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

[class*='icon-']:before {
  display: inline-block;
  font-family: 'acyrlmonster';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-acryl:before {
  content: '\0041'; }

html, body {
  background: #fff; }

body {
  font-family: "Roboto", arial, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.8;
  color: #676767; }
  body.acryl-overflow {
    overflow-x: auto; }

body:before, body:after {
  content: "";
  position: fixed;
  background: #f0f0f0;
  left: 0;
  right: 0;
  height: 20px;
  z-index: 1002; }
  @media screen and (max-width: 768px) {
    body:before, body:after {
      display: none; } }

body:before {
  top: 0; }

body:after {
  bottom: 0; }

body {
  border-left: 20px solid #f0f0f0;
  border-right: 20px solid #f0f0f0; }
  @media screen and (max-width: 768px) {
    body {
      border-left: 0;
      border-right: 0; } }

::-webkit-selection {
  color: #fff;
  background: #ff3737; }

::-moz-selection {
  color: #fff;
  background: #ff3737; }

::selection {
  color: #fff;
  background: #ff3737; }

a {
  color: #ff3737;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  color: #ea0000; }
  a:hover, a:focus, a:active {
    color: #b70000;
    outline: none;
    text-decoration: none; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Playfair Display", times, serif;
  color: #000;
  margin-bottom: 1.5em;
  clear: both; }

p {
  margin-bottom: 2em; }

.btn {
  margin-right: 4px;
  margin-bottom: 4px;
  font-family: "Playfair Display", times, serif;
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-weight: 700;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s; }
  .btn.btn-md {
    padding: 10px 20px !important; }
  .btn.btn-lg {
    padding: 18px 36px !important; }
  .btn:hover, .btn:active, .btn:focus {
    box-shadow: none !important;
    outline: none !important; }

.btn-primary {
  background: #ff3737;
  color: #fff;
  border: 2px solid #ff3737; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background: #ff1e1e !important;
    border-color: #ff1e1e !important; }
  .btn-primary.btn-outline {
    background: transparent;
    color: #ff3737;
    border: 2px solid #ff3737; }
    .btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active {
      background: #ff3737;
      color: #fff; }

.btn-success {
  background: #58ca7e;
  color: #fff;
  border: 2px solid #58ca7e; }
  .btn-success:hover, .btn-success:focus, .btn-success:active {
    background: #45c46f !important;
    border-color: #45c46f !important; }
  .btn-success.btn-outline {
    background: transparent;
    color: #58ca7e;
    border: 2px solid #58ca7e; }
    .btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active {
      background: #58ca7e;
      color: #fff; }

.btn-info {
  background: #1784fb;
  color: #fff;
  border: 2px solid #1784fb; }
  .btn-info:hover, .btn-info:focus, .btn-info:active {
    background: #0477f4 !important;
    border-color: #0477f4 !important; }
  .btn-info.btn-outline {
    background: transparent;
    color: #1784fb;
    border: 2px solid #1784fb; }
    .btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active {
      background: #1784fb;
      color: #fff; }

.btn-warning {
  background: #fed330;
  color: #fff;
  border: 2px solid #fed330; }
  .btn-warning:hover, .btn-warning:focus, .btn-warning:active {
    background: #fece17 !important;
    border-color: #fece17 !important; }
  .btn-warning.btn-outline {
    background: transparent;
    color: #fed330;
    border: 2px solid #fed330; }
    .btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active {
      background: #fed330;
      color: #fff; }

.btn-danger {
  background: #fb4f59;
  color: #fff;
  border: 2px solid #fb4f59; }
  .btn-danger:hover, .btn-danger:focus, .btn-danger:active {
    background: #fa3641 !important;
    border-color: #fa3641 !important; }
  .btn-danger.btn-outline {
    background: transparent;
    color: #fb4f59;
    border: 2px solid #fb4f59; }
    .btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active {
      background: #fb4f59;
      color: #fff; }

.btn-outline {
  background: none;
  border: 2px solid gray;
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }
  .btn-outline:hover, .btn-outline:focus, .btn-outline:active {
    box-shadow: none; }

.form-control {
  box-shadow: none;
  background: transparent;
  border: 2px solid rgba(0, 0, 0, 0.1);
  height: 54px;
  font-size: 18px;
  font-weight: 300; }
  .form-control:active, .form-control:focus {
    outline: none;
    box-shadow: none;
    border-color: #ff3737; }

#acryl-logo {
  padding-top: 3.5em;
  text-align: center; }
  #acryl-logo > a {
    position: relative;
    display: block;
    font-size: 50px;
    text-align: center;
    width: 200px;
    margin: 0 auto;
    height: 50px; }
    #acryl-logo > a i, #acryl-logo > a em {
      position: absolute;
      top: 0;
      left: 0;
      width: 200px;
      text-align: center;
      display: block;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
     } /*new */
      #acryl-logo > a i div, #acryl-logo > a em div {
        padding-left: 10px;
        padding-top: 10px; }
    #acryl-logo > a em {
      opacity: 0;
      visibility: hidden;
      font-size: 26px;
      top: 2px;
      font-family: "Playfair Display", times, serif; }
    #acryl-logo > a i {
      opacity: 1;
      visibility: visible; }
    #acryl-logo > a em {
      opacity: 1;
      visibility: visible; }


#acryl-main {
  padding: 2.5em 0 0.5em 0; }
  @media screen and (max-width: 768px) {
    #acryl-main {
      padding: 2em 0; } }
  #acryl-main > .container {
    position: relative; }

.acryl-heading {
  margin-bottom: 1.5em; }
  .acryl-heading.padding-right {
    padding-right: 1em; }
    @media screen and (max-width: 768px) {
      .acryl-heading.padding-right {
        padding-right: 0em; } }

.acryl-intro {
  margin-bottom: -5em; }
  .acryl-intro.padding-right {
    padding-right: 1em; }
    @media screen and (max-width: 768px) {
      .acryl-intro.padding-right {
        padding-right: 0em; } }
  .acryl-intro h1 {
    line-height: 1.5; }
    @media screen and (max-width: 768px) {
      .acryl-intro h1 {
        font-size: 20px; } }
    .acryl-intro h1 a {
      font-size: 20px; }

.acryl-img {
  position: relative;
  background: #f2f2f2;
  float: left;
  width: 100%; }

.acryl-grid {
  position: relative; }
  .acryl-grid .acryl-col-1,
  .acryl-grid .acryl-col-2 {
    width: 50%; }
    @media screen and (max-width: 480px) {
      .acryl-grid .acryl-col-1,
      .acryl-grid .acryl-col-2 {
        width: 100%; } }
    .acryl-grid .acryl-col-1.margintop,
    .acryl-grid .acryl-col-2.margintop {
      margin-top: 29%; }
    .acryl-grid .acryl-col-1 img,
    .acryl-grid .acryl-col-2 img {
      max-width: 100%; }
    .acryl-grid .acryl-col-1 .acryl-item,
    .acryl-grid .acryl-col-2 .acryl-item {
      margin-bottom: 1.5em;
      float: left;
      width: 100%;
      position: relative;
      background: #f2f2f2; }
      .acryl-grid .acryl-col-1 .acryl-item a,
      .acryl-grid .acryl-col-2 .acryl-item a {
        position: relative;
        display: block;
        overflow: hidden; }
        .acryl-grid .acryl-col-1 .acryl-item a.image-popup h2,
        .acryl-grid .acryl-col-2 .acryl-item a.image-popup h2 {
          opacity: 0;
          visibility: hidden;
          -webkit-transition: 0.9s;
          -o-transition: 0.9s;
          transition: 0.9s; }
        .acryl-grid .acryl-col-1 .acryl-item a .acryl-item-text-wrap,
        .acryl-grid .acryl-col-2 .acryl-item a .acryl-item-text-wrap {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background: transparent;
          -webkit-transition: 0.9s;
          -o-transition: 0.9s;
          transition: 0.9s; }
        .acryl-grid .acryl-col-1 .acryl-item a .acryl-item-text,
        .acryl-grid .acryl-col-2 .acryl-item a .acryl-item-text {
          position: absolute;
          z-index: 99;
          text-align: center;
          top: 50%;
          width: 100%;
          vertical-align: middle;
          margin-top: -18px; }
          @media screen and (max-width: 768px) {
            .acryl-grid .acryl-col-1 .acryl-item a .acryl-item-text,
            .acryl-grid .acryl-col-2 .acryl-item a .acryl-item-text {
              margin-top: -12px; } }
          .acryl-grid .acryl-col-1 .acryl-item a .acryl-item-text h2,
          .acryl-grid .acryl-col-2 .acryl-item a .acryl-item-text h2 {
            margin: 0;
            padding: 0;
            color: rgba(255, 255, 255, 0.6);
            font-family: "Roboto", arial, sans-serif;
            font-size: 5rem;
            letter-spacing: 1pt;
            font-weight: bold; }
            @media screen and (max-width: 768px) {
              .acryl-grid .acryl-col-1 .acryl-item a .acryl-item-text h2,
              .acryl-grid .acryl-col-2 .acryl-item a .acryl-item-text h2 {
                font-size: 20px; } }
        .acryl-grid .acryl-col-1 .acryl-item a img,
        .acryl-grid .acryl-col-2 .acryl-item a img {
          -webkit-transform: scale(1);
          -moz-transform: scale(1);
          -ms-transform: scale(1);
          -o-transform: scale(1);
          transform: scale(1);
          -webkit-transition: 0.9s;
          -o-transition: 0.9s;
          transition: 0.9s; }
        .acryl-grid .acryl-col-1 .acryl-item a:hover img,
        .acryl-grid .acryl-col-2 .acryl-item a:hover img {
          -webkit-transform: scale(1.2);
          -moz-transform: scale(1.2);
          -ms-transform: scale(1.2);
          -o-transform: scale(1.2);
          transform: scale(1.2); }
        .acryl-grid .acryl-col-1 .acryl-item a:hover .acryl-item-text-wrap,
        .acryl-grid .acryl-col-2 .acryl-item a:hover .acryl-item-text-wrap {
          background: rgba(255, 255, 255, 0.1); }
        .acryl-grid .acryl-col-1 .acryl-item a.image-popup:hover h2,
        .acryl-grid .acryl-col-2 .acryl-item a.image-popup:hover h2 {
          opacity: 1;
          visibility: visible; }
  .acryl-grid .acryl-col-1 {
    float: left;
    padding-right: 1.25em; }
    @media screen and (max-width: 480px) {
      .acryl-grid .acryl-col-1 {
        padding-right: 0em; } }
  .acryl-grid .acryl-col-2 {
    float: right;
    padding-left: 2.25em; }
    @media screen and (max-width: 480px) {
      .acryl-grid .acryl-col-2 {
        padding-left: 0em; } }

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1; }

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8; }

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0; }

.acryl-social-wrap {
  padding: 0em 0 0 0;
  float: left; }

.acryl-social {
  padding: 0;
  margin: 30px 0 0 0;
  position: relative; }
  .acryl-social li {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline; }
    .acryl-social li a {
      font-size: 40px;
      padding: 4px;
      color: #000;
      -webkit-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s; }
      @media screen and (max-width: 768px) {
        .acryl-social li a {
          font-size: 26px; } }
      .acryl-social li a:hover {
        color: #ea0000; }

figure {
  margin-bottom: 1.5em; }
  figure figcaption {
    padding-top: 15px;
    font-size: 14px;
    color: #999999; }

#acryl-footer {
  padding: 2em 0 0 0em;
  float: left; }
  /* #acryl-footer.padding-left {
    padding-left: 2em; }
    @media screen and (max-width: 480px) {
      #acryl-footer.padding-left {
        padding-left: 0em; } } */
  @media screen and (max-width: 480px) {
    #acryl-footer {
      padding: 2em 0 0 0; } }

.js .animate-box {
  opacity: 0; }

@media screen and (max-width: 480px) {
  .col-xxs-12 {
    width: 100%;
    float: none; } }

.no-js #loader {
  display: none; }

.js #loader {
  display: block;
  position: absolute;
  left: 100px;
  top: 0; }