/**
 * This file should get overwritten if Method 1 is used. If Method 2 is chosen,
 * remove this comment and start adding your styles to this file.
 */

/** Colors

Dark Gray: #202224
Green: #9ec436
Blue: #019ebc

*/

/* Fonts */
@font-face {
	font-family: 'Flama';
	src: url('../fonts/Flama/Flama-Basic.eot');
	src: url('../fonts/Flama/Flama-Basic.woff') format('woff');
}
@font-face {
	font-family: 'Flama Medium';
	src: url('../fonts/Flama/Flama-Medium.eot');
	src: url('../fonts/Flama/Flama-Medium.woff') format('woff');
}
@font-face {
	font-family: 'Flama Bold';
	src: url('../fonts/Flama/Flama-Bold.eot');
	src: url('../fonts/Flama/Flama-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Flama Condensed Medium';
	src: url('../fonts/FlamaCondensed/FlamaCondensed-Medium.eot');
	src: url('../fonts/FlamaCondensed/FlamaCondensed-Medium.woff') format('woff');
}
@font-face {
	font-family: 'Flama Condensed Light';
	src: url('../fonts/FlamaCondensed/FlamaCondensed-Light.eot');
	src: url('../fonts/FlamaCondensed/FlamaCondensed-Light.woff') format('woff');
}


body {
	/*background-color: #202224;*/
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	text-rendering: auto;
	-moz-osx-font-smoothing: grayscale;

}
.civc_quote_style:before, .civc_quote_style:after {
  content: '"';
}
.civc_quote_style {
  display: block;
  font-size: 42px;
  line-height: 54px;
  color: #484848;
  text-align: left;
  padding-top: 20px;
  margin: 45px 0;
  border-top: 2px solid #009c44;
  font-style: italic;
}
.civc_image_caption {
  display: block;
  font-size: 14px;
  color: #484848;
  text-align: center;
  line-height: 16px;
  margin: 10px 0 25px 0;
}
.dcf_listgroup .inner_pane__featured_info {
	font-size: 16px;
}
.dcf_listgroup .inner_pane__featured_info .dcf_listgroup__featured_title {
	font-weight: 600;
	margin: 15px 0 5px;
}
.pagination li.active, .pagination li {
	background-color: transparent;
	border: none;
}
.pagination li.active a, .pagination li a, .pagination li.active a:hover {
	background-color: transparent;
	border: none;
	font-weight: 600;
}
.pagination li.active a, .pagination li.active a:hover, .pagination li a:hover {
	color: #008000;
	background-color: transparent;
}
.pagination .pager-ellipsis span {
	border-color: #fff;
}
.site-footer-block.container {
	position: relative;
}
#main {
	/*perspective: 500px;*/
  	/*transform-style: preserve-3d;*/
	min-width: 320px;
}
#main-container {
	position: relative;
}
#main-container-wrap {
	/*padding-bottom:35px;*/
	background-color: #fff;
}
#page-header, #page-footer, .bg-accent {
	background-color: #202224;
}
#page-header {
	border-bottom: 3px solid #9ec436;
	z-index: 1000;
	width: 100%;
	min-width: 320px;
}
#main-container .bg-accent {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
#page-footer {
	border-top: none;
	margin-top: 80px;
	min-width: 320px;
}
.sidebar .col-main {
	z-index: 1;
}
.sidebar aside {
	z-index: 0;
}
.sidebar .col-main:after {
	content: " ";
	position: absolute;
	width: 10px;
	bottom: 50px;
	top: 50px;
	right: 0;
	border-radius: 100%;
	box-shadow: 0 1px 8px 5px rgba(0, 0, 0, 0.4);
	z-index: 0;
}
/*
#page-header .container,
#page-footer .container {
  width:100%;
}
*/
/*
.container {
  width:auto !important;
}
*/

.col-main img {
	max-width: 100%;
	height: auto !important;
	margin: auto;

}
.nav > li > a:hover, .nav > li > a:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background-color: transparent;
}
.pager li > a, .pager li > span, .pager li > a:focus {
	position: relative;
	padding: 9px 60px 9px 20px;
	background-color: #008c44;
	border: none;
	border-radius: 0;
	text-transform: uppercase;
	font-family: "Flama Medium";
	font-weight: 600;
	font-size: 18px;
	color: #fff;
}
.pager li > a:hover, .pager li > span:hover {
	background-color: #008c44;
	text-decoration: underline;
}
.pager li > a:before, .pager li > span:before {
	position: absolute;
	top: 7px;
	right: 15px;
	display: inline-block;
	font-family: FontAwesome;
	line-height: 1;
	font-size: 28px;
	text-rendering: auto;
	-moz-osx-font-smoothing: grayscale;
	content: '\f0d7';
}
h1, h2, h3 {
	font-family: 'Flama Condensed Medium';
}

.outset {
	/*background-color: #eaeaea;*/
	position: relative;
}
.outset:before {
	content: "";
	position: absolute;
	z-index: -1;
	width: 96%;
	top: 0;
	height: 10px;
	left: 2%;
	border-radius: 100px / 25px;
	box-shadow: 0 0 18px rgba(0,0,0,0.6);
}
.outset:after {
	content: "";
	position: absolute;
	z-index: -1;
	width: 96%;
	bottom: 0;
	height: 10px;
	left: 2%;
	border-radius: 100px / 25px;
	box-shadow: 0 0 18px rgba(0,0,0,0.6);
}

/*.content-wrapper .container {*/
/*max-width: 1200px;*/
/*margin: 0 auto !important;*/
/*}*/


.content-wrapper {
	position: relative;
	background-color: #fff;
	z-index: 1;
}
.content-wrapper .content, .content-wrapper .related-articles {
	position: relative;
	z-index: 2;
}
.content-wrapper .content {
	margin: 4vw auto 2vw;
}
.content-wrapper .related-articles h2 {
	text-align: center;
}
.content-wrapper .content p {
	margin: 0 0 20px 0;
}
/* temporary landing page styles */
.node-type-civc-landing-page .page-header, .node-type-civc-general-page .page-header, .node-type-civc-event .page-header, .node-type-civc-initiative .page-header, .node-type-webform .page-header {
	display: none;
}
.node-type-civc-general-page .body-content .field-collection-view, .node-type-civc-event .body-content .field-collection-view {
	margin: 0;
}
/* temporary article page styles */
.article-section h2 {
	position:relative;
	margin: 1vw 0;
	padding-right:3em;
}
.article-section {
	border-top: solid 1px #008000;
	padding-bottom: .3vw;
}
.article-section:last-child {
	border-bottom: solid 1px #008000;
}
.article-section .section-content {
	margin-bottom: 1.3vw;
}
.article-section .collapsible {
	margin: 0;
	position: absolute;
	right:0.5em;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
article .field-name-body {
	padding-bottom: 1.5vw;
}
.node-type-sgs-widget-panel .field-name-body {
	border: none;
}
h2.section-header {
	color: #333;
}
.section-header:hover {
  cursor: pointer;
}
.view-related-articles .views-field-field-civc-topic, .view-related-articles .views-field-name, .view-related-initiatives .views-field-name, .view-related-initiatives .views-field-field-civc-topic, .view-related-initiatives .views-field-body {
 padding:.5vw .7vw;
}
.view-related-articles .views-field-field-civc-topic, .view-related-articles .views-field-name {
	/*text-transform: uppercase;*/
	font-weight: bold;
}
.row {
	margin: 0;
}
[class*="col-"] {
    padding:0;

}

.container {
	width: 100%;
	overflow: hidden;
	padding: 0;
}
.container .container {
	width: 100%;
	padding: 0 1.5vw;
}
.container .row {
	margin-right: -1.5vw;
	margin-left: -1.5vw;
}
.container [class*="col-"] {
	padding-right: 1.5vw;
	padding-left: 1.5vw;
}
.row-start {
	clear: both;
}
.col-accent {
	position: absolute;
	top: 40px;
	right: 0;
	/*bottom: 1.2vw;*/
	left: 0;
	background-color: #fff;
	z-index: 1;
	bottom: 40px;
}
.links {
	text-align: center;
	margin-top: 2vw;
	margin-bottom: 2vw;
}
a.btn, a:focus.btn {
	background-color: #008c44;
	color: #FFF;
	display: inline-block;
	padding: 8px 20px;
	text-transform: uppercase;
	font-size: 1.6vw;
	border: 0;
	border-radius: 0;
	max-width: 250px;
	white-space: inherit;
	font-family: "Flama Bold", sans-serif;
	margin-top: 2vw;
}
a:hover.btn,a:visited.btn {
	color: #fff;
}
article h1 {
	margin-bottom: 20px;
}
.light-green-underline {
	border-bottom: solid 1px #a4bf58
}
.bold {
	font-weight: bold;
}
.uppercase {
	text-transform: uppercase;
}
.ajax-progress {
	display:none;
}

.more {
	text-align: center;
	margin: 30px;
}
.more a {
	text-transform: uppercase;
	font-family: "Flama Bold", sans-serif;
	background-color: #008c44;
	color: #fff;
	display: inline-block;
	padding: 15px 40px;
	font-size: 1.2em;
	font-weight: 600;
}
.more a:hover {
	color: #fff;
	text-decoration: underline;
}
div.addressfield-container-inline {
	display: inline;
}
/*
div.addressfield-container-inline:after {
	content: ", ";
	display: inline;
	height: auto;
	clear: none;
	visibility: visible;
}
*/
.initiative-page-panel .civc_landing, .partners-home-panel .civc_landing {
	position: relative;
	z-index: 2;
}
.initiative-page-panel #dcf_wgpanel__pane_1,
.partners-home-panel #dcf_wgpanel__pane_1 {
	margin-bottom:20px;
}
.initiative-page-panel .content-wrapper, .partners-home-panel .content-wrapper {
	padding-bottom: 20px;
}
.initiative-page-panel .node-civc-landing-page:after, .partners-home-panel .node-civc-landing-page:after {
	position: absolute;
	content: " ";
	border-radius: 100%;
	box-shadow: 0 1px 8px 5px rgba(0, 0, 0, 0.4);
	z-index: 1;
	left: 10%;
	height: 10px;
	width: 80%;
	bottom: 0;
}
/*
.initiatives-panel .civc_initiative_type .node_title,
.about-sub-panel .node_title {
	position: relative;
	font-size: 4.5vw;
	font-family: "Flama Condensed Light", sans-serif;
	padding: 3vw;
	margin: 0;
	line-height: 100%;
}
.initiatives-panel .civc_initiative_type .node_title,
.about-sub-panel .title-only .node_title {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.about-sub-panel .node_title {
	padding:0;
	font-size: 4vw;
}
.initiatives-panel .civc_initiative_type .node_title:after,
.about-sub-panel .node_title:after {
	position: relative;
	top: 2px;
	right: -10px;
	display: inline-block;
	font-family: FontAwesome;
	line-height: 1;
	font-size: 4vw;
	text-rendering: auto;
	-moz-osx-font-smoothing: grayscale;
	content: '\f0da';
}
.about-sub-panel .node_title:after {
	font-size: 3.5vw;
}
.initiatives-panel .civc_initiative_type .node_summary {
	display: none;
}
.about-sub-panel .node_summary {
	font-size: 1.8vw;
	margin-top:2vw;
}
.about-sub-panel .title-only .node_topic,
.about-sub-panel .title-only .node_summary,
.about-sub-panel .title-only .node_desc {
	display:none;
}
.about-sub-panel .title-only .node_title {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
*/
/* Sidebar Styles */
#block-views-civc-related-initiatives-all {
	background-color: #d7d7d7;
	margin-left: -1.5vw;
	padding: 2vw 0 0;
}
#block-views-civc-related-initiatives-all .block-title {
	margin-left: 1.5vw;
}
#block-views-civc-related-initiatives-all ul, #block-views-civc-related-initiatives-all .views-field-title {
	margin: 0;
	padding: 0;
}
#block-views-civc-related-initiatives-all .views-row {
	border-bottom: 1px solid #fff;
}
#block-views-civc-related-initiatives-all .views-row-last {
	border-bottom: none;
}
#block-views-civc-related-initiatives-all .views-row a {
	display: inline-block;
	padding: 1.5vw;
	font-family: "Flama Bold", sans-serif;
	font-size: 1.4vw;
	text-transform: uppercase;
	line-height: 1;
}
#block-views-civc-related-initiatives-all .views-row i {
	display: block;
	float: right;
 padding-left:.5vw;
}
#block-civc-controller-civc-contact-block {
	width:calc(100% + 3vw);
	margin-left: -1.5vw;
}
.sidebar aside {
	padding-top: 7vw;
	font-size: 1.75vw;
}
aside>section {
	margin-bottom: 4vw;
}
aside h2 {
	font-size: 2.4vw;
}
aside>section a {
	color: #333;
}
aside>section a:hover {
	text-decoration: none;
	color: #008000;
}
aside .block .fa {
	float: right;
}
aside .block a {
	display: block;
}
aside img {
	max-width: calc(100% + 3vw);
	height: auto;
	margin-left: -1.5vw;
	margin-bottom: 6px;/*max-height: 15vw;*/
}
aside .views-row,
aside .view-content {
	margin-bottom: 5vw;
	font-size: 1.4vw;
}
/*aside #block-views-related-articles-learn .views-row {*/
	/*margin-bottom:1.5vw;*/
/*}*/
aside .view-related-articles .views-row,
aside .view-civc-related-initiatives .views-row,
aside .view-civc-related-initiatives .view-content {
	margin-bottom: 0;
}
aside .node_topic {
	font-family: "Flama Bold", sans-serif;
	color: #484848;
	text-transform: uppercase;
}
aside .node_topic span {
	padding: 0 4px;
}
aside .node_title {
	font-size: 1.6vw;
	line-height: normal;
}
aside .locality-block:after {
	display: none;
}
aside .view .more {
	margin:0;
}
aside .view .more a {
	width:90%;
	margin: 0 auto;
	padding: 1vw 1.5vw;
	font-size: 1.6vw;
}
aside .view .more a:after {
	padding-left: 1.5vw;
	font-size: 2vw;
}
.related-listing a,
.view-related-articles a {
	display: inline-block;
	margin-bottom: 1.5vw;
}
.view-related-articles .views-row div,
.view-latest-events .views-row div,
.view-latest-events .view-content > div div, /* this view is outputting incorrect wrappers */
.view-latest-initiatives-news .views-row div,
.view-latest-general-page .views-row div {
	margin-bottom:.6vw;
}
/* override since grids are stacking rather than adding more items to one grid */
.grid[class^="views-row-"]:before, .grid[class*=" views-row-"]:before,
.grid[class^="views-row-"]:after, .grid[class*=" views-row-"]:after {
	height:0;
	box-shadow: none;
}
/* override for the override because drupal sucks */
.view-content .grid.views-row-last:after,
.view-content .grid.views-row-first:before {
	box-shadow: 0 1px 8px 5px rgba(0, 0, 0, 0.4);
	height:10px;
}
.view-content .grid.views-row-first:after,
.view-content .grid.views-row-last:before {
	box-shadow: none;
	top:0;
	height:0;
}
#stOverlay {
	cursor: pointer;
}
/* embedded video responsive styling */
.vf-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	margin-bottom:20px;
}
.vf-container iframe, .vf-container object, .vf-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/** special styling for participate/share-your-story page **/
.story-page-panel .filter-section{
	margin-top: 1vw;
}

@media (max-width: 480px) {
	.sidebar .col-main:after {
		display: none;
	}
	/*
	.initiatives-panel.grid .grid-item h3.node_title,
	.about-sub-panel.grid .grid-item h3.node_title {
		font-size: 36px;
	}
	*/
	/*
	.initiatives-panel .civc_initiative_type .node_title:after,
	.about-sub-panel .node_title:after {
		font-size: 34px;
	}
	*/
	.dcf_listgroup .inner_pane__featured_info {
		padding: 30px 15px;
	}


}

@media screen and (min-width: 481px) {
	h1 {
		font-size: 4.5vw;
	}
	h2 {
		font-size: 3.6vw;
	}
	h3 {
		font-size: 2.4vw;
	}
}
@media (max-width: 767px) {
	.dcf_listgroup__list_more,
	.dcf_listgroup__list_cta {
		position: relative !important;
		padding: 0 !important;
		top: 10px;
		right: auto;
		transform: none;
	}
	.dcf_listgroup__list_more {
		margin-bottom:10px;
	}
}
@media screen and (max-width: 768px) {
	.sidebar aside {
		font-size: 12px;
	}
	aside h2 {
		font-size: 24px;
	}
	aside .views-row {
		font-size: 10px;
		margin-bottom: 20px;
	}
	aside .views-row {
		font-size: 11px;
	}
	aside .views-row .node_title,  aside .more a {
		font-size: 11px;
	}
	aside img {
		max-height: 200px;
		width:auto;
		margin-left: 0;
	}
	aside .views-row,
	aside .view-content {
		font-size:11px;
	}
	aside .node_title {
		font-size: 12px;
	}
	aside .view .more {
		text-align: center;
	}
	aside .view .more a,
	a.btn, a:focus.btn {
		display:inline-block;
		font-size:11px;
		width:auto;
		padding: 10px 15px;
	}
	aside .view .more a:after {
		font-size:12px;
	}
	#block-views-civc-related-initiatives-all .views-row a {
		font-size: 12px;
		padding: 12px;
	}
	.node-webform .webform-client-form .btn {
		font-size: 14px;
	}
	.dcf_listgroup__tab {
		margin-top: 30px;
	}
	.dcf_listgroup__tab_label {
		width: 50%;
		float: left !important;
		margin: 0px;
	}
	/*
	.about-sub-panel .node_summary {
		font-size:13px;
		margin-top:15px;
	}
	*/
}
@media screen and (min-width: 769px) {
body {
	font-size: 16px;
}
}
@media screen and (min-width: 1200px) {
	h1 {
		font-size: 56px;
	}
	h2 {
		font-size: 42px;
	}
	h3 {
		font-size: 32px;
	}
	.container {
		width: 1200px;
	}
	.sidebar aside {
		font-size: 18px;
	}
	aside h2 {
		font-size: 26px;
	}
	.related-listing a,  .view-related-articles a {
		margin-bottom: 16px;
	}
	aside .views-row {
		font-size: 15px;
		margin-bottom: 32px;
	}
	aside .views-row .node_title,  aside .more a {
		font-size: 17px;
	}
	aside .view .more a {
		margin: 10px 0;
		padding:12px 18px;
	}
	#block-views-civc-related-initiatives-all .views-row a {
		font-size: 15px;
		padding: 16px;
	}
	/*
	.initiatives-panel .civc_initiative_type .node_title {
		font-size: 54px;
		padding: 34px;
	}
	.initiatives-panel .civc_initiative_type .node_title:after {
		font-size: 48px;
	}
	.about-sub-panel .node_title {
		font-size: 48px;
	}
	.about-sub-panel .node_title:after {
		font-size: 42px;
	}
	.about-sub-panel .node_summary {
		font-size:22px;
		margin-top:24px;
	}
	*/
	aside .view .more a,
	a.btn, a:focus.btn {
		font-size:18px;
	}
	aside .view .more a:after {
		font-size: 24px;
	}
	aside .views-row, aside .view-content {
		margin-bottom:60px;
	}
	aside .views-row, aside .view-content,
	aside .views-row {
		font-size:16px;
	}
	aside .node_title {
		font-size:18px;
	}
	.view-related-articles .views-row div,
	.view-latest-events .views-row div,
	.view-latest-events .view-content > div div,
	.view-latest-initiatives-news .views-row div,
	.view-latest-general-page .views-row div {
		margin-bottom:4px;
	}
	.related-listing a,
	.view-related-articles a {
		margin-bottom:16px;
	}
}


/* add this styling */
.addthis-smartlayers-mobile{

	display:none;
	width: 100%;
	text-align:center;
	margin: 0 auto;
	top: 84px;
	position: fixed;
	z-index: 5;
	transition:.3s !important;
	height:133px;



}

.social-section .st_sharethis_custom.open{
	color:#9EC436; 
	z-index: 3; 
	padding-bottom:27px;
	transition:.5s;
} 

#at-share-dock{
	max-width:1140px !important;
	width:100%;
	position: relative;
	border: none;
	margin:0 auto;
	opacity:1;
	z-index: 0;
	animation-duration:.5s;
	-webkit-animation-duration: .5s;

	
}
#at-share-dock .at-icon-wrapper{padding:13px 0 !important;}
#at-share-dock .at4-count, #at-share-dock .at4-count span{
	background-color:#9EC436 !important; 
	color:#fff !important;
}

 #at-share-dock .at4-count{padding:8px 0 !important;}


/* hide share icon for mobile as its in header */
.content .share{display:none;}



@media screen and (max-width: 968px) {
	.addthis-smartlayers-mobile{
		top: 73px;

	}



	/* target ios devices and remove non compliant css */
	html.ios #block-views-articles-learn-block .ms-slide,
	html.ios #block-views-articles-learn-block .ms-slide img{display:none;}
	html.ios #block-views-articles-learn-block .ms-slide.active{display:table;}
	html.ios #block-views-articles-learn-block .ms-slide .ms-slider-title{
		transition: linear 0.5s ease 0s;
		-webkit-transition:  linear 0.5s ease 0s;
		
	}

	html.ios #block-views-articles-learn-block .ms-slide.active img{
		margin:0px !important; 
		padding:0px;
		display:block;
		left:0px !important;
		top:0px !important;
		width:100% !important;
		height:auto !important;
	 }

}
@media screen and (min-width: 768px){
	.sgs_url_promo_block h3.node_title{font-size:2.25em;}

}
/*hide the intro on mobile as requested */
@media screen and (max-width: 768px){
	#intro, #intro .dcf_videobg__container, #intro .dcf_videobg{display:none !important;}

}



.mm-menu {
    background: #262729;
    border-color: rgba(0,0,0,0.1);
    color: rgba(0,0,0,0.7);
    /*margin-top: 20px;*/
}

@media screen and (max-width: 968px){.header-nav .logo-section img {
    margin-left: 10px;
    height: 40px;
}}

.site-footer-block .logo-section img {
    width: 570px;
}


/**** NEW Footer ***/

footer { background-color: #202224; padding: 20px 0; }
.footerLinkTitle { margin: 0 0 10px 0; }
.footerLinkTitle a { color: #019ebc; font-family: "Flama Bold", sans-serif; font-size: 20px; text-transform: uppercase; padding: 0; margin-bottom: 10px; text-decoration: none; }
.footerLinkTitle a:hover { text-decoration: none; outline: none; }
.footerLinksec { margin: 0; padding: 0; }
.footerLinksec li { margin: 0; padding: 0; list-style-type: none; }
.footerLinksec li a { display: inline-block; color: #fff; padding: 0 0 6px; line-height: normal; font-size: 14px; }
.footerLinksec li a:hover { text-decoration: underline; }
.footer-logoSec { float: left; width: 100%; }
.footer-logoSec img { margin: 0 auto; display: block; margin-bottom: 60px; }
.stylish-input-group { width: 100%; }
.stylish-input-group .input-group-addon { background: #444443 !important; border: 3px solid #ccc !important; border-left: none !important; font-size: 24px; color: #fff; padding: 6px;  font-color: #fff}
.stylish-input-group .form-control { border-right: 0; box-shadow: 0 0 0; border-color: #ccc; width: 100%; color: #fff }
.stylish-input-group button { border: 0; background: transparent; }

.input-group-addon { border-radius: 0; }
.form-controlCustom { background-color: #444443; border: 3px solid #ccc; box-shadow: none; border-radius: 0px; width: 100%; height: 45px; }

input.form-controlCustom::-webkit-input-placeholder {
color: #fff !important;
}
 input.form-controlCustom:-moz-placeholder {
color: #fff !important;
}
 input.form-controlCustom::-moz-placeholder {
color: #fff !important;
}
 input.form-controlCustom:-ms-input-placeholder {
color: #fff !important;
}

.sm-iconSection { float: left; width: 100%; }
.sm-iconSection .sm-iconTitle { font-family: "Flama Medium", sans-serif; font-size: 20px; color: #019ebc; text-transform: uppercase; padding: 0; margin: 0 0 10px; line-height: 1.42857; text-align: center; }
.sm-iconSection ul { margin: 7px 0; padding: 0; text-align: center; }
.sm-iconSection ul li { margin: 0 5px; padding: 0; list-style-type: none; display: inline-block; }
.sm-iconSection ul li a img { display: block; width: 33px; height: 33px; }

.newsLetterSec { float: left; width: 100%; }
.newsLetterSec .newsLetterSec-title { font-family: "Flama Medium", sans-serif; font-size: 20px; color: #019ebc; text-transform: uppercase; padding: 0; margin: 25px 0 10px 0; line-height: 1.42857; text-align: center; }

.f-bottomLinks { margin: 15px 0 0 0; padding: 0; text-align: center; }
.f-bottomLinks li { margin: 0; padding: 0; list-style-type: none; display: inline-block; }
.f-bottomLinks li a { color: #959595; font-family: "Flama Medium", sans-serif; font-size: 10px; text-transform: uppercase; padding: 0 15px 0 0; }
.f-bottomLinks li a:hover { text-decoration: none; }

/* Media Quries */
@media only screen and (min-width: 768px) {
}

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

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}

@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation : portrait) {
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.footerLinkTitle { text-align: center; }
.sm-iconSection { margin-top: 60px; }
.col-md-4{ z-index: 9999; }
}

@media only screen and (max-width:767px) {
.footerLinkTitle { text-align: center; }
.sm-iconSection { margin-top: 60px; }
.col-md-4{ z-index: 9999; }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.col-md-4{ z-index: 9999; }
}


//@media only screen and (min-device-width : 768px) {
//.col-md-4{z-index: 9999;}
//}

//@media only screen and (max-width:767px) {
//.col-md-4{ z-index: 9999; }
//}


//@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
//.col-md-4{ z-index: 9999;}
//}
//@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
//.col-md-4{ z-index: 9999;}
//}
/*** new footer ends ***/

form#webform-client-form-477 > div > div > div > div > div > div > button {
    display: none;
}
.webform-component--contact-us{
    display: none;
}
form#webform-client-form-477 > div > div > div > div > div > div.captcha {
    display: none;
}


.footer-top {
  background-color: #26d07c;
  z-index: 1;
  padding: 3em 10vw;
}

.footer-top .region-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url(../images/parallax/Asset-14.svg), url(../images/parallax/Asset-13.svg);
  background-position: 100% 50%, 0% 50%;
  background-size: 13%, 13%;
  background-repeat: no-repeat, no-repeat;
  position: relative;
  z-index: 1;
}
.region.region-footer .wrapper.newsletter {
	background: none;
}

.footer-top .region-footer .block-webform .webform-component-email label, .footer-top .region-footer .block-webform .webform-component-email input {
  display: inline-block;
}
.footer-top .region-footer .block-webform .webform-component-email label span.form-required {
  display:none;
  margin-left:15px;
}
.footer-top .region-footer .block-webform .webform-component-email label {
  margin-right: 0.3em;
  margin-bottom: 0px;
  font-family: Bebasneue, sans-serif;
  color: #fff;
  font-size: 2.2em;
  line-height: 1;
  font-weight: 400;
  text-transform: uppercase;
  white-space: nowrap;
  vertical-align: middle;
}
.footer-top .region-footer .block-webform .alert-block {
  position: absolute;
  top: 90%;
  padding: 10px;
  width: 60%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}
.footer-top .region-footer .block-webform .webform-component-email input {
  width: 250px;
  height: 2.5em;
  margin-bottom: 0px;
  padding: 0em 0.5em;
  border-style: solid;
  border-width: 2px;
  border-color: #fff;
  background-color: hsla(0, 0%, 100%, 0);
  color: #fff;
  font-size: 1.1em;
  border-radius: 0;
}
.footer-top .region-footer .block-webform .alert-block {
  position: absolute;
  top: 90%;
  padding: 10px;
  width: 60%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}

.footer-top .region-footer .block-webform .webform-confirmation {
  background-color: #dddd;
  padding: 15px;
  width: 100%;
  text-align: center;
  /* color: #ffff; */
  position: relative;
}

.footer-top .region-footer .block-webform .links {
  margin: 0;
}

.footer-top .region-footer .block-webform .links a {
  color: #fff;
  font-weight: bold;
}

.footer-top .region-footer .block-webform .links a:hover {
  font-weight: normal;
}
.footer-top .region-footer .block-webform .form-actions,.footer-top .region-footer .block-webform .form-actions button {
  display: inline-block;
  margin: 0;
  padding: 0;
  margin-left: -5px;
}
.footer-top .region-footer .block-webform .form-actions button {
  color: inherit;
  font: inherit;
  margin: 0;
  display: inline-block;
  padding: 9px 15px;
  background-color: #3898EC;
  color: white;
  border: 0;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
  border-radius: 0;
  height: 2.5em;
  padding: 0.5em 0.5em;
  background-color: #fff;
  color: #26d07c;
  font-size: 1.1em;
  text-transform: uppercase;
  border-radius: 0;
  /* margin-right: 1.1em; */
  /* width: 150px; */
  text-align: center;
}
.footer-top .region-footer .block-webform form {
  display: inline;
  /* width: fit-content; */
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.footer-top .region-footer .block-webform .webform-component-email {
  display: inline;
  margin: 0;
  padding: 0;
  line-height: 0;
  vertical-align: bottom;
}
.region.region-foot-desc {
    font-size: 16px;
}