@charset "utf-8";


@font-face {  
  font-family: 'gaoel'; 
  src: url("../fonts/gaoel-webfont.woff2") format('woff2'),
       url("../fonts/gaoel-webfont.woff") format('woff');

}



h1 {
    color: #FE0000;
	font-weight: 400;
	font-size: xxx-large;
	padding-bottom: 5px;
	text-shadow: none;
}

h2 {
    color: #FE0000;
	font-weight: 400;
	font-size: x-large;
	
	text-shadow: none;
}

h2.results{
	color: white;
	font-weight: 400;
	font-size: 20px;
	
	text-shadow: 0px 1px 0px grey;
	}
meg
h2.results2{
	color: #0C86C7;
	font-weight: 400;
	font-size: 20px;
	text-shadow: 0px 1px 0px grey;
	}

h2.categorytitle{
	color: #FE0000;
	font-size: 18px;
	text-shadow: 0px 1px 0px grey;
}

h2.menutitle{
	color: dimgrey;
	font-size: large;
	padding: 1px;
	margin: 0px;
	line-height: 1.5;
	font-weight: 400;
	outline: none;
	border: none;
	text-shadow: none;
	text-transform:uppercase;
	text-align: right;
	padding-right: 3px;
}

p.menutitle{
	color: dimgrey;
	font-size: large;
	
	margin: 0px;
	line-height: 1.5;
	font-weight: 400;
	outline: none;
	border: none;
	text-shadow: none;
	text-transform:none;
	text-align: left;
	padding-left: none;
}

h2.menutitle:hover{
	
	color: red;
	transition-duration: .4s;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	
	padding-right: 6px;
	
	}

li.navtitle{
	color: dimgrey;
	font-size: large;
	padding: 1px;
	margin: 0px;
	line-height: 1.5;
	font-weight: 400;
	outline: none;
	border: none;
	text-shadow: none;
	text-transform:uppercase;
	text-align: right;
}
li.navtitle:hover{
	
	color: red;
	transition-duration: .4s;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	cursor: pointer;
	padding-right: 6px;
	
	}

h2.submenutitle{
	color: dimgray;
	font-size: 14px;
	
	line-height: 1.2;
	font-weight: normal;
	outline: none;
	border: none;
	text-align: right;
	text-decoration: inherit;
	text-shadow: none;
	
}

h2.categorytitle2{
	color: white;
	font-size: 18px;
	text-shadow: 0px 1px 0px grey;
	font-weight: 400;
	}



h3 {
    color: black;
	font-weight: 400;
	font-size: large;
	padding-bottom: 5px;
	
}

h3.results{
	color: white;
	font-weight: 300;
	font-size: 15px;
	
	
	
}

p {
	
	color: #384047;
	font-size: 15px;
	}

.mainbtn:focus, .mainbtn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(255,255, 255, 0.4);
}

p.results {
	
	color: white;
	font-size: 15px;
	}

.nav{
	font-family: gaoel; 
	color: black; 
	font-size: 14px;
	flex-wrap: nowrap;
	
	display: block;
    padding: 0.5rem 1rem;
	text-shadow: none;
	}

.nav:hover{
	 
	color: red; 
	}

.charcoal{
	color:#282d32;
}
	
.custom-toggler .navbar-toggler-icon {
 
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,0,0, 1)' stroke-width='1.5' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;


}





.indeximage { 
    mask-image: linear-gradient(black 0%, transparent 100%); 
}


.checkmark { 
	list-style-image: url('../Images/checkmark.jpg');
	
}

.checkmarkw2 { 
	list-style-image: url('../Images/checkmarkwhite.jpg');
	
}

.checkmarkw { 
	background-image: url('../Images/checkmarkwhite.jpg');
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 27px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.check { 
	
	background-repeat: no-repeat;
	position: left;
	padding-left: 27px;
	padding-top: 5px;
	padding-bottom: 5px;
	
}

 .card-footer {
       	 	background-color: transparent;
	 border: none;
	     }



.cardbuttoncolor {
	background: red;
	color: white;
	box-shadow: 0px 2px 2px black;
}

.cardbuttonsize {
  padding: .25rem .4rem;
  font-size: 1.rem;
  line-height: 1.25;
  border-radius: .2rem;
  text-align: center;
}

.redbutton{
	background-color: red;
	color: white;
	
}

.lmbutton {
	background: white;
	color: #174D74;
	box-shadow: 0px 2px 2px black;
}
	

.cardheadercus{
	font: 32px;
	
}
.mega-menu {
	
	position: static;
	
	width: 100%;
	padding: 15px;
	margin: 0px;
}



.dropdown-wide{
	width: 100%;
	
}


.verticalcenter{
	
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
	
}


.mega-menu2 {
	
	position: absolute;
	width: 100%;
	padding: 15px;
}
.mega-dropdown {
	position: static;
}
.newmoverform {
	font: 24px;
	border-top-right-radius: 20px;
	border-top-left-radius: 0px;
	border-bottom-right-radius: 20px;
	opacity: 1;
}
.customCol1 {
	height: 500px;
	background-image: url(../Images/buzz.jpg);
	background-repeat: no-repeat;
}

.customCol1a {
	height: 300px;
	background-image: url("../Images/NewHomeowner.jpg");
	background-repeat: no-repeat;
}

.customCol1b {
	height: 300px;
	background: #466368;
    background: -webkit-linear-gradient(top left, #648880, #293f50);
    background: -o-linear-gradient(top left, #648880, #293f50);
    background: linear-gradient(to bottom right, #648880, #293f50);
}
.customCol1 h1 {
	color: #000;
	font-size: 28px;
	font-family: 'Shift', sans-serif;
	font-weight: bold;
}
.customCol1 p {
	color: #000;
	font-size: 24px;
	font-family: 'Shift', sans-serif;
}
.newmoverform {
	max-height: 29px;
}
.formheader {
	text-align: center;
	font-size: x-large;
	color: #000;
}

.pliheading{
	color: black;
	font-size: large;
	font-weight: 450;
		
}

.formcol {
	position: absolute;
	padding-top: 5px;
	left: 0px;
}

.formcol2 {
	position: absolute;
	padding-top: 5px;
	right: 0px;
}
.newmoverform form {
	color: #7a7a7a;
	border-radius: 3px;
	margin-bottom: 15px;
	background: #fff;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	opacity: .65;
}
.formbg {
	vertical-align: middle;
	max-height: 290px;
	color: #7a7a7a;
	border-radius: 3px;
	margin-bottom: 15px;
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 1px 2px 2px 1px rgba(0, 0, 0, 0.3);
	padding-bottom: 5px;
	left: 0px;
}


.smallwhiteheader {
		color: white;
	text-shadow: 1px 1px 1px black;
		font-size: large;
}
.mediumwhiteheader {
		color: white;
	text-shadow: 2px 2px 2px black;
		font-size: xx-large;

}
.mediumwhiteheader.stretched-link {
		color: white;
	text-shadow: 2px 2px 2px black;
		font-size: xx-large;
	
		
}

body {
  padding-right: 0px !important
}

.modal-open {
  overflow-y: auto;
}



.largewhiteheader {
		color: white;
		font-size: 32pt;
	text-shadow: 2px 2px 2px black;
	font-weight: 400;

}

.indeximagetextbig2 {
	color: white;
	font-size: 47px;
	text-shadow: 2px 2px 2px black;
	-webkit-text-stroke: 3px #E21F03;

}

@media only screen and (max-width: 480px) {
	.mediumwhiteheader {
		color: white;
		font-size: x-large;
		text-shadow: 2px 2px 2px black;
		
		
}.largewhiteheader {
		color: white;
		font-size: 20pt;
	font-weight: 500;
	text-shadow: 2px 2px 2px black;

}

.indeximagetextbig2 {
	color: white;
	font-size: 38px;
	-webkit-text-stroke: 3px #E21F03;
	text-shadow: 2px 2px 2px black;
	}

.customCol1a {
	height: 300px;
	background-image: url("../Images/NewHomeowner.jpg");
	padding-left: 2px;
	background-repeat: no-repeat;
}
	
	.customCol1 {
	height: 350px;
	background-image: url(../Images/indexmainmobile.jpg);
	background-position: center;
		background-repeat: no-repeat;
		padding-left: 0px;
}
	.formcol {
	position: absolute;
		left: 2px;
	padding-top: 5px;
	padding-left: 0px;
}
	
	.imagecontentcolumn{
		position: absolute;
		left: 2px;
		padding-bottom: 2px;
	}
	
	

}

.container-fluid .row.customRow1 {
	background: #F7F7F7;
	padding-bottom: 5px;
	padding-left: 5px;
	
}
.navgroup {
	padding-top: 0px;
}
.searchcolumn {
    border-top-color: #E9E9E9;
    border-width: thin;
    padding-right: 10px;
    float: right;
    position: absolute;
    right: 0px;
    padding-top: 5px;


}

.navcontain {
	padding: 0px;

		}

.colcontain{
	
	padding: 0px;
}



.logorow {
	border-bottom: thin solid #E5E5E5;
	border-top: thin solid #E5E5E5;
	
	
	
}
.mainimagerow {
border-bottom: thin solid #E5E5E5;

}
.searchformcus {
    padding-top: 5px;
	padding-bottom: 5px;
    float: right;
	height: 30px;

}

.searchbuttonsize {
	  padding: .25rem .4rem;
  font-size: 1.rem;
  line-height: 1.25;
  border-radius: .2rem;
	
 	margin-bottom: 0px;
	text-align: center;
}


.phoneiconclass {
	
	max-width: 50px;
	max-height: 50px;
	padding-right: 5px;
	padding-left: 7px;
	
}
.phonenumberpos {
	color: #000;
	font-size: x-large;
	padding-top: 6px;
	padding-left: 5px;
}
.phonecolumn {

padding-left: 10px;
}

.formpadding{
	padding-bottom: 5px;
}

.jumbobg {
    background-image: url(../Images/NewHomeowner.jpg);
    background-size: cover;
	

}
.card-header2 {
	padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
	
}

.cardscontainer {
	padding-top: 25px;
	padding-bottom: 15px;
}

@media only print {
	.logosize {
		max-width: 75%;
}
}

@media only screen and (max-width: 480px) {
	.logosize {
		width: 100%;
		
		
}
	.navbar-brand {
		
		max-width: 81%;
	}
	
	.itmenu{
		width:100%;
	}
	
	.categorycontainer{
		width: 100%;
	}
	
}
@media only screen and (min-width: 481px) and (max-width: 800px){
	.logosize {
		
		width: 100%;
		max-width: 500px;
}		
	
	.navbar-brand {
		
		max-width: 80%;
	}
	.categorycontainer{
		width: 75%;
	}
	.itmenu{
		width: 100%;
		background-color: white;
		text-align: center;
	}
}


@media only screen and (min-width: 800px) {
	.logosize {
			width: 100%;
		max-width: 500px;
}
	
	.itmenu{
		width: 20%;
		margin-right: 15%;
	}
	
	.navbar-brand {
		
		max-width: 80%;
	}
	.categorycontainer{
		width: 75%;
	}

}





.itcolumn {
	background-image: url(../Images/servers.jpg);
    background-size:cover;
	min-height: 350px;
	
}

@media (min-width: 520px) {
    .divider1 { display: none; }
}



.carbonbg{
	background:
linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
background-color: #131313;
background-size: 20px 20px;
		}




.hw100 {
  height: 92%;
  width: 100%;
}

		
.inner .img-title {
  transition: transform 0.15s cubic-bezier(0.4, 0, 1, 1) 0s;
  -webkit-transition: transform 0.15s cubic-bezier(0.4, 0, 1, 1) 0s;
  opacity: 1;
}
.inner .img-block {
  max-height: 100%;
  overflow: hidden;
}
.inner .img-block img {
  transition: transform 0.15s cubic-bezier(0.4, 0, 1, 1) 0s;
}
.inner:hover .img-title {
  opacity: 0;
}
.inner:hover .img-block img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transition: transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0s;
  -webkit-transition: transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0s;
}

.inner:hover .box-content-overly-white.flat .submini {
  width: 70%;
}
.inner .box-content-overly-white.flat h1 {
  margin-bottom: 0;
  padding-bottom: 0;
}




		

.col-centered {
  display: inline-block;
  float: none;
  /* reset the text-align */
  text-align: center;
  /* inline-block space fix */
  
}

		
		
	.table-responsive{
  height:400px;  
  overflow:scroll;
}
 thead tr:nth-child(1) th{
    background: white;
    position: sticky;
    top: 0;
    z-index: 10;
  }



div.polaroid {
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1), 0 6px 8px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
	}

.datacard {
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1), 0 6px 8px 0 rgba(0, 0, 0, 0.19);
	-ms-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1), 0 6px 8px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
	}

@media print {
  .datacard {
    -webkit-filter: drop-shadow(2px 2px 2px #333333);   
    -ms-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.1), 0 6px 8px 0 rgba(0, 0, 0, 0.19);
	
	  
  }
}

.rounded {
  border-radius: 0.5rem !important;
}

div.polaroid:hover {
  transform: scale(1.1);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 10px 0 rgba(0, 0, 0, 0.19);
  text-align: center;
	    
		
}

/* Style the buttons that are used to open and close the accordion panel */
button.accordion {
  background-color: white;
  color: black;
  cursor: pointer;
  padding: 0px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: .4s;
	
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover .accordion::after{
  border: none;
  outline: none;
	
}

/* Style the accordion panel. Note: hidden by default */

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;   
  transition: 0.2s ease-out;
}
a.collapsed {
  background-color: white;
  color: black;
  cursor: pointer;
  padding: 0px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: .4s;
	
}

.datacarddetails{ 
	
	color: dimgray;
	font-size: 15px;
	}

#captionA {
    
    animation: slide 2s;
	animation-delay: 3s;
	animation-fill-mode: forwards;
    -moz-animation: slide 2s; /* Firefox */
    -webkit-animation: slide 2s; /* Safari and Chrome */
	-webkit-animation-fill-mode: forwards;
	-o-animation:slide 2s; /* Opera */
}
@keyframes slide {
    from {
        transform: translateY(-45%);  
		opacity: 0;
    }
    to {
        transform: translateY(0%);
			 
				opacity: 1;	
    }
	
}

#biz {
    
    animation: biz 1s;
	animation-delay: 1s;
	animation-fill-mode: forwards;
    -moz-animation: biz 1s; /* Firefox */
    -webkit-animation: biz 1s; /* Safari and Chrome */
	-webkit-animation-delay: 2s; /* Safari and Chrome */
	
	-webkit-animation-fill-mode: forwards;
	-o-animation:slide 3s; /* Opera */
}
@keyframes biz {
    from {
        color: white;
    }
    to {
        color: red;		
    }
}

#meet {
    
    animation: meet 1s;
	animation-delay:3s;
	animation-fill-mode: forwards;
    -moz-animation: meet 1s; /* Firefox */
    -webkit-animation: meet 1s; /* Safari and Chrome */
	-webkit-animation-delay: 3s; /* Safari and Chrome */
	
	-webkit-animation-fill-mode: forwards;
	-o-animation:slide 1s; /* Opera */
}
@keyframes meet {
    from {
        color: white;
    }
    to {
        color: red;		
    }
}

#buyers {
    
    animation: buyers 1s;
	animation-delay: 3.5s;
	animation-fill-mode: forwards;
    -moz-animation: buyers 1s; /* Firefox */
    -webkit-animation: buyers 1s; /* Safari and Chrome */
	-webkit-animation-delay: 3.5s; /* Safari and Chrome */
	
	-webkit-animation-fill-mode: forwards;
	-o-animation:slide 1s; /* Opera */
}
@keyframes buyers{
    from {
        color: white;
		text-shadow: 0px 1px 1px black ;
    }
    to {
		color: red;
       	text-shadow: 0px 1px 1px black ;
    }
}


#browse {
    
    animation: browse .7s;
	animation-delay: 4.5s;
	animation-fill-mode: forwards;
    -moz-animation: browse .7s; /* Firefox */
    -webkit-animation: browse .7s; /* Safari and Chrome */
	-webkit-animation-delay: 4.5s; /* Safari and Chrome */
	
	-webkit-animation-fill-mode: forwards;
	-o-animation:slide 1s; /* Opera */
}
@keyframes browse{
	
	
    to {
		color: white;
        
	
		 }
}