/* fonts */
	@font-face {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 300;
		src: local('Open Sans Light'), local('OpenSans-Light'), url(assets/fonts/OpenSans-light.woff) format('woff');
	}
	@font-face {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 400;
		src: local('Open Sans'), local('OpenSans'), url(assets/fonts/OpenSans.woff) format('woff');
	}
	@font-face {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 600;
		src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(assets/fonts/OpenSans-semibold.woff) format('woff');
	}
	@font-face {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 700;
		src: local('Open Sans Bold'), local('OpenSans-Bold'), url(assets/fonts/OpenSans-bold.woff) format('woff');
	}

.modal .label {
	color: #4C4D4F;
	padding-left: 0;
}

#my_account_dropdown {
	padding: 15px;
	border: 0;
	background: #FFFFFF;
	top: auto;
	box-shadow: 5px 5px 30px 10px rgba(0,0,0,0.22);
	border-radius: 0;
}

.alert.alert-info.alert-xs {
	font-size: small;
}

/* features */
	#features.carousel,
	#features.carousel .item,
	#features .carousel-inner > .item img {
		/*min-height: 480px;
		max-height: 600px;*/
		height: 65vh;
	}
	#features .carousel-caption {
		z-index: 10;
		bottom: 45px;
	}
	#features.carousel .item .img_overlay {
		display:block;
		position: relative;
		z-index: 1;
		width: 100%;
		height: 100%;
			background: rgba(98,98,98,0.5);
	}
		#features.carousel .item:hover .img_overlay {
			/*background: rgba(252, 109, 11, 0.5);*/
			/*background: transparent;*/
		}
	#features.carousel .carousel-control,
	#features.carousel .item .container {
		z-index: 2;
	}
	#features .carousel-inner > .item img {
		left: 0;
		min-width: 100%;
		max-width: none;
		position: absolute;
		top: 0;
		object-fit: cover;
	}
	#features .carousel-indicators {
		bottom: 0;
	}
	
		#features .carousel-caption {
			background: rgba(0,0,0,0.45);
		}
		#features .carousel-content {
			padding: 0 25px 25px 25px;
			float: right;
			border: 0;
			background-color:rgba(0, 5, 66, 0.7);
			top: auto;

			border-top-left-radius: 25px;
			border-top-right-radius: 0;
			border-bottom-left-radius: 0;
			border-bottom-right-radius: 25px;

			-webkit-border-top-left-radius: 25px;
			-webkit-border-top-right-radius: 0;
			-webkit-border-bottom-left-radius: 0;
			-webkit-border-bottom-right-radius: 25px;
		}
			#features .carousel-caption h3,
			#features .carousel-caption a h3 {
				margin: 0;
				padding: 0;
				display: inline-block;
				border: none;
				color: #FFF;
				font-size: 24pt;
				font-weight: bold;
				line-height: 1;
				text-align: left;
				vertical-align: middle;
			}
			#features .carousel-caption a h3 {
				margin: 25px 0 0 0;
				padding: 6px 0 0 0;
			}
			#features .carousel-caption p {
				color: #FFF;
				font-weight: bold;
			}
			#features .carousel-caption:hover {
				background: rgba(0,0,0,0.65) !important;
			}
			#features .carousel-caption a:hover,
			#features .carousel-caption a:hover h3,
			#features .carousel-caption a:hover p {
				color: #8CBF3B !important;
				text-decoration: none !important;
			}


a {
	color: #8CBF3B;
}
	a:hover {
		color: #fb970f;
	}

.nav > li > a,
.nav.nav-pills.nav-stacked li li > a:not(.btn) {
	position: relative;
	display: block;
	padding: 8px 10px;
}
.nav.nav-pills.nav-stacked a {
	text-decoration: none;
}
.nav.nav-pills.nav-stacked li li.active > a:not(.btn) {
	color: #fff;
	border-radius: 4px;
	position: relative;
	display: block;
	padding: 8px 10px;
}
.nav.nav-pills.nav-stacked li.active > a:not(.btn) {
	background: #8CBF3B;
}
	.nav.nav-pills.nav-stacked li > a:not(.btn):hover {
		background: #fb970f;
		text-decoration: none;
		color: #fff !important;
		border-radius: 4px;
	}

#content_body .debug {
	/*display: none;*/
}
.nav.nav-pills.nav-stacked a:not(.btn) {
	color: #FFFFFF;
}
.nav.nav-pills.nav-stacked a.btn {
	color: #8CBF3B;
}
.nav.nav-pills.nav-stacked ul {
	padding-inline-start: 15px;
}
.nav > li > a:not(.btn):focus, .nav > li > a:not(.btn):hover {
	background: inherit;
}
#content_body {
	padding-top: 140px;
	background: #FFFFFF;
		background: #EAEAEA;
	color: #4C4D4F;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}

	.wrapword {
		white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
		white-space: -webkit-pre-wrap; /*Chrome & Safari */ 
		white-space: -pre-wrap;      /* Opera 4-6 */
		white-space: -o-pre-wrap;    /* Opera 7 */
		white-space: pre-wrap;       /* css-3 */
		word-wrap: break-word !important;       /* Internet Explorer 5.5+ */
		word-break: break-all !important;
		white-space: normal !important;
	}

#wrap {
	background: #FFFFFF;
	color: #8CBF3B;
	padding-top: 20px;
	padding-bottom: 20px;
}

#content_body h1, #content_body .h1 {
	color: #8CBF3B;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 30pt;
	font-weight: bold;
	/*letter-spacing: 2px;*/
	line-height: 50px;
	/*text-transform: uppercase;*/
}
#content_body h2, #content_body .h2 {
	color: #8CBF3B;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 20pt;
	font-weight: bold;
}
	#content_body .projects h2,
	#content_body .projects h2 a {
		font-family: 'Roboto', sans-serif;
		font-size: 16px;
		line-height: 1;
	}
#content_body h3, #content_body .h3 {
	color: #4B4C4E;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 22pt;
	font-weight: normal;
}
#content_body h4, #content_body .h4 {
	color: #7D8293;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 20pt;
	font-weight: normal;
}
#content_body h4.italics, #content_body .h4.italics {
	color: #656DE8;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 24pt;
	font-style: italic;
	font-weight: normal;
}

#content_body #wrap,
#content_body p {
	color: #4C4D4F;
	font-size: 16px;
}
#content_body p.big {
	font-size: 20px;
}
	#content_body .module h1, #content_body .module .h1,
	#content_body .module h2, #content_body .module .h2,
	#sidebar h2,
	#content_body #wrap .module,
	#content_body .module p:not(.alert) {
		/*color: #FFFFFF;*/
	}
	#content_body .body_content p {
		color: #333333;
	}
	#content_body .body_content {
		background: #FFFFFF;
		border-radius: 4px;
	}

#content_body .navbar {
	border-top: 17px solid #8CBF3B;
	border: 0;
	/*height: 157px;*/
	background: #FFFFFF;
	box-shadow: 0 2px 4px 0 rgba(155,155,155,0.2);

	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
	#content_body .navbar a.navbar-brand {
		padding: 0;
		line-height: 140px;
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
		#content_body .navbar .navbar-brand img {
			display: inline;
			height: 50px;
		}
	#content_body .navbar-right {
		padding: 0 8px;
		height: 140px;
		color: #000000;
		font-size: 22px;
		-webkit-transition: all 0.4s ease;
		transition: all 0.4s ease;
	}
		#content_body .navbar li a:not(.btn) {
			padding-top: 0;
			padding-bottom: 0;
			height: 140px;
			line-height: 140px;
			color: #5d5c5c;
			font-size: 18px;
			font-weight: normal;
			text-align: center;
			background-color: #FFFFFF;
			text-shadow: none;
		}
		#content_body .navbar li a:hover {
			background: #EAEAEA;
			color: #5d5c5c;
		}
	#content_body a.navbar-right.cart {
		padding-top: 25px;
		width: 160px;
		height: 140px;
		background: #8CBF3B;
		color: #FFFFFF;
		font-size: 18px;
		line-height: 1;
		text-align: center;
		font-weight: bold;
	}
		#content_body a.navbar-right.cart:hover {
			background: #8CBF3B !important;
			color: #000 !important;
		}
		#content_body a.navbar-right.cart:hover,
		#content_body a.navbar-right.cart:hover span.glyphicon {
			text-decoration: none;
			opacity: 1;
		}
	#content_body a.navbar-right.cart span.glyphicon {
		padding-bottom: 20px;
		display: block;
		font-size: 43px;
		opacity: 0.67;
	}
	#content_body a.navbar-right.cart[aria-expanded="true"] {
		background: #fb970f;
		text-decoration: none;
	}

	#content_body.scrolled {
		padding-top: 60px;
	}

	#content_body.scrolled .navbar {
		border-top: 10px solid #8CBF3B;
		border-top: 0;
		height: auto;
		background: #FFFFFF;
	}
		#content_body.scrolled .navbar .navbar-brand {
			line-height: 67px;
		}
		#content_body.scrolled .navbar li a:not(.btn) {
			color: rgba(53,55,69,0.61) !important;
			font-size: 18px;
			font-weight: normal;
			line-height: 38px;
			text-align: center;
		}
		#content_body.scrolled .navbar-right {
			padding: 0 15px 0 0;
			height: auto;
			color: #000000;
			font-size: 22px;
		}
			#content_body.scrolled .navbar li a:not(.btn) {
				height: 70px;
				line-height: 70px;
				padding-top: 0;
				padding-bottom: 0;
			}
		#content_body.scrolled a.navbar-right.cart {
			padding: 10px;
			width: auto;
			height: 70px;
			background: #8CBF3B;
			color: #FFFFFF;
			font-size: 16px;
			line-height: 14px;
			text-align: center;
			display: flex;
			align-items: center;
		}
			#content_body.scrolled a.navbar-right.cart:hover,
			#content_body.scrolled a.navbar-right.cart:hover span.glyphicon {
				text-decoration: none;
				opacity: 1;
			}
		#content_body.scrolled a.navbar-right.cart span.glyphicon {
			margin-top: -3px;
			padding: 0 8px 0 0;
			display: inline-block;
			font-size: 24px;
			opacity: 0.67;
		}

#project_categories {
	height: 400px;
	text-align: center;
	position: relative;
	background: rgba(0,0,0,0.85) !important;
}
	#project_categories img {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
	#project_categories div.col-sm-4 {
		padding: 0;
		height: 400px;
		overflow: hidden;
		/*border: 2px solid #8CBF3B;*/
	}
		/*#project_categories div.col-sm-4 {
			border-left: 1px solid #8CBF3B;
		}
		#project_categories div.col-sm-4:first-of-type {
			border-left: 2px solid #8CBF3B;
		}*/
	#project_categories .img_overlay {
		display: block;
		position: absolute;
		z-index: 1;
		width: 100%;
		height: 100%;
			background: rgba(98,98,98,0.5);
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
		#project_categories a:hover .img_overlay {
			/*background: rgba(252, 109, 11, 0.5);*/
			background: transparent;
		}
	#project_categories span {
		position: relative;
		top: -160px;
		z-index: 1;
	}

#form {
	/*background: #8CBF3B;
	color: #FFFFFF;*/
	padding-bottom: 50px;
}
	#form .h2 {
		margin-top: 50px;
		/*color: #FFFFFF;*/
		font-size: 34px;
		line-height: 42px;
	}
	#form p {
		/*color: #FFFFFF;*/
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 30px;
	}


	.form input.form-control,
	.form select.form-control,
	.form textarea {
		padding-left: 29px;
		color: #6B6F81;
		border-color: #6B6F81;
		background-color: transparent;
		background-image: none;
		border-radius: 0;
		font-size: 16px;
		min-height: 60px;
		margin-bottom: 20px;
		box-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-moz-transition: none;
		-webkit-transition: none;
	}

	.form div.form-group:not(.has-error) input:focus,
	.form div.form-group:not(.has-error) select:focus,
	.form div.form-group:not(.has-error) textarea:focus {
		border-radius: 0;
		color: #8CBF3B;
		border-color: #8CBF3B;
		box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(255, 255, 255, 0.5);
		-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(255, 255, 255, 0.5);
		-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(255, 255, 255, 0.5);
		-moz-transition: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(255, 255, 255, 0.5);
		-webkit-transition: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(255, 255, 255, 0.5);
	}
	#form .btn-brand {
		margin-top: 20px;
		font-size: 18px;
		line-height: 23px;
	}
	#content_body .form-control::-webkit-input-placeholder { font-weight: 300; color: #6B6F81; border-color: #E4E5EC; }  /* WebKit, Blink, Edge */
	#content_body .form-control:-moz-placeholder { font-weight: 300; color: #6B6F81; border-color: #E4E5EC; }  /* Mozilla Firefox 4 to 18 */
	#content_body .form-control::-moz-placeholder { font-weight: 300; color: #6B6F81; border-color: #E4E5EC; }  /* Mozilla Firefox 19+ */
	#content_body .form-control:-ms-input-placeholder { font-weight: 300; color: #6B6F81; border-color: #E4E5EC; }  /* Internet Explorer 10-11 */
	#content_body .form-control::-ms-input-placeholder { font-weight: 300; color: #6B6F81; border-color: #E4E5EC; }  /* Microsoft Edge */

#contact_form {
	background: #FFFFFF;
}

#content_body footer {

}
	#content_body footer div.top {
		background-color: #5d5c5c;
		padding: 20px 0;
	}
	#content_body footer .footer_content p,
	#content_body footer .footer_content {
		color: #EAEAEA;
	}
	#content_body footer div.bottom {
		background: #EAEAEA;
		padding: 10px 0;
	}
		#content_body footer div.bottom p {
			font-size: 12px;
			color: #5d5c5c;
		}

#content_body .btn-brand {
	color: #FFFFFF;
	font-size: 16px;
	line-height: 19px;
	padding: 10px 30px;
	background-color: #8CBF3B;
	border-radius: 0;
}
	#content_body .btn-brand:hover {
		color: #FFFFFF;
		font-size: 16px;
		line-height: 19px;
		padding: 10px 30px;
		background-color: #fb970f !important;
		border-radius: 0;
	}
.btn.btn-default.project_title {
	white-space: normal;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
	color: #D0021B;
}
.has-error .form-control {
	border-color: #D0021B !important;
}
hr {
	border-color: #4C4D4F;
}

#content_body .purple {
	color: #8CBF3B !important;
}

#content_body .bg-details {
	margin-top: 45px;
	margin-bottom: 45px;
	padding: 8% 12% 6% 12%;
	border: 1px solid #E3E5EC;
	background-color: #F1F2F5;
	color: #7D8293;
}
#content_body .bg-details .big {
	color: #4B4D4E;
}
#content_body .bg-details p {
	margin-bottom: 30px;
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
	background-color: #E9F9FE;
}
.table > thead > tr > th {
	border-bottom-color: #8CBF3B;
	color: #8CBF3B;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
	border-top: 0;
}
table.table-hover tr:hover td {
	background: #8CBF3B !important;
	color: #FFFFFF !important;
}
.table > tfoot > tr > td,
.table > tfoot > tr > th {
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #8CBF3B;
	color: #8CBF3B;
}
.table > tfoot > tr:last-of-type > th {
	border-top-style: double;
	border-top-width: 4px;
	border-top-color: #8CBF3B;
	color: #8CBF3B;
}
.table > tfoot > tr > td.no_border,
.table > tfoot > tr > th.no_border {
	border-top-width: 0;
}

iframe {
	max-width: 100%;
	max-height: 100%;
}

/* modal */
	#content_body .modal-backdrop.in {
		filter: alpha(opacity=87);
		opacity: 0.87;
		background-color: rgb(53,55,69);
	}
	#content_body .modal.in .modal-dialog {
		box-shadow: 5px 5px 30px 10px rgba(0,0,0,0.22);
	}
	#content_body .modal .modal-content {
		border-radius: 0;
		text-align: center;
		font-size: 18px;
	}
	#content_body .modal .modal-header {
		border-bottom: 0;
	}
	#content_body .modal .close {
		font-size: 45px;
		font-weight: 300;
	}
	#content_body .modal .modal-body {
		margin-bottom: 90px;
	}
	#content_body .modal span.btn.abtn,
	#content_body .modal div.btn.abtn {
		padding: unset;
		font-size: unset;
		font-weight: unset;
		line-height: unset;
	}
	#content_body .modal h3 {
		margin-top: 0;
		color: #8CBF3B;
		font-size: 18px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 22px;
		text-transform: uppercase;
	}
	#content_body .modal .btn-brand {
		padding: 27px 60px;
		font-size: 26px;
		line-height: auto;
		font-weight: 500;
	}
		#content_body .modal .btn-brand:hover {
			padding: 27px 60px;
			font-size: 26px;
			line-height: auto;
			font-weight: 500;
		}


/* project images */
	#feature_images {
		max-height: 280px;
	}
	#feature_images img {
		max-width: 100%;
		max-height: 260px;
	}
	#feature_images .image {
		display: none;
	}
		#feature_images .image.active {
			display: block;
			text-align: center;
		}
	#project_carousel.carousel {
		margin: 0 0 50px 0;
	}
	#project_carousel.carousel,
	#project_carousel.carousel .item {
	    height: 80px;
	}
	#project_carousel.carousel .carousel-inner > .item img {
	    max-width: 90%;
	    height: auto;
	    max-height: 80px;
  		display: inline-block;
  		position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    margin: auto;
	    cursor: pointer;
	}
	#project_carousel.carousel .carousel-inner {
	    width: 70%;
	    left: 15%;
  		height: 80px;
	}
		#project_carousel.carousel .carousel-inner .image {
		    width: 33%;
	  		height: 80px;
	  		display: inline-block;
	  		position: relative;
		}
	#project_carousel .carousel-indicators {
		bottom: -35px;
	}
		#project_carousel .carousel-indicators li {
			border-color: #8CBF3B;
		}
		#project_carousel .carousel-indicators .active {
			background-color: #8CBF3B;
		}
	#project_carousel .carousel-control:focus,
	#project_carousel .carousel-control:hover,
	#project_carousel .carousel-control {
		background-image: none;
		color: #8CBF3B;
		opacity: 1;
	}

.image_wrap img {
	margin: auto;
}

/* responsive design */
	#content_body .hidden-400 {
		display: inherit !important;
	}
	#content_body .visible-400 {
		display: none !important;
	}

@media (min-width:1600px) {
	.container {
		width: 1600px;
	}
	.checkout .catalogue_image img,
	#project .catalogue_image img,
	#catalogue .catalogue_item .catalogue_image img {
		max-height: 205px;
	}
}
@media (min-width:1440px) {
	.container {
		width: 1400px;
	}
	.checkout .catalogue_image img,
	#project .catalogue_image img,
	#catalogue .catalogue_item .catalogue_image img {
		max-height: 205px;
	}
	.navbar-nav > li:last-child {
		padding-right: 30px;
	}
}
@media(max-width:1200px) {
	#content_body {
		padding-top: 60px;
	}

	#content_body .navbar,
	#content_body.scrolled .navbar {
		border-top: 10px solid;
		height: auto;
	}
		#content_body .navbar .navbar-brand,
		#content_body.scrolled .navbar .navbar-brand {
			line-height: 50px;
		}
		#content_body .navbar .navbar-brand img,
		#content_body.scrolled .navbar .navbar-brand img {
			max-height: 26px !important;
			vertical-align: middle;
			margin-top: 0px;
		}
		#content_body .navbar li a:not(.btn),
		#content_body.scrolled .navbar li a:not(.btn) {
			padding: 0 10px;
			font-size: 16px;
			font-weight: 300;
			height: 50px;
			line-height: 50px;
			text-align: center;
		}
		#content_body .navbar-right,
		#content_body.scrolled .navbar-right {
			padding: 0 8px;
			height: auto;
			font-size: 22px;
		}
		#content_body a.navbar-right.cart,
		#content_body.scrolled a.navbar-right.cart {
			padding: 10px;
			width: auto;
			height: 50px;
			font-size: 16px;
			line-height: 14px;
			text-align: center;
			display: flex;
			align-items: center;
		}
			#content_body a.navbar-right.cart:hover,
			#content_body.scrolled a.navbar-right.cart:hover,
			#content_body a.navbar-right.cart:hover span.glyphicon,
			#content_body.scrolled a.navbar-right.cart:hover span.glyphicon {
				text-decoration: none;
				opacity: 1;
			}
		#content_body a.navbar-right.cart span.glyphicon,
		#content_body.scrolled a.navbar-right.cart span.glyphicon {
			margin-top: -3px;
			padding: 0 8px;
			display: inline-block;
			font-size: 24px;
			opacity: 0.67;
		}
}
@media (min-width:1024px) {
	.modal-dialog {
		width: 80vw;
		max-width: 1200px;
	}
}
@media (max-width:1024px) {
	.modal-dialog {
		margin: 10px auto;
		padding: 0 10px;
		width: 100%;
	}
	.container {
		width: 100%;
	}
		#content_body .navbar .navbar-brand img,
		#content_body.scrolled .navbar .navbar-brand img {
			vertical-align: middle;
		}

	#content_body h2, #content_body .h2 {
		font-size: 18pt;
	}
}
@media(max-width:900px) {
	#content_body {
		padding-top: 60px;
	}

	#content_body .navbar {
		border-top: 10px solid #8CBF3B;
		height: auto;
		background: #FFFFFF;
	}
		#content_body .navbar .navbar-brand {
			line-height: 100px;
		}
		#content_body .nav.navbar-nav {
			margin: 0;
		}
		#content_body .navbar li a {
			padding: 0 10px;
			color: rgba(53,55,69,0.61) !important;
			font-size: 16px;
			font-weight: 300;
			height: 50px;
			line-height: 50px;
			text-align: center;
		}
		#content_body .navbar-right {
			padding: 0 8px;
			height: auto;
			color: #000000;
			font-size: 22px;
		}
		#content_body a.navbar-right.cart,
		#content_body.scrolled a.navbar-right.cart {
			padding: 10px;
			width: auto;
			height: 50px;
			background: #8CBF3B;
			color: #FFFFFF;
			font-size: 16px;
			line-height: 14px;
			text-align: center;
			display: flex;
			align-items: center;
		}
			#content_body a.navbar-right.cart:hover,
			#content_body a.navbar-right.cart:hover span.glyphicon {
				text-decoration: none;
				opacity: 1;
			}
		#content_body a.navbar-right.cart span.glyphicon {
			margin-top: -3px;
			padding: 0 8px;
			display: inline-block;
			font-size: 24px;
			opacity: 0.67;
		}

	.form input.form-control,
	.form select.form-control,
	.form textarea {
		min-height: 40px;
		margin-bottom: 10px;
	}
}
@media(min-width:768px) {
	.checkout .project .project_details {
		text-align: left;
	}
	#navbar-collapse {
		margin-left: 200px;
	}
}
@media(max-width:767px) {
	#content_body h1, #content_body .h1 {
		font-size: 32px;
		line-height: 42px;
	}
	#content_body h2, #content_body .h2 {
		font-size: 20px;
	}
	#content_body h3, #content_body .h3 {
		font-size: 18px;
	}
	#content_body h4, #content_body .h4 {
		font-size: 16px;
	}
	#content_body h4.italics {
		font-size: 20px;
	}
	#content_body p {
		font-size: 16px;
	}
	#content_body p.small {
		font-size: 12px;
	}

	#content_body {
		padding-top: 60px;
	}

	#wrap {
		padding-top: 0;
	}

	#content_body .navbar {
		border-top: 10px solid #8CBF3B;
		height: auto;
		background: #FFFFFF;
	}
		#content_body .navbar .navbar-brand {
			line-height: 50px !important;
		}
			#content_body .navbar .navbar-brand img {
				margin-left: 15px;
			}
			#content_body .navbar .navbar-brand img,
			#content_body.scrolled .navbar .navbar-brand img {
				max-height: 25px !important;
				vertical-align: middle;
				margin-top: 2px;
			}
		#content_body .navbar li a {
			color: rgba(53,55,69,0.61) !important;
			font-size: 18px;
			font-weight: 300;
			line-height: 38px;
			text-align: center;
		}
		#content_body .navbar-right {
			padding: 0 8px;
			height: auto;
			color: #000000;
			font-size: 22px;
		}
			#content_body .navbar li a {
				height: 50px;
				line-height: 50px;
				padding-top: 0;
				padding-bottom: 0;
			}
		#content_body a.navbar-right.cart,
		#content_body.scrolled a.navbar-right.cart {
			padding: 13px;
			width: auto;
			height: 50px;
			background: #8CBF3B;
			color: #FFFFFF;
			font-size: 16px;
			line-height: 14px;
			text-align: center;
			position: absolute;
			top: 0;
			right: 80px;
			display: flex;
			align-items: center;
		}
		#call_us {
			right: 130px !important;
		}
		#content_body a.navbar-right.cart.toggle_checkout {
			right: 180px !important;
		}
			#my_account_dropdown {
				left: auto;
				right: 0;
			}

			#content_body a.navbar-right.cart:hover,
			#content_body a.navbar-right.cart:hover span.glyphicon {
				text-decoration: none;
				opacity: 1;
			}
		#content_body a.navbar-right.cart span.glyphicon {
			margin-top: -3px;
			padding: 0 !important;
			display: inline-block;
			font-size: 24px;
			opacity: 0.67;
		}
		.navbar-toggle {
			margin-right: 18px;
		}

	.quantity_wrap {
		margin: auto;
		width: 162px;
	}
	.quantity input,
	.quantity button {
		width: 50px;
		height: 42px;
		font-size: 20px;
		line-height: 42px;
		font-weight: normal;
	}
	.quantity button {
		height: 43px;
		font-size: 16px;
	}

	.checkout #checkout_cart_details h3 {
		margin-top: 20px;
		margin-bottom: 5px;
	}
	.checkout #checkout_cart_details .total_cost {
		font-size: 28px;
	}
	.checkout .remove_from_cart {
		padding: 0;
		display:block;
		text-align: center;
		min-height: 65px;
	}

	#form {
		padding-bottom: 20px;
	}
		#form .h2 {
			margin-top: 20px;
			font-size: 24px;
			line-height: 34px;
		}
		#form p {
			font-size: 14px;
			line-height: 22px;
			margin-bottom: 20px;
		}
		#form input.form-control,
		#form textarea {
			font-size: 14px;
			line-height: 20px;
			margin-bottom: 15px;
		}
		#form .btn-brand {
			margin-top: 15px;
			font-size: 16px;
			line-height: 20px;
		}

	footer p {
		padding-top: 25px;
	}


	#project hr {
		width: 100%;
		position: static;
	}


	#content_body .modal .modal-body {
		margin-bottom: 20px;
		padding-top: 0;
	}
	#content_body .modal .modal-header {
		padding: 0 15px 0 0;
	}
	#content_body .modal .btn-brand {
		padding: 27px;
		width: 100%;
		text-align: center;
	}
		#content_body .modal .btn-brand:hover {
			padding: 27px;
			width: 100%;
			text-align: center;
		}

	html, body {
		overflow-x: hidden;
	}
	.row-offcanvas {
		position: relative;
		-webkit-transition: all .25s ease-out;
		     -o-transition: all .25s ease-out;
		        transition: all .25s ease-out;
	}

	.row-offcanvas-right {
		right: 0;
	}

	.row-offcanvas-left {
		left: 0;
	}

	.row-offcanvas-right
	.sidebar-offcanvas {
		right: -50%; /* 6 columns */
	}

	.row-offcanvas-left
	.sidebar-offcanvas {
		left: -50%; /* 6 columns */
	}

	.row-offcanvas-right.active {
		right: 50%; /* 6 columns */
	}

	.row-offcanvas-left.active {
		left: 50%; /* 6 columns */
	}

	.sidebar-offcanvas {
		position: absolute;
		top: 0;
		width: 50%; /* 6 columns */
		z-index: 1050;
	}
	.row-offcanvas .sidebar-offcanvas {
		display: none;
	}
	.row-offcanvas.active .sidebar-offcanvas {
		display: block;
		background: #8CBF3B;
	}
	.row-offcanvas.active .sidebar-offcanvas h2 {
		color: #FFFFFF !important;
	}
}

@media(max-width:400px) {
	.hidden-400 {
		display: none !important;
	}
	.visible-400 {
		display: inherit !important;
	}
	.full-400 {
		width: 100% !important;
	}
	#content_body .navbar .navbar-brand,
	#content_body.scrolled .navbar .navbar-brand {
		line-height: 47px;
	}

		#content_body .navbar .navbar-brand img,
		#content_body.scrolled .navbar .navbar-brand img {
			max-height: 25px !important;
			vertical-align: middle;
			margin-top: 2px;
		}

	.checkout .min_height {
		display:block;
		min-height: unset;
	}
	#project #manual #dollar_sign {
		position: static;
		margin-left: 0;
	}

	#form input.form-control,
	#form textarea {
		font-size: 14px;
		line-height: 16px;
		margin-bottom: 0;
	}

	#content_body a.navbar-right.cart,
	#content_body.scrolled a.navbar-right.cart {
		padding: 13px 8px;
		right: 80px;
	}
	#call_us {
		right: 120px !important;
	}
	#content_body a.navbar-right.cart.toggle_checkout {
		right: 160px !important;
	}
}