@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; }

/*
@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
*/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important; }

.wfimg{width:100%;float:left;display:block;margin-bottom:40px;}
  
  
 .grayBg.lastsec.nextPrev{background:#ebebeb !important;display:none !important;}
.listsvgcolor {
  width: 12px;
  margin-right: 5px; }

.closeSvg {
  width: 18px; }

.listsvgcolor .st0 {
  fill: #615cc7; }

.listsvgcolor line.st0 {
  fill: none;
  stroke: #615cc7;
  stroke-width: 2;
  stroke-miterlimit: 10; }

.closeSvg line.st0 {
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-miterlimit: 10; }

i.red {
  color: #cc4242; }

i.blue {
  color: #615cc7; }

.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; }

.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;
  width: 100%; }

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; }

#header .iff {
  color: #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; }
  #header .iff:hover {
    color: #615cc7 !important; }
#header .imf {
  color: #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; }
  #header .imf:hover {
    color: #9b5ba5 !important; }
#header .icf {
  color: #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; }
  #header .icf:hover {
    color: #5362ac !important; }
#header .ib {
  color: #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; }
  #header .ib:hover {
    color: #75c7b9 !important; }
#header .itb {
  color: #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; }
  #header .itb:hover {
    color: #f28900 !important; }
#header .itf {
  color: #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; }
  #header .itf:hover {
    color: #f490af !important; }
#header .fek {
  color: #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; }
  #header .fek:hover {
    color: #ef4242 !important; }
#header .si {
  color: #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; }
  #header .si:hover {
    color: #2c2a2a !important; }

#footer .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; }
  #footer .iff:hover {
    background: #615cc7 !important; }
#footer .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; }
  #footer .imf:hover {
    background: #9b5ba5 !important; }
#footer .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; }
  #footer .icf:hover {
    background: #5362ac !important; }
#footer .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; }
  #footer .ib:hover {
    background: #75c7b9 !important; }
#footer .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; }
  #footer .itb:hover {
    background: #f28900 !important; }
#footer .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; }
  #footer .itf:hover {
    background: #f490af !important; }
#footer .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; }
  #footer .fek:hover {
    background: #ef4242 !important; }
#footer .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; }
  #footer .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; }

html, body {
  height: 100%;
  background: #fff;
  font-family: 'ScalaSansPro',Arial,Helvetica,Sans-Serif;
  color: #000;
  font-size: 14px; }

body[lang='en'] #wrapper #header #logo a:first-child {
  background-image: url(../images/site/iksv-logo-en.png) !important;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 122px;
  height: 61px; }

body[lang='en'] #wrapper #header #logo a:last-child {
  background-image: url(../images/site/iksv-caz-logo.png) !important;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 68px;
  height: 61px; }

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

#wrapper {
  min-height: 100%;
  float: left;
  width: 100%;
  /*header*/
  /*Content*/
  /*28-02-2018*/
  /*28-02-2018*/
  /*Çizelge*/
  /*Çizelge*/ }
  #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: 196px;
      height: 100%;
      margin-left: 30px;
      float: left;
      padding-top: 6px;
      padding-bottom: 6px; }
      #wrapper #header #logo a:first-child {
        display: block;
        width: 109px;
        height: 61px;
        text-indent: -9999px;
        background-image: url(../images/site/iksv-logo.png);
        float: left;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center; }
      #wrapper #header #logo a:last-child {
        display: block;
        width: 68px;
        height: 61px;
        text-indent: -9999px;
        background-image: url(../images/site/iksv-caz-logo.png);
        float: left;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center; }
      @media (max-width: 767px) {
        #wrapper #header #logo {
          margin-left: 15px;
          width: 155px; }
          #wrapper #header #logo a:first-child {
            width: 80px; }
          #wrapper #header #logo a:last-child {
            width: 51px; } 
			body[lang="en"] #wrapper #header #logo a:first-child{
				width:90px;}
			body[lang="en"] #wrapper #header #logo a:last-child{
				width:51px;}}
    #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: #fff;
        font-size: 13px;
        font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
        line-height: 86px;
        background: #615cc7;
        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; }
          #wrapper #header .controlArea .menu a.active span small {
            background: #fff !important; }

 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 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: 80px;
              text-align: center; }
      #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; }
        #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 .headbg {
        background: #f4f4f4;
        width: 100%;
        float: left; }
      #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 {
          width: 25%;
          float: left; }
          #wrapper #header .mainmenu ul.gateways li a {
            background: transparent; }
            #wrapper #header .mainmenu ul.gateways li a span::before {
              display: none; }
        #wrapper #header .mainmenu ul.gateways.gt2 li {
          width: 33.3333%; }
      #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: 350px;
          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: 575px;
    position: relative;
    z-index: 99;
    /*SUB PAGE CSS*/
    /*Submenu*/
    /*IKSV CAZ*/
    /*IKSV CAZ*/
    /*IKSV FILM*/
    /*IKSV FILM*/
    /*SUB PAGE CSS*/ }
    @media (max-width: 768px) {
      #wrapper #content {
        padding-bottom: 530px; } }
    @media (max-width: 767px) {
      #wrapper #content {
        padding-bottom: 875px; } }
    #wrapper #content .slick-slide::before {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      top: 0;
      background: rgba(0, 0, 0, 0);
      content: "";
      display: block; }
    #wrapper #content .cs .slick-slide::before {
      display: none; }
    #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;
      margin-bottom: 60px; }
      #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%;
      float: left; }
    #wrapper #content .sliderItem .playButton {
      display: block;
      width: 63px;
      height: 63px;
      background-image: url(../images/site/play-icon.png);
      position: absolute;
      bottom: 10px;
      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 .sliderItem .playButton {
          width: 25px;
          height: 25px;
          bottom: auto;
          left: 100%;
          top: 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(/i/assets/iksv/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(/i/assets/iksv/images/site/slideArrow-next.png) no-repeat center; }
        #wrapper #content .singleSlider .slick-arrow.slick-next:hover {
          right: 55px !important; }
      #wrapper #content .singleSlider.subSlider .slick-arrow {
        top: 40%; }
      #wrapper #content .singleSlider.bridgeSlider {
        position: relative;
        margin-bottom: 66px; }
		
		
		
		#wrapper #content .gecegezmesi{width:100%;float:left;margin:27px 0;}
		#wrapper #content .gecegezmesi  .activityCalendar .actResults .actResultItem{padding:15px 0;}
		#wrapper #content .gecegezmesi  .activityCalendar .actResults .actResultItem img{display:block;float:left;}
		#wrapper #content .gecegezmesi  .activityCalendar .actResults .actResultItem .actInfo{padding-left:0;}
		#wrapper #content .gecegezmesi .hlfC.img{width:auto !important;margin-right:30px;}
		#wrapper #content .gecegezmesi h2.wb{margin-top:0 !important;margin-bottom:0 !important}
		#wrapper #content .gecegezmesi h2.wb::before{display:none;}
		
		
		@media (max-width: 1024px) {
			#wrapper #content .gecegezmesi  .activityCalendar .actResults .actResultItem .img{width:calc(35% - 15px) !important;float:left;}
			#wrapper #content .gecegezmesi  .activityCalendar .actResults .actResultItem .img img{width:100%;}
			#wrapper #content .gecegezmesi .hlfC.img{margin-right:15px !important}
			#wrapper #content .container .gecegezmesi  .activityCalendar .actResults .actResultItem p{margin-bottom:15px;}
			#wrapper #content .gecegezmesi .activityCalendar .actResults .actResultItem .actInfo ul{margin-bottom:5px;}
			
		}
		
		@media (max-width: 767px) {
			#wrapper #content .gecegezmesi h2.wb{font-size:22px !important}
			#wrapper #content .gecegezmesi  .activityCalendar .actResults .actResultItem .img{margin-right:0 !important;width:100% !important;}
		}
		
		
		
		
		
		
		
        #wrapper #content .singleSlider.bridgeSlider .slideInfo.type2 {
          background: #615cc7;
          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%;
          width: 100%; }
          @media (max-width: 767px) {
            #wrapper #content .singleSlider.bridgeSlider .slideInfo.type2 {
              position: relative;
              left: 0;
              transform: none !important;
              -webkit-transform: none !important; } }
          #wrapper #content .singleSlider.bridgeSlider .slideInfo.type2 h5 {
            color: #fff;
            font-size: 26px;
            font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
            margin-bottom: 0; }
            #wrapper #content .singleSlider.bridgeSlider .slideInfo.type2 h5 strong {
              color: #fff;
              font-size: 26px;
              font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif; }
          #wrapper #content .singleSlider.bridgeSlider .slideInfo.type2 p {
            color: #fff;
            font-size: 26px;
            font-family: "ScalaSansPro-Light", Arial, Helvetica, Sans-Serif;
            margin-bottom: 0; }
          @media only screen and (max-width: 1024px) {
            #wrapper #content .singleSlider.bridgeSlider .slideInfo.type2 {
              background: rgba(0, 0, 0, 0.7);
              padding: 20px 30px; }
              #wrapper #content .singleSlider.bridgeSlider .slideInfo.type2 p {
                font-size: 16px !important;
                line-height: 22px; } }
        #wrapper #content .singleSlider.bridgeSlider .slideInfo.type3 {
          width: 100%;
          padding: 0 30px 30px 30px;
          left: 0;
          bottom: 0;
          -webkit-transform: translate(0, 0);
          -moz-transform: translate(0, 0);
          -ms-transform: translate(0, 0);
          transform: translate(0, 0);
          max-width: 100% !important;
          min-height: 0;
          height: auto;
          top: auto; }
          #wrapper #content .singleSlider.bridgeSlider .slideInfo.type3 h6 {
            font-size: 32px;
            font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
            color: #000;
            margin-bottom: 0; }
          @media (max-width: 767px) {
            #wrapper #content .singleSlider.bridgeSlider .slideInfo.type3 {
              padding-bottom: 20px; }
              #wrapper #content .singleSlider.bridgeSlider .slideInfo.type3 h6 {
                font-size: 16px !important; } }
        #wrapper #content .singleSlider.bridgeSlider.slick-initialized .type3 h6 {
          color: #fff !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 !important; }
        #wrapper #content .singleSlider.bottomSlide .sliderItem .slideInfo, #wrapper #content .singleSlider.subSlider .sliderItem .slideInfo {
          max-height: 50%;
          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: 16px; } }
          #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.bottomSlide .sliderItem .slideInfo.type2 p, #wrapper #content .singleSlider.subSlider .sliderItem .slideInfo.type2 p {
              color: #fff;
              font-size: 26px;
              font-family: "ScalaSansPro-Light", 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: 32px;
          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: 13px; } }
        #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-right: 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; }
        #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: 110px;
        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; }
        #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 50px !important; }
        #wrapper #content .container .dfc > div.text.col-md-12 div {
          padding: 0 !important; }
        #wrapper #content .container .dfc img {
          display: block;
          width: 100%; }
      #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:270px;}		
@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: 20px !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: 30px;
        font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
        color: #000;
        text-align: center;
        margin-bottom: 25px; }
      #wrapper #content .container h3 {
        font-size: 25px;
        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: left;
        margin-bottom: 25px; }
      #wrapper #content .container h5 {
        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 h6 {
        font-size: 12px;
        font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
        color: #615cc7;
        text-align: center;
        margin-bottom: 20px;
        text-align: left; }
        @media (max-width: 767px) {
          #wrapper #content .container h6 {
            font-size: 16px;
            margin-bottom: 10px; } }
      #wrapper #content .container p {
        font-size: 20px;
        font-family: "ScalaSansPro-Light", Arial, Helvetica, Sans-Serif;
        color: #000000;
        line-height: 30px;
        margin-bottom: 40px;
        -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: 100%; }
        #wrapper #content .container p i {
          font-family: 'ScalaSansPro-LightIta' !important; }
        #wrapper #content .container p a {
          color: #000000;
          text-decoration: underline; }
          #wrapper #content .container p a > img {
            float: left; }
        #wrapper #content .container p img {
          display: block;
          width: auto !important; }
        #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;
        padding-bottom: 30px; }
        #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, #wrapper #content .container ul.listCast {
        width: 100%;
        margin-bottom: 30px; }
        #wrapper #content .container ul.list li, #wrapper #content .container ul.listCast li {
          font-size: 20px;
          font-family: "ScalaSansPro-Light", Arial, Helvetica, Sans-Serif;
          color: #000000;
          line-height: 30px;
          -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;
          width: 100%; }
          #wrapper #content .container ul.list li i, #wrapper #content .container ul.listCast li i {
            font-family: 'ScalaSansPro-LightIta' !important; }
          #wrapper #content .container ul.list li a, #wrapper #content .container ul.listCast li a {
            font-size: 20px;
            font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
            color: #000000;
            text-decoration: underline; }
          #wrapper #content .container ul.list li::before, #wrapper #content .container ul.listCast 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: 12px;
            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 .timeline ul li a {padding:0 25px 20px 25px;}
			
            #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 .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 .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 {
                  position: relative;
                  left: 0;
                  top: 0;
                  transform: none;
                  -webkit-transform: none;
                  height: 100%;
                  /*Social Share*/
                  display: block; }
                  #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: #dfdef4;
                overflow: hidden;
                margin-bottom: 0;float:left;display:block; }
                #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;
      padding: 0 50px; }
      @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: 5px;
              height: 5px;
              content: "";
              background: #000;
              float: left;
              margin-right: 5px;
              margin-top: 7px;
              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: #c18fc7;
      border-radius: 0; }
    #wrapper #content .gatewayContainer.eserSiparis .activitie {
      padding-bottom: 42% !important; }
      @media only screen and (max-width: 1024px) {
        #wrapper #content .gatewayContainer.eserSiparis .activitie {
          padding-bottom: 50% !important; } }
      @media only screen and (max-width: 768px) {
        #wrapper #content .gatewayContainer.eserSiparis .activitie {
          padding-bottom: 75% !important; } }
      @media only screen and (max-width: 767px) {
        #wrapper #content .gatewayContainer.eserSiparis .activitie {
          padding-bottom: 160% !important; } }
      #wrapper #content .gatewayContainer.eserSiparis .activitie div.image::before {
        display: none; }
      #wrapper #content .gatewayContainer.eserSiparis .activitie:hover .boxContainer {
        box-shadow: none !important;
        -webkit-box-shadow: none !important; }
    #wrapper #content .gatewayContainer .activitie {
      padding-bottom: 38.5%;
      position: relative;
      margin-bottom: 30px; }
      @media (max-width: 1024px) {
        #wrapper #content .gatewayContainer .activitie {
          padding-bottom: 47.8%; } }
      @media (max-width: 768px) {
        #wrapper #content .gatewayContainer .activitie {
          padding-bottom: 60%; } }
      @media (max-width: 767px) {
        #wrapper #content .gatewayContainer .activitie {
          padding-bottom: 120% !important; } }
      #wrapper #content .gatewayContainer .activitie .oh {
        position: absolute;
        top: 0;
        right: 15px;
        left: 15px;
        bottom: 0;
        overflow: hidden; }
      #wrapper #content .gatewayContainer .activitie.hoveron .texts small {
        border-color: #000; }
      #wrapper #content .gatewayContainer .activitie.hoveron .hoverDetail {
        top: 0 !important; }
      #wrapper #content .gatewayContainer .activitie.hoveron .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: #615cc7;
        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;
        z-index: 999; }
        #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 {
            border-color: #000; }
            #wrapper #content .gatewayContainer .activitie .hoverDetail .plusButton:hover span small {
              background: #000; }
        #wrapper #content .gatewayContainer .activitie .hoverDetail .hoverOff {
          position: absolute;
          display: block;
          width: 18px;
          height: 18px;
          transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          top: 5px;
          right: 5px; }
      #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;
            color: #615cc7;
            /*  &.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 img {
            width: 100%;
            display: block; }
        #wrapper #content .gatewayContainer .activitie .boxContainer .texts {
          padding: 25px;
          background: #fff;
          float: left;
          width: 100%;
          height: 100%;
          position: relative;
          z-index: 99; }
          #wrapper #content .gatewayContainer .activitie .boxContainer .texts > * {
            display: block;
            width: 100%;
            float: left; }
          #wrapper #content .gatewayContainer .activitie .boxContainer .texts ul li {
            float: left;
            width: auto;
            margin-right: 10px;
            padding-right: 10px;
            border-right: 1px solid #000; }
            #wrapper #content .gatewayContainer .activitie .boxContainer .texts ul li:last-child {
              border: 0; }
            #wrapper #content .gatewayContainer .activitie .boxContainer .texts ul li a {
              color: #746c6c;
              font-size: 16px;
              font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif; }
              #wrapper #content .gatewayContainer .activitie .boxContainer .texts ul li a:hover {
                text-decoration: underline; }
              @media only screen and (max-width: 1024px) {
                #wrapper #content .gatewayContainer .activitie .boxContainer .texts ul li a {
                  font-size: 15px !important; } }
          #wrapper #content .gatewayContainer .activitie .boxContainer .texts strong {
            font-size: 20px;
            font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
            color: #000;
            height: 90px;
            margin-bottom: 5px; }
            #wrapper #content .gatewayContainer .activitie .boxContainer .texts strong em {
              font-family: 'ScalaSansPro' !important;
              color: #000;
              font-size: 18px;
              display: block; }
            @media (max-width: 1024px) {
              #wrapper #content .gatewayContainer .activitie .boxContainer .texts strong {
                font-size: 18px; } }
          #wrapper #content .gatewayContainer .activitie .boxContainer .texts span {
            font-size: 18px;
            font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
            color: #000000; }
            @media (max-width: 1024px) {
              #wrapper #content .gatewayContainer .activitie .boxContainer .texts span {
                font-size: 16px; } }
          #wrapper #content .gatewayContainer .activitie .boxContainer .texts small {
            font-size: 20px;
            font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
            color: #000000;
            margin-bottom: 16px; }
    #wrapper #content .gatewayContainer.noneIcon .boxContainer div.image::before {
      display: none !important; }
    #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: 0 !important; }
      #wrapper #content .activitynewpage .sliderItem .button {
        color: #000;
        background: #fff;
        position: relative; }
        #wrapper #content .activitynewpage .sliderItem .button::before {
          display: block;
          width: 16px;
          height: 9px;
          content: "";
          background: url(../images/site/downArrow.png) no-repeat center;
          position: absolute;
          top: 50%;
          left: 25px;
          -webkit-transform: translate(0, -50%);
          -moz-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
          transition: top ease-in-out .3s;
          -webkit-transition: top ease-in-out .3s; }
        #wrapper #content .activitynewpage .sliderItem .button:hover::before {
          top: 55%; }
      #wrapper #content .activitynewpage h2 {
        text-align: left;
        font-family: 'ScalaSansPro-Light'; }
        #wrapper #content .activitynewpage h2 span {
          font-family: 'ScalaSansPro-Bold'; }
      #wrapper #content .activitynewpage h6, #wrapper #content .activitynewpage h6 a {
        color: #615cc7;
        font-size: 12px;
        font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif; }
      #wrapper #content .activitynewpage ul.list, #wrapper #content .activitynewpage ul.listCast {
        margin-bottom: 40px;
        display: block;
        float: left;
        width: 100%; }
        #wrapper #content .activitynewpage ul.list li, #wrapper #content .activitynewpage ul.listCast li {
          width: 100%;
          float: left;
          padding-right: 15px; }
          #wrapper #content .activitynewpage ul.list li span, #wrapper #content .activitynewpage ul.listCast li span {
            opacity: 0.4;
            margin-left: 15px; }
    #wrapper #content .videoContent {
      width: 100%;
      float: left;
      margin-bottom: 40px; }
      #wrapper #content .videoContent .videoRow > div {
        margin-bottom: 60px;
        overflow: hidden; }
        @media (max-width: 767px) {
          #wrapper #content .videoContent .videoRow > div {
            margin-bottom: 40px; } }
      #wrapper #content .videoContent .videoRow span {
        display: block;
        float: left;
        width: 100%;
        margin-bottom: 17px;
        font-size: 16px;
        font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
        min-height: 110px; }
        #wrapper #content .videoContent .videoRow span strong {
          font-size: 22px;
          font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
          font-weight: normal;
          display: block;
          width: 100%; }
      #wrapper #content .videoContent .videoRow > .videoItem:first-child {
        margin-right: 10px; }
      #wrapper #content .videoContent .videoRow > .videoItem:last-child {
        margin-left: 10px; }
      #wrapper #content .videoContent .videoRow .videoItem {
        display: block;
        float: left;
        position: relative;
        margin-bottom: 15px; }
        #wrapper #content .videoContent .videoRow .videoItem img {
          display: block;
          width: 100%; }
        #wrapper #content .videoContent .videoRow .videoItem::before {
          width: 63px;
          height: 63px;
          display: block;
          content: "";
          background: url(../images/site/video-play-icon.png) no-repeat center;
          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 #content .gatewayContainer.artists .activitie {
      padding-bottom: 19% !important; }
      @media (max-width: 767px) {
        #wrapper #content .gatewayContainer.artists .activitie {
          padding-bottom: 70% !important; } }
      #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 strong span {
          font-family: 'ScalaSansPro-Light';
          margin-top: 15px;
          line-height: 20px;
          color: #a7a7a7 !important;
          font-size: 16px !important; }
      #wrapper #content .gatewayContainer.artists .activitie .boxContainer .texts span {
        text-align: center;
        display: block; }
    #wrapper #content .gatewayContainer.places .activitie .boxContainer .texts .strong span {
      font-size: 13px;
      font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
      display: block !important;
      line-height: 22px !important; }
    #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: 171px;
      max-width: 500px;
      max-height: 52%; }
      #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; }
      #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: 20px; }
        #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; }
    #wrapper #content .slideOuter {
      width: 100%;
      position: relative;
      float: left; }
      #wrapper #content .slideOuter .slideInfo {
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        left: 100px;
        max-width: 500px;
        max-height: 52%;
        position: absolute;
        top: 50%;
        z-index: 999; }
        @media (max-width: 767px) {
          #wrapper #content .slideOuter .slideInfo {
            right: 15px;
            left: 15px;
            opacity: 0.5;
            max-height: 85%; }
            #wrapper #content .slideOuter .slideInfo:hover {
              opacity: 1; } }
        #wrapper #content .slideOuter .slideInfo p {
          color: #fff;
          font-size: 32px;
          font-family: "ScalaSansPro-Light", Arial, Helvetica, Sans-Serif; }
          #wrapper #content .slideOuter .slideInfo p strong {
            font-size: 32px;
            font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif; }
          @media (max-width: 767px) {
            #wrapper #content .slideOuter .slideInfo p {
              font-size: 16px !important;
              display: none; } }
          @media (max-width: 980px) {
            #wrapper #content .slideOuter .slideInfo p {
              font-size: 13px !important; } }
        #wrapper #content .slideOuter .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: 20px; }
          @media (max-width: 767px) {
            #wrapper #content .slideOuter .slideInfo span {
              margin-bottom: 3px;
              line-height: 15px; } }
          #wrapper #content .slideOuter .slideInfo span::before {
            display: block;
            content: "";
            width: 40px;
            height: 40px;
            float: left;
            margin-right: 15px; }
          #wrapper #content .slideOuter .slideInfo span.generalSales::before {
            background: url(../images/site/generalSale-icon.png) no-repeat center; }
          #wrapper #content .slideOuter .slideInfo span.laleCardSales::before {
            background: url(../images/site/laleSales-icon.png) no-repeat center; }
          @media (max-width: 767px) {
            #wrapper #content .slideOuter .slideInfo span {
              font-size: 16px !important; }
              #wrapper #content .slideOuter .slideInfo span::before {
                display: block;
                content: "";
                width: 20px;
                height: 20px;
                float: left;
                margin-right: 15px;
                background-size: 100% !important;
                margin-right: 5px; } }
    #wrapper #content h2.wb {
      font-size: 32px;
      font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
      text-align: left;
      padding: 0;
      color: #615cc7; }
      #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: 25px; }
      @media (max-width: 767px) {
        #wrapper #content .activityInfo {
          overflow: auto; } }
      #wrapper #content .activityInfo > div {
        width: 100%;
        float: left; }
        #wrapper #content .activityInfo > div p {
          font-size: 13px;
          font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
          color: #000000;
          padding-left: 0 !important; }
          #wrapper #content .activityInfo > div p i {
            font-size: 13px !important; }
        #wrapper #content .activityInfo > div i {
          color: #f64242;
          font-size: 20px;
          font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif; }
      #wrapper #content .activityInfo .adCalendar {
        display: none;
        width: 28px;
        height: 27px;
        background: url(../images/site/calendar-icon.png) no-repeat center;
        position: absolute;
        left: 50%;
        margin-left: -14px; }
      #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;
        -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: 1024px) {
          #wrapper #content .activityInfo .ticketButton {
            width: 135px; } }
      #wrapper #content .activityInfo span.ticketButton {
        border: 3px solid #cccccc !important;
        color: #cccccc; }
      #wrapper #content .activityInfo a.ticketButton {
        border: 3px solid #615cc7 !important;
        color: #000; }
        #wrapper #content .activityInfo a.ticketButton.tn {
          opacity: 0.4; }
        #wrapper #content .activityInfo a.ticketButton.tb:hover {
          background: #615cc7 !important;
          color: #fff !important; }
      #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;
        position: relative; }
		#wrapper #content .activityInfo table tbody td a.mapCoordinate{ color: #000000;font-size: 20px;font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;}
		#wrapper #content .activityInfo table tbody td a.mapCoordinate:hover{text-decoration:underline;}
      #wrapper #content .activityInfo .calendarAdd a {
        display: block;
        text-indent: -9999px;
        float: left;
        margin-right: 3px; }
        #wrapper #content .activityInfo .calendarAdd a.icon-google {
          background: url(../images/site/calendarGoogle.png);
          width: 26px;
          height: 25px; }
        #wrapper #content .activityInfo .calendarAdd a.icon-ical {
          background: url(../images/site/calendar-apple.png);
          width: 22px;
          height: 27px;
          margin-top: -3px; }
        #wrapper #content .activityInfo .calendarAdd a.icon-outlook {
          background: url(../images/site/calendarOutlook.png);
          width: 25px;
          height: 25px; }
    #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;
        margin-bottom: 20px; }
        @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;
          margin-bottom: 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: #e5e5e5;
          font-size: 13px;
          font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
          color: #615cc7;
          text-align: center; }
      #wrapper #content .aPageBottom .allTags {
        display: block;
        float: left;
        padding: 10px 20px;
        color: #000;
        border-radius: 3px;
        border: 1px solid #e5e5e5;
        font-size: 13px;
        font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif; }
    #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;
        padding: 50px 0;
        float: left; }
        #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%;
          float: left; }
          #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 .mapContainer.style2 .map-info {
        position: absolute;
        right: 0;
        z-index: 99;
        top: 0;
        height: 100%;
        padding: 50px;
        background: rgba(255, 255, 255, 0.7) !important; }
    #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 + 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 .error {
      border-color: red; }
    #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 49px 10px 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; }
    @media only screen and (max-width: 767px) {
      #wrapper #content .grayBand.fourSelect {
        height: auto !important; } }
    #wrapper #content .grayBand .customSelect, #wrapper #content .grayBand .otherFilter {
      background: transparent;
      border: 0;
      float: none;
      margin: 0 auto;
      height: 100%;
      padding: 11px 0;
      display: inline-block;
      position: relative; }
      #wrapper #content .grayBand .customSelect select, #wrapper #content .grayBand .otherFilter select {
        text-align-last: center; }
        #wrapper #content .grayBand .customSelect select option, #wrapper #content .grayBand .otherFilter select option {
          text-align-last: center;
          text-align: center;
          padding: 25px; }
      #wrapper #content .grayBand .customSelect span, #wrapper #content .grayBand .otherFilter span {
        display: block;
        width: 100%;
        float: left;
        color: #a7a7a7;
        font-size: 13px;
        font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif; }
      #wrapper #content .grayBand .customSelect::before, #wrapper #content .grayBand .otherFilter::before {
        display: block;
        width: 1px;
        height: calc(100% - 36px);
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        content: "";
        background: #c5cdd7; }
        @media only screen and (max-width: 767px) {
          #wrapper #content .grayBand .customSelect::before, #wrapper #content .grayBand .otherFilter::before {
            display: none; } }
      #wrapper #content .grayBand .customSelect:first-child::before, #wrapper #content .grayBand .otherFilter:first-child::before {
        display: none; }
    #wrapper #content .grayBand .otherFilter {
      width: 100%;
      max-width: 180px;
      position: relative; }
      #wrapper #content .grayBand .otherFilter input {
        width: 38px;
        height: 38px;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0; }
      #wrapper #content .grayBand .otherFilter span.iconList {
        display: block;
        height: 38px;
        font-size: 11px;
        font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
        color: #615cc7;
        text-decoration: underline;
        line-height: 60px;
        background: url(../images/site/a-z-list-icon.png) no-repeat center;
        width: 38px;
        position: relative; }
    @media only screen and (max-width: 1024px) {
      #wrapper #content .grayBand.fourSelect .customSelect {
        max-width: 24%; } }
    @media only screen and (max-width: 767px) {
      #wrapper #content .grayBand.fourSelect .customSelect {
        max-width: 49.5%; } }
    #wrapper #content .grayBand .container {
      height: 100%; }
      #wrapper #content .grayBand .container form {
        height: 100%; }
        #wrapper #content .grayBand .container form > div {
          height: 100%; }
    #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: #615cc7;
              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: 59px;
      max-width: 215px; }
      @media (max-width: 767px) {
        #wrapper #content .button {
          font-size: 11px;
          max-width: 125px;
          line-height: 40px;
          height: 40px; } }
    #wrapper #content .program h2 {
      font-size: 32px;
      font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
      color: #615cc7; }
    #wrapper #content .mainSponsorArea {
      background: #fff;
      width: 100%;
      float: left;
      padding: 27px 0;
      border-bottom: 1px solid #e5e5e5;
      /*  & > div *{float: right;}*/ }
      #wrapper #content .mainSponsorArea > div span {
        font-size: 13px;
        font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
        color: #000;
        line-height: 60px;
        margin-right: 40px;
        float: left;
        display: block; }
        @media (max-width: 767px) {
          #wrapper #content .mainSponsorArea > div span {
            width: 100%;
            display: block;
            margin-right: 0;
            margin-bottom: 5px; } }
      #wrapper #content .mainSponsorArea > div a {
        float: left;
        max-width: 130px;
        margin: 0 15px 10px 15px; }
        #wrapper #content .mainSponsorArea > div a img {
          display: block;
          float: left;
          width: 100%; }
        @media (max-width: 767px) {
          #wrapper #content .mainSponsorArea > div a {
            margin: 0 10px 0 0;
            max-width: 100px; } }
      #wrapper #content .mainSponsorArea.algl {
        margin-bottom: 50px;
        border-bottom: 1px solid #e5e5e5;
        padding: 27px 8.33333333%; }
        #wrapper #content .mainSponsorArea.algl > div {
          float: left; }
          #wrapper #content .mainSponsorArea.algl > div span {
            max-width: 200px;
            line-height: inherit; }
          #wrapper #content .mainSponsorArea.algl > div a {
            float: left;
            margin-right: 35px; }
    #wrapper #content .slick-track:after {
      display: none !important; }
    #wrapper #content .activityCalendar {
      width: 100%;
      float: left;
	  position: relative; }
      #wrapper #content .activityCalendar .timelinearea {
        background: #615cc7;
        padding: 35px 0 10px 0;
        width: 100%;
        float: left; }
        #wrapper #content .activityCalendar .timelinearea .container {
          position: relative; }
        #wrapper #content .activityCalendar .timelinearea h5 {
          text-align: center;
          color: #fff;
          font-size: 32px;
          font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
          position: relative; }
          @media (max-width: 767px) {
            #wrapper #content .activityCalendar .timelinearea h5 {
              font-size: 18px; } }
          #wrapper #content .activityCalendar .timelinearea h5 span {
            position: relative;
            z-index: 99;
            background: #615cc7;
            padding: 0 20px; }
            @media (max-width: 767px) {
              #wrapper #content .activityCalendar .timelinearea h5 span {
                padding: 0 10px; } }
          #wrapper #content .activityCalendar .timelinearea h5::before {
            width: 90%;
            height: 1px;
            background: #91b2db;
            position: absolute;
            top: 30%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            left: 50%;
            content: ""; }
      #wrapper #content .activityCalendar .days {
        width: 100%;
        float: left; }
        #wrapper #content .activityCalendar .days ul {
          width: 100%;
          display: block;
          float: left; }
          #wrapper #content .activityCalendar .days ul li.active a span {
            display: block;
            color: #fff; }
          #wrapper #content .activityCalendar .days ul li.active a em {
            background: #fff;
            color: #615cc7 !important; }
          #wrapper #content .activityCalendar .days ul li > span, #wrapper #content .activityCalendar .days ul li a {
            text-align: center;
            display: block;
            font-size: 20px;
            font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif; }
            #wrapper #content .activityCalendar .days ul li > span em, #wrapper #content .activityCalendar .days ul li a em {
              display: block;
              width: 35px;
              height: 35px;
              border-radius: 50%;
              color: #91b2db;
              text-align: center;
              line-height: 35px;
              margin: 0 auto;
              -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 .activityCalendar .days ul li > span span, #wrapper #content .activityCalendar .days ul li a span {
              display: none;
              width: 100%;
              float: left;
              text-align: center;
              margin-top: 10px;
              font-size: 13px !important; }
            #wrapper #content .activityCalendar .days ul li > span:hover em, #wrapper #content .activityCalendar .days ul li a:hover em {
              color: #fff; }
            #wrapper #content .activityCalendar .days ul li > span.ha em, #wrapper #content .activityCalendar .days ul li a.ha em {
              color: #fff;
              font-size: 20px;
              font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif; }
      #wrapper #content .activityCalendar .actResults {
        width: 100%;
        float: left;
        background: #fff; }
        #wrapper #content .activityCalendar .actResults h2 {
          color: #615cc7;
          font-size: 32px;
          font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
          text-align: left;
          position: relative;
          width: 100%; }
          #wrapper #content .activityCalendar .actResults h2::before {
            content: "";
            width: 100%;
            float: left;
            position: absolute;
            top: 57%;
            height: 1px;
            background: #e5e5e5; }
          #wrapper #content .activityCalendar .actResults h2 span {
            background: #fff;
            padding-right: 40px;
            position: relative;
            z-index: 88; }
          #wrapper #content .activityCalendar .actResults h2 em {
            font-family: 'ScalaSansPro-Bold' !important;
            font-size: 66px !important; }
        #wrapper #content .activityCalendar .actResults .actResultItem {
          width: 100%;
          float: left;
          padding: 35px 0;
          border-bottom: 1px dashed #cccccc; }
          #wrapper #content .activityCalendar .actResults .actResultItem h6 {
            font-size: 20px;
            font-family: 'ScalaSansPro-Bold';
            color: #000 !important; }
          #wrapper #content .activityCalendar .actResults .actResultItem:last-child {
            border: 0; }
          #wrapper #content .activityCalendar .actResults .actResultItem .actImg {
            width: 25%;
            float: left; }
            #wrapper #content .activityCalendar .actResults .actResultItem .actImg img {
              width: 100%; }
          #wrapper #content .activityCalendar .actResults .actResultItem .actInfo {
            width: 100%;
            float: right;
            padding-left: 15px; }
            #wrapper #content .activityCalendar .actResults .actResultItem .actInfo.vitrinProgramme {
              width: 75%; }
            #wrapper #content .activityCalendar .actResults .actResultItem .actInfo ul {
              display: block;
              margin-bottom: 20px;
              width: 100%;
              float: left; }
            #wrapper #content .activityCalendar .actResults .actResultItem .actInfo .button {
              border: 2px solid #615cc7;
              background: #fff !important;
              color: #000;
              float: right;
              min-width: 150px;
              text-decoration: none !important;
              font-family: 'ScalaSansPro-Bold' !important; }
            #wrapper #content .activityCalendar .actResults .actResultItem .actInfo .addCalendar {
              display: block;
              width: 28px;
              height: 27px;
              background: url(../images/site/calendar-icon.png) no-repeat center;
              text-indent: -9999px;
              float: left;
              margin-left: 20%;
              display: none; }
              @media (max-width: 767px) {
                #wrapper #content .activityCalendar .actResults .actResultItem .actInfo .addCalendar {
                  margin-left: 0; } }
            #wrapper #content .activityCalendar .actResults .actResultItem .actInfo ul li {
              width: 100%;
              float: left;
              margin-bottom: 5px;
              font-size: 16px;
              font-family: "ScalaSansPro-Light", Arial, Helvetica, Sans-Serif;
              color: #000000; }
              @media (max-width: 767px) {
                #wrapper #content .activityCalendar .actResults .actResultItem .actInfo ul li {
                  font-size: 14px; } }
              #wrapper #content .activityCalendar .actResults .actResultItem .actInfo ul li:before {
                content: ">";
                font-size: 12px;
                float: left;
                margin-right: 5px;
                margin-top: 3px; }
            #wrapper #content .activityCalendar .actResults .actResultItem .actInfo .hlfC li {
              width: 100%; }
            @media (max-width: 767px) {
              #wrapper #content .activityCalendar .actResults .actResultItem .actInfo .hlfC {
                width: 100%;
                margin-bottom: 10px; }
                #wrapper #content .activityCalendar .actResults .actResultItem .actInfo .hlfC:last-child {
                  margin-bottom: 0; } }
            #wrapper #content .activityCalendar .actResults .actResultItem .actInfo .hlfC a {
              color: #000000;
              font-size: 12px;
              font-family: "ScalaSansPro-Light", Arial, Helvetica, Sans-Serif;
              text-decoration: underline;
              -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 .activityCalendar .actResults .actResultItem .actInfo .hlfC a.tn {
                opacity: 0.4; }
              #wrapper #content .activityCalendar .actResults .actResultItem .actInfo .hlfC a.tb:hover {
                background: #615cc7 !important;
                color: #fff !important; }
          #wrapper #content .activityCalendar .actResults .actResultItem.vitrinVideo .videoContent {
            margin-bottom: 0; }
            #wrapper #content .activityCalendar .actResults .actResultItem.vitrinVideo .videoContent .videoRow > div {
              margin-bottom: 0; }
    #wrapper #content .hlfC {
      width: 50%;
      float: left; }
    #wrapper #content a.arrows {
      position: absolute;
      top: 5px;
      width: 15px;
      height: 31px;
      text-indent: -9999px;
      z-index: 99; }
      @media (max-width: 767px) {
        #wrapper #content a.arrows {
          top: 0; } }
      #wrapper #content a.arrows.prevDay {
        left: 15px;
        background: url(../images/site/whiteArrowLeft.png) no-repeat center; }
      #wrapper #content a.arrows.nextDay {
        right: 15px;
        background: url(../images/site/whiteArrowRight.png) no-repeat center; }
    #wrapper #content .pinkBand {
      background: #f0e1f2 !important; }
    #wrapper #content .purpleBand {
      background: #615cc7 !important; }
    #wrapper #content .blueBand {
      background: #dfdef4 !important; }
    #wrapper #content .cazBand {
      background: #dfdef4 !important; }
    #wrapper #content .whiteButton {
      width: 205px;
      display: block;
      float: right;
      height: 45px;
      line-height: 47px;
      background: url(../images/site/download-icon-black.png) no-repeat 7% center #fff;
      border-radius: 30px;
      position: relative;
      top: 50%;
      -webkit-transform: translate(0, -50%);
      -moz-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      z-index: 99;
      margin-left: 22px;
      font-size: 13px;
      font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
      color: #000; }
      @media only screen and (max-width: 767px) {
        #wrapper #content .whiteButton {
          width: 100px;
          font-size: 11px;
          background: #fff !important; } }
    #wrapper #content .cazBand .grayBand .container .pageControls ul li {
      background: #dfdef4 !important; }
    #wrapper #content .alphabetList {
      position: relative;
      width: 100%;
      height: 100%;
      float: left; }
      #wrapper #content .alphabetList a.arrows {
        width: 8px;
        background-size: 100%;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%); }
        #wrapper #content .alphabetList a.arrows.prevDay {
          left: -15px !important;
          top: 50%; }
        #wrapper #content .alphabetList a.arrows.nextDay {
          right: -15px !important;
          top: 50%; }
        @media (max-width: 767px) {
          #wrapper #content .alphabetList a.arrows.prevDay {
            left: -7px !important; }
          #wrapper #content .alphabetList a.arrows.nextDay {
            right: -7px !important; } }
      #wrapper #content .alphabetList ul {
        position: relative;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        display: block; }
        #wrapper #content .alphabetList ul li {
          margin: 0 0.21%; }
          #wrapper #content .alphabetList ul li a {
            padding: 0;
            display: block;
            width: 42px;
            height: 42px;
            border-radius: 50%;
            line-height: 42px;
            color: #fff; }
            #wrapper #content .alphabetList ul li a:hover {
              color: #fff; }
            #wrapper #content .alphabetList ul li a.active {
              background: #fff;
              color: #615cc7; }
    #wrapper #content .gwItems {
      width: 31.3333%;
      float: left;
      margin-bottom: 30px !important; }
      @media (max-width: 767px) {
        #wrapper #content .gwItems {
          width: 100%;
          margin-right: 0 !important;
          margin-left: 0 !important; } }
      #wrapper #content .gwItems span {
        text-align: left !important;
        padding: 15px !important;
        min-height: 100px;
        font-family: 'ScalaSansPro-Bold' !important;
        font-size: 20px !important;
        background: #fff !important; }
      #wrapper #content .gwItems:hover span {
        background: #615cc7 !important; }
    #wrapper #content .middleWidth {
      max-width: 1366px;
      margin: 0 auto;
      overflow: hidden;
      position: relative; }
      #wrapper #content .middleWidth.hgr div[class*="col-"] {
        position: relative;
        z-index: 88; }
      #wrapper #content .middleWidth.hgr div[class*="col-"]:last-child {
        padding-left: 60px; }
        @media (max-width: 767px) {
          #wrapper #content .middleWidth.hgr div[class*="col-"]:last-child {
            padding: 15px;
            background: #f5f5f5; } }
      #wrapper #content .middleWidth.hgr::after {
        content: "";
        height: 100%;
        background: #f5f5f5;
        position: absolute;
        right: -30px;
        top: -50px;
        left: 65%; }
        @media (max-width: 767px) {
          #wrapper #content .middleWidth.hgr::after {
            display: none; } }
    #wrapper #content .detailGateway li {
      margin-bottom: 40px;
      width: 100%;
      float: left; }
      #wrapper #content .detailGateway li a {
        display: block; }
        #wrapper #content .detailGateway li a img {
          width: 100%;
          display: block;
          margin-bottom: 10px; }
        #wrapper #content .detailGateway li a span {
          font-size: 20px;
          font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
          color: #000; }
    #wrapper #content .specSection {
      padding: 0 !important; }
      #wrapper #content .specSection .middleWidth {
        padding: 50px 0; }
    #wrapper #content .tagsC .targetTag span {
      font-size: 20px;
      font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
      color: #000;
      width: 100%;
      float: left;
      display: block;
      text-align: center;
      margin-bottom: 18px;
      margin-top: 10px; }
    #wrapper #content .tagsC .targetTag a {
      display: block;
      width: 140px;
      margin: 0 auto;
      font-size: 13px;
      font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
      color: #cab4cd;
      margin-bottom: 10px;
      -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;
      position: relative; }
      #wrapper #content .tagsC .targetTag a::after {
        display: block;
        content: "";
        width: 10px;
        height: 5px;
        background: url(../images/site/triangleArrow.png) no-repeat center;
        position: absolute;
        top: 35%;
        right: 5px;
        margin-top: -2.5px;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transition: rotate ease-in-out .3s;
        -webkit-transition: transform  ease-in-out .3s; }
      #wrapper #content .tagsC .targetTag a:hover, #wrapper #content .tagsC .targetTag a.active {
        color: #615cc7; }
      #wrapper #content .tagsC .targetTag a.active::after {
        transform: rotate(0) !important;
        -webkit-transform: rotate(0) !important; }
    #wrapper #content .tagsC.pinkBand {
      height: auto !important;
      min-height: 80px;
      padding: 13px 0; }
    #wrapper #content .tagsC .otherTags {
      display: none;
      width: 100%;
      float: left; }
    #wrapper #content .tagsC .othertagsList li {
      float: left;
      margin-right: 10px;
      margin-bottom: 10px; }
      @media (max-width: 767px) {
        #wrapper #content .tagsC .othertagsList li {
          margin-bottom: 10px; } }
      #wrapper #content .tagsC .othertagsList li a {
        display: block;
        padding: 10px 15px;
        background: #d5d4f7;
        border-radius: 4px;
        color: #615cc7;
        font-size: 13px;
        font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
        -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 .tagsC .othertagsList li a:hover {
          background: #fff;
          color: #615cc7 !important; }
    #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: 49%; } }
      #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 {
          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%; }
      #wrapper #content .gallery ul li:hover a span {
        opacity: 1; }
    #wrapper #content .homeGateways {
      height: 90px;
      width: 100%;
      float: left;
      border-top: 4px solid #fff;
      position: relative; }
      #wrapper #content .homeGateways::before {
        left: 0;
        background: #616dcb; }
        @media (max-width: 767px) {
          #wrapper #content .homeGateways::before {
            top: 0; } }
      #wrapper #content .homeGateways::after {
        right: 0;
        background: #1f1f1f; }
        @media (max-width: 767px) {
          #wrapper #content .homeGateways::after {
            top: auto !important;
            bottom: 0; } }
      #wrapper #content .homeGateways::after, #wrapper #content .homeGateways::before {
        width: 50%;
        position: absolute;
        top: 0;
        height: 100%;
        display: block;
        content: ""; }
        @media (max-width: 767px) {
          #wrapper #content .homeGateways::after, #wrapper #content .homeGateways::before {
            width: 100%;
            height: 50%; } }
      #wrapper #content .homeGateways ul li {
        position: relative;
        z-index: 333;
        height: 100%; }
        @media (max-width: 767px) {
          #wrapper #content .homeGateways ul li {
            padding: 0 !important; } }
        #wrapper #content .homeGateways ul li a {
          display: block;
          height: 86px;
          width: 100%;
          color: #fff !important;
          font-size: 26px;
          font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
          position: relative;
          z-index: 999;
          line-height: 86px; }
        #wrapper #content .homeGateways ul li.chart {
          padding-left: 0;
          border-left: 2px solid #fff; }
          #wrapper #content .homeGateways ul li.chart a {
            padding-left: 40px; }
            @media (max-width: 767px) {
              #wrapper #content .homeGateways ul li.chart a {
                padding-left: 15px; } }
            #wrapper #content .homeGateways ul li.chart a::after {
              display: block;
              content: "";
              width: 36px;
              height: 22px;
              background-image: url(../images/site/chart-icon@2x.png);
              background-size: 100%;
              background-repeat: no-repeat;
              position: absolute;
              top: 50%;
              right: 0;
              -webkit-transform: translate(0, -50%);
              -moz-transform: translate(0, -50%);
              -ms-transform: translate(0, -50%);
              transform: translate(0, -50%); }
              @media (max-width: 767px) {
                #wrapper #content .homeGateways ul li.chart a::after {
                  right: 15px; } }
        #wrapper #content .homeGateways ul li.festivalProgram {
          padding-right: 0;
          border-right: 2px solid #fff; }
          #wrapper #content .homeGateways ul li.festivalProgram a {
            padding-right: 40px; }
            @media (max-width: 767px) {
              #wrapper #content .homeGateways ul li.festivalProgram a {
                padding-left: 15px; } }
            #wrapper #content .homeGateways ul li.festivalProgram a::after {
              display: block;
              content: "";
              width: 38px;
              height: 37px;
              background-image: url(../images/site/takvim-icon@2x.png);
              background-size: 100%;
              background-repeat: no-repeat;
              position: absolute;
              top: 50%;
              right: 40px;
              -webkit-transform: translate(0, -50%);
              -moz-transform: translate(0, -50%);
              -ms-transform: translate(0, -50%);
              transform: translate(0, -50%); }
              @media (max-width: 767px) {
                #wrapper #content .homeGateways ul li.festivalProgram a::after {
                  right: 15px; } }
        @media (max-width: 767px) {
          #wrapper #content .homeGateways ul li {
            border: 0 !important; } }
      @media (max-width: 767px) {
        #wrapper #content .homeGateways {
          height: auto; } }
  #wrapper .innerPart {
    width: 100%;
    float: left;
    padding: 40px 0; }
    #wrapper .innerPart h4 {
      color: #000;
      font-size: 13px;
      font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
      margin-bottom: 30px; }
    #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 .whbox {
    width: 100%;
    height: 300px;
    background: #fff;
    display: block;
    overflow: hidden;
    position: relative; }
    @media only screen and (max-width: 1024px) {
      #wrapper .whbox {
        margin-bottom: 30px; } }
    #wrapper .whbox img {
      width: 100%;
      display: block;
      float: left; }
    #wrapper .whbox h6 {
      color: #000 !important;
      font-family: 'ScalaSansPro-Bold';
      font-size: 32px !important;
      margin-bottom: 20px !important; }
    #wrapper .whbox span {
      font-size: 20px;
      font-family: "ScalaSansPro-Light", Arial, Helvetica, Sans-Serif;
      color: #000;
      line-height: 22px;
      float: left;
      width: 100%;
      display: block;
      margin-bottom: 20px; }
    #wrapper .whbox .infobox {
      padding: 30px;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      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 .whbox .infobox::after {
        background: url(../images/site/ayrintili-bilgi.png) no-repeat center;
        content: "";
        width: 19px;
        height: 11px;
        float: left; }
    #wrapper .whbox:hover .infobox {
      top: 58%; }
  @media (max-width: 1024px) {
    #wrapper .bridgeBg .bridgeSlider {
      margin-bottom: 30px !important; } }
  @media (max-width: 767px) {
    #wrapper .bridgeBg .bridgeSlider {
      margin-bottom: 10px !important; } }
  #wrapper .leftMenu {
    width: 100%;
    float: left; }
    #wrapper .leftMenu > a {
      display: none;
      width: 100%;
      float: left;
      height: 40px;
      position: relative;
      line-height: 40px;
      font-size: 14px;
      font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
      color: #000;
      padding-left: 15px;
      margin-bottom: 15px;
      border-bottom: 1px solid #f2f2f2; }
      #wrapper .leftMenu > a::after {
        background: url(../images/site/popupClose.png) no-repeat top;
        width: 28px;
        height: 14px;
        content: "";
        position: absolute;
        right: 10px;
        top: 50%;
        margin-top: -7px;
        -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 .leftMenu > a.active::after {
        transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg); }
      @media (max-width: 767px) {
        #wrapper .leftMenu > a {
          display: block; } }
    #wrapper .leftMenu ul {
      width: 100%;
      float: left; }
      #wrapper .leftMenu ul li {
        width: 100%;
        float: left;
        margin-bottom: 25px; }
        #wrapper .leftMenu ul li a {
          display: block;
          font-size: 14px;
          font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
          color: #000;
          position: relative;
          padding-left: 15px; }
          #wrapper .leftMenu ul li a::before {
            display: block;
            width: 3px;
            height: 5px;
            background: url(../images/site/new-arrow2.png) no-repeat right center;
            content: "";
            position: absolute;
            left: 0;
            top: 38%;
            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            transform: translate(0, -50%); }
      #wrapper .leftMenu ul li.active a {
        font-size: 14px;
        font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif; }
      @media (max-width: 767px) {
        #wrapper .leftMenu ul {
          display: none; } }
  #wrapper span.plus {
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    border: 3px solid #fff;
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s;
    -ms-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s; }
    #wrapper span.plus em {
      background: #fff;
      position: absolute;
      display: block;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      #wrapper span.plus em:first-child {
        top: 50%;
        height: 2px;
        width: 0;
        left: 50%;
        transition: width ease-in-out .3s;
        -webkit-transition: width ease-in-out .3s; }
      #wrapper span.plus em:last-child {
        left: 50%;
        width: 2px;
        height: 0;
        top: 50%;
        transition: height ease-in-out .3s;
        -webkit-transition: height ease-in-out .3s; }
  #wrapper .wp:hover span.plus {
    opacity: 1; }
    #wrapper .wp:hover span.plus em:first-child {
      width: 25px; }
    #wrapper .wp:hover span.plus em:last-child {
      height: 25px; }
  #wrapper .pl0 {
    padding-left: 0; }
    @media (max-width: 767px) {
      #wrapper .pl0 {
        padding: 0; } }
  #wrapper .pr0 {
    padding-right: 0; }
    @media (max-width: 767px) {
      #wrapper .pr0 {
        padding: 0; } }
  #wrapper .prl0 {
    padding-right: 0;
    padding-left: 0; }
  #wrapper .pageGallery {
    width: 100%;
    float: left;
    margin-bottom: 30px; }
    @media (max-width: 767px) {
      #wrapper .pageGallery {
        margin-bottom: 15px; } }
    #wrapper .pageGallery > li {
      opacity: 0; }
      #wrapper .pageGallery > li a {
        background: #615cc7; }
    #wrapper .pageGallery > li:first-child {
      opacity: 1;
      width: 100%;
      float: left; }
      #wrapper .pageGallery > li:first-child > a {
        position: relative;
        background: #615cc7;
        display: block;
        width: 100%;
        float: left; }
        #wrapper .pageGallery > li:first-child > a img {
          width: 100%;
          display: block;
          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;
          background: transparent; }
        #wrapper .pageGallery > li:first-child > a::before {
          display: block;
          content: "";
          width: 100%;
          height: 100%;
          left: 0;
          top: 0;
          background: rgba(0, 0, 0, 0.5); }
        #wrapper .pageGallery > li:first-child > a::after {
          display: block;
          width: 50px;
          height: 50px;
          top: 50%;
          left: 50%; }
        #wrapper .pageGallery > li:first-child > a:hover img {
          opacity: 0.5; }
  #wrapper .pageTable {
    width: 100%;
    float: left;
    overflow: hidden;
    margin-bottom: 30px; }
    @media (max-width: 767px) {
      #wrapper .pageTable {
        overflow: auto;
        padding-bottom: 30px; } }
    #wrapper .pageTable table {
      width: 100%;
      float: left;
      min-width: 768px; }
      #wrapper .pageTable table td {
        padding: 10px; }
      #wrapper .pageTable table thead td {
        color: #b2b2b2;
        font-size: 12px;
        font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif; }
      #wrapper .pageTable table tbody td {
        color: #000;
        font-size: 20px;
        font-family: "ScalaSansPro-Light", Arial, Helvetica, Sans-Serif; }
  #wrapper .newsContainer {
    width: 100%;
    float: left; }
    #wrapper .newsContainer .newsItem {
      width: 100%;
      float: left;
      border-bottom: 1px solid #f2f2f2;
      padding-bottom: 35px;
      margin-bottom: 35px; }
      #wrapper .newsContainer .newsItem img {
        display: block;
        width: 100%; }
      #wrapper .newsContainer .newsItem span {
        display: block;
        width: 100%;
        float: left;
        color: #000;
        font-size: 14px;
        font-family: "ScalaSansPro-Light", Arial, Helvetica, Sans-Serif; }
    @media (max-width: 767px) {
      #wrapper .newsContainer .col-xs-12 {
        margin-bottom: 15px; } }
  #wrapper .blueBand {
    background: #dfdef4 !important; }
  #wrapper .blueHead h4 {
    font-size: 15px !important;
    color: #615cc7 !important; }
  #wrapper .pinkHead h4 {
    font-size: 15px !important;
    color: #9b5ba4 !important; }
  #wrapper .cazHead h4 {
    font-size: 15px !important;
    color: #615cc7 !important; }
  #wrapper .seansSaatleriColumn {
    width: 100%;
    float: left;
    background: #ebebeb; }
    #wrapper .seansSaatleriColumn > span {
      display: block;
      height: 70px;
      float: left;
      line-height: 70px;
      width: 100%;
      text-align: center;
      font-size: 16px;
      font-family: "ScalaSansPro", Arial, Helvetica, Sans-Serif;
      color: #a7a7a7; }
      @media only screen and (max-width: 767px) {
        #wrapper .seansSaatleriColumn > span {
          font-size: 11px !important; } }
    #wrapper .seansSaatleriColumn .seanslar {
      width: 100%;
      float: left; }
      #wrapper .seansSaatleriColumn .seanslar > span {
        display: block;
        width: 100%;
        float: left;
        height: 130px;
        line-height: 110px;
        text-align: center;
        font-size: 26px;
        font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
        color: #000; }
        @media only screen and (max-width: 1024px) {
          #wrapper .seansSaatleriColumn .seanslar > span {
            height: 125px;
            line-height: 125px; } }
        @media only screen and (max-width: 767px) {
          #wrapper .seansSaatleriColumn .seanslar > span {
            font-size: 18px !important; } }
  #wrapper .timeLineSlide {
    border-right: 1px solid #ebebeb;
    width: 100%;
    float: left;
    overflow: hidden;
    cursor: e-resize; }
    #wrapper .timeLineSlide .tSlideItem .placeName {
      display: block;
      width: 100%;
      height: 70px;
      text-align: center;
      background: #e1ebf8;
      font-size: 16px;
      font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
      color: #000;
      padding-top: 14px; }
    #wrapper .timeLineSlide .tSlideItem .filmName {
      display: block;
      width: 100%;
      height: 130px;
      text-align: center;
      border-bottom: 1px solid #ebebeb;
      padding: 20px;
      position: relative;
      border-right: 1px solid #ebebeb; }
      #wrapper .timeLineSlide .tSlideItem .filmName a {
        font-size: 16px;
        font-family: "ScalaSansPro-Light", Arial, Helvetica, Sans-Serif;
        color: #000; }
        #wrapper .timeLineSlide .tSlideItem .filmName a:hover {
          text-decoration: underline;
          color: #36649f; }
      #wrapper .timeLineSlide .tSlideItem .filmName a:first-child {
        display: block;
        width: 100%; }
        #wrapper .timeLineSlide .tSlideItem .filmName a:first-child i {
          color: #f64242; }
      #wrapper .timeLineSlide .tSlideItem .filmName a:last-child {
        display: block;
        width: 25px;
        height: 25px;
        position: absolute;
        bottom: 20px;
        left: 50%;
        margin-left: -12.5px;
        text-indent: -9999px;
        pointer-events: none;
        cursor: default;
        background: url(../images/site/no-ticket.png) no-repeat 0 0; }
      #wrapper .timeLineSlide .tSlideItem .filmName a[href*="http"] {
        background: url(../images/site/yticket.png) no-repeat 0 0;
        pointer-events: auto !important;
        cursor: pointer !important; }
      @media only screen and (max-width: 1024px) {
        #wrapper .timeLineSlide .tSlideItem .filmName {
          height: 125px;
          padding: 15px; } }
    #wrapper .timeLineSlide .slick-arrow {
      width: 150px;
      height: 150px;
      border-radius: 50%;
      background: rgba(0, 0, 0, 0.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;
      z-index: 9999;
      opacity: .5; }
      #wrapper .timeLineSlide .slick-arrow:hover {
        opacity: 1; }
      #wrapper .timeLineSlide .slick-arrow::before {
        width: 23px;
        height: 45px;
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    #wrapper .timeLineSlide .slick-next {
      right: -130px; }
      #wrapper .timeLineSlide .slick-next:hover {
        right: -87px; }
      #wrapper .timeLineSlide .slick-next::before {
        background: url(../images/site/slideArrow-next.png) no-repeat center;
        left: 30%; }
    #wrapper .timeLineSlide .slick-prev {
      left: -130px; }
      #wrapper .timeLineSlide .slick-prev:hover {
        left: -87px; }
      #wrapper .timeLineSlide .slick-prev::before {
        background: url(../images/site/slideArrow-prev.png) no-repeat center;
        left: 70%; }
  #wrapper .pageBack {
    display: block;
    width: 110px;
    height: 100%;
    float: left;
    position: relative; }
    #wrapper .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;
      text-align: center; }
      #wrapper .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*/
/*SAYFA BAZLI KODLAR*/
@media only screen and (max-width: 767px) {
.vitrin #footer .mainSponsorArea > div img {max-width: 120px !important; margin-bottom: 20px;}
.vitrin #footer .mainSponsorArea > div span{line-height: 41px;}
}

#home #wrapper #content .activityCalendar .actResults .actResultItem .actInfo {
  width: 75%; }

#home #wrapper #content .mainSponsorArea {
  padding: 15px 0; }

#home #wrapper #content .mainSponsorArea > div span {
  float: right; }

#home #wrapper #content .mainSponsorArea > div a {
  float: right;
  max-width: 200px;
  margin: 0; }

@media only screen and (max-width: 767px) {
  #home .mainSponsorArea > div * {
    float: right;
    max-width: 135px !important;
    margin: 0;
    line-height: 43px !important;
	margin-left: 0px;} 
}

@media only screen and (max-width: 767px) {
  #home #footer .mainSponsorArea > div span { line-height: 43px !important; margin-left: 0px; } 
  #home #footer .mainSponsorArea > div span.text1, #home #footer .mainSponsorArea > div span.text2  { line-height: 14px !important; font-size:10px;}
  	
	
	}

.sha #wrapper #content .gatewayContainer .activitie.col-md-3 .boxContainer .texts strong {
  height: auto; }

.activitynewpage h2 {
  margin-top: 50px !important;
  float: left; }

#wrapper #content .tagsC {
  height: auto;
  overflow: hidden; }

@media (max-width: 1024px) {
  #wrapper #content .submenu .altK .customSelect, #wrapper #content .submenu .grayBand.timeline .customSelect {
    max-width: 155px; }
  #wrapper #content .submenu .altK .whiteButton, #wrapper #content .submenu .grayBand.timeline .whiteButton {
    max-width: 125px;
    font-size: 11px;
    background-image: none; } }
#wrapper #content .submenu .altK .h100, #wrapper #content .submenu .grayBand.timeline .h100 {
  height: 100%; }
@media (max-width: 767px) {
  #wrapper #content .submenu .altK, #wrapper #content .submenu .grayBand.timeline {
    height: auto !important; }
    #wrapper #content .submenu .altK .h100.col-md-5.col-sm-6.col-xs-12, #wrapper #content .submenu .grayBand.timeline .h100.col-md-5.col-sm-6.col-xs-12 {
      height: 70px; } }

section.caz {
  overflow: hidden;
  background: #e5e5e5; }
  section.caz .singleSlider {
    max-width: 65%;
    float: left; }
    @media (max-width: 767px) {
      section.caz .singleSlider {
        max-width: 100%; } }
  section.caz .spotfy {
    width: 100%;
    max-width: 35%;
    float: left;
    height: 100%;
    padding: 0 35px 0px 35px; }
    section.caz .spotfy h4 {
      font-size: 12px;
      font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
      padding: 25px 0; }
    section.caz .spotfy iframe {
      width: 100%; }
    @media (max-width: 767px) {
      section.caz .spotfy {
        max-width: 100%;
        padding: 0;
        margin-top: 25px; }
        section.caz .spotfy h4 {
          padding: 0 15px 15px 15px; }
        section.caz .spotfy iframe {
          height: 80px; } }

label.add-to-calendar-checkbox, input.add-to-calendar-checkbox {
  display: none; }

.add-to-calendar-checkbox ~ a {
  display: block !important; }

.add-to-calendar-checkbox ~ a.icon-yahoo {
  display: none !important; }

#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; } }

@media (max-width: 767px) {
  #wrapper #content .activityInfo img.mobileShow {
    display: block; } }

#home .mainSponsorArea > div span {
  line-height: 52px !important; }
#home .mainSponsorArea > div * {
  float: right;
  max-width: 200px;
  margin-left:30px; }

#home #footer .mainSponsorArea > div span { line-height: 61px; }
#home #footer .mainSponsorArea > div span.text1, #home #footer .mainSponsorArea > div span.text2 { line-height: 17px !important;}



#wrapper #content .gatewayContainer .activitie.col-md-3 .boxContainer .texts strong {
  height: 50px; }

.specialHeight .ilightbox-caption {
  max-width: 100vw !important; }

.specialHeight .ilightbox-container {
  height: auto !important; }

.specialHeight .ilightbox-container img {
  max-height: 100vh !important;
  width: auto !important;
  margin: 0 auto !important;
  display: block; }
  @media only screen and (max-width: 767px) {
    .specialHeight .ilightbox-container img {
      width: 100vw !important; } }

.specialHeight #wrapper #content .gallery ul li {
  height: 267px; }
  @media only screen and (max-width: 1024px) {
    .specialHeight #wrapper #content .gallery ul li {
      height: 206px; } }
  @media only screen and (max-width: 768px) {
    .specialHeight #wrapper #content .gallery ul li {
      height: 152px; } }
  @media only screen and (max-width: 767px) {
    .specialHeight #wrapper #content .gallery ul li {
      height: 200px; } }

.clistHeight #wrapper #content .gatewayContainer .activitie {
  padding-bottom: 36% !important; }
  @media only screen and (max-width: 1024px) {
    .clistHeight #wrapper #content .gatewayContainer .activitie {
      padding-bottom: 36.8% !important; } }
  @media only screen and (max-width: 768px) {
    .clistHeight #wrapper #content .gatewayContainer .activitie {
      padding-bottom: 55% !important; } }
  @media only screen and (max-width: 767px) {
    .clistHeight #wrapper #content .gatewayContainer .activitie {
      padding-bottom: 115% !important; } }

.graybg-box #wrapper #content .gatewayContainer .activitie .boxContainer .texts {
  background: #ebebeb; }

.istkaFooter {
  font-size: 14px;
  font-family: "ScalaSansPro-Light", Arial, Helvetica, Sans-Serif;
  color: #000;
  display: block;
  width: 100%;
  margin-bottom: 15px; }

.forms h4 {
  font-size: 26px;
  font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
  color: #000; }
.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; }

.dispnone {
  display: none !important; }

#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; }

.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; }
  .siteloader.filmLoader {
    background: #dfe8f3; }
  .siteloader.cazLoader {
    background: #e5e4fa; }

#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: 125% !important; } }

.opD {
  opacity: 0.5; }

@media only screen and (max-width: 1023px) {
  .mobileHide {
    display: none !important; } }
#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::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 .ztop {
    z-index: 999; }
  article section {
    padding: 50px 0; }
    article section.bridgeBg {
      background: url(../images/site/vitrin-bg.png) no-repeat top center;
      background-size: cover !important;
      padding-top: 66px; }
      @media (max-width: 1024px) {
        article section.bridgeBg {
          padding-top: 30px; } }
      @media (max-width: 767px) {
        article section.bridgeBg {
          padding-top: 30px; } }
    @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; }

.mt60 {
  margin-top: 60px !important; }

#footer {
  width: 100%;
  float: left;
  clear: both;
  height: 575px;
  margin-top: -575px;
  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: 875px;
      margin-top: -875px; } }
  #footer > div {
    width: 100%;
    float: left; }
  #footer .mainSponsorArea {
    background: #fff;
    width: 100%;
    float: left;
    padding: 27px 15px; }
    #footer .mainSponsorArea > div span {
      font-size: 13px;
      font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
      color: #000;
      line-height: 55px;
      margin-right: 30px; }
	  
	.vitrin #footer .mainSponsorArea .fll a img {max-width:150px;} 
    #footer .mainSponsorArea > div * {
      float: right;
      max-width: 200px; }
  #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: 130px;
    padding: 0 45px; }
    @media (max-width: 767px) {
      #footer .footMenu {
        border-bottom: 1px solid #ebebeb; } }
    #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%;
      /*28-02-2018*/
      /*28-02-2018*/ }
      @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 > span em {
        font-size: 14px;
        font-family: "ScalaSansPro-Light", Arial, Helvetica, Sans-Serif;
        color: #000;
        display: block;
        width: 100%;
        margin-bottom: 15px; }
    #footer .footMenu ul {
      position: relative;
      top: 50%;
      -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 */


#wrapper #content .sponsortype .aPageBottom {padding: 27px 0 !important;border-bottom:1px solid #f2f2f2;border-top:0;}
#wrapper #content .sponsortype .aPageBottom:last-child {margin-bottom:20px;}
#wrapper #content .sponsortype .aPageBottom .col-md-8.col-sm-6.col-xs-12 {width:100% !important; }
#wrapper #content .sponsortype .aPageBottom > div strong{width:auto;margin-right:40px;line-height:50px;}

#wrapper #content .sponsortype .aPageBottom ul{width:auto;margin-bottom:0;}
#wrapper #content .sponsortype .aPageBottom ul li{margin:0 15px 10px 15px;padding-top:0;}
#wrapper #content .sponsortype .aPageBottom ul li a{display:block;max-width:130px;float:left;}
#wrapper #content .sponsortype .aPageBottom ul li a img{width:100%;display:block;float:left;}

 @media (max-width: 767px) {
	#wrapper #content .sponsortype .aPageBottom > div strong{width:100%;font-size:13px !important;padding-top:0;margin-bottom:5px;}	 
	#wrapper #content .sponsortype .aPageBottom ul {width:100%;padding-left:0;}	 
	#wrapper #content .sponsortype .aPageBottom ul.sponsors li{padding-left:0;margin-bottom:0;}
 }

 
/*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*/
 
.ticketfree {
    border-color: #000 !important;
    color: #000 !important;
    opacity: .3;
  } 
 
#freeActivity{width:100%;float:left;display:none;padding:30px 0;margin-bottom:25px;border-bottom:1px solid #eaeaea;}
#freeActivities{width: 100%;max-width:570px;margin:0 auto;padding:0 50px;}
#freeActivities h3{width:100%;float:left;text-align:center;}


@media (max-width: 767px){
  #freeActivities{padding:0 20px;}
  /*#freeActivities label{margin-bottom:10px !important;}
  #freeActivities input[type="text"]{height:40px !important;}
  #freeActivities .frow{margin-bottom:15px !important;}*/
  #freeActivity{padding:20px 0;}
  .pageTopButton{width:40px;height:40px;}
}
 
 
 
 
 
 
 
 

/*Anasayfa Çizelge Yeni*/

.cr #wrapper #content .activityCalendar .actResults{left: auto ;right: 0 ;}
.cl #wrapper #content .activityCalendar .actResults{left: 0 ;right: auto ;}

.cri #wrapper #content .activityCalendar .actResults{left: auto !important;right: 0 !important;}
.cli #wrapper #content .activityCalendar .actResults{left: 0 !important;right: auto !important;}

#home #wrapper #content .activityCalendar .actResults {position: absolute;background: transparent;top:100%;z-index: 999;width:auto;max-width: 975px;width:100%;}
@media (max-width: 768px){
  #home #wrapper #content .activityCalendar .actResults{position: relative;}
}

#home #wrapper #content .activityCalendar .actResults .container{width: 100% !important}

#home #wrapper #content .activityCalendar .actResults .actResultItem{padding: 35px;background: #fff;}
/*
#home #wrapper #content .activityCalendar .actResults .actResultItem .actInfo{width: 100%;}
*/
#home #wrapper #content .activityCalendar .actResults .actResultItem .actInfo .hlfC a{color:#000; font-family: 'ScalaSansPro-Bold';text-decoration: none;}
#home #wrapper #content .activityCalendar .actResults .actResultItem .actInfo .hlfC a:hover{text-decoration: underline;}
#home #wrapper #content .activityCalendar .actResults .actResultItem .actInfo .hlfC.buttonsContainer > a{float: right;line-height: 60px;}
@media (max-width:767px){
  #home #wrapper #content .activityCalendar .actResults .actResultItem .actInfo .hlfC.buttonsContainer > a{float: left;}
}
#home #wrapper #content .activityCalendar .actResults .actResultItem .actInfo .hlfC.buttonsContainer > div{float: right;margin-left: 20px;}
#home #wrapper #content .activityCalendar .actResults .actResultItem .actInfo .hlfC.buttonsContainer > div a.free{opacity: .5;}
#home #wrapper #content .activityCalendar .actResults .actResultItem .actInfo ul{margin-bottom: 0;}
#home #wrapper #content .activityCalendar .actResults .actResultItem .actInfo .hlfC li{width:50%;float: left;line-height: 26px;}
#home #wrapper #content .activityCalendar .actResults .actResultItem .actInfo ul li.dpicon:before{background: url(../images/site/dpicon.png) no-repeat center;width:19px;height: 19px;content:"";}
#home #wrapper #content .activityCalendar .actResults .actResultItem .actInfo ul li.mapicon::before{background: url(../images/site/mapicon2.png) no-repeat center;width:16px;height: 21px;content:"";}
#home #wrapper #content .activityCalendar .days .slick-list{height: 88px;overflow-y:auto;overflow-x:hidden; }
#home #wrapper #content .activityCalendar .days .slick-initialized .slick-slide{height: 88px;}
#home #wrapper #content .activityCalendar .timelinearea{padding-bottom: 0;}
#home #wrapper #content .activityCalendar .days ul li > span,#home #wrapper #content .activityCalendar .days ul li a{height: 100%;position: relative;}
#home #wrapper #content .activityCalendar .days ul li a::after{ width: 0;height: 0;  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;;content:"";display: none;position: absolute;left: 50%;bottom:0;margin-left: -5px;}

#home #wrapper #content .activityCalendar .days ul li.active a::after{display: block;}

#wrapper #content .homeSlider .slick-arrow{width:25%;height: 100%;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(../images/site/new-slider-arrow-right.png) no-repeat 90% center ;}
#wrapper #content .homeSlider .slick-arrow.slick-prev{background:url(../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*/

a.bannerDetailLink {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
	z-index: 99;
}

#wrapper #content .homeSlider .slick-dots {position: absolute; bottom: 115px;display: inline;width:auto !important; transition: .1s;-webkit-transition: .1s;left: 100px;}
#wrapper #content .singleSlider.bottomSlide .sliderItem .playButton{top:65%;}
#wrapper #content .singleSlider.bottomSlide .sliderItem .slideInfo h3 {line-height: 90px;}
#wrapper #content .singleSlider.bottomSlide .sliderItem .slideInfo {max-height: 40%;}
#wrapper #content .singleSlider.bottomSlide .slideInfo {
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
}

@media (max-width: 768px) {
#wrapper #content .singleSlider.bottomSlide .sliderItem .slideInfo h3{line-height: 38px;}
}

@media (max-width: 767px){ 
#wrapper #content .singleSlider.bottomSlide .sliderItem .slideInfo {left: 50% !important;}
}

@media (max-width: 767px){ 
#wrapper #content .singleSlider .slideInfo h3 { font-size: 20px !important; padding-right: 0 !important; margin-top: 45px; line-height: 24px !important;}
}

@media (max-width: 768px){
#wrapper #content .singleSlider.bottomSlide .sliderItem .slideInfo { max-height: 45%; width: 75%; }
}

#wrapper #content .singleSlider.bottomSlide .sliderItem .slideInfo, #wrapper #content .singleSlider.subSlider .sliderItem .slideInfo {
    max-height: 30%;
    position: absolute;
    height: 100%;
}
#wrapper #content .sliderItem .slideInfo .playButton { left: 50%;}

.activityCalendar:hover + .acOverlay{display: block}
.activityCalendar{z-index: 5500}
.acOverlay {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 5000;
    background: #000;
    opacity: .4;
    transition: .4s;
    display: none;
}
@media (max-width: 768px){
  .acOverlay{display: none !important;}
}
 
 
/*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: 41px !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);}
}
 
 
 
 /*-----------------*/


#wrapper #content .homeSlider {
  background: #615cc7; }
#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;}
  #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 .slideInfo h2 {
    font-size: 55px;
    font-family: "ScalaSansPro-Bold", Arial, Helvetica, Sans-Serif;
    color: #fff;
    padding-right: 50%;
    margin-bottom: 15px;
}
.slideInfo h2 a {display: inline; background: #615cc7; font-size: 34px; color: #fff;}
 
#wrapper #content .homeSlider .slick-arrow{width:25%;height: 100%;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 .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 !important; 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%;}
#wrapper #content .singleSlider.announcements .slideInfo {left: 35px;bottom: 110px !important;}
/*---------*/
 
 /* 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; } 
}*/