/* Icon Box - Default element */
.kl-iconbox {margin-bottom: 30px}
.kl-iconbox__inner {}
.kl-iconbox__icon-wrapper,
.kl-iconbox__title-wrapper,
.kl-iconbox__desc-wrapper,
.kl-iconbox__cta-wrapper {margin-top:0; margin-bottom:15px;}
.kl-iconbox__content-wrapper {overflow: hidden;}
.kl-iconbox__link {}
.kl-iconbox__title,
.kl-iconbox__desc {margin:0;}
.kl-iconbox__icon {line-height: 1; font-size: 42px; -webkit-transition:color .2s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition:color .2s cubic-bezier(0.215, 0.610, 0.355, 1.000);}
span.kl-iconbox__icon {font-size: 42px;}
.kl-iconbox__icon.kl-iconbox__icon--force-square:before { position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); line-height: 1;}
img.kl-iconbox__icon {width: 100px;}
.kl-iconbox--theme-light,
.kl-iconbox--theme-light a {color:#fff;}
.kl-iconbox--theme-dark,
.kl-iconbox--theme-dark a {color:#323232;}
@media screen and (min-width: 481px){
	/* Floated Icons  */
	.kl-iconbox--fleft .kl-iconbox__icon-wrapper {float:left; margin-right: 20px;}
	.kl-iconbox--fright .kl-iconbox__icon-wrapper {float:right; margin-left: 20px; }
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.kl-iconbox--fleft .kl-iconbox__icon-wrapper ,
	.kl-iconbox--fright .kl-iconbox__icon-wrapper {float:none; margin-left: 0; margin-right: 0; }
}
/* Shaped Icons - Resized */
.kl-iconbox--sh .kl-iconbox__icon-wrapper {position:relative;}
.kl-iconbox--sh .kl-iconbox__icon {-webkit-transition: background-color .2s ease-out;transition:background-color .2s ease-out;}
.kl-iconbox--align-left.kl-iconbox--sh .kl-iconbox__icon,
.kl-iconbox--align-right.kl-iconbox--sh .kl-iconbox__icon {text-align: center;}
/* Shaped icons - Square */
.kl-iconbox--sh-square .kl-iconbox__icon {display: inline-block; border-radius: 3px; vertical-align: middle; position: relative; z-index: 1; padding:22px;}
.kl-iconbox--sh-square .kl-iconbox__icon:after {content:''; position: absolute; top:0; left:0; width:0; height: 100%; z-index: -1; border-radius: 3px;
	-webkit-transition-property: opacity, -webkit-transform; transition-property: transform, opacity; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }
.kl-iconbox--sh-square:hover span.kl-iconbox__icon:after {-webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1) !important; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1) !important; -webkit-transition-duration: .2s; transition-duration: .2s; }
.kl-iconbox--sh-square:hover .kl-iconbox__icon:after { width:120%; left:-10%; }
.kl-iconbox--align-left.kl-iconbox--sh-square:hover .kl-iconbox__icon:after,
.kl-iconbox--fleft.kl-iconbox--sh-square:hover .kl-iconbox__icon:after { width:120%; left:-20%; }
.kl-iconbox--align-right.kl-iconbox--sh-square .kl-iconbox__icon:after,
.kl-iconbox--fright.kl-iconbox--sh-square .kl-iconbox__icon:after { left:auto; right:0; }
.kl-iconbox--align-right.kl-iconbox--sh-square:hover .kl-iconbox__icon:after,
.kl-iconbox--fright.kl-iconbox--sh-square:hover .kl-iconbox__icon:after { width:120%; left:auto; right:-20%; }
/* Shaped icons - Circle */
.kl-iconbox--sh-circle .kl-iconbox__icon {display: inline-block; border-radius: 50%; vertical-align: middle; position: relative; z-index: 1; padding:22px;}
.kl-iconbox--sh-circle .kl-iconbox__icon:after {content:''; position: absolute; top:0; left:0; width:100%; height: 100%; z-index: -1; border-radius: 50%; opacity:0; -webkit-transform:scale(0); transform:scale(0); -webkit-transform-origin:50% 50%; transform-origin:50% 50%;
	-webkit-transition-property: opacity, -webkit-transform; transition-property: transform, opacity; -webkit-transition-duration: .5s; transition-duration: .5s; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; }
.kl-iconbox--sh-circle:hover span.kl-iconbox__icon:after {-webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1) !important; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1) !important; -webkit-transition-duration: .2s; transition-duration: .2s; }

.kl-iconbox--sh-circle:hover .kl-iconbox__icon:after { -webkit-transform:scale(1.15); transform:scale(1.15); opacity: 1;}
/* Shaped icons - Circle Stroke */
.kl-iconbox--sh-circle-stroke .kl-iconbox__icon {display: inline-block; border-radius: 50%; vertical-align: middle; position: relative; z-index: 1; padding:22px; -webkit-transition: all .2s cubic-bezier(0.215, 0.610, 0.355, 1.000); transition: all .2s cubic-bezier(0.215, 0.610, 0.355, 1.000); }
/* Animate float */
.kl-iconbox .kl-iconbox-AnimateFloat {position: relative; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: floatingAnim; animation-name: floatingAnim; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; -webkit-animation-timing-function:ease-in-out; animation-timing-function:ease-in-out;}
@-webkit-keyframes floatingAnim {from {top:-8px; } to {top:8px; } }
@keyframes floatingAnim {from {top:-8px; } to {top:8px; } }

/* Other Icons - Circle Icon */
.kl-iconbox .playVideo {display: inline-block; cursor: default;}
.kl-iconbox--theme-dark .playVideo {border-color:#111; color: #111;}
.kl-iconbox--theme-dark .playVideo:hover,
.kl-iconbox--theme-dark .playVideo:focus {color:#111;}

/* Other Icons - Circle Icon */
.kl-iconbox .mouse-anim-icon {display: inline-block; cursor: default;}
.kl-iconbox--theme-dark .mouse-anim-icon {background-color: rgba(0,0,0,.1);}
.kl-iconbox--theme-dark .mouse-anim-icon:after {background-color:rgba(255,255,255,0.25);}
.kl-iconbox--theme-dark .mouse-anim-icon:hover {background-color: rgba(0,0,0,.4); }

/* Cirtcle anim icon */
.kl-iconbox .circleanim-svg {position: relative;}
.kl-iconbox .circleanim-svg-inner {position: relative; top: 0; width: 100%; height: 0; display: block; padding: 0; padding-bottom: 100%; margin-bottom: 0;}
.kl-iconbox .circleanim-svg svg {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.kl-iconbox--theme-dark .circleanim-svg__circle-front,
.kl-iconbox--theme-dark .circleanim-svg__circle-back {stroke: #111;}
.kl-iconbox--theme-dark .circleanim-svg path {fill: #111;}