@font-face {
	font-family: 'Lato-Regular';
	src: url('../font/Lato-Regular.otf');
	src: url('../font/Lato-Regular.eot');
	src: url('../font/Lato-Regular.eot?#iefix') format('embedded-opentype'),
		 url('../font/Lato-Regular.woff') format('woff'),
		 url('../font/Lato-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	text-transform: initial;
}
@font-face {
	font-family: 'Lato-Light';
	src: url('../font/Lato-Light.otf');
	src: url('../font/Lato-Light.eot');
	src: url('../font/Lato-Light.eot?#iefix') format('embedded-opentype'),
		 url('../font/Lato-Light.woff') format('woff'),
		 url('../font/Lato-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	text-transform: initial;
}
@font-face {
	font-family: 'Lato-Medium';
	src: url('../font/Lato-Medium.otf');
	src: url('../font/Lato-Medium.eot');
	src: url('../font/Lato-Medium.eot?#iefix') format('embedded-opentype'),
		 url('../font/Lato-Medium.woff') format('woff'),
		 url('../font/Lato-Medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	text-transform: initial;
}
@font-face {
	font-family: 'Lato-Semibold';
	src: url('../font/Lato-Semibold.otf');
	src: url('../font/Lato-Semibold.eot');
	src: url('../font/Lato-Semibold.eot?#iefix') format('embedded-opentype'),
		 url('../font/Lato-Semibold.woff') format('woff'),
		 url('../font/Lato-Semibold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	text-transform: initial;
}
html, body{
	height: 100%;
}
* {
  -webkit-box-sizing: border-box; /* Android = 2.3, iOS = 4 */
     -moz-box-sizing: border-box; /* Firefox = 28 */
          box-sizing: border-box; /* Chrome, Firefox 29+, IE 8+, Opera, Safari 5.1 */
}
a:focus{
	outline:none !important;
}
body{
	padding:0;
	margin:0;
	overflow-x: hidden;
	font-family: 'Lato-Regular' !important;
	height:100%;
	position:relative;
	background:#282828 !important;
}
.page-wrap{
	float:left;
	width:100%;
}
.header{
	float:left;
	width:100%;
	background:url(../images/banner.png) no-repeat;
	padding:30px 0 0 0;
	background-size:cover;
	text-align:center;
}
.banner-box{
	float:left;
	width:100%;
}
.banner-center{
	width:600px;
	margin:0 auto;
}
.banner-main{
	float:left;
	width:100%;
	background:#000000;
	border:10px solid #696969;
	padding:30px 50px;
	margin-top:30px;
}
.separator{
	float:left;
	width:100%;
	height:2px;
	background:#282828;
	margin:20px 0;
}
.banner-main h2 {
    color: #fff;
    margin: 0;
        margin-bottom: 0px;
    font-size: 70px;
    font-weight: bold;
    margin-bottom: 15px;
}
.banner-main p {
    color: #fff;
    margin: 0;
    font-size: 28px;
}
.ribbon{
	float:left;
	width:100%;
	background:#000;
	padding:30px 0;
	display:none;
}
.ribbon h3{
	color:#898989;
	font-size:30px;
	font-family: 'Lato-Light';
	text-transform:uppercase;
	margin-top:0;
}
.ribbon p{
	color:#898989;
	font-size:16px;
	font-family: 'Lato-Light';
	margin-bottom:0;
}
.ribbon-pink{
	float:left;
	width:100%;
	background:#f3005a;
}
.ribbon-pink p{
	color:#000;
	margin-bottom:3px;
	font-weight:bold;
	font-size:14px;
	font-family: 'Lato-Medium';
}
.ribbon-text{
	float:right;
	padding:17px 0 0 0;
}
.num-text{
	float:left;
	width:100%;
	color:#fff;
	background:#000;
}
.num-text p{
	color:#fff;
	font-size:24px;
	text-align:center;
	padding:32px 0;
	font-family: 'Lato-Light';
}
.logopink-left {
    padding-top:0;
    padding-left: 15px;
}
.main-text{
	float:left;
	width:100%;
	background:#f8f8f8;
	padding:0 30px 30px 30px;
}
.inner-text{
	float:left;
	width:100%;
}
.inner-text h2{
	float:left;
	width:100%;
	color:#f3005a;
	font-size:26px;
	text-transform:capitalize;
	border-bottom:3px solid #000;
	padding-bottom:15px;
}
.inner-text h3 {
    float: left;
    width: 100%;
    color: #f3005a;
    font-size: 17px;
    text-transform: capitalize;
    padding-bottom: 15px;
    margin-top: 15px;
}
.inner-text p{
	font-size:15px;
	margin-top:10px;
	padding-right:40px;
}
.list-1{
	float:left;
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
}
.list-1 li{
	float:left;
	width:50%;
	margin-bottom:10px;
	background:url(../images/arrow.png) no-repeat;
	background-position:top left;
	padding-left:25px;
	font-style:italic;
}
.process-bx{
	float:left;
	width:100%;
}
.col-50{
	float:left;
	width:50%;
}
.process-text{
	float:left;
	width:100%;
}
.process-item{
	float:left;
	width:100%;
	margin-top:50px;
}
.right-text-col{
	position:relative;
	margin:0 0 0 4%;
	float:left;
	background:#f3f3f3;
	margin-bottom:10px;
}
.left-pink-col{
	float:left;
	width:18%;
	background:#f3005a;
	text-align:center;
	padding-top:10px;
	min-height:280px;
}
.left-pink-col h4{
	color:#fff;
	font-size:16px;
}
.list-process{
	padding:10px 0 0 82px;
	margin:0;
	list-style:none;
}
.list-process h4{
	font-size:16px;
	color:#f3005a;
	margin-top:0;
	text-transform:capitalize;
}
.list-process li{
	float:left;
	width:100%;
	margin-bottom:7px;
	font-size:14px;
	background:url(../images/process-list-circle.png) no-repeat;
	background-position:top 6px left;
	padding-left:15px;
	
}
.row-1{
	float:left;
	width:100%;
}
.m-left-150{
	margin-left:150px;
}
.m-b-0{
	margin-bottom:0;
}
.list-2{
	float:left;
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
}
.list-2 li{
	float:left;
	width:100%;
	margin-bottom:10px;
	background:url(../images/arrow.png) no-repeat;
	background-position:top left;
	padding-left:25px;
	font-style:italic;
}
.inner-text h1 {
    font-size: 20px;
    color: #333;
    margin: 15px 0 30px 0;
    float: left;
    width: 100%;
}
.heading{
	float:left;
	width:100%;
	color:#f3005a;
	font-size:24px !important;
	padding-bottom:15px;
}
.activities-list{
	float:left;
	width:100%;
	border-left:4px solid #f3005a;
	background:#f3f3f3;
	padding:10px;
	margin-bottom:15px;
}
.activities-list p{
	margin:0;
}
.activities-list p span{
    color:#f3005a;
}
.report-table{
	float:left;
	width:100%;
	margin-top:20px;
}
.report-table-container{
	width:500px;
	margin:0 auto;
}
.report td {
    border-top: none !important;
    border-bottom: 5px solid;
}
th {
    background: #f3005a !important;
    border: none !important;
    color: #fff;
	text-transform:uppercase;
}
.report tr{
	margin-bottom:10px !important;
}
.bg-dark{
	background:#555555;
	color:#fff !important;
}
.bg-light{
	background:#686868;
	color:#fff !important;
}
.bg {
    background: #d5d5d5 !important;
    text-align: center;
    border-left: 4px solid #f3f3f3 !important;
	padding:10px 8px !important;
}
.bg2{
	color:#f3005a;
	font-size:24px;
	font-weight:bold;
	padding-bottom:0 !important;
	padding:15px 8px 0 8px !important;
}
.table{
	margin-bottom:0 !important;
}
.bg2 span{
	color:#333 !important;
}
.order-btn{
	float:left;
	width:100%;
	background:#f3005a;
	color:#fff;
	margin-top:20px;
	text-align:center;
	padding:5px 0;
	font-size:14px;
	border:2px solid #f3005a;
   -webkit-transition: background-color 0.6s ease-out;
   -moz-transition: background-color 0.6s ease-out;
   -o-transition: background-color 0.6s ease-out;
    transition: background-color 0.6s ease-out;		
}
.order-btn:hover{
	color:#f3005a !important;
	background:#fff;
	border:2px solid #f3005a;
	text-decoration:none;
}
.back-btn{
    	float:left;
	width:100%;
	background:#f3005a;
	color:#fff;
	margin-top:40px;
	text-align:center;
	padding:5px 0;
	font-size:14px;
	border:2px solid #f3005a;
   -webkit-transition: background-color 0.6s ease-out;
   -moz-transition: background-color 0.6s ease-out;
   -o-transition: background-color 0.6s ease-out;
    transition: background-color 0.6s ease-out;
    
}
.back-btn:hover{
    color:#f3005a !important;
	background:#fff;
	border:2px solid #f3005a;
	text-decoration:none;
}
.alert-danger {
    font-size: 20px !important;
}
.b-r-0{
	padding-right:0 !important;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{
	vertical-align:center !important;
}
.main{
	float:left;
	width:100%;
	background:#fff;
	padding:20px 0;
}
.option-bx{
	float:left;
	width:100%;
	background:#f4f4f4;
	border:1px solid #ccc;
	padding:0 20px 20px 20px;
	margin-top:25px;
}
.option-bx h3{
	margin-bottom:40px;
}
.rd-bx{
	float:left;
	width:100%;
	margin-bottom:35px !important;
	border-bottom:1px dashed #f3005a;
	padding-bottom:20px;
}
.colr-text{
	color:#f3005a;
	font-size:22px;
	line-height: 14px;
	padding:0 5px;
}
label{
	font-family: 'Lato-Medium' !important;
}
.footer{
	float:left;
	width:100%;
	background:#333;
	padding:15px 0;
	text-align:center;
}
.footer p{
	color:#fff;
	margin:0;
}
.seo-title{
    color:#f3005a;
    font-size:24px;
}
@media only screen and (max-width:700px) {
.banner-center{
	width:98%;
	padding:0 1%;
}
.ribbon{
	margin-top:10px;
}
.ribbon-text {
    float: left;
    padding: 8px 0 14px 21px;
}
.list-1 li{
	width:100%;
}
.col-50{
	width:100%;
}
.right-text-col{
	margin:0 0 12px 0;
}
.left-pink-col{
	width:20%;
}
.m-left-150{
	margin-left:0;
}
.inner-text p{
	padding-right:0;	
}
.report-table-container{
	width:100%;
}
.banner-main p{
	font-size:16px;
}
thead {
    float: left;
    width: 100%;
}
tr {
    float: left;
    width: 100%;
}
th {
    float: left;
    width: 20%;
}

td {
    float: left;
    width: 20%;
}
.bg-dark{
    width:50%;
}
.bg-light{
	width:50%;
}
.seo-title{
    font-size:13px;
}
}
@media only screen and (max-width:400px) {
th {
    font-size: 12px;
}
td {
    font-size: 12px;
}
.bg2 span {

}
.order-btn {
    font-size: 13px;
}
.bg2{
	font-size:13px;
}
.main-text {
    padding: 0 8px 30px 8px;
}
}
td{
	font-weight:bold;
}
.bg{
	font-weight:normal;
}
.amount-tag{
	margin-right:20px;
	font-weight:bold;
}
.total-amount{
    font-weight:bold;
    font-size:23px;
}