@charset "utf-8";
.navbar,header.site{
	height:var(--header-h);
	min-height:var(--header-h)
}
section{
	min-height:20vh
}
html{
	font-family:sans-serif;
	-webkit-text-size-adjust:100%;
	text-size-adjust:100%;
	font-size:10px;
	-webkit-tap-highlight-color:transparent;
	tap-highlight-color:transparent;
	overflow-y:scroll
}
body{
	padding-top:var(--nav-h);
	font-size:18px;
	line-height:1.7;
	font-family:GothamRounded-Book,sans-serif
}
body,html{
	height:auto;
	min-height:100%
}
h1,h2,h3,h4,h5,h6{
	font-size:2rem;
	color:#333;
	font-family:sans-serif;
	font-weight:700
}
article h1,aside h1,nav h1,section h1{
	font-size:2rem;
	line-height:1.2;
	margin:0 0 .5em
}
p{
	letter-spacing:0
}
a{
	color:#fff;
	text-decoration:none;
	transition:all .3s;
	-webkit-transition:all .3s
}
a:hover{
	color:#fff;
	text-decoration:none
}
a:focus{
	outline:0;
	text-decoration:none
}
li,ul{
	margin:auto;
	padding:0;
	list-style:none
}
.btn.active.focus,.btn.active:focus,.btn.focus,.btn.focus:active,.btn:active:focus,.btn:focus{
	outline:0
}
.btn,input[type=submit]{
	display:inline-block;
	background:0 0;
	padding:10px 25px;
	border-radius:5px;
	transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	letter-spacing:1px;
	border:none;
	font-weight:600;
	color:#fff;
	background-color:#209cea;
	text-transform:none
}
.btn:hover,input[type=submit]:hover{
	color:#fff;
	background:#f45e58
}
.btn.btn-reverse{
	background:#f45e58
}
.btn.btn-reverse:hover{
	color:#333;
	background-color:#fff
}
.btn.btn-white{
	color:#333;
	background-color:#fff
}
.btn.btn-white:hover{
	color:#fff;
	background:#f45e58
}
.btn.btn-lg{
	height:50px;
	padding:0 15px;
	font-size:18px;
	font-weight:700;
	line-height:50px;
	border-radius:7px
}
.faq-area .section-big{
	padding:100px 0
}
.section-big{
	padding:20px 0
}
.section-small{
	padding:50px 0
}
.section-title{
	margin:auto;
	max-width:800px;
	margin-bottom:60px
}
.section-title.white h2{
	color:#fff
}
.section-title h2{
	font-size:40px;
	margin-bottom:25px;
	line-height:40px;
	margin-top:0
}
.section-title p{
	margin-top:25px
}
.section-title{
	max-width:70vw;
	margin:5vh auto 5vh auto
}
.subtitle{
	font-size:20px;
	text-transform:unset;
	margin-bottom:15px
}
#preloader{
	position:fixed;
	left:0;
	top:0;
	z-index:99999;
	width:100%;
	height:100%;
	margin:auto;
	overflow:visible;
	background-image:url(img/logo/logo.webp);
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#fff
}
img{
	max-width:100%;
	display:block;
	height:auto
}
.row{
	margin-right:0;
	margin-left:0
}
.navbar>.container-fluid{
	background:#333!important
}
.navbar{
	margin-bottom:0;
	border:0;
	background-color:#333!important;
	box-shadow:0 0 5px #e1eaeb;
	display:flex;
	flex-direction:column
}
@media only screen and (min-width:769px){
	.navbar-expand-md .navbar-collapse{
		display:flex!important;
		flex-basis:auto;
		flex-direction:row-reverse
}
	.navbar-expand-md .navbar-toggler{
		display:none!important
}
}
@media only screen and (max-width:769px){
	.top-bar-informations{
		display:none!important
}
}
@media only screen and (min-width:768px){
	.menu-area .navbar-fixed-top{
		display:none
}
	.navbar-toggle{
		padding:15px 12px;
		background-color:#209cea
}
}
.navbar-brand{
	height:70px;
	width:270px;
	display:block;
	color:#209cea;
	text-transform:uppercase;
	font-family:GothamRounded-Bold;
	font-size:36px;
	padding:0
}
.navbar-brand span{
	color:#f45e58
}
.navbar-brand:hover{
	color:#209cea
}
.navbar-nav{
	padding:10px;
	margin:auto
}
.navbar-nav li{
	float:none;
	display:inline-block;
	margin:0 15px
}
.navbar-toggler{
	padding:10px;
	font-size:30px;
	line-height:1;
	color:#fff;
	background-color:#333;
	border:#333
}
.navbar-collapse{
	-webkit-overflow-scrolling:touch
}
.navbar-toggle .icon-bar{
	background:#fff
}
.navbar-nav li a{
	font-weight:600;
	font-size:18px;
	letter-spacing:1px
}
.nav>li>a:active,.nav>li>a:focus,.nav>li>a:hover{
	background:0 0
}
.top-bar-informations{
	align-items:flex-start;
	color:#fff;
	font-size:12px;
	background:#333;
	border-bottom:1px solid #e1eaeb;
	margin-bottom:7.5px
}
.top-bar-informations .container{
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto
}
.information-phone{
	float:left;
	margin-right:30px
}
.information-mail{
	float:left;
	margin-right:30px
}
.information-location{
	float:left;
	margin-right:30px
}
.information-social{
	float:right;
	text-align:right
}
.top-bar-buttons{
	float:right;
	text-align:right;
	top:-2.5px;
	position:relative
}
.updates-application-button{
	font-weight:700;
	background:#fff;
	color:#333;
	border-radius:5px;
	margin-right:15px
}
.live-demo-button{
	font-weight:700;
	background:#fff;
	color:#333;
	border-radius:5px;
	margin-right:15px
}
.login-application-button{
	font-weight:700;
	background:#fff;
	color:#333;
	border-radius:5px;
	margin-right:15px
}
@media only screen and (max-width:600px){
	.home-static-text{
		font-size:1.4rem
}
	.typer{
		font-size:2rem
}
	#typer h1{
		font-size:1.5rem
}
	.home-simple-texts{
		margin-top:5vh;
		font-size:1rem
}
	.home-simple-texts p{
		margin-top:0;
		margin-bottom:0
}
}
@media only screen and (min-width:600px){
	.home-static-text{
		font-size:2rem
}
	.typer{
		font-size:2.5rem
}
	#typer h1{
		font-size:2rem
}
	.home-simple-texts{
		margin-top:10vh;
		font-size:1rem
}
	.home-simple-texts p{
		margin-top:0;
		margin-bottom:0
}
}
@media only screen and (min-width:768px){
	.home-static-text{
		font-size:2.5rem
}
	.typer{
		font-size:2.5rem
}
	#typer h1{
		font-size:2rem
}
	.home-simple-texts{
		margin-top:5vh;
		font-size:1rem
}
	.home-simple-texts p{
		margin-top:0;
		margin-bottom:1rem
}
}
@media only screen and (min-width:992px){
	.home-static-text{
		font-size:3.5rem
}
	.typer{
		font-size:4rem
}
	#typer h1{
		font-size:3.5rem
}
	.home-simple-texts{
		margin-top:10vh;
		font-size:1.5rem
}
	.home-simple-texts p{
		margin-top:0;
		margin-bottom:1rem
}
}
@media only screen and (min-width:1200px){
	.home-static-text{
		font-size:5rem
}
	.typer{
		font-size:5.5rem
}
	#typer h1{
		font-size:5rem
}
	.home-simple-texts{
		margin-top:5vh;
		font-size:2rem
}
	.home-simple-texts p{
		margin-top:0;
		margin-bottom:1rem
}
}
.home-area{
	background:#fff;
	background-size:cover;
	background-position:center;
	display:flex;
	min-height:calc(100vh - var(--header-h))
}
.home-image-area{
	margin:auto
}
.home-area .carousel,.home-area .carousel-inner,.home-area .item{
	min-height:inherit
}
.text-area{
	display:inline-flex;
	color:#000;
	font-weight:700;
	flex-direction:column;
	flex-wrap:nowrap;
	align-items:center;
	justify-content:center;
	margin:auto;
	height:-webkit-fill-available
}
.text-area h1{
	color:#000!important
}
.text-area h2{
	color:#000!important
}
.home-big-text{
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	align-content:flex-start;
	justify-content:space-evenly;
	align-items:flex-start
}
.home-static-text{
	font-weight:bolder;
	float:inline-start
}
.home-text-typer{
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap
}
.typer{
	font-weight:bolder;
	float:inline-start
}
#typer h1{
	font-weight:bolder
}
.home-simple-texts{
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	align-content:flex-start;
	justify-content:space-evenly;
	align-items:flex-start
}
#cursor{
	animation:blink-caret .75s step-end infinite
}
@keyframes blink-caret{
	from,to{
		border-color:transparent
}
	50%{
		border-color:#000
}
}
#typewriter-text{
	white-space:nowrap;
	overflow:hidden;
	border-right:2px solid #000
}
.typing-animation{
	animation:typing 4s steps(40,end)
}
@keyframes typing{
	from{
		-webkit-transform:scaleX(0);
		transform:scaleX(0)
}
	to{
		-webkit-transform:scaleX(1);
		transform:scaleX(1)
}
}
@media only screen and (max-width:1200px){
	.laptop-iframe{
		display:none
}
}
.offer{
	width:90vw;
	margin-right:auto;
	margin-left:auto;
	margin-top:10vh;
	color:#fff;
	background-color:#333;
	border-color:#333;
	border-radius:25px;
	border:10px solid #333
}
.offer h1{
	color:#fff;
	font-size:2rem
}
.offer p{
	margin-top:0;
	margin-bottom:0
}
.dateElement{
	display:inline-block;
	min-width:12ch;
	color:#fff;
	font-weight:700
}
.services{
	align-content:center;
	justify-content:space-between;
	align-items:center;
	margin-top: 5vh;
	color: #fff;
    text-align: center;
}
.service-box{
	background:#f5f5f5;
	background-color:#fff;
	text-align:center;
	position:relative;
	padding:20px 30px;
	border-radius:20px;
	border:10px solid #333
}
.service-box i{
	display:inline-block;
	width:64px;
	height:64px;
	line-height:64px;
	font-size:64px
}
.services-boxes{
	background:#333
}
.services-boxes i{
	font-size:5rem
}
.service-box h2{
	color:#000;
	font-size:large;
	margin-top:20px
}
.service-box p{
	text-align:left
}
.service-title h2{
	font-size:40px;
	margin-bottom:25px;
	line-height:40px;
	margin-top:0
}
.service-frame-card{
	background:#333;
	color:#333;
	border-color:#333
}
#carousel-example-generic .animated{
	animation-delay:.5s
}
@media (max-width:768px){
	.carousel-inner .carousel-item>div{
		display:none
}
	.carousel-inner .carousel-item>div:first-child{
		display:block
}
}
.carousel-inner .carousel-item-next,.carousel-inner .carousel-item-prev,.carousel-inner .carousel-item-start,.carousel-inner .carousel-item.active{
	display:flex;
	justify-content:center
}
@media (min-width:768px){
	.carousel-inner .carousel-item-next,.carousel-inner .carousel-item-right.active,.carousel-item-next:not(.carousel-item-start){
		transform:translateX(25%)!important
}
	.active.carousel-item-start,.carousel-inner .carousel-item-left.active,.carousel-item-prev:not(.carousel-item-end){
		transform:translateX(-25%)!important
}
	.active.carousel-item-end,.carousel-item-next.carousel-item-start{
		transform:translateX(0)!important
}
	.carousel-inner .carousel-item-prev,.carousel-item-prev:not(.carousel-item-end){
		transform:translateX(-25%)!important
}
}
.features{
	width:90vw;
	margin:auto;
}
.feture-row{
	display:inline-flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:stretch
}
.applaptopreport{
	width:250px;
	height:500px;
	margin-bottom:50px
}
.action-area{
	color:#fff;
	position:relative;
	background:#222
}
.action-area h2{
	color:#fff;
	margin:0
}
.device{
	flex-direction:row;
	align-content:center;
	justify-content:space-evenly;
	align-items:center
}
.device-image{
	margin:auto;
	text-align:center
}
.device-image img{
	width:300px;
	height:100px;
	margin:auto
}
.device-text{
	margin:auto;
	width:auto;
	color:#fff
}
.device-text p{
	margin:auto;
	width:auto;
	color:#fff
}
.device-text h1{
	margin:auto;
	width:auto;
	font-weight:700;
	color:#fff
}
.device-description{
	margin:auto;
	color:#fff
}
.why-choose-col{
	display:inline-flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:space-evenly;
	align-content:stretch;
	align-items:stretch
}
.why-choose-number{
	margin:0 15px 0 5px;
	color:#fff;
	width:50px;
	height:50px;
	line-height:50px;
	font-size:25px;
	font-weight:900;
	text-align:center;
	border-radius:100%;
	display:block;
	background:#333
}
.why-choose-area .container{
	max-width:unset
}
.choose-box,.textv{
	background-color:#fff
}
.choose-box{
	margin-bottom:30px;
	background-color:#fff
}
.choose-box i.fa-solid{
	position:relative;
	font-size:xx-large;
	margin:30px
}
.choose-box i.fa-regular{
	position:relative;
	font-size:xx-large;
	margin:30px
}
.choose-box.left i.fa-solid{
	float:right
}
.choose-box.left i.fa-regular{
	float:right
}
.choose-box.right i.fa-solid{
	float:left
}
.choose-box.right i.fa-regular{
	float:left
}
.choose-box .fa-solid{
	color:#333
}
.choose-box .fa-regular{
	color:#333
}
.why-choose-area img{
	width:100%;
	border-radius:10px
}
.choose-box i.fa{
	position:relative;
	font-size:30px;
	width:60px
}
.choose-box.left{
	text-align:right
}
.choose-box.left i.fa{
	float:right
}
.choose-box.right{
	text-align:left
}
.choose-box.right i.fa{
	float:left
}
.choose-content,.choose-content h3.subtitle{
	color:#111
}
.choose-content p{
	color:#222
}
.choose-content{
	overflow:hidden
}
.choose-content h3{
	margin-top:0;
	position:relative
}
.footer-area{
	background:#000;
	color:#fff;
	padding-top:5vh;
	padding-bottom:5vh;
	list-style:none;
	text-align:center
}
.footer-list{
	display:flex;
	flex-wrap:wrap;
	align-content:center;
	justify-content:center;
	align-items:flex-start;
	flex-direction:row
}
.footer-area,.footer-area a,.footer-area p{
	color:#fff;
	background-color:#000
}
.footer-area a:visited{
	color:#d6e4ff
}
.footer-area a:focus,.footer-area a:hover{
	color:#000;
	background:#fff
}
.footer-area h1{
	color:#fff;
	margin:35px auto 20px auto;
	width:max-content;
	font-size:xx-large
}
.footer-area li{
	list-style:none
}
.footer-area p{
	margin:auto;
	font-weight:700;
	text-align:center;
	display:block;
	margin-left:auto;
	margin-right:auto;
	width:80%;
	font-size:large;
	line-height:unset;
	color:#fff
}
.classfooter a{
	display:block;
	font-size:large;
	line-height:40px;
	margin:auto;
	text-align:left;
	color:#fff
}
.classfooter a:hover{
	background:#fff;
	color:#000;
	padding:2px 10px 2px 10px;
	border-radius:10px;
	text-decoration:none
}
.company-logo-footer{
	display:block;
	margin-left:auto;
	margin-right:auto;
	height:75px;
	width:300px;
	list-style:none
}
.social-links{
	overflow:hidden;
	width:fit-content;
	margin:20px auto 0 auto
}
.social-links li{
	list-style:none;
	float:left;
	margin-right:unset
}
.social-links li a i{
	width:55px;
	height:45px;
	line-height:45px;
	text-align:center;
	transition:.3s;
	-moz-transition:.3s;
	-webkit-transition:.3s;
	color:#fff;
	background-color:#000;
	font-size:xx-large;
	border-radius:5px
}
.social-links li a:hover i{
	background-color:#fff;
	color:#000;
	padding:5px
}
.company-information-footer a{
	display:block;
	font-size:large;
	line-height:40px;
	margin:auto;
	text-align:left;
	color:#fff
}
.company-information-footer a:hover{
	background:#fff;
	color:#000;
	padding:2px 10px 2px 10px;
	border-radius:10px;
	text-decoration:none
}
.company-policy-footer a{
	display:block;
	font-size:large;
	line-height:40px;
	margin:auto;
	text-align:left;
	color:#fff
}
.company-policy-footer a:hover{
	background:#fff;
	color:#000;
	padding:2px 10px 2px 10px;
	border-radius:10px;
	text-decoration:none
}
.privacypolicy{
	padding:5% 5%;
	width:100%;
	min-height:100%
}
.useful-links-footer a{
	display:block;
	font-size:large;
	line-height:40px;
	margin:auto;
	text-align:left;
	color:#fff
}
.useful-links-footer a:hover{
	background:#fff;
	color:#000;
	padding:2px 10px 2px 10px;
	border-radius:10px;
	text-decoration:none
}
.mobile-applications-footer a{
	display:block;
	font-size:large;
	line-height:40px;
	margin:auto;
	text-align:left;
	color:#fff
}
.mobile-applications-footer a:hover{
	background:#fff;
	color:#000;
	padding:2px 10px 2px 10px;
	border-radius:10px;
	text-decoration:none
}
.mobile-applications-footer img{
	height:70px;
	width:245px
}
.mobile-applications-logo{
	text-align:center;
	display:block;
	border-radius:10px;
	margin:10px auto
}
.fa-satellite-dish:before{
	color:#0f0
}
.fa-arrow-rotate-left:before{
	color:orange
}
.fa-signature:before{
	color:#00bfff
}
.fa-cookie-bite:before{
	color:#f4a460
}
.fa-blog:before{
	color:#ff8c00
}
.fa-video:before{
	color:red
}
.fa-circle-question:before{
	color:#87ceeb
}
.ft .fa{
	color:#fff
}
.fa-fw{
	width:1.25em;
	text-align:center
}
.fa,.ft{
	display:inline-block;
	width:1.25em;
	min-width:1.25em;
	text-align:center
}
.coveragemap{
	width:100%;
	min-height:100%
}
.countries-celltower{
	display:flex;
	margin:50px auto;
	flex-wrap:wrap;
	flex-direction:row;
	align-content:center;
	justify-content:center;
	align-items:center
}
.earth-cellfont{
	color:#333;
	font-size:larger;
	font-weight:700;
	margin:2vw
}
.earth-cellfont .fa-solid{
	color:#209cea
}
.countries{
	display:block;
	margin:auto;
	width:80%
}
.mapimage{
	float:right
}
.maptext{
	margin:auto;
	float:left
}
.content-auto{
	content-visibility:auto;
	contain-intrinsic-size:600px 100vw
}
.price-plan {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: flex-start;
}
.price-item {
    padding: 0 15px 30px;
    margin: 0;
    text-align: center;
    position: relative;
    transition: 0.3s ease-out;
    background-color: #fff;
    border-radius: 10px;
}

.price-item ul {
    margin-left: 0;
    list-style: none;
    padding-left: 0px;
    margin: 30px 0;
}

.price-item .info {
    border-radius: 10px 10px 0 0;
    background: #333;
    color: #fff;
}

.price-item.featured .info {
    background: #209cea;
    margin-left: -15px;
    margin-right: -15px;
}

.price-item p.level {
    font-size: 30px;
    padding-top: 20px;
    letter-spacing: 1px;
    font-family: sans-serif;
    font-weight: bold;
}

.price-item p.desc {
    font-size: 14px;
    margin-bottom: 0px;
}

.price-item p.price {
    font-size: 16px;
    margin: 0;
    padding-bottom: 10px;
    color: #fff;
}

.price-item p.price .dollar {
    font-size: 30px;
    position: relative;
    top: 0px;
}

.price-item p.price .number {
    font-size: 70px;
    font-weight: 300;
}

.price-item .features {
    border: 10px solid #333;
    border-radius: 0px 0 10px 10px;
}

.price-item.featured p.level,
.price-item.featured p.price {
    color: #fff;
}

.price-item .features li {
    padding: 5px 0;
}

.price-item a.btn {
    display: inline-block;
}