





body{
	margin:0px;
	padding:0px;
}

div,h1,h2,h3,h4,h5,h6,p,img,a,ul,li{
	margin:0px ;
	padding:0px;
}


/*font-family: 'Roboto';
font-family: 'Philosopher', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Quantico', sans-serif;
font-family: 'Raleway', sans-serif;
font-family: 'Open Sans', sans-serif;*/

/*needed*/
a{
	text-decoration:none !important;
	-webkit-transition:300ms;
	-moz-transition:300ms;
	-ms-transition:300ms;
	-o-transition:300ms;
	transition:300ms;
}
a:hover{
	text-decoration:none !important;
}

ul{
	list-style-type:none;
}
.clear{
	clear:both;
}
/*needed*/


	/********* start of help-banner ******/
	
.help-banner{
	 margin:0px 0px 0px 0px;
	 padding:0px 0px 200px 0px;
	 background:url(../images/helping-bg.png) center center no-repeat;
	 width:100%;
	 background-size:cover;
	 overflow:hidden;
}
.help-banner-row{
	margin:0px 0px 0px 0px;
	 padding:0px 0px 0px 0px;
}


		/********* start of diff-banner-text *********/
		
.help-banner-text{
	margin:134px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	width:100%;	
}
.help-banner-text h2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: 'Montserrat', sans-serif;
	font-weight:bold;
	color:#fff;
	text-align:center;
	font-size:50px;
}
.help-banner-text p{
	margin:25px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: 'Montserrat', sans-serif;
	font-weight:300;
	color:#fff;
	text-align:center;
	font-size:25px;
}




	/********* start of help ******/
	
.help{
	 margin:0px 0px 0px 0px;
	 padding:118px 0px 80px 0px;
	 background:#fff url(../images/about-bg.png) center center no-repeat;
	 width:100%;
	 overflow:hidden;
}
.help-row{
	 margin:0px 0px 0px 0px;
	 padding:0px 0px 0px 0px;
	 overflow: hidden;
}
.help1{
	margin:44px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:600px;
	float:left;
}
.help1 h3{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: 'Montserrat', sans-serif;
	font-weight:bold;
	color:#232122;
	font-size:35px;
	text-transform:uppercase;
}
.help1 h3 span{
	color:#e2ec0a;
}
img.scratch{
	margin:20px 0px 30px 0px;
	display:block;
}

.focused{
	margin:0px 0px 0px 0px;
	padding:0px 0px 28px 0px;
	overflow:hidden;
}
.focused p{
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 37px;
	font-family: 'Montserrat', sans-serif;
	font-weight:normal;
	color:#464646;
	font-size:18px;
	background:url(../images/tick.png) left 5px no-repeat;
}



.funtion{
	margin:0px 0px 0px 0px;
	padding:33px 0px 0px 0px;
	overflow:hidden;
	border-top:1px solid #e6e6e6;
}
.help1 h5{
	margin:0px 0px 35px 0px;
	padding:0px 0px 0px 0px;
	font-family: 'Montserrat', sans-serif;
	font-weight:normal;
	color:#3591e6;
	font-size:18px;
	text-transform:uppercase;
	font-style:italic;
}
.help1 ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.help1 ul li{
	margin:0px 0px 28px 0px;
	padding:0px 0px 0px 37px;
	font-family: 'Montserrat', sans-serif;
	font-weight:normal;
	color:#464646;
	font-size:18px;
	background:url(../images/tick.png) left 5px no-repeat; 
}
.help1 ul li.last{
	margin:0px 0px 0px 0px;
}






.help2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:508px;
	float:right;
}

.brand{
	margin:60px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
}


			/********** start responsive **********/
			


img.helping{
	display:none;
}
.help2 {
    display:block;
}



@media (max-width :1199px) and (min-device-width :992px){

	/**** different *****/
	
.help1 {
    width: 476px;
}
.help2 {
    width: 458px;
}

}

@media (max-width :991px) and (min-device-width :768px){
	
	/****** different *******/
	
.help1 {
    margin: 24px 0px 0px 0px;
    width: 394px;
}
.help1 h3 {
    font-size: 29px;
}
.help1 ul li {
    margin: 0px 0px 12px 0px;
}
.help1 ul li {
    margin: 0px 0px 12px 0px;
    font-size: 15px;
}

.help2 {
    width: 309px;
}


	
}



@media (max-width :767px) and (min-device-width :280px){
	
	/******* diff-banner *******/

.help-banner {
     padding: 0px 0px 170px 0px;
}
.help-banner-text {
    margin:50px 0px 0px 0px;
}
.help-banner-text h2 {
    font-size: 34px;
}
.help-banner-text p {
    margin: 9px 0px 0px 0px;
    font-size: 18px;
}



	/******* different *******/
	
.help {
    padding: 28px 0px 20px 0px;
}
.help1 {
    width:100%;
	float:none;
}


img.helping {
    margin:0px 0px 30px 0px;
    width:100%;
	display:block;
}
.help2 {
    display:none;
}

.brand {
    margin:20px 0px 0px 0px;
}
.brand img{
    margin:20px auto 20px auto;
}

}