/* CSS Document */
/*******************************
	COLORS:
	red = 	#ff3333
	blue dk = #006699
	blue lt = #00ccff
	green = #009966
	black = 
*******************************/
.bg-black {background-color: black;color: white;}
.bg-white {background-color: white;color: black;}
.bg-red {background-color: #ff3333; color: white;}
.bg-blue-dk {background-color: #006699; color: white;}
.bg-blue-lt {background-color: #00ccff; color: white;}
.bg-green {background-color: #009966; color: white;}

.white {color: white; }
.red-text {color: #ff3333;}
.blue-dk-text {color: #006699;}
.blue-lt-text {color: #00ccff;}
.green-text {color: #009966;}

.btn-mybid {border-radius: 10px;}
.fontfam {font-family: 'Domine', serif;}
.title {font-weight: bold;}
.btn-outline-cve {
    border: 2px solid #006699;
    color: #006699 !important;
    background-color: transparent;
}
.pg-title {
	color: #006699;
	text-align: center;
	margin: 15px auto;
}
#mobile-header {
display: block;
}
#mobile-header #celebrating {
text-align: left;
}
#mobile-header #logo_slogan {
text-align: center;
}
#mobile-header #tel_bba {
text-align: right;
}
header {
display: none;
padding-top: 10px;
font-family: 'Domine', serif;
}
#socialicon li {
display: inline-block;
margin-top: 15px;
}
.card-cascade, .card-cascade-2 {
    display: inline-block;
}
.card-cascade .view {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
		
		}
.card-cascade.wider {
box-shadow: none !important;
}
.card-cascade.wider .card-block {
    margin-left: 4%;
    margin-right: 4%;
		box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
		margin-bottom: 20px;
}
.services-detail {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 0;
height: 0;
background-color: grey;
z-index: 10000;
-webkit-transition: all 1.25s ease;
transition: all 1.25s ease;
}
.services-detail > * {
display: none;
}
.services-detail.grow{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
}
footer.page-footer {
background-color: #006699;
}
footer .copyright {
background-color: #3E4551;;
}
footer .copyright .designedby {
font-size: .8em;
}
footer ul {
font-size: .8rem;
}
#map {
min-height: 250px;
width: 100%;
}
#services #content-lg, #products #content-lg {
display: none;
}
#services #content-xs, #products #content-xs {
display: block;
}
#services .card-block {
min-height: 100px;
margin-top: 10px;
}
/************************************************************** SM: **********************************************************************/
@media only screen and (min-width: 481px) {

}
/************************************************************** MD: **********************************************************************/
@media only screen and (min-width: 768px) {

}
/************************************************************** LG: **********************************************************************/
@media only screen and (min-width: 992px) {
#services #content-lg, #products #content-lg {
display: block;
}
#services #content-xs, #products #content-xs {
display: none;
}
#services .card-block {
min-height: 600px;
margin-top: 0px;
}
#mobile-header {
display: none;
}
nav {
font-family: 'Domine', serif;
}
.navbar {
color: black;
}
.navbar.navbar-light .navbar-nav .nav-item .dropdown-menu a:hover {
color: white;
background-color: black;
}
#dropdownservices:hover > .dropdown-menu {
display: block;
}
header {
display: block;
}
header #celebrating {
padding-left: 5px;
text-align: left;
}
header #logo_slogan {
text-align: center;
}
header #tel_bba {
text-align: right;
padding-right: 5px;
}

}
/************************************************************** XL ***********************************************************************/
@media only screen and (min-width: 1200px) {
body {
font-family: 'Domine', serif;
}
.container-fluid {
	max-width: 1366px;
}

.navbar {
box-shadow: 0 0 0 0 white;
border-radius: 0px;
padding: 0px;
}
.w10 {
width: 10%;
}
.w15 {
width: 15%;
}
.collapse.navbar-collapse {
max-width: 1366px;
margin: 0 auto;
background-color: black;;
color: white;
}
.collapse.navbar-collapse ul {
margin: 0 auto;
}
.navbar-nav {
width: 100%;
}
.navbar-nav li {
text-align: center;
}
.navbar.navbar-light .nav-item a {
color: white;
}
.navbar.navbar-light .nav-item a:hover {
color: #006699;
}
#home .card-block p {
min-height: 325px;
}
#socialicon {
    position: absolute;
    right: 0;
    bottom: 0;
}


#Siding-Detail, #Window-Detail, #Roofing-Detail {
display: none;
}
.icon-background {
    border-color: black;
}
}