body {
	background: #000;
	color: #dedede;
	font-family: 'Roboto', san-serif;
}
a {color:inherit;}
  
a:hover, a:focus {
	color: #ff8303;
}
.no-pad-right {
	padding-right: 0;
}
.no-pad-left {
	padding-left: 0;
}
.no-pad-both {
	padding-left: 0;
	padding-right: 0;
}
.potratz {
	font-family: Georgia, serif!important;
	font-weight: bold!important;
	color: #ff8303!important;
}
.top-bar-container, .tab-bar {
	margin-bottom: 0rem!important;
	background-color: #000000;
}
.top-bar {
	background: #000000;
}
.tab-bar h1, .top-bar .name h1 a {
	font-family: Georgia, serif!important;
	font-weight: bold!important;
	color: #ff8303!important;
	font-size: 2em;
}
.DAButt {
	background: #ff8303;	
	color: #fff;
	padding: 6px 12px;
	font-size: 80%;
}
.DAButt:hover {
	background: #2f2f2f;
	color: #ffffff;
	padding: 6px 12px;
}
.DABUTTl {
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	border-right: 2px solid #000;
	margin-left: 5px;
}
.DABUTTR {
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
}

@media only screen and (min-width: 60.063em) {
  #MainBox {
   width: 100%; 
  }
.homeText a {
	color: #fff!important;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: 300;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	background-color: #ff8303;
	opacity: 1;
}
.hometile a img {
	z-index: 1;
	opacity: .3;
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-ms-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
	filter: alpha(opacity=30);
}
.hometile a:hover img {
	z-index: 1;
	opacity: 1;
	z-index: 1;
	-moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	filter: alpha(opacity=100);
	opacity: 1;
}
.hometile {
	padding: .1em;
}
.hometile a {
	position: relative;
}
.hometile a img {
	z-index: 1;
}
.hometile a h2 {
	text-align: center;
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: 400;
	letter-spacing: 0.2rem;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	z-index: 50;
	color: #fff;
	padding: .2rem;
    text-shadow: 1px 2px 3px #000000;
}
.hometile a h1 {
	text-transform: uppercase;
	text-align: center;
	font-size: 2em;
	font-weight: 400;
	letter-spacing: 0.2rem;
	top: 50%;
   	position: absolute;
	left: 50%;
	width: 100%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	z-index: 50;
	color: #fff;
	padding: .2rem;
}
}

@media only screen and (max-width: 60.063em), only screen and (max-width: 1024px) {
  
  #MainBox {
   width: 100%; 
  }
  
  #MainBox a img {
    display:none;
  }
  
.homeText a {
	color: #fff!important;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: 300;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	background-color: #ff8303;
	opacity: 1;
}
.hometile a img {
	z-index: 1;
	opacity: .3;
    -webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-ms-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
	filter: alpha(opacity=30);
}
.hometile a:hover img {
	z-index: 1;
	opacity: 1;
	z-index: 1;
    -moz-transition: all 0.15s ease-in-out;
	-o-transition: all 0.15s ease-in-out;
	-webkit-transition: all 0.15s ease-in-out;
	transition: all 0.15s ease-in-out;
	filter: alpha(opacity=100);
	opacity: 1;
}
.hometile {
	padding: .1em;
}
.hometile a {
	position: relative;
}
.hometile a img {
	z-index: 1;
}
.hometile a h2 {
	text-align: center;
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: 400;
	letter-spacing: 0.2rem;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	z-index: 50;
	color: #fff;
	padding: .2rem;
    text-shadow: 1px 2px 3px #000000;
}
.hometile a h1 {
	text-align: center;
	font-size: 2em;
	font-weight: 400;
    letter-spacing: 0.2rem;
	top: 50%;
	left: 50%;
	width: 100%;
	z-index: 50;
	color: #fff;
	padding: .2rem;
    position: static;
    -moz-transform:none;
	-ms-transform: none;
	-o-transform: none;
	-webkit-transform: none;
}
}

.service-box-tile {
  	background-color: #1a1a1a;
}

.service-box {
  	color:#0CF;
}

.service-box-text {
  	color:#0CF;
  	font-size:.75em;
}

.case-study {
	background-color:#111111;
	padding:1em;
  	margin-right:.2em;
}

.service-box-font {
  	color: #ffffff;
	text-transform: uppercase;
  	font-size: 1.7rem;
  	padding-bottom:1.3em;
  	font-weight: normal;
  	line-height:1.7em;
}

.go-back-button {
	background-color:#1a1a1a;
	font-size:.6em;
  	text-transform: uppercase;
}

.go-back-button-green {
	background-color:#1a1a1a;
	font-size:.7em;
  	text-transform: uppercase;
	color:#0CF;
	border:1px solid #0CF;
}

.slider-button-white {
	background-color:#1a1a1a;
	font-size:.7em;
  	text-transform: uppercase;
	color:#ffffff;
	border:1px solid #ffffff;
  	float:left;
}

.row-padding {
	padding:.2em 0;
}

.row-padding-sides {
	padding:0 .1em;
}

.service-box-white-font {
	font-size:.7em;
}

.content-padding-top {
  	padding-top:1em;
}

.case-study-white {
	background-color:#ffffff;
  	margin-right:.2em;
}

.white-line {
 	background-color:#ffffff;
  	height:.2em;
}

.see-action {
 	font-size:1.5rem;
  line-height: 2.8rem;
}

.view-demo {
 	font-size:1.85rem;
  	text-transform: uppercase;
}

.border-left {
 	border-left:.2em;
}

.padding-bottom {
 	padding-bottom:.5em; 
}

.padding-top {
  	padding-top:.5em;
}

.slider-white {
 	font-size:1.2em; 
}

.slider-green {
 	font-size:1em;
  	padding-top:1.25em;
}

.form-field {
  	background-color:#2b2b2b;
  	color:#ffffff;
  	font-size:.5em;
}

.float-left-button {
 	float:left;
  	overflow:hidden;
}

.border-right {
 	border-right:.2em solid #000; 
}

/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label { 
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  color:#323232;
}
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  color:#ff8303;
}
/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; top: 2px;
  width: 17px; height: 17px;
  border: 1px solid #aaa;
  background: #f8f8f8;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '✓';
  position: absolute;
  top: -8px; left: 2px;
  font-size: 1.5rem;
  color: #ff8303;
  transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted #ff8303;
}
label {
font-size: 1.175rem;
color: #inherit;
cursor: pointer;
display: block;
font-weight: normal;
line-height: 1.2;
margin-bottom: 0;
}
input[type="checkbox"]+label, input[type="radio"]+label {
display: inline-block;
margin-left: 0;
margin-right: 0;
margin-bottom: 0.1rem;
vertical-align: baseline;
}

form h2 {
  color:#fff;
}
form .row {
width: auto;
margin-left: -0.9375rem;
margin-right: -0.9375rem;
margin-bottom: 0.7em;
max-width: none;
}
label {
font-size: 1.175rem;
color: #inherit;
cursor: pointer;
display: block;
font-weight: normal;
line-height: 1.2;
margin-bottom: 0.3em;
}
input[type="submit"] {
   font-size: 12px;
   color: #000;
   background-color: #0CF;
   border: none;
   padding: 1em;
   width:100%;
   text-align:center;
  cursor:pointer;
}
input[type="submit"]:hover {
   background-color: #ff8303;
}
input[type="text"]:focus + label {color: #ff8303;}
label + input[type="text"] {color: #ff8303;}


/* mobile home page */
@media only screen and (max-width:40.063em) {
	.hometile a img {
		max-width: 40%;
	    opacity:1;
	}
	.hometile a h2 {
		color: #fff;
	    font-size: .6em;
	    font-weight: 400;
	    left: 160%;
	    letter-spacing: 0.2rem;
	    padding: 0.2rem;
	    position: absolute;
	    text-align: left;
	    text-shadow: 1px 2px 3px #000000;
	    text-transform: uppercase;
	    top: 50%;
	    transform: translate(-50%, -50%);
	    width: 100%;
	    z-index: 50;
	}
	.hometile a h1 {
		color: #fff;
	    font-size: 1.3em;
	    font-weight: 400;
	    left: 50%;
	    letter-spacing: 0.2rem;
	    padding: 0.2rem;
	    position: static;
	    text-align: center;
	    top: 30px;
	    -moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	-webkit-transform: none;
	    width: 100%;
	    z-index: 50;
	}
	
	#OrangeBox {
		display: none;
	}

}
	[type="checkbox"]:checked + label.BrandCheckLabel img.BrandCheckImg {
		opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
		-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
	}
	[type="checkbox"]:unchecked + label.BrandCheckLabel img.BrandCheckImg {
		opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
		-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
	}
	
label.BrandCheckLabel img.BrandCheckImg {
		opacity: 0.4;
    filter: alpha(opacity=40); 
	}
label.BrandCheckLabel:hover img.BrandCheckImg {
		-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
opacity: .8;
    filter: alpha(opacity=8); 
	}
[type="checkbox"] + label.BrandCheckLabel:before {
display:none;
}
[type="checkbox"] + label.BrandCheckLabel:after {
display:none;
}
[type="checkbox"]:checked + label.BrandCheckLabel {
position: relative;
padding-left: 25px;
}

.contact-department {
  	font-size:2.5em;
}

.contact-small {
  	font-size:.85em;
}

.contact-padding-bottom {
 	padding-bottom:1em; 
}

.potratz-directions {
  	text-align:center;
}

.about-white {
font-size: 0.9rem;
line-height: 1.7rem;
padding-top: 10px;
}

.about-green {
  	font-size:.65em;
  	color:#0CF;
}

.arrow-padding-bottom {
 	padding-bottom:.25em; 
}
.ffImgfix img {width:100%;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
  min-width: 100% !important;
  width: 100% !important;
}