.sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.clearfix:after {
  content: '';
  display: block;
  clear: both;
}

.ellipsis {
  white-space: nowrap;
 /* 1 */
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
 /* 2 */
  overflow: hidden;
}/* ---------------------------------------------------------
    General reset
   ---------------------------------------------------------*/body {
  font: 16px/1.3125 "Roboto", "Helvetica", sans-serif;
  color: #414142;
  min-width: 320px;
}

body p {
  line-height: 1.3125;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

.overflow-hidden {
  overflow: hidden;
}

h1,h2,h3 {
  font-family: "bebas", sans-serif;
  letter-spacing: 1px !important;
  font-weight: 700 !important;
  color: #414142;
}

h1 strong,h2 strong,h3 strong {
  font-weight: 700;
}

h1 {
  text-transform: uppercase !important;
}

h1,h2 {
  font-size: 38px;
  line-height: 45px;
  text-transform: uppercase;
}

.slide-title h1.headline-small,.slide-title h2.headline-small {
  text-transform: uppercase;
  text-shadow: none;
}

.woocommerce-info {
  margin: 0;
  padding: 0 0 60px !important;
  float: none;
  display: block;
  text-align: center;
}

#top-content-area.no-attachment {
  background-attachment: scroll !important;
}

#top-content-area .lines-overlay {
  background-position: center;
}

.vc_btn3.vc_btn3-size-lg {
  font-size: 18px !important;
}

.feature-box > i,.feature-box > .lnr,.feature-box > i,.feature-box > .lnr {
  color: #A8CF38 !important;
}

.feature-box:hover .feature-title,.feature-box:hover .feature-title {
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  color: #A8CF38 !important;
}

.wpb-js-composer .vc_tta-accordion.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
  background: #9ec52e !important;
}

.vc_tta-accordion.vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title > a {
  background: #A8CF38 !important;
}

.pp_pic_holder.pp_default {
  width: 80% !important;
  max-width: 700px !important;
  left: 50% !important;
  -webkit-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
}

.ppt {
  width: 100%;
}

.pp_content {
  width: 100% !important;
  height: auto !important;
}

.pp_hoverContainer {
  width: calc(100% - 26px) !important;
  height: 100% !important;
}

#pp_full_res img {
  width: 100% !important;
  height: auto !important;
}

.pp_next:hover:before,.pp_previous:hover:before {
  background: #A8CF38 !important;
}

.pp_details {
  width: 100% !important;
  background: #444 !important;
  margin: 0 !important;
}

#wrapper .content {
  padding: 40px 0 0 !important;
}

#wrapper .content.padding-bottom-80 {
  padding-bottom: 0 !important;
}

.vc_btn3.vc_btn3-size-lg,a.btn {
  overflow: hidden;
  font-size: 18px;
  line-height: 24px;
  border-radius: 0 !important;
  padding: 14px 20px !important;
  min-width: 201px;
}

.vc_btn3.vc_btn3-size-lg.btn-primary,a.btn.btn-primary {
  -webkit-transition: border-color 0.3s ease-in-out, 0.3s 0.3s ease-in-out;
  -o-transition: border-color 0.3s ease-in-out, 0.3s 0.3s ease-in-out;
  transition: border-color 0.3s ease-in-out, 0.3s 0.3s ease-in-out;
  background: #A8CF38 !important;
  border: 0 !important;
}

.vc_btn3.vc_btn3-size-lg.btn-primary:before,a.btn.btn-primary:before {
  background: #89ab29 !important;
}

.vc_btn3.vc_btn3-size-lg:after,a.btn:after {
  content: none;
}

.subtitle {
  color: #BDBEC2 !important;
  font: 22px/29px "Roboto Condensed", sans-serif;
}

.dash {
  margin: 20px auto 65px !important;
}

.dash.style-gray {
  background: #BDBEC2;
}

.project-category {
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 0;
}

.project-name {
  font-size: 28px;
  line-height: 37px;
  font-weight: bold;
}

.cta-btn {
  text-align: center;
}

#header #mainmenu > li:after {
  -webkit-transition: color 0.3s ease-in-out, 0.3s 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out, 0.3s 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, 0.3s 0.3s ease-in-out;
}

#header #mainmenu > li:hover > a {
  color: #A8CF38 !important;
}

#header #mainmenu > li:hover:before {
  background: #A8CF38;
}

#header #mainmenu > li.menu-item-has-children:hover:after {
  color: #BDBEC1 !important;
}

#header #mainmenu > li.current_page_item > a {
  color: #A8CF38 !important;
}

#header #mainmenu > li.current_page_item:after {
  color: #A8CF38 !important;
}

#header #mainmenu > li > a {
  -webkit-transition: color 0.3s ease-in-out, 0.3s 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out, 0.3s 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, 0.3s 0.3s ease-in-out;
  font-size: 1em;
  font-weight: bold;
  text-transform: none !important;
}

#header #mainmenu > li ul {
  background: #E6E6E6 !important;
}

#header #mainmenu > li ul li:before {
  background: #8d8d8f !important;
  top: 33px;
}

#header #mainmenu > li ul li a {
  -webkit-transition: background 0.3s ease-in-out, 0.3s 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out, 0.3s 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, 0.3s 0.3s ease-in-out;
}

#header #mainmenu > li ul li a:hover {
  background: #D8D8D8 !important;
}

#header #mainmenu > li ul li ul {
  background: #E6E6E6;
  left: 212px;
}

#header #mainmenu > li ul li ul li {
  background: transparent !important;
}

#header #mainmenu > li ul li ul li a {
  background: #ffffff !important;
  color: #000 !important;
}

#header .nav-toggle-mobile-submenu {
  height: 65px;
}

#header .navbar-toggle {
  margin-right: 40px;
}

#header #logo {
  width: 180px;
}

#header #logo a {
  display: block;
}

#header #logo img {
  width: 100%;
  max-width: 100%;
}

.footer-logo-box {
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
}

.copyright-text:before {
  content: none;
}

#footer.footer-dark h4.footer-header {
  color: #ffffff !important;
}

#footer.footer-dark h4::after,#footer.footer-dark hr {
  border-top: 1px solid #707070 !important;
}

#footer.footer-dark ul li:before {
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  color: #707070 !important;
}

#footer.footer-dark ul li:hover:before {
  color: #ffffff !important;
}

#footer.footer-dark ul a {
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  color: #707070 !important;
}

#footer.footer-dark ul a:hover {
  color: #ffffff !important;
}

#footer.footer-dark .textwidget {
  color: #707070 !important;
}

#footer.footer-dark .widget-footer:first-child .textwidget {
  color: #BDBEC1 !important;
}

.breadcrumbs .container > span {
  display: inline-block;
  vertical-align: middle;
  padding: 15px 0;
}

.breadcrumbs a span {
  -webkit-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  color: #414142;
  padding: 0;
}

.breadcrumbs a:hover span {
  color: #A8CF38 !important;
}

.breadcrumbs a:hover:after {
  color: #A8CF38 !important;
}

.product-section .vc_column-inner.vc_custom_1568803512089 {
  margin: 0 !important;
}

.product-category-listing .content-box.service-item.service-box-default {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.product-category-listing h4 {
  font: bold 22px/29px "Roboto", "Helvetica", sans-serif;
}

.product-category-listing .box-heading {
  -webkit-transition: color 0.3s ease-in-out, 0.3s 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out, 0.3s 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, 0.3s 0.3s ease-in-out;
  color: #414142;
}

.product-category-listing img {
  width: 100%;
}

.product-category-listing a:hover .box-heading {
  color: #A8CF38 !important;
}

.image-container:before {
  width: auto;
  height: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.product-description:before,.product-description:after {
  content: none !important;
}

.product-description .vc_images_carousel {
  width: 100% !important;
}

.product-description .vc_images_carousel .vc_carousel-indicators li {
  -webkit-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  width: 8px !important;
  height: 8px !important;
  border: 1px solid #414142 !important;
  display: inline-block !important;
  vertical-align: middle !important;
  border-radius: 50% !important;
  margin: 0 5px;
}

.product-description .vc_images_carousel .vc_carousel-indicators li.vc_active {
  width: 8px !important;
  height: 8px !important;
  background: #414142 !important;
}

.product-description .vc_images_carousel .vc_carousel-indicators li:hover {
  background: #414142 !important;
}

.product-description img {
  width: 100%;
  height: auto;
}

.product-description .gallery-item a,.product-description a[data-featherlight] {
  display: block;
  vertical-align: top;
}

.vc_carousel-control.vc_right span:after,.vc_carousel-control.vc_left span:after {
  background: #A8CF38 !important;
}

.carousel-control.left:after,.carousel-control.right:after {
  background: #A8CF38 !important;
}

.vc_tta-panel-body .wpb_content_element {
  margin: 0 0 22px;
}

.vc_tta-panel-body h3 {
  font: bold 22px/29px "Roboto", "Helvetica", sans-serif;
  margin: 0 0 20px;
}

.slide-content p,.tagline p {
  text-shadow: none;
}

.product-description-wrapper {
  padding: 0 15px;
}

.product-description-wrapper .vc_carousel-control.vc_right,.product-description-wrapper .vc_carousel-control.vc_left {
  display: none !important;
}

.product-description-wrapper .vc_carousel-control.vc_right span:after,.product-description-wrapper .vc_carousel-control.vc_left span:after {
  background: #A8CF38 !important;
}

.product-description {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 !important;
}

.product-description h2 {
  font: 36px/48px "Roboto", "Helvetica", sans-serif;
  margin: 0 0 25px;
}

.product-description .wpb_column + .wpb_column {
  border-bottom: 1px solid #BDBEC1;
}

.product-description .vc_column-inner {
  padding: 0 !important;
}

.search-form {
  padding: 20px 0 100px;
  max-width: 768px;
}

.search-form .close_header_search_form {
  display: none;
}

.search-block {
  width: 50px;
  height: 90px;
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.search-block .slide {
  position: absolute;
  top: 100%;
  right: 0;
  width: 300px;
  z-index: 9;
  background: #ffffff;
  -webkit-box-shadow: 0 0 2px rgba(65, 65, 66, 0.2);
  box-shadow: 0 0 2px rgba(65, 65, 66, 0.2);
}

.search-block .opener svg {
  display: inline-block;
  vertical-align: middle;
}

.search-block .opener svg path {
  -webkit-transition: fill 0.3s ease-in-out, 0.3s 0.3s ease-in-out;
  -o-transition: fill 0.3s ease-in-out, 0.3s 0.3s ease-in-out;
  transition: fill 0.3s ease-in-out, 0.3s 0.3s ease-in-out;
}

.search-block .opener:hover svg path {
  fill: #A8CF38;
}

.search-block .search-form {
  padding: 20px;
}

.search_nav_bar {
  position: relative;
}

.search_nav_bar input {
  margin: 0;
}

.search_nav_bar button[type="submit"] {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0;
  background: #A8CF38;
  color: #ffffff;
  width: 50px;
  border: 0;
}

.search_nav_bar button[type="submit"] .fa {
  color: #ffffff;
}

.search_nav_bar button[type="submit"]:hover {
  background: #89ab29;
}

.carousel .overlay {
  opacity: 0.3;
}

.testimonial-wrapper .testimonial {
  position: relative;
  z-index: 1;
  color: #ffffff;
  font-size: 18px;
  line-height: 28px;
  font-style: italic;
  text-align: center;
  margin: 0;
}

.testimonial-wrapper .testimonial:before {
  content: '';
  position: absolute;
  left: -9999px;
  right: -9999px;
  top: 0;
  background: #888888;
  bottom: 0;
  z-index: -1;
}

.testimonial-wrapper .testimonial .content-box {
  background: transparent;
  margin: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.testimonial-wrapper .testimonial .content-box-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  padding: 50px 0;
}

.testimonial-wrapper .testimonial .content-box-info p {
  color: #ffffff;
  font-size: 18px;
  line-height: 24px;
}

.testimonial-wrapper .testimonial .profile {
  width: 100%;
  display: block;
  font-style: normal;
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
}

.testimonial-wrapper .testimonial .profile img {
  display: none;
}

.testimonial-wrapper .testimonial .testimonial-content {
  display: block;
  padding: 0 0 65px;
  max-width: 623px;
  margin: 0 auto;
  position: relative;
}

.testimonial-wrapper .testimonial .testimonial-content:before {
  content: '';
  position: absolute;
  bottom: 28px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url(../images/quote.svg);
  width: 30px;
  height: 22px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.testimonial-wrapper .testimonial .name {
  font-weight: bold;
  font-style: normal;
}

.testimonial-wrapper .testimonial .company {
  font-style: normal;
}

.cta-wrapper {
  text-align: center;
}

.cta-wrapper .vc_column-inner {
  padding: 0 !important;
}

.cta-wrapper .vc_cta3-container {
  padding: 0;
  margin: 0;
}

.cta-wrapper .vc_cta3_content-container {
  max-width: 1260px;
  margin: 0 auto;
}

.cta-wrapper .vc_cta3-content {
  display: block;
  text-align: center !important;
  margin: 0 0 30px;
}

.cta-wrapper .vc_btn3-container {
  margin: 0 !important;
}

.cta-wrapper .vc_general.vc_cta3 .vc_cta3-actions {
  margin-top: 0 !important;
}

.cta-wrapper .vc_cta3-actions {
  display: block;
}

.cta-wrapper .vc_custom_1568882504331 {
  background: #A8CF38 !important;
  color: #ffffff;
}

.cta-wrapper h2 {
  font: bold 22px/29px "Roboto", "Helvetica", sans-serif;
  color: #ffffff;
  margin: 0;
}

.cta-wrapper .vc_general.vc_cta3 .vc_btn3.vc_btn3-shape-rounded {
  font-size: 18px;
  line-height: 24px;
  padding: 9px 15px;
  color: #ffffff;
  border: 1px solid #ffffff !important;
  background: transparent;
  min-width: 162px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  position: relative;
  z-index: 1;
  margin: 0 !important;
}

.cta-wrapper .vc_general.vc_cta3 .vc_btn3.vc_btn3-shape-rounded:before {
  -webkit-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
  content: '';
  position: absolute;
  border: #A8CF38 solid 6px;
  top: 1px;
  right: 2px;
  bottom: 1px;
  left: 1px;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
}

.cta-wrapper .vc_general.vc_cta3 .vc_btn3.vc_btn3-shape-rounded:hover:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}/* Ripple Out */.sidebar {
  padding-bottom: 60px;
}

.sidebar h4 {
  font: bold 18px/24px "Roboto", "Helvetica", sans-serif;
  margin: 0 0 12px;
  text-transform: uppercase;
}

.sidebar ul {
  font-size: 1em;
}

.sidebar ul li {
  padding: 11px 0;
  border-bottom: 1px solid #BDBEC1;
}

.sidebar ul li:before {
  content: none;
}

.sidebar ul a.active,.sidebar ul a:hover {
  font-weight: bold;
  color: #A8CF38;
}

.about-us-top-section {
  position: relative;
  padding: 80px 0;
  z-index: 1;
  margin-bottom: 40px;
}

.about-us-top-section:first-child {
  margin-top: -40px;
}

.about-us-top-section:before {
  content: '';
  position: absolute;
  left: -9999px;
  right: -9999px;
  top: 0;
  bottom: 0;
  background: #F5F5F5;
  display: block !important;
  z-index: -1;
}

.about-us-top-section .dash {
  margin: 20px auto 65px 0 !important;
}

.shadow-box:after {
  content: none;
}

.two-col-layout {
  margin: 0 0 40px;
}

.two-col-layout:before {
  content: none !important;
}

.two-col-layout .shadow-box {
  margin: 0;
}

.two-col-layout .wpb_single_image.wpb_content_element {
  margin: 0 !important;
}

.two-col-layout .dash {
  margin: 20px auto 65px 0 !important;
}

.gallery-categories {
  margin: 47px 0 !important;
}

.gallery-categories ul li a {
  font-size: 18px;
  line-height: 24px;
  padding: 10px 25px;
  display: block;
  color: #BDBEC1 !important;
  background: transparent;
  -webkit-transition: color .3s, background .3s;
  -o-transition: color .3s, background .3s;
  transition: color .3s, background .3s;
}

.gallery-categories ul li a:hover,.gallery-categories ul li a.selected {
  background: #A8CF38 !important;
  color: #414142 !important;
}

.hp-project-listing {
  margin: 0 -5px;
}

.hp-project-listing .no-image {
  padding-top: 80.5%;
}

.hp-project-listing .item {
  padding: 0 20px 20px;
}

.hp-project-listing .portfolio-box {
  padding-top: 80.5%;
  position: relative;
}

.hp-project-listing .portfolio-box .image-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.hp-project-listing .portfolio-box .image-container img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
}

.hp-project-listing .project-name {
  font-size: 28px;
  line-height: 37px;
  font-weight: bold;
}

.hp-project-section .vc_column-inner {
  padding: 0 !important;
}

.project-detail .default {
  font-size: 1em;
}

.project-detail .default tr {
  border-bottom-color: #ddd;
}

.project-detail .default td,.project-detail .default th {
  padding: 14px 13px 13px;
}

.project-detail .default td:first-child,.project-detail .default th:first-child {
  font-size: 1em;
  font-weight: bold;
  padding-left: 0;
  color: #414142;
}

.article-description {
  padding: 0 0 40px;
}

.article-description h2 {
  padding-bottom: 16px;
  border-bottom: 1px solid #ddd;
  margin: 0 0 37px !important;
}

.project-gallery {
  margin: 0 0 40px;
}

.project-gallery .wpb_column .vc_column-inner {
  padding: 0 15px 16px;
}

.project-gallery .wpb_column .vc_column-inner .wpb_content_element {
  margin-bottom: 0 !important;
}

.project-gallery .wpb_column .vc_column-inner img {
  width: 100%;
  height: auto;
}

.project-gallery .wpb_column .vc_column-inner .wpb_single_image .vc_figure,.project-gallery .wpb_column .vc_column-inner .wpb_single_image .vc_single_image-wrapper {
  width: 100%;
  display: block;
}

.similar-project-wrapper {
  padding: 50px 15px;
  background: #F5F5F5;
  margin: 0 -15px;
}

.similar-project-wrapper h3 {
  font-size: 38px;
  line-height: 45px;
  color: #414142;
  text-transform: uppercase;
  font-weight: bold;
}

.similar-project-wrapper .hp-project-listing {
  margin: 0 0 -21px;
}

.similar-project-wrapper .hp-project-listing .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.documents ul {
  padding: 0;
  margin: 0;
  font-size: 15px;
  line-break: 20px;
  font-weight: bold;
  border: 1px solid #BDBEC1;
  border-width: 1px 0;
}

.documents ul li:before {
  content: none;
}

.documents ul li + li {
  border-top: 1px solid #BDBEC1;
}

.documents ul li.produc-specification-icon a:before {
  background-image: url("../images/icon-scale.svg");
}

.documents ul li a {
  -webkit-transition: color 0.3s ease-in-out, 0.3s 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out, 0.3s 0.3s ease-in-out;
  transition: color 0.3s ease-in-out, 0.3s 0.3s ease-in-out;
  position: relative;
  color: #414142;
  padding: 25px 25px 25px 55px;
  display: block;
}

.documents ul li a:before {
  -webkit-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  content: '';
  top: 50%;
  position: absolute;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("../images/icon-pdf.svg");
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: center;
  width: 45px;
  height: 34px;
}

.documents ul li a:hover {
  color: #A8CF38;
}

.documents ul li a:hover:before {
  opacity: 0.5;
}

@font-face {
  font-family:'bebas';src:url("../fonts/Bebas/bebasneue-bold-webfont.woff2") format("woff2"), url("../fonts/Bebas/bebasneue-bold-webfont.woff") format("woff");font-weight:700;font-style:normal;
}

@font-face {
  font-family:'bebas';src:url("../fonts/Bebas/bebasneue-book-webfont.woff2") format("woff2"), url("../fonts/Bebas/bebasneue-book-webfont.woff") format("woff");font-weight:500;font-style:normal;
}

@font-face {
  font-family:'bebas';src:url("../fonts/Bebas/bebasneue-light-webfont.woff2") format("woff2"), url("../fonts/Bebas/bebasneue-light-webfont.woff") format("woff");font-weight:300;font-style:normal;
}

@font-face {
  font-family:'bebas';src:url("../fonts/Bebas/bebasneue-regular-webfont.woff2") format("woff2"), url("../fonts/Bebas/bebasneue-regular-webfont.woff") format("woff");font-weight:normal;font-style:normal;
}

@font-face {
  font-family:'bebas';src:url("../fonts/Bebas/bebasneue-thin-webfont.woff2") format("woff2"), url("../fonts/Bebas/bebasneue-thin-webfont.woff") format("woff");font-weight:100;font-style:normal;
}

@media (min-width: 768px) {
  .slide-title h1.headline-small,.slide-title h2.headline-small {
    margin: 0 -10% 12px 0;
  }

  .woocommerce-info {
    text-align: left;
  }

  .pp_pic_holder.pp_default {
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    top: 50% !important;
  }

  #wrapper .content {
    padding: 80px 0 0 !important;
  }

  #header #logo {
    width: 288px;
  }

  .product-category-listing {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -20px;
  }

  .product-category-listing .panel-grid-cell {
    width: 33.33%;
    padding: 0 20px;
  }

  .vc_column-inner .product-category-listing {
    margin: 0 -5px;
  }

  .sub-category-section .product-category-listing .panel-grid-cell {
    width: 50%;
  }

  .vc_column_container.col-sm-8 {
    width: 66.66666667% !important;
  }

  .vc_column_container.col-sm-4 {
    width: 33.33333333% !important;
  }

  .vc_tta-panel-body {
    padding: 26px 28px 48px !important;
  }

  .product-description {
    margin: 0 -15px !important;
  }

  .product-description .vc_column-inner {
    padding: 0 15px !important;
  }

  .testimonial-wrapper .testimonial .content-box-info {
    padding: 105px 0 101px;
  }

  .cta-wrapper .vc_cta3_content-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .cta-wrapper .vc_cta3-content {
    display: inline-block !important;
    vertical-align: middle !important;
    max-width: calc(100% - 162px);
    margin: 0;
  }

  .cta-wrapper .vc_cta3-actions {
    display: inline-block !important;
    vertical-align: middle !important;
  }

  .cta-wrapper .vc_general.vc_cta3 .vc_btn3.vc_btn3-shape-rounded {
    max-width: 162px;
  }

  .sidebar {
    padding: 0 0 60px 7px;
  }

  .about-us-top-section {
    margin-bottom: 89px;
  }

  .about-us-top-section:first-child {
    margin-top: -80px;
  }

  .two-col-layout {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 97px;
  }

  .two-col-layout.image-right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .grid-spaced #gallery.hp-project-listing .item {
    padding: 0 20px 30px;
  }

  .hp-project-listing .item {
    padding: 0 20px 60px;
  }

  .hp-project-listing .portfolio-box-caption-content {
    padding: 27px 0 0;
  }

  .article-description {
    padding: 0 0 80px;
  }

  .article-description .wpb_column:first-child {
    padding: 0 33px 0 0;
  }

  .project-gallery {
    margin: 0 -8px 65px;
  }

  .project-gallery .wpb_column .vc_column-inner {
    padding: 0 8px 16px;
  }

  .similar-project-wrapper {
    padding: 65px 0 0;
  }

  .similar-project-wrapper .hp-project-listing {
    margin: 0 0 -61px;
  }
}

@media (min-width: 992px) {
  #header #mainmenu {
    padding-right: 30px !important;
  }

  #header #mainmenu > li {
    margin: 0 5px !important;
  }

  #header #mainmenu > li ul li.menu-item-has-children:after {
    content: "\f107";
    font-family: "FontAwesome";
    font-size: 14px;
    color: #888;
    font-weight: 300;
    opacity: 0.5;
    width: 13px;
    line-height: 1;
    height: 13px;
    right: 5px !important;
    top: 16px !important;
    background: transparent !important;
  }

  #header #mainmenu > li ul li a {
    padding: 12px 24px;
    font-size: 1em;
  }

  .sub-category-section .product-category-listing .panel-grid-cell {
    width: 33.33%;
  }

  .vc_column_container.col-md-9 {
    width: 75% !important;
  }

  .vc_column_container.col-md-3 {
    width: 25% !important;
  }

  .product-description-wrapper > .wpb_column:first-child {
    padding-right: 42px;
  }

  .search-block {
    height: auto;
    bottom: 0;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 100%;
    max-width: 1320px;
  }

  #header #mainmenu {
    padding-right: 65px !important;
  }

  #header #mainmenu > li {
    margin: 0 14px !important;
  }

  #header #logo {
    width: 331px;
  }
}

@media (min-width: 1440px) {
  #header #mainmenu > li {
    margin: 0 20px !important;
  }
}

@media (max-width: 767px) {
  .pp_next:before,.pp_previous:before {
    width: 30px !important;
    height: 30px !important;
    font-size: 15px !important;
    line-height: 30px !important;
  }

  #header #logo {
    margin-top: 38px;
  }
}

@-webkit-keyframes hvr-ripple-out {
  0% {
    opacity: .7;
    visibility: visible;
  }

  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
    visibility: hidden;
    border-color: #ffffff;
  }
}

@keyframes hvr-ripple-out {
  0% {
    opacity: .7;
    visibility: visible;
  }

  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
    visibility: hidden;
    border-color: #ffffff;
  }
}
