@font-face {
        font-family: 'Sporyapi Logo';
        src:url('/Fonts/logo-sporyapi.ttf?bf5gj0') format('truetype');
        font-weight: normal;
        font-style: normal
      }

      .logo-sporyapi {
        font-family: 'Sporyapi Logo' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
      }

      .logo-sporyapi:before {
        content: "";
        color: #006852
      }

      .logo-sporyapi:after {
        content: "";
        margin-left: -.8349609375em;
        color: #fff
      }

      @font-face {
        font-family: 'Logo Mavera';
        src:url('/Fonts/logo-mavera-interaktif.ttf?-uq8fph') format('truetype');
        font-weight: normal;
        font-style: normal
      }

      .logo-mavera-interaktif {
        position: relative !important;
        font-family: 'Logo Mavera' !important;
        line-height: 1 !important;
        font-size: 8px !important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
      }

      .logo-mavera-interaktif:before {
        font-family: 'Logo Mavera' !important;
        content: "" !important;
        color: #fff
      }

      .logo-mavera-interaktif:after {
        font-family: 'Logo Mavera' !important;
        content: "" !important;
        color: #00719c !important;
        position: absolute !important;
        left: 0 !important;
        top: 0 !important
      }

      @font-face {
        font-family: 'Dint Regular';
        src:url('/Fonts/dint-regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal
      }

      @font-face {
        font-family: 'Dint Black';
        src:url('/Fonts/dint-black.ttf') format('truetype');
        font-weight: normal;
        font-style: normal
      }

      @font-face {
        font-family: 'Dint Bold';
        src:url('/Fonts/dint-bold.ttf') format('truetype');
        font-weight: normal;
        font-style: normal
      }

      @font-face {
        font-family: 'Icons';
        src:url('/Fonts/icons.ttf?l11zzw') format('truetype');
        font-weight: normal;
        font-style: normal
      }

      [class^="icon-"],
      [class*=" icon-"] {
        font-family: 'Icons' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
      }

      .icon-photo:before {
        content: ""
      }

      .icon-gallery:before {
        content: ""
      }

      .swiper-container {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        z-index: 1
      }

      .swiper-container-no-flexbox .swiper-slide {
        float: left
      }

      .swiper-container-vertical>.swiper-wrapper {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
      }

      .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -ms-transition-property: -ms-transform;
        transition-property: transform;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box
      }

      .swiper-container-android .swiper-slide,
      .swiper-wrapper {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
      }

      .swiper-container-multirow>.swiper-wrapper {
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
      }

      .swiper-container-free-mode>.swiper-wrapper {
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -ms-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
        margin: 0 auto
      }

      .swiper-slide {
        -webkit-flex-shrink: 0;
        -ms-flex: 0 0 auto;
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative
      }

      .swiper-container-autoheight,
      .swiper-container-autoheight .swiper-slide {
        height: auto
      }

      .swiper-container-autoheight .swiper-wrapper {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-transition-property: -webkit-transform, height;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -ms-transition-property: -ms-transform;
        transition-property: transform, height
      }

      .swiper-container .swiper-notification {
        position: absolute;
        left: 0;
        top: 0;
        pointer-events: none;
        opacity: 0;
        z-index: -1000
      }

      .swiper-wp8-horizontal {
        -ms-touch-action: pan-y;
        touch-action: pan-y
      }

      .swiper-wp8-vertical {
        -ms-touch-action: pan-x;
        touch-action: pan-x
      }

      .swiper-button-prev,
      .swiper-button-next {
        position: absolute;
        top: 50%;
        width: 27px;
        height: 44px;
        margin-top: -22px;
        z-index: 10;
        cursor: pointer;
        -moz-background-size: 27px 44px;
        -webkit-background-size: 27px 44px;
        background-size: 27px 44px;
        background-position: center;
        background-repeat: no-repeat
      }

      .swiper-button-prev.swiper-button-disabled,
      .swiper-button-next.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
      }

      .swiper-button-prev,
      .swiper-container-rtl .swiper-button-next {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
        left: 10px;
        right: auto
      }

      .swiper-button-prev.swiper-button-black,
      .swiper-container-rtl .swiper-button-next.swiper-button-black {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
      }

      .swiper-button-prev.swiper-button-white,
      .swiper-container-rtl .swiper-button-next.swiper-button-white {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
      }

      .swiper-button-next,
      .swiper-container-rtl .swiper-button-prev {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
        right: 10px;
        left: auto
      }

      .swiper-button-next.swiper-button-black,
      .swiper-container-rtl .swiper-button-prev.swiper-button-black {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
      }

      .swiper-button-next.swiper-button-white,
      .swiper-container-rtl .swiper-button-prev.swiper-button-white {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
      }

      .swiper-pagination {
        position: absolute;
        text-align: center;
        -webkit-transition: 300ms;
        -moz-transition: 300ms;
        -o-transition: 300ms;
        transition: 300ms;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        z-index: 10
      }

      .swiper-pagination.swiper-pagination-hidden {
        opacity: 0
      }

      .swiper-pagination-fraction,
      .swiper-pagination-custom,
      .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 10px;
        left: 0;
        width: 100%
      }

      .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        display: inline-block;
        border-radius: 100%;
        background: #000;
        opacity: .2
      }

      button.swiper-pagination-bullet {
        border: none;
        margin: 0;
        padding: 0;
        box-shadow: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -webkit-appearance: none;
        appearance: none
      }

      .swiper-pagination-clickable .swiper-pagination-bullet {
        cursor: pointer
      }

      .swiper-pagination-white .swiper-pagination-bullet {
        background: #fff
      }

      .swiper-pagination-bullet-active {
        opacity: 1;
        background: #007aff
      }

      .swiper-pagination-white .swiper-pagination-bullet-active {
        background: #fff
      }

      .swiper-pagination-black .swiper-pagination-bullet-active {
        background: #000
      }

      .swiper-container-vertical>.swiper-pagination-bullets {
        right: 10px;
        top: 50%;
        -webkit-transform: translate3d(0, -50%, 0);
        -moz-transform: translate3d(0, -50%, 0);
        -o-transform: translate(0, -50%);
        -ms-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
      }

      .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 5px 0;
        display: block
      }

      .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px
      }

      .swiper-pagination-progress {
        background: rgba(0, 0, 0, .25);
        position: absolute
      }

      .swiper-pagination-progress .swiper-pagination-progressbar {
        background: #007aff;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top
      }

      .swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
        -webkit-transform-origin: right top;
        -moz-transform-origin: right top;
        -ms-transform-origin: right top;
        -o-transform-origin: right top;
        transform-origin: right top
      }

      .swiper-container-horizontal>.swiper-pagination-progress {
        width: 100%;
        height: 4px;
        left: 0;
        top: 0
      }

      .swiper-container-vertical>.swiper-pagination-progress {
        width: 4px;
        height: 100%;
        left: 0;
        top: 0
      }

      .swiper-pagination-progress.swiper-pagination-white {
        background: rgba(255, 255, 255, .5)
      }

      .swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
        background: #fff
      }

      .swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
        background: #000
      }

      .swiper-container-3d {
        -webkit-perspective: 1200px;
        -moz-perspective: 1200px;
        -o-perspective: 1200px;
        perspective: 1200px
      }

      .swiper-container-3d .swiper-wrapper,
      .swiper-container-3d .swiper-slide,
      .swiper-container-3d .swiper-slide-shadow-left,
      .swiper-container-3d .swiper-slide-shadow-right,
      .swiper-container-3d .swiper-slide-shadow-top,
      .swiper-container-3d .swiper-slide-shadow-bottom,
      .swiper-container-3d .swiper-cube-shadow {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d
      }

      .swiper-container-3d .swiper-slide-shadow-left,
      .swiper-container-3d .swiper-slide-shadow-right,
      .swiper-container-3d .swiper-slide-shadow-top,
      .swiper-container-3d .swiper-slide-shadow-bottom {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
      }

      .swiper-container-3d .swiper-slide-shadow-left {
        background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
        background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
        background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
        background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
        background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
      }

      .swiper-container-3d .swiper-slide-shadow-right {
        background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
        background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
        background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
        background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
        background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
      }

      .swiper-container-3d .swiper-slide-shadow-top {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
        background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
        background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
        background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
        background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
      }

      .swiper-container-3d .swiper-slide-shadow-bottom {
        background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
        background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
        background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
        background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
      }

      .swiper-container-coverflow .swiper-wrapper,
      .swiper-container-flip .swiper-wrapper {
        -ms-perspective: 1200px
      }

      .swiper-container-cube,
      .swiper-container-flip {
        overflow: visible
      }

      .swiper-container-cube .swiper-slide,
      .swiper-container-flip .swiper-slide {
        pointer-events: none;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        z-index: 1
      }

      .swiper-container-cube .swiper-slide .swiper-slide,
      .swiper-container-flip .swiper-slide .swiper-slide {
        pointer-events: none
      }

      .swiper-container-cube .swiper-slide-active,
      .swiper-container-flip .swiper-slide-active,
      .swiper-container-cube .swiper-slide-active .swiper-slide-active,
      .swiper-container-flip .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
      }

      .swiper-container-cube .swiper-slide-shadow-top,
      .swiper-container-flip .swiper-slide-shadow-top,
      .swiper-container-cube .swiper-slide-shadow-bottom,
      .swiper-container-flip .swiper-slide-shadow-bottom,
      .swiper-container-cube .swiper-slide-shadow-left,
      .swiper-container-flip .swiper-slide-shadow-left,
      .swiper-container-cube .swiper-slide-shadow-right,
      .swiper-container-flip .swiper-slide-shadow-right {
        z-index: 0;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden
      }

      .swiper-container-cube .swiper-slide {
        visibility: hidden;
        -webkit-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        width: 100%;
        height: 100%
      }

      .swiper-container-cube.swiper-container-rtl .swiper-slide {
        -webkit-transform-origin: 100% 0;
        -moz-transform-origin: 100% 0;
        -ms-transform-origin: 100% 0;
        transform-origin: 100% 0
      }

      .swiper-container-cube .swiper-slide-active,
      .swiper-container-cube .swiper-slide-next,
      .swiper-container-cube .swiper-slide-prev,
      .swiper-container-cube .swiper-slide-next+.swiper-slide {
        pointer-events: auto;
        visibility: visible
      }

      .swiper-container-cube .swiper-cube-shadow {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .6;
        -webkit-filter: blur(50px);
        filter: blur(50px);
        z-index: 0
      }

      .swiper-container-fade.swiper-container-free-mode .swiper-slide {
        -webkit-transition-timing-function: ease-out;
        -moz-transition-timing-function: ease-out;
        -ms-transition-timing-function: ease-out;
        -o-transition-timing-function: ease-out;
        transition-timing-function: ease-out
      }

      .swiper-container-fade .swiper-slide {
        pointer-events: none;
        -webkit-transition-property: opacity;
        -moz-transition-property: opacity;
        -o-transition-property: opacity;
        transition-property: opacity
      }

      .swiper-container-fade .swiper-slide .swiper-slide {
        pointer-events: none
      }

      .swiper-container-fade .swiper-slide-active,
      .swiper-container-fade .swiper-slide-active .swiper-slide-active {
        pointer-events: auto
      }

      .swiper-scrollbar {
        border-radius: 10px;
        position: relative;
        -ms-touch-action: none;
        background: rgba(0, 0, 0, .1)
      }

      .swiper-container-horizontal>.swiper-scrollbar {
        position: absolute;
        left: 1%;
        bottom: 3px;
        z-index: 50;
        height: 5px;
        width: 98%
      }

      .swiper-container-vertical>.swiper-scrollbar {
        position: absolute;
        right: 3px;
        top: 1%;
        z-index: 50;
        width: 5px;
        height: 98%
      }

      .swiper-scrollbar-drag {
        height: 100%;
        width: 100%;
        position: relative;
        background: rgba(0, 0, 0, .5);
        border-radius: 10px;
        left: 0;
        top: 0
      }

      .swiper-scrollbar-cursor-drag {
        cursor: move
      }

      .swiper-lazy-preloader {
        width: 42px;
        height: 42px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -21px;
        margin-top: -21px;
        z-index: 10;
        -webkit-transform-origin: 50%;
        -moz-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
        -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
        animation: swiper-preloader-spin 1s steps(12, end) infinite
      }

      .swiper-lazy-preloader:after {
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
        background-position: 50%;
        -webkit-background-size: 100%;
        background-size: 100%;
        background-repeat: no-repeat
      }

      .swiper-lazy-preloader-white:after {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
      }

      @-webkit-keyframes swiper-preloader-spin {
        100% {
          -webkit-transform: rotate(360deg)
        }
      }

      @keyframes swiper-preloader-spin {
        100% {
          transform: rotate(360deg)
        }
      }

      .jslghtbx-ie8.jslghtbx {
        background-image: url("/javascripts/img/trans-bck.png");
        display: none
      }

      .jslghtbx-ie8.jslghtbx.jslghtbx-active {
        display: block
      }

      .jslghtbx-ie8.jslghtbx .jslghtbx-contentwrapper>img {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        display: block
      }

      .jslghtbx-ie8.jslghtbx .jslghtbx-contentwrapper.jslghtbx-wrapper-active>img {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
      }

      .jslghtbx {
        font-family: sans-serif;
        overflow: auto;
        visibility: hidden;
        position: fixed;
        z-index: 9999;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: transparent
      }

      .jslghtbx.jslghtbx-active {
        visibility: visible;
        background-color: rgba(0, 0, 0, .85)
      }

      .jslghtbx-loading-animation {
        margin-top: -60px;
        margin-left: -60px;
        width: 120px;
        height: 120px;
        top: 50%;
        left: 50%;
        display: none;
        position: absolute;
        z-index: -1
      }

      .jslghtbx-loading-animation>span {
        display: inline-block;
        width: 20px;
        height: 20px;
        border-radius: 20px;
        margin: 5px;
        background-color: #fff;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out
      }

      .jslghtbx-loading-animation>span.jslghtbx-active {
        margin-bottom: 60px
      }

      .jslghtbx.jslghtbx-loading .jslghtbx-loading-animation {
        display: block
      }

      .jslghtbx-nooverflow {
        overflow: hidden !important
      }

      .jslghtbx-contentwrapper {
        margin: auto;
        visibility: hidden
      }

      .jslghtbx-contentwrapper>img {
        background: #fff;
        padding: .5em;
        display: none;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        opacity: 0
      }

      .jslghtbx-contentwrapper.jslghtbx-wrapper-active {
        visibility: visible
      }

      .jslghtbx-contentwrapper.jslghtbx-wrapper-active>img {
        display: block;
        opacity: 1
      }

      .jslghtbx-caption {
        display: none;
        margin-left: auto;
        margin-right: auto;
        margin-top: 5px;
        margin-bottom: 5px;
        max-width: 450px;
        color: #fff;
        text-align: center;
        font-size: .9em
      }

      .jslghtbx-active .jslghtbx-caption {
        display: block
      }

      .jslghtbx-contentwrapper.jslghtbx-animate>img {
        opacity: 0
      }

      .jslghtbx-contentwrapper>img.jslghtbx-animate-transition {
        -webkit-transition: opacity .2s ease-in-out;
        -moz-transition: opacity .2s ease-in-out;
        -o-transition: opacity .2s ease-in-out;
        -ms-transition: opacity .2s ease-in-out
      }

      .jslghtbx-contentwrapper>img.jslghtbx-animating-next {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
      }

      .jslghtbx-contentwrapper>img.jslghtbx-animating-prev {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
      }

      .jslghtbx-contentwrapper>img.jslghtbx-animate-init {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
      }

      .jslghtbx-contentwrapper>img.jslghtbx-animate-transition {
        cursor: pointer
      }

      .jslghtbx-close {
        position: fixed;
        right: 23px;
        top: 23px;
        margin-top: -4px;
        font-size: 2em;
        color: #fff;
        cursor: pointer;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out
      }

      .jslghtbx-close:hover {
        text-shadow: 0 0 10px #fff
      }

      @media screen and (max-width:1060px) {
        .jslghtbx-close {
          font-size: 1.5em
        }
      }

      .jslghtbx-next,
      .jslghtbx-prev {
        display: none;
        position: fixed;
        top: 50%;
        max-width: 6%;
        max-height: 250px;
        cursor: pointer;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out
      }

      .jslghtbx-next.jslghtbx-active,
      .jslghtbx-prev.jslghtbx-active {
        display: block
      }

      .jslghtbx-next>img,
      .jslghtbx-prev>img {
        width: 100%
      }

      .jslghtbx-next {
        right: .6em
      }

      .jslghtbx-next.jslghtbx-no-img:hover {
        border-left-color: #787878
      }

      @media screen and (min-width:451px) {
        .jslghtbx-next {
          right: .6em
        }

        .jslghtbx-next.jslghtbx-no-img {
          border-top: 40px solid transparent;
          border-bottom: 40px solid transparent;
          border-left: 40px solid #fff
        }
      }

      @media screen and (max-width:600px) {
        .jslghtbx-next.jslghtbx-no-img {
          right: 5px;
          padding-left: 0;
          border-top: 15px solid transparent;
          border-bottom: 15px solid transparent;
          border-left: 15px solid #fff
        }
      }

      @media screen and (max-width:450px) {
        .jslghtbx-next {
          right: .2em;
          padding-left: 20px
        }
      }

      .jslghtbx-prev {
        left: .6em
      }

      .jslghtbx-prev.jslghtbx-no-img:hover {
        border-right-color: #787878
      }

      @media screen and (min-width:451px) {
        .jslghtbx-prev {
          left: .6em
        }

        .jslghtbx-prev.jslghtbx-no-img {
          border-top: 40px solid transparent;
          border-bottom: 40px solid transparent;
          border-right: 40px solid #fff
        }
      }

      @media screen and (max-width:600px) {
        .jslghtbx-prev.jslghtbx-no-img {
          left: 5px;
          padding-right: 0;
          border-top: 15px solid transparent;
          border-bottom: 15px solid transparent;
          border-right: 15px solid #fff
        }
      }

      @media screen and (max-width:450px) {
        .jslghtbx-prev {
          left: .2em;
          padding-right: 20px
        }
      }

      .jslghtbx-thmb {
        padding: 2px;
        max-width: 100%;
        max-height: 140px;
        cursor: pointer;
        box-shadow: 0 0 3px 0 #000;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out
      }

      @media screen and (min-width:451px) {
        .jslghtbx-thmb {
          margin: 1em
        }
      }

      @media screen and (max-width:450px) {
        .jslghtbx-thmb {
          margin: 1em 0
        }
      }

      .jslghtbx-thmb:hover {
        box-shadow: 0 0 14px 0 #000
      }

      html {
        font-family: sans-serif;
        -ms-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%
      }

      body {
        margin: 0
      }

      article,
      aside,
      details,
      figcaption,
      figure,
      footer,
      header,
      hgroup,
      main,
      menu,
      nav,
      section,
      summary {
        display: block
      }

      audio,
      canvas,
      progress,
      video {
        display: inline-block;
        vertical-align: baseline
      }

      audio:not([controls]) {
        display: none;
        height: 0
      }

      [hidden],
      template {
        display: none
      }

      a {
        background-color: transparent;
        text-decoration: none;
        outline: 0
      }

      abbr[title] {
        border-bottom: 1px dotted
      }

      b,
      strong {
        font-weight: bold
      }

      dfn {
        font-style: italic
      }

      h1 {
        font-size: 2em;
        margin: .67em 0
      }

      mark {
        background: #ff0;
        color: #000
      }

      small {
        font-size: 80%
      }

      sub,
      sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
      }

      sup {
        top: -.5em
      }

      sub {
        bottom: -.25em
      }

      img {
        display: block;
        max-width: 100%;
        border: 0
      }

      svg:not(:root) {
        overflow: hidden
      }

      figure {
        margin: 1em 40px
      }

      hr {
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        height: 0
      }

      pre {
        overflow: auto
      }

      code,
      kbd,
      pre,
      samp {
        font-family: monospace, monospace;
        font-size: 1em
      }

      button,
      input,
      optgroup,
      select,
      textarea {
        color: inherit;
        font: inherit;
        margin: 0
      }

      button {
        overflow: visible
      }

      button,
      select {
        text-transform: none
      }

      button,
      html input[type="button"],
      input[type="reset"],
      input[type="submit"] {
        -webkit-appearance: button;
        cursor: pointer
      }

      button[disabled],
      html input[disabled] {
        cursor: default
      }

      button::-moz-focus-inner,
      input::-moz-focus-inner {
        border: 0;
        padding: 0
      }

      input {
        line-height: normal;
        outline: none
      }

      input[type="checkbox"],
      input[type="radio"] {
        box-sizing: border-box;
        padding: 0
      }

      input[type="number"]::-webkit-inner-spin-button,
      input[type="number"]::-webkit-outer-spin-button {
        height: auto
      }

      input[type="search"] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
      }

      input[type="search"]::-webkit-search-cancel-button,
      input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none
      }

      fieldset {
        border: 1px solid #c0c0c0;
        margin: 0 2px;
        padding: .35em .625em .75em
      }

      legend {
        border: 0;
        padding: 0
      }

      textarea {
        overflow: auto
      }

      optgroup {
        font-weight: bold
      }

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

      td,
      th {
        padding: 0
      }

      h1,
      h2,
      h3,
      h4,
      h5,
      h6,
      p {
        margin: 0
      }

      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        font-weight: unset
      }

      figure,
      menu,
      ul {
        padding: 0;
        margin: 0
      }

      em,
      label {
        cursor: unset
      }

      li {
        text-decoration: none;
        list-style: none
      }

      iframe {
        border: none
      }

      html,
      body {
        height: 100%
      }

      body {
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
        font-family: 'Dint Regular', 'Times New Roman', Times, serif
      }

      .master {
        width: 1200px;
        margin: 0 auto
      }

      .clear::after {
        display: block;
        content: '';
        clear: both
      }

      #wrapper {
        height: auto !important;
        margin-bottom: -30px;
        min-height: 100%
      }

      #push {
        clear: both;
        float: none;
        height: 30px
      }

      .transition,
      .transition:before,
      .transition:after {
        -moz-transition-duration: .35s;
        -o-transition-duration: .35s;
        -webkit-transition-duration: .35s;
        transition-duration: .35s;
        -moz-transition-delay: 0;
        -o-transition-delay: 0;
        -webkit-transition-delay: 0;
        transition-delay: 0;
        -moz-transition-timing-function: ease;
        -o-transition-timing-function: ease;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease
      }

      h1 {
        display: block;
        padding: 30px 0 20px 0;
        line-height: 1.5;
        font-size: 28px;
        color: #fff;
        font-family: 'Dint Bold'
      }

      h2 {
        display: block;
        padding: 20px 0 10px 0;
        line-height: 1.5;
        font-size: 22px;
        color: #fff;
        font-family: 'Dint Bold'
      }

      h3 {
        display: block;
        padding: 12px 0 5px 0;
        line-height: 1.5;
        font-size: 18px;
        color: #fff;
        font-family: 'Dint Bold'
      }

      h4 {
        padding: 8px 0 5px 0;
        line-height: 1.5;
        font-size: 16px;
        color: #fff;
        font-family: 'Dint Bold'
      }

      .first-title {
        padding-top: 0
      }

      p {
        padding: 5px 0;
        line-height: 1.5;
        font-size: 14px;
        color: #fff;
        font-family: 'Dint Regular'
      }

      img {
        display: block;
        max-width: 100%
      }

      @media only screen and (max-width:1220px) {
        .master {
          width: 980px
        }

        h1 {
          padding: 25px 0 5px 0;
          font-size: 24px
        }

        h2 {
          padding: 15px 0 5px 0;
          font-size: 17px
        }

        h3 {
          padding: 15px 0 5px 0;
          font-size: 15px
        }
      }

      @media only screen and (max-width:1000px) {
        body.no-scroll {
          overflow: hidden
        }

        .master {
          width: 100%;
          padding: 0 20px;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box
        }

        #wrapper {
          overflow-y: hidden
        }
      }

      @media only screen and (max-width:768px) {
        .master {
          padding: 0 10px
        }
      }

      #layout {
        display: none
      }

      header {
        position: relative;
        width: 100%;
        padding: 20px 0;
        margin-bottom: 40px;
        z-index: 999
      }

      header>.master {
        position: relative
      }

      header .mobile-menu {
        display: none
      }

      header .logo {
        float: left;
        line-height: 1;
        font-size: 100px
      }

      header menu {
        position: absolute;
        bottom: 0;
        right: 0;
        background-color: #fff
      }

      header menu a {
        float: left;
        line-height: 1;
        padding: 9px 15px;
        color: #003b90;
        font-size: 17px;
        font-family: 'Dint Bold'
      }

      header menu a.language {
        position: absolute;
        width: auto;
        top: -30px;
        right: 0;
        line-height: 1;
        padding: 5px 12px;
        color: #003b90;
        background-color: #fff;
        font-size: 12px;
        font-family: 'Dint Bold'
      }

      header menu a:hover {
        color: #fff;
        background-color: #326abd
      }

      header menu a.selected {
        color: #fff;
        background-color: #003b90
      }

      footer {
        position: relative;
        height: 30px;
        z-index: 99
      }

      footer>.master {
        position: relative
      }

      footer span {
        display: block;
        text-align: center;
        line-height: 30px;
        color: #fff;
        font-size: 13px
      }

      footer .logo-mavera-interaktif {
        position: absolute !important;
        top: 50%;
        right: 0;
        margin-top: -4px
      }

      @media only screen and (max-width:1220px) {
        header menu a {
          padding: 10px 15px;
          font-size: 13px
        }
      }

      @media only screen and (max-width:1000px) {
        #overlay.active {
          display: block;
          position: fixed;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background-color: rgba(0, 0, 0, .8);
          z-index: 9991
        }

        header .mobile-menu {
          display: block;
          position: absolute;
          right: 20px;
          top: 50%;
          width: 44px;
          margin-top: -21px;
          padding: 10px 8px;
          background-color: #2458a4;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          cursor: pointer;
          -moz-transition: .3s ease;
          -o-transition: .3s ease;
          -webkit-transition: .3s ease;
          transition: .3s ease;
          -moz-transition-property: right;
          -o-transition-property: right;
          -webkit-transition-property: right;
          transition-property: right;
          z-index: 9992
        }

        header .mobile-menu span {
          display: block;
          height: 3px;
          margin-bottom: 5px;
          background-color: #fff
        }

        header .mobile-menu span:last-of-type {
          margin-bottom: 0
        }

        header .mobile-menu.active {
          right: 270px
        }

        header .mobile-menu.active span:nth-of-type(2) {
          opacity: 0
        }

        header .mobile-menu.active span:nth-of-type(1) {
          -moz-transform: rotate(-45deg) translate(-5px, 5px);
          -ms-transform: rotate(-45deg) translate(-5px, 5px);
          -o-transform: rotate(-45deg) translate(-5px, 5px);
          -webkit-transform: rotate(-45deg) translate(-5px, 5px);
          transform: rotate(-45deg) translate(-5px, 5px)
        }

        header .mobile-menu.active span:nth-of-type(3) {
          -moz-transform: rotate(45deg) translate(-6px, -6px);
          -ms-transform: rotate(45deg) translate(-6px, -6px);
          -o-transform: rotate(45deg) translate(-6px, -6px);
          -webkit-transform: rotate(45deg) translate(-6px, -6px);
          transform: rotate(45deg) translate(-6px, -6px)
        }

        header menu {
          position: fixed;
          top: 0;
          bottom: 0;
          right: -250px;
          width: 250px;
          padding: 20px 10px;
          background-color: #fff;
          z-index: 9992;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          -moz-transition: .3s ease;
          -o-transition: .3s ease;
          -webkit-transition: .3s ease;
          transition: .3s ease;
          -moz-transition-property: right;
          -o-transition-property: right;
          -webkit-transition-property: right;
          transition-property: right
        }

        header menu a {
          float: none;
          display: block;
          font-size: 17px;
          line-height: 30px
        }

        header menu a.language {
          position: relative;
          top: auto;
          right: auto;
          display: block;
          padding: 20px 15px
        }

        header menu.active {
          right: 0
        }
      }

      @media only screen and (max-width:768px) {
        header {
          margin-bottom: 20px
        }
      }

      body.hakkimizda {
        background-image: url('/Images/slider-01.jpg')
      }

      body.grup-sirketlerimiz {
        background-image: url('/Images/slider-01.jpg')
      }

      body.iletisim {
        background-image: url('/Images/slider-01.jpg')
      }

      #home {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
      }

      #home .home-slider {
        height: 100%
      }

      #home .home-slider .swiper-slide {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover
      }

      #home section {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 30px;
        z-index: 99
      }

      #home section .pager {
        display: block;
        text-align: center;
        margin-bottom: 20px
      }

      #home section .pager span {
        display: inline-block;
        width: 15px;
        height: 15px;
        opacity: 1;
        border-radius: 100%;
        background-color: #fff;
        margin: 0 5px
      }

      #home section .pager span.swiper-pagination-bullet-active {
        background-color: #2458a4
      }

      #home .boxes {
        margin-left: -10px
      }

      #home .boxes>div {
        float: left;
        width: calc(100%/7);
        padding-left: 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
      }

      #home .boxes>div>a {
        display: table;
        width: 100%;
        height: 80px;
        padding: 10px;
        background-color: rgba(255, 255, 255, .6);
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
      }

      #home .boxes>div>a>label {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        line-height: 1.1;
        color: #2458a4;
        font-size: 18px;
        font-family: 'Dint Bold'
      }

      #home .boxes>div>a:hover {
        background-color: rgba(36, 88, 164, .6)
      }

      #home .boxes>div>a:hover>label {
        color: #fff
      }

      .three-content .item {
        float: left;
        width: calc(33.333% - 20px);
        margin-right: 30px;
        margin-bottom: 30px
      }

      .three-content .item:nth-of-type(3n) {
        margin-right: 0
      }

      .three-content .item:nth-of-type(3n-2) {
        clear: left
      }

      .three-content .item.pointer {
        cursor: pointer
      }

      .split-content aside {
        float: left;
        width: 262px
      }

      .split-content content {
        float: right;
        width: 846px
      }

      .split-content content article {
        display: block;
        padding: 20px;
        margin-bottom: 30px;
        background-color: rgba(0, 59, 144, .8)
      }

      .split-content content article h1 {
        padding: 0;
        margin-bottom: 10px;
        color: #fff;
        font-size: 22px;
        font-family: 'Dint Black'
      }

      .split-content content article h2>a {
        display: block;
        color: #fff
      }

      .split-content content article ul {
        padding: 5px 0;
        padding-left: 17px
      }

      .split-content content article li {
        margin-bottom: 5px;
        line-height: 1.3;
        color: #fff;
        font-size: 16px;
        list-style: disc
      }

      .split-content content article .band-image {
        padding-top: 10px;
        padding-bottom: 20px
      }

      .split-content content .gallery {
        padding-top: 15px
      }

      .split-content content .gallery a {
        position: relative;
        float: left;
        width: calc(33.333% - 20px);
        margin-right: 30px;
        margin-bottom: 10px;
        cursor: pointer
      }

      .split-content content .gallery a:before {
        position: absolute;
        top: 50%;
        left: 50%;
        opacity: .3;
        margin-top: -18px;
        margin-left: -18px;
        font-size: 36px;
        z-index: 2;
        color: #fff
      }

      .split-content content .gallery a:after {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        background-color: rgba(0, 0, 0, .4);
        z-index: 1
      }

      .split-content content .gallery a:nth-of-type(3n) {
        margin-right: 0
      }

      .split-content content .gallery a:hover:before {
        opacity: .8
      }

      .split-content content .gallery a:hover:after {
        opacity: 1
      }

      .split-content content .gallery a>img {
        position: relative
      }

      .submenu {
        display: block
      }

      .submenu>h1,
      .submenu>h2 {
        display: block;
        padding: 10px 20px;
        margin-bottom: 2px;
        color: #2458a4;
        line-height: 1.3;
        font-size: 20px;
        font-family: 'Dint Bold';
        background-color: rgba(255, 255, 255, .9);
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
      }

      .submenu>a {
        display: table;
        width: 100%;
        height: 60px;
        vertical-align: middle;
        padding: 0 20px;
        margin-bottom: 2px;
        background-color: rgba(255, 255, 255, .6);
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
      }

      .submenu>a>label {
        display: table-cell;
        vertical-align: middle;
        color: #2458a4;
        line-height: 1.3;
        font-size: 14px;
        font-family: 'Dint Bold'
      }

      .submenu>a:hover {
        background-color: rgba(36, 88, 164, .6)
      }

      .submenu>a:hover>label {
        color: #fff
      }

      .submenu>a.selected {
        background-color: rgba(36, 88, 164, .8)
      }

      .submenu>a.selected>label {
        color: #fff
      }

      .intro-boxes>div {
        position: relative;
        float: left;
        width: calc(33.333% - 20px);
        height: 200px;
        padding: 10px;
        padding-bottom: 30px;
        margin-right: 30px;
        margin-bottom: 30px;
        background-color: rgba(36, 88, 164, .8);
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
      }

      .intro-boxes>div:nth-of-type(3n) {
        margin-right: 0
      }

      .intro-boxes>div>h4 {
        display: block;
        padding: 0;
        margin-bottom: 10px;
        color: #fff;
        font-size: 16px
      }

      .intro-boxes>div>p {
        display: block;
        padding: 0;
        margin-bottom: 0;
        color: #fff;
        font-size: 14px
      }

      .intro-boxes>div>a {
        position: absolute;
        bottom: 10px;
        left: 10px;
        padding: 0;
        margin-bottom: 0;
        color: #fff;
        font-size: 12px
      }

      .extend-box {
        padding-bottom: 100px
      }

      .extend-box .item {
        position: relative;
        display: block
      }

      .extend-box .item .container {
        display: block
      }

      .extend-box .item img {
        margin-bottom: 10px
      }

      .extend-box .item .wrapper {
        float: left;
        clear: left;
        display: block;
        width: 100%;
        min-height: 145px;
        padding: 10px;
        overflow: hidden;
        background-color: rgba(36, 88, 164, .6);
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
      }

      .extend-box .item .wrapper h4 {
        padding: 0;
        margin-bottom: 4px
      }

      .extend-box .item .wrapper ul {
        padding: 10px 0
      }

      .extend-box .item .wrapper li {
        line-height: 1.3;
        margin-bottom: 10px;
        font-size: 14px;
        color: #fff;
        font-family: 'Dint Regular'
      }

      .extend-box .item .wrapper a {
        display: block;
        padding: 5px;
        text-align: center;
        color: #fff;
        font-size: 16px;
        font-family: 'Dint Bold';
        -webkit-box-shadow: inset 0 0 0 2px #fff;
        -moz-box-shadow: inset 0 0 0 2px #fff;
        box-shadow: inset 0 0 0 2px #fff;
        cursor: pointer
      }

      .extend-box .item .wrapper a:hover {
        background-color: #fff;
        color: #2458a4
      }

      .extend-box .item:hover .container {
        background-color: #fff;
        -webkit-box-shadow: 0 0 0 10px #fff;
        -moz-box-shadow: 0 0 0 10px #fff;
        box-shadow: 0 0 0 10px #fff;
        z-index: 1
      }

      .extend-box .item:hover .wrapper {
        background-color: #2458a4
      }

      .extend-box .item figure,
      .simple-box .item figure {
        position: relative;
        display: block;
        margin-bottom: 10px;
        cursor: pointer
      }

      .extend-box .item figure:before,
      .simple-box .item figure:before {
        position: absolute;
        top: 50%;
        left: 50%;
        opacity: .3;
        margin-top: -18px;
        margin-left: -18px;
        font-size: 36px;
        z-index: 2;
        color: #fff
      }

      .extend-box .item figure:after,
      .simple-box .item figure:after {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 0;
        background-color: rgba(0, 0, 0, .4);
        z-index: 1
      }

      .extend-box .item figure img,
      .simple-box .item figure img {
        position: relative
      }

      .extend-box .item:hover figure:before,
      .simple-box .item:hover figure:before {
        opacity: .8
      }

      .extend-box .item:hover figure:after,
      .simple-box .item:hover figure:after {
        opacity: 1
      }

      .simple-box .item .wrapper {
        display: table;
        vertical-align: middle;
        padding: 10px;
        width: 100%;
        height: 120px;
        background-color: rgba(36, 88, 164, .6);
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
      }

      .simple-box .item:hover .wrapper {
        background-color: #2458a4
      }

      .simple-box .item .content {
        display: table-cell;
        vertical-align: middle;
        line-height: 1
      }

      .simple-box .item .content span {
        display: block;
        line-height: 1.5;
        font-size: 16px;
        color: #fff;
        font-family: 'Dint Bold'
      }

      #contact section {
        float: left;
        width: 50%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
      }

      #contact section.left {
        padding-right: 15px
      }

      #contact section.right {
        padding-left: 15px
      }

      #contact section article {
        display: block;
        padding: 20px;
        background-color: rgba(36, 88, 164, .8)
      }

      #contact article h1 {
        padding: 0;
        font-family: 'Dint Black'
      }

      #contact article h2 {
        padding: 0;
        font-size: 20px
      }

      #contact article h3 {
        min-height: 50px;
        padding-top: 10px;
        font-size: 16px
      }

      #contact article h4 {
        padding: 0;
        padding-top: 5px;
        font-size: 16px
      }

      #contact article p {
        font-size: 16px;
        padding-top: 2px
      }

      #contact article a {
        display: inline-block;
        color: #fff;
        font-size: 16px
      }

      #contact article .map {
        float: left;
        clear: left;
        width: 100%;
        height: 200px;
        margin-top: 30px
      }

      @media only screen and (max-width:1220px) {
        #home .boxes>div>a {
          height: 64px;
          padding: 5px
        }

        #home .boxes>div>a>label {
          font-size: 13px
        }

        .split-content aside {
          width: 214px
        }

        .split-content content {
          width: 736px
        }

        .split-content content .gallery a {
          width: calc(33.333% - 8px);
          margin-right: 12px
        }

        .submenu>h1,
        .submenu>h2 {
          padding: 10px;
          font-size: 18px
        }

        .submenu>a {
          height: 44px;
          padding: 0 10px
        }

        .submenu>a>label {
          font-size: 13px
        }

        .intro-boxes>div {
          width: calc(33.333% - 8px);
          height: 260px;
          padding: 10px;
          margin-right: 12px;
          margin-bottom: 20px
        }

        .three-content .item {
          width: calc(33.333% - 8px);
          margin-right: 12px;
          margin-bottom: 20px
        }

        #contact section.left {
          padding-right: 5px
        }

        #contact section.right {
          padding-left: 5px
        }
      }

      @media only screen and (max-width:1000px) {
        #home section {
          bottom: 30px
        }

        #home .boxes {
          margin: 0;
          text-align: center
        }

        #home .boxes>div {
          float: none;
          display: inline-block;
          width: 160px;
          padding: 0;
          margin: 3px
        }

        .split-content aside {
          width: 180px
        }

        .submenu>a>label {
          font-size: 12px
        }

        .split-content content {
          width: calc(100% - 200px)
        }

        .intro-boxes>div {
          width: calc(50% - 10px);
          margin-right: 20px
        }

        .intro-boxes>div:nth-of-type(3n) {
          margin-right: 20px
        }

        .intro-boxes>div:nth-of-type(2n) {
          margin-right: 0
        }

        .extend-box .item .wrapper {
          background-color: rgba(5, 104, 57, .9)
        }

        .extend-box .item:hover .container {
          background-color: transparent;
          -webkit-box-shadow: 0 0 0 10px transparent;
          -moz-box-shadow: 0 0 0 10px transparent;
          box-shadow: 0 0 0 10px transparent
        }

        .extend-box .item:hover .wrapper {
          background-color: #006852
        }

        .extend-box .item figure:before,
        .simple-box .item figure:before {
          opacity: .8
        }
      }

      @media only screen and (max-width:768px) {
        .intro-boxes>div {
          width: 100%;
          height: auto;
          margin-right: 0 !important
        }

        .split-content aside {
          width: 140px
        }

        .split-content content {
          width: calc(100% - 150px)
        }

        .split-content content article {
          background-color: rgba(36, 88, 164, .9)
        }

        .split-content content article h1 {
          font-size: 18px
        }

        .submenu>h1,
        .submenu>h2 {
          padding: 8px 10px;
          font-size: 14px
        }

        .submenu>a {
          padding: 0 8px
        }

        #contact section {
          width: 100%;
          padding: 0 !important;
          margin-bottom: 20px
        }

        #contact section .map {
          height: 180px
        }

        #contact section article {
          background-color: rgba(36, 88, 164, .8)
        }
      }

      @media only screen and (max-width:720px) {
        .three-content .item {
          width: calc(50% - 8px);
          margin-right: 16px;
          margin-bottom: 20px
        }

        .three-content .item:nth-of-type(3n) {
          margin-right: 16px
        }

        .three-content .item:nth-of-type(2n) {
          margin-right: 0
        }

        .three-content .item:nth-of-type(3n-2) {
          clear: none
        }

        .three-content .item:nth-of-type(2n+1) {
          clear: left
        }
      }