@import url('https://fonts.googleapis.com/css?family=Poppins:100,300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Muli:300,400,600,700&display=swap');

/* font-family: 'Muli', sans-serif; */

* {
    border: 0 none;
    outline: 0;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    -webkit-appearance: value;
    -moz-appearance: value;
    appearance: value;
}

html,
body,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
fieldset {
    margin: 0px auto;
    padding: 0px;
    border: 0;
    outline: 0;
    font-size: 100%;
    -webkit-text-stroke: 0px!important;
    -webkit-font-smoothing: antialiased !important;
}

a,
img a {
    text-decoration: none;
    border: 0;
    outline: 0 !important;
    transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -ms-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
}

a,
button,
input {
    transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -ms-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
}

:focus {
    outline: 0px;
}

table {
    border-collapse: collapse;
    border-spacing: 0px;
}

ol,
ul,
li {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.clear {
    clear: both;
}

.clearfix:after {
    clear: both;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
article {
    display: block;
    margin: 0;
    padding: 0;
}

html,
body {
    height: 100%;
    /* scroll-behavior: smooth;
    -webkit-scroll-behavior: smooth; */
}

body {
    background: #fff;
    font-size: 14px;
    color: #000;
    font-family: 'Poppins', sans-serif !important;
    overflow-x: hidden;
    -webkit-text-stroke: 0px!important;
    -webkit-font-smoothing: antialiased !important;
}

input[type="text"],
textarea {
    border-radius: 2px;
    margin: 0 0 20px;
    padding: 6px 10px;
    border: 1px solid #ccc;
    width: 100%;
    transition: all ease-in .3s;
    -moz-transition: all ease-in .3s;
    -ms-transition: all ease-in .3s;
    -o-transition: all ease-in .3s;
    -webkit-transition: all ease-in .3s;
}

input[type="text"]:hover,
textarea:hover,
input[type="text"]:focus,
textarea:focus {
    border-color: #ff0038;
}

input[type="text"]:focus,
textarea:focus {
    box-shadow: 0 0 4px #fff !important;
    -moz-box-shadow: 0 0 4px #fff !important;
    -ms-box-shadow: 0 0 4px #fff !important;
    -o-box-shadow: 0 0 4px #fff !important;
    -webkit-box-shadow: 0 0 4px #fff !important;
}

.fa-instagram:before {
    content: "\f16d";
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: "\f09a";
}

.fa-twitter:before {
    content: "\f099";
}

.fa-linkedin:before {
    content: "\f0e1";
}

.fa-facebook-official:before {
    content: "\f230";
}



blockquote{
  font-size: 20px;
  border-left: 4px solid #ccc;
  margin: .5em 8px;
  padding: 0 8px;
  quotes: "\201C""\201D""\2018""\2019";
  padding: 8px 10px;
  line-height: 1.2;
}

blockquote:before {
  content: open-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: -10px;
  position: relative;
  top: 20px;
  color: #ccc;
  font-size: 3em;
}


footer{
  margin:0;
  text-align: right;
  font-size: 1em;
  font-style: italic;
}

/* Page Css */

.container {
    width: 1170px;
    margin: 0 auto;
    max-width: 100%;
    position: relative;
}

header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 92;
}

nav ul {
    display: flex;
    justify-content: flex-end;
}

nav ul li {
    display: inline-block;
}

nav {
    margin: 20px 0 0 0;
}

nav ul li a {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Muli', sans-serif;
    font-weight: 700;
    color: #221f1f;
    padding: 10px 20px;
    position: relative;
}

nav ul li a:hover {
    color: #e1005c;
}

nav ul li.active a {
    color: #221f1f;
}

nav ul li.active a:before {
    position: absolute;
    left: 50%;
    bottom: -4px;
    width: calc(100% - 20px);
    content: '';
    background: #e1005c;
    height: 5px;
    transform: translateX(-50%);
}

.phone-input {
    width: 240px;
    padding: 12px 20px;
    margin: 8px 0;
    border: 1px solid #ccc;
    border-radius: 10px;
    font-size:24px;
}

.phone-submit {
    width: 240px;
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 10px;
    cursor: pointer;
    font-size:24px;
}

.phone-submit:hover {
  background-color: #45a049;
}

.banner-wrap {
    background: #f1f7ff;
    position: relative;
    padding: 70px 0 40px;
    min-height: 800px;
    background-size: cover;
}

.banner-wrap .container {
    width: 1350px;
}

.ban-lcontent {
    float: left;
    width: 480px;
    position: relative;
    padding: 0 0 60px;
}

.ban-lcontent .logo {
    margin: -10px 0 -25px -56px;
    display: table;
}

.ban-lcontent h1 {
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 30px;
    color: #181818;
}

.ban-lcontent h2 {
    font-size: 18px;
    color: #2e425d;
    font-weight: 500;
    margin: 0 0 22px;
}

.ban-lcontent a {
    display: table;
    margin: 0;
}

.ban-phone-wrap {
    float: right;
    width: 560px;
    position: relative;
}

.ban-phone-wrap figure {
    position: absolute;
}

.ban-phone-wrap .phn-1 {
    left: -470px;
    top: -110px;
}

.ban-phone-wrap .phn-2 {
    right: -200px;
    top: 45px;
}

.ban-phone-wrap .phn-3 {
    left: -240px;
    top: 130px;
}

.ban-phone-wrap figure img {
    display: block;
}

.icons {
    position: absolute;
}

.icons.one {
    top: 90px;
    right: -70px;
}

.icons.two {
    bottom: 240px;
    left: 620px;
}

.icons.three {
    left: 0;
    bottom: 0px;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG;
}

.icons.four {
    right: 10px;
    bottom: 20px;
}

.icons img {
    display: block;
}

.streamline-wrap {
    position: relative;
    padding: 100px 0 110px;
}

.streamline-wrap h2 {
    text-align: center;
    width: 550px;
    margin: 0 auto 15px;
    font-size: 40px;
    font-weight: 500;
    color: #181818;
    position: relative;
}

.streamline-wrap h3 {
    font-size: 18px;
    color: #2e425d;
    font-weight: 500;
    width: 680px;
    margin: 0 auto 110px;
    text-align: center;
    position: relative;
}

.streamline-list-wrap {
    width: 1170px;
    margin: 0 auto;
    padding: 0 0 0 380px;
    position: relative;
    position: relative;
    max-width: 100%;
}

#streamlinelist {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.streamline-list-wrap .list {
    width: 50%;
    padding: 0 0 80px 60px;
}

.beta-header,
.streamline-list-wrap .list .hd {
    display: block;
    font-size: 24px;
    color: #e1005c;
    font-weight: 700;
    margin: 0 0 10px;
}

.streamline-list-wrap .list p {
    font-size: 18px;
    color: #2e425d;
    font-weight: 400;
}

.streamline-list-wrap .png {
    position: absolute;
}

.streamline-list-wrap .png.phone {
    left: -110px;
    bottom: -130px;
}

.streamline-list-wrap .png.char {
    bottom: -40px;
    left: 366px;
}

.streamline-list-wrap .png.char-1 {
    left: 330px;
    bottom: -48px;
    z-index: -1;
}

.flyx-voice-wrap {
    background: #ddd url(../images/bg.jpg) no-repeat;
    position: relative;
    min-height: 900px;
    background-size: cover;
}

.flyx-vcs {
    width: 500px;
    padding: 100px 0 0 0;
    float: left;
}

.flyx-vcs span {
    display: block;
}

.flyx-vcs .hd {
    font-size: 40px;
    font-weight: 500;
    color: #58748c;
    margin: 0 0 20px 0;
    line-height: 1.3;
}

.flyx-vcs .subhd {
    font-size: 18px;
    color: #2e425d;
    font-weight: 400;
    padding: 0 20px 0 0;
    line-height: 1.6;
}

.gchat-design {
    float: right;
    margin: 60px 0 0 0;
    width: 380px;
    left: -135px;
    position: relative;
}

.gchat-design .list {
    background: #fff;
    margin: 0 0 20px;
    font-size: 18px;
    padding: 15px 25px;
    border-radius: 10px;
    position: relative;
}

.gchat-design .list:last-child {
    left: 95px;
}

.gchat-design .list figure {
    position: absolute;
    left: -95px;
    width: 80px;
    height: 80px;
    background: #ffffff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 2px;
}

.flyx-comments-wrap {
    padding: 80px 0;
}

#commets-sld {
    width: 950px;
    margin: 0 auto;
    padding: 70px 0 0 0;
}

#commets-sld .item {
    padding: 0 90px;
}

#commets-sld .item p {
    font-size: 30px;
    font-weight: 500;
    text-align: center;
    line-height: 1.4;
    margin: 0 0 25px;
}

#commets-sld .item .rating {
    display: table;
    margin: 0 auto;
}

#commets-sld .item .name {
    display: table;
    margin: 15px auto 0;
    font-size: 18px;
    color: #2e425d;
    font-weight: 400;
    line-height: 1.6;
}

#commets-sld .owl-prev,
#commets-sld .owl-next {
    position: absolute;
    background: #ddd;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 120px;
}

#commets-sld .owl-prev {
    left: 0;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

#commets-sld .owl-next {
    right: 0;
}

#commets-sld .owl-prev:hover,
#commets-sld .owl-next:hover {
    background: #181818;
}

#commets-sld .owl-prev.disabled,
#commets-sld .owl-next.disabled {
    opacity: .5;
    background: #ddd !important;
    cursor: default;
}

#commets-sld:before {
    position: absolute;
    left: calc(50% - 25px);
    top: 0;
    content: '';
    width: 50px;
    height: 50px;
    background: url(../images/comment-qut.png) no-repeat;
}

.download-app-sec {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e1005c+0,3c30b7+100 */
    background: #e1005c;
    /* Old browsers */
    background: -moz-linear-gradient(left, #e1005c 0%, #3c30b7 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #e1005c 0%, #3c30b7 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #e1005c 0%, #3c30b7 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#e1005c', endColorstr='#3c30b7', GradientType=1);
    /* IE6-9 */
    position: relative;
    padding: 70px 0;
}

.download-ltf {
    float: left;
    width: 530px;
}

.download-ltf .hd {
    font-size: 40px;
    color: #fff;
    display: block;
    line-height: 1.2;
    font-weight: 400;
    margin: 0 0 30px;
}

.download-ltf a {
    display: table;
    margin: 0;
}

.download-ltf a img {
    display: block;
    width:236px;
}

.tall-email-signup {
  height: 60px;
  padding-top: 80px;
  padding-bottom: 100px;
  text-align: center;
}

#mc_embed_signup input.big-email {
  font-size: 18px;
  height: 60px;
  width: 320px;
  text-align: center;
  padding: 10px;
  border: 1px solid;
  border-radius: 8px;
  border-color: grey;
}

#mc_embed_signup .big-button {
  font-size: 18px;
  height: 60px;
  width: 180px;
  background-color:#c00;
  color: white;
  border-radius: 8px;
}
/* mail chimp delay */

@keyframes delayedShow {
  to {
    visibility: visible;
  }
}

.delayedShow{
  visibility: hidden;
  animation: 0s linear 0s forwards delayedShow ;
}

.google-play-badge {
    margin: -16px;
    width:270px;
}

.google-play-badge-2 {
    margin: -16px;
    width:270px !important;
}

/* mail chimp delay */

@keyframes delayedShow {
  to {
    visibility: visible;
  }
}

.delayedShow{
  visibility: hidden;
  animation: 0s linear 1.5s forwards delayedShow ;
}


.flydes {
    position: absolute;
    right: 0;
    top: -187px;
}

footer {
    padding: 15px 0 10px;
}

.foot-upper-panel {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.foot-upper-panel .foot-nav {
    width: 50%;
    display: flex;
}

.foot-upper-panel .foot-social-nav {
    width: 50%;
    display: flex;
    justify-content: flex-end;
}

.foot-upper-panel .copyright {
    width: 40%;
    font-size: 16px;
    color: #2e425d;
    font-weight: 500;
    padding: 5px 0 0;
}

.foot-upper-panel .foot-nav li a {
    display: block;
    font-size: 16px;
    color: #2e425d;
    padding: 5px 30px 5px 0;
    font-weight: 500;
}

.foot-upper-panel .foot-nav li a:hover {
    color: #dd015e;
}

.foot-upper-panel .foot-social-nav li a {
    font-size: 24px;
    color: #2e425d;
    padding: 0 0 0 25px;
}

.foot-upper-panel .foot-social-nav li a:hover {
    color: #dd015e;
}

.rotateme {
    -webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

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

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

@-webkit-keyframes rotate3d {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg);
    }
    100% {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg);
    }
}

.shape7 {
    position: absolute;
    -webkit-animation: animationFramesOne 20s infinite linear;
    animation: animationFramesOne 20s infinite linear;
}

@keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }
    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg);
        transform: translate(73px, -1px) rotate(36deg);
    }
    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg);
        transform: translate(141px, 72px) rotate(72deg);
    }
    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg);
        transform: translate(83px, 122px) rotate(108deg);
    }
    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg);
        transform: translate(-40px, 72px) rotate(144deg);
    }
    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
        transform: translate(0px, 0px) rotate(0deg);
    }
}

@-webkit-keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg);
    }
    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg);
    }
    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg);
    }
    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg);
    }
    100% {
        -webkit-transform: translate(0px, 0px) rotate(0deg);
    }
}

@-webkit-keyframes MOVE-BG {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(88px);
        transform: translateX(88px);
    }
}

@keyframes MOVE-BG {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    to {
        -webkit-transform: translateX(88px);
        transform: translateX(88px);
    }
}


/* news section css */ 
.news{
    background: #ffff0030;
    width: 100%;
    height: 30%;
}

.news h2{
    text-align: center;
    width: 550px;
    margin: 0 auto 15px;
    font-size: 40px;
    font-weight: 500;
    color: #181818;
    position: relative;
    font-family: poppins,sans-serif;
    position: relative;
    top: 27px;
}

@media only screen and (max-width: 600px) {
    .news{
        height: 60%;
    }

    .news h2{
    font-size: 22px;
    width: 100%;
    position: relative;
    top: 32px;
    }
}

.news section{

    position: relative;
    top: 50px;
}
@media only screen and (max-width: 600px) {
    
        .news section{
             top: 47px;
        }
}


/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }


/*  GRID OF EIGHT  */
.span_8_of_8 {
	width: 100%;
}

.span_7_of_8 {
  	width: 87.3%;
}

.span_6_of_8 {
  	width: 74.6%;
}

.span_5_of_8 {
  	width: 61.9%;
}

.span_4_of_8 {
  	width: 49.2%;
}

.span_3_of_8 {
  	width: 36.5%;
}

.span_2_of_8 {
  	width: 23.8%;
}

.span_1_of_8 {
  	width: 11.1%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_8, .span_2_of_8, .span_3_of_8, .span_4_of_8, .span_5_of_8, .span_6_of_8, .span_7_of_8, .span_8_of_8 { width: 100%; }
}

@media only screen and (max-width: 600px) {
    .news .section{
        left: 162px;
    position: relative;
    }
}


.yourstory
{
    filter: grayscale(100%);
    width:188px;
}
.yourstory img {
    width: 80px;
}

.economictimes
{
    filter: grayscale(100%);
    width:188px;
    position: relative;
    top: 0px;
}

@media only screen and (max-width: 600px) {
    
    .economictimes
    {
        filter: grayscale(100%);
        width: 188px;
        position: relative;
        top: -24px;
        left: -23px;
    }
}

.economictimes img
{
    width: 159px;
}

.brobible
{
    filter: grayscale(100%); 
}
.brobible img
{
    width: 80px;
}

.yahoo
{
    filter: grayscale(100%); 
}
.yahoo img
{
    position: relative;
    width: 107px;
    top: -15px;
}

.bloomberg
{
  
    filter: grayscale(100%); 
    
}
@media only screen and (max-width: 600px) {
    
    .bloomberg
{
    position: relative;
    top: -10px
    
}
}

.bloomberg img{
    width: 80px;
    position: relative;
    top: -11px;
}



.bwdisrupt
{
    filter: grayscale(100%);   
}
.bwdisrupt img
{
width:80px;
}

.vccircle
{
    filter: grayscale(100%); 
}
.vccircle img
{
    width:80px;
}

.patch
{
    filter: grayscale(100%); 
}
.patch img
{
    width:80px;  
}