@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,400italic,700,900,800&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300&subset=latin,latin-ext);
body {
  font-family: "Raleway", sans-serif;
  background-color: #fff;
  color: #676767;
  line-height: 24px;
  font-size: 14px;
  -webkit-font-smoothing: antialiased; }

a,
a:hover,
a:focus,
a:active {
  text-decoration: none;
  color: #000;
  outline: 0; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto Slab", sans-serif;
  color: #000; }

/* Short Codes *****************************************************/
.f1 {
  font-weight: 100; }

.f2 {
  font-weight: 200; }

.f3 {
  font-weight: 300; }

.f4 {
  font-weight: 400; }

.f5 {
  font-weight: 500; }

.f6 {
  font-weight: 600; }

.f7 {
  font-weight: 700; }

.f8 {
  font-weight: 800; }

.f9 {
  font-weight: 900; }

.m0 {
  margin: 0px; }

.mT15 {
  margin-top: 15px; }

.mB15 {
  margin-bottom: 15px; }

.mT30 {
  margin-top: 30px; }

.mB30 {
  margin-bottom: 30px; }

.p0 {
  padding: 0px; }

.pT15 {
  padding-top: 15px; }

.pB15 {
  padding-bottom: 15px; }

.pT30 {
  padding-top: 30px; }

.pB30 {
  padding-bottom: 30px; }

.pR {
  position: relative; }

.db {
  display: block !important; }

.dib {
  display: inline-block !important; }

.w100 {
  float: left;
  width: 100%; }

.w50 {
  float: left;
  width: 50%; }

.w25 {
  float: left;
  width: 25%; }

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.flexCC {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center; }

.flexCR {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: flex-end; }

.flexCL {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: flex-start; }

.flexCB {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-between; }

.flexCA {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: space-around; }

.rows:before, #main .main-service .service-col:before {
  display: table;
  content: ''; }

.rows:after, #main .main-service .service-col:after {
  display: table;
  content: '';
  clear: both; }

.tW {
  color: #fff !important; }

.tW a {
  color: #fff !important; }

.bW {
  background-color: #fff !important; }

.tB {
  color: #000 !important; }

.tB a {
  color: #000 !important; }

.bB {
  background-color: #000 !important; }

/* Mixin *********************************************************/
/* Buttons *********************************************************/
.btn1 {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px;
  border-style: solid;
  white-space: nowrap;
  outline: 0 !important;
  color: #fff;
  background-color: #111111;
  border-color: #111111;
  padding: 15px 30px;
  font-size: 14px;
  line-height: 1;
  border-radius: 0px; }
  .btn1:focus, .btn1.focus {
    color: #fff;
    background-color: black;
    border-color: black; }
  .btn1:hover {
    color: #fff;
    background-color: black;
    border-color: black; }
  .btn1:active, .btn1.active, .open > .btn1.dropdown-toggle {
    color: #fff;
    background-color: black;
    border-color: black; }
    .btn1:active:hover, .btn1:active:focus, .btn1:active.focus, .btn1.active:hover, .btn1.active:focus, .btn1.active.focus, .open > .btn1.dropdown-toggle:hover, .open > .btn1.dropdown-toggle:focus, .open > .btn1.dropdown-toggle.focus {
      color: #fff;
      background-color: black;
      border-color: black; }
  .btn1:active, .btn1.active, .open > .btn1.dropdown-toggle {
    background-image: none; }
  .btn1.disabled:hover, .btn1.disabled:focus, .btn1.disabled.focus, .btn1[disabled]:hover, .btn1[disabled]:focus, .btn1[disabled].focus, fieldset[disabled] .btn1:hover, fieldset[disabled] .btn1:focus, fieldset[disabled] .btn1.focus {
    background-color: #111111;
    border-color: #111111; }
  .btn1 .badge {
    color: #111111;
    background-color: #fff; }
  .btn1.sm {
    padding: 11.25px 22.5px;
    font-size: 12.6px;
    line-height: 1;
    border-radius: 0px; }
  .btn1.xs {
    padding: 7.5px 15px;
    font-size: 11.2px;
    line-height: 1;
    border-radius: 0px; }
  .btn1.success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c; }
    .btn1.success:focus, .btn1.success.focus {
      color: #fff;
      background-color: #449d44;
      border-color: #2d672d; }
    .btn1.success:hover {
      color: #fff;
      background-color: #449d44;
      border-color: #419641; }
    .btn1.success:active, .btn1.success.active, .open > .btn1.success.dropdown-toggle {
      color: #fff;
      background-color: #449d44;
      border-color: #419641; }
      .btn1.success:active:hover, .btn1.success:active:focus, .btn1.success:active.focus, .btn1.success.active:hover, .btn1.success.active:focus, .btn1.success.active.focus, .open > .btn1.success.dropdown-toggle:hover, .open > .btn1.success.dropdown-toggle:focus, .open > .btn1.success.dropdown-toggle.focus {
        color: #fff;
        background-color: #398439;
        border-color: #2d672d; }
    .btn1.success:active, .btn1.success.active, .open > .btn1.success.dropdown-toggle {
      background-image: none; }
    .btn1.success.disabled:hover, .btn1.success.disabled:focus, .btn1.success.disabled.focus, .btn1.success[disabled]:hover, .btn1.success[disabled]:focus, .btn1.success[disabled].focus, fieldset[disabled] .btn1.success:hover, fieldset[disabled] .btn1.success:focus, fieldset[disabled] .btn1.success.focus {
      background-color: #5cb85c;
      border-color: #5cb85c; }
    .btn1.success .badge {
      color: #5cb85c;
      background-color: #fff; }
  .btn1.danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f; }
    .btn1.danger:focus, .btn1.danger.focus {
      color: #fff;
      background-color: #c9302c;
      border-color: #8b211e; }
    .btn1.danger:hover {
      color: #fff;
      background-color: #c9302c;
      border-color: #c12e2a; }
    .btn1.danger:active, .btn1.danger.active, .open > .btn1.danger.dropdown-toggle {
      color: #fff;
      background-color: #c9302c;
      border-color: #c12e2a; }
      .btn1.danger:active:hover, .btn1.danger:active:focus, .btn1.danger:active.focus, .btn1.danger.active:hover, .btn1.danger.active:focus, .btn1.danger.active.focus, .open > .btn1.danger.dropdown-toggle:hover, .open > .btn1.danger.dropdown-toggle:focus, .open > .btn1.danger.dropdown-toggle.focus {
        color: #fff;
        background-color: #ac2925;
        border-color: #8b211e; }
    .btn1.danger:active, .btn1.danger.active, .open > .btn1.danger.dropdown-toggle {
      background-image: none; }
    .btn1.danger.disabled:hover, .btn1.danger.disabled:focus, .btn1.danger.disabled.focus, .btn1.danger[disabled]:hover, .btn1.danger[disabled]:focus, .btn1.danger[disabled].focus, fieldset[disabled] .btn1.danger:hover, fieldset[disabled] .btn1.danger:focus, fieldset[disabled] .btn1.danger.focus {
      background-color: #d9534f;
      border-color: #d9534f; }
    .btn1.danger .badge {
      color: #d9534f;
      background-color: #fff; }

.btn2 {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px;
  border-style: solid;
  white-space: nowrap;
  outline: 0 !important;
  color: #111111;
  background-color: #fff;
  border-color: #111111;
  padding: 15px 30px;
  font-size: 14px;
  line-height: 1;
  border-radius: 0px; }
  .btn2:focus, .btn2.focus {
    color: #111111;
    background-color: #e6e6e6;
    border-color: black; }
  .btn2:hover {
    color: #111111;
    background-color: #e6e6e6;
    border-color: black; }
  .btn2:active, .btn2.active, .open > .btn2.dropdown-toggle {
    color: #111111;
    background-color: #e6e6e6;
    border-color: black; }
    .btn2:active:hover, .btn2:active:focus, .btn2:active.focus, .btn2.active:hover, .btn2.active:focus, .btn2.active.focus, .open > .btn2.dropdown-toggle:hover, .open > .btn2.dropdown-toggle:focus, .open > .btn2.dropdown-toggle.focus {
      color: #111111;
      background-color: #d4d4d4;
      border-color: black; }
  .btn2:active, .btn2.active, .open > .btn2.dropdown-toggle {
    background-image: none; }
  .btn2.disabled:hover, .btn2.disabled:focus, .btn2.disabled.focus, .btn2[disabled]:hover, .btn2[disabled]:focus, .btn2[disabled].focus, fieldset[disabled] .btn2:hover, fieldset[disabled] .btn2:focus, fieldset[disabled] .btn2.focus {
    background-color: #fff;
    border-color: #111111; }
  .btn2 .badge {
    color: #fff;
    background-color: #111111; }
  .btn2.sm {
    padding: 11.25px 22.5px;
    font-size: 12.6px;
    line-height: 1;
    border-radius: 0px; }
  .btn2.xs {
    padding: 7.5px 15px;
    font-size: 11.2px;
    line-height: 1;
    border-radius: 0px; }
  .btn2.success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c; }
    .btn2.success:focus, .btn2.success.focus {
      color: #fff;
      background-color: #449d44;
      border-color: #2d672d; }
    .btn2.success:hover {
      color: #fff;
      background-color: #449d44;
      border-color: #419641; }
    .btn2.success:active, .btn2.success.active, .open > .btn2.success.dropdown-toggle {
      color: #fff;
      background-color: #449d44;
      border-color: #419641; }
      .btn2.success:active:hover, .btn2.success:active:focus, .btn2.success:active.focus, .btn2.success.active:hover, .btn2.success.active:focus, .btn2.success.active.focus, .open > .btn2.success.dropdown-toggle:hover, .open > .btn2.success.dropdown-toggle:focus, .open > .btn2.success.dropdown-toggle.focus {
        color: #fff;
        background-color: #398439;
        border-color: #2d672d; }
    .btn2.success:active, .btn2.success.active, .open > .btn2.success.dropdown-toggle {
      background-image: none; }
    .btn2.success.disabled:hover, .btn2.success.disabled:focus, .btn2.success.disabled.focus, .btn2.success[disabled]:hover, .btn2.success[disabled]:focus, .btn2.success[disabled].focus, fieldset[disabled] .btn2.success:hover, fieldset[disabled] .btn2.success:focus, fieldset[disabled] .btn2.success.focus {
      background-color: #5cb85c;
      border-color: #5cb85c; }
    .btn2.success .badge {
      color: #5cb85c;
      background-color: #fff; }
  .btn2.danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f; }
    .btn2.danger:focus, .btn2.danger.focus {
      color: #fff;
      background-color: #c9302c;
      border-color: #8b211e; }
    .btn2.danger:hover {
      color: #fff;
      background-color: #c9302c;
      border-color: #c12e2a; }
    .btn2.danger:active, .btn2.danger.active, .open > .btn2.danger.dropdown-toggle {
      color: #fff;
      background-color: #c9302c;
      border-color: #c12e2a; }
      .btn2.danger:active:hover, .btn2.danger:active:focus, .btn2.danger:active.focus, .btn2.danger.active:hover, .btn2.danger.active:focus, .btn2.danger.active.focus, .open > .btn2.danger.dropdown-toggle:hover, .open > .btn2.danger.dropdown-toggle:focus, .open > .btn2.danger.dropdown-toggle.focus {
        color: #fff;
        background-color: #ac2925;
        border-color: #8b211e; }
    .btn2.danger:active, .btn2.danger.active, .open > .btn2.danger.dropdown-toggle {
      background-image: none; }
    .btn2.danger.disabled:hover, .btn2.danger.disabled:focus, .btn2.danger.disabled.focus, .btn2.danger[disabled]:hover, .btn2.danger[disabled]:focus, .btn2.danger[disabled].focus, fieldset[disabled] .btn2.danger:hover, fieldset[disabled] .btn2.danger:focus, fieldset[disabled] .btn2.danger.focus {
      background-color: #d9534f;
      border-color: #d9534f; }
    .btn2.danger .badge {
      color: #d9534f;
      background-color: #fff; }

/*******************************************************************/
/* Share Buttons ***************************************************/
.share-box {
  float: left;
  display: block;
  width: 100%;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px dashed #ccc; }
  .share-box .share-caption {
    margin-top: 0px;
    font-weight: 700; }

.btnShare {
  float: left;
  display: inline-block;
  padding: 7px 20px;
  margin-right: 5px;
  margin-bottom: 5px;
  color: #555;
  background-color: #fff;
  font-weight: 400;
  font-size: 12px;
  text-align: center;
  border-radius: 0px; }
  .btnShare.circle {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px; }
  .btnShare i {
    font-family: "FontAwesome";
    opacity: 0.9; }
  .btnShare span {
    margin-left: 5px; }
  .btnShare:focus i, .btnShare:hover i {
    opacity: 1; }
  .btnShare.facebook {
    background-color: #365396;
    color: white; }
    .btnShare.facebook:hover {
      background-color: #293e70; }
    .btnShare.facebook i:after {
      content: '\f09a'; }
  .btnShare.twitter {
    background-color: #00a8f0;
    color: white; }
    .btnShare.twitter:hover {
      background-color: #0084bd; }
    .btnShare.twitter i:after {
      content: '\f099'; }
  .btnShare.google-plus {
    background-color: #e0462e;
    color: white; }
    .btnShare.google-plus:hover {
      background-color: #bf321d; }
    .btnShare.google-plus i:after {
      content: '\f0d5'; }
  .btnShare.instagram {
    background-color: #386c99;
    color: white; }
    .btnShare.instagram:hover {
      background-color: #2b5173; }
    .btnShare.instagram i:after {
      content: '\f16d'; }
  .btnShare.linkedin {
    background-color: #006eb3;
    color: white; }
    .btnShare.linkedin:hover {
      background-color: #004f80; }
    .btnShare.linkedin i:after {
      content: '\f0e1'; }

/*******************************************************************/
/* Custom CSS Desing ***********************************************/
/* Divider */
.divider {
  left: 100%;
  width: 100%;
  border-top: 1px solid #555;
  margin: 60px 0px; }

/*Navbar Toggle*/
.navbar-toggle {
  border-radius: 0px;
  border-color: transparent !important;
  background-color: transparent; }
  .navbar-toggle:focus, .navbar-toggle:hover {
    background-color: transparent; }
  .navbar-toggle .icon-bar {
    background-color: #fff; }
  .navbar-toggle.collapsed .icon-bar:nth-child(1) {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; }
  .navbar-toggle.collapsed .icon-bar:nth-child(2) {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; }
  .navbar-toggle.collapsed .icon-bar:nth-child(3) {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none; }
  .navbar-toggle .icon-bar:nth-child(1) {
    -webkit-transform: rotate(45deg) translate(4px, 4px);
    -moz-transform: rotate(45deg) translate(4px, 4px);
    -ms-transform: rotate(45deg) translate(4px, 4px);
    -o-transform: rotate(45deg) translate(4px, 4px);
    transform: rotate(45deg) translate(4px, 4px); }
  .navbar-toggle .icon-bar:nth-child(2) {
    opacity: 0; }
  .navbar-toggle .icon-bar:nth-child(3) {
    -webkit-transform: rotate(-45deg) translate(5px, -5px);
    -moz-transform: rotate(-45deg) translate(5px, -5px);
    -ms-transform: rotate(-45deg) translate(5px, -5px);
    -o-transform: rotate(-45deg) translate(5px, -5px);
    transform: rotate(-45deg) translate(5px, -5px); }

/*Form Control*/
.form-control {
  border-radius: 0px;
  border: 1px solid #eee;
  height: 40px;
  box-shadow: none; }
  .form-control:focus {
    border-color: #bbbbbb;
    -webkit-box-shadow: 0 1px 1px rgba(187, 187, 187, 0.3);
    -moz-box-shadow: 0 1px 1px rgba(187, 187, 187, 0.3);
    box-shadow: 0 1px 1px rgba(187, 187, 187, 0.3); }
  .form-control.success {
    border-color: #5cb85c;
    -webkit-box-shadow: 0 1px 1px rgba(92, 184, 92, 0.3);
    -moz-box-shadow: 0 1px 1px rgba(92, 184, 92, 0.3);
    box-shadow: 0 1px 1px rgba(92, 184, 92, 0.3); }
  .form-control.danger {
    border-color: #d9534f;
    -webkit-box-shadow: 0 1px 1px rgba(217, 83, 79, 0.3);
    -moz-box-shadow: 0 1px 1px rgba(217, 83, 79, 0.3);
    box-shadow: 0 1px 1px rgba(217, 83, 79, 0.3); }

textarea .form-control {
  max-width: 100%; }

/*Pagination*/
.pagination > li > a,
.pagination > li > span {
  color: #111111; }
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  border-radius: 0px; }
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-radius: 0px; }
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  border-color: #111111;
  background-color: #111111;
  color: #fff; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  border-color: #111111;
  background-color: #111111;
  color: #fff; }

/* List Group */
.list-group {
  margin-bottom: 20px; }

.list-group-item {
  padding: 10px 15px;
  margin-bottom: -1px; }

.list-group-item:focus, .list-group-item:hover {
  color: #fff !important;
  text-decoration: none;
  background-color: #111111 !important;
  border-color: #111111; }
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
  background-color: #111111 !important;
  border-color: #111111 !important; }
.list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }
.list-group-item:last-child {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.slick-slide {
  outline: none; }
  .slick-slide img {
    display: inline-block; }

.slick-dots {
  position: relative;
  bottom: 0; }
  .slick-dots li {
    width: auto;
    height: auto;
    top: 4px; }
    .slick-dots li .dot {
      width: 10px;
      height: 10px;
      background-color: #111111;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%; }
    .slick-dots li:hover .dot, .slick-dots li.slick-active .dot {
      background-color: black; }

.slick-slider {
  margin-bottom: 0 !important; }

/*******************************************************************/
/* TRANSITION ******************************************************/
.allTrans, .btn1, .btn2, .btnShare, .navbar-toggle .icon-bar, .pagination > li > a,
.pagination > li > span, .list-group-item, #header, #header .navbar, #header .navbar .navbar-nav > li > a, #header .navbar .navbar-nav > li > a:before, #header .navbar .navbar-nav .dropdown-menu > li > a, #header .navbar .navbar-nav .dropdown-menu > li > a:before, #header .top-bar, #main .banner .buttons .button, #main .banner .buttons .button i, #main .main-product .product-box .img img, #main .main-product .product-box .img:before, #main .main-product .product-box .img:after, #main .main-product .product-box .title, #main .gallery-wrapper .buttons .button i, #main .file-list a, #main .video-list i, #main .video-list .caption, #main .categories-list li a:before, #main .categories-list li button:before, #main .reference-isotope, #main .page-news .news-box .title .text, #main .page-product .product-box .img img.media, #main .page-product .product-box .img:before, #main .page-product .product-box .title .caption, #main .page-product .product-box .title .text, #main .page-product .product-box .icons i.icon, #main .page-gallery .gallery-box .img img.media, #main .page-gallery .gallery-box .img:before, #main .page-gallery .gallery-box .title .caption, #main .page-gallery .gallery-box .title .text, #main .page-gallery .gallery-box .icons i.icon, #main .page-reference .reference-box .img img.media, #main .page-reference .reference-box .img:before, #main .page-reference .reference-box .title .caption, #main .page-reference .reference-box .title .text, #main .page-reference .reference-box .icons i.icon, #footer .footer-social li a i, #footer .footer-menu li a, #footer .footer-menu li a:before {
  -webkit-transition: all 0.55s;
  -moz-transition: all 0.55s;
  transition: all 0.55s; }

/*******************************************************************/
.gradient {
  background: rgba(255, 255, 255, 0);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, white));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); }

.gradientBlack {
  background: transparent;
  background: -moz-linear-gradient(top, transparent 0%, black 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, transparent), color-stop(100%, black));
  background: -webkit-linear-gradient(top, transparent 0%, black 100%);
  background: -o-linear-gradient(top, transparent 0%, black 100%);
  background: -ms-linear-gradient(top, transparent 0%, black 100%);
  background: linear-gradient(to bottom, transparent 0%, black 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); }

/* HEADER **********************************************************/
#header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 99;
  background-color: transparent; }
  #header .navbar {
    border: none;
    margin-bottom: 0px;
    background-color: transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px; }
    #header .navbar .navbar-brand {
      height: 70px;
      padding: 0 15px; }
      @media (min-width: 768px) and (max-width: 991px) {
        #header .navbar .navbar-brand {
          height: 80px; } }
      @media (max-width: 767px) {
        #header .navbar .navbar-brand {
          height: 60px; } }
      #header .navbar .navbar-brand img {
        position: relative;
        top: 50%;
        max-height: 40px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
        @media (min-width: 768px) and (max-width: 991px) {
          #header .navbar .navbar-brand img {
            max-height: 30px; } }
        @media (max-width: 767px) {
          #header .navbar .navbar-brand img {
            max-height: 25px; } }
    #header .navbar .navbar-nav {
      margin-top: 10px;
      margin-bottom: 10px;
      margin-left: -15px;
      margin-right: -15px; }
      #header .navbar .navbar-nav > li > a {
        font-family: "Raleway", sans-serif;
        position: relative;
        color: #fff;
        padding: 15px 20px;
        font-size: 14px;
        font-weight: 700;
        z-index: 2;
        text-transform: uppercase; }
        @media (min-width: 992px) and (max-width: 1199px) {
          #header .navbar .navbar-nav > li > a {
            padding: 15px 10px; } }
        #header .navbar .navbar-nav > li > a:before {
          content: '';
          position: absolute;
          left: 50%;
          bottom: 0;
          width: 0;
          height: 1px;
          background-color: #fff;
          z-index: -1; }
          @media (min-width: 768px) and (max-width: 991px) {
            #header .navbar .navbar-nav > li > a:before {
              display: none; } }
          @media (max-width: 767px) {
            #header .navbar .navbar-nav > li > a:before {
              display: none; } }
        #header .navbar .navbar-nav > li > a:hover, #header .navbar .navbar-nav > li > a:focus {
          color: #fff;
          background-color: transparent; }
          @media (min-width: 768px) and (max-width: 991px) {
            #header .navbar .navbar-nav > li > a:hover, #header .navbar .navbar-nav > li > a:focus {
              color: #fff;
              background-color: #FBCA00; } }
          @media (max-width: 767px) {
            #header .navbar .navbar-nav > li > a:hover, #header .navbar .navbar-nav > li > a:focus {
              color: #fff;
              background-color: #FBCA00; } }
          #header .navbar .navbar-nav > li > a:hover:before, #header .navbar .navbar-nav > li > a:focus:before {
            left: 0;
            width: 100%; }
        @media (min-width: 768px) and (max-width: 991px) {
          #header .navbar .navbar-nav > li > a {
            padding: 15px 15px;
            text-align: center;
            border-bottom: 1px solid rgba(0, 0, 0, 0.1); } }
        @media (max-width: 767px) {
          #header .navbar .navbar-nav > li > a {
            padding: 10px 15px;
            text-align: center;
            border-bottom: 1px solid rgba(0, 0, 0, 0.1); } }
      #header .navbar .navbar-nav > li.open > a {
        color: #fff;
        background-color: transparent; }
        @media (min-width: 768px) and (max-width: 991px) {
          #header .navbar .navbar-nav > li.open > a {
            color: #fff;
            background-color: #FBCA00; } }
        @media (max-width: 767px) {
          #header .navbar .navbar-nav > li.open > a {
            color: #fff;
            background-color: #FBCA00; } }
        #header .navbar .navbar-nav > li.open > a:before {
          left: 0;
          width: 100%; }
      #header .navbar .navbar-nav > li.active > a {
        color: #fff;
        background-color: transparent; }
        @media (min-width: 768px) and (max-width: 991px) {
          #header .navbar .navbar-nav > li.active > a {
            color: #fff;
            background-color: #FBCA00; } }
        @media (max-width: 767px) {
          #header .navbar .navbar-nav > li.active > a {
            color: #fff;
            background-color: #FBCA00; } }
        #header .navbar .navbar-nav > li.active > a:before {
          left: 0;
          width: 100%; }
      #header .navbar .navbar-nav .dropdown-menu {
        padding: 15px;
        border: 1px solid white;
        background-color: transparent;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0; }
        #header .navbar .navbar-nav .dropdown-menu > li > a {
          position: relative;
          padding: 10px 0px;
          color: #fff;
          background-color: transparent;
          z-index: 2; }
          #header .navbar .navbar-nav .dropdown-menu > li > a:before {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 0;
            height: 2px;
            background-color: #fff;
            z-index: -1; }
          #header .navbar .navbar-nav .dropdown-menu > li > a:hover {
            color: #fff;
            background-color: transparent; }
            #header .navbar .navbar-nav .dropdown-menu > li > a:hover:before {
              width: 100%; }
        #header .navbar .navbar-nav .dropdown-menu > li.active > a {
          color: #fff;
          background-color: transparent; }
          #header .navbar .navbar-nav .dropdown-menu > li.active > a:before {
            width: 100%; }
  #header .top-bar {
    border-bottom: 1px solid white; }
    #header .top-bar .mail-box {
      float: left;
      padding: 3px 0; }
      #header .top-bar .mail-box .icon {
        float: left; }
        #header .top-bar .mail-box .icon i {
          width: 20px;
          height: 20px;
          line-height: 20px;
          text-align: center;
          font-size: 16px;
          color: #fff; }
      #header .top-bar .mail-box .mail {
        float: left;
        position: relative;
        padding: 0;
        margin-left: 15px;
        text-align: right; }
        #header .top-bar .mail-box .mail .title {
          font-family: "Roboto Slab", sans-serif;
          position: relative;
          font-size: 14px;
          line-height: 1.2;
          font-weight: 700;
          color: #fff; }
        #header .top-bar .mail-box .mail .mail-inner {
          font-family: "Roboto Slab", sans-serif;
          position: relative;
          font-size: 16px;
          font-weight: 700;
          color: #fff; }
          @media (max-width: 767px) {
            #header .top-bar .mail-box .mail .mail-inner {
              font-size: 12px; } }
          #header .top-bar .mail-box .mail .mail-inner a {
            color: #fff; }
    #header .top-bar .contact-box {
      float: right;
      padding: 3px 0; }
      #header .top-bar .contact-box .icon {
        float: left; }
        #header .top-bar .contact-box .icon i {
          width: 20px;
          height: 20px;
          line-height: 20px;
          text-align: center;
          font-size: 16px;
          color: #fff; }
      #header .top-bar .contact-box .phone {
        float: left;
        position: relative;
        padding: 0;
        margin-left: 15px;
        text-align: right; }
        #header .top-bar .contact-box .phone .title {
          font-family: "Roboto Slab", sans-serif;
          position: relative;
          font-size: 14px;
          line-height: 1.2;
          font-weight: 700;
          color: #fff; }
        #header .top-bar .contact-box .phone .phone-inner {
          font-family: "Roboto Slab", sans-serif;
          position: relative;
          font-size: 16px;
          font-weight: 700;
          color: #fff; }
          @media (max-width: 767px) {
            #header .top-bar .contact-box .phone .phone-inner {
              font-size: 12px; } }
          #header .top-bar .contact-box .phone .phone-inner a {
            color: #fff; }
  #header.scroll {
    top: -31px; }
    #header.scroll .navbar,
    #header.scroll .top-bar,
    #header.scroll .dropdown-menu {
      background-color: #111111 !important; }
  #header.open .navbar,
  #header.open .top-bar,
  #header.open .dropdown-menu {
    background-color: #111111 !important; }
  @media (min-width: 768px) and (max-width: 991px) {
    #header .navbar-toggle {
      margin: 23px 15px 23px 0; } }
  @media (max-width: 767px) {
    #header .navbar-toggle {
      margin: 13px 15px 13px 0; } }
  @media (min-width: 768px) and (max-width: 991px) {
    #header .navbar-header {
      float: none; }
    #header .navbar-toggle {
      display: block; }
    #header .navbar-collapse.collapse {
      display: none !important; }
    #header .navbar-nav {
      float: none !important;
      margin: 0 -15px !important; }
    #header .navbar-nav > li {
      float: none; }
    #header .navbar-collapse {
      border: none;
      box-shadow: none; }
    #header .navbar-collapse.collapse.in {
      display: block !important; }
    #header .collapsing {
      overflow: hidden !important; }
    #header .navbar-brand {
      position: relative; }
    #header .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      -webkit-box-shadow: none;
      box-shadow: none; }
    #header .navbar-nav > li > .dropdown-menu > li > a {
      text-align: center; } }

/*******************************************************************/
/* MAIN ************************************************************/
#main {
  background-color: #fff;
  padding-bottom: 40px; }
  #main .banner {
    position: relative; }
    #main .banner .buttons .button {
      position: absolute;
      left: 15px;
      top: 50%;
      z-index: 10;
      cursor: pointer;
      opacity: 0;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
      #main .banner .buttons .button i {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 24px;
        color: #fff;
        text-align: center;
        background-color: #111111;
        border: 1px solid #fff;
        box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2); }
      #main .banner .buttons .button#BannerNext {
        left: auto;
        right: 15px; }
      #main .banner .buttons .button:hover {
        opacity: 1; }
        #main .banner .buttons .button:hover i {
          background-color: black; }
    #main .banner .item {
      position: relative;
      height: 750px;
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -ms-background-size: cover;
      -o-background-size: cover;
      background-size: cover; }
      @media (min-width: 768px) and (max-width: 991px) {
        #main .banner .item {
          height: 700px; } }
      @media (max-width: 767px) {
        #main .banner .item {
          height: 500px; } }
      #main .banner .item .container {
        position: relative;
        height: 100%; }
        #main .banner .item .container .content {
          position: absolute;
          left: 50%;
          top: 50%;
          width: 80%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
          @media (min-width: 768px) and (max-width: 991px) {
            #main .banner .item .container .content {
              width: 80%; } }
          @media (max-width: 767px) {
            #main .banner .item .container .content {
              width: 90%; } }
          #main .banner .item .container .content .content-inner {
            opacity: 0;
            padding: 30px 0;
            text-align: center; }
            #main .banner .item .container .content .content-inner .caption {
              position: relative;
              margin-top: 0;
              margin-bottom: 15px;
              padding-bottom: 15px;
              color: #fff;
              font-weight: 700;
              font-size: 52px; }
              @media (min-width: 992px) and (max-width: 1199px) {
                #main .banner .item .container .content .content-inner .caption {
                  font-size: 30px; } }
              @media (min-width: 768px) and (max-width: 991px) {
                #main .banner .item .container .content .content-inner .caption {
                  font-size: 24px; } }
              @media (max-width: 767px) {
                #main .banner .item .container .content .content-inner .caption {
                  font-size: 22px; } }
              @media (max-width: 424px) {
                #main .banner .item .container .content .content-inner .caption {
                  font-size: 18px; } }
              #main .banner .item .container .content .content-inner .caption:after {
                content: '';
                position: absolute;
                left: 50%;
                bottom: 0;
                width: 50px;
                height: 2px;
                background-color: #fff;
                -webkit-transform: translateX(-50%);
                -moz-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                -o-transform: translateX(-50%);
                transform: translateX(-50%); }
            #main .banner .item .container .content .content-inner .text {
              color: #fff;
              letter-spacing: 2px;
              font-size: 16px;
              font-weight: 300; }
              #main .banner .item .container .content .content-inner .text p {
                margin: 0; }
      #main .banner .item:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-color: rgba(0, 0, 0, 0.6); }
    #main .banner:hover .buttons .button {
      opacity: 0.4; }
  #main .main-service {
    position: relative;
    z-index: 2; }
    #main .main-service .service-col {
      margin-top: 30px;
      margin-bottom: 30px; }
      @media (min-width: 768px) and (max-width: 991px) {
        #main .main-service .service-col {
          margin-top: 0px; } }
      @media (max-width: 767px) {
        #main .main-service .service-col {
          margin-top: 0px; } }
      #main .main-service .service-col .service-box {
        float: left;
        width: 100%; }
      #main .main-service .service-col .service-img {
        float: left;
        width: 100%; }
        #main .main-service .service-col .service-img .img a {
          display: block; }
        #main .main-service .service-col .service-img .img img {
          width: 100%; }
        #main .main-service .service-col .service-img .title {
          padding: 30px 25px;
          position: relative; }
          #main .main-service .service-col .service-img .title a {
            display: block; }
          #main .main-service .service-col .service-img .title .caption {
            position: relative;
            font-size: 18px;
            font-weight: 800;
            margin-top: 0;
            margin-bottom: 30px;
            padding-bottom: 15px;
            text-align: center;
            color: #fff; }
            #main .main-service .service-col .service-img .title .caption:before {
              content: '';
              position: absolute;
              width: 50px;
              height: 2px;
              left: 50%;
              bottom: 0;
              background-color: #FBCA00;
              -webkit-transform: translateX(-50%);
              -moz-transform: translateX(-50%);
              -ms-transform: translateX(-50%);
              -o-transform: translateX(-50%);
              transform: translateX(-50%); }
          #main .main-service .service-col .service-img .title .text {
            color: #fff;
            text-align: center; }
      #main .main-service .service-col:hover .title:before {
        top: 0%;
        height: 100%; }
    #main .main-service:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background-color: #111111;
      z-index: -1; }
  #main .main-about {
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px; }
    #main .main-about .main-about-box img {
      width: 100%;
      box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.4); }
    #main .main-about .main-about-text {
      padding-top: 80px;
      padding-bottom: 80px;
      padding-left: 45px;
      padding-right: 15px; }
      @media (min-width: 768px) and (max-width: 991px) {
        #main .main-about .main-about-text {
          padding-top: 60px;
          padding-bottom: 60px;
          padding-left: 15px;
          padding-right: 15px; } }
      @media (max-width: 767px) {
        #main .main-about .main-about-text {
          padding-top: 40px;
          padding-bottom: 40px;
          padding-left: 15px;
          padding-right: 15px; } }
      #main .main-about .main-about-text .caption {
        color: #111111; }
    #main .main-about .about-back {
      position: absolute;
      left: 0;
      top: 0;
      width: 50%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -ms-background-size: cover;
      -o-background-size: cover;
      background-size: cover; }
      @media (min-width: 768px) and (max-width: 991px) {
        #main .main-about .about-back {
          position: relative;
          width: 100%;
          height: 300px; } }
      @media (max-width: 767px) {
        #main .main-about .about-back {
          position: relative;
          width: 100%;
          height: 300px; } }
  #main .main-product {
    padding: 60px 0; }
    #main .main-product .product-box .img {
      position: relative;
      overflow: hidden; }
      #main .main-product .product-box .img img {
        position: relative;
        width: 100%;
        z-index: 1; }
      #main .main-product .product-box .img:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(17, 17, 17, 0.8);
        z-index: 2;
        opacity: 0; }
      #main .main-product .product-box .img:after {
        content: '';
        position: absolute;
        left: 2.5%;
        top: 2.5%;
        width: 95%;
        height: 95%;
        border: 2px solid #fff;
        z-index: 3;
        opacity: 0;
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2); }
    #main .main-product .product-box .title {
      opacity: 0;
      position: absolute;
      left: 50%;
      top: 50%;
      text-align: center;
      z-index: 4;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      #main .main-product .product-box .title .caption {
        color: #fff;
        font-weight: 700; }
      #main .main-product .product-box .title .text {
        color: #fff;
        max-height: 90px;
        overflow: hidden; }
        @media (max-width: 767px) {
          #main .main-product .product-box .title .text {
            display: none; } }
    #main .main-product .product-box:hover .img 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); }
    #main .main-product .product-box:hover .img:before {
      opacity: 1; }
    #main .main-product .product-box:hover .img:after {
      opacity: 1;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); }
    #main .main-product .product-box:hover .title {
      opacity: 1; }
  #main .page-head {
    position: relative;
    height: 450px;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover; }
    @media (min-width: 992px) and (max-width: 1199px) {
      #main .page-head {
        height: 300px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      #main .page-head {
        height: 250px; } }
    @media (max-width: 767px) {
      #main .page-head {
        height: 250px; } }
    #main .page-head:before {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      height: 100%;
      width: 100%;
      background-color: rgba(17, 17, 17, 0.85); }
    #main .page-head .titleBox {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      -webkit-perspective: 1000px;
      -moz-perspective: 1000px;
      -ms-perspective: 1000px;
      perspective: 1000px; }
      #main .page-head .titleBox .caption {
        font-size: 54px;
        font-weight: 800;
        letter-spacing: -2px;
        color: #fff;
        margin: 0;
        text-shadow: 0px 0.2px 3px rgba(0, 0, 0, 0.4);
        opacity: 0;
        -webkit-transform-origin: bottom;
        -moz-transform-origin: bottom;
        -ms-transform-origin: bottom;
        -o-transform-origin: bottom;
        transform-origin: bottom; }
        @media (max-width: 767px) {
          #main .page-head .titleBox .caption {
            font-size: 44px; } }
        @media (max-width: 424px) {
          #main .page-head .titleBox .caption {
            font-size: 34px; } }
    #main .page-head .container {
      position: relative;
      height: 100%; }
  #main .breadcrumb {
    margin-top: 10px;
    padding: 8px 0px;
    font-size: 12px;
    background: transparent;
    border-bottom: 1px solid #eee;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px; }
  #main .page-title .caption {
    font-size: 30px;
    font-weight: 800;
    letter-spacing: -2px; }
    @media (max-width: 767px) {
      #main .page-title .caption {
        font-size: 24px; } }
    @media (max-width: 424px) {
      #main .page-title .caption {
        font-size: 18px; } }
  #main .gallery-wrapper {
    margin: 15px 0px; }
    #main .gallery-wrapper .buttons {
      text-align: right;
      padding: 0; }
      #main .gallery-wrapper .buttons .button {
        display: inline-block;
        cursor: pointer; }
        #main .gallery-wrapper .buttons .button i {
          width: 30px;
          height: 30px;
          font-size: 16px;
          line-height: 30px;
          text-align: center;
          border-bottom: 2px solid #111111;
          color: #111111; }
        #main .gallery-wrapper .buttons .button:hover i {
          color: #fff;
          background-color: black;
          border-color: black; }
    #main .gallery-wrapper .gallery-carousel .item {
      padding: 15px; }
      #main .gallery-wrapper .gallery-carousel .item a {
        display: block; }
        #main .gallery-wrapper .gallery-carousel .item a img {
          width: 100%;
          padding: 3px;
          border: 1px solid #dddddd; }
  #main .side-bar .side-caption {
    position: relative;
    padding: 15px 10px;
    padding-right: 35px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: 800;
    font-size: 18px;
    border: 2px solid #111111;
    color: #111111; }
    #main .side-bar .side-caption i {
      position: absolute;
      right: 10px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
  #main .file-list a {
    display: block;
    padding: 3px 3px;
    border-bottom: 1px solid #ddd; }
    #main .file-list a i {
      margin-right: 5px; }
    #main .file-list a:hover {
      color: #111111;
      border-bottom: 1px solid #111111; }
  #main .video-list {
    position: relative;
    margin-bottom: 15px;
    padding: 5px;
    border: 1px solid #eee; }
    #main .video-list a {
      position: relative;
      display: block; }
      #main .video-list a:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        background-color: rgba(0, 0, 0, 0.4); }
    #main .video-list img {
      position: relative;
      width: 100%;
      z-index: 1; }
    #main .video-list i {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      color: #fff;
      font-size: 24px;
      z-index: 3;
      opacity: 0;
      -webkit-transform: translate(-50%, 0%);
      -moz-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
      -o-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%); }
    #main .video-list .caption {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 80%;
      margin: 0;
      z-index: 3;
      color: #fff;
      font-weight: 700;
      text-align: center;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    #main .video-list:hover i {
      opacity: 1;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    #main .video-list:hover .caption {
      opacity: 0;
      -webkit-transform: translate(-50%, -100%);
      -moz-transform: translate(-50%, -100%);
      -ms-transform: translate(-50%, -100%);
      -o-transform: translate(-50%, -100%);
      transform: translate(-50%, -100%); }
  #main .pagination-box {
    text-align: center;
    padding: 0; }
  #main .categories-list {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
    list-style: none;
    border-bottom: 1px solid #eee; }
    #main .categories-list li {
      float: left; }
      #main .categories-list li a {
        position: relative;
        display: block;
        padding: 8px 10px;
        font-size: 12px; }
        #main .categories-list li a:before {
          content: '';
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          height: 0;
          background-color: #111111; }
        #main .categories-list li a:hover:before {
          height: 4px; }
      #main .categories-list li button {
        position: relative;
        padding: 8px 10px;
        font-size: 12px;
        background-color: transparent;
        border: none;
        outline: 0; }
        #main .categories-list li button:before {
          content: '';
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          height: 0;
          background-color: #111111; }
        #main .categories-list li button:hover:before {
          height: 4px; }
      #main .categories-list li.active a:before,
      #main .categories-list li.active button:before {
        height: 4px; }
  #main .reference-isotope {
    float: left;
    width: 100%;
    overflow: hidden; }
  #main .captionLeft, #main .main-about .main-about-text .caption {
    position: relative;
    font-size: 24px;
    font-weight: 800;
    margin-top: 0px;
    margin-bottom: 15px;
    padding-bottom: 15px; }
    #main .captionLeft:before, #main .main-about .main-about-text .caption:before {
      content: '';
      position: absolute;
      width: 50px;
      height: 2px;
      left: 0;
      bottom: 0px;
      background-color: #111111; }
  #main .captionCenter {
    position: relative;
    font-size: 34px;
    font-weight: 800;
    margin-top: 0px;
    margin-bottom: 30px;
    padding-bottom: 15px;
    text-align: center; }
    @media (min-width: 768px) and (max-width: 991px) {
      #main .captionCenter {
        font-size: 30px; } }
    @media (max-width: 767px) {
      #main .captionCenter {
        font-size: 24px; } }
    #main .captionCenter:before {
      content: '';
      position: absolute;
      width: 50px;
      height: 2px;
      left: 50%;
      bottom: 0;
      background-color: #111111;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%); }
  #main .page-content .content-body .article img {
    max-width: 100%; }
  #main .page-news {
    position: relative; }
    #main .page-news .news-box {
      float: left;
      width: 100%;
      position: relative;
      margin-bottom: 30px;
      padding: 15px;
      border: 1px solid #eee; }
      #main .page-news .news-box .img {
        position: relative; }
        #main .page-news .news-box .img img.media {
          width: 100%; }
      #main .page-news .news-box .title {
        width: 100%; }
        #main .page-news .news-box .title .caption {
          letter-spacing: -1px;
          font-weight: 800;
          font-size: 24px;
          color: #111111;
          margin: 20px 0; }
        #main .page-news .news-box .title .text {
          color: #676767;
          font-size: 13px;
          overflow: hidden;
          height: 48px;
          margin: 15px 0; }
        #main .page-news .news-box .title .date {
          color: #111111;
          font-size: 14px;
          line-height: 1.1;
          margin: 15px 0; }
      #main .page-news .news-box a {
        display: block; }
  #main .page-news-detail .news-detail-img {
    margin-bottom: 15px; }
    #main .page-news-detail .news-detail-img img {
      max-width: 100%; }
  #main .page-news-detail .article img {
    max-width: 100%; }
  #main .page-product .product-box {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px; }
    #main .page-product .product-box a {
      display: block; }
    #main .page-product .product-box .img {
      position: relative; }
      #main .page-product .product-box .img img.media {
        position: relative;
        width: 100%;
        z-index: 1; }
      #main .page-product .product-box .img:before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
        z-index: 2; }
    #main .page-product .product-box .title .caption {
      position: absolute;
      left: 15px;
      top: 50%;
      width: -webkit-calc(100% - 30px);
      width: calc(100% - 30px);
      text-align: center;
      font-weight: 800;
      font-size: 24px;
      letter-spacing: -1px;
      color: #fff;
      margin-top: 0;
      margin-bottom: 0;
      padding: 15px;
      z-index: 3;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
    #main .page-product .product-box .title .text {
      position: absolute;
      left: 15px;
      bottom: 15px;
      width: -webkit-calc(100% - 30px);
      width: calc(100% - 30px);
      color: #fff;
      font-size: 13px;
      height: 48px;
      overflow: hidden;
      text-align: center;
      z-index: 3;
      opacity: 0;
      -webkit-transform: translateY(10px);
      -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
      -o-transform: translateY(10px);
      transform: translateY(10px); }
    #main .page-product .product-box .icons {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      #main .page-product .product-box .icons i.icon {
        display: inline-block;
        margin: 0px 3px;
        width: 50px;
        height: 50px;
        line-height: 46px;
        text-align: center;
        font-size: 14px;
        background-color: #000;
        color: #fff;
        border: 2px solid #000;
        opacity: 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        -webkit-transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        -o-transform: rotateY(90deg);
        transform: rotateY(90deg); }
        #main .page-product .product-box .icons i.icon:hover {
          background-color: #fff;
          border-color: #111111;
          color: #111111; }
      #main .page-product .product-box .icons a {
        display: inline-block; }
    #main .page-product .product-box:hover .text {
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px);
      opacity: 1; }
    #main .page-product .product-box:hover .img img {
      -webkit-transform: scale(1.3);
      -moz-transform: scale(1.3);
      -ms-transform: scale(1.3);
      -o-transform: scale(1.3);
      transform: scale(1.3); }
    #main .page-product .product-box:hover .img:before {
      background-color: rgba(17, 17, 17, 0.85); }
    #main .page-product .product-box:hover .caption {
      -webkit-transform: translateY(-100%);
      -moz-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      -o-transform: translateY(-100%);
      transform: translateY(-100%); }
    #main .page-product .product-box:hover .icons i.icon {
      opacity: 1;
      -webkit-transform: rotateY(0deg);
      -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      -o-transform: rotateY(0deg);
      transform: rotateY(0deg); }
  #main .page-product-detail .product-detail-img {
    margin-bottom: 15px; }
    #main .page-product-detail .product-detail-img img {
      max-width: 100%; }
  #main .page-product-detail .article img {
    max-width: 100%; }
  #main .page-gallery .gallery-box {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px; }
    #main .page-gallery .gallery-box a {
      display: block; }
    #main .page-gallery .gallery-box .img {
      position: relative; }
      #main .page-gallery .gallery-box .img img.media {
        position: relative;
        width: 100%;
        z-index: 1; }
      #main .page-gallery .gallery-box .img:before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
        z-index: 2; }
    #main .page-gallery .gallery-box .title .caption {
      position: absolute;
      left: 15px;
      top: 50%;
      width: -webkit-calc(100% - 30px);
      width: calc(100% - 30px);
      text-align: center;
      font-weight: 800;
      font-size: 24px;
      letter-spacing: -1px;
      color: #fff;
      margin-top: 0;
      margin-bottom: 0;
      padding: 15px;
      z-index: 3;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
    #main .page-gallery .gallery-box .title .text {
      position: absolute;
      left: 15px;
      bottom: 15px;
      width: -webkit-calc(100% - 30px);
      width: calc(100% - 30px);
      color: #fff;
      font-size: 13px;
      height: 48px;
      overflow: hidden;
      text-align: center;
      z-index: 3;
      opacity: 0;
      -webkit-transform: translateY(10px);
      -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
      -o-transform: translateY(10px);
      transform: translateY(10px); }
    #main .page-gallery .gallery-box .icons {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      #main .page-gallery .gallery-box .icons i.icon {
        display: inline-block;
        margin: 0px 3px;
        width: 50px;
        height: 50px;
        line-height: 46px;
        text-align: center;
        font-size: 14px;
        background-color: #000;
        color: #fff;
        border: 2px solid #000;
        opacity: 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        -webkit-transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        -o-transform: rotateY(90deg);
        transform: rotateY(90deg); }
        #main .page-gallery .gallery-box .icons i.icon:hover {
          background-color: #fff;
          border-color: #111111;
          color: #111111; }
      #main .page-gallery .gallery-box .icons a {
        display: inline-block; }
    #main .page-gallery .gallery-box:hover .text {
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px);
      opacity: 1; }
    #main .page-gallery .gallery-box:hover .img img {
      -webkit-transform: scale(1.3);
      -moz-transform: scale(1.3);
      -ms-transform: scale(1.3);
      -o-transform: scale(1.3);
      transform: scale(1.3); }
    #main .page-gallery .gallery-box:hover .img:before {
      background-color: rgba(17, 17, 17, 0.85); }
    #main .page-gallery .gallery-box:hover .caption {
      -webkit-transform: translateY(-100%);
      -moz-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      -o-transform: translateY(-100%);
      transform: translateY(-100%); }
    #main .page-gallery .gallery-box:hover .icons i.icon {
      opacity: 1;
      -webkit-transform: rotateY(0deg);
      -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      -o-transform: rotateY(0deg);
      transform: rotateY(0deg); }
  #main .page-gallery-detail .gallery-detail-img {
    margin-bottom: 15px; }
    #main .page-gallery-detail .gallery-detail-img img {
      max-width: 100%; }
  #main .page-gallery-detail .article img {
    max-width: 100%; }
  #main .page-reference .reference-box {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px; }
    #main .page-reference .reference-box a {
      display: block; }
    #main .page-reference .reference-box .img {
      position: relative; }
      #main .page-reference .reference-box .img img.media {
        position: relative;
        width: 100%;
        z-index: 1; }
      #main .page-reference .reference-box .img:before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
        z-index: 2; }
    #main .page-reference .reference-box .title .caption {
      position: absolute;
      left: 15px;
      top: 50%;
      width: -webkit-calc(100% - 30px);
      width: calc(100% - 30px);
      text-align: center;
      font-weight: 800;
      font-size: 24px;
      letter-spacing: -1px;
      color: #fff;
      margin-top: 0;
      margin-bottom: 0;
      padding: 15px;
      z-index: 3;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
    #main .page-reference .reference-box .title .text {
      position: absolute;
      left: 15px;
      bottom: 15px;
      width: -webkit-calc(100% - 30px);
      width: calc(100% - 30px);
      color: #fff;
      font-size: 13px;
      height: 48px;
      overflow: hidden;
      text-align: center;
      z-index: 3;
      opacity: 0;
      -webkit-transform: translateY(10px);
      -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
      -o-transform: translateY(10px);
      transform: translateY(10px); }
    #main .page-reference .reference-box .icons {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
      #main .page-reference .reference-box .icons i.icon {
        display: inline-block;
        margin: 0px 3px;
        width: 50px;
        height: 50px;
        line-height: 46px;
        text-align: center;
        font-size: 14px;
        background-color: #000;
        color: #fff;
        border: 2px solid #000;
        opacity: 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        -webkit-transform: rotateY(90deg);
        -moz-transform: rotateY(90deg);
        -ms-transform: rotateY(90deg);
        -o-transform: rotateY(90deg);
        transform: rotateY(90deg); }
        #main .page-reference .reference-box .icons i.icon:hover {
          background-color: #fff;
          border-color: #111111;
          color: #111111; }
      #main .page-reference .reference-box .icons a {
        display: inline-block; }
    #main .page-reference .reference-box:hover .text {
      -webkit-transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px);
      opacity: 1; }
    #main .page-reference .reference-box:hover .img img {
      -webkit-transform: scale(1.3);
      -moz-transform: scale(1.3);
      -ms-transform: scale(1.3);
      -o-transform: scale(1.3);
      transform: scale(1.3); }
    #main .page-reference .reference-box:hover .img:before {
      background-color: rgba(17, 17, 17, 0.85); }
    #main .page-reference .reference-box:hover .caption {
      -webkit-transform: translateY(-100%);
      -moz-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      -o-transform: translateY(-100%);
      transform: translateY(-100%); }
    #main .page-reference .reference-box:hover .icons i.icon {
      opacity: 1;
      -webkit-transform: rotateY(0deg);
      -moz-transform: rotateY(0deg);
      -ms-transform: rotateY(0deg);
      -o-transform: rotateY(0deg);
      transform: rotateY(0deg); }
  #main .page-reference-detail .reference-detail-img {
    margin-bottom: 15px; }
    #main .page-reference-detail .reference-detail-img img {
      max-width: 100%; }
  #main .page-reference-detail .article img {
    max-width: 100%; }
  #main .page-contact .contact-col {
    margin-bottom: 30px; }
  #main .page-contact .contact-detail {
    margin-bottom: 30px; }
  #main .page-contact .caption {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    margin-bottom: 15px;
    padding-bottom: 15px;
    letter-spacing: -1px;
    border-bottom: 1px solid #eee; }
    #main .page-contact .caption i {
      font-size: 20px;
      margin-right: 5px; }
  #main .page-contact .list {
    margin-bottom: 5px; }
    #main .page-contact .list i {
      width: 25px;
      text-align: center;
      color: #000; }
    #main .page-contact .list a {
      color: #676767; }
  #main .page-contact .address {
    margin-bottom: 10px; }

/*******************************************************************/
/* FOOTER **********************************************************/
#footer {
  background-color: #1E1E1E; }
  #footer .footer-social {
    float: left;
    padding: 0;
    margin: 30px 0px;
    list-style: none; }
    #footer .footer-social li {
      float: left; }
      #footer .footer-social li a {
        display: block;
        margin-right: 10px; }
        #footer .footer-social li a i {
          width: 30px;
          height: 30px;
          line-height: 30px;
          text-align: center;
          color: #fff;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          border-radius: 50%; }
        #footer .footer-social li a i.fa-facebook {
          background-color: #365396; }
          #footer .footer-social li a i.fa-facebook:hover {
            background-color: #293e70; }
        #footer .footer-social li a i.fa-twitter {
          background-color: #00a8f0; }
          #footer .footer-social li a i.fa-twitter:hover {
            background-color: #0084bd; }
        #footer .footer-social li a i.fa-linkedin {
          background-color: #006eb3; }
          #footer .footer-social li a i.fa-linkedin:hover {
            background-color: #004f80; }
        #footer .footer-social li a i.fa-apple {
          background-color: #737373; }
          #footer .footer-social li a i.fa-apple:hover {
            background-color: #595959; }
        #footer .footer-social li a i.fa-google-plus {
          background-color: #e0462e; }
          #footer .footer-social li a i.fa-google-plus:hover {
            background-color: #bf321d; }
        #footer .footer-social li a i.fa-youtube {
          background-color: #ff3333; }
          #footer .footer-social li a i.fa-youtube:hover {
            background-color: red; }
        #footer .footer-social li a i.fa-youtube-play {
          background-color: #ff3333; }
          #footer .footer-social li a i.fa-youtube-play:hover {
            background-color: red; }
        #footer .footer-social li a i.fa-vimeo {
          background-color: #4ab7ed; }
          #footer .footer-social li a i.fa-vimeo:hover {
            background-color: #1ca4e9; }
        #footer .footer-social li a i.fa-pinterest {
          background-color: #cc1919; }
          #footer .footer-social li a i.fa-pinterest:hover {
            background-color: #9f1414; }
        #footer .footer-social li a i.fa-yelp {
          background-color: #c21000; }
          #footer .footer-social li a i.fa-yelp:hover {
            background-color: #8f0c00; }
        #footer .footer-social li a i.fa-dribbble {
          background-color: #ed4583; }
          #footer .footer-social li a i.fa-dribbble:hover {
            background-color: #e81764; }
        #footer .footer-social li a i.fa-amazon {
          background-color: #ff9900; }
          #footer .footer-social li a i.fa-amazon:hover {
            background-color: #cc7a00; }
        #footer .footer-social li a i.fa-ebay {
          background-color: #083891; }
          #footer .footer-social li a i.fa-ebay:hover {
            background-color: #062560; }
        #footer .footer-social li a i.fa-skype {
          background-color: #00abf5; }
          #footer .footer-social li a i.fa-skype:hover {
            background-color: #0088c2; }
        #footer .footer-social li a i.fa-instagram {
          background-color: #386c99; }
          #footer .footer-social li a i.fa-instagram:hover {
            background-color: #2b5173; }
        #footer .footer-social li a i.fa-dropbox {
          background-color: #0d83de; }
          #footer .footer-social li a i.fa-dropbox:hover {
            background-color: #0a67ae; }
        #footer .footer-social li a i.fa-flickr {
          background-color: #eb0066; }
          #footer .footer-social li a i.fa-flickr:hover {
            background-color: #b80050; }
        #footer .footer-social li a i.fa-github {
          background-color: #2e2e2e; }
          #footer .footer-social li a i.fa-github:hover {
            background-color: #141414; }
        #footer .footer-social li a i.fa-basecamp {
          background-color: #6bbd6d; }
          #footer .footer-social li a i.fa-basecamp:hover {
            background-color: #4ca94d; }
        #footer .footer-social li a i.fa-tumblr {
          background-color: #304d69; }
          #footer .footer-social li a i.fa-tumblr:hover {
            background-color: #203346; }
        #footer .footer-social li a i.fa-foursquare {
          background-color: #207ec5; }
          #footer .footer-social li a i.fa-foursquare:hover {
            background-color: #19629a; }
  #footer .footer-menu {
    float: right;
    padding: 0;
    margin: 0;
    list-style: none; }
    #footer .footer-menu li {
      float: left; }
      #footer .footer-menu li a {
        position: relative;
        display: block;
        padding: 33px 15px;
        color: #fff; }
        #footer .footer-menu li a:before {
          content: '';
          position: absolute;
          left: 50%;
          bottom: 10%;
          width: 8px;
          height: 8px;
          background-color: #111111;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          border-radius: 50%;
          -webkit-transform: translateX(-50%) scale(0);
          -moz-transform: translateX(-50%) scale(0);
          -ms-transform: translateX(-50%) scale(0);
          -o-transform: translateX(-50%) scale(0);
          transform: translateX(-50%) scale(0); }
        @media (min-width: 768px) and (max-width: 991px) {
          #footer .footer-menu li a {
            padding: 25px 10px; } }
        @media (max-width: 767px) {
          #footer .footer-menu li a {
            font-size: 13px;
            padding: 20px 10px; } }
        @media (max-width: 767px) {
          #footer .footer-menu li a {
            font-size: 12px;
            padding: 10px 10px; } }
        #footer .footer-menu li a:hover:before {
          -webkit-transform: translateX(-50%) scale(1);
          -moz-transform: translateX(-50%) scale(1);
          -ms-transform: translateX(-50%) scale(1);
          -o-transform: translateX(-50%) scale(1);
          transform: translateX(-50%) scale(1); }
  #footer .copyright {
    padding: 15px 0;
    line-height: 24px; }
    @media (max-width: 767px) {
      #footer .copyright {
        text-align: center; } }
  #footer .isinbasireklam {
    text-align: right;
    padding: 15px 0; }
    @media (max-width: 767px) {
      #footer .isinbasireklam {
        text-align: center; } }
    #footer .isinbasireklam a {
      display: inline-block; }
      #footer .isinbasireklam a img {
        height: 20px; }
  #footer .footer-bottom {
    background-color: #fff; }

/*******************************************************************/

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