*{ padding:0; margin:0;font-family: 'Open Sans', sans-serif;}
body#page { background: #124511 url(../images/background1.png) repeat; }
header{max-width:100%;text-align:center;}
.headtop  {width:100%;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,ffffff+0,7db9e8+100 */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #1e5799 0%, #ffffff 0%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(0%,#ffffff), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1e5799 0%,#ffffff 0%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1e5799 0%,#ffffff 0%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1e5799 0%,#ffffff 0%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom, #1e5799 0%,#ffffff 0%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */ 

padding-top: 10px; }
.logo { float:left;}
.headertop{
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06);
}
.toptitle { font-size:20px; margin-top:2%;   font-family: 'alexandriaflf';}
.need { text-align:center; color:#124191;}
.welcome { float:left;  margin:0; }
.welcome p { color:#124191; text-align:justify;}
.welcome h1{color:#124191; text-align:center;}
.fm { float:left;}
.video-container {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%;}
.wrapper {	min-height: 100%;height: auto !important;	/* for older versions of IE */    height: 100%;	}
.members h2 { color:#f1b105;   color:#e85163; text-align:center; }
.clients { color:#244165; text-align:center;font-size:24px;    }
.BLENDED{padding-bottom:20px;text-align:center;}
.BLENDED h2 { color:#d25245; text-align:center;padding:5px 0;font-weight:400;  }
.news h2 {color:#f98a07; text-align:center;padding:5px 0; font-weight:400;   }
.password h1{ color:#fff; padding:10px; font-size:18px; background-color:#ff5c00;}
.find.feedback-input1 ,.find.feedback-input2,.find h1{ float:left;}
.find h3{float:left; font-size:13px; color:#000; margin-top:10px;}
.find { padding:0px; background-color:#fff;  border-radius:10px;}
.find a { float:left;}
.find ul{list-style: none; margin-top:10px;  float:right;}
.find ul li {float:left; margin:0px 20px 0 3px;  }
.find ul li a{color: #000;text-decoration: none;text-align: center;display: inline-block; float:left; }
.find ul li.last{border-right:none;} 
.find ul li a.current{color:#000;text-decoration: none;text-align: center;display: block;}
.find ul li a:hover,.find ul li a:focus{text-decoration:  underline;text-align: center;display: block;color:#3498db;}
.video-container {position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden; border-radius:10px; behavior: url(PIE.htc); }
.video-container iframe, .video-container object, .video-container embed {position:absolute;top:0;left:0;width:100%;height:100%; behavior: url(PIE.htc); }
.newstape {color: #fff;overflow: hidden; background:rgba(0,0,0,0.2); border-radius:10px; height:342px; font-size:15px;  behavior: url(PIE.htc);}
.newstape-content { position: relative; padding:0 15px; }
.newstape p { color:#000;}
.newstape-drag { cursor: ns-resize; }
.membertitle { padding:10px 0; text-align:center ; font-size:24px; color:#124191;}
.membertitle p { text-align:left; color:#000; margin-bottom:10px;}
.employee { width:100%;background: rgba(255,255,255,0.2);
	background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 50%, rgba(170,170,170,0.2) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 50%, rgba(170,170,170,0.2) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.2) 50%, rgba(170,170,170,0.2) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.2) 50%, rgba(170,170,170,0.2) 100%);
	background-clip: padding-box;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),
				0 3px 4px rgba(0,0,0,0.2);
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);}
	
	.dir { width:100%;background: rgba(255,255,255,0.2);
	background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 50%, rgba(170,170,170,0.2) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 50%, rgba(170,170,170,0.2) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0.2) 50%, rgba(170,170,170,0.2) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.2) 50%, rgba(170,170,170,0.2) 100%);
	background-clip: padding-box;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),
				0 3px 4px rgba(0,0,0,0.2);
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	margin:15% 0;}
.mleft{ float:left; width:20%;   padding-bottom:10px; text-align:left; font-size:15px; }
.mright { float:right; width:80%;  padding-bottom:10px; }
.mleft h3 { color:#933;}
.mright ul{list-style: none; }
.mright ul li {float:left; margin-right:20px;  font-size:15px; margin-top:5px; }
.mright ul li a{color: #000;text-decoration: none;text-align: center;display: inline-block; float:left; }
.mright ul li a:hover{text-decoration:underline; }
.mright a img { float:left; padding:2px 0px; margin-right:10px; }
.videofeed { padding:10px 0;}
.footer  {width:100%;/*float:left;*//* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+0,ffffff+100 */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #1e5799 0%, #7db9e8 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(0%,#7db9e8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1e5799 0%,#7db9e8 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1e5799 0%,#7db9e8 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1e5799 0%,#7db9e8 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #1e5799 0%,#7db9e8 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
.footer_fixed  {width:100%;/*float:left;*/ position:absolute ; bottom:0; left:0;
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #1e5799 0%, #7db9e8 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(0%,#7db9e8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1e5799 0%,#7db9e8 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1e5799 0%,#7db9e8 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1e5799 0%,#7db9e8 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #1e5799 0%,#7db9e8 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}

.copy{float:left; color:#ffffff; font-size:14px;  padding:0;}
.copy p { color:#000; padding-top:5px;}

.copy p a{ color:#000; padding-top:5px;}
.footersocial { float:right; padding:0px 0;}
.footersocial img { margin-left:10px; padding:8px 0;}
.BLENDED,.news{padding-bottom:0px;text-align:justify; color:#124191;}
.BLENDED1,.BLENDED5{text-align:justify; color:#124191;}
.BLENDED h2 { text-align:center; color:#124191;}
.BLENDED h3 { text-align:center; color:#124191;}
.BLENDED p { font-size:15px; text-align:justify; color:#124191; width:40%; float:left;}
.news img ,.clients img,.membertitle img,.SignIn img{padding:8px 10px;}

.BLENDED img {padding:8px 10px; float:left;}
.BLENDED0 img {padding:8px 10px; float:right; margin-top:-30px; margin-right:100px;}
.BLENDED1 img {padding:8px 10px; float:right; margin-top:-30px; }
.BLENDED2 img {padding:8px 10px; float:left; margin-right:15px;}
.BLENDED3 img {padding:8px 10px;   }
.BLENDED4 img {padding:8px 10px;   }
.BLENDED5 img {padding:8px 10px; margin-left:10px; float:right;  }

.country1{ min-height: 250px; }
.country2 { min-height: 250px; }
.crossword { float:none; margin:0 auto;}
.crossword img { text-align:center; margin:0 auto;}

.country1 img {padding:8px 10px; float:right;}
.country2  img {padding:8px 10px; float:left; margin-right: 20px;}


.bill p { text-align:right;}

.SignIn{position:absolute;z-index:999;right:80px;top:225px;line-height:30px;width:300px;box-shadow:0 0 6px #333;padding:0px;
  text-align:center; color:#fff; font-size:20px;}
.SignIn h3{margin:0px;padding:0px;text-align:center;color:#fff;padding:0px 10px;}
.sign{ background:rgba(255,255,255,0.5); padding:7px 25px;  text-align:left; height:232px;}
.signtop{background:#ff5c00; }
.input-group-addon{background:#60c490;}
.sg{background:#b7e1cb;width:100%;}
.input-group{margin-top:10px;margin-bottom:5px;}
.teacher{position:absolute;z-index:999;right:80px;top:400px;line-height:30px;box-shadow:0 0 6px #333;padding:0px;}
.text p{margin:50px 0px;font-size:17px;}
.head{background-color:#CCC;width:100%;margin:0px;}
.head1{background-color:#efefef;width:100%;margin:0px;}
.form-inline a { color:#fff; font-size:16px;}
.clients{ text-align:center; color:#124191; }
.maindiv2  a{ text-decoration:none;color:#124191; float:right; font-size:14px; padding-top:14px;}
.maindiv2  a:hover{ text-decoration:underline;color:#124191;}
.i-form{ /* width:700px;*/ margin:30px auto; padding:10px 0; }
.i-form-password{margin:30px auto 300px auto; padding:10px 0; }
.reg-form-individual h1 {  background:#ff5c00; color:#ffffff; padding:10px; font-size:18px; text-align:center;   border-radius:5px 5px 0 0; behavior: url(PIE.htc); }
.reg-form-company h1 {  background:#24598e; color:#ffffff; padding:10px; font-size:18px; text-align:center;   border-radius:5px 5px 0 0; behavior: url(PIE.htc);}
.reg-form-ngo h1 {  background:#136131; color:#ffffff; padding:10px; font-size:18px; text-align:center;   border-radius:5px 5px 0 0; behavior: url(PIE.htc);}
.reg-form-individual,.reg-form-company,.reg-form-ngo{width:700px; margin:0 auto;}
.col-cnt a { color:#fff; font-size:20px; padding-bottom:20px; width:100%; float:left; text-decoration:none;}
.col-cnt a:hover { text-decoration:underline; color:#fff;}
.col-cnt p { color:#fff; }
.main section {  font-size: 12px; padding:20px 0; }
.cols section{ padding:100px 0;}
.main .cols .col { width:32%; float: left; display: block; margin-left:1%;background-color:#ff5c00;  border-radius:5px; border:3px solid #fca574; margin-bottom:20px;}
.main .cols .col1{width:32%;float:left;display:block; margin-left:1%; border-radius:5px; border:3px solid #8dc5fc; background-color:#24598e;margin-bottom:20px;}
.main .cols .col2{width:32%;float:left;display:block;  margin-left:1%; background-color:#136131; border-radius:5px; border:3px solid #4efc91;margin-bottom:20px;}
.main .cols .col4 { width:32%; float: left; display: block; margin-left:1%;background-color:#a3449b;  border-radius:5px; border:3px solid #e27cda; margin-bottom:20px;}
.main .cols .col3 { width:32%; float: left; display: block; margin-left:18%;background-color:#663300;  border-radius:5px; border:3px solid #906233; margin-bottom:20px;}

.main .cols .col img,.main .cols .col1 img,.main .cols .col2 img ,.main .cols .col3 img,.main .cols .col4 img{ float: none; display: block; margin: 0 auto; padding:10px 0; }
.main .cols .col + .col { padding-left: 0px; }
.main .cols .col-cnt { text-align: center; float: none; display: block;  width:100%; }
.main .cols .user { width: 48%; float: left; display: block; padding-bottom: 22px; margin-left:1%; background-color:#FFF; border-radius:5px; border:2px solid #00aff0;}
.main .cols .user p {  font-size:16px;}
.main .cols .user img { float: none; display: block; margin: 0 auto; width:100px; padding:10px 0; }
.main .cols .user + .col { padding-left: 0px; }
.main .cols .col-cnt { text-align: center; float: none; display: block;  width:100%; }
.main .cols .userfeilds{ float:left; width:50%; text-align:right;color:#000;}
.main .cols .userinfo { float:right; width:45%; text-align:left; margin-left:5%; color:#000;}
.forpass a{  float:right; color:#000;}
.password h1{
    margin: 0 auto;
    width: 400px; border-radius:5px 5px 0 0;
	text-align:center;
}
.editprofile a { float:left; margin-right:10px;
    color: rgba(255,255,255,1);
    text-decoration: none;
    background-color: #124191;
    font-size: 12px;
    display: block;
    padding: 5px 10px;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
	text-align: center;
}
.pgtitle { float:right; color:blue; font-size:16px; margin-right:10px;  }
.noticeimage img { text-align:center; padding-bottom:20px; margin:0 auto;}
.linktop { margin-top:10px;}
.email_linktop { margin-top:50px;}

.causes h2 { text-align:left;color: #124191;	
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    font-family: 'Open Sans', sans-serif; 
	font-size: 30px;
    font-weight: bold;
    padding: 0;
	border-bottom:1px solid #124191; margin-bottom:30px;}
.editprofile a:hover {color:#fff;text-decoration:underline;}
.profiledash{	 background: rgba(255,255,255,1);
	margin:20px auto;
    padding:0;
	border-radius:20px;
	border:2px solid #ff5c00;
	}
	.logout_profile { background: rgba(255,255,255,1);
	margin:20px auto;
    padding:0;
	border-radius:20px;
	border:2px solid #ff5c00;
	}
	.profiledash h1 { font-size:18px;}
	.asidelinks {color:#ff5c00; text-decoration:none; width:100%; float:left; margin:20px 0; background-color:#FFF;
	 border-radius:20px;border:2px solid #ff5c00;} 
	.asidelinks h2 {  color:#fff; background-color:#ff5c00; text-align:center; font-size:18px;	padding:0;border-radius:17px 17px 0 0;border:2px solid #ff5c00; font-weight:600; }
	.profiledash h2 { color:#fff; background-color:#ff5c00; text-align:center; font-size:18px;	padding:0;border-radius:17px 17px 0 0;border:2px solid #ff5c00; font-weight:600;}  

	.asidelinks p { color:#000; margin:5px; font-size:15px;}
	.profiledash a { color:#124191; text-decoration:none; width:100%; }
	.totalhours img  {float :left; }
	.totalhours { margin:10px; text-align:center;}
	.clock { float:left; margin:2px 5px; }
	.hours { float:left; width:70%}
	.star p { color:#124191;  font-size:12px; line-height:20px; text-align:center; margin-top:20px;}
	.hours p { color:#124191;  font-size:16px; line-height:20px; text-align:left;}
	.profiledash_links { float:left; width:80%; margin:4px 0;}
	.profiledash_links_colon { float:right;  width:20%; margin-bottom:5px;} 
	.profiledash_links_name { float:left; width:30%; margin-bottom:5px;}
	.profiledash_links_name_colon { float:right;  width:70%; color:#124191; font-weight:600; margin-bottom:5px;}  
/*	.colon { float:right; margin-right:120px; width:25%;}*/
	.dashboard { margin:10px 0;}
	.dashboard img { border:5px  inset  #36F; border-radius:5px;   }
   
	.speech { background: rgba(255,255,255,1);margin:0px auto 10px auto;   padding:10px 0;border-radius:20px;border:2px solid #ff5c00; 
	}
	.prize{ background: rgba(255,255,255,1);margin:0px auto 10px auto;   padding:10px 0;border-radius:20px;border:2px solid #ff5c00;
	}
	.share { margin-bottom:20px;}
	.share p { font-size:15px; margin-bottom:10px;}
	
    .share a {color:#fff;border:1px solid rgba(0,0,0,0.3);border-radius: 3px;background:rgba(18,65,145,0.7);
	font-size:11px;text-shadow: 0 1px 0 rgba(0,0,0,0.2); padding:5px 10px; margin-right:10px;}
    .share button {  font-size:11px;color: #fff;   border: 1px solid rgba(0,0,0,0.3);
 	border-radius: 3px;background:rgba(18,65,145,0.7);text-shadow: 0 1px 0 rgba(0,0,0,0.2); padding:5px 10px; margin-right:10px;}
	.share button:hover { text-decoration:underline; color:#fff;}
	.share a:hover { text-decoration:underline; color:#fff;}
	.editprofile { float:right;}
	.heading h3{ text-align:center; color:#fff; font-size:20px; font-weight:500; background-color:#ff5c00; border-radius:20px 20px 0 0; padding:0 5px; font-weight:600; float:left;}
	.pricingmain h5 { text-align:center; color:#ff5c00; font-size:20px; margin-bottom:10px; font-weight:500;}
	.certificate_content {  background: rgba(255,255,255,1);margin:0;padding: 20px 0;border-radius:20px;border:2px solid #ff5c00; margin-bottom:20px; min-height:0px; }
    .client-one{width:20%;float:left;text-align:center;	margin:20px;}
    .client-one img{max-width:100%;}
	
     
#borderimg2 {
	border: 10px solid transparent;
	padding: 15px;
	/* -webkit-border-image: url(../images/border.png) 30 stretch; /* Safari 3.1-5 
	-o-border-image: url(../images/border.png) 30 stretch;Opera 11-12.1 
	border-image: url(../images/border.png) 30 stretch;*/
	text-align: center;
    font-family: 'alexandriaflf';
	height:1400px;
}

#borderimg2 h1 {
    font-family: 'alexandriaflf';
}
.certificateheading h1 {
	text-align:center;
}
.borderimage { 
    font-family: 'alexandriaflf';
	font-size:20px;
	background:url(../images/certificate.png);
	background-repeat: no-repeat;
	background-size:100% 100%;
}

#borderimg3 {
	border: 10px solid transparent;
	padding: 15px;
	/* -webkit-border-image: url(../images/border.png) 30 stretch; /* Safari 3.1-5 
	-o-border-image: url(../images/border.png) 30 stretch;Opera 11-12.1 
	border-image: url(../images/border.png) 30 stretch;*/
	text-align: center;
    font-family: 'alexandriaflf';
	height:1570px;
}
.teamrank { 
    font-family: 'alexandriaflf';
	font-size:20px;
	background:url(../images/teamrank_certificate.png);
	background-repeat: no-repeat;
	background-size:100% 100%;
}
.certi_con {
	margin-top:250px;
    font-family: 'alexandriaflf';
	font-size:28px;
	text-align:center;
}
.borderimage h2 {
	font-size:18px;
	color:#124191;
	font-weight:bolder;
}
		

	 .profileimg img { border-radius:3px; margin:0 10px; float:left;}
	 .certificateimg img { margin-right:5px ; border-radius:3px; } 
	 .vol_certificate  { list-style:circle; margin-left:18px;}
     .vol_certificate  li   { text-decoration:none; margin:7px 10px; color:#124191;}
	 
	 
	 
	 .vol_certificate_price  { list-style-image:url(../images/tick.png); margin-left:18px;}
     .vol_certificate_price  li   { text-decoration:none;  color:#124191;}

     .dot  { margin-left:18px; list-style:disc;}
	 .content h1 { text-align:left; font-size:20px;}
	 
	 .volunteer { text-align: center; color:#124191; font-size:20px; margin-bottom:10px;}
 	 .volunteer_con  { text-align: center; margin-bottom:10px; color:#F00;}
      .hours_form { float:left; margin:10px 20px 0px 0;}
       .hours_form p { text-align:justify; margin:10px auto; font-size:15px; }

	  .hours_form label { margin:0 20px;}
	  .hours_status { float:right; margin:17px 0px 0px 0;}
	  .search {color: #fff;   
	border-radius: 3px;background:rgba(0,0,0,0.5);
	text-shadow: 0 1px 0 rgba(0,0,0,0.2); padding:2px 10px; margin:0 10px;}
	.search button {color: #fff;   
	border-radius: 3px;background:rgba(0,0,0,0.5);
	text-shadow: 0 1px 0 rgba(0,0,0,0.2); padding:2px 10px; margin:0 10px;}
	.grouptext p { color:#000; font-size:15px; margin:10px 0;}
	   
    .experience { text-align:center;background-color: #fff;border-bottom: 4px solid #46A1DE;border-radius:20px;border:2px solid #ff5c00;
	margin:0 0 100px 0;padding:10px 0;}
	.verification_email{ text-align:center;background-color: #fff;border-bottom: 4px solid #46A1DE;border-radius:20px;border:2px solid #ff5c00;
	margin:0 0 30px 0;padding:10px;}
	.download_certificate .img-responsive { margin:10px auto; text-align:center; }
    .socialshare { margin:10px auto; text-align:center; }
	.hours_form input { margin:5px 0;}
    .aboutbox{ float:right; text-align:justify; width:500px;}
	.maps { padding:20px 0;}
	.maps h3 { text-align:center; color:#124191; font-size:20px; margin-bottom:10px; }
@media (min-width:320px) and (max-width:768px) {
.password h1{
    margin: 0 auto;
    width: 96%; border-radius:5px 5px 0 0;
	text-align:center;}

.i-form-password{margin:10px 0; padding:10px 0; }

.submit { float:left; width:100%; font-size:20px;}
.find ul{list-style: none; margin-left:-50px; float:left;}
.find ul li {float:left; margin:0px 0px 0 10px;  }
.welcome h1 { margin:10px 0; }
.SignIn{position:static;z-index:1;top:80px;line-height:30px;width:90%;box-shadow:0 0 6px #333;margin:200px 5% 0 5%;}
.mleft{  width:100%;   padding-bottom:10px; text-align:center; }
.mright {  width:100%;  padding-bottom:10px; }
.mleft h3 { color:#933; }
.mright ul{list-style: none; }
.mright ul li {float:left; margin-right:5%;  }
.mright ul li a{color: #000;text-decoration: none;text-align: center;display: inline-block; float:left; }
.copy{float:left; color:#ffffff; font-size:14px; padding:0px; width:100%; text-align:center;}
.copy p{  padding:0px; text-align:center;}
.footersocial { float:left; padding:0px; width:100%; text-align:center;}
.footersocial img { padding:0; }
.input-group{margin-top:10px;margin-bottom:5px; width:100%;}
.reg-form-individual,.reg-form-company,.reg-form-ngo{width:96%; margin:0 auto;}
.i-form{ /* width:700px;*/ margin:0px auto; padding:10px 0; }
.main { padding: 3% 0 0 0; font-size: 7px; }
.main section {  padding: 0 ; font-size: 12px;}
.main .cols { margin: 0 0 0 0; }
.main .cols .col { width: 100%; float: none; display: block; padding-bottom: 22px; margin:10px auto; }
.main .cols .col1 { width: 100%; float: none; display: block; padding-bottom: 22px; margin:10px auto; }
.main .cols .col2 { width: 100%; float: none; display: block; padding-bottom: 22px; margin:10px auto; }
.main .cols .col3 { width: 100%; float: none; display: block; padding-bottom: 22px; margin:10px auto; }
.main .cols .col4 { width: 100%; float: none; display: block; padding-bottom: 22px; margin:10px auto; }

.main .cols .col img,.main .cols .col1 img,.main .cols .col2 img ,.main .cols .col3 img, .main .cols .col4 img { float: none; display: block; margin: 0 auto; }
.main .cols .col + .col { padding-left: 0px; }
.main .cols .col-cnt { text-align: center; float: none; display: block;  width:100%; }
.main .cols .user { width:100%; float: left; margin-top:10px; display: block; margin-bottom: 10px; margin-left:0; background-color:#FFF; border-radius:5px; border:2px solid #00aff0;}
.certificate_content {  padding: 20px 0;border-radius:20px;border:2px solid #ff5c00; width:96%; margin:0 2% 10px 2%;  }
.noheading  { display:none;}
.heading h3{  font-size:17px; width:100%; text-align:left;}
.pgtitle { margin-right:0px; font-size:14px; float:left; text-align:center; margin-bottom:5px; margin-top:5px;}
.causes h2 { font-size:28px;}
.footer { padding-bottom:5px;}
.footer_fixed { padding-bottom:5px; position:relative;}
.client-one {width:100%; margin:10px 0;}
.client-one img { max-width:100%;}
.hours_form label {  width:20%;}
.hours_form input { margin:5px 10px; width:100%;}
.experience { width:96%; padding:10px 5px; margin:0 auto 10px auto;  }
.verification_email { width:96%; padding:10px 5px; margin:0 auto 10px auto;  }
.speech { width:96%; }
.experience h1 { font-size:26px; padding:5px 0;}
.profiledash_links_name { float:left;  width:47%;}
.profiledash_links_name_colon { float:left; width:53%; color:#124191; font-weight:600;  } 
.share { margin-bottom:10px;}
.share p { font-size:15px; }
.share a { padding:5px; margin-right:0px;font-size:11px; }	
.share button {color: #fff;border: 1px solid rgba(0,0,0,0.3);border-radius: 3px;font-size:11px;background:rgba(18,65,145,0.7);
text-shadow: 0 1px 0 rgba(0,0,0,0.2); padding:5px 10px; margin-right:10px;}
.dashboard .img-responsive,.speech .img-responsive { margin: 10px auto;} 
.profiledash{ margin:20px 0 15px 0;}
.asidelinks { margin:5px 0 10px 0;}
.download_certificate .img-responsive { margin:10px auto; width:96%; }
.search {color: #fff;border-radius: 3px;background:rgba(0,0,0,0.5);text-shadow: 0 1px 0 rgba(0,0,0,0.2);
    padding:2px 10px;margin:2px 10px;width:100%;text-align:center;float:left;
	}
	.search button {color: #fff;   
	border-radius: 3px;background:rgba(0,0,0,0.5);
	text-shadow: 0 1px 0 rgba(0,0,0,0.2); padding:2px 10px; margin:0 10px;}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {

	body#page { background: #111 url(../images/page@2x.png) 0 0 repeat; background-size: 50%; }

}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 768px) and (max-device-width: 1024px) {

	body#page { background-size: 30%; }

}