body{
	scroll-behavior: smooth;
	overflow-x: hidden;
}

*{
	margin:0;
	padding:0;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size:16px;
	

	
}

.navbar-nav{
	margin-left:230px;
}



.header{

	width:100%;
	height:800px;
	color:white;

}


.header_text{
	font-size: 3em;
	margin-top: 100px;
	background-color:rgba(0,0,0,0.5);
	

}
.header_text1{
	font-size:1em;
	background-color:rgba(0,0,0,0.5);
	
}

.header_text2{
	font-size:1em;
	background-color:rgba(0,0,0,0.5);
	margin-top:200px;
	color:white;
}




.dropfile{
	text-align: center;
	color:lightblue;
	
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	top:0%;
	left:0%;
	width:100%;
	
	
}

.dropfile h1{
	font-weight: bold;
	color:white;
}

.logotext{
	font-size:1em;
	color:darkorange;

}

 .btn2{
	color:orange;
	 
}
.nav-link{
	text-decoration: none;
	color:white;
	margin-left: 50px;
	
}




.main1{
	border:2px solid #1F69C1 ;
	padding: 50px 10px 50px 10px;
	background-color:rgba(0,0,0,0.5);
	
}

.main1 h1{
	font-family: 'Slabo 27px', serif;
}

.main2{
	border:2px solid #1F69C1;
	padding: 50px 10px 50px 10px;
	background-color:rgba(0,0,0,0.5);
}
.main2 h1{
	font-family: 'Slabo 27px', serif;
}

.main3{
	border:2px solid #1F69C1;
	padding: 50px 10px 50px 10px;
	background-color:rgba(0,0,0,0.5);	
}
.main3 h1{
	font-family: 'Slabo 27px', serif;
}
.main2{
	margin:0 50px 0 50px;
}

.mainsub1{
	margin-top:10px;
	padding: 20px;
	color:white;
	
}
.mainsub2{
	margin-top:10px;
	margin-left:50px;
	padding: 20px;
	color:white;
}
.mainsub3{
	margin-top:10px;
	margin-left:50px;
	padding: 20px;
	color:white;
}
.ctext{
background-color:rgba(0,0,0,0.4);
}

.mainsub4{
	margin-top:10px;
	padding: 20px;
	text-transform:uppercase;
	color:white;
	
}

.mainsub4:hover,
.mainsub5:hover,
.mainsub6:hover,
.main_icons:hover
{
	color: white;
	transform:scale(1.2);
	
	
}




.mainsub5{
	margin-top:10px;
	
	padding: 20px;
	color:white;
	text-transform:uppercase;
}
.mainsub6{
	margin-top:10px;
	
	padding: 20px;
	color:white;
	text-transform:uppercase;
}


.main_icons{
	font-size:5em;
	color:white;
	padding:20px;
	
}

.icon_content{
	margin-top:50px;
	letter-spacing:3px;
	color:white;
	
}


.icon_content p{
	font-size:1.5em;
}

.bw{
	position:absolute;
	top:280px;
	left:800px;
}

footer ul li{
	list-style: none;
}


.ftr{
	border-bottom:5px solid lightblue;
	
}

.ftr h1 ,.jbr h1{
	font-family: 'Slabo 27px', serif;
}


.soc{
	color:white;
	font-size: 2em;
	background-color:rgba(0,0,0,0.4)  ;
	padding:10px;
}

.soc:hover{
	color: white ;
}
.soc1{
	color:white;
	font-size: 2em;
	padding:10px;
}

.soc1:hover{
	color:rgb(6, 2, 228) ;
	transform:scale(1.2);
}
.soc2{
	color:white;
	font-size: 2em;
	padding:10px;
}

.soc2:hover{
	color:rgb(50, 124, 221);
	transform:scale(1.2);
}
.soc3{
	color:white;
	font-size: 2em;
	padding:10px;
}

.soc3:hover{
	color:rgba(0, 205, 241, 0.692) ;
	transform:scale(1.2);
}

.soc4{
	color:white;
	font-size: 2em;
	padding:10px;
	cursor: pointer;
}

.soc4:hover{
	color:rgb(190, 76, 76) ;
	transform:scale(1.2);
}
.soc5{
	color:white;
	font-size: 2em;
	padding:10px;
}

.soc5:hover{
	color:rgb(0, 187, 56) ;
	transform:scale(1.2);
}

.fixed_soc{
	position:fixed;
	top:300px;
	left:0%;
	z-index: 10000;
}

.fixed_soc .fb:hover{
	transform: scale(1.4);
	background:rgba(26,26,26,0.5);
	margin-left: 10px;
}



.lu{
	position:fixed;
	right:10px;
	top:300px;
	z-index: 10000;
	
}
.lu1{
	font-size:3em;
	cursor: pointer;
}
.lu1:hover{
	
	transform:scale(1.2);
}
.lu2{
	position:fixed;
	right:10px;
	bottom:10px;
	
		
	
}

.lu2:hover{
	background:rgba(26,26,26,0.5);
	padding:5px;
	border-radius: 30px;
	bottom:20px;
}
.lu2 a:hover{
	color:white;
}
.lu3{
	font-size:2em;
	cursor: pointer;
}


.collapsible {
  background-color: #777;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
}

.active, .collapsible:hover {
  background-color: #555;
}

.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
}

#box1{
	position:absolute;
	z-index:1000;
	width:241px;
	
}
#box2{
	position:absolute;
	z-index:1000;
	width:241px;
}
#box3{
	position:absolute;
	z-index:1000;
	width:241px;
}

.main1 .btnabr{
	text-decoration: none;
	cursor:pointer;
	
}
.main2 .btnabr{
	text-decoration: none;
	cursor:pointer;
	
}
.main3 .btnabr{
	text-decoration: none;
	cursor:pointer;
	
	
}

.btn_contact{
	margin-top:10px;
}
.btn_contact1{
	margin-top:40px;
}
.parallax {
  /* The image used */
  background-image:url("../images/background_images/bg1.jpg") ;

  /* Set a specific height */
  min-height: 500px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.toggle_text{
color:black;
background:white;
}	

.mainsection{
margin-top:-30px;
}
.under_crsl{
	background-color:rgb(190, 187, 187);
	padding-top:50px;
}




/* PLANS */

.main_table{
	margin-top:20px;
	color:black !important;
	

}



table{
	background-color:rgba(2, 19, 53, 0.192);
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	
	

}

tr{
	color:white;
}

.plans{
	background-color:black;
}
.icon_back{
	position:fixed;
	bottom:0;
	left:0;
	font-size:2em;
	cursor:pointer;
}
.span_border{
	border-bottom: 2px solid white;
	width:50px;
	height:10px;
	display: inline-block;
	
}
.under_password{
	font-size:15px;
	letter-spacing: 0.5px;
}
.contact_body{
	background-image: url("../images/background_images/bg1.jpg");
	
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
	
	color:white;

}
.contact_us{
	background-color:rgba(0,0,0,0.6);
	padding-top:80px;
	margin-bottom: 50px;
}

.about_us_head_image img{
	width:100%;	



}
.about_us_header{
	position:absolute;
	top:50%;
	left:25%;
	width:50%;
	background-color:rgba(0,0,0,0.5);
	color:white;
		

}

/* try free*/


.free_trail{
	background-image: url(../images/bs.jpg);
	background-position:fixed;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	color:white;
}
.left_side{
	background-color:rgba(0,0,0,0.8);
	padding:10px;
	color:white;
	margin-left:40px;
	margin-top:50px;
}

.form1 form{
	background-color:rgba(0,0,0,0.6);
	padding:10px;
	color:white;
}








#fullpage {
	display: none;
}