/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1; }
  .owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */ }
  .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;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px); }
  .owl-carousel .owl-wrapper,
  .owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); }
  .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%; }
  .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;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next,
  .owl-carousel button.owl-dot {
    color: inherit;
    border: none;
    font: inherit; }
  .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 {
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .owl-carousel.owl-grab {
    cursor: move;
    cursor: grab; }
  .owl-carousel.owl-rtl {
    direction: rtl; }
  .owl-carousel.owl-rtl .owl-item {
    float: right; }

/* No Js */
.no-js .owl-carousel {
  display: block; }

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both; }

.owl-carousel .owl-animated-in {
  z-index: 0; }

.owl-carousel .owl-animated-out {
  z-index: 1; }

.owl-carousel .fadeOut {
  animation-name: fadeOut; }

@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } }

/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out; }

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item {
  /**
			This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
			calculation of the height of the owl-item that breaks page layouts
		 */ }
  .owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease; }
  .owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
    max-height: 0; }
  .owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d; }

/*
 * 	Owl Carousel - Video Plugin
 */
.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("owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-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;
  transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%; }
	
.owl-dots{    
	padding:0 1.35416666666667vw;
	font-size:0;
}	
.owl-dot{
	outline:none;
	margin:0.260416666666667vw;
	width:1.25vw;
	height:1.25vw;
	background-image:url("../img/about/dot_o.png");
	background-color: transparent;
	background-repeat: no-repeat;
	background-size:1.25vw;
	background-position: 50% 50%;
	padding: 0;
}
.owl-dot.active{
	background-image:url("../img/about/dot.png");
}
.owl-prev, .owl-next{
	position: absolute;
	background-color: transparent;
	width:1.09375vw;
	height:1.71875vw;
	outline:none;
	background-image:url("../img/about/arrow_l.png");
	background-repeat: no-repeat;
	background-size:1.09375vw;
	background-position: 0% 50%;
	z-index:10;
}
.owl-next{
	background-image:url("../img/about/arrow_r.png");
	position: absolute;
	right: 0;
	background-position: 100% 50%;
}


	
.clients_sider .owl-dots{    
	padding:0 1.35416666666667vw;
}	
.clients_sider .owl-dot{
	outline:none;
	margin:0.260416666666667vw;
	width:1.25vw;
	height:1.25vw;
	background-image:url("../img/corp/dot_o.png");
	background-color: transparent;
	background-repeat: no-repeat;
	background-size:1.25vw;
	background-position: 50% 50%;
}
.clients_sider .owl-dot.active{
	background-image:url("../img/about/dot.png");
}
.clients_sider .owl-prev, .clients_sider .owl-next{
	position: absolute;
	background-color: transparent;
	width:1.09375vw;
	height:1.71875vw;
	outline:none;
	background-image:url("../img/about/arrow_l.png");
	background-repeat: no-repeat;
	background-size:1.09375vw;
	background-position: 50% 50%;
	z-index:10;
	left: 0;
}
.clients_sider .owl-next{
	background-image:url("../img/about/arrow_r.png");
	position: absolute;
	right: 0;
	left: auto;
}
.clients_sider .navigate {
	position: static;
  margin-top: 2.60416666666667vw;
	display: inline-block;
}
body.compensate-for-scrollbar {
  overflow: hidden; }

.fancybox-active {
  height: auto; }

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden; }

.fancybox-container {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji',
 'Segoe UI Emoji', 'Segoe UI Symbol';
  height: 100%;
  left: 0;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 100%;
  z-index: 99992; }

.fancybox-container * {
  box-sizing: border-box; }
.fancybox-navigation{
	position: static;
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto; }

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); }

.fancybox-is-open .fancybox-bg {
  opacity: .87;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity .25s, visibility 0s linear .25s;
  visibility: hidden;
  z-index: 99997; }

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  transition: opacity .25s, visibility 0s;
  visibility: visible; }

.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  text-align: center;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fancybox-toolbar {
  right: 0;
  top: 0; }

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  -webkit-transform: translate3d(0, 0, 0);
  z-index: 99994; }

.fancybox-is-open .fancybox-stage {
  overflow: hidden; }

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  white-space: normal;
  width: 100%;
  z-index: 99994; }

.fancybox-slide::before {
  content: '';
  display: inline-block;
  height: 100%;
  margin-right: -.25em;
  vertical-align: middle;
  width: 0; }

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block; }

.fancybox-slide--next {
  z-index: 99995; }

.fancybox-slide--image {
  overflow: visible;
  padding: 44px 0; }

.fancybox-slide--image::before {
  display: none; }

.fancybox-slide--html {
  padding: 6px 6px 0 6px; }

.fancybox-slide--iframe {
  padding: 44px 44px 0; }

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0 0 6px 0;
  max-width: 100%;
  overflow: auto;
  padding: 0;
  padding: 24px;
  position: relative;
  text-align: left;
  vertical-align: middle; }

.fancybox-slide--image .fancybox-content {
  -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  margin: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995; }

.fancybox-can-zoomOut .fancybox-content {
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.fancybox-can-zoomIn .fancybox-content {
  cursor: -webkit-zoom-in;
  cursor: zoom-in; }

.fancybox-can-drag .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab; }

.fancybox-is-dragging .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.fancybox-container [data-selectable='true'] {
  cursor: text; }

.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%; }

.fancybox-spaceball {
  z-index: 1; }

.fancybox-slide--html .fancybox-content {
  margin-bottom: 6px; }

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  margin: 0;
  overflow: visible;
  padding: 0;
  width: 100%; }

.fancybox-slide--video .fancybox-content {
  background: #000; }

.fancybox-slide--map .fancybox-content {
  background: #e5e3df; }

.fancybox-slide--iframe .fancybox-content {
  background: #fff;
  height: calc(100% - 44px);
  margin-bottom: 44px; }

.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%; }

.fancybox-iframe {
  vertical-align: top; }

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%; }

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0; }

/* Buttons */
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  outline: none;
  padding: 10px;
  transition: color .2s;
  vertical-align: top;
  width: 44px; }

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc; }

.fancybox-button:focus,
.fancybox-button:hover {
  color: #fff; }

.fancybox-button.disabled,
.fancybox-button.disabled:hover,
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default; }

.fancybox-button svg {
  display: block;
  overflow: visible;
  position: relative;
  shape-rendering: geometricPrecision; }

.fancybox-button svg path {
  fill: transparent;
  stroke: currentColor;
  stroke-linejoin: round;
  stroke-width: 3; }

.fancybox-button--play svg path:nth-child(2) {
  display: none; }

.fancybox-button--pause svg path:nth-child(1) {
  display: none; }

.fancybox-button--play svg path,
.fancybox-button--share svg path,
.fancybox-button--thumbs svg path {
  fill: currentColor; }

.fancybox-button--share svg path {
  stroke-width: 1; }

/* Navigation arrows */
.fancybox-navigation .fancybox-button {
  height: 38px;
  opacity: 0;
  padding: 6px;
  position: absolute;
  top: 50%;
  width: 38px; }

.fancybox-show-nav .fancybox-navigation .fancybox-button {
  transition: opacity .25s, visibility 0s, color .25s; }

.fancybox-navigation .fancybox-button::after {
  content: '';
  left: -25px;
  padding: 50px;
  position: absolute;
  top: -25px; }

.fancybox-navigation .fancybox-button--arrow_left {
  left: 6px; }

.fancybox-navigation .fancybox-button--arrow_right {
  right: 6px; }

/* Close button on the top right corner of html content */
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #555;
  cursor: pointer;
  height: 44px;
  margin: 0;
  padding: 6px;
  position: absolute;
  right: 0;
  top: 0;
  width: 44px;
  z-index: 10; }

.fancybox-close-small svg {
  fill: transparent;
  opacity: .8;
  stroke: currentColor;
  stroke-width: 1.5;
  transition: stroke .1s; }

.fancybox-close-small:focus {
  outline: none; }

.fancybox-close-small:hover svg {
  opacity: 1; }

.fancybox-slide--image .fancybox-close-small,
.fancybox-slide--video .fancybox-close-small,
.fancybox-slide--iframe .fancybox-close-small {
  color: #ccc;
  padding: 5px;
  right: -12px;
  top: -44px; }

.fancybox-slide--image .fancybox-close-small:hover svg,
.fancybox-slide--video .fancybox-close-small:hover svg,
.fancybox-slide--iframe .fancybox-close-small:hover svg {
  background: transparent;
  color: #fff; }

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
  display: none; }

/* Caption */
.fancybox-caption {
  bottom: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 25px 44px 25px 44px;
  right: 0; }

.fancybox-caption::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);
  background-repeat: repeat-x;
  background-size: contain;
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: -25px;
  z-index: -1; }

.fancybox-caption::after {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  content: '';
  display: block;
  left: 44px;
  position: absolute;
  right: 44px;
  top: 0; }

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none; }

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline; }

/* Loading indicator */
.fancybox-loading {
  -webkit-animation: fancybox-rotate .8s infinite linear;
  animation: fancybox-rotate .8s infinite linear;
  background: transparent;
  border: 6px solid rgba(100, 100, 100, 0.5);
  border-radius: 100%;
  border-top-color: #fff;
  height: 60px;
  left: 50%;
  margin: -30px 0 0 -30px;
  opacity: .6;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 60px;
  z-index: 99999; }

@-webkit-keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes fancybox-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1); }

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1; }

/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(1.5, 1.5, 1.5);
  transform: scale3d(1.5, 1.5, 1.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
  transform: scale3d(0.5, 0.5, 0.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1); }

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: rotate(-360deg);
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg); }

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg); }

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg); }

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); }

.fancybox-fx-tube.fancybox-slide--next {
  -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); }

.fancybox-fx-tube.fancybox-slide--current {
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1); }

/* Share */
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center; }

.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0; }

.fancybox-share p {
  margin: 0;
  padding: 0; }

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap; }

.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff; }

.fancybox-share__button:hover {
  text-decoration: none; }

.fancybox-share__button--fb {
  background: #3b5998; }

.fancybox-share__button--fb:hover {
  background: #344e86; }

.fancybox-share__button--pt {
  background: #bd081d; }

.fancybox-share__button--pt:hover {
  background: #aa0719; }

.fancybox-share__button--tw {
  background: #1da1f2; }

.fancybox-share__button--tw:hover {
  background: #0d95e8; }

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px; }

.fancybox-share__button svg path {
  fill: #fff; }

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%; }

/* Thumbs */
.fancybox-thumbs {
  background: #fff;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  width: 212px;
  z-index: 99995; }

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden; }

.fancybox-show-thumbs .fancybox-thumbs {
  display: block; }

.fancybox-show-thumbs .fancybox-inner {
  right: 212px; }

.fancybox-thumbs > ul {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%; }

.fancybox-thumbs-x > ul {
  overflow: hidden; }

.fancybox-thumbs-y > ul::-webkit-scrollbar {
  width: 7px; }

.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }

.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px; }

.fancybox-thumbs > ul > li {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px; }

.fancybox-thumbs-loading {
  background: rgba(0, 0, 0, 0.1); }

.fancybox-thumbs > ul > li {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

.fancybox-thumbs > ul > li:before {
  border: 4px solid #4ea7f9;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991; }

.fancybox-thumbs .fancybox-thumbs-active:before {
  opacity: 1; }

/* Styling for Small-Screen Devices */
@media all and (max-width: 800px) {
  .fancybox-thumbs {
    width: 110px; }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px; }
  .fancybox-thumbs > ul > li {
    max-width: calc(100% - 10px); } }
@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

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

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

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

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -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.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

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

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -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;
}

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

@-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(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.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(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.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(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.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(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  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.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

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

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

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.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.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

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

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

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

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

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

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

  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.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.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.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.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

  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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.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.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  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.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  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(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

.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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

.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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

.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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

.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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

.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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

.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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

.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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

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

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

.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(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.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(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.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-duration: 0.75s;
  animation-duration: 0.75s;
  -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-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    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-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

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

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

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

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

/* 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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.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(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

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

  50% {
    opacity: 1;
  }
}

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

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

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

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

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

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

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

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

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

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

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

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

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

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

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

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

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

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

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

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

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

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

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

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

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

  to {
    opacity: 0;
  }
}

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

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

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.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.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

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

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.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.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

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

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

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

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

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

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

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

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.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(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.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.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

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

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.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.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 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;
}
.ny_format .home_sec_2_item{
	width:25%;
	padding:0 1vw;
}
.clearfix_form{
	padding-top: 1.5vw;
}
main{
	/*padding-top: 7vw;*/
	z-index:1;
    position: relative;
}
.orange .lets_talk_btn{
	margin-left: auto;
	margin-right: auto;
}
.pers .lets_talk_btn{
	margin-left: auto;
	margin-right: auto;
}
.kids .lets_talk_btn{
	margin-left: auto;
	margin-right: auto;
}
a{
	/*cursor: url('../img/cursor.png'), pointer;*/
}
.footer_fb{
	margin-left:2.13541666666667vw;
}
.lets_talk_kids2{
	left: 6.3125vw;
}
.lets_talk_kids3{
	right: 5.53125vw;
}
.lets_talk_cor2{
	left: 6.3125vw;
}
.lets_talk_cor3{
	right: 5.53125vw;
}
.lets_talk_img2{
	left: 6.3125vw;
}
.lets_talk_img3{
	right: 5.53125vw;
}
.lets_talk{
	padding-left: 20vw;
	padding-right: 20vw;
	text-align: center;
}
.header_menu_item:hover .dropdown_wrap{
	display: block;
}
.dropdown_wrap{
	position: absolute;
	top: 100%;
	display:none;
	padding-top:1.35416666666667vw;
}
ul.dropdown:before{
	content:'';
	width:1.40625vw;
	height:1.40625vw;
	position: absolute;
	left:1.40625vw;
	top:-0.7vw;
	background-image: url(../img/menu_d_a.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 1.40625vw 1.40625vw;
	
}
ul.dropdown{
	left: -1.09375vw;
	background: #eaeaea;
	border-radius: 0.364583333333333vw;
	z-index: 1;
	text-align: left;
}
ul.dropdown li{
	padding:0.6vw 0;
}

.header_menu_item:hover ul.dropdown a{
	color: #333333;
	white-space: nowrap;
}
.header_menu_item:hover ul.dropdown a:hover{
	color: #0000ff;
}

.header_menu_item:hover ul.dropdown li.active a{
	color: #0000ff;
}
.header_menu_item svg{
	fill: #333333;
	width:1.04166666666667vw;
	height:0.625vw;
}
.header_menu_item:hover svg{
	transform: rotate(180deg);
	fill: #0000ff;
	transition: 0.3s;
}
.header_menu{
	text-align: center;
}
#footer{
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding-bottom: 3vw;
}
.content{
	position: relative;
}
header{
	position: absolute;
	width: 100%;
	z-index: 99;
	background: transparent;
	position: sticky;
	transition: top 0.3s, background 0.3s;
	top: -5vw;
}
header:hover{
	top: 0;
	transition: top 0.3s, background 0.3s;
	background: #fff;
}
#home{
	height: 100vh;
	min-height: 44.2708333333333vw;
	width: 100%;
	padding-top:7.07291666666667vw;
}
footer{
	background: #eaeaea;
	padding: 2vw 0;
}
.footer_left{
	float: left;
	font-size: 1.25vw;
}
.footer_left a{
	color: #0000ff;
}
.footer_right{
	float: right;
	text-align: right;
	font-size: 1.25vw;
	text-transform: uppercase; 
}
.footer_right ul li{
	list-style:none;
	display: inline-block;
	margin-left:2.86458333333333vw;
}
footer a:hover{
	color: #0000ff;
	transition: 0.3s;
}
.contacts .footer_tg{
	margin-left: 0px;
}
.seo{
	background:#eaeaea;
	font-size: 0.729166666666667vw;
	line-height:1.35416666666667vw;
	color: #999999;
  font-family: 'Whipsmart-Bold';
	padding:2.60416666666667vw 0; 
}
.seo ul{
	font-size: inherit;
	line-height: inherit;
}
.seo ul li{
	font-size: inherit;
	line-height: inherit;
	list-style: disc;
	margin-left: 1vw;
}
.seo h2,.seo h3,.seo h4,.seo h5,.seo h6{
	margin:0;
	padding: 0;
	font-size: 1.2vw;
	line-height:1.6vw;
}
.seo_left{
	width: 50%;
	float: left;
	padding-right:4.6875vw;
}
.seo_right{
	width: 50%;
	float: left;
	padding-right:4.6875vw;
}
.seo p+p, .seo p+h3  {
	/* margin-top:1.5625vw; */
}
.contacts{
	min-height:43.2291666666667vw;
}
.lets_talk input{
	font-family: "Matias";
	width:14.3229166666667vw;
	margin: 2vw 0.520833333333333vw;
	border-radius: 2.60416666666667vw;
	height:2.60416666666667vw;
	background: #fff;
	border:none;
	outline:none;
	font-size: 1.04166666666667vw;
	color: #333333;
	padding: 0 1vw;
}
.lets_talk input[type="submit"]{
	background: #0000ff;
	color: #ffffff;
	/*cursor: url('../img/cursor.png'), pointer;*/
}
.corp .lets_talk input[type="submit"]{
	background: #0000ff;
	color: #ffffff;
	/*cursor: url('../img/cursor.png'), pointer;*/
}
.home_cases{
	padding-top:5.72916666666667vw;
	padding-bottom:7.8125vw;
}
.home_cases h2 {
	text-align: center;
	color: #0000ff;
}
.home_btn_orange{
	/*cursor: url('../img/cursor.png'), pointer;*/
}
.home_cases .home_btn_orange {
	width: 11.1979166666667vw;
	margin: 0 auto;
	margin-top: 1.5625vw;
	display: block;
}
.home_cases_item{
	margin-top:4.16666666666667vw;
	width: 33.333%;
	float: left;
	padding:1.04166666666667vw;
} 
.home_cases_item .cases_info_date{
	margin-left: 2vw;
} 
.home_cases_item .case_img{
	width:28.6458333333333vw;
	height:17.0957666181465vw;
}
.home_cases_item .case_img_wrap:after {
	top: 0px;
	left: 0px;
	position: absolute;
	content: '';
	background-image: url(../img/case_overlay_w.png);
	background-size: 29vw 19vw;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 30vw;
	height: 19vw;
}
#home_how_work{
	padding: 5.20833333333333vw 0;
}
#home_how_work h2{
	text-align: center;
    color: #0000ff;
}
.home_how_work_item{
	text-align: center;
	width:33.333%;
	float:left;
	padding: 0 2vw;
	font-size:	1.25vw;
	line-height:2.08333333333333vw;
}
.home_how_work__num{
	padding-top:1.5vw;
	width:7.29166666666667vw;
	height: 5.36458333333333vw;
	background-image: url(../img/work_item.png);
	background-size: 7.29166666666667vw 5.36458333333333vw;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	margin: 4.16666666666667vw auto;
	color: #0000ff;
	font-size:3.125vw;
	position: relative;
}
.home_how_work__num_line:before{
	content:'';
	background-image: url(../img/work_line_left.png);
	background-size: 20.9895833333333vw 1.35416666666667vw;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 20.9895833333333vw;
	height: 1.35416666666667vw;
	position: absolute;
	right: 8.5895833333333vw;
	top: 2vw;
}
.home_how_work__num_line:after{
	content:'';
	background-image: url(../img/work_line_right.png);
	background-size: 20.9895833333333vw 1.35416666666667vw;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 20.9895833333333vw;
	height: 1.35416666666667vw;
	position: absolute;
	left: 8.7895833333333vw;
	top: 2vw;
}
#home_sec_3{
	background-color: #eaeaea;
	background-image: url('../img/home_sec_3_bg.png');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 92.6041666666667vw 28.4895833333333vw;
	padding: 5.20833333333333vw 0;
}
.home_sec_3_txt{
	padding-left:6.77083333333333vw;
	width:44.9479166666667vw;
}
#home_sec_3 h2{
	text-align: left;
	color: #0000ff;
}
#home_sec_3 p{
	font-size:1.25vw;
	line-height:2.08333333333333vw;
  font-family: 'Whipsmart-Bold';
	padding-top: 2vw;
	padding-bottom: 1vw;
}
.home_sec_3_img{
	position: absolute;
	width: 28.3333333333333vw;
	height: 26.3020833333333vw;
	left: 54.7916666666667vw;
	top: 0vw;
}
#home_sec_2{
	padding: 5.20833333333333vw 0;
}
#home_sec_2 h2{
	text-align: center;
	color: #0000ff;
	margin-bottom:2.60416666666667vw;
}
.home_sec_2_item{
	width: 33.3333%;
	float: left;
	height:19.1666666666667vw;
	text-align: center;
	padding: 0 5vw;
	margin-top:2.60416666666667vw;
}
.home_sec_2_item_1{
	width: 10.0520833333333vw;
}
.home_sec_2_item_2{
	width: 9.27083333333333vw;
}
.home_sec_2_item_3{
	width: 10vw;
}
.home_sec_2_item_4{
	width: 10.1041666666667vw;
}
.home_sec_2_item_5{
	width: 15.0520833333333vw;
}
.home_sec_2_item_6{
	width: 16.40625vw;
}
.home_sec_2_item:hover{
	background-image: url(../img/us_bg.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 30.5729166666667vw 19.1666666666667vw;
}
.home_sec_2_item_head{
	font-size: 1.77083333333333vw;
	line-height: 3.125vw;
	color: #0000ff;
}
.home_sec_2_item_txt{
	font-size:0.9375vw;
	line-height: 1.5625vw;
  font-family: 'Whipsmart-Bold';
}
.home_sec_2_item_img{
	position: relative;
	height:12.5vw;
}
.home_sec_2_item_img img{
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
}
#home_sec_1{
	height:44.53125vw;
	padding-top: 3.89583333333333vw;
	background-color:#f6881f;
	background-image: url(../img/home_sec_1_bg.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 90.8333333333333vw 37.03125vw;
	color: #ffffff;
}
#home_sec_1 .home_btn_orange_o{
	border-color: #ffffff;
	color: #ffffff;
	background: transparent;
	margin-left: 0;
}
#home_sec_1 h2{
	text-align: left;
	color: #ffffff;
}
#home_sec_1 p{
  font-family: 'Whipsmart-Bold';
	font-size:1.25vw;
	line-height:2.08333333333333vw;
	margin-top:2.30416666666667vw;
}
.home_sec_1_txt{
	padding-left:37.34375vw;
}
.home_more{
	position: absolute;
	right: 0px;
	bottom: 6vw;
	transform:rotate(-90deg);
	font-size: 1.25vw;
	color: #6a1757;
	/*cursor: url('../img/cursor.png'), pointer;*/
	z-index: 10;
}
.home_more img{
	width:1.09375vw;
	position: relative;
	top:0.3vw;
}
.home_sec_1_m{
	display:none;
}
.ny{
	background-color: #cd0e0f;
	color: #ffffff;
}
#ny{
	margin-top: 7vw;
	background-image: url(../img/ny_bg.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 91.25vw 23.75vw;
}
.ny .lets_talk_btn{
	margin-left:auto;
	margin-right:auto;
}
.ny_img {
	width: 23.364583vw;
	position: absolute;
	left: 48.125vw;
	top: 3.80208333333333vw;
}
.ny_talk_img3 {
	position: absolute;
	width: 14.4791666666667vw;
	top: -3.64583333333333vw;
	left: 6.3125vw;
	transform: rotate(180deg)
}
#about-project{
	background-image: url(../img/ny_money.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 91.3541666666667vw 14.1145833333333vw;
}
.shem{
	padding: 5.20833333333333vw 0;
}
.shem .container_vw{
	position: relative;
}
.shem h2{
	color: #0000ff;
	text-align: center;
}
.ny_shem{
	display:block;
	width:80.15625vw;
	margin: 0 auto;
	margin-top:10.4166666666667vw;
	margin-bottom:1.04166666666667vw;
}
.shem_num{
	font-size: 3.95833333333333vw;
	color:#0000ff;
}
.shem_txt{
	font-size: 1.45833333333333vw;
	color:#6a1857;
}
.shem_1{
	position: absolute;
	left: 14vw;
	top: 11vw;
	text-align: right;
}
.shem_2{
	position: absolute;
	left: 62vw;
	top: 9vw;
	text-align:left;
}
.shem_3{
	position: absolute;
	left: 6vw;
	top: 34vw;
	text-align:right;
}
.shem_4{
	position: absolute;
	left: 62vw;
	top: 33vw;
	text-align:left;
}
#about-project{
	padding: 3vw 0;
}
#about-project h3{
	padding-top: 2vw;
	line-height: 1.7vw;
	color: #333333;
}
#ny_loc .home_sec_2_item:hover{
	background-image:none;
}
#ny_loc{
	padding: 5vw 0;
}
#ny_loc .home_sec_2_item_img img{
	width:9.89583333333333vw;
}
#ny_loc h2{
	text-align: center;
	color: #0000ff;
	margin-bottom:2.60416666666667vw;
}
.ny_timeline{
	padding: 5vw 0;
}
.ny_timeline h2, .ny_timeline h3{
	text-align: center;
	color: #0000ff;
	padding: 0 5vw;
}
.ny_timeline_img {
    padding-top: 8.4vw;
    width: 76.3541666666667vw;
    margin: 0 auto;
    display: block;    
		padding-bottom: 6vw;
}
.ny_timeline .tl_t1{
	left: 8vw;
	top: 31vw;
}
.ny_timeline .tl_t2{
	left:19vw;
	top:12vw;
}
.ny_timeline .tl_t3{
	left:30vw;
	top:31vw;
}
.ny_timeline .tl_t4{
	left:40.5vw;
	top:12vw;
}
.ny_timeline .tl_t5{
	left:51.5vw;
	top:31vw;
}
.ny_timeline .tl_t6{
	left:62vw;
	top:12vw;
}
.ny_timeline .tl_t7{
	left:73vw;
	top:31vw;
}
.ny_timeline .tl_t8{
	left: 84vw;
	top: 10.3vw;
}
.tl_img_ny{
	width:5.83333333333333vw;
}
.case_play{
	position: absolute;
	top: 50%;
	left:20vw;
	margin-left:-2.8vw;
	margin-top:-2.8vw;
	width:4.16666666666667vw;
}
#ny_vid{
	background-image: url(../img/ny_vid_bg.png);
	background-position: 75% 65%;
	background-repeat: no-repeat;
	background-size: 82.6041666666667vw 30.15625vw;
}
#ny_old .navigate{
	top: auto;
	left: auto;
	position: static;
	display: inherit;
}
#ny_old .owl-nav{
	position: absolute;
	width: 96%;
	top: 46%;
	left: 2%;
}
#ny_old {
    padding: 5vw 0;
}
#ny_old h2{
	text-align: center;
	color: #0000ff;
	margin-bottom: 2.60416666666667vw;
}
.ny_old_item{
	width: 76.4583333333333vw;
	height: 31.71875vw;
	position: relative;
	margin: 0 auto;
}
.ny_old_item img{
	width: 76.44vw!important;
	/* height: 31.7vw; */
}

.ny_old_item:after {
	top: 0px;
	left: 0px;
	position: absolute;
	content: '';
	background-image: url(../img/ny_old_bg.png);
	background-size: 76.4583333333333vw 31.71875vw;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 76.4583333333333vw;
	height: 31.71875vw;
}
#corporate{
	/* margin-top: 7vw; */
}
#corp_info .home_sec_2_item_img{
	font-size:5.20833333333333vw;
	text-align: center;
	color: #0000ff;
	height: 4.5vw;
}
#corp_info .home_sec_2_item:hover{
	background: none;
}
#corp_info .corp_info{
	padding-bottom: 1vw;
}
#corporate .lets_talk_btn {
    margin-left: auto;
    margin-right: auto;
}
#corporate .shem_1 {
	position: absolute;
	left: 9vw;
	top: 12vw;
	text-align: right;
}
#corporate .shem_3 {
    position: absolute;
    left: 6vw;
    top: 35vw;
    text-align: right;
}
#corporate .shem_4 {
    position: absolute;
    left: 62vw;
    top: 31vw;
    text-align: left;
}

#wedding{
	margin-top: 7vw;
}

#w_key{
	padding-top: 5vw;
}
#w_key h2{
	text-align: center;
	color: #0000ff;
}
#w_key h3{
	text-align: center;
	padding-top: 1vw;
}
.w_cases h3{
	text-align: center;
	padding-top: 1vw;
}
#w_blog .case_btn{
	width: 16.458333vw;
}
#w_blog{
	line-height: 1.4;
	width:100%;
	height:36.9270833333333vw;
	background-image: url(../img/w_blog.png);
	background-size: 100% 36.9270833333333vw;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	padding-top:11.9791666666667vw;
	color: #ffffff;
	text-align: center;
}

#w_blog.w_blog_cl{
	background-image: url(../img/w_blog_cl.png);
	background-size: 100%;
}

.w_shem{
	padding: 5.20833333333333vw 0;
}
.w_shem .container_vw{
	position: relative;
}
.w_shem h2{
	color: #0000ff;
	text-align: center;
}
.w_shem .shem_1{
	top: 8vw;
}
.w_shem .shem_2{
	left: 56vw;
	top: 5vw;
}
.w_shem .shem_3{
	left: 8vw;
	top: 30vw;
}
.w_shem .shem_4{
	top: 25vw;
}
.w_shem .shem_5{
	position: absolute;
	text-align: right;
	top: 49vw;
	left: 20vw;
}
.w_shem .shem_6{
	position: absolute;
	text-align: left;
	top: 44vw;
  left: 57vw;
}
.cl{
	background:#00b3f5;
}
.cl{
	background:#00b3f5;
	color: #fff;
}
#cl{
	margin-top: 7vw;    
	background-image: url(/bitrix/templates/mandarinfox/css/../img/cl_bg.png);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: 91.25vw 23.75vw;
}
.cl_head_img {
	width: 24.7395833333333vw;
	position: absolute;
	left: 51.875vw;
	top: 8.125vw;
}
.cl .lets_talk_btn {
    margin-left: auto;
    margin-right: auto;
}
.cl_m1{
	position: absolute;
	width:15.2083333333333vw;    
	top: 8vw;
    left: 12vw;
}
.cl_m2{
	position: absolute;
	width:7.1875vw;    
	top: 6vw;
	left: 69vw;

}
.cl_m3{
	position: absolute;
	width:14.8958333333333vw;    
	top: 30vw;
  left: 12vw;

}
.cl_m4{
	position: absolute;
	width:9.89583333333333vw;   
	top: 29vw;
	left: 67vw;
}
h3{font-size: 1.4vw;}
.cl_tl_img{
	padding-top: 9.4vw;
}
.cl_tl .tl_t8{
	top: 13.3vw;
}
.cl_tl .tl_t1{
	top: 32vw;
}
.cl_tl .tl_t3{
	top: 32vw;
}
.cl_tl .tl_t5{
	top: 32vw;
}
.cl_tl .tl_t7{
	top: 32vw;
}

@media screen and (max-width: 767px){
	h3{font-size: 3.1vw;}
	#corporate .corp_head_img {
			width: 21.364583vw;
			position: absolute;
			left: 72vw;
			top: 22vw;
	}
	#cl{
		margin-top: 15vw;
	}
	.home h2, .home h1, .page_header h1 {
		position: relative;
		z-index: 1;
	}
	.w_shem .ny_shem {
    margin-top: 20.416667vw;
	}
	.w_shem .shem_1{
		top: 26vw;
		left: 3vw;
	}
	.w_shem .shem_2{
		left: 56vw;
		top: 19vw;
	}
	.w_shem .shem_3{
		left: 5vw;
    top: 45vw;
	}
	.w_shem .shem_4{
		top: 41vw;
	}
	.w_shem .shem_5{
		position: absolute;
		text-align: right;
		top: 67vw;
    left: 8vw;
	}
	.w_shem .shem_6{
		position: absolute;
		text-align: left;
		top: 61vw;
    left: 58vw;
	}
	#w_blog{
		padding-top: 2vw;
	}
	#w_blog .case_btn {
    width: 50vw;
	}
	#w_blog p{
		font-size: 2.2vw;
	}
	#w_blog h2{
		font-size: 5vw;
		line-height: 6vw;
	}
	#wedding{
		margin-top: 15vw;
	}
	#corporate .shem_1 {
		top:24vw;
		left: 0
	}
	#corporate .shem_2 {
		top: 16vw;
	}
	#corporate .shem_3 {
		top: 45vw;
	}
	#corporate .shem_4 {
		top: 42vw;
	}
	#corporate .ny_shem{
		margin-top: 15.416667vw;
	}
	#corp_info .home_sec_2_item_img{
		font-size:14vw;
		text-align: center;
		color: #0000ff;
		height: 13.5vw;
	}
	#corp_info .home_sec_2_item {
    height: 35vw;
	}
	#corporate{
		/* margin-top: 15vw; */
	}
	.dropdown_wrap {
		position: static;
		top: auto;
    padding-top: 3vw;
		width: 100%;
	}
	.header_menu_item svg {
    fill: #333333;
    width: 3.041667vw;
    height: 2.625vw;
	}
	#event.active svg {
    transform: rotate(180deg);
    fill: #0000ff;
    transition: 0.3s;
	}
	ul.dropdown{
		background: none;
		left: auto;
	}
	ul.dropdown li {
    padding: 3vw;
    font-size: 4vw;
	}
	#ny{
		margin-top:15vw;
		background-image: none;
	}
	.ny_img{    
		width: 17.364583vw;
    position: absolute;
    left: 75vw;
    top: 8.802083vw;
	}
	.case_play {
    position: absolute;
    top: 50%;
    left: 42vw;
    margin-left: -4vw;
    margin-top: -4vw;
    width: 8.16666666666667vw;
	}
	.ny_talk_img3 {
    position: absolute;
    width: 14.4791666666667vw;
    top: -3.64583333333333vw;
    left: -1.3125vw;
    transform: rotate(180deg);
	}
	#about-project h3 {
    line-height: 4.3vw;
	}
	#about-project {
    height: 40.958333vw;
    background-image: none;
	}
	.shem_num {
    font-size: 6.95833333333333vw;
    color: #0000ff;
	}
	.shem_txt {
    font-size: 2.5vw;
    color: #6a1857;
	}
	.shem_1 {
    position: absolute;
    left: 10vw;
    top: 19vw;
    text-align: right;
	}
	.shem_2 {
    position: absolute;
    left: 62vw;
    top: 16vw;
    text-align: left;
	}
	.shem_3 {
    width: 23vw;
    position: absolute;
    left: 6vw;
    top: 38vw;
    text-align: right;
	}
	.shem_4 {
    position: absolute;
    left: 62vw;
    top: 42vw;
    text-align: left;
	}
	.ny_timeline_img{
		display:none;
	}
	.home_more{
		display:none;
	}
	#home{
		padding-top: 15vw;
		min-height: 201.270833vw;
	}
	#footer{
		padding-bottom: 8vw;
	}
	.footer_tg{
		display:inline-block!important;
		margin-top: 3vw;
	}
	.footer_fb{
		margin-top: 3vw;
	}
	.footer_vk{
		margin-top: 3vw;
	}
	.footer_in{
		margin-top: 3vw;
	}
	.home_sec_1_m{
		display: block;
		width: 50vw;
		margin:0 auto;
	}
	#home_sec_1{
		background-image:none;
		height: auto;
		padding-bottom: 5vw;
	}
	.home_sec_1_txt{
		padding: 0 3vw;
	}
	#home_sec_1 .home_sec_1_txt h2{
		text-align: center;
		margin-top: 3vw;
		margin-bottom: 2vw;
	}
	#home_sec_1 .home_sec_1_txt p{
		font-size: 4vw;
    line-height: 6vw;
	}
	#home_sec_1 .home_sec_1_txt .home_btn_orange_o{
		margin-left: auto;
	}
	footer .footer_right{
		display: none;
	}
	footer .footer_left{
		text-align: center;
		font-size: 4vw;
		width: 100%;
	}

.contacts_info_case {
        display: block;
}

	.wrap .contacts_info{
		padding-right: 5vw;
		padding-top: 7vw;
		max-width: none;
	}
	.wrap .contacts_info1, .wrap .contacts_full{
		padding-right: 5vw;
		padding-top: 7vw;
		max-width: none;
	}
	.wrap .contacts_soc{
		text-align: center;
	}
	.wrap .contacts_map{
		position: absolute;
		top: 15vw;
    left: 50%;
    margin-left: -45vw;
	}
	.lets_talk h3{
		padding-top: 3vw;
		padding-bottom: 3vw;
	}
	.wrap .lets_talk{
		padding: 5vw 13vw;
	}
	.wrap .lets_talk input {
    width: 50vw;
    margin: 2vw 0.520833333333333vw;
    border-radius: 9vw;
    height: 9vw;
    font-size: 4vw;
    padding: 0 3vw;
	}
	.seo{
		font-size: 2.5vw;
		line-height:3.5vw;
	}
	.seo_left{
		width:100%;
		padding: 0 3vw;
	}
	.seo_right{
		width:100%;
		padding: 0 3vw;
	}
	.seo ul{
		font-size: inherit;
		line-height: inherit;
	}
	.seo ul li{
		font-size: inherit;
		line-height: inherit;
		list-style: disc;
		margin-left: 2.5vw;
	}
	.seo h2,.seo h3,.seo h4,.seo h5,.seo h6{
		margin:0;
		padding: 0;
		font-size: 3.5vw;
		line-height:4.5vw;
	}
	#home_sec_3{
		background-image: none;
	}
	.home_sec_3_txt{
		width: 100%;
		padding: 3vw;
	}
	#home_sec_3 .home_sec_3_txt h2{
		text-align: center;
	}
	#home_sec_3 p{
		font-size: 4vw;
    line-height: 6vw;
    font-family: 'Whipsmart-Bold';
    padding-top: 80vw;
    padding-bottom: 1vw;
	}
	.home_sec_3_img {
    position: absolute;
    width: 70vw;
    height: auto;
    left: 50%;
    top: 25vw;
    margin-left: -35vw;
	}
	.home_how_work__num_line:before{
		display:none;
	}
	.home_how_work__num_line:after{
		display:none;
	}
	.home_cases .home_btn_orange{
		width: 45vw;
		margin-top: 5vw; 
	}
	.home_cases_item{
		width: 100%;
	}
	.home_cases_item .case_title{
		padding: 4vw 5vw 1vw;
	}
	.home_cases_item:nth-child(3){
		/*display:none;*/
	}
	.home_cases_item:nth-child(4){
		/*display:none;*/
	}
	.home_cases_item:nth-child(5){
		/*display:none;*/
	}
	.home_cases_item:nth-child(6){
		/*display:none;*/
	}
	.home_cases_item:nth-child(7){
		/*display:none;*/
	}
	.home_cases_item .case_img{
		width:83vw;
		height: auto;
	}
	.home_cases_item .case_img_wrap:after {
    top: 0px;
    left: 0px;
    position: absolute;
    content: '';
    background-image: url(../img/case_overlay_w.png);
    background-size: 85vw 55vw;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 85vw;
    height: 55vw;
	}
	.home_how_work__num {
    padding-top: 2vw;
    width: 14.29166666666667vw;
    height: 10.36458333333333vw;
    background-image: url(../img/work_item.png);
    background-size: 14.29166666666667vw 10.36458333333333vw;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    margin: 4.166667vw auto;
    color: #0000ff;
    font-size: 7.125vw;
    position: relative;
	}
	.home_how_work_item {
    text-align: center;
    width: 100%;
    float: left;
    padding: 0 5vw;
    font-size: 4vw;
    line-height: 6vw;
	}
	.home_sec_2_item {
    width: 100%;
    float: none;
    height: 50vw;
    text-align: center;
    padding: 0 5vw;
    margin-top: 5vw;
	}
	.home_sec_2_item:hover {
    background-image: url(/bitrix/templates/mandarinfox/css/../img/us_bg.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 90vw 50vw;
	}
	.home_sec_2_item_head {
    font-size: 6vw;
    line-height: 8vw;
    color: #0000ff;
	}
	.home_sec_2_item_txt {
    font-size: 4vw;
    line-height: 6vw;
    font-family: 'Whipsmart-Bold';
	}
	.home_sec_2_item_img {
    position: relative;
    height: 27.5vw;
	}
	.home_sec_2_item img{
		width: 20vw!important;
	}
	.lets_talk .lets_talk_img1{
		width: 10vw;
	}
	.lets_talk .lets_talk_img2{
		width: 13vw;
	}
	.lets_talk .lets_talk_img3{
		width: 21vw;
	}
	.lets_talk .lets_talk_kids2{
		width: 13vw;
	}
	.lets_talk .lets_talk_kids3{
		width: 21vw;
	}
	.lets_talk .lets_talk_cor2{
		width: 13vw;
	}
	.lets_talk .lets_talk_cor3{
		width: 17vw;
	}
	.lets_talk .lets_talk_img4{
		width: 10vw;
	}
	
	.shem_cl .ny_shem {
    display: block;
    width: 80.15625vw;
    margin: 0 auto;
    margin-top: 16.416667vw;
    margin-bottom: 10.041667vw;
	}
	.shem_cl .shem_1 {
    position: absolute;
    left: 2vw;
    top: 15vw;
    text-align: right;
	}
	.shem_cl .shem_2 {
    top: 10vw;
	}
	.shem_cl .shem_3 {
    top: 36vw;
	}
	.shem_cl .shem_4 {
    top: 38vw;
	}main{
	/*padding-top: 15vw;*/
    padding-top: ;
	}
	.ny_format .home_sec_2_item{
		width:100%;
		padding:0 5vw;
	}
	.clearfix_form{
		padding-top: 1.5vw;
	}
	.popup .popup_img{height:67vw;}
	.popup_b .popup_img{height:85vw;}
	
	.case_vid_text{
		display:none;
	}
}
.case_img_wrap{
	min-height: 18.1641800101vw;
	position: relative;
}
.case_vid_text{
	width: 5vw;
	margin-left: 1vw;
}
.home{
	display: flex;
	position: relative;
	flex-direction: column;
	height: calc(100vh - 13vw);
	justify-content: center;
	min-height: 30vw;
}
.home_rocket{
	top: 50%;
	transform: translateY(-50%);
}

.header_menu_item_search_btn {
	background-image: none; 
}
.header_menu_item_search_btn img{
	width: 2.4vw;
}

.slider_wrap{
	height: auto;
}

/* Online */
#online .orange{
	background: #f6881f;
    color: #ffffff;
}

#online .page_header_img {
	margin-top: 4vh;
	transform: rotate(5.5deg);
}

#online .page_header .bg_star1{
	position: absolute;
	left: 0;
	top: 3vw;
	width: 1.906vw;
	transform: rotate(45deg);
}

#online .page_header .bg_heart1{
	position: absolute;
	left: 0.885vw;
	top: 23.875vw;
	width: 1.727vw;
}

#online .page_header .bg_heart1{
	position: absolute;
	left: 0.885vw;
	top: 23.875vw;
	width: 1.727vw;
}

#online .page_header .bg_img1{
	position: absolute;
	left: 35.104vw;
	top: 19.135vw;
	width: 5.021vw;
}

#online .page_header .bg_star3{
	position: absolute;
	left: 21.917vw;
	top: 18.4895833333333vw;
	width: 1.4727vw;
	transform: rotate(45deg);
}

#online .page_header .bg_star6{
	position: absolute;
	left: 48.552vw;
	top: 4.865vw;
	width: 1.833vw;
}

#online .page_header .bg_img3{
	position: absolute;
	right: 0.656vw;
	top: 3.48958333333333vw;
	width: 12.688vw;
}

#online .page_header .bg_img4{
	position: absolute;
	right: -1.875vw;
	top: 14.906vw;
	width: 3.979vw;
}

#online .page_header .bg_heart4 {
    position: absolute;
    right: 9.406vw;
    top: 15.719vw;
    width: 2.094vw;
}

#online .page_header .bg_star5 {
    position: absolute;
	right: 5.406vw;
	top: 22.719vw;
	width: 2.094vw;
}

#online .lets_talk_img2 {
    left: 12.313vw;
    top: 0vw;
}

#online .lets_talk_img3 {
    right: 6.531vw;
    top: 5vw;
}

@media (max-width: 784px){
	#online .lets_talk_img2 {
	  display: none;
	}
	#online .page_header_img {
		margin-top: 0vh;
		top: -5vw;
		transform: rotate(5.5deg);
	}
	#online .lets_talk_img3 {
		display: none;
	  }
  }
@media screen and (max-width: 767px){
	
	main .footer_left > a >div {
			transform: scale(1);
	}
	.footer_you {
    display: inline-block;
    width: 8vw;
    margin-left: 5vw;
    margin-top: 3vw;
	}
	.home .case_img_wrap{
		margin: 0 auto;
    width: 84vw;
    padding: 5vw 2vw;
    box-sizing: border-box;
    min-height: 55vw;
		margin-top: 6vw;
	}
	.home .case_img {
    width: 94%;
    height: auto;
    padding: 0vw;
    box-sizing: inherit;
	}
	.home .case_play {
    position: absolute;
    top: 50%;
    left: 42vw;
    margin-left: -4vw;
    margin-top: -4vw;
    width: 8.16666666666667vw;
	}
	.home .case_img_wrap:after {
    top: 0px;
    left: 0px;
    position: absolute;
    content: '';
    background-image: url(/bitrix/templates/mandarinfox/css/../img/case_overlay_w.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 100%;
    height: 100%;
	}
	header{
		padding-top:2vw;
		padding-bottom:2vw;
	}
	.header_wrap{
		display: table;
		width: 100%;
		table-layout: fixed;
		font-size:0;
	}
	.header_logo{
		display: block;
		float: left;
		width: 15.9vw;
	}
	.header_logo img{
		width: 100%;
	}
	.header_menu{
		display: none;
		position: absolute;
		left: 0px;
		top:13vw;
		z-index: 999;
		width: 100%;
		background: #ffffff;
		padding-top: 5vw;    
		padding-bottom: 5vw;    
	}
	.header_menu_btn{
		width: 10vw;
		height: 10vw;
		display: block;
		float: right;
		cursor: pointer;
	}
	.header_menu_btn div{
		width: 8vw;
    height: 1vw;
    margin: 1.7vw auto;
    background: #0000ff;
    transform: rotate(2deg);
		transition: all 0.3s;
	}
	.header_menu_btn div:first-child, .header_menu_btn div:last-child {
    transform: rotate(-2deg);
	}
	.header_menu_btn:hover div, .header_menu_btn.active div {
   		background: #0000ff;
		transition: all 0.3s;
		position: relative;
	}
	.header_phone_m{
		text-align: center;
		display: block;
	}
	.header_soc_m{
		display: block;
	}
	.header_menu ul{
		display: block;
		width: 100%;
	}
	.header_menu li{
		text-align: center;
		display: block;
		margin: 0;
		padding: 3vw;
		font-size: 5vw;
	}
	.header_btn_wrap{
		display: none;
	}
	.header_btn_wrap_m{
		display: block;
		margin: 3vw;
	}
	.header_btn {
    display: block;
    margin: 0 auto;
    width: 52vw;
    height: 10vw;
    line-height: 10vw;
    border-radius: 10vw;
    background: #0000ff;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    padding-left: 5vw;
    background-image: url(/bitrix/templates/kids-smile-brand/images/icon_callback.svg);
    background-size: 5vw;
    background-repeat: no-repeat;
    background-position: 4vw 50%;
    box-sizing: border-box;
    font-size: 4vw;
	}
	.header_phone{
		display:none;
		width: 60%;
		padding-left:7vw;
	}
	.header_phone_text{
		font-size:4vw;
		padding-top: 3vw;
	}
	.header_phone_num a{
		font-size:7.7vw;
	}
	footer{
		padding-top:5.72916666666667vw;
		padding-bottom:4.16666666666667vw;
	}
	.footer_wrap{
		display: table;
		width: 100%;
		vertical-align: middle;
		font-size:0;
	}
	.footer_left{
		display: block;
		font-size:2.9vw;
		text-align: center;
		line-height: initial;
	}
	.footer_right{
		display: block;
		text-align: center;
		margin-top: 5vw;
	}
	.footer_left span{
		color: rgb(51,51,51);
		opacity: .7;
	}
	.footer_left span a{
		color: #0000ff;
		text-transform: uppercase;
	}
	.footer_tg{
		display: none;
		width: 9vw;
		margin-left:1.5625vw;
		vertical-align: middle;
	}
	.footer_tg_mobile{
		display: inline-block;
		width: 9vw;
		vertical-align: middle;
	}
	.footer_fb{
		display: inline-block;
		width: 5vw;
		vertical-align: middle;
		margin-left:5vw;
	}
	.footer_vk{
		display: inline-block;
		width:11vw;
		margin-left:5vw;
	}
	.footer_in{
		display: inline-block;
		width:8vw;
		margin-left:5vw;
	}
	
	.contacts_soc .footer_what, .footer_what_home{
		width: 8vw;
		margin-left:5vw;
		margin-top: 3vw;
	}
	.footer_tg_mobile svg, .footer_tg svg, .footer_in svg, .footer_vk svg, .footer_fb svg{
		width: 100%;
		fill:#0000ff;
		transition: fill 0.3s;
	}
	.footer_tg_mobile:hover svg, .footer_tg:hover svg, .footer_in:hover svg, .footer_vk:hover svg, .footer_fb:hover svg{
		fill:#0000ff;
		transition: fill 0.3s;
	}
	.orange{
		background: #0000ff;
		color: #ffffff;
	}
	.gray{
		background: #eaeaea;
		color: #0000ff;
	}
	.purpur{
		background: #0000ff;
		color: #ffffff;
	}
	.corp{
		background: #6a1857;
		color: #ffffff;
	}
	.corp_faq{
		background: #fff1fc;
	}
	.corp_faq .faq_item{
		border-bottom-color: #ffffff;
	}
	.kids{
		background: #20b6b4;
		color: #ffffff;
	}
	.kids_faq{
		background: #eaeaea;
	}
	.kids_faq .faq_item{
		border-bottom-color: #ffffff;
	}
	.pers{
		background: #196bc3;
		color: #ffffff;
	}
	.rose{
		background: #ffa9b3;
		color: #6a1857;
	}
	.container_vw{
		width: 94vw;
		margin: 0 auto;
	}
	h2, .cases h1, .contacts h1{
    font-size: 5.1vw;
    line-height: 6vw;
	}
	.page_header{
		height: auto;
		padding-left: 5vw; 
		padding-top: 7vw; 
		padding-bottom: 7vw; 
	}
	.page_header h2{
		font-size: 5vw;
		line-height: 7vw; 
	}
	.page_header_img{
		width: 28.4375vw; 
		position: absolute;
		top:  3.48958333333333vw; 
		right: 2vw; 
	}

	.page_info{
		height:  auto; 
		padding: 5vw; 
	}
	.page_info h2{
		text-align: center;
		color: #0000ff;
	}
	.page_info p{
		font-size:  3vw; 
		line-height: 4vw; 
		padding-top:  4vw; 
	}
	.bg_star1{
		display:none;
	}
	.bg_star2_1{
		display:none;
	}
	.bg_star2{
		display:none;
	}
	.bg_star3{
		display:none;
	}
	.bg_star4{
		display:none;
	}
	.bg_star4_1{
		display:none;
	}
	.bg_heart1{
		display:none;
	}
	.bg_heart2{
		display:none; 
	}
	.bg_heart3_1{
		display:none;
	}
	.bg_heart3{
		display:none;
	}
	.bg_heart4_1{
		position: absolute;
		display:none;
	}
	.bg_heart4{
		display:none;
	}
	.bg_img1{
		display:none; 
	}
	.bg_img2{
		display:none;
	}
	.bg_img3{
		display:none;
	}
	.page_info_icons{
		position: static;
		display: table;
		width: 100%; 
		margin-top: 5vw;
	}
	.page_info_icon{
		width: 25%;
		float: left;
		text-align: center;
		color: #0000ff;
		font-size: 3vw; 
		padding-bottom: 2.08333333333333vw; 
	}
	.page_info_icon_img{
		height: 8.75vw; 
		margin-bottom: 3vw; 
	}
	.page_info_icon_img img{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.page_info_wed{
		width: 11.6145833333333vw; 
	}
	.page_info_cor{
		width: 9.89583333333333vw; 
	}
	.page_info_kid{
		width: 10.78125vw; 
	}
	.page_info_per{
		width: 6.14583333333333vw; 
	}
	.team_items{
		text-align: center;
	}
	.team_title h2{
		text-align: center;
		padding-top: 3.64583333333333vw; 
		padding-bottom: 1.5625vw; 
	}
	.team_item{
		width: 14vw; 
		display: inline-block;
		text-align: center;
		cursor: pointer;
	}
	.team_item.active{
		color: #ffffff;
	}
	.team_item.active .team_item_name{
		background: url('../img/about/team_bg.png');
		background-position: 50% 100%;
		background-size: 23vw;
		background-repeat: no-repeat;
	}
	.team_item_img{
		width: 13vw; 
		margin: 0 auto;
	}
	.team_item_img img{
		width: 100%;
	}
	.team_item_name{
		height: 9vw; 
		padding-top: 3.5vw; 
		font-size: 4vw; 
		line-height: 4vw; 
	}
	.team_info{
		display:none;
		min-height:  27.0416666666667vw; 
		color: #ffffff;
	}
	.team_info.active{
		display:block;
	}
	.team_info p{
		font-size:  3vw; 
		line-height: 4vw; 
	}
	.team_info_bg1{
		display:none;
	}
	.team_info_bg2{
		display:none;
	}
	.team_info_bg3{
		display:none;
	}
	.team_info_bg4{
		display:none;
	}
	.team_info_left{
		display:none;
	}
	.team_info_img{
		height: 14.21875vw; 
	}
	.team_info_text{
		padding: 5vw;
	}
	.team_info_name{
		font-size: 1.5625vw; 
		line-height:  2.125vw; 
		padding-top: 1vw;
	}
	.team_info_spec{
		font-size:  0.9375vw; 
		font-family: 'Whipsmart-Bold';
	}
	.partners h2{
		text-align: center;
		margin-bottom: 3.125vw; 
	}
	.partners{
		padding-top: 4.16666666666667vw; 
		padding-bottom: 2.16666666666667vw; 
		text-align: center;
	}
	.partners_item{
		width:  7.8125vw; 
		height: 5.625vw; 
		display: inline-block;
		margin-bottom: 2vw;
		margin-left:2vw;
		margin-right:2vw;
	}
	.partners_item img{
		height: 100%;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
	.lets_talk{
		padding-left: 10vw; 
		padding-right: 10vw; 
		padding-top: 3.125vw; 
		padding-bottom: 3.125vw; 
		overflow: hidden;
		min-height: 50px;
	}
	.lets_talk_btn{
		margin-top: 4vw;
    border-radius: 10vw;
    height: 10vw;
    line-height: 10vw;
    font-size: 4vw;
    width: 40vw;
    text-align: center;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
	}
	.lets_talk_img1{
		position: absolute;
		width: 4.32291666666667vw;     
		top: auto;
    bottom: 2vw;
		left: 1.71875vw; 
	}
	.lets_talk_img2{
		position: absolute;
		width: 14.6875vw; 
		top: -3vw; 
		left: 0vw; 
	}
	.lets_talk_img3{
		position: absolute;
		width: 14.4791666666667vw;  
		bottom: -3.64583333333333vw; 
		right: 0vw; 
	}
	.lets_talk_img4{
		position: absolute;
		width: 4.6875vw; 
		top: 2.60416666666667vw; 
		right: 2.60416666666667vw; 
	}
	.lets_talk h2{
		text-align: center;
	}
	.slider_wrap{
		height: auto;
		padding-top:8.85416666666667vw;
		padding-bottom:6.25vw;
	}
	.slider_wrap h2{
		text-align: center;
		color: #0000ff;
	}
	.slider_img{
		display:none;
		position: absolute;
		top:12.2395833333333vw;
		left: 6.25vw;
		width: 27.7083333333333vw;
		top: 1.5vw;
		background: #eaeaea;
		z-index:1;
	}
	.slider_img:after{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 27.7083333333333vw;
		height: 100%;
		background-image: url('../img/slide_mask.png');
		background-position: 0 0;
		background-size: 27.7083333333333vw;
		background-repeat: no-repeat;    
		transform: scale(1.01);
	}
	.slider_img img{
		width: 100%;
	}
	.slider_item{
		height:auto;
	}
	.slider_item_header{
		color: #0000ff;
		font-size:4vw;
		line-height: 5vw;
		padding: 3vw 5vw 1vw 5vw;
	}
	.slider_item_text{
		font-size:3vw;
		line-height:4vw;
		font-family: 'Whipsmart-Bold';
		padding: 0vw 5vw 3vw 5vw;
	}
	.contacts{
		padding-top:5vw;
		padding-bottom:5vw;
	}
	.contacts h2{
		text-align: center;
		color: #0000ff;
	}
	.contacts_map{
		width:90vw;
		position: static;
		left:0;
		top:10vw;
		margin: 0 auto;
		margin-top: 3vw;
	}
	.contacts_map img{
		width: 100%;
	}
	.contacts_phone {
		display: none;
		width:12.9166666666667vw;
		position: absolute;
		top:7vw;
		right:7.65625vw;
	}
	.contacts_phone img{
		width: 100%;
	}
	.contacts_info, .contacts_info1, .contacts_full{
		font-family: 'Whipsmart-Bold';
		padding-top:5vw;
		padding-left:5vw;
		font-size: 4vw;
		line-height:5vw;
		width: unset;
	}
	.contacts_arrow{
		display: none;
	}
	.contacts_arr{
		display:none;
	}
	.con_bg_star1{
		display:none;
	}
	.con_bg_star2{
		display:none;
	}
	.con_bg_star3{
		display:none;
	}
	.con_bg_star4{
		display:none;
	}
	.con_bg_star3_1{
		display:none;
	}
	.con_bg_star4_1{
		display:none;
	}
	.con_bg_star5{
		display:none;
	}
	.con_bg_star5_1{
		display:none;
	}
	.con_bg_star6{
		display:none;
	}
	.con_bg_heart1{
		display:none;
	}
	.con_bg_heart2{
		display:none;
	}
	.con_bg_heart3{
		display:none;
	}
	.con_bg_heart4{
		display:none;
	}
	.con_bg_heart5{
		display:none;
	}
	.con_bg_heart5_1{    
		display:none;
	}
	.con_bg_heart6{
		display:none;
	}
	.home{
		padding-top: 50vw;
		padding-bottom: 5vw;
		padding-left:0;
		text-align: center;
		height:auto;
	}
	.home h2, .home h1, .page_header h1{
		/* color:#0000ff; */
		font-size: 7vw;
		line-height: 9vw;
	}
	.home_btn_orange{
		width:45vw;
		height:10vw;
		line-height:10vw;
		font-size:4vw;
		border:0.2vw solid #0000ff;
		border-radius:10vw;
		display: block;
		margin: 0vw auto;
		margin-top: 5vw;
	}
	.home_btn_orange_o{

		display: block;
		width:45vw;
		height:10vw;
		line-height:10vw;
		font-size:4vw;
		border:0.2vw solid #0000ff;
		border-radius:10vw;
		margin: 0vw auto;
		margin-top: 5vw;
	}
	.home_rocket{
		width:30vw;
		position:absolute;
		left:50%;
		top:5vw;
		transform: translateX(-50%);
	}
	.home_star1{
		display:none;
	}
	.home_star2{
		display:none;
	}
	.wedding_head_img{
		width: 27.885417vw;
    position: absolute;
    left: 63.875vw;
    top: 13.125vw;
	}
	.wedding_bg1{
		display:none;
	}
	.wedding_bg2{
		display:none;
	}
	.wedding_bg3{
		display:none;
	}
	.wedding_bg4{
		display:none;
	}
	.wedding_bg5{
		display:none;
	}
	.wedding_bg6{
		display:none;
	}
	.wedding_bg7{
		display:none;
	}
	.wedding_info{
		padding: 5vw;
		padding-top:7vw;
	}
	.wedding_info h2{
		text-align: center;
		color: #0000ff;
	}
	.wedding_info p{
		padding-top:2vw;
		font-family: 'Whipsmart-Bold';
		font-size:3vw;
		line-height: 4vw;
	}
	.corp_info{
		padding-top:7.29166666666667vw;
		padding-bottom:5vw;
		padding-left:5vw;
		padding-right:5vw;
	}
	.corp_info h2{
		text-align: center;
		color: #0000ff;
	}
	.corp_info p{
		padding-top:3vw;
		font-family: 'Whipsmart-Bold';
		font-size:3vw;
		line-height: 4vw;
	}
	.kids_info{
		padding-top:7.29166666666667vw;
		padding-bottom:4.16666666666667vw;
		padding-left:5vw;
		padding-right:5vw;
	}
	.kids_info h2{
		text-align: center;
		color: #0000ff;
	}
	.kids_info p{
		padding-top:3vw;
		font-family: 'Whipsmart-Bold';
		font-size:3vw;
		line-height: 4vw;
	}
	.pers_info{
		padding-top:7.29166666666667vw;
		padding-bottom:4.16666666666667vw;
		padding-left:5vw;
		padding-right:5vw;
	}
	.pers_info h2{
		text-align: center;
		color: #0000ff;
	}
	.pers_info p{
		padding-top:3vw;
		font-family: 'Whipsmart-Bold';
		font-size:3vw;
		line-height: 4vw;
	}
	.lets_talk_wed2{
		width:13.90625vw;
		position:absolute;
		left:0vw;
		top:-3.48958333333333vw;
	}
	.lets_talk_wed3{
		width:18.9583333333333vw;
		position:absolute;
		right:0vw;
		bottom:-2.60416666666667vw;
	}
	.lets_talk_cor2{
		width:11.71875vw;
		position:absolute;
		left:0vw;
		top:-2.48958333333333vw;
	}
	.lets_talk_cor3{
		width:10.8333333333333vw;
		position:absolute;
		right:0vw;
		bottom:-2.60416666666667vw;
	}
	.corp_head_img{
		width:30.3645833333333vw;
		position:absolute;
		left:60vw;
		top:12vw;
	}
	.kids_head_img{
		width:37.8645833333333vw;
		position:absolute;
		left:52vw;
		top:24vw;
	}
	.lets_talk_kids2{
		width:8.17708333333333vw;
		position:absolute;
		left:0vw;
		top:-2.48958333333333vw;
	}
	.lets_talk_kids3{
		width:12.2916666666667vw;
		position:absolute;
		right:0vw;
		bottom:-2.60416666666667vw;
	}
	.pers_head_img{
		width:20vw;
		position:absolute;
		left:73vw;
		top:1.19791666666667vw;
	}
	.lets_talk_pers2{
		width:11.5104166666667vw;
		position:absolute;
		left:0vw;
		top:-1.48958333333333vw;
	}
	.lets_talk_pers3{
		width:10.5729166666667vw;
		position:absolute;
		right:0vw;
		bottom:-1.60416666666667vw;
	}
	.corp_bg1{
		display:none;
	}
	.corp_bg2{
		display:none;
	}
	.corp_bg3{
		display:none;
	}
	.corp_bg4{
		display:none;
	}
	.corp_bg5{
		display:none;
	}
	.corp_bg6{
		display:none;
	}
	.corp_bg7{
		display:none;
	}
	.corp_star1{
		display:none;
	}
	.corp_star2{
		display:none;
	}
	.corp_star3{
		display:none;
	}
	.corp_star4{
		display:none;
	}
	.corp_heart1{
		display:none;
	}
	.corp_heart2{
		display:none;
	}
	.corp_heart3{
		display:none;
	}
	.corp_heart4{
		display:none;
	}
	.kids_star1{
		display:none;
	}
	.kids_star2{
		display:none;
	}
	.kids_star3{
		display:none;
	}
	.kids_star4{
		display:none;
	}
	.kids_heart1{
		display:none;
	}
	.kids_heart2{
		display:none;
	}
	.kids_heart3{
		display:none;
	}
	.kids_heart4{
		display:none;
	}
	.kids_bg1{
		display:none;
	}
	.kids_bg2{
		display:none;
	}
	.kids_bg3{
		display:none;
	}
	.kids_bg7{
		display:none;
	}
	.kids_bg5{
		display:none;
	}
	.kids_bg6{
		display:none;
	}
	.kids_bg4{
		display:none;
	}
	.pers_star1{
		display:none;
	}
	.pers_star2{
		display:none;
	}
	.pers_star3{
		display:none;
	}
	.pers_star4{
		display:none;
	}
	.pers_heart1{
		display:none;
	}
	.pers_heart2{
		display:none;
	}
	.pers_heart3{
		display:none;
	}
	.pers_heart4{
		display:none;
	}
	.pers_bg1{
		display:none;
	}
	.pers_bg2{
		display:none;
	}
	.pers_bg3{
		display:none;
	}
	.pers_bg4{
		display:none;
	}
	.pers_bg5{
		display:none;
	}
	.pers_bg6{
		display:none;
	}
	.pers_bg7{
		display:none;
	}
	.clients_sider .navigate {
		position: static;
		width: auto;
		margin: 0 auto;
		display: table;
		margin-top: 5vw;
	}
	.navigate {
		position: static;
		width: auto;
		margin: 0 auto;
		display: table;
	}
	.clients_sider .owl-prev, .clients_sider .owl-next {
		width: 3vw;
    height: 5vw;
    background-size: 2vw;
	}
	.owl-prev, .owl-next {
		width: 3vw;
    height: 5vw;
    background-size: 2vw;
	}
	.clients_sider .owl-dots{
		padding: 0 3vw;
	}
	.owl-dots{
		padding: 0 3vw;
	}
	.clients_sider .owl-dot {
    outline: none;
    margin: 1vw;
    width: 3vw;
    height: 3vw;
    background-image: url(/bitrix/templates/mandarinfox/css/../img/about/dot_o.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 3vw;
    background-position: 50% 50%;
    padding: 0;
	}
	.owl-dot {
    outline: none;
    margin: 1vw;
    width: 3vw;
    height: 3vw;
    background-image: url(/bitrix/templates/mandarinfox/css/../img/about/dot_o.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 3vw;
    background-position: 50% 50%;
    padding: 0;
	}
	.popup_overlay{
		display:none;
		position: fixed;
		left:0px;
		top:0px;
		width: 100%;
		height: 100%;
		background: rgba(36,7,30,0.9);
		z-index:1000;
	}
	.popup{
		display:none;
		position: absolute;
		z-index:1001;
		width:70vw;
		top:5vw;
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
	}
	.popup_img{
		width:70vw;
		height: 60vw;
		position: absolute;
		left:0px;
		top: 0px;
	}
	.popup_title{
		font-size:4vw;	
		padding-top:5vw;
		padding-bottom:3vw;
		color:#0000ff;
	}
	.popup_info{
		font-size:3vw;	
		font-family: 'Whipsmart-Bold';
		padding-bottom:3vw;
		padding-left: 5vw;
		padding-right: 5vw;
	}
	.popup_btn{
		border-radius: 10vw; 
		height: 10vw; 
		line-height: 10vw; 
		font-size: 4vw; 
		width: 40vw; 
		text-align: center;
		cursor: pointer;
		margin-top: 4vw;
		margin-left:auto;
		margin-right:auto;    
		padding: 0;
		outline: none;
		border: none;
	}
	.popup input[type="text"]{
		padding: 0 1vw;
		font-size:3vw;
		line-height: 6vw;
		outline: none;
		background: none;
		border:none;
		text-align: left;
		width:50vw;
		background-image:url('../img/popap_line_focus.png');
		background-repeat: no-repeat;
		background-size:50vw;
		background-position: left bottom;
		z-index:2;
		position: relative;
		transition: all 0.3s;
		font-family: 'Whipsmart-Bold';
		color:#0000ff;
	}
	.popup input[type="text"]:focus{
		background-image:url('../img/popap_line.png');
		transition: all 0.3s;
		color: #0000ff;
	}
	.popup input[type="text"] + label{
		position: absolute;
		left:0;
		top:0;
		padding: 0 1vw;
		font-size:3vw;
		line-height: 6vw;
		z-index:1;
		font-family: 'Whipsmart-Bold';
		color:#666666;
		transition: all 0.3s;
	}
	.popup input[type="text"]:valid + label, .popup input[type="text"]:focus + label{
		font-size:2.5vw;
		top: -3.2vw;
		transition: all 0.3s;
	}
	.popup_input{
		position: relative;
		display: inline-block;
		margin-top: 3vw;
	}
	.popup_input + .popup_input{
		margin-left:0;
	}
	.popup_close{
		position: absolute;
		z-index: 50;
		right:4.64583333333333vw;
		top:4.60416666666667vw;
		width:3.04166666666667vw;
		font-size:0;
		cursor: pointer;
	}
	.popup_close img{
		width:3.04166666666667vw;
		font-size:0;
	}
	.wedding_timeline{
		padding-top:5vw;
		padding-bottom:5vw;
		height:auto;;
	}
	.wedding_timeline h2{
		color: #0000ff;
		text-align: center;
	}
	.timeline_img{
		display: none;
	}
	.timeline_img_pers{
		padding-top:8.4vw;
		width:38.4375vw;
		margin: 0 auto;
		display: none;
	}
	.tl_block{
		position: static;
    text-align: center;
    width: 100%;
    transform: none;
		display: table;
    width: 70vw;
    text-align: left;
    vertical-align: middle;
    margin: 5vw auto;
	}
	.tl_block img{
		width:20vw;
		display: table-cell;
	}
	img.tl_img_wed{
		width:20vw;
	}
	img.tl_img_pers{
		width:11vw;
		margin: 0 auto;
	}
	.tl_text{
		width: 50vw;
		padding-left: 5vw;
		display: table-cell;
		color:#6a1857;
		font-size:3vw;
		line-height:4vw;
		text-transform: uppercase;
		vertical-align: middle;
	}
	.tl_t1{
		left:7.96875vw;
		top:8.48958333333333vw;
	}
	.tl_t2{
		left:26.875vw;
		top:8.48958333333333vw;
	}
	.tl_t3{
		left:45.8333333333333vw;
		top:8.48958333333333vw;
	}
	.tl_t4{
		left:64.7916666666667vw;
		top:8.48958333333333vw;
	}
	.tl_t4_pers{
		left:64.7916666666667vw;
		top:7.76041666666667vw;
	}
	.tl_t5{
		left:83.75vw;
		top:8.48958333333333vw;
	}
	.tl_t6{
		left:17.3958333333333vw;
		top:27.0833333333333vw;
	}
	.tl_t7{
		left:36.3541666666667vw;
		top:27.0833333333333vw;
	}
	.tl_t8{
		left:55.3125vw;
		top:27.0833333333333vw;
	}
	.tl_t9{
		left:74.3229166666667vw;
		top:27.0833333333333vw;
	}
	.faq{
		padding-top:5.41666666666667vw;
		padding-bottom:5.41666666666667vw;
	}
	.faq h2{
		color: #0000ff;
		text-align: center;
		margin-bottom:3.5625vw;
	}
	.faq_switch{    
		display: table;
    width: 60vw;
    height: 8vw;
    margin: 0 auto;
    font-size: 3vw;
    line-height: 4vw;
    cursor: pointer;
    color: #0000ff;
    text-align: center;
    background-image: url(/bitrix/templates/mandarinfox/css/../img/faq_switch_l.png);
    background-size: 60vw;
    background-repeat: no-repeat;
    background-position: 0 0;
    transition: all 0.3s;
    vertical-align: middle;
    margin-bottom: 4vw;
	}
	.faq_switch.active{
		background-image: url('../img/faq_switch_r.png');
		transition: all 0.3s;
	}
	.faq_switch_l{    
		display: table-cell;
    width: 34vw;
    color: #ffffff;
    vertical-align: middle;
    transition: all 0.3s;
	}
	.faq_switch_r{
		display: table-cell;
		color: #0000ff;
		vertical-align: middle;
		transition: all 0.3s;
	}
	.faq_switch.active .faq_switch_l{
		color: #0000ff;
		transition: color 0.3s;
	}
	.faq_switch.active .faq_switch_r{
		color: #ffffff;
		transition: color 0.3s;
	}
	.faq_item{
		width:84vw;
		margin: 0 auto;
		margin-top:2vw;
		border-bottom: 0.2vw solid #f9f5f8;
		padding-bottom:1vw;
	}
	.faq_two{
		display:none;
	}
	.faq_q{
		font-size: 4vw;
		line-height:5vw;
		color:#0000ff;
		padding-right:7.65625vw;
		background-image: url('../img/faq_close.png');
		background-size:4vw;
		background-repeat: no-repeat;
		background-position: right 50%;
		transition: all 0.3s;
		cursor: pointer;
	}
	.faq_q.active{
		background-image: url('../img/faq_open.png');
		transition: all 0.3s;
		color:#0000ff;
	}
	.faq_a{
		display:none;
		font-size: 3vw;
		line-height:4vw;
		color:#333333;
		padding-right:7.65625vw;
		padding-top:1vw;
	}
	.faq_more{
		margin-top: 5vw;
    border: 0.2vw solid #0000ff;
    border-radius: 10vw;
    height: 10vw;
    line-height: 10vw;
    font-size: 4vw;
    width: 40vw;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    cursor: pointer;
    color: #0000ff;
	}
	.missions{
		height:47.4479166666667vw;
	}
	.corp_m1{
		position: absolute;
		width:10.46875vw;
		top:6.45833333333333vw;
		left:13.8541666666667vw;
	}
	.corp_m2{
		position: absolute;
		width:10.5729166666667vw;
		top:8.4375vw;
		left:67.03125vw;
	}
	.corp_m3{
		position: absolute;
		width:9.32291666666667vw;
		top:27.8645833333333vw;
		left:14.5833333333333vw;
	}
	.corp_m4{
		position: absolute;
		width:10.6770833333333vw;
		top:29.7916666666667vw;
		left:67.0833333333333vw;
	}
	.corp_m5{
		position: absolute;
		width:25.8854166666667vw;
		top:11.8229166666667vw;
		left:33.1770833333333vw;
	}
	.corp_m_bg1{
		position: absolute;
		width:2.65625vw;
		top:2.96875vw;
		left:2.60416666666667vw;
	}
	.corp_m_bg2{
		position: absolute;
		width:4.84375vw;
		top:3.07291666666667vw;
		left:44.1145833333333vw;
	}
	.corp_m_bg3{
		position: absolute;
		width:4.63541666666667vw;
		top:2.86458333333333vw;
		right:2.29166666666667vw;
	}
	.corp_m_bg4{
		position: absolute;
		width:1.5625vw;
		top:20.1041666666667vw;
		left:28.6458333333333vw;
	}
	.corp_m_bg5{
		position: absolute;
		width:4.73958333333333vw;
		top:40.9375vw;
		left:1.09375vw;
	}
	.corp_m_bg6{
		position: absolute;
		width:1.5625vw;
		top:41.7708333333333vw;
		left:55.8854166666667vw;
	}
	.corp_m_bg7{
		position: absolute;
		width:3.69791666666667vw;
		top:37.65625vw;
		right:2.8125vw;
	}
	.corp_mt1{
		font-size:3vw;
		line-height:4vw;
	}
	.corp_mt2{
		font-size:3vw;
		line-height:4vw;
	}
	.corp_mt3{
		font-size:3vw;
		line-height:4vw;
		width: 30vw;
	}
	.corp_mt4{
		font-size:3vw;
		line-height:4vw;
	}
	.clients{
		padding-top:3.90625vw;
		padding-bottom:3.90625vw;
		text-align: center;
	}
	.clients h2{
		color:#0000ff;
		text-align: center;
	}
	.clients_item{
		margin-top:3vw!important;
		width:18vw;
		display:inline-block;
		text-align: center;
	}
	.clients_item img{
		width:16vw!important;
	}
	.cases{
		padding-top:4.16666666666667vw;
		padding-bottom:4.16666666666667vw;
		overflow: hidden;
	}
	.cases_more{
		margin-top: 5vw;
		border: 0.2vw solid #0000ff;
		border-radius: 10vw; 
		height: 10vw; 
		line-height: 10vw; 
		font-size: 4vw; 
		width: 40vw;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		cursor: pointer;
		color:#0000ff;
	}
	.cases h2{
		color: #0000ff;
		text-align: center;
	}
	.case{
		display:table;
		width: 100%;
		margin-top: 5.20833333333333vw;
		min-height: 23vw;
	}
	
	.case:nth-child(even) .case_l{
		float: none;
	}
	.case:nth-child(even) .case_r{
		float: none;
	}
	.case:nth-child(even) .case_img{
		float: none;
	}
	.case:nth-child(even) .case_img_wrap:after{
		right: auto;
		left: 0;
	}

	.case_l{
		padding-left:5vw;
		padding-right:5vw;
		width: 100%;
		float: none;
	}
	.case_img_wrap{
		margin: 0 auto;
		width: 84vw;
		padding: 2vw;
		box-sizing:border-box;
		min-height: 54vw;
	}
	.case_r{
		width: 100%;
		float: none;
	}
	.case_r .case_img_wrap{
		float: right;
	}
	.case_img{    
		width: 100%;
    height: auto;
    padding: 0vw;
    box-sizing: inherit;
	}
	.case_img_wrap:after{
		top: 0px;
    left: 0px;
    position: absolute;
    content: '';
    background-image: url(/bitrix/templates/mandarinfox/css/../img/case_overlay_w.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 100%;
    height: 100%;
	}
	.case_r .case_img_wrap:after{
		left: auto;
		right: 0;
	}
	.gray .case_img_wrap:after{
		background-image: url('../img/case_overlay_g.png');
	}
	.case_blog_img_wrap{
		width: 60.625vw;
		height:auto;
		display: block;
		margin: 0 auto;
	  padding: 0.05vw;
		box-sizing: border-box;
	}
	.case_blog_img_wrap:after{
		top: 0px;
		left: 0px;
		position: absolute;
		content: '';
		background-image: url('../img/blog_overlay.png');
		background-size:100% 100%;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		width: 100%;
		height:100%;
	}
	.case_blog_img{
		width: 100%;
	}
	.case_title{
		padding: 5vw;
		font-size:4vw;
		line-height:5vw;
		color: #0000ff;
		padding-bottom: 2vw;
	}
	.case_blog_title{
		padding: 5vw;
		font-size:4vw;
		line-height:5vw;
		color: #0000ff;
		padding-bottom: 2vw;
	}
	.case_text{
		padding: 0 5vw;
		padding-top: 2vw;
		font-size:3vw;
		line-height:4vw;
		color: #333333;
		font-family: 'Whipsmart-Bold';
	}
	.case_info div{
		margin-top: 1vw;
		margin-right: 5vw;
	}
	.case_info{
		padding: 0 5vw;
		font-size:3vw;
		line-height:4vw;
		color:#666666;
	}
	.cases_info_view{
		display:inline-block;
		padding-left:5vw;
		background-image: url('../img/icon_view.png');
		background-size:3vw;
		background-repeat: no-repeat;
		background-position: 0 50%;
	}
	.cases_info_clock{
		margin-left:0vw;
		display:inline-block;
		padding-left:5vw;
		background-image: url('../img/icon_clock.png');
		background-size:3vw;
		background-repeat: no-repeat;
		background-position: 0 50%;
	}
	.cases_info_vid{
		display:inline-block;
		color: #0000ff;
		padding-left:5vw;
		background-image: url('../img/icon_pers.png');
		background-size:3vw;
		background-repeat: no-repeat;
		background-position: 0 50%;
	}
	.cases_info_num{
		display:inline-block;
		margin-left:0vw;
		padding-left:5vw;
		background-image: url('../img/icon_num.png');
		background-size:3vw;
		background-repeat: no-repeat;
		background-position: 0 50%;
	}
	.cases_info_date{
		display:inline-block;
		margin-left:0vw;
		padding-left:5vw;
		background-image: url('../img/icon_date.png');
		background-size:3vw;
		background-repeat: no-repeat;
		background-position: 0 50%;
	}
	.cases_info_addr{
		display:inline-block;
		margin-left:0vw;
		padding-left:5vw;
		background-image: url('../img/icon_addr.png');
		background-size:2.5vw;
		background-repeat: no-repeat;
		background-position: 0 50%;
	}
	.case_btn{
		margin-top: 5vw;
		margin-bottom: 5vw;
		margin-left:5vw;
		background:#0000ff;
		border: 0.2vw solid #0000ff;
		border-radius: 10vw; 
		height: 10vw; 
		line-height: 10vw; 
		font-size: 4vw; 
		width: 40vw;
		text-align: center;
		cursor: pointer;
		color:#ffffff;
		display: inline-block;
	}
	.case_btn_o{
		margin-top: 5vw;
		margin-bottom: 5vw;
		margin-right:5vw;
		border: 0.2vw solid #0000ff;
		border-radius: 10vw; 
		height: 10vw; 
		line-height: 10vw; 
		font-size: 4vw; 
		width: 40vw;
		text-align: center;
		cursor: pointer;
		color:#0000ff;
		display: inline-block;
	}
	.case_email{
    margin-top: 5vw;
    margin-bottom: 5vw;
    margin-right: 5vw;
    border: 0.2vw solid transparent;
    border-radius: 10vw;
    height: 10vw;
    line-height: 10vw;
    font-size: 3.5vw;
    width: 40vw;
    text-align: center;
    cursor: pointer;
    color: #0000ff;
    display: inline-block;
    background-image: url(/bitrix/templates/mandarinfox/css/../img/icon_email.png);
    background-size: 4vw;
    padding-left: 5vw;
    background-repeat: no-repeat;
    background-position: 0vw 50%;
	}
	.case_bg1{
		display:none;
	}
	.case_bg2{
		display:none;
	}
	.case_bg3{
		display:none;
	}
	.case_bg4{
		position: absolute;
		display:none;
	}
	.case_bg5{
		display:none;
	}
	.case_bg6{
		display:none;
	}
	.case_bg7{
		display:none;
	}
	.case_bg8{
		display:none;
	}
	.case_bg9{
		display:none;
	}
	.case_bg10{
		display:none;
	}

	.blog_bg1{
		display:none;
	}
	.blog_bg2{
		display:none;
	}
	.blog_bg3{
		display:none;
	}
	.blog_bg4{
		display:none;
	}
	.blog_bg5{
		display:none;
	}
	.blog_bg6{
		display:none;
	}
	.blog_bg7{
		display:none;
	}
	.blog_bg8{
		display:none;
	}
	.blog_bg9{
		display:none;
	}
	.blog_bg10{
		display:none;
	}
	.blog_item{
		width:84vw;
		padding-top:5vw;
		margin: 0 auto;
		overflow: hidden;
	}
	.blog_detail{
		overflow: hidden;
	}
	.blog_item h2{
		color:#0000ff;
		padding-top:3.125vw;
		padding-bottom:2.0416666666667vw;
	}
	.blog_main_img{
		width:100%;
		padding: 0;
	}
	.blog_main_img_wrap{
	width: 84vw;
	height: auto;
	display: block;
	margin: 0 auto;
	margin-top: 3vw;
	padding: 0.05vw;
	box-sizing: border-box;
	}
	.blog_main_img_wrap:after{
		top: 0px;
		left: 0px;
		position: absolute;
		content: '';
		background-image: url('../img/blog_overlay_big.png');
		background-size:100% 100%;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		width:100%;
		height:100%;
	}
	.blog_text{
		font-size:3vw;
		line-height:4vw;
		padding-bottom:5vw;
	}
	.blog_text p + p{
		padding-top: 4vw;
	}
	.blog_back{
		color: #666666;
		font-size:2.5vw;
		padding-left:4vw;
		background-image: url('../img/icon_back.png');
		background-size:1.5vw;
		background-repeat: no-repeat;
		background-position: 0 50%;
	}
	.blog_comments{
		padding:5.20833333333333vw 0;
	}
	.blog_share_title{
		font-size: 3vw;
		color: #666666;
		padding-bottom:3vw;
	}
	.blog_share{
		padding-bottom:5vw;
	}

	.blog_prev_text{
		display:inline-block;
		color: #666666;
		font-size:3vw;
		padding-left:3vw;
		background-image: url('../img/icon_back.png');
		background-size:1.5vw;
		background-repeat: no-repeat;
		background-position: 0 50%;
	}
	.blog_next_text{
		float: right;
		display:inline-block;
		color: #666666;
		font-size:3vw;
		padding-right:3vw;
		background-image: url('../img/icon_next.png');
		background-size:1.5vw;
		background-repeat: no-repeat;
		background-position: 100% 50%;
		text-align: right;
	}
	.blog_prev_next{
		display: table;
		width: 100%
	}
	.blog_prev, .blog_next{
		display: table-cell;
		width: 50%;
		vertical-align: top;
	}
	.blog_prev_next_name{
		width: 40vw;
		color: #0000ff;
		background-image: url('../img/prev_next.png');
		background-size:40vw 100%;
		background-repeat: no-repeat;
		background-position: 0% 0%;
		padding: 2vw 4vw;
		margin-top: 2vw;
		font-size:3vw;
		line-height:4vw;
	}
	.blog_next .blog_prev_next_name{
		float: right;
	}
	.modern-page-navigation{
		margin-top: 3vw;
    font-size: 4vw;
    text-align: center;
	}
	.copy{
		text-align: center;
		position: static;
		width: 100%;
		bottom: -3vw;
		margin-top: 5vw;
		opacity: 0.8;
		font-size: 2.5vw;
	}
	.copy a{
		color: #337ab7;
		transition: all 0.3s;
	}
	.copy a:hover{
		text-decoration: underline;
		transition: all 0.3s;
	}
	.dropdown_wrap.active{display:block;}
	
	.header_menu_item:hover .dropdown_wrap{
		display: none;
	}
	.header_menu_item:hover .dropdown_wrap.active{
		display: block;
	}
	.our_client{
		width: 26.43vw;
		height:17vw;
	}
	.case_detail{
		margin-top: 0;
	}
	.case_detail .case_l{
		width: 100%;
		float: none;
		text-align: center;
	}
	.case_detail .case_title{
		text-align: left;
	}
	.case_detail .case_r{
		width: 100%;
    float: none;
	}
	.case_detail .case_img{
		width: 100%;
    height: auto;
	}
	.case_detail .case_img_wrap{
		display: inline-block;
		min-height: 37vw;
	}
	.cases .case_btn{
		margin: 1vw;
		padding: 0 3vw;
	}
	.case_detail .case_img_wrap:after{
		background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 100%;
    height: 100%;
	}
	.review_wrap .slider_item .slider_item_header{
		line-height: 6.125vw;
		font-size: 5vw;
	}
	.review_wrap .slider_item:nth-child(even) .slider_item_header{
    padding: 5vw 5vw 3vw 5vw;}
	.review_wrap .slider_item:nth-child(even) .slider_item_text{
		font-size: 3vw;
    line-height: 4vw;
    padding: 0vw 5vw 3vw 5vw;
	}
	.header_menu_item_search_btn{
		margin-left: 0;
		background: none;
    font-size: 5vw;
		width: auto;
    top: auto;  
	}
	.search-page{
		width: 100%;
	}
	.search_img{
		width:64.03125vw;
		height:59.5vw;
		margin: 5vw auto;
	}
	.search-page div.se_sort{
		margin-top: 2vw;
		text-align: right;
		color: #BDBDBD;
	}
	.search-page div.se_sort a{
		font-size: 3vw;
		font-weight: bold;
		color: #6A1858;
		display: inline-block;
	}
	.search-page .modern-page-navigation{
		text-align: center;
	}
	.search-page div.se_sort b{
		font-size: 3vw;
		font-weight: 300;
		color: #BDBDBD;
		display: inline-block;
	}
	.contacts .h1-like{
		font-size: 4.5vw;
	}
	.search-page input[type=text]{
		width: 63vw;
    margin: 2vw 0.520833333333333vw;
    border-radius: 9vw;
    height: 9vw;
    font-size: 4vw;
    padding: 0 3vw;
		padding-right: 26vw;
		margin-right: -27vw;
	}
	.search-page input[type=submit]{
		width: 26vw;
    margin: 2vw 0.520833333333333vw;
    border-radius: 9vw;
    height: 9vw;
    font-size: 4vw;
    padding: 0 3vw;
	}
	.search-page {
    font-size: 3vw;
	}
	.search-page div a {
    font-size: 4.6vw;
    margin-bottom: 1.4vw;
    display: block;
	}
	.case_img_fix {
			padding: 2vw;
	}


	.about_1 .case_img_wrap{
		position: relative;
		right: auto;
	}
	.about_2 .case_img_wrap{
		position: relative;
		left: auto;
	}
	.about_1 .case_l{
		width: auto;
		float: none;
	}
	.case.about_2 .case_l {
		float: none!important;
	}
	.case.about_2 .case_r {
		float: none!important;
	}

	.about_1 .case_text, .about_2 .case_text{
		font-size: 2.5vw;
		line-height: 3.38333333333333vw;
	}


	.header_soc {
			float: left;
			display: block;
			vertical-align: middle;
			width: 27vw;
			padding-left: 0;
			box-sizing: border-box;
			padding-right: 0vw;
			font-size: 3vw;
			margin-left: 6vw;
			margin-top: 2vw;
	}

	.header_soc_text {
			font-size: 2.5vw;
			line-height: 1.3;
	}

	.header_soc .footer_tg {
			position: absolute;
			width: 5.1vw;
			right: 4.5vw;
			top: -2vw;
	}
	.header_soc .footer_what {
    display: inline-block;
    width: 5vw;
    margin-left: 1.5625vw;
    vertical-align: middle;
    position: absolute;
    right: -4vw;
    top: 0.8vw;
	}
	.header_soc{
		display: none;
	}
	
	.header_menu_item_m{
		display:block!important;
	}
	.header_menu_item_search_btn img{
		display: none;
	}
	
	header{
		position: absolute;
		transition: none;
		top: 0vw;
    	position: sticky;
		background-color: white;
	}
	header:hover{
		transition: none;
	}
}