/* latin-ext */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: local('Montserrat Regular'), local('Montserrat-Regular'), url(../fonts/JTUSjIg1_i6t8kCHKm459Wdhyzbi.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: local('Montserrat Regular'), local('Montserrat-Regular'), url(../fonts/JTUSjIg1_i6t8kCHKm459Wlhyw.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* vietnamese */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	src: local('Montserrat Bold'), local('Montserrat-Bold'), url(../fonts/JTURjIg1_i6t8kCHKm45_dJE3gbD_u50.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	src: local('Montserrat Bold'), local('Montserrat-Bold'), url(../fonts/JTURjIg1_i6t8kCHKm45_dJE3gfD_u50.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	src: local('Montserrat Bold'), local('Montserrat-Bold'), url(../fonts/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 900;
	src: local('Montserrat Black'), local('Montserrat-Black'), url(../fonts/JTURjIg1_i6t8kCHKm45_epG3gfD_u50.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 900;
	src: local('Montserrat Black'), local('Montserrat-Black'), url(../fonts/JTURjIg1_i6t8kCHKm45_epG3gnD_g.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


*:focus {
	outline: none;
}
        html {
  scroll-behavior: smooth;
}
        html, body{width: 100%; height: 100%; margin: 0; padding: 0;}
        body{font-size: 16px; font-family: 'Montserrat', Arial, sans-serif; color:#090909; text-align: center; background:#0f0e14; font-weight: 400;}
h1,h2,h3{font-weight: 700;}
h4,h5,h6{font-weight: 400;}
        a:link,a:active,a:visited{text-decoration: none; color: #090909;}
        header{background: #0090ff; display: block; position: relative;}
        main{ background: #FFF !important;}
        footer{background:#0f0e14; color:#FFF;}
p{line-height: 1.25em;}
        nav{background:#FFF; vertical-align: middle; position: fixed; z-index: 999; width: 100%;border-bottom:1px solid #efefef !important;}
        #logo {
            text-decoration: none;
            color: #0090ff;
            vertical-align: middle;
            font-size: 1.75em;
            font-weight: 700;
            margin: 0;
            padding: 0;
            float: left;
            display: block;
            line-height: 0;
            
        }
        #logo svg {
            height: 1.571em;
            padding: .5em 0;
            width: auto;
            vertical-align: middle;
           
            fill: #0090ff;
            vertical-align: middle;
        }
        
        #logo .text{vertical-align: middle; display: inline-block; font-size: .9em;}

#lessFeatures{display: none; margin-top: 1em;}

       
        #menu {margin: 0; padding: 0; list-style-type: none; float: right; vertical-align: middle; font-size:.9em; display: block;}
        #menu li {display: inline-block; padding: 1.95em 1em; vertical-align: middle;}
        #menu a{color:#0090ff; /*text-transform: uppercase;*/ font-weight: 700;}
        #menuMin {margin: 0; padding: 0; list-style-type: none; float: right; vertical-align: middle; display: none; }
        #menuMin li {display: inline-block; margin: 0; padding: .2em .15em 0; vertical-align: middle; height: 4.2em;}
        #menuMin svg {fill: #0090ff; height:100%;}
        
        .container{width: 95%; margin: 0 auto; max-width: 60em;display: block; vertical-align: top;}
#overlay {width:100% !important; min-height: 100%; background: rgba(30,20,40,.9); position: fixed; z-index: 99998; display: none;}
#donate{width: 95%; margin: auto; padding-bottom: 2em; max-width: 32em; text-align: center !important; position: fixed;  z-index: 99999;  left: 50%; top: 50%; transform: translate(-50%, -50%); display: none;}
#donate section {background:#FFF; padding: 2em 2em 1em; margin: 0; border-radius: 8px;}
.bigCTA{color:#FFF; background:#ff9501; border:1px solid #ff9501; margin: 1em 0 0; display:inline-block; padding:1em 1.25em; border-radius:.25em; transition: .3s; text-transform: uppercase; font-size:1em;}
.bigCTA:hover{color:#ff9501 !important; background: #FFF;}
.close{display: block; width: 1.5em; height: 1.5em; position: relative; float: right; margin: .75em .75em 0 0; background: none !important;}
.close svg{fill:#0090ff; height: 100%; cursor: pointer;}
        .features{width: 13em; padding: 1em; margin: 0 1em; display: inline-block; text-align: center; color: #FFF; vertical-align: top; margin-bottom: 0; transition: .5s}
        .features a{color: #FFF; text-transform: uppercase; font-size: .9em; }
        .features a:hover{border-bottom:1px solid #FFF;}
        .features .icon{border:2px solid #FFF; padding: 1em; border-radius: 50%; width: 4em; height: 4em; margin: auto;}
        .features svg {width:100%; height: auto; fill:#FFF; }
.smallprint{font-size: .75em;}
        .cta {display: block; max-width: 12em;  padding: 1em 2em; border: 1px solid #FFF; border-radius: 4px; text-transform: uppercase; margin: 0 auto; font-weight:  700; color: #FFF !important; font-size: .9em; transition: .3s; cursor: pointer}
        .cta:hover{background: #FFF; color:#0090ff !important; }
        .blue{color: #FFF !important; border-color: #0090ff; background:#0090ff; max-width: 18em;  }
        .blue:hover{background: transparent; color: #0090ff !important;}
 .hidden{ -ms-transform: scale(0,0);-webkit-transform: scale(0,0);transform: scale(0,0); height: 0; line-height: 0; visibility: hidden; overflow: hidden; padding: 0; margin: 0;}
.hidden .icon{border:none;}
.footerBreak{display: none;}
 @media only screen and (max-device-width: 1000px),
     only screen and (max-width: 1000px) {   .phone img{max-width: 300px !important;}
@media only screen and (max-device-width: 890px),
    only screen and (max-width: 890px) {  .features{margin: 0} .phone img{max-width: 260px !important; margin-left: 1em;}  .tablet {margin-left:0; margin-right: 1em;} .intro{font-size: 1em !important; max-width: 370px !important;}.hero{padding: 8.5em 0 4em !important;}} 
   @media only screen and (max-device-width: 820px),
     only screen and (max-width: 820px) {footer{text-align: center !important;} .footerMenu, .footerLinks {text-align: center !important; display: block !important; width: 97%; padding-right: 0 !important; margin: 0 auto 1em !important; border-right:none !important; padding-bottom: 1em;} .footerMenu div{display: inline-block; !important; margin: 0 1em;} #footerLogo{float: none !important; display: block !important;}}
         
@media only screen and (max-device-width: 760px),
    only screen and (max-width: 760px) {   .phone, .intro {display: block; margin: auto; width: 95%;} .phone img{max-width: 320px !important; margin: 0 !important;} .intro{max-width: none !important; text-align: center !important; margin-bottom: 2em;} .getitnow .intro {margin-bottom: 0; margin-top: 2em;} }
        
@media only screen and (max-device-width: 540px),
    only screen and (max-width: 540px) { #menu li{padding: 1.95em .35em !important;} }
        .footerBreak{display: block;}
         }  
@media only screen and (max-device-width: 500px),
    only screen and (max-width: 500px) {        
        #menu{display:none;} #menuMin{display: block;}}

@media only screen and (max-device-width: 325px),
    only screen and (max-width: 325px) {        
        #menuMin li{ padding: .2em 0 0;}}
@media only screen and (max-device-width: 310px),
    only screen and (max-width: 310px) {        
        #menuMin{display: none;} #logo{text-align: center !important; float:none !important;}}