* {
  outline: none!important;
}
img {
  max-width: 100%;
  height: auto;
}
@font-face {
  font-family: 'Brandon Text';
  src: url('../fonts/BrandonText-Regular.woff2') format('woff2'), url('../fonts/BrandonText-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Brandon Text Black';
  src: url('../fonts/BrandonText-Black.woff2') format('woff2'), url('../fonts/BrandonText-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Brandon Grotesque Medium';
  src: url('../fonts/BrandonGrotesque-Medium.woff2') format('woff2'), url('../fonts/BrandonGrotesque-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Brandon Text Medium';
  src: url('../fonts/BrandonText-Medium.woff2') format('woff2'), url('../fonts/BrandonText-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Brandon Grotesque Regular Italic';
  src: url('../fonts/BrandonGrotesque-RegularItalic.woff2') format('woff2'), url('../fonts/BrandonGrotesque-RegularItalic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: 'Brandon Grotesque Black';
  src: url('../fonts/BrandonGrotesque-Black.woff2') format('woff2'), url('../fonts/BrandonGrotesque-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Brandon Grotesque Light Italic';
  src: url('../fonts/BrandonGrotesque-LightItalic.woff2') format('woff2'), url('../fonts/BrandonGrotesque-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: 'Brandon Text Medium Italic';
  src: url('../fonts/BrandonText-MediumItalic.woff2') format('woff2'), url('../fonts/BrandonText-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: 'Brandon Text Light Italic';
  src: url('../fonts/BrandonText-LightItalic.woff2') format('woff2'), url('../fonts/BrandonText-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: block;
}
@font-face {
  font-family: 'Brandon Text Bold';
  src: url('../fonts/BrandonText-Bold.woff2') format('woff2'), url('../fonts/BrandonText-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Brandon Text Light';
  src: url('../fonts/BrandonText-Light.woff2') format('woff2'), url('../fonts/BrandonText-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'FreightBig Pro Light';
  src: url('../fonts/FreightBigProLight-Regular.woff2') format('woff2'), url('../fonts/FreightBigProLight-Regular.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'FreightBig Pro Semibold';
  src: url('../fonts/FreightBigProSemibold-Regular.woff2') format('woff2'), url('../fonts/FreightBigProSemibold-Regular.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: block;
}
h1,
.h1 {
  font-size: 5.625rem;
  letter-spacing: -1px;
  line-height: 5.625rem;
  font-family: 'Brandon Text Black';
}
@media (min-width: 1200px) {
  h1,
  .h1 {
    font-size: 7.5rem;
    line-height: 7.5rem;
  }
}
h2,
.h2 {
  font-size: 3.75rem;
  text-transform: uppercase;
  font-family: 'Brandon Grotesque Black';
  line-height: 3.75rem;
  letter-spacing: 1.25rem;
}
@media (min-width: 1200px) {
  h2,
  .h2 {
    font-size: 6.25rem;
    line-height: 7.5rem;
  }
}
h3 {
  font-size: 1.1875rem;
  color: #1E1E1E;
  text-transform: uppercase;
}
h4 {
  font-size: 1.25rem;
}
h5 {
  font-size: 1.5625rem;
}
h6 {
  font-size: 0.875rem;
}
.font-fr h2,
.font-fr .h2 {
  font-size: 5rem;
  letter-spacing: -0.0625rem;
  line-height: 5rem;
  text-transform: none;
  font-family: 'FreightBig Pro Light';
}
@media (min-width: 1100px) {
  .font-fr h2,
  .font-fr .h2 {
    font-size: 7.5rem;
    line-height: 7.5rem;
  }
}
.font-fr h2 b,
.font-fr .h2 b {
  font-family: 'FreightBig Pro Semibold';
}
.top-menu {
  width: 100%;
  position: absolute;
  z-index: 900;
  left: 0;
  top: 0;
  padding: 1.875rem 0;
}
.top-menu .navbar-brand {
  font-family: 'Brandon Grotesque Black';
  color: inherit;
  font-size: 1.125rem;
  line-height: 2.1875rem;
  letter-spacing: 0.21875rem;
}
.top-menu .navbar-brand img {
  margin-right: 4.375rem;
  float: left;
  width: 1.3125rem;
}
.top-menu .navbar {
  width: 100%;
  padding: 0 0.9375rem 0 3.125rem;
}
.top-menu .nav-link {
  text-align: center;
  font-family: 'Brandon Text Medium';
  font-size: 1.125rem;
  letter-spacing: -0.016875rem;
  padding: 0.9375rem 2.125rem !important;
  /*padding: 15/@rem 19/@rem 15/@rem 20/@rem!important;*/
  color: inherit;
  /*        @media (min-width: 1400px) {
            padding: 15/@rem 33.55/@rem!important;
        }*/
}
@media (min-width: 1290px) {
  .top-menu .nav-link {
    padding: 0.9375rem 2.125rem !important;
  }
}
.top-menu .nav-link.last-link {
  padding: 0.9375rem 0.625rem 0.9375rem 2.125rem !important;
  /*@media (min-width: 1200px) {*/
  /*margin-left: 15/@rem;*/
  /*}*/
  /*@media (min-width: 1500px) {*/
  /*margin-left: 21/@rem;*/
  /*}*/
}
.top-menu .nav-link.last-link img {
  min-width: 1.25rem;
}
.navbar-toggler,
.navbar-toggler-mobile {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  border-radius: 0.25rem;
  background: none;
  border: none;
  margin-right: 1.125rem;
  min-width: 3.125rem;
  min-height: 2.5rem;
}
.navbar-toggler span,
.navbar-toggler-mobile span {
  width: 100%;
  float: left;
  height: 0.25rem;
  margin: 0.125rem 0 0.1875rem;
  background-color: #000;
}
@media (max-width: 767px) {
  .navbar-toggler {
    display: none!important;
  }
}
@media (min-width: 767px) {
  .navbar-toggler-mobile {
    display: none!important;
  }
}
.side-social-menu {
  position: absolute;
  right: 0;
  top: 50%;
  z-index: 900;
  margin-top: -8.9375rem;
}
.side-social-menu .nav-link {
  width: 7.5rem;
  text-align: center;
  font-family: 'Brandon Text Medium';
  font-size: 1.125rem;
  letter-spacing: -0.016875rem;
  padding: 0.9375rem 1.1875rem 0.9375rem 1.25rem !important;
  color: inherit;
}
@media (min-width: 1400px) {
  .side-social-menu .nav-link {
    padding: 0.9375rem 2.096875rem !important;
  }
}
@media (min-width: 1490px) {
  .side-social-menu .nav-link {
    padding: 0.9375rem 2.125rem !important;
  }
}
.scroll-down-box {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 900;
  width: 7.5rem;
  height: 6.875rem;
  text-align: center;
}
.scroll-down-box .scroll-down {
  transform: rotate(180deg);
  text-align: center;
  font-family: 'Brandon Text Medium';
  font-size: 1.625rem;
  letter-spacing: -0.016875rem;
  padding: 0.9375rem 1.1875rem 0.9375rem 1.25rem !important;
  color: inherit;
}
.btn {
  display: inline-block;
  outline: none!important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
  text-transform: uppercase;
}
.btn.btn-black {
  border-radius: 2.8125rem;
  -moz-border-radius: 2.8125rem;
  -webkit-border-radius: 2.8125rem;
  min-width: 20rem;
  min-height: 5rem;
  line-height: 5rem;
  padding: 0 1.5625rem;
  font-size: 1.125rem;
  font-family: 'Brandon Grotesque Medium';
  color: #fff;
  background: #000;
  border: 1px solid #000;
  letter-spacing: 0.3125rem;
}
.btn.btn-black.btn-small {
  min-width: 15rem;
}
.btn.btn-line {
  border-radius: 1.875rem;
  -moz-border-radius: 1.875rem;
  -webkit-border-radius: 1.875rem;
  min-width: 13.75rem;
  min-height: 3.75rem;
  line-height: 3.75rem;
  padding: 0 1.5625rem;
  font-size: 0.75rem;
  font-family: 'Brandon Grotesque Medium';
  font-style: normal!important;
  color: #fff;
  background: #000;
  border: 1px solid rgba(255, 255, 255, 0.15);
  letter-spacing: 0.1875rem;
}
.btn.btn-done {
  border-radius: 1.0625rem;
  -moz-border-radius: 1.0625rem;
  -webkit-border-radius: 1.0625rem;
  min-width: 8.125rem;
  min-height: 1.875rem;
  line-height: 1.875rem;
  padding: 0 1.5625rem;
  font-size: 0.75rem;
  font-family: 'Brandon Text Black';
  color: #fff;
  background: #000;
  border: 1px solid #404040;
  letter-spacing: 0.3125rem;
  margin-top: 0.9375rem;
}
.btn.btn-play {
  text-decoration: underline;
  padding: 0.625rem 0;
  font-family: 'Brandon Grotesque Black';
  font-size: 0.75rem;
  letter-spacing: 0.125rem;
}
.btn.btn-play img {
  float: left;
  margin: 0.0625rem 0.625rem 0 0;
}
.btn.btn-total,
.btn.btn-gradient {
  transition: all 0s ease 0s;
  -webkit-transition: all 0s ease 0s;
  position: relative;
  max-width: 18.75rem;
  cursor: pointer;
  width: 100%;
  float: left;
  line-height: 3.75rem;
  border: 0.125rem solid transparent;
  background-color: #000;
  border-radius: 2rem;
  -moz-border-radius: 2rem;
  -webkit-border-radius: 2rem;
  text-align: left;
  text-transform: uppercase;
  font-family: 'Brandon Text Black';
  font-size: 1rem;
  letter-spacing: 0.25rem;
  margin: 0;
  color: #fff;
  padding: 0!important;
}
.btn.btn-total div,
.btn.btn-gradient div {
  padding: 0 1.5625rem 0 1.25rem;
  position: relative;
  z-index: 2;
  width: 100%;
  height: 3.75rem;
  background-color: #000;
  border-radius: 2rem;
  -moz-border-radius: 2rem;
  -webkit-border-radius: 2rem;
  background-image: url(../img/icons/angle.png);
  background-position: right 0.9375rem center;
  background-repeat: no-repeat;
}
.btn.btn-total:after,
.btn.btn-gradient:after {
  position: absolute;
  /*            width: calc(~"100% + 0.30rem");
            height: calc(~"100% + 0.30rem");*/
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  z-index: 0;
  left: -2px;
  top: -2px;
  background: #fd579b;
  background: -moz-linear-gradient(left, #fd579b 0%, #ffa968 100%);
  background: -webkit-linear-gradient(left, #fd579b 0%, #ffa968 100%);
  background: linear-gradient(to right, #fd579b 0%, #ffa968 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd579b', endColorstr='#ffa968', GradientType=1);
  border-radius: 2rem;
  -moz-border-radius: 2rem;
  -webkit-border-radius: 2rem;
  content: '';
}
.btn.btn-gradient {
  background-color: #fff;
}
.btn.btn-gradient div {
  background-color: #fff;
  color: #000;
  background-image: none;
  text-align: center;
  letter-spacing: 0.125rem;
}
.btn.btn-download {
  transition: all 0s ease 0s;
  -webkit-transition: all 0s ease 0s;
  position: relative;
  max-width: 18.75rem;
  cursor: pointer;
  width: 100%;
  line-height: 3.75rem;
  border: 0.125rem solid transparent;
  background-color: #000;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Brandon Text Black';
  font-size: 1rem;
  letter-spacing: 0.25rem;
  margin: 0 0 1.875rem 0 !important;
  color: #fff;
  letter-spacing: 0.125rem;
  padding: 0!important;
}
@media (min-width: 767px) {
  .btn.btn-download {
    margin: 0 8.6875rem 0 0 !important;
  }
}
@media (min-width: 1600px) {
  .btn.btn-download {
    margin: 0 8.9375rem 0 0 !important;
  }
}
.btn.btn-download img {
  margin-right: 0.9375rem;
  width: 1.625rem;
}
.btn.btn-download.get-me-out {
  opacity: 0;
  pointer-events: none;
}
.btn.btn-download-double {
  transition: all 0s ease 0s;
  -webkit-transition: all 0s ease 0s;
  margin: 0 0.625rem !important;
  position: relative;
  min-width: 15rem;
  cursor: pointer;
  width: 100%;
  line-height: 1rem;
  border: 0.125rem solid transparent;
  background-color: #000;
  background-image: url(../img/icons/l18.png);
  background-size: 1.625rem auto;
  background-position: left 0.75rem center;
  background-repeat: no-repeat;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  text-align: left;
  text-transform: uppercase;
  font-family: 'Brandon Text Black';
  font-size: 1rem;
  letter-spacing: 0.25rem;
  color: #fff;
  letter-spacing: 0.125rem;
  padding: 0.875rem 0 0.875rem 3.125rem !important;
}
.btn.disabled {
  pointer-events: none!important;
}
.close-box {
  min-width: 1.875rem;
  opacity: 0.7;
  margin-right: 0.625rem;
}
html {
  font-size: 16px;
  /*    @media(min-width: 1950px) {
            font-size: 18px;
        }*/
  /*    @media(min-width: 2100px) {
            font-size: 16px;
        }*/
}
img {
  image-rendering: -webkit-optimize-contrast;
}
body {
  font-size: 1.125rem;
  color: #000;
  font-family: 'Brandon Text', 'Arial', 'Helvetica';
}
body.modal-open .page-grid {
  width: calc(100% - 16.0625rem);
}
body.modal-open .top-menu {
  width: calc(100% - 1rem);
}
body.modal-open .side-social-menu,
body.modal-open .scroll-down-box {
  right: 1rem;
}
.page-holder {
  overflow: hidden!important;
}
.page-grid {
  width: calc(100% - 15rem);
  left: 7.5rem;
  position: fixed;
  pointer-events: none;
  height: 100%;
  background-position: top center;
  background-repeat: repeat-y;
  z-index: 10;
}
.page-grid .line {
  position: absolute;
  /*left: 0;*/
  top: 0;
  height: 100%;
  width: 0.125rem;
  /*margin-left: -1/@rem;*/
  border-left: 0.0625rem solid rgba(0, 0, 0, 0.15);
}
.page-grid .line-1 {
  left: -0.0625rem;
}
.page-grid .line-2 {
  left: calc(14.285% * 1);
}
.page-grid .line-3 {
  left: calc(14.285% * 2);
}
.page-grid .line-4 {
  left: calc(14.285% * 3);
}
.page-grid .line-5 {
  left: calc(14.285% * 4);
}
.page-grid .line-6 {
  left: calc(14.285% * 5);
}
.page-grid .line-7 {
  left: calc(14.285% * 6);
}
.page-grid .line-8 {
  left: calc(14.285% * 7);
}
.page-grid-tablet {
  width: calc(100% - 15rem);
  left: 7.5rem;
  position: fixed;
  pointer-events: none;
  height: 100%;
  background-position: top center;
  background-repeat: repeat-y;
  z-index: 10;
}
.page-grid-tablet .line {
  position: absolute;
  top: 0;
  height: 100%;
  width: 0.125rem;
  border-left: 0.0625rem solid rgba(0, 0, 0, 0.15);
}
.page-grid-tablet .line-1 {
  left: -0.0625rem;
}
.page-grid-tablet .line-2 {
  left: calc(20% * 1);
}
.page-grid-tablet .line-3 {
  left: calc(20% * 2);
}
.page-grid-tablet .line-4 {
  left: calc(20% * 3);
}
.page-grid-tablet .line-5 {
  left: calc(20% * 4);
}
.page-grid-tablet .line-6 {
  left: calc(20% * 5);
}
.page-grid-mobile {
  width: calc(100% - 15rem);
  left: 7.5rem;
  position: fixed;
  pointer-events: none;
  height: 100%;
  background-position: top center;
  background-repeat: repeat-y;
  z-index: 10;
}
.page-grid-mobile .line {
  position: absolute;
  top: 0;
  height: 100%;
  width: 0.125rem;
  border-left: 0.0625rem solid rgba(0, 0, 0, 0.15);
}
.page-grid-mobile .line-1 {
  left: -0.0625rem;
}
.page-grid-mobile .line-2 {
  left: calc(33.333% * 1);
}
.page-grid-mobile .line-3 {
  left: calc(33.333% * 2);
}
.page-grid-mobile .line-4 {
  left: calc(33.333% * 3);
}
.container-5 .container {
  max-width: calc(100% - 15rem + 1.875rem);
}
@media (min-width: 767px) {
  .container-5 .container {
    max-width: calc(100% - 15rem + 1.875rem);
  }
}
@media (min-width: 990px) {
  .container {
    max-width: 91.875rem;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 91.875rem;
  }
  .container-5 .container {
    max-width: calc(((100% - 15rem) / 7) * 5 + 1.875rem);
  }
}
@media (min-width: 1470px) {
  .container {
    max-width: 91.875rem;
  }
}
@media (min-width: 1710px) {
  .container {
    max-width: 105rem;
  }
}
@media (min-width: 1930px) {
  .container-5 .container {
    max-width: calc(((100% - 15rem) / 7) * 5 + 1.175rem);
  }
}
.container,
.container-fluid {
  margin: 0 auto;
  display: block;
  position: relative;
  z-index: 20;
}
.container p,
.container-fluid p {
  font-size: 1.3125rem;
  font-family: 'Brandon Text Light Italic';
}
.container p b,
.container-fluid p b {
  font-family: 'Brandon Text Medium Italic';
}
section {
  position: relative;
  width: 100%;
  float: left;
  padding: 6.25rem 0;
}
section.go-top-section {
  margin-top: -7.5rem;
}
@media (min-width: 1730px) {
  section.go-top-section {
    margin-top: -13.75rem;
  }
}
.h-section .section-bg.size-3,
.about-hero .section-bg.size-3,
.b-section .section-bg.size-3,
.c-section .section-bg.size-3,
.bb-section .section-bg.size-3,
.review-hero .section-bg.size-3,
.cat-section .section-bg.size-3 {
  width: calc(100% - 15rem);
}
@media (min-width: 767px) {
  .h-section .section-bg.size-3,
  .about-hero .section-bg.size-3,
  .b-section .section-bg.size-3,
  .c-section .section-bg.size-3,
  .bb-section .section-bg.size-3,
  .review-hero .section-bg.size-3,
  .cat-section .section-bg.size-3 {
    width: calc(((100% - 15rem) / 5) * 3);
  }
}
@media (min-width: 1200px) {
  .h-section .section-bg.size-3,
  .about-hero .section-bg.size-3,
  .b-section .section-bg.size-3,
  .c-section .section-bg.size-3,
  .bb-section .section-bg.size-3,
  .review-hero .section-bg.size-3,
  .cat-section .section-bg.size-3 {
    width: calc(((100% - 15rem) / 7) * 3);
  }
}
.section-bg {
  padding-bottom: 56.25%;
  /* 16:9 */
  position: absolute;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  min-height: 50rem;
}
@media (min-width: 767px) {
  .section-bg {
    min-height: 75rem;
  }
}
.section-bg.behind-lines {
  z-index: 5!important;
}
.section-bg.size-3 {
  width: calc(100% - 14.6rem);
}
@media (min-width: 767px) {
  .section-bg.size-3 {
    width: calc(((100% - 15rem) / 5) * 3);
  }
}
@media (min-width: 1200px) {
  .section-bg.size-3 {
    width: calc(((100% - 15rem) / 7) * 3);
  }
}
.section-bg.size-4 {
  width: calc(((100% - 15rem) / 7) * 4);
}
.section-bg.size-5 {
  width: calc((100% - 15rem));
}
@media (min-width: 1200px) {
  .section-bg.size-5 {
    width: calc(((100% - 15rem) / 7) * 5);
  }
}
.section-bg.footer-size {
  bottom: 0;
  left: 7.5rem !important;
  width: calc(100% - 15rem) !important;
  padding-bottom: 0!important;
  height: 18.75rem;
}
@media (min-width: 767px) {
  .section-bg.footer-size {
    width: calc(((100% - 15rem) / 5) * 3) !important;
    left: calc(((100% - 15rem) / 5) * 1  + 7.5rem) !important;
    height: 30rem;
  }
}
@media (min-width: 1200px) {
  .section-bg.footer-size {
    left: calc(((100% - 15rem) / 7) * 1  + 7.5rem) !important;
    width: calc(((100% - 15rem) / 7) * 3) !important;
  }
}
.section-bg.position-center.size-3 {
  margin-left: 7.5rem;
}
@media (min-width: 767px) {
  .section-bg.position-center.size-3 {
    left: 50%;
    margin-left: calc((((100% - 15rem) / 5) * 3) / 2 * -1);
  }
}
@media (min-width: 1200px) {
  .section-bg.position-center.size-3 {
    left: 50%;
    margin-left: calc((((100% - 15rem) / 7) * 3) / 2 * -1);
  }
}
.section-bg.position-center.size-4 {
  left: 50%;
  margin-left: calc((((100% - 15rem) / 7) * 4) / 2 * -1);
}
.section-bg.position-1.size-3 {
  left: 7.5rem;
}
@media (min-width: 767px) {
  .section-bg.position-1.size-3 {
    left: calc(((100% - 15rem) / 5) + 7.5rem);
  }
}
@media (min-width: 1200px) {
  .section-bg.position-1.size-3 {
    left: calc(((100% - 15rem) / 7) + 7.5rem);
  }
}
.section-bg.position-1.footer-size {
  left: 7.5rem;
}
.section-bg.position-1.size-4 {
  left: 50%;
  margin-left: calc((((100% - 15rem) / 7) * 4) / 2 * -1);
}
.section-bg.position-2.size-5 {
  right: 7.5rem;
}
.section-bg.position-3.size-3 {
  left: 7.5rem;
}
@media (min-width: 767px) {
  .section-bg.position-3.size-3 {
    left: calc(((100% - 15rem) / 5) * 2 + 7.5rem);
  }
}
@media (min-width: 1200px) {
  .section-bg.position-3.size-3 {
    left: calc(((100% - 15rem) / 7) * 3 + 7.5rem);
  }
}
.section-bg.position-3.size-4 {
  left: 50%;
  margin-left: calc((((100% - 15rem) / 7) * 4) / 2 * -1);
}
.section-bg .review-badge {
  max-width: 17.75rem;
  position: absolute;
  bottom: 5rem;
  left: 50%;
  margin-left: -8.875rem;
  z-index: 1;
}
.hero {
  padding-top: 29.0625rem;
  background-repeat: no-repeat;
  /*background-position: top 120/@rem center;*/
}
.hero .btn {
  margin-top: 1.625rem;
}
.hero .section-bg {
  top: 7.5rem;
  z-index: 15;
}
.hero.about-hero,
.hero.review-hero {
  padding-bottom: 3.125rem;
  padding-top: 21.5rem;
}
@media (min-width: 990px) {
  .hero.about-hero,
  .hero.review-hero {
    padding-bottom: 37.1875rem;
  }
}
.hero.about-hero .clutch-holder,
.hero.review-hero .clutch-holder {
  margin-top: 2.5rem;
}
.hero.inner-hero {
  padding-top: 21.875rem;
}
.hero.review-hero {
  padding-top: 26.5rem;
}
.big-p p {
  font-size: 2.625rem;
  letter-spacing: -0.0625rem;
  margin-top: 4.5625rem;
}
.d-section h1 {
  margin-top: 4.375rem;
}
.b-section {
  padding-top: 34.375rem;
  margin-top: 0;
}
@media (min-width: 990px) {
  .b-section {
    padding-top: 48.625rem;
  }
}
.b-section .section-bg {
  top: 14.5rem;
}
.h-section {
  padding-top: 31.25rem;
  margin-top: 0;
}
@media (min-width: 990px) {
  .h-section {
    padding-top: 41.75rem;
  }
}
.h-section .section-bg {
  top: 14.5rem;
}
.h-section.process-section .section-bg {
  top: 0;
}
@media (min-width: 990px) {
  .h-section.less-padding {
    padding-top: 33.75rem;
  }
}
@media (min-width: 990px) {
  .h-section.less-padding.process-section {
    padding-top: 19.25rem;
  }
}
.less-padding .container {
  padding-right: 0.875rem;
  padding-left: 0.9375rem;
}
@media (min-width: 1730px) {
  .less-padding .container {
    padding-right: 0.875rem;
    padding-left: 0.9375rem;
  }
}
.bb-section {
  padding-top: 44.375rem;
}
.bb-section .section-bg {
  top: 14.5rem;
}
.case-section {
  padding-top: 0;
}
.case-section .container-fluid {
  padding: 0 8.375rem 0 8.75rem;
}
@media (min-width: 767px) {
  .case-section .container-fluid {
    padding: 0 8.6875rem;
  }
}
@media (min-width: 1500px) {
  .case-section .container-fluid {
    padding: 0 8.4375rem;
  }
}
@media (min-width: 1950px) {
  .case-section .container-fluid {
    padding: 0 8.25rem;
  }
}
@media (max-width: 767px) {
  .case-section .container-fluid.mobile-wide {
    padding: 0 0.9375rem;
  }
}
.examples-container .container-fluid {
  padding: 0 8.375rem 0 8.75rem;
}
@media (min-width: 767px) {
  .examples-container .container-fluid {
    padding: 0 8.6875rem;
  }
}
@media (min-width: 1500px) {
  .examples-container .container-fluid {
    padding: 0 8.4375rem;
  }
}
@media (min-width: 1950px) {
  .examples-container .container-fluid {
    padding: 0 8.25rem;
  }
}
@media (max-width: 767px) {
  .examples-container .container-fluid.mobile-wide {
    padding: 0 0.9375rem;
  }
}
.custom-left-margin {
  margin-left: 0;
}
@media (min-width: 1200px) {
  .custom-left-margin {
    margin-left: calc(100% / 7);
  }
}
.c-section,
.cat-section {
  padding-top: 30.625rem;
}
@media (max-width: 767px) {
  .c-section,
  .cat-section {
    padding-top: 21.875rem;
  }
}
.c-section .container-fluid,
.cat-section .container-fluid {
  padding: 0 8.375rem 0 8.75rem;
}
@media (min-width: 767px) {
  .c-section .container-fluid,
  .cat-section .container-fluid {
    padding: 0 8.6875rem;
  }
}
@media (min-width: 1500px) {
  .c-section .container-fluid,
  .cat-section .container-fluid {
    padding: 0 8.4375rem;
  }
}
@media (min-width: 1950px) {
  .c-section .container-fluid,
  .cat-section .container-fluid {
    padding: 0 8.25rem;
  }
}
@media (max-width: 767px) {
  .c-section .container-fluid.mobile-wide,
  .cat-section .container-fluid.mobile-wide {
    padding: 0 0.9375rem;
  }
}
.c-section h2,
.cat-section h2 {
  margin-bottom: 5.25rem;
}
.c-section .section-bg,
.cat-section .section-bg {
  top: 6.25rem;
  left: calc(((100% - 105rem) / 2) + 15rem);
}
@media (max-width: 1290px) {
  .c-section .section-bg,
  .cat-section .section-bg {
    left: calc(((100% - 71.25rem) / 2) + 1.7rem);
  }
}
@media (min-width: 767px) {
  .c-section .section-bg,
  .cat-section .section-bg {
    top: 15rem;
    top: 0;
  }
}
.c-section.c-color,
.cat-section.c-color {
  margin-top: -5.1875rem;
}
.category-hero {
  padding-bottom: 0;
}
.cat-section {
  padding-top: 0rem;
  margin-top: -3.75rem;
}
@media (min-width: 1430px) {
  .cat-section {
    padding-top: 0;
    margin-top: -3.75rem;
  }
}
@media (min-width: 1730px) {
  .cat-section {
    padding-top: 0;
    margin-top: -22.5rem;
  }
}
@media (min-width: 1920px) {
  .cat-section {
    padding-top: 0;
    margin-top: -18.75rem;
  }
}
.cat-section.trending-section {
  margin-top: -3.75rem;
}
.clutch-holder {
  margin-top: 7.0625rem;
}
.clutch-holder img {
  width: 13.0625rem;
  margin-right: 3.4375rem;
}
.clutch-holder img.custom-size {
  width: 11.5rem;
}
.clutch-holder.box-fifth img.custom-size {
  width: calc(100% - 0.325rem);
  margin-right: 0;
}
.links-right {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: calc(((100% - 15rem) / 7) * 4);
  position: relative;
  margin: 0 7.5rem;
  width: 100%;
}
.links-right img {
  max-width: 2.5rem;
}
@media (min-width: 1200px) {
  .links-right {
    max-width: calc(((100% - 15rem) / 7) * 2);
    margin: 0 7.5rem 0 auto;
  }
}
.content-right {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: calc(100% - 15rem);
  position: relative;
  margin: 0 7.5rem 0 7.5rem;
  padding: 0 1.125rem 0 0.9375rem;
  width: 100%;
}
@media (min-width: 767px) {
  .content-right {
    max-width: calc(((100% - 15rem) / 5) * 5 + 0.2rem);
    margin: 0 7.5rem 0 auto;
    padding-left: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .content-right {
    max-width: calc(((100% - 15rem) / 7) * 5 + 0.2rem);
    margin: 0 7.25rem 0 auto;
    padding: 0 1.375rem 0 1.1875rem;
  }
}
@media (min-width: 1550px) {
  .content-right {
    padding: 0 1.125rem 0 0.9375rem;
  }
}
.links-right-big {
  margin-top: 3.6875rem;
  padding: 0 0.9375rem;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  position: relative;
  width: 100%;
}
@media (min-width: 1100px) {
  .links-right-big {
    max-width: 67.8rem;
  }
}
@media (min-width: 1290px) {
  .links-right-big {
    max-width: 75rem;
  }
}
.links-right-big.less-margin {
  margin-top: -7.5rem;
}
.grid-smaller {
  /*margin-top: 59/@rem;*/
  padding: 0 0.9375rem;
  margin: 0 auto;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  position: relative;
  width: 100%;
}
@media (min-width: 1100px) {
  .grid-smaller {
    max-width: 67.8rem;
  }
}
@media (min-width: 1290px) {
  .grid-smaller {
    max-width: 74.3125rem;
  }
}
@media (min-width: 1445px) {
  .grid-smaller {
    max-width: 75rem;
  }
}
.grid-smaller.less-margin {
  margin-top: -7.5rem;
}
.quick-box {
  text-align: center!important;
  position: absolute!important;
  left: 0;
  z-index: 15!important;
  top: 0;
  width: 100%!important;
  height: 100%;
}
.quick-box span {
  font-family: 'Brandon Text Medium';
  font-size: 0.75rem;
  display: inline-block;
  letter-spacing: 0.125rem;
}
.quick-box img {
  width: 2.125rem !important;
  margin-bottom: 1.25rem;
}
.box-fifth {
  margin-top: 5.625rem;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 33.333%;
  position: relative;
  width: 100%;
}
@media (min-width: 767px) {
  .box-fifth {
    max-width: 20%;
  }
}
.box-fifth img {
  width: 100%;
  height: auto;
}
.box-fifth.dark-bg {
  max-width: 100%;
}
@media (min-width: 576px) {
  .box-fifth.dark-bg {
    max-width: 66.666%;
  }
}
@media (min-width: 767px) {
  .box-fifth.dark-bg {
    max-width: 20%;
  }
}
.box-fifth.dark-bg .box-logo {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #000;
}
.box-fifth .box-logo {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}
.box-fifth .box-logo img {
  width: auto;
  max-width: 80%;
}
.box-fifth label {
  margin: 1rem 0 0;
  font-family: 'Brandon Text Bold';
  font-size: 1.3125rem;
}
.box-fifth p {
  font-size: 0.75rem;
  font-family: 'Brandon Text Medium';
  text-transform: uppercase;
  letter-spacing: 0.125rem;
}
.industry-link,
.small-map,
.gray-box {
  margin-left: -0.0625rem;
  font-size: 1.125rem;
  font-family: 'Brandon Text Medium';
  color: inherit;
  margin-top: 13.125rem;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  position: relative;
  width: 100%;
}
@media (min-width: 1100px) {
  .industry-link,
  .small-map,
  .gray-box {
    max-width: 13.625rem;
  }
}
@media (min-width: 1290px) {
  .industry-link,
  .small-map,
  .gray-box {
    max-width: 15rem;
  }
}
.industry-link:last-child,
.small-map:last-child,
.gray-box:last-child {
  margin-right: 0.0625rem;
}
.industry-link .industry-thumbnail,
.small-map .industry-thumbnail,
.gray-box .industry-thumbnail {
  margin-bottom: 0.3125rem;
  width: 100%;
  height: 15rem;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  /*margin-bottom: 30/@rem;*/
}
@media (max-width: 1290px) {
  .industry-link .industry-thumbnail,
  .small-map .industry-thumbnail,
  .gray-box .industry-thumbnail {
    height: 13.625rem;
  }
}
.map-math {
  padding-top: 3.5rem;
}
.map-math .container {
  padding: 0 2rem 0 2.25rem;
}
@media (min-width: 1450px) {
  .map-math .container {
    padding: 0 1.75rem 0 1.9375rem;
  }
}
@media (min-width: 1930px) {
  .map-math .container {
    padding: 0 1.25rem 0 1.375rem;
  }
}
.small-map,
.gray-box {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 20%;
  margin-top: 0;
  background-color: #f3f4f4;
  height: 15rem;
}
@media (max-width: 1290px) {
  .small-map,
  .gray-box {
    height: 13.625rem;
  }
}
@media (min-width: 1290px) {
  .small-map,
  .gray-box {
    max-width: 20%;
  }
}
.small-map .inner,
.gray-box .inner {
  height: 15rem;
}
@media (max-width: 1290px) {
  .small-map .inner,
  .gray-box .inner {
    height: 13.625rem;
  }
}
.small-map.no-background,
.gray-box.no-background {
  background: none;
}
.small-map h4,
.gray-box h4 {
  font-family: 'Brandon Text Black';
  font-size: 2.625rem;
  font-style: normal;
  margin: 0;
}
.small-map label,
.gray-box label {
  margin: 1rem 0 0;
  font-family: 'Brandon Text Bold';
  font-size: 1.3125rem;
}
.small-map p,
.gray-box p {
  font-size: 0.75rem;
  font-family: 'Brandon Text Medium';
  text-transform: uppercase;
  letter-spacing: 0.125rem;
}
.small-map {
  max-width: 100%;
}
@media (min-width: 990px) {
  .small-map {
    max-width: 20%!important;
  }
}
.gray-box {
  /*max-width: 33.333%;*/
}
.gray-box img {
  max-width: 80%;
}
.right-links-nav {
  margin-bottom: 1.625rem;
}
.right-links-nav .nav-item {
  width: 50%;
  margin: 1.875rem 0;
}
.right-links-nav .nav-link {
  line-height: 2.5rem;
  font-family: 'Brandon Text Medium';
  color: #000;
  border-left: 0.125rem solid #000;
  padding: 0 1.25rem !important;
}
.right-links-nav .nav-link img {
  float: right;
}
.example-holder {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 110%;
  position: relative;
  width: calc(100% + 0.9rem);
  margin-bottom: 3.125rem;
}
.example-holder.selected {
  margin-top: 0!important;
  margin-bottom: 6.25rem !important;
}
@media (min-width: 767px) {
  .example-holder {
    width: 100%;
    max-width: calc(((100% / 5) * 2));
  }
}
@media (min-width: 1200px) {
  .example-holder {
    max-width: calc(((100% / 7) * 3));
  }
}
@media (min-width: 1950px) {
  .example-holder {
    max-width: calc(((100% / 7) * 3));
  }
}
.example-holder:nth-child(even) {
  margin-top: 0;
}
@media (min-width: 767px) {
  .example-holder:nth-child(even) {
    margin-top: 15rem;
  }
}
@media (min-width: 1200px) {
  .example-holder:nth-child(even) {
    margin-top: 25rem;
  }
}
.example-holder:nth-child(even) .example-image .cover {
  right: auto;
  left: 0;
}
.example-holder:nth-child(odd) {
  margin-top: 0;
}
@media (min-width: 1200px) {
  .example-holder:nth-child(odd) {
    margin-top: -9.375rem;
  }
}
.example-holder:nth-child(odd):first-child {
  margin-top: 0!important;
}
.example-holder:first-child {
  margin-top: 0!important;
}
.example-image {
  filter: none;
  -webkit-filter: blur(0px);
  -moz-filter: blur(0px);
  -ms-filter: blur(0px);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');
  image-rendering: -webkit-optimize-contrast;
  width: 100%;
  position: relative;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 1.875rem;
}
.example-image .cover {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 1;
  width: 33.333%;
  /*width: 100%;*/
  height: 100%;
  z-index: 10;
  background-color: #000;
}
.example-image .cover img {
  width: 2.125rem;
  margin-bottom: 1.25rem;
}
.example-image .cover a {
  font-family: 'Brandon Text Medium';
  font-size: 0.75rem;
  color: #fff;
  text-decoration: none;
  letter-spacing: 0.125rem;
  display: inline-block;
  margin-bottom: 1.875rem;
}
@media (min-width: 1200px) {
  .example-image .cover a {
    margin-bottom: 1.875rem;
  }
  .example-image .cover a:first-child {
    margin-top: -2.25rem;
  }
}
@media (min-width: 1350px) {
  .example-image .cover a {
    margin-bottom: 3.75rem;
  }
}
.example-image .cover a:last-child {
  margin-bottom: 0;
}
.example-image .cover-info {
  width: 100%;
  min-height: 100%;
  position: relative;
  overflow: auto;
  padding: 1.875rem 3.125rem;
}
@media (min-width: 1200px) {
  .example-image .cover-info {
    padding: 8.125rem 3.125rem 8.125rem 10.625rem;
  }
}
.example-image .cover-info h3 {
  color: #fff;
  font-family: 'Brandon Text Bold';
  font-size: 1.5625rem;
  text-transform: none;
}
.example-image .cover-info p {
  position: relative;
  font-size: 1.125rem;
  font-style: normal;
  color: #fff;
  opacity: 0.5;
}
.example-image .cover-info p img {
  margin-left: 0.625rem;
}
@media (min-width: 1200px) {
  .example-image .cover-info p {
    line-height: 2.5rem;
  }
}
.example-image .cover-info .ui-icon {
  position: absolute;
  display: none;
  top: 1.875rem;
  left: 1.875rem;
}
@media (min-width: 1200px) {
  .example-image .cover-info .ui-icon {
    display: block;
  }
}
.example-image .cover-info .avatar {
  position: relative;
  margin-bottom: 0.9375rem;
  top: auto;
  left: auto;
  background-color: rgba(255, 255, 255, 0.25);
  background-size: cover;
  background-position: center center;
  width: 6.25rem;
  height: 6.25rem;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
@media (min-width: 1200px) {
  .example-image .cover-info .avatar {
    top: 8.125rem;
    left: 3.125rem;
    position: absolute;
  }
}
.example-image .cover-info .avatar-small {
  display: block;
  position: relative;
  margin-bottom: 0.9375rem;
  top: auto;
  left: auto;
  background-color: rgba(255, 255, 255, 0.5);
  background-size: cover;
  background-position: center center;
  width: 3.75rem;
  min-width: 3.75rem;
  height: 3.75rem;
  min-height: 3.75rem;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
@media (min-width: 1200px) {
  .example-image .cover-info .avatar-small {
    top: 0.5rem;
    left: -5rem;
    position: absolute;
  }
}
.example-image.dark-bgc {
  background-color: #000;
}
.example-description label {
  font-size: 0.75rem;
  font-family: 'Brandon Text Black';
  letter-spacing: 0.125rem;
  text-transform: uppercase;
  line-height: 1;
  text-align: left;
}
.example-description p,
.example-description a {
  font-size: 1.125rem;
  color: rgba(0, 0, 0, 0.749);
  text-align: left;
}
.example-description.regular-p p {
  color: rgba(0, 0, 0, 0.75);
  font-family: 'Brandon Text';
}
.example-description.larger-text label {
  font-size: 1.3125rem; 
  font-family: 'Brandon Text Bold';
  letter-spacing: normal;
  text-transform: none;
  line-height: 1;
  text-align: left;
}
.example-description.larger-text p,
.example-description.larger-text a:not(.heart-icon) {
  text-transform: uppercase;
  font-style: normal;
  font-family: 'Brandon Text Medium';
  letter-spacing: 0.125rem;
  opacity: 0.75;
  font-size: 0.75rem;
  color: #000;
}
.example-description.larger-text p a {
  opacity: 1;
}
.example-description .avatar-small {
  display: block;
  position: relative;
  margin-bottom: 0.9375rem;
  top: auto;
  left: auto;
  background-color: #bfbfbf;
  background-size: cover;
  background-position: center center;
  width: 3.75rem;
  min-width: 3.75rem;
  height: 3.75rem;
  min-height: 3.75rem;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  margin-right: 0.625rem;
}
.new-category-buttons-layout .example-description.larger-text {
  /*            label {
                .s(32);
                margin-bottom: 10/@rem;
            }*/
}
.new-category-buttons-layout .example-description.larger-text p {
  opacity: 1!important;
}
.new-category-buttons-layout .example-description.larger-text a:not(.heart-icon) {
  text-transform: uppercase;
  font-style: normal;
  font-family: 'Brandon Text Bold';
  letter-spacing: 0.125rem;
  opacity: 1!important;
  text-decoration: none;
  padding: 0.3125rem 2.25rem 0.25rem 0.75rem;
  font-size: 0.875rem;
  border-radius: 0.9375rem;
  -moz-border-radius: 0.9375rem;
  -webkit-border-radius: 0.9375rem;
  display: inline-block;
  color: #fff;
  background-color: black;
  background-image: url(../img/icons/category-arrow.png);
  background-size: 0.9375rem auto;
  background-repeat: no-repeat;
  background-position: right 0.625rem center;
}
.new-category-buttons-layout .example-description.larger-text a:not(.heart-icon) + a {
  margin-left: 0.3125rem;
}
.heart-icon {
  width: 2rem;
  height: 2rem;
  background-size: 100% 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(../img/icons/heart.png);
  margin-right: 1.5625rem;
  margin-bottom: 1.5625rem;
}
.heart-icon.active {
  background-image: url(../img/icons/heart-active.png);
}
/*    &.right-side {
        .example-holder {
            &:last-child {
                margin-bottom: 0;
            }
        }
    }
}*/
.dark-info {
  width: calc(100% - 15rem);
  position: relative;
  background-color: #000;
  z-index: 25;
  left: 7.5rem;
  bottom: auto;
  margin-top: 1.875rem;
  padding: 1.875rem;
}
.dark-info.process-info {
  padding: 1.875rem 3.125rem;
}
@media (min-width: 767px) {
  .dark-info.process-info {
    padding: 4.0625rem;
  }
}
@media (min-width: 1200px) {
  .dark-info.process-info {
    padding: 7.25rem;
  }
}
@media (min-width: 767px) {
  .dark-info {
    width: calc(((100% - 15rem) / 5) * 5);
    padding: 4.0625rem;
    margin-top: 14.375rem;
  }
  .dark-info.form-holder,
  .dark-info.process-info {
    width: calc(((100% - 15rem) / 5) * 4);
  }
}
@media (min-width: 1200px) {
  .dark-info {
    width: calc(((100% - 15rem) / 7) * 6);
    left: calc(((100% - 15rem) / 7) + 7.5rem);
    position: absolute;
    bottom: 0;
    margin-top: 0;
    padding: 7.25rem;
  }
  .dark-info.form-holder,
  .dark-info.process-info {
    width: calc(((100% - 15rem) / 7) * 5);
    bottom: -1.875rem;
  }
}
@media (min-width: 1500px) {
  .dark-info.form-holder {
    bottom: 1.875rem;
  }
}
@media (min-width: 1730px) {
  .dark-info.form-holder {
    bottom: 11.25rem;
  }
}
@media (min-width: 1920px) {
  .dark-info.process-info {
    bottom: 15rem;
  }
  .dark-info.form-holder {
    bottom: -1.875rem;
  }
}
.dark-info label {
  font-size: 0.75rem;
  margin-bottom: 0.1875rem;
  font-family: 'Brandon Text Black';
  text-transform: uppercase;
  letter-spacing: 0.125rem;
}
.dark-info p {
  font-size: 1.125rem !important;
  opacity: 0.35;
  font-family: 'Brandon Text';
  font-style: italic;
  margin-bottom: 0;
  line-height: 1.875rem;
  margin-top: 0!important;
  letter-spacing: 0 !important;
}
.dark-info a {
  font-family: 'Brandon Text Black';
  font-style: italic;
  display: inline-block;
  margin-top: 0.25rem;
  font-size: 1.125rem;
}
@media (min-width: 1500px) {
  .dark-info a {
    font-family: 'Brandon Text';
  }
}
.dark-info.form-holder .btn.btn-total div {
  background-image: none;
}
.dark-info.form-holder .form-control {
  margin-bottom: 1.375rem;
  background: none;
  border: none;
  color: #d9d9d9;
  font-family: 'Brandon Text Bold';
  /*font-style: italic;*/
  font-size: 1.125rem;
  border-bottom: 0.125rem solid rgba(255, 255, 255, 0.15);
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  height: 3.125rem;
}
@media (min-width: 1500px) {
  .dark-info.form-holder .form-control {
    font-family: 'Brandon Text';
  }
}
.dark-info.process-info {
  bottom: auto;
  margin-top: 6.25rem;
  position: relative;
}
.dark-info.process-info p {
  font-style: normal;
}
.dark-info.process-info ol {
  padding: 0;
  margin: 0;
  width: 100%;
  float: left;
}
.dark-info.process-info ol li {
  width: 100%;
  float: left;
  margin-bottom: 6.25rem;
  list-style-type: none;
  counter-increment: item;
}
.dark-info.process-info ol li .btn,
.dark-info.process-info ol li span {
  margin: 0.9375rem 0;
}
.dark-info.process-info ol li span {
  margin-left: 1.875rem;
  line-height: 3.75rem;
  display: inline-block;
  opacity: 0.25;
  font-family: 'Brandon Text Medium';
  font-style: italic;
  font-size: 0.75rem;
}
@media (max-width: 630px) {
  .dark-info.process-info ol li span {
    line-height: 1.875rem;
    margin: 0;
  }
}
.dark-info.process-info ol li hr {
  width: 100%;
  float: left;
  margin: 6.25rem 0 0;
  border-top: 0.0625rem solid rgba(255, 255, 255, 0.15);
}
.dark-info.process-info ol li:last-child {
  margin-bottom: 0;
}
.dark-info.process-info ol li:before {
  float: left;
  margin-left: -1.875rem;
  width: 1rem;
  padding-right: 0.5em;
  font-size: 0.75rem;
  font-family: 'Brandon Text Black';
  text-align: right;
  margin-top: 0.6875rem;
  /*line-height: 40/@rem;*/
  content: counter(item) ".";
  background: #fe579b;
  background: -moz-linear-gradient(45deg, #fe579b 0%, #ffaa68 100%);
  background: -webkit-linear-gradient(45deg, #fe579b 0%, #ffaa68 100%);
  background: linear-gradient(45deg, #fe579b 0%, #ffaa68 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe579b', endColorstr='#ffaa68', GradientType=1);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.case-hero {
  padding-top: 17.5rem;
}
.case-hero h1 {
  letter-spacing: 0.1875rem;
}
.case-hero .dark-info {
  position: relative;
  margin-top: 12.5rem;
  margin-bottom: 2.5rem;
}
@media (min-width: 990px) {
  .case-hero .dark-info {
    margin-top: 18.75rem;
    margin-bottom: 8.75rem;
  }
}
@media (min-width: 1500px) {
  .case-hero .dark-info {
    margin-top: 6.25rem;
    margin-bottom: 8.75rem;
  }
}
@media (min-width: 1920px) {
  .case-hero .dark-info {
    margin-top: 6.25rem;
    margin-bottom: 15rem;
  }
}
.case-hero .dark-info a {
  color: inherit;
}
.case-hero .dark-info img {
  margin-right: 0.9375rem;
}
.signature {
  position: absolute;
  left: 33.333%;
  top: 5.3125rem;
}
.signature img {
  min-width: 18.5rem;
}
@media (min-width: 767px) {
  .signature {
    left: 10.3125rem;
    top: 6.5625rem;
  }
  .signature img {
    min-width: 24.75rem;
  }
}
@media (min-width: 1200px) {
  .signature {
    left: 29.0625rem;
    top: 9.6875rem;
  }
}
.gradient-text {
  background: #fd579b;
  background: -moz-linear-gradient(left, #fd579b 0%, #ffa968 100%);
  background: -webkit-linear-gradient(left, #fd579b 0%, #ffa968 100%);
  background: linear-gradient(to right, #fd579b 0%, #ffa968 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd579b', endColorstr='#ffa968', GradientType=1);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.breadcrumb {
  margin-bottom: 4.0625rem;
  padding: 0;
  background: none;
}
.breadcrumb .breadcrumb-item,
.breadcrumb .breadcrumb-title {
  font-family: 'Brandon Text Medium';
  color: #000;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.125rem;
  color: inherit;
}
.breadcrumb .breadcrumb-item a,
.breadcrumb .breadcrumb-title a {
  color: #000;
}
.breadcrumb .breadcrumb-item.active,
.breadcrumb .breadcrumb-title.active {
  font-family: 'Brandon Text Black';
  color: #000;
  font-size: 0.75rem;
  text-transform: uppercase;
}
.maps {
  padding-top: 26.75rem;
  margin-top: 5.8125rem;
  min-height: 91.25rem;
}
.maps .container {
  /*padding-right: 290/@rem;*/
}
.maps .container p {
  font-family: 'Brandon Text';
  font-size: 1.3125rem;
  line-height: 2.5rem;
}
.maps .row.first {
  margin-top: 100px;
}
.maps .row.second {
  margin-top: 80px;
}
.maps .row.last {
  margin-top: 447px;
}
.maps .map-holder {
  position: absolute;
  z-index: 5;
}
.maps .map-holder.map-1 {
  left: -12.5rem;
  top: -1.875rem;
  width: 62.4375rem;
  height: 61.1875rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (min-width: 767px) {
  .maps .map-holder.map-1 {
    left: -3.125rem;
    top: 15.625rem;
  }
}
@media (min-width: 990px) {
  .maps .map-holder.map-1 {
    left: 0;
    top: 0;
  }
}
.maps .map-holder.map-2 {
  right: 0;
  bottom: 0;
  width: 58rem;
  height: 69.75rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (min-width: 767px) {
  .maps .map-holder.map-2 {
    right: -3.125rem;
    bottom: -5rem;
  }
}
@media (min-width: 990px) {
  .maps .map-holder.map-2 {
    bottom: 5.875rem;
  }
}
.location {
  z-index: 20;
  position: absolute;
}
.location h4 {
  font-size: 1.3125rem;
  font-family: 'Brandon Text Bold';
  margin: 0 0 0.0625rem;
}
.location h4 span {
  font-family: 'Brandon Text';
  font-style: italic;
}
.location p {
  text-transform: uppercase;
  font-size: 0.75rem;
  font-family: 'Brandon Text Medium';
  letter-spacing: 0.125rem;
  margin: 0 0 0.3125rem;
}
.location.loc-1 {
  top: 3.75rem;
  left: 14.8125rem;
}
.location.loc-2 {
  top: 7.375rem;
  left: 33.9375rem;
}
.location.loc-3 {
  top: 6.3125rem;
  left: 48.125rem;
}
.location.loc-4 {
  top: 18.8125rem;
  left: 39.875rem;
}
.location.loc-5 {
  top: 48.5625rem;
  left: 33rem;
}
.location.route {
  top: 33.75rem;
  left: 34.75rem;
}
.location.route p {
  position: absolute;
  transform: rotate(-59deg);
  top: 38%;
  left: 17%;
  width: 9.375rem;
}
.location.route img {
  width: 9rem;
}
.location.loc-6 {
  top: 28.9375rem;
  left: 43rem;
}
.about-video {
  margin-left: -0.0625rem;
  color: #fff;
  margin-top: 14.875rem;
  min-height: 37.5rem;
  padding: 1.875rem 3.75rem 1.875rem;
  background-size: cover;
  background-position: center center;
}
@media (min-width: 990px) {
  .about-video {
    padding: 3.625rem 7.625rem 1.875rem;
  }
}
.about-video h3,
.about-video .btn {
  color: inherit;
}
.about-video .btn {
  margin-top: 2rem;
  margin-bottom: 0.9375rem;
}
.about-video h3 {
  letter-spacing: -0.0625rem;
  margin: 0;
  text-transform: none;
  font-size: 2.625rem;
  font-family: 'Brandon Text Light';
}
.about-video h3 b {
  letter-spacing: -0.0625rem;
  font-family: 'Brandon Text Medium';
}
.info-text {
  /*padding: 0 13/@rem 0 15/@rem;;*/
  margin-top: 1.875rem;
  min-height: 4.6875rem;
}
@media (min-width: 767px) {
  .info-text {
    min-height: 7.1875rem;
    margin-top: 7.5rem;
  }
}
.info-text:after {
  position: absolute;
  z-index: 3;
  content: '';
  width: 4px;
  height: 6.25rem;
  left: -0.0625rem;
  top: 0;
  background: #ffa968;
  background: -moz-linear-gradient(top, #ffa968 0%, #fd579b 100%);
  background: -webkit-linear-gradient(top, #ffa968 0%, #fd579b 100%);
  background: linear-gradient(to bottom, #ffa968 0%, #fd579b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa968', endColorstr='#fd579b', GradientType=0);
}
.info-text p {
  margin-top: -0.5rem;
  letter-spacing: -0.0625rem;
  font-size: 1.53125rem;
  font-family: 'Brandon Text';
}
.info-text p b {
  font-family: 'Brandon Text Bold';
}
.title-box {
  text-align: left;
  position: absolute;
  left: -0.5rem;
  z-index: 15;
  top: 21.25rem;
  width: 100%;
}
.title-box.position-2 {
  top: -3.1875rem;
  left: 0;
  width: 120%;
}
@media (min-width: 1200px) {
  .title-box.position-2 {
    left: -20%;
  }
}
.title-box.position-3 {
  top: -4.5625rem;
  left: 0;
}
@media (min-width: 1200px) {
  .title-box.position-3 {
    left: -20%;
  }
}
.title-box.position-4 {
  width: 120%;
  top: -7.0625rem;
  left: 0;
}
@media (min-width: 1200px) {
  .title-box.position-4 {
    left: -20%;
  }
}
.special-margin {
  margin-top: -0.75rem;
}
.chinese {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 12.0625rem;
}
.mt-39 {
  margin-top: 2.5625rem;
}
.mt-105 {
  margin-top: 7.5625rem;
}
.mt-495 {
  margin-top: 34.375rem;
}
.mt-53 {
  margin-top: 3.3125rem;
}
.privacy-p p {
  margin-top: 3.125rem;
  font-size: 1.3125rem;
  font-family: 'Brandon Text';
}
.privacy-p p b,
.privacy-p p strong {
  font-family: 'Brandon Text Bold';
}
.contact-image {
  display: inline-block;
  margin: 0 0 1.5625rem;
  width: 12.5rem;
  height: 12.5rem;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background-position: center center;
  background-size: cover;
}
#successMessage {
  text-transform: normal;
}
.black-quote {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
  background-color: #000;
  color: #fff;
  position: absolute;
  top: 0;
  margin-top: 2rem;
  padding: 6.875rem;
  right: calc(-17.5% - 0.7375rem);
}
@media (min-width: 1200px) {
  .black-quote {
    max-width: calc(60% - 0.9375rem);
  }
}
.black-quote a {
  color: #fff;
  text-decoration: none;
}
.black-quote p {
  font-family: 'Brandon Text';
  font-style: italic;
  font-size: 2rem;
  opacity: 0.5;
  margin: 0 0 2.5rem;
}
.black-quote h4 {
  font-family: 'Brandon Text Black';
  font-size: 0.75rem;
  letter-spacing: 2px;
  margin: 0;
}
.black-quote:after {
  content: '';
  border-top: 1.875rem solid #000;
  border-left: 1.875rem solid transparent;
  border-right: 1.875rem solid transparent;
  position: absolute;
  bottom: -1.8125rem;
  left: 5.625rem;
  z-index: 0;
}
.box-seventh {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 25%;
  width: 100%;
}
@media (min-width: 767px) {
  .box-seventh {
    max-width: calc(100% / 7);
  }
}
.box-seventh label {
  font-family: 'Brandon Text Black';
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.125rem;
}
.box-seventh img {
  margin-bottom: 1.5625rem;
}
.box-seventh span {
  font-family: 'Brandon Text Medium';
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.125rem;
}
.box-seventh p {
  position: relative;
  z-index: 15;
  width: 100%;
  float: left;
  margin: 0;
  padding: 0.625rem 0;
  font-family: 'Brandon Text';
  font-size: 1.125rem;
  min-height: 10.625rem;
}
@media (min-width: 1500px) {
  .box-seventh p {
    min-height: 13.6875rem;
  }
}
.box-seventh p a {
  font-family: 'Brandon Text Bold';
  color: #fe8081;
}
.dark-box-info {
  z-index: initial;
  background-color: #000;
  width: 100%;
  float: left;
  color: #fff;
  text-align: center;
  min-height: 14.875rem;
  position: relative;
}
.dark-box-info a {
  color: inherit;
  text-decoration: none!important;
}
.dark-box-info h3 {
  font-size: 2.625rem;
  text-transform: none;
  margin: 0 0 5rem;
  font-family: 'Brandon Text Light';
  color: inherit;
}
.dark-box-info h3 b {
  font-family: 'Brandon Text Medium';
}
.dark-box-info p {
  font-size: 1.125rem;
  margin: 0;
  opacity: 0.5;
}
.dark-box-info .btn {
  margin-top: 5rem;
}
.dark-box {
  z-index: initial;
  background-color: #000;
  width: 100%;
  float: left;
  color: #fff;
  text-align: center;
  min-height: 14.875rem;
  position: relative;
}
.dark-box a {
  color: inherit;
  text-decoration: none!important;
}
.dark-box .start-calc {
  display: block !important;
}
.dark-box.line-normal:after {
  position: absolute;
  width: calc(100% + 0.625rem);
  height: 2.5rem;
  content: '';
  right: -100%;
  margin-right: -0.3125rem;
  /*right: calc(-100% + 0.3125rem);*/
  top: 50%;
  margin-top: -1.25rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../img/icons/line1.png);
  z-index: 10;
  background-size: 100% auto;
}
.dark-box.line-bottom:before {
  position: absolute;
  width: 2.5rem;
  height: calc(100% + 0.625rem);
  content: '';
  bottom: -100%;
  margin-bottom: -0.3125rem;
  left: 50%;
  margin-left: -1.25rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../img/icons/line3.png);
  z-index: 10;
  background-size: auto 100%;
}
.dark-box.line-plus:after {
  position: absolute;
  width: calc(100% + 0.625rem);
  height: 2.5rem;
  content: '';
  right: -100%;
  margin-right: -0.3125rem;
  /*right: calc(-100% + 0.3125rem);*/
  top: 50%;
  margin-top: -1.25rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../img/icons/line2.png);
  z-index: 10;
  background-size: 100% auto;
}
.dark-box.line-bottom-big:after {
  position: absolute;
  /*            width: 1452/@rem;
                        height: 730/@rem;*/
  content: '';
  right: 50%;
  margin-right: -0.3125rem;
  /*bottom: -725/@rem;*/
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../img/icons/line4.png);
  z-index: 10;
  background-size: 100% 100%;
  /*size calculated by jquery*/
  /*            @media (min-width: 1950px) {
                            width: 1514px;
                            height: 803px;
                            bottom: -798/@rem;
                        }*/
}
.px-7 {
  padding-left: calc(7.5rem + 1.2375rem);
  padding-right: calc(7.5rem + 1.2375rem);
}
@media (min-width: 1500px) {
  .px-7 {
    padding-left: calc(7.5rem + 1.0375rem);
    padding-right: calc(7.5rem + 0.9975rem);
  }
}
@media (min-width: 1730px) {
  .px-7 {
    padding-left: calc(7.5rem + 0.9375rem);
    padding-right: calc(7.5rem + 0.9375rem);
  }
}
.mt-109 {
  margin-top: 10.2rem;
}
@media (min-width: 1920px) {
  .mt-109 {
    margin-top: 10.375rem;
  }
}
.mt-80 {
  margin-top: 5rem;
}
.mt-150 {
  margin-top: 8.5rem;
}
@media (min-width: 1920px) {
  .mt-150 {
    margin-top: 8.775rem;
  }
}
.label-dark label {
  font-family: 'Brandon Text Black';
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.125rem;
}
.black-deliver {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
  min-height: 22.5rem;
  background-color: #000;
  color: #fff;
}
.black-deliver p {
  font-family: 'Brandon Text';
  font-style: italic;
  font-size: 1.3125rem;
  opacity: 0.5;
  margin: 0;
  line-height: 2.5rem;
}
.black-deliver.before-deliver {
  padding: 1.25rem 5.75rem 1.25rem 5rem;
  background-image: url(../img/icons/before.png);
  background-position: right 1.125rem center;
  background-repeat: no-repeat;
}
.black-deliver.before-deliver:after {
  content: '';
  border-top: 1.875rem solid transparent;
  border-left: 1.875rem solid #000;
  border-bottom: 1.875rem solid transparent;
  position: absolute;
  right: -1.8125rem;
  top: 50%;
  margin-top: -0.9375rem;
  z-index: 0;
}
.black-deliver.after-deliver {
  padding: 1.25rem 5rem 1.25rem 5.75rem;
  background-image: url(../img/icons/after.png);
  background-position: left 1.125rem center;
  background-repeat: no-repeat;
}
.black-deliver.after-deliver:after {
  content: '';
  border-top: 1.875rem solid transparent;
  border-right: 1.875rem solid #000;
  border-bottom: 1.875rem solid transparent;
  position: absolute;
  left: -1.8125rem;
  top: 50%;
  margin-top: -0.9375rem;
  z-index: 0;
}
.versus a {
  font-family: 'Brandon Text Black';
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.125rem;
  color: inherit;
}
.versus h3 {
  font-family: 'Brandon Text Bold';
  font-size: 1.5625rem;
  text-transform: none;
  margin-bottom: 0.1875rem;
}
.black-stories {
  position: relative;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  width: 100%;
  min-height: 30rem;
  background-color: #000;
  color: #fff;
  padding: 1.25rem 1.875rem;
}
@media (min-width: 1200px) {
  .black-stories {
    padding: 1.25rem 5rem;
  }
}
.black-stories:after {
  content: '';
  border-left: 1.875rem solid transparent;
  border-top: 1.875rem solid #000;
  border-right: 1.875rem solid transparent;
  position: absolute;
  bottom: -1.8125rem;
  left: 4.6875rem;
  z-index: 0;
}
.black-stories.small {
  padding: 0.625rem 3.75rem;
  min-height: 15rem;
}
.black-stories.small img {
  max-width: 3.75rem;
  min-width: 3.75rem;
}
.black-stories.mt-120 {
  margin-top: 7.5rem;
}
.black-stories p {
  font-family: 'Brandon Text';
  font-style: italic;
  font-size: 1.3125rem;
  opacity: 0.5;
  margin: 0;
  line-height: 2.5rem;
}
.black-stories label {
  font-family: 'Brandon Text Black';
  font-size: 0.75rem;
  letter-spacing: 0.125rem;
  text-transform: uppercase;
}
.black-stories a:not(.fiverr-link) {
  font-family: 'Brandon Text Black';
  text-decoration: none;
  font-size: 0.75rem;
  letter-spacing: 0.125rem;
  background: #fe579b;
  background: -moz-linear-gradient(45deg, #fe579b 0%, #ffaa68 100%);
  background: -webkit-linear-gradient(45deg, #fe579b 0%, #ffaa68 100%);
  background: linear-gradient(45deg, #fe579b 0%, #ffaa68 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe579b', endColorstr='#ffaa68', GradientType=1);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.black-stories .fiverr-link {
  color: #fff;
  text-decoration: none;
}
.black-stories .row {
  width: 100%;
}
.trend-box {
  position: absolute;
  background: black;
  min-width: 22.5rem;
  min-height: 15rem;
  top: -7.5rem;
  padding: 2.625rem 2.6875rem 2.625rem 3.5625rem;
  z-index: 45;
  color: #fff;
}
.trend-box.right-position {
  right: -7.5rem;
}
.trend-box.left-position {
  left: -7.5rem;
}
.trend-box p {
  font-family: 'Brandon Text Black';
  /*.s(12);*/
  letter-spacing: 0.125rem;
}
.trend-box h2 {
  /*.s(100);*/
  font-family: 'Brandon Text Black';
  background: #fe579b;
  background: -moz-linear-gradient(45deg, #fe579b 0%, #ffaa68 100%);
  background: -webkit-linear-gradient(45deg, #fe579b 0%, #ffaa68 100%);
  background: linear-gradient(45deg, #fe579b 0%, #ffaa68 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe579b', endColorstr='#ffaa68', GradientType=1);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: -4px;
  margin: 0;
  line-height: 1;
}
.custom-subheading {
  color: #000;
  font-family: 'Brandon Text Light Italic';
  font-size: 3rem!important;
  text-transform: none;
  letter-spacing: -0.0625rem;
  margin-top: 0.625rem;
}
.mt-20 {
  margin-top: 1.25rem;
}
.mt-n90 {
  margin-top: -5.625rem;
}
.mt-n250 {
  margin-top: -15.625rem;
}
.mt-n280 {
  margin-top: -17.5rem;
}
.mt-n300 {
  margin-top: -18.75rem;
}
.mt-n350 {
  margin-top: -21.875rem;
}
.mt-n440 {
  margin-top: -27.5rem;
}
.footer {
  margin-top: 3.4375rem;
  min-height: 18.75rem;
  padding-top: 6.25rem;
}
.footer .container-fluid {
  padding: 0 8.6875rem;
}
@media (min-width: 767px) {
  .footer {
    margin-top: 7.1875rem;
    min-height: 30rem;
    padding-top: 21.25rem;
  }
}
.footer.filter-section {
  margin-top: 3.3125rem;
  padding-top: 37.1875rem;
}
.footer .section-bg {
  min-height: 0.0625rem !important;
}
@media (min-width: 767px) {
  .footer .section-bg {
    min-height: 30rem !important;
  }
}
.footer .clutch-holder {
  margin-top: 0;
}
.footer .clutch-holder img {
  max-width: 12.5rem;
}
.footer .footer-nav {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  position: relative;
  width: 100%;
  margin: 0;
}
@media (min-width: 767px) {
  .footer .footer-nav {
    max-width: 27.1875rem;
    margin-top: 1.875rem !important;
  }
}
@media (min-width: 1290px) {
  .footer .footer-nav {
    max-width: calc(((100% / 7) * 2));
  }
}
.footer .footer-nav .nav-item {
  width: 50%;
}
.footer .footer-nav .nav-link {
  font-family: 'Brandon Text Black';
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.125rem;
  color: #000;
}
body.scrolled .pricing-bottom:not(.active) {
  width: 7.5rem;
  /*        .pricing-teaser {
            display: none !important;
        }*/
}
.pricing-bottom {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  position: relative;
  /*overflow: hidden!important;*/
  position: fixed;
  z-index: 950;
  left: 0;
  bottom: 0;
  width: 7.5rem;
  /*width: calc(~"14.285% + 5.4rem");*/
  background-color: #000;
  color: #fff;
}
@media (min-width: 1200px) {
  .pricing-bottom {
    width: 7.5rem;
    /*width: calc(~"((100% - 15rem) / 7) + 7.5rem");*/
  }
}
.pricing-bottom.active {
  width: 100%;
  overflow: visible!important;
  /*        .pricing-teaser {
            display: none !important;
        }*/
}
.pricing-bottom.active .pricing-icon {
  border-right: 0.0625rem solid #404040;
}
.pricing-bottom.active .pricing-icon .close-price {
  display: inline-block;
}
.pricing-bottom.active .pricing-icon .price-icon {
  display: none;
}
.pricing-bottom .pricing-teaser {
  display: -ms-flexbox !important;
  display: flex !important;
}
.pricing-bottom .pricing-teaser.vertical {
  max-width: 15rem;
  padding-left: 2rem;
  background-color: #000;
  position: fixed;
  left: -3.75rem;
  bottom: 11rem;
  z-index: 1000;
  transform: rotate(-90deg);
}
.pricing-bottom .pricing-icon {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  position: relative;
  width: 100%;
  margin: 0;
  height: 7.5rem;
  max-width: 7.5rem;
  /*        @media (min-width: 1290px) {
                  
                }*/
}
.pricing-bottom .pricing-icon .close-price {
  display: none;
}
.pricing-bottom .pricing-icon .price-icon {
  display: inline-block;
}
.pricing-bottom .pricing-teaser {
  padding-left: 0.9375rem;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  position: relative;
  display: none;
  width: 100%;
  margin: 0;
  height: 7.5rem;
}
@media (min-width: 1290px) {
  .pricing-bottom .pricing-teaser {
    max-width: 15rem;
  }
}
.pricing-bottom .pricing-teaser p {
  font-family: 'Brandon Text Black';
  font-size: 0.75rem;
  letter-spacing: 0.25rem;
  margin: 0;
  color: #fff;
}
.pricing-bottom .pricing-teaser p a {
  color: inherit;
  text-decoration: none!important;
}
.pricing-bottom .calc-process {
  padding: 0 0.9375rem;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: calc(100% - 7.5rem);
  position: relative;
  width: 100%;
  margin: 0;
  height: 7.5rem;
}
@media (min-width: 1290px) {
  .pricing-bottom .calc-process {
    max-width: calc(100% - 7.5rem);
  }
}
.pricing-bottom .calc-process p {
  font-family: 'Brandon Text Black';
  font-size: 0.75rem;
  letter-spacing: 0.25rem;
  margin: 0;
  color: #fff;
}
.pricing-bottom .calc-process p a {
  color: inherit;
  text-decoration: none!important;
}
.pricing-bottom .calc-process p.text-description {
  opacity: 1;
  color: #fff;
  font-size: 1.125rem !important;
  text-align: center;
  margin-left: 0.3125rem;
}
@media (min-width: 1400px) {
  .pricing-bottom .calc-process p.text-description {
    margin-left: 0.9375rem;
  }
}
.pricing-bottom .calc-row {
  min-height: 7.5rem;
}
.pricing-bottom .no-wrap {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.pricing-bottom.animated-gradient:before {
  width: 0px;
  background: -moz-linear-gradient(45deg, #fe579b 0%, #ffaa68 100%);
  background: -webkit-linear-gradient(45deg, #fe579b 0%, #ffaa68 100%);
  background: linear-gradient(45deg, #fe579b 0%, #ffaa68 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe579b', endColorstr='#ffaa68', GradientType=1);
  height: 100%;
  content: '';
  position: absolute;
  z-index: 50;
  left: -250px;
  top: 0;
  animation: glowOnce 3s linear;
}
@keyframes glowOnce {
  0% {
    width: 0;
  }
  50% {
    width: calc(100% + 500px);
  }
  100% {
    width: 0;
    left: auto;
    right: -250px;
  }
}
@-webkit-keyframes glowOnce {
  0% {
    width: 0;
  }
  50% {
    width: calc(100% + 500px);
  }
  100% {
    width: 0;
    left: auto;
    right: -250px;
  }
}
.cover-bg {
  display: none;
  position: fixed;
  z-index: 940;
  width: 100%;
  height: 100%;
}
.start-calc {
  display: none!important;
}
@media (min-width: 1200px) {
  .start-calc {
    display: inline-block !important;
  }
}
.start-calc.paragraph {
  /*display: none!important;*/
  /*@media (min-width: 990px) {*/
  display: inline-block !important;
  /*}*/
}
.start-calc.mobile {
  display: inline-block !important;
}
@media (min-width: 1200px) {
  .start-calc.mobile {
    display: none!important;
  }
}
.top-menu .start-calc {
  display: inline-block !important;
}
.inner-page-link {
  width: calc(100% - 2.5rem);
  margin: 0 1.25rem;
  padding: 0.75rem 0;
  border-bottom: 0.0625rem solid #404040;
  display: inline-block;
  font-size: 1rem;
  letter-spacing: 0.125rem;
  font-family: 'Brandon Text Black';
  text-decoration: none!important;
  color: #fff;
  text-align: center;
}
@media (min-width: 990px) {
  .inner-page-link:hover {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.09);
  }
}
.calc-select {
  max-width: 18.75rem;
  cursor: pointer;
  width: 100%;
  float: left;
  line-height: 3.75rem;
  border: 0.125rem solid #404040;
  border-radius: 2rem;
  -moz-border-radius: 2rem;
  -webkit-border-radius: 2rem;
  text-align: center;
  text-transform: uppercase;
  background-image: url(../img/icons/select.png);
  background-position: right 0.9375rem center;
  background-repeat: no-repeat;
  font-family: 'Brandon Text Black';
  font-size: 0.875rem;
  letter-spacing: 0.25rem;
  margin: 0;
  color: #fff;
  /*    @media (min-width: 1600px) {
            max-width: 250/@rem;
            .s(13);
        }
        @media (min-width: 1920px) {
            max-width: 300/@rem;
            .s(14);
        }*/
}
.custom-select {
  background: none;
  border: none;
  border-bottom: 0.0625rem solid #404040 !important;
  background-image: url(../img/icons/select.png);
  background-position: right 0.9375rem center;
  background-repeat: no-repeat;
  color: #fff;
  font-family: 'Brandon Text';
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 0.875rem;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}
.custom-select option {
  color: #000 !important;
}
.select-options {
  transition: top 0.2s cubic-bezier(0.15, 0.73, 0.81, 0.96) 0s;
  -webkit-transition: top 0.2s cubic-bezier(0.15, 0.73, 0.81, 0.96) 0s;
  left: 1.9375rem;
  z-index: -1;
  position: absolute;
  background-color: #000;
  width: 18.75rem;
  height: 33.75rem;
  border-bottom: 0.125rem solid #404040;
  top: 9.375rem;
  padding: 0;
}
.select-options.small {
  height: 18.75rem;
}
.select-options.small li {
  max-height: 18.75rem;
  height: 18.75rem;
}
.select-options.big {
  min-height: 49rem;
  margin: 0;
}
.select-options li {
  margin-top: -0.0625rem;
  position: relative;
  max-height: 11.25rem;
  height: 11.25rem;
  width: 100%;
  list-style: none;
  padding: 0.9375rem 1.875rem;
  /*           @media (min-width: 990px) {
                &:hover {
                    color: #fff;
                    background-color: rgba(255,255,255,.09);
                }
            }*/
}
.select-options li img {
  min-width: 3.125rem;
  margin-right: 0.625rem;
}
.select-options li a {
  text-decoration: none!important;
  color: inherit;
}
.select-options li span {
  font-family: 'Brandon Text Black';
  font-size: 1.125rem;
  letter-spacing: 0.25rem;
  margin: 0;
  color: #fff;
}
.select-options li p {
  font-family: 'Brandon Text' !important;
  /*font-style: italic;*/
  opacity: 0.35;
  font-size: 1.125rem !important;
  letter-spacing: 0!important;
}
.select-options li:after {
  width: 90%;
  height: 0.0625rem;
  border-bottom: 0.0625rem solid #404040;
  position: absolute;
  bottom: 0;
  left: 5%;
  content: '';
}
.select-options li:last-child:after {
  display: none;
}
.select-options li .form-control {
  width: 8.125rem;
  background: none;
  color: #fff;
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
.price-option {
  position: relative;
  padding: 0 0.9375rem;
  height: 7.5rem;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 20%!important;
  min-width: 0.0625rem !important;
  background-color: #000;
}
.price-option.active .select-options {
  top: -33.6875rem;
}
.price-option.active .select-options.small {
  top: -18.6875rem;
}
.price-option.active .select-options.big {
  top: -48.9375rem;
}
.price-option.step-1 {
  max-width: 16%!important;
}
.price-option.step-1 .select-options {
  left: 0;
}
.price-option.step-2 {
  max-width: 22%!important;
  min-width: 22%!important;
}
@media (min-width: 1300px) {
  .price-option.step-2 {
    max-width: 25%!important;
    min-width: 25%!important;
  }
}
@media (min-width: 1500px) {
  .price-option.step-2 {
    max-width: 22%!important;
    min-width: 22%!important;
  }
}
@media (min-width: 1500px) {
  .price-option.step-2 .calc-select {
    max-width: 13.75rem;
  }
}
.price-option.step-2.finished {
  padding-right: 0;
}
.price-option.step-3 {
  max-width: 20%!important;
  min-width: 20%!important;
}
.price-option.step-3 .calc-select {
  max-width: 20rem;
}
.price-option.step-3 .select-options {
  width: 23.75rem;
  left: -1.875rem;
}
.price-option.step-4 {
  max-width: 20%!important;
  min-width: 20%!important;
}
@media (min-width: 1250px) {
  .price-option.step-4 {
    max-width: 18%!important;
    min-width: 18%!important;
  }
}
.price-option.step-4 .calc-select {
  max-width: 20rem;
}
.price-option.step-4 .select-options {
  height: 22.5rem;
  width: 25.625rem;
  left: -2.8125rem;
}
.price-option.step-4.active .select-options {
  top: -22.5rem;
}
.price-option.step-5 {
  /*margin-left: 0!important;*/
  /*max-width: 310/@rem;*/
  padding-left: 0;
}
@media (min-width: 1290px) {
  .price-option.step-5 {
    max-width: 21.875rem;
    margin-left: auto!important;
  }
}
.price-option .plus-sign p {
  font-size: 1.5rem !important;
  font-family: 'Brandon Text Black' !important;
  color: #fff !important;
  opacity: 1!important;
}
.price-option.finished {
  /*max-width: 356/@rem;*/
}
.price-option.finished .calc-select {
  letter-spacing: 0.125rem;
  background: none;
}
.price-option p {
  font-family: 'Brandon Text' !important;
  /*font-style: italic;*/
  opacity: 0.35;
  font-size: 0.75rem !important;
  letter-spacing: 0!important;
}
b {
  font-family: 'Brandon Text Black';
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  /*-webkit-appearance: inner-spin-button !important;*/
  opacity: 1;
  margin-left: 0.3125rem;
}
.modal-final-info div {
  padding: 0 0.3125rem;
}
.thank-you p {
  text-transform: none!important;
}
#circ1 {
  animation: circle 1.5s linear infinite;
  animation-delay: 1s;
}
#circ2 {
  animation: circle 1.5s linear infinite;
  animation-delay: 0.5s;
}
#circ3 {
  animation: circle 1.5s linear infinite;
}
@keyframes circle {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(0, -0.125rem);
  }
  50% {
    transform: translate(0, 0);
  }
  75% {
    transform: translate(0, 0.125rem);
  }
  100% {
    transform: translate(0, 0);
  }
}
@-webkit-keyframes circle {
  0% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(0, -0.125rem);
  }
  50% {
    transform: translate(0, 0);
  }
  75% {
    transform: translate(0, 0.125rem);
  }
  100% {
    transform: translate(0, 0);
  }
}
.c-section.price-page {
  padding-top: 9.375rem !important;
}
@media (min-width: 767px) {
  .c-section.price-page {
    padding-top: 12.5rem !important;
  }
}
.c-section.price-page .container-fluid {
  padding: 0 8.6875rem !important;
}
@media (min-width: 767px) {
  .c-section.price-page .container-fluid {
    padding: 0 8.6875rem !important;
  }
}
@media (min-width: 1500px) {
  .c-section.price-page .container-fluid {
    padding: 0 8.4375rem !important;
  }
}
.price-page .page-title {
  font-family: 'Brandon Text Black';
  font-size: 3rem;
  font-style: normal;
  text-transform: none;
  letter-spacing: initial;
  line-height: 3.75rem;
}
.price-page .page-title .btn-download {
  margin: -0.6875rem 0 0 0.625rem !important;
}
.price-page .custom-select {
  border: 0.0625rem solid #000;
  color: #000;
  font-family: 'Brandon Grotesque Black';
  font-size: 1rem;
  height: 3.5rem;
  background-image: url(../img/icons/select-black.png);
}
.price-page .box-seventh {
  max-width: 100%;
  margin-bottom: 3.125rem;
  min-height: 5.35rem;
}
@media (min-width: 767px) {
  .price-page .box-seventh {
    max-width: 100%;
    margin: 0;
  }
  .price-page .box-seventh img {
    max-width: 8.75rem;
    margin: 0 0 0.8125rem -0.125rem;
    min-width: 6.25rem;
    transform: rotate(90deg);
  }
}
@media (min-width: 930px) {
  .price-page .box-seventh {
    max-width: 15.625rem;
  }
  .price-page .box-seventh.step-arrow {
    max-width: calc((100% - 62.5rem) / 3);
    overflow: hidden;
  }
  .price-page .box-seventh.step-arrow img {
    max-width: 12.5rem;
  }
  .price-page .box-seventh img {
    max-width: calc(100% + 0.6rem);
    min-width: calc(100% + 0.6rem);
    position: relative;
    transform: none;
    z-index: 20;
  }
}
@media (min-width: 1200px) {
  .price-page .box-seventh {
    max-width: calc(100% / 7) !important;
  }
}
.price-page .box-seventh label {
  letter-spacing: 0;
  margin-bottom: 1.5625rem;
}
.price-page .box-seventh span {
  font: inherit;
}
.price-page .disabled {
  pointer-events: none;
  opacity: 0.4;
}
.price-page .disabled * {
  pointer-events: none;
  cursor: wait;
}
.price-page .dropdown {
  width: 100%;
  display: inline-block;
  background-color: #fff;
  transition: all 0.5s ease;
  position: relative;
  color: #000;
  border: 1px solid #000;
  height: 100%;
  text-align: left;
}
.price-page .dropdown .select {
  cursor: pointer;
  display: block;
  min-height: 3.5rem;
  padding: 0 30px 0 5px;
}
.price-page .dropdown .select span {
  font-size: 0.8rem;
  font-family: 'Brandon Grotesque Black';
}
.price-page .dropdown .select > i {
  font-size: 2.125rem;
  color: #000;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  line-height: 1.25rem;
  position: absolute;
  right: 0.625rem;
  top: 50%;
  margin-top: -0.625rem;
}
.price-page .dropdown:hover {
  /*box-shadow: 0 0 4px rgb(204, 204, 204)*/
}
.price-page .dropdown:active {
  background-color: #f8f8f8;
}
.price-page .dropdown.active:hover,
.price-page .dropdown.active {
  /*box-shadow: 0 0 4px rgb(204, 204, 204);*/
  /*border-radius: 2px 2px 0 0;*/
  background-color: #f8f8f8;
}
.price-page .dropdown.active .select > i {
  transform: rotate(-180deg);
}
.price-page .dropdown .dropdown-menu {
  position: absolute;
  background-color: #fff;
  width: 100%;
  left: 0;
  margin-top: 1px;
  /*        box-shadow: 0 1px 2px rgb(204, 204, 204);
        border-radius: 0 1px 2px 2px;*/
  overflow: hidden;
  display: none;
  max-height: 30.625rem;
  overflow-y: auto;
  z-index: 9;
}
.price-page .fast-selection .dropdown .dropdown-menu {
  opacity: 0;
}
.price-page .dropdown .dropdown-menu li {
  padding: 10px;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
  font-size: 0.8rem;
  font-family: 'Brandon Text Black';
  letter-spacing: 0.125rem;
}
.price-page .dropdown .dropdown-menu {
  padding: 0;
  list-style: none;
  border: none!important;
}
.price-page .dropdown .dropdown-menu li:hover {
  background-color: #f2f2f2;
}
.price-page .dropdown .dropdown-menu li:active {
  background-color: #e2e2e2;
}
.price-page .btn.btn-gradient {
  float: none;
  display: inline-block;
  max-width: 11.25rem;
}
.price-page .btn.btn-gradient div {
  background-color: #000;
  color: #fff;
}
.price-page .btn-download {
  width: auto;
  max-width: 100%;
  padding-left: 0.9375rem !important;
  padding-right: 0.9375rem !important;
  margin: 3.125rem 0 0 !important;
}
.price-page .btn-download img {
  margin-right: 0.9375rem;
  margin-top: -0.3125rem;
}
.black-form-box {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%!important;
  position: relative!important;
  top: auto!important;
  left: auto!important;
  bottom: auto!important;
  width: 100%;
  margin: 0!important;
  z-index: initial!important;
  background-color: #000;
  padding: 1.875rem 5rem;
  color: #fff;
}
@media (min-width: 767px) {
  .black-form-box {
    max-width: calc((100% / 5) * 3) !important;
  }
}
@media (min-width: 1200px) {
  .black-form-box {
    max-width: calc((100% / 7) * 3) !important;
  }
}
.black-form-box p {
  text-align: center;
  margin-bottom: 2.5rem;
  opacity: 1;
  text-transform: uppercase;
  font-size: 1rem !important;
  font-style: normal;
  font-family: 'Brandon Grotesque Black';
}
.black-box-price {
  width: 100%;
  float: left;
  line-height: 3.5rem;
  background-color: #000;
  font-family: 'Brandon Grotesque Black';
  font-size: 1rem;
  padding: 0 0.625rem;
}
.full-search .search-top {
  background-color: #fff;
}
.full-search .search-top .search-box,
.full-search .search-top .search-icon,
.full-search .search-top .search-option,
.full-search .search-top .search-box input {
  border-color: rgba(0, 0, 0, 0.15) !important;
  color: #000 !important;
}
.full-search .search-top .options-row .search-option .cat-link::before {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.full-search .search-top .search-icon {
  background: #000;
}
.full-search .search-top.active {
  width: 100%;
}
.full-search .search-top.active .search-box {
  width: 31.25rem;
}
.search-top {
  /*    display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;*/
  display: none;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  position: relative;
  overflow: hidden!important;
  position: fixed;
  z-index: 950;
  right: 0;
  top: 0;
  background-color: #000;
  color: #fff;
  width: 7.5rem;
  min-height: 7.5rem;
}
.search-top.active {
  top: 0;
  bottom: auto;
  width: 26.3125rem;
  overflow: visible!important;
}
@media (min-width: 1200px) {
  .search-top.active {
    width: 37.4125rem;
  }
}
@media (min-width: 1470px) {
  .search-top.active {
    width: 26.3125rem;
  }
}
.search-top.active .search-icon {
  border-left: 0.0625rem solid #404040;
}
.search-top.active .search-icon .close-search {
  display: inline-block;
}
.search-top.active .search-icon .start-search {
  display: none;
}
.search-top.active .search-holder {
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex!important;
}
.search-top.active .options-row {
  display: block;
}
.search-top .search-icon {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 7.5rem;
  position: relative;
  width: 100%;
  margin: 0 0 0 auto;
  height: 7.5rem;
}
.search-top .search-icon .close-search {
  display: none;
}
.search-top .search-icon .search-icon-icon {
  display: inline-block;
}
.search-box {
  width: 14.6875rem;
  float: left;
  border: 0.125rem solid #404040;
  border-radius: 2rem;
  -moz-border-radius: 2rem;
  -webkit-border-radius: 2rem;
  text-transform: uppercase;
  background-position: right 0.9375rem center;
  background-repeat: no-repeat;
  font-family: 'Brandon Text Black';
  font-size: 0.875rem;
  letter-spacing: 0.25rem;
  margin: 0;
  color: #fff;
}
@media (min-width: 1200px) {
  .search-box {
    width: 26.6875rem;
  }
}
@media (min-width: 1470px) {
  .search-box {
    width: 14.6875rem;
  }
}
.search-box form {
  width: 100%;
  float: left;
  margin: 0;
}
.search-box input {
  width: 95%;
  /*width: 80%;*/
  height: 3.75rem;
  background: none;
  border: none;
  text-indent: 0.9375rem;
  font-family: 'Brandon Text Black';
  font-size: 0.875rem;
  letter-spacing: 0.125rem;
  color: #fff;
  text-transform: uppercase;
}
.search-box input::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-size: 0.75rem;
}
.search-box input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: 0.75rem;
}
.search-box input::-ms-input-placeholder {
  /* Microsoft Edge */
  font-size: 0.75rem;
}
.options-row {
  width: calc(100% + 1.875rem);
  float: left;
  margin-left: -0.9375rem;
  display: none;
  height: calc(100vh - 7.5rem);
  overflow: auto;
}
.options-row .search-option {
  width: 100%;
  float: left;
  padding: 0 1.875rem;
  height: 6.13541875rem;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 0.0625rem solid rgba(255, 255, 255, 0.251);
}
.options-row .search-option input {
  visibility: hidden;
  position: absolute;
  left: -3125rem;
}
.options-row .search-option input + label {
  font-family: 'Brandon Text Black';
  font-size: 0.75rem;
  line-height: 1.75rem;
  text-transform: uppercase;
  letter-spacing: 0.125rem;
  cursor: pointer;
  margin: 0!important;
}
@media (min-width: 1500px) {
  .options-row .search-option input + label {
    line-height: 1.25rem;
  }
}
.options-row .search-option input + label:before {
  float: left;
  width: 21px;
  height: 21px;
  background-color: #000;
  border: 0.0625rem solid rgba(255, 255, 255, 0.5);
  content: '';
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  margin-right: 1.875rem;
  background-size: cover;
  background-repeat: no-repeat;
}
.options-row .search-option input:checked + label:before {
  border-color: transparent;
  background-image: url(../img/icons/radio.png);
}
.options-row .search-option .cat-link {
  font-family: 'Brandon Text Black';
  font-size: 0.9rem;
  color: inherit;
  text-decoration: none!important;
  line-height: 1.75rem;
  text-transform: uppercase;
  letter-spacing: 0.125rem;
  cursor: pointer;
  margin: 0!important;
}
@media (min-width: 1500px) {
  .options-row .search-option .cat-link {
    line-height: 1.25rem;
  }
}
.options-row .search-option .cat-link:before {
  float: left;
  width: 21px;
  height: 21px;
  background-color: #000;
  border: 0.0625rem solid rgba(255, 255, 255, 0.5);
  content: '';
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  margin-right: 1.875rem;
  background-size: cover;
  background-repeat: no-repeat;
}
.options-row .search-option .cat-link:hover:before {
  border-color: transparent;
  background-image: url(../img/icons/radio.png);
}
.search-holder {
  display: none;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: calc(100% - 7.5rem);
  position: relative;
  width: 100%;
  margin: 0;
}
.item-box {
  position: relative;
  width: 100%;
  max-width: calc(12.5% + 1px);
  min-width: 11.9375rem;
  margin-top: -1px;
  margin-left: -1px;
  border: 1px solid #d9d9d9;
}
.item-box:hover {
  z-index: 50;
  border-color: transparent;
  background-color: #fff;
  /*color: #fff;*/
}
.item-box:hover a {
  background: #fff;
}
.item-box:hover a:after {
  display: block;
}
.item-box a {
  position: relative;
  width: 100%;
  min-height: 11.25rem;
  color: inherit;
  text-decoration: none!important;
  /*        &:hover {
                    background-color: #000;
                    color: #fff;
                }*/
}
.item-box a:after {
  position: absolute;
  z-index: -1;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: -1px;
  display: none;
  content: '';
  background: #fe579b;
  background: -moz-linear-gradient(45deg, #fe579b 0%, #ffaa68 100%);
  background: -webkit-linear-gradient(45deg, #fe579b 0%, #ffaa68 100%);
  background: linear-gradient(45deg, #fe579b 0%, #ffaa68 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe579b', endColorstr='#ffaa68', GradientType=1);
}
.item-box label {
  font-size: 0.9169375rem;
  font-family: 'Brandon Text Black';
  text-transform: uppercase;
  letter-spacing: 0.125rem;
  cursor: pointer;
  margin: 0.9375rem 0;
  width: 100%;
  text-align: center;
  text-decoration: none!important;
}
.item-logo {
  width: 8.5625rem;
  height: 5.125rem;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  /*     img {
            max-width: 100/@rem;
            max-height: 50/@rem;
        }*/
}
.search-page-top {
  /*border-bottom: 1px solid #d9d9d9;*/
  margin-bottom: 1px;
  padding: 0!important;
}
.search-page-top .navbar {
  padding-right: 0!important;
}
.search-page-top .search-icon {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 7.5rem;
  position: relative;
  width: 100%;
  background: #000;
  margin: 0;
  height: 7.5rem;
}
.search-page-top form {
  position: relative;
  width: 100%;
  max-width: 33.875rem;
}
.search-page-top form input {
  width: 100%;
  float: left;
  height: 3.75rem;
  padding: 0 0 0 2.1875rem;
  border: none;
  position: relative;
  background: none;
  background-size: auto auto;
  background-repeat: no-repeat;
  background-position: left 0.1875rem center;
  background-image: url(../img/search/search.png);
  font-family: 'Brandon Text Medium';
  font-size: 0.875rem;
  letter-spacing: 0.1875rem;
  text-transform: uppercase;
}
.search-page-top form:after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 1;
  height: 1px;
  background: #fd579b;
  background: -moz-linear-gradient(left, #fd579b 0%, #ffa968 100%);
  background: -webkit-linear-gradient(left, #fd579b 0%, #ffa968 100%);
  background: linear-gradient(to right, #fd579b 0%, #ffa968 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd579b', endColorstr='#ffa968', GradientType=1);
  content: '';
}
.sticky-bar {
  position: fixed;
  opacity: 0.4;
  /*    transition: top 0.2s linear 0s;
    -webkit-transition: top 0.2s linear 0s;*/
  z-index: 999;
  top: -7.5rem;
  left: 0;
  width: 100%;
  background-color: #000;
  color: #fff;
}
@media (max-width: 1050px) {
  .sticky-bar {
    display: none!important;
  }
}
.sticky-bar .close-box,
.sticky-bar .contact-box {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  position: relative;
  width: 100%;
  margin: 0;
  height: 7.5rem;
  max-width: 7.5rem;
}
@media (max-width: 1200px) {
  .sticky-bar .close-box {
    border-right: 0.0625rem solid #262626;
  }
}
.sticky-bar .contact-box {
  border-left: 0.0625rem solid #262626;
}
.sticky-bar .contact-box .nav-link {
  padding-left: 0!important;
  text-align: center;
}
.sticky-bar .link-box {
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  position: relative;
  width: 100%;
  margin: 0;
  height: 7.5rem;
  max-width: calc((100% - 15rem) / 7);
}
@media (min-width: 1200px) {
  .sticky-bar .link-box {
    border-left: 0.0625rem solid #262626;
  }
}
.sticky-bar .link-box img {
  margin-right: 1.125rem;
}
.sticky-bar .nav-link {
  color: inherit;
  padding-right: 0!important;
  width: 100%;
}
@media (max-width: 1400px) {
  .sticky-bar .nav-link {
    padding-left: 0.3125rem !important;
    font-size: 0.9375rem;
  }
  .sticky-bar .nav-link img {
    width: 2.125rem;
    margin-right: 0.625rem;
  }
}
.sticky-bar.visible {
  top: 0;
}
.sticky-bar.hide-on-search {
  top: -7.5rem;
}
.sticky-bar.closed {
  top: -7.5rem !important;
}
#freeReview h2 {
  margin-bottom: 5rem;
}
#freeReview h2 b {
  font-family: 'Brandon Grotesque Medium';
  font-style: italic;
}
#freeReview label {
  font-family: 'Brandon Text Medium';
}
#freeReview .form-control {
  border-bottom-color: #262626;
  color: #595959;
}
#freeReview .btn {
  letter-spacing: 0.125rem;
  margin-top: 5rem;
}
#freeReview .btn.btn-total {
  max-width: 16.4375rem;
}
#freeReview .btn.btn-total div {
  background-image: none;
}
.modal-backdrop {
  background-color: rgba(255, 255, 255, 0.8);
  transition: background 0.2s ease 0s;
  -webkit-transition: background 0.2s ease 0s;
}
.modal-backdrop.show {
  opacity: 1!important;
}
.modal-backdrop.backdrop-black {
  background-color: black;
}
.white-modal .modal-body,
.gray-form .modal-body {
  padding-top: 2.5rem;
}
.white-modal .modal-dialog,
.gray-form .modal-dialog {
  max-width: 50rem;
}
@media (min-width: 1100px) {
  .white-modal .modal-dialog,
  .gray-form .modal-dialog {
    max-width: 81.25rem;
  }
}
@media (min-width: 1400px) {
  .white-modal .modal-dialog,
  .gray-form .modal-dialog {
    max-width: 105rem;
  }
}
@media (min-width: 1750px) {
  .white-modal .modal-dialog,
  .gray-form .modal-dialog {
    max-width: 105rem;
  }
}
.white-modal.small-thanks .modal-dialog,
.gray-form.small-thanks .modal-dialog {
  max-width: 50rem;
}
@media (min-width: 1100px) {
  .white-modal.small-thanks .modal-dialog,
  .gray-form.small-thanks .modal-dialog {
    max-width: 81.25rem;
  }
}
@media (min-width: 1400px) {
  .white-modal.small-thanks .modal-dialog,
  .gray-form.small-thanks .modal-dialog {
    max-width: 75rem;
  }
}
.white-modal.small-thanks .modal-dialog h2,
.gray-form.small-thanks .modal-dialog h2 {
  font-size: 3rem;
  opacity: 0.5;
  margin: 0;
  letter-spacing: 0;
  font-family: 'Brandon Grotesque Regular Italic';
}
.white-modal.small-thanks .modal-dialog h4,
.gray-form.small-thanks .modal-dialog h4 {
  font-size: 1.5rem;
  font-family: 'Brandon Text Medium Italic';
  width: 12.5rem;
  text-align: center;
}
.white-modal.small-thanks .modal-dialog .contact-image,
.gray-form.small-thanks .modal-dialog .contact-image {
  width: 12.5rem;
  height: 12.5rem;
}
.white-modal.small-thanks .modal-dialog .modal-body,
.gray-form.small-thanks .modal-dialog .modal-body {
  padding: 1rem;
}
.white-modal#contactModal .modal-dialog,
.gray-form#contactModal .modal-dialog {
  max-width: 83%;
}
@media (min-width: 1300px) {
  .white-modal#contactModal .modal-dialog,
  .gray-form#contactModal .modal-dialog {
    max-width: calc(((100% - 15rem) / 7) * 5);
  }
}
.white-modal#contactModal textarea,
.gray-form#contactModal textarea {
  font-style: normal!important;
  font-family: 'Brandon Text Bold';
}
@media (min-width: 1500px) {
  .white-modal#contactModal textarea,
  .gray-form#contactModal textarea {
    font-family: 'Brandon Text';
  }
}
.white-modal .modal-content,
.gray-form .modal-content {
  box-shadow: 0px 3px 87px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 3px 87px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 3px 87px 0px rgba(0, 0, 0, 0.15);
  border: none;
  background-color: #fff;
  /*color: #fff;*/
}
.white-modal .modal-content h2,
.gray-form .modal-content h2 {
  font-family: 'Brandon Grotesque Light Italic';
  font-size: 3rem;
  line-height: 3.75rem;
  text-transform: none;
  opacity: 0.5;
  letter-spacing: 0.125rem;
  margin-top: 1.875rem;
}
.white-modal .modal-content label,
.gray-form .modal-content label {
  font-family: 'Brandon Text Black';
  letter-spacing: 0.125rem;
  margin: 0;
  font-size: 0.75rem;
  text-transform: uppercase;
  opacity: 0.5;
}
.white-modal .modal-content form label,
.gray-form .modal-content form label {
  opacity: 1;
}
.white-modal .modal-content p,
.gray-form .modal-content p {
  font-size: 0.75rem;
  letter-spacing: 0.125rem;
  font-family: 'Brandon Text Black';
  opacity: 1;
  text-transform: uppercase;
}
.white-modal .modal-header,
.gray-form .modal-header,
.white-modal .modal-body,
.gray-form .modal-body,
.white-modal .modal-footer,
.gray-form .modal-footer {
  border: none;
}
.white-modal .btn,
.gray-form .btn {
  font-size: 0.75rem;
  letter-spacing: 0.0625rem;
  display: inline-block;
  float: none!important;
  margin-top: 1.875rem;
  margin-bottom: 5rem;
}
.white-modal .btn.btn-total,
.gray-form .btn.btn-total {
  width: auto;
  color: #000;
  min-width: 18.75rem;
}
.white-modal .btn.btn-total:not([type="submit"]),
.gray-form .btn.btn-total:not([type="submit"]) {
  max-width: 100%;
  width: 100%;
}
.white-modal .btn.btn-total div,
.gray-form .btn.btn-total div {
  background-color: #fff;
  background-image: none;
}
.white-modal .btn.form-submit,
.gray-form .btn.form-submit {
  max-width: 15.625rem;
}
.white-modal .form-control,
.gray-form .form-control {
  margin-bottom: 1.375rem;
  background: none;
  border: none;
  color: #000;
  font-family: 'Brandon Text';
  /*font-style: italic;*/
  font-size: 1.125rem;
  border-bottom: 0.125rem solid #d9d9d9;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  height: 3.125rem;
  padding-left: 0;
}
.dark-modal .modal-body {
  padding-top: 2.5rem;
}
.dark-modal .modal-dialog {
  max-width: 50rem;
}
@media (min-width: 1100px) {
  .dark-modal .modal-dialog {
    max-width: 62.5rem;
  }
}
@media (min-width: 1400px) {
  .dark-modal .modal-dialog {
    max-width: 80rem;
  }
}
@media (min-width: 1750px) {
  .dark-modal .modal-dialog {
    max-width: 105rem;
  }
}
.dark-modal#priceModalMobile .modal-dialog {
  max-width: 50rem;
}
.dark-modal#priceModalMobile .form-group {
  margin-bottom: 2.5rem;
}
.dark-modal#priceModalMobile .form-control {
  border-bottom: 0.0625rem solid #404040 !important;
}
.dark-modal#priceModalMobile label,
.dark-modal#priceModalMobile select,
.dark-modal#priceModalMobile input {
  font-size: 1rem;
}
.dark-modal#priceModalMobile input {
  padding-left: 0.3125rem;
}
.dark-modal#priceModalMobile .btn {
  font-size: 1rem;
  text-align: center;
}
.dark-modal .modal-content {
  box-shadow: 0px 3px 87px 0px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 3px 87px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 3px 87px 0px rgba(0, 0, 0, 0.15);
  border: none;
  background-color: #000;
  color: #fff;
}
.dark-modal .modal-content h2 {
  font-family: 'Brandon Grotesque Light Italic';
  font-size: 3rem;
  line-height: 3.75rem;
  text-transform: none;
  opacity: 0.5;
  letter-spacing: 0.125rem;
  margin-top: 1.875rem;
}
.dark-modal .modal-content label {
  font-family: 'Brandon Text Black';
  letter-spacing: 0.125rem;
  margin: 0;
  font-size: 0.75rem;
  text-transform: uppercase;
  opacity: 0.5;
}
.dark-modal .modal-content form label {
  opacity: 1;
}
.dark-modal .modal-content p {
  font-size: 0.75rem;
  letter-spacing: 0.125rem;
  font-family: 'Brandon Text Black';
  opacity: 1;
  text-transform: uppercase;
}
.dark-modal .modal-header,
.dark-modal .modal-body,
.dark-modal .modal-footer {
  border: none;
}
.dark-modal .btn {
  font-size: 0.75rem;
  letter-spacing: 0.0625rem;
  display: inline-block !important;
  float: none!important;
  margin-top: 1.875rem;
  margin-bottom: 5rem;
}
.dark-modal .btn.btn-total {
  max-width: 31.125rem;
}
.dark-modal .btn.btn-total:not([type="submit"]) {
  width: 100%;
}
.dark-modal .form-control {
  margin-bottom: 1.375rem;
  background: none;
  border: none;
  color: #d9d9d9;
  font-family: 'Brandon Text';
  font-style: italic;
  font-size: 1.125rem;
  border-bottom: 0.125rem solid #d9d9d9;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  height: 3.125rem;
  padding-left: 0;
}
.thank-you h2 {
  opacity: 0.5 !important;
  font-size: 3rem;
  line-height: 1.5;
  letter-spacing: 0.125rem !important;
  text-transform: none;
  font-family: 'Brandon Grotesque Light Italic' !important;
}
.thank-you p {
  font-size: 1.125rem !important;
  font-family: 'Brandon Text' !important;
  font-style: italic!important;
  opacity: 0.5 !important;
  letter-spacing: 0!important;
}
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#youtubem .modal-body {
  padding: 0;
}
#youtubem .modal-dialog {
  max-width: 80rem;
}
#youtubem .modal-header,
#youtubem .modal-body,
#youtubem .modal-footer {
  border: none;
}
#youtubem .modal-header {
  padding: 0;
}
.close {
  z-index: 1200;
  padding: 0;
  margin: -5.625rem -1.875rem 0 auto !important;
  opacity: 0;
  transition: all 0.2s ease 0.6s;
  -webkit-transition: all 0.2s ease 0.6s;
  /*margin: -80/@rem -2rem -1rem auto;*/
  opacity: 1;
}
@media (min-width: 700px) {
  .close {
    margin: -5rem -5rem 0 auto !important;
  }
}
.modal-open .close {
  opacity: 1;
}
#menuModal {
  padding-right: 0!important;
}
#menuModal .modal-body {
  padding: 0 0.9375rem;
}
#menuModal .modal-dialog {
  margin: 0!important;
  min-height: 100vh;
  overflow: auto;
  max-width: 100%!important;
}
#menuModal .modal-dialog .modal-header {
  border-bottom: 0.0625rem solid #262626;
}
#menuModal .modal-dialog .modal-content {
  min-height: 100vh;
  overflow: auto;
}
#menuModal .close {
  margin: 0!important;
}
#menuModal .navbar-brand {
  font-family: 'Brandon Grotesque Black';
  color: #fff;
  font-size: 1.125rem;
  margin-left: 0.9375rem;
  line-height: 2.1875rem;
  letter-spacing: 0.21875rem;
}
#menuModal .navbar-brand img {
  margin-right: 1.875rem;
  float: left;
  width: 1.3125rem;
}
#menuModal .navbar-nav {
  padding: 1.25rem 1.875rem;
}
@media screen and (min-height: 700px) {
  #menuModal .navbar-nav {
    padding: 3.125rem 5rem;
  }
}
#menuModal .navbar-nav .nav-item {
  width: 100%;
  font-size: 1.125rem;
  letter-spacing: 0.125rem;
  font-family: 'Brandon Text Medium';
  text-transform: uppercase;
  padding: 0.625rem 0 !important;
}
@media screen and (min-height: 700px) {
  #menuModal .navbar-nav .nav-item {
    padding: 1.875rem 0 !important;
  }
}
#menuModal .navbar-nav .nav-link {
  text-align: left;
  color: inherit;
}
#menuModal .social-nav {
  padding: 0;
}
@media screen and (min-height: 700px) {
  #menuModal .social-nav {
    padding: 0;
  }
}
#menuModal .social-nav .nav-link {
  width: 2.625rem;
  height: 2.625rem;
  border: 0.0625rem solid #808080;
  color: #808080;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  font-size: 1.375rem;
  padding: 0!important;
  text-align: center;
  margin: 0 0.9375rem 1.875rem;
}
#menuModal .social-nav .nav-link .fa,
#menuModal .social-nav .nav-link i,
#menuModal .social-nav .nav-link svg {
  line-height: 2.625rem;
}
#quickViewModal .modal-dialog {
  margin-top: 6.25rem;
}
#quickViewModal .modal-header {
  padding: 0;
}
#quickViewModal .modal-body {
  padding: 0;
}
#quickViewModal .modal-body img {
  width: 100%;
  height: auto;
}
#contactModal form,
.gray-form form {
  margin: 0;
}
#contactModal .btn,
.gray-form .btn {
  margin-top: 0;
  margin-bottom: 0;
}
#contactModal h3,
.gray-form h3 {
  text-transform: none!important;
  font-family: 'Brandon Text Medium';
  font-size: 1.5rem;
  font-style: italic;
}
#contactModal p,
.gray-form p,
#contactModal label,
.gray-form label {
  font-family: 'Brandon Text Medium';
  font-size: 0.75rem;
  line-height: 1.25rem;
}
#contactModal .modal-body,
.gray-form .modal-body {
  padding: 3.75rem;
}
#contactModal .form-control,
.gray-form .form-control {
  border-bottom: 0.0625rem solid #d9d9d9;
  color: inherit!important;
  padding: 0.9375rem;
}
#contactModal textarea.form-control,
.gray-form textarea.form-control {
  min-height: 19.375rem;
  border: 0.0625rem solid #d9d9d9;
}
#contactModal .social-nav,
.gray-form .social-nav {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 19.375rem;
}
#contactModal .social-nav .nav-link,
.gray-form .social-nav .nav-link {
  color: inherit;
}
#contactModal .left-side,
.gray-form .left-side {
  margin-bottom: 1.875rem;
}
#contactModal .bullet img,
.gray-form .bullet img {
  margin-right: 0.625rem;
  margin-top: -0.125rem;
  display: inline-block;
}
#contactModal input[type="file"],
.gray-form input[type="file"] {
  visibility: hidden;
  position: absolute;
}
#contactModal .goFile,
.gray-form .goFile {
  margin-left: 0.9375rem;
}
#contactModal .goFileGray,
.gray-form .goFileGray {
  margin-left: 0.9375rem;
}
.questionare-box {
  display: none;
  height: 4rem;
  position: absolute;
  right: 17.5rem;
  top: 0;
  width: 52.0625rem;
}
.questionare-box .close-box {
  max-width: 2.125rem;
  margin-top: 1rem;
  float: left;
  opacity: 0;
}
.questionare-box .btn.btn-download-double {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -1rem !important;
  max-width: 15.625rem !important;
}
.questionare-box .btn.btn-download-double.position-2 {
  margin-left: -1.1875rem !important;
}
.questionare-box .btn.btn-download-double.position-3 {
  right: 50%;
  left: auto;
  margin-left: 0!important;
  margin-right: -14.25rem !important;
}
.questionare-box.start-movement .close-box {
  opacity: 0.5;
}
.questionare-box.start-movement .btn.btn-download-double.position-1 {
  left: 0;
  margin-left: 3.125rem !important;
}
.questionare-box.start-movement .btn.btn-download-double.position-2 {
  margin-left: -6.3125rem !important;
}
.questionare-box.start-movement .btn.btn-download-double.position-3 {
  right: 0;
  margin-right: 0!important;
}
.gray-form-section {
  margin-top: 0;
}
.gray-form-section .container {
  padding-left: 0.9375rem;
  padding-right: 0.875rem;
}
.gray-form {
  padding: 3.75rem;
  background-color: #f3f4f4;
  width: 100%;
  float: left;
  border: 1px solid #d9d9d9;
}
.gray-form textarea.form-control {
  background-color: #fff !important;
}
.gray-form .btn.btn-gradient div {
  background-color: #f3f4f4;
}
.gray-form .top-contact-info a,
.gray-form .top-contact-info span {
  font-size: 0.875rem;
  color: inherit;
  text-decoration: none;
}
#quickViewModal .modal-example-slider {
  position: relative;
  width: 100%;
  float: left;
}
#quickViewModal .modal-example-slider .slick-arrow {
  position: absolute;
  left: 0;
  top: 0;
  background: none;
  border: none;
  appearance: none!important;
  z-index: 20;
  height: 100%;
  width: 20%;
  background: -moz-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
  opacity: 0;
}
#quickViewModal .modal-example-slider .slick-arrow.slick-next {
  left: 80%;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
}
#quickViewModal .modal-example-slider .slick-arrow:hover {
  opacity: 1;
}
@media (max-width: 1730px) {
  html {
    font-size: 14px;
  }
}
@media (max-width: 1500px) {
  html {
    font-size: 12px;
  }
}
@media screen and (max-width: 1200px) {
  .mobile-menu {
    background-color: #fff;
  }
  .tablet-margin {
    margin-top: 13.125rem;
  }
  h1 br {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .info-box {
    margin: 15px 0;
  }
  h2,
  .h2 {
    /*.s(46);*/
    letter-spacing: 0.25rem;
  }
  .c-section .container-fluid,
  .cat-section .container-fluid,
  .example-description,
  .footer .container-fluid {
    padding: 0 0.9375rem !important;
  }
  .section-bg,
  #search,
  #calculator {
    display: none!important;
  }
  .tablet-margin {
    margin-top: 0;
  }
  .footer {
    margin: 0;
  }
  .clutch-holder {
    margin-top: 2.063rem;
  }
  section {
    min-height: 0.0625rem !important;
    padding: 3.125rem 0 !important;
  }
  section.hero {
    padding-top: 19.375rem !important;
    padding-bottom: 11rem !important;
  }
  section.hero .section-bg {
    /*                width: 50%;
                left: 25%;*/
    width: calc(100% - 15rem) !important;
    left: 7.5rem !important;
    margin-left: 0 !important;
    /*min-height: 31rem;*/
    min-height: 37rem;
    display: block!important;
  }
  section.hero .btn {
    display: none;
  }
  h1 {
    font-size: 3.125rem;
    line-height: 3.875rem;
  }
  h2 {
    font-size: 2.5rem;
    line-height: 3.25rem;
  }
  .white-modal#contactModal .modal-dialog {
    max-width: 100%;
    margin-top: 7.5rem !important;
  }
  .questionare-box {
    height: auto;
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
  }
  .questionare-box.start-movement .btn.btn-download-double.position-1,
  .questionare-box.start-movement .btn.btn-download-double.position-2 {
    margin-left: 0!important;
  }
  .questionare-box.start-movement .btn.btn-download-double.position-1 {
    margin-top: 0.9375rem !important;
  }
  .questionare-box .btn.btn-download-double {
    position: relative;
    top: auto!important;
    left: auto!important;
    margin-left: 0 !important;
    margin-bottom: 0.9375rem !important;
    max-width: 100%!important;
    float: left !important;
  }
  .btn.btn-download.get-me-out {
    display: none;
  }
  #contactModal {
    padding-left: 0!important;
  }
  .footer .clutch-holder.pl-3 {
    padding-left: 0!important;
  }
}
@media screen and (max-width: 630px) {
  .map-holder {
    display: none;
  }
  .maps {
    min-height: 0.0625rem;
    margin-top: 0;
    padding-top: 3.125rem;
  }
  .maps .row {
    margin-top: 1.875rem !important;
  }
}
/*# sourceMappingURL=main.css.map */