body,html{width:100%;height:100%}body{padding-top:30px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;font-size:14px;line-height:1.4815}h1,h2,h3,h4,h5,h6,ul li,.text-heavy{font-family:"Lato","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:700}.list-spaced li{margin-bottom:1em}.list-spaced{position:relative;margin-top:20px;left:-1.45em}.topnav{font-size:14px}.pull-5{margin-left:-2.5em}.lead{font-size:18px;font-weight:400}.panel.panel-horizontal{display:table;width:100%}.panel.panel-horizontal > .panel-heading,.panel.panel-horizontal > .panel-body,.panel.panel-horizontal > .panel-footer{display:table-cell}.panel.panel-horizontal > .panel-heading{width:15%;border:0;vertical-align:middle;text-align:center}.panel.panel-horizontal > .panel-footer{width:15%;border:0;vertical-align:middle}.panel.panel-horizontal > .panel-heading{border-right:1px solid #ddd;border-top-right-radius:0;border-bottom-left-radius:4px}.panel.panel-horizontal > .panel-footer{border-left:1px solid #ddd;border-top-left-radius:0;border-bottom-right-radius:4px}.panel.panel-horizontal .panel-footer{text-align:center}#services-page i{font-size:1.85em;}.intro-header{width:100%;height:1178px;text-align:center;color:#f8f8f8}.page-heading{padding-top:30px}.intro-message{position:relative;padding-top:20%;padding-bottom:20%;text-shadow:1px 1px 1px #555}.intro-message > h1{margin:0;text-shadow:2px 2px 3px rgba(0,0,0,0.88);font-size:3em;color:#ec6}.intro-divider{width:80%;border-top:1px solid #aaa;border-bottom:1px solid rgba(0,0,0,0.2)}.intro-message > h3{text-shadow:2px 2px 3px rgba(0,0,0,0.6)}.network-name{text-transform:uppercase;font-size:14px;font-weight:400;letter-spacing:2px}.content-section-a{padding:50px 0;background-color:#f8f8f8}.content-section-a p{font-weight:normal;font-size:15px}.content-section-a .thumbnail.img-responsive{height: 220px; width: 360px;margin-bottom:8px}.content-section-b{padding:50px 0;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;background:#2d2d2d url(../img/wild_oliva.png)}.section-heading{margin-bottom:30px}.section-heading-spacer{float:left;width:200px;border-top:3px solid #e7e7e7}.section-heading-bar{float:left;width:100%;border-top:3px solid #e7e7e7}.banner{padding:80px 0;color:#f8f8f8;background:transparent;background-size:cover}.banner h2{margin:0;text-shadow:2px 2px 3px rgba(0,0,0,0.6);font-size:3em}.banner ul{margin-bottom:0}.banner-social-buttons{float:right;margin-top:0}#social_banner{min-height:60px;width:100%;background:#ccc}#social_banner li{position:relative;top:8px}footer{padding:50px 0;background-color:#f8f8f8}.header-shallow{margin-top:0;padding-top:0;color:#fafafa}.header-shallow h4{position:relative;top:-1em}p.copyright{margin:15px 0 0}nav.navbar a,navbar-inverse,navbar-brand{color:#ffffff !important;font-size:17px}#contact{background:#035}.pad15{padding:15px;background:rgba(55, 55, 55, .5);border-radius:8px}.home-header h2.nopad{padding-top:0;position:relative;top:-2.54em;text-align:center;color:#777;font-style:italic}#home-form-top{background:rgba(0,0,0, .9);border:2px solid gold;border-radius:4px;padding-bottom:15px;width:540px;margin:0 auto;position:relative}#postTMd a i{display:block;margin:0 auto;position:relative;top:20px;color:#111;background:#efefef;border:thin solid #bbb;border-radius:55px;padding:8px;width:30px}.big-btn{position:relative;top:0;display:block;width:78%;word-wrap:break-word;background:#88e8ff;color:black;margin:0 auto;border:thin solid #aaa;border-radius:5px;box-shadow:1px 1px 1px rgba( 250, 250, 250, .75);cursour:pointer;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;transition:all 0.3s ease-out}.big-btn p{margin-top:22px}.big-btn a{cursour:pointer;text-shadow:0 1px 1px #aaa}.big-btn:hover{background:#f6f6f6;cursour:pointer;box-shadow:0 2px 2px rgba( 22, 22, 22, .5), -2px 2px 6px rgba( 22, 22, 22, .5)}.carousel.slide .thumbnail img{height:180px;margin-top:15px}.btn-callto{margin-left:30px;margin-right:30px;position:relative;top:-.5em;font-size:17px}.control-label{color:black}#contact_form .form-control{max-width:540px}#contact_form fieldset{background:#fafafa;padding-left:15px}#contact_form fieldset legend{border-bottom:none}div#contact-form{background:#ffffff}.bkg-fa{background:#fafafa}.fingernail{position:relative;top:5px}#navwhite{color:#fff !important}#top-logo{background:url('../img/azcustomlogo.png') no-repeat;background-size:310px;background-position:.5% 9.5%}.padtop{padding-top:120px}.padtop-md{padding-top:60px}.carousel-inner .item img{height:320px !important;width:100%}.carousel-inner .item{overflow:hidden}.min-ht300{min-height:365px;height:auto;max-height:365px;vertical-align:baseline}.intro-header{background:url(../img/wrought-iron.jpg) no-repeat center center;background-size:cover}.page-header.blue{color:#8cf;text-shadow:0 .5px .5px #555}.social-links a{font-size:18px;margin:12px 8px;background:#fff;padding:8px;border-radius:999px}.social-links a.last{background:none}.intro-social-buttons span.network-name,.intro-social-buttons a i{color:#fafafa}article.text-left p a{color:#111;text-shadow: none;}
.treximg img{margin-bottom:12px;}
.intro-header{width:100%;height:1178px;text-align:center;color:#f8f8f8}
.page-heading{padding-top:30px}
.intro-message{position:static;padding-top: 6%;padding-bottom:17%;text-shadow:1px 1px 1px #555}
.intro-message > h1{margin:0;text-shadow:2px 2px 3px rgba(0,0,0,0.88);font-size:3em;color:#ec6}
.intro-divider{width:80%;border-top:1px solid #aaa;border-bottom:1px solid rgba(0,0,0,0.2)}
.intro-message > h3{text-shadow:2px 2px 3px rgba(0,0,0,0.6)}
.network-name{text-transform:uppercase;font-size:14px;font-weight:400;letter-spacing:2px}
.center{text-align:center}
.pad-md{padding: 15px 30px}.pad-lg{padding: 30px 30px}
.be-pad-45{background: #fafafa; padding-left:45px;height: 100%;}
.link-text a{color:cyan;}.link-text a:hover{color:white;}
@media (max-width:767px){
.intro-message{padding-bottom:15%}.intro-message > h1{font-size:3em}ul.intro-social-buttons > li{display:block;margin-bottom:20px;padding:0}ul.intro-social-buttons > li:last-child{margin-bottom:0}.intro-divider{width:100%}
}
@media (max-width:767px){
.intro-message{padding-bottom:15%}.intro-message > h1{font-size:3em}ul.intro-social-buttons > li{display:block;margin-bottom:20px;padding:0}ul.intro-social-buttons > li:last-child{margin-bottom:0}.intro-divider{width:100%}
}
@media (max-width:1199px){
ul.banner-social-buttons{float:left;margin-top:15px}
}
@media (max-width:767px){
.banner h2{margin:0;text-shadow:2px 2px 3px rgba(0,0,0,0.6);font-size:3em}ul.banner-social-buttons > li{display:block;margin-bottom:20px;padding:0}ul.banner-social-buttons > li:last-child{margin-bottom:0}
}
@media (max-width: 768px){.btn-lg{padding:5px 6px;font-size:90%;line-height:1}}
li a:hover {color: #8cd !important;}.serv-links{padding-left:62px;}h3.page-header{color:#ec6;}
@media screen and (max-width: 980px){
.header-shallow h4{display:none;}
.category .mid-tarp{z-index:6}.carousel-inner{z-index:6}
.page-heading{padding-top: 75px;width: 100%;}.page-heading h1{font-size:28px;}
}
@media only screen and (max-width: 980px){
.content-section-a .col-md-12 a img { max-width:90%; margin: 0 auto;}
}
#top-logo{background: url('img/azcustomlogostar.png') no-repeat;background-position: center top;background-size: 18%;}
.padtop{padding-top: 20px;}.carousel-inner .item img{height:320px !important;}.carousel-inner .item {overflow: hidden;}.min-ht300{min-height: 365px; height: auto; max-height: 365px; vertical-align: baseline; }
ul.list-unstyled li a.link{text-decoration:underline;font-size:1.2em;}
ul.list-unstyled li{margin-top:.444em;}
.listrow ul.list-inline li:before {
content:" · ";
position:relative;
}
.dropdown-menu li{background:#2d2d2d;color:#269;}
article#content {font-size: 1.1282em; color: #444;}
.pagelogo{padding-top:0;margin-top:0;position:relative;}
.page-logo img{top: 40px;position:relative;}
.marg-top{clear:both;position:relative; display:block; top:30px;}
.caption{font-style:italic;color:#656565;margin-bottom:1em;}
#pfchain,#pgchain{
background-image:url('https://fenceaz.com/img/Chain_Link_Playground_Enclosure.jpg');background-position:center;
}
#pfsecurity,#pgsecurity{
background-image:url('https://fenceaz.com/img/security-gate.jpg');background-position:center;
}
#pfgates,#pggates{
background-image:url('https://fenceaz.com/img/wrought-iron-auto-gate.png');background-position:center;
}
#pfpool{
background-image:url('https://fenceaz.com/img/fence-5.jpg');background-position:center;background-size:100%;background-repeat:no-repeat;
}
#pfhomegate{
background-image:url('https://fenceaz.com/img/gate05.jpg');background-position:center;background-size:100%;background-repeat:no-repeat;
}
#pfvin,#pgvin{
background-image:url('https://fenceaz.com/img/vinyl_fence_privacy.jpg');background-position:center;
}
#pfhorse,#pghorse{
background-image:url('https://fenceaz.com/img/vin.jpg');background-position:center;
}
#pfguard,#pgguard{
background-image:url('https://fenceaz.com/img/bollardsA.jpg');background-position:center;
}
#pfsteel,#pgsteel{
background-image:url('https://fenceaz.com/img/wi4.png');background-position:center;
}
#pfwood,#pgwood{
background-image:url('https://fenceaz.com/img/wood-fence.jpg');background-position:center;
}
#pfblock{background-image:url('https://fenceaz.com/img/block5.png');background-position:center 90%;font-weight:700;text-shadow: 0 .5px 1px #fff}#midTarp{margin-top: 1em;}
#midTarp span{background: rgba(255,255,255,.8);padding:2px;border-radius:5px;}

.mid-tarp{
min-height:188px;
background: #fcfcfc;
padding-top:25px;
padding-bottom: 15px;
text-align:center;
margin:0;
display:block;
max-width: 480px;
border-radius:8px;
box-shadow:0 .5px 1px rgba(0, 0, 0, .35);
}

.category .panel-horizontal{box-shadow: 1px 2px 2px 2px rgba(0,0,0, .5)}

.mid-tarp .panel-body i.fa-lg{font-size:2.1285em;}
.category{
min-height: 188px;
width: 90%;
margin-left: auto;
margin-right: auto;

}
#category{padding-top: 15px;margin-top: 15px;width: 100%;display: block;clear:both;height:1px;}



.mid-tarp .panel-body a:hover{
    color:#ddfff1;
}

.mid-tarp .panel-body span.lite {background: rgba(0,0,0,.7);}
.mid-tarp .panel-body span.medi {background: rgba(50,50,50,.7);}
.category .mid-tarp h4.text-center{
color: #403010;
font-size: 21px;
font-style: italic;
}
.mid-tarp .panel-body {
max-width: 402px;
margin: 0 auto;
padding: 0;
z-index: 1;
}
.mid-tarp .panel-horizontal {
max-width: 88%;
position:relative;
padding-bottom: 0;
margin: 8px auto 7px auto;
border-color: #ccc;
}

.mid-tarp .panel-body a  {
font-weight:500;
text-shadow: 0 .25px .75px #888;
font-size: 17px;
padding: 15px 24px;
background:rgba(55,55,55, .5);
border-radius:2px;
display: block;
margin:0 auto;
color: #ffffff;
}

.content-section-f .panel-body span {
font-weight: 400;
border-radius:4px;
display: block;
padding: 1px 15px 12px;
}

.content-section-f .panel-horizontal .panel-body {
background-repeat: no-repeat;
background-size: cover;
}
.btn.btn-wide{width: 220px; text-align:center; margin: 8px auto;box-shadow: 0 1px 1.5px #888;}
a.btn.btn-lg, .intro-buttons > li i, .intro-buttons > li a span, .intro-buttons > li a.btn.btn-primary.btn-lg, .intro-buttons > li a.btn.btn-warning.btn-lg{color:#fafafa !important;}
.content-section-f .panel-body span h4 {color: #888;text-shadow: 0 .5px 1px #aaa;}
.content-section-f .panel-body span.lite h4 {color: beige;text-shadow: 0 .5px 1px #aaa;}
.content-section-f .panel-body span.dark h4 {color: #444;text-shadow: 0 .5px 1px #aaa;}


.content-section-f .panel-heading  {background: #2d2d2d;}

.content-section-f .panel-footer {background: #f9f9f9;}
.content-section-f .panel-footer a,
.content-section-f .panel-footer a i.fa {
    color: #04a;
    text-shadow: 0 .25px .75px #f2f2f2;

    padding:1px;

}
.content-section-f .panel-body span.medi h4  {
    color: #fafafa;
    text-shadow: 0 .5px 1px #888;
}
.content-section-f h4  {
    color: maroon;
position:relative;
left: 3px;
    margin-top: 1.4815em;
    border-bottom: 1px solid #eeeeee;
    text-shadow: none;
max-width: 96%;
}

#commercial-page .content-section-f .panel-body span a h4,
#commercial-page .content-section-f .panel-body h4 {
margin-top: 0;
}
#commercial-page .content-section-f .panel:nth-of-type(even) .panel-body {
background:#fafafa;
}
#commercial-page .content-section-f .panel-heading {
border: 7px solid #ddd;
border-right: 1px solid #ddd;
}


.list-spaced {
list-style: none;
display: inline;
    position: relative;
margin: 0;
padding: 0;
}
.list-spaced li {
display: inline-block;
margin: 4.5px;
}
.list-spaced li a.btn {
padding: 3px 5px;

}
.list-spaced  li:nth-of-type(3n+1) a.btn {background: #eaeaea;}
.list-spaced a:hover,
.list-spaced li > a:hover {
color: maroon !important;
}
#services-page .panel.panel-horizontal p {text-align: justify; width: 90%; position: relative; margin: 0 auto;}
#services-page .panel.panel-horizontal > .panel-body{max-height: 65px;}
#services-page .panel.panel-horizontal > .panel-footer{width: 50%;}
#services-page .content-section-f .panel-horizontal {
max-width:95%;
}
#services-page .content-section-f .panel-body span.medi {
background: rgba(10,10,10,.75);
color: #f3f3f3;
padding: 12px;
text-shadow: 0 .25px 1px #333;
}
#services-page .content-section-f .panel-body span a h4 {
color: #fff;
}
#services-page .content-section-f .panel-body span a:hover h4:hover {
text-decoration: none;
color: #fafaaa;
}
#services-page .content-section-f h4 {
letter-spacing: 1.1285px;
margin-top: 12px;
text-shadow: 0 .25px .5px #000;
}

.content-section-f p {
padding-left: 5px;
padding-right: 5px;
}
.content-section-f .panel-heading a,
.content-section-f .panel-heading a i.fa {
position:relative;
bottom: -2px;
margin-top: 0;
margin-bottom:0;
white-space:break-word;
line-height: .75;color:#fff;
text-shadow: 0 .5px .75px #000;
}

.title-divide {
width:17.5%;
display: inline-block;
height: 1em;
text-align:center;
margin-left: 15px;
margin-right: 35px;
}

@media all and (max-width:981px)  {
.category .mid-tarp{
max-width: 540px;
margin: 0 auto;
}
.mid-tarp .panel-horizontal {
max-width: 98%;
}
body{font-size: 130%;}
}

    /* Extra Small Devices, Phones */
    @media only screen and (max-width : 480px) {
.panel-body{width:90%;margin: 0 auto;}
#slideout:hover {
  left: 400px;
}
    }

    /* Custom, iPhone Retina */
    @media only screen and (max-width : 320px) {
#slideout:hover {
  left: 320px;
}
    }
@media only screen
and (max-width : 480px) and (orientation:portrait) {
body{width: 97.415%; margin: 30px auto 0 0;font-size: 100%;padding-top:30px;}
.intro-header{margin-bottom: -30px;}
.container {padding: 7px;}
img{max-width:100%;height: auto;}
}

#midTarp a.btn-lg {
text-shadow: 0 .5px .75px #111;
}
#midTarp p{
margin-top: 12px;
}
.mask {
    background: rgba(0, 0, 0, .48);
    width: 100%;
    min-height: 1209px;
    height:100%;
    position: absolute;
    top: 0;
    left: 0;

    display: block;
}
.pad15{background: rgba(55,55,55, .2);}
.intro-header .btn.btn-lg, a.btn.btn-lg{box-shadow: 0 1px 1px 1px #999;z-index:9999;}
.intro-buttons li a.btn.btn-phone.btn-lg {background-color: brown;}
.text-dark {color: #101010; padding-bottom: 15px; border-bottom: thin solid #ddd;}
.align-midcenter{width:90%;display: block;margin: 0 auto 0 25%; float: left;}
.btn.btn-default{ box-shadow: 0 .5px .5px #ddd; }
.alignright{ text-align:right; }
.decorate { color: brown; text-decoration:underline; }
.text-bright{color: #fafafa;}
.text-lighter{color:#bffafa}
.dark{color:black !important;}
.caret{margin-left: 5px;}
a:link,a{color:#269;}
.block{display:block; }

#exTab1.row{margin-top: 75px;}.tab-content .col-md-8{padding:15px 15px 0 0;margin-left: -15px;}.tab-content .col-md-4{padding:15px 0;margin-right: 15px;overflow:hidden;}.tab-content .col-md-4 a, .tab-content .col-md-4 a img{margin-bottom:.25em;}
#exTab1 .nav-pills > li > a { border-radius: 0; border: 1px dotted #ddd;border-bottom: none;}

#services{ z-index:4; }
#act {

    position: relative;
    top: 5px;
    width: 380px;
    min-height: 1px;
    margin: 0 auto;

}
#act .form-control{
    background: transparent;
}
#act form {
	width: 317px;
    height: 272px;
    padding: 15px;
	background: #fafafa;
	border-radius: 4px;
	margin: 22px;
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .45);
}
#act form > div {
	position: relative;
	overflow: hidden;
}
#act form input, #act form textarea {
	width: 100%;
	border: 2px solid gray;

	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
	padding: 8px 12px;
	outline: 0;
}
#slideout {
  z-index: 444;
  position: fixed;
  top: 240px;
  left: 0;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#slideout_inner {
  position: fixed;
  top: 240px;
  left: -350px;

  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#slideout:hover {
  left: 350px;
}
#slideout:hover #slideout_inner {
  left: 0;
}
#slideout button {
    position: relative;
    margin-top: 130px;
    left: -15px;
      -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
    background: rgba(252, 252, 252, .5);
}


/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

#content {padding-top:50px;}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
legend{background: #fff; color: #776a33;}
#LCarousel .carousel-control.left { left: -3em;} #LCarousel .carousel-control.right {right: -3em;}
#LCarousel .carousel-control.left,
#LCarousel .carousel-control.right {
background-image: none !important;
background: transparent;
}
#LCarousel img {
max-height:100px;
margin: 0 auto;
}
#LCarousel .thumbnail {
border-color: transparent;
}
#fb-icon { padding-left: 12px; padding-right: 12px; }
#ig-icon { padding-left: 9px; padding-right: 9px; }
.disc li:before{content: "\2022";position:relative;right:3px; }
.disc li{color: #676767;}
.fence-outline {
position:relative;
top: 2px;
height:32px;
width:100%;
background: url('../artwork/ironalpha.png'); 
background-size: contain;
}
.img-wide{max-width:98%;margin:1em auto;}
.mt1{position:relative;margin-top: 1em;}
.mb1{position:relative;margin-bottom: 1em;}
h4.mb1{color: #518151; text-align: center;}
.marg-l2{padding-left: 4em;}
.trex-top h4{text-align:center;line-height:1.48;margin-top:1em;margin-bottom: 1em;}
.brand-logos{margin:0;overflow: hidden;padding: 0;}
.brand-logo img {padding: 15px 1px;position: relative;}
.brand-logo{padding:0;border-top:1px solid #eee;}
#dksimg{height: 92px;left:-15px;top:.48em;}
#hsimg{height: 88px;left:-50px;top:.5em;}
#lmimg{height:66px;width: 300px;top:0.8em;left:-45px}
#azlimg{height: 100px; border-color: transparent; top: 0;left:30px}
.slow-transition {
  box-shadow: 0 0 10px 0 rgba(220, 220, 220, 0.3);
  transition: box-shadow 500ms;
}

.slow-transition:hover {
  box-shadow: 0 10px 50px 0 rgba(220, 220, 220, 0.5);
}
/* Have a Wonderful Time */