section {

	padding: 7rem 7%;

  }

  .btn-2 {



	border: 0.1rem solid #d2d2d2;

    display: inline-block;

    /* margin-top: 1rem; */

    padding: 1rem 2rem;

    cursor: pointer;

	background: linear-gradient(45deg, #F864C5, #d93b8a);

    border-radius: 1rem;

    font-size: 1.4rem;

    /* font-weight: 700; */

    text-transform: capitalize;

	color:#fff;

	margin-top:2rem;

  

  }

  

.btn-1 {



	border: 0.1rem solid #d2d2d2;

    display: inline-block;

    /* margin-top: 1rem; */

    padding: 2rem 7rem;

    cursor: pointer;

	background: linear-gradient(45deg, #F864C5, #d93b8a);

    border-radius: 1rem;

    font-size: 2.4rem;

    /* font-weight: 700; */

    text-transform: capitalize;

	color:#fff;

	margin-top:2rem;

  

  }

 

  .btn-1:hover{

	color:#fff;

  }

.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: #000;

   

	position: relative;

	z-index: 1000;

	border-bottom: 1px solid rgba(0,0,0,0.2);

  }

  

  .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: #F864C5;

	font-weight: bolder;

  }

  

  .header .main-navbar .logo i {

	color: #f2bc59;

  }

  

  .header .main-navbar .links a {

	margin-left: 2rem;

	font-size: 2rem;

	text-transform: capitalize;

	color: #F864C5;

  }

  

  .header .main-navbar .links a:hover {

	text-decoration: underline;

	color: #F864C5;

  }

  header.header-active{

	background:#F864C5;

  }

  

  

  .header #menu-btn {

	font-size: 3rem;

	cursor: pointer;

	color: #fff;

	display: none;

  }

  .price{

	/* background: linear-gradient(120deg, rgba(0,43,133,1) 38%, rgba(0,144,228,1) 100%); */

	}

	

	.price.tb-2{

	  background:none;

	  }

	  .price.tb-2 .heading{

		color:#444

	  }

	.price .heading{

	  color:#fff;

	}

	

	.price .box-container{

	  display: flex;

	  align-items: center;

	  justify-content: center;

	  flex-wrap: wrap;

	}

   

	

	.price .box-container .box{

	  /* flex:1 1 20rem; */

	  margin: 1rem;

    text-align: center;

    box-shadow: 0 4px 11px rgb(0 0 0 / 20%);

    padding: 2rem;

    border: 0.1rem solid #e0e0e0;

    height: 400px;

    background: url(../images/card.jpg);

    background-size: cover;

    background-position: center;

	}





	.price .box-container .box img {

	  width: 50%;

	}

	

	.price .box-container .box h3{

	  font-size: 2.4rem;

	  color :#fff;

	  padding: 2rem 0;

	 

	}

	.price.tb-2 .box-container .box h3{

		color: #F864C5;

	}

	.price.tb-2 .box-container .box h4{

	font-size: 1.7rem;

	  border: 1px solid #0A78DF;

	  color: #0A78DF;

	  font-weight: 700;

	  padding: 1rem;

  }

  .price .box-container .box h4{

	font-size: 1.7rem;

	  border: 1px solid #fff;

	  color: #fff;

	  font-weight: 400;

	  padding: 1rem;

  }

  .price  .text{

  background: #f0f8ff40;

	  padding: 1rem 2rem;

	  font-size: 1.7rem;

	  color: #fff;

	  line-height: 2;

	  margin-top: 3rem;

  }

	

	.price .box-container .box .amount{

	  display: flex;

	  justify-content: center;

	  font-size: 6rem;

	  color:#ff9c00;;

	}

   

	.price .box-container .box .amount span{

	  font-size: 2.5rem;

	}

	

	.price .box-container .box p{

	  font-size: 1.5rem;

	  color: var(--light-black);

	  line-height: 2;

	  /* padding: 1rem 0px; */

	}

	.price .box-container .box .list{

	  min-height: 120px;

	}

	.price.tb-2 .box-container .box p {

	  color:#777;

	}



	footer{margin:0; padding:48px 0; width:100%; float:left;background: #000;}



footer .logoandicon{margin:0; padding:0; width:100%; float:left;}



footer .logoandicon a.footer-logo{float:left; height:auto; padding:0 ; font-size:35px; line-height:20px; font-weight:700; color:#fff;}



footer .logoandicon a.footer-logo p{margin:0; font-size: 25px; padding: 0; float:left;}



footer .logoandicon a.footer-logo img{margin:0 10px 0 0; padding:0px; float:left;}





footer .logoandicon a.footer-logo:focus, a.footer-logo:hover{color:#ca5b23; background:none;}

footer ul{

  padding-left: 0;

}



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:#F864C5; 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:#F864C5; 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:#f399d4; 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:#F864C5; 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:#F864C5; font-weight:400; line-height:26px;}



.copyright{background:#111111; 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:#F864C5; font-weight:400;}





@media (min-width: 768px) {

	



	/* .container { max-width: 780px;}  */



}



.container-inner{border-left:1pt solid #000;border-right:1pt solid #000;background:#fff}



.menu{background:#EEEEEE;text-align:right;COLOR:#000080;border-bottom:2pt solid #000;

padding:2rem 7%}

.menu a{

	padding: 0 1rem;



}



.footer{ 

	 background: #555;

	 padding: 2rem;

	}

	.footer a{



		color:#fff !important;

		text-decoration: none;

	}

	@media (max-width: 768px) {

		.header .contact-info {

		  display: none;

		}

		.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;

		}

	}

	/* flex-menu */

	



@import "font-awesome.css";



@import url('http://fonts.googleapis.com/css?family=Source+Sans+Pro');







	.content{margin: 0px;width:100%;position: relative;z-index: 3}



	.flexy-menu{margin: 0px;}



	.flexy-menu{width: 100%;margin:0;padding: 0;position:relative;float:left;font-family: "Source Sans Pro", Segoe UI, Arial;list-style: none;background: #F864C5}



	.flexy-menu li{display:contents;font-size:13px;margin:0;padding:0;float:left;line-height: 20px;position:relative;

		border-bottom: 1px solid rgba(0,0,0,0.2); }





	.flexy-menu > li > a{padding:20px 22px;color:#fff;text-decoration:none;display:block;text-transform:uppercase;-webkit-transition:color 0.2s linear, background 0.2s linear;-moz-transition:color 0.2s linear, background 0.2s linear;-o-transition:color 0.2s linear, background 0.2s linear;transition:color 0.2s linear, background 0.2s linear;}



	.flexy-menu li:hover > a,.flexy-menu li.active a{background: #555;color: #fff;}



	.flexy-menu li.right{float: right;}



	.flexy-menu ul, .flexy-menu ul li ul{list-style: none;margin: 0;padding: 0;display: none;position: absolute;z-index: 99999;width: 132px;background: #036;box-shadow: 0 1px 1px rgba(0,0,0,0.3);}



	.flexy-menu ul{top: 60px;left: 0;}



	.flexy-menu ul li ul{top: 0;left: 100%;}



	.flexy-menu ul li{clear:both;width:100%;border: none;font-size:12px;}



	.flexy-menu ul li a{padding:10px 20px;width:100%;color:#dedede;font-size:13px;text-decoration:none;display:inline-block;float:left;clear:both;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-transition:color 0.2s linear, background 0.2s linear;-moz-transition:color 0.2s linear, background 0.2s linear;-o-transition:color 0.2s linear, background 0.2s linear;transition:color 0.2s linear, background 0.2s linear;}



	.flexy-menu > li .indicator{position: absolute;color: #dedede;top: 20px;right: 8px;font-size: 17px;}



	.flexy-menu ul > li .indicator{top: 10px;right: 8px;}



	.thin > li > a{padding: 10px 22px;}



	.thin ul{top: 40px;}



	.thin > li .indicator{top: 10px;}



	.thick > li > a{padding: 40px 22px;}



	.thick ul{top: 100px;}



	.thick > li .indicator{top: 40px;}



	.flexy-menu i{line-height: 20px !important;margin-right: 6px;font-size: 18px;float: left;}



	.flexy-menu > li.showhide{display: none;width: 100%;height: 50px;cursor: pointer;color:#dedede;border-bottom: solid 1px rgba(0, 0, 0, 0.1);background: #1184c8;z-index:9; position:absolute}



	.flexy-menu > li.showhide span.title{margin: 16px 0 0 25px;float: left; margin-bottom:50px !important;}



	.flexy-menu > li.showhide span.icon{margin: 17px 20px;float: right;}



	.flexy-menu > li.showhide .icon em{margin-bottom: 3px;display: block;width: 20px;height: 2px;background: #fff;}



	.orange li:hover > a, .orange li.active a{background: #F864C5;color: #fff!important;}



	.flexy-menu.vertical{width: 200px;}



	.flexy-menu.vertical li{width: 100%;}



	.flexy-menu.vertical li a{display: inline-block !important;width: 100%;padding:18px 20px 16px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; color:#fff !important; text-decoration:none}



	.flexy-menu.vertical ul li{width: 100%;}



	.flexy-menu.vertical ul, .flexy-menu.vertical ul li ul{width: 150px;}



	.flexy-menu.vertical ul{top: 0;left: 100%;}



	.flexy-menu.vertical ul li ul{top: 0px;}



	.flexy-menu.vertical.right{float: right !important;}



	.flexy-menu.vertical.right ul{left: -150px !important;}



	.flexy-menu.vertical > li .indicator{top: 17px;right: 15px;font-size: 17px;}



	.flexy-menu.vertical ul > li .indicator{top: 18px;right: 15px;}



	@media only screen and (max-width: 768px){



		.flexy-menu.vertical{width: 100%;}



		.flexy-menu li{display: block;width: 100%;}



		.flexy-menu > li > a{padding-top:15px;padding-bottom:15px;padding-left: 25px;}



		.flexy-menu a{width: 100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}



		.flexy-menu ul, .flexy-menu ul li ul,.flexy-menu.vertical ul, .flexy-menu.vertical ul li ul{width: 100%;left: 0;border-left: none;position: static;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}



		.flexy-menu ul li{border-left: none;border-right: none;}



		.flexy-menu ul li a,.flexy-menu.vertical ul li a{padding-top:10px;padding-bottom:10px;}



		.flexy-menu ul > li > a{padding-left: 40px !important;}



		.flexy-menu > li .indicator{top: 15px;right: 25px;font-size: 17px;}



		.flexy-menu ul > li .indicator{right: 24px;}



		.flexy-menu.vertical ul > li .indicator{top: 10px;right: 15px;}



		.flexy-menu > li > ul > li > a{padding-left: 40px !important;}



		.flexy-menu > li > ul > li > ul > li > a{padding-left: 60px !important;}



		.flexy-menu > li > ul > li > ul > li > ul > li > a{padding-left: 80px !important;}



		.top{margin-top:50px;}



	}