body {
    background: dimgray url('/img/bg_pixel_6.png');
}

.contact-form {
    margin: 25px 20px 25px 15px;
}
.breadcrumb {
    margin: 20px 25px 14px 20px;
}

.row.contact-block {
    margin: 25px 20px 25px 15px;
}
hr.block_separator {
    border: medium none;
    border-top: 1px solid #cccccc;
    height: 1px
}
.size-overlay {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.5;
    z-index: 999;
    background-color: white;
}
.main {
    background-color: transparent;
    margin-bottom: 10px;
}

.dummy {
    margin-top: 100%;
}
.square {
    width: 100%;
    padding-bottom: 100%;
}
.subhead .square {
    width: initial;
    padding-bottom: 100%;
}
.side-border {
  background: gray url('/img/bg_pixel_1.png')
}
.copy-col {
    text-align: left;
    padding-left: 20px;
}
.sm-col {
    text-align: right;
    padding-right: 20px;
}
.sm-col a {
    color: white;

}
.content {
    min-height: 300px;
    background-color: silver;
}
.panel {
    border: thin solid black;
    position: relative;
    overflow: visible;
    margin-bottom: 0;
    border-radius: 3%;
    opacity: 0.8;

}
.panel::before {
    content: "";
    background: url('/img/color-grunge-5.jpg');
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    opacity: 0.18;
    z-index: -1;
}

.thumbnail_bad {
    position: absolute;
    top: 1px;
    bottom: 1px;
    left: 1px;
    right: 1px;
    text-align:center;
    padding-top:calc(50% - 30px);
    margin: 0;
}
.panel-nav {
  top: 0;
  font-size: large;
  position: absolute;
  bottom: 0;
  padding-bottom: 4px;
  font-weight: bold;
  color: black;
  left: 0;
  right: 0;
  vertical-align: bottom;
  text-align: center;
  z-index: 2;
}

.first-row .jumbo-tron {
    vertical-align: middle;
    text-align: center;
    padding-top: 24px;
    margin-top: 20px;
    height: 130px;
    padding-bottom: 24px;
}

.panel-nav span {
    background-color: silver;
    padding: 0;
    display: block;
    margin-top: 2px;
    text-align: center;
}

.panel-nav img {
  width: 100%;
  right: 0;
  bottom: 0;
  height: 100%;
  opacity: 0.38;
  position: absolute;
  top: 0;
  left: 0;
}
.img-square {
    top: 2%;
    position: absolute;
    width: 99%;
    height: 99%;
    left: 3%;
}
.subhead .img-square {
    top: 2%;
    position: absolute;
    width: 70%;
    height: 70%;
    left: 3%;

}
.img-square-3 {
    z-index: 999;
    top: 12%;
    position: absolute;
    width: 299%;
    height: 85%;
    left: -10%;
}

.subhead .img-square-3 {
    z-index: 999;
    top: 3%;
    position: absolute;
    width: 299%;
    height: 80%;
    left: -10%;
}
.img-logo {
    border: medium solid wheat;
    border-radius: 50%;
    width: 70%;
    height: 70%;
    margin-top: 4%;
    margin-left: 6%;
}
.row.header-row {
    border-bottom: 4px double #202048;
}


.row.footer-row {
    border-top: 4px double #202048;
}
.logo-text-img {

}
.first-row {

}
.square-tile {
    position: relative;
}
/* panel colors */
.panel a {
    z-index: 5;
}
.panel.gray {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#777777+0,aaaaaa+100 */
    background: #777777; /* Old browsers */
    background: -moz-linear-gradient(top, #777777 0%, #aaaaaa 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #777777 0%,#aaaaaa 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(119,119,119,1) 0%,rgba(170,170,170, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#aaaaaa',GradientType=0 ); /* IE6-9 */
}

.panel.blue {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d7ded+0,797d88+100 */
    background: #7d7ded; /* Old browsers */
    background: -moz-linear-gradient(top, #7d7ded 0%, #797d88 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #7d7ded 0%,#797d88 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #7d7ded 0%,#797d88 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7ded', endColorstr='#797d88',GradientType=0 ); /* IE6-9 */
}

.panel.yellow {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeaa+2,eded3d+100 */
    background: #eeeeaa; /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeaa 2%, #b7af75  100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eeeeaa 2%,#b7af75  100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eeeeaa 2%,#b7af75  100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeaa', endColorstr='#b7af75 ',GradientType=0 ); /* IE6-9 */
}

.panel.green {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#88ee88+1,3e5a3e+100 */
    background: #88ee88; /* Old browsers */
    background: -moz-linear-gradient(top,  #88ee88 1%, #3e5a3e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #88ee88 1%,#3e5a3e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #88ee88 1%,#3e5a3e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88ee88', endColorstr='#3e5a3e',GradientType=0 ); /* IE6-9 */

}

.panel.orange {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeaa88+1,eabba7+100 */
    background: #eeaa88; /* Old browsers */
    background: -moz-linear-gradient(top, #eeaa88 1%, #eabba7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eeaa88 1%,#eabba7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eeaa88 1%,#eabba7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeaa88', endColorstr='#eabba7  ',GradientType=0 ); /* IE6-9 */
}
.header-item {
    min-height: 100px;
    max-height: 100px;
    position: absolute;
}

.img-header-logo {
    width: 100px;
    height: 100px;
}

footer {
    vertical-align: middle;
    text-align: center;
    padding: 0;
    margin: 0;
    height: 184px;
    position: relative;
}

footer .copyright-row {
    background-color: black;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 60px;
    vertical-align: middle;
    padding-top: 5pt;
    color: ivory;
}
footer a {
    color: darkslategray;
}
footer .footer-header-row {
    background-color: black;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 10px;
    vertical-align: middle;
    padding-top: 5pt;
}
.footer-row .panel {
    background-color: silver;
    color: steelblue;
}
.footer-info-row {
    color: darkslategray;
    text-align: left;
    padding-bottom: 50px;
}
.sitemap {
    text-align: right;
}

.footer-link-block {
    border-left: thin dashed black;
    height: 120px;
    text-align: center;
    color: gray;
}

.footer-address-block {
    margin-top: 10px;
}

.panel.disabled {
    background: gray url('/img/bg_pixel_1.png');
    border: thin solid slategray;
}
.error {
    color: red;
}

/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
}
	/* flip the pane when hovered */
	.flip-container:hover .flipper, .flip-container.hover .flipper {
		transform: rotateY(180deg);
	}

.flip-container, .front, .back {

}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;

	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(180deg);
}
.vertical.flip-container {
	position: relative;
}

	.vertical .back {
		transform: rotateX(180deg);
	}

	.vertical.flip-container .flipper {
		transform-origin: 100% 50%; /* half of height */
	}

	.vertical.flip-container:hover .flipper {
		transform: rotateX(-180deg);
	}