/*  SECTIONS  */
.tilesection {
	clear: both;
	padding: 0px;
	margin: 1.5%;
}

/*  COLUMN SETUP  */
.tilecol {
	display: block;
	float: left;
	margin: 0% 0 0% 0%;
    padding: 0% 0% 0% 0%;
}

.tilecol .card{
    margin: 5% 2.5% 0% 2.5%;
    padding: 0% 0% 0% 0%;
}

.tilecol:first-child { margin-left: 0; }

/*  GROUPING  */
.tilegroup:before,
.tilegroup:after { content:""; display:table; }
.tilegroup:after { clear:both;}
.tilegroup { zoom:1; /* For IE 6/7 */ }
/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.66%; }
.span_1_of_3 { width: 33.33%; }

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 740px) {
	.tilecol {  margin: 0% 0 0% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
}




@media only screen and (min-width: 740px) {
    .show-on-medium-and-uptextile {
        display:block !important
    }
}

@media only screen and (max-width: 740px) {
    .hide-on-small-onlytextile,.hide-on-small-and-downtextile {
        display:none !important
    }
}





.card-reveal {
    opacity: 1;
}

.card-content {
    position: absolute;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7); /* Black see-through */
    color: #f1f1f1;
    width: 100%;
    height: 100%;
    transition: .5s ease;
    opacity:0;
    color: white;
    font-size: 20px;
    padding: 20px;
    text-align: center;
    top: 0 !important;
}

.tile:hover .card-content {
    opacity: 1;
    cursor: pointer;
}


#tiles > div > div:nth-child(1) > div:nth-child(1) > div.cardcontentfont.valign-wrapper.card-content.activator > div {}




















.section-search input {
  padding: 5px !important;
  font-size: 18px !important;
  width: 90% !important;
  border: #f4f4f4 3px solid !important;
}

.section-contact .fa-3x {
  margin: 5px 10px;
}

nav .brand-logo {
    position: absolute;
    color: #fff;
    display: inline-block;
    font-size: 1.1rem;
    padding: 0;
}

@media only screen and (max-width: 992px)
nav .brand-logo {
    left: 40%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

/*.footerlogo img {
    height: 96px;
}

@media (max-width: 600px) {
    .footerlogo img {
    height: 32px;
  }
} */


.slides li img {
  background-attachment: fixed;
}