@charset "UTF-8";
/* CSS Document */
@import url(reset.css);
@import url(../fonts/fonts.css);
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

  .wfimg{width:100%;float:left;display:block;margin-bottom:40px;}
.pageTopButton {
  width: 60px;
  height: 60px;
  background: url(../images/site/page-top.png) no-repeat center;
  position: fixed;
  bottom: 150px;
  right: 0;
  display: none;
  text-indent: -9999px;
  z-index: 10000; }

/*
@include transformCenter(-50%,-50%);
@include transition(.3s);
@include font(12px,'Test');
@include inline-block-fix;
@include css-triangle(#000, up, $size: 6px, $round: false);
@include box-shadow(2px 0 0 0, $color-light-gray, true);

ScalaSansPro
ScalaSansPro-Light
ScalaSansPro-Bold
*/
.vodafoneLogo {
  width: 105px;
  margin-top: 5px; }

.dhlLogo {
  width: 84px;
  margin-top: 10px; }

.themarmaraLogo {
  width: 84px;
  margin-top: 10px; }

.kulturbakanligiLogo {
  width: 38px;
  margin-top: 10px; }

.ibbLogo {
  width: 58px;
  margin-top: 10px; }

.beyogluLogo {
  width: 17px;
  margin-top: 10px; }

svg.kulturbakanligiLogo .st0 {
  fill: #02A6B5;
  stroke: #02A6B5;
  stroke-width: 0.31;
  stroke-miterlimit: 3.86; }

svg.kulturbakanligiLogo .st1 {
  fill: #010101; }

svg.ibbLogo .st0 {
  fill: #01549F; }

svg.themarmaraLogo .st0 {
  fill: #B6A269; }

svg.themarmaraLogo .st1 {
  fill: #003764; }

svg.dhlLogo .st0 {
  fill: #FFCB05; }

svg.dhlLogo .st1 {
  fill: #D71635; }

svg.beyogluLogo .st0 {
  fill: #8A1536; }

svg.vodafoneLogo .st0 {
  fill: #E41E26; }

svg.turkeySvg {
  margin-top: 16px;
  width: 58px; }
  svg.turkeySvg .st0 {
    fill: #24AFE5; }
  svg.turkeySvg .st1 {
    fill: #EA2128; }
  svg.turkeySvg .st2 {
    fill: #45A486; }
  svg.turkeySvg .st3 {
    fill: #010101; }

img.gratscale {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%); }

h1 {
  font-family: 'ScalaSansPro';
  color: #000;
  font-size: 55px; }
  @media (max-width: 767px) {
    h1 {
      font-size: 30px !important;
      margin-bottom: 30px !important; } }

h2 {
  font-family: 'ScalaSansPro-Light';
  color: #000;
  font-size: 55px; }

h3 {
  font-family: 'ScalaSansPro-Bold';
  color: #000;
  font-size: 55px; }

h4 {
  font-family: 'ScalaSansPro';
  color: #000;
  font-size: 55px; }

h5 {
  font-family: 'ScalaSansPro-Light';
  color: #000;
  font-size: 55px; }

h6 {
  font-family: 'ScalaSansPro-Bold';
  color: #000;
  font-size: 55px; }

.iff {
  background: #81a6d5 !important;
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s; }
  .iff:hover {
    background: #6190cb !important; }

.imf {
  background: #af7cb7 !important;
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s; }
  .imf:hover {
    background: #9b5ba5 !important; }

.icf {
  background: #7581bd !important;
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s; }
  .icf:hover {
    background: #5362ac !important; }

.ib {
  background: #91d2c7 !important;
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s; }
  .ib:hover {
    background: #75c7b9 !important; }

.itb {
  background: #f5a133 !important;
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s; }
  .itb:hover {
    background: #f28900 !important; }

.itf {
  background: #f6a6bf !important;
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s; }
  .itf:hover {
    background: #f490af !important; }

.fek {
  background: #f26868 !important;
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s; }
  .fek:hover {
    background: #ef4242 !important; }

.si {
  background: #565555 !important;
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s; }
  .si:hover {
    background: #2c2a2a !important; }

.grayBg {
  background: #f4f4f4; }

.fll {
  float: left; }

.flr {
  float: right; }

.pt0 {
  padding-top: 0 !important; }

.pbutton {
  display: block;
  float: left;
  line-height: 55px;
  height: 55px;
  text-align: center;
  color: #fff !important;
  font-size: 14px;
  font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
  background: #000;
  padding: 0 45px; }

.btns {
  width: 100%;
  float: left;
  margin-bottom: 20px; }
  .btns.type2 .pbutton {
    background: #fff !important;
    color: #000 !important;
    border: 2px solid #000 !important;
    margin-right: 15px;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s; }
    .btns.type2 .pbutton:hover {
      color: #fff !important;
      background: #000 !important; }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
html, body {
  height: 100%;
  background: #fff;
  font-family: 'ScalaSansPro',Arial,Helvetica,Sans-Serif;
  color: #000;
  font-size: 14px; }

body#home #wrapper {
  background: #f5f5f5; }

body[lang='en'] #wrapper #header #logo a {
  background: url(../images/site/iksv-logo-en.png) no-repeat center !important;
  background-size: 100% !important; }

#wrapper {
  min-height: 100%;
  float: left;
  width: 100%;
  /*header*/
  /*Content*/ }
  #wrapper .overlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 9990; }
  #wrapper #header {
    height: 80px;
    width: 100%;
    float: left;
    background: #fff;
    position: relative;
    z-index: 1200;
    border-bottom: 1px solid #f2f2f2;
    z-index: 9990;
    /*logo*/
    /*controlArea*/ }
    #wrapper #header #logo {
      width: 114px;
      height: 100%;
      margin-left: 30px;
      float: left;
      padding-top: 6px;
      padding-bottom: 6px; }
      #wrapper #header #logo a {
        display: block;
        width: 100%;
        height: 100%;
        text-indent: -9999px;
        background: url(../images/site/iksv-logo-tr.png) no-repeat center;
        background-size: 100%; }
    #wrapper #header .controlArea {
      float: right;
      max-width: 336px;
      width: 100%;
      height: 100%;
      position: relative; }
      @media (max-width: 767px) {
        #wrapper #header .controlArea {
          max-width: 150px; } }
      #wrapper #header .controlArea > * {
        padding: 0;
        height: 100%; }
      #wrapper #header .controlArea .menu a {
        color: #787777;
        font-size: 13px;
        font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
        line-height: 86px;
        background: #1e1d1d;
        padding: 0 25px;
        -webkit-transition: all ease-in-out 0.3s;
        -moz-transition: all ease-in-out 0.3s;
        -ms-transition: all ease-in-out 0.3s;
        transition: all ease-in-out 0.3s; }
        @media (max-width: 767px) {
          #wrapper #header .controlArea .menu a {
            text-indent: -9999px; } }
        #wrapper #header .controlArea .menu a.active {
          color: #fff; }
        a.menuButton span small{transition:.3s}
        a.menuButton.active span small:first-child {color: black;
            transform: rotate(45deg); -webkit-transform: rotate(45deg);
            top: 8px;
            position: relative;}
        a.menuButton.active span small:last-child{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);
            bottom: 8px;
            position: relative;}
         a.menuButton.active span small:nth-child(2){opacity:0}


          #wrapper #header .controlArea .menu a.active span small {
            background: #fff !important; }
        #wrapper #header .controlArea .menu a figure {
          display: block;
          width: 28px;
          height: 18px;
          position: absolute;
          top: 50%;
          right: 25px;
          -webkit-transform: translate(0, -50%);
          -moz-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%); }
          #wrapper #header .controlArea .menu a figure span {
            display: block;
            width: 100%;
            height: 100%;
            -webkit-transition: all ease-in-out 0.3s;
            -moz-transition: all ease-in-out 0.3s;
            -ms-transition: all ease-in-out 0.3s;
            transition: all ease-in-out 0.3s; }
            #wrapper #header .controlArea .menu a figure span small {
              width: 100%;
              height: 2px;
              display: block;
              background: #fff;
              -webkit-transition: all ease-in-out 0.3s;
              -moz-transition: all ease-in-out 0.3s;
              -ms-transition: all ease-in-out 0.3s;
              transition: all ease-in-out 0.3s; }
              #wrapper #header .controlArea .menu a figure span small:nth-of-type(2n) {
                margin: 6px 0; }
        #wrapper #header .controlArea .menu a.active figure span {
          transform: rotate(90deg);
          -webkit-transform: rotate(90deg); }
      #wrapper #header .controlArea .language {
        position: relative; }
        @media (max-width: 767px) {
          #wrapper #header .controlArea .language {
            display: none; } }
        #wrapper #header .controlArea .language ul {
          height: 100%; }
          #wrapper #header .controlArea .language ul li {
            height: 100%;
            position: relative;
            border-left: 1px solid #f3f3f3; }
            #wrapper #header .controlArea .language ul li a {
              font-size: 13px;
              font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
              color: #000;
              opacity: .5;
              position: relative;
              display: block;
              width: 100%;
              height: 100%;
              line-height: 85px;
              text-align: center; }
              #wrapper #header .controlArea .language ul li a span {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -moz-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
      #wrapper #header .controlArea .search {
        position: relative;
        border-left: 1px solid #f3f3f3; }
        #wrapper #header .controlArea .search a {
          width: 100%;
          height: 100%;
          position: relative;
          display: block; }
          #wrapper #header .controlArea .search a svg {
            width: 22px;
            fill: #7f7f7f;
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            -webkit-transition: all ease-in-out 0.3s;
            -moz-transition: all ease-in-out 0.3s;
            -ms-transition: all ease-in-out 0.3s;
            transition: all ease-in-out 0.3s; }
          #wrapper #header .controlArea .search a:before {
            position: absolute;
            content: "";
            display: block;
            width: 22px;
            height: 22px;
            background: url(../images/site/close-icon.png) no-repeat center;
            top: 50%;
            left: 50%;
            opacity: 0;
            margin-top: -11px;
            margin-left: -11px;
            -webkit-transition: all ease-in-out 0.3s;
            -moz-transition: all ease-in-out 0.3s;
            -ms-transition: all ease-in-out 0.3s;
            transition: all ease-in-out 0.3s; }
          #wrapper #header .controlArea .search a.active::before {
            opacity: 1; }
          #wrapper #header .controlArea .search a.active svg {
            opacity: 0; }
      #wrapper #header .controlArea .searchForm {
        display: block;
        height: 100%;
        width: 0;
        position: absolute;
        right: 100%;
        background: #fff;
        max-width: 590px; }
        #wrapper #header .controlArea .searchForm input[type="text"] {
          width: 100%;
          height: 100%;
          right: 0;
          top: 0;
          border: 0;
          padding: 10px;
          font-size: 22px;
          font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
          color: #000;
          border-left: 1px solid #f3f3f3;
          text-indent: 10px; }
        #wrapper #header .controlArea .searchForm #searchResultArea {
          width: 100%;
          display: none;
          height: 440px;
          position: absolute;
          top: 80px;
          left: 0;
          background: #f3f3f3;
          padding: 30px; }
          #wrapper #header .controlArea .searchForm #searchResultArea.loader {
            background: url(../images/site/loading.gif) no-repeat center #f3f3f3; }
          #wrapper #header .controlArea .searchForm #searchResultArea ul li {
            width: 100%;
            float: left;
            padding: 10px 0;
            border-bottom: 1px solid #ebebeb; }
            #wrapper #header .controlArea .searchForm #searchResultArea ul li:last-child {
              margin-bottom: 0; }
            #wrapper #header .controlArea .searchForm #searchResultArea ul li a {
              color: #000000;
              font-size: 20px;
              font-family: "ScalaSansPro-Light", Arial, Helvetica, Sans-Serif;
              display: block; }
              #wrapper #header .controlArea .searchForm #searchResultArea ul li a:hover {
                text-decoration: underline !important; }
    #wrapper #header .mainmenu {
      width: 100%;
      position: absolute;
      top: 80px;
      left: 0;
      z-index: 999;
      border-right: 1px solid #eaeaea;
      background: #fff;
      overflow: hidden;
      display: none;
      padding-bottom: 30px;
      height: auto; }
      #wrapper #header .mainmenu li {
        width: 25%;
        float: left;
        border-bottom: 1px solid #eaeaea;
        border-left: 1px solid #eaeaea; }
        @media (max-width: 767px) {
          #wrapper #header .mainmenu li {
            width: 100%; } }
        #wrapper #header .mainmenu li a {
          display: block;
          width: 100%;
          height: 80px;
          text-align: center;
          position: relative;
          color: #000000;
          font-size: 14px;
          font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
          background-color: #f4f4f4; }
          #wrapper #header .mainmenu li a:hover {
            text-decoration: underline; }
            #wrapper #header .mainmenu li a:hover span {
              text-decoration: underline; }
          @media (max-width: 768px) {
            #wrapper #header .mainmenu li a {
              font-size: 12px; } }
          #wrapper #header .mainmenu li a span {
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            display: block;
            position: absolute;
            top: 50%;
            left: 50%; }
            #wrapper #header .mainmenu li a span::before {
              content: "› "; }
          @media (max-width: 767px) {
            #wrapper #header .mainmenu li a {
              height: 60px; } }
      #wrapper #header .mainmenu ul.gateways {
        width: 100%;
        display: block; }
        #wrapper #header .mainmenu ul.gateways li a {
          color: #fff !important; }
          #wrapper #header .mainmenu ul.gateways li a span::before {
            display: none; }
      #wrapper #header .mainmenu ul.miniMenu {
        text-align: center;
        width: 100%;
        float: left;
        padding-top: 30px; }
        @media (max-width: 767px) {
          #wrapper #header .mainmenu ul.miniMenu {
            padding-top: 15px; } }
        #wrapper #header .mainmenu ul.miniMenu li {
          width: auto;
          float: none;
          border: 0;
          display: inline-block;
          margin: 0 25px; }
          @media (max-width: 767px) {
            #wrapper #header .mainmenu ul.miniMenu li {
              width: 100%;
              display: block;
              margin: 10px 0 !important; } }
          @media (max-width: 768px) {
            #wrapper #header .mainmenu ul.miniMenu li {
              margin: 0 15px; } }
          #wrapper #header .mainmenu ul.miniMenu li a {
            display: inline;
            height: auto;
            background-color: #fff; }
            #wrapper #header .mainmenu ul.miniMenu li a span {
              position: relative;
              transform: none;
              top: 0;
              left: 0; }
      #wrapper #header .mainmenu .msocial {
        width: 100%;
        float: left;
        margin-top: 30px; }
        @media (max-width: 767px) {
          #wrapper #header .mainmenu .msocial {
            margin-top: 15px !important; } }
        #wrapper #header .mainmenu .msocial > div {
          max-width: 450px;
          margin: 0 auto;
          width: 100%; }
        #wrapper #header .mainmenu .msocial ul {
          float: left; }
          @media (max-width: 767px) {
            #wrapper #header .mainmenu .msocial ul {
              margin-bottom: 15px; } }
          #wrapper #header .mainmenu .msocial ul li {
            margin: 0 3.5px;
            float: left;
            border: 0;
            width: auto; }
            #wrapper #header .mainmenu .msocial ul li a {
              display: block;
              width: 29px;
              height: 29px;
              border-radius: 50%;
              background: #fff;
              -webkit-transition: all ease-in-out 0.3s;
              -moz-transition: all ease-in-out 0.3s;
              -ms-transition: all ease-in-out 0.3s;
              transition: all ease-in-out 0.3s; }
              #wrapper #header .mainmenu .msocial ul li a svg path, #wrapper #header .mainmenu .msocial ul li a svg polygon, #wrapper #header .mainmenu .msocial ul li a svg circle {
                fill: #000;
                -webkit-transition: all ease-in-out 0.3s;
                -moz-transition: all ease-in-out 0.3s;
                -ms-transition: all ease-in-out 0.3s;
                transition: all ease-in-out 0.3s; }
              #wrapper #header .mainmenu .msocial ul li a.facebook:hover svg path {
                fill: #3b5998; }
              #wrapper #header .mainmenu .msocial ul li a.twitter:hover svg path {
                fill: #1da1f2; }
              #wrapper #header .mainmenu .msocial ul li a.instagram:hover svg path, #wrapper #header .mainmenu .msocial ul li a.instagram:hover svg circle {
                fill: #c13584; }
              #wrapper #header .mainmenu .msocial ul li a.youtube:hover svg path, #wrapper #header .mainmenu .msocial ul li a.youtube:hover svg polygon {
                fill: #ff0000; }
              #wrapper #header .mainmenu .msocial ul li a.linkedin:hover svg path {
                fill: #0077b5; }
          @media (max-width: 767px) {
            #wrapper #header .mainmenu .msocial ul {
              text-align: center;
              display: block;
              width: 100%; }
              #wrapper #header .mainmenu .msocial ul li {
                display: inline-block;
                float: none; } }
        #wrapper #header .mainmenu .msocial div div {
          float: right;
          padding-left: 35px;
          margin-top: 7px;
          border-left: 1px solid #e8e8e8;
          background: url(../images/site/zarf.png) no-repeat 8px 2px; }
          @media (max-width: 767px) {
            #wrapper #header .mainmenu .msocial div div {
              width: 45%;
              float: none;
              display: block;
              overflow: hidden;
              margin: 0 auto;
              border: 0; } }
          #wrapper #header .mainmenu .msocial div div span, #wrapper #header .mainmenu .msocial div div a {
            color: #000;
            font-size: 14px;
            font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif; }
  #wrapper #content {
    width: 100%;
    float: left;
    padding-bottom: 446px;
    position: relative;
    z-index: 99;
    /*SUB PAGE CSS*/
    /*Submenu*/
    /*SUB PAGE CSS*/ }
    #wrapper #content .slick-slide::before {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      top: 0;
      background: rgba(0, 0, 0, 0.0);
      content: "";
      display: block; }
    #wrapper #content .cs .slick-slide::before {
      display: none; }
    @media (max-width: 768px) {
      #wrapper #content {
        padding-bottom: 530px; } }
    @media (max-width: 767px) {
      #wrapper #content {
        padding-bottom: 825px; } }
    #wrapper #content .slideVideo {
      width: 63px;
      height: 63px;
      display: block;
      border-radius: 50%;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -31.5px;
      margin-left: -31.5px;
      text-indent: -9999px;
      background: url(../images/site/video-play-icon.png) no-repeat center; }
    #wrapper #content .largeImage .slick-slide::before {
      display: none; }
    #wrapper #content .largeImage .slick-arrow {
      width: 23px;
      height: 45px;
      position: absolute;
      top: 50%;
      display: block;
      z-index: 999;
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      -webkit-transition: all ease-in-out 0.3s;
      -moz-transition: all ease-in-out 0.3s;
      -ms-transition: all ease-in-out 0.3s;
      transition: all ease-in-out 0.3s; }
      #wrapper #content .largeImage .slick-arrow::before {
        display: none; }
      #wrapper #content .largeImage .slick-arrow.slick-prev {
        left: 200px !important;
        background: url(../images/site/slideArrow-prev-black.png) no-repeat center; }
      #wrapper #content .largeImage .slick-arrow.slick-prev:hover {
        left: 195px !important; }
      #wrapper #content .largeImage .slick-arrow.slick-next {
        right: 200px !important;
        background: url(../images/site/slideArrow-next-black.png) no-repeat center; }
      #wrapper #content .largeImage .slick-arrow.slick-next:hover {
        right: 195px !important; }
    #wrapper #content .largeImage .slick-dots {
      position: relative;
      bottom: -18px; }
      #wrapper #content .largeImage .slick-dots li {
        background: #000; }
    #wrapper #content .largeImage ul li.slick-slide {
      outline: none; }
      #wrapper #content .largeImage ul li.slick-slide img {
        margin: 0 auto;
        max-width: 100%; }
    #wrapper #content .slick-dots {
      position: absolute;
      bottom: 35px; }
    #wrapper #content .slick-dots li {
      background: #fff;
      border-radius: 50%;
      width: 6px;
      height: 6px;
      opacity: .5;
      -webkit-transition: all ease-in-out 0.3s;
      -moz-transition: all ease-in-out 0.3s;
      -ms-transition: all ease-in-out 0.3s;
      transition: all ease-in-out 0.3s; }
    #wrapper #content .slick-dots li.slick-active {
      opacity: 1; }
    #wrapper #content .slick-dots li button {
      display: none; }
    #wrapper #content .homeSlider {
      background: #000; }
    #wrapper #content .homeSlider, #wrapper #content .homeSlider .sliderItem {
      max-height: 566px;
      height: 100vh;
      outline: none;
      background-size: cover !important;
      background-position: center !important; }
      @media (max-width: 768px) {
        #wrapper #content .homeSlider, #wrapper #content .homeSlider .sliderItem {
          max-height: 500px; } }
      @media (max-width: 767px) {
        #wrapper #content .homeSlider, #wrapper #content .homeSlider .sliderItem {
          max-height: 359px; } }
    #wrapper #content .sliderItem img {
      display: block;
      width: 100%; }
    #wrapper #content .singleSlider {
      width: 100%;
      float: left;
      margin-bottom: 0; }
      #wrapper #content .singleSlider .slick-arrow {
        width: 23px;
        height: 45px;
        position: absolute;
        top: 50%;
        display: block;
        z-index: 999;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        -webkit-transition: all ease-in-out 0.3s;
        -moz-transition: all ease-in-out 0.3s;
        -ms-transition: all ease-in-out 0.3s;
        transition: all ease-in-out 0.3s; }
        #wrapper #content .singleSlider .slick-arrow::before {
          display: none; }
        #wrapper #content .singleSlider .slick-arrow.slick-prev {
          left: 60px !important;
          background: url(../images/site/slideArrow-prev.png) no-repeat center; }
        #wrapper #content .singleSlider .slick-arrow.slick-prev:hover {
          left: 55px !important; }
        #wrapper #content .singleSlider .slick-arrow.slick-next {
          right: 60px !important;
          background: url(../images/site/slideArrow-next.png) no-repeat center; }
        #wrapper #content .singleSlider .slick-arrow.slick-next:hover {
          right: 55px !important; }
      #wrapper #content .singleSlider.bottomSlide .slick-dots, #wrapper #content .singleSlider.subSlider .slick-dots {
        position: relative;
        bottom: 0;
        margin: 30px 0; }
        #wrapper #content .singleSlider.bottomSlide .slick-dots li, #wrapper #content .singleSlider.subSlider .slick-dots li {
          background: #000;
          opacity: .2; }
          #wrapper #content .singleSlider.bottomSlide .slick-dots li.slick-active, #wrapper #content .singleSlider.subSlider .slick-dots li.slick-active {
            opacity: 1; }
      #wrapper #content .singleSlider.bottomSlide .sliderItem, #wrapper #content .singleSlider.subSlider .sliderItem {
        background-size: cover !important;
        background-position: center; }
        #wrapper #content .singleSlider.bottomSlide .sliderItem .slideInfo, #wrapper #content .singleSlider.subSlider .sliderItem .slideInfo {
          max-height: 30%;
          position: absolute; }
          @media (max-width: 768px) {
            #wrapper #content .singleSlider.bottomSlide .sliderItem .slideInfo, #wrapper #content .singleSlider.subSlider .sliderItem .slideInfo {
              max-height: 40%; } }
          #wrapper #content .singleSlider.bottomSlide .sliderItem .slideInfo h3, #wrapper #content .singleSlider.subSlider .sliderItem .slideInfo h3 {
            font-size: 52px;
            text-align: center; }
            @media (max-width: 768px) {
              #wrapper #content .singleSlider.bottomSlide .sliderItem .slideInfo h3, #wrapper #content .singleSlider.subSlider .sliderItem .slideInfo h3 {
                font-size: 40px; } }
            @media (max-width: 767px) {
              #wrapper #content .singleSlider.bottomSlide .sliderItem .slideInfo h3, #wrapper #content .singleSlider.subSlider .sliderItem .slideInfo h3 {
                font-size: 18px; } }
          #wrapper #content .singleSlider .sliderItem .slideInfo .playButton, #wrapper #content .singleSlider .sliderItem .slideInfo .playButton {
            display: block;
            width: 63px;
            height: 63px;
            background-image: url(../images/site/play-icon.png);
            position: absolute;
            bottom: 0;
            left: 50%;
            -webkit-transform: translate(-50%, 0);
            -moz-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
            background-position: center;
            background-repeat: no-repeat;
            background-size: 100%; }
            @media (max-width: 767px) {
              #wrapper #content .singleSlider.bottomSlide .sliderItem .slideInfo .playButton, #wrapper #content .singleSlider.subSlider .sliderItem .slideInfo .playButton {
                width: 25px;
                height: 25px; } }
          #wrapper #content .singleSlider.bottomSlide .sliderItem .slideInfo.type2, #wrapper #content .singleSlider.subSlider .sliderItem .slideInfo.type2 {
            background: #000;
            max-width: 980px;
            width: 100%;
            top: auto;
            padding: 40px 60px;
            text-align: center;
            height: auto;
            -webkit-transform: translate(-50%, 50%);
            -moz-transform: translate(-50%, 50%);
            -ms-transform: translate(-50%, 50%);
            transform: translate(-50%, 50%);
            bottom: 0;
            max-height: 100%; }
            #wrapper #content .singleSlider.bottomSlide .sliderItem .slideInfo.type2 h5, #wrapper #content .singleSlider.subSlider .sliderItem .slideInfo.type2 h5 {
              color: #fff;
              font-size: 26px;
              font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
              margin-bottom: 0; }
              #wrapper #content .singleSlider.bottomSlide .sliderItem .slideInfo.type2 h5 strong, #wrapper #content .singleSlider.subSlider .sliderItem .slideInfo.type2 h5 strong {
                color: #fff;
                font-size: 26px;
                font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif; }
      #wrapper #content .singleSlider .subSlider .sliderItem .slideInfo {
        max-width: 525px !important; }
      #wrapper #content .singleSlider .slick-slide {
        outline: none; }
      #wrapper #content .singleSlider .slideInfo {
        position: absolute;
        top: 50%;
        max-width: 80%;
        /*width: 100%;*/
        left: 50%;
        height: 100%;
        max-height: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        #wrapper #content .singleSlider .slideInfo h1 {
          font-size: 55px;
          font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
          color: #fff; }
          @media (max-width: 767px) {
            #wrapper #content .singleSlider .slideInfo h1 {
              font-size: 46px; } }
        #wrapper #content .singleSlider .slideInfo h2 {
          font-size: 55px;
          font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
          color: #fff;
          padding-right: 50%;
          margin-bottom: 15px; }
          @media (max-width: 767px) {
            #wrapper #content .singleSlider .slideInfo h2 {
              font-size: 20px !important;
              padding-right: 0 !important; } }
          @media (max-width: 768px) {
            #wrapper #content .singleSlider .slideInfo h2 {
              font-size: 50px;
              padding-right: 30%; } }
        #wrapper #content .singleSlider .slideInfo h3 {
          font-size: 28px;
          font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
          color: #fff;
          text-align: left; }
          @media (max-width: 767px) {
            #wrapper #content .singleSlider .slideInfo h3 {
              font-size: 20px !important;
              padding-right: 0 !important; } }
          @media (max-width: 768px) {
            #wrapper #content .singleSlider .slideInfo h3 {
              font-size: 50px;
              padding-right: 30%; } }
        #wrapper #content .singleSlider .slideInfo h4 {
          font-size: 32px;
          font-family: "ScalaSansPro-Light", Arial, Helvetica, Sans-Serif;
          color: #fff;
          text-align: left; }
          #wrapper #content .singleSlider .slideInfo h4 strong {
            font-size: 32px;
            font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif; }
          @media (max-width: 767px) {
            #wrapper #content .singleSlider .slideInfo h4 {
              font-size: 20px; } }
        #wrapper #content .singleSlider .slideInfo a.readMore {
          display: block;
          width: 45px;
          height: 45px;
          -webkit-transition: all ease-in-out 0.3s;
          -moz-transition: all ease-in-out 0.3s;
          -ms-transition: all ease-in-out 0.3s;
          transition: all ease-in-out 0.3s; }
        #wrapper #content .singleSlider .slideInfo a.readMore::before {
          display: block;
          width: 100%;
          height: 100%;
          background: url(../images/site/readMore.png) no-repeat center;
          background-size: 100%;
          content: ""; }
        #wrapper #content .singleSlider .slideInfo a.readMore:hover {
          width: 50px;
          height: 50px;
          margin-left: -2.5px;
          margin-top: -2.5px; }
      #wrapper #content .singleSlider.announcements {
        margin-bottom: 0;
        padding-bottom: 0; }
        #wrapper #content .singleSlider.announcements .slick-dots {
          position: relative;
          bottom: 0 !important;
          display: block;
          margin: 30px 0; }
          #wrapper #content .singleSlider.announcements .slick-dots li {
            background: #000;
            opacity: .2; }
            #wrapper #content .singleSlider.announcements .slick-dots li.slick-active {
              opacity: 1; }
        #wrapper #content .singleSlider.announcements .slideInfo {
          bottom: 50px !important;
          top: auto;
          padding-left: 40%; }
          @media (max-width: 1024px) {
            #wrapper #content .singleSlider.announcements .slideInfo {
              padding-right: 0; } }
      #wrapper #content .singleSlider.cs img {
        margin-bottom: 33px; }
      #wrapper #content .singleSlider.cs .slideInfo {
        position: relative;
        top: auto;
        left: auto;
        transform: none; }
        #wrapper #content .singleSlider.cs .slideInfo p {
          color: #000000;
          font-size: 20px;
          font-family: "ScalaSansPro-Light", Arial, Helvetica, Sans-Serif;
          margin-bottom: 20px;
          line-height: 24px !important; }
        #wrapper #content .singleSlider.cs .slideInfo a {
          color: #000000;
          font-size: 12px;
          font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
          text-decoration: underline;
          display: block;
          width: 19px;
          height: 10px;
          background: url(../images/site/ayrintili-bilgi.png) no-repeat center;
          text-indent: -9999px; }
        #wrapper #content .singleSlider.cs .slideInfo h4 {
          color: #000;
          font-size: 22px !important;
          margin-bottom: 10px !important; }
        @media (max-width: 768px) {
          #wrapper #content .singleSlider.cs .slideInfo p {
            font-size: 14px; }
          #wrapper #content .singleSlider.cs .slideInfo a {
            font-size: 11px; } }
      #wrapper #content .singleSlider.cs .slick-dots {
        bottom: -35px;
        left: 0;
        text-align: left; }
        #wrapper #content .singleSlider.cs .slick-dots li {
          background: #000;
          opacity: .2; }
          #wrapper #content .singleSlider.cs .slick-dots li.slick-active {
            opacity: 1; }
      #wrapper #content .singleSlider.type2 .slideInfo {
        width: 19px;
        float: left; }
        #wrapper #content .singleSlider.type2 .slideInfo a {
          float: left; }
      #wrapper #content .singleSlider.type2 img {
        max-width: 125px;
        float: left;
        margin-right: 20px; }
      #wrapper #content .singleSlider.type2 .slick-dots {
        bottom: 40px;
        left: auto;
        text-align: left;
        max-width: 50%;
        right: 0; }
        #wrapper #content .singleSlider.type2 .slick-dots li {
          background: #000;
          opacity: .2; }
          #wrapper #content .singleSlider.type2 .slick-dots li.slick-active {
            opacity: 1; }
      @media (max-width: 768px) {
        #wrapper #content .singleSlider.type2 .slideInfo {
          max-width: 100% !important; }
        #wrapper #content .singleSlider.type2 img {
          max-width: 100%;
          margin-right: 0; }
        #wrapper #content .singleSlider.type2 .slick-dots {
          bottom: -35px !important;
          left: 0;
          max-width: auto;
          right: auto; } }
      #wrapper #content .singleSlider video {
        height: 130%;
        position: relative;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    #wrapper #content .activitesBox {
      width: 100%;
      float: left; }
      #wrapper #content .activitesBox .topimg {
        width: 100%;
        float: left;
        margin-bottom: 30px; }
        #wrapper #content .activitesBox .topimg img {
          width: 100%;
          display: block;
          float: left; }
      #wrapper #content .activitesBox .activitesContent {
        width: 100%;
        float: left; }
        #wrapper #content .activitesBox .activitesContent p {
          color: #000000;
          font-size: 20px;
          font-family: "ScalaSansPro-Light", Arial, Helvetica, Sans-Serif;
          margin-bottom: 20px;
          line-height: 24px !important; }
        #wrapper #content .activitesBox .activitesContent a {
          color: #000000;
          font-size: 12px;
          font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
          text-decoration: underline; }
        @media (max-width: 768px) {
          #wrapper #content .activitesBox .activitesContent p {
            font-size: 14px; }
          #wrapper #content .activitesBox .activitesContent a {
            font-size: 11px; } }
    #wrapper #content .pageHead, #wrapper #content .fbb {
      border-bottom: 1px solid #f2f2f2; }
    #wrapper #content .container {
      /*CONTAINER MOBILE*/
      /*CONTAINER MOBILE*/ }
      #wrapper #content .container .dfc {
        display: -ms-flex;
        display: -webkit-flex;
        display: flex; }
        #wrapper #content .container .dfc > div {
          justify-content: center;
          display: flex;
          flex-direction: column;
          position: relative; }
          #wrapper #content .container .dfc > div > span {
            color: #fbf17c;
            font-size: 150px;
            font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
            position: absolute;
            top: 50%;
            transform: rotate(-90deg);
            -webkit-transform: rotate(-90deg);
            margin-top: -14%; }
          #wrapper #content .container .dfc > div:last-child span {
            left: -130px; }
          #wrapper #content .container .dfc > div:first-child span {
            right: -130px; }
          @media only screen and (max-width: 1024px) {
            #wrapper #content .container .dfc > div > span {
              font-size: 90px; }
            #wrapper #content .container .dfc > div:last-child span {
              left: -66px; }
            #wrapper #content .container .dfc > div:first-child span {
              right: -66px; } }
          @media only screen and (max-width: 768px) {
            #wrapper #content .container .dfc > div > span {
              font-size: 60px; }
            #wrapper #content .container .dfc > div:last-child span {
              left: -47px; }
            #wrapper #content .container .dfc > div:first-child span {
              right: -47px; } }
          @media only screen and (max-width: 767px) {
            #wrapper #content .container .dfc > div {
              /* &:last-child span{left: 20px;}
               &:first-child span{right: -47px;}*/ }
              #wrapper #content .container .dfc > div > span {
                font-size: 30px;
                transform: none;
                -webkit-transform: none;
                top: auto !important;
                left: 20px !important;
                bottom: 20px !important;
                margin: 0 !important;
                padding: 0 !important;
                display: inline !important;
                right: auto !important; } }
        #wrapper #content .container .dfc > div.pdrl50 div {
          padding: 0 60px 0 0 !important; }
        #wrapper #content .container .dfc > div.text.col-md-12 div {
          padding: 0 !important; }
        #wrapper #content .container .dfc img {
          display: block;
          width: 100%;
          margin-bottom: 25px; }
      #wrapper #content .container .gateways.twoItem a {
        width: 48%; }
      #wrapper #content .container .gateways.threeItem a {
        width: 31%; }
      #wrapper #content .container .gateways.fourItem a {
        width: 23%;
        margin: 0 1%; }
	#wrapper #content .iksvPersonal .container .gateways a{width:23% !important; height:290px;}
	@media only screen and (max-width: 767px) {
		#wrapper #content .iksvPersonal .container .gateways a{width:48% !important; height:230px;}
	}
      #wrapper #content .container .gateways a {
        display: block;
        background: #fff;
        margin: 0 1%;
        float: left;
        -webkit-transition: all ease-in-out 0.3s;
        -moz-transition: all ease-in-out 0.3s;
        -ms-transition: all ease-in-out 0.3s;
        transition: all ease-in-out 0.3s; }
        #wrapper #content .container .gateways a img {
          width: 100%;
          float: left; }
        #wrapper #content .container .gateways a img.hidden {
          display: none; }
        #wrapper #content .container .gateways a img.hidden.exists {
          display: block; }
        #wrapper #content .container .gateways a span {
          font-size: 18px;
          font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
          float: left;
          text-align: center;
          color: #000;
          display: block;
          width: 100%;
          padding: 25px 0;
          -webkit-transition: all ease-in-out 0.3s;
          -moz-transition: all ease-in-out 0.3s;
          -ms-transition: all ease-in-out 0.3s;
          transition: all ease-in-out 0.3s; }
          @media only screen and (max-width: 767px) {
            #wrapper #content .container .gateways a span {
              position: relative;
              top: 0;
              left: 0;
              display: block;
              width: 100%;
              padding: 15px;
              float: left; } }
          @media only screen and (max-width: 767px) {
            #wrapper #content .container .gateways a span small {
              position: relative;
              top: 0;
              left: 0;
              display: block;
              width: 100%;
              transform: none;
              float: left; } }
        #wrapper #content .container .gateways a:hover {
          background: #000; }
          #wrapper #content .container .gateways a:hover span {
            color: #fff; }
      #wrapper #content .container .dfr {
        display: flex; }
        #wrapper #content .container .dfr > * {
          flex-grow: 3;
          margin: 0 10px;
          display: block;
          background: #fff;
          padding-bottom: 19.8%;
          position: relative;
          padding-top: 3.5%; }
@meida only screen and (max-width: 1024px) {}
          @media only screen and (max-width: 767px) {
            #wrapper #content .container .dfr > * {
              flex-grow: initial;
              margin: 0;
              float: left;
              display: block;
              padding: 0;
              position: relative;
              margin-bottom: 15px; } }
          #wrapper #content .container .dfr > * img {
            display: block;
            width: 100%;
            float: left;
            position: absolute;
            top: 0;
            left: 0; }
            @media only screen and (max-width: 767px) {
              #wrapper #content .container .dfr > * img {
                position: relative;
                top: 0;
                left: 0;
                display: block;
                width: 100%; } }
          #wrapper #content .container .dfr > * span {
            position: absolute;
            left: 0;
            bottom: 0;
            display: block;
            width: 100%;
            font-size: 14px;
            font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
            color: #000;
            text-align: center;
            height: 20%; }
            @media only screen and (max-width: 767px) {
              #wrapper #content .container .dfr > * span {
                position: relative;
                top: 0;
                left: 0;
                display: block;
                width: 100%;
                padding: 15px;
                float: left; } }
          #wrapper #content .container .dfr > * small {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            width: 100%; }
            @media only screen and (max-width: 767px) {
              #wrapper #content .container .dfr > * small {
                position: relative;
                top: 0;
                left: 0;
                display: block;
                width: 100%;
                transform: none;
                float: left; } }
      #wrapper #content .container h1 {
        font-size: 62px;
        font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
        color: #000;
        text-align: center;
        margin-bottom: 45px; }
        @media (max-width: 1024px) {
          #wrapper #content .container h1 {
            font-size: 50px !important; } }
        @media (max-width: 767px) {
          #wrapper #content .container h1 {
            font-size: 40px !important;
            margin-bottom: 20px !important; } }
        #wrapper #content .container h1 span {
          color: #a7a7a7;
          font-size: 22px;
          font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
          display: block; }
      #wrapper #content .container h2 {
        font-size: 20px;
        font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
        color: #000;
        text-align: center;
        margin-bottom: 25px; }
      #wrapper #content .container h3 {
        font-size: 20px;
        font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
        color: #000;
        margin-bottom: 25px; }
      #wrapper #content .container h4 {
        font-size: 20px;
        font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
        color: #000;
        text-align: center;
        margin-bottom: 25px; }
      #wrapper #content .container h5 {
        font-size: 26px;
        font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
        color: #000;
        text-align: center;
        margin-bottom: 20px;
        text-align: left; }
      #wrapper #content .container h6 {
        font-size: 18px;
        font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
        color: #000;
        text-align: center;
        margin-bottom: 20px;
        text-align: left; }
      #wrapper #content .container p {
        font-size: 20px;
        font-family: "ScalaSansPro-Light", Arial, Helvetica, Sans-Serif;
        color: #000000;
        line-height: 30px;
        margin-bottom: 25px;
        -webkit-transition: all ease-in-out 0.3s;
        -moz-transition: all ease-in-out 0.3s;
        -ms-transition: all ease-in-out 0.3s;
        transition: all ease-in-out 0.3s; }
        #wrapper #content .container p i {
          font-family: 'ScalaSansPro-LightIta' !important; }
        #wrapper #content .container p a {
          color: #000000;
          text-decoration: underline; }
        #wrapper #content .container p img {
          display: block;
          margin: 0 auto; }
        #wrapper #content .container p strong {
          font-size: 20px;
          font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif; }
        @media (max-width: 980px) {
          #wrapper #content .container p {
            margin-bottom: 20px;
            font-size: 18px;
            line-height: 32px; } }
      #wrapper #content .container summary {
        text-align: center;
        font-size: 22px;
        font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
        color: #000;
        margin-bottom: 20px; }
      #wrapper #content .container .readContent {
        width: 100%;
        float: left;
        overflow: hidden;
        height: 250px;
        position: relative;
        border-bottom: 1px solid #e6e6e6;
        margin-bottom: 50px; }
        #wrapper #content .container .readContent a.readMore {
          display: block;
          position: absolute;
          bottom: 0;
          width: 100%;
          height: 80px;
          content: "+";
          text-align: center;
          color: #000;
          background: url(../images/site/listreadMoreBG.png) repeat !important; }
          #wrapper #content .container .readContent a.readMore::before {
            position: absolute;
            content: "";
            top: 50%;
            left: 15px;
            -webkit-transform: translate(-50%, 0);
            -moz-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
            font-size: 22px;
            font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
            color: #000;
            width: 21px;
            height: 11px;
            background: url(../images/site/listreadMoreArrow.png) no-repeat center;
            -webkit-transition: all ease-in-out 0.3s;
            -moz-transition: all ease-in-out 0.3s;
            -ms-transition: all ease-in-out 0.3s;
            transition: all ease-in-out 0.3s; }
          #wrapper #content .container .readContent a.readMore.active::before {
            transform: rotate(180deg);
            -webkit-transform: rotate(180deg); }
      #wrapper #content .container ul.list {
        width: 100%; }
        #wrapper #content .container ul.list li {
          width: 100%;
          font-size: 20px;
          font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
          color: #000000;
          line-height: 36px;
          -webkit-transition: all ease-in-out 0.3s;
          -moz-transition: all ease-in-out 0.3s;
          -ms-transition: all ease-in-out 0.3s;
          transition: all ease-in-out 0.3s;
          margin-bottom: 10px; }
          #wrapper #content .container ul.list li i {
            font-family: 'ScalaSansPro-LightIta' !important; }
          #wrapper #content .container ul.list li a {
            font-size: 20px;
            font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
            color: #000000;
            text-decoration: underline; }
          #wrapper #content .container ul.list li::before {
            display: block;
            width: 6px;
            height: 7px;
            background: url(../images/site/new-arrow.png) no-repeat center;
            border-radius: 50%;
            float: left;
            margin-right: 10px;
            margin-top: 15px;
            content: ""; }
      #wrapper #content .container .sm {
        width: 100%;
        float: left; }
        #wrapper #content .container .sm .siteMapPart {
          width: 25%;
          float: left;
          padding-right: 2%;
          margin-bottom: 30px; }
          #wrapper #content .container .sm .siteMapPart .main {
            margin-bottom: 25px;
            width: 100%;
            float: left; }
            #wrapper #content .container .sm .siteMapPart .main a {
              color: #000;
              font-size: 14px;
              font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
              padding-left: 15px;
              position: relative; }
              #wrapper #content .container .sm .siteMapPart .main a::before {
                content: "";
                position: absolute;
                width: 4px;
                height: 7px;
                background: url(../images/site/sm-arrow.png) no-repeat center;
                left: 0;
                top: 3px; }
          #wrapper #content .container .sm .siteMapPart .subm {
            padding-left: 15px; }
            #wrapper #content .container .sm .siteMapPart .subm .main {
              margin-bottom: 10px; }
            #wrapper #content .container .sm .siteMapPart .subm .main a {
              color: #a7a7a7;
              font-size: 14px;
              font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
              padding-left: 0; }
              #wrapper #content .container .sm .siteMapPart .subm .main a::before {
                display: none; }
      @media (max-width: 1024px) {
        #wrapper #content .container .dfc, #wrapper #content .container .dfr {
          display: block !important; }
          #wrapper #content .container .dfc > div, #wrapper #content .container .dfr > div {
            justify-content: initial;
            display: block;
            flex-direction: initial; }
          #wrapper #content .container .dfc > div.text div, #wrapper #content .container .dfr > div.text div {
            padding: 0 !important; }
          #wrapper #content .container .dfc.gateways, #wrapper #content .container .dfr.gateways {
            display: flex !important; } }
    @media (max-width: 1024px) and (max-width: 767px) {
      #wrapper #content .container .dfc.gateways, #wrapper #content .container .dfr.gateways {
        display: block !important; } }

    #wrapper #content .breadCrumb {
      width: 100%;
      float: left;
      margin: 45px 0; }
      #wrapper #content .breadCrumb ul {
        display: block;
        text-align: center; }
        #wrapper #content .breadCrumb ul li {
          display: inline-block;
          color: #000;
          font-size: 13px;
          font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
          margin: 0 4px; }
          #wrapper #content .breadCrumb ul li:last-child {
            display: none; }
          #wrapper #content .breadCrumb ul li::before {
            content: "›";
            font-size: 13px;
            font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
            margin-right: 5px;
            float: left;
            margin-top: -1px; }
          #wrapper #content .breadCrumb ul li:first-child::before {
            display: none; }
          #wrapper #content .breadCrumb ul li a {
            font-size: 13px;
            font-family: "ScalaSansPro-Light", Arial, Helvetica, Sans-Serif;
            color: #a7a7a7; }
    #wrapper #content .submenu {
      width: 100%;
      float: left; }

      #wrapper #content .submenu ul {
        display: block;
        text-align: center; }
        #wrapper #content .submenu ul li {
          display: inline-block;
          /*İkinci kırılım*/
          /*İkinci kırılım*/ }
          @media (max-width: 1024px) {
            #wrapper #content .submenu ul li {
              margin-bottom: 10px; } }
          #wrapper #content .submenu ul li a {
            display: block;
            padding: 0 20px 20px 20px;
            position: relative;
            color: #a7a7a7;
            font-size: 14px;
            font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
            text-align: center;
            -webkit-transition: all ease-in-out 0.3s;
            -moz-transition: all ease-in-out 0.3s;
            -ms-transition: all ease-in-out 0.3s;
            transition: all ease-in-out 0.3s; }
            #wrapper #content .submenu ul li a::before {
              display: block;
              width: 100%;
              position: absolute;
              bottom: -1px;
              height: 0px;
              content: "";
              background: #000;
              left: 0;
              -webkit-transition: all ease-in-out 0.3s;
              -moz-transition: all ease-in-out 0.3s;
              -ms-transition: all ease-in-out 0.3s;
              transition: all ease-in-out 0.3s; }
          #wrapper #content .submenu ul li.active a {
            color: #000;
            font-size: 14px;
            font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif; }
            #wrapper #content .submenu ul li.active a::before {
              height: 2px; }
          #wrapper #content .submenu ul li:hover a {
            color: #000; }
          #wrapper #content .submenu ul li ul {
            display: none; }
      #wrapper #content .submenu .altK, #wrapper #content .submenu .grayBand {
        width: 100%;
        text-align: center;
        float: left;
        height: 80px;
        background: #ebebeb;
        position: relative; }
        @media (max-width: 767px) {
          #wrapper #content .submenu .altK, #wrapper #content .submenu .grayBand {
            height: 80px; }
            #wrapper #content .submenu .altK.heightAuto, #wrapper #content .submenu .grayBand.heightAuto {
              height: auto !important; } }
        #wrapper #content .submenu .altK.grayBand .container, #wrapper #content .submenu .grayBand.grayBand .container {
          height: 100%; }
          #wrapper #content .submenu .altK.grayBand .container .pageBack, #wrapper #content .submenu .grayBand.grayBand .container .pageBack {
            display: block;
            width: 120px;
            height: 100%;
            float: left;
            position: relative; }
            #wrapper #content .submenu .altK.grayBand .container .pageBack a, #wrapper #content .submenu .grayBand.grayBand .container .pageBack a {
              font-size: 12px;
              font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
              color: #000;
              display: block;
              position: relative;
              top: 50%;
              -webkit-transform: translate(0, -50%);
              -moz-transform: translate(0, -50%);
              -ms-transform: translate(0, -50%);
              transform: translate(0, -50%);
              line-height: 23px;
              cursor: pointer; }
              #wrapper #content .submenu .altK.grayBand .container .pageBack a::before, #wrapper #content .submenu .grayBand.grayBand .container .pageBack a::before {
                display: block;
                width: 16px;
                height: 12px;
                background: url(../images/site/left-arrow.png) no-repeat center;
                content: "";
                top: 49%;
                position: absolute;
                -webkit-transform: translate(0, -50%);
                -moz-transform: translate(0, -50%);
                -ms-transform: translate(0, -50%);
                transform: translate(0, -50%);
                left: 0; }
          #wrapper #content .submenu .altK.grayBand .container .pageControls, #wrapper #content .submenu .grayBand.grayBand .container .pageControls {
            float: right;
            height: 100%;
            position: relative; }
            #wrapper #content .submenu .altK.grayBand .container .pageControls ul, #wrapper #content .submenu .grayBand.grayBand .container .pageControls ul {
              top: 50%;
              -webkit-transform: translate(0, -50%);
              -moz-transform: translate(0, -50%);
              -ms-transform: translate(0, -50%);
              transform: translate(0, -50%);
              position: relative; 
			  height:55%;}
              #wrapper #content .submenu .altK.grayBand .container .pageControls ul > li:first-child, #wrapper #content .submenu .grayBand.grayBand .container .pageControls ul > li:first-child {
                width: 120px;
                position: relative;
                left: 87px; }
                #wrapper #content .submenu .altK.grayBand .container .pageControls ul > li:first-child > a, #wrapper #content .submenu .grayBand.grayBand .container .pageControls ul > li:first-child > a {
                  width: 30px;
                  padding: 0;
                  float: left; }
                #wrapper #content .submenu .altK.grayBand .container .pageControls ul > li:first-child > ul, #wrapper #content .submenu .grayBand.grayBand .container .pageControls ul > li:first-child > ul {
                  display: block;
                  position: relative;
                  left: 0;
                  top: 0;
                  transform: none;
                  -webkit-transform: none;
                  height: 100%; }
                  #wrapper #content .submenu .altK.grayBand .container .pageControls ul > li:first-child > ul li, #wrapper #content .submenu .grayBand.grayBand .container .pageControls ul > li:first-child > ul li {
                    border: 0;
                    width: auto !important;
                    height: auto;
                    margin: 0 5px;
                    float: left;
                    height: 100%;
                    left: 0 !important; }
                    #wrapper #content .submenu .altK.grayBand .container .pageControls ul > li:first-child > ul li a, #wrapper #content .submenu .grayBand.grayBand .container .pageControls ul > li:first-child > ul li a {
                      padding: 0;
                      width: auto;
                      height: 30px;
                      margin: 0;
                      padding: 0;
                      position: relative;
                      margin-top: 7px; }
                      #wrapper #content .submenu .altK.grayBand .container .pageControls ul > li:first-child > ul li a svg, #wrapper #content .submenu .grayBand.grayBand .container .pageControls ul > li:first-child > ul li a svg {
                        width: 30px;
                        transform: none;
                        -webkit-transform: none;
                        top: 0; }
                        #wrapper #content .submenu .altK.grayBand .container .pageControls ul > li:first-child > ul li a svg path, #wrapper #content .submenu .grayBand.grayBand .container .pageControls ul > li:first-child > ul li a svg path {
                          -webkit-transition: all ease-in-out 0.3s;
                          -moz-transition: all ease-in-out 0.3s;
                          -ms-transition: all ease-in-out 0.3s;
                          transition: all ease-in-out 0.3s; }
                      #wrapper #content .submenu .altK.grayBand .container .pageControls ul > li:first-child > ul li a:hover svg.facebookshare path, #wrapper #content .submenu .grayBand.grayBand .container .pageControls ul > li:first-child > ul li a:hover svg.facebookshare path {
                        fill: #3b5998; }
                      #wrapper #content .submenu .altK.grayBand .container .pageControls ul > li:first-child > ul li a:hover svg.twittershare path, #wrapper #content .submenu .grayBand.grayBand .container .pageControls ul > li:first-child > ul li a:hover svg.twittershare path {
                        fill: #1da1f2; }
                #wrapper #content .submenu .altK.grayBand .container .pageControls ul > li:first-child:hover, #wrapper #content .submenu .grayBand.grayBand .container .pageControls ul > li:first-child:hover {
                  left: 0; }
              #wrapper #content .submenu .altK.grayBand .container .pageControls ul li, #wrapper #content .submenu .grayBand.grayBand .container .pageControls ul li {
                height: 45px;
                position: relative;
                -webkit-transition: all ease-in-out 0.3s;
                -moz-transition: all ease-in-out 0.3s;
                -ms-transition: all ease-in-out 0.3s;
                transition: all ease-in-out 0.3s;
                background: #ebebeb;
                overflow: hidden;
                margin-bottom: 0; display:block;float:left;}
                #wrapper #content .submenu .altK.grayBand .container .pageControls ul li:nth-of-type(2), #wrapper #content .submenu .grayBand.grayBand .container .pageControls ul li:nth-of-type(2) {
                  border-right: 1px solid #dfdfdf;
                  border-left: 1px solid #dfdfdf; }
                #wrapper #content .submenu .altK.grayBand .container .pageControls ul li a, #wrapper #content .submenu .grayBand.grayBand .container .pageControls ul li a {
                  padding-bottom: 0;
                  position: relative;
                  height: 100%; }
                  #wrapper #content .submenu .altK.grayBand .container .pageControls ul li a svg, #wrapper #content .submenu .grayBand.grayBand .container .pageControls ul li a svg {
                    width: 100%;
                    float: left;
                    position: relative;
                    top: 50%;
                    -webkit-transform: translate(0, -50%);
                    -moz-transform: translate(0, -50%);
                    -ms-transform: translate(0, -50%);
                    transform: translate(0, -50%); }
                  #wrapper #content .submenu .altK.grayBand .container .pageControls ul li a svg.share-icon, #wrapper #content .submenu .grayBand.grayBand .container .pageControls ul li a svg.share-icon {
                    max-width: 19px; }
                  #wrapper #content .submenu .altK.grayBand .container .pageControls ul li a svg.textUpper, #wrapper #content .submenu .grayBand.grayBand .container .pageControls ul li a svg.textUpper {
                    max-width: 22px; }
                  #wrapper #content .submenu .altK.grayBand .container .pageControls ul li a svg.textLower, #wrapper #content .submenu .grayBand.grayBand .container .pageControls ul li a svg.textLower {
                    max-width: 17px; }
                  #wrapper #content .submenu .altK.grayBand .container .pageControls ul li a svg.print-icon, #wrapper #content .submenu .grayBand.grayBand .container .pageControls ul li a svg.print-icon {
                    max-width: 22px; }
                  #wrapper #content .submenu .altK.grayBand .container .pageControls ul li a::before, #wrapper #content .submenu .grayBand.grayBand .container .pageControls ul li a::before {
                    display: none; }
                  @media (max-width: 767px) {
                    #wrapper #content .submenu .altK.grayBand .container .pageControls ul li a, #wrapper #content .submenu .grayBand.grayBand .container .pageControls ul li a {
                      padding: 0 6px 0 6px; } }
        #wrapper #content .submenu .altK > ul, #wrapper #content .submenu .grayBand > ul {
          position: relative;
          top: 50%;
          -webkit-transform: translate(0, -50%);
          -moz-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%); }
          #wrapper #content .submenu .altK > ul li a, #wrapper #content .submenu .grayBand > ul li a {
            padding: 0 20px; }
          #wrapper #content .submenu .altK > ul li.active a::before, #wrapper #content .submenu .grayBand > ul li.active a::before {
            display: none; }
    #wrapper #content .accordion {
      width: 100%;
      float: left; }
      @media (max-width: 1024px) {
        #wrapper #content .accordion {
          padding: 0 25px; } }
      @media (max-width: 767px) {
        #wrapper #content .accordion {
          padding: 0; } }
      #wrapper #content .accordion > div {
        width: 100%;
        float: left;
        margin-bottom: 30px; }
        #wrapper #content .accordion > div > span {
          display: block;
          width: 100%;
          min-height: 50px;
          font-size: 26px;
          color: #464646;
          font-size: 26px;
          font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
          position: relative;
          line-height: 35px;
          cursor: pointer;
          -webkit-transition: all ease-in-out 0.3s;
          -moz-transition: all ease-in-out 0.3s;
          -ms-transition: all ease-in-out 0.3s;
          transition: all ease-in-out 0.3s; }
          #wrapper #content .accordion > div > span::before {
            content: "";
            display: block;
            position: absolute;
            top: 42%;
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
            height: 1px;
            background: #464646;
            left: 0;
            right: 80px; }
          #wrapper #content .accordion > div > span small {
            background: #fff;
            position: relative;
            z-index: 88;
            padding-right: 90px; }
          #wrapper #content .accordion > div > span strong {
            display: block;
            width: 50px;
            height: 50px;
            position: absolute;
            right: 0;
            top: 50%;
            border-radius: 50%;
            border: 1px solid #464646;
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
            -webkit-transition: all ease-in-out 0.3s;
            -moz-transition: all ease-in-out 0.3s;
            -ms-transition: all ease-in-out 0.3s;
            transition: all ease-in-out 0.3s; }
            #wrapper #content .accordion > div > span strong i {
              display: block;
              position: absolute;
              top: 50%;
              left: 50%;
              background: #464646;
              -webkit-transform: translate(-50%, -50%);
              -moz-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
              transition: height ease-in-out .3s;
              -webkit-transition: height ease-in-out .3s; }
            #wrapper #content .accordion > div > span strong i:first-child {
              width: 14px;
              height: 2px; }
            #wrapper #content .accordion > div > span strong i:last-child {
              width: 2px;
              height: 14px; }
          #wrapper #content .accordion > div > span.active {
            color: #000; }
            #wrapper #content .accordion > div > span.active strong i {
              background: #000;
              -webkit-transition: all ease-in-out 0.3s;
              -moz-transition: all ease-in-out 0.3s;
              -ms-transition: all ease-in-out 0.3s;
              transition: all ease-in-out 0.3s; }
            #wrapper #content .accordion > div > span.active strong i:last-child {
              height: 0; }
        #wrapper #content .accordion > div .tripleList li {
          width: 33.3333%; }
        #wrapper #content .accordion > div .quadList li {
          width: 25%; }
        #wrapper #content .accordion > div ul {
          display: block;
          width: 100%;
          float: left; }
          #wrapper #content .accordion > div ul li {
            float: left;
            padding-right: 10px;
            margin-bottom: 40px;
            color: #000;
            font-size: 20px;
            font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif; }
            #wrapper #content .accordion > div ul li::before {
              display: block;
              width: 8px;
              height: 14px;
              content: "";
              background: url(../images/site/arrow-right.png) no-repeat center;
              float: left;
              margin-right: 5px;
              margin-top: 4px;
              border-radius: 50%; }
            #wrapper #content .accordion > div ul li i, #wrapper #content .accordion > div ul li span {
              display: block;
              width: 100%; }
            #wrapper #content .accordion > div ul li i {
              font-size: 16px;
              padding-left: 10px; }
            #wrapper #content .accordion > div ul li span {
              font-size: 20px;
              padding-left: 10px; }
          @media (max-width: 767px) {
            #wrapper #content .accordion > div ul li {
              width: 100% !important;
              padding-right: 0;
              font-size: 18px;
              margin-bottom: 20px; }
              #wrapper #content .accordion > div ul li span {
                font-size: 18px !important; }
              #wrapper #content .accordion > div ul li i {
                font-size: 14px !important; } }
      #wrapper #content .accordion .answer {
        display: none;
        width: 100%;
        float: left;
        padding: 30px 0; }
        @media (max-width: 767px) {
          #wrapper #content .accordion .answer {
            padding-bottom: 0; } }
      #wrapper #content .accordion.sponsors {
        padding: 0; }
        #wrapper #content .accordion.sponsors ul li a span {
          font-size: 14px;
          font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
          color: #000; }
        #wrapper #content .accordion.sponsors ul li::before {
          display: none; }
    #wrapper #content .grayBand form {
      text-align: center;
      height: 100%; }
      #wrapper #content .grayBand form .formSelect {
        display: inline-block;
        width: 180px;
        height: 100%;
        position: relative;
        padding: 15px 0; }
        #wrapper #content .grayBand form .formSelect.one::after {
          display: none !important; }
        @media (max-width: 767px) {
          #wrapper #content .grayBand form .formSelect {
            max-width: 110px; } }
        #wrapper #content .grayBand form .formSelect:first-child::after {
          content: "";
          display: block;
          position: absolute;
          right: -1px;
          top: 50%;
          height: 50%;
          width: 1px;
          background: #dfdfdf;
          -webkit-transform: translate(0, -50%);
          -moz-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%); }
        #wrapper #content .grayBand form .formSelect:last-child::after {
          content: "";
          display: block;
          position: absolute;
          left: -1px;
          top: 50%;
          height: 50%;
          width: 1px;
          background: #dfdfdf;
          -webkit-transform: translate(0, -50%);
          -moz-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%); }
        #wrapper #content .grayBand form .formSelect small, #wrapper #content .grayBand form .formSelect span {
          display: block;
          width: 100%;
          float: left; }
          @media (max-width: 767px) {
            #wrapper #content .grayBand form .formSelect small, #wrapper #content .grayBand form .formSelect span {
              text-align: left;
              text-indent: 15px; } }
        #wrapper #content .grayBand form .formSelect small {
          font-size: 13px;
          font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
          color: #a7a7a7;
          margin-bottom: 10px; }
        #wrapper #content .grayBand form .formSelect span {
          height: 32px;
          font-size: 20px;
          font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
          color: #000;
          line-height: 32px;
          cursor: pointer;
          position: relative; }
          #wrapper #content .grayBand form .formSelect span::after {
            content: "";
            display: block;
            position: absolute;
            background: url(../images/site/selectArrowDown.png) no-repeat center;
            -webkit-transition: all ease-in-out 0.3s;
            -moz-transition: all ease-in-out 0.3s;
            -ms-transition: all ease-in-out 0.3s;
            transition: all ease-in-out 0.3s;
            width: 10px;
            height: 5px;
            top: 50% !important;
            right: 30px; }
            @media (max-width: 767px) {
              #wrapper #content .grayBand form .formSelect span::after {
                right: 12px;
                top: 40%; } }
          #wrapper #content .grayBand form .formSelect span.active::after {
            transform: rotate(180deg);
            -webkit-transform: rotate(180deg); }
        #wrapper #content .grayBand form .formSelect ul {
          position: absolute;
          width: 120%;
          float: left;
          left: 50%;
          top: 100%;
          z-index: 99;
          background: #fff;
          -webkit-transform: translate(-50%, 0);
          -moz-transform: translate(-50%, 0);
          -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
          display: none;
          border-top: 3px solid #000;
          padding: 15px 0;
          -webkit-box-shadow: 0px 2px 12px -1px rgba(0, 0, 0, 0.75);
          -moz-box-shadow: 0px 2px 12px -1px rgba(0, 0, 0, 0.75);
          box-shadow: 0px 2px 12px -1px rgba(0, 0, 0, 0.75); }
          #wrapper #content .grayBand form .formSelect ul::before {
            content: "";
            position: absolute;
            top: -7px;
            left: 50%;
            margin-left: -8px;
            display: block;
            background: url(../images/site/custom-select-list-arrow.png) no-repeat center;
            width: 16px;
            height: 7px; }
          #wrapper #content .grayBand form .formSelect ul li {
            display: block;
            width: 100%; }
            #wrapper #content .grayBand form .formSelect ul li a {
              padding: 0;
              display: block;
              height: 35px;
              width: 100%;
              color: #a7a7a7;
              font-size: 20px;
              font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
              text-align: left;
              line-height: 35px;
              padding: 0 20px; }
              #wrapper #content .grayBand form .formSelect ul li a:hover, #wrapper #content .grayBand form .formSelect ul li a.active {
                color: #000; }
    #wrapper #content .ps-scrollbar-y-rail {
      width: 7px;
      background: #bac0de;
      border-radius: 0; }
    #wrapper #content .ps-scrollbar-y {
      background: #6974aa;
      border-radius: 0; }
    #wrapper #content .gatewayContainer .activitie {
      padding-bottom: 35%;
      position: relative;
      margin-bottom: 30px; }
      @media only screen and (max-width: 1024px) {
        #wrapper #content .gatewayContainer .activitie {
          padding-bottom: 38%; } }
      @media (max-width: 768px) {
        #wrapper #content .gatewayContainer .activitie {
          padding-bottom: 49.8%; } }
      @media (max-width: 767px) {
        #wrapper #content .gatewayContainer .activitie {
          padding-bottom: 100% !important; } }
      #wrapper #content .gatewayContainer .activitie .oh {
        position: absolute;
        top: 0;
        right: 15px;
        left: 15px;
        bottom: 0;
        overflow: hidden;
        z-index: 88; }
      #wrapper #content .gatewayContainer .activitie:hover .texts small {
        border-color: #fff; }
      #wrapper #content .gatewayContainer .activitie:hover .hoverDetail {
        top: 0 !important; }
      #wrapper #content .gatewayContainer .activitie:hover .boxContainer {
        -webkit-box-shadow: 0px 0px 39px -7px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 0px 39px -7px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 0px 39px -7px rgba(0, 0, 0, 0.75); }
      #wrapper #content .gatewayContainer .activitie .hoverDetail {
        position: absolute;
        top: -100%;
        left: 0;
        left: 0;
        right: 0;
        height: 100%;
        -webkit-transition: all ease-in-out 0.3s;
        -moz-transition: all ease-in-out 0.3s;
        -ms-transition: all ease-in-out 0.3s;
        transition: all ease-in-out 0.3s;
        background: #2c2c2c;
        z-index: 99;
        -webkit-transition: all ease-in-out 0.3s;
        -moz-transition: all ease-in-out 0.3s;
        -ms-transition: all ease-in-out 0.3s;
        transition: all ease-in-out 0.3s;
        overflow: hidden; }



        #wrapper #content .gatewayContainer .activitie.Tiyatro .hoverDetail{background: #fa7497 ;}
		#wrapper #content .gatewayContainer .activitie.Theater .hoverDetail{background: #fa7497 ;}
        #wrapper #content .gatewayContainer .activitie.Caz .hoverDetail{background: #615cc7;}
		#wrapper #content .gatewayContainer .activitie.Jazz .hoverDetail{background: #615cc7;}
        #wrapper #content .gatewayContainer .activitie.Film .hoverDetail{background: #427fcc;}
        #wrapper #content .gatewayContainer .activitie.Müzik .hoverDetail{background: #9b5ba4;}
		#wrapper #content .gatewayContainer .activitie.Music .hoverDetail{background: #9b5ba4;}
        #wrapper #content .gatewayContainer .activitie.Bienal .hoverDetail{background: #91d2c7 ;}
		#wrapper #content .gatewayContainer .activitie.Biennial .hoverDetail{background: #91d2c7 ;}
        #wrapper #content .gatewayContainer .activitie.Salon .hoverDetail{background: #2c2a2a ;}
		#wrapper #content .gatewayContainer .activitie.Saloon .hoverDetail{background: #2c2a2a ;}
		
		#wrapper #content .gatewayContainer .activitie .boxContainer .image span{color:#000;}
		#wrapper #content .gatewayContainer .activitie.Tiyatro .boxContainer .image span{color:#fa7497;}
		#wrapper #content .gatewayContainer .activitie.Theater .boxContainer .image span{color:#fa7497;}
		#wrapper #content .gatewayContainer .activitie.Caz .boxContainer .image span{color:#615cc7;}
		#wrapper #content .gatewayContainer .activitie.Jazz .boxContainer .image span{color:#615cc7;}
		#wrapper #content .gatewayContainer .activitie.Film .boxContainer .image span{color:#427fcc;}
		#wrapper #content .gatewayContainer .activitie.Müzik .boxContainer .image span{color:#9b5ba4;}
		#wrapper #content .gatewayContainer .activitie.Music .boxContainer .image span{color:#9b5ba4;}
		#wrapper #content .gatewayContainer .activitie.Bienal .boxContainer .image span{color:#91d2c7;}
		#wrapper #content .gatewayContainer .activitie.Biennial .boxContainer .image span{color:#91d2c7;}
		#wrapper #content .gatewayContainer .activitie.Salon .boxContainer .image span{color:#2c2a2a;}
		#wrapper #content .gatewayContainer .activitie.Saloon .boxContainer .image span{color:#2c2a2a;}
		


        #wrapper #content .gatewayContainer .activitie .hoverDetail .psc {
          position: absolute;
          top: 30px;
          left: 0;
          bottom: 65px;
          right: 0;
          padding: 0 30px 0 30px; }
          #wrapper #content .gatewayContainer .activitie .hoverDetail .psc table {
            width: 100%;
            float: left; }
            #wrapper #content .gatewayContainer .activitie .hoverDetail .psc table thead td {
              font-size: 16px;
              font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
              color: #fff;
              padding-bottom: 19px; }
            #wrapper #content .gatewayContainer .activitie .hoverDetail .psc table tbody {
              border-top: 1px solid #fff; }
              #wrapper #content .gatewayContainer .activitie .hoverDetail .psc table tbody td {
                padding: 19px 10px 19px 0;
                color: #fff;
                font-size: 16px;
                font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
                border-bottom: 1px solid #fff; }
        #wrapper #content .gatewayContainer .activitie .hoverDetail .plusButton {
          display: block;
          width: 100%;
          height: 65px;
          position: absolute;
          bottom: 0;
          left: 0; }
          #wrapper #content .gatewayContainer .activitie .hoverDetail .plusButton span {
            display: block;
            width: 40px;
            height: 40px;
            border: 1px solid #fff;
            border-radius: 50%;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            position: absolute;
            transition: border-color .3s ease-in-out;
            -webkit-transition: border-color .3s ease-in-out; }
            #wrapper #content .gatewayContainer .activitie .hoverDetail .plusButton span small {
              display: block;
              position: absolute;
              top: 50%;
              left: 50%;
              background: #fff;
              -webkit-transition: all ease-in-out 0.3s;
              -moz-transition: all ease-in-out 0.3s;
              -ms-transition: all ease-in-out 0.3s;
              transition: all ease-in-out 0.3s; }
              #wrapper #content .gatewayContainer .activitie .hoverDetail .plusButton span small:first-child {
                width: 10px;
                height: 1px;
                margin-left: -5px; }
              #wrapper #content .gatewayContainer .activitie .hoverDetail .plusButton span small:last-child {
                width: 1px;
                height: 10px;
                margin-top: -5px; }


          #wrapper #content .gatewayContainer .activitie .hoverDetail .plusButton:hover span,#wrapper #content .gatewayContainer .activitie.Tiyatro .hoverDetail .plusButton:hover span,#wrapper #content .gatewayContainer .activitie.Theater .hoverDetail .plusButton:hover span,#wrapper #content .gatewayContainer .activitie.Caz .hoverDetail .plusButton:hover span,#wrapper #content .gatewayContainer .activitie.Jazz .hoverDetail .plusButton:hover span,#wrapper #content .gatewayContainer .activitie.Müzik .hoverDetail .plusButton:hover span,#wrapper #content .gatewayContainer .activitie.Music .hoverDetail .plusButton:hover span,#wrapper #content .gatewayContainer .activitie.Film .hoverDetail .plusButton:hover span,#wrapper #content .gatewayContainer .activitie.Bienal .hoverDetail .plusButton:hover span,#wrapper #content .gatewayContainer .activitie.Biennial .hoverDetail .plusButton:hover span,#wrapper #content .gatewayContainer .activitie.Salon .hoverDetail .plusButton:hover span,#wrapper #content .gatewayContainer .activitie.Saloon .hoverDetail .plusButton:hover span {
            border-color: #000; }


            #wrapper #content .gatewayContainer .activitie .hoverDetail .plusButton:hover span small {
              background: #000; }
      #wrapper #content .gatewayContainer .activitie .boxContainer {
        position: absolute;
        top: 0;
        left: 0;
        left: 15px;
        right: 15px;
        height: 99%;
        -webkit-transition: all ease-in-out 0.3s;
        -moz-transition: all ease-in-out 0.3s;
        -ms-transition: all ease-in-out 0.3s;
        transition: all ease-in-out 0.3s;
        overflow: hidden; }
        #wrapper #content .gatewayContainer .activitie .boxContainer .image {
          position: relative; }
          #wrapper #content .gatewayContainer .activitie .boxContainer .image span {
            position: absolute;
            top: 0;
            left: 0;
            padding: 5px 13px;
            background: #fff;
            font-size: 13px;
            font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
            /*&.tiyatro{color:$iksv-tiyatro-color;}
            &.tiyatro{color:$iksv-tiyatro-color;}
            &.tiyatro{color:$iksv-tiyatro-color;}
            &.tiyatro{color:$iksv-tiyatro-color;}
            &.tiyatro{color:$iksv-tiyatro-color;}
            &.tiyatro{color:$iksv-tiyatro-color;}
            &.tiyatro{color:$iksv-tiyatro-color;}
            &.tiyatro{color:$iksv-tiyatro-color;}
            &.tiyatro{color:$iksv-tiyatro-color;}*/ }
            #wrapper #content .gatewayContainer .activitie .boxContainer .image span[title="Müzik"] {
              color: #9b5ba4 !important; }
            #wrapper #content .gatewayContainer .activitie .boxContainer .image span[title="Music"] {
              color: #9b5ba4 !important; }			  
          #wrapper #content .gatewayContainer .activitie .boxContainer .image img {
            width: 100%;
            display: block; }
        #wrapper #content .gatewayContainer .activitie .boxContainer .texts {
          padding: 25px;
          background: #fff;
          float: left;
          width: 100%;
          height: 100%; }
          #wrapper #content .gatewayContainer .activitie .boxContainer .texts * {
            display: block;
            width: 100%;
            float: left; }
          #wrapper #content .gatewayContainer .activitie .boxContainer .texts strong {
            font-size: 20px;
            font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
            color: #000;
            height: 70px;
            margin-bottom: 45px; }
            #wrapper #content .gatewayContainer .activitie .boxContainer .texts strong em {
              font-family: 'ScalaSansPro' !important;
              color: #000;
              font-size: 13px;
              font-weight: normal !important;
              display: block;
              width: 100%;
              margin-top: 6px; }
          #wrapper #content .gatewayContainer .activitie .boxContainer .texts span {
            font-size: 20px;
            font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
            color: #000; }
          #wrapper #content .gatewayContainer .activitie .boxContainer .texts small {
            font-size: 20px;
            font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
            color: #000; }
    #wrapper #content .pressReleases .boxContainer {
      overflow: hidden; }
      #wrapper #content .pressReleases .boxContainer div.image::before {
        width: 100%;
        height: 100%;
        position: absolute;
        background-image: url(../images/site/download-icon.png);
        background-repeat: no-repeat;
        background-position: center;
        background-color: rgba(0, 0, 0, 0.5);
        content: "";
        left: 0;
        top: 0;
        opacity: 0;
        -webkit-transition: all ease-in-out 0.3s;
        -moz-transition: all ease-in-out 0.3s;
        -ms-transition: all ease-in-out 0.3s;
        transition: all ease-in-out 0.3s; }
    #wrapper #content .pressReleases .activitie:hover .boxContainer div.image::before {
      opacity: 1; }
    #wrapper #content .pressReleases .activitie .boxContainer .texts {
      width: 100%; }
    #wrapper #content .newsList .boxContainer .texts span, #wrapper #content .artists .boxContainer .texts span {
      margin-bottom: 20px;
      font-size: 16px !important;
	  font-weight: bold;	  }
    #wrapper #content .newsList .boxContainer .texts strong, #wrapper #content .artists .boxContainer .texts strong {
      font-size: 26px !important; }
    #wrapper #content .newsList .boxContainer .texts small, #wrapper #content .artists .boxContainer .texts small {
      display: block;
      width: 34px !important;
      height: 34px !important;
      border: 1px solid #d0d0d0;
      border-radius: 50%;
      position: absolute;
      bottom: 25px;
      left: 25px;
      -webkit-transition: all ease-in-out 0.3s;
      -moz-transition: all ease-in-out 0.3s;
      -ms-transition: all ease-in-out 0.3s;
      transition: all ease-in-out 0.3s; }
      #wrapper #content .newsList .boxContainer .texts small i, #wrapper #content .artists .boxContainer .texts small i {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        background: #d0d0d0;
        -webkit-transition: all ease-in-out 0.3s;
        -moz-transition: all ease-in-out 0.3s;
        -ms-transition: all ease-in-out 0.3s;
        transition: all ease-in-out 0.3s; }
        #wrapper #content .newsList .boxContainer .texts small i:first-child, #wrapper #content .artists .boxContainer .texts small i:first-child {
          width: 1px;
          height: 20px;
          margin-top: -10px;
          margin-left: -0.5px; }
        #wrapper #content .newsList .boxContainer .texts small i:last-child, #wrapper #content .artists .boxContainer .texts small i:last-child {
          width: 20px;
          height: 1px;
          margin-left: -10px;
          margin-top: -0.5px; }
    #wrapper #content .gatewayContainer .activitie:hover .texts small {
      border-color: #000; }
      #wrapper #content .gatewayContainer .activitie:hover .texts small i {
        background: #000; }
    #wrapper #content .activitynewpage {
      padding-top: 0 !important; }
      #wrapper #content .activitynewpage.padt_30{
        padding-top: 30px !important;
      }
    #wrapper #content .gatewayContainer.artists .activitie {
      padding-bottom: 19%; }
      @media (max-width: 767px) {
        #wrapper #content .gatewayContainer.artists .activitie {
          padding-bottom: 70% !important; } }
      #wrapper #content .gatewayContainer.artists .activitie .boxContainer .texts {
        height: 100%; }
        #wrapper #content .gatewayContainer.artists .activitie .boxContainer .texts strong {
          font-size: 20px !important;
          height: auto;
          position: absolute;
          top: 50%;
          left: 0;
          width: 100%;
          text-align: center;
          -webkit-transform: translate(0, -50%);
          -moz-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
          padding: 10px; }
        #wrapper #content .gatewayContainer.artists .activitie .boxContainer .texts span {
          text-align: center; }
    #wrapper #content .activityDetailSlide .sliderItem .slideInfo {
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      left: 55px;
      max-width: 500px;
      max-height: 52%; }
      @media (max-width: 767px) {
        #wrapper #content .activityDetailSlide .sliderItem .slideInfo {
          right: 15px;
          left: 15px;
          opacity: 0.5;
          max-height: 85%; }
          #wrapper #content .activityDetailSlide .sliderItem .slideInfo:hover {
            opacity: 1; } }
      #wrapper #content .activityDetailSlide .sliderItem .slideInfo p {
        color: #fff;
        font-size: 32px;
        font-family: "ScalaSansPro-Light", Arial, Helvetica, Sans-Serif; }
        #wrapper #content .activityDetailSlide .sliderItem .slideInfo p strong {
          font-size: 32px;
          font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif; }
        @media (max-width: 767px) {
          #wrapper #content .activityDetailSlide .sliderItem .slideInfo p {
            font-size: 16px !important; } }
      #wrapper #content .activityDetailSlide .sliderItem .slideInfo span {
        color: #fff;
        font-size: 20px;
        font-family: "ScalaSansPro-Light", Arial, Helvetica, Sans-Serif;
        display: block;
        width: 100%;
        float: left;
        margin-bottom: 20px;
        line-height: 40px; }
        @media (max-width: 767px) {
          #wrapper #content .activityDetailSlide .sliderItem .slideInfo span {
            margin-bottom: 3px;
            line-height: 15px; } }
        #wrapper #content .activityDetailSlide .sliderItem .slideInfo span::before {
          display: block;
          content: "";
          width: 40px;
          height: 40px;
          float: left;
          margin-right: 15px; }
        #wrapper #content .activityDetailSlide .sliderItem .slideInfo span.generalSales::before {
          background: url(../images/site/generalSale-icon.png) no-repeat center; }
        #wrapper #content .activityDetailSlide .sliderItem .slideInfo span.laleCardSales::before {
          background: url(../images/site/laleSales-icon.png) no-repeat center; }
        @media (max-width: 767px) {
          #wrapper #content .activityDetailSlide .sliderItem .slideInfo span {
            font-size: 16px !important; }
            #wrapper #content .activityDetailSlide .sliderItem .slideInfo span::before {
              display: block;
              content: "";
              width: 20px;
              height: 20px;
              float: left;
              margin-right: 15px;
              background-size: 100% !important; } }
    #wrapper #content h2.wb {
      font-size: 32px;
      font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
      text-align: left;
      padding: 0; }
      #wrapper #content h2.wb::before {
        background: #eaeaea;
        content: "";
        width: 100%;
        height: 1px;
        position: absolute;
        top: 50%;
        left: 0; }
      #wrapper #content h2.wb span {
        display: block;
        position: relative;
        z-index: 88;
        display: inline;
        padding-right: 20px;
        background: #fff; }
    #wrapper #content .activityInfo {
      background: #f5f5f5;
      width: 100%;
      float: left;
      margin-bottom: 50px; }
	  #wrapper #content .activityInfo img.mobileShow{display:none;margin:0 auto;width:23px;}
	  .ng-binding-text{font-size:15px !important;}
      @media (max-width: 767px) {
        #wrapper #content .activityInfo {
          overflow: auto; } 
		  #wrapper #content .activityInfo img.mobileShow{display:block;}
		  }
      #wrapper #content .activityInfo > div {
        width: 100%;
        float: left; }
      #wrapper #content .activityInfo .adCalendar {
        display: none;
        width: 28px;
        height: 27px;
        background: url(../images/site/calendar-icon.png) no-repeat center; }
      #wrapper #content .activityInfo .ticketButton {
        display: block;
        width: 190px;
        height: 60px;
        text-align: center;
        line-height: 60px;
        font-size: 13px;
        font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif; }
      #wrapper #content .activityInfo span.ticketButton {
        border: 3px solid #cccccc !important;
        color: #cccccc; }
      #wrapper #content .activityInfo a.ticketButton {
        border: 3px solid #000 !important;
        color: #000; }
      #wrapper #content .activityInfo a.ticketButton:hover {
        background: #000;
        color: #fff; }
      #wrapper #content .activityInfo h2.wb {
        margin-top: 40px; }
        @media (max-width: 767px) {
          #wrapper #content .activityInfo h2.wb {
            padding: 0 10px !important; } }
        #wrapper #content .activityInfo h2.wb span {
          background: #f5f5f5; }
      @media (max-width: 767px) {
        #wrapper #content .activityInfo table {
          min-width: 768px; } }
      #wrapper #content .activityInfo table td {
        width: 25%; }
        @media (max-width: 767px) {
          #wrapper #content .activityInfo table td {
            padding: 25px 10px !important; } }
      #wrapper #content .activityInfo table thead td {
        font-size: 12px;
        font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
        color: #c8c8c8;
        padding: 15px 0; }
      #wrapper #content .activityInfo table tbody tr {
        border-bottom: 1px dashed #c4c4c4; }
      #wrapper #content .activityInfo table tbody tr:last-child {
        border: 0; }
      #wrapper #content .activityInfo table tbody td {
        color: #000000;
        font-size: 20px;
        font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
        padding: 40px 0; }
    #wrapper #content .aPageBottom {
      padding-top: 65px;
      padding-bottom: 65px;
      padding-left: calc(8.33333333% + 3px);
      padding-right: calc(8.33333333% + 3px);
      border-top: 1px solid #f2f2f2;
      position: relative; }
      #wrapper #content .aPageBottom.bt0 {
        border-top: 0 !important; }
      #wrapper #content .aPageBottom.pl0 > div {
        padding-left: 0 !important; }
      @media (min-width: 768px) and (max-width: 979px) {
        #wrapper #content .aPageBottom {
          padding-top: 25px;
          padding-bottom: 25px; } }
      @media (max-width: 767px) {
        #wrapper #content .aPageBottom {
          padding-top: 25px;
          padding-bottom: 25px;
          padding-left: 0;
          padding-right: 0; } }
      #wrapper #content .aPageBottom > div[class*="col-"] {
        padding-left: 0; }
      #wrapper #content .aPageBottom > div {
        position: relative;
        padding-left: 150px; }
        @media (max-width: 1024px) {
          #wrapper #content .aPageBottom > div {
            padding-left: 0; }
            #wrapper #content .aPageBottom > div img {
              display: none; } }
        #wrapper #content .aPageBottom > div p {
          margin-bottom: 20px; }
        #wrapper #content .aPageBottom > div strong {
          font-size: 13px;
          font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
          margin-bottom: 20px;
          display: block;
          float: left;
          display: block;
          width: 100%; }
          @media (max-width: 767px) {
            #wrapper #content .aPageBottom > div strong {
              font-size: 18px; } }
        #wrapper #content .aPageBottom > div > img {
          position: absolute;
          left: 0;
          top: 0; }
          @media (max-width: 767px) {
            #wrapper #content .aPageBottom > div > img {
              position: relative;
              width: 100%;
              margin-bottom: 20px; } }
      #wrapper #content .aPageBottom ul {
        width: 100%;
        float: left; }
        @media (max-width: 767px) {
          #wrapper #content .aPageBottom ul {
            margin-bottom: 20px;
            text-align: center; }
            #wrapper #content .aPageBottom ul.sponsors li {
              width: 50%;
              margin-right: 0;
              float: left;
              padding: 10px; }
              #wrapper #content .aPageBottom ul.sponsors li img {
                width: 100%;
                display: block; } }
        #wrapper #content .aPageBottom ul li {
          float: left;
          margin-right: 20px; }
          #wrapper #content .aPageBottom ul li:last-child {
            margin-right: 0; }
          @media (max-width: 767px) {
            #wrapper #content .aPageBottom ul li {
              float: none;
              display: inline-block;
              margin-bottom: 15px; } }
        #wrapper #content .aPageBottom ul.tags li a {
          display: block;
          padding: 7px 10px;
          border-radius: 4px;
          background: #ebebeb;
          font-size: 13px;
          font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
          color: #000;
          text-align: center; }
      #wrapper #content .aPageBottom.sponsors li a {
        width: 145px;
        display: block;
        height: 55px;
        background: #000; }
    #wrapper #content .reportList li {
      width: 100%;
      float: left; }
      #wrapper #content .reportList li a {
        display: block;
        width: 100%;
        float: left;
        position: relative;
        padding-left: 85px; }
        #wrapper #content .reportList li a::before {
          content: "";
          float: left;
          margin-right: 20px;
          display: block;
          position: absolute;
          top: 50%;
          left: 0;
          -webkit-transform: translate(0, -50%);
          -moz-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%); }
        #wrapper #content .reportList li a::after {
          content: "";
          position: absolute;
          top: 50%;
          right: 0;
          margin-top: -18px;
          -webkit-transition: all ease-in-out 0.3s;
          -moz-transition: all ease-in-out 0.3s;
          -ms-transition: all ease-in-out 0.3s;
          transition: all ease-in-out 0.3s; }
        #wrapper #content .reportList li a em {
          position: absolute;
          display: block;
          width: 78px;
          height: 85px;
          left: 0;
          top: 50%;
          margin-top: -42.5px; }
        #wrapper #content .reportList li a span {
          font-size: 26px;
          font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
          color: #000;
          border-bottom: 1px solid #e0e0e0;
          display: block;
          width: 100%;
          float: left;
          padding-right: 45px;
          padding: 35px 0; }
          @media only screen and (max-width: 1024px) {
            #wrapper #content .reportList li a span {
              padding: 15px 0; } }
          #wrapper #content .reportList li a span small {
            font-size: 13px;
            font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
            color: #a7a7a7;
            display: block;
            width: 100%;
            margin-bottom: 13px; }
        #wrapper #content .reportList li a:hover span {
          text-decoration: underline; }
    #wrapper #content .faaliyetList li a::before {
      background: url(../images/site/report-icon.png) no-repeat center;
      width: 65px;
      height: 56px; }
    #wrapper #content .faaliyetList li a::after {
      background: url(../images/site/download-icon-gray.png) no-repeat center;
      width: 36px;
      height: 36px; }
    @media only screen and (max-width: 1024px) {
      #wrapper #content .faaliyetList li a::before {
        width: 35px;
        background-size: 100%; }
      #wrapper #content .faaliyetList li a::after {
        width: 25px;
        background-size: 100%; } }
    #wrapper #content .kulturPolitika li a::before {
      background: url(../images/site/pencil-icon.png) no-repeat center;
      width: 67px;
      height: 71px; }
    #wrapper #content .kulturPolitika li a::after {
      background: url(../images/site/gatewayArrow.png) no-repeat center;
      width: 36px;
      height: 36px; }
    @media only screen and (max-width: 1024px) {
      #wrapper #content .kulturPolitika li a::before {
        width: 35px;
        background-size: 100%; }
      #wrapper #content .kulturPolitika li a::after {
        width: 25px;
        background-size: 100%; } }
    #wrapper #content .newsList li a {
      padding-left: 110px; }
      #wrapper #content .newsList li a em {
        color: #000000;
        font-size: 77px;
        font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif; }
        #wrapper #content .newsList li a em i {
          display: block;
          font-size: 13px !important;
          text-align: center; }
      #wrapper #content .newsList li a::before {
        display: none; }
      #wrapper #content .newsList li a::after {
        background: url(../images/site/gatewayArrow.png) no-repeat center;
        width: 36px;
        height: 36px; }
    #wrapper #content .mapContainer {
      width: 100%;
      float: left;
      position: relative; }
      #wrapper #content .mapContainer .map-info {
        width: 100%;
        max-width: 450px;
        top: 0;
        right: 0;
        background: rgba(255, 255, 255, 0.8);
        z-index: 99;
        position: absolute;
        height: 100%;
        padding: 50px 60px; }
        #wrapper #content .mapContainer .map-info h3 {
          font-size: 26px;
          font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
          margin-bottom: 30px; }
        #wrapper #content .mapContainer .map-info p {
          margin-bottom: 10px;
          font-size: 20px; }
        #wrapper #content .mapContainer .map-info ul {
          width: 100%;
          float: left;
          display: block;
          margin-bottom: 10px; }
        #wrapper #content .mapContainer .map-info li {
          color: #000;
          font-size: 20px;
          font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
          width: 100%; }
          #wrapper #content .mapContainer .map-info li strong {
            display: block;
            float: left; }
          #wrapper #content .mapContainer .map-info li a {
            color: #000;
            font-size: 20px;
            font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
            margin-bottom: 10px;
            display: block; }
      #wrapper #content .mapContainer #gmap {
        height: 500px;
        width: 100%;
        float: left; }
    #wrapper #content .searchResult li {
      width: 100%;
      float: left;
      border-bottom: 1px solid #dbdbdb; }
      #wrapper #content .searchResult li a {
        display: block;
        font-size: 20px;
        font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
        color: #000;
        padding: 40px 0; }
        #wrapper #content .searchResult li a strong {
          width: 100%;
          display: block;
          float: left;
          font-size: 20px;
          font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
          margin-bottom: 15px; }
    #wrapper #content form#newsLatterForm {
      max-width: 570px;
      margin: 0 auto;
      padding: 0 50px; }
      @media (max-width: 767px) {
        #wrapper #content form#newsLatterForm {
          padding: 0 20px; } }
    #wrapper #content form div.frow {
      width: 100%;
      float: left;
      margin-bottom: 30px; }
      #wrapper #content form div.frow label {
        display: block;
        width: 100%;
        margin-bottom: 20px;
        font-size: 13px;
        font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
        color: #000000; }
      #wrapper #content form div.frow input[type="text"] {
        width: 100%;
        display: block;
        height: 55px;
        border: 1px solid #bcbcbc;
        padding: 10px;
        font-size: 16px;
        font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
        color: #000; }
      #wrapper #content form div.frow input[type="text"].error {
        border-color: red; }
      #wrapper #content form div.frow span.error {
        color: red;
        font-size: 16px;
        font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
        margin-top: 5px;
        display: block; }
      #wrapper #content form div.frow .chck {
        display: block;
        width: 100%;
        margin-bottom: 0;
        font-size: 16px;
        font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
        position: relative; }
        #wrapper #content form div.frow .chck em {
          display: block;
          width: 22px;
          height: 22px;
          border: 1px solid #000;
          position: absolute;
          left: 3px;
          top: 3px; }
        #wrapper #content form div.frow .chck small {
          position: relative;
          top: -6px;
          line-height: 25px; }
        #wrapper #content form div.frow .chck input {
          width: 22px;
          height: 22px;
          visibility: hidden;
          margin-right: 10px; }
          #wrapper #content form div.frow .chck input:checked + span + em,#wrapper #content form div.frow .chck input:checked + em {
            background: url(../images/site/check-icon.png) no-repeat center #ebebeb; }
        #wrapper #content form div.frow .chck a {
          text-decoration: underline;
          font-size: 16px;
          font-family: "ScalaSansPro-bold", Arial, Helvetica, Sans-Serif;
          color: #000; }
      #wrapper #content form div.frow input[type="submit"] {
        width: 220px;
        height: 55px;
        background: #000;
        text-align: center;
        line-height: 55px;
        color: #fff;
        font-size: 14px;
        font-family: "ScalaSansPro-bold", Arial, Helvetica, Sans-Serif;
        border: 0;
        cursor: pointer; }
        @media (max-width: 767px) {
          #wrapper #content form div.frow input[type="submit"] {
            margin: 0 auto;
            display: block; } }
    .no-js #wrapper #content .multi-step-form fieldset button, .no-js #wrapper #content .multi-step-form h2, #wrapper #content .multi-step-form.edit-form fieldset button, #wrapper #content .multi-step-form.edit-form h2 {
      display: none !important; }
    .no-js #wrapper #content .multi-step-form fieldset, #wrapper #content .multi-step-form.edit-form fieldset {
      display: block !important; }
    .no-js #wrapper #content .multi-step-form [type="submit"], .no-js #wrapper #content .multi-step-form [type="reset"], #wrapper #content .multi-step-form.edit-form [type="submit"], #wrapper #content .multi-step-form.edit-form [type="reset"] {
      display: inline-block !important; }
    .no-js #wrapper #content .multi-step-form .steps, #wrapper #content .multi-step-form.edit-form .steps {
      display: none; }
    #wrapper #content .multi-step-form fieldset {
      display: none; }
      #wrapper #content .multi-step-form fieldset:first-of-type {
        display: block; }
      #wrapper #content .multi-step-form fieldset.hidden {
        display: none; }
      #wrapper #content .multi-step-form fieldset.visible {
        display: block; }
    #wrapper #content .multi-step-form .steps button {
      border: 0; }
    #wrapper #content .multi-step-form .steps [disabled] {
      background: none; }
    #wrapper #content .multi-step-form .steps .active {
      background: #eee; }
   
	  
	      #wrapper #content span.error {
      color: red;
      display: block;
      width: 100%;
      margin-bottom: 10px; }
	  
    #wrapper #content label .optional {
      font-weight: normal;
      font-size: 90%; }
    #wrapper #content .customSelect {
      background: #fff none repeat scroll 0 0;
      height: 45px;
      position: relative;
      border: 1px solid #c9c3b9;
      float: left;
      width: 100%;
      max-width: 180px; }
    #wrapper #content .customSelect select {
      -moz-appearance: none;
      background: transparent;
      border: 0 none;
      color: #000;
      height: 100%;
      padding: 10px;
      width: 100%;
      font-size: 20px;
      font-size: 20px;
      font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
      -webkit-appearance: none;
      appearance: none;
      position: relative;
      z-index: 99;
      background: url(../images/site/selectArrowDown.png) no-repeat 80% center; }
    #wrapper #content .customSelect select option {
      border: 0 none; }
    #wrapper #content .customSelect select:focus {
      outline: medium none; }
    #wrapper #content .grayBand .customSelect {
      background: #ebebeb;
      border: 0;
      float: none;
      margin: 0 auto;
      height: 100%;
      padding: 15px 0;
      display: inline-block; }
      #wrapper #content .grayBand .customSelect select {
        text-align-last: center; }
        #wrapper #content .grayBand .customSelect select option {
          text-align-last: center;
          text-align: center;
          padding: 25px; }
      #wrapper #content .grayBand .customSelect span {
        display: block;
        width: 100%;
        float: left;
        color: #a7a7a7;
        font-size: 13px;
        font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif; }
    #wrapper #content .pager {
      width: 100%;
      float: left;
      margin-top: 20px; }
      #wrapper #content .pager ul {
        display: block;
        width: 100%;
        float: left;
        text-align: center; }
        #wrapper #content .pager ul li {
          display: inline-block;
          margin: 0 1px; }
          #wrapper #content .pager ul li a, #wrapper #content .pager ul li span {
            display: block;
            height: 50px;
            background: #fff;
            font-size: 20px;
            font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
            text-align: center;
            line-height: 50px;
            color: #a7a7a7;
            padding: 0 24px; }
            #wrapper #content .pager ul li a.current, #wrapper #content .pager ul li span.current {
              background: #000;
              color: #fff; }
    #wrapper #content .notFoundContent {
      max-width: 1100px;
      margin: 0 auto;
      float: none;
      position: relative;
      /*logo*/ }
      #wrapper #content .notFoundContent #logo {
        width: 173px;
        height: 122px;
        float: left;
        padding-top: 6px;
        padding-bottom: 6px;
        background: #fff;
        padding: 15px;
        display: block;
        position: absolute;
        top: 0;
        left: 0; }
        #wrapper #content .notFoundContent #logo a {
          display: block;
          width: 100%;
          height: 100%;
          text-indent: -9999px;
          background: url(../images/site/logo.png) no-repeat center; }
      #wrapper #content .notFoundContent .nfText {
        max-width: 1100px;
        width: 100%;
        float: left;
        margin-top: 50%;
        opacity: 0;
        -webkit-transition: all ease-in-out 0.3s;
        -moz-transition: all ease-in-out 0.3s;
        -ms-transition: all ease-in-out 0.3s;
        transition: all ease-in-out 0.3s; }
        #wrapper #content .notFoundContent .nfText h2 {
          font-size: 62px;
          font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
          margin-bottom: 15px; }
          @media (max-width: 767px) {
            #wrapper #content .notFoundContent .nfText h2 {
              text-align: center; } }
        #wrapper #content .notFoundContent .nfText h3 {
          font-size: 32px;
          font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
          margin-bottom: 50px; }
          @media (max-width: 767px) {
            #wrapper #content .notFoundContent .nfText h3 {
              text-align: center; } }
        @media (max-width: 767px) {
          #wrapper #content .notFoundContent .nfText .button {
            margin: 0 auto; } }
      #wrapper #content .notFoundContent .animate404 {
        width: 512px;
        height: 546px;
        float: right; }
        @media (max-width: 767px) {
          #wrapper #content .notFoundContent .animate404 {
            display: none; } }
        #wrapper #content .notFoundContent .animate404 .spotLight {
          width: 100%;
          height: 100%; }
          #wrapper #content .notFoundContent .animate404 .spotLight .sf {
            width: 153px;
            height: 99px;
            background: url(../images/site/sf-bg.png) no-repeat center;
            position: absolute;
            bottom: 0;
            left: 50%;
            margin-left: -76px;
            display: none; }
          #wrapper #content .notFoundContent .animate404 .spotLight .bg {
            background: #000;
            width: 100%;
            height: 100%; }
            #wrapper #content .notFoundContent .animate404 .spotLight .bg.active {
              background: url(../images/site/spotlight-bg.png) no-repeat center; }
            #wrapper #content .notFoundContent .animate404 .spotLight .bg h4 {
              font-size: 178px;
              font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
              color: #000000;
              position: absolute;
              bottom: 100px;
              text-align: center;
              display: block;
              width: 100%; }
    #wrapper #content .button {
      background: #000000;
      display: block;
      height: 55px;
      color: #fff;
      font-size: 14px;
      font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
      text-align: center;
      line-height: 55px;
      max-width: 215px; }
  #wrapper .innerPart {
    width: 100%;
    float: left;
    padding: 40px 0; }
    #wrapper .innerPart h4 {
      color: #000;
      font-size: 15px !important;
      font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
      margin-bottom: 30px;
      text-align: left !important; }
    #wrapper .innerPart .slideInfo {
      height: 20% !important; }
    #wrapper .innerPart.reklam {
      padding-bottom: 0; }
  #wrapper .pageGateway {
    padding-top: 0; }
    #wrapper .pageGateway img {
      width: 100%;
      display: block;
      float: left; }
  #wrapper .detailpress .pressReleases .boxContainer div.image::before {
    background-image: url(../images/site/detay-icon.png) !important; }

/*wrapper*/
/*SAYFA BAZLI KODLAR*/






#notFound .siteloader {
  display: none !important; }

.mobileLanguage {
  display: none;
  width: 100%;
  float: left; }
  @media (max-width: 767px) {
    .mobileLanguage {
      display: block; } }
  .mobileLanguage a {
    line-height: 30px;
    height: 30px !important; }

.icalendar_list {
  width: 100% !important;
  display: block !important; }
  .icalendar_list li {
    width: 45px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    display: none; }
    @media (max-width: 767px) {
      .icalendar_list li {
        width: 34px !important; } }
    .icalendar_list li a {
      display: block;
      width: 25px;
      height: 25px;
      margin: 0 auto;
      text-indent: -9999px !important; }
      .icalendar_list li a span {
        display: none !important; }
      .icalendar_list li a[title="Google"] {
        background-image: url(../images/site/calendarGoogle.png) !important;
        background-size: 100% !important;
        background-repeat: no-repeat !important; }
      .icalendar_list li a[title="iCalendar"] {
        background-image: url(../images/site/calendar-apple.png) !important;
        background-size: contain !important;
        background-repeat: no-repeat !important; }
      .icalendar_list li a[title="Outlook"] {
        background-image: url(../images/site/calendarOutlook.png) !important;
        background-size: 100% !important;
        background-repeat: no-repeat !important; }
  .icalendar_list li:first-child {
    display: block !important; }

.icalendar_list li:last-child {
  display: none; }

#wrapper #content .gatewayContainer.customHeight .activitie {
  padding-bottom: 38% !important; }
  #wrapper #content .gatewayContainer.customHeight .activitie .texts strong {
    height: 85px; }
  @media (max-width: 1024px) {
    #wrapper #content .gatewayContainer.customHeight .activitie {
      padding-bottom: 45% !important; } }
  @media (max-width: 768px) {
    #wrapper #content .gatewayContainer.customHeight .activitie {
      padding-bottom: 65% !important; } }
  @media (max-width: 767px) {
    #wrapper #content .gatewayContainer.customHeight .activitie {
      padding-bottom: 108% !important; } }

.siteloader {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10001;
  background: #fff; }
  .siteloader img {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .siteloader.musicLoader {
    background: #f0e1f2; }

.opD {
  opacity: 0.5; }

@media only screen and (max-width: 1023px) {
  .mobileHide {
    display: none; } }
.loadMoreContent .pbutton {
  color: #000 !important;
  background: #fff !important;
  border: 2px solid #000 !important;
  -webkit-transition: all ease-in-out 0.3s;
  -moz-transition: all ease-in-out 0.3s;
  -ms-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  float: none !important;
  margin: 0 auto !important; }
  .loadMoreContent .pbutton:hover {
    color: #fff !important;
    background: #000 !important; }

#news #wrapper #content .gatewayContainer .activitie .boxContainer .texts {
  height: 100%; }

#events #wrapper #content .container .dfc img {
  width: auto; }

#eventsContent h2 {
  margin-bottom: 50px !important; }
#eventsContent ul.list {
  margin-bottom: 40px;
  display: block;
  float: left; }
  #eventsContent ul.list li {
    width: 100%;
    float: left;
    padding-right: 15px; }
    #eventsContent ul.list li::before {
      background: url(../images/site/arrow-right.png) no-repeat center !important;
      width: 8px !important;
      height: 14px !important;
      margin-top: 11px !important; }

/*SAYFA BAZLI KODLAR*/
* > i {
  font-family: 'ScalaSansPro-LightIta' !important; }

#notFound {
  background: #000;
  -webkit-transition: all ease-in-out 0.7s;
  -moz-transition: all ease-in-out 0.7s;
  -ms-transition: all ease-in-out 0.7s;
  transition: all ease-in-out 0.7s; }
  #notFound #header, #notFound #footer, #notFound .pageHead {
    display: none !important; }
  #notFound.active {
    background: #ebebeb; }
    #notFound.active #wrapper #content .notFoundContent .nfText {
      opacity: 1 !important; }
  #notFound #wrapper #content {
    padding: 0 !important; }
  #notFound section {
    padding: 0; }

body.announcementDetail #content .container h1, body.specialActivity #content .container h1 {
  font-size: 32px !important; }

.fullWidth {
  width: 100%;
  float: left; }

section {
  width: 100%;
  float: left; }

article {
  width: 100%;
  float: left; }
  article section {
    padding: 40px 0; }
    @media (max-width: 1024px) {
      article section {
        padding: 25px 0; } }

.lastsec {
  padding: 80px 0; }
  @media (max-width: 767px) {
    .lastsec.nextPrev {
      padding: 30px 0; } }
  .lastsec .pageNextPrev {
    width: 100%;
    float: left;
    text-align: left; }
    .lastsec .pageNextPrev li {
      float: left;
      width: 50%; }
      .lastsec .pageNextPrev li a {
        font-size: 22px;
        font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
        color: #000;
        display: block;
        padding-left: 50px;
        position: relative; }
        @media (max-width: 767px) {
          .lastsec .pageNextPrev li a {
            padding-left: 18px; } }
        .lastsec .pageNextPrev li a::before {
          width: 8px;
          height: 14px;
          background: url(../images/site/arrow-left.png) no-repeat center;
          content: "";
          display: block;
          position: absolute;
          top: 50%;
          left: 0;
          -webkit-transform: translate(0, -50%);
          -moz-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%); }
          @media (max-width: 767px) {
            .lastsec .pageNextPrev li a::before {
              top: 48%; } }
        .lastsec .pageNextPrev li a span {
          display: block;
          width: 100%;
          color: #a7a7a7;
          font-size: 13px;
          font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
          margin-bottom: 15px; }
          @media (max-width: 767px) {
            .lastsec .pageNextPrev li a span {
              margin-bottom: 0; } }
        @media (max-width: 767px) {
          .lastsec .pageNextPrev li a small {
            display: none; } }
      .lastsec .pageNextPrev li:last-child {
        text-align: right; }
        .lastsec .pageNextPrev li:last-child a {
          padding-left: 0;
          padding-right: 50px; }
          @media (max-width: 767px) {
            .lastsec .pageNextPrev li:last-child a {
              padding-right: 18px; } }
          .lastsec .pageNextPrev li:last-child a::before {
            background: url(../images/site/arrow-right.png) no-repeat center;
            right: 0;
            left: auto; }
  @media only screen and (max-width: 1024px) {
    .lastsec {
      padding: 45px 0; } }

.mb10 {
  margin-bottom: 10px !important; }

.mt5 {
  margin-top: 5px !important; }

#footer {
  width: 100%;
  float: left;
  clear: both;
  height: 460px;
  margin-top: -446px;
  background: #ffffff;
  position: relative;
  z-index: 8888;
  overflow: hidden; }
  @media (max-width: 768px) {
    #footer {
      height: 530px;
      margin-top: -530px; } }
  @media (max-width: 767px) {
    #footer {
      height: 960px;
      margin-top: -825px; } }
  #footer > div {
    width: 100%;
    float: left; }
  #footer .footGateway {
    height: 70px; }
    @media (max-width: 768px) {
      #footer .footGateway {
        display: none; } }
    #footer .footGateway ul li {
      height: 70px;
      display: block;
      width: 12.5%;
      float: left; }
      #footer .footGateway ul li a {
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
        color: #fff;
        font-size: 16px;
        font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
        letter-spacing: 1px; }
        #footer .footGateway ul li a span {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          width: 100%;
          text-align: center; }
  #footer .logoArea {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ebebeb; }
    #footer .logoArea ul li {
      float: left;
      width: 25%;
      height: 148px;
      position: relative;
      border-right: 1px solid #ebebeb; }
      @media (max-width: 767px) {
        #footer .logoArea ul li {
          width: 50%; } }
      #footer .logoArea ul li:last-child {
        border-right: 0; }
      #footer .logoArea ul li a {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        #footer .logoArea ul li a span {
          color: #000000;
          font-size: 16px;
          font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
          line-height: 50px; }
          #footer .logoArea ul li a span::before {
            width: 50px;
            height: 50px;
            content: "";
            float: none;
            display: block;
            margin: 0 auto; }
          #footer .logoArea ul li a span em {
            display: block;
            width: 100%;
            text-align: center;
            float: left; }
          #footer .logoArea ul li a span.mobileApps::before {
            background: url(../images/site/mApicon-s.png) no-repeat 0 0; }
          #footer .logoArea ul li a span.newsLatter::before {
            background: url(../images/site/newslatter-icon.png) no-repeat 0 0; }
        @media (max-width: 768px) {
          #footer .logoArea ul li a span {
            font-size: 13px;
            line-height: 30px;
            display: block;
            width: 155px;
            max-height: 30px; }
          #footer .logoArea ul li a span::before {
            background-size: 100% !important;
            width: 30px;
            height: 30px; } }
  #footer .sponsorFields {
    width: 100%;
    float: left;
    border-bottom: 1px solid #ebebeb;
    height: 148px;
    position: relative; }
    @media (max-width: 768px) {
      #footer .sponsorFields {
        height: 275px;
        padding: 30px 0; } }
    @media (max-width: 767px) {
      #footer .sponsorFields {
        height: 310px; } }
    #footer .sponsorFields .logos {
      width: 75%;
      float: left;
      height: 100%; }
      @media (max-width: 1024px) {
        #footer .sponsorFields .logos {
          width: 80%; } }
      @media (max-width: 768px) {
        #footer .sponsorFields .logos {
          width: 100%;
          height: auto;
          margin-bottom: 20px; } }
      @media (max-width: 767px) {
        #footer .sponsorFields .logos {
          position: relative;
          width: 100%;
          height: 200px; }
          #footer .sponsorFields .logos .spNone {
            display: block;
            width: 100%;
            float: left;
            text-align: center;
            padding: 10px 0; }
            #footer .sponsorFields .logos .spNone li {
              display: inline-block;
              float: none !important;
              margin: 0 10px; }
              #footer .sponsorFields .logos .spNone li::before {
                display: none; } }
      #footer .sponsorFields .logos span {
        font-size: 12px;
        font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
        color: #000; }
      #footer .sponsorFields .logos > div {
        float: left;
        position: relative;
        height: 100%;
        padding: 0 15px; }
        @media (max-width: 768px) {
          #footer .sponsorFields .logos > div {
            height: auto; } }
        #footer .sponsorFields .logos > div > div {
          position: absolute;
          top: 50%;
          left: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
          @media (max-width: 768px) {
            #footer .sponsorFields .logos > div > div {
              transform: none;
              left: 0;
              top: 0;
              position: relative; } }
      #footer .sponsorFields .logos .logo1 {
        width: 25%; }
        #footer .sponsorFields .logos .logo1 img {
          max-width: 145px; }
        @media (max-width: 768px) {
          #footer .sponsorFields .logos .logo1 {
            width: 100% !important;
            text-align: center;
            margin-bottom: 20px; }
            #footer .sponsorFields .logos .logo1 span {
              text-align: center; }
            #footer .sponsorFields .logos .logo1 a {
              display: inline-block;
              margin: 0 auto; } }
        @media (max-width: 767px) {
          #footer .sponsorFields .logos .logo1 {
            margin-bottom: 10px; } }
        #footer .sponsorFields .logos .logo1 span {
          display: block;
          margin-bottom: 5px; }
        @media (max-width: 1024px) {
          #footer .sponsorFields .logos .logo1 {
            width: 20%; }
            #footer .sponsorFields .logos .logo1 img {
              max-width: 100px; } }
      #footer .sponsorFields .logos .logo2 {
        width: 75%;
        position: relative; }
        @media (max-width: 768px) {
          #footer .sponsorFields .logos .logo2 {
            width: 100%;
            float: right;
            text-align: center; } }
        #footer .sponsorFields .logos .logo2 > figure {
          position: relative;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          height: 60px;
          max-width: 270px;
          min-width: 270px;
          width: 100%; }
		  #footer .sponsorFields .logos .logo2 > figure ul li:first-child{display:none;}
          @media (max-width: 768px) {
            #footer .sponsorFields .logos .logo2 > figure {
              float: none;
              display: inline-block;
              margin-bottom: 20px;
              transform: none;
              top: 0;
              left: 0; } }
          #footer .sponsorFields .logos .logo2 > figure > span {
            float: left;
            width: 55px;
            text-align: right;
            margin-right: 5px;
            margin-top: 14px; }
			
			
			
            @media (max-width: 767px) {
              #footer .sponsorFields .logos .logo2 > figure > span {
                max-width: 50px !important; } }
          #footer .sponsorFields .logos .logo2 > figure ul li {
            float: left; }
            @media (max-width: 767px) {
              #footer .sponsorFields .logos .logo2 > figure ul li {
                float: none;
                display: inline-block;
                margin: 0 5px; }
                #footer .sponsorFields .logos .logo2 > figure ul li:last-child::before {
                  display: none !important; } }
            #footer .sponsorFields .logos .logo2 > figure ul li::before {
              width: 1px;
              background: #000;
              height: 40px;
              content: "";
              float: left;
              margin-top: 5px;
              margin: 13px 10px 0 10px; }
              @media (max-width: 1024px) {
                #footer .sponsorFields .logos .logo2 > figure ul li::before {
                  margin: 13px 6px 0 6px; } }
              @media (max-width: 767px) {
                #footer .sponsorFields .logos .logo2 > figure ul li::before {
                  margin: 13px 4px 0 4px; } }
            #footer .sponsorFields .logos .logo2 > figure ul li:last-child::after {
              width: 1px;
              background: #000;
              height: 40px;
              content: "";
              float: left;
              margin-top: 5px;
              margin: 13px 10px 0 10px;
              display: none; }
              @media (max-width: 767px) {
                #footer .sponsorFields .logos .logo2 > figure ul li:last-child::after {
                  display: none; } }
            #footer .sponsorFields .logos .logo2 > figure ul li a {
              float: left;
              position: relative; }
              #footer .sponsorFields .logos .logo2 > figure ul li a span {
                display: block;
                width: 100%;
                text-align: left;
                margin-bottom: 5px; }
              #footer .sponsorFields .logos .logo2 > figure ul li a img {
                position: relative; }
                @media (max-width: 768px) {
                  #footer .sponsorFields .logos .logo2 > figure ul li a img {
                    max-width: 110px !important; } }
                @media (max-width: 767px) {
                  #footer .sponsorFields .logos .logo2 > figure ul li a img {
                    max-width: 72px !important; } }
          #footer .sponsorFields .logos .logo2 > figure ul.spNone li:first-child::before {
            display: none; }
          #footer .sponsorFields .logos .logo2 > figure ul.spNone li:last-child::after {
            background: #fff; }
          #footer .sponsorFields .logos .logo2 > figure ul.spNone img {
            margin-top: 10px; }
            @media (max-width: 1024px) {
              #footer .sponsorFields .logos .logo2 > figure ul.spNone img {
                max-width: 87px !important; } }
      #footer .sponsorFields .logos .logo3 {
        width: 25%; }
    #footer .sponsorFields .logoNew {
      width: 25%;
      float: right;
      height: 100%; }
      @media (max-width: 1024px) {
        #footer .sponsorFields .logoNew {
          width: 20%; } }
      @media (max-width: 768px) {
        #footer .sponsorFields .logoNew {
          height: auto;
          width: 100%;
          display: block;
          float: left; } }
      @media (max-width: 767px) {
        #footer .sponsorFields .logoNew {
          position: absolute;
          bottom: 15px;
          height: 45px; } }
      #footer .sponsorFields .logoNew > ul {
        position: relative;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        height: 58px;
        width: 275px;
        left: 50%; }
        #footer .sponsorFields .logoNew > ul li {
          float: left;
          padding: 0 10px;
          border-right: 1px solid #000;
          height: 100%; }
          #footer .sponsorFields .logoNew > ul li:last-child {
            border: 0; }
    #footer .sponsorFields .socialMedia {
      width: 25%;
      float: right;
      height: 100%;
      display: none; }
      @media (max-width: 1024px) {
        #footer .sponsorFields .socialMedia {
          width: 20%; } }
      #footer .sponsorFields .socialMedia ul {
        float: left;
        position: relative;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        #footer .sponsorFields .socialMedia ul li {
          margin: 0 3.5px;
          float: left;
          border: 0;
          width: auto; }
          #footer .sponsorFields .socialMedia ul li a {
            display: block;
            width: 29px;
            height: 29px;
            border-radius: 50%;
            background: #fff; }
            #footer .sponsorFields .socialMedia ul li a svg path, #footer .sponsorFields .socialMedia ul li a svg polygon, #footer .sponsorFields .socialMedia ul li a svg circle {
              fill: #000;
              -webkit-transition: all ease-in-out 0.3s;
              -moz-transition: all ease-in-out 0.3s;
              -ms-transition: all ease-in-out 0.3s;
              transition: all ease-in-out 0.3s; }
            #footer .sponsorFields .socialMedia ul li a.facebook:hover svg path {
              fill: #3b5998; }
            #footer .sponsorFields .socialMedia ul li a.twitter:hover svg path {
              fill: #1da1f2; }
            #footer .sponsorFields .socialMedia ul li a.instagram:hover svg path, #footer .sponsorFields .socialMedia ul li a.instagram:hover svg circle {
              fill: #c13584; }
            #footer .sponsorFields .socialMedia ul li a.youtube:hover svg path, #footer .sponsorFields .socialMedia ul li a.youtube:hover svg polygon {
              fill: #ff0000; }
            #footer .sponsorFields .socialMedia ul li a.linkedin:hover svg path {
              fill: #0077b5; }
  #footer .footMenu {
    float: right;
    height: 79px;
    padding: 0 45px; }
	
  #footer .footMenu-2 {
	width: 100%; 
	margin-top: 8px; 
	padding: 0; 
	float: right; 
	height: 79px;}
	
  #footer .footMenu-1{  
	width: 100%;
    position: relative;
    display: block;
    top: 33%;
    padding: 0 0px 18px 0;
    margin: 20px 0 0 0;}
    #footer .footMenu > span {
      font-size: 14px;
      font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
      color: #000000;
      float: left;
      position: relative;
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      top: 50%; }
      @media (max-width: 768px) {
        #footer .footMenu > span {
          display: block;
          text-align: center;
          width: 100%;
          margin-bottom: 10px; } }
      @media (max-width: 767px) {
        #footer .footMenu > span {
          display: block;
          text-align: center;
          width: 100%;
          margin-bottom: 10px; } 
		  
		#footer .footMenu-2 {
			margin-top: 0; 
			padding: 0 45px;
			float: right; 
			height: 79px;} }
    #footer .footMenu ul {
      position: relative;
      top: 28%;
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      float: right; }
    #footer .footMenu li {
      float: right;
      margin: 0 10px; }
      #footer .footMenu li:first-child {
        margin-right: 0; }
      #footer .footMenu li a {
        font-size: 14px;
        font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
        color: #000; }
    @media (max-width: 767px) {
      #footer .footMenu > span {
        margin-bottom: 0; }
      #footer .footMenu ul {
        transform: none !important; }
        #footer .footMenu ul li {
          width: 100%;
          margin-bottom: 15px; }
          #footer .footMenu ul li a {
            width: 100%;
            margin: 0;
            display: block;
            text-align: center; } }

/*# sourceMappingURL=screen.css.map */
.dispnone{display: none !important;}

.forms h4 {
  font-size: 26px;
  font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
  color: #000; text-align:left !important;}
.forms label {
  display: block;
  width: 100%;
  float: left;
  font-size: 13px;
  font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
  margin-bottom: 20px; }
.forms select {
  display: block;
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  float: left;
  height: 53px;
  border: 1px solid #bcbcbc;
  background: url(../images/site/selectArrowDown.png) no-repeat 95% center #fff;
  padding: 10px;
  font-size: 20px;
  font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
  color: #000;
  margin-bottom: 30px; }
.forms > .actions a, .forms > .actions a:hover, .forms > .actions a:active {
  background: #000;
  color: #fff;
  display: block;
  text-decoration: none;
  width: 230px;
  height: 55px;
  text-align: center;
  line-height: 55px; }
.forms > .actions .disabled a, .forms > .actions .disabled a:hover, .forms > .actions .disabled a:active {
  background: #eee;
  color: #aaa; }
.forms input[type="text"], .forms textarea {
  width: 100%;
  height: 55px;
  border: 1px solid #bcbcbc;
  text-indent: 10px;
  margin-bottom: 30px; }
.forms textarea {
  height: 160px; }
.forms .formCol:first-child {
  padding-left: 0; }
.forms .formCol:last-child {
  padding-right: 0; }
.forms .frow {
  margin-bottom: 30px;
  width: 100%;
  float: left; }
.forms .chck {
  width: auto !important;
  float: left !important;
  margin-right: 30px; }
  .forms .chck.radio em {
    border-radius: 50%; }
.forms fieldset > em {
  display: block;
  width: 100%;
  font-size: 20x;
  font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
  color: #000;
  float: left;
  margin-bottom: 5px; }
.forms .uploadinput {
  width: 100%;
  float: left;
  height: 55px;
  border: 1px solid #bcbcbc;
  position: relative; }
  .forms .uploadinput input {
    opacity: 0; }
  .forms .uploadinput span {
    display: block;
    width: 100%;
    float: left;
    width: calc(100% - 135px);
    height: 100%;
    background: red; }
  .forms .uploadinput em {
    display: block;
    width: 127px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-size: 14x;
    font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
    color: #000;
    background: #e5e5e5;
    border-radius: 5px;
    position: absolute;
    right: 8px;
    top: 8px; }
	
	.wizard.vertical > .steps > ul > li a{padding-left:32px;}
	@media (max-width: 1024px) {
		.wizard.vertical > .steps > ul > li a{font-size:12px;}
	}
	
/*CMS SPLASH - START*/
	.ms-overlay { position: fixed; top:0; left: 0; z-index: 99999; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8); display: none; }
	.ms-splash { background-color: #fff; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; }
	.ms-splashContet {overflow: hidden; width: 100%; height: 100%;}
	.ms-close { position: absolute; top: -15px; right: -15px; cursor:pointer; color: #fff; border: 2px solid #AEAEAE; border-radius: 50%; background: #605F61; font-size: 31px; font-weight: bold; display: inline-block; line-height: 0px; padding: 0; margin: 0; width: 30px; height: 30px; line-height: 30px; text-align: center; text-decoration: none; }
	.ms-splash{margin: 0 !important;}
	@media only screen and (max-width: 360px) {
		.ms-close { top: 15px; right: 15px;}
	}
	@media (max-width: 767px) {
		.ms-splash{width: 100% !important; height: auto !important;}
		.ms-splashContet{width: 100% !important; height: auto !important;}
		.ms-splashContet img{width: 100% !important;}
		.ms-close{right: 5px !important;}
	}
/*CMS SPLASH - END*/


.wizard > .content{min-height:375px;}


/*STICKY HEADER*/
#header {position: fixed !important;left: 0;top: 0;transition:all ease-in-out 0.3s;}
#wrapper,#wrapper #header .controlArea .language ul li a{ transition:all ease-in-out 0.3s;}
#header #logo a:last-child,#header #logo a:first-child{transition:all ease-in-out 0.3s;}
#wrapper {padding-top: 80px;}
.stickyHead #header {height:50px !important;}
.stickyHead #header #logo a:last-child{width: 62px !important;background-size:contain !important;height:100% !important;}
.stickyHead #header #logo a:first-child{width:66px !important;background-size:contain !important;height:100% !important;}
.stickyHead #wrapper #header .controlArea .menu a,.stickyHead #wrapper #header .controlArea .language ul li a{line-height:50px !important;}
.stickyHead #wrapper {padding-top: 50px;}

.stickyHead #wrapper #header .mainmenu{top:50px !important;}
/*STICKY HEADER*/

@media (max-width:767px){
#wrapper #header .mainmenu{ height: calc(100vh - 80px);overflow: auto;}
.stickyHead #wrapper #header .mainmenu{height: calc(100vh - 50px);}
}

@media (max-width: 767px) {
	#home #wrapper #content .singleSlider.announcements .slideInfo {bottom: 150px !important;}
}

#wrapper #content .singleSlider.announcements .slideInfo{left:35px;bottom:110px !important;}
/*----------NEW SLİDER---------------*/



#wrapper #content .homeSlider {
  background: #000; }
#wrapper #content .homeSlider, #wrapper #content .homeSlider .sliderItem {
  max-height: 566px;
  height: 100vh;
  outline: none;
  background-size: cover !important;
  background-position: center !important; }
@media (max-width: 768px) {
#wrapper #content .homeSlider, #wrapper #content .homeSlider .sliderItem {
  max-height: 500px; } }
@media (max-width: 767px) {
#wrapper #content .homeSlider, #wrapper #content .homeSlider .sliderItem {
  max-height: 359px; } }
 
@media (max-width:767px){
  
  #wrapper #content .homeSlider .slick-dots{width: 15px !important; left: 10px !important;}
  #wrapper #content .singleSlider .slideInfo{left: 15px !important;max-height: 100% !important;}
  #wrapper #content .singleSlider.homeSlider .slideInfo{height: auto;left: 35px !important;}
  .slideInfo h2 a{font-size: 24px !important;}
}
#wrapper #content .singleSlider.homeSlider .slideInfo {
    position: absolute;
    bottom: 40px;
    max-width: 100%;
    right: 100px;
    /* width: 100%; */
    left: 100px;
    max-height: 50%;
}
#wrapper #content .singleSlider.homeSlider .slideInfo h2 {
    font-size: 55px;
    font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
    color: #fff;
    padding-right: 50%;
    margin-bottom: 15px;
}
.singleSlider.homeSlider .slideInfo h2 a {
    display: inline;
    background: #000;
    font-size: 34px;
    color: #fff;
}
 
#wrapper #content .homeSlider .slick-arrow{width:25%;height: 20%;opacity: 0;transition: .4s;-webkit-transition:.4s;background-size:35px !important;}
#wrapper #content .homeSlider .slick-arrow:hover{opacity: 1;}

#wrapper #content .homeSlider .slick-arrow.slick-next{background:url(/i/assets/iksv/images/site/new-slider-arrow-right.png) no-repeat 90% center ;}
#wrapper #content .homeSlider .slick-arrow.slick-prev{background:url(/i/assets/iksv/images/site/new-slider-arrow-left.png) no-repeat 10% center ;}
#home #wrapper #content  .slick-dots li{width:12px;height: 12px;}
#home #wrapper #content .homeSlider .slick-dots{bottom:30px;z-index:999;}

@media (max-width:767px){
  #home #wrapper #content .homeSlider .slick-dots{transform:translate(0,-50%);-webkit-transform:translate(0,-50%);top:50%;bottom:auto !important;}
  #home #wrapper #content .activityCalendar .actResults .actResultItem .actInfo{padding-left: 0 !important;}
  #home #wrapper #content .activityCalendar .actResults .actResultItem{padding: 15px !important;}
  #home #wrapper #content .activityCalendar .actResults .actResultItem h6{font-size: 14px !important;}
  #home #wrapper #content .activityCalendar .actResults .actResultItem .actInfo .hlfC li{font-size: 12px !important;}
}
#home #wrapper #content .singleSlider.homeSlider .slideInfo h2{line-height: 40px;}
#home #wrapper #content .singleSlider.homeSlider .slideInfo{bottom:60px;}
#home #wrapper #content .singleSlider.bottomSlide .slideInfo{bottom:auto;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}


#wrapper #content .homeSlider .slick-slide::before{display:none !important;}
#wrapper #content .activityInfo table tbody td a {color: #000;}

/*Anasayfa Çizelge Yeni*/

#wrapper #content .singleSlider.cs .slideInfo a{width:30px;height: 22px;}
a.bannerDetailLink {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;z-index: 99;
}
#wrapper #content .singleSlider.homeSlider .slideInfo{-webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; height:auto; top:auto;}

#home #wrapper #content .homeSlider .slick-dots {bottom: 30px; z-index: 999;}
#wrapper #content .homeSlider .slick-dots {position: absolute; bottom: 115px; display: inline; width: auto; transition: .1s; -webkit-transition: .1s; left: 100px;}
.slick-dots {position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%;}


/*----------NEW SLİDER---------------*/

/*----------GALLERY---------------*/
/*#wrapper #content .gallery ul li {
    float: left;
    width: 23.7%;
    padding: 5px;
    border: 1px solid #e2e2e2;
    margin: 0.5%;
    border-radius: 4px;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

#wrapper #content .gallery ul li a {
    display: block;
    float: left;
    width: 100%;
    position: relative;
}

#wrapper #content .container .dfc img {
    display: block;
    width: 100%;
	margin-bottom: 0 !important;
}

#wrapper #content .gallery ul li a span {
    right: 0 !important;
    left: 0 !important;
}

#wrapper #content .gallery ul li a span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

#wrapper #content .gallery ul li a span em {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #fff;
    font-size: 16px;
    font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
    padding: 7%;
    line-height: 22px;
}

#wrapper #content .gallery ul li a span em i {
    font-size: 16px;
    font-family: "ScalaSansPro-LightIta", Arial, Helvetica, Sans-Serif;
    color: #fff;
}*/

    #wrapper #content .gallery ul li {
      float: left;
      width: 23.7%;
      padding: 5px;
      border: 1px solid #e2e2e2;
      margin: 0.5%;
      border-radius: 4px;
      -webkit-transition: all ease-in-out 0.3s;
      -moz-transition: all ease-in-out 0.3s;
      -ms-transition: all ease-in-out 0.3s;
      transition: all ease-in-out 0.3s; }
      @media (min-width: 768px) and (max-width: 979px) {
        #wrapper #content .gallery ul li {
          width: 23.9%; } }
      @media (max-width: 767px) {
        #wrapper #content .gallery ul li {
          width: 32%; } }
      #wrapper #content .gallery ul li:hover {
        -webkit-box-shadow: 0px 2px 12px -1px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: 0px 2px 12px -1px rgba(0, 0, 0, 0.75);
        box-shadow: 0px 2px 12px -1px rgba(0, 0, 0, 0.75); }
      #wrapper #content .gallery ul li a {
        display: block;
        float: left;
        width: 100%;
        position: relative; }
        #wrapper #content .gallery ul li a span {
		right: 0 !important;
		left: 0 !important;
		}
		#wrapper #content .gallery ul li a span {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          display: block;
          background: rgba(0, 0, 0, 0.6);
          opacity: 0;
          -webkit-transition: all ease-in-out 0.3s;
          -moz-transition: all ease-in-out 0.3s;
          -ms-transition: all ease-in-out 0.3s;
          transition: all ease-in-out 0.3s; }
          #wrapper #content .gallery ul li a span em {
            display: block;
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
            color: #fff;
            font-size: 16px;
            font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
            padding: 7%;
            line-height: 22px; }
            #wrapper #content .gallery ul li a span em i {
              font-size: 16px;
              font-family: "ScalaSansPro-LightIta", Arial, Helvetica, Sans-Serif;
              color: #fff; }
        #wrapper #content .gallery ul li a img {
          display: block;
          width: 100%;
		  margin-bottom: 0 !important;
		  }
      #wrapper #content .gallery ul li:hover a span {
        opacity: 1; }

.container video {width:100%; margin-bottom: 20px;}

/* yeni logo düzeni  */

#footer .footerSponsors { width: 100%; float: left; border-bottom: 1px solid #ebebeb; height: 148px; position: relative;}
#footer .footerSponsors .logos { width: 100%; float: left; height: 100%; }
#footer .footerSponsors .logos > div { float: left; position: relative; height: 100%; width:23%; /*padding: 0 15px;*/ } 
#footer .footerSponsors .logos > div:first-child{ float: left; position: relative; height: 100%; width:30%;   /*padding: 0 15px;*/ } 

/*#footer .footerSponsors .logos > div { float: left; position: relative; height: 100%; /*padding: 0 15px; } */

/*#footer .footerSponsors .logos .logo1 { width: 40%; }
#footer .footerSponsors .logos .logo2, #footer .footerSponsors .logos .logo3, #footer .footerSponsors .logos .logo4 { width: 20%; } */
#footer .footerSponsors .logos > div > div {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
#footer .footerSponsors .logos > div > div#l1 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }	
#footer .footerSponsors .logos .logo1 span { display: block; margin-bottom: 5px; }
#footer .footerSponsors .logos span { font-size: 12px; font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif; color: #000; display:block; text-align: left; }
#footer .footerSponsors .logos .logo2 img, #footer .footerSponsors .logos .logo3 img, #footer .footerSponsors .logos .logo4 img { max-width: 145px; }

.kultur-turkey { margin-top:10px; width: 213px; }
.eczacibasi { margin-top:10px; width: 145px; }
.the-marmara { margin-top:10px; width: 84px; }

@media (max-width: 768px) {
	.kultur-turkey { margin-top:10px; width: 213px; }
	#footer .footerSponsors { width:100%; height: 450px; /*padding: 15px 0;*/ }
	#footer .footerSponsors .logos div,	#footer .footerSponsors .logos div:first-child { /*height: 100px;*/ }
	#footer .footerSponsors .logos > div, #footer .footerSponsors .logos > div:first-child { position: relative; width:100%; height:150px;   /*padding: 0 15px;*/ } 
	#footer .footerSponsors .logos > div { position: relative; width:100%; height:100px;   /*padding: 0 15px;*/ } 
	#footer .footerSponsors .logos > div > div { position: absolute; }
	
/*	#footer .footerSponsors .logo1, #footer .footerSponsors .logo2, #footer .footerSponsors .logo3, #footer .footerSponsors .logo4 { width:100%; height: 150px; padding: 30px 0; } */
}
/*@media (max-width: 767px) { 
	#footer .footerSponsors { height: 575px; padding: 30px 0; } 
}*/