/*
 @ basit reset */
* {
  margin: 0;
  padding: 0;
  list-style-type: none;
  outline-width: 0;
  position: relative;
  box-sizing: border-box; }

i, em {
  font-style: normal; }

s {
  text-decoration: none; }

a img {
  border: 0; }

p {
  -ms-hyphens: auto;
      hyphens: auto;
  -webkit-hyphens: auto;
  -moz-hyphens: auto; }

/*
 @ html 5 */
section, header, footer, article, time, aside, nav {
  position: relative;
  display: block; }

input, button, select, textarea {
  font: 300 14px "Arial";
  color: #444;
  outline-width: 0;
  border: 0;
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none; }

/*
 @ baslik */
h1, h2, h3, h4, h5, h6 {
  font-weight: 400; }

/*
 @ linkler */
a {
  text-decoration: none; }

/*
@ relative  */
* {
  position: relative; }

.static-on * {
  position: static; }

.static-off * {
  position: relative; }

/*
@ clear */
.c:after {
  content: " ";
  clear: both;
  display: block; }

.h {
  height: 100%; }

/*
@ perde*/
.screen {
  background: rgba(0, 0, 0, 0.8);
  left: 0;
  transition: .3s;
  top: 0;
  visibility: hidden;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9; }

html.screen-on .screen {
  visibility: visible;
  opacity: 1; }

html.no-scroll, html.no-scroll body {
  height: 100%;
  overflow: hidden; }

/*
 @ positions */
.prt, .prb, .plt, .plb, .pcx, .pcy, .pcxy {
  position: absolute; }

.prt, .plt {
  top: 0; }

.prb, .plb {
  bottom: 0; }

.prt, .prb {
  right: 0; }

.plt, .plb {
  left: 0; }

.pcx, .pcxy {
  left: 50%;
  right: 50%; }

.pcy, .pcxy {
  top: 50%;
  bottom: 50%; }

/*
 @ clear groups */
.c:after,
.c-left:after,
.c-left-2 > *:after,
.c-left-3 > * > *:after {
  content: " ";
  clear: both;
  display: block; }

/*
 @ child > left */
.c-left > *,
.c-left-2 > * > *,
.c-left-3 > * > * > * {
  float: left; }

/*
 @ child > left */
.c-right > * {
  float: right; }

/*
 @ margin  auto */
.cm {
  margin-left: auto;
  margin-right: auto; }

/*
@ max width */
/*
@ flex temel  */
.flex-xc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }

.flex-bw {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.flex-yc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center; }

.flex-mc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }

/*
@ z index  */
.z0 {
  z-index: 0; }

.z1 {
  z-index: 1; }

.z2 {
  z-index: 2; }

/*
@ grid test  */
/*
@ grid's block tanimlari */
[class*="visible"] {
  display: none; }

.hidden-import {
  display: none !important; }

.-top-1 {
  top: -1px; }

.top-1 {
  top: 1px; }

.-left-1 {
  left: -1px; }

.left-1 {
  left: 1px; }

.-top-2 {
  top: -2px; }

.top-2 {
  top: 2px; }

.-left-2 {
  left: -2px; }

.left-2 {
  left: 2px; }

.-top-3 {
  top: -3px; }

.top-3 {
  top: 3px; }

.-left-3 {
  left: -3px; }

.left-3 {
  left: 3px; }

.-top-4 {
  top: -4px; }

.top-4 {
  top: 4px; }

.-left-4 {
  left: -4px; }

.left-4 {
  left: 4px; }

.-top-5 {
  top: -5px; }

.top-5 {
  top: 5px; }

.-left-5 {
  left: -5px; }

.left-5 {
  left: 5px; }

.-top-6 {
  top: -6px; }

.top-6 {
  top: 6px; }

.-left-6 {
  left: -6px; }

.left-6 {
  left: 6px; }

.-top-7 {
  top: -7px; }

.top-7 {
  top: 7px; }

.-left-7 {
  left: -7px; }

.left-7 {
  left: 7px; }

.-top-8 {
  top: -8px; }

.top-8 {
  top: 8px; }

.-left-8 {
  left: -8px; }

.left-8 {
  left: 8px; }

.-top-9 {
  top: -9px; }

.top-9 {
  top: 9px; }

.-left-9 {
  left: -9px; }

.left-9 {
  left: 9px; }

/*
@ html swicth global */
.hidden {
  display: none; }
  .hidden.import {
    display: none !important; }

.visible {
  display: block; }

.visible-inline {
  display: inline; }

.visible-flex {
  display: -ms-flexbox;
  display: flex; }

.none {
  display: none; }
  .none.import {
    display: none !important; }

.block {
  display: block; }
  .block.import {
    display: block !important; }

.inline {
  display: inline; }
  .inline.import {
    display: inline !important; }

.flex {
  display: -ms-flexbox;
  display: flex; }
  .flex.import {
    display: -ms-flexbox !important;
    display: flex !important; }

.xc {
  -ms-flex-pack: center;
      justify-content: center; }

.yc {
  -ms-flex-align: center;
      align-items: center; }

.mc {
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center; }

.center {
  -ms-flex-pack: center;
      justify-content: center; }

.middle {
  -ms-flex-align: center;
      align-items: center; }

.wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.stretch {
  -ms-flex-align: stretch;
      align-items: stretch; }

.between {
  -ms-flex-pack: justify;
      justify-content: space-between; }

.around {
  -ms-flex-pack: distribute;
      justify-content: space-around; }

.end {
  -ms-flex-pack: end;
      justify-content: flex-end; }

.direct-x {
  -ms-flex-direction: row;
      flex-direction: row; }

.direct-y {
  -ms-flex-direction: column;
      flex-direction: column; }

.fc-top {
  -ms-flex-item-align: start;
      align-self: flex-start; }

.fc-middle {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center; }

.fc-bottom {
  -ms-flex-item-align: end;
      align-self: flex-end; }

.order-1 {
  -ms-flex-order: 1;
      order: 1; }

.order-2 {
  -ms-flex-order: 2;
      order: 2; }

.order-3 {
  -ms-flex-order: 3;
      order: 3; }

.order-4 {
  -ms-flex-order: 4;
      order: 4; }

.unfloat3 > * > * > *,
.unfloat2 > * > *,
.unfloat > * {
  float: none; }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

.static {
  position: static; }

.fixed {
  position: fixed; }

.tcenter {
  text-align: center; }

.tright {
  text-align: right; }

.tleft {
  text-align: left; }

.tjustify {
  text-align: justify; }

/*
@ birimler  */
.pl0 {
  padding-left: 0; }

.pr0 {
  padding-right: 0; }

.pt0 {
  padding-top: 0; }

.mt0 {
  margin-top: 0; }

.mb0 {
  margin-mtb: 0; }

.w5 {
  width: 5%; }

.pt5 {
  padding-top: 5px; }

.pl5 {
  padding-left: 5px; }

.pr5 {
  padding-right: 5px; }

.mt5 {
  margin-top: 5px; }

.mb5 {
  margin-bottom: 5px; }

.w10 {
  width: 10%; }

.pt10 {
  padding-top: 10px; }

.pl10 {
  padding-left: 10px; }

.pr10 {
  padding-right: 10px; }

.mt10 {
  margin-top: 10px; }

.mb10 {
  margin-bottom: 10px; }

.w15 {
  width: 15%; }

.pt15 {
  padding-top: 15px; }

.pl15 {
  padding-left: 15px; }

.pr15 {
  padding-right: 15px; }

.mt15 {
  margin-top: 15px; }

.mb15 {
  margin-bottom: 15px; }

.w20 {
  width: 20%; }

.pt20 {
  padding-top: 20px; }

.pl20 {
  padding-left: 20px; }

.pr20 {
  padding-right: 20px; }

.mt20 {
  margin-top: 20px; }

.mb20 {
  margin-bottom: 20px; }

.w25 {
  width: 25%; }

.pt25 {
  padding-top: 25px; }

.pl25 {
  padding-left: 25px; }

.pr25 {
  padding-right: 25px; }

.mt25 {
  margin-top: 25px; }

.mb25 {
  margin-bottom: 25px; }

.w30 {
  width: 30%; }

.pt30 {
  padding-top: 30px; }

.pl30 {
  padding-left: 30px; }

.pr30 {
  padding-right: 30px; }

.mt30 {
  margin-top: 30px; }

.mb30 {
  margin-bottom: 30px; }

.w35 {
  width: 35%; }

.pt35 {
  padding-top: 35px; }

.pl35 {
  padding-left: 35px; }

.pr35 {
  padding-right: 35px; }

.mt35 {
  margin-top: 35px; }

.mb35 {
  margin-bottom: 35px; }

.w40 {
  width: 40%; }

.pt40 {
  padding-top: 40px; }

.pl40 {
  padding-left: 40px; }

.pr40 {
  padding-right: 40px; }

.mt40 {
  margin-top: 40px; }

.mb40 {
  margin-bottom: 40px; }

.w45 {
  width: 45%; }

.pt45 {
  padding-top: 45px; }

.pl45 {
  padding-left: 45px; }

.pr45 {
  padding-right: 45px; }

.mt45 {
  margin-top: 45px; }

.mb45 {
  margin-bottom: 45px; }

.w50 {
  width: 50%; }

.pt50 {
  padding-top: 50px; }

.pl50 {
  padding-left: 50px; }

.pr50 {
  padding-right: 50px; }

.mt50 {
  margin-top: 50px; }

.mb50 {
  margin-bottom: 50px; }

.w55 {
  width: 55%; }

.pt55 {
  padding-top: 55px; }

.pl55 {
  padding-left: 55px; }

.pr55 {
  padding-right: 55px; }

.mt55 {
  margin-top: 55px; }

.mb55 {
  margin-bottom: 55px; }

.w60 {
  width: 60%; }

.pt60 {
  padding-top: 60px; }

.pl60 {
  padding-left: 60px; }

.pr60 {
  padding-right: 60px; }

.mt60 {
  margin-top: 60px; }

.mb60 {
  margin-bottom: 60px; }

.w65 {
  width: 65%; }

.pt65 {
  padding-top: 65px; }

.pl65 {
  padding-left: 65px; }

.pr65 {
  padding-right: 65px; }

.mt65 {
  margin-top: 65px; }

.mb65 {
  margin-bottom: 65px; }

.w70 {
  width: 70%; }

.pt70 {
  padding-top: 70px; }

.pl70 {
  padding-left: 70px; }

.pr70 {
  padding-right: 70px; }

.mt70 {
  margin-top: 70px; }

.mb70 {
  margin-bottom: 70px; }

.w75 {
  width: 75%; }

.pt75 {
  padding-top: 75px; }

.pl75 {
  padding-left: 75px; }

.pr75 {
  padding-right: 75px; }

.mt75 {
  margin-top: 75px; }

.mb75 {
  margin-bottom: 75px; }

.w80 {
  width: 80%; }

.pt80 {
  padding-top: 80px; }

.pl80 {
  padding-left: 80px; }

.pr80 {
  padding-right: 80px; }

.mt80 {
  margin-top: 80px; }

.mb80 {
  margin-bottom: 80px; }

.w85 {
  width: 85%; }

.pt85 {
  padding-top: 85px; }

.pl85 {
  padding-left: 85px; }

.pr85 {
  padding-right: 85px; }

.mt85 {
  margin-top: 85px; }

.mb85 {
  margin-bottom: 85px; }

.w90 {
  width: 90%; }

.pt90 {
  padding-top: 90px; }

.pl90 {
  padding-left: 90px; }

.pr90 {
  padding-right: 90px; }

.mt90 {
  margin-top: 90px; }

.mb90 {
  margin-bottom: 90px; }

.w95 {
  width: 95%; }

.pt95 {
  padding-top: 95px; }

.pl95 {
  padding-left: 95px; }

.pr95 {
  padding-right: 95px; }

.mt95 {
  margin-top: 95px; }

.mb95 {
  margin-bottom: 95px; }

.w100 {
  width: 100%; }

.pt100 {
  padding-top: 100px; }

.pl100 {
  padding-left: 100px; }

.pr100 {
  padding-right: 100px; }

.mt100 {
  margin-top: 100px; }

.mb100 {
  margin-bottom: 100px; }

.fs15 {
  font-size: 15px; }

.fs20 {
  font-size: 20px; }

.fs25 {
  font-size: 25px; }

.fs30 {
  font-size: 30px; }

.fs35 {
  font-size: 35px; }

.fs40 {
  font-size: 40px; }

.fs45 {
  font-size: 45px; }

.fs50 {
  font-size: 50px; }

.fs55 {
  font-size: 55px; }

@media (min-width: 1200px) {
  .hidden-lg {
    display: none; }
    .hidden-lg.import {
      display: none !important; }

  .visible-lg {
    display: block; }

  .visible-inline-lg {
    display: inline; }

  .visible-flex-lg {
    display: -ms-flexbox;
    display: flex; }

  .none-lg {
    display: none; }
    .none-lg.import {
      display: none !important; }

  .block-lg {
    display: block; }
    .block-lg.import {
      display: block !important; }

  .inline-lg {
    display: inline; }
    .inline-lg.import {
      display: inline !important; }

  .flex-lg {
    display: -ms-flexbox;
    display: flex; }
    .flex-lg.import {
      display: -ms-flexbox !important;
      display: flex !important; }

  .xc-lg {
    -ms-flex-pack: center;
        justify-content: center; }

  .yc-lg {
    -ms-flex-align: center;
        align-items: center; }

  .mc-lg {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }

  .center-lg {
    -ms-flex-pack: center;
        justify-content: center; }

  .middle-lg {
    -ms-flex-align: center;
        align-items: center; }

  .wrap-lg {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

  .stretch-lg {
    -ms-flex-align: stretch;
        align-items: stretch; }

  .between-lg {
    -ms-flex-pack: justify;
        justify-content: space-between; }

  .around-lg {
    -ms-flex-pack: distribute;
        justify-content: space-around; }

  .end-lg {
    -ms-flex-pack: end;
        justify-content: flex-end; }

  .direct-lg-x {
    -ms-flex-direction: row;
        flex-direction: row; }

  .direct-lg-y {
    -ms-flex-direction: column;
        flex-direction: column; }

  .fc-top-lg {
    -ms-flex-item-align: start;
        align-self: flex-start; }

  .fc-middle-lg {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; }

  .fc-bottom-lg {
    -ms-flex-item-align: end;
        align-self: flex-end; }

  .order-lg-1 {
    -ms-flex-order: 1;
        order: 1; }

  .order-lg-2 {
    -ms-flex-order: 2;
        order: 2; }

  .order-lg-3 {
    -ms-flex-order: 3;
        order: 3; }

  .order-lg-4 {
    -ms-flex-order: 4;
        order: 4; }

  .unfloat3-lg > * > * > *,
  .unfloat2-lg > * > *,
  .unfloat-lg > * {
    float: none; }

  .relative-lg {
    position: relative; }

  .absolute-lg {
    position: absolute; }

  .static-lg {
    position: static; }

  .fixed-lg {
    position: fixed; }

  .tcenter-lg {
    text-align: center; }

  .tright-lg {
    text-align: right; }

  .tleft-lg {
    text-align: left; }

  .tjustify-lg {
    text-align: justify; }

  /*
  @ birimler  */
  .pl0-lg {
    padding-left: 0; }

  .pr0-lg {
    padding-right: 0; }

  .pt0-lg {
    padding-top: 0; }

  .mt0-lg {
    margin-top: 0; }

  .mb0-lg {
    margin-mtb: 0; }

  .w5-lg {
    width: 5%; }

  .pt5-lg {
    padding-top: 5px; }

  .pl5-lg {
    padding-left: 5px; }

  .pr5-lg {
    padding-right: 5px; }

  .mt5-lg {
    margin-top: 5px; }

  .mb5-lg {
    margin-bottom: 5px; }

  .w10-lg {
    width: 10%; }

  .pt10-lg {
    padding-top: 10px; }

  .pl10-lg {
    padding-left: 10px; }

  .pr10-lg {
    padding-right: 10px; }

  .mt10-lg {
    margin-top: 10px; }

  .mb10-lg {
    margin-bottom: 10px; }

  .w15-lg {
    width: 15%; }

  .pt15-lg {
    padding-top: 15px; }

  .pl15-lg {
    padding-left: 15px; }

  .pr15-lg {
    padding-right: 15px; }

  .mt15-lg {
    margin-top: 15px; }

  .mb15-lg {
    margin-bottom: 15px; }

  .w20-lg {
    width: 20%; }

  .pt20-lg {
    padding-top: 20px; }

  .pl20-lg {
    padding-left: 20px; }

  .pr20-lg {
    padding-right: 20px; }

  .mt20-lg {
    margin-top: 20px; }

  .mb20-lg {
    margin-bottom: 20px; }

  .w25-lg {
    width: 25%; }

  .pt25-lg {
    padding-top: 25px; }

  .pl25-lg {
    padding-left: 25px; }

  .pr25-lg {
    padding-right: 25px; }

  .mt25-lg {
    margin-top: 25px; }

  .mb25-lg {
    margin-bottom: 25px; }

  .w30-lg {
    width: 30%; }

  .pt30-lg {
    padding-top: 30px; }

  .pl30-lg {
    padding-left: 30px; }

  .pr30-lg {
    padding-right: 30px; }

  .mt30-lg {
    margin-top: 30px; }

  .mb30-lg {
    margin-bottom: 30px; }

  .w35-lg {
    width: 35%; }

  .pt35-lg {
    padding-top: 35px; }

  .pl35-lg {
    padding-left: 35px; }

  .pr35-lg {
    padding-right: 35px; }

  .mt35-lg {
    margin-top: 35px; }

  .mb35-lg {
    margin-bottom: 35px; }

  .w40-lg {
    width: 40%; }

  .pt40-lg {
    padding-top: 40px; }

  .pl40-lg {
    padding-left: 40px; }

  .pr40-lg {
    padding-right: 40px; }

  .mt40-lg {
    margin-top: 40px; }

  .mb40-lg {
    margin-bottom: 40px; }

  .w45-lg {
    width: 45%; }

  .pt45-lg {
    padding-top: 45px; }

  .pl45-lg {
    padding-left: 45px; }

  .pr45-lg {
    padding-right: 45px; }

  .mt45-lg {
    margin-top: 45px; }

  .mb45-lg {
    margin-bottom: 45px; }

  .w50-lg {
    width: 50%; }

  .pt50-lg {
    padding-top: 50px; }

  .pl50-lg {
    padding-left: 50px; }

  .pr50-lg {
    padding-right: 50px; }

  .mt50-lg {
    margin-top: 50px; }

  .mb50-lg {
    margin-bottom: 50px; }

  .w55-lg {
    width: 55%; }

  .pt55-lg {
    padding-top: 55px; }

  .pl55-lg {
    padding-left: 55px; }

  .pr55-lg {
    padding-right: 55px; }

  .mt55-lg {
    margin-top: 55px; }

  .mb55-lg {
    margin-bottom: 55px; }

  .w60-lg {
    width: 60%; }

  .pt60-lg {
    padding-top: 60px; }

  .pl60-lg {
    padding-left: 60px; }

  .pr60-lg {
    padding-right: 60px; }

  .mt60-lg {
    margin-top: 60px; }

  .mb60-lg {
    margin-bottom: 60px; }

  .w65-lg {
    width: 65%; }

  .pt65-lg {
    padding-top: 65px; }

  .pl65-lg {
    padding-left: 65px; }

  .pr65-lg {
    padding-right: 65px; }

  .mt65-lg {
    margin-top: 65px; }

  .mb65-lg {
    margin-bottom: 65px; }

  .w70-lg {
    width: 70%; }

  .pt70-lg {
    padding-top: 70px; }

  .pl70-lg {
    padding-left: 70px; }

  .pr70-lg {
    padding-right: 70px; }

  .mt70-lg {
    margin-top: 70px; }

  .mb70-lg {
    margin-bottom: 70px; }

  .w75-lg {
    width: 75%; }

  .pt75-lg {
    padding-top: 75px; }

  .pl75-lg {
    padding-left: 75px; }

  .pr75-lg {
    padding-right: 75px; }

  .mt75-lg {
    margin-top: 75px; }

  .mb75-lg {
    margin-bottom: 75px; }

  .w80-lg {
    width: 80%; }

  .pt80-lg {
    padding-top: 80px; }

  .pl80-lg {
    padding-left: 80px; }

  .pr80-lg {
    padding-right: 80px; }

  .mt80-lg {
    margin-top: 80px; }

  .mb80-lg {
    margin-bottom: 80px; }

  .w85-lg {
    width: 85%; }

  .pt85-lg {
    padding-top: 85px; }

  .pl85-lg {
    padding-left: 85px; }

  .pr85-lg {
    padding-right: 85px; }

  .mt85-lg {
    margin-top: 85px; }

  .mb85-lg {
    margin-bottom: 85px; }

  .w90-lg {
    width: 90%; }

  .pt90-lg {
    padding-top: 90px; }

  .pl90-lg {
    padding-left: 90px; }

  .pr90-lg {
    padding-right: 90px; }

  .mt90-lg {
    margin-top: 90px; }

  .mb90-lg {
    margin-bottom: 90px; }

  .w95-lg {
    width: 95%; }

  .pt95-lg {
    padding-top: 95px; }

  .pl95-lg {
    padding-left: 95px; }

  .pr95-lg {
    padding-right: 95px; }

  .mt95-lg {
    margin-top: 95px; }

  .mb95-lg {
    margin-bottom: 95px; }

  .w100-lg {
    width: 100%; }

  .pt100-lg {
    padding-top: 100px; }

  .pl100-lg {
    padding-left: 100px; }

  .pr100-lg {
    padding-right: 100px; }

  .mt100-lg {
    margin-top: 100px; }

  .mb100-lg {
    margin-bottom: 100px; }

  .fs15-lg {
    font-size: 15px; }

  .fs20-lg {
    font-size: 20px; }

  .fs25-lg {
    font-size: 25px; }

  .fs30-lg {
    font-size: 30px; }

  .fs35-lg {
    font-size: 35px; }

  .fs40-lg {
    font-size: 40px; }

  .fs45-lg {
    font-size: 45px; }

  .fs50-lg {
    font-size: 50px; }

  .fs55-lg {
    font-size: 55px; } }
@media (max-width: 1199px) {
  .hidden-md {
    display: none; }
    .hidden-md.import {
      display: none !important; }

  .visible-md {
    display: block; }

  .visible-inline-md {
    display: inline; }

  .visible-flex-md {
    display: -ms-flexbox;
    display: flex; }

  .none-md {
    display: none; }
    .none-md.import {
      display: none !important; }

  .block-md {
    display: block; }
    .block-md.import {
      display: block !important; }

  .inline-md {
    display: inline; }
    .inline-md.import {
      display: inline !important; }

  .flex-md {
    display: -ms-flexbox;
    display: flex; }
    .flex-md.import {
      display: -ms-flexbox !important;
      display: flex !important; }

  .xc-md {
    -ms-flex-pack: center;
        justify-content: center; }

  .yc-md {
    -ms-flex-align: center;
        align-items: center; }

  .mc-md {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }

  .center-md {
    -ms-flex-pack: center;
        justify-content: center; }

  .middle-md {
    -ms-flex-align: center;
        align-items: center; }

  .wrap-md {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

  .stretch-md {
    -ms-flex-align: stretch;
        align-items: stretch; }

  .between-md {
    -ms-flex-pack: justify;
        justify-content: space-between; }

  .around-md {
    -ms-flex-pack: distribute;
        justify-content: space-around; }

  .end-md {
    -ms-flex-pack: end;
        justify-content: flex-end; }

  .direct-md-x {
    -ms-flex-direction: row;
        flex-direction: row; }

  .direct-md-y {
    -ms-flex-direction: column;
        flex-direction: column; }

  .fc-top-md {
    -ms-flex-item-align: start;
        align-self: flex-start; }

  .fc-middle-md {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; }

  .fc-bottom-md {
    -ms-flex-item-align: end;
        align-self: flex-end; }

  .order-md-1 {
    -ms-flex-order: 1;
        order: 1; }

  .order-md-2 {
    -ms-flex-order: 2;
        order: 2; }

  .order-md-3 {
    -ms-flex-order: 3;
        order: 3; }

  .order-md-4 {
    -ms-flex-order: 4;
        order: 4; }

  .unfloat3-md > * > * > *,
  .unfloat2-md > * > *,
  .unfloat-md > * {
    float: none; }

  .relative-md {
    position: relative; }

  .absolute-md {
    position: absolute; }

  .static-md {
    position: static; }

  .fixed-md {
    position: fixed; }

  .tcenter-md {
    text-align: center; }

  .tright-md {
    text-align: right; }

  .tleft-md {
    text-align: left; }

  .tjustify-md {
    text-align: justify; }

  /*
  @ birimler  */
  .pl0-md {
    padding-left: 0; }

  .pr0-md {
    padding-right: 0; }

  .pt0-md {
    padding-top: 0; }

  .mt0-md {
    margin-top: 0; }

  .mb0-md {
    margin-mtb: 0; }

  .w5-md {
    width: 5%; }

  .pt5-md {
    padding-top: 5px; }

  .pl5-md {
    padding-left: 5px; }

  .pr5-md {
    padding-right: 5px; }

  .mt5-md {
    margin-top: 5px; }

  .mb5-md {
    margin-bottom: 5px; }

  .w10-md {
    width: 10%; }

  .pt10-md {
    padding-top: 10px; }

  .pl10-md {
    padding-left: 10px; }

  .pr10-md {
    padding-right: 10px; }

  .mt10-md {
    margin-top: 10px; }

  .mb10-md {
    margin-bottom: 10px; }

  .w15-md {
    width: 15%; }

  .pt15-md {
    padding-top: 15px; }

  .pl15-md {
    padding-left: 15px; }

  .pr15-md {
    padding-right: 15px; }

  .mt15-md {
    margin-top: 15px; }

  .mb15-md {
    margin-bottom: 15px; }

  .w20-md {
    width: 20%; }

  .pt20-md {
    padding-top: 20px; }

  .pl20-md {
    padding-left: 20px; }

  .pr20-md {
    padding-right: 20px; }

  .mt20-md {
    margin-top: 20px; }

  .mb20-md {
    margin-bottom: 20px; }

  .w25-md {
    width: 25%; }

  .pt25-md {
    padding-top: 25px; }

  .pl25-md {
    padding-left: 25px; }

  .pr25-md {
    padding-right: 25px; }

  .mt25-md {
    margin-top: 25px; }

  .mb25-md {
    margin-bottom: 25px; }

  .w30-md {
    width: 30%; }

  .pt30-md {
    padding-top: 30px; }

  .pl30-md {
    padding-left: 30px; }

  .pr30-md {
    padding-right: 30px; }

  .mt30-md {
    margin-top: 30px; }

  .mb30-md {
    margin-bottom: 30px; }

  .w35-md {
    width: 35%; }

  .pt35-md {
    padding-top: 35px; }

  .pl35-md {
    padding-left: 35px; }

  .pr35-md {
    padding-right: 35px; }

  .mt35-md {
    margin-top: 35px; }

  .mb35-md {
    margin-bottom: 35px; }

  .w40-md {
    width: 40%; }

  .pt40-md {
    padding-top: 40px; }

  .pl40-md {
    padding-left: 40px; }

  .pr40-md {
    padding-right: 40px; }

  .mt40-md {
    margin-top: 40px; }

  .mb40-md {
    margin-bottom: 40px; }

  .w45-md {
    width: 45%; }

  .pt45-md {
    padding-top: 45px; }

  .pl45-md {
    padding-left: 45px; }

  .pr45-md {
    padding-right: 45px; }

  .mt45-md {
    margin-top: 45px; }

  .mb45-md {
    margin-bottom: 45px; }

  .w50-md {
    width: 50%; }

  .pt50-md {
    padding-top: 50px; }

  .pl50-md {
    padding-left: 50px; }

  .pr50-md {
    padding-right: 50px; }

  .mt50-md {
    margin-top: 50px; }

  .mb50-md {
    margin-bottom: 50px; }

  .w55-md {
    width: 55%; }

  .pt55-md {
    padding-top: 55px; }

  .pl55-md {
    padding-left: 55px; }

  .pr55-md {
    padding-right: 55px; }

  .mt55-md {
    margin-top: 55px; }

  .mb55-md {
    margin-bottom: 55px; }

  .w60-md {
    width: 60%; }

  .pt60-md {
    padding-top: 60px; }

  .pl60-md {
    padding-left: 60px; }

  .pr60-md {
    padding-right: 60px; }

  .mt60-md {
    margin-top: 60px; }

  .mb60-md {
    margin-bottom: 60px; }

  .w65-md {
    width: 65%; }

  .pt65-md {
    padding-top: 65px; }

  .pl65-md {
    padding-left: 65px; }

  .pr65-md {
    padding-right: 65px; }

  .mt65-md {
    margin-top: 65px; }

  .mb65-md {
    margin-bottom: 65px; }

  .w70-md {
    width: 70%; }

  .pt70-md {
    padding-top: 70px; }

  .pl70-md {
    padding-left: 70px; }

  .pr70-md {
    padding-right: 70px; }

  .mt70-md {
    margin-top: 70px; }

  .mb70-md {
    margin-bottom: 70px; }

  .w75-md {
    width: 75%; }

  .pt75-md {
    padding-top: 75px; }

  .pl75-md {
    padding-left: 75px; }

  .pr75-md {
    padding-right: 75px; }

  .mt75-md {
    margin-top: 75px; }

  .mb75-md {
    margin-bottom: 75px; }

  .w80-md {
    width: 80%; }

  .pt80-md {
    padding-top: 80px; }

  .pl80-md {
    padding-left: 80px; }

  .pr80-md {
    padding-right: 80px; }

  .mt80-md {
    margin-top: 80px; }

  .mb80-md {
    margin-bottom: 80px; }

  .w85-md {
    width: 85%; }

  .pt85-md {
    padding-top: 85px; }

  .pl85-md {
    padding-left: 85px; }

  .pr85-md {
    padding-right: 85px; }

  .mt85-md {
    margin-top: 85px; }

  .mb85-md {
    margin-bottom: 85px; }

  .w90-md {
    width: 90%; }

  .pt90-md {
    padding-top: 90px; }

  .pl90-md {
    padding-left: 90px; }

  .pr90-md {
    padding-right: 90px; }

  .mt90-md {
    margin-top: 90px; }

  .mb90-md {
    margin-bottom: 90px; }

  .w95-md {
    width: 95%; }

  .pt95-md {
    padding-top: 95px; }

  .pl95-md {
    padding-left: 95px; }

  .pr95-md {
    padding-right: 95px; }

  .mt95-md {
    margin-top: 95px; }

  .mb95-md {
    margin-bottom: 95px; }

  .w100-md {
    width: 100%; }

  .pt100-md {
    padding-top: 100px; }

  .pl100-md {
    padding-left: 100px; }

  .pr100-md {
    padding-right: 100px; }

  .mt100-md {
    margin-top: 100px; }

  .mb100-md {
    margin-bottom: 100px; }

  .fs15-md {
    font-size: 15px; }

  .fs20-md {
    font-size: 20px; }

  .fs25-md {
    font-size: 25px; }

  .fs30-md {
    font-size: 30px; }

  .fs35-md {
    font-size: 35px; }

  .fs40-md {
    font-size: 40px; }

  .fs45-md {
    font-size: 45px; }

  .fs50-md {
    font-size: 50px; }

  .fs55-md {
    font-size: 55px; } }
@media (max-width: 991px) {
  .hidden-sm {
    display: none; }
    .hidden-sm.import {
      display: none !important; }

  .visible-sm {
    display: block; }

  .visible-inline-sm {
    display: inline; }

  .visible-flex-sm {
    display: -ms-flexbox;
    display: flex; }

  .none-sm {
    display: none; }
    .none-sm.import {
      display: none !important; }

  .block-sm {
    display: block; }
    .block-sm.import {
      display: block !important; }

  .inline-sm {
    display: inline; }
    .inline-sm.import {
      display: inline !important; }

  .flex-sm {
    display: -ms-flexbox;
    display: flex; }
    .flex-sm.import {
      display: -ms-flexbox !important;
      display: flex !important; }

  .xc-sm {
    -ms-flex-pack: center;
        justify-content: center; }

  .yc-sm {
    -ms-flex-align: center;
        align-items: center; }

  .mc-sm {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }

  .center-sm {
    -ms-flex-pack: center;
        justify-content: center; }

  .middle-sm {
    -ms-flex-align: center;
        align-items: center; }

  .wrap-sm {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

  .stretch-sm {
    -ms-flex-align: stretch;
        align-items: stretch; }

  .between-sm {
    -ms-flex-pack: justify;
        justify-content: space-between; }

  .around-sm {
    -ms-flex-pack: distribute;
        justify-content: space-around; }

  .end-sm {
    -ms-flex-pack: end;
        justify-content: flex-end; }

  .direct-sm-x {
    -ms-flex-direction: row;
        flex-direction: row; }

  .direct-sm-y {
    -ms-flex-direction: column;
        flex-direction: column; }

  .fc-top-sm {
    -ms-flex-item-align: start;
        align-self: flex-start; }

  .fc-middle-sm {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; }

  .fc-bottom-sm {
    -ms-flex-item-align: end;
        align-self: flex-end; }

  .order-sm-1 {
    -ms-flex-order: 1;
        order: 1; }

  .order-sm-2 {
    -ms-flex-order: 2;
        order: 2; }

  .order-sm-3 {
    -ms-flex-order: 3;
        order: 3; }

  .order-sm-4 {
    -ms-flex-order: 4;
        order: 4; }

  .unfloat3-sm > * > * > *,
  .unfloat2-sm > * > *,
  .unfloat-sm > * {
    float: none; }

  .relative-sm {
    position: relative; }

  .absolute-sm {
    position: absolute; }

  .static-sm {
    position: static; }

  .fixed-sm {
    position: fixed; }

  .tcenter-sm {
    text-align: center; }

  .tright-sm {
    text-align: right; }

  .tleft-sm {
    text-align: left; }

  .tjustify-sm {
    text-align: justify; }

  /*
  @ birimler  */
  .pl0-sm {
    padding-left: 0; }

  .pr0-sm {
    padding-right: 0; }

  .pt0-sm {
    padding-top: 0; }

  .mt0-sm {
    margin-top: 0; }

  .mb0-sm {
    margin-mtb: 0; }

  .w5-sm {
    width: 5%; }

  .pt5-sm {
    padding-top: 5px; }

  .pl5-sm {
    padding-left: 5px; }

  .pr5-sm {
    padding-right: 5px; }

  .mt5-sm {
    margin-top: 5px; }

  .mb5-sm {
    margin-bottom: 5px; }

  .w10-sm {
    width: 10%; }

  .pt10-sm {
    padding-top: 10px; }

  .pl10-sm {
    padding-left: 10px; }

  .pr10-sm {
    padding-right: 10px; }

  .mt10-sm {
    margin-top: 10px; }

  .mb10-sm {
    margin-bottom: 10px; }

  .w15-sm {
    width: 15%; }

  .pt15-sm {
    padding-top: 15px; }

  .pl15-sm {
    padding-left: 15px; }

  .pr15-sm {
    padding-right: 15px; }

  .mt15-sm {
    margin-top: 15px; }

  .mb15-sm {
    margin-bottom: 15px; }

  .w20-sm {
    width: 20%; }

  .pt20-sm {
    padding-top: 20px; }

  .pl20-sm {
    padding-left: 20px; }

  .pr20-sm {
    padding-right: 20px; }

  .mt20-sm {
    margin-top: 20px; }

  .mb20-sm {
    margin-bottom: 20px; }

  .w25-sm {
    width: 25%; }

  .pt25-sm {
    padding-top: 25px; }

  .pl25-sm {
    padding-left: 25px; }

  .pr25-sm {
    padding-right: 25px; }

  .mt25-sm {
    margin-top: 25px; }

  .mb25-sm {
    margin-bottom: 25px; }

  .w30-sm {
    width: 30%; }

  .pt30-sm {
    padding-top: 30px; }

  .pl30-sm {
    padding-left: 30px; }

  .pr30-sm {
    padding-right: 30px; }

  .mt30-sm {
    margin-top: 30px; }

  .mb30-sm {
    margin-bottom: 30px; }

  .w35-sm {
    width: 35%; }

  .pt35-sm {
    padding-top: 35px; }

  .pl35-sm {
    padding-left: 35px; }

  .pr35-sm {
    padding-right: 35px; }

  .mt35-sm {
    margin-top: 35px; }

  .mb35-sm {
    margin-bottom: 35px; }

  .w40-sm {
    width: 40%; }

  .pt40-sm {
    padding-top: 40px; }

  .pl40-sm {
    padding-left: 40px; }

  .pr40-sm {
    padding-right: 40px; }

  .mt40-sm {
    margin-top: 40px; }

  .mb40-sm {
    margin-bottom: 40px; }

  .w45-sm {
    width: 45%; }

  .pt45-sm {
    padding-top: 45px; }

  .pl45-sm {
    padding-left: 45px; }

  .pr45-sm {
    padding-right: 45px; }

  .mt45-sm {
    margin-top: 45px; }

  .mb45-sm {
    margin-bottom: 45px; }

  .w50-sm {
    width: 50%; }

  .pt50-sm {
    padding-top: 50px; }

  .pl50-sm {
    padding-left: 50px; }

  .pr50-sm {
    padding-right: 50px; }

  .mt50-sm {
    margin-top: 50px; }

  .mb50-sm {
    margin-bottom: 50px; }

  .w55-sm {
    width: 55%; }

  .pt55-sm {
    padding-top: 55px; }

  .pl55-sm {
    padding-left: 55px; }

  .pr55-sm {
    padding-right: 55px; }

  .mt55-sm {
    margin-top: 55px; }

  .mb55-sm {
    margin-bottom: 55px; }

  .w60-sm {
    width: 60%; }

  .pt60-sm {
    padding-top: 60px; }

  .pl60-sm {
    padding-left: 60px; }

  .pr60-sm {
    padding-right: 60px; }

  .mt60-sm {
    margin-top: 60px; }

  .mb60-sm {
    margin-bottom: 60px; }

  .w65-sm {
    width: 65%; }

  .pt65-sm {
    padding-top: 65px; }

  .pl65-sm {
    padding-left: 65px; }

  .pr65-sm {
    padding-right: 65px; }

  .mt65-sm {
    margin-top: 65px; }

  .mb65-sm {
    margin-bottom: 65px; }

  .w70-sm {
    width: 70%; }

  .pt70-sm {
    padding-top: 70px; }

  .pl70-sm {
    padding-left: 70px; }

  .pr70-sm {
    padding-right: 70px; }

  .mt70-sm {
    margin-top: 70px; }

  .mb70-sm {
    margin-bottom: 70px; }

  .w75-sm {
    width: 75%; }

  .pt75-sm {
    padding-top: 75px; }

  .pl75-sm {
    padding-left: 75px; }

  .pr75-sm {
    padding-right: 75px; }

  .mt75-sm {
    margin-top: 75px; }

  .mb75-sm {
    margin-bottom: 75px; }

  .w80-sm {
    width: 80%; }

  .pt80-sm {
    padding-top: 80px; }

  .pl80-sm {
    padding-left: 80px; }

  .pr80-sm {
    padding-right: 80px; }

  .mt80-sm {
    margin-top: 80px; }

  .mb80-sm {
    margin-bottom: 80px; }

  .w85-sm {
    width: 85%; }

  .pt85-sm {
    padding-top: 85px; }

  .pl85-sm {
    padding-left: 85px; }

  .pr85-sm {
    padding-right: 85px; }

  .mt85-sm {
    margin-top: 85px; }

  .mb85-sm {
    margin-bottom: 85px; }

  .w90-sm {
    width: 90%; }

  .pt90-sm {
    padding-top: 90px; }

  .pl90-sm {
    padding-left: 90px; }

  .pr90-sm {
    padding-right: 90px; }

  .mt90-sm {
    margin-top: 90px; }

  .mb90-sm {
    margin-bottom: 90px; }

  .w95-sm {
    width: 95%; }

  .pt95-sm {
    padding-top: 95px; }

  .pl95-sm {
    padding-left: 95px; }

  .pr95-sm {
    padding-right: 95px; }

  .mt95-sm {
    margin-top: 95px; }

  .mb95-sm {
    margin-bottom: 95px; }

  .w100-sm {
    width: 100%; }

  .pt100-sm {
    padding-top: 100px; }

  .pl100-sm {
    padding-left: 100px; }

  .pr100-sm {
    padding-right: 100px; }

  .mt100-sm {
    margin-top: 100px; }

  .mb100-sm {
    margin-bottom: 100px; }

  .fs15-sm {
    font-size: 15px; }

  .fs20-sm {
    font-size: 20px; }

  .fs25-sm {
    font-size: 25px; }

  .fs30-sm {
    font-size: 30px; }

  .fs35-sm {
    font-size: 35px; }

  .fs40-sm {
    font-size: 40px; }

  .fs45-sm {
    font-size: 45px; }

  .fs50-sm {
    font-size: 50px; }

  .fs55-sm {
    font-size: 55px; } }
@media (max-width: 767px) {
  .hidden-xs {
    display: none; }
    .hidden-xs.import {
      display: none !important; }

  .visible-xs {
    display: block; }

  .visible-inline-xs {
    display: inline; }

  .visible-flex-xs {
    display: -ms-flexbox;
    display: flex; }

  .none-xs {
    display: none; }
    .none-xs.import {
      display: none !important; }

  .block-xs {
    display: block; }
    .block-xs.import {
      display: block !important; }

  .inline-xs {
    display: inline; }
    .inline-xs.import {
      display: inline !important; }

  .flex-xs {
    display: -ms-flexbox;
    display: flex; }
    .flex-xs.import {
      display: -ms-flexbox !important;
      display: flex !important; }

  .xc-xs {
    -ms-flex-pack: center;
        justify-content: center; }

  .yc-xs {
    -ms-flex-align: center;
        align-items: center; }

  .mc-xs {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }

  .center-xs {
    -ms-flex-pack: center;
        justify-content: center; }

  .middle-xs {
    -ms-flex-align: center;
        align-items: center; }

  .wrap-xs {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

  .stretch-xs {
    -ms-flex-align: stretch;
        align-items: stretch; }

  .between-xs {
    -ms-flex-pack: justify;
        justify-content: space-between; }

  .around-xs {
    -ms-flex-pack: distribute;
        justify-content: space-around; }

  .end-xs {
    -ms-flex-pack: end;
        justify-content: flex-end; }

  .direct-xs-x {
    -ms-flex-direction: row;
        flex-direction: row; }

  .direct-xs-y {
    -ms-flex-direction: column;
        flex-direction: column; }

  .fc-top-xs {
    -ms-flex-item-align: start;
        align-self: flex-start; }

  .fc-middle-xs {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; }

  .fc-bottom-xs {
    -ms-flex-item-align: end;
        align-self: flex-end; }

  .order-xs-1 {
    -ms-flex-order: 1;
        order: 1; }

  .order-xs-2 {
    -ms-flex-order: 2;
        order: 2; }

  .order-xs-3 {
    -ms-flex-order: 3;
        order: 3; }

  .order-xs-4 {
    -ms-flex-order: 4;
        order: 4; }

  .unfloat3-xs > * > * > *,
  .unfloat2-xs > * > *,
  .unfloat-xs > * {
    float: none; }

  .relative-xs {
    position: relative; }

  .absolute-xs {
    position: absolute; }

  .static-xs {
    position: static; }

  .fixed-xs {
    position: fixed; }

  .tcenter-xs {
    text-align: center; }

  .tright-xs {
    text-align: right; }

  .tleft-xs {
    text-align: left; }

  .tjustify-xs {
    text-align: justify; }

  /*
  @ birimler  */
  .pl0-xs {
    padding-left: 0; }

  .pr0-xs {
    padding-right: 0; }

  .pt0-xs {
    padding-top: 0; }

  .mt0-xs {
    margin-top: 0; }

  .mb0-xs {
    margin-mtb: 0; }

  .w5-xs {
    width: 5%; }

  .pt5-xs {
    padding-top: 5px; }

  .pl5-xs {
    padding-left: 5px; }

  .pr5-xs {
    padding-right: 5px; }

  .mt5-xs {
    margin-top: 5px; }

  .mb5-xs {
    margin-bottom: 5px; }

  .w10-xs {
    width: 10%; }

  .pt10-xs {
    padding-top: 10px; }

  .pl10-xs {
    padding-left: 10px; }

  .pr10-xs {
    padding-right: 10px; }

  .mt10-xs {
    margin-top: 10px; }

  .mb10-xs {
    margin-bottom: 10px; }

  .w15-xs {
    width: 15%; }

  .pt15-xs {
    padding-top: 15px; }

  .pl15-xs {
    padding-left: 15px; }

  .pr15-xs {
    padding-right: 15px; }

  .mt15-xs {
    margin-top: 15px; }

  .mb15-xs {
    margin-bottom: 15px; }

  .w20-xs {
    width: 20%; }

  .pt20-xs {
    padding-top: 20px; }

  .pl20-xs {
    padding-left: 20px; }

  .pr20-xs {
    padding-right: 20px; }

  .mt20-xs {
    margin-top: 20px; }

  .mb20-xs {
    margin-bottom: 20px; }

  .w25-xs {
    width: 25%; }

  .pt25-xs {
    padding-top: 25px; }

  .pl25-xs {
    padding-left: 25px; }

  .pr25-xs {
    padding-right: 25px; }

  .mt25-xs {
    margin-top: 25px; }

  .mb25-xs {
    margin-bottom: 25px; }

  .w30-xs {
    width: 30%; }

  .pt30-xs {
    padding-top: 30px; }

  .pl30-xs {
    padding-left: 30px; }

  .pr30-xs {
    padding-right: 30px; }

  .mt30-xs {
    margin-top: 30px; }

  .mb30-xs {
    margin-bottom: 30px; }

  .w35-xs {
    width: 35%; }

  .pt35-xs {
    padding-top: 35px; }

  .pl35-xs {
    padding-left: 35px; }

  .pr35-xs {
    padding-right: 35px; }

  .mt35-xs {
    margin-top: 35px; }

  .mb35-xs {
    margin-bottom: 35px; }

  .w40-xs {
    width: 40%; }

  .pt40-xs {
    padding-top: 40px; }

  .pl40-xs {
    padding-left: 40px; }

  .pr40-xs {
    padding-right: 40px; }

  .mt40-xs {
    margin-top: 40px; }

  .mb40-xs {
    margin-bottom: 40px; }

  .w45-xs {
    width: 45%; }

  .pt45-xs {
    padding-top: 45px; }

  .pl45-xs {
    padding-left: 45px; }

  .pr45-xs {
    padding-right: 45px; }

  .mt45-xs {
    margin-top: 45px; }

  .mb45-xs {
    margin-bottom: 45px; }

  .w50-xs {
    width: 50%; }

  .pt50-xs {
    padding-top: 50px; }

  .pl50-xs {
    padding-left: 50px; }

  .pr50-xs {
    padding-right: 50px; }

  .mt50-xs {
    margin-top: 50px; }

  .mb50-xs {
    margin-bottom: 50px; }

  .w55-xs {
    width: 55%; }

  .pt55-xs {
    padding-top: 55px; }

  .pl55-xs {
    padding-left: 55px; }

  .pr55-xs {
    padding-right: 55px; }

  .mt55-xs {
    margin-top: 55px; }

  .mb55-xs {
    margin-bottom: 55px; }

  .w60-xs {
    width: 60%; }

  .pt60-xs {
    padding-top: 60px; }

  .pl60-xs {
    padding-left: 60px; }

  .pr60-xs {
    padding-right: 60px; }

  .mt60-xs {
    margin-top: 60px; }

  .mb60-xs {
    margin-bottom: 60px; }

  .w65-xs {
    width: 65%; }

  .pt65-xs {
    padding-top: 65px; }

  .pl65-xs {
    padding-left: 65px; }

  .pr65-xs {
    padding-right: 65px; }

  .mt65-xs {
    margin-top: 65px; }

  .mb65-xs {
    margin-bottom: 65px; }

  .w70-xs {
    width: 70%; }

  .pt70-xs {
    padding-top: 70px; }

  .pl70-xs {
    padding-left: 70px; }

  .pr70-xs {
    padding-right: 70px; }

  .mt70-xs {
    margin-top: 70px; }

  .mb70-xs {
    margin-bottom: 70px; }

  .w75-xs {
    width: 75%; }

  .pt75-xs {
    padding-top: 75px; }

  .pl75-xs {
    padding-left: 75px; }

  .pr75-xs {
    padding-right: 75px; }

  .mt75-xs {
    margin-top: 75px; }

  .mb75-xs {
    margin-bottom: 75px; }

  .w80-xs {
    width: 80%; }

  .pt80-xs {
    padding-top: 80px; }

  .pl80-xs {
    padding-left: 80px; }

  .pr80-xs {
    padding-right: 80px; }

  .mt80-xs {
    margin-top: 80px; }

  .mb80-xs {
    margin-bottom: 80px; }

  .w85-xs {
    width: 85%; }

  .pt85-xs {
    padding-top: 85px; }

  .pl85-xs {
    padding-left: 85px; }

  .pr85-xs {
    padding-right: 85px; }

  .mt85-xs {
    margin-top: 85px; }

  .mb85-xs {
    margin-bottom: 85px; }

  .w90-xs {
    width: 90%; }

  .pt90-xs {
    padding-top: 90px; }

  .pl90-xs {
    padding-left: 90px; }

  .pr90-xs {
    padding-right: 90px; }

  .mt90-xs {
    margin-top: 90px; }

  .mb90-xs {
    margin-bottom: 90px; }

  .w95-xs {
    width: 95%; }

  .pt95-xs {
    padding-top: 95px; }

  .pl95-xs {
    padding-left: 95px; }

  .pr95-xs {
    padding-right: 95px; }

  .mt95-xs {
    margin-top: 95px; }

  .mb95-xs {
    margin-bottom: 95px; }

  .w100-xs {
    width: 100%; }

  .pt100-xs {
    padding-top: 100px; }

  .pl100-xs {
    padding-left: 100px; }

  .pr100-xs {
    padding-right: 100px; }

  .mt100-xs {
    margin-top: 100px; }

  .mb100-xs {
    margin-bottom: 100px; }

  .fs15-xs {
    font-size: 15px; }

  .fs20-xs {
    font-size: 20px; }

  .fs25-xs {
    font-size: 25px; }

  .fs30-xs {
    font-size: 30px; }

  .fs35-xs {
    font-size: 35px; }

  .fs40-xs {
    font-size: 40px; }

  .fs45-xs {
    font-size: 45px; }

  .fs50-xs {
    font-size: 50px; }

  .fs55-xs {
    font-size: 55px; } }
@media (max-width: 420px) {
  .hidden-ms {
    display: none; }
    .hidden-ms.import {
      display: none !important; }

  .visible-ms {
    display: block; }

  .visible-inline-ms {
    display: inline; }

  .visible-flex-ms {
    display: -ms-flexbox;
    display: flex; }

  .none-ms {
    display: none; }
    .none-ms.import {
      display: none !important; }

  .block-ms {
    display: block; }
    .block-ms.import {
      display: block !important; }

  .inline-ms {
    display: inline; }
    .inline-ms.import {
      display: inline !important; }

  .flex-ms {
    display: -ms-flexbox;
    display: flex; }
    .flex-ms.import {
      display: -ms-flexbox !important;
      display: flex !important; }

  .xc-ms {
    -ms-flex-pack: center;
        justify-content: center; }

  .yc-ms {
    -ms-flex-align: center;
        align-items: center; }

  .mc-ms {
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: center;
        justify-content: center; }

  .center-ms {
    -ms-flex-pack: center;
        justify-content: center; }

  .middle-ms {
    -ms-flex-align: center;
        align-items: center; }

  .wrap-ms {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }

  .stretch-ms {
    -ms-flex-align: stretch;
        align-items: stretch; }

  .between-ms {
    -ms-flex-pack: justify;
        justify-content: space-between; }

  .around-ms {
    -ms-flex-pack: distribute;
        justify-content: space-around; }

  .end-ms {
    -ms-flex-pack: end;
        justify-content: flex-end; }

  .direct-ms-x {
    -ms-flex-direction: row;
        flex-direction: row; }

  .direct-ms-y {
    -ms-flex-direction: column;
        flex-direction: column; }

  .fc-top-ms {
    -ms-flex-item-align: start;
        align-self: flex-start; }

  .fc-middle-ms {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center; }

  .fc-bottom-ms {
    -ms-flex-item-align: end;
        align-self: flex-end; }

  .order-ms-1 {
    -ms-flex-order: 1;
        order: 1; }

  .order-ms-2 {
    -ms-flex-order: 2;
        order: 2; }

  .order-ms-3 {
    -ms-flex-order: 3;
        order: 3; }

  .order-ms-4 {
    -ms-flex-order: 4;
        order: 4; }

  .unfloat3-ms > * > * > *,
  .unfloat2-ms > * > *,
  .unfloat-ms > * {
    float: none; }

  .relative-ms {
    position: relative; }

  .absolute-ms {
    position: absolute; }

  .static-ms {
    position: static; }

  .fixed-ms {
    position: fixed; }

  .tcenter-ms {
    text-align: center; }

  .tright-ms {
    text-align: right; }

  .tleft-ms {
    text-align: left; }

  .tjustify-ms {
    text-align: justify; }

  /*
  @ birimler  */
  .pl0-ms {
    padding-left: 0; }

  .pr0-ms {
    padding-right: 0; }

  .pt0-ms {
    padding-top: 0; }

  .mt0-ms {
    margin-top: 0; }

  .mb0-ms {
    margin-mtb: 0; }

  .w5-ms {
    width: 5%; }

  .pt5-ms {
    padding-top: 5px; }

  .pl5-ms {
    padding-left: 5px; }

  .pr5-ms {
    padding-right: 5px; }

  .mt5-ms {
    margin-top: 5px; }

  .mb5-ms {
    margin-bottom: 5px; }

  .w10-ms {
    width: 10%; }

  .pt10-ms {
    padding-top: 10px; }

  .pl10-ms {
    padding-left: 10px; }

  .pr10-ms {
    padding-right: 10px; }

  .mt10-ms {
    margin-top: 10px; }

  .mb10-ms {
    margin-bottom: 10px; }

  .w15-ms {
    width: 15%; }

  .pt15-ms {
    padding-top: 15px; }

  .pl15-ms {
    padding-left: 15px; }

  .pr15-ms {
    padding-right: 15px; }

  .mt15-ms {
    margin-top: 15px; }

  .mb15-ms {
    margin-bottom: 15px; }

  .w20-ms {
    width: 20%; }

  .pt20-ms {
    padding-top: 20px; }

  .pl20-ms {
    padding-left: 20px; }

  .pr20-ms {
    padding-right: 20px; }

  .mt20-ms {
    margin-top: 20px; }

  .mb20-ms {
    margin-bottom: 20px; }

  .w25-ms {
    width: 25%; }

  .pt25-ms {
    padding-top: 25px; }

  .pl25-ms {
    padding-left: 25px; }

  .pr25-ms {
    padding-right: 25px; }

  .mt25-ms {
    margin-top: 25px; }

  .mb25-ms {
    margin-bottom: 25px; }

  .w30-ms {
    width: 30%; }

  .pt30-ms {
    padding-top: 30px; }

  .pl30-ms {
    padding-left: 30px; }

  .pr30-ms {
    padding-right: 30px; }

  .mt30-ms {
    margin-top: 30px; }

  .mb30-ms {
    margin-bottom: 30px; }

  .w35-ms {
    width: 35%; }

  .pt35-ms {
    padding-top: 35px; }

  .pl35-ms {
    padding-left: 35px; }

  .pr35-ms {
    padding-right: 35px; }

  .mt35-ms {
    margin-top: 35px; }

  .mb35-ms {
    margin-bottom: 35px; }

  .w40-ms {
    width: 40%; }

  .pt40-ms {
    padding-top: 40px; }

  .pl40-ms {
    padding-left: 40px; }

  .pr40-ms {
    padding-right: 40px; }

  .mt40-ms {
    margin-top: 40px; }

  .mb40-ms {
    margin-bottom: 40px; }

  .w45-ms {
    width: 45%; }

  .pt45-ms {
    padding-top: 45px; }

  .pl45-ms {
    padding-left: 45px; }

  .pr45-ms {
    padding-right: 45px; }

  .mt45-ms {
    margin-top: 45px; }

  .mb45-ms {
    margin-bottom: 45px; }

  .w50-ms {
    width: 50%; }

  .pt50-ms {
    padding-top: 50px; }

  .pl50-ms {
    padding-left: 50px; }

  .pr50-ms {
    padding-right: 50px; }

  .mt50-ms {
    margin-top: 50px; }

  .mb50-ms {
    margin-bottom: 50px; }

  .w55-ms {
    width: 55%; }

  .pt55-ms {
    padding-top: 55px; }

  .pl55-ms {
    padding-left: 55px; }

  .pr55-ms {
    padding-right: 55px; }

  .mt55-ms {
    margin-top: 55px; }

  .mb55-ms {
    margin-bottom: 55px; }

  .w60-ms {
    width: 60%; }

  .pt60-ms {
    padding-top: 60px; }

  .pl60-ms {
    padding-left: 60px; }

  .pr60-ms {
    padding-right: 60px; }

  .mt60-ms {
    margin-top: 60px; }

  .mb60-ms {
    margin-bottom: 60px; }

  .w65-ms {
    width: 65%; }

  .pt65-ms {
    padding-top: 65px; }

  .pl65-ms {
    padding-left: 65px; }

  .pr65-ms {
    padding-right: 65px; }

  .mt65-ms {
    margin-top: 65px; }

  .mb65-ms {
    margin-bottom: 65px; }

  .w70-ms {
    width: 70%; }

  .pt70-ms {
    padding-top: 70px; }

  .pl70-ms {
    padding-left: 70px; }

  .pr70-ms {
    padding-right: 70px; }

  .mt70-ms {
    margin-top: 70px; }

  .mb70-ms {
    margin-bottom: 70px; }

  .w75-ms {
    width: 75%; }

  .pt75-ms {
    padding-top: 75px; }

  .pl75-ms {
    padding-left: 75px; }

  .pr75-ms {
    padding-right: 75px; }

  .mt75-ms {
    margin-top: 75px; }

  .mb75-ms {
    margin-bottom: 75px; }

  .w80-ms {
    width: 80%; }

  .pt80-ms {
    padding-top: 80px; }

  .pl80-ms {
    padding-left: 80px; }

  .pr80-ms {
    padding-right: 80px; }

  .mt80-ms {
    margin-top: 80px; }

  .mb80-ms {
    margin-bottom: 80px; }

  .w85-ms {
    width: 85%; }

  .pt85-ms {
    padding-top: 85px; }

  .pl85-ms {
    padding-left: 85px; }

  .pr85-ms {
    padding-right: 85px; }

  .mt85-ms {
    margin-top: 85px; }

  .mb85-ms {
    margin-bottom: 85px; }

  .w90-ms {
    width: 90%; }

  .pt90-ms {
    padding-top: 90px; }

  .pl90-ms {
    padding-left: 90px; }

  .pr90-ms {
    padding-right: 90px; }

  .mt90-ms {
    margin-top: 90px; }

  .mb90-ms {
    margin-bottom: 90px; }

  .w95-ms {
    width: 95%; }

  .pt95-ms {
    padding-top: 95px; }

  .pl95-ms {
    padding-left: 95px; }

  .pr95-ms {
    padding-right: 95px; }

  .mt95-ms {
    margin-top: 95px; }

  .mb95-ms {
    margin-bottom: 95px; }

  .w100-ms {
    width: 100%; }

  .pt100-ms {
    padding-top: 100px; }

  .pl100-ms {
    padding-left: 100px; }

  .pr100-ms {
    padding-right: 100px; }

  .mt100-ms {
    margin-top: 100px; }

  .mb100-ms {
    margin-bottom: 100px; }

  .fs15-ms {
    font-size: 15px; }

  .fs20-ms {
    font-size: 20px; }

  .fs25-ms {
    font-size: 25px; }

  .fs30-ms {
    font-size: 30px; }

  .fs35-ms {
    font-size: 35px; }

  .fs40-ms {
    font-size: 40px; }

  .fs45-ms {
    font-size: 45px; }

  .fs50-ms {
    font-size: 50px; }

  .fs55-ms {
    font-size: 55px; } }