/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
img { max-width:100%; height:auto; }
body, html { height:100%; }

.container, .block { height:100%;}
.be-inspireds.block{ height:auto !important;}
.be-inspireds .container{ height:auto !important;}
.green { color:#7ea444; }
.social_media_left_heading1 {
  text-align: center;
}
a.btn { text-align:center; text-transform:uppercase; text-decoration:none; font-size:16px; font-weight:700; color:#fff; line-height:30px; border-radius:10px; border-bottom:4px solid #ccc; background-color:#eee; background-position:right 12px; background-repeat:no-repeat; display:inline-block; padding:10px 55px 5px 45px; }

.btn.blue { background-color:#006986; border-color:#003f51; }
.btn.orange { background-color:#db6c27; border-color:#9f460e; }
.btn.green { background-color:#7ea444; border-color:#578411; }
.btn.white { background-color:#ffffff; border-color:#b4b4b4; color:#b4b4b4; }

.btn.fixed { width:250px; margin-bottom:25px; }

.aligncenter { text-align:center; }

.middle { position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform: translateY(-50%); }

.next { position:absolute; bottom:10px; right:10px; z-index:1001; }
.btn.blue.next { background-image:url("http://inspiremedianetwork.org/wp-content/themes/inspire/images/arrow-blue-down.png"); }

select {padding: 5px !important;}

/* #Page Styles
================================================== */
.block { position:relative; }

.header.block { border-top:15px solid #7ea444; width:100%; height:auto; min-height:0; position:fixed; z-index:1002; }
	ul.main-nav { text-align:center; display:none; background:#7ea444; margin:0; padding:25px 0; border-bottom:3px solid #578411; }
	ul.main-nav li { display:inline-block; margin:0 25px; }
	ul.main-nav li a { font-size:30px; font-weight:300; text-decoration:none; text-transform:uppercase; color:#fff; }
	ul.main-nav li a:hover { color:#578411; }
	
.btn-menu { background:url("../images/btn-menu.png") top center no-repeat; width:121px; height:41px; display:block; position:absolute; top:10px; right:25px; text-indent:-9999px; }
.btn-menu.on { background-image:url("../images/btn-menu-on.png"); }
.home.block { background:url("../images/bg-home.jpg") top center no-repeat; background-size:cover;font-size:20px; line-height:30px;height:100%; }
.inspire.block { background:#000; overflow:hidden; height:auto; min-height:auto; }
.project { float:left; height:800px; width:50%; background-position:bottom left; background-repeat:no-repeat; background-size:cover;  color:#fff; text-align:center; letter-spacing:1px; font-size:20px; position:relative; }
.project .overview { background:rgba(0,0,0,0.8); position:absolute; top:0; left:0; width:100%; height:100%; padding:25px; box-sizing:border-box; display:none; }
.be-inspired.block { }
.content {margin: 3% 2%;float: left;position: relative;text-align: center;width: 46%;}
.iframe2 > iframe {display: block;float: right !important;width: 98%;}
.iframe2 {display: inline-block;width: 50%;}
#section-5 .content {float: none;margin: 60px auto;}
.popup_div_cnt.fix_cnt_show > p {padding: 15px;   line-height: 1.1;}
.wpcf7-form > p {margin: 0;}
.w100.columns.aligncenter {padding:0px;}
.video { position:relative; float:left; color:#fff; }
.video h3 { position:absolute; bottom:10px; left:10px; font-wight:300; color:#fff; }
.video-wrapper { width:100%; overflow-x:auto; }
.video-wrapper .overview { background:rgba(0,0,0,0.8); position:absolute; top:0; left:0; width:100%; height:100%;
 padding:250px 25px 25px; display:none; z-index:1002; box-sizing:border-box; }
.help.block { background:url("../images/bg-help.jpg") top center no-repeat; background-size:cover; color:#fff; font-size:20px; font-weight:300; line-height:30px; text-align:center; }
.page-title {
  background: #1c1c1c none repeat scroll 0 0;
  clear: both;
  color: #fff;
  display: block;
  font-size: 40px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 40px;
  padding: 15px 0;
  text-align: center;
  width: 100%;
}
.page-title span { display:block; font-size:20px; line-height:20px; }

/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('http://inspiremedianetwork.org/wp-content/themes/inspire/fonts/FontName.eot');
	    src: url('http://inspiremedianetwork.org/wp-content/themes/inspire/fonts/FontName.eot?iefix') format('eot'),
	         url('http://inspiremedianetwork.org/wp-content/themes/inspire/fonts/FontName.woff') format('woff'),
	         url('http://inspiremedianetwork.org/wp-content/themes/inspire/fonts/FontName.ttf') format('truetype'),
	         url('http://inspiremedianetwork.org/wp-content/themes/inspire/fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/


.page-id-314 h2 {margin: 10px 0;text-align: center;}
.vol1 {line-height: 1.3;margin-bottom: 20px;}
.page-id-314   ol li { padding-left: 10px;}
.page-id-314  h3 {  font-weight: 600;  margin: 20px 0;}
b {  font-weight: bold;}
.page-id-314  ul {  list-style: outside none disc;  margin-left: 20px;}
.center {  text-align: center; margin-top: 8%;color:#fff;}
.page-id-311 #section-1 .container {display: table;}
.page-id-314 .iframe1 > div, .page-id-311 .iframe1 > div {display: block;float: left;padding: 10px;vertical-align: top;width: 47%;text-align:left;}
/*--.page-id-311 .wpcf7-form > p br , .page-id-314 .wpcf7-form > p br{display:none;}--*/
.page-id-311 .wpcf7-form > p, .page-id-314 .wpcf7-form > p {display: table ;width: 100%;}
.page-id-311 p > span {float: right;}

.wpcf7-form-control-wrap.interest, .wpcf7-form-control-wrap.aboutus{ display: inline-block;    vertical-align: top;float:none;}
#popmake-163 span {float: none;}
.page-id-311 p > span > span >span{display:block;}

 
.wpcf7-form-control.wpcf7-submit {    margin-top: 20px;}


/* new css */
 .vol1 {    line-height: 20px;    margin: 30px 11px 12px 10px;}
.vol2 {    line-height: 20px;    margin: 30px 11px 12px 10px;}
.img{   padding-left:500px;}
#wpcf7-f316-o1 .wpcf7-form-control-wrap {    float: right;    position: relative;}
#section-3.be-inspired.block {display: table;margin: 0 auto;}
.page-id-314 .container {    display: table;}

#section-3.be-inspireds.block {display: table;margin: 0 auto;}
.img{   padding-left:500px;}
#section-3.be-inspired.block {display: table;margin: 0 auto;}
.page-id-2 #section-3.be-inspired.block {
  display: block;
  margin: 0 auto;
  width: 100% !important;
}

@media (min-width: 320px ) and (max-width: 767px) 

{
.home.block {  height: auto;}
.page-id-314 h1 {  font-size: 20px !important;  line-height: 1.2 !important;  padding: 10px !important;}
.button, button, input[type="submit"], input[type="reset"], input[type="button"] {  font-size: 14px;  line-height: 1;  padding: 10px;}
#volunteer .content1 > p {  padding: 8px;}
.page-id-314  .img {  padding-left: 0;}
.page-id-314 .container {  display: table;  width: 100%;}
.page-id-314 .container {  display: table-cell !important;  padding: 0 10px !important;  position: static !important;  width: 100%;}
.page-id-311 .wpcf7-form > p br, .page-id-314 .wpcf7-form > p br {  display: block;}


}

@media(min-width:320px) and (max-width:1000px)
{
.page-id-314 .iframe1 > div, .page-id-311 .iframe1 > div  {display: block;float: left;padding: 10px;vertical-align: top;width: 90%;}		
}


@media only screen and (max-width: 999px) {
	ul.main-nav li { display:block; text-align:center; margin:0 0 25px; }
	.be-inspired.block { text-align:center; height:auto; padding-bottom:75px; }
	.video { float:none; display:inline-block; margin:0 auto; text-align:left; }	
	.video h3 { font-size:20px; line-height:20px; }
}

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

@media only screen and (max-width: 767px) {
.project { float:none; width:100%; }
.video-wrapper iframe { width:100%; max-width:380px !important; height:240px !important;	}
.video img { width:300px; height:auto; }
.content { position:relative; width:80%; margin:25px auto 50px; text-align:center; }
h2 { font-size:32px; line-height:36px; }
.btn-menu { width:75px; height:25px; background-size:contain; right:5px; }
}

@media (min-width: 320px) and (max-width: 767px) 
{
.fix_cnt_show{ width: 90%;margin:0 auto; }
.w100.columns.aligncenter.middle {  left: 0!important;}
.btn.fixed {    width: 60%;    margin-bottom: 10px;}
.next {    bottom: 10px;    right: 46px;}
.iframe2 {    width: 90%;}
.content {    margin: 3% auto!important;    float: none;    width: 90%;}


}

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

.btn.green.fixed.popup_data {cursor: pointer;}
.summer
{
	text-align:center;
}

.inspire-tick-360{text-align:center;} 
.inspire-tick-360 img{padding:0px}
.home.block h1{margin-bottom:0px;}
.iframe1 .content1{padding-top:17px!important;}
@media (min-width: 320px) and (max-width:480px) 
{
.home.block {background-size: 100% 100%;}
.container .w80.columns {top:20px;
}
}