@font-face {
    font-family: 'helvetica-lightregular';
    src: url('font/helvetica_light-webfont.woff2') format('woff2'),
         url('font/helvetica_light-webfont.woff') format('woff'),
         url('font/helvetica_light-webfont.svg#helvetica-lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
a:focus,
button:focus,
input:focus,
textarea:focus {
outline: none;
}
body
{	
	color: rgba(0, 0, 0, 1);
/*	background-color: #0a0b18;*/
	margin:0;
	padding:0;
font-weight: 400;
/*	font-family: "Poppins", sans-serif;*/
/*	  font-family: "Open Sans", sans-serif;*/
	  font-family: "Raleway", sans-serif;
}
h1 {

	  font-family: "Readex Pro", sans-serif;
	font-size: 27px;

}
h2 {
 font-family: "Readex Pro", sans-serif;
	font-size: 27px;
}
h4 {
}
p {
	font-size: 14px;
}
h1,h2,h3,h4,h5,h6,li,ul,p
{
	margin:0;
	padding:0;
	list-style:none;
	font-weight:normal;
}
h2 {

font-size: 36px;
font-weight: 500;
color: #000;

}
a:focus, a:hover {
    color: #000;
	text-decoration:none; transition: all 0.5s ease 0s;opacity: 0.9;
}
img
{
	outline:none;
	border:none;
	margin:0;
	padding:0;
}
a {
	color: #000;}
a
{
	text-decoration:none;
	
}
.lines_ar{
	height: 10px;
	border-bottom: 1px solid #cccccc;
	overflow: hidden;
	margin-top: 8px;

}
.dotss{
	
    height: 15px;
    width: 15px;
    background-color: #898989;
    border-radius: 50px;
    position: absolute;
    border: 3px solid #fff;
    top: 30px;
    left: 240px;
	
}
.clear{
	clear:both;	
	}
.left{
	float: left;
}
.right{
	float: right;
}


.logo{
	     float: left;
	
    margin: 3px 0 0 0;
   
}
.logo a img{
/*	height: 77px;*/
}
.logo a{
   margin: 0;
}
.info_section_web{
	display: block;
}
/* drop down menu */

.my-ld li{
	margin-top: 45px;
}
.text_info_inner_banner{
	right: 4%;
left: auto !important;
width: 100% !important;
text-align: right !important;
bottom: 50px;
top: auto !important;
}
.text_info_inner_banner a{
	float: right;
}
.subtotalPrice{
	display: none;
}
#cart{
	display: inline;
}
.customSubmenu ul li{
	display: inline-block;
width: 15%;
float: left;
}
.cbp-hrsub{

}
.submenu-inner h2{
	font-size: 15px;
	color: #00b0f0;
	margin: 10px 0;
	font-family: 'Roboto', sans-serif;
}
.submenu-inner{
	width: 200px;
	float: left;
	margin-right: 10px;
}
.submenu-inner li{
	width: 100%;
	display: block;
}
.submenu-inner li a:hover{
	color: #ffb000 !important;
	background-color: #fff !important;
}
.submenu-inner li a::before{
	position: absolute;
	font-family: 'FontAwesome';
    content: "\f054";
    font-size: 8px;
    line-height: 10px;
    color: #012d6b;
	left: 5px;
	top: 10px;
	display: none;
}
.submenu-inner li a{
	display: block;
	font-size: 13px;
	overflow: hidden;
	padding: 10px 20px;
	position: relative;

	     color: #484848 !important;
	text-align: left;
	
	text-transform: uppercase;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 13px;
}

.basket_search_area{
	float: right;
	margin-top: 23px;
	
}
a.basket{
	background: url(../images/basket_top.png) left top no-repeat;
	width: 43px;
	height: 40px;
	float: right;
	display: block;margin-left: 15px;
}
a.basket span{
	border-radius: 100px;
	background-color: #e30404;
	width: 25px;
	height: 25px;
	text-align: center;
	color: #fff;
	float: right;
	font-size: 15px;
	padding-top: 2px;
	margin-top: -10px
}


.dropbtn {
    background-color: #fff;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;

}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 250px;
	border: 1px solid #ec267b;
    z-index: 999999999;
}

#return-to-top:hover{
	
	background-color: #f79c13;
}
#return-to-top {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #000;
    bottom: 80px;
    color: #000;
    content: "";
    display: block;
    font-family: FontAwesome;
    font-size: 28px;
    height: 50px;
    position: fixed;
    right: 80px;
    text-align: center;
    transition: all 1s ease 0s;
    width: 50px;
    z-index: 1110;
	background-color: #fff;
}
#return-to-top img{
	margin: 0 auto;
/*	margin-top: 15px;*/
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top img {
    opacity: 0.9;
}

#scroll span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -12px;
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-bottom-color: #ffffff
}

#scroll:hover {
    background-color: #044164;
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.top-menu-left{
	background: url(../images/top-bg.jpg) center top no-repeat;
	height: 58px;
}

.topmenuleft p span{
	float: left;
	margin-right: 15px;
	padding:5px 10px;
	text-transform: uppercase;
	border-radius: 5px;
	background-color: #4cc493;
	line-height: normal !important;
	
}
.topmenuleft p{
	color: #fff;
	line-height: 31px;
	font-size: 14px;
    text-align: center;
    display: inline-block;
}
.topmenuleft{
	padding-top: 14px;
    color: #fff;
    text-align: center;
    display: block;
    margin: 0 auto;
}


.banners .slider-container .slider__item .slider-pic {

    background-size: cover;

	width: 50%;
	float: right;
/*	height: 525px;*/
/*	min-height: 100vh;*/
	   background-position: 50% 50%;
    background-repeat: repeat;
	
}
.banners .slider-container .slider__item {
    position: relative;
    height: 797px;
/*	background-color: #f0f0f8;*/
	z-index: 1;
	width: 100%;
background: url(../images/header-bgs.png) center top no-repeat;
}


.only_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

	background-color: rgba(0,0,0,0.01);
    z-index: 9;
    overflow: hidden;
}

.text_info{

	float: left;
	width: 50%;

}
.text-header{

	margin: 5% 10% 0 10%;
}
.slider__switch{
	z-index: 999999;
}
.text_info h3 span{
	color: rgba(185, 93, 63, 1);

}
.text_info h3{
	
    margin-bottom: 20px;
color: rgba(30, 30, 30, 1);
font-size: 36px;
font-weight: 500;
line-height: 54px;

} 
.text_info p {

font-size: 18px;
font-weight: 400;
line-height: 27px;
color: rgba(30, 30, 30, 1);
margin-bottom: 30px;

}
.features-prop p{
	float: left;
	font-size: 22px;
font-weight: 400;
color: rgba(30, 30, 30, 1);
	margin: 0;
}
.features-prop .feaute-bullet{
	float: left;
	margin-right: 14px;
}
.features-prop{
	display: block;
	overflow: hidden;
	margin-bottom: 30px;
}
.banner_btn1:hover{
	opacity: 0.8;
	color: #fff;
}
.banner_btn1{
	padding: 12px 20px 12px 20px;
    border-radius: 6px;
    margin-left: 0;
    color: #fff;
    background: linear-gradient(180deg, #F79C13 0%, #F4691B 100%);
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    display: inline-block;
	

}
.inner-banner{
	position: relative;
}

.download-btn a:hover{
	background-color: #e0e0e0;
}




.dropbtn {
    background-color: #fff;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;

}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 210px;
/*	border: 1px solid #00b0f0;*/
    z-index: 999999999;
	
	border: none !important;
	
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 1px 1px 5px 0 rgb(0 0 0 / 20%);
    padding: 0;
}

/* Links inside the dropdown */
.dropdown-content a {

  display: block;
    font-size: 13px;
    overflow: hidden;
    padding: 10px 20px;
    position: relative;
    /* border-top: 1px solid rgba(0,0,0, 0.10); */
    /* font-family: 'Roboto', sans-serif; */
    color: #484848 !important;
    text-align: left;
/*
    text-transform: uppercase;
    font-family: Montserrat;
*/
    font-weight: 400;
    font-size: 18px;
	border: none;
}
.dropdown-content a i {
	margin-right: 8px;
	display: none;
}
.dropdown-content li{
	display: block;
	clear: both;
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	background-color: #f3f3f3;color: #f79c13 !important;
	
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
color: #f79c13;
    background: #fff;
/*	border-radius: 90px;*/
}

.main {
     overflow: inherit; 
}

.menu-wrapper{
     overflow: inherit; 
	padding: 0;
	padding-top: 38px;
}
.headers {
   overflow: inherit; 
  
}

.cont-wrp {
   overflow: hidden;
	position: relative;
  
}

.signup-section a:hover{
	opacity: 0.8;
}
.signup-section{
	float: right;
	width: 30%;
	text-align: right;
	margin-top: 18px;
}
.menu{
	margin: 0 auto;
    text-align: center;
    display: inline-block;
}
.main {
	float: none;
	text-align: center;
}

.menu ul li a:hover{
/*
	background-color: #00d5f6;
	color: #0a0b18;
*/
	color: #00d5f6;
}
.menu ul li a{
	font-size: 17px;
	color: #fff;
	font-weight: 400;
	border-radius: 90px;
	padding: 7px 20px;
	display: block;
	font-weight: 300;
}

.menu ul li{
	display: inline-block;
	margin-top: 10px;

}

.headers {
	height: 120px;
	overflow: hidden;
    position: fixed;
    position: absolute;
    width: 100%;
/*    background-color: #0a0b18;*/
	top: 0;z-index: 999;
}
.talk-icon{
	float: left;
	margin: 0 20px;
}

.talk{
	float: right;
	border-left: 1px solid #f0f0f0;
	padding-top: 23px;
	height: 83px;
}

.talk p span{
	font-size: 15px;
	font-weight: 400;
	clear: both;
	width: 100%;
	display: block;
	margin-top: -10px;
}
.talk p
{
	float: left;
	
	font-size: 19px;
	font-weight: 300;
	
}

.main-banner{
	position: relative;
	overflow: hidden;
}


.web-video{
/*	width: 100%;*/
/*	height: 100vh;*/
}
.video{
/*	position: absolute;*/
z-index: 1;
	width: 100%;
	height: 100vh;		
	overflow: hidden;
}
.power-dialler{
/*
position: absolute;
	left: 16%;
	top: 30%;
*/
}

.power-dialler p{
	font-size: 20px;
	color: #fff;
	font-weight: 500;
}
.video-text{
	position: absolute;
	top: 180px;
/*	bottom: 0;*/
	left: 6%;
	width: 800px;
/*	height: 200px;*/
	z-index: 999;
}
.power-dialler h1{
	font-size: 42px;
	color: #fff;
/*	font-weight: 500;*/
/*	width: 655px;*/
	margin: 30px 0;
}


.power-dialler a{
	    font-size: 21px;
    color: #fff;
    font-weight: 500;
    border-radius: 10px;
    padding: 10px 35px;
    display: block;
/*	border: 1px solid #01d2f3;*/
/*	background-color: #074558;*/
/*	background-color: rgba(0,213,246, 0.7);*/
	
  background-image: -moz-linear-gradient( 0deg, rgb(86,157,189) 0%, rgb(57,227,200) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(86,157,189) 0%, rgb(57,227,200) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(86,157,189) 0%, rgb(57,227,200) 100%);

	display: inline-block;
	float: left;
	margin-right: 20px;
	border-radius: 90px;
	display: flex;align-items: center;justify-content: center;
	height: 59px;
}

.power-dialler-btn{
	background-color: rgba(0,55,73, 0.7) !important;
	color: #fff !important;
	
}
.oxy_shape_divider {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    pointer-events: none;
/*	    transform: rotateY(180deg);*/
	
}
.power-dialler a:hover{
	background-color: #0a0b18 !important;
	color: #fff;
}


#ms{
/*	display: none;*/
}
.happy-clients{
	overflow: hidden;
	padding: 0;
	background-color: #00d5f6;
	position: relative;
	display: block;
	height: 350px;
	
}


#particles-js{
  width: 100%;
  height: 100%;
/*  background-color: #343434;*/
  background-image: url('');
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
	position: absolute;
	z-index: 998;
	opacity: 0.5;
}
.connect-cli{
	padding: 60px 10% 34px 10%;
	overflow: hidden;
	display: block;
	text-align: center;
}
.connect-cli a:hover{
	 background-color: #fff;
    border: 2px solid #0a0b18;
	color: #0a0b18;
}
.connect-cli a{

    font-size: 22px;
    color: #fff;
    background-color: #0a0b18;
    border: 2px solid #0a0b18;
    font-weight: 300;
    border-radius: 10px;
    padding: 8px 30px;
    display: block;
    display: inline-block;
    margin: 30px auto;
    text-align: center;

}
.connect-cli h2{
	font-size: 34px;
	margin-bottom: 40px;
}
canvas{
  display:block;
  vertical-align:bottom;
}
.connect-cli h2{
	
}
.particles-box{
	position: absolute;
	top: 0;
	z-index: 9999;
	width: 100%;	height: 420px;
}


.populars li{
	display: inline-block;
	width: 25%;
	margin-left: -4px;
	text-align: center;
	color: #fff;
}
.populars li h2{
	color: #fff;
	font-size: 69px;
	font-weight: 700;
	text-transform: uppercase;
	
}
.particles-box h3{
		color: #fff;
	font-size: 36px;
	font-weight: 700;
	text-transform: uppercase;
	margin: 107px 0 85px 0;
	text-align: center;
}
.client-logos img{
	padding: 5px;
	border: 1px dashed #cccccc;
	background-color: #f3f3f3;
}
.customer{
	    margin-bottom: 150px;
    margin-top: 70px;
}
.customer h4{
	
	font-size: 45px;	margin-bottom: 40px;
}

.ready{
	min-height: 490px;
	background: url(../images/main-page/right.png) no-repeat right top;
	overflow: hidden;
	background-color: #f5f5f5;

}

.ready-img{
	display: block;
}
.ready-img img{
	margin-top: 15px;
}
.ready-text h2{
	font-size: 55px;
	margin-top: 99px;
}
.ready-text p{
	font-size: 16px;
	color: #323232;
	margin: 30px 0;
}
.ready-text a {
	    font-size: 19px;
    color: #000;
    font-weight: 300;
    border-radius: 10px;
    padding: 7px 30px;
    display: block;
    border: 2px solid #323232;
    background-color: #f3f3f3;
    display: inline-block;
    float: left;
    margin-right: 20px;
}
.ready-text a:last-child{
   color: #fff;
    background-color: #323232;
}
.ready-text a:hover{
	background-color: #000 !important; border: 2px solid #000;
	color: #fff;
}
.ready-text h2 span{
	clear: both;
	display: block;
}
.welcome{
	padding: 95px 0;
}

.welcome-images{
	float: right;
}
.welcome-box{
	overflow: hidden;
	padding-right: 119px;
}
.welcome-box h3{
	font-size: 17px;
	color: #000;
	padding-top: 15px;
	margin-top: 100px;
}
.welcome-box h3 img{
	margin-right: 10px;
	margin-top: -10px;
}

.welcome-box h4{
	font-size: 30px;
	color: #343434;
	font-weight: 600;
	margin: 20px 0;
}
.welcome-box p{
	font-size: 16px;
	color: #343434;
	font-weight: 400;
	margin:0 0 20px 0;
}
.sport-box{
	display: block;
}
.sport-box h5 i{
	color: #7b7b7b;
	margin-right: 15px;
	font-size: 20px;
	margin-left: 1px;
}
.sport-box h5{
	font-size: 18px;
	color: #343434;
	font-weight: 600;
	margin:0 0 20px 0;
}
.sport-box p{
	font-size: 15px;
}


/*foooter */

.footerbgs{
	background: url(../images/round.png) bottom left no-repeat #000c1c;
	
	padding-top: 45px;
	position: relative;
}

.footerbgs::before{
	position: absolute;
	left: 5%;
	top: 15%;
	background: url(../images/footer-dots.png);
	background-repeat: no-repeat;
	width: 174px;
	height: 174px;
	z-index: 1;
	content: "";
}
.footerbgs::after{
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/footer-lines.png);
	background-repeat: no-repeat;
	width: 435px;
	height: 169px;
	z-index: 1;
	content: "";
}
.footer-security{
	float: right;
	margin: 35px 0;
}
.footer-text h2{
	margin-top: 55px;

	color: #383838;
	font-size: 30px;
	
	font-weight: 700;
}

.footer-text h2 span{
	color: #d52642;
}
.footer-btm{
	background-color: rgba(49,49,49,0.50);
	padding: 25px 0;
}
.footer-links ul li{
	display: inline-block;
	margin-right: 17px;
}

.footer-links ul li a:hover{
	color: #fff;
}
.footer-links ul li a{
	color: rgba(255,255,255,0.70);
	font-size: 15px;
	display: block;

}
.copyright{
	text-align: right;
	color: rgba(255,255,255,0.70);
	font-size: 16px;
	
}


.social-media{
	float: left;
	text-align: center;
}

.social-media ul li a:hover{
	color: #0a0b18;background-color: #00d5f6;
}
.social-media ul li a{
	color: #fff;font-size: 15px;
	display: block;
	background-color: #0a0b18;
	width: 40px;
	height: 40px;
	border: 1px solid #00d5f6;
border-radius: 90px;
	display: flex;align-items: center;
	justify-content: center;
}
.social-media ul li{
	display: inline-block;
margin-right: 15px;
	margin-top: 20px;
	margin-bottom: 100px;
}
.footer-wrapper1 h3{
	opacity: 0.8;
	color: #00d5f6;font-size: 18px;
	font-weight: 500;margin-bottom: 20px;text-transform: uppercase;
}
.footer-wrapper h3{
	color: #00d5f6;font-size: 18px;
	font-weight: 500;margin-bottom: 20px;text-transform: uppercase;
	opacity: 0.8;
}
.footer-wrapper ul li{
	display: block;
}

.footer-wrapper{
	margin-bottom: 50px;
}
.footer-wrapper ul li i{
	margin-right: 7px;
}
.footer-wrapper ul li a:hover{
	color: #00d5f6;
/*	color: rgba(255,255,255,1);*/
}
.footer-wrapper ul li a{
	display: block;
	color: rgba(255,255,255,0.70);
	font-size: 15px;
	padding: 7px 0;
}
.footer-wrapper1 ul li{
	float: left;
}
.footer-wrapper1 ul li p{
/*	float: left;*/
	
	overflow: hidden;
	color: #fff;	font-size: 20px;
}
.footer-wrapper1 ul li .icons{
	border: 2px solid #eb253d;
	color: #eb253d;
	height: 35px;
	width: 35px;
text-align: center;
	border-radius: 90px;
	font-size: 13px;
	float: left;
	margin-right: 10px;
	padding-top: 6px;
}
.footer-wrapper1 ul li{
	margin-bottom: 15px;
	color: #fff;
	font-size: 20px;
	display: block;
	width: 100%;
	overflow: hidden;
}
.footer-wrapper1 ul li a{
	display: block;
}
.logo-bottom img{

	margin-bottom: 20px;
}

.footer-wrapper-about h3{
color: #fff;font-size: 18px;
	font-weight: 600;
	margin-top: 20px;
/*	margin-bottom: 10px;*/
	text-transform: uppercase;
	opacity: 0.8;
}
.footer-wrapper-about p{
	opacity: 0.7;
	color: #fff;
	font-size: 16px;
}

.footer-wrapper p{
	opacity: 0.7;
	color: #fff;
	font-size: 16px;
}
.newsletter{
	margin-top: 20px;
	position: relative;
}

.newslettter-input{
	background-color: #2e2e2e;
	border: none;
	height: 64px;
	color: #fff;
	width: 100%;
	padding-left: 15px;
	padding-right: 67px;
}

.btn-send{
	background-color: #fff;
	height: 64px;width: 64px;
	display: flex;
	align-items: center;justify-content: center;
	font-size: 21px;
	border-radius: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.contact-container{
	padding: 55px;
	overflow: hidden;
	background-color: #f5f4f4;
	border-radius: 15px;
	
	margin: -140px 0 40px 0;
}
.viewalls:hover{
	 color: #000;background-color: #fff;border: 2px solid #000;
}
.viewalls{
	font-size: 19px;
    color: #fff;background-color: #000;border: 2px solid #fff;
    font-weight: 300;
    border-radius: 10px;
    padding: 8px 30px;
    display: block;
    
    display: inline-block;
 margin: 30px auto;
	text-align: center;

}
.text-align-center{
	text-align: center;
}

.bx:hover h3{
	color: #fff;
}
.bx:hover p{
	color: #fff;
}
.bx:hover .box-features-circle{
	   background-color: #fff;right: -17px;
}
.bx:hover .box-features::before {
   
    background-color: #000;
 
}

.bx:hover .box-features-icons img{
	filter: brightness(0) invert(1);
}
.bx:hover .box-features::after {
  
/*    border: 2px solid #000;*/
	opacity: 1;
}
#stats{
	display: none;
}
.footer-wrapper22 a{
	display: block;
	color: #fff;
	font-size: 19px;
	width: 100%;
	margin-bottom: 19px;
}

.footer-wrapper22 a span{
	width: 33px;
	height: 33px;
	font-size: 16px;
	border: 1px solid #00d5f6;
	border-radius: 90px;
	display: block;
	margin-right: 15px;
	display: flex;
	align-items: center;justify-content: center;
	color: #00d5f6;
	float: left;
	
}

.start-btn a{
	font-size: 22px;
    color: #fff;
/*
    background-color: #0a0b18;
    border: 1px solid #00d5f6;
*/

  background-image: -moz-linear-gradient( 0deg, rgb(86,157,189) 0%, rgb(57,227,200) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(86,157,189) 0%, rgb(57,227,200) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(86,157,189) 0%, rgb(57,227,200) 100%);


    font-weight: 400;
    border-radius: 10px;
    padding: 8px 30px;
    display: block;
    display: inline-block;
    text-align: center;
	float: right;
}
.main-banner{
	background: url(../images/bnr-bg.png) right top no-repeat #01110f;
	width: 100%;
	height: 843px;;
}
.video{
	position: absolute;
	right: 100px;
	top: 85px;
	z-index: 999;
	width: 775px;
	height: 670px;
}
.power-dialler img{
	margin-bottom: 20px;
}
.power-dialler a i{
	margin-left: 10px;
}
.power-dialler a img{
	margin-bottom: 0;
	margin-left: 10px;
}
.faq{
	background-color: #10111d;
	padding: 50px 0;
}

.welcome{
	background-color: #10111d;
	padding: 110px 0;
}
.welcome-wrp{
	overflow: hidden;
}
.welcome-img{
	float: left;
	margin-right: 30px;
}
.heading-main{
	font-size: 43px;
	text-transform: uppercase;
	color: #fff;
	margin: 25px 0 50px 0;text-align: center;
}
.welcome-text{
	overflow: hidden;
}
.welcome-text h1{
	font-size: 29px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 25px;
}

.welcome-text h2{
	font-size: 29px;
	font-weight: 500;
	color: #fff;
	margin-bottom: 25px;
}
.welcome-text h1 span{
	color: #00d5f6;
}
.welcome-text h2 span{
	color: #00d5f6;
}
.welcome-text p{
		margin-bottom: 25px;
	font-size: 16px;
	text-align: justify;
}
.welcome-text li {
		font-size: 16px;
}
.welcome-text li span{
	float: left;
	margin-right: 20px;
}
.blog-box{
	  background-image: -moz-linear-gradient( 90deg, rgb(0,213,246) 0%, rgb(10,11,24) 75%);
  background-image: -webkit-linear-gradient( 90deg, rgb(0,213,246) 0%, rgb(10,11,24) 75%);
  background-image: -ms-linear-gradient( 90deg, rgb(0,213,246) 0%, rgb(10,11,24) 75%);
	padding: 2px;
	border-radius: 20px;
	margin-bottom: 20px;
}
.blog-box:hover{
	 background-image: -moz-linear-gradient( 90deg, rgb(10,11,24) 0%, rgb(0,213,246) 75%);
  background-image: -webkit-linear-gradient( 90deg, rgb(10,11,24) 0%, rgb(0,213,246) 75%);
  background-image: -ms-linear-gradient( 90deg, rgb(10,11,24) 0%, rgb(0,213,246) 75%);
}
.blog-box a{
	background-color: #0a0b18;
	display: block;
	overflow: hidden;
	border-radius: 20px;
	padding: 18px;
	min-height: 531px;
}
.blog-box-picture{
	height: 271px;
	width: 100%;	border-radius: 20px;
	background-size: cover;
}


.blog-time span{
	margin-right: 12px;
}
.blog-time {
	font-size: 15px;color: #fff;
	margin: 25px 0;
}
.blogs{
	padding: 50px 0;
	overflow: hidden;
}
.blog-text h2{
	font-size: 22px;
	color: #fff;
	margin-bottom: 30px;
	min-height: 80px;
	display: flex;
	align-items:flex-start;
	justify-content: center;
}

.blog-text span i{
	margin-left: 10px;
}
.blog-text span{
	font-size: 15px;
	color: #fff;
}
.blog-box11{
	background-image: -moz-linear-gradient( 90deg, rgb(10,11,24) 0%, rgb(0,213,246) 75%);
  background-image: -webkit-linear-gradient( 90deg, rgb(10,11,24) 0%, rgb(0,213,246) 75%);
  background-image: -ms-linear-gradient( 90deg, rgb(10,11,24) 0%, rgb(0,213,246) 75%);
}
.blog-box11:hover{
	 background-image: -moz-linear-gradient( 90deg, rgb(0,213,246) 0%, rgb(10,11,24) 75%);
  background-image: -webkit-linear-gradient( 90deg, rgb(0,213,246) 0%, rgb(10,11,24) 75%);
  background-image: -ms-linear-gradient( 90deg, rgb(0,213,246) 0%, rgb(10,11,24) 75%);
}
#cli{
	padding: 80px 0 140px 0;
}
.cli-box {
/*	margin-right: 54px;*/
	overflow: hidden;
}
.cli-box ul li{
	
}
.cli-box-img-right{
	float: right;
	overflow: hidden;
	
	margin-right: -55px;
	margin-left: 30px;
}
.cli-box-container{
	display: block;
/*
  border: 2px solid transparent;
  border-image: linear-gradient(to top, #00d5f6 0%, #0a0b18 100%);
  border-image-slice: 1;
*/
/*
  border-image: 
    linear-gradient(
      to bottom, 
     rgba(0, 0, 0, 0)
      rgba(0, 0, 0, 0)
    ) 1 10;
*/
	width: 100%;
	min-height: 310px;
	text-align: center; 
/*	padding: 20px 20px 0 20px;*/
	background-color: #10111d;
	padding: 15px 10px 0 10px;
	border-radius: 15px;
	position: relative;
	overflow: hidden;

}
.box-cli:hover .cli-box-container{
	background-color: #0a0b18
}
.box-cli:hover{
	background-image: -moz-linear-gradient( 90deg, rgb(10,11,24) 0%, rgb(0,213,246) 75%);
  background-image: -webkit-linear-gradient( 90deg, rgb(10,11,24) 0%, rgb(0,213,246) 75%);
	background-image: -ms-linear-gradient( 90deg, rgb(10,11,24) 0%, rgb(0,213,246) 75%);}
.box-cli{
	 background-image: -moz-linear-gradient( 90deg, rgb(0,213,246) 0%, rgb(10,11,24) 75%);
  background-image: -webkit-linear-gradient( 90deg, rgb(0,213,246) 0%, rgb(10,11,24) 75%);
  background-image: -ms-linear-gradient( 90deg, rgb(0,213,246) 0%, rgb(10,11,24) 75%);
	padding: 2px;
	width: 100%;	border-radius: 15px;
	margin-bottom: 30px;
}
.cli-box-container::before{
	 content: '';
  display: block;
  box-sizing: border-box;
	position: absolute;
	width: 100%;
border-radius: 15px;
  border: 2px solid transparent;
  border-image: linear-gradient(to top, #00d5f6 0%, #0a0b18 100%);
  border-image-slice: 1;
	height: 100%;
	display: none;

}
.cli-box-container h2{
	font-size: 17px;
	min-height: 45px;
	color: #fff;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.cli-box-container p{
	font-size: 13px;
		
	color: #fff;
}
.cli-box-img{
	display: block;
	overflow: hidden;
	text-align: center;
	width: 100%;
	text-align: center;margin: 0 auto 10px 0;display: block;
}

.cli-box-img img{
	text-align: center;
}
.heading-cli span{
	color: #00d5f6;
}
.heading-cli{
	font-size: 32px;
	color: #fff;
	margin-bottom: 70px;
	text-align: center;
	font-weight: 400;
}

/* lines */


.lines {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
/*  opacity: 0;*/
  transition: 1.5s all ease;
	z-index: 99;
}

.animated .lines {
	 opacity: 1;
}

.line-container {
  position: relative;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.07);
  margin-bottom: 5px;
}

.animated-line {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 100%;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.5) 100%);
  animation: moveLine 3s linear infinite;
}

@keyframes moveLine {
  0% { 
    left: 0;
  }
  100% { 
    left: 100%; 
  }
}
@media (max-width: 767px) {
	 @keyframes moveLine {
		 0% {
			 left: -60%;
		}
		 100% {
			 left: 100%;
		}
	}
}
 .line-container:nth-child(1) {
	 position: absolute;
	 top: 21%;
	 left: 0;
	 transform: rotate(90deg);
}
 @media (max-width: 1679px) {
	 .line-container:nth-child(1) {
		 top: 10%;
	}
}
 @media (max-width: 1279px) {
	 .line-container:nth-child(1) {
		 top: 15%;
	}
}
 @media (max-width: 1023px) {
	 .line-container:nth-child(1) {
		 top: 30%;
	}
}
 @media (max-width: 990px) {
	 .line-container:nth-child(1) {
		 top: 35%;
	}
}
 @media (max-width: 767px) {
	 .line-container:nth-child(1) {
		 top: 40%;
	}
}
 @media (max-width: 479px) {
	 .line-container:nth-child(1) {
		 top: 36%;
	}
}
 @media (max-width: 374px) {
	 .line-container:nth-child(1) {
		 display: none;
	}
}
 .line-container:nth-child(2) {
	 position: absolute;
	 top: 21%;
	 left: 4.5%;
	 transform: rotate(75deg);
}
 @media (max-width: 1679px) {
	 .line-container:nth-child(2) {
		 top: 10%;
	}
}
 @media (max-width: 1279px) {
	 .line-container:nth-child(2) {
		 top: 18%;
	}
}
 @media (max-width: 1023px) {
	 .line-container:nth-child(2) {
		 top: 30%;
		 transform: rotate(78deg);
	}
}
 @media (max-width: 990px) {
	 .line-container:nth-child(2) {
		 top: 35%;
		 transform: rotate(81deg);
	}
}
 @media (max-width: 767px) {
	 .line-container:nth-child(2) {
		 top: 40%;
		 transform: rotate(84deg);
	}
}
 @media (max-width: 479px) {
	 .line-container:nth-child(2) {
		 top: 36%;
	}
}
 @media (max-width: 374px) {
	 .line-container:nth-child(2) {
		 display: none;
	}
}
 .line-container:nth-child(3) {
	 position: absolute;
	 top: 21%;
	 right: 4.5%;
	 transform: rotate(105deg);
}
 @media (max-width: 1679px) {
	 .line-container:nth-child(3) {
		 top: 10%;
	}
}
 @media (max-width: 1279px) {
	 .line-container:nth-child(3) {
		 top: 18%;
	}
}
 @media (max-width: 1023px) {
	 .line-container:nth-child(3) {
		 top: 30%;
		 transform: rotate(102deg);
	}
}
 @media (max-width: 990px) {
	 .line-container:nth-child(3) {
		 top: 35%;
		 transform: rotate(99deg);
	}
}
 @media (max-width: 767px) {
	 .line-container:nth-child(3) {
		 top: 40%;
		 transform: rotate(96deg);
	}
}
 @media (max-width: 479px) {
	 .line-container:nth-child(3) {
		 top: 36%;
	}
}
 @media (max-width: 374px) {
	 .line-container:nth-child(3) {
		 display: none;
	}
}
 .line-container:nth-child(4) {
	 position: absolute;
	 top: 21%;
	 left: 9.5%;
	 transform: rotate(60deg);
}
 @media (max-width: 1679px) {
	 .line-container:nth-child(4) {
		 top: 10%;
	}
}
 @media (max-width: 1279px) {
	 .line-container:nth-child(4) {
		 top: 18%;
	}
}
 @media (max-width: 1023px) {
	 .line-container:nth-child(4) {
		 top: 30%;
		 transform: rotate(65deg);
	}
}
 @media (max-width: 990px) {
	 .line-container:nth-child(4) {
		 top: 35%;
		 transform: rotate(72deg);
	}
}
 @media (max-width: 767px) {
	 .line-container:nth-child(4) {
		 top: 40%;
		 transform: rotate(78deg);
	}
}
 @media (max-width: 479px) {
	 .line-container:nth-child(4) {
		 top: 36%;
	}
}
 @media (max-width: 374px) {
	 .line-container:nth-child(4) {
		 display: none;
	}
}
 .line-container:nth-child(5) {
	 position: absolute;
	 top: 21%;
	 right: 9.5%;
	 transform: rotate(120deg);
}
 @media (max-width: 1679px) {
	 .line-container:nth-child(5) {
		 top: 10%;
	}
}
 @media (max-width: 1279px) {
	 .line-container:nth-child(5) {
		 top: 18%;
	}
}
 @media (max-width: 1023px) {
	 .line-container:nth-child(5) {
		 top: 30%;
		 transform: rotate(115deg);
	}
}
 @media (max-width: 990px) {
	 .line-container:nth-child(5) {
		 top: 35%;
		 transform: rotate(108deg);
	}
}
 @media (max-width: 767px) {
	 .line-container:nth-child(5) {
		 top: 40%;
		 transform: rotate(102deg);
	}
}
 @media (max-width: 479px) {
	 .line-container:nth-child(5) {
		 top: 36%;
	}
}
 @media (max-width: 374px) {
	 .line-container:nth-child(5) {
		 display: none;
	}
}
 .line-container:nth-child(6) {
	 position: absolute;
	 top: 21%;
	 left: 15.8%;
	 transform: rotate(45deg);
}
 @media (max-width: 1679px) {
	 .line-container:nth-child(6) {
		 top: 10%;
	}
}
 @media (max-width: 1279px) {
	 .line-container:nth-child(6) {
		 top: 18%;
	}
}
 @media (max-width: 1023px) {
	 .line-container:nth-child(6) {
		 top: 30%;
		 transform: rotate(52deg);
	}
}
 @media (max-width: 990px) {
	 .line-container:nth-child(6) {
		 top: 35%;
		 transform: rotate(62deg);
	}
}
 @media (max-width: 767px) {
	 .line-container:nth-child(6) {
		 top: 40%;
		 transform: rotate(70deg);
	}
}
 @media (max-width: 479px) {
	 .line-container:nth-child(6) {
		 top: 36%;
	}
}
 @media (max-width: 374px) {
	 .line-container:nth-child(6) {
		 display: none;
	}
}
 .line-container:nth-child(7) {
	 position: absolute;
	 top: 21%;
	 right: 15.8%;
	 transform: rotate(135deg);
}
 @media (max-width: 1679px) {
	 .line-container:nth-child(7) {
		 top: 10%;
	}
}
 @media (max-width: 1279px) {
	 .line-container:nth-child(7) {
		 top: 18%;
	}
}
 @media (max-width: 1023px) {
	 .line-container:nth-child(7) {
		 top: 30%;
		 transform: rotate(128deg);
	}
}
 @media (max-width: 990px) {
	 .line-container:nth-child(7) {
		 top: 35%;
		 transform: rotate(118deg);
	}
}
 @media (max-width: 767px) {
	 .line-container:nth-child(7) {
		 top: 40%;
		 transform: rotate(110deg);
	}
}
 @media (max-width: 479px) {
	 .line-container:nth-child(7) {
		 top: 36%;
	}
}
 @media (max-width: 374px) {
	 .line-container:nth-child(7) {
		 display: none;
	}
}
 .line-container:nth-child(8) {
	 position: absolute;
	 top: 21%;
	 left: 25%;
	 transform: rotate(30deg);
}
 @media (max-width: 1679px) {
	 .line-container:nth-child(8) {
		 top: 10%;
	}
}
 @media (max-width: 1279px) {
	 .line-container:nth-child(8) {
		 top: 18%;
	}
}
 @media (max-width: 1023px) {
	 .line-container:nth-child(8) {
		 top: 30%;
		 transform: rotate(39deg);
	}
}
 @media (max-width: 990px) {
	 .line-container:nth-child(8) {
		 top: 35%;
		 transform: rotate(50deg);
	}
}
 @media (max-width: 767px) {
	 .line-container:nth-child(8) {
		 top: 40%;
		 transform: rotate(59deg);
	}
}
 @media (max-width: 479px) {
	 .line-container:nth-child(8) {
		 top: 36%;
	}
}
 @media (max-width: 374px) {
	 .line-container:nth-child(8) {
		 display: none;
	}
}
 .line-container:nth-child(9) {
	 position: absolute;
	 top: 21%;
	 right: 25%;
	 transform: rotate(150deg);
}
 @media (max-width: 1679px) {
	 .line-container:nth-child(9) {
		 top: 10%;
	}
}
 @media (max-width: 1279px) {
	 .line-container:nth-child(9) {
		 top: 18%;
	}
}
 @media (max-width: 1023px) {
	 .line-container:nth-child(9) {
		 top: 30%;
		 transform: rotate(141deg);
	}
}
 @media (max-width: 990px) {
	 .line-container:nth-child(9) {
		 top: 35%;
		 transform: rotate(130deg);
	}
}
 @media (max-width: 767px) {
	 .line-container:nth-child(9) {
		 top: 40%;
		 transform: rotate(121deg);
	}
}
 @media (max-width: 479px) {
	 .line-container:nth-child(9) {
		 top: 36%;
	}
}
 @media (max-width: 374px) {
	 .line-container:nth-child(9) {
		 display: none;
	}
}
 .line-container:nth-child(10) {
	 position: absolute;
	 top: 21%;
	 left: 48.5%;
	 transform: rotate(15deg);
}
 @media (max-width: 1679px) {
	 .line-container:nth-child(10) {
		 top: 10%;
	}
}
 @media (max-width: 1279px) {
	 .line-container:nth-child(10) {
		 top: 18%;
	}
}
 @media (max-width: 1023px) {
	 .line-container:nth-child(10) {
		 top: 30%;
		 transform: rotate(22deg);
	}
}
 @media (max-width: 990px) {
	 .line-container:nth-child(10) {
		 top: 35%;
		 left: 43%;
		 transform: rotate(34deg);
	}
}
 @media (max-width: 767px) {
	 .line-container:nth-child(10) {
		 top: 40%;
		 left: 36%;
		 transform: rotate(49deg);
	}
}
 @media (max-width: 479px) {
	 .line-container:nth-child(10) {
		 top: 36%;
	}
}
 @media (max-width: 374px) {
	 .line-container:nth-child(10) {
		 display: none;
	}
}
 .line-container:nth-child(10) .animated-line {
	 animation-delay: 0.5s;
}
 @media (max-width: 990px) {
	 .line-container:nth-child(10) .animated-line {
		 top: 35%;
		 animation-delay: 0s;
	}
}
 .line-container:nth-child(11) {
	 position: absolute;
	 top: 21%;
	 right: 48.5%;
	 transform: rotate(165deg);
}
 @media (max-width: 1679px) {
	 .line-container:nth-child(11) {
		 top: 10%;
	}
}
 @media (max-width: 1279px) {
	 .line-container:nth-child(11) {
		 top: 18%;
	}
}
 @media (max-width: 1023px) {
	 .line-container:nth-child(11) {
		 top: 30%;
		 transform: rotate(158deg);
	}
}
 @media (max-width: 990px) {
	 .line-container:nth-child(11) {
		 top: 35%;
		 right: 43%;
		 transform: rotate(146deg);
	}
}
 @media (max-width: 767px) {
	 .line-container:nth-child(11) {
		 top: 40%;
		 right: 36%;
		 transform: rotate(131deg);
	}
}
 @media (max-width: 479px) {
	 .line-container:nth-child(11) {
		 top: 36%;
	}
}
 @media (max-width: 374px) {
	 .line-container:nth-child(11) {
		 display: none;
	}
}
 .line-container:nth-child(11) .animated-line {
	 animation-delay: 0.5s;
}
 @media (max-width: 990px) {
	 .line-container:nth-child(11) .animated-line {
		 animation-delay: 0s;
	}
}
 


/*new*/

.bnrbg{
	position: relative;
	z-index: 99;
	float: right;
	margin-right: 40px;
}

.cli::before{
	background-color: #0a0b18;
	opacity: 0.95;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height:1500px;
	content: "";
}
.cli::after{
	background-color: #0a0b18;

	position: absolute;
	right: 0;
	top: -1px;
	width: 971px;
	height:496px;
	content: "";
		background: url(../images/cli/bnr-bgs.png) center center no-repeat;
	
}
.popbnrs{
	
}
.cli{
	
	background: url(../images/cli/cli.jpeg) center top no-repeat;
	background-attachment: fixed;
	position: relative;
	padding: 25px 0;
	overflow: hidden;
	margin-top: 50px;
}
.cli-wrapper{
/*	width: 910px;*/
	margin: 0 auto;

	display: block;
	text-align: left;
	position: relative;
	z-index: 99;
}

.cli-wrapper  h3{
		color: #1ed7fe;
/*    color: #fff;*/
    font-size: 26px;
    margin-bottom: 45px;
    margin-top: 10px;

/*    font-weight: 700;*/

}
.cli-wrapper  h2{
    color: #fff;
    font-size: 34px;
 padding: 0 0 0 0;
    font-weight: 600;
}
.cli-wrapper .btn-primary-submit:hover{
		
	background-color: #00226e;
    border: 1px solid #00226e;
}
.cli-wrapper .btn-primary-submit{
	border-radius: 90px;
    color: #fff;
    padding: 10px 40px;
    font-size: 21px;
	background-color: #ff0032;
    border: 1px solid #ff0032;
	margin-bottom: 20px;

}
.cli-wrapper p{
	font-size: 15px;
	color: #fff;
	padding:20px 0 20px 30%;
}
.cli-wrapper img{
	margin: 45px 0;
/*	width: 80%;margin-left: -135px;*/
}

/* model */
.custom-widh .modal-content{
	
	min-height: 600px;
/*	background: url(../images/model-bg.png) left 30px no-repeat #fff;*/
	
	background-color: #0a0b18;
	border: none;
	overflow: hidden;
}

.custom-widh{
	text-align: center;

/*	width: 850px !important;*/
/*	max-width: 850px !important;*/
	
}
.form-connect{
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
}
.connect-box-logo img{
	width: 100%;
}
.connect-box-logo{
	width: 78%;
	    margin: 0 0 0 51px;
}
.connect-box h6 span{
/*
	width: 100%;
	display: block;
	clear: both;
	font-size: 80px;
	margin-top: 30px;
*/
	font-weight: 600;
	color: #fff;
	background-color: #1cc4e9;padding: 0 5px;border-radius: 3px;
}

.connect-box h6{
	color: #fff;
/*		font-family: 'helvetica-lightregular';*/
	font-size: 23px;
	text-transform: uppercase;
	text-align: center;
/*	padding-left: 50px;*/
}
.btn-close-model:hover{
	opacity: 1;
}
.btn-close-model{
border: none !important;
	background-color: transparent;

	color: #fff;
	font-size:24px;
	text-align: right;
	opacity: 0.6;
	width: 25px;
	height: 25px;
	display: block;
	    position: absolute;
    right: 20px;
    top: 8px;
}


/* end model */


/* end model */
.popbnrs{
	visibility: inherit !important;
	float: right;
	    margin-right: -24px;
    margin-top: 6px;
}
.model-width  h3{
    color: #ff0032;
    font-size: 21px;
    margin-bottom: 20px;
    margin-top: 10px;
/*    font-weight: 700;*/
	
}
.model-width  h2{
    color: #fff;
    font-size: 29px;
/*    margin-top: 30px;*/
    font-weight: 600;
	padding: 0 15px 32px;
	margin-top: 55px;
}
.model-width .btn-primary-submit:hover{

	background-color: #ff0032;
	color: #fff;
    border: 1px solid #ff0032;
}
.model-width .btn-primary-submit{
	border-radius: 10px;
    color: #fff;
    padding: 8px 50px;
    font-size: 21px;
	background-color: #1bc4e9;
    border: 1px solid #1bc4e9;	

}
.phoneno{
/*	border-radius: 0 12px 12px 0 !important;*/
	border-radius: 12px !important;
}
.emails{
	border-radius: 12px !important;
}

.names{
	border-radius: 12px !important;
}
.names1{
/*	border-radius: 12px 0 0 12px !important;*/
	border-radius: 12px !important;
}
.model-width p{
	font-size: 15px;
	color: #fff;
	width: 100%;
	color: #000;
	margin-bottom: 20px;
	
}
.model-width img{
	margin-bottom: 30px;
}

.new-logos-banner ul li img{
	display: flex;
        align-items: center;
        justify-content: center;
	width: 100%;
}
.custom-widh .form-control {
    padding: 0.78rem 1rem;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
	    min-height: 57px;
}

.custom-widh .form-select {
    padding: 0.78rem 1rem;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
	    min-height: 57px;
}




.names {
    border-radius: 12px !important;
}

.emails{
	border-radius: 12px !important;
}

.names{
	border-radius: 12px !important;
}



.cont {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
	color: #fff;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	text-align: left;
}

/* Hide the browser's default checkbox */
.cont input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #0a0b18;
	border: 1px solid #fff;
	border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.cont:hover input ~ .checkmark {
  background-color: #1bc4e9;
}

/* When the checkbox is checked, add a blue background */
.cont input:checked ~ .checkmark {
  background-color: #1bc4e9;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.cont input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.cont .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}




.custom-widh .modal-content {
    max-height: 600px;
    /* background: url(../images/model-bg.png) left 30px no-repeat #fff; */
    background-color: #0a0b18;
    border: none;
    overflow: hidden;
}
.cli-width {
    background: url(../images/cli/popup-design-bg.png) right top no-repeat #fff;
    min-height: 578px;
}
/*
@keyframes rotateClockwise {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
*/

.rotating-div {
/*
    width: 100px;
    height: 100px;
    background-color: red;
*/
/*    animation: rotateClockwise 2s linear infinite;*/
	transform: rotate(90deg);
}
.form-contact{
	border-radius: 30px;
	background-color: #f6f6f6;
	padding: 15px 20px 0 20px;
	position: relative;
	
}
.customsubmit{
	height: 78px;
	font-size: 21px;
    color: #fff;
    font-weight: 600;
    border-radius: 10px;
    padding: 10px 0;
    display: block;
	border: none;
  background-image: -moz-linear-gradient( 0deg, rgb(86,157,189) 0%, rgb(57,227,200) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(86,157,189) 0%, rgb(57,227,200) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(86,157,189) 0%, rgb(57,227,200) 100%);
} 
.form-box{
	position: relative;
}
.form-box p{
	position: absolute;
	bottom: -23px;
	left: 0;color: red;font-size: 12px;
}
.img-cont{
	position: absolute;
    left: -13px;
    top: 25px;
	display: none;
}
.form-contact h2{
    font-size: 26px;
    color: #000120;
    text-align: left;
    margin: 10px 0 15px 0;
    /* font-size: 43px; */
    color: #515c61;
    font-weight: 400;
}


.form-contact .form-control{
	border-radius: 10px;
	height: 78px;margin-bottom: 15px;
}
.form-contact button{
	/* height: 49px;
	font-size: 21px;
    color: #fff;
    font-weight: 600;
    border-radius: 910px;
    padding: 10px 35px;
    display: block;
	border: none;
  background-image: -moz-linear-gradient( 0deg, rgb(86,157,189) 0%, rgb(57,227,200) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(86,157,189) 0%, rgb(57,227,200) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(86,157,189) 0%, rgb(57,227,200) 100%); */
}
.sale-pitch{
	background-color: #f1f9f8;
	padding: 60px 0;
	margin-bottom: 50px;
}
.key-features{
	position: relative;
	padding-top: 200px;
	background: #faf6f1;
}

.key-features::after{
	height: 127px;
	width: 100%;
	background: url(../images/bottom.png) center top no-repeat;
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	display: none;
}
.key-features::before{
	height: 127px;
	width: 100%;
	background: url(../images/top.png) center top no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	content: "";
}
.key-features h6{
	text-align: center;font-size: 31px;
	color: #000000;font-weight: 500;
	margin-bottom: 45px;
}
.box-features{
	padding: 25px;
	background-color: #fff;
	border-radius: 20px;
	margin-bottom: 25px;
	min-height: 270px;
}
.box-features-img {
	height: 112px;
}

.box-features h5{
	font-size: 23px;font-weight: 500;
	margin-bottom: 15px;position: relative;
}

.box-features h5::before{

  background-image: -moz-linear-gradient( 90deg, rgb(86,157,189) 0%, rgb(57,227,200) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(86,157,189) 0%, rgb(57,227,200) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(86,157,189) 0%, rgb(57,227,200) 100%);
height:31px;
	width: 7px;
	position: absolute;
	left: -25px;
	top: 0;
	content: "";
}
.box-features p{
	font-size: 17px;
	color: #989898;font-weight: 300;
}

.box-sale-img{
	margin-bottom: 20px;
}
.box-sale{
	text-align:center;
}
.box-sale p{
	color: #858585;font-size: 18px;font-weight: 300;
padding: 0 10%;
}
.box-sale h3{
	
	padding: 0 15%;font-size: 24px;font-weight: 600;color: #569ebd;
	margin-bottom: 20px;
}

.box-sale{
	margin-bottom: 50px;
}
.pic-headings {
	text-align: center;
}
.pic-headings h4{
	font-size: 43px;
	color: #515c61;font-weight: 500;
	padding: 0 15%;
}
.pic-headings p{
	font-size: 18px;
	color: #858585;font-weight: 400;margin-bottom: 75px;padding: 0 20%;
}
.box-sale-news{
	max-height: 278px;
	margin: 50px 0 100px 0;
	background-color: #f6f6f6;
	border-radius: 20px;
}

.box-sale-news img{
	margin-top: -20px;
	margin-left: -70px;
}
.box-sale-news h2{
	margin-top: 30px;
	color: #569ebd;font-size: 24px;
	margin-bottom: 20px;
	margin-top: 50px;
}
.box-sale-news p span{
	width: 100%;
	display: block;
	margin-top: 20px;
}
.box-sale-news p{
	font-size: 17px;
	padding-right: 10%;
	color: #858585;font-weight: 400;
}
.newbtn-learnmore a:last-child{
	background-color: #000120;
	background: #000120;
	margin-left: 15px;
}
.newbtn-learnmore a{
	float: inherit;
	border: none;
	margin-top: 25px;
}
.upgrads{
	background: url(../images/Communication-bg.png) left top no-repeat;
	min-height: 377px;    margin-right: -290px;
	border-radius: 15px;    position: relative;
	
	margin: 90px 0;margin-right: -290px;
}
.best-rg{
	    position: absolute;
    left: -90px;
    top: -30px;
}
.upgrade-text{
	text-align: center;
	width: 75%;
	padding-left: 25px;
	padding-top: 35px;
}

.upgrade-text  p{
	font-size: 22px;
	padding-right: 10%;
font-weight: 300;
	margin-top: 15px;
}
.upgrade-text h3{
	font-weight: 500;
	color: #fff;font-size: 45px;
}
.upgrade-text{
	text-align: left;
	padding-left: 75px;
	color: #fff;
}
.sb-new a{
	margin-right: 15px;
	border: 1px solid #3ae1c7;
}
.sb-new a:first-child{
	background: #012f28 !important;
}
.sb-new{
	float: left;
	margin-top: 25px;
}
.start-btn a:hover{
	background: #3ae0c7 !important;
	color: #fff;
}
.testimonial-box h6{
	color: #00226e;
	font-size: 20px;
	text-align: center;
}
.testimonial-box h2 span{
	text-align: center;
	width: 100%;
	display: block;
	margin-bottom: 30px;
}
.testimonial-box h2{
	color: #000;
	font-size: 45px;
	text-align: center;
}
.testimonial-box{
	margin: 150px auto 50px;
	width: 870px;
	display: block;position: relative;
}
.textimonial-txt{
	background-color: #e5f7fd;
	border-radius: 10px;
	padding: 30px;
	padding-right: 160px;
	padding-left: 108px;
	position: relative;
}
.testmonial-quote p{
	
		color: #585b6f;
	font-size: 18px;
	text-align: left;
	margin-bottom: 20px;
}
.stars{
	margin-bottom: 20px;
}


.testmonial-quote h5 span{	
	width: 100%;
	display: block;
	font-size: 16px;
color: #30cab2;
}
.testmonial-quote h5{
	font-size: 23px;
	color: #569ebd;margin-bottom: 15px;
	width: 100%;
	display: block;
}
.website a{
	padding: 10px;
border-radius: 90px;
	display: inline-block;
	background-image: -moz-linear-gradient( 0deg, rgb(86,157,189) 0%, rgb(57,227,200) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(86,157,189) 0%, rgb(57,227,200) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(86,157,189) 0%, rgb(57,227,200) 100%);
color: #fff;

}

.textimonial-txt::before{
	background: url(../images/testimonial-quote.png) center top no-repeat;
	width: 70px;
	height: 55px;
	position: absolute;
	left: 20px;
	top: 35px;
	content: "";
}

.testmonial-img{
	position: absolute;
	right: -320px;
	bottom: 35px;
}

.power-dialler h1 span{
	position: absolute;
    margin-top: 4px;
    margin-left: 12px;
}


.power-dialler p{
	margin-bottom: 80px;
}

.mbtoom{
	margin-bottom: 20px;
	overflow: hidden;
	display: block;
}
















@media only screen and (max-width: 1800px){
	
	.video img{
		width: 100%;
	}
		.video {
  	               width: 606px;
        right: 10px;
   
}
	.video-text {
    position: absolute;
    top: 250px;left: 5%;
	}
	.video-text{
	top: 180px;
	left: 6%;
	width: 600px;
}
.power-dialler h1{
	font-size: 35px;
}
}

@media only screen and (max-width: 1500px){
.power-dialler h1{
	font-size: 30px;
}	.welcome-images{
		width: 50%;
	}
	.welcome-images img{
		width: 100%;
	}
	.menu ul li:last-child {
    margin-right: -42px;
}
	
	.menu ul li a {
/*    font-size: 15px;*/

    padding: 7px 14px;
  
}
	.start-btn a {
    font-size: 19px;

    padding: 8px 14px;
    display: inline-block;
 
/*    width: 100%;*/
}
.box-features p {
	font-size: 15px;}
	.upgrade-text {
    padding-left: 175px;
}
	.img-cont {
    
		left: -70px;}
	.box-sale-news h2 {

    padding-left: 25px;
}
	.box-sale-news p{
		 padding-left: 25px;
	}
}
@media only screen and (max-width: 1199px){
	
	
	.welcome-box {
    overflow: hidden;
    padding-right: 0;
}
	.ready-img img {
    margin-top: 15px;
    margin-left: -91px;
}
	.menu-wrapper .col-lg-9 {
     
        width: 100%;
    }
	    .menu ul li:last-child {
        margin-right: 0;
    }
	
	.video-text {
    position: absolute;
    top: 250px;
    /* bottom: 0; */
    left: 15px;
    width: 600px;
    /* height: 200px; */
    z-index: 999;
}
	.power-dialler h1 {
		font-size: 25px;}
	.video-text {
   
    left: 5%;
    width: 425px;        top: 150px;

}
	.video img{
		width: 100%;
	}
	
	.main-banner {
   
/*    background: transparent;*/
}
	.video {
    
    width: 475px;
    height: auto;
}
	.power-dialler a {
		font-size: 15px;}
	.start-btn a i{
		display: none;
	}
	.logo img{
    width: 100%;
}
	    .menu ul li a {
        font-size: 14px;
        padding: 7px 9px;
    }
	.welcome-img img{
		width: 100%;
	}
	.welcome-img{
		width: 40%;
	}
	.cli-box-img-right img{
		width: 100%;
	}
	.cli-box-img-right {
    
    width: 33%;
}
	.social-media ul li {
   
    margin-right: 9px;
   
}
	.connect-box h6 {
        font-size: 17px;
    }
	
	.img-cont img{width: 100px;}
	.img-cont {
        left: -31px;
    }
	.box-sale-img img{
		width: 100%;
	}
	.box-sale-news img {
   
    width: 100%;
}
	.box-sale-news img {
    margin-top: 0;
    margin-left: -70px;
    width: 400px;
}
	.box-sale-news {
    max-height: inherit;
   
    padding-bottom: 30px;
}
	.power-dialler h1 span {
    position: inherit;
    margin-top: 4px;
    margin-left: 12px;
}
	
}
@media only screen and (max-width: 992px) {
	.cli-width .col-sm-6 {
        width: 100% !important;
    }
	.cli-width {
        background-image: none;
    }  
	.cli-bnrs-img {
        display: none;
    }    
	.menu ul li a {
        font-size: 12px;
        color: #fff;
        font-weight: 400;
        border-radius: 90px;
        padding: 7px 4px;
        display: block;
        font-weight: 300;
    }
	.ready {
		min-height: auto;
		padding-bottom: 50px;
	}
	.ready-text a {
    font-size: 17px;
  
    padding: 7px 6px;
	}
	.box-cotact-text{
		width: 100%;
		display: block;
	}
	.box-cotact-text h3 {
    font-size: 22px;
    color: #000213;
    margin-bottom: 6px;
    padding-right: 0;
		width: 100%;
		background-color: #fff;
}
	.social-media ul li {
    display: inline-block;
		margin-right: 12px;}
	
	
	.video {
  
    bottom: inherit;
    width: 433px;

    top: 20%;
    right: -100px !important;
}
	    .start-btn a {
        font-size: 14px;
        padding: 8px 14px;
/*
        display: block;
        width: 100%;
*/
    }
	.why-choose-mobile img{
		width: 100%; margin-top: -140px;
	}
	.faq-img img {
		width: 100%;
	}
	.blog-text h2 {
    font-size: 16px;
   
}
	.social-media ul li {
    
    margin-bottom: 20px;
}
	.connect-cli {
    padding: 20px;
   
}
	.connect-cli h2 {
    font-size: 30px;

}
	.form-contact .btn-primary span{
		display: none;
	}
	.form-contact button {
    
    font-size: 18px;
		padding: 10px 22px;}
	.img-cont img{
		display: none;
	}
	.box-sale h3 {
    padding: 0;
    font-size: 18px;
}
	.box-sale p {
    font-size: 16px;
    padding: 0;
}
	
	    .box-sale-news img {
    
        width: 330px;
    }
	.box-features {
    padding: 18px;
   
    min-height: 370px;
}.box-features {
        padding: 18px;
        min-height: 310px;
    }

    .upgrade-text {
        padding-left: 0;
    }
	.upgrade-text h3 {
   
    font-size: 35px;
}
.upgrade-text p {
    font-size: 18px;
  
    padding-right: 100px;
}
	.best-rg img{
		width: 100%;
	}
	.best-rg{
		position: inherit;
	}
	.pic-headings h4 {
    font-size: 33px;
    padding: 0;
}
	.pic-headings h4 {
    font-size: 33px;
  
}
	.pic-headings p {
    font-size: 18px;
    color: #858585;
    font-weight: 400;
    margin-bottom: 35px;
    padding: 0;
}
}
@media only screen and (max-width: 767px) {
	
	.menu{
		
		display:none;	
		
		}
	

	}
@media only screen and (max-width: 767px) {
	
	
	.main{
		width: 100%;
	}
	.cbp-hrmenu .cbp-hrsub-inner .col-lg-6 > div{
		width: 100%;
	}
	.cbp-hrmenu .cbp-hrsub-inner{
		padding: 0;
	}
	.my-ld li {
    margin-top: 0;
		margin: 0;
}
/* menu */
	
	 .mobile_menu
{
	width:60px;
	margin: 0 auto 10px auto;
    text-align: center;
	clear:both;
	z-index:999999;
	padding-top: 5px;
	float: right;
}
.mobile_menu a
{
	display:block;
}
.mobile_menu a span
{
	margin-bottom:5px;
	height:5px;
	background:#000;
	display:block;
	}

	.cbp-hrmenu .cbp-hrsub-inner .col-lg-6 > div{
		padding: 0;
	}

	.menu {
  
    margin-top: 30px;
}

	
	.cbp-hrmenu > ul > li{
		display: block;
	}
	.cbp-hrmenu .cbp-hrsub{
		position: inherit;
	}
	
	.add-to_btns{
		
		width: 100%;
		float: none;
		display: block;
	}
	.left_menu{
		width: 100%;
	}
	
	.mobile_menu {
    width: 36px;
    margin-top: -77px;
}
	.main {
    display: block;
    clear: both;
    margin-top: 0;
    float: none;
}
	.text_info{
		display: none;
	}
	
	.only_bg{
		display: none;
	}
	
	.section-right-area{
		float: none
			;margin: 0;
	}
	.section-right-area1{
		float: none
			;margin: 0;
	}
	
	.submenu-inner-full {
    width: 100%;
}
	
.submenu-inner-full li {
    float: none;
	display: block;
    width: 100%;
    margin-right: 0;
}
	.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 100%;
}
	.logos-info {
    width: 100%;
}
	
	.headerNav {
		height: auto;}
	.menu {
    float: none;
}

	.cont-wrp {
    position: inherit;
    overflow: inherit;
}.main-containter {
    position: inherit;
    overflow: inherit;
}
	.headers {
    position: inherit;
}
	.menu-wrapper {
   
    height: auto;
}
	.logo img {width: 140px;
        margin-bottom: 9px;
}
	.menu-wrapper {
    background-color: rgba(255,255,255,1.1);
}
	
.topmenuleft p {
    color: #fff;
	line-height: normal;}
	
	.mobile_menu {
    width: 36px;
    margin-top: -47px;
    position: absolute;
    right: 0;
}
	.cbp-hrmenu > ul > li > a {
    text-align: left;
}

	.logos-company ul li {
    width: 49%;
    
}
	.mobile_menu {
    right: 15px;
}
	.cbp-hrsub{
		width: 99% !important;
	}
	.banners .slider-container .slider__item {
    position: relative;
    height: 275px;
    /* min-height: 500px; */
}
	.slick-prev, .slick-next{
		top: -70px !important;
	}
	.slick-prev {
    right: 49px !important;
    z-index: 99999;
    left: inherit !important;
}
	
	.contact-info{
		margin-bottom: 30px;
	}
	.logo {
    float: left;
    margin: 10px 0 0 0 !important;
    padding: 0 !important;
}
	.benefits h2 {
    font-size: 27px;
    font-weight: 500;
    margin-bottom: 20px;
}
	.benefits{
		margin-bottom: 20px;
	}
.headers {
    height: auto;
}
.box-contact ul li {
	width: 100%;}
	
	.footer-links li {
    display: inline-block;
    margin-right: 0;
		width: 100%;
		margin-bottom: 10px;
}
	.box-contact ul li {
    width: 100%;
    float: none;
		display: block;
    min-height: inherit;
    border: 1px solid #eeeeee;
    padding: 15px;
}
	
	
	.box-contact {
    width: 100%;
    margin: 0 auto 60px;
    background-color: #fff;
    padding: 15px;
    overflow: hidden;
    border-radius: 20px;
}
	.box-contact ul li:last-child {
   border: 1px solid #eeeeee;
}
	    .customer-text p {
        margin-bottom: 105px;
    }
	
	.testi-box p {
    padding: 0 40px 30px 20px;
 
    opacity: 0.7;
    font-weight: 300;
}
	.heading-top h2 {
    font-size: 35px;
    font-weight: 300;
}
	.productsee {
    float: left;
}
	.center1 .slick-prev, .center1 .slick-next {
        top: -13px !important;
    }
	.absolute{
		display: none;
	}
	.banners .slider-container .slider__item .slider-pic{
		width: 80%;
		margin: 0 auto;
	}
	.top-star{
		display: none;
	}
	
	.menu ul li a {
    font-size: 16px;
    
    padding: 14px 20px;
    display: block;
}
	.menu ul li {
    display: block;
 
    margin: 0;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid rgba(255,255,255, 0.1)
}
	.contact-us-text h1 {
    font-size: 35px;
    color: #050404;
    margin-bottom: 10px;
}
	.header-banner {
   
    min-height: inherit;
    text-align: center;
    padding: 50px 0;
 
}
	    .product-image {
        height: 270px;
    }
	.contact-us-container {
    padding: 15px;
    margin-bottom: 21px;
    margin-top: 0;
   
}
.header-banner h2 {
 
    font-size: 40px;
}
	.product-detail {
    padding-left: 0;
}
	.review-img {
    width: 45px;
    height: 45px;
    margin-right: 15px;
}
	.rewivew-info p {
    font-size: 14px;
    color: #959595;
}
	.review-wrapper .nav-link {
        padding: 10px 14px;
        font-size: 13px;
    }
	    .menu-top {
        width: 100%;
    }
.reviewsbox {
	width: 100%;}
	.menu-top ul li a {
    height: 154px;
    width: 130px;
}
	.menu-top {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0px 0px 15px 0px rgba(68, 82, 242, 0.1);
 
    margin: 20px auto 0 auto;
}
	.column {
    float: left;
   
    height: auto;
    margin: 0 5px 20px 5px;width: 22%;
}
	.slider-wrps {
    min-height: auto;
}
	.power-dialler h1 {
    font-size: 58px;
    color: #fff;
    font-weight: 500;
    width: 100%;
    margin: 30px 0;
}
	#stats{
		display: none;
	}
	    .logo img {
        width: auto;
        margin-bottom: 9px;
    }
	.talk{
		border: none;
		display: none;
	}
	.menu ul li:last-child{
		margin-bottom: 10px;
	}
	.power-dialler {
    position: absolute;
    left: 0;
    top: 30%;
    padding: 10px 20px;
		text-align: center;
}
	    .power-dialler h1 {
			font-size: 30px;}

.power-dialler a {
    font-size: 16px;
/*    color: #000;*/
    font-weight: 300;
    border-radius: 10px;
    padding: 7px 15px;
    display: block;
    border: 2px solid #fff;
    background-color: #fff;
    display: inline-block;
    float: none;
    margin-right: 10px;
}
.happy-clients {
    overflow: hidden;
    height: 500px;
    background-color: #343434;
}
.particles-box h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 20px;
    text-align: center;
}
	.populars li {
   float: left;
    width: 50%;
		display: block;
		vertical-align:top;
/*    margin-left: -5px;*/
		margin-bottom: 20px;
/*		border: 1px solid #fff;*/
		padding: 20px 0;
  
}
	.populars li p{
		font-size: 12px;
	}
	.populars li h2 {
    font-size: 40px;
    font-weight: 600;
}
	
	    .happy-clients {
        height: 335px;
    }
	
	.welcome-images {
        width: 100%;
		float: none;
		width: 100%;
		display: block;
    }
	
	.welcome {
    padding: 50px 0;
}
	.welcome-box h3 {
    font-size: 17px;
    color: #000;
    padding-top: 15px;
    margin-top: 20px;
}
	
	    .ready-img img {
        margin-top: 0;
        margin-left: 0;
			width: 100%;
    }
	.ready-text h2 {
    font-size: 45px;
    margin-top: 23px;
}
	.customer {
    margin: 20px 0;
   
}
	.customer h4 {
    font-size: 32px;
    margin-bottom: 31px;
}
	
	
	
	.contact-container {
    padding: 20px;
 
    margin: 0;
}
	.box-contact-center {
  
    min-height: auto;
    padding: 10px;
		margin-bottom: 15px;
}
	    .box-cotact-text {
        width: auto;
       
    }
	.box-cotact-text h3 {
        
        background-color: transparent;
    }
	.box-cotact-text h3 {
		font-size: 18px;}
	.logo-bottom img {
  
    margin-top: 20px;
    margin-bottom: 20px;
}
	.social-media ul li {
   
    margin-bottom: 0px;
}
	
	
	.footer-wrapper h3 {
  
    margin-bottom: 0px;
    margin-top: 20px;

}
	.footer-wrapper {
    margin-top: 10px;  margin-bottom: 10px;
}
	.copyright {
    text-align: center;
    color: rgba(255, 255, 255, 0.70);
    font-size: 14px;
}
	.newsletter{
		margin-bottom: 50px;
	}
	.web-video {
    width: 100%;
    /* height: 100vh; */
}
	.main-banner {
    position: inherit;
}
	.video {
    /* position: absolute; */
    z-index: 1;
    width: 100%;
    height: auto;
    overflow: hidden;
}
	    .power-dialler {
        position: inherit;
        left: 0;
        top: 30%;
        padding: 20px 20px;
        text-align: center;
    }
	.video-text {
    position: inherit;
    top: 0;
    right: 0;
    left: 0;
    width: auto;
    height: auto;
/*    background-color: #000;*/
    z-index: 999;margin-top: -10px;
}
	.wrapper-features h4 {
    font-size: 25px;
		margin-bottom: 0;}

    .welcome-img, .cli-box-img-right {
        width: 100%;
		float: none;
		margin-bottom: 20px;
    }
.lines{
	display: none;
}
	.video{
		position: inherit;
		width: 100%;
	}
	.video-text{
		position: inherit;
		width: 100%;
	}
	    .power-dialler h1 {
        font-size: 20px;
    }
	.video img {
        width: 77%;
        margin: 0 auto;
        display: block;
    }
	.menu-wrapper {
   
    padding-top: 10px;
}
	    .mobile_menu a span {
        margin-bottom: 5px;
        height: 5px;
        background: #fff;
        display: block;
    }
	    .menu-wrapper {
/*        background-color: rgba(255, 255, 255, 1.1);*/
        background: transparent;
    }
	    .menu ul li a {
        font-size: 16px;
        padding: 14px 0;
        display: block;
    }
	    .start-btn a i {
        display: inline-block;
    }
	    .start-btn a {
        
        margin-top: 20px;
			margin-bottom: 15px;
    }
	    .power-dialler h1 {
        font-size: 18px;

        margin: 15px 0;
    }
	.heading-cli {
    font-size: 27px;
    color: #fff;
    margin-bottom: 30px;
    
}
	.cli-box-container{
		min-height: inherit;
		padding-bottom: 20px;
	}
	#cli {
    padding: 20px 0 20px 0;
}
	.cli-box-img-right {
    float: none;
    overflow: hidden;
    margin-right: 0;
    margin-left: 0;
		margin: 0 auto;
		display: block;
	
}
	    .cli-box-img-right img {
        margin-bottom: 20px;
    }
	.faq-img{
		margin-bottom: 20px;
	}
	.blog-box-picture {
		height: 220px;}

.blog-box a {
   
    min-height: auto;
}
	.blogs-heading-cli {
		
		margin-bottom: -40px;}
	
	.blog-text h2 {
		
    min-height: auto;
   
}
	.blog-text h2 {
		
		margin-bottom: 10px;}
	.faq-img {
   
    padding-top: 0;
    overflow: hidden;
}
	.heading-main {
    font-size: 33px;
    text-transform: uppercase;
    color: #fff;
    margin: 25px  0;
    text-align: center;
}
	.why-choose{
		height: auto;
	}
	.heading-innovation {
    text-align: center;
}
	.heading-st {
    text-align: center;
    float: none !important;
    display: block;
		margin: 20px 0 !important;
}
	.heading-st img {
    margin: 20px 0 !important;
}
	.why-choose-mobile img {
         width: inherit; 
         margin-top: 0px; 
    }
	.newname-text h2 {
    font-size: 20px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 15px;
}
	.testimonial-box-value p {
		font-size: 16px;
	margin-bottom: 15px;}
	#particles-js{
/*		background-color: #00d5f6;*/
	}
	    .connect-cli h2 {
        font-size: 22px;
        margin-bottom: 0;
        margin-top: 11px;
    }
	    .blog-box-picture {
        height: 190px;
    }
    .power-dialler a {
      margin-bottom: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
	.power-dialler img {
    margin-bottom: 10px;
}
	.model-width img {
        width: 160px;
    }
	.cli-bnrs-img {
        /* background-color: #1cc4e9; */
        display: block;
        width: 100%;
        position: relative;
        /* overflow: hidden; */
    }
	    .model-width img {
        width: 160px;
    }
	.model-width img {
    margin-bottom: 30px;
}
	.connect-box h6 {
        font-size: 16px;
        margin-bottom: 21px;
    }
	.form-connect {

    padding: 0;
}
	#return-to-top {
right: 40px;
		bottom: 20px;}
	
	.testimonial-box{
		width: 100%;    margin: 10px;
	}
	.upgrads{
		min-height: inherit;
		padding: 20px;
		margin: 20px 0 ;
	}
	.oxy_shape_divider{
		display: none;
	}
	.form-contact {
    border-radius: 0;
    background-color: #f6f6f6;
    padding: 20px;
    position: relative;
}
	.form-contact .form-control {
    border-radius: 90px;
    height: 49px;
		margin-bottom: 15px;
}
	    .main-banner {
      
        overflow: hidden;
    }
	    .pic-headings h4 {
        font-size: 23px;
        margin-bottom: 15px;
    }
	.box-sale-news img {
        width: 100%;
        margin: 0 auto;
        margin-top: 15px;
    }
	.box-sale-news h2 {
        padding-left: 25px;    margin-top: 0;
    }
	.key-features{
		padding: 0;
	}.testimonial-box h2 {
    color: #000;
    font-size: 27px;
    text-align: center;
}
	.textimonial-txt {
    background-color: #e5f7fd;
    border-radius: 10px;
    padding: 20px;
    /* padding-right: 160px; */
    /* padding-left: 108px; */
    position: relative;
}
	.textimonial-txt::before{
		display: none;
	}
	.upgrads {

    background-repeat: repeat;
}
	.upgrade-text {
    text-align: center;
		width: 100%;}.upgrade-text h3 {
        font-size: 21px;
        padding: 0;
    }    .upgrade-text p {
        font-size: 18px;
        padding-right: 0;
    }
	    .start-btn a {
   		display: block;
			width: 100%;
        margin: 10px 0;
    }
	.testmonial-img {
    position: inherit;
    width: 100%;
		display: block;
		margin-top: 20px;
}
	.testmonial-img img{
		width: 100%;
	}
	    .testmonial-img {
        position: inherit;
        width: 100%;
        display: block;
        margin-top: 20px;
        right: inherit;
        bottom: inherit;
    }
	    .footer-wrapper h3 {
        margin-bottom: 10px;
        margin-top: 20px;
    }
	.newbtn-learnmore a:last-child{
		margin: 0;
	}
	.box-features {
        padding: 18px;
        min-height: inherit;
    }
	.key-features::before{
		display: none;
	}
	.key-features h6{
		margin-top: 25px;
	}
	.box-sale-news {
    max-height: inherit;
		margin: 0;}
	.key-features{
		margin-top: 30px;
	}
	.sale-pitch {
    background-color: #f1f9f8;
    padding: 20px 0;
    margin-bottom: 30px;
}
	canvas {
		width: 100%;
    height: 82% !important;
	}
	#particles-js {
		height: 88%;}
	
	.form-contact h2 {
    font-size: 22px;
    color: #000120;
    text-align: center;
    margin-bottom: 23px;
}
	.menu-wrapper {
        background-color: rgba(255, 255, 255, 1.1);
        background: #01171e;
    }
	    .testimonial-box {
        width: 100%;
        margin: inherit;
    }
		#primo-xb-form .col{
	display: block;
	flex: initial !important;
	width: 100%;
	margin-bottom: 15px;
		overflow: hidden; 
		
} 
	    .form-contact .form-control {
        border-radius: 5px;
        height: 55px;
			margin-bottom: 0;
    }
	#primo_xb_form_button{
		height: 55px;
	}
	.video-text {
        position: relative;
        width: 100%;
    }
	    .main-banner {
        background-color: #000000;
			background: #000000 !important;
    }
}
	@media (max-width: 480px) {
		.socialmedia li {
    margin: 0 6px;
}
	}