/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -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
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    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;
}

.navbar-brand img {max-width:110px;}
.nav-item:hover{ border-bottom:1px solid #00a5de;}
.producthover p{font-size: 20px;
    color: #fff;}
.producthover__left p, .producthover__right p{
	font-size: 21px;
	background-color: #f58900;
    padding: 5px 15px;
	border:2px solid #f58900;
	border-radius:10px;
}
.producthover .hov.active, .producthover__middle.active{
	background-color: #fef2e4;
    color: #222;
}
.mobileshow {display:none;}
@media (max-width: 768px) {
	.carousel-inner img{width:100%}
	.navbar-brand img{
		max-width:65px;
	}
	.wrapper li{
		width: 250px;
		height: 250px;
		-webkit-perspective: 300; 
	}
	.picBox img{
		width: 250px;
		height: 250px;
	}
	#service .container .wrapper{display:none;}
	.tm-section-pad-top {
    padding-top: 25px;}
	.tm-gallery-container{
	    padding-top: 20px;
		padding-bottom: 20px;
	}
	#contact{
		padding-top:20px;
	}
	.tm-section-title{
		font-size: 1.6rem;
	}
	.tm-intro-text{
		font-size: 1rem;
	}
	.tm-intro-text-container{
		padding-left: 5px;
	}
	.mb-5, .my-5 {
    margin-bottom: 1rem!important;
	    font-size: 1rem;
}
	.tm-contact-item{
		margin-bottom: 20px;
	}
	.producthover p{
		font-size: 2rem;
		line-height: 1.3;
		color: #ffffff;
	}
	.mobileshow {display:block;width: 100%;}
	.mobilepicBox .show img{width:100%;height:150px;}
	.mobilepicBox{ background-color: #298fcc; }
	.mobilepicBox .show h3{ width:100%;height:150px; font-size: 1.1rem;
    padding: 0 15px;}
	.mobileshow .col-6{float:left;margin:10px auto;}
	.tm-contact-item .mb-0{    font-size: 0.9rem;
    line-height: 1.2rem;}
	.tm-footer{bottom: 5px;}
}
.producthover {
	/* background-image:url(../img/banner112.jpg); */
	background-attachment:fixed;
	padding:30px;
}
.producthover .hov::after,.producthover__middle::after {
	height:2px;
	background:#f58900;
	bottom:-9px;
	right:0;
	left:0;
	content:""
}
.producthover .flexible {
	display:flex!important;
	align-items:center
}
.producthover__header {
	margin:0 auto;
	max-width:400px;
	padding-bottom:50px
}
.producthover__body {
	max-width:650px;
	margin:0 auto
}
.producthover__cont {
	display:flex;
	align-items:center;
	justify-content:center;
	padding-top:50px
}
.producthover__left,.producthover__right {
	display:flex;
	flex-direction:column;
	padding:10px;
	flex:1 0 33.33%
}
.producthover__left p,.producthover__right p {
	margin:3.8em 0
}
.producthover__left {
	align-items:flex-end
}
.producthover__left p:nth-child(2),.producthover__left p:nth-child(4) {
	transform:translateX(-30px);
	-ms-transform:translateX(-30px);
	-moz-transform:translateX(-30px);
	-webkit-transform:translateX(-30px);
	-o-transform:translateX(-30px)
}
.producthover__left p:nth-child(3) {
	transform:translateX(-70px);
	-ms-transform:translateX(-70px);
	-moz-transform:translateX(-70px);
	-webkit-transform:translateX(-70px);
	-o-transform:translateX(-70px)
}
.producthover__left p:last-child {
	transform:translateX(50px);
	-ms-transform:translateX(50px);
	-moz-transform:translateX(50px);
	-webkit-transform:translateX(50px);
	-o-transform:translateX(50px)
}
.producthover__middle {
	cursor:default;
	transition:color .35s ease;
	-webkit-transition:color .35s ease;
	-ms-transition:color .35s ease;
	-moz-transition:color .35s ease;
	-o-transition:color .35s ease;
	position:relative
}
.producthover__middle.mid {
	display:table;
	margin-left:auto;
	margin-right:auto
}
.producthover__middle::after {
	display:block;
	position:absolute;
	transform:scaleX(0);
	-ms-transform:scaleX(0);
	-moz-transform:scaleX(0);
	-webkit-transform:scaleX(0);
	-o-transform:scaleX(0);
	transition:transform .35s ease;
	-webkit-transition:transform .35s ease;
	-ms-transition:transform .35s ease;
	-moz-transition:transform .35s ease;
	-o-transition:transform .35s ease
}
.producthover__middle.active::after {
	transform:scaleX(1);
	-ms-transform:scaleX(1);
	-moz-transform:scaleX(1);
	-webkit-transform:scaleX(1);
	-o-transform:scaleX(1)
}
.producthover__right {
	align-items:flex-start
}
.producthover__right p:nth-child(2),.producthover__right p:nth-child(4) {
	transform:translateX(30px);
	-ms-transform:translateX(30px);
	-moz-transform:translateX(30px);
	-webkit-transform:translateX(30px);
	-o-transform:translateX(30px)
}
.producthover__right p:nth-child(3) {
	transform:translateX(70px);
	-ms-transform:translateX(70px);
	-moz-transform:translateX(70px);
	-webkit-transform:translateX(70px);
	-o-transform:translateX(70px)
}
.producthover__right p:last-child {
	transform:translateX(-50px);
	-ms-transform:translateX(-50px);
	-moz-transform:translateX(-50px);
	-webkit-transform:translateX(-50px);
	-o-transform:translateX(-50px)
}
.producthover .hov {
	cursor:default;
	transition:color .35s ease;
	-webkit-transition:color .35s ease;
	-ms-transition:color .35s ease;
	-moz-transition:color .35s ease;
	-o-transition:color .35s ease;
	position:relative
}
.producthover .hov.mid {
	display:table;
	margin-left:auto;
	margin-right:auto
}
.producthover .hov::after {
	display:block;
	position:absolute;
	transform:scaleX(0);
	-ms-transform:scaleX(0);
	-moz-transform:scaleX(0);
	-webkit-transform:scaleX(0);
	-o-transform:scaleX(0);
	transition:transform .35s ease;
	-webkit-transition:transform .35s ease;
	-ms-transition:transform .35s ease;
	-moz-transition:transform .35s ease;
	-o-transition:transform .35s ease
}
.producthover .hov.active::after {
	transform:scaleX(1);
	-ms-transform:scaleX(1);
	-moz-transform:scaleX(1);
	-webkit-transform:scaleX(1);
	-o-transform:scaleX(1)
}
.producthover__circle {
	display:flex;
	position:relative;
	justify-content:center;
	align-items:center;
	width:400px;
	height:400px;
	border-radius:100%;
    border: 5px solid #f58900;
    background: #ffffff;
	padding:20px;
	margin-bottom:60px
}
.producthover__circle::before {
	content:"";
	display:block;
	background:#f58900;
    background-image: url(../img/finger.png);
	background-size: cover;
	border-radius:100%;
	top:6.5%;
	left:6.5%;
	bottom:6.5%;
	right:6.5%;
	position:absolute;
	border:1px solid #f58900;
	transform:scale(1);
	-ms-transform:scale(1);
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	-o-transform:scale(1);
	opacity:1;
	transition:transform .45s ease,opacity .45s ease;
	-webkit-transition:transform .45s ease,opacity .45s ease;
	-ms-transition:transform .45s ease,opacity .45s ease;
	-moz-transition:transform .45s ease,opacity .45s ease;
	-o-transition:transform .45s ease,opacity .45s ease;
	transition-delay:.25s;
	-webkit-transition-delay:.25s;
	-ms-transition-delay:.25s;
	-moz-transition-delay:.25s;
	-o-transition-delay:.25s
}
.producthover__circle img {
	display:block;
	position:relative;
	max-width:75%;
	transform:scale(.5);
	-ms-transform:scale(.5);
	-moz-transform:scale(.5);
	-webkit-transform:scale(.5);
	-o-transform:scale(.5);
	opacity:0;
	z-index:2;
	transition:transform .5s ease,opacity .35s ease;
	-webkit-transition:transform .5s ease,opacity .35s ease;
	-ms-transition:transform .5s ease,opacity .35s ease;
	-moz-transition:transform .5s ease,opacity .35s ease;
	-o-transition:transform .5s ease,opacity .35s ease
}
.showImg.producthover__circle img {
	transform:scale(1);
	-ms-transform:scale(1);
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	-o-transform:scale(1);
	opacity:1
}
.producthover__circle.showImg::before {
	transform:scale(0);
	-ms-transform:scale(0);
	-moz-transform:scale(0);
	-webkit-transform:scale(0);
	-o-transform:scale(0);
	opacity:0
}
.producthover__circle div {
	display:flex;
	position:absolute;
	top:10%;
	left:13%;
	bottom:15%;
	right:12%;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	opacity:0;
	pointer-events:none;
	z-index:1;
	transition:.35s ease;
	-webkit-transition:.35s ease;
	-ms-transition:.35s ease;
	-moz-transition:.35s ease;
	-o-transition:.35s ease
}
.producthover__circle::after {
    content: '';
    width: 80%;
    height: 80%;
    left: 0;
    top: 0px;
    margin: 10%;
    position: absolute;
    display: block;
    border: dashed 2px #ffffff;
    border-radius: 100%;
    animation: fo-rotating 25s infinite linear;
    -webkit-animation: fo-rotating 25s infinite linear;
}
@keyframes fo-rotating {
  100% {
    transform: rotate(360deg);
  }
}
.producthover__circle div.active {
	opacity:1;
	pointer-events:all;
	transition-delay:.15s;
	-webkit-transition-delay:.15s;
	-ms-transition-delay:.15s;
	-moz-transition-delay:.15s;
	-o-transition-delay:.15s
}
.producthover__circle div p {
	margin:0;
	max-width:100%;
	font-size:24px;
	line-height:1em;	text-align:center;
}
.producthover__circle div strong {
	margin-top:14px;
	display:inline-block;
	font-size:16px
}
@media screen and (max-width:1366px) and (min-width:651px) {
	.producthover__circle div p {
	font-size:calc(16px + (24 - 16) * (100vw - 651px)/ (1366 - 651))
}
.producthover__circle div strong {
	font-size:calc(12px + (18 - 12) * (100vw - 651px)/ (1366 - 651))
}
}.producthover__mobile .circ {
	position:relative;
	width:350px;
	height:350px;
	margin:auto;
	background:#f58900;
	padding:4%;
	border-radius:100%;
	box-sizing:content-box;
	border:5px solid #707070
}
.producthover__mobile .circ.hideblue::before {
	transform:scale(0);
	-ms-transform:scale(0);
	-moz-transform:scale(0);
	-webkit-transform:scale(0);
	-o-transform:scale(0);
	opacity:0
}
.producthover__mobile .circ div {
	height:350px
}
.producthover__mobile .circ::before {
	position:absolute;
	content:"";
	border-radius:100%;
	width:92%;
	height:92%;
	top:4%;
	right:4%;
	bottom:4%;
	left:4%;
	background:#f58900;
	opacity:1;
	transform:scale(1);
	-ms-transform:scale(1);
	-moz-transform:scale(1);
	-webkit-transform:scale(1);
	-o-transform:scale(1);
	transition:transform .35s ease,opacity .45s ease-out;
	-webkit-transition:transform .35s ease,opacity .45s ease-out;
	-ms-transition:transform .35s ease,opacity .45s ease-out;
	-moz-transition:transform .35s ease,opacity .45s ease-out;
	-o-transition:transform .35s ease,opacity .45s ease-out
}
.producthover__mobile .circ img {
	margin:auto;
	max-width:85%
}
.producthover__mobile .circ .sl {
	display:flex!important;
	align-content:center;
	justify-content:center;
	flex-wrap:wrap;
	padding:25px
}
.producthover__mobile .circ .slick-list {
	border-radius:100%
}
.producthover__mobile .slick-slide,.producthover__mobile .slick-slide>div {
	height:100%
}
.producthover__mobile .slick-slide>div {
	display:flex
}
@media screen and (max-width:1366px) {
	.producthover .hov:not(.mid) {
	margin:calc(18px + (40 - 18) * (100vw - 769px)/ (1366 - 769)) 0
}
.producthover__circle {
	margin-bottom:calc(20px + (60 - 20) * (100vw - 769px)/ (1366 - 769));
	width:calc(275px + (467 - 275) * (100vw - 769px)/ (1366 - 769));
	height:calc(275px + (467 - 275) * (100vw - 769px)/ (1366 - 769))
}
.producthover__header {
	max-width:calc(275px + (400 - 275) * (100vw - 910px)/ (1366 - 910))
}
.producthover__left p:nth-child(2),.producthover__left p:nth-child(4) {
	transform:translateX(calc(-10px + (-30 + 10) * (100vw - 769px)/ (1366 - 769)));
	-ms-transform:translateX(calc(-10px + (-30 + 10) * (100vw - 769px)/ (1366 - 769)));
	-moz-transform:translateX(calc(-10px + (-30 + 10) * (100vw - 769px)/ (1366 - 769)));
	-webkit-transform:translateX(calc(-10px + (-30 + 10) * (100vw - 769px)/ (1366 - 769)));
	-o-transform:translateX(calc(-10px + (-30 + 10) * (100vw - 769px)/ (1366 - 769)))
}
.producthover__left p:nth-child(3) {
	transform:translateX(calc(-20px + (-70 + 20) * (100vw - 769px)/ (1366 - 769)));
	-ms-transform:translateX(calc(-20px + (-70 + 20) * (100vw - 769px)/ (1366 - 769)));
	-moz-transform:translateX(calc(-20px + (-70 + 20) * (100vw - 769px)/ (1366 - 769)));
	-webkit-transform:translateX(calc(-20px + (-70 + 20) * (100vw - 769px)/ (1366 - 769)));
	-o-transform:translateX(calc(-20px + (-70 + 20) * (100vw - 769px)/ (1366 - 769)))
}
.producthover__left p:last-child {
	transform:translateX(calc(30px + (50 - 30) * (100vw - 769px)/ (1366 - 769)));
	-ms-transform:translateX(calc(30px + (50 - 30) * (100vw - 769px)/ (1366 - 769)));
	-moz-transform:translateX(calc(30px + (50 - 30) * (100vw - 769px)/ (1366 - 769)));
	-webkit-transform:translateX(calc(30px + (50 - 30) * (100vw - 769px)/ (1366 - 769)));
	-o-transform:translateX(calc(30px + (50 - 30) * (100vw - 769px)/ (1366 - 769)))
}
.producthover__middle {
	cursor:default;
	transition:color .35s ease;
	-webkit-transition:color .35s ease;
	-ms-transition:color .35s ease;
	-moz-transition:color .35s ease;
	-o-transition:color .35s ease;
	position:relative
}
.producthover__middle.mid {
	display:table;
	margin-left:auto;
	margin-right:auto
}
.producthover__middle::after {
	content:"";
	display:block;
	position:absolute;
	height:1px;
	background:#fff;
	bottom:-5px;
	right:0;
	left:0;
	transform:scaleX(0);
	-ms-transform:scaleX(0);
	-moz-transform:scaleX(0);
	-webkit-transform:scaleX(0);
	-o-transform:scaleX(0);
	transition:transform .35s ease;
	-webkit-transition:transform .35s ease;
	-ms-transition:transform .35s ease;
	-moz-transition:transform .35s ease;
	-o-transition:transform .35s ease
}
.producthover__mobile .slick-dots {
    padding: 0;
    display: flex;
    list-style-type: none;
    justify-content: center;
    position: relative;
	bottom: -25px;
}
.producthover__middle.active {
	color:#3194ff
}
.producthover__middle.active::after {
	transform:scaleX(1);
	-ms-transform:scaleX(1);
	-moz-transform:scaleX(1);
	-webkit-transform:scaleX(1);
	-o-transform:scaleX(1)
}
.producthover__right p:nth-child(2),.producthover__right p:nth-child(4) {
	transform:translateX(calc(10px + (30 - 10) * (100vw - 769px)/ (1366 - 769)));
	-ms-transform:translateX(calc(10px + (30 - 10) * (100vw - 769px)/ (1366 - 769)));
	-moz-transform:translateX(calc(10px + (30 - 10) * (100vw - 769px)/ (1366 - 769)));
	-webkit-transform:translateX(calc(10px + (30 - 10) * (100vw - 769px)/ (1366 - 769)));
	-o-transform:translateX(calc(10px + (30 - 10) * (100vw - 769px)/ (1366 - 769)))
}
.producthover__right p:nth-child(3) {
	transform:translateX(calc(20px + (70 - 20) * (100vw - 769px)/ (1366 - 769)));
	-ms-transform:translateX(calc(20px + (70 - 20) * (100vw - 769px)/ (1366 - 769)));
	-moz-transform:translateX(calc(20px + (70 - 20) * (100vw - 769px)/ (1366 - 769)));
	-webkit-transform:translateX(calc(20px + (70 - 20) * (100vw - 769px)/ (1366 - 769)));
	-o-transform:translateX(calc(20px + (70 - 20) * (100vw - 769px)/ (1366 - 769)))
}
.producthover__right p:last-child {
	transform:translateX(calc(-30px + (-50 + 30) * (100vw - 769px)/ (1366 - 769)));
	-ms-transform:translateX(calc(-30px + (-50 + 30) * (100vw - 769px)/ (1366 - 769)));
	-moz-transform:translateX(calc(-30px + (-50 + 30) * (100vw - 769px)/ (1366 - 769)));
	-webkit-transform:translateX(calc(-30px + (-50 + 30) * (100vw - 769px)/ (1366 - 769)));
	-o-transform:translateX(calc(-30px + (-50 + 30) * (100vw - 769px)/ (1366 - 769)))
}
}
@media screen and (max-width:910px) {
	.producthover__header {
	max-width:275px
}
}
@media screen and (min-width:651px) {
	.producthover .imgwrap,.producthover__mobile {
	display:none
}
}
@media screen and (max-width:650px) {
	.producthover__cont {
	display:none
}
.producthover__header {
	padding-bottom:20px
}
.producthover__body {
	padding:0 15px
}
}@media screen and (max-width:425px) {
	.producthover__mobile .circ {
	width:275px;
	height:275px;
	border:3px solid #ffab6d;
}
.slick-dots li {
    margin: 0 8px;
}
.producthover__mobile .circ div {
	height:275px
}
}