/* ************************************************************* */
/* RIGHT TRIANGLE and TEXT */
.right-triangle {
	position: fixed;
	z-index: 1000;
	top: auto;
	bottom: 13em;
 	width: 0;
 	height: 0;
 	border-top: 82px solid transparent;
 	border-bottom: 82px solid transparent;
 	border-left: 164px solid red;

}

.right-triangle:hover {
 	width: 0;
 	height: 0;
 	border-top: 82px solid transparent;
 	border-bottom: 82px solid transparent;
 	border-left: 164px solid black;
}

.right-triangle div {
	position: absolute;
	margin-top: -45px !important;
	margin-left: -110px !important;
	margin-left: -158px !important;
	color: white;
	font-weight: bold;
}

.popover {
	position: fixed !important;
	left: 00px !important;
	top: auto !important;
	bottom: 14em !important;
}

/* FIXED BOTTOM LEFT CORNER TRIANGLE */
.corner-outer2 { 
	position: fixed;
	z-index: 1000;
	bottom: 0;
 	width: 0; 
 	height: 0; 
 	border-bottom: 180px solid limegreen; 
 	border-bottom: 180px solid #555; 
 	border-right: 180px solid transparent; 
	color: white;
}

.corner-outer { 
	position: fixed;
	z-index: 1000;
	bottom: 0;
 	width: 0; 
 	height: 0; 
 	border-bottom: 175px solid limegreen; 
 	border-bottom: 175px solid red; 
 	border-right: 175px solid transparent; 
	color: white;
}



.corner { 
	position: fixed;
	z-index: 1000;
	bottom: 0;
 	width: 0; 
 	height: 0; 
 	border-right: 170px solid transparent; 
 	border-bottom: 170px solid black; 
	color: white;
}

.corner:hover { 
 	border-bottom: 170px solid darkslategray;
 	border-right: 170px solid transparent;
}

.corner .rotate-text {
	margin-top: 80px;
	margin-left: -40px;
	width: 200px;
	text-align: center;
	transform: rotate(45deg);
 	-webkit-transform: rotate(45deg);
	color: white !important;
}

.contact-bob {
	position: fixed;
	bottom: 0px;
	z-index: 100000;
	width: 100%;
	max-width: 100%;

	padding: 5px 0px;
	margin: 0px auto;

	border-top: 2px solid #fff;
	background: #333;
	color: white;
}
.contact-bob p {
	text-align: center;
	padding: 5px 0px;
	font-size: 110% !important;
}
@media screen and (max-width: 768px) {
	.contact-bob p {
		font-size: 100% !important;
	}
}
@media screen and (max-width: 480px) {
	.contact-bob p {
		font-size: 80%;
	}
}
.contact-bob a {
	text-decoration: underline;
	color: #fff;
}

h/tml, b/ody { font-size: 100%; }


/* ************************************************************* */
/* ROOFERS: RIGHT TRIANGLE */
.roofers .right-triangle {
	top: auto;
	bottom: 13em;
 	border-left: 164px solid red;
	display: none;
}

.roofers .right-triangle:hover {
 	border-left: 164px solid black;
}

.roofers .right-triangle div {
	margin-top: -47px !important;
	color: white;
}

.roofers .popover {
	top: auto !important;
	bottom: 14em !important;
	bottom: 25em !important;
}

/* CORNER TRIANGLE */
.roofers .corner-outer { 
	z-index: 1000;
 	border-bottom: 175px solid limegreen; 
 	border-bottom: 175px solid black; 
 	border-bottom: 175px solid #ff0000; 
	color: white;
	display: none;
}
.roofers .corner { 
 	border-bottom: 170px solid black; 
 	border-bottom: 170px solid #333; 
	color: white;
	display: none;
}

.roofers .corner:hover { 
 	border-bottom: 170px solid darkslategray;
 	border-bottom: 170px solid black; 
}

.roofers .contact-bob {
	padding: 0px !important;
	padding-top: 5px !important;
	padding-bottom: 0px !important;
	margin: 0px auto;
	width: 100%;
	max-width: 100%;
	border-top: 2px solid red;
	background: white;
	background: #333;
	border-top: 2px solid black;
}

.roofers .contact-bob:hover {
	background: #000;
	border-top: 2px solid black;

}

.roofers .contact-bob p {
	text-align: center;
	padding: 0px;
	margin:  0px 0px 3px 0px;
	color: white !important;
}
.roofers .contact-bob a {
	text-decoration: underline;
	color: #ddd !important;
}
.roofers .contact-bob a:hover {
	text-decoration: underline;
	color: #fff !important;
}


/* ************************************************************ */
/* INTERIOR-DESIGN: RIGHT TRIANGLE */
.interior-design .right-triangle {
	display: none;
	top: auto;
	bottom: 2em;
 	border-left: 164px solid red;
}

.interior-design .right-triangle:hover {
 	border-left: 164px solid black;
}

.interior-design .right-triangle div {
	margin-top: -47px !important;
	color: white;
}

.interior-design .popover {
	top: auto !important;
	bottom: 14em !important
}

/* CORNER TRIANGLE */
.interior-design .corner-outer { 
	z-index: 1000;
 	border-bottom: 175px solid limegreen; 
	color: white;
	display: none;
}
.interior-design .corner { 
 	border-bottom: 170px solid black; 
 	border-bottom: 170px solid #333; 
	color: white;
	display: none;
}

.interior-design .corner:hover { 
 	border-bottom: 170px solid darkslategray;
 	border-bottom: 170px solid black; 
	display: none;
}

.interior-design .contact-bob {
	position: fixed;
	bottom: 0px;
	z-index: 100000;
	padding: 0px !important;
	padding-top: 5px !important;
	padding-bottom: 0px !important;
	margin: 0px auto;
	width: 100%;
	max-width: 100%;
background: black;
}

.interior-design .contact-bob p {
	text-align: center;
	padding: 0px !important;
	margin:  0px 0px 3px 0px !important;
	color: white !important;
}
.interior-design .contact-bob a {
	color: #ddd !important;
}

/* ************************************************************ */
/* CONSTRUCTION: RIGHT TRIANGLE */
.construction .right-triangle {
	top: auto;
	bottom: 13em;
	bottom: 2em;
 	border-left: 164px solid red;
	display: none;
}

.construction .right-triangle:hover {
 	border-left: 164px solid black;
	display: none;
}

.construction .right-triangle div {
	margin-top: -47px !important;
	color: white;
	display: none;
}

.construction .popover {
	top: auto !important;
	bottom: 14em !important
}

/* CORNER TRIANGLE */
.construction .corner-outer { 
	z-index: 1000;
 	border-bottom: 175px solid limegreen; 
 	border-bottom: 175px solid white; 
	color: white;
	display: none;
}
.construction .corner { 
 	border-bottom: 170px solid black; 
 	border-bottom: 170px solid #333; 
	color: white;
	display: none;
}

.construction .corner:hover { 
 	border-bottom: 170px solid darkslategray;
 	border-bottom: 170px solid black; 
	display: none;
}

.construction .rotate-text {
	color: #000;
}


/* here */
.construction .contact-bob {
	d/isplay:none;
	background: white;
	border-top: 2px solid black;
	margin: 0px auto;
}

.contact-bob p {
	padding: 0px;
	margin:  0px 0px 3px 0px !important;
	color: #000;
}
.contact-bob a {
	color: #555 !important;
}


/* ************************************************************ */
/* EQUESTRIAN: RIGHT TRIANGLE */
.equestrian .right-triangle {
	top: auto;
	bottom: 13em;
	bottom: 2em;
 	border-left: 164px solid red;
	display: none;
}

.equestrian .right-triangle:hover {
 	border-left: 164px solid black;
	display: none;
}

.equestrian .right-triangle div {
	margin-top: -47px !important;
	color: white;
	display: none;
}

.equestrian .popover {
	top: auto !important;
	bottom: 14em !important
}

/* CORNER TRIANGLE */
.equestrian .corner-outer { 
	z-index: 1000;
 	border-bottom: 175px solid limegreen; 
	color: white;
	dis/play: none;
}
.equestrian .corner { 
 	border-bottom: 170px solid black; 
 	border-bottom: 170px solid #333; 
	color: white;
	dis/play: none;
}

.equestrian .corner:hover { 
 	border-bottom: 170px solid darkslategray;
 	border-bottom: 170px solid black; 
	dis/play: none;
}

.equestrian .contact-bob {
	position: fixed;
	bottom: 0px;
	z-index: 100000;
	padding: 0px !important;
	padding-top: 5px !important;
	padding-bottom: 0px !important;
	margin: 0px auto;
	width: 100%;
	max-width: 100%;
}

.equestrian .contact-bob p {
	text-align: center;
	padding: 0px !important;
	margin:  0px 0px 3px 0px !important;
	color: white !important;
}
.equestrian .contact-bob a {
	color: #fff !important;
}


/* ************************************************************ */
/* LANDSCAPE: RIGHT TRIANGLE */
.landscape .right-triangle {
	top: auto;
	bottom: 13em;
	bottom: 2em;
 	border-left: 164px solid red;
	display: none;
}

.landscape .right-triangle:hover {
 	border-left: 164px solid black;
	display: none;
}

.landscape .right-triangle div {
	margin-top: -47px !important;
	color: white;
	display: none;
}

.landscape .popover {
	top: auto !important;
	bottom: 14em !important
}

/* CORNER TRIANGLE */
.landscape .corner-outer { 
	z-index: 1000;
 	border-bottom: 175px solid limegreen; 
	color: white;
	di/splay: none;
}
.landscape .corner { 
 	border-bottom: 170px solid black; 
 	border-bottom: 170px solid #333; 
	color: white;
	di/splay: none;
}

.landscape .corner:hover { 
 	border-bottom: 170px solid darkslategray;
 	border-bottom: 170px solid black; 
	di/splay: none;
}

.landscape .contact-bob {
	position: fixed;
	bottom: 0px;
	z-index: 100000;
	padding: 0px !important;
	padding-top: 5px !important;
	padding-bottom: 0px !important;
	margin: 0px auto;
	width: 100%;
	max-width: 100%;
}

.landscape .contact-bob p {
	text-align: center;
	padding: 0px !important;
	margin:  0px 0px 3px 0px !important;
	color: white !important;
}
.landscape .contact-bob a {
	color: #fff !important;
}





/* ************************************************************ */
/* COLORADO HOMES: RIGHT TRIANGLE */
.chr .right-triangle {
	top: auto;
	bottom: 13em;
	bottom: 2em;
 	border-left: 164px solid red;
	display: none;
}

.chr .right-triangle:hover {
 	border-left: 164px solid black;
	display: none;
}

.chr .right-triangle div {
	margin-top: -47px !important;
	color: white;
	display: none;
}

.chr .popover {
	top: auto !important;
	bottom: 14em !important
}

/* CORNER TRIANGLE */
.corner-outer2 { 
	border: none;
}

.chr .corner-outer { 
	z-index: 1000;
 	border-bottom: 175px solid #8c4502; 
}

.chr .corner-outer:hover { 
	z-index: 1000;
 	border-bottom: 175px solid #000; 
}

.chr .corner { 
 	border-bottom: 170px solid #fff; 
	font-size: 80% !important;
	di/splay: none;
}

.chr .corner:hover { 
 	border-bottom: 170px solid darkslategray;
 	border-bottom: 170px solid black; 
 	border-bottom: 170px solid #fff; 
	di/splay: none;
}

.chr .rotate-text {
	color: #8c4502 !important;
}
.chr .rotate-text:hover {
	color: #000 !important;
}

.chr .contact-bob {
	position: fixed;
	bottom: 0px;
	z-index: 100000;
	padding: 0px !important;
	padding-top: 5px !important;
	padding-bottom: 0px !important;
	m/argin: 0px !important;
	margin: 0px auto;
	width: 100%;
	max-width: 100%;
}

.chr .contact-bob p {
	text-align: center;
	padding: 0px !important;
	margin:  0px 0px 3px 0px !important;
	color: white !important;
}
.chr .contact-bob a {
	color: #fff !important;
}


/* ************************************************************ */
/* COLORADO HOMES: RIGHT TRIANGLE */
.photography .right-triangle {
	top: auto;
	bottom: 13em;
	bottom: 2em;
 	border-left: 164px solid red;
	display: none;
}

.photography .right-triangle:hover {
 	border-left: 164px solid black;
	display: none;
}

.photography .right-triangle div {
	margin-top: -47px !important;
	color: white;
	display: none;
}

.photography .popover {
	top: auto !important;
	bottom: 14em !important
}

/* CORNER TRIANGLE */
.photography .corner-outer { 
	z-index: 1000;
 	border-bottom: 175px solid #8c4502; 
}

.photography .corner-outer:hover { 
	z-index: 1000;
 	border-bottom: 175px solid #000; 
}

.photography .corner { 
 	border-bottom: 170px solid #fff; 
	font-size: 80% !important;
	di/splay: none;
}

.photography .corner:hover { 
 	border-bottom: 170px solid darkslategray;
 	border-bottom: 170px solid black; 
 	border-bottom: 170px solid #fff; 
	di/splay: none;
}

.photography .contact-bob {
	position: fixed;
	bottom: 0px;
	z-index: 100000;
	padding: 0px !important;
	padding-top: 5px !important;
	padding-bottom: 0px !important;
	m/argin: 0px !important;
	margin: 0px auto;
	width: 100%;
	max-width: 100%;
	background: #198f5d; /* logo green */
}
.photography .contact-bob:hover {
background: black;
}


.photography .contact-bob p {
	text-align: center;
	padding: 0px !important;
	margin:  0px 0px 3px 0px !important;
	color: white !important;
	font-size: 110% !important;
}
@media screen and (max-width: 769px) {
	.photography .contact-bob p {
		fo/nt-size: 80%;
		font-size: 100% !important;
	}
}
.photography .contact-bob a {
	color: #fff !important;
}




/* ************************************************************* */
.roofers2 .right-triangle {
	top: auto;
	bottom: 13em;
 	border-left: 164px solid red;
	display: none;
}

.roofers2 .right-triangle:hover {
 	border-left: 164px solid black;
}

.roofers2 .right-triangle div {
	margin-top: -47px !important;
	color: white;
}

.roofers2 .popover {
	top: auto !important;
	bottom: 14em !important;
	bottom: 25em !important;
}

/* CORNER TRIANGLE */
.roofers2 .corner-outer-double { 
	z-index: 1000;
 	border-bottom: 180px solid #333; 
	color: white;
}
.roofers2 .corner-outer { 
	z-index: 1000;
 	border-bottom: 175px solid limegreen; 
 	border-bottom: 175px solid black; 
 	border-bottom: 175px solid #fff; 
	color: white;
}
.roofers2 .corner { 
 	border-bottom: 170px solid black; 
 	border-bottom: 170px solid #333; 
	color: white;
}

.roofers2 .corner:hover { 
 	border-bottom: 170px solid darkslategray;
 	border-bottom: 170px solid black; 
}


/* ************************************************************ */
/* NICHE */

/* CORNER TRIANGLE */
.niche .corner-outer2 { 
}
.niche .corner-outer { 
 	border-bottom: 175px solid #1d73c0; 
}

.niche .corner-outer:hover { 
 	border-bottom: 175px solid #000; 
}

.niche .corner { 
 	border-bottom: 170px solid #fff; 
	font-size: 80% !important;
}

.niche .corner:hover { 
 	border-bottom: 170px solid #fff; 
}

.niche .corner .rotate-text { 
	color: #000 !important;
}

/* ************************************************************ */
/* COLORADO HOMES: RIGHT TRIANGLE */
.paint-shop .right-triangle {
	top: auto;
	bottom: 13em;
	bottom: 2em;
 	border-left: 164px solid red;
	display: none;
}

/* CORNER TRIANGLE */
.paint-shop .corner-outer { 
 	border-bottom: 175px solid #8c4502; 
 	border-bottom: 175px solid #1d73c0; 
}

.paint-shop .corner-outer:hover { 
 	border-bottom: 175px solid #000; 
}

.paint-shop .corner { 
 	border-bottom: 170px solid #fff; 
	font-size: 80% !important;
}

.paint-shop .corner:hover { 
 	border-bottom: 170px solid #eee; 
}

.paint-shop .corner .rotate-text { 
	color: #000 !important;
}


/* ************************************************************* */
/* PC-REPAIR: RIGHT TRIANGLE */
.pc-repair .right-triangle {
	top: auto;
	bottom: 13em;
 	border-left: 164px solid red;
	display: none;
}

.pc-repair .right-triangle:hover {
 	border-left: 164px solid black;
}

.pc-repair .right-triangle div {
	margin-top: -47px !important;
	color: white;
}

.pc-repair .popover {
	top: auto !important;
	bottom: 14em !important;
	bottom: 25em !important;
}

/* CORNER TRIANGLE */
.pc-repair .corner-outer { 
	z-index: 1000;
 	border-bottom: 175px solid limegreen; 
 	border-bottom: 175px solid black; 
 	border-bottom: 175px solid #ff0000; 
	color: white;
	display: none;
}
.pc-repair .corner { 
 	border-bottom: 170px solid black; 
 	border-bottom: 170px solid #333; 
	color: white;
	display: none;
}

.pc-repair .corner:hover { 
 	border-bottom: 170px solid darkslategray;
 	border-bottom: 170px solid black; 
}

.pc-repair .contact-bob {
	padding: 0px !important;
	padding-top: 5px !important;
	padding-bottom: 0px !important;
	margin: 0px auto;
	width: 100%;
	max-width: 100%;
	border-top: 2px solid red;
	background: white;
	background: #333;
	border-top: 2px solid black;
}

.pc-repair .contact-bob:hover {
	background: #000;
	border-top: 2px solid black;

}

.pc-repair .contact-bob p {
	text-align: center;
	padding: 0px;
	margin:  0px 0px 3px 0px;
	color: white !important;
}
.pc-repair .contact-bob a {
	text-decoration: underline;
	color: #ddd !important;
}
.pc-repair .contact-bob a:hover {
	text-decoration: underline;
	color: #fff !important;
}




/* ************************************************************* */
/* xyz: RIGHT TRIANGLE */
.xyz .right-triangle {
	top: auto;
	bottom: 13em;
 	border-left: 164px solid red;
	display: none;
}

.xyz .right-triangle:hover {
 	border-left: 164px solid black;
}

.xyz .right-triangle div {
	margin-top: -47px !important;
	color: white;
}

.xyz .popover {
	top: auto !important;
	bottom: 14em !important;
	bottom: 25em !important;
}

/* CORNER TRIANGLE */
.xyz .corner-outer { 
	z-index: 1000;
 	border-bottom: 175px solid limegreen; 
 	border-bottom: 175px solid black; 
 	border-bottom: 175px solid #ff0000; 
	color: white;
	display: none;
}
.xyz .corner { 
 	border-bottom: 170px solid black; 
 	border-bottom: 170px solid #333; 
	color: white;
	display: none;
}

.xyz .corner:hover { 
 	border-bottom: 170px solid darkslategray;
 	border-bottom: 170px solid black; 
}

.xyz .contact-bob {
	padding: 0px !important;
	padding-top: 5px !important;
	padding-bottom: 0px !important;
	margin: 0px auto;
	width: 100%;
	max-width: 100%;
	border-top: 2px solid red;
	background: white;
	background: #333;
	border-top: 2px solid black;
}

.xyz .contact-bob:hover {
	background: #000;
	border-top: 2px solid black;

}

.xyz .contact-bob p {
	text-align: center;
	padding: 0px;
	margin:  0px 0px 3px 0px;
	color: white !important;
}
.xyz .contact-bob a {
	text-decoration: underline;
	color: #ddd !important;
}
.xyz .contact-bob a:hover {
	text-decoration: underline;
	color: #fff !important;
}