/*
 *  Copyright 2017 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
/** @define image */
.cmp-image__image {
  width: 100%;
}

/*
 *  Copyright 2017 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
/** @define breadcrumb */
.cmp-breadcrumb {
  display: inline-block;
  list-style: none;
  padding: 0;
}
.cmp-breadcrumb__item {
  display: inline-block;
  vertical-align: top;
}

/*
 *  Copyright 2017 Adobe
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
.cmp-search {
  position: relative;
}
.cmp-search__field {
  position: relative;
  height: 2rem;
}
.cmp-search__input {
  padding-left: 2rem;
  padding-right: 2rem;
  height: 100%;
  width: 100%;
}
.cmp-search__icon {
  display: block;
  position: absolute;
  left: .5rem;
  top: .5rem;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTE1MnB4IiBoZWlnaHQ9IjExNTJweCIgdmlld0JveD0iMCAwIDExNTIgMTE1MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTE1MiAxMTUyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGQ9Ik02NzIsMEM0MDYuOTAzLDAsMTkyLDIxNC45MDMsMTkyLDQ4MGMwLDk1LjcsMjguMDExLDE4NC44NTUsNzYuMjc1LDI1OS43MjVDMTgxLjY0Niw4MjYuMzU0LDQ4LjA3NSw5NTkuOTI1LDM2LDk3Mg0KCWMtMTgsMTgtMzYsMzYtMzYsNzJzMTgsNTQsMzYsNzJzMzYuMDEyLDM2LDcyLDM2czU0LTE4LDcyLTM2YzEyLjA3NS0xMi4wNzUsMTQ1LjY0Ni0xNDUuNjQ2LDIzMi4yNzUtMjMyLjI3NQ0KCUM0ODcuMTQ0LDkzMS45ODgsNTc2LjMsOTYwLDY3Miw5NjBjMjY1LjA5NywwLDQ4MC0yMTQuOTAzLDQ4MC00ODBDMTE1MiwyMTQuOTAzLDkzNy4wOTcsMCw2NzIsMHogTTY3Miw4MTYNCgljLTE4NS41NjgsMC0zMzYtMTUwLjQzMy0zMzYtMzM2YzAtMTg1LjU2OCwxNTAuNDMyLTMzNiwzMzYtMzM2YzE4NS41NjcsMCwzMzYsMTUwLjQzMiwzMzYsMzM2QzEwMDgsNjY1LjU2Nyw4NTcuNTY3LDgxNiw2NzIsODE2eiINCgkvPg0KPC9zdmc+DQo=");
  background-size: contain;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
}
.cmp-search__loading-indicator {
  display: none;
  position: absolute;
  top: .5rem;
  left: .5rem;
  border: 3px solid #ccc;
  border-top-color: #333;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  animation: cmp-search__loading-indicator-spin 2s linear infinite;
}
@keyframes cmp-search__loading-indicator-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.cmp-search__clear {
  display: none;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
}
.cmp-search__clear-icon {
  position: absolute;
  top: .5rem;
  right: .5rem;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTE1MnB4IiBoZWlnaHQ9IjExNTJweCIgdmlld0JveD0iMCAwIDExNTIgMTE1MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTE1MiAxMTUyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGlkPSJYTUxJRF85XyIgZD0iTTgyLjYsOTM3LjJsMzYyLTM2Mkw4NCwyMTQuOGMtMTQuMS0xNC4xLTE0LjEtMzYuOSwwLTUxbDgxLjItODEuMmMxNC4xLTE0LjEsMzYuOS0xNC4xLDUxLDBsMzYwLjUsMzYwLjUNCglMOTM3LjIsODIuNmMxNC4xLTE0LjEsMzYuOS0xNC4xLDUxLDBsODEuMiw4MS4yYzE0LjEsMTQuMSwxNC4xLDM2LjksMCw1MUw3MDguOSw1NzUuM2wzNjAuNSwzNjAuNWMxNC4xLDE0LjEsMTQuMSwzNi45LDAsNTENCglsLTgxLjIsODEuMmMtMTQuMSwxNC4xLTM2LjksMTQuMS01MSwwTDU3Ni43LDcwNy41bC0zNjIsMzYyYy0xNC4xLDE0LjEtMzYuOSwxNC4xLTUxLDBsLTgxLjItODEuMg0KCUM2OC41LDk3NC4yLDY4LjUsOTUxLjMsODIuNiw5MzcuMnoiLz4NCjwvc3ZnPg0K");
  background-size: contain;
  width: 1rem;
  height: 1rem;
}
.cmp-search__results {
  display: none;
  overflow-y: auto;
  min-width: 100%;
  max-height: 10rem;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999999;
  border: 1px solid #ccc;
  background: #fff;
}
.cmp-search__item {
  display: block;
}
.cmp-search__item--is-focused {
  background-color: #ccc;
}


/*	Animations v2.1, Copyright 2014, Joe Mottershaw, https://github.com/joemottershaw/
//	================================================================================== */

.animate-in,
.animating,
.hover-bounce,
.hover-flash,
.hover-heartbeat,
.hover-panic,
.hover-pulsate,
.hover-pulse,
.hover-rubber-band,
.hover-shake-x,
.hover-shake-y,
.hover-slingshot,
.hover-slingshot-reverse,
.hover-spin,
.hover-spin-reverse,
.hover-strobe,
.hover-swing,
.hover-tada,
.hover-wobble {
	-webkit-transition: none!important;
	-moz-transition: none!important;
	-o-transition: none!important;
	-ms-transition: none!important;
	transition: none!important
}

.animate-in,
.animate-out {
	visibility: hidden!important;
	opacity: 0
}

.animating,
.hover-bounce,
.hover-flash,
.hover-heartbeat,
.hover-panic,
.hover-pulsate,
.hover-pulse,
.hover-rubber-band,
.hover-shake-x,
.hover-shake-y,
.hover-slingshot,
.hover-slingshot-reverse,
.hover-spin,
.hover-spin-reverse,
.hover-strobe,
.hover-swing,
.hover-tada,
.hover-wobble {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animating.slow-mo,
.hover-bounce.slow-mo,
.hover-flash.slow-mo,
.hover-heartbeat.slow-mo,
.hover-panic.slow-mo,
.hover-pulsate.slow-mo,
.hover-pulse.slow-mo,
.hover-rubber-band.slow-mo,
.hover-shake-x.slow-mo,
.hover-shake-y.slow-mo,
.hover-slingshot-reverse.slow-mo,
.hover-slingshot.slow-mo,
.hover-spin-reverse.slow-mo,
.hover-spin.slow-mo,
.hover-strobe.slow-mo,
.hover-swing.slow-mo,
.hover-tada.slow-mo,
.hover-wobble.slow-mo {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

.animating.super-slow-mo,
.hover-bounce.super-slow-mo,
.hover-flash.super-slow-mo,
.hover-heartbeat.super-slow-mo,
.hover-panic.super-slow-mo,
.hover-pulsate.super-slow-mo,
.hover-pulse.super-slow-mo,
.hover-rubber-band.super-slow-mo,
.hover-shake-x.super-slow-mo,
.hover-shake-y.super-slow-mo,
.hover-slingshot-reverse.super-slow-mo,
.hover-slingshot.super-slow-mo,
.hover-spin-reverse.super-slow-mo,
.hover-spin.super-slow-mo,
.hover-strobe.super-slow-mo,
.hover-swing.super-slow-mo,
.hover-tada.super-slow-mo,
.hover-wobble.super-slow-mo {
	-webkit-animation-duration: 3s;
	animation-duration: 3s
}

.animating.ultra-slow-mo,
.hover-bounce.ultra-slow-mo,
.hover-flash.ultra-slow-mo,
.hover-heartbeat.ultra-slow-mo,
.hover-panic.ultra-slow-mo,
.hover-pulsate.ultra-slow-mo,
.hover-pulse.ultra-slow-mo,
.hover-rubber-band.ultra-slow-mo,
.hover-shake-x.ultra-slow-mo,
.hover-shake-y.ultra-slow-mo,
.hover-slingshot-reverse.ultra-slow-mo,
.hover-slingshot.ultra-slow-mo,
.hover-spin-reverse.ultra-slow-mo,
.hover-spin.ultra-slow-mo,
.hover-strobe.ultra-slow-mo,
.hover-swing.ultra-slow-mo,
.hover-tada.ultra-slow-mo,
.hover-wobble.ultra-slow-mo {
	-webkit-animation-duration: 4s;
	animation-duration: 4s
}

.animating.hyper-slow-mo,
.hover-bounce.hyper-slow-mo,
.hover-flash.hyper-slow-mo,
.hover-heartbeat.hyper-slow-mo,
.hover-panic.hyper-slow-mo,
.hover-pulsate.hyper-slow-mo,
.hover-pulse.hyper-slow-mo,
.hover-rubber-band.hyper-slow-mo,
.hover-shake-x.hyper-slow-mo,
.hover-shake-y.hyper-slow-mo,
.hover-slingshot-reverse.hyper-slow-mo,
.hover-slingshot.hyper-slow-mo,
.hover-spin-reverse.hyper-slow-mo,
.hover-spin.hyper-slow-mo,
.hover-strobe.hyper-slow-mo,
.hover-swing.hyper-slow-mo,
.hover-tada.hyper-slow-mo,
.hover-wobble.hyper-slow-mo {
	-webkit-animation-duration: 5s;
	animation-duration: 5s
}

.animating.infinite,
.hover-bounce.infinite,
.hover-flash.infinite,
.hover-heartbeat.infinite,
.hover-panic.infinite,
.hover-pulsate.infinite,
.hover-pulse.infinite,
.hover-rubber-band.infinite,
.hover-shake-x.infinite,
.hover-shake-y.infinite,
.hover-slingshot-reverse.infinite,
.hover-slingshot.infinite,
.hover-spin-reverse.infinite,
.hover-spin.infinite,
.hover-strobe.infinite,
.hover-swing.infinite,
.hover-tada.infinite,
.hover-wobble.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.ie .animate-in,
.no-js .animate-in {
	visibility: visible!important;
	opacity: 1
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

.animating.fade-in {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(60px)
	}
	80% {
		opacity: 1
	}
	100% {
		-webkit-transform: translateY(0)
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(60px)
	}
	80% {
		opacity: 1
	}
	100% {
		transform: translateY(0)
	}
}

.animating.fade-in-up {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(200px)
	}
	80% {
		opacity: 1
	}
	100% {
		-webkit-transform: translateY(0)
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		transform: translateY(200px)
	}
	80% {
		opacity: 1
	}
	100% {
		transform: translateY(0)
	}
}

.animating.fade-in-up-big {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}

@-webkit-keyframes fadeInUpLarge {
	0% {
		opacity: 0;
		-webkit-transform: translateY(600px)
	}
	80% {
		opacity: 1
	}
	100% {
		-webkit-transform: translateY(0)
	}
}

@keyframes fadeInUpLarge {
	0% {
		opacity: 0;
		transform: translateY(600px)
	}
	80% {
		opacity: 1
	}
	100% {
		transform: translateY(0)
	}
}

.animating.fade-in-up-large {
	-webkit-animation-name: fadeInUpLarge;
	animation-name: fadeInUpLarge
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-60px)
	}
	80% {
		opacity: 1
	}
	100% {
		-webkit-transform: translateY(0)
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-60px)
	}
	80% {
		opacity: 1
	}
	100% {
		transform: translateY(0)
	}
}

.animating.fade-in-down {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-200px)
	}
	80% {
		opacity: 1
	}
	100% {
		-webkit-transform: translateY(0)
	}
}

@keyframes fadeInDownBig {
	0% {
		opacity: 0;
		transform: translateY(-200px)
	}
	80% {
		opacity: 1
	}
	100% {
		transform: translateY(0)
	}
}

.animating.fade-in-down-big {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}

@-webkit-keyframes fadeInDownLarge {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-600px)
	}
	80% {
		opacity: 1
	}
	100% {
		-webkit-transform: translateY(0)
	}
}

@keyframes fadeInDownLarge {
	0% {
		opacity: 0;
		transform: translateY(-600px)
	}
	80% {
		opacity: 1
	}
	100% {
		transform: translateY(0)
	}
}

.animating.fade-in-down-large {
	-webkit-animation-name: fadeInDownLarge;
	animation-name: fadeInDownLarge
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(60px)
	}
	80% {
		opacity: 1
	}
	100% {
		-webkit-transform: translateX(0)
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(60px)
	}
	80% {
		opacity: 1
	}
	100% {
		transform: translateX(0)
	}
}

.animating.fade-in-left {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(200px)
	}
	80% {
		opacity: 1
	}
	100% {
		-webkit-transform: translateX(0)
	}
}

@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		transform: translateX(200px)
	}
	80% {
		opacity: 1
	}
	100% {
		transform: translateX(0)
	}
}

.animating.fade-in-left-big {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}

@-webkit-keyframes fadeInLeftLarge {
	0% {
		opacity: 0;
		-webkit-transform: translateX(600px)
	}
	80% {
		opacity: 1
	}
	100% {
		-webkit-transform: translateX(0)
	}
}

@keyframes fadeInLeftLarge {
	0% {
		opacity: 0;
		transform: translateX(600px)
	}
	80% {
		opacity: 1
	}
	100% {
		transform: translateX(0)
	}
}

.animating.fade-in-left-large {
	-webkit-animation-name: fadeInLeftLarge;
	animation-name: fadeInLeftLarge
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-60px)
	}
	80% {
		opacity: 1
	}
	100% {
		-webkit-transform: translateX(0)
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		transform: translateX(-60px)
	}
	80% {
		opacity: 1
	}
	100% {
		transform: translateX(0)
	}
}

.animating.fade-in-right {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-200px)
	}
	80% {
		opacity: 1
	}
	100% {
		-webkit-transform: translateX(0)
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		transform: translateX(-200px)
	}
	80% {
		opacity: 1
	}
	100% {
		transform: translateX(0)
	}
}

.animating.fade-in-right-big {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}

@-webkit-keyframes fadeInRightLarge {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-600px)
	}
	80% {
		opacity: 1
	}
	100% {
		-webkit-transform: translateX(0)
	}
}

@keyframes fadeInRightLarge {
	0% {
		opacity: 0;
		transform: translateX(-600px)
	}
	80% {
		opacity: 1
	}
	100% {
		transform: translateX(0)
	}
}

.animating.fade-in-right-large {
	-webkit-animation-name: fadeInRightLarge;
	animation-name: fadeInRightLarge
}

@-webkit-keyframes fadeInUpLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate(60px, 60px)
	}
	80% {
		opacity: 1
	}
	100% {
		-webkit-transform: translate(0, 0)
	}
}

@keyframes fadeInUpLeft {
	0% {
		opacity: 0;
		transform: translate(60px, 60px)
	}
	80% {
		opacity: 1
	}
	100% {
		transform: translate(0, 0)
	}
}

.animating.fade-in-up-left {
	-webkit-animation-name: fadeInUpLeft;
	animation-name: fadeInUpLeft
}

@-webkit-keyframes fadeInUpLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate(200px, 200px)
	}
	80% {
		opacity: 1
	}
	100% {
		-webkit-transform: translate(0, 0)
	}
}

@keyframes fadeInUpLeftBig {
	0% {
		opacity: 0;
		transform: translate(200px, 200px)
	}
	80% {
		opacity: 1
	}
	100% {
		transform: translate(0, 0)
	}
}

.animating.fade-in-up-left-big {
	-webkit-animation-name: fadeInUpLeftBig;
	animation-name: fadeInUpLeftBig
}

@-webkit-keyframes fadeInUpLeftLarge {
	0% {
		opacity: 0;
		-webkit-transform: translate(600px, 600px)
	}
	80% {
		opacity: 1
	}
	100% {
		-webkit-transform: translate(0, 0)
	}
}

@keyframes fadeInUpLeftLarge {
	0% {
		opacity: 0;
		transform: translate(600px, 600px)
	}
	80% {
		opacity: 1
	}
	100% {
		transform: translate(0, 0)
	}
}

.animating.fade-in-up-left-large {
	-webkit-animation-name: fadeInUpLeftLarge;
	animation-name: fadeInUpLeftLarge
}

@-webkit-keyframes fadeInUpRight {
	0% {
		opacity: 0;
		-webkit-transform: translate(-60px, 60px)
	}
	80% {
		opacity: 1
	}
	100% {
		-webkit-transform: translate(0, 0)
	}
}

@keyframes fadeInUpRight {
	0% {
		opacity: 0;
		transform: translate(-60px, 60px)
	}
	80% {
		opacity: 1
	}
	100% {
		transform: translate(0, 0)
	}
}

.animating.fade-in-up-right {
	-webkit-animation-name: fadeInUpRight;
	animation-name: fadeInUpRight
}

@-webkit-keyframes fadeInUpRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate(-200px, 200px)
	}
	80% {
		opacity: 1
	}
	100% {
		-webkit-transform: translate(0, 0)
	}
}

@keyframes fadeInUpRightBig {
	0% {
		opacity: 0;
		transform: translate(-200px, 200px)
	}
	80% {
		opacity: 1
	}
	100% {
		transform: translate(0, 0)
	}
}

.animating.fade-in-up-right-big {
	-webkit-animation-name: fadeInUpRightBig;
	animation-name: fadeInUpRightBig
}

@-webkit-keyframes fadeInUpRightLarge {
	0% {
		opacity: 0;
		-webkit-transform: translate(-600px, 600px)
	}
	80% {
		opacity: 1
	}
	100% {
		-webkit-transform: translate(0, 0)
	}
}

@keyframes fadeInUpRightLarge {
	0% {
		opacity: 0;
		transform: translate(-600px, 600px)
	}
	80% {
		opacity: 1
	}
	100% {
		transform: translate(0, 0)
	}
}

.animating.fade-in-up-right-large {
	-webkit-animation-name: fadeInUpRightLarge;
	animation-name: fadeInUpRightLarge
}

@-webkit-keyframes fadeInDownLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate(60px, -60px)
	}
	80% {
		opacity: 1
	}
	100% {
		-webkit-transform: translate(0, 0)
	}
}

@keyframes fadeInDownLeft {
	0% {
		opacity: 0;
		transform: translate(60px, -60px)
	}
	80% {
		opacity: 1
	}
	100% {
		transform: translate(0, 0)
	}
}

.animating.fade-in-down-left {
	-webkit-animation-name: fadeInDownLeft;
	animation-name: fadeInDownLeft
}

@-webkit-keyframes fadeInDownLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate(200px, -200px)
	}
	80% {
		opacity: 1
	}
	100% {
		-webkit-transform: translate(0, 0)
	}
}

@keyframes fadeInDownLeftBig {
	0% {
		opacity: 0;
		transform: translate(200px, -200px)
	}
	80% {
		opacity: 1
	}
	100% {
		transform: translate(0, 0)
	}
}

.animating.fade-in-down-left-big {
	-webkit-animation-name: fadeInDownLeftBig;
	animation-name: fadeInDownLeftBig
}

@-webkit-keyframes fadeInDownLeftLarge {
	0% {
		opacity: 0;
		-webkit-transform: translate(600px, -600px)
	}
	80% {
		opacity: 1
	}
	100% {
		-webkit-transform: translate(0, 0)
	}
}

@keyframes fadeInDownLeftLarge {
	0% {
		opacity: 0;
		transform: translate(600px, -600px)
	}
	80% {
		opacity: 1
	}
	100% {
		transform: translate(0, 0)
	}
}

.animating.fade-in-down-left-large {
	-webkit-animation-name: fadeInDownLeftLarge;
	animation-name: fadeInDownLeftLarge
}

@-webkit-keyframes fadeInDownRight {
	0% {
		opacity: 0;
		-webkit-transform: translate(-60px, -60px)
	}
	80% {
		opacity: 1
	}
	100% {
		-webkit-transform: translate(0, 0)
	}
}

@keyframes fadeInDownRight {
	0% {
		opacity: 0;
		transform: translate(-60px, -60px)
	}
	80% {
		opacity: 1
	}
	100% {
		transform: translate(0, 0)
	}
}

.animating.fade-in-down-right {
	-webkit-animation-name: fadeInDownRight;
	animation-name: fadeInDownRight
}

@-webkit-keyframes fadeInDownRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate(-200px, -200px)
	}
	80% {
		opacity: 1
	}
	100% {
		-webkit-transform: translate(0, 0)
	}
}

@keyframes fadeInDownRightBig {
	0% {
		opacity: 0;
		transform: translate(-200px, -200px)
	}
	80% {
		opacity: 1
	}
	100% {
		transform: translate(0, 0)
	}
}

.animating.fade-in-down-right-big {
	-webkit-animation-name: fadeInDownRightBig;
	animation-name: fadeInDownRightBig
}

@-webkit-keyframes fadeInDownRightLarge {
	0% {
		opacity: 0;
		-webkit-transform: translate(-600px, -600px)
	}
	80% {
		opacity: 1
	}
	100% {
		-webkit-transform: translate(0, 0)
	}
}

@keyframes fadeInDownRightLarge {
	0% {
		opacity: 0;
		transform: translate(-600px, -600px)
	}
	80% {
		opacity: 1
	}
	100% {
		transform: translate(0, 0)
	}
}

.animating.fade-in-down-right-large {
	-webkit-animation-name: fadeInDownRightLarge;
	animation-name: fadeInDownRightLarge
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

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

.animating.fade-out {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

@-webkit-keyframes fadeOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-60px)
	}
}

@keyframes fadeOutUp {
	0% {
		opacity: 1;
		transform: translateY(0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		transform: translateY(-60px)
	}
}

.animating.fade-out-up {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-200px)
	}
}

@keyframes fadeOutUpBig {
	0% {
		opacity: 1;
		transform: translateY(0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		transform: translateY(-200px)
	}
}

.animating.fade-out-up-big {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig
}

@-webkit-keyframes fadeOutUpLarge {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-600px)
	}
}

@keyframes fadeOutUpLarge {
	0% {
		opacity: 1;
		transform: translateY(0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		transform: translateY(-600px)
	}
}

.animating.fade-out-up-large {
	-webkit-animation-name: fadeOutUpLarge;
	animation-name: fadeOutUpLarge
}

@-webkit-keyframes fadeOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(60px)
	}
}

@keyframes fadeOutDown {
	0% {
		opacity: 1;
		transform: translateY(0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		transform: translateY(60px)
	}
}

.animating.fade-out-down {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(200px)
	}
}

@keyframes fadeOutDownBig {
	0% {
		opacity: 1;
		transform: translateY(0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		transform: translateY(200px)
	}
}

.animating.fade-out-down-big {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutDownLarge {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(600px)
	}
}

@keyframes fadeOutDownLarge {
	0% {
		opacity: 1;
		transform: translateY(0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		transform: translateY(600px)
	}
}

.animating.fade-out-down-large {
	-webkit-animation-name: fadeOutDownLarge;
	animation-name: fadeOutDownLarge
}

@-webkit-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-60px)
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1;
		transform: translateX(0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		transform: translateX(-60px)
	}
}

.animating.fade-out-left {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-200px)
	}
}

@keyframes fadeOutLeftBig {
	0% {
		opacity: 1;
		transform: translateX(0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		transform: translateX(-200px)
	}
}

.animating.fade-out-left-big {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutLeftLarge {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(-600px)
	}
}

@keyframes fadeOutLeftLarge {
	0% {
		opacity: 1;
		transform: translateX(0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		transform: translateX(-600px)
	}
}

.animating.fade-out-left-large {
	-webkit-animation-name: fadeOutLeftLarge;
	animation-name: fadeOutLeftLarge
}

@-webkit-keyframes fadeOutRight {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(60px)
	}
}

@keyframes fadeOutRight {
	0% {
		opacity: 1;
		transform: translateX(0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		transform: translateX(60px)
	}
}

.animating.fade-out-right {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(200px)
	}
}

@keyframes fadeOutRightBig {
	0% {
		opacity: 1;
		transform: translateX(0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		transform: translateX(200px)
	}
}

.animating.fade-out-right-big {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutRightLarge {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		-webkit-transform: translateX(600px)
	}
}

@keyframes fadeOutRightLarge {
	0% {
		opacity: 1;
		transform: translateX(0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		transform: translateX(600px)
	}
}

.animating.fade-out-right-large {
	-webkit-animation-name: fadeOutRightLarge;
	animation-name: fadeOutRightLarge
}

@-webkit-keyframes fadeOutUpLeft {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(-60px, -60px)
	}
}

@keyframes fadeOutUpLeft {
	0% {
		opacity: 1;
		transform: translate(0, 0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		transform: translate(-60px, -60px)
	}
}

.animating.fade-out-up-left {
	-webkit-animation-name: fadeOutUpLeft;
	animation-name: fadeOutUpLeft
}

@-webkit-keyframes fadeOutUpLeftBig {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(-200px, -200px)
	}
}

@keyframes fadeOutUpLeftBig {
	0% {
		opacity: 1;
		transform: translate(0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		transform: translate(-200px, -200px)
	}
}

.animating.fade-out-up-left-big {
	-webkit-animation-name: fadeOutUpLeftBig;
	animation-name: fadeOutUpLeftBig
}

@-webkit-keyframes fadeOutUpLeftLarge {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(-600px, -600px)
	}
}

@keyframes fadeOutUpLeftLarge {
	0% {
		opacity: 1;
		transform: translate(0, 0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		transform: translate(-600px, -600px)
	}
}

.animating.fade-out-up-left-large {
	-webkit-animation-name: fadeOutUpLeftLarge;
	animation-name: fadeOutUpLeftLarge
}

@-webkit-keyframes fadeOutUpRight {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(60px, -60px)
	}
}

@keyframes fadeOutUpRight {
	0% {
		opacity: 1;
		transform: translate(0, 0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		transform: translate(60px, -60px)
	}
}

.animating.fade-out-up-right {
	-webkit-animation-name: fadeOutUpRight;
	animation-name: fadeOutUpRight
}

@-webkit-keyframes fadeOutUpRightBig {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(200px, -200px)
	}
}

@keyframes fadeOutUpRightBig {
	0% {
		opacity: 1;
		transform: translate(0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		transform: translate(200px, -200px)
	}
}

.animating.fade-out-up-right-big {
	-webkit-animation-name: fadeOutUpRightBig;
	animation-name: fadeOutUpRightBig
}

@-webkit-keyframes fadeOutUpRightLarge {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(600px, -600px)
	}
}

@keyframes fadeOutUpRightLarge {
	0% {
		opacity: 1;
		transform: translate(0, 0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		transform: translate(600px, -600px)
	}
}

.animating.fade-out-up-right-large {
	-webkit-animation-name: fadeOutUpRightLarge;
	animation-name: fadeOutUpRightLarge
}

@-webkit-keyframes fadeOutDownLeft {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(-60px, 60px)
	}
}

@keyframes fadeOutDownLeft {
	0% {
		opacity: 1;
		transform: translate(0, 0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		transform: translate(-60px, 60px)
	}
}

.animating.fade-out-down-left {
	-webkit-animation-name: fadeOutDownLeft;
	animation-name: fadeOutDownLeft
}

@-webkit-keyframes fadeOutDownLeftBig {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(-200px, 200px)
	}
}

@keyframes fadeOutDownLeftBig {
	0% {
		opacity: 1;
		transform: translate(0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		transform: translate(-200px, 200px)
	}
}

.animating.fade-out-down-left-big {
	-webkit-animation-name: fadeOutDownLeftBig;
	animation-name: fadeOutDownLeftBig
}

@-webkit-keyframes fadeOutDownLeftLarge {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(-600px, 600px)
	}
}

@keyframes fadeOutDownLeftLarge {
	0% {
		opacity: 1;
		transform: translate(0, 0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		transform: translate(-600px, 600px)
	}
}

.animating.fade-out-down-left-large {
	-webkit-animation-name: fadeOutDownLeftLarge;
	animation-name: fadeOutDownLeftLarge
}

@-webkit-keyframes fadeOutDownRight {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(60px, 60px)
	}
}

@keyframes fadeOutDownRight {
	0% {
		opacity: 1;
		transform: translate(0, 0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		transform: translate(60px, 60px)
	}
}

.animating.fade-out-down-right {
	-webkit-animation-name: fadeOutDownRight;
	animation-name: fadeOutDownRight
}

@-webkit-keyframes fadeOutDownRightBig {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(200px, 200px)
	}
}

@keyframes fadeOutDownRightBig {
	0% {
		opacity: 1;
		transform: translate(0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		transform: translate(200px, 200px)
	}
}

.animating.fade-out-down-right-big {
	-webkit-animation-name: fadeOutDownRightBig;
	animation-name: fadeOutDownRightBig
}

@-webkit-keyframes fadeOutDownRightLarge {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		-webkit-transform: translate(600px, 600px)
	}
}

@keyframes fadeOutDownRightLarge {
	0% {
		opacity: 1;
		transform: translate(0, 0)
	}
	80% {
		opacity: 0
	}
	100% {
		opacity: 0;
		transform: translate(600px, 600px)
	}
}

.animating.fade-out-down-right-large {
	-webkit-animation-name: fadeOutDownRightLarge;
	animation-name: fadeOutDownRightLarge
}

@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(0)
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.05)
	}
	70% {
		-webkit-transform: scale(.85)
	}
	100% {
		-webkit-transform: scale(1)
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(0)
	}
	50% {
		opacity: 1;
		transform: scale(1.05)
	}
	70% {
		transform: scale(.85)
	}
	100% {
		transform: scale(1)
	}
}

.animating.bounce-in {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}

@-webkit-keyframes bounceInBig {
	0% {
		opacity: 0;
		-webkit-transform: scale(0)
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.25)
	}
	70% {
		-webkit-transform: scale(.85)
	}
	100% {
		-webkit-transform: scale(1)
	}
}

@keyframes bounceInBig {
	0% {
		opacity: 0;
		transform: scale(0)
	}
	50% {
		opacity: 1;
		transform: scale(1.25)
	}
	70% {
		transform: scale(.85)
	}
	100% {
		transform: scale(1)
	}
}

.animating.bounce-in-big {
	-webkit-animation-name: bounceInBig;
	animation-name: bounceInBig
}

@-webkit-keyframes bounceInLarge {
	0% {
		opacity: 0;
		-webkit-transform: scale(0)
	}
	50% {
		opacity: 1;
		-webkit-transform: scale(1.5)
	}
	70% {
		-webkit-transform: scale(.8)
	}
	100% {
		-webkit-transform: scale(1)
	}
}

@keyframes bounceInLarge {
	0% {
		opacity: 0;
		transform: scale(0)
	}
	50% {
		opacity: 1;
		transform: scale(1.5)
	}
	70% {
		transform: scale(.8)
	}
	100% {
		transform: scale(1)
	}
}

.animating.bounce-in-large {
	-webkit-animation-name: bounceInLarge;
	animation-name: bounceInLarge
}

@-webkit-keyframes bounceInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(60px)
	}
	50% {
		opacity: 1;
		-webkit-transform: translateY(-10px)
	}
	70% {
		-webkit-transform: translateY(15px)
	}
	100% {
		-webkit-transform: translateY(0)
	}
}

@keyframes bounceInUp {
	0% {
		opacity: 0;
		transform: translateY(60px)
	}
	50% {
		opacity: 1;
		transform: translateY(-10px)
	}
	70% {
		transform: translateY(15px)
	}
	100% {
		transform: translateY(0)
	}
}

.animating.bounce-in-up {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}

@-webkit-keyframes bounceInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(200px)
	}
	50% {
		opacity: 1;
		-webkit-transform: translateY(-20px)
	}
	70% {
		-webkit-transform: translateY(15px)
	}
	100% {
		-webkit-transform: translateY(0)
	}
}

@keyframes bounceInUpBig {
	0% {
		opacity: 0;
		transform: translateY(200px)
	}
	50% {
		opacity: 1;
		transform: translateY(-20px)
	}
	70% {
		transform: translateY(15px)
	}
	100% {
		transform: translateY(0)
	}
}

.animating.bounce-in-up-big {
	-webkit-animation-name: bounceInUpBig;
	animation-name: bounceInUpBig
}

@-webkit-keyframes bounceInUpLarge {
	0% {
		opacity: 0;
		-webkit-transform: translateY(600px)
	}
	50% {
		opacity: 1;
		-webkit-transform: translateY(-25px)
	}
	70% {
		-webkit-transform: translateY(20px)
	}
	100% {
		-webkit-transform: translateY(0)
	}
}

@keyframes bounceInUpLarge {
	0% {
		opacity: 0;
		transform: translateY(600px)
	}
	50% {
		opacity: 1;
		transform: translateY(-25px)
	}
	70% {
		transform: translateY(20px)
	}
	100% {
		transform: translateY(0)
	}
}

.animating.bounce-in-up-large {
	-webkit-animation-name: bounceInUpLarge;
	animation-name: bounceInUpLarge
}

@-webkit-keyframes bounceInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-60px)
	}
	50% {
		opacity: 1;
		-webkit-transform: translateY(10px)
	}
	70% {
		-webkit-transform: translateY(-10px)
	}
	100% {
		-webkit-transform: translateY(0)
	}
}

@keyframes bounceInDown {
	0% {
		opacity: 0;
		transform: translateY(-60px)
	}
	50% {
		opacity: 1;
		transform: translateY(10px)
	}
	70% {
		transform: translateY(-10px)
	}
	100% {
		transform: translateY(0)
	}
}

.animating.bounce-in-down {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}

@-webkit-keyframes bounceInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-200px)
	}
	50% {
		opacity: 1;
		-webkit-transform: translateY(20px)
	}
	70% {
		-webkit-transform: translateY(-15px)
	}
	100% {
		-webkit-transform: translateY(0)
	}
}

@keyframes bounceInDownBig {
	0% {
		opacity: 0;
		transform: translateY(-200px)
	}
	50% {
		opacity: 1;
		transform: translateY(20px)
	}
	70% {
		transform: translateY(-15px)
	}
	100% {
		transform: translateY(0)
	}
}

.animating.bounce-in-down-big {
	-webkit-animation-name: bounceInDownBig;
	animation-name: bounceInDownBig
}

@-webkit-keyframes bounceInDownLarge {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-600px)
	}
	50% {
		opacity: 1;
		-webkit-transform: translateY(25px)
	}
	70% {
		-webkit-transform: translateY(-20px)
	}
	100% {
		-webkit-transform: translateY(0)
	}
}

@keyframes bounceInDownLarge {
	0% {
		opacity: 0;
		transform: translateY(-600px)
	}
	50% {
		opacity: 1;
		transform: translateY(25px)
	}
	70% {
		transform: translateY(-20px)
	}
	100% {
		transform: translateY(0)
	}
}

.animating.bounce-in-down-large {
	-webkit-animation-name: bounceInDownLarge;
	animation-name: bounceInDownLarge
}

@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(60px)
	}
	50% {
		opacity: 1;
		-webkit-transform: translateX(-10px)
	}
	70% {
		-webkit-transform: translateX(5px)
	}
	100% {
		-webkit-transform: translateX(0)
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(60px)
	}
	50% {
		opacity: 1;
		transform: translateX(-10px)
	}
	70% {
		transform: translateX(5px)
	}
	100% {
		transform: translateX(0)
	}
}

.animating.bounce-in-left {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}

@-webkit-keyframes bounceInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(140px)
	}
	50% {
		opacity: 1;
		-webkit-transform: translateX(-15px)
	}
	70% {
		-webkit-transform: translateX(5px)
	}
	100% {
		-webkit-transform: translateX(0)
	}
}

@keyframes bounceInLeftBig {
	0% {
		opacity: 0;
		transform: translateX(140px)
	}
	50% {
		opacity: 1;
		transform: translateX(-15px)
	}
	70% {
		transform: translateX(5px)
	}
	100% {
		transform: translateX(0)
	}
}

.animating.bounce-in-left-big {
	-webkit-animation-name: bounceInLeftBig;
	animation-name: bounceInLeftBig
}

@-webkit-keyframes bounceInLeftLarge {
	0% {
		opacity: 0;
		-webkit-transform: translateX(280px)
	}
	50% {
		opacity: 1;
		-webkit-transform: translateX(-20px)
	}
	70% {
		-webkit-transform: translateX(10px)
	}
	100% {
		-webkit-transform: translateX(0)
	}
}

@keyframes bounceInLeftLarge {
	0% {
		opacity: 0;
		transform: translateX(280px)
	}
	50% {
		opacity: 1;
		transform: translateX(-20px)
	}
	70% {
		transform: translateX(10px)
	}
	100% {
		transform: translateX(0)
	}
}

.animating.bounce-in-left-large {
	-webkit-animation-name: bounceInLeftLarge;
	animation-name: bounceInLeftLarge
}

@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-60px)
	}
	50% {
		opacity: 1;
		-webkit-transform: translateX(10px)
	}
	70% {
		-webkit-transform: translateX(-5px)
	}
	100% {
		-webkit-transform: translateX(0)
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(-60px)
	}
	50% {
		opacity: 1;
		transform: translateX(10px)
	}
	70% {
		transform: translateX(-5px)
	}
	100% {
		transform: translateX(0)
	}
}

.animating.bounce-in-right {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}

@-webkit-keyframes bounceInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-140px)
	}
	50% {
		opacity: 1;
		-webkit-transform: translateX(15px)
	}
	70% {
		-webkit-transform: translateX(-5px)
	}
	100% {
		-webkit-transform: translateX(0)
	}
}

@keyframes bounceInRightBig {
	0% {
		opacity: 0;
		transform: translateX(-140px)
	}
	50% {
		opacity: 1;
		transform: translateX(15px)
	}
	70% {
		transform: translateX(-5px)
	}
	100% {
		transform: translateX(0)
	}
}

.animating.bounce-in-right-big {
	-webkit-animation-name: bounceInRightBig;
	animation-name: bounceInRightBig
}

@-webkit-keyframes bounceInRightLarge {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-280px)
	}
	50% {
		opacity: 1;
		-webkit-transform: translateX(20px)
	}
	70% {
		-webkit-transform: translateX(-10px)
	}
	100% {
		-webkit-transform: translateX(0)
	}
}

@keyframes bounceInRightLarge {
	0% {
		opacity: 0;
		transform: translateX(-280px)
	}
	50% {
		opacity: 1;
		transform: translateX(20px)
	}
	70% {
		transform: translateX(-10px)
	}
	100% {
		transform: translateX(0)
	}
}

.animating.bounce-in-right-large {
	-webkit-animation-name: bounceInRightLarge;
	animation-name: bounceInRightLarge
}

@-webkit-keyframes bounceInUpLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate(60px, 60px)
	}
	50% {
		opacity: 1;
		-webkit-transform: translate(-10px, -10px)
	}
	70% {
		-webkit-transform: translate(15px, 15px)
	}
	100% {
		-webkit-transform: translate(0, 0)
	}
}

@keyframes bounceInUpLeft {
	0% {
		opacity: 0;
		transform: translate(60px, 60px)
	}
	50% {
		opacity: 1;
		transform: translate(-10px, -10px)
	}
	70% {
		transform: translate(15px, 15px)
	}
	100% {
		transform: translate(0, 0)
	}
}

.animating.bounce-in-up-left {
	-webkit-animation-name: bounceInUpLeft;
	animation-name: bounceInUpLeft
}

@-webkit-keyframes bounceInUpLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate(200px, 200px)
	}
	50% {
		opacity: 1;
		-webkit-transform: translate(-20px, -20px)
	}
	70% {
		-webkit-transform: translate(15px, 15px)
	}
	100% {
		-webkit-transform: translate(0, 0)
	}
}

@keyframes bounceInUpLeftBig {
	0% {
		opacity: 0;
		transform: translate(200px, 200px)
	}
	50% {
		opacity: 1;
		transform: translate(-20px, -20px)
	}
	70% {
		transform: translate(15px, 15px)
	}
	100% {
		transform: translate(0, 0)
	}
}

.animating.bounce-in-up-left-big {
	-webkit-animation-name: bounceInUpLeftBig;
	animation-name: bounceInUpLeftBig
}

@-webkit-keyframes bounceInUpLeftLarge {
	0% {
		opacity: 0;
		-webkit-transform: translate(600px, 600px)
	}
	50% {
		opacity: 1;
		-webkit-transform: translate(-25px, -25px)
	}
	70% {
		-webkit-transform: translate(20px, 20px)
	}
	100% {
		-webkit-transform: translate(0, 0)
	}
}

@keyframes bounceInUpLeftLarge {
	0% {
		opacity: 0;
		transform: translate(600px, 600px)
	}
	50% {
		opacity: 1;
		transform: translate(-25px, -25px)
	}
	70% {
		transform: translate(20px, 20px)
	}
	100% {
		transform: translate(0, 0)
	}
}

.animating.bounce-in-up-left-large {
	-webkit-animation-name: bounceInUpLeftLarge;
	animation-name: bounceInUpLeftLarge
}

@-webkit-keyframes bounceInUpRight {
	0% {
		opacity: 0;
		-webkit-transform: translate(-60px, 60px)
	}
	50% {
		opacity: 1;
		-webkit-transform: translate(10px, -10px)
	}
	70% {
		-webkit-transform: translate(-15px, 15px)
	}
	100% {
		-webkit-transform: translate(0, 0)
	}
}

@keyframes bounceInUpRight {
	0% {
		opacity: 0;
		transform: translate(-60px, 60px)
	}
	50% {
		opacity: 1;
		transform: translate(10px, -10px)
	}
	70% {
		transform: translate(-15px, 15px)
	}
	100% {
		transform: translate(0, 0)
	}
}

.animating.bounce-in-up-right {
	-webkit-animation-name: bounceInUpRight;
	animation-name: bounceInUpRight
}

@-webkit-keyframes bounceInUpRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate(-200px, 200px)
	}
	50% {
		opacity: 1;
		-webkit-transform: translate(20px, -20px)
	}
	70% {
		-webkit-transform: translate(-15px, 15px)
	}
	100% {
		-webkit-transform: translate(0, 0)
	}
}

@keyframes bounceInUpRightBig {
	0% {
		opacity: 0;
		transform: translate(-200px, 200px)
	}
	50% {
		opacity: 1;
		transform: translate(20px, -20px)
	}
	70% {
		transform: translate(-15px, 15px)
	}
	100% {
		transform: translate(0, 0)
	}
}

.animating.bounce-in-up-right-big {
	-webkit-animation-name: bounceInUpRightBig;
	animation-name: bounceInUpRightBig
}

@-webkit-keyframes bounceInUpRightLarge {
	0% {
		opacity: 0;
		-webkit-transform: translate(-600px, 600px)
	}
	50% {
		opacity: 1;
		-webkit-transform: translate(25px, -25px)
	}
	70% {
		-webkit-transform: translate(-20px, 20px)
	}
	100% {
		-webkit-transform: translate(0, 0)
	}
}

@keyframes bounceInUpRightLarge {
	0% {
		opacity: 0;
		transform: translate(-600px, 600px)
	}
	50% {
		opacity: 1;
		transform: translate(25px, -25px)
	}
	70% {
		transform: translate(-20px, 20px)
	}
	100% {
		transform: translate(0, 0)
	}
}

.animating.bounce-in-up-right-large {
	-webkit-animation-name: bounceInUpRightLarge;
	animation-name: bounceInUpRightLarge
}

@-webkit-keyframes bounceInDownLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate(60px, -60px)
	}
	50% {
		opacity: 1;
		-webkit-transform: translate(-10px, 10px)
	}
	70% {
		-webkit-transform: translate(15px, -15px)
	}
	100% {
		-webkit-transform: translate(0, 0)
	}
}

@keyframes bounceInDownLeft {
	0% {
		opacity: 0;
		transform: translate(60px, -60px)
	}
	50% {
		opacity: 1;
		transform: translate(-10px, 10px)
	}
	70% {
		transform: translate(15px, -15px)
	}
	100% {
		transform: translate(0, 0)
	}
}

.animating.bounce-in-down-left {
	-webkit-animation-name: bounceInDownLeft;
	animation-name: bounceInDownLeft
}

@-webkit-keyframes bounceInDownLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translate(200px, -200px)
	}
	50% {
		opacity: 1;
		-webkit-transform: translate(-20px, 20px)
	}
	70% {
		-webkit-transform: translate(15px, -15px)
	}
	100% {
		-webkit-transform: translate(0, 0)
	}
}

@keyframes bounceInDownLeftBig {
	0% {
		opacity: 0;
		transform: translate(200px, -200px)
	}
	50% {
		opacity: 1;
		transform: translate(-20px, 20px)
	}
	70% {
		transform: translate(15px, -15px)
	}
	100% {
		transform: translate(0, 0)
	}
}

.animating.bounce-in-down-left-big {
	-webkit-animation-name: bounceInDownLeftBig;
	animation-name: bounceInDownLeftBig
}

@-webkit-keyframes bounceInDownLeftLarge {
	0% {
		opacity: 0;
		-webkit-transform: translate(600px, -600px)
	}
	50% {
		opacity: 1;
		-webkit-transform: translate(-25px, 25px)
	}
	70% {
		-webkit-transform: translate(20px, -20px)
	}
	100% {
		-webkit-transform: translate(0, 0)
	}
}

@keyframes bounceInDownLeftLarge {
	0% {
		opacity: 0;
		transform: translate(600px, -600px)
	}
	50% {
		opacity: 1;
		transform: translate(-25px, 25px)
	}
	70% {
		transform: translate(20px, -20px)
	}
	100% {
		transform: translate(0, 0)
	}
}

.animating.bounce-in-down-left-large {
	-webkit-animation-name: bounceInDownLeftLarge;
	animation-name: bounceInDownLeftLarge
}

@-webkit-keyframes bounceInDownRight {
	0% {
		opacity: 0;
		-webkit-transform: translate(-60px, -60px)
	}
	50% {
		opacity: 1;
		-webkit-transform: translate(10px, 10px)
	}
	70% {
		-webkit-transform: translate(-15px, -15px)
	}
	100% {
		-webkit-transform: translate(0, 0)
	}
}

@keyframes bounceInDownRight {
	0% {
		opacity: 0;
		transform: translate(-60px, -60px)
	}
	50% {
		opacity: 1;
		transform: translate(10px, 10px)
	}
	70% {
		transform: translate(-15px, -15px)
	}
	100% {
		transform: translate(0, 0)
	}
}

.animating.bounce-in-down-right {
	-webkit-animation-name: bounceInDownRight;
	animation-name: bounceInDownRight
}

@-webkit-keyframes bounceInDownRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translate(-200px, -200px)
	}
	50% {
		opacity: 1;
		-webkit-transform: translate(20px, 20px)
	}
	70% {
		-webkit-transform: translate(-15px, -15px)
	}
	100% {
		-webkit-transform: translate(0, 0)
	}
}

@keyframes bounceInDownRightBig {
	0% {
		opacity: 0;
		transform: translate(-200px, -200px)
	}
	50% {
		opacity: 1;
		transform: translate(20px, 20px)
	}
	70% {
		transform: translate(-15px, -15px)
	}
	100% {
		transform: translate(0, 0)
	}
}

.animating.bounce-in-down-right-big {
	-webkit-animation-name: bounceInDownRightBig;
	animation-name: bounceInDownRightBig
}

@-webkit-keyframes bounceInDownRightLarge {
	0% {
		opacity: 0;
		-webkit-transform: translate(-600px, -600px)
	}
	50% {
		opacity: 1;
		-webkit-transform: translate(25px, 25px)
	}
	70% {
		-webkit-transform: translate(-20px, -20px)
	}
	100% {
		-webkit-transform: translate(0, 0)
	}
}

@keyframes bounceInDownRightLarge {
	0% {
		opacity: 0;
		transform: translate(-600px, -600px)
	}
	50% {
		opacity: 1;
		transform: translate(25px, 25px)
	}
	70% {
		transform: translate(-20px, -20px)
	}
	100% {
		transform: translate(0, 0)
	}
}

.animating.bounce-in-down-right-large {
	-webkit-animation-name: bounceInDownRightLarge;
	animation-name: bounceInDownRightLarge
}

@-webkit-keyframes bounceOut {
	0% {
		opacity: 1;
		-webkit-transform: scale(1)
	}
	30% {
		-webkit-transform: scale(.85)
	}
	100%,
	50% {
		opacity: 0;
		-webkit-transform: scale(1.05)
	}
}

@keyframes bounceOut {
	0% {
		opacity: 1;
		transform: scale(1)
	}
	30% {
		transform: scale(.85)
	}
	100%,
	50% {
		opacity: 0;
		transform: scale(1.05)
	}
}

.animating.bounce-out {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut
}

@-webkit-keyframes bounceOutBig {
	0% {
		opacity: 1;
		-webkit-transform: scale(1)
	}
	30% {
		-webkit-transform: scale(.85)
	}
	100%,
	50% {
		opacity: 0;
		-webkit-transform: scale(1.25)
	}
}

@keyframes bounceOutBig {
	0% {
		opacity: 1;
		transform: scale(1)
	}
	30% {
		transform: scale(.85)
	}
	100%,
	50% {
		opacity: 0;
		transform: scale(1.25)
	}
}

.animating.bounce-out-big {
	-webkit-animation-name: bounceOutBig;
	animation-name: bounceOutBig
}

@-webkit-keyframes bounceOutLarge {
	0% {
		opacity: 1;
		-webkit-transform: scale(1)
	}
	30% {
		-webkit-transform: scale(.8)
	}
	100%,
	50% {
		opacity: 0;
		-webkit-transform: scale(1.5)
	}
}

@keyframes bounceOutLarge {
	0% {
		opacity: 1;
		transform: scale(1)
	}
	30% {
		transform: scale(.8)
	}
	100%,
	50% {
		opacity: 0;
		transform: scale(1.5)
	}
}

.animating.bounce-out-large {
	-webkit-animation-name: bounceOutLarge;
	animation-name: bounceOutLarge
}

@-webkit-keyframes bounceOutUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
	15% {
		-webkit-transform: translateY(-10px)
	}
	40% {
		-webkit-transform: translateY(15px)
	}
	100%,
	90% {
		opacity: 0;
		-webkit-transform: translateY(-60px)
	}
}

@keyframes bounceOutUp {
	0% {
		opacity: 1;
		transform: translateY(0)
	}
	15% {
		transform: translateY(-10px)
	}
	40% {
		transform: translateY(15px)
	}
	100%,
	90% {
		opacity: 0;
		transform: translateY(-60px)
	}
}

.animating.bounce-out-up {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp
}

@-webkit-keyframes bounceOutUpBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
	15% {
		-webkit-transform: translateY(-20px)
	}
	40% {
		-webkit-transform: translateY(15px)
	}
	100%,
	90% {
		opacity: 0;
		-webkit-transform: translateY(-200px)
	}
}

@keyframes bounceOutUpBig {
	0% {
		opacity: 1;
		transform: translateY(0)
	}
	15% {
		transform: translateY(-20px)
	}
	40% {
		transform: translateY(15px)
	}
	100%,
	90% {
		opacity: 0;
		transform: translateY(-200px)
	}
}

.animating.bounce-out-up-big {
	-webkit-animation-name: bounceOutUpBig;
	animation-name: bounceOutUpBig
}

@-webkit-keyframes bounceOutUpLarge {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
	15% {
		-webkit-transform: translateY(-25px)
	}
	40% {
		-webkit-transform: translateY(20px)
	}
	100%,
	90% {
		opacity: 0;
		-webkit-transform: translateY(-600px)
	}
}

@keyframes bounceOutUpLarge {
	0% {
		opacity: 1;
		transform: translateY(0)
	}
	15% {
		transform: translateY(-25px)
	}
	40% {
		transform: translateY(20px)
	}
	100%,
	90% {
		opacity: 0;
		transform: translateY(-600px)
	}
}

.animating.bounce-out-up-large {
	-webkit-animation-name: bounceOutUpLarge;
	animation-name: bounceOutUpLarge
}

@-webkit-keyframes bounceOutDown {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
	15% {
		-webkit-transform: translateY(10px)
	}
	40% {
		-webkit-transform: translateY(-10px)
	}
	100%,
	90% {
		opacity: 0;
		-webkit-transform: translateY(60px)
	}
}

@keyframes bounceOutDown {
	0% {
		opacity: 1;
		transform: translateY(0)
	}
	15% {
		transform: translateY(10px)
	}
	40% {
		transform: translateY(-10px)
	}
	100%,
	90% {
		opacity: 0;
		transform: translateY(60px)
	}
}

.animating.bounce-out-down {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutDownBig {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
	15% {
		-webkit-transform: translateY(15px)
	}
	40% {
		-webkit-transform: translateY(-20px)
	}
	100%,
	90% {
		opacity: 0;
		-webkit-transform: translateY(200px)
	}
}

@keyframes bounceOutDownBig {
	0% {
		opacity: 1;
		transform: translateY(0)
	}
	15% {
		transform: translateY(15px)
	}
	40% {
		transform: translateY(-20px)
	}
	100%,
	90% {
		opacity: 0;
		transform: translateY(200px)
	}
}

.animating.bounce-out-down-big {
	-webkit-animation-name: bounceOutDownBig;
	animation-name: bounceOutDownBig
}

@-webkit-keyframes bounceOutDownLarge {
	0% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
	15% {
		-webkit-transform: translateY(20px)
	}
	40% {
		-webkit-transform: translateY(-25px)
	}
	100%,
	90% {
		opacity: 0;
		-webkit-transform: translateY(600px)
	}
}

@keyframes bounceOutDownLarge {
	0% {
		opacity: 1;
		transform: translateY(0)
	}
	15% {
		transform: translateY(20px)
	}
	40% {
		transform: translateY(-25px)
	}
	100%,
	90% {
		opacity: 0;
		transform: translateY(600px)
	}
}

.animating.bounce-out-down-large {
	-webkit-animation-name: bounceOutDownLarge;
	animation-name: bounceOutDownLarge
}

@-webkit-keyframes bounceOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
	15% {
		-webkit-transform: translateX(-10px)
	}
	40% {
		-webkit-transform: translateX(15px)
	}
	100%,
	90% {
		opacity: 0;
		-webkit-transform: translateX(-60px)
	}
}

@keyframes bounceOutLeft {
	0% {
		opacity: 1;
		transform: translateX(0)
	}
	15% {
		transform: translateX(-10px)
	}
	40% {
		transform: translateX(15px)
	}
	100%,
	90% {
		opacity: 0;
		transform: translateX(-60px)
	}
}

.animating.bounce-out-left {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutLeftBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
	15% {
		-webkit-transform: translateX(-20px)
	}
	40% {
		-webkit-transform: translateX(15px)
	}
	100%,
	90% {
		opacity: 0;
		-webkit-transform: translateX(-200px)
	}
}

@keyframes bounceOutLeftBig {
	0% {
		opacity: 1;
		transform: translateX(0)
	}
	15% {
		transform: translateX(-20px)
	}
	40% {
		transform: translateX(15px)
	}
	100%,
	90% {
		opacity: 0;
		transform: translateX(-200px)
	}
}

.animating.bounce-out-left-big {
	-webkit-animation-name: bounceOutLeftBig;
	animation-name: bounceOutLeftBig
}

@-webkit-keyframes bounceOutLeftLarge {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
	15% {
		-webkit-transform: translateX(-25px)
	}
	40% {
		-webkit-transform: translateX(20px)
	}
	100%,
	90% {
		opacity: 0;
		-webkit-transform: translateX(-600px)
	}
}

@keyframes bounceOutLeftLarge {
	0% {
		opacity: 1;
		transform: translateX(0)
	}
	15% {
		transform: translateX(-25px)
	}
	40% {
		transform: translateX(20px)
	}
	100%,
	90% {
		opacity: 0;
		transform: translateX(-600px)
	}
}

.animating.bounce-out-left-large {
	-webkit-animation-name: bounceOutLeftLarge;
	animation-name: bounceOutLeftLarge
}

@-webkit-keyframes bounceOutRight {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
	15% {
		-webkit-transform: translateX(10px)
	}
	40% {
		-webkit-transform: translateX(-10px)
	}
	100%,
	90% {
		opacity: 0;
		-webkit-transform: translateX(60px)
	}
}

@keyframes bounceOutRight {
	0% {
		opacity: 1;
		transform: translateX(0)
	}
	15% {
		transform: translateX(10px)
	}
	40% {
		transform: translateX(-10px)
	}
	100%,
	90% {
		opacity: 0;
		transform: translateX(60px)
	}
}

.animating.bounce-out-right {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutRightBig {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
	15% {
		-webkit-transform: translateX(15px)
	}
	40% {
		-webkit-transform: translateX(-20px)
	}
	100%,
	90% {
		opacity: 0;
		-webkit-transform: translateX(200px)
	}
}

@keyframes bounceOutRightBig {
	0% {
		opacity: 1;
		transform: translateX(0)
	}
	15% {
		transform: translateX(15px)
	}
	40% {
		transform: translateX(-20px)
	}
	100%,
	90% {
		opacity: 0;
		transform: translateX(200px)
	}
}

.animating.bounce-out-right-big {
	-webkit-animation-name: bounceOutRightBig;
	animation-name: bounceOutRightBig
}

@-webkit-keyframes bounceOutRightLarge {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0)
	}
	15% {
		-webkit-transform: translateX(20px)
	}
	40% {
		-webkit-transform: translateX(-25px)
	}
	100%,
	90% {
		opacity: 0;
		-webkit-transform: translateX(600px)
	}
}

@keyframes bounceOutRightLarge {
	0% {
		opacity: 1;
		transform: translateX(0)
	}
	15% {
		transform: translateX(20px)
	}
	40% {
		transform: translateX(-25px)
	}
	100%,
	90% {
		opacity: 0;
		transform: translateX(600px)
	}
}

.animating.bounce-out-right-large {
	-webkit-animation-name: bounceOutRightLarge;
	animation-name: bounceOutRightLarge
}

@-webkit-keyframes bounceOutUpLeft {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0)
	}
	15% {
		-webkit-transform: translate(-10px, -10px)
	}
	40% {
		-webkit-transform: translate(15px, 15px)
	}
	100%,
	90% {
		opacity: 0;
		-webkit-transform: translate(-60px, -60px)
	}
}

@keyframes bounceOutUpLeft {
	0% {
		opacity: 1;
		transform: translate(0, 0)
	}
	15% {
		transform: translate(-10px, -10px)
	}
	40% {
		transform: translate(15px, 15px)
	}
	100%,
	90% {
		opacity: 0;
		transform: translate(-60px, -60px)
	}
}

.animating.bounce-out-up-left {
	-webkit-animation-name: bounceOutUpLeft;
	animation-name: bounceOutUpLeft
}

@-webkit-keyframes bounceOutUpLeftBig {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0)
	}
	15% {
		-webkit-transform: translate(-20px, -20px)
	}
	40% {
		-webkit-transform: translate(15px, 15px)
	}
	100%,
	90% {
		opacity: 0;
		-webkit-transform: translate(-200px, -200px)
	}
}

@keyframes bounceOutUpLeftBig {
	0% {
		opacity: 1;
		transform: translate(0, 0)
	}
	15% {
		transform: translate(-20px, -20px)
	}
	40% {
		transform: translate(15px, 15px)
	}
	100%,
	90% {
		opacity: 0;
		transform: translate(-200px, -200px)
	}
}

.animating.bounce-out-up-left-big {
	-webkit-animation-name: bounceOutUpLeftBig;
	animation-name: bounceOutUpLeftBig
}

@-webkit-keyframes bounceOutUpLeftLarge {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0)
	}
	15% {
		-webkit-transform: translate(-25px, -25px)
	}
	40% {
		-webkit-transform: translate(20px, 20px)
	}
	100%,
	90% {
		opacity: 0;
		-webkit-transform: translate(-600px, -600px)
	}
}

@keyframes bounceOutUpLeftLarge {
	0% {
		opacity: 1;
		transform: translate(0, 0)
	}
	15% {
		transform: translate(-25px, -25px)
	}
	40% {
		transform: translate(20px, 20px)
	}
	100%,
	90% {
		opacity: 0;
		transform: translate(-600px, -600px)
	}
}

.animating.bounce-out-up-left-large {
	-webkit-animation-name: bounceOutUpLeftLarge;
	animation-name: bounceOutUpLeftLarge
}

@-webkit-keyframes bounceOutUpRight {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0)
	}
	15% {
		-webkit-transform: translate(10px, -10px)
	}
	40% {
		-webkit-transform: translate(-15px, 15px)
	}
	100%,
	90% {
		opacity: 0;
		-webkit-transform: translate(60px, -60px)
	}
}

@keyframes bounceOutUpRight {
	0% {
		opacity: 1;
		transform: translate(0, 0)
	}
	15% {
		transform: translate(10px, -10px)
	}
	40% {
		transform: translate(-15px, 15px)
	}
	100%,
	90% {
		opacity: 0;
		transform: translate(60px, -60px)
	}
}

.animating.bounce-out-up-right {
	-webkit-animation-name: bounceOutUpRight;
	animation-name: bounceOutUpRight
}

@-webkit-keyframes bounceOutUpRightBig {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0)
	}
	15% {
		-webkit-transform: translate(20px, -20px)
	}
	40% {
		-webkit-transform: translate(-15px, 15px)
	}
	100%,
	90% {
		opacity: 0;
		-webkit-transform: translate(200px, -200px)
	}
}

@keyframes bounceOutUpRightBig {
	0% {
		opacity: 1;
		transform: translate(0, 0)
	}
	15% {
		transform: translate(20px, -20px)
	}
	40% {
		transform: translate(-15px, 15px)
	}
	100%,
	90% {
		opacity: 0;
		transform: translate(200px, -200px)
	}
}

.animating.bounce-out-up-right-big {
	-webkit-animation-name: bounceOutUpRightBig;
	animation-name: bounceOutUpRightBig
}

@-webkit-keyframes bounceOutUpRightLarge {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0)
	}
	15% {
		-webkit-transform: translate(25px, -25px)
	}
	40% {
		-webkit-transform: translate(-20px, 20px)
	}
	100%,
	90% {
		opacity: 0;
		-webkit-transform: translate(600px, -600px)
	}
}

@keyframes bounceOutUpRightLarge {
	0% {
		opacity: 1;
		transform: translate(0, 0)
	}
	15% {
		transform: translate(25px, -25px)
	}
	40% {
		transform: translate(-20px, 20px)
	}
	100%,
	90% {
		opacity: 0;
		transform: translate(600px, -600px)
	}
}

.animating.bounce-out-up-right-large {
	-webkit-animation-name: bounceOutUpRightLarge;
	animation-name: bounceOutUpRightLarge
}

@-webkit-keyframes bounceOutDownLeft {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0)
	}
	15% {
		-webkit-transform: translate(-10px, 10px)
	}
	40% {
		-webkit-transform: translate(15px, -15px)
	}
	100%,
	90% {
		opacity: 0;
		-webkit-transform: translate(-60px, 60px)
	}
}

@keyframes bounceOutDownLeft {
	0% {
		opacity: 1;
		transform: translate(0, 0)
	}
	15% {
		transform: translate(-10px, 10px)
	}
	40% {
		transform: translate(15px, -15px)
	}
	100%,
	90% {
		opacity: 0;
		transform: translate(-60px, 60px)
	}
}

.animating.bounce-out-down-left {
	-webkit-animation-name: bounceOutDownLeft;
	animation-name: bounceOutDownLeft
}

@-webkit-keyframes bounceOutDownLeftBig {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0)
	}
	15% {
		-webkit-transform: translate(-20px, 20px)
	}
	40% {
		-webkit-transform: translate(15px, -15px)
	}
	100%,
	90% {
		opacity: 0;
		-webkit-transform: translate(-200px, 200px)
	}
}

@keyframes bounceOutDownLeftBig {
	0% {
		opacity: 1;
		transform: translate(0, 0)
	}
	15% {
		transform: translate(-20px, 20px)
	}
	40% {
		transform: translate(15px, -15px)
	}
	100%,
	90% {
		opacity: 0;
		transform: translate(-200px, 200px)
	}
}

.animating.bounce-out-down-left-big {
	-webkit-animation-name: bounceOutDownLeftBig;
	animation-name: bounceOutDownLeftBig
}

@-webkit-keyframes bounceOutDownLeftLarge {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0)
	}
	15% {
		-webkit-transform: translate(-25px, 25px)
	}
	40% {
		-webkit-transform: translate(20px, -20px)
	}
	100%,
	90% {
		opacity: 0;
		-webkit-transform: translate(-600px, 600px)
	}
}

@keyframes bounceOutDownLeftLarge {
	0% {
		opacity: 1;
		transform: translate(0, 0)
	}
	15% {
		transform: translate(-25px, 25px)
	}
	40% {
		transform: translate(20px, -20px)
	}
	100%,
	90% {
		opacity: 0;
		transform: translate(-600px, 600px)
	}
}

.animating.bounce-out-down-left-large {
	-webkit-animation-name: bounceOutDownLeftLarge;
	animation-name: bounceOutDownLeftLarge
}

@-webkit-keyframes bounceOutDownRight {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0)
	}
	15% {
		-webkit-transform: translate(10px, 10px)
	}
	40% {
		-webkit-transform: translate(-15px, -15px)
	}
	100%,
	90% {
		opacity: 0;
		-webkit-transform: translate(60px, 60px)
	}
}

@keyframes bounceOutDownRight {
	0% {
		opacity: 1;
		transform: translate(0, 0)
	}
	15% {
		transform: translate(10px, 10px)
	}
	40% {
		transform: translate(-15px, -15px)
	}
	100%,
	90% {
		opacity: 0;
		transform: translate(60px, 60px)
	}
}

.animating.bounce-out-down-right {
	-webkit-animation-name: bounceOutDownRight;
	animation-name: bounceOutDownRight
}

@-webkit-keyframes bounceOutDownRightBig {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0)
	}
	15% {
		-webkit-transform: translate(20px, 20px)
	}
	40% {
		-webkit-transform: translate(-15px, -15px)
	}
	100%,
	90% {
		opacity: 0;
		-webkit-transform: translate(200px, 200px)
	}
}

@keyframes bounceOutDownRightBig {
	0% {
		opacity: 1;
		transform: translate(0, 0)
	}
	15% {
		transform: translate(20px, 20px)
	}
	40% {
		transform: translate(-15px, -15px)
	}
	100%,
	90% {
		opacity: 0;
		transform: translate(200px, 200px)
	}
}

.animating.bounce-out-down-right-big {
	-webkit-animation-name: bounceOutDownRightBig;
	animation-name: bounceOutDownRightBig
}

@-webkit-keyframes bounceOutDownRightLarge {
	0% {
		opacity: 1;
		-webkit-transform: translate(0, 0)
	}
	15% {
		-webkit-transform: translate(25px, 25px)
	}
	40% {
		-webkit-transform: translate(-20px, -20px)
	}
	100%,
	90% {
		opacity: 0;
		-webkit-transform: translate(600px, 600px)
	}
}

@keyframes bounceOutDownRightLarge {
	0% {
		opacity: 1;
		transform: translate(0, 0)
	}
	15% {
		transform: translate(25px, 25px)
	}
	40% {
		transform: translate(-20px, -20px)
	}
	100%,
	90% {
		opacity: 0;
		transform: translate(600px, 600px)
	}
}

.animating.bounce-out-down-right-large {
	-webkit-animation-name: bounceOutDownRightLarge;
	animation-name: bounceOutDownRightLarge
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(0)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1)
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		transform: scale(0)
	}
	100% {
		opacity: 1;
		transform: scale(1)
	}
}

.animating.zoom-in {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}

@-webkit-keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translateY(200px)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(0)
	}
}

@keyframes zoomInUp {
	0% {
		opacity: 0;
		transform: scale(0) translateY(200px)
	}
	100% {
		opacity: 1;
		transform: scale(1) translateY(0)
	}
}

.animating.zoom-in-up {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp
}

@-webkit-keyframes zoomInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translateY(600px)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(0)
	}
}

@keyframes zoomInUpBig {
	0% {
		opacity: 0;
		transform: scale(0) translateY(600px)
	}
	100% {
		opacity: 1;
		transform: scale(1) translateY(0)
	}
}

.animating.zoom-in-up-big {
	-webkit-animation-name: zoomInUpBig;
	animation-name: zoomInUpBig
}

@-webkit-keyframes zoomInUpLarge {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translateY(1000px)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(0)
	}
}

@keyframes zoomInUpLarge {
	0% {
		opacity: 0;
		transform: scale(0) translateY(1000px)
	}
	100% {
		opacity: 1;
		transform: scale(1) translateY(0)
	}
}

.animating.zoom-in-up-large {
	-webkit-animation-name: zoomInUpLarge;
	animation-name: zoomInUpLarge
}

@-webkit-keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translateY(-200px)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(0)
	}
}

@keyframes zoomInDown {
	0% {
		opacity: 0;
		transform: scale(0) translateY(-200px)
	}
	100% {
		opacity: 1;
		transform: scale(1) translateY(0)
	}
}

.animating.zoom-in-down {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown
}

@-webkit-keyframes zoomInDownBig {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translateY(-600px)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(0)
	}
}

@keyframes zoomInDownBig {
	0% {
		opacity: 0;
		transform: scale(0) translateY(-600px)
	}
	100% {
		opacity: 1;
		transform: scale(1) translateY(0)
	}
}

.animating.zoom-in-down-big {
	-webkit-animation-name: zoomInDownBig;
	animation-name: zoomInDownBig
}

@-webkit-keyframes zoomInDownLarge {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translateY(-1000px)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(0)
	}
}

@keyframes zoomInDownLarge {
	0% {
		opacity: 0;
		transform: scale(0) translateY(-1000px)
	}
	100% {
		opacity: 1;
		transform: scale(1) translateY(0)
	}
}

.animating.zoom-in-down-large {
	-webkit-animation-name: zoomInDownLarge;
	animation-name: zoomInDownLarge
}

@-webkit-keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translateX(-200px)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translateX(0)
	}
}

@keyframes zoomInLeft {
	0% {
		opacity: 0;
		transform: scale(0) translateX(-200px)
	}
	100% {
		opacity: 1;
		transform: scale(1) translateX(0)
	}
}

.animating.zoom-in-left {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft
}

@-webkit-keyframes zoomInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translateX(-600px)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translateX(0)
	}
}

@keyframes zoomInLeftBig {
	0% {
		opacity: 0;
		transform: scale(0) translateX(-600px)
	}
	100% {
		opacity: 1;
		transform: scale(1) translateX(0)
	}
}

.animating.zoom-in-left-big {
	-webkit-animation-name: zoomInLeftBig;
	animation-name: zoomInLeftBig
}

@-webkit-keyframes zoomInLeftLarge {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translateX(-1300px)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translateX(0)
	}
}

@keyframes zoomInLeftLarge {
	0% {
		opacity: 0;
		transform: scale(0) translateX(-1300px)
	}
	100% {
		opacity: 1;
		transform: scale(1) translateX(0)
	}
}

.animating.zoom-in-left-large {
	-webkit-animation-name: zoomInLeftLarge;
	animation-name: zoomInLeftLarge
}

@-webkit-keyframes zoomInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translateX(200px)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translateX(0)
	}
}

@keyframes zoomInRight {
	0% {
		opacity: 0;
		transform: scale(0) translateX(200px)
	}
	100% {
		opacity: 1;
		transform: scale(1) translateX(0)
	}
}

.animating.zoom-in-right {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight
}

@-webkit-keyframes zoomInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translateX(600px)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translateX(0)
	}
}

@keyframes zoomInRightBig {
	0% {
		opacity: 0;
		transform: scale(0) translateX(600px)
	}
	100% {
		opacity: 1;
		transform: scale(1) translateX(0)
	}
}

.animating.zoom-in-right-big {
	-webkit-animation-name: zoomInRightBig;
	animation-name: zoomInRightBig
}

@-webkit-keyframes zoomInRightLarge {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translateX(1300px)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translateX(0)
	}
}

@keyframes zoomInRightLarge {
	0% {
		opacity: 0;
		transform: scale(0) translateX(1300px)
	}
	100% {
		opacity: 1;
		transform: scale(1) translateX(0)
	}
}

.animating.zoom-in-right-large {
	-webkit-animation-name: zoomInRightLarge;
	animation-name: zoomInRightLarge
}

@-webkit-keyframes zoomInUpLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translate(200px, 200px)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0)
	}
}

@keyframes zoomInUpLeft {
	0% {
		opacity: 0;
		transform: scale(0) translate(200px, 200px)
	}
	100% {
		opacity: 1;
		transform: scale(1) translate(0, 0)
	}
}

.animating.zoom-in-up-left {
	-webkit-animation-name: zoomInUpLeft;
	animation-name: zoomInUpLeft
}

@-webkit-keyframes zoomInUpLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translate(600px, 600px)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0)
	}
}

@keyframes zoomInUpLeftBig {
	0% {
		opacity: 0;
		transform: scale(0) translate(600px, 600px)
	}
	100% {
		opacity: 1;
		transform: scale(1) translate(0, 0)
	}
}

.animating.zoom-in-up-left-big {
	-webkit-animation-name: zoomInUpLeftBig;
	animation-name: zoomInUpLeftBig
}

@-webkit-keyframes zoomInUpLeftLarge {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translate(1000px, 1000px)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0)
	}
}

@keyframes zoomInUpLeftLarge {
	0% {
		opacity: 0;
		transform: scale(0) translate(1000px, 1000px)
	}
	100% {
		opacity: 1;
		transform: scale(1) translate(0, 0)
	}
}

.animating.zoom-in-up-left-large {
	-webkit-animation-name: zoomInUpLeftLarge;
	animation-name: zoomInUpLeftLarge
}

@-webkit-keyframes zoomInUpRight {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translate(-200px, 200px)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0)
	}
}

@keyframes zoomInUpRight {
	0% {
		opacity: 0;
		transform: scale(0) translate(-200px, 200px)
	}
	100% {
		opacity: 1;
		transform: scale(1) translate(0, 0)
	}
}

.animating.zoom-in-up-right {
	-webkit-animation-name: zoomInUpRight;
	animation-name: zoomInUpRight
}

@-webkit-keyframes zoomInUpRightBig {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translate(-600px, 600px)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0)
	}
}

@keyframes zoomInUpRightBig {
	0% {
		opacity: 0;
		transform: scale(0) translate(-600px, 600px)
	}
	100% {
		opacity: 1;
		transform: scale(1) translate(0, 0)
	}
}

.animating.zoom-in-up-right-big {
	-webkit-animation-name: zoomInUpRightBig;
	animation-name: zoomInUpRightBig
}

@-webkit-keyframes zoomInUpRightLarge {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translate(-1000px, 1000px)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0)
	}
}

@keyframes zoomInUpRightLarge {
	0% {
		opacity: 0;
		transform: scale(0) translate(-1000px, 1000px)
	}
	100% {
		opacity: 1;
		transform: scale(1) translate(0, 0)
	}
}

.animating.zoom-in-up-right-large {
	-webkit-animation-name: zoomInUpRightLarge;
	animation-name: zoomInUpRightLarge
}

@-webkit-keyframes zoomInDownLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translate(-200px, -200px)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0)
	}
}

@keyframes zoomInDownLeft {
	0% {
		opacity: 0;
		transform: scale(0) translate(-200px, -200px)
	}
	100% {
		opacity: 1;
		transform: scale(1) translate(0, 0)
	}
}

.animating.zoom-in-down-left {
	-webkit-animation-name: zoomInDownLeft;
	animation-name: zoomInDownLeft
}

@-webkit-keyframes zoomInDownLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translate(-600px, -600px)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0)
	}
}

@keyframes zoomInDownLeftBig {
	0% {
		opacity: 0;
		transform: scale(0) translate(-600px, -600px)
	}
	100% {
		opacity: 1;
		transform: scale(1) translate(0, 0)
	}
}

.animating.zoom-in-down-left-big {
	-webkit-animation-name: zoomInDownLeftBig;
	animation-name: zoomInDownLeftBig
}

@-webkit-keyframes zoomInDownLeftLarge {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translate(-1000px, -1000px)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0)
	}
}

@keyframes zoomInDownLeftLarge {
	0% {
		opacity: 0;
		transform: scale(0) translate(-1000px, -1000px)
	}
	100% {
		opacity: 1;
		transform: scale(1) translate(0, 0)
	}
}

.animating.zoom-in-down-left-large {
	-webkit-animation-name: zoomInDownLeftLarge;
	animation-name: zoomInDownLeftLarge
}

@-webkit-keyframes zoomInDownRight {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translate(200px, -200px)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0)
	}
}

@keyframes zoomInDownRight {
	0% {
		opacity: 0;
		transform: scale(0) translate(200px, -200px)
	}
	100% {
		opacity: 1;
		transform: scale(1) translate(0, 0)
	}
}

.animating.zoom-in-down-right {
	-webkit-animation-name: zoomInDownRight;
	animation-name: zoomInDownRight
}

@-webkit-keyframes zoomInDownRightBig {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translate(600px, -600px)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0)
	}
}

@keyframes zoomInDownRightBig {
	0% {
		opacity: 0;
		transform: scale(0) translate(600px, -600px)
	}
	100% {
		opacity: 1;
		transform: scale(1) translate(0, 0)
	}
}

.animating.zoom-in-down-right-big {
	-webkit-animation-name: zoomInDownRightBig;
	animation-name: zoomInDownRightBig
}

@-webkit-keyframes zoomInDownRightLarge {
	0% {
		opacity: 0;
		-webkit-transform: scale(0) translate(1000px, -1000px)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0)
	}
}

@keyframes zoomInDownRightLarge {
	0% {
		opacity: 0;
		transform: scale(0) translate(1000px, -1000px)
	}
	100% {
		opacity: 1;
		transform: scale(1) translate(0, 0)
	}
}

.animating.zoom-in-down-right-large {
	-webkit-animation-name: zoomInDownRightLarge;
	animation-name: zoomInDownRightLarge
}

@-webkit-keyframes zoomOut {
	0% {
		opacity: 1;
		-webkit-transform: scale(1)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0)
	}
}

@keyframes zoomOut {
	0% {
		opacity: 1;
		transform: scale(1)
	}
	100% {
		opacity: 0;
		transform: scale(0)
	}
}

.animating.zoom-out {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut
}

@-webkit-keyframes zoomOutUp {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0) translateY(-200px)
	}
}

@keyframes zoomOutUp {
	0% {
		opacity: 1;
		transform: scale(1) translateY(0)
	}
	100% {
		opacity: 0;
		transform: scale(0) translateY(-200px)
	}
}

.animating.zoom-out-up {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp
}

@-webkit-keyframes zoomOutUpBig {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0) translateY(-600px)
	}
}

@keyframes zoomOutUpBig {
	0% {
		opacity: 1;
		transform: scale(1) translateY(0)
	}
	100% {
		opacity: 0;
		transform: scale(0) translateY(-600px)
	}
}

.animating.zoom-out-up-big {
	-webkit-animation-name: zoomOutUpBig;
	animation-name: zoomOutUpBig
}

@-webkit-keyframes zoomOutUpLarge {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0) translateY(-1000px)
	}
}

@keyframes zoomOutUpLarge {
	0% {
		opacity: 1;
		transform: scale(1) translateY(0)
	}
	100% {
		opacity: 0;
		transform: scale(0) translateY(-1000px)
	}
}

.animating.zoom-out-up-large {
	-webkit-animation-name: zoomOutUpLarge;
	animation-name: zoomOutUpLarge
}

@-webkit-keyframes zoomOutDown {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0) translateY(200px)
	}
}

@keyframes zoomOutDown {
	0% {
		opacity: 1;
		transform: scale(1) translateY(0)
	}
	100% {
		opacity: 0;
		transform: scale(0) translateY(200px)
	}
}

.animating.zoom-out-down {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutDownBig {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0) translateY(600px)
	}
}

@keyframes zoomOutDownBig {
	0% {
		opacity: 1;
		transform: scale(1) translateY(0)
	}
	100% {
		opacity: 0;
		transform: scale(0) translateY(600px)
	}
}

.animating.zoom-out-down-big {
	-webkit-animation-name: zoomOutDownBig;
	animation-name: zoomOutDownBig
}

@-webkit-keyframes zoomOutDownLarge {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0) translateY(1000px)
	}
}

@keyframes zoomOutDownLarge {
	0% {
		opacity: 1;
		transform: scale(1) translateY(0)
	}
	100% {
		opacity: 0;
		transform: scale(0) translateY(1000px)
	}
}

.animating.zoom-out-down-large {
	-webkit-animation-name: zoomOutDownLarge;
	animation-name: zoomOutDownLarge
}

@-webkit-keyframes zoomOutLeft {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0) translateX(-200px)
	}
}

@keyframes zoomOutLeft {
	0% {
		opacity: 1;
		transform: scale(1) translateX(0)
	}
	100% {
		opacity: 0;
		transform: scale(0) translateX(-200px)
	}
}

.animating.zoom-out-left {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutLeftBig {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0) translateX(-600px)
	}
}

@keyframes zoomOutLeftBig {
	0% {
		opacity: 1;
		transform: scale(1) translateX(0)
	}
	100% {
		opacity: 0;
		transform: scale(0) translateX(-600px)
	}
}

.animating.zoom-out-left-big {
	-webkit-animation-name: zoomOutLeftBig;
	animation-name: zoomOutLeftBig
}

@-webkit-keyframes zoomOutLeftLarge {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0) translateX(-1300px)
	}
}

@keyframes zoomOutLeftLarge {
	0% {
		opacity: 1;
		transform: scale(1) translateX(0)
	}
	100% {
		opacity: 0;
		transform: scale(0) translateX(-1300px)
	}
}

.animating.zoom-out-left-large {
	-webkit-animation-name: zoomOutLeftLarge;
	animation-name: zoomOutLeftLarge
}

@-webkit-keyframes zoomOutRight {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0) translateX(200px)
	}
}

@keyframes zoomOutRight {
	0% {
		opacity: 1;
		transform: scale(1) translateX(0)
	}
	100% {
		opacity: 0;
		transform: scale(0) translateX(200px)
	}
}

.animating.zoom-out-right {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutRightBig {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0) translateX(600px)
	}
}

@keyframes zoomOutRightBig {
	0% {
		opacity: 1;
		transform: scale(1) translateX(0)
	}
	100% {
		opacity: 0;
		transform: scale(0) translateX(600px)
	}
}

.animating.zoom-out-right-big {
	-webkit-animation-name: zoomOutRightBig;
	animation-name: zoomOutRightBig
}

@-webkit-keyframes zoomOutRightLarge {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0) translateX(1300px)
	}
}

@keyframes zoomOutRightLarge {
	0% {
		opacity: 1;
		transform: scale(1) translateX(0)
	}
	100% {
		opacity: 0;
		transform: scale(0) translateX(1300px)
	}
}

.animating.zoom-out-right-large {
	-webkit-animation-name: zoomOutRightLarge;
	animation-name: zoomOutRightLarge
}

@-webkit-keyframes zoomOutUpLeft {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0) translate(-200px, -200px)
	}
}

@keyframes zoomOutUpLeft {
	0% {
		opacity: 1;
		transform: scale(1) translate(0, 0)
	}
	100% {
		opacity: 0;
		transform: scale(0) translate(-200px, -200px)
	}
}

.animating.zoom-out-up-left {
	-webkit-animation-name: zoomOutUpLeft;
	animation-name: zoomOutUpLeft
}

@-webkit-keyframes zoomOutUpLeftBig {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0) translate(-600px, -600px)
	}
}

@keyframes zoomOutUpLeftBig {
	0% {
		opacity: 1;
		transform: scale(1) translate(0, 0)
	}
	100% {
		opacity: 0;
		transform: scale(0) translate(-600px, -600px)
	}
}

.animating.zoom-out-up-left-big {
	-webkit-animation-name: zoomOutUpLeftBig;
	animation-name: zoomOutUpLeftBig
}

@-webkit-keyframes zoomOutUpLeftLarge {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0) translate(-1000px, -1000px)
	}
}

@keyframes zoomOutUpLeftLarge {
	0% {
		opacity: 1;
		transform: scale(1) translate(0, 0)
	}
	100% {
		opacity: 0;
		transform: scale(0) translate(-1000px, -1000px)
	}
}

.animating.zoom-out-up-left-large {
	-webkit-animation-name: zoomOutUpLeftLarge;
	animation-name: zoomOutUpLeftLarge
}

@-webkit-keyframes zoomOutUpRight {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0) translate(200px, -200px)
	}
}

@keyframes zoomOutUpRight {
	0% {
		opacity: 1;
		transform: scale(1) translate(0, 0)
	}
	100% {
		opacity: 0;
		transform: scale(0) translate(200px, -200px)
	}
}

.animating.zoom-out-up-right {
	-webkit-animation-name: zoomOutUpRight;
	animation-name: zoomOutUpRight
}

@-webkit-keyframes zoomOutUpRightBig {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0) translate(600px, -600px)
	}
}

@keyframes zoomOutUpRightBig {
	0% {
		opacity: 1;
		transform: scale(1) translate(0, 0)
	}
	100% {
		opacity: 0;
		transform: scale(0) translate(600px, -600px)
	}
}

.animating.zoom-out-up-right-big {
	-webkit-animation-name: zoomOutUpRightBig;
	animation-name: zoomOutUpRightBig
}

@-webkit-keyframes zoomOutUpRightLarge {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0) translate(1000px, -1000px)
	}
}

@keyframes zoomOutUpRightLarge {
	0% {
		opacity: 1;
		transform: scale(1) translate(0, 0)
	}
	100% {
		opacity: 0;
		transform: scale(0) translate(1000px, -1000px)
	}
}

.animating.zoom-out-up-right-large {
	-webkit-animation-name: zoomOutUpRightLarge;
	animation-name: zoomOutUpRightLarge
}

@-webkit-keyframes zoomOutDownLeft {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0) translate(-200px, 200px)
	}
}

@keyframes zoomOutDownLeft {
	0% {
		opacity: 1;
		transform: scale(1) translate(0, 0)
	}
	100% {
		opacity: 0;
		transform: scale(0) translate(-200px, 200px)
	}
}

.animating.zoom-out-down-left {
	-webkit-animation-name: zoomOutDownLeft;
	animation-name: zoomOutDownLeft
}

@-webkit-keyframes zoomOutDownLeftBig {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0) translate(-600px, 600px)
	}
}

@keyframes zoomOutDownLeftBig {
	0% {
		opacity: 1;
		transform: scale(1) translate(0, 0)
	}
	100% {
		opacity: 0;
		transform: scale(0) translate(-600px, 600px)
	}
}

.animating.zoom-out-down-left-big {
	-webkit-animation-name: zoomOutDownLeftBig;
	animation-name: zoomOutDownLeftBig
}

@-webkit-keyframes zoomOutDownLeftLarge {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0) translate(-1000px, 1000px)
	}
}

@keyframes zoomOutDownLeftLarge {
	0% {
		opacity: 1;
		transform: scale(1) translate(0, 0)
	}
	100% {
		opacity: 0;
		transform: scale(0) translate(-1000px, 1000px)
	}
}

.animating.zoom-out-down-left-large {
	-webkit-animation-name: zoomOutDownLeftLarge;
	animation-name: zoomOutDownLeftLarge
}

@-webkit-keyframes zoomOutDownRight {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0) translate(200px, 200px)
	}
}

@keyframes zoomOutDownRight {
	0% {
		opacity: 1;
		transform: scale(1) translate(0, 0)
	}
	100% {
		opacity: 0;
		transform: scale(0) translate(200px, 200px)
	}
}

.animating.zoom-out-down-right {
	-webkit-animation-name: zoomOutDownRight;
	animation-name: zoomOutDownRight
}

@-webkit-keyframes zoomOutDownRightBig {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0) translate(600px, 600px)
	}
}

@keyframes zoomOutDownRightBig {
	0% {
		opacity: 1;
		transform: scale(1) translate(0, 0)
	}
	100% {
		opacity: 0;
		transform: scale(0) translate(600px, 600px)
	}
}

.animating.zoom-out-down-right-big {
	-webkit-animation-name: zoomOutDownRightBig;
	animation-name: zoomOutDownRightBig
}

@-webkit-keyframes zoomOutDownRightLarge {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0) translate(1000px, 1000px)
	}
}

@keyframes zoomOutDownRightLarge {
	0% {
		opacity: 1;
		transform: scale(1) translate(0, 0)
	}
	100% {
		opacity: 0;
		transform: scale(0) translate(1000px, 1000px)
	}
}

.animating.zoom-out-down-right-large {
	-webkit-animation-name: zoomOutDownRightLarge;
	animation-name: zoomOutDownRightLarge
}

@-webkit-keyframes flipInX {
	0% {
		opacity: 0;
		-webkit-transform: perspective(500) rotateX(90deg)
	}
	50% {
		-webkit-transform: perspective(500) rotateX(-15deg)
	}
	70% {
		-webkit-transform: perspective(500) rotateX(15deg)
	}
	100% {
		opacity: 1;
		-webkit-transform: perspective(500) rotateX(0deg)
	}
}

@keyframes flipInX {
	0% {
		opacity: 0;
		transform: perspective(500) rotateX(90deg)
	}
	50% {
		transform: perspective(500) rotateX(-15deg)
	}
	70% {
		transform: perspective(500) rotateX(15deg)
	}
	100% {
		opacity: 1;
		transform: perspective(500) rotateX(0deg)
	}
}

.animating.flip-in-x {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(500) rotateY(90deg);
		opacity: 0
	}
	50% {
		-webkit-transform: perspective(500) rotateY(-25deg)
	}
	70% {
		-webkit-transform: perspective(500) rotateY(25deg)
	}
	100% {
		-webkit-transform: perspective(500) rotateY(0deg);
		opacity: 1
	}
}

@keyframes flipInY {
	0% {
		transform: perspective(500) rotateY(90deg);
		opacity: 0
	}
	50% {
		transform: perspective(500) rotateY(-25deg)
	}
	70% {
		transform: perspective(500) rotateY(25deg)
	}
	100% {
		transform: perspective(500) rotateY(0deg);
		opacity: 1
	}
}

.animating.flip-in-y {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

@-webkit-keyframes flipInTopFront {
	0% {
		opacity: 0;
		-webkit-transform: perspective(1000) rotateX(90deg)
	}
	50% {
		-webkit-transform: perspective(1000) rotateX(-15deg)
	}
	70% {
		-webkit-transform: perspective(1000) rotateX(15deg)
	}
	100% {
		opacity: 1;
		-webkit-transform: perspective(1000) rotateX(0deg)
	}
}

@keyframes flipInTopFront {
	0% {
		opacity: 0;
		transform: perspective(1000) rotateX(90deg)
	}
	50% {
		transform: perspective(1000) rotateX(-15deg)
	}
	70% {
		transform: perspective(1000) rotateX(15deg)
	}
	100% {
		opacity: 1;
		transform: perspective(1000) rotateX(0deg)
	}
}

.animating.flip-in-top-front {
	-webkit-transform-origin-x: 50%;
	-webkit-transform-origin-y: 0;
	transform-origin-x: 50%;
	transform-origin-y: 0;
	-webkit-animation-name: flipInTopFront;
	animation-name: flipInTopFront
}

@-webkit-keyframes flipInTopBack {
	0% {
		opacity: 0;
		-webkit-transform: perspective(1000) rotateX(-90deg)
	}
	50% {
		-webkit-transform: perspective(1000) rotateX(20deg)
	}
	70% {
		-webkit-transform: perspective(1000) rotateX(-15deg)
	}
	100% {
		opacity: 1;
		-webkit-transform: perspective(1000) rotateX(0deg)
	}
}

@keyframes flipInTopBack {
	0% {
		opacity: 0;
		transform: perspective(1000) rotateX(-90deg)
	}
	50% {
		transform: perspective(1000) rotateX(20deg)
	}
	70% {
		transform: perspective(1000) rotateX(-15deg)
	}
	100% {
		opacity: 1;
		transform: perspective(1000) rotateX(0deg)
	}
}

.animating.flip-in-top-back {
	-webkit-transform-origin-x: 50%;
	-webkit-transform-origin-y: 0;
	transform-origin-x: 50%;
	transform-origin-y: 0;
	-webkit-animation-name: flipInTopBack;
	animation-name: flipInTopBack
}

@-webkit-keyframes flipInBottomFront {
	0% {
		opacity: 0;
		-webkit-transform: perspective(1000) rotateX(-90deg)
	}
	50% {
		-webkit-transform: perspective(1000) rotateX(20deg)
	}
	70% {
		-webkit-transform: perspective(1000) rotateX(-15deg)
	}
	100% {
		opacity: 1;
		-webkit-transform: perspective(1000) rotateX(0deg)
	}
}

@keyframes flipInBottomFront {
	0% {
		opacity: 0;
		transform: perspective(1000) rotateX(-90deg)
	}
	50% {
		transform: perspective(1000) rotateX(20deg)
	}
	70% {
		transform: perspective(1000) rotateX(-15deg)
	}
	100% {
		opacity: 1;
		transform: perspective(1000) rotateX(0deg)
	}
}

.animating.flip-in-bottom-front {
	-webkit-transform-origin-x: 50%;
	-webkit-transform-origin-y: 100%;
	transform-origin-x: 50%;
	transform-origin-y: 100%;
	-webkit-animation-name: flipInBottomFront;
	animation-name: flipInBottomFront
}

@-webkit-keyframes flipInBottomBack {
	0% {
		opacity: 0;
		-webkit-transform: perspective(1000) rotateX(90deg)
	}
	50% {
		-webkit-transform: perspective(1000) rotateX(-20deg)
	}
	70% {
		-webkit-transform: perspective(1000) rotateX(15deg)
	}
	100% {
		opacity: 1;
		-webkit-transform: perspective(1000) rotateX(0deg)
	}
}

@keyframes flipInBottomBack {
	0% {
		opacity: 0;
		transform: perspective(1000) rotateX(90deg)
	}
	50% {
		transform: perspective(1000) rotateX(-20deg)
	}
	70% {
		transform: perspective(1000) rotateX(15deg)
	}
	100% {
		opacity: 1;
		transform: perspective(1000) rotateX(0deg)
	}
}

.animating.flip-in-bottom-back {
	-webkit-transform-origin-x: 50%;
	-webkit-transform-origin-y: 100%;
	transform-origin-x: 50%;
	transform-origin-y: 100%;
	-webkit-animation-name: flipInBottomBack;
	animation-name: flipInBottomBack
}

@-webkit-keyframes flipInLeftFront {
	0% {
		opacity: 0;
		-webkit-transform: perspective(1000) rotateY(-90deg)
	}
	50% {
		-webkit-transform: perspective(1000) rotateY(20deg)
	}
	70% {
		-webkit-transform: perspective(1000) rotateY(-15deg)
	}
	100% {
		opacity: 1;
		-webkit-transform: perspective(1000) rotateY(0deg)
	}
}

@keyframes flipInLeftFront {
	0% {
		opacity: 0;
		transform: perspective(1000) rotateY(-90deg)
	}
	50% {
		transform: perspective(1000) rotateY(20deg)
	}
	70% {
		transform: perspective(1000) rotateY(-15deg)
	}
	100% {
		opacity: 1;
		transform: perspective(1000) rotateY(0deg)
	}
}

.animating.flip-in-left-front {
	-webkit-transform-origin-x: 0;
	-webkit-transform-origin-y: 50%;
	transform-origin-x: 0;
	transform-origin-y: 50%;
	-webkit-animation-name: flipInLeftFront;
	animation-name: flipInLeftFront
}

@-webkit-keyframes flipInLeftBack {
	0% {
		opacity: 0;
		-webkit-transform: perspective(1000) rotateY(90deg)
	}
	50% {
		-webkit-transform: perspective(1000) rotateY(-20deg)
	}
	70% {
		-webkit-transform: perspective(1000) rotateY(15deg)
	}
	100% {
		opacity: 1;
		-webkit-transform: perspective(1000) rotateY(0deg)
	}
}

@keyframes flipInLeftBack {
	0% {
		opacity: 0;
		transform: perspective(1000) rotateY(90deg)
	}
	50% {
		transform: perspective(1000) rotateY(-20deg)
	}
	70% {
		transform: perspective(1000) rotateY(15deg)
	}
	100% {
		opacity: 1;
		transform: perspective(1000) rotateY(0deg)
	}
}

.animating.flip-in-left-back {
	-webkit-transform-origin-x: 0;
	-webkit-transform-origin-y: 50%;
	transform-origin-x: 0;
	transform-origin-y: 50%;
	-webkit-animation-name: flipInLeftBack;
	animation-name: flipInLeftBack
}

@-webkit-keyframes flipInRightFront {
	0% {
		opacity: 0;
		-webkit-transform: perspective(1000) rotateY(90deg)
	}
	50% {
		-webkit-transform: perspective(1000) rotateY(-20deg)
	}
	70% {
		-webkit-transform: perspective(1000) rotateY(15deg)
	}
	100% {
		opacity: 1;
		-webkit-transform: perspective(1000) rotateY(0deg)
	}
}

@keyframes flipInRightFront {
	0% {
		opacity: 0;
		transform: perspective(1000) rotateY(90deg)
	}
	50% {
		transform: perspective(1000) rotateY(-20deg)
	}
	70% {
		transform: perspective(1000) rotateY(15deg)
	}
	100% {
		opacity: 1;
		transform: perspective(1000) rotateY(0deg)
	}
}

.animating.flip-in-right-front {
	-webkit-transform-origin-x: 100%;
	-webkit-transform-origin-y: 50%;
	transform-origin-x: 100%;
	transform-origin-y: 50%;
	-webkit-animation-name: flipInRightFront;
	animation-name: flipInRightFront
}

@-webkit-keyframes flipInRightBack {
	0% {
		opacity: 0;
		-webkit-transform: perspective(1000) rotateY(-90deg)
	}
	50% {
		-webkit-transform: perspective(1000) rotateY(20deg)
	}
	70% {
		-webkit-transform: perspective(1000) rotateY(-15deg)
	}
	100% {
		opacity: 1;
		-webkit-transform: perspective(1000) rotateY(0deg)
	}
}

@keyframes flipInRightBack {
	0% {
		opacity: 0;
		transform: perspective(1000) rotateY(-90deg)
	}
	50% {
		transform: perspective(1000) rotateY(20deg)
	}
	70% {
		transform: perspective(1000) rotateY(-15deg)
	}
	100% {
		opacity: 1;
		transform: perspective(1000) rotateY(0deg)
	}
}

.animating.flip-in-right-back {
	-webkit-transform-origin-x: 100%;
	-webkit-transform-origin-y: 50%;
	transform-origin-x: 100%;
	transform-origin-y: 50%;
	-webkit-animation-name: flipInRightBack;
	animation-name: flipInRightBack
}

@-webkit-keyframes flipOutX {
	0%,
	5% {
		-webkit-transform: perspective(500) rotateX(0deg);
		opacity: 1
	}
	30% {
		-webkit-transform: perspective(500) rotateX(-25deg)
	}
	50% {
		opacity: 1
	}
	100%,
	90% {
		-webkit-transform: perspective(500) rotateX(90deg);
		opacity: 0
	}
}

@keyframes flipOutX {
	0%,
	5% {
		transform: perspective(500) rotateX(0deg);
		opacity: 1
	}
	30% {
		transform: perspective(500) rotateX(-25deg)
	}
	50% {
		opacity: 1
	}
	100%,
	90% {
		transform: perspective(500) rotateX(90deg);
		opacity: 0
	}
}

.animating.flip-out-x {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX
}

@-webkit-keyframes flipOutY {
	0%,
	5% {
		-webkit-transform: perspective(500) rotateY(0deg);
		opacity: 1
	}
	30% {
		-webkit-transform: perspective(500) rotateY(-25deg)
	}
	50% {
		opacity: 1
	}
	100%,
	90% {
		-webkit-transform: perspective(500) rotateY(90deg);
		opacity: 0
	}
}

@keyframes flipOutY {
	0%,
	5% {
		transform: perspective(500) rotateY(0deg);
		opacity: 1
	}
	30% {
		transform: perspective(500) rotateY(-25deg)
	}
	50% {
		opacity: 1
	}
	100%,
	90% {
		transform: perspective(500) rotateY(90deg);
		opacity: 0
	}
}

.animating.flip-out-y {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY
}

@-webkit-keyframes flipOutTopFront {
	0% {
		opacity: 1;
		-webkit-transform: perspective(1000) rotateX(0deg)
	}
	30% {
		-webkit-transform: perspective(1000) rotateX(-20deg)
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: perspective(1000) rotateX(90deg)
	}
}

@keyframes flipOutTopFront {
	0% {
		opacity: 1;
		transform: perspective(1000) rotateX(0deg)
	}
	30% {
		transform: perspective(1000) rotateX(-20deg)
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: 0;
		transform: perspective(1000) rotateX(90deg)
	}
}

.animating.flip-out-top-front {
	-webkit-transform-origin-x: 50%;
	-webkit-transform-origin-y: 0;
	transform-origin-x: 50%;
	transform-origin-y: 0;
	-webkit-animation-name: flipOutTopFront;
	animation-name: flipOutTopFront
}

@-webkit-keyframes flipOutTopBack {
	0% {
		opacity: 1;
		-webkit-transform: perspective(1000) rotateX(0deg)
	}
	30% {
		-webkit-transform: perspective(1000) rotateX(20deg)
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: perspective(1000) rotateX(-90deg)
	}
}

@keyframes flipOutTopBack {
	0% {
		opacity: 1;
		transform: perspective(1000) rotateX(0deg)
	}
	30% {
		transform: perspective(1000) rotateX(20deg)
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: 0;
		transform: perspective(1000) rotateX(-90deg)
	}
}

.animating.flip-out-top-back {
	-webkit-transform-origin-x: 50%;
	-webkit-transform-origin-y: 0;
	transform-origin-x: 50%;
	transform-origin-y: 0;
	-webkit-animation-name: flipOutTopBack;
	animation-name: flipOutTopBack
}

@-webkit-keyframes flipOutBottomFront {
	0% {
		opacity: 1;
		-webkit-transform: perspective(1000) rotateX(0deg)
	}
	30% {
		-webkit-transform: perspective(1000) rotateX(20deg)
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: perspective(1000) rotateX(-90deg)
	}
}

@keyframes flipOutBottomFront {
	0% {
		opacity: 1;
		transform: perspective(1000) rotateX(0deg)
	}
	30% {
		transform: perspective(1000) rotateX(20deg)
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: 0;
		transform: perspective(1000) rotateX(-90deg)
	}
}

.animating.flip-out-bottom-front {
	-webkit-transform-origin-x: 50%;
	-webkit-transform-origin-y: 100%;
	transform-origin-x: 50%;
	transform-origin-y: 100%;
	-webkit-animation-name: flipOutBottomFront;
	animation-name: flipOutBottomFront
}

@-webkit-keyframes flipOutBottomBack {
	0% {
		opacity: 1;
		-webkit-transform: perspective(1000) rotateX(0deg)
	}
	30% {
		-webkit-transform: perspective(1000) rotateX(-20deg)
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: perspective(1000) rotateX(90deg)
	}
}

@keyframes flipOutBottomBack {
	0% {
		opacity: 1;
		transform: perspective(1000) rotateX(0deg)
	}
	30% {
		transform: perspective(1000) rotateX(-20deg)
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: 0;
		transform: perspective(1000) rotateX(90deg)
	}
}

.animating.flip-out-bottom-back {
	-webkit-transform-origin-x: 50%;
	-webkit-transform-origin-y: 100%;
	transform-origin-x: 50%;
	transform-origin-y: 100%;
	-webkit-animation-name: flipOutBottomBack;
	animation-name: flipOutBottomBack
}

@-webkit-keyframes flipOutLeftFront {
	0% {
		opacity: 1;
		-webkit-transform: perspective(1000) rotateY(0deg)
	}
	30% {
		-webkit-transform: perspective(1000) rotateY(20deg)
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: perspective(1000) rotateY(-90deg)
	}
}

@keyframes flipOutLeftFront {
	0% {
		opacity: 1;
		transform: perspective(1000) rotateY(0deg)
	}
	30% {
		transform: perspective(1000) rotateY(20deg)
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: 0;
		transform: perspective(1000) rotateY(-90deg)
	}
}

.animating.flip-out-left-front {
	-webkit-transform-origin-x: 0;
	-webkit-transform-origin-y: 50%;
	transform-origin-x: 0;
	transform-origin-y: 50%;
	-webkit-animation-name: flipOutLeftFront;
	animation-name: flipOutLeftFront
}

@-webkit-keyframes flipOutLeftBack {
	0% {
		opacity: 1;
		-webkit-transform: perspective(1000) rotateY(0deg)
	}
	30% {
		-webkit-transform: perspective(1000) rotateY(-20deg)
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: perspective(1000) rotateY(90deg)
	}
}

@keyframes flipOutLeftBack {
	0% {
		opacity: 1;
		transform: perspective(1000) rotateY(0deg)
	}
	30% {
		transform: perspective(1000) rotateY(-20deg)
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: 0;
		transform: perspective(1000) rotateY(90deg)
	}
}

.animating.flip-out-left-back {
	-webkit-transform-origin-x: 0;
	-webkit-transform-origin-y: 50%;
	transform-origin-x: 0;
	transform-origin-y: 50%;
	-webkit-animation-name: flipOutLeftBack;
	animation-name: flipOutLeftBack
}

@-webkit-keyframes flipOutRightFront {
	0% {
		opacity: 1;
		-webkit-transform: perspective(1000) rotateY(0deg)
	}
	30% {
		-webkit-transform: perspective(1000) rotateY(-20deg)
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: perspective(1000) rotateY(90deg)
	}
}

@keyframes flipOutRightFront {
	0% {
		opacity: 1;
		transform: perspective(1000) rotateY(0deg)
	}
	30% {
		transform: perspective(1000) rotateY(-20deg)
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: 0;
		transform: perspective(1000) rotateY(90deg)
	}
}

.animating.flip-out-right-front {
	-webkit-transform-origin-x: 100%;
	-webkit-transform-origin-y: 50%;
	transform-origin-x: 100%;
	transform-origin-y: 50%;
	-webkit-animation-name: flipOutRightFront;
	animation-name: flipOutRightFront
}

@-webkit-keyframes flipOutRightBack {
	0% {
		opacity: 1;
		-webkit-transform: perspective(1000) rotateY(0deg)
	}
	30% {
		-webkit-transform: perspective(1000) rotateY(20deg)
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: perspective(1000) rotateY(-90deg)
	}
}

@keyframes flipOutRightBack {
	0% {
		opacity: 1;
		transform: perspective(1000) rotateY(0deg)
	}
	30% {
		transform: perspective(1000) rotateY(20deg)
	}
	50% {
		opacity: 1
	}
	100% {
		opacity: 0;
		transform: perspective(1000) rotateY(-90deg)
	}
}

.animating.flip-out-right-back {
	-webkit-transform-origin-x: 100%;
	-webkit-transform-origin-y: 50%;
	transform-origin-x: 100%;
	transform-origin-y: 50%;
	-webkit-animation-name: flipOutRightBack;
	animation-name: flipOutRightBack
}

@-webkit-keyframes flash {
	0%,
	100%,
	50% {
		opacity: 1
	}
	25%,
	75% {
		opacity: 0
	}
}

@keyframes flash {
	0%,
	100%,
	50% {
		opacity: 1
	}
	25%,
	75% {
		opacity: 0
	}
}

.animating.flash,
.hover-flash:hover {
	-webkit-animation-name: flash;
	animation-name: flash
}

@-webkit-keyframes strobe {
	0%,
	100%,
	20%,
	40%,
	60%,
	80% {
		opacity: 1
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		opacity: 0
	}
}

@keyframes strobe {
	0%,
	100%,
	20%,
	40%,
	60%,
	80% {
		opacity: 1
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		opacity: 0
	}
}

.animating.strobe,
.hover-strobe:hover {
	-webkit-animation-name: strobe;
	animation-name: strobe
}

@-webkit-keyframes shakeX {
	0%,
	100% {
		-webkit-transform: translateY(0)
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translateY(-10px)
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translateY(10px)
	}
}

@keyframes shakeX {
	0%,
	100% {
		transform: translateY(0)
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		transform: translateY(-10px)
	}
	20%,
	40%,
	60%,
	80% {
		transform: translateY(10px)
	}
}

.animating.shake-x,
.hover-shake-x:hover {
	-webkit-animation-name: shakeX;
	animation-name: shakeX
}

@-webkit-keyframes shakeY {
	0%,
	100% {
		-webkit-transform: translateX(0)
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translateX(-10px)
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translateX(10px)
	}
}

@keyframes shakeY {
	0%,
	100% {
		transform: translateX(0)
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		transform: translateX(-10px)
	}
	20%,
	40%,
	60%,
	80% {
		transform: translateX(10px)
	}
}

.animating.shake-y,
.hover-shake-y:hover {
	-webkit-animation-name: shakeY;
	animation-name: shakeY
}

@-webkit-keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateY(0)
	}
	40% {
		-webkit-transform: translateY(-30px)
	}
	60% {
		-webkit-transform: translateY(-15px)
	}
}

@keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		transform: translateY(0)
	}
	40% {
		transform: translateY(-30px)
	}
	60% {
		transform: translateY(-15px)
	}
}

.animating.bounce,
.hover-bounce:hover {
	-webkit-animation-name: bounce;
	animation-name: bounce
}

@-webkit-keyframes tada {
	0%,
	100% {
		-webkit-transform: scale(1) rotate(0)
	}
	10%,
	20% {
		-webkit-transform: scale(0.9) rotate(-3deg)
	}
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale(1.1) rotate(3deg)
	}
	40%,
	60%,
	80% {
		-webkit-transform: scale(1.1) rotate(-3deg)
	}
}

@keyframes tada {
	0%,
	100% {
		transform: scale(1) rotate(0)
	}
	10%,
	20% {
		transform: scale(0.9) rotate(-3deg)
	}
	30%,
	50%,
	70%,
	90% {
		transform: scale(1.1) rotate(3deg)
	}
	40%,
	60%,
	80% {
		transform: scale(1.1) rotate(-3deg)
	}
}

.animating.tada,
.hover-tada:hover {
	-webkit-animation-name: tada;
	animation-name: tada
}

@-webkit-keyframes rubberBand {
	0%,
	100% {
		-webkit-transform: scale(1)
	}
	30% {
		-webkit-transform: scaleX(1.25) scaleY(0.75)
	}
	40% {
		-webkit-transform: scaleX(0.75) scaleY(1.25)
	}
	60% {
		-webkit-transform: scaleX(1.15) scaleY(0.85)
	}
}

@keyframes rubberBand {
	0%,
	100% {
		transform: scale(1)
	}
	30% {
		transform: scaleX(1.25) scaleY(0.75)
	}
	40% {
		transform: scaleX(0.75) scaleY(1.25)
	}
	60% {
		transform: scaleX(1.15) scaleY(0.85)
	}
}

.animating.rubber-band,
.hover-rubber-band:hover {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand
}

@-webkit-keyframes swing {
	20% {
		-webkit-transform: rotate(15deg)
	}
	40% {
		-webkit-transform: rotate(-10deg)
	}
	60% {
		-webkit-transform: rotate(5deg)
	}
	80% {
		-webkit-transform: rotate(-5deg)
	}
	100% {
		-webkit-transform: rotate(0deg)
	}
}

@keyframes swing {
	20% {
		transform: rotate(15deg)
	}
	40% {
		transform: rotate(-10deg)
	}
	60% {
		transform: rotate(5deg)
	}
	80% {
		transform: rotate(-5deg)
	}
	100% {
		transform: rotate(0deg)
	}
}

.animating.swing,
.hover-swing:hover {
	-webkit-animation-name: swing;
	animation-name: swing
}

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

@keyframes spin {
	0% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(360deg)
	}
}

.animating.spin,
.hover-spin:hover {
	-webkit-animation-name: spin;
	animation-name: spin
}

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

@keyframes spin-reverse {
	0% {
		transform: rotate(0deg)
	}
	100% {
		transform: rotate(-360deg)
	}
}

.animating.spin-reverse,
.hover-spin-reverse:hover {
	-webkit-animation-name: spin-reverse;
	animation-name: spin-reverse
}

@-webkit-keyframes slingshot {
	0% {
		-webkit-transform: rotate(0deg)
	}
	20%,
	30% {
		-webkit-transform: rotate(-45deg)
	}
	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes slingshot {
	0% {
		transform: rotate(0deg)
	}
	20%,
	30% {
		transform: rotate(-45deg)
	}
	100% {
		transform: rotate(360deg)
	}
}

.animating.slingshot,
.hover-slingshot:hover {
	-webkit-animation-name: slingshot;
	animation-name: slingshot
}

@-webkit-keyframes slingshot-reverse {
	0% {
		-webkit-transform: rotate(0deg)
	}
	20%,
	30% {
		-webkit-transform: rotate(45deg)
	}
	100% {
		-webkit-transform: rotate(-360deg)
	}
}

@keyframes slingshot-reverse {
	0% {
		transform: rotate(0deg)
	}
	20%,
	30% {
		transform: rotate(45deg)
	}
	100% {
		transform: rotate(-360deg)
	}
}

.animating.slingshot-reverse,
.hover-slingshot-reverse:hover {
	-webkit-animation-name: slingshot-reverse;
	animation-name: slingshot-reverse
}

@-webkit-keyframes wobble {
	0% {
		-webkit-transform: translateX(0px)
	}
	15% {
		-webkit-transform: translateX(-25px) rotate(-5deg)
	}
	30% {
		-webkit-transform: translateX(20px) rotate(3deg)
	}
	45% {
		-webkit-transform: translateX(-15px) rotate(-3deg)
	}
	60% {
		-webkit-transform: translateX(10px) rotate(2deg)
	}
	75% {
		-webkit-transform: translateX(-5px) rotate(-1deg)
	}
	100% {
		-webkit-transform: translateX(0px)
	}
}

@keyframes wobble {
	0% {
		transform: translateX(0px)
	}
	15% {
		transform: translateX(-25px) rotate(-5deg)
	}
	30% {
		transform: translateX(20px) rotate(3deg)
	}
	45% {
		transform: translateX(-15px) rotate(-3deg)
	}
	60% {
		transform: translateX(10px) rotate(2deg)
	}
	75% {
		transform: translateX(-5px) rotate(-1deg)
	}
	100% {
		transform: translateX(0px)
	}
}

.animating.wobble,
.hover-wobble:hover {
	-webkit-animation-name: wobble;
	animation-name: wobble
}

@-webkit-keyframes pulse {
	0%,
	100% {
		-webkit-transform: scale(1)
	}
	50% {
		-webkit-transform: scale(1.1)
	}
}

@keyframes pulse {
	0%,
	100% {
		transform: scale(1)
	}
	50% {
		transform: scale(1.1)
	}
}

.animating.pulse,
.hover-pulse:hover {
	-webkit-animation-name: pulse;
	animation-name: pulse
}

@-webkit-keyframes pulsate {
	0%,
	100%,
	50% {
		-webkit-transform: scale(1)
	}
	25%,
	75% {
		-webkit-transform: scale(1.1)
	}
}

@keyframes pulsate {
	0%,
	100%,
	50% {
		transform: scale(1)
	}
	25%,
	75% {
		transform: scale(1.1)
	}
}

.animating.pulsate,
.hover-pulsate:hover {
	-webkit-animation-name: pulsate;
	animation-name: pulsate
}

@-webkit-keyframes heartbeat {
	0%,
	30%,
	50%,
	60%,
	80% {
		-webkit-transform: scale(1)
	}
	40%,
	70% {
		-webkit-transform: scale(1.1)
	}
}

@keyframes heartbeat {
	0%,
	30%,
	50%,
	60%,
	80% {
		transform: scale(1)
	}
	40%,
	70% {
		transform: scale(1.1)
	}
}

.animating.heartbeat,
.hover-heartbeat:hover {
	-webkit-animation-name: heartbeat;
	animation-name: heartbeat
}

@-webkit-keyframes panic {
	0%,
	100% {
		-webkit-transform: scale(1) rotate(0)
	}
	10%,
	60% {
		-webkit-transform: scale(1.1) rotate(-3deg)
	}
	20%,
	40% {
		-webkit-transform: scale(1) rotate(-3deg)
	}
	30% {
		-webkit-transform: scale(1.1) rotate(3deg)
	}
	50%,
	70%,
	90% {
		-webkit-transform: scale(1) rotate(3deg)
	}
	80% {
		-webkit-transform: scale(1.1) rotate(-3deg)
	}
}

@keyframes panic {
	0%,
	100% {
		transform: scale(1) rotate(0)
	}
	10%,
	60% {
		transform: scale(1.1) rotate(-3deg)
	}
	20%,
	40% {
		transform: scale(1) rotate(-3deg)
	}
	30% {
		transform: scale(1.1) rotate(3deg)
	}
	50%,
	70%,
	90% {
		transform: scale(1) rotate(3deg)
	}
	80% {
		transform: scale(1.1) rotate(-3deg)
	}
}

.animating.panic,
.hover-panic:hover {
	-webkit-animation-name: panic;
	animation-name: panic
}
html.mm-opened .mm-page, html.mm-opened #mm-blocker, html.mm-opened .mm-fixed-top, html.mm-opened .mm-fixed-bottom, html.mm-opened .mm-menu.mm-horizontal > .mm-panel {
	-webkit-transition: none 0.4s ease;
	-moz-transition: none 0.4s ease;
	-ms-transition: none 0.4s ease;
	-o-transition: none 0.4s ease;
	transition: none 0.4s ease;
	-webkit-transition-property: top, right, bottom, left, border;
	-moz-transition-property: top, right, bottom, left, border;
	-ms-transition-property: top, right, bottom, left, border;
	-o-transition-property: top, right, bottom, left, border;
	transition-property: top, right, bottom, left, border;
}
html.mm-opened .mm-page, html.mm-opened #mm-blocker {
	left: 0%;
	top: 0;
	margin: 0;
	border: 0px solid rgba(0, 0, 0, 0);
}
html.mm-opened.mm-opening .mm-page, html.mm-opened.mm-opening #mm-blocker {
	border: 0px solid rgba(100, 100, 100, 0);
}
.mm-menu .mm-hidden {
	display: none;
}
.mm-fixed-top, .mm-fixed-bottom {
	position: fixed;
	left: 0;
}
.mm-fixed-top {
	top: 0;
}
.mm-fixed-bottom {
	bottom: 0;
}
html.mm-opened .mm-page, .mm-menu > .mm-panel {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
html.mm-opened, html.mm-opened body {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
html.mm-opened .mm-page {
	height: 100%;
	overflow: hidden;
	position: absolute;
}
/* html.mm-background .mm-page {
	background: #fff;
} */
#mm-blocker {
	background: #fff;
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 9999;
}
html.mm-opened #mm-blocker, html.mm-blocking #mm-blocker {
	display: block;
}
.mm-menu.mm-current {
	display: block;
}
.mm-menu {
	background: inherit;
	display: none;
	overflow: hidden;
	height: 100%;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}
.mm-menu > .mm-panel {
	background: inherit;
	-webkit-overflow-scrolling: touch;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: auto;
	width: 100%;
	height: 100%;
	padding: 20px;
	position: absolute;
	top: 0;
	left: 100%;
	z-index: 0;
}
.mm-menu > .mm-panel.mm-opened {
	left: 0%;
}
.mm-menu > .mm-panel.mm-subopened {
	left: -40%;
}
.mm-menu > .mm-panel.mm-highest {
	z-index: 1;
}
.mm-menu > .mm-panel.mm-hidden {
	display: block;
	visibility: hidden;
}
.mm-menu .mm-list {
	padding: 20px 0;
}
.mm-menu > .mm-list {
	padding: 20px 0 40px 0;
}
.mm-panel > .mm-list {
	margin-left: -20px;
	margin-right: -20px;
}
.mm-panel > .mm-list:first-child {
	padding-top: 0;
}
.mm-list, .mm-list > li {
	list-style: none;
	display: block;
	padding: 0;
	margin: 0;
}
.mm-list {
	font: inherit;
	font-size: 14px;
}
.mm-list a, .mm-list a:hover {
	text-decoration: none;
}
.mm-list > li {
	position: relative;
}
.mm-list > li > a, .mm-list > li > span {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: inherit;
	line-height: 20px;
	display: block;
	padding:10px 10px 10px 15px;
	margin: 0;
}
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults)::after {
	content: '';
	border-bottom-width: 1px;
	border-bottom-style: solid;
	display: block;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-noresults):after {
	width: auto;
	margin-left: 0px;
	position: relative;
	left: auto;
}
.mm-list a.mm-subopen {
	width: 40px;
	height: 100%;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.mm-list a.mm-subopen::before {
	content: '';
	display: block;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.mm-list a.mm-subopen.mm-fullsubopen {
	width: 100%;
}
.mm-list a.mm-subopen.mm-fullsubopen:before {
	border-left: none;
}
.mm-list a.mm-subopen + a, .mm-list a.mm-subopen + span {
	padding-right: 5px;
	margin-right: 40px;
}
.mm-list > li.mm-selected > a.mm-subopen {
	background: transparent;
}
.mm-list > li.mm-selected > a.mm-fullsubopen + a, .mm-list > li.mm-selected > a.mm-fullsubopen + span {
	padding-right: 45px;
	margin-right: 0;
}
.mm-list a.mm-subclose {
	text-indent: 20px;
	padding-top: 20px;
	margin-top: -20px;
}
.mm-list > li.mm-label {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-size: 10px;
	text-transform: uppercase;
	text-indent: 20px;
	line-height: 25px;
	padding-right: 5px;
}
.mm-list > li.mm-spacer {
	padding-top: 40px;
}
.mm-list > li.mm-spacer.mm-label {
	padding-top: 25px;
}
.mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before {
	content: '';
	border: 2px solid transparent;
	display: block;
	width: 7px;
	height: 7px;
	margin-bottom: -5px;
	position: absolute;
	bottom: 50%;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.mm-list a.mm-subopen:after {
	border-top: none;
	border-left: none;
	right: 18px;
}
.mm-list a.mm-subclose:before {
	border-right: none;
	border-bottom: none;
	margin-bottom: 3px;
	left: 15px;
}
.mm-menu.mm-vertical .mm-list .mm-panel {
	display: none;
	padding: 10px 0 10px 10px;
}
.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after {
	border-color: transparent;
}
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel {
	display: block;
}
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen {
	height: 40px;
}
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 16px;
	right: 16px;
}
html.mm-opened .mm-page {
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.mm-ismenu {
	background: #3c3c3d ;
}
.mm-menu {
	color: #fff;
}
.mm-menu .mm-list > li:after {
	border-color: rgba(255, 255, 255, 0.15);
}
.mm-menu .mm-list > li > a.mm-subclose {
	background: rgba(0, 0, 0, 0.2);
	color: #fff; border-bottom: 1px solid #fff;
}
.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before {
	border-color: rgb(255, 255, 255);
}
.mm-menu .mm-list > li > a.mm-subopen:before {
	border-color: rgba(0, 0, 0, 0.15);
}
.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen), .mm-menu .mm-list > li.mm-selected > span {
	background: rgba(0, 0, 0, 0.1);
}
.mm-menu .mm-list > li.mm-label {
	background: rgba(255, 255, 255, 0.05);
}
.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen, .mm-menu.mm-vertical .mm-list li.mm-opened > ul {
	background: rgba(255, 255, 255, 0.05);
}
html.mm-opened.mm-opening .mm-page, html.mm-opened.mm-opening #mm-blocker, html.mm-opened.mm-opening .mm-fixed-top, html.mm-opened.mm-opening .mm-fixed-bottom {
	left: 80%;
}
.mm-menu {
	width: 80%;
	font-size: 18px;
}
 @media all and (max-width: 175px) {
.mm-menu {
	width: 140px;
}
html.mm-opened.mm-opening .mm-page, html.mm-opened.mm-opening #mm-blocker, html.mm-opened.mm-opening .mm-fixed-top, html.mm-opened.mm-opening .mm-fixed-bottom {
	left: 140px;
}
}
@media all and (min-width: 550px) {
.mm-menu {
	width: 440px;
}
html.mm-opened.mm-opening .mm-page, html.mm-opened.mm-opening #mm-blocker, html.mm-opened.mm-opening .mm-fixed-top, html.mm-opened.mm-opening .mm-fixed-bottom {
	left: 440px;
}
}
html.mm-nooverflowscrolling.mm-opened {
	height: auto;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: scroll;
}
html.mm-nooverflowscrolling.mm-opened body {
	overflow: auto;
}
html.mm-nooverflowscrolling.mm-opened .mm-page {
	min-height: 1000px;
	position: fixed;
}
html.mm-nooverflowscrolling.mm-opened .mm-menu {
	height: auto;
	min-height: 1000px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	left: auto;
	top: auto;
}
html.mm-nooverflowscrolling.mm-opened > .mm-panel {
	position: relative;
	height: auto;
	display: none;
	left: 0;
}
html.mm-nooverflowscrolling.mm-opened > .mm-panel.mm-current {
	display: block;
}
body {
    margin: 0px;
    padding: 0px; 
}

ul.resp-tabs-list  {
    margin: 0px;
    padding: 0px;
	margin-bottom: 20px !important;
}

.resp-tabs-list li {
    font-size: 18px;
    padding: 16px 0px;
    list-style: none;
    cursor: pointer;
    display: inline-block;
    width: 30.5%;
    float: left;
       text-align: right;
    padding-right:4%;
	color:#626365;
	letter-spacing: 4px;
    margin-right: 48px;
    border: solid 1px #626365; 
	position:relative;
}
.resp-tabs-list li:last-child{margin-right:0px;}

.resp-tabs-container {
    padding: 0px;
    
    clear: left;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    padding: 15px 0px;
	   width: 100%;
    position: relative;
    float: left;    margin-bottom: 30px;
} 
  .resp-tab-content:before{    position: absolute; width: 200%; height: 100%; top:0px; left: -50%; content: ""; background: #626365; z-index: -1;} 

.resp-tab-active {
	border: 1px solid #626365 !important;
	   background-color: #626365 !important;  
	   color:#fff !important;
	 
 
}
 
.resp-content-active, .resp-accordion-active {
    display: block;
}

.resp-tab-content {
   /*  border: 1px solid #c1c1c1;
	border-top-color: #5AB1D0; */
}

h2.resp-accordion {
       font-size: 16px;
    letter-spacing: 3px;
    border: 1px solid #c1c1c1;
    border-top: 0px solid #c1c1c1;
    margin: 0px;
    padding: 10px 15px;
}

h2.resp-tab-active {
    border-bottom: 0px solid #c1c1c1 !important;
    margin-bottom: 0px !important;
    padding: 10px 15px !important;
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #c1c1c1 !important;
    background: blue;
}

/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0 0 4px;
    cursor: pointer;
    float: none;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    
    float: left;
    width: 100%;
    min-height: 0;
    border-radius: 4px;
    clear: none;
}

.resp-vtabs .resp-tab-content {
    border: none;
    word-wrap: break-word;
}

.resp-vtabs li.resp-tab-active { 
position: relative;
z-index: 1;
margin-right: -1px !important;
padding: 14px 15px 15px 14px !important;
border-top: 1px solid;
border: 1px solid #5AB1D0 !important;
border-left: 4px solid #5AB1D0 !important;
margin-bottom: 4px !important;
border-right: 1px #FFF solid !important;
}

.resp-arrow {
  width: 10px !important;
    height: 10px;
    margin-top: -2px;
    border-top: none;
    border-right: none;
    border-bottom: solid 1px #FFF;
    border-left: solid 1px #FFF;
    transform: rotate(-45deg);
    float: right !important;
}

h2.resp-tab-active span.resp-arrow {
  float: right;
    width: 10px;
    height: 10px;
    margin-top: 5px;
    border-top: none;
    border-right: none;
    border-bottom: solid 1px #000;
    border-left: solid 1px #000;
    transform: rotate(-225deg);
}

/*-----------Accordion styles-----------*/
h2.resp-tab-active {
background: #DBDBDB !important;
    color: #000;
	    border: 1px solid #fff !important;
		border-bottom: 0px !important;
}

.resp-easy-accordion h2.resp-accordion {
    display: block;
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1;/* !important;*/
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1;/* !important;*/
}
@media only screen and (min-width:1024px) and (max-width:1169px){
	.resp-tabs-list li {
    margin-right: 40px;
}
	.resp-tabs-list li:last-child{margin-right:0px;}
}
/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {
    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
		    float: left;
    width: 100%;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: 100px;
        clear: none;
    }

    .resp-accordion-closed {
        display: none !important;
    }

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }
	.resp-tab-content {
    padding: 15px;
 border: 1px solid #fff;
    margin: 0px;
}
.resp-tab-content:before{display:none;}
#parentHorizontalTab{    float: left; margin-bottom:20px !important }
  
}
@media only screen and (max-width: 767px) {
	
}
* {
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
}

:focus {
    outline: 0;
}

/* remember to highlight inserts somehow! */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

img,
img a {
    border: 0;
    outline: 0;
}

a {
    color: #000;
    text-decoration: none;
}

a:hover {
    color: #000;
    text-decoration: underline;
}

.clear {
    clear: both;
    float: left;
    width: 100%;
}

.clearFix {
    clear: both;
    height: 0;
}

textarea {
    resize: none;
}

body {
    margin: 0 auto;
    padding: 0px;
    font-size: 62.5%;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    overflow-x: hidden;
}

@font-face {
    font-family: 'titilliumtext22l600_wt';
    src: url('../../../etc/scripts/csr/fonts/titilliumtext22l004_1-webfont.eot');
    src: url('../../../etc/scripts/csr/fonts/titilliumtext22l004_1-webfont.eot?#iefix') format('embedded-opentype'), url('../../../etc/scripts/csr/fonts/titilliumtext22l004_1-webfont.woff') format('woff'), url('../../../etc/scripts/csr/fonts/titilliumtext22l004_1-webfont.ttf') format('truetype'), url('../../../etc/scripts/csr/fonts/titilliumtext22l004_1-webfont.svg#titilliumtext22l600_wt') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titilliumtext22l250_wt';
    src: url('../../../etc/scripts/csr/fonts/titilliumtext22l002_1-webfont.eot');
    src: url('../../../etc/scripts/csr/fonts/titilliumtext22l002_1-webfont.eot?#iefix') format('embedded-opentype'), url('../../../etc/scripts/csr/fonts/titilliumtext22l002_1-webfont.woff') format('woff'), url('../../../etc/scripts/csr/fonts/titilliumtext22l002_1-webfont.ttf') format('truetype'), url('../../../etc/scripts/csr/fonts/titilliumtext22l002_1-webfont.svg#titilliumtext22l250_wt') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensedregular';
    src: url('../../../etc/scripts/csr/fonts/robotocondensed-regular-webfont.eot');
    src: url('../../../etc/scripts/csr/fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../../etc/scripts/csr/fonts/robotocondensed-regular-webfont.woff') format('woff'), url('../../../etc/scripts/csr/fonts/robotocondensed-regular-webfont.ttf') format('truetype'), url('../../../etc/scripts/csr/fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condenseditalic';
    src: url('../../../etc/scripts/csr/fonts/robotocondensed-italic-webfont.eot');
    src: url('../../../etc/scripts/csr/fonts/robotocondensed-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../../../etc/scripts/csr/fonts/robotocondensed-italic-webfont.woff') format('woff'), url('../../../etc/scripts/csr/fonts/robotocondensed-italic-webfont.ttf') format('truetype'), url('../../../etc/scripts/csr/fonts/robotocondensed-italic-webfont.svg#roboto_condenseditalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

#wrapper {
    width: 100%;
}

.bannerWrapper .pagination .prev,
.bannerWrapper .pagination .next,
.bannerWrapper .pagination li,
.structureList>li ul li {
    background: url(clientlib-base/images/sprite.png) no-repeat 0 0;
}

.pR10 {
    padding-right: 5px;
}

.pT5 {
    padding-top: 5px;
}

.pT10 {
    padding-top: 10px;
}

.pT15 {
    padding-top: 15px;
}

.height40 {
    height: 40px;
}

/* start slider */
.bannerWrapper {
    width: 100%;
    margin: 0 auto
}

.bannerContainer {
    width: 100%;
    height: 532px;
    overflow: hidden;
}

.bannerContainer ul {
    width: 10000px;
}

.bannerContainer li {
    float: left;
    height: 532px;
}

.bannerContainer li.banner1 {
    background: url(clientlib-base/images/indusind-csr-bank-banner-2.jpg) no-repeat center 0
}




/*.bannerContainer li.banner1 { background:url(../../../etc/scripts/csr/images/indusind-bank-banner-1.jpg) no-repeat center 0 }*/
.bannerContainer li .bannerText {
    width: 1025px;
    margin: 0 auto;
    color: #fff;
    padding-top: 158px;
}

.bannerContainer li .bannerText p {
    font-family: 'titilliumtext22l600_wt';
    text-transform: uppercase;
    font-size: 4.3em;
    padding-left: 6px;
}

.bannerContainer li .bannerText p.fontChange {
    font-family: 'titilliumtext22l250_wt';
    padding-left: 49px;
    font-size: 4.2em;
    padding-bottom: 15px;
    line-height: 45px;
}

.bannerContainer li .bannerText a {
    font-family: 'titilliumtext22l600_wt';
    font-size: 1.5em;
    margin-left: 425px;
    border: 1px solid #fff;
    padding: 0px 8px;
    color: #fff;
    opacity: 0.6;
    background: #3a3a3a;
    float: left;
    filter: alpha(opacity=60)
}

.bannerContainer li .bannerText a:hover {
    text-decoration: none;
}

.paginationWrapper {
    position: absolute;
    top: 372px;
    z-index: 2;
    width: 100%;
    text-align: center;
}

.bannerWrapper .pagination {
    margin: 0 auto;
}

.bannerWrapper .pagination ul {
    float: left;
}

.bannerWrapper .pagination .prev,
.bannerWrapper .pagination .next,
.bannerWrapper .pagination li {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    background-position: 0 -2px;
    cursor: pointer;
    float: left
}

.bannerWrapper .pagination .next {
    background-position: -65px -2px
}

.bannerWrapper .pagination li {
    background-position: -41px -1px
}

.bannerWrapper .pagination li.active {
    background-position: -19px -1px;
}

.csr {
    padding-left: 20px;
}

.csr1 {
    padding-left: 20px;
}

.csr li {
    padding: 5px;
}

.csr1 li {
    padding: 5px;
    list-style-type: circle;
}


/* end slider */


/* start top Nav */
.header {
    position: absolute;
    width: 100%;
    top: 0;
}

.topContainer {
    width: 1025px;
    margin: 0 auto;
}

.topNav {
    background-color: #bc3f3d;
    float: left;
    width: 783px;
}

.header .logo {
    float: left;
}

.topNav ul.navLink {
    height: 16px;
    padding: 22px 0 21px 52px;
}

.topNav ul {
    float: left;
    width: 730px;
}

.topNav ul.navLink li {
    padding: 0 28px 0 0;
    position: relative;
}

.topNav ul li {
    float: left;
}

.topNav ul.navLink li {
    font-weight: bold;
    color: #ffffff;
    font-size: 1.2em;
}

.topNav ul.navLink li a {
    color: #ffffff;
    font-weight: normal;
}

/* end top Nav */

/* start middleWrapper */
.middleWrapper,
.videoWrapper {
    width: 100%;
}

.int-middleWrapper,
.int-videoWrapper {
    width: 1025px;
    margin: 0 auto
}

.homePageBlock {
    margin-top: -138px;
}

.homePageBlock2 {
    /*background: #dcdcdc;padding: 10px 19px;*/
    position: relative;
    margin-top: -1px;
    float: left;
    clear: both;
    width: 100%;
}

.latestNews1 {
    width: 46%;
    padding: 10px 19px;
    float: left;
    border-right: 1px dotted #777;
    background: #dcdcdc;
    height: 65px;
}

.latestNews2 {
    width: 46%;
    padding: 10px 19px;
    float: left;
    background: #dcdcdc;
    height: 65px;
}

.homePageBlock2 p.text {
    color: #505050;
    font-size: 1.2em;
    line-height: 18px;
    padding: 5px 0;
}

.block {
    width: 318px;
    float: left;
    margin-right: 33px;
}

.block.last {
    margin-right: 0;
}

.content span {
    color: #bc3f3d;
}

.content span.n-size {
    color: #bc3f3d;
    display: block;
    font-size: 1.2em;
    font-family: Arial, Helvetica, sans-serif;
    text-align: justify;
}

.content p {
    padding-top: 10px;
    padding-bottom: 5px;
}

.content a {
    color: #bc3f3d
}

.contentBox {
    width: 280px;
    height: 200px;
    background: #dcdcdc;
    padding: 10px 19px;
    position: relative;
    margin-top: -1px;
}

.contentBox h2 {
    text-align: center;
    color: #bc3f3d;
    font-size: 2em;
    line-height: 30px;
    font-family: 'roboto_condensedregular';
    font-weight: normal;
}

.contentBox p.text {
    color: #505050;
    font-size: 1.2em;
    line-height: 18px;
    padding: 5px 0;
}

.contentBox .know-more,
.int-videoWrapper .know-more,
.projectGallery {
    color: #bc3f3d;
    font-size: 1.1em;
    float: right;
    font-weight: bold;
    background: url(clientlib-base/images/know-more.png) no-repeat right 5px;
    padding-right: 8px;
    margin-right: 10px;
}

.homePageBlock2 .know-more {
    color: #bc3f3d;
    font-size: 1.1em;
    /*float:right; */
    font-weight: bold;
    background: url(clientlib-base/images/know-more.png) no-repeat right 5px;
    padding-right: 8px;
    margin-right: 10px;
}

.contentBox .greyLine {
    clear: both;
    width: 318px;
    height: 1px;
    border-bottom: 1px solid #c9c9c9;
    margin-left: -19px;
    padding: 5px 0;
}

.imgIntBlock {
    float: left;
    padding-top: 5px;
    text-align: center;
    width: 133px;
}

.imgIntBlock.pR10 {
    width: 140px;
}

.imgIntBlock h3 {
    font-size: 1.1em;
    color: #353535;
    padding: 6px 0;
}

.projectGallery {
    padding-top: 7px;
    background-position: right 13px
}

.contentBox-arrow {
    background: url(clientlib-base/images/contentBox-arrow.png) no-repeat center 0;
    width: 24px;
    height: 12px;
    margin: 0 auto;
}

.videoWrapper {
    background: #2d2d2d;
    padding: 15px 0 25px 0;
    float: left;
}

.videoWrapper h2 {
    color: #ffffff;
    font-size: 2.1em;
    padding-bottom: 10px;
    font-family: 'roboto_condensedregular';
    font-weight: normal;
}

.videoWrapper li {
    width: 318px;
    float: left;
    margin-right: 33px;
    cursor: pointer;
}

.videoWrapper li img {
    float: left;
}

.videoWrapper li.content {
    background: #dcdcdc;
    height: 128px;
    padding: 15px 14px;
    width: 290px;
    margin-right: 0;
    cursor: default;
}

.videoWrapper li.content h3 {
    color: #bc3f3d;
    font-size: 2.2em;
    padding-bottom: 8px;
    font-family: 'roboto_condensedregular';
    font-weight: normal;
}

.videoWrapper li.content p {
    color: #3c3c3c;
    font-size: 1.2em;
    line-height: 18px;
    float: left;
    width: 200px;
    padding-left: 15px;
    padding-top: 0px;
}

.videoWrapper li.content img {
    padding-top: 15px;
}

/* end middleWrapper */

/* start primaryFooter */
.primaryFooter {
    background-color: #BC3F3D;
    clear: both;
    margin: 0 auto 64px;
    padding: 5px 10px 0;
    width: 1005px;
    font-family: 'roboto_condensedregular';
    clear: both;
    height: 35px;
}

.primaryFooter ul {
    float: left;
    width: 100%;
    padding: 3px 0;
}

.primaryFooter ul li {
    background: url("../../../etc/scripts/csr/images/wht-sep.jpg") no-repeat scroll right 6px transparent;
    float: left;
    padding: 0 6px;
}

.primaryFooter ul li.first {
    border-right: 1px solid #dea2a1;
}

.primaryFooter ul li a,
.primaryFooter ul li label {
    color: #EBC6C5;
    font-size: 1.3em;
    text-transform: uppercase;
    line-height: 13px;
}

.primaryFooter ul li label {
    float: left;
}

.primaryFooter .copyright {
    color: #EBC6C5;
    float: left;
    font-size: 1.1em;
    float: right;
    font-family: 'roboto_condensedregular';
    text-transform: uppercase;
}

/* end primaryFooter */

/* start secondFooterWrapper */
.secondFooterWrapper {
    background: url("../../../etc/scripts/csr/images/footer-bg.jpg") repeat scroll left top transparent;
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 10;
    font-family: 'roboto_condensedregular';
    height: 65px;
}

.secondFooter {
    margin: 0;
    padding: 12px 10px 0 10px;
    width: 780px;
    height: 55px;
    position: relative;
}

.socialIcon {
    float: right;
    padding: 11px 0 0;
}

.secondFooter ul li {
    cursor: pointer;
    float: left;
    padding: 0 7px;
    position: relative;
}

.secondFooter ul li a {
    color: #FFFFFF;
    font-size: 1.4em;
}

.leftContent {
    float: left;
}

.leftContent p {
    float: left;
    padding: 1px 40px 2px 13px;
    color: #fff;
    font-size: 1.3em;
    white-space: nowrap
}

.impLinks {
    width: 945px;
    margin: 0 auto;
    padding: 22px 0 0 0;
    margin-bottom: -1px;
    clear: both;
}

/* end secondFooterWrapper */

/* start videoBoxWrapper */

.videoBoxWrapper,
.imgBoxWrapper {
    background-color: #262626;
    border-radius: 5px 5px 5px 5px;
    display: none;
    left: 0;
    padding: 10px;
    position: fixed;
    top: 0;
    width: 540px;
    z-index: 11;
}

.imgBoxWrapper {
    width: 750px;
}

.videoBoxWrapper .videoBox,
.imgBoxWrapper .videoBox {
    background-color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    padding: 10px;
    width: 520px;
}

.videoBoxWrapper .videoBox,
.imgBoxWrapper .videoBox {
    background-color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    padding: 10px;
    width: 520px;
}

.imgBoxWrapper .videoBox {
    width: 750px;
}

.nextVideo,
.prevVideo {
    background: url("../../../etc/scripts/csr/images/icon-set.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    height: 40px;
    position: absolute;
    top: 45%;
    width: 38px;
}

.nextVideo {
    background-position: -207px -114px;
    right: 10px;
}

.prevVideo {
    background-position: -207px -72px;
    left: 10px;
}

.videoClose,
.imageViewClose {
    background: url("../../../etc/scripts/csr/images/video-close-btn.png") no-repeat scroll left top transparent;
    cursor: pointer;
    height: 28px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 29px;
    z-index: 12;
}

.imageViewClose {
    right: -4px;
}

.videoBoxWrapper .videoBox h2,
.imgBoxWrapper .videoBox h2 {
    color: #842625;
    float: left;
    line-height: 40px;
    font-size: 2.8em;
    font-weight: normal;
    width: 100%;
}

.overlay {
    background-color: #000000;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    filter: alpha(opacity=80);
}

.overlay img {
    position: fixed;
    top: 48%;
    left: 48%;
}

.imgBoxWrapper .videoBox h2 {
    padding-left: 24px;
}

/* end videoBoxWrapper */

/* start internal page */
.left-nav,
.mid-right-content {
    margin-top: 28px;
    float: left;
}

.int-banner,
.int-banner-img {
    width: 100%;
}

.int-banner .bannerWrapper {
    position: absolute;
    width: 100%;
}

.int-banner .bannerText {
    color: #FFFFFF;
    margin: 0 auto;
    padding-top: 115px;
    width: 1025px;
}

.int-banner .bannerText p {
    font-family: 'titilliumtext22l600_wt';
    font-size: 4.3em;
    padding-left: 65px;
    text-transform: uppercase;
}

.int-banner .bannerText p.fontChange {
    font-family: 'titilliumtext22l250_wt';
    font-size: 4.2em;
    line-height: 45px;
    padding-bottom: 15px;
    padding-left: 110px;
}

.int-banner-img img {
    width: 100%;
    overflow: hidden;
    /*height:442px;*/
}

/* start left nav */
.left-nav {
    width: 258px;
    margin-right: 25px;
    background: url(clientlib-base/images/left-nav-bg.png) repeat-y right 0 #ececec;
}

.left-nav ul {}

.left-nav li a {
    border-bottom: 1px solid #cfcdcd;
    color: #6a6a6a;
    font-family: 'roboto_condensedregular';
    font-size: 1.6em;
    padding: 12px 0 12px 18px;
    display: block
}

.left-nav li.active>a {
    background: url(clientlib-base/images/arrow-int-nav.png) no-repeat 240px 20px #bc3f3d;
    color: #fff;
}

.subManu {
    display: none;
}

.left-nav li.active div {
    display: block;
}

.left-nav li.active div li a {
    padding-left: 30px;
}

.left-nav li.active li.active a {
    background: #c3c1c1
}

/* end left nav */

/* start mid-right-content */
.mid-right-content {
    width: 730px;
}

.breadcrum {
    color: #bc3f3d;
    font-family: 'roboto_condensedregular';
    font-size: 1.3em;
    color: #686868;
    padding-bottom: 10px;
}

.breadcrum span {
    color: #bc3f3d;
    padding-left: 6px;
}

.breadcrum a {
    color: #686868;
    padding: 0 6px;
}

.breadcrum a.first {
    padding-left: 0;
}

.mid-right-content .content {
    color: #565656;
    font-size: 1.2em;
    line-height: 20px;
}

/*.mid-right-content .redBlockText { font-size:1.6em; color:#fff; padding:15px 30px; font-family: 'roboto_condenseditalic'; background:#bc3f3d; width:575px; line-height:27px; margin:12px 0 12px 50px }*/
.mid-right-content .whiteBlockText {
    padding: 15px 20px;
    font-family: "roboto_condenseditalic";
    line-height: 25px;
    font-style: italic;
    margin-bottom: 20px;
    font-size: 1.3em;
}

.mid-right-content .whiteBlockText .redQutes {
    color: #BC3F3D;
    font-size: 1.3em;
}


.mid-right-content .whiteBlockTextApproach {
    padding: 15px 20px;
    font-family: "roboto_condenseditalic";
    line-height: 25px;
    font-style: italic;
    margin-bottom: 20px;
    font-size: 1.3em;
}

.mid-right-content .whiteBlockTextApproach img {
    float: left;
    width: 180px;
    margin-right: 20px;
}

.mid-right-content .whiteBlockTextApproach p {
    width: 100%;
    float: left;
}

.mid-right-content .whiteBlockTextApproach .redQutes {
    color: #BC3F3D;
    font-size: 1.3em;
}


.mid-right-content .redBlockText p {
    text-align: center;
}

.mid-right-content .redBlockText h3 {
    font-weight: normal;
    font-family: 'Arial';
    font-size: 1em;
    text-align: right;
    padding-top: 2px;
}

.mid-right-content .projectText {
    width: 692px;
    background: #ededed;
    padding: 0 20px;
    margin-top: 20px;
}

.mid-right-content .projectText h2 {
    font-family: 'roboto_condensedregular';
    font-size: 1.7em;
    color: #2c2c2c;
    padding-bottom: 10px;
    font-weight: normal;
}

.mid-right-content .projectText h3 {
    font-size: 1.1em;
    color: #353535;
    font-weight: bold;
    text-align: center;
    padding-bottom: 5px;
}

.mid-right-content .projectText p {
    font-size: 1.1em;
    color: #565656;
    line-height: 17px;
}

.mid-right-content .projectText li {
    width: 178px;
    margin-right: 12px;
    float: left;
    padding-top: 20px;
}

.mid-right-content .projectText li.content {
    width: 280px;
    margin-right: 20px;
}

.mid-right-content .projectText .projectGallery {
    background: url("../../../etc/scripts/csr/images/know-more.png") no-repeat scroll right 11px transparent;
    color: #BC3F3D;
    float: right;
    font-size: 1.1em;
    font-weight: bold;
    padding: 5px 12px 20px 0;
    margin-right: 10px;
}

.site-detail-block {
    background: #2d2d2d;
    width: 100%;
    padding: 23px 0;
}

.int-site-detail-block {
    width: 1025px;
    margin: 0 auto;
}

.int-site-detail-block .redBlock .contentBox {
    background: #bc3f3d;
    color: #fff;
}

.redBlock .contentBox p.text,
.redBlock .contentBox h2 {
    color: #fff;
}

.redBlock .contentBox ul {
    padding-top: 12px;
}

.redBlock .contentBox li {
    padding: 4px 15px;
    background: url(clientlib-base/images/arrow-white.png) no-repeat 5px 8px;
}

.int-site-detail-block .block {
    margin-right: 34px;
}

.int-site-detail-block .block.last {
    margin-right: 0;
}

.redBlock .contentBox li a {
    color: #fff;
    font-size: 1.2em;
}

.offscreen,
.copyrightTxt {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* end mid-right-content */

/* start Corporate Social Responsibility */
.subTitile-1,
.subTitile-2 {
    font-family: 'roboto_condensedregular';
    color: #2c2c2c;
    /*font-size:1.5em;*/
    padding-bottom: 5px;
    font-size: 1.7em;
}

.subTitile-2 {
    font-size: 2em;
    float: left;
}

.structureList {
    margin-left: 20px;
}

.structureList>li {
    padding-bottom: 10px;
}

.structureList>li ul {
    padding: 10px 0 5px 0;
}

.structureList>li ul li {
    background-position: -6px -25px;
    padding: 0 0 2px 15px;
}

.structureList .olStyle {
    float: left;
    font-weight: bold;
    margin-left: -20px;
}

/* end Corporate Social Responsibility */


/* start project*/
.thumImgScroll {
    /*background:#e5e5e5; */
}

.thumImgUl img {
    border: 0;
    /*cursor:pointer;*/
}

.smallOrangArrow {
    background-repeat: no-repeat;
    background-position: -157px -7px;
    width: 23px;
    height: 23px;
    display: block;
    background-color: #ff9746;
    float: right;
    margin: 65px 12px 0 0;
}

.sliderSection {
    width: 100%;
}

.thumImgScroll {
    width: 100%;
    padding: 25px 5px 0;
    height: 300px;
    float: left;
}

.thum_pre,
.thum_next {
    width: 36px;
    height: 36px;
    float: left;
    cursor: pointer;
    background: url(clientlib-base/images/sprite-2.png) no-repeat -4px -85px;
    margin: 114px 5px 0 10px;
}

.thum_next {
    float: right;
    background-position: -78px -84px;
    margin: 114px 10px 0;
}

.thum_pre.disable {
    background-position: -1px -45px;
}

.thum_next.disable {
    background-position: -75px -44px;
}

.thumImgs {
    width: 560px;
    overflow: hidden;
    height: 300px;
    float: left;
    margin: 0 0 0 35px;
}

.thumImgUl {
    width: 10000px;
}

.thumImgUl li {
    float: left;
    height: 270px;
    margin: 0 25px 0 0;
    padding: 1px 0 1px 1px;
    width: 270px;
}

.thumImgUl li h4 {
    font-family: 'roboto_condensedregular';
    color: #5c5c5c;
    font-size: 1.5em;
    font-weight: normal;
    text-align: center;
    padding-top: 5px;
}

/* end project*/
.discStyle {
    list-style: disc;
    margin-left: 30px;
}

.redBlock .contentBox li {
    font-size: 1.2em;
    clear: both;
}

.secondFooterWrapper p a {
    color: #fff;
}

.left {
    float: left;
}

.release li {
    padding-bottom: 10px;
}

.release li p {
    font-size: 0.9em;
    color: #222;
    line-height: 16px;
}

.release li div {
    float: left;
    padding-right: 10px;
    height: 40px;
    padding-top: 5px;
}

.release li a {
    color: #565656;
}

.height150 {
    height: 145px;
}

.height165 {
    height: 165px;
}

.homePageBlock .contentBox {
    /*height:310px;*/
}

/* start Sitemap Starts */
.media-mansion li {
    /*float:left; width:350px; padding-bottom:20px;*/
    float: left;
    width: 350px;
    padding-bottom: 20px;
    min-height: 135px;
    width: 166px;
}

.media-mansion li div.media-content {
    padding: 0 10px 10px 10px;
    float: left;
    width: 180px;
    line-height: 18px;
}

.media-mansion li div.left {
    border: 1px solid #b1b1b1;
}

.media-mansion li div.left img {
    cursor: pointer;
}

.imageView {
    background-color: #fff;
    display: none;
    border-radius: 5px 5px 5px 5px;
    left: 0;
    padding: 10px;
    position: absolute;
    top: 0;
    z-index: 11;
}

.imageViewClose {
    top: -10px;
    right: -10px;
}

.imgBoxWrapper .videoBox div.img {
    text-align: center;
}

.imgBoxWrapper .videoBox div.img img {
    padding: 10px 0 20px 0;
}


.bannerContainer li.banner2 {
    background: url(clientlib-base/images/indusind-csr-bank-banner-1.jpg) no-repeat center 0
}

.bannerContainer li.banner3 {
    background: url(clientlib-base/images/indusind-csr-bank-banner-3.jpg) no-repeat center 0
}

/*
.bannerContainer li.banner2 { background:url(../../../etc/scripts/csr/images/indusind-bank-banner-3.jpg) no-repeat center 0 }
.bannerContainer li.banner3 { background:url(../../../etc/scripts/csr/images/indusind-bank-banner-4.jpg) no-repeat center 0 }
.bannerContainer li.banner4 { background:url(../../../etc/scripts/csr/images/indusind-bank-banner-5.jpg) no-repeat center 0 }
.bannerContainer li.banner5 { background:url(../../../etc/scripts/csr/images/indusind-bank-banner-2.jpg) no-repeat center 0 }*/
/* end Sitemap Starts */

/* Sitemap Starts */
.SiteMap {
    padding-bottom: 60px;
    padding-left: 30px;
}

.siteMenuLt {
    float: left;
    width: 324px;
}

.siteMenu {
    padding: 26px 0 0 0;
}

.siteMenu h3 {
    color: #bc3f3d;
    font-size: 1.8em;
    line-height: 1.5em;
}

.siteMenu ul li {
    background: url(clientlib-base/images/siteMenuLiBg.gif) left top no-repeat;
    padding: 10px 0 7px 30px;
}

.siteMenu ul li a {
    color: #383535;
    font-size: 1.4em;
    line-height: 1.3em;
}

.siteMenu ul li a:hover {
    color: #bc3f3d;
    text-decoration: underline;
}

.siteMenu ul li.Lastmap {
    background: url(clientlib-base/images/sitemapNavLt.gif) left top no-repeat;
}

.siteMenu ul li.colpsLastmap {
    background: url(clientlib-base/images/collapsLast.gif) left -6px no-repeat;
    cursor: pointer;
}

.siteMenu ul li.colps {
    background: url(clientlib-base/images/expandCollaps.gif) left top no-repeat;
    cursor: pointer;
}

.siteMenu ul li.colps.Expandmenu {
    background-position: 0 -514px;
}

.siteMenu ul li.colpsLastmap.Expandmenu {
    background: url(clientlib-base/images/expandLast.gif) left -6px no-repeat;
}

.siteMenu ul li ul.subSitemap {
    display: none;
}

.siteMenu ul li ul.subSitemap li a {
    color: #383535;
    font-size: 1.2em;
    line-height: 1.3em;
}

.siteMenu ul li ul.subSitemap li ul.subSubSitemap {
    display: none;
}

.siteMenu ul li ul.subSitemap li ul.subSubSitemap li a {
    color: #383535;
    font-size: 1.2em;
    line-height: 1.3em;
}

.siteMenu ul li ul.subSitemap li ul.subSubSitemap li a:hover,
.siteMenu ul li ul.subSitemap li a:hover {
    color: #bc3f3d;
    text-decoration: underline;
}

.primaryFooter li:hover a {
    text-decoration: underline;
}

/* Sitemap End */

.tnc,
.privacy {
    font-size: 1.2em;
}

.tnc ul,
.privacy ul {
    margin-left: 20px
}

.tnc ul li {
    padding: 10px 0;
    list-style: disc outside none;
}

.privacy ul li {
    padding: 5px 0;
    list-style: disc outside none;
}

.reportPdf {
    float: left;
    padding: 5px;
}

.reportPdf .left img {
    padding-top: 0px !important;
}

.reportPdf p {
    color: #3C3C3C;
    font-size: 1.3em;
}

/* Awards */

.content .awardsH {
    background: url(clientlib-base/images/expand-icon.png) 98% 7px no-repeat #EDEDED;
    float: left;
    font-size: 1.3em;
    color: #666;
    line-height: 35px;
    margin: 0 0 5px;
    padding: 0 40px 0 10px;
    cursor: pointer;
    width: 680px;
    clear: both;
    font-weight: bold;
    border-top: 3px solid #d08281;
}

.content .awardsC {
    display: none;
    float: left;
    margin-bottom: 10px;
    width: 100%;
    clear: both;
}

.content .awardsC p {
    /*font-size: 1.3em;padding:  5px 15px;line-height: 1.4em;*/
}

.content .awardsC p.intro {
    font-size: 1.3em;
}

.content .awardsC p.intro span {
    font-size: 0.9em !important;
    color: #565656 !important
}

.content .awardsH.active {
    background: url(clientlib-base/images/collapse-icon.png) 98% 7px no-repeat #EDEDED;
    border-bottom: none;
    border-top: 3px solid #d08281;
}

.content .awardsC .inn-wrap {
    float: left;
    width: 610px;
    margin: 10px 0 0 30px;
}

.content .awardsC .inn-wrap .awardsH {
    background: url(clientlib-base/images/expand-icon.png) 98% 7px no-repeat #EDEDED;
    float: left;
    font-size: 1.2em;
    color: #666;
    line-height: 35px;
    margin: 0 0 5px;
    padding: 0 40px 0 10px;
    cursor: pointer;
    width: 100%;
    clear: both;
    font-weight: bold;
    border-top: 1px solid #d08281;
}

.content .awardsC .inn-wrap .awardsC {
    display: none;
    float: left;
    margin-bottom: 10px;
    width: 100%;
    clear: both;
}

.content .awardsC .inn-wrap .awardsH.active {
    background: url(clientlib-base/images/collapse-icon.png) 98% 7px no-repeat #EDEDED;
    border-bottom: none;
    border-top: 1px solid #d08281;
}

.content .awardsC .inn-wrap .awardsC img {
    width: 45%;
    padding: 15px 20px 0 0
}

.content .awardsC .inn-wrap .awardsC img.single-img {
    width: 100%;
}

.content .awardsC .inn-wrap .awardsC ul li {
    list-style: disc;
    margin-left: 25px;
}

.content .awardsC .inn-wrap .awardsC h3 {
    font-size: 1.2em !important;
    font-family: Arial, Helvetica, sans-serif;
    float: left;
}

.content .awardsC .inn-wrap .awardsC .content p {
    float: left;
    font-size: 0.9em;
    text-align: justify;
    width: 100%;
}

.content .awardsC .inn-wrap .awardsC .content p.note {
    color: #d08281;
}

.content .awardsC .inn-wrap .awardsC .content ul.red-txt li {
    font-size: 0.9em;
    color: #d08281;
    padding-bottom: 10px;
}

.content .awardsC .inn-wrap .awardsC .content ul li {
    font-size: 0.9em;
}

.content .awardsC ul {
    float: left;
}

.content .awardsC ul li {
    list-style: disc;
    margin-left: 25px;
}


.discStyleAward li {
    float: left;
    margin: 7px 0;
    width: 100%
}

.discStyleAward li a {
    color: #BC3F3D;
    cursor: pointer;
}

.discStyleAward li img {
    float: left;
}

.discStyleAward li p {
    float: left;
    width: 82%;
    margin-left: 10px;
    padding-top: 0px;
}

.discStyleAwardCommittee li {
    float: left;
    margin: 20px 0;
    width: 100%
}

.discStyleAwardCommittee li a {
    color: #BC3F3D;
    cursor: pointer;
}

.discStyleAwardCommittee li img {
    float: left;
    width: 270px;
}

.discStyleAwardCommittee li p {
    float: left;
    width: 60%;
    margin-left: 10px;
    padding-top: 0px;
    font-size: small !important;
    text-align: justify;
}

.redAward {
    font-weight: bold;
    color: #BC3F3D;
}

.boldAward {
    font-weight: bold;
    color: #565656 !important;
}

.smallFontAward {
    color: #565656 !important;
    font-size: 0.8em;
    line-height: 15px;
    float: left
}

.reportsPdf ul li {
    float: left;
    width: 100%;
    padding: 10px 0px;
}

.font13 {
    font-size: 1.2em;
    margin-top: 10px;
    padding-bottom: 0px !important;
}

.discStyleAwardCommittee li p.font14 {
    font-size: 1.3em !important;
    ;
}

.discStyleAcyivity li p {
    float: left;
    margin: 0 10px;
}

/*18dec start*/

.fulbody {
    width: 1025px;
}

.fulbody.content .awardsH {
    width: 970px;
}

.fulbody .thumImgs {
    width: 600px;
    margin: 0 0 0 13px;
    height: 410px;
}

.fulbody .thumImgUl li {
    width: 600px;
    height: 410px;
}

.fulbody .thumImgScroll {
    margin: auto;
    width: 725px;
    float: none;
}

.fulbody.content .awardsC p {
    width: 95%;
    margin-bottom: 25px;
}

.gallery2 .thumb_pre,
.gallery2 .thumb_next {
    margin: 190px 10px 0;
}

.gallery2 .thumb_pre,
.gallery2 .thumb_next {
    width: 36px;
    height: 36px;
    float: left;
    cursor: pointer;
    background: url(clientlib-base/images/sprite-2.png) no-repeat -4px -85px;
    margin: 190px 10px 0;
}

.gallery2 .thumb_next {
    float: right;
    background-position: -78px -84px;
    margin: 190px 10px 0;
}

.gallery2 .thumb_pre.disable {
    background-position: -1px -45px;
}

.gallery2 .thumb_next.disable {
    background-position: -75px -44px;
}

/*18 March 2015 starts*/
.gallerythumHeight {
    height: 430px !important;
}

p.galleryingIntro {
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    margin: 5px !important;
    text-align: center;
    width: 100%;
}

/*18 March 2015 ends*/





.prdDeatilWrapper .prdDetailLeft {
    width: 783px;
    float: left;
}

.tabWrapper {
    float: left;
    width: 760px;
    padding: 10px 0 0;
}

.tabWrapper ul {
    background-color: #2C2C2C;
    float: left;
    width: 100%;
}

tabWrapper ul li {
    float: left;
    position: relative;
    cursor: pointer;
}

.tabWrapper ul li.selected a,
.tabWrapper ul li:hover a {
    background-color: #7c7c7c;
    text-decoration: none;
}

.tabWrapper ul li:first-child a {
    padding: 15px 20px 15px 22px;
}

.tabWrapper ul li a {
    background: url(clientlib-base/images/red-dotted-brd.png) left center no-repeat #2c2c2c;
    float: left;
    padding: 15px 7px;
    text-align: center;
    color: #fff;
    font-size: 1.5em;
}

.tabWrapper ul li a h2 {
    font-size: inherit;
}

.tabWrapper ul li.selected span.arrow {
    display: block;
}

.tabWrapper ul li span.arrow {
    width: 0;
    height: 0;
    border: 8px solid;
    background-image: none;
    border-color: #7c7c7c transparent transparent;
    position: absolute;
    left: 50%;
    top: 42px;
    margin: 5px 0 0 -4px;
    display: none;
}

.tabContWrapper {
    background-color: #fff;
    float: left;
    width: 660px;
    padding: 27px 50px 30px;
}

.tabContWrapper,
.termsandcondition {
    min-height: 300px;
}

.tabContWrapper h2 {
    font-size: 2.1em;
    color: #666;
    padding: 0 0 5px;
    display: none;
}

.tabCont div {
    float: left;
}

.tabContWrapper p {
    font-size: 1.3em;
    color: #666766;
    line-height: normal;
    padding: 0 10px 10px 0;
    clear: both;
}
@charset "utf-8";

* {
    padding: 0;
    margin: 0;
}

*,
*::after,
*::before {
    box-sizing: border-box;
}




@font-face {
    font-family: 'icomoon';
    src: url('../../../etc/scripts/crest/fonts/icomoon.eot');
    src: url('../../../etc/scripts/crest/fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('../../../etc/scripts/crest/fonts/icomoon.woff') format('woff'), url('../../../etc/scripts/crest/fonts/icomoon.ttf') format('truetype'), url('../../../etc/scripts/crest/fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-weight: normal;
    line-height: 1;
    font-family: 'Raleway', sans-serif;
    background: #1a1a1a;

}

.footer-links span {
    margin: 0 5px;
}

.footer-links {
    font-size: 0;
}

.main {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.clear {
    clear: both;
}

* ul {
    list-style: none;
    width: 100%;
    float: left;
    margin: 0 !important;
}

* li {
    float: left;
    width: 100%;
}

* img {
    display: block;
}

* a {
    text-decoration: none;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

* a:hover {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    text-decoration: none !important;
}

* p {
    float: left;
    line-height: 1;
    width: 100%;
}

.FL {
    float: left !important;
}

.FR {
    float: right !important;
}

.fl-wdth {
    float: left;
    width: 100%;
}

.container {
    margin: 0 auto;
    width: 1170px;
    max-width: 96%;
}

.no-margin {
    margin: 0px !important;
}

.top-bar {
    background: url(../../../content/dam/indusind/crest/images/crest-benefit-bg.jpg) no-repeat 0px -20px;
    background-size: cover;
    padding: 40px 45px 0px 45px;
}

.left-logo {
    width: 8%;
    margin-bottom: 10px;
}

.navigation-wrap {
    width: 66%;
    min-height: 45px;
}

.right-logo {
    width: 18%;
}

.right-logo img {
    float: right;
}

.navigation-wrap ul {
    text-align: center;
    z-index: 99;
}

.navigation-wrap ul li {
    display: inline-block;
    float: none;
    width: auto;
    position: relative;
    min-height: 42px;
    margin: 0px auto;
    margin-bottom: -3px;
}

.navigation-wrap ul li a {
    float: left;
    width: 100%;
    color: #484848;
    text-transform: uppercase;
    font-weight: 500;
    padding: 8px 20px;
    font-size: 16px;
    letter-spacing: 4px;
    position: relative;
    transition: 0.5s;
}

.navigation-wrap ul li a span {
    position: relative;
    font-size: 15px;
}

.navigation-wrap ul li a:hover {
    color: #000;
    font-weight: 600;
}

.navigation-wrap ul li a span:after {
    position: absolute;
    background: #484848;
    width: 100%;
    height: 1px;
    left: 0;
    content: "";
    bottom: -5px;
    transition: 0.5s;
    transform: scaleX(0);
}

.navigation-wrap ul li a:hover span:after {
    transform: scaleX(1);
    transition: 0.5s;
}

.navigation-wrap ul li.active .sub-menu {
    opacity: 1;
    transition: 0.5s;
}

.navigation-wrap ul li .sub-menu {
    width: auto;
    float: left;
    position: absolute;
    top: 60px;
    left: 0px;
    background: #fff;
    opacity: 0;
    display: block;
    transition: 0.5s;
    z-index: 999
}

.navigation-wrap ul li .sub-menu li {
    width: 100%;
    float: left;
}

.navigation-wrap ul li .sub-menu li a {
    display: block;
}

.navigation-wrap ul li>ul {
    transition: 0.1s;
    position: absolute;
    top: 70px;
    left: 0;
    visibility: hidden;
    opacity: 0;
    width: 180px;
    background: url(../../../content/dam/indusind/crest/images/crest-menu-bg.jpg) no-repeat center;
    background-size: cover;
}

.navigation-wrap ul li>ul li {
    width: 100%;
    float: left;
    margin-bottom: 1px;
}

.navigation-wrap ul li>ul li:last-child {
    margin-bottom: 0px;
}

.navigation-wrap ul li>ul li a {
    padding: 20px;
    display: block;
    letter-spacing: 0px;
}

.navigation-wrap ul li>ul li a:hover {
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
}

.navigation-wrap ul li>ul li a span:after {
    display: none;
}

.navigation-wrap ul li>ul li a:before {
    content: "";
    background: url(../../../content/dam/indusind/crest/images/sub-menu-border.png) no-repeat center;
    width: 90%;
    height: 1px;
    bottom: -1px;
    left: 5%;
    background-size: 100%;
    position: absolute;
}

.navigation-wrap ul li>ul li:last-child a:before {
    display: none;
}

.navigation-wrap ul li:hover>ul {
    transition: 0.5s;
    top: 45px;
    visibility: visible;
    opacity: 1;
}

.navigation-wrap ul li>ul li>ul {
    top: 0;
    left: 125%;
    width: 230px;
}

.navigation-wrap ul li>ul li:hover>ul {
    top: 0;
    left: 100%;
}

.navigation-wrap ul li>ul li>ul>ul li {
    top: 0;
    right: -80%;
    left: initial;
}

.navigation-wrap ul li>ul li>ul li:hover>ul {
    top: 0;
    right: -100%;
}

.banner {
    height: 540px;
    color: #fff;
    display: table;
}

.banner-content-wrapp {
    width: 100%;
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    text-align: center;
}

.banner-content p {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 100;
    letter-spacing: 5px;
    opacity: 0;
    transition: 1s;
    position: relative;
    left: -100px;
}

.banner-content.banner-content-scroll p {
    opacity: 1;
    transition: 1s;
    left: 0;
    transition-delay: 0.5s;
}

.banner-content p span {
    font-weight: 600;
}

@-webkit-keyframes highlight-right {
    0% {
        opacity: 0;
        left: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

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

    100% {
        opacity: 0;
        left: 100%;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes highlight-left {
    0% {
        opacity: 0;
        right: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

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

    100% {
        opacity: 0;
        right: 100%;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes highlight-mirror {
    0% {
        left: -110%;
    }

    100% {
        left: 100%;
    }
}

.highlight-mirror {
    position: absolute;
    animation: highlight-mirror 2s ease-in 0s infinite;
    -webkit-animation: highlight-mirror 2s ease-in 0s infinite;
    margin: 0;
    top: -21px;
    height: 113%;
}

.highlight-right {
    position: absolute;
    animation: highlight-right 2s ease-in 0s infinite;
    -webkit-animation: highlight-right 3s ease-in 0s infinite;
    margin: -20px 0 0 -106px;
    width: auto !important;
}

.highlight-left {
    position: absolute;
    animation: highlight-left 2s ease-in 0s infinite;
    -webkit-animation: highlight-left 3s ease-in 0s infinite;
    margin: -20px -106px 0 0;
    width: auto !important;
}

.banner-card {
    position: relative;
    width: auto;
    float: none;
    display: inline-block;
    margin: 0px auto;
    border-radius: 10px;
    overflow: hidden;
    padding: 0px 0;
    margin: 20px 0px;
    transition: 0.5s;
    opacity: 0;
    position: relative;
    right: -100px;
}

.banner-content.banner-content-scroll .banner-card {
    transition: 1s;
    opacity: 1;
    right: 0;
    transition-delay: 1s;
    -webkit-box-shadow: 0px 0px 130px 10px rgba(61, 60, 61, 1);
    -moz-box-shadow: 0px 0px 130px 10px rgba(61, 60, 61, 1);
    box-shadow: 0px 0px 130px 10px rgba(61, 60, 61, 1);
    -moz-box-shadow: 0px 0px 130px 10px rgba(61, 60, 61, 1);
}

.banner-content.banner-content-scroll .banner-card img {
    width: 300px;
}

.banner-content {
    position: relative;
    height: 0;
    transition: 1s;
}

.banner-content.banner-content-scroll {
    transition: 1s;
    height: 300px;
}

.banner-content:before {
    position: absolute;
    background: url(../../../content/dam/indusind/crest/images/banner-artwork.png) no-repeat center;
    background-size: 100px;
    width: 100%;
    height: 54px;
    left: 0;
    top: -75px;
    content: "";
}

.banner-content:after {
    position: absolute;
    background: url(../../../content/dam/indusind/crest/images/banner-artwork.png) no-repeat center;
    background-size: 100px;
    width: 100%;
    height: 54px;
    left: 0;
    bottom: -25px;
    content: "";
    transform: rotateX(180deg);
}

.read-more a {
    cursor: pointer;
    line-height: 1;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    font-size: 23px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 600;
    display: inline-block;
    float: left;
}

.read-more a span {
    position: relative;
    display: inline-block;
    padding: 10px 15px;
    font-size: 14px;
    background: #404040;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.read-more a span::before {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #404040;
    content: attr(data-hover);
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    transition: background 0.3s;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    text-align: center;
    padding: 10px 15px;
}

.read-more a:hover span,
.read-more a:focus span {
    -webkit-transform: rotateX(90deg) translateY(-22px);
    -moz-transform: rotateX(90deg) translateY(-22px);
    transform: rotateX(90deg) translateY(-22px);
}

.read-more a:hover span::before,
.read-more a:focus span::before {
    background: #808080;
}

.crest-benefit-wrap {
    background: url(../../../content/dam/indusind/crest/images/crest-benefit-bg.jpg) no-repeat center -20px;
}

.content-head {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
}

.content-head span {
    color: #fff;
    background: #808080;
    text-transform: uppercase;
    letter-spacing: 4px;
    padding: 10px 20px;
    font-weight: 600;
    font-size: 18px;
}

.content-head {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    margin: -18px 0 0 0;
}

.content-head:before {
    width: 100%;
    height: 45px;
    background: url(../../../content/dam/indusind/crest/images/content-head-artwork-1.png) no-repeat center top;
    content: "";
    position: absolute;
    left: 0;
    top: -50px;
}

.content-head:after {
    width: 100%;
    height: 45px;
    background: url(../../../content/dam/indusind/crest/images/content-head-artwork-2.png) no-repeat center top;
    content: "";
    position: absolute;
    left: 0;
    bottom: -60px;
}

.content-tagline {
    margin: 70px 0 0 0;
    text-align: center;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 4px;
    color: #2b2b2b;
}

.content-tagline span {
    font-weight: 700;
}

.crest-benefit-wrap ul {
    margin: 30px 0 60px 0 !important;
}

.crest-benefit-wrap ul li {
    margin: 0 0 35px 0;
    position: relative;
}

.benefit-content-wrapp {
    width: 50%;
    float: right;
    padding: 0 0 60px 45px;
}

.crest-benefit-image-wrap {
    float: left;
    width: 50%;
    position: relative;
}

.crest-benefit-image-wrap:before {
    position: absolute;
    width: 100%;
    height: 30px;
    background: url(../../../content/dam/indusind/crest/images/crest-benefit-bg-shadow.png) no-repeat center;
    left: 0;
    bottom: -30px;
    content: "";
    background-size: cover;
}

.crest-benefit-image-wrap img {
    width: 100%;
    transition: 0.5s;
}

.crest-benefit-image {
    float: left;
    width: 100%;
    overflow: hidden;
}

.crest-benefit-wrap ul li:hover .crest-benefit-image img {
    transition: 0.5s;
    transform: scale(1.05);
}

.crest-benefit-wrap ul li:nth-child(even) .crest-benefit-image-wrap:before {
    left: initial;
    right: 0;
    transform: rotateY(180deg);
}

.crest-benefit-wrap ul li:nth-child(even) .crest-benefit-image-wrap {
    float: right;
}

.crest-benefit-wrap ul li:nth-child(even) .benefit-content-wrapp {
    float: left;
    padding: 0 45px 60px 0;
    text-align: right;
}

.content-sub-head {
    float: left;
    width: 100%;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-size: 20px;
    margin: 0 0 10px 0;
}

.benefit-tagline {
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 3px;
    font-weight: 500;
    margin: 0 0 15px 0;
}

.benefit-content {
    margin: 0 0 20px 0;
    font-size: 16px;
    letter-spacing: 1px;
}

.crest-benefit-wrap ul li.travel:before {
    background: url(../../../content/dam/indusind/crest/images/travel-bg.jpg) no-repeat left top;
}

.owl-carousel,
.owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden
}

.owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    z-index: 9;
}

.owl-item,
.owl-carousel .owl-wrapper {
    -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-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-item img {
    display: block;
    width: 100%
}

.owl-dots.disabled,
.owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-dot,
.owl-nav .owl-next,
.owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-loading {
    opacity: 0;
    display: block
}

.owl-hidden {
    opacity: 0
}

.owl-refresh .owl-item {
    visibility: hidden
}

.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-rtl {
    direction: rtl
}

.owl-rtl .owl-item {
    float: right
}

.animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

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

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

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(clientlib-base/css/owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-video-playing .owl-video-play-icon,
.owl-video-playing .owl-video-tn {
    display: none
}

.owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.highlight-slider-wrapper {
    float: left;
    width: 100%;
}

.highlights-p {
    margin: 80px 0 0 0;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 35px;
    padding: 0 5%;
    font-weight: 200;
}

.crest-highlights-wrap {
    padding: 150px 0 0;
}

.crest-highlights-wrap .content-head:after {
    background: url(../../../content/dam/indusind/crest/images/content-head-artwork-1.png) no-repeat center bottom;
    transform: rotateX(180deg);
}

.highlight-slider-wrapper {
    float: left;
    width: 100%;
    color: #fff;
    padding: 40px 45px;
}

.highlight-slider-wrapper .item {
    height: 460px;
    display: table;
    width: 100%;
}

.highlights-banner-1 {
    background: url(../../../content/dam/indusind/crest/images/highlight-banner-1.jpg) no-repeat center;
    background-size: cover;
}


/*.highlights-banner-2 {
    background: url(../../../content/dam/indusind/crest/images/highlight-banner-2.jpg) no-repeat center;
    background-size: cover;
}

.highlights-banner-3 {
    background: url(../../../content/dam/indusind/crest/images/highlight-banner-3.jpg) no-repeat center;
    background-size: cover;
}*/


.highlights-banner-4 {
    background: url(../../../content/dam/indusind/crest/images/highlight-banner-4.jpg) no-repeat center;
    background-size: cover;
}

.highlights-content {
    display: table-cell;
    vertical-align: middle;
}

.highlights-head {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 0;
    width: auto;
    float: none;
    display: inline-block;
    margin: 0px auto;
    position: relative;
}

.highlights-head a {
    color: #fff;
}

.highlights-head a:hover {
    color: #b9b4b4;
    text-decoration: underline;
}

.highlights-head:before {
    position: absolute;
    background: url(../../../content/dam/indusind/crest/images/highlights-head-artwork.png) no-repeat center;
    background-size: 100%;
    width: 22px;
    height: 14px;
    left: 50%;
    margin-left: -11px;
    top: -20px;
    content: "";
}

.highlights-head:after {
    position: absolute;
    background: url(../../../content/dam/indusind/crest/images/highlights-head-artwork.png) no-repeat center;
    background-size: 100%;
    width: 22px;
    height: 14px;
    left: 50%;
    margin-left: -11px;
    bottom: -20px;
    content: "";
    transform: rotateX(180deg);
}

.highlights-content-wrap {
    float: left;
    width: 400px;
    padding: 30px 55px;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
}

.highlights-content-p {
    line-height: 22px;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 15px;
    margin: 30px 0 0 0;
    text-align: center;
}

.owl-dots {
    display: none;
}

.owl-nav {
    position: absolute;
    top: 0;
    left: -45px;
    width: calc(100% + 90px);
    top: 45%;
}

.owl-nav .owl-prev {
    float: left;
    width: auto;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 15px 16px 0;
    border-color: transparent #fff transparent transparent;
    font-size: 0;
}

.owl-nav .owl-next {
    float: right;
    width: auto;
    font-size: 0;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 0 16px 15px;
    border-color: transparent transparent transparent #fff;
}

.features-wrap {
    padding: 70px 0 0 0;
}

.features-wrap .content-head:after {
    background: url(../../../content/dam/indusind/crest/images/content-head-artwork-1.png) no-repeat center bottom;
    transform: rotateX(180deg);
}

.features-slider-wrapper {
    float: left;
    width: 100%;
    margin: 100px 0 0 0;
    padding: 0 45px 60px 45px;
}

.owl-carousel2 {
    position: relative;
}

.owl-carousel3 {
    position: relative;
}

.features-slider-wrapper .owl-carousel3 .owl-item {
    padding-bottom: 0px;
}

.features-slider-img img {
    position: relative;
    z-index: 1;
}

.features-slider-img {
    float: left;
    width: auto;
    position: relative
}

.features-slider-img:before {
    position: absolute;
    left: -150px;
    top: -158px;
    height: 170%;
    background: rgba(0, 0, 0, 0.8);
    content: "";
    width: 170%;
    border-radius: 50%;
    opacity: 1;
    transition: 0.5s;
}

.features-slider-wrapper .owl-item:hover .features-slider-img:before {
    transition: 0.5s;
    left: -135px;
    top: -140px;
}

.features-slider-wrapper .owl-item {
    background: #4d4d4d;
    padding-bottom: 25px;
    overflow: hidden;
}

.features-slider-content p {
    line-height: 31px;
}

.features-slider-wrapper .owl-item:hover .features-slider-content {
    bottom: 30px;
    transition: 0.5s;
}

.features-slider-content {
    transition: 0.5s;
    position: absolute;
    width: 50%;
    right: 0;
    bottom: 25px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 0 25px 0 0;
}

.enquire-wrap {
    background: url(../../../content/dam/indusind/crest/images/enquire-bg.jpg) no-repeat center top;
    padding: 40px 0;
}

.enquire-content {
    float: left;
    width: 100%;
    padding: 0 45px;
}

.left-card {
    float: left;
    width: 41%;
}

.left-card img {
    width: 100%;
}

.enquire-content-wrap {
    float: right;
    width: 59%;
    padding: 75px 0 0 70px;
}

.enquire-content-wrap p {
    letter-spacing: 3px;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 500;
    color: #424242;
}

.enquire-content-wrap p span {
    float: left;
    width: 100%;
    font-weight: 700;
    margin: 15px 0 20px 0;
}

footer {
    float: left;
    width: 100%;
    background: url(../../../content/dam/indusind/crest/images/crest-benefit-bg.jpg) no-repeat 0px -20px;
    padding: 15px 75px;
    background-size: 100%;
    font-size: 18px;
    color: #020003;
    font-weight: 500;
}

footer a,
.copyright {
    color: #000;
    font-size: 15px;
}

.dl-menuwrapper {
    width: auto;
    float: right;
    position: relative;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 200%;
    perspective-origin: 50% 200%;
    transition: 0.5s;
    background: transparent;
    transition: 0.5s;
    z-index: 999999;
    margin: -6px -10px 0 0;
}

.dl-menuwrapper:first-child {
    margin-right: 100px;
}

.dl-menuwrapper button {
    background: transparent;
    border: none;
    width: 48px;
    height: 36px;
    text-indent: -900em;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: none;
    margin: 0;
    border-radius: 5px;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
    background: #d9d9d9;
}

.dl-menuwrapper button:after {
    content: '';
    position: absolute;
    width: 61%;
    height: 4px;
    background: #131313;
    top: 7px;
    left: 18%;
    box-shadow: 0 9px 0 #131313, 0 18px 0 #131313;
    border-radius: 15px;
}

.dl-menuwrapper ul {
    padding: 0;
    list-style: none;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.dl-menuwrapper li {
    position: relative;
}

.dl-menuwrapper li>a {
    display: block;
    position: relative;
    padding: 10px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #000;
    outline: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.no-touch .dl-menuwrapper li a:hover {
    background: rgba(255, 248, 213, 0.1);
}

.dl-menuwrapper li.dl-back>a {
    padding-left: 30px;
    background: rgba(0, 0, 0, 0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li>a:not(:only-child):after {
    position: absolute;
    top: 0;
    line-height: 40px;
    font-family: 'icomoon';
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: "\e000";
}

.dl-menuwrapper li.dl-back:after {
    left: 10px;
    color: #000;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dl-menuwrapper li>a:after {
    right: 10px;
    color: #3e3e3f;
}

.dl-menuwrapper .dl-menu {
    margin: 5px 0 0 0;
    position: absolute;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    right: 0;
    width: 310px;
    top: 41px;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
    transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.dl-menuwrapper li .dl-submenu {
    display: none;
}

.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen>a,
.dl-menu.dl-subview li.dl-subview>a {
    display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen>.dl-submenu>li {
    display: block;
}

.dl-menuwrapper>.dl-submenu {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    margin: 0;
}

.dl-menu.dl-animate-out-2 {
    -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
    animation: MenuAnimOut2 0.3s ease-in-out;
}

@-webkit-keyframes MenuAnimOut2 {
    0% {}

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

@keyframes MenuAnimOut2 {
    0% {}

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

.dl-menu.dl-animate-in-2 {
    -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
    animation: MenuAnimIn2 0.3s ease-in-out;
}

@-webkit-keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}

.dl-menuwrapper>.dl-submenu.dl-animate-in-2 {
    -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
    animation: SubMenuAnimIn2 0.3s ease-in-out;
}

@-webkit-keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}

.dl-menuwrapper>.dl-submenu.dl-animate-out-2 {
    -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
    animation: SubMenuAnimOut2 0.3s ease-in-out;
}

@-webkit-keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }

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



@keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }

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

.no-js .dl-menuwrapper .dl-menu {
    position: relative;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
    display: block;
}

.no-js .dl-menuwrapper li.dl-back {
    display: none;
}

.no-js .dl-menuwrapper li>a:not(:only-child) {
    background: rgba(0, 0, 0, 0.1);
}

.no-js .dl-menuwrapper li>a:not(:only-child):after {
    content: '';
}

.demo-2 .dl-menuwrapper button {
    background: #e86814;
}

.demo-2 .dl-menuwrapper button:hover,
.demo-2 .dl-menuwrapper button.dl-active,
.demo-2 .dl-menuwrapper ul {
    background: #D35400;
}

.dl-menuwrapper {
    display: none;
}

.inside-banner {
    min-height: 400px;
    background-attachment: fixed !important;
    background-size: 100%;
}

.travel-banner {
    background: url(../../../content/dam/indusind/crest/images/travel-banner.jpg) no-repeat top right;
    background-size: 100%;
}

.golf-banner {
    background: url(../../../content/dam/indusind/crest/images/golf-banner-tpc.jpg) no-repeat top right;
    background-size: 100%;
}

.golf-banner-tpc {
    background: url(../../../content/dam/indusind/crest/images/golf-banner-tpc.jpg) no-repeat top right;
    background-size: 100%;
}

.dining-banner {
    background: url(../../../content/dam/indusind/crest/images/dining-banner.jpg) no-repeat top right;
    background-size: 100%;
}

.entertainment-banner {
    background: url(../../../content/dam/indusind/crest/images/entertainment-banner.jpg) no-repeat top right;
    background-size: cover;
}

.crest-assistance-banner {
    background: url(../../../content/dam/indusind/crest/images/crest-assistance-banner.jpg) no-repeat top right;
    background-size: 100%;
}

.crest-freedom-banner {
    background: url(../../../content/dam/indusind/crest/images/crest-freedom-banner.jpg) no-repeat top right;
    background-size: 100%;
}

.crest-rewards-banner {
    background: url(../../../content/dam/indusind/crest/images/crest-rewards-banner.jpg) no-repeat top right;
    background-size: 100%;
}

.crest-wellness-banner {
    background: url(../../../content/dam/indusind/crest/images/crest-wellness-banner.jpg) no-repeat top right;
    background-size: 106%;
}

.crest-movies-banner {
    background: url(../../../content/dam/indusind/crest/images/crest-movies-banner.jpg) no-repeat top right;
    background-size: 100%;
}

.crest-festa-banner {
    background: url(../../../content/dam/indusind/crest/images/crest-festa-banner.jpg) no-repeat top right;
    background-size: 100%;
}

.crest-fregnanace-banner {
    background: url(../../../content/dam/indusind/crest/images/crest-fregnanace-banner.jpg) no-repeat top right;
    background-size: 100%;
}

.genesis-luxe-club-banner {
    background: url(../../../content/dam/indusind/crest/images/genesis-luxe-club-banner.jpg) no-repeat top right;
    background-size: 100%;
}

.club-itc-banner {
    background: url(../../../content/dam/indusind/crest/images/club-itc-banner.jpg) no-repeat top right;
    background-size: 100%;
}

.crest-festa-banner {
    background: url(../../../content/dam/indusind/crest/images/crest-festa-banner.jpg) no-repeat top right;
    background-size: 100%;
}

.crest-movies-banner {
    background: url(../../../content/dam/indusind/crest/images/crest-movies-banner.jpg) no-repeat top right;
    background-size: 100%;
}

.enquiry-form-banner {
    background: url(../../../content/dam/indusind/crest/images/enquiry-form-banner.jpg) no-repeat top right;
    background-size: 100%;
}

.schedule-of-charges-banner {
    background: url(../../../content/dam/indusind/crest/images/schedule-of-charges-banner.jpg) no-repeat top right;
    background-size: cover;
}

.sitemap-banner {
    background: url(../../../content/dam/indusind/crest/images/sitemap-banner.jpg) no-repeat right top;
    background-size: 100%;
}

.connectivity-banner {
    background: url(../../../content/dam/indusind/crest/images/connectivity-banner.jpg) no-repeat top right;
    background-size: 100%;
}

.stay-banner {
    background: url(../../../content/dam/indusind/crest/images/stay-banner.jpg) no-repeat top right;
    background-size: 100%;
}

.table-content-wrap.stay .common-table td {
    text-align: left;
}

.connectivity .section-listing-wrap {
    width: 48%;
    padding: 0 1%;
    margin-bottom: 30px;
}

.connectivity p {
    font-size: 15px;
    line-height: 25px;
    font-weight: 300;
    letter-spacing: 2px;
    margin: 0 0 20px 0;
    height: 83px;
    padding: 17px 0 17px 130px;
}

p.connectivity1 {
    background: url(../../../content/dam/indusind/crest/images/connectivity1.png) no-repeat left center;
    background-size: 110px 83px;
}

p.connectivity2 {
    background: url(../../../content/dam/indusind/crest/images/connectivity2.png) no-repeat left center;
    background-size: 110px 83px;
}

p.connectivity3 {
    background: url(../../../content/dam/indusind/crest/images/connectivity3.png) no-repeat left center;
    background-size: 110px 83px;
}

p.connectivity4 {
    background: url(../../../content/dam/indusind/crest/images/connectivity4.png) no-repeat left center;
    background-size: 110px 83px;
}




.inside-content-wrapper.fl-wdth.connectivity-main {
    padding: 65px 0 30px;
}

.inside-banner-content-wrap {
    text-align: center;
    margin: 80px 0 0 0;
    display: inline-block;
    padding: 50px 30px 50px 0;
    position: relative;
    background: rgba(0, 0, 0, 0.7);
    width: 45%;
    color: #fff;
}

p.stay1 {
    background: url(../../../content/dam/indusind/crest/images/stay1.png) no-repeat left center;
    background-size: 110px 83px;
}

p.stay2 {
    background: url(../../../content/dam/indusind/crest/images/stay2.png) no-repeat left center;
    background-size: 110px 83px;
}

p.stay3 {
    background: url(../../../content/dam/indusind/crest/images/stay3.png) no-repeat left center;
    background-size: 110px 83px;
}

p.stay4 {
    background: url(../../../content/dam/indusind/crest/images/stay4.png) no-repeat left center;
    background-size: 110px 83px;
}

p.section-tagline.common-p.connect2 {
    width: 68%;
    margin: 25px 16% 65px;
}

p.section-tagline.common-p.connect3 {
    width: 100%;
    margin: 0px;
    text-align: center;
}

p.terms-conditions-p.connect {
    text-align: right;
    margin: 10px 0 0 0;
    font-size: 13px;
    color: #bebebe;
    letter-spacing: 1px;
}

.inside-banner-content-wrap:before {
    width: 100%;
    left: -100%;
    height: 100%;
    top: 0;
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, 0.7);
}

.inside-pages-head {
    float: left;
    width: 100%;
    font-size: 24px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 30px;
    position: relative;
    text-align: center;
}

.inside-pages-head:before {
    width: 100%;
    height: 25px;
    background: url(../../../content/dam/indusind/crest/images/content-head-artwork-1.png) no-repeat center;
    content: "";
    position: absolute;
    top: -30px;
    left: 0;
    background-size: 50px;
}

.inside-pages-head:after {
    width: 100%;
    height: 25px;
    background: url(../../../content/dam/indusind/crest/images/content-head-artwork-1.png) no-repeat center;
    content: "";
    position: absolute;
    left: 0;
    bottom: -30px;
    transform: rotateX(180deg);
    background-size: 50px;
}

.inside-pages-tagline {
    text-transform: uppercase;
    margin: 15px 0 0 0;
    letter-spacing: 4px;
    font-size: 16px;
    line-height: 20px
}

.inside-pages-p {
    margin: 10px 0 0 0;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 20px;
}

.inside-pages-p img {
    /*float: none;
    margin: 0px auto;*/
    display: inline-block;
    vertical-align: text-bottom;
}

.navigation-wrap ul li:last-child>ul.level-1 li:nth-child(4n) ul.level-2 li:last-child,
.navigation-wrap ul li:nth-child(2)>ul.level-1 li:nth-child(2)>ul.level-2 li:nth-child(2) ul.level-3 li:nth-child(3),
.navigation-wrap ul li:nth-child(2)>ul.level-1 li:nth-child(2)>ul.level-2 li:nth-child(2) ul.level-3 li:nth-child(2),
.navigation-wrap ul li:nth-child(2)>ul.level-1 li:nth-child(2)>ul.level-2 li:nth-child(2) ul.level-3 li:nth-child(1) {
    /*display: none;*/
}

.inside-content-tagline.common-p.accTxt {
    font-size: 12px;
}

.inside-content-wrapper {
    padding: 65px 0;
    color: #fff;
}

.common-p {
    font-size: 15px;
    line-height: 22px;
    font-weight: 300;
    letter-spacing: 2px;
    margin: 0 0 20px 0;
}

.common-p:last-child {
    /*margin-bottom: 0 !important;*/
}

.common-p a {
    color: #fff;
    font-weight: 500;
}

.inside-content-tagline {
    text-align: center;
    /*margin-bottom: 45px;*/
}

.section-main-wrap {
    float: left;
    width: 100%;
    margin-bottom: 75px;
}

.inside-content-head {
    margin: 60px 0;
}

.inside-content-head:after {
    background: url(../../../content/dam/indusind/crest/images/content-head-artwork-1.png) no-repeat center top;
    transform: rotateX(180deg);
}

.section-tagline {
    text-align: center;
    margin: 25px 0 65px 0;
    margin-top: 25px !important;
}

.section-wrap {
    float: left;
    width: 100%;
}

.inside-page .section-listing-wrap {
    float: right;
    width: 48%;
}



.section-listing-wrap {
    float: right;
    width: 55%;
}




.section-content-wrap {
    float: left;
    width: 100%;
    padding: 35px 0 7px 0;
    border-bottom: 1px solid #a3a3a3;
}

.section-content-wrap:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.crest-wellness .section-content-wrap:last-child {
    border-bottom: 1px solid #a3a3a3;
    padding-bottom: 0;
}

.section-content-wrap:first-child {
    padding-top: 0;
}

.section-content-head {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.2;
    margin-bottom: 15px;
}

.crest-wellness .section-content-wrap .read-more a {
    float: right;
}

.section-content-wrap .read-more a {
    font-size: 15px;
}

.section-content-wrap .read-more {
    margin: 25px 0 0 0;
}

.section-content-wrap .read-more a span,
.section-content-wrap .read-more a span::before {
    padding: 10px;
    font-size: 15px;
}

.read-more p {
    width: auto;
    margin: 7px 0 0 0px;
    font-size: 10px;
    color: #bebebe;
    letter-spacing: 1px;
    width: 100%;
}

.crest-benefit-wrap ul li:nth-child(even) .read-more a {
    float: right;
}

.offers-ul li {
    padding: 0 0 10px 0;
    margin-bottom: 40px;
    border-bottom: 1px solid #a3a3a3;
    position: relative;
}

.offers-ul li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
}

.section-img-wrap img {
    width: 100%;
    transition: 0.5s;
}

.section-img-wrap:hover img {
    transform: scale(1.05);
    transition: 0.5s;
}

.inside-page .section-img-wrap {
    float: left;
    width: 50%;
    overflow: hidden;
}

.section-img-wrap {
    float: left;
    width: 43%;
    overflow: hidden;
}

.offers-content {
    float: left;
    width: 60%;
}

.offers-button-wrap {
    position: absolute;
    bottom: 10px;
    width: 20%;
    right: 0;
    text-align: right;
}

.offers-content-head {
    font-weight: 600;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-bottom: 10px;
}

.offers-content-p span {
    font-weight: 600;
}

.offers-ul li .read-more a {
    font-size: 17px;
    letter-spacing: 2px;
    float: right;
}

.offers-ul li .read-more a span {
    padding: 8px 15px;
}

.offers-ul li .read-more a span:before {
    padding: 8px 15px;
}

.offers-button-wrap p {
    margin: 10px 0 0 0;
    font-size: 13px;
    color: #bebebe;
    letter-spacing: 1px;
}

.offers-button-wrap p a {
    color: #bebebe;
    cursor: pointer;
}

.mar-bot-30 {
    margin-bottom: 30px !important;
}

.mar-bot-none {
    margin-bottom: 0 !important;
}

.mar-top-25 {
    margin-top: 25px !important;
}

.offers-content-sub-head {
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 2px;
    margin: 5px 0 5px 0;
}

.md-perspective body {
    background: #222;
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    perspective: 600px;
}

.terms-condition-p .md-trigger {
    font-size: 12px;
}

.md-trigger {
    cursor: pointer;
}

.md-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 80%;
    max-width: 750px;
    min-width: 320px;
    height: auto;
    z-index: 2000;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.md-show {
    visibility: visible;
}

.md-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 1000;
    opacity: 0;
    background: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.md-show~.md-overlay {
    opacity: 1;
    visibility: visible;
}

.md-content {
    color: #000;
    padding: 10px;
    background: url(../../../content/dam/indusind/crest/images/crest-benefit-bg.jpg) no-repeat 0px -20px;
    position: relative;
    border-radius: 3px;
    margin: 0 auto;
    float: left;
    width: 100%;
    max-height: 600px;
    overflow-y: scroll;
}

.md-content h3 {
    margin: 0;
    padding: 0.4em;
    text-align: center;
    font-size: 2.4em;
    font-weight: 300;
    opacity: 0.8;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 3px 3px 0 0;
}

.md-content a {
    text-decoration: underline;
    color: #000;
    word-wrap: break-word;
}

.md-content>div {
    padding: 25px;
    margin: 0;
    font-weight: 300;
    font-size: 1.6em;
    float: left;
    width: 100%;
    border: solid 1px #000;
}

.md-content>div p {
    margin: 0;
    padding: 0;
    line-height: 1.5;
}

.md-content>div ul {
    margin: 0;
    padding: 0;
}

.md-content>div ul li {
    padding: 10px 0 10px 32px;
    background: url(../../../content/dam/indusind/crest/images/popup-bullet.png) no-repeat left 11px;
}

.md-content>div ul li:before {
    display: none;
}

.md-content button {
    display: block;
    margin: 0 auto;
    font-size: 0.8em;
    position: absolute;
    top: 20px;
    right: 20px;
    transition: 0.5s;
    cursor: pointer;
    background: #000;
    border-radius: 50%;
    width: 35px;
    color: #fff;
    border: none;
    height: 35px;
}

.md-effect-1 .md-content {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.md-show.md-effect-1 .md-content {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.md-effect-9.md-modal {
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
}

.md-effect-9 .md-content {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-70deg);
    -moz-transform: rotateX(-70deg);
    -ms-transform: rotateX(-70deg);
    transform: rotateX(-70deg);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}

.md-show.md-effect-9 .md-content {
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;
}

.md-content>div>.terms-heading {
    font-size: 24px;
    margin: 10px 0px;
    font-weight: 600;
}

.md-content>div ul li ul li {
    padding: 5px 0 5px 24px;
    font-size: 16px;
    background: url(../../../content/dam/indusind/crest/images/popup-bullet-small.png) no-repeat left 8px;
}

.content-ul {
    margin-bottom: 30px !important;
}

.content-ul li:before {
    position: absolute;
    left: 0;
    top: 10px;
    width: 5px;
    height: 5px;
    background: #fff;
    content: "";
    border-radius: 50%;
}

.content-ul li {
    position: relative;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 300;
    letter-spacing: 1px;
    padding: 3px 0 3px 15px;
}

.content-ol {
    margin-bottom: 30px !important;
    float: left;
    width: 100%;
}

.content-ol li {
    position: relative;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 300;
    letter-spacing: 2px;
    padding: 3px 0 3px 0;
}

.mar-bot-50 {
    margin-bottom: 50px !important;
}

.centered {
    text-align: center;
}

.centered a {
    display: inline-block;
    float: none;
}

.centered p {
    width: 100%;
    margin: 15px 0 0 0;
    font-size: 15px;
}

.terms-condition-p {
    text-align: right;
    margin: 20px 0 0 0;
    color: #fff;
    letter-spacing: 2px;
}

.terms-condition-p a {
    color: #fff;
}

.section-main-wrap:last-child {
    margin-bottom: 0;
}

.offers-content-p {
    margin-bottom: 0;
}

.pad-bot-20 {
    padding-bottom: 40px !important;
}

.mar-top-50 {
    margin-top: 50px !important;
}

.mar-top-165 {
    margin-top: 165px !important;
}

.half-width-wrap {
    width: 47%;
}

.more-info-content {
    float: left;
    width: 100%;
    margin: 20px 0 60px 0;
}

.more-info-content p {
    width: auto;
    margin: 0;
    font-size: 14px;
    letter-spacing: 2px;
}

.more-info-content p a {
    color: #fff;
    font-size: 14px;
}

.more-info-content .terms-condition-p {
    float: right;
}

.mar-top-none {
    margin-top: 0 !important;
}

.no-bull-li {
    padding-left: 0 !important;
}

.section-content-wrap .mar-bot-none {
    margin-bottom: 0 !important;
}

.mar-top-30 {
    margin-top: 30px !important;
}

.table-content-head {
    text-align: center;
    text-transform: none;
    letter-spacing: 1px;
}

.table-content-wrap {
    float: left;
    width: 100%;
}

.two-table-wrap {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
}

.table-wrap {
    width: 49.5%;
}

.common-table {
    width: 100%;
    border: 1px solid #5d5d5d;
}

.common-table td {
    border-right: 1px solid #5d5d5d;
    font-size: 14px;
    line-height: 22px;
    font-weight: 200;
    padding: 10px 20px;
}

.common-table th {
    text-align: left;
    padding: 15px 10px;
    border-bottom: 1px solid #5d5d5d;
    border-right: 1px solid #5d5d5d;
    font-size: 18px;
    font-weight: 600;
}

.common-table th:last-child {
    border-right: none;
}

.common-table td:first-child {
    text-align: center;
}

.common-table td:last-child {
    border-right: 0;
}

.table-content-wrap {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}

.mar-bot-10 {
    margin-bottom: 20px !important;
}

.common-link {
    color: #fff;
    font-weight: 600;
}

.text-align-rt {
    text-align: right;
}

.text-align-rt a {
    float: right;
}

.inside-pages-listing-wrap ul li {
    width: 32%;
    margin: 0 2% 2% 0;
}

.inside-pages-listing-wrap ul li:nth-child(3n) {
    margin-right: 0px;
}

.images-box {
    float: left;
    width: 100%;
    height: 173px;
    overflow: hidden;
}

.images-box img {
    width: 100%;
    transition: 0.5s;
    height: 100%;
}

.inside-pages-listing-wrap ul li:hover .images-box img {
    transition: 0.5s;
    transform: scale(1.1);
}

.inside-pages-listing-wrap ul li a {
    color: #fff;
}

.inside-pages-listing-text {
    display: table;
    height: 120px;
    background: #2b2b2b;
    padding: 0 30px;
    width: 100%;
}

.inside-pages-listing-text p {
    text-transform: uppercase;
    line-height: 1.5;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    float: none;
    font-size: 16px;
    color: #fff;
    font-weight: 700;
}

.txt-center {
    text-align: center;
}

.services-wrap ul {
    width: 100%;
    float: left;
    margin: 0px;
}

.services-wrap ul li {
    width: 100%;
    float: left;
    margin-bottom: 0;
    min-height: 120px;
}

.services-wrap ul li:nth-child(2n) {
    float: right;
}

.services-icon-wrap {
    width: auto;
    float: left;
    margin-right: 22px
}

.services-content-wrap {
    width: 73%;
    float: left;
    padding-top: 25px;
    position: relative
}

.services-content-wrap p {
    width: 100%;
    float: left;
    letter-spacing: 1px;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    padding-bottom: 22px;
    border-bottom: 1px solid #fff;
}

.services-wrap ul li:nth-child(2) .services-content-wrap p {
    line-height: 26px;
    padding-bottom: 6px;
}

.table-wrap.schedule {
    width: 100%;
    text-align: left;
}

.table-wrap.schedule .table-heading {
    font-size: 18px;
    font-weight: 500;
    padding: 8px 0px 8px 20px;
    background: #dddcdd;
    text-transform: uppercase;
    text-align: left;
    color: #000;
    position: relative
}

.table-wrap.schedule .table-heading:before {
    position: absolute;
    width: 12px;
    height: 12px;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    top: 50%;
    margin-top: -9px;
    right: 15px;
    content: "";
    background: transparent;
    transform: rotate(-45deg)
}

.table-wrap.schedule .common-table td {
    text-align: left;
    border: 0px;
    border-bottom: solid 1px #5d5d5d;
    font-size: 14px;
    line-height: 20px;
    vertical-align: baseline;
}

.table-wrap.schedule .common-table tr {
    border: 0px
}

.table-wrap.schedule .common-table {
    border: 0px
}

.table-wrap.schedule .common-table.inside-table {
    width: 100%;
    border-collapse: collapse;
    border: solid 1px #5d5d5d;
    margin: 10px 0 20px 0;
}

.table-wrap.schedule .common-table.inside-table td {
    border: solid 1px #5d5d5d;
}

.reward-list ul li {
    width: 100%;
    float: left;
    background: #808080;
    margin-bottom: 36px;
}

.reward-list .reward-img {
    float: left;
    width: auto;
    margin-right: 34px;
}

.reward-list .reward-data {
    float: left;
    width: 55%;
    padding: 20px 0px;
}

.reward-list .reward-data p {
    width: 100%;
    font-size: 14px;
    line-height: 22px;
}

.reward-list .reward-data .reward-heading {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
}

.read-more.center {
    text-align: center;
}

.read-more.center a {
    float: none;
    margin: 0px auto;
}

.texas-medical .table-heading-2 {
    background: #353535;
    text-align: center;
    line-height: 40px;
    font-size: 18px;
    margin-bottom: 20px;
}

.texas-medical .table-wrap {
    width: 100%;
    border-collapse: collapse;
}

.texas-medical .common-table td {
    border: solid 1px #5d5d5d;
    text-align: left;
}

.crest-fregnanace .section-listing-wrap {
    float: none;
    margin: 0px auto;
}

.crest-fregnanace .reward-list ul li {
    background: transparent;
}

.crest-fregnanace .reward-list .reward-data {
    padding: 0 0px;
}

.genesis-luxe-club .section-listing-wrap {
    width: 100%;
}

.common-p-2 {
    width: 100%;
    float: left;
    text-align: center;
    margin: 20px 0px;
}

.common-p-2 p {
    width: auto;
    margin: 0px auto;
    padding: 10px 90px;
    float: none;
    display: inline-block;
    background: #808080;
}

.reward-list.horizontal {}

.genesis-luxe-club .reward-list ul li {
    background: transparent;
}

.reward-list.horizontal li {
    width: 25%;
    float: left;
    padding: 0px 82px;
    text-align: center;
}

.reward-list.horizontal .reward-img {

    margin: 0px;
}

.reward-list.horizontal .reward-data {
    width: 100%
}

.common-table.table-2 {
    border-collapse: collapse;
    text-align: center;
}

.common-table.table-2 th {
    text-align: center;
    background: #808080;
}

.common-table.table-2 td {
    border: 1px solid #5d5d5d
}

/*.resp-tabs-list .dining:before {
    width: 105px;
    height: 79px;
    top: -14px;
    left: 10px;
    content: "";
    background: url(../../../content/dam/indusind/crest/images/fine-dining-plate-2.png) no-repeat top left;
    position: absolute;
}

.resp-tabs-list .living:before {
    width: 86px;
    height: 84px;
    top: -20px;
    left: 20px;
    content: "";
    background: url(../../../content/dam/indusind/crest/images/fine-living-2.png) no-repeat top left;
    position: absolute;
}

.resp-tabs-list .fashion:before {
    width: 50px;
    height: 88px;
    top: -24px;
    left: 35px;
    content: "";
    background: url(../../../content/dam/indusind/crest/images/fine-fashion-2.png) no-repeat top left;
    position: absolute;
}

.resp-tabs-list .resp-tab-active.dining:before {
    background: url(../../../content/dam/indusind/crest/images/fine-dining-plate.png) no-repeat top left;
}

.resp-tabs-list .resp-tab-active.living:before {
    background: url(../../../content/dam/indusind/crest/images/fine-living.png) no-repeat top left;
}

.resp-tabs-list .resp-tab-active.fashion:before {
    background: url(../../../content/dam/indusind/crest/images/fine-fashion.png) no-repeat top left;
}*/

.table-wrap.center {
    margin: 0px auto;
    float: none;
    width: 700px;
}

.two-img {
    width: 100%;
}

.two-img img {
    width: 100%;
}

.two-img .image-box {
    width: 48%;
    margin-bottom: 30px;
}

.one-and-only-log {
    width: auto;
    float: left;
    margin-right: 30px;
}

.one-and-only-log img {
    width: 100%;
}

.one-and-only .common-p {
    width: 62%;
    float: left;
}

.vacation-list {
    width: 78%;
    float: none;
    margin: 0px auto !important;
}

.vacation-list li {
    width: 445px;
    float: left;
    list-style: none;
    min-height: 325px;
    text-align: center;
    margin-bottom: 20px;
}

.vacation-list li:nth-child(2n) {
    float: right;
}

.vacation-list li:before {
    display: none;
}

.vacation-list li .vacation-img {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.vacation-list li .vacation-img img {
    width: 100%;
}

.contact-form {
    width: 60%;
    float: none;
    margin: 0px auto;
}

.contact-form input,
.contact-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    float: left;
    background: transparent;
    padding: 14px 20px;
    /*margin-bottom: 40px;*/
    margin-bottom: 5px;
    border-radius: 10px;
    border: solid 1px #fff;
    color: #fff;
    font-size: 18px;
}

.contact-form select option {
    color: #000;
    background: transparent;
}

.contact-form select {
    background: transparent url(../../../content/dam/indusind/crest/images/select-bg.png) no-repeat scroll right top;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.input-part-2 {
    float: left;
    width: 100%;
    text-align: center;
}

.contact-form input.enquiry-button {
    float: none;
    margin: 0px auto;
    height: auto;
    line-height: 18px;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    color: #FFF;
    border: 1px solid #404041;
    padding: 15px 45px;
    transition: 0.5s;
    width: auto;
    background: #404041;
    cursor: pointer;
    border-radius: 0px;
    margin-bottom: 0px;
    transition: 0.5s;
}

.contact-form input.enquiry-button:hover {
    background: #fff;
    border: 1px solid #FFF;
    color: #404041;
    transition: 0.5s;
}

input[type='number'] {
    -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.thankyou .inside-content-tagline {
    min-height: 300px;
}

.mobile-menu {
    position: absolute;
    top: 7px;
    right: 10px;
    display: none;
}

.mobile-menu #header-mob {
    background-color: #3e3e3f;
    cursor: pointer;
    float: left;
    width: 50px;
    border: 1px solid #a0a0a0;
}

.mobile-menu #header-mob a {
    background: url(../../../content/dam/indusind/crest/images/menu-img.png) no-repeat center 10px;
    padding: 22px 5px 5px;
    display: block;
    width: 100%;
    float: left;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    font-size: 12px;
    color: #fff
}

#header-mob a.right,
.header a.right {
    left: auto;
    right: 10px;
}

.sitemap-menu {
    width: 100%;
    float: left;
    margin-bottom: 0px;
}

.sitemap-menu>li {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.sitemap-menu>li a {
    font-size: 18px;
    line-height: 19px;
    padding: 12px 10px;
    display: block;
    float: left;
    width: 100%;
    background: #fff;
    color: #000;
    font-weight: 600;
}

.sitemap-menu>li>a {
    text-transform: uppercase;
}

.sitemap-menu>li>a:hover {
    color: #404042;
    font-size: 19px;
}

.sitemap-menu>li>ul>li a {
    background: #808080;
    color: #fff;
    font-size: 16px;
    padding: 8px 15px;
    border-bottom: solid 1px #5d5f67
}

.sitemap-menu>li>ul>li a:hover {
    color: #000000;
}

.sitemap-menu>li>ul>li:last-child a {
    border-bottom: 0px;
}

.sitemap-menu>li>ul>li>ul {
    display: table;
    background: #cdcdcd;
    margin-bottom: 8px !important;
}

.sitemap-menu>li>ul>li>ul>li {
    display: table-cell;
    width: 33.33%;
    float: none;
    vertical-align: top;
}

.sitemap-menu>li>ul>li>.wellness>li {
    width: 25%;
}

.sitemap-menu>li>ul>li>ul>li a {
    background: #fff;
    color: #000;
    border-bottom: none;
}

.sitemap-menu>li>ul>li>ul>li>a {
    border-right: solid 1px #cfcfcf;
    border-bottom: solid 1px #78849a;
    background: #f1f1f1;
}

.sitemap-menu>li>ul>li>ul>li>a:hover {
    color: #818181;
    padding-left: 20px;
}

.sitemap-menu>li>ul>li>ul>li:last-child>a {

    border-right: none;
}

.sitemap-menu>li>ul>li>ul>li>ul {
    border-left: solid 1px #fff !important;
    border-right: solid 1px #fff !important;
}

.sitemap-menu>li>ul>li>ul>li>ul>li {
    width: 100%;
    float: left;
}

.sitemap-menu>li>ul>li>ul>li>ul>li a {
    background: #cccccc;
    border-bottom: none;
    padding-left: 40px;
    background: url(../../../content/dam/indusind/crest/images/popup-bullet-small.png) no-repeat 13px 8px;
}

.sitemap-menu>li>ul>li>ul>li>ul>li a:hover {
    padding-left: 45px;
    background: url(../../../content/dam/indusind/crest/images/popup-bullet-small.png) no-repeat 17px 8px;
}

.vacation-list .common-p b,
.one-and-only .common-p b {
    font-size: 17px;
    line-height: 26px;
    font-weight: 600;
}

.inside-page .crest-rewards .section-listing-wrap.FL {
    width: 36%;
}

.inside-page .crest-rewards .section-listing-wrap.FR {
    width: 60%;
}

.more-info-content.powered-by p {
    line-height: 30px;
}

.more-info-content.powered-by span {
    margin: 0 0 0 20px;
    width: auto;
    display: inline-block;
    float: left;
}


/* .more-info-content.powered-by span.img-1{margin-top:10px;} */

.more-info-content.powered-by .terms-condition-p {
    line-height: 30px;
}

.md-content .common-table {
    border-collapse: collapse;
    margin-bottom: 30px;
}

.md-content .common-table td {
    border: 1px solid #5d5d5d;
    font-weight: 400;
    text-align: left;
}

.md-content .new-md-content {
    overflow: hidden;
}

.common-p-2 .club-itc-bg {
    background: url(../../../content/dam/indusind/crest/images/club-itc-bg.png)repeat-y;
    width: 100%;
    font-size: 18px;
    padding: 10px 0px;
    color: #000;
}

.features-slider-wrapper.mastercard-epicurean {
    padding-bottom: 0px;
}

input.captcha-field {
    width: 75%;
    border-radius: 10px 0px 0px 10px;
    height: 51px;
}

.captcha-image {
    border: solid 1px #fff;
    height: 51px;
    width: 25%;
}

select.state-list {
    width: 48%;
    height: 51px;
}

/*input.city {
    width: 48%;
}*/

.accordion-section-title {
    margin-bottom: 5px;
    width: 100%;
    display: inline-block;
    background: none;
    transition: all linear 0.15s;
    font-size: 20px;
    text-shadow: 0px 1px 0px #1a1a1a;
    color: #fff;
    line-height: 20px;
}

.concierge-services-content {
    width: 47%;
}

.accordion-section-content p {
    width: 100%;
    float: left;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 10px 0px 10px 0px;
    border-bottom: none;
    color: #fff;
    margin-bottom: 20px;
}

.accordion-section-title.active,
.crest-assist .accordion-section-title:hover {
    background: none;
    text-decoration: none;
}

.section-droupdown-head {
    padding-bottom: 5px;
    border-bottom: 1px solid #fff;
    position: relative;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    width: 100%;
    float: left;
}

.section-droupdown-head:before {
    position: absolute;
    width: 20px;
    height: 20px;
    background: #7e7e7e;
    bottom: -1px;
    right: 0px;
    z-index: 1;
    content: "";
}


.section-droupdown-head:after {
    position: absolute;
    width: 9px;
    height: 9px;
    border-top: solid 2px #fff;
    border-left: solid 2px #fff;
    content: "";
    background: transparent;
    bottom: 6px;
    right: 5px;
    transform: rotate(-135deg);
    transition: 0.5s;
    z-index: 2;
}

.crest-rewards .section-content-head {
    text-transform: unset;
}

.inside-content-tagline.movie {
    text-transform: unset;
}

.concierge-services .accordion {
    cursor: pointer;
    background: transparent;
    width: 100%;
    float: left;
    letter-spacing: 1px;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #fff;
    border: none;
    padding-bottom: 22px;
    border-bottom: 1px solid #fff;
    position: relative;
    outline: none;
    z-index: 9;
}

.concierge-services .active,
.concierge-services .accordion:hover {}

.concierge-services .panel {
    padding: 10px 15px;
    display: none;
    background-color: white;
    overflow: hidden;
    position: absolute;
    top: 105%;
    z-index: 999;
}

.concierge-services .panel p {
    width: 100%;
    float: left;
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: 500;
    line-height: 23px;
    padding-bottom: 0;
    border-bottom: 0;
    color: #000;
}

.concierge-services .accordion:before {
    transition: 0.5s;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 25px;
    right: 5px;
    content: "";
    background: transparent;
    border-left: 2px solid #FFF;
    border-bottom: 2px solid #FFF;
    transform: rotate(-45deg)
}

.concierge-services .accordion.active:before {
    bottom: 15px;
    transform: rotate(135deg);
    transition: 0.5s;
}

.section-droupdown-head.charges {
    background: #dddcdd;
    padding: 8px 0px 8px 20px;
    border-bottom: 1px solid #fff;
    position: relative;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    width: 100%;
    float: left;
    color: #000;
    margin-bottom: 20px;
}

.section-droupdown-head.charges:before {
    position: absolute;
    width: 40px;
    height: 40px;
    background: transparent;
    bottom: 0;
    right: 0px;
    z-index: 1;
    content: "";
}

.section-droupdown-head.charges:after {
    position: absolute;
    width: 13px;
    height: 13px;
    border-top: solid 2px #000;
    border-left: solid 2px #000;
    content: "";
    background: transparent;
    bottom: 18px;
    right: 17px;
    transform: rotate(-135deg);
    transition: 0.5s;
    z-index: 2;
}

.section-droupdown-head.charges.active::after {
    transform: rotate(45deg);
    bottom: 8px;
    transition: 0.5s;
}


/*------------------------------------*\-------- Page Styles:Accordion\*------------------------------------*/

body {
    position: relative;
    z-index: 0;
}

.texas-medical .main:before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    content: '';
    background: -webkit-radial-gradient(30%, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0)), url('clientlib-base/css/img/body-bg.png');
    background: -moz-radial-gradient(30%, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0)), url('clientlib-base/css/img/body-bg.png');
    background: -o-radial-gradient(30%, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0)), url('clientlib-base/css/img/body-bg.png');
    background: radial-gradient(30%, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0)), url('clientlib-base/css/img/body-bg.png');
}

.texas-medical .site-header-wrap {
    margin-bottom: 60px;
    border-bottom: 1px solid #cd9ad6;
}


/*------------------------------------*\-------- DEMO Code:accordion\*------------------------------------*/

.texas-medical .accordion,
.texas-medical .accordion * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.texas-medical .accordion {
    overflow: hidden;
    border-radius: 3px;
    background: none;
}

.texas-medical .accordion-section-title {
    width: 100%;
    margin-bottom: 25px;
    display: inline-block;
    border-bottom: 1px solid #FFF;
    background: none;
    transition: all linear 0.15s;
    /*font-size: 1.200em;*/
    text-shadow: 0px 1px 0px #1a1a1a;
    color: #fff;
}

.texas-medical .accordion-section-title.active,
.texas-medical .accordion-section-title:hover {
    background: none;
    text-decoration: none;
}

.texas-medical .accordion-section-content {
    display: none;
    float: left;
}

.section-droupdown-head.active:after {
    transform: rotate(45deg);
    bottom: 3px;
    transition: 0.5s;
}


/*------------------------------------*\-------- Page Styles:Accordion\*------------------------------------*/

body {
    position: relative;
    z-index: 0;
}

.crest-assist .main:before {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    content: '';
    background: -webkit-radial-gradient(30%, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0)), url('clientlib-base/css/img/body-bg.png');
    background: -moz-radial-gradient(30%, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0)), url('clientlib-base/css/img/body-bg.png');
    background: -o-radial-gradient(30%, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0)), url('clientlib-base/css/img/body-bg.png');
    background: radial-gradient(30%, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0)), url('clientlib-base/css/img/body-bg.png');
}

.crest-assist .site-header-wrap {
    margin-bottom: 60px;
    border-bottom: 1px solid #cd9ad6;
}


/*------------------------------------*\-------- DEMO Code:accordion\*------------------------------------*/

.texas-medical .accordion,
.texas-medical .accordion * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.crest-assist .accordion {
    overflow: hidden;
    border-radius: 3px;
    background: none;
}

.crest-assist .accordion-section-title {
    margin-bottom: 5px;
    width: 100%;
    display: inline-block;
    background: none;
    transition: all linear 0.15s;
    font-size: 20px;
    text-shadow: 0px 1px 0px #1a1a1a;
    color: #fff;
    line-height: 20px;
}



.crest-assist .accordion-section-title.active,
.crest-assist .accordion-section-title:hover {
    background: none;
    text-decoration: none;
}

.crest-assist .accordion-section-content {
    display: none;
    float: left;
}

.crest-assist .section-droupdown-head:before {
    display: none;
}

.crest-assist .section-droupdown-head:after {
    width: 15px;
    height: 15px;
    bottom: 10px;
}

.crest-assist .accordion-section-content p {
    width: 100%;
    float: left;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 10px 0px 10px 0px;
    border-bottom: none;
    color: #fff;
    margin-bottom: 20px;
}

.services-wrap ul li:last-child {
    /*min-height: 0px;*/
}

.crest-assist .concierge-services-content {
    width: 47%;
}



.thankYouText {
    display: none;
    padding: 40px 0;
    text-align: center;
    font-size: 16px;
}

.captcha {
    clear: both;
    position: relative;
    margin-bottom: 40px;
    float: left;
    width: 100%;
}

.captchaBox {
    width: 100%;
}

.inputBox {
    margin-bottom: 40px;
    width: 100%;
    float: left;
}

.twofields {
    width: 100%;
}

.twofields .inputBox {
    width: 48%;
    float: left;
}

.twofields .inputBox.cityField {
    float: right;
}

.error {
    color: red;
    padding-left: 5px;
}

.captchaBox .inputBox {
    width: 40%;
    float: left;
    margin-bottom: 0;
}

.catchaContainer {
    float: left;
    margin-left: 20px;
    width: 35%;
}

.captcha_image {
    float: left;
    width: 100px;
    margin-top: 10px;
}

.Refresh-btn-Cmt-wrap {
    float: left;
    width: 114px;
    margin-left: 15px;
}

.captchaError {
    clear: both;
    width: 100%;
    display: none;
}



.footer-links {
    font-size: 14px;
}

@media screen and (min-width:1280px) and (max-width:1920px) {

    .crest-movies-banner,
    .genesis-luxe-club-banner,
    .crest-assistance-banner,
    .crest-freedom-banner,
    .crest-rewards-banner,
    .crest-wellness-banner {
        background-size: 100% auto;
    }

    .inside-banner {
        background-size: 100% auto;
    }
}

@media screen and (width:1280px) {
    .inside-banner {
        min-height: 545px;
    }

    .inside-banner-content-wrap {
        margin: 110px 0 0 0;
        min-height: 340px;
        padding: 100px 80px 0 0;
    }

    .inside-pages-head {
        font-size: 40px;
        margin-bottom: 50px;
    }

    .inside-pages-p {
        margin: 20px 0 0 0;
    }
}

@media screen and (min-width:1024px) and (max-width:1169px) {
    .top-bar {
        padding: 15px 15px 10px 15px;
    }

    .content-tagline {
        margin: 80px 0 0 0;
    }

    .banner-content.banner-content-scroll {
        height: 275px;
    }

    .banner-content p {
        font-size: 22px;
    }

    .banner-card {
        margin: 20px auto 0;
    }

    .banner-card img {
        width: 100%;
    }

    .banner {
        height: 500px;
    }

    .left-logo {
        margin: 7px 0 0 0;
    }

    .right-logo {
        margin: 5px 0 0 0;
    }

    .left-logo img {
        width: 100%;
    }

    .right-logo img {
        width: 100%;
    }

    .banner-content:before {
        background-size: 70px;
        height: 44px;
        top: -50px;
    }

    .banner-content:after {
        background-size: 70px;
        height: 44px;
        bottom: -50px;
    }

    .banner-content-wrapp {
        position: relative;
        top: -30px;
    }

    .crest-benefit-wrap ul {
        margin: 50px 0 20px 0 !important;
    }

    .benefit-content-wrapp {
        padding: 0 0 0 45px;
    }

    .content-sub-head {
        font-size: 25px;
    }

    .benefit-tagline {
        font-size: 21px;
        margin: 0 0 10px 0;
    }

    .benefit-content {
        margin: 0 0 20px 0;
        font-size: 20px;
    }

    .read-more a {
        font-size: 18px;
    }

    .crest-benefit-wrap ul li:nth-child(even) .benefit-content-wrapp {
        padding: 0 45px 0 0;
    }

    .crest-highlights-wrap {
        padding: 110px 0 0;
    }

    .highlights-p {
        margin: 90px 0 0 0;
        font-size: 23px;
    }

    .highlight-slider-wrapper {
        padding: 40px 45px 10px 45px;
    }

    .features-slider-img {
        width: 40%;
    }

    .features-slider-content p {
        line-height: 21px;
    }

    .enquire-wrap {
        padding: 40px 0;
    }

    .enquire-content {
        padding: 0;
    }

    .enquire-content-wrap p {
        font-size: 30px;
    }

    .enquire-content-wrap p span {
        margin: 15px 0 20px 0;
    }

    .enquire-content-wrap {
        padding: 60px 0 0 40px;
    }

    .footer-links {
        width: 100%;
        text-align: center;
    }

    .copyright {
        width: 100%;
        text-align: center;
        margin: 15px 0 0 0;
    }

    .highlight-slider-wrapper .item {
        margin: 0 0 0 -1px;
    }

    .crest-benefit-image-wrap:before {
        background-position: -390px center;
    }

    .inside-banner {
        min-height: 400px;
        background-attachment: scroll !important;
    }

    .inside-banner-content-wrap {
        margin: 65px 0 0 0;
        min-height: 215px;
        padding: 55px 30px 0 0;
    }

    .inside-banner-content-wrap .inside-pages-p {
        padding: 0px 16%;
    }

    .crest-festa-banner,
    .crest-movies-banner,
    .crest-freedom-banner,
    .crest-rewards-banner,
    .crest-wellness-banner {
        background-size: cover;
    }

    .inside-pages-head {
        font-size: 22px;
        margin-bottom: 25px;
    }

    .inside-pages-p {
        margin: 20px 0 0 0;
        font-size: 19px;
    }

    .inside-pages-tagline {
        font-size: 20px;
    }

    .inside-content-wrapper {
        padding: 40px 0;
    }

    .common-p {
        font-size: 17px;
    }

    .section-content-head {
        font-size: 22px;
    }

    .section-content-wrap {
        padding: 20px 0 7px 0;
    }

    .features-slider-wrapper .owl-item:hover .features-slider-img:before {
        left: -75px;
        top: -81px;
    }

    .content-ul li {
        font-size: 17px;
    }

    .content-ol li {
        font-size: 17px;
    }

    .content-ul li:before {
        top: 10px;
    }

    .common-table th:first-child {
        width: 85px;
    }

    .common-table th {
        font-size: 18px;
    }

    .common-table td {
        font-size: 17px;
        padding: 10px;
        line-height: 1.5;
    }

    .crest-assist .services-content-wrap p {
        font-size: 13px;
    }

    .services-content-wrap {
        width: 68%;
    }

    .services-content-wrap p {
        font-size: 18px;
        line-height: 18px;
    }

    .table-wrap.schedule .common-table {
        width: 1169px;
    }

    .table-wrap.schedule .common-table .first-td {
        width: 500px;
    }

    .table-wrap.schedule .common-table td {
        font-size: 18px;
        line-height: 24px;
        padding: 10px 15px;
    }

    .table-wrap.schedule {
        margin: 0px;
        overflow-x: scroll
    }

    .reward-list.horizontal li {
        padding: 0px 57px;
    }

    .common-table.table-2 {
        width: 1000px;
    }

    .common-table.table-2 th {
        width: 450px;
    }

    .common-table.table-2 th:last-child {
        width: auto;
    }

    .two-table-wrap {
        overflow: scroll;
    }

    .vacation-list {
        width: 100%;
    }

    .vacation-list li {
        width: 48%;
        min-height: 332px;
        margin-bottom: 30px;
    }

    .one-and-only-log {
        width: 35%;
        margin: 0 25px 0px 0;
    }

    .one-and-only .common-p {
        width: 62%;
    }

    .travel-banner {
        background-size: cover;
    }

    .inside-page .crest-rewards .section-listing-wrap.FL {
        width: 42%;
    }

    .inside-page .crest-rewards .section-listing-wrap.FR {
        width: 55%;
    }

}

@media screen and (max-width:1169px) {
    .connectivity p {
        padding: 0 0 0 130px;
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .content-ul li:before {
        top: 10px;
    }

    .right-logo {
        width: 50%;
        margin: -85px 10px 0 0;
    }

    .navigation-wrap {
        width: 100%;
        margin: 20px 0 0 0;
        position: relative;
        z-index: 9;
    }

    .banner-content.banner-content-scroll {
        height: 275px;
    }

    .banner-content p {
        font-size: 22px;
    }

    .banner-card {
        margin: 20px auto 0;
    }

    .banner-card img {
        width: 100%;
    }

    .banner {
        height: 500px;
    }

    .banner-content:before {
        background-size: 70px;
        height: 44px;
        top: -50px;
    }

    .banner-content:after {
        background-size: 70px;
        height: 44px;
        bottom: -50px;
    }

    .banner-content-wrapp {
        position: relative;
        top: -30px;
    }

    .content-head {
        font-size: 25px;
    }

    .content-tagline {
        margin: 80px 0 0 0;
        font-size: 25px;
        letter-spacing: 1px;
    }

    .crest-benefit-wrap ul {
        margin: 40px 0 0 0 !important;
    }

    .crest-benefit-image-wrap:before {
        bottom: -20px;
        background-size: contain;
    }

    .benefit-content-wrapp {
        padding: 0 0 0 45px;
    }

    .content-sub-head {
        font-size: 20px;
        margin: 0 0 5px 0;
    }

    .benefit-tagline {
        font-size: 14px;
        letter-spacing: 2px;
        margin: 0 0 5px 0;
    }

    .benefit-content {
        margin: 0 0 10px 0;
        font-size: 16px;
        letter-spacing: 1px;
        line-height: 1.5;
    }

    .read-more a {
        font-size: 13px;
    }

    .read-more a span {
        padding: 10px;
    }

    .crest-benefit-wrap ul li:nth-child(even) .benefit-content-wrapp {
        padding: 0 45px 0 0;
    }

    .crest-highlights-wrap {
        padding: 100px 0 0;
    }

    .highlights-p {
        margin: 80px 0 0 0;
        font-size: 18px;
        line-height: 32px;
    }

    .highlight-slider-wrapper {
        padding: 20px 45px;
    }

    .highlight-slider-wrapper .item {
        height: 270px;
        display: block;
        margin: 0 0 0 -1px;
    }

    .highlights-content-wrap {
        width: 300px;
        padding: 30px 15px;
        margin: 40px 0 0 0;
    }

    .highlights-content-p {
        line-height: 20px;
        font-size: 15px;
        margin: 30px 0 0 0;
    }

    .highlights-head {
        font-size: 20px;
    }

    .enquire-wrap {
        padding: 40px 0;
    }

    .enquire-content-wrap {
        padding: 50px 0 0 30px;
    }

    .enquire-content {
        padding: 0;
    }

    .enquire-content-wrap p {
        letter-spacing: 2px;
        font-size: 21px;
    }

    .enquire-content-wrap p span {
        margin: 5px 0 15px 0;
    }

    .footer-links {
        width: 100%;
        text-align: center;
    }

    .copyright {
        width: 100%;
        text-align: center;
        margin: 10px 0 0 0;
    }

    .top-bar {
        padding: 20px 15px 10px 15px;
    }

    .inside-banner {
        min-height: 310px;
        background-attachment: scroll !important;
        background-size: cover;
    }

    .inside-banner-content-wrap {
        margin: 40px 0 0 0;
        width: 50%;
    }

    .inside-pages-head {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .inside-pages-head:before {
        top: -25px;
        background-size: 50px;
    }

    .inside-pages-head:after {
        bottom: -25px;
        background-size: 50px;
    }

    .inside-pages-tagline {
        margin: 10px 0 0 0;
        letter-spacing: 2px;
        font-size: 19px;
    }

    .inside-pages-p {
        margin: 20px 0 0 0;
        font-size: 17px;
        letter-spacing: 1px;
    }

    .inside-content-wrapper {
        padding: 30px 0;
    }

    .inside-content-tagline {
        margin-bottom: 25px;
    }

    .travel-banner {
        background-size: cover;
    }

    .common-p {
        font-size: 17px;
    }

    .section-tagline {
        margin: 25px 0 35px 0;
    }

    .section-content-head {
        font-size: 18px;
        margin-bottom: 10px;
        line-height: 1.5;
    }

    .section-content-wrap .read-more {
        margin: 15px 0 0 0;
    }

    .section-main-wrap {
        margin-bottom: 40px;
    }

    .offers-content-head {
        font-size: 23px;
    }

    .mar-bot-30 {
        margin-bottom: 15px !important;
    }

    .offers-button-wrap {
        width: 40%;
    }

    .section-content-wrap {
        padding: 15px 0 7px 0;
    }

    .content-ul li {
        font-size: 17px;
    }

    .content-ol li {
        font-size: 17px;
    }

    .dl-menuwrapper {
        display: block;
        margin: -9px -10px 0 0;
    }

    .left-logo {
        width: auto;
    }

    .left-logo img {
        width: auto;
    }

    .right-logo {
        width: auto;
        float: left !important;
        margin: -5px 0 0 4%;
    }

    .right-logo img {
        width: auto;
    }

    .navigation-wrap {
        display: none;
    }

    .table-wrap {
        width: 100%;
        margin: 0 0 30px 0;
    }

    .table-wrap:last-child {
        margin: 0;
    }

    .common-table th:nth-child(1) {
        width: 85px;
    }

    .common-table th:nth-child(2) {
        width: 180px;
    }

    .inside-pages-listing-text p {
        font-size: 15px;
    }

    .inside-pages-listing-text {
        padding: 0 20px;
        height: 80px;
    }

    .crest-assist .concierge-services-content {
        width: 100%;
    }

    .services-wrap ul li {
        width: 100%;
        min-height: 0;
        margin-bottom: 30px;
    }

    .services-content-wrap {
        width: 80%;
    }

    .table-wrap.schedule .common-table {
        width: 800px;
    }

    .table-wrap.schedule .common-table .first-td {
        width: 350px;
    }

    .table-wrap.schedule .common-table td {
        font-size: 14px;
        line-height: 20px;
        padding: 10px;
    }

    .table-wrap.schedule {
        margin: 0px;
        overflow-x: scroll
    }

    .crest-fregnanace .section-listing-wrap {
        width: 75%;
    }

    .reward-list.horizontal li {
        padding: 0px 26px;
    }

    .common-table.table-2 {
        width: 800px;
    }

    .common-table.table-2 th {
        width: 300px;
    }

    .common-table.table-2 th:last-child {
        width: auto;
    }

    .two-table-wrap {
        overflow: scroll;
    }

    .vacation-list {
        width: 100%;
    }

    .vacation-list li {
        width: 48%;
        min-height: 290px;
        margin-bottom: 30px;
    }

    .one-and-only-log {
        width: 30%;
        margin: 0 15px 0px 0;
    }

    .one-and-only .common-p {
        width: 67%;
    }

    .sitemap-menu>li>ul>li>ul>li:nth-child(2) {
        width: 40%;
    }

    .sitemap-menu>li>ul>li>ul>li:first-child {
        width: 37%;
    }

    .sitemap-menu>li>ul>li>.wellness>li {
        width: auto !important;
    }

    .mobile-menu {
        display: block;
    }

    .inside-page .crest-rewards .section-listing-wrap.FL,
    .inside-page .crest-rewards .section-listing-wrap.FR {
        width: 48%;
    }

    .reward-list .reward-img {
        margin-right: 15px;
    }

    .reward-list .reward-img img {
        width: 100px;
    }

    .reward-list .reward-data {
        width: 65%;
        padding: 5px 0px;
    }
}

@media only screen and (min-width:786px) and (max-width:1024px) {
    .contact-form {
        width: 87%;
    }
}


@media only screen and (max-width:767px) {
    .container {
        max-width: 94%;
    }

    .top-bar {
        padding: 20px 15px 10px 15px;
        z-index: 9;
    }

    .dl-menuwrapper {
        display: block;
    }

    .left-logo {
        width: 30%;
    }

    .left-logo img {
        width: 100%;
    }

    .right-logo {
        width: 50%;
        float: left !important;
        margin: 8px 0 0 4%;
    }

    .right-logo img {
        width: 100%;
    }

    .navigation-wrap {
        display: none;
    }

    .banner-content.banner-content-scroll {
        height: 275px;
    }

    .banner-content p {
        font-size: 21px;
        line-height: 1.5;
        letter-spacing: 2px;
    }

    .banner-card {
        width: 280px;
        margin: 0 auto 0;
    }

    .banner-content.banner-content-scroll .banner-card img {
        width: 100%;
    }

    .banner-content:before {
        background-size: 70px;
        height: 44px;
        top: -50px;
    }

    .banner-content:after {
        background-size: 70px;
        height: 44px;
        bottom: -45px;
    }

    .banner-content-wrapp {
        position: relative;
        top: -50px;
    }

    .banner {
        height: 360px;
        display: block;
        margin: 180px 0 0 0;
        padding: 0 15px;
    }

    .content-head span {
        padding: 10px;
        font-size: 17px;
        display: inline-block;
        line-height: 1.2;
    }

    .content-head:before {
        top: -50px;
    }

    .content-head:after {
        bottom: -65px;
    }

    .content-tagline {
        margin: 75px 0 0 0;
        font-size: 21px;
        letter-spacing: 2px;
        line-height: 1.3;
    }

    .crest-benefit-wrap ul {
        margin: 30px 0 20px 0 !important;
    }

    .benefit-content-wrapp {
        width: 100%;
        padding: 30px 15px 0 15px;
    }

    .crest-benefit-image-wrap {
        width: 100%;
    }

    .content-sub-head {
        font-size: 25px;
    }

    .benefit-tagline {
        font-size: 17px;
        letter-spacing: 2px;
        margin: 0 0 6px 0;
    }

    .benefit-content {
        margin: 0 0 15px 0;
        font-size: 17px;
        line-height: 1.2;
    }

    .read-more a span::before,
    .read-more a span {
        padding: 10px;
    }

    .read-more a {
        font-size: 16px;
    }

    .crest-benefit-wrap ul li:nth-child(even) .read-more a {
        float: left;
    }

    .crest-benefit-wrap ul li:nth-child(even) .benefit-content-wrapp {
        padding: 30px 15px 0 15px;
        text-align: left;
    }

    .crest-benefit-wrap ul li:last-child {
        margin-bottom: 20px;
    }

    .crest-highlights-wrap {
        padding: 90px 0 0;
    }

    .highlights-p {
        margin: 80px 0 0 0;
        font-size: 16px;
        line-height: 26px;
        padding: 0;
    }

    .highlight-slider-wrapper {
        padding: 20px 45px 0 45px;
    }

    .highlight-slider-wrapper .item {
        margin: 0 0 0 -1px;
        display: block;
        min-height: 101px;
        background-size: 100% 100px !important;
        background-position: top;
        height: auto;
    }

    .highlights-content-wrap {
        width: 100%;
        padding: 40px 15px 10px 15px;
        margin: 100px 0 0 0;
        min-height: 227px;
    }

    .highlights-head {
        font-size: 18px;
        padding: 0;
    }

    .highlights-content-p {
        line-height: 22px;
        font-size: 15px;
        margin: 30px 0 0 0;
    }

    .features-wrap {
        padding: 80px 0 0 0;
    }

    .features-slider-img {
        width: 40%;
    }

    .features-slider-content {
        width: 60%;
        bottom: 25px;
        font-size: 13px;
        letter-spacing: 2px;
        padding: 0 10px 0 0;
        bottom: initial;
        top: 35%;
    }

    .features-slider-content p {
        line-height: 1.5;
    }

    .features-slider-wrapper {
        padding: 0 45px 0 45px;
        margin-top: 80px;
    }

    .enquire-wrap {
        margin: 40px 0 0 0;
        padding: 30px 0;
    }

    .enquire-content {
        padding: 0 15px;
    }

    .left-card {
        width: 100%;
        text-align: center;
    }

    .left-card img {
        width: 100%;
        max-width: 320px;
        display: inline-block;
    }

    .enquire-content-wrap {
        width: 100%;
        padding: 20px 0 0 0;
        text-align: center;
    }

    .read-more {
        text-align: center;
    }

    .read-more a {
        float: none;
        margin: 0px auto;
    }

    .enquire-content-wrap p {
        letter-spacing: 2px;
        font-size: 16px;
    }

    .enquire-content-wrap p span {
        margin: 5px 0 20px 0;
    }

    footer {
        padding: 10px 15px;
    }

    .footer-links {
        width: 100%;
        text-align: center;
        font-size: 12px;
        line-height: 1.5;
    }

    .copyright {
        width: 100%;
        text-align: center;
        font-size: 12px;
        line-height: 1.5;
    }

    .inside-banner {
        min-height: 0;
        background-attachment: scroll !important;
        background-size: cover;
        margin: 0;
    }

    .inside-banner-content-wrap {
        margin: 30px 0 30px 0;
        min-height: auto;
        padding: 50px 20px 20px 0;
        width: 80%;
        float: left;
    }

    .inside-pages-head {
        font-size: 18px;
        margin-bottom: 24px;
    }

    .inside-pages-head:before {
        top: -25px;
        background-size: 50px;
    }

    .inside-pages-head:after {
        bottom: -25px;
        background-size: 50px;
    }

    .inside-pages-tagline {
        letter-spacing: 2px;
        font-size: 14px;
    }

    .inside-pages-p {
        font-size: 11px;
        line-height: 15px;
        margin: 10px 0 0 0;
    }

    .inside-content-wrapper {
        padding: 30px 0;
    }

    .inside-content-tagline {
        margin-bottom: 15px;
    }

    .common-p {
        font-size: 15px;
    }

    .inside-content-head:before {
        top: -50px;
    }

    .inside-content-head:after {
        bottom: -50px;
    }

    .section-listing-wrap {
        width: 100%;
    }

    .section-content-wrap {
        padding: 15px 0 7px 0;
    }

    /*.section-content-wrap:last-child {
        padding-bottom: 30px;
    }*/
    .mar-top-165 {
        margin-top: 10px !important;
    }

    .section-tagline {
        margin: 25px 0;
    }

    .section-content-head {
        font-size: 17px;
        line-height: 1.5;
        margin-bottom: 10px;
    }

    .section-img-wrap {
        margin: 0 0 20px 0;
        width: 100%;
    }

    .section-main-wrap {
        margin-bottom: 30px;
    }

    .offers-content {
        width: 100%;
    }

    .offers-content-head {
        font-size: 22px;
        letter-spacing: 3px;
        margin-bottom: 10px;
    }

    .offers-button-wrap {
        position: relative;
        bottom: 0;
        width: 100%;
        text-align: left;
        margin: 20px 0 0 0;
        float: left;
    }

    .offers-ul li .read-more a {
        float: left;
    }

    .offers-content-sub-head {
        font-size: 18px;
    }

    .mar-bot-30-mob {
        margin-bottom: 30px;
    }

    .read-more p {
        width: 100%;
        margin: 10px 0 0 0;
    }

    .md-modal {
        width: 90%;
        top: 10%;
        height: 0;
    }

    .md-content>div {
        padding: 35px 15PX 15PX 15PX;
    }

    .md-content>div ul li {
        background-position: left 9px;
        font-size: 14px;
        line-height: 1.2;
    }

    .md-content>div>.terms-heading {
        font-size: 16px;
    }

    .features-slider-wrapper .owl-item:hover .features-slider-img:before {
        left: -93px;
        top: -91px;
    }

    .content-ul li {
        font-size: 15px;
        padding: 0 0 10px 15px;
    }

    .content-ol li {
        font-size: 15px;
        padding: 0 0 10px 0;
    }

    .content-ul {
        margin-bottom: 10px !important;
    }

    .content-ol {
        margin-bottom: 10px !important;
    }

    .terms-condition-p {
        text-align: left;
        letter-spacing: 1px;
        font-size: 13px;
        margin: 0;
    }

    .offers-ul li {
        padding: 0 0 10px 0 !important;
    }

    .content-ul li:before {
        top: 8px;
    }

    .md-content {
        width: 90%;
        margin-left: 5%;
    }

    .mar-top-50 {
        margin-top: 10px !important;
    }

    .half-width-wrap {
        width: 100%;
    }

    .more-info-content p {
        font-size: 14px;
        line-height: 1.5;
        float: left !important;
        margin: 0 0 10px 0;
    }

    .more-info-content {
        float: left;
        width: 100%;
        margin: 0 0 20px 0;
    }

    .mar-bot-50 {
        margin-bottom: 30px !important;
    }

    .table-wrap {
        width: 100%;
        margin: 0 0 30px 0;
        overflow: auto;
    }

    .terms-condition-last-line {
        margin: 25px 0 0 0;
    }

    .dining-listing-readmore {
        margin: 0 0 20px 0 !important;
    }

    .text-align-rt {
        text-align: left;
    }

    .text-align-rt a {
        float: left;
    }

    .inside-pages-listing-wrap ul li {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .inside-pages-listing-text {
        height: auto;
        padding: 10px;
    }

    .inside-pages-listing-text p {
        font-size: 14px;
    }

    .crest-assist .concierge-services-content {
        width: 100%;
    }

    .services-wrap ul li {
        width: 100%;
        margin-bottom: 15px;
        min-height: 0;
    }

    .services-icon-wrap {
        width: 100%;
        margin: 0 0 20px 0;
        text-align: center;
    }

    .services-icon-wrap img {
        float: none;
        margin: 0px auto;
    }

    .services-content-wrap {
        width: 100%;
    }

    .services-content-wrap p {
        font-size: 18px;
        line-height: 18px;
        padding-bottom: 20px;
    }

    .table-wrap.center {
        width: 100%;
    }

    .golf .table-wrap.center .common-table {
        width: 700px;
    }

    .table-heading {
        font-size: 18px;
        line-height: 37px;
        padding-left: 20px;
    }

    .table-wrap.schedule .common-table {
        width: 650px;
        overflow-x: scroll
    }

    .table-wrap.schedule .common-table .first-td {
        width: 250px;
    }

    .table-wrap.schedule .common-table td {
        font-size: 14px;
        line-height: 20px;
        padding: 10px;
    }

    .table-wrap.schedule {
        margin: 0px;
    }

    .inside-page .section-listing-wrap {
        width: 100%;
        margin-bottom: 15px;
    }

    .inside-page .section-img-wrap {
        width: 100%
    }

    .reward-list .reward-data {
        width: 100%;
        padding: 20px 10px;
        text-align: center;
    }

    .reward-list .reward-img {
        width: 100%;
        margin-right: 0;
        text-align: center;
        margin-bottom: 15px;
    }

    .reward-list .reward-img img {
        float: none;
        margin: 0px auto;
        margin-top: 20px;
    }

    .reward-list.horizontal li {
        width: 100%;
        margin: 0px;
        padding: 0px 50px;
    }

    .genesis-luxe-club .common-p-2 p {
        padding: 10px 50px;
    }

    .genesis-luxe-club .reward-list ul li {
        margin-bottom: 0px;
    }

    .common-table.table-2 {
        width: 800px;
    }

    .common-table.table-2 th {
        width: 300px;
    }

    .common-table.table-2 th:last-child {
        width: auto;
    }

    .two-table-wrap {
        overflow: scroll;
    }

    .common-p-2 p {
        padding: 10px 10px;
    }

    .two-img .image-box {
        width: 100%;
    }

    .one-and-only-log {
        width: 100%;
        margin: 0 0 30px 0
    }

    .one-and-only .common-p {
        width: 100%;
    }

    .vacation-list {
        width: 100%;
    }

    .vacation-list li {
        width: 100%;
        min-height: 0px;
        margin-bottom: 30px;
    }

    .contact-form {
        width: 100%;
    }

    .mobile-menu {
        display: block;
    }

    ul.site-sub-list02 li {
        width: 100%;
        margin: 0;
        border: 0;
    }

    .sitemap-menu>li>ul>li>ul>li {
        display: table-cell;
        width: 100%;
        float: left
    }

    .sitemap-menu>li>ul>li>.wellness>li {
        width: 100%;
    }

    .sitemap-menu>li>ul>li>ul>li a {
        padding-left: 25px;
    }

    .sitemap-menu>li>ul>li>ul>li>ul>li a {
        padding-left: 50px;
        font-size: 12px;
        background: url(../../../content/dam/indusind/crest/images/popup-bullet-small.png) no-repeat 23px 5px;
    }

    .md-content .common-table {
        width: 600px;
    }

    .md-content {
        max-height: 300PX;
    }

    .inside-page .crest-rewards .section-listing-wrap.FL,
    .inside-page .crest-rewards .section-listing-wrap.FR {
        width: 100%;
    }

    select.state-list,
    input.city {
        width: 100%;
    }

    input.captcha-field {
        width: 70%;
        font-size: 15px;
        height: 51px;
    }

    .captcha-image {
        width: 30%;
    }

    .concierge-services .accordion {
        font-size: 18px;
        line-height: 22px;
    }

    .concierge-services .panel {
        position: relative;
        top: auto;
        margin-top: 5px;
        float: left;
    }

    .connectivity .section-listing-wrap {
        width: 100%;
    }

    p.section-tagline.common-p.connect2 {
        width: 100%;
        margin: 25px 0 65px;
    }
}

@media screen and (min-width:481px) and (max-width:767px) {

    .left-logo img,
    .right-logo img {
        width: auto;
    }

    .right-logo {
        margin: -5px 0 0 0;
    }

    .travel-banner {
        background-position: center;
    }

    .section-img-wrap {
        text-align: center;
    }

    .section-img-wrap img {
        max-width: 350px;
        display: inline-block;
    }

    .services-icon-wrap {
        width: auto;
        margin-right: 22px;
    }

    .services-content-wrap {
        width: 71%;
    }

    .services-content-wrap p {
        font-size: 22px;
        line-height: 22px;
        padding-bottom: 38px;
    }

    .reward-list .reward-img {
        width: auto;
        margin-right: 30px;
        text-align: left;
    }

    .reward-list .reward-img img {
        float: left;
        margin: 0px auto;
        margin-top: 0;
    }

    .reward-list .reward-data {
        width: 60%;
        padding: 20px 0px;
        text-align: left;
    }

    .reward-list.horizontal li {
        width: 50%;
        margin: 0px;
        padding: 0px 30px;
    }

    .vacation-list li {
        width: 48%;
        min-height: 257px;
        margin-bottom: 30px;
    }

    .one-and-only-log {
        width: 30%;
        margin: 0 15px 0px 0;
    }

    .one-and-only .common-p {
        width: 67%;
        line-height: 20px;
    }
}

@media screen and (min-width:320px) and (max-width:480px) {
    .twofields .inputBox {
        width: 100%;
    }

    .twofields .inputBox.cityField {
        float: left;
    }

    .catchaContainer {
        float: none;
        margin: 0 auto;
        width: 231px;
        clear: both
    }

    .captchaBox .inputBox {
        width: 100%;
        float: left;
        margin-bottom: 15px;
    }
}

/* Added by Aman For Airport Access lounge margin 
.section-main-wrap:last-child{
	margin-bottom: 75px !important;
}*/


/* Added by Iman For header */
.main {
    padding-top: 10px;
}






@media only screen and (max-width: 1024px) {
    .main {
        @charset "utf-8";

        * {
            padding: 0;
            margin: 0;
        }

        *,
        *::after,
        *::before {
            box-sizing: border-box;
        }




        @font-face {
            font-family: 'icomoon';
            src: url('../../../etc/scripts/crest/fonts/icomoon.eot');
            src: url('../../../etc/scripts/crest/fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('../../../etc/scripts/crest/fonts/icomoon.woff') format('woff'), url('../../../etc/scripts/crest/fonts/icomoon.ttf') format('truetype'), url('../../../etc/scripts/crest/fonts/icomoon.svg#icomoon') format('svg');
            font-weight: normal;
            font-style: normal;
        }

        body {
            font-weight: normal;
            line-height: 1;
            font-family: 'Raleway', sans-serif;
            background: #1a1a1a;

        }

        .footer-links span {
            margin: 0 5px;
        }

        .footer-links {
            font-size: 0;
        }

        .main {
            float: left;
            width: 100%;
            position: relative;
            overflow: hidden;
        }

        .clear {
            clear: both;
        }

        * ul {
            list-style: none;
            width: 100%;
            float: left;
            margin: 0 !important;
        }

        * li {
            float: left;
            width: 100%;
        }

        * img {
            display: block;
        }

        * a {
            text-decoration: none;
            transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
        }

        * a:hover {
            transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            text-decoration: none !important;
        }

        * p {
            float: left;
            line-height: 1;
            width: 100%;
        }

        .FL {
            float: left !important;
        }

        .FR {
            float: right !important;
        }

        .fl-wdth {
            float: left;
            width: 100%;
        }

        .container {
            margin: 0 auto;
            width: 1170px;
            max-width: 96%;
        }

        .no-margin {
            margin: 0px !important;
        }

        .top-bar {
            background: url(../../../content/dam/indusind/crest/images/crest-benefit-bg.jpg) no-repeat 0px -20px;
            background-size: cover;
            padding: 40px 45px 0px 45px;
        }

        .left-logo {
            width: 8%;
            margin-bottom: 10px;
        }

        .navigation-wrap {
            width: 66%;
            min-height: 45px;
        }

        .right-logo {
            width: 18%;
        }

        .right-logo img {
            float: right;
        }

        .navigation-wrap ul {
            text-align: center;
            z-index: 99;
        }

        .navigation-wrap ul li {
            display: inline-block;
            float: none;
            width: auto;
            position: relative;
            min-height: 42px;
            margin: 0px auto;
            margin-bottom: -3px;
        }

        .navigation-wrap ul li a {
            float: left;
            width: 100%;
            color: #484848;
            text-transform: uppercase;
            font-weight: 500;
            padding: 8px 20px;
            font-size: 16px;
            letter-spacing: 4px;
            position: relative;
            transition: 0.5s;
        }

        .navigation-wrap ul li a span {
            position: relative;
            font-size: 15px;
        }

        .navigation-wrap ul li a:hover {
            color: #000;
            font-weight: 600;
        }

        .navigation-wrap ul li a span:after {
            position: absolute;
            background: #484848;
            width: 100%;
            height: 1px;
            left: 0;
            content: "";
            bottom: -5px;
            transition: 0.5s;
            transform: scaleX(0);
        }

        .navigation-wrap ul li a:hover span:after {
            transform: scaleX(1);
            transition: 0.5s;
        }

        .navigation-wrap ul li.active .sub-menu {
            opacity: 1;
            transition: 0.5s;
        }

        .navigation-wrap ul li .sub-menu {
            width: auto;
            float: left;
            position: absolute;
            top: 60px;
            left: 0px;
            background: #fff;
            opacity: 0;
            display: block;
            transition: 0.5s;
            z-index: 999
        }

        .navigation-wrap ul li .sub-menu li {
            width: 100%;
            float: left;
        }

        .navigation-wrap ul li .sub-menu li a {
            display: block;
        }

        .navigation-wrap ul li>ul {
            transition: 0.1s;
            position: absolute;
            top: 70px;
            left: 0;
            visibility: hidden;
            opacity: 0;
            width: 180px;
            background: url(../../../content/dam/indusind/crest/images/crest-menu-bg.jpg) no-repeat center;
            background-size: cover;
        }

        .navigation-wrap ul li>ul li {
            width: 100%;
            float: left;
            margin-bottom: 1px;
        }

        .navigation-wrap ul li>ul li:last-child {
            margin-bottom: 0px;
        }

        .navigation-wrap ul li>ul li a {
            padding: 20px;
            display: block;
            letter-spacing: 0px;
        }

        .navigation-wrap ul li>ul li a:hover {
            background: rgba(0, 0, 0, 0.5);
            color: #fff;
        }

        .navigation-wrap ul li>ul li a span:after {
            display: none;
        }

        .navigation-wrap ul li>ul li a:before {
            content: "";
            background: url(../../../content/dam/indusind/crest/images/sub-menu-border.png) no-repeat center;
            width: 90%;
            height: 1px;
            bottom: -1px;
            left: 5%;
            background-size: 100%;
            position: absolute;
        }

        .navigation-wrap ul li>ul li:last-child a:before {
            display: none;
        }

        .navigation-wrap ul li:hover>ul {
            transition: 0.5s;
            top: 45px;
            visibility: visible;
            opacity: 1;
        }

        .navigation-wrap ul li>ul li>ul {
            top: 0;
            left: 125%;
            width: 230px;
        }

        .navigation-wrap ul li>ul li:hover>ul {
            top: 0;
            left: 100%;
        }

        .navigation-wrap ul li>ul li>ul>ul li {
            top: 0;
            right: -80%;
            left: initial;
        }

        .navigation-wrap ul li>ul li>ul li:hover>ul {
            top: 0;
            right: -100%;
        }

        .banner {
            height: 540px;
            color: #fff;
            display: table;
        }

        .banner-content-wrapp {
            width: 100%;
            display: table-cell;
            height: 100%;
            vertical-align: middle;
            text-align: center;
        }

        .banner-content p {
            font-size: 30px;
            text-transform: uppercase;
            font-weight: 100;
            letter-spacing: 5px;
            opacity: 0;
            transition: 1s;
            position: relative;
            left: -100px;
        }

        .banner-content.banner-content-scroll p {
            opacity: 1;
            transition: 1s;
            left: 0;
            transition-delay: 0.5s;
        }

        .banner-content p span {
            font-weight: 600;
        }

        @-webkit-keyframes highlight-right {
            0% {
                opacity: 0;
                left: 0;
                -webkit-transform: scale(0);
                transform: scale(0)
            }

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

            100% {
                opacity: 0;
                left: 100%;
                -webkit-transform: scale(0);
                transform: scale(0)
            }
        }

        @-webkit-keyframes highlight-left {
            0% {
                opacity: 0;
                right: 0;
                -webkit-transform: scale(0);
                transform: scale(0)
            }

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

            100% {
                opacity: 0;
                right: 100%;
                -webkit-transform: scale(0);
                transform: scale(0)
            }
        }

        @-webkit-keyframes highlight-mirror {
            0% {
                left: -110%;
            }

            100% {
                left: 100%;
            }
        }

        .highlight-mirror {
            position: absolute;
            animation: highlight-mirror 2s ease-in 0s infinite;
            -webkit-animation: highlight-mirror 2s ease-in 0s infinite;
            margin: 0;
            top: -21px;
            height: 113%;
        }

        .highlight-right {
            position: absolute;
            animation: highlight-right 2s ease-in 0s infinite;
            -webkit-animation: highlight-right 3s ease-in 0s infinite;
            margin: -20px 0 0 -106px;
            width: auto !important;
        }

        .highlight-left {
            position: absolute;
            animation: highlight-left 2s ease-in 0s infinite;
            -webkit-animation: highlight-left 3s ease-in 0s infinite;
            margin: -20px -106px 0 0;
            width: auto !important;
        }

        .banner-card {
            position: relative;
            width: auto;
            float: none;
            display: inline-block;
            margin: 0px auto;
            border-radius: 10px;
            overflow: hidden;
            padding: 0px 0;
            margin: 20px 0px;
            transition: 0.5s;
            opacity: 0;
            position: relative;
            right: -100px;
        }

        .banner-content.banner-content-scroll .banner-card {
            transition: 1s;
            opacity: 1;
            right: 0;
            transition-delay: 1s;
            -webkit-box-shadow: 0px 0px 130px 10px rgba(61, 60, 61, 1);
            -moz-box-shadow: 0px 0px 130px 10px rgba(61, 60, 61, 1);
            box-shadow: 0px 0px 130px 10px rgba(61, 60, 61, 1);
            -moz-box-shadow: 0px 0px 130px 10px rgba(61, 60, 61, 1);
        }

        .banner-content.banner-content-scroll .banner-card img {
            width: 300px;
        }

        .banner-content {
            position: relative;
            height: 0;
            transition: 1s;
        }

        .banner-content.banner-content-scroll {
            transition: 1s;
            height: 300px;
        }

        .banner-content:before {
            position: absolute;
            background: url(../../../content/dam/indusind/crest/images/banner-artwork.png) no-repeat center;
            background-size: 100px;
            width: 100%;
            height: 54px;
            left: 0;
            top: -75px;
            content: "";
        }

        .banner-content:after {
            position: absolute;
            background: url(../../../content/dam/indusind/crest/images/banner-artwork.png) no-repeat center;
            background-size: 100px;
            width: 100%;
            height: 54px;
            left: 0;
            bottom: -25px;
            content: "";
            transform: rotateX(180deg);
        }

        .read-more a {
            cursor: pointer;
            line-height: 1;
            -webkit-perspective: 1000px;
            -moz-perspective: 1000px;
            perspective: 1000px;
            font-size: 23px;
            color: #fff;
            text-transform: uppercase;
            letter-spacing: 3px;
            font-weight: 600;
            display: inline-block;
            float: left;
        }

        .read-more a span {
            position: relative;
            display: inline-block;
            padding: 10px 15px;
            font-size: 14px;
            background: #404040;
            -webkit-transition: -webkit-transform 0.3s;
            -moz-transition: -moz-transform 0.3s;
            transition: transform 0.3s;
            -webkit-transform-origin: 50% 0;
            -moz-transform-origin: 50% 0;
            transform-origin: 50% 0;
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            transform-style: preserve-3d;
        }

        .read-more a span::before {
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            height: 100%;
            background: #404040;
            content: attr(data-hover);
            -webkit-transition: background 0.3s;
            -moz-transition: background 0.3s;
            transition: background 0.3s;
            -webkit-transform: rotateX(-90deg);
            -moz-transform: rotateX(-90deg);
            transform: rotateX(-90deg);
            -webkit-transform-origin: 50% 0;
            -moz-transform-origin: 50% 0;
            transform-origin: 50% 0;
            text-align: center;
            padding: 10px 15px;
        }

        .read-more a:hover span,
        .read-more a:focus span {
            -webkit-transform: rotateX(90deg) translateY(-22px);
            -moz-transform: rotateX(90deg) translateY(-22px);
            transform: rotateX(90deg) translateY(-22px);
        }

        .read-more a:hover span::before,
        .read-more a:focus span::before {
            background: #808080;
        }

        .crest-benefit-wrap {
            background: url(../../../content/dam/indusind/crest/images/crest-benefit-bg.jpg) no-repeat center -20px;
        }

        .content-head {
            float: left;
            width: 100%;
            text-align: center;
            position: relative;
        }

        .content-head span {
            color: #fff;
            background: #808080;
            text-transform: uppercase;
            letter-spacing: 4px;
            padding: 10px 20px;
            font-weight: 600;
            font-size: 18px;
        }

        .content-head {
            float: left;
            width: 100%;
            text-align: center;
            position: relative;
            margin: -18px 0 0 0;
        }

        .content-head:before {
            width: 100%;
            height: 45px;
            background: url(../../../content/dam/indusind/crest/images/content-head-artwork-1.png) no-repeat center top;
            content: "";
            position: absolute;
            left: 0;
            top: -50px;
        }

        .content-head:after {
            width: 100%;
            height: 45px;
            background: url(../../../content/dam/indusind/crest/images/content-head-artwork-2.png) no-repeat center top;
            content: "";
            position: absolute;
            left: 0;
            bottom: -60px;
        }

        .content-tagline {
            margin: 70px 0 0 0;
            text-align: center;
            font-size: 26px;
            text-transform: uppercase;
            font-weight: 400;
            letter-spacing: 4px;
            color: #2b2b2b;
        }

        .content-tagline span {
            font-weight: 700;
        }

        .crest-benefit-wrap ul {
            margin: 30px 0 60px 0 !important;
        }

        .crest-benefit-wrap ul li {
            margin: 0 0 35px 0;
            position: relative;
        }

        .benefit-content-wrapp {
            width: 50%;
            float: right;
            padding: 0 0 60px 45px;
        }

        .crest-benefit-image-wrap {
            float: left;
            width: 50%;
            position: relative;
        }

        .crest-benefit-image-wrap:before {
            position: absolute;
            width: 100%;
            height: 30px;
            background: url(../../../content/dam/indusind/crest/images/crest-benefit-bg-shadow.png) no-repeat center;
            left: 0;
            bottom: -30px;
            content: "";
            background-size: cover;
        }

        .crest-benefit-image-wrap img {
            width: 100%;
            transition: 0.5s;
        }

        .crest-benefit-image {
            float: left;
            width: 100%;
            overflow: hidden;
        }

        .crest-benefit-wrap ul li:hover .crest-benefit-image img {
            transition: 0.5s;
            transform: scale(1.05);
        }

        .crest-benefit-wrap ul li:nth-child(even) .crest-benefit-image-wrap:before {
            left: initial;
            right: 0;
            transform: rotateY(180deg);
        }

        .crest-benefit-wrap ul li:nth-child(even) .crest-benefit-image-wrap {
            float: right;
        }

        .crest-benefit-wrap ul li:nth-child(even) .benefit-content-wrapp {
            float: left;
            padding: 0 45px 60px 0;
            text-align: right;
        }

        .content-sub-head {
            float: left;
            width: 100%;
            text-transform: uppercase;
            letter-spacing: 3px;
            font-size: 20px;
            margin: 0 0 10px 0;
        }

        .benefit-tagline {
            text-transform: uppercase;
            font-size: 18px;
            letter-spacing: 3px;
            font-weight: 500;
            margin: 0 0 15px 0;
        }

        .benefit-content {
            margin: 0 0 20px 0;
            font-size: 16px;
            letter-spacing: 1px;
        }

        .crest-benefit-wrap ul li.travel:before {
            background: url(../../../content/dam/indusind/crest/images/travel-bg.jpg) no-repeat left top;
        }

        .owl-carousel,
        .owl-item {
            -webkit-tap-highlight-color: transparent;
            position: relative
        }

        .owl-carousel {
            display: none;
            width: 100%;
            z-index: 1
        }

        .owl-stage {
            position: relative;
            -ms-touch-action: pan-Y;
            -moz-backface-visibility: hidden
        }

        .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

        .owl-stage-outer {
            position: relative;
            overflow: hidden;
            -webkit-transform: translate3d(0, 0, 0);
            z-index: 9;
        }

        .owl-item,
        .owl-carousel .owl-wrapper {
            -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-item {
            min-height: 1px;
            float: left;
            -webkit-backface-visibility: hidden;
            -webkit-touch-callout: none
        }

        .owl-item img {
            display: block;
            width: 100%
        }

        .owl-dots.disabled,
        .owl-nav.disabled {
            display: none
        }

        .no-js .owl-carousel,
        .owl-carousel.owl-loaded {
            display: block
        }

        .owl-dot,
        .owl-nav .owl-next,
        .owl-nav .owl-prev {
            cursor: pointer;
            cursor: hand;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .owl-loading {
            opacity: 0;
            display: block
        }

        .owl-hidden {
            opacity: 0
        }

        .owl-refresh .owl-item {
            visibility: hidden
        }

        .owl-drag .owl-item {
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none
        }

        .owl-grab {
            cursor: move;
            cursor: grab
        }

        .owl-rtl {
            direction: rtl
        }

        .owl-rtl .owl-item {
            float: right
        }

        .animated {
            animation-duration: 1s;
            animation-fill-mode: both
        }

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

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

        .fadeOut {
            animation-name: fadeOut
        }

        @keyframes fadeOut {
            0% {
                opacity: 1
            }

            100% {
                opacity: 0
            }
        }

        .owl-height {
            transition: height .5s ease-in-out
        }

        .owl-item .owl-lazy {
            opacity: 0;
            transition: opacity .4s ease
        }

        .owl-item img.owl-lazy {
            transform-style: preserve-3d
        }

        .owl-video-wrapper {
            position: relative;
            height: 100%;
            background: #000
        }

        .owl-video-play-icon {
            position: absolute;
            height: 80px;
            width: 80px;
            left: 50%;
            top: 50%;
            margin-left: -40px;
            margin-top: -40px;
            background: url(clientlib-base/css/owl.video.play.png) no-repeat;
            cursor: pointer;
            z-index: 1;
            -webkit-backface-visibility: hidden;
            transition: transform .1s ease
        }

        .owl-video-play-icon:hover {
            -ms-transform: scale(1.3, 1.3);
            transform: scale(1.3, 1.3)
        }

        .owl-video-playing .owl-video-play-icon,
        .owl-video-playing .owl-video-tn {
            display: none
        }

        .owl-video-tn {
            opacity: 0;
            height: 100%;
            background-position: center center;
            background-repeat: no-repeat;
            background-size: contain;
            transition: opacity .4s ease
        }

        .owl-video-frame {
            position: relative;
            z-index: 1;
            height: 100%;
            width: 100%
        }

        .highlight-slider-wrapper {
            float: left;
            width: 100%;
        }

        .highlights-p {
            margin: 80px 0 0 0;
            color: #fff;
            font-size: 20px;
            text-align: center;
            line-height: 35px;
            padding: 0 5%;
            font-weight: 200;
        }

        .crest-highlights-wrap {
            padding: 150px 0 0;
        }

        .crest-highlights-wrap .content-head:after {
            background: url(../../../content/dam/indusind/crest/images/content-head-artwork-1.png) no-repeat center bottom;
            transform: rotateX(180deg);
        }

        .highlight-slider-wrapper {
            float: left;
            width: 100%;
            color: #fff;
            padding: 40px 45px;
        }

        .highlight-slider-wrapper .item {
            height: 460px;
            display: table;
            width: 100%;
        }

        .highlights-banner-1 {
            background: url(../../../content/dam/indusind/crest/images/highlight-banner-1.jpg) no-repeat center;
            background-size: cover;
        }


        /*.highlights-banner-2 {
    background: url(../../../content/dam/indusind/crest/images/highlight-banner-2.jpg) no-repeat center;
    background-size: cover;
}

.highlights-banner-3 {
    background: url(../../../content/dam/indusind/crest/images/highlight-banner-3.jpg) no-repeat center;
    background-size: cover;
}*/


        .highlights-banner-4 {
            background: url(../../../content/dam/indusind/crest/images/highlight-banner-4.jpg) no-repeat center;
            background-size: cover;
        }

        .highlights-content {
            display: table-cell;
            vertical-align: middle;
        }

        .highlights-head {
            font-size: 20px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 3px;
            padding: 0;
            width: auto;
            float: none;
            display: inline-block;
            margin: 0px auto;
            position: relative;
        }

        .highlights-head a {
            color: #fff;
        }

        .highlights-head a:hover {
            color: #b9b4b4;
            text-decoration: underline;
        }

        .highlights-head:before {
            position: absolute;
            background: url(../../../content/dam/indusind/crest/images/highlights-head-artwork.png) no-repeat center;
            background-size: 100%;
            width: 22px;
            height: 14px;
            left: 50%;
            margin-left: -11px;
            top: -20px;
            content: "";
        }

        .highlights-head:after {
            position: absolute;
            background: url(../../../content/dam/indusind/crest/images/highlights-head-artwork.png) no-repeat center;
            background-size: 100%;
            width: 22px;
            height: 14px;
            left: 50%;
            margin-left: -11px;
            bottom: -20px;
            content: "";
            transform: rotateX(180deg);
        }

        .highlights-content-wrap {
            float: left;
            width: 400px;
            padding: 30px 55px;
            background: rgba(0, 0, 0, 0.7);
            text-align: center;
        }

        .highlights-content-p {
            line-height: 22px;
            font-weight: 300;
            letter-spacing: 1px;
            font-size: 15px;
            margin: 30px 0 0 0;
            text-align: center;
        }

        .owl-dots {
            display: none;
        }

        .owl-nav {
            position: absolute;
            top: 0;
            left: -45px;
            width: calc(100% + 90px);
            top: 45%;
        }

        .owl-nav .owl-prev {
            float: left;
            width: auto;
            display: inline-block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 16px 15px 16px 0;
            border-color: transparent #fff transparent transparent;
            font-size: 0;
        }

        .owl-nav .owl-next {
            float: right;
            width: auto;
            font-size: 0;
            display: inline-block;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 16px 0 16px 15px;
            border-color: transparent transparent transparent #fff;
        }

        .features-wrap {
            padding: 70px 0 0 0;
        }

        .features-wrap .content-head:after {
            background: url(../../../content/dam/indusind/crest/images/content-head-artwork-1.png) no-repeat center bottom;
            transform: rotateX(180deg);
        }

        .features-slider-wrapper {
            float: left;
            width: 100%;
            margin: 100px 0 0 0;
            padding: 0 45px 60px 45px;
        }

        .owl-carousel2 {
            position: relative;
        }

        .owl-carousel3 {
            position: relative;
        }

        .features-slider-wrapper .owl-carousel3 .owl-item {
            padding-bottom: 0px;
        }

        .features-slider-img img {
            position: relative;
            z-index: 1;
        }

        .features-slider-img {
            float: left;
            width: auto;
            position: relative
        }

        .features-slider-img:before {
            position: absolute;
            left: -150px;
            top: -158px;
            height: 170%;
            background: rgba(0, 0, 0, 0.8);
            content: "";
            width: 170%;
            border-radius: 50%;
            opacity: 1;
            transition: 0.5s;
        }

        .features-slider-wrapper .owl-item:hover .features-slider-img:before {
            transition: 0.5s;
            left: -135px;
            top: -140px;
        }

        .features-slider-wrapper .owl-item {
            background: #4d4d4d;
            padding-bottom: 25px;
            overflow: hidden;
        }

        .features-slider-content p {
            line-height: 31px;
        }

        .features-slider-wrapper .owl-item:hover .features-slider-content {
            bottom: 30px;
            transition: 0.5s;
        }

        .features-slider-content {
            transition: 0.5s;
            position: absolute;
            width: 50%;
            right: 0;
            bottom: 25px;
            text-align: center;
            color: #fff;
            font-size: 16px;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 3px;
            padding: 0 25px 0 0;
        }

        .enquire-wrap {
            background: url(../../../content/dam/indusind/crest/images/enquire-bg.jpg) no-repeat center top;
            padding: 40px 0;
        }

        .enquire-content {
            float: left;
            width: 100%;
            padding: 0 45px;
        }

        .left-card {
            float: left;
            width: 41%;
        }

        .left-card img {
            width: 100%;
        }

        .enquire-content-wrap {
            float: right;
            width: 59%;
            padding: 75px 0 0 70px;
        }

        .enquire-content-wrap p {
            letter-spacing: 3px;
            font-size: 22px;
            text-transform: uppercase;
            font-weight: 500;
            color: #424242;
        }

        .enquire-content-wrap p span {
            float: left;
            width: 100%;
            font-weight: 700;
            margin: 15px 0 20px 0;
        }

        footer {
            float: left;
            width: 100%;
            background: url(../../../content/dam/indusind/crest/images/crest-benefit-bg.jpg) no-repeat 0px -20px;
            padding: 15px 75px;
            background-size: 100%;
            font-size: 18px;
            color: #020003;
            font-weight: 500;
        }

        footer a,
        .copyright {
            color: #000;
            font-size: 15px;
        }

        .dl-menuwrapper {
            width: auto;
            float: right;
            position: relative;
            -webkit-perspective: 1000px;
            perspective: 1000px;
            -webkit-perspective-origin: 50% 200%;
            perspective-origin: 50% 200%;
            transition: 0.5s;
            background: transparent;
            transition: 0.5s;
            z-index: 999999;
            margin: -6px -10px 0 0;
        }

        .dl-menuwrapper:first-child {
            margin-right: 100px;
        }

        .dl-menuwrapper button {
            background: transparent;
            border: none;
            width: 48px;
            height: 36px;
            text-indent: -900em;
            overflow: hidden;
            position: relative;
            cursor: pointer;
            outline: none;
            margin: 0;
            border-radius: 5px;
        }

        .dl-menuwrapper button:hover,
        .dl-menuwrapper button.dl-active,
        .dl-menuwrapper ul {
            background: #d9d9d9;
        }

        .dl-menuwrapper button:after {
            content: '';
            position: absolute;
            width: 61%;
            height: 4px;
            background: #131313;
            top: 7px;
            left: 18%;
            box-shadow: 0 9px 0 #131313, 0 18px 0 #131313;
            border-radius: 15px;
        }

        .dl-menuwrapper ul {
            padding: 0;
            list-style: none;
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
        }

        .dl-menuwrapper li {
            position: relative;
        }

        .dl-menuwrapper li>a {
            display: block;
            position: relative;
            padding: 10px;
            font-size: 16px;
            line-height: 20px;
            font-weight: 500;
            color: #000;
            outline: none;
            border-bottom: 1px solid rgba(255, 255, 255, 0.4);
        }

        .no-touch .dl-menuwrapper li a:hover {
            background: rgba(255, 248, 213, 0.1);
        }

        .dl-menuwrapper li.dl-back>a {
            padding-left: 30px;
            background: rgba(0, 0, 0, 0.1);
        }

        .dl-menuwrapper li.dl-back:after,
        .dl-menuwrapper li>a:not(:only-child):after {
            position: absolute;
            top: 0;
            line-height: 40px;
            font-family: 'icomoon';
            speak: none;
            -webkit-font-smoothing: antialiased;
            content: "\e000";
        }

        .dl-menuwrapper li.dl-back:after {
            left: 10px;
            color: #000;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        .dl-menuwrapper li>a:after {
            right: 10px;
            color: #3e3e3f;
        }

        .dl-menuwrapper .dl-menu {
            margin: 5px 0 0 0;
            position: absolute;
            width: 100%;
            opacity: 0;
            pointer-events: none;
            -webkit-transform: translateY(10px);
            transform: translateY(10px);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
            right: 0;
            width: 310px;
            top: 41px;
        }

        .dl-menuwrapper .dl-menu.dl-menu-toggle {
            transition: all 0.3s ease;
        }

        .dl-menuwrapper .dl-menu.dl-menuopen {
            opacity: 1;
            pointer-events: auto;
            -webkit-transform: translateY(0px);
            transform: translateY(0px);
        }

        .dl-menuwrapper li .dl-submenu {
            display: none;
        }

        .dl-menu.dl-subview li,
        .dl-menu.dl-subview li.dl-subviewopen>a,
        .dl-menu.dl-subview li.dl-subview>a {
            display: none;
        }

        .dl-menu.dl-subview li.dl-subview,
        .dl-menu.dl-subview li.dl-subview .dl-submenu,
        .dl-menu.dl-subview li.dl-subviewopen,
        .dl-menu.dl-subview li.dl-subviewopen>.dl-submenu,
        .dl-menu.dl-subview li.dl-subviewopen>.dl-submenu>li {
            display: block;
        }

        .dl-menuwrapper>.dl-submenu {
            position: absolute;
            width: 100%;
            top: 50px;
            left: 0;
            margin: 0;
        }

        .dl-menu.dl-animate-out-2 {
            -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
            animation: MenuAnimOut2 0.3s ease-in-out;
        }

        @-webkit-keyframes MenuAnimOut2 {
            0% {}

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

        @keyframes MenuAnimOut2 {
            0% {}

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

        .dl-menu.dl-animate-in-2 {
            -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
            animation: MenuAnimIn2 0.3s ease-in-out;
        }

        @-webkit-keyframes MenuAnimIn2 {
            0% {
                -webkit-transform: translateX(-100%);
                opacity: 0;
            }

            100% {
                -webkit-transform: translateX(0px);
                opacity: 1;
            }
        }

        @keyframes MenuAnimIn2 {
            0% {
                -webkit-transform: translateX(-100%);
                transform: translateX(-100%);
                opacity: 0;
            }

            100% {
                -webkit-transform: translateX(0px);
                transform: translateX(0px);
                opacity: 1;
            }
        }

        .dl-menuwrapper>.dl-submenu.dl-animate-in-2 {
            -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
            animation: SubMenuAnimIn2 0.3s ease-in-out;
        }

        @-webkit-keyframes SubMenuAnimIn2 {
            0% {
                -webkit-transform: translateX(100%);
                opacity: 0;
            }

            100% {
                -webkit-transform: translateX(0px);
                opacity: 1;
            }
        }

        @keyframes SubMenuAnimIn2 {
            0% {
                -webkit-transform: translateX(100%);
                transform: translateX(100%);
                opacity: 0;
            }

            100% {
                -webkit-transform: translateX(0px);
                transform: translateX(0px);
                opacity: 1;
            }
        }

        .dl-menuwrapper>.dl-submenu.dl-animate-out-2 {
            -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
            animation: SubMenuAnimOut2 0.3s ease-in-out;
        }

        @-webkit-keyframes SubMenuAnimOut2 {
            0% {
                -webkit-transform: translateX(0%);
                opacity: 1;
            }

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



        @keyframes SubMenuAnimOut2 {
            0% {
                -webkit-transform: translateX(0%);
                transform: translateX(0%);
                opacity: 1;
            }

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

        .no-js .dl-menuwrapper .dl-menu {
            position: relative;
            opacity: 1;
            -webkit-transform: none;
            transform: none;
        }

        .no-js .dl-menuwrapper li .dl-submenu {
            display: block;
        }

        .no-js .dl-menuwrapper li.dl-back {
            display: none;
        }

        .no-js .dl-menuwrapper li>a:not(:only-child) {
            background: rgba(0, 0, 0, 0.1);
        }

        .no-js .dl-menuwrapper li>a:not(:only-child):after {
            content: '';
        }

        .demo-2 .dl-menuwrapper button {
            background: #e86814;
        }

        .demo-2 .dl-menuwrapper button:hover,
        .demo-2 .dl-menuwrapper button.dl-active,
        .demo-2 .dl-menuwrapper ul {
            background: #D35400;
        }

        .dl-menuwrapper {
            display: none;
        }

        .inside-banner {
            min-height: 400px;
            background-attachment: fixed !important;
            background-size: 100%;
        }

        .travel-banner {
            background: url(../../../content/dam/indusind/crest/images/travel-banner.jpg) no-repeat top right;
            background-size: 100%;
        }

        .golf-banner {
            background: url(../../../content/dam/indusind/crest/images/golf-banner-tpc.jpg) no-repeat top right;
            background-size: 100%;
        }

        .golf-banner-tpc {
            background: url(../../../content/dam/indusind/crest/images/golf-banner-tpc.jpg) no-repeat top right;
            background-size: 100%;
        }

        .dining-banner {
            background: url(../../../content/dam/indusind/crest/images/dining-banner.jpg) no-repeat top right;
            background-size: 100%;
        }

        .entertainment-banner {
            background: url(../../../content/dam/indusind/crest/images/entertainment-banner.jpg) no-repeat top right;
            background-size: cover;
        }

        .crest-assistance-banner {
            background: url(../../../content/dam/indusind/crest/images/crest-assistance-banner.jpg) no-repeat top right;
            background-size: 100%;
        }

        .crest-freedom-banner {
            background: url(../../../content/dam/indusind/crest/images/crest-freedom-banner.jpg) no-repeat top right;
            background-size: 100%;
        }

        .crest-rewards-banner {
            background: url(../../../content/dam/indusind/crest/images/crest-rewards-banner.jpg) no-repeat top right;
            background-size: 100%;
        }

        .crest-wellness-banner {
            background: url(../../../content/dam/indusind/crest/images/crest-wellness-banner.jpg) no-repeat top right;
            background-size: 106%;
        }

        .crest-movies-banner {
            background: url(../../../content/dam/indusind/crest/images/crest-movies-banner.jpg) no-repeat top right;
            background-size: 100%;
        }

        .crest-festa-banner {
            background: url(../../../content/dam/indusind/crest/images/crest-festa-banner.jpg) no-repeat top right;
            background-size: 100%;
        }

        .crest-fregnanace-banner {
            background: url(../../../content/dam/indusind/crest/images/crest-fregnanace-banner.jpg) no-repeat top right;
            background-size: 100%;
        }

        .genesis-luxe-club-banner {
            background: url(../../../content/dam/indusind/crest/images/genesis-luxe-club-banner.jpg) no-repeat top right;
            background-size: 100%;
        }

        .club-itc-banner {
            background: url(../../../content/dam/indusind/crest/images/club-itc-banner.jpg) no-repeat top right;
            background-size: 100%;
        }

        .crest-festa-banner {
            background: url(../../../content/dam/indusind/crest/images/crest-festa-banner.jpg) no-repeat top right;
            background-size: 100%;
        }

        .crest-movies-banner {
            background: url(../../../content/dam/indusind/crest/images/crest-movies-banner.jpg) no-repeat top right;
            background-size: 100%;
        }

        .enquiry-form-banner {
            background: url(../../../content/dam/indusind/crest/images/enquiry-form-banner.jpg) no-repeat top right;
            background-size: 100%;
        }

        .schedule-of-charges-banner {
            background: url(../../../content/dam/indusind/crest/images/schedule-of-charges-banner.jpg) no-repeat top right;
            background-size: cover;
        }

        .sitemap-banner {
            background: url(../../../content/dam/indusind/crest/images/sitemap-banner.jpg) no-repeat right top;
            background-size: 100%;
        }

        .connectivity-banner {
            background: url(../../../content/dam/indusind/crest/images/connectivity-banner.jpg) no-repeat top right;
            background-size: 100%;
        }

        .stay-banner {
            background: url(../../../content/dam/indusind/crest/images/stay-banner.jpg) no-repeat top right;
            background-size: 100%;
        }

        .table-content-wrap.stay .common-table td {
            text-align: left;
        }

        .connectivity .section-listing-wrap {
            width: 48%;
            padding: 0 1%;
            margin-bottom: 30px;
        }

        .connectivity p {
            font-size: 15px;
            line-height: 25px;
            font-weight: 300;
            letter-spacing: 2px;
            margin: 0 0 20px 0;
            height: 83px;
            padding: 17px 0 17px 130px;
        }

        p.connectivity1 {
            background: url(../../../content/dam/indusind/crest/images/connectivity1.png) no-repeat left center;
            background-size: 110px 83px;
        }

        p.connectivity2 {
            background: url(../../../content/dam/indusind/crest/images/connectivity2.png) no-repeat left center;
            background-size: 110px 83px;
        }

        p.connectivity3 {
            background: url(../../../content/dam/indusind/crest/images/connectivity3.png) no-repeat left center;
            background-size: 110px 83px;
        }

        p.connectivity4 {
            background: url(../../../content/dam/indusind/crest/images/connectivity4.png) no-repeat left center;
            background-size: 110px 83px;
        }




        .inside-content-wrapper.fl-wdth.connectivity-main {
            padding: 65px 0 30px;
        }

        .inside-banner-content-wrap {
            text-align: center;
            margin: 80px 0 0 0;
            display: inline-block;
            padding: 50px 30px 50px 0;
            position: relative;
            background: rgba(0, 0, 0, 0.7);
            width: 45%;
            color: #fff;
        }

        p.stay1 {
            background: url(../../../content/dam/indusind/crest/images/stay1.png) no-repeat left center;
            background-size: 110px 83px;
        }

        p.stay2 {
            background: url(../../../content/dam/indusind/crest/images/stay2.png) no-repeat left center;
            background-size: 110px 83px;
        }

        p.stay3 {
            background: url(../../../content/dam/indusind/crest/images/stay3.png) no-repeat left center;
            background-size: 110px 83px;
        }

        p.stay4 {
            background: url(../../../content/dam/indusind/crest/images/stay4.png) no-repeat left center;
            background-size: 110px 83px;
        }

        p.section-tagline.common-p.connect2 {
            width: 68%;
            margin: 25px 16% 65px;
        }

        p.section-tagline.common-p.connect3 {
            width: 100%;
            margin: 0px;
            text-align: center;
        }

        p.terms-conditions-p.connect {
            text-align: right;
            margin: 10px 0 0 0;
            font-size: 13px;
            color: #bebebe;
            letter-spacing: 1px;
        }

        .inside-banner-content-wrap:before {
            width: 100%;
            left: -100%;
            height: 100%;
            top: 0;
            position: absolute;
            content: "";
            background: rgba(0, 0, 0, 0.7);
        }

        .inside-pages-head {
            float: left;
            width: 100%;
            font-size: 24px;
            letter-spacing: 2px;
            text-transform: uppercase;
            margin-bottom: 30px;
            position: relative;
            text-align: center;
        }

        .inside-pages-head:before {
            width: 100%;
            height: 25px;
            background: url(../../../content/dam/indusind/crest/images/content-head-artwork-1.png) no-repeat center;
            content: "";
            position: absolute;
            top: -30px;
            left: 0;
            background-size: 50px;
        }

        .inside-pages-head:after {
            width: 100%;
            height: 25px;
            background: url(../../../content/dam/indusind/crest/images/content-head-artwork-1.png) no-repeat center;
            content: "";
            position: absolute;
            left: 0;
            bottom: -30px;
            transform: rotateX(180deg);
            background-size: 50px;
        }

        .inside-pages-tagline {
            text-transform: uppercase;
            margin: 15px 0 0 0;
            letter-spacing: 4px;
            font-size: 16px;
            line-height: 20px
        }

        .inside-pages-p {
            margin: 10px 0 0 0;
            font-size: 14px;
            letter-spacing: 1px;
            line-height: 20px;
        }

        .inside-pages-p img {
            /*float: none;
    margin: 0px auto;*/
            display: inline-block;
            vertical-align: text-bottom;
        }

        .navigation-wrap ul li:last-child>ul.level-1 li:nth-child(4n) ul.level-2 li:last-child,
        .navigation-wrap ul li:nth-child(2)>ul.level-1 li:nth-child(2)>ul.level-2 li:nth-child(2) ul.level-3 li:nth-child(3),
        .navigation-wrap ul li:nth-child(2)>ul.level-1 li:nth-child(2)>ul.level-2 li:nth-child(2) ul.level-3 li:nth-child(2),
        .navigation-wrap ul li:nth-child(2)>ul.level-1 li:nth-child(2)>ul.level-2 li:nth-child(2) ul.level-3 li:nth-child(1) {
            /*display: none;*/
        }

        .inside-content-tagline.common-p.accTxt {
            font-size: 12px;
        }

        .inside-content-wrapper {
            padding: 65px 0;
            color: #fff;
        }

        .common-p {
            font-size: 15px;
            line-height: 22px;
            font-weight: 300;
            letter-spacing: 2px;
            margin: 0 0 20px 0;
        }

        .common-p:last-child {
            /*margin-bottom: 0 !important;*/
        }

        .common-p a {
            color: #fff;
            font-weight: 500;
        }

        .inside-content-tagline {
            text-align: center;
            margin-bottom: 45px;
        }

        .section-main-wrap {
            float: left;
            width: 100%;
            margin-bottom: 75px;
        }

        .inside-content-head {
            margin: 60px 0;
        }

        .inside-content-head:after {
            background: url(../../../content/dam/indusind/crest/images/content-head-artwork-1.png) no-repeat center top;
            transform: rotateX(180deg);
        }

        .section-tagline {
            text-align: center;
            margin: 25px 0 65px 0;
            margin-top: 25px !important;
        }

        .section-wrap {
            float: left;
            width: 100%;
        }

        .inside-page .section-listing-wrap {
            float: right;
            width: 48%;
        }

        .section-listing-wrap {
            float: right;
            width: 55%;
        }

        .section-content-wrap {
            float: left;
            width: 100%;
            padding: 35px 0 7px 0;
            border-bottom: 1px solid #a3a3a3;
        }

        .section-content-wrap:last-child {
            border-bottom: none;
            padding-bottom: 0;
        }

        .crest-wellness .section-content-wrap:last-child {
            border-bottom: 1px solid #a3a3a3;
            padding-bottom: 0;
        }

        .section-content-wrap:first-child {
            padding-top: 0;
        }

        .section-content-head {
            font-size: 20px;
            font-weight: 600;
            text-transform: uppercase;
            line-height: 1.2;
            margin-bottom: 15px;
        }

        .crest-wellness .section-content-wrap .read-more a {
            float: right;
        }

        .section-content-wrap .read-more a {
            font-size: 15px;
        }

        .section-content-wrap .read-more {
            margin: 25px 0 0 0;
        }

        .section-content-wrap .read-more a span,
        .section-content-wrap .read-more a span::before {
            padding: 10px;
            font-size: 15px;
        }

        .read-more p {
            width: auto;
            margin: 7px 0 0 0px;
            font-size: 10px;
            color: #bebebe;
            letter-spacing: 1px;
            width: 100%;
        }

        .crest-benefit-wrap ul li:nth-child(even) .read-more a {
            float: right;
        }

        .offers-ul li {
            padding: 0 0 10px 0;
            margin-bottom: 40px;
            border-bottom: 1px solid #a3a3a3;
            position: relative;
        }

        .offers-ul li:last-child {
            padding-bottom: 0;
            border-bottom: 0;
            margin-bottom: 0;
        }

        .section-img-wrap img {
            width: 100%;
            transition: 0.5s;
        }

        .section-img-wrap:hover img {
            transform: scale(1.05);
            transition: 0.5s;
        }

        .inside-page .section-img-wrap {
            float: left;
            width: 50%;
            overflow: hidden;
        }

        .section-img-wrap {
            float: left;
            width: 43%;
            overflow: hidden;
        }

        .offers-content {
            float: left;
            width: 60%;
        }

        .offers-button-wrap {
            position: absolute;
            bottom: 10px;
            width: 20%;
            right: 0;
            text-align: right;
        }

        .offers-content-head {
            font-weight: 600;
            font-size: 24px;
            text-transform: uppercase;
            letter-spacing: 4px;
            margin-bottom: 10px;
        }

        .offers-content-p span {
            font-weight: 600;
        }

        .offers-ul li .read-more a {
            font-size: 17px;
            letter-spacing: 2px;
            float: right;
        }

        .offers-ul li .read-more a span {
            padding: 8px 15px;
        }

        .offers-ul li .read-more a span:before {
            padding: 8px 15px;
        }

        .offers-button-wrap p {
            margin: 10px 0 0 0;
            font-size: 13px;
            color: #bebebe;
            letter-spacing: 1px;
        }

        .offers-button-wrap p a {
            color: #bebebe;
            cursor: pointer;
        }

        .mar-bot-30 {
            margin-bottom: 30px !important;
        }

        .mar-bot-none {
            margin-bottom: 0 !important;
        }

        .mar-top-25 {
            margin-top: 25px !important;
        }

        .offers-content-sub-head {
            font-size: 20px;
            font-weight: 600;
            letter-spacing: 2px;
            margin: 5px 0 5px 0;
        }

        .md-perspective body {
            background: #222;
            -webkit-perspective: 600px;
            -moz-perspective: 600px;
            perspective: 600px;
        }

        .terms-condition-p .md-trigger {
            font-size: 12px;
        }

        .md-trigger {
            cursor: pointer;
        }

        .md-modal {
            position: fixed;
            top: 50%;
            left: 50%;
            width: 80%;
            max-width: 750px;
            min-width: 320px;
            height: auto;
            z-index: 2000;
            visibility: hidden;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
        }

        .md-show {
            visibility: visible;
        }

        .md-overlay {
            position: fixed;
            width: 100%;
            height: 100%;
            visibility: hidden;
            top: 0;
            left: 0;
            z-index: 1000;
            opacity: 0;
            background: rgba(0, 0, 0, 0.7);
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            transition: all 0.3s;
        }

        .md-show~.md-overlay {
            opacity: 1;
            visibility: visible;
        }

        .md-content {
            color: #000;
            padding: 10px;
            background: url(../../../content/dam/indusind/crest/images/crest-benefit-bg.jpg) no-repeat 0px -20px;
            position: relative;
            border-radius: 3px;
            margin: 0 auto;
            float: left;
            width: 100%;
            max-height: 600px;
            overflow-y: scroll;
        }

        .md-content h3 {
            margin: 0;
            padding: 0.4em;
            text-align: center;
            font-size: 2.4em;
            font-weight: 300;
            opacity: 0.8;
            background: rgba(0, 0, 0, 0.1);
            border-radius: 3px 3px 0 0;
        }

        .md-content a {
            text-decoration: underline;
            color: #000;
            word-wrap: break-word;
        }

        .md-content>div {
            padding: 25px;
            margin: 0;
            font-weight: 300;
            font-size: 1.6em;
            float: left;
            width: 100%;
            border: solid 1px #000;
        }

        .md-content>div p {
            margin: 0;
            padding: 0;
            line-height: 1.5;
        }

        .md-content>div ul {
            margin: 0;
            padding: 0;
        }

        .md-content>div ul li {
            padding: 10px 0 10px 32px;
            background: url(../../../content/dam/indusind/crest/images/popup-bullet.png) no-repeat left 11px;
        }

        .md-content>div ul li:before {
            display: none;
        }

        .md-content button {
            display: block;
            margin: 0 auto;
            font-size: 0.8em;
            position: absolute;
            top: 20px;
            right: 20px;
            transition: 0.5s;
            cursor: pointer;
            background: #000;
            border-radius: 50%;
            width: 35px;
            color: #fff;
            border: none;
            height: 35px;
        }

        .md-effect-1 .md-content {
            -webkit-transform: scale(0.7);
            -moz-transform: scale(0.7);
            -ms-transform: scale(0.7);
            transform: scale(0.7);
            opacity: 0;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            transition: all 0.3s;
        }

        .md-show.md-effect-1 .md-content {
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            transform: scale(1);
            opacity: 1;
        }

        .md-effect-9.md-modal {
            -webkit-perspective: 1300px;
            -moz-perspective: 1300px;
            perspective: 1300px;
        }

        .md-effect-9 .md-content {
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            transform-style: preserve-3d;
            -webkit-transform: rotateX(-70deg);
            -moz-transform: rotateX(-70deg);
            -ms-transform: rotateX(-70deg);
            transform: rotateX(-70deg);
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            transition: all 0.3s;
            opacity: 0;
        }

        .md-show.md-effect-9 .md-content {
            -webkit-transform: rotateX(0deg);
            -moz-transform: rotateX(0deg);
            -ms-transform: rotateX(0deg);
            transform: rotateX(0deg);
            opacity: 1;
        }

        .md-content>div>.terms-heading {
            font-size: 24px;
            margin: 10px 0px;
            font-weight: 600;
        }

        .md-content>div ul li ul li {
            padding: 5px 0 5px 24px;
            font-size: 16px;
            background: url(../../../content/dam/indusind/crest/images/popup-bullet-small.png) no-repeat left 8px;
        }

        .content-ul {
            margin-bottom: 30px !important;
        }

        .content-ul li:before {
            position: absolute;
            left: 0;
            top: 10px;
            width: 5px;
            height: 5px;
            background: #fff;
            content: "";
            border-radius: 50%;
        }

        .content-ul li {
            position: relative;
            font-size: 16px;
            line-height: 1.5;
            font-weight: 300;
            letter-spacing: 1px;
            padding: 3px 0 3px 15px;
        }

        .content-ol {
            margin-bottom: 30px !important;
            float: left;
            width: 100%;
        }

        .content-ol li {
            position: relative;
            font-size: 16px;
            line-height: 1.5;
            font-weight: 300;
            letter-spacing: 2px;
            padding: 3px 0 3px 0;
        }

        .mar-bot-50 {
            margin-bottom: 50px !important;
        }

        .centered {
            text-align: center;
        }

        .centered a {
            display: inline-block;
            float: none;
        }

        .centered p {
            width: 100%;
            margin: 15px 0 0 0;
            font-size: 15px;
        }

        .terms-condition-p {
            text-align: right;
            margin: 20px 0 0 0;
            color: #fff;
            letter-spacing: 2px;
        }

        .terms-condition-p a {
            color: #fff;
        }

        .section-main-wrap:last-child {
            margin-bottom: 0;
        }

        .offers-content-p {
            margin-bottom: 0;
        }

        .pad-bot-20 {
            padding-bottom: 40px !important;
        }

        .mar-top-50 {
            margin-top: 50px !important;
        }

        .mar-top-165 {
            margin-top: 165px !important;
        }

        .half-width-wrap {
            width: 47%;
        }

        .more-info-content {
            float: left;
            width: 100%;
            margin: 20px 0 60px 0;
        }

        .more-info-content p {
            width: auto;
            margin: 0;
            font-size: 14px;
            letter-spacing: 2px;
        }

        .more-info-content p a {
            color: #fff;
            font-size: 14px;
        }

        .more-info-content .terms-condition-p {
            float: right;
        }

        .mar-top-none {
            margin-top: 0 !important;
        }

        .no-bull-li {
            padding-left: 0 !important;
        }

        .section-content-wrap .mar-bot-none {
            margin-bottom: 0 !important;
        }

        .mar-top-30 {
            margin-top: 30px !important;
        }

        .table-content-head {
            text-align: center;
            text-transform: none;
            letter-spacing: 1px;
        }

        .table-content-wrap {
            float: left;
            width: 100%;
        }

        .two-table-wrap {
            float: left;
            width: 100%;
            margin: 20px 0 0 0;
        }

        .table-wrap {
            width: 49.5%;
        }

        .common-table {
            width: 100%;
            border: 1px solid #5d5d5d;
        }

        .common-table td {
            border-right: 1px solid #5d5d5d;
            font-size: 14px;
            line-height: 22px;
            font-weight: 200;
            padding: 10px 20px;
        }

        .common-table th {
            text-align: left;
            padding: 15px 10px;
            border-bottom: 1px solid #5d5d5d;
            border-right: 1px solid #5d5d5d;
            font-size: 18px;
            font-weight: 600;
        }

        .common-table th:last-child {
            border-right: none;
        }

        .common-table td:first-child {
            text-align: center;
        }

        .common-table td:last-child {
            border-right: 0;
        }

        .table-content-wrap {
            float: left;
            width: 100%;
            margin: 0 0 10px 0;
        }

        .mar-bot-10 {
            margin-bottom: 20px !important;
        }

        .common-link {
            color: #fff;
            font-weight: 600;
        }

        .text-align-rt {
            text-align: right;
        }

        .text-align-rt a {
            float: right;
        }

        .inside-pages-listing-wrap ul li {
            width: 32%;
            margin: 0 2% 2% 0;
        }

        .inside-pages-listing-wrap ul li:nth-child(3n) {
            margin-right: 0px;
        }

        .images-box {
            float: left;
            width: 100%;
            height: 173px;
            overflow: hidden;
        }

        .images-box img {
            width: 100%;
            transition: 0.5s;
            height: 100%;
        }

        .inside-pages-listing-wrap ul li:hover .images-box img {
            transition: 0.5s;
            transform: scale(1.1);
        }

        .inside-pages-listing-wrap ul li a {
            color: #fff;
        }

        .inside-pages-listing-text {
            display: table;
            height: 120px;
            background: #2b2b2b;
            padding: 0 30px;
            width: 100%;
        }

        .inside-pages-listing-text p {
            text-transform: uppercase;
            line-height: 1.5;
            text-align: center;
            display: table-cell;
            vertical-align: middle;
            float: none;
            font-size: 16px;
            color: #fff;
            font-weight: 700;
        }

        .txt-center {
            text-align: center;
        }

        .services-wrap ul {
            width: 100%;
            float: left;
            margin: 0px;
        }

        .services-wrap ul li {
            width: 100%;
            float: left;
            margin-bottom: 0;
            min-height: 120px;
        }

        .services-wrap ul li:nth-child(2n) {
            float: right;
        }

        .services-icon-wrap {
            width: auto;
            float: left;
            margin-right: 22px
        }

        .services-content-wrap {
            width: 73%;
            float: left;
            padding-top: 25px;
            position: relative
        }

        .services-content-wrap p {
            width: 100%;
            float: left;
            letter-spacing: 1px;
            font-size: 20px;
            font-weight: 600;
            line-height: 20px;
            padding-bottom: 22px;
            border-bottom: 1px solid #fff;
        }

        .services-wrap ul li:nth-child(2) .services-content-wrap p {
            line-height: 26px;
            padding-bottom: 6px;
        }

        .table-wrap.schedule {
            width: 100%;
            text-align: left;
        }

        .table-wrap.schedule .table-heading {
            font-size: 18px;
            font-weight: 500;
            padding: 8px 0px 8px 20px;
            background: #dddcdd;
            text-transform: uppercase;
            text-align: left;
            color: #000;
            position: relative
        }

        .table-wrap.schedule .table-heading:before {
            position: absolute;
            width: 12px;
            height: 12px;
            border-left: 2px solid #000;
            border-bottom: 2px solid #000;
            top: 50%;
            margin-top: -9px;
            right: 15px;
            content: "";
            background: transparent;
            transform: rotate(-45deg)
        }

        .table-wrap.schedule .common-table td {
            text-align: left;
            border: 0px;
            border-bottom: solid 1px #5d5d5d;
            font-size: 14px;
            line-height: 20px;
            vertical-align: baseline;
        }

        .table-wrap.schedule .common-table tr {
            border: 0px
        }

        .table-wrap.schedule .common-table {
            border: 0px
        }

        .table-wrap.schedule .common-table.inside-table {
            width: 100%;
            border-collapse: collapse;
            border: solid 1px #5d5d5d;
            margin: 10px 0 20px 0;
        }

        .table-wrap.schedule .common-table.inside-table td {
            border: solid 1px #5d5d5d;
        }

        .reward-list ul li {
            width: 100%;
            float: left;
            background: #808080;
            margin-bottom: 36px;
        }

        .reward-list .reward-img {
            float: left;
            width: auto;
            margin-right: 34px;
        }

        .reward-list .reward-data {
            float: left;
            width: 55%;
            padding: 20px 0px;
        }

        .reward-list .reward-data p {
            width: 100%;
            font-size: 14px;
            line-height: 22px;
        }

        .reward-list .reward-data .reward-heading {
            font-size: 18px;
            line-height: 26px;
            font-weight: 600;
        }

        .read-more.center {
            text-align: center;
        }

        .read-more.center a {
            float: none;
            margin: 0px auto;
        }

        .texas-medical .table-heading-2 {
            background: #353535;
            text-align: center;
            line-height: 40px;
            font-size: 18px;
            margin-bottom: 20px;
        }

        .texas-medical .table-wrap {
            width: 100%;
            border-collapse: collapse;
        }

        .texas-medical .common-table td {
            border: solid 1px #5d5d5d;
            text-align: left;
        }

        .crest-fregnanace .section-listing-wrap {
            float: none;
            margin: 0px auto;
        }

        .crest-fregnanace .reward-list ul li {
            background: transparent;
        }

        .crest-fregnanace .reward-list .reward-data {
            padding: 0 0px;
        }

        .genesis-luxe-club .section-listing-wrap {
            width: 100%;
        }

        .common-p-2 {
            width: 100%;
            float: left;
            text-align: center;
            margin: 20px 0px;
        }

        .common-p-2 p {
            width: auto;
            margin: 0px auto;
            padding: 10px 90px;
            float: none;
            display: inline-block;
            background: #808080;
        }

        .reward-list.horizontal {}

        .genesis-luxe-club .reward-list ul li {
            background: transparent;
        }

        .reward-list.horizontal li {
            width: 25%;
            float: left;
            padding: 0px 82px;
            text-align: center;
        }

        .reward-list.horizontal .reward-img {

            margin: 0px;
        }

        .reward-list.horizontal .reward-data {
            width: 100%
        }

        .common-table.table-2 {
            border-collapse: collapse;
            text-align: center;
        }

        .common-table.table-2 th {
            text-align: center;
            background: #808080;
        }

        .common-table.table-2 td {
            border: 1px solid #5d5d5d
        }

        /*.resp-tabs-list .dining:before {
    width: 105px;
    height: 79px;
    top: -14px;
    left: 10px;
    content: "";
    background: url(../../../content/dam/indusind/crest/images/fine-dining-plate-2.png) no-repeat top left;
    position: absolute;
}

.resp-tabs-list .living:before {
    width: 86px;
    height: 84px;
    top: -20px;
    left: 20px;
    content: "";
    background: url(../../../content/dam/indusind/crest/images/fine-living-2.png) no-repeat top left;
    position: absolute;
}

.resp-tabs-list .fashion:before {
    width: 50px;
    height: 88px;
    top: -24px;
    left: 35px;
    content: "";
    background: url(../../../content/dam/indusind/crest/images/fine-fashion-2.png) no-repeat top left;
    position: absolute;
}

.resp-tabs-list .resp-tab-active.dining:before {
    background: url(../../../content/dam/indusind/crest/images/fine-dining-plate.png) no-repeat top left;
}

.resp-tabs-list .resp-tab-active.living:before {
    background: url(../../../content/dam/indusind/crest/images/fine-living.png) no-repeat top left;
}

.resp-tabs-list .resp-tab-active.fashion:before {
    background: url(../../../content/dam/indusind/crest/images/fine-fashion.png) no-repeat top left;
}*/

        .table-wrap.center {
            margin: 0px auto;
            float: none;
            width: 700px;
        }

        .two-img {
            width: 100%;
        }

        .two-img img {
            width: 100%;
        }

        .two-img .image-box {
            width: 48%;
            margin-bottom: 30px;
        }

        .one-and-only-log {
            width: auto;
            float: left;
            margin-right: 30px;
        }

        .one-and-only-log img {
            width: 100%;
        }

        .one-and-only .common-p {
            width: 62%;
            float: left;
        }

        .vacation-list {
            width: 78%;
            float: none;
            margin: 0px auto !important;
        }

        .vacation-list li {
            width: 445px;
            float: left;
            list-style: none;
            min-height: 325px;
            text-align: center;
            margin-bottom: 20px;
        }

        .vacation-list li:nth-child(2n) {
            float: right;
        }

        .vacation-list li:before {
            display: none;
        }

        .vacation-list li .vacation-img {
            width: 100%;
            float: left;
            margin-bottom: 15px;
        }

        .vacation-list li .vacation-img img {
            width: 100%;
        }

        .contact-form {
            width: 60%;
            float: none;
            margin: 0px auto;
        }

        .contact-form input,
        .contact-form select {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: 100%;
            float: left;
            background: transparent;
            padding: 14px 20px;
            /*margin-bottom: 40px;*/
            margin-bottom: 5px;
            border-radius: 10px;
            border: solid 1px #fff;
            color: #fff;
            font-size: 18px;
        }

        .contact-form select option {
            color: #000;
            background: transparent;
        }

        .contact-form select {
            background: transparent url(../../../content/dam/indusind/crest/images/select-bg.png) no-repeat scroll right top;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
        }

        .input-part-2 {
            float: left;
            width: 100%;
            text-align: center;
        }

        .contact-form input.enquiry-button {
            float: none;
            margin: 0px auto;
            height: auto;
            line-height: 18px;
            font-size: 18px;
            font-weight: 400;
            text-transform: uppercase;
            color: #FFF;
            border: 1px solid #404041;
            padding: 15px 45px;
            transition: 0.5s;
            width: auto;
            background: #404041;
            cursor: pointer;
            border-radius: 0px;
            margin-bottom: 0px;
            transition: 0.5s;
        }

        .contact-form input.enquiry-button:hover {
            background: #fff;
            border: 1px solid #FFF;
            color: #404041;
            transition: 0.5s;
        }

        input[type='number'] {
            -moz-appearance: textfield;
        }

        input[type=number]::-webkit-inner-spin-button,
        input[type=number]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        .thankyou .inside-content-tagline {
            min-height: 300px;
        }

        .mobile-menu {
            position: absolute;
            top: 7px;
            right: 10px;
            display: none;
        }

        .mobile-menu #header-mob {
            background-color: #3e3e3f;
            cursor: pointer;
            float: left;
            width: 50px;
            border: 1px solid #a0a0a0;
        }

        .mobile-menu #header-mob a {
            background: url(../../../content/dam/indusind/crest/images/menu-img.png) no-repeat center 10px;
            padding: 22px 5px 5px;
            display: block;
            width: 100%;
            float: left;
            cursor: pointer;
            text-decoration: none;
            text-align: center;
            font-size: 12px;
            color: #fff
        }

        #header-mob a.right,
        .header a.right {
            left: auto;
            right: 10px;
        }

        .sitemap-menu {
            width: 100%;
            float: left;
            margin-bottom: 0px;
        }

        .sitemap-menu>li {
            width: 100%;
            float: left;
            margin-bottom: 20px;
        }

        .sitemap-menu>li a {
            font-size: 18px;
            line-height: 19px;
            padding: 12px 10px;
            display: block;
            float: left;
            width: 100%;
            background: #fff;
            color: #000;
            font-weight: 600;
        }

        .sitemap-menu>li>a {
            text-transform: uppercase;
        }

        .sitemap-menu>li>a:hover {
            color: #404042;
            font-size: 19px;
        }

        .sitemap-menu>li>ul>li a {
            background: #808080;
            color: #fff;
            font-size: 16px;
            padding: 8px 15px;
            border-bottom: solid 1px #5d5f67
        }

        .sitemap-menu>li>ul>li a:hover {
            color: #000000;
        }

        .sitemap-menu>li>ul>li:last-child a {
            border-bottom: 0px;
        }

        .sitemap-menu>li>ul>li>ul {
            display: table;
            background: #cdcdcd;
            margin-bottom: 8px !important;
        }

        .sitemap-menu>li>ul>li>ul>li {
            display: table-cell;
            width: 33.33%;
            float: none;
            vertical-align: top;
        }

        .sitemap-menu>li>ul>li>.wellness>li {
            width: 25%;
        }

        .sitemap-menu>li>ul>li>ul>li a {
            background: #fff;
            color: #000;
            border-bottom: none;
        }

        .sitemap-menu>li>ul>li>ul>li>a {
            border-right: solid 1px #cfcfcf;
            border-bottom: solid 1px #78849a;
            background: #f1f1f1;
        }

        .sitemap-menu>li>ul>li>ul>li>a:hover {
            color: #818181;
            padding-left: 20px;
        }

        .sitemap-menu>li>ul>li>ul>li:last-child>a {

            border-right: none;
        }

        .sitemap-menu>li>ul>li>ul>li>ul {
            border-left: solid 1px #fff !important;
            border-right: solid 1px #fff !important;
        }

        .sitemap-menu>li>ul>li>ul>li>ul>li {
            width: 100%;
            float: left;
        }

        .sitemap-menu>li>ul>li>ul>li>ul>li a {
            background: #cccccc;
            border-bottom: none;
            padding-left: 40px;
            background: url(../../../content/dam/indusind/crest/images/popup-bullet-small.png) no-repeat 13px 8px;
        }

        .sitemap-menu>li>ul>li>ul>li>ul>li a:hover {
            padding-left: 45px;
            background: url(../../../content/dam/indusind/crest/images/popup-bullet-small.png) no-repeat 17px 8px;
        }

        .vacation-list .common-p b,
        .one-and-only .common-p b {
            font-size: 17px;
            line-height: 26px;
            font-weight: 600;
        }

        .inside-page .crest-rewards .section-listing-wrap.FL {
            width: 36%;
        }

        .inside-page .crest-rewards .section-listing-wrap.FR {
            width: 60%;
        }

        .more-info-content.powered-by p {
            line-height: 30px;
        }

        .more-info-content.powered-by span {
            margin: 0 0 0 20px;
            width: auto;
            display: inline-block;
            float: left;
        }


        /* .more-info-content.powered-by span.img-1{margin-top:10px;} */

        .more-info-content.powered-by .terms-condition-p {
            line-height: 30px;
        }

        .md-content .common-table {
            border-collapse: collapse;
            margin-bottom: 30px;
        }

        .md-content .common-table td {
            border: 1px solid #5d5d5d;
            font-weight: 400;
            text-align: left;
        }

        .md-content .new-md-content {
            overflow: hidden;
        }

        .common-p-2 .club-itc-bg {
            background: url(../../../content/dam/indusind/crest/images/club-itc-bg.png)repeat-y;
            width: 100%;
            font-size: 18px;
            padding: 10px 0px;
            color: #000;
        }

        .features-slider-wrapper.mastercard-epicurean {
            padding-bottom: 0px;
        }

        input.captcha-field {
            width: 75%;
            border-radius: 10px 0px 0px 10px;
            height: 51px;
        }

        .captcha-image {
            border: solid 1px #fff;
            height: 51px;
            width: 25%;
        }

        select.state-list {
            width: 48%;
            height: 51px;
        }

        /*input.city {
    width: 48%;
}*/

        .accordion-section-title {
            margin-bottom: 5px;
            width: 100%;
            display: inline-block;
            background: none;
            transition: all linear 0.15s;
            font-size: 20px;
            text-shadow: 0px 1px 0px #1a1a1a;
            color: #fff;
            line-height: 20px;
        }

        .concierge-services-content {
            width: 47%;
        }

        .accordion-section-content p {
            width: 100%;
            float: left;
            letter-spacing: 1px;
            font-size: 14px;
            font-weight: 400;
            line-height: 20px;
            padding: 10px 0px 10px 0px;
            border-bottom: none;
            color: #fff;
            margin-bottom: 20px;
        }

        .accordion-section-title.active,
        .crest-assist .accordion-section-title:hover {
            background: none;
            text-decoration: none;
        }

        .section-droupdown-head {
            padding-bottom: 5px;
            border-bottom: 1px solid #fff;
            position: relative;
            font-size: 18px;
            line-height: 24px;
            font-weight: 500;
            width: 100%;
            float: left;
        }

        .section-droupdown-head:before {
            position: absolute;
            width: 20px;
            height: 20px;
            background: #7e7e7e;
            bottom: -1px;
            right: 0px;
            z-index: 1;
            content: "";
        }


        .section-droupdown-head:after {
            position: absolute;
            width: 9px;
            height: 9px;
            border-top: solid 2px #fff;
            border-left: solid 2px #fff;
            content: "";
            background: transparent;
            bottom: 6px;
            right: 5px;
            transform: rotate(-135deg);
            transition: 0.5s;
            z-index: 2;
        }

        .crest-rewards .section-content-head {
            text-transform: unset;
        }

        .inside-content-tagline.movie {
            text-transform: unset;
        }

        .concierge-services .accordion {
            cursor: pointer;
            background: transparent;
            width: 100%;
            float: left;
            letter-spacing: 1px;
            font-size: 20px;
            font-weight: 400;
            line-height: 20px;
            text-align: left;
            color: #fff;
            border: none;
            padding-bottom: 22px;
            border-bottom: 1px solid #fff;
            position: relative;
            outline: none;
            z-index: 9;
        }

        .concierge-services .active,
        .concierge-services .accordion:hover {}

        .concierge-services .panel {
            padding: 10px 15px;
            display: none;
            background-color: white;
            overflow: hidden;
            position: absolute;
            top: 105%;
            z-index: 999;
        }

        .concierge-services .panel p {
            width: 100%;
            float: left;
            letter-spacing: 1px;
            font-size: 15px;
            font-weight: 500;
            line-height: 23px;
            padding-bottom: 0;
            border-bottom: 0;
            color: #000;
        }

        .concierge-services .accordion:before {
            transition: 0.5s;
            width: 20px;
            height: 20px;
            position: absolute;
            bottom: 25px;
            right: 5px;
            content: "";
            background: transparent;
            border-left: 2px solid #FFF;
            border-bottom: 2px solid #FFF;
            transform: rotate(-45deg)
        }

        .concierge-services .accordion.active:before {
            bottom: 15px;
            transform: rotate(135deg);
            transition: 0.5s;
        }

        .section-droupdown-head.charges {
            background: #dddcdd;
            padding: 8px 0px 8px 20px;
            border-bottom: 1px solid #fff;
            position: relative;
            font-size: 18px;
            line-height: 24px;
            font-weight: 500;
            width: 100%;
            float: left;
            color: #000;
            margin-bottom: 20px;
        }

        .section-droupdown-head.charges:before {
            position: absolute;
            width: 40px;
            height: 40px;
            background: transparent;
            bottom: 0;
            right: 0px;
            z-index: 1;
            content: "";
        }

        .section-droupdown-head.charges:after {
            position: absolute;
            width: 13px;
            height: 13px;
            border-top: solid 2px #000;
            border-left: solid 2px #000;
            content: "";
            background: transparent;
            bottom: 18px;
            right: 17px;
            transform: rotate(-135deg);
            transition: 0.5s;
            z-index: 2;
        }

        .section-droupdown-head.charges.active::after {
            transform: rotate(45deg);
            bottom: 8px;
            transition: 0.5s;
        }


        /*------------------------------------*\-------- Page Styles:Accordion\*------------------------------------*/

        body {
            position: relative;
            z-index: 0;
        }

        .texas-medical .main:before {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0px;
            left: 0px;
            z-index: -1;
            content: '';
            background: -webkit-radial-gradient(30%, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0)), url('clientlib-base/css/img/body-bg.png');
            background: -moz-radial-gradient(30%, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0)), url('clientlib-base/css/img/body-bg.png');
            background: -o-radial-gradient(30%, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0)), url('clientlib-base/css/img/body-bg.png');
            background: radial-gradient(30%, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0)), url('clientlib-base/css/img/body-bg.png');
        }

        .texas-medical .site-header-wrap {
            margin-bottom: 60px;
            border-bottom: 1px solid #cd9ad6;
        }


        /*------------------------------------*\-------- DEMO Code:accordion\*------------------------------------*/

        .texas-medical .accordion,
        .texas-medical .accordion * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .texas-medical .accordion {
            overflow: hidden;
            border-radius: 3px;
            background: none;
        }

        .texas-medical .accordion-section-title {
            width: 100%;
            margin-bottom: 25px;
            display: inline-block;
            border-bottom: 1px solid #FFF;
            background: none;
            transition: all linear 0.15s;
            /*font-size: 1.200em;*/
            text-shadow: 0px 1px 0px #1a1a1a;
            color: #fff;
        }

        .texas-medical .accordion-section-title.active,
        .texas-medical .accordion-section-title:hover {
            background: none;
            text-decoration: none;
        }

        .texas-medical .accordion-section-content {
            display: none;
            float: left;
        }

        .section-droupdown-head.active:after {
            transform: rotate(45deg);
            bottom: 3px;
            transition: 0.5s;
        }


        /*------------------------------------*\-------- Page Styles:Accordion\*------------------------------------*/

        body {
            position: relative;
            z-index: 0;
        }

        .crest-assist .main:before {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0px;
            left: 0px;
            z-index: -1;
            content: '';
            background: -webkit-radial-gradient(30%, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0)), url('clientlib-base/css/img/body-bg.png');
            background: -moz-radial-gradient(30%, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0)), url('clientlib-base/css/img/body-bg.png');
            background: -o-radial-gradient(30%, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0)), url('clientlib-base/css/img/body-bg.png');
            background: radial-gradient(30%, rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0)), url('clientlib-base/css/img/body-bg.png');
        }

        .crest-assist .site-header-wrap {
            margin-bottom: 60px;
            border-bottom: 1px solid #cd9ad6;
        }


        /*------------------------------------*\-------- DEMO Code:accordion\*------------------------------------*/

        .texas-medical .accordion,
        .texas-medical .accordion * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .crest-assist .accordion {
            overflow: hidden;
            border-radius: 3px;
            background: none;
        }

        .crest-assist .accordion-section-title {
            margin-bottom: 5px;
            width: 100%;
            display: inline-block;
            background: none;
            transition: all linear 0.15s;
            font-size: 20px;
            text-shadow: 0px 1px 0px #1a1a1a;
            color: #fff;
            line-height: 20px;
        }



        .crest-assist .accordion-section-title.active,
        .crest-assist .accordion-section-title:hover {
            background: none;
            text-decoration: none;
        }

        .crest-assist .accordion-section-content {
            display: none;
            float: left;
        }

        .crest-assist .section-droupdown-head:before {
            display: none;
        }

        .crest-assist .section-droupdown-head:after {
            width: 15px;
            height: 15px;
            bottom: 10px;
        }

        .crest-assist .accordion-section-content p {
            width: 100%;
            float: left;
            letter-spacing: 1px;
            font-size: 14px;
            font-weight: 400;
            line-height: 20px;
            padding: 10px 0px 10px 0px;
            border-bottom: none;
            color: #fff;
            margin-bottom: 20px;
        }

        .services-wrap ul li:last-child {
            /*min-height: 0px;*/
        }

        .crest-assist .concierge-services-content {
            width: 47%;
        }



        .thankYouText {
            display: none;
            padding: 40px 0;
            text-align: center;
        }

        .captcha {
            clear: both;
            position: relative;
            margin-bottom: 40px;
            float: left;
            width: 100%;
        }

        .captchaBox {
            width: 100%;
        }

        .inputBox {
            margin-bottom: 40px;
            width: 100%;
            float: left;
        }

        .twofields {
            width: 100%;
        }

        .twofields .inputBox {
            width: 48%;
            float: left;
        }

        .twofields .inputBox.cityField {
            float: right;
        }

        .error {
            color: red;
            padding-left: 5px;
        }

        .captchaBox .inputBox {
            width: 40%;
            float: left;
            margin-bottom: 0;
        }

        .catchaContainer {
            float: left;
            margin-left: 20px;
            width: 35%;
        }

        .captcha_image {
            float: left;
            width: 100px;
            margin-top: 10px;
        }

        .Refresh-btn-Cmt-wrap {
            float: left;
            width: 114px;
            margin-left: 15px;
        }

        .captchaError {
            clear: both;
            width: 100%;
            display: none;
        }



        .footer-links {
            font-size: 14px;
        }

        @media screen and (min-width:1280px) and (max-width:1920px) {

            .crest-movies-banner,
            .genesis-luxe-club-banner,
            .crest-assistance-banner,
            .crest-freedom-banner,
            .crest-rewards-banner,
            .crest-wellness-banner {
                background-size: 100% auto;
            }

            .inside-banner {
                background-size: 100% auto;
            }
        }

        @media screen and (width:1280px) {
            .inside-banner {
                min-height: 545px;
            }

            .inside-banner-content-wrap {
                margin: 110px 0 0 0;
                min-height: 340px;
                padding: 100px 80px 0 0;
            }

            .inside-pages-head {
                font-size: 40px;
                margin-bottom: 50px;
            }

            .inside-pages-p {
                margin: 20px 0 0 0;
            }
        }

        @media screen and (min-width:1024px) and (max-width:1169px) {
            .top-bar {
                padding: 15px 15px 10px 15px;
            }

            .content-tagline {
                margin: 80px 0 0 0;
            }

            .banner-content.banner-content-scroll {
                height: 275px;
            }

            .banner-content p {
                font-size: 22px;
            }

            .banner-card {
                margin: 20px auto 0;
            }

            .banner-card img {
                width: 100%;
            }

            .banner {
                height: 500px;
            }

            .left-logo {
                margin: 7px 0 0 0;
            }

            .right-logo {
                margin: 5px 0 0 0;
            }

            .left-logo img {
                width: 100%;
            }

            .right-logo img {
                width: 100%;
            }

            .banner-content:before {
                background-size: 70px;
                height: 44px;
                top: -50px;
            }

            .banner-content:after {
                background-size: 70px;
                height: 44px;
                bottom: -50px;
            }

            .banner-content-wrapp {
                position: relative;
                top: -30px;
            }

            .crest-benefit-wrap ul {
                margin: 50px 0 20px 0 !important;
            }

            .benefit-content-wrapp {
                padding: 0 0 0 45px;
            }

            .content-sub-head {
                font-size: 25px;
            }

            .benefit-tagline {
                font-size: 21px;
                margin: 0 0 10px 0;
            }

            .benefit-content {
                margin: 0 0 20px 0;
                font-size: 20px;
            }

            .read-more a {
                font-size: 18px;
            }

            .crest-benefit-wrap ul li:nth-child(even) .benefit-content-wrapp {
                padding: 0 45px 0 0;
            }

            .crest-highlights-wrap {
                padding: 110px 0 0;
            }

            .highlights-p {
                margin: 90px 0 0 0;
                font-size: 23px;
            }

            .highlight-slider-wrapper {
                padding: 40px 45px 10px 45px;
            }

            .features-slider-img {
                width: 40%;
            }

            .features-slider-content p {
                line-height: 21px;
            }

            .enquire-wrap {
                padding: 40px 0;
            }

            .enquire-content {
                padding: 0;
            }

            .enquire-content-wrap p {
                font-size: 30px;
            }

            .enquire-content-wrap p span {
                margin: 15px 0 20px 0;
            }

            .enquire-content-wrap {
                padding: 60px 0 0 40px;
            }

            .footer-links {
                width: 100%;
                text-align: center;
            }

            .copyright {
                width: 100%;
                text-align: center;
                margin: 15px 0 0 0;
            }

            .highlight-slider-wrapper .item {
                margin: 0 0 0 -1px;
            }

            .crest-benefit-image-wrap:before {
                background-position: -390px center;
            }

            .inside-banner {
                min-height: 400px;
                background-attachment: scroll !important;
            }

            .inside-banner-content-wrap {
                margin: 65px 0 0 0;
                min-height: 215px;
                padding: 55px 30px 0 0;
            }

            .inside-banner-content-wrap .inside-pages-p {
                padding: 0px 16%;
            }

            .crest-festa-banner,
            .crest-movies-banner,
            .crest-freedom-banner,
            .crest-rewards-banner,
            .crest-wellness-banner {
                background-size: cover;
            }

            .inside-pages-head {
                font-size: 22px;
                margin-bottom: 25px;
            }

            .inside-pages-p {
                margin: 20px 0 0 0;
                font-size: 19px;
            }

            .inside-pages-tagline {
                font-size: 20px;
            }

            .inside-content-wrapper {
                padding: 40px 0;
            }

            .common-p {
                font-size: 17px;
            }

            .section-content-head {
                font-size: 22px;
            }

            .section-content-wrap {
                padding: 20px 0 7px 0;
            }

            .features-slider-wrapper .owl-item:hover .features-slider-img:before {
                left: -75px;
                top: -81px;
            }

            .content-ul li {
                font-size: 17px;
            }

            .content-ol li {
                font-size: 17px;
            }

            .content-ul li:before {
                top: 10px;
            }

            .common-table th:first-child {
                width: 85px;
            }

            .common-table th {
                font-size: 18px;
            }

            .common-table td {
                font-size: 17px;
                padding: 10px;
                line-height: 1.5;
            }

            .crest-assist .services-content-wrap p {
                font-size: 13px;
            }

            .services-content-wrap {
                width: 68%;
            }

            .services-content-wrap p {
                font-size: 18px;
                line-height: 18px;
            }

            .table-wrap.schedule .common-table {
                width: 1169px;
            }

            .table-wrap.schedule .common-table .first-td {
                width: 500px;
            }

            .table-wrap.schedule .common-table td {
                font-size: 18px;
                line-height: 24px;
                padding: 10px 15px;
            }

            .table-wrap.schedule {
                margin: 0px;
                overflow-x: scroll
            }

            .reward-list.horizontal li {
                padding: 0px 57px;
            }

            .common-table.table-2 {
                width: 1000px;
            }

            .common-table.table-2 th {
                width: 450px;
            }

            .common-table.table-2 th:last-child {
                width: auto;
            }

            .two-table-wrap {
                overflow: scroll;
            }

            .vacation-list {
                width: 100%;
            }

            .vacation-list li {
                width: 48%;
                min-height: 332px;
                margin-bottom: 30px;
            }

            .one-and-only-log {
                width: 35%;
                margin: 0 25px 0px 0;
            }

            .one-and-only .common-p {
                width: 62%;
            }

            .travel-banner {
                background-size: cover;
            }

            .inside-page .crest-rewards .section-listing-wrap.FL {
                width: 42%;
            }

            .inside-page .crest-rewards .section-listing-wrap.FR {
                width: 55%;
            }

        }

        @media screen and (max-width:1169px) {
            .connectivity p {
                padding: 0 0 0 130px;
            }
        }

        @media screen and (min-width:768px) and (max-width:1023px) {
            .content-ul li:before {
                top: 10px;
            }

            .right-logo {
                width: 50%;
                margin: -85px 10px 0 0;
            }

            .navigation-wrap {
                width: 100%;
                margin: 20px 0 0 0;
                position: relative;
                z-index: 9;
            }

            .banner-content.banner-content-scroll {
                height: 275px;
            }

            .banner-content p {
                font-size: 22px;
            }

            .banner-card {
                margin: 20px auto 0;
            }

            .banner-card img {
                width: 100%;
            }

            .banner {
                height: 500px;
            }

            .banner-content:before {
                background-size: 70px;
                height: 44px;
                top: -50px;
            }

            .banner-content:after {
                background-size: 70px;
                height: 44px;
                bottom: -50px;
            }

            .banner-content-wrapp {
                position: relative;
                top: -30px;
            }

            .content-head {
                font-size: 25px;
            }

            .content-tagline {
                margin: 80px 0 0 0;
                font-size: 25px;
                letter-spacing: 1px;
            }

            .crest-benefit-wrap ul {
                margin: 40px 0 0 0 !important;
            }

            .crest-benefit-image-wrap:before {
                bottom: -20px;
                background-size: contain;
            }

            .benefit-content-wrapp {
                padding: 0 0 0 45px;
            }

            .content-sub-head {
                font-size: 20px;
                margin: 0 0 5px 0;
            }

            .benefit-tagline {
                font-size: 14px;
                letter-spacing: 2px;
                margin: 0 0 5px 0;
            }

            .benefit-content {
                margin: 0 0 10px 0;
                font-size: 16px;
                letter-spacing: 1px;
                line-height: 1.5;
            }

            .read-more a {
                font-size: 13px;
            }

            .read-more a span {
                padding: 10px;
            }

            .crest-benefit-wrap ul li:nth-child(even) .benefit-content-wrapp {
                padding: 0 45px 0 0;
            }

            .crest-highlights-wrap {
                padding: 100px 0 0;
            }

            .highlights-p {
                margin: 80px 0 0 0;
                font-size: 18px;
                line-height: 32px;
            }

            .highlight-slider-wrapper {
                padding: 20px 45px;
            }

            .highlight-slider-wrapper .item {
                height: 270px;
                display: block;
                margin: 0 0 0 -1px;
            }

            .highlights-content-wrap {
                width: 300px;
                padding: 30px 15px;
                margin: 40px 0 0 0;
            }

            .highlights-content-p {
                line-height: 20px;
                font-size: 15px;
                margin: 30px 0 0 0;
            }

            .highlights-head {
                font-size: 20px;
            }

            .enquire-wrap {
                padding: 40px 0;
            }

            .enquire-content-wrap {
                padding: 50px 0 0 30px;
            }

            .enquire-content {
                padding: 0;
            }

            .enquire-content-wrap p {
                letter-spacing: 2px;
                font-size: 21px;
            }

            .enquire-content-wrap p span {
                margin: 5px 0 15px 0;
            }

            .footer-links {
                width: 100%;
                text-align: center;
            }

            .copyright {
                width: 100%;
                text-align: center;
                margin: 10px 0 0 0;
            }

            .top-bar {
                padding: 20px 15px 10px 15px;
            }

            .inside-banner {
                min-height: 310px;
                background-attachment: scroll !important;
                background-size: cover;
            }

            .inside-banner-content-wrap {
                margin: 40px 0 0 0;
                width: 50%;
            }

            .inside-pages-head {
                font-size: 24px;
                margin-bottom: 20px;
            }

            .inside-pages-head:before {
                top: -25px;
                background-size: 50px;
            }

            .inside-pages-head:after {
                bottom: -25px;
                background-size: 50px;
            }

            .inside-pages-tagline {
                margin: 10px 0 0 0;
                letter-spacing: 2px;
                font-size: 19px;
            }

            .inside-pages-p {
                margin: 20px 0 0 0;
                font-size: 17px;
                letter-spacing: 1px;
            }

            .inside-content-wrapper {
                padding: 30px 0;
            }

            .inside-content-tagline {
                margin-bottom: 25px;
            }

            .travel-banner {
                background-size: cover;
            }

            .common-p {
                font-size: 17px;
            }

            .section-tagline {
                margin: 25px 0 35px 0;
            }

            .section-content-head {
                font-size: 18px;
                margin-bottom: 10px;
                line-height: 1.5;
            }

            .section-content-wrap .read-more {
                margin: 15px 0 0 0;
            }

            .section-main-wrap {
                margin-bottom: 40px;
            }

            .offers-content-head {
                font-size: 23px;
            }

            .mar-bot-30 {
                margin-bottom: 15px !important;
            }

            .offers-button-wrap {
                width: 40%;
            }

            .section-content-wrap {
                padding: 15px 0 7px 0;
            }

            .content-ul li {
                font-size: 17px;
            }

            .content-ol li {
                font-size: 17px;
            }

            .dl-menuwrapper {
                display: block;
                margin: -9px -10px 0 0;
            }

            .left-logo {
                width: auto;
            }

            .left-logo img {
                width: auto;
            }

            .right-logo {
                width: auto;
                float: left !important;
                margin: -5px 0 0 4%;
            }

            .right-logo img {
                width: auto;
            }

            .navigation-wrap {
                display: none;
            }

            .table-wrap {
                width: 100%;
                margin: 0 0 30px 0;
            }

            .table-wrap:last-child {
                margin: 0;
            }

            .common-table th:nth-child(1) {
                width: 85px;
            }

            .common-table th:nth-child(2) {
                width: 180px;
            }

            .inside-pages-listing-text p {
                font-size: 15px;
            }

            .inside-pages-listing-text {
                padding: 0 20px;
                height: 80px;
            }

            .crest-assist .concierge-services-content {
                width: 100%;
            }

            .services-wrap ul li {
                width: 100%;
                min-height: 0;
                margin-bottom: 30px;
            }

            .services-content-wrap {
                width: 80%;
            }

            .table-wrap.schedule .common-table {
                width: 800px;
            }

            .table-wrap.schedule .common-table .first-td {
                width: 350px;
            }

            .table-wrap.schedule .common-table td {
                font-size: 14px;
                line-height: 20px;
                padding: 10px;
            }

            .table-wrap.schedule {
                margin: 0px;
                overflow-x: scroll
            }

            .crest-fregnanace .section-listing-wrap {
                width: 75%;
            }

            .reward-list.horizontal li {
                padding: 0px 26px;
            }

            .common-table.table-2 {
                width: 800px;
            }

            .common-table.table-2 th {
                width: 300px;
            }

            .common-table.table-2 th:last-child {
                width: auto;
            }

            .two-table-wrap {
                overflow: scroll;
            }

            .vacation-list {
                width: 100%;
            }

            .vacation-list li {
                width: 48%;
                min-height: 290px;
                margin-bottom: 30px;
            }

            .one-and-only-log {
                width: 30%;
                margin: 0 15px 0px 0;
            }

            .one-and-only .common-p {
                width: 67%;
            }

            .sitemap-menu>li>ul>li>ul>li:nth-child(2) {
                width: 40%;
            }

            .sitemap-menu>li>ul>li>ul>li:first-child {
                width: 37%;
            }

            .sitemap-menu>li>ul>li>.wellness>li {
                width: auto !important;
            }

            .mobile-menu {
                display: block;
            }

            .inside-page .crest-rewards .section-listing-wrap.FL,
            .inside-page .crest-rewards .section-listing-wrap.FR {
                width: 48%;
            }

            .reward-list .reward-img {
                margin-right: 15px;
            }

            .reward-list .reward-img img {
                width: 100px;
            }

            .reward-list .reward-data {
                width: 65%;
                padding: 5px 0px;
            }
        }

        @media only screen and (min-width:786px) and (max-width:1024px) {
            .contact-form {
                width: 87%;
            }
        }


        @media only screen and (max-width:767px) {
            .container {
                max-width: 94%;
            }

            .top-bar {
                padding: 20px 15px 10px 15px;
                z-index: 9;
            }

            .dl-menuwrapper {
                display: block;
            }

            .left-logo {
                width: 30%;
            }

            .left-logo img {
                width: 100%;
            }

            .right-logo {
                width: 50%;
                float: left !important;
                margin: 8px 0 0 4%;
            }

            .right-logo img {
                width: 100%;
            }

            .navigation-wrap {
                display: none;
            }

            .banner-content.banner-content-scroll {
                height: 275px;
            }

            .banner-content p {
                font-size: 21px;
                line-height: 1.5;
                letter-spacing: 2px;
            }

            .banner-card {
                width: 280px;
                margin: 0 auto 0;
            }

            .banner-content.banner-content-scroll .banner-card img {
                width: 100%;
            }

            .banner-content:before {
                background-size: 70px;
                height: 44px;
                top: -50px;
            }

            .banner-content:after {
                background-size: 70px;
                height: 44px;
                bottom: -45px;
            }

            .banner-content-wrapp {
                position: relative;
                top: -50px;
            }

            .banner {
                height: 360px;
                display: block;
                margin: 180px 0 0 0;
                padding: 0 15px;
            }

            .content-head span {
                padding: 10px;
                font-size: 17px;
                display: inline-block;
                line-height: 1.2;
            }

            .content-head:before {
                top: -50px;
            }

            .content-head:after {
                bottom: -65px;
            }

            .content-tagline {
                margin: 75px 0 0 0;
                font-size: 21px;
                letter-spacing: 2px;
                line-height: 1.3;
            }

            .crest-benefit-wrap ul {
                margin: 30px 0 20px 0 !important;
            }

            .benefit-content-wrapp {
                width: 100%;
                padding: 30px 15px 0 15px;
            }

            .crest-benefit-image-wrap {
                width: 100%;
            }

            .content-sub-head {
                font-size: 25px;
            }

            .benefit-tagline {
                font-size: 17px;
                letter-spacing: 2px;
                margin: 0 0 6px 0;
            }

            .benefit-content {
                margin: 0 0 15px 0;
                font-size: 17px;
                line-height: 1.2;
            }

            .read-more a span::before,
            .read-more a span {
                padding: 10px;
            }

            .read-more a {
                font-size: 16px;
            }

            .crest-benefit-wrap ul li:nth-child(even) .read-more a {
                float: left;
            }

            .crest-benefit-wrap ul li:nth-child(even) .benefit-content-wrapp {
                padding: 30px 15px 0 15px;
                text-align: left;
            }

            .crest-benefit-wrap ul li:last-child {
                margin-bottom: 20px;
            }

            .crest-highlights-wrap {
                padding: 90px 0 0;
            }

            .highlights-p {
                margin: 80px 0 0 0;
                font-size: 16px;
                line-height: 26px;
                padding: 0;
            }

            .highlight-slider-wrapper {
                padding: 20px 45px 0 45px;
            }

            .highlight-slider-wrapper .item {
                margin: 0 0 0 -1px;
                display: block;
                min-height: 101px;
                background-size: 100% 100px !important;
                background-position: top;
                height: auto;
            }

            .highlights-content-wrap {
                width: 100%;
                padding: 40px 15px 10px 15px;
                margin: 100px 0 0 0;
                min-height: 227px;
            }

            .highlights-head {
                font-size: 18px;
                padding: 0;
            }

            .highlights-content-p {
                line-height: 22px;
                font-size: 15px;
                margin: 30px 0 0 0;
            }

            .features-wrap {
                padding: 80px 0 0 0;
            }

            .features-slider-img {
                width: 40%;
            }

            .features-slider-content {
                width: 60%;
                bottom: 25px;
                font-size: 13px;
                letter-spacing: 2px;
                padding: 0 10px 0 0;
                bottom: initial;
                top: 35%;
            }

            .features-slider-content p {
                line-height: 1.5;
            }

            .features-slider-wrapper {
                padding: 0 45px 0 45px;
                margin-top: 80px;
            }

            .enquire-wrap {
                margin: 40px 0 0 0;
                padding: 30px 0;
            }

            .enquire-content {
                padding: 0 15px;
            }

            .left-card {
                width: 100%;
                text-align: center;
            }

            .left-card img {
                width: 100%;
                max-width: 320px;
                display: inline-block;
            }

            .enquire-content-wrap {
                width: 100%;
                padding: 20px 0 0 0;
                text-align: center;
            }

            .read-more {
                text-align: center;
            }

            .read-more a {
                float: none;
                margin: 0px auto;
            }

            .enquire-content-wrap p {
                letter-spacing: 2px;
                font-size: 16px;
            }

            .enquire-content-wrap p span {
                margin: 5px 0 20px 0;
            }

            footer {
                padding: 10px 15px;
            }

            .footer-links {
                width: 100%;
                text-align: center;
                font-size: 12px;
                line-height: 1.5;
            }

            .copyright {
                width: 100%;
                text-align: center;
                font-size: 12px;
                line-height: 1.5;
            }

            .inside-banner {
                min-height: 0;
                background-attachment: scroll !important;
                background-size: cover;
                margin: 0;
            }

            .inside-banner-content-wrap {
                margin: 30px 0 30px 0;
                min-height: auto;
                padding: 50px 20px 20px 0;
                width: 80%;
                float: left;
            }

            .inside-pages-head {
                font-size: 18px;
                margin-bottom: 24px;
            }

            .inside-pages-head:before {
                top: -25px;
                background-size: 50px;
            }

            .inside-pages-head:after {
                bottom: -25px;
                background-size: 50px;
            }

            .inside-pages-tagline {
                letter-spacing: 2px;
                font-size: 14px;
            }

            .inside-pages-p {
                font-size: 11px;
                line-height: 15px;
                margin: 10px 0 0 0;
            }

            .inside-content-wrapper {
                padding: 30px 0;
            }

            .inside-content-tagline {
                margin-bottom: 15px;
            }

            .common-p {
                font-size: 15px;
            }

            .inside-content-head:before {
                top: -50px;
            }

            .inside-content-head:after {
                bottom: -50px;
            }

            .section-listing-wrap {
                width: 100%;
            }

            .section-content-wrap {
                padding: 15px 0 7px 0;
            }

            .section-content-wrap:last-child {
                padding-bottom: 30px;
            }

            .mar-top-165 {
                margin-top: 10px !important;
            }

            .section-tagline {
                margin: 25px 0;
            }

            .section-content-head {
                font-size: 17px;
                line-height: 1.5;
                margin-bottom: 10px;
            }

            .section-img-wrap {
                margin: 0 0 20px 0;
                width: 100%;
            }

            .section-main-wrap {
                margin-bottom: 30px;
            }

            .offers-content {
                width: 100%;
            }

            .offers-content-head {
                font-size: 22px;
                letter-spacing: 3px;
                margin-bottom: 10px;
            }

            .offers-button-wrap {
                position: relative;
                bottom: 0;
                width: 100%;
                text-align: left;
                margin: 20px 0 0 0;
                float: left;
            }

            .offers-ul li .read-more a {
                float: left;
            }

            .offers-content-sub-head {
                font-size: 18px;
            }

            .mar-bot-30-mob {
                margin-bottom: 30px;
            }

            .read-more p {
                width: 100%;
                margin: 10px 0 0 0;
            }

            .md-modal {
                width: 90%;
                top: 10%;
                height: 0;
            }

            .md-content>div {
                padding: 35px 15PX 15PX 15PX;
            }

            .md-content>div ul li {
                background-position: left 9px;
                font-size: 14px;
                line-height: 1.2;
            }

            .md-content>div>.terms-heading {
                font-size: 16px;
            }

            .features-slider-wrapper .owl-item:hover .features-slider-img:before {
                left: -93px;
                top: -91px;
            }

            .content-ul li {
                font-size: 15px;
                padding: 0 0 10px 15px;
            }

            .content-ol li {
                font-size: 15px;
                padding: 0 0 10px 0;
            }

            .content-ul {
                margin-bottom: 10px !important;
            }

            .content-ol {
                margin-bottom: 10px !important;
            }

            .terms-condition-p {
                text-align: left;
                letter-spacing: 1px;
                font-size: 13px;
                margin: 0;
            }

            .offers-ul li {
                padding: 0 0 10px 0 !important;
            }

            .content-ul li:before {
                top: 8px;
            }

            .md-content {
                width: 90%;
                margin-left: 5%;
            }

            .mar-top-50 {
                margin-top: 10px !important;
            }

            .half-width-wrap {
                width: 100%;
            }

            .more-info-content p {
                font-size: 14px;
                line-height: 1.5;
                float: left !important;
                margin: 0 0 10px 0;
            }

            .more-info-content {
                float: left;
                width: 100%;
                margin: 0 0 20px 0;
            }

            .mar-bot-50 {
                margin-bottom: 30px !important;
            }

            .table-wrap {
                width: 100%;
                margin: 0 0 30px 0;
                overflow: auto;
            }

            .terms-condition-last-line {
                margin: 25px 0 0 0;
            }

            .dining-listing-readmore {
                margin: 0 0 20px 0 !important;
            }

            .text-align-rt {
                text-align: left;
            }

            .text-align-rt a {
                float: left;
            }

            .inside-pages-listing-wrap ul li {
                width: 100%;
                margin: 0 0 20px 0;
            }

            .inside-pages-listing-text {
                height: auto;
                padding: 10px;
            }

            .inside-pages-listing-text p {
                font-size: 14px;
            }

            .crest-assist .concierge-services-content {
                width: 100%;
            }

            .services-wrap ul li {
                width: 100%;
                margin-bottom: 15px;
                min-height: 0;
            }

            .services-icon-wrap {
                width: 100%;
                margin: 0 0 20px 0;
                text-align: center;
            }

            .services-icon-wrap img {
                float: none;
                margin: 0px auto;
            }

            .services-content-wrap {
                width: 100%;
            }

            .services-content-wrap p {
                font-size: 18px;
                line-height: 18px;
                padding-bottom: 20px;
            }

            .table-wrap.center {
                width: 100%;
            }

            .golf .table-wrap.center .common-table {
                width: 700px;
            }

            .table-heading {
                font-size: 18px;
                line-height: 37px;
                padding-left: 20px;
            }

            .table-wrap.schedule .common-table {
                width: 650px;
                overflow-x: scroll
            }

            .table-wrap.schedule .common-table .first-td {
                width: 250px;
            }

            .table-wrap.schedule .common-table td {
                font-size: 14px;
                line-height: 20px;
                padding: 10px;
            }

            .table-wrap.schedule {
                margin: 0px;
            }

            .inside-page .section-listing-wrap {
                width: 100%;
                margin-bottom: 15px;
            }

            .inside-page .section-img-wrap {
                width: 100%
            }

            .reward-list .reward-data {
                width: 100%;
                padding: 20px 10px;
                text-align: center;
            }

            .reward-list .reward-img {
                width: 100%;
                margin-right: 0;
                text-align: center;
                margin-bottom: 15px;
            }

            .reward-list .reward-img img {
                float: none;
                margin: 0px auto;
                margin-top: 20px;
            }

            .reward-list.horizontal li {
                width: 100%;
                margin: 0px;
                padding: 0px 50px;
            }

            .genesis-luxe-club .common-p-2 p {
                padding: 10px 50px;
            }

            .genesis-luxe-club .reward-list ul li {
                margin-bottom: 0px;
            }

            .common-table.table-2 {
                width: 800px;
            }

            .common-table.table-2 th {
                width: 300px;
            }

            .common-table.table-2 th:last-child {
                width: auto;
            }

            .two-table-wrap {
                overflow: scroll;
            }

            .common-p-2 p {
                padding: 10px 10px;
            }

            .two-img .image-box {
                width: 100%;
            }

            .one-and-only-log {
                width: 100%;
                margin: 0 0 30px 0
            }

            .one-and-only .common-p {
                width: 100%;
            }

            .vacation-list {
                width: 100%;
            }

            .vacation-list li {
                width: 100%;
                min-height: 0px;
                margin-bottom: 30px;
            }

            .contact-form {
                width: 100%;
            }

            .mobile-menu {
                display: block;
            }

            ul.site-sub-list02 li {
                width: 100%;
                margin: 0;
                border: 0;
            }

            .sitemap-menu>li>ul>li>ul>li {
                display: table-cell;
                width: 100%;
                float: left
            }

            .sitemap-menu>li>ul>li>.wellness>li {
                width: 100%;
            }

            .sitemap-menu>li>ul>li>ul>li a {
                padding-left: 25px;
            }

            .sitemap-menu>li>ul>li>ul>li>ul>li a {
                padding-left: 50px;
                font-size: 12px;
                background: url(../../../content/dam/indusind/crest/images/popup-bullet-small.png) no-repeat 23px 5px;
            }

            .md-content .common-table {
                width: 600px;
            }

            .md-content {
                max-height: 300PX;
            }

            .inside-page .crest-rewards .section-listing-wrap.FL,
            .inside-page .crest-rewards .section-listing-wrap.FR {
                width: 100%;
            }

            select.state-list,
            input.city {
                width: 100%;
            }

            input.captcha-field {
                width: 70%;
                font-size: 15px;
                height: 51px;
            }

            .captcha-image {
                width: 30%;
            }

            .concierge-services .accordion {
                font-size: 18px;
                line-height: 22px;
            }

            .concierge-services .panel {
                position: relative;
                top: auto;
                margin-top: 5px;
                float: left;
            }

            .connectivity .section-listing-wrap {
                width: 100%;
            }

            p.section-tagline.common-p.connect2 {
                width: 100%;
                margin: 25px 0 65px;
            }
        }

        @media screen and (min-width:481px) and (max-width:767px) {

            .left-logo img,
            .right-logo img {
                width: auto;
            }

            .right-logo {
                margin: -5px 0 0 0;
            }

            .travel-banner {
                background-position: center;
            }

            .section-img-wrap {
                text-align: center;
            }

            .section-img-wrap img {
                max-width: 350px;
                display: inline-block;
            }

            .services-icon-wrap {
                width: auto;
                margin-right: 22px;
            }

            .services-content-wrap {
                width: 71%;
            }

            .services-content-wrap p {
                font-size: 22px;
                line-height: 22px;
                padding-bottom: 38px;
            }

            .reward-list .reward-img {
                width: auto;
                margin-right: 30px;
                text-align: left;
            }

            .reward-list .reward-img img {
                float: left;
                margin: 0px auto;
                margin-top: 0;
            }

            .reward-list .reward-data {
                width: 60%;
                padding: 20px 0px;
                text-align: left;
            }

            .reward-list.horizontal li {
                width: 50%;
                margin: 0px;
                padding: 0px 30px;
            }

            .vacation-list li {
                width: 48%;
                min-height: 257px;
                margin-bottom: 30px;
            }

            .one-and-only-log {
                width: 30%;
                margin: 0 15px 0px 0;
            }

            .one-and-only .common-p {
                width: 67%;
                line-height: 20px;
            }
        }

        @media screen and (min-width:320px) and (max-width:480px) {
            .twofields .inputBox {
                width: 100%;
            }

            .twofields .inputBox.cityField {
                float: left;
            }

            .catchaContainer {
                float: none;
                margin: 0 auto;
                width: 231px;
                clear: both
            }

            .captchaBox .inputBox {
                width: 100%;
                float: left;
                margin-bottom: 15px;
            }
        }

        /* Added by Aman For Airport Access lounge margin 
.section-main-wrap:last-child{
	margin-bottom: 75px !important;
}*/


        /* Added by Iman For header */
        .main {
            padding-top: 10px;
        }






        @media only screen and (max-width: 1024px) {
            .main {
                padding-top: 25px;
            }
        }


        .whiteImage {
            display: none;
        }

        .whiteImage,
        .greyImage {
            left: 20px;
            position: absolute;
            top: -16px;
        }


        .resp-tab-active .whiteImage {
            display: block;
        }

        .resp-tab-active .greyImage {
            display: none;
        }


        .resp-tab-content-active {
            margin-top: 20px;
        }

        padding-top:25px;
    }
}




.whiteImage {
    display: none;
}

.whiteImage,
.greyImage {
    left: 20px;
    position: absolute;
    top: -16px;
}


.resp-tab-active .whiteImage {
    display: block;
}

.resp-tab-active .greyImage {
    display: none;
}


.resp-tab-content-active {
    margin-top: 20px;
}

.crestRewardsList .section-listing-wrap {
    float: right;
    width: 60% !important;
}

.error {
    font-size: 15px;
}
.airport-lounge-textalign{
    float: right;
    width: 56%;
    margin-top: -12px;
}
    @media only screen and (max-width: 767px){
	.airport-lounge-textalign{
		width: 100%;
		}
        .section-listing-wrap .section-content-wrap .read-more.fl-wdth a{
			margin-bottom: 20px !important;
}
    }


.termsAndConditions .more-info-content {
	margin-bottom : 0px;

}


.section-content-wrap .section-content-head {
    text-transform: unset;
        }



.section-content-wrap .inside-content-tagline.common-p{
     margin-bottom: 0;
                }

.image_with_bullet_list {
        float: left;
        width: 100%;
        margin-top: 50px !important;
        margin-bottom: 20px;
    }

@media only screen and (max-width: 767px) {
    .highlights-content{
        display:contents !important;
    	}
	}


/*.highlights-content{
    display: contents !important;

	}*/


 #parentHorizontalTab {
	margin: 0 auto !important;
	width: 1170px !important;
	max-width: 100%;
}

#parentHorizontalTab .resp-tabs-container .content-ul li {
	color: #ffffff;
}

#parentHorizontalTab .resp-tabs-container .common-p {
	color: #ffffff;
}

@font-face {
	font-family: 'Raleway';
	src: url('../../../etc/scripts/crest/fonts/icomoon.eot');
	src: url('../../../etc/scripts/crest/fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('clientlib-base/resources/fonts/raleway-regular-webfont.woff') format('woff'), url('../../../etc/scripts/crest/fonts/icomoon.ttf') format('truetype'), url('../../../etc/scripts/crest/fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

.resp-tab-content:before {
	width: 164.9%;
}

@media only screen and (max-width: 767px) {
	.resp-tab-content-active {
		margin-top: 0px;
	}
	.test {
		display: none;
	}
	.whiteImage img {
		display: none;
	}
	.greyImage img {
		display: none;
	}
	.itc-accordian-mobile {
		width: 90%;
		margin-left: 6px;
	}
	.banner-size {
		background-size: cover !important;
	}
	.crestRewardsList .section-listing-wrap {
		width: 100% !important;
	}
	p:empty {
		display: none;
	}
	
}

.cq-placeholder {
	height: 0 !important;
}

.mobile-menu {
	top: 20px;
}

//White Color for Telephone number in listing
ul.content-ul li .rewardsAndRedemptionPhoneNumber{
color:white !important;}
.rewardsAndRedemptionPhoneNumber{
color:white !important}
.terms-condition-p a{
        font-size:12px !important;
    }