@charset "UTF-8";
/* CSS Document D4FL */

@import url('https://fonts.googleapis.com/css?family=Open+Sans|Open+Sans+Condensed:300,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Raleway:200,400,700&display=swap');


body,html {
    margin: 0px;
    padding: 0px;
	text-align: center;
	background-color: #007362;
       }

.show_mobile {display:none !important;}
.show_tablet {display:none !important;}
.show_desktop {display:block !important;}
.show_mobile_and_tablet {display:none !important;}
.show_desktop_and_tablet {display:block !important;}
.show_mobile_and_old_desktop {display:none !important;}

@media screen and (min-width:1025px) and (max-width:1400px) {
/* Most common DESKTOP - Transition*/
	.show_mobile {display:none !important;}
	.show_tablet {display:none !important;}
	.show_desktop {display:block !important;}
	.show_mobile_and_tablet {display:none !important;}
	.show_desktop_and_tablet {display:block !important;}
	.show_mobile_and_old_desktop {display:none !important;}
}    

@media screen and (min-width:835px) and (max-width:1024px) {
/* ipad pro - Transition*/
	.show_mobile {display:none !important;}
	.show_tablet {display:block !important;}
	.show_desktop {display:none !important;}
	.show_mobile_and_tablet {display:block !important;}
	.show_desktop_and_tablet {display:block !important;}
	.show_mobile_and_old_desktop {display:none !important;}
}    

@media screen and (min-width:769px) and (max-width:834px) {
/* OLD DESKTOP - Transition*/
	.show_mobile {display:none !important;}
	.show_tablet {display:block !important;}
	.show_desktop {display:none !important;}
	.show_mobile_and_tablet {display:block !important;}
	.show_desktop_and_tablet {display:block !important;}
	.show_mobile_and_old_desktop {display:inline !important;}
}

@media screen and (min-width:601px) and (max-width:768px) {
/*TABLET - Transition*/
	.show_mobile {display:none !important;}
	.show_tablet {display:block !important;}
	.show_desktop {display:none !important;}
	.show_mobile_and_tablet {display:block !important;}
	.show_desktop_and_tablet {display:block !important;}
	.show_mobile_and_old_desktop {display:none !important;}
}

@media screen and (min-width:20px) and (max-width:600px) {
/*PHONE*/
	.show_mobile {display:inline !important;}
	.show_tablet {display:none !important;}
	.show_desktop {display:none !important;}
	.show_mobile_and_tablet {display:block !important;}
	.show_desktop_and_tablet {display:none !important;}
	.show_mobile_and_old_desktop {display:inline !important;}
}


    .hidden {display:none;}
	/*.show_desktop {display:block;}
	.show_mobile {display:none;}*/
	.shadow {-moz-box-shadow: 0px 0px 5px 0px #2d2f30; -webkit-box-shadow: 0px 0px 5px 0px #2d2f30; box-shadow: 0px 0px 5px 0px #2d2f30;}/*014a41*//*06342e*//*014a41*/
	.nowrap {white-space: nowrap;}
	form {margin:0px; padding:0px;}	

	
/* ---------------------------------------------------- BEGIN SPLASH SELECTORS */
    
    .splash_container {position: fixed; top:0px; left:0px; right:0px; bottom:0px; transition: all 0.5s; float: left; text-align: center; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; background-image: linear-gradient(180deg, #007362, #007362, #007362, #007362, #54bdb0) !important;}

/* ---------------------------------------------------- END SPLASH SELECTORS */


/* ---------------------------------------------------- BEGIN ANIMATIONS */

    @keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}
    }
    @-moz-keyframes fadein { /* Firefox */
        from {opacity:0;}
        to {opacity:1;}
    }
    @-webkit-keyframes fadein { /* Safari and Chrome */
        from {opacity:0;}
        to {opacity:1;}
    }
    @-o-keyframes fadein { /* Opera */
        from {opacity:0;}
        to {opacity: 1;}
    }
/* ---------------------------------------------------- END ANIMATIONS */


/* ---------------------------------------------------- BEGIN STRUCTURE SELECTORS */
    
    /* begin header */
    .header_container { background-color: #007362; height: 220px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 100; padding-bottom: 10px;}
    .header_container-alt {background-color: #007362; height: 150px; padding: 0px 0px 10px 0px; box-shadow: 0px 0px 20px #000000; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 100;}
    
    .header { position: relative; width: 74%; /*max-height: 1100px;*/ height: 220px; margin: 0px auto 0px auto; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out;}
    .header-alt { position: relative; width: 74%; height: 150px; padding: 0px 0px 10px 0px; margin: 0px auto 0px auto; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out;}
    
    table#logo_container { float: left; width: 30%; height: 220px; position: relative; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out;}
    div.header-alt table#logo_container {height:150px; width: 25%; position: relative;}

    .header_logo {width:100%; height: auto; position: absolute !important; bottom: 0px; left: 0px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; cursor: pointer;}
    div.header-alt table#logo_container img.header_logo {}
    
    /*begin navigation */
        nav {position: absolute; bottom:0px; right: 0px;}
        .header-alt nav {position: absolute; bottom:10px; right: 0px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out;}
        
        nav li {font-family: 'Open Sans Condensed', sans-serif; font-size: 22px; list-style: none; text-transform:uppercase; color: #ffffff !important; padding: 5px 10px 5px 10px; margin: 0px 0px 0px 10px; /*background-color: #007362;*/ float:left; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out;}
        nav li:hover {cursor:pointer; color: #f79e56 !important;}
        nav li#donate {font-family: 'Open Sans Condensed', sans-serif !important; font-weight: bold; text-transform: uppercase; padding: 5px 10px 5px 10px; background-color: #ff8300; color: #ffffff !important;}
        nav li#donate:hover {background-color: #ffffff; color:#ff8300 !important;}

    @media screen and (min-width:1025px) and (max-width:1400px) {
		/* OLD DESKTOP - Transition*/
        .header_container {height: 160px;}
        .header_container-alt {height: 120px;}
        .header {height: 160px; width:80% !important;}
        .header-alt {height: 120px; width:80% !important;}
        table#logo_container {width: 30%; height: 160px;}
        div.header-alt table#logo_container {width: 27%; height: 120px;}
        .header_logo {}
        div.header-alt table#logo_container img.header_logo {}
        }    

    @media screen and (min-width:601px) and (max-width:1024px) {
		/*TABLET - Transition*/
        .header_container {height: 130px;}
        .header_container-alt {height: 100px;}
        .header {height: 130px; width:94%;}
        .header-alt {height: 100px; width:94%;}
        table#logo_container {width: 34%; height: 130px;}
        div.header-alt table#logo_container {width: 27%; height: 100px !important;}
        .header_logo { }
        
        }

    @media screen and (min-width:20px) and (max-width:600px) {
        /*PHONE*/
        .header_container {height: 25vh;} /*height: 170px;*/
        .header_container-alt {height: 100px;}
        .header {height: 24vh; width:94%;} /*height: 170px;*/
        .header-alt {height: 100px; width:94%;}
        table#logo_container {width: 100%; height: 150px; text-align: center;}
        div.header-alt table#logo_container {width: 100%; height: 100px; position: relative;}
        
        .header_logo {top:10px; width:80%; height: auto; margin:0px 10% 10px 10%;
        /*max-width: 330px; float: none !important; margin: 0px auto 0px auto;*/
        }
        div.header-alt table#logo_container img.header_logo {width:auto; height: 80px; position: absolute; top: auto; left: 0px; bottom: 0px; margin: 0px !important;}
        
        /*begin navigation */
        nav {position: absolute; bottom:0px; right: 10%; left: 10%; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out !important;}
        .header-alt nav {position: absolute; top:0px; bottom:0px; right: 0px; left:auto; width: 30%; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out !important;}
        
        nav li { font-size: 16px; width:auto; margin: 0px 5% 0px 0px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out;}
        .header-alt nav li {float:right; font-size: 16px; margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; text-align: right !important;}
		
        nav li#myBtn {padding:4px 2% 4px 2%; text-align: left; border:1px solid white; }
        nav li#getinvolved {padding: 4px 2% 4px 2%; text-align: left; border:1px solid white;}
        nav li#donate {padding: 4px 3% 4px 3%; margin: 0px 0px 0px 0px; float: right; border:1px solid white;}
        
        .header-alt nav li#myBtn {padding:10px 0px 2px 5%; border:none; width: 90%}
        .header-alt nav li#getinvolved {padding:2px 0px 8px 5%; border:none; width: 90%}
        .header-alt nav li#donate {padding:6px 10% 6px 10% !important; margin-bottom:10px; border:none;}
        
        }
    
    


    /* end header */
    


    /* begin content */
    .content_container {width: 74%; height: auto; position: relative; z-index: 50; margin: 120vh auto 0px auto; padding: 0px 0px 0px 0px; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out;} /*background-image: linear-gradient(180deg, red, white);*/

	.content_container#content, .content_container#content_index {margin: 300px auto 0px auto !important; }


    #container div, #content div, #content_index { margin: 20px 0px 0px 0px; padding:0px; height: auto;}
    .hideme { opacity:0; }
    #container div.first_container, #content div.first_container, #content_index div.first_container {margin: 0px 0px 0px 0px !important; text-align: center; height: 22vh !important; min-height: 0px !important; display: none; }
    #container div.first_container img, #content div.first_container img, #content_index div.first_container img {width: 40px; height: auto; margin: auto;}
    
    div.content_bg { background-color:#ffffff; margin-bottom: 10vh !important; padding:0px 0px 2vh 0px !important; display: block;}

    table.content_box {width: auto; margin: 0px 2% 0px 2% !important; padding:1% !important; display: block; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; opacity:0; filter: alpha(opacity=0);}
    table.content_box_alt, table.content_box_fade_in, div.content_box_fade_in { width: auto; margin: 0px 2% 0px 2% !important; display: block; padding:1% !important; background-color:#fbfaf7; 
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
    }
	.content_container#content table.content_box_alt, .content_container#content table.content_box_fade_in, .content_container#content div.content_box_fade_in { background-color: #ffffff !important;}
	
	.content_container#content_index table.content_box_alt, .content_container#content_index table.content_box_fade_in, .content_container#content_index div.content_box_fade_in { background-color: #fbfaf7 !important;}
	
	.content_container#content_index div.content_box_fade_in#page_title, .content_container#content div.content_box_fade_in#page_title {background-color: #ffffff !important; display: inline-block; width: 94%; margin: 0px; padding: 1% !important;}

	table.content_box_fade_in tbody {width:100% !important;}
		
		table.content_box h1, table.content_box_alt h1, table.content_box_fade_in h1, div.content_box_fade_in h1 {float:left; width: 100% !important; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; margin: 0px 0px 4vh 0px !important; padding: 4vh 0px 4vh 0px !important; font-size: 30px; color: #007362; text-align: left; border-bottom: 1px solid #80b9b1 !important; text-transform: uppercase;}
		
		table.content_box h1 a:link, table.content_box_alt h1 a:link, table.content_box_fade_in h1 a:link, div.content_box_fade_in h1 a:link {text-decoration:none !important; color:#007362 !important;}
		
		table.content_box h1 a:visited, table.content_box_alt h1 a:visited, table.content_box_fade_in h1 a:visited, div.content_box_fade_in h1 a:visited {text-decoration:none !important; color:#007362 !important;}
		
		table.content_box h1 span, table.content_box_alt h1 span, table.content_box_fade_in h1 span, div.content_box_fade_in h1 span {text-decoration:none !important; color:#007362 !important; font-weight:300 !important;}

        table.content_box h2, table.content_box_alt h2, table.content_box_fade_in h2, div.content_box_fade_in h2 {float:left; width: 100%; font-family: 'Open Sans Condensed', sans-serif; font-weight:300; margin: 0px !important; padding: 0px 0px 0px 0px !important; font-size: 30px; color: #007362; text-align: left;}
		
			table.content_box img, table.content_box_alt img, table.content_box_fade_in img {float: right; width:42%; display: inline-block; margin: 3vh 0px 0px 2%;}

			table.content_box img, table.content_box_alt img, table.content_box_fade_in img.left {float: left; width:42%; display: inline-block; margin: 3vh 2% 0px 0px;}

			table.content_box img, table.content_box_alt img, table.content_box_fade_in img.right {float: right; width:42%; display: inline-block; margin: 3vh 0px 0px 2%;}
		

		table.content_box p, table.content_box_alt p, table.content_box_fade_in p {float: left; width: 56%; font-family: 'Raleway', sans-serif; font-size: 16px; line-height: 32px !important; letter-spacing:normal; padding: 0px 0px 0px 0px !important; margin: 2vh 0px 0px 0px; text-align: justify;}
		
		table.content_box p em, table.content_box_alt p em, table.content_box_fade_in p em, .content_intro {font-size: 20px !important; line-height:30px; font-weight: 200; font-style: normal !important;}

		.read_more {font-family: 'Open Sans Condensed', sans-serif; text-align: center; padding: 10px 0px 10px 0px !important; width:55%; border:1px #007362 solid; float:left; margin: 2vh 0px 0px 0px !important; display:inline-block; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; color:#007362; font-weight: bold;}

        .read_more:hover { -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; background-color:#007362; color:#ffffff; font-weight: bold;}

        div.vertical_spacer { margin: 0px 0px 0px 0px !important; padding: 0px 0px 0px 0px; width: 100%; height: 4vh !important; background-color: #ffffff; float: left;/* float: left; border: 1px #80b9b1 solid; height: 5vh !important; */ }

		.anchor_positioning {position: relative;  top: -240px; visibility:hidden;}

    @media screen and (min-width:1025px) and (max-width:1400px) {
		/* Most common DESKTOP - Transition*/
		.content_container {width:80%; padding: 0px 0px 0px 0px; margin: 120vh auto 0px auto !important;}
		.content_container#content, .content_container#content_index {margin: 240px auto 0px auto !important; }
		.read_more {}
		div.vertical_spacer {height: 5vh !important;}
		
        }    
    @media screen and (min-width:835px) and (max-width:1024px) {
            /* ipad pro - Transition*/
		.content_container {width:94%; padding: 0px 0px 0px 0px !important; margin: 0px auto 0px auto !important;}
        .content_container#content, .content_container#content_index {margin: 180px auto 500px auto !important; }
		
		#container div.first_container, #content div.first_container, #content_index div.first_container {height: 20vh !important; display: block;}
		#container div.first_container img, #content div.first_container img, #content_index div.first_container img {width: 40px; height: auto; margin: 5vh auto 0px auto !important;}
		
		table.content_box h1, table.content_box_alt h1, table.content_box_fade_in h1, div.content_box_fade_in h1 {margin: 0px 0px 1vh 0px !important; padding: 2vh 0px 2vh 0px !important;}
		
		div.vertical_spacer {height: 5vh !important;}
        }    
    @media screen and (min-width:601px) and (max-width:834px) {
		/*TABLET AND OLD DESTOP - Transition*/
        .content_container {width:94%; padding: 0px 0px 0px 0px; margin: 0px auto 0px auto !important;}
		.content_container#content, .content_container#content_index {margin: 180px auto 0px auto !important; }
		
		#container div.first_container, #content div.first_container, #content_index div.first_container {height: 27vh !important; display: block;}
		#container div.first_container img, #content div.first_container img, #content_index div.first_container img {width: 40px; height: auto; margin: 3vh auto 0px auto !important;}
		
		table.content_box h1, table.content_box_alt h1, table.content_box_fade_in h1, div.content_box_fade_in h1 {float:left; width: 100%; font-family: 'Open Sans Condensed', sans-serif; font-weight:700; margin: 0px 0px 1vh 0px !important; padding: 2vh 0px 2vh 0px !important; font-size: 30px; color: #007362; text-align: left; border-bottom: 1px solid #80b9b1;}
		
		div.vertical_spacer {height: 5vh !important;}
        }

    @media screen and (min-width:20px) and (max-width:600px) {
        /*PHONE*/
        .content_container {width:94%; padding: 0px 0px 0px 0px !important; margin: 0px auto 0px auto !important;}
		.content_container#content, .content_container#content_index {margin: 29vh auto 0px auto !important; }
		
        #container div.first_container, #content div.first_container, #content_index div.first_container {height: 18vh !important; display: block;}
		#container div.first_container img, #content div.first_container img, #content_index div.first_container img {width: 40px; height: auto; margin: 5vh auto 0px auto !important;}
        
		table.content_box h1, table.content_box_alt h1, table.content_box_fade_in h1, div.content_box_fade_in h1 {margin: 0px 0px 2vh 0px !important; padding: 2vh 0px 2vh 0px !important; font-size: 30px;}
		
        table.content_box h2, table.content_box_alt h2, table.content_box_fade_in h2 {width:98%; padding: 1vh 0px 0px 1% !important; }
        table.content_box img, table.content_box_alt img, table.content_box_fade_in img {width:98%; margin: 2vh 1% 2vh 1%;}
        table.content_box p, table.content_box_alt p, table.content_box_fade_in p {width:96%; margin: 1vh 0px 2vh 2% !important;}
        .read_more {width:96%; margin: 2vh 2% 0px 1% !important;}
        
        div.vertical_spacer {/*height: 2vh !important;*/ height: 5vh !important; }
        
        }
    /* end content */
    

        /* begin arrow_down */
        @-moz-keyframes blink {0%{opacity:1;} 50%{opacity:0.2;} 100%{opacity:1;}} /* Firefox */
        @-webkit-keyframes blink {0%{opacity:1;} 50%{opacity:0.2;} 100%{opacity:1;}} /* Webkit */
        @-ms-keyframes blink {0%{opacity:1;} 50%{opacity:0.2;} 100%{opacity:1;}} /* IE */
        @keyframes blink {0%{opacity:1;} 50%{opacity:0.2;} 100%{opacity:1;}} /* Opera */

        #container div.first_container img, .blink_element {
            -moz-transition:all 0.5s ease-in-out;
            -webkit-transition:all 0.5s ease-in-out;
            -o-transition:all 0.5s ease-in-out;
            -ms-transition:all 0.5s ease-in-out;
            transition:all 0.5s ease-in-out; 
            -moz-animation:blink normal 2.5s infinite ease-in-out; /* Firefox */
            -webkit-animation:blink normal 2.5s infinite ease-in-out; /* Webkit */
            -ms-animation:blink normal 2.5s infinite ease-in-out; /* IE */
            animation:blink normal 2.5s infinite ease-in-out; /* Opera */
        }
        /* end arrow_down */
   
    
        /* begin HOME slider banner */
    
		div#slider_container { -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; margin:0px !important; padding:0px !important; position: absolute; top: 0px; left: 0px; right: 0px; z-index: 98;}

		div.gallery-cell table {width: 100%; cursor: pointer;}

		div.gallery-cell table tr td div.slider_img { width:100%; height: 100vh !important; text-align: center; float:none; display: block; overflow: hidden !important; background-size: cover; background-position: center center;}

		div.gallery-cell table tr td div.slider_img img {width:100%; height: auto; float:left; }

		div.gallery-cell table tr td table.slider_text {width:60%; height: auto !important; position: absolute; bottom: 21vh !important; right: 3% !important; text-align: left; display: block !important; background: rgba(0, 115, 98, 0.7); -webkit-box-shadow: 0px -10px 20px rgba(50, 50, 50, 0.50); -moz-box-shadow: 0px -10px 20px rgba(50, 50, 50, 0.50); box-shadow: 0px -10px 20px rgba(50, 50, 50, 0.50);}

		div.gallery-cell table tr td table.slider_text h1 {font-family: 'Open Sans Condensed', sans-serif; font-weight: 700; margin: -10px 0px 10px -10px; padding: 5px 10px 5px 10px !important; font-size: 30px; color: #ffffff; background-color: #ff8300; width: auto !important; max-width: 90% !important; float: left; z-index: 102;}

		div.gallery-cell table tr td table.slider_text p {font-family: 'Raleway', sans-serif; color: #ffffff; margin: 0px !important; padding: 0px 3% 15px 3% !important; font-size: 17px; line-height: 28px !important; letter-spacing: 1px; width: 94%; float: left; z-index: 102;}

		.slider_button {float: none !important; border: #ffffff solid 1px !important; margin: 0px 0px 0px 10px !important; padding: 2px 10px 2px 10px !important; width: auto !important; line-height: normal !important; color: #ffffff !important; cursor:pointer !important;}
		.slider_button:hover {background-color: #ff8300 !important;}
       
       @media screen and (min-width:1025px) and (max-width:1400px) {
            /* Most common DESKTOP - Transition */
            div.gallery-cell table tr td div.slider_img {height: 100vh !important;  background-position: top center;}
		   
		   div.gallery-cell table tr td table.slider_text {width:60%; height: auto !important; position: absolute; bottom: 21vh !important; right: 3% !important; padding: 0px 0px 0px 0px !important; text-align: left; display: block !important; }
            
            div.gallery-cell table tr td table.slider_text h1 {font-size: 30px;}
            
            div.gallery-cell table tr td table.slider_text p {font-size: 17px; line-height: 24px; }
           
			} 
            
        @media screen and (min-width:835px) and (max-width:1024px) {
            /* ipad pro - Transition*/
			div#slider_container { -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; margin:150px 0px 0px 0px !important; padding:0px !important; position: relative !important; top: auto; left: auto; right: auto;}
			
			div.gallery-cell table {width: 94%; cursor: pointer; margin: 0px 3% 0px 3%;}
			
			div.gallery-cell table tr td div.slider_img { width:100%; height: 70vh !important; background-position: top center;}
            
            div.gallery-cell table tr td table.slider_text { width:auto; position: absolute; bottom: 0px !important; right: 0px !important; left: 0px; padding: 10px 10px 15px 10px !important; background: rgba(0, 115, 98, 0.7); -webkit-box-shadow: 0px -10px 20px rgba(50, 50, 50, 0.50); -moz-box-shadow: 0px -10px 20px rgba(50, 50, 50, 0.50); box-shadow: 0px -10px 20px rgba(50, 50, 50, 0.50);}
            
            div.gallery-cell table tr td table.slider_text h1 {font-size: 30px; margin: -20px 0px 10px -2% !important; padding: 5px 15px 5px 4% !important;}
        
            div.gallery-cell table tr td table.slider_text p {font-size: 17px; line-height: 24px; padding-bottom: 0px !important; padding: 0px 0px 30px 2% !important; }
            
            }

        @media screen and (min-width:769px) and (max-width:834px) {
            /* OLD DESKTOP - Transition*/
            div#slider_container { -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; margin:150px 0px 0px 0px !important; padding:0px !important; position: relative !important; top: auto; left: auto; right: auto;}
			
			div.gallery-cell table {width: 94%; cursor: pointer; margin: 0px 3% 0px 3%;}
			
			div.gallery-cell table tr td div.slider_img { width:100%; height: 65vh !important; background-position: center center;}
            
            div.gallery-cell table tr td table.slider_text { width:auto; position: absolute; bottom: 0px !important; right: 0px !important; left: 0px !important; padding: 10px 10px 25px 10px !important; background: rgba(0, 115, 98, 0.7); -webkit-box-shadow: 0px -10px 20px rgba(50, 50, 50, 0.50); -moz-box-shadow: 0px -10px 20px rgba(50, 50, 50, 0.50); box-shadow: 0px -10px 20px rgba(50, 50, 50, 0.50);}
            
            div.gallery-cell table tr td table.slider_text h1 {font-size: 30px !important; /*margin: -20px 0px 10px -20px !important; padding: 5px 15px 5px 4% !important; width:auto !important; display: inline-block !important;*/ padding: 5px 15px 5px 10px !important; margin: -20px 0px 20px -20px !important; max-width: 100% !important; float: left !important;}
            
            div.gallery-cell table tr td table.slider_text p {font-size: 16px; line-height: 22px; padding-bottom: 0px !important; padding: 0px 0px 30px 2% !important; display: none !important; }
            
            }

        @media screen and (min-width:601px) and (max-width:768px) {
            /*TABLET - Transition*/
            div#slider_container { -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; margin:150px 0px 0px 0px !important; padding:0px !important; position: relative !important; top: auto; left: auto; right: auto;}
			
			div.gallery-cell table {width: 94%; cursor: pointer; margin: 0px 3% 0px 3%;}
			
			div.gallery-cell table tr td div.slider_img { width:100%; height: 58vh !important; background-position: top center;}
            
            div.gallery-cell table tr td table.slider_text { width:auto; position: absolute; bottom: 0px !important; right: 0px !important; left: 0px !important; padding: 10px 10px 15px 10px !important; background: rgba(0, 115, 98, 0.7); -webkit-box-shadow: 0px -10px 20px rgba(50, 50, 50, 0.50); -moz-box-shadow: 0px -10px 20px rgba(50, 50, 50, 0.50); box-shadow: 0px -10px 20px rgba(50, 50, 50, 0.50);}
			
			div.gallery-cell table tr td table.slider_text h1 {font-size: 30px !important; margin: -20px 0px 10px -3% !important; padding: 5px 15px 5px 5% !important;}

			div.gallery-cell table tr td table.slider_text p {font-size: 16px; line-height: 22px; padding-bottom: 0px !important; padding: 0px 0px 30px 2% !important;}
			
            }

        @media screen and (min-width:20px) and (max-width:600px) {
            /*MOBILE - Transition*/
            div#slider_container { -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; margin: 26vh 0px 0px 0px !important; padding:0px !important; position: relative !important; top: auto; left: auto; right: auto;}
			
			div.gallery-cell table {width: 94%; cursor: pointer; margin: 0px 3% 0px 3%;}
			
			div.gallery-cell table tr td div.slider_img { width:100%; height: 56vh !important; background-position: top center;}
            
            div.gallery-cell table tr td table.slider_text { width:auto; position: absolute; bottom: 0px !important; right: 0px !important; left: 0px !important; padding: 0px 3% 0px 3% !important; /*box-shadow: 0px 0px 20px #000000; background-color: #007362;*/ background: rgba(0, 115, 98, 0.8); -webkit-box-shadow: 0px -10px 20px rgba(50, 50, 50, 0.50); -moz-box-shadow: 0px -10px 20px rgba(50, 50, 50, 0.50); box-shadow: 0px -10px 20px rgba(50, 50, 50, 0.50);}
            
            div.gallery-cell table tr td table.slider_text h1 {font-size: 22px; width: 100% !important; padding: 10px 0px 40px 0px !important; margin: 0px !important; background-color:transparent; max-width: 100% !important; float: left !important;}
			
            div.gallery-cell table tr td table.slider_text p {display:none;}
            
            }
        
        /* end HOME slider banner */
        

       

    /* end home slider */


    /* begin footer */
    .footer_container { position: fixed; left:0px; bottom:-8vh; right:0px; height: 8vh; padding: 1vh 0px 1vh 0px; z-index: 100; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out;}
    .footer_container_alt {position: fixed; left:0px; bottom:0px; right:0px; height: 8vh; padding: 1vh 0px 1vh 0px; z-index: 100; background-color: #007362; opacity: 0.9; filter: alpha(opacity=90); box-shadow: 0px 0px 20px #000000; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out;}

    .footer_content .campaign_info a:link, .footer_content_alt .campaign_info a:link, .footer_content_contentpage a:link, .footer_content_contentpage_alt a:link {color:#ffffff;}
    .footer_content .campaign_info a:visited, .footer_content_alt .campaign_info a:visited, .footer_content_contentpage a:visited, .footer_content_contentpage_alt a:visited  {color:#ffffff;}
    .footer_content .campaign_info a:hover, .footer_content_alt .campaign_info a:hover, .footer_content_contentpage a:hover, .footer_content_contentpage_alt a:hover {text-decoration: none !important;}

    .footer_content {height: 8vh; position: fixed; bottom:0px; left: 13%; right:13%; z-index: 110; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; }
    .footer_content_alt {height: 8vh; position: fixed; bottom:0px; left: 13%; right:13%; z-index: 110; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out;}  

	.footer_content_contentpage {height: 8vh; position: fixed; bottom:-9vh; left: 13%; right:13%; z-index: 110; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; }
    .footer_content_contentpage_alt {height: 8vh; position: fixed; bottom:0px !important; left: 13%; right:13%; z-index: 110; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out;}  

    .footer_content .social_icons, .footer_content_alt .social_icons, .footer_content_contentpage .social_icons, .footer_content_contentpage_alt .social_icons { width: 34%; position: absolute; left: 0px; bottom: 0px; top: 0px; padding: 0px 0px 0px 0px;}
    .footer_content .social_icons img, .footer_content_alt .social_icons img, .footer_content_contentpage .social_icons img, .footer_content_contentpage_alt .social_icons img {position: relative; float:left; width:auto; height: 4vh; margin: 1.2vh 4% 0px 0px;} 

    
	.footer_content .campaign_info {width: 50%; position: absolute; right: 0px; bottom: -8vh; top: 0px; padding: 0px 0px 0px 0px; text-align: right; font-family: 'Raleway', sans-serif; color: #ffffff; font-size: 16px !important; font-weight: normal; line-height: 24px; opacity:0; filter: alpha(opacity=0); -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out;}

	.footer_content_alt .campaign_info {width: 50%; position: absolute; right: 0px; bottom: 0px; top: 0px; padding: 0px 0px 0px 0px; text-align: right; font-family: 'Raleway', sans-serif; color: #ffffff; font-size: 16px !important; font-weight: normal; line-height: 24px; opacity:1; filter: alpha(opacity=1); -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out;}

	.footer_content_contentpage .campaign_info, .footer_content_contentpage_alt .campaign_info  { width: 50%; position: absolute; right: 0px; bottom: 0px; top: 0px; padding: 0px 0px 0px 0px; text-align: right; font-family: 'Raleway', sans-serif; color: #ffffff; font-size: 16px !important; font-weight: normal; line-height: 20px; }

    
     
    @media screen and (min-width:1025px) and (max-width:1400px) {
		/* OLD DESKTOP - Transition*/
        .footer_container {height: 7vh; bottom:-8vh;}
        .footer_container_alt {height: 7vh; bottom:0px;}
        
        .footer_content {left: 10% !important; right:10% !important; bottom:-8vh !important; }
        .footer_content_alt {left: 10% !important; right:10% !important; bottom:0px !important;}
		.footer_content_contentpage {left: 10% !important; right:10% !important; }
		.footer_content_contentpage_alt {left: 10% !important; right:10% !important; }
		
        .footer_content .social_icons, .footer_content_alt .social_icons, .footer_content_contentpage .social_icons, .footer_content_contentpage_alt .social_icons {padding: 0.5vh 0px 0px 0px;}
        .footer_content .campaign_info, .footer_content_alt .campaign_info, .footer_content_contentpage .campaign_info, .footer_content_contentpage_alt .campaign_info { font-size: 12px !important; line-height: 18px; }
        }    

    @media screen and (min-width:835px) and (max-width:1024px) {
            /* ipad pro - Transition*/
        .footer_container { height: 7vh; padding: 0vh 0px 1vh 0px; z-index: 100;}
        .footer_container_alt {height: 7vh; padding: 0vh 0px 1vh 0px;}
        
        .footer_content {height: 7vh; left: 3%; right:3%; bottom:-2vh;}
        .footer_content_alt {height: 7vh; left: 3%; right:3%; bottom:0px;}
		.footer_content_contentpage {height: 7vh; left: 3%; right:3%; bottom:-2vh;}
        .footer_content_contentpage_alt {height: 7vh; left: 3%; right:3%; bottom:0px;}
        
        .footer_content .social_icons, .footer_content_alt .social_icons, .footer_content_contentpage .social_icons, .footer_content_contentpage_alt .social_icons {width: 100%; padding: 0px 0px 0px 0px; top: 0px; left: 0px; right: 0px; bottom:auto; text-align: center;}
        .footer_content .social_icons a:link, .footer_content_alt .social_icons a:link {text-decoration: none !important;}
        .footer_content .social_icons img, .footer_content_alt .social_icons img, .footer_content_contentpage .social_icons img, .footer_content_contentpage_alt .social_icons img {width:auto; height: 3vh !important; margin: 0px 2vh 1vh 0px;  float: none;}
        .footer_content .social_icons img#youtube, .footer_content_alt .social_icons img#youtube, .footer_content_contentpage .social_icons img#youtube, .footer_content_contentpage_alt .social_icons img#youtube {margin-right: 0px;}
        
        .footer_content .campaign_info, .footer_content_alt .campaign_info, .footer_content_contentpage .campaign_info, .footer_content_contentpage_alt .campaign_info {width: 100%; font-size: 10px !important; line-height: 14px; position: absolute; top:auto; left: 0px; right:0px; bottom:1vh; text-align: center !important;}
        }

    @media screen and (min-width:769px) and (max-width:834px) {
            /* OLD DESKTOP - Transition*/
        .footer_container { height: 8vh; padding: 0vh 0px 0.5vh 0px; z-index: 100; bottom:-9vh;}
        .footer_container_alt {height: 8vh; padding: 0.5vh 0px 0.5vh 0px; bottom:0px;}
        
        .footer_content {height: 8vh; left: 3%; right:3%; bottom:-3vh;}
        .footer_content_alt {height: 8vh; left: 3%; right:3%; bottom:0px;}
		.footer_content_contentpage {height: 8vh; left: 3%; right:3%; bottom:-3vh;}
        .footer_content_contentpage_alt {height: 8vh; left: 3%; right:3%; bottom:0px;}
        
        .footer_content .social_icons, .footer_content_alt .social_icons, .footer_content_contentpage .social_icons, .footer_content_contentpage_alt .social_icons {width: 100%; padding: 0px 0px 0px 0px; top: 0px; left: 0px; right: 0px; bottom:auto; text-align: center;}
        .footer_content .social_icons a:link, .footer_content_alt .social_icons a:link, .footer_content_contentpage .social_icons a:link, .footer_content_contentpage_alt .social_icons a:link {text-decoration: none !important;}
        .footer_content .social_icons img, .footer_content_alt .social_icons img, .footer_content_contentpage .social_icons img, .footer_content_contentpage_alt .social_icons img {width:auto; height: 3vh; margin: 0.8vh 2vh 1vh 0px;  float: none;}
        .footer_content .social_icons img#youtube, .footer_content_alt .social_icons img#youtube, .footer_content_contentpage .social_icons img#youtube, .footer_content_contentpage_alt .social_icons img#youtube {margin-right: 0px;}
        
        .footer_content .campaign_info, .footer_content_alt .campaign_info, .footer_content_contentpage .campaign_info, .footer_content_contentpage_alt .campaign_info {width: 100%; font-size: 9px !important; line-height: 12px; position: absolute; top:auto; left: 0px; right:0px; bottom:0.5vh; text-align: center !important;}
    }

    @media screen and (min-width:601px) and (max-width:768px) {
            /*TABLET - Transition*/
        .footer_container { height: 7vh; padding: 0vh 0px 0.5vh 0px; z-index: 100;}
        .footer_container_alt {height: 7vh; padding: 0vh 0px 0.5vh 0px;}
        
        .footer_content {height: 7vh; left: 3%; right:3%; bottom:-2vh;}
        .footer_content_alt {height: 7vh; left: 3%; right:3%; bottom:0px;}
		.footer_content_contentpage {height: 7vh; left: 3%; right:3%; bottom:-2vh;}
        .footer_content_contentpage_alt {height: 7vh; left: 3%; right:3%; bottom:0px;}
        
        .footer_content .social_icons, .footer_content_alt .social_icons, .footer_content_contentpage .social_icons, .footer_content_contentpage_alt .social_icons {width: 100%; padding: 0px 0px 0px 0px; top: 0px; left: 0px; right: 0px; bottom:auto; text-align: center;}
        
        .footer_content .social_icons a:link, .footer_content_alt .social_icons a:link, .footer_content_contentpage .social_icons a:link, .footer_content_contentpage_alt .social_icons a:link {text-decoration: none !important;}
        
        .footer_content .social_icons img, .footer_content_alt .social_icons img, .footer_content_contentpage .social_icons img, .footer_content_contentpage_alt .social_icons img {width:auto; height: 3vh; margin: 0.4vh 2vh 1vh 0px !important;  float: none;}
        .footer_content .social_icons img#youtube, .footer_content_alt .social_icons img#youtube, .footer_content_contentpage .social_icons img#youtube, .footer_content_contentpage_alt .social_icons img#youtube {margin-right: 0px;}
        
        .footer_content .campaign_info, .footer_content_alt .campaign_info, .footer_content_contentpage .campaign_info, .footer_content_contentpage_alt .campaign_info {width: 100%; font-size: 10px !important; line-height: 13px; position: absolute; top:auto; left: 0px; right:0px; bottom:0.5vh; text-align: center !important;}
        }

    @media screen and (min-width:20px) and (max-width:600px) {
            /*MOBILE - Transition*/
        .footer_container { height: 12vh; padding: 0.5vh 0px 0.5vh 0px; z-index: 100; bottom: -12vh;}
        .footer_container_alt {height: 12vh; padding: 0.5vh 0px 0.5vh 0px; bottom:0px !important;}
        
        .footer_content {height: 12vh; left: 3%; right:3%; bottom: -12vh;}
        .footer_content_alt {height: 12vh; left: 3%; right:3%; bottom:0px !important;}
		.footer_content_contentpage {height: 12vh; left: 3%; right:3%; bottom: -12vh;}
        .footer_content_contentpage_alt {height: 12vh; left: 3%; right:3%; bottom:0px !important;}
		
        .footer_content .social_icons, .footer_content_alt .social_icons, .footer_content_contentpage .social_icons, .footer_content_contentpage_alt .social_icons {width: 100%; padding: 0px 0px 0px 0px; top: 0px; left: 0px; right: 0px; bottom:auto; text-align: center;}
        
        .footer_content .social_icons a:link, .footer_content_alt .social_icons a:link, .footer_content_contentpage .social_icons a:link, .footer_content_contentpage_alt .social_icons a:link {text-decoration: none !important;}
        
        .footer_content .social_icons img, .footer_content_alt .social_icons img, .footer_content_contentpage .social_icons img, .footer_content_contentpage_alt .social_icons img {width:auto; height: 3vh; margin: 0.5vh 2vh 1vh 0px !important;  float: none;}
        .footer_content .social_icons img#youtube, .footer_content_alt .social_icons img#youtube, .footer_content_contentpage .social_icons img#youtube, .footer_content_contentpage_alt .social_icons img#youtube {margin-right: 0px;}
        
        .footer_content .campaign_info, .footer_content_alt .campaign_info, .footer_content_contentpage .campaign_info, .footer_content_contentpage_alt .campaign_info {width: 100%; font-size: 10px !important; line-height: 13px; position: absolute; top:auto; left: 0px; right:0px; bottom:1vh; text-align: center !important;}
        }
        

    /* end footer */



    /* begin navigation styles */
    
        /* The Modal (background) */
        .modal {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 1000; /* Sit on top */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
            -webkit-animation-name: fadeIn; /* Fade in the background */
            -webkit-animation-duration: 0.4s;
            animation-name: fadeIn;
            animation-duration: 0.4s
        }

        /* Modal Content */
        .modal-content { position: fixed; bottom: 0; left:33%; background-color: transparent; width: 34%; -webkit-animation-name: slideIn; -webkit-animation-duration: 0.4s; animation-name: slideIn; animation-duration: 0.4s
        }

        /* The Close Button */
        .close_container {width:100%; padding: 2px 0px 40px 0px; display: block;}
        .close { color: #ff8300/*007362*/; float: right; font-size: 28px; font-weight: bold; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out;}
        .close:hover,
        .close:focus { color: #000; text-decoration: none; cursor: pointer; }

        .modal-header { padding: 2px 16px; background-color: transparent; color: white;}
        .modal-header img {width: 50%; margin: 0px 0px -1.2vw 0px;}
        .modal-body {padding: 2px 20px 16px 20px; background-color:#ffffff;}
        .modal-body ul {width: 100%; float: none; padding: 0px 0px 0px 0px; margin: 0px; text-align: left;}
        .modal-body li {float: none; font-family: 'Open Sans Condensed', sans-serif; font-size: 22px; list-style: none; font-weight:bold !important; color: #000000; padding: 0px 0px 10px 0px; text-transform:none; }
        .modal-body li ul li {text-transform:none; color:#333333; font-weight: normal !important; padding: 0px 3px 0px 3px; margin: 0px 0px 0px 25px; list-style:square; list-style-position:outside; font-size: 20px;}

        .modal-body li a:link {text-decoration: none; color:#000000; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out;}
        .modal-body li a:hover {text-decoration: underline !important; color:#ff8300 !important;}
        .modal-body li a:visited {text-decoration: none; color:#000000;}

        .modal-footer { padding: 0.5vw 0px 20px 0px; background-color: transparent; color: white; }

        /* contact by email */
        .modal-footer .modal_contact_email {font-family: 'Open Sans Condensed', sans-serif !important; font-weight: bold; text-transform: uppercase; padding: 5px 10px 5px 10px; background-color: #ff8300; color: #ffffff !important; cursor: pointer; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; text-decoration:none !important; font-size: 16px;}
        .modal-footer .modal_contact_email:hover {background-color: #ffffff; color:#ff8300 !important; cursor:pointer;}
        /* contact by phone */
        .modal-footer .modal_contact_call {font-family: 'Open Sans Condensed', sans-serif !important; font-weight: bold; text-transform: uppercase; padding: 5px 10px 5px 10px; background-color: #ff8300; color: #ffffff !important; cursor: pointer; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; text-decoration:none !important; font-size: 16px; display: none;}
        .modal-footer .modal_contact_call:hover {background-color: #ffffff; color:#ff8300 !important; cursor:pointer; }
            


        @media screen and (min-width:1025px) and (max-width:1400px) {
            /* OLD DESKTOP - Transition*/
            
            
            }    

        @media screen and (min-width:601px) and (max-width:1024px) {
            /*TABLET - Transition*/
            .modal-content { left:30%; width: 40%;}
            .modal-header img {width: 40%; margin: 0px 0px -1.5vw 0px;}
            .modal-footer { padding: 0.75vw 0px 20px 0px;}
            }

        @media screen and (min-width:20px) and (max-width:600px) {
            /*PHONE*/
            .modal-content { left:5%; width: 90%;}
            .modal-header img {width: 40%; margin: 0px 0px -4vw 0px;}
            
			.modal-body li {font-size: 20px !important;}
			.modal-body li ul li {font-size: 18px !important;}
			
			.modal-footer { padding: 1vw 0px 20px 0px;}
            .modal-footer .modal_contact_email {width: 50%; padding: 5px 0px 5px 0px; float:left; margin: 0px 0px 1vw 0px;}
            .modal-footer .modal_contact_call {display:block; width: 48%; padding: 5px 0px 5px 0px; margin: 0px 0px 1vw 2%; float: right;}
            }

        /* Add Animation */
        @-webkit-keyframes slideIn {
          from {bottom: -300px; opacity: 0} 
          to {bottom: 0; opacity: 1}
        }

        @keyframes slideIn {
          from {bottom: -300px; opacity: 0}
          to {bottom: 0; opacity: 1}
        }

        @-webkit-keyframes fadeIn {
          from {opacity: 0} 
          to {opacity: 1}
        }

        @keyframes fadeIn {
          from {opacity: 0} 
          to {opacity: 1}
        }

    /* end navigation styles */

    



/* ---------------------------------------------------- END STRUCTURE SELECTORS */


/* ---------------------------------------------------- BEGIN NGP GET INVOLVED FORM */

	div.ngp-form, div#NVTag1, div.ngp-form.at {float: left; width: 100% !important; min-width: 100% !important;}
	div.at-form {width:100% !important; display:none;}
	header.at-title {display:none;}
	header.at-markup.HeaderHtml {display:none;}
	fieldset.at-fieldset.ContactInformation {width: 100%; text-align:left;}
	fieldset.at-fieldset.ContactInformation label.at-text, fieldset.at-fieldset.ContactInformation label.at-select { font-family: 'Raleway', sans-serif;  font-size: 15px; color: #44525e;}
	fieldset.at-fieldset.ContactInformation label.at-text u, fieldset.at-fieldset.ContactInformation label.at-select u {text-decoration:none !important;}
	fieldset.at-fieldset.ContactInformation input[type="text"], fieldset.at-fieldset.ContactInformation input[type="tel"], fieldset.at-fieldset.ContactInformation input[type="email"], fieldset.at-fieldset.ContactInformation select {padding-top:15px; padding-bottom:15px; height: auto; border-color:#a0afbc;}
	

	fieldset.at-fieldset.Interests {width: 98%; margin: auto auto auto 1%; text-align:left;}
	fieldset.at-fieldset.Interests div.at-markup p {font-family: 'Raleway', sans-serif; font-size: 17px; line-height: 27px; letter-spacing:normal; color:#000000; font-weight: bold; padding-top:0px !important; margin-top: 0px; height: auto !important; width: 100%;}
	fieldset.at-fieldset.Interests div.at-row label {padding:0px 0px 0px 0px !important; margin: 10px 0px -10px 0px !important; height:auto !important;}

	legend.at-legend {display:none;}

	div.at-form-submit input[type="submit"] { font-size: 15px; text-transform: uppercase; padding:15px 10% 15px 10%; background-color:#007362; font-family: 'Open Sans Condensed', sans-serif !important; font-weight: bold; -webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out; float: left !important; margin-top: 5vh;}
	div.at-form-submit input[type="submit"]:hover { background-color:#80b9b1;-webkit-transition: all .5s ease-out; -moz-transition: all .5s ease-out; -ms-transition: all .5s ease-out;}

	@media screen and (min-width:20px) and (max-width:600px) {
		div.at-form-submit input[type="submit"] {width:94%; float: left;}
	}

	footer.multistep-footer {visibility: hidden;}

/* ---------------------------------------------------- END NGP GET INVOLVED FORM */



/* ---------------------------------------------------- BEGIN ENDORSEMENTS SELECTORS */

div.cards_container {display:table !important; width: 94%; padding: 0px !important; margin:0px 0px 0px 3% !important; text-align: left;}

table.card_box {
	height: 40vh; width: 32% !important; padding:2%; float: left !important; background-color:#fbfaf7; position: relative; margin-bottom: 2vh;
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}

div.cards_box_spacer {width:2%; height: 40vh; float: left; margin-bottom: 2vh;}

table.card_box tr td h2 {position: relative; float:left; width: 94%; font-family: 'Open Sans Condensed', sans-serif; font-weight:300; margin: 0px !important; padding: 1% 3% 1% 3% !important; font-size: 30px; color:#ffffff /*#007362*/; text-align: left; background: rgba(0, 115, 98, 0.8); -webkit-box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.50); -moz-box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.50); box-shadow: 0px 0px 20px rgba(50, 50, 50, 0.50);}

table.card_box tr td h3 {position: relative; float:left; width: 94%; font-family: 'Open Sans Condensed', sans-serif; font-weight:300; margin: 0px !important; padding: 1% 3% 1% 3% !important; font-size: 30px; color:#80b9b1 /*#007362*/; text-align: right;}

table.card_box tr td h2 span:first-child {font-family: 'Raleway', sans-serif; font-size:18px;}
table.card_box tr td h2 span {}

.card_image {position: absolute; top: 3%; left: 3%; right: 3%; bottom: 3%; background-position: center; background-size: cover;}
	
	@media screen and (min-width:1025px) and (max-width:1400px) {
	/* Most common DESKTOP - Transition*/
	table.card_box tr td h3 {font-size: 17px;}
	}    

	@media screen and (min-width:835px) and (max-width:1024px) {
	/* ipad pro - Transition*/
		
		table.card_box {height: 25vh;}
		div.cards_box_spacer {height: 25vh;}
		table.card_box tr td h3 {font-size: 17px;}
		
	}    

	@media screen and (min-width:769px) and (max-width:834px) {
	/* OLD DESKTOP - Transition*/
		
		table.card_box {height: 25vh;}
		div.cards_box_spacer {height: 25vh;}
		table.card_box tr td h3 {font-size: 17px;}
		
	}

	@media screen and (min-width:601px) and (max-width:768px) {
	/*TABLET - Transition*/
		
		table.card_box {height: 25vh;}
		div.cards_box_spacer {height: 25vh;}
		table.card_box tr td h3 {font-size: 17px;}
		
	}

	@media screen and (min-width:20px) and (max-width:600px) {
	/*PHONE*/
		
		table.card_box {padding:4% !important;}
		table.card_box {height: 50vh; width:100% !important;}
		div.cards_box_spacer {display: none !important;}
		table.card_box tr td h3 {font-size: 17px;}
		
	}

/* ---------------------------------------------------- END ENDORSEMENTS SELECTORS */