/*
Theme Name: United Way 211 V2
Author: Elegant Seagulls 
Author URI: http://elegantseagulls.com
Version: 0.9
*/


 
/*****************************************************************************************************************************************************/

/**** GENERAL STYLES ***/

@font-face {font-family: 'BentonSans'; src: url('assets/fonts/bentonsans/BentonSans/BentonSans-Regular.otf');}
@font-face {font-family: 'BentonSans-Light'; src: url('assets/fonts/bentonsans/BentonSans-Light/BentonSans-Light.otf');}

html {	position: relative; min-height: 100%; }

body {height: 100%;padding: 0px;margin: 0px;font-family: 'BentonSans',sans-serif;color: #666666; }

p{ color:#000000; font-size: 14px; line-height: 24px; padding-bottom:10px;  text-rendering:optimizeLegibility;}

a{ color:#125790; transition: all 0.3s ease;}

a:hover{ color:#eab955;}

h1{ color:#125790; font-size: 32px; text-align:center; padding-bottom:18px;background:url(assets/img/underline.png) no-repeat center bottom; min-width:281px;z-index:50; margin: 55px 0px 45px 0px;}

h1.page-title{background: none;}

h1.post-title{margin: 0px 0px 25px 0px;background: none;}

h2{ font-family: 'BentonSans-Light';  color:#125790; font-size: 28px; text-align:center; padding-bottom:10px; border:none; margin:0;}

h2,h3 a{color:#125790; text-decoration:none !important; border:none;}

h2.widgettitle{color:#7e94ad; font-size: 16px; text-align:left; padding:0; margin:25px 0px 5px 0px; border:none;}

h3{font-family: 'BentonSans-Light';   color:#125790; font-size: 24px; text-align:left; padding-bottom:15px; border:none; margin:0;}

h4{line-height:22px;}

h5 {  font-family: "bentonsans-medium", "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica, sans-serif;
  font-size: 18px; }

ul{ color:#000000; font-size: 14px; line-height: 24px;	padding:0 0 10px 0;list-style-position: outside !important; margin-left:20px;}

ul.menu{ margin-left:0px;}

ul li a {color:#125790; text-decoration: none;}

ul li a:hover {color:#eab955;text-decoration: none; }


ol{ color:#000000; font-size: 14px; line-height: 24px;	padding:0 0 10px 0;list-style-position: outside !important; margin-left:20px;}

ol.menu{ margin-left:0px;}

ol li a {color:#125790; text-decoration: none;}

ol li a:hover {color:#eab955;text-decoration: none; }




.clear{clear:both;}

.left{text-align: left; float:left;}

.right{text-align: right; float:right;}

.line{width:100%;background:#d9e5ef;height:1px;margin:32px 0px;clear:both;}

.container{width:960px;margin:0px auto;padding:20px 0px;text-align: left;}

.container.blog{text-align: left;}



blockquote{padding: 15px 40px;margin:35px 0px;border-top:1px solid #eab955;border-bottom:1px solid #eab955;}

blockquote p{color:#125790;font-size: 18px;line-height:30px;font-family: 'BentonSans',sans-serif;font-weight: 100; font-style: italic;}

blockquote p:before, blockquote p:after{color:#7e94ad;font-size: 32px; content: '"';}

a img { border: none; }

.main {min-height:500px;}

.aligncenter{ text-align:center; margin:auto;}




/*****************************************************************************************************************************************************/

/**** FORM STYLES ***/

.btn-primary{ border: 1px solid #3782cd; padding:10px 20px; border-radius: 5px; color:white; font-weight: 500; font-size:14px;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#71aae5), to(#629ad4));background: -webkit-linear-gradient(top, #629ad4, #71aae5);background: -moz-linear-gradient(top, #629ad4, #71aae5);background: -ms-linear-gradient(top, #629ad4, #71aae5);background: -o-linear-gradient(top, #629ad4, #71aae5);}

.btn-primary:hover { background:#71aae5;color:white; }

.btn-primary:active { background:#71aae5;-moz-box-shadow:    inset 0 0 10px #629ad4;-webkit-box-shadow: inset 0 0 10px #629ad4;box-shadow:         inset 0 0 10px #629ad4;}


.btn-secondary{ transition: all 0.3s ease;border: 1px solid #e7a21b; padding:10px 20px; border-radius: 5px; color:white; font-weight: 500; font-size:14px;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fdc456), to(#feb62a));background: -webkit-linear-gradient(top, #feb62a, #fdc456);background: -moz-linear-gradient(top, #feb62a, #fdc456);background: -ms-linear-gradient(top, #feb62a, #fdc456);background: -o-linear-gradient(top, #feb62a, #fdc456);}

.btn-secondary:hover { color:white; background:#feb62a;}

.btn-secondary:active { background:#feb62a; -moz-box-shadow:    inset 0 0 10px #fdc456; -webkit-box-shadow: inset 0 0 10px #fdc456;box-shadow:  inset 0 0 10px #fdc456;}




/*CONTACT FORM 7 */

.wpcf7-form {text-align: center;}

.wpcf7 input[type='submit'], button { border: 1px solid #d9e5ef; padding:10px 20px; border-radius: 5px; color:#7e94ad; font-weight: 500; font-size:14px;background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f0f6fa), to(#ffffff));background: -webkit-linear-gradient(top, #ffffff, #f0f6fa);background: -moz-linear-gradient(top, #ffffff, #f0f6fa);background: -ms-linear-gradient(top, #ffffff, #f0f6fa);background: -o-linear-gradient(top, #ffffff, #f0f6fa);}

.wpcf7 input[type='submit']:hover, button:hover { border: 1px solid #b9ccd8; padding:10px 20px; border-radius: 5px; color:#7e94ad; font-weight: 500; font-size:14px;background:white;}

.wpcf7 input[type='submit']:active, button:active { border: 1px solid #b9ccd8; padding:10px 20px; border-radius: 5px; color:#7e94ad; font-weight: 500; font-size:14px;background:white; -moz-box-shadow:    inset 0 0 10px #e3eaf0;-webkit-box-shadow: inset 0 0 10px #e3eaf0;box-shadow:         inset 0 0 10px #e3eaf0;}


.wpcf7 input[type='text'],.wpcf7 input[type='email']{ width:70%;border: 1px solid #d3e1ec; padding:10px 20px; margin:10px auto;border-radius: 5px; color:#7e94ad; font-weight: 500; font-size:14px;background:white; }

.wpcf7 textarea{ width:70%;border: 1px solid #d3e1ec; padding:10px 20px; margin:10px auto; border-radius: 5px; color:#7e94ad; font-weight: 500; font-size:14px;background:white; min-height:200px;}

.wpcf7 select{ text-align:left; border: 1px solid #d3e1ec; height:36px;padding:10px 40px 10px 20px; margin:10px 0px;border-radius: 5px; color:#7e94ad; font-weight: 500; font-size:14px; -webkit-appearance: none; -moz-appearance: none;text-indent: 1px;text-overflow: '';background:white; background: url(assets/img/icon-down.png) no-repeat 90% 60%; overflow:hidden;}


input:focus, textarea:focus{border: 1px solid #629ad4;}


#map{height:550px;width:100%;float:left;display:block;}




/*****************************************************************************************************************************************************/
/**** COLUMN STRUCTURE ***/

.twocol{
	text-align: left;
	 -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 80px; /* Chrome, Safari, Opera */
    -moz-column-gap: 80px; /* Firefox */
    column-gap: 80px;
}

.twocol img, .threecol img{max-width:100%;height:auto;}

.threecol{
	text-align: left;
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
}

.subnav{display:block;float:left;width: 30%;padding:0px 10% 0px 0px;}

.subnav.right{display:block;float:right;width: 30%;padding:0px 0px 0px 10%;}

.subnav ul{margin:0px 0px 50px 0px;padding:0;list-style-type: none;border-top:1px solid #e9f1f7;}

.subnav ul li{text-align: left;margin:0;padding:22px 0px 18px 25px;border-bottom:1px solid #e9f1f7;background:url(assets/img/icon-list.png) no-repeat center left; }

.subnav ul li a{color:#125790;text-decoration: none;transition: all 0.3s ease;}

.subnav ul li a:hover{color:#7e94ad;}

.twothird{display:block;float:left;width: 60%;text-align: left;}

.search-threecol {display:block;float:left;width: 29%; padding:2%; text-align: center; border-right:1px solid #e9f1f7 ;}

.search-threecol:last-child {border:none;}

.search-threecol h2{margin:25px 0px;}

.search-threecol p{height:75px;}

.search-threecol button{margin-bottom:25px;}



/*****************************************************************************************************************************************************/
/**** SEARCH STYLES ***/

.searchform{margin-bottom:100px;}

#sideSearch {transition: all 0.3s ease;text-align: left;}

#sideSearch input{float:left;border:1px solid #e9f1f7;box-shadow: none;width:200px;font-size: 16px;padding: 10px;border-radius: 5px 0px 0px 5px; vertical-align:middle;}

input:focus, textarea:focus{ transition: all 0.3s ease;outline-color: #7e94ad;}

button:focus {outline:none;}

#sideSearch #searchsubmit{float:left;background: #eab955 url(assets/img/icon-search.png) no-repeat center center;height:40px;width:50px;border-radius: 0px 5px 5px 0px;border:1px solid #e7a21b;vertical-align:middle;}

#search{transition: all 0.3s ease;float:right;position:relative;display:none;}

#search input[type="text"]{float:left;display:block;width:520px;border-radius:5px;padding:12px;border: 1px solid #0a4475;-moz-box-shadow: inset 0 2px 2px #ccc;-webkit-box-shadow: inset 0 2px 2px #ccc;box-shadow:inset 0 2px 2px #ccc;font-size:14px;}

#search img{float:left;display:block;padding: 15px 0px 0px 15px;}

.page-content #sideSearch {text-align: center;}

.page-content #sideSearch input {float:none;}

.page-content #sideSearch #searchsubmit {float:none;}




/*****************************************************************************************************************************************************/
/**** HEADER STYLES ***/


header{background:#125790;height:80px;width:100%;}

header img{transition: all 0.3s ease;float:left;}

header img:hover{opacity:0.5;}

.hero{position:relative;width:100%;max-height: 250px;overflow:hidden;border-bottom: 5px solid #fdb945!important;z-index:0;color:white; /*margin-bottom:65px;*/}

.internal-hero{position:relative;width:100%;max-height: 250px;overflow:hidden;border-bottom: 5px solid #fdb945 !important;z-index:0;color:white; margin:65px 0px;}
.banner{position:absolute;width:100%;top:10px; text-align: center;vertical-align: middle;}
.banner p,.banner h2 {color:white;text-align: center;padding:10px 150px}
.banner h1{color:white;text-align: center;}
.hero img, .internal-hero img{width:100%; height:auto;}




nav ul{transition: all 0.3s ease;background:#125790;float:right;display:block;margin:0;padding:16px 0px 0px 0px;font-size: 14px;}

nav ul li{display:inline-block;list-style-type: none;padding:0px 10px;}

nav ul li a{transition: all 0.3s ease;text-decoration: none;padding:8px 0px; color:#f3f9ff;opacity:1;}

nav ul:hover > li a {color:#f3f9ff;opacity:0.7;}

nav ul:hover > li a:hover {color:#f3f9ff;opacity:1;}

nav #search-btn{display:block;float:right;padding:20px 0px 0px 10px;}

#menu-btn {display:none;position: relative;float:right;width: 40px;   }

#menu-btn span {display: block;height: 3px;background: #fff;margin: 7px 0px;}

   
         nav ul.sub-menu {
            position:absolute;
            text-align:left;
            padding:20px 0px 0px 0px;
           	margin:0;
            width:150px;
            background:#125790;
            display:none;
            z-index:300; 
            margin-left:-15px;
         }
          nav ul.sub-menu > li  {
            text-align:left;
            vertical-align:top;
            display:block;
            font-weight:normal;
            font-size:13px;
            padding:10px 10px 10px 15px;
            border-top:1px solid rgba(255,255,255,0.3);

           }
             nav ul.sub-menu > li a  {
                padding:15px 0px;
             }

             nav ul.sub-menu > li:hover {
                background-color:#1875C2;
             }
              
           nav ul > li:hover ul.sub-menu {
                display:block;
           }
           


ul#crumbs {transition: all 0.3s ease;float:left;display:block;margin:0;padding:16px 0px 0px 0px;font-size: 12px; margin-bottom:95px;}

ul#crumbs li{display:inline-block;list-style-type: none;padding:0;margin:0;}

ul#crumbs li a{transition: all 0.3s ease;text-decoration: none;padding-right:10px;}

ul#crumbs li + li:before{content: '|'; padding-right:10px;}

.post ul#crumbs {margin-bottom:25px;}

.post.hero {margin-bottom:0px;}

header #search #searchsubmit {position:absolute; right:50px; height:40px; width:40px; border:none; background: url(assets/img/icon-search-blue.png) no-repeat center right;}

header #search input[type="submit"]:focus {outline:none;}






/*****************************************************************************************************************************************************/
/**** FOOTER STYLES ***/



/*footer{position:absolute; left:0; bottom:0; background:#125790;width:100%;color:#f3f9ff;font-size:10px;line-height: 18px;padding:30px 0px;}*/

footer {
  width: 100%;
  display: block;
  position: relative;
  float: left;
  background: #125790;
  min-height: 250px;
  height: auto;
  padding: 50px 0px; }
  footer a {
    color: white; }
    footer a:hover {
      opacity: 0.5; }


footer p{font-family: 'BentonSans-Light';text-align:left; color:#f3f9ff;font-size:12px; font-weight:lighter;}

footer ul{float:left;display:block;margin-bottom:32px;padding:0px;font-size: 14px;}

footer ul li{width:150px;display:inline-block;list-style-type: none;}

footer ul li a{transition: all 0.3s ease;text-decoration: none;letter-spacing:0.5px; color:#f3f9ff;padding:5px 0px;opacity:1;}

footer ul:hover > li a {color:#f3f9ff;opacity:0.7;}

footer ul:hover > li a:hover{color:#f3f9ff;opacity:1;}

footer img{transition: all 0.3s ease;padding:10px 12px 0px 12px;float:right;}

footer .line{opacity: 0.3;margin-top:190px;}


       footer ul.sub-menu {
       	display:block;
        position:absolute;
        float:left;
        text-align:left;
        padding:5px 0px 0px 0px;
       	margin:0;
        z-index:300; 
     }
      footer ul.sub-menu > li  {
        text-align:left;
        vertical-align:top;
        display:block;
        font-weight:normal;
        font-size:12px;
        
       }
     footer ul.sub-menu > li a  {
        padding:15px 0px;
        color:#f3f9ff;opacity:0.7;
     }




/*****************************************************************************************************************************************************/


/**** GALLERY STYLES ***/


.gallery-item{
	height:250px;
	width:46% !important;
	margin:2% !important;
	max-width:480px;
	overflow:hidden;
	position:relative;
	-webkit-box-shadow: -1px 2px 18px -2px rgba(0,0,0,0.28);
	-moz-box-shadow: -1px 2px 18px -2px rgba(0,0,0,0.28);
	box-shadow: -1px 2px 18px -2px rgba(0,0,0,0.28);

}
.gallery-columns-2 .gallery-item{
	width:46% !important;
	margin:2% !important;
}

.gallery-columns-3 .gallery-item{
	width:29% !important;
	margin:2% !important;
}

.gallery-columns-4 .gallery-item{
	width:21% !important;
	margin:2% !important;
}

.gallery-columns-5 .gallery-item{
	width:18% !important;
	margin:1% !important;
}


.gallery img{border:none !important; min-height:250px; min-width:480px; overflow:hidden;}
.gallery-caption {
	color:white;
	width:100%;
	padding:20px 0px;
	text-align: center;
	position: absolute;
	bottom:0px;
	transition: 0.3s all ease;

	background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(18,87,144,0.35) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,0)), color-stop(100%,rgba(18,87,144,0.35))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(18,87,144,0.35) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(18,87,144,0.35) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(18,87,144,0.35) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(18,87,144,0.35) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#59125790',GradientType=0 ); /* IE6-9 */

}

.gallery-caption a{
	color:white;
	text-decoration: none;

}

.gallery-caption:hover {
	text-shadow: 0px 2px 3px rgba(30, 87, 153, 0.8);
	padding:100px 0px 50px 0px;
	background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(23,87,148,0.35) 60%, rgba(18,87,144,0.35) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,0)), color-stop(60%,rgba(23,87,148,0.35)), color-stop(100%,rgba(18,87,144,0.35))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(23,87,148,0.35) 60%,rgba(18,87,144,0.35) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(23,87,148,0.35) 60%,rgba(18,87,144,0.35) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(23,87,148,0.35) 60%,rgba(18,87,144,0.35) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(23,87,148,0.35) 60%,rgba(18,87,144,0.35) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#59125790',GradientType=0 ); /* IE6-9 */
		

}


/*****************************************************************************************************************************************************/
/**** ANIMATION STYLES ***/



.stretchLeft{
	animation-name: stretchLeft;
	-webkit-animation-name: stretchLeft;	

	animation-duration: 0.5s;	
	-webkit-animation-duration: 0.5s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 100% 0%;
	-ms-transform-origin: 100% 0%;
	-webkit-transform-origin: 100% 0%; 
}

@keyframes stretchLeft {
	0% {transform: scaleX(0.3);}
	
	60% {transform: scaleX(0.98);}

	100% {transform: scaleX(1.01);}
											
}

@-webkit-keyframes stretchLeft {
	0% {transform: scaleX(0.3);}
	
	60% {transform: scaleX(0.98);}

	100% {transform: scaleX(1.01);}

}




/*****************************************************************************************************************************************************/
/**** RESPONSIVE STYLES ***/


@media (max-width: 1350px) {

.hero{position:relative;width:100%;max-height: 340px;overflow:hidden;border-bottom: 5px solid #eab955;z-index:0;color:white;}

	.internal-hero{position:relative;width:100%;max-height: 340px;overflow:hidden;border-bottom: 5px solid #eab955;z-index:0;color:white; margin:65px 0px;}

	.banner{position:absolute;width:100%;top:10px; text-align: center;}

	.banner p,.banner h2 {color:white;text-align: center;padding:10px 150px}

	.banner h1{color:white; font-size: 42px; text-align: center;}

	.hero img, .internal-hero img{width:auto;min-height:350px;}


}


@media (max-width: 1024px) {

	.container{width:780px;margin:0px auto;padding:20px 0px;}
	
	footer ul li{width:110px;}

}


@media (max-width: 960px) {

	.container{width:700px;margin:0px auto;padding:20px 0px;}

	footer ul{font-size: 12px;}
	
	

	footer ul.sub-menu > li  { font-size: 10px; }

	.twocol{
		text-align: left;
		 -webkit-column-count: 1; /* Chrome, Safari, Opera */
	    -moz-column-count: 1; /* Firefox */
	    column-count: 1;
	    -webkit-column-gap: 0px; /* Chrome, Safari, Opera */
	    -moz-column-gap: 0px; /* Firefox */
	    column-gap: 0px;
	}


	.threecol{
		text-align: left;
	     -webkit-column-count: 1; /* Chrome, Safari, Opera */
	    -moz-column-count: 1; /* Firefox */
	    column-count: 1;
	    -webkit-column-gap: 0px; /* Chrome, Safari, Opera */
	    -moz-column-gap: 0px; /* Firefox */
	    column-gap: 0px;
	}

	.search-threecol {display:block;float:left;width: 96%; padding:2%; text-align: center; border-right:none;border-bottom:1px solid #e9f1f7 ;}

	.subnav, .subnav.right {width: 100%;padding:0;}

	.twothird{display:block;float:left;width: 100%;text-align: left;}

	#search input[type="text"]{width:340px;}

	



	#map{height:500px;width:100%;float:right;display:block;}


}


@media (max-width: 768px) {

	.container{width:85%;margin:0px auto;padding-top:20px;}
	
	nav.shownav ul.menu{width:100%;display:block;position: absolute; transition: all 0.3s ease; top:65px; left:0px; z-index:200; }

	nav #search-btn{display:none;}

	header img{padding-left:20px;}

	#menu-btn{display:block;padding-right:50px;padding-top:10px;}

	nav ul{display:none;}

	nav ul li{width:100%;text-align: center;padding:13px 0px;border-top: 1px solid rgba(255,255,255,0.2);}

	.banner p,.banner h2 {padding:10px;}


	  nav ul.sub-menu {display:none;}
      nav ul.sub-menu > li  {display:none;}
      nav ul > li:hover ul.sub-menu { display:none;}


	.gallery-columns-2 .gallery-item,
	.gallery-columns-3 .gallery-item,
	.gallery-columns-4 .gallery-item,
	.gallery-columns-5 .gallery-item,
	.gallery-item {width:100% !important;margin:2% auto !important;}

	footer ul.sub-menu { display: none;}
	footer ul li{width:100%;}
}

@media (max-width: 550px) {


}

@media (max-width: 400px) {

	.container{width:90%;margin:0px auto;padding:20px 0px;}

	footer a img{display:none;}
	

}


li.gfield input[type=radio] {margin-left:5px !important; }

svg {min-width: 50px; height: 50px;}

/*****************************************************************************************************************************************************/

/**** CATEGORY STYLES ***/

.CategoryHead {font-family: 'BentonSans-Light';  color:#ef9e01; font-size: 24px;  font-weight: bold; text-align:left;  border:none; margin:0;}


 /*****************************************************************************************************************************************************/

/**** CONTENT BLOCK STYLES ***/

 
  .infoblock {

padding:16px;background-color: #e1e7ff; 
  }

.infoblock2 {

padding:16px;background-color:#fcb23d;line-height:1.4;
  }



.block {
        padding:16px;background-color:#fcb23d; width: 100%; height: 100%;}
   

/*****************************************************************************************************************************************************/


/**************Showcase Style Starts*****************/



.tilecontainer{
	margin:50px auto;
	width:1000px;
}

.showcase {
	list-style: none;
	padding: 0 0 40px 40px;
	height: 244px;
}
.showcase li {
	float: left;
	width: 285px;
	height: 244px;
	overflow: hidden;
	margin: 0 13px 0 0;
}
.showcase a {
	display: block;
	width: 285px;
	height: 244px;
	overflow: hidden;
	position: relative;
	text-decoration: none;
}
.showcase a img {
	width: 285px;
	height: 213px;
	margin: 0 auto;
	position: absolute;
	left: -104px;
	top: -40px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.showcase a:hover img {
	width: 285px;
	height: 213px;
	left: 0;
	top: -10px;
}
.showcase a p {
	background: #59A214;
	color: #fff;
	font-size: 11px;
	padding: 12px 20px;
	position:absolute;
	bottom:-100px;
	line-height: 20px;
	display: block;
	width: 245px;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.showcase a:hover p {
	bottom: 0;
	background: #3C840B;
}
.showcase a h3 {
	font-size: 13px;
	text-transform: uppercase;
	color: #fff;
	background: #59A214;
	width: 165px;
	padding: 8px 10px;
	position: absolute;
	left:0px;
	bottom:10px;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.showcase a:hover h3 {
	bottom:94px;
	background: #3C840B;
}
.showcase a h3 i {
	width: 23px;
	height: 26px;
	position: absolute;
	right: -34px;
	top: 0;
	background: #59A214;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	font-size:18px;
	font-weight:normal;
	text-align:center;
	padding:6px 0 0 0;
}
.showcase .thumb2 a p, .showcase .thumb2 a h3 {
	background: #F68B28;
}
.showcase .thumb2 a:hover p, .showcase .thumb2 a:hover h3 {
	background: #F16B17;
}
.showcase .thumb2 a h3 i {
	background: #F68B28;
}
.showcase .thumb2 a:hover h3 i {
	background: #F16B17;
}
.showcase .thumb3 a p, .showcase .thumb3 a h3 {
	background: #0065BB;
}
.showcase .thumb3 a:hover p, .showcase .thumb3 a:hover h3 {
	background: #0046A2;
}
.showcase .thumb3 a h3 i {
	background: #0065BB;
}
.showcase .thumb3 a:hover h3 i {
	background: #0046A2;
}
/*****************************************************************************************************************************************************/

/**************Accordian Style Starts*****************/



/*  Basic stucture
=====================*/
#accordion{margin:100px auto;width:400px;}
#accordion ul{list-style:none;margin:0;padding:0;}
.accordion{display:none;}
.accordion:target{display:block;}
#accordion ul li a{text-decoration:none;display:block;padding:10px;}
.accordion{padding:4px;}





/*  Colors 
====================*/
#accordion ul{
/*box-shadow*/
-webkit-box-shadow:0 4px 10px #BDBDBD;
   -moz-box-shadow:0 4px 10px #BDBDBD;
        box-shadow:0 4px 10px #BDBDBD;
/*border-radius*/
-webkit-border-radius:5px;
   -moz-border-radius:5px;
        border-radius:5px;
}
#accordion ul li a{
background:#fff;
border-bottom:1px solid #E0E0E0;
color:#000000;
}
.accordion{
background:#fdfdfd;
color:#999;
}
.accordion:target{
border-top:3px solid #FFCDCD;
}

/*****************************************************************************************************************************************************/		

.one_half{
overflow:hidden;
}	

.hero{
background-repeat:no-repeat !important;
}