@charset "utf-8";
/* CSS Document*/
* 					{margin:0;padding:0;-webkit-font-smoothing:antialiased;font-family:'Niramit', sans-serif;}
body 				{margin:0 auto;font-size:18px;color:#0f0f0f;font-family:'Niramit', sans-serif;}
html				{ }
a:active, a:focus,input:focus, textarea:focus,select button{outline:0}
a:active, a:focus	{outline:expression(hideFocus='true')}
::-moz-focus-inner	{border:1px solid transparent!important;}
:link,:visited      {text-decoration:none}
ul,ol,li,pre,
form,blockquote,
fieldset,input,p,select,label,button,textarea,section,a{margin:0px;list-style:none;padding:0;vertical-align:top;border-radius:0;font-family:'Niramit', sans-serif;}
a img				{border:none;}
h1,h2,h3,h4,h5,h6	{margin:0px;padding:10px 0px;color:#7b7b7b;font-family:'Niramit', sans-serif;font-weight:200;text-transform:uppercase}
.button,.wsmenu-list > li a,.copyrights p a,.social-media li a,.wsmenu-list > li,.wsmenu-list > li a span,header,.wsmenu-list > li > a,.technology-links li a,.img-holder,.img-holder img,.swiper-button-prev,.swiper-button-next,.swiper-button-prev::after,.swiper-button-next::after,.social-media-foot li a,.copyrights a,.img-holder img,.watch-icon,.watch-icon path,.watch-icon svg polyline,.technology-links .swiper-slide-thumb-active,.technology h1,.form-control,section.fp-completely 
					{transition:all 0.3s ease-out 0s;-webkit-transition:all 0.3s ease-out 0s;-moz-transition:all 0.3s ease-out 0s;-o-transition:all 0.3s ease-out 0s;-ms-transition:all 0.3s ease-out 0s}
header{padding:0px 0 0px 0;position:fixed;z-index:111;top:0px;width:100%;left:0px;right:0px;border-top:1px solid #01c9c9;border-bottom:1px solid #01c9c9}
header::after{position:absolute;left:0;top:0;right:0;background:#fff;width:100%;height:100%;opacity:1;content:'';z-index:-1 }
header .container{}
.navigation{align-self: center;} 
.n-disguise{height:97px;display:block}
.n-disguise img{height:100%}
.n-disguise:hover{opacity:0.7 }
.wsmenu-list > li > a{font-family:'Niramit', sans-serif;}
.wsmenu-list > li.active a{font-weight:bold;}
.wsmenu-list > li.active{border-radius:25px;}
.wsmenu-list li:hover>a{text-decoration:none;color:#01c9c9}
#menu li.slide-line,#menu2 li.slide-line{display:block;padding:0;margin:0;background:none #CC0000;position:absolute;width:43px;height:6px;left:20px;top:30px;z-index:0;}
.lavalamp-object{border:2px solid #01c9c9;border-radius:25px;}
video[poster] {
    object-fit: cover;
}
.fancybox-video {
    height: auto!important;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.banner-sub h2{position:absolute;left:10%;top:20%}
.main{overflow:hidden}
.banner-main{}
.banner-main img{/*width:100%;*/} 
.right-side{text-align:right;display:flex;}
.right-side a{}
.account-main{margin:10px 0;display:inline-block;position:relative;z-index:1}
.account-link{color:#fff;text-transform:uppercase;font-size:18px;display:inline-block; }
.account-link img{margin-right:10px;display:inline-block;width:18px}
.account-link:hover,.account-link:focus{color:#ffc821;}
.account-main .account-sub{position:absolute;top:-300px;width:200px;z-index:1;padding:0px 0 0 0;display:block;transform:translateX(-50%);left:50%}
.account-main .account-sub.opened{top:135%;display:block}
.account-main .account-sub ul::before{content:'';width:7px;height:7px;top:-3px;left:50%;transform:translateX(-50%) rotate(45deg);background:#ffc821;position:absolute; }
.account-main .account-sub ul li{transition-duration:0.3s;transform:translateX(100px);transition-timing-function:ease-out;opacity:0}
.account-main .account-sub ul li a{background:#f6d103;color:#000;text-transform:uppercase;text-align:center}
.account-main .account-sub ul li a.active{background:#fff;color:#000;}
.account-main .account-sub ul.show li{transform:translateX(0px);opacity:1}
.account-main .account-sub ul.show li:nth-child(2){transition-delay:0.1s}
.account-main .account-sub ul.show li:nth-child(3){transition-delay:0.15s}
.account-main .account-sub ul.show li:nth-child(4){transition-delay:0.2s}
.account-main .account-sub ul.show li:nth-child(5){transition-delay:0.25s}
.account-main .account-sub ul.show li:nth-child(6){transition-delay:0.3s}
.account-main .account-sub ul.show li:nth-child(7){transition-delay:0.35s}
.account-main .account-sub ul.show li:nth-child(8){transition-delay:0.4s}

.account-main .account-sub ul.hide li:nth-child(2){transition-delay:0.1s}
.account-main .account-sub ul.hide li:nth-child(3){transition-delay:0.15s}
.account-main .account-sub ul.hide li:nth-child(4){transition-delay:0.2s}
.account-main .account-sub ul.hide li:nth-child(5){transition-delay:0.25s}
.account-main .account-sub ul.hide li:nth-child(6){transition-delay:0.3s}
.account-main .account-sub ul.hide li:nth-child(7){transition-delay:0.35s}
.account-main .account-sub ul.hide li:nth-child(8){transition-delay:0.4s}
.account-main .account-sub ul.hide li{transform:translateX(-100px);opacity:0}
.account-main ul li a{display: block;padding:8px 20px;border-bottom:1px solid rgba(255,255,255,0.3);font-size:15px}
.account-main ul li a:hover{background:#000;color:#fff;}
.navigation{ }
.slideshow-contents{position: absolute;left:0;width:100%;z-index:9;top:50%;transform:translateY(-50%);}
 .wsmenu-click {display: inline-block;margin-left:7px;width:10px;height:10px;}
.wsmenu-list > li > a .fa{width:7px;height:7px;border-top:1px solid #333;border-right:1px solid #333;transform:rotate(135deg);position:absolute;top:40%}
.wsmenu-submenu h4{font-size:20px;padding-top:0}
.wsmenu-submenu h2{font-size:25px}
 @media screen and (min-width:781px){
	.wsmenucontainer{display:inline-block;vertical-align:middle}
	header.small-header::after{opacity:1;box-shadow:0 0 5px rgba(0,0,0,0.15)}
	header.small-header .wsmenu-list > li > a{font-size:16px}
	header.small-header .wsmenu-list > li:last-child{padding-right:0}
}
 
#fp-nav{z-index:9 }
.fp-tableCell{position:relative;z-index:1}
.page-div{min-height:100vh;display:flex;width:100%;align-items:center;position:relative;z-index:1}
.page-sub{;width:100%;/*margin-top:70px*/}
.fp-tableCell{}
.page-div h1{padding-top:0px}
.banner-right img{width:100%}
.h1, h1 {font-size:60px;}
.swiper-button-prev{left:-50px;}
.swiper-button-next{right:-50px;}
.swiper-button-prev,.swiper-button-next{width:50px;height:50px;background:#ffc000;border-radius:50%}
.swiper-button-prev::after,.swiper-button-next::after{font-size:20px;color:#000;}
.swiper-button-prev:hover,.swiper-button-next:hover{background:#000}
.swiper-button-prev:hover::after,.swiper-button-next:hover::after{color:#ffc000;}


.carousel-main .swiper-button-prev,.carousel-main .swiper-button-next{width:90px;height:90px;background:#007d90;border-radius:50%}
.carousel-main .swiper-button-prev::after,.carousel-main .swiper-button-next::after{font-size:35px;color:#fff;}
.carousel-main .swiper-button-prev:hover,.carousel-main .swiper-button-next:hover{background:#fff}
.carousel-main .swiper-button-prev:hover::after,.carousel-main .swiper-button-next:hover::after{color:#007d90;}

.subscriber-div{margin-bottom:15px;position:relative;z-index:1}
.subscriber-div .form-control{border-radius:0px;background:#E8E8E8;padding:.475rem 1.25rem}
.subscriber-div .button{position:absolute;z-index:9;top:0;bottom:0;right:0}
.copyrights{background:#000;padding:10px 0;}
.copyrights p,.copyrights a{color:rgba(255,255,255,0.8);font-size:15px;padding-bottom:0}
.copyrights .col-lg-6:first-child p{text-align:left}
.copyrights .col-lg-6:last-child p{text-align:right}
.copyrights a:hover{color:rgba(255,255,255,1)}
.social-media li{display:inline-block;}
.social-media li + li{margin-left:20px}
.social-media li a{display:block;width:45px;height:45px}
.social-media li a img{display:block;width:100%}

.form-control{height:auto;padding:.3rem 1rem .3rem 1rem;font-weight:400;border-radius:0;border:2px solid #fff;font-size:18px;line-height:35px;}
.form-control:hover,.form-control:focus{border-color:#00e9e9}
 


.unstyled{text-align:left;}
.unstyled li{display:inline-block;margin-right:25px;position:relative;z-index:1}
.unstyled li:last-child{margin-right:0px}
.styled-checkbox{position:absolute;opacity:0;}
.styled-checkbox + label{position:relative;cursor:pointer;padding:0;font-size:20px;line-height:35px;}
.styled-checkbox + label + div{font-weight:bold;padding-top:5px}
.styled-checkbox + label:before{content:'';border-radius:50%;margin-right:10px;margin-left:1px;  display: inline-block;  vertical-align:bottom;  width: 28px;  height: 28px;  background: #fff;box-shadow: 0 0 0 1px #44494d;}
.styled-checkbox:hover + label:before {  background:#fff;box-shadow: 0 0 0 1px #44494d;}
.styled-checkbox:focus + label:before {  box-shadow: 0 0 0 1px #ffc000;}
.styled-checkbox:checked + label:before {  background:#ffc000;box-shadow: 0 0 0 1px #ffc000;}
.styled-checkbox:disabled + label {  color: #b8b8b8;  cursor: auto;}
.styled-checkbox:disabled + label:before {  box-shadow: none;  background: #ddd;}
.styled-checkbox:checked + label:after { content: '✓';position: absolute;left: 12px;top: 0px;background: none;width: 2px;height: 2px;color: #fff;font-size: 18px;font-weight: bold;} 
.checkbox .styled-checkbox + label:before {border-radius:0%;}
  
.select-div{position:relative;z-index:1;background:#fff;}
.select-div::after {content:'';color:#000;right:2px;top:2px;bottom:2px;width:40px;padding: 0px 0px 0px 0px;position:absolute;text-align:center;pointer-events:none;background: #e7ecf1 url(../images/arrow-down.svg) center center no-repeat;
    background-size:18px auto;border-radius:0;}
.form-group textarea.textarea{height:131px}
  
.form-group{display:inline-table;width:100%;}
.double{float:left;width:48%;}
.form-group .double:first-child{margin-right:2%;}
.form-group .double:last-child{margin-left:2%;}
select.form-control.empty{color:#999;font-weight:300;}
select.form-control option {
    color: #000;
}

p,.listing li{padding-bottom:15px;font-size:18px;}
.banner-sub{background: linear-gradient(40deg, rgba(255,255,255,1) 0%, rgba(234,234,234,1) 100%);}
.girl{z-index:1}
.girl,.butterfly,.lense,.flower,.lense1,.banner-sub h1{position:absolute;}
.butterfly{z-index:9}
.lense{width:15.8854166667%;right:32.8645833333%;top:20.2222222222%;z-index:7}
.girl{width:44.2708333333%;bottom:-10%;right:0;float:right}
.girl img,/*.butterfly img,*/.flower img,.lense img{width:100%}
.butterfly1{width:4.32291666667%;left:17.34375%;top:21.8888888889%}
.butterfly2{width:7.96875%;left:33.3333333333%;top:23.2222222222%}
.butterfly3{width:7.08333333333%;right:14.6875%;top:20.2222222222%}
.flower{width:23.9583333333%;left:14.4791666667%;top:35.5555555556%}
.lense1{z-index:9;left:0%;top:0%;transform:translateX(-40px) scale(.2);opacity:0}
.banner-sub h1{color:#7b90a4;float:left;left:12%;bottom:5%;font-size:70px;text-align:center;}
.product-main{background: #e7ecf1 url(../images/product-bg.jpg) center center no-repeat;background-size:cover}
.product-sub p{font-size:24px;padding-bottom:20px;}
.hairband{position:relative;z-index:1;}
.hairband img{ }
.hairband-img{padding-top:35px;position:absolute;left:0;top:0;z-index:9}
.butterfly-one,.butterfly-two,.butterfly-three{width:200px;height:200px;position:absolute;z-index:9}
.butterfly-one{}
.butterfly-two{}
.butterfly_container{}
.butterfly1,.butterfly2,.butterfly3{display:none}
.flower1{transform: scale(.2);opacity:0}
section.fp-completely .flower1{animation:flowerRotate 5s ease forwards}
@keyframes flowerRotate{
	0%{transform: scale(.2);opacity:0}
	30%{transform: scale(1.3);opacity:1}
	100%{transform: scale(1);opacity:1}
}
section.fp-completely .lense1{animation:lenseScale 2s ease forwards 2s}
@keyframes lenseScale{
	0%{transform:translateX(-40px) scale(.2);opacity:0}
	100%{transform:translateX(0px) scale(1);opacity:1}
}
.girl{transform:translateY(100%);opacity:0}
section.fp-completely .girl{animation:girlPosition 3s ease forwards 0s}
@keyframes girlPosition{
	0%{transform:translateY(100%);opacity:0}
	100%{transform:translateX(0%);opacity:1}
}

.lense{transform:scale3d(10%,100%,100%);transform-origin:right center;opacity:0}
section.fp-completely .lense{animation:lenseScalePos 3s ease forwards 3s}
@keyframes lenseScalePos{
	0%{transform:scale3d(10%,100%,100%);opacity:0}
	100%{transform:scale3d(100%,100%,100%);opacity:1}
}
.banner-sub h1 div,.banner-sub h2{opacity:0;}
.banner-sub h1 div:first-child,.banner-sub h2{transform:translateX(-50%);}
.banner-sub h1 div:last-child{transform:translateX(50%)}
section.fp-completely .banner-sub h1 div,section.fp-completely .banner-sub h2{animation:titleAppear 2s ease forwards 1s}
@keyframes titleAppear{
	100%{transform:translateX(0%);opacity:1;}
}


.product-div{/*position:absolute;left:0;width:100%;z-index:9*/ overflow:hidden}
.product-div svg,.product-data{float:left}
.product-svg-path{width:49.6402877698%;float:left;}
.butterfly-svgpath{padding-top:1%}
.camera-svgpath{/*top:25%*/ padding-top:4%}
.secured-svgpath{padding-top:4%}
.teeth-svgpath{padding-top:3.5%}
.butterfly-svgpath .product-svg-path{padding-left:11%}
.camera-svgpath .product-svg-path{padding-left:30%;margin-top:-2%;}
.secured-svgpath .product-svg-path{padding-left:24%;margin-top:-2%;}
.teeth-svgpath .product-svg-path{padding-left:27%;margin-top:1%;}
.product-div svg{width:100%}
.product-div svg path{width:100%}
.product-data{width:49.6402877698%;padding-left:3px;padding-bottom:15px}
.product-data li{}
.product-data li.product-crumb{float:left;background:#00aeaf;width:65px;height:65px;display:flex;border-radius:50%;align-items:center;justify-content:center;font-weight:bold;color:#fff;font-size:30px;position:relative;z-index:1}
.product-data li.product-crumb::after{content:'';position:absolute;left:-8px;top:-8px;border:2px dashed rgb(190, 190, 190);border-radius:50%;width:81px;height:81px;}
.product-data li.product-dtl{margin:0 0 0 100px}
.product-data li.product-dtl h2{text-transform:uppercase;color:#7b7b7b;font-size:28px;font-weight:bold;padding-top:18px;}
.product-data li.product-dtl p{font-size:18px;color:#0f0f0f;padding-bottom:0px;line-height:1.3;display:none}

.watch-now {background:url("../images/watch-bg.jpg") center center no-repeat;background-size:cover}
.watch-icon{width:275px;position:relative;z-index:1;display:block;margin:0 auto}
.watch-icon:hover{transform:scale(1.1);}
.watch-icon:hover svg polyline{stroke:#fff;}
.watch-icon:hover svg.watch-round path{stroke:#fff;}

.watch-now .container{position:relative;}
.watch-now .container::after{position:absolute;top:-80%;bottom:-80%;left:15px;right:15px;background:rgba(125,22,140,0.8);z-index:-1;content:''}
.watch-now .col-12{padding:50px 10%}
.watch-now h1,.watch-now h2{font-weight:bold;padding:0}
.watch-now h1{font-size:100px;}
.watch-now h2{font-size:40px;text-transform:none}
.watch-now h1,.watch-now h2,.watch-now p{color:#fff}
.technology h1{padding-bottom:35px}
.technology-main{overflow:hidden}
.technology-right{position:relative;z-index:1;overflow:hidden}
.technology-data{ }
.mySwiper{height:500px}
.mySwiper .swiper-wrapper{display: block}
.mySwiper .swiper-slide{display: block;flex-shrink:1;cursor:pointer;text-align:center}
.technology-links{float:left;width:300px}
.technology-links .swiper-slide{display:block;padding:25px 5px 25px 20px;font-size:18px;color:#7b7b7b;border-bottom:1px solid #bebebe;font-weight:bold;position:relative;z-index:1}
.technology-links .swiper-slide:hover,.technology-links .swiper-slide-thumb-active{background:#00cbcc;color:#fff;border-bottom:1px solid #00cbcc}
.technology-links .swiper-slide::after{width:3px;background:#00cbcc;content:'';position:absolute;top:50%;left:0px;height:20px;display:block;transform:translateY(-50%)}
.technology-right{margin:0 0 0 400px}
.technology-holder{height:400px;margin-bottom:15px}
.technology-holder img{height:100%}
.technology-right h2{font-weight:bold;color:#00cbcc;text-transform:uppercase;font-size:24px}
.technology{background:url("../images/technology-bg.jpg") center center no-repeat;background-size:cover}
.catogory-link{display:none;}

.founders{background:url("../images/founder-bg.jpg") center center no-repeat;background-size:cover}
.founders .page-sub{margin-top:105px}
.founders h1,.founders h2,.founders p{color: #fff}
.img-holder{height:100%;border-radius:50%;position:relative;z-index:1;cursor:pointer}
.img-holder img{width:100%;min-height:100%;border-radius:50%;}
.img-holder:hover img{opacity:0.8}
.carousel-main{position:relative;z-index:1}
.founder-container .swiper-slide{padding:70px 0 }
.founder-container .swiper-slide .img-holder{transform:scale(0.8)}
.founder-container .swiper-slide-active .img-holder{transform:scale(1)}
.img-holder::after,.img-holder::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;border-radius:50%;z-index:-1;transform:scale(1);transition:all 0.5s ease-out 0s;}
.founder-container .swiper-slide-active .img-holder::before{border:2px solid rgba(255,255,255,0.5);transform:scale(1.28);transition-delay:0.4s}
.founder-container .swiper-slide-active .img-holder::after{background:rgba(255,255,255,0.5);transform:scale(1.14);transition-delay:0.2s}

.carousel-main{margin-top:20px}
footer{padding:25px 0 0px 0;background:#00bcbd;margin-top:25px}
footer h2{color:#fff;font-size:35px;padding-top:0}
footer p,footer a{color:#fff;line-height:23px }
.footer-box{padding:15px 0}
.footer-box p{font-size:16px}
.social-media-foot{margin:0 50px}
.social-media-foot li{display:inline-block;}
.social-media-foot li a{display:flex;width:50px;height:50px;border:2px solid rgba(255,255,255,1);border-radius:50%;align-content:center;align-items:center;text-align:center;}
.social-media-foot li a.facebook:hover{background:#1877f2;border:2px solid #1877f2}
.social-media-foot li a.instagram:hover{background:#fdf497; background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);border:2px solid #cb00fe}
.social-media-foot li a.youtube:hover{background:#cd201f;border:2px solid #cd201f}
.social-media-foot li a.twitter:hover{background:#1dabdd;border:2px solid #1dabdd}
.social-media-foot li a.snapchat:hover{background:#fffc00;border:2px solid #fffc00}
.social-media-foot li a.linkedin:hover{background:#006192;border:2px solid #006192}
.social-media-foot li a img{width:100%;display:block;margin:0 auto;}
.newsletter-sub{padding:0 100px 0 0;} 
.newsletter-sub{position:relative;z-index:1;}
.newsletter-sub .form-control{background:#ffff;border:2px solid #ffff;border-radius:0px;padding:6px 10px 6px 20px;color:#000;}
.newsletter-sub .button{border-radius:0px;background:#004d4d;position:absolute;right:0;top:0;bottom:0;z-index:9;color:#fff;}
.newsletter-sub .button:hover{background:#007d90;}
.footer-box{ }
.footer-box h3{color:#fff;font-weight:bold;font-size:30px;text-transform:none;margin-bottom:30px}
.footer-box .telephone a{color:#fff;font-weight:bold;font-size:50px;}
footer .col-lg-4{padding:15px 3%}
footer .col-lg-4 + .col-lg-4{border-left:2px solid #99e4e5}
.footer{overflow:hidden}

.product-sub h1,.product-sub p,.technology h1,.founders .col-12 h1,.founders .col-12 p,.founders .carousel-main,.founders footer,.founders h2,.founders .read-more{opacity:0;transform:translateY(-100px)}
section.fp-completely .product-sub h1{animation:titleAppear 1s ease forwards}
section.fp-completely.technology h1{animation:productTitle 1s ease forwards}
section.fp-completely.founders .col-12 h1{animation:productTitle 1s ease forwards}
@keyframes productTitle{
	100%{transform:translateY(0px);opacity:1;}
}
section.fp-completely .product-sub p,section.fp-completely.founders .col-12 p{animation:productPara 1s ease forwards 0.2s}
section.fp-completely.founders .carousel-main,section.fp-completely.founders h2{animation:productPara 1s ease forwards 0.4s}
section.fp-completely.founders footer,section.fp-completely.founders .read-more{animation:productPara 1s ease forwards 0.6s}
@keyframes productPara{
	100%{transform:translateY(0px);opacity:1;}
}
section.fp-completely .product-div svg path{animation: draw 30s linear infinite alternate}

@keyframes draw{
	to{stroke-dashoffset: 1000}
 }
.product-data li.product-crumb::after{animation: crumbRotation 10s linear infinite}
@keyframes crumbRotation{
	to{transform:rotate(360deg)}
 }
.product-data li.product-crumb,.product-data li.product-dtl{opacity:0}
.product-data li.product-crumb{transform:translateX(-60px);}
.product-data li.product-dtl{transform:translateX(150px);}
section.fp-completely .butterfly-svgpath ul li:first-child{animation:productCrumbPos 1s ease forwards .4s}
section.fp-completely .butterfly-svgpath ul li:last-child{animation:productCrumbPos 1s ease forwards .4s}

section.fp-completely .camera-svgpath ul li:first-child{animation:productCrumbPos 1s ease forwards .6s}
section.fp-completely .camera-svgpath ul li:last-child{animation:productCrumbPos 1s ease forwards .6s}

section.fp-completely .secured-svgpath ul li:first-child{animation:productCrumbPos 1s ease forwards .8s}
section.fp-completely .secured-svgpath ul li:last-child{animation:productCrumbPos 1s ease forwards .8s}

section.fp-completely .teeth-svgpath ul li:first-child{animation:productCrumbPos 1s ease forwards 1s}
section.fp-completely .teeth-svgpath ul li:last-child{animation:productCrumbPos 1s ease forwards 1s}

@keyframes productCrumbPos{
	to{transform:translateX(0px);opacity:1}
}
.product-svg-path,.hairband-img{opacity:0}
section.fp-completely .hairband-img{animation:productStroke 1s ease forwards .4s}
section.fp-completely .butterfly-svgpath .product-svg-path{animation:productStroke 1s ease forwards .4s}
section.fp-completely .camera-svgpath .product-svg-path{animation:productStroke 1s ease forwards 0.6s}
section.fp-completely .secured-svgpath .product-svg-path{animation:productStroke 1s ease forwards 0.8s}
section.fp-completely .teeth-svgpath .product-svg-path{animation:productStroke 1s ease forwards 1s}
@keyframes productStroke{
	to{opacity:1}
 }

.watch-text h1,.watch-text h2,.watch-text p{opacity:0;transform:translateX(50%)}
section.fp-completely .watch-text h1{animation:productCrumbPos 1s ease forwards 0s}
section.fp-completely .watch-text h2{animation:productCrumbPos 1s ease forwards 0.2s}
section.fp-completely .watch-text p{animation:productCrumbPos 1s ease forwards 0.4s}

.watch-icon svg.watch-round,.watch-icon svg path{width:100%}
.watch-icon svg.watch-round path{fill:none;stroke:#4afeff;stroke-linecap:round;stroke-miterlimit:10;stroke-width:12px;
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  /*animation: dash 5s linear alternate infinite;*/
}
section.fp-completely .watch-icon svg path{animation: dash2 6s linear infinite 0s;} 
@keyframes dash2 {
  0% {
    stroke-dashoffset: 1000;
  }
 20% {
    stroke-dashoffset: 0;
  }
80%{
    stroke-dashoffset: 0;
  }
100% {
    stroke-dashoffset: -1000;
  }	
}
.watch-round{}
.watch-icon .play{position:absolute;left:50%;top:50%;transform:translate(-40%,-50%);width:35%} 
.watch-icon .play polyline{fill:none;stroke:#4afeff;stroke-linecap:round;stroke-linejoin:round;stroke-width:12px;width:100%;stroke-dasharray:500;stroke-dashoffset:500;}
section.fp-completely .watch-icon .play polyline{animation: play2 6s linear infinite 1s;}
@keyframes play2{
  0% {
    stroke-dashoffset: 500; 
  }
 40% {
    stroke-dashoffset: 0; 
  }
60%{
    stroke-dashoffset: 0;
  }
80% {
    stroke-dashoffset: -500;
  }
100% {
    stroke-dashoffset: -500;
  }
}
.technology-data .technology-holder,.technology-data h2,.technology-data p{transform:translateX(50%);opacity:0;transition-property:transform, opacity;transition-duration:1s;transition-timing-function:ease}
.technology-data .technology-holder{}
.technology-data h2{}
.technology-data p{}
section.fp-completely .mySwiper2 .swiper-slide-active .technology-holder{transition-delay:0.2s}
section.fp-completely .mySwiper2 .swiper-slide-active h2{transition-delay:0.4s}
section.fp-completely .mySwiper2 .swiper-slide-active p{transition-delay:0.6s}
section.fp-completely .mySwiper2 .swiper-slide-active .technology-holder,section.fp-completely .mySwiper2 .swiper-slide-active h2,section.fp-completely .mySwiper2 .swiper-slide-active p{transform:translateX(0%);opacity:1;}

.mySwiper2 .swiper-slide-prev .technology-holder,.mySwiper2 .swiper-slide-prev h2,.mySwiper2 .swiper-slide-prev p{transform:translateX(-50%);opacity:0;}

.mySwiper .swiper-wrapper .swiper-slide{transform:translateY(25%);opacity:0;}
section.fp-completely .mySwiper .swiper-wrapper .swiper-slide:nth-child(1){animation: mySwiperSlide 1s ease forwards .2s;}
section.fp-completely .mySwiper .swiper-wrapper .swiper-slide:nth-child(2){animation: mySwiperSlide 1s ease forwards .4s;}
section.fp-completely .mySwiper .swiper-wrapper .swiper-slide:nth-child(3){animation: mySwiperSlide 1s ease forwards .6s;}
section.fp-completely .mySwiper .swiper-wrapper .swiper-slide:nth-child(4){animation: mySwiperSlide 1s ease forwards .8s;}
section.fp-completely .mySwiper .swiper-wrapper .swiper-slide:nth-child(5){animation: mySwiperSlide 1s ease forwards 1s;}
section.fp-completely .mySwiper .swiper-wrapper .swiper-slide:nth-child(6){animation: mySwiperSlide 1s ease forwards 1.2s;}
section.fp-completely .mySwiper .swiper-wrapper .swiper-slide:nth-child(7){animation: mySwiperSlide 1s ease forwards 1.4s;}

@keyframes mySwiperSlide{
	100%{transform:translateY(0%);opacity:1}
}
.inner-banner{margin-top:99px;overflow:hidden;}
.inner-banner img{width:100%}
.inner-banner::after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.25);z-index:3;display:block;}
.section{position:relative;z-index:1}
.banner-title{position:absolute;left:0;right:0;top:0;bottom:0;z-index:19;display:flex;align-items:center;}
.banner-title h1{color:#fff;font-weight:bold}
.poc-main{padding:100px 0;background:url("../images/proof-of-concept-bg.jpg") center center no-repeat;background-size:cover;overflow:hidden}
.magnifier-glass-column{}
.magnifier-glass-box::after{background:url("../images/magnifier-glass.svg") left bottom no-repeat;background-size:100% auto;content:'';position:absolute;right:65%;bottom:-5%;width:100%;height:250px;z-index:-1}
.magnifier-glass-box{height:106%;position:relative;z-index:1;width:137%;margin-left:-25%}
.appointment-main{padding:100px 0;background:url("../images/appointment-bg.jpg") center center no-repeat;background-size:cover;overflow:hidden}
.secure-my-child-main{padding:100px 0;background:url("../images/watch-bg.jpg") center center no-repeat;background-size:cover;overflow:hidden}
.appointment-main::after,.secure-my-child-main::after{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;background:rgba(0,188,189,0.8);content:'' }
.poc-main ul{/*margin-left:400px*/ }
.poc-main ul li h3{font-weight:bold}
.light-circle{}
.bulb{float:left;position:absolute;z-index:1;display:flex;align-items:end;/*border:1px solid red;*/bottom:0px;left:0}
.bulb .light-circle{position:absolute;z-index:9;float:left}
.light-circle img{width:100%}
.bulb .bulb-img1{width:90px}
.bulb img{width:80px}
.bulb svg path{height:100%;stroke-dasharray:4;stroke-dashoffset:2;}
.poc-ul-list ul li{position:relative;z-index:1;padding:15px 0;}
.bulb1{/*right:63%*/}
.bulb-img1{top:-110px;right:-36%}
.bulb2{/*right:30.5%*/}
.bulb-img2{top:-79px;right:-23%}
.bulb-img3{top:-82px;right:-19%;transform:rotate(8deg);transform-origin:left bottom;}
.bulb-img4{top:-71px;right:-18%;transform:rotate(6deg);transform-origin:left bottom;}
.bulb-img5{top:-65px;right:-14%;transform:rotate(8deg);transform-origin:left bottom;}
.bulb-img6{top:-73px;right:-18%;transform:rotate(15deg);transform-origin:left bottom;}
.bulb-img1::after{position:absolute;content:'';width:100px;height:100px;display:block;background:url("../images/light-circle.svg") left bottom no-repeat;background-size:100% auto;top:-10%;left:-12%;z-index:-1;animation: crumbRotation 10s linear infinite}
.for-mobile{display:none}
.poc-ul-list li{display:inline-table;width:100%;}
.poc-ul-list li .poc-div{float:left;width:61%}
.poc-holder{width:190px;height:190px;border-radius:50%;overflow:hidden;margin:-40px 0 0 4%;float:left}
.poc-ul-list li:nth-child(1) .poc-holder{}
.poc-ul-list li:nth-child(2) .poc-holder{float:right;margin-right:-6%}
.poc-ul-list li:nth-child(3) .poc-holder{ }
.poc-ul-list li:nth-child(4) .poc-holder{float:right;margin-right:-3%}
.poc-ul-list li:nth-child(5) .poc-holder{ }

.poc-ul-list{padding-left:0}
.bulb svg path{animation: drawReverse 30s linear infinite}

@keyframes drawReverse{
	to{stroke-dashoffset: -1000}
 }
.light-circle{}
canvas {
    position: absolute;
    left: 0%;
    top: 0%;
    width: 100%;
    height: 100%;
    z-index:-1;
}

.magnifier-glass-box{/*border:1px solid red*/}
.bulb{/*border:1px solid green*/}
.bulb1{width:22.393939%;height:92.5576519916%}
.bulb svg{width:100%;height:100%; }
.bulb2{width:57.818182%;height:85.188679%}
.bulb3{width:69.606061%;height:68.836478%}
.bulb4{width:65.939394%;height:53.492662%}
.bulb5{width:71.878788%;height:33.874214%}
.bulb6{width:64.787879%;height:11.949686%}
.appointment{max-width:768px;margin:0 auto;background:rgba(255,255,255,0.4);padding: 25px }
/*.read-more .button:hover,.read-more .button:focus{background:#007d90}*/
.read-more .button{border-radius:35px;position:relative;z-index:1;padding:15px 35px 15px 60px;border:1px solid rgba(255,255,255,0.5);background: linear-gradient(45deg,#F17C58, #E94584, #24AADB , #27DBB1,#FFDC18, #FF3706);
    background-size: 600% 100%;
    animation: gradient 16s linear infinite;
    animation-direction: alternate;}
@keyframes gradient {
    0% {background-position: 0%}
    100% {background-position: 100%}
}
.read-more .button::before,.read-more .button::after{content:'';position:absolute;}
.read-more .button::before{left:10px;top:50%;transform:translateY(-50%);width:35px;height:35px;border:2px solid #fff;border-radius:50%;display:block}
.read-more .button::after{display: block;width:10px;height:10px;border-top:2px solid #fff;border-right:2px solid #fff;left:21px;top:50%;transform:translateY(-50%) rotate(45deg); }
.read-more .button:hover,.read-more .button:focus{color:#01c9c9;background:#fff;border:1px solid rgba(255,255,255,0.5)}
.read-more .button:hover::before,.read-more .button:focus::before{border:2px solid #01c9c9;}
.read-more .button:hover::after,.read-more .button:focus::after{border-top:2px solid #01c9c9;border-right:2px solid #01c9c9}
.secure-child-ul li{display:block;margin:0;margin-bottom:1px}
.secure-child-ul li label{display:block;background:rgba(255,255,255,0.8);padding:10px}
.secure-child-ul li .styled-checkbox:checked + label:after{left:23px;top:10px;}
.secure-child-ul li .styled-checkbox + label:before{width:35px;height:35px }
.or .form-group{font-size:25px;border-top:1px solid #fff;margin-top:35px}
.or .form-group div{display:block;margin-top:-22px;color:#000;text-align:center}
.or .form-group div span{display:inline-block;background:#fff;padding:0 10px}
.secure-child-ul li .styled-checkbox + label + div.enter-amount{padding-top:0px;height:0px;transition:all 0.3s ease-out 0s;overflow:hidden;}
.secure-child-ul li .styled-checkbox + label + div.enter-amount .form-control{display:none}
.secure-child-ul li .styled-checkbox:checked + label + div.enter-amount{height:49px;}
.secure-child-ul li .styled-checkbox:checked + label + div.enter-amount .form-control{display:block}
.enter-amount span{display:block;position:absolute;top:2px;bottom:2px;left:2px;background:#fff;width:38px;font-size:25px;text-align:right;padding-top:5px;font-weight:300;z-index:9}
.enter-amount span{}
.enter-amount .form-control{padding-left:51px}
.thank-you p{font-size:20px; }
.listing{ }
.listing li{padding:5px 0 15px 20px;position:relative; }
.listing li::before{position:absolute;left:0;top:21px;content:'';border-top:2px solid #000;border-right:2px solid #000;width:7px;height:7px;transform:rotate(45deg)}
.whitepapers-main{padding:100px 0}
.whitepapers-main figure{float:right;margin:10px 0 10px 30px;width:500px  }


.popup-hidden{display:none;padding:35px;background:#f1f1f1}
.popup-hidden h1{padding-top:0px;font-size:27px;color:#000846}
.popup-hidden p{font-size:16px;line-height:20px;color:#000}
.popup-hidden .listing li::before{top:12px;}
.trip-detail-modal{width:900px}
.modelbox{position:relative;width:480px;}
/*.modelbox{padding:35px 35px 35px 150px!important}*/
.modelbox::after{content:'';position:absolute;height:50%;bottom:0;width:75%;left:-5%;z-index:-1;background:#f1f1f1 url("../img/logo.svg") -10% top no-repeat !important;background-size:100% auto!important}
.modelbox h1{/*position:absolute;left:15px;top:0px;*/font-size:27px;text-transform:uppercase}
/* Start state */
.animated-modal {border-radius:4px;overflow:hidden;transform: translateY(-50px);transition:all .7s;}
#signupModal{width:575px}
.animated-modal .anim1,.animated-modal .anim2,.animated-modal .anim3,.animated-modal .anim4,.animated-modal .anim5,.animated-modal .anim6,.animated-modal .anim7,.animated-modal .anim7,.animated-modal .anim8,.animated-modal .anim9,.animated-modal .anim10,.animated-modal .anim11,.animated-modal .anim12,.animated-modal .anim13,.animated-modal .anim14,.animated-modal .anim15,.animated-modal .anim16,.animated-modal .anim17,.animated-modal .anim18,.animated-modal .anim19,.animated-modal .anim20,.animated-modal .anim21,.animated-modal .anim22,.animated-modal .anim23,.animated-modal .anim24,.animated-modal .anim25
{transform: translateY(-50px);opacity:0;transition-property:transform, opacity;transition-duration:.4s;}

/* Final state */
.fancybox-slide--current .product-detail,
.fancybox-slide--current .animated-modal,
.fancybox-slide--current .animated-modal .anim1,
.fancybox-slide--current .animated-modal .anim2,
.fancybox-slide--current .animated-modal .anim3,
.fancybox-slide--current .animated-modal .anim4,
.fancybox-slide--current .animated-modal .anim5,
.fancybox-slide--current .animated-modal .anim6,
.fancybox-slide--current .animated-modal .anim7,
.fancybox-slide--current .animated-modal .anim8,
.fancybox-slide--current .animated-modal .anim9,
.fancybox-slide--current .animated-modal .anim10,
.fancybox-slide--current .animated-modal .anim11,
.fancybox-slide--current .animated-modal .anim12,
.fancybox-slide--current .animated-modal .anim13,
.fancybox-slide--current .animated-modal .anim14,
.fancybox-slide--current .animated-modal .anim15,
.fancybox-slide--current .animated-modal .anim16,
.fancybox-slide--current .animated-modal .anim17,
.fancybox-slide--current .animated-modal .anim18,
.fancybox-slide--current .animated-modal .anim19,
.fancybox-slide--current .animated-modal .anim20,
.fancybox-slide--current .animated-modal .anim21,
.fancybox-slide--current .animated-modal .anim22,
.fancybox-slide--current .animated-modal .anim23,
.fancybox-slide--current .animated-modal .anim24,
.fancybox-slide--current .animated-modal .anim25
{
  transform: translateY(0);
  opacity: 1;
}

/* Reveal content with different delays */

.fancybox-slide--current .animated-modal .anim1 {
  transition-delay: .1s;
}

.fancybox-slide--current .animated-modal .anim2 {
  transition-delay: .2s;
}
.fancybox-slide--current .animated-modal .anim3 {
  transition-delay: .3s;
}
.fancybox-slide--current .animated-modal .anim4 {
  transition-delay: .4s;
}
.fancybox-slide--current .animated-modal .anim5 {
  transition-delay: .5s;
}
.fancybox-slide--current .animated-modal .anim6 {
  transition-delay: .6s;
}
.fancybox-slide--current .animated-modal .anim7 {
  transition-delay: .7s;
}
.fancybox-slide--current .animated-modal .anim8 {
  transition-delay: .8s;
}
.fancybox-slide--current .animated-modal .anim9 {
  transition-delay: .9s;
}
.fancybox-slide--current .animated-modal .anim10 {
  transition-delay: 1s;
}
.fancybox-slide--current .animated-modal .anim11 {
  transition-delay: 1.1s;
}
.fancybox-slide--current .animated-modal .anim12 {
  transition-delay: 1.2s;
}
.fancybox-slide--current .animated-modal .anim13 {
  transition-delay: 1.3s;
}
.fancybox-slide--current .animated-modal .anim14 {
  transition-delay: 1.4s;
}
.fancybox-slide--current .animated-modal .anim15 {
  transition-delay: 1.5s;
}
.fancybox-slide--current .animated-modal .anim16 {
  transition-delay: 1.6s;
}
.fancybox-slide--current .animated-modal .anim17 {
  transition-delay: 1.7s;
}
.fancybox-slide--current .animated-modal .anim18 {
  transition-delay: 1.8s;
}
.fancybox-slide--current .animated-modal .anim19 {
  transition-delay: 1.9s;
}
.fancybox-slide--current .animated-modal .anim20 {
  transition-delay: 2s;
}
.fancybox-slide--current .animated-modal .anim21 {
  transition-delay: 2.1s;
}
.fancybox-slide--current .animated-modal .anim22 {
  transition-delay: 2.2s;
}
.fancybox-slide--current .animated-modal .anim23 {
  transition-delay: 2.3s;
}
.fancybox-slide--current .animated-modal .anim24 {
  transition-delay: 2.4s;
}
.fancybox-slide--current .animated-modal .anim25 {
  transition-delay: 2.5s;
}


button,.form-control,
textarea:hover, 
.form-control:hover, 
textarea:active, 
.form-control:active, 
textarea:focus, 
.form-control:focus,
button:focus,
button:active,
button:hover,
label:focus,
.btn:active,
.btn.active,.swiper-button-next, .swiper-button-prev
{
    outline:0px !important;
    -webkit-appearance:none;box-shadow:none!important 
}

.form-control::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  color:#999;font-weight:300; line-height:25px 
}
.form-control::-moz-placeholder { /* Firefox 19+ */
   color:#999;font-weight:300; line-height:25px 
}
.form-control:-ms-input-placeholder { /* IE 10+ */
  color:#999;font-weight:300; line-height:25px 
}
.form-control:-moz-placeholder { /* Firefox 18- */
   color:#999;font-weight:300; line-height:25px 
} 
 
::selection 		{color:#fff;background:#01c9c9}
::-moz-selection	{color:#fff;background:#01c9c9}
.none				{display:none !important}

.fancybox-close-small,.fancybox-close-small:after,.swiper-pagination-bullet{outline: none !important; box-shadow: none;}

a					{color:#000000;text-decoration:none}
a:hover 			{color:#01c9c9;text-decoration:none}
a:focus 			{color:#000000;text-decoration:none}

.button{font:400 20px/25px 'Niramit', sans-serif;color:#fff;background:#004d4d;padding:10px 40px 10px 40px;display:inline-block;cursor:pointer;text-align:center;border:1px solid transparent;text-decoration:none;vertical-align:middle;letter-spacing:0px;text-transform:uppercase}
.button:hover,.button:focus{background:#00cbcc;color:#fff;border:1px solid transparent;}