.main-container .main-slider-wrapper {
  width: 100%;
  background: #DCDCDC;
  padding: 0 0;
  -webkit-box-shadow: inset 5px 0px 40px rgba(0, 0, 0, 0.4);
  -khtml-box-shadow: inset 5px 0px 40px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 5px 0px 40px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: inset 5px 0px 40px rgba(0, 0, 0, 0.4);
  -o-box-shadow: inset 5px 0px 40px rgba(0, 0, 0, 0.4);
  box-shadow: inset 5px 0px 40px rgba(0, 0, 0, 0.4); }
  .main-container .main-slider-wrapper .slider-wrap .swiper-button-next, .main-container .main-slider-wrapper .slider-wrap .swiper-button-prev {
    color: #575757;
    background: none;
    font-size: 2rem;
    line-height: 4rem;
    text-align: center;
    background: rgba(255, 255, 255, 0.49);
    width: 4rem;
    height: 4rem;
    -webkit-border-radius: 50%;
    -khtml-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    display: block;
    border: solid white 1px; }
  .main-container .main-slider-wrapper .last-ad section .item {
    display: block;
    height: 7.5rem;
    background: #DCDCDC;
    -webkit-box-shadow: inset 45px 12px 46px rgba(0, 0, 0, 0.2);
    -khtml-box-shadow: inset 45px 12px 46px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 45px 12px 46px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: inset 45px 12px 46px rgba(0, 0, 0, 0.2);
    -o-box-shadow: inset 45px 12px 46px rgba(0, 0, 0, 0.2);
    box-shadow: inset 45px 12px 46px rgba(0, 0, 0, 0.2);
    background: white; }
    .main-container .main-slider-wrapper .last-ad section .item .slider-wrapper {
      display: inline-block;
      vertical-align: top;
      width: 20rem;
      font: 1.5rem/2rem GN-Medium;
      padding: 1.8rem 2rem; }
      .main-container .main-slider-wrapper .last-ad section .item .slider-wrapper:hover .swiper-button-next, .main-container .main-slider-wrapper .last-ad section .item .slider-wrapper:hover .swiper-button-prev {
        visibility: visible;
        opacity: 1; }
      .main-container .main-slider-wrapper .last-ad section .item .slider-wrapper .swiper-slide span {
        overflow: hidden;
        width: 100%;
        height: 44px;
        display: inline-block;
        text-overflow: ellipsis; }
    .main-container .main-slider-wrapper .last-ad section .item .swiper-button-next, .main-container .main-slider-wrapper .last-ad section .item .swiper-button-prev {
      background: none;
      visibility: hidden;
      opacity: 0;
      -webkit-transition: 0.3s;
      -khtml-transition: 0.3s;
      -moz-transition: 0.3s;
      -ms-transition: 0.3s;
      -o-transition: 0.3s;
      transition: 0.3s; }
      .main-container .main-slider-wrapper .last-ad section .item .swiper-button-next:before, .main-container .main-slider-wrapper .last-ad section .item .swiper-button-prev:before {
        display: inline-block;
        vertical-align: middle;
        margin-top: 1.4rem;
        width: 100%;
        text-align: center; }
    .main-container .main-slider-wrapper .last-ad section .item .swiper-button-next {
      right: -.5rem; }
    .main-container .main-slider-wrapper .last-ad section .item .swiper-button-prev {
      left: -.5rem; }
    .main-container .main-slider-wrapper .last-ad section .item span.icon {
      display: inline-block;
      vertical-align: top;
      width: 7.5rem;
      height: 7.5rem;
      font-size: 4rem;
      line-height: 7.5rem;
      text-align: center;
      color: rgba(255, 255, 255, 0.7);
      padding: 0;
      position: relative; }
      .main-container .main-slider-wrapper .last-ad section .item span.icon:after {
        position: absolute;
        content: " ";
        width: 1rem;
        height: 1rem;
        right: -.5rem;
        margin-top: -.5rem;
        top: 50%;
        -webkit-transform: rotate(45deg);
        -khtml-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        filter: progid:DXImageTransform.Microsoft.Matrix( M11=0, M12=0, M21=0, M22=0, sizingMethod='auto expand');
        zoom: 1; }
      .main-container .main-slider-wrapper .last-ad section .item span.icon.yellow {
        background: #FFDC00; }
        .main-container .main-slider-wrapper .last-ad section .item span.icon.yellow:after {
          background: #FFDC00; }
      .main-container .main-slider-wrapper .last-ad section .item span.icon.blue {
        background: #0084C3; }
        .main-container .main-slider-wrapper .last-ad section .item span.icon.blue:after {
          background: #0084C3; }
      .main-container .main-slider-wrapper .last-ad section .item span.icon.green {
        background: #69B9B9; }
        .main-container .main-slider-wrapper .last-ad section .item span.icon.green:after {
          background: #69B9B9; }
      .main-container .main-slider-wrapper .last-ad section .item span.icon.pink {
        background: #E34B67; }
        .main-container .main-slider-wrapper .last-ad section .item span.icon.pink:after {
          background: #E34B67; }
      .main-container .main-slider-wrapper .last-ad section .item span.icon.orange {
        background: #FFAE27; }
        .main-container .main-slider-wrapper .last-ad section .item span.icon.orange:after {
          background: #FFAE27; }

.main-container #sehir {
  position: absolute;
  z-index: 10; }
  .main-container #sehir .wrapper {
    position: relative;
    min-width: 15rem; }
    .main-container #sehir .wrapper .counter {
      position: relative;
      background: #575757;
      width: 7.8rem;
      height: 7.8rem;
      line-height: 7.8rem;
      color: #FFDC00;
      font-family: GC-BoldItalic;
      font-size: 3.7rem;
      text-align: center;
      -webkit-border-radius: 50%;
      -khtml-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      z-index: 5;
      box-shadow: rgba(0, 0, 0, 0.51) 3px 3px 10px; }
    .main-container #sehir .wrapper .city {
      position: absolute;
      left: 37px;
      min-width: 10rem;
      padding: 0 0.5rem;
      font-family: GC-BoldItalic;
      font-size: 1.8rem;
      color: #FFDC00;
      background: #575757;
      z-index: 6;
      top: 0;
      line-height: 2.4rem;
      width: 11rem;
      -ms-transform: skew(-6deg, 0deg);
      -webkit-transform: skew(-6deg, 0deg);
      transform: skew(-6deg, 0deg); }
    .main-container #sehir .wrapper .ad {
      position: absolute;
      left: 37px;
      padding: 0 0.5rem;
      font-family: GC-BoldItalic;
      font-size: 3.7rem;
      color: #575757;
      background: #FFDC00;
      z-index: 4;
      top: 2rem;
      line-height: 4rem;
      width: 8rem;
      margin-left: 2.7rem;
      padding-left: 2rem;
      padding-top: .5rem;
      -ms-transform: skew(-6deg, 0deg);
      -webkit-transform: skew(-6deg, 0deg);
      transform: skew(-6deg, 0deg);
      box-shadow: rgba(0, 0, 0, 0.51) 3px 3px 20px; }

.main-container .main-wrap {
  margin: 2rem 0; }
  .main-container .main-wrap .map-canvas {
    overflow: hidden;
    /*img {
				width: 100%;
			}*/ }
    .main-container .main-wrap .map-canvas #map {
      height: 400px; }
      .main-container .main-wrap .map-canvas #map svg {
        -ms-transform: scale(0.8);
        /* IE 9 */
        -webkit-transform: scale(0.8);
        /* Safari */
        transform: scale(0.8);
        top: -153.984375px !important;
        left: -115px !important; }
  .main-container .main-wrap .info-box ul {
    -webkit-flex-flow: nowrap;
    -moz-flex-flow: nowrap;
    flex-flow: nowrap; }
  .main-container .main-wrap .info-box .item {
    padding: 0; }
    .main-container .main-wrap .info-box .item a {
      -webkit-box-shadow: inset 10px 0px 70px rgba(0, 0, 0, 0.2);
      -khtml-box-shadow: inset 10px 0px 70px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: inset 10px 0px 70px rgba(0, 0, 0, 0.2);
      -ms-box-shadow: inset 10px 0px 70px rgba(0, 0, 0, 0.2);
      -o-box-shadow: inset 10px 0px 70px rgba(0, 0, 0, 0.2);
      box-shadow: inset 10px 0px 70px rgba(0, 0, 0, 0.2);
      font: 1.6rem/1.8rem GN-Medium;
      padding: 2.5rem 1rem 2.5rem 2rem;
      display: block;
      background: #DCDCDC;
      height: 9rem; }
      .main-container .main-wrap .info-box .item a:hover {
        background: #FFDC00; }
      .main-container .main-wrap .info-box .item a span {
        font-size: 4.5rem;
        float: left;
        margin-right: .5rem; }

.title {
  background: #FFDC00;
  line-height: 4rem;
  color: #575757;
  font: 1.8rem/4rem GN-Medium;
  padding: 0 0 0 1.5rem; }