@charset "utf-8";
body {
  background: #303747;
  color: #FFF;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
}
b,
strong,
.bold {
  font-weight: 700;
}
h1,
h2,
h3,
h4,
h5,
h6,
nav {
  font-family: 'Open Sans Condensed', sans-serif;
}
a {
  color: #ffb400;
}
.btn {
  background-color: #FFF;
  color: #262c39;
}
.btn:focus,
.btn:hover {
  background-color: #FFF;
  color: #262c39;
}
.navbar-fixed {
  position: fixed;
}
.navbar-fixed.fade nav {
  background: #212832;
}
.navbar-fixed nav {
  background: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.navbar-fixed nav ul.main-menu li {
  position: relative;
}
.navbar-fixed nav ul.main-menu li.last {
  margin-left: 10px;
}
.navbar-fixed nav ul.main-menu li.last:hover,
.navbar-fixed nav ul.main-menu li.last:focus,
.navbar-fixed nav ul.main-menu li.last:active {
  background: none !important;
}
.navbar-fixed nav ul.main-menu a {
  text-transform: uppercase;
  font-size: 1.2rem;
  letter-spacing: 0.04em;
}
.navbar-fixed nav ul.main-menu a.btn {
  top: -2px;
}
.navbar-fixed nav ul.main-menu .hide-on-large-only a {
  padding: 0 0.75rem;
}
.navbar-fixed nav ul.main-menu .hide-on-large-only a i {
  margin-top: 3px;
}
.navbar-fixed .brand-logo {
  font-size: 1.2rem !important;
  line-height: 64px;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.04em;
}
.navbar-fixed .brand-logo span {
  display: inline-block;
  /*background: #FF6F00;*/
  padding: 0 15px;
  padding-left: 0;
  color: #ffb400;
}
.navbar-fixed .text-yellow {
  color: #ffb400;
}
.main-log-box {
  position: relative;
  z-index: 10;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}
.main-log-box span {
  display: block;
  padding: 10px 0;
}
.main-log-box h3,
.main-log-box h5 {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  letter-spacing: 0.04em;
  text-shadow: 0px 0px 15px rgba(0, 0, 0, 0.7);
}
.main-log-box h3 {
  font-weight: 700;
}
.main-log-box h5 {
  font-family: 'Open Sans';
  text-transform: none;
  font-weight: 600;
  font-size: 1.4rem;
}
.main-log-box h5 span {
  padding-top: 5px;
}
.main-log-box .valign {
  width: 100%;
  padding-bottom: 60px;
}
#slider01 .slider {
  position: fixed;
  z-index: 1;
}
#slider01 .slider .caption {
  display: none;
}
#about h5 {
  text-transform: uppercase;
}
#about,
#about-2,
#brands,
#contact,
#projects {
  padding: 30px 0;
}
#about h1,
#about-2 h1,
#brands h1,
#contact h1,
#projects h1,
#about h2,
#about-2 h2,
#brands h2,
#contact h2,
#projects h2,
#about h3,
#about-2 h3,
#brands h3,
#contact h3,
#projects h3,
#about h4,
#about-2 h4,
#brands h4,
#contact h4,
#projects h4,
#about h5,
#about-2 h5,
#brands h5,
#contact h5,
#projects h5,
#about h6,
#about-2 h6,
#brands h6,
#contact h6,
#projects h6 {
  font-weight: 700;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  padding: 20px 0 0 0;
  margin-bottom: 20px;
}
#about h5,
#about-2 h5,
#brands h5,
#contact h5,
#projects h5 {
  font-size: 20px;
}
#about-2,
#contact,
.page-footer {
  position: relative;
  z-index: 10;
  padding: 30px 0;
  background: #ffb400;
  color: rgba(0, 0, 0, 0.8);
  background-image: radial-gradient(farthest-side ellipse at 10% 0, rgba(255, 180, 0, 0.9), rgba(255, 180, 0, 0.9), rgba(255, 180, 0, 0.9)), url(../img/bgnoise_lg_dark.png) !important;
  background-image: -webkit-radial-gradient(10% 0, farthest-side ellipse, rgba(255, 180, 0, 0.85), rgba(255, 180, 0, 0.9), rgba(255, 180, 0, 0.95)), url(../img/bgnoise_lg_dark.png) !important;
  background-image: -moz-radial-gradient(10% 0, farthest-side ellipse, rgba(255, 180, 0, 0.9), rgba(255, 180, 0, 0.9), rgba(255, 180, 0, 0.9)), url(../img/bgnoise_lg_dark.png) !important;
}
#about-2 ul li span,
#contact #test2 ul li span {
  display: inline-flex;
  width: 80%;
}
#about {
  position: relative;
  z-index: 10;
  background: rgba(48, 55, 71, 0.9);
}
#about .company-list li {
  border-bottom: 1px solid #262C39;
  padding: 15px 0 20px 10px;
  padding-left: 0;
}
#about .company-list li span {
  display: inline-flex;
  width: 65%;
}
#about .company-list li span.name {
  width: 30%;
}
#about .company-list li sup {
  opacity: 0.7;
}
#about-2 ul li {
  position: relative;
  margin-bottom: 5px;
  line-height: 24px;
  font-weight: 400;
}
#brands {
  position: relative;
  z-index: 10;
  background: rgba(48, 55, 71, 0.9);
}
#brands .brand-btn {
  text-align: center;
}
#brands .brand-btn .inner {
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -ms-transition: all 0.15s;
  -o-transition: all 0.15s;
  transition: all 0.15s;
  height: 100px;
  margin: 20px;
}
#brands .brand-btn .inner:hover {
  background: rgba(255, 255, 255, 0.7);
  border-radius: 3px;
}
#brands .brand-btn .inner:hover .css-filters {
  -webkit-filter: brightness(1) invert(0);
  -moz-filter: brightness(1) invert(0);
  filter: brightness(1) invert(0);
}
#brands .brand-btn img {
  max-width: 55%;
  max-height: 90%;
  display: block;
  margin: 0 auto;
}
#projects {
  padding-bottom: 30px;
  position: relative;
  z-index: 10;
  background: rgba(48, 55, 71, 0.9);
  /*.card.medium {
    height: 360px;
    .card-image {
      height: 210px;
      img {
        width: 100%;
      }
    }
    .card-content {
      color: #000;
      .card-title {
        color: #000;
        line-height: 28px;
      }
      p {padding-top: 5px;}
    }
    .card-action {
      border-top: none;
    }
    .btn-flat {padding: 0 1rem;}
  }*/
}
#projects .project-link {
  border-radius: 3px;
  display: block;
  position: relative;
  margin-bottom: 30px;
}
#projects .project-link img {
  max-width: 100%;
  min-width: 100%;
  min-height: 100%;
  display: block;
  border-radius: 3px 3px 0 0;
}
#projects .project-link .btn-flat {
  position: absolute;
  top: 0;
  right: 0;
}
#projects .project-link .description {
  border-radius: 0 0 3px 3px;
  display: block;
  background: #FFF;
  color: #212832;
  padding: 10px;
  font-weight: 400;
}
#projects .project-link .description p {
  font-size: 14px;
  line-height: 18px;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}
#projects .project-link .description p.title {
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 5px;
}
#contact {
  font-weight: 400;
}
#contact .tabs {
  background: none;
}
#contact .tabs li a {
  font-weight: 700;
  color: rgba(0, 0, 0, 0.8);
}
#contact .tabs .indicator {
  background-color: rgba(0, 0, 0, 0.4);
}
#contact #test2 ul li {
  line-height: 24px;
  margin-bottom: 5px;
}
#contact .row {
  margin-bottom: 0;
  padding-bottom: 20px;
}
footer.page-footer {
  margin: 0;
  background: #ffb400 !important;
  position: relative;
  z-index: 10;
}
footer.page-footer p {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  padding: 10px 0;
  font-weight: 400;
}
footer.page-footer a {
  color: #000;
  text-transform: uppercase;
}
.slider .indicators .indicator-item.active {
  background-color: rgba(0, 172, 193, 0.9);
}
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search],
textarea.materialize-textarea {
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
}
.input-field label {
  color: rgba(0, 0, 0, 0.7);
  font-weight: 600;
}
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.4);
}
input[type=text]:focus:not([readonly]) + label,
input[type=password]:focus:not([readonly]) + label,
input[type=email]:focus:not([readonly]) + label,
input[type=url]:focus:not([readonly]) + label,
input[type=time]:focus:not([readonly]) + label,
input[type=date]:focus:not([readonly]) + label,
input[type=datetime-local]:focus:not([readonly]) + label,
input[type=tel]:focus:not([readonly]) + label,
input[type=number]:focus:not([readonly]) + label,
input[type=search]:focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
  color: rgba(0, 0, 0, 0.7);
}
input[type=text].valid,
input[type=text]:focus.valid,
input[type=password].valid,
input[type=password]:focus.valid,
input[type=email].valid,
input[type=email]:focus.valid,
input[type=url].valid,
input[type=url]:focus.valid,
input[type=time].valid,
input[type=time]:focus.valid,
input[type=date].valid,
input[type=date]:focus.valid,
input[type=datetime-local].valid,
input[type=datetime-local]:focus.valid,
input[type=tel].valid,
input[type=tel]:focus.valid,
input[type=number].valid,
input[type=number]:focus.valid,
input[type=search].valid,
input[type=search]:focus.valid,
textarea.materialize-textarea.valid,
textarea.materialize-textarea:focus.valid {
  border-bottom: 1px solid rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.4);
}
.css-filters {
  -webkit-filter: brightness(0) invert(1);
  -moz-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.css-filters:hover {
  -webkit-filter: brightness(1) invert(0);
  -moz-filter: brightness(1) invert(0);
  filter: brightness(1) invert(0);
}
p {
  max-height: 9999px;
}
::selection {
  background: gray;
  color: #FFF;
}
::-moz-selection {
  background: gray;
  color: #FFF;
}
[data-animate] {
  opacity: 0;
}
/* bounce flash pulse rubberBand shake swing tada wobble jello bounceIn bounceInDown bounceInLeft bounceInRight bounceInUp bounceOut bounceOutDown bounceOutLeft bounceOutRight bounceOutUp fadeIn fadeInDown fadeInDownBig fadeInLeft fadeInLeftBig fadeInRight fadeInRightBig fadeInUp fadeInUpBig fadeOut fadeOutDown fadeOutDownBig fadeOutLeft fadeOutLeftBig fadeOutRight fadeOutRightBig fadeOutUp fadeOutUpBig flipInX flipInY flipOutX flipOutY lightSpeedIn lightSpeedOut rotateIn rotateInDownLeft rotateInDownRight rotateInUpLeft rotateInUpRight rotateOut rotateOutDownLeft rotateOutDownRight rotateOutUpLeft rotateOutUpRight hinge rollIn rollOut zoomIn zoomInDown zoomInLeft zoomInRight zoomInUp zoomOut zoomOutDown zoomOutLeft zoomOutRight zoomOutUp slideInDown slideInLeft slideInRight slideInUp slideOutDown slideOutLeft slideOutRight slideOutUp */
/*mouse scroll indicator icon*/
.mouse-icon-wrap {
  width: 100%;
  text-align: center;
  position: relative;
  z-index: 99;
}
.mouse-icon-wrap a {
  color: #fff;
}
.mouse-icon-wrap .mouse-icon {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 3px solid;
  border-radius: 25px;
  bottom: 50px;
  height: 50px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 30px;
  cursor: pointer;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -ms-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.mouse-icon-wrap .mouse-icon:hover {
  opacity: 0.3 !important;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -ms-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}
.mouse-icon-wrap .mouse-icon .wheel {
  -webkit-animation: 1.7s ease 0s normal none infinite magic-mouse-icon;
  -moz-animation: 1.7s ease 0s normal none infinite magic-mouse-icon;
  -o-animation: 1.7s ease 0s normal none infinite magic-mouse-icon;
  animation: 1.7s ease 0s normal none infinite magic-mouse-icon;
  border-radius: 3px;
  height: 12px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 6px;
  right: 0;
  width: 6px;
  background: #FFF;
}
@-moz-keyframes magic-mouse-icon {
  0% {
    margin-top: 6px;
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    margin-top: 18px;
    opacity: 0;
  }
}
@-webkit-keyframes magic-mouse-icon {
  0% {
    margin-top: 6px;
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    margin-top: 18px;
    opacity: 0;
  }
}
@-o-keyframes magic-mouse-icon {
  0% {
    margin-top: 6px;
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    margin-top: 18px;
    opacity: 0;
  }
}
@keyframes magic-mouse-icon {
  0% {
    margin-top: 6px;
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    margin-top: 18px;
    opacity: 0;
  }
}
@media only screen and (max-width: 600px) {
  .navbar-fixed .brand-logo {
    line-height: 54px;
  }
  .navbar-fixed i {
    line-height: 1;
  }
  .main-log-box a {
    zoom: 0.75;
  }
  h3 {
    font-size: 2.0rem !important;
    padding-left: 10px;
    padding-right: 10px;
  }
  h5 {
    font-size: 1.0rem !important;
    padding-left: 10px;
    padding-right: 10px;
  }
  #about .company-list {
    font-size: 14px;
  }
  #about .company-list li span {
    display: inline-flex;
    width: 65%;
  }
  #about .company-list li span.name {
    width: 30%;
  }
  #about-2 ul li span,
  #contact #test2 ul li span {
    display: inline-flex;
    width: 80%;
  }
  #brands .brand-btn img {
    max-width: 90%;
  }
  footer.page-footer {
    font-size: 12px;
  }
}
@media only screen and (min-width: 601px) {
  nav .nav-wrapper i {
    line-height: 1;
  }
}
.input-field.invalid span {
  color: #9e9e9e;
  position: absolute;
  top: 0.8rem;
  right: 0.75rem;
  font-size: 1rem;
  cursor: text;
  -webkit-transition: 0.2s ease-out;
  -moz-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  -ms-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  font-size: 0.8rem;
  -webkit-transform: translateY(-140%);
  -moz-transform: translateY(-140%);
  -ms-transform: translateY(-140%);
  -o-transform: translateY(-140%);
  transform: translateY(-140%);
  color: red;
}
.response .card-title {
  color: #333;
}