@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i");
/*
 * Colors
 */
/*
 * Mixins
 */
body.black-style::-webkit-input-placeholder, .fc::-webkit-input-placeholder {
  font-size: 9pt; }

/* WebKit, Blink, Edge */
body.black-style::-moz-placeholder, .fc::-moz-placeholder {
  font-size: 9pt; }

/* Mozilla Firefox 4 to 18 */
body.black-style::-moz-placeholder, .fc::-moz-placeholder {
  font-size: 9pt; }

/* Mozilla Firefox 19+ */
body.black-style::-ms-input-placeholder, .fc:-ms-input-placeholder {
  font-size: 9pt; }

/* Internet Explorer 10-11 */
body.black-style::-ms-input-placeholder, .fc::-ms-input-placeholder {
  font-size: 9pt; }

/* Microsoft Edge */
.icon-bar {
  background: #ab9861; }

@media (min-width: 992px) {
  .col-20p {
    float: left;
    width: 20%; } }

.h-padding-left {
  padding-left: 7px !important; }

.h-padding-right {
  padding-right: 7px !important; }

.navbar-toggle .icon-bar {
  display: block;
  width: 34px;
  height: 4px;
  border-radius: 1px;
  margin-bottom: 7px; }

@media (max-width: 768px) {
  .navbar-collapse {
    position: absolute;
    width: 100%;
    z-index: 10000; } }

@media (max-width: 768px) {
  .navbar-brand > img {
    height: 40px; } }

.no-side-padding {
  padding-left: 0;
  padding-right: 0; }

@media (min-width: 1024px) and (max-width: 1024px) {
  .no-side-padding-1024 {
    padding-left: 0;
    padding-right: 0; } }

.no-padding-left {
  padding-left: 0; }

.no-padding-right {
  padding-right: 0; }

@media (min-width: 769px) {
  .desktop-no-padding-left {
    padding-left: 0; } }

@media (min-width: 769px) {
  .desktop-no-padding-right {
    padding-right: 0; } }

.t_logo {
  margin-top: 34px; }

@media (max-width: 991px) {
  .t_logo {
    margin-bottom: 34px; } }
@media (max-width: 991px) {
  .mobile-no-padding-left {
    padding-left: 0; }

  .mobile-no-padding-right {
    padding-left: 0; }

  .mobile-no-side-padding {
    padding-left: 0;
    padding-right: 0; }

  .mobile-text-center {
    text-align: center; }

  .mobile-mt-15 {
    margin-top: 15px; } }
@media (max-width: 991px) {
  .tablet-no-padding-left {
    padding-left: 0; }

  .tablet-no-padding-right {
    padding-left: 0; }

  .tablet-no-side-padding {
    padding-left: 0;
    padding-right: 0; }

  .tablet-text-center {
    text-align: center; } }
@media (max-width: 991px) and (max-width: 991px) {
  .container {
    width: 100%; } }
/* AOS new animation */
[data-aos="opacity-slide-left"] {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
  transition-property: transform, opacity; }
  [data-aos="opacity-slide-left"].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0); }

[data-aos="opacity-slide-left-mobile"] {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
  transition-property: transform, opacity; }
  @media (max-width: 991px) {
    [data-aos="opacity-slide-left-mobile"] {
      transform: translate3d(0, 100%, 0); } }
  [data-aos="opacity-slide-left-mobile"].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0); }

[data-aos="opacity-slide-right"] {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
  transition-property: transform, opacity; }
  [data-aos="opacity-slide-right"].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0); }

[data-aos="opacity-slide-right-mobile"] {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
  transition-property: transform, opacity; }
  @media (max-width: 991px) {
    [data-aos="opacity-slide-right-mobile"] {
      transform: translate3d(0, 100%, 0); } }
  [data-aos="opacity-slide-right-mobile"].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0); }

[data-aos="opacity-slide-up"] {
  opacity: 0;
  transform: translate3d(0, 100%, 0);
  transition-property: transform, opacity; }
  [data-aos="opacity-slide-up"].aos-animate {
    opacity: 1;
    transform: translate3d(0, 0, 0); }

.black-color {
  color: #000 !important; }

.top-head-text {
  color: #ab9861;
  font-family: 'ZonaPro-Light';
  text-transform: uppercase;
  font-size: 40pt;
  letter-spacing: 4px;
  margin-top: 1%; }
  @media (max-width: 768px) {
    .top-head-text {
      font-size: 25pt;
      margin-top: 0; } }
  @media (max-width: 1280px) {
    .top-head-text {
      margin-top: 3%; } }
  @media (min-width: 1281px) and (max-width: 1366px) {
    .top-head-text {
      margin-top: 0%; } }
  @media (min-width: 1600px) {
    .top-head-text {
      margin-top: 5%; } }
  @media (min-width: 992px) and (max-width: 1024px) {
    .top-head-text {
      font-size: 3vw; } }
  @media (min-width: 1025px) and (max-width: 1280px) {
    .top-head-text {
      font-size: 3vw; } }

.mask-text {
  font-family: 'ZonaPro-ExtraBold';
  text-align: center;
  margin: 0;
  background: url(/static/img/text_bg_1.jpg) center;
  /* background-size: initial; */
  background-size: 135%;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-size: 128pt;
  text-transform: uppercase;
  behavior: url(/static/css/iefix/PIE.htc); }
  @media (max-width: 768px) {
    .mask-text {
      font-size: 32pt !important; } }
  @media (min-width: 992px) and (max-width: 1024px) {
    .mask-text {
      font-size: 65pt; } }
  @media (min-width: 1025px) and (max-width: 1280px) {
    .mask-text {
      font-size: 65pt; } }
  @media (min-width: 1281px) and (max-width: 1366px) {
    .mask-text {
      font-size: 75pt; } }
  @media (min-width: 1367px) and (max-width: 1440px) {
    .mask-text {
      font-size: 88pt; } }

.mask-text-2 {
  font-family: 'ZonaPro-ExtraBold';
  text-align: center;
  line-height: 0.9em;
  margin: 0;
  background: url(/static/img/pa_bg.jpg) center;
  /* background-size: initial; */
  background-size: 100%;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-size: 128pt;
  text-transform: uppercase;
  behavior: url(/static/css/iefix/PIE.htc); }
  @media (max-width: 768px) {
    .mask-text-2 {
      font-size: 32pt !important; } }
  @media (min-width: 992px) and (max-width: 1024px) {
    .mask-text-2 {
      font-size: 65pt; } }
  @media (min-width: 1025px) and (max-width: 1280px) {
    .mask-text-2 {
      font-size: 65pt; } }
  @media (min-width: 1281px) and (max-width: 1366px) {
    .mask-text-2 {
      font-size: 75pt; } }
  @media (min-width: 1367px) and (max-width: 1440px) {
    .mask-text-2 {
      font-size: 88pt; } }

p.intro-text {
  width: 55%;
  margin-left: 22.5%;
  margin-top: 15px;
  font-size: 20px;
  line-height: 30px; }
  @media (min-width: 1367px) {
    p.intro-text {
      margin-top: 1.8em; } }
  @media (max-width: 768px) {
    p.intro-text {
      width: 100%;
      margin-left: 0; } }
  @media (max-width: 1366px) {
    p.intro-text {
      margin-top: 1.4em; } }

@media (min-width: 769px) and (max-width: 1024px) {
  a.navbar-brand img {
    width: 261px; } }
@media (min-width: 1025px) and (max-width: 1280px) {
  a.navbar-brand img {
    width: 285px; } }
@media (min-width: 1281px) {
  a.navbar-brand img {
    width: 315px; } }

a.brown-btn {
  font-family: 'ZonaPro-SemiBold';
  color: #ab9861;
  text-transform: uppercase;
  border: 1px solid #ab9861;
  padding: 10px 30px;
  letter-spacing: 2px; }
  a.brown-btn:hover, a.brown-btn:focus {
    text-decoration: none;
    background: #ab9861;
    color: #fff; }

.our-team {
  font-size: 150pt;
  position: relative;
  left: auto;
  margin: 15% auto;
  font-family: "ZonaPro-ExtraBold";
  text-align: center;
  /* background: url(/static/img/text_bg_2.jpg) center; */
  /* background: url(/static/img/about_team_bg.jpg) center; */
  background: url(/static/img/about_bg.jpg) 0 -81%;
  /* background-size: initial; */
  /* background-size: 135%; */
  background-size: 84%;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font-size: 128pt;
  text-transform: uppercase;
  behavior: url(/static/css/iefix/PIE.htc); }
  @media (max-width: 767px) {
    .our-team {
      font-size: 34pt;
      position: relative;
      left: auto;
      margin: 0 auto;
      margin-top: 20%; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .our-team {
      font-size: 79pt;
      position: relative;
      left: auto;
      margin: 0 auto;
      margin-top: 11%; } }
  @media (min-width: 992px) and (max-width: 1199px) {
    .our-team {
      font-size: 114pt;
      margin-top: calc(19% - 12px);
      margin-bottom: 19%; } }
  @media (min-width: 1200px) {
    .our-team {
      font-size: 150pt !important;
      /* margin: 15% auto; */
      margin-left: auto;
      margin-right: auto;
      margin-top: calc(19% - 40px);
      margin-bottom: 19%;
      line-height: 1; } }

@media (min-width: 1200px) {
  .first-name {
    /* margin-top: 0 !important; */
    padding-top: 0 !important; } }
@media (max-width: 768px) {
  .first-name {
    padding-top: 15% !important; } }
@media (min-width: 992px) and (max-width: 1199px) {
  .first-name {
    padding-top: 0 !important;
    margin-top: 16vh !important; } }

@media (max-width: 768px) {
  .mobile-fixed {
    position: fixed !important; } }

@media (min-width: 768px) {
  .navbar-nav {
    float: right; } }

@media (min-width: 768px) {
  .navbar-nav > li > a {
    text-transform: uppercase;
    color: #000; } }
@media (min-width: 1024px) and (max-width: 1024px) {
  .navbar-nav > li > a {
    padding: 10px 8px;
    font-size: 9pt;
    margin-top: 8px; } }

@media (max-width: 768px) {
  .carousel-indicators {
    top: 0;
    z-index: 0; } }
@media (min-width: 1366px) and (max-width: 1599px) {
  .carousel-indicators {
    top: 48vh !important; } }
@media (min-width: 769px) {
  .carousel-indicators {
    top: 48vh;
    z-index: 9999; } }
  @media (min-width: 769px) and (min-width: 769px) and (max-width: 1024px) {
    .carousel-indicators {
      top: 41vh; } }
  @media (min-width: 769px) and (min-width: 1024px) and (max-width: 1024px) and (max-height: 768px) {
    .carousel-indicators {
      top: 55vh; } }
  @media (min-width: 769px) and (min-width: 1025px) and (max-width: 1335px) {
    .carousel-indicators {
      top: 43vh; } }

.carousel-indicators li {
  background: rgba(39, 78, 108, 0.5);
  border-color: rgba(39, 78, 108, 0.5); }

.carousel-indicators .active {
  background: #274e6c;
  border-color: #274e6c; }

@media (min-width: 768px) {
  #carousel {
    margin-top: 39vh; } }
@media (min-width: 769px) {
  #carousel {
    height: 50vh; } }
@media (min-width: 1024px) and (max-width: 1024px) and (max-height: 768px) {
  #carousel {
    margin-top: 29vh;
    height: 58vh; } }
@media (min-width: 768px) and (max-width: 991px) {
  #carousel {
    margin-top: 16%;
    margin-bottom: 14%;
    height: 35.5vh; } }
@media (min-width: 1025px) and (max-width: 1335px) {
  #carousel {
    margin-top: 35vh; } }
@media (min-width: 1281px) and (max-width: 1366px) {
  #carousel {
    margin-top: 35vh; } }
@media (min-width: 1367px) and (max-width: 1600px) {
  #carousel {
    margin-top: 41vh; } }
@media (min-width: 1440px) {
  #carousel {
    margin-top: 28vh; } }
#carousel p.description {
  font-size: 20px;
  line-height: 30px;
  margin-top: 45px;
  margin-bottom: 30px; }
  @media (min-width: 769px) and (max-width: 1024px) {
    #carousel p.description {
      padding-left: 130px;
      padding-right: 130px; } }
  @media (min-width: 1025px) and (max-width: 1335px) {
    #carousel p.description {
      padding-left: 70px;
      padding-right: 70px; } }
  @media (min-width: 1281px) and (max-width: 1366px) {
    #carousel p.description {
      padding-left: 30px;
      padding-right: 30px; } }
  @media (min-width: 769px) and (max-width: 1599px) {
    #carousel p.description {
      margin-top: 0; } }
#carousel .mask-text {
  margin-top: 30px;
  font-family: 'ZonaPro-ExtraBold';
  text-align: center;
  margin: 0;
  background: url(/static/img/text_bg_9.jpg) center;
  /* background-size: initial; */
  background-size: 135%;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  /*font-size: 80pt; */
  font-size: 24pt;
  text-transform: uppercase; }
  @media (max-width: 768px) {
    #carousel .mask-text {
      font-size: 26pt !important;
      margin-top: 26px !important; } }

@media (min-width: 768px) and (max-width: 768px) {
  .nav > li > a {
    padding: 10px 11px !important; } }

.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: transparent;
  color: #ab9861; }

.carousel-control.right, .carousel-control.left {
  background: transparent !important;
  height: 100vh;
  top: 12%; }
  @media (max-width: 767px) {
    .carousel-control.right, .carousel-control.left {
      height: 100vh;
      margin-top: -3vw;
      position: absolute;
      top: 0; } }
  @media (min-width: 767px) and (max-width: 991px) {
    .carousel-control.right, .carousel-control.left {
      height: auto;
      margin-top: 4vw;
      position: absolute;
      top: -3px; } }

.rounded-image {
  border-radius: 50%;
  behavior: url(/static/css/iefix/PIE.htc); }

.page-content {
  height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  margin-top: 110px;
  margin-bottom: 110px; }
  @media (max-width: 768px) {
    .page-content {
      height: auto;
      margin-top: 0;
      margin-bottom: 30px; } }
  @media (min-width: 769px) {
    .page-content {
      scroll-snap-type: both mandatory; } }

.r_navigate {
  position: fixed;
  top: 37%;
  right: 2%; }
  @media (max-width: 768px) {
    .r_navigate {
      display: none; } }
  .r_navigate ul {
    padding-left: 0;
    list-style: none;
    width: 10px; }
    .r_navigate ul li {
      margin-top: 5px;
      margin-bottom: 5px;
      position: relative;
      cursor: pointer; }
      .r_navigate ul li a {
        position: absolute;
        right: 15px;
        top: -4px; }
        .r_navigate ul li a span {
          display: none; }
      .r_navigate ul li > span {
        width: 10px;
        height: 10px;
        display: block;
        background: rgba(39, 78, 108, 0.5);
        border-radius: 50%;
        right: 0;
        margin-left: 4px; }
      .r_navigate ul li:hover a span, .r_navigate ul li.active a span {
        display: inline-block;
        width: 250px;
        text-align: right;
        text-transform: uppercase;
        color: #274e6c;
        font-family: 'ZonaPro-SemiBold'; }
        @media (max-width: 1569px) {
          .r_navigate ul li:hover a span, .r_navigate ul li.active a span {
            display: none; } }
      .r_navigate ul li:hover > span, .r_navigate ul li.active > span {
        background: #274e6c; }

.big-container {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
  display: block;
  width: 1280px; }
  @media (max-width: 1023px) {
    .big-container {
      width: 100%;
      display: inline-block; } }
  @media (min-width: 1024px) and (max-width: 1024px) {
    .big-container {
      width: 1100px; } }

html {
  overflow-x: hidden;
  /* IE fix */ }
  html.ie .mask-text, html.ie .mask-text-2, html.ie .our-team {
    display: none !important; }
  html.ie .title-img-content {
    display: block; }
    html.ie .title-img-content img {
      margin: 0 auto; }
      html.ie .title-img-content img.no-center {
        margin: 0 !important; }
  html .title-img-content {
    display: none; }

body {
  font-family: 'ZonaPro-Regular';
  color: #000;
  overflow-x: hidden; }
  @media (min-width: 768px) {
    body header {
      overflow-x: hidden; } }
  body header .top-content {
    background: #fff;
    display: block;
    position: relative;
    z-index: 1; }
    @media (min-width: 768px) {
      body header .top-content {
        /* overflow-x: hidden; */ } }
  body header nav {
    right: 0;
    left: 0;
    z-index: 1030;
    background: #fff;
    padding-bottom: 30px; }
    @media (max-width: 768px) {
      body header nav {
        padding-bottom: 0; } }
    @media (min-width: 768px) {
      body header nav {
        overflow-x: hidden; } }
    @media (min-width: 769px) {
      body header nav {
        position: fixed !important; } }
  body header #navbar {
    margin-top: 45px; }
    @media (max-width: 768px) {
      body header #navbar {
        margin-top: 0;
        background: #fff;
        text-align: center; } }
    @media (min-width: 768px) and (max-width: 768px) {
      body header #navbar {
        margin-top: 60px;
        z-index: 999;
        position: relative; } }
    @media (min-width: 992px) and (max-width: 1024px) {
      body header #navbar {
        margin-top: 12px; } }
    @media (min-width: 1025px) and (max-width: 1280px) {
      body header #navbar {
        margin-top: 23px; } }
    @media (min-width: 1281px) and (max-width: 1366px) {
      body header #navbar {
        margin-top: 30px; } }
    @media (min-width: 1367px) and (max-width: 1440px) {
      body header #navbar {
        margin-top: 30px; } }
    body header #navbar ul li.active {
      text-decoration: none;
      background-color: transparent; }
      body header #navbar ul li.active a {
        color: #ab9861; }
  body .top-btn {
    margin-top: 40px;
    display: inline-block; }
    @media (max-width: 768px) {
      body .top-btn {
        margin-bottom: 150px; } }
    @media (max-width: 1366px) {
      body .top-btn {
        margin-top: 25px; } }
  body .about-us {
    margin-top: 10vh;
    padding-top: 7%; }
    @media (max-width: 768px) {
      body .about-us {
        height: auto;
        padding-top: 0; } }
    @media (min-width: 769px) {
      body .about-us {
        scroll-snap-align: center; } }
    body .about-us .left-side .mask-text {
      margin-top: -14px;
      font-family: 'ZonaPro-ExtraBold';
      text-align: right;
      /* background: url(/static/img/text_bg_2.jpg) center; */
      background: url(/static/img/about_bg.jpg) center;
      /* background-size: initial; */
      background-size: 215% !important;
      background-repeat: no-repeat;
      background-clip: text;
      -webkit-background-clip: text;
      color: transparent;
      font-size: 109pt;
      line-height: 1.1em;
      text-transform: uppercase; }
      @media (max-width: 768px) {
        body .about-us .left-side .mask-text {
          font-size: 37pt;
          text-align: center; } }
      @media (min-width: 768px) and (max-width: 768px) {
        body .about-us .left-side .mask-text {
          font-size: 75pt !important;
          text-align: center; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        body .about-us .left-side .mask-text {
          font-size: 89pt !important; } }
    body .about-us .right-side {
      padding-left: 3.8em; }
      @media (max-width: 768px) {
        body .about-us .right-side {
          padding-left: 0;
          padding-right: 0; } }
      @media (min-width: 769px) {
        body .about-us .right-side {
          padding-left: 3.8em;
          margin-top: 15px; } }
      @media (min-width: 991px) and (max-width: 1199px) {
        body .about-us .right-side {
          margin-top: 12px !important; } }
      body .about-us .right-side h3 {
        font-size: 23pt;
        text-transform: uppercase;
        font-family: 'ZonaPro-ExtraBold';
        padding: 0px 70px 25px 0;
        margin-top: -5px; }
        @media (max-width: 768px) {
          body .about-us .right-side h3 {
            font-size: 20pt;
            text-align: center;
            margin-bottom: 20px;
            padding: 0; } }
        @media (min-width: 768px) and (max-width: 768px) {
          body .about-us .right-side h3 {
            font-size: 20pt;
            text-align: center;
            margin-bottom: 20px; } }
        @media (min-width: 769px) {
          body .about-us .right-side h3 {
            margin-top: -9px;
            line-height: 1.3em; } }
      body .about-us .right-side p {
        color: #292929;
        font-size: 20px;
        line-height: 30px; }
        @media (max-width: 768px) {
          body .about-us .right-side p {
            text-align: center;
            margin-top: 20px; } }
  body .last-child {
    margin-bottom: 30vh; }
  body .about-us-name {
    margin-top: 25vh;
    padding-top: 26.5vh; }
    @media (max-width: 768px) {
      body .about-us-name {
        padding-top: 25%;
        margin-top: 0; } }
    @media (min-width: 769px) {
      body .about-us-name {
        scroll-snap-align: center; } }
    body .about-us-name .left-side img {
      width: 100%; }
      @media (min-width: 768px) and (max-width: 768px) {
        body .about-us-name .left-side img {
          width: 40%;
          margin: 0 auto;
          text-align: center;
          display: inherit; } }
    body .about-us-name .right-side {
      padding-left: 41px; }
      @media (max-width: 768px) {
        body .about-us-name .right-side {
          padding-left: 0;
          margin-top: 0 !important; } }
      body .about-us-name .right-side .mask-text {
        font-family: 'ZonaPro-ExtraBold';
        margin: 0;
        /* background: url(/static/img/text_bg_2.jpg) center; */
        /* background: url(/static/img/about_team_bg.jpg) 0% 0;*/
        background: url(/static/img/about_bg.jpg) 0% 92%;
        background-size: initial;
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        text-transform: uppercase;
        text-align: left;
        font-size: 54pt;
        margin-left: 10px; }
        @media (max-width: 768px) {
          body .about-us-name .right-side .mask-text {
            font-size: 35pt;
            text-align: center;
            margin-top: 15px;
            margin-bottom: 15px; } }
        @media (min-width: 768px) and (max-width: 768px) {
          body .about-us-name .right-side .mask-text {
            font-size: 44pt !important;
            text-align: center;
            margin-top: 30px;
            margin-bottom: 30px; } }
      body .about-us-name .right-side h3 {
        font-size: 23pt;
        text-transform: uppercase;
        padding-left: 15px;
        font-family: 'ZonaPro-Bold';
        margin-top: 0; }
        @media (max-width: 768px) {
          body .about-us-name .right-side h3 {
            font-size: 15pt;
            text-align: center;
            margin-bottom: 15px; } }
      body .about-us-name .right-side p {
        color: #292929;
        font-size: 20px;
        line-height: 30px;
        padding-left: 15px;
        padding-top: 9px; }
        @media (max-width: 768px) {
          body .about-us-name .right-side p {
            text-align: center;
            padding-left: 0; } }
  body .pa_team {
    margin-top: 10vh;
    padding-top: 11%; }
    @media (max-width: 768px) {
      body .pa_team {
        height: auto;
        padding-top: 0; } }
    @media (min-width: 769px) {
      body .pa_team {
        scroll-snap-align: center; } }
    body .pa_team .mask-text {
      font-family: 'ZonaPro-ExtraBold';
      text-align: center;
      margin: 0;
      background: url(/static/img/pa_bg.jpg) center;
      /* background-size: initial; */
      background-size: 135%;
      background-clip: text;
      -webkit-background-clip: text;
      color: transparent;
      font-size: 155pt;
      text-transform: uppercase;
      behavior: url(/static/css/iefix/PIE.htc); }
      @media (max-width: 991px) {
        body .pa_team .mask-text {
          font-size: 72pt !important; } }
    body .pa_team .about-us-name {
      margin-top: 18vh; }
      @media (max-width: 991px) {
        body .pa_team .about-us-name {
          margin-top: 8vh; } }
      body .pa_team .about-us-name .mask-text {
        font-family: 'ZonaPro-ExtraBold';
        margin: 0;
        /* background: url(/static/img/text_bg_2.jpg) center; */
        /* background: url(/static/img/about_team_bg.jpg) 0% 0; */
        /* background: url(/static/img/about_bg.jpg) 0% 92%; */
        background: url(/static/img/pa_bg.jpg) center;
        background-size: initial;
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        text-transform: uppercase;
        text-align: left;
        font-size: 54pt;
        margin-left: 10px; }
  body .service-1 {
    margin-top: 10vh;
    padding-top: 7%; }
    @media (max-width: 768px) {
      body .service-1 {
        height: auto;
        padding-top: 0; } }
    @media (min-width: 769px) {
      body .service-1 {
        scroll-snap-align: center; } }
    body .service-1 .top-head-text {
      margin-top: 0; }
      @media (max-width: 768px) {
        body .service-1 .top-head-text {
          font-size: 25pt;
          margin-top: 0; } }
    body .service-1 .top-content .mask-text {
      font-family: 'ZonaPro-ExtraBold';
      text-align: center;
      margin-bottom: 0.1em;
      /* background: url(/static/img/text_bg_3.jpg) center; */
      background: url(/static/img/our_services_bg.jpg) center;
      /*background-size: contain;*/
      background-size: 135%;
      background-clip: text;
      -webkit-background-clip: text;
      color: transparent;
      font-size: 150pt;
      text-transform: uppercase; }
      @media (max-width: 768px) {
        body .service-1 .top-content .mask-text {
          font-size: 37pt;
          text-align: center; } }
      @media (min-width: 768px) and (max-width: 768px) {
        body .service-1 .top-content .mask-text {
          font-size: 80pt !important; } }
      @media (min-width: 991px) and (max-width: 1199px) {
        body .service-1 .top-content .mask-text {
          font-size: 110pt; } }
    body .service-1 .left-side h4 {
      font-size: 25pt;
      text-align: right;
      font-family: 'ZonaPro-Bold';
      text-transform: uppercase; }
      @media (min-width: 769px) {
        body .service-1 .left-side h4 {
          padding-left: 120px;
          padding-right: 20px; } }
      @media (max-width: 768px) {
        body .service-1 .left-side h4 {
          font-size: 17pt;
          text-align: center; } }
    body .service-1 .right-side p {
      font-size: 20px;
      line-height: 30px;
      margin-top: 9px;
      text-align: center; }
      @media (min-width: 769px) {
        body .service-1 .right-side p {
          padding-right: 50px;
          padding-left: 20px; } }
      @media (max-width: 768px) {
        body .service-1 .right-side p {
          text-align: center; } }
  body .service-2 {
    margin-top: 25vh;
    padding-top: 26.5vh; }
    @media (max-width: 768px) {
      body .service-2 {
        height: auto;
        margin-top: 20%;
        padding-top: 0; } }
    @media (min-width: 769px) {
      body .service-2 {
        scroll-snap-align: center; } }
    body .service-2 .top-head-text {
      margin-top: 0; }
      @media (max-width: 768px) {
        body .service-2 .top-head-text {
          font-size: 25pt;
          margin-top: 0; } }
    body .service-2 .top-content .mask-text {
      font-family: 'ZonaPro-ExtraBold';
      text-align: center;
      margin-bottom: 0.1em;
      /* background: url(/static/img/text_bg_4.jpg) center; */
      background: url(/static/img/text_bg_4.jpg) 0 13%;
      /* background-size: contain; */
      background-size: 135%;
      background-clip: text;
      -webkit-background-clip: text;
      color: transparent;
      font-size: 150pt;
      text-transform: uppercase; }
      @media (max-width: 768px) {
        body .service-2 .top-content .mask-text {
          font-size: 37pt;
          text-align: center; } }
      @media (min-width: 768px) and (max-width: 768px) {
        body .service-2 .top-content .mask-text {
          font-size: 80pt !important; } }
      @media (min-width: 991px) and (max-width: 1199px) {
        body .service-2 .top-content .mask-text {
          font-size: 110pt; } }
    body .service-2 .left-side h4 {
      font-size: 25pt;
      text-align: right;
      font-family: 'ZonaPro-Bold';
      text-transform: uppercase; }
      @media (min-width: 769px) {
        body .service-2 .left-side h4 {
          padding-left: 120px;
          padding-right: 20px; } }
      @media (max-width: 768px) {
        body .service-2 .left-side h4 {
          font-size: 17pt;
          text-align: center; } }
    body .service-2 .right-side p {
      font-size: 20px;
      line-height: 30px;
      margin-top: 9px;
      text-align: center; }
      @media (min-width: 769px) {
        body .service-2 .right-side p {
          padding-right: 65px;
          padding-left: 20px; } }
      @media (max-width: 768px) {
        body .service-2 .right-side p {
          text-align: center; } }
  body .service-3 {
    margin-top: 25vh;
    padding-top: 26.5vh; }
    @media (max-width: 768px) {
      body .service-3 {
        height: auto;
        margin-top: 20%;
        padding-top: 0; } }
    @media (min-width: 769px) {
      body .service-3 {
        scroll-snap-align: center; } }
    body .service-3 .top-head-text {
      margin-top: 0; }
      @media (max-width: 768px) {
        body .service-3 .top-head-text {
          font-size: 25pt;
          margin-top: 0; } }
    body .service-3 .top-content .mask-text {
      font-family: 'ZonaPro-ExtraBold';
      text-align: center;
      margin-bottom: 0.1em;
      /* background: url(/static/img/text_bg_5.jpg) center; */
      background: url(/static/img/furniture_bg.jpg) center;
      /* background-size: auto; */
      background-size: 135%;
      background-clip: text;
      -webkit-background-clip: text;
      color: transparent;
      font-size: 150pt;
      text-transform: uppercase; }
      @media (max-width: 768px) {
        body .service-3 .top-content .mask-text {
          font-size: 34pt;
          text-align: center; } }
      @media (min-width: 768px) and (max-width: 768px) {
        body .service-3 .top-content .mask-text {
          font-size: 80pt !important; } }
      @media (min-width: 991px) and (max-width: 1199px) {
        body .service-3 .top-content .mask-text {
          font-size: 110pt; } }
    body .service-3 .left-side h4 {
      font-size: 25pt;
      text-align: right;
      font-family: 'ZonaPro-Bold';
      text-transform: uppercase; }
      @media (min-width: 769px) {
        body .service-3 .left-side h4 {
          padding-left: 120px;
          padding-right: 20px; } }
      @media (max-width: 768px) {
        body .service-3 .left-side h4 {
          font-size: 17pt;
          text-align: center; } }
    body .service-3 .right-side p {
      font-size: 20px;
      line-height: 30px;
      margin-top: 9px;
      text-align: center; }
      @media (min-width: 769px) {
        body .service-3 .right-side p {
          padding-right: 65px;
          padding-left: 20px; } }
      @media (max-width: 768px) {
        body .service-3 .right-side p {
          text-align: center; } }
  body .service-4 {
    padding-top: 26.5vh;
    margin-top: 25vh; }
    @media (max-width: 768px) {
      body .service-4 {
        height: auto;
        padding-top: 0px;
        margin-top: 20%; } }
    @media (min-width: 769px) {
      body .service-4 {
        scroll-snap-align: center; } }
    body .service-4 .top-head-text {
      font-size: 37pt;
      margin-bottom: 0.7em;
      margin-top: 0.5em !important; }
      @media (max-width: 767px) {
        body .service-4 .top-head-text {
          font-size: 25pt;
          margin-top: 15px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body .service-4 .top-head-text {
          font-size: 25pt;
          margin-top: 0; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        body .service-4 .top-head-text {
          font-size: 29pt; } }
    @media (max-width: 768px) {
      body .service-4 .left-side h4 {
        font-size: 18pt;
        text-align: center; } }
    body .service-4 .left-side .mask-text {
      line-height: 1.03em !important;
      font-family: "ZonaPro-ExtraBold";
      text-align: center;
      /* margin-bottom: 0.1em; */
      /* background: url(/static/img/text_bg_6.jpg) center bottom; */
      background: url(/static/img/fine_art_bg.jpg) center bottom;
      /* background-size: initial; */
      background-size: 83% !important;
      background-clip: text;
      -webkit-background-clip: text;
      color: transparent;
      font-size: 150pt;
      text-transform: uppercase;
      background-position-x: 6px; }
      @media (max-width: 768px) {
        body .service-4 .left-side .mask-text {
          font-size: 37pt;
          text-align: center; } }
      @media (min-width: 768px) and (max-width: 768px) {
        body .service-4 .left-side .mask-text {
          font-size: 80pt !important; } }
      @media (min-width: 769px) {
        body .service-4 .left-side .mask-text {
          line-height: 1.1em !important; } }
      @media (min-width: 991px) and (max-width: 1199px) {
        body .service-4 .left-side .mask-text {
          font-size: 110pt; } }
    @media (min-width: 769px) {
      body .service-4 .right-side {
        padding-left: 2.8em; } }
    body .service-4 .right-side h3 {
      font-size: 25pt;
      text-align: left;
      font-family: 'ZonaPro-Light';
      text-transform: uppercase;
      color: #ab9861; }
      @media (min-width: 769px) {
        body .service-4 .right-side h3 {
          padding-left: 20px;
          margin-top: 35px;
          margin-bottom: 40px;
          padding-right: 70px;
          font-size: 30pt;
          line-height: 1.4em; } }
      @media (max-width: 768px) {
        body .service-4 .right-side h3 {
          font-size: 18pt;
          text-align: center;
          margin-top: 0; } }
      @media (min-width: 768px) and (max-width: 1199px) {
        body .service-4 .right-side h3 {
          margin-top: 24px !important; } }
    body .service-4 .right-side p {
      color: #292929;
      font-size: 20px;
      line-height: 30px; }
      @media (min-width: 769px) {
        body .service-4 .right-side p {
          padding-right: 65px;
          padding-left: 20px;
          font-size: 20px;
          line-height: 30px;
          margin-top: 9px;
          text-align: center; } }
      @media (max-width: 768px) {
        body .service-4 .right-side p {
          text-align: center; } }
  body .service-5 {
    margin-top: 25vh;
    padding-top: 26.5vh;
    margin-top: 8%; }
    @media (max-width: 768px) {
      body .service-5 h4 {
        font-size: 18pt !important;
        text-align: center !important; } }
    @media (max-width: 768px) {
      body .service-5 {
        height: auto;
        padding-top: 0px;
        margin-top: 20%; } }
    @media (min-width: 769px) {
      body .service-5 {
        scroll-snap-align: center; } }
    body .service-5 .top-content .top-head-text {
      margin-top: -10px; }
      @media (min-width: 769px) {
        body .service-5 .top-content .top-head-text {
          margin-bottom: 0.7em;
          margin-top: 0.5em; } }
      @media (max-width: 768px) {
        body .service-5 .top-content .top-head-text {
          font-size: 25pt;
          margin-top: 15px; } }
    body .service-5 .top-content .mask-text {
      font-family: 'ZonaPro-ExtraBold';
      text-align: center;
      margin: 0;
      background: url(/static/img/text_bg_7.jpg) center;
      /* background-size: auto; */
      background-size: 135%;
      background-clip: text;
      -webkit-background-clip: text;
      color: transparent;
      font-size: 150pt;
      text-transform: uppercase; }
      @media (max-width: 768px) {
        body .service-5 .top-content .mask-text {
          font-size: 37pt;
          text-align: center; } }
      @media (min-width: 768px) and (max-width: 768px) {
        body .service-5 .top-content .mask-text {
          font-size: 80pt !important; } }
      @media (min-width: 991px) and (max-width: 1199px) {
        body .service-5 .top-content .mask-text {
          font-size: 110pt; } }
    body .service-5 .left-side h4 {
      font-size: 25pt;
      text-align: right;
      font-family: 'ZonaPro-Bold';
      text-transform: uppercase; }
      @media (min-width: 769px) {
        body .service-5 .left-side h4 {
          padding-left: 120px;
          padding-right: 20px; } }
    body .service-5 .right-side p {
      font-size: 20px;
      line-height: 30px;
      margin-top: 9px;
      text-align: center; }
      @media (min-width: 769px) {
        body .service-5 .right-side p {
          padding-right: 65px;
          padding-left: 20px; } }
      @media (max-width: 768px) {
        body .service-5 .right-side p {
          text-align: center; } }
  body .service-6 {
    margin-top: 25vh;
    padding-top: 26.5vh;
    margin-bottom: 25vh; }
    @media (max-width: 768px) {
      body .service-6 {
        height: auto;
        padding-top: 0px;
        margin-top: 20%; } }
    @media (min-width: 769px) {
      body .service-6 {
        scroll-snap-align: center; } }
    body .service-6 .top-head-text {
      margin-top: 0; }
      @media (max-width: 768px) {
        body .service-6 .top-head-text {
          font-size: 25pt;
          margin-top: 0; } }
    body .service-6 .top-content .mask-text {
      font-family: 'ZonaPro-ExtraBold';
      text-align: center;
      margin-bottom: 0.1em;
      background: url(/static/img/text_bg_8.jpg) center;
      /* background-size: auto; */
      background-size: 135%;
      background-clip: text;
      -webkit-background-clip: text;
      color: transparent;
      font-size: 150pt;
      text-transform: uppercase; }
      @media (max-width: 768px) {
        body .service-6 .top-content .mask-text {
          font-size: 37pt;
          text-align: center; } }
      @media (min-width: 768px) and (max-width: 768px) {
        body .service-6 .top-content .mask-text {
          font-size: 80pt !important; } }
      @media (min-width: 991px) and (max-width: 1199px) {
        body .service-6 .top-content .mask-text {
          font-size: 110pt; } }
    body .service-6 .left-side h4 {
      font-size: 25pt;
      text-align: right;
      font-family: 'ZonaPro-Bold';
      text-transform: uppercase; }
      @media (min-width: 769px) {
        body .service-6 .left-side h4 {
          padding-left: 120px;
          padding-right: 20px; } }
      @media (max-width: 768px) {
        body .service-6 .left-side h4 {
          font-size: 18pt;
          text-align: center; } }
    body .service-6 .right-side p {
      font-size: 20px;
      line-height: 30px;
      margin-top: 9px; }
      @media (min-width: 769px) {
        body .service-6 .right-side p {
          padding-right: 65px;
          padding-left: 20px; } }
      @media (max-width: 768px) {
        body .service-6 .right-side p {
          text-align: center; } }
  body .blog {
    margin-top: 15px; }
    @media (max-width: 768px) {
      body .blog {
        margin-top: -20px; } }
    body .blog p {
      font-size: 20px;
      line-height: 30px; }
    body .blog .left-side h2.title {
      color: #274e6c;
      font-size: 19pt;
      margin-bottom: 20px;
      font-family: 'ZonaPro-ExtraBold'; }
    body .blog .left-side img.post-photo {
      width: 100%; }
    body .blog .left-side .info {
      padding: 15px 0 20px 0;
      margin-top: 10px;
      margin-bottom: 15px; }
      body .blog .left-side .info .created {
        float: left;
        margin-right: 15px; }
      body .blog .left-side .info .comments {
        float: left; }
    body .blog .left-side img {
      max-width: 100% !important; }
    body .blog .right-side h2 {
      font-family: 'ZonaPro-ExtraBold';
      color: #274e6c;
      margin-bottom: 14px; }
    body .blog .right-side .sm-post {
      float: left;
      margin-bottom: 15px;
      border-bottom: 1px solid #a9b8c4;
      padding-bottom: 15px; }
      @media (max-width: 991px) {
        body .blog .right-side .sm-post {
          width: 100%; } }
      @media (min-width: 992px) and (max-width: 1199px) {
        body .blog .right-side .sm-post {
          text-align: center; } }
      body .blog .right-side .sm-post:last-of-type {
        border-bottom: none; }
      body .blog .right-side .sm-post a.image {
        float: left; }
        @media (min-width: 992px) and (max-width: 1199px) {
          body .blog .right-side .sm-post a.image {
            width: 100%;
            text-align: center; } }
        body .blog .right-side .sm-post a.image img {
          width: 75px;
          max-height: 75px;
          margin-bottom: 6px; }
      body .blog .right-side .sm-post a.title {
        float: left;
        width: 165px;
        margin-left: 15px; }
        body .blog .right-side .sm-post a.title h4 {
          color: #ab9861;
          margin-top: 0;
          font-size: 10pt;
          font-family: 'ZonaPro-ExtraBold'; }
        body .blog .right-side .sm-post a.title:hover, body .blog .right-side .sm-post a.title:focus {
          text-decoration: none; }
          body .blog .right-side .sm-post a.title:hover h4, body .blog .right-side .sm-post a.title:focus h4 {
            color: #274e6c; }
      body .blog .right-side .sm-post .created {
        float: left;
        padding-left: 15px;
        margin-top: -5px; }
        @media (min-width: 768px) and (max-width: 991px) {
          body .blog .right-side .sm-post .created {
            float: right;
            padding-left: 0;
            margin-top: 0; } }
        @media (min-width: 992px) and (max-width: 1199px) {
          body .blog .right-side .sm-post .created {
            float: left;
            margin-left: 40px;
            margin-top: 1px; } }
        body .blog .right-side .sm-post .created img {
          width: 15px;
          float: left;
          margin-right: 5px; }
        body .blog .right-side .sm-post .created span {
          float: left;
          color: #343434; }
  body .gallery {
    margin-top: 10%; }
    @media (max-width: 768px) {
      body .gallery {
        margin-top: 0; } }
    body .gallery .mask-text {
      font-family: 'ZonaPro-ExtraBold';
      text-align: center;
      margin: 0;
      background: url(/static/img/pa_bg.jpg) center;
      /*background-size: auto; */
      background-size: 135%;
      background-clip: text;
      -webkit-background-clip: text;
      color: transparent;
      font-size: 115pt;
      text-transform: uppercase;
      margin-bottom: 45px; }
      @media (max-width: 767px) {
        body .gallery .mask-text {
          font-size: 33pt !important; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body .gallery .mask-text {
          margin-top: 5%;
          font-size: 60pt !important; } }
    @media (min-width: 769px) {
      body .gallery .left-side a {
        margin-right: 30px; } }
    @media (min-width: 769px) {
      body .gallery .right-side a {
        margin-left: 30px; } }
    body .gallery .left-side a, body .gallery .right-side a {
      background: #274e6c;
      color: #fff;
      padding: 10px 20px 10px 35px;
      position: relative;
      display: inline-block;
      font-family: 'ZonaPro-ExtraBold';
      text-transform: uppercase;
      font-size: 10pt; }
      body .gallery .left-side a:hover, body .gallery .left-side a:focus, body .gallery .right-side a:hover, body .gallery .right-side a:focus {
        text-decoration: none;
        background: #ab9861; }
      body .gallery .left-side a::before, body .gallery .right-side a::before {
        content: '';
        background: url(/static/img/down.png);
        width: 13px;
        height: 17px;
        display: block;
        position: absolute;
        left: 13px;
        top: 12px; }
      @media (max-width: 768px) {
        body .gallery .left-side a, body .gallery .right-side a {
          width: 100%;
          text-align: center;
          margin-bottom: 15px; } }
    @media (max-width: 768px) {
      body .gallery .right-side a {
        margin-bottom: 300px; } }
  body .contract {
    margin-top: 17%; }
    @media (max-width: 768px) {
      body .contract {
        margin-top: 0; } }
    body .contract .mask-text {
      font-family: 'ZonaPro-ExtraBold';
      text-align: center;
      margin: 0;
      background: url(/static/img/text_bg_2.jpg) center;
      /*background-size: auto; */
      background-size: 135%;
      background-clip: text;
      -webkit-background-clip: text;
      color: transparent;
      font-size: 80pt;
      text-transform: uppercase;
      margin-bottom: 45px; }
      @media (max-width: 767px) {
        body .contract .mask-text {
          font-size: 33pt !important; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body .contract .mask-text {
          margin-top: 15%;
          font-size: 50pt !important; } }
    @media (min-width: 769px) {
      body .contract .left-side a {
        margin-right: 30px; } }
    @media (min-width: 769px) {
      body .contract .right-side a {
        margin-left: 30px; } }
    body .contract .left-side a, body .contract .right-side a {
      background: #274e6c;
      color: #fff;
      padding: 10px 20px 10px 35px;
      position: relative;
      display: inline-block;
      font-family: 'ZonaPro-ExtraBold';
      text-transform: uppercase;
      font-size: 10pt; }
      body .contract .left-side a:hover, body .contract .left-side a:focus, body .contract .right-side a:hover, body .contract .right-side a:focus {
        text-decoration: none;
        background: #ab9861; }
      body .contract .left-side a::before, body .contract .right-side a::before {
        content: '';
        background: url(/static/img/down.png);
        width: 13px;
        height: 17px;
        display: block;
        position: absolute;
        left: 13px;
        top: 12px; }
      @media (max-width: 768px) {
        body .contract .left-side a, body .contract .right-side a {
          width: 100%;
          text-align: center;
          margin-bottom: 15px; } }
    @media (max-width: 768px) {
      body .contract .right-side a {
        margin-bottom: 300px; } }
  body .services2 {
    margin-top: 10%; }
    @media (max-width: 768px) {
      body .services2 {
        margin-top: 0; } }
    body .services2 h5 {
      font-size: 29pt;
      color: #ab9861;
      font-family: "ZonaPro-Light";
      text-transform: uppercase;
      letter-spacing: 4px;
      margin-top: -1.5vw;
      margin-bottom: 2vw; }
      @media (max-width: 767px) {
        body .services2 h5 {
          font-size: 20pt;
          margin-bottom: 7vw; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body .services2 h5 {
          font-size: 20pt;
          margin-bottom: 7vw; } }
    body .services2 p.perex {
      width: 70%;
      margin-left: 15%;
      font-size: 1vw;
      margin-bottom: 4vw; }
      @media (max-width: 767px) {
        body .services2 p.perex {
          font-size: 4vw;
          width: 100%;
          margin-left: 0; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body .services2 p.perex {
          font-size: 3vw;
          width: 90%;
          margin-left: 5%; } }
      @media (min-width: 992px) and (max-width: 1366px) {
        body .services2 p.perex {
          font-size: 1.2vw; } }
      @media (min-width: 1367px) and (max-width: 1440px) {
        body .services2 p.perex {
          font-size: 1vw; } }
    body .services2 .mask-text {
      font-family: 'ZonaPro-ExtraBold';
      text-align: center;
      margin: 0;
      background: url(/static/img/lamps.jpg) center;
      /*background-size: auto; */
      background-size: 135%;
      background-clip: text;
      -webkit-background-clip: text;
      color: transparent;
      font-size: 150pt;
      text-transform: uppercase;
      margin-bottom: 15px; }
      @media (max-width: 767px) {
        body .services2 .mask-text {
          font-size: 33pt !important; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body .services2 .mask-text {
          margin-top: 5%;
          font-size: 60pt !important; } }
    @media (min-width: 769px) {
      body .services2 .left-side a {
        margin-right: 30px; } }
    @media (min-width: 769px) {
      body .services2 .right-side a {
        margin-left: 30px; } }
    body .services2 .left-side a, body .services2 .right-side a {
      background: #274e6c;
      color: #fff;
      padding: 10px 20px 10px 35px;
      position: relative;
      display: inline-block;
      font-family: 'ZonaPro-ExtraBold';
      text-transform: uppercase;
      font-size: 10pt; }
      body .services2 .left-side a:hover, body .services2 .left-side a:focus, body .services2 .right-side a:hover, body .services2 .right-side a:focus {
        text-decoration: none;
        background: #ab9861; }
      body .services2 .left-side a::before, body .services2 .right-side a::before {
        content: '';
        background: url(/static/img/down.png);
        width: 13px;
        height: 17px;
        display: block;
        position: absolute;
        left: 13px;
        top: 12px; }
      @media (max-width: 768px) {
        body .services2 .left-side a, body .services2 .right-side a {
          width: 100%;
          text-align: center;
          margin-bottom: 15px; } }
    @media (max-width: 768px) {
      body .services2 .right-side a {
        margin-bottom: 300px; } }
  body .pureart {
    margin-top: 12vw;
    min-height: 70vh; }
    @media (max-width: 768px) {
      body .pureart {
        margin-top: -6vw; } }
    body .pureart h5 {
      font-size: 29pt;
      color: #ab9861;
      font-family: "ZonaPro-Light";
      text-transform: uppercase;
      letter-spacing: 4px;
      margin-top: -1.5vw;
      margin-bottom: 2vw; }
    body .pureart p.perex {
      width: 70%;
      margin-left: 15%;
      font-size: 1vw;
      margin-bottom: 4vw; }
    body .pureart .mask-text {
      font-family: "ZonaPro-ExtraBold";
      text-align: center;
      margin: 0;
      background: url(/static/img/pa_bg.jpg) center;
      /* background-size: auto; */
      background-size: 135%;
      background-clip: text;
      -webkit-background-clip: text;
      color: transparent;
      font-size: 137pt;
      text-transform: uppercase;
      margin-bottom: 15px;
      line-height: 118pt;
      text-align: right;
      margin-right: 9%; }
      @media (max-width: 767px) {
        body .pureart .mask-text {
          font-size: 35pt !important;
          margin: 0;
          text-align: center; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body .pureart .mask-text {
          font-size: 60pt !important;
          text-align: center;
          margin: 5% 0 0; } }
      @media (min-width: 992px) and (max-width: 1024px) {
        body .pureart .mask-text {
          font-size: 110pt;
          line-height: 100pt; } }
    @media (min-width: 769px) {
      body .pureart .left-side a {
        margin-right: 30px; } }
    @media (min-width: 769px) {
      body .pureart .right-side a {
        margin-left: 30px; } }
    body .pureart .left-side a, body .pureart .right-side a {
      background: #274e6c;
      color: #fff;
      padding: 10px 20px 10px 35px;
      position: relative;
      display: inline-block;
      font-family: 'ZonaPro-ExtraBold';
      text-transform: uppercase;
      font-size: 10pt; }
      body .pureart .left-side a:hover, body .pureart .left-side a:focus, body .pureart .right-side a:hover, body .pureart .right-side a:focus {
        text-decoration: none;
        background: #ab9861; }
      body .pureart .left-side a::before, body .pureart .right-side a::before {
        content: '';
        background: url(/static/img/down.png);
        width: 13px;
        height: 17px;
        display: block;
        position: absolute;
        left: 13px;
        top: 12px; }
      @media (max-width: 768px) {
        body .pureart .left-side a, body .pureart .right-side a {
          width: 100%;
          text-align: center;
          margin-bottom: 15px; } }
    @media (max-width: 768px) {
      body .pureart .right-side a {
        margin-bottom: 300px; } }
  body .contact {
    padding-top: 170px; }
    @media (max-width: 768px) {
      body .contact {
        padding-top: 0;
        height: auto; } }
    @media (min-width: 769px) {
      body .contact {
        scroll-snap-align: center; } }
    @media (min-width: 768px) and (max-width: 991px) {
      body .contact .block-1, body .contact .block-2 {
        text-align: center; } }
    body .contact .left-side .mask-text {
      font-family: 'ZonaPro-ExtraBold';
      text-align: right;
      margin: 0;
      /* background: url(/static/img/text_bg_2.jpg) center; */
      background: url(/static/img/contact_us_bg.jpg) center;
      /* background-size: contain; */
      background-size: 135%;
      background-clip: text;
      -webkit-background-clip: text;
      color: transparent;
      font-size: 97pt;
      text-transform: uppercase; }
      @media (max-width: 768px) {
        body .contact .left-side .mask-text {
          font-size: 29pt !important;
          text-align: center !important; } }
      @media (max-width: 767px) {
        body .contact .left-side .mask-text {
          text-align: center;
          font-size: 65pt;
          margin-bottom: 30px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body .contact .left-side .mask-text {
          text-align: center;
          font-size: 65pt !important;
          margin-bottom: 30px;
          margin-top: 15%; } }
      @media (min-width: 991px) and (max-width: 1199px) {
        body .contact .left-side .mask-text {
          font-size: 68pt; } }
    @media (min-width: 769px) {
      body .contact .right-side .block-1 {
        margin-left: 30px; } }
    body .contact .right-side .block-1 h3 {
      font-size: 27pt;
      text-transform: uppercase;
      margin-top: 12px;
      font-family: 'ZonaPro-Bold'; }
      @media (max-width: 768px) {
        body .contact .right-side .block-1 h3 {
          font-size: 18pt; } }
      @media (min-width: 769px) {
        body .contact .right-side .block-1 h3 {
          margin-top: 24px; } }
      @media (min-width: 768px) and (max-width: 1199px) {
        body .contact .right-side .block-1 h3 {
          margin-top: 12px !important; } }
    body .contact .right-side .block-1 p {
      color: #292929;
      font-size: 20px;
      line-height: 30px; }
      body .contact .right-side .block-1 p strong {
        font-family: 'ZonaPro-Bold'; }
    body .contact .right-side .block-2 {
      margin-top: 30px; }
      @media (min-width: 769px) {
        body .contact .right-side .block-2 {
          margin-left: 30px; } }
      body .contact .right-side .block-2 h3 {
        font-size: 27pt;
        text-transform: uppercase;
        margin-top: 12px;
        font-family: 'ZonaPro-Bold'; }
        @media (max-width: 768px) {
          body .contact .right-side .block-2 h3 {
            font-size: 18pt; } }
      body .contact .right-side .block-2 .line-phone {
        font-size: 20px;
        line-height: 30px; }
        body .contact .right-side .block-2 .line-phone strong {
          font-family: 'ZonaPro-Bold'; }
        body .contact .right-side .block-2 .line-phone a {
          color: #292929;
          font-size: 20px;
          line-height: 30px;
          margin-left: 7px; }
          body .contact .right-side .block-2 .line-phone a:hover, body .contact .right-side .block-2 .line-phone a:focus {
            text-decoration: none;
            color: #ab9861; }
          @media (max-width: 767px) {
            body .contact .right-side .block-2 .line-phone a {
              font-size: 14px; } }
      body .contact .right-side .block-2 .line-email strong {
        font-family: 'ZonaPro-Bold';
        font-size: 20px;
        line-height: 30px; }
      body .contact .right-side .block-2 .line-email a {
        color: #292929;
        font-size: 20px;
        line-height: 30px;
        margin-left: 14px; }
        body .contact .right-side .block-2 .line-email a:hover, body .contact .right-side .block-2 .line-email a:focus {
          text-decoration: none;
          color: #ab9861; }
        @media (max-width: 767px) {
          body .contact .right-side .block-2 .line-email a {
            font-size: 14px; } }
      body .contact .right-side .block-2 .links {
        margin-top: 10px; }
        body .contact .right-side .block-2 .links a {
          margin-right: 10px; }
          body .contact .right-side .block-2 .links a:hover, body .contact .right-side .block-2 .links a:focus {
            text-decoration: none; }
  body .contact-form {
    padding-top: 100px;
    padding-bottom: 200px; }
    @media (min-width: 768px) and (max-width: 768px) {
      body .contact-form {
        margin-bottom: 90px; } }
    @media (min-width: 769px) {
      body .contact-form {
        scroll-snap-align: center; } }
    body .contact-form #contact-form-content button {
      border: 1px solid #274e6c;
      background: #fff;
      font-family: 'ZonaPro-Bold';
      color: #ab9861;
      text-transform: uppercase;
      font-size: 11pt;
      padding: 5px 20px 3px 20px; }
      body .contact-form #contact-form-content button:hover, body .contact-form #contact-form-content button:focus {
        background: #274e6c;
        color: #fff;
        text-decoration: none; }
    body .contact-form #contact-form-content label {
      font-family: 'ZonaPro-Bold';
      color: #ab9861;
      text-transform: uppercase;
      font-size: 11pt;
      margin-bottom: 10px; }
    body .contact-form #contact-form-content .left-side input {
      border-color: #274e6c;
      border-radius: 0; }
    body .contact-form #contact-form-content .right-side textarea {
      border-color: #274e6c;
      height: 193px;
      border-radius: 0;
      resize: none; }
  body .portal-content {
    margin-top: 8%; }
    @media (min-width: 1024px) and (max-width: 1365px) {
      body .portal-content {
        margin-top: 10%; } }
    @media (max-width: 1366px) and (min-width: 1024px) {
      body .portal-content {
        margin-top: 9%; } }
    @media (min-width: 1600px) {
      body .portal-content {
        margin-top: 6%; } }
    @media (max-width: 768px) {
      body .portal-content {
        margin-top: 0;
        margin-bottom: 30px; } }
    @media (max-width: 768px) {
      body .portal-content .top-head-text {
        margin-top: 66px; } }
    @media (min-width: 991px) and (max-width: 1199px) {
      body .portal-content .top-head-text {
        margin-top: 4%; } }
    body .portal-content .mask-text {
      /* font-size: 150pt;
      line-height: 1; */
      background-size: 101%;
      line-height: 0.9em; }
      @media (max-width: 768px) {
        body .portal-content .mask-text {
          font-size: 32pt !important; } }
      @media (min-width: 992px) and (max-width: 1024px) {
        body .portal-content .mask-text {
          font-size: 65pt; } }
      @media (min-width: 1025px) and (max-width: 1280px) {
        body .portal-content .mask-text {
          font-size: 65pt; } }
      @media (min-width: 1281px) and (max-width: 1366px) {
        body .portal-content .mask-text {
          font-size: 75pt; } }
      @media (min-width: 1367px) and (max-width: 1440px) {
        body .portal-content .mask-text {
          font-size: 88pt; } }
  body .portal-content-2 {
    margin-top: 8%; }
    @media (min-width: 1024px) and (max-width: 1365px) {
      body .portal-content-2 {
        margin-top: 10%; } }
    @media (max-width: 1366px) and (min-width: 1024px) {
      body .portal-content-2 {
        margin-top: 9%; } }
    @media (min-width: 1600px) {
      body .portal-content-2 {
        margin-top: 6%; } }
    @media (max-width: 768px) {
      body .portal-content-2 {
        margin-top: 0;
        margin-bottom: 30px; } }
    @media (max-width: 768px) {
      body .portal-content-2 .top-head-text {
        margin-top: 66px; } }
    @media (min-width: 991px) and (max-width: 1199px) {
      body .portal-content-2 .top-head-text {
        margin-top: 4%; } }
    body .portal-content-2 .mask-text {
      /* font-size: 150pt;
      line-height: 1; */
      background-size: 101%;
      line-height: 0.9em; }
      @media (min-width: 768px) and (max-width: 768px) {
        body .portal-content-2 .mask-text {
          font-size: 100pt !important; } }
      @media (min-width: 991px) and (max-width: 1199px) {
        body .portal-content-2 .mask-text {
          font-size: 140pt; } }
      @media (min-width: 1200px) and (max-width: 1366px) {
        body .portal-content-2 .mask-text {
          /* font-size: 140pt;
          line-height: 1; */
          font-size: 87pt;
          line-height: 0.85em; } }
      @media (min-width: 1367px) and (max-width: 1440px) {
        body .portal-content-2 .mask-text {
          /* font-size: 140pt;
          line-height: 1; */
          font-size: 93pt;
          line-height: .85em; } }
  body .portal-content-3 {
    margin-top: 11%; }
    @media (min-width: 1024px) and (max-width: 1365px) {
      body .portal-content-3 {
        margin-top: 10%; } }
    @media (max-width: 1366px) and (min-width: 1024px) {
      body .portal-content-3 {
        margin-top: 9%; } }
    @media (min-width: 1600px) {
      body .portal-content-3 {
        margin-top: 6%; } }
    @media (max-width: 767px) {
      body .portal-content-3 {
        margin-top: 15vw;
        margin-bottom: 20vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      body .portal-content-3 {
        margin-top: 10vw;
        margin-bottom: 20vw; } }
    body .portal-content-3 img {
      width: 317px; }
      @media (max-width: 767px) {
        body .portal-content-3 img {
          width: 75%; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body .portal-content-3 img {
          width: 75%; } }
    body .portal-content-3 h5 {
      font-size: 24px;
      line-height: 28px;
      color: #AB9861;
      font-family: 'ZonaPro-Bold';
      font-weight: bold;
      margin: 106px 0 26px; }
      @media (max-width: 767px) {
        body .portal-content-3 h5 {
          margin: 40px 0 26px; } }
      @media (min-width: 768px) and (max-width: 991px) {
        body .portal-content-3 h5 {
          margin: 40px 0 26px; } }
    body .portal-content-3 p, body .portal-content-3 a {
      font-size: 16px;
      line-height: 28px;
      color: #000;
      text-decoration: none; }
      body .portal-content-3 p strong, body .portal-content-3 a strong {
        font-family: 'ZonaPro-Bold'; }
      body .portal-content-3 p span, body .portal-content-3 a span {
        white-space: nowrap; }
      body .portal-content-3 p.underline, body .portal-content-3 a.underline {
        text-decoration: underline; }
  body .thank-you .h3 {
    font-size: 48pt; }
    @media (max-width: 768px) {
      body .thank-you .h3 {
        font-size: 26pt !important;
        margin-top: 26px !important; } }
  body footer {
    background: #f5f5f5;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 0 13px 0; }
    @media (max-width: 768px) {
      body footer {
        position: relative; } }
    body footer .left-side ul.footer-nav {
      padding-left: 0;
      list-style: none;
      margin-top: 4px; }
      body footer .left-side ul.footer-nav li {
        float: left;
        margin-right: 20px; }
        @media (max-width: 768px) {
          body footer .left-side ul.footer-nav li {
            float: none;
            text-align: center;
            margin-right: 0; } }
        @media (min-width: 1024px) and (max-width: 1024px) {
          body footer .left-side ul.footer-nav li {
            margin-right: 14px; } }
        body footer .left-side ul.footer-nav li a {
          text-transform: uppercase;
          color: #828282;
          font-size: 9pt; }
          @media (min-width: 1024px) and (max-width: 1366px) {
            body footer .left-side ul.footer-nav li a {
              font-size: 8pt; } }
          body footer .left-side ul.footer-nav li a:hover, body footer .left-side ul.footer-nav li a:focus {
            color: #000;
            text-decoration: none; }
    body footer .right-side .copyright {
      display: inline-block;
      float: left;
      border-right: 1px solid #d0d0d0;
      padding-right: 15px; }
      @media (max-width: 768px) {
        body footer .right-side .copyright {
          float: none;
          text-align: center;
          padding-right: 0;
          width: 100%;
          margin-bottom: 15px;
          border-right: none; } }
      @media (min-width: 1024px) and (max-width: 1024px) {
        body footer .right-side .copyright {
          padding-right: 5px;
          margin-left: 100px; } }
      body footer .right-side .copyright span {
        margin-left: 7px;
        color: #828282;
        font-size: 9pt; }
        @media (min-width: 1024px) and (max-width: 1024px) {
          body footer .right-side .copyright span {
            margin-left: 2px; } }
        @media (min-width: 1024px) and (max-width: 1366px) {
          body footer .right-side .copyright span {
            font-size: 8pt; } }
      body footer .right-side .copyright img {
        width: 25px; }
    body footer .right-side .find-us {
      display: inline-block;
      float: left;
      margin-left: 10px;
      border-right: 1px solid #d0d0d0;
      padding-right: 10px; }
      @media (max-width: 768px) {
        body footer .right-side .find-us {
          float: none;
          text-align: center;
          margin-left: 0;
          width: 100%;
          margin-bottom: 15px;
          border-right: none; } }
      @media (min-width: 1024px) and (max-width: 1024px) {
        body footer .right-side .find-us {
          margin-left: 0;
          padding-right: 4px;
          border-right: none; } }
      @media (min-width: 1024px) {
        body footer .right-side .find-us {
          margin-top: 3px; } }
      body footer .right-side .find-us span {
        margin-left: 7px;
        margin-right: 10px;
        color: #828282;
        font-size: 9pt; }
        @media (min-width: 1024px) and (max-width: 1366px) {
          body footer .right-side .find-us span {
            font-size: 8pt; } }
      body footer .right-side .find-us a:hover, body footer .right-side .find-us a:focus {
        text-decoration: none; }
    body footer .right-side .links {
      float: right;
      text-align: right;
      margin-top: 5px; }
      @media (max-width: 768px) {
        body footer .right-side .links {
          float: none;
          display: block;
          margin: 0px auto 15px;
          text-align: center; } }
      @media (min-width: 1024px) and (max-width: 1024px) {
        body footer .right-side .links {
          width: 100%;
          margin-right: 90%;
          margin-top: 8px; } }
      body footer .right-side .links a {
        text-transform: uppercase;
        color: #828282;
        font-size: 8pt;
        margin-left: 15px;
        text-decoration: underline; }
        body footer .right-side .links a:hover, body footer .right-side .links a:focus {
          color: #000; }
    body footer .right-side .show-links {
      margin-left: 15px;
      margin-top: 4px;
      display: inline-block;
      font-size: 13pt;
      color: #828282; }
      @media (max-width: 768px) {
        body footer .right-side .show-links {
          display: none; } }
      body footer .right-side .show-links:hover, body footer .right-side .show-links:focus {
        color: #ab9861;
        text-decoration: none; }

.shipping-img {
  margin-top: 15px !important; }
  @media (max-width: 1440px) {
    .shipping-img {
      width: 42%; } }

.about-us-img {
  margin-top: 20px !important; }

.photos {
  float: left;
  position: relative;
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  -ms-grid-column-gap: 5px;
  -ms-grid-row-gap: 5px;
  -ms-grid-gap: 5px;
  grid-gap: 5px;
  margin-bottom: 150px; }

.thumbnail {
  display: block;
  padding: 0;
  margin-bottom: 0;
  line-height: 1.42857143;
  background-color: #fff;
  border: none;
  border-radius: 0;
  -webkit-transition: border .2s ease-in-out;
  -o-transition: border .2s ease-in-out;
  transition: border .2s ease-in-out; }
  .thumbnail img {
    width: 100%; }
  .thumbnail.p1 {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
  .thumbnail.p2 {
    -ms-grid-row: 1;
    -ms-grid-column: 2; }
  .thumbnail.p3 {
    -ms-grid-row: 2;
    -ms-grid-column: 1; }
  .thumbnail.p4 {
    -ms-grid-row: 2;
    -ms-grid-column: 2; }
  .thumbnail.p5 {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
  .thumbnail.p6 {
    -ms-grid-row: 3;
    -ms-grid-column: 2; }

@media (min-width: 769px) and (max-width: 1024px) {
  .pure-logo {
    width: 195px !important; } }
@media (min-width: 1025px) and (max-width: 1280px) {
  .pure-logo {
    width: 220px !important; } }
@media (min-width: 1281px) {
  .pure-logo {
    width: auto !important; } }

.with-point {
  float: left;
  text-align: left;
  font-size: 0.9vw;
  padding-left: 0;
  margin-bottom: 1.5vw;
  margin-left: 0;
  width: 90%; }
  @media (max-width: 767px) {
    .with-point {
      font-size: 3vw;
      width: 100%; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .with-point {
      font-size: 2.5vw;
      width: 95%; } }
  @media (min-width: 992px) and (max-width: 1366px) {
    .with-point {
      font-size: 1.2vw; } }
  @media (min-width: 1367px) and (max-width: 1440px) {
    .with-point {
      font-size: 1vw; } }
  .with-point::before {
    content: "";
    width: 10px;
    height: 10px;
    background: #ab9861;
    border-radius: 50%;
    display: block;
    position: absolute;
    left: -15px;
    margin-top: 2px; }
  .with-point.no-ml {
    margin-left: 10%; }
    @media (max-width: 767px) {
      .with-point.no-ml {
        margin-left: 5%; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .with-point.no-ml {
        margin-left: 5%; } }
    .with-point.no-ml::before {
      left: calc(10% - 15px); }
      @media (max-width: 767px) {
        .with-point.no-ml::before {
          left: calc(5% - 15px); } }
      @media (min-width: 768px) and (max-width: 991px) {
        .with-point.no-ml::before {
          left: calc(5% - 15px); } }
  @media (max-width: 767px) {
    .with-point.mobile-ml {
      margin-left: 5%; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .with-point.mobile-ml {
      margin-left: 5%; } }
  @media (max-width: 767px) {
    .with-point.mobile-ml::before {
      left: calc(5% - 15px); } }
  @media (min-width: 768px) and (max-width: 991px) {
    .with-point.mobile-ml::before {
      left: calc(5% - 15px); } }

.full-scale {
  margin-top: 3vw;
  margin-bottom: 3vw; }

.bottom-services-images {
  float: left;
  position: relative;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  margin-bottom: 150px;
  margin-top: 100px; }
  @media (max-width: 767px) {
    .bottom-services-images {
      grid-template-columns: repeat(1, 1fr);
      margin-top: 30px;
      margin-bottom: 30px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .bottom-services-images {
      grid-template-columns: repeat(1, 1fr);
      margin-top: 30px;
      margin-bottom: 30px; } }
  @media (max-width: 767px) {
    .bottom-services-images img {
      width: 100%; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .bottom-services-images img {
      width: 100%; } }

.mb-5 {
  margin-bottom: 5px; }

.pureart-h4 {
  text-align: right;
  color: #ab9861;
  font-family: "ZonaPro-Light";
  text-transform: uppercase;
  font-size: 25pt;
  letter-spacing: 4px;
  margin-top: 1%;
  margin-right: 10%;
  margin-bottom: 7%; }
  @media (max-width: 767px) {
    .pureart-h4 {
      margin-top: -14vw;
      margin-right: auto;
      text-align: center;
      font-size: 6vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .pureart-h4 {
      margin-top: -4vw;
      margin-right: auto;
      text-align: center;
      font-size: 5vw; } }
  .pureart-h4::after {
    content: "";
    width: 1px;
    height: 10vw;
    border-right: 1px solid #ab9861;
    position: absolute;
    right: 34%;
    top: 100%; }
    @media (max-width: 767px) {
      .pureart-h4::after {
        height: 20vw;
        right: 50%; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .pureart-h4::after {
        height: 15vw;
        right: 50%; } }
  .pureart-h4.no-after::after {
    display: none; }

.pureart-logo {
  width: 18vw; }
  @media (max-width: 767px) {
    .pureart-logo {
      width: 45vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .pureart-logo {
      width: 30vw; } }

.top-p-content p {
  margin-top: 3vw;
  margin-bottom: 3vw;
  font-size: 0.9vw;
  line-height: 1.5vw; }
  @media (max-width: 767px) {
    .top-p-content p {
      font-size: 4vw;
      line-height: 6.5vw;
      margin-bottom: 9vw; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .top-p-content p {
      font-size: 3vw;
      line-height: 5vw;
      margin-bottom: 5vw;
      margin-top: 3vw; } }

.main-p-content {
  float: left;
  position: relative;
  width: 100%;
  display: grid;
  display: -ms-grid;
  -ms-grid-columns: 9fr 5fr;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  margin-bottom: 150px;
  margin-top: 14vw; }
  @media (max-width: 767px) {
    .main-p-content {
      grid-template-columns: repeat(1, 1fr);
      text-align: center;
      margin-bottom: 15px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .main-p-content {
      grid-template-columns: repeat(1, 1fr);
      text-align: center;
      margin-bottom: 15px; } }
  .main-p-content .left-side {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
    .main-p-content .left-side p {
      font-size: 0.9vw;
      line-height: 1.5vw; }
      @media (max-width: 767px) {
        .main-p-content .left-side p {
          font-size: 4vw;
          line-height: 6.5vw; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .main-p-content .left-side p {
          font-size: 3vw;
          line-height: 5vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .main-p-content .left-side h3 {
        font-size: 5vw;
        margin-bottom: 3vw; } }
  .main-p-content .right-side {
    -ms-grid-row: 1;
    -ms-grid-column: 5; }
    .main-p-content .right-side img {
      float: right; }
      @media (max-width: 767px) {
        .main-p-content .right-side img {
          width: 100%; } }
      @media (min-width: 768px) and (max-width: 991px) {
        .main-p-content .right-side img {
          width: 100%;
          margin-top: 5vw; } }

.bottom-p-content {
  text-align: center;
  width: 80%;
  margin-left: 10%;
  margin-bottom: 150px; }
  @media (max-width: 767px) {
    .bottom-p-content {
      width: 100%;
      margin-left: 0;
      margin-bottom: 30px; } }
  @media (min-width: 768px) and (max-width: 991px) {
    .bottom-p-content {
      width: 100%;
      margin-left: 0;
      margin-bottom: 30px; } }
  @media (min-width: 992px) {
    .bottom-p-content .mask-text {
      font-size: 90pt !important;
      margin-right: 0 !important;
      text-align: center !important; } }
  .bottom-p-content .pureart-h4 {
    text-align: center;
    margin: 0;
    font-size: 1.4vw;
    margin-top: -1.5vw;
    margin-bottom: 3vw; }
    @media (max-width: 767px) {
      .bottom-p-content .pureart-h4 {
        font-size: 5vw;
        margin-top: -9vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .bottom-p-content .pureart-h4 {
        font-size: 3.4vw; } }
  .bottom-p-content .p-data p {
    font-size: 0.9vw;
    line-height: 1.5vw;
    margin-bottom: 2vw; }
    @media (max-width: 767px) {
      .bottom-p-content .p-data p {
        font-size: 4vw;
        line-height: 6.5vw;
        margin-top: 5vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .bottom-p-content .p-data p {
        font-size: 3vw;
        line-height: 5vw;
        margin-top: 5vw; } }
  .bottom-p-content .p-data h4 {
    margin-bottom: 3vw; }
    @media (max-width: 767px) {
      .bottom-p-content .p-data h4 {
        margin-top: 6vw;
        margin-bottom: 8vw; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .bottom-p-content .p-data h4 {
        font-size: 4vw;
        margin-top: 5vw;
        margin-bottom: 3vw; } }

@media (max-width: 767px) {
  .mobile-p-place {
    float: left;
    position: relative;
    width: 100%;
    margin-top: 28vw;
    text-align: center; } }
@media (min-width: 768px) and (max-width: 991px) {
  .mobile-p-place {
    float: left;
    position: relative;
    width: 100%;
    margin-top: 20vw;
    text-align: center; } }

@media (max-width: 767px) {
  .mobile-mt {
    margin-top: 10vw; } }
@media (min-width: 768px) and (max-width: 991px) {
  .mobile-mt {
    margin-top: 7vw; } }

@media (min-width: 768px) and (max-width: 991px) {
  .pureart-nav {
    margin-top: -4vw; } }

.static-space {
  position: relative;
  float: left;
  width: 100%;
  height: 100px; }

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