@charset "utf-8";
/* CSS Document */
.main-content { color:#000;}
 .step1 {
   margin: 0 48px;
    border: none;
    display: inline-block;
    opacity: 0.5;
    color: #dc6403;
    font-size: 24px;
    cursor:pointer;
}
.step1.active {
    opacity: 1;
}
.step1.finish {
    opacity: 1;
}
.step_icon {   text-align: center;
    font-size: 60px;
    padding: 5px;
}

body, article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
	font-family: 'Open Sans', sans-serif;
	color: #000;
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
	margin: 0px;
	padding: 0px;
}
body { background-color:#fff;}

a {
	color: #e31f29;
	cursor:pointer;
	outline: 0; border:0;
	-webkit-transition: all .25s ease-in;
	-moz-transition: all .25s ease-in;
	-ms-transition: all .25s ease-in;
	-o-transition: all .25s ease-in;
	transition: all .25s ease-in;
}
a:hover {
	text-decoration: none;
	color: #007bff;
	outline:0;
}

a:focus, a:hover, a:active {
	text-decoration: none;
	outline:0;
}

::-webkit-input-placeholder { /* Chrome */
  color: #999;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #999;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #999;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #999;
}

p:blank {
 display: none;
}

p:empty {
 display: none;
}


h1{ font-family: 'Open Sans', sans-serif; font-size:42px; line-height:42px; color:#000; font-weight:500; margin:0 0 15px 0;}
h2{ font-family: 'Open Sans', sans-serif; font-size:36px; line-height:36px; color:#000; font-weight:500; margin:0 0 15px 0;}
h3{ font-family: 'Open Sans', sans-serif; font-size:30px; line-height:30px; color:#000; font-weight:500; margin:0 0 15px 0;}
h4{ font-family: 'Open Sans', sans-serif; font-size:24px; line-height:24px; color:#000; font-weight:500; margin:0 0 15px 0;}
h5{ font-family: 'Open Sans', sans-serif; font-size:20px; line-height:24px; color:#000; font-weight:500; margin:0 0 15px 0;}

ul{
	list-style: none;
}
ul li { padding:4px 0; margin:0px;}
/*ul li::before { content:"\f111"; font-family:'FontAwesome'; padding:0 7px 0 0; color:#ffb502; font-size:9px; margin-left:-16px; float:left;}*/
/*ul li a {color: #333;}
ul li a:hover {color: #ed0c14;}*/

/*
ul li ul { list-style:disc; padding:0 0 10px 25px;}
ul li li { background-image:none; background-position:inherit; padding:2px 0;}
*/

ol, ul {
    margin-bottom: 10px;
    margin-top: 0; padding:0 0 0 16px;
}
ol li { padding:4px 0; margin:0px; background-image:none;}

.inline li { display:inline-block; width:50%; float:left;}
.cl5 { color:#555;}


/**@-webkit-keyframes zoom {
from {
-webkit-transform: scale(1, 1);
}
to {
	-webkit-transform: scale(1.2, 1.2);
}
}
@keyframes zoom {
from {
transform: scale(1);
}
to {
	transform: scale(1.2, 1.2);
}
}
.fullwidthbanner-container img {
	-webkit-animation: zoom 8s;
	animation: zoom 8s;
}
*/


/***** Common ***************/
/*.container{ width:100%; max-width:1170px; padding:0px;}*/
.container{ width:77%; max-width:1170px; padding:0px;}

.ccr_main_section { width:100%; padding:10px 0; margin:0px;}


/**** Top Header **********************/
.top_header {
	background-color:#000; padding:0px;	
}


/**** Main Header **********************/
.main_header {
	background-color:#fff; padding:0px; border-bottom:solid 1px #ccc;
}
#addpaper ul li i{
	color: #1e8a01;
	margin-right: 5px;
}

/**** About Us **********************/
.about_us {	
	background-color:#fff;
}
	

/**** Footer **********************/
.footer {
	background-color:#fff; border-top:solid 1px #ccc; padding:20px 0 0 0;
}


/**** Scroll Arow up ***************/
.darkHeader { 
	position:fixed;
	top:0;
	z-index:99;
	transition: 0.8s;
	-webkit-transition: 0.8s;
}

.back-to-top {
    position: fixed;
	bottom: 20px;
	right: 20px;
	width: 54px;
	height: 54px;
	display: block;
	text-decoration: none;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	display: none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	z-index:9999;
	font-size:21px;
	padding:11px 0;
}



@media screen and (max-width:800px) {
	.container{
		padding: 0px 15px;
	}
.welcome h1{
		
	margin: 0 0 15px 15px;
}
.w-50{
	width:100%!important;
}

}
@media screen and (max-width:480px) {
	.welcome h3{		
		margin: 0 0 15px 15px;
		font-size: 25px;
	}

	.welcome .btn-success{
		width: 100%;
	}
	.welcome .btn-danger{
		width: 100%;
	}
	.welcome .btn-primary{
		width: 100%;
	}
	.welcome .btn {
		margin: 10px 0px;
	}
	.welcome h1{
		
		margin: 0 0 15px 15px;
	}
	.welcome .btn-info{
		margin-left: 15px;
	}




}