@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');

body {/*font-family: 'Roboto', sans-serif;*/ font-family: 'Poppins', sans-serif; background-color: rgba(0,55,109,1); line-height: 1.6; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;}

/**
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
/*
 *  Owl Carousel - Core
 */

img { max-width: 100%; vertical-align: top; }
.height{height:550px;}
.owl-carousel {display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1;}
.owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y;}
.owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.owl-carousel .owl-stage-outer {position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-item {position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none;}
.owl-carousel .owl-item img {display: block; width: 100%; -webkit-transform-style: preserve-3d;}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {display: none;}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot {cursor: pointer; cursor: hand; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-loaded {display: block;}
.owl-carousel.owl-loading {opacity: 0; display: block;}
.owl-carousel.owl-hidden {opacity: 0;}
.owl-carousel.owl-refresh .owl-item {visibility: hidden;}
.owl-carousel.owl-drag .owl-item {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.owl-carousel.owl-grab {cursor: move; cursor: -webkit-grab; cursor: grab;}
.owl-carousel.owl-rtl {direction: rtl;}
.owl-carousel.owl-rtl .owl-item {float: right;}
.no-js .owl-carousel {display: block;}

.owl-carousel .animated {-webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.owl-carousel .owl-animated-in {z-index: 0;}
.owl-carousel .owl-animated-out {z-index: 1;}
.owl-carousel .fadeOut {-webkit-animation-name: fadeOut; animation-name: fadeOut;}

@-webkit-keyframes fadeOut {0% {opacity: 1;} 100% {opacity: 0;}}
@keyframes fadeOut {0% {opacity: 1;} 100% {opacity: 0;}}
.owl-height {-webkit-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;}
.owl-carousel .owl-item .owl-lazy {opacity: 0; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease;}
.owl-carousel .owl-item img.owl-lazy {-webkit-transform-style: preserve-3d; transform-style: preserve-3d;}
.owl-carousel .owl-video-wrapper {position: relative; height: 100%; background: #000;}
.owl-carousel .owl-video-play-icon {position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("../img/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: -webkit-transform 100ms ease; -webkit-transition: -webkit-transform 100ms ease; transition: transform 100ms ease; transition: transform 100ms ease, -webkit-transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {-webkit-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {display: none;}
.owl-carousel .owl-video-tn {opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease;}
.owl-carousel .owl-video-frame {position: relative; z-index: 1; height: 100%; width: 100%;}


.owl-theme .owl-nav {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
        background: rgba(0,0,0,.6);
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: rgba(0,0,0,1);
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  position: absolute; width: 100%; bottom: 20px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
.owl-theme .owl-dots .owl-dot span {width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; transition: opacity 200ms ease; border-radius: 30px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #00B5CB; }


@media (max-width: 767px) {
  .tm-afs-statistics .turkiye-logo {display: block; text-align: center;}
}


.animated {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.animated.infinite {-webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
.animated.hinge {-webkit-animation-duration: 2s; animation-duration: 2s;}
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {-webkit-animation-duration: .75s; animation-duration: .75s;}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {-webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom;}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {-webkit-animation-name: flash; animation-name: flash;}

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {-webkit-animation-name: pulse; animation-name: pulse;}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {-webkit-animation-name: rubberBand; animation-name: rubberBand;}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {-webkit-animation-name: shake; animation-name: shake;}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {-webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake;}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {-webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing;}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {-webkit-animation-name: tada; animation-name: tada;}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {-webkit-animation-name: wobble; animation-name: wobble;}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {-webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center;}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {-webkit-animation-name: bounceIn; animation-name: bounceIn;}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {-webkit-animation-name: bounceInDown; animation-name: bounceInDown;}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {-webkit-animation-name: bounceInLeft; animation-name: bounceInLeft;}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {-webkit-animation-name: bounceInRight; animation-name: bounceInRight;}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {-webkit-animation-name: bounceInUp; animation-name: bounceInUp;}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {-webkit-animation-name: bounceOut; animation-name: bounceOut;}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {-webkit-animation-name: bounceOutDown; animation-name: bounceOutDown;}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {-webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft;}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {-webkit-animation-name: bounceOutRight; animation-name: bounceOutRight;}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {-webkit-animation-name: bounceOutUp; animation-name: bounceOutUp;}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {-webkit-animation-name: fadeIn; animation-name: fadeIn;}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {-webkit-animation-name: fadeInDown; animation-name: fadeInDown;}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}



/*
.tm-background-overlay {position: fixed; top: -1000%; left: 0; right: 0; width: 100%; height: 100%; height: 100vh; background-color: rgba(0,55,109,1); opacity: 0; transition: top 0s ease .35s, opacity .35s ease; z-index: 99996;}
.tm-background-overlay.active {top: 0; opacity: .9; transition: top 0s ease 0s, opacity .35s ease;}
*/

.tm-background-overlay {position: fixed; z-index: 99997; top: -1000%; left: 0; width: 100%; height: 100%; height: 100vh; background-color: #000; cursor: pointer; opacity: 0; -webkit-transition: opacity .5s ease, top 0s ease .5s; transition: opacity .5s ease, top 0s ease .5s;}
.tm-background-overlay.active {opacity: .75; -webkit-transition: opacity .8s ease, top 0s ease 0s; transition: opacity .8s ease, top 0s ease 0s; top: 0;}


#tm-header {width: 100%; height: 120px; position: relative; background-color: rgba(0,55,109,1);}
.tm-header--inner {width: 100%; height: 120px; -webkit-box-shadow: 0 5px 50px rgba(0, 0, 0, 0); box-shadow: 0 5px 50px rgba(0, 0, 0, 0); z-index: 7777; -webkit-transition: all 300ms; transition: all 300ms; padding: 40px 0; background-color: rgba(0,55,109,1); border: 0; border-bottom-width: 1px; border-style: solid; -o-border-image: linear-gradient(90deg, rgba(0,56,108,0), rgba(0,0,0,0.3) 50%, rgba(0,56,108,0) 100%) 5%; border-image: -webkit-gradient(linear, left top, right top, from(rgba(0,56,108,0)), color-stop(50%, rgba(0,0,0,0.3)), to(rgba(0,56,108,0))) 5%; border-image: linear-gradient(90deg, rgba(0,56,108,0), rgba(0,0,0,0.3) 50%, rgba(0,56,108,0) 100%) 5%;}
@media (min-width: 768px) {
    .tm-header--inner {position: fixed; left: 0; top: 0;}
    .tm-header--inner.scroll {padding: 20px 0; height: 80px; -webkit-box-shadow: 0 5px 50px rgba(0, 0, 0, .2); box-shadow: 0 5px 50px rgba(0, 0, 0, .2);}
    .tm-header--inner.scroll .tm-header--icons:before {height: 100px; -webkit-transition: all 300ms; transition: all 300ms;}
}

.tm-header--logo {width: 178px; height: 40px; position: relative;margin-left:-20px;margin-top:-8px}
.tm-header--logo a {height: 60px; display: block; position: absolute; top: 0px; left: 15px;}

.tm-header--nav .navbar-nav > li {margin-left: 3px;}
.tm-header--nav .navbar-nav > li > a {padding-top: 10px; padding-bottom: 10px; font-size: 14px; border-radius: 3px; border: 0; background-color: transparent; color: #fff; font-weight: 400; letter-spacing: .5px;}
.tm-header--nav .navbar-nav > li:first-child > a {background-color: rgba(0,0,0,.1);}
.tm-header--nav .navbar-nav > li > a:hover {background-color: rgba(0,0,0,.1);}
.tm-header--nav .navbar-nav .open>a, .tm-header--nav .navbar-nav .open>a:focus, .tm-header--nav .navbar-nav .open>a:hover {background-color: rgba(0,0,0,.2);}
.tm-header--nav .navbar-nav .dropdown-menu {top: 80px; padding: 15px 0; -webkit-transition: all .3s cubic-bezier(.85,.30,.25,.90); transition: all .3s cubic-bezier(.85,.30,.25,.90);}
.tm-header--nav .dropdown-menu--kucuk {border: none; min-width: 300px; left: -30px; -webkit-box-shadow: 0 0 30px rgba(0,0,0,.2); box-shadow: 0 0 30px rgba(0,0,0,.2);}
.tm-header--nav .dropdown-menu--kucuk li a {padding: 6px 40px; font-weight: 400; color: #000; border-left: 3px solid #fff; -webkit-transition: all 200ms; transition: all 200ms;}
.tm-header--nav .dropdown-menu--kucuk li a:hover {border-color: #00B5CB; background-color: rgba(0,0,0,.02); color: #00B5CB; padding-left: 45px;}
.tm-header--nav .dropdown-header {padding: 6px 43px; font-size: 10px; font-weight: 700; letter-spacing: 1px; color: #BC9B6A; text-transform: uppercase;}


.tm-header--nav .dropdown--buyuk {position: static !important;}
.tm-header--nav .dropdown-menu--buyuk {left: 0; right: 0; top: 120px !important; border-radius: 0 !important; border: none; -webkit-box-shadow: 0 0 30px rgba(0,0,0,.2); box-shadow: 0 0 30px rgba(0,0,0,.2); padding: 30px 0 0 0 !important;}
.tm-header--nav .menu-kutu {border: 1px solid #E5E5E5; -webkit-transition: all 300ms; transition: all 300ms; margin-bottom: 30px; text-align: center; min-height: 250px;}
.tm-header--nav .menu-kutu a {display: block; padding: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 260px;}
.tm-header--nav .menu-kutu a:hover {text-decoration: none;}
.tm-header--nav .menu-kutu:hover {-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1);box-shadow: 0 0 20px rgba(0, 0, 0, .1); border-color: #00B5CB;}
.tm-header--nav .menu-kutu img {margin-bottom: 30px;}
.tm-header--nav .menu-kutu a span {font-weight: 600; font-size: 13px; color: rgba(0,55,109,1);}
.col-nav {padding-right: 15px; padding-left: 15px; width: 16%}
.col-nav img {width: 100%;}
.tm-header--nav .navbar-nav .dropdown-menu .container .row {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap;}

@media (max-width: 991px) {
  .col-nav {width: 33.33333333% !important;}
  .tm-header--nav .menu-kutu {min-height: 320px;}
}

@media (min-width: 768px) {
    .tm-header--inner.scroll .tm-header--nav .dropdown-menu {top: 60px !important;}
    .tm-header--inner.scroll .tm-header--nav .dropdown-menu--buyuk {top: 80px !important;}
}

.tm-header--nav .dropdown > a {position: relative;}
.tm-header--nav .dropdown.open > a:after {position: absolute; bottom: -40px; left: 10px; -webkit-transition: all 300ms; transition: all 300ms; display: inline-block; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; content: '';}

.tm-header--inner.scroll .tm-header--nav .dropdown.open > a:after {bottom: -20px;}

.tm-header--icons {padding-left: 60px; position: relative;}
.tm-header--icons:before {-webkit-transition: all .4s cubic-bezier(.85,.30,.25,.90); transition: all .4s cubic-bezier(.85,.30,.25,.90); content: ""; width: 1px; height: 120px; background-color: rgba(0,0,0,.2); position: absolute; left: 30px; top: -40px;}
.tm-header--icon {width: 40px; height: 40px; cursor: pointer; position: relative; padding: 9px; border-radius: 2px; background-color: rgba(0,0,0,0);}
.tm-header--icon svg {fill: #fff;}
#tm-header--icon-language:after {content: attr(data-language); letter-spacing: 1px; font-size: 8px; color: #fff; position: absolute; left: 30px; top: 0;}
#tm-header--icon-nav {padding-left: 10px; padding-right: 0;}
@media (max-width: 460px) {
  .tm-header--icons {padding-left: 0;}
  .tm-header--icons:before {content: none;}
}
@media (max-width: 767px) {
  .tm-header--icon {margin-left: 5px;}
}

.titlecontent{font-size:24px;text-align:center;}
.date { 
/*  padding-bottom: 20px; */font-size: 12px; margin: 0px 0 30px 0; font-weight: 600;
   letter-spacing: 2px;text-align:center;}


#tm-respnav {width: 400px; height: 100%; position: fixed; right: 0; top: 0; background-color: #fff; z-index: 99998; -webkit-box-shadow: 0 5px 50px rgba(0, 0, 0, 0); box-shadow: 0 5px 50px rgba(0, 0, 0, 0); -webkit-transform: translateX(101%) !important; transform: translateX(101%) !important; -webkit-transition: all 300ms cubic-bezier(0.785, 0.135, 0.150, 0.860); transition: all 300ms cubic-bezier(0.785, 0.135, 0.150, 0.860); -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860); transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);}
#tm-respnav:after {content: ""; height: 160px; position: fixed; bottom: 0; left: 0; right: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(#fff)); background: linear-gradient(180deg, rgba(255,255,255,0), #fff); pointer-events: none; z-index: 10;}
#tm-respnav.active {-webkit-box-shadow: 0 5px 50px rgba(0, 0, 0, .3);box-shadow: 0 5px 50px rgba(0, 0, 0, .3); -webkit-transform: translateX(0) !important; transform: translateX(0) !important;}
.tm-respnav--inner {-webkit-overflow-scrolling: touch; overflow-y: auto; overflow-x: hidden; width: 100%; height: 100%;}
.tm-respnav--header {width: 100%; padding: 30px; background-color: rgba(0,55,109,1); -webkit-box-shadow: 0 5px 50px rgba(0, 0, 0, .3); box-shadow: 0 5px 50px rgba(0, 0, 0, .3);}
.tm-respnav--header-inner {height: 30px;}
.tm-respnav--close {cursor: pointer; width: 30px; height: 30px; background-color: rgba(0,0,0,.2); border-radius: 2px; position: relative; text-align: center; line-height: 30px; color: #fff;}
.tm-respnav--close:before {content: attr(data-title); font-size: 10px; font-weight: 400; letter-spacing: 1px; color: #fff; position: absolute; right: 40px; line-height: 30px;}
.tm-respnav--close svg {height: 10px; fill: #fff;}
.tm-respnav--logo img {height: 30px;}
.tm-respnav--content {padding: 30px; position: relative;}
.tm-respnav--content .title {display: inline-block; font-size: 10px; font-weight: 700; position: relative; padding-left: 5px; padding-right: 5px; text-transform: uppercase;}
.tm-respnav--content .title:before {position: absolute; left: 0; bottom: 0; height: 50%; width: 100%; background-color: rgba(0,0,0,.1); content: ""; z-index: -1;}
#tm-respnav .nav {margin: 15px -30px;}
#tm-respnav .nav > li {border-bottom: 1px solid rgba(0,0,0,.05);}
#tm-respnav .nav > li:last-child {border-bottom: 0;}
#tm-respnav .nav > li > a {padding-left: 30px; color: rgba(0,55,109,1); text-transform: uppercase; letter-spacing: .5px; font-weight: 600;}
#tm-respnav .nav > li > a .caret {float: right; margin-top: 8px; margin-right: 15px;}
#tm-respnav .nav > li > ul > li > a {padding-left: 30px;}
#tm-respnav .nav > li > ul {padding: 10px 0; background-color: rgba(0,0,0,.05);}
#tm-respnav .nav > li > ul > li.dropdown-header {padding: 3px 30px; font-size: 9px; font-weight: 700; color: rgba(0,55,109,1); text-transform: uppercase;}
#tm-respnav .nav > li > ul > li > a:hover {background-color: rgba(0,0,0,.05);}

@media (max-width: 467px) {
  #tm-respnav {width: 90%;}
}


.tm-openbox {width: 100%; height: auto; overflow: hidden; z-index: 99999; background-color: #fff; position: fixed; left: 0; top: 0; -webkit-box-shadow: 0 5px 50px rgba(0, 0, 0, 0); box-shadow: 0 5px 50px rgba(0, 0, 0, 0); z-index: 99998; -webkit-transform: translateY(-101%); transform: translateY(-101%); -webkit-transition: all 300ms cubic-bezier(0.785, 0.135, 0.150, 0.860); transition: all 300ms cubic-bezier(0.785, 0.135, 0.150, 0.860); -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860); transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);}  
.tm-openbox.active {-webkit-box-shadow: 0 5px 50px rgba(0, 0, 0, .3);box-shadow: 0 5px 50px rgba(0, 0, 0, .3); -webkit-transform: translateY(0) !important; transform: translateY(0) !important;}
.tm-openbox--header {width: 100%; padding: 30px 0; background-color: rgba(0,55,109,1); -webkit-box-shadow: 0 5px 50px rgba(0, 0, 0, .3); box-shadow: 0 5px 50px rgba(0, 0, 0, .3);}
.tm-openbox--header-inner {height: 30px;}
.tm-openbox--close {cursor: pointer; width: 30px; height: 30px; background-color: rgba(0,0,0,.2); border-radius: 2px; position: relative; text-align: center; line-height: 30px; color: #fff;}
.tm-openbox--close:before {content: attr(data-title); font-size: 10px; font-weight: 400; letter-spacing: 1px; color: #fff; position: absolute; right: 40px; line-height: 30px;}
.tm-openbox--close svg {height: 10px; fill: #fff;}
.tm-openbox--logo img {height: 30px;}
.tm-openbox--content {padding: 0;}
.tm-openbox--title {line-height: 30px; padding-left: 60px; color: #fff; position: relative;}
.tm-openbox--title:before {content: ""; width: 1px; height: 30px; background-color: rgba(0,0,0,.3); position: absolute; left: 30px; top: 0;}  



.tm-language--box a {min-height: 200px; text-decoration: none; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; font-weight: 900; color: rgba(0,55,109,1);}
.tm-language--box:before {content: ""; width: 1px; height: 100%; background-color: rgba(0,0,0,.1); position: absolute; left: 0; top: 0;}
.tm-language--box.active:after {content: ""; width: 50%; height: 5px; background-color: #00B5CB; position: absolute; left: 25%; bottom: 0;}
#tm-language div[class^='col']:first-child .tm-language--box:before {content: none;}
.tm-language--box span {font-size: 92px; font-weight: 900; color: rgba(0,0,0,.05); position: absolute; z-index: -1; -webkit-transition: all 500ms; transition: all 500ms;}
.tm-language--box:hover span {color: rgba(0,0,0,.1);}
.tm-language--box img {display: inline-block; padding-right: 10px; width: 50px;}

@media (max-width: 600px) {
    .tm-language--box a {min-height: 100px;}
    .tm-language--box span {font-size: 60px;}
}


.tm-search--form {min-height: 200px; position: relative;}
.tm-search--form input {width: 100%; height: 200px; border: none; padding: 0; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; font-size: 36px; font-weight: 100;}
.tm-search--form input:focus {outline: none; -webkit-box-shadow: none; box-shadow: none;}
#searchsubmit {position: absolute; right: 0; top: 80px; width: 100px; height: 40px; font-size: 11px; font-weight: 500; color: #fff; background-color: rgba(0,55,109,1); border-radius: 2px;}
#searchsubmit:hover {background-color: #003260; color: #fff;}

@media (max-width: 600px) {
    .tm-search--form {height: auto; min-height: auto;}
    .tm-search--form input {height: 60px; font-size: 18px; font-weight: 300; text-align: center;}
    #searchsubmit {position: static; width: 100%; margin-bottom: 15px;}
}








#tm-main {background-color: #fff; position: relative;}
#tm-main:before {width: 100%; height: 200px; background-color: rgba(0,55,109,1); position: absolute; left: 0; top: 0; z-index: 1; content: "";}
#tm-main.tm-page--main:before {height: 100px;}
@media (max-width: 810px) {
  #tm-main:before {content: none;}
}


.tm-container {width: 1600px; position: relative; margin: 0 auto;}
@media (max-width: 1600px) {
    .tm-container {width: 100%;}
}

.tm-slider .tm-container {-webkit-box-shadow: 0px 30px 60px -25px rgba(0, 0, 0, .2);
  box-shadow: 0px 30px 60px -25px rgba(0, 0, 0, .2);
width:90%;display:block;margin:0 auto;}
.tm-slider--item {position: relative;}
.tm-slider--item img {width: 100%;}
.tm-slider .owl-next {width: 40px; height: 80px; border-radius: 3px; background-color: #fff; color: #00387D; display: block; position: absolute; right: 30px; top: 50%; margin-top: -40px; line-height: 80px; text-align: center; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);}
.tm-slider .owl-prev {width: 40px; height: 80px; border-radius: 3px; background-color: #fff; color: #00387D; display: block; position: absolute; left: 30px; top: 50%; margin-top: -40px; line-height: 80px; text-align: center; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .05); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .05);}
@media (max-width: 500px) {
    .tm-slider .owl-next, .tm-slider .owl-prev {width: 30px; height: 30px;margin-top: -15px; line-height: 30px; }
}










.tm-afs {background-position: center; background-repeat: repeat; background-color: #fff; padding: 100px 0;}
.tm-afs--title {position: relative; padding-left: 100px; padding-right: 30%; -webkit-transform: translateY(-100px); transform: translateY(-100px); z-index: 100;}
.tm-afs--title:before {content: ""; width: 70px; height: 4px; background-color: #00B5CB; position: absolute; left: 0; top: 50%; margin-top: -2px;}
.tm-afs--title h1 {font-weight: 700; color: rgba(0,55,109,1); line-height: 42px;}
@media (max-width: 800px) {
  .tm-afs--title {padding-right: 0;}
}

.tm-afs--content {color: rgba(0,55,109,1);}
.tm-afs--content h2 {margin: 0; padding: 0 0 30px 0;}
.tm-afs--content p {font-size:17px; font-weight: 300; margin-bottom: 15px; color: #3e3a39;}
.tm-afs--content a {color: #00B5CB; font-weight: 500; font-size: 12px;}

@media (min-width: 1199px) {
  .tm-afs--content p {padding-right: 10%;}
}

.tm-afs--img-border {width: 100%; height: 100%; position: relative; z-index: 0; -webkit-transition: box-shadow 500ms; -webkit-transition: -webkit-box-shadow 500ms; transition: -webkit-box-shadow 500ms; transition: box-shadow 500ms; transition: box-shadow 500ms, -webkit-box-shadow 500ms; -webkit-box-shadow: 0 0 50px rgba(237, 124, 33, .3); box-shadow: 0 0 50px rgba(237, 124, 33, .3);}
.tm-afs--img-border:before {content: ""; border: 2px solid #BC9B6A; position: absolute; width: 100%; height: 100%; z-index: -1;}
.tm-afs--img-border .btn {background-color: rgba(0,55,109,1); color: #fff; font-size: 12px; letter-spacing: 1px; line-height: 12px; padding: 10px; font-weight: 700; border-radius: 2px; position: absolute; right: 30px; bottom: 30px; z-index: 5;}
.tm-afs--img img {width: 100%; position: relative; right: -10px; top: -10px;height:190px;}
.tm-afs--img1 img{width: 100%; position: relative; right: -10px; top: -10px;height:210px;}

.tm-afs--content .row {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
@media (max-width: 991px) {
  .tm-afs--img-border:before {content: none;}
  .tm-afs--img img {right: 0; top: 0;}
  .tm-afs--img-border .btn {right: 30px;}
}
@media (max-width: 767px) {
  .height{height:250px;}
  .tm-afs--content {text-align: center; padding: 0 30px;}
  .tm-afs--content p {font-size: 18px;}
  .tm-afs--title {padding-left: 0; padding-top: 15px; padding-bottom: 30px; padding-right: 30px; padding-left: 30px; text-align: center; -webkit-transform: translateY(0); transform: translateY(0);}
  .tm-afs--title:before {content: ""; left: 50%; margin-top: 0; margin-left: -35px; top: 0;}
  .tm-afs--title h1 {font-size: 28px; line-height: 32px;}
  .tm-afs {padding: 60px 0;}
  .tm-afs--content h2 {font-size: 22px;}
}
@media (max-width: 500px) {
  .tm-afs--content {padding: 0 20px;}
  .height{height:250px;}
}




.tm-afs-statistics {/*background-image: url(../img/linebg.svg);*/ background-position: center; background-repeat: repeat; background-color: rgba(0,55,109,1);}
.tm-afs-statistics--inner {background-image: url(../img/map.svg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 100px 0;}
.tm-afs-statistics .row {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.tm-afs-statistics--box {width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative;}
.tm-afs-statistics--box .number {font-weight: 100; color: #fff; font-size: 64px; position: relative; padding-left: 100px;}
.tm-afs-statistics--box .number:before {content: ""; width: 70px; height: 4px; margin-top: -2px; position: absolute; left: 0; top: 50%; background-color: #00B5CB; z-index: 1;}
.tm-afs-statistics--box .title {position: absolute; right: 0; color: #fff;}
@media (max-width: 767px) {
  .tm-afs-statistics--inner {padding: 60px 0;}
  .tm-afs-statistics--box {display: block; text-align: center; margin-bottom: 30px;}
  .tm-afs-statistics--box .number {padding-left: 0; padding-top: 30px;}
  .tm-afs-statistics--box .title {position: static; display: block;}
  .tm-afs-statistics--box .number:before {content: none;}
}




.tm-news {/*background-image: url(../img/linebg.svg);*/ background-position: center; background-repeat: repeat; background-color: #fff; padding: 100px 0;}
.tm-news_link {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #00376B; font-size: 18px; padding-top: 30px;}
.tm-news_link span {display: inline-block; position: relative;}
.tm-news_link span::before {content: ""; width: 60px; height: 2px; background-color: #BC9B6A; position: absolute; left: -90px; top: 50%; margin-top: -1px;}
.tm-news_link span::after {content: ""; width: 60px; height: 2px; background-color: #BC9B6A; position: absolute; right: -90px; top: 50%; margin-top: -1px;}
.tm-news_link span a:hover {text-decoration: none;}
.tm-news--content {padding: 10px 30px 0 30px; position: relative;}
.tm-news--content a {color: #00B5CB; font-size: 12px; font-weight: 700;}
.tm-news--content h3 {font-size: 16px; line-height: 24px; color: rgba(0,55,109,1);}
.tm-news--content p {color: rgba(0,0,0,.5) !important; font-size: 14px !important; text-align: left !important;}
.tm-news--content a {color: #00B5CB; font-size: 12px; font-weight: 700;}
.tm-news--content a:hover {color: rgba(0,55,109,1); text-decoration: none;}
.tm-news--title {position: relative; padding-left: 100px; color: #00376B; font-size: 32px; margin-bottom: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.tm-news--title:before {content: ""; width: 70px; height: 4px; position: absolute; left: 0; top: 50%; margin-top: -2px; background-color: #BC9B6A;}
.tm-news--title span {font-size: 14px; padding-left: 60px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: right;} 
@media (max-width: 991px) {
  .tm-news--content {padding: 15px 15px 0 15px;}
  .tm-news--title span {display: block; padding-left: 0;}
  .tm-news_link span::before {width: 30px; left: -40px;}
  .tm-news_link span::after {width: 30px; right: -40px;}
}
@media (max-width: 767px) {
  .tm-news--item {margin-bottom: 15px;}
  .tm-news--content {padding: 15px;}
  .tm-news {padding: 60px 0;}
  .tm-news--title {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-left: 0;}
  .tm-news--title:before {content: none;}
}
@media (max-width: 600px) {
  .tm-news--item {padding-right: 10%; padding-left: 10%;}
}
@media (max-width: 460px) {
  .tm-news--item {padding-right: 0; padding-left: 0;}
}

@media (min-width: 992px) {
  .tm-news--content {min-height: 140px;}
  .tm-news_btn {position: absolute; bottom: 30px; left: 30px;}
}







.tm-logos {/*background-image: url(../img/linebg.svg);*/ background-position: center; background-repeat: repeat; background-color: #00B5CB; padding: 60px 0 30px 0;}
.tm-logos--title {position: relative; padding: 0 0 0 100px; margin: 0; color: #fff; font-size: 32px;}
.tm-logos--title:before {content: ""; width: 70px; height: 4px; position: absolute; left: 0; top: 50%; margin-top: -2px; background-color: #fff;}
.tm-logos--item {background-color: #fff; border-radius: 2px; text-align: center; padding: 15px;}
.tm-logos--item img {width: 100%;}
@media (max-width: 991px) {
  .tm-logos--col {margin: 10px 0;}
}
@media (max-width: 767px) {
  .tm-logos {padding: 60px 0;}
  .tm-logos--title {margin-bottom: 30px;}
}












.tm-page--header {position: relative; z-index: 1;}
.tm-page--header-title {width: 100%; height: 200px; background-color: #002D57; background-size: cover; background-position: right;}
.tm-page--header-title .container {height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.tm-page--header-title h1 {margin: 0; padding: 0 0 0 90px; color: #fff; position: relative;
font-size:3.2rem !important;}
.tm-page--header-title h1:before {content: ""; width: 70px; height: 4px; background-color: #00B5CB; position: absolute; left: 0; top: 50%; margin-top: -2px;}
@media (max-width: 991px) {
  .tm-page--header-title {height: auto; padding: 60px 0;}
}



.tm-breadcrumb {width: 100%; border-bottom: 1px solid rgba(0,0,0,.08); padding: 20px 0;}
.tm-breadcrumb .breadcrumb {margin-bottom: 0; padding: 0; font-size: 13px; background-color: transparent; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.tm-breadcrumb .breadcrumb a {color: rgba(0,55,109,1);}


.tm-page--content {padding: 60px 0;}
.tm-page-side-nav-line {height: 100%; position: relative; margin-left: 60px;}
.tm-page-side-nav-line:before {width: 100%; height: 100%; border: 2px solid rgba(0,0,0,.2); content: ""; position: absolute; left: -15px; bottom: -15px;}
.tm-page-side-nav {background: #FFFFFF; -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.20); box-shadow: 0 0 20px 0 rgba(0,0,0,0.20); position: relative; padding: 15px 0; z-index: 3;}
.tm-page-side-nav ul {margin: 0; padding: 0; list-style-type: none;}
.tm-page-side-nav ul li {border-bottom: 1px solid rgba(0,0,0,.08);}
.tm-page-side-nav ul li a {padding: 14px 30px 14px 60px; display: block; color: rgba(0,55,109,1); position: relative;}
.tm-page-side-nav ul li a:after {content: ""; width: 10px; height: 4px; background-color: #00B5CB; position: absolute; left: 30px; top: 50%; margin-top: -2px;}
.tm-page-side-nav ul li a:hover, .tm-page-side-nav ul li a:focus {text-decoration: none; background-color: rgba(0,0,0,.03);}
.tm-page-side-nav ul li.active a {background-color: rgba(0,0,0,.05);}
.tm-page-side-nav ul li:last-child {border-bottom: 0;}
@media (max-width: 1199px) {
  .tm-page-side-nav-line {margin-left: 30px;}
}
@media (max-width: 991px) {
  .tm-page-side-nav-line {margin-left: 0; margin-top: 30px;}
  .tm-page-side-nav-line:before {content: none;}
}

.tm-page--content p {font-size: 16px; line-height: 26px; text-align: justify; margin-bottom: 10px; color: #666;}
.tm-page-content p:last-child {margin-bottom: 0;}
.tm-page--content ul li {font-size: 16px; line-height: 26px; color: #666;}



.tm-page-side-box--line {height: 100%; position: relative;}
.tm-page-side-box--line:before {width: 100%; height: 100%; border: 2px solid rgba(0,0,0,.2); content: ""; position: absolute; left: -10px; bottom: -10px;}
.tm-page-side-box {background: #FFFFFF; -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.20); box-shadow: 0 0 20px 0 rgba(0,0,0,0.20); position: relative; z-index: 3;}
.tm-page-side-box--title {padding: 15px 30px; border-bottom: 1px solid rgba(0,0,0,.05); background-color: rgba(0,0,0,.02);}
.tm-page-side-box--title span {font-weight: 700; text-transform: uppercase; color: #000; font-size: 12px;}
.tm-page-side-box--content {padding: 30px;}

@media (max-width: 991px) {
  .tm-page-side-box--line:before {content: none;}
  .tm-page-side-box {margin-bottom: 30px;}
}




.tm-search-results {padding: 0; counter-reset: li; list-style: none; *list-style: decimal;}
.tm-search-results li {position: relative; -webkit-transition: all 500ms; transition: all 500ms;}
.tm-search-results li:last-child {border-bottom: 0;}
.tm-search-results li:nth-child(odd) {background-color: rgba(0,0,0,.02);}
.tm-search-results li:hover {background-color: rgba(0,0,0,.08);}
.tm-search-results li h2 {padding: 0; margin: 0;}
.tm-search-results li a {text-decoration: none; padding: 30px 0 30px 60px; display: block; position: relative;}
.tm-search-results li a:before{content: counter(li); counter-increment: li; position: absolute; border-radius: 2px; -webkit-transition: all 200ms; transition: all 200ms; left: 0; top: 50%; margin-top: -1em; background: rgba(0,0,0,.05); height: 2em; width: 2em; line-height: 2em; text-align: center; font-weight: bold;}
.tm-search-results li:hover a:before {background-color: rgba(0,0,0,.2);}
@media (max-width: 991px) {
  .tm-search-results li h2 {font-size: 22px;}
  .tm-search-results li a {padding: 20px 0;}
  .tm-search-results li a:before {content: none;}
}

@media (max-width: 767px) {
  .tm-search-results li h2 {font-size: 18px;}
  .tm-search-results li a {padding: 15px 0;}
}





.tm-product-list--item {position: relative; margin-bottom: 30px;}
.tm-product-list--item-img img {width: 100%;}
.tm-product-list--item-title {padding: 20px 30px; background-color: rgba(0,55,109,1);
 -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0..10); box-shadow: 0 0 5px 0 rgba(0,0,0,0..10); 
 display: inline-block; width: 100%; /*min-height: 70px;*/ -webkit-transition: all 200ms; transition: all 200ms;}
.tm-product-list--item:hover .tm-product-list--item-title {background-color: #00B5CB;}
.tm-product-list--item-title h2 {text-transform: uppercase; font-size: 13px; font-weight: 700; letter-spacing: .5px; padding: 0; margin: 0; color: #fff;}
.tm-product-list--item:hover .tm-product-list--item-title h2 {color: #fff;}



.tm-product-detail-tables, .tm-product-detail-text {background-color: rgba(0,0,0,.03); padding: 60px; border-radius: 3px; margin: 60px 0;}
.tm-product-detail-tables .table:last-child {margin-bottom: 0;}
.tm-product-detail-tables h4, .tm-product-detail-text h4 {padding: 10px 20px; background-color: #002D57; color: #fff; border-radius: 2px; display: inline-block; font-size: 13px; letter-spacing: 1px;}
.tm-product-detail-text p:last-child {margin: 0 !important;}
#tm-product-detail--slide {width: 100%; position: relative; right: -10px; top: -10px; -webkit-box-shadow: 0 0 30px rgba(0,0,0,.05); box-shadow: 0 0 30px rgba(0,0,0,.05); background-color: #fff;}
#tm-product-detail--slide .owl-dots {position: absolute; left: 30px; bottom: 30px;}
#tm-product-detail--slide .owl-dots .owl-dot span {margin: 2px;}
#tm-product-detail--slide img {position: static;}
/*.tm-product-detail-flex {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
*/
.tm-product-detail-content {padding: 30px;}
.tm-product-detail-content span {color: rgba(0,55,109,1); font-size: 10px; font-weight: 700; letter-spacing: 1px;}
.tm-product-detail-content h2 {color: #000; font-weight: 700; font-size: 28px; margin: 15px 0 30px 0; padding: 0;}

.tm-product-detail-content p {font-size: 14px; font-weight: 400; line-height: 22px; color: rgba(0,0,0,.5);}
.tm-product-detail-content .btn {background-color: #BC9B6A; color: #fff; text-transform: uppercase; letter-spacing: .5px; font-size: 12px; border-radius: 2px; line-height: 12px;     margin: 2px;
    width: calc(50% - 6px);
    border: none;
    padding: 10px !important;}
.tm-product-detail-content .btn:hover {background-color: #A55617;}
@media (max-width: 991px) {
  .tm-product-detail-flex {display: block;}
  #tm-product-detail--slide {right: 0; top: 0;}
}

@media (max-width: 575px) {
  .tm-product-detail-content .btn {width: 100%;}
}

@media (max-width: 500px) {
  .tm-product-detail-content .btn {display: block !important; margin-bottom: 10px;}
  .tm-product-detail-text {padding: 30px;}
}



.tm-reference-list {list-style-type: none; padding: 0;}
.tm-reference-list li {padding: 15px 30px; background-color: rgba(0,0,0,.05); border-bottom: 1px solid #fff;}
.tm-reference-list li:hover {background-color: rgba(0,0,0,.08);}






.tm-contact--image {
    width: 100%;
    background-color: rgba(0,0,0,.05);
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 30px;
}

.tm-contact--image:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(249,249,249,0.00)), color-stop(48%, rgba(92,121,147,0.63)), to(#002D57));
    background-image: linear-gradient(-180deg, rgba(249,249,249,0.00) 0%, rgba(92,121,147,0.63) 48%, #002D57 100%);
}

.tm-contact--image img {
    width: 100%;
}

.tm-contact--mapbtn {
    width: 90px;
    height: 90px;
    cursor: pointer;
    background-color: #00B5CB;
    border-radius: 3px;
    position: absolute;
    z-index: 1;
    right: 30px;
    bottom: 30px;
}

.tm-contact--mapbtn a {
    display: block;
    height: 100%;
    width: 100%;
    background-image: url(../img/mapgorsel.jpg);
    background-size: cover;
    background-position: center;
    overflow: hidden;
    border-radius: 2px;
}

.tm-contact--content {
    color: rgba(0,55,109,1);
}

@media (max-width: 767px) {
  .tm-contact--content {
    text-align: center;
  }
}

.tm-contact--content small {
    display: block;
    font-weight: 500;
    color: #00B5CB;
    padding-bottom: 5px;
}

.tm-contact--content a {
    color: rgba(0,55,109,1);
}


.contactnav {
    background-color: #00B5CB;
}

.contactnav:hover {
    background-color: #D86E1A;
}

.contactnav a {
    display: block;
    padding: 60px 0;
    text-align: center;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
}





.form-control {
    height: 44px;
    color: rgba(0,56,108,1);
    background-color: rgba(0,56,108,.05);
    border: 0;
    border-radius: 2px;
}

.btn-tm-form {
    background-color: rgba(0,56,108,1);
    color: #fff;
    border-radius: 3px;
    border: none;
}

.btn-tm-form:hover {
    color: #fff;
    background-color: #00B5CB;
}

.btn-tm-form:focus {
  color: #fff;
  background-color: #00B5CB;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}





.tm-files {
    width: 100%;
    padding: 60px 0;
    background-color: #fff;
    /*background-image: url(../img/linebg.svg);*/
    background-repeat: repeat;
    background-position: center;
}

.tm-files--box {
    background-color: #EBEBEB;
    padding: 30px;
    width: 800px;
    margin: 0 auto;
}

.tm-files--box .row {
    margin-left: -70px;
    margin-right: -70px;
}

.tm-files--item-line {
    width: 100%;
    height: 100%;
    position: relative;
}

.tm-files--item-line:after {
    content: "";
    width: 100%;
    height: 100%;
    border: 3px solid #00B5CB;
    position: absolute;
    left: -10px;
    top: 10px;
}

.tm-files--item {
    width: 100%;
    height: 245px;
    background-color: #fff;
    background-image: url(../img/files.svg);
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: left center;
    -webkit-box-shadow: 0 0 35px 0 rgba(0,0,0,0.20);
            box-shadow: 0 0 35px 0 rgba(0,0,0,0.20);
}

.tm-files--item a {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    z-index: 10;
    color: rgba(0,55,109,1);
}

.tm-files--item a h5 {
    font-size: 22px;
    position: absolute;
    right: 50px;
    bottom: 50px;
}


.tm-product-list--item-img {position: relative;}
.tm-afs--img {position: relative;}
.new-badge {font-size: 11px; line-height: 11px; font-weight: 400; padding: 10px 15px; border-radius: 0 3px 0 0; color: #fff; display: inline-block; position: absolute; left: 0; bottom: 0; letter-spacing: 1px; background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%); z-index: 30;}
.tm-afs--img .new-badge {left: 30px; bottom: inherit; top: 10px; border-radius: 3px;}




.tm-footer--top-box {padding: 60px 0 120px 0; font-size: 13px; font-weight: 400; color: #fff;}
.tm-footer--top-box a {color: #fff;}
.tm-footer--top-box a:hover {text-decoration: none; color: #fff;}
.tm-footer--top-box:nth-child(2) {padding-top: 0;}
.tm-footer--top-title {position: relative; padding-left: 60px; font-size: 16px; font-weight: 400; color: #fff; margin-bottom: 30px;}
.tm-footer--top-title:before {content: ""; width: 40px; height: 2px; background-color: #BC9B6A; position: absolute; left: 0; top: 50%; margin-top: -1px;}
.tm-footer--top-map {font-size: 10px; color: #fff; font-weight: 400; display: inline-block; text-transform: uppercase; letter-spacing: .7px; padding-left: 30px; position: relative;}
.tm-footer--top-map:before {content: ""; width: 15px; height: 2px; background-color: #BC9B6A; position: absolute; left: 0; top: 50%; margin-top: -1px;}
.tm-footer--top-content ul {list-style-type: none; padding: 0; margin: 0;}
.tm-footer--top-content ul li {margin-bottom: 3px;}
.tm-footer--top-content ul li a {padding: 4px 8px; display: inline-block; background-color: rgba(0,0,0,.06); border-radius: 2px; -webkit-transition: all 150ms; transition: all 150ms;}
.tm-footer--top-content ul li a:hover {background-color: rgba(0,0,0,.2);}


.tm-footer--bottom {padding: 0 0 60px 0; background-color: #fff; color: rgba(0,55,109,1); text-align: center;}
.tm-footer--bottom a {color: rgba(0,55,109,1);}
.tm-footer--newsletter {height: 100px; width: 100%; background-color: #fff; border-radius: 2px; -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,0.20); box-shadow: 0 0 30px 0 rgba(0,0,0,0.20); -webkit-transform: translate(0,-50px); transform: translate(0,-50px); position: relative;}
.tm-footer--newsletter input {text-align: center;width: 100%; height: 100px; position: absolute; font-size: 24px; font-weight: 100; left: 0; top: 0; border: none; padding: 30px 160px 30px 30px; border-radius: 2px; background-color: #fff;}
.tm-footer--newsletter input:focus {outline: none; -webkit-box-shadow: none; box-shadow: none;}
.tm-footer--newsletter button {position: absolute; background-color: #BC9B6A; color: #fff; right: 30px; top: 30px; z-index: 1; height: 40px; border-radius: 2px; line-height: 40px; padding: 0 30px; font-size: 11px; font-weight: 700; letter-spacing: 1px;}
@media (max-width: 991px) {
  .tm-footer--top-box {padding: 30px 0 !important;}
  .tm-footer--bottom {text-align: center;}
    .tm-footer--top {text-align: center;}
    .tm-footer--top-title {padding-left: 0; padding-top: 10px;}
    .tm-footer--top-title:before {content: ""; width: 40px; height: 2px; background-color: #00B5CB; position: absolute; left: 50%; margin-left: -20px; top: 0; margin-top: 0;}
    .tm-footer--newsletter {-webkit-transform: translate(0,0); transform: translate(0,0); margin-bottom: 30px;}
}

@media (min-width: 768px) and (max-width: 1199px) {
    .tm-footer--top {background-image: none;}
}


.btn-group-sm>.btn, .btn-sm {
    padding: 5px 10px !important;
    font-size: 10px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
}


.turkiye-logo {padding-top: 30px;}
.turkiye-logo img {width: 160px;}


.referansList {margin: 0; padding: 0; list-style-type: none;}
.referansList li {padding: 8px 15px; border-radius: 2px; margin-bottom: 2px; background-color: rgba(0,0,0,.02); -webkit-transition: all 600ms; transition: all 600ms;}
.referansList li:nth-child(odd) {background-color: rgba(0,0,0,.04);}

.referansList li:hover {background-color: rgba(0,0,0,.08); -webkit-transition: all 200ms; transition: all 200ms;}

.glyphicon_detail-tooltip {color: #00B5CB; font-size: 12px; padding: 0 6px;}

.urunDetayth {width: 200px;}
.urunDetaythimg {width: 60px; height: 60px; text-align: center;}
.urunDetaythimg img {width: 40px; height: 40px;}

.table>thead>tr>th {
    vertical-align: middle;
}

.breadcrumb a {cursor: pointer;}


.tm_slider--item-caption {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
.tm_slider--item-caption .container {height: 100%; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.tm_slider--item-caption .container h2 {font-weight: 700; color: rgba(0,55,109,1); line-height: 42px; font-size: 42px; text-shadow: 10px 15px 120px rgba(51,51,51,.55); color: #fff; position: relative; padding-bottom: 100px; padding-top: 30px; margin: 0;}
.tm_slider--item-caption .container h2:before {content: none; width: 60px; height: 6px; background-color: #ff0000; position: absolute; top: 0; left: 50%; margin-left: -30px;}

@media (max-width: 991px) {
  .tm_slider--item-caption .container h2 {font-size: 22px; padding-left: 60px; padding-right: 60px; line-height: inherit; padding-bottom: 40px;}
}



@media print {
 .tm-share-icons .icon,.tm-footer--newsletter, .tm-footer--bottom-nav, .turkiye-logo, .tm-footer--top, #tm-product-detail--slide .owl-item img, .tm-page--header, .tm-breadcrumb, .tm-header--inner {display: none !important;}
  #tm-language, #tm-search, #tm-respnav, .tm-background-overlay {display: none !important;}
  .tm-product-detail-tables {display: block !important;}
  #tm-product-detail--slide .owl-item.active img {display: block !important;}
  .tm-product-detail-tables, .tm-product-detail-text {padding: 0 !important;}
  .tm-product-detail-content, .tm-page--content {padding: 0 !important; margin: 0 !important;}
  .tm-product-detail-content .btn {display: none !important;}
  .tm-product-detail-tables h4, .tm-product-detail-text h4 {padding: 0 !important;}
  .tm-afs--img img { float: left; width: 150px !important; }
  a { display:none !important;}
  .tm-product_detail_fixed .title  { display:none !important;}
  .tm-product_detail_collapse { margin: 0 !important }

}


.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {vertical-align: middle;}

.tm-logos .owl-theme .owl-nav [class*='owl-'] {width: 30px; height: 30px; line-height: 30px; margin: 2px;}
.tm-logos .owl-nav {padding-top: 10px;}

@media (max-width: 767px) {
  .tm-footer--newsletter input {
    font-size: 14px;
    /*    width: 179px;*/
}
}


.tm-contact--top-title {position: relative; padding-left: 60px; font-size: 16px; font-weight: 400; color: #BC9B6A; margin-bottom: 30px;}
.tm-contact--top-title:before {content: ""; width: 40px; height: 2px; background-color: #BC9B6A; position: absolute; left: 0; top: 50%; margin-top: -1px;}
@media (max-width: 767px) {
  .tm-contact--top-title {padding-left: 0; padding-top: 10px; text-align: center;}
  .tm-contact--top-title:before {content: none;}
}



#msjSuccessMail {font-size: 16px; background-color: rgba(126,211,33,.5); color: #000; margin-bottom: 30px; padding: 10px; border-radius: 6px;}
#msjFailMail {font-size: 16px; background-color: rgba(208,2,27,.5); color: #fff; margin-bottom: 30px; padding: 10px; border-radius: 6px;}



.tm-product_detail_collapse {margin-top: 60px; padding: 10px; background-color: rgba(0,0,0,.03);}
.tm-product_detail_collapse .panel-group {margin-bottom: 0;}
.tm-product_detail_collapse .panel {border-color: #fff; border-radius: 0; -webkit-box-shadow: 0 0 30px rgba(0,0,0,.05); box-shadow: 0 0 30px rgba(0,0,0,.05);}
.tm-product_detail_collapse .panel.active {border-color: rgba(0,55,109,1);}
.tm-product_detail_collapse .panel-heading {border: none; background-color: #fff; padding: 0;}
.tm-product_detail_collapse .panel-heading a {display: block; padding: 30px; text-decoration: none; position: relative; font-weight: 600; color: rgba(0,55,109,1);}
.tm-product_detail_collapse .panel-heading a:hover {text-decoration: none;}
.tm-product_detail_collapse .panel-body {padding: 30px; border-color: rgba(16,6,159,1) !important;}
.tm-product_detail_collapse svg {-webkit-transition: all .4s ease;transition: all .4s ease; position: absolute; right: 30px; top: 50%; margin-top: -3px;}
.tm-product_detail_collapse .active svg {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.tm-product_detail_collapse .table:last-child {margin-bottom: 0;}

@media (max-width: 767px) {
  .tm-product_detail_collapse {display: block !important;}
}


.tm-product_detail_print {margin-top: 30px; display: none !important;}
.tm-product_detail_print .box {padding: 30px 0;}

@media print {
  .tm-product_detail_print {display: block !important;}
  .tm-product_detail_collapse {display: none !important;}
}

.tm-print_btn {padding-top: 60px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #000; font-weight: 600; font-size: 12px;}
.tm-print_btn:hover {text-decoration: none;}
.tm-print_btn .line {width: 2px; height: 30px; background-color: rgba(0,0,0,.1); margin: 15px 0;}
.tm-print_btn path {fill:#000000;}
.tm-print_btn:hover path {fill:#23527c;}

@media print {
  .tm-print_btn {display: none;}
}


.tm-product_detail_fixed {width: 280px; height: 60px; border-radius: 60px; position: fixed; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 9999; bottom: 30px; background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);}
.tm-product_detail_fixed .inner {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.tm-product_detail_fixed .title {font-size: 11px; font-weight: 400; color: #fff; letter-spacing: 1px;}

.tm-product_detail_fixed span { display: block; width: 5px; height: 5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-right: 2px solid #fff; border-bottom: 2px solid #fff; margin: 0 0 3px 6px; }
.tm-product_detail_fixed .mouse { height: 30px; width: 20px; border-radius: 20px; -webkit-transform: none; transform: none; border: 2px solid #fff; top: 170px; margin-right: 10px;}
.tm-product_detail_fixed .wheel { height: 5px; width: 2px; display: block; margin: 5px auto; background: #fff; position: relative; }
.tm-product_detail_fixed .wheel { -webkit-animation: mouse-wheel 1.2s ease infinite; -moz-animation: mouse-wheel 1.2s ease infinite; } @-webkit-keyframes mouse-wheel { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(6px); transform: translateY(6px); } } @-webkit-keyframes mouse-scroll { 0% { opacity: 0;} 50% { opacity: .5;} 100% { opacity: 1;} } @keyframes mouse-scroll { 0% { opacity: 0; } 50% { opacity: .5; } 100% { opacity: 1; } }


.scrollindicator{ width: 100%; height: 4px; /* height of progress bar */ display: block; left: 0; top: 0; /* dock progress bar to bottom of page (change to "top" for top instead) */ cursor: pointer; position: fixed; z-index: 1000000; visibility: hidden; -webkit-transition: height .2s ease; transition: height .2s ease; }
.scrollprogress{ position: absolute; width: 100%; height: 100%; background: #00B5CB; /* background color of progress bar */ -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); =-webkit-transition: -webkit-transform .4s ease; -webkit-transition: -webkit-transform .4s ease; transition: -webkit-transform .4s ease; transition: transform .4s ease; transition: transform .4s ease, -webkit-transform .4s ease; /* animate progress bar? Remove to disable */ }


.tm-bth_collapse {padding: 10px; background-color: rgba(0,0,0,.03);}
.tm-bth_collapse .panel-group {margin-bottom: 0;}
.tm-bth_collapse .panel {border-color: #fff; border-radius: 0; -webkit-box-shadow: 0 0 30px rgba(0,0,0,.05); box-shadow: 0 0 30px rgba(0,0,0,.05);}
.tm-bth_collapse .panel.active {border-color: rgba(0,55,109,1);}
.tm-bth_collapse .panel-heading {border: none; background-color: #fff; padding: 0;}
.tm-bth_collapse .panel-heading a {display: block; padding: 30px; text-decoration: none; position: relative; font-weight: 600; color: rgba(0,55,109,1);}
.tm-bth_collapse .panel-heading a:hover {text-decoration: none;}
.tm-bth_collapse .panel-body {padding: 30px; border-color: rgba(16,6,159,1) !important;}
.tm-bth_collapse svg {-webkit-transition: all .4s ease;transition: all .4s ease; position: absolute; right: 30px; top: 50%; margin-top: -3px;}
.tm-bth_collapse .active svg {-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.tm-bth_collapse .panel-body .table:last-child {margin-bottom: 0;}

.bth_table .titleone, .bth_table .titletwo {width: 160px;}




.tm-share-icons {width: 140px; height: 50px; position: fixed; right: 30px; bottom: 30px; z-index: 200;}
.tm-share-icons .icon {width: 140px; height: 50px; color: #fff; cursor: pointer; font-size: 13px; border-radius: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: -webkit-gradient(linear, right top, left top, from(#ff5858), color-stop(#f09819), color-stop(#d53434), to(#f09819));
  background: linear-gradient(270deg, #ff5858, #f09819, #d53434, #f09819);
  background-size: 800% 800%;
  -webkit-animation: newbadge 4s ease infinite;
  animation: newbadge 4s ease infinite;}
.tm-share-icons .icon svg {width: 1em; height: 1em; margin-right: 10px; font-size: 16px;}
.tm-share-icons .icon g {stroke: #fff;}

.tm-share-icons .tm-dropdown {position: absolute; right: 0; bottom: 60px; width: 200px; padding: 10px; border-radius: 10px; visibility: hidden; opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); -webkit-transition: all 300ms cubic-bezier(0.785, 0.135, 0.150, 0.860); transition: all 300ms cubic-bezier(0.785, 0.135, 0.150, 0.860); background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);}
.tm-share-icons.active .tm-dropdown {visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
.tm-share-icons .tm-dropdown--inner {text-align: right;}
.tm-share-icons .tm-dropdown--inner .nav-item {float: none;}
.tm-share-icons .tm-dropdown--inner .nav-link {color: rgba(255,255,255,1);}
.tm-share-icons .tm-dropdown--inner .nav-link:hover {color: rgba(255,255,255,1); background-color: rgba(255,255,255,.1);}


.tm-share-icons .nav>li>a:focus, .tm-share-icons .nav>li>a:hover {
  text-decoration: none;
  background-color: transparent;
}

@media (max-width: 575px) {
  .tm-share-icons {display: none;}
}




.tm-scrolltop {width: 50px; height: 50px; position: fixed; right: 80px; bottom: 30px; z-index: 200; visibility: hidden; opacity: 0; -webkit-transform: translateY(-30px); transform: translateY(-30px); -webkit-transition: all 300ms cubic-bezier(0.785, 0.135, 0.150, 0.860); transition: all 300ms cubic-bezier(0.785, 0.135, 0.150, 0.860);}
.tm-scrolltop.active {visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
.tm-scrolltop .icon {width: 50px; height: 50px; border-radius: 50px; background-color: #000; cursor: pointer; font-size: 13px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.tm-scrolltop .icon svg {width: 1em; height: 1em;}
.tm-scrolltop .icon g {stroke: #fff;}

@media (max-width: 575px) {
  .tm-scrolltop {display: none;}
}



.tm-share--box {width: 100%; height: 100%; display: none; background-color: rgba(0,0,0,1); position: fixed; top: 0; left: 0; z-index: 8888;}
.tm-share--box--inner {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%;}
.tm-share--box.active {display: block;}
.tm-share--close {width: 70px; height: 70px; font-size: 20px; cursor: pointer; background-color: #fff; position: absolute; right: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.tm-share--close svg {width: 1em; height: 1em;}
.tm-share--close g {stroke: #000;}

.tm-share--box .tm-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.tm-share--box .tm-box h2 {margin-bottom: 30px; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; color: #fff;}
.tm-share--box .tm-box--icon { margin: 5px; }
.tm-share--box .tm-box--icon img { height: 60px; }


.ui-autocomplete { position: absolute; cursor: default; z-index:99999 !important;}  



.tm-instagram {background-color: #ddd;}
.tm-instagram img {width: 12.5%;}

@media (max-width: 767px) {
  .tm-instagram img {width: 25%;}
}

@media (max-width: 575px) {
  .tm-instagram img {width: 50%;}
}

.tm-referenceList {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px;}
.tm-referenceList .tm-box {padding: 15px; background-color: #fff; width: 25%;}
.tm-referenceList .tm-box--image img {width: 100%;}



@media (max-width: 767px) {
  .tm-referenceList .tm-box {width: 33.33333333%;}
}

@media (max-width: 575px) {
  .tm-referenceList .tm-box {width: 50%;}
}


.tm-footer--social {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 60px;}
.tm-footer--social .tm-box {width: 40px; height: 40px; margin: 0 6px;}
.tm-footer--social .tm-box img {width: 100%;}


.tm-referenceList .tm-box {padding: 10px;}
.tm-referenceList .tm-box--inner {padding: 15px; border: 1px solid #ddd; position: relative;}
.tm-referenceList .tm-box--inner img {width: 100%;}
.tm-referenceList .tm-box--content {width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 15px; background-color: rgba(255,255,255,0); -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.tm-referenceList .tm-box:hover .tm-box--content {background-color: rgba(255,255,255,.9);}
.tm-referenceList .tm-box--content span {display: inline-block; -webkit-transform: translateY(30px); transform: translateY(30px); opacity: 0; -webkit-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.tm-referenceList .tm-box:hover .tm-box--content span {-webkit-transform: translateY(0);transform: translateY(0); opacity: 1;}





#instagram-widget {position: relative;}
.instagram-widget-icon {width: 240px; height: 60px; text-decoration: none; border-radius: 60px; background-color: #00B5CB; position: absolute; left: 50%; -webkit-transition: all 300ms; transition: all 300ms; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 0 0 30px rgba(0,0,0,.05); box-shadow: 0 0 30px rgba(0,0,0,.05);}
.instagram-widget-icon:hover {-webkit-box-shadow: 0 10px 30px rgba(0,0,0,.05);box-shadow: 0 10px 30px rgba(0,0,0,.05); -webkit-transform: translate(-50%, -60%); transform: translate(-50%, -60%); text-decoration: none;}
.instagram-widget-icon img {width: 30px;}
.instagram-widget-icon span {margin-left: 10px; font-size:18px;font-weight: 400; letter-spacing: 1px; color: #fff;}
.instagram-widget-icon:focus {outline: none; text-decoration: none;}




#mainFormAnket .form-group {border: 1px solid rgba(0,0,0,.1);}
#mainFormAnket .form-group--heading {padding: 30px; background-color: rgba(0,0,0,.02);}
#mainFormAnket .form-group--content {padding: 30px; position: relative; border-top: 1px solid rgba(0,0,0,.1);}

#msjSuccess {padding: 30px; background: #B8E986; color: #000; margin-top: 30px; border-radius: 3px;}
#msjFail {padding: 30px; background: #DE6B79; color: #000; margin-top: 30px; border-radius: 3px;}
#msjFailIP {padding: 30px; background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%); color: #fff; margin-top: 30px; border-radius: 3px;}



.new-badge {
  background: -webkit-gradient(linear, right top, left top, from(#ff5858), color-stop(#f09819), color-stop(#d53434), to(#f09819));
  background: linear-gradient(270deg, #ff5858, #f09819, #d53434, #f09819);
  background-size: 800% 800%;
  -webkit-animation: newbadge 4s ease infinite;
  animation: newbadge 4s ease infinite;
}

@-webkit-keyframes newbadge {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes newbadge { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}




.tm-footer--top .tm-footer--social .tm-box:last-child {display: none !important;}

@media (max-width: 991px) {
  .tm-footer--top .tm-footer--social .tm-box:last-child {display: block !important;}
}


.tm-galeri-list {display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin-top: 60px;}
.tm-galeri-list .galeri-box {margin: 0 10px 10px 0; padding: 6px; border: 1px solid rgba(0,0,0,.1); transition: all 300ms;}
.tm-galeri-list .galeri-box:hover {border-color: rgba(0,0,0,.2);}
.tm-galeri-list a {display: block; width: 100px; height: 100px; background-size: cover;}
.tm-galeri-list a:focus {outline: none; box-shadow: none;}