@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');
/* .inter-<uniquifier> {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
} */

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');/* font-family: "Raleway", sans-serif;*/
@import url('http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,300,400,600,700,800');/*  font-family: 'Open Sans', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap'); /*font-family: "Source Serif 4", serif;*/

body{font-family: "Raleway", sans-serif; padding:0; margin:0;}
samp, input, textarea, label{font-family: "Inter", sans-serif; }
div, p, form, ul, li, h1, h2, h3, h4, h5, h6, a, span, form, img, br, input, textarea, label, samp, figure, dl, dd { padding:0; margin:0; }
a, input { text-decoration:none; outline:none;}
img {border:0; outline:none;}
ul{list-style-type:none;}
*:focus{ outline:none;}	
*, ::after, ::before {-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box;}
input[type="button"],input[type="submit"],.input-checkbox {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input, textarea { background: transparent; padding: 0px 0 0px 0; border: 0; width: 100%;}
.clear{clear:both; line-height:0 !important; font-size:0 !important; height:0px !important;}	
.transition{-webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out;  -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}
.transition2{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.transition3{-webkit-transition: all 10s ease; -moz-transition: all 10s ease;  -o-transition: all 10s ease; transition: all 10s ease;}
.transition4{-webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out;  -o-transition: all 1.2s ease-in-out; transition: all 1.2s ease-in-out;}
.addAnimate{-webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in;  -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in-out;}
.delay3{-webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; -o-transition-delay:0.3s; -ms-transition-delay:0.3s; transition-delay:0.3s;}
.delay4{ -webkit-transition-delay:0.6s; -moz-transition-delay:0.6s; -o-transition-delay:0.6s; -ms-transition-delay:0.6s; transition-delay:0.6s;}
.delay5{ -webkit-transition-delay:0.9s; -moz-transition-delay:0.9s; -o-transition-delay:0.9s; -ms-transition-delay:0.9s; transition-delay:0.9s;}
.zoomIn{-webkit-transform: scale(1.1); transform: scale(1.1);}
.zoomOut{-webkit-transform: scale(1); transform: scale(1);}
.fadeOut{opacity:0;} 
.fadeIn{opacity:1;}
.fadeOutRight {opacity:0; position:relative; left:50%;}
.fadeInRight{opacity:1; left:0%;}
.fadeOutLeft {opacity:0; position:relative; right:50%;}
.fadeInLeft{opacity:1; right:0%;}
.fadeOutBottom{opacity:0; position:relative; top:50px;}  
.fadeInBottom{opacity:1; top:0px;}
.fadeOutTop{opacity:0; position:relative; margin-top:-50%;}  
.fadeInTop{opacity:1; margin-top:0%;}
.center{ width:90%; max-width:1160px; margin:0 auto; position:relative;}
.center:after{content:''; display:block; clear:both;}
.vertical_middle, .vertical_middle:before {height: 100%; vertical-align: middle;}
.vertical_middle>* { display: inline-block; vertical-align: middle;}


.center{ width:96%; max-width:1050px; margin:0 auto; position:relative;}
.center:after{content:''; display:block; clear:both;}
.enquire{ width:30px ; height: 30px; position: fixed; right: 20px; top: 20px;  z-index: 9; }


.aido-sec1{ width:100%; height: auto; display: block; position:relative; padding: 50px 0;}
.aido-sec1:after{content:''; display:block; clear:both;}
.aido-sec1-box1{width:100%; max-width: 800px; margin: 0 auto; height: auto; display: block; position:relative;  padding-bottom: 50px; }
.aido-sec1-box1:after{content:''; display:block; clear:both;}
.aido-sec1-box1 figure{ width:100%; height: auto; display: block; position:relative; }
.aido-sec1-box1 figure img{ width:100%;}
.aido-sec1-box2{width:100%; height: auto; display: block; position:relative;  padding-bottom: 0px; margin-bottom: 0px;}
.aido-sec1-box2:after{content:''; display:block; clear:both;}
.aido-sec1-box2 h2{width:100%; max-width: 861px; margin: 0 auto; height: auto; display: block; position:relative;  padding-bottom: 20px; font-size: 22px; font-weight: 500; color: #303030; line-height: 26px; text-align: center; }
.aido-sec1-box2 h3{width:100%; max-width: 861px; margin: 0 auto; height: auto; display: block; position:relative;  padding-bottom: 20px; font-size: 36px; font-weight: 400; color: #303030; line-height: 42px; text-align: center; }
.aido-sec1-box2 h3 strong{ font-weight: 700; color: #4347F2;}
.aido-sec1-box2 span{ width: auto; height: auto; display: table; margin: 0 auto;}

.ps_dots5 { width: auto; z-index: 5; margin-top: 15px; float: right;}
.ps_dots5 li { display: inline-block; margin: 0 4px}
.ps_dots5 li button { display: inline-block;   width: 6px;  height: 6px;text-indent: -9999px; background: #d7d7d7;font-size: 0; color: transparent; border-radius: 3px;
 cursor: pointer;border: 0;padding: 0;transition: all .3s ease-in-out}
.ps_dots5 li.slick-active button { background: linear-gradient(135deg, #4568DC 0%, #B06AB3 100%); width: 16px}


.aido-sec2{ width:100%; height: auto; display: block; position:relative; padding: 0px 0 50px 0;}
.aido-sec2:after{content:''; display:block; clear:both;}
.aido-sec2-box1{width:100%; height: auto;  position:relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap:wrap;   }
.aido-sec2-box1:after{content:''; display:block; clear:both;}
.aido-sec2-box1-left{width:60%; height: auto; float: left;  position:relative; }
.aido-sec2-box1-left figure{width:100%; height: auto; float: left; border-radius: 10px; display: block; position: relative; }
.aido-sec2-box1-left figure img{width:100%; border-radius: 10px;}
.aido-sec2-box1-left figure ul{width:100%; height: auto;  position: absolute; left: 20px; right: 0; bottom: 20px;  }
.aido-sec2-box1-left figure ul li{ width: auto; height: auto; display: inline-block; margin: 0 5px; padding-left: 30px; position: relative; font-size: 16px; font-weight: 400; color: #fff; line-height: 30px; }
.aido-sec2-box1-left figure ul li span{width: 30px; height: 30px; position: absolute; left: 0; top: 5px;}
.aido-sec2-box1-left figure ul li span img{ width: auto;}
.aido-sec2-box1-right{width:50%; height: auto; float: left;  position:relative; margin-left:-10%; }
.aido-sec2-box1-right aside{width:100%; height: auto; float: left;  position:relative; background: #fff; padding: 30px 0px 70px 30px; border-bottom-left-radius: 10px; }
.aido-sec2-box1-right aside h2{ width: auto;  display: inline-block; font-size: 48px; font-weight: 500; color: #303030; line-height: 56px; margin-bottom: 15px; }
.aido-sec2-box1-right aside p{ width: auto;  display:block; font-size: 25px; font-weight: 400; color: #303030; line-height: 30px; margin-bottom: 30px; }
.aido-sec2-box1-right aside h2 span{ max-width: 126px;  display: inline-block;}
.aido-sec2-box1-right aside h2 span img{ width:100%; display: block;}

.aido-slider1 article{width:100%; height: auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap:wrap; align-items: center; }
.aido-slider1 article small{ font-size: 36px; font-weight: 400; color: #000; line-height: 42px; display:inline-block; position:relative; padding-left: 130px;  }
.aido-slider1 article small strong{ font-weight: 700;}
.aido-slider1 article span{width: 131px; height: 131px;  display: flex; align-items: center; }
.aido-slider1 article span i{width: 42px; height: 42px; border-radius: 50%;  background: #c5c5c5;  font-size: 18px; font-weight: 400; color: #fff; line-height: 42px; text-align: center; font-style: normal;}
.aido-slider1 .slick-active article span i{width: 101px; height: 101px; border-radius: 50%;  background: #4347F2;  font-size: 18px; font-weight: 400; color: #fff; line-height: 101px; text-align: center; font-style: normal;}
.count1-blue{width: 75px; height:75px; display: block; text-align: center; line-height: 75px; background-color: #4347F2; color: white; border-radius: 50%; position: absolute;
 top: 200px; left: 59px;}
.count2-grey{width:45px; height:45px; display: block; text-align: center; line-height:45px; background-color: #c1c1c1; color: white; border-radius: 50%; position: absolute;
 top: 300px; left: 76px;}


.aido-sec3{ width:100%; height: auto; display: block; position:relative; padding: 0px 0 50px 0;}
.aido-sec3:after{content:''; display:block; clear:both;}
.aido-sec3-box1{width:100%; height: auto;  position:relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap:wrap;   }
.aido-sec3-box1:after{content:''; display:block; clear:both;}
.aido-sec3-box1-left{width:40%; height: auto; float: left;  position:relative; }
.aido-sec3-box1-left h2{ width: auto;  display: inline-block; font-size: 48px; font-weight: 500; color: #303030; line-height: 56px; margin-top: 50px; margin-bottom: 30px; }
.aido-sec3-box1-left h2 span{ max-width: 126px;  display: inline-block;}
.aido-sec3-box1-left h2 span img{ width:100%; display: block;}

.aido-slider2 { width: 100%; height: auto; float: left; display: block; margin-top: 0px; margin-bottom: 0px;}
.aido-slider2 li{ width: 100%; height: auto; float: left; display: block; margin-top: 0px; margin-bottom: 0px;}
.aido-slider2 li aside{ width: 100%; height: auto; float: left; display: block; padding-left: 35px; position: relative; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid transparent;      transition: color .4s;}
.aido-slider2 li aside span{width:24px; height: 24px;  display: block; position: absolute; left: 0; top: 0;}
.aido-slider2 li aside h2{ width: 100%; height: auto; display:block; font-size: 18px; font-weight: 600; color: #303030; line-height: 22px; margin-bottom:5px;
       transition: color .4s; margin-top: 0px; margin-bottom: 0px; }
.aido-slider2 li aside h3{width: 100%; height: auto; display:block; font-size: 18px; font-weight: 400; color: #303030; line-height: 22px;     transition: color .4s; }
.aido-slider2 .slick-active aside:after{ content: ''; position: absolute; right: 0; top: 10px;  border: 10px solid transparent; border-left: 10px solid #4347F2;   } 
.slick-list{padding: 0px 0px !important;} 
.aido-slider2 .slick-active aside h2{ color: #4347F2;}
.aido-slider2 .slick-active aside h3{ color: #000;}
.aido-sec3-box1-right{width:60%; height: auto; float: right; order: 2;  position:relative; padding-left:0%; }
.aido-sec3-box1-right:after{ content: ''; position: absolute ; left: 0; top: 0; width: 100px; height: 60%; background: #fff; border-bottom-right-radius: 10px;}
.aido-slider3 li figure{width: 100%; height: auto;  display: block; border-radius: 10px; position: relative; }
.aido-slider3 li figure img{width: 100%;border-radius: 10px;  }
.aido-slider3 li figure aside{ position: absolute; left: 0; right: 0; bottom: 20px; width: 100%; height: auto;}
.aido-slider3 li figure aside span{ width: auto; height: auto; float: left; display: block; padding: 0 20px; position: relative; }
.aido-slider3 li figure aside span:after{ content: ''; position: absolute ; right: 0; top: 10px; width: 1px; height: 30px; border-right: 1px dashed #fff;}
.aido-slider3 li figure aside span:last-child:after{ display: none;}
.aido-slider3 li figure aside span h2{font-size: 22px; font-weight: 600; color: #fff; line-height: 26px;}
.aido-slider3 li figure aside span h3{font-size: 15px; font-weight: 400; color: #fff; line-height: 22px;}
.aido-sec4{ width:100%;  min-height: 484px; display: block; position:relative; padding: 0px 0 50px 0; background: url(../images/aido-pic7-desktop.jpg) no-repeat center top  ; background-size: cover; }
.aido-sec4:after{content:''; display:block; clear:both;}
.aido-sec4-box1{width:100%; height: auto;  position:relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap:wrap;   }
.aido-sec4-box1:after{content:''; display:block; clear:both;}
.aido-sec4-box1 img{ width:100%;  line-height: 0;}
.aido-sec4-box1 img.aido-sec4-desktop{display: block;}
.aido-sec4-box1 img.aido-sec4-laptop{display: none;}
.aido-sec4-box1 img.aido-sec4-mob{display: none;}

.aido-sec5{ width:100%; height: auto; display: block; position:relative; padding: 0px 0 0px 0; margin-top: -80px;}
.aido-sec5:after{content:''; display:block; clear:both;}
.aido-sec5-box1{width:100%; height: auto;  position:relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap:wrap; background: #fff; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 50px 50px 150px 50px;   }
.aido-sec5-box1 h2{ width: auto;  display: inline-block; font-size: 48px; font-weight: 500; color: #303030; line-height: 56px; margin-bottom: 50px; }
.aido-sec5-box1 h2 span{ max-width: 126px;  display: inline-block;}
.aido-sec5-box1 h2 span img{ width:100%; display: block;}
.aido-sec5-box1 aside{ width: 100%; height: auto; float: left; display: block; position: relative;}
.aido-slider4{ padding-bottom: 30px;}
.aido-slider4 li article { width: 100%; height: auto; display:block; position:relative; padding-left: 50px;  }
.aido-slider4 li article h2{ font-size: 18px; font-weight: 600; color: #000; line-height:22px; display:block; margin-bottom: 5px;   }
.aido-slider4 li article p{ font-size: 18px; font-weight: 400; color: #000; line-height:22px; display:block;   }

.aido-slider4 li article span{width: 42px; height: 42px; position: absolute; left: 0; top: 0;  border-radius: 50%;  background: #4347F2;  font-size: 18px; font-weight: 400; color: #fff; line-height: 42px; text-align: center; font-style: normal; }

.ps_prev,.ps_next { position: absolute;   bottom: 0;  z-index: 5;  width: 34px;  height: 8px; font-size: 0; cursor: pointer;  }
.ps_prev { right:50px ;background:url(../images/arrow-prev.png) no-repeat left top; display: block}
.ps_next {background: url(../images/arrow-next.png)no-repeat no-repeat left top;  display: block; right: 0}
.ps_dots { width: auto; display: table; z-index: 5; margin-top: 15px; margin: 0 auto;}
.ps_dots li { display: inline-block; margin: 0 4px}
.ps_dots li button { display: inline-block;   width: 6px;  height: 6px;text-indent: -9999px; background: #d7d7d7;font-size: 0; color: transparent; border-radius: 3px;
 cursor: pointer;border: 0;padding: 0;transition: all .3s ease-in-out}
.ps_dots li.slick-active button { background: linear-gradient(135deg, #4568DC 0%, #B06AB3 100%); width: 16px}


.aido-sec6{ width:100%; height: auto; display: block; position:relative; padding: 0px 0 100px 0; background: #f0f0f0;}
.aido-sec6:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: url(../images/aido-sec6-bg.svg) center top no-repeat; background-size:contain}
.aido-sec6:after{content:''; display:block; clear:both;}
.aido-sec6-box1{width:100%; height: auto;  position:relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap:wrap;   }
.aido-sec6-box1:after{content:''; display:block; clear:both;}
.aido-sec6-box1 figure{ width: 50%; height: auto; float: left; display: block; position: relative; margin-top: -150px;}
.aido-sec6-box1 figure i{width: 100%; max-width: 557px; height: auto; float: left; display: block;}
.aido-sec6-box1 figure i img{ width: 100%;}
.aido-sec6-box1 aside{ width: 50%; height: auto; float: left; display: block; position: relative; padding-top: 100px;}
.aido-sec6-box1 aside h2{width: 100%; max-width: 512px; height: auto; float: left; display: block; font-size: 36px; font-weight: 300; color: #303030; line-height:48px; padding-bottom: 30px;}
.aido-sec6-box1 aside h2 strong{ color: #4347F2;}
.aido-sec6-box1 aside h3{width: auto;  height: auto; float: left; display: inline-block; font-size: 16px; font-weight: 400; color: #303030; line-height:22px; }

.aido-sec6-box1 aside h3 span{ width: 99px; height: auto;   display: inline-block; padding-right: 4px;}
.aido-sec6-box1 aside h3 span img{width: 100%;}

.aido-sec7{ width:100%; height: auto; display: block; position:relative; padding: 0px 0 0px 0; margin-top: -80px;}
.aido-sec7:after{content:''; display:block; clear:both;}
.aido-sec7-box1{width:100%; height: auto;  position:relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap:wrap; background: #fff; border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 50px 50px 30px 50px;   }
.aido-sec7-box1 h2{ width: auto;  display: inline-block; font-size: 48px; font-weight: 500; color: #303030; line-height: 56px; }
.aido-sec7-box1 h2 span{ max-width: 126px;  display: inline-block;}
.aido-sec7-box1 h2 span img{ width:100%; display: block;}
.aido-sec7-box2{width:100%; height: auto;  position:relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap:wrap; background: #fff;  padding: 0px 50px 50px 50px;   }
.aido-sec7-box2 aside{width: 70%; height: auto; float: left; display: block; position: relative; padding-right:3%;}
.aido-sec7-box2 aside h3 {width: 100%;height: auto; float: left; display: block; font-size: 18px; font-weight: 400; color: #303030; line-height:22px; padding-bottom: 10px;}
.aido-sec7-box2 aside h4 {width: 100%;  height: auto; float: left; display: block; font-size: 25px; font-weight: 600; color: #303030; line-height:36px; padding-bottom: 30px;}
.aido-sec7-box2 article{width: 30%; height: auto; float: left; display: block; position: relative; background: #4347F2; border-radius: 10px; padding: 25px 25px;}
.aido-sec7-box2 article h2{width: 100%; max-width: 205px; height: auto;  display: block; font-size: 18px; font-weight: 500; color: #fff; line-height: 22px; padding-bottom: 20px;}
.aido-sec7-box2 article ul{width:100%; height: auto; float: left;  position:relative; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap:wrap; }
.aido-sec7-box2 article ul li{width:100%; height: auto; float: left;  position:relative; display: block; padding-bottom: 20px; }
.aido-sec7-box2 article ul li span{width:100%; height: auto; float: left; position:relative; display: block; padding-left: 40px; }
.aido-sec7-box2 article ul li span i{ position: absolute; left: 0; top: 5px; width: 40px; height: 40px;}
.aido-sec7-box2 article ul li span h3{width:100%; height: auto; float: left; position:relative; display: block; font-size: 15px; font-weight: 600; color: #fff; line-height:20px; padding-bottom: 2px; }
.aido-sec7-box2 article ul li span h4{width:100%; height: auto; float: left; position:relative; display: block;font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 400; color: #fff; line-height:20px;}
.aido-sec7-box2 article ul li span h4 a{width:100%; height: auto; float: left; position:relative; display: block;font-family: 'Open Sans', sans-serif; font-size: 15px; font-weight: 400; color: #fff; line-height:20px; }
.footer-follow{width:100%; height: auto; float: left; position:relative; display: block; border-top: 1px dashed rgba(255, 255, 255, 0.32); padding-top: 20px;}
.footer-follow h5{width:100%; height: auto; float: left; position:relative; display: block; font-size: 15px; font-weight: 600; color: #fff; line-height:20px; padding-bottom: 10px; }
.footer-follow ul{width: auto; height: auto; float: left; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap:wrap;margin-bottom: 0px; padding: 0; line-height: 0; font-size: 0;}
.footer-follow ul li { width: auto !important; height: auto;  display: inline-block !important; margin-bottom: 2px; padding-left:0px !important;     padding-bottom: 0px !important;}
.footer-follow ul li a { font-size: 18px; font-weight: 400; color: #fff; line-height: 22px;   padding: 0px; margin-right: 12px; transition: 0.4s;}
.footer-follow ul li a:hover { padding-right: 0px; color: #000;}


.aido-sec7-box2 .from-main{ width: 100%; height: auto; display: block;  } 
.aido-sec7-box2 .from-main ul{margin-left: -10px; margin-right: -10px;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; padding: 0; }
.aido-sec7-box2 .from-main ul li{ height: auto; float: left; display: block; padding: 5px 10px;}
.row2{width: 50%;}
.row3{width: 66.666%;}
.row1{width: 33.333%;}
.row5{width: 33.3333%;}
.row100{width: 100%;}
/****  floating-Lable style start ****/
.floating-label {  position:relative;  margin-bottom:15px; }
.floating-input , .floating-select { font-size:14px;padding:4px 4px; display:block; width:100%;height:46px !important; background-color: transparent; border:none; color: #000; border: 1px solid #ACACC0 !important; background: transparent; -webkit-appearance: none; padding-left: 20px; border-radius: 5px;}

.floating-select.minimal { background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #000, #000);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; padding-left: 20px; }
.floating-select.minimal { background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 20px) calc(1em + 7px), calc(100% - 15px) calc(1em + 7px), calc(100% - 2.5em) 0.9em; background-size:5px 5px, 5px 5px, 1px 1.5em;background-repeat: no-repeat;}

/*.floating-select.minimal:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}*/

.floating-select.minimal .none{ display: none;}





.floating-input:focus , .floating-select:focus {
     outline:none;
     border:1px solid #307fe2!important; 
}

.floating-label label {
  color:#999; 
  font-size:14px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:12px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all; padding: 0 10px;
}

.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
  top:-13px;
  font-size:13px;
  color:#999;
	background: #ffff; padding: 0 10px; 
}

.floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {
  top:-10px;
  font-size:13px;
  color:#999;background: #ffff; padding: 0 10px; 
}

/* active state */
.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
  width:50%;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.floating-textarea {
   min-height: 60px;
   max-height: 260px; padding: 8px 15px; 
  /* overflow:hidden;
  overflow-x: hidden;*/ resize: none; 
}

/* highlighter */
.highlight {
  position:absolute;
  height:50%; 
  width:100%; 
  bottom:-20px; 
  left:20px;
  pointer-events:none; font-size: 12px; font-style: italic; color: #FF0004;
  opacity:0.5;
}

/* active state */
.floating-input:focus ~ .highlight , .floating-select:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* animation */
@-webkit-keyframes inputHighlighter {
	from { background:transparent; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:transparent; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:transparent; }
  to 	{ width:0; background:transparent; }
}





.image-input {
	width: 100%; float: left;
  box-sizing: border-box;
  display: inline-block;
  border-radius: 4px;
  position: relative!important;
  cursor: pointer!important; border: 1px dashed #ACACC0;
 
  margin: 0 0px 0px 0!important; padding: 0!important;
	pointer-events: auto!important;
left:0px;
  top:0px;

}
	
   

	
	

.image-input:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 419.2 419.2"><circle cx="158" cy="144.4" r="28.8"/><path d="M394.4 250.4c-13.6-12.8-30.8-21.2-49.6-23.6V80.4c0-15.6-6.4-29.6-16.4-40C318 30 304 24 288.4 24h-232c-15.6 0-29.6 6.4-40 16.4C6 50.8 0 64.8 0 80.4v238.8c0 15.6 6.4 29.6 16.4 40 10.4 10.4 24.4 16.4 40 16.4h224.4c14.8 12 33.2 19.6 53.6 19.6 23.6 0 44.8-9.6 60-24.8 15.2-15.2 24.8-36.4 24.8-60s-9.6-44.8-24.8-60zM21.2 80.4c0-9.6 4-18.4 10.4-24.4 6.4-6.4 15.2-10.4 24.8-10.4h232c9.6 0 18.4 4 24.8 10.4 6.4 6.4 10.4 15.2 10.4 24.8v124.8l-59.2-59.2c-4-4-10.8-4.4-15.2 0L160 236l-60.4-60.8c-4-4-10.8-4.4-15.2 0l-63.2 64V80.4zM56 355.2v-.8c-9.6 0-18.4-4-24.8-10.4-6-6.4-10-15.2-10-24.8v-49.6L92 198.4l60.4 60.4c4 4 10.8 4 15.2 0l89.2-89.6 58.4 58.8-3.6 1.2c-1.6.4-3.2.8-5.2 1.6-1.6.4-3.2 1.2-4.8 1.6-1.2.4-2 .8-3.2 1.6-1.6.8-2.8 1.2-4 2l-6 3.6c-1.2.8-2 1.2-3.2 2-.8.4-1.2.8-2 1.2-3.6 2.4-6.8 5.2-9.6 8.4-15.2 15.2-24.8 36.4-24.8 60 0 6 .8 11.6 2 17.6.4 1.6.8 2.8 1.2 4.4 1.2 4 2.4 8 4 12v.4c1.6 3.2 3.2 6.8 5.2 9.6H56zm322.8 0c-11.6 11.6-27.2 18.4-44.8 18.4-16.8 0-32.4-6.8-43.6-17.6-1.6-1.6-3.2-3.6-4.8-5.2-1.2-1.2-2.4-2.8-3.6-4-1.6-2-2.8-4.4-4-6.8-.8-1.6-1.6-2.8-2.4-4.4-.8-2-1.6-4.4-2-6.8-.4-1.6-1.2-3.6-1.6-5.2-.8-4-1.2-8.4-1.2-12.8 0-17.6 7.2-33.2 18.4-44.8 11.2-11.6 27.2-18.4 44.8-18.4s33.2 7.2 44.8 18.4c11.6 11.6 18.4 27.2 18.4 44.8 0 17.2-7.2 32.8-18.4 44.4z"/><path d="M341.6 267.6c-.8-.8-2-1.6-3.6-2.4-1.2-.4-2.4-.8-3.6-.8h-.8c-1.2 0-2.4.4-3.6.8-1.2.4-2.4 1.2-3.6 2.4l-24.8 24.8c-4 4-4 10.8 0 15.2 4 4 10.8 4 15.2 0l6.4-6.4v44c0 6 4.8 10.8 10.8 10.8s10.8-4.8 10.8-10.8v-44l6.4 6.4c4 4 10.8 4 15.2 0 4-4 4-10.8 0-15.2l-24.8-24.8z"/></svg>');
  display: inline-block;
  position: absolute;
  width: 40px;
  height: 40px;
  left: 52%;
  top: 45%;
  opacity: 0.3;
  transition: opacity 200ms;
  transform: translate(-50%, -50%);
}
.image-input:after {
  content: "Upload Her Photo"; position: absolute; left: 0; right: 0; bottom: 15px; font-size: 12px; color: #b2b2b2; line-height: 14px; text-align: center;}



.image-input.isUploading::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 30px;
  height: 30px;
  left: 32px;
  top: 32px;
  opacity: 0.3;
  border-radius: 50%;
  border: 2px solid;
  border-color: transparent currentColor currentColor currentColor;
  -webkit-animation: spin 600ms linear infinite;
          animation: spin 600ms linear infinite;
}
.image-input.isUploading::before {
  display: none;
}
.image-input input[type=file] {
  opacity: 0;
  display: block;
  height: 100px;
  pointer-events: none;
}
.image-input img {
  position: absolute;
  display: block;
  border-radius: 4px;
  left: 0; right: 0;
  top: 0;
  width: 100%; max-width: 80px; height: 80px; overflow: hidden; margin: 10px auto; display: block;  border-radius: 50%; 
 
  transition: opacity 200ms;
  opacity: 1;
 /* -o-object-fit: cover;
     object-fit: cover;*/
  -o-object-position: center;
     object-position: center;
  background: white;
  z-index: 1;
}

.image-input.myphoto:after {
    content: "";
   background:#fff url("../images/event-icon4.png") no-repeat center center;
    
    position: absolute; bottom: -14px;
    
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;  z-index: 999; display: inline-block;
    width: 34px;
    height: 34px;
   
    border-radius: 100%;
   
    border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
}



.image-input img[src=""] {
  opacity: 0;
 /* pointer-events: none;*/
}
.image-input .image-remove {
  position: absolute;
  top: -8px;
  right: -8px;
  z-index: 1;
  border: none;
  background: white;
  width: 20px;
  height: 20px;
  border-radius: 12px;
  cursor: pointer;
}
.image-input .image-remove::before, .image-input .image-remove::after {
  content: "";
  display: block;
  height: 2px;
  width: 12px;
  background: #333;
  border-radius: 2px;
  position: absolute;
  top: 10px;
  left: 4px;
}
.image-input .image-remove::before {
  transform: rotate(45deg);
}
.image-input .image-remove::after {
  transform: rotate(-45deg);
}

@-webkit-keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.captcha-box{ width: 100%; position: relative;}
.captcha{ width: 100%; height: auto;  display: block; padding-left: 0px; }
.captcha small{width: calc(100% - 37px); height: auto; float: left; display: block; font-size: 27px; font-weight: 400; color: #000; margin-top: 5px; position: relative;}
.captcha i{ width: 30px; height: 30px;  position: absolute; right:15px; top: 8px;  display: block; cursor: pointer; }
.submit-box {
    width: 100%;
    height: auto;
    float: left;
    display: block;
}

.submit-box input[type='submit'] {
    width: 100%;
    height: 44px; 
    background: #000;
    border: 0px solid #c2c2c2;
    border-radius: 4px;
    color: #FFF;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    background-image: linear-gradient(0, #4347F2, #4347F2);
    background-size: 0;
    transition: .8s;
    background-repeat: no-repeat;
}

.submit-box input[type='submit']:hover {
    background-size: 100%;
    color: #fff;
}

/****  floating-Lable style end ****/






@media all and (max-width:1366px){
.aido-sec4{ width:100%; height: auto; min-height: 484px; display: block; position:relative; padding: 0px 0 50px 0; background: url(../images/aido-pic7-laptop.jpg) no-repeat center top  ; background-size: cover; }
	
}


@media all and (max-width:800px){
.aido-sec4{ width:100%; height: auto; min-height: 484px; display: block; position:relative; padding: 0px 0 50px 0; background: url(../images/aido-pic7-mob.jpg) no-repeat center top  ; background-size: cover; }
	
}






/* footer Start  */
.footer-sec{width: 100%; height: auto; float: left; display: block; margin:0px 0px; padding: 0px 0 0px 0; position: relative; }
.footer-sec:after {content: ''; width: 100%; display: block; height: 0; font-size: 0px;  line-height: 0; clear: both;}
.footer-sec-box1{width: 100%; height: auto; float: left; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap:wrap; margin-top: 0px; padding: 50px 50px 50px 50px; justify-content: space-between; background: #292d32; border-top-left-radius: 10px;
    border-top-right-radius: 10px;}

.footer-sec-box1 article{width: auto; height: auto; float: left; display: block;}
.footer-sec-box1 article .sitemap{width: 100%; height: auto; float: left; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap:wrap;}
.footer-sec-box1 article .sitemap li{ display: inline-block; padding-right: 10px; position: relative;  }
.footer-sec-box1 article .sitemap li:after{ content: ''; position: absolute; right: 10px; top: 5px; width: 1px; height: 12px; background: #fff;}
.footer-sec-box1 article .sitemap li:last-child:after{ display: none; }
.footer-sec-box1 article .sitemap li a{ display: inline-block; padding-right: 10px; font-size: 14px; font-weight: 400; color: #fff; line-height: 22px;     transition: 0.4s; }
.footer-sec-box1 article .sitemap li a:hover{   color: #4347F2;}
.footer-sec-box1 aside{width: auto; height: auto; float: right; display: block;  font-size: 14px; font-weight: 400; color: #fff; line-height: 22px;}
/* Footer Box End */





@media all and (max-width:1023px){
  .aido-sec1-box1 figure { width: 90%; margin: 0 auto;}
  .aido-sec1-box2 h2 { font-size: 18px; line-height: 20px;}
  .aido-sec1-box2 h3 { font-size: 26px;line-height: 30px;}
  .aido-sec2-box1-right aside { padding: 10px 0px 70px 20px;}
  .aido-sec2-box1-right aside h2 { font-size: 32px; line-height: 36px; margin-bottom: 10px;}
  .aido-sec2-box1-right aside h2 span {  max-width: 84px;}
  .aido-sec2-box1-right aside p { font-size: 19px; line-height: 23px; margin-bottom: 10px;}
.aido-slider1 article span { width: 90px; height: 90px;}
.aido-slider1 .slick-active article span i{width: 70px; height: 70px; line-height: 70px;}
.aido-slider1 article small{ font-size: 26px;  line-height: 32px; }
.aido-sec2-box1-left figure ul { left: 10px; bottom: 10px;}
.aido-sec3-box1-left h2 {font-size: 32px; line-height: 36px;margin-top: 10px;margin-bottom: 20px;}
.aido-sec3-box1-left h2 span { max-width: 84px;}
.aido-slider2 li aside h2 { font-size: 16px; line-height: 20px;}
.aido-slider2 li aside h3 {font-size: 15px;line-height: 20px;}
.aido-slider2 li aside {margin-bottom: 10px; padding-bottom: 10px;}
.aido-slider3 li figure aside span h2 { font-size: 16px; font-weight: 600;line-height: 22px;}
.aido-slider3 li figure aside span h3 { font-size: 11px; font-weight: 600;line-height: 16px;}
.aido-sec5-box1 h2 {font-size: 32px; line-height: 36px; margin-bottom: 30px;}
.aido-sec5-box1 h2 span {  max-width: 84px;}
.aido-sec6-box1 aside { padding-top: 50px;}
.aido-sec6-box1 aside h2 { font-size: 26px; line-height: 34px; padding-bottom: 15px;}
.aido-sec6-box1 aside h3 { font-size: 14px; line-height: 20px;}
.aido-sec6-box1 aside h3 span { width: 74px;}
.aido-sec7-box1 h2 {font-size: 32px; line-height: 36px;}
.aido-sec7-box1 h2 span {max-width: 84px;}
.aido-sec5-box1 { padding: 25px 25px 100px 25px;}
.aido-sec7-box1 {padding: 25px 25px 25px 25px;}
.aido-sec7-box2 { padding: 0px 25px 25px 25px;}
.aido-sec7-box2 aside h3 {font-size: 16px; line-height: 20px;}
.aido-sec7-box2 aside h4 { font-size: 20px;line-height: 26px;  padding-bottom: 25px;}
.captcha small { font-size: 20px;}
.aido-sec7-box2 article {padding: 20px 20px;}
.count1-blue { top: 99px;}
.count2-grey { top: 188px;}

.aido-slider1 article { justify-content: center;}
}

@media all and (max-width:799px){
.aido-sec2-box1-left { width: 100%;}
.aido-sec2-box1-right { width: 90%; margin: -30px auto 0; }
    .aido-sec2-box1-right aside { padding: 0px 0px 0px 0px; }
        .aido-sec2-box1-left figure ul{ left: 0px; right: 0; margin: 0 auto; text-align: center; top: 10px; bottom: inherit; z-index: 22;}
    .aido-sec2-box1-right aside{ border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 20px 20px;}
    .aido-sec2-box1-right aside h2{ width: 100%; text-align: center;}
    .aido-sec2-box1-right aside p{width: 100%; text-align: center;}
    .aido-sec3-box1-right { width: 100%;height: auto; float: left; order: 0;}
.aido-sec3-box1-right:after{ display: none;}
.aido-slider3 li figure aside { position: absolute; left: 0; right: 0; bottom: inherit;top: 10px; max-width: 500px; margin: 0 auto;}
    .aido-sec3-box1-left {overflow: hidden;}
.aido-slider2 {
   margin-left: -21px; margin-right: -21px; bottom:  -1px; 
    height: auto;
    float: left;
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

        .aido-slider2 li { width: 50%; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
        .aido-slider2 li:last-child { width: 50%; border-bottom: 0px solid #ccc; border-left: 0px solid #ccc; }
.aido-slider3 li figure aside span { padding: 0 8px;}
.aido-slider3 li figure aside span h3 { font-size: 11px;}
.aido-sec3-box1-left {width: 90%; margin: -30px auto 0; background: #fff;  border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 20px 20px; }
.aido-sec7-box2 aside {  width: 100%; padding-right: 0%;}
.aido-sec7-box2 article { width: 100%;}
.aido-sec6-box1 figure {
    width: 100%; max-width: 180px;
    height: auto;
    float: none;
    display: table; margin: 0 auto;
    position: relative;
    margin-top: -100px;
}
.aido-sec6:before { background: url(../images/aido-sec6-bg.svg) center center no-repeat; background-size: contain;}
.aido-sec6-box1 figure i{ max-width: 180px;}
.aido-sec6-box1 aside { width: 100%;}
.aido-sec5-box1 h2{ text-align: center; margin: 0 auto 30px;}
.aido-sec6-box1 aside h2 { text-align: center; width: 100%; max-width: none;}

.aido-sec6-box1 aside h3{ text-align: center;}
.aido-slider4 li article h2{ text-align: center;}
.aido-sec7-box1 h2{ text-align: center; width: 100%;}
.aido-sec7-box2 aside h3{ text-align: center;}
.aido-sec7-box2 aside h4{ text-align: center;}
.aido-slider4 li article { padding-left: 0px; padding-top: 50px; text-align: center;}
.aido-slider4 li article span { left: 0; right: 0; top: 0; margin: 0 auto;}
.ps_prev,.ps_next { position: absolute;   bottom: 0;  z-index: 5;  width: 34px;  height: 8px; font-size: 0; cursor: pointer;  }
.ps_prev {left: calc(50% - 40px); background:url(../images/arrow-prev.png) no-repeat right top; display: block}
.ps_next {right : calc(50% - 40px); background: url(../images/arrow-next.png)no-repeat no-repeat left top;  display: block; }
.floating-label label { left: 0px; right: 0; text-align: center;}

    .floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
        top: -13px;
        width: auto;
        display: inline-table;
        margin: 0 auto;}
.floating-input, .floating-select { padding-left: 0px; text-align: center;}
.captcha {width: auto; height: auto; display: table; margin: 0 auto;}
    .captcha small {
        width: 100px;
        font-size: 20px;
        display: block;
        margin: 0 auto;
    }
    .captcha i { right: calc(50% - 90px); top: 2px;}
    .center { width: 90%;}
    .aido-sec7 { margin-top: -50px;}
    .aido-sec7-box2 article { margin-top: 30px; text-align: center;  }
    .aido-sec7-box2 article ul li span i {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;}
    .aido-sec7-box2 article ul li span { padding-left: 0px; padding-top: 40px;}
    .aido-sec7-box2 article h2 {
    width: 100%;
    max-width: 300px; margin: 0 auto;}
    .aido-sec7-box2 article ul { justify-content: center;}
    .footer-sec-box1 article { float: none; }
    .footer-sec-box1 { padding: 20px 20px 20px 20px; text-align: center;}
        .aido-sec3-box1-left h2 {text-align: center;   margin: 0 auto 30px;  display: table;}

        .aido-sec3-box1-left h3 { text-align: center;}
        .aido-slider2 li aside { padding-left: 0px;  padding-top: 45px;}
        .aido-slider2 li aside span {right: 0;   margin: 0 auto;}
        .aido-sec3 { padding: 0px 0 0px 0;}
        .aido-slider3 li figure aside span { width: 50%; text-align: center;}
        .count1-blue { left: 196px;}
        .count2-grey {left: 213px;}
        .aido-slider2 li aside span { top: 13px;}
        .aido-sec7-box2 article ul li {
    width: 33.33%;}

    .aido-slider1 article small {  padding-left: 0px; text-align: center;
}
.ps_dots5 {
    width: 95px;
    z-index: 5;
    margin-top: 15px;
    float: none;
    margin: 25px auto 0;
}
}


@media (max-width: 750px) {
    .count1-blue {
        left: 17%;
    }
    .count2-grey {
        left: 21%;
    }
}
@media all and (max-width:600px){
 .row2 {width: 100%;} 
.row5{width: 100%;}
}

@media all and (max-width:520px){
    .aido-sec7-box2 article ul li { width: 100%; }
        .footer-sec-box1 article {  float: none; margin: 0 auto; display: table;}
    .footer-sec-box1 aside{ text-align: center; float: none; width: 100%;}




.aido-slider1 article small { padding-left: 0px;  text-align: center; padding-top: 20px;
}
    .count1-blue {
        left: 50%; margin-left: -25px;     width: 50px;
    height: 50px;
    display: block;
    text-align: center;
    line-height: 50px; top: 110px;
    }
    .count2-grey {
    width: 26px;
    height: 26px;
   line-height: 26px;
    top: 170px;
    left: 50%; margin-left: -12px;
}
    .aido-slider2 li {
        width: 100%;}


}
@media (max-width: 1023px) {
    .aido-slider1 article small {
        font-size: 26px;
        line-height: 32px;
    }


@media (max-width: 800px) {
    #aido-slider-count, 
    #aido-slider-count2{
        display: none !important; text-indent: -9999px !important; opacity: 0 !important; z-index: -1 !important;
    }
}