@import url(../lib/bootstrap/bootstrap.min.css);
@import url(../lib/fontawsome/css/font-awesome.min.css);
@import url(../lib/slick/slick.css);
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
@import url("//hello.myfonts.net/count/379c97");
.hamburger {
  padding: 0px 0px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.25s;
  transition-timing-function: ease-in-out;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 1; }

.hamburger-box {
  width: 20px;
  height: 16px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 20px;
    height: 2px;
    background-color: #000;
    border-radius: 0px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -7px; }
  .hamburger-inner::after {
    bottom: -7px; }

/*
 * 3DX
 */
.hamburger--3dx .hamburger-box {
  perspective: 40px; }
.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateY(180deg); }
  .hamburger--3dx.is-active .hamburger-inner::before {
    transform: translate3d(0, 7px, 0) rotate(45deg); }
  .hamburger--3dx.is-active .hamburger-inner::after {
    transform: translate3d(0, -7px, 0) rotate(-45deg); }

/*
 * 3DX Reverse
 */
.hamburger--3dx-r .hamburger-box {
  perspective: 40px; }
.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateY(-180deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 7px, 0) rotate(45deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -7px, 0) rotate(-45deg); }

/*
 * 3DY
 */
.hamburger--3dy .hamburger-box {
  perspective: 40px; }
.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(-180deg); }
  .hamburger--3dy.is-active .hamburger-inner::before {
    transform: translate3d(0, 7px, 0) rotate(45deg); }
  .hamburger--3dy.is-active .hamburger-inner::after {
    transform: translate3d(0, -7px, 0) rotate(-45deg); }

/*
 * 3DY Reverse
 */
.hamburger--3dy-r .hamburger-box {
  perspective: 40px; }
.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(180deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 7px, 0) rotate(45deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -7px, 0) rotate(-45deg); }

/*
 * 3DXY
 */
.hamburger--3dxy .hamburger-box {
  perspective: 40px; }
.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(180deg) rotateY(180deg); }
  .hamburger--3dxy.is-active .hamburger-inner::before {
    transform: translate3d(0, 7px, 0) rotate(45deg); }
  .hamburger--3dxy.is-active .hamburger-inner::after {
    transform: translate3d(0, -7px, 0) rotate(-45deg); }

/*
 * 3DXY Reverse
 */
.hamburger--3dxy-r .hamburger-box {
  perspective: 40px; }
.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 7px, 0) rotate(45deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -7px, 0) rotate(-45deg); }

/*
 * Arrow
 */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-4px, 0, 0) rotate(-45deg) scale(0.7, 1); }
.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-4px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
 * Arrow Right
 */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(4px, 0, 0) rotate(45deg) scale(0.7, 1); }
.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(4px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
 * Arrow Alt
 */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-4px, -5px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-4px, 5px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
 * Arrow Alt Right
 */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(4px, -5px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(4px, 5px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
 * Arrow Turn
 */
.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg); }
  .hamburger--arrowturn.is-active .hamburger-inner::before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
  .hamburger--arrowturn.is-active .hamburger-inner::after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
 * Arrow Turn Right
 */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::before {
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::after {
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
 * Boring
 */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none; }
.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg); }
  .hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }

/*
 * Collapse
 */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse .hamburger-inner::after {
    top: -14px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -7px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 * Collapse Reverse
 */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse-r .hamburger-inner::after {
    top: -14px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse-r .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -7px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 * Elastic
 */
.hamburger--elastic .hamburger-inner {
  top: 1px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic .hamburger-inner::before {
    top: 7px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic .hamburger-inner::after {
    top: 14px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 7px, 0) rotate(135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -14px, 0) rotate(-270deg);
    transition-delay: 0.075s; }

/*
 * Elastic Reverse
 */
.hamburger--elastic-r .hamburger-inner {
  top: 1px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic-r .hamburger-inner::before {
    top: 7px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic-r .hamburger-inner::after {
    top: 14px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 7px, 0) rotate(-135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic-r.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -14px, 0) rotate(270deg);
    transition-delay: 0.075s; }

/*
 * Emphatic
 */
.hamburger--emphatic {
  overflow: hidden; }
  .hamburger--emphatic .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::after {
      top: 7px;
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent; }
    .hamburger--emphatic.is-active .hamburger-inner::before {
      left: -40px;
      top: -40px;
      transform: translate3d(40px, 40px, 0) rotate(45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic.is-active .hamburger-inner::after {
      right: -40px;
      top: -40px;
      transform: translate3d(-40px, 40px, 0) rotate(-45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
 * Emphatic Reverse
 */
.hamburger--emphatic-r {
  overflow: hidden; }
  .hamburger--emphatic-r .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::after {
      top: 7px;
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent; }
    .hamburger--emphatic-r.is-active .hamburger-inner::before {
      left: -40px;
      top: 40px;
      transform: translate3d(40px, -40px, 0) rotate(-45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic-r.is-active .hamburger-inner::after {
      right: -40px;
      top: 40px;
      transform: translate3d(-40px, -40px, 0) rotate(45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
 * Minus
 */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; }
.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; }
.hamburger--minus.is-active .hamburger-inner::before {
  top: 0; }
.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0; }

/*
 * Slider
 */
.hamburger--slider .hamburger-inner {
  top: 1px; }
  .hamburger--slider .hamburger-inner::before {
    top: 7px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider .hamburger-inner::after {
    top: 14px; }
.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 7px, 0) rotate(45deg); }
  .hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-2.8571428571px, -5px, 0);
    opacity: 0; }
  .hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -14px, 0) rotate(-90deg); }

/*
 * Slider Reverse
 */
.hamburger--slider-r .hamburger-inner {
  top: 1px; }
  .hamburger--slider-r .hamburger-inner::before {
    top: 7px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider-r .hamburger-inner::after {
    top: 14px; }
.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 7px, 0) rotate(-45deg); }
  .hamburger--slider-r.is-active .hamburger-inner::before {
    transform: rotate(45deg) translate3d(2.8571428571px, -5px, 0);
    opacity: 0; }
  .hamburger--slider-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -14px, 0) rotate(90deg); }

/*
 * Spin
 */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 * Spin Reverse
 */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin-r .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin-r .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 * Spring
 */
.hamburger--spring .hamburger-inner {
  top: 1px;
  transition: background-color 0s 0.13s linear; }
  .hamburger--spring .hamburger-inner::before {
    top: 7px;
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring .hamburger-inner::after {
    top: 14px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent; }
  .hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 7px, 0) rotate(45deg); }
  .hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 7px, 0) rotate(-45deg); }

/*
 * Spring Reverse
 */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring-r .hamburger-inner::after {
    top: -14px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
  .hamburger--spring-r .hamburger-inner::before {
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -7px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; }
  .hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 * Stand
 */
.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  .hamburger--stand .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  .hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 * Stand Reverse
 */
.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  .hamburger--stand-r .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand-r .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  .hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 * Squeeze
 */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
 * Vortex
 */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex .hamburger-inner::after {
    transition-property: bottom, transform; }
.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg); }

/*
 * Vortex Reverse
 */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex-r .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex-r .hamburger-inner::after {
    transition-property: bottom, transform; }
.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }

@font-face {
  font-family: 'IsidoraSans-Black';
  src: url("../fonts/379C97_0_0.eot");
  src: url("../fonts/379C97_0_0.eot?#iefix") format("embedded-opentype"), url("../fonts/379C97_0_0.woff2") format("woff2"), url("../fonts/379C97_0_0.woff") format("woff"), url("../fonts/379C97_0_0.ttf") format("truetype"); }
@font-face {
  font-family: 'IsidoraSans-Medium';
  src: url("../fonts/379C97_1_0.eot");
  src: url("../fonts/379C97_1_0.eot?#iefix") format("embedded-opentype"), url("../fonts/379C97_1_0.woff2") format("woff2"), url("../fonts/379C97_1_0.woff") format("woff"), url("../fonts/379C97_1_0.ttf") format("truetype"); }
@font-face {
  font-family: 'AddictiveCaps-Regular';
  src: url("../fonts/379C97_2_0.eot");
  src: url("../fonts/379C97_2_0.eot?#iefix") format("embedded-opentype"), url("../fonts/379C97_2_0.woff2") format("woff2"), url("../fonts/379C97_2_0.woff") format("woff"), url("../fonts/379C97_2_0.ttf") format("truetype"); }
@font-face {
  font-family: 'Addictive-Regular';
  src: url("../fonts/379C97_3_0.eot");
  src: url("../fonts/379C97_3_0.eot?#iefix") format("embedded-opentype"), url("../fonts/379C97_3_0.woff2") format("woff2"), url("../fonts/379C97_3_0.woff") format("woff"), url("../fonts/379C97_3_0.ttf") format("truetype"); }
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?4w1ulw");
  src: url("../fonts/icomoon.eot?4w1ulw#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?4w1ulw") format("truetype"), url("../fonts/icomoon.woff?4w1ulw") format("woff"), url("../fonts/icomoon.svg?4w1ulw#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-arrow-right:before {
  content: "\e900"; }

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?egshew");
  src: url("../fonts/icomoon.eot?egshew#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?egshew") format("truetype"), url("../fonts/icomoon.woff?egshew") format("woff"), url("../fonts/icomoon.svg?egshew#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-carousel-next:before {
  content: "\e90b"; }

.icon-carousel-prev:before {
  content: "\e90c"; }

.icon-address:before {
  content: "\e906"; }

.icon-contact:before {
  content: "\e907"; }

.icon-phone:before {
  content: "\e909"; }

.icon-download-menu:before {
  content: "\e90a"; }

.icon-arrow-down:before {
  content: "\e900"; }

.icon-book-table:before {
  content: "\e901"; }

.icon-burger-menu:before {
  content: "\e902"; }

.icon-join-us:before {
  content: "\e903"; }

.icon-phone-header:before {
  content: "\e904"; }

.icon-button-arrow:before {
  content: "\e905"; }

.cl-orange {
  color: #FF640A; }

.cl-yellow {
  color: #FFE200; }

.cl-pink {
  color: #FF6FC9; }

.cl-purple {
  color: #7800FF; }

.cl-green {
  color: #00E7C5; }

.cl-red {
  color: #fa1441; }

.cl-bluedark {
  color: #005aff; }

.bg-orange {
  background-color: #FF640A; }

.bg-yellow {
  background-color: #FFE200; }

.bg-pink {
  background-color: #FF6FC9; }

.bg-purple {
  background-color: #7800FF; }

.bg-green {
  background-color: #00E7C5; }

.bg-red {
  background-color: #fa1441; }

.bg-bluedark {
  background-color: #005aff; }

.relative {
  position: relative;
  z-index: 0; }

.overflow {
  overflow: hidden; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.valign {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%); }

.halign {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%); }

.vhalign {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto; }

/* responsive iframe wrapper */
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0; }

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100%; }

.typography .alignnone {
  margin: 0px 0px 1.4em 0px; }
.typography .aligncenter,
.typography div.aligncenter {
  display: block;
  margin: 0px auto 1.4em auto; }
.typography .alignright {
  float: right;
  margin: 0px 0px 1.4em 1.4em; }
.typography .alignleft {
  float: left;
  margin: 0px 1.4em 1.4em 0px; }
.typography a img.alignright {
  float: right;
  margin: 0px 0px 1.4em 1.4em; }
.typography a img.alignnone {
  margin: 0px 0px 1.4em 0px; }
.typography a img.alignleft {
  float: left;
  margin: 0px 1.4em 1.4em 0px; }
.typography a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }
.typography img {
  height: auto; }
.typography ul, .typography ol {
  margin: 0px 0px 1.4em 0px;
  padding: 0px 0px 0px 20px;
  overflow: hidden; }
.typography a {
  color: #000000;
  text-decoration: underline; }
.typography a:hover {
  text-decoration: none; }
.typography p {
  margin: 0px 0px 1.4em 0px; }
.typography blockquote {
  /* margin:0px 0px $content-margin 0px;
  p:last-child{
  	margin-bottom:0px;
  } */ }

.the-button {
  padding: 0px;
  border: none;
  background: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-clip: padding-box;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  text-align: center;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 28px;
  font-family: "IsidoraSans-Black", serif;
  padding: 14px 0px 0px 0px;
  height: 60px;
  line-height: 1;
  width: 260px;
  border-radius: 40px;
  background-color: #00E7C5;
  /* background: linear-gradient(to right, black 50%, white 50%);
  background-size: 200% 100%;
  background-position: right bottom; */
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -webkit-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out; }
  .the-button:focus {
    outline: 0; }
  .the-button:hover {
    color: #fff !important;
    background-color: #000; }
  .the-button span {
    color: inherit !important;
    font-size: inherit;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-left: 3px;
    font-size: 14px; }
    .the-button span.icon-button-arrow {
      font-size: 20px;
      margin-top: -6px; }
  .the-button.white {
    border-color: #fff;
    background: linear-gradient(to right, white 50%, rgba(0, 0, 0, 0) 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    color: #fff !important; }
    .the-button.white:hover {
      background-position: left bottom;
      color: #000 !important; }
  .the-button.lined {
    background-color: transparent;
    border: 3px solid #00E7C5;
    font-size: 20px;
    color: #00E7C5 !important; }
    .the-button.lined:hover {
      background-color: #00E7C5;
      color: #000 !important; }
  .the-button.btn-block {
    width: 100%;
    display: block; }

input.the-button {
  padding: 0px; }
  input.the-button:disabled {
    opacity: .4; }

button.the-button {
  padding: 0px 0px 5px 0px; }

.addictive {
  font-family: "Addictive-Regular", serif; }

.cl-blue {
  color: #2056B8; }

.cl-pink {
  color: #FF6FC9; }

.cl-yellow {
  color: #FFE200; }

.cl-skyblue {
  color: #00A1FF; }

.cl-green {
  color: #00e7c5; }

.parallax {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

.panel-box {
  padding: 70px;
  border-top: 14px solid #000;
  background-color: #fff;
  box-shadow: 0 2px 30px 0 rgba(0, 0, 0, 0.15); }

@media only screen and (max-width: 1024px) {
  .the-button {
    font-size: 20px;
    padding: 14px 20px 0px 20px;
    height: 50px;
    width: auto;
    border-radius: 25px; } }
@media only screen and (max-width: 575px) {
  .parallax {
    background-attachment: scroll;
    background-size: auto 100%; } }
body, * {
  font-family: "IsidoraSans-Medium", sans-serif;
  color: #000000; }

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "IsidoraSans-Black", serif;
  text-transform: uppercase;
  color: #000; }

input, button, select, textarea, .form-control {
  font-family: "IsidoraSans-Medium", sans-serif;
  line-height: normal; }

*:focus,
a:focus,
a:active {
  outline: none;
  color: inherit;
  text-decoration: inherit; }

br {
  font-size: inherit;
  line-height: inherit; }

section {
  display: block; }

img {
  max-width: 100%;
  height: auto; }

a {
  color: #000;
  text-decoration: none;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
  a:hover {
    color: #000; }

i {
  color: inherit;
  font-size: inherit; }

strong {
  font-size: inherit;
  line-height: inherit;
  font-family: "IsidoraSans-Black", serif;
  font-weight: normal; }

button, input[type=submit] {
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

.form-control {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  background-clip: padding-box;
  height: 45px;
  border: none;
  border-bottom: 3px solid #DDDCDD;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 28px;
  font-family: "IsidoraSans-Black", serif;
  color: #000; }
  .form-control:focus {
    border-color: #000;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #000; }
  .form-control::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000000; }
  .form-control::-moz-placeholder {
    /* Firefox 19+ */
    color: #000000; }
  .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #000000; }
  .form-control:-moz-placeholder {
    /* Firefox 18- */
    color: #000000; }

select.form-control {
  height: 45px !important; }

textarea.form-control {
  height: auto; }

select.form-control {
  height: auto; }

.form-group {
  margin-bottom: 70px; }
  .form-group label {
    font-family: "IsidoraSans-Black", serif;
    color: #9B9B9B;
    font-size: 20px; }
    .form-group label.form-check-label {
      font-family: "IsidoraSans-Medium", sans-serif;
      font-size: 13px;
      line-height: 15px; }

iframe {
  max-width: 100%; }

svg {
  display: inline-block; }

/* $gutter:8px;
.container {
	padding-right: $gutter;
	padding-left: $gutter;
	.row{
		margin-left:-$gutter;
		margin-right:-$gutter;
		.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
			padding-left: $gutter;
			padding-right: $gutter;
		}
	}

	@include mq_up($sm){
		max-width:100%;
	}
	// mq_down_sm

	@include mq_up($md){
		width:100%; max-width:1170px;

		$gutter:11px;
		padding-right: 22px;
		padding-left: 22px;
		.row{
			margin-left:-$gutter;
			margin-right:-$gutter;
			.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
				padding-left: $gutter;
				padding-right: $gutter;
			}
		}
	}
	// mq_down_md
} */
.the-carousel {
  display: none; }
  .the-carousel.slick-initialized {
    display: block; }

@media (min-width: 1200px) {
  .container {
    max-width: 1170px; } }
div.wpcf7-response-output {
  margin: 20px 0px 0px 0px;
  padding: 15px; }

.form-control.wpcf7-not-valid {
  border-color: #f00; }

span.wpcf7-not-valid-tip {
  display: none; }

#header {
  position: relative;
  /* &.mobile-menu-opened{
  	.hamburger-inner::before{
  		top:-5px;
  	}
  	.hamburger-inner::after{
  		bottom:-5px;
  	}
  } */ }
  #header .col-12 {
    height: 100px;
    position: relative; }
    #header .col-12 a.logo {
      display: block;
      text-decoration: none;
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      left: 15px; }
    #header .col-12 .header-content {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      right: 15px; }
      #header .col-12 .header-content ul.top-menu {
        float: left;
        margin: 0px;
        padding: 0px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        margin-top: 15px; }
        #header .col-12 .header-content ul.top-menu li {
          list-style: none; }
        #header .col-12 .header-content ul.top-menu li {
          margin-left: 28px; }
          #header .col-12 .header-content ul.top-menu li a {
            font-size: 18px;
            font-family: "IsidoraSans-Black", serif;
            color: #00E7C5;
            text-decoration: none; }
            #header .col-12 .header-content ul.top-menu li a span {
              font-family: inherit;
              font-size: inherit;
              line-height: inherit; }
          #header .col-12 .header-content ul.top-menu li:hover a, #header .col-12 .header-content ul.top-menu li.current-menu-item a {
            color: #000; }
          #header .col-12 .header-content ul.top-menu li:first-child {
            margin-left: 0px; }
      #header .col-12 .header-content a.the-button {
        margin-left: 36px; }
  #header button.btn-menu {
    padding: 0px;
    border: none;
    background: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    background-clip: padding-box;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 0px;
    z-index: 3; }
    #header button.btn-menu:focus {
      outline: none; }
  #header .hamburger-inner::before {
    top: -6px; }
  #header .hamburger-inner::after {
    bottom: -6px; }
  @media only screen and (max-width: 1024px) {
    #header .col-12 .header-content ul.top-menu {
      margin-top: 15px; }
      #header .col-12 .header-content ul.top-menu li {
        margin-left: 24px; }
        #header .col-12 .header-content ul.top-menu li a {
          font-size: 16px; }
    #header .col-12 .header-content a.the-button {
      margin-left: 26px; } }
  @media only screen and (max-width: 768px) {
    #header .col-12 .header-content ul.top-menu {
      display: none; }
    #header .col-12 .header-content a.the-button {
      margin-left: 26px; } }
  @media only screen and (max-width: 575px) {
    #header a.logo {
      width: 80px;
      margin-left: 15px; }
    #header .col-12 .header-content a.the-button {
      font-size: 16px;
      padding-top: 0px;
      padding-bottom: 0px;
      line-height: 48px; }
      #header .col-12 .header-content a.the-button span {
        font-size: 14px;
        margin-top: -3px; } }

#mobile-menu-wrapper {
  position: fixed;
  z-index: 2;
  left: 0px;
  top: 100px;
  width: 100%;
  height: calc(100vh - 100px);
  overflow-y: scroll;
  background-color: #000;
  padding: 0px 0px 40px 0px;
  left: -100%;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -webkit-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }
  #mobile-menu-wrapper * {
    color: #fff; }
  #mobile-menu-wrapper ul.mobile-menu {
    margin: 0px;
    padding: 0px;
    display: block;
    margin-bottom: 60px; }
    #mobile-menu-wrapper ul.mobile-menu li {
      list-style: none; }
    #mobile-menu-wrapper ul.mobile-menu > li {
      border-bottom: 1px solid #FFFFFF;
      position: relative; }
      #mobile-menu-wrapper ul.mobile-menu > li > a {
        display: block;
        height: 70px;
        line-height: 70px;
        text-decoration: none;
        font-size: 18px;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
        color: #fff;
        position: relative;
        padding: 0px 26px; }
      #mobile-menu-wrapper ul.mobile-menu > li.menu-item-has-children > a::after {
        font-family: 'icomoon' !important;
        text-align: center;
        content: "\e900";
        display: block;
        position: absolute;
        z-index: 1;
        right: 26px;
        top: 0px;
        width: 27px;
        height: 70px;
        font-size: 12px;
        -moz-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        -webkit-transition: all 0.25s ease-in-out;
        -ms-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out; }
      #mobile-menu-wrapper ul.mobile-menu > li.menu-item-has-children.active > a {
        background-color: #fff;
        color: #000; }
        #mobile-menu-wrapper ul.mobile-menu > li.menu-item-has-children.active > a::after {
          transform: rotate(-180deg); }
      #mobile-menu-wrapper ul.mobile-menu > li ul.submenu {
        margin: 0px;
        padding: 0px;
        display: block;
        display: none; }
        #mobile-menu-wrapper ul.mobile-menu > li ul.submenu li {
          list-style: none; }
      #mobile-menu-wrapper ul.mobile-menu > li > ul.submenu > li {
        border-bottom: 1px solid #000;
        position: relative; }
        #mobile-menu-wrapper ul.mobile-menu > li > ul.submenu > li > a {
          background-color: #E6E6E6;
          display: block;
          height: 70px;
          line-height: 70px;
          text-decoration: none;
          font-size: 18px;
          font-weight: 700;
          letter-spacing: 1px;
          text-transform: uppercase;
          color: #000;
          position: relative;
          padding: 0px 26px; }
        #mobile-menu-wrapper ul.mobile-menu > li > ul.submenu > li.menu-item-has-children > a::after {
          font-family: 'icomoon' !important;
          text-align: center;
          content: "\e900";
          display: block;
          position: absolute;
          z-index: 1;
          right: 26px;
          top: 0px;
          width: 27px;
          height: 70px;
          font-size: 12px;
          -moz-transition: all 0.25s ease-in-out;
          -o-transition: all 0.25s ease-in-out;
          -webkit-transition: all 0.25s ease-in-out;
          -ms-transition: all 0.25s ease-in-out;
          transition: all 0.25s ease-in-out; }
        #mobile-menu-wrapper ul.mobile-menu > li > ul.submenu > li.menu-item-has-children .menu-content-wrapper {
          display: none;
          padding: 0px 20px 20px 20px;
          background-color: #fff;
          overflow: hidden; }
          #mobile-menu-wrapper ul.mobile-menu > li > ul.submenu > li.menu-item-has-children .menu-content-wrapper * {
            color: #000; }
          #mobile-menu-wrapper ul.mobile-menu > li > ul.submenu > li.menu-item-has-children .menu-content-wrapper a.the-button.download-button {
            font-weight: 700;
            display: block;
            max-width: 300px;
            margin: 0px auto 20px auto; }
            #mobile-menu-wrapper ul.mobile-menu > li > ul.submenu > li.menu-item-has-children .menu-content-wrapper a.the-button.download-button span.icon-download-menu {
              font-size: 20px;
              margin-right: 10px;
              color: inherit;
              margin-top: -5px; }
            #mobile-menu-wrapper ul.mobile-menu > li > ul.submenu > li.menu-item-has-children .menu-content-wrapper a.the-button.download-button span.icon-arrow-down {
              font-size: 10px;
              margin-left: 5px;
              color: inherit;
              margin-top: -3px; }
          #mobile-menu-wrapper ul.mobile-menu > li > ul.submenu > li.menu-item-has-children .menu-content-wrapper .the-dish {
            font-size: 15px;
            line-height: 25px;
            margin-bottom: 15px; }
            #mobile-menu-wrapper ul.mobile-menu > li > ul.submenu > li.menu-item-has-children .menu-content-wrapper .the-dish .dish-name {
              font-weight: 700; }
            #mobile-menu-wrapper ul.mobile-menu > li > ul.submenu > li.menu-item-has-children .menu-content-wrapper .the-dish .dish-price {
              color: #FF640A; }
        #mobile-menu-wrapper ul.mobile-menu > li > ul.submenu > li.menu-item-has-children.active > a::after {
          transform: rotate(-180deg); }
        #mobile-menu-wrapper ul.mobile-menu > li > ul.submenu > li:last-child {
          border-bottom: none; }
        #mobile-menu-wrapper ul.mobile-menu > li > ul.submenu > li > ul.submenu > li {
          border-bottom: 1px solid #000;
          position: relative; }
          #mobile-menu-wrapper ul.mobile-menu > li > ul.submenu > li > ul.submenu > li > a {
            background-color: #CACACA;
            display: block;
            height: 70px;
            line-height: 70px;
            text-decoration: none;
            font-size: 18px;
            font-weight: 400;
            letter-spacing: 1px;
            color: #000;
            position: relative;
            padding: 0px 26px; }
          #mobile-menu-wrapper ul.mobile-menu > li > ul.submenu > li > ul.submenu > li.menu-item-has-children > a::after {
            font-family: 'icomoon' !important;
            text-align: center;
            content: "\e900";
            display: block;
            position: absolute;
            z-index: 1;
            right: 26px;
            top: 0px;
            width: 27px;
            height: 70px;
            font-size: 12px;
            -moz-transition: all 0.25s ease-in-out;
            -o-transition: all 0.25s ease-in-out;
            -webkit-transition: all 0.25s ease-in-out;
            -ms-transition: all 0.25s ease-in-out;
            transition: all 0.25s ease-in-out; }
          #mobile-menu-wrapper ul.mobile-menu > li > ul.submenu > li > ul.submenu > li.menu-item-has-children.active > a {
            background-color: #fff;
            color: #000;
            font-weight: 700; }
            #mobile-menu-wrapper ul.mobile-menu > li > ul.submenu > li > ul.submenu > li.menu-item-has-children.active > a::after {
              transform: rotate(-180deg); }
          #mobile-menu-wrapper ul.mobile-menu > li > ul.submenu > li > ul.submenu > li:last-child {
            border-bottom: none; }
      #mobile-menu-wrapper ul.mobile-menu > li:last-child {
        border-bottom: none; }
  #mobile-menu-wrapper ul.socialmedia-links {
    margin: 0px;
    padding: 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center; }
    #mobile-menu-wrapper ul.socialmedia-links li {
      list-style: none; }
    #mobile-menu-wrapper ul.socialmedia-links li {
      margin: 0px 18px; }
      #mobile-menu-wrapper ul.socialmedia-links li a {
        text-decoration: none;
        font-size: 24px; }
        #mobile-menu-wrapper ul.socialmedia-links li a i {
          color: inherit; }
        #mobile-menu-wrapper ul.socialmedia-links li a:hover {
          opacity: .7; }
      #mobile-menu-wrapper ul.socialmedia-links li:first-child {
        margin-left: 0px; }
      #mobile-menu-wrapper ul.socialmedia-links li:last-child {
        margin-right: 0px; }
  #mobile-menu-wrapper.active {
    left: 0px; }

#body-wrapper {
  position: relative;
  z-index: 1;
  overflow: hidden; }

body.noscroll {
  overflow: hidden; }

#initial-setup-fee {
  padding: 20px 0px;
  background-color: #000; }
  #initial-setup-fee * {
    color: #fff; }
  #initial-setup-fee h4 {
    text-transform: none;
    font-size: 28px; }
  #initial-setup-fee p {
    color: #9B9B9B;
    font-size: 13px;
    letter-spacing: 0.29px;
    line-height: 17px;
    margin-bottom: 0px; }
  #initial-setup-fee .number {
    font-size: 60px;
    font-family: "IsidoraSans-Black", serif;
    letter-spacing: 1.33px;
    line-height: 72px;
    color: #00E7C5;
    text-align: center; }
  #initial-setup-fee .below-number {
    text-align: center;
    color: #9B9B9B;
    font-size: 18px;
    letter-spacing: 0.4px;
    line-height: 22px; }
  @media only screen and (max-width: 1024px) {
    #initial-setup-fee h4 {
      font-size: 24px; }
    #initial-setup-fee p {
      font-size: 13px;
      letter-spacing: 0.29px;
      line-height: 17px; }
    #initial-setup-fee .number {
      font-size: 40px;
      letter-spacing: 0px;
      line-height: 52px; }
    #initial-setup-fee .below-number {
      font-size: 16px;
      letter-spacing: 0px;
      line-height: 20px; } }
  @media only screen and (max-width: 768px) {
    #initial-setup-fee h4 {
      font-size: 18px; }
    #initial-setup-fee p {
      font-size: 12px;
      letter-spacing: 0px;
      line-height: 16px; }
    #initial-setup-fee .number {
      font-size: 30px;
      letter-spacing: 0px;
      line-height: 42px; }
    #initial-setup-fee .below-number {
      font-size: 14px;
      line-height: 18px; } }
  @media only screen and (max-width: 768px) {
    #initial-setup-fee {
      text-align: center; }
      #initial-setup-fee h4 {
        font-size: 18px; }
      #initial-setup-fee p {
        font-size: 12px;
        letter-spacing: 0px;
        line-height: 16px; }
      #initial-setup-fee .number {
        font-size: 30px;
        letter-spacing: 0px;
        line-height: 42px; }
      #initial-setup-fee .below-number {
        font-size: 14px;
        line-height: 18px; } }

#home-banner {
  /* height:690px;  */
  position: relative;
  /* background:url(../img/home-banner-bg.jpg) center center no-repeat; 
  background-size:cover; */
  overflow: hidden; }
  #home-banner .the-carousel {
    position: relative; }
    #home-banner .the-carousel .slick-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      z-index: 2;
      cursor: pointer; }
      #home-banner .the-carousel .slick-arrow.slick-prev {
        left: 0px; }
      #home-banner .the-carousel .slick-arrow.slick-next {
        left: auto;
        right: 0px; }
    #home-banner .the-carousel ul.slick-dots {
      margin: 0px;
      padding: 0px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-wrap: wrap;
      -webkit-justify-content: flex-start;
      -moz-justify-content: flex-start;
      -ms-justify-content: flex-start;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -webkit-justify-content: center;
      justify-content: center; }
      #home-banner .the-carousel ul.slick-dots li {
        list-style: none; }
      #home-banner .the-carousel ul.slick-dots li button {
        cursor: pointer; }
      #home-banner .the-carousel ul.slick-dots li.slick-active button {
        color: red; }
  #home-banner .the-carousel .the-slide {
    /* height:calc(100vh - 100px);
    position: relative; overflow: hidden; */
    position: relative;
    overflow: hidden;
    height: calc(100vh - 234px);
    display: flex;
    justify-content: center;
    align-items: center; }
    #home-banner .the-carousel .the-slide img.screen-image {
      position: relative;
      z-index: 0;
      width: 100%; }
    #home-banner .the-carousel .the-slide .caption {
      position: absolute;
      z-index: 1;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.35); }
      #home-banner .the-carousel .the-slide .caption .caption-text {
        /* //@include vertical-horizontal-align;
        position: absolute; left:0px; right:0px; top:70px; z-index: 1; */
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        left: 0px;
        right: 0px;
        z-index: 1;
        text-align: center; }
        #home-banner .the-carousel .the-slide .caption .caption-text h3, #home-banner .the-carousel .the-slide .caption .caption-text h4 {
          font-size: 44px;
          line-height: 48px;
          text-transform: uppercase;
          color: #fff;
          font-weight: 900;
          text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
          margin-bottom: 20px; }
          #home-banner .the-carousel .the-slide .caption .caption-text h3 span, #home-banner .the-carousel .the-slide .caption .caption-text h4 span {
            font-family: "IsidoraSans-Medium", sans-serif;
            color: inherit;
            display: block; }
        #home-banner .the-carousel .the-slide .caption .caption-text p {
          font-family: "IsidoraSans-Medium", sans-serif;
          color: #fff;
          font-size: 32px;
          line-height: 36px; }
          #home-banner .the-carousel .the-slide .caption .caption-text p strong {
            color: inherit;
            font-family: "IsidoraSans-Black", serif; }
        #home-banner .the-carousel .the-slide .caption .caption-text h4 {
          font-weight: 400; }
        #home-banner .the-carousel .the-slide .caption .caption-text a.the-button {
          display: inline-block;
          width: 370px; }
  #home-banner .the-carousel .slick-arrow {
    padding: 0px;
    border: none;
    background: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    background-clip: padding-box;
    text-align: center;
    cursor: pointer;
    width: 60px;
    height: 60px;
    font-size: 60px;
    line-height: 60px;
    color: #fff;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }
    #home-banner .the-carousel .slick-arrow:focus {
      outline: 0; }
    #home-banner .the-carousel .slick-arrow span {
      color: inherit; }
    #home-banner .the-carousel .slick-arrow.slick-next {
      right: 100px; }
    #home-banner .the-carousel .slick-arrow.slick-prev {
      left: 100px; }
    #home-banner .the-carousel .slick-arrow:hover {
      color: #cccccc; }
  #home-banner .the-carousel ul.slick-dots {
    margin: 0px;
    padding: 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    bottom: 80px;
    z-index: 2; }
    #home-banner .the-carousel ul.slick-dots li {
      list-style: none; }
    #home-banner .the-carousel ul.slick-dots li {
      margin: 0px 2px; }
      #home-banner .the-carousel ul.slick-dots li button {
        padding: 0px;
        border: none;
        background: none;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
        background-clip: padding-box;
        text-align: center;
        cursor: pointer;
        text-indent: -9999px;
        background-color: #fff;
        width: 8px;
        height: 8px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        background-clip: padding-box;
        opacity: .5; }
        #home-banner .the-carousel ul.slick-dots li button:focus {
          outline: 0; }
      #home-banner .the-carousel ul.slick-dots li.slick-active button {
        opacity: 1; }
  #home-banner .scroll-down {
    position: absolute;
    z-index: 3;
    left: 0px;
    bottom: -80px;
    width: 100%; }
    #home-banner .scroll-down a {
      display: inline-block;
      text-decoration: none;
      width: 140px;
      height: 140px;
      background-color: #F7F5F5;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      background-clip: padding-box; }
      #home-banner .scroll-down a span {
        display: inline-block;
        font-size: 24px;
        margin-top: 30px;
        color: #000;
        animation: bounce 2s infinite; }
  @media only screen and (max-width: 1024px) {
    #home-banner .scroll-down {
      bottom: -55px;
      z-index: 10; }
      #home-banner .scroll-down a {
        width: 100px;
        height: 100px; }
        #home-banner .scroll-down a span {
          font-size: 20px;
          margin-top: 25px; } }
  @media only screen and (max-width: 768px) {
    #home-banner .the-carousel .the-slide {
      /* height: calc(100vh - 100px); */ }
      #home-banner .the-carousel .the-slide img {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        height: 100%;
        width: auto;
        max-width: none; }
      #home-banner .the-carousel .the-slide .caption .caption-text h3, #home-banner .the-carousel .the-slide .caption .caption-text h4 {
        font-size: 34px;
        line-height: 38px; }
      #home-banner .the-carousel .the-slide .caption .caption-text p {
        font-size: 24px;
        line-height: 26px; }
      #home-banner .the-carousel .the-slide .caption .caption-text a.the-button {
        width: 300px; }
    #home-banner .the-carousel .slick-arrow {
      width: 40px;
      height: 40px;
      font-size: 40px;
      line-height: 40px; }
      #home-banner .the-carousel .slick-arrow.slick-next {
        right: 30px; }
      #home-banner .the-carousel .slick-arrow.slick-prev {
        left: 30px; } }
  @media only screen and (max-width: 575px) {
    #home-banner .the-carousel .the-slide .caption .caption-text h3, #home-banner .the-carousel .the-slide .caption .caption-text h4 {
      font-size: 24px;
      line-height: 28px; }
    #home-banner .the-carousel .the-slide .caption .caption-text p {
      font-size: 18px;
      line-height: 22px; }
    #home-banner .the-carousel .the-slide .caption .caption-text a.the-button {
      width: 250px; }
    #home-banner .the-carousel .slick-arrow {
      width: 30px;
      height: 30px;
      font-size: 30px;
      line-height: 30px;
      opacity: .7; }
      #home-banner .the-carousel .slick-arrow.slick-next {
        right: 5px; }
      #home-banner .the-carousel .slick-arrow.slick-prev {
        left: 5px; }
    #home-banner .scroll-down {
      bottom: -70px; }
      #home-banner .scroll-down a {
        width: 120px;
        height: 120px; }
        #home-banner .scroll-down a span {
          font-size: 16px;
          margin-top: 30px; } }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-15px); }
  60% {
    transform: translateY(-10px); } }
#show-demo-template {
  background-color: #F7F5F5;
  padding: 100px 0px;
  overflow: hidden; }
  #show-demo-template h3.section-title {
    font-size: 28px;
    letter-spacing: 0.62px;
    line-height: 51px;
    text-align: center;
    margin-bottom: 22px; }
  #show-demo-template p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 28px; }
  #show-demo-template img.the-thumb {
    width: 100%; }
  #show-demo-template a.the-button {
    width: 100%;
    max-width: 360px; }
    #show-demo-template a.the-button span.icon-button-arrow {
      font-size: 16px;
      margin-top: -3px; }

#demoModal .modal-xl {
  width: 90%;
  max-width: 90%; }
#demoModal .modal-body iframe {
  width: 100%;
  height: 80vh; }

#example-sites {
  padding: 100px 0px;
  overflow: hidden; }
  #example-sites h3.section-title {
    font-size: 28px;
    letter-spacing: 0.62px;
    line-height: 51px;
    text-align: center;
    margin-bottom: 22px; }
  #example-sites .container {
    position: relative; }
    #example-sites .container::before {
      content: "";
      position: absolute;
      top: 0px;
      bottom: 0px;
      right: 100%;
      z-index: 2;
      margin-right: -80px;
      width: 100%;
      background-color: #fff; }
    #example-sites .container::after {
      content: "";
      position: absolute;
      top: 0px;
      bottom: 0px;
      left: 100%;
      z-index: 2;
      margin-left: -80px;
      width: 100%;
      background-color: rgba(255, 255, 255, 0.7); }
  #example-sites .the-carousel {
    position: relative; }
    #example-sites .the-carousel .slick-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      z-index: 2;
      cursor: pointer; }
      #example-sites .the-carousel .slick-arrow.slick-prev {
        left: 0px; }
      #example-sites .the-carousel .slick-arrow.slick-next {
        left: auto;
        right: 0px; }
    #example-sites .the-carousel ul.slick-dots {
      margin: 0px;
      padding: 0px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-wrap: wrap;
      -webkit-justify-content: flex-start;
      -moz-justify-content: flex-start;
      -ms-justify-content: flex-start;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -webkit-justify-content: center;
      justify-content: center; }
      #example-sites .the-carousel ul.slick-dots li {
        list-style: none; }
      #example-sites .the-carousel ul.slick-dots li button {
        cursor: pointer; }
      #example-sites .the-carousel ul.slick-dots li.slick-active button {
        color: red; }
  #example-sites .the-carousel {
    padding-left: 90px; }
    #example-sites .the-carousel .slick-list {
      overflow: visible; }
    #example-sites .the-carousel .the-slide {
      text-align: center;
      width: 358px;
      margin-right: 40px; }
      #example-sites .the-carousel .the-slide a.the-site {
        display: block;
        text-decoration: none; }
        #example-sites .the-carousel .the-slide a.the-site span.the-thumb {
          display: block;
          margin-bottom: 16px; }
          #example-sites .the-carousel .the-slide a.the-site span.the-thumb img {
            width: 100%; }
        #example-sites .the-carousel .the-slide a.the-site span.the-title {
          display: block;
          font-family: "IsidoraSans-Black", serif;
          font-size: 20px;
          line-height: 25px; }
    #example-sites .the-carousel .slick-arrow {
      padding: 0px;
      border: none;
      background: none;
      -webkit-border-radius: 0px;
      -moz-border-radius: 0px;
      -ms-border-radius: 0px;
      -o-border-radius: 0px;
      border-radius: 0px;
      background-clip: padding-box;
      text-align: center;
      cursor: pointer;
      z-index: 3;
      width: 60px;
      height: 60px;
      font-size: 60px;
      line-height: 60px;
      color: #000;
      -moz-transition: all 0.25s ease-in-out;
      -o-transition: all 0.25s ease-in-out;
      -webkit-transition: all 0.25s ease-in-out;
      -ms-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out;
      margin-top: -20px; }
      #example-sites .the-carousel .slick-arrow:focus {
        outline: 0; }
      #example-sites .the-carousel .slick-arrow span {
        color: inherit; }
      #example-sites .the-carousel .slick-arrow.slick-next {
        right: 0px; }
      #example-sites .the-carousel .slick-arrow.slick-prev {
        left: 0px; }
      #example-sites .the-carousel .slick-arrow:hover {
        color: #000; }
  @media only screen and (max-width: 768px) {
    #example-sites {
      padding: 70px 0px; }
      #example-sites h3.section-title {
        font-size: 24px;
        letter-spacing: 0px;
        line-height: 34px;
        margin-bottom: 22px; }
      #example-sites .container::before {
        margin-right: -80px;
        top: 40px; }
      #example-sites .container::after {
        margin-left: -80px;
        top: 40px; } }
  @media only screen and (max-width: 575px) {
    #example-sites {
      padding: 50px 0px; }
      #example-sites h3.section-title {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 22px; }
      #example-sites .the-carousel {
        padding-left: 0px; }
        #example-sites .the-carousel .slick-list {
          overflow: hidden; }
        #example-sites .the-carousel .the-slide {
          width: auto;
          margin-right: 0px; }
          #example-sites .the-carousel .the-slide a.the-site {
            display: block; }
            #example-sites .the-carousel .the-slide a.the-site img {
              width: 100%; }
        #example-sites .the-carousel .slick-arrow {
          width: 60px;
          height: 60px;
          font-size: 60px;
          line-height: 60px;
          margin-top: -30px; }
          #example-sites .the-carousel .slick-arrow span {
            color: #fff;
            font-size: 30px; }
          #example-sites .the-carousel .slick-arrow.slick-next {
            right: -10px; }
          #example-sites .the-carousel .slick-arrow.slick-prev {
            left: -10px; }
      #example-sites .container::before {
        display: none; }
      #example-sites .container::after {
        display: none; } }

#about-us {
  position: relative;
  overflow: hidden;
  background-color: #2E2E2E; }
  #about-us .bg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 0px;
    width: 50%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
  #about-us img.about-thumb {
    float: left;
    width: 50%; }
  #about-us .text-overlay {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 1;
    padding: 100px 0px;
    width: 100%; }
    #about-us .text-overlay * {
      color: #fff; }
    #about-us .text-overlay h3.section-title {
      text-align: left;
      font-size: 32px;
      letter-spacing: 0.71px;
      line-height: 44px;
      text-transform: none;
      margin-bottom: 27px; }
    #about-us .text-overlay p {
      font-size: 16px;
      line-height: 30px;
      margin-bottom: 30px; }
    #about-us .text-overlay a.trclogo {
      display: block;
      width: 158px; }
  @media only screen and (max-width: 1024px) {
    #about-us .text-overlay {
      padding: 0px 0px; }
      #about-us .text-overlay h3.section-title {
        font-size: 26px;
        letter-spacing: 0px;
        line-height: 34px;
        margin-bottom: 26px;
        margin-left: 30px; }
      #about-us .text-overlay p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 24px;
        margin-left: 30px; }
      #about-us .text-overlay a.trclogo {
        width: 158px;
        margin-left: 30px; } }
  @media only screen and (max-width: 768px) {
    #about-us {
      padding: 50px 0px; }
      #about-us img.about-thumb {
        float: none;
        width: 100%;
        margin-bottom: 30px; }
      #about-us .text-overlay {
        padding: 0px 0px;
        position: relative;
        top: auto;
        transform: none;
        -webkit-transform: none; }
        #about-us .text-overlay h3.section-title {
          font-size: 26px;
          letter-spacing: 0px;
          line-height: 34px;
          margin-bottom: 26px;
          margin-left: 0px;
          text-align: center; }
        #about-us .text-overlay p {
          font-size: 14px;
          line-height: 24px;
          margin-bottom: 24px;
          margin-left: 0px; }
        #about-us .text-overlay a.trclogo {
          width: 158px;
          margin-left: 0px; } }
  @media only screen and (max-width: 575px) {
    #about-us .text-overlay h3.section-title {
      font-size: 24px;
      line-height: 30px;
      margin-bottom: 24px; } }

.features-list {
  padding: 100px 0px; }
  .features-list .section-heading {
    margin-bottom: 50px; }
    .features-list .section-heading h3 {
      font-size: 45px;
      letter-spacing: 1px;
      line-height: 51px;
      text-transform: none; }
    .features-list .section-heading p {
      font-size: 20px;
      line-height: 35px; }
  .features-list .the-feature {
    margin-bottom: 50px; }
    .features-list .the-feature h4 {
      margin-left: 70px;
      margin-top: 70px;
      font-size: 32px;
      letter-spacing: 0.71px;
      text-transform: none;
      margin-bottom: 20px; }
    .features-list .the-feature p {
      margin-left: 70px;
      font-size: 16px;
      line-height: 30px; }
      .features-list .the-feature p:last-child {
        margin-bottom: 0px; }
    .features-list .the-feature img.the-logo {
      height: 70px;
      margin-left: 70px; }
  .features-list a.the-button {
    width: 100%; }
  @media only screen and (max-width: 1024px) {
    .features-list {
      padding: 70px 0px; }
      .features-list .section-heading h3 {
        font-size: 40px;
        line-height: 1; }
      .features-list .section-heading p {
        font-size: 20px;
        line-height: 30px; }
      .features-list .the-feature h4 {
        margin-left: 0px;
        margin-top: 30px; }
      .features-list .the-feature p {
        margin-left: 0px; }
      .features-list .the-feature img.the-logo {
        margin-left: 0px;
        height: 50px; } }
  @media only screen and (max-width: 575px) {
    .features-list {
      padding: 50px 0px; }
      .features-list .section-heading {
        margin-bottom: 30px; }
        .features-list .section-heading h3 {
          font-size: 30px; }
        .features-list .section-heading p {
          font-size: 20px;
          line-height: 30px; }
      .features-list .the-feature {
        text-align: center; }
        .features-list .the-feature h4 {
          font-size: 28px;
          margin-bottom: 10px;
          margin-top: 0px; }
        .features-list .the-feature p {
          margin-left: 0px;
          font-size: 14px;
          line-height: 24px; }
        .features-list .the-feature img.the-logo {
          margin-left: 0px;
          height: 50px; } }

.divider-image {
  height: 480px; }
  @media only screen and (max-width: 575px) {
    .divider-image {
      height: 360px; } }

#awards-ratings {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #F6F6F6; }
  #awards-ratings .the-carousel {
    position: relative; }
    #awards-ratings .the-carousel .slick-arrow {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      -webkit-transform: translateY(-50%);
      z-index: 2;
      cursor: pointer; }
      #awards-ratings .the-carousel .slick-arrow.slick-prev {
        left: 0px; }
      #awards-ratings .the-carousel .slick-arrow.slick-next {
        left: auto;
        right: 0px; }
    #awards-ratings .the-carousel ul.slick-dots {
      margin: 0px;
      padding: 0px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      flex-wrap: wrap;
      -webkit-justify-content: flex-start;
      -moz-justify-content: flex-start;
      -ms-justify-content: flex-start;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -webkit-justify-content: center;
      justify-content: center; }
      #awards-ratings .the-carousel ul.slick-dots li {
        list-style: none; }
      #awards-ratings .the-carousel ul.slick-dots li button {
        cursor: pointer; }
      #awards-ratings .the-carousel ul.slick-dots li.slick-active button {
        color: red; }
  #awards-ratings .section-title {
    font-size: 45px;
    line-height: 1;
    margin-bottom: 50px;
    text-transform: none; }
  #awards-ratings .the-carousel .slick-track {
    display: flex; }
  #awards-ratings .the-carousel .the-slide {
    display: flex;
    height: auto;
    align-items: center;
    justify-content: center;
    padding: 0px 15px; }
    #awards-ratings .the-carousel .the-slide a {
      display: inline-block;
      text-decoration: none;
      text-align: center; }
    #awards-ratings .the-carousel .the-slide img {
      max-width: 120px; }
  #awards-ratings .the-carousel .slick-arrow {
    padding: 0px;
    border: none;
    background: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    background-clip: padding-box;
    text-align: center;
    cursor: pointer;
    z-index: 2;
    width: 40px;
    height: 40px;
    font-size: 40px;
    line-height: 40px;
    color: #ccc;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out; }
    #awards-ratings .the-carousel .slick-arrow:focus {
      outline: 0; }
    #awards-ratings .the-carousel .slick-arrow span {
      color: inherit; }
    #awards-ratings .the-carousel .slick-arrow.slick-next {
      right: -50px; }
    #awards-ratings .the-carousel .slick-arrow.slick-prev {
      left: -50px; }
    #awards-ratings .the-carousel .slick-arrow:hover {
      color: #000; }
  @media only screen and (max-width: 1024px) {
    #awards-ratings .section-title {
      font-size: 40px;
      margin-bottom: 40px; }
    #awards-ratings .the-carousel .slick-arrow.slick-next {
      right: -20px; }
    #awards-ratings .the-carousel .slick-arrow.slick-prev {
      left: -20px; } }
  @media only screen and (max-width: 768px) {
    #awards-ratings .the-carousel {
      padding: 0px 30px; }
      #awards-ratings .the-carousel .slick-arrow {
        width: 50px;
        height: 50px;
        font-size: 50px;
        line-height: 50px; }
        #awards-ratings .the-carousel .slick-arrow.slick-next {
          right: -15px; }
        #awards-ratings .the-carousel .slick-arrow.slick-prev {
          left: -15px; } }
  @media only screen and (max-width: 575px) {
    #awards-ratings {
      padding: 50px 0px; }
      #awards-ratings .section-title {
        font-size: 30px;
        margin-bottom: 30px; } }

#get-started {
  padding: 100px 0px; }
  #get-started h1 {
    font-size: 45px;
    letter-spacing: 1px;
    text-transform: none;
    margin-bottom: 54px; }
  #get-started .getting-started-steps {
    margin-bottom: 70px; }
    #get-started .getting-started-steps .the-step {
      width: 52px;
      height: 52px;
      text-align: center;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      background-clip: padding-box;
      margin: 0px auto 12px auto;
      font-size: 28px;
      font-family: "IsidoraSans-Black", serif;
      color: #00E7C5;
      border: 3px solid #00E7C5; }
    #get-started .getting-started-steps .the-title {
      font-family: "IsidoraSans-Black", serif;
      font-size: 18px;
      letter-spacing: 0.4px;
      line-height: 24px;
      margin-bottom: 12px; }
    #get-started .getting-started-steps p {
      font-size: 13px;
      letter-spacing: 0.29px;
      line-height: 21px;
      margin-bottom: 0px; }
  #get-started .panel-box {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 0px; }
    #get-started .panel-box .download-pricelist {
      text-align: center;
      padding: 50px;
      font-family: "IsidoraSans-Black", serif;
      text-transform: uppercase;
      font-size: 20px;
      line-height: 1;
      color: #fff; }
      #get-started .panel-box .download-pricelist i.fa-file-pdf-o {
        display: block;
        margin-bottom: 22px;
        font-size: 70px;
        color: #00E7C5; }
      #get-started .panel-box .download-pricelist a.the-button {
        margin-top: 35px; }
        #get-started .panel-box .download-pricelist a.the-button i.fa {
          font-size: 16px;
          display: inline-block;
          vertical-align: middle;
          margin-top: -5px;
          margin-left: 3px; }
    #get-started .panel-box .selected-options {
      background-color: #000;
      flex: 0 0 30%; }
      #get-started .panel-box .selected-options .total-price {
        padding: 45px 0px;
        background-color: #DDDCDD; }
        #get-started .panel-box .selected-options .total-price .the-price {
          font-family: "IsidoraSans-Black", serif;
          font-size: 45px;
          letter-spacing: 1px;
          line-height: 48px;
          margin-bottom: 20px; }
        #get-started .panel-box .selected-options .total-price .below-price {
          font-family: "IsidoraSans-Medium", sans-serif;
          font-size: 20px;
          font-weight: 300;
          letter-spacing: 0.44px;
          line-height: 25px; }
          #get-started .panel-box .selected-options .total-price .below-price strong {
            font-family: "IsidoraSans-Black", serif; }
      #get-started .panel-box .selected-options .addons {
        padding: 45px 50px; }
        #get-started .panel-box .selected-options .addons * {
          color: #fff; }
        #get-started .panel-box .selected-options .addons .the-title {
          font-family: "IsidoraSans-Black", serif;
          font-size: 46px;
          letter-spacing: 1.11px;
          line-height: 1;
          margin-bottom: 30px;
          text-align: center; }
        #get-started .panel-box .selected-options .addons ul {
          margin: 0px;
          padding: 0px;
          display: block; }
          #get-started .panel-box .selected-options .addons ul li {
            list-style: none; }
          #get-started .panel-box .selected-options .addons ul li {
            font-size: 13px;
            letter-spacing: 0.33px;
            line-height: 17px;
            margin-bottom: 15px; }
            #get-started .panel-box .selected-options .addons ul li i.fa {
              color: #00E7C5;
              font-size: 15px;
              margin-right: 10px; }
    #get-started .panel-box .custom-checkbox {
      margin-bottom: 50px; }
      #get-started .panel-box .custom-checkbox * {
        font-size: 12px;
        line-height: 17px;
        text-transform: none; }
      #get-started .panel-box .custom-checkbox input[type="checkbox"] {
        position: absolute;
        opacity: 0; }
        #get-started .panel-box .custom-checkbox input[type="checkbox"] + span {
          display: block;
          position: relative;
          cursor: pointer;
          padding: 0 0px 0px 10px; }
        #get-started .panel-box .custom-checkbox input[type="checkbox"] + span:before {
          content: '';
          display: inline-block;
          vertical-align: text-top;
          width: 20px;
          height: 20px;
          background: transparent;
          position: absolute;
          left: -20px;
          top: 0px;
          /* @include border-radius(50%); */
          border: 2px solid #00E7C5; }
        #get-started .panel-box .custom-checkbox input[type="checkbox"]:hover + span:before {
          background: #fff; }
        #get-started .panel-box .custom-checkbox input[type="checkbox"]:focus + span:before {
          /* box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); */ }
        #get-started .panel-box .custom-checkbox input[type="checkbox"]:checked + span:before {
          background: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/></svg>") center center no-repeat #fff;
          background-size: 10px auto; }
    #get-started .panel-box .custom-control-label {
      margin-top: 0px; }
      #get-started .panel-box .custom-control-label * {
        font-size: 12px;
        line-height: 17px;
        text-transform: none; }
    #get-started .panel-box .custom-checkbox .custom-control-label::before {
      border: 1px solid #fff; }
    #get-started .panel-box .custom-checkbox .custom-control-label::after {
      border: 1px solid #fff; }
    #get-started .panel-box .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
      background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><path fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/></svg>");
      background-color: #fff; }
    #get-started .panel-box .wpcf7 {
      flex: 0 0 70%;
      padding: 70px; }
  #get-started .the-button {
    width: 100%; }
  @media only screen and (max-width: 1024px) {
    #get-started {
      padding: 70px 0px; } }
  @media only screen and (max-width: 768px) {
    #get-started {
      padding: 50px 0x; }
      #get-started h1 {
        font-size: 40px;
        letter-spacing: 0px;
        line-height: 1;
        margin-bottom: 40px; }
      #get-started .getting-started-steps {
        margin-bottom: 30px; } }
  @media only screen and (max-width: 575px) {
    #get-started h1 {
      font-size: 30px;
      letter-spacing: 0px;
      margin-bottom: 30px; }
    #get-started .getting-started-steps {
      margin-bottom: 0px; }
      #get-started .getting-started-steps .col-md-3 {
        margin-bottom: 30px; }
    #get-started .panel-box {
      padding: 30px; }
    #get-started .form-group {
      margin-bottom: 30px; }
      #get-started .form-group label {
        margin-bottom: 0px;
        font-size: 16px; }
      #get-started .form-group .form-control {
        font-size: 16px; } }

#features {
  padding: 50px 0px; }
  #features h3 {
    font-size: 35px;
    letter-spacing: 0.78px;
    line-height: 42px;
    text-transform: none;
    margin-bottom: 50px; }
  #features h4 {
    font-family: "IsidoraSans-Medium", sans-serif;
    font-size: 28px;
    letter-spacing: 0.62px;
    line-height: 51px;
    margin-bottom: 14px; }
  #features h5 {
    font-size: 20px;
    letter-spacing: 0.44px;
    line-height: 35px;
    margin-bottom: 12px; }
  #features p {
    font-size: 16px;
    line-height: 30px; }
    #features p:last-child {
      margin-bottom: 0px; }
  #features ul {
    padding-left: 18px; }
    #features ul li {
      margin-bottom: 5px; }
  #features hr {
    border-top: 2px solid #DDDCDD;
    margin-bottom: 50px; }
  #features .col-md-4 {
    margin-bottom: 50px; }
  #features .section-header {
    margin-bottom: 50px; }
    #features .section-header h1 {
      font-size: 45px;
      letter-spacing: 1px;
      text-transform: none;
      line-height: 1; }
    #features .section-header p {
      font-size: 20px;
      letter-spacing: 0.44px;
      line-height: 35px;
      margin-bottom: 0px; }
  #features .panel-box {
    margin-bottom: 70px; }
  #features a.the-button {
    width: 100%; }
  #features .button-wrapper {
    padding-top: 100px; }
  @media only screen and (max-width: 768px) {
    #features {
      padding: 50px 0px; }
      #features h3 {
        font-size: 35px;
        letter-spacing: 0.78px;
        line-height: 42px;
        margin-bottom: 50px; }
      #features h4 {
        font-size: 28px;
        letter-spacing: 0.62px;
        line-height: 32px;
        margin-bottom: 14px; }
      #features h5 {
        font-size: 20px;
        letter-spacing: 0.44px;
        line-height: 24px;
        margin-bottom: 12px; }
      #features .section-header {
        margin-bottom: 50px; }
        #features .section-header h1 {
          font-size: 40px;
          letter-spacing: 0px;
          margin-bottom: 20px; }
        #features .section-header p {
          font-size: 18px;
          letter-spacing: 0px;
          line-height: 24px; }
      #features .panel-box {
        padding: 30px; }
      #features .button-wrapper {
        padding-top: 60px; } }
  @media only screen and (max-width: 575px) {
    #features {
      padding: 50px 0px; }
      #features h3 {
        font-size: 30px;
        letter-spacing: 0px;
        line-height: 36px;
        margin-bottom: 30px; }
      #features h4 {
        font-size: 28px;
        letter-spacing: 0.62px;
        line-height: 32px;
        margin-bottom: 14px; }
      #features h5 {
        font-size: 20px;
        letter-spacing: 0.44px;
        line-height: 24px;
        margin-bottom: 12px; }
      #features .col-md-4 {
        margin-bottom: 30px; }
      #features hr {
        margin-bottom: 30px; }
      #features .section-header {
        margin-bottom: 30px; }
        #features .section-header h1 {
          font-size: 30px;
          margin-bottom: 20px; }
        #features .section-header p {
          font-size: 16px;
          line-height: 22px; }
      #features .panel-box {
        padding: 30px; }
      #features .button-wrapper {
        padding-top: 60px; } }

#how-it-works {
  padding: 50px 0px 100px 0px; }
  #how-it-works .section-header {
    margin-bottom: 50px; }
    #how-it-works .section-header h1 {
      font-size: 45px;
      letter-spacing: 1px;
      text-transform: none;
      line-height: 1; }
    #how-it-works .section-header p {
      font-size: 20px;
      letter-spacing: 0.44px;
      line-height: 35px;
      margin-bottom: 0px; }
  #how-it-works .panel-box {
    margin-right: 30px;
    padding-top: 30px; }
    #how-it-works .panel-box h3 {
      text-align: center;
      font-size: 35px;
      letter-spacing: 0.78px;
      line-height: 38px;
      font-family: "IsidoraSans-Medium", sans-serif;
      margin-bottom: 30px; }
      #how-it-works .panel-box h3 span {
        font-family: "IsidoraSans-Black", serif;
        display: block;
        margin-bottom: 10px; }
    #how-it-works .panel-box ul.steps {
      margin: 0px;
      padding: 0px;
      display: block;
      margin-left: -70px;
      margin-right: -70px; }
      #how-it-works .panel-box ul.steps li {
        list-style: none; }
      #how-it-works .panel-box ul.steps li {
        padding: 15px 30px 15px 70px;
        position: relative;
        font-size: 18px;
        letter-spacing: 0.44px;
        line-height: 31px; }
        #how-it-works .panel-box ul.steps li span.no {
          font-family: "IsidoraSans-Black", serif;
          font-size: 28px;
          letter-spacing: 0.62px;
          line-height: 33px;
          color: #00E7C5;
          position: absolute;
          left: 32px;
          top: 13px; }
        #how-it-works .panel-box ul.steps li p {
          font-size: 18px;
          letter-spacing: 0.44px;
          line-height: 31px;
          margin-bottom: 0px; }
          #how-it-works .panel-box ul.steps li p strong {
            font-family: "IsidoraSans-Black", serif;
            font-size: 20px; }
        #how-it-works .panel-box ul.steps li:nth-child(odd) {
          background-color: #F7F5F5; }
    #how-it-works .panel-box a.the-button {
      width: 100%;
      margin-top: 50px; }
  #how-it-works img.the-thumb {
    width: 100%;
    margin-bottom: 32px; }
  #how-it-works p {
    font-size: 16px;
    line-height: 30px; }
  #how-it-works img.trclogo {
    width: 250px; }
  @media only screen and (max-width: 768px) {
    #how-it-works {
      padding: 50px 0px 70px 0px; }
      #how-it-works .section-header {
        margin-bottom: 50px; }
        #how-it-works .section-header h1 {
          font-size: 40px;
          margin-bottom: 30px; }
        #how-it-works .section-header p {
          font-size: 20px;
          letter-spacing: 0.44px;
          line-height: 35px;
          margin-bottom: 0px; }
      #how-it-works .panel-box {
        margin-right: 0px;
        padding: 30px; }
        #how-it-works .panel-box h3 {
          font-size: 30px;
          letter-spacing: 0px;
          line-height: 34px;
          margin-bottom: 30px; }
          #how-it-works .panel-box h3 span {
            font-size: inherit; }
        #how-it-works .panel-box ul.steps {
          margin-left: -30px;
          margin-right: -30px; }
          #how-it-works .panel-box ul.steps li {
            padding: 15px 30px 15px 50px;
            font-size: 18px;
            letter-spacing: 0px;
            line-height: 24px; }
            #how-it-works .panel-box ul.steps li span.no {
              font-size: 24px;
              letter-spacing: 0px;
              line-height: 28px;
              left: 20px;
              top: 16px; }
            #how-it-works .panel-box ul.steps li p {
              font-size: 18px;
              letter-spacing: 0.44px;
              line-height: 28px;
              margin-bottom: 0px; }
              #how-it-works .panel-box ul.steps li p strong {
                font-size: inherit;
                line-height: inherit; }
            #how-it-works .panel-box ul.steps li:nth-child(odd) {
              background-color: #F7F5F5; }
        #how-it-works .panel-box a.the-button {
          margin-top: 30px; }
      #how-it-works img.trclogo {
        width: 200px; } }
  @media only screen and (max-width: 575px) {
    #how-it-works {
      padding: 50px 0px; }
      #how-it-works .section-header {
        margin-bottom: 50px; }
        #how-it-works .section-header h1 {
          font-size: 30px;
          margin-bottom: 30px; }
        #how-it-works .section-header p {
          font-size: 16px;
          letter-spacing: 0px;
          line-height: 24px;
          margin-bottom: 0px; }
      #how-it-works .panel-box {
        padding: 30px;
        margin-bottom: 50px; }
        #how-it-works .panel-box h3 {
          font-size: 24px;
          line-height: 32px;
          margin-bottom: 30px; } }

#what-we-need-from-you {
  background: url(../img/how-it-works-bg-image.jpg) center center no-repeat;
  background-size: cover;
  padding: 100px 0px; }
  #what-we-need-from-you h4 {
    font-size: 45px;
    letter-spacing: 1px;
    line-height: 68px;
    text-transform: none;
    color: #fff;
    text-align: center;
    margin-bottom: 10px; }
  #what-we-need-from-you .panel-box {
    padding-top: 30px; }
    #what-we-need-from-you .panel-box h3 {
      text-align: center;
      font-size: 35px;
      letter-spacing: 0.78px;
      line-height: 38px;
      text-transform: none;
      font-family: "IsidoraSans-Medium", sans-serif;
      margin-bottom: 30px; }
      #what-we-need-from-you .panel-box h3 span {
        font-family: "IsidoraSans-Black", serif;
        display: block;
        margin-bottom: 10px; }
    #what-we-need-from-you .panel-box ul.steps {
      margin: 0px;
      padding: 0px;
      display: block;
      margin-left: -70px;
      margin-right: -70px; }
      #what-we-need-from-you .panel-box ul.steps li {
        list-style: none; }
      #what-we-need-from-you .panel-box ul.steps li {
        padding: 15px 30px 15px 70px;
        position: relative;
        font-size: 18px;
        letter-spacing: 0.44px;
        line-height: 31px; }
        #what-we-need-from-you .panel-box ul.steps li i.fa {
          font-size: 24px;
          color: #00E7C5;
          position: absolute;
          left: 32px;
          top: 18px; }
        #what-we-need-from-you .panel-box ul.steps li p {
          font-size: 18px;
          letter-spacing: 0.44px;
          line-height: 31px;
          margin-bottom: 0px; }
          #what-we-need-from-you .panel-box ul.steps li p strong {
            font-family: "IsidoraSans-Black", serif;
            font-size: 20px; }
        #what-we-need-from-you .panel-box ul.steps li:nth-child(odd) {
          background-color: #F7F5F5; }
    #what-we-need-from-you .panel-box h4 {
      font-size: 20px;
      letter-spacing: 0.44px;
      line-height: 35px;
      color: #000;
      margin-top: 50px; }
    #what-we-need-from-you .panel-box a.the-button {
      width: 100%; }
  @media only screen and (max-width: 768px) {
    #what-we-need-from-you {
      padding: 50px 0px 50px 0px; }
      #what-we-need-from-you h4 {
        font-size: 40px;
        letter-spacing: 0px;
        line-height: 48px;
        margin-bottom: 20px; }
      #what-we-need-from-you .panel-box {
        padding: 30px; }
        #what-we-need-from-you .panel-box h3 {
          font-size: 30px;
          letter-spacing: 0px;
          line-height: 34px;
          margin-bottom: 30px; }
          #what-we-need-from-you .panel-box h3 span {
            font-size: inherit; }
        #what-we-need-from-you .panel-box ul.steps {
          margin-left: -30px;
          margin-right: -30px; }
          #what-we-need-from-you .panel-box ul.steps li {
            padding: 15px 30px 15px 70px;
            font-size: 18px;
            letter-spacing: 0px;
            line-height: 24px; }
            #what-we-need-from-you .panel-box ul.steps li p {
              font-size: 18px;
              letter-spacing: 0.44px;
              line-height: 28px;
              margin-bottom: 0px; }
              #what-we-need-from-you .panel-box ul.steps li p strong {
                font-size: inherit;
                line-height: inherit; }
            #what-we-need-from-you .panel-box ul.steps li:nth-child(odd) {
              background-color: #F7F5F5; } }
  @media only screen and (max-width: 575px) {
    #what-we-need-from-you {
      padding: 50px 0px; }
      #what-we-need-from-you h4 {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 30px; }
      #what-we-need-from-you .panel-box {
        padding: 30px;
        margin-bottom: 50px; }
        #what-we-need-from-you .panel-box h3 {
          font-size: 24px;
          line-height: 32px;
          margin-bottom: 30px; }
        #what-we-need-from-you .panel-box ul.steps {
          margin-left: -30px;
          margin-right: -30px; }
          #what-we-need-from-you .panel-box ul.steps li {
            padding: 15px 30px 15px 50px;
            font-size: 18px;
            letter-spacing: 0px;
            line-height: 24px; }
            #what-we-need-from-you .panel-box ul.steps li i.fa {
              left: 15px; } }

#pricing {
  padding: 50px 0px 80px 0px; }
  #pricing .section-heading {
    margin-bottom: 50px; }
    #pricing .section-heading h1 {
      font-size: 45px;
      letter-spacing: 1px;
      line-height: 1;
      text-transform: none; }
    #pricing .section-heading p {
      font-size: 20px;
      line-height: 35px;
      margin-bottom: 0px; }
  #pricing .panel-box {
    padding: 38px 38px 0px 38px; }
    #pricing .panel-box .monthly-price {
      border: 5px solid #F0F0F0;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      border-radius: 10px;
      background-clip: padding-box;
      padding: 25px 32px;
      margin-bottom: 43px; }
      #pricing .panel-box .monthly-price h4 {
        font-size: 28px;
        letter-spacing: 0.62px;
        line-height: 28px;
        text-transform: none;
        color: #00E7C5;
        text-align: center;
        margin-bottom: 30px; }
      #pricing .panel-box .monthly-price .number {
        font-family: "IsidoraSans-Black", serif;
        font-size: 60px;
        letter-spacing: 1.33px;
        line-height: 60px;
        text-align: center;
        margin-bottom: 5px; }
      #pricing .panel-box .monthly-price .below-number {
        font-size: 20px;
        letter-spacing: 0.44px;
        color: #9B9B9B;
        text-align: center; }
      #pricing .panel-box .monthly-price p {
        font-size: 15px;
        letter-spacing: 0.33px;
        line-height: 20px;
        text-align: left;
        margin-bottom: 0px;
        padding: 0px; }
    #pricing .panel-box p {
      font-size: 18px;
      letter-spacing: 0.4px;
      line-height: 25px;
      text-align: center;
      padding: 0px 40px;
      margin-bottom: 48px; }
    #pricing .panel-box .the-button {
      width: 100%;
      margin-bottom: 50px; }
    #pricing .panel-box ul.the-list {
      margin: 0px;
      padding: 0px;
      display: block;
      margin-left: -38px;
      margin-right: -38px; }
      #pricing .panel-box ul.the-list li {
        list-style: none; }
      #pricing .panel-box ul.the-list li {
        padding: 20px 30px 20px 90px;
        position: relative;
        font-size: 16px;
        letter-spacing: 0.4px;
        font-family: "IsidoraSans-Black", serif; }
        #pricing .panel-box ul.the-list li i.fa {
          position: absolute;
          left: 38px;
          top: 20px;
          font-size: 26px;
          color: #00E7C5; }
        #pricing .panel-box ul.the-list li:nth-child(odd) {
          background-color: #F7F5F5; }
    #pricing .panel-box a.download-pricelist {
      display: inline-block;
      position: relative;
      text-decoration: none;
      font-size: 18px;
      line-height: 1;
      letter-spacing: 0.4px;
      font-family: "IsidoraSans-Black", serif;
      text-transform: uppercase;
      padding-left: 50px;
      padding-top: 10px;
      margin-top: 50px; }
      #pricing .panel-box a.download-pricelist i.fa {
        font-size: 42px;
        position: absolute;
        left: 0px;
        top: 5px; }
      #pricing .panel-box a.download-pricelist:hover {
        color: #00E7C5; }
    #pricing .panel-box .panel-box.addons-panel {
      padding: 20px 38px 0px 38px;
      border-color: #D7D7D8; }
      #pricing .panel-box .panel-box.addons-panel h4 {
        text-align: center;
        font-size: 60px;
        letter-spacing: 1.33px;
        line-height: 60px;
        text-transform: none; }
      #pricing .panel-box .panel-box.addons-panel .below-number {
        text-align: center;
        font-size: 20px;
        letter-spacing: 0.44px;
        color: #9B9B9B;
        margin-bottom: 20px; }
      #pricing .panel-box .panel-box.addons-panel ul.features-list {
        margin: 0px;
        padding: 0px;
        display: block;
        margin-left: -38px;
        margin-right: -38px; }
        #pricing .panel-box .panel-box.addons-panel ul.features-list li {
          list-style: none; }
        #pricing .panel-box .panel-box.addons-panel ul.features-list > li {
          padding: 12px 30px;
          position: relative;
          /* font-size: 16px; letter-spacing: 0.4px; font-family: $font2; */ }
          #pricing .panel-box .panel-box.addons-panel ul.features-list > li .the-title {
            font-family: "IsidoraSans-Black", serif;
            font-size: 16px;
            letter-spacing: 0.36px;
            line-height: 19px;
            text-transform: uppercase;
            margin-bottom: 2px; }
          #pricing .panel-box .panel-box.addons-panel ul.features-list > li .the-price {
            font-family: "IsidoraSans-Medium", sans-serif;
            font-size: 16px;
            letter-spacing: 0.36px;
            line-height: 19px;
            text-transform: uppercase;
            font-weight: bold;
            color: #9B9B9B;
            position: absolute;
            right: 30px;
            top: 15px; }
          #pricing .panel-box .panel-box.addons-panel ul.features-list > li p {
            font-size: 16px;
            letter-spacing: 0.36px;
            line-height: 19px;
            margin-bottom: 5px;
            padding: 0px !important;
            text-align: left; }
          #pricing .panel-box .panel-box.addons-panel ul.features-list > li input[type="checkbox"] {
            position: absolute;
            opacity: 0; }
            #pricing .panel-box .panel-box.addons-panel ul.features-list > li input[type="checkbox"] + label {
              position: relative;
              /* border:1px solid red; */
              padding-left: 50px;
              cursor: pointer;
              font-size: 16px;
              letter-spacing: 0.36px;
              line-height: 19px; }
              #pricing .panel-box .panel-box.addons-panel ul.features-list > li input[type="checkbox"] + label::before {
                content: '';
                display: block;
                width: 30px;
                height: 30px;
                background: url(../img/svgs/circle.svg) left center no-repeat;
                position: absolute;
                left: 0px;
                top: 0px; }
            #pricing .panel-box .panel-box.addons-panel ul.features-list > li input[type="checkbox"]:hover + label::before {
              background: url(../img/svgs/circle-green.svg) left center no-repeat; }
            #pricing .panel-box .panel-box.addons-panel ul.features-list > li input[type="checkbox"]:checked + label::before {
              background: url(../img/svgs/tick-circle.svg) left center no-repeat; }
          #pricing .panel-box .panel-box.addons-panel ul.features-list > li label {
            position: relative;
            cursor: pointer;
            padding-left: 50px;
            padding-right: 50px;
            font-size: 16px;
            letter-spacing: 0.36px;
            line-height: 18px;
            font-family: inherit;
            width: 100%; }
            #pricing .panel-box .panel-box.addons-panel ul.features-list > li label.nobold {
              font-family: "IsidoraSans-Medium", sans-serif; }
            #pricing .panel-box .panel-box.addons-panel ul.features-list > li label input[type="radio"] {
              position: absolute;
              opacity: 0; }
            #pricing .panel-box .panel-box.addons-panel ul.features-list > li label span.custom-radio {
              display: block;
              width: 30px;
              height: 30px;
              background: url(../img/svgs/circle.svg) left center no-repeat;
              position: absolute;
              left: 0px;
              top: -3px; }
            #pricing .panel-box .panel-box.addons-panel ul.features-list > li label:hover span.custom-radio {
              background: url(../img/svgs/circle-green.svg) left center no-repeat; }
            #pricing .panel-box .panel-box.addons-panel ul.features-list > li label input[type="radio"]:checked + span.custom-radio {
              background: url(../img/svgs/tick-circle.svg) left center no-repeat; }
          #pricing .panel-box .panel-box.addons-panel ul.features-list > li ul {
            padding-left: 0px; }
            #pricing .panel-box .panel-box.addons-panel ul.features-list > li ul li {
              position: relative;
              /* border:1px solid red; */
              font-family: "IsidoraSans-Black", serif;
              margin-bottom: 6px; }
              #pricing .panel-box .panel-box.addons-panel ul.features-list > li ul li .the-price {
                top: 3px;
                right: 0px; }
              #pricing .panel-box .panel-box.addons-panel ul.features-list > li ul li:last-child {
                margin-bottom: 0px; }
          #pricing .panel-box .panel-box.addons-panel ul.features-list > li:nth-child(odd) {
            background-color: #F7F5F5; }
    #pricing .panel-box .pricing-total {
      background-color: #000;
      padding: 40px 0px 50px 0px;
      margin-left: -38px;
      margin-right: -38px; }
      #pricing .panel-box .pricing-total .the-total {
        font-family: "IsidoraSans-Black", serif;
        font-size: 45px;
        letter-spacing: 1px;
        line-height: 68px;
        color: #fff; }
      #pricing .panel-box .pricing-total .below-total {
        font-size: 20px;
        letter-spacing: 0.44px;
        line-height: 25px;
        color: #fff;
        margin-bottom: 30px; }
        #pricing .panel-box .pricing-total .below-total strong {
          font-family: "IsidoraSans-Black", serif;
          color: inherit; }
      #pricing .panel-box .pricing-total .the-button {
        width: 100%;
        margin-bottom: 0px; }
        #pricing .panel-box .pricing-total .the-button:hover {
          background-color: #00b49a; }
  @media only screen and (max-width: 1024px) {
    #pricing .panel-box .monthly-price .number {
      font-size: 40px;
      letter-spacing: 0px;
      line-height: 40px; } }
  @media only screen and (max-width: 768px) {
    #pricing {
      padding: 50px 0px; }
      #pricing .section-heading {
        margin-bottom: 40px; }
        #pricing .section-heading h1 {
          font-size: 40px;
          letter-spacing: 0px; }
        #pricing .section-heading p {
          font-size: 18px;
          line-height: 24px; }
      #pricing .panel-box .the-button {
        max-width: 300px; }
      #pricing .panel-box .panel-box.addons-panel {
        margin-top: 40px; }
      #pricing .panel-box .panel-box.addons-panel h4 {
        font-size: 40px;
        letter-spacing: 0px;
        line-height: 40px; }
      #pricing .panel-box .pricing-total .the-total {
        font-size: 40px;
        letter-spacing: 0px;
        line-height: 40px; } }
  @media only screen and (max-width: 575px) {
    #pricing .section-heading {
      margin-bottom: 40px; }
      #pricing .section-heading h1 {
        font-size: 30px;
        letter-spacing: 0px; }
      #pricing .section-heading p {
        font-size: 16px;
        line-height: 22px; }
    #pricing .panel-box {
      padding: 20px; }
    #pricing .panel-box p {
      padding: 0px; }
    #pricing .panel-box ul.the-list {
      margin-left: -20px;
      margin-right: -20px; }
    #pricing .panel-box ul.the-list li {
      padding: 20px 20px 20px 50px;
      position: relative;
      font-size: 16px;
      letter-spacing: 0.4px;
      font-family: "IsidoraSans-Black", serif; }
    #pricing .panel-box ul.the-list li i.fa {
      left: 10px; }
    #pricing .panel-box .panel-box.addons-panel {
      margin-left: -20px;
      margin-right: -20px; }
    #pricing .panel-box .panel-box.addons-panel ul.features-list > li {
      padding: 12px 20px; }
    #pricing .panel-box .panel-box.addons-panel ul.features-list > li input[type="checkbox"] + label,
    #pricing .panel-box .panel-box.addons-panel ul.features-list > li label {
      padding-left: 40px;
      font-size: 14px;
      letter-spacing: 0px;
      line-height: 18px;
      margin-top: 10px; }
    #pricing .panel-box .panel-box.addons-panel ul.features-list > li .the-price {
      right: 10px; }
    #pricing .panel-box .pricing-total {
      padding: 30px 15px;
      margin-left: -20px;
      margin-right: -20px; }
    #pricing .panel-box .panel-box.addons-panel h4 {
      font-size: 30px;
      letter-spacing: 0px;
      line-height: 30px; }
    #pricing .panel-box .pricing-total .the-total {
      font-size: 30px;
      letter-spacing: 0px;
      line-height: 30px; } }

#footer {
  padding: 110px 0px 40px 0px;
  background-color: #282f32;
  position: relative; }
  #footer * {
    color: #fff; }
  #footer a.logo {
    display: block;
    text-decoration: none;
    margin-bottom: 30px; }
  #footer ul.legal-links {
    margin: 0px;
    padding: 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-bottom: 15px; }
    #footer ul.legal-links li {
      list-style: none; }
    #footer ul.legal-links li {
      font-size: 11px;
      color: #fff; }
      #footer ul.legal-links li a {
        font-size: 11px;
        color: #fff; }
      #footer ul.legal-links li.sep {
        padding: 0px 10px; }
  #footer .the-widget h4 {
    font-size: 17px;
    margin-bottom: 20px; }
  #footer .the-widget p {
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 10px; }
  #footer .the-widget ul {
    margin: 0px;
    padding-left: 20px; }
    #footer .the-widget ul li {
      font-size: 14px;
      line-height: 26px; }
      #footer .the-widget ul li a {
        font-size: 14px;
        line-height: 26px; }
  #footer ul.socialmedia-menu {
    margin: 0px;
    padding: 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-top: 30px; }
    #footer ul.socialmedia-menu li {
      list-style: none; }
    #footer ul.socialmedia-menu li {
      margin-right: 30px; }
      #footer ul.socialmedia-menu li a {
        font-size: 18px;
        text-decoration: none; }
        #footer ul.socialmedia-menu li a:hover {
          opacity: .7; }
      #footer ul.socialmedia-menu li:last-child {
        margin-right: 0px; }
  #footer .copyright {
    padding-top: 58px;
    font-size: 11px;
    color: #fff; }
    #footer .copyright a.footer-trc-logo {
      display: block;
      float: right;
      margin-top: -10px; }
  @media only screen and (max-width: 1024px) {
    #footer {
      padding-top: 80px; } }
  @media only screen and (max-width: 768px) {
    #footer a.logo {
      display: none; }
    #footer .copyright a.footer-trc-logo {
      float: none;
      margin-top: 20px; }
    #footer .the-widget h4 {
      font-size: 16px;
      margin-bottom: 10px; }
    #footer .the-widget p,
    #footer .the-widget ul li a {
      font-size: 16px;
      line-height: 24px; } }
  @media only screen and (max-width: 575px) {
    #footer {
      padding-top: 30px; }
      #footer .the-widget {
        margin-bottom: 30px; }
      #footer ul.socialmedia-menu {
        margin-bottom: 30px; }
      #footer .copyright {
        padding-top: 20px; } }

/*# sourceMappingURL=app.css.map */