/*** GLOBAL ***/

@media only screen {
	body {
		background: #333;
	}
	/*typography*/
	h1, h2, h3, h4, h5, h6 {
		font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
		/* font-weight: 600; */
		font-weight: 400;
		font-style: normal;
		color: #444;
		text-rendering: optimizeLegibility;
		margin-top: 0.2em;
		margin-bottom: 0.5em;
		line-height: 1.2125em;
	}
	h1 {
		font-family: "Times New Roman", times, serif;
		margin: 0 0 25px 0;
		font-size: 48px;
		line-height: 54px;
		color: #437E5C;
		font-weight: 400;
	}
	h2{
		font-size: 26px;
		line-height: 32px;
		color: #333;
	}
	h3 {
		font: 400 20px/26px "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
		color: #444;
	}
	h4 {
		font-size: 18px;
		line-height: 20px;
	}
	h5 {
		font: 600 14px/22px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
		text-transform: uppercase;
	}
	h6 {
		font-size: 16px;
		line-height: 18px;
	}
	p {
		font-family: "Times New Roman", times, serif;
		font-size: 16px;
		line-height: 30px;
		color: #040404;
	}
	a {
		color:#437E5C;
		
	}
	a:hover {
		text-decoration: underline;
		color:#21412E;
	}
	a.more {
		display: block;
		float: left;
		position: relative;
		font: 600 13px/16px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
		margin-bottom: 20px;
		padding-right: 10px;
		color: #222;
	}
	a.more:after {
		content: "\f0da";
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		text-decoration: none;
		color: #ffd200;
		font-size: 16px;
		padding: 0;
		position: absolute;
		top: 0;
		right: -5px;
	}
	a.external:after {
		content: "\f08e";
		font-family: FontAwesome;
		color: white;
		font-style: normal;
		font-weight: normal;
		font-size: 8px;
		position: absolute;
		top: 7px;
		right: 5px;
	}
	ul,
	ol {
		font: 13px/20px  "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
		color: #444;
	}
	li{
		font: 13px/20px  "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
		margin-left: 20px;
		color: #444;
	}

	/*general styles*/
	* {
	  box-sizing: border-box;
	}
	.row {
		max-width: 1350px;
	}
	.column,
	.columns {
		padding-left: 0;
		padding-right: 0;
	}
	#l-head {
		max-width: 1350px;
	}
	#l-head-wrap {
		background: #222 url("/web_resources/themes/discover/import/csmd.vpmdev.com/dress/global/mobile-header-bg.gif") no-repeat left top;
		background-size: 100% 5px;
	}
	#l-head {
		padding: 5px 0 0 0;
	}
	#l-header-first {
		padding: 0 0 0 0;
	}
	#l-header-first .site-logo {
		display: block;
		float: left;
		width: 65%;
		width: -webkit-calc(100% - 100px);
		width: calc(100% - 100px);
		padding: 0 0 0 0;
	}
	#l-header-first .site-logo img {
		/* width: 200px;
		padding: 35px 20px 0 20px; */
		width: 220px !important;
		padding: 25px 20px 0 20px;
		padding-top:0px !important;
	}
	#l-header-first .mobi-toggle-wrapper {
		display: block;
		float: left;
		width: 100px;
		height: 100%;
		margin: 0;
		padding-bottom:45px;
		text-align: center;
		border-left: 1px solid #333;
	}
	#l-header-first .mobi-toggle-wrapper .toggle {
		width: 100%;
		height: 100%;
		padding: 45px 0 0 0;
		cursor: pointer;
	}
	#l-header-first .mobi-toggle-wrapper .toggle:before {
	    content: "\f0c9";
    	font-family: FontAwesome;
    	font-size: 25px;
		line-height:0px;
    	color: #fed130;
	}
	#l-header-second {
		display: block;
		position: relative;
	}
	#l-header-second ul.utility-nav {
		float: right;
	}
	#l-header-second ul.utility-nav li {
		display: block;
		float: left;
		width: auto;
		margin: 0;
	}
	#l-header-second ul.utility-nav li a {
		display: block;
		margin: 7px 0;
		padding: 3px 20px;
		font: 14px/14px "Times New Roman", times, serif;
		color: white;
		font-style: italic;
		border-left: 1px solid rgba(255, 255, 255, 0.1);
	}
	#l-header-second ul.utility-nav li.give-now {
		
	}
	#l-header-second ul.utility-nav li.give-now a {
		margin: 0;
		padding: 10px 15px;
		background-color: #ffde00;
		color: #222;
		font-weight: 600;
		font-size: 16px;
		text-transform: uppercase;
	}
	#l-header-second ul.utility-nav li.give-now a:hover {
		background-color: #e5c700;
		text-decoration: none;
	}

	#search {
		display: none;
	}
	#search a.search {
		display: none;
	}
	#search a.search:hover {}
	#search form {
		position: relative;
		margin: 0 5%;
	}
	#search input {
		width: 100%;
		margin: 15px 0px;
		background: white;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border: none;
	}
	#search input#site_search_button{
		width: 32px;
		height: 32px;
		position: absolute;
		top: 0;
		right: 10px;
		margin: 0;
		padding: 0;
		background: white url(/web_resources/themes/discover/import/csmd.vpmdev.com/dress/global/green-search.png) no-repeat center;
	}

	#l-header-third {
		display: block;
		text-align: center;
	}
	#l-header-third ul {
		margin: 0;
	}
	#l-header-third ul li {
		display: block;
		float: left;
		width: 100%;
		margin: 0;
		border-bottom: 1px solid white;
	}
	#l-header-third ul li.hide {
		display: none;
	}
	#l-header-third ul li.nav-entry-1 {
		border-top: 1px solid white;
	}
	#l-header-third ul li a {
		display: block;
		padding: 15px 5px;
		font: 14px/18px "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
		color: white;
		text-transform: uppercase;
	}

	#l-footer-wrap {
		background: #222;
	}
	#l-footer {
		max-width: 1150px;
	}
	#l-footer-first {
		padding: 10px 10px;
		background: #ffde00;
		text-align: center;
	}
	#l-footer-first ul.footer-nav {
		display: inline-block;
		margin: 0;
	}
	#l-footer-first ul.footer-nav li {
		display: block;
		float: left;
		width: 50%;
		margin: 0;
	}
	#l-footer-first ul.footer-nav li a {
		display: block;
		padding: 8px 20px;
		font: 600 12px/19px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
		color: #222;
		text-align: left;
	}
	#l-footer-second {
		padding: 50px 0 45px 0;
	}
	#l-footer-second .footer-image {
		display: block;
		float: left;
		width: 50%;
		padding: 10px 5%;
	}
	#l-footer-second .footer-image img {
		display: block;
		width: 165px;
		margin: 0 auto;
	}
	#l-footer-second .footer-image.cfc img {
		width: 120px;
	}
	#l-footer-third {
		padding: 0 0 0 0;
	}
	#l-footer-third div.social-menu-wrap {
		text-align: center;
	}
	#l-footer-third div.social-menu-wrap ul.social-menu {
		display: inline-block;
	}
	#l-footer-third div.social-menu-wrap ul.social-menu li {
		display: block;
		float: left;
		width: auto;
		margin: 0;
		padding: 0 10px;
	}
	#l-footer-third div.social-menu-wrap ul.social-menu li a span {
		color: white;
		font-size: 28px;
	}
	#l-footer-third div.social-menu-wrap ul.social-menu li a span.zenfolio-icon {
		display: block;
		width: 42px;
		height: 16px;
		margin-top: 6px;
	    background-image: url("/web_resources/themes/foundation/dress/images/zen-logo01.png");
	    background-repeat: no-repeat;
	    background-size: 100% 100%;
	}
	#l-footer-third div.social-menu-wrap ul.social-menu li a span span {
		display: inline-block;
		text-align: left;
		text-indent: -9999px;
	}
	#l-footer-third div.social-menu-wrap a.more {
		float: none;
		color: white;
	}
	#l-footer-third div.social-menu-wrap a.more:after {
		color: white;
	}
	#l-footer-fourth {
		padding: 40px 20px 30px 20px;
	}
	#l-footer-fourth p {
		font: italic 400 16px/22px "Times New Roman", times, serif;
		color: #ccc;
		text-align: center;
	}
}
@media only screen and (min-width: 768px) {
	#l-head-wrap {
		/* background: #2d2d2d url("/web_resources/themes/foundation/dress/images/found-header-bg01.png") no-repeat left top; */
		background-color: #2d2d2d;
		background-image: url("/web_resources/themes/foundation/dress/images/found-header-bg01.png");
		background-repeat: no-repeat;
		background-position: left top;
		background-size: 100% 40px;
	}
	#l-header-first {
		padding: 5px 0 10px 0;
	}
	#l-header-first .site-logo {
		width: auto;
		float: none;
	}
	#l-header-first .site-logo img {
		padding: 8px 0 0 30px;
		width: auto;
	}
	#l-header-first .mobi-toggle-wrapper {
		display: none;
	}
	#l-header-second {
		
	}
	#l-header-second > .perc-vertical {
		float: right;
	}
	#l-header-second .perc-vertical .perc-widget {
		float: left;
	}

	#search {
		display: block;
		background: none;
		float: left;
		width: 55px;
		position: relative;
	}
	#search a.search {
		display: block;
		float: right;
		width: 55px;
		height: 34px;
		background: url("/web_resources/themes/discover/import/csmd.vpmdev.com/dress/global/white-search.png") no-repeat center;
		text-indent: -10000px;
	}
	#search a.search.on {

	}
	#search a.search:hover {}
	#search form {
		display: none;
		margin: 0;
	}
	#search.show-input form {
		display: block;
	}
	#search input {
		position: absolute;
		width: 200px;
		top: 30px;
		right: 5px;
		bottom: 0px;
		margin-bottom: 0;
		z-index: 1;
	}
	#search input#site_search_button {
		position: absolute;
		top: 45px;
		right: 12px;
	}

	#l-header-third {
		padding: 15px 0 10px 0;
		border-top: 2px solid rgba(255, 255, 255, 0.1);
	}
	#l-header-third ul {
		display: block;
		float: left;
		width: 100%;
	}
	#l-header-third ul li {
		width: 20%;
		border-left: 1px solid rgba(255, 255, 255, 0.1);
		border-bottom: none;
	}
	#l-header-third ul li.nav-entry-1 {
		border-top: none;
	}
	#l-header-third ul li.nav-entry-2 {
		width: 15%;
	}
	#l-header-third ul li.nav-entry-5 {
		width: 25%;
		border-right: 1px solid rgba(255, 255, 255, 0.1);
	}
	#l-header-third ul li a {
		padding: 8px 20px;
	}
	#l-header-third ul li.sfHover ul li {
		width: 100%;
		border-left: none;
	}
	#l-header-third ul li.sfHover ul li a {
		position: relative;
		padding: 8px 20px 8px 30px;
		text-align: left;
	}
	#l-header-third ul li.sfHover ul li a:before {
		content: "\f054";
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		color: white;
		font-size: 10px;
		position: absolute;
		top: 8px;
		left: 12px;
	}

	#l-footer-first {
		padding: 8px 0 8px 0;
	}
	#l-footer-first ul.footer-nav {
		display: block;
		float: left;
		width: 100%;
	}
	#l-footer-first ul.footer-nav li {
		width: 20%;
		border-left: 1px solid #7f6f00;
	}
	#l-footer-first ul.footer-nav li:last-child {
		border-right: 1px solid #7f6f00;
	}
	#l-footer-first ul.footer-nav li a {
		padding: 2px 20px;
		text-align: center;
	}
	#l-footer-second {
		padding: 20px 0 10px 20px;
	}
	#l-footer-second .footer-image {
		width: 100px;
		margin-right: 25px;
		padding: 0;
	}
	#l-footer-second .footer-image img {
		width: auto;
	}
	#l-footer-second .footer-image.cfc {
		margin-left: -15px;
	}
	#l-footer-second .footer-image.cfc img {
		width: 75px;
	}
	#l-footer-third {
		padding: 40px 20px 5px 0;
	}
	#l-footer-third div.social-menu-wrap {
		text-align: right;
	}
	#l-footer-third div.social-menu-wrap ul.social-menu {
		/* float: right; */
	}
	#l-footer-third div.social-menu-wrap ul.social-menu li a span {
		font-size: 16px;
	}
	#l-footer-third div.social-menu-wrap ul.social-menu li a span.zenfolio-icon {
		width: 32px;
		height: 12px;
	}
	#l-footer-fourth {
		padding: 0 0 0 20px;
	}
	#l-footer-fourth p {
		text-align: left;
	}
}
@media only screen and (min-width: 1150px) {
	#l-header-first .site-logo {
		padding: 0 0 0 0;
	}
	#l-header-third ul li {
		max-width: none;
	}
	#l-header-third ul li a {
		
	}
	#l-footer-wrap {
		background: linear-gradient(to bottom, #ffde00 0%,#ffde00 40px,#ffde00 40px,#222 40px,#222 0%);
	}
	#l-footer-second {
		padding-left: 0;
	} 
	#l-footer-second .footer-image {
		width: 120px;
	}
	#l-footer-third {
		padding-right: 0;
	}
	#l-footer-fourth {
		padding-left: 0;
	}
}
@media only screen and (min-width: 1350px) {
	#l-header-first .site-logo img {
		padding-left: 0;
	}
}
@media only screen and (max-width: 768px) {
	#l-header-second {
		display: none;
	}
	#l-header-third {
		display: none;
	}
	
	#l-head.mobi-open #l-header-second {
		display: block;
		text-align: center;
	}
	#l-head.mobi-open #search {
		display: block;
	}
	#l-head.mobi-open #l-header-second ul.utility-nav {
		display: inline-block;
		float: none;
		margin: 15px 0;
	}
	#l-head.mobi-open #l-header-third {
		display: block;
	}
}
@media only screen and (max-width: 1150px) {
	#l-header-third ul li.sfHover ul {
		display: none !important;
	}
}
@media print {

}