@charset "UTF-8";
body {
  color: #444;
}

.grey {
  color: #666;
}

.bg-blue {
  background: #34495e;
}

.owl-theme .owl-nav {
  margin-top: 0px;
}

.bg-lightgreen {
  background: rgba(188, 227, 80, 0.25);
}

#banner-section.bg-blue {
  background: #34495e;
}

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

.v-align-bottom {
  vertical-align: bottom;
}

.contact-information {
  margin-top: 0px;
  padding: 40px 0;
}

.hero-section-page ul li::after {
  content: "/";
  display: inline-block;
  position: relative;
  left: 5px;
  top: 1px;
}

.hero-section-page ul li:last-child::after {
  content: "";
}

.portfolio-item .portfolio-overlay a.icon-v-middle {
  top: 50%;
  margin-top: -12.5px;
}
.portfolio-item .portfolio-overlay.active {
  opacity: 1;
}
.portfolio-item .portfolio-overlay.active::before, .portfolio-item .portfolio-overlay.active::after {
  opacity: 0;
}
.portfolio-item .portfolio-overlay.active::before {
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}
.portfolio-item .portfolio-overlay.active:after {
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.portfolio-item:hover .portfolio-overlay.active::before, .portfolio-item:hover .portfolio-overlay.active::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.loader {
  background: #BCE350;
}

.portfolio-image {
  position: relative;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.line-clamp-4 {
  display: block; /* Fallback for non-webkit */
  display: -webkit-box;
  height: 84px; /* Fallback for non-webkit */
  margin: 0 auto;
  font-size: 14px;
  line-height: 1.5;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.portfolio-overlay p {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.portfolio-overlay:hover h2, .portfolio-overlay:hover p {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

label.error {
  padding-left: 12px;
  display: inline-block;
  max-width: 100%;
  margin-top: 2px;
  margin-bottom: 0px;
  font-weight: 700;
  font-size: 12px;
  color: #FF7D7D;
}

.alert {
  margin-bottom: 0;
}

.alert-success {
  color: #BCE350;
  background-color: rgba(188, 227, 80, 0.1);
  border-color: #BCE350;
}

.alert-success-2 {
  color: white;
  background-color: #BCE350;
  border-color: #BCE350;
}

.alert-danger {
  color: #FF7D7D;
  background-color: rgba(255, 125, 125, 0.1);
  border-color: #FF7D7D;
}

.price-table-section-box .price p {
  padding: 50px 0 0 0;
  line-height: 30px;
}

.theme {
  color: #BCE350;
}

.sidebar-tags ul li a:hover, .sidebar-tags ul li a.active {
  color: #BCE350;
  background-color: #fff;
}

.inline-block {
  display: inline-block;
}

.services-section-list {
  padding-top: 0px;
}

#footer {
  background-color: #34495e;
}
#footer .footer-copy-right {
  background-color: #212e3c;
}

.portfolio-overlay i {
  color: #fff;
  font-size: 25px;
  display: inline-block;
  position: relative;
  top: 1px;
  left: -1px;
  margin: 0 auto;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.header-info a.last::after {
  content: "";
  padding: 0 5px;
}

.pages-hero-section {
  background: inherit;
  /*background-position: center bottom;*/
  background-attachment: fixed;
  /*background-size: cover;*/
  background-repeat: no-repeat;
  text-align: center;
  padding: 40px 0;
}
.pages-hero-section h2 {
  padding: 0;
  font-size: 36px;
}

@media screen and (max-width: 1280px) and (min-width: 992px) {
  .portfolio-overlay h3 {
    margin-top: 35px;
    font-size: 15px;
    width: 80%;
  }
}
@media only screen and (max-width: 619px) {
  .portfolio-overlay h3 {
    margin-top: 35px;
    font-size: 2.8vw;
  }
  .portfolio-overlay p {
    font-size: inherit;
  }
  .pages-hero-section {
    padding: 20px 0;
  }
}
@media only screen and (max-width: 500px) {
  .portfolio-overlay h3 {
    margin-bottom: 30px;
  }
  .portfolio-overlay .line-clamp-4 {
    display: none;
  }
}
.main-menu-logo a {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
}
.main-menu-logo a img {
  max-height: 74px;
  padding-top: 3px;
}

@media only screen and (max-width: 991px) {
  .main-menu-logo a img {
    padding-top: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .main-menu-logo a img {
    padding-top: px;
  }
}
/**************************************/
/***** Hero - Section *****/
/*************************************/
/* Hero Section Slide */
.bc-img01 {
  background: inherit;
  background-image: url(http://placehold.it/1920x1080) center;
  background-size: cover;
  height: 550px;
}

.bc-img02 {
  background: inherit;
  background-image: url(http://placehold.it/1920x1080) center;
  background-size: cover;
  height: 550px;
}

.bc-img03 {
  background: inherit;
  background-image: url(http://placehold.it/1920x1080) center;
  background-size: cover;
  height: 550px;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(52, 73, 94, 0.9);
  z-index: 0;
}
.overlay.overlay-20 {
  background-color: rgba(52, 73, 94, 0.2);
}

@media screen and (max-width: 767px) {
  .header-section-main-menu #cssmenu #head-mobile {
    padding: 0px;
  }
  .header-section-main-menu .button {
    top: -60px;
  }
}
.header-section-main-menu #cssmenu ul ul li a {
  border-top: 1px solid #b1de33;
  color: #34495e;
}

.blog-section-item article h4 {
  padding-top: 0px;
}

.theme-list ul {
  list-style: none;
  padding-left: 17px;
  display: inline-block !important;
  text-align: left;
}
.theme-list ul li {
  padding: 5px 0 5px 15px;
  position: relative;
}
.theme-list ul li:before {
  position: absolute;
  left: 0;
  content: "•";
  color: #BCE350;
  font-size: 1.75em;
}
.theme-list.list-double-column li {
  display: block;
  width: 50%;
  float: left;
}

.banner-section-click.big a {
  font-size: 20px;
  padding: 25px 25px;
}

.border {
  border: 1px solid transparent;
}
.border.border-bottom {
  border-bottom-color: #ededed;
}

.block {
  display: block !important;
}

.form-step {
  text-align: center;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  background: #eee;
  padding: 5px 30px;
}
.form-step.active {
  background: #34495e;
  color: white;
}

.contact-form .form-submit .submit {
  font-size: 20px;
  padding: 25px 25px;
}

.grecaptcha-badge {
  display: block !important;
  bottom: 77px !important;
}

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