/*BUTTON CIRCLE*/






.ft-hero-text-after {
    display: flex;
}


@media (max-width: 1200px) {
    

.ft-hero-text-after {
    display: flex;
    flex-wrap: wrap;
}

    
}



.btn_arround {
    display: inline-block;
    position: relative;
transition: background-color .1s ease-in-out;
    	-webkit-transition: background-color .1s ease-in-out;
	-o-transition: background-color .1s ease-in-out;
}


.btn-text-after{
display: flex;
    padding: 0 0 0 25px;
    align-items: center;
}






.elementor-widget-templines-users-list .btn-text-after {
    display: flex;
    padding: 0;
    align-items: center;
    margin-left: -40px;
}



@media (max-width: 1024px) {
.elementor-widget-templines-users-list .btn-text-after {
    display: flex;
    padding: 0;
    align-items: center;
    margin-left: 20px;
    display: none;
}
}


.text_after_position-before{
    flex-direction: row-reverse;
}


.text_after_position-before .btn-text-after{
    padding-left: 0;
    padding-right: 25px;
}

@media (max-width: 768px) {

.ft-hero-text-after {
    display: flex;
    flex-wrap: wrap;
    gap: 23px;
}
    
    
   div  .text_after_position-before .btn-text-after {
    padding-left: 0;
    padding-right: 0;
}
    
    .btn-text-after{
    padding: 0;
}
    
}


.btn_arround  svg{
    position: absolute;
    z-index: 1;
    top: 50%;
    width: 24px;
    left: 50%;
    height: 24px;
    margin-left: -12px;
    margin-top: -12px;
}

.btn_arround .e-font-icon-svg path{
    fill:#fff;
}

.circle-button{ 
    border-radius: 100%;
    position: relative;
    display: flex;
    color: #fff;
    text-align: center;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    min-width: 120px;
    transition: all .1s ease-in-out;
    -webkit-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
}

.circle-button svg{
    fill:#222;
}

.elementor-editor-active .btn_arround {
    max-width: 120px !important;
    font-size: 0;
    min-width: 120px;
}



.circle-button.blink-small_size.blink-text-center{
    height: 80px;
    width: 80px;    
}
.circle-button.blink-normal-size.blink-text-center{
    height: 120px;
    width: 120px;    
}

.circle-button.blink-large-size.blink-text-center{
    height: 180px;
    width: 180px;       
} 



.circle-button.blink-text-arround div,.circle-button{
     aspect-ratio : 1 / 1;
}


.circle-button {
  transition: transform .7s ease-in-out;
}





.circle-button.blink-text-arround:hover div{
  animation: rotate-once 12000ms linear;
    animation-fill-mode: forwards;
}

@keyframes rotate-once {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}



/*POST*/


.page-builder-blog-box-wrap{
    background-color: #f4b7e9;
}

.fl-post-info ul{
display: flex;
    list-style: none;
    margin: 0;
    gap: 15px;
    padding: 0;
    padding-bottom: 10px;
}


.fl-post-info ul a{
    color: #222;
    text-transform: uppercase;
    font-size: 13px;
}

.fl-post-info ul li{
    margin: 0;
    padding: 0;
    position: relative;
    padding-left: 10px;
}

.fl-post-info ul li:first-child{
    padding-left: 0px;
}

.fl-post-info ul li:after {
    border-right: 1px solid var(--footer-text--primary__Color);
    content: '';
    position: absolute;
    display: block;
    height: 10px;
    right: -14px;
    top: 10px;
    transform: rotate(9deg);
}

.fl-post-info ul li:last-child:after{
    display: none;
}
.fl-post-info h6{
    margin: 0;
    font-size: 31px;
}


.fl-post-info{
    padding: 35px;
}

.fl-post-info h6 a{
    color: #222;
}

/*NUMBERS*/

.fl-nmbr__title{
    padding: 0;
    margin: 0;
}


.fl-nmbr__title{
     border-bottom: 2px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 15px;
}



/*HERO 1*/

.ft-hero1{
     position: relative;
    display: inline-block;
}

.ft-hero1-ft_align_right{
    text-align: right;
}
.ft-hero1-ft_align_center{
    text-align: center;
}

.ft-hero1-ft_align_left{
    text-align: left;
}



.ft-hero1-image{
    padding: 60px;
    display: inline-block;
    background-image: url(../img/hero1-bg.svg);
    background-size: cover;
    width: 500px;
    height: 685px;
    position: relative;
    z-index: 33;
}


@media(max-width: 500px) {


.ft-hero1-image {
        width: 100%;
        height: 588px;
        background: none;
        padding: 10%;
}
    
    
}


.ft-hero1-image-crop img{
    width: 100%;
    aspect-ratio: 360 / 740;
    object-fit: cover;
    position: relative;
}

.ft-hero1-image-crop{
    overflow: hidden;
    height: 100%;
    border-radius: 125px 0 125px 0;
    background: #eee;
}

.ft-hero1-color1{
    width: 214px;
    height: 214px;
    background: red;
    position: absolute;
    top: -25px;
    right: -25px;
    z-index: 3;
}


.ft-hero1-color2{
    width: 214px;
    height: 214px;
    background: red;
    position: absolute;
    bottom: -25px;
    left: -25px;
    z-index: 3;
}


.ft-hero1-color1,.ft-hero1-color2,.meta-nav {

        -webkit-animation: LeftRightAnimation 5s ease-in-out infinite;
    animation: LeftRightAnimation 5s ease-in-out infinite;
}


.ft-hero1-image-crop {
   -webkit-animation: TopBotAnimationImage 3s ease-in-out infinite;
    animation: TopBotAnimationImage 3s ease-in-out infinite;
}


.slide_animation-v {

        -webkit-animation: LeftRightAnimation 5s ease-in-out infinite;
    animation: LeftRightAnimation 5s ease-in-out infinite;
}


.slide_animation-h {
   -webkit-animation: TopBotAnimationImage 3s ease-in-out infinite;
    animation: TopBotAnimationImage 3s ease-in-out infinite;
}


.slide_animation-vibrate {
	-webkit-animation: vibrate-1 3s linear infinite both;
	        animation: vibrate-1 3s linear infinite both;
}


.slide_animation-pulsate-bck {
	-webkit-animation: pulsate-bck 3s ease-in-out infinite both;
	        animation: pulsate-bck 3s ease-in-out infinite both;
}


.slide_animation-flicker-1 {
	-webkit-animation: flicker-1 2s linear infinite both;
	        animation: flicker-1 2s linear infinite both;
}


.slide_animation-drop-center {
	-webkit-animation: text-shadow-drop-center 0.6s both;
	        animation: text-shadow-drop-center 0.6s both;
}


.slide_animation-rotate, .hero-title-ico svg{
    animation: rotate-animation 10s infinite linear;
}






@keyframes rotate-animation {
	0% {
		transform: rotate(0deg);
  }
  50% {
		transform: rotate(180deg);
	}
	100% {
		transform: rotate(360deg);
	}
}



@keyframes texttotop {
                0% {
                    opacity: 0;
                    transform: translate3d(0,100%,0);
                    -webkit-transform: translate3d(0,100%,0)
                }

                100% {
                    opacity: 1;
                    transform: translate3d(0,0,0);
                    -webkit-transform: translate3d(0,0,0)
                }
            }

 @keyframes texttobottom {
                0% {
                    opacity: 1;
                    transform: translate3d(0,0,0);
                    -webkit-transform: translate3d(0,0,0)
                }

                100% {
                    opacity: 0;
                    transform: translate3d(0,100%,0);
                    -webkit-transform: translate3d(0,100%,0)
                }
            }

@keyframes textslide {
                0% {
                    opacity: 0;
                    transform: translate3d(0,30px,0);
                    -webkit-transform: translate3d(0,30px,0)
                }

                100% {
                    opacity: 1;
                    transform: translate3d(0,0,0);
                    -webkit-transform: translate3d(0,0,0)
                }
            }

@keyframes textslidebottom {
                0% {
                    opacity: 1;
                    transform: translate3d(0,0,0);
                    -webkit-transform: translate3d(0,0,0)
                }

                100% {
                    opacity: 0;
                    transform: translate3d(0,30px,0);
                    -webkit-transform: translate3d(0,30px,0)
                }
            }

            @keyframes fadein {
                0% {
                    opacity: 0
                }

                100% {
                    opacity: 1
                }
            }



/**
 * ----------------------------------------
 * animation flicker-1
 * ----------------------------------------
 */
@-webkit-keyframes flicker-1 {
  0%,
  100% {
    opacity: 1;
  }
  41.99% {
    opacity: 1;
  }
  42% {
    opacity: 0;
  }
  43% {
    opacity: 0;
  }
  43.01% {
    opacity: 1;
  }
  47.99% {
    opacity: 1;
  }
  48% {
    opacity: 0;
  }
  49% {
    opacity: 0;
  }
  49.01% {
    opacity: 1;
  }
}
@keyframes flicker-1 {
  0%,
  100% {
    opacity: 1;
  }
  41.99% {
    opacity: 1;
  }
  42% {
    opacity: 0;
  }
  43% {
    opacity: 0;
  }
  43.01% {
    opacity: 1;
  }
  47.99% {
    opacity: 1;
  }
  48% {
    opacity: 0;
  }
  49% {
    opacity: 0;
  }
  49.01% {
    opacity: 1;
  }
}

 


/* ----------------------------------------------
 * Generated by Animista on 2024-7-13 17:41:12
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * @animation text-shadow-drop-center
 * ----------------------------------------
 */
@-webkit-keyframes text-shadow-drop-center {
  0% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    text-shadow: 0 0 18px rgba(0, 0, 0, 0.35);
  }
}
@keyframes text-shadow-drop-center {
  0% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0);
  }
  100% {
    text-shadow: 0 0 18px rgba(0, 0, 0, 0.35);
  }
}


@-webkit-keyframes pulsate-bck {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes pulsate-bck {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}



@-webkit-keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}




@-webkit-keyframes TopBotAnimationImage {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes TopBotAnimationImage {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes LeftRightAnimation {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    25% {
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px);
    }

    75% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}



@-webkit-keyframes LeftRightAnimation {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    25% {
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px);
    }

    75% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes LeftRightAnimation {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    25% {
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px);
    }

    75% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    to {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}


.hero-hexagon{
    position: relative;
    display: inline-block;
    text-align: center;
    width: 500px;
    height: 500px;
    -webkit-animation: LeftRightAnimation 5s ease-in-out infinite;
    animation: LeftRightAnimation 5s ease-in-out infinite;
}


.hero-hexagon-img-bot{
    display: block;
    content: '';
    background: #93CECA;
    position: absolute;
    bottom: 12px;
    left: 50%;
    z-index: 6;
    height: 10px;
    width: 25px;
    margin-left: -15px;
}

.hero-hexagon-img-bot:before{
    display: block;
    content: '';
    background: #93CECA;
    position: absolute;
    bottom: 3px;
    left: 50%;
    z-index: 6;
    height: 10px;
    width: 25px;
    margin-left: -31px;
    transform: rotate(25deg);
}



.hero-hexagon-img-bot:after{
    display: block;
    content: '';
    background: #93CECA;
    position: absolute;
    bottom: 2px;
    right: 50%;
    z-index: 6;
    height: 10px;
    width: 25px;
    margin-right: -31px;
    transform: rotate(-25deg);
}





.hero-hexagon-img{
    position: absolute;
    bottom: 9px;
    left: 50%;
    z-index: 4;
    clip-path: polygon(0 0, 100% 0, 100% 0, 100% 62%, 49% 79%, 0 62%, 0 35%, 0 0);
    width: 300px;
    height: 500px;
    margin-left: -150px;
    margin-bottom: -101px;
}


.hero-hexagon-img img{
    object-fit: cover;
    aspect-ratio: 480 / 770;   
    position: relative;
}


.hero-hexagon svg{
    width: 500px;
    height: 500px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}


.hero-hexagon svg path{
    fill:#93CECA;
}

.hero-hexagon-wrap{
    position: relative;
    padding: 50px;
    display: inline-block;
}

.hero-hexagon-img1{
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: TopBotAnimationImage 3s ease-in-out infinite;
    animation: TopBotAnimationImage 3s ease-in-out infinite;
}


.hero-hexagon-img2{
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-animation: TopBotAnimationImage 3s ease-in-out infinite;
    animation: TopBotAnimationImage 3s ease-in-out infinite;
}


.hero-hexagon-img3{
    position: absolute;
    top: 0;
    right: 0;
    -webkit-animation: TopBotAnimationImage 3s ease-in-out infinite;
    animation: TopBotAnimationImage 3s ease-in-out infinite;
}


.hero-hexagon-img4{
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-animation: TopBotAnimationImage 3s ease-in-out infinite;
    animation: TopBotAnimationImage 3s ease-in-out infinite;
}


.hero-hexagon-img1 img,
.hero-hexagon-img2 img,
.hero-hexagon-img3 img,
.hero-hexagon-img4 img{
    width: 90px; 
}



.ft-hero-ft_align_right{
    text-align: right;
}
.ft-hero-ft_align_center{
    text-align: center;
}

.ft-hero-ft_align_left{
    text-align: left;
}


.fl-post-grid3{
    display: flex;
}



@media(max-width: 900px) {
    
    .fl-post-grid-iteam1 {
        margin: 0;
   
}
    
    
   .fl-post-grid3{
        display: inline-block;
        padding: 0 30px;
} 
    
    .fl-post-grid3  .fl-post-info {
    padding-left: 0;
}
    
    
}


.fl-post-grid-iteam1{
    max-width: 500px;
}

.fl-post-grid-iteam2-read-more{
    font-size: 18px;
    text-transform: uppercase;
    padding-top: 10px;
    display: inline-block;
    font-weight: 600;
    letter-spacing: 1px;
    border-bottom: 1px solid;
}

.fl-post-grid-iteam2-read-more:hover{
    border-bottom: 0;
}

.fl-post-grid-iteam2{
 display: flex;
    align-items: flex-end;
}

.fl-post-grid-iteam3{
    padding-top: 15px;
    padding-bottom: 10px;
}


@media (max-width: 640px) {
    
    .hero-hexagon-wrap{
        padding: 0;
    }
    
    
    .hero-hexagon-img1 , .hero-hexagon-img2 , .hero-hexagon-img3 , .hero-hexagon-img4 {
        display: none !important;
    }
    
    
    .hero-hexagon svg , .hero-hexagon {
    width: 400px;
    height: 400px;
}
    

}


.hero-box-img3{
    position: relative;
    background: #FFD1C0;
    max-width: 350px;
    padding: 30px 30px 0 30px;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px;
    display: inline-block;
}


.hero-box-img3:after{
    content: '';
    display: inline-block;
    height: 100%;
    width: 2px;
    z-index: 88;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -6px;
    background: #222;
}


.hero-box-img3 img {
    max-width: 200px !important;
    height: auto !important;
    position: relative;
}

.hero-title{
    display: flex;
    gap: 30px;
    position: relative;
}




.hero-title span:not([class]){
    display: inline-block;
    width: 100%;
}




.hero-title span  img {
    max-width: 120px;
    line-height: 0.8;
    height: 0.8em;
    padding-right: 0;
    padding-left: 0;
    vertical-align: baseline;
    margin-right: -17px;
}

.hero-title.icon-left{
    display: flex;
    flex-direction: row-reverse;
    
}


.hero-title.icon-left  .hero-title-ico{
    margin-right: -93px !important;
    margin-top: -10px;
}


.use-icon-off .hero-title-ico{
    display: none !important;
    }



.use-icon-off.hero-title span::first-letter {
       padding-left: 0px !important;
    }


.hero-title.icon-left span::first-letter {
    padding-left: 90px;
}


.hero-title.icon-center {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column-reverse;
    align-items: center;
    gap: 55px;
}



.hero-title strong *{
    text-transform: none !important;
}


.hero-title.hero-title-after-text.hero-title-icon-added{
    gap: 10px;
}


.hero-title.hero-title-after-text.hero-title-icon-added .hero-title-ico svg {
    width: 30px;
    height: 30px;
}

.hero-title.hero-title-after-text.hero-title-icon-added  .hero-title-ico {
    width: 30px;
    height: 30px;
}

.hero-title-ico{
      width: 60px;
    height: 60px;
}


.hero-title.icon-right .hero-title-ico{
       margin-right: -60px;
}

.hero-title.icon-center .hero-title-ico {
    margin-right: 0;
    margin-bottom: 10px;
}




@media(max-width: 1100px) {
    
.hero-title br{
    display: none !important;
}
    
}

@media(max-width: 1100px) {
    
    .hero-title-ico{
         display: none; 
    }
    
    
    .hero-title.icon-left span::first-letter{
        padding-left: 0 !important;
    }
  
}



.hero-title-ico svg{
    width: 60px;
    height: 60px;
}

.hero-title1{
    color: #fff;
    mix-blend-mode: difference;
    font-size: 26px;
    position: absolute;
    top: 52px;
    right: 69%;
    width: 320px;
    text-align: right;
    font-weight: 500;
     -webkit-animation: LeftRightAnimation 5s ease-in-out infinite;
    animation: LeftRightAnimation 5s ease-in-out infinite;
}




.hero-title2{
    color: #fff;
    font-size: 24px;
    padding-top: 20px;
    line-height: 1.4;
}


.elementor-heading-title strong{
 mix-blend-mode:screen;
  background-color:white;
    color: #222;
}




@media(max-width: 1290px) {
	.types {
		padding-top: calc(60px + 50 * ((100vw - 375px) / 915))
	}
}

@media(max-width: 1290px) {
	.types {
		padding-bottom: calc(60px + 50 * ((100vw - 375px) / 915))
	}
}

.types__inner {
	position: relative;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 490px 1fr;
	grid-template-columns: 490px 1fr;
	gap: 140px;
	height: unset
}

.types__bg {
	position: absolute;
	left: 0;
	bottom: 0
}

.types .titling__text {
	margin-bottom: 25px;
	padding-bottom: 0;
}


@media(max-width: 1290px) {
	.types .titling__text {
		margin-bottom: calc(30px + 15 * ((100vw - 375px) / 915))
	}
}

.types .titling {
    position: sticky;
    z-index: 1;
    height: 350px;
    top: 150px;
}

.types-body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 70px
}

@media(max-width: 1290px) {
	.types-body {
		gap: calc(30px + 40 * ((100vw - 375px) / 915))
	}
}

.types-item__img {
	margin-bottom: 38px;
	-webkit-filter: drop-shadow(2px 8px 15px rgba(0, 0, 0, 0.25));
	filter: drop-shadow(2px 8px 15px rgba(0, 0, 0, 0.25));
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	max-width: 481px;
}


.types-item__inner {
	padding-bottom: 70px;
	border-bottom: 1px solid #d9d9d9;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 280px 1fr;
	grid-template-columns: 270px 1fr;
	gap: 5px
}

@media(max-width: 1290px) {
	.types-item__inner {
		padding-bottom: calc(30px + 40 * ((100vw - 375px) / 915))
	}
}

@media(max-width: 1290px) {
	.types-item__inner {
		gap: calc(15px + 30 * ((100vw - 375px) / 915))
	}
}

.types-item__about-title {
	color: #222;

	font-weight: 600;
	margin-bottom: 5px;
	font-size: 22px;
	line-height: 32px;
}

@media(max-width: 1290px) {
	.types-item__about-title {
		font-size: calc(24px + 4 * ((100vw - 375px) / 915))
	}
}

@media(max-width: 1290px) {
	.types-item__about-title {
		line-height: calc(28px + 4 * ((100vw - 375px) / 915))
	}
}

.types-item__about-text {
	color: #222;
	font-size: 13px;
	line-height: 19px
}

.types-item__list-item {
	color: #777;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	font-size: 16px;
	line-height: 32px;
	gap: 18px;
}

@media(max-width: 1290px) {
	.types-item__list-item {
		font-size: calc(14px + 2 * ((100vw - 375px) / 915))
	}
}

@media(max-width: 1290px) {
	.types-item__list-item {
		line-height: calc(26px + 2 * ((100vw - 375px) / 915))
	}
}

@media(max-width: 1290px) {
	.types-item__list-item {
		gap: calc(15px + 10 * ((100vw - 375px) / 915))
	}
}

.types-item__list-item svg {
    position: relative;
    top: 8px;
    right: -2px;
}



@media(max-width: 1290px) {
	.types-item__list-item::before {
		margin-top: calc(6px + 2 * ((100vw - 375px) / 915))
	}
}

@media(max-width: 1290px) {
	.types-item__list-item::before {
		width: calc(18px + 4 * ((100vw - 375px) / 915))
	}
}

@media(max-width: 1290px) {
	.types-item__list-item::before {
		height: calc(12px + 3 * ((100vw - 375px) / 915))
	}
}

@media(max-width: 1290px) {
	.types-item__list-item::before {
		min-width: calc(18px + 4 * ((100vw - 375px) / 915))
	}
}

@media(max-width: 1290px) {
	.types-item__list-item::before {
		min-height: calc(12px + 3 * ((100vw - 375px) / 915))
	}
}



.hero-box-img4{
    background-image: url(../img/2067.png);
    width: 400px;
    height: 400px;
    border-radius: 100%;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
}


.hero-box-img4 img{
    object-fit: cover;
    height: 90% !important;
    -webkit-animation: TopBotAnimationImage 3s ease-in-out infinite;
    animation: TopBotAnimationImage 3s ease-in-out infinite;
    position: relative;
    bottom: -15px;
}


.hero-box-img4-inner{
    background-color: #43b97f;
    width: 377px;
    height: 377px;
    border-radius: 100%;
    display: flex;
    align-items: flex-end;
    position: relative;
    top: 0px;
    left: 4px;
    overflow: hidden;
}





.hero-box-img4-border{
    border: 5px solid #fff;
    border-radius: 100%;
    width: 200px;
    height: 200px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -100px;
    margin-top: -100px;
        z-index: 7;
}



.hrb4-1{
    border-top: 4px solid #fff;
    width: 111px;
    display: inline-block;
    position: absolute;
    top: 184px;
    left: -20px;
    rotate: 5deg;
        z-index: 7;
}
.hrb4-2{
    border-top: 4px solid #fff;
    width: 93px;
    display: inline-block;
    position: absolute;
    top: 171px;
    right: 0;
    rotate: -8deg;
        z-index: 7;
}
.hrb4-3{
    border-top: 4px solid #fff;
    width: 115px;
    display: inline-block;
    position: absolute;
    top: 30px;
    right: 123px;
    rotate: 93deg;
        z-index: 7;
}
.hrb4-4{
    border-top: 4px solid #fff;
    width: 207px;
    display: inline-block;
    position: absolute;
    bottom: 4px;
    right: 0;
    rotate: 66deg;
    z-index: 7;
}


.hero-box-img5{
    position: relative;
    height: 500px;
    width: 100%;
}  



@media only screen and (min-width: 1300px) {

.hero-box-img5{
        width: 630px;
        margin: 0 auto;
        overflow: hidden;
}
    
}



@media only screen and (max-width: 1360px) {

.hero-box-img5{
        width: 530px;
        margin: 0 auto;
        overflow: hidden;
}
    
}


@media only screen and (max-width: 1360px) {



.hero-box-img5_10 {
    display: none;
}
    
    
}



@media(min-width: 1000px)and (max-width: 1200px) {
    
    .hero-box-img5_6,.hero-box-img5_7{
        display: none;
    }
    
    
    div .hero-box-img5_9 {
    left: 199px;
}
    
    
   div  .hero-box-img5_8 {
    left: 121px;
}
    
    
    div .hero-box-img5_5 {
    left: 32%;
}
    
    
    div    .hero-box-img5 {
        width: 430px;

    }
    
    
}



@media only screen and (max-width: 768px) {
    
    .hero-box-img5_6,.hero-box-img5_7{
        display: none;
    }
    
    
    div .hero-box-img5_9 {
    left: 199px;
}
    
    
   div  .hero-box-img5_8 {
    left: 121px;
}
    
    
    div .hero-box-img5_5 {
    left: 32%;
}
    
    
    div    .hero-box-img5 {
        width: 430px;

    }
    
    
}



.hero-box-img5:after{
    display: inline-block;
    width: 72%;
    height: 80%;
    content: '';
    border: 1px solid #222;
    position: absolute;
    top: 70px;
    left: 56px;
    z-index: -1;
}


.hero-box-img5 img{
    max-width: 100%;
    height: auto;
    position: relative;
}

.hero-box-img5 div{
    position: absolute;
    overflow: hidden;
}

.hero-box-img5_1{
    width: 100%;
    height: 100%;
    position: absolute;
}

.hero-box-img5_1{
    top: 125px;
    background-color: #7AADC3;
    width: 200px;
    height: 200px;
    z-index: 7;
    left: 0;
    border: 8px solid #fff;
}

.hero-box-img5_2{
    top: 210px;
    background-color: #7AADC3;
    width: 200px;
    height: 200px;
    border-radius: 100px;
    border: 8px solid #fff;
    left: 90px;
    z-index: 8;
}
.hero-box-img5_3{
    top: 300px;
    background-color: #7AADC3;
    width: 150px;
    height: 150px;
    border-radius: 100px;
    border: 8px solid #fff;
    left: 10px;
    z-index: 9;
}


.hero-box-img5_4{
    top: 39px;
    background-color: #FDC332;
    width: 73px;
    height: 97px;
    left: 133px;
    z-index: 6;
    border: 8px solid #fff;
}


.hero-box-img5_5{
    top: 30%;
    background-color: #3A78F2;
    width: 70px;
    height: 70%;
    border: 8px solid #fff;
    left: 19%;
}


.hero-box-img5_6{
    top: 0;
    background-color: #FF8044;
    width: 77px;
    height: 50%;
    border: 0;
    left: 206px;
}


.hero-box-img5_7{
background-color: #C280D2;
    width: 96px;
    height: 181px;
    left: 198px;
    z-index: 7;
    top: 315px;
    border: 8px solid #fff; 
}




.hero-box-img5_8{
    background-color: #FFCC46;
    width: 309px;
    height: 185px;
    left: 214px;
    z-index: 7;
    top: 243px;
    border: 8px solid #fff;
}




.hero-box-img5_9 {
    background: #C0BDDB;
    width: 244px;
    height: 248px;
    overflow: hidden;
    left: 283px;
    top: 0;
    border: 8px solid #fff;
    
}


.hero-box-img5_10 {
    background: #43B97F;
    width: 96px;
    height: 348px;
    overflow: hidden;
    left: 529px;
    top: 56px;
    border-top: 8px solid #fff;
    border-bottom: 8px solid #fff;
    
}


/*POST LIST*/




@media only screen and (min-width: 768px) {
    
    
    

.page-builder-post-listing   .loop-container:nth-of-type(even).list_chess-enable  .post-card {
        flex-direction: row-reverse; 

    }
    
.page-builder-post-listing    .loop-container:nth-of-type(even).list_chess-enable    figure.post-card__thumbnail {
    margin-right: 0 !important;
    margin-left: 4.5rem !important;
  }
    
.page-builder-post-listing   .loop-container--list-chess .post-card__thumbnail {
        margin-right: 3rem !important;
    }
    
    
    
}

@media only screen and (max-width: 768px) {

.post-card__body {
    padding-top: 20px;
}
    
}



 .loop-container--masonry-2-col .post-card__title {
    line-height: 44px;
}


#loop-list .post-item{
    position: relative;
}

#loop-list .list__item {
       position: relative; 
}


.list_img-disable .hover-reveal{
    display: none !important;
}

@media only screen and (max-width: 1200px) {

#loop-list .more-link{
    display: none !important;
}
    
}



.hero-box-img5_1 img , .hero-box-img5_2 img , .hero-box-img5_3 img{
          max-width: inherit !important;
}



.users-resently__list{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    padding: 0;
}

.users-resently__list-item {
  border: 3px solid #fff;
  width: 76px;
  height: 76px;
  max-width: 76px;
  max-height: 76px;
  min-width: 76px;
  min-height: 76px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
  overflow: hidden;
  margin: 0;
}


@media(min-width: 1024px) {

.users-resently__list-item:nth-child(2) {
  -webkit-transform: translateX(-20px);
  -ms-transform: translateX(-20px);
  transform: translateX(-20px)
}
.users-resently__list-item:nth-child(3) {
  -webkit-transform: translateX(-40px);
  -ms-transform: translateX(-40px);
  transform: translateX(-40px)
}
.users-resently__list-item:nth-child(4) {
  -webkit-transform: translateX(-60px);
  -ms-transform: translateX(-60px);
  transform: translateX(-60px)
}
.users-resently__list-item:nth-child(5) {
  -webkit-transform: translateX(-80px);
  -ms-transform: translateX(-80px);
  transform: translateX(-80px)
}
.users-resently__list-item:nth-child(6) {
  -webkit-transform: translateX(-100px);
  -ms-transform: translateX(-100px);
  transform: translateX(-100px)
}
.users-resently__list-item:nth-child(7) {
  -webkit-transform: translateX(-120px);
  -ms-transform: translateX(-120px);
  transform: translateX(-80px)
}
.users-resently__list-item:nth-child(8) {
  -webkit-transform: translateX(-140px);
  -ms-transform: translateX(-140px);
  transform: translateX(-140px)
}
    
}


.users-resently__list-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 100%
}
.users-resently__list-count {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #ffeaf6;
  border-radius: 100%;
  font-size: 24px;
  line-height: 40px;
  letter-spacing: -0.02em;
  color: #202020;
    margin: 0;
}
@media(max-width: 1440px) {
  .users-resently__list-item {
    width: 66px;
    height: 66px;
    max-width: 66px;
    max-height: 66px;
    min-width: 66px;
    min-height: 66px;
  }
}
@media(max-width: 750px) {
  .users-resently__list-item {
    width: 76px;
    height: 76px;
    max-width: 76px;
    max-height: 76px;
    min-width: 76px;
    min-height: 76px
  }
}
@media(max-width: 750px)and (max-width: 1920px) {
  .users-resently__list-item {
    width: calc(55px + 21 * ((100vw - 360px) / 1560))
  }
}
@media(max-width: 750px)and (max-width: 1920px) {
  .users-resently__list-item {
    height: calc(55px + 21 * ((100vw - 360px) / 1560))
  }
}
@media(max-width: 750px)and (max-width: 1920px) {
  .users-resently__list-item {
    max-width: calc(55px + 21 * ((100vw - 360px) / 1560))
  }
}
@media(max-width: 750px)and (max-width: 1920px) {
  .users-resently__list-item {
    max-height: calc(55px + 21 * ((100vw - 360px) / 1560))
  }
}
@media(max-width: 750px)and (max-width: 1920px) {
  .users-resently__list-item {
    min-width: calc(55px + 21 * ((100vw - 360px) / 1560))
  }
}
@media(max-width: 750px)and (max-width: 1920px) {
  .users-resently__list-item {
    min-height: calc(55px + 21 * ((100vw - 360px) / 1560))
  }
}
@media(max-width: 750px) {
  .users-resently__list-item:nth-child(2) {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
}
@media(max-width: 750px) {
  .users-resently__list-item:nth-child(3) {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
  }
}



    
  .elementor-widget-templines-users-list .users-resently__list-item{
    margin: 0!important;
      position: relative;
      z-index: 9;
  }
    
 .elementor-widget-templines-users-list  .users-resently__list-img{
    border-radius: 50%;
    height: 76px;
  }





.hero-box-img6{
    position: relative;
    height: 685px;
    width: 520px;
    display: inline-block;
}  



.hero-box-img6_1{
    position: absolute;
    right: 20px;
    z-index: 9;
    width: 310px;
    height: 210px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.hero-box-img6_1 svg , .hero-box-img6_2 svg , .hero-box-img6_3 svg{
    position: absolute;
    top: 0;
    left: 0;
}


.hero-box-img6_1 img {
    max-width: 120px !important;
    z-index: 3;
    margin-left: 55px;
}

.hero-box-img6_2 img {
    max-width: 120px !important;
    z-index: 3;
    margin-left: -47px;
    margin-top: 12px;
}

.hero-box-img6_3 img {
    max-width: 120px !important;
    z-index: 3;
    margin-left: 55px;
}


.hero-box-img6_2{
    position: absolute;
    right: -66px;
    z-index: 9;
    top: 211px;
    width: 310px;
    height: 210px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hero-box-img6_3{
    position: absolute;
    right: 25px;
    z-index: 9;
    top: 458px;
    width: 310px;
    height: 210px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.hero-box-img6_4{
    position: absolute;
    left: 0;
    z-index: 9;
    width: 229px;
    background-color: #ff8137;
    height: 370px;
    top: 140px;
    overflow: hidden;
}



.hero-box-img6_5{
    position: absolute;
    left: -55px;
    top: 400px;
    right: auto;
    background: #FBD445;
    width: 180px;
    height: 180px;
    z-index: 99;
    border-radius: 100px;
    border: 8px solid #fff;
    overflow: hidden;
}

.ft-hero6-img{
    position: relative;
}


.fl-post-grid3__wrap{
    display: flex;
    padding-top: 100px;
}

.fl-post-style-3.decore_disable .fl-post-grid3__wrap{
    padding-top: 0;
}


.fl-post-style-3.decore_disable .fl-post-grid-iteam3-2 svg{
    display: none;
}


.fl-post-style-3.decore_disable  .fl-post-grid-iteam3-1 {
    padding-right: 50px;
}


.fl-post-grid-iteam3-1{
    width: 30%;
    padding-right: 110px;
}

.fl-post-grid-iteam3-2-3{
       display: flex;
    width: 70%; 
}

.fl-post-grid-iteam3-2{
    width: 50%;
    padding-right: 5%;
    position: relative;
}


.fl-post-grid-iteam3-2 svg{
    position: absolute;
    top: -95px;
    left: -95px;
    width: 95px;
}



.page-builder-blog-box-wrap .slick-track {
	counter-reset: counterc;
}


.page-builder-blog-box-wrap .slick-dots , .page-builder-blog-box-wrap  .slick-arrow{
display: none !important;
}


.fl-post-grid-iteam3-2::before {
    bottom: 0;
    font-weight: bold;
    counter-increment: counterc;
    content: "#0" counter(counterc);
    font-size: 39px;
    font-family: monospace;
    position: absolute;
    z-index: 99;
    right: -45px;
    color: #222;
    padding: 10px;
    margin: 0;
    line-height: 40px;
}




.fl-post-grid-iteam3-2 img{
    object-fit: cover;
    aspect-ratio: 700 / 325;
}

.fl-post-grid-iteam3-3{
    width: 50%;
    font-size: 27px;
    line-height: 1.8;
}

.fl-post-grid-iteam3-1 h6{
    font-size: 25px;
    line-height: 41px;
}

.fl-post-grid-iteam3-1 h6 a{
    font-size: 31px;
    color: #222;
    line-height: 1.2;
}


@media (max-width: 1400px) {
    
.fl-post-grid3__wrap {
    padding-left: 25px;
    padding-right: 25px;
}

}


@media (max-width: 1140px) {
    
    
    .fl-post-grid3__wrap {
    display: inline-block;
}
    


.fl-post-grid-iteam3-1 {
    width: 100%;
    padding-right: 0;
    padding-bottom: 18px;
}
    
    
    .fl-post-grid-iteam3-2-3 {
    width: 100%;
}
    
    .fl-post-grid-iteam3-3 {
    width: 100%;
    }
    
       .fl-post-grid-iteam3-2 svg{
        display: none;
    }


}




@media (max-width: 1000px) {
    
    
        .fl-post-grid3__wrap {
        display: inline-block;
        padding-top: 0;
    }
    
    
    .fl-post-grid-iteam3-2-3 {
        width: 100%;
        display: inline-block;
    }
    
    .fl-post-grid-iteam3-2 {
    width: 95%;
    padding-right: 5%;
}
    
    
 

}





.hero-box-img-seven {
    position: relative;
}


.hero-box-img-seven svg{
       fill: transparent;
}


.hero-box-img-seven-img{
    position: absolute;
    bottom: 62px;
    left: 44px;
    height: 428px;
    overflow: hidden;
}

.hero-box-img-nine{
    display: flex;
    justify-content: center;
}


@media (max-width: 640px) {

html .hero-box-img-nine {
    display: inline-block;
    width: 100%;
}
    
    
html .nine-img2 div {
    margin-left: 0;
}
    
    
    html .nine-img4 {
    padding-top: 0;
}
    
    
    html .nine-img3 {
    padding-top: 0;
}
    
    
    html .hero-box-img-nine-img {
        padding-top: 0px;
        margin-top: 0;
        margin-bottom: 0;
        margin: 0 auto;
}
    
    
}


.hero-box-img-nine-img{
    padding-bottom: 30px;
    border-right: 1px solid #222;
    width: 200px;
    overflow: hidden;
    padding-top: 30px;
    margin-top: 50px;
    margin-bottom: 50px;
}


@media (min-width: 640px) {
    
.hero-box-img-nine-img:last-child{
    border: 0;
}
    
}


.hero-box-img-nine-img div{
    border: 2px solid #222;
    width: 240px;
    height: 240px;
    border-radius: 100%;
    overflow: hidden;
}



.hero-box-img-nine-img  img {
    object-fit: cover;
    aspect-ratio: 480 / 480;
    height: 100% !important;
    stransition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
	-o-transition: all .4s ease-in-out;s
}


.hero-box-img-nine h5{
    text-align: right;
    font-size: 100px;
    position: relative;
    right: -20px;
}

.hero-box-img-nine h6{
    text-align: center;
    font-size: 100px;
}

.nine-img3{
    padding-top: 50px;
}

@media (min-width: 640px) {

.nine-img4{
    padding-top: 170px;
    width: auto;
}
    
}

.nine-img2 div{
    margin-left: -20px;
}
.nine-img3 div{
    margin-left: -20px;
}
.nine-img4 div{
    margin-left: -20px;
}


.hero-box-img-nine-img:hover img{
    transform: scale(1.1); 
}


.hero-box-img-eight svg{
      fill: transparent;
}


.hero-box-img-ten{
    position: relative;
    width: 500px;
    display: inline-block; 
}


.hero-box-img-ten img{
    position: relative;
}


.hero-box-img-ten-img.ten-img1 {
    position: absolute;
    top: 144px;
    left: 51px;
    width: 200px;
    height: 500px;
    overflow: hidden;
    border: 0;
}


.hero-box-img-ten-img.ten-img2 {
position: absolute;
    top: 98px;
    left: 254px;
    width: 225px;
    height: 500px;
    overflow: hidden;
    border: 0;
    border-radius: 0 0 235px 36px;
}


.hero-box-img-ten-img.ten-img1  div , .hero-box-img-ten-img.ten-img2  div{
    width: 400px;
}


.hero-box-img-twelve{
    position: relative;
    display: inline-block;
}

.header-twelve{
    height: 150px; 
    position: relative;
}

.hero-box-wrap-twelve{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 35px;
}



.header-twelve svg{
    position: absolute;
    top: 0;
    left: 0;
}

.hero-box-img-twelve_info{
    gap: 15px;
    position: relative;
    display: flex;
    padding-top: 25px;
    padding-left: 10px;
    justify-content: space-between;
    padding-right: 20px;
}

.hero-box-img-twelve_info h5{
    margin: 0;
    padding: 0;
    font-size: 22px;
}
.hero-box-img-twelve_info h6{
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 16px;
    line-height: 1.4;
    min-width: 134px;
    padding-left: 10px;
    font-weight: normal;
}

.hero-box-img-twelve_info h6 a{
    font-size: 16px;
    line-height: 1.4;
    white-space: break-spaces;
}


.span-twelve_info{
    position: relative;
    top: 10px;
    left: 0px;
    display: block;
    width: 100%;
    border-top: 1px solid #222;
}

.hero-box-wrap-twelve img{
    width: 100%;
    height: auto;
}

.footer-twelve{
    padding-top: 25px;
}


.footer-twelve a{
    color: #222;
    display: flex;
    justify-content: space-between;
    font-size: 16px;
}


.footer-twelve svg{
    position: relative;
    top: 6px;
    width: 25px;
}


.footer-twelve a:hover svg path{
fill:   var(--link--hover__Color, var(--accent--hover__Color));
}

.svg-2-twelve{
    position: relative;
    bottom: -57px;
    text-align: left;
    display: inline-block;
    left: 129px;
}



@media only screen and (min-width: 1100px) {
   .hero-2-post{
    position: absolute !important;
    bottom: 0;
    left: 0;
}
 
    
    
} 

.hero-2-post{
    width: 100%;
    background: #F4B7E9;
    padding: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}


.hero-2-post h3{
    font-size: 24px;
}




@media only screen and (max-width: 480px) {

    
 .hero-box-img4 , .hero-box-img4-inner{
    width: 315px;
    height: 315px;
}
    
    
    .hrb4-1 {
    width: 89px;
}
    
    .hrb4-2 {
    width: 64px;
    }
    
    .hrb4-3 {
    width: 63px;
    }
    
 .hrb4-4 {
    width: 153px;
    }
    
}



.hero-box-img-thirteen{
    position: relative;
    display: inline-block;
}

.hero-box-wrap-thirteen{
    position: absolute;
    bottom: 9px;
    width: 100%;
    text-align: center;
    height: 374px;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}


.box-pos_box-hor .hero-box-wrap-thirteen{
    border-radius: 150px;
}


.box-pos_box-ver .hero-box-wrap-thirteen {
    bottom: 1px;
}


.hero-box-img-thirteen-img {
height: 100%;
}

.hero-box-img-thirteen-img  div{
    height: 100%;
}

.ft-hero-thirteen-img{
    position: relative;
}

.box-pos_box-ver  .hero-box-img-thirteen-svg2{
    display: block;
}

.box-pos_box-ver  .hero-box-img-thirteen-svg1{
    display: none;
}

.hero-box-img-thirteen-svg2{
    display: none;
}

@media only screen and (max-width: 480px) {

.hero-box-img-thirteen svg{
        max-width: 100%;
        position: relative;
        top: 18px;
}
    
 .box-pos_box-ver svg {
        max-width: 90%;
        left: 5%;
        top: 0;
        position: relative;
    }
    
}


.nav.navbar-nav li{
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
}


.hero-title.align-right  *{
    text-align: right;
    display: inline-block;
    width: 100%;
}


.hero-title.align-center  *{
    text-align: center;
    display: inline-block;
    width: 100%;
}

.elementor-shortcode   .mc4wp-form {
    position: relative;
}


.hero-mc4wp-form  input[type="email"] {
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 100px;
    padding: 10px 20px;
    height: 62px;
    display: inline-block;
    min-height: auto;
    color: #fff;
    font-size: 18px;
    padding-right: 170px;
}

.hero-mc4wp-form{
    position: relative;
    max-width: 500px;
}


.hero-mc4wp-form .btn{
    position: absolute;
    right: 11px;
    top: 9px;
    background: #fff;
    border: 0;
    color: #fff;
}


.hero-mc4wp-form .btn-hover .ms-btn__text {
    color: #222;
}

.elementor-shortcode .mc4wp-form p {
    color: #fff;
}

.elementor-shortcode  .mc4wp-response{
    padding-top: 10px;
    padding-left: 10px;
}


.fl-buttons-list{
    list-style: none;
    margin: 0;
    padding: 0;
}


.fl-buttons-list li{
    list-style: none;
    display: inline-block;
    margin-right: 10px;
}


.fl-buttons-list-main{
    background: red;
    width: 50px;
    padding: .5rem 1.1rem !important;
}



.fl-buttons-list .btn-hover .ms-btn__text {
    font-weight: 600;
    font-size: 15px;
}



.fl-buttons-list .btn{
    border: 0;
}


.btn.fl-buttons-list-main .ms-btn__text{
    color: #fff;
    font-size: 23px;
    
}


.btn.fl-buttons-list-main {
    text-align: center;
    width: 46px;
    min-width: auto;
    height: 46px;
    line-height: 27px;
}

.hero-align_box{
    display: flex;
}





.elementor-widget-container .swiper-button-tmkit .swiper-button-next,.elementor-widget-container .swiper-button-tmkit .swiper-button-prev {
    padding: 10px;
    background: #fff;
    border: 1px solid #EAEAEB;
    width: 54px;
    height: 54px;
    -webkit-transition: all 0.3s;
	 -o-transition: all 0.3s;
	 transition: all 0.3s;
    top: 35%;
    border-radius: 100px;
}


.elementor-widget-container .swiper-button-tmkit .swiper-button-next:hover,.elementor-widget-container .swiper-button-tmkit .swiper-button-prev:hover {
    background: #222;
    border-color: #222;
}


.elementor-widget-container .swiper-button-tmkit .swiper-button-next:hover svg path,.elementor-widget-container .swiper-button-tmkit .swiper-button-prev:hover svg path{
    stroke: #fff;
}

.elementor-widget-container .swiper-button-tmkit .swiper-button-prev svg,.elementor-widget-container .swiper-button-tmkit .swiper-button-next svg {
    width: 23px;
    height: 23px;
}

.elementor-widget-container .swiper-button-tmkit .swiper-button-prev:after,.elementor-widget-container .swiper-button-tmkit .swiper-button-next:after {
display: none;
}


.elementor-widget-container:hover  .swiper-button-next {
    right: 0;
}

.elementor-widget-container:hover  .swiper-button-prev {
    left: 0;
}

.swiper-button-tmkit .swiper-button-next {
    right: -50px;
}

.swiper-button-tmkit .swiper-button-prev{
     left: -50px;
}


.swiper-controls-navigation-disable .swiper-button-next , .swiper-controls-navigation-disable .swiper-button-prev,
.swiper-controls-navigation-disable button{
    display: none !important;
}


.swiper-controls-pagination-disable .swiper-pagination , .swiper-controls-pagination-disable .ltst-swiper__prev , .swiper-controls-pagination-disable .ltst-swiper__next {
     display: none !important;   
} 

.swiper.swiper-controls-pagination-disable{
    padding-bottom: 0px !important;
}


.swiper-button-tmkit.swiper-controls-pagination-enable {
    margin-bottom: 0 !important;
    padding-bottom: 0px !important;
    padding-top: 0 !important;
}


.swiper-button-tmkit.swiper-controls-pagination-enable .swiper-pagination-wrap{
    left: 0;
    position: relative;
    height: 25px;
    bottom: -15px;
    width: 100%;
    margin-bottom: 50px;
}


.testimonials_style_one .swiper-button-tmkit.swiper-controls-pagination-enable .swiper-pagination-wrap {
    position: relative;
    height: 75px;
}

.elementor-widget-templines-custom-img-carousel .box-swiper{
    padding-bottom: 80px;
}


.gallery-swiper.swiper-controls-pagination-enable{
     padding-bottom: 80px;
}





.km_cf7-label {
    -webkit-touch-callout: none;
    -khtml-user-select: none
}

.syn-small-infomenu {
    font-size: 9px;
    color: #fff;
    font-family: cursive;
    position: absolute;
    text-transform: initial;
    height: 13px;
    line-height: 11px;
    font-weight: 900;
    padding: 2px 5px;
    margin-top: 1px;
    margin-left: 8px
}

.pp-section {
    height: 100%;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: -webkit-transform 1s cubic-bezier(.55,.085,0,.99);
    transition: transform 1s cubic-bezier(.55,.085,0,.99)
}

.pp-easing {
    -webkit-transition: all 1s cubic-bezier(.55,.085,0,.99);
    -moz-transition: all 1s cubic-bezier(.55,.085,0,.99);
    -o-transition: all 1s cubic-bezier(.55,.085,0,.99);
    transition: all 1s cubic-bezier(.55,.085,0,.99);
    -webkit-transition-timing-function: cubic-bezier(.55,.085,0,.99);
    -moz-transition-timing-function: cubic-bezier(.55,.085,0,.99);
    -o-transition-timing-function: cubic-bezier(.55,.085,0,.99);
    transition-timing-function: cubic-bezier(.55,.085,0,.99)
}

#pp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1
}

#pp-nav.right {
    right: 17px
}

#pp-nav.left {
    left: 17px
}

.pp-section.pp-table {
    display: table
}

.pp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.pp-slidesNav {
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1
}

.pp-slidesNav.bottom {
    bottom: 17px
}

.pp-slidesNav.top {
    top: 17px
}

#pp-nav ul,.pp-slidesNav ul {
    margin: 0;
    padding: 0
}

#pp-nav li,.pp-slidesNav li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position: relative
}

.pp-slidesNav li {
    display: inline-block
}

#pp-nav li a,.pp-slidesNav li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none
}

#pp-nav li .active span,.pp-slidesNav .active span {
    background: #333
}

#pp-nav span,.pp-slidesNav span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    background: rgba(0,0,0,0);
    border-radius: 50%;
    position: absolute;
    z-index: 1
}

.pp-tooltip {
    position: absolute;
    top: -2px;
    font-size: 14px;
    font-family: arial,helvetica,sans-serif;
    white-space: nowrap;
    max-width: 220px;
    color: inherit!important
}

.pp-tooltip.right {
    right: 20px
}

.pp-tooltip.left {
    left: 20px
}

.pp-scrollable {
    overflow-y: scroll;
    height: 100%
}

.tmkit-piling-container[data-transanimation=modern] .tmkit-piling-section {
    transform: translate3d(0,100%,0)!important;
    -webkit-transform: translate3d(0,100%,0)!important;
    z-index: 1!important
}

.tmkit-piling-container[data-transanimation=parallax] .tmkit-piling-section {
    transform: translate3d(0,100%,0)!important;
    -webkit-transform: translate3d(0,100%,0)!important;
    z-index: 1!important;
    -webkit-transition: -webkit-transform .7s ease-in-out!important;
    transition: transform .7s ease-in-out!important
}

.tmkit-piling-container[data-transanimation=parallax] .tmkit-piling-section.small-transition {
    -webkit-transition: -webkit-transform .88s ease-in-out!important;
    transition: transform .88s ease-in-out!important
}

.tmkit-piling-container[data-transanimation=modern] .tmkit-piling-section:nth-of-type(1),.tmkit-piling-container[data-transanimation=parallax] .tmkit-piling-section:nth-of-type(1) {
    transform: translate3d(0,0,0)!important;
    -webkit-transform: translate3d(0,0,0)!important;
    z-index: 2!important
}

.tmkit-piling-section-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.km-progressbar,.km-progressbar-container {
    position: relative;
    width: 100%;
    float: left;
    box-sizing: border-box
}

#pp-nav span,.pp-slidesNav span {
    opacity: .8;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

#pp-nav li .active span,#pp-nav li span:hover,.pp-slidesNav .active span,.pp-slidesNav span:hover {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.tmkit-piling-section.no-transition {
    -webkit-transition: none;
    transition: none
}


.tmkit-theelement [class*=" km-icon-"],.tmkit-theelement [class^=km-icon-] {
    display: inline-block;
    width: 100%
}

.km-progressbar-container {
    height: auto;
    margin-bottom: 20px
}

.km-progressbar {
    background-color: #f8f8f8;
    height: 20px;
    line-height: 20px;
    overflow: hidden
}

.km-progressbar-container .km-progressbar-thestrips {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    z-index: 9999
}

.km-progressbar-container[data-strips=normal] .km-progressbar-thestrips,.km-progressbar-container[data-strips=moving] .km-progressbar-thestrips,.tmkit-vsklbr-container[data-strips=normal] .tmkit-vsklbr-bar-strips,.tmkit-vsklbr-container[data-strips=moving] .tmkit-vsklbr-bar-strips {
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 20px 20px
}

.km-progressbar-container[data-strips=moving] .km-progressbar-thestrips,.tmkit-vsklbr-container[data-strips=moving] .tmkit-vsklbr-bar-strips {
    -webkit-animation: stripes-moving 1s linear infinite;
    animation: stripes-moving 1s linear infinite
}

.km-progressbar-thebar {
    position: absolute;
    box-sizing: border-box;
    height: 100%;
    float: left;
    left: 0;
    top: 0;
    right: 0;
    width: 0;
    background: #00afd1;
    -webkit-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out
}

.km-progressbar-container[data-style=style_1] .km-progressbar-tooltip {
    width: 35px;
    height: 20px;
    line-height: 20px;
    color: #FFF;
    background: #222;
    text-align: center;
    font-size: 12px;
    position: absolute;
    margin-bottom: 6px;
    left: 0;
    -webkit-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out
}

.km-progressbar-container[data-style=style_2] .km-progressbar-tooltip {
    width: auto;
    height: 20px;
    line-height: 20px;
    color: #999;
    text-align: center;
    font-size: 12px;
    position: absolute;
    margin-bottom: 6px;
    right: 0;
    padding: 0 5px
}

.km-progressbar-container[data-style=style_2] .km-progressbar-tooltip:after {
    content: ")";
    color: #999;
    position: absolute;
    right: 0
}

.km-progressbar-container[data-style=style_2] .km-progressbar-tooltip:before {
    content: "(";
    color: #999;
    position: absolute;
    left: 0
}

.km-progressbar-container[data-style=style_1] .km-progressbar-tooltip:after {
    content: "";
    position: absolute;
    border-top: 5px solid #222;
    border-left: 12px solid transparent;
    bottom: -4px;
    right: 0
}

.km-progressbar-container[data-style=style_1] .km-progressbar-info,.km-progressbar-container[data-style=style_2] .km-progressbar-info {
    width: 100%;
    float: left;
    height: auto;
    position: relative;
    margin-bottom: 10px
}

.km-progressbar-title {
    letter-spacing: 2px
}

.km-close,.km-modal-button {
    letter-spacing: 1px;
    cursor: pointer
}

.km-progressbar-container[data-style=style_1] .km-progressbar-title {
    float: left;
    font-size: 14px;
    color: inherit
}

.km-progressbar-container[data-style=style_3] .km-progressbar-title {
    position: absolute;
    background: rgba(0,0,0,.5);
    left: 0;
    top: 0;
    width: auto;
    height: 100%;
    line-height: inherit;
    z-index: 9;
    color: #FFF;
    padding: 0 10px;
    font-size: 13px
}

.km-progressbar-container[data-style=style_3] .km-progressbar-tooltip {
    background: rgba(255,255,255,.3);
    right: 0;
    position: absolute;
    z-index: 9;
    padding: 0 5px
}

@-webkit-keyframes stripes-moving {
    from {
        background-position: 20px 0
    }

    to {
        background-position: 0 0
    }
}

@keyframes stripes-moving {
    from {
        background-position: 20px 0
    }

    to {
        background-position: 0 0
    }
}

.tmkit-layeredimages-container {
    width: 100%;
    height: auto;
    max-width: 100%;
    float: left;
    position: relative
}

.tmkit-layeredimages-container[data-align=center] {
    text-align: center
}

.tmkit-layeredimages-container[data-align=left] {
    text-align: left
}

.tmkit-layeredimages-container[data-align=right] {
    text-align: right
}

.tmkit-layeredimages-single {
    max-width: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0
}

.tmkit-layeredimages-single img {
    max-width: 100%
}

.tmkit-layeredimages-container .tmkit-layeredimages-single:first-of-type {
    position: relative;
    float: left
}

.km-radial-progressbar-container {
    width: 100%;
    text-align: center
}

.km-radial-progressbar-container[data-position=left] {
    text-align: left
}

.km-radial-progressbar-container[data-position=right] {
    text-align: right
}

.km-radial-progressbar-container[data-position=center] {
    text-align: center
}

.km-radial-progressbar {
    display: inline-block;
    width: 180px;
    height: 180px;
    background-color: #eee;
    border-radius: 50%;
    position: relative
}

.km-radial-progressbar .circle .fill,.km-radial-progressbar .circle .mask,.km-radial-progressbar .circle .shadow {
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50%;
    z-index: 9
}

.km-radial-progressbar .circle .fill,.km-radial-progressbar .circle .mask {
    -webkit-backface-visibility: hidden;
    transition: -webkit-transform 3s;
    transition: -ms-transform 3s;
    transition: transform 3s;
    border-radius: 50%
}

.km-radial-progressbar .inset {
    left: calc(10px / 2);
    top: calc(10px / 2);
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    position: absolute;
    border-radius: 50%;
    z-index: 99
}

.km-radial-progressbar .inset .percentage {
    height: 100%;
    border-radius: 50%;
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center
}

.km-radial-progressbar .inset .percentage .numbers {
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.km-radial-progressbar[data-progress="0"] .circle .fill,.km-radial-progressbar[data-progress="0"] .circle .fill.fix,.km-radial-progressbar[data-progress="0"] .circle .mask.full {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.km-radial-progressbar[data-progress="1"] .circle .fill,.km-radial-progressbar[data-progress="1"] .circle .mask.full {
    -webkit-transform: rotate(1.8deg);
    -ms-transform: rotate(1.8deg);
    transform: rotate(1.8deg)
}

.km-radial-progressbar[data-progress="1"] .circle .fill.fix,.km-radial-progressbar[data-progress="2"] .circle .fill,.km-radial-progressbar[data-progress="2"] .circle .mask.full {
    -webkit-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    transform: rotate(3.6deg)
}

.km-radial-progressbar[data-progress="2"] .circle .fill.fix {
    -webkit-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    transform: rotate(7.2deg)
}

.km-radial-progressbar[data-progress="3"] .circle .fill,.km-radial-progressbar[data-progress="3"] .circle .mask.full {
    -webkit-transform: rotate(5.4deg);
    -ms-transform: rotate(5.4deg);
    transform: rotate(5.4deg)
}

.km-radial-progressbar[data-progress="3"] .circle .fill.fix {
    -webkit-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    transform: rotate(10.8deg)
}

.km-radial-progressbar[data-progress="4"] .circle .fill,.km-radial-progressbar[data-progress="4"] .circle .mask.full {
    -webkit-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    transform: rotate(7.2deg)
}

.km-radial-progressbar[data-progress="4"] .circle .fill.fix {
    -webkit-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    transform: rotate(14.4deg)
}

.km-radial-progressbar[data-progress="5"] .circle .fill,.km-radial-progressbar[data-progress="5"] .circle .mask.full {
    -webkit-transform: rotate(9deg);
    -ms-transform: rotate(9deg);
    transform: rotate(9deg)
}

.km-radial-progressbar[data-progress="5"] .circle .fill.fix {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg)
}

.km-radial-progressbar[data-progress="6"] .circle .fill,.km-radial-progressbar[data-progress="6"] .circle .mask.full {
    -webkit-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    transform: rotate(10.8deg)
}

.km-radial-progressbar[data-progress="6"] .circle .fill.fix {
    -webkit-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    transform: rotate(21.6deg)
}

.km-radial-progressbar[data-progress="7"] .circle .fill,.km-radial-progressbar[data-progress="7"] .circle .mask.full {
    -webkit-transform: rotate(12.6deg);
    -ms-transform: rotate(12.6deg);
    transform: rotate(12.6deg)
}

.km-radial-progressbar[data-progress="7"] .circle .fill.fix {
    -webkit-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    transform: rotate(25.2deg)
}

.km-radial-progressbar[data-progress="8"] .circle .fill,.km-radial-progressbar[data-progress="8"] .circle .mask.full {
    -webkit-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    transform: rotate(14.4deg)
}

.km-radial-progressbar[data-progress="8"] .circle .fill.fix {
    -webkit-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    transform: rotate(28.8deg)
}

.km-radial-progressbar[data-progress="9"] .circle .fill,.km-radial-progressbar[data-progress="9"] .circle .mask.full {
    -webkit-transform: rotate(16.2deg);
    -ms-transform: rotate(16.2deg);
    transform: rotate(16.2deg)
}

.km-radial-progressbar[data-progress="9"] .circle .fill.fix {
    -webkit-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    transform: rotate(32.4deg)
}

.km-radial-progressbar[data-progress="10"] .circle .fill,.km-radial-progressbar[data-progress="10"] .circle .mask.full {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg)
}

.km-radial-progressbar[data-progress="10"] .circle .fill.fix {
    -webkit-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg)
}

.km-radial-progressbar[data-progress="11"] .circle .fill,.km-radial-progressbar[data-progress="11"] .circle .mask.full {
    -webkit-transform: rotate(19.8deg);
    -ms-transform: rotate(19.8deg);
    transform: rotate(19.8deg)
}

.km-radial-progressbar[data-progress="11"] .circle .fill.fix {
    -webkit-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    transform: rotate(39.6deg)
}

.km-radial-progressbar[data-progress="12"] .circle .fill,.km-radial-progressbar[data-progress="12"] .circle .mask.full {
    -webkit-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    transform: rotate(21.6deg)
}

.km-radial-progressbar[data-progress="12"] .circle .fill.fix {
    -webkit-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    transform: rotate(43.2deg)
}

.km-radial-progressbar[data-progress="13"] .circle .fill,.km-radial-progressbar[data-progress="13"] .circle .mask.full {
    -webkit-transform: rotate(23.400000000000002deg);
    -ms-transform: rotate(23.400000000000002deg);
    transform: rotate(23.400000000000002deg)
}

.km-radial-progressbar[data-progress="13"] .circle .fill.fix {
    -webkit-transform: rotate(46.800000000000004deg);
    -ms-transform: rotate(46.800000000000004deg);
    transform: rotate(46.800000000000004deg)
}

.km-radial-progressbar[data-progress="14"] .circle .fill,.km-radial-progressbar[data-progress="14"] .circle .mask.full {
    -webkit-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    transform: rotate(25.2deg)
}

.km-radial-progressbar[data-progress="14"] .circle .fill.fix {
    -webkit-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    transform: rotate(50.4deg)
}

.km-radial-progressbar[data-progress="15"] .circle .fill,.km-radial-progressbar[data-progress="15"] .circle .mask.full {
    -webkit-transform: rotate(27deg);
    -ms-transform: rotate(27deg);
    transform: rotate(27deg)
}

.km-radial-progressbar[data-progress="15"] .circle .fill.fix {
    -webkit-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    transform: rotate(54deg)
}

.km-radial-progressbar[data-progress="16"] .circle .fill,.km-radial-progressbar[data-progress="16"] .circle .mask.full {
    -webkit-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    transform: rotate(28.8deg)
}

.km-radial-progressbar[data-progress="16"] .circle .fill.fix {
    -webkit-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    transform: rotate(57.6deg)
}

.km-radial-progressbar[data-progress="17"] .circle .fill,.km-radial-progressbar[data-progress="17"] .circle .mask.full {
    -webkit-transform: rotate(30.6deg);
    -ms-transform: rotate(30.6deg);
    transform: rotate(30.6deg)
}

.km-radial-progressbar[data-progress="17"] .circle .fill.fix {
    -webkit-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    transform: rotate(61.2deg)
}

.km-radial-progressbar[data-progress="18"] .circle .fill,.km-radial-progressbar[data-progress="18"] .circle .mask.full {
    -webkit-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    transform: rotate(32.4deg)
}

.km-radial-progressbar[data-progress="18"] .circle .fill.fix {
    -webkit-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    transform: rotate(64.8deg)
}

.km-radial-progressbar[data-progress="19"] .circle .fill,.km-radial-progressbar[data-progress="19"] .circle .mask.full {
    -webkit-transform: rotate(34.2deg);
    -ms-transform: rotate(34.2deg);
    transform: rotate(34.2deg)
}

.km-radial-progressbar[data-progress="19"] .circle .fill.fix {
    -webkit-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    transform: rotate(68.4deg)
}

.km-radial-progressbar[data-progress="20"] .circle .fill,.km-radial-progressbar[data-progress="20"] .circle .mask.full {
    -webkit-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    transform: rotate(36deg)
}

.km-radial-progressbar[data-progress="20"] .circle .fill.fix {
    -webkit-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    transform: rotate(72deg)
}

.km-radial-progressbar[data-progress="21"] .circle .fill,.km-radial-progressbar[data-progress="21"] .circle .mask.full {
    -webkit-transform: rotate(37.800000000000004deg);
    -ms-transform: rotate(37.800000000000004deg);
    transform: rotate(37.800000000000004deg)
}

.km-radial-progressbar[data-progress="21"] .circle .fill.fix {
    -webkit-transform: rotate(75.60000000000001deg);
    -ms-transform: rotate(75.60000000000001deg);
    transform: rotate(75.60000000000001deg)
}

.km-radial-progressbar[data-progress="22"] .circle .fill,.km-radial-progressbar[data-progress="22"] .circle .mask.full {
    -webkit-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    transform: rotate(39.6deg)
}

.km-radial-progressbar[data-progress="22"] .circle .fill.fix {
    -webkit-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    transform: rotate(79.2deg)
}

.km-radial-progressbar[data-progress="23"] .circle .fill,.km-radial-progressbar[data-progress="23"] .circle .mask.full {
    -webkit-transform: rotate(41.4deg);
    -ms-transform: rotate(41.4deg);
    transform: rotate(41.4deg)
}

.km-radial-progressbar[data-progress="23"] .circle .fill.fix {
    -webkit-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    transform: rotate(82.8deg)
}

.km-radial-progressbar[data-progress="24"] .circle .fill,.km-radial-progressbar[data-progress="24"] .circle .mask.full {
    -webkit-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    transform: rotate(43.2deg)
}

.km-radial-progressbar[data-progress="24"] .circle .fill.fix {
    -webkit-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    transform: rotate(86.4deg)
}

.km-radial-progressbar[data-progress="25"] .circle .fill,.km-radial-progressbar[data-progress="25"] .circle .mask.full {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.km-radial-progressbar[data-progress="25"] .circle .fill.fix {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.km-radial-progressbar[data-progress="26"] .circle .fill,.km-radial-progressbar[data-progress="26"] .circle .mask.full {
    -webkit-transform: rotate(46.800000000000004deg);
    -ms-transform: rotate(46.800000000000004deg);
    transform: rotate(46.800000000000004deg)
}

.km-radial-progressbar[data-progress="26"] .circle .fill.fix {
    -webkit-transform: rotate(93.60000000000001deg);
    -ms-transform: rotate(93.60000000000001deg);
    transform: rotate(93.60000000000001deg)
}

.km-radial-progressbar[data-progress="27"] .circle .fill,.km-radial-progressbar[data-progress="27"] .circle .mask.full {
    -webkit-transform: rotate(48.6deg);
    -ms-transform: rotate(48.6deg);
    transform: rotate(48.6deg)
}

.km-radial-progressbar[data-progress="27"] .circle .fill.fix {
    -webkit-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    transform: rotate(97.2deg)
}

.km-radial-progressbar[data-progress="28"] .circle .fill,.km-radial-progressbar[data-progress="28"] .circle .mask.full {
    -webkit-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    transform: rotate(50.4deg)
}

.km-radial-progressbar[data-progress="28"] .circle .fill.fix {
    -webkit-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    transform: rotate(100.8deg)
}

.km-radial-progressbar[data-progress="29"] .circle .fill,.km-radial-progressbar[data-progress="29"] .circle .mask.full {
    -webkit-transform: rotate(52.2deg);
    -ms-transform: rotate(52.2deg);
    transform: rotate(52.2deg)
}

.km-radial-progressbar[data-progress="29"] .circle .fill.fix {
    -webkit-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    transform: rotate(104.4deg)
}

.km-radial-progressbar[data-progress="30"] .circle .fill,.km-radial-progressbar[data-progress="30"] .circle .mask.full {
    -webkit-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    transform: rotate(54deg)
}

.km-radial-progressbar[data-progress="30"] .circle .fill.fix {
    -webkit-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    transform: rotate(108deg)
}

.km-radial-progressbar[data-progress="31"] .circle .fill,.km-radial-progressbar[data-progress="31"] .circle .mask.full {
    -webkit-transform: rotate(55.800000000000004deg);
    -ms-transform: rotate(55.800000000000004deg);
    transform: rotate(55.800000000000004deg)
}

.km-radial-progressbar[data-progress="31"] .circle .fill.fix {
    -webkit-transform: rotate(111.60000000000001deg);
    -ms-transform: rotate(111.60000000000001deg);
    transform: rotate(111.60000000000001deg)
}

.km-radial-progressbar[data-progress="32"] .circle .fill,.km-radial-progressbar[data-progress="32"] .circle .mask.full {
    -webkit-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    transform: rotate(57.6deg)
}

.km-radial-progressbar[data-progress="32"] .circle .fill.fix {
    -webkit-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    transform: rotate(115.2deg)
}

.km-radial-progressbar[data-progress="33"] .circle .fill,.km-radial-progressbar[data-progress="33"] .circle .mask.full {
    -webkit-transform: rotate(59.4deg);
    -ms-transform: rotate(59.4deg);
    transform: rotate(59.4deg)
}

.km-radial-progressbar[data-progress="33"] .circle .fill.fix {
    -webkit-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    transform: rotate(118.8deg)
}

.km-radial-progressbar[data-progress="34"] .circle .fill,.km-radial-progressbar[data-progress="34"] .circle .mask.full {
    -webkit-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    transform: rotate(61.2deg)
}

.km-radial-progressbar[data-progress="34"] .circle .fill.fix {
    -webkit-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    transform: rotate(122.4deg)
}

.km-radial-progressbar[data-progress="35"] .circle .fill,.km-radial-progressbar[data-progress="35"] .circle .mask.full {
    -webkit-transform: rotate(63deg);
    -ms-transform: rotate(63deg);
    transform: rotate(63deg)
}

.km-radial-progressbar[data-progress="35"] .circle .fill.fix {
    -webkit-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    transform: rotate(126deg)
}

.km-radial-progressbar[data-progress="36"] .circle .fill,.km-radial-progressbar[data-progress="36"] .circle .mask.full {
    -webkit-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    transform: rotate(64.8deg)
}

.km-radial-progressbar[data-progress="36"] .circle .fill.fix {
    -webkit-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    transform: rotate(129.6deg)
}

.km-radial-progressbar[data-progress="37"] .circle .fill,.km-radial-progressbar[data-progress="37"] .circle .mask.full {
    -webkit-transform: rotate(66.60000000000001deg);
    -ms-transform: rotate(66.60000000000001deg);
    transform: rotate(66.60000000000001deg)
}

.km-radial-progressbar[data-progress="37"] .circle .fill.fix {
    -webkit-transform: rotate(133.20000000000002deg);
    -ms-transform: rotate(133.20000000000002deg);
    transform: rotate(133.20000000000002deg)
}

.km-radial-progressbar[data-progress="38"] .circle .fill,.km-radial-progressbar[data-progress="38"] .circle .mask.full {
    -webkit-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    transform: rotate(68.4deg)
}

.km-radial-progressbar[data-progress="38"] .circle .fill.fix {
    -webkit-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    transform: rotate(136.8deg)
}

.km-radial-progressbar[data-progress="39"] .circle .fill,.km-radial-progressbar[data-progress="39"] .circle .mask.full {
    -webkit-transform: rotate(70.2deg);
    -ms-transform: rotate(70.2deg);
    transform: rotate(70.2deg)
}

.km-radial-progressbar[data-progress="39"] .circle .fill.fix {
    -webkit-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    transform: rotate(140.4deg)
}

.km-radial-progressbar[data-progress="40"] .circle .fill,.km-radial-progressbar[data-progress="40"] .circle .mask.full {
    -webkit-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    transform: rotate(72deg)
}

.km-radial-progressbar[data-progress="40"] .circle .fill.fix {
    -webkit-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    transform: rotate(144deg)
}

.km-radial-progressbar[data-progress="41"] .circle .fill,.km-radial-progressbar[data-progress="41"] .circle .mask.full {
    -webkit-transform: rotate(73.8deg);
    -ms-transform: rotate(73.8deg);
    transform: rotate(73.8deg)
}

.km-radial-progressbar[data-progress="41"] .circle .fill.fix {
    -webkit-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    transform: rotate(147.6deg)
}

.km-radial-progressbar[data-progress="42"] .circle .fill,.km-radial-progressbar[data-progress="42"] .circle .mask.full {
    -webkit-transform: rotate(75.60000000000001deg);
    -ms-transform: rotate(75.60000000000001deg);
    transform: rotate(75.60000000000001deg)
}

.km-radial-progressbar[data-progress="42"] .circle .fill.fix {
    -webkit-transform: rotate(151.20000000000002deg);
    -ms-transform: rotate(151.20000000000002deg);
    transform: rotate(151.20000000000002deg)
}

.km-radial-progressbar[data-progress="43"] .circle .fill,.km-radial-progressbar[data-progress="43"] .circle .mask.full {
    -webkit-transform: rotate(77.4deg);
    -ms-transform: rotate(77.4deg);
    transform: rotate(77.4deg)
}

.km-radial-progressbar[data-progress="43"] .circle .fill.fix {
    -webkit-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    transform: rotate(154.8deg)
}

.km-radial-progressbar[data-progress="44"] .circle .fill,.km-radial-progressbar[data-progress="44"] .circle .mask.full {
    -webkit-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    transform: rotate(79.2deg)
}

.km-radial-progressbar[data-progress="44"] .circle .fill.fix {
    -webkit-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    transform: rotate(158.4deg)
}

.km-radial-progressbar[data-progress="45"] .circle .fill,.km-radial-progressbar[data-progress="45"] .circle .mask.full {
    -webkit-transform: rotate(81deg);
    -ms-transform: rotate(81deg);
    transform: rotate(81deg)
}

.km-radial-progressbar[data-progress="45"] .circle .fill.fix {
    -webkit-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    transform: rotate(162deg)
}

.km-radial-progressbar[data-progress="46"] .circle .fill,.km-radial-progressbar[data-progress="46"] .circle .mask.full {
    -webkit-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    transform: rotate(82.8deg)
}

.km-radial-progressbar[data-progress="46"] .circle .fill.fix {
    -webkit-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    transform: rotate(165.6deg)
}

.km-radial-progressbar[data-progress="47"] .circle .fill,.km-radial-progressbar[data-progress="47"] .circle .mask.full {
    -webkit-transform: rotate(84.60000000000001deg);
    -ms-transform: rotate(84.60000000000001deg);
    transform: rotate(84.60000000000001deg)
}

.km-radial-progressbar[data-progress="47"] .circle .fill.fix {
    -webkit-transform: rotate(169.20000000000002deg);
    -ms-transform: rotate(169.20000000000002deg);
    transform: rotate(169.20000000000002deg)
}

.km-radial-progressbar[data-progress="48"] .circle .fill,.km-radial-progressbar[data-progress="48"] .circle .mask.full {
    -webkit-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    transform: rotate(86.4deg)
}

.km-radial-progressbar[data-progress="48"] .circle .fill.fix {
    -webkit-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    transform: rotate(172.8deg)
}

.km-radial-progressbar[data-progress="49"] .circle .fill,.km-radial-progressbar[data-progress="49"] .circle .mask.full {
    -webkit-transform: rotate(88.2deg);
    -ms-transform: rotate(88.2deg);
    transform: rotate(88.2deg)
}

.km-radial-progressbar[data-progress="49"] .circle .fill.fix {
    -webkit-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    transform: rotate(176.4deg)
}

.km-radial-progressbar[data-progress="50"] .circle .fill,.km-radial-progressbar[data-progress="50"] .circle .mask.full {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.km-radial-progressbar[data-progress="50"] .circle .fill.fix {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.km-radial-progressbar[data-progress="51"] .circle .fill,.km-radial-progressbar[data-progress="51"] .circle .mask.full {
    -webkit-transform: rotate(91.8deg);
    -ms-transform: rotate(91.8deg);
    transform: rotate(91.8deg)
}

.km-radial-progressbar[data-progress="51"] .circle .fill.fix {
    -webkit-transform: rotate(183.6deg);
    -ms-transform: rotate(183.6deg);
    transform: rotate(183.6deg)
}

.km-radial-progressbar[data-progress="52"] .circle .fill,.km-radial-progressbar[data-progress="52"] .circle .mask.full {
    -webkit-transform: rotate(93.60000000000001deg);
    -ms-transform: rotate(93.60000000000001deg);
    transform: rotate(93.60000000000001deg)
}

.km-radial-progressbar[data-progress="52"] .circle .fill.fix {
    -webkit-transform: rotate(187.20000000000002deg);
    -ms-transform: rotate(187.20000000000002deg);
    transform: rotate(187.20000000000002deg)
}

.km-radial-progressbar[data-progress="53"] .circle .fill,.km-radial-progressbar[data-progress="53"] .circle .mask.full {
    -webkit-transform: rotate(95.4deg);
    -ms-transform: rotate(95.4deg);
    transform: rotate(95.4deg)
}

.km-radial-progressbar[data-progress="53"] .circle .fill.fix {
    -webkit-transform: rotate(190.8deg);
    -ms-transform: rotate(190.8deg);
    transform: rotate(190.8deg)
}

.km-radial-progressbar[data-progress="54"] .circle .fill,.km-radial-progressbar[data-progress="54"] .circle .mask.full {
    -webkit-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    transform: rotate(97.2deg)
}

.km-radial-progressbar[data-progress="54"] .circle .fill.fix {
    -webkit-transform: rotate(194.4deg);
    -ms-transform: rotate(194.4deg);
    transform: rotate(194.4deg)
}

.km-radial-progressbar[data-progress="55"] .circle .fill,.km-radial-progressbar[data-progress="55"] .circle .mask.full {
    -webkit-transform: rotate(99deg);
    -ms-transform: rotate(99deg);
    transform: rotate(99deg)
}

.km-radial-progressbar[data-progress="55"] .circle .fill.fix {
    -webkit-transform: rotate(198deg);
    -ms-transform: rotate(198deg);
    transform: rotate(198deg)
}

.km-radial-progressbar[data-progress="56"] .circle .fill,.km-radial-progressbar[data-progress="56"] .circle .mask.full {
    -webkit-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    transform: rotate(100.8deg)
}

.km-radial-progressbar[data-progress="56"] .circle .fill.fix {
    -webkit-transform: rotate(201.6deg);
    -ms-transform: rotate(201.6deg);
    transform: rotate(201.6deg)
}

.km-radial-progressbar[data-progress="57"] .circle .fill,.km-radial-progressbar[data-progress="57"] .circle .mask.full {
    -webkit-transform: rotate(102.60000000000001deg);
    -ms-transform: rotate(102.60000000000001deg);
    transform: rotate(102.60000000000001deg)
}

.km-radial-progressbar[data-progress="57"] .circle .fill.fix {
    -webkit-transform: rotate(205.20000000000002deg);
    -ms-transform: rotate(205.20000000000002deg);
    transform: rotate(205.20000000000002deg)
}

.km-radial-progressbar[data-progress="58"] .circle .fill,.km-radial-progressbar[data-progress="58"] .circle .mask.full {
    -webkit-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    transform: rotate(104.4deg)
}

.km-radial-progressbar[data-progress="58"] .circle .fill.fix {
    -webkit-transform: rotate(208.8deg);
    -ms-transform: rotate(208.8deg);
    transform: rotate(208.8deg)
}

.km-radial-progressbar[data-progress="59"] .circle .fill,.km-radial-progressbar[data-progress="59"] .circle .mask.full {
    -webkit-transform: rotate(106.2deg);
    -ms-transform: rotate(106.2deg);
    transform: rotate(106.2deg)
}

.km-radial-progressbar[data-progress="59"] .circle .fill.fix {
    -webkit-transform: rotate(212.4deg);
    -ms-transform: rotate(212.4deg);
    transform: rotate(212.4deg)
}

.km-radial-progressbar[data-progress="60"] .circle .fill,.km-radial-progressbar[data-progress="60"] .circle .mask.full {
    -webkit-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    transform: rotate(108deg)
}

.km-radial-progressbar[data-progress="60"] .circle .fill.fix {
    -webkit-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    transform: rotate(216deg)
}

.km-radial-progressbar[data-progress="61"] .circle .fill,.km-radial-progressbar[data-progress="61"] .circle .mask.full {
    -webkit-transform: rotate(109.8deg);
    -ms-transform: rotate(109.8deg);
    transform: rotate(109.8deg)
}

.km-radial-progressbar[data-progress="61"] .circle .fill.fix {
    -webkit-transform: rotate(219.6deg);
    -ms-transform: rotate(219.6deg);
    transform: rotate(219.6deg)
}

.km-radial-progressbar[data-progress="62"] .circle .fill,.km-radial-progressbar[data-progress="62"] .circle .mask.full {
    -webkit-transform: rotate(111.60000000000001deg);
    -ms-transform: rotate(111.60000000000001deg);
    transform: rotate(111.60000000000001deg)
}

.km-radial-progressbar[data-progress="62"] .circle .fill.fix {
    -webkit-transform: rotate(223.20000000000002deg);
    -ms-transform: rotate(223.20000000000002deg);
    transform: rotate(223.20000000000002deg)
}

.km-radial-progressbar[data-progress="63"] .circle .fill,.km-radial-progressbar[data-progress="63"] .circle .mask.full {
    -webkit-transform: rotate(113.4deg);
    -ms-transform: rotate(113.4deg);
    transform: rotate(113.4deg)
}

.km-radial-progressbar[data-progress="63"] .circle .fill.fix {
    -webkit-transform: rotate(226.8deg);
    -ms-transform: rotate(226.8deg);
    transform: rotate(226.8deg)
}

.km-radial-progressbar[data-progress="64"] .circle .fill,.km-radial-progressbar[data-progress="64"] .circle .mask.full {
    -webkit-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    transform: rotate(115.2deg)
}

.km-radial-progressbar[data-progress="64"] .circle .fill.fix {
    -webkit-transform: rotate(230.4deg);
    -ms-transform: rotate(230.4deg);
    transform: rotate(230.4deg)
}

.km-radial-progressbar[data-progress="65"] .circle .fill,.km-radial-progressbar[data-progress="65"] .circle .mask.full {
    -webkit-transform: rotate(117deg);
    -ms-transform: rotate(117deg);
    transform: rotate(117deg)
}

.km-radial-progressbar[data-progress="65"] .circle .fill.fix {
    -webkit-transform: rotate(234deg);
    -ms-transform: rotate(234deg);
    transform: rotate(234deg)
}

.km-radial-progressbar[data-progress="66"] .circle .fill,.km-radial-progressbar[data-progress="66"] .circle .mask.full {
    -webkit-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    transform: rotate(118.8deg)
}

.km-radial-progressbar[data-progress="66"] .circle .fill.fix {
    -webkit-transform: rotate(237.6deg);
    -ms-transform: rotate(237.6deg);
    transform: rotate(237.6deg)
}

.km-radial-progressbar[data-progress="67"] .circle .fill,.km-radial-progressbar[data-progress="67"] .circle .mask.full {
    -webkit-transform: rotate(120.60000000000001deg);
    -ms-transform: rotate(120.60000000000001deg);
    transform: rotate(120.60000000000001deg)
}

.km-radial-progressbar[data-progress="67"] .circle .fill.fix {
    -webkit-transform: rotate(241.20000000000002deg);
    -ms-transform: rotate(241.20000000000002deg);
    transform: rotate(241.20000000000002deg)
}

.km-radial-progressbar[data-progress="68"] .circle .fill,.km-radial-progressbar[data-progress="68"] .circle .mask.full {
    -webkit-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    transform: rotate(122.4deg)
}

.km-radial-progressbar[data-progress="68"] .circle .fill.fix {
    -webkit-transform: rotate(244.8deg);
    -ms-transform: rotate(244.8deg);
    transform: rotate(244.8deg)
}

.km-radial-progressbar[data-progress="69"] .circle .fill,.km-radial-progressbar[data-progress="69"] .circle .mask.full {
    -webkit-transform: rotate(124.2deg);
    -ms-transform: rotate(124.2deg);
    transform: rotate(124.2deg)
}

.km-radial-progressbar[data-progress="69"] .circle .fill.fix {
    -webkit-transform: rotate(248.4deg);
    -ms-transform: rotate(248.4deg);
    transform: rotate(248.4deg)
}

.km-radial-progressbar[data-progress="70"] .circle .fill,.km-radial-progressbar[data-progress="70"] .circle .mask.full {
    -webkit-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    transform: rotate(126deg)
}

.km-radial-progressbar[data-progress="70"] .circle .fill.fix {
    -webkit-transform: rotate(252deg);
    -ms-transform: rotate(252deg);
    transform: rotate(252deg)
}

.km-radial-progressbar[data-progress="71"] .circle .fill,.km-radial-progressbar[data-progress="71"] .circle .mask.full {
    -webkit-transform: rotate(127.8deg);
    -ms-transform: rotate(127.8deg);
    transform: rotate(127.8deg)
}

.km-radial-progressbar[data-progress="71"] .circle .fill.fix {
    -webkit-transform: rotate(255.6deg);
    -ms-transform: rotate(255.6deg);
    transform: rotate(255.6deg)
}

.km-radial-progressbar[data-progress="72"] .circle .fill,.km-radial-progressbar[data-progress="72"] .circle .mask.full {
    -webkit-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    transform: rotate(129.6deg)
}

.km-radial-progressbar[data-progress="72"] .circle .fill.fix {
    -webkit-transform: rotate(259.2deg);
    -ms-transform: rotate(259.2deg);
    transform: rotate(259.2deg)
}

.km-radial-progressbar[data-progress="73"] .circle .fill,.km-radial-progressbar[data-progress="73"] .circle .mask.full {
    -webkit-transform: rotate(131.4deg);
    -ms-transform: rotate(131.4deg);
    transform: rotate(131.4deg)
}

.km-radial-progressbar[data-progress="73"] .circle .fill.fix {
    -webkit-transform: rotate(262.8deg);
    -ms-transform: rotate(262.8deg);
    transform: rotate(262.8deg)
}

.km-radial-progressbar[data-progress="74"] .circle .fill,.km-radial-progressbar[data-progress="74"] .circle .mask.full {
    -webkit-transform: rotate(133.20000000000002deg);
    -ms-transform: rotate(133.20000000000002deg);
    transform: rotate(133.20000000000002deg)
}

.km-radial-progressbar[data-progress="74"] .circle .fill.fix {
    -webkit-transform: rotate(266.40000000000003deg);
    -ms-transform: rotate(266.40000000000003deg);
    transform: rotate(266.40000000000003deg)
}

.km-radial-progressbar[data-progress="75"] .circle .fill,.km-radial-progressbar[data-progress="75"] .circle .mask.full {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.km-radial-progressbar[data-progress="75"] .circle .fill.fix {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.km-radial-progressbar[data-progress="76"] .circle .fill,.km-radial-progressbar[data-progress="76"] .circle .mask.full {
    -webkit-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    transform: rotate(136.8deg)
}

.km-radial-progressbar[data-progress="76"] .circle .fill.fix {
    -webkit-transform: rotate(273.6deg);
    -ms-transform: rotate(273.6deg);
    transform: rotate(273.6deg)
}

.km-radial-progressbar[data-progress="77"] .circle .fill,.km-radial-progressbar[data-progress="77"] .circle .mask.full {
    -webkit-transform: rotate(138.6deg);
    -ms-transform: rotate(138.6deg);
    transform: rotate(138.6deg)
}

.km-radial-progressbar[data-progress="77"] .circle .fill.fix {
    -webkit-transform: rotate(277.2deg);
    -ms-transform: rotate(277.2deg);
    transform: rotate(277.2deg)
}

.km-radial-progressbar[data-progress="78"] .circle .fill,.km-radial-progressbar[data-progress="78"] .circle .mask.full {
    -webkit-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    transform: rotate(140.4deg)
}

.km-radial-progressbar[data-progress="78"] .circle .fill.fix {
    -webkit-transform: rotate(280.8deg);
    -ms-transform: rotate(280.8deg);
    transform: rotate(280.8deg)
}

.km-radial-progressbar[data-progress="79"] .circle .fill,.km-radial-progressbar[data-progress="79"] .circle .mask.full {
    -webkit-transform: rotate(142.20000000000002deg);
    -ms-transform: rotate(142.20000000000002deg);
    transform: rotate(142.20000000000002deg)
}

.km-radial-progressbar[data-progress="79"] .circle .fill.fix {
    -webkit-transform: rotate(284.40000000000003deg);
    -ms-transform: rotate(284.40000000000003deg);
    transform: rotate(284.40000000000003deg)
}

.km-radial-progressbar[data-progress="80"] .circle .fill,.km-radial-progressbar[data-progress="80"] .circle .mask.full {
    -webkit-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    transform: rotate(144deg)
}

.km-radial-progressbar[data-progress="80"] .circle .fill.fix {
    -webkit-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    transform: rotate(288deg)
}

.km-radial-progressbar[data-progress="81"] .circle .fill,.km-radial-progressbar[data-progress="81"] .circle .mask.full {
    -webkit-transform: rotate(145.8deg);
    -ms-transform: rotate(145.8deg);
    transform: rotate(145.8deg)
}

.km-radial-progressbar[data-progress="81"] .circle .fill.fix {
    -webkit-transform: rotate(291.6deg);
    -ms-transform: rotate(291.6deg);
    transform: rotate(291.6deg)
}

.km-radial-progressbar[data-progress="82"] .circle .fill,.km-radial-progressbar[data-progress="82"] .circle .mask.full {
    -webkit-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    transform: rotate(147.6deg)
}

.km-radial-progressbar[data-progress="82"] .circle .fill.fix {
    -webkit-transform: rotate(295.2deg);
    -ms-transform: rotate(295.2deg);
    transform: rotate(295.2deg)
}

.km-radial-progressbar[data-progress="83"] .circle .fill,.km-radial-progressbar[data-progress="83"] .circle .mask.full {
    -webkit-transform: rotate(149.4deg);
    -ms-transform: rotate(149.4deg);
    transform: rotate(149.4deg)
}

.km-radial-progressbar[data-progress="83"] .circle .fill.fix {
    -webkit-transform: rotate(298.8deg);
    -ms-transform: rotate(298.8deg);
    transform: rotate(298.8deg)
}

.km-radial-progressbar[data-progress="84"] .circle .fill,.km-radial-progressbar[data-progress="84"] .circle .mask.full {
    -webkit-transform: rotate(151.20000000000002deg);
    -ms-transform: rotate(151.20000000000002deg);
    transform: rotate(151.20000000000002deg)
}

.km-radial-progressbar[data-progress="84"] .circle .fill.fix {
    -webkit-transform: rotate(302.40000000000003deg);
    -ms-transform: rotate(302.40000000000003deg);
    transform: rotate(302.40000000000003deg)
}

.km-radial-progressbar[data-progress="85"] .circle .fill,.km-radial-progressbar[data-progress="85"] .circle .mask.full {
    -webkit-transform: rotate(153deg);
    -ms-transform: rotate(153deg);
    transform: rotate(153deg)
}

.km-radial-progressbar[data-progress="85"] .circle .fill.fix {
    -webkit-transform: rotate(306deg);
    -ms-transform: rotate(306deg);
    transform: rotate(306deg)
}

.km-radial-progressbar[data-progress="86"] .circle .fill,.km-radial-progressbar[data-progress="86"] .circle .mask.full {
    -webkit-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    transform: rotate(154.8deg)
}

.km-radial-progressbar[data-progress="86"] .circle .fill.fix {
    -webkit-transform: rotate(309.6deg);
    -ms-transform: rotate(309.6deg);
    transform: rotate(309.6deg)
}

.km-radial-progressbar[data-progress="87"] .circle .fill,.km-radial-progressbar[data-progress="87"] .circle .mask.full {
    -webkit-transform: rotate(156.6deg);
    -ms-transform: rotate(156.6deg);
    transform: rotate(156.6deg)
}

.km-radial-progressbar[data-progress="87"] .circle .fill.fix {
    -webkit-transform: rotate(313.2deg);
    -ms-transform: rotate(313.2deg);
    transform: rotate(313.2deg)
}

.km-radial-progressbar[data-progress="88"] .circle .fill,.km-radial-progressbar[data-progress="88"] .circle .mask.full {
    -webkit-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    transform: rotate(158.4deg)
}

.km-radial-progressbar[data-progress="88"] .circle .fill.fix {
    -webkit-transform: rotate(316.8deg);
    -ms-transform: rotate(316.8deg);
    transform: rotate(316.8deg)
}

.km-radial-progressbar[data-progress="89"] .circle .fill,.km-radial-progressbar[data-progress="89"] .circle .mask.full {
    -webkit-transform: rotate(160.20000000000002deg);
    -ms-transform: rotate(160.20000000000002deg);
    transform: rotate(160.20000000000002deg)
}

.km-radial-progressbar[data-progress="89"] .circle .fill.fix {
    -webkit-transform: rotate(320.40000000000003deg);
    -ms-transform: rotate(320.40000000000003deg);
    transform: rotate(320.40000000000003deg)
}

.km-radial-progressbar[data-progress="90"] .circle .fill,.km-radial-progressbar[data-progress="90"] .circle .mask.full {
    -webkit-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    transform: rotate(162deg)
}

.km-radial-progressbar[data-progress="90"] .circle .fill.fix {
    -webkit-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
    transform: rotate(324deg)
}

.km-radial-progressbar[data-progress="91"] .circle .fill,.km-radial-progressbar[data-progress="91"] .circle .mask.full {
    -webkit-transform: rotate(163.8deg);
    -ms-transform: rotate(163.8deg);
    transform: rotate(163.8deg)
}

.km-radial-progressbar[data-progress="91"] .circle .fill.fix {
    -webkit-transform: rotate(327.6deg);
    -ms-transform: rotate(327.6deg);
    transform: rotate(327.6deg)
}

.km-radial-progressbar[data-progress="92"] .circle .fill,.km-radial-progressbar[data-progress="92"] .circle .mask.full {
    -webkit-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    transform: rotate(165.6deg)
}

.km-radial-progressbar[data-progress="92"] .circle .fill.fix {
    -webkit-transform: rotate(331.2deg);
    -ms-transform: rotate(331.2deg);
    transform: rotate(331.2deg)
}

.km-radial-progressbar[data-progress="93"] .circle .fill,.km-radial-progressbar[data-progress="93"] .circle .mask.full {
    -webkit-transform: rotate(167.4deg);
    -ms-transform: rotate(167.4deg);
    transform: rotate(167.4deg)
}

.km-radial-progressbar[data-progress="93"] .circle .fill.fix {
    -webkit-transform: rotate(334.8deg);
    -ms-transform: rotate(334.8deg);
    transform: rotate(334.8deg)
}

.km-radial-progressbar[data-progress="94"] .circle .fill,.km-radial-progressbar[data-progress="94"] .circle .mask.full {
    -webkit-transform: rotate(169.20000000000002deg);
    -ms-transform: rotate(169.20000000000002deg);
    transform: rotate(169.20000000000002deg)
}

.km-radial-progressbar[data-progress="94"] .circle .fill.fix {
    -webkit-transform: rotate(338.40000000000003deg);
    -ms-transform: rotate(338.40000000000003deg);
    transform: rotate(338.40000000000003deg)
}

.km-radial-progressbar[data-progress="95"] .circle .fill,.km-radial-progressbar[data-progress="95"] .circle .mask.full {
    -webkit-transform: rotate(171deg);
    -ms-transform: rotate(171deg);
    transform: rotate(171deg)
}

.km-radial-progressbar[data-progress="95"] .circle .fill.fix {
    -webkit-transform: rotate(342deg);
    -ms-transform: rotate(342deg);
    transform: rotate(342deg)
}

.km-radial-progressbar[data-progress="96"] .circle .fill,.km-radial-progressbar[data-progress="96"] .circle .mask.full {
    -webkit-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    transform: rotate(172.8deg)
}

.km-radial-progressbar[data-progress="96"] .circle .fill.fix {
    -webkit-transform: rotate(345.6deg);
    -ms-transform: rotate(345.6deg);
    transform: rotate(345.6deg)
}

.km-radial-progressbar[data-progress="97"] .circle .fill,.km-radial-progressbar[data-progress="97"] .circle .mask.full {
    -webkit-transform: rotate(174.6deg);
    -ms-transform: rotate(174.6deg);
    transform: rotate(174.6deg)
}

.km-radial-progressbar[data-progress="97"] .circle .fill.fix {
    -webkit-transform: rotate(349.2deg);
    -ms-transform: rotate(349.2deg);
    transform: rotate(349.2deg)
}

.km-radial-progressbar[data-progress="98"] .circle .fill,.km-radial-progressbar[data-progress="98"] .circle .mask.full {
    -webkit-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    transform: rotate(176.4deg)
}

.km-radial-progressbar[data-progress="98"] .circle .fill.fix {
    -webkit-transform: rotate(352.8deg);
    -ms-transform: rotate(352.8deg);
    transform: rotate(352.8deg)
}

.km-radial-progressbar[data-progress="99"] .circle .fill,.km-radial-progressbar[data-progress="99"] .circle .mask.full {
    -webkit-transform: rotate(178.20000000000002deg);
    -ms-transform: rotate(178.20000000000002deg);
    transform: rotate(178.20000000000002deg)
}

.km-radial-progressbar[data-progress="99"] .circle .fill.fix {
    -webkit-transform: rotate(356.40000000000003deg);
    -ms-transform: rotate(356.40000000000003deg);
    transform: rotate(356.40000000000003deg)
}

.km-radial-progressbar[data-progress="100"] .circle .fill,.km-radial-progressbar[data-progress="100"] .circle .mask.full {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.km-radial-progressbar[data-progress="100"] .circle .fill.fix {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

.km-rad-percentc,.km-radial-iconc {
    display: inline-block
}

.km-radial-progressbar-container[data-style=style1] .km-rad-percentc {
    display: none
}

.km-radial-progressbar-container[data-style=style2] .km-rad-percentc,.km-radial-progressbar-container[data-style=style2] .km-radial-iconc {
    width: 100%;
    text-align: center
}

.km-radial-progressbar-container[data-style=style2] .km-radial-iconc {
    margin-bottom: 15px
}

.km-radial-progressbar-container[data-style=style3] .km-rad-percentc,.km-radial-progressbar-container[data-style=style3] .km-radial-iconc {
    width: 100%;
    text-align: center
}

.km-radial-progressbar-container[data-style=style3] .km-radial-iconc {
    margin-top: 15px
}

.km-radial-progressbar-container[data-style=style4] .km-rad-percentc {
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.km-radial-progressbar-container[data-style=style4] .km-radial-iconc {
    text-align: center;
    margin-right: 10px
}

.km-radial-progressbar-container[data-style=style5] .km-rad-percentc {
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.km-radial-progressbar-container[data-style=style5] .km-radial-iconc {
    text-align: center;
    margin-left: 10px
}

.km-socials-share-modern {
    float: left;
    width: 100%;
    height: auto
}

.km-socials-share-modern-item {
    display: inline-block;
    text-align: center;
    position: relative;
    cursor: pointer;
    overflow: hidden
}

.km-socials-share-modern-item a {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999
}

.km-socials-share-modern[data-align=center] {
    text-align: center
}

.km-socials-share-modern[data-align=center] .km-socials-share-modern-item {
    margin: 0 var(--icon-margins)
}

.km-socials-share-modern[data-align=left] .km-socials-share-modern-item {
    float: left;
    margin-right: var(--icon-margins)
}

.km-socials-share-modern[data-align=right] .km-socials-share-modern-item {
    float: right;
    margin-left: var(--icon-margins)
}

.km-item-bind-view {
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -webkit-transition-delay: var(--icon-transition-time);
    transition-delay: var(--icon-transition-time)
}

.km-item-bind-hidden {
    opacity: 0;
    transform: scale(0);
    -webkit-transform: scale(0)
}

.km-item-bind-shown {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1)
}

.km-socials-m-back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    z-index: 1
}

.km-socials-m-icon {
    position: absolute;
    z-index: 99;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.km-socials-share-modern .km-socials-m-icon-hovercolor,.km-socials-share-modern[data-style=hoverColorScheme] .km-socials-m-back-color,.km-socials-share-modern[data-style=hoverColorScheme] .km-socials-m-back-colorscheme,.km-socials-share-modern[data-style=hoverColorScheme] .km-socials-m-icon-colorscheme,.km-socials-share-modern[data-style=hoverBackScheme] .km-socials-m-back-colorscheme,.km-socials-share-modern[data-style=hoverBackScheme] .km-socials-m-icon-colorscheme,.km-socials-share-modern[data-style=hoverBackScheme] .km-socials-m-icon-hovercolor,.km-socials-share-modern[data-style=hoverShowBottom] .km-socials-m-back-colorscheme,.km-socials-share-modern[data-style=hoverShowBottom] .km-socials-m-icon-colorscheme,.km-socials-share-modern[data-style=hoverShowBottom] .km-socials-m-icon-hovercolor,.km-socials-share-modern[data-style=hoverShowTop] .km-socials-m-back-colorscheme,.km-socials-share-modern[data-style=hoverShowTop] .km-socials-m-icon-colorscheme,.km-socials-share-modern[data-style=hoverShowTop] .km-socials-m-icon-hovercolor,.km-socials-share-modern[data-style=hoverShowLeft] .km-socials-m-back-colorscheme,.km-socials-share-modern[data-style=hoverShowLeft] .km-socials-m-icon-colorscheme,.km-socials-share-modern[data-style=hoverShowLeft] .km-socials-m-icon-hovercolor,.km-socials-share-modern[data-style=hoverShowRight] .km-socials-m-back-colorscheme,.km-socials-share-modern[data-style=hoverShowRight] .km-socials-m-icon-colorscheme,.km-socials-share-modern[data-style=hoverShowRight] .km-socials-m-icon-hovercolor,.km-socials-share-modern[data-style=hoverShowScale] .km-socials-m-back-colorscheme,.km-socials-share-modern[data-style=hoverShowScale] .km-socials-m-icon-colorscheme,.km-socials-share-modern[data-style=hoverShowScale] .km-socials-m-icon-hovercolor,.km-socials-share-modern[data-style=hoverShowTada] .km-socials-m-back-colorscheme,.km-socials-share-modern[data-style=hoverShowTada] .km-socials-m-icon-colorscheme,.km-socials-share-modern[data-style=hoverShowTada] .km-socials-m-icon-hovercolor {
    opacity: 0;
    visibility: hidden
}

.km-socials-share-modern[data-style=hoverColorScheme] .km-socials-share-modern-item:hover .km-socials-m-icon-colorscheme,.km-socials-share-modern[data-style=hoverBackScheme] .km-socials-share-modern-item:hover .km-socials-m-back-colorscheme,.km-socials-share-modern[data-style=hoverBackScheme] .km-socials-share-modern-item:hover .km-socials-m-icon-hovercolor,.km-socials-share-modern[data-style=hoverShowBottom] .km-socials-share-modern-item:hover .km-socials-m-icon-hovercolor,.km-socials-share-modern[data-style=hoverShowTop] .km-socials-share-modern-item:hover .km-socials-m-icon-hovercolor,.km-socials-share-modern[data-style=hoverShowLeft] .km-socials-share-modern-item:hover .km-socials-m-icon-hovercolor,.km-socials-share-modern[data-style=hoverShowRight] .km-socials-share-modern-item:hover .km-socials-m-icon-hovercolor,.km-socials-share-modern[data-style=hoverShowScale] .km-socials-share-modern-item:hover .km-socials-m-icon-hovercolor,.km-socials-share-modern[data-style=hoverShowTada] .km-socials-share-modern-item:hover .km-socials-m-icon-hovercolor {
    opacity: 1;
    visibility: visible
}

.km-socials-share-modern[data-style=hoverShowBottom] .km-socials-m-back-colorscheme {
    bottom: -100%;
    top: unset
}

.km-socials-share-modern[data-style=hoverShowBottom] .km-socials-share-modern-item:hover .km-socials-m-back-colorscheme {
    bottom: 0;
    opacity: 1;
    visibility: visible
}

.km-socials-share-modern[data-style=hoverShowTop] .km-socials-m-back-colorscheme {
    top: -100%
}

.km-socials-share-modern[data-style=hoverShowTop] .km-socials-share-modern-item:hover .km-socials-m-back-colorscheme {
    top: 0;
    opacity: 1;
    visibility: visible
}

.km-socials-share-modern[data-style=hoverShowLeft] .km-socials-m-back-colorscheme {
    left: -100%
}

.km-socials-share-modern[data-style=hoverShowLeft] .km-socials-share-modern-item:hover .km-socials-m-back-colorscheme {
    left: 0;
    opacity: 1;
    visibility: visible
}

.km-socials-share-modern[data-style=hoverShowRight] .km-socials-m-back-colorscheme {
    right: -100%;
    left: unset
}

.km-socials-share-modern[data-style=hoverShowRight] .km-socials-share-modern-item:hover .km-socials-m-back-colorscheme {
    right: 0;
    opacity: 1;
    visibility: visible
}

.km-socials-share-modern[data-style=hoverShowScale] .km-socials-m-back-colorscheme,.km-socials-share-modern[data-style=hoverShowTada] .km-socials-m-back-colorscheme {
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) scale(0);
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0)
}

.km-socials-share-modern[data-style=hoverShowScale] .km-socials-share-modern-item:hover .km-socials-m-back-colorscheme,.km-socials-share-modern[data-style=hoverShowTada] .km-socials-share-modern-item:hover .km-socials-m-back-colorscheme {
    width: 110%;
    height: 110%;
    transform: translateX(-50%) translateY(-50%) scale(1);
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    opacity: 1;
    visibility: visible
}

.kameleon-modern-social-links {
    width: auto;
    margin: auto;
    text-align: center;
    height: auto;
    display: inline-block
}

.kameleon-modern-link {
    display: inline-block;
    float: left;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-align: center
}

.kameleon-modern-link .kameleon-modern-link-icon {
    position: absolute;
    display: inline-block;
    z-index: 3;
    line-height: inherit;
    width: 100%;
    height: 100%;
    left: 0
}

.kameleon-modern-link .kameleon-modern-link-icon-hidden,.kameleon-modern-link .kameleon-modern-link-icon-hover {
    z-index: 4;
    opacity: 0
}

.kameleon-modern-link a,.kameleon-modern-link-background,.kameleon-modern-link-overlay {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99999999
}

.kameleon-modern-link-background,.kameleon-modern-link-overlay {
    z-index: 1
}

.kameleon-modern-social-links .kameleon-modern-link .kameleon-modern-link-background,.kameleon-modern-social-links .kameleon-modern-link .kameleon-modern-link-borders,.kameleon-modern-social-links .kameleon-modern-link .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links .kameleon-modern-link .kameleon-modern-link-icon-hover,.kameleon-modern-social-links .kameleon-modern-link .kameleon-modern-link-icon-shown,.kameleon-modern-social-links .kameleon-modern-link .kameleon-modern-link-overlay {
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    border-radius: inherit
}

.kameleon-modern-social-links[data-style=normal_color] .kameleon-modern-link .kameleon-modern-link-background,.kameleon-modern-social-links[data-style=normal_color] .kameleon-modern-link .kameleon-modern-link-overlay,.kameleon-modern-social-links[data-style=normal_color] .kameleon-modern-link:hover .kameleon-modern-link-icon-shown,.kameleon-modern-social-links[data-style=normal_background] .kameleon-modern-link .kameleon-modern-link-overlay,.kameleon-modern-social-links[data-style=normal_background] .kameleon-modern-link:hover .kameleon-modern-link-background,.kameleon-modern-social-links[data-style=normal_background] .kameleon-modern-link:hover .kameleon-modern-link-icon-shown,.kameleon-modern-social-links[data-style=real_color] .kameleon-modern-link .kameleon-modern-link-background,.kameleon-modern-social-links[data-style=real_color] .kameleon-modern-link .kameleon-modern-link-icon-hover,.kameleon-modern-social-links[data-style=real_color] .kameleon-modern-link .kameleon-modern-link-icon-shown,.kameleon-modern-social-links[data-style=real_color] .kameleon-modern-link .kameleon-modern-link-overlay,.kameleon-modern-social-links[data-style=real_background] .kameleon-modern-link .kameleon-modern-link-background,.kameleon-modern-social-links[data-style=real_background] .kameleon-modern-link .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links[data-style=real_background] .kameleon-modern-link .kameleon-modern-link-icon-hover,.kameleon-modern-social-links[data-style=from_top] .kameleon-modern-link .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links[data-style=from_top] .kameleon-modern-link .kameleon-modern-link-icon-hover,.kameleon-modern-social-links[data-style=from_top] .kameleon-modern-link:hover .kameleon-modern-link-overlay,.kameleon-modern-social-links[data-style=from_top][data-scheme="1"] .kameleon-modern-link .kameleon-modern-link-icon-shown,.kameleon-modern-social-links[data-style=from_top][data-scheme="1"] .kameleon-modern-link:hover .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links[data-style=from_right] .kameleon-modern-link .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links[data-style=from_right] .kameleon-modern-link .kameleon-modern-link-icon-hover,.kameleon-modern-social-links[data-style=from_right] .kameleon-modern-link:hover .kameleon-modern-link-overlay,.kameleon-modern-social-links[data-style=from_right][data-scheme="1"] .kameleon-modern-link .kameleon-modern-link-icon-shown,.kameleon-modern-social-links[data-style=from_right][data-scheme="1"] .kameleon-modern-link:hover .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links[data-style=from_left] .kameleon-modern-link .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links[data-style=from_left] .kameleon-modern-link .kameleon-modern-link-icon-hover,.kameleon-modern-social-links[data-style=from_left] .kameleon-modern-link:hover .kameleon-modern-link-overlay,.kameleon-modern-social-links[data-style=from_left][data-scheme="1"] .kameleon-modern-link .kameleon-modern-link-icon-shown,.kameleon-modern-social-links[data-style=from_left][data-scheme="1"] .kameleon-modern-link:hover .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links[data-style=from_bottom] .kameleon-modern-link .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links[data-style=from_bottom] .kameleon-modern-link .kameleon-modern-link-icon-hover,.kameleon-modern-social-links[data-style=from_bottom] .kameleon-modern-link:hover .kameleon-modern-link-overlay,.kameleon-modern-social-links[data-style=from_bottom][data-scheme="1"] .kameleon-modern-link .kameleon-modern-link-icon-shown,.kameleon-modern-social-links[data-style=from_bottom][data-scheme="1"] .kameleon-modern-link:hover .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links[data-style=scale_show] .kameleon-modern-link .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links[data-style=scale_show] .kameleon-modern-link .kameleon-modern-link-icon-hover,.kameleon-modern-social-links[data-style=scale_show] .kameleon-modern-link:hover .kameleon-modern-link-overlay,.kameleon-modern-social-links[data-style=scale_show][data-scheme="1"] .kameleon-modern-link .kameleon-modern-link-icon-shown,.kameleon-modern-social-links[data-style=scale_show][data-scheme="1"] .kameleon-modern-link:hover .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links[data-style=effect_1] .kameleon-modern-link .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links[data-style=effect_1] .kameleon-modern-link .kameleon-modern-link-icon-hover,.kameleon-modern-social-links[data-style=effect_1] .kameleon-modern-link:hover .kameleon-modern-link-overlay,.kameleon-modern-social-links[data-style=effect_1][data-scheme="1"] .kameleon-modern-link .kameleon-modern-link-icon-shown,.kameleon-modern-social-links[data-style=effect_1][data-scheme="1"] .kameleon-modern-link:hover .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links[data-style=effect_2] .kameleon-modern-link .kameleon-modern-link-background,.kameleon-modern-social-links[data-style=effect_2] .kameleon-modern-link .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links[data-style=effect_2] .kameleon-modern-link .kameleon-modern-link-icon-hover,.kameleon-modern-social-links[data-style=effect_2] .kameleon-modern-link:hover .kameleon-modern-link-icon-shown,.kameleon-modern-social-links[data-style=effect_2] .kameleon-modern-link:hover .kameleon-modern-link-overlay,.kameleon-modern-social-links[data-style=effect_3] .kameleon-modern-link .kameleon-modern-link-background,.kameleon-modern-social-links[data-style=effect_3] .kameleon-modern-link .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links[data-style=effect_3] .kameleon-modern-link .kameleon-modern-link-icon-hover,.kameleon-modern-social-links[data-style=effect_3] .kameleon-modern-link:hover .kameleon-modern-link-icon-shown,.kameleon-modern-social-links[data-style=effect_3] .kameleon-modern-link:hover .kameleon-modern-link-overlay,.kameleon-modern-social-links[data-style=effect_4] .kameleon-modern-link .kameleon-modern-link-background,.kameleon-modern-social-links[data-style=effect_4] .kameleon-modern-link .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links[data-style=effect_4] .kameleon-modern-link .kameleon-modern-link-icon-hover,.kameleon-modern-social-links[data-style=effect_4] .kameleon-modern-link:hover .kameleon-modern-link-icon-shown,.kameleon-modern-social-links[data-style=effect_4] .kameleon-modern-link:hover .kameleon-modern-link-overlay,.kameleon-modern-social-links[data-style=effect_5] .kameleon-modern-link .kameleon-modern-link-background,.kameleon-modern-social-links[data-style=effect_5] .kameleon-modern-link .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links[data-style=effect_5] .kameleon-modern-link .kameleon-modern-link-icon-hover,.kameleon-modern-social-links[data-style=effect_5] .kameleon-modern-link:hover .kameleon-modern-link-icon-shown,.kameleon-modern-social-links[data-style=effect_5] .kameleon-modern-link:hover .kameleon-modern-link-overlay,.kameleon-modern-social-links[data-style=effect_6] .kameleon-modern-link .kameleon-modern-link-background,.kameleon-modern-social-links[data-style=effect_6] .kameleon-modern-link .kameleon-modern-link-icon-hover,.kameleon-modern-social-links[data-style=effect_6] .kameleon-modern-link .kameleon-modern-link-icon-shown,.kameleon-modern-social-links[data-style=effect_6] .kameleon-modern-link .kameleon-modern-link-overlay,.kameleon-modern-social-links[data-style=effect_6] .kameleon-modern-link:hover .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links[data-style=effect_7] .kameleon-modern-link .kameleon-modern-link-background,.kameleon-modern-social-links[data-style=effect_7] .kameleon-modern-link .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links[data-style=effect_7] .kameleon-modern-link .kameleon-modern-link-icon-hover,.kameleon-modern-social-links[data-style=effect_8] .kameleon-modern-link .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links[data-style=effect_8] .kameleon-modern-link .kameleon-modern-link-overlay,.kameleon-modern-social-links[data-style=effect_8] .kameleon-modern-link:hover .kameleon-modern-link-background,.kameleon-modern-social-links[data-style=effect_8] .kameleon-modern-link:hover .kameleon-modern-link-icon-shown,.kameleon-modern-social-links[data-style=effect_8][data-scheme="1"] .kameleon-modern-link .kameleon-modern-link-icon-shown {
    opacity: 0
}

.kameleon-modern-social-links[data-style=normal_color] .kameleon-modern-link:hover .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links[data-style=normal_color][data-scheme="1"] .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links[data-style=normal_background] .kameleon-modern-link:hover .kameleon-modern-link-icon-hover,.kameleon-modern-social-links[data-style=normal_background] .kameleon-modern-link:hover .kameleon-modern-link-overlay,.kameleon-modern-social-links[data-style=normal_background][data-scheme="1"] .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links[data-style=real_color] .kameleon-modern-link .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links[data-style=real_background] .kameleon-modern-link .kameleon-modern-link-icon-shown,.kameleon-modern-social-links[data-style=real_background] .kameleon-modern-link .kameleon-modern-link-overlay,.kameleon-modern-social-links[data-style=from_top] .kameleon-modern-link:hover .kameleon-modern-link-icon-hover,.kameleon-modern-social-links[data-style=from_top][data-scheme="1"] .kameleon-modern-link .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links[data-style=from_right] .kameleon-modern-link:hover .kameleon-modern-link-icon-hover,.kameleon-modern-social-links[data-style=from_right][data-scheme="1"] .kameleon-modern-link .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links[data-style=from_left] .kameleon-modern-link:hover .kameleon-modern-link-icon-hover,.kameleon-modern-social-links[data-style=from_left][data-scheme="1"] .kameleon-modern-link .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links[data-style=from_bottom] .kameleon-modern-link:hover .kameleon-modern-link-icon-hover,.kameleon-modern-social-links[data-style=from_bottom][data-scheme="1"] .kameleon-modern-link .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links[data-style=scale_show] .kameleon-modern-link:hover .kameleon-modern-link-icon-hover,.kameleon-modern-social-links[data-style=scale_show][data-scheme="1"] .kameleon-modern-link .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links[data-style=effect_1] .kameleon-modern-link:hover .kameleon-modern-link-icon-hover,.kameleon-modern-social-links[data-style=effect_1][data-scheme="1"] .kameleon-modern-link .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links[data-style=effect_2] .kameleon-modern-link:hover .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links[data-style=effect_3] .kameleon-modern-link:hover .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links[data-style=effect_4] .kameleon-modern-link:hover .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links[data-style=effect_5] .kameleon-modern-link:hover .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links[data-style=effect_6] .kameleon-modern-link .kameleon-modern-link-icon-hidden,.kameleon-modern-social-links[data-style=effect_8] .kameleon-modern-link:hover .kameleon-modern-link-icon-hover {
    opacity: 1
}

.kameleon-modern-social-links[data-style=from_top] .kameleon-modern-link .kameleon-modern-link-overlay {
    top: -100%
}

.kameleon-modern-social-links[data-style=from_top] .kameleon-modern-link:hover .kameleon-modern-link-overlay {
    top: 0;
    opacity: 1
}

.kameleon-modern-social-links[data-style=from_left] .kameleon-modern-link .kameleon-modern-link-overlay {
    left: -100%
}

.kameleon-modern-social-links[data-style=from_left] .kameleon-modern-link:hover .kameleon-modern-link-overlay {
    left: 0;
    opacity: 1
}

.kameleon-modern-social-links[data-style=from_right] .kameleon-modern-link .kameleon-modern-link-overlay {
    right: -100%;
    left: initial
}

.kameleon-modern-social-links[data-style=from_right] .kameleon-modern-link:hover .kameleon-modern-link-overlay {
    right: 0;
    opacity: 1
}

.kameleon-modern-social-links[data-style=from_bottom] .kameleon-modern-link .kameleon-modern-link-overlay {
    bottom: -100%;
    top: initial
}

.kameleon-modern-social-links[data-style=from_bottom] .kameleon-modern-link:hover .kameleon-modern-link-overlay {
    bottom: 0;
    opacity: 1
}

.kameleon-modern-social-links[data-style=scale_show] .kameleon-modern-link .kameleon-modern-link-overlay {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.kameleon-modern-social-links[data-style=scale_show] .kameleon-modern-link:hover .kameleon-modern-link-overlay {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.kameleon-modern-social-links[data-style=effect_1] .kameleon-modern-link .kameleon-modern-link-background,.kameleon-modern-social-links[data-style=effect_1] .kameleon-modern-link .kameleon-modern-link-overlay {
    width: 86%;
    height: 86%;
    left: 7%;
    top: 7%
}

.kameleon-modern-social-links[data-style=effect_1] .kameleon-modern-link .kameleon-modern-link-borders,.kameleon-modern-social-links[data-style=effect_2] .kameleon-modern-link .kameleon-modern-link-borders,.kameleon-modern-social-links[data-style=effect_3] .kameleon-modern-link .kameleon-modern-link-borders,.kameleon-modern-social-links[data-style=effect_4] .kameleon-modern-link .kameleon-modern-link-borders,.kameleon-modern-social-links[data-style=effect_5] .kameleon-modern-link .kameleon-modern-link-borders,.kameleon-modern-social-links[data-style=effect_6] .kameleon-modern-link .kameleon-modern-link-borders,.kameleon-modern-social-links[data-style=effect_7] .kameleon-modern-link .kameleon-modern-link-borders {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 2px solid #fff;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    border-radius: inherit
}

.kameleon-modern-social-links[data-style=effect_1] .kameleon-modern-link .kameleon-modern-link-overlay,.kameleon-modern-social-links[data-style=effect_8] .kameleon-modern-link .kameleon-modern-link-overlay {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.kameleon-modern-social-links[data-style=effect_1] .kameleon-modern-link:hover .kameleon-modern-link-background,.kameleon-modern-social-links[data-style=effect_1] .kameleon-modern-link:hover .kameleon-modern-link-overlay {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    transform-origin: center center;
    opacity: 1
}

.kameleon-modern-social-links[data-style=effect_1] .kameleon-modern-link:hover .kameleon-modern-link-icon {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.kameleon-modern-social-links[data-style=effect_1] .kameleon-modern-link:hover .kameleon-modern-link-borders {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.kameleon-modern-social-links[data-style=effect_2] .kameleon-modern-link:hover .kameleon-modern-link-borders,.kameleon-modern-social-links[data-style=effect_8] .kameleon-modern-link:hover .kameleon-modern-link-overlay {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.kameleon-modern-social-links[data-style=effect_2] .kameleon-modern-link:hover .kameleon-modern-link-overlay {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.kameleon-modern-social-links[data-style=effect_3] .kameleon-modern-link .kameleon-modern-link-borders {
    border: 2px dashed;
    -webkit-transform: scale(1);
    transform: scale(1);
    border-radius: 100%:
}

.kameleon-modern-social-links[data-style=effect_3] .kameleon-modern-link:hover .kameleon-modern-link-borders {
    opacity: 1;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    border-radius: 0:
}

.kameleon-modern-social-links[data-style=effect_3] .kameleon-modern-link:hover .kameleon-modern-link-overlay {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.kameleon-modern-social-links[data-style=effect_4] .kameleon-modern-link .kameleon-modern-link-borders {
    -webkit-transform: scale(0);
    transform: scale(0);
    right: -100%;
    left: initial
}

.kameleon-modern-social-links[data-style=effect_4] .kameleon-modern-link:hover .kameleon-modern-link-borders {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    right: 0;
    border-radius: 0:
}

.kameleon-modern-social-links[data-style=effect_4] .kameleon-modern-link:hover .kameleon-modern-link-overlay {
    left: -100%;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.kameleon-modern-social-links[data-style=effect_5] .kameleon-modern-link:hover .kameleon-modern-link-borders {
    opacity: 1;
    -webkit-animation: scale_border_animation .7s infinite;
    animation: scale_border_animation .7s infinite
}

.kameleon-modern-social-links[data-style=effect_5] .kameleon-modern-link:hover .kameleon-modern-link-overlay {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

@-webkit-keyframes scale_border_animation {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    10% {
        opacity: .1;
        -webkit-transform: scale(.1);
        transform: scale(.1)
    }

    20% {
        opacity: .2;
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }

    30% {
        opacity: .3;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    40% {
        opacity: .4;
        -webkit-transform: scale(.4);
        transform: scale(.4)
    }

    50% {
        opacity: .5;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    60% {
        opacity: .6;
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }

    70% {
        opacity: .7;
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    80% {
        opacity: .8;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    90% {
        opacity: .9;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        opacity: .4;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scale_border_animation {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    10% {
        opacity: .1;
        -webkit-transform: scale(.1);
        transform: scale(.1)
    }

    20% {
        opacity: .2;
        -webkit-transform: scale(.2);
        transform: scale(.2)
    }

    30% {
        opacity: .3;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }

    40% {
        opacity: .4;
        -webkit-transform: scale(.4);
        transform: scale(.4)
    }

    50% {
        opacity: .5;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    60% {
        opacity: .6;
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }

    70% {
        opacity: .7;
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }

    80% {
        opacity: .8;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    90% {
        opacity: .9;
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }

    100% {
        opacity: .4;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.kameleon-modern-social-links[data-style=effect_6] .kameleon-modern-link .kameleon-modern-link-borders {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.kameleon-modern-social-links[data-style=effect_6] .kameleon-modern-link:hover .kameleon-modern-link-icon-hidden {
    opacity: 0
}

.kameleon-modern-social-links[data-style=effect_6] .kameleon-modern-link:hover .kameleon-modern-link-icon-shown {
    opacity: 1
}

.kameleon-modern-social-links[data-style=effect_6] .kameleon-modern-link:hover .kameleon-modern-link-overlay {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.kameleon-modern-social-links[data-style=effect_7] .kameleon-modern-link .kameleon-modern-link-background {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0
}

.kameleon-modern-social-links[data-style=effect_7] .kameleon-modern-link:hover .kameleon-modern-link-background {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    z-index: 999
}

.kameleon-modern-social-links[data-style=effect_7] .kameleon-modern-link .kameleon-modern-link-borders {
    z-index: 9999;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.kameleon-modern-social-links[data-style=effect_7] .kameleon-modern-link .kameleon-modern-link-icon-shown {
    z-index: 99999
}

.kameleon-modern-social-links[data-style=effect_8] .kameleon-modern-link,.km-socials-share-modern[data-style=hoverShowTada] .km-socials-share-modern-item {
    position: relative;
    overflow: unset
}

.kameleon-modern-social-links[data-style=effect_8] .kameleon-modern-link .kameleon-eff-8-tada,.km-socials-share-modern[data-style=hoverShowTada] .km-socials-share-modern-item .kameleon-eff-8-tada {
    position: absolute;
    height: 22px;
    width: 2px;
    z-index: 99999999;
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.kameleon-modern-social-links[data-style=effect_8] .kameleon-modern-link .kameleon-eff-8-tada .eff8-insider,.km-socials-share-modern[data-style=hoverShowTada] .km-socials-share-modern-item .kameleon-eff-8-tada .eff8-insider {
    position: absolute;
    height: 0%;
    width: 100%;
    left: 0
}

.kameleon-modern-social-links[data-style=effect_8] .kameleon-modern-link .kameleon-eff-8-tada .eff8-insider-one,.km-socials-share-modern[data-style=hoverShowTada] .km-socials-share-modern-item .kameleon-eff-8-tada .eff8-insider-one {
    bottom: 0
}

.kameleon-modern-social-links[data-style=effect_8] .kameleon-modern-link .kameleon-eff-8-tada .eff8-insider-two,.km-socials-share-modern[data-style=hoverShowTada] .km-socials-share-modern-item .kameleon-eff-8-tada .eff8-insider-two {
    top: 0
}

.kameleon-modern-social-links[data-style=effect_8] .kameleon-modern-link .kameleon-eff-8-tada .eff8-center-insider,.km-socials-share-modern[data-style=hoverShowTada] .km-socials-share-modern-item .kameleon-eff-8-tada .eff8-center-insider {
    position: absolute;
    height: 100%;
    width: 0%;
    top: 0
}

.kameleon-modern-social-links[data-style=effect_8] .kameleon-modern-link .kameleon-eff-8-tada .eff8-insider-three,.km-socials-share-modern[data-style=hoverShowTada] .km-socials-share-modern-item .kameleon-eff-8-tada .eff8-insider-three {
    left: 0
}

.kameleon-modern-social-links[data-style=effect_8] .kameleon-modern-link .kameleon-eff-8-tada .eff8-insider-four,.km-socials-share-modern[data-style=hoverShowTada] .km-socials-share-modern-item .kameleon-eff-8-tada .eff8-insider-four {
    right: 0
}

.kameleon-modern-social-links[data-style=effect_8] .kameleon-modern-link:hover .kameleon-eff-8-tada .eff8-insider-one,.km-socials-share-modern[data-style=hoverShowTada] .km-socials-share-modern-item:hover .kameleon-eff-8-tada .eff8-insider-one {
    -webkit-animation: social_8_effect_insider_1 1s;
    animation: social_8_effect_insider_1 1s
}

.kameleon-modern-social-links[data-style=effect_8] .kameleon-modern-link:hover .kameleon-eff-8-tada .eff8-insider-two,.km-socials-share-modern[data-style=hoverShowTada] .km-socials-share-modern-item:hover .kameleon-eff-8-tada .eff8-insider-two {
    -webkit-animation: social_8_effect_insider_2 1s;
    animation: social_8_effect_insider_2 1s
}

.kameleon-modern-social-links[data-style=effect_8] .kameleon-modern-link:hover .kameleon-eff-8-tada .eff8-insider-three,.km-socials-share-modern[data-style=hoverShowTada] .km-socials-share-modern-item:hover .kameleon-eff-8-tada .eff8-insider-three {
    -webkit-animation: social_8_effect_insider_3 1s;
    animation: social_8_effect_insider_3 1s
}

.kameleon-modern-social-links[data-style=effect_8] .kameleon-modern-link:hover .kameleon-eff-8-tada .eff8-insider-four,.km-socials-share-modern[data-style=hoverShowTada] .km-socials-share-modern-item:hover .kameleon-eff-8-tada .eff8-insider-four {
    -webkit-animation: social_8_effect_insider_4 1s;
    animation: social_8_effect_insider_4 1s
}

@-webkit-keyframes social_8_effect_insider_1 {
    0% {
        height: 100%;
        top: 0;
        bottom: initial
    }

    100% {
        height: 0%;
        top: 0;
        bottom: initial
    }
}

@keyframes social_8_effect_insider_1 {
    0% {
        height: 100%;
        top: 0;
        bottom: initial
    }

    100% {
        height: 0%;
        top: 0;
        bottom: initial
    }
}

@-webkit-keyframes social_8_effect_insider_2 {
    0% {
        height: 100%;
        bottom: 0;
        top: initial
    }

    100% {
        height: 0%;
        bottom: 0;
        top: initial
    }
}

@keyframes social_8_effect_insider_2 {
    0% {
        height: 100%;
        bottom: 0;
        top: initial
    }

    100% {
        height: 0%;
        bottom: 0;
        top: initial
    }
}

@-webkit-keyframes social_8_effect_insider_3 {
    0% {
        width: 100%;
        left: 0
    }

    100% {
        width: 0%;
        right: 0;
        left: 100%
    }
}

@keyframes social_8_effect_insider_3 {
    0% {
        width: 100%;
        left: 0
    }

    100% {
        width: 0%;
        right: 0;
        left: 100%
    }
}

@-webkit-keyframes social_8_effect_insider_4 {
    0% {
        width: 100%;
        right: 0
    }

    100% {
        width: 0%;
        left: 0;
        right: 100%
    }
}

@keyframes social_8_effect_insider_4 {
    0% {
        width: 100%;
        right: 0
    }

    100% {
        width: 0%;
        left: 0;
        right: 100%
    }
}

.kameleon-modern-social-links[data-style=effect_8][data-scheme="1"] .kameleon-modern-link-icon-hidden {
    opacity: 1;
    visibility: visible
}

.kameleon-modern-social-links[data-style=effect_8] .kameleon-modern-link .kameleon-eff-8-tada.eff8-top,.km-socials-share-modern[data-style=hoverShowTada] .km-socials-share-modern-item .kameleon-eff-8-tada.eff8-top {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50%;
    top: -15px
}

.kameleon-modern-social-links[data-style=effect_8] .kameleon-modern-link .kameleon-eff-8-tada.eff8-top-left,.km-socials-share-modern[data-style=hoverShowTada] .km-socials-share-modern-item .kameleon-eff-8-tada.eff8-top-left {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: -8px;
    top: -22px
}

.kameleon-modern-social-links[data-style=effect_8] .kameleon-modern-link .kameleon-eff-8-tada.eff8-top-right,.km-socials-share-modern[data-style=hoverShowTada] .km-socials-share-modern-item .kameleon-eff-8-tada.eff8-top-right {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: -8px;
    top: -22px
}

.kameleon-modern-social-links[data-style=effect_8] .kameleon-modern-link .kameleon-eff-8-tada.eff8-bottom,.km-socials-share-modern[data-style=hoverShowTada] .km-socials-share-modern-item .kameleon-eff-8-tada.eff8-bottom {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 50%;
    bottom: -37px
}

.kameleon-modern-social-links[data-style=effect_8] .kameleon-modern-link .kameleon-eff-8-tada.eff8-bottom-left,.km-socials-share-modern[data-style=hoverShowTada] .km-socials-share-modern-item .kameleon-eff-8-tada.eff8-bottom-left {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: -8px;
    bottom: -22px
}

.kameleon-modern-social-links[data-style=effect_8] .kameleon-modern-link .kameleon-eff-8-tada.eff8-bottom-right,.km-socials-share-modern[data-style=hoverShowTada] .km-socials-share-modern-item .kameleon-eff-8-tada.eff8-bottom-right {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: -8px;
    bottom: -22px
}

.kameleon-modern-social-links[data-style=effect_8] .kameleon-modern-link .kameleon-eff-8-tada.eff8-center-left,.kameleon-modern-social-links[data-style=effect_8] .kameleon-modern-link .kameleon-eff-8-tada.eff8-center-right,.km-socials-share-modern[data-style=hoverShowTada] .km-socials-share-modern-item .kameleon-eff-8-tada.eff8-center-left,.km-socials-share-modern[data-style=hoverShowTada] .km-socials-share-modern-item .kameleon-eff-8-tada.eff8-center-right {
    width: 22px;
    height: 2px;
    z-index: 99999
}

.kameleon-modern-social-links[data-style=effect_8] .kameleon-modern-link .kameleon-eff-8-tada.eff8-center-right,.km-socials-share-modern[data-style=hoverShowTada] .km-socials-share-modern-item .kameleon-eff-8-tada.eff8-center-right {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -24px;
    top: 50%
}

.kameleon-modern-social-links[data-style=effect_8] .kameleon-modern-link .kameleon-eff-8-tada.eff8-center-left,.km-socials-share-modern[data-style=hoverShowTada] .km-socials-share-modern-item .kameleon-eff-8-tada.eff8-center-left {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -24px;
    top: 50%
}

.kameleon-modern-social-links[data-style=effect_8] .kameleon-modern-link:hover .kameleon-eff-8-tada,.km-socials-share-modern[data-style=hoverShowTada] .km-socials-share-modern-item:hover .kameleon-eff-8-tada {
    opacity: 1
}

.km-modal-button {
    width: auto;
    text-align: center;
    display: inline-block;
    position: relative
}

.km-modal-button:hover {
    opacity: .95
}

.km-modal-button[data-size=small] {
    height: 25px;
    padding: 0 10px;
    line-height: 25px
}

.km-modal-button[data-size=normal] {
    height: 40px;
    padding: 0 15px;
    line-height: 40px
}

.km-modal-button[data-size=big] {
    height: 50px;
    padding: 0 25px;
    line-height: 50px
}

.km-modal-button[data-position=left] {
    float: left
}

.km-modal-button[data-position=center] {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.km-modal-button[data-position=right] {
    float: right
}

.km-perspective,.km-perspective body {
    height: 100%;
    overflow: hidden
}

.km-perspective body {
    -webkit-perspective: 600px;
    perspective: 600px;
    background: #222
}

.km-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50%;
    max-width: 630px;
    min-width: 320px;
    height: auto;
    z-index: 9999999999999999;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.km-modal.km-modal-video {
    max-width: 98%!important
}

.km-show {
    visibility: visible
}

.km-close:focus,.km-close:hover {
    background: rgba(0,0,0,.4)
}

.km-close {
    border: none;
    background: rgba(0,0,0,.2);
    color: #fff;
    font-size: 14px;
    line-height: 35px;
    height: 35px;
    padding: 0 10px;
    text-transform: uppercase;
    border-radius: 2px;
    display: block;
    margin: 5px auto 0
}

.km-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    top: 0;
    left: 0;
    z-index: 999999999999999999999999;
    background: rgba(0,0,0,.7);
    -webkit-transition: all .3s;
    transition: all .3s
}

.km-content {
    position: relative;
    margin: 0 auto;
    padding-bottom: 20px
}

.km-content h3 {
    margin: 0;
    padding: .7em;
    text-align: center;
    font-size: 2em;
    font-weight: 300;
    opacity: .8;
    background: rgba(0,0,0,.1);
    border-radius: 3px 3px 0 0;
    color: inherit
}

.km-content>div {
    margin: 0;
    font-weight: 300;
    font-size: 1.15em
}

.km-modal.km-modal-video .km-content,.km-modal.km-modal-video .km-content iframe {
    position: absolute;
    width: 100%!important;
    height: 100%!important;
    min-height: 100%!important;
    overflow: auto;
    padding: 0;
    margin: 0!important;
    border: 0!important;
    left: 0;
    top: 0
}

.km-effect-1 .km-content {
    -webkit-transform: scale(.7);
    transform: scale(.7);
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.km-show.km-effect-1 .km-content {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.km-effect-2 .km-content {
    -webkit-transform: translateX(20%);
    transform: translateX(20%);
    opacity: 0;
    -webkit-transition: all .3s cubic-bezier(.25,.5,.5,.9);
    transition: all .3s cubic-bezier(.25,.5,.5,.9)
}

.km-show.km-effect-2 .km-content {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.km-effect-3 .km-content {
    -webkit-transform: translateY(20%);
    transform: translateY(20%);
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.km-show.km-effect-3 .km-content {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.km-effect-4 .km-content {
    -webkit-transform: scale(0) rotate(720deg);
    transform: scale(0) rotate(720deg);
    opacity: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.km-show.km-effect-4 .km-content {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
    opacity: 1
}

.km-effect-5.km-modal {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

.km-effect-5 .km-content {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(600px) rotateX(20deg);
    transform: translateZ(600px) rotateX(20deg);
    opacity: 0
}

.km-show.km-effect-5 .km-content {
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    -webkit-transform: translateZ(0) rotateX(0);
    transform: translateZ(0) rotateX(0);
    opacity: 1
}

.km-effect-6.km-modal {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

.km-effect-6 .km-content {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translate(30%) translateZ(600px) rotate(10deg);
    transform: translate(30%) translateZ(600px) rotate(10deg);
    opacity: 0
}

.km-show.km-effect-6 .km-content {
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    -webkit-transform: translate(0) translateZ(0) rotate(0);
    transform: translate(0) translateZ(0) rotate(0);
    opacity: 1
}

.km-effect-7 {
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.km-effect-7 .km-content {
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0
}

.km-show.km-effect-7 .km-content {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    border-radius: 0 0 3px 3px;
    opacity: 1
}

.km-effect-8.km-modal {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

.km-effect-8 .km-content {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateY(-70deg);
    transform: rotateY(-70deg);
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0
}

.km-show.km-effect-8 .km-content {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 1
}

.km-effect-9.km-modal {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

.km-effect-9 .km-content {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-70deg);
    transform: rotateX(-70deg);
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: 0
}

.km-show.km-effect-9 .km-content {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1
}

.km-effect-10.km-modal {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

.km-effect-10 .km-content {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-60deg);
    transform: rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.km-show.km-effect-10 .km-content {
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    opacity: 1
}

.km-effect-11 .km-content {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.km-show.km-effect-11 .km-content {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.km-effect-12 .km-content {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.km-effect-12 .km-content,.km-effect-12 .km-content h3 {
    background: 0 0
}

.km-show.km-effect-12 .km-content {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.km-effect-13.km-modal {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

.km-effect-13 .km-content {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(-3000px) rotateY(90deg);
    transform: translateZ(-3000px) rotateY(90deg);
    opacity: 0
}

.km-show.km-effect-13 .km-content {
    -webkit-animation: slit .7s forwards ease-out;
    animation: slit .7s forwards ease-out
}

@-webkit-keyframes slit {
    50% {
        -webkit-transform: translateZ(-250px) rotateY(89deg);
        opacity: .5;
        -webkit-animation-timing-function: ease-out
    }

    100% {
        -webkit-transform: translateZ(0) rotateY(0);
        opacity: 1
    }
}

@keyframes slit {
    50% {
        transform: translateZ(-250px) rotateY(89deg);
        opacity: 1;
        animation-timing-function: ease-in
    }

    100% {
        transform: translateZ(0) rotateY(0);
        opacity: 1
    }
}

.km-effect-14.km-modal {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

.km-effect-14 .km-content {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateY(100%) rotateX(90deg);
    transform: translateY(100%) rotateX(90deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.km-show.km-effect-14 .km-content {
    -webkit-transform: translateY(0) rotateX(0);
    transform: translateY(0) rotateX(0);
    opacity: 1
}

.km-effect-15.km-modal {
    -webkit-perspective: 1300px;
    perspective: 1300px
}

.km-effect-15 .km-content {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    transform: translateZ(100px) translateX(-30%) rotateY(90deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.km-show.km-effect-15 .km-content {
    -webkit-transform: translateZ(0) translateX(0) rotateY(0);
    transform: translateZ(0) translateX(0) rotateY(0);
    opacity: 1
}

.km-show.km-effect-16~.km-wrapper {
    -webkit-filter: blur(3px);
    -moz-filter: blur(3px);
    filter: blur(3px)
}

.km-effect-16 .km-content {
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
    opacity: 0
}

.km-effect-16 .km-content,.km-show.km-effect-16~.km-wrapper {
    -webkit-transition: all .3s;
    transition: all .3s
}

.km-show.km-effect-16 .km-content {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.km-show.km-effect-17~.km-wrapper {
    height: 100%;
    overflow: hidden;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -webkit-transform: rotateX(-2deg);
    transform: rotateX(-2deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.km-effect-17 .km-content {
    opacity: 0;
    -webkit-transform: translateY(200%);
    transform: translateY(200%)
}

.km-show.km-effect-17 .km-content {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: all .3s .2s;
    transition: all .3s .2s
}

.km-show.km-effect-18~#km-wrapper {
    height: 100%;
    overflow: hidden
}

.km-show.km-effect-18~#km-wrapper,.km-show.km-effect-18~.km-overlay {
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 0 50%;
    -webkit-animation: rotateRightSideFirst .5s forwards ease-in;
    transform-style: preserve-3d;
    transform-origin: 0 50%;
    animation: rotateRightSideFirst .5s forwards ease-in
}

@-webkit-keyframes rotateRightSideFirst {
    50% {
        -webkit-transform: translateZ(-50px) rotateY(5deg);
        -webkit-animation-timing-function: ease-out
    }

    100% {
        -webkit-transform: translateZ(-200px)
    }
}

@keyframes rotateRightSideFirst {
    50% {
        transform: translateZ(-50px) rotateY(5deg);
        animation-timing-function: ease-out
    }

    100% {
        transform: translateZ(-200px)
    }
}

.km-effect-18 .km-content {
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
    opacity: 0
}

.km-show.km-effect-18 .km-content {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition: all .5s .1s;
    transition: all .5s .1s
}

.km-show.km-effect-19~.km-wrapper {
    height: 100%;
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 50% 100%;
    -webkit-animation: OpenTop .5s forwards ease-in;
    transform-style: preserve-3d;
    transform-origin: 50% 100%;
    animation: OpenTop .5s forwards ease-in
}

@-webkit-keyframes OpenTop {
    50% {
        -webkit-transform: rotateX(10deg);
        -webkit-animation-timing-function: ease-out
    }
}

@keyframes OpenTop {
    50% {
        transform: rotateX(10deg);
        animation-timing-function: ease-out
    }
}

.km-effect-19 .km-content {
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%);
    opacity: 0
}

.km-show.km-effect-19 .km-content {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: all .5s .1s;
    transition: all .5s .1s
}

.km-modal-video-tgr-container {
    width: 100%;
    float: left;
    text-align: center
}

.km-modal-video-tgr-container[data-position=left] {
    text-align: left
}

.km-modal-video-tgr-container[data-position=center] {
    text-align: center
}

.km-modal-video-tgr-container[data-position=right] {
    text-align: right
}

.km-modal-video-tgr {
    display: inline-block
}

.km-modal-video-tgr img {
    position: relative;
    width: inherit;
    height: inherit;
    cursor: pointer
}

.km-modal-video-closer {
    position: absolute;
    right: 0;
    top: 0;
    height: 35px;
    width: 35px;
    text-align: center;
    cursor: pointer;
    line-height: 34px;
    font-size: 17px;
    opacity: .85;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.km-modal-video-closer:hover {
    opacity: 1
}

.tmkit-button-container {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 100%;
    float: left
}

.tmkit-button-container[data-hover-action=scaleup]:hover .tmkit-button-insider {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.tmkit-button-container[data-hover-action=scaledown]:hover .tmkit-button-insider {
    -webkit-transform: scale(.95);
    transform: scale(.95)
}

.tmkit-button-container a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999999
}

.tmkit-button-container[data-layout=noicon] .tmkit-button-icon,.tmkit-button-container[data-layout=justicon] .tmkit-button-txt span {
    display: none;
    opacity: 0;
    width: 0;
    height: 0;
    visibility: hidden
}

.tmkit-button-container[data-layout=justicon] .tmkit-button-icon {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 9999
}

.tmkit-button-container[data-layout=withicon] .tmkit-button-icon {
    position: absolute;
    height: 100%;
    color: #fff;
    z-index: 9999;
    top: 1px
}

.tmkit-button-container[data-layout=withicon][data-icon-position=left] .tmkit-button-icon {
    left: 0;
    float: left
}

.tmkit-button-container[data-layout=withicon][data-icon-position=right] .tmkit-button-icon {
    right: 0;
    float: right
}

.tmkit-button-container[data-layout=withicon][data-icon-position=left] .tmkit-button-icon,.tmkit-button-container[data-layout=withicon][data-icon-position=left] .tmkit-button-txt span {
    padding-right: 0!important
}

.tmkit-button-container[data-layout=withicon][data-icon-position=right] .tmkit-button-icon,.tmkit-button-container[data-layout=withicon][data-icon-position=right] .tmkit-button-txt span {
    padding-left: 0!important
}

.tmkit-button-insider {
    width: 300px;
    height: 50px;
    line-height: 48px;
    font-size: 18px;
    letter-spacing: 2px;
    cursor: pointer;
    position: relative;
    display: inline-block;
    text-align: center;
    border-radius: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    box-sizing: initial;
    color: transparent!important
}

.tmkit-button-bg-r,.tmkit-button-container[data-button-style=scaleup] .tmkit-button-bg-h,.tmkit-button-container[data-button-style=scaledown] .tmkit-button-bg-h,.tmkit-button-container[data-button-style=pushleft] .tmkit-button-bg-h,.tmkit-button-container[data-button-style=pushright] .tmkit-button-bg-h,.tmkit-button-container[data-button-style=pushbottom] .tmkit-button-bg-h,.tmkit-button-container[data-button-style=pushtop] .tmkit-button-bg-h,.tmkit-button-container[data-button-style=fillleft] .tmkit-button-bg-h,.tmkit-button-container[data-button-style=fillright] .tmkit-button-bg-h,.tmkit-button-container[data-button-style=fillbottom] .tmkit-button-bg-h,.tmkit-button-container[data-button-style=filltop] .tmkit-button-bg-h,.tmkit-button-container[data-button-style=qaswara] .tmkit-button-bg-h,.tmkit-button-container[data-button-style=rotateleft] .tmkit-button-bg-h,.tmkit-button-container[data-button-style=rotateright] .tmkit-button-bg-h,.tmkit-button-container[data-button-style=rotatebottom] .tmkit-button-bg-h,.tmkit-button-container[data-button-style=rotatetop] .tmkit-button-bg-h,.tmkit-button-txt {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

.tmkit-button-bg-h,.tmkit-button-bg-r {
    border-radius: inherit
}

.tmkit-button-txt {
    position: absolute;
    z-index: 99999;
    float: left;
    line-height: inherit!important
}

.tmkit-button-bg-h,.tmkit-button-bg-r {
    position: absolute;
    z-index: 1;
    box-sizing: border-box
}

.tmkit-button-bg-h,.tmkit-button-bg-r,.tmkit-button-txt-h,.tmkit-button-txt-r {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.tmkit-button-container[data-button-style=pushleft] .tmkit-button-insider,.tmkit-button-container[data-button-style=pushright] .tmkit-button-insider,.tmkit-button-container[data-button-style=pushbottom] .tmkit-button-insider,.tmkit-button-container[data-button-style=pushtop] .tmkit-button-insider,.tmkit-button-container[data-button-style=fillleft] .tmkit-button-insider,.tmkit-button-container[data-button-style=fillright] .tmkit-button-insider,.tmkit-button-container[data-button-style=fillbottom] .tmkit-button-insider,.tmkit-button-container[data-button-style=filltop] .tmkit-button-insider {
    overflow: hidden
}

.tmkit-button-container[data-button-style=scaleup] .tmkit-button-bg-h,.tmkit-button-container[data-button-style=scaleup] .tmkit-button-txt-h,.tmkit-button-container[data-button-style=scaledown] .tmkit-button-insider:hover .tmkit-button-txt-r,.tmkit-button-container[data-button-style=fillleft] .tmkit-button-insider .tmkit-button-txt-h,.tmkit-button-container[data-button-style=fillleft] .tmkit-button-insider:hover .tmkit-button-txt-r,.tmkit-button-container[data-button-style=fillright] .tmkit-button-insider .tmkit-button-txt-h,.tmkit-button-container[data-button-style=fillright] .tmkit-button-insider:hover .tmkit-button-txt-r,.tmkit-button-container[data-button-style=fillbottom] .tmkit-button-insider .tmkit-button-txt-h,.tmkit-button-container[data-button-style=fillbottom] .tmkit-button-insider:hover .tmkit-button-txt-r,.tmkit-button-container[data-button-style=filltop] .tmkit-button-insider .tmkit-button-txt-h,.tmkit-button-container[data-button-style=filltop] .tmkit-button-insider:hover .tmkit-button-txt-r,.tmkit-button-container[data-button-style=none] .tmkit-button-bg-h,.tmkit-button-container[data-button-style=none] .tmkit-button-txt-h,.tmkit-button-container[data-button-style=qaswara] .tmkit-button-bg-h,.tmkit-button-container[data-button-style=qaswara] .tmkit-button-insider:hover .tmkit-button-txt-r,.tmkit-button-container[data-button-style=qaswara] .tmkit-button-txt-h {
    opacity: 0
}

.tmkit-button-container[data-button-style=scaleup] .tmkit-button-insider:hover .tmkit-button-bg-h,.tmkit-button-container[data-button-style=scaleup] .tmkit-button-insider:hover .tmkit-button-txt-h,.tmkit-button-container[data-button-style=fillleft] .tmkit-button-insider:hover .tmkit-button-txt-h,.tmkit-button-container[data-button-style=fillright] .tmkit-button-insider:hover .tmkit-button-txt-h,.tmkit-button-container[data-button-style=fillbottom] .tmkit-button-insider:hover .tmkit-button-txt-h,.tmkit-button-container[data-button-style=filltop] .tmkit-button-insider:hover .tmkit-button-txt-h,.tmkit-button-container[data-button-style=qaswara] .tmkit-button-insider:hover .tmkit-button-bg-h,.tmkit-button-container[data-button-style=qaswara] .tmkit-button-insider:hover .tmkit-button-txt-h {
    opacity: 1
}

.km-alert-message,.km-alert-title {
    height: inherit;
    display: inline-block;
    line-height: inherit;
    float: left
}

.tmkit-button-container[data-button-style=pushleft] .tmkit-button-insider:hover .tmkit-button-bg-r,.tmkit-button-container[data-button-style=pushleft] .tmkit-button-insider:hover .tmkit-button-txt-r,.tmkit-button-container[data-button-style=pushright] .tmkit-button-bg-h,.tmkit-button-container[data-button-style=pushright] .tmkit-button-txt-h,.tmkit-button-container[data-button-style=fillright] .tmkit-button-bg-h {
    left: -100%
}

.tmkit-button-container[data-button-style=pushleft] .tmkit-button-insider:hover .tmkit-button-bg-h,.tmkit-button-container[data-button-style=pushleft] .tmkit-button-insider:hover .tmkit-button-txt-h,.tmkit-button-container[data-button-style=pushright] .tmkit-button-insider:hover .tmkit-button-bg-h,.tmkit-button-container[data-button-style=pushright] .tmkit-button-insider:hover .tmkit-button-txt-h,.tmkit-button-container[data-button-style=fillleft] .tmkit-button-insider:hover .tmkit-button-bg-h,.tmkit-button-container[data-button-style=fillright] .tmkit-button-insider:hover .tmkit-button-bg-h {
    left: 0
}

.tmkit-button-container[data-button-style=pushleft] .tmkit-button-bg-h,.tmkit-button-container[data-button-style=pushleft] .tmkit-button-txt-h,.tmkit-button-container[data-button-style=pushright] .tmkit-button-insider:hover .tmkit-button-bg-r,.tmkit-button-container[data-button-style=pushright] .tmkit-button-insider:hover .tmkit-button-txt-r,.tmkit-button-container[data-button-style=fillleft] .tmkit-button-bg-h {
    left: 100%
}

.tmkit-button-container[data-button-style=pushbottom] .tmkit-button-bg-h,.tmkit-button-container[data-button-style=pushbottom] .tmkit-button-txt-h,.tmkit-button-container[data-button-style=pushtop] .tmkit-button-insider:hover .tmkit-button-bg-r,.tmkit-button-container[data-button-style=pushtop] .tmkit-button-insider:hover .tmkit-button-txt-r,.tmkit-button-container[data-button-style=filltop] .tmkit-button-bg-h {
    top: -100%
}

.tmkit-button-container[data-button-style=pushbottom] .tmkit-button-insider:hover .tmkit-button-bg-h,.tmkit-button-container[data-button-style=pushbottom] .tmkit-button-insider:hover .tmkit-button-txt-h,.tmkit-button-container[data-button-style=pushtop] .tmkit-button-insider:hover .tmkit-button-bg-h,.tmkit-button-container[data-button-style=pushtop] .tmkit-button-insider:hover .tmkit-button-txt-h,.tmkit-button-container[data-button-style=fillbottom] .tmkit-button-insider:hover .tmkit-button-bg-h,.tmkit-button-container[data-button-style=filltop] .tmkit-button-insider:hover .tmkit-button-bg-h {
    top: 0
}

.tmkit-button-container[data-button-style=pushbottom] .tmkit-button-insider:hover .tmkit-button-bg-r,.tmkit-button-container[data-button-style=pushbottom] .tmkit-button-insider:hover .tmkit-button-txt-r,.tmkit-button-container[data-button-style=pushtop] .tmkit-button-bg-h,.tmkit-button-container[data-button-style=pushtop] .tmkit-button-txt-h,.tmkit-button-container[data-button-style=fillbottom] .tmkit-button-bg-h {
    top: 100%
}

.tmkit-button-container[data-button-style=scaleup] .tmkit-button-insider:hover .tmkit-button-bg-r,.tmkit-button-container[data-button-style=scaleup] .tmkit-button-insider:hover .tmkit-button-txt-r,.tmkit-button-container[data-button-style=scaledown] .tmkit-button-bg-h,.tmkit-button-container[data-button-style=scaledown] .tmkit-button-txt-h {
    opacity: 0;
    -webkit-transform: scale(1.9);
    transform: scale(1.9)
}

.tmkit-button-container[data-button-style=scaledown] .tmkit-button-insider:hover .tmkit-button-bg-h,.tmkit-button-container[data-button-style=scaledown] .tmkit-button-insider:hover .tmkit-button-txt-h {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.tmkit-button-container[data-button-style=rotateleft] .tmkit-button-insider,.tmkit-button-container[data-button-style=rotateright] .tmkit-button-insider,.tmkit-button-container[data-button-style=rotatebottom] .tmkit-button-insider {
    transform-style: preserve-3d
}

.tmkit-button-container[data-button-style=rotateleft] .tmkit-button-bg-h,.tmkit-button-container[data-button-style=rotateleft] .tmkit-button-bg-r,.tmkit-button-container[data-button-style=rotateleft] .tmkit-button-txt-h,.tmkit-button-container[data-button-style=rotateleft] .tmkit-button-txt-r,.tmkit-button-container[data-button-style=rotateright] .tmkit-button-bg-h,.tmkit-button-container[data-button-style=rotateright] .tmkit-button-bg-r,.tmkit-button-container[data-button-style=rotateright] .tmkit-button-txt-h,.tmkit-button-container[data-button-style=rotateright] .tmkit-button-txt-r,.tmkit-button-container[data-button-style=rotatebottom] .tmkit-button-bg-h,.tmkit-button-container[data-button-style=rotatebottom] .tmkit-button-bg-r,.tmkit-button-container[data-button-style=rotatebottom] .tmkit-button-txt-h,.tmkit-button-container[data-button-style=rotatebottom] .tmkit-button-txt-r,.tmkit-button-container[data-button-style=rotatetop] .tmkit-button-bg-h,.tmkit-button-container[data-button-style=rotatetop] .tmkit-button-bg-r,.tmkit-button-container[data-button-style=rotatetop] .tmkit-button-txt-h,.tmkit-button-container[data-button-style=rotatetop] .tmkit-button-txt-r {
    backface-visibility: hidden;
    transform-origin: 50% 50%
}

.tmkit-button-container[data-button-style=rotateleft] .tmkit-button-bg-r,.tmkit-button-container[data-button-style=rotateleft] .tmkit-button-insider:hover .tmkit-button-bg-h,.tmkit-button-container[data-button-style=rotateleft] .tmkit-button-insider:hover .tmkit-button-txt-h,.tmkit-button-container[data-button-style=rotateleft] .tmkit-button-txt-r,.tmkit-button-container[data-button-style=rotateright] .tmkit-button-bg-r,.tmkit-button-container[data-button-style=rotateright] .tmkit-button-insider:hover .tmkit-button-bg-h,.tmkit-button-container[data-button-style=rotateright] .tmkit-button-insider:hover .tmkit-button-txt-h,.tmkit-button-container[data-button-style=rotateright] .tmkit-button-txt-r {
    transform: rotateY(0);
    left: 0
}

.tmkit-button-container[data-button-style=rotateleft] .tmkit-button-insider:hover .tmkit-button-bg-r,.tmkit-button-container[data-button-style=rotateleft] .tmkit-button-insider:hover .tmkit-button-txt-r,.tmkit-button-container[data-button-style=rotateright] .tmkit-button-bg-h,.tmkit-button-container[data-button-style=rotateright] .tmkit-button-txt-h {
    transform: rotateY(-90deg);
    left: -50%
}

.tmkit-button-container[data-button-style=rotateleft] .tmkit-button-bg-h,.tmkit-button-container[data-button-style=rotateleft] .tmkit-button-txt-h,.tmkit-button-container[data-button-style=rotateright] .tmkit-button-insider:hover .tmkit-button-bg-r,.tmkit-button-container[data-button-style=rotateright] .tmkit-button-insider:hover .tmkit-button-txt-r {
    transform: rotateY(90deg);
    left: 50%
}

.tmkit-button-container[data-button-style=rotatebottom] .tmkit-button-bg-r,.tmkit-button-container[data-button-style=rotatebottom] .tmkit-button-insider:hover .tmkit-button-bg-h,.tmkit-button-container[data-button-style=rotatebottom] .tmkit-button-insider:hover .tmkit-button-txt-h,.tmkit-button-container[data-button-style=rotatebottom] .tmkit-button-txt-r,.tmkit-button-container[data-button-style=rotatetop] .tmkit-button-bg-r,.tmkit-button-container[data-button-style=rotatetop] .tmkit-button-insider:hover .tmkit-button-bg-h,.tmkit-button-container[data-button-style=rotatetop] .tmkit-button-insider:hover .tmkit-button-txt-h,.tmkit-button-container[data-button-style=rotatetop] .tmkit-button-txt-r {
    transform: rotateX(0);
    top: 0
}

.tmkit-button-container[data-button-style=rotatebottom] .tmkit-button-bg-h,.tmkit-button-container[data-button-style=rotatebottom] .tmkit-button-txt-h,.tmkit-button-container[data-button-style=rotatetop] .tmkit-button-insider:hover .tmkit-button-bg-r,.tmkit-button-container[data-button-style=rotatetop] .tmkit-button-insider:hover .tmkit-button-txt-r {
    transform: rotateX(-90deg);
    top: -50%
}

.tmkit-button-container[data-button-style=rotatebottom] .tmkit-button-insider:hover .tmkit-button-bg-r,.tmkit-button-container[data-button-style=rotatebottom] .tmkit-button-insider:hover .tmkit-button-txt-r,.tmkit-button-container[data-button-style=rotatetop] .tmkit-button-bg-h,.tmkit-button-container[data-button-style=rotatetop] .tmkit-button-txt-h {
    transform: rotateX(90deg);
    top: 50%
}

.km-alert-box {
    width: 100%;
    left: 0;
    right: 0;
    min-height: 20px;
    overflow: auto;
    overflow-x: hidden;
    border: 1px solid transparent;
    box-sizing: border-box;
    padding: 10px 20px;
    position: relative
}

.km-alert-box-text {
    float: left;
    color: inherit;
    width: 100%;
    font-size: 13px
}

.km-alert-title {
    font-size: 16px;
    margin-right: 10px;
    margin-left: 3px
}

.km-alert-box-close {
    position: absolute;
    right: 10px;
    font-size: 16px;
    top: 10px;
    opacity: .8
}

.km-icon-alert {
    display: inline-block;
    float: left;
    font-size: 18px;
    margin-right: 5px;
    line-height: inherit
}

.twentytwenty-wrapper {
    width: 100%
}

.km-twentytwenty-container {
    width: 100%;
    box-sizing: content-box;
    z-index: 0;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.km-twentytwenty-container img {
    max-width: 100%;
    position: absolute;
    top: 0;
    display: block;
    float: left;
    width: 100%;
    height: auto!important
}

.twentytwenty-after {
    position: relative
}

.km-twentytwenty-container * {
    box-sizing: content-box
}

.km-twentytwenty-container[data-overlay=off] .km-twentytwenty-overlay {
    display: none
}

.km-twentytwenty-overlay {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 23;
    background: rgba(0,0,0,.5)
}

.km-twentytwenty-container:hover .km-twentytwenty-overlay {
    opacity: 1
}

.km-twentytwenty-container.active .km-twentytwenty-overlay {
    opacity: 0
}

.km-twentytwenty-after-label,.km-twentytwenty-before-label {
    height: 32px;
    line-height: 32px;
    position: absolute;
    width: auto;
    white-space: nowrap;
    font-size: 13px;
    padding: 0 15px;
    z-index: 99
}

.km-twentytwenty-container[data-orientation=horizontal] .km-twentytwenty-before-label {
    top: 50%;
    left: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.km-twentytwenty-container[data-orientation=horizontal] .km-twentytwenty-after-label {
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.km-twentytwenty-container[data-orientation=vertical] .km-twentytwenty-before-label {
    left: 50%;
    top: 15px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.km-twentytwenty-container[data-orientation=vertical] .km-twentytwenty-after-label {
    left: 50%;
    bottom: 15px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.km-twentytwenty-container[data-orientation=vertical] .km-twentytwenty-handle {
    width: 100%;
    float: left;
    position: absolute;
    border-color: #FFF
}

.km-twentytwenty-handle-icon {
    height: 38px;
    width: 38px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
    border: 3px solid #fff;
    border-color: inherit!important;
    border-radius: 1000px;
    box-shadow: 0 0 12px rgba(51,51,51,.5);
    z-index: 40;
    cursor: pointer
}

.km-twentytwenty-vertical-line-1,.km-twentytwenty-vertical-line-2 {
    display: block;
    width: calc(50% - 19px);
    border-color: inherit;
    position: absolute;
    z-index: 30;
    box-shadow: 0 0 12px rgba(51,51,51,.5);
    border-top: 3px solid;
    margin-top: -22px;
    border-top-color: inherit
}

.km-twentytwenty-vertical-line-1 {
    left: 0
}

.km-twentytwenty-vertical-line-2 {
    right: 0
}

.km-twentytwenty-container[data-orientation=horizontal] .km-twentytwenty-handle {
    height: 100%;
    float: left;
    position: absolute;
    border-color: #FFF
}

.km-twentytwenty-container[data-orientation=horizontal] .km-twentytwenty-handle-icon {
    height: 38px;
    width: 38px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -29px;
    margin-top: -22px;
    border: 3px solid #fff;
    border-radius: 1000px;
    box-shadow: 0 0 12px rgba(51,51,51,.5);
    z-index: 40;
    cursor: pointer
}

.km-twentytwenty-horizontal-line-1,.km-twentytwenty-horizontal-line-2 {
    display: block;
    height: calc(50% - 19px);
    border-color: inherit;
    position: absolute;
    z-index: 30;
    box-shadow: 0 0 12px rgba(51,51,51,.5);
    border-left: 3px solid;
    border-left-color: inherit
}

.km-twentytwenty-horizontal-line-1 {
    top: 0
}

.km-twentytwenty-horizontal-line-2 {
    bottom: 0
}

.twentytwenty-horizontal .km-twentytwenty-handle:before {
    bottom: 50%;
    margin-bottom: 22px;
    box-shadow: 0 3px 0 #fff,0 0 12px rgba(51,51,51,.5)
}

.twentytwenty-horizontal .km-twentytwenty-handle:after {
    top: 50%;
    margin-top: 22px;
    box-shadow: 0 -3px 0 #fff,0 0 12px rgba(51,51,51,.5)
}

.twentytwenty-vertical .km-twentytwenty-handle:before {
    left: 50%;
    margin-left: 22px;
    box-shadow: 3px 0 0 #fff,0 0 12px rgba(51,51,51,.5)
}

.twentytwenty-vertical .km-twentytwenty-handle:after {
    right: 50%;
    margin-right: 22px;
    box-shadow: -3px 0 0 #fff,0 0 12px rgba(51,51,51,.5)
}

.twentytwenty-vertical .km-twentytwenty-handle-1 {
    position: absolute;
    width: calc(50% - 19px);
    left: 0;
    top: 19px;
    height: 3px;
    background: #FFF
}

.km-twentytwenty-handle-horizontal-1,.km-twentytwenty-handle-horizontal-2,.km-twentytwenty-handle-vertical-1,.km-twentytwenty-handle-vertical-2 {
    width: 0;
    height: 0;
    position: absolute;
    z-index: 9999
}

.km-twentytwenty-handle-horizontal-1,.km-twentytwenty-handle-horizontal-2 {
    top: 50%;
    margin-top: -6px
}

.km-twentytwenty-handle-horizontal-1 {
    border-right: 6px solid;
    border-top: 6px inset transparent;
    border-bottom: 6px inset transparent;
    border-right-color: inherit;
    left: 50%;
    margin-left: -19px
}

.km-twentytwenty-handle-horizontal-2 {
    border-left: 6px solid;
    border-top: 6px inset transparent;
    border-bottom: 6px inset transparent;
    border-left-color: inherit;
    right: 50%;
    margin-right: -3px
}

.km-twentytwenty-handle-vertical-1,.km-twentytwenty-handle-vertical-2 {
    border-right: 6px inset transparent;
    border-left: 6px inset transparent;
    margin-left: -6px
}

.km-twentytwenty-handle-vertical-1 {
    border-bottom: 6px solid;
    border-bottom-color: inherit;
    top: 50%;
    margin-top: -22px
}

.km-twentytwenty-handle-vertical-2 {
    border-top: 6px solid;
    border-top-color: inherit;
    bottom: 50%;
    margin-bottom: -1px
}

.km-twentytwenty-handle {
    text-align: center
}

.twentytwenty-before {
    z-index: 20
}

.twentytwenty-after {
    z-index: 10
}

.km-element-box-shadow:after:hover,.km-element-box-shadow:before:hover {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.km-element-box-shadow[data-boxshadow-hover=on][data-boxshadow-style=style1]:hover,.km-element-box-shadow[data-boxshadow-style=style1][data-boxshadow=on] {
    box-shadow: 0 0 20px
}

.km-element-box-shadow[data-boxshadow-style=style2][data-boxshadow-hover=on]:hover,.km-element-box-shadow[data-boxshadow-style=style2][data-boxshadow=on] {
    box-shadow: 0 30px 60px -30px
}

.km-element-box-shadow[data-boxshadow-style=style3][data-boxshadow-hover=on]:hover:after,.km-element-box-shadow[data-boxshadow-style=style3][data-boxshadow-hover=on]:hover:before,.km-element-box-shadow[data-boxshadow-style=style3][data-boxshadow=on]:after,.km-element-box-shadow[data-boxshadow-style=style3][data-boxshadow=on]:before {
    content: "";
    bottom: 15px;
    position: absolute;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    box-shadow: 0 15px 10px;
    color: inherit;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg)
}

.km-element-box-shadow[data-boxshadow-style=style3][data-boxshadow-hover=on]:hover:after,.km-element-box-shadow[data-boxshadow-style=style3][data-boxshadow=on]:after {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto
}

.km-element-box-shadow[data-boxshadow-hover=on][data-boxshadow-style=style4]:hover,.km-element-box-shadow[data-boxshadow-style=style4][data-boxshadow=on] {
    box-shadow: 0 10px 6px -6px
}

.km-element-box-shadow[data-boxshadow-hover=on][data-boxshadow-style=style5]:hover:before,.km-element-box-shadow[data-boxshadow-style=style5][data-boxshadow=on]:before {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    box-shadow: 0 15px 10px;
    color: inherit;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg)
}

.km-element-box-shadow[data-boxshadow-hover=on][data-boxshadow-style=style6]:hover:before,.km-element-box-shadow[data-boxshadow-style=style6][data-boxshadow=on]:before {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    right: 10px;
    left: auto;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #777;
    box-shadow: 0 15px 10px;
    color: inherit;
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg)
}

.km-element-box-shadow[data-boxshadow-hover=on][data-boxshadow-style=style7]:hover,.km-element-box-shadow[data-boxshadow-style=style7][data-boxshadow=on] {
    box-shadow: 0 1px 4px var(--box-shadow-color),0 0 40px inset
}

.km-element-box-shadow[data-boxshadow-hover=on][data-boxshadow-style=style7]:hover:after,.km-element-box-shadow[data-boxshadow-hover=on][data-boxshadow-style=style7]:hover:before,.km-element-box-shadow[data-boxshadow-style=style7][data-boxshadow=on]:after,.km-element-box-shadow[data-boxshadow-style=style7][data-boxshadow=on]:before {
    content: "";
    position: absolute;
    box-shadow: 0 0 20px;
    color: inherit;
    top: 50%;
    bottom: 0;
    left: 10px;
    right: 10px;
    border-radius: 100px/10px
}

.km-element-box-shadow[data-boxshadow-hover=on][data-boxshadow-style=style7]:hover:after,.km-element-box-shadow[data-boxshadow-style=style7][data-boxshadow=on]:after {
    right: 10px;
    left: auto;
    -webkit-transform: skew(8deg) rotate(3deg);
    transform: skew(8deg) rotate(3deg)
}

.km-element-box-shadow[data-boxshadow-hover=on][data-boxshadow-style=style8]:hover,.km-element-box-shadow[data-boxshadow-style=style8][data-boxshadow=on] {
    box-shadow: 0 1px 4px var(--box-shadow-color),0 0 40px inset;
    position: relative
}

.km-element-box-shadow[data-boxshadow-hover=on][data-boxshadow-style=style8]:hover:after,.km-element-box-shadow[data-boxshadow-hover=on][data-boxshadow-style=style8]:hover:before,.km-element-box-shadow[data-boxshadow-style=style8][data-boxshadow=on]:after,.km-element-box-shadow[data-boxshadow-style=style8][data-boxshadow=on]:before {
    content: "";
    position: absolute;
    box-shadow: 0 0 20px;
    color: inherit;
    top: 0;
    bottom: 0;
    left: 10px;
    right: 10px;
    border-radius: 100px/10px
}

.km-element-box-shadow[data-boxshadow-hover=on][data-boxshadow-style=style8]:hover:after,.km-element-box-shadow[data-boxshadow-style=style8][data-boxshadow=on]:after {
    right: 10px;
    left: auto;
    -webkit-transform: skew(8deg) rotate(3deg);
    transform: skew(8deg) rotate(3deg)
}

.km-element-box-shadow[data-boxshadow-hover=on][data-boxshadow-style=style9]:hover,.km-element-box-shadow[data-boxshadow-style=style9][data-boxshadow=on] {
    box-shadow: 0 1px 4px var(--box-shadow-color),0 0 40px inset;
    position: relative
}

.km-element-box-shadow[data-boxshadow-hover=on][data-boxshadow-style=style9]:hover:after,.km-element-box-shadow[data-boxshadow-hover=on][data-boxshadow-style=style9]:hover:before,.km-element-box-shadow[data-boxshadow-style=style9][data-boxshadow=on]:after,.km-element-box-shadow[data-boxshadow-style=style9][data-boxshadow=on]:before {
    content: "";
    position: absolute;
    box-shadow: 0 0 20px rgba(0,0,0,.8);
    top: 10px;
    bottom: 10px;
    left: 0;
    right: 0;
    border-radius: 100px/10px
}

.km-element-box-shadow[data-boxshadow-hover=on][data-boxshadow-style=style9]:hover:after,.km-element-box-shadow[data-boxshadow-style=style9][data-boxshadow=on]:after {
    right: 10px;
    left: auto;
    -webkit-transform: skew(8deg) rotate(3deg);
    transform: skew(8deg) rotate(3deg)
}

.km-co-row {
    margin-bottom: 10px
}

.km-co-row i {
    margin-right: 11px;
    color: #289fca;
    font-size: 16px
}

.smile_icon_list li .icon_description h3 {
    font-weight: 500!important
}

a {
    color: inherit
}

.km-teammate-container {
    width: 100%;
    height: auto;
    float: left;
    box-sizing: border-box;
    position: relative
}

.km-teammate-img,.km-teammate-img img {
    width: 100%;
    float: left;
    height: auto;
    position: relative;
    overflow: hidden
}

.km-teammate-info {
    width: 100%;
    height: auto;
    float: left;
    box-sizing: border-box;
    margin-top: 15px
}

.km-teammate-np {
    display: inline-block;
    float: left;
    left: 0;
    right: 0
}

.km-teammate-name {
    text-align: left;
    color: #333;
    font-size: 17px;
    letter-spacing: 2px
}

.km-teammate-soc {
    display: inline-block;
    float: right;
    text-align: right;
    color: #888;
    font-size: 17px;
    margin-top: 7px
}

.km-teammate-soc a {
    margin-left: 15px;
    display: inline-block;
    float: left;
    color: inherit
}

.km-teammate-position {
    display: inline-block;
    float: left;
    height: auto;
    box-sizing: border-box;
    color: #888;
    font-style: italic;
    letter-spacing: 1px
}

.km-teammate-content {
    width: 100%;
    float: left;
    height: auto;
    box-sizing: border-box;
    color: #666;
    margin-top: 12px;
    line-height: 1.5em
}

.km-iconboxb-info,.km-iconboxb-title-c,.km-inter-i-area2 {
    line-height: 1.7em
}

.km-teammate-img-overlay {
    width: 100%;
    float: left;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: -50%;
    left: 0;
    background: rgba(0,0,0,.5);
    opacity: 0
}

.km-teammate-container[data-style=style2] .km-teammate-name {
    width: 100%;
    float: left;
    text-align: center;
    color: #333
}

.km-teammate-container[data-style=style2] .km-teammate-soc {
    width: 100%;
    float: left;
    text-align: center;
    color: #ddd;
    visibility: hidden;
    opacity: 0;
    margin-top: -20px
}

.km-teammate-container[data-style=style2] .km-teammate-soc a {
    margin-left: 10px;
    margin-right: 10px;
    display: inline-block;
    float: none
}

.km-teammate-container[data-style=style2] .km-teammate-position {
    text-align: center;
    width: 100%;
    float: left;
    color: #ddd
}

.km-teammate-container[data-style=style2] .km-teammate-content {
    text-align: center;
    margin-top: -40px;
    visibility: hidden;
    opacity: 0
}

.km-teammate-container[data-style=style2] .km-teammate-np {
    width: 100%;
    float: left;
    height: auto
}

.km-teammate-container[data-style=style2]:hover .km-teammate-name {
    color: #FFF!important
}

.km-teammate-container[data-style=style2]:hover .km-teammate-position {
    color: #FFF!important;
    opacity: .8;
    margin-top: 10px
}

.km-teammate-container[data-style=style2]:hover .km-teammate-img-overlay {
    opacity: 1;
    top: 0;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.km-teammate-container[data-style=style2]:hover .km-teammate-np,.km-teammate-container[data-style=style2]:hover .km-teammate-soc {
    position: relative;
    margin-top: -40%;
    z-index: 9;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.km-teammate-container[data-style=style2]:hover .km-teammate-content,.km-teammate-container[data-style=style2]:hover .km-teammate-soc {
    height: auto;
    visibility: visible;
    opacity: 1;
    margin-top: 5px;
    -webkit-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out
}

.km-teammate-container[data-style=style2]:hover .km-teammate-soc {
    margin-top: -20%;
    color: #FFF!important
}

.km-teammate-container[data-style=style3] .km-teammate-content,.km-teammate-container[data-style=style3] .km-teammate-name,.km-teammate-container[data-style=style3] .km-teammate-np,.km-teammate-container[data-style=style3] .km-teammate-position,.km-teammate-container[data-style=style3] .km-teammate-soc {
    width: 100%;
    float: left;
    text-align: inherit!important
}

.km-teammate-container[data-style=style3][data-align=center] {
    text-align: center
}

.km-teammate-container[data-style=style3][data-align=left] {
    text-align: left
}

.km-teammate-container[data-style=style3][data-align=right] {
    text-align: right
}

.km-teammate-container[data-style=style3] .km-teammate-content {
    margin-top: 8px
}

.km-teammate-container[data-style=style3][data-align=center] .km-teammate-soc a {
    display: inline-block;
    margin: 5px 7px 0;
    float: none
}

.km-teammate-container[data-style=style3][data-align=left] .km-teammate-soc a {
    display: inline-block;
    margin-right: 14px;
    float: left;
    margin-top: 5px;
    margin-left: 0
}

.km-teammate-container[data-style=style3][data-align=right] .km-teammate-soc a {
    display: inline-block;
    margin-left: 14px;
    float: right;
    margin-top: 5px
}

.km-line-sep-container {
    width: 100%;
    float: left
}

.km-line-sep-insider {
    display: inline-block;
    position: relative
}

.km-line-sep-container[data-style=none] .km-line-sep-fill {
    width: 100%;
    left: 0;
    top: 0;
    height: 100%
}

.km-line-sep-container[data-style=from-left] .km-line-sep-fill {
    left: 0;
    top: 0;
    height: 100%;
    width: 0
}

.km-line-sep-container[data-style=from-right] .km-line-sep-fill {
    right: 0;
    top: 0;
    height: 100%;
    width: 0
}

.km-line-sep-container[data-style=from-top] .km-line-sep-fill {
    left: 0;
    top: 0;
    width: 100%;
    height: 0
}

.km-line-sep-container[data-style=from-bottom] .km-line-sep-fill {
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0
}

.km-line-sep-container[data-style=from-center] .km-line-sep-fill {
    display: inline-block;
    margin: auto;
    height: 100%;
    width: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.km-line-sep-container.km-line-shown[data-style=from-top] .km-line-sep-fill,.km-line-sep-container.km-line-shown[data-style=from-bottom] .km-line-sep-fill {
    height: 100%
}

.km-line-sep-container.km-line-shown[data-style=from-left] .km-line-sep-fill,.km-line-sep-container.km-line-shown[data-style=from-right] .km-line-sep-fill,.km-line-sep-container.km-line-shown[data-style=from-center] .km-line-sep-fill {
    width: 100%
}

.km-line-sep-fill {
    position: absolute;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out
}

.km-line-sep-icon {
    position: relative;
    z-index: 9;
    text-align: center
}

.km-line-sep-container[data-align=left] .km-line-sep-icon {
    left: 0;
    float: left
}

.km-line-sep-container[data-align=right] .km-line-sep-icon {
    right: 0;
    float: right
}

.km-line-sep-container[data-align=center] .km-line-sep-icon {
    margin: auto;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.km-line-sep-icon[data-rotation=true] {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.km-line-sep-container[data-align=center] .km-line-sep-icon[data-rotation=true] {
    -webkit-transform: rotate(-45deg) translateX(-50%);
    transform: rotate(-45deg) translateX(-50%)
}

.km-line-sep-icon[data-rotation=true] i {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block
}

.km-iconbox-with-button {
    width: 100%;
    float: left;
    height: 250px;
    min-height: 250px;
    position: relative;
    text-align: center
}

.km-iconboxb-buttonc,.km-iconboxb-iconc,.km-iconboxb-info,.km-iconboxb-title-c,.km-iconboxb-title-c div {
    width: 100%;
    float: left;
    height: auto;
    position: relative
}

.km-iconboxb-button {
    display: inline-block;
    padding: 0 25px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.km-iconboxb-bbottom {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.km-iconbox-with-button[data-style=effect2][data-hover-icon=scale] .km-iconboxb-buttonc,.km-iconbox-with-button[data-style=effect2][data-hover-icon=scale] .km-iconboxb-info {
    -webkit-transform: scale(0);
    transform: scale(0);
    max-height: 0
}

.km-iconbox-with-button[data-style=effect2][data-hover-icon=scale]:hover .km-iconboxb-buttonc,.km-iconbox-with-button[data-style=effect2][data-hover-icon=scale]:hover .km-iconboxb-info {
    -webkit-transform: scale(1);
    transform: scale(1);
    max-height: 300px
}

.km-iconbox-with-button[data-style=effect2] .km-iconboxb-buttonc {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.km-iconbox-with-button[data-style=effect2] .km-iconboxb-info,.km-iconbox-with-button[data-style=effect2]:hover .km-iconboxb-buttonc {
    -webkit-transition: all .3s ease-in-out .1s;
    transition: all .3s ease-in-out .1s
}

.km-iconbox-with-button[data-style=effect2]:hover .km-iconboxb-info {
    -webkit-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.km-iconbox-with-button[data-style=effect2][data-hover-icon=translate] .km-iconboxb-buttonc,.km-iconbox-with-button[data-style=effect2][data-hover-icon=translate] .km-iconboxb-info {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    max-height: 0;
    opacity: 0
}

.km-iconbox-with-button[data-style=effect2][data-hover-icon=translate]:hover .km-iconboxb-buttonc,.km-iconbox-with-button[data-style=effect2][data-hover-icon=translate]:hover .km-iconboxb-info {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    max-height: 300px;
    opacity: 1
}

.km-iconbox-with-button[data-style=effect3] .km-iconboxb-iconc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.km-iconbox-with-button[data-style=effect3][data-hover-icon=scaleup]:hover .km-iconboxb-iconc {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.km-iconbox-with-button[data-style=effect3][data-hover-icon=scaledown]:hover .km-iconboxb-iconc {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.km-iconbox-with-button[data-style=effect3][data-hover-icon=moveup]:hover .km-iconboxb-iconc {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
}

.km-iconbox-with-button[data-style=effect3][data-hover-icon=movedown]:hover .km-iconboxb-iconc {
    -webkit-transform: translateY(15px);
    transform: translateY(15px)
}

.km-iconbox-with-button[data-style=effect3][data-activehover-button=on] .km-iconboxb-button,.km-iconbox-with-button[data-style=effect1][data-activehover-button=on] .km-iconboxb-button {
    opacity: 0;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px)
}

.km-iconbox-with-button[data-style=effect3][data-activehover-button=on]:hover .km-iconboxb-button,.km-iconbox-with-button[data-style=effect1][data-activehover-button=on]:hover .km-iconboxb-button {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.km-iconbox-with-button:hover .km-iconboxb-iconc {
    color: var(--icon-hover-color)!important
}

.km-iconbox-with-button .km-iconboxb-button:hover {
    background: var(--button-hover-bg)!important;
    color: var(--button-hover-color)!important;
    border-color: var(--button-hover-border-color)!important
}

.km-icbb-bbottom {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}

.km-interactive-iconbox-container {
    width: 100%;
    float: left;
    height: 250px;
    min-height: 250px;
    overflow: hidden;
    position: relative
}

.km-inter-insider {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    box-sizing: border-box;
    max-width: 100%;
    left: 0;
    right: 0;
    padding-left: inherit;
    padding-right: inherit
}

.km-inter-i-area1,.km-inter-i-area2 {
    width: 100%;
    min-height: inherit;
    float: left;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    box-sizing: border-box;
    position: relative
}

.km-interactive-iconbox-container[data-icon-style=left] .km-inter-i-a1-icon {
    float: left
}

.km-interactive-iconbox-container[data-icon-style=left] .km-inter-i-a1-title-c {
    float: left;
    padding-left: 20px;
    text-align: left;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.km-interactive-iconbox-container .km-inter-i-a1-title-c div,.km-interactive-iconbox-container[data-icon-style=center] .km-inter-i-a1-icon {
    width: 100%;
    float: left
}

.km-interactive-iconbox-container[data-icon-style=right] .km-inter-i-a1-icon {
    float: right
}

.km-interactive-iconbox-container[data-icon-style=right] .km-inter-i-a1-title-c {
    float: right;
    padding-right: 20px;
    text-align: right;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.km-interactive-iconbox-container[data-icon-style=center] .km-inter-i-a1-title-c {
    float: left;
    width: 100%;
    text-align: center
}

.km-interactive-iconbox-container[data-icon-style=center] .km-inter-i-a1-icon {
    text-align: center;
    margin-bottom: 20px
}

.km-interactive-iconbox-container[data-hover-style=toleft] .km-inter-i-area2 {
    position: absolute;
    top: 0;
    right: -100%
}

.km-interactive-iconbox-container[data-hover-style=toleft]:hover .km-inter-i-area1 {
    margin-left: -100%
}

.km-interactive-iconbox-container[data-hover-style=toleft]:hover .km-inter-i-area2 {
    right: 0
}

.km-interactive-iconbox-container[data-hover-style=toright] .km-inter-i-area2 {
    position: absolute;
    top: 0;
    left: -100%
}

.km-interactive-iconbox-container[data-hover-style=toright]:hover .km-inter-i-area1 {
    margin-left: 100%
}

.km-interactive-iconbox-container[data-hover-style=toright]:hover .km-inter-i-area2 {
    left: 0
}

.km-interactive-iconbox-container[data-hover-style=totop] .km-inter-i-area2 {
    position: absolute;
    bottom: -100%;
    left: 0
}

.km-interactive-iconbox-container[data-hover-style=totop]:hover .km-inter-i-area1 {
    margin-top: -100%
}

.km-interactive-iconbox-container[data-hover-style=totop]:hover .km-inter-i-area2 {
    bottom: 0
}

.km-interactive-iconbox-container[data-hover-style=tobottom] .km-inter-i-area2 {
    position: absolute;
    top: -100%;
    left: 0
}

.km-interactive-iconbox-container[data-hover-style=tobottom]:hover .km-inter-i-area1 {
    margin-top: 100%
}

.km-interactive-iconbox-container[data-hover-style=tobottom]:hover .km-inter-i-area2 {
    top: 0
}

.km-interactive-iconbox-container[data-hover-style=toscale] .km-inter-i-area2 {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translateY(-50%) translateX(-50%) scale(.2);
    transform: translateY(-50%) translateX(-50%) scale(.2)
}

.syp-itemgrid img,.syp-itemgrid-link,.syp-itemgrid-user {
    position: relative;
    float: left
}

.km-interactive-iconbox-container[data-hover-style=toscale]:hover .km-inter-i-area1 {
    opacity: 0;
    -webkit-transform: scale(.2);
    transform: scale(.2)
}

.km-interactive-iconbox-container[data-hover-style=toscale]:hover .km-inter-i-area2 {
    opacity: 1;
    -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
    transform: translateY(-50%) translateX(-50%) scale(1)
}

.syp-items-wrapper,.syp-items-wrapper-post {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    float: left
}

.syp-itemgrid {
    box-sizing: border-box
}

.syp-itemgrid-link {
    display: inline;
    overflow: hidden
}

.syp-itemgrid img {
    width: 106%!important;
    margin-left: -6%;
    -webkit-transition: all .4s ease-in;
    transition: all .4s ease-in
}

.syp-itemgrid-link:hover img {
    margin-left: 0
}

.syp-itemgrid[data-style=style1] .syp-itemgrid-title {
    border-bottom: 1px solid #eee;
    width: 97%;
    margin-left: 1.5%;
    padding: 10px 0
}

.syp-itemgrid[data-style=style2] .syp-itemgrid-title,.syp-itemgrid[data-style=style3] .syp-itemgrid-title {
    width: 100%;
    padding-bottom: 15px
}

.syp-itemgrid[data-style=style2] .syp-itemgrid-excerpt,.syp-itemgrid[data-style=style3] .syp-itemgrid-excerpt {
    width: 100%
}

.syp-itemgrid-title {
    float: left;
    min-height: 10px;
    display: block;
    box-sizing: border-box;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    letter-spacing: 2px;
    font-weight: 500
}

.syp-itemgrid-title a {
    color: inherit
}

.syp-itemgrid[data-style=style1] .syp-itemgrid-excerpt {
    width: 97%;
    margin-left: 1.5%;
    padding: 15px 0;
    border-bottom: 1px solid #eee
}

.syp-itemgrid-excerpt {
    float: left;
    box-sizing: border-box;
    line-height: 1.8em
}

.syp-itemgrid[data-style=style3] .syp-itemgrid-excerpt {
    line-height: 1.6em
}

.syp-itemgrid[data-style=style1] .syp-itemgrid-info {
    width: 97%;
    margin-left: 1.5%;
    padding: 5px 0;
    padding-left: 0!important
}

.syp-itemgrid[data-style=style2] .syp-itemgrid-info {
    width: 100%;
    padding: 8px 13px;
    border-top: 1px solid #f1f1f1
}

.syp-itemgrid-user {
    width: 100%;
    height: 0;
    text-align: center
}

.syp-itemgrid-user img {
    width: 40px!important;
    height: 40px!important;
    display: inline-block;
    position: absolute;
    top: -60px;
    left: 50%;
    border: 2px solid #f1f1f1;
    border-color: inherit;
    border-radius: inherit
}

.syp-itemgrid[data-style=style1] .syp-itemgrid-user,.syp-itemgrid[data-style=style2] .syp-itemgrid-author {
    display: none
}

.syp-itemgrid-center {
    float: left;
    width: 100%;
    box-sizing: border-box
}

.syp-itemgrid-info {
    box-sizing: border-box;
    font-size: 10px;
    float: left;
    letter-spacing: 1px
}

.syp-itemgrid-3-bottom span,.syp-itemgrid-date3 {
    font-size: 11px;
    color: inherit;
    opacity: .9;
    letter-spacing: 1px
}

.syp-itemgrid-author {
    float: left
}

.syp-itemgrid-date {
    float: right
}

.syp-itemgrid[data-style=style2] .syp-itemgrid-date {
    float: left
}

.syp-itemgrid-author i,.syp-itemgrid-date i {
    display: inline-block;
    margin-right: 5px
}

.syp-itemgrid[data-style=style2] .syp-itemgrid-excerpt,.syp-itemgrid[data-style=style2] .syp-itemgrid-title,.syp-itemgrid[data-style=style3] .syp-itemgrid-excerpt,.syp-itemgrid[data-style=style3] .syp-itemgrid-title {
    border: 0!important
}

.syp-itemgrid-3-bottom {
    width: 100%;
    float: left;
    height: 25px;
    line-height: 25px;
    box-sizing: border-box;
    padding-top: 15px;
    margin-top: 20px
}

.syp-itemgrid-3-bottom span {
    display: inline-block;
    float: left;
    margin-left: 8px;
    font-weight: 500
}

.syp-itemgrid-3-bottom .syp-itemgrid-3-image {
    display: inline;
    float: left;
    height: 25px;
    width: 25px
}

.syp-itemgrid-3-image img {
    width: 100%;
    height: 100%;
    border-radius: inherit
}

.syp-itemgrid-date3 {
    width: 100%;
    float: left;
    margin-bottom: 5px
}

.syp-itemgrid[data-style=style4] .syp-itemgrid-date {
    width: 100%;
    float: left;
    margin-top: 13px
}

.syp-itemgrid[data-style=style4] .syp-itemgrid-title {
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px
}

.syp-itemgrid[data-style=style4] .syp-itemgrid-user img {
    width: 65px!important;
    height: 65px!important;
    float: right;
    position: absolute!important;
    left: inherit;
    right: 30px;
    top: -35px
}

.km-filteri-image-c,.km-filteri-items-list,.syp-item img {
    position: relative;
    width: 100%
}

.syp-items-wrapper-post[data-gutter='25'] .syp-item,.syp-items-wrapper[data-gutter='25'] .syp-item {
    margin-bottom: 25px
}

.syp-items-wrapper,.syp-items-wrapper-post {
    opacity: 0
}

.km-filteri-image-c[data-columns='1'] .km-filteri-item,.syp-item-1 {
    width: 100%
}

.km-filteri-image-c[data-columns='2'] .km-filteri-item,.syp-item-2 {
    width: 50%
}

.km-filteri-image-c[data-columns='3'] .km-filteri-item,.syp-item-3 {
    width: 33.33333%
}

.km-filteri-image-c[data-columns='4'] .km-filteri-item,.syp-item-4 {
    width: 25%
}

.km-filteri-image-c[data-columns='5'] .km-filteri-item,.syp-item-5 {
    width: 20%
}

.km-filteri-image-c[data-columns='1'][data-gutter=on] .km-filteri-item,.syp-item-1-gutter {
    width: 100%
}

.km-filteri-image-c[data-columns='2'][data-gutter=on] .km-filteri-item,.syp-item-2-gutter {
    width: calc((100% - 75px)/ 2 + 25px)
}

.km-filteri-image-c[data-columns='3'][data-gutter=on] .km-filteri-item,.syp-item-3-gutter {
    width: calc((100% - 125px)/ 3 + 25px)
}

.km-filteri-image-c[data-columns='4'][data-gutter=on] .km-filteri-item,.syp-item-4-gutter {
    width: calc((100% - 175px)/ 4 + 25px)
}

.km-filteri-image-c[data-columns='5'][data-gutter=on] .km-filteri-item,.syp-item-5-gutter {
    width: calc((100% - 225px)/ 5 + 25px)
}

.syp-item {
    float: left;
    height: auto;
    overflow: hidden
}

.syp-item img {
    float: left;
    height: auto
}

.km-filteri-image-c {
    float: left;
    height: auto
}

.km-filteri-cats {
    float: left;
    width: 100%;
    min-height: 40px;
    margin-top: 10px
}

.km-filteri-cats .km-filter-it-link {
    display: inline-block;
    cursor: pointer;
    height: 34px;
    line-height: 34px;
    text-align: center;
    margin: 3px 0;
    position: relative;
    padding: 0 2px
}

.km-filter-it-container-c[data-align=center] .km-filter-it-link {
    margin-right: 15px;
    margin-left: 15px
}

.km-filter-it-container-c[data-align=left] .km-filter-it-link {
    margin-right: 15px
}

.km-filter-it-container-c[data-align=right] .km-filter-it-link {
    margin-left: 15px
}

.km-filteri-items-list {
    float: left;
    height: auto
}

.km-filteri-items-list .km-hover-image-container {
    -webkit-transition: all .4s ease-in-out,box-shadow .3s ease-in-out;
    transition: all .4s ease-in-out,box-shadow .3s ease-in-out
}

.km-filteri-items-list .km-hover-image-container:nth-of-type(even) {
    -webkit-transition: all .4s ease-in-out .15s,box-shadow .3s ease-in-out;
    transition: all .4s ease-in-out .15s,box-shadow .3s ease-in-out
}

.km-filteri-item {
    margin-top: 15px;
    margin-bottom: 15px
}

.km-filter-it-link,.km-filter-it-link-edge,.km-filter-it-link:after,.km-filter-it-link:before {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.km-filter-it-link:hover,.km-filter-it-link[data-active=true] {
    color: var(--color-hover)
}

.km-filteri-cats[data-style=style1] .km-filter-it-link:after,.km-filteri-cats[data-style=style2] .km-filter-it-link:before,.km-filteri-cats[data-style=style3] .km-filter-it-link:after,.km-filteri-cats[data-style=style3] .km-filter-it-link:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 0%;
    bottom: 0;
    background: var(--scheme-color);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.km-filteri-cats[data-style=style4] .km-filter-it-link:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 0%;
    top: 50%;
    background: var(--scheme-color);
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.km-filteri-cats[data-style=style1] .km-filter-it-link:hover:after,.km-filteri-cats[data-style=style1] .km-filter-it-link[data-active=true]:after,.km-filteri-cats[data-style=style2] .km-filter-it-link:hover:before,.km-filteri-cats[data-style=style2] .km-filter-it-link[data-active=true]:before,.km-filteri-cats[data-style=style3] .km-filter-it-link:hover:after,.km-filteri-cats[data-style=style3] .km-filter-it-link:hover:before,.km-filteri-cats[data-style=style3] .km-filter-it-link[data-active=true]:after,.km-filteri-cats[data-style=style3] .km-filter-it-link[data-active=true]:before,.km-filteri-cats[data-style=style4] .km-filter-it-link:hover:before,.km-filteri-cats[data-style=style4] .km-filter-it-link[data-active=true]:before {
    content: "";
    width: 100%;
    background: var(--scheme-color-hover)
}

.km-filteri-cats[data-style=style2] .km-filter-it-link:before,.km-filteri-cats[data-style=style3] .km-filter-it-link:before {
    top: 0;
    bottom: unset
}

.km-filteri-cats[data-style=style3] .km-filter-it-link,.km-filteri-cats[data-style=style5] .km-filter-it-link {
    padding: 0 15px
}

.km-filteri-image-c[data-align=center] .km-filteri-cats[data-style=style3] .km-filter-it-link,.km-filteri-image-c[data-align=center] .km-filteri-cats[data-style=style5] .km-filter-it-link {
    margin-right: 4px;
    margin-left: 4px
}

.km-filteri-cats[data-style=style5] .km-filter-it-link:hover,.km-filteri-cats[data-style=style5] .km-filter-it-link[data-active=true] {
    background: var(--scheme-color-hover);
    color: var(--color-hover)
}

.km-filteri-cats[data-style=style3] .km-filter-it-link .km-filter-it-link-edge {
    position: absolute;
    height: 0%;
    width: 1px;
    left: 0;
    background: var(--scheme-color);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.km-filteri-cats[data-style=style3] .km-filter-it-link .km-filter-it-link-edge.filteri-edgeright {
    right: 0;
    left: unset
}

.km-filteri-cats[data-style=style3] .km-filter-it-link:hover .km-filter-it-link-edge,.km-filteri-cats[data-style=style3] .km-filter-it-link[data-active=true] .km-filter-it-link-edge {
    content: "";
    height: 100%;
    background: var(--scheme-color-hover)
}

.km-masonry-item:nth-of-type(even) {
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.km-masonry-item-shown {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    visibility: visible
}

.km-masonry-item-hidden {
    opacity: 0;
    -webkit-transform: scale(.4);
    transform: scale(.4);
    visibility: hidden
}

.km-masonry-item,.paj-element {
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.km-hover-image-container a {
    position: absolute;
    z-index: 999;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

.km-hover-image-container {
    width: 100%;
    float: left;
    height: auto;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.km-hover-image,.km-hover-image img {
    width: 100%;
    float: left;
    height: auto;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.km-hover-image {
    overflow: hidden
}

.km-hover-image-overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.km-hover-image-button {
    z-index: 99;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    white-space: nowrap;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    padding: 0 50px 2px;
    box-sizing: border-box;
    text-align: center
}

.km-hover-image-info {
    width: 100%;
    float: left;
    height: auto;
    box-sizing: border-box;
    padding: 20px 0;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    position: relative;
    z-index: 1
}

.km-hover-image-info[data-align=center] {
    text-align: center
}

.km-hover-image-info[data-align=left] {
    text-align: left
}

.km-hover-image-info[data-align=right] {
    text-align: right
}

.km-hover-image-subtitle,.km-hover-image-title {
    width: 100%;
    float: left;
    padding-bottom: 10px;
    letter-spacing: 2px
}

.km-hover-image-subtitle {
    padding-bottom: 0;
    letter-spacing: 1px;
    opacity: .8
}

.km-hover-image-container[data-button=off] .km-hover-image-button,.km-hover-image-container[data-info-subtitle=off] .km-hover-image-subtitle,.km-hover-image-container[data-info=off] .km-hover-image-info,.km-hover-image-container[data-overlay=off] .km-hover-image-overlay {
    display: none;
    opacity: 0;
    visibility: hidden
}

.km-hover-image-container[data-style=style1] .km-hover-image-overlay,.km-hover-image-container[data-style=style2] .km-hover-image-overlay,.km-hover-image-container[data-style=style3] .km-hover-image-overlay,.km-hover-image-container[data-style=style4] .km-hover-image-overlay {
    opacity: 0;
    -webkit-transform: scale(.5);
    transform: scale(.5)
}

.km-hover-image-container[data-style=style1] .km-hover-image-button {
    -webkit-transform: translateX(-50%) translateY(100%);
    transform: translateX(-50%) translateY(100%);
    opacity: 0
}

.km-hover-image-container[data-style=style1]:hover .km-hover-image-overlay,.km-hover-image-container[data-style=style2]:hover .km-hover-image-overlay,.km-hover-image-container[data-style=style3]:hover .km-hover-image-overlay,.km-hover-image-container[data-style=style4]:hover .km-hover-image-overlay {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.km-hover-image-container[data-style=style1]:hover .km-hover-image-button,.km-hover-image-container[data-style=style2]:hover .km-hover-image-button {
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    opacity: 1
}

.km-hover-image-container[data-style=style2] .km-hover-image-button {
    -webkit-transform: translateX(-50%) translateY(-200%);
    transform: translateX(-50%) translateY(-200%);
    opacity: 0
}

.km-hover-image-container[data-style=style3] .km-hover-image-button {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0);
    transform: translateX(-50%) translateY(-50%) scale(0);
    opacity: 0;
    -webkit-transition: all .3s .2s ease-in-out;
    transition: all .3s .2s ease-in-out
}

.km-hover-image-container[data-style=style3]:hover .km-hover-image-button,.km-hover-image-container[data-style=style4]:hover .km-hover-image-button {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
    opacity: 1
}

.km-hover-image-container[data-style=style4] .km-hover-image-button {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1.3);
    transform: translateX(-50%) translateY(-50%) scale(1.3);
    opacity: 0;
    -webkit-transition: all .3s .2s ease-in-out;
    transition: all .3s .2s ease-in-out
}

.km-hover-image-container[data-style=style5]:hover .km-hover-image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.km-hover-image-container[data-style=style5] .km-hover-image-info {
    position: absolute;
    z-index: 999;
    left: 0;
    right: 0;
    bottom: -50%;
    opacity: 0
}

.km-hover-image-container[data-style=style5]:hover .km-hover-image-info {
    bottom: 0;
    opacity: 1
}

.km-filteri-item-hidden {
    opacity: 0;
    -webkit-transform: scale(.4);
    transform: scale(.4);
    visibility: hidden
}

.km-sidebyside-container {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99999
}

.ms-section {
    position: relative;
    box-sizing: border-box
}

.ms-section.ms-table {
    display: table;
    width: 100%
}

.ms-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.ms-easing {
    -webkit-transition: all .7s ease-out;
    transition: all .7s ease-out
}

#multiscroll-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1
}

#multiscroll-nav.right {
    right: 17px
}

#multiscroll-nav.left {
    left: 17px
}

#multiscroll-nav ul {
    margin: 0;
    padding: 0
}

.tmkit-cflp-insider,.tmkit-mdnflb-insider {
    padding-left: inherit;
    padding-right: inherit
}

#multiscroll-nav li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position: relative
}

#multiscroll-nav li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none
}

.tmkit-drpcp-letter,.tmkit-iconbundle-container[data-layout=line] .tmkit-singleicon-iconbundle {
    display: inline-block
}

#multiscroll-nav li .active span {
    background: #333
}

.sidebysidepage #multiscroll-nav li .active span {
    background: var(--nav-color-nav)
}

#multiscroll-nav span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    background: rgba(0,0,0,0);
    border-radius: 50%;
    position: absolute;
    z-index: 1
}

.sidebysidepage #multiscroll-nav span {
    border: 1px solid var(--nav-color-nav)
}

.multiscroll-tooltip {
    position: absolute;
    color: #fff;
    font-size: 14px;
    top: -2px;
    white-space: nowrap;
    max-width: 220px
}

.multiscroll-tooltip.right {
    right: 20px
}

.multiscroll-tooltip.left {
    left: 20px
}

.km-sidebyside-right.ms-right {
    width: calc(50% + 1px)!important;
    right: 0!important
}

.tmkit-tph-container {
    width: 100%;
    float: left;
    position: relative;
    height: auto;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.tmkit-tph-link {
    width: 100%;
    float: left;
    left: 0;
    top: 0;
    z-index: 999999;
    position: absolute;
    height: 100%
}

.tmkit-tph-container img {
    width: 100%;
    position: relative;
    height: auto;
    float: left
}

.tmkit-tph-img1,.tmkit-tph-img2 {
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out
}

.tmkit-tph-img2 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.tmkit-tph-container[data-hover-style=fade] .tmkit-tph-img2 {
    top: 0;
    left: 0;
    opacity: 0;
    position: absolute
}

.tmkit-tph-container[data-hover-style=fade]:hover .tmkit-tph-img2 {
    opacity: 1;
    z-index: 9
}

.tmkit-tph-container[data-hover-style=zoomin] .tmkit-tph-img1,.tmkit-tph-container[data-hover-style=zoomout] .tmkit-tph-img1,.tmkit-tph-container[data-hover-style=zoom] .tmkit-tph-img1 {
    z-index: 1
}

.tmkit-tph-container[data-hover-style=pushleft] {
    overflow: hidden
}

.tmkit-tph-container[data-hover-style=pushleft] .tmkit-tph-img2 {
    position: absolute;
    top: 0;
    left: -100%
}

.tmkit-tph-container[data-hover-style=pushleft]:hover .tmkit-tph-img1 {
    margin-left: 100%
}

.tmkit-tph-container[data-hover-style=pushleft]:hover .tmkit-tph-img2 {
    left: 0
}

.tmkit-tph-container[data-hover-style=pushright] {
    overflow: hidden
}

.tmkit-tph-container[data-hover-style=pushright] .tmkit-tph-img2 {
    position: absolute;
    top: 0;
    right: -100%
}

.tmkit-tph-container[data-hover-style=pushright]:hover .tmkit-tph-img1 {
    margin-left: -100%
}

.tmkit-tph-container[data-hover-style=pushright]:hover .tmkit-tph-img2 {
    right: 0
}

.tmkit-tph-container[data-hover-style=pushtop] {
    overflow: hidden
}

.tmkit-tph-container[data-hover-style=pushtop] .tmkit-tph-img2 {
    position: absolute;
    top: -100%;
    left: 0
}

.tmkit-tph-container[data-hover-style=pushtop]:hover .tmkit-tph-img2 {
    top: 0
}

.tmkit-tph-container[data-hover-style=pushbottom] {
    overflow: hidden
}

.tmkit-tph-container[data-hover-style=pushbottom] .tmkit-tph-img2 {
    position: absolute;
    top: 100%;
    left: 0
}

.tmkit-tph-container[data-hover-style=pushbottom]:hover .tmkit-tph-img2 {
    top: 0
}

.tmkit-tph-container[data-hover-style=fromleft] {
    overflow: hidden
}

.tmkit-tph-container[data-hover-style=fromleft] .tmkit-tph-img2 {
    position: absolute;
    left: -100%;
    top: 0
}

.tmkit-tph-container[data-hover-style=fromleft]:hover .tmkit-tph-img2 {
    left: 0
}

.tmkit-tph-container[data-hover-style=fromright] {
    overflow: hidden
}

.tmkit-tph-container[data-hover-style=fromright] .tmkit-tph-img2 {
    position: absolute;
    left: 100%;
    top: 0
}

.tmkit-tph-container[data-hover-style=fromright]:hover .tmkit-tph-img2 {
    left: 0
}

.tmkit-tph-container[data-hover-style=zoomin] {
    overflow: hidden
}

.tmkit-tph-container[data-hover-style=zoomin] .tmkit-tph-img2 {
    position: absolute;
    transform: scale(.95);
    -webkit-transform: scale(.95)
}

.tmkit-tph-container[data-hover-style=zoomin]:hover .tmkit-tph-img2 {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    left: 0;
    top: 0
}

.tmkit-tph-container[data-hover-style=zoomin]:hover .tmkit-tph-img1 {
    transform: scale(.95);
    -webkit-transform: scale(.95);
    opacity: 0
}

.tmkit-tph-container[data-hover-style=zoomout] {
    overflow: hidden
}

.tmkit-tph-container[data-hover-style=zoomout] .tmkit-tph-img2 {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transform: scale(1.05);
    -webkit-transform: scale(1.05)
}

.tmkit-tph-container[data-hover-style=zoomout]:hover .tmkit-tph-img2 {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1)
}

.tmkit-tph-container[data-hover-style=zoomout]:hover .tmkit-tph-img1 {
    opacity: 0;
    transform: scale(1.05);
    -webkit-transform: scale(1.05)
}

.tmkit-tph-container[data-hover-style=zoom] {
    overflow: hidden
}

.tmkit-tph-container[data-hover-style=zoom] .tmkit-tph-img2 {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    z-index: 10
}

.tmkit-tph-container[data-hover-style=zoom]:hover .tmkit-tph-img2 {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1)
}

.tmkit-tph-container[data-hover-style=zoom]:hover .tmkit-tph-img1 {
    transform: scale(.97);
    -webkit-transform: scale(.97)
}

.tmkit-drpcp-container {
    width: 100%
}

.tmkit-drpcp-letter {
    box-sizing: content-box;
    color: #fff;
    text-align: center;
    line-height: 50px;
    float: left
}

.tmkit-heading-container,.tmkit-heading-container div {
    width: 100%;
    float: left:
}

.tmkit-heading-container div {
    text-align: inherit
}

.tmkit-iconbundle-container,.tmkit-singleicon-container {
    width: 100%;
    float: left
}

.tmkit-iconbundle-container[data-layout=column] .tmkit-singleicon-iconbundle {
    display: block;
    width: 100%;
    float: left;
    text-align: inherit
}

.tmkit-iconbundle-container[data-layout=column] .tmkit-singleicon-iconbundle .tmkit-icon-container,.tmkit-singleicon-container .tmkit-icon-container {
    display: inline-block
}

.tmkit-ibi-container[data-layout=icontop][data-icolayout=center],.tmkit-icon-ic {
    text-align: center
}

.tmkit-icon-container[data-rotation=true] {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.tmkit-icon-container[data-rotation=true] .tmkit-icon-ic {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block
}

.tmkit-icon-ic {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    z-index: 9
}

.tmkit-icon-ic-svg svg {
    height: 100%;
    width: 100%;
    float: left
}

.tmkit-icon-ic-svg {
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    position: absolute
}

.tmkit-icon-container {
    position: relative
}

.tmkit-icon-container .tmkit-icon-bg,.tmkit-icon-container .tmkit-icon-ic {
    width: inherit;
    height: inherit;
    line-height: inherit;
    border-radius: inherit
}

.tmkit-icon-bg,.tmkit-icon-ic {
    position: absolute;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    box-sizing: border-box
}

.tmkit-icon-container a {
    position: absolute;
    display: block;
    cursor: pointer;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 99999
}

.tmkit-icon-thatc[data-hover=sasuki] .tmkit-icon-bg-h:before,.tmkit-icon-thatc[data-hover=hiroshi] .tmkit-icon-bg-h:before,.tmkit-icon-thatc[data-hover=haruki] .tmkit-icon-bg-h:before,.tmkit-icon-thatc[data-hover=murawa] .tmkit-icon-bg-h:before,.tmkit-icon-thatc[data-hover=sisawa] .tmkit-icon-bg-h:before {
    content: '';
    position: absolute;
    width: calc(100% + 12px);
    height: calc(100% + 12px);
    left: -8px;
    top: -8px
}

.tmkit-icon-bg-h,.tmkit-icon-ic-h,.tmkit-icon-thatc[data-hover=fade] .tmkit-icon-h,.tmkit-icon-thatc[data-hover=fade]:hover .tmkit-icon-r {
    opacity: 0
}

.tmkit-icon-thatc[data-hover=fade]:hover .tmkit-icon-h {
    opacity: 1
}

.tmkit-icon-thatc[data-hover=zoomin]:hover .tmkit-icon-r {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    opacity: 0
}

.tmkit-icon-thatc[data-hover=zoomin] .tmkit-icon-h {
    transform: scale(.5);
    -webkit-transform: scale(.5)
}

.tmkit-icon-thatc[data-hover=zoomin]:hover .tmkit-icon-h {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1
}

.tmkit-icon-thatc[data-hover=zoomout]:hover .tmkit-icon-r {
    transform: scale(.5);
    -webkit-transform: scale(.5);
    opacity: 0
}

.tmkit-icon-thatc[data-hover=zoomout] .tmkit-icon-h {
    transform: scale(1.5);
    -webkit-transform: scale(1.5)
}

.tmkit-icon-thatc[data-hover=zoomout]:hover .tmkit-icon-h {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1
}

.tmkit-icon-thatc[data-hover=sasuki]:hover .tmkit-icon-r {
    opacity: 0
}

.tmkit-icon-thatc[data-hover=sasuki] .tmkit-icon-h {
    transform: scale(.95);
    -webkit-transform: scale(.95)
}

.tmkit-icon-thatc[data-hover=sasuki]:hover .tmkit-icon-h {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1
}

.tmkit-icon-thatc[data-hover=sasuki]:hover .tmkit-icon-bg-h:before {
    content: '';
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1
}

.tmkit-icon-thatc[data-hover=sasuki] .tmkit-icon-bg-h:before {
    border: 2px solid var(--hover-bg);
    transform: scale(.1);
    -webkit-transform: scale(.1);
    opacity: 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    border-radius: inherit
}

.tmkit-icon-thatc[data-hover=hiroshi]:hover .tmkit-icon-r {
    opacity: 0
}

.tmkit-icon-thatc[data-hover=hiroshi] .tmkit-icon-h {
    transform: scale(1.05);
    -webkit-transform: scale(1.05)
}

.tmkit-icon-thatc[data-hover=hiroshi]:hover .tmkit-icon-h {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1
}

.tmkit-icon-thatc[data-hover=hiroshi]:hover .tmkit-icon-bg-h:before {
    content: '';
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1
}

.tmkit-icon-thatc[data-hover=hiroshi] .tmkit-icon-bg-h:before {
    border: 2px solid var(--hover-bg);
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    opacity: 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    border-radius: inherit
}

.tmkit-icon-thatc[data-hover=haruki]:hover .tmkit-icon-r {
    opacity: 0
}

.tmkit-icon-thatc[data-hover=haruki] .tmkit-icon-bg-h {
    transform: scale(1.35);
    -webkit-transform: scale(1.35)
}

.tmkit-icon-thatc[data-hover=haruki]:hover .tmkit-icon-h {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1
}

.tmkit-icon-thatc[data-hover=haruki]:hover .tmkit-icon-bg-h:before {
    content: '';
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1
}

.tmkit-icon-thatc[data-hover=haruki] .tmkit-icon-bg-h:before {
    border: 2px solid var(--hover-bg);
    transform: scale(.1);
    -webkit-transform: scale(.1);
    opacity: 0;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    border-radius: inherit
}

.tmkit-icon-thatc[data-hover=murawa]:hover .tmkit-icon-r {
    opacity: 0
}

.tmkit-icon-thatc[data-hover=murawa] .tmkit-icon-bg-h {
    transform: scale(.35);
    -webkit-transform: scale(.35)
}

.tmkit-icon-thatc[data-hover=murawa]:hover .tmkit-icon-h {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1
}

.tmkit-icon-thatc[data-hover=murawa]:hover .tmkit-icon-bg-h:before {
    content: '';
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1
}

.tmkit-icon-thatc[data-hover=murawa] .tmkit-icon-bg-h:before {
    border: 2px solid var(--hover-bg);
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    border-radius: inherit
}

.tmkit-icon-thatc[data-hover=sisawa]:hover .tmkit-icon-r {
    opacity: 0
}

.tmkit-icon-thatc[data-hover=sisawa] .tmkit-icon-bg-h {
    transform: scale(1.35);
    -webkit-transform: scale(1.35)
}

.tmkit-icon-thatc[data-hover=sisawa]:hover .tmkit-icon-h {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1
}

.tmkit-icon-thatc[data-hover=sisawa]:hover .tmkit-icon-bg-h:before {
    content: '';
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 1
}

.tmkit-icon-thatc[data-hover=sisawa] .tmkit-icon-bg-h:before {
    border: 2px solid var(--hover-bg);
    transform: scale(.5);
    -webkit-transform: scale(.5);
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    border-radius: inherit
}

.tmkit-ibi-container,.tmkit-ibi-container[data-layout=icontop] .tmkit-ibi-bottom,.tmkit-ibi-container[data-layout=icontop] .tmkit-ibi-icon-ct,.tmkit-ibi-container[data-layout=icontop] .tmkit-ibi-title-ct,.tmkit-ibi-content,.tmkit-ibi-top {
    width: 100%;
    float: left
}

.tmkit-ibi-container[data-layout=icontop][data-icolayout=left] {
    text-align: left
}

.tmkit-ibi-container[data-layout=icontop][data-icolayout=right] {
    text-align: right
}

.tmkit-ibi-container[data-layout=icontop] .tmkit-icon-container {
    display: inline-block
}

.iibl-list-container[data-align=left] .tmkit-iibl-ct-leftright,.iibl-list-container[data-align=right] .tmkit-iibl-ct-leftright,.tmkit-ibi-container[data-layout=iconright] .tmkit-ibi-ct-leftright,.tmkit-ibi-container[data-layout=iconleft] .tmkit-ibi-ct-leftright {
    display: table
}

.tmkit-ibi-container[data-layout=iconright] {
    float: right;
    direction: rtl
}

.tmkit-ibi-container[data-layout=iconleft] {
    float: left
}

.tmkit-ibi-container[data-layout=iconleft] .tmkit-ibi-icon-ct {
    float: left;
    width: auto
}

.tmkit-ibi-container[data-layout=iconleft] .tmkit-ibi-bottom,.tmkit-ibi-container[data-layout=iconleft] .tmkit-ibi-title-ct {
    width: 100%;
    float: left
}

.tmkit-ibi-container[data-layout=iconright] .tmkit-ibi-icon-ct {
    float: right;
    width: auto
}

.tmkit-ibi-container[data-layout=iconright] .tmkit-ibi-bottom,.tmkit-ibi-container[data-layout=iconright] .tmkit-ibi-title-ct {
    width: 100%;
    float: left;
    text-align: right
}

.tmkit-ibi-container[data-layout=iconheadingleft] .tmkit-ibi-icon-ct {
    float: left
}

.tmkit-ibi-container[data-layout=iconheadingright] .tmkit-ibi-icon-ct {
    float: right
}

.tmkit-ibi-container[data-layout=iconheadingright] .tmkit-ibi-bottom,.tmkit-ibi-container[data-layout=iconheadingright] .tmkit-ibi-title-ct {
    text-align: right
}

.iibl-list-container,.tmkit-iibl-container,.tmkit-iibl-top {
    width: 100%;
    float: left
}

.tmkit-iibl-icon-ct {
    position: relative;
    z-index: 1
}

.iibl-list-container[data-align=left] .tmkit-iibl-icon-ct {
    float: left;
    width: auto
}

.iibl-list-container[data-align=left] .tmkit-iibl-bottom,.iibl-list-container[data-align=left] .tmkit-iibl-title-ct {
    width: 100%;
    float: left
}

.tmkit-iibl-container {
    margin-bottom: var(--margin-bottom);
    position: relative
}

.tmkit-iibl-container img {
    z-index: 9999;
    position: relative
}

.iibl-list-container[data-align=right] {
    direction: rtl
}

.iibl-list-container[data-align=right] .tmkit-iibl-icon-ct {
    float: right;
    width: auto
}

.iibl-list-container[data-align=right] .tmkit-iibl-bottom,.iibl-list-container[data-align=right] .tmkit-iibl-title-ct {
    width: 100%;
    float: left;
    text-align: right
}

.tmkit-iibl-container:after {
    content: "";
    position: absolute;
    height: 100%;
    width: auto;
    border-left: var(--border-style);
    top: var(--icon-bgsize)
}

.iibl-list-container[data-align=right] .tmkit-iibl-container:after {
    right: calc(calc(var(--icon-bgsize) - var(--border-style-realbwidth))/ 2)
}

.iibl-list-container[data-align=left] .tmkit-iibl-container:after {
    left: calc(calc(var(--icon-bgsize) - var(--border-style-realbwidth))/ 2)
}

.tmkit-iibl-container:last-of-type:after {
    content: "";
    height: 0;
    border-left: unset
}

.tmkit-counter-inside-container {
    width: auto
}

.tmkit-counter-container[data-align=left] .tmkit-counter-inside-container {
    float: left
}

.tmkit-counter-container[data-align=right] .tmkit-counter-inside-container {
    float: right
}

.tmkit-counter-container[data-align=center] .tmkit-counter-inside-container {
    display: inline-block;
    margin: auto
}

.tmkit-counter-container[data-align=center] {
    text-align: center
}

.counter-list-container,.tmkit-counter-container,.tmkit-counter-content,.tmkit-counter-top {
    width: 100%;
    float: left
}

.tmkit-counter-icon-ct {
    position: relative
}

.tmkit-counter-container[data-layout=left] .tmkit-counter-icon-ct {
    float: left;
    width: auto
}

.tmkit-counter-container[data-layout=left] .tmkit-counter-ct-leftright {
    display: table
}

.tmkit-counter-container[data-layout=left] .tmkit-counter-bottom,.tmkit-counter-container[data-layout=left] .tmkit-counter-title-ct {
    width: 100%;
    float: left
}

.tmkit-counter-container[data-layout=right] .tmkit-counter-icon-ct {
    float: right;
    width: auto
}

.tmkit-counter-container[data-layout=right] .tmkit-counter-ct-leftright {
    display: table;
    float: right
}

.tmkit-counter-container[data-layout=right] .tmkit-counter-bottom,.tmkit-counter-container[data-layout=right] .tmkit-counter-title-ct {
    width: 100%;
    float: right;
    text-align: right
}

.tmkit-counter-container .tmkit-counter-icon-ct:after {
    content: "";
    position: absolute;
    height: var(--margin-bottom);
    width: auto;
    left: 50%;
    border-left: var(--border-style);
    bottom: -calc(var(--margin-bottom));
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}

.tmkit-counter-container:last-child .tmkit-counter-icon-ct:after {
    content: "";
    height: 0;
    border-left: unset
}

.tmkit-counter-title-pp {
    width: 100%;
    float: left;
    text-align: inherit
}

.tmkit-counter-container[data-layout=center] .tmkit-counter-ct-leftright,.tmkit-counter-container[data-layout=center] .tmkit-counter-icon-ct {
    float: left;
    width: 100%;
    text-align: center
}

.tmkit-counter-container[data-layout=center] .tmkit-icon-container {
    display: inline-block
}

.tmkit-pricingplan-container,.tmkit-pricingplan-container div {
    width: 100%;
    float: left;
    height: auto;
    text-align: center;
    transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out
}


.tmkit-pricingplan-container{
    border: 0px none transparent;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 50px;
    padding-bottom: 50px;
    color: rgba(0, 0, 0, 0.5);
}


 .tmkit-pricingplan-price{
    font-size: 55px;
    line-height: 1em;
    letter-spacing: 2px;
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 0px;
    color: #fff;
}


 .tmkit-pricingplan-unit{
    font-size: 18px;
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #fff;
}


 .tmkit-pricingplan-info{
    margin-top: 7px;
    margin-bottom: 5px;
    color: #eeeeee;
    padding-left: 15%;
    padding-right: 15%;
    padding-bottom: 10px;
    font-size: 17px;
}

.tmkit-pricingplan-container .tmkit-pricingplan-info,.tmkit-pricingplan-container .tmkit-pricingplan-name,.tmkit-pricingplan-container .tmkit-pricingplan-price-cnt {
    position: relative;
    z-index: 4
}

.tmkit-pricingplan-container {
    box-sizing: border-box;
    position: relative
}

.tmkit-pplan-bg,.tmkit-pricingplan-container a {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.tmkit-pricingplan-container a {
    display: block;
    z-index: 99999
}





.tmkit-pricingplan-info-list-li svg{
    width: 20px;
    height: 20px;
    margin-right: 8px;
    position: relative;
    top: -2px;
    margin-left: -15px;
}

.tmkit-pricingplan-container .price_btn{
    font-size: 14px;
    position: relative !important;
    background: red;
    color: #fff;
    padding: 8px 18px;
    max-width: fit-content;
    margin: 15px 0 0;
    display: inline-block;
    min-width: 124px;
}

.tmkit-pricingplan-info-list-ul{
    position: relative;
    z-index: 7;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}


.tmkit-pricingplan-info-list ul li{
    margin: 0;
    padding: 0;
}

.tmkit-pplan-bg {
    z-index: 1
}

.tmkit-pricingplan-bg-hover {
    opacity: 0;
    z-index: 2
}

.tmkit-pricingplan-container[data-hover="1"]:hover .tmkit-pricingplan-bg-hover {
    opacity: 1
}

.tmkit-pricingplan-container[data-translate=on]:hover {
    -webkit-transform: translateY(-7px);
    transform: translateY(-7px)
}

.tmkit-pricingplan-insider-normal {
    position: relative;
    float: left;
    z-index: 1;
    width: 100%
}

.tmkit-pricingplan-insider-hover {
    position: absolute;
    padding: inherit;
    height: 100%;
    transition: all .35s ease-in-out;
    -webkit-transition: all .35s ease-in-out;
    opacity: 0;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 4;
    width: 100%
}

.tmkit-pricingplan-container[data-hover="1"]:hover .tmkit-pricingplan-insider-hover {
    opacity: 1
}

.tmkit-cflp-container {
    width: 100%;
    height: auto;
    position: relative;
    perspective: 800px;
    -webkit-perspective: 800px;
    box-sizing: border-box
}

.tmkit-cflp-card {
    width: 100%;
    height: auto;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s
}

.tmkit-cflp-card .tmkit-cflp-figure {
    margin: 0;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box
}

.tmkit-cflp-card .tmkit-cflp-front {
    z-index: 9999
}

.tmkit-cflp-card .tmkit-cflp-back {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999999
}

.tmkit-cflp-front-icon .cflp-front-iconar,.tmkit-cflp-front-icon img {
    display: inline-block
}

.cflp-front-iconar,.tmkit-cflp-front-icon {
    text-align: inherit
}

.tmkit-cflp-back-button {
    display: inline-block;
    width: 100%;
    cursor: pointer
}

.tmkit-cflp-back-button a {
    display: inline-block;
    width: auto;
    float: none
}

.tmkit-cflp-insider {
    position: absolute;
    left: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 3
}

.tmkit-flip-container[data-columnposition=left] div {
    text-align: left
}

.tmkit-flip-container[data-columnposition=center] div {
    text-align: center
}

.tmkit-flip-container[data-columnposition=right] div {
    text-align: right
}

.tmkit-flip-insider {
    padding: inherit
}

.tmkit-flip-container[data-rowposition=top] .tmkit-flip-insider {
    top: 0
}

.tmkit-flip-container[data-rowposition=middle] .tmkit-flip-insider {
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.tmkit-flip-container[data-rowposition=bottom] .tmkit-flip-insider {
    bottom: 0
}

.tmkit-flip-container[data-rowposition=top] .tmkit-flipmodern-insider,.tmkit-flip-container[data-rowposition=bottom] .tmkit-flipmodern-insider {
    transform: translateZ(60px) scale(.94);
    -webkit-transform: translateZ(60px) scale(.94)
}

.tmkit-flip-container[data-rowposition=middle] .tmkit-flipmodern-insider {
    transform: translateY(-50%) translateZ(60px) scale(.94);
    -webkit-transform: translateY(-50%) translateZ(60px) scale(.94)
}

.tmkit-cflp-container[data-layout=toright] .tmkit-cflp-back,.tmkit-cflp-container[data-layout=toright]:hover .tmkit-cflp-card {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.tmkit-cflp-container[data-layout=toleft] .tmkit-cflp-back,.tmkit-cflp-container[data-layout=toleft]:hover .tmkit-cflp-card {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.tmkit-cflp-container[data-layout=tobottom] .tmkit-cflp-back,.tmkit-cflp-container[data-layout=tobottom]:hover .tmkit-cflp-card {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.tmkit-cflp-container[data-layout=totop] .tmkit-cflp-back,.tmkit-cflp-container[data-layout=totop]:hover .tmkit-cflp-card {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.tmkit-cflp-container[data-smootheffect="1"][data-layout=toleft] .tmkit-cflp-card {
    transform-origin: right center;
    -webkit-transform-origin: right center
}

.tmkit-cflp-container[data-smootheffect="1"][data-layout=toright] .tmkit-cflp-card {
    transform-origin: left center;
    -webkit-transform-origin: left center
}

.tmkit-cflp-container[data-smootheffect="1"][data-layout=totop] .tmkit-cflp-card {
    transform-origin: top center;
    -webkit-transform-origin: top center
}

.tmkit-cflp-container[data-smootheffect="1"][data-layout=tobottom] .tmkit-cflp-card {
    transform-origin: bottom center;
    -webkit-transform-origin: bottom center
}

.tmkit-cflp-container[data-smootheffect="1"][data-layout=toright] .tmkit-cflp-back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.tmkit-cflp-container[data-smootheffect="1"][data-layout=toright]:hover .tmkit-cflp-card {
    -webkit-transform: translateX(100%) rotateY(180deg);
    transform: translateX(100%) rotateY(180deg)
}

.tmkit-cflp-container[data-smootheffect="1"][data-layout=toleft] .tmkit-cflp-back {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.tmkit-cflp-container[data-smootheffect="1"][data-layout=toleft]:hover .tmkit-cflp-card {
    -webkit-transform: translateX(-100%) rotateY(-180deg);
    transform: translateX(-100%) rotateY(-180deg)
}

.tmkit-cflp-container[data-smootheffect="1"][data-layout=tobottom] .tmkit-cflp-back {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.tmkit-cflp-container[data-smootheffect="1"][data-layout=tobottom]:hover .tmkit-cflp-card {
    -webkit-transform: translateY(-100%) rotateX(-180deg);
    transform: translateY(-100%) rotateX(-180deg)
}

.tmkit-cflp-container[data-smootheffect="1"][data-layout=totop] .tmkit-cflp-back {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.tmkit-cflp-container[data-smootheffect="1"][data-layout=totop]:hover .tmkit-cflp-card {
    -webkit-transform: translateY(100%) rotateX(180deg);
    transform: translateY(100%) rotateX(180deg)
}

.tmkit-mdnflb-card,.tmkit-trcflp-card {
    -webkit-transform-style: preserve-3d
}

.tmkit-trcflp-container {
    width: 100%;
    height: auto;
    position: relative;
    box-sizing: border-box;
    -webkit-perspective: 800px;
    perspective: 800px
}

.tmkit-trcflp-front-title{
    font-size: 16px;
}

.tmkit-trcflp-card {
    width: 100%;
    height: auto;
    transform-style: preserve-3d
}

.tmkit-trcflp-card .tmkit-trcflp-figure {
    margin: 0;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.tmkit-trcflp-card .tmkit-trcflp-front {
    z-index: 9999999999
}

.tmkit-trcflp-card .tmkit-trcflp-back {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.tmkit-trcflp-figure div {
    text-align: center
}

.tmkit-trcflp-front-title,.tmkit-trcflp-back-title{
    font-size: 24px;
    margin: 10px 0;
}


.tmkit-trcflp-back-button{
    margin-top: 20px;
}



.tmkit-trcflp-front-icon .trcflp-front-iconar,.tmkit-trcflp-front-icon img {
    display: inline-block
}

.tmkit-trcflp-front-icon,.trcflp-front-iconar {
    text-align: center
}

.tmkit-trcflp-back-button,.tmkit-trcflp-back-icon,.tmkit-trcflp-back-subtitle,.tmkit-trcflp-back-title,.tmkit-trcflp-front-button,.tmkit-trcflp-front-icon,.tmkit-trcflp-front-subtitle,.tmkit-trcflp-front-title {
    position: relative;
    z-index: 9
}

.tmkit-trcflp-back-button {
    display: inline-block;
    width: 100%;
    cursor: pointer
}

.tmkit-trcflp-back-button a {
    display: inline-block;
    width: auto;
    float: none
}

.tmkit-trcflp-back-button{
    padding-top: 15px;
}

.tmkit-trcflp-back-button a {
    padding: 5px 15px;
    color: #222;
    background-color: #fff;
}

.tmkit-trcflp-container[data-layout=toleft]:hover .tmkit-trcflp-back {
    -webkit-transform: rotateY(0) translateX(0);
    transform: rotateY(0) translateX(0);
    left: 0
}

.tmkit-trcflp-container[data-layout=toleft] .tmkit-trcflp-back {
    -webkit-transform: rotateY(90deg) translateX(22%);
    transform: rotateY(90deg) translateX(22%);
    left: 50%
}

.tmkit-trcflp-container[data-layout=toleft]:hover .tmkit-trcflp-front {
    -webkit-transform: rotateY(-90deg) translateX(-22%);
    transform: rotateY(-90deg) translateX(-22%);
    margin-left: -50%
}

.tmkit-trcflp-container .tmkit-trcflp-back,.tmkit-trcflp-container .tmkit-trcflp-front {
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out
}

.tmkit-trcflp-container[data-layout=toright]:hover .tmkit-trcflp-back {
    -webkit-transform: rotateY(0) translateX(0);
    transform: rotateY(0) translateX(0);
    left: 0
}

.tmkit-trcflp-container[data-layout=toright] .tmkit-trcflp-back {
    -webkit-transform: rotateY(-90deg) translateX(-22%);
    transform: rotateY(-90deg) translateX(-22%);
    left: -50%
}

.tmkit-trcflp-container[data-layout=toright]:hover .tmkit-trcflp-front {
    -webkit-transform: rotateY(90deg) translateX(22%);
    transform: rotateY(90deg) translateX(22%);
    margin-left: 50%
}

.tmkit-mdnflb-container {
    width: 100%;
    height: auto;
    position: relative;
    box-sizing: border-box
}

.tmkit-mdnflb-card {
    width: 100%;
    height: auto;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s
}

.tmkit-mdnflb-card .tmkit-mdnflb-figure {
    margin: 0;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: transform .7s cubic-bezier(.4,.2,.2,1);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.4,.2,.2,1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.tmkit-mdnflb-card .tmkit-mdnflb-front {
    z-index: 9999
}

.tmkit-mdnflb-card .tmkit-mdnflb-back {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0
}

.tmkit-mdnflb-figure div {
    text-align: center
}

.tmkit-mdnflb-front-icon .mdnflb-front-iconar,.tmkit-mdnflb-front-icon img {
    display: inline-block
}

.tmkit-mdnflb-front-icon,.mdnflb-front-iconar {
    text-align: center
}

.mdnflb-front-iconar i {
    display: inline-block;
    width: 100%;
    height: 100%
}

.tmkit-mdnflb-back-button {
    display: inline-block;
    width: 100%;
    cursor: pointer
}

.tmkit-mdnflb-back-button a {
    display: inline-block;
    width: auto;
    float: none
}

.tmkit-mdnflb-insider {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 3;
    box-sizing: border-box
}

.tmkit-vsklbr-bar-cnt,.tmkit-vsklbr-insider {
    position: relative;
    display: inline-block
}

.tmkit-mdnflb-container[data-layout=toleft] .tmkit-mdnflb-back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.tmkit-mdnflb-container[data-layout=toleft]:hover .tmkit-mdnflb-back {
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

.tmkit-mdnflb-container[data-layout=toleft]:hover .tmkit-mdnflb-front,.tmkit-mdnflb-container[data-layout=toright] .tmkit-mdnflb-back {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.tmkit-mdnflb-container[data-layout=toright]:hover .tmkit-mdnflb-back {
    -webkit-transform: rotateY(0);
    transform: rotateY(0)
}

.tmkit-mdnflb-container[data-layout=toright]:hover .tmkit-mdnflb-front {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.tmkit-mdnflb-container[data-layout=tobottom] .tmkit-mdnflb-back {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.tmkit-mdnflb-container[data-layout=tobottom]:hover .tmkit-mdnflb-back {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
}

.tmkit-mdnflb-container[data-layout=totop] .tmkit-mdnflb-back,.tmkit-mdnflb-container[data-layout=tobottom]:hover .tmkit-mdnflb-front {
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.tmkit-mdnflb-container[data-layout=totop]:hover .tmkit-mdnflb-back {
    -webkit-transform: rotateX(0);
    transform: rotateX(0)
}

.tmkit-mdnflb-container[data-layout=totop]:hover .tmkit-mdnflb-front {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.tmkit-vsklbr-container {
    width: 100%;
    float: left
}

.tmkit-vsklbr-insider {
    width: auto;
    height: auto
}

.tmkit-vsklbr-name {
    width: 100%;
    float: left;
    height: auto
}

.tmkit-vsklbr-bar-strips,.tmkit-vsklbr-bar-value {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0
}

.tmkit-vsklbr-bar-strips {
    height: 100%;
    z-index: 9999
}

.tmkit-vsklbr-bar-precent {
    position: absolute;
    left: -50px;
    width: 40px;
    height: 16px;
    line-height: 16px;
    float: left;
    font-size: 12px;
    top: -7px;
    color: var(--precent-color)
}

.tmkit-vsklbr-bar-precent:after {
    content: '';
    height: 1px;
    width: 12px;
    top: calc(50% - 1px);
    right: -8px;
    position: absolute;
    border-bottom: 1px solid;
    border-color: inherit
}

.tmkit-vsklbr-container[data-percentpos=right] .tmkit-vsklbr-bar-precent {
    left: unset;
    right: -50px
}

.tmkit-vsklbr-container[data-percentpos=right] .tmkit-vsklbr-bar-precent:after {
    right: unset;
    left: -8px
}

.tmkit-vsklbr-bar-value {
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out
}

.tmkit-vsklbr-container[data-layout=left] .tmkit-vsklbr-name {
    width: auto;
    float: left;
    margin-right: 3px;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    margin-top: var(--bar-height);
    position: relative
}

.tmkit-vsklbr-container[data-layout=right] .tmkit-vsklbr-name {
    width: auto;
    float: right;
    margin-left: 3px;
    transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    margin-top: var(--bar-height);
    position: relative
}

.tmkit-vsklbr-container[data-layout=centerleft] .tmkit-vsklbr-name {
    transform: rotate(-40deg) translateY(20%) translateX(-5%);
    -webkit-transform: rotate(-40deg) translateY(20%) translateX(-5%)
}

.tmkit-vsklbr-container[data-layout=centerright] .tmkit-vsklbr-name {
    transform: rotate(40deg) translateY(-5%) translateX(20%);
    -webkit-transform: rotate(40deg) translateY(-5%) translateX(20%)
}

.tmkit-elem-overlay-opac,.tmkit-element-back-overlay {
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0
}

.tmkit-imban-container {
    width: 100%;
    float: left;
    background-size: 100% 100%;
    position: relative;
    box-sizing: border-box;
    overflow: hidden
}

.tmkit-imban-container .tmkit-imban-img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-size: 100% 100%;
    z-index: 2;
    -webkir-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.tmkit-imban-container>div {
    width: 100%;
    float: left;
    position: relative;
    z-index: 10
}

.tmkit-imban-container .tmkit-button-container {
    display: inline-block
}

.tmkit-imban-overlay {
    z-index: 11;
    width: 100%!important;
    height: 100%!important;
    position: absolute!important;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.tmkit-imban-container[data-hoverstyle=scale]:hover .tmkit-imban-img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.tmkit-imban-container[data-hoverstyle=scalerotateleft]:hover .tmkit-imban-img {
    -webkit-transform: scale(1.3) rotate(-5deg);
    transform: scale(1.3) rotate(-5deg)
}

.tmkit-imban-container[data-hoverstyle=scalerotateright]:hover .tmkit-imban-img {
    -webkit-transform: scale(1.3) rotate(5deg);
    transform: scale(1.3) rotate(5deg)
}

.tmkit-imban-container[data-hoverstyle=moveleft] .tmkit-imban-img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.tmkit-imban-container[data-hoverstyle=moveleft]:hover .tmkit-imban-img {
    -webkit-transform: scale(1.2) translateX(-50px);
    transform: scale(1.2) translateX(-50px)
}

.tmkit-imban-container[data-hoverstyle=moveright] .tmkit-imban-img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.tmkit-imban-container[data-hoverstyle=moveright]:hover .tmkit-imban-img {
    -webkit-transform: scale(1.2) translateX(50px);
    transform: scale(1.2) translateX(50px)
}

.tmkit-hvbx-container {
    width: 100%;
    float: left;
    position: relative;
    box-sizing: border-box;
    text-align: center
}

.tmkit-hvbx-bg-cnt,.tmkit-hvbx-bg-cnt>div {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1
}

.tmkit-hvbx-cnts {
    width: 100%;
    float: left;
    position: relative;
    z-index: 5
}

.tmkit-hvbx-elm-r {
    position: relative;
    width: 100%;
    float: left;
    z-index: 9999
}

.tmkit-hvbx-container a,.tmkit-hvbx-elm-h {
    position: absolute;
    height: 100%;
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    bottom: 0
}

.tmkit-hvbx-elm-h,.tmkit-hvbx-elm-r {
    transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in
}

.tmkit-hvbx-container[data-hoverstyle=fade] .tmkit-hvbx-elm-h,.tmkit-hvbx-container[data-hoverstyle=fade]:hover .tmkit-hvbx-elm-r {
    opacity: 0
}

.tmkit-hvbx-container[data-hoverstyle=fade]:hover .tmkit-hvbx-elm-h,.sy-wc {
    opacity: 1
}

.tmkit-hvbx-container a {
    z-index: 9999999
}

.tmkit-responsive-spacer {
    width: 100%;
    position: relative;
    float: left;
    height: var(--spc-desk)
}

@media (max-width: 1199px) {
    .tmkit-responsive-spacer {
        height:var(--spc-tablet)
    }
}

@media (max-width: 991px) {
    .tmkit-responsive-spacer {
        height:var(--spc-tablet-sm)
    }
}

@media (max-width: 767px) {
    .tmkit-responsive-spacer {
        height:var(--spc-phone)
    }
}

@media (max-width: 479px) {
    .tmkit-responsive-spacer {
        height:var(--spc-phone-sm)
    }
}

.km-testimonial,.km-testimonial[data-style=style1] .km-testimonial-user {
    height: auto;
    width: 100%;
    float: left;
    box-sizing: border-box
}

.tmkit-fancytext-container {
    width: 100%;
    float: left
}

.sy-c {
    display: inline-block
}

.sy-wc {
    position: relative;
    display: inline-block;
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0)
}

.sy-wc[data-sit=way] {
    opacity: 0;
    transform: translateY(50%);
    -moz-transform: translateY(50%);
    -webkit-transform: translateY(50%)
}

.sy-wc[data-sit=hidden] {
    opacity: 0;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.sy-w-container[data-style=fade] .sy-c[data-at=true] {
    opacity: 1;
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s
}

.sy-w-container[data-style=fade] .sy-c[data-at=false] {
    opacity: 0
}

.sy-w-container[data-style=scale] .sy-c[data-at=true] {
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

.sy-w-container[data-style=scale] .sy-c[data-at=false] {
    -webkit-transform: scale(.3);
    -moz-transform: scale(.3);
    transform: scale(.3)
}

.sy-w-container[data-style=rotateY] .sy-c[data-at=true] {
    opacity: 1;
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.sy-w-container[data-style=rotateY] .sy-c[data-at=false] {
    opacity: 0;
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    transform: rotateY(0)
}

.sy-w-container[data-style=rotateX] .sy-c[data-at=true] {
    opacity: 1;
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    transform: rotateX(180deg)
}

.sy-w-container[data-style=rotateX] .sy-c[data-at=false] {
    opacity: 0;
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    transform: rotateX(0)
}

.sy-w-container[data-style=bottom] .sy-c[data-at=true] {
    opacity: 1;
    transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px)
}

.sy-w-container[data-style=bottom] .sy-c[data-at=false] {
    opacity: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0)
}

.sy-w-container[data-style=top] .sy-c[data-at=true] {
    opacity: 1;
    transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px)
}

.sy-w-container[data-style=top] .sy-c[data-at=false] {
    opacity: 0;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0)
}

.sy-w-container[data-style=bounce] .sy-c[data-at=true] {
    opacity: 1;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.sy-w-container[data-style=bounce] .sy-c[data-at=false] {
    opacity: 0
}

@-webkit-keyframes bounce {
    20%,53%,80%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.050,.855,.060);
        animation-timing-function: cubic-bezier(.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.050,.855,.060);
        animation-timing-function: cubic-bezier(.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@keyframes bounce {
    20%,53%,80%,from,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.050,.855,.060);
        animation-timing-function: cubic-bezier(.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.050,.855,.060);
        animation-timing-function: cubic-bezier(.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

.sy-w-container[data-style=bounce] .sy-c,.sy-w-container[data-style=shake] .sy-c,.sy-w-container[data-style=swing] .sy-c,.sy-w-container[data-style=tada] .sy-c {
    transition: opacity .4s;
    -moz-transition: opacity .4s;
    -webkit-transition: opacity .4s
}

.sy-w-container[data-style=shake] .sy-c[data-at=true] {
    opacity: 1;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: shake;
    animation-name: shake;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.sy-w-container[data-style=shake] .sy-c[data-at=false] {
    opacity: 0
}

@-webkit-keyframes shake {
    from,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@keyframes shake {
    from,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

.sy-w-container[data-style=swing] .sy-c[data-at=true] {
    opacity: 1;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-name: swing;
    animation-name: swing;
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.sy-w-container[data-style=swing] .sy-c[data-at=false] {
    opacity: 0
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    to {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    to {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }
}

.sy-w-container[data-style=tada] .sy-c[data-at=true] {
    opacity: 1;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-name: tada;
    animation-name: tada;
    -webkit-transform-origin: top center;
    transform-origin: top center
}

.sy-w-container[data-style=tada] .sy-c[data-at=false] {
    opacity: 0
}

@-webkit-keyframes tada {
    from,to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }
}

@keyframes tada {
    from,to {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }
}

.km-testimonial-border {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.km-testimonial-border-top {
    top: 0
}

.km-testimonial-border-bottom {
    bottom: 0
}

.km-testimonial-border-through {
    top: 50%
}

.km-testimonial[data-style=style1] .km-testimonial-icon,.km-testimonial[data-style=style1] .km-testimonial-name-info,.km-testimonial[data-style=style1] .km-testimonial-pic {
    position: relative
}

.km-testimonial-content-icon,.km-testimonial-icon {
    display: none
}

.km-testimonial[data-style=style1] .km-testimonial-icon {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 32px;
    display: block
}

.km-testimonial[data-style=style1][data-childstyle=style5] .km-testimonial-icon {
    position: absolute;
    margin-top: -20px
}

.km-testimonial[data-style=style1][data-childstyle=style5] .testimonial-content-span {
    width: 100%;
    float: left;
    display: inline-block;
    position: relative;
    z-index: 7
}

.km-testimonial[data-style=style1] .km-testimonial-content {
    width: 100%;
    float: left;
    box-sizing: border-box;
    line-height: 1.6em;
    color: #555;
    font-size: 14px;
    position: relative;
    text-align: center
}

.km-testimonial[data-style=style1] .km-testimonial-pic {
    float: left;
    width: 100%;
    text-align: center
}

.km-testimonial[data-style=style1] .km-testimonial-pic img {
    width: 60px;
    display: inline-block;
    height: 60px;
    border-radius: 50%;
    position: relative;
    z-index: 1
}

.km-testimonial[data-style=style1] .km-testimonial-name-info {
    float: left;
    width: 100%;
    text-align: center
}

.km-testimonial[data-style=style1] .km-testimonial-name {
    display: block;
    width: 100%;
    font-size: 16px;
    color: #333;
    letter-spacing: 2px
}

.km-testimonial[data-style=style1] .km-testimonial-info {
    display: block;
    width: 100%;
    color: #888;
    font-size: 12px;
    letter-spacing: 1px
}

.km-testimonial[data-style=style2] .km-testimonial-content {
    width: 100%;
    float: left;
    margin-bottom: 20px;
    box-sizing: border-box;
    padding: 15px;
    line-height: 1.6em;
    color: #555;
    background: #f8f8f8;
    border-color: #f8f8f8;
    font-size: 14px;
    position: relative
}

.km-testimonial[data-style=style2] .km-testimonial-content:after {
    content: "";
    position: absolute;
    left: 20px;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 13px solid;
    border-top-color: inherit;
    bottom: -13px
}

.km-testimonial[data-style=style2] .km-testimonial-user {
    width: 100%;
    float: left;
    box-sizing: border-box
}

.km-testimonial[data-style=style2] .km-testimonial-pic {
    width: 60px;
    height: 60px;
    float: left;
    border-radius: 50%;
    margin-left: 5px;
    margin-right: 20px
}

.km-testimonial[data-style=style2] .km-testimonial-pic img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.km-testimonial[data-style=style2] .km-testimonial-name-info {
    float: left;
    width: auto;
    margin-top: 10px
}

.km-testimonial[data-style=style2] .km-testimonial-name {
    display: block;
    font-size: 16px;
    color: #333;
    letter-spacing: 2px
}

.km-testimonial[data-style=style2] .km-testimonial-info {
    display: block;
    color: #888;
    font-size: 12px;
    margin-top: 3px;
    letter-spacing: 1px
}

.km-testimonial[data-style=style2][data-pic-position=right] .km-testimonial-content:after {
    left: initial;
    right: 20px
}

.km-testimonial[data-style=style2][data-pic-position=right] .km-testimonial-content,.km-testimonial[data-style=style2][data-pic-position=right] .km-testimonial-name-info {
    text-align: right;
    float: none
}

.km-testimonial[data-style=style2][data-pic-position=right] .km-testimonial-pic {
    float: right;
    margin-right: 5px;
    margin-left: 20px
}

.km-testimonial-user {
    background: inherit
}

.km-testimonial[data-style=style3] .km-testimonial-content {
    width: 100%;
    float: left;
    box-sizing: border-box;
    padding: 15px 45px;
    line-height: 1.6em;
    color: #555;
    background: #f8f8f8;
    border-color: #f8f8f8;
    font-size: 14px;
    position: relative;
    text-align: center
}

.km-testimonial[data-style=style3] .km-testimonial-content:after {
    content: "";
    position: absolute;
    left: 52px;
    border-right: 35px solid transparent;
    border-top: 34px solid;
    border-top-color: inherit;
    bottom: -34px
}

.km-testimonial[data-style=style3] .km-testimonial-content-icon {
    display: block;
    float: left;
    position: absolute;
    z-index: 1;
    top: 50%;
    color: inherit;
    font-size: 24px;
    opacity: .2;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.km-testimonial[data-style=style3] .km-testimonial-content-icon[data-position=left] {
    left: 10px
}

.km-testimonial[data-style=style3] .km-testimonial-content-icon[data-position=right] {
    right: 10px
}

.km-testimonial[data-style=style3] .km-testimonial-user {
    width: 100%;
    float: left;
    box-sizing: border-box
}

.km-testimonial[data-style=style3] .km-testimonial-pic {
    width: 60px;
    height: 60px;
    float: left;
    border-radius: 50%;
    margin-left: 5px;
    margin-right: 20px;
    background: inherit;
    padding: 7px;
    margin-top: -15px;
    position: relative;
    z-index: 9
}

.km-testimonial[data-style=style3] .km-testimonial-pic img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

.km-testimonial[data-style=style3] .km-testimonial-name-info {
    float: left;
    width: auto;
    margin-top: 10px;
    text-align: right
}

.km-testimonial[data-style=style3] .km-testimonial-name {
    display: block;
    font-size: 16px;
    color: #333;
    letter-spacing: 2px
}

.km-testimonial[data-style=style3] .km-testimonial-info {
    display: block;
    color: #888;
    font-size: 12px;
    margin-top: 3px;
    letter-spacing: 2px
}

.km-testimonial[data-style=style3][data-pic-position=right] .km-testimonial-name-info {
    text-align: right;
    float: right
}

.km-testimonial[data-style=style3][data-pic-position=left] .km-testimonial-name-info {
    text-align: left;
    float: left
}

.km-testimonial[data-style=style3][data-pic-position=right] .km-testimonial-pic {
    float: right;
    margin-right: 5px;
    margin-left: 20px
}

.km-testimonial[data-style=style3][data-pic-position=right] .km-testimonial-content:after {
    content: "";
    position: absolute;
    right: 52px;
    border-right: 0;
    border-left: 35px solid transparent;
    border-top: 34px solid;
    border-top-color: inherit;
    bottom: -34px;
    left: initial
}

.tmkit-animationblock {
    width: 100%;
    float: left
}


.tmkit-imcgal-container {
    width: 100%;
    float: left;
    position: relative
}

.tmkit-imcgal-item img {
    width: 100%;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.2);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.2)
}

.tmkit-imcgal-fakeone {
    width: 100%;
    height: auto;
    position: relative;
    visibility: hidden;
    opacity: 0
}

.tmkit-imcgal-fakeone img {
    width: 100%
}

.tmkit-imcgal-insider {
    position: absolute;
    height: 100%;
    width: 100%;
    float: left;
    left: 0;
    top: 0;
    z-index: 2
}

.tmkit-imcgal-item {
    width: 100%;
    cursor: pointer;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transform: scale(1);
    -webkit-transform: scale(1);
    position: absolute;
    opacity: 0
}

.tmkit-imcgal-item a {
    display: none;
    opacity: 0
}

.tmkit-imcgal-container[data-layout=right] .tmkit-imcgal-item {
    right: 0
}

.tmkit-imcgal-container[data-layout=right] .tmkit-imcgal-item:nth-of-type(2) {
    right: -10%
}

.tmkit-imcgal-container[data-layout=right] .tmkit-imcgal-item:hover {
    right: -13%
}

.tmkit-imcgal-container[data-layout=right] .tmkit-imcgal-item:first-of-type:hover {
    right: 0
}

.tmkit-imcgal-container[data-layout=right] .tmkit-imcgal-insider.changed .tmkit-imcgal-item:nth-of-type(2) {
    margin-left: -10%
}

.tmkit-imcgal-container[data-layout=left] .tmkit-imcgal-item {
    left: 0
}

.tmkit-imcgal-container[data-layout=left] .tmkit-imcgal-item:nth-of-type(2) {
    left: -10%
}

.tmkit-imcgal-container[data-layout=left] .tmkit-imcgal-item:hover {
    left: -13%
}

.tmkit-imcgal-container[data-layout=left] .tmkit-imcgal-item:first-of-type:hover {
    left: 0
}

.tmkit-imcgal-container[data-layout=left] .tmkit-imcgal-insider.changed .tmkit-imcgal-item:nth-of-type(2) {
    margin-right: -10%
}

.tmkit-imcgal-container[data-layout=top] .tmkit-imcgal-item {
    top: 0
}

.tmkit-imcgal-container[data-layout=top] .tmkit-imcgal-item:nth-of-type(2) {
    top: -12%
}

.tmkit-imcgal-container[data-layout=top] .tmkit-imcgal-item:hover {
    top: -16%
}

.tmkit-imcgal-container[data-layout=top] .tmkit-imcgal-item:first-of-type:hover {
    top: 0
}

.tmkit-imcgal-container[data-layout=top] .tmkit-imcgal-insider.changed .tmkit-imcgal-item:nth-of-type(2) {
    margin-bottom: -10%
}

.tmkit-imcgal-container[data-layout=bottom] .tmkit-imcgal-item {
    bottom: 0
}

.tmkit-imcgal-container[data-layout=bottom] .tmkit-imcgal-item:nth-of-type(2) {
    bottom: -12%
}

.tmkit-imcgal-container[data-layout=bottom] .tmkit-imcgal-item:hover {
    bottom: -16%
}

.tmkit-imcgal-container[data-layout=bottom] .tmkit-imcgal-item:first-of-type:hover {
    bottom: 0
}

.tmkit-imcgal-container[data-layout=bottom] .tmkit-imcgal-insider.changed .tmkit-imcgal-item:nth-of-type(2) {
    margin-top: -10%
}

.tmkit-imcgal-container .tmkit-imcgal-item:first-of-type {
    z-index: 3;
    opacity: 1
}

.tmkit-imcgal-container .tmkit-imcgal-item:first-of-type a {
    display: block;
    width: 100%;
    z-index: 999999;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.tmkit-imcgal-container .tmkit-imcgal-item:nth-of-type(2) {
    opacity: 1;
    transform: scale(.9);
    -webkit-transform: scale(.9)
}

.tmkit-imcgal-container .tmkit-imcgal-insider.changed .tmkit-imcgal-item:nth-of-type(2) {
    transform: scale(1);
    -webkit-transform: scale(1);
    z-index: 9
}

.tmkit-imcgal-container .tmkit-imcgal-insider.changed .tmkit-imcgal-item:first-of-type {
    opacity: 0
}

.tmkit-imcgal-container .tmkit-imcgal-insider.changed .tmkit-imcgal-item:nth-of-type(3) {
    opacity: 1
}

.tmkit-pricebox-container {
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.tmkit-pricebox-container div {
    text-align: center;
    border-left: 0;
    border-right: 0
}

.tmkit-pricebox-bottom,.tmkit-pricebox-button-container,.tmkit-pricebox-middle,.tmkit-pricebox-top {
    width: 100%;
    float: left;
    position: relative;
    text-align: center
}

.tmkit-pricebox-container[data-layout=style1] .tmkit-pricebox-pricecontainer {
    width: 100%;
    float: left
}

.tmkit-pricebox-container[data-layout=style1] .tmkit-pricebox-curency {
    display: inline-block;
    margin-top: 10px;
    vertical-align: top
}

.tmkit-pricebox-container[data-layout=style3] .tmkit-pricebox-pricecontainer-s,.tmkit-pricebox-container[data-layout=style4] .tmkit-pricebox-pricecontainer-s,.tmkit-pricebox-container[data-layout=style7] .tmkit-pricebox-pricecontainer-s {
    width: auto;
    margin: auto;
    border-radius: 500px;
    text-align: center
}

.tmkit-pricebox-container[data-layout=style3] .tmkit-pricebox-unit,.tmkit-pricebox-container[data-layout=style4] .tmkit-pricebox-unit,.tmkit-pricebox-container[data-layout=style7] .tmkit-pricebox-unit {
    display: block
}

.tmkit-pricebox-container[data-layout=style3] .tmkit-pricebox-curency,.tmkit-pricebox-container[data-layout=style7] .tmkit-pricebox-curency {
    display: inline-block;
    margin-top: -10px;
    vertical-align: top
}

.tmkit-pricebox-pricecontainer-s-inf {
    position: relative;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tmkit-pricebox-container[data-layout=style4] .tmkit-pricebox-curency {
    display: inline-block;
    margin-top: -10px;
    vertical-align: top
}

.tmkit-pr-ribbon {
    position: absolute;
    width: auto;
    z-index: 9
}

.tmkit-pr-ribbon[data-rbn-type=side][data-rbn-style=style1],.tmkit-pr-ribbon[data-rbn-type=side][data-rbn-style=style2] {
    left: 0;
    top: 0;
    padding: 5px 20px
}

.tmkit-pr-ribbon[data-rbn-type=side][data-rbn-style=style1][data-rbn-position=right] {
    left: unset;
    right: 0
}

.tmkit-pr-ribbon[data-rbn-type=side][data-rbn-style=style2] {
    left: -12px
}

.tmkit-pr-ribbon[data-rbn-type=side][data-rbn-style=style2][data-rbn-position=right] {
    left: unset;
    right: -12px
}

.tmkit-pr-ribbon[data-rbn-type=side][data-rbn-style=style2]:after,.tmkit-pr-ribbon[data-rbn-type=side][data-rbn-style=style2]:before {
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    border-left: 12px solid transparent;
    border-top: 12px solid currentColor;
    border-bottom: 12px solid transparent;
    z-index: 4
}

.tmkit-pr-ribbon[data-rbn-type=side][data-rbn-style=style2][data-rbn-position=right]:after,.tmkit-pr-ribbon[data-rbn-type=side][data-rbn-style=style2][data-rbn-position=right]:before {
    left: unset;
    right: 0;
    border-left: unset;
    border-right: 12px solid transparent
}

.tmkit-pr-ribbon[data-rbn-type=side][data-rbn-style=style2]:after {
    border-top-color: rgba(0,0,0,.18);
    z-index: 9
}

.tmkit-pr-ribbon[data-rbn-type=side][data-rbn-style=style5] {
    padding: 5px 20px
}

.tmkit-pr-ribbon[data-rbn-type=side][data-rbn-style=style5][data-rbn-position=left] {
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px
}

.tmkit-pr-ribbon[data-rbn-type=side][data-rbn-style=style5][data-rbn-position=right] {
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px
}

.tmkit-pricebox-container[data-rbn-type=side][data-rbn-style=style4] {
    overflow: hidden
}

.tmkit-pr-ribbon[data-rbn-type=side][data-rbn-style=style4] {
    padding: 5px 20px;
    top: 3%;
    left: -9%;
    width: 100px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.tmkit-pr-ribbon[data-rbn-type=side][data-rbn-style=style4][data-rbn-position=right] {
    left: unset;
    right: -9%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.tmkit-pr-ribbon[data-rbn-type=side][data-rbn-style=style3] {
    padding: 10px 4px;
    background: green!important
}

.tmkit-pr-ribbon[data-rbn-type=side][data-rbn-style=style3] span {
    z-index: 8;
    position: relative
}

.tmkit-pr-ribbon[data-rbn-type=side][data-rbn-style=style3]:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    border-right: 8em solid transparent;
    border-top: 5em solid currentColor;
    border-bottom: 5em solid transparent;
    z-index: 4
}

.tmkit-pr-ribbon[data-rbn-type=middle] {
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 99
}

.tmkit-pr-ribbon[data-rbn-type=middle] span {
    display: block;
    z-index: 9;
    padding: 5px 20px;
    background: inherit;
    position: relative;
    float: left
}

.tmkit-pr-ribbon[data-rbn-type=middle][data-rbn-style=style2] {
    top: -15px;
    box-shadow: 0 10px 20px -10px rgba(0,0,0,.8)
}

.tmkit-pr-ribbon[data-rbn-type=middle][data-rbn-style=style3] {
    top: -15px;
    box-shadow: 0 6px 28px -6px rgba(0,0,0,.75)
}

.tmkit-pr-ribbon[data-rbn-type=middle][data-rbn-style=style2]:after,.tmkit-pr-ribbon[data-rbn-type=middle][data-rbn-style=style2]:before,.tmkit-pr-ribbon[data-rbn-type=middle][data-rbn-style=style3]:after,.tmkit-pr-ribbon[data-rbn-type=middle][data-rbn-style=style3]:before {
    content: '';
    position: absolute;
    left: -15px;
    top: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid currentColor;
    z-index: 4
}

.tmkit-pr-ribbon[data-rbn-type=middle][data-rbn-style=style2]:after,.tmkit-pr-ribbon[data-rbn-type=middle][data-rbn-style=style3]:after {
    left: unset;
    right: -15px
}

.tmkit-pr-ribbon[data-rbn-type=middle][data-rbn-style=style3]:after,.tmkit-pr-ribbon[data-rbn-type=middle][data-rbn-style=style3]:before {
    opacity: .9
}

.tmkit-pr-ribbon[data-rbn-type=middle][data-rbn-style=style4] {
    top: -10px;
    box-shadow: 0 10px 20px -10px rgba(0,0,0,.8);
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    box-sizing: border-box
}

.tmkit-pr-ribbon[data-rbn-type=middle][data-rbn-style=style4]:after,.tmkit-pr-ribbon[data-rbn-type=middle][data-rbn-style=style4]:before {
    content: '';
    position: absolute;
    left: -14px;
    top: 0;
    border-left: 14px solid transparent;
    border-top: 17px solid currentColor;
    border-bottom: 18px solid currentColor;
    z-index: 4
}

.tmkit-pr-ribbon[data-rbn-type=middle][data-rbn-style=style4]:after {
    left: unset;
    right: -14px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.vc_row .tmkit-row-ver-separator-container {
    opacity: 0
}

.tmkit-row-ver-separator-container {
    position: relative;
    margin-left: 0!important;
    margin-right: 0!important
}

.tmkit-row-ver-separator {
    position: absolute;
    z-index: 9999999999999
}

.tmkit-row-ver-separator-container[data-align=center] .tmkit-row-ver-separator {
    display: inline-block
}

.slick-list,.slick-slider,.slick-track {
    display: block;
    position: relative
}

.tmkit-row-ver-separator-container[data-align=center] {
    text-align: center
}

.tmkit-row-ver-separator-container[data-align=left] .tmkit-row-ver-separator {
    left: 6%
}

.tmkit-row-ver-separator-container[data-align=right] .tmkit-row-ver-separator {
    right: 6%
}

.wpb_column,.wpb_row {
    position: relative
}

body.vc_editor .wpb_column,body.vc_editor .wpb_row {
    z-index: 1
}

.tmkit-row-background,.tmkit-row-element-back {
    position: absolute!important;
    width: inherit;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0
}

.tmkit-row-deco {
    position: absolute!important;
    z-index: 1;
    width: inherit;
    left: 0;
    right: 0
}

.tmkit-row-deco[data-position=top] {
    top: 0
}

.tmkit-row-deco[data-position=bottom] {
    bottom: 0
}

.tmkit-row-deco[data-position=top][data-decoration=full-to-right],.tmkit-row-deco[data-position=top][data-decoration=full-to-left],.tmkit-row-deco[data-position=top][data-decoration=middle-right],.tmkit-row-deco[data-position=top][data-decoration=middle-left] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 120%;
    backface-visibility: hidden
}

.tmkit-row-deco[data-position=bottom][data-decoration=full-to-right],.tmkit-row-deco[data-position=bottom][data-decoration=full-to-left],.tmkit-row-deco[data-position=bottom][data-decoration=middle-right],.tmkit-row-deco[data-position=bottom][data-decoration=middle-left] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 120%;
    backface-visibility: hidden
}

.tmkit-row-deco[data-position=bottom][data-decoration=both-side-inside][data-size=small] {
    width: 50%;
    height: 100px;
    position: absolute;
    bottom: -83px;
    left: 0;
    -webkit-transform: skew(0deg,-2deg);
    transform: skew(0deg,-2deg)
}

.tmkit-row-deco[data-position=bottom][data-decoration=both-side-inside][data-size=small][data-half=right] {
    width: 50%;
    height: 100px;
    position: absolute;
    bottom: -83px;
    right: 0;
    -webkit-transform: skew(0deg,2deg);
    transform: skew(0deg,2deg);
    left: unset
}

.tmkit-row-deco[data-position=bottom][data-decoration=both-side-inside][data-size=medium] {
    width: 50%;
    height: 100px;
    position: absolute;
    bottom: -84px;
    left: 0;
    -webkit-transform: skew(0deg,-4deg);
    transform: skew(0deg,-4deg)
}

.tmkit-row-deco[data-position=bottom][data-decoration=both-side-inside][data-size=medium][data-half=right] {
    width: 50%;
    height: 100px;
    position: absolute;
    bottom: -84px;
    right: 0;
    -webkit-transform: skew(0deg,4deg);
    transform: skew(0deg,4deg);
    left: unset
}

.tmkit-row-deco[data-position=bottom][data-decoration=both-side-inside][data-size=large] {
    width: 50%;
    height: 100px;
    position: absolute;
    bottom: -50px;
    left: 0;
    -webkit-transform: skew(0deg,-6deg);
    transform: skew(0deg,-6deg)
}

.tmkit-row-deco[data-position=bottom][data-decoration=both-side-inside][data-size=large][data-half=right] {
    width: 50%;
    height: 100px;
    position: absolute;
    bottom: -50px;
    right: 0;
    -webkit-transform: skew(0deg,6deg);
    transform: skew(0deg,6deg);
    left: unset
}

.tmkit-row-deco[data-position=bottom][data-decoration=both-side-outside][data-size=small] {
    width: 50%;
    height: 100px;
    position: absolute;
    bottom: -82px;
    left: 0;
    -webkit-transform: skew(0deg,2deg);
    transform: skew(0deg,2deg)
}

.tmkit-row-deco[data-position=bottom][data-decoration=both-side-outside][data-size=small][data-half=right] {
    width: 50%;
    height: 100px;
    position: absolute;
    bottom: -82px;
    right: 0;
    -webkit-transform: skew(0deg,-2deg);
    transform: skew(0deg,-2deg);
    left: unset
}

.tmkit-row-deco[data-position=bottom][data-decoration=both-side-outside][data-size=medium] {
    width: 50%;
    height: 100px;
    position: absolute;
    bottom: -67px;
    left: 0;
    -webkit-transform: skew(0deg,4deg);
    transform: skew(0deg,4deg)
}

.tmkit-row-deco[data-position=bottom][data-decoration=both-side-outside][data-size=medium][data-half=right] {
    width: 50%;
    height: 100px;
    position: absolute;
    bottom: -67px;
    right: 0;
    -webkit-transform: skew(0deg,-4deg);
    transform: skew(0deg,-4deg);
    left: unset
}

.tmkit-row-deco[data-position=bottom][data-decoration=both-side-outside][data-size=large] {
    width: 50%;
    height: 100px;
    position: absolute;
    bottom: -50px;
    left: 0;
    -webkit-transform: skew(0deg,6deg);
    transform: skew(0deg,6deg)
}

.tmkit-row-deco[data-position=bottom][data-decoration=both-side-outside][data-size=large][data-half=right] {
    width: 50%;
    height: 100px;
    position: absolute;
    bottom: -50px;
    right: 0;
    -webkit-transform: skew(0deg,-6deg);
    transform: skew(0deg,-6deg);
    left: unset
}

.tmkit-row-deco[data-position=top][data-decoration=both-side-inside][data-size=small] {
    width: 50%;
    height: 100px;
    position: absolute;
    top: -83px;
    left: 0;
    -webkit-transform: skew(0deg,2deg);
    transform: skew(0deg,2deg)
}

.tmkit-row-deco[data-position=top][data-decoration=both-side-inside][data-size=small][data-half=right] {
    width: 50%;
    height: 100px;
    position: absolute;
    top: -83px;
    right: 0;
    -webkit-transform: skew(0deg,-2deg);
    transform: skew(0deg,-2deg);
    left: unset
}

.tmkit-row-deco[data-position=top][data-decoration=both-side-inside][data-size=medium] {
    width: 50%;
    height: 100px;
    position: absolute;
    top: -75px;
    left: 0;
    -webkit-transform: skew(0deg,3deg);
    transform: skew(0deg,3deg)
}

.tmkit-row-deco[data-position=top][data-decoration=both-side-inside][data-size=medium][data-half=right] {
    width: 50%;
    height: 100px;
    position: absolute;
    top: -75px;
    right: 0;
    -webkit-transform: skew(0deg,-3deg);
    transform: skew(0deg,-3deg);
    left: unset
}

.tmkit-row-deco[data-position=top][data-decoration=both-side-inside][data-size=large] {
    width: 50%;
    height: 100px;
    position: absolute;
    top: -59px;
    left: 0;
    -webkit-transform: skew(0deg,5deg);
    transform: skew(0deg,5deg)
}

.tmkit-row-deco[data-position=top][data-decoration=both-side-inside][data-size=large][data-half=right] {
    width: 50%;
    height: 100px;
    position: absolute;
    top: -59px;
    right: 0;
    -webkit-transform: skew(0deg,-5deg);
    transform: skew(0deg,-5deg);
    left: unset
}

.tmkit-row-deco[data-position=top][data-decoration=both-side-outside][data-size=small] {
    width: 50%;
    height: 100px;
    position: absolute;
    top: -83px;
    left: 0;
    -webkit-transform: skew(0deg,-2deg);
    transform: skew(0deg,-2deg)
}

.tmkit-row-deco[data-position=top][data-decoration=both-side-outside][data-size=small][data-half=right] {
    width: 50%;
    height: 100px;
    position: absolute;
    top: -83px;
    right: 0;
    -webkit-transform: skew(0deg,2deg);
    transform: skew(0deg,2deg);
    left: unset
}

.tmkit-row-deco[data-position=top][data-decoration=both-side-outside][data-size=medium] {
    width: 50%;
    height: 100px;
    position: absolute;
    top: -75px;
    left: 0;
    -webkit-transform: skew(0deg,-3deg);
    transform: skew(0deg,-3deg)
}

.tmkit-row-deco[data-position=top][data-decoration=both-side-outside][data-size=medium][data-half=right] {
    width: 50%;
    height: 100px;
    position: absolute;
    top: -75px;
    right: 0;
    -webkit-transform: skew(0deg,3deg);
    transform: skew(0deg,3deg);
    left: unset
}

.tmkit-row-deco[data-position=top][data-decoration=both-side-outside][data-size=large] {
    width: 50%;
    height: 100px;
    position: absolute;
    top: -59px;
    left: 0;
    -webkit-transform: skew(0deg,-5deg);
    transform: skew(0deg,-5deg)
}

.tmkit-row-deco[data-position=top][data-decoration=both-side-outside][data-size=large][data-half=right] {
    width: 50%;
    height: 100px;
    position: absolute;
    top: -59px;
    right: 0;
    -webkit-transform: skew(0deg,5deg);
    transform: skew(0deg,5deg);
    left: unset
}

.tmkit-row-deco[data-position=top][data-decoration=full-to-right][data-size=small],.tmkit-row-deco[data-position=top][data-decoration=middle-right][data-size=small] {
    height: 48px;
    margin-top: -27px;
    -webkit-transform: skew(0deg,1deg);
    transform: skew(0deg,1deg)
}

.tmkit-row-deco[data-position=top][data-decoration=full-to-right][data-size=medium],.tmkit-row-deco[data-position=top][data-decoration=middle-right][data-size=medium] {
    height: 88px;
    margin-top: -32px;
    -webkit-transform: skew(0deg,2.5deg);
    transform: skew(0deg,2.5deg)
}

.tmkit-row-deco[data-position=top][data-decoration=full-to-right][data-size=large],.tmkit-row-deco[data-position=top][data-decoration=middle-right][data-size=large] {
    height: 137px;
    margin-top: -55px;
    -webkit-transform: skew(0deg,4deg);
    transform: skew(0deg,4deg)
}

.tmkit-row-deco[data-position=top][data-decoration=full-to-left][data-size=small],.tmkit-row-deco[data-position=top][data-decoration=middle-left][data-size=small] {
    height: 48px;
    margin-top: -27px;
    -webkit-transform: skew(0deg,-1deg);
    transform: skew(0deg,-1deg)
}

.tmkit-row-deco[data-position=top][data-decoration=full-to-left][data-size=medium],.tmkit-row-deco[data-position=top][data-decoration=middle-left][data-size=medium] {
    height: 88px;
    margin-top: -51px;
    -webkit-transform: skew(0deg,-2.5deg);
    transform: skew(0deg,-2.5deg)
}

.tmkit-row-deco[data-position=top][data-decoration=full-to-left][data-size=large],.tmkit-row-deco[data-position=top][data-decoration=middle-left][data-size=large] {
    height: 137px;
    margin-top: -80px;
    -webkit-transform: skew(0deg,-4deg);
    transform: skew(0deg,-4deg)
}

.tmkit-row-deco[data-position=top][data-decoration=middle-right][data-size=small] {
    margin-top: -40px
}

.tmkit-row-deco[data-position=top][data-decoration=middle-right][data-size=medium] {
    margin-top: -70px
}

.tmkit-row-deco[data-position=top][data-decoration=middle-right][data-size=large] {
    margin-top: -110px
}

.tmkit-row-deco[data-position=top][data-decoration=middle-left][data-size=small] {
    margin-top: -47px
}

.tmkit-row-deco[data-position=top][data-decoration=middle-left][data-size=medium] {
    margin-top: -89px
}

.tmkit-row-deco[data-position=top][data-decoration=middle-left][data-size=large] {
    margin-top: -137px
}

.tmkit-row-deco[data-position=bottom][data-decoration=full-to-right][data-size=small],.tmkit-row-deco[data-position=bottom][data-decoration=middle-right][data-size=small] {
    height: 48px;
    margin-bottom: -27px;
    -webkit-transform: skew(0deg,1deg);
    transform: skew(0deg,1deg)
}

.tmkit-row-deco[data-position=bottom][data-decoration=full-to-right][data-size=medium],.tmkit-row-deco[data-position=bottom][data-decoration=middle-right][data-size=medium] {
    height: 88px;
    margin-bottom: -55px;
    -webkit-transform: skew(0deg,2.5deg);
    transform: skew(0deg,2.5deg)
}

.tmkit-row-deco[data-position=bottom][data-decoration=full-to-right][data-size=large],.tmkit-row-deco[data-position=bottom][data-decoration=middle-right][data-size=large] {
    height: 137px;
    margin-bottom: -83px;
    -webkit-transform: skew(0deg,4deg);
    transform: skew(0deg,4deg)
}

.tmkit-row-deco[data-position=bottom][data-decoration=full-to-left][data-size=small],.tmkit-row-deco[data-position=bottom][data-decoration=middle-left][data-size=small] {
    height: 48px;
    margin-bottom: -27px;
    -webkit-transform: skew(0deg,-1deg);
    transform: skew(0deg,-1deg)
}

.tmkit-row-deco[data-position=bottom][data-decoration=full-to-left][data-size=medium],.tmkit-row-deco[data-position=bottom][data-decoration=middle-left][data-size=medium] {
    height: 88px;
    margin-bottom: -35px;
    -webkit-transform: skew(0deg,-2.5deg);
    transform: skew(0deg,-2.5deg)
}

.tmkit-row-deco[data-position=bottom][data-decoration=full-to-left][data-size=large],.tmkit-row-deco[data-position=bottom][data-decoration=middle-left][data-size=large] {
    height: 137px;
    margin-bottom: -57px;
    -webkit-transform: skew(0deg,-4deg);
    transform: skew(0deg,-4deg)
}

.tmkit-row-deco[data-position=bottom][data-decoration=middle-right][data-size=small] {
    margin-bottom: -47px
}

.tmkit-row-deco[data-position=bottom][data-decoration=middle-right][data-size=medium] {
    margin-bottom: -93px
}

.tmkit-row-deco[data-position=bottom][data-decoration=middle-right][data-size=large] {
    margin-bottom: -147px
}

.tmkit-row-deco[data-position=bottom][data-decoration=middle-left][data-size=small] {
    margin-bottom: -40px
}

.tmkit-row-deco[data-position=bottom][data-decoration=middle-left][data-size=medium] {
    margin-bottom: -76px
}

.tmkit-row-deco[data-position=bottom][data-decoration=middle-left][data-size=large] {
    margin-bottom: -113px
}

.tmkit-row-background.tmkit-row-parallax[data-parallaxtype=fixed] .tmkit-element-back-overlay {
    background-attachment: fixed
}

.tmkit-row-parallax[data-parallaxtype=vertical_move] .tmkit-element-back-overlay,.tmkit-row-parallax[data-parallaxtype=horizontal_move] .tmkit-element-back-overlay {
    background-repeat: repeat!important
}

.tmkit-row-parallax[data-parallaxtype=follow_mouse] .tmkit-element-back-overlay {
    overflow: hidden
}

.tmkit-row-parallax-followmouse {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0
}

@media screen and (min-width: 300px) and (max-width:765px) {
    .vc_column-inner.tmkit_rm_pleft,.wpb_row.vc_row-fluid.tmkit_rm_pleft,.wpb_row.vc_row-fluid.tmkit_rm_pleft[data-vc-full-width-init=true][data-vc-full-width=true][data-vc-stretch-content=true] {
        padding-left:0!important
    }

    .vc_column-inner.tmkit_rm_pright,.wpb_row.vc_row-fluid.tmkit_rm_pright,.wpb_row.vc_row-fluid.tmkit_rm_pright[data-vc-full-width-init=true][data-vc-full-width=true][data-vc-stretch-content=true] {
        padding-right: 0!important
    }

    .vc_column-inner.tmkit_rm_pall,.wpb_row.vc_row-fluid.tmkit_rm_pall,.wpb_row.vc_row-fluid.tmkit_rm_pall[data-vc-full-width-init=true][data-vc-full-width=true][data-vc-stretch-content=true] {
        padding-right: 0!important;
        padding-left: 0!important
    }

    .vc_column-inner.tmkit_rm_mleft,.wpb_row.vc_row-fluid.tmkit_rm_mleft {
        margin-left: 0!important
    }

    .vc_column-inner.tmkit_rm_mright,.wpb_row.vc_row-fluid.tmkit_rm_mright {
        margin-right: 0!important
    }

    .vc_column-inner.tmkit_rm_mall,.wpb_row.vc_row-fluid.tmkit_rm_mall {
        margin-right: 0!important;
        margin-left: 0!important
    }

    .vc_column-inner.tmkit_rm_bleft,.wpb_row.vc_row-fluid.tmkit_rm_bleft {
        border-left: 0!important
    }

    .vc_column-inner.tmkit_rm_bright,.wpb_row.vc_row-fluid.tmkit_rm_bright {
        border-right: 0!important
    }

    .vc_column-inner.tmkit_rm_ball,.wpb_row.vc_row-fluid.tmkit_rm_ball {
        border-right: 0!important;
        border-left: 0!important
    }

    .wpb_row.vc_row-fluid .vc_column-inner.tmkit_rm_pleft,.wpb_row.vc_row-fluid.tmkit_rm_pleft {
        padding-left: 15px!important
    }

    .wpb_row.vc_row-fluid .vc_column-inner.tmkit_rm_pright,.wpb_row.vc_row-fluid.tmkit_rm_pright {
        padding-right: 15px!important
    }

    .wpb_row.vc_row-fluid .vc_column-inner.tmkit_rm_pall,.wpb_row.vc_row-fluid.tmkit_rm_pall {
        padding-right: 15px!important;
        padding-left: 15px!important
    }
}

.tmkit_gmap {
    width: 100%;
    float: left;
    box-sizing: border-box
}

.tmkit-slickslider-container {
    width: 100%;
    float: left
}

.slick-slider {
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    top: 0;
    left: 0
}

.slick-track:after,.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.tmkit-slickslider-container .slick-slide {
    margin: 0 var(--slides-margin)
}

.slick-slider .slick-next,.slick-slider .slick-prev {
    line-height: 90000!important
}

.slick-list.draggable {
    cursor: all-scroll
}

.tmkit-slickslider-container .slick-dots {
    width: 100%;
    float: left;
    padding: 0;
    margin-top: var(--dots-area-margintop);
    margin-left: 0!important;
    margin-bottom: 0!important
}

.tmkit-slickslider-container .slick-dots li {
    content: '';
    display: inline-block
}

.tmkit-slickslider-container .slick-dots li button {
    display: block;
    float: left;
    cursor: pointer;
    text-align: center;
    width: 18px;
    height: 18px;
    font-size: 0;
    outline: 0;
    line-height: 0;
    color: transparent;
    color: var(--dots-clr)!important;
    border: 0!important;
    box-shadow: none!important;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background: 0 0!important;
    position: relative
}

.tmkit-slickslider-container .slick-dots li button:hover,.tmkit-slickslider-container .slick-dots li.slick-active button {
    color: var(--dots-active-clr)!important
}

.tmkit-slickslider-container[data-dots-align=left] .slick-dots li {
    float: left;
    margin-right: var(--dots-margins)
}

.tmkit-slickslider-container[data-dots-align=right] .slick-dots li {
    float: right;
    margin-left: var(--dots-margins)
}

.tmkit-slickslider-container[data-dots-align=center] .slick-dots {
    text-align: center
}

.tmkit-slickslider-container[data-dots-align=center] .slick-dots li {
    margin: 0 var(--dots-margins)
}

.tmkit-slickslider-container[data-arrows-position=bottom_left] .slick-next,.tmkit-slickslider-container[data-arrows-position=top_left] .slick-next {
    margin-left: calc(15px + var(--arrow-bgsize))
}

.tmkit-slickslider-container[data-arrows-position=bottom_right] .slick-prev,.tmkit-slickslider-container[data-arrows-position=top_right] .slick-prev {
    margin-right: calc(15px + var(--arrow-bgsize))
}

.tmkit-slickslider-container .slick-dots li {
    height: 1em;
    line-height: 1em
}

.tmkit-slickslider-container .slick-dots li button:focus {
    outline: 0!important;
    border: 0!important;
    box-shadow: 0!important
}

.tmkit-slickslider-container .slick-dots li button:before {
    content: "\25A0";
    position: absolute;
    font-family: cursive;
    width: 16px;
    height: 16px;
    font-size: var(--dots-size);
    text-align: center;
    color: inherit;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0;
    left: 1px;
    top: 5px
}

.tmkit-slickslider-container[data-dots-style=style2] .slick-dots li button:before {
    content: "\25A1"
}

.tmkit-slickslider-container[data-dots-style=style3] .slick-dots li button:before {
    content: "\25A3"
}

.tmkit-slickslider-container[data-dots-style=style4] .slick-dots li button:before {
    content: "\25AC"
}

.tmkit-slickslider-container[data-dots-style=style5] .slick-dots li button:before {
    content: "\25AD"
}

.tmkit-slickslider-container[data-dots-style=style6] .slick-dots li button:before {
    content: "\25C6"
}

.tmkit-slickslider-container[data-dots-style=style7] .slick-dots li button:before {
    content: "\25C7"
}

.tmkit-slickslider-container[data-dots-style=style8] .slick-dots li button:before {
    content: "\25C8"
}

.tmkit-slickslider-container[data-dots-style=style9] .slick-dots li button:before {
    content: "\25C9"
}

.tmkit-slickslider-container .slick-arrow {
    font-size: 0;
    line-height: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    box-sizing: border-box;
    display: block;
    height: var(--arrow-bgsize);
    width: var(--arrow-bgsize);
    padding: 0;
    cursor: pointer;
    border-radius: var(--arrow-radius);
    color: var(--arrow-clr);
    text-align: center;
    border: none;
    outline: 0;
    background: var(--arrow-back-clr)
}

.tmkit-slickslider-container .slick-next:after,.tmkit-slickslider-container .slick-prev:after {
    content: '';
    font-family: icomoon;
    font-size: var(--arrow-size);
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    left: 0;
    top: 0;
    line-height: calc(var(--arrow-bgsize) - 3px)
}

.tmkit-slickslider-container[data-arrows-position=middle] .slick-arrow,.tmkit-slickslider-container[data-arrows-position=middletwo] .slick-arrow {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    z-index: 999999
}

.tmkit-slickslider-container .slick-arrow:hover {
    opacity: 1
}

.tmkit-slickslider-container[data-arrows-position=middletwo] .slick-prev {
    left: calc(-1 * var(--arrow-bgsize))
}

.tmkit-slickslider-container[data-arrows-position=middletwo] .slick-next {
    right: calc(-1 * var(--arrow-bgsize))
}

.tmkit-slickslider-container[data-arrows-position=middle] .slick-prev {
    left: 0
}

.tmkit-slickslider-container[data-arrows-position=middle] .slick-next {
    right: 0
}

.tmkit-slickslider-container[data-arrows-position=bottom_center] .slick-arrow {
    position: absolute;
    top: calc(100% + 10px);
    transform: translateX(-50%);
    left: 50%;
    z-index: 999999
}

.tmkit-slickslider-container[data-arrows-position=bottom_center] .slick-prev {
    left: calc(50% + calc(10px - var(--arrow-bgsize)))
}

.tmkit-slickslider-container[data-arrows-position=bottom_center] .slick-next {
    left: calc(50% - calc(10px - var(--arrow-bgsize)))
}

.tmkit-slickslider-container[data-arrows-position=bottom_left] .slick-arrow {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    z-index: 999999
}

.tmkit-slickslider-container[data-arrows-position=bottom_right] .slick-arrow {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 999999
}

.tmkit-slickslider-container[data-arrows-position=top_center] .slick-arrow {
    position: absolute;
    top: -10px;
    transform: translateX(-50%);
    left: 50%;
    z-index: 999999
}

.tmkit-slickslider-container[data-arrows-position=top_center] .slick-prev {
    left: calc(50% + calc(10px - var(--arrow-bgsize)))
}

.tmkit-slickslider-container[data-arrows-position=top_center] .slick-next {
    left: calc(50% - calc(10px - var(--arrow-bgsize)))
}

.tmkit-slickslider-container[data-arrows-position=top_left] .slick-arrow {
    position: absolute;
    top: -10px;
    left: 0;
    z-index: 999999
}

.tmkit-slickslider-container[data-arrows-position=top_right] .slick-arrow {
    position: absolute;
    top: -10px;
    right: 0;
    z-index: 999999
}

.tmkit-slickslider-container[data-arrows-position=top_center] .slick-list,.tmkit-slickslider-container[data-arrows-position=top_left] .slick-list,.tmkit-slickslider-container[data-arrows-position=top_right] .slick-list {
    margin-top: 30px
}

.tmkit-slickslider-container .slick-prev {
    text-align: left;
    padding-left: 5px
}

.tmkit-slickslider-container .slick-next {
    text-align: center;
    padding-right: 8px
}

.tmkit-slickslider-container[data-arrows-style=style1] .slick-prev:after {
    content: "\f060"
}

.tmkit-slickslider-container[data-arrows-style=style1] .slick-next:after {
    content: "\f061"
}

.tmkit-slickslider-container[data-arrows-style=style2] .slick-prev:after {
    content: "\f177"
}

.tmkit-slickslider-container[data-arrows-style=style2] .slick-next:after {
    content: "\f178"
}

.tmkit-slickslider-container[data-arrows-style=style3] .slick-prev:after {
    content: "\e5c4"
}

.tmkit-slickslider-container[data-arrows-style=style3] .slick-next:after {
    content: "\e5c8"
}

.tmkit-slickslider-container[data-arrows-style=style4] .slick-prev:after {
    content: "\e314"
}

.tmkit-slickslider-container[data-arrows-style=style4] .slick-next:after {
    content: "\e315"
}

.tmkit-slickslider-container[data-arrows-style=style5] .slick-prev:after {
    content: "\ea5c"
}

.tmkit-slickslider-container[data-arrows-style=style5] .slick-next:after {
    content: "\ea58"
}

.tmkit-slickslider-container[data-arrows-style=style6] .slick-prev:after {
    content: "\ea64"
}

.tmkit-slickslider-container[data-arrows-style=style6] .slick-next:after {
    content: "\ea60"
}

.tmkit-countdown-container {
    width: 100%;
    float: left
}

.tmkit-countdown-container[data-align=left] .tmkit-countdown-elem {
    float: left;
    margin-right: var(--elems-distance)
}

.tmkit-countdown-container[data-align=right] .tmkit-countdown-elem {
    float: right;
    margin-left: var(--elems-distance)
}

.tmkit-countdown-container[data-align=center] .tmkit-countdown-elem {
    margin: 0 var(--elems-distance)
}

.tmkit-countdown-elem {
    display: inline-block;
    text-align: center
}

.tmkit-countdown-container[data-layout=style1] .tmkit-countdown-digit,.tmkit-countdown-container[data-layout=style1] .tmkit-countdown-unit,.tmkit-countdown-container[data-layout=style2] .tmkit-countdown-digit,.tmkit-countdown-container[data-layout=style2] .tmkit-countdown-unit {
    width: 100%;
    display: inline-block
}

.tmkit-countdown-container[data-layout=style3] .tmkit-countdown-digit,.tmkit-countdown-container[data-layout=style3] .tmkit-countdown-unit {
    width: auto;
    display: inline-block
}

.tmkit-animatedheading-ctn[data-style=normal] .tmkit-animatedheading-titleoverlay {
    display: none;
    opacity: 0;
    visibility: hidden
}

.tmkit-animatedheading-ctn {
    width: 100%;
    float: left
}

.tmkit-animatedheading-ctn[data-align=center] {
    text-align: center
}

.tmkit-animatedheading-ctn[data-align=left] {
    text-align: left
}

.tmkit-animatedheading-ctn[data-align=right] {
    text-align: right
}

.tmkit-animatedheading-insider {
    position: relative;
    display: inline-block;
    overflow: hidden;
    float: left
}

.tmkit-animatedheading-ctn[data-align=center] .tmkit-animatedheading-insider {
    float: left;
    left: 50%;
    -webki-transform: translateX(-50%);
    transform: translateX(-50%)
}

.tmkit-animatedheading-ctn[data-align=left] .tmkit-animatedheading-insider {
    float: left
}

.tmkit-animatedheading-ctn[data-align=right] .tmkit-animatedheading-insider {
    float: right
}

.tmkit-animatedheading-titlectn {
    display: block;
    overflow: hidden;
    position: relative
}

.tmkit-animatedheading-titletext {
    position: relative
}

.tmkit-animatedheading-titleoverlay {
    position: absolute
}

.tmkit-animatedheading-ctn[data-style=normal] .tmkit-animatedheading-titletext {
    z-index: 2
}

.tmkit-animatedheading-ctn[data-style=normal][data-direction=left] .tmkit-animatedheading-titlectn,.tmkit-animatedheading-ctn[data-style=normal][data-direction=right] .tmkit-animatedheading-elem {
    -webkit-transform: translateX(-101%);
    transform: translateX(-101%);
    -webkit-transition: -webkit-transform 1s cubic-bezier(.5,0,.7,.3);
    transition: transform 1s cubic-bezier(.5,0,.7,.3)
}

.tmkit-animatedheading-ctn[data-style=normal][data-direction=left] .tmkit-animatedheading-elem,.tmkit-animatedheading-ctn[data-style=normal][data-direction=right] .tmkit-animatedheading-titlectn {
    -webkit-transform: translateX(101%);
    transform: translateX(101%);
    -webkit-transition: -webkit-transform 1s cubic-bezier(.5,0,.7,.3);
    transition: transform 1s cubic-bezier(.5,0,.7,.3)
}

.tmkit-animatedheading-ctn[data-style=normal][data-direction=top] .tmkit-animatedheading-titlectn,.tmkit-animatedheading-ctn[data-style=normal][data-direction=bottom] .tmkit-animatedheading-elem {
    -webkit-transform: translateY(-101%);
    transform: translateY(-101%);
    -webkit-transition: -webkit-transform 1s cubic-bezier(.5,0,.7,.3);
    transition: transform 1s cubic-bezier(.5,0,.7,.3)
}

.tmkit-animatedheading-ctn[data-style=normal][data-direction=top] .tmkit-animatedheading-elem,.tmkit-animatedheading-ctn[data-style=normal][data-direction=bottom] .tmkit-animatedheading-titlectn {
    -webkit-transform: translateY(101%);
    transform: translateY(101%);
    -webkit-transition: -webkit-transform 1s cubic-bezier(.5,0,.7,.3);
    transition: transform 1s cubic-bezier(.5,0,.7,.3)
}

.tmkit-animatedheading-ctn[data-style=normal][data-situation=shown] .tmkit-animatedheading-animated {
    -webkit-transform: translate(0,0);
    transform: translate(0,0)
}

.tmkit-animatedheading-ctn[data-style=reveal] .tmkit-animatedheading-titletext {
    opacity: 0;
    -webkit-transition: all .1s ease-in .7s;
    transition: all .1s ease-in .7s
}

.tmkit-animatedheading-ctn[data-style=reveal][data-situation=shown] .tmkit-animatedheading-titletext {
    opacity: 1
}

.tmkit-animatedheading-ctn[data-style=reveal] .tmkit-animatedheading-titlectn {
    background: 0 0!important
}

.tmkit-animatedheading-ctn .tmkit-animatedheading-titleoverlay {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 3
}

.tmkit-animatedheading-ctn[data-style=reveal][data-direction=left] .tmkit-animatedheading-titleoverlay {
    -webkit-transform: translateX(-101%);
    transform: translateX(-101%)
}

.tmkit-animatedheading-ctn[data-style=reveal][data-direction=left][data-situation=shown] .tmkit-animatedheading-titleoverlay {
    -webkit-animation: animatedheading_left .9s cubic-bezier(.5,0,.7,.3) forwards;
    animation: animatedheading_left .9s cubic-bezier(.5,0,.7,.3) forwards
}

@-webkit-keyframes animatedheading_left {
    0% {
        -webkit-transform: translateX(-101%);
        transform: translateX(-101%)
    }

    100% {
        -webkit-transform: translateX(101%);
        transform: translateX(101%)
    }
}

@keyframes animatedheading_left {
    0% {
        -webkit-transform: translateX(-101%);
        transform: translateX(-101%)
    }

    100% {
        -webkit-transform: translateX(101%);
        transform: translateX(101%)
    }
}

.tmkit-animatedheading-ctn[data-style=reveal][data-direction=right] .tmkit-animatedheading-titleoverlay {
    -webkit-transform: translateX(101%);
    transform: translateX(101%)
}

.tmkit-animatedheading-ctn[data-style=reveal][data-direction=right][data-situation=shown] .tmkit-animatedheading-titleoverlay {
    -webkit-animation: animatedheading_right .9s cubic-bezier(.5,0,.7,.3) forwards;
    animation: animatedheading_right .9s cubic-bezier(.5,0,.7,.3) forwards
}

@-webkit-keyframes animatedheading_right {
    0% {
        -webkir-transform: translateX(101%);
        transform: translateX(101%)
    }

    100% {
        -webkit-transform: translateX(-101%);
        transform: translateX(-101%)
    }
}

@keyframes animatedheading_right {
    0% {
        -webkir-transform: translateX(101%);
        transform: translateX(101%)
    }

    100% {
        -webkit-transform: translateX(-101%);
        transform: translateX(-101%)
    }
}

.tmkit-animatedheading-ctn[data-style=reveal][data-direction=top] .tmkit-animatedheading-titleoverlay {
    -webkit-transform: translateY(-101%);
    transform: translateY(-101%)
}

.tmkit-animatedheading-ctn[data-style=reveal][data-direction=top][data-situation=shown] .tmkit-animatedheading-titleoverlay {
    -webkit-animation: animatedheading_top .9s cubic-bezier(.5,0,.7,.3) forwards;
    animation: animatedheading_top .9s cubic-bezier(.5,0,.7,.3) forwards
}

@-webkit-keyframes animatedheading_top {
    0% {
        -webkit-transform: translateY(-101%);
        transform: translateY(-101%)
    }

    100% {
        transform: translateY(101%)
    }
}

@keyframes animatedheading_top {
    0% {
        -webkit-transform: translateY(-101%);
        transform: translateY(-101%)
    }

    100% {
        transform: translateY(101%)
    }
}

.tmkit-animatedheading-ctn[data-style=reveal][data-direction=bottom] .tmkit-animatedheading-titleoverlay {
    -webkit-transform: translateY(101%);
    transform: translateY(101%)
}

.tmkit-animatedheading-ctn[data-style=reveal][data-direction=bottom][data-situation=shown] .tmkit-animatedheading-titleoverlay {
    -webkit-animation: animatedheading_bottom .9s cubic-bezier(.5,0,.7,.3) forwards;
    animation: animatedheading_bottom .9s cubic-bezier(.5,0,.7,.3) forwards
}

@-webkit-keyframes animatedheading_bottom {
    0% {
        -webkir-transform: translateY(101%);
        transform: translateY(101%)
    }

    100% {
        -webkit-transform: translateY(-101%);
        transform: translateY(-101%)
    }
}

@keyframes animatedheading_bottom {
    0% {
        -webkir-transform: translateY(101%);
        transform: translateY(101%)
    }

    100% {
        -webkit-transform: translateY(-101%);
        transform: translateY(-101%)
    }
}

[data-tilt] {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    will-change: transform
}

[data-tilt] .tmkit-tilt-elem {
    -webkit-transform: translateZ(1px);
    transform: translateZ(1px)
}

.tmkit-tilt-elem {
    -webkit-transform: translateZ(30px)!important;
    transform: translateZ(30px)!important
}

.tmkit-full-section {
    width: 100%;
    float: left;
    position: relative
}

.tmkit-bxsizing {
    box-sizing: border-box
}

.tmkit-fulllink {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%
}

.tmkit-pricing-list[data-align=left] .tmkit-pricing-img {
    float: left;
    margin-right: 20px
}

.tmkit-pricing-list[data-align=right] .tmkit-pricing-img {
    float: right;
    margin-left: 20px
}

.tmkit-pricing-bottom,.tmkit-pricing-top {
    position: relative;
    overflow: hidden;
    float: left;
    width: 100%
}

.tmkit-pricing-bottom {
    margin-top: 4px;
    line-height: 1em!important
}

.tmkit-pricing-top {
    margin-bottom: 2px;
    display: flex
}

.tmkit-pricing-title {
    padding-top: 5px;
    float: left
}

.tmkit-pricing-title span {
    float: left
}

.tmkit-pricing-price {
    float: right
}

.tmkit-pricing-line {
    position: relative;
    border-bottom: 1px dotted transparent;
    float: left;
    bottom: 6px;
    -webkit-flex-grow: 100;
    flex-grow: 100;
    box-sizing: border-box;
    margin: 0 4px
}

.tmkit-pricing-content {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tmkit-pricing-ribbon {
    display: inline-block;
    width: auto;
    padding: 5px 10px;
    line-height: 1em;
    float: left;
    margin-top: -2px
}

.tmkit-pricing-ribbon[data-rbn-position=left] {
    margin-right: 5px
}

.tmkit-pricing-ribbon[data-rbn-position=right] {
    margin-left: 5px;
    margin-right: 5px
}

.km_cf7-input-container input[type=email],.km_cf7-input-container input[type=text],.km_cf7-input-container textarea {
    border: 0!important;
    box-shadow: none!important;
    resize: none!important;
    background: 0 0
}

.kameleon-cf7-container {
    width: 100%;
    float: left;
    height: auto;
    position: relative;
    --kmcf7-btn-fontsize: 16px;
    --kmcf7-btn-align: center;
    --kmcf7-btn-width: 50%;
    --kmcf7-btn-letterspacing: 1px;
    --kmcf7-btn-height: 45px;
    --kmcf7-btn-mgtop: 15px;
    --kmcf7-btn-mgbottom: 15px;
    --kmcf7-btn-color: #ccc;
    --kmcf7-btn-color-hover: #fff;
    --kmcf7-btn-bg-color: #111;
    --kmcf7-btn-bg-color-hover: #269AD6;
    --kmcf7-btn-border-radius: 0;
    --kmcf7-btn-border-width: 0;
    --kmcf7-btn-border-color: #1a1a1a;
    --kmcf7-btn-border-color-hover: #2492CA
}

.km_cf7-input,.km_cf7-label {
    float: right;
    box-sizing: border-box
}

.km_cf7-input-container {
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%
}

.km_cf7-input {
    position: relative;
    display: block;
    padding: .8em;
    width: 100%;
    border: none;
    border-radius: 0;
    background: 0 0;
    color: #aaa;
    -webkit-appearance: none
}

.km_cf7-label {
    display: inline-block;
    padding: 0 1em;
    width: 40%;
    color: #6a7989;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: capitalize;
    z-index: 99999999
}

.km_cf7_label-content {
    position: relative;
    display: block;
    width: 100%
}

.kameleon-cf7-container .km_cf7-button:focus {
    outline: 0;
    border: none
}

.kameleon-cf7-container .km_cf7-button {
    background: 0 0;
    border: none;
    outline: 0;
    z-index: 9999999999;
    opacity: 0;
    font-size: inherit;
    color: inherit;
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 100%;
    left: 0;
    top: -2px;
    letter-spacing: inherit
}

.kameleon-cf7-container .km_cf7-submit-container {
    text-align: var(--kmcf7-btn-align);
    margin-top: var(--kmcf7-btn-mgtop);
    margin-bottom: var(--kmcf7-btn-mgbottom);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.kameleon-cf7-container .km_cf7-submit-insider {
    width: var(--kmcf7-btn-width);
    height: var(--kmcf7-btn-height);
    line-height: calc(var(--kmcf7-btn-height) - 2px);
    font-size: var(--kmcf7-btn-fontsize);
    letter-spacing: var(--kmcf7-btn-letterspacing);
    cursor: pointer;
    position: relative;
    display: inline-block;
    text-align: center;
    border-radius: var(--kmcf7-btn-border-radius);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    box-sizing: border-box;
    color: transparent!important
}

.kameleon-cf7-container[data-button-style=fillbottom] .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=fillleft] .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=fillright] .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=filltop] .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=pushbottom] .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=pushleft] .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=pushright] .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=pushtop] .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=qaswara] .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=rotatebottom] .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=rotateleft] .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=rotateright] .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=rotatetop] .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=scaledown] .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=scaleup] .km_cf7-btn-bg-h,.km_cf7-submit-btn-txt {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

.km_cf7-submit-btn-txt {
    position: absolute;
    z-index: 99999;
    float: left;
    line-height: inherit
}

.kameleon-cf7-container .km_cf7-submit-insider:hover {
    border-color: var(--kmcf7-btn-border-color-hover)
}

.kameleon-cf7-container .km_cf7-btn-txt-r {
    color: var(--kmcf7-btn-color)
}

.kameleon-cf7-container .km_cf7-btn-txt-h {
    color: var(--kmcf7-btn-color-hover)
}

.kameleon-cf7-container .km_cf7-btn-bg-r {
    background: var(--kmcf7-btn-bg-color);
    border: var(--kmcf7-btn-border-width) solid var(--kmcf7-btn-border-color);
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    border-radius: inherit
}

.km_cf7-btn-bg-h,.km_cf7-btn-bg-r {
    box-sizing: border-box;
    position: absolute;
    z-index: 1
}

.kameleon-cf7-container .km_cf7-btn-bg-h {
    background: var(--kmcf7-btn-bg-color-hover);
    border-radius: inherit;
    border: var(--kmcf7-btn-border-width) solid var(--kmcf7-btn-border-color-hover)
}

.kameleon-cf7-container .km_cf7-btn-bg-h,.kameleon-cf7-container .km_cf7-btn-bg-r,.kameleon-cf7-container .km_cf7-btn-txt-h,.kameleon-cf7-container .km_cf7-btn-txt-r {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.kameleon-cf7-container[data-button-style=fillbottom] .km_cf7-submit-insider,.kameleon-cf7-container[data-button-style=fillleft] .km_cf7-submit-insider,.kameleon-cf7-container[data-button-style=fillright] .km_cf7-submit-insider,.kameleon-cf7-container[data-button-style=filltop] .km_cf7-submit-insider,.kameleon-cf7-container[data-button-style=pushbottom] .km_cf7-submit-insider,.kameleon-cf7-container[data-button-style=pushleft] .km_cf7-submit-insider,.kameleon-cf7-container[data-button-style=pushright] .km_cf7-submit-insider,.kameleon-cf7-container[data-button-style=pushtop] .km_cf7-submit-insider {
    overflow: hidden
}

.kameleon-cf7-container[data-button-style=fillbottom] .km_cf7-submit-insider .km_cf7-btn-txt-h,.kameleon-cf7-container[data-button-style=fillbottom] .km_cf7-submit-insider:hover .km_cf7-btn-txt-r,.kameleon-cf7-container[data-button-style=fillleft] .km_cf7-submit-insider .km_cf7-btn-txt-h,.kameleon-cf7-container[data-button-style=fillleft] .km_cf7-submit-insider:hover .km_cf7-btn-txt-r,.kameleon-cf7-container[data-button-style=fillright] .km_cf7-submit-insider .km_cf7-btn-txt-h,.kameleon-cf7-container[data-button-style=fillright] .km_cf7-submit-insider:hover .km_cf7-btn-txt-r,.kameleon-cf7-container[data-button-style=filltop] .km_cf7-submit-insider .km_cf7-btn-txt-h,.kameleon-cf7-container[data-button-style=filltop] .km_cf7-submit-insider:hover .km_cf7-btn-txt-r,.kameleon-cf7-container[data-button-style=qaswara] .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=qaswara] .km_cf7-btn-txt-h,.kameleon-cf7-container[data-button-style=qaswara] .km_cf7-submit-insider:hover .km_cf7-btn-txt-r,.kameleon-cf7-container[data-button-style=scaledown] .km_cf7-submit-insider:hover .km_cf7-btn-txt-r,.kameleon-cf7-container[data-button-style=scaleup] .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=scaleup] .km_cf7-btn-txt-h {
    opacity: 0
}

.kameleon-cf7-container[data-button-style=fillbottom] .km_cf7-submit-insider:hover .km_cf7-btn-txt-h,.kameleon-cf7-container[data-button-style=fillleft] .km_cf7-submit-insider:hover .km_cf7-btn-txt-h,.kameleon-cf7-container[data-button-style=fillright] .km_cf7-submit-insider:hover .km_cf7-btn-txt-h,.kameleon-cf7-container[data-button-style=filltop] .km_cf7-submit-insider:hover .km_cf7-btn-txt-h,.kameleon-cf7-container[data-button-style=qaswara] .km_cf7-submit-insider:hover .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=qaswara] .km_cf7-submit-insider:hover .km_cf7-btn-txt-h,.kameleon-cf7-container[data-button-style=scaleup] .km_cf7-submit-insider:hover .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=scaleup] .km_cf7-submit-insider:hover .km_cf7-btn-txt-h {
    opacity: 1
}

.kameleon-cf7-container[data-button-style=fillright] .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=pushleft] .km_cf7-submit-insider:hover .km_cf7-btn-bg-r,.kameleon-cf7-container[data-button-style=pushleft] .km_cf7-submit-insider:hover .km_cf7-btn-txt-r,.kameleon-cf7-container[data-button-style=pushright] .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=pushright] .km_cf7-btn-txt-h {
    left: -100%
}

.kameleon-cf7-container[data-button-style=fillleft] .km_cf7-submit-insider:hover .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=fillright] .km_cf7-submit-insider:hover .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=pushleft] .km_cf7-submit-insider:hover .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=pushleft] .km_cf7-submit-insider:hover .km_cf7-btn-txt-h,.kameleon-cf7-container[data-button-style=pushright] .km_cf7-submit-insider:hover .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=pushright] .km_cf7-submit-insider:hover .km_cf7-btn-txt-h {
    left: 0
}

.kameleon-cf7-container[data-button-style=fillleft] .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=pushleft] .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=pushleft] .km_cf7-btn-txt-h,.kameleon-cf7-container[data-button-style=pushright] .km_cf7-submit-insider:hover .km_cf7-btn-bg-r,.kameleon-cf7-container[data-button-style=pushright] .km_cf7-submit-insider:hover .km_cf7-btn-txt-r {
    left: 100%
}

.kameleon-cf7-container[data-button-style=filltop] .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=pushbottom] .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=pushbottom] .km_cf7-btn-txt-h,.kameleon-cf7-container[data-button-style=pushtop] .km_cf7-submit-insider:hover .km_cf7-btn-bg-r,.kameleon-cf7-container[data-button-style=pushtop] .km_cf7-submit-insider:hover .km_cf7-btn-txt-r {
    top: -100%
}

.kameleon-cf7-container[data-button-style=fillbottom] .km_cf7-submit-insider:hover .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=filltop] .km_cf7-submit-insider:hover .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=pushbottom] .km_cf7-submit-insider:hover .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=pushbottom] .km_cf7-submit-insider:hover .km_cf7-btn-txt-h,.kameleon-cf7-container[data-button-style=pushtop] .km_cf7-submit-insider:hover .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=pushtop] .km_cf7-submit-insider:hover .km_cf7-btn-txt-h {
    top: 0
}

.kameleon-cf7-container[data-button-style=fillbottom] .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=pushbottom] .km_cf7-submit-insider:hover .km_cf7-btn-bg-r,.kameleon-cf7-container[data-button-style=pushbottom] .km_cf7-submit-insider:hover .km_cf7-btn-txt-r,.kameleon-cf7-container[data-button-style=pushtop] .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=pushtop] .km_cf7-btn-txt-h {
    top: 100%
}

.kameleon-cf7-container[data-button-style=scaledown] .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=scaledown] .km_cf7-btn-txt-h,.kameleon-cf7-container[data-button-style=scaleup] .km_cf7-submit-insider:hover .km_cf7-btn-bg-r,.kameleon-cf7-container[data-button-style=scaleup] .km_cf7-submit-insider:hover .km_cf7-btn-txt-r {
    opacity: 0;
    -webkit-transform: scale(1.9);
    transform: scale(1.9)
}

.kameleon-cf7-container[data-button-style=scaledown] .km_cf7-submit-insider:hover .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=scaledown] .km_cf7-submit-insider:hover .km_cf7-btn-txt-h {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.kameleon-cf7-container[data-button-style=rotatebottom] .km_cf7-submit-insider,.kameleon-cf7-container[data-button-style=rotateleft] .km_cf7-submit-insider,.kameleon-cf7-container[data-button-style=rotateright] .km_cf7-submit-insider {
    transform-style: preserve-3d
}

.kameleon-cf7-container[data-button-style=rotatebottom] .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=rotatebottom] .km_cf7-btn-bg-r,.kameleon-cf7-container[data-button-style=rotatebottom] .km_cf7-btn-txt-h,.kameleon-cf7-container[data-button-style=rotatebottom] .km_cf7-btn-txt-r,.kameleon-cf7-container[data-button-style=rotateleft] .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=rotateleft] .km_cf7-btn-bg-r,.kameleon-cf7-container[data-button-style=rotateleft] .km_cf7-btn-txt-h,.kameleon-cf7-container[data-button-style=rotateleft] .km_cf7-btn-txt-r,.kameleon-cf7-container[data-button-style=rotateright] .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=rotateright] .km_cf7-btn-bg-r,.kameleon-cf7-container[data-button-style=rotateright] .km_cf7-btn-txt-h,.kameleon-cf7-container[data-button-style=rotateright] .km_cf7-btn-txt-r,.kameleon-cf7-container[data-button-style=rotatetop] .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=rotatetop] .km_cf7-btn-bg-r,.kameleon-cf7-container[data-button-style=rotatetop] .km_cf7-btn-txt-h,.kameleon-cf7-container[data-button-style=rotatetop] .km_cf7-btn-txt-r {
    backface-visibility: hidden;
    transform-origin: 50% 50%
}

.kameleon-cf7-container[data-button-style=rotateleft] .km_cf7-btn-bg-r,.kameleon-cf7-container[data-button-style=rotateleft] .km_cf7-btn-txt-r,.kameleon-cf7-container[data-button-style=rotateleft] .km_cf7-submit-insider:hover .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=rotateleft] .km_cf7-submit-insider:hover .km_cf7-btn-txt-h,.kameleon-cf7-container[data-button-style=rotateright] .km_cf7-btn-bg-r,.kameleon-cf7-container[data-button-style=rotateright] .km_cf7-btn-txt-r,.kameleon-cf7-container[data-button-style=rotateright] .km_cf7-submit-insider:hover .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=rotateright] .km_cf7-submit-insider:hover .km_cf7-btn-txt-h {
    transform: rotateY(0);
    left: 0
}

.kameleon-cf7-container[data-button-style=rotateleft] .km_cf7-submit-insider:hover .km_cf7-btn-bg-r,.kameleon-cf7-container[data-button-style=rotateleft] .km_cf7-submit-insider:hover .km_cf7-btn-txt-r,.kameleon-cf7-container[data-button-style=rotateright] .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=rotateright] .km_cf7-btn-txt-h {
    transform: rotateY(-90deg);
    left: -50%
}

.kameleon-cf7-container[data-button-style=rotateleft] .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=rotateleft] .km_cf7-btn-txt-h,.kameleon-cf7-container[data-button-style=rotateright] .km_cf7-submit-insider:hover .km_cf7-btn-bg-r,.kameleon-cf7-container[data-button-style=rotateright] .km_cf7-submit-insider:hover .km_cf7-btn-txt-r {
    transform: rotateY(90deg);
    left: 50%
}

.kameleon-cf7-container[data-button-style=rotatebottom] .km_cf7-btn-bg-r,.kameleon-cf7-container[data-button-style=rotatebottom] .km_cf7-btn-txt-r,.kameleon-cf7-container[data-button-style=rotatebottom] .km_cf7-submit-insider:hover .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=rotatebottom] .km_cf7-submit-insider:hover .km_cf7-btn-txt-h,.kameleon-cf7-container[data-button-style=rotatetop] .km_cf7-btn-bg-r,.kameleon-cf7-container[data-button-style=rotatetop] .km_cf7-btn-txt-r,.kameleon-cf7-container[data-button-style=rotatetop] .km_cf7-submit-insider:hover .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=rotatetop] .km_cf7-submit-insider:hover .km_cf7-btn-txt-h {
    transform: rotateX(0);
    top: 0
}

.kameleon-cf7-container[data-button-style=rotatebottom] .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=rotatebottom] .km_cf7-btn-txt-h,.kameleon-cf7-container[data-button-style=rotatetop] .km_cf7-submit-insider:hover .km_cf7-btn-bg-r,.kameleon-cf7-container[data-button-style=rotatetop] .km_cf7-submit-insider:hover .km_cf7-btn-txt-r {
    transform: rotateX(-90deg);
    top: -50%
}

.kameleon-cf7-container[data-button-style=rotatebottom] .km_cf7-submit-insider:hover .km_cf7-btn-bg-r,.kameleon-cf7-container[data-button-style=rotatebottom] .km_cf7-submit-insider:hover .km_cf7-btn-txt-r,.kameleon-cf7-container[data-button-style=rotatetop] .km_cf7-btn-bg-h,.kameleon-cf7-container[data-button-style=rotatetop] .km_cf7-btn-txt-h {
    transform: rotateX(90deg);
    top: 50%
}

.kameleon-cf7-container[data-style=qaswara] {
    --qaswara-input-height: 50px;
    --qaswara-input-margin-top: 15px;
    --qaswara-input-margin-bottom: 15px;
    --qaswara-input-font-size: 15px;
    --qaswara-input-color: #888;
    --qaswara-color: #bbb;
    --qaswara-font-size: 15px;
    --qaswara-border-width: 1px;
    --qaswara-border-color: #eee;
    --qaswara-border-active-color: #269AD6;
    --qaswara-textarea-height: 250px
}

.kameleon-cf7-container[data-style=qaswara] .km_cf7-input-container {
    margin-top: var(--qaswara-input-margin-top);
    margin-bottom: var(--qaswara-input-margin-bottom);
    position: relative
}

.kameleon-cf7-container[data-style=qaswara] .km_cf7-input {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    float: left;
    height: var(--qaswara-input-height);
    line-height: var(--qaswara-input-height);
    color: var(--qaswara-input-color);
    font-size: var(--qaswara-input-font-size);
    border: var(--qaswara-border-width) solid var(--qaswara-border-color)!important
}

.kameleon-cf7-container[data-style=qaswara] .km_cf7-label {
    width: 100%;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    height: var(--qaswara-input-height);
    line-height: var(--qaswara-input-height);
    color: var(--qaswara-color);
    font-size: var(--qaswara-font-size);
    z-index: 999;
    cursor: text
}

.kameleon-cf7-container[data-style=qaswara] .km_cf7_label-content {
    width: 100%;
    float: left;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0 10px;
    box-sizing: border-box
}

.kameleon-cf7-container[data-style=qaswara] .km_cf7-label:after,.kameleon-cf7-container[data-style=qaswara] .km_cf7-label:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: var(--qaswara-border-width);
    height: 0;
    background: var(--qaswara-border-active-color);
    transition: all .4s ease-in-out
}

.kameleon-cf7-container[data-style=qaswara] .km_cf7-label:before {
    left: unset;
    bottom: unset;
    top: 0;
    right: 0
}

.kameleon-cf7-container[data-style=qaswara] .km_cf7_label-content:after,.kameleon-cf7-container[data-style=qaswara] .km_cf7_label-content:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: var(--qaswara-border-width);
    background: var(--qaswara-border-active-color);
    transition: all .3s ease-in-out
}

.kameleon-cf7-container[data-style=qaswara] .km_cf7_label-content:after {
    left: unset;
    top: unset;
    bottom: 0;
    right: 0
}

.kameleon-cf7-container[data-style=qaswara] .km_cf7-textarea,.kameleon-cf7-container[data-style=qaswara] .km_cf7-textarea-container,.kameleon-cf7-container[data-style=qaswara] .km_cf7-textarea-container .km_cf7-label {
    height: var(--qaswara-textarea-height)!important
}

.kameleon-cf7-container[data-style=qaswara] .km_cf7-input-container.filled .km_cf7-input,.kameleon-cf7-container[data-style=qaswara] .km_cf7-input:focus {
    border: 0!important
}

.kameleon-cf7-container[data-style=qaswara] .km_cf7-input-container.filled .km_cf7-label:after,.kameleon-cf7-container[data-style=qaswara] .km_cf7-input-container.filled .km_cf7-label:before,.kameleon-cf7-container[data-style=qaswara] .km_cf7-input:focus+.km_cf7-label:after,.kameleon-cf7-container[data-style=qaswara] .km_cf7-input:focus+.km_cf7-label:before {
    height: 100%
}

.kameleon-cf7-container[data-style=qaswara] .km_cf7-input-container.filled .km_cf7_label-content:after,.kameleon-cf7-container[data-style=qaswara] .km_cf7-input-container.filled .km_cf7_label-content:before,.kameleon-cf7-container[data-style=qaswara] .km_cf7-input:focus+.km_cf7_label-content:after,.kameleon-cf7-container[data-style=qaswara] .km_cf7-input:focus+.km_cf7_label-content:before {
    width: 100%
}

.kameleon-cf7-container[data-style=qaswara] .km_cf7-input-container.filled .km_cf7_label-content,.kameleon-cf7-container[data-style=qaswara] .km_cf7-input:focus+.km_cf7_label-content {
    color: transparent
}

.kameleon-cf7-container svg:not(:root) {
    overflow: hidden
}

.kameleon-cf7-container .graphic {
    position: absolute;
    top: 0;
    left: 0;
    fill: none
}

.kameleon-cf7-container[data-style=haruki] {
    --haruki-font-size: 15px;
    --haruki-input-font-size: 15px;
    --haruki-input-height: 45px;
    --haruki-textarea-height: 250px;
    --haruki-input-margin-top: 15px;
    --haruki-input-margin-bottom: 15px;
    --haruki-input-background: #fff;
    --haruki-color: #888;
    --haruki-input-color: #888;
    --haruki-active-color: #6a7989;
    --haruki-border-width: 1px;
    --haruki-border-color: #eee;
    --haruki-active-border-width: 3px;
    --haruki-active-border-color: #6a7989
}

.kameleon-cf7-container[data-style=haruki] .km_cf7-input-container {
    margin-top: var(--haruki-input-margin-top);
    margin-bottom: var(--haruki-input-margin-bottom);
    height: var(--haruki-input-height)
}

.kameleon-cf7-container[data-style=haruki] .km_cf7-input {
    padding: 0 20px;
    width: 100%;
    color: var(--haruki-input-color);
    background: var(--haruki-input-background);
    font-size: var(--haruki-input-font-size);
    line-height: var(--haruki-input-height);
    height: var(--haruki-input-height)
}

.kameleon-cf7-container[data-style=haruki] .km_cf7-label {
    position: absolute;
    width: 100%;
    text-align: left;
    pointer-events: none;
    height: var(--haruki-input-height);
    font-size: var(--haruki-font-size)
}

.kameleon-cf7-container[data-style=haruki] .km_cf7_label-content {
    -webkit-transition: all .3s;
    transition: all .3s;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: var(--haruki-font-size);
    color: var(--haruki-color)
}

.kameleon-cf7-container[data-style=haruki] .km_cf7-label::after,.kameleon-cf7-container[data-style=haruki] .km_cf7-label::before {
    content: '';
    position: absolute;
    left: 0;
    z-index: -1;
    width: 100%;
    height: var(--haruki-border-width);
    background: var(--haruki-border-color);
    -webkit-transition: all .3s;
    transition: all .3s
}

.kameleon-cf7-container[data-style=haruki] .km_cf7-input-container.filled .km_cf7-label::after,.kameleon-cf7-container[data-style=haruki] .km_cf7-input-container.filled .km_cf7-label::before {
    height: var(--haruki-active-border-width);
    background: var(--haruki-active-border-color)
}

.kameleon-cf7-container[data-style=haruki] .km_cf7-label:before {
    top: -4px
}

.kameleon-cf7-container[data-style=haruki] .km_cf7-label:after {
    bottom: -4px
}

.kameleon-cf7-container[data-style=haruki] .km_cf7-input-container.filled .km_cf7_label-content,.kameleon-cf7-container[data-style=haruki] .km_cf7-input:focus+.kameleon-cf7-container[data-style=haruki] .km_cf7-label .km_cf7_label-content {
    top: -30px;
    -webkit-transform: none;
    transform: none;
    color: var(--haruki-active-color)
}

.kameleon-cf7-container[data-style=haruki] .km_cf7-input-container.filled .km_cf7-label::before,.kameleon-cf7-container[data-style=haruki] .km_cf7-input:focus+.kameleon-cf7-container[data-style=haruki] .km_cf7-label::before {
    top: -7px
}

.kameleon-cf7-container[data-style=haruki] .km_cf7-input-container.filled .km_cf7-label::after,.kameleon-cf7-container[data-style=haruki] .km_cf7-input:focus+.kameleon-cf7-container[data-style=haruki] .km_cf7-label::after {
    bottom: -10px
}

.kameleon-cf7-container[data-style=haruki] .km_cf7-textarea,.kameleon-cf7-container[data-style=haruki] .km_cf7-textarea-container,.kameleon-cf7-container[data-style=haruki] .km_cf7-textarea-container .km_cf7-label {
    height: var(--haruki-textarea-height)
}

.kameleon-cf7-container[data-style=haruki] .km_cf7-textarea-container .km_cf7_label-content {
    top: 20px;
    -webkit-transform: none;
    transform: none
}

.kameleon-cf7-container[data-style=hoshi] {
    --hoshi-input-height: 50px;
    --hoshi-input-margin-top: 15px;
    --hoshi-input-margin-bottom: 15px;
    --hoshi-font-size: 15px;
    --hoshi-input-font-size: 15px;
    --hoshi-color: #888;
    --hoshi-input-color: #888;
    --hoshi-border-width: 1px;
    --hoshi-border-color: #B9C1CA;
    --hoshi-border-active-width: 4px;
    --hoshi-border-active-color: #6a7989;
    --hoshi-textarea-height: 250px
}

.kameleon-cf7-container[data-style=hoshi] .km_cf7-input-container {
    padding-top: var(--hoshi-input-margin-top);
    margin-bottom: var(--hoshi-input-margin-bottom)
}

.kameleon-cf7-container[data-style=hoshi] .km_cf7-input {
    width: 100%;
    font-size: var(--hoshi-input-font-size);
    color: var(--hoshi-input-color);
    height: var(--hoshi-input-height);
    background: 0 0
}

.kameleon-cf7-container[data-style=hoshi] .km_cf7-label {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: var(--hoshi-font-size);
    color: var(--hoshi-color);
    background: 0 0;
    padding: 0 .25em;
    width: 100%;
    text-align: left;
    pointer-events: none;
    height: var(--hoshi-input-height);
    line-height: var(--hoshi-input-height)
}

.kameleon-cf7-container[data-style=hoshi] .km_cf7_label-content {
    position: absolute;
    display: inline-block
}

.kameleon-cf7-container[data-style=hoshi] .km_cf7-label:after,.kameleon-cf7-container[data-style=hoshi] .km_cf7-label:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: var(--hoshi-border-color)
}

.kameleon-cf7-container[data-style=hoshi] .km_cf7-label:before {
    height: var(--hoshi-border-width)
}

.kameleon-cf7-container[data-style=hoshi] .km_cf7-label:after {
    background: var(--hoshi-border-active-color);
    height: var(--hoshi-border-active-width);
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 0
}

.kameleon-cf7-container[data-style=hoshi] .km_cf7-input-container.filled .km_cf7-label::after,.kameleon-cf7-container[data-style=hoshi] .km_cf7-input:focus+.kameleon-cf7-container[data-style=hoshi] .km_cf7-label::after {
    width: 100%
}

.kameleon-cf7-container[data-style=hoshi] .km_cf7-textarea,.kameleon-cf7-container[data-style=hoshi] .km_cf7-textarea-container,.kameleon-cf7-container[data-style=hoshi] .km_cf7-textarea-container .km_cf7-label {
    height: var(--hoshi-textarea-height)
}

.kameleon-cf7-container[data-style=hoshi] .km_cf7-textarea-container .km_cf7_label-content {
    -webkit-transform: none;
    transform: none
}

.kameleon-cf7-container[data-style=hoshi] .km_cf7-input-container.filled .km_cf7_label-content,.kameleon-cf7-container[data-style=hoshi] .km_cf7-input:focus+.kameleon-cf7-container[data-style=hoshi] .km_cf7-label .km_cf7_label-content {
    -webkit-animation: hoshi-animation .3s forwards;
    animation: hoshi-animation .3s forwards;
    z-index: 11111
}

@-webkit-keyframes hoshi-animation {
    50% {
        opacity: 0;
        -webkit-transform: translate3d(1em,0,0);
        transform: translate3d(1em,0,0)
    }

    51% {
        opacity: 0;
        -webkit-transform: translate3d(-1em,-45%,0);
        transform: translate3d(-1em,-45%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0,-45%,0);
        transform: translate3d(0,-45%,0)
    }
}

@keyframes hoshi-animation {
    50% {
        opacity: 0;
        -webkit-transform: translate3d(1em,0,0);
        transform: translate3d(1em,0,0)
    }

    51% {
        opacity: 0;
        -webkit-transform: translate3d(-1em,-45%,0);
        transform: translate3d(-1em,-45%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0,-45%,0);
        transform: translate3d(0,-45%,0)
    }
}

.kameleon-cf7-container[data-style=kuro] {
    --kuro-input-height: 50px;
    --kuro-input-margin-top: 10px;
    --kuro-input-margin-bottom: 25px;
    --kuro-font-size: 15px;
    --kuro-input-font-size: 15px;
    --kuro-color: #888;
    --kuro-input-color: #888;
    --kuro-border-width: 1px;
    --kuro-border-color: #B9C1CA;
    --kuro-border-active-color: #B9C1CA;
    --kuro-textarea-height: 250px
}

.kameleon-cf7-container[data-style=kuro] .km_cf7-input-container {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    margin-top: var(--kuro-input-margin-top);
    margin-bottom: var(--kuro-input-margin-bottom)
}

.kameleon-cf7-container[data-style=kuro] .km_cf7-input {
    width: 100%;
    height: var(--kuro-input-height);
    font-size: var(--kuro-input-font-size);
    background: 0 0;
    color: #9196A1;
    text-align: center;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    color: var(--kuro-input-color)
}

.kameleon-cf7-container[data-style=kuro] .km_cf7-label {
    position: absolute;
    left: 0;
    width: 100%;
    color: var(--kuro-color);
    pointer-events: none;
    text-align: center;
    height: var(--kuro-input-height);
    font-size: var(--kuro-font-size);
    line-height: var(--kuro-input-height)
}

.kameleon-cf7-container[data-style=kuro] .km_cf7-label:after,.kameleon-cf7-container[data-style=kuro] .km_cf7-label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    border: var(--kuro-border-width) solid var(--kuro-border-color);
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s
}

.kameleon-cf7-container[data-style=kuro] .km_cf7-label:before {
    border-right: none!important
}

.kameleon-cf7-container[data-style=kuro] .km_cf7-label:after {
    left: 50%;
    border-left: none!important
}

.kameleon-cf7-container[data-style=kuro] .km_cf7-input-container.filled,.kameleon-cf7-container[data-style=kuro] .km_cf7-input:focus {
    opacity: 1;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.kameleon-cf7-container[data-style=kuro] .km_cf7-input-container.filled .km_cf7-label:before,.kameleon-cf7-container[data-style=kuro] .km_cf7-input:focus+.kameleon-cf7-container[data-style=kuro] .km_cf7-label:before {
    -webkit-transform: translate3d(-10%,0,0);
    border-color: var(--kuro-border-active-color);
    transform: translate3d(-10%,0,0)
}

.kameleon-cf7-container[data-style=kuro] .km_cf7-input-container.filled .km_cf7-label:after,.kameleon-cf7-container[data-style=kuro] .km_cf7-input:focus+.kameleon-cf7-container[data-style=kuro] .km_cf7-label:after {
    -webkit-transform: translate3d(10%,0,0);
    border-color: var(--kuro-border-active-color);
    transform: translate3d(10%,0,0)
}

.kameleon-cf7-container[data-style=kuro] .km_cf7-input-container.filled .km_cf7_label-content,.kameleon-cf7-container[data-style=kuro] .km_cf7-input:focus+.kameleon-cf7-container[data-style=kuro] .km_cf7-label .km_cf7_label-content {
    -webkit-animation: kuro-animation .3s forwards;
    animation: kuro-animation .3s forwards
}

.kameleon-cf7-container[data-style=kuro] .km_cf7-textarea,.kameleon-cf7-container[data-style=kuro] .km_cf7-textarea-container,.kameleon-cf7-container[data-style=kuro] .km_cf7-textarea-container .km_cf7-label {
    height: var(--kuro-textarea-height)
}

@-webkit-keyframes kuro-animation {
    50% {
        opacity: 0;
        bottom: 0
    }

    51% {
        opacity: 0;
        bottom: -80%;
        -webkit-transform: scale3d(.3,.3,1);
        transform: scale3d(.3,.3,1)
    }

    100% {
        opacity: 1;
        bottom: -80%
    }
}

@keyframes kuro-animation {
    50% {
        opacity: 0;
        bottom: 0
    }

    51% {
        opacity: 0;
        bottom: -80%;
        -webkit-transform: scale3d(.3,.3,1);
        transform: scale3d(.3,.3,1)
    }

    100% {
        opacity: 1;
        bottom: -80%
    }
}

.kameleon-cf7-container[data-style=jiro] {
    --jiro-input-height: 50px;
    --jiro-input-margin-top: 10px;
    --jiro-input-margin-bottom: 25px;
    --jiro-font-size: 15px;
    --jiro-input-font-size: 15px;
    --jiro-color: #888;
    --jiro-input-color: #888;
    --jiro-border-width: 2px;
    --jiro-border-color: #6a7989;
    --jiro-bg-color: #6a7989;
    --jiro-textarea-height: 250px
}

.kameleon-cf7-container[data-style=jiro] .km_cf7-input-container {
    margin-top: var(--jiro-input-margin-top);
    margin-bottom: var(--jiro-input-margin-bottom)
}

.kameleon-cf7-container[data-style=jiro] .km_cf7-input {
    padding: .85em .5em;
    width: 100%;
    background: 0 0;
    line-height: var(--jiro-input-height);
    height: var(--jiro-input-height);
    color: var(--jiro-input-color);
    font-size: var(--jiro-input-font-size);
    opacity: 0;
    z-index: 9999999999999;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.kameleon-cf7-container[data-style=jiro] .km_cf7-label {
    position: absolute;
    left: 0;
    color: var(--jiro-color);
    font-size: var(--jiro-font-size);
    padding: 0;
    width: 100%;
    text-align: left;
    height: var(--jiro-input-height);
    line-height: var(--jiro-input-height);
    pointer-events: none
}

.kameleon-cf7-container[data-style=jiro] .km_cf7_label-content {
    -webkit-transition: -webkit-transform .3s .3s;
    transition: transform .3s .3s
}

.kameleon-cf7-container[data-style=jiro] .km_cf7-label:after,.kameleon-cf7-container[data-style=jiro] .km_cf7-label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s
}

.kameleon-cf7-container[data-style=jiro] .km_cf7-label:before {
    border-top: var(--jiro-border-width) solid var(--jiro-border-color);
    -webkit-transform: translate3d(0,100%,0) translate3d(0,-2px,0);
    transform: translate3d(0,100%,0) translate3d(0,-2px,0);
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.kameleon-cf7-container[data-style=jiro] .km_cf7-label:after {
    z-index: -1;
    background: var(--jiro-bg-color);
    -webkit-transform: scale3d(1,0,1);
    transform: scale3d(1,0,1);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0
}

.kameleon-cf7-container[data-style=jiro] .km_cf7-input-container.filled,.kameleon-cf7-container[data-style=jiro] .km_cf7-input:focus {
    opacity: 1;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.kameleon-cf7-container[data-style=jiro] .km_cf7-input-container.filled .km_cf7_label-content,.kameleon-cf7-container[data-style=jiro] .km_cf7-input:focus+.kameleon-cf7-container[data-style=jiro] .km_cf7-label .km_cf7_label-content {
    -webkit-transform: translate3d(0,-80%,0);
    transform: translate3d(0,-80%,0);
    -webkit-transition-timing-function: cubic-bezier(.2,1,.3,1);
    transition-timing-function: cubic-bezier(.2,1,.3,1)
}

.kameleon-cf7-container[data-style=jiro] .km_cf7-input-container.filled .km_cf7-label:before,.kameleon-cf7-container[data-style=jiro] .km_cf7-input:focus+.kameleon-cf7-container[data-style=jiro] .km_cf7-label:before {
    -webkit-transition-delay: 0;
    transition-delay: 0;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.kameleon-cf7-container[data-style=jiro] .km_cf7-input-container.filled .km_cf7-label:after,.kameleon-cf7-container[data-style=jiro] .km_cf7-input:focus+.kameleon-cf7-container[data-style=jiro] .km_cf7-label:after {
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    -webkit-transition-timing-function: cubic-bezier(.2,1,.3,1);
    transition-timing-function: cubic-bezier(.2,1,.3,1)
}

.kameleon-cf7-container[data-style=jiro] .km_cf7-textarea,.kameleon-cf7-container[data-style=jiro] .km_cf7-textarea-container,.kameleon-cf7-container[data-style=jiro] .km_cf7-textarea-container .km_cf7-label {
    height: var(--jiro-textarea-height)
}

.kameleon-cf7-container[data-style=minoru] {
    --minoru-input-height: 50px;
    --minoru-input-margin-top: 15px;
    --minoru-input-margin-bottom: 15px;
    --minoru-input-font-size: 15px;
    --minoru-input-bg-color: #fafafa;
    --minoru-font-size: 15px;
    --minoru-color: #888;
    --minoru-color-scheme: #eca29b;
    --minoru-textarea-height: 250px
}

.kameleon-cf7-container[data-style=minoru] .km_cf7-input-container {
    margin-top: var(--minoru-input-margin-top);
    margin-bottom: var(--minoru-input-margin-bottom)
}

.kameleon-cf7-container[data-style=minoru] .km_cf7-input {
    width: 100%;
    height: var(--minoru-input-height);
    line-height: var(--minoru-input-height);
    font-size: var(--minoru-input-font-size);
    background: var(--minoru-input-bg-color);
    box-shadow: 0 0 0 2px transparent;
    color: var(--minoru-color-scheme);
    -webkit-transition: box-shadow .3s;
    transition: box-shadow .3s
}

.kameleon-cf7-container[data-style=minoru] .km_cf7-label {
    padding: 0;
    font-size: var(--minoru-font-size);
    color: var(--minoru-color);
    width: 100%;
    text-align: left;
    margin-top: 5px
}

.kameleon-cf7-container[data-style=minoru] .km_cf7-label:after {
    content: '';
    position: absolute;
    top: 0;
    z-index: -1;
    width: 100%;
    height: var(--minoru-input-height);
    box-shadow: 0 0;
    color: var(--minoru-color-scheme)
}

.kameleon-cf7-container[data-style=minoru] .km_cf7-input:focus {
    box-shadow: 0 0 0 2px var(--minoru-color-scheme)!important
}

.kameleon-cf7-container[data-style=minoru] .km_cf7-input:focus+.kameleon-cf7-container[data-style=minoru] .km_cf7-label {
    pointer-events: none
}

.kameleon-cf7-container[data-style=minoru] .km_cf7-input:focus+.km_cf7-label:after {
    -webkit-animation: minoru-animation .3s forwards;
    animation: minoru-animation .3s forwards
}

.kameleon-cf7-container[data-style=minoru] .km_cf7-textarea,.kameleon-cf7-container[data-style=minoru] .km_cf7-textarea-container,.kameleon-cf7-container[data-style=minoru] .km_cf7-textarea-container .km_cf7-label:after {
    height: var(--minoru-textarea-height)
}

@-webkit-keyframes minoru-animation {
    to {
        box-shadow: 0 0 100px 50px;
        opacity: 0
    }
}

@keyframes minoru-animation {
    to {
        box-shadow: 0 0 100px 50px;
        opacity: 0
    }
}

.kameleon-cf7-container[data-style=yoko] {
    --yoko-input-height: 50px;
    --yoko-input-margin-top: 10px;
    --yoko-input-margin-bottom: 25px;
    --yoko-input-font-size: 15px;
    --yoko-input-color: #f5f5f5;
    --yoko-color-scheme: #b04b40;
    --yoko-border-width: 2px;
    --yoko-font-size: 15px;
    --yoko-textarea-height: 250px
}

.kameleon-cf7-container[data-style=yoko] .km_cf7-input-container {
    margin-top: var(--yoko-input-margin-top);
    margin-bottom: var(--yoko-input-margin-bottom)
}

.kameleon-cf7-container[data-style=yoko] .km_cf7-input {
    z-index: 99999999999999;
    height: var(--yoko-input-height);
    line-height: var(--yoko-input-height);
    font-size: var(--yoko-input-font-size);
    width: 100%;
    background: 0 0;
    color: var(--yoko-input-color);
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.kameleon-cf7-container[data-style=yoko] .km_cf7-label {
    position: relative;
    width: 100%;
    font-size: var(--yoko-font-size);
    color: var(--yoko-color-scheme);
    text-align: left;
    padding: 0
}

.kameleon-cf7-container[data-style=yoko] .km_cf7_label-content {
    margin-top: 12px;
    margin-left: 5px
}

.kameleon-cf7-container[data-style=yoko] .km_cf7-label:before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: var(--yoko-input-height);
    background: var(--yoko-color-scheme);
    -webkit-transform: perspective(1000px) rotate3d(1,0,0,90deg);
    transform: perspective(1000px) rotate3d(1,0,0,90deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s
}

.kameleon-cf7-container[data-style=yoko] .km_cf7-label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--yoko-border-width);
    background: var(--yoko-color-scheme);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s
}

.kameleon-cf7-container[data-style=yoko] .km_cf7-input-container.filled .km_cf7-input,.kameleon-cf7-container[data-style=yoko] .km_cf7-input:focus {
    opacity: 1;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.kameleon-cf7-container[data-style=yoko] .km_cf7-input-container.filled .km_cf7-label:before,.kameleon-cf7-container[data-style=yoko] .km_cf7-input:focus+.km_cf7-label:before {
    -webkit-transform: perspective(1000px) rotate3d(1,0,0,0deg);
    transform: perspective(1000px) rotate3d(1,0,0,0deg)
}

.kameleon-cf7-container[data-style=yoko] .km_cf7-input-container.filled .km_cf7-label,.kameleon-cf7-container[data-style=yoko] .km_cf7-input:focus+.km_cf7-label {
    pointer-events: none
}

.kameleon-cf7-container[data-style=yoko] .km_cf7-input-container.filled .km_cf7-label:after,.kameleon-cf7-container[data-style=yoko] .km_cf7-input:focus+.km_cf7-label:after {
    -webkit-transform: perspective(1000px) rotate3d(1,0,0,-90deg);
    transform: perspective(1000px) rotate3d(1,0,0,-90deg)
}

.kameleon-cf7-container[data-style=yoko] .km_cf7-textarea,.kameleon-cf7-container[data-style=yoko] .km_cf7-textarea-container,.kameleon-cf7-container[data-style=yoko] .km_cf7-textarea-container .km_cf7-label:before {
    height: var(--yoko-textarea-height)
}

.kameleon-cf7-container[data-style=akira] {
    --akira-input-height: 50px;
    --akira-input-margin-top: 10px;
    --akira-input-margin-bottom: 25px;
    --akira-input-font-size: 15px;
    --akira-input-color: #666;
    --akira-color: #888;
    --akira-input-bg: #fff;
    --akira-border-color: #aaa;
    --akira-border-width: 2px;
    --akira-border-active-width: 1px;
    --akira-font-size: 15px;
    --akira-textarea-height: 250px
}

.kameleon-cf7-container[data-style=akira] .km_cf7-input-container {
    margin-top: var(--akira-input-margin-top);
    margin-bottom: var(--akira-input-margin-bottom)
}

.kameleon-cf7-container[data-style=akira] .km_cf7-input {
    position: absolute;
    line-height: var(--akira-input-height);
    font-size: var(--akira-input-font-size);
    top: 0;
    color: var(--akira-input-color);
    left: 0;
    z-index: 99999999999999999;
    display: block;
    width: 100%;
    height: 100%;
    background: 0 0;
    text-align: center
}

.kameleon-cf7-container[data-style=akira] .km_cf7-label {
    padding: 0;
    height: var(--akira-input-height);
    width: 100%;
    background: var(--akira-input-bg);
    color: var(--akira-color);
    cursor: text;
    box-sizing: border-box;
    position: relative;
    text-align: center
}

.kameleon-cf7-container[data-style=akira] .km_cf7-label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: var(--akira-border-width) solid var(--akira-border-color);
    box-sizing: border-box;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.kameleon-cf7-container[data-style=akira] .km_cf7_label-content {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s;
    transition: all .3s
}

.kameleon-cf7-container[data-style=akira] .km_cf7-input-container.filled .km_cf7-label:before,.kameleon-cf7-container[data-style=akira] .km_cf7-input:focus+.km_cf7-label:before {
    border-width: var(--akira-border-active-width)
}

.kameleon-cf7-container[data-style=akira] .km_cf7-input-container.filled .km_cf7-label,.kameleon-cf7-container[data-style=akira] .km_cf7-input:focus+.km_cf7-label {
    cursor: default;
    pointer-events: none
}

.kameleon-cf7-container[data-style=akira] .km_cf7-input-container.filled .km_cf7_label-content,.kameleon-cf7-container[data-style=akira] .km_cf7-input:focus+.km_cf7_label-content {
    -webkit-transform: translateY(-30px);
    top: 0;
    transform: translateY(-30px)
}

.kameleon-cf7-container[data-style=akira] .km_cf7-textarea,.kameleon-cf7-container[data-style=akira] .km_cf7-textarea-container,.kameleon-cf7-container[data-style=akira] .km_cf7-textarea-container .km_cf7-label {
    height: var(--akira-textarea-height)
}

.kameleon-cf7-container[data-style=ichiro] {
    --ichiro-input-height: 50px;
    --ichiro-input-margin-top: 25px;
    --ichiro-input-margin-bottom: 25px;
    --ichiro-input-font-size: 15px;
    --ichiro-input-color: #7F8994;
    --ichiro-input-bg: #fff;
    --ichiro-element-bg: #f0f0f0;
    --ichiro-color: #888;
    --ichiro-font-size: 15px;
    --ichiro-textarea-height: 250px
}

.kameleon-cf7-container[data-style=ichiro] .km_cf7-input-container {
    margin-top: var(--ichiro-input-margin-top);
    margin-bottom: var(--ichiro-input-margin-bottom)
}

.kameleon-cf7-container[data-style=ichiro] .km_cf7-input {
    position: absolute;
    height: var(--ichiro-input-height)!important;
    line-height: var(--ichiro-input-height);
    font-size: var(--ichiro-input-font-size);
    top: -7px;
    left: 5px;
    z-index: 100;
    display: block;
    padding: 0 10px;
    box-sizing: border-box;
    width: calc(100% - 12px);
    background: var(--ichiro-input-bg);
    color: var(--ichiro-input-color);
    opacity: 0;
    -webkit-transform: scale3d(1,0,1);
    transform: scale3d(1,0,1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: opacity .3s,transform .3s;
    transition: opacity .3s,transform .3s
}

.kameleon-cf7-container[data-style=ichiro] .km_cf7-label {
    width: 100%;
    font-size: var(--ichiro-font-size);
    color: var(--ichiro-color);
    height: var(--ichiro-input-height)!important;
    line-height: var(--ichiro-input-height);
    text-align: left;
    cursor: text
}

.kameleon-cf7-container[data-style=ichiro] .km_cf7-label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--ichiro-element-bg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s
}

.kameleon-cf7-container[data-style=ichiro] .km_cf7_label-content {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s
}

.kameleon-cf7-container[data-style=ichiro] .km_cf7-input-container.filled .km_cf7-input,.kameleon-cf7-container[data-style=ichiro] .km_cf7-input:focus {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1)
}

.kameleon-cf7-container[data-style=ichiro] .km_cf7-input-container.filled .km_cf7-label,.kameleon-cf7-container[data-style=ichiro] .km_cf7-input:focus+.km_cf7-label {
    cursor: default;
    pointer-events: none
}

.kameleon-cf7-container[data-style=ichiro] .km_cf7-input-container.filled .km_cf7-label:before,.kameleon-cf7-container[data-style=ichiro] .km_cf7-input:focus+.km_cf7-label:before {
    -webkit-transform: scale3d(1,1.7,1);
    transform: scale3d(1,1.7,1)
}

.kameleon-cf7-container[data-style=ichiro] .km_cf7-input-container.filled .km_cf7_label-content,.kameleon-cf7-container[data-style=ichiro] .km_cf7-input:focus+.km_cf7-label .km_cf7_label-content {
    -webkit-transform: translate3d(0,-90%,0) scale3d(.9,.9,1) translateZ(1px);
    transform: translate3d(0,-90%,0) scale3d(.9,.9,1) translateZ(1px)
}

.kameleon-cf7-container[data-style=ichiro] .km_cf7-textarea,.kameleon-cf7-container[data-style=ichiro] .km_cf7-textarea-container,.kameleon-cf7-container[data-style=ichiro] .km_cf7-textarea-container .km_cf7-label {
    height: var(--ichiro-textarea-height)!important
}

.kameleon-cf7-container[data-style=ichiro] .km_cf7-textarea-container.filled .km_cf7-label:before,.kameleon-cf7-container[data-style=ichiro] .km_cf7-textarea:focus+.km_cf7-label:before {
    -webkit-transform: scale3d(1,1.15,1);
    transform: scale3d(1,1.15,1)
}

.kameleon-cf7-container[data-style=juro] {
    --juro-input-height: 50px;
    --juro-input-margin-top: 25px;
    --juro-input-margin-bottom: 25px;
    --juro-input-font-size: 15px;
    --juro-input-color: #1784cd;
    --juro-input-bg: #fff;
    --juro-element-bg: #f0f0f0;
    --juro-color: #888;
    --juro-active-color: #444;
    --juro-font-size: 15px;
    --juro-textarea-height: 250px
}

.kameleon-cf7-container[data-style=juro] .km_cf7-input-container {
    overflow: hidden;
    margin-top: var(--juro-input-margin-top);
    margin-bottom: var(--juro-input-margin-bottom)
}

.kameleon-cf7-container[data-style=juro] .km_cf7-input {
    position: absolute;
    z-index: 100;
    width: 100%;
    background: 0 0;
    color: var(--juro-input-color);
    font-size: var(--juro-input-font-size);
    bottom: 4px;
    box-sizing: border-box;
    padding: 0 12px
}

.kameleon-cf7-container[data-style=juro] .km_cf7-label {
    padding: 0;
    width: 100%;
    height: 100%;
    background: var(--juro-input-bg);
    text-align: left;
    color: var(--juro-color);
    font-size: var(--juro-font-size)
}

.kameleon-cf7-container[data-style=juro] .km_cf7_label-content {
    padding: 2em 1em;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition: -webkit-transform .3s,color .3s;
    transition: transform .3s,color .3s;
    text-rendering: geometricPrecision
}

.kameleon-cf7-container[data-style=juro] .km_cf7-label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0 solid transparent;
    box-sizing: border-box;
    -webkit-transition: border-width .3s,border-color .3s;
    transition: border-width .3s,border-color .3s
}

.kameleon-cf7-container[data-style=juro] .km_cf7-input-container.filled .km_cf7-label:before,.kameleon-cf7-container[data-style=juro] .km_cf7-input:focus+.km_cf7-label:before {
    border-width: 2em 8px 8px;
    border-color: var(--juro-element-bg)
}

.kameleon-cf7-container[data-style=juro] .km_cf7-input-container.filled .km_cf7-input,.kameleon-cf7-container[data-style=juro] .km_cf7-input:focus {
    height: var(--juro-input-height)
}

.kameleon-cf7-container[data-style=juro] .km_cf7-input-container.filled .km_cf7-label .km_cf7_label-content,.kameleon-cf7-container[data-style=juro] .km_cf7-input:focus+.km_cf7-label .km_cf7_label-content {
    color: var(--juro-active-color);
    -webkit-transform: translate3d(0,-1.5em,0) scale3d(.75,.75,1);
    transform: translate3d(0,-1.5em,0) scale3d(.75,.75,1) translateZ(1px)
}

.kameleon-cf7-container[data-style=juro] .km_cf7-textarea {
    height: calc(var(--juro-textarea-height) - calc(16px + 2em))
}

.kameleon-cf7-container[data-style=juro] .km_cf7-textarea-container {
    height: var(--juro-textarea-height)
}

.kameleon-cf7-container[data-style=madoka] {
    --madoka-input-height: 50px;
    --madoka-input-margin-top: 25px;
    --madoka-input-margin-bottom: 25px;
    --madoka-input-font-size: 15px;
    --madoka-input-color: #7A7593;
    --madoka-border-color: #888;
    --madoka-color: #888;
    --madoka-font-size: 15px;
    --madoka-textarea-height: 250px
}

.kameleon-cf7-container[data-style=madoka] .km_cf7-input-container {
    position: relative;
    margin-top: var(--madoka-input-margin-top);
    margin-bottom: var(--madoka-input-margin-bottom);
    height: var(--madoka-input-height);
    border-bottom: 1px solid var(--madoka-border-color)
}

.kameleon-cf7-container[data-style=madoka] .km_cf7-input-container:after {
    content: "";
    width: 1px;
    height: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    background: var(--madoka-border-color);
    -webkit-transition: all .2s;
    transition: all .2s
}

.kameleon-cf7-container[data-style=madoka] .km_cf7-input {
    width: 100%;
    background: 0 0;
    color: var(--madoka-input-color);
    height: var(--madoka-input-height);
    line-height: var(--madoka-input-height);
    font-size: var(--madoka-input-font-size);
    box-sizing: border-box;
    z-index: 1
}

.kameleon-cf7-container[data-style=madoka] .km_cf7-label {
    position: absolute;
    width: 100%;
    color: var(--madoka-color);
    font-size: var(--madoka-font-size);
    height: var(--madoka-input-height);
    line-height: var(--madoka-input-height);
    text-align: left;
    cursor: text;
    padding: 0
}

.kameleon-cf7-container[data-style=madoka] .km_cf7-label:after {
    content: "";
    width: 1px;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--madoka-border-color);
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.kameleon-cf7-container[data-style=madoka] .km_cf7-label:before {
    content: "";
    width: 0;
    height: 1px;
    position: absolute;
    top: 0;
    right: 0;
    background: var(--madoka-border-color);
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.kameleon-cf7-container[data-style=madoka] .km_cf7_label-content {
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition: all .3s;
    transition: all .3s;
    padding-left: 10px
}

.kameleon-cf7-container[data-style=madoka] .km_cf7-input-container.filled .km_cf7-label,.kameleon-cf7-container[data-style=madoka] .km_cf7-input:focus+.km_cf7-label {
    cursor: default;
    pointer-events: none
}

.kameleon-cf7-container[data-style=madoka] .km_cf7-input-container.filled .km_cf7-label:after,.kameleon-cf7-container[data-style=madoka] .km_cf7-input-container.filled:after,.kameleon-cf7-container[data-style=madoka] .km_cf7-input:focus+.km_cf7-input-container:after,.kameleon-cf7-container[data-style=madoka] .km_cf7-input:focus+.km_cf7-label:after {
    height: 100%
}

.kameleon-cf7-container[data-style=madoka] .km_cf7-input-container.filled .km_cf7-label:before,.kameleon-cf7-container[data-style=madoka] .km_cf7-input:focus+.km_cf7-label:before {
    width: 100%
}

.kameleon-cf7-container[data-style=madoka] .km_cf7-input-container.filled .km_cf7-label .km_cf7_label-content,.kameleon-cf7-container[data-style=madoka] .km_cf7-input:focus+.km_cf7-label .km_cf7_label-content {
    -webkit-transform: scale3d(.9,.9,1) translate3d(0,3em,0);
    transform: scale3d(.9,.9,1) translate3d(0,3em,0);
    padding-left: 0
}

.kameleon-cf7-container[data-style=madoka] .km_cf7-textarea-container .km_cf7-input:focus+.km_cf7-label .km_cf7_label-content,.kameleon-cf7-container[data-style=madoka] .km_cf7-textarea-container.filled .km_cf7-label .km_cf7_label-content {
    bottom: 0;
    position: absolute
}

.kameleon-cf7-container[data-style=madoka] .km_cf7-textarea,.kameleon-cf7-container[data-style=madoka] .km_cf7-textarea-container,.kameleon-cf7-container[data-style=madoka] .km_cf7-textarea-container .km_cf7-label {
    height: var(--madoka-textarea-height)
}

.kameleon-cf7-container[data-style=kaede] {
    --kaede-input-height: 50px;
    --kaede-input-margin-top: 25px;
    --kaede-input-margin-bottom: 25px;
    --kaede-input-font-size: 15px;
    --kaede-input-color: #555;
    --kaede-input-bg: #fafafa;
    --kaede-bg-bg: #EFEEEE;
    --kaede-color: #888;
    --kaede-font-size: 15px;
    --kaede-textarea-height: 250px
}

.kameleon-cf7-container[data-style=kaede] .km_cf7-input-container {
    display: block;
    overflow: hidden;
    background: var(--kaede-bg-bg);
    height: var(--kaede-input-height);
    margin-top: var(--kaede-input-margin-top);
    margin-bottom: var(--kaede-input-margin-bottom)
}

.kameleon-cf7-container[data-style=kaede] .km_cf7-input {
    position: absolute;
    top: -1px;
    right: 100%;
    width: 60%;
    height: 100%;
    font-size: var(--kaede-input-font-size);
    background: var(--kaede-input-bg);
    line-height: var(--kaede-input-height);
    color: var(--kaede-input-color);
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
    -webkit-transition-timing-function: cubic-bezier(.2,1,.3,1);
    transition-timing-function: cubic-bezier(.2,1,.3,1)
}

.kameleon-cf7-container[data-style=kaede] .km_cf7-label {
    z-index: 10;
    display: block;
    width: 100%;
    height: 100%;
    text-align: left;
    color: var(--kaede-color);
    font-size: var(--kaede-font-size);
    line-height: var(--kaede-input-height);
    cursor: text;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
    -webkit-transition-timing-function: cubic-bezier(.2,1,.3,1);
    transition-timing-function: cubic-bezier(.2,1,.3,1)
}

.kameleon-cf7-container[data-style=kaede] .km_cf7-input-container.filled .km_cf7-input,.kameleon-cf7-container[data-style=kaede] .km_cf7-input:focus {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    -webkit-transition-delay: .06s;
    transition-delay: .06s
}

.kameleon-cf7-container[data-style=kaede] .km_cf7-input-container.filled .km_cf7-label,.kameleon-cf7-container[data-style=kaede] .km_cf7-input:focus+.km_cf7-label {
    -webkit-transform: translate3d(60%,0,0);
    transform: translate3d(60%,0,0);
    pointer-events: none
}

.kameleon-cf7-container[data-style=kaede] .km_cf7-textarea-container {
    height: var(--kaede-textarea-height)!important
}

@media screen and (max-width: 34em) {
    .kameleon-cf7-container[data-style=kaede] .km_cf7-input-container.filled .km_cf7-label,.kameleon-cf7-container[data-style=kaede] .km_cf7-input:focus+.km_cf7-label {
        -webkit-transform:translate3d(65%,0,0) scale3d(.65,.65,1);
        transform: translate3d(65%,0,0) scale3d(.65,.65,1);
        pointer-events: none
    }
}

.kameleon-cf7-container[data-style=isao] {
    --isao-input-height: 35px;
    --isao-input-margin-top: 0;
    --isao-input-margin-bottom: 25px;
    --isao-input-font-size: 15px;
    --isao-input-color: #afb3b8;
    --isao-color: #888;
    --isao-color-scheme: #da7071;
    --isao-font-size: 15px;
    --isao-textarea-height: 250px;
    --isao-border-width: 4px
}

.kameleon-cf7-container[data-style=isao] .km_cf7-input-container {
    margin-top: var(--isao-input-margin-top);
    margin-bottom: var(--isao-input-margin-bottom)
}

.kameleon-cf7-container[data-style=isao] .km_cf7-input {
    z-index: 10;
    height: var(--isao-input-height);
    line-height: var(--isao-input-height);
    width: 100%;
    background: 0 0;
    color: var(--isao-input-color);
    font-size: var(--isao-input-font-size)
}

.kameleon-cf7-container[data-style=isao] .km_cf7-label {
    position: relative;
    overflow: hidden;
    padding: 0;
    width: 100%;
    color: var(--isao-color);
    text-align: left;
    font-size: var(--isao-font-size)
}

.kameleon-cf7-container[data-style=isao] .km_cf7-label:before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: var(--isao-border-width);
    background: var(--isao-color);
    -webkit-transform: scale3d(1,.4,1);
    transform: scale3d(1,.4,1);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: -webkit-transform .5s,background-color .5s;
    transition: transform .5s,background-color .5s;
    -webkit-transition-timing-function: cubic-bezier(.2,1,.3,1);
    transition-timing-function: cubic-bezier(.2,1,.3,1)
}

.kameleon-cf7-container[data-style=isao] .km_cf7-label:after {
    content: attr(data-content);
    position: absolute;
    top: 0;
    left: 0;
    padding: .75em .15em;
    color: var(--isao-color-scheme);
    opacity: 0;
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
    -webkit-transition: opacity .5s,-webkit-transform .5s;
    transition: opacity .5s,transform .5s;
    -webkit-transition-timing-function: cubic-bezier(.2,1,.3,1);
    transition-timing-function: cubic-bezier(.2,1,.3,1);
    pointer-events: none;
    font-size: var(--isao-font-size)
}

.kameleon-cf7-container[data-style=manami] .km_cf7-label:after,.kameleon-cf7-container[data-style=manami] .km_cf7-label:before,.kameleon-cf7-container[data-style=nariko] .km_cf7-label:before {
    content: '';
    left: 0;
    width: 100%;
    position: absolute
}

.kameleon-cf7-container[data-style=isao] .km_cf7-input:focus+.km_cf7-label:before {
    background-color: var(--isao-color-scheme);
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1)
}

.kameleon-cf7-container[data-style=isao] .km_cf7-input:focus+.km_cf7-label {
    pointer-events: none
}

.kameleon-cf7-container[data-style=isao] .km_cf7-input:focus+.km_cf7-label:after {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.kameleon-cf7-container[data-style=isao] .km_cf7_label-content {
    padding: .75em .15em;
    -webkit-transition: opacity .5s,transform .5s;
    transition: opacity .5s,transform .5s;
    -webkit-transition-timing-function: cubic-bezier(.2,1,.3,1);
    transition-timing-function: cubic-bezier(.2,1,.3,1)
}

.kameleon-cf7-container[data-style=isao] .km_cf7-input:focus+.km_cf7-label .km_cf7_label-content {
    opacity: 0;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.kameleon-cf7-container[data-style=isao] .km_cf7-textarea,.kameleon-cf7-container[data-style=isao] .km_cf7-textarea-container {
    height: var(--isao-textarea-height)!important
}

.kameleon-cf7-container[data-style=manami] {
    --manami-input-height: 50px;
    --manami-input-margin-top: 15px;
    --manami-input-margin-bottom: 15px;
    --manami-input-font-size: 15px;
    --manami-input-color: #fff;
    --manami-color: #888;
    --manami-active-color: #cbc4c6;
    --manami-font-size: 15px;
    --manami-textarea-height: 250px;
    --manami-input-bg: #A8A8A8;
    --manami-border-width: 2px;
    --manami-border-color: #A8A8A8
}

.kameleon-cf7-container[data-style=manami] .km_cf7-input-container {
    overflow: hidden;
    margin-top: var(--manami-input-margin-top);
    margin-bottom: var(--manami-input-margin-bottom)
}

.kameleon-cf7-container[data-style=manami] .km_cf7-input {
    width: 100%;
    background: 0 0;
    padding: .5em;
    margin-bottom: 2em;
    color: var(--manami-input-color);
    font-size: var(--manami-input-font-size);
    z-index: 99999999999;
    opacity: 0;
    height: var(--manami-input-height);
    line-height: var(--manami-input-height)
}

.kameleon-cf7-container[data-style=manami] .km_cf7-label {
    width: 100%;
    position: absolute;
    text-align: left;
    padding: 0;
    pointer-events: none;
    font-size: var(--manami-font-size);
    color: var(--manami-color);
    height: var(--manami-input-height);
    line-height: var(--manami-input-height)
}

.kameleon-cf7-container[data-style=manami] .km_cf7-label:before {
    height: 100%;
    background: var(--manami-input-bg);
    top: 0;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s
}

.kameleon-cf7-container[data-style=manami] .km_cf7-label:after {
    height: var(--manami-border-width);
    background: var(--manami-border-color);
    bottom: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.kameleon-cf7-container[data-style=manami] .km_cf7_label-content {
    padding: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    position: absolute;
    top: 0
}

.kameleon-cf7-container[data-style=manami] .km_cf7-input-container.filled .km_cf7-input,.kameleon-cf7-container[data-style=manami] .km_cf7-input:focus {
    opacity: 1;
    -webkit-transition: opacity 0 .2s;
    transition: opacity 0 .2s
}

.kameleon-cf7-container[data-style=manami] .km_cf7-input-container.filled .km_cf7-input,.kameleon-cf7-container[data-style=manami] .km_cf7-input:focus,.kameleon-cf7-container[data-style=manami] .km_cf7-label:after,.kameleon-cf7-container[data-style=manami] .km_cf7-label:before,.kameleon-cf7-container[data-style=manami] .km_cf7_label-content {
    -webkit-transition-timing-function: cubic-bezier(0,.25,.5,1);
    transition-timing-function: cubic-bezier(0,.25,.5,1)
}

.kameleon-cf7-container[data-style=manami] .km_cf7-input-container.filled .km_cf7-label:before,.kameleon-cf7-container[data-style=manami] .km_cf7-input:focus+.km_cf7-label:before {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.kameleon-cf7-container[data-style=manami] .km_cf7-input-container.filled .km_cf7-label:after,.kameleon-cf7-container[data-style=manami] .km_cf7-input:focus+.km_cf7-label:after {
    opacity: 0
}

.kameleon-cf7-container[data-style=manami] .km_cf7-input-container.filled .km_cf7-label .km_cf7_label-content,.kameleon-cf7-container[data-style=manami] .km_cf7-input:focus+.km_cf7-label .km_cf7_label-content {
    color: var(--manami-active-color);
    -webkit-transform: scale3d(.85,.85,1);
    transform: scale3d(.85,.85,1);
    top: var(--manami-input-height)
}

.kameleon-cf7-container[data-style=manami] .km_cf7-textarea,.kameleon-cf7-container[data-style=manami] .km_cf7-textarea-container,.kameleon-cf7-container[data-style=manami] .km_cf7-textarea-container .km_cf7-label {
    height: var(--manami-textarea-height)!important
}

.kameleon-cf7-container[data-style=manami] .km_cf7-textarea-container.filled .km_cf7-label .km_cf7_label-content,.kameleon-cf7-container[data-style=manami] .km_cf7-textarea:focus+.km_cf7-label .km_cf7_label-content {
    top: var(--manami-textarea-height)!important
}

.kameleon-cf7-container[data-style=nariko] {
    --nariko-input-height: 50px;
    --nariko-input-margin-top: 15px;
    --nariko-input-margin-bottom: 15px;
    --nariko-input-font-size: 15px;
    --nariko-input-color: #8E9191;
    --nariko-color: #8E9191;
    --nariko-active-color: #6B6E6E;
    --nariko-font-size: 15px;
    --nariko-input-bg: #fafafa;
    --nariko-border-width: 3px;
    --nariko-border-color: #9B9F9F;
    --nariko-textarea-height: 250px
}

.kameleon-cf7-container[data-style=nariko] .km_cf7-input-container {
    overflow: hidden;
    padding: 2em 0;
    margin-top: var(--nariko-input-margin-top);
    margin-bottom: var(--nariko-input-margin-bottom)
}

.kameleon-cf7-container[data-style=nariko] .km_cf7-input {
    width: 100%;
    background: 0 0;
    opacity: 1;
    z-index: 9999999999;
    color: var(--nariko-input-color);
    font-size: var(--nariko-input-font-size);
    height: var(--nariko-input-height);
    line-height: var(--nariko-input-height);
    position: absolute;
    bottom: 0
}

.kameleon-cf7-container[data-style=nariko] .km_cf7-label {
    width: 100%;
    bottom: 0;
    position: absolute;
    pointer-events: none;
    text-align: left;
    height: var(--nariko-input-height);
    font-size: var(--nariko-font-size);
    color: var(--nariko-color);
    padding: 0 .5em
}

.kameleon-cf7-container[data-style=nariko] .km_cf7-label:before {
    height: var(--nariko-input-height);
    top: calc(100% - var(--nariko-border-width));
    background: var(--nariko-input-bg);
    border-top: var(--nariko-border-width) solid var(--nariko-border-color);
    -webkit-transition: all .4s;
    transition: all .4s;
    -webkit-transition-timing-function: cubic-bezier(.7,0,.3,1);
    transition-timing-function: cubic-bezier(.7,0,.3,1)
}

.kameleon-cf7-container[data-style=nariko] .km_cf7_label-content {
    padding: .5em 0;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-transition: -webkit-transform .4s,color .4s;
    transition: transform .4s,color .4s;
    -webkit-transition-timing-function: cubic-bezier(.7,0,.3,1);
    transition-timing-function: cubic-bezier(.7,0,.3,1)
}

.kameleon-cf7-container[data-style=nariko] .km_cf7-input-container.filled .km_cf7-input,.kameleon-cf7-container[data-style=nariko] .km_cf7-input:focus {
    cursor: text;
    opacity: 1;
    -webkit-transition: opacity 0 .4s;
    transition: opacity 0 .4s
}

.kameleon-cf7-container[data-style=nariko] .km_cf7-input-container.filled .km_cf7-label:before,.kameleon-cf7-container[data-style=nariko] .km_cf7-input:focus+.km_cf7-label:before {
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
    top: var(--nariko-border-width)
}

.kameleon-cf7-container[data-style=nariko] .km_cf7-input-container.filled .km_cf7_label-content,.kameleon-cf7-container[data-style=nariko] .km_cf7-input:focus+.km_cf7-label .km_cf7_label-content {
    color: var(--nariko-active-color);
    -webkit-transform: translate3d(0,-3.3em,0) scale3d(.81,.81,1);
    transform: translate3d(0,-3.3em,0) scale3d(.81,.81,1)
}

.kameleon-cf7-container[data-style=nariko] .km_cf7-textarea,.kameleon-cf7-container[data-style=nariko] .km_cf7-textarea-container,.kameleon-cf7-container[data-style=nariko] .km_cf7-textarea-container .km_cf7-label,.kameleon-cf7-container[data-style=nariko] .km_cf7-textarea-container .km_cf7-label:before {
    height: var(--nariko-textarea-height)!important
}

.kameleon-cf7-container[data-style=yoshiko] {
    --yoshiko-input-height: 50px;
    --yoshiko-input-margin-top: 15px;
    --yoshiko-input-margin-bottom: 15px;
    --yoshiko-input-font-size: 15px;
    --yoshiko-input-color: #8E9191;
    --yoshiko-color: #8B8C8B;
    --yoshiko-color-scheme: #ff5200;
    --yoshiko-border-width: 2px;
    --yoshiko-font-size: 15px;
    --yoshiko-input-bg: #d0d1d0;
    --yoshiko-textarea-height: 250px
}

.kameleon-cf7-container[data-style=yoshiko] .km_cf7-input-container {
    margin-top: var(--yoshiko-input-margin-top);
    margin-bottom: var(--yoshiko-input-margin-bottom)
}

.kameleon-cf7-container[data-style=yoshiko] .km_cf7-input {
    width: 100%;
    background-color: var(--yoshiko-input-bg);
    box-sizing: border-box;
    border: var(--yoshiko-border-width) solid transparent!important;
    -webkit-transition: background-color .25s,border-color .25s;
    transition: background-color .25s,border-color .25s;
    height: var(--yoshiko-input-height);
    line-height: var(--yoshiko-input-height);
    color: var(--yoshiko-input-color);
    font-size: var(--yoshiko-input-font-size)
}

.kameleon-cf7-container[data-style=yoshiko] .km_cf7-label {
    width: 100%;
    text-align: left;
    position: absolute;
    pointer-events: none;
    overflow: hidden;
    padding: 0 10px;
    box-sizing: border-box;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .25s;
    transition: all .25s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    font-size: var(--yoshiko-font-size)
}

.kameleon-cf7-container[data-style=yoshiko] .km_cf7_label-content {
    color: var(--yoshiko-color);
    font-size: var(--yoshiko-font-size);
    padding: .1px;
    -webkit-transition: all .25s;
    transition: all .25s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.kameleon-cf7-container[data-style=yoshiko] .km_cf7_label-content:after {
    content: attr(data-content);
    position: absolute;
    font-weight: 800;
    bottom: 100%;
    left: 0;
    height: 100%;
    width: 100%;
    color: var(--yoshiko-color-scheme);
    padding: .1px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: .85em
}

.kameleon-cf7-container[data-style=yoshiko] .km_cf7-input-container.filled .km_cf7-label,.kameleon-cf7-container[data-style=yoshiko] .km_cf7-input:focus+.km_cf7-label {
    top: -25px;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.kameleon-cf7-container[data-style=yoshiko] .km_cf7-input-container.filled .km_cf7-label .km_cf7_label-content,.kameleon-cf7-container[data-style=yoshiko] .km_cf7-input:focus+.km_cf7-label .km_cf7_label-content {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

.kameleon-cf7-container[data-style=yoshiko] .km_cf7-input-container.filled .km_cf7-input,.kameleon-cf7-container[data-style=yoshiko] .km_cf7-input:focus+.km_cf7-input {
    background-color: transparent;
    border-color: var(--yoshiko-color-scheme)!important
}

.kameleon-cf7-container[data-style=yoshiko] .km_cf7-textarea,.kameleon-cf7-container[data-style=yoshiko] .km_cf7-textarea-container {
    height: var(--yoshiko-textarea-height)!important
}

.kameleon-cf7-container[data-style=chisato] {
    --chisato-input-height: 50px;
    --chisato-input-margin-top: 15px;
    --chisato-input-margin-bottom: 15px;
    --chisato-input-font-size: 15px;
    --chisato-input-color: #b5b5b5;
    --chisato-color: #8B8C8B;
    --chisato-color-scheme: #da6484;
    --chisato-border-width: 2px;
    --chisato-font-size: 15px;
    --chisato-input-bg: transparent;
    --chisato-textarea-height: 250px
}

.kameleon-cf7-container[data-style=chisato] .km_cf7-input-container {
    margin-top: var(--chisato-input-margin-top);
    margin-bottom: var(--chisato-input-margin-bottom)
}

.kameleon-cf7-container[data-style=chisato] .km_cf7-input {
    width: 100%;
    background: var(--chisato-input-bg);
    border: var(--chisato-border-width) solid!important;
    color: var(--chisato-input-color);
    -webkit-transition: border-color .25s;
    transition: border-color .25s;
    height: var(--chisato-input-height);
    line-height: var(--chisato-input-height);
    box-sizing: border-box;
    font-size: var(--chisato-input-font-size)
}

.kameleon-cf7-container[data-style=chisato] .km_cf7-label {
    width: 100%;
    position: absolute;
    top: 0;
    text-align: left;
    padding: 0 10px;
    box-sizing: border-box;
    pointer-events: none;
    height: var(--chisato-input-height);
    line-height: var(--chisato-input-height)
}

.kameleon-cf7-container[data-style=chisato] .km_cf7_label-content {
    font-weight: 400;
    color: var(--chisato-input-color);
    font-size: var(--chisato-font-size)
}

.kameleon-cf7-container[data-style=chisato] .km_cf7_label-content:after {
    content: attr(data-content);
    position: absolute;
    top: -275%;
    left: 0;
    color: var(--chisato-color-scheme);
    font-weight: 800;
    opacity: 0;
    font-size: var(--chisato-font-size)
}

.kameleon-cf7-container[data-style=chisato] .km_cf7-input-container.filled .km_cf7-input,.kameleon-cf7-container[data-style=chisato] .km_cf7-input:focus {
    border-color: var(--chisato-color-scheme)!important
}

.kameleon-cf7-container[data-style=chisato] .km_cf7-input-container.filled .km_cf7-label,.kameleon-cf7-container[data-style=chisato] .km_cf7-input:focus+.km_cf7-label {
    -webkit-animation: anim-chisato-1 .25s forwards;
    animation: anim-chisato-1 .25s forwards
}

.kameleon-cf7-container[data-style=chisato] .km_cf7-input-container.filled .km_cf7-label .km_cf7_label-content,.kameleon-cf7-container[data-style=chisato] .km_cf7-input:focus+.km_cf7-label .km_cf7_label-content {
    -webkit-animation: anim-chisato-2 .25s forwards ease-in;
    animation: anim-chisato-2 .25s forwards ease-in
}

.kameleon-cf7-container[data-style=chisato] .km_cf7-input-container.filled .km_cf7-label .km_cf7_label-content:after,.kameleon-cf7-container[data-style=chisato] .km_cf7-input:focus+.km_cf7-label .km_cf7_label-content:after {
    opacity: 1
}

.kameleon-cf7-container[data-style=chisato] .km_cf7-textarea,.kameleon-cf7-container[data-style=chisato] .km_cf7-textarea-container {
    height: var(--chisato-textarea-height)!important
}

@-webkit-keyframes anim-chisato-1 {
    0%,100%,70%,71% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes anim-chisato-1 {
    0%,100%,70%,71% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@-webkit-keyframes anim-chisato-2 {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    70%,71% {
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0);
        opacity: 0;
        -webkit-animation-timing-function: ease-out
    }

    100% {
        color: transparent;
        -webkit-transform: translate3d(0,200%,0);
        transform: translate3d(0,200%,0)
    }
}

@keyframes anim-chisato-2 {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    70%,71% {
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0);
        opacity: 0;
        -webkit-animation-timing-function: ease-out
    }

    100% {
        color: transparent;
        -webkit-transform: translate3d(0,200%,0);
        transform: translate3d(0,200%,0)
    }
}

.kameleon-cf7-container[data-style=ruri] {
    --ruri-input-height: 50px;
    --ruri-input-margin-top: 15px;
    --ruri-input-margin-bottom: 15px;
    --ruri-input-font-size: 15px;
    --ruri-input-color: #b5b5b5;
    --ruri-color: #8B8C8B;
    --ruri-font-size: 15px;
    --ruri-border-width: 6px;
    --ruri-border-active-width: 2px;
    --ruri-border-color: #B7C3AC;
    --ruri-border-active-color: #a3d39c;
    --ruri-textarea-height: 250px
}

.kameleon-cf7-container[data-style=ruri] .km_cf7-input-container {
    margin-top: var(--ruri-input-margin-top);
    margin-bottom: var(--ruri-input-margin-bottom)
}

.kameleon-cf7-container[data-style=ruri] .km_cf7-input {
    width: 100%;
    background: 0 0;
    padding: 0 5px;
    box-sizing: border-box;
    color: var(--ruri-input-color);
    height: var(--ruri-input-height);
    line-height: var(--ruri-input-height);
    font-size: var(--ruri-input-font-size)
}

.kameleon-cf7-container[data-style=ruri] .km_cf7-label {
    width: 100%;
    position: absolute;
    text-align: left;
    font-size: var(--ruri-font-size);
    color: var(--ruri-color);
    pointer-events: none;
    height: var(--ruri-input-height);
    line-height: var(--ruri-input-height);
    padding: 0 5px
}

.kameleon-cf7-container[data-style=ruri] .km_cf7-label:after {
    content: '';
    position: absolute;
    width: 100%;
    height: var(--ruri-border-width);
    background: var(--ruri-border-color);
    left: 0;
    top: 100%;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: all .3s,background-color .3s;
    transition: all .3s,background-color .3s
}

.kameleon-cf7-container[data-style=ruri] .km_cf7_label-content {
    padding: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    position: absolute;
    bottom: 50%;
    line-height: initial;
    transform: translateY(50%)
}

.kameleon-cf7-container[data-style=ruri] .km_cf7-input-container.filled .km_cf7-label:after,.kameleon-cf7-container[data-style=ruri] .km_cf7-input:focus+.km_cf7-label:after {
    background: var(--ruri-border-active-color);
    height: var(--ruri-border-active-width)
}

.kameleon-cf7-container[data-style=ruri] .km_cf7-input-container.filled .km_cf7-label .km_cf7_label-content,.kameleon-cf7-container[data-style=ruri] .km_cf7-input:focus+.km_cf7-label .km_cf7_label-content {
    color: var(--ruri-border-active-color);
    -webkit-transform: scale3d(.85,.85,1);
    transform: scale3d(.85,.85,1);
    bottom: -30px
}

.kameleon-cf7-container[data-style=ruri] .km_cf7-textarea,.kameleon-cf7-container[data-style=ruri] .km_cf7-textarea-container,.kameleon-cf7-container[data-style=ruri] .km_cf7-textarea-container .km_cf7-label {
    height: var(--ruri-textarea-height)!important
}

.kameleon-cf7-container[data-style=shoko] {
    --shoko-input-height: 60px;
    --shoko-input-margin-top: 15px;
    --shoko-input-margin-bottom: 15px;
    --shoko-input-font-size: 15px;
    --shoko-input-color: #888;
    --shoko-color: #A09C9C;
    --shoko-font-size: 15px;
    --shoko-border-width: 1px;
    --shoko-border-active-width: 2px;
    --shoko-border-color: #eee;
    --shoko-border-active-color: #a3d39c;
    --shoko-textarea-height: 250px
}

.kameleon-cf7-container[data-style=shoko] .km_cf7-input-container {
    overflow: hidden;
    margin-top: var(--shoko-input-margin-top);
    margin-bottom: var(--shoko-input-margin-bottom)
}

.kameleon-cf7-container[data-style=shoko] .km_cf7-input {
    padding: 0 5px;
    box-sizing: border-box;
    width: 100%;
    background: 0 0;
    color: var(--shoko-input-color);
    font-size: var(--shoko-input-font-size);
    height: var(--shoko-input-height);
    line-height: var(--shoko-input-height)
}

.kameleon-cf7-container[data-style=shoko] .km_cf7-label {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    text-align: left;
    padding: 0 5px;
    box-sizing: border-box;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--shoko-color);
    pointer-events: none;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: -webkit-transform .2s .1s,color .3s;
    transition: transform .2s .1s,color .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    font-size: var(--shoko-font-size);
    height: var(--shoko-input-height);
    line-height: var(--shoko-input-height)
}

.kameleon-cf7-container[data-style=shoko] .km_cf7-graphic {
    stroke: var(--shoko-border-color);
    pointer-events: none;
    stroke-width: var(--shoko-border-width);
    top: 0;
    bottom: 0;
    height: var(--shoko-input-height);
    -webkit-transition: -webkit-transform .7s,stroke .7s;
    transition: transform .7s,stroke .7s;
    -webkit-transition-timing-function: cubic-bezier(0,.25,.5,1);
    transition-timing-function: cubic-bezier(0,.25,.5,1)
}

.kameleon-cf7-container[data-style=shoko] .km_cf7-input-container.filled .km_cf7-label,.kameleon-cf7-container[data-style=shoko] .km_cf7-input:focus+.km_cf7-label {
    color: transparent;
    -webkit-transform: translate3d(0,3.5em,0) scale3d(.85,.85,1);
    transform: translate3d(0,3.5em,0) scale3d(.85,.85,1)
}

.kameleon-cf7-container[data-style=shoko] .km_cf7-input-container.filled .km_cf7-graphic,.kameleon-cf7-container[data-style=shoko] .km_cf7-input:focus+.km_cf7-graphic {
    stroke: var(--shoko-border-active-color);
    -webkit-transform: translate3d(-66.6%,0,0);
    transform: translate3d(-66.6%,0,0);
    stroke-width: var(--shoko-border-active-width)
}

.kameleon-cf7-container[data-style=shoko] .km_cf7-textarea,.kameleon-cf7-container[data-style=shoko] .km_cf7-textarea-container,.kameleon-cf7-container[data-style=shoko] .km_cf7-textarea-container .km_cf7-graphic,.kameleon-cf7-container[data-style=shoko] .km_cf7-textarea-container .km_cf7-label {
    height: var(--shoko-textarea-height)
}

.km_cf7-input-container.cf7-input-half {
    width: 48%;
    float: left
}

.km_cf7-input-container.cf7-input-half:nth-of-type(odd) {
    float: right
}

.syn-centerv {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.syn-centerh {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.syn-centerhv {
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

.syn-transition-2 {
    -webki-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.syn-transition-3 {
    -webki-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.syn-transition-4 {
    -webki-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.syn-transition-5 {
    -webki-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.syn-transition-d2 {
    -webki-transition-delay: .2s!important;
    transition-delay: .2s!important
}

.syn-transition-d3 {
    -webki-transition-delay: .3s!important;
    transition-delay: .3s!important
}

.syn-transition-d4 {
    -webki-transition-delay: .4s!important;
    transition-delay: .4s!important
}

.syn-transition-d5 {
    -webki-transition-delay: .5s!important;
    transition-delay: .5s!important
}

.syn-animation-d2 {
    -webki-animaiton-delay: .2s!important;
    animation-delay: .2s!important
}

.syn-animation-d3 {
    -webki-animaiton-delay: .3s!important;
    animation-delay: .3s!important
}

.syn-animation-d4 {
    -webki-animaiton-delay: .4s!important;
    animation-delay: .4s!important
}

.syn-animation-d5 {
    -webki-animaiton-delay: .5s!important;
    animation-delay: .5s!important
}

[data-rounded-children=enabled] .syn-elem-idrounded,[data-rounded=enabled] {
    border-radius: 500px
}

[data-bxs-small-child=enabled] .syn-elem-isbxsh,[data-bxs-small-f=enabled]:focus,[data-bxs-small-h=enabled]:hover,[data-bxs-small=enabled] {
    box-shadow: 0 9px 24px -6px rgba(0,0,0,.4)
}

[data-align-child=left] .syn-elem-isalign,[data-align=left] {
    text-align: left
}

[data-align-child=center] .syn-elem-isalign,[data-align=center] {
    text-align: center
}

[data-align-child=right] .syn-elem-isalign,[data-align=right] {
    text-align: right
}

.syn-hotspot-responsive-solver {
    display: none;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.syn-hotspot-container {
    width: 100%;
    float: left;
    text-align: center
}

.syn-hotspot-insider {
    position: relative;
    display: inline-block;
    overflow: hidden
}

.syn-hotspot-insider img {
    max-width: 100%
}

.syn-hotspot-item {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0
}

.syn-hotspot-content {
    padding: 20px;
    background: #fff;
    width: 260px;
    position: absolute;
    z-index: 1
}

.syn-hotspot-contentanim[data-situation=shown] {
    z-index: 999;
    position: relative
}

.syn-hotspot-contentanim[data-situation=shown] .syn-hotspot-contentctn {
    display: block;
    visibility: visible
}

.syn-hotspot-contentanim[data-situation=hidden] .syn-hotspot-contentctn {
    visibility: hidden;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.syn-hotspot-edititem[data-situation=hidden] .syn-hotspot-contentbackend {
    visibility: hidden;
    opacity: 0
}

.syn-hotspot-edititem[data-situation=shown] .syn-hotspot-contentbackend {
    visibility: visible;
    opacity: 1
}

.syn-hotspot-closer {
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 2;
    font-size: 18px;
    color: #888;
    cursor: pointer
}

.syn-hotspot-closer.syn-closer {
    display: none
}

.syn-hotspot-title {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 6px
}

.syn-hotspot-info {
    font-size: 12px;
    color: #999
}

.syn-hotspot-contentbig {
    position: absolute
}

.syn-hotspot-marker {
    position: relative;
    background: #2196f3;
    width: 21px;
    height: 21px;
    line-height: 20px;
    cursor: pointer
}

.syn-hotspot-container[data-marker-type=plussign] .syn-hotspot-marker {
    font-size: 13px
}

.syn-hotspot-container[data-marker-type=numbers] .syn-hotspot-marker,.syn-hotspot-container[data-marker-type=alphabet] .syn-hotspot-marker {
    font-size: 12px;
    font-weight: 600;
    font-family: sans-serif
}

.syn-hotspot-marker .syn-hotspot-markerinsider {
    z-index: 1;
    position: relative
}

.syn-hotspot-container[data-marker-type=colordecoration] .syn-hotspot-marker .syn-hotspot-markerinsider {
    width: 9px;
    height: 9px;
    margin-left: 6px;
    margin-top: 6px;
    float: left;
    background: currentColor;
    border-radius: inherit;
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.35)
}

.syn-hotspot-container[data-marker-animation=enabled] .syn-hotspot-marker:after {
    content: '';
    width: 21px;
    height: 21px;
    position: absolute;
    background: inherit;
    left: 0;
    top: 0;
    border-radius: inherit;
    -webkit-animation: zoomin_marker 1s infinite linear;
    animation: zoomin_marker 1s infinite linear
}

@-webkit-keyframes zoomin_marker {
    0%,100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes zoomin_marker {
    0%,100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1
    }

    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.syn-hotspot-container[data-tooltip-bxs=enabled] .syn-hotspot-content {
    box-shadow: 7px 15px 70px 0 rgba(0,0,0,.25)
}

.syn-hotspot-contentbig[data-position=bottom] .syn-hotspot-content {
    margin-top: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.syn-hotspot-contentbig[data-position=top] .syn-hotspot-content {
    margin-top: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-100%);
    transform: translateX(-50%) translateY(-100%)
}

.syn-hotspot-contentbig[data-position=lefttop] .syn-hotspot-content {
    margin-top: -10px;
    margin-left: 25px;
    -webkit-transform: translateX(-100%) translateY(-100%);
    transform: translateX(-100%) translateY(-100%)
}

.syn-hotspot-contentbig[data-position=leftcenter] .syn-hotspot-content {
    top: 50%;
    margin-left: -9px;
    -webkit-transform: translateX(-100%) translateY(-50%);
    transform: translateX(-100%) translateY(-50%)
}

.syn-hotspot-contentbig[data-position=leftbottom] .syn-hotspot-content {
    margin-top: 30px;
    margin-left: 25px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.syn-hotspot-contentbig[data-position=righttop] .syn-hotspot-content {
    margin-top: -10px;
    margin-left: -35px;
    -webkit-transform: translateX(30px) translateY(-100%);
    transform: translateX(30px) translateY(-100%)
}

.syn-hotspot-contentbig[data-position=rightcenter] .syn-hotspot-content {
    top: 50%;
    -webkit-transform: translateX(30px) translateY(-50%);
    transform: translateX(30px) translateY(-50%)
}

.syn-hotspot-contentbig[data-position=rightbottom] .syn-hotspot-content {
    margin-top: 30px;
    margin-left: -20px
}

.syn-hotspot-container[data-tooltip-triangle=enabled] .syn-hotspot-contentbig[data-position=bottom] .syn-hotspot-content {
    margin-top: 38px
}

.syn-hotspot-container[data-tooltip-triangle=enabled] .syn-hotspot-contentbig[data-position=top] .syn-hotspot-content,.syn-hotspot-container[data-tooltip-triangle=enabled] .syn-hotspot-contentbig[data-position=lefttop] .syn-hotspot-content {
    margin-top: -15px
}

.syn-hotspot-container[data-tooltip-triangle=enabled] .syn-hotspot-contentbig[data-position=leftcenter] .syn-hotspot-content {
    margin-left: -15px;
    margin-top: 9px
}

.syn-hotspot-container[data-tooltip-triangle=enabled] .syn-hotspot-contentbig[data-position=leftbottom] .syn-hotspot-content {
    margin-top: 38px
}

.syn-hotspot-container[data-tooltip-triangle=enabled] .syn-hotspot-contentbig[data-position=righttop] .syn-hotspot-content {
    margin-left: -45px;
    margin-top: -15px
}

.syn-hotspot-container[data-tooltip-triangle=enabled] .syn-hotspot-contentbig[data-position=rightcenter] .syn-hotspot-content {
    margin-top: 9px;
    -webkit-transform: translateX(37px) translateY(-50%);
    transform: translateX(37px) translateY(-50%)
}

.syn-hotspot-container[data-tooltip-triangle=enabled] .syn-hotspot-contentbig[data-position=rightbottom] .syn-hotspot-content {
    margin-top: 35px
}

.syn-hotspot-container[data-tooltip-triangle=enabled] .syn-hotspot-contentbig .syn-hotspot-content:after {
    content: '';
    position: absolute
}

.syn-hotspot-container[data-tooltip-triangle=enabled] .syn-hotspot-contentbig[data-position=bottom] .syn-hotspot-content:after {
    margin-left: 9px;
    border-bottom: 10px solid currentColor;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    top: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.syn-hotspot-container[data-tooltip-triangle=enabled] .syn-hotspot-contentbig[data-position=top] .syn-hotspot-content:after {
    margin-left: 9px;
    border-top: 10px solid currentColor;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    bottom: -10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.syn-hotspot-container[data-tooltip-triangle=enabled] .syn-hotspot-contentbig[data-position=lefttop] .syn-hotspot-content:after {
    border-top: 10px solid currentColor;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    bottom: -10px;
    right: 4px
}

.syn-hotspot-container[data-tooltip-triangle=enabled] .syn-hotspot-contentbig[data-position=leftcenter] .syn-hotspot-content:after {
    border-left: 10px solid currentColor;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    top: 50%;
    right: -10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.syn-hotspot-container[data-tooltip-triangle=enabled] .syn-hotspot-contentbig[data-position=leftbottom] .syn-hotspot-content:after {
    border-bottom: 10px solid currentColor;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    top: -10px;
    right: 5px
}

.syn-hotspot-container[data-tooltip-triangle=enabled] .syn-hotspot-contentbig[data-position=righttop] .syn-hotspot-content:after {
    border-top: 10px solid currentColor;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    bottom: -10px;
    left: 15px
}

.syn-hotspot-container[data-tooltip-triangle=enabled] .syn-hotspot-contentbig[data-position=rightcenter] .syn-hotspot-content:after {
    border-right: 10px solid currentColor;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    top: 50%;
    left: -10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.syn-hotspot-container[data-tooltip-triangle=enabled] .syn-hotspot-contentbig[data-position=rightbottom] .syn-hotspot-content:after {
    border-bottom: 10px solid currentColor;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    top: -10px;
    left: 20px
}

.syn-hotspot-contentanim[data-situation=hidden][data-animation^=slide] .syn-hotspot-contentctn {
    visibility: hidden;
    -webkit-transition: all .28s ease-in-out;
    transition: all .28s ease-in-out
}

.syn-hotspot-contentanim[data-situation=hidden][data-animation=none] .syn-hotspot-contentctn {
    visibility: hidden;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.syn-animated-child[data-animation=fade][data-situation=hidden] .syn-animated-childelem,.syn-animated-elem[data-animation=fade][data-situation=hidden] {
    opacity: 0
}

.syn-animated-child[data-animation=fade][data-situation=shown] .syn-animated-childelem,.syn-animated-elem[data-animation=fade][data-situation=shown] {
    opacity: 1
}

.syn-animated-child[data-animation=zoomin][data-situation=hidden] .syn-animated-childelem,.syn-animated-elem[data-animation=zoomin][data-situation=hidden] {
    -webkit-transform: scale(.6);
    transform: scale(.6);
    opacity: 0
}

.syn-animated-child[data-animation=zoomin][data-situation=shown] .syn-animated-childelem,.syn-animated-elem[data-animation=zoomin][data-situation=shown] {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.syn-animated-child[data-animation=zoomout][data-situation=hidden] .syn-animated-childelem,.syn-animated-elem[data-animation=zoomout][data-situation=hidden] {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0
}

.syn-animated-child[data-animation=zoomout][data-situation=shown] .syn-animated-childelem,.syn-animated-elem[data-animation=zoomout][data-situation=shown] {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.syn-animated-child[data-animation=slideup][data-situation=hidden] .syn-animated-childelem,.syn-animated-elem[data-animation=slideup][data-situation=hidden] {
    -webkit-transform: translateY(25px);
    transform: translateY(25px)
}

.syn-animated-child[data-animation=slideup][data-situation=shown] .syn-animated-childelem,.syn-animated-elem[data-animation=slideup][data-situation=shown] {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.syn-animated-child[data-animation=slidedown][data-situation=hidden] .syn-animated-childelem,.syn-animated-elem[data-animation=slidedown][data-situation=hidden] {
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px)
}

.syn-animated-child[data-animation=slidedown][data-situation=shown] .syn-animated-childelem,.syn-animated-elem[data-animation=slidedown][data-situation=shown] {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.syn-animated-child[data-animation=slideleft][data-situation=hidden] .syn-animated-childelem,.syn-animated-elem[data-animation=slideleft][data-situation=hidden] {
    -webkit-transform: translateX(25px);
    transform: translateX(25px)
}

.syn-animated-child[data-animation=slideleft][data-situation=shown] .syn-animated-childelem,.syn-animated-elem[data-animation=slideleft][data-situation=shown] {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.syn-animated-child[data-animation=slideright][data-situation=hidden] .syn-animated-childelem,.syn-animated-elem[data-animation=slideright][data-situation=hidden] {
    -webkit-transform: translateX(-25px);
    transform: translateX(-25px)
}

.syn-animated-child[data-animation=slideright][data-situation=shown] .syn-animated-childelem,.syn-animated-elem[data-animation=slideright][data-situation=shown] {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.syn-animated-child[data-animation=fadeup][data-situation=hidden] .syn-animated-childelem,.syn-animated-elem[data-animation=fadeup][data-situation=hidden] {
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
    opacity: 0
}

.syn-animated-child[data-animation=fadeup][data-situation=shown] .syn-animated-childelem,.syn-animated-elem[data-animation=fadeup][data-situation=shown] {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.syn-animated-child[data-animation=fadedown][data-situation=hidden] .syn-animated-childelem,.syn-animated-elem[data-animation=fadedown][data-situation=hidden] {
    -webkit-transform: translateY(-25px);
    transform: translateY(-25px);
    opacity: 0
}

.syn-animated-child[data-animation=fadedown][data-situation=shown] .syn-animated-childelem,.syn-animated-elem[data-animation=fadedown][data-situation=shown] {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.syn-animated-child[data-animation=fadeleft][data-situation=hidden] .syn-animated-childelem,.syn-animated-elem[data-animation=fadeleft][data-situation=hidden] {
    -webkit-transform: translateX(25px);
    transform: translateX(25px);
    opacity: 0
}

.syn-animated-child[data-animation=fadeleft][data-situation=shown] .syn-animated-childelem,.syn-animated-elem[data-animation=fadeleft][data-situation=shown] {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.syn-animated-child[data-animation=faderight][data-situation=hidden] .syn-animated-childelem,.syn-animated-elem[data-animation=faderight][data-situation=hidden] {
    -webkit-transform: translateX(-25px);
    transform: translateX(-25px);
    opacity: 0
}

.syn-animated-child[data-animation=faderight][data-situation=shown] .syn-animated-childelem,.syn-animated-elem[data-animation=faderight][data-situation=shown] {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.syn-animated-child[data-animation=fallperspective][data-situation=hidden] .syn-animated-childelem,.syn-animated-elem[data-animation=fallperspective][data-situation=hidden] {
    -webkit-transform-origin: 50% calc(100% + 30px);
    transform-origin: 50% calc(100% + 30px);
    -webkit-transform: perspective(1000px) rotate3d(1,0,0,65deg);
    transform: perspective(1000px) rotate3d(1,0,0,65deg);
    opacity: 0
}

.syn-animated-child[data-animation=fallperspective][data-situation=shown] .syn-animated-childelem,.syn-animated-elem[data-animation=fallperspective][data-situation=shown] {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);
    transform: translate3d(0,0,0) rotate3d(0,0,0,0)
}

.syn-animated-child[data-animation=fallperspectivebig][data-situation=hidden] .syn-animated-childelem,.syn-animated-elem[data-animation=fallperspectivebig][data-situation=hidden] {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale3d(.7,.3,1);
    transform: scale3d(.7,.3,1);
    opacity: 0
}

.syn-animated-child[data-animation=fallperspectivebig][data-situation=shown] .syn-animated-childelem,.syn-animated-elem[data-animation=fallperspectivebig][data-situation=shown] {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);
    transform: translate3d(0,0,0) rotate3d(0,0,0,0)
}

.syn-animated-child[data-animation=flip][data-situation=hidden] .syn-animated-childelem,.syn-animated-elem[data-animation=flip][data-situation=hidden] {
    opacity: 0;
    -webkit-perspective: 1300px;
    perspective: 1300px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotateY(-80deg);
    transform: rotateY(-80deg)
}

.syn-animated-child[data-animation=flip][data-situation=shown] .syn-animated-childelem,.syn-animated-elem[data-animation=flip][data-situation=shown] {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
    opacity: 1
}

.syn-animated-child[data-animation=fly] .syn-animated-childelem,.syn-animated-elem[data-animation=fly] {
    -webkit-perspective: 1300px;
    perspective: 1300px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50% -100px;
    transform-origin: 50% 50% -100px
}

.syn-animated-child[data-animation=fly][data-situation=hidden] .syn-animated-childelem,.syn-animated-elem[data-animation=fly][data-situation=hidden] {
    -webkit-animation: sayen_flyout .5s ease-in-out forwards;
    animation: sayen_flyout .5s ease-in-out forwards
}

.syn-animated-child[data-animation=fly][data-situation=shown] .syn-animated-childelem,.syn-animated-elem[data-animation=fly][data-situation=shown] {
    -webkit-animation: sayen_fly .5s ease-in-out forwards;
    animation: sayen_fly .5s ease-in-out forwards
}

@-webkit-keyframes sayen_fly {
    0% {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(0);
        opacity: 1
    }
}

@keyframes sayen_fly {
    0% {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
}

@-webkit-keyframes sayen_flyout {
    0% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }

    100% {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
        opacity: 0
    }
}

@keyframes sayen_flyout {
    0% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }

    100% {
        -webkit-transform: rotateX(-180deg);
        transform: rotateX(-180deg);
        opacity: 0
    }
}

.syn-animated-child[data-animation=popup][data-situation=hidden] .syn-animated-childelem,.syn-animated-elem[data-animation=popup][data-situation=hidden] {
    -webkit-perspective: 1300px;
    perspective: 1300px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-animation: sayen_popupout .4s ease-in-out forwards;
    animation: sayen_popupout .4s ease-in-out forwards
}

.syn-animated-child[data-animation=popup][data-situation=shown] .syn-animated-childelem,.syn-animated-elem[data-animation=popup][data-situation=shown] {
    -webkit-animation: sayen_popup .4s ease-in-out forwards;
    animation: sayen_popup .4s ease-in-out forwards
}

@-webkit-keyframes sayen_popup {
    70% {
        -webkit-transform: scale(1.1);
        -webkit-animation-timing-function: ease-out
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@keyframes sayen_popup {
    70% {
        -webkit-transform: scale(1.1);
        -webkit-animation-timing-function: ease-out
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes sayen_popupout {
    0% {
        -webkit-transform: scale(1);
        -webkit-animation-timing-function: ease-out
    }

    70% {
        -webkit-transform: scale(1.1);
        -webkit-animation-timing-function: ease-out
    }

    100% {
        -webkit-transform: scale(.4);
        opacity: 0
    }
}

@keyframes sayen_popupout {
    0% {
        -webkit-transform: scale(1);
        -webkit-animation-timing-function: ease-out
    }

    70% {
        -webkit-transform: scale(1.1);
        -webkit-animation-timing-function: ease-out
    }

    100% {
        -webkit-transform: scale(.4);
        opacity: 0
    }
}

.syn-isotope-container {
    width: 100%;
    float: left;
    height: auto;
    position: relative
}

.syn-isotope-container[data-columns='1'] .syn-isotope-item {
    width: 100%
}

.syn-isotope-container[data-columns='2'] .syn-isotope-item {
    width: 50%
}

.syn-isotope-container[data-columns='3'] .syn-isotope-item {
    width: 33.33333%
}

.syn-isotope-container[data-columns='4'] .syn-isotope-item {
    width: 25%
}

.syn-isotope-container[data-columns='5'] .syn-isotope-item {
    width: 20%
}

.syn-isotope-container[data-columns='1'][data-gutter-enabled=on] .syn-isotope-item {
    width: 100%
}

.syn-isotope-container[data-columns='2'][data-gutter-enabled=on] .syn-isotope-item {
    width: calc((100% - 75px)/ 2 + 25px)
}

.syn-isotope-container[data-columns='3'][data-gutter-enabled=on] .syn-isotope-item {
    width: calc((100% - 125px)/ 3 + 25px)
}

.syn-isotope-container[data-columns='4'][data-gutter-enabled=on] .syn-isotope-item {
    width: calc((100% - 175px)/ 4 + 25px)
}

.syn-isotope-container[data-columns='5'][data-gutter-enabled=on] .syn-isotope-item {
    width: calc((100% - 225px)/ 5 + 25px)
}

.syn-isotope-container[data-layout=metro][data-gutter-enabled=off] .syn-hvimage-ctn[data-portfolio-metro=rahyass-portfolio-metrosquare],.syn-isotope-container[data-layout=metro][data-gutter-enabled=off] .syn-hvimage-ctn[data-portfolio-metro=rahyass-portfolio-metrotall] {
    width: 25%
}

.syn-isotope-container[data-layout=metro][data-gutter-enabled=off] .syn-hvimage-ctn[data-portfolio-metro=rahyass-portfolio-metrowide] {
    width: 50%
}

.syn-isotope-container[data-layout=metro][data-gutter-enabled=on] .syn-hvimage-ctn[data-portfolio-metro=rahyass-portfolio-metrosquare],.syn-isotope-container[data-layout=metro][data-gutter-enabled=on] .syn-hvimage-ctn[data-portfolio-metro=rahyass-portfolio-metrotall] {
    width: calc((100% - 175px)/ 4 + 25px)
}

.syn-isotope-container[data-layout=metro][data-gutter-enabled=on] .syn-hvimage-ctn[data-portfolio-metro=rahyass-portfolio-metrowide] {
    width: calc((100% - 75px)/ 2 + 25px)
}

.syn-isotope-container[data-gutter-enabled=on] .syn-hvimage-ctn {
    padding-bottom: 25px
}

.syn-isotope-container[data-gutter-enabled=on] .syn-hvimage-ctn.syn-hvimage-jupiter,.syn-isotope-container[data-gutter-enabled=on] .syn-hvimage-ctn.syn-hvimage-mars {
    margin-bottom: 25px;
    padding-bottom: 0
}

.syn-isotope-container .syn-isotope-item[data-isotope-situation=shown] {
    -webkit-transition: left .5s ease-in-out,top .5s ease-in-out,box-shadow .4s ease-in-out;
    transition: left .5s ease-in-out,top .5s ease-in-out,box-shadow .4s ease-in-out
}

.syn-isotope-container[data-animation=fade] .syn-isotope-item[data-isotope-situation=hidden] {
    opacity: 0
}

.syn-isotope-container[data-animation=fade] .syn-isotope-item[data-isotope-situation=shown] {
    -webkit-animation: isotope_fade .4s ease-in-out forwards;
    animation: isotope_fade .4s ease-in-out forwards
}

@-webkit-keyframes isotope_fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes isotope_fade {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.syn-isotope-container[data-animation=zoomin] .syn-isotope-item[data-isotope-situation=hidden] {
    -webkit-transform: scale(.6);
    transform: scale(.6);
    opacity: 0
}

.syn-isotope-container[data-animation=zoomin] .syn-isotope-item[data-isotope-situation=shown] {
    -webkit-animation: isotope_zoomin .4s ease-in-out forwards;
    animation: isotope_zoomin .4s ease-in-out forwards
}

@-webkit-keyframes isotope_zoomin {
    0% {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes isotope_zoomin {
    0% {
        -webkit-transform: scale(.6);
        transform: scale(.6);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.syn-isotope-container[data-animation=zoomout] .syn-isotope-item[data-isotope-situation=hidden] {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0
}

.syn-isotope-container[data-animation=zoomout] .syn-isotope-item[data-isotope-situation=shown] {
    -webkit-animation: isotope_zoomout .4s ease-in-out forwards;
    animation: isotope_zoomout .4s ease-in-out forwards
}

@-webkit-keyframes isotope_zoomout {
    0% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes isotope_zoomout {
    0% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.syn-isotope-container[data-animation=slideup] .syn-isotope-item[data-isotope-situation=hidden] {
    -webkit-transform: translateY(55px);
    transform: translateY(55px)
}

.syn-isotope-container[data-animation=slideup] .syn-isotope-item[data-isotope-situation=shown] {
    -webkit-animation: isotope_slideup .4s ease-in-out forwards;
    animation: isotope_slideup .4s ease-in-out forwards
}

@-webkit-keyframes isotope_slideup {
    0% {
        -webkit-transform: translateY(55px);
        transform: translateY(55px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes isotope_slideup {
    0% {
        -webkit-transform: translateY(55px);
        transform: translateY(55px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.syn-isotope-container[data-animation=slidedown] .syn-isotope-item[data-isotope-situation=hidden] {
    -webkit-transform: translateY(-55px);
    transform: translateY(-55px)
}

.syn-isotope-container[data-animation=slidedown] .syn-isotope-item[data-isotope-situation=shown] {
    -webkit-animation: isotope_slidedown .4s ease-in-out forwards;
    animation: isotope_slidedown .4s ease-in-out forwards
}

@-webkit-keyframes isotope_slidedown {
    0% {
        -webkit-transform: translateY(-55px);
        transform: translateY(-55px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes isotope_slidedown {
    0% {
        -webkit-transform: translateY(-55px);
        transform: translateY(-55px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.syn-isotope-container[data-animation=slideleft] .syn-isotope-item[data-isotope-situation=hidden] {
    -webkit-transform: translateX(55px);
    transform: translateX(55px)
}

.syn-isotope-container[data-animation=slideleft] .syn-isotope-item[data-isotope-situation=shown] {
    -webkit-animation: isotope_slideleft .4s ease-in-out forwards;
    animation: isotope_slideleft .4s ease-in-out forwards
}

@-webkit-keyframes isotope_slideleft {
    0% {
        -webkit-transform: translateX(55px);
        transform: translateX(55px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes isotope_slideleft {
    0% {
        -webkit-transform: translateX(55px);
        transform: translateX(55px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.syn-isotope-container[data-animation=slideright] .syn-isotope-item[data-isotope-situation=hidden] {
    -webkit-transform: translateX(-55px);
    transform: translateX(-55px)
}

.syn-isotope-container[data-animation=slideright] .syn-isotope-item[data-isotope-situation=shown] {
    -webkit-animation: isotope_slideright .4s ease-in-out forwards;
    animation: isotope_slideright .4s ease-in-out forwards
}

@-webkit-keyframes isotope_slideright {
    0% {
        -webkit-transform: translateX(-55px);
        transform: translateX(-55px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes isotope_slideright {
    0% {
        -webkit-transform: translateX(-55px);
        transform: translateX(-55px)
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.syn-isotope-container[data-animation=fadeup] .syn-isotope-item[data-isotope-situation=hidden] {
    opacity: 0;
    -webkit-transform: translateY(55px);
    transform: translateY(55px)
}

.syn-isotope-container[data-animation=fadeup] .syn-isotope-item[data-isotope-situation=shown] {
    -webkit-animation: isotope_fadeup .4s ease-in-out forwards;
    animation: isotope_fadeup .4s ease-in-out forwards
}

@-webkit-keyframes isotope_fadeup {
    0% {
        opacity: 0;
        -webkit-transform: translateY(55px);
        transform: translateY(55px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes isotope_fadeup {
    0% {
        opacity: 0;
        -webkit-transform: translateY(55px);
        transform: translateY(55px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.syn-isotope-container[data-animation=fadedown] .syn-isotope-item[data-isotope-situation=hidden] {
    opacity: 0;
    -webkit-transform: translateY(-55px);
    transform: translateY(-55px)
}

.syn-isotope-container[data-animation=fadedown] .syn-isotope-item[data-isotope-situation=shown] {
    -webkit-animation: isotope_fadedown .4s ease-in-out forwards;
    animation: isotope_fadedown .4s ease-in-out forwards
}

@-webkit-keyframes isotope_fadedown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-55px);
        transform: translateY(-55px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes isotope_fadedown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-55px);
        transform: translateY(-55px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.syn-isotope-container[data-animation=fadeleft] .syn-isotope-item[data-isotope-situation=hidden] {
    opacity: 0;
    -webkit-transform: translateX(55px);
    transform: translateX(55px)
}

.syn-isotope-container[data-animation=fadeleft] .syn-isotope-item[data-isotope-situation=shown] {
    -webkit-animation: isotope_fadeleft .4s ease-in-out forwards;
    animation: isotope_fadeleft .4s ease-in-out forwards
}

@-webkit-keyframes isotope_fadeleft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(55px);
        transform: translateX(55px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes isotope_fadeleft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(55px);
        transform: translateX(55px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.syn-isotope-container[data-animation=faderight] .syn-isotope-item[data-isotope-situation=hidden] {
    opacity: 0;
    -webkit-transform: translateX(-55px);
    transform: translateX(-55px)
}

.syn-isotope-container[data-animation=faderight] .syn-isotope-item[data-isotope-situation=shown] {
    -webkit-animation: isotope_faderight .4s ease-in-out forwards;
    animation: isotope_faderight .4s ease-in-out forwards
}

@-webkit-keyframes isotope_faderight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-55px);
        transform: translateX(-55px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes isotope_faderight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-55px);
        transform: translateX(-55px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.syn-isotope-container[data-animation=isotope_fallperspective] .syn-isotope-item {
    -webkit-perspective: 1300px;
    perspective: 1300px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg);
    transform: translateZ(400px) translateY(300px) rotateX(-90deg)
}

.syn-isotope-container[data-animation=isotope_fallperspective] .syn-isotope-item[data-isotope-situation=shown] {
    -webkit-animation: isotope_fallperspective .4s ease-in-out forwards;
    animation: isotope_fallperspective .4s ease-in-out forwards
}

@-webkit-keyframes isotope_fallperspective {
    100% {
        -webkit-transform: translateZ(0) translateY(0) rotateX(0);
        opacity: 1
    }
}

@keyframes isotope_fallperspective {
    100% {
        -webkit-transform: translateZ(0) translateY(0) rotateX(0);
        opacity: 1
    }
}

.syn-isotope-container[data-animation=isotope_fly] .syn-isotope-item {
    -webkit-perspective: 1300px;
    perspective: 1300px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50% -300px;
    transform-origin: 50% 50% -300px;
    -webkit-transform: rotateX(-180deg);
    transform: rotateX(-180deg)
}

.syn-isotope-container[data-animation=isotope_fly] .syn-isotope-item[data-isotope-situation=shown] {
    -webkit-animation: isotope_fly .4s ease-in-out forwards;
    animation: isotope_fly .4s ease-in-out forwards
}

@-webkit-keyframes isotope_fly {
    100% {
        -webkit-transform: rotateX(0);
        opacity: 1
    }
}

@keyframes isotope_fly {
    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
}

.syn-isotope-container[data-animation=isotope_flip] .syn-isotope-item {
    -webkit-perspective: 1300px;
    perspective: 1300px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotateX(-80deg);
    transform: rotateX(-80deg)
}

.syn-isotope-container[data-animation=isotope_flip] .syn-isotope-item[data-isotope-situation=shown] {
    -webkit-animation: isotope_flip .4s ease-in-out forwards;
    animation: isotope_flip .4s ease-in-out forwards
}

@-webkit-keyframes isotope_flip {
    100% {
        -webkit-transform: rotateX(0);
        opacity: 1
    }
}

@keyframes isotope_flip {
    100% {
        -webkit-transform: rotateX(0);
        opacity: 1
    }
}

.syn-isotope-container[data-animation=isotope_popup] .syn-isotope-item {
    -webkit-perspective: 1300px;
    perspective: 1300px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: scale(.4);
    transform: scale(.4);
    opacity: 0
}

.syn-isotope-container[data-animation=isotope_popup] .syn-isotope-item[data-isotope-situation=shown] {
    -webkit-animation: isotope_popup .4s ease-in-out forwards;
    animation: isotope_popup .4s ease-in-out forwards;
    opacity: 1
}

@-webkit-keyframes isotope_popup {
    70% {
        -webkit-transform: scale(1.1);
        -webkit-animation-timing-function: ease-out
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@keyframes isotope_popup {
    70% {
        -webkit-transform: scale(1.1);
        -webkit-animation-timing-function: ease-out
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

[data-syn-boxshadow-hover=enabled]:hover,[data-syn-boxshadow=enabled] {
    box-shadow: 0 20px 40px -20px rgba(0,0,0,.7);
    -webkit-transition: box-shadow .4s ease-in-out;
    transition: box-shadow .4s ease-in-out
}

[data-syn-boxshadowsmall-hover=enabled]:hover,[data-syn-boxshadowsmall-hover=enabled][data-situation=active],[data-syn-boxshadowsmall=enabled] {
    box-shadow: 0 9px 24px -6px rgba(0,0,0,.4);
    -webkit-transition: box-shadow .4s ease-in-out;
    transition: box-shadow .4s ease-in-out
}

.syn-hvimage-single {
    width: 100%;
    position: relative;
    float: left
}

.syn-hvimage-single .syn-hvimage-insider[data-syn-boxshadow-hover=enabled] {
    margin-bottom: 35px
}

.syn-hvimage-ctn[data-overlay-type=custom]:hover .syn-hvimage-overlay {
    opacity: .7!important
}

.syn-hvimage-content-elemspan {
    display: block
}

.syn-hvimage-content {
    position: absolute;
    width: 100%;
    z-index: 2
}

.syn-hvimage-ctn h3 {
    padding: 0;
    margin: 0
}

.syn-hvimage-ctn {
    overflow: hidden
}

.syn-hvimage-ctn[data-columnposition=left] .syn-hvimage-content {
    text-align: left;
    padding-left: 25px
}

.syn-hvimage-ctn[data-columnposition=left][data-container-frame=enabled] .syn-hvimage-content {
    padding-left: 50px
}

.syn-hvimage-ctn[data-columnposition=center] .syn-hvimage-content {
    text-align: center
}

.syn-hvimage-ctn[data-columnposition=right] .syn-hvimage-content {
    text-align: right;
    padding-right: 25px
}

.syn-hvimage-ctn[data-columnposition=right][data-container-frame=enabled] .syn-hvimage-content {
    padding-right: 50px
}

.syn-hvimage-ctn[data-rowposition=top] .syn-hvimage-content {
    top: 0;
    padding-top: 25px
}

.syn-hvimage-ctn[data-rowposition=top][data-container-frame=enabled] .syn-hvimage-content {
    padding-top: 50px
}

.syn-hvimage-ctn[data-rowposition=middle] .syn-hvimage-content {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.syn-hvimage-ctn[data-rowposition=middle] [data-tilt] .syn-hvimage-content {
    -webkit-transform: translateY(-50%) translateZ(20px);
    transform: translateY(-50%) translateZ(20px)
}

.syn-hvimage-ctn[data-rowposition=bottom] .syn-hvimage-content {
    bottom: 0;
    padding-bottom: 25px
}

.syn-hvimage-ctn[data-rowposition=bottom][data-container-frame=enabled] .syn-hvimage-content {
    padding-bottom: 50px
}

.syn-hvimage-ctn .syn-hvimage-content-elem {
    width: 100%;
    float: left;
    display: block
}

.syn-hvimage-borderctn,.syn-hvimage-overlay {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%
}

.syn-hvimage-ctn[data-bordersize=small] .syn-hvimage-brlr {
    width: 2px
}

.syn-hvimage-ctn[data-bordersize=small] .syn-hvimage-brtb {
    height: 2px
}

.syn-hvimage-ctn[data-bordersize=medium] .syn-hvimage-brlr {
    width: 7px
}

.syn-hvimage-ctn[data-bordersize=medium] .syn-hvimage-brtb {
    height: 7px
}

.syn-hvimage-ctn[data-bordersize=large] .syn-hvimage-brlr {
    width: 15px
}

.syn-hvimage-ctn[data-bordersize=large] .syn-hvimage-brtb {
    height: 15px
}

.syn-hvimage-ctn[data-container-frame=enabled] .syn-hvimage-overlay {
    width: calc(100% - 50px);
    height: calc(100% - 50px);
    -webkit-transform: translateX(25px) translateY(25px);
    transform: translateX(25px) translateY(25px)
}

.syn-hvimage-ctn[data-overlay-showeffect=fade] .syn-hvimage-overlay {
    opacity: 0;
    top: 0;
    left: 0
}

.syn-hvimage-ctn[data-overlay-showeffect=fade]:hover .syn-hvimage-overlay {
    opacity: 1
}

.syn-hvimage-ctn[data-overlay-showeffect=slideleft] .syn-hvimage-overlay {
    top: 0;
    left: -100%
}

.syn-hvimage-ctn[data-overlay-showeffect=slideleft]:hover .syn-hvimage-overlay {
    left: 0
}

.syn-hvimage-ctn[data-overlay-showeffect=slidetop] .syn-hvimage-overlay {
    left: 0;
    top: -100%
}

.syn-hvimage-ctn[data-overlay-showeffect=slidetop]:hover .syn-hvimage-overlay {
    top: 0
}

.syn-hvimage-ctn[data-overlay-showeffect=slideright] .syn-hvimage-overlay {
    top: 0;
    right: -100%
}

.syn-hvimage-ctn[data-overlay-showeffect=slideright]:hover .syn-hvimage-overlay {
    right: 0
}

.syn-hvimage-ctn[data-overlay-showeffect=slidebottom] .syn-hvimage-overlay {
    left: 0;
    bottom: -100%
}

.syn-hvimage-ctn[data-overlay-showeffect=slidebottom]:hover .syn-hvimage-overlay {
    bottom: 0
}

.syn-hvimage-ctn[data-overlay-showeffect=fadeleft] .syn-hvimage-overlay {
    top: 0;
    left: -100%;
    opacity: 0
}

.syn-hvimage-ctn[data-overlay-showeffect=fadeleft]:hover .syn-hvimage-overlay {
    left: 0;
    opacity: 1
}

.syn-hvimage-ctn[data-overlay-showeffect=fadetop] .syn-hvimage-overlay {
    left: 0;
    top: -100%;
    opacity: 0
}

.syn-hvimage-ctn[data-overlay-showeffect=fadetop]:hover .syn-hvimage-overlay {
    top: 0;
    opacity: 1
}

.syn-hvimage-ctn[data-overlay-showeffect=faderight] .syn-hvimage-overlay {
    top: 0;
    right: -100%;
    opacity: 0
}

.syn-hvimage-ctn[data-overlay-showeffect=faderight]:hover .syn-hvimage-overlay {
    right: 0;
    opacity: 1
}

.syn-hvimage-ctn[data-overlay-showeffect=fadebottom] .syn-hvimage-overlay {
    left: 0;
    bottom: -100%;
    opacity: 0
}

.syn-hvimage-ctn[data-overlay-showeffect=fadebottom]:hover .syn-hvimage-overlay {
    bottom: 0;
    opacity: 1
}

.syn-hvimage-ctn[data-overlay-showeffect=zoomin] .syn-hvimage-overlay {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.syn-hvimage-ctn[data-overlay-showeffect=zoomin]:hover .syn-hvimage-overlay {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.syn-hvimage-ctn[data-overlay-showeffect=rotatezoom] .syn-hvimage-overlay {
    -webkit-transform: rotate(360deg) scale(0);
    transform: rotate(360deg) scale(0)
}

.syn-hvimage-ctn[data-overlay-showeffect=rotatezoom]:hover .syn-hvimage-overlay {
    border-radius: 0;
    -webkit-transform: rotate(0) scale(1);
    transform: rotate(0) scale(1)
}

.syn-hvimage-ctn[data-overlay-showeffect=zoomin][data-container-frame=enabled] .syn-hvimage-overlay,.syn-hvimage-ctn[data-overlay-showeffect=rotatezoom][data-container-frame=enabled] .syn-hvimage-overlay {
    left: 25px;
    top: 25px
}

.syn-hvimage-ctn[data-overlay-showeffect=slideright][data-container-frame=enabled]:hover .syn-hvimage-overlay,.syn-hvimage-ctn[data-overlay-showeffect=faderight][data-container-frame=enabled]:hover .syn-hvimage-overlay {
    right: 50px
}

.syn-hvimage-ctn[data-overlay-showeffect=slidebottom][data-container-frame=enabled]:hover .syn-hvimage-overlay,.syn-hvimage-ctn[data-overlay-showeffect=fadebottom][data-container-frame=enabled]:hover .syn-hvimage-overlay {
    bottom: 50px
}

.syn-hvimage-ctn[data-overlay-showeffect=slidebottom] .syn-hvimage-insider[data-syn-boxshadow-hover=enabled] .syn-hvimage-overlay,.syn-hvimage-ctn[data-overlay-showeffect=fadebottom] .syn-hvimage-insider[data-syn-boxshadow-hover=enabled] .syn-hvimage-overlay {
    bottom: calc(-100% - 35px)
}

.syn-hvimage-ctn[data-overlay-showeffect=slidebottom]:hover .syn-hvimage-insider[data-syn-boxshadow-hover=enabled] .syn-hvimage-overlay,.syn-hvimage-ctn[data-overlay-showeffect=fadebottom]:hover .syn-hvimage-insider[data-syn-boxshadow-hover=enabled] .syn-hvimage-overlay {
    bottom: 0
}

.syn-hvimage-insider {
    position: relative;
    z-index: 9;
    float: left;
    width: 100%;
    height: 100%
}

.syn-hvimage-insider[data-tilt] {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    will-change: transform
}

.syn-tilt-elem {
    -webkit-transform: translateZ(20px);
    transform: translateZ(20px)
}

.syn-hvimage-ctn[data-content-showeffect=fade] .syn-hvimage-content-elem {
    opacity: 0
}

.syn-hvimage-ctn[data-content-showeffect=fade]:hover .syn-hvimage-content-elem {
    opacity: 1
}

.syn-hvimage-ctn[data-content-showeffect=slideleft] .syn-hvimage-content-elem {
    margin-left: -100%
}

.syn-hvimage-ctn[data-content-showeffect=slideleft]:hover .syn-hvimage-content-elem {
    margin-left: 0
}

.syn-hvimage-ctn[data-content-showeffect=slidetop] .syn-hvimage-content-elem {
    margin-top: -100%
}

.syn-hvimage-ctn[data-content-showeffect=slidetop]:hover .syn-hvimage-content-elem {
    margin-top: 0
}

.syn-hvimage-ctn[data-content-showeffect=slideright] .syn-hvimage-content-elem {
    margin-left: 100%
}

.syn-hvimage-ctn[data-content-showeffect=slideright]:hover .syn-hvimage-content-elem {
    margin-left: 0
}

.syn-hvimage-ctn[data-content-showeffect=slidebottom] .syn-hvimage-content-elem {
    margin-top: 100%;
    position: absolute;
    line-height: 1em
}

.syn-hvimage-ctn[data-content-showeffect=slidebottom]:hover .syn-hvimage-content-elem {
    margin-top: 0
}

.syn-hvimage-ctn[data-content-showeffect=slidebottom]:hover .syn-lportf-content .syn-lportf-info {
    padding-top: 35px
}

.syn-hvimage-ctn[data-content-showeffect=zoomin] .syn-hvimage-content-elem {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.syn-hvimage-ctn[data-content-showeffect=zoomin]:hover .syn-hvimage-content-elem {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.syn-hvimage-ctn[data-content-showeffect=zoomout] .syn-hvimage-content-elem {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2)
}

.syn-hvimage-ctn[data-content-showeffect=zoomout]:hover .syn-hvimage-content-elem {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.syn-hvimage-ctn[data-content-showeffect*=reveal] .syn-hvimage-content-elem {
    overflow: hidden
}

.syn-hvimage-ctn[data-content-showeffect*=reveal] .syn-hvimage-content-elemspan {
    -webkit-transition: inherit;
    transition: inherit
}

.syn-hvimage-ctn[data-content-showeffect=revealtop] .syn-hvimage-content-elemspan {
    display: block;
    position: relative;
    transform: translateY(-100%)
}

.syn-hvimage-ctn[data-content-showeffect=revealtop]:hover .syn-hvimage-content-elemspan,.syn-hvimage-ctn[data-content-showeffect=revealbottom]:hover .syn-hvimage-content-elemspan {
    transform: translateY(0)
}

.syn-hvimage-ctn[data-content-showeffect=revealbottom] .syn-hvimage-content-elemspan {
    display: block;
    position: relative;
    transform: translateY(100%)
}

.syn-hvimage-ctn[data-content-showeffect=popup] .syn-hvimage-content-elem {
    -webkit-perspective: 1300px;
    perspective: 1300px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: scale(.4);
    transform: scale(.4);
    opacity: 0
}

.syn-hvimage-ctn[data-content-showeffect=popup]:hover .syn-hvimage-content-elem {
    -webkit-animation: hoverimg_popup .4s ease-in-out forwards;
    animation: hoverimg_popup .4s ease-in-out forwards;
    opacity: 1
}

@-webkit-keyframes hoverimg_popup {
    70% {
        -webkit-transform: scale(1.3)
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@keyframes hoverimg_popup {
    70% {
        -webkit-transform: scale(1.3)
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

.syn-hvimage-venus .syn-hvimage-bleft {
    left: 25px;
    top: calc(100% - 150px);
    height: 0
}

.syn-hvimage-venus .syn-hvimage-bright {
    right: 25px;
    bottom: calc(100% - 150px);
    height: 0
}

.syn-hvimage-venus .syn-hvimage-bottom {
    right: calc(100% - 150px);
    bottom: 25px;
    width: 0
}

.syn-hvimage-venus .syn-hvimage-btop {
    left: calc(100% - 150px);
    top: 25px;
    width: 0
}

.syn-hvimage-venus[data-container-frame=enabled] .syn-hvimage-bleft {
    left: 50px
}

.syn-hvimage-venus[data-container-frame=enabled] .syn-hvimage-bright {
    right: 50px
}

.syn-hvimage-venus[data-container-frame=enabled] .syn-hvimage-bottom {
    bottom: 50px
}

.syn-hvimage-venus[data-container-frame=enabled] .syn-hvimage-btop {
    top: 50px
}

.syn-hvimage-venus:hover .syn-hvimage-bleft {
    height: 70px;
    top: 25px
}

.syn-hvimage-venus:hover .syn-hvimage-bright {
    height: 70px;
    bottom: 25px
}

.syn-hvimage-venus:hover .syn-hvimage-bottom {
    width: 70px;
    right: 25px
}

.syn-hvimage-venus:hover .syn-hvimage-btop {
    width: 70px;
    left: 25px
}

.syn-hvimage-venus[data-container-frame=enabled]:hover .syn-hvimage-bleft {
    top: 50px
}

.syn-hvimage-venus[data-container-frame=enabled]:hover .syn-hvimage-bright {
    bottom: 50px
}

.syn-hvimage-venus[data-container-frame=enabled]:hover .syn-hvimage-bottom {
    right: 50px
}

.syn-hvimage-venus[data-container-frame=enabled]:hover .syn-hvimage-btop {
    left: 50px
}

.syn-hvimage-neptune .syn-hvimage-bleft {
    left: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 0
}

.syn-hvimage-neptune .syn-hvimage-bright {
    right: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 0
}

.syn-hvimage-neptune .syn-hvimage-bottom {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 25px;
    width: 0
}

.syn-hvimage-neptune .syn-hvimage-btop {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 25px;
    width: 0
}

.syn-hvimage-neptune[data-container-frame=enabled] .syn-hvimage-bleft {
    left: 50px
}

.syn-hvimage-neptune[data-container-frame=enabled] .syn-hvimage-bright {
    right: 50px
}

.syn-hvimage-neptune[data-container-frame=enabled] .syn-hvimage-bottom {
    bottom: 50px
}

.syn-hvimage-neptune[data-container-frame=enabled] .syn-hvimage-btop {
    top: 50px
}

.syn-hvimage-neptune:hover .syn-hvimage-bleft,.syn-hvimage-neptune:hover .syn-hvimage-bright {
    height: calc(100% - 51px)
}

.syn-hvimage-neptune:hover .syn-hvimage-bottom,.syn-hvimage-neptune:hover .syn-hvimage-btop {
    width: calc(100% - 51px)
}

.syn-hvimage-neptune[data-container-frame=enabled]:hover .syn-hvimage-bleft,.syn-hvimage-neptune[data-container-frame=enabled]:hover .syn-hvimage-bright {
    height: calc(100% - 101px)
}

.syn-hvimage-neptune[data-container-frame=enabled]:hover .syn-hvimage-bottom,.syn-hvimage-neptune[data-container-frame=enabled]:hover .syn-hvimage-btop {
    width: calc(100% - 101px)
}

.syn-hvimage-uranus .syn-hvimage-br {
    opacity: 0
}

.syn-hvimage-uranus:hover .syn-hvimage-br {
    opacity: 1
}

.syn-hvimage-uranus .syn-hvimage-bleft {
    left: -20px;
    top: 25px;
    height: calc(100% - 50px)
}

.syn-hvimage-uranus .syn-hvimage-bright {
    right: -20px;
    top: 25px;
    height: calc(100% - 50px)
}

.syn-hvimage-uranus .syn-hvimage-bottom {
    bottom: -20px;
    left: 25px;
    width: calc(100% - 50px)
}

.syn-hvimage-uranus .syn-hvimage-btop {
    top: -20px;
    left: 25px;
    width: calc(100% - 50px)
}

.syn-hvimage-uranus[data-container-frame=enabled] .syn-hvimage-bleft {
    left: -40px;
    top: 35px;
    height: calc(100% - 70px)
}

.syn-hvimage-uranus[data-container-frame=enabled] .syn-hvimage-bright {
    right: -40px;
    top: 35px;
    height: calc(100% - 70px)
}

.syn-hvimage-uranus[data-container-frame=enabled] .syn-hvimage-bottom {
    bottom: -40px;
    left: 35px;
    width: calc(100% - 70px)
}

.syn-hvimage-uranus[data-container-frame=enabled] .syn-hvimage-btop {
    top: -40px;
    left: 35px;
    width: calc(100% - 70px)
}

.syn-hvimage-uranus:hover .syn-hvimage-bleft {
    left: 50px
}

.syn-hvimage-uranus:hover .syn-hvimage-bright {
    right: 50px
}

.syn-hvimage-uranus:hover .syn-hvimage-bottom {
    bottom: 50px
}

.syn-hvimage-uranus:hover .syn-hvimage-btop {
    top: 50px
}

.syn-hvimage-uranus[data-container-frame=enabled]:hover .syn-hvimage-bleft {
    left: 70px
}

.syn-hvimage-uranus[data-container-frame=enabled]:hover .syn-hvimage-bright {
    right: 70px
}

.syn-hvimage-uranus[data-container-frame=enabled]:hover .syn-hvimage-bottom {
    bottom: 70px
}

.syn-hvimage-uranus[data-container-frame=enabled]:hover .syn-hvimage-btop {
    top: 70px
}

.syn-hvimage-saturn:hover .syn-hvimage-content {
    opacity: 0
}

.syn-hvimage-br {
    position: absolute;
    z-index: 1;
    background: currentColor
}

.syn-hvimage-saturn .syn-hvimage-bleft {
    left: 25px;
    bottom: calc(100% - 150px);
    height: 0
}

.syn-hvimage-saturn .syn-hvimage-bright {
    right: 25px;
    top: calc(100% - 150px);
    height: 0
}

.syn-hvimage-saturn .syn-hvimage-bottom {
    left: calc(100% - 150px);
    bottom: 25px;
    width: 0
}

.syn-hvimage-saturn .syn-hvimage-btop {
    right: calc(100% - 150px);
    top: 25px;
    width: 0
}

.syn-hvimage-saturn[data-container-frame=enabled] .syn-hvimage-bleft {
    left: 50px
}

.syn-hvimage-saturn[data-container-frame=enabled] .syn-hvimage-bright {
    right: 50px
}

.syn-hvimage-saturn[data-container-frame=enabled] .syn-hvimage-bottom {
    bottom: 50px
}

.syn-hvimage-saturn[data-container-frame=enabled] .syn-hvimage-btop {
    top: 50px
}

.syn-hvimage-saturn:hover .syn-hvimage-bleft {
    height: 70px;
    bottom: 25px
}

.syn-hvimage-saturn:hover .syn-hvimage-bright {
    height: 70px;
    top: 25px
}

.syn-hvimage-saturn:hover .syn-hvimage-bottom {
    width: 70px;
    left: 25px
}

.syn-hvimage-saturn:hover .syn-hvimage-btop {
    width: 70px;
    right: 25px
}

.syn-hvimage-saturn[data-container-frame=enabled]:hover .syn-hvimage-bleft {
    bottom: 50px
}

.syn-hvimage-saturn[data-container-frame=enabled]:hover .syn-hvimage-bright {
    top: 50px
}

.syn-hvimage-saturn[data-container-frame=enabled]:hover .syn-hvimage-bottom {
    left: 50px
}

.syn-hvimage-saturn[data-container-frame=enabled]:hover .syn-hvimage-btop {
    right: 50px
}

.syn-hvimage-mars:hover .syn-hvimage-btn-item,.syn-hvimage-saturn:hover .syn-hvimage-btn-item {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.syn-hvimage-actionbtns {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 40px;
    z-index: 93;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.syn-hvimage-ctn[data-rowposition=middle] [data-tilt] .syn-hvimage-actionbtns {
    -webkit-transform: translateY(-50%) translateZ(20px);
    transform: translateY(-50%) translateZ(20px)
}

.syn-hvimage-actionbtns .syn-hvimage-btn-item {
    width: 35px;
    height: 35px;
    color: #fff;
    line-height: 35px;
    font-size: 13px;
    display: inline-block;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    margin: 0 1px;
    position: relative;
    cursor: pointer;
    border-radius: 500px;
    text-align: center;
    float: none
}

.syn-hvimage-actionbtns .syn-hvimage-btn-item i {
    z-index: 9;
    position: relative
}

.syn-hvimage-actionbtns .syn-hvimage-btn-item:after {
    content: '';
    background: rgba(255,255,255,.2);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    border-radius: 500px;
    z-index: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.syn-hvimage-actionbtns .syn-hvimage-btn-item:hover:after {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.syn-hvimage-arrowctn {
    height: 25px;
    width: 100%;
    left: 0;
    bottom: 25px;
    z-index: 1;
    position: absolute
}

.syn-hvimage-pluto[data-container-frame=enabled] .syn-hvimage-arrowctn {
    bottom: 50px
}

.syn-hvimage-arrowitem {
    background: currentColor;
    position: absolute;
    height: 3px;
    right: 65px;
    top: 50%;
    width: 0
}

.syn-hvimage-arrowtop {
    -webkit-transform: rotate(35deg) translateX(-5px);
    transform: rotate(35deg) translateX(-5px)
}

.syn-hvimage-arrowbottom {
    -webkit-transform: rotate(-35deg) translateX(-5px);
    transform: rotate(-35deg) translateX(-5px)
}

.syn-hvimage-pluto:hover .syn-hvimage-arrowside {
    width: 13px;
    right: 25px
}

.syn-hvimage-pluto[data-container-frame=enabled]:hover .syn-hvimage-arrowside {
    width: 13px;
    right: 50px
}

.syn-hvimage-pluto[data-container-frame=enabled] .syn-hvimage-arrowside {
    right: 95px
}

.syn-hvimage-arrowline {
    right: 130px
}

.syn-hvimage-pluto:hover .syn-hvimage-arrowline {
    width: 30px;
    right: 34px
}

.syn-hvimage-pluto[data-container-frame=enabled]:hover .syn-hvimage-arrowline {
    width: 30px;
    right: 58px
}

.syn-hvimage-jupiter {
    overflow: hidden
}

.syn-hvimage-jupiter[data-columnposition=left] .syn-lportf-content-hover {
    text-align: left
}

.syn-hvimage-jupiter .syn-lportf-content-hover {
    position: absolute;
    left: 0;
    bottom: 0;
    opacity: 1;
    z-index: 1
}

.syn-hvimage-jupiter .syn-lportf-title {
    margin-bottom: 3px
}

.syn-hvimage-jupiter .syn-hvimage-content-elem {
    position: relative;
    display: block;
    float: left;
    width: 100%;
    overflow: hidden
}

.syn-hvimage-jupiter:hover .syn-hvimage-content {
    bottom: -64px
}

.syn-hvimage-jupiter .syn-hvimage-jupiter-content {
    height: 64px;
    padding-top: 13px!important
}

.syn-hvimage-jupiter .syn-hvimage-background {
    top: -64px
}

.syn-hvimage-jupiter:hover .syn-hvimage-background {
    top: 0
}

.syn-hvimage-jupiter .syn-hvimage-content-hover .syn-hvimage-content-elemspan {
    display: block;
    position: relative;
    transform: translateY(100%)
}

.syn-hvimage-jupiter:hover .syn-hvimage-content-hover .syn-hvimage-content-elemspan {
    transform: translateY(0)
}

.syn-hvimage-heart-right {
    position: absolute;
    right: 0;
    margin-top: 2px;
    padding-right: inherit;
    text-align: center;
    cursor: pointer
}

.syn-hvimage-heart-right i {
    font-size: 17px;
    opacity: .8;
    left: 0;
    display: block;
    margin-bottom: 2px
}

.syn-hvimage-heart-right span {
    font-size: 11px;
    font-family: monospace;
    display: block
}

.syn-hvimage-mars {
    width: 100%
}

.syn-lportf-ctn .syn-bpost-category-ctn {
    z-index: 9
}

.syn-lportf-ctn[data-categories=disabled] .syn-bpost-category-ctn {
    display: none
}

.syn-hvimage-mars .syn-hvimage-overlay {
    opacity: 0
}

.syn-hvimage-mars:hover .syn-hvimage-overlay {
    opacity: 1
}

.syn-hvimage-mars-imgctn {
    width: 65%;
    float: left;
    position: relative
}

.syn-hvimage-mars-contentctn {
    width: 35%;
    float: right;
    position: absolute;
    right: 0;
    height: 100%
}

.syn-hvimage-mars-insider {
    position: absolute;
    text-align: left;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    height: auto
}

.syn-hvimage-mars-insider .syn-lportf-title {
    margin-top: 3px;
    margin-bottom: 15px
}

.syn-hvimage-mars-insider .syn-lportf-excerpt {
    line-height: 1.8em
}

.syn-hvimage-mars[data-syn-mars-gutter=enabled] {
    margin-bottom: 25px
}

.syn-full-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 991
}

@media screen and (min-width: 650px) and (max-width:900px) {
    #footer-column-1,#footer-column-2,#footer-column-3,#footer-column-4 {
        width:50%!important;
        float: left
    }

    .footer-column:nth-of-type(2) {
        padding-right: 0
    }
}

@media screen and (min-width: 300px) and (max-width:650px) {
    #footer-column-1,#footer-column-2,#footer-column-3,#footer-column-4 {
        width:100%!important;
        float: left
    }

    .footer-column {
        padding-right: 0
    }
}

@media screen and (min-width: 300px) and (max-width:700px) {
    .km-filteri-image-c[data-columns='2'][data-gutter=on] .km-filteri-item,.km-filteri-image-c[data-columns='3'] .km-filteri-item,.km-filteri-image-c[data-columns='3'][data-gutter=on] .km-filteri-item,.km-filteri-image-c[data-columns='4'] .km-filteri-item,.km-filteri-image-c[data-columns='4'][data-gutter=on] .km-filteri-item,.km-filteri-image-c[data-columns='5'] .km-filteri-item,.km-filteri-image-c[data-columns='5'][data-gutter=on] .km-filteri-item,.km-grid-2,.km-grid-3,.portfolio-card-2col,.portfolio-card-3col,.portfolio-full-3col,.portfolio-full-4col,.portfolio-full-5col,.portfolio-hover-2col,.portfolio-hover-3col,.portfolio-hover-4col,.portfolio-simple-2col,.portfolio-simple-3col,.portfolio-simple-4col,.related-p,.syp-item-2,.syp-item-2-gutter,.syp-item-3,.syp-item-3-gutter,.syp-item-4,.syp-item-4-gutter,.syp-item-5,.syp-item-5-gutter .km-filteri-image-c[data-columns='2'] .km-filteri-item {
        width:100%
    }
}

@media screen and (min-width: 650px) and (max-width:850px) {
    .km-grid-4 {
        width:calc((100% - 75px)/ 2 + 25px)
    }
}

@media screen and (min-width: 930px) and (max-width:1200px) {
    .km-filteri-image-c[data-columns='5'] .km-filteri-item,.km-filteri-image-c[data-columns='5'][data-gutter=on] .km-filteri-item,.portfolio-full-5col,.syp-item-5-gutter {
        width:calc(100% / 3)
    }
}

@media screen and (min-width: 700px) and (max-width:1200px) {
    .km-filteri-image-c[data-columns='4'] .km-filteri-item,.portfolio-hover-4col,.portfolio-simple-4col,.syp-item-4-gutter {
        width:calc((100% - 75px)/ 2 + 25px)
    }

    .km-filteri-image-c[data-columns='4'][data-gutter=on] .km-filteri-item,.syp-item-4 {
        width: 50%
    }
}

@media screen and (min-width: 300px) and (max-width:930px) {
    .pp-tableCell.pptmkit-responsive {
        display:block!important;
        overflow: auto!important
    }
}

@media screen and (min-width: 700px) and (max-width:930px) {
    .km-filteri-image-c[data-columns='3'] .km-filteri-item,.portfolio-full-3col,.portfolio-full-4col,.portfolio-full-5col,.related-p,.syp-item-3 {
        width:50%
    }

    .km-filteri-image-c[data-columns='3'][data-gutter=on] .km-filteri-item,.portfolio-card-3col,.portfolio-hover-3col,.portfolio-simple-3col,.syp-item-3-gutter {
        width: calc((100% - 75px)/ 2 + 25px)
    }
}

@media screen and (min-width: 300px) and (max-width:650px) {
    .km-grid-4 {
        width:100%
    }

    .km-modal.km-modal-video {
        width: 98%!important
    }

    .km_cf7-input-container.cf7-input-half,.km_cf7-submit-insider {
        width: 100%!important
    }
}

@media screen and (min-width: 300px) and (max-width:1050px) {
    .sidebysidepage,.sidebysidepage body {
        overflow:visible!important;
        height: auto!important
    }

    .ms-section,.ms-section.ms-table,.ms-tableCell {
        min-height: 300px!important
    }

    .km-sidebyside-container,.km-sidebyside-left.ms-left,.km-sidebyside-right.ms-right {
        position: relative!important;
        min-height: 400px!important;
        top: unset!important;
        left: unset!important;
        right: unset!important;
        bottom: unset!important
    }

    #km-theboss,#km-wrapper,.sidebysidepage {
        overflow: auto!important
    }

    #multiscroll-nav {
        display: none!important
    }

    .km-sidebyside-left.ms-left,.km-sidebyside-right.ms-right {
        touch-action: auto!important;
        width: 100%!important
    }
}

@media screen and (min-width: 300px) and (max-width:850px) {
    .syn-hotspot-contentanim,.syn-hotspot-contentbig {
        position:absolute;
        left: 0!important;
        top: 0!important;
        width: 100%!important;
        height: 100%!important;
        margin: 0!important
    }

    .syn-hotspot-content {
        position: absolute;
        margin: 0!important;
        z-index: 3;
        top: 50%!important;
        bottom: auto!important;
        left: 50%!important;
        right: auto!important;
        -webkit-transform: translate(-50%,-50%)!important;
        transform: translate(-50%,-50%)!important;
        margin-left: none!important
    }

    .syn-hotspot-content:after {
        border-color: transparent!important
    }

    .syn-hotspot-closer.syn-closer,.syn-hotspot-responsive-solver {
        display: block
    }
}

@media screen and (min-width: 300px) and (max-width:700px) {
    .syn-isotope-container[data-columns='2'] .syn-isotope-item,.syn-isotope-container[data-columns='2'][data-gutter-enabled=on] .syn-isotope-item,.syn-isotope-container[data-columns='4'] .syn-isotope-item,.syn-isotope-container[data-columns='4'][data-gutter-enabled=on] .syn-isotope-item,.syn-isotope-container[data-columns='5'] .syn-isotope-item,.syn-isotope-container[data-columns='5'][data-gutter-enabled=on] .syn-isotope-item {
        width:100%
    }
}

@media screen and (min-width: 300px) and (max-width:650px) {
    .syn-isotope-container[data-columns='3'] .syn-isotope-item,.syn-isotope-container[data-columns='3'][data-gutter-enabled=on] .syn-isotope-item {
        width:100%
    }
}

@media screen and (min-width: 930px) and (max-width:1200px) {
    .syn-isotope-container[data-columns='5'] .syn-isotope-item,.syn-isotope-container[data-columns='5'][data-gutter-enabled=on] .syn-isotope-item {
        width:calc(100% / 3)
    }
}

@media screen and (min-width: 700px) and (max-width:1200px) {
    .syn-isotope-container[data-columns='4'] .syn-isotope-item {
        width:calc((100% - 75px)/ 2 + 25px)
    }

    .syn-isotope-container[data-columns='4'][data-gutter-enabled=on] .syn-isotope-item {
        width: 50%
    }
}

@media screen and (min-width: 650px) and (max-width:1050px) {
    .syn-isotope-container[data-columns='3'][data-gutter-enabled=on] .syn-isotope-item {
        width:calc((100% - 75px)/ 2 + 25px)
    }
}

@media screen and (min-width: 300px) and (max-width:900px) {
    .syn-hvimage-mars.syn-hvimage-ctn .syn-hvimage-mars-imgctn,.syn-hvimage-mars.syn-hvimage-ctn .syn-hvimage-mars-insider {
        width:100%;
        position: relative
    }

    .syn-hvimage-mars.syn-hvimage-ctn .syn-hvimage-mars-contentctn {
        padding: 60px 0;
        width: 100%;
        position: relative
    }
}

@media screen and (min-width: 950px) and (max-width:1050px) {
    .syn-isotope-container[data-layout=metro][data-gutter-enabled=off] .syn-hvimage-ctn[data-portfolio-metro=rahyass-portfolio-metrosquare],.syn-isotope-container[data-layout=metro][data-gutter-enabled=off] .syn-hvimage-ctn[data-portfolio-metro=rahyass-portfolio-metrotall] {
        width:33.33333%
    }

    .syn-isotope-container[data-layout=metro][data-gutter-enabled=off] .syn-hvimage-ctn[data-portfolio-metro=rahyass-portfolio-metrowide] {
        width: 66.66666%
    }

    .syn-isotope-container[data-layout=metro][data-gutter-enabled=on] .syn-hvimage-ctn[data-portfolio-metro=rahyass-portfolio-metrosquare],.syn-isotope-container[data-layout=metro][data-gutter-enabled=on] .syn-hvimage-ctn[data-portfolio-metro=rahyass-portfolio-metrotall] {
        width: calc((100% - 125px)/ 3 + 25px)
    }

    .syn-isotope-container[data-layout=metro][data-gutter-enabled=on] .syn-hvimage-ctn[data-portfolio-metro=rahyass-portfolio-metrowide] {
        width: calc((66.66666% - 75px)/ 2 + 25px)
    }
}

@media screen and (min-width: 550px) and (max-width:950px) {
    .syn-isotope-container[data-layout=metro][data-gutter-enabled=off] .syn-hvimage-ctn[data-portfolio-metro=rahyass-portfolio-metrosquare],.syn-isotope-container[data-layout=metro][data-gutter-enabled=off] .syn-hvimage-ctn[data-portfolio-metro=rahyass-portfolio-metrotall] {
        width:50%
    }

    .syn-isotope-container[data-layout=metro] .syn-hvimage-ctn[data-portfolio-metro=rahyass-portfolio-metrowide],.syn-isotope-item.syn-large-metro {
        width: 100%
    }

    .syn-bpost-quote.syn-bpost-metro1,.syn-isotope-container[data-layout=metro][data-gutter-enabled=on] .syn-hvimage-ctn[data-portfolio-metro=rahyass-portfolio-metrosquare],.syn-isotope-container[data-layout=metro][data-gutter-enabled=on] .syn-hvimage-ctn[data-portfolio-metro=rahyass-portfolio-metrotall],.syn-isotope-item.syn-bpost-metro-modern,.syn-isotope-item.syn-bpost-metro1-classic {
        width: calc((100% - 75px)/ 2 + 25px)
    }
}

@media screen and (min-width: 300px) and (max-width:550px) {
    .syn-bpost-quote.syn-bpost-metro1,.syn-isotope-container[data-layout=metro] .syn-hvimage-ctn[data-portfolio-metro=rahyass-portfolio-metrosquare],.syn-isotope-container[data-layout=metro] .syn-hvimage-ctn[data-portfolio-metro=rahyass-portfolio-metrotall],.syn-isotope-container[data-layout=metro] .syn-hvimage-ctn[data-portfolio-metro=rahyass-portfolio-metrowide],.syn-isotope-item.syn-bpost-metro-modern,.syn-isotope-item.syn-bpost-metro1-classic,.syn-isotope-item.syn-large-metro {
        width:100%!important
    }

    .syn-bpost-metro1.syn-large-metro .syn-bpost-half {
        width: 100%;
        position: relative!important
    }
}






 .testimonials_style_one .rcls__inner {
	 max-width: 1360px;
	 margin-left: auto;
	 margin-right: auto;
}
 .testimonials_style_one .rcls__box {
	 margin-bottom: 80px;
	 margin-left: auto;
	 margin-right: auto;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-pack: center;
	 -ms-flex-pack: center;
	 justify-content: center;
	 -webkit-box-orient: vertical;
	 -webkit-box-direction: normal;
	 -ms-flex-direction: column;
	 flex-direction: column;
	 max-width: 500px;
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 align-items: center;
	 text-align: center;
}

 
 .testimonials_style_one .rcls-slide {
	 background: #fff;
	 padding-top: 45px;
	 padding-bottom: 45px;
	 padding-right: 45px;
	 padding-left: 45px;
    border-radius: 4px;
    border: 1px solid #ddd;
    border-top: 3px solid #ddd;
}
 @media (max-width: 1920px) {
	 .testimonials_style_one .rcls-slide {
		 padding-top: calc(30px + 15 * ((100vw - 360px) / 1560));
	}
}

 @media (max-width: 1920px) {
	 .testimonials_style_one .rcls-slide {
		 padding-right: calc(15px + 30 * ((100vw - 360px) / 1560));
	}
}
 @media (max-width: 1920px) {
	 .testimonials_style_one .rcls-slide {
		 padding-left: calc(15px + 30 * ((100vw - 360px) / 1560));
	}
}
 .testimonials_style_one .rcls-slide__text {
	 font-weight: 300;
	 font-size: 16px;
	 line-height: 30px;
	 letter-spacing: 0.01em;
	 color: #515151;
     text-align: left;
}
 @media (max-width: 1920px) {
	 .testimonials_style_one .rcls-slide__text {
		 font-size: calc(14px + 2 * ((100vw - 360px) / 1560));
	}
}
 @media (max-width: 1920px) {
	 .testimonials_style_one .rcls-slide__text {
		 line-height: calc(20px + 10 * ((100vw - 360px) / 1560));
	}
}
 .testimonials_style_one .rcls-slide-top {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 align-items: center;
	 gap: 20px;
	 padding-bottom: 35px;
	 margin-bottom: 35px;
	 border-bottom: 1px solid rgba(217, 217, 217, .5);
}
 @media (max-width: 1920px) {
	 .testimonials_style_one .rcls-slide-top {
		 padding-bottom: calc(20px + 15 * ((100vw - 360px) / 1560));
	}
}
 @media (max-width: 1920px) {
	 .testimonials_style_one .rcls-slide-top {
		 margin-bottom: calc(20px + 15 * ((100vw - 360px) / 1560));
	}
}
 .testimonials_style_one .rcls-slide-top__img {
	 width: 80px;
	 height: 80px;
	 max-width: 80px;
	 max-height: 80px;
}
 .testimonials_style_one .rcls-slide-top__img-image {
	 width: 100%;
	 height: 100%;
	 -o-object-fit: cover;
	 object-fit: cover;
	 border-radius: 100%;
}
 .testimonials_style_one .rcls-slide-top__box {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-orient: vertical;
	 -webkit-box-direction: normal;
	 -ms-flex-direction: column;
	 flex-direction: column;
	 gap: 2px;
}
 .testimonials_style_one .rcls-slide-top__box-text {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    letter-spacing: -0.01em;
    text-transform: capitalize;
    color: #202020;
    text-align: left;
}
 @media (max-width: 1920px) {
	 .testimonials_style_one .rcls-slide-top__box-text {
		 font-size: calc(16px + 2 * ((100vw - 360px) / 1560));
	}
}
 @media (max-width: 1920px) {
	 .testimonials_style_one .rcls-slide-top__box-text {
		 line-height: calc(26px + 2 * ((100vw - 360px) / 1560));
	}
}
 .testimonials_style_one .rcls-slide-top__box-subtext {
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: -0.01em;
    text-align: left;
    padding-bottom: 5px;
}
 .testimonials_style_two .rcls {
	 background-repeat: no-repeat;
	 background-size: cover;
	 background-position: center;
}
 @media (max-width: 1720px) {
	 .testimonials_style_two .rcls {
		 padding-top: calc(40px + 80 * ((100vw - 360px) / 1360));
	}
}
 @media (max-width: 1720px) {
	 .testimonials_style_two .rcls {
		 padding-bottom: calc(40px + 80 * ((100vw - 360px) / 1360));
	}
}
 .testimonials_style_two .rcls .container {
	 max-width: 1195px;
}
 .testimonials_style_two .rcls-top {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: end;
	 -ms-flex-align: end;
	 align-items: flex-end;
	 -webkit-box-pack: justify;
	 -ms-flex-pack: justify;
	 justify-content: space-between;
	 margin-bottom: 70px;
	 gap: 50px;
}
 @media (max-width: 1720px) {
	 .testimonials_style_two .rcls-top {
		 margin-bottom: calc(50px + 20 * ((100vw - 360px) / 1360));
	}
}
 .testimonials_style_two .rcls-top__heading {
	 max-width: 500px;
}
 .testimonials_style_two .rcls-top .heading__title {
	 color: #fff;
}
 .testimonials_style_two .rcls-top__buttons {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 align-items: center;
	 gap: 15px;
	 position: absolute;
	 right: 0;
	 top: 0;
     z-index: 9;
}
 .testimonials_style_two .swiper-wrapper {
	 padding-top: 120px;
}
 .testimonials_style_two .rcls-top__buttons-prev {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-pack: center;
	 -ms-flex-pack: center;
	 justify-content: center;
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 align-items: center;
	 border: 1px solid #fff;
	 cursor: pointer;
	 -webkit-transition: background 0.3s;
	 -o-transition: background 0.3s;
	 transition: background 0.3s;
	 width: 52px;
	 height: 52px;
	 background: rgba(0, 0, 0, 0);
}
 .testimonials_style_two .rcls-top__buttons-prev svg {
	 -webkit-transform: rotate(180deg);
	 -ms-transform: rotate(180deg);
	 transform: rotate(180deg);
}
 .testimonials_style_two .rcls-top__buttons-prev:hover {
	 background: #ed2222;
	 border: 1px solid #ed2222;
}
 @media (max-width: 1720px) {
	 .testimonials_style_two .rcls-top__buttons-prev {
		 width: calc(40px + 12 * ((100vw - 360px) / 1360));
	}
}
 @media (max-width: 1720px) {
	 .testimonials_style_two .rcls-top__buttons-prev {
		 height: calc(40px + 12 * ((100vw - 360px) / 1360));
	}
}
 .testimonials_style_two .rcls-top__buttons-next {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-pack: center;
	 -ms-flex-pack: center;
	 justify-content: center;
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 align-items: center;
	 width: 52px;
	 height: 52px;
	 border: 1px solid #fff;
	 background: rgba(0, 0, 0, 0);
	 cursor: pointer;
	 -webkit-transition: background 0.3s, border 0.3s;
	 -o-transition: background 0.3s, border 0.3s;
	 transition: background 0.3s, border 0.3s;
}
 @media (max-width: 1720px) {
	 .testimonials_style_two .rcls-top__buttons-next {
		 width: calc(40px + 12 * ((100vw - 360px) / 1360));
	}
}
 @media (max-width: 1720px) {
	 .testimonials_style_two .rcls-top__buttons-next {
		 height: calc(40px + 12 * ((100vw - 360px) / 1360));
	}
}
 .testimonials_style_two .rcls-top__buttons-next:hover {
	 background: #ed2222;
	 border: 1px solid #ed2222;
}



 .testimonials_style_two .rcls__swiper .swiper-pagination {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 align-items: center;
	 gap: 10px;
	 bottom: 0;
	 -webkit-box-pack: center;
	 -ms-flex-pack: center;
	 justify-content: center;
}
 .testimonials_style_two .rcls__swiper .swiper-pagination-bullet {
	 opacity: 1;
	 background: rgba(217, 217, 217, .3);
	 width: 15px;
	 height: 6px;
	 border-radius: unset;
	 -webkit-transition: background 0.3s, width 0.3s;
	 -o-transition: background 0.3s, width 0.3s;
	 transition: background 0.3s, width 0.3s;
	 margin-left: 0 !important;
	 margin-right: 0 !important;
}
 .testimonials_style_two .rcls__swiper .swiper-pagination-bullet:hover {
	 background: #ed2222;
}
 .testimonials_style_two .rcls__swiper .swiper-pagination-bullet-active {
	 width: 30px;
	 background: #ed2222;
}
 .testimonials_style_two .rcls-slide {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 align-items: center;
	 gap: 110px;
}
 @media (max-width: 1720px) {
	 .testimonials_style_two .rcls-slide {
		 gap: calc(20px + 90 * ((100vw - 360px) / 1360));
	}
}
 .testimonials_style_two .rcls-slide__text {
	 padding: 15px 0 15px 80px;
	 padding-left: 80px;
	 color: #fff;
	 font-size: 14px;
	 font-weight: 500;
	 line-height: 26px;
	 letter-spacing: -0.14px;
	 max-width: 790px;
	 border-left: 1px solid #fff;
}
 @media (max-width: 1720px) {
	 .testimonials_style_two .rcls-slide__text {
		 padding-left: calc(20px + 60 * ((100vw - 360px) / 1360));
	}
}
 .testimonials_style_two .rcls-slide-box {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 align-items: center;
	 gap: 30px;
	 gap: 30px;
}
 @media (max-width: 1720px) {
	 .testimonials_style_two .rcls-slide-box {
		 gap: calc(15px + 15 * ((100vw - 360px) / 1360));
	}
}
 .testimonials_style_two .rcls-slide-box__img {
	 width: 80px;
	 height: 80px;
	 min-width: 80px;
	 min-height: 80px;
}
 @media (max-width: 1720px) {
	 .testimonials_style_two .rcls-slide-box__img {
		 width: calc(60px + 20 * ((100vw - 360px) / 1360));
	}
}
 @media (max-width: 1720px) {
	 .testimonials_style_two .rcls-slide-box__img {
		 height: calc(60px + 20 * ((100vw - 360px) / 1360));
	}
}
 @media (max-width: 1720px) {
	 .testimonials_style_two .rcls-slide-box__img {
		 min-width: calc(60px + 20 * ((100vw - 360px) / 1360));
	}
}
 @media (max-width: 1720px) {
	 .testimonials_style_two .rcls-slide-box__img {
		 min-height: calc(60px + 20 * ((100vw - 360px) / 1360));
	}
}
 .testimonials_style_two .rcls-slide-box__img-image {
	 width: 100%;
	 height: 100%;
}
 .testimonials_style_two .rcls-slide-box__column-text {
	 margin-bottom: 2px;
	 color: #fff;
	 font-size: 18px;
	 font-weight: 600;
	 line-height: 28px;
	 letter-spacing: -0.18px;
	 text-transform: capitalize;
}
 .testimonials_style_two .rcls-slide-box__column-subtext {
	 margin-bottom: 2px;
	 color: #fff;
	 font-size: 14px;
	 font-weight: 500;
	 line-height: 26px;
	 letter-spacing: -0.14px;
}
 @media (max-width: 500px) {
	 .testimonials_style_two .rcls-slide {
		 -webkit-box-orient: vertical;
		 -webkit-box-direction: normal;
		 -ms-flex-direction: column;
		 flex-direction: column;
		 -webkit-box-align: start;
		 -ms-flex-align: start;
		 align-items: flex-start;
	}
	 .testimonials_style_two .rcls-top__buttons {
		 display: none;
	}
}
 .elementor-widget-templines-testimonial-slider .rcls-slide-box__column-text, .elementor-widget-templines-testimonial-slider .rcls-slide-box__column-subtext, .elementor-widget-templines-testimonial-slider .rcls-slide__text {
	 margin: 0;
}
 @media (max-width: 850px) {
	 .elementor-widget-templines-testimonial-slider .testimonials_style_two .rcls-slide {
		 flex-wrap: wrap;
		 justify-content: center;
	}
	 .elementor-widget-templines-testimonial-slider .testimonials_style_two .rcls-slide__text {
		 border-left: 0px;
		 text-align: center !important;
		 padding-left: 0 !important;
	}
	 .elementor-widget-templines-testimonial-slider .testimonials_style_two .rcls-top__buttons {
		 display: none;
	}
	 .elementor-widget-templines-testimonial-slider .testimonials_style_two .rcls-slide-box {
		 text-align: center;
		 margin: 0 auto;
		 width: fit-content;
		 justify-content: center;
	}
}



[data-rcslide-style='2'] .rcls-slide__text {
    color: #222;
    font-size: 16px;
    line-height: 2;
    max-width: 100%;
    background: rgba(255, 255, 255, 0.2);
    padding: 23px;
    border-radius: 0;
    position: relative;
}




[data-rcslide-style='2'] .rcslide-slide,
[data-rcslide-style='2'] .rcslide-slide .rcslide-slide__inner {
	border-radius: 0;
	border: 0;
	background: transparent;
	padding: 0 !important;
	padding-top: 10px !important;
}

[data-rcslide-style='2'] .rcslide-slide-top-box__column-text {
	padding-top: 0;
	padding-bottom: 10px;
}


[data-rcslide-style='2'] .rcslide-slide__text {
	color: #222;
	font-size: 16px;
	line-height: 2;
	max-width: 100%;
	background: rgba(255, 255, 255, 0.2);
	padding: 23px;
	border-radius: 0;
	position: relative;
    text-align: left;
}


[data-rcslide-style='2'] .rcslide-slide__text:after {
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid rgba(255, 255, 255, 0.2);
	top: -10px;
	position: absolute;
}

.testimonials_style_two .swiper-button-tmkit{
    padding-top: 50px;
}



.km-team {
	margin-bottom: 120px
}

@media(max-width: 1320px) {
	.km-team {
		margin-bottom: calc(60px + 60 * ((100vw - 375px) / 945))
	}
}

.km-team .km-titling {
	max-width: 615px;
	margin-bottom: 70px
}

@media(max-width: 1320px) {
	.km-team .km-titling {
		margin-bottom: calc(35px + 35 * ((100vw - 375px) / 945))
	}
}

.km-team__wrapper {
	position: relative
}

.km-team__wrapper::before {
	content: "";
	position: absolute;
	left: -470px;
	top: 125px;
	width: 275px;
	height: 297px;
}

.km-team__wrapper::after {
	content: "";
	position: absolute;
	right: 71px;
	top: 67px;
	width: 96px;
	height: 16px;
}

.km-team__inner {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 30px
}

@media(max-width: 1320px) {
	.km-team__inner {
		gap: calc(15px + 15 * ((100vw - 375px) / 945))
	}
}

.km-team-card {
    cursor: pointer;
    position: relative;
}



.scroll-swiper-disable .tmwrapper{
    display: grid;
}





.km-team-card:hover .km-socials {
	opacity: 1
}


.km-team-card:hover  .km-team-card__inner{
 
    opacity: 1;
}



.km-team__bottom__info{
    padding: 25px;
    background: #fff;
    text-align: center;
    font-size: 23px;
    border: 1px solid #eee;
    border-top: 0;
}


.km-team__bottom__info  .rcs-slide__info_title{
    font-size: 20px;
}


.km-team__bottom__info  .rcs-slide__info_date{
    font-size: 20px;
}

.km-team-card__inner {
	border-radius: 2px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
	-webkit-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 33px;
	padding-left: 30px;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    -webkit-filter: contrast(.958);
    filter: contrast(.958);
    bottom: 0;
    opacity: 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}

@media(max-width: 1320px) {
	.km-team-card__inner {
		padding-top: calc(15px + 15 * ((100vw - 375px) / 945))
	}
}

@media(max-width: 1320px) {
	.km-team-card__inner {
		padding-right: calc(15px + 15 * ((100vw - 375px) / 945))
	}
}

@media(max-width: 1320px) {
	.km-team-card__inner {
		padding-bottom: calc(15px + 18 * ((100vw - 375px) / 945))
	}
}

@media(max-width: 1320px) {
	.km-team-card__inner {
		padding-left: calc(15px + 15 * ((100vw - 375px) / 945))
	}
}

.km-team-card__title {
    color: #fff;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    margin-bottom: 20px;
    font-size: 38px;
    line-height: 33px;
}

@media(max-width: 1320px) {
	.km-team-card__title {
		margin-bottom: calc(2px + 2 * ((100vw - 375px) / 945))
	}
}

@media(max-width: 1320px) {
	.km-team-card__title {
		font-size: calc(18px + 4 * ((100vw - 375px) / 945))
	}
}

@media(max-width: 1320px) {
	.km-team-card__title {
		line-height: calc(24px + 9 * ((100vw - 375px) / 945))
	}
}

.km-team-card__text {
    color: #fff;
    font-size: 18px;
    line-height: 19px;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    margin: 0 !important;
    padding: 0;
}

.km-team-card-poster {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}



.km-team-card-poster__img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.km-team-box__social  {
	opacity: 1;
	position: relative;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;

}



.km-team-box__social  {
    display: flex;
    gap: 15px;
    justify-content: center;
    margin-top: 15px;
}

.km-team-box__social  a {
    border-radius: 2px;
    display: inline-block;
    width: 30px;
    height: 30px;
}

.km-team__bottom__info  .km-socials__list-link:hover {
	border: 1px solid #fff
}

.km-team-box__social svg {
    width: 30px;
    height: 30px;
}

.km-team-box__social svg path {
    fill: #222 !important;
    fill-opacity: 1;
}





.km-sections-wrapper {
	overflow: hidden;
	position: relative
}

@media(min-width: 1500px) {
	.km-sections-wrapper::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 150px;
		height: 1343px;
		z-index: 10
	}
}

.km-team-card-poster img{
    object-fit: cover;
    aspect-ratio:280 / 335;
}


 .rcs-slide-top-box__column-text {
    margin-top: 0 !important;
}


.km-socials__list, .km-socials__list li{
    list-style: none;
}


.km-team-card-poster .km-socials__list-link {
    display: inline-block;
    background: #DD0005;
    border: 1px solid rgba(0, 0, 0, 0);
    width: 32px;
    height: 32px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    border-radius: 5px;
}


.style-top .rcs-slide-left__img {
     align-items: flex-start !important;
}
.style-middle .rcs-slide-left__img {
    margin: 0 auto;
    align-items: center !important;
}

.style-bottom .rcs-slide-left__img {
     align-items: flex-end !important;
}


.tmteam-image-big{
    height: auto;
    min-width: 40%;
    width: 40%;
    max-height: 700px;
    overflow: hidden;
}


.tmteam-image-big img{
    width: 100%;
    height: auto;
}


.swiper-controls-navigation-disable .rcs-swiper__navigation{
    display: none !important;
} 


.swiper-controls-pagination-disable .rcs-swiper__pagination{
    display: none !important;
}

.swiper-controls-pagination-disable {
        padding-bottom: 0px !important;
}


.rcs-slide__info_box_image{
    position: relative;
}


.rcs-slide__info_box{
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.25);
    position: absolute;
    left: 0; 
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    color: #fff;
    align-content: center;
    opacity: 0;

}


.km-team-card:hover .rcs-slide__info_box{
    opacity: 1;
}

.rcs-slide__info_title_box{
    color: #222;
    font-weight: 500;
    font-size: 14px;
}


.rcs-slide__info_date_box{
  color: #222;
  font-size: 14px;
}




 [data-rcs-style='2'] .rcs-slide-top-box__column-text {
	 padding-top: 0;
	 padding-bottom: 10px;
}
 [data-rcs-style='2'] .rcs-slide__text {
	 color: #222;
	 font-size: 16px;
	 line-height: 1.7;
	 max-width: 100%;
}
 [data-rcs-style='3'] .rcs-slide {
	 border: 0;
}
 [data-rcs-style='3'] .rcs-slide-top-box__column-text {
	 margin-bottom: 10px;
}
 .rcs-slide__info {
	 gap: 20px;
	 padding-top: 20px;
}

@media (max-width: 1100px) {
    .rcs-slide__info {
        display: none !important;
    }
}


 @media (min-width: 900px) {
	 .rcs-slide__info {
		 display: flex;
	}
}



 [data-rcs-style='3'] .rcs-slide__info span {
	 display: inline-block;
	 width: 100%;
}
 .rcs-slide__text {
	 color: #777;
	 max-width: 100%;
	 font-size: 16px;
	 line-height: 28px;
}
 .rcs-slide__info_title {
	 color: #222;
}
 .rcs-slide__info_date {
	 padding-top: 0px;
	 color: #222;
}
 .rcs-slide__info div {
    background-color: #fff;
    padding: 20px;
    min-width: 50%;
    text-align: center;
    border-radius: 0;
    border: 1px solid #222;
}

 @media (max-width: 1260px) {
     

.rcs-slide__info_inner .rcs-slide__info_title {
    font-size: 15px !important;
}
     
     
}




.flteam-single .swiper-pagination {
    position: relative;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}



 .rcs-slide-left__img {
	 display: flex;
	 align-items: flex-end;
}

 .style-right .rcs-slide-left__img {
	 display: flex;
	 align-items: flex-end;
     flex-direction: row-reverse;
}

 .fl-swiper-button-pagination {
	 text-align: center;
	 width: 120px;
	 position: absolute;
	 left: -10px;
	 height: 45px;
	 margin-top: 20px;
}
 @media (max-width: 900px) {
    .rcs-slide-left__img {
        display: flex;
        align-items: flex-end;
        flex-wrap: wrap;
        justify-content: space-around;
        flex-direction: column;
    }
     
     
     
     .tmteam-image-big {
    min-width: 100%;
    width: 100%;
    padding-bottom: 25px;
}
     
     
.flteam-single  .rcs-slide__inner_team {
    padding-top: 45px !important;
    padding-right: 0 !important;
    padding-bottom: 45px !important;
    padding-left: 0 !important;
    width: 100%;
    text-align: center;
}
     
     
     
      .flteam-single    .rcs-slide-top-box__social {
    justify-content: center;
}
     
     
   .flteam-single   .rcs-slide-top {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px;
}
     
     
     
     
}
 @media (max-width: 1650px) {
	 .rcs-slide__inner_team {
		 padding-top: 35px;
		 padding-right: 25px;
		 padding-bottom: 35px;
		 padding-left: 25px;
	}
}
 @media (max-width: 1650px) and (max-width: 1290px) {
	 .rcs-slide__inner_team {
		 padding-top: calc(25px + 10 * ((100vw - 375px) / 915));
	}
}
 @media (max-width: 1650px) and (max-width: 1290px) {
	 .rcs-slide__inner_team {
		 padding-right: calc(15px + 10 * ((100vw - 375px) / 915));
	}
}
 @media (max-width: 1650px) and (max-width: 1290px) {
	 .rcs-slide__inner_team {
		 padding-bottom: calc(25px + 10 * ((100vw - 375px) / 915));
	}
}
 @media (max-width: 1650px) and (max-width: 1290px) {
	 .rcs-slide__inner_team {
		 padding-left: calc(15px + 10 * ((100vw - 375px) / 915));
	}
}
 .rcs {
	 margin-bottom: 280px;
}
 @media (max-width: 1290px) {
	 .rcs {
		 padding-top: calc(60px + 50 * ((100vw - 375px) / 915));
	}
}
 @media (max-width: 1290px) {
	 .rcs {
		 margin-bottom: calc(240px + 40 * ((100vw - 375px) / 915));
	}
}
 .rcs__inner {
	 margin-left: -125px;
	 margin-right: -125px;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 align-items: center;
	 gap: 80px;
	 -webkit-box-pack: justify;
	 -ms-flex-pack: justify;
	 justify-content: space-between;
}
 @media (max-width: 1290px) {
	 .rcs__inner {
		 gap: calc(40px + 40 * ((100vw - 375px) / 915));
	}
}
 .rcs .titling {
	 max-width: 490px;
	 min-width: 490px;
	 padding-bottom: 60px;
}
 .rcs .titling__text {
	 margin-bottom: 0;
	 padding-bottom: 0;
}
 @media (max-width: 1290px) {
	 .rcs .titling__text {
		 margin-bottom: calc(30px + 15 * ((100vw - 375px) / 915));
	}
}
 .rcs-swiper, .swiper {
	 padding-bottom: 70px;
}
 .rcs-swiper .swiper-pagination {
	 bottom: 0 !important;
}
 html .swiper-pagination-bullet {
	 width: 10px;
	 height: 10px;
	 background: #d7d7d7;
	 margin-left: 5px !important;
	 margin-right: 5px !important;
	 opacity: 1;
	 border-radius: unset;
	 -webkit-transition: background 0.3s;
	 -o-transition: background 0.3s;
	 transition: background 0.3s;
}
 html .swiper-pagination-bullet-active {
	 background: #222;
}
 .rcs-slide__inner_team {
    padding-top: 45px !important;
    padding-right: 45px !important;
    padding-bottom: 45px !important;
    padding-left: 45px !important;
    width: 60%;
}


 @media (max-width: 1200px) {
  .flteam-single .rcs-slide__inner_team {
    padding-top: 0 !important;
}
     
      .flteam-single  [data-rcs-style='2'] .rcs-slide__text {
    font-size: 14px;
}
     
   .flteam-single .rcs-slide__info div {
    padding: 10px;
}   
     
   .flteam-single   .rcs-slide-top {
        margin-bottom: 15px;
    }
     
     
     
     
}



 @media (max-width: 1290px) {
	 .rcs-slide__inner_team {
		 padding-top: calc(25px + 37 * ((100vw - 375px) / 915));
	}
}
 @media (max-width: 1290px) {
	 .rcs-slide__inner_team {
		 padding-right: calc(15px + 33 * ((100vw - 375px) / 915));
	}
}
 @media (max-width: 1290px) {
	 .rcs-slide__inner_team {
		 padding-bottom: calc(25px + 33 * ((100vw - 375px) / 915));
	}
}
 @media (max-width: 1290px) {
	 .rcs-slide__inner_team {
		 padding-left: calc(15px + 33 * ((100vw - 375px) / 915));
	}
}
 .rcs-slide__text {
	 color: #777;
	 max-width: 375px;
	 font-size: 16px;
	 line-height: 28px;
}
 @media (max-width: 1290px) {
	 .rcs-slide__text {
		 font-size: calc(14px + 2 * ((100vw - 375px) / 915));
	}
}
 @media (max-width: 1290px) {
	 .rcs-slide__text {
		 line-height: calc(26px + 2 * ((100vw - 375px) / 915));
	}
}
 .rcs-slide-top {
	 gap: 30px;
	 row-gap: 15px;
	 -ms-flex-wrap: wrap;
	 flex-wrap: wrap;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 align-items: center;
	 -webkit-box-pack: justify;
	 -ms-flex-pack: justify;
	 justify-content: space-between;
	 margin-bottom: 10px;
}
 @media (max-width: 1290px) {
	 .rcs-slide-top {
		 margin-bottom: calc(20px + 10 * ((100vw - 375px) / 915));
	}
}
 .rcs-slide-top-box {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 align-items: center;
	 gap: 20px;
}
 @media (max-width: 1290px) {
	 .rcs-slide-top-box {
		 gap: calc(15px + 5 * ((100vw - 375px) / 915));
	}
}
 .rcs-slide-top-box__img {
	 border-radius: 100%;
	 overflow: hidden;
	 width: 60px;
	 height: 60px;
}
 @media (max-width: 1290px) {
	 .rcs-slide-top-box__img {
		 widht: calc(45px + 15 * ((100vw - 375px) / 915));
	}
}
 @media (max-width: 1290px) {
	 .rcs-slide-top-box__img {
		 height: calc(45px + 15 * ((100vw - 375px) / 915));
	}
}
 .rcs-slide-top-box__img-image {
	 width: 100%;
	 height: 100%;
	 -o-object-fit: cover;
	 object-fit: cover;
}
 .rcs-slide-top-box__column-name {
    color: #222;
    font-weight: 500;
    margin-bottom: 5px !important;
    font-size: 37px;
    line-height: 1.7;
}
 @media (max-width: 1290px) {
	 .rcs-slide-top-box__column-name {
		 font-size: calc(26px + 4 * ((100vw - 375px) / 915));
	}
}
 @media (max-width: 1290px) {
	 .rcs-slide-top-box__column-name {
		 line-height: calc(28px + 4 * ((100vw - 375px) / 915));
	}
}
 .rcs-slide-top-box__column-text {
    font-size: 20px;
    line-height: 31px;
    padding-bottom: 0 !important;
}
 .stars {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 align-items: center;
	 gap: 5px;
}
 [data-rcs-style='3']:hover .fl-swiper-button-pagination {
	 opacity: 1;
}
 .fl-swiper-button-pagination-center {
	 left: 50%;
	 margin-left: -60px;
}
 .fl-swiper-button-pagination-right {
	 left: auto;
	 right: 0;
	 margin-left: 0px;
}
 .swiper-button-next, .swiper-button-prev {
	 padding: 10px;
	 background: #f4f3fb;
	 border: 1px solid #ddd;
	 width: 44px;
	 height: 44px;
}
 .swiper-button-next:hover, .swiper-button-prev:hover {
	 background: #dd0005;
	 border-color: #dd0005;
}
 .rcs-swiper {
	 position: relative;
}
 .rcs-swiper:hover .fl-swiper-button-pagination {
	 opacity: 1;
}
 .fl-swiper-button-pagination {
	 left: auto;
	 right: 0;
	 margin-left: 0px;
	 width: 100%;
	 top: 45%;
	 opacity: 0;
	 -webkit-transition: all 0.3s;
	 -o-transition: all 0.3s;
	 transition: all 0.3s;
}
 .swiper-button-prev:hover:after, .swiper-button-next:hover:after {
	 color: #fff;
}
 .swiper-button-prev:after, .swiper-button-next:after {
	 font-size: 16px;
	 color: #222;
}
 .rcs-slide__info span {
	 display: inline-block;
	 width: 100%;
}
 .rcs-slide__info_inner {
    font-size: 14px;
    line-height: 1.7;
}
 .rcs-slide__info_inner .rcs-slide__info_title {
    font-weight: 600;
    font-size: 18px;
}

.rcs-slide-top-box__social{
    display: flex;
    gap:17px;
}

.rcs-slide-top-box__social a svg {
    fill: #222;
    background-color: #fff;
}



.rcs-slide-top-box__social a:hover {
    transform: scale(1.1);
}

.rcs-slide-top-box__social svg{
    width: 25px;
    height: 25px;
}

.marquebox ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.elementor-widget-templines-marquebox{
    overflow: hidden;
}

.marquebox {
    width: 84%;
    animation: 35s linear infinite prt-marque-text;
    will-change: transform;
    white-space: nowrap;
}


.marquebox ul li div {
    position: relative;
    display: flex;
    margin-left: 0;
    margin-right: 0;
    font-size: 70px;
    line-height: 130px;
    text-align: center;
    letter-spacing: 2px;
    font-weight: 700;
    justify-content: center;
    align-items: center;

}



@media (max-width: 768px) {
    
    .marquebox ul li div {
               font-size: 30px; 
    }
    

    
}

.marquebox .marquebox_color_style-white   li div{
    color: #fff;
}


.marquebox .marquebox_color_style-white  li:nth-child(even) div {
    -webkit-text-stroke: 1px #fff;
}


.marquebox ul li{
    position: relative;
    display: inline-block;
    font-size: 26px;
    line-height: 50px;
    text-align: center;
    letter-spacing: 2px;
    font-weight: 700;
}

.marquebox ul li div{
    margin-left: 35px;
    margin-right: 35px;
}


.marquebox ul li div svg{
    position: relative;
    right: -28px;
    width: 50px;
    height: 50px;

}


.marquebox ul li div svg path{
    fill:#222;
}

.marquebox .marquebox_color_style-white  li div svg path{
    fill:#fff;
    stroke:#fff;
}

.marquebox ul li:nth-child(even) div{
    color: transparent;
    -webkit-text-stroke: 1px #222;
}



.prt-marquebox-wrapper {
    width: 84%;
    animation: 135s linear infinite prt-marque-text;
    will-change: transform;
    white-space: nowrap;
}



  @keyframes prt-marque-text {
                0% {
                    transform: translate(0,0)
                }

                100% {
                    transform: translate(-100%,0)
                }
            }




/*splitting */



.anime-letters  .splitting .char {
    -webkit-animation:  anime-letters   1150ms cubic-bezier(0.550, 0.085, 0.680, 0.530) 500ms infinite alternate both;
    animation: anime-letters  1150ms cubic-bezier(0.550, 0.085, 0.680, 0.530) 500ms infinite alternate both;
        animation-delay: calc(90ms * var(--char-index));
        animation-iteration-count: 1;

}


.splitting .char {

    display: inline-block;


}

/* ----------------------------------------------
 * Generated by Animista on 2024-9-17 17:22:36
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-top
 * ----------------------------------------
 */
@-webkit-keyframes anime-letters{
 0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
      100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes slide-top {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
      100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}




.ani-image  svg{
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
}


.hero-image-parallax,.lax-image-parallax_top{
    overflow: hidden;
}


.ani-image .regards-effect {
       border-radius: 0 !important;
}


.anitype-style-three  .lax-container-width-wide .wrapobject{
      height: 890px;  
} 

.wrapobject{
    overflow: hidden;
}

.anitype-style-three .wrapobject {
    height: 100% ;
    width: 100% ;
    position: relative;
}

.aninfo.cover-title{
    position: absolute;
    width: 100%;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.anitype-style-three .lax-container-width-wide {
    background-position: top center;
    background-size: cover;
    object-fit: cover;
    width: 100% ;
    height: 100% ;
    margin: 0 auto;
    overflow: hidden;
}


.anitype-style-three.aniwrapper{
    overflow: hidden;
}


.anitype-style-three.aniwrapper  video {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    background-position: center center;
    background-size: cover;
    object-fit: cover;
}


.anitype-style-one.aniwrapper  .wrapobject img {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    background-position: center center;
    background-size: cover;
    object-fit: cover;
}



.aninfo h3{
    margin: 0;
    font-size: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
}

.aninfo h5{
    margin: 0;
    font-size: 16px;
    padding-bottom: 20px;
    font-weight: normal;
    width: 100%;
}


.aninfo-bottom{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}


.ft-hero15-img{
    position: relative;
}