/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jan 30 2022 | 17:34:10 */
/*------------------------------------------------------------------------------*/
/* Hero Area - Update January 2022                                            */
/*------------------------------------------------------------------------------*/
.jm-heroarea-2021-v3 .row .col .col-inner #layerslider_1:after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  right: -30px;
  display: block;
  border: 4px solid #D02E26;
  border-color: transparent #D02E26 transparent transparent;
  border-radius: 50% !important;
}
/*------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------*/
/* Hero Area - Update September 2021                                            */
/*------------------------------------------------------------------------------*/
.jm-heroarea-2021 {
  width: 100%;
}

.jm-heroarea-2021 .section-content {
  background:url('https://www.ksf-global.com/wp-content/uploads/2021/10/funnel-bg-1.png');
  background-repeat: no-repeat;
  background-position: 100% 30%;
}

@media (min-width: 680px) and (max-width: 1200px) {
  .jm-heroarea-2021 .section-content,
  .jm-heroarea-2021-v2 .section-content {
    background: rgb(223,236,231);
	background: linear-gradient(90deg, rgba(223,236,231,1) 0%, rgba(255,255,255,1) 100%);
    background-repeat: no-repeat;
    background-position: 0 0;
  }  
}

.jm-heroarea-2021-v2,
.jm-heroarea-2021-v3 {
    background: rgb(223,236,231);
	background: linear-gradient(90deg, rgba(223,236,231,1) 0%, rgba(255,255,255,1) 100%);
    background-repeat: no-repeat;
    background-position: 0 0;
  	padding-top: 40px !important;
}

.jm-heroarea-2021 .row .col .col-inner .jm-heroarea-image,
.jm-heroarea-2021-v2 .row .col .col-inner .jm-heroarea-image{
  margin-left: -20px;
}

.jm-heroarea-2021 .row .col .col-inner .jm-heroarea-image:after,
.jm-heroarea-2021-v2 .row .col .col-inner .jm-heroarea-image:after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  right: -30px;
  display: block;
  border: 4px solid #D02E26;
  border-color: transparent #D02E26 transparent transparent;
  border-radius: 50% !important;
}

.jm-heroarea-2021-v3 .row .col .col-inner .slider-wrapper:after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  right: -30px;
  display: block;
  border: 4px solid #D02E26;
  border-color: transparent #D02E26 transparent transparent;
  border-radius: 50% !important;
}

.jm-heroarea-2021 h1,
.jm-heroarea-2021-v2 h1,
.jm-heroarea-2021-v3 h1 {
  font-weight: 600;
  font-size: 56px;
  line-height: 68px;
  letter-spacing: 0.02em;  
}

.jm-heroarea-2021 h3,
.jm-heroarea-2021-v2 h3,
.jm-heroarea-2021-v3 h3 {
  font-size: 24px;
  line-height: 30px;
  /* or 125% */
  letter-spacing: 0.02em;  
}

.jm-heroarea-2021 .slider-nav-outside ol.flickity-page-dots,
.jm-heroarea-2021-v2 .slider-nav-outside ol.flickity-page-dots{
  right: 20%;
  left: auto !important;
  bottom: 10% !important;
  width: 200px;
}

.jm-heroarea-2021-v3 .slider ol.flickity-page-dots{
  bottom: 5% !important;
}

.jm-heroarea-2021 .slider-nav-outside ol.flickity-page-dots li.dot,
.jm-heroarea-2021-v2 .slider-nav-outside ol.flickity-page-dots li.dot,
.jm-heroarea-2021-v3 .slider ol.flickity-page-dots li.dot {
  width: 20px;
  height: 20px;
  background: #FDFCF9;
  opacity: 0.3;
}

.jm-subheroarea-2021 {
  width: 100%;
}

.jm-subheroarea-2021 h3 {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: 0.02em;  
}

@media (max-width: 820px) {
  .jm-heroarea-2021-v2-mobile .bg-loaded {
    opacity: 0.6 !important;
  }
  
  .jm-heroarea-2021-v2-mobile .jm-main-header h2 {
    font-size: 32px !important;
    font-weight: 800 !important;
  }
  
  .jm-heroarea-2021-v2-mobile h3 {
    font-size: 22px !important;
    font-weight: 500 !important;
  }
  
  .jm-heroarea-2021-v2-mobile .jm-rightarrow-button {
    color: #F9F9F9 !important;
  }
  
  .jm-brands-section {
    margin-top: -100px;
  }
}
/*------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------*/
/* JM Case Study Section                                                        */
/*------------------------------------------------------------------------------*/
.jm-case-study-section {
  width: 100%;
}

.jm-case-study-section .jm-col-gradient-breaker {
  background: rgb(223,236,231);
  background: linear-gradient(90deg, rgba(223,236,231,1) 0%, rgba(223,236,231,1) 72%, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%) !important;
}

@media screen and (max-width: 860px) {
  .jm-case-study-section .jm-col-gradient-breaker {
    background: #FFFFFF !important;
  }
  
  .jm-case-study-section .row .col .col-inner .jm-casestudy-image {
	position: relative;
    z-index: +1;
    margin-bottom: -90px;
    right: 0;    
  }
}

.jm-case-study-section .jm-type-name {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  display: flex;
  align-items: center;
  letter-spacing: 0.02em; 
  color: #222423;
}

.jm-case-study-section .jm-type-title {
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: 0.02em;
  color: #222423;  
}

.jm-case-study-section .jm-type-description {
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 21px;
  line-height: 30px;
  letter-spacing: 0.02em;
  color: #222423;  
}

.jm-case-study-section .jm-type-description ul li {
  padding-bottom: 20px;
}

.jm-case-study-section .row .col .col-inner .jm-casestudy-image:after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  right: -30px;
  display: block;
  border: 4px solid #D02E26;
  border-color: transparent #D02E26 transparent transparent;
  border-radius: 50% !important;
}
/*------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------*/
/* Latest Blogs Section.                                                        */
/*------------------------------------------------------------------------------*/
.jm-latest-blogs-section {
  width: 100%;
}

/*
.jm-latest-blogs-section .col.post-item:hover,
.jm-popular-downloads-section .box:hover {
  background: #F0F0F0;
}
*/

.jm-latest-blogs-section .col-inner a:hover {
  text-decoration: none !important;
}

.jm-latest-blogs-section a:hover button {
  color: #000000 !important;
}

.jm-latest-blogs-section .col-inner .box p.from_the_blog_excerpt {
  min-height: 2.5em;
}

.jm-latest-blogs-section .col-inner .box .post-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    display: flex;
    align-items: center;
    letter-spacing: 0.02em;
    color: #222423;
  	margin-bottom: 5px;
    height: 66px;
}

.jm-latest-blogs-section .col-inner .box .post-meta {
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.02em;
    color: #222423;  
    margin-bottom: 9px;
}

.jm-latest-blogs-section .col-inner .box .is-divider {
  display: none;
}
/*------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------*/
/* Services Sections with carousels */
/*------------------------------------------------------------------------------*/
.jm-flip-service {
  overflow: hidden;
  perspective: 1000px;
}

.jm-flip-service h3 {
  font-weight: 900;
  line-height: 1.5;
}

.jm-flip-service-front {
  display: initial;
}

.jm-flip-service-back {
  display: none;
}

.jm-flip-service:hover .jm-flip-service-front {
  display: none !important;
}

.jm-flip-service:hover .jm-flip-service-back {
  display: initial !important;
}

.jm-flip-service-description, 
.jm-flip-service-description p {
  font-family: Montserrat;
  font-style: normal;
  font-weight: normal;
  font-size: 16px !important;
  line-height: 22px;
  letter-spacing: 0.02em;
}

.jm-home-services {
  width: 100%;
}

.jm-home-products .flickity-prev-next-button:disabled {
    opacity: 0 !important;
}

.jm-flip-service a,
.jm-services-cards a {
  font-weight: normal !important;
  color: #222423;
}

.jm-flip-service a:hover,
.jm-services-cards a:hover {
  text-decoration: underline;
}
/*------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------*/
/* Testimonials Section */
/*------------------------------------------------------------------------------*/
.jm-testimonials-section {
  width: 100%;
}

.jm-testimonials-section ol.flickity-page-dots {
  left: initial !important;
  right: 10%;
}

.jm-testimonials-section .flickity-page-dots .dot {
    width: 20px;
    height: 20px;
}

.jm-testimonials-section .jm-testimonials-client h3,
.jm-testimonials-section .jm-testimonials-client h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: 0.02em;
  color: #222423;  
}

.jm-testimonials-section .jm-testimonials-quote h3,
.jm-testimonials-section .jm-testimonials-quote h4 {
  font-style: normal;
  font-weight: 800;
  font-size: 24px;
  line-height: 29px;
  letter-spacing: 0.04em;
  color: #222423;  
}

.jm-testimonials-section p.lead {
  font-style: normal;
  font-weight: normal;
  font-size: 22px;
  line-height: 30px;
  color: #222423;  
}

.jm-testimonials-section .jm-testimonials-role {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: 0.02em;
  color: #222423;
}
/*------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------*/
/* Who are we Section                                                           */
/*------------------------------------------------------------------------------*/
.jm-who-are-we-section {
  width: 100%;
}

.jm-who-are-we-left {
  width: 100%;
}

.jm-who-are-we-left img {
	max-width: 340px;
	border: 40px solid #F6F6F6;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	transition: all 0.6s linear;
	transition-property: border;
}

.jm-who-are-we-left:hover img {
	border: 30px solid #F6F6F6;
}
/*------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------*/
/* Brands Section *.
/*------------------------------------------------------------------------------*/
.jm-brands-section {
  width: 100%;
}

.jm-brands-section .slider-nav-outside.slider-nav-circle .previous {
    -webkit-transform: translateX(90%) !important;
    -ms-transform: translateX(90%) !important;
    transform: translateX(90%) !important;
}

.slider-nav-outside.slider-nav-circle .next {
    -webkit-transform: translateX(-90%) !important;
    -ms-transform: translateX(-90%) !important;
    transform: translateX(-90%) !important;
}
/*------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------*/
/* Services Section                                                             */
/*------------------------------------------------------------------------------*/
.jm-services-image-box {
	width: 100%
}

.jm-services-image-box:hover
.overlay {
	background-color: #FFFFFF !important;
}

.jm-services-image-box:hover
.dark p {
	color: #353535 !important;
}

.jm-services-image-box:hover .box-text p {
    text-shadow: 0 0 black !important;
}

.jm-services-image-box
.jm-services-image-box-text {
	visibility: hidden;
}

.jm-services-image-box:hover .jm-services-image-box-text {
	visibility: visible;
}

.jm-services-image-box:hover .jm-services-image-box-headline p {
	color: #E30613 !important;
}

.jm-services-image-box
.jm-services-icon-box
.icon-inner svg {
	border:5px solid #F4F4F4;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #E30613;
	padding: 0;
	margin: 0;
}

.jm-services-image-box:hover
.jm-services-icon-box
.icon-inner svg {
	border:5px solid #E30613;
	background: #E30613;
	padding: 0;
	margin: 0;
	fill: transparent;
}
/*------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------*/
/* Popular Downloads Section */
/*------------------------------------------------------------------------------*/
.jm-popular-downloads-section {
  width: 100%;
}

.jm-popular-downloads-section .box {
  padding: 5px;
}

.jm-popular-downloads-section .box-text-inner .text {
  min-height: 100px;
}

.jm-popular-downloads-section .box-text-inner .text a {
  color: #000000 !important;
}

.jm-popular-downloads-section .box-text-inner .text a:hover {
  text-decoration: none !important;
}

.jm-popular-downloads-section .box-text-inner .text p a {
    color: #222423;
    font-weight: normal !important;
    font-size: 18px !important;
    line-height: 22px !important;
    letter-spacing: 0.02em;  
}

.jm-popular-downloads-section h4,
.jm-popular-downloads-section h5 {
	line-height: 1.3;
    margin-top: .1em;
    margin-bottom: 5px;
  	color: #0a0a0a;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;  
}
/*------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------*/
/* Products and Solutions Section                                               */
/*------------------------------------------------------------------------------*/
.jm-pas-block {
  width: 100%;
}

.jm-pas-block:hover a.button {
  color: #E30613 !important;
}

.jm-pas-block:hover .is-divider {
  background-color: #E30613 !important;
}

/*------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------*/
/* Products and Solutions Section                                               */
/*------------------------------------------------------------------------------*/
.jm-testimonials-section {
  width: 100%;
}

.jm-testimonials-section .col-inner .img img {
  border-radius: 99px;
}
/*------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------*/
/* Products and Solutions Section                                               */
/*------------------------------------------------------------------------------*/
.jm-pd-block {
	width: 100%;
}

.jm-pd-block .jm-pd-block-cover {}

.jm-pd-block:hover .jm-pd-block-cover .col-inner {
  background: #E30613 !important; 
}

.jm-pd-block .jm-pd-block-img {}

.jm-pd-block .jm-pd-download-button {
  	width: 207px;
  	height: 55px;
	background:url('https://www.ksf-global.com/wp-content/uploads/2020/12/download-gray.png');
}

.jm-pd-block .jm-pd-download-button:hover {
  	width: 207px;
  	height: 55px;
	background:url('https://www.ksf-global.com/wp-content/uploads/2020/12/download-red.png');
}

.jm-pd-block:hover .jm-pd-download-button {
  	width: 207px;
  	height: 55px;
	background:url('https://www.ksf-global.com/wp-content/uploads/2020/12/download-red.png');
}

.jm-pd-block .jm-pd-download-button span {
    display: inline-block;
    line-height: 1.6;
    padding: 13px 0 0 50px;
}

.jm-pd-block:hover .jm-pd-headline {
	color: #E30613 !important;   
}
/*------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------*/
/* Latest Blogs                                                                 */
/*------------------------------------------------------------------------------*/
.jm-bp-section {
	width: 100%;
}

.jm-bp-posts-wrapper {
	width: 100%;
}

.jm-bp-section
.post-item
.col-inner {
	/*position: relative;*/
	min-height: 600px;
}

.jm-bp-section
.post-item
.col-inner .box-image {
	width: 70%;
	right: 0;
	top: 100px;
	position: absolute;
}

.jm-bp-section
.post-item
.col-inner .box-text {
	width: 50%;
	min-height: 400px;
	position: absolute;
	top: 0;
	left: 0;
	background: #E30613;
	padding: 50px;
	border: 2px solid #FFFFFF;
}
/*------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------*/
/* How Can We Help Section                                                      */
/*------------------------------------------------------------------------------*/
.jm-hcwh-section {
  width: 100%;
}

.jm-hcwh-left {
  position: relative;
  background: #ffffff;
}

.jm-hcwh-left .col-inner {
	background: #ffffff;  
}

.jm-hcwh-right {
	position: relative;
  	z-index: -1;
}

.jm-hcwh-box .col-inner {
	width: 260px;
	height: 260px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;  
}

.jm-hcwh-box-2 .col-inner {
	width: 230px;
	height: 230px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
  	margin-left: auto;
  	margin-right: auto;
}

.jm-hcwh-box:hover .col-inner,
.jm-hcwh-box-2:hover .col-inner {
  background-color: #E30613 !important;
  color: #FFFFFF !important;
}

.jm-hcwh-box:hover .icon-box,
.jm-hcwh-box:hover .icon-box h5,
.jm-hcwh-box-2:hover .icon-box,
.jm-hcwh-box-2:hover .icon-box h5 {
  color: #FFFFFF !important;
}

/*------------------------------------------------------------------------------*/