@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&family=Ruda:wght@400;500;600;700;800;900&display=swap');

/*
font-family: 'Roboto', sans-serif;
font-family: 'Ruda', sans-serif;
font-family: 'Calibri';
*/
@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri.eot');
    src: url('../fonts/Calibri.eot') format('embedded-opentype'),
         url('../fonts/Calibri.woff2') format('woff2'),
         url('../fonts/Calibri.woff') format('woff'),
         url('../fonts/Calibri.ttf') format('truetype'),
         url('../fonts/Calibri.svg#Calibri') format('svg');
}

body{ padding:0; margin:0; font-size:18px; color:#000; font-family: 'Ruda', sans-serif; overflow-x: hidden;}
a {outline:none !important; text-decoration:none;
-webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition:all .4s ease-in-out;}
a:hover, a:focus, select:focus, button:focus,.btn:focus,btn.focus { outline:none; text-decoration:none; box-shadow:none;}
* { margin:0; padding:0;}
img { border:none; vertical-align:middle; max-width:100%;}
li{ list-style:none;}
h1, h2, h3, h4, h5, h6{ outline:none !important; font-family: 'Roboto', sans-serif; color:#000;}
input, select, textarea, button{ outline:none !important;}
input, textarea, select{ /*-moz-appearance: none; -webkit-appearance: none;*/}
.container{ width:96%; max-width:1200px; margin:0 auto; padding:0;}
.container-xxl{ width:96%; max-width:1503px; margin:0 auto; padding:0;}

p{ font-size:18px; line-height:27px; color:#000; letter-spacing:0.3px;}
.white{ color:#fff !important;}

.sidenav{ height:100%; min-height:100vh; width:0; position: fixed; z-index:9999; top: 0; left: 0; background-color:#0a0a0a; overflow-x: hidden; padding:120px 0 30px; transition:width .4s ease-in-out, height .4s ease-in-out, all .4s ease-in-out; margin:0;}
.sidenav .sidenav_toggle{ position: absolute; top: 20px; left: 40px; font-size: 50px; color: #fff;}
.sidenav .logicon{ width: 70px; margin: -100px auto 30px auto; display: block;}
.sidenav .sid_inn{ margin:0; padding:0;}
.sidenav .sidenav_ul{ margin:0; padding:0; text-align:center;}
.sidenav .sidenav_ul li{ margin:0 0 20px 0; padding:0;}
.sidenav .sidenav_ul li .nav-link{ margin:0; padding:0; display:inline-block; font-size:30px; color:#fff;}
.sidenav .sidenav_ul li .nav-link:hover{ color:#ffcc00;}

#main { transition: margin-left .5s; margin:0; padding:0;}

.sidenav.show{ width:100%; border-radius:0px; margin:0;}

/***********  Top Part  ************/
header{ width:100%; float:left; padding:35px 0 20px 0; margin:0; top:0; position:relative; z-index:999; border-bottom:1px solid rgba(0,0,0,0.1); -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition:all .4s ease-in-out; background:#fff;}
header .navbar{ margin:0; padding:0;}
.toggle_btn{ margin:0; padding:0; background:none; border:none;}
.navbar-brand{ width:100%; max-width:144px; margin:0 0 0 10%; padding:0;}
.home_link{ margin:0 15px 0 0; padding:0; display:inline-block; font-size:18px; color:#000;}
.home_link:hover{ color:#ffcc00;}
.sign_btn{ margin:0; padding:11px 27px; font-size:16px; color:#fff; font-weight:700; background:#000; border-radius:50px; font-family: 'Calibri'; display:inline-block;}
.sign_btn:hover{ background:#ffcc00; color:#fff;}

/**** Sticky START ****/
.is-sticky header { position:fixed; z-index: 999 !important; animation:slide-down 0.7s;}
@keyframes slide-down {
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}
/**** Sticky END ****/

/************* Section ***********/
section{ width:100%; float:left; padding:0; margin:0;}

.global_title{ margin:0 0 20px 0; padding:0; font-size:120px; color:#000; font-weight:900;}

/****** Hero Sec ******/
.hero_sec{ width:100%; float:left; padding:95px 0 200px 0; margin:0;}
.hero_sec .inner{ width:100%; float:left; padding:0; margin:0; position:relative;}
.hero_sec figure{ width:100%; float:left; padding:0; margin:0; text-align:center;}
.hero_sec .caption1{ width:100%; float:left; padding:0; margin:0; position:absolute; left:0; top:10px; max-width:1040px;}
.hero_sec h1{ margin:0 0 20px 0; padding:0; font-size:120px; color:#000; font-weight:900; position:relative;}
.hero_sec .caption1 h1:before{ content:""; width:294px; height:2px; background:#ffcc00; position:absolute; left:32.6%; bottom:0;}
.hero_sec p{ margin:0 0 30px 0; padding:0; font-size:20px; line-height:30px; max-width:300px; font-family: 'Calibri';}
.btns{ margin:0; padding:11px 28px; font-size:15px; color:#000; font-weight:700; border:2px solid #000; border-radius:50px; display:inline-block;}
.btns:hover{ background:#000; color:#fff; box-shadow:8px 9px 40px 1px rgba(0,0,0,0.24);}

.hero_sec .caption2{ width:auto; float:left; padding:0; margin:0; position:absolute; right:-50px; bottom:-145px; min-height:292px;}
.hero_sec .caption2 p{ max-width:750px;}

/***** Work Sec *****/
.work_sec{ width:100%; float:left; margin:0; padding:0 0 140px 0;}
.work_sec h2{ margin:0 0 20px 0; padding:0; font-size:100px; color:#000000; font-weight:800; line-height:100px;}
.work_sec h2 span{ display:block; margin:0; padding:0; color:#ffcc00; letter-spacing:10px; position:relative;}
/*.work_sec h2 span:before{ content:""; height:2px; background:#ffcc00; position:absolute; top:60%; left:-20%; right:-5%; transform:translate(0%,-50%); z-index:-1;}*/
.work_sec p{ margin:0 0 20px 0; padding:0;}
.work_sec p span{ color:#ffcc00; font-weight:700;}
.work_sec strong{ display:block; margin:0 0 50px 0; padding:0; font-size:18px; color:#000000; font-weight:800;}
.work_sec figure{ margin:0 -20%; padding:0;}
.work_sec figure svg{ width:100%; height: 100%;}
.work_sec .appdwn_btn{ margin-bottom:1em;}
.appdwn_btn{ width:100%; max-width:180px; display:inline-block; margin:0;}


.play_btn{ margin:0 20px 0 0; padding:18px 20px 16px 20px; min-width:226px; display:inline-block; font-size:20px; color:#000; border:2px solid #000; border-radius:50px; text-align:center;}
.play_btn img{ margin-right:5px;}
.play_btn:hover{ color:#000;}

.store_btn{ margin:0; padding:20px 20px 18px 20px; min-width:226px; display:inline-block; font-size:20px; color:#000; border-radius:50px; text-align:center; border:2px solid #000;}
.store_btn img{ margin-right:5px;}
.store_btn:hover{ color:#000;}

/***** Welcome Sec *****/
.welcome_sec{ width:100%; float:left; margin:0; padding:160px 0 0 0; background-image:url(./welcome_bg.jpg) !important; background-position:top center !important; background-repeat:no-repeat !important; background-attachment:fixed !important; background-size:cover !important;}
.welcome_sec .left_info{ width:100%; max-width:660px; margin:0; padding:30px 0 40px 40px; float:left; background: -moz-linear-gradient(left,  rgba(0,0,0,0.51) 0%, rgba(0,0,0,0.28) 28%, rgba(0,0,0,0.12) 52%, rgba(0,0,0,0.02) 78%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(left,  rgba(0,0,0,0.51) 0%,rgba(0,0,0,0.28) 28%,rgba(0,0,0,0.12) 52%,rgba(0,0,0,0.02) 78%,rgba(0,0,0,0) 100%); background: linear-gradient(to right,  rgba(0,0,0,0.51) 0%,rgba(0,0,0,0.28) 28%,rgba(0,0,0,0.12) 52%,rgba(0,0,0,0.02) 78%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82000000', endColorstr='#00000000',GradientType=1 );}
.welcome_sec h2{ margin:0; padding:0; font-size:80px; color:#fff; font-weight:800; line-height:80px;}

.welcome_sec .right_info{ width:100%; max-width:860px; margin:150px 0 310px 0; padding:0 40px 0 0; float:right; text-align:right;}
.welcome_sec .right_info h2{ margin:0 -40px 30px 0; padding:30px 40px 40px 0; background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.02) 18%, rgba(0,0,0,0.12) 38%, rgba(0,0,0,0.28) 57%, rgba(0,0,0,0.59) 87%, rgba(0,0,0,0.65) 100%); background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 18%,rgba(0,0,0,0.12) 38%,rgba(0,0,0,0.28) 57%,rgba(0,0,0,0.59) 87%,rgba(0,0,0,0.65) 100%); background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.02) 18%,rgba(0,0,0,0.12) 38%,rgba(0,0,0,0.28) 57%,rgba(0,0,0,0.59) 87%,rgba(0,0,0,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=1 );}
.welcome_sec .right_info p{ margin:0 0 40px 0; padding:0; font-size:18px; color:#fff; line-height:33px;}
.btn_border{ margin:0; padding:10px 30px; display:inline-block; border:2px solid #fff; border-radius:40px; font-size:15px; color:#fff; font-weight:700;}
.btn_border:hover{ background:#fff; color:#000;}

/***** Feature Sec *****/
.feature_sec{ width:100%; float:left; margin:-130px 0 0 0; padding:0;}
.feature_sec .f_block{ width:100%; float:left; margin:0 0 30px 0; padding:0;}
.feature_sec .f_block figure{ width:100%; float:left; margin:0 0 25px 0; padding:0; position:relative;}
.feature_sec .f_block h3{ margin:0; padding:0; font-size:80px; color:#fff; font-weight:800; position:absolute; bottom:0; left:-15px; text-transform:uppercase; line-height:56px;}
.feature_sec .f_block p{ margin:0 0 0 -15px; padding:0 40px 0 0; clear:both;}
.feature_sec .detail{ width:100%; float:left; margin:0; padding:0 0 0 40px;}
.feature_sec .detail h2{ margin:0 0 10px 0; padding:0; font-size:44px; color:#000000; font-weight:800; text-transform:uppercase;}
.feature_sec .detail p{ margin:0; padding:0; font-size:23px; line-height:35px;}

/***** FAQ Sec *****/
.faq_sec{ width:100%; float:left; margin:0; padding:100px 0 150px 5%;}
.faq_sec .container{ max-width:1900px; width:100%;}
.faq_sec h2{ margin:0; padding:0; font-size:100px; color:#000000; font-weight:800;}
.faq_sec figure{ width:100%; float:left; margin:0; padding:0; text-align:right;}
.faq_sec .inner{ width:100%; float:left; margin:0; padding:20px 100px 20px 0;}

.faq_sec .card{ border:none; border-radius:0; border:none; background:none; margin-bottom:0; position:relative; padding:0 0 0 70px;}
.faq_sec .card:before{ content:""; width:2px; height:100%; background:#ffffcc; position:absolute; top:38px; left:16px;}
.faq_sec .card .count{ width:35px; height:35px; display:inline-block; margin:0; padding:0; background:#ffffcc; border-radius:50%; text-align:center; line-height:35px; font-size:20px; color:#ffcc00; font-weight:700; position:absolute; top:20px; left:0; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition:all .4s ease-in-out;}
.faq_sec .card-header{ padding:15px 40px 15px 0; background:none; border:none; border-radius:0; border-bottom:1px solid #e5e5e5;}
.faq_sec .btn-link{ width:100%; float:left; text-align:left; padding:0; position:relative; text-decoration:none !important; border:none; background:none; border-radius:0; font-size:30px; color:#000000; font-weight:800;}
.faq_sec .btn-link:after{ content:"\f067"; display:inline-block; font-size:16px; color:#000; font-family: 'Font Awesome 5 Free'; position:absolute; top:9px; right:-40px;}
.faq_sec .active-acc .btn-link:after{ content:"\f068";}
.faq_sec .card-header.active-acc{ border-bottom:1px solid #ffcc00;}
.faq_sec .card-body{ padding:15px 0 0 0; color:#000; line-height:33px;}
.faq_sec .active-acc .count{ background:#ffcc00; color:#fff;}
.faq_sec .card:last-child:before{ display:none;}

/****** About Sec ******/
.about_sec{ width:100%; float:left; margin:0; padding:0 0 70px 0; position:relative;}
.about_sec figure:before{ content:""; width:100vh; height:92px; background:url(../images/about_curve.png) center center no-repeat; background-size:100% 100%; position:absolute; top:55px; right:10%; z-index:-1;}
.about_sec figure:after{ content:""; width:calc(100vh + 5%); height:295px; background:#ffcc00; position:absolute; bottom:0; right:-3.7%; z-index:-1;}
.about_sec figure{ width:100%; float:left; margin:0; padding:0; text-align:center; position:relative;}
.about_sec .detail{ width:100%; float:left; margin:0; padding:0 0 0 20%;}
.about_sec h2{ margin:0 0 30px 0; padding:0; font-size:100px; line-height:90px; color:#000000; font-weight:800;}

/****** Counter Sec ******/
.counter_sec{ width:100%; float:left; margin:0; padding:150px 0 35px 0;}
.cotner_block{ width:100%; float:left; margin:0 0 30px 0; padding:0;}
.cotner_block strong{ display:inline-block; line-height:100px; font-size:100px; color:#000; font-weight:900; position:relative; font-family: 'Roboto', sans-serif; margin-bottom:5px;}
.cotner_block strong:before{ content:""; height:10px; background:#ffcc00; position:absolute; left:-10px; right:-15px; bottom:0; top:21px; margin:auto; z-index:-1;transition:all .4s ease-in-out;}
.cotner_block small{ margin:0; padding:0; font-size:16px; color:#000; font-weight:700; display:block;}

/****** Value Sec ******/
.value_sec{ width:100%; float:left; margin:0; padding:80px 0 80px 0; background: -moz-linear-gradient(top, rgba(255,204,0,0.01) 0%, rgba(255,204,0,0.09) 100%); background: -webkit-linear-gradient(top, rgba(255,204,0,0.01) 0%,rgba(255,204,0,0.09) 100%); background: linear-gradient(to bottom, rgba(255,204,0,0.01) 0%,rgba(255,204,0,0.09) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03EE8BA0', endColorstr='#17EE8BA0',GradientType=0 );}
.value_sec .row{ margin-left:-50px; margin-right:-50px;}
.value_sec .row>div{ padding-left:50px; padding-right:50px;}
.value_sec .global_title{ margin-bottom:70px;}
.value_sec figure{ margin:0 0 20px 0; padding:0;}
.value_sec h3{ margin:0 0 25px 0; padding:0; font-size:20px; color:#000000; font-weight:900; font-family: 'Ruda', sans-serif;}
.value_sec p{ margin:0 0 30px; padding:0; color:#000; text-align:justify;}

/***** Team Sec ******/
.team_sec{ width:100%; float:left; margin:0; padding:85px 0 100px 0;}
.team_sec .inner{ margin:0; padding:0;}
.global_title.lg{line-height: 80px; font-size:100px; margin-bottom:30px;}
.team_sec .global_title small{ margin:0 0 10px 0; padding-bottom:5px; font-size:20px; color:#ffcc00; font-weight:700; display:inline-block; position:relative; line-height:normal; text-transform:uppercase;}
.team_sec .global_title small:before{ content:""; width:200px; height:2px; background:#000; position:absolute; bottom:0; right:-10px;}
.team_sec .global_title{ margin:0 0 70px 0;}
.team_sec .info{ margin:0 0 70px 0; padding:0 1em 0 0; font-style:italic; font-size:14px; line-height:23px; color:#000; letter-spacing:0.3px;}

.team_block{ width:100%; max-width:470px; float:left; margin:0 0 50px 0; padding:0;}
.team_block figure{ width:100%; float:left; margin:0 0 30px 0; padding:0; position:relative;}
.team_block figure img{ width:100%;}
.team_block .tcaption{ width:100%; height:100%; float:left; padding:40px; background:rgba(0,0,0,0.6); opacity:0; position:absolute; left:0; top:0; transition:all .4s ease-in-out;}
.team_block .tsocial{ margin:0; padding:0;}
.team_block .tsocial li{ margin:0 0 17px 0; padding:0; display:block; font-size:20px; color:#fff;}
.team_block .tsocial li a{ color:#fff;}
.team_block .tsocial li a:hover{ color:#ffcc00;}
.team_block .detail{ width:100%; float:left; margin:0 0 20px 0; padding:0 0 0 12px; position:relative; border-left:2px solid #ffcc00;}
.team_block h3{ margin:0 0 5px; padding:0; font-size:20px; color:#000; font-weight:700; font-family: 'Ruda', sans-serif; transition:all .4s ease-in-out; text-transform:uppercase;}
.team_block .detail span{ font-size:14px; color:#aeaeae; display:block; line-height:normal;}
.team_block p{ clear:both;}
.team_block:hover .tcaption{ opacity:1; margin-top:-20px; margin-left:-20px;}
.team_block:hover h3{ color:#ffcc00;}

/************* Footer ***********/
footer{ width:100%; float:left; padding:90px 0 30px 0; margin:0; background:#0a0a0a;}
footer h2{ margin:0 0 45px 0; padding:0; font-size:35px; color:#fff; font-weight:900;}
footer h3{ margin:0 0 18px 0; padding:0; font-size:20px; color:#fff; font-weight:700; letter-spacing:0.5px;}

.download_btns{ margin:0 0 20px 0; padding:0;}
.download_btns .appdwn_btn{ margin-bottom:10px; display:inline-block;}

.play_btn_white{ border-color:#fff; color:#fff !important; display:flex; align-items:center; justify-content:center; margin-bottom:10px;}
.play_btn_white img{ margin-right:8px;}
.store_btn_white{ background:#fff; color:#000 !important; display:flex; align-items:center; justify-content:center; margin-bottom:10px;}
.store_btn_white img{ margin-right:8px;}

.ftr_links{ margin:0 0 25px 0; padding:0;}
.ftr_links li{ margin:0 0 20px 0; padding:0; font-size:18px; color:#fff; position:relative;}
.ftr_links li a{ color:#fff; opacity:0.6; display:inline-block;}
.ftr_links li a:before{ content:""; width:0; background:#fff; height:2px; position:absolute; left:0; top:0; bottom:0; margin:auto; opacity:0; margin-left:-10px; transition:all .4s ease-in-out, width .4s ease-in-out;}
.ftr_links li a:hover{ color:#fff; opacity:1; padding-left:16px;}
.ftr_links li a:hover:before{ opacity:1; margin-left:0; width:10px;}

.gmail_link{ margin:0 0 30px 0; padding:0; font-size:18px; color:#fff; opacity:0.6; display:inline-block;}
.gmail_link:hover{ color:#fff; opacity:1;}

.social_links{ margin:0; padding:0; width:100%; display:inline-block;}
.social_links li{ margin:0 1.6vw 0 0; padding:0; font-size:20px; color:#fff; display:inline-block;}
.social_links li a{ color:#b8b8b8; float:left; position:relative; top:0;}
.social_links li a:hover{ color:#fff; opacity:1; top:-5px;}

.copyright{ margin:50px 0 0 0; padding:40px 0 30px; font-size:18px; color:#b8b8b8; text-align:center; border-top:1px solid rgba(255,255,255,0.1);}

/*============= Privacy =============*/
.typo_sec{ width:100%; float:left; margin:0; padding:100px 0;}
.typo_sec h3{ margin:0 0 10px 0; padding:0; font-size:26px; color:#000; font-weight:700;}
.typo_sec h3 i{ font-size:16px; margin-top:5px;}
.typo_sec .date{ margin:0 0 30px 0; font-size:16px; color:#585858; font-style:italic; font-family: 'Roboto', sans-serif; display:block;}
.typo_sec p strong{ font-weight:700;}
.typo_sec ul{ margin:0; padding:0 0 0.5rem 15px;}
.typo_sec ul li{ margin:0 0 0.5rem 0; padding:0 0 0 25px; font-size:18px; line-height:27px; color:#000; letter-spacing:0.3px; /*list-style:inside;*/ position:relative;}
.typo_sec ul li:before{ content:""; width:11px; height:11px; box-shadow:0 0 1px 2px rgba(0,0,0,0.12); border-radius:50%; border:2px solid #fff; background:#ffcc00; position:absolute; left:0; top:7px;}
.typo_sec a{ color:#000; font-weight:700;}
.typo_sec a:hover{ color:#585858;}
.typo_sec h4{ margin:0 0 10px 0; padding:0; font-size:20px; color:#000; font-weight:700;}
.typo_sec ol{ margin:0; padding:0 0 0.5rem 30px;}
.typo_sec ol li{ margin:0 0 0.5rem 0; padding:0 0 0 10px; font-size:18px; line-height:27px; color:#000; letter-spacing:0.3px; list-style:lower-roman;}
.typo_sec ol li::marker{ width:20px; text-align:left;}

.mb-30{ margin-bottom:30px !important;}

/*============= Privacy =============*/

/************ ************/
/*.work_sec figure svg #search_xA0_Image_00000158708948065376899400000004007137007283432375_{ animation:magnify 1s infinite ease;}
@keyframes magnify{
  0%{
    opacity: 0;
  }
  25%{
  opacity:0.7;
  }
  50%{
    opacity:1;
  }
  25%{
  	opacity:0.7;
  }
  100%{
    opacity:0;
  }
}*/

/*.work_sec figure svg #notification_xA0_Image_00000178922835408479578290000006946583150172583307_{ animation:notibell 1s infinite ease; }
@keyframes notibell{
  0%{
    transform:rotate(0deg);
  }
  25%{
    transform:rotateY(10deg) rotatex(5deg);
  }
  50%{
    transform:rotateY(-10deg) rotatex(-5deg);
  }
  75%{
    transform:rotateY(10deg) rotatex(5deg);
  }
  100%{
    transform:rotate(0deg);
  }
}*/

#play-button-arrowhead_xA0_Image_00000142168440525846161170000016412388575779483564_{ animation:playpush 4s infinite ease;}
@keyframes playpush{
  0%{
    opacity: 1;
  }
  50%{
    opacity:0;
  }
  100%{
    opacity:1;
  }
}
.push-btn{ animation:pushplay 4s infinite ease;}
@keyframes pushplay{
  0%{
    opacity: 0;
  }
  50%{
    opacity:1;
  }
  100%{
    opacity:0;
  }
}
#Ellipse_9_00000055673467603162562040000004670083454800547247_{ animation:audioplay 4s infinite ease; position:relative; z-index:2;}
@keyframes audioplay{
  0%{
    transform: translateX(0);
    opacity:1;
  }
  100%{
    transform: translateX(26.5%);
    opacity:1;
  }
}

h2.fsm{ font-size:80px !important; line-height:85px;}