/* GENERAL */

body, .sp-preloader {
  color:#868298;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
}
@media (min-width:1200px) {
 .helix-ultimate .sppb-row-container {
  max-width:1170px !important;
  padding: 0px;
 }
}
@media (min-width:1200px) {
 .container {
  max-width:1170px;
  padding: 0px;
 }
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    font-weight: 600;
}



.sppb-btn,
.btn{
  position: relative;
  display: inline-block !important;
  font-size: 16px !important;
  line-height: 16px !important;
  font-weight: 400 !important;
  padding: 15px 29px 16px !important;
  text-transform: capitalize !important;
  border-radius: 5px !important;
  transition: all 500ms ease !important;
  border-width: 2px !important;;
}

.sppb-btn-default{
  border-color:#ffffff;
}
.sppb-btn-link{
  padding: 0px;
}

.sppb-btn-default.sppb-btn-outline{
  color:#ffffff;
}
.sppb-btn-default.sppb-btn-outline:hover{
 color:#fff;
 background-color:transparent;
 border-color:#fff;
}

.right{
    float:right;
}

#sp-topbar p{
  margin-bottom: 0px;
}
#sp-topbar .find-map p span:before{
  font-size: 18px;
  line-height: 18px;
  display: inline-block;
  padding-right: 6px;
}
#sp-topbar .find-map p a span::before {
    position: relative;
    top: 2px;
    font-size: 16px;
    line-height: 16px;
    display: inline-block;
    padding-left: 6px;
    padding-right: 0;
    transition: all 500ms ease;
}
#sp-topbar .sppb-icons-group-list{
  float:right;
}
#sp-topbar .sppb-icons-group-list li a{
    color:#9491a2;
}

#sp-header {
  position: relative;
  display: block;
  background:transparent;
  z-index: 999;
  box-shadow: none;
  height: 60px;
}
@media (max-width: 768px) {
  #sp-header {
    background:#1EA65B;
  }
  #offcanvas-toggler > .fa{
    color:#fff;
  }
}

#sp-header .container-inner,
#sp-header.header-sticky{
  background:#1EA65B;
  height: auto;

}
#sp-header.header-sticky{
  -webkit-animation: fadeInDown 800ms;
  -moz-animation: fadeInDown 800ms;
  -ms-animation: fadeInDown 800ms;
  -o-animation: fadeInDown 800ms;
  animation: fadeInDown 800ms;
  -webkit-backface-visibility: hidden;
}

.header-right .single-item{
    position: relative;
    display: block;
}
.header-right .single-item .icon{
    width: 25px;
}
.header-right .single-item .icon span:before{
    position: relative;
    display: inline-block;
    top: 1px;
    left: 1px;
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
}
.header-right .single-item .icon,
.header-right .single-item .text{
    display: table-cell;
    vertical-align: middle;
}
.header-right .single-item .text{
    padding-left: 20px;
}
.header-right .single-item .text p{
    margin: 0 0 1px;
}
.header-right .single-item .text h3{
    color: #4e4e4e;
    font-size: 18px;
    line-height: 26px
    text-transform: uppercase;
}


.headers1-button {
    position: relative;
    display: block;
    float: right;
    width: 280px;
    height: 85px;
    border: 1px solid #f0eef9;
    border-radius: 5px;
    padding: 14px 15px 14px;
}
.jb-footer .headers1-button{
    background:#26223b;
    border: none;
    float: left;
}

.headers1-button .icon{
    width: 70px;
    position: relative;
}

.headers1-button .icon span:before{
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 50%;
    color: #ffffff;
    font-size: 23px;
    line-height: 50px;
    display: block;
}
.headers1-button .icon,
.headers1-button .text{
    display: table-cell;
    vertical-align: middle;
}
.headers1-button .text {
    padding-left: 5px;
}
.headers1-button .text span{
    font-size: 18px;
}
.headers1-button .text h3{
    font-size: 18px;
    margin: 2px 0 0;
}

.sp-page-title{
  position: relative;
  background-attachment: scroll;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  border-top: 3px solid #241f40;
  padding: 140px 0 132px;
  z-index: 1;
  margin-top: -20px;
  text-align: center;
}
.sp-page-title:before{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(248, 247, 255, 0.85) none repeat scroll 0 0;
  content: "";
  z-index: -1;
}
.sp-page-title .sp-page-title-heading{
  color: #222222;
  font-size: 40px;
  line-height: 60px;
  font-weight: 700;
  text-transform: capitalize;
  margin: 0 0 10px;
}
.sp-page-title .sp-page-title-sub-heading{
  font-size: 20px;
  line-height: 30px;
  margin: 0;
  font-family:'Rubik', sans-serif;
}

.sp-megamenu-parent{
  float: left;
  margin:0 10px;
}

.sp-megamenu-parent > li{
    margin:0 20px 0 20px;
}
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span{
  padding: 32px 0 32px;
  line-height: 15px;
  color:#fff;
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  transition: all 300ms ease;
}
.sp-megamenu-parent > li.active > a{
  font-weight: 600;
}
.dropdown-toggle{
  position: relative;
    display: block;
    color: #ffffff;
    font-size: 16px;
    line-height: 52px;
    cursor: pointer;
    text-align: center;
    float:right;
    height: 51px;
    width: 50px;
    border-radius: 5px;
    margin: 14px 0;
    transition: all 500ms ease;
}
.dropdown-toggle::after{
  display: none;
}
.dropdown-toggle:hover{
  background:#353055;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{
  padding:0;
  z-index: 100;
  transition: all 500ms ease;
  display: block;
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-radius: 8px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
  display: block;
  padding: 0;
  position: relative;
  border-bottom: 1px solid #e9e9e9;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:last-child {
  border-bottom:0;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{
  font-family:'Rubik', sans-serif !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
  color: #222222;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-transform: capitalize;
  transition: all 500ms ease 0s;
  padding: 18px 30px 15px;
  display: block;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a::before,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge)::before {
  position: absolute;
  top: 0;
  left: 30px;
  bottom: 0;
  right: auto;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  content: "";
  margin: 23px 0;
  opacity: 1;
  transform: scale(0);
  transition: all 500ms ease;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover a::before{
  transform: scale(1);
  left: 30px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover a{
  padding-left: 45px;
}


.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a.sp-group-title,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge).sp-group-title {
  text-transform: uppercase;
  font-weight: 700;
}
.sp-megamenu-parent .sp-dropdown .sp-module {
  padding: 0;
}
.sp-megamenu-parent .sp-dropdown .sp-module .sp-module-title {
  font-size: 14px;
  margin: 0 0 15px;
  text-transform: uppercase;
  font-weight: bold;
}
.nav-search .dropdown-menu{
  background:#2f2f2f;
  padding: 18px;
  margin: 14px 0 0;
  border:none;
  border-radius: 0px;
  min-width: 15rem;
}
.nav-search .dropdown-menu .dropdown-menu-inner .form-control{
  border:none;
  border-radius: 0px;
}
.title-decor .sppb-addon-title,
.title-decor .sppb-title-heading{
  position: relative;
  display: inline-block;
  color: #222222;
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  text-transform: uppercase;
}
.title-decor .sppb-addon-title::before,
.title-decor .sppb-title-heading::before{
  position: absolute;
  left: 0;
  bottom: -13px;
  width: 100%;
  height: 1px;
  background: #f2f1f9;
  content: "";
}
.title-decor .sppb-addon-title::after,
.title-decor .sppb-title-heading::after{
  position: absolute;
  left: 0;
  bottom: -13px;
  width: 60px;
  height: 1px;
  content: "";
}
.title-decor-center .sppb-addon-title,
.title-decor-center .sppb-title-heading{
  position: relative;
  display: inline-block;
  color: #222222;
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  text-transform: uppercase;
}
.title-decor-center .sppb-addon-title::before,
.title-decor-center .sppb-title-heading::before{
  position: absolute;
  left: 0;
  bottom: -13px;
  width: 100%;
  height: 1px;
  background: #f2f1f9;
  content: "";
}
.title-decor-center .sppb-addon-title::after,
.title-decor-center .sppb-title-heading::after{
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -13px;
  width: 60px;
  height: 1px;
  content: "";
}



.no-decor .sppb-addon-title:before,
.no-decor .sppb-title-heading:before,
.no-decor .sppb-addon-title:after,
.no-decor .sppb-title-heading:after{
  display: none;
}

.single-service-style1 {
    position: relative;
    display: block;
    margin-bottom: 30px;
}
.single-service-style1 .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
}
.single-service-style1 .img-holder::before {
    background: rgba(60, 55, 90, 0.85);
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    content: "";
    position: absolute;
    transition: all 0.5s ease-in-out 0s;
    transform-style: preserve-3d;
    transform: perspective(1200px) rotateX(-90deg) translateZ(0px);
}
.single-service-style1:hover .img-holder::before{
	transform: perspective(1200px) rotateX(0deg) translateZ(0px);
	transition-delay: 0.1s;
}
.single-service-style1 .img-holder img {
    width: 100%;
    transition: .5s ease;
}
.single-service-style1:hover .img-holder img {}
.single-service-style1 .text-holder{
    position: relative;
    display: block;
    border: 1px solid #f0eef9;
    padding: 24px 19px 23px;
    transition: all 700ms ease;
}
.single-service-style1:hover .text-holder{
    -webkit-box-shadow: 0px 2px 10px 3px #f0eef9;
    box-shadow: 0px 2px 10px 3px #f0eef9;
}
.single-service-style1 .text-holder .inner{
    position: relative;
    display: block;
    padding-left: 80px;
}
.single-service-style1 .text-holder .icon-box {
    position: absolute;
    top: 5px;
    left: 0;
    width: 65px;
    height: 130px;
    text-align: center;
    z-index: 1;
    transition: all 500ms ease;
    transition-delay: .3s;
}
.single-service-style1 .text-holder .icon-box:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 40px;
    height: 130px;
    border: 4px solid #f8f7ff;
    content: "";
    z-index: -1;
    margin: 0 auto;
    opacity: 0;
    transition: all 500ms ease;
}
.single-service-style1:hover .text-holder .icon-box:before{
    opacity: 1;
}
.single-service-style1 .text-holder .icon-box span:before {
    position: relative;
    top: 0;
    color: #1EA65B;
    font-size: 35px;
    line-height: 64px;
    transition: all 500ms ease;
    transition-delay: .2s;
    width: 65px;
    height: 65px;
    display: block;
    border: 1px solid #f0eef9;
    border-radius: 50%;
    background: #ffffff;
}
.single-service-style1:hover .text-holder .icon-box span:before{
    top: 30px;
    color: #ffffff;
}
.single-service-style1 .text-holder .text-box{}
.single-service-style1 .text-holder .text-box h3{
    margin: 0 0 18px;
    font-size: 20px;
}
.single-service-style1 .text-holder .text-box a h3{
    color: #222222;
    transition: all 500ms ease;
}

.single-service-style1 .text-holder .text-box p{
    line-height: 24px;
    margin: 0;
}



.single-service-style2{
    position: relative;
    display: block;
    width: 100%;
    border: 1px solid #f0eef9;
    padding: 24px 28px 22px;
    border-radius: 5px;
    transition: all 700ms ease;
}
.single-service-style2:hover{
    -webkit-box-shadow: 0px 2px 10px 3px #f0eef9;
    box-shadow: 0px 2px 10px 3px #f0eef9;
}

.single-service-style2 .inner{
    position: relative;
    display: block;
    padding-left: 95px;
}
.single-service-style2 .icon-box,
.single-service-style2 .sppb-img-container{
    position: absolute;
    top: 5px;
    left: 0;
    width: 70px;
    height: 120px;
    text-align: center;
    z-index: 1;
    transition: all 500ms ease;
    transition-delay: .3s;
}
.single-service-style2 .icon-box:before,
.single-service-style2 .sppb-img-container::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 40px;
    height: 120px;
    border: 4px solid #f8f7ff;
    content: "";
    z-index: -1;
    margin: 0 auto;
    opacity: 0;
    transition: all 500ms ease;
}
.single-service-style2:hover .icon-box:before,
.single-service-style2:hover .sppb-img-container::before{
    opacity: 1;
}
.single-service-style2 .icon-box span:before{
    position: relative;
    top: 0;
    color: #1EA65B;
    font-size: 65px;
    line-height: 65px;
    transition: all 500ms ease;
    transition-delay: .2s;
}
.single-service-style2:hover .icon-box span:before{
    top: 25px;
}
.single-service-style2 .text-box{

}
.single-service-style2 .text-box h3{
    margin: 0 0 9px;
    font-weight: 500;
}
.single-service-style2 .text-box p{
    line-height: 24px;
    margin: 0;
}

.sppb-modal-selector span {
    display: inline-block;
    line-height: 1;
    padding: 25px;
    background-color: #ffffff;
    border-radius: 92px;
}


.single-info-of-company{
    position: relative;
    display: block;
    overflow: hidden;
    max-width: 370px;
    width: 100%;
    border-radius: 5px;
}

.single-info-of-company .icon-holder{
    padding: 36px 36px 36px 18px;
    float: left;
}
.single-info-of-company .icon-holder span:before {
    font-size: 35px;
    line-height: 35px;
    display: block;
}

.single-info-of-company .title-holder {
    position: relative;
    display: block;
    padding-left: 15px;
    margin: 26px 0 25px;
}
.single-info-of-company .title-holder h3{
    font-size: 18px;
    margin: 0 0 7px;
}
.single-info-of-company .title-holder span{}

.single-info-of-company .sppb-media-content{
    padding: 26px;
}
.single-info-of-company .sppb-media-content .sppb-addon-text p{
  margin: 0px;
}

.sp-simpleportfolio {
  margin: -15px;
}
.carousel-inner{
  margin:15px !important;
}


/***
=============================================
  Home page Projects Slider
=============================================
***/

.single-project-style1{
    position: relative;
    display: block;
}
.single-project-style1 .img-holder{
    position: relative;
    display: block;
    overflow: hidden;
}
.single-project-style1 .img-holder img{
    width: 100%;
    transition: all 500ms ease;
}
.single-project-style1:hover .img-holder img {
	transform: scale(1.1);
}
.single-project-style1 .overlay-content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 500ms ease;
    transition-delay: .3s;
    opacity: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+36,1e5799+40,1e5799+40,1e5799+40,1e5799+42,1e5799+42,1e5799+49,0b0722+72&0+35,0.67+71,1+100 */
    background: -moz-linear-gradient(top, rgba(30,87,153,0) 35%, rgba(30,87,153,0.02) 36%, rgba(30,87,153,0.09) 40%, rgba(30,87,153,0.13) 42%, rgba(30,87,153,0.26) 49%, rgba(12,10,39,0.67) 71%, rgba(11,7,34,0.68) 72%, rgba(11,7,34,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(30,87,153,0) 35%,rgba(30,87,153,0.02) 36%,rgba(30,87,153,0.09) 40%,rgba(30,87,153,0.13) 42%,rgba(30,87,153,0.26) 49%,rgba(12,10,39,0.67) 71%,rgba(11,7,34,0.68) 72%,rgba(11,7,34,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(30,87,153,0) 35%,rgba(30,87,153,0.02) 36%,rgba(30,87,153,0.09) 40%,rgba(30,87,153,0.13) 42%,rgba(30,87,153,0.26) 49%,rgba(12,10,39,0.67) 71%,rgba(11,7,34,0.68) 72%,rgba(11,7,34,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#0b0722',GradientType=0 ); /* IE6-9 */
}
.single-project-style1:hover .overlay-content{
    opacity: 1;
}
.single-project-style1 .overlay-content .project-details {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 30px 32px;
    transition: all 700ms ease;
    transition-delay: .6s;
    opacity: 0;
    transform-style: preserve-3d;
    transform: perspective(1200px) rotateX(-90deg) translateZ(-51px);
}
.single-project-style1:hover .overlay-content .project-details {
	-webkit-transform: perspective(1200px) rotateX(0deg) translateZ(0px);
	-moz-transform: perspective(1200px) rotateX(0deg) translateZ(0px);
	transform: perspective(1200px) rotateX(0deg) translateZ(0px);
	opacity: 1;
	transition-delay: 0.2s;
}
.single-project-style1 .project-details .left{
    display: block;
}
.single-project-style1 .project-details .left h5 a{
    color: #ffffff;
    margin: 0 0 3px;
}
.single-project-style1 .project-details .left span{
    text-transform: capitalize;
}
.single-project-style1 .project-details .right {
    margin: 11px 0;
}
.single-project-style1 .project-details .right a {
    line-height: 15px;
    display: block;
}
.single-project-style1 .project-details .right a span:before{
    font-size: 32px;
    line-height: 32px;
}
.jb-carousel-nav {
  position: absolute;
  right: 460px;
  top: -101px;
  margin: 0;
}
.jb-slider .carousel-control-next,
.jb-slider .carousel-control-prev{
  background: transparent;
  position: relative;
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  height: 45px;
  width: 45px;
  line-height: 42px;
  margin: 0;
  padding: 0;
  border: 1px solid #302c4a;
  transition: all 700ms ease 0s;
  border-radius: 50%;
  display:inline-block;
}


.jb-slider .carousel-control-next .carousel-control-prev-icon,
.jb-slider .carousel-control-prev .carousel-control-prev-icon,
.jb-slider .carousel-control-next .carousel-control-next-icon,
.jb-slider .carousel-control-prev .carousel-control-next-icon {
  background-image: none;
  position: relative;
}

.jb-slider .carousel-control-next:hover,
.jb-slider .carousel-control-prev:hover {
  color: #161616;
}

.jb-icons{
  position: relative;
}
.jb-icons .sppb-icon-inner::before{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 40px;
  height: 95px;
  border: 4px solid #f0eef9;
  content: "";
  z-index: -1;
  margin: 0 auto;
  opacity: 1;
  transition: all 500ms ease;
}


.single-blog-post {
    position: relative;
    display: block;
    margin-bottom: 52px;
}
.single-blog-post .img-holder {
    position: relative;
    display: block;
    overflow: hidden;
    transition: all 0.5s ease-in-out 0.6s;
}
.single-blog-post .img-holder::before {
    background: rgba(60, 55, 90, 0.85);
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    content: "";
    position: absolute;
    transition: all 0.5s ease-in-out 0s;
    transform-style: preserve-3d;
    transform: perspective(1200px) rotateX(45deg) translateZ(0px);
    z-index: 3;
    opacity: 0;
}
.single-blog-post:hover .img-holder::before{
	transform: perspective(1200px) rotateX(0deg) translateZ(0px);
	transition-delay: 0.1s;
    opacity: 1;
}
.single-blog-post .img-holder img {
    transition: all 0.5s ease-in-out 0.6s;
    width: 100%;
}
.single-blog-post:hover .img-holder img {
    transform: scale(1.2, 1.2);
}
.single-blog-post .post-date {
    position: absolute;
    top: 10px;
    left: 10px;
    text-align: center;
    z-index: 3;
    color:#fff;
    padding: 5px 10px;
    transition: all 0.8s ease-in-out 0.8s;
}

.single-blog-post .post-date h3 {
    display: block;
    padding: 13px 10px;
    color: #ffffff;
    line-height: 22px;
}
.single-blog-post .text-holder {
    position: relative;
    display: block;
    padding: 25px 0px 0px;
}
.single-blog-post .text-holder .blog-title {
    position: relative;
    display: block;
    font-size: 22px;
    line-height: 30px;
}
.single-blog-post .text-holder .blog-title a{
    color: #393939;
    transition: all 500ms ease;
}

.single-blog-post .text-holder .sppb-article-introtext{
    display: block;
    margin: 0 0 16px;
}

.single-blog-post .text-holder a.sppb-readmore{
  font-size: 18px;
  font-weight: 400;
  color: #222;
}


.heading-right .sppb-title-subheading{
  max-width: 65% !important;
}


.contact-info .single-info-of-company .sppb-media-content{
  padding: 0px;
}
.contact-info .single-info-of-company{
  padding: 10px 0;
}


/***
=============================================
  Ajax Contact Form
=============================================
***/

.sppb-ajaxt-contact-form .sppb-form-group input{
  position: relative;
  display: block;
  width: 100%;
  height: 55px;
  border: 1px solid #f0eef9;
  padding: 0 20px;
  color: #868298;
  font-size: 16px;
  font-weight: 400;
  border-radius: 5px;
  transition: all 500ms ease;
}
.sppb-ajaxt-contact-form .sppb-form-group textarea{
  border: 1px solid #f0eef9;
}

/***
=============================================
  Clients Logo
=============================================
***/

.sppb-addon-clients img{
  border: 1px solid #f0eef9;
}

.sppb-addon-optin-forms,
.sppb-addon-optin-forms .sppb-optin-form-details-wrap:not(:empty){
  padding: 0px !important;
}

.sppb-optin-form-content .sppb-form-control{
  position: relative;
  display: block;
  background-color: #1e1b31 !important;
  border: 1px solid #26223b !important;
  color: #868298 !important;
  font-size: 16px;
  font-weight: 400;
  width: 100%;
  height: 60px !important;
  margin-bottom: 0px;
  padding: 0 20px;
  padding-right: 60px;
  transition: all 500ms ease;
}
.button-wrap .sppb-btn{
  background: transparent !important;
  border: none !important;
  height: 60px !important;
  color:#868298 !important;
}



/***
=============================================
  Footer
=============================================
***/

#sp-bottom{
  padding: 100px 0 0px;
}
#sp-bottom{
  color: #d9d7e8;
  line-height: 28px;
  margin: 0;
  font-size: 16px;
}
#sp-bottom .sp-module .menu > li > a{
  color: #d9d7e8;
  padding-left: 18px;
}
#sp-bottom .sp-module ul > li{
  position: relative;
}
#sp-bottom .sp-module .menu > li > a:before {
  position: absolute;
  top: 12px;
  left: 0px;
  bottom: 0;
  right: auto;
  width: 7px;
  height: 7px;
  background: #3c3758;
  border-radius: 50%;
  content: "";
  margin: 0;
  opacity: 1;
  transform: scale(1);
  transition: all 500ms ease;
}


#sp-bottom{
  background: #1a172c;
  color: #d9d7e8;
}

#sp-bottom .sp-module .sp-module-title{
  font-size: 20px;
  line-height: 20px;
  font-weight: 500;
  text-transform: capitalize;
}

#sp-footer{
  background:#26223b;
}
#sp-footer .container-inner{
  border:none;
}
.sp-copyright{
  color: #d9d7e8;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  line-height: 22px;
}
#sp-footer a{
  color:#d9d7e8;
  font-size: 16px;
}
#sp-footer ul.menu li{
  position: relative;
  margin-right: 20px;
  padding-right: 20px;
}
#sp-footer ul.menu li::before{
  position: absolute;
  top: 12px;
  right: -2px;
  width: 5px;
  height: 5px;
  background: #494465;
  border-radius: 50%;
  content: "";
  transition: all 500ms ease;
  transition-delay: .1s;
}
#sp-footer ul.menu li:last-child:before{
    display: none;
}
#sp-footer ul.menu li:last-child{
    margin-right: 0;
    padding-right: 0;
}

.sp-scroll-up{
    border-radius: 50%;
    bottom: 25px;
    color: #ffffff;
    cursor: pointer;
    display: none;
    font-size: 25px;
    font-weight: normal;
    height: 55px;
    line-height: 56px;
    position: fixed;
    right: 15px;
    text-align: center;
    transition: all 500ms ease 0s;
    width: 55px;
    z-index: 99999999;
    box-shadow: 0px 8px 23px -6px rgba(27,27,27,1);
}

.service-sidebar{
  position: relative;
  display: block;
  border: 1px solid #f0eef9;
  padding: 38px 30px 40px;
  margin-bottom: 50px;
}
.service-sidebar .sppb-addon-title{
  color: #222222;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  text-transform: capitalize;
  padding-bottom: 27px;
}
.service-sidebar .menu{
    display: block;
    padding: 0px;
    margin: 0px;
}
.service-sidebar .menu li{
    position: relative;
    display: block;
    margin-bottom: 10px;
    z-index: 5;
}
.service-sidebar .menu li:last-child{
    margin-bottom: 0;
}
.service-sidebar .menu li:before {
    position: absolute;
    top: 0;
    left: -30px;
    right: -30px;
    height: 1px;
    background: #f0eef9;
    content: "";
    z-index: 3;
    transition: all 500ms ease;
    transition-delay: .2s;
    opacity: 0;
}
.service-sidebar .menu li:after {
    position: absolute;
    bottom: 0;
    left: -30px;
    right: -30px;
    height: 1px;
    background: #f0eef9;
    content: "";
    z-index: 3;
    transition: all 500ms ease;
    transition-delay: .2s;
    opacity: 0;
}
.service-sidebar .menu li:hover:before,
.service-sidebar .menu li.active:before{
    opacity: 1;
}
.service-sidebar .menu li:hover:after,
.service-sidebar .menu li.active:after{
    opacity: 1;
}

.service-sidebar .menu li a{
    position: relative;
    display: block;
    background: #f8f7ff;
    border: 1px solid #f0eef9;
    padding: 14px 20px 13px;
    color: #868298;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    transition: all 500ms ease;
    transition-delay: .2s;
}
.service-sidebar .menu li a:hover,
.service-sidebar .menu li.active a{
    background: #ffffff;
    padding-left: 35px;
    color: #222222;
    border: 1px solid transparent;
}
.service-sidebar .menu li a:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    font-family: 'icomoon';
    content: "\e9b3";
    font-size: 16px;
    line-height: 16px;
    margin: 19px 0;
    transition: all 500ms ease;
    transition-delay: .1s;
    opacity: 0;
    transform: scale(0)
}
.service-sidebar .menu li a:hover:before,
.service-sidebar .menu li.active a:before{
    opacity: 1;
    transform: scale(1)
}



.service-sidebar .our-brochures {
    position: relative;
    display: block;
    padding: 0px;
}
.service-sidebar .our-brochures li {
    position: relative;
    display: block;
    border: 1px solid #f0eef9;
    padding: 13px 60px 12px;
    padding-right: 0;
    margin-bottom: 20px;
    transition: all 500ms ease;
}
.service-sidebar .our-brochures li:hover{
    -webkit-box-shadow: 0px 2px 10px 3px #f0eef9;
    box-shadow: 0px 2px 10px 3px #f0eef9;
}
.service-sidebar .our-brochures li:last-child{
    margin-bottom: 0;
}
.service-sidebar .our-brochures li .icon-holder {
    position: absolute;
    top: 27px;
    left: 19px;
    margin: 0;
}
.service-sidebar .our-brochures li .icon-holder span:before{
    color: #1EA65B;
    font-size: 25px;
    line-height: 25px;
}
.service-sidebar .our-brochures li .title-holder{}
.service-sidebar .our-brochures li .title-holder h3 {
    color: #222222;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 0 0 2px;
}
.service-sidebar .our-brochures li .title-holder h3 span{
    color: #868298;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
}
.service-sidebar .our-brochures li .title-holder a{
    color: #868298;
}
.service-sidebar .our-brochures li .title-holder a span:before{
    transform: scale(0);
    transition: all 500ms ease;
}
.service-sidebar .our-brochures li .title-holder a:hover span:before{
    transform: scale(1.0);
}



/***
=============================================
  Mission & Vision Tab
=============================================
***/

.mission-vision-tab-box .sppb-nav-pills > li.active > a{
  background:transparent !important;
  color:#fff !important
}
.mission-vision-tab-box .sppb-nav-pills li a{
  font-size:18px;
  padding-left: 40px;
}
.mission-vision-tab-box .sppb-nav-pills li a .sppb-tab-icon i{
  font-size: 30px;
  position: absolute;
  top: 22px;
  left: 0;
}
.mission-vision-tab-box .sec-title .title span {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    position: relative;
}

.mission-vision-tab-box .sec-title .title span:before {
    position: absolute;
    left: 0;
    bottom: -13px;
    width: 100%;
    height: 1px;
    background: #f2f1f9;
    content: "";
}
.mission-vision-tab-box .sec-title .title span:after{
    position: absolute;
    left: 0;
    bottom: -13px;
    width: 60px;
    height: 1px;
    content: "";
}
.mission-vision-tab-box .inner-content h2 {
    color: #ffffff;
    font-size: 24px;
    line-height: 30px;
    margin: 30px 0 20px;
}
.mission-vision-tab-box .inner-content p {
    color: #ffffff;
    margin: 0;
}
.col-with-control{
  width: 580px;
}


/***
=============================================
  Team section
=============================================
***/



.single-team-member {
    position: relative;
    display: block;
    margin-bottom: 40px;
    transition: all 500ms ease;
}
.single-team-member .img-holder {
    position: relative;
    display: block;
    overflow: hidden;
    border-bottom: 3px solid #1EA65B;
    transition: all 0.4s ease-in-out 0s;
}
.single-team-member .img-holder::before {
    background: rgba(60, 55, 90, 0.85);
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    content: "";
    opacity: 0;
    position: absolute;
    z-index: 1;
    transition: all 0.4s ease-in-out 0s;
}
.single-team-member:hover .img-holder::before{
    opacity: 1;
}
.single-team-member .img-holder img{
    width: 100%;
    transition: all 0.4s ease-in-out 0s;
}
.single-team-member:hover .img-holder img{
	transform: translateX(0%) translateY(0px) scale(1.0);
}

.single-team-member .name {
    position: relative;
    display: block;
    background: #ffffff;
    padding: 19px 0 0;
    z-index: 1;
    transform: translateX(0%) translateY(0px) scale(1.0);
    transition: all 500ms ease;
    transition-delay: .4s;
}
.single-team-member:hover .name{
    transform: translateX(0%) translateY(0px) scale(0);
}

.single-team-member .name.overlay-content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -75px;
    display: block;
    z-index: 3;
    padding: 24px 0px 5px;
    background: #ffffff;
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
    border-top-width: 3px;
    border-top-style: solid;
    -webkit-box-shadow: 0px 3px 6px 1px #f5f5f5;
    box-shadow: 0px 3px 6px 1px #f5f5f5;
    margin: 0;
}
.single-team-member:hover .name.overlay-content{
    opacity: 1;
    transform: translateX(0%) translateY(-77px) scale(1);
}

.single-team-member .name h3{
    display: block;
    color: #222222;
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 8px;
    transition: all 500ms ease;
    transition-delay: .4s;
}
.single-team-member .name p{
    margin: 0;
    line-height: 14px;
}

.single-team-member .sociallinks-style-one {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 15px 0 20px;
}
.single-team-member .sociallinks-style-one ul{
    text-align: center;
}
.single-team-member .sociallinks-style-one li {
    display: inline-block;
    float: none;
    margin-right: 0px;
    margin: 0 7px;
    line-height: 30px;
}

.sociallinks-style-one li a i{
    color: #9491a2;
    font-size: 15px;
    font-weight: 400;
    transition: all 500ms ease;
}
.sociallinks-style-one li a:hover i{
    color: #1EA65B;
}


.single-certifications {
    display: block;
    max-width: 170px;
    width: 100%;
    margin: 0 auto;
    background: #1EA65B;
    border: 1px solid #4e4a6d;
    text-align: center;
    padding: 30px 0 23px;
    transition: all 900ms ease;
}
.single-certifications .icon{
    display: block;
    padding: 0 0 21px;
}
.single-certifications .icon span:before{
    color: #ffffff;
    font-size: 75px;
    line-height: 75px;
    transition: all 900ms ease;
    transition-delay: .3s;
}
.single-certifications .title{
    display: block;
}
.single-certifications .title h3{
    color: #ffffff;
    font-size: 18px;
    text-transform: uppercase;
    transition: all 900ms ease;
    transition-delay: .5s;
}


/***
=============================================
  Testimonial
=============================================
***/


.sppb-carousel-extended-item{
  border: 1px solid #f0eef9;
  padding: 32px 35px 39px;
  border-radius: 7px;
}
.sppb-testimonial-carousel-designation{
  margin-bottom: 32px;
}


/***
=============================================
  Portfolio
=============================================
***/

.sp-simpleportfolio-filter {
  text-align: center;
}
.sp-simpleportfolio-filter .active a {
  background: transparent !important;
  border-radius: 0px !important;
  transition: .5s ease;
}
.sp-simpleportfolio-filter ul {
  padding: 0 20px !important;
  background: #f7f7f7;
}
.sp-simpleportfolio-filter li a {
  color: #222;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  text-transform: uppercase;
  display: block;
  padding: 18px 18px 16px !important;
  border-bottom: 2px solid #f7f7f7;
  background: transparent !important;
  outline: none;
  transition: .5s ease;
}
.sp-simpleportfolio-filter li a:hover {
  background: transparent !important;
  border-radius: 0px !important;
  transition: .5s ease;
}

/***
=============================================
  Portfolio Single page
=============================================
***/

.sp-simpleportfolio .sp-simpleportfolio-image{
  margin-bottom: 0px;
}
.sp-simpleportfolio .sp-simpleportfolio-description{
  width:100%;
  margin-top:30px;
}
.sp-simpleportfolio .sp-simpleportfolio-description h2{
  color: #222;
  margin:0 0 20px;
}

.sp-simpleportfolio .sp-simpleportfolio-description h4{
  color: #222;
  margin-bottom: 10px;
  font-size: 18px;
}
.sp-simpleportfolio .sp-simpleportfolio-description ul{
    padding: 0px;
}
.sp-simpleportfolio .sp-simpleportfolio-description ul li{
  position: relative;
  display: block;
  padding-left: 30px;
  line-height: 40px;
}
.sp-simpleportfolio .sp-simpleportfolio-description ul li::before{
  position: absolute;
  top: 10px;
  left: 0;
  content: "\e905";
  font-family: 'icomoon';
  font-size: 20px;
  line-height: 20px;
}

.sp-simpleportfolio-meta{
  border:1px solid #f0eef9;
  padding: 30px;
  text-transform: capitalize;
}
.sp-simpleportfolio .sp-simpleportfolio-meta h4{
  color: #222;
  margin:0 0 30px;
  font-size: 18px;
}

/***
=============================================
  Blog List view
=============================================
***/


.article-list .article{
  border:none;
  padding: 0px;
}
.article-list .article .img-holder .article-intro-image{
  margin: 0px;
}

.article-list .article .article-header h2{
    font-size: 22px;
    line-height: 30px;
}
.article-list .article .article-header h2 a{
  color:#222;
}

/***
=============================================
  Blog Sidebar
=============================================
***/


#sp-left .sp-module .sp-module-title,
#sp-right .sp-module .sp-module-title {
  font-size: 20px;
  text-transform: capitalize;
  font-weight: 700;
  position: relative;
  color: #222222;
  border:none;
}
#sp-left .sp-module .sp-module-title::before,
#sp-right .sp-module .sp-module-title::before{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: #f2f1f9;
  content: "";
  z-index: 10;
}
#sp-left .sp-module .sp-module-title::after,
#sp-right .sp-module .sp-module-title::after{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 1px;
  content: "";
  z-index: 10;
}

#sp-left .sp-module .sp-module-content ul li a,
#sp-right .sp-module .sp-module-content ul li a,
#sp-left .sp-module .sp-module-content .latestnews a,
#sp-right .sp-module .sp-module-content .latestnews a {
  position: relative;
  display: block;
  color: #868298;
  font-size: 16px;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
  padding-left: 30px;
}
#sp-left .sp-module .sp-module-content ul li a::before,
#sp-right .sp-module .sp-module-content ul li a::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 7px;
  height: 7px;
  background: #868298;
  content: "";
  margin: 7px 0;
}
#sp-left .sp-module .sp-module-content ul li a::after,
#sp-right .sp-module .sp-module-content ul li a::after {
  position: absolute;
  top: 0;
  left: 7px;
  width: 7px;
  height: 7px;
  background: #b8b5c4;
  content: "";
  margin: 7px 0;
}
.sp-module .latestnews > div {
  border: medium none;
  display: table;
  margin: 0 0 30px;
  padding: 0;
  width: 100%;
}
.sp-module .latestnews > div:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.sp-module .latestnews > div > a {
  display: block;
  font-weight: 400;
}

.archive-module,
.categories-module,
.category-module,
.form-links,
.latestnews,
.list-striped,
.mostread,
.newsflash-horiz {
  list-style: none;
  padding: 0;
  margin: 0;
}
.archive-module li,
.categories-module li,
.category-module li,
.form-links li,
.latestnews li,
.list-striped li,
.mostread li,
.newsflash-horiz li {
  padding: 10px 0;
}
.archive-module li h4,
.categories-module li h4,
.category-module li h4,
.form-links li h4,
.latestnews li h4,
.list-striped li h4,
.mostread li h4,
.newsflash-horiz li h4 {
  margin: 5px 0;
}
#sp-left .sp-module .sp-module-content .latestnews > div,
#sp-right .sp-module .sp-module-content .latestnews > div {
  display: table;
  width: 100%;
  padding: 20px 0;
}
#sp-left .sp-module .sp-module-content .latestnews .article-list-img,
#sp-right .sp-module .sp-module-content .latestnews .article-list-img {
  width: 55px;
}
#sp-left .sp-module .sp-module-content .latestnews .article-list-img img,
#sp-right .sp-module .sp-module-content .latestnews .article-list-img img {
  width: 55px;
  height: 55px;
  border-radius: 50%;
}
#sp-left .sp-module .sp-module-content .latestnews a,
#sp-right .sp-module .sp-module-content .latestnews a {
  float: left;
  padding-left: 12px;
  width: 250px;
}


.article-details .article-header h1,
.article-details .article-header h2{
  font-size: 30px;
  line-height: 42px;
  margin: 0 0 20px;
  color:#222;
}
.article-details{
    position: relative;
    display: block;
    margin: 0;
    border: 1px solid #f0eef9;
    padding: 30px;
    border-radius: 5px;
    background: #ffffff;
    z-index: 99;
}
.article-header-wrap{
  position: relative;
}
.article-header-wrap .article-share {
  position: absolute;
  top: 50%;
  left: -124px;
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}
.article-header-wrap .article-share .social-icon-title {
  font-size: 14px;
  font-weight: 500;
  color: rgba(69, 69, 69, .5);
  float: left;
  margin-right: 20px;
}
.article-social-share .social-share-icon ul {
  padding: 0;
  list-style: none;
  margin: 0;
  float: left;
}
.article-social-share .social-share-icon ul li {
  transform: rotate(-90deg);
  display: inline-block;
}
.article-social-share .social-share-icon ul li:not(:last-child) {
  margin-right: 20px;
}
.article-social-share .social-share-icon ul li a {
  position: relative;
  display: block;
  width: 45px;
  height: 45px;
  background: #ffffff;
  border: 1px solid #f0eef9;
  border-radius: 50%;
  color: #868298;
  font-size: 14px;
  line-height: 44px;
  text-align: center;
  transition: all 500ms ease 0s;
}


/***
=============================================
  J2store Top Filter
=============================================
***/

.j2store-product-list .form-inline {
  margin-bottom: 20px;
}
.j2store-product-list .form-inline .btn{
  margin-left:5px;
  border-radius: 3px;
}
.j2store-product-list .form-inline .j2store-product-search-input,
.j2store-product-list .form-inline select {
  width: 25% !important;
  height:48px;
  float: left;
  border: 2px solid #f5f5f5;
  border-radius: 0;
}
.j2store-product-list .form-inline select {
  width: auto;
  position: absolute;
  right: 10px;
}


/***
=============================================
  J2store Left Filter
=============================================
***/

.j2store-sidebar-filters-container{
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  padding: 20px 20px 0px 20px;
  display:inline-table;
}

.j2store-product-list .j2store-sidebar-filters-container .j2store-product-filters {
  padding: 30px 35px;
  margin: 0 -20px;
  border-bottom: 2px solid #f0f0f0;
}
.j2store-product-list .j2store-sidebar-filters-container h4.product-filter-heading {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 30px;
  display: block;
}
.j2store-product-list .j2store-sidebar-filters-container .ui-slider {
  height: 2px !important;
  background-color: #e5e5e5 !important;
}
.j2store-product-list .j2store-sidebar-filters-container .ui-slider .ui-slider-range {
  height: 2px !important;
  background-color: #e5e5e5 !important;
}
.j2store-product-list .j2store-sidebar-filters-container .ui-slider a.ui-slider-handle {
  width: 15px !important;
  height: 15px !important;
  top: -7px !important;
}
.j2store-product-list .j2store-sidebar-filters-container .price-input-box .price-wrap span#min_price, .j2store-product-list .j2store-sidebar-filters-container .price-input-box .price-wrap span#max_price {
  display: none;
}
.j2store-product-list .j2store-sidebar-filters-container .price-input-box .btn-success {
  margin-top: 15px;
  padding: 10px 22px;
  background-color: transparent;
  color: #7c7c7c;
  border: solid 1px #e5e5e5;
  font-size: 14px;
  text-transform: uppercase;

}
.j2store-product-list .j2store-sidebar-filters-container .price-input-box .btn-success:hover {
  color: #fff;
  border: solid 1px transparent;
}
.j2store-product-list .j2store-sidebar-filters-container .j2store-category-list {
  display: block;
}
.j2store-product-list .j2store-sidebar-filters-container .j2store-category-list li.j2product-categories {
  margin-bottom: 20px;
}
.j2store-product-list .j2store-sidebar-filters-container .j2store-category-list li.j2product-categories:last-child {
  margin-bottom: 0;
}
.j2store-product-list .j2store-sidebar-filters-container .j2store-category-list li.j2product-categories a {
  color:#868298;
  padding: 5px 0px;
  font-size: 16px;
  text-transform: capitalize;
  position: relative;
}
.j2store-product-list .j2store-sidebar-filters-container .j2store-category-list li.j2product-categories a:before {
  background: #f9f9f9;
  content: '';
  height: 15px;
  width: 15px;
  border: 1px solid #ddd;
  display: inline-block;
  position: relative;
  top: 5px;
  margin-right: 10px;
  border-radius: 12px;
}
.j2store-product-list .j2store-sidebar-filters-container .j2store-category-list li.j2product-categories a:hover, .j2store-product-list .j2store-sidebar-filters-container .j2store-category-list li.j2product-categories a:focus {
  background: transparent;
}
.j2store-product-list .j2store-sidebar-filters-container .j2store-category-list li.j2product-categories.active a {
  background: transparent;
}
.j2store-product-list .j2store-sidebar-filters-container .j2store-category-list li.j2product-categories.active a:after {
  font-family: FontAwesome;
  content: '\f111';
  position: absolute;
  left: 3.5px;
  top: 5px;
  font-size: 10px;
}
.j2store-product-list .j2store-sidebar-filters-container .j2store-category-list li.j2product-categories.active a:before {
  border-width:  1px;
  border-style: solid;
  border-radius: 12px;
}
.j2store-product-list .j2store-sidebar-filters-container .manufacturer-filters .j2store-product-brand-label, .j2store-product-list .j2store-sidebar-filters-container .productfilters-list .j2store-product-brand-label, .j2store-product-list .j2store-sidebar-filters-container .manufacturer-filters .j2store-productfilter-label, .j2store-product-list .j2store-sidebar-filters-container .productfilters-list .j2store-productfilter-label {
  display: block;
  position: relative;
  margin-bottom: 0;
  text-transform: capitalize;
}
.j2store-product-list .j2store-sidebar-filters-container .manufacturer-filters .j2store-brand-checkboxes, .j2store-product-list .j2store-sidebar-filters-container .productfilters-list .j2store-brand-checkboxes, .j2store-product-list .j2store-sidebar-filters-container .manufacturer-filters .j2store-pfilter-checkboxes-filter-by-gender_1, .j2store-product-list .j2store-sidebar-filters-container .productfilters-list .j2store-pfilter-checkboxes-filter-by-gender_1 {
  position: relative;
  top: 21px;
  z-index: 1;
  opacity: 0;
}
.j2store-product-list .j2store-sidebar-filters-container .manufacturer-filters .j2store-product-brand-label:before, .j2store-product-list .j2store-sidebar-filters-container .productfilters-list .j2store-product-brand-label:before, .j2store-product-list .j2store-sidebar-filters-container .manufacturer-filters .j2store-productfilter-label:before, .j2store-product-list .j2store-sidebar-filters-container .productfilters-list .j2store-productfilter-label:before {
  content: '';
  background: #f9f9f9;
  height: 15px;
  width: 15px;
  border: 1px solid #ddd;
  display: inline-block;
  position: relative;
  top: 4px;
  margin-right: 10px;
  border-radius: 2px;
}
.j2store-product-list .j2store-sidebar-filters-container .manufacturer-filters .j2store-product-brand-label:after, .j2store-product-list .j2store-sidebar-filters-container .productfilters-list .j2store-product-brand-label:after, .j2store-product-list .j2store-sidebar-filters-container .manufacturer-filters .j2store-productfilter-label:after, .j2store-product-list .j2store-sidebar-filters-container .productfilters-list .j2store-productfilter-label:after {
  font-family: FontAwesome;
  content: '\f00c';
  position: absolute;
  left: 3px;
  top: 7px;
  font-size: 10px;
  opacity: 0;
}
.j2store-product-list .j2store-sidebar-filters-container .manufacturer-filters input:checked + label:after, .j2store-product-list .j2store-sidebar-filters-container .productfilters-list input:checked + label:after {
  opacity: 1;
  top: 4px;
}
.j2store-product-list .j2store-sidebar-filters-container .manufacturer-filters .j2store-product-brand-title, .j2store-product-list .j2store-sidebar-filters-container .productfilters-list .j2store-product-brand-title {
  line-height: 1;
}
.j2store-product-list .j2store-sidebar-filters-container .manufacturer-filters .j2store-product-brand-title span a, .j2store-product-list .j2store-sidebar-filters-container .productfilters-list .j2store-product-brand-title span a {
  display: inline-block;
  margin-bottom: 10px;
}
.j2store-product-list .j2store-sidebar-filters-container .manufacturer-filters .control-group, .j2store-product-list .j2store-sidebar-filters-container .productfilters-list .control-group {
  margin-bottom: 0;
}


.single-shop-item {
  margin-bottom: 25px;
  transition:all 700ms ease;
  text-align: center;
}
.single-shop-item:hover {

}
.single-shop-item .img-holder{
  position: relative;
  overflow: hidden;
  display: block;
}
.single-shop-item .img-holder img{
  transform: scale(1);
  transition: all 0.5s ease 0s;
  width: 100%;
}

.single-shop-item .img-holder .discount-percentage,
.single-shop-item .title-holder .discount-percentage{
  position: absolute;
  display:inline-table;
  left: 10px;
  right: 10px;
  top: 10px;
  bottom: 10px;
  z-index: 3;
  margin-bottom: 5px;
  padding: 5px 12px;
  height: 24px;
  border-radius: 12px;
  color:#fff;
  font-weight: 600;
  font-size: 11px;
  line-height: 15px;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  pointer-events: none;
}
.single-shop-item .title-holder .discount-percentage{
  left:25px !important;
}


.single-shop-item:hover .img-holder .overlay{
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: rotateY(0deg) scale(1,1);
  transform: rotateY(0deg) scale(1,1);
}
.single-shop-item:hover .img-holder img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.single-shop-item .img-holder .new-item {
  border: 2px solid #252525;
  display: inline-block;
  left: 20px;
  padding: 3px 12px 3px;
  position: absolute;
  top: 20px;
  z-index: 1;
}

.title-holder{
  margin-top:20px;
}


.single-shop-item .title-holder .top .product-title h5 {
  font-weight: normal;
  line-height: 30px;
  font-size: 18px;
  text-transform: capitalize;
}

.single-shop-item .title-holder .product-title a{
  color:#333;
}

/* Overlay styles */
.overlay{
  background-color: rgba(0,0,0, .30);
  text-align: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 450ms ease-out 0s;
  transition: all 450ms ease-out 0s;
  -webkit-transform: rotateY(180deg) scale(0.5,0.5);
  transform: rotateY(180deg) scale(0.5,0.5);
}
.overlay .box{
  display: table;
  height: 100%;
  width: 100%;
}
.overlay .box .content{
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}


.product-cart-left-block .product-price-container .strike {
  display: inline-block;
  font-size: 14px;
}
.product-cart-left-block .product-price-container .sale-price {
  display: inline;
  font-size: 20px;
  font-weight: normal;
  margin-left: 5px;
  color: #111;
  font-weight: 500;
}
.cart-action-complete{
  background:#222;
  padding: 5px;
  margin-bottom: 10px;
}
.cart-action-complete p{
  margin:0px;
}


/***
=============================================
  J2store Detail page
=============================================
***/


.j2store-single-product-view #sp-main-body {
  padding-top: 40px;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-view-back-button {
  margin-bottom: 60px;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-view-back-button .j2store-product-back-btn {
  background-color: transparent;
  border: 0;
  color: #333333;
  padding: 0;
  border-radius: 0;
  font-weight: 300;
  text-transform: uppercase;
}

.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-product-additional-images ul.additional-image-list {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-product-additional-images ul.additional-image-list li {
  display: block;
  padding: 5px;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-product-additional-images ul.additional-image-list li img {
  background: #f6f6f6;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-product-additional-images ul.additional-image-list li img:hover {

}
.j2store-single-product-view #sp-main-body .j2store-single-product .product-title {
  color: #333333;
  line-height: 35px;
  padding-bottom: 30px;
  border-bottom: solid 1px #e5e5e5;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .fashiony-product-price-wrap {
  display: flex;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .fashiony-product-price-wrap .fashiony-product-price-container {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 25px;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .fashiony-product-price-wrap .fashiony-product-price-container .strike {
  text-decoration: line-through;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .fashiony-product-price-wrap .fashiony-product-price-container .sale-price {
  font-size: 30px;
  font-weight: 700;
  margin-right: 10px;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .fashiony-product-price-wrap .fashiony-product-price-container .base-price {
  font-size: 18px;
  color: #7c7c7c;
  font-weight: 300;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .discount-percentage {
  display: none;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-addtocart-form {
  margin-top: 30px;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-addtocart-form .options .fashiony-option-color {
  display: block;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-addtocart-form .options .fashiony-option-color b {
  color: #7c7c7c;
  font-weight: 400;
  display: block;
  margin-bottom: 10px;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-addtocart-form .options .fashiony-option-color br {
  display: none;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-addtocart-form .options .fashiony-option-color input {
  display: none;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-addtocart-form .options .fashiony-option-color img {
  border: solid 1px transparent;
  display: inline-block;
  width: 50px;
  height: 50px;
  margin-right: 10px !important;
  border-radius: 5px;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-addtocart-form .options .fashiony-option-color img:last-child {
  margin-right: 0;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-addtocart-form .options .fashiony-option-color img:hover {
  cursor: pointer;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-addtocart-form .options .fashiony-option-color label span {
  display: none;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-addtocart-form .options .fashiony-option-color input:checked + label img {
  border: solid 1px #333333;
  border-radius: 5px;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-addtocart-form .options .fashiony-option-size b {
  color: #7c7c7c;
  font-weight: 400;
  display: block;
  margin-bottom: 20px;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-addtocart-form .options .fashiony-option-size br {
  display: none;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-addtocart-form .options .fashiony-option-size input {
  display: none;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-addtocart-form .options .fashiony-option-size label {
  font-size: 14px;
  font-weight: 500;
  margin-right: 20px;
  border: solid 1px #f1f1f1;
  padding: 10px;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-addtocart-form .options .fashiony-option-size label:hover {
  cursor: pointer;
}

.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-addtocart-form .j2store-add-to-cart {
  margin-left: 0;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-addtocart-form .j2store-add-to-cart .product-qty-wrap {
  display: block;
  margin-bottom: 30px;
  display: inline-block;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-addtocart-form .j2store-add-to-cart .product-qty-wrap span {
  margin-right: 15px;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-addtocart-form .j2store-add-to-cart .product-qty-wrap .product-qty input {
  text-align: right;
  width: 46px !important;
  height: 40px;
  border: solid 1px #e5e5e5;
}


.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-addtocart-form .product-wishlist {
  display: inline-block;
  margin-left: 10px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border: solid 1px #e5e5e5;
  border-radius: 5px;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-details-sdesc {
  margin: 30px 0;
  padding: 15px 0 0 0;
  border-top: solid 1px #e5e5e5;
  border-bottom: solid 1px #e5e5e5;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-details-sdesc .product-sdesc img {
  display: inline-block;
  margin-right: 15px;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-details-sdesc .product-sdesc a {
  color: #333333;
  text-decoration: underline;
  font-weight: 300;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-product-details-footer .j2-store-social-share {
  margin-bottom: 30px;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-product-details-footer .j2-store-social-share span {
  margin-right: 20px;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-product-details-footer .j2-store-social-share ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-product-details-footer .j2-store-social-share ul li {
  display: inline-block;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-product-details-footer .j2-store-social-share ul li a.facebook {
  color: #fff;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-product-details-footer .j2-store-social-share ul li a.facebook span {
  width: 30px;
  height: 30px;
  text-align: center;
  background-color: #3b5998;
  border-radius: 5px;
  line-height: 30px;
  margin-right: 10px;
}

.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-product-details-footer .product-sku, .j2store-single-product-view #sp-main-body .j2store-single-product .j2store-product-details-footer .manufacturer-brand {
  display: inline-block;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-product-details-footer .product-sku {
  margin-right: 20px;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-product-details-footer span.sku-text, .j2store-single-product-view #sp-main-body .j2store-single-product .j2store-product-details-footer span.brand-txt {
  font-weight: 300;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-product-details-footer span.sku, .j2store-single-product-view #sp-main-body .j2store-single-product .j2store-product-details-footer span.brand-name {
  color: #333333;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-product-details-tab {
  margin-top: 100px;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-product-details-tab .nav-tabs {
  padding-bottom: 14px;
  margin-bottom: 40px;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-product-details-tab .nav-tabs li {
  font-size: 21px;
  font-weight: bold;
  margin-right: 50px;
}
.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-product-details-tab .nav-tabs li a {
  color: #333333;
}

.j2store-single-product-view #sp-main-body .j2store-single-product .j2store-product-details-tab .nav-tabs li a.active {
  font-weight: bold;
  padding-bottom: 22px;
}

.share-title{
  text-align: right;
}
#j2store_app_shareButton,
.share-title h5{
  display: inline;
}
.share-title .app_socialmedia .fa{
  font-size:22px;
}
.app_socialmedia .fa-twitter-square{
  color:#00acee;
}
.app_socialmedia .fa-facebook-square{
  color:#3b5998;
}
.app_socialmedia .fa-pinterest-square{
  color:#c8232c;
}
.j2store-addtocart-form .options .option b{
  font-size:1.25rem;
}

.j2store-product-details-tab .nav-tabs .tab-content .fade:not(.show){
  opacity: 1;
}
.tab-content > .active{
  opacity: 1 !important;
}


.sppb-addon-form-builder-form .sppb-form-group label{
  display:none;
}
.sppb-addon-form-builder-form .sppb-form-group input,
.sppb-addon-form-builder-form .sppb-form-group select{
  border: 1px solid #f0eef9;
  width: 100%;
  height: 60px !important;
  font-size: 16px;
}
.sppb-addon-form-builder-form .sppb-form-group textarea{
  border: 1px solid #f0eef9;
}


.how-can-help-box {
    position: relative;
    display: block;
}

.how-can-help-box .inner-content{
    position: relative;
    display: block;
}
.how-can-help-box .inner-content ul {
    position: relative;
    display: block;
    overflow: hidden;
    margin-bottom: 46px;
    padding: 0px;
}
.how-can-help-box .inner-content ul li {
    position: relative;
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #e8e6f4;
    padding-bottom: 22px;
    margin-bottom: 24px;
}
.how-can-help-box .inner-content ul li:last-child{
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.how-can-help-box .inner-content ul li .left{
    position: relative;
    display: block;
    padding-left: 50px;
}
.how-can-help-box .inner-content ul li .left .icon {
    position: absolute;
    top: 7px;
    left: 0;
}
.how-can-help-box .inner-content ul li .left .icon span:before{
    color: #1EA65B;
    font-size: 45px;
    line-height: 45px;
}
.how-can-help-box .inner-content ul li .left .text{
    position: relative;
    display: block;
    padding-left: 27px;
}
.how-can-help-box .inner-content ul li .left .text h3{
    color: #222222;
    margin: 0 0 8px;
    font-size: 20px;
}
.how-can-help-box .inner-content ul li .left .text span{
    color: #868298;
}
.how-can-help-box .inner-content ul li .right {
    position: relative;
    display: block;
    line-height: 20px;
    margin: 17px 0;
}
.how-can-help-box .inner-content ul li .right i{
    color: #868298;
    font-size: 24px;
    transition: all 500ms ease;
    transform: perspective(0px) translateX(0px) rotate(0deg);
}
.how-can-help-box .inner-content ul li:hover .right i{
    transform: perspective(0px) translateX(-20px) rotate(0deg);
}

.single-branches-box{
    position: relative;
    display: block;
    border: 1px solid #f0eef9;
    border-radius: 6px;
    padding: 34px 39px 32px;
    padding-right: 30px;
    transition: all 900ms ease;
    transition-delay: .5s;
}
.single-branches-box .title-box{
    position: relative;
    display: block;
    padding-bottom: 15px;
}
.single-branches-box .title-box:before{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 1px;
    content: "";
}
.single-branches-box .title-box h3{
    display: block;
    text-transform: capitalize;
    font-size: 20px;
    color:#222;
}

.single-branches-box ul {
    position: relative;
    display: block;
    margin-top: 26px;
    padding: 0px;
}
.single-branches-box ul li{
    display: block;
    margin-bottom: 20px;
}
.single-branches-box ul li:last-child{
    margin-bottom: 0;
}
.single-branches-box ul li .title{
    display: block;
    margin-bottom: 7px;
}
.single-branches-box ul li .title h5{
    color: #222222;
    font-size: 16px;
    text-transform: uppercase;
}
.single-branches-box ul li .text{}
.single-branches-box ul li .text p{
    line-height: 24px;
    margin: 0;
}
.header-right .single-item .icon span.flaticon-clock::before{content:""; 
  position: relative;
    display: inline-block;
    top: 1px;
    left: 1px;
    font-size: 24px;
    line-height: 24px;
    font-weight: 600; height:32px; width:32px; background:url(../../../images/clock-icon.png) center no-repeat;}
.header-right .single-item .icon span.flaticon-flex::before{content:""; 
  position: relative;
    display: inline-block;
    top: 1px;
    left: 1px;
    font-size: 24px;
    line-height: 24px;
    font-weight: 600; height:32px; width:32px; background:url(../../../images/flex-icon.png) center no-repeat;}   
header.header-sticky #sp-call-to-action{position:relative;}    
header.header-sticky #sp-call-to-action:before{position:relative; content:""; height:74px; width:320px; clear:both; display:block; background:url(../../../images/imlogistica-logo-white.jpg) center 10px no-repeat;}