body {
  font-family: 'Catamaran', sans-serif;
  font-weight: 400; }

a, a:active, a:hover, a:visited {
  text-decoration: none;
  color:#000;
  }

a:hover {
  color: inherit; 
  text-decoration:underline;
  }

ul, li {
  list-style: none;
  padding: 0;
  margin: 0; }

ul.social {
  display: flex;
  justify-content: flex-start;
  align-items: center; }
  ul.social li {
    text-align: center; }
    ul.social li a {
      color: #000;
      padding-right: 10px;
      font-size: 19px; }
    ul.social li:last-child a {
      padding-right: 0; }

ul.menu {
  border: 2px solid #000;
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  ul.menu li {
    position: relative;
    border-right: 0px solid #000;
    text-align: center;
    width: 100%; }
    ul.menu li a {
      padding: 13px 18px;
      font-size: 16px;
      font-weight: 400;
      color: #000;
      display: block; }
      ul.menu li a:hover {
        background-color: #000;
        color: #fff;
        transform: translateX(-2px); }
    ul.menu li:after {
      content: '';
      position: absolute;
      right: 0;
      width: 2px;
      height: 100%;
      top: 0;
      background: -moz-linear-gradient(top, #000000 0%, #000000 1%, #000000 30%, rgba(112, 112, 112, 0) 34%, rgba(112, 112, 112, 0) 67%, #000000 70%, #000000 100%);
      background: -webkit-linear-gradient(top, #000000 0%, #000000 1%, #000000 30%, rgba(112, 112, 112, 0) 34%, rgba(112, 112, 112, 0) 67%, #000000 70%, #000000 100%);
      background: linear-gradient(to bottom, #000000 0%, #000000 1%, #000000 30%, rgba(112, 112, 112, 0) 34%, rgba(112, 112, 112, 0) 67%, #000000 70%, #000000 100%); }
    ul.menu li:last-child {
      border-right: 0px solid transparent; }
      ul.menu li:last-child:after {
        content: none; }
    ul.menu li:hover:after {
      background-color: #000; }
    ul.menu li:hover:before {
      background-color: #000; }
    ul.menu li:last-child:hover a {
      box-shadow: 2px 0px 0px 0px #000; }
  ul.menu li.active a {
    background-color: #000;
    color: #fff;
    transform: translateX(-2px); }
  ul.menu li.active:after {
    background-color: #000; }
  ul.menu li.active:before {
    background-color: #000; }
  ul.menu li.active:last-child a {
    box-shadow: 2px 0px 0px 0px #000; }

header {
  padding: 25px 0;
  height: 150px; }

.info-bar a {
  font-size: 19px;
  color: #000; }

#slider {
  min-height: calc(100vh - 150px); }
  #slider .item {
    height: calc(100vh - 150px);
    background-color: #faf6f7; }
    #slider .item img {
      width: auto;
      margin-left: auto;
      height: 100%; }
    #slider .item .text {
      position: absolute;
      width: 100%;
      height: 100%;
      z-index: 99;
      top: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      left: 50%;
      transform: translateX(-130%); }
      #slider .item .text h3 {
        max-width: 350px;
        font-size: 2.5em;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: 4.4px;
        text-align: left;
        color: #414141; }
      #slider .item .text h4 {
        font-size: 1.7em;
        font-weight: 200;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.64;
        letter-spacing: 2.5px;
        text-align: left;
        color: #919191; }

section.about {
  position: relative;
  overflow-y: hidden; }
  section.about .bg_img {
    position: absolute;
    left: 0;
    top: 0; }
  section.about .border-left {
    padding-top: 42px;
    margin-top: 256px;
    min-height: 500px;
    background-color: #fff;
    border-left: 0px solid transparent !important;
    padding-left: 50px;
    position: relative; }
    section.about .border-left:before {
      content: '';
      border-left: 2px solid #000;
      position: absolute;
      bottom: 0;
      left: 30px;
      height: 0; }
    section.about .border-left.aos-animate:before {
      transition-delay: 500ms;
      transition: height ease-in-out 1.5s;
      height: calc(100% - 30px); }
  section.about h1 {
    color: #000;
    font-weight: 700;
    font-size: 35px;
    display: block; }
  section.about p {
    display: block;
    color: #707070;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 30px; }
  section.about .custom_button {
    color: #707070;
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
    padding: 7px 20px;
    transition: all ease 500ms;
    font-size: 16px;
    font-weight: 500;
    position: relative; }
    section.about .custom_button:before {
      content: '';
      position: absolute;
      left: 0;
      width: 1px;
      height: 100%;
      top: 0;
      background: -moz-linear-gradient(top, #707070 0%, #707070 1%, #707070 30%, rgba(112, 112, 112, 0) 34%, rgba(112, 112, 112, 0) 67%, #707070 70%, #707070 100%);
      background: -webkit-linear-gradient(top, #707070 0%, #707070 1%, #707070 30%, rgba(112, 112, 112, 0) 34%, rgba(112, 112, 112, 0) 67%, #707070 70%, #707070 100%);
      background: linear-gradient(to bottom, #707070 0%, #707070 1%, #707070 30%, rgba(112, 112, 112, 0) 34%, rgba(112, 112, 112, 0) 67%, #707070 70%, #707070 100%); }
    section.about .custom_button:after {
      content: '';
      position: absolute;
      right: 0;
      width: 1px;
      height: 100%;
      top: 0;
      background: -moz-linear-gradient(top, #707070 0%, #707070 1%, #707070 30%, rgba(112, 112, 112, 0) 34%, rgba(112, 112, 112, 0) 67%, #707070 70%, #707070 100%);
      background: -webkit-linear-gradient(top, #707070 0%, #707070 1%, #707070 30%, rgba(112, 112, 112, 0) 34%, rgba(112, 112, 112, 0) 67%, #707070 70%, #707070 100%);
      background: linear-gradient(to bottom, #707070 0%, #707070 1%, #707070 30%, rgba(112, 112, 112, 0) 34%, rgba(112, 112, 112, 0) 67%, #707070 70%, #707070 100%); }
    section.about .custom_button:hover {
      padding: 15px 20px; }

section.products {
  color: #fff;
  background: #575756;
  background: -moz-linear-gradient(left, #575756 0%, #070707 100%);
  background: -webkit-linear-gradient(left, #575756 0%, #070707 100%);
  background: linear-gradient(to right, #575756 0%, #070707 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#575756', endColorstr='#070707', GradientType=1);
  padding-bottom: 100px; }
  section.products .border-left {
    min-height: 500px;
    border-left: 0px solid transparent !important;
    padding-left: 50px;
    position: relative; }
    section.products .border-left:before {
      content: '';
      border-left: 2px solid #fff;
      position: absolute;
      top: 0;
      left: 30px;
      height: 0; }
    section.products .border-left.aos-animate:before {
      transition: height ease-in-out 1.5s;
      height: calc(60%); }
  section.products .border-left2 {
    padding-top: 57px;
    min-height: 500px;
    border-left: 0px solid transparent !important;
    padding-left: 50px;
    position: relative; }
    section.products .border-left2:before {
      content: '';
      border-left: 2px solid #fff;
      position: absolute;
      bottom: 10%;
      left: 0px;
      height: 0; }
    section.products .border-left2.aos-animate:before {
      transition: height ease-in-out 1.5s;
      height: calc(90% - 57px); }
    section.products .border-left2 img {
      width: 100%;
      height: auto; }
  section.products .product-name .cardWrapper {
    width: 100%;
    height: 100px;
    position: relative;
    float: left;
    margin-right: 10px;
    cursor: pointer;
    -webkit-font-smoothing: antialiased; }
    section.products .product-name .cardWrapper .card {
      border: 0px; }
  section.products .product-name .cardFace {
    position: absolute;
    width: 100%;
    height: 100px;
    overflow: hidden; }
    section.products .product-name .cardFace h1 {
      color: #000;
      text-align: center;
      display: inline-block;
      margin: 0; }
  section.products .product-name .front {
    background-color: #fff;
    color: #000;
    font-weight: bold;
    font-size: 35px;
    margin-top: 7px;
    max-width: 100%;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
  section.products .product-name .back {
    background-color: #fff;
    color: #000;
    font-weight: bold;
    font-size: 35px;
    margin-top: 7px;
    max-width: 100%;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
  section.products h1 {
    color: #fff;
    font-weight: 700;
    font-size: 35px;
    display: block;
    text-align: right; }
  section.products p {
    display: block;
    text-align: right;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 30px; }
  section.products .custom_button {
    color: white;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    padding: 7px 20px;
    transition: all ease 500ms;
    font-size: 16px;
    font-weight: 500;
    position: relative; }
    section.products .custom_button:before {
      content: '';
      position: absolute;
      left: 0;
      width: 1px;
      height: 100%;
      top: 0;
      background: -moz-linear-gradient(top, white 0%, white 1%, white 30%, rgba(255, 255, 255, 0) 34%, rgba(255, 255, 255, 0) 67%, white 70%, white 100%);
      background: -webkit-linear-gradient(top, white 0%, white 1%, white 30%, rgba(255, 255, 255, 0) 34%, rgba(255, 255, 255, 0) 67%, white 70%, white 100%);
      background: linear-gradient(to bottom, white 0%, white 1%, white 30%, rgba(255, 255, 255, 0) 34%, rgba(255, 255, 255, 0) 67%, white 70%, white 100%); }
    section.products .custom_button:after {
      content: '';
      position: absolute;
      right: 0;
      width: 1px;
      height: 100%;
      top: 0;
      background: -moz-linear-gradient(top, white 0%, white 1%, white 30%, rgba(255, 255, 255, 0) 34%, rgba(255, 255, 255, 0) 67%, white 70%, white 100%);
      background: -webkit-linear-gradient(top, white 0%, white 1%, white 30%, rgba(255, 255, 255, 0) 34%, rgba(255, 255, 255, 0) 67%, white 70%, white 100%);
      background: linear-gradient(to bottom, white 0%, white 1%, white 30%, rgba(255, 255, 255, 0) 34%, rgba(255, 255, 255, 0) 67%, white 70%, white 100%); }
    section.products .custom_button:hover {
      padding: 15px 20px; }
  section.products .left-texts {
    padding-bottom: 57px; }
  section.products .text-right {
    padding: 10px 0; }

section.projects {
  position: relative; }
  section.projects .container {
    position: relative;
    padding-top: 125px;
    padding-bottom: 125px; }
    section.projects .container:before {
      content: '';
      width: 4px;
      height: 0%;
      left: 0;
      bottom: 0;
      background-color: #000;
      position: absolute; }
    section.projects .container:after {
      content: '';
      width: 4px;
      height: 0%;
      right: 0;
      top: 0;
      background-color: #000;
      position: absolute; }
    section.projects .container.aos-animate:before {
      transition: height ease-in-out 1.5s;
      height: 80%; }
    section.projects .container.aos-animate:after {
      transition: height ease-in-out 1.5s;
      height: 80%; }
    section.projects .container .project-slider-wrap {
      position: relative; }
      section.projects .container .project-slider-wrap img {
        width: 100%; }
      section.projects .container .project-slider-wrap .text {
        background-color: rgba(255, 255, 255, 0.55);
        color: #000;
        font-weight: 700;
        font-size: 35px;
        text-align: center;
        padding: 20px 25px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        box-shadow: inset 1px 1px 2000px 0px rgba(255, 255, 255, 0.55); }

section.index-form {
  background: #f6f6f6;
  padding-top: 40px;
  padding-bottom: 40px; }
  
  section.index-form .strform
  {
  background: #fff;
    padding: 25px 30px 0;
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.2);
  }
  
  section.index-form input {
    width: 100%; }
  section.index-form .form-row {
    margin-bottom: 15px; }
  section.index-form .form-control {
    background-color: transparent;
    border: 0px solid transparent;
    border-bottom: 1px solid #707070;
    border-radius: 0;
    resize: none; }
	
	section.index-form .form--control {
	width: 100%;
    height: 55px;
    padding: 0 20px;
    font-weight: 200;
    border: 1px solid #8a8a8a;
	}
	
section.index-form .form---control {
	width: 100%;
    height: 35px;
    padding: 0 10px;
    font-weight: 200;
    border: 1px solid #8a8a8a;
	}
	
  section.index-form .custom_button {
    color: #707070;
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
    padding: 7px 20px;
    transition: all ease 500ms;
    font-size: 16px;
    font-weight: 500;
    position: relative; }
    section.index-form .custom_button:before {
      content: '';
      position: absolute;
      left: 0;
      width: 1px;
      height: 100%;
      top: 0;
      background: -moz-linear-gradient(top, #707070 0%, #707070 1%, #707070 30%, rgba(112, 112, 112, 0) 34%, rgba(112, 112, 112, 0) 67%, #707070 70%, #707070 100%);
      background: -webkit-linear-gradient(top, #707070 0%, #707070 1%, #707070 30%, rgba(112, 112, 112, 0) 34%, rgba(112, 112, 112, 0) 67%, #707070 70%, #707070 100%);
      background: linear-gradient(to bottom, #707070 0%, #707070 1%, #707070 30%, rgba(112, 112, 112, 0) 34%, rgba(112, 112, 112, 0) 67%, #707070 70%, #707070 100%); }
    section.index-form .custom_button:after {
      content: '';
      position: absolute;
      right: 0;
      width: 1px;
      height: 100%;
      top: 0;
      background: -moz-linear-gradient(top, #707070 0%, #707070 1%, #707070 30%, rgba(112, 112, 112, 0) 34%, rgba(112, 112, 112, 0) 67%, #707070 70%, #707070 100%);
      background: -webkit-linear-gradient(top, #707070 0%, #707070 1%, #707070 30%, rgba(112, 112, 112, 0) 34%, rgba(112, 112, 112, 0) 67%, #707070 70%, #707070 100%);
      background: linear-gradient(to bottom, #707070 0%, #707070 1%, #707070 30%, rgba(112, 112, 112, 0) 34%, rgba(112, 112, 112, 0) 67%, #707070 70%, #707070 100%); }
    section.index-form .custom_button:hover {
      padding: 15px 20px; }
  section.index-form .button-area {
    margin-top: 15px; }
  section.index-form .custom_button {
    background-color: transparent;
    margin-top: 15px;
    border-left: none;
    border-right: none; }
    section.index-form .custom_button:active, section.index-form .custom_button:focus {
      outline: none; }

footer {
  background-color: #000;
  padding: 30px 0; }
  footer ul.social {
    justify-content: center; }
    footer ul.social li {
      margin: 0 5px; }
      footer ul.social li a {
        color: #fff;
        font-size: 24px; }
  footer .footer-logo-area {
    color: #fff; }
    footer .footer-logo-area p {
      margin: 10px 0 0 0; }
  footer .info-row {
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
    justify-content: flex-start;
    align-items: center; }
    footer .info-row .icon {
      margin-right: 10px; }
    footer .info-row .text {
      color: #fff; }
      footer .info-row .text a {
        color: #fff;
        text-decoration: none; }
        footer .info-row .text a:hover {
          color: #fff;
          text-decoration: none; }

.about-bg {
  overflow-x: hidden; }

.about-page {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%; }
  .about-page .about-left {
    width: 60%;
    padding-bottom: 20vh;
    position: relative; }
    .about-page .about-left h1 {
      font-size: 35px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.66;
      letter-spacing: 3.2px;
      color: #000000;
      text-align: left; }
    .about-page .about-left p {
      font-size: 16px;
      font-weight: 300;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.69;
      letter-spacing: 1.4px;
      text-align: left;
      color: #707070; }
    .about-page .about-left:before {
      content: '';
      border-left: 2px solid #000;
      position: absolute;
      bottom: 0;
      left: -50px;
      transition: height ease-in-out 1.5s;
      transition-delay: 500ms;
      height: 0; }
    .about-page .about-left.aos-animate:before {
      transition: height ease-in-out 1.5s;
      height: calc(50%); }
    .about-page .about-left:after {
      content: '';
      border-left: 2px solid #000;
      position: absolute;
      bottom: 0;
      left: -30px;
      height: 0; }
    .about-page .about-left.aos-animate:after {
      transition-property: height;
      transition-duration: 1.5s;
      transition-timing-function: ease-in-out;
      transition-delay: 0.5s;
      height: calc(110%); }
  .about-page .about-right {
    width: 40%; }
    .about-page .about-right img {
      /*width: 100%;*/ }

.products-bg {
  background: black;
  background: -moz-linear-gradient(90deg, black 0%, #434343 100%);
  background: -webkit-linear-gradient(90deg, black 0%, #434343 100%);
  background: linear-gradient(90deg, black 0%, #434343 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#434343",GradientType=1);
  padding: 150px 0; }
  .products-bg .product-list-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap; }
    .products-bg .product-list-wrap .product-wrap {
      width: 30.3333%;
      margin-bottom: 40px; }
      .products-bg .product-list-wrap .product-wrap .product-img {
        max-width: 100%; }
      .products-bg .product-list-wrap .product-wrap .product-name {
        /* This container is needed to position the front and back side */
        /* Do an horizontal flip when you move the mouse over the flip box container */
        /* Position the front and back side */
        /* Style the front side (fallback if image is missing) */
        /* Style the back side */ }
        .products-bg .product-list-wrap .product-wrap .product-name .flip-box {
          background-color: transparent;
          width: 100%;
          perspective: 1000px;
          /* Remove this if you don't want the 3D effect */
          height: 100px; }
        .products-bg .product-list-wrap .product-wrap .product-name .flip-box-inner {
          position: relative;
          width: 100%;
          height: 90%;
          text-align: center;
          transition: transform 0.8s;
          transform-style: preserve-3d; }
        .products-bg .product-list-wrap .product-wrap .product-name .flip-box:hover .flip-box-inner {
          transform: rotateY(180deg); }
        .products-bg .product-list-wrap .product-wrap .product-name .flip-box-front, .products-bg .product-list-wrap .product-wrap .product-name .flip-box-back {
          position: absolute;
          width: 100%;
          height: 100%;
          backface-visibility: hidden;
          display: flex;
          justify-content: center;
          align-items: center; }
        .products-bg .product-list-wrap .product-wrap .product-name .flip-box-front {
          background-color: #fff; }
        .products-bg .product-list-wrap .product-wrap .product-name .flip-box-back {
          background-color: #fff;
          transform: rotateY(180deg); }
        .products-bg .product-list-wrap .product-wrap .product-name h1 {
          background-color: #fff;
          color: #000;
          font-weight: bold;
          font-size: 35px;
          margin-top: 7px;
          max-width: 100%;
          text-align: center;
          width: 100%;
          display: flex;
          justify-content: center;
          align-items: center; }
          .products-bg .product-list-wrap .product-wrap .product-name h1 span {
            display: none; }
  .products-bg .owl-carousel .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -80px;
    background-color: transparent;
    height: 79px;
    width: 42px; }
  .products-bg .owl-carousel .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -80px;
    background-color: transparent;
    height: 79px;
    width: 42px; }

.projects-bg {
  background-color: #fff; }
  .projects-bg .projects-row {
    min-height: 460px;
    background-size: cover;
    width: 100%;
    margin-bottom: 90px;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative; }
    .projects-bg .projects-row:nth-child(1) {
      background-image: url("../img/projects/1.jpg"); }
    .projects-bg .projects-row:nth-child(2) {
      background-image: url("../img/projects/2.jpg"); }
    .projects-bg .projects-row .project-text {
      background-color: #fff;
      padding: 30px 60px; }
      .projects-bg .projects-row .project-text h2 {
        font-size: 35px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.66;
        letter-spacing: 7.7px;
        color: #000000; }
      .projects-bg .projects-row .project-text p {
        max-width: 400px;
        font-size: 16px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.69;
        letter-spacing: 1.4px;
        color: #000000; }
    .projects-bg .projects-row .project-text-right {
      position: absolute;
      left: 50%;
      width: 50%;
      bottom: -90px;
      display: flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
      text-align: left; }
    .projects-bg .projects-row .project-text-left {
      position: absolute;
      right: 50%;
      width: 50%;
      bottom: -90px;
      display: flex;
      flex-direction: column;
      justify-content: flex-end;
      align-items: flex-end;
      text-align: right; }

.contact-bg {
  overflow: hidden;
  position: relative; }

.contact-page {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%; }
  .contact-page .contact-left {
    width: 50%;
    position: relative; }
    .contact-page .contact-left h1 {
      font-size: 35px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.66;
      letter-spacing: 3.2px;
      color: #000000;
      text-align: left; }
    .contact-page .contact-left p {
      font-size: 16px;
      font-weight: 300;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.69;
      letter-spacing: 1.4px;
      text-align: left;
      color: #707070; }
    .contact-page .contact-left .contact-wrap {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      min-height: 64vh;
      margin-left: 0; }
      .contact-page .contact-left .contact-wrap h2 {
        font-size: 35px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.2;
        letter-spacing: 7.7px;
        color: #000000;
        margin-bottom: 0; }
      .contact-page .contact-left .contact-wrap p {
        font-size: 16px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.69;
        letter-spacing: 1.4px;
        color: #000000;
        margin-bottom: 22px; }
        .contact-page .contact-left .contact-wrap p.map-icons a {
          margin-right: 15px; }
  .contact-page .map-wrap {
    height: 80vh;
    position: absolute;
    left: 50%;
    top: 0;
    width: 50%; }
    .contact-page .map-wrap #hmap {
      width: 100%;
      height: 80%; }

.showmobile {
  display: none; }

 .badge {
 position:absolute;
 top:20px;
 left:25px;
 right:auto;
}
  
@media only screen and (max-width: 1280px) {
  .products-bg .owl-carousel .owl-nav .owl-prev {
    left: -60px; }
  .products-bg .owl-carousel .owl-nav .owl-next {
    right: -50px; } }
@media only screen and (max-width: 992px) {
  ul.menu li a {
    padding: 13px 15px;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    display: block; }

  .products-bg .product-list-wrap .product-wrap .product-name h1 {
    font-size: 26px; } }
@media only screen and (max-width: 768px) {
  ul.social {
    justify-content: center; }

  .showmobile {
    display: block; }

  header {
    height: auto;
    padding: 20px 0 20px 0; }
    header .logo-wrap {
      text-align: center;
      margin-bottom: 20px; }

  section.about {
    position: relative;
    overflow: hidden;
    padding-bottom: 30px; }
    section.about .bg_img {
      position: relative;
      width: 100%; }
    section.about .border-left {
      -ms-flex: 0 0 90%;
      flex: 0 0 90%;
      max-width: 100%;
      padding-top: 42px;
      margin-top: 0;
      min-height: auto;
      border-left: 0px solid transparent !important;
      padding-left: 50px;
      position: relative;
      transform: translateY(-60px) !important;
      margin: auto; }

  section.products {
    padding: 40px 0; }

  section.projects .container {
    width: 90%; }
  section.projects .project-slider-wrap {
    margin-bottom: 15px; }

  section.index-form .form-row {
    margin-bottom: 0; }
    section.index-form .form-row input {
      margin-bottom: 10px; }
    section.index-form .form-row textarea {
      margin-bottom: 30px; }

  footer .footer-logo-area {
    margin-bottom: 15px;
    text-align: center; }
  footer .social {
    margin-bottom: 15px; }

  .about-bg .about-page {
    flex-direction: column; }
    .about-bg .about-page .about-left {
      width: 100%;
      padding-bottom: 30px; }
    .about-bg .about-page .about-right {
      width: 100%; }
      .about-bg .about-page .about-right img {
        width: 100%; }

  .projects-bg .projects-row {
    background-image: initial !important;
    margin-bottom: 0; }
    .projects-bg .projects-row .showmobile {
      width: 100%; }
    .projects-bg .projects-row .project-text-right {
      position: relative;
      width: 100%;
      left: 0;
      bottom: 0; }
    .projects-bg .projects-row .project-text-left {
      position: relative;
      width: 100%;
      right: 0;
      bottom: 0; }

  .contact-page {
    flex-direction: column-reverse; }
    .contact-page .contact-left {
      width: 100%; }
      .contact-page .contact-left .contact-left {
        min-height: auto; }
    .contact-page .map-wrap {
      position: relative;
      left: 0;
      width: 100%; }
      .contact-page .map-wrap #hmap {
        height: 100%; }

  #slider .item .text {
    left: 10%;
    transform: translateX(0%); }
    #slider .item .text h3 {
      max-width: 350px;
      font-size: 2em; }
    #slider .item .text h4 {
      font-size: 1.2em; }

  .products-bg .product-list-wrap .product-wrap {
    width: 48%; }
    .products-bg .product-list-wrap .product-wrap .product-name .flip-box:hover .flip-box-inner {
      transform: rotateY(0deg); }
    .products-bg .product-list-wrap .product-wrap .product-name h1 {
      font-size: 18px;
      display: flex;
      justify-content: center;
      flex-direction: column; }
      .products-bg .product-list-wrap .product-wrap .product-name h1 span {
        display: inline-block; }

  .flip-box-back {
    display: none; } }
@media only screen and (max-width: 450px) {
  ul.menu li a {
    padding: 13px 5px;
    font-size: 12px;
    font-weight: 400;
    color: #000;
    display: block; } }

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