.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
	text-decoration: none !important;
}
.btn-default:active, .btn-primary:active, .btn-success:active, .btn-info:active, .btn-warning:active,
.btn-danger:active, .btn-default.active, .btn-primary.active, .btn-success.active, .btn-info.active,
.btn-warning.active, .btn-danger.active {
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-default.disabled, .btn-primary.disabled, .btn-success.disabled, .btn-info.disabled, .btn-warning.disabled,
.btn-danger.disabled, .btn-default[disabled], .btn-primary[disabled], .btn-success[disabled], .btn-info[disabled],
.btn-warning[disabled], .btn-danger[disabled], fieldset[disabled] .btn-default, fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-success, fieldset[disabled] .btn-info, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-danger {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.btn-default .badge, .btn-primary .badge, .btn-success .badge, .btn-info .badge, .btn-warning .badge, .btn-danger .badge {
	text-shadow: none;
}
.btn:active, .btn.active {
	background-image: none;
}
.btn-default {
	text-shadow: 0 1px 0 #fff;
}
.thumbnail, .img-thumbnail {
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
}
.list-group {
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
}
.panel {
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .05);
}
.well {
	background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #fefefe 100%);
	background-image: -o-linear-gradient(top, #f0f0f0 0%, #fefefe 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#fefefe));
	background-image: linear-gradient(to bottom, #f0f0f0 0%, #fefefe 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0f0f0', endColorstr='#fffefefe', GradientType=0);
	background-repeat: repeat-x;
	border-color: #d8d8d8;
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
}
body {
	background: #d9ddd1;
	padding-top: 85px;
	color: #333;
}
body a {
	color: #538600;
}
h3 a, h4 a {
	text-decoration: none !important;
}
#nav {
	height: 73px;
	background: #fff;
	border-color: #a3b77f;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}
#nav-brand {
	font-size: 1px;
	color: #fff !important;
	text-indent: -3000px;
	display: block;
	border: none;
	width: 209px;
	height: 38px;
	margin-top: 20px;
	background: url('../img/of2f_navbar_logo_plain2.png');
	background-size: 209px;
}
#nav-brand {
	margin-left: -4px;
}
@media (max-width: 767px) {
	#nav-brand {
		margin-left: 12px;
	}
}
#nav a {
	color: #538600;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	font-family: 'open sans condensed', sans-serif;
}
#nav a:hover, #nav a:focus, #nav a:active, #nav a:hover i, #nav a:focus i, #nav a:active i {
	color: #000;
}
#nav .active a {
	background: none;
	color: #a3b77f;
}
#nav .fa {
	color: #a3b77f;
}
#nav .navbar-toggle {
	margin-top: 22px;
}
#nav .navbar-toggle i {
	color: #2d4800;
}
#nav .navbar-collapse {
	border: none;
}

/* navbar buttons */
#nav .navbar-nav {
	background: none;
}
#nav .navbar-nav a {
	height: 34px;
	padding: 10px 20px;
	margin-top: 26px;
	font-size: 14px;
}
#navbar .open a {
	background: none;
}
#navbar .dropdown-menu {
	padding: 0;
	margin-top: 4px;
}
#navbar .dropdown-menu a {
	margin: 0;
	padding: 10px 15px;
	height: 40px;
	border-bottom: 1px solid #eee;
}


@media (max-width: 991px) {
	#nav .navbar-nav a {
		padding: 10px;
		font-size: 14px;
	}
}
@media (max-width: 767px) {
	#nav .navbar-nav {
		background: #fff; /*rgba(255, 255, 255, 0.95);*/
		margin-top: 3px;
		border-bottom: 1px solid #a3b77f;
		-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, .2);
		box-shadow: 0 1px 8px rgba(0, 0, 0, .2);
	}
	#nav .navbar-nav > li > a {
		font-size: 15px;
		height: 45px;
		padding: 13px 20px 0;
		margin: 0;
		border-bottom: 1px solid #eee;
	}
	#nav .dropdown-menu {
		margin-top: 0;
		margin-bottom: 15px;
	}
	#navbar .dropdown-menu a {
		padding-top: 10px;
		height: 40px;
		padding-left: 40px;
		border-bottom: 1px solid #eee;
	}
}

#homecar-con {
	background-color: #fff;
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .5);
	box-shadow: 0 0 3px rgba(0, 0, 0, .5);
}
#homecar {
	max-width: 1200px;
	margin: 0 auto 12px;
}
#homecar .item {
	height: 450px;
	background-color: #000;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 1200px 450px;
	text-align: center;
}
#homecar .item .content-wrap {
	position: absolute;
	width: 100%;
	bottom: 0;
	padding: 20px 50px 20px;
	/*
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,.6), rgba(0,0,0,.9));
	background: -o-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,.6), rgba(0,0,0,.9));
	background: -moz-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,.6), rgba(0,0,0,.9));
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.6), rgba(0,0,0,.9));
	*/
	/*
	background: -webkit-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.6), rgba(255,255,255,.9));
	background: -o-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.6), rgba(255,255,255,.9));
	background: -moz-linear-gradient(bottom, rgba(255,255,255,0), rgba(255,255,255,.6), rgba(255,255,255,.9));
	background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.6), rgba(255,255,255,.9));
	*/
	background: rgba(255,255,255,0.7);
}
#homecar h2 {
	margin: 0 0 12px;
	padding: 0;
	color: #000;
	font: 40px/46px Georgia, "Times New Roman", Times, serif;
	/*text-shadow: 0 0 6px #fff;*/
}
#homecar h2 a {
	color: #000;
}
#homecar h2 a:hover, #homecar h2 a:focus, #homecar h2 a:active {
	color: #000;
	text-decoration: none;
}
#homecar .btn {
	background: rgba(255,255,255,0.5);
	color: #666;
	border-color: #666;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	font-family: 'open sans condensed', sans-serif;
}
#homecar .btn:hover, #homecar .btn:focus, #homecar .btn:active {
	color: #333;
	border-color: #666;
}
#homecar .carousel-indicators {
	bottom: 0px;
}
#homecar .carousel-indicators li {
	width: 8px;
	height: 8px;
	border-color: #666;
	border-radius: 8px;
	background: #fff;
}
#homecar .carousel-indicators .active {
	width: 10px;
	height: 10px;
	background-color: #666;
}
#homecar .carousel-indicators li:hover, #homecar .carousel-indicators li:focus, #homecar .carousel-indicators li:active {
	border-color: #666;
}
#homecar .carousel-indicators li.active:hover, #homecar .carousel-indicators li.active:focus, #homecar .carousel-indicators li.active:active {
	background-color: #666;
}
#homecar .carousel-control {
	background: none;
	filter: none;
	opacity: 1;
}
#homecar .carousel-control i {
	color: #fff;
	font-size: 36px;
	position: absolute;
	bottom: 30px;
}
#homecar .carousel-control:hover i, #homecar .carousel-control:focus i, #homecar .carousel-control:active i {
	color: #fff;
}
#homecar .carousel-control i.fa-chevron-left {
	left: 20px;
}
#homecar .carousel-control i.fa-chevron-right {
	right: 20px;
}
@media (max-width: 991px) {
	#homecar .item {
		height: 371px;
		background-size: 991px 371px;
	}
	#homecar h2 {
		font-size: 38px;
		line-height: 42px;
	}
	#homecar .carousel-control i {
		font-size: 30px;
	}
}
@media (max-width: 767px) {
	#homecar .item {
		height: 288px;
		background-size: 767px 288px;
	}
	#homecar h2 {
		font-size: 26px;
		line-height: 28px;
	}
	#homecar .carousel-control i {
		font-size: 23px;
	}
	#homecar .btn {
		padding: 5px 10px;
		font-size: 12px;
		line-height: 1.5;
		border-radius: 3px;
	}
}

#features {
}
#features .feature {
	padding: 0 8px;
	margin-bottom: 12px;
}
#features .feature-wrap {
	background-color: #fff;
	background-size: 386px 200px;
	background-repeat: no-repeat;
	background-position: center center;
	/*
	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
	box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
	*/
}
#features .feature a {
	position: relative;
	display: block;
	border: 1px solid rgba(255, 255, 255, 0.7);
	height: 200px;
	text-align: center;
	color: #000;
}
#features .feature a:hover, #features .feature a:focus, #features .feature a:active {
	color: #000;
	text-decoration: none;
	background: none;
}
#features .feature a h3 {
	padding: 10px 10px;
	margin: 0;
	position: absolute;
	bottom: 0;
	width: 100%;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	font-family: 'open sans condensed', sans-serif;
	font-size: 20px;
	line-height: 1.3;
	background-color: rgba(255, 255, 255, 0.7);
	/*
	text-shadow: 0 2px 4px #000;
	*/
	-webkit-transition: all .15s;
	transition: all .2s;
}
#features .feature a:hover h3, #features .feature a:focus h3, #features .feature a:active h3 {
	background-color: rgba(255, 255, 255, 0.9);
	padding-top: 13px;
	padding-bottom: 13px;
}
@media (max-width: 1199px) {
	#features .feature-wrap {
		background-size: 308px 160px;
	}
	#features .feature a {
		height: 160px;
	}
	#features .feature a h3 {
		font-size: 15px;
	}
}
@media (max-width: 991px) {
	#features .feature-wrap {
		background-size: 270px 140px;
	}
	#features .feature a {
		height: 140px;
	}
}
@media (max-width: 767px) {
	#features {
		margin-bottom: 15px;
	}
	#features .feature {
		padding: 0;
		max-width: 308px;
		margin: 0 auto;
	}
	#features .feature-wrap {
		background-size: 308px 160px;
	}
	#features .feature a {
		height: 145px;
	}
	#features .middle-feature {
		background: #f0f1ed;
		padding: 10px 0;
		margin: 10px 0;
	}
}

#main {
	background: #fff;
	border-top: 1px solid #a8bb87;
	border-bottom: 1px solid #a8bb87;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	margin-bottom: 40px;
}
h1 {
	font: 44px/46px Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px;
	font-weight: normal;
}
h1 span {
	display: block;
	font-size: 30px;
	line-height: 40px;
}
@media (max-width: 767px) {
	h1 {
		font-size: 30px;
		line-height: 30px;
	}
	h1 span {
		display: inline;
		font-size: inherit;
	}
}
h2 {
	font: 40px/44px Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px;
	font-weight: normal;
}
h3 {
	font: 26px/30px Georgia, "Times New Roman", Times, serif;
	margin: 0 0 6px;
	font-weight: bold;
}
h4 {
	font: 22px/26px 'open sans condensed', sans-serif;
	font-weight: bold;
}
p {
	font-size: 16px;
	line-height: 24px;
}

#maincol {
	padding-top: 25px;
	padding-bottom: 25px;
}
#sidebar {
	padding: 0;
	color: #fff;
}
#sidebar-wrapper {
	background: #474e3d;
	margin: 0;
	padding: 20px 15px;
	background: #545b4a;
	background: -moz-linear-gradient(top, #545b4a 20%, #3e4534 100%);
	background: -webkit-linear-gradient(top, #545b4a 20%,#3e4534 100%);
	background: linear-gradient(to bottom, #545b4a 20%,#3e4534 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545b4a', endColorstr='#3e4534',GradientType=0 );
}
#sidebar a, #sidebar a:hover, #sidebar a:focus, #sidebar a:active {
	color: #c9e394;
}
#sidebar h4 {
	font-size: 16px;
	margin: 0 0 5px;
	/*
	letter-spacing: 1px;
	font-weight: 700;
	font-family: 'open sans condensed', sans-serif;
	text-transform: uppercase;
	*/
	font: 24px/28px Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #e7e6bc;
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}
#sidebar p {
	font-size: 14px;
	line-height: 18px;
}
#sidebar hr {
	border-color: #606656;
}

@media (min-width: 768px) {
	#maincol {
		padding-right: 40px;
	}
	#sidebar {
		padding: 0 8px;
	}
	#sidebar-wrapper {
		padding: 25px 20px;
	}
}

#sidebar .cdfalogo {
	margin-bottom: 10px;
}
#sidebar .cdfalogo td {
	padding-right: 10px;
	font-size: 13px;
	line-height: 15px;
}
#sidebar .cdfalogo a {
	color: #fff;
}
#sidebar .cdfalogo td a:hover, .cdfalogo td a:focus, .cdfalogo td a:active {
	color: #fff;
}
#sidebar .copy {
	color: #95998e;
}

.heading-wrap {
	background: #a4af7f;
	color: #fff;
	background-image: url('../img/banners/blur_bright.jpg');
/*
	border-top: 1px solid #a3b77f;
	border-bottom: 1px solid #000;
*/
	margin: 0 0 10px;
	background-size: 100%;
	background-position: center center;
}
.heading-wrap h3 {
	color: #1c4b3c;
	letter-spacing: 1px;
	font-weight: 700;
	font-family: 'open sans condensed', sans-serif;
	font-size: 20px;
	text-transform: uppercase;
	margin: 16px 0 30px;
	padding: 0;
	/*
	text-shadow: 0 3px 6px #000;
	*/
}
.heading-wrap .nonav h3 {
	margin-top: 30px;
}

.pills {
}
.pills a {
	padding-left: 14px;
	padding-right: 14px;
	border-color: #a3b77f;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
.pills .btn-default.active, .pills .btn-default:active, .pills .btn-default:hover {
	background: #eff5e4;
}

#mainbody h3 {
	margin-top: 40px;
}
#mainbody h4 {
	margin-top: 30px;
}
#mainbody a {
	text-decoration: underline;
}

.list-group a:hover {
	background: #eff5e4;
}

#mainbody .list-group {
	margin-top: 20px;
}
#mainbody .list-group-item h3, #mainbody .list-group-item h4 {
	margin-top: 0;
	margin-bottom: 6px;
}
#mainbody .list-group-item p {

}

.alt-bg {
	background: #eff5e4;
}

.title-banner {
	background-size: cover;
	background-repeat: none;
	background-position: center center;
	color: #fff;
	text-shadow: 0 3px 5px #000;
	font-size: 60px;
	line-height: 1.1;
	border-radius: 8px;
}
.title-banner div {
	border-radius: 10px;
	padding: 200px 20px 20px;
	background: -webkit-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,.3), rgba(0,0,0,.7)); /* For Safari 5.1 to.3.0 */
	background: -o-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,.3), rgba(0,0,0,.7)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom, rgba(0,0,0,0), rgba(0,0,0,.3), rgba(0,0,0,.7)); /* For Firefox 3.3 to 15 */
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.3), rgba(0,0,0,.7)); /* Standard syntax (must be last) */
}

@media (max-width: 1199px) {
	.title-banner {
		font-size: 50px;
	}
	.title-banner div {
		padding-top: 150px;
	}
}
@media (max-width: 991px) {
	.title-banner {
		font-size: 40px;
	}
	.title-banner div {
		padding-top: 110px;
	}
}
@media (max-width: 767px) {
	.title-banner div {
		padding-top: 60px;
	}
}

.sidepanel {
	border: 1px solid #a8bb87;
	margin: 0 0 20px 0;
}
.sidepanel .sidepanel-heading {
	background: #474e3d;
	color: #fff;
	text-align: center;
	padding: 5px 10px;
	border-bottom: 4px solid #d9ddd1;
}
.sidepanel .sidepanel-heading i.fa {
	color: #ffdc38;
	font-size: 90%;
	float: left;
	margin-top: 4px;
}
.sidepanel .sidepanel-heading h4 {
	margin: 0;
	font-size: 20px;
}
.sidepanel .sidepanel-body {
	padding: 12px 15px 15px 15px;
}
.sidepanel a.list-group-item {
	color: #538600 !important;
}

#accordion {

}
.acc-heading {
	margin-top: 30px;
	cursor: pointer;
	background: #e7efe7;
	font-weight: bold;
	font-size: 16px;
	padding: 6px 15px;
	border: 1px solid #ddd;
}
.acc-heading:hover, .acc-heading:active, .acc-heading:focus {
	background: #f0f0f0;
}
.acc-heading i.fa {
	margin-top: 4px;
	float: right;
}
.acc-content {
	margin: 10px 0 30px;
}

.sidepanel .list-group-item {
	border-radius: 0;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #a8bb87;
}

.sidepanel .list-group-item ul {
	padding-left: 16px;
	margin: 8px 0;
}
.sidepanel .list-group-item ul li {
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 4px;

	border-radius: 0;
	border-left: none;
}
/* -----------------------------------------
	SPACING
----------------------------------------- */
.m-a-0 {
	margin: 0 !important;
}
.m-t-0 {
	margin-top: 0 !important;
}
.m-r-0 {
	margin-right: 0 !important;
}
.m-b-0 {
	margin-bottom: 0 !important;
}
.m-l-0 {
	margin-left: 0 !important;
}
.m-x-0 {
	margin-right: 0 !important;
	margin-left: 0 !important;
}
.m-y-0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
.m-a {
	margin: 16px !important;
}
.m-t {
	margin-top: 16px !important;
}
.m-r {
	margin-right: 16px !important;
}
.m-b {
	margin-bottom: 16px !important;
}
.m-l {
	margin-left: 16px !important;
}
.m-x {
	margin-right: 16px !important;
	margin-left: 16px !important;
}
.m-y {
	margin-top: 16px !important;
	margin-bottom: 16px !important;
}
.m-x-auto {
	margin-right: auto !important;
	margin-left: auto !important;
}
.m-a-sm {
	margin: 8px !important;
}
.m-t-sm {
	margin-top: 8px !important;
}
.m-r-sm {
	margin-right: 8px !important;
}
.m-b-sm {
	margin-bottom: 8px !important;
}
.m-l-sm {
	margin-left: 8px !important;
}
.m-x-sm {
	margin-right: 8px !important;
	margin-left: 8px !important;
}
.m-y-sm {
	margin-top: 8px !important;
	margin-bottom: 8px !important;
}
.m-a-md {
	margin: 24px !important;
}
.m-t-md {
	margin-top: 24px !important;
}
.m-r-md {
	margin-right: 24px !important;
}
.m-b-md {
	margin-bottom: 24px !important;
}
.m-l-md {
	margin-left: 24px !important;
}
.m-x-md {
	margin-right: 24px !important;
	margin-left: 24px !important;
}
.m-y-md {
	margin-top: 24px !important;
	margin-bottom: 24px !important;
}
.m-a-lg {
	margin: 48px !important;
}
.m-t-lg {
	margin-top: 48px !important;
}
.m-r-lg {
	margin-right: 48px !important;
}
.m-b-lg {
	margin-bottom: 48px !important;
}
.m-l-lg {
	margin-left: 48px !important;
}
.m-x-lg {
	margin-right: 48px !important;
	margin-left: 48px !important;
}
.m-y-lg {
	margin-top: 48px !important;
	margin-bottom: 48px !important;
}
.m-t-60 {
	margin-top: 64px !important;
}
.m-t-80 {
	margin-top: 80px !important;
}
.m-t-100 {
	margin-top: 96px !important;
}
.m-b-60 {
	margin-bottom: 64px !important;
}
.m-b-80 {
	margin-bottom: 80px !important;
}
.m-b-100 {
	margin-bottom: 96px !important;
}
.p-a-0 {
	padding: 0 !important;
}
.p-t-0 {
	padding-top: 0 !important;
}
.p-r-0 {
	padding-right: 0 !important;
}
.p-b-0 {
	padding-bottom: 0 !important;
}
.p-l-0 {
	padding-left: 0 !important;
}
.p-x-0 {
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.p-y-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.p-a {
	padding: 16px !important;
}
.p-t {
	padding-top: 16px !important;
}
.p-r {
	padding-right: 16px !important;
}
.p-b {
	padding-bottom: 16px !important;
}
.p-l {
	padding-left: 16px !important;
}
.p-x {
	padding-right: 16px !important;
	padding-left: 16px !important;
}
.p-y {
	padding-top: 16px !important;
	padding-bottom: 16px !important;
}
.p-a-sm {
	padding: 8px !important;
}
.p-t-sm {
	padding-top: 8px !important;
}
.p-r-sm {
	padding-right: 8px !important;
}
.p-b-sm {
	padding-bottom: 8px !important;
}
.p-l-sm {
	padding-left: 8px !important;
}
.p-x-sm {
	padding-right: 8px !important;
	padding-left: 8px !important;
}
.p-y-sm {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}
.p-a-md {
	padding: 24px !important;
}
.p-t-md {
	padding-top: 24px !important;
}
.p-r-md {
	padding-right: 24px !important;
}
.p-b-md {
	padding-bottom: 24px !important;
}
.p-l-md {
	padding-left: 24px !important;
}
.p-x-md {
	padding-right: 24px !important;
	padding-left: 24px !important;
}
.p-y-md {
	padding-top: 24px !important;
	padding-bottom: 24px !important;
}
.p-a-lg {
	padding: 48px !important;
}
.p-t-lg {
	padding-top: 48px !important;
}
.p-r-lg {
	padding-right: 48px !important;
}
.p-b-lg {
	padding-bottom: 48px !important;
}
.p-l-lg {
	padding-left: 48px !important;
}
.p-x-lg {
	padding-right: 48px !important;
	padding-left: 48px !important;
}
.p-y-lg {
	padding-top: 48px !important;
	padding-bottom: 48px !important;
}
.p-t-60 {
	padding-top: 64px !important;
}
.p-t-80 {
	padding-top: 80px !important;
}
.p-t-100 {
	padding-top: 96px !important;
}
.p-b-60 {
	padding-bottom: 64px !important;
}
.p-b-80 {
	padding-bottom: 80px !important;
}
.p-b-100 {
	padding-bottom: 96px !important;
}
.w-100 {
	width: 100%;
}
.left-sm {
	left: 8px;
}
.left-n {
	left: 16px;
}
.left-md {
	left: 24px;
}
.left-lg {
	left: 48px;
}
.right-sm {
	right: 8px;
}
.right-n {
	right: 16px;
}
.right-md {
	right: 24px;
}
.right-lg {
	right: 48px;
}
.top-sm {
	top: 8px;
}
.top-n {
	top: 16px;
}
.top-md {
	top: 24px;
}
.top-lg {
	top: 48px;
}
.bottom-sm {
	bottom: 8px;
}
.bottom-n {
	bottom: 16px;
}
.bottom-md {
	bottom: 24px;
}
.bottom-lg {
	bottom: 48px;
}