@charset "utf-8";
.btn-1 {
	margin-top: 1rem;
	display: inline-block;
	padding: 1rem 2.8rem;
	padding-right: 3rem;
	background: #20288f;
	color: #fff;
	cursor: pointer;
	font-size: 1.7rem;
	text-decoration: none;
  }
  
  .btn-1:hover {
	-webkit-transform: scale(1.1);
			transform: scale(1.1);
  }
.header .main-navbar {
	padding: 2rem 10%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	/* background: #fff; */
	border-bottom: 1px solid rgba(0,0,0,0.2);
   
	position: relative;
	z-index: 1000;
  }
  
  .header .main-navbar.active {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	border-bottom: none;
	-webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
			box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  }
  
  .header .main-navbar .logo {
	font-size: 2.5rem;
	text-transform: capitalize;
	color: #444;
	font-weight: bolder;
  }
  
  .header .main-navbar .logo i {
	color: #FDC800;
  }
  
  .header .main-navbar .links a {
	margin-left: 2rem;
	font-size: 2rem;
	text-transform: capitalize;
	color: #444;
  }
  
  .header .main-navbar .links a:hover {
	text-decoration: underline;
	color: #2597f4;
  }
  header.header-active{
	background:#444;
  }
  
  
  .header #menu-btn {
	font-size: 3rem;
	cursor: pointer;
	color: #334;
	display: none;
  }
/* CSS Document */
footer ul.icon{ width:100%; float:left;}

footer ul.icon li{margin:0 11px; padding:0; list-style:none; display:inline-block;}

footer ul.icon li a{margin:0; padding:0; outline:none; text-decoration:none; cursor:pointer; color: #20a6fd; font-size: 3rem;}

footer .quick-links{margin:0; padding-bottom: 2rem;; float:left; width:100%;}

footer .quick-links h1{margin:0; padding:0; font-size:20px; color:#fff; font-weight:400;}

footer .quick-links hr{margin-top:20px; margin-bottom:20px; border:none; height:2px;
	 width:100%; -webkit-box-sizing:content-box; -moz-box-sizing:content-box;
	  box-sizing:content-box; background:#fff;
}

footer .quick-links ul{margin:0; padding:0; width:50%; float:left;}

footer .quick-links ul li{margin:0; padding:0; list-style:none; display:block;}

footer .quick-links ul li a{margin:0; padding:0; font-size:14px; color:#ddd; font-weight:400; outline:none; text-decoration:none; cursor:pointer;}

footer .quick-links ul li:hover a{color:#ddd;}

footer .quick-links ul li a .fa-angle-right{font-size:18px; color:#a4aab7; margin:0 10px 0 0;}

footer .company{margin:0; padding-bottom: 2rem; float:left; width:100%;}

footer .company h1{margin:0; padding:0; font-size:20px; color:#fff; font-weight:400;}

footer .company hr{margin-top:20px; margin-bottom:20px; border:none; height:2px; width:100%;
	 -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;
	  background:#fff;
}

footer .company p{margin:0; padding:0; font-size:14px; color:#a4aab7; font-weight:400; line-height:26px;}

.copyright{background:#252525; padding:14px 0px; float:left; width:100%;}

.copyright .granames{text-align:right; margin-top:-24px; margin-right:14px;}

.copyright .copytexts{text-align:center; font-size:13px; color:#fff; font-weight:400;}


.header img{margin:auto}

.margin-vertical-10{height:10px;width:100%}

.margin-vertical-20{height:20px;width:100%}

.margin-vertical-30{height:30px;width:100%}

.margin-vertical-40{height:40px;width:100%}

.margin-vertical-50{height:50px;width:100%}

.margin-vertical-60{height:60px;width:100%}

.margin-vertical-70{height:70px;width:100%}

.margin-vertical-80{height:80px;width:100%}

.margin-vertical-90{height:90px;width:100%}

.margin-vertical-100{height:100px;width:100%}



@media (min-width: 1200px) {

    /* .container{

        max-width: 777px;

    } */

}



.price {

	font-family: Impact;

	font-size: 24px;

	color: #2C3667;

}

.bodytext {

	font-family: Tahoma;

	font-size: 11px;

	color: #000033;

}

.red-text {

	font-family: Tahoma;

	font-size: 18px;

	color: #990000;

}

.bodytext-14 {

	font-family: Tahoma;

	font-size: 14px;

	color: #006699;

}

.bodytext-orange {

	font-family: Tahoma;

	font-size: 14px;

	color: #FF6600;

}

.border {

	border: 1px dotted #003366;

}

.price-red {

	font-family: Impact;

	font-size: 28px;

	color: #990000;

}
.newsletter{
	
	padding: 4rem 1rem;
    text-align: center;
    /* min-height: 50vh; */
    width: 500px;
    margin: auto;
    /* border: 1px solid rgba(0,0,0,0.2); */
    margin-top: 2rem;
    box-shadow: 0 5px 9px rgb(0 0 0 / 20%);
	border-radius: 1rem;
}


  
  
  .newsletter h1{
	color:#444;
	font-size: 4rem;
  }
  
  .newsletter p{
	color:#777;
	font-size: 1.4rem;
	padding:1rem 0;
  }
  
  .newsletter form{
	
	max-width: 60rem;
	margin:0 auto;
	padding:0 1rem;
   
	/* display: flex;
	align-items: center;
	justify-content: space-between; */
	border-radius: 5rem;
	
  }
  
  .newsletter form input[type="email"]{
	background: #f4f4f4;
    height: 100%;
    width: 80%;
    padding:  2rem;
    outline: none;
    border: none;
    margin-bottom: 1rem;
    /* border-radius: 5rem; */
    font-size: 1.4rem;
    color: #444;

  }
  .newsletter form input[type="text"]{
	background: #f4f4f4;
    height: 100%;
    width: 80%;
    padding:  2rem;
    outline: none;
    border: none;
    margin-bottom: 1rem;
    /* border-radius: 5rem; */
    font-size: 1.4rem;
    color: #444;


  }
  
@media (max-width: 768px){
	
	.header #menu-btn {
	  display: inline-block;
	}
	.header #menu-btn.fa-times {
	  -webkit-transform: rotate(180deg);
			  transform: rotate(180deg);
	}

	.header .main-navbar .links {
	  position: absolute;
	  top: 99%;
	  left: 0;
	  right: 0;
	  background: #fff;
	  border-top: 0.2rem solid #334;
	  border-bottom: 0.2rem solid #334;
	  -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
			  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
	}
	.header .main-navbar .links.active {
	  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
			  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
	.header .main-navbar .links a {
	  display: block;
	  margin: 2.5rem 2rem;
	  font-size: 2.5rem;
	}
	.newsletter{
		width:90%;
	}
}