/*
#4d8282;  darkslategray +20
#2f4f4f;  darkslategray +0
#203636;  darkslategray -20
#111c1c;  dark darkslategray
*/

/* FRONTPAGE/HOME BANNER */
.frontpage-banner {
	background: linear-gradient(90deg, #00ff67 50%, #ff0065 50%);
	background: linear-gradient(90deg, #fe61a0 50%, #ff0065 50%);
	background: linear-gradient(90deg, #d407ff 50%, #ff0065 50%);
	background: linear-gradient(90deg, #ff3100 50%, #ff0065 50%);
	background: linear-gradient(90deg, #6c9b34 50%, #ff0065 50%);
	background: linear-gradient(90deg, #83ef00 50%, #ff0065 50%);
	background: linear-gradient(90deg, wheat 50%, #ff0065 50%);
	background: linear-gradient(90deg, white 50%, white 50%);
	color: #fff !important; 
}

.frontpage-banner .row {
	width: 100%;
	margin: 0px;
	padding: 0px;
	background: transparent;
}

.frontpage-banner .left-section {
	margin: 0px;
	padding: 0px;
}

.frontpage-banner .row .left-section img {
	max-width: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.frontpage-banner h2 {
	font-size: 300% !important;
	margin-top: 0px;
	padding-top: 0px;
	text-align: center;
	color: #fff !important;
	color: #ff0065 !important;
}

.frontpage-banner p {
	padding: 0 20px;
	color: #fff !important;
	color: #ff0065 !important;
	color: #000 !important;
}

.frontpage-banner .btn {
	text-align: center;
	display: table;
	margin: 0 auto;
	width: 12em;
	background: #fff !important;
	color: black !important;
	background: #ff0065 !important;
	color: white !important;
	border: 2px solid #ff0065;
}

.frontpage-banner .btn:hover {
	background: #fff !important;
	color: #ff0065 !important;
	border: 2px solid #ff0065;
}

@media screen and (max-width: 767px) {
	.frontpage-banner {
		b/ackground: linear-gradient(90deg, #ff0065 50%, #ff0065 50%);
	}
	.frontpage-banner .right-section .btn {
		margin-bottom: 20px;
	}
}

/* BANNER-DEFAULT */

.banner-default .row {
	background: #262626;
	padding: 20px 5px;
}

.banner-default img {
	padding-right: 0px;
	margin-right: 20px;
}

@media screen and (max-width: 768px) {
	.banner-default img {
		padding-right: 0px;
	}
}

.banner-default p {
	padding: 0 0px;
	color: #fff !important;
}
@media screen and (max-width: 768px) {
	.banner-default p {
		padding: 0 0px;
	}
}
.banner-default h1 {
	text-align: center;
	color: #fff !important;
}
.banner-default .btn {
	text-decoration: none;
	text-align: center;
	display: table;
	margin: 0 auto;
	width: 12em;
	b/ackground: #fff !important;
	c/olor: black !important;
}

.banner-default .btn:hover {
	text-decoration: none;
	text-align: center;
	display: table;
	margin: 0 auto;
	width: 12em;
	b/ackground: #de4b41 !important;
	c/olor: white !important;
}

/* *************************************************************** */
/* INTERIOR-DESIGN BANNER */

.banner-interior-design .row {
	background: #262626;
	background: #fff;
	border: 5px solid red;
	padding: 20px 5px;
}

.banner-interior-design img {
	border: 2px solid gray;
	padding: 0px;
	padding-right: 0px;
	margin-right: 20px;
}
.banner-interior-design p, .banner-interior-design h1 {
	color: #000 !important;
}
.banner-interior-design .btn {
	background: #ff0000 !important;
	color: white !important;
}

.banner-interior-design .btn:hover {
	background: #cf0808 !important;
	color: white !important;
}

/* *************************************************************** */
/* ECOMMERCE BANNER */
._banner-ecommerce {
	background: linear-gradient(90deg, white 50%, red 50%);
	color: #fff !important; 
	padding: 40px 0; 
}

.banner-ecommerce .row {
	background: #262626;
	background: blue;
	background: darkslategray;
	padding: 20px 5px;
	margin: 0px;
}

.banner-ecommerce img {
	text-align: center;
	padding: 0px;
	padding: 20px;
	p/adding-right: 0px;
	m/argin-right: 20px;
}

.banner-ecommerce .setpadding {
	margin: 0px;
	padding: 0px;
}

.banner-ecommerce p, .banner-ecommerce h1{
	color: #fff !important;
}
.banner-ecommerce .btn {
	background: #fff !important;
	color: black !important;
}

.banner-ecommerce .btn:hover {
	background: #ddd !important;
	color: #000 !important;
}

/* *************************************************************** */

/* ARCHITECTURE BANNER */
.banner-architecture .row {
	background: #2f4f4f;
	background: #fff;
	border: 5px solid #a36117; /* house dark tan */
}

.banner-architecture p,
 .banner-architecture h1 {
	color: #000 !important;
}

.banner-architecture img {
	border: 2px solid gray;
	padding: 0px;
	padding-right: 0px;
	margin-right: 20px;
}

.banner-architecture .btn {
	background: #555 !important;
	color: #fff !important;
}

.banner-architecture .btn:hover {
	background: #222 !important;
	color: #fff !important;
}


/* CONSTRUCTION BANNER */

.banner-construction .row {
	background: #2f4f4f;  /* darkslategray +0 */
	background: #203636;  /* darkslategray -20 */
	background: #333;
	background: #fff;
	border: 2px solid black;
}

.banner-construction p {
	color: #fff !important;
	color: #000 !important;
}
.banner-construction img {
	border: 1px solid #000;
	padding: 0px;
	margin-right: 20px;
}
.banner-construction h1 {
	text-align: left;
	color: #000 !important;
}
.banner-construction .btn {
background: #333 !important;
	color: #fff !important;
}

.banner-construction .btn:hover {
background: #000 !important;
	color: #fff !important;
}


/* HANDYMAN BANNER */
._banner-handyman {
	background: linear-gradient(90deg, white 50%, red 50%);
	color: #ffff00 !important; 
	padding: 40px 0; 
}

.banner-handyman .row {
	background: #777;
	background: #2f4f4f;  /* darkslategray +0 */
	background: #203636;  /* darkslategray -20 */
	background: #fff;  /* darkslategray -20 */
	border: 5px solid #005191;
}

.banner-handyman .row img {
	border: 2px solid #aaa;
	padding: 0px;
	padding-right: 0px;
	margin-right: 20px;
}

.banner-handyman p {
	color: black !important;
}
.banner-handyman h1 {
	text-align: left;
	color: black !important;
}
.btn-handyman, 
.banner-handyman .btn {
	background: #005191 !important;
	color: white !important;
}

.btn-handyman:hover, 
.banner-handyman .btn:hover {
	background: #00355e !important;
	color: white !important;
}


/* ROOFER BANNER */
._banner-roofer {
	background: linear-gradient(90deg, white 50%, red 50%);
	color: #ffff00 !important; 
	padding: 40px 0; 
}

.banner-roofer .row {
	background: #777;
	background: #2f4f4f;  /* darkslategray +0 */
	background: #203636;  /* darkslategray -20 */
	background: #131313;
	background: #262626;
	background: #fff;
	border: 5px solid red;
}

.banner-roofer .row img {
	border: 2px solid #aaa;
	padding-right: 0px;
	margin-right: 20px;
}

.banner-roofer p {
	color: #000 !important;
}
.banner-roofer h1 {
	text-align: center;
	color: #000 !important;
}
.banner-roofer .btn {
	background: #fff !important;
	background: #cf0808 !important;
	color: white !important;
}

.banner-roofer .btn:hover {
	background: #ddd !important;
	background: #9c0606 !important;
	color: white !important;
}


/* PERFORMANCE SHOP BANNER */
._banner-performance {
	background: linear-gradient(90deg, white 50%, red 50%);
	color: #ffff00 !important; 
	padding: 40px 0; 
}

.banner-performance .row {
	background: #262626;
	background: white;
	border: 5px solid orangered;
}

.banner-performance p {
	color: #000 !important;
}
.banner-performance h1 {
	text-align: center;
	color: #000 !important;
}
.banner-performance .btn {
	background: orangered !important;
	color: white !important;
}

.banner-performance .btn:hover {
	background: red !important;
	color: white !important;
}

/* LANDSCAPE BANNER */

.banner-landscape .row {
	background: #262626;
	background: white;
	border: 5px solid #ff0000;
	border: 5px solid #008000;
}

.banner-landscape img {
	border: 2px solid #000;
	padding: 0px;
	margin-right: 20px;
}

.banner-landscape p {
	color: #000 !important;
}

.banner-landscape h2 {
	color: #000 !important;
}

@media screen and (max-width: 768px) {
	.banner-landscape h2 {
	}
}

.banner-landscape .btn-green,
.banner-landscape .btn {
	background: green !important;
	color: white !important;
}

.banner-landscape .btn-green:hover,
.banner-landscape .btn:hover {
	background: darkgreen !important;
	color: white !important;
}

/* PAINTERS SHOP BANNER */

.banner-painters .row {
	background: #262626;
	background: white;
	border: 5px solid #cc0051;
}

.banner-painters img {
	border: 2px solid gray;
	padding: 0px;
	padding-right: 0px;
	margin-right: 20px;
}
.banner-painters p {
	color: #000 !important;
}
.banner-painters h2 {
	color: #000 !important;
}

@media screen and (max-width: 768px) {
	.banner-painters h2 {
	}
}

.banner-painters .btn {
	background: #ff0065 !important;
	color: white !important;
}

.banner-painters .btn:hover {
	background: #cc0051 !important;
	color: white !important;
}

/* CHR SHOP BANNER */

.banner-chr .row {
	background: white;
	border: 5px solid #bf5e03;
}

.banner-chr img {
	padding-right: 0px;
	margin-right: 20px;
	border: 2px solid #8c4502;
}


.banner-chr p {
	color: #000 !important;
}
.banner-chr h2 {
	color: #000 !important;
}

@media screen and (max-width: 768px) {
	.banner-chr h2 {
	}
}

.banner-chr .btn {
	background: #bf5e03 !important;
	color: white !important;
}

.banner-chr .btn:hover {
	background: #8c4502 !important;
	color: white !important;
}