* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  font-size: 62.5% !important;
}

/* =10px */
body {
  font-size: calc(15px + (18 - 15) * ((100vw - 300px) / (1600 - 300))) !important;
}

/* =14px */
h1 {
  font-size: 2.4rem;
}

/* =24px */
body {
  margin: 0;
  padding: 0;
  font-family: 'Rajdhani', sans-serif;
  color: #333333;
  overflow-x: hidden;
  background: #E1D3AD;
}

body.is-loading {
  overflow: hidden;
}

ul {
  margin: 0;
  padding: 0;
}

.img {
  max-width: 100%;
}

.t-gold {
  color: #C4B078;
}

.t-blue {
  color: #231F20;
}

.t-white {
  color: #fff;
}

.t-gray {
  color: #999;
}

.t-dark {
  color: #333333;
}

.no-blend {
  background-blend-mode: normal !important;
}

.bg-gold {
  background-color: #E1D3AD;
}

.bg-light {
  background-color: #E0DCD7 !important;
}

.bg-lgray {
  background-color: #ccc;
}

.bg-dark {
  background-color: #333333  !important;
}

.base {
  padding: 0 4.16667%;
}

.column-2 {
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2;
  -webkit-column-gap: 30px;
  /* Chrome, Safari, Opera */
  -moz-column-gap: 30px;
  /* Firefox */
  column-gap: 30px;
}

@media only screen and (max-width: 575px) {
  .column-2 {
    -webkit-column-count: 1;
    /* Chrome, Safari, Opera */
    -moz-column-count: 1;
    /* Firefox */
    column-count: 1;
    -webkit-column-gap: 0px;
    /* Chrome, Safari, Opera */
    -moz-column-gap: 0px;
    /* Firefox */
    column-gap: 0px;
  }
  
  #new-map{
    display: none;
  }
  #mobile-new-map{
    display: block !important;
  }
}
#mobile-new-map{
  display: none;
}
.space-diagonal {
  position: relative;
  overflow: hidden;
  height: 120px;
  z-index: 1;
}

.space-diagonal.top {
  margin-top: -118px;
}

.space-diagonal.top:before {
  -moz-transform: skewY(4.5deg);
  -o-transform: skewY(4.5deg);
  -ms-transform: skewY(4.5deg);
  -webkit-transform: skewY(4.5deg);
  transform: skewY(4.5deg);
  bottom: -119px;
}

.space-diagonal.bottom {
  margin-bottom: -119px;
}

.space-diagonal.bottom:before {
  -moz-transform: skewY(-4.5deg);
  -o-transform: skewY(-4.5deg);
  -ms-transform: skewY(-4.5deg);
  -webkit-transform: skewY(-4.5deg);
  transform: skewY(-4.5deg);
  bottom: 60px;
}

.space-diagonal.dark:before {
  background: #333 !important;
}

.space-diagonal.reverse-bottom:before {
  -moz-transform: skewY(-4.5deg);
  -o-transform: skewY(-4.5deg);
  -ms-transform: skewY(-4.5deg);
  -webkit-transform: skewY(-4.5deg);
  transform: skewY(-4.5deg);
  bottom: 60px;
}

.space-diagonal.reverse-top:before {
  -moz-transform: skewY(-4.5deg);
  -o-transform: skewY(-4.5deg);
  -ms-transform: skewY(-4.5deg);
  -webkit-transform: skewY(-4.5deg);
  transform: skewY(-4.5deg);
  bottom: -119px;
}

.space-diagonal:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 180px;
  left: 0;
  display: block;
  background: #E0DCD7;
}

.btn {
  border: 0px;
  font-weight: 500;
  font-size: 1.6rem;
  border-radius: 0px;
  text-transform: uppercase;
  width: 170px;
  text-align: center;
  font-weight: 600;
  height: 30px;
  line-height: 30px;
  padding: 0;
}

@media only screen and (max-width: 575px) {
  .btn {
    width: auto;
    padding: 0 10px;
    font-size: 1.4rem;
  }
}

.btn-secondary {
  background: #E1D3AD;
}

.btn-border {
  border: 1px solid #333;
  color: #333;
  position: relative;
}

.btn-border span {
  z-index: 2;
  position: relative;
  color: #333;
}

.btn-border:before {
  content: '';
  display: block;
  position: absolute;
  transform: scale3d(0, 1, 1);
  transform-origin: 100% 50%;
  transition: transform 0.5s;
  transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
  top: -1px;
  left: -1px;
  height: calc(100% + 2px);
  width: calc(100% + 2px);
  background: #aaa6a2;
  /* Old browsers */
  background: -moz-linear-gradient(left, #aaa6a2 0%, #726d68 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #aaa6a2 0%, #726d68 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #aaa6a2 0%, #726d68 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaa6a2', endColorstr='#726d68',GradientType=1 );
  /* IE6-9 */
  z-index: 0;
}

.btn-border:hover {
  border: 1px solid transparent;
}

.btn-border:hover:before {
  transform: scale3d(1, 1, 1);
  transform-origin: 0% 50%;
}

.btn-border:focus:before {
  transform: scale3d(1, 1, 1);
  transform-origin: 0% 50%;
}

.btn-primary {
  background: #231F20;
  text-align: center;
  border: 0px;
  font-weight: 500;
  font-size: 1.4rem;
}

.btn-primary i {
  margin-left: 20px;
  font-size: 3.5rem;
  margin-bottom: 0px;
  vertical-align: middle;
}

.form-control {
  font-size: 1.5rem;
}

.faded {
  transition: all 700ms linear 700ms;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.faded.out {
  opacity: 0;
}

.spacer {
  padding: 100px 0;
}

@media only screen and (max-width: 575px) {
  .spacer {
    padding: 80px 0;
  }
}

.spacer-bottom {
  padding-bottom: 100px;
}

@media only screen and (max-width: 575px) {
  .spacer-bottom {
    padding-bottom: 80px;
  }
}

.spacer-top {
  padding-top: 100px;
}

@media only screen and (max-width: 575px) {
  .spacer-top {
    padding-top: 50px;
  }
}

.bar-line {
  height: 6px;
  width: 65px;
  background: #333;
  border: none;
}

.bar-line.gold {
  background-image: url(../images/bg-metallic-gold-1.jpg);
  background-size: 150%;
}

.bar-line.gray {
  background-image: url(../images/bg-metallic-gray-1.jpg);
  background-size: 150%;
}

.bar-line.white {
  background-color: #fff;
}

.sub-title strong {
  letter-spacing: 1px;
}

.table-price li {
  padding: 5px 0;
  border-bottom: 1px dashed #333;
}

.table-price li strong {
  font-weight: normal;
  letter-spacing: 1px;
}

.arrow-down-sect {
  text-align: center;
  width: auto;
  display: table;
  margin: 0 auto;
  -webkit-transition: 700ms all cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 700ms all cubic;
  -moz-transition: 700ms all cubic;
  -o-transition: 700ms all cubic;
  -ms-transition: 700ms all cubic;
  z-index: 3;
}

.arrow-down-sect.gray .arrow-down.up {
  color: #333333;
  fill: #333333;
}

.arrow-down-sect.gray .arrow-down.down {
  color: #333333;
  fill: #333333;
}

.arrow-down-sect.gold .arrow-down.up {
  color: #C4B078;
  fill: #C4B078;
}

.arrow-down-sect.gold .arrow-down.down {
  color: #C4B078;
  fill: #C4B078;
}

.arrow-down-sect .arrow-down {
  width: 4em;
  height: 1.5em;
  font-size: calc(8px + (8 - 8) * ((100vw - 300px) / (1600 - 300)));
  vertical-align: middle;
  display: block;
  margin-top: -2px;
}

.arrow-down-sect .arrow-down.up {
  animation: fadeInDown 1s cubic-bezier(0.55, 0.055, 0.675, 0.19) infinite;
}

.arrow-down-sect .arrow-down.down {
  animation: fadeInDown 1s cubic-bezier(0.55, 0.055, 0.675, 0.19) infinite -0.2s;
}

.full {
  width: 100%;
  height: 100%;
}

/*the container must be positioned relative:*/
.custom-selectpick {
  position: relative;
}

.custom-selectpick select {
  display: none;
  /*hide original SELECT element:*/
}

.select-selected {
  baackground-color: none;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.select-selected {
  color: #fff;
}

.select-items div, .select-selected {
  padding: 2px 10px 2px 10px;
  border: 1px solid #fff;
  cursor: pointer;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #fff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  color: #333;
  max-height: 300px;
  overflow-y: scroll;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

.checkbox-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 10px;
  cursor: pointer;
  font-size: 2.2rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #333 !important;
  font-weight: 600;
}

.checkbox-container input:checked ~ .checkmark {
  border: 2px solid #C4B078;
}

.checkbox-container input:checked ~ .checkmark:after {
  display: block;
}

.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkbox-container .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: none;
  border: 2px solid #231F20;
}

.checkbox-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 9px;
  top: 6px;
  width: 6px;
  height: 10px;
  border: solid #C4B078;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.bg-gold-gradient {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dcd2ae+0,dcd2ae+21,bfaf77+100 */
  background: #dcd2ae;
  /* Old browsers */
  background: -moz-linear-gradient(left, #dcd2ae 0%, #dcd2ae 21%, #bfaf77 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #dcd2ae 0%, #dcd2ae 21%, #bfaf77 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #dcd2ae 0%, #dcd2ae 21%, #bfaf77 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcd2ae', endColorstr='#bfaf77',GradientType=1 );
  /* IE6-9 */
}

.two-block-cont .text-content {
  width: 60%;
}

@media only screen and (max-width: 767px) {
  .two-block-cont .text-content {
    padding: 0 0 100px;
  }
  .map-wrapper{
    min-height: 200px;
  }
}

.two-block-cont .title {
  font-weight: normal !important;
  font-size: 2.2rem !important;
  letter-spacing: 1px;
}

.two-block-cont figure.bg-gold {
  background-color: #E1D3AD;
  background-blend-mode: luminosity;
}

ul.inline {
  text-align: center;
}

ul.inline li {
  display: inline-block;
  position: relative;
  padding-right: 15px;
  margin-left: 5px;
}

ul.inline li:before {
  content: '/';
  display: block;
  position: absolute;
  right: 0;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  color: #C4B078;
}

ul.inline li:last-child:before {
  display: none;
}

.svg-box {
  width: 100%;
  position: absolute;
  z-index: 1;
  /*	mix-blend-mode: overlay;*/
}

.svg-box #Layer_1 path {
  opacity: 1;
  stroke: #E1D3AD;
}

.flip {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.svg-background #Layer_1 path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  transition: stroke-dashoffset 4s ease-in-out;
  -webkit-transition: stroke-dashoffset 4s ease-in-out;
  -moz-transition: stroke-dashoffset 4s ease-in-out;
  -o-transition: stroke-dashoffset 4s ease-in-out;
  -ms-transition: stroke-dashoffset 4s ease-in-out;
  opacity: .5;
  stroke-width: 1;
}

.svg-background #Layer_1 path.show {
  stroke-dashoffset: 0;
}

@keyframes revealOutUp {
  0% {
    transform: translate3d(0, 100%, 0);
  }
  50% {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
  100% {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes revealInUp {
  0% {
    transform: translate3d(0, 100%, 0);
  }
  50% {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
  100% {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes revealOutUp2 {
  0% {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
  100% {
    transform: translate3d(0, 0%, 0);
  }
}

@keyframes bounceMe {
  0%, 100% {
    transform: translate3d(0, 0px, 0);
  }
  50% {
    visibility: hidden;
    transform: translate3d(0, 10px, 0);
  }
}

@keyframes bounceMedeg {
  0%, 100% {
    transform: translate3d(0, 0px, 0);
  }
  50% {
    visibility: hidden;
    transform: translate3d(0, 10px, 0);
  }
}

@keyframes revealInUp2 {
  0% {
    transform: translate3d(0, 0%, 0);
  }
  100% {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes revealInDown2 {
  0% {
    transform: translate3d(0, 0%, 0);
  }
  100% {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes color {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.square {
  position: relative;
  width: 100%;
  height: auto;
}

.square.half-square:before {
  padding-bottom: 50%;
}

.square.third-square:before {
  padding-bottom: 75%;
}

.square.fourth-square:before {
  padding-bottom: 25%;
}

.square:before {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.square .content {
  position: absolute;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  text-align: center;
  width: 100%;
}

.container {
  max-width: 1040px;
}

#preloader.is-hidden {
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: 0.7s transform cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: 0.7s transform cubic;
  -moz-transition: 0.7s transform cubic;
  -o-transition: 0.7s transform cubic;
  -ms-transition: 0.7s transform cubic;
}

.page-wrap {
  /*@include transformY(500px);*/
  position: static;
  height: 100%;
  background: #231F20;
  transition: 500ms opacity cubic-bezier(0.55, 0.085, 0.68, 0.53);
  -webkit-transition: 500ms opacity cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition-delay: 1000ms;
  /*	-webkit-transition-delay:1000ms;*/
  opacity: 0;
  z-index: 2;
}

.page-wrap.show {
  opacity: 1;
}

.book-cont {
  background-color: transparent;
  border-radius: 0px;
}

.book-cont .modal-header {
  border: none;
  text-align: center;
  color: #fff;
}

.book-cont .modal-header .modal-title {
  margin: 0 auto;
  font-size: 3rem;
}

.book-cont .modal-body {
  border: 1px solid #fff;
  padding: 30px;
}

.book-cont .modal-body label {
  color: #fff;
  font-size: 1.6rem;
}

.book-cont .modal-body .other-services-list .disabled {
  pointer-events: none;
  opacity: .3;
}

.book-cont .modal-body .other-services-list .show {
  display: block;
}

.book-cont .modal-body .other-services-list .hide {
  display: none;
}

.book-cont .modal-body .other-services-list .card {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 0px;
  position: relative;
}

.book-cont .modal-body .other-services-list .card #collapseOne {
  position: absolute;
  top: 38px;
  width: 100%;
  background: #fff;
  max-height: 200px;
  overflow-y: auto;
}

.book-cont .modal-body .other-services-list .card .card-header {
  border-radius: 0px;
  padding: 0;
}

.book-cont .modal-body .other-services-list .card .card-header h5 {
  font-size: 1.8rem;
  color: rgba(255, 255, 255, 0.7);
}

.book-cont .modal-body .other-services-list .card .card-header h5 a {
  padding: 8px 15px 8px 40px;
  display: block;
  width: 100%;
  cursor: pointer;
}

.book-cont .modal-body .other-services-list .card .card-header h5 a.collapsed:after {
  content: "\e901 ";
}

.book-cont .modal-body .other-services-list .card .card-header h5 a:after {
  position: absolute;
  content: "\e908";
  top: 5px;
  left: 10px;
  width: 0;
  height: 0;
  font-family: 'icomoon';
  color: #fff;
}

.book-cont .modal-body .form-control {
  border: 1px solid #fff;
  background: none;
  margin-bottom: 10px;
  border-radius: 0px;
  font-size: 1.8rem;
  color: #fff;
  padding: 2px 10px 2px 10px;
}

.book-cont .modal-body .form-control::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(255, 255, 255, 0.7);
  opacity: 1;
  /* Firefox */
  font-size: 1.8rem;
}

.book-cont .modal-body .form-control:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgba(255, 255, 255, 0.7);
  font-size: 1.8rem;
}

.book-cont .modal-body .form-control::-ms-input-placeholder {
  /* Microsoft Edge */
  color: rgba(255, 255, 255, 0.7);
  font-size: 1.8rem;
}

.book-cont .btn-primary {
  display: block;
  margin: 20px auto;
  background: #fff;
  color: #333;
  font-size: 16px;
  letter-spacing: 1px;
}

.book-cont .icon-close {
  margin: 0 auto;
  display: block;
  color: #fff;
}

.book-container {
  background-color: rgba(0, 0, 0, 0.7);
  width: calc(100% - 60px);
  height: calc(100% - 60px);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}

.book-container .modal-dialog {
  max-width: 700px;
}

.a-delay:nth-child(0) .title, .a-delay:nth-child(0) .sub-title, .a-delay:nth-child(0) .text-box, .a-delay:nth-child(0) .para {
  animation-delay: 0ms;
}

.a-delay:nth-child(0) .img-title-cont {
  animation-delay: 0ms;
}

.a-delay:nth-child(1) .title, .a-delay:nth-child(1) .sub-title, .a-delay:nth-child(1) .text-box, .a-delay:nth-child(1) .para {
  animation-delay: 200ms;
}

.a-delay:nth-child(1) .img-title-cont {
  animation-delay: 200ms;
}

.a-delay:nth-child(2) .title, .a-delay:nth-child(2) .sub-title, .a-delay:nth-child(2) .text-box, .a-delay:nth-child(2) .para {
  animation-delay: 400ms;
}

.a-delay:nth-child(2) .img-title-cont {
  animation-delay: 400ms;
}

.a-delay:nth-child(3) .title, .a-delay:nth-child(3) .sub-title, .a-delay:nth-child(3) .text-box, .a-delay:nth-child(3) .para {
  animation-delay: 600ms;
}

.a-delay:nth-child(3) .img-title-cont {
  animation-delay: 600ms;
}

.a-delay:nth-child(4) .title, .a-delay:nth-child(4) .sub-title, .a-delay:nth-child(4) .text-box, .a-delay:nth-child(4) .para {
  animation-delay: 800ms;
}

.a-delay:nth-child(4) .img-title-cont {
  animation-delay: 800ms;
}

.a-delay:nth-child(5) .title, .a-delay:nth-child(5) .sub-title, .a-delay:nth-child(5) .text-box, .a-delay:nth-child(5) .para {
  animation-delay: 1000ms;
}

.a-delay:nth-child(5) .img-title-cont {
  animation-delay: 1000ms;
}

.a-delay:nth-child(6) .title, .a-delay:nth-child(6) .sub-title, .a-delay:nth-child(6) .text-box, .a-delay:nth-child(6) .para {
  animation-delay: 1200ms;
}

.a-delay:nth-child(6) .img-title-cont {
  animation-delay: 1200ms;
}

.a-delay:nth-child(7) .title, .a-delay:nth-child(7) .sub-title, .a-delay:nth-child(7) .text-box, .a-delay:nth-child(7) .para {
  animation-delay: 1400ms;
}

.a-delay:nth-child(7) .img-title-cont {
  animation-delay: 1400ms;
}

.a-delay:nth-child(8) .title, .a-delay:nth-child(8) .sub-title, .a-delay:nth-child(8) .text-box, .a-delay:nth-child(8) .para {
  animation-delay: 1600ms;
}

.a-delay:nth-child(8) .img-title-cont {
  animation-delay: 1600ms;
}

.a-delay:nth-child(9) .title, .a-delay:nth-child(9) .sub-title, .a-delay:nth-child(9) .text-box, .a-delay:nth-child(9) .para {
  animation-delay: 1800ms;
}

.a-delay:nth-child(9) .img-title-cont {
  animation-delay: 1800ms;
}

.a-delay:nth-child(10) .title, .a-delay:nth-child(10) .sub-title, .a-delay:nth-child(10) .text-box, .a-delay:nth-child(10) .para {
  animation-delay: 2000ms;
}

.a-delay:nth-child(10) .img-title-cont {
  animation-delay: 2000ms;
}

.a-delay:nth-child(11) .title, .a-delay:nth-child(11) .sub-title, .a-delay:nth-child(11) .text-box, .a-delay:nth-child(11) .para {
  animation-delay: 2200ms;
}

.a-delay:nth-child(11) .img-title-cont {
  animation-delay: 2200ms;
}

.a-delay:nth-child(12) .title, .a-delay:nth-child(12) .sub-title, .a-delay:nth-child(12) .text-box, .a-delay:nth-child(12) .para {
  animation-delay: 2400ms;
}

.a-delay:nth-child(12) .img-title-cont {
  animation-delay: 2400ms;
}

.a-delay:nth-child(13) .title, .a-delay:nth-child(13) .sub-title, .a-delay:nth-child(13) .text-box, .a-delay:nth-child(13) .para {
  animation-delay: 2600ms;
}

.a-delay:nth-child(13) .img-title-cont {
  animation-delay: 2600ms;
}

.a-delay:nth-child(14) .title, .a-delay:nth-child(14) .sub-title, .a-delay:nth-child(14) .text-box, .a-delay:nth-child(14) .para {
  animation-delay: 2800ms;
}

.a-delay:nth-child(14) .img-title-cont {
  animation-delay: 2800ms;
}

.a-delay:nth-child(15) .title, .a-delay:nth-child(15) .sub-title, .a-delay:nth-child(15) .text-box, .a-delay:nth-child(15) .para {
  animation-delay: 3000ms;
}

.a-delay:nth-child(15) .img-title-cont {
  animation-delay: 3000ms;
}

.a-delay:nth-child(16) .title, .a-delay:nth-child(16) .sub-title, .a-delay:nth-child(16) .text-box, .a-delay:nth-child(16) .para {
  animation-delay: 3200ms;
}

.a-delay:nth-child(16) .img-title-cont {
  animation-delay: 3200ms;
}

.animate-load {
  opacity: 0;
  -webkit-transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.5s cubic;
  -moz-transition: all 0.5s cubic;
  -o-transition: all 0.5s cubic;
  -ms-transition: all 0.5s cubic;
}

.animate-load .img-title-cont {
  opacity: 0;
}

.animate-load .title span {
  opacity: 0;
  display: inline-block;
  -webkit-transition: all 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.5s cubic;
  -moz-transition: all 0.5s cubic;
  -o-transition: all 0.5s cubic;
  -ms-transition: all 0.5s cubic;
}

.animate-load .title span:nth-child(0) {
  animation-delay: 0ms;
}

.animate-load .title span:nth-child(1) {
  animation-delay: 30ms;
}

.animate-load .title span:nth-child(2) {
  animation-delay: 60ms;
}

.animate-load .title span:nth-child(3) {
  animation-delay: 90ms;
}

.animate-load .title span:nth-child(4) {
  animation-delay: 120ms;
}

.animate-load .title span:nth-child(5) {
  animation-delay: 150ms;
}

.animate-load .title span:nth-child(6) {
  animation-delay: 180ms;
}

.animate-load .title span:nth-child(7) {
  animation-delay: 210ms;
}

.animate-load .title span:nth-child(8) {
  animation-delay: 240ms;
}

.animate-load .title span:nth-child(9) {
  animation-delay: 270ms;
}

.animate-load .title span:nth-child(10) {
  animation-delay: 300ms;
}

.animate-load .title span:nth-child(11) {
  animation-delay: 330ms;
}

.animate-load .title span:nth-child(12) {
  animation-delay: 360ms;
}

.animate-load .title span:nth-child(13) {
  animation-delay: 390ms;
}

.animate-load .title span:nth-child(14) {
  animation-delay: 420ms;
}

.animate-load .title span:nth-child(15) {
  animation-delay: 450ms;
}

.animate-load .title span:nth-child(16) {
  animation-delay: 480ms;
}

.animate-load .bar-line {
  opacity: 0;
  width: 0;
  -webkit-transition: width 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: width 0.5s cubic;
  -moz-transition: width 0.5s cubic;
  -o-transition: width 0.5s cubic;
  -ms-transition: width 0.5s cubic;
  transition-delay: 500ms;
}

.animate-load .para, .animate-load .box-content, .animate-load .bio-text, .animate-load .sub-title {
  opacity: 0;
}

.animate-load.show {
  opacity: 1;
}

.animate-load.show .img-title-cont {
  animation-name: fadeIn;
  animation-duration: 800ms;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  opacity: 1;
}

.animate-load.show .title {
  opacity: 1;
}

.animate-load.show .title span {
  animation-name: fadeInUp;
  animation-duration: 800ms;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  opacity: 1;
}

.animate-load.show .bar-line {
  opacity: 1;
  width: 65px;
}

.animate-load.show .para, .animate-load.show .box-content {
  animation-name: fadeInUp;
  animation-duration: 800ms;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  opacity: 1;
}

.animate-load.show .bio-text, .animate-load.show .sub-title {
  animation-name: fadeInUp;
  animation-duration: 800ms;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  opacity: 1;
}

.animated-content {
  opacity: 0;
}

.animated-content.animate {
  animation-name: fadeIn;
  animation-duration: 800ms;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  opacity: 1;
}

.animated-content.animate .title span {
  animation-name: fadeInUp;
  animation-duration: 800ms;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  opacity: 1;
}

.animated-content.animate .sub-title, .animated-content.animate .text-box {
  animation-name: fadeInUp;
  animation-duration: 800ms;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  opacity: 1;
}

.animated-content.animate .bar-line {
  width: 65px;
  opacity: 1;
}

.animated-content.animate .bio-text {
  animation-name: fadeInUp;
  animation-duration: 800ms;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  opacity: 1;
}

.animated-content.animate .table-price li {
  animation-name: fadeInUp;
  animation-duration: 500ms;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  opacity: 1;
}

.animated-content.animate .btn-border {
  animation-name: fadeInUp;
  animation-duration: 500ms;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  opacity: 1;
}

.animated-content .bio-text {
  opacity: 0;
}

.animated-content .text-box, .animated-content .sub-title {
  opacity: 0;
}

.animated-content .bar-line {
  opacity: 0;
  width: 0;
  -webkit-transition: width 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: width 0.5s cubic;
  -moz-transition: width 0.5s cubic;
  -o-transition: width 0.5s cubic;
  -ms-transition: width 0.5s cubic;
  transition-delay: 500ms;
}

.animated-content .title {
  font-size: 2.5rem;
  max-width: 550px;
  width: 100%;
  margin: 0 auto 40px;
  font-weight: 300;
  overflow: hidden;
}

.animated-content .title span {
  opacity: 0;
  display: inline-block;
}

.animated-content .title span:nth-child(0) {
  animation-delay: 0ms;
}

.animated-content .title span:nth-child(1) {
  animation-delay: 30ms;
}

.animated-content .title span:nth-child(2) {
  animation-delay: 60ms;
}

.animated-content .title span:nth-child(3) {
  animation-delay: 90ms;
}

.animated-content .title span:nth-child(4) {
  animation-delay: 120ms;
}

.animated-content .title span:nth-child(5) {
  animation-delay: 150ms;
}

.animated-content .title span:nth-child(6) {
  animation-delay: 180ms;
}

.animated-content .title span:nth-child(7) {
  animation-delay: 210ms;
}

.animated-content .title span:nth-child(8) {
  animation-delay: 240ms;
}

.animated-content .title span:nth-child(9) {
  animation-delay: 270ms;
}

.animated-content .title span:nth-child(10) {
  animation-delay: 300ms;
}

.animated-content .title span:nth-child(11) {
  animation-delay: 330ms;
}

.animated-content .title span:nth-child(12) {
  animation-delay: 360ms;
}

.animated-content .title span:nth-child(13) {
  animation-delay: 390ms;
}

.animated-content .title span:nth-child(14) {
  animation-delay: 420ms;
}

.animated-content .title span:nth-child(15) {
  animation-delay: 450ms;
}

.animated-content .title span:nth-child(16) {
  animation-delay: 480ms;
}

.animated-content .table-price li:nth-child(0) {
  animation-delay: 0ms;
}

.animated-content .table-price li:nth-child(1) {
  animation-delay: 150ms;
}

.animated-content .table-price li:nth-child(2) {
  animation-delay: 300ms;
}

.animated-content .table-price li:nth-child(3) {
  animation-delay: 450ms;
}

.animated-content .table-price li:nth-child(4) {
  animation-delay: 600ms;
}

.animated-content .table-price li:nth-child(5) {
  animation-delay: 750ms;
}

.animated-content .table-price li:nth-child(6) {
  animation-delay: 900ms;
}

.animated-content .table-price li:nth-child(7) {
  animation-delay: 1050ms;
}

.animated-content .table-price li:nth-child(8) {
  animation-delay: 1200ms;
}

.animated-content .table-price li:nth-child(9) {
  animation-delay: 1350ms;
}

.animated-content .table-price li:nth-child(10) {
  animation-delay: 1500ms;
}

.animated-content .table-price li:nth-child(11) {
  animation-delay: 1650ms;
}

.animated-content .table-price li:nth-child(12) {
  animation-delay: 1800ms;
}

.animated-content .table-price li:nth-child(13) {
  animation-delay: 1950ms;
}

.animated-content .table-price li:nth-child(14) {
  animation-delay: 2100ms;
}

.animated-content .table-price li:nth-child(15) {
  animation-delay: 2250ms;
}

.animated-content .table-price li:nth-child(16) {
  animation-delay: 2400ms;
}

.animated-content .btn-border {
  opacity: 0;
}

.reveal {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  height: 100vh;
  overflow: hidden;
  display: none;
}

.reveal .box-reveal {
  /*		position: fixed;
		height: 100vh;
		width: 100vw;
		left: 0;
		top:0;
		opacity: 1;
		@include transformY(100%);
		@include transition(800ms, all , cubic-bezier(0.55, 0.055, 0.675, 0.19));
		background: #E1D3AD;
		z-index: 0;

*/
}

.reveal .box-reveal.show {
  /*@include transformY(-100%);
			-webkit-transition-delay: 150ms;*/
  /*animation-name: revealInUp;
			animation-duration: 1000ms;
  			animation-fill-mode: both;
			z-index: 99;
			animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
			animation-delay: 2000ms;*/
}

.reveal .box-reveal.hide {
  -moz-transform: translateY(100%);
  -o-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.reveal .box-reveal.menu-close {
  /*			animation-name: revealInUp;
			animation-duration: 1000ms;
  			animation-fill-mode: both;
			z-index: 99;
			animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
			animation-delay: 700ms;*/
}

.reveal .box-reveal.menu-open {
  /*			animation-name: revealOutUp;
			animation-duration: 1200ms;
  			animation-fill-mode: both;
			z-index:99;
			animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);*/
  /*@include transformY(-100%);
			opacity: 1;
			height: 100vh;
			z-index: 8;
			width: 100vw;
			*/
}

.menu-reveal {
  /*	position: fixed;
	height: 100vh;
	width: 100vw;
	left: 0;
	top:0;
	opacity: 1;
	@include transformY(100%);
	@include transition(800ms, all, cubic-bezier(0.55, 0.055, 0.675, 0.19));
	background: $p_color;*/
  /*&.menu-close{
		animation-name: revealInUp;
		animation-duration: 1000ms;
		animation-fill-mode: both;
		z-index: 99;
		animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
		animation-delay: 800ms;
	}

	&.menu-open{
		animation-name: revealOutUp;
		animation-duration: 1200ms;
		animation-fill-mode: both;
		z-index:99;
		animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
		animation-delay: 150ms;
	}*/
}

.icon-svg {
  display: inline-block;
  color: #444444;
  /*    width: 1em;
    height: 1em;*/
  fill: currentColor;
}

header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  min-height: 80px;
  min-height: 100px;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 0;
  transition: 900ms transform cubic-bezier(0.645, 0.045, 0.355, 1), 900ms opacity cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition: 900ms transform cubic-bezier(0.645, 0.045, 0.355, 1), 900ms opacity cubic-bezier(0.645, 0.045, 0.355, 1);
}

header:before {
  content: '';
  background: #333333;
  display: block;
  width: 100%;
  position: fixed;
  top: -40px;
  left: 0;
  height: 100px;
  -webkit-transform: skewY(-1.5deg);
  -moz-transform: skewY(-1.5deg);
  -ms-transform: skewY(-1.5deg);
  -o-transform: skewY(-1.5deg);
  opacity: 0;
  -webkit-transition: 300ms all cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: 300ms all cubic;
  -moz-transition: 300ms all cubic;
  -o-transition: 300ms all cubic;
  -ms-transition: 300ms all cubic;
}

header.sticky:before {
  opacity: 1;
  top: -20px;
}

header.sticky .logo-cont {
  top: 25px;
}

@media only screen and (max-width: 575px) {
  header.sticky .logo-cont {
    top: 15px;
  }
}

header.sticky .logo-cont .logo-icon .symbol-logo {
  font-size: calc(20px + (25 - 20) * ((100vw - 300px) / (1600 - 300)));
}

header.sticky .logo-cont .logo-text {
  margin-top: 8px;
}

header.sticky .logo-cont .logo-text .text-logo {
  font-size: calc(7px + (9 - 7) * ((100vw - 300px) / (1600 - 300)));
}

header.sticky .btn-header {
  opacity: 1;
}

@media only screen and (max-width: 575px) {
  header.sticky .btn-header {
    opacity: 0;
  }
}

header.sticky .menu-wrapper {
  top: 25px;
}

@media only screen and (max-width: 575px) {
  header.sticky .menu-wrapper {
    top: 35px;
  }
}

header.menu-open .logo-cont {
  z-index: 99;
}

header.show {
  -moz-transform: translateY(0%);
  -o-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  opacity: 1;
}

header .logo-cont {
  position: absolute;
  left: 4.16667%;
  top: 30px;
  z-index: 99;
  -webkit-transition: 300ms all cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: 300ms all cubic;
  -moz-transition: 300ms all cubic;
  -o-transition: 300ms all cubic;
  -ms-transition: 300ms all cubic;
}

@media only screen and (max-width: 575px) {
  header .logo-cont {
    left: calc(25vw - 50%);
    transform: translateX(calc(50vw - 50%));
  }
}

header .logo-cont .logo-icon {
  margin: 0 auto;
  display: table;
}

header .logo-cont .logo-icon .symbol-logo {
  color: #fff;
  fill: #fff;
  width: 1em;
  height: 1em;
  font-size: calc(25px + (35 - 25) * ((100vw - 300px) / (1600 - 300)));
  vertical-align: middle;
  position: relative;
  -webkit-transition: 300ms all cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: 300ms all cubic;
  -moz-transition: 300ms all cubic;
  -o-transition: 300ms all cubic;
  -ms-transition: 300ms all cubic;
}

header .logo-cont .logo-text {
  margin-top: 15px;
  -webkit-transition: 300ms all cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: 300ms all cubic;
  -moz-transition: 300ms all cubic;
  -o-transition: 300ms all cubic;
  -ms-transition: 300ms all cubic;
}

@media only screen and (max-width: 575px) {
  header .logo-cont .logo-text {
    margin-top: 10px;
  }
}

header .logo-cont .logo-text .text-logo {
  color: #fff;
  fill: #fff;
  font-size: calc(8px + (12 - 8) * ((100vw - 300px) / (1600 - 300)));
  vertical-align: text-top;
  z-index: 1;
  margin: 0 auto;
  width: 12em;
  height: 1em;
  -webkit-transition: 300ms all cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: 300ms all cubic;
  -moz-transition: 300ms all cubic;
  -o-transition: 300ms all cubic;
  -ms-transition: 300ms all cubic;
}

header .definition-menu {
  height: 100vh;
  -moz-transform: translateY(100%);
  -o-transform: translateY(100%);
  -ms-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  background: rgba(35, 31, 32, 0.95);
  position: fixed;
  width: 100%;
  visibility: hidden;
  z-index: 9;
}

header .definition-menu.menu-close {
  animation-name: revealInDown2;
  animation-duration: 600ms;
  animation-fill-mode: both;
  z-index: 3;
  animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  animation-delay: 700ms;
  visibility: visible;
}

header .definition-menu.menu-close .nav-wrap .symbol-logo {
  opacity: 0;
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

header .definition-menu.menu-close .nav-wrap ul li {
  opacity: 0;
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

header .definition-menu.menu-close .nav-wrap .social-nav {
  opacity: 0;
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

header .definition-menu.menu-close .nav-wrap .nav-close {
  opacity: 0;
  bottom: -15px;
}

header .definition-menu.menu-close .nav-wrap .btn-group-nav {
  bottom: -20px;
  opacity: 0;
}

header .definition-menu.menu-open {
  animation-name: revealOutUp2;
  animation-duration: 600ms;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  visibility: visible;
}

header .definition-menu.menu-open .nav-wrap .symbol-logo {
  opacity: 1;
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

header .definition-menu.menu-open .nav-wrap ul li {
  opacity: 1;
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

header .definition-menu.menu-open .nav-wrap .social-nav {
  opacity: 1;
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

header .definition-menu.menu-open .nav-wrap .nav-close {
  opacity: 1;
  bottom: -15px;
}

header .definition-menu nav {
  height: 100vh;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  text-align: center;
}

header .definition-menu nav ul li a {
  position: relative;
  overflow: hidden;
  z-index: 1;
  font-size: 2.2rem;
}

@media only screen and (max-width: 575px) {
  header .definition-menu nav ul li a {
    font-size: 1.5rem;
  }
}

header .definition-menu nav ul li a:before {
  content: '';
  display: block;
  position: absolute;
  transform: scale3d(0, 1, 1);
  transform-origin: 100% 50%;
  transition: transform 0.5s;
  transition-timing-function: cubic-bezier(0.8, 0, 0.2, 1);
  left: 0;
  bottom: -3px;
  height: 3px;
  width: 100%;
  background: #E1D3AD;
  /* Old browsers */
  z-index: 0;
}

header .definition-menu nav ul li a:hover {
  text-decoration: none;
}

header .definition-menu nav ul li a:hover:before {
  transform: scale3d(1, 1, 1);
  transform-origin: 0% 50%;
}

header .definition-menu nav ul li a:focus:before {
  transform: scale3d(1, 1, 1);
  transform-origin: 0% 50%;
}

header .definition-menu nav .nav-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
}

@media only screen and (max-width: 575px) {
  header .definition-menu nav .nav-wrap {
    top: calc(50% + 40px);
  }
}

header .definition-menu nav .nav-wrap .symbol-logo {
  color: #E1D3AD;
  fill: #E1D3AD;
  width: 1em;
  height: 1em;
  font-size: calc(45px + (45 - 45) * ((100vw - 300px) / (1600 - 300)));
  vertical-align: middle;
  position: relative;
  border-bottom: 4px solid #333;
  padding-bottom: 10px;
  opacity: 0;
  -moz-transform: translateY(20px);
  -o-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: 600ms all cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: 600ms all cubic;
  -moz-transition: 600ms all cubic;
  -o-transition: 600ms all cubic;
  -ms-transition: 600ms all cubic;
  transition-delay: .5s;
}

@media only screen and (max-width: 575px) {
  header .definition-menu nav .nav-wrap .symbol-logo {
    font-size: calc(40px + (40 - 40) * ((100vw - 300px) / (1600 - 300)));
  }
}

header .definition-menu nav .nav-wrap > ul > li {
  list-style: none;
  padding: 10px 0 0;
  color: #fff;
  font-size: 0px;
  -moz-transform: translateY(20px);
  -o-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: 600ms all cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: 600ms all cubic;
  -moz-transition: 600ms all cubic;
  -o-transition: 600ms all cubic;
  -ms-transition: 600ms all cubic;
  opacity: 0;
  position: relative;
  overflow: hidden;
}

@media only screen and (max-width: 575px) {
  header .definition-menu nav .nav-wrap > ul > li {
    font-size: 0px;
  }
}

header .definition-menu nav .nav-wrap > ul > li:nth-child(0) {
  transition-delay: calc(100ms * 1);
}

header .definition-menu nav .nav-wrap > ul > li:nth-child(1) {
  transition-delay: calc(100ms * 2);
}

header .definition-menu nav .nav-wrap > ul > li:nth-child(2) {
  transition-delay: calc(100ms * 3);
}

header .definition-menu nav .nav-wrap > ul > li:nth-child(3) {
  transition-delay: calc(100ms * 4);
}

header .definition-menu nav .nav-wrap > ul > li:nth-child(4) {
  transition-delay: calc(100ms * 5);
}

header .definition-menu nav .nav-wrap > ul > li:nth-child(5) {
  transition-delay: calc(100ms * 6);
}

header .definition-menu nav .nav-wrap > ul > li:nth-child(6) {
  transition-delay: calc(100ms * 7);
}

header .definition-menu nav .nav-wrap > ul > li:nth-child(7) {
  transition-delay: calc(100ms * 8);
}

header .definition-menu nav .nav-wrap > ul > li:nth-child(8) {
  transition-delay: calc(100ms * 9);
}

header .definition-menu nav .nav-wrap > ul > li:nth-child(9) {
  transition-delay: calc(100ms * 10);
}

header .definition-menu nav .nav-wrap > ul > li:nth-child(10) {
  transition-delay: calc(100ms * 11);
}

header .definition-menu nav .nav-wrap > ul > li:nth-child(11) {
  transition-delay: calc(100ms * 12);
}

header .definition-menu nav .nav-wrap > ul > li:nth-child(12) {
  transition-delay: calc(100ms * 13);
}

header .definition-menu nav .nav-wrap > ul > li:nth-child(13) {
  transition-delay: calc(100ms * 14);
}

header .definition-menu nav .nav-wrap > ul > li:nth-child(14) {
  transition-delay: calc(100ms * 15);
}

header .definition-menu nav .nav-wrap > ul > li:nth-child(15) {
  transition-delay: calc(100ms * 16);
}

header .definition-menu nav .nav-wrap > ul > li:nth-child(16) {
  transition-delay: calc(100ms * 17);
}

header .definition-menu nav .nav-wrap > ul > li > a {
  color: #fff;
  opacity: 1;
  visibility: 1;
  display: inline-block;
  z-index: 2;
  position: relative;
}

header .definition-menu nav .nav-wrap > ul > li > a.selected {
  opacity: 0;
  visibility: hidden;
  width: 100%;
  position: absolute;
  text-align: center;
  z-index: -1;
  pointer-events: none;
  top: 100%;
}

header .definition-menu nav .nav-wrap > ul > li > ul {
  visibility: visible;
  opacity: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  /*padding-bottom: 10px;*/
}

@media only screen and (max-width: 575px) {
  header .definition-menu nav .nav-wrap > ul > li > ul {
    padding-bottom: 0px;
  }
}

header .definition-menu nav .nav-wrap > ul > li > ul.is-hidden {
  opacity: 0;
  visibility: hidden;
  width: 100%;
  position: absolute;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: -1;
  top: 100%;
  pointer-events: none;
}

header .definition-menu nav .nav-wrap > ul > li > ul li {
  padding: 0 10px;
  list-style: none;
}

header .definition-menu nav .nav-wrap > ul > li > ul li a {
  color: #E1D3AD;
}

header .definition-menu nav .nav-wrap .social-nav {
  color: #E1D3AD;
  margin: 15px 0;
  font-size: 12px;
  -webkit-transition: 400ms all cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: 400ms all cubic;
  -moz-transition: 400ms all cubic;
  -o-transition: 400ms all cubic;
  -ms-transition: 400ms all cubic;
  opacity: 0;
  transition-delay: 800ms;
  -moz-transform: translateY(20px);
  -o-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
}

header .definition-menu nav .nav-wrap .social-nav em {
  font-size: 2rem;
}

header .definition-menu nav .nav-wrap .nav-close {
  position: absolute;
  left: 50%;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -60px;
  opacity: 0;
  -webkit-transition: 400ms all cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: 400ms all cubic;
  -moz-transition: 400ms all cubic;
  -o-transition: 400ms all cubic;
  -ms-transition: 400ms all cubic;
  transition-delay: 1300ms;
  color: #E1D3AD;
}

header .definition-menu nav .nav-wrap .nav-close .hamburger-menu {
  background: #e1d3ad;
}

header .definition-menu nav .nav-wrap .nav-close .hamburger-menu.animate {
  background: rgba(225, 211, 173, 0);
}

header .definition-menu nav .nav-wrap .nav-close .hamburger-menu:before {
  background: #e1d3ad;
}

header .definition-menu nav .nav-wrap .nav-close .hamburger-menu:after {
  background: #e1d3ad;
}

header .btn-header {
  position: absolute;
  top: 15px;
  right: calc(4.16667% + 50px);
  border: 1px solid #fff;
  opacity: 0;
  -webkit-transition: 300ms all cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: 300ms all cubic;
  -moz-transition: 300ms all cubic;
  -o-transition: 300ms all cubic;
  -ms-transition: 300ms all cubic;
}

header .btn-header span {
  color: #fff;
}

header .menu-wrapper {
  position: absolute;
  top: 30px;
  left: auto;
  right: 4.16667%;
  bottom: auto;
  margin: auto;
  width: 25px;
  height: 12px;
  cursor: pointer;
  z-index: 9999;
  -webkit-transition: 500ms all cubic-bezier(0.55, 0.085, 0.68, 0.53);
  transition: 500ms all cubic;
  -moz-transition: 500ms all cubic;
  -o-transition: 500ms all cubic;
  -ms-transition: 500ms all cubic;
}

@media only screen and (max-width: 575px) {
  header .menu-wrapper {
    right: calc(25% - 20.5px);
    transform: translateX(calc(25% - 12.5px));
    top: 50px;
  }
}

header .hamburger-menu,
header .hamburger-menu:after,
header .hamburger-menu:before {
  width: 25px;
  height: 2px;
  border-radius: 5px;
}

header .hamburger-menu {
  position: relative;
  transform: translateY(5px);
  background: white;
  transition: all 0ms 200ms;
}

header .hamburger-menu.animate {
  background: rgba(255, 255, 255, 0);
}

header .hamburger-menu:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 5px;
  background: white;
  transition: bottom 200ms 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms cubic-bezier(0.23, 1, 0.32, 1);
}

header .hamburger-menu:after {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  background: white;
  transition: top 200ms 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms cubic-bezier(0.23, 1, 0.32, 1);
}

header .hamburger-menu.animate:after {
  top: 0;
  transform: rotate(45deg);
  transition: top 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms 200ms cubic-bezier(0.23, 1, 0.32, 1);
}

header .hamburger-menu.animate:before {
  bottom: 0;
  transform: rotate(-45deg);
  transition: bottom 200ms cubic-bezier(0.23, 1, 0.32, 1), transform 200ms 200ms cubic-bezier(0.23, 1, 0.32, 1);
}

/***************** SLIDER *******************/
.show .banner .slider-man:before {
  animation-name: slideOutUp;
  animation-duration: 800ms;
  animation-fill-mode: both;
  z-index: 99;
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-delay: 1600ms;
}

.show .banner .slider-woman:before {
  animation-name: slideOutDown;
  animation-duration: 800ms;
  animation-fill-mode: both;
  z-index: 99;
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  animation-delay: 1600ms;
}

.show .banner .slider .item {
  opacity: 1;
}

.show .banner .arrow-down-sect {
  opacity: 1;
}

.show .banner .holding-text-content .svg-background #Layer_1 path {
  stroke-dashoffset: 0;
}

.show .banner .holding-text-content .title {
  opacity: 1;
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.show .banner .btn-group .btn {
  opacity: 1;
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.banner {
  overflow: hidden;
  top: 0;
  height: 100vh;
  width: 100%;
  left: 0;
  position: relative;
}

.banner .holding-text-content {
  position: absolute;
  z-index: 2;
  position: absolute;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: calc(18vh + 20px);
  left: 50%;
  max-width: 600px;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .banner .holding-text-content {
    bottom: calc(18vh + 10px);
  }
}

@media only screen and (max-width: 575px) {
  .banner .holding-text-content {
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    top: calc( 50% - 50px);
    bottom: auto;
  }
}

.banner .holding-text-content .svg-background {
  width: 100%;
  position: absolute;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  z-index: 1;
}

@media only screen and (max-width: 1199px) and (min-width: 768px) {
  .banner .holding-text-content .svg-background {
    width: 80%;
  }
}

@media only screen and (max-width: 767px) {
  .banner .holding-text-content .svg-background {
    width: 45%;
  }
}

@media only screen and (max-width: 575px) {
  .banner .holding-text-content .svg-background {
    width: 70%;
  }
}

.banner .holding-text-content .svg-background #Layer_1 {
  mix-blend-mode: overlay;
}

.banner .holding-text-content .svg-background #Layer_1 path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-transition: 3000ms all cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: 3000ms all cubic;
  -moz-transition: 3000ms all cubic;
  -o-transition: 3000ms all cubic;
  -ms-transition: 3000ms all cubic;
  opacity: .5;
  stroke: #E1D3AD;
  mix-blend-mode: overlay;
}

@media only screen and (max-width: 767px) {
  .banner .holding-text-content .svg-background #Layer_1 path {
    stroke-width: 2;
  }
}

.banner .holding-text-content .svg-background #Layer_1 path:nth-of-type(1) {
  transition-delay: 3000ms;
}

.banner .holding-text-content .svg-background #Layer_1 path:nth-of-type(2) {
  transition-delay: 3400ms;
}

.banner .holding-text-content .svg-background #Layer_1 path:nth-of-type(3) {
  transition-delay: 4800ms;
}

.banner .holding-text-content .svg-background #Layer_1 path:nth-of-type(4) {
  transition-delay: 4200ms;
}

.banner .holding-text-content .svg-background #Layer_1 path:nth-of-type(5) {
  transition-delay: 4600ms;
}

.banner .holding-text-content .title {
  font-size: calc(25px + (50 - 25) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 600;
  letter-spacing: calc(4px + (20 - 4) * ((100vw - 300px) / (1600 - 300)));
  line-height: 1;
  text-align: center;
  z-index: 3;
  position: relative;
  -webkit-transition: 700ms all cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 700ms all cubic;
  -moz-transition: 700ms all cubic;
  -o-transition: 700ms all cubic;
  -ms-transition: 700ms all cubic;
  opacity: 0;
  -moz-transform: translateY(50px);
  -o-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
}

.banner .holding-text-content .title span {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-image: cover;
  background-position: center;
}

.banner .holding-text-content .title.first {
  transition-delay: 2000ms;
}

.banner .holding-text-content .title.first span {
  background-image: url(../images/bg-metallic-gold-1.jpg);
  color: #231F20;
}

.banner .holding-text-content .title.second {
  transition-delay: 2500ms;
}

.banner .holding-text-content .title.second span {
  background-image: url(../images/bg-metallic-gray-1.jpg);
  color: #E1D3AD;
}

@media only screen and (max-width: 575px) {
  .banner .holding-text-content .title.second span {
    background-image: none;
    background-color: #fff;
  }
}

.banner .btn-group {
  z-index: 3;
  position: absolute;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: calc(20vh - 50px);
  left: 50%;
  letter-spacing: 2px;
}

@media only screen and (max-width: 575px) {
  .banner .btn-group {
    bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .banner .btn-group {
    bottom: 25px;
  }
}

.banner .btn-group .btn {
  background-size: cover;
  color: #333;
  font-weight: 600;
  -webkit-transition: 700ms all cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 700ms all cubic;
  -moz-transition: 700ms all cubic;
  -o-transition: 700ms all cubic;
  -ms-transition: 700ms all cubic;
  opacity: 0;
  -moz-transform: translateY(50px);
  -o-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
}

.banner .btn-group .btn.him-btn {
  background-image: url(../images/bg-metallic-gray-1.jpg);
  transition-delay: 3500ms;
}

.banner .btn-group .btn.her-btn {
  background-image: url(../images/bg-metallic-gold-1.jpg);
  transition-delay: 3800ms;
}

.banner .slider-man .item {
  background-position: right top !important;
}

@media only screen and (max-width: 767px) {
  .banner .slider-man .item {
    background-position: center top !important;
  }
}

@media only screen and (max-width: 575px) {
  .banner .slider-man .item {
    background-color: #343434 !important;
    background-position: bottom right !important;
  }
}

.banner .slider-woman .item {
  background-position: left top !important;
}

@media only screen and (max-width: 767px) {
  .banner .slider-woman .item {
    background-position: center top !important;
  }
}

@media only screen and (max-width: 575px) {
  .banner .slider-woman .item {
    background-color: #939393 !important;
    background-position: bottom left !important;
  }
}

.banner .slider {
  height: 100vh;
  /*		position: absolute;*/
  left: 0;
  top: 0;
  width: 100%;
}

.banner .slider:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #E1D3AD;
  z-index: 1;
}

.banner .slider .slick-list {
  padding: 0px !important;
}

.banner .slider .item {
  height: 100vh;
  background-size: cover !important;
  border: 0px !important;
  background-color: #C8C1B9;
  background-blend-mode: luminosity;
  opacity: 0;
  -webkit-transition: 600ms opacity cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: 600ms opacity cubic;
  -moz-transition: 600ms opacity cubic;
  -o-transition: 600ms opacity cubic;
  -ms-transition: 600ms opacity cubic;
  transition-delay: 900ms;
  height: 100vh;
}

@media only screen and (max-width: 575px) {
  .banner .slider .item {
    background-size: 150% !important;
    background-repeat: no-repeat;
    background-blend-mode: normal !important;
  }
}

.banner .arrow-down-sect {
  position: absolute;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 20px;
  left: 50%;
  -webkit-transition: 700ms all cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: 700ms all cubic;
  -moz-transition: 700ms all cubic;
  -o-transition: 700ms all cubic;
  -ms-transition: 700ms all cubic;
  opacity: 0;
  transition-delay: 3000ms;
  z-index: 3;
}

@media only screen and (max-width: 575px) {
  .banner .arrow-down-sect {
    top: calc(50% + 40px);
  }
}

.banner .arrow-down-sect .arrow-down {
  width: 4em;
  height: 1.5em;
  font-size: calc(8px + (8 - 8) * ((100vw - 300px) / (1600 - 300)));
  vertical-align: middle;
  display: block;
  margin-top: -2px;
}

@media only screen and (max-width: 575px) {
  .banner .arrow-down-sect .arrow-down {
    width: 3em;
  }
}

.banner .arrow-down-sect .arrow-down.up {
  animation: fadeInDown 1s cubic-bezier(0.55, 0.055, 0.675, 0.19) infinite;
  color: #999;
  fill: #999;
}

.banner .arrow-down-sect .arrow-down.down {
  animation: fadeInDown 1s cubic-bezier(0.55, 0.055, 0.675, 0.19) infinite -0.2s;
  color: #E1D3AD;
  fill: #E1D3AD;
}

.welcome-home {
  background: #E0DCD7;
  text-align: center;
  overflow: hidden;
}

.welcome-home.animate h1 span {
  animation-name: fadeInUp;
  animation-duration: 800ms;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  opacity: 1;
}

.welcome-home.animate .bar-line {
  width: 65px;
}

.welcome-home.animate .name {
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.welcome-home h1 {
  font-size: calc(20px + (25 - 20) * ((100vw - 300px) / (1600 - 300)));
  max-width: 550px;
  width: 100%;
  margin: 0 auto 40px;
  font-weight: 300;
  overflow: hidden;
}

.welcome-home h1 span {
  opacity: 0;
  display: inline-block;
}

.welcome-home h1 span:nth-child(0) {
  animation-delay: 0ms;
}

.welcome-home h1 span:nth-child(1) {
  animation-delay: 30ms;
}

.welcome-home h1 span:nth-child(2) {
  animation-delay: 60ms;
}

.welcome-home h1 span:nth-child(3) {
  animation-delay: 90ms;
}

.welcome-home h1 span:nth-child(4) {
  animation-delay: 120ms;
}

.welcome-home h1 span:nth-child(5) {
  animation-delay: 150ms;
}

.welcome-home h1 span:nth-child(6) {
  animation-delay: 180ms;
}

.welcome-home h1 span:nth-child(7) {
  animation-delay: 210ms;
}

.welcome-home h1 span:nth-child(8) {
  animation-delay: 240ms;
}

.welcome-home h1 span:nth-child(9) {
  animation-delay: 270ms;
}

.welcome-home h1 span:nth-child(10) {
  animation-delay: 300ms;
}

.welcome-home h1 span:nth-child(11) {
  animation-delay: 330ms;
}

.welcome-home h1 span:nth-child(12) {
  animation-delay: 360ms;
}

.welcome-home h1 span:nth-child(13) {
  animation-delay: 390ms;
}

.welcome-home h1 span:nth-child(14) {
  animation-delay: 420ms;
}

.welcome-home h1 span:nth-child(15) {
  animation-delay: 450ms;
}

.welcome-home h1 span:nth-child(16) {
  animation-delay: 480ms;
}

.welcome-home .bar-line {
  width: 0;
  -webkit-transition: 600ms width cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 600ms width cubic;
  -moz-transition: 600ms width cubic;
  -o-transition: 600ms width cubic;
  -ms-transition: 600ms width cubic;
  transition-delay: 100ms;
}

.welcome-home .name {
  font-size: calc(13px + (15 - 13) * ((100vw - 300px) / (1600 - 300)));
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  margin-top: 15px;
  display: block;
  -moz-transform: translateY(200px);
  -o-transform: translateY(200px);
  -ms-transform: translateY(200px);
  -webkit-transform: translateY(200px);
  transform: translateY(200px);
  opacity: 0;
  -webkit-transition: 600ms all cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 600ms all cubic;
  -moz-transition: 600ms all cubic;
  -o-transition: 600ms all cubic;
  -ms-transition: 600ms all cubic;
}

.service-home {
  background: #E0DCD7;
}

.service-home .square.half-square:before {
  padding-bottom: 50%;
}

@media only screen and (max-width: 767px) {
  .service-home .square.half-square:before {
    padding-bottom: 100%;
  }
}

.service-home .row {
  position: relative;
}

.service-home .row.animate:before {
  opacity: 1;
}

.service-home .row.animate:after {
  opacity: 1;
}

.service-home .row.animate .img-content figure {
  opacity: 1;
}

.service-home .row.animate .img-content .svg-box #Layer_1 path {
  stroke-dashoffset: 0;
}

.service-home .row.animate .text-content {
  opacity: 1;
}

.service-home .row.animate:nth-child(odd):before {
  -moz-transform: translateX(0%);
  -o-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

.service-home .row.animate:nth-child(odd):after {
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media only screen and (max-width: 575px) {
  .service-home .row.animate:nth-child(odd):after {
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

.service-home .row.animate:nth-child(odd) .text-content .content {
  opacity: 1;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.service-home .row.animate:nth-child(even):before {
  -moz-transform: translateX(0%);
  -o-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

.service-home .row.animate:nth-child(even):after {
  -moz-transform: translateX(50%);
  -o-transform: translateX(50%);
  -ms-transform: translateX(50%);
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}

@media only screen and (max-width: 575px) {
  .service-home .row.animate:nth-child(even):after {
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

.service-home .row.animate:nth-child(even) .text-content .content {
  opacity: 1;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.service-home .row:after, .service-home .row:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.service-home .row:before {
  z-index: 1;
  -webkit-transition: 800ms all cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 800ms all cubic;
  -moz-transition: 800ms all cubic;
  -o-transition: 800ms all cubic;
  -ms-transition: 800ms all cubic;
}

.service-home .row:after {
  background: #dcd2ae;
  z-index: 2;
  -webkit-transition: 900ms all cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 900ms all cubic;
  -moz-transition: 900ms all cubic;
  -o-transition: 900ms all cubic;
  -ms-transition: 900ms all cubic;
  transition-delay: 500ms;
}

.service-home .row .img-content {
  z-index: 2;
  overflow: hidden;
}

.service-home .row .img-content figure {
  opacity: 0;
  -webkit-transition: 100ms all cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 100ms all cubic;
  -moz-transition: 100ms all cubic;
  -o-transition: 100ms all cubic;
  -ms-transition: 100ms all cubic;
  transition-delay: 900ms;
  background-size: 100%;
  background-position: 0 -50px;
  background-color: #C8C1B9;
  background-blend-mode: luminosity;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 767px) {
  .service-home .row .img-content figure {
    background-size: cover;
    background-position: center;
  }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .service-home .row .img-content figure {
    background-size: cover;
    background-position: center;
  }
}

.service-home .row .img-content .svg-box {
  width: 200px;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
}

@media only screen and (max-width: 767px) {
  .service-home .row .img-content .svg-box {
    width: 100px;
  }
}

@media only screen and (max-width: 575px) {
  .service-home .row .img-content .svg-box {
    width: 150px;
  }
}

.service-home .row .img-content .svg-box #Layer_1 path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  transition: stroke-dashoffset 4s ease-in-out;
  -webkit-transition: stroke-dashoffset 4s ease-in-out;
  -moz-transition: stroke-dashoffset 4s ease-in-out;
  -o-transition: stroke-dashoffset 4s ease-in-out;
  -ms-transition: stroke-dashoffset 4s ease-in-out;
  stroke-dasharray: 1000;
  opacity: 1;
  stroke-width: 1.5;
}

.service-home .row .img-content .svg-box #Layer_1 path:nth-of-type(1) {
  transition-delay: 800ms !important;
}

.service-home .row .img-content .svg-box #Layer_1 path:nth-of-type(2) {
  transition-delay: 900ms !important;
}

.service-home .row .img-content .svg-box #Layer_1 path:nth-of-type(3) {
  transition-delay: 1000ms !important;
}

.service-home .row .img-content .svg-box #Layer_1 path:nth-of-type(4) {
  transition-delay: 1100ms !important;
}

.service-home .row .img-content .svg-box #Layer_1 path:nth-of-type(5) {
  transition-delay: 1200ms !important;
}

.service-home .row .text-content {
  overflow: hidden;
  opacity: 0;
  -webkit-transition: 800ms all cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 800ms all cubic;
  -moz-transition: 800ms all cubic;
  -o-transition: 800ms all cubic;
  -ms-transition: 800ms all cubic;
  transition-delay: 1200ms;
  z-index: 3;
}

.service-home .row .text-content .content {
  -webkit-transition: 800ms all cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 800ms all cubic;
  -moz-transition: 800ms all cubic;
  -o-transition: 800ms all cubic;
  -ms-transition: 800ms all cubic;
  opacity: 0;
  transition-delay: 1200ms;
}

@media only screen and (max-width: 575px) {
  .service-home .row .text-content .content {
    width: 90%;
  }
}

.service-home .row .text-content .title {
  font-size: calc(18px + (22 - 18) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.service-home .row .text-content p {
  margin: 15px 0;
  font-size: calc(14px + (16 - 14) * ((100vw - 300px) / (1600 - 300)));
  text-transform: uppercase;
  font-weight: normal;
}

.service-home .row .text-content .amount {
  color: #231F20;
  margin-top: 5px;
  font-size: calc(20px + (22 - 20) * ((100vw - 300px) / (1600 - 300)));
  margin-bottom: 0px;
}

.service-home .row .text-content .btn {
  margin-top: 10px;
}

.service-home .row:nth-child(odd):before {
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  background: #dcd2ae;
}

.service-home .row:nth-child(odd):after {
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  background: #dcd2ae;
}

.service-home .row:nth-child(odd) .img-content .svg-box {
  left: -2px;
}

.service-home .row:nth-child(odd) .text-content {
  background: #dcd2ae;
  /* Old browsers */
  background: -moz-linear-gradient(left, #dcd2ae 0%, #dcd2ae 21%, #bfaf77 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #dcd2ae 0%, #dcd2ae 21%, #bfaf77 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #dcd2ae 0%, #dcd2ae 21%, #bfaf77 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcd2ae', endColorstr='#bfaf77',GradientType=1 );
  /* IE6-9 */
}

.service-home .row:nth-child(odd) .text-content .content {
  -moz-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}

.service-home .row:nth-child(even):before {
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  background: #aaa6a2;
}

.service-home .row:nth-child(even):after {
  -moz-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  background: #aaa6a2;
}

.service-home .row:nth-child(even) .text-content {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aaa6a2+0,726d68+100 */
  background: #aaa6a2;
  /* Old browsers */
  background: -moz-linear-gradient(left, #aaa6a2 0%, #726d68 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #aaa6a2 0%, #726d68 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #aaa6a2 0%, #726d68 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaa6a2', endColorstr='#726d68',GradientType=1 );
  /* IE6-9 */
}

.service-home .row:nth-child(even) .text-content .content {
  -moz-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}

.service-home .row:nth-child(even) .img-content .svg-box {
  right: -2px;
  left: auto;
}

.service-home .row:nth-child(even) .img-content .svg-box #Layer_1 path {
  stroke: #aaa6a2 !important;
}

.img-home {
  background-color: #e4e1de;
}

.img-home .container {
  position: relative;
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
  .img-home .for-him {
    padding: 0px 30px;
  }
}

.img-home .for-him figure .title {
  top: -75px;
  left: -40px;
}

@media only screen and (max-width: 767px) {
  .img-home .for-him figure .title {
    top: -35px;
    left: 50%;
  }
}

.img-home .for-him figure .content .slider .item {
  background-position: top left;
  background-repeat: no-repeat;
  background-size: contain;
}

@media only screen and (max-width: 767px) {
  .img-home .for-him figure .content .slider .item {
    background-size: cover !important;
  }
}

.img-home .for-him figure .content .slider .item:nth-child(1) {
  background-size: 50%;
}

.img-home .for-him figure .content .slider .item:nth-child(2) {
  background-size: 50%;
}

.img-home .for-him figure .content .slider .item:nth-child(3) {
  background-size: 50%;
}

.img-home .for-him figure .content .slider .item:nth-child(4) {
  background-size: 50%;
}

.img-home .for-him figure .content .slider .item:nth-child(5) {
  background-size: 35%;
}

.img-home .for-him figure .content .slider .item:nth-child(6) {
  background-size: 53%;
}

.img-home .for-him figure .content .slider .item:nth-child(7) {
  background-size: 50%;
}

.img-home .for-him figure .content .slider .slick-dots {
  position: absolute;
  width: auto;
  top: 230px;
  left: -45px;
}

@media only screen and (max-width: 767px) {
  .img-home .for-him figure .content .slider .slick-dots {
    top: 50%;
    left: -35px;
  }
}

.img-home .for-him figure .content .slider .slick-dots li.slick-active button {
  background-color: #333;
}

.img-home .for-him figure .content .slider .slick-dots li button {
  background-color: #777;
}

.img-home .for-her {
  position: absolute;
  right: 50px;
  top: 0;
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
  .img-home .for-her {
    right: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .img-home .for-her {
    position: relative;
    right: 0;
  }
}

.img-home .for-her figure .title {
  top: calc(50% + 50px);
  right: -110px;
  transform: rotate(-90deg);
}

@media only screen and (max-width: 767px) {
  .img-home .for-her figure .title {
    top: -35px;
    right: 50%;
    transform: unset;
  }
}

.img-home .for-her figure .content .slider .item {
  background-position: top right;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 767px) {
  .img-home .for-her figure .content .slider .item {
    background-size: cover !important;
  }
}

.img-home .for-her figure .content .slider .item:nth-child(1) {
  background-size: 42%;
}

.img-home .for-her figure .content .slider .item:nth-child(2) {
  background-size: 42%;
}

.img-home .for-her figure .content .slider .item:nth-child(3) {
  background-size: 52%;
}

.img-home .for-her figure .content .slider .item:nth-child(4) {
  background-size: 53%;
}

.img-home .for-her figure .content .slider .item:nth-child(5) {
  background-size: 57%;
}

.img-home .for-her figure .content .slider .item:nth-child(6) {
  background-size: 57%;
}

.img-home .for-her figure .content .slider .item:nth-child(7) {
  background-size: 42%;
}

.img-home .for-her figure .content .slider .slick-dots {
  position: absolute;
  width: auto;
  top: calc(50% + 40px);
  right: -40px;
}

@media only screen and (max-width: 767px) {
  .img-home .for-her figure .content .slider .slick-dots {
    top: 50%;
    right: -35px;
  }
}

.img-home .for-her figure .content .slider .slick-dots li.slick-active button {
  background-color: #cdbb8b;
}

.img-home .for-her figure .content .slider .slick-dots li button {
  background-color: #E1D3AD;
}

.img-home figure {
  position: relative;
}

.img-home figure .title {
  position: absolute;
  top: 0;
  letter-spacing: 3px;
  font-weight: 600;
  font-size: calc(15px + (20 - 15) * ((100vw - 300px) / (1600 - 300)));
}

.img-home figure img {
  mix-blend-mode: luminosity;
  z-index: 1;
}

.img-home figure .content {
  z-index: 2;
  position: relative;
}

.img-home figure .content .slider {
  /*background-color: $p_color;*/
}

@media only screen and (max-width: 767px) {
  .img-home figure .content .slider .item.half-square:before {
    padding-bottom: 100%;
  }
}

.img-home figure .content .slider .slick-dots {
  pointer-events: none;
}

.img-home figure .content .slider .slick-dots li {
  width: 20px;
  height: 2px;
  padding: 0;
  display: block;
  margin-top: 8px;
  -ms-transform: skewY(-20deg);
  /* IE 9 */
  -webkit-transform: skewY(-20deg);
  /* Safari */
  transform: skewY(-20deg);
  /* Standard syntax */
}

@media only screen and (max-width: 767px) {
  .img-home figure .content .slider .slick-dots li {
    margin-top: 5px;
  }
}

.img-home figure .content .slider .slick-dots li.slick-active button {
  width: 20px;
  height: 2px;
}

@media only screen and (max-width: 767px) {
  .img-home figure .content .slider .slick-dots li.slick-active button {
    width: 15px;
  }
}

.img-home figure .content .slider .slick-dots li button {
  width: 20px;
  height: 2px;
  padding: 0;
  opacity: .8;
}

@media only screen and (max-width: 767px) {
  .img-home figure .content .slider .slick-dots li button {
    width: 15px;
  }
}

.img-home figure .content .slider .slick-dots li button:before {
  display: none;
}

.img-home figure:after {
  animation-duration: 4000ms;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  animation-iteration-count: infinite;
}

.img-home figure.big {
  width: 100%;
  margin-left: auto;
  margin-top: 150px;
  opacity: 1;
  animation-delay: 500ms;
}

@media only screen and (max-width: 767px) {
  .img-home figure.big {
    margin-top: 0px;
  }
}

.img-home figure.big:after {
  content: '';
  position: absolute;
  width: 35%;
  height: 50%;
  top: -40px;
  left: -40px;
  display: block;
  background-image: url("../images/bg-metallic-gray-1.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 0;
  animation-name: bounceMe;
}

@media only screen and (max-width: 767px) {
  .img-home figure.big:after {
    top: -35px;
    left: -35px;
    width: 50%;
    height: 50%;
  }
}

.img-home figure.small {
  /*width: 50%;*/
  margin: 40px auto 0;
}

.img-home figure.small:after {
  content: '';
  position: absolute;
  width: 20%;
  height: 60%;
  top: -40px;
  right: -40px;
  display: block;
  background-image: url("../images/bg-metallic-gold-1.jpg");
  background-size: cover;
  z-index: 0;
  animation-name: bounceMedeg;
}

@media only screen and (max-width: 767px) {
  .img-home figure.small:after {
    width: 50%;
    height: 50%;
    top: -35px;
    right: -35px;
  }
}

.office-home {
  position: relative;
  overflow: hidden;
  background: #E0DCD7;
}

.office-home.animate .left-image {
  opacity: 1;
  left: 0px;
  top: 0px;
}

.office-home.animate .right-image {
  opacity: 1;
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

.office-home.animate:after {
  opacity: 1;
}

.office-home:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: block;
  z-index: 1;
  background: rgba(146, 142, 137, 0.6);
  mix-blend-mode: multiply;
  opacity: 0;
  -webkit-transition: 800ms all cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 800ms all cubic;
  -moz-transition: 800ms all cubic;
  -o-transition: 800ms all cubic;
  -ms-transition: 800ms all cubic;
}

.office-home .left-image {
  /*width: 55%;*/
  -webkit-transition: 800ms all cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 800ms all cubic;
  -moz-transition: 800ms all cubic;
  -o-transition: 800ms all cubic;
  -ms-transition: 800ms all cubic;
  position: absolute;
  left: -13px;
  top: -100px;
  opacity: 0;
}

.office-home .left-image img {
  position: absolute;
  width: 100%;
  -webkit-clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
}

.office-home .right-image {
  /*	width: 57%;*/
  opacity: 0;
  position: relative;
  -webkit-transition: 800ms all cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 800ms all cubic;
  -moz-transition: 800ms all cubic;
  -o-transition: 800ms all cubic;
  -ms-transition: 800ms all cubic;
  -moz-transform: translate(13px, -100px);
  -o-transform: translate(13px, -100px);
  -ms-transform: translate(13px, -100px);
  -webkit-transform: translate(13px, -100px);
  transform: translate(13px, -100px);
}

.office-home .right-image img {
  width: 100%;
  -webkit-clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
  clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
}

#main {
  min-height: 400px;
  background: #E0DCD7;
}

#main.inner-content .title {
  font-size: calc(20px + (25 - 20) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 300;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 20px;
}

#main.inner-content .sub-title {
  font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 15px;
}

#main.inner-content .bar-line {
  margin-bottom: 20px;
}

#main.inner-content .para {
  font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1600 - 300)));
  padding: 30px;
}

@media only screen and (max-width: 575px) {
  #main.inner-content .para {
    padding: 0 10px;
  }
}

.sec-inner-banner {
  background-size: cover;
  background-position: top center;
  min-height: 520px;
  position: relative;
  overflow: hidden;
  background-blend-mode: luminosity;
  background-color: #231F20;
}

.svg-text-cont {
  padding-bottom: 60px !important;
}

.svg-text-cont #Layer_1 .line {
  fill: none;
  stroke: #505050;
  stroke-miterlimit: 10;
}

.svg-text-cont #Layer_1 .line-color {
  stroke: #E1D3AD;
  stroke-miterlimit: 10;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  -webkit-animation: stroneanime 8s infinite linear;
  /* Chrome, Safari, Opera */
  animation: stroneanime 8s infinite linear;
  stroke-width: 1;
}

@keyframes stroneanime {
  0% {
    stroke-dashoffset: 1000;
    opacity: 1;
  }
  98% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  100% {
    stroke-dashoffset: 1000;
    opacity: 0;
  }
}

@-moz-keyframes stroneanime {
  0% {
    stroke-dashoffset: 1000;
    opacity: 1;
  }
  98% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  100% {
    stroke-dashoffset: 1000;
    opacity: 0;
  }
}

@-webkit-keyframes stroneanime {
  0% {
    stroke-dashoffset: 1000;
    opacity: 1;
  }
  98% {
    stroke-dashoffset: 0;
    opacity: 1;
  }
  100% {
    stroke-dashoffset: 1000;
    opacity: 0;
  }
}

.svg-text-cont #Layer_1 .text {
  font-family: "Rajdhani", sans-serif;
  font-size: calc(15px + (10 - 15) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 600;
  fill: #E1D3AD;
  text-transform: uppercase;
}

.inner-banner {
  background-size: cover;
  background-position: top center;
  min-height: 400px;
  position: relative;
  overflow: hidden;
  background-blend-mode: luminosity;
  background-color: #231F20;
}

.inner-banner.special-banner .banner-content {
  top: calc(50% + 40px);
  width: 100%;
  text-align: center;
}

.inner-banner.special-banner .banner-content .title {
  font-weight: 600;
}

.inner-banner.special-banner .banner-content h2 {
  margin-top: 10px;
  letter-spacing: 1px;
}

.inner-banner .banner-content {
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  position: absolute;
  color: #F6F4F0;
  width: 100%;
  text-align: center;
}

.inner-banner .banner-content .title {
  font-size: calc(35px + (40 - 35) * ((100vw - 300px) / (1600 - 300)));
  letter-spacing: 2px;
  font-weight: normal;
}

.mission-vision {
  margin-top: -120px;
}

.mission-vision.show .mission figure:after, .mission-vision.show .vision figure:after {
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.mission-vision .mission {
  background-color: #AAA5A2;
  padding-top: 150px !important;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .mission-vision .mission {
    padding-top: 100px !important;
  }
}

.mission-vision .mission figure {
  background-size: cover;
  background-position: top center;
  background-color: #231F20;
  background-blend-mode: luminosity;
}

.mission-vision .mission figure:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  background: #AAA5A2;
  z-index: 0;
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: 800ms all cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 800ms all cubic;
  -moz-transition: 800ms all cubic;
  -o-transition: 800ms all cubic;
  -ms-transition: 800ms all cubic;
}

.mission-vision .mission figure .title {
  position: absolute;
  right: -49%;
  bottom: 10%;
  font-size: calc(20px + (35 - 20) * ((100vw - 300px) / (1600 - 300))) !important;
  font-weight: 500 !important;
  letter-spacing: 3px;
  color: #E1D3AD;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .mission-vision .mission figure .title {
    bottom: -60px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    left: 30px;
  }
}

.mission-vision .mission figure.square {
  width: 55%;
}

@media only screen and (max-width: 767px) {
  .mission-vision .mission figure.square {
    width: 100%;
  }
}

.mission-vision .mission figure.square:before {
  padding-bottom: 70%;
}

.mission-vision .mission .box-content {
  width: 70%;
  padding-right: 20%;
  margin: 80px 0px 80px auto;
  z-index: 1;
}

@media only screen and (max-width: 991px) {
  .mission-vision .mission .box-content {
    width: 80%;
  }
}

@media only screen and (max-width: 767px) {
  .mission-vision .mission .box-content {
    width: 100%;
    padding: 0 30px;
  }
}

.mission-vision .mission .box-content .bar-line {
  margin-left: 0;
}

.mission-vision .mission .box-content big {
  padding-left: 15%;
  font-weight: 600;
}

@media only screen and (max-width: 767px) {
  .mission-vision .mission .box-content big {
    padding-left: 0px;
  }
}

.mission-vision .vision {
  background-color: #E1D3AD;
  padding-top: 130px !important;
  overflow: hidden;
}

@media only screen and (max-width: 767px) {
  .mission-vision .vision {
    padding-top: 0px !important;
  }
}

.mission-vision .vision figure {
  background-size: cover;
  background-position: top center;
  background-color: #E1D3AD;
  background-blend-mode: luminosity;
  margin-bottom: 0;
  margin-top: auto;
}

.mission-vision .vision figure:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  top: 0;
  background: #E1D3AD;
  z-index: 0;
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: 800ms all cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 800ms all cubic;
  -moz-transition: 800ms all cubic;
  -o-transition: 800ms all cubic;
  -ms-transition: 800ms all cubic;
}

.mission-vision .vision figure .title {
  position: absolute;
  left: -10%;
  top: -50%;
  font-size: calc(20px + (30 - 20) * ((100vw - 300px) / (1600 - 300))) !important;
  font-weight: 500 !important;
  letter-spacing: 3px;
  color: #231F20;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .mission-vision .vision figure .title {
    bottom: -60px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    left: 30px;
    top: auto;
  }
}

.mission-vision .vision figure.square {
  width: 80%;
  padding-left: 20%;
}

@media only screen and (max-width: 767px) {
  .mission-vision .vision figure.square {
    width: 100%;
    padding-left: 0;
  }
}

.mission-vision .vision figure.square:before {
  padding-bottom: 60%;
}

.mission-vision .vision .box-content {
  margin: 0px auto 80px 0px;
  width: 70%;
  padding-left: 20%;
  z-index: 1;
}

@media only screen and (max-width: 991px) {
  .mission-vision .vision .box-content {
    width: 80%;
  }
}

@media only screen and (max-width: 767px) {
  .mission-vision .vision .box-content {
    width: 100%;
    padding: 0 30px;
    margin: 80px 0px 80px auto;
  }
}

.mission-vision .vision .box-content .bar-line {
  margin-left: 0;
}

.mission-vision .vision .box-content big {
  padding-left: 10%;
  font-weight: 600;
}

@media only screen and (max-width: 767px) {
  .mission-vision .vision .box-content big {
    padding-left: 0px;
  }
}

.mission-vision .space-diagonal {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#aaa5a2+0,aaa5a2+50,e1d3ad+50,e1d3ad+100 */
}

.mission-vision .space-diagonal:before {
  background: #aaa5a2;
  /* Old browsers */
  background: -moz-linear-gradient(left, #aaa5a2 0%, #aaa5a2 50%, #e1d3ad 50%, #e1d3ad 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #aaa5a2 0%, #aaa5a2 50%, #e1d3ad 50%, #e1d3ad 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #aaa5a2 0%, #aaa5a2 50%, #e1d3ad 50%, #e1d3ad 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaa5a2', endColorstr='#e1d3ad',GradientType=1 );
  /* IE6-9 */
}

@media only screen and (max-width: 767px) {
  .partner-thumb .img-partner-item:nth-child(1) .img-partner {
    margin-top: -50%;
  }
}

.partner-thumb .img-partner {
  padding: 0px 30px;
  margin-top: -30%;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 767px) {
  .partner-thumb .img-partner {
    margin-top: 0;
    padding: 0px 0px;
  }
}

.article-content .logo-partner img {
  margin: 0 auto;
  display: table;
  opacity: 1;
}

@media only screen and (max-width: 767px) {
  .article-content .logo-partner img {
    margin-top: 30px;
  }
}

.article-content .web-link {
  padding: 0 30px;
}

@media only screen and (max-width: 575px) {
  .article-content .web-link {
    padding: 0 10px;
  }
}

.article-content .web-link.small a {
  font-size: calc(14px + (18 - 14) * ((100vw - 300px) / (1600 - 300)));
  text-align: left;
  text-transform: lowercase;
  letter-spacing: 0px;
}

.article-content .web-link a {
  color: #333;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 600;
  font-size: calc(15px + (20 - 15) * ((100vw - 300px) / (1600 - 300)));
}

.founder-cont .name-text {
  text-transform: uppercase;
  margin-bottom: 30px;
}

.founder-cont .name-text .title {
  font-size: calc(20px + (25 - 20) * ((100vw - 300px) / (1600 - 300))) !important;
  color: #333333;
  margin-bottom: 5px !important;
  font-weight: 600 !important;
}

.founder-cont .name-text .sub-title {
  font-weight: normal !important;
  font-size: calc(18px + (22 - 218) * ((100vw - 300px) / (1600 - 300))) !important;
  margin-top: 0px !important;
}

.founder-cont .bio-text h3 {
  font-size: calc(15px + (20 - 15) * ((100vw - 300px) / (1600 - 300)));
  line-height: 1.5;
  padding-right: 20px;
}

.hairexpert-top-cont .title-group {
  margin-top: 30px;
}

.hairexpert-top-cont .title-group h2 {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: calc(15px + (20 - 15) * ((100vw - 300px) / (1600 - 300)));
}

.hairexpert-top-cont .title-group .bar-line {
  margin-bottom: 10px !important;
}

.hairexpert-top-cont .arrow-down-sect {
  margin-top: 80px;
}

.defineme-cont .svg-small.svg-right #Layer_1 {
  top: calc(50% - 200px);
  max-width: 300px;
}

.svg-small {
  position: relative;
  z-index: 2;
}

.svg-small.animate #Layer_1 path {
  stroke-dashoffset: 0;
}

.svg-small.svg-right #Layer_1 {
  right: calc(-540px + 50%);
  top: calc(50% - 300px);
}

.svg-small.svg-top-right #Layer_1 {
  right: calc(-540px + 70%);
  top: calc(50% - 100px);
}

.svg-small.svg-left #Layer_1 {
  left: calc(-540px + 50%);
  top: calc(50% - 200px);
}

.svg-small #Layer_1 {
  position: absolute;
  max-width: 200px;
}

.svg-small #Layer_1 path {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  transition: stroke-dashoffset 4s ease-in-out;
  -webkit-transition: stroke-dashoffset 4s ease-in-out;
  -moz-transition: stroke-dashoffset 4s ease-in-out;
  -o-transition: stroke-dashoffset 4s ease-in-out;
  -ms-transition: stroke-dashoffset 4s ease-in-out;
  opacity: 1;
  stroke: 1;
}

.back-top .arrow-down-sect {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-right: 10px;
}

.back-top h3 {
  font-size: calc(13px + (15 - 13) * ((100vw - 300px) / (1600 - 300)));
  letter-spacing: 1px;
  text-transform: uppercase;
}

footer {
  z-index: 2;
  position: relative;
}

footer .map-contact {
  background: #333;
  position: relative;
  overflow: hidden;
}

footer .map-contact.animate:after {
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 0;
}

@media only screen and (max-width: 767px) {
  footer .map-contact.animate:after {
    display: none;
  }
}

footer .map-contact.animate:before {
  -moz-transform: translateX(0%);
  -o-transform: translateX(0%);
  -ms-transform: translateX(0%);
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

footer .map-contact.animate .map {
  opacity: 1;
}

footer .map-contact.animate .text-content {
  opacity: 1;
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

footer .map-contact:after, footer .map-contact:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  background: #E0DCD7;
  -webkit-transition: 700ms all cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 700ms all cubic;
  -moz-transition: 700ms all cubic;
  -o-transition: 700ms all cubic;
  -ms-transition: 700ms all cubic;
}

footer .map-contact:before {
  z-index: 1;
}

footer .map-contact:after {
  z-index: 2;
  transition-delay: 700ms;
}

footer .map-contact .text-content {
  width: 50%;
  margin: 0 auto;
  padding: 40px 0;
  opacity: 0;
  -moz-transform: translateY(100px);
  -o-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: 500ms all cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 500ms all cubic;
  -moz-transition: 500ms all cubic;
  -o-transition: 500ms all cubic;
  -ms-transition: 500ms all cubic;
  z-index: 3;
  overflow: hidden;
  transition-delay: 1000ms;
  position: relative;
}

@media only screen and (max-width: 767px) {
  footer .map-contact .text-content {
    width: 100%;
  }
}

footer .map-contact .text-content .text-content-item {
  text-align: center;
}

footer .map-contact .text-content .text-content-item .icon-svg {
  width: 1em;
  height: 1em;
  display: block;
  margin: 0 auto;
  font-size: calc(35px + (40 - 35) * ((100vw - 300px) / (1600 - 300)));
  color: #C8C1B9;
}

footer .map-contact .text-content .text-content-item p {
  font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));
  color: #333;
  font-weight: 600;
}

footer .map-contact .map {
  height: 100%;
  z-index: 2;
  opacity: 0;
  -webkit-transition: 200ms all cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 200ms all cubic;
  -moz-transition: 200ms all cubic;
  -o-transition: 200ms all cubic;
  -ms-transition: 200ms all cubic;
  transition-delay: 1200ms;
}

@media only screen and (max-width: 767px) {
  footer .map-contact .map {
    min-height: 200px;
  }
}

footer .newsletter-contact {
  background: #333;
  padding: 40px 0;
}

footer .newsletter-contact.animate .newsletter {
  opacity: 1;
  -moz-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

footer .newsletter-contact.animate .quick-links .row > div {
  opacity: 1;
}

@media only screen and (max-width: 575px) {
  footer .newsletter-contact .quick-links {
    text-align: center;
    margin-top: 30px;
  }
}

footer .newsletter-contact .quick-links .row > div {
  opacity: 0;
  -webkit-transition: 200ms all cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 200ms all cubic;
  -moz-transition: 200ms all cubic;
  -o-transition: 200ms all cubic;
  -ms-transition: 200ms all cubic;
}

footer .newsletter-contact .quick-links .row > div:nth-child(1) {
  transition-delay: 500ms;
}

footer .newsletter-contact .quick-links .row > div:nth-child(2) {
  transition-delay: 500ms;
}

footer .newsletter-contact .quick-links .row > div:nth-child(3) {
  transition-delay: 500ms;
}

footer .newsletter-contact .quick-links .row > div:nth-child(4) {
  transition-delay: 500ms;
}

footer .newsletter-contact .quick-links ul {
  padding: 0;
  margin: 0;
}

footer .newsletter-contact .quick-links ul li {
  list-style: none;
}

footer .newsletter-contact .quick-links ul li a {
  color: #fff;
  font-size: calc(12px + (14 - 12) * ((100vw - 300px) / (1600 - 300)));
  font-weight: normal;
}

footer .newsletter-contact .quick-links ul li a em {
  margin-right: 5px;
  font-size: 1.8rem;
  vertical-align: middle;
}

footer .newsletter-contact .newsletter {
  opacity: 0;
  -moz-transform: translateY(100px);
  -o-transform: translateY(100px);
  -ms-transform: translateY(100px);
  -webkit-transform: translateY(100px);
  transform: translateY(100px);
  -webkit-transition: 800ms all cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: 800ms all cubic;
  -moz-transition: 800ms all cubic;
  -o-transition: 800ms all cubic;
  -ms-transition: 800ms all cubic;
}

footer .newsletter-contact .newsletter .form {
  background: #C8C1B9;
  width: 90%;
  padding: 30px 30px 15px 30px;
}

@media only screen and (max-width: 575px) {
  footer .newsletter-contact .newsletter .form {
    width: 100%;
  }
}

footer .newsletter-contact .newsletter .form h2 {
  font-size: calc(14px + (15 - 14) * ((100vw - 300px) / (1600 - 300)));
  padding-right: 10px;
  font-weight: 600;
}

footer .newsletter-contact .newsletter .form form .form-control {
  border-radius: 0px;
  border: none;
  color: #C8C1B9;
  font-size: 1.2rem;
  background: #F2EFEA;
  height: 30px;
}

footer .newsletter-contact .newsletter .form form .btn {
  border: 1px #F2EFEA solid;
  height: 30px;
  width: 100%;
  background: none;
  font-size: 1.2rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #F2EFEA;
}

footer .newsletter-contact .newsletter .form form .btn span {
  color: #F2EFEA;
}

footer .copyright {
  background: #F2EFEA;
  text-align: center;
  font-size: 1.2rem;
  padding: 10px 0;
  width: 100%;
}

footer .copyright p {
  margin-bottom: 0px;
}

.current-trends .square::before {
  padding-bottom: 85%;
}

.current-trends .square.half-square::before {
  padding-bottom: calc(85%/2);
}

.current-trends .img-title-cont {
  background-size: cover;
  background-position: center;
  background-color: #AAA5A2;
}

.current-trends .img-title-cont:hover::before {
  opacity: 1;
}

.current-trends .img-title-cont:hover .bar-line {
  opacity: 1;
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.current-trends .img-title-cont:hover .sub-title {
  opacity: 1 !important;
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.current-trends .img-title-cont::before {
  background-color: #AAA5A2;
  opacity: .1;
  mix-blend-mode: multiply;
  opacity: 0;
  -webkit-transition: 0.3s all cubic-bezier(0.7, 0, 0.3, 1);
  transition: 0.3s all cubic;
  -moz-transition: 0.3s all cubic;
  -o-transition: 0.3s all cubic;
  -ms-transition: 0.3s all cubic;
}

.current-trends .img-title-cont .sub-title {
  color: #fff;
  letter-spacing: 1px;
  opacity: 0 !important;
  -moz-transform: translateY(50px);
  -o-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  -webkit-transition: 0.3s all cubic-bezier(0.7, 0, 0.3, 1);
  transition: 0.3s all cubic;
  -moz-transition: 0.3s all cubic;
  -o-transition: 0.3s all cubic;
  -ms-transition: 0.3s all cubic;
  transition-delay: 200ms;
}

.current-trends .img-title-cont .bar-line {
  background: #fff;
  opacity: 0;
  -webkit-transition: 0.3s all cubic-bezier(0.7, 0, 0.3, 1);
  transition: 0.3s all cubic;
  -moz-transition: 0.3s all cubic;
  -o-transition: 0.3s all cubic;
  -ms-transition: 0.3s all cubic;
  -moz-transform: translateY(50px);
  -o-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
  transition-delay: 400ms;
}

.current-trends .para-cont .content {
  padding: 100px;
}

@media only screen and (max-width: 991px) and (min-width: 320px) {
  .current-trends .para-cont .content {
    padding: 50px;
  }
}

.current-trends .title-cont .title {
  color: #E1D3AD;
  font-weight: 600 !important;
  letter-spacing: 3px;
}

.principle-cont .text-box {
  font-size: calc(18px + (20 - 18) * ((100vw - 300px) / (1600 - 300)));
}

.curlypopup {
  background-color: #231F20;
}

.curlypopup .modal-close {
  text-decoration: none;
  color: #fff;
  position: absolute;
  bottom: 20px;
  background: #231F20;
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
}

.curlypopup .modal-body figure {
  background-size: cover;
  background-position: center;
}

.curlypopup .modal-dialog {
  max-width: 700px;
  padding: 0 50px;
  border: 0px;
}

.curlypopup .modal-content {
  background-color: transparent;
  border-radius: 0px;
  border: 0px;
}

.curlypopup .modal-content .modal-header {
  border: none;
  text-align: center;
  color: #fff;
  border: none;
}

.curlypopup .modal-content .modal-header .modal-title {
  margin: 0 auto;
  font-size: 3rem;
  text-align: center;
  line-height: 1;
  font-weight: 600;
  margin-bottom: 20px;
}

.curlypopup .modal-content .modal-body {
  padding: 0px;
}

.curlypopup .modal-content .modal-body .title {
  text-align: center;
  color: #fff;
  font-weight: normal;
}

.curlypopup .modal-content .modal-body .bar-line {
  background: #fff;
}

.curlypopup .modal-content .modal-body article {
  color: #fff;
  font-size: 1.8rem;
}

/* Two layer effect (effect-2) */
/* Revealers */
.revealer {
  width: 100vw;
  height: 100vh;
  position: fixed;
  z-index: 9999;
  pointer-events: none;
  left: 0;
}

.revealer .revealer__layer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #ddd;
}

.revealer .revealer__layer:nth-child(1) {
  background-color: #231F20;
}

.revealer .revealer__layer:nth-child(2) {
  background-color: #E1D3AD;
}

.revealer--top {
  bottom: 100%;
}

.revealer--bottom {
  top: 100%;
}

.revealer--animate .revealer__layer {
  -webkit-animation: anim-effect-2-1 1.5s cubic-bezier(0.7, 0, 0.3, 1) forwards;
  animation: anim-effect-2-1 1.5s cubic-bezier(0.7, 0, 0.3, 1) forwards;
}

.revealer--animate .revealer__layer:nth-child(2) {
  -webkit-animation-name: anim-effect-2-2;
  animation-name: anim-effect-2-2;
}

.modal .modal-dialog {
  transition: -webkit-transform 0.5s cubic-bezier(0.7, 0, 0.3, 1);
  transition: transform 0.5s cubic-bezier(0.7, 0, 0.3, 1);
  transition: transform 0.5s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.5s cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
  opacity: 0;
}

.modal.fade .modal-dialog {
  transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
  transition-delay: 600ms;
  opacity: 0;
}

.modal.show .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  opacity: 1;
}

#preloader .text-content {
  width: 80%;
}

#preloader .text-content big {
  font-size: 20px;
  line-height: 1.5;
  margin-bottom: 35px;
}

#preloader .text-content small {
  font-size: 14px;
  margin-top: 15px;
}

@-webkit-keyframes anim-effect-2-1 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  35%,
  65% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    -webkit-transform: translate3d(0, -200%, 0);
    transform: translate3d(0, -200%, 0);
  }
}

@keyframes anim-effect-2-1 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  35%,
  65% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    -webkit-transform: translate3d(0, -200%, 0);
    transform: translate3d(0, -200%, 0);
  }
}

@-webkit-keyframes anim-effect-2-2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  45%,
  55% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  100% {
    -webkit-transform: translate3d(0, -200%, 0);
    transform: translate3d(0, -200%, 0);
  }
}

@keyframes anim-effect-2-2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  45%,
  55% {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  100% {
    -webkit-transform: translate3d(0, -200%, 0);
    transform: translate3d(0, -200%, 0);
  }
}

.revealer--animate-down .revealer__layer {
  -webkit-animation: anim-effect-2-1-down 1.5s cubic-bezier(0.7, 0, 0.3, 1) forwards;
  animation: anim-effect-2-1-down 1.5s cubic-bezier(0.7, 0, 0.3, 1) forwards;
}

.revealer--animate-down .revealer__layer:nth-child(2) {
  -webkit-animation-name: anim-effect-2-2-down;
  animation-name: anim-effect-2-2-down;
}

@-webkit-keyframes anim-effect-2-1-down {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  35%,
  65% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    -webkit-transform: translate3d(0, 200%, 0);
    transform: translate3d(0, 200%, 0);
  }
}

@keyframes anim-effect-2-1-down {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  35%,
  65% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  100% {
    -webkit-transform: translate3d(0, 200%, 0);
    transform: translate3d(0, 200%, 0);
  }
}

@-webkit-keyframes anim-effect-2-2-down {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  45%,
  55% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  100% {
    -webkit-transform: translate3d(0, 200%, 0);
    transform: translate3d(0, 200%, 0);
  }
}

@keyframes anim-effect-2-2-down {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  45%,
  55% {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  100% {
    -webkit-transform: translate3d(0, 200%, 0);
    transform: translate3d(0, 200%, 0);
  }
}

.select_box_area {
  position: relative;
  display: inline-block;
  width: 100%;
  display: none;
}

.select_box_area.active {
  display: block;
}

.select_box_area p {
  margin-bottom: 0px;
  width: 100%;
  background: transparent;
  padding: 5px 15px 5px 40px;
  border: 1px solid #fff;
  line-height: 24px;
  padding-right: 30px;
  cursor: pointer;
  position: relative;
  max-height: 60px;
  overflow-y: auto;
}

.select_box_area p span {
  color: #fff;
}

.select_box_area p em {
  position: absolute;
  left: 15px;
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 20px;
  transition: all 0.3s linear;
  top: 50%;
  color: #fff;
}

.select_box_area .option {
  position: relative;
  display: inline-block;
  padding-right: 15px;
}

.select_box_area .option::after {
  content: ",";
  position: absolute;
  right: 5px;
  top: 0;
}

.select_box_area .option:last-of-type {
  padding-right: 0px;
}

.select_box_area .option:last-of-type::after {
  display: none;
}

.filter_list {
  padding: 20px;
  background: #fff;
  border-top: none;
  display: none;
  position: absolute;
  height: 300px;
  overflow-y: scroll;
  width: 100%;
  z-index: 3;
}

.filter_list li {
  list-style: none;
}

.custom-select-me {
  display: none;
}

section .book-btn {
  margin-top: 60px;
}

/* -- New Style -- */
.table-price-alt {
  list-style: none;
  padding: 0;
  margin: 0;
}

.table-price-alt li {
  padding: 5px 0 10px 0;
}

.table-price-alt li strong {
  font-weight: normal;
  letter-spacing: 1px;
  display: block;
  text-transform: uppercase;
}

.table-price-alt li span {
  color: #C4B078;
  display: inline-block;
  position: relative;
}

.table-price-alt li span:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: -5%;
  width: 110%;
  height: 1px;
  background: #333;
}

nav .social-nav span {
  display: inline-block;
}

nav .social-nav a {
  text-decoration: none;
  display: inline-block;
  color: #fff;
  padding: .5em;
}

nav .social-nav span:hover a {
  color: #C4B078;
}

.text-box {
  text-transform: uppercase;
}

/* This kinda works */
img.slick-loading {
  background: #fff url("http://www.ajaxload.info/images/exemples/30.gif") center center no-repeat;
}

/* -- New Style Ends -- */
#email-form-status {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-align: left;
  padding: 0 0.5em;
}

#email-form-status small {
  color: #fff;
}

#email-form-status.hide {
  opacity: 0;
}

#subscribe-form input {
  color: #333;
}

.map-contact .text-content-item a {
  color: #333;
}

.map-contact .text-content-item a:hover {
  color: #C4B078;
}

/*# sourceMappingURL=main.css.map */
#defi-instagram {
  padding: 80px 0 80px;
  background: #e6ddd3;
}

#defi-instagram > a {
  margin-top: 40px;
  color: #000;
}

#defi-instagram > a i {
  font-size: 43px;
}

#defi-instagram > a p {
  line-height: 1.2;
  margin-left: 15px;
  letter-spacing: .02em;
  font-weight: 600;
  color: #333;
}

#defi-instagram h1 {
  text-align: center;
  font-weight: 300;
  text-transform: uppercase;
  margin: 0 0 30px;
  font-size: 3rem;
}

.simple-instagram-list-item {
  margin: 0 !important;
  padding: 10px !important;
  float: none !important;
  display: inline-block !important;
  width: 25% !important;
}

#simple-instagram-wrap {
  max-width: 950px;
  margin: 0 auto;
}

#simple-instagram-wrap .si-follow-me {
  display: none !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .svg-small.svg-top-right #Layer_1 {
    right: calc(-307px + 77%);
    top: calc(50% - 614px);
  }
  .simple-instagram-list-item {
    width: 33.3% !important;
  }
}

.bootstrap-select {
  padding: 2px 0px !important;
}

.bootstrap-select.show button:before {
  display: block !important;
}

.bootstrap-select button {
  border: 0;
  background: transparent !important;
  position: relative;
  padding-left: 35px;
}

.bootstrap-select button:after, .bootstrap-select button:before {
  border: 0px !important;
  position: absolute;
  top: 50%;
  -moz-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  background: #fff !important;
}

.bootstrap-select button:after {
  height: 2px !important;
  width: 12px !important;
  left: 8px;
}

.bootstrap-select button:before {
  width: 2px !important;
  height: 12px !important;
  left: 17px;
  display: none !important;
}

.bootstrap-select button:hover {
  background: transparent !important;
}

.bootstrap-select button .filter-option-inner-inner {
  color: #fff;
  font-weight: 400;
  font-size: 18px;
  text-transform: Capitalize;
}

.bootstrap-select.show-tick > .dropdown-menu ul li a {
  padding: 5px 5px 5px 50px;
}

.bootstrap-select.show-tick > .dropdown-menu ul li a.selected:before {
  border: 2px solid #C4B078;
}

.bootstrap-select.show-tick > .dropdown-menu ul li a.selected .check-mark {
  color: #C4B078;
}

.bootstrap-select.show-tick > .dropdown-menu ul li a:before {
  content: "";
  border: 2px solid #333;
  height: 25px;
  width: 25px;
  background: transparent;
  position: absolute;
  top: 50%;
  -moz-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  left: 15px;
}

.bootstrap-select > .dropdown-menu {
  border-radius: 0px;
  left: -2px !important;
  width: calc(100% + 4px);
  padding: 0;
}

.bootstrap-select > .dropdown-menu ul li a {
  font-size: 1.8rem;
  position: relative;
  padding: 5px 5px 5px 12px;
}

.bootstrap-select > .dropdown-menu ul li a:focus {
  background: transparent;
  color: #333;
}

.bootstrap-select > .dropdown-menu ul li a.active {
  background-color: rgba(0, 0, 0, 0.1);
  color: #333;
}

.bootstrap-select > .dropdown-menu ul li a span {
  font-weight: 500;
  font-size: 16px;
}

.bootstrap-select > .dropdown-menu ul li a .check-mark {
  -moz-transform: translate(0%, -50%);
  -o-transform: translate(0%, -50%);
  -ms-transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  font-size: 10px;
  top: 50% !important;
  left: 25px;
}

.data_fetch {
  overflow: hidden;
}

.booking-success .modal-body {
  text-align: center;
  color: #fff;
}

.g-recaptcha {
  width: 302px;
  margin: 20px auto 0;
}
@media only screen and (max-width: 575px){
   .banner .slider-woman .item{
        background-color: #adaaa5 !important;
    } 
}



@media only screen and (max-width: 768px){
  /* .current-trends .para-cont{
    font-size:
  } */
  .current-trends .square.half-square::before{
    padding-bottom: 100% !important;
  }
  .display-none{
    display: none;
  }
  .current-trends  .img-title-cont{
    height: 100%;
  }
  .our-founder .the-founder{
    right: 5% !important;
  }
}


.our-founder .sec-inner-banner{
  background-color: #0c100f !important;
}
.our-founder .the-founder{
  max-width: 100%;
  height: auto;
  width: 350px;
  position: absolute;
  right: 20%;
  bottom: 0;
}
.custom-page-archives {
  color: #fff;
  padding-top: 120px;
  padding-bottom: 120px;
}
.home .banner .title-content::after{
  content: '';
  background-color: rgba(0, 0, 0, 0.5);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter: blur(50px);
  -o-filter: blur(50px);
  -ms-filter: blur(50px);
  -moz-filter: blur(50px);
  -webkit-filter: blur(50px);
}
#promotions .banner-content h1{
  font-weight: 700;
}

.container-wrapper h2 a{
  font-size: 28px;
  color: #333;
  font-weight: 700;
  text-decoration: none;
}
.container-wrapper h2 a:hover{
  opacity: 0.8;
}
.promotions-list .reveal{
  display: none;
}
.promotions-list .container .container-wrapper{
  max-width: 800px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 60px;
}
.promotion-dates{
  letter-spacing: 2px;
  font-size: 18px;
}

#new-map,
#mobile-new-map{
  background-color: #333;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
  background-repeat: no-repeat !important;
  background-size: cover!important;
  background-position: center center !important;
}