/*-----------------------------------------------------------------------------------
	Theme Name: Vertikal
	Theme URI: http://preview.themique.com/vertikal
	Description: Responsive Business WordPress Theme
	Author URI: http://themeforest.net/user/imangm
	Author: ImanGM
	Designed by: PremiumLayers
	Version: 1.7.3
	Tags: light, gray, white, one-column, two-columns, three-columns, four-columns, right-sidebar, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, translation-ready
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
-----------------------------------------------------------------------------------*/

.home-1 .services-post > a {
  background-color: #3078f1 !important;
}

.hover-box {
  background-color: rgba(48, 120, 241, 0.71) !important;
}

.services-post > a::after {
  border-color: #3078f1 !important;
}

/* .home-1 > .wpb_column .services-post i::before {
  content: "";
  width: 33px;
  height: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
} */

/* .home-1 > .wpb_column:nth-child(1) .services-post i::before {
  background: url(images/icon1.png) top left no-repeat;
}

.home-1 > .wpb_column:nth-child(2) .services-post i::before {
  background: url(images/icon2.png) top left no-repeat;
}

.home-1 > .wpb_column:nth-child(3) .services-post i::before {
  background: url(images/icon3.png) top left no-repeat;
  width: 27px;
  height: 29px;
} */

.home-1 h4 {
  font-size: 16px;
}

.portfolio-navigation,
.tmq-portfolio-template-default .portfolio-single-image {
  display: none;
}

.home-works {
}

.work-item {
  position: relative;
  width: 20%;
  float: left;
}

.work-item::after {
  content: "";
  position: absolute;
  top: 40px;
  left: -7px;
  width: 22px;
  height: 9px;
  background: url(images/arrow.png) top left no-repeat;
}

.work-item:first-child::after {
  display: none;
}

.work-item p {
  font-size: 13px;
  font-weight: 500;
  color: #232323;
  margin-top: 15px;
  text-align: center;
  line-height: 16px;
}

.work-icon {
  background-color: #3078f1;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin: auto;
  position: relative;
  transition: all 0.3s;
}

.work-item:hover .work-icon {
  cursor: pointer;
  background-color: #3968b7;
  transition: all 0.3s;
}

.work-icon::before {
  position: absolute;
  content: "";
  width: 27px;
  height: 33px;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.work-item:nth-child(1) .work-icon::before {
  background: url(images/work1.png) top left no-repeat;
}

.work-item:nth-child(2) .work-icon::before {
  background: url(images/work2.png) top left no-repeat;
  width: 38px;
}

.work-item:nth-child(3) .work-icon::before {
  background: url(images/work3.png) top left no-repeat;
  width: 30px;
}

.work-item:nth-child(4) .work-icon::before {
  background: url(images/work4.png) top left no-repeat;
  width: 46px;
  height: 29px;
}

.work-item:nth-child(5) .work-icon::before {
  background: url(images/work5.png) top left no-repeat;
  width: 29px;
  height: 27px;
}

.home-1 .services-post > a {
  display: block;
  float: none;
  text-align: center;
  margin: 0 auto 10px auto;
}

.services-post-content {
  margin-left: 0;
  padding-top: 10px;
  width: 100%;
  text-align: center;
}

@media screen and (max-width: 726px) {
  .work-item {
    width: 33%;
  }
  .work-item:nth-child(4)::after {
    display: none;
  }
}

@media screen and (max-width: 480px) {
  .work-item {
    width: 50%;
  }
  .work-item::after {
    display: none;
  }
}