@font-face {
  font-family: "czr";
  src: url("../fonts/custom/czr.eot?") format("eot"), url("../fonts/custom/czr.svg#czr") format("svg"), url("../fonts/custom/czr.woff") format("woff"), url("../fonts/custom/czr.ttf") format("truetype"); }
ul {
  list-style: disc outside; }

[class^="czr-icon-"], [class*=" czr-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  color: inherit;
  font-family: 'czr' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 1.8rem;
  margin-bottom: 15px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.czr-icon-craftsmanship:before {
  content: "\e900"; }

.czr-icon-materials-sevices:before {
  content: "\e901"; }

.czr-icon-projects:before {
  content: "\e902"; }

.bg-black {
  background: #000; }

.bg-gray-300 {
  background: #1e1e1e; }

hr.black {
  border-top: 1px solid #000;
  width: 100%; }

.margin-top-1 {
  margin-top: 15px !important; }

.margin-bottom-1 {
  margin-bottom: 15px !important; }

.margin-left-1 {
  margin-left: 15px !important; }

.margin-right-1 {
  margin-right: 15px !important; }

.margin-top-2 {
  margin-top: 30px !important; }

.margin-bottom-2 {
  margin-bottom: 30px !important; }

.margin-left-2 {
  margin-left: 30px !important; }

.margin-right-2 {
  margin-right: 30px !important; }

.margin-top-3 {
  margin-top: 45px !important; }

.margin-bottom-3 {
  margin-bottom: 45px !important; }

.margin-left-3 {
  margin-left: 45px !important; }

.margin-right-3 {
  margin-right: 45px !important; }

.margin-top-4 {
  margin-top: 60px !important; }

.margin-bottom-4 {
  margin-bottom: 60px !important; }

.margin-left-4 {
  margin-left: 60px !important; }

.margin-right-4 {
  margin-right: 60px !important; }

.margin-top-5 {
  margin-top: 75px !important; }

.margin-bottom-5 {
  margin-bottom: 75px !important; }

.margin-left-5 {
  margin-left: 75px !important; }

.margin-right-5 {
  margin-right: 75px !important; }

.margin-top-6 {
  margin-top: 90px !important; }

.margin-bottom-6 {
  margin-bottom: 90px !important; }

.margin-left-6 {
  margin-left: 90px !important; }

.margin-right-6 {
  margin-right: 90px !important; }

.margin-top-7 {
  margin-top: 105px !important; }

.margin-bottom-7 {
  margin-bottom: 105px !important; }

.margin-left-7 {
  margin-left: 105px !important; }

.margin-right-7 {
  margin-right: 105px !important; }

.margin-top-8 {
  margin-top: 120px !important; }

.margin-bottom-8 {
  margin-bottom: 120px !important; }

.margin-left-8 {
  margin-left: 120px !important; }

.margin-right-8 {
  margin-right: 120px !important; }

.margin-top-9 {
  margin-top: 135px !important; }

.margin-bottom-9 {
  margin-bottom: 135px !important; }

.margin-left-9 {
  margin-left: 135px !important; }

.margin-right-9 {
  margin-right: 135px !important; }

.padding-top-1 {
  padding-top: 15px !important; }

@media screen and (min-width: 576px) {
  .padding-top-sm-1 {
    padding-top: 15px !important; } }

@media screen and (min-width: 768px) {
  .padding-top-md-1 {
    padding-top: 15px !important; } }

@media screen and (min-width: 992px) {
  .padding-top-lg-1 {
    padding-top: 15px !important; } }

.padding-bottom-1 {
  padding-bottom: 15px !important; }

.padding-left-1 {
  padding-left: 15px !important; }

.padding-right-1 {
  padding-right: 15px !important; }

.padding-top-2 {
  padding-top: 30px !important; }

@media screen and (min-width: 576px) {
  .padding-top-sm-2 {
    padding-top: 30px !important; } }

@media screen and (min-width: 768px) {
  .padding-top-md-2 {
    padding-top: 30px !important; } }

@media screen and (min-width: 992px) {
  .padding-top-lg-2 {
    padding-top: 30px !important; } }

.padding-bottom-2 {
  padding-bottom: 30px !important; }

.padding-left-2 {
  padding-left: 30px !important; }

.padding-right-2 {
  padding-right: 30px !important; }

.padding-top-3 {
  padding-top: 45px !important; }

@media screen and (min-width: 576px) {
  .padding-top-sm-3 {
    padding-top: 45px !important; } }

@media screen and (min-width: 768px) {
  .padding-top-md-3 {
    padding-top: 45px !important; } }

@media screen and (min-width: 992px) {
  .padding-top-lg-3 {
    padding-top: 45px !important; } }

.padding-bottom-3 {
  padding-bottom: 45px !important; }

.padding-left-3 {
  padding-left: 45px !important; }

.padding-right-3 {
  padding-right: 45px !important; }

.padding-top-4 {
  padding-top: 60px !important; }

@media screen and (min-width: 576px) {
  .padding-top-sm-4 {
    padding-top: 60px !important; } }

@media screen and (min-width: 768px) {
  .padding-top-md-4 {
    padding-top: 60px !important; } }

@media screen and (min-width: 992px) {
  .padding-top-lg-4 {
    padding-top: 60px !important; } }

.padding-bottom-4 {
  padding-bottom: 60px !important; }

.padding-left-4 {
  padding-left: 60px !important; }

.padding-right-4 {
  padding-right: 60px !important; }

.padding-top-5 {
  padding-top: 75px !important; }

@media screen and (min-width: 576px) {
  .padding-top-sm-5 {
    padding-top: 75px !important; } }

@media screen and (min-width: 768px) {
  .padding-top-md-5 {
    padding-top: 75px !important; } }

@media screen and (min-width: 992px) {
  .padding-top-lg-5 {
    padding-top: 75px !important; } }

.padding-bottom-5 {
  padding-bottom: 75px !important; }

.padding-left-5 {
  padding-left: 75px !important; }

.padding-right-5 {
  padding-right: 75px !important; }

.padding-top-6 {
  padding-top: 90px !important; }

@media screen and (min-width: 576px) {
  .padding-top-sm-6 {
    padding-top: 90px !important; } }

@media screen and (min-width: 768px) {
  .padding-top-md-6 {
    padding-top: 90px !important; } }

@media screen and (min-width: 992px) {
  .padding-top-lg-6 {
    padding-top: 90px !important; } }

.padding-bottom-6 {
  padding-bottom: 90px !important; }

.padding-left-6 {
  padding-left: 90px !important; }

.padding-right-6 {
  padding-right: 90px !important; }

.padding-top-7 {
  padding-top: 105px !important; }

@media screen and (min-width: 576px) {
  .padding-top-sm-7 {
    padding-top: 105px !important; } }

@media screen and (min-width: 768px) {
  .padding-top-md-7 {
    padding-top: 105px !important; } }

@media screen and (min-width: 992px) {
  .padding-top-lg-7 {
    padding-top: 105px !important; } }

.padding-bottom-7 {
  padding-bottom: 105px !important; }

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

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

.padding-top-8 {
  padding-top: 120px !important; }

@media screen and (min-width: 576px) {
  .padding-top-sm-8 {
    padding-top: 120px !important; } }

@media screen and (min-width: 768px) {
  .padding-top-md-8 {
    padding-top: 120px !important; } }

@media screen and (min-width: 992px) {
  .padding-top-lg-8 {
    padding-top: 120px !important; } }

.padding-bottom-8 {
  padding-bottom: 120px !important; }

.padding-left-8 {
  padding-left: 120px !important; }

.padding-right-8 {
  padding-right: 120px !important; }

.padding-top-9 {
  padding-top: 135px !important; }

@media screen and (min-width: 576px) {
  .padding-top-sm-9 {
    padding-top: 135px !important; } }

@media screen and (min-width: 768px) {
  .padding-top-md-9 {
    padding-top: 135px !important; } }

@media screen and (min-width: 992px) {
  .padding-top-lg-9 {
    padding-top: 135px !important; } }

.padding-bottom-9 {
  padding-bottom: 135px !important; }

.padding-left-9 {
  padding-left: 135px !important; }

.padding-right-9 {
  padding-right: 135px !important; }

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

.color-black-transparent {
  color: rgba(0, 0, 0, 0.7) !important; }

.color-white {
  color: #fff !important; }

.color-gray-100 {
  color: #b9b9b9 !important; }

.color-gray-200 {
  color: #7f7f7f !important; }

.color-gray-300 {
  color: #292929 !important; }

.color-gray-400 {
  color: #1e1e1e !important; }

.color-red {
  color: #ff6558 !important; }

.bg-black {
  background: #000 !important; }

.bg-black-transparent {
  background: rgba(0, 0, 0, 0.7) !important; }

.bg-white {
  background: #fff !important; }

.bg-gray-100 {
  background: #b9b9b9 !important; }

.bg-gray-200 {
  background: #7f7f7f !important; }

.bg-gray-300 {
  background: #292929 !important; }

.bg-gray-400 {
  background: #1e1e1e !important; }

.bg-red {
  background: #ff6558 !important; }

body {
  color: #fff; }

.list-block {
  padding-left: 0;
  list-style: none; }

.list-block-item {
  display: block; }

@media screen and (min-width: 576px) {
  .list-sm-inline {
    padding-left: 0;
    list-style: none; } }

@media screen and (min-width: 576px) {
  .list-sm-inline-item {
    display: inline-block; }
    .list-sm-inline-item:not(:last-child) {
      margin-right: 1.7rem; } }

.border {
  border: 1px solid !important; }

@media screen and (min-width: 576px) {
  .border-sm-0 {
    border: 0px !important; } }

.padding-half {
  padding: 0 7.5px; }

#return-top {
  z-index: 20;
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  #return-top i {
    font-size: 30px; }

@media screen and (max-width: 991px) {
  #Body a:hover {
    background-color: inherit !important;
    color: inherit !important;
    -webkit-filter: none !important;
    filter: none !important;
    outline: none !important; }
    #Body a:hover *:not(.cover) {
      background-color: inherit !important;
      color: inherit !important;
      -webkit-filter: none !important;
      filter: none !important;
      outline: none !important; }
  #Body img {
    filter: none !important;
    outline: none !important; }
  #Body button {
    outline: none !important; } }
@font-face {
  font-family: "Roboto-Light";
  src: url("../fonts/Roboto-Light.ttf") format("truetype"); }
@font-face {
  font-family: "Roboto-Bold";
  src: url("../fonts/Roboto-Bold.ttf") format("truetype"); }
@font-face {
  font-family: "Trocchi";
  src: url("../fonts/Trocchi-Regular.ttf") format("truetype"); }
body {
  font-family: 'Roboto-Light'; }

.h1, .h2, .h3, .h4, .h5, .h6 {
  display: block; }

.h4, .h5, .h6, p {
  line-height: 1.7; }

p, li {
  font-size: 1rem;
  color: #b9b9b9; }

.h1, .h2, .h3, .h4 {
  font-family: 'Trocchi'; }

.h1 {
  line-height: 1.15; }

.h1, .h2 {
  text-transform: capitalize; }

.h2, .h4 {
  color: #e2e2e2; }

.h3 {
  color: #e2e2e2;
  line-height: 1.4; }

.bg-white .h2, .bg-white .h3, .bg-white .h4 {
  color: #7f7f7f; }

.h1, .h5 {
  color: #fff; }

.h5, .h6 {
  text-transform: uppercase;
  letter-spacing: 4px; }

.h6 {
  color: #ff6558; }

.h6 strong {
  font-family: 'Roboto-Bold';
  letter-spacing: normal; }

a, a:visited {
  color: inherit;
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  transition: color 0.5s ease; }
a:hover {
  color: #ff6558 !important;
  text-decoration: none;
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  transition: color 0.5s ease; }
a.hover-white:hover * {
  color: #fff !important;
  -webkit-transition: color 0.5s ease;
  -moz-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  transition: color 0.5s ease; }
a.underline-link {
  color: #ff6558;
  font-family: 'Roboto-Bold';
  font-size: 0.875rem;
  text-transform: uppercase;
  text-decoration: underline;
  letter-spacing: 1px; }

li.active a {
  color: #ff6558 !important; }

i {
  color: #ff6558;
  margin-right: 5px; }

@media screen and (max-width: 575px) {
  .h1 {
    font-size: 1.5rem; }

  .h2 {
    font-size: 1.35rem; }

  .h3 {
    font-size: 1.2rem; }

  .h5 {
    font-size: 0.8rem; } }
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }

.navbar {
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 30px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%); }
  @media screen and (min-width: 1200px) {
    .navbar {
      width: 1280px; } }
  @media screen and (min-width: 576px) {
    .navbar {
      top: 40px; } }
  .navbar .nav-item .nav-link {
    text-transform: uppercase;
    color: #fff; }
  @media screen and (max-width: 1199px) {
    .navbar .navbar-nav {
      background: black;
      padding: 0 15px; } }
  @media screen and (max-width: 767px) {
    .navbar img.navbar-brand {
      width: 200px; } }

main .projects div[class^="col"] {
  padding-left: 7.5px;
  padding-right: 7.5px; }
main .projects .project {
  overflow: hidden; }
  main .projects .project a {
    position: relative;
    display: block; }
  main .projects .project .cover {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #151515;
    padding: 15px; }
    main .projects .project .cover h3, main .projects .project .cover h6 {
      margin: 0; }
main .border-right {
  border-right: none !important; }
  @media screen and (min-width: 992px) {
    main .border-right {
      border-right: 1px solid #7f7f7f !important; } }
main .main-banner-container {
  text-align: center;
  z-index: 9;
  color: #ffffff;
  overflow: hidden;
  position: relative; }
  main .main-banner-container:before {
    font-size: 70em; }
  main .main-banner-container .wrapper {
    z-index: 2;
    position: relative;
    text-align: left;
    height: 100%;
    display: flex;
    align-items: center;
    z-index: 2; }
  main .main-banner-container .banner-image {
    background: url("../images/banner-home.jpg") no-repeat center center;
    background: -ms-linear-gradient(rgba(0, 0, 0, 0.9) -7%, rgba(255, 255, 255, 0)), url("../images/banner-home.jpg") no-repeat center center;
    background: -moz-linear-gradient(rgba(0, 0, 0, 0.9) -7%, rgba(255, 255, 255, 0)), url("../images/banner-home.jpg") no-repeat center center;
    background: -o-linear-gradient(rgba(0, 0, 0, 0.9) -7%, rgba(255, 255, 255, 0)), url("../images/banner-home.jpg") no-repeat center center;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.9) -7%, rgba(255, 255, 255, 0)), url("../images/banner-home.jpg") no-repeat center center;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1; }
  main .main-banner-container.hometest .wrapper {
    align-items: flex-end; }
  main .main-banner-container.hometest .banner-image {
    background: url("../images/banner-home2-Mob.jpg") no-repeat center center;
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.1) -7%, rgba(255, 255, 255, 0)), url("../images/banner-home2-Mob.jpg") no-repeat center center;
    background: -o-linear-gradient(rgba(0, 0, 0, 0.1) -7%, rgba(255, 255, 255, 0)), url("../images/banner-home2-Mob.jpg") no-repeat center center;
    background: linear-gradient(rgba(0, 0, 0, 0.1) -7%, rgba(255, 255, 255, 0)), url("../images/banner-home2-Mob.jpg") no-repeat center center;
    background-size: cover; }
    @media screen and (min-width: 576px) {
      main .main-banner-container.hometest .banner-image {
        background: url("../images/banner-home2.jpg") no-repeat center center;
        background: -webkit-linear-gradient(rgba(0, 0, 0, 0.1) -7%, rgba(255, 255, 255, 0)), url("../images/banner-home2.jpg") no-repeat center center;
        background: -o-linear-gradient(rgba(0, 0, 0, 0.1) -7%, rgba(255, 255, 255, 0)), url("../images/banner-home2.jpg") no-repeat center center;
        background: linear-gradient(rgba(0, 0, 0, 0.1) -7%, rgba(255, 255, 255, 0)), url("../images/banner-home2.jpg") no-repeat center center;
        background-size: cover; } }
  main .main-banner-container.hometest .overlay {
    background: rgba(0, 0, 0, 0.5); }
  @media screen and (max-width: 767px) {
    main .main-banner-container .overlay {
      background: rgba(0, 0, 0, 0.4); } }
  @media screen and (max-width: 991px) {
    main .main-banner-container h1 {
      font-size: 2rem; }
    main .main-banner-container h2 {
      font-size: 14px; } }
  @media screen and (max-width: 767px) {
    main .main-banner-container h1 {
      font-size: 1.5rem; }
    main .main-banner-container h2 {
      font-size: 12px; } }
main .fs {
  height: 100vh; }
main .secondary {
  height: 370px; }
main .scroll-hint {
  font-size: 20px; }
main .side-overlay {
  height: 100%;
  width: 0px;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
  position: absolute;
  left: 0; }
main .bg-overlay {
  background: rgba(30, 30, 30, 0.3) !important;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  main .bg-overlay .h3, main .bg-overlay .h6 {
    color: #fff; }
main .grayscale {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  -moz-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  -ms-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  -o-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
  transition: all 0.5s ease; }
main .quote {
  position: relative;
  height: auto; }
  @media screen and (min-width: 992px) {
    main .quote {
      height: 620px; } }
  main .quote .content {
    background: #151515;
    position: relative;
    z-index: 1;
    top: auto;
    margin: 50px 0; }
    @media screen and (min-width: 992px) {
      main .quote .content {
        top: 290px;
        margin: 0; } }
    main .quote .content i.fas {
      font-size: 2.5rem; }
    main .quote .content blockquote, main .quote .content blockquote p {
      margin: 0;
      border: none;
      font-style: inherit !important;
      font-size: 1rem;
      font-family: 'Trocchi';
      line-height: inherit;
      color: #b9b9b9;
      padding: 0; }
  main .quote .image {
    position: absolute;
    bottom: -60px;
    z-index: 0; }
main .service-materials {
  position: relative; }
  main .service-materials .image {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0; }
    main .service-materials .image img {
      float: right;
      width: 60vw; }
  main .service-materials .text {
    z-index: 1; }
main button.no-outline:focus {
  outline: none; }
main .rolling-category ul {
  list-style-type: none; }
  main .rolling-category ul li {
    display: block;
    width: 100%;
    text-align: center;
    vertical-align: top; }
    @media screen and (min-width: 992px) {
      main .rolling-category ul li {
        display: inline-block; } }
    @media screen and (min-width: 992px) {
      main .rolling-category ul li {
        width: 18%; } }
    main .rolling-category ul li:nth-child(1).active ~ .roller hr {
      margin-left: 0%; }
    main .rolling-category ul li:nth-child(1):hover ~ .roller hr {
      margin-left: 0% !important; }
    main .rolling-category ul li:nth-child(2).active ~ .roller hr {
      margin-left: 18%; }
    main .rolling-category ul li:nth-child(2):hover ~ .roller hr {
      margin-left: 18% !important; }
    main .rolling-category ul li:nth-child(3).active ~ .roller hr {
      margin-left: 36%; }
    main .rolling-category ul li:nth-child(3):hover ~ .roller hr {
      margin-left: 36% !important; }
    main .rolling-category ul li:nth-child(4).active ~ .roller hr {
      margin-left: 54%; }
    main .rolling-category ul li:nth-child(4):hover ~ .roller hr {
      margin-left: 54% !important; }
    main .rolling-category ul li:nth-child(5).active ~ .roller hr {
      margin-left: 72%; }
    main .rolling-category ul li:nth-child(5):hover ~ .roller hr {
      margin-left: 72% !important; }
    main .rolling-category ul li:nth-child(6).active ~ .roller hr {
      margin-left: 90%; }
    main .rolling-category ul li:nth-child(6):hover ~ .roller hr {
      margin-left: 90% !important; }
    main .rolling-category ul li:nth-child(7).active ~ .roller hr {
      margin-left: 108%; }
    main .rolling-category ul li:nth-child(7):hover ~ .roller hr {
      margin-left: 108% !important; }
    main .rolling-category ul li:nth-child(8).active ~ .roller hr {
      margin-left: 126%; }
    main .rolling-category ul li:nth-child(8):hover ~ .roller hr {
      margin-left: 126% !important; }
    main .rolling-category ul li:nth-child(9).active ~ .roller hr {
      margin-left: 144%; }
    main .rolling-category ul li:nth-child(9):hover ~ .roller hr {
      margin-left: 144% !important; }
    main .rolling-category ul li:nth-child(10).active ~ .roller hr {
      margin-left: 162%; }
    main .rolling-category ul li:nth-child(10):hover ~ .roller hr {
      margin-left: 162% !important; }
    main .rolling-category ul li:hover a {
      color: #ff6558 !important; }
main .rolling-category a:hover #ddCTitle:not(.cover) {
  color: #ff6558 !important; }
main .rolling-category h6.catTitle {
  display: none; }
@media (max-width: 991px) {
  main .rolling-category.ddl {
    text-align: center;
    margin-bottom: 50px;
    overflow: hidden; }
    main .rolling-category.ddl h6.catTitle {
      color: #ff6558 !important;
      display: inline-block; }
      main .rolling-category.ddl h6.catTitle:after {
        content: " ";
        font-weight: bold;
        background-image: url("/Portals/_default/Skins/CZR/images/downArrow.png");
        background-size: contain;
        background-repeat: no-repeat;
        margin-left: 5px;
        width: 12px;
        height: 10px;
        display: inline-block; }
    main .rolling-category.ddl ul {
      margin-bottom: -2000px;
      transition: margin-bottom 0.3s cubic-bezier(1, 0, 1, 1), visibility 0s 0.3s, max-height 0s 0.3s;
      max-height: 0;
      margin-left: 0; }
    main .rolling-category.ddl.open h6.catTitle {
      border-bottom: #ff6558 1px solid; }
      main .rolling-category.ddl.open h6.catTitle:after {
        background-image: url("/Portals/_default/Skins/CZR/images/upArrow.png"); }
    main .rolling-category.ddl.open ul {
      transition: margin-bottom 0.3s cubic-bezier(0, 0, 0, 1);
      margin-bottom: 0;
      max-height: 1000000px; } }
main .rolling-category .roller {
  display: none;
  position: relative; }
  @media screen and (min-width: 992px) {
    main .rolling-category .roller {
      display: block; } }
  main .rolling-category .roller .base {
    background: #7f7f7f;
    position: absolute;
    height: 1px;
    z-index: 1;
    bottom: 0px; }
  main .rolling-category .roller hr {
    height: 1px;
    width: 18%;
    margin: 0;
    background: #ff6558;
    border: none;
    transition: .3s ease-in-out;
    z-index: 2;
    position: relative; }
main .search_input {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 3px; }
  main .search_input .input {
    margin-right: 10px; }
    main .search_input .input input {
      background: transparent;
      border: none;
      color: #fff;
      height: 37px;
      border-bottom: 1px solid #7f7f7f;
      width: 100%; }
      main .search_input .input input:focus {
        outline: none; }
  main .search_input .do_search {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 37px;
    height: 37px;
    background: #7f7f7f; }
    main .search_input .do_search:before {
      content: "\f002";
      font-family: "Font Awesome 5 Free";
      font-weight: 900;
      color: #000; }
    main .search_input .do_search span {
      display: none; }
    main .search_input .do_search:hover {
      background: #000;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease; }
      main .search_input .do_search:hover:before {
        color: #7f7f7f;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease; }
main .gallery {
  width: 313px;
  height: 244px;
  margin: auto;
  overflow: hidden; }
  main .gallery img {
    position: relative;
    left: 50%;
    transform: translate(-50%); }
@media screen and (min-width: 768px) {
  main .testimonials .item {
    margin-right: 15px; } }
main .testimonials .item:last-child {
  margin-right: 0; }
main .testimonials .item .align-logo {
  background: #151515;
  padding: 15px; }
  @media screen and (min-width: 768px) {
    main .testimonials .item .align-logo {
      float: left; } }
  main .testimonials .item .align-logo p {
    margin-bottom: 0; }
    main .testimonials .item .align-logo p img {
      margin-right: 0;
      display: block;
      margin-bottom: 30px;
      margin-left: auto;
      margin-right: auto; }
      main .testimonials .item .align-logo p img:last-child {
        margin-right: auto; }
      @media screen and (min-width: 768px) {
        main .testimonials .item .align-logo p img {
          margin-right: 15px;
          margin-bottom: 0px;
          display: inline; }
          main .testimonials .item .align-logo p img:last-child {
            margin-right: 0; } }
main .invert-white {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1); }
main .projectImageSect {
  height: 400px;
  overflow: hidden; }
  @media screen and (max-width: 991px) {
    main .projectImageSect {
      height: auto; } }

.DNNEmptyPane {
  display: none !important; }

.top-most {
  position: relative;
  z-index: 1; }

.smbLightOverlayWrapper.modern .mainWrapper .itemTitle {
  position: relative !important;
  bottom: -12px !important;
  text-align: center;
  font: inherit !important;
  display: initial !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  letter-spacing: 4px !important; }
  .smbLightOverlayWrapper.modern .mainWrapper .itemTitle span {
    display: intial !important; }
.smbLightOverlayWrapper.modern .mainWrapper .viewWrapper {
  outline: 50px solid #1e1e1e; }
.smbLightOverlayWrapper.modern .mainWrapper .navigation {
  background: transparent !important;
  width: 45px !important; }
  .smbLightOverlayWrapper.modern .mainWrapper .navigation span {
    width: 32px !important;
    height: 33px !important;
    margin: -10px 0 0 -16px !important;
    background-size: auto !important;
    background-position: center !important; }
    .smbLightOverlayWrapper.modern .mainWrapper .navigation span:hover {
      background-position: center !important; }
  .smbLightOverlayWrapper.modern .mainWrapper .navigation.prev span {
    background: url(../images/left.png) no-repeat !important; }
  .smbLightOverlayWrapper.modern .mainWrapper .navigation.next span {
    background: url(../images/right.png) no-repeat !important; }
.smbLightOverlayWrapper.modern .mainWrapper .close {
  background: transparent !important; }
  .smbLightOverlayWrapper.modern .mainWrapper .close:hover {
    background: transparent !important; }
  .smbLightOverlayWrapper.modern .mainWrapper .close span {
    background: url(../images/close.png) no-repeat !important;
    background-size: auto !important;
    background-position: center !important;
    width: 30px !important;
    height: 30px !important;
    margin: -24px 0 0 45px !important; }

footer {
  background: #000; }
  footer .h3 {
    color: #b9b9b9; }
  footer ul li {
    list-style-type: none; }
  footer #i21 {
    display: none; }
  footer .border-divider {
    border-bottom: 1px solid #292929;
    margin: 10px auto; }
  footer .h4 {
    font-family: 'Roboto-Bold';
    color: #b9b9b9; }
  footer .footer-social .container {
    padding: 22.5px; }
  footer .footer-social li.list-inline-item:not(:last-child) {
    margin-right: 3rem; }
  footer .footer-social i {
    color: inherit; }
  footer .footer-above {
    padding: 45px 0 15px 0; }
    footer .footer-above ul:not(.sc-menu) {
      margin-left: 20px; }
      footer .footer-above ul:not(.sc-menu) li {
        line-height: 1.9;
        font-size: 0.8rem;
        text-indent: -19px; }
        footer .footer-above ul:not(.sc-menu) li:before {
          content: "\f091";
          font-family: "Font Awesome 5 Free";
          font-weight: 900;
          color: #ff6558;
          margin-right: 5px;
          -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
          transform: scaleX(-1); }
    footer .footer-above .h4 {
      font-size: 0.8rem;
      margin-bottom: 0.3rem; }
    footer .footer-above .logo-contact {
      margin: auto; }
      footer .footer-above .logo-contact .footer-logo {
        margin-bottom: 30px; }
  footer .footer-center .container {
    border-top: 1px solid #292929; }
  footer .footer-center .footer-nav {
    padding-top: 15px;
    padding-bottom: 30px; }
    footer .footer-center .footer-nav ul li {
      color: #fff; }
  footer .footer-below {
    background-color: #1e1e1e;
    padding: 5px 0; }
    footer .footer-below p, footer .footer-below span, footer .footer-below a, footer .footer-below div {
      color: #b9b9b9;
      font-size: 0.875rem; }

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