@font-face {font-family:'AkiraExpanded-SuperBold'; src:url('../fonts/AkiraExpanded-SuperBold.eot'); src:url('../fonts/AkiraExpanded-SuperBold.woff') format('woff'), url('../fonts/AkiraExpanded-SuperBold.ttf') format('truetype'), url('../fonts/AkiraExpanded-SuperBold.svg') format('svg'); font-weight:normal; font-style:normal}
[data-aos=example-anim3] {
  transform: rotateY(180deg);
  opacity: 0;
  transition-property: transform, opacity;
}
[data-aos=example-anim3].aos-animate {
  transform: rotateY(360deg);
  opacity: 1;
}
[data-aos=example-anim3].aos-animate {
  transform: rotateY(0deg);
  opacity: 1;
}
/*@keyframes example-anim3 {
 0%{
    transform: rotate(0deg);
   }
    50%{
    transform: rotate(90deg);
   }
100%{
    transform: rotateY(360deg);
   }
}*/
.no-padding{padding:0;}
.overflow-h{overflow:hidden;}
.carousel-indicators{bottom:-40px;}
.desk-pt0{padding-top:0 !important;}
/*.circle-1 {
  animation: 1s linear rotate infinite;
}
@keyframes rotate {
    0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}*/
.square {
	transform: rotateY(45deg);
	animation: rotateAnimation 1s linear infinite;
}
.mb40{margin-bottom:40px;}
@keyframes rotateAnimation {
	from {transform: rotateY(45deg);}
	to {transform: rotateY(225deg);}
}
@media (min-width: 768px){
	.box-absolute{position:inherit; width:100%; left:0%; right:0; padding:60px 0;}
.graph-ui{margin-top:0;}

}
.slider-text{display:block; padding-top:30px;}
	ul.card-div {text-align: center;}
	ul.card-div li{display: inline-block; padding: 15px; }
	ul.card-div li.feature-img1 {display: inline-block; width:42%;}
	ul.card-div li.feature-img2 {width:31%;}
  .btn-pt50{padding-top:50px;}
  .main-btn-container{background-color:#000000;     width: 100%;
    position: fixed;
    width: 100%;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 1;}
  .btn-nav{padding: 7px 15px 5px 15px; max-width: 980px;}
.btn-nav .btn-buy-now {
    padding: 4px 12px;
    float: right;
    font-size: 16px;
    border-radius: 4px;
    color: #000000;
    vertical-align: middle;
    position: relative;
    margin-left: 8px;
    background: #fef102;
    border: 1px solid #fef102;
}
.btn-nav a{text-decoration:none;}
.btn-nav a:hover{background-color:#000000; color:#fef102; border-color:#fef102;}
.btn-nav h1 {
    font-size: 24px; margin: 0;
    color: #ffffff;    line-height: 32px;
}
/*.bg1{background-image:url(../images/bg1.jpg); background-repeat: no-repeat; background-position: 0 30%;
	background-size:100%;
	padding:0 !important;
}
.bg2{background-image:url(../images/intensely-strong-hai-bg.jpg); background-repeat: no-repeat; background-position: top;
	background-size:100%;
}
.bg3{background-image:url(../images/smart-hai-pro.png); background-repeat: no-repeat; background-position: top;
	background-size:100%;
}
.bg4{background-image:url(../images/easy-to-use-hai-pro.jpg); background-repeat: no-repeat; background-position: top;
	background-size:100%;
}
.bg5{background-image:url(../images/tried-&-tested-hai-pro.jpg); background-repeat: no-repeat; background-position: 0 100px;
	background-size:100%;
}
.bg6{background-image:url(../images/warranty-mein-hai-pro.jpg); background-repeat: no-repeat; background-position: 0 100px;
	background-size:100%;
}
.bg-1{background-position: 0 140px;
}
.hgt_1{height:1245px;}
.hgt_2{height:1450px;}
.hgt_3{height:1090px;}
.m-hgt_3{height:1370px;}
.hgt_4{height:1307px;}
.hgt_5{height:1307px;}
.hgt_6{height:1307px;}
.hgt_7{height:906px;}*/
.content h1{font-family:'AkiraExpanded-SuperBold'; font-size:6rem; color:#ffffff;}
.content p{font-family:'AkiraExpanded-SuperBold'; font-size:11rem;  line-height:78px; color:#fff200;}
.content .feature-text ul{ text-align:center; margin: auto; display: inline-block;}
.content .feature-text ul li .table-cell{display:table-cell;}
.content .feature-text ul li{font-family:'siri-medium'; font-size:34px; color:#fff200; text-align: left; line-height:32px; display: table;     white-space: nowrap; /*float: left;*/     margin-right: 30px;}
.content .feature-text ul li img{width:50px; margin-right: 10px;/* float: left; */    padding-top: 1.2rem;}
.content .feature-text ul li span{color:#ffffff; font-size:28px; }
.content .feature-text ul.mb20 li{margin-bottom:20px;}
.content .feature-text ul.mr50 li{margin-right:50px;}
.content .feature-text ul.mr50 li:last-child{margin-right:0 !important;}
.content .feature-text ul.mr110 li{margin-right:110px;}
.img-center{margin:auto;}
.content .feature-text.inline-b ul li{display:table; float:left;}
.content .feature-text.slide-section{margin-top: 63%;}
.desktop.img-right-center{margin:auto;}
.desktop.img-right{position:absolute; right:0; top:0; width:60%; z-index: -1;}
.desktop.img-right1{position:absolute; right:0; top:40%; width:40%;}
/*.desktop.img-left{position:absolute; left:0; top:0; width:40%; z-index: -1;}*/
.desktop.img-left1{position:absolute; left:0; top:40%; width:40%;}
.small-text{font-size:20px !important;}
.overimg{position:absolute; left:0; right:0;}

.graph-ui img{width:auto; max-width:auto;}
.inline-block{display:inline-block;}
/*.p-t100{padding-top:100px;}*/
.p-t140{padding-top:140px;}
.text-w{color:#ffffff;}
.watch-set{margin-top:24%; display: inline-block;}
.mr-0{margin-right:0 !important;}
.pt15{padding-top:15px; display:inline-block;}
.akira-font{font-family:'AkiraExpanded-SuperBold';}
.pt0{padding-top:0;}
.v-top{vertical-align:top;}
.inline-in{display:inherit !important;}
.img-w1{width: 48%; float: left;}
.img-w2{width: 48%; float: right;}
.img-prospot{max-width:530px;}
.sub-head{font-family: 'siri-medium'; font-size: 34px; color:#fff200; font-weight:700; letter-spacing:3px;}
.mt25{margin-top:25px;}
.mt40{margin-top:40px;}
.mt70{margin-top:70px;}
.img-w3{width:982px;}
.img-w4{width:120px !important; max-width:120px;}
.bg-b {
    background-color: #fff200 !important;
}
.logo {
    width: 100%;
    padding-left: 10px !important;
     display: block; 
}
.footer-div{position:inherit;}
@media (max-width: 767px){
	.bg1{background-image:url(../images/m-bg1.jpg); background-repeat: no-repeat; background-position: 0 30%;
	background-size:100%;
	padding:0 !important;
}
	.content h1{font-size:11px;}
	.hgt_1{height:480px;}
	.content .feature-text ul li{font-size:15px; line-height:19px;}
	.content h1{font-size:22px; color:#ffffff;}
	.content p{font-size:36px;  line-height:22px;}
	.content .feature-text ul li span{font-size:12px !important; }
	.mb25{margin-bottom:15px;}
	.card-div li{padding-bottom:10px;}
	.m10-padding{padding:10px;}
	.m-no-padding{padding:0;}
	.content .feature-text ul{display:inherit;}
	.content .feature-text ul li img{width:30px;}
	.m-mr0 li{margin-right:0 !important;}
	.p-t100{padding-top:0;}
	.m-mt20{margin-top:20px;}
	.hgt_7{height: 434px;}
	.row-10{margin-left:-10px; margin-right:-10px;}
	.watch-set{margin-top:23%;}
}
@media (max-width: 480px) {
.feature-text.m-feature-text{padding: 0 10px;}
.overimg{position:inherit;}
.graph-ui{margin-top:0;}
.content .feature-text.inline-b.m-inline-in ul li{    width: 100%;
    text-align: center;}
    .btn-nav h1 {
    font-size: 22px;}
    .btn-nav .btn-buy-now{font-size: 15px;}
.small-text{font-size:14px !important;}
.content .feature-text.inline-b.m-inline-in ul li .table-cell{display:block; text-align: center;}
.ml0{margin-left:0 !important;}
.m-pl-0{padding-left:0;}
.content .feature-text ul.mb20.m-mb0 li{margin-bottom:0;}
.m-pt50{padding-top:50px;}
.desktop.img-right{width:60%; top:20%;}
ul.card-div li.feature-img1{width: 48.5%;
    padding: 5px;}
    ul.card-div li.feature-img2{width: 32%;
    padding: 5px;}
    .bg2{background-position: 0 80px;}
    .hgt_2{height: 640px;}
    .hgt_3{height: 380px;}
    .content .feature-text ul.mr50.m-mr10 li{margin-right:10px;}
    .content .feature-text ul.mr110.m-mr10 li{margin-right:15px;}
    .overimg.m-absolute{position:absolute;}
    .content .feature-text.dispaly-inlin-b ul{display:inline-block}
    .hgt_4{height: 475px;}
    .img-prospot{max-width: 80%;
    padding: 0 25px;}
    .desktop.img-right.m-1img-right{    width: 56%;}
    .m1-p-t70{padding-top: 70px;}
    .sub-head{    font-size: 14px;
    letter-spacing: 1.5px;}
    .img-w4{width: 50px !important;}
    .bg3{background-position: 0 20px;}
    .bg4{background-position: 0 28px;}
    .m-bg41{background-position: 0 140px;}
    .m-bg42{background-position: 0 50px;}
    .content .feature-text.slide-section.m-mr325{margin-top:80%;}
    .m-pl0{padding-left:0;}
    .m-pr0{padding-right:0;}
    .content .feature-text ul.mb20.m-mb0.m-mr10 li{margin-right:10px;}
    .content .feature-text ul.m-wnorap li{white-space:normal;}
    .content .feature-text.m-ml20{margin-left:6%;}
/*    .carousel-indicators{bottom:-40px;}*/
.graph-ui img{width:100%; max-width:100%;}
.m-hgt_3{height:540px;}
.content .feature-text ul.text1-style li{    word-wrap: break-word;
    white-space: inherit;
    line-height: 18px;}
    .content .feature-text ul.text1-style li span{    line-height: 15px;}
}

@media (min-width: 241px) and (max-width: 360px){
	.m-360{width:100%;}
	.desktop.img-right{width:60%; top:30%;}
	.content .feature-text.slide-section.m-mr325{margin-top:70%;}
	.m-pl0{padding-left:0;}
    .m-pr0{padding-right:0;}
    .hgt_4{height: 365px;}
    .m-hgt_3{height:434px;}

}
@media (min-width: 481px) and (max-width: 800px){
.content .feature-text ul li{font-size:25px; line-height:30px;}
	.content h1{font-size:4rem;}
	.content p{font-size: 9rem;}
	.content .feature-text ul li img{width: 40px;}
	.overimg{position:inherit;}
	.hgt_1 {
    height: 855px;
}
.content .feature-text ul li span {
    font-size: 23px;
}
.bg2{background-position: 0 150px;}
.content .feature-text.slide-section{    margin-top: 84%;}
.desktop.img-right{top: 110px;
    width: 70%;}
    .hgt_2 {
    height: 1200px;
}
.hgt_3 {
    height: 720px;
}
.bg3{background-position: 0px 82px;}
.hgt_4 {
    height: 806px;
}
}
@media (min-width: 801px) and (max-width: 1024px) {
      /* For portrait layouts only */
      .content h1{font-size:4rem;}
	.content p{font-size: 9rem;}
 	.hgt_4 {
    height: 1136px;
}
.hgt_3 {
    height: 1100px;
}
.m-pt0{padding-top:0;}
 }
@media only screen and (max-width: 1920px)  {

}