/* General classes */
html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-box-sizing:border-box;}
body{font-family:Open Sans, Helvetica, sans-serif;font-size:100%;color:#111;text-align:center;margin:0;padding:0;}
div,img{vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-box-sizing:border-box;}
a{text-decoration:none;color:#202020;outline:none;}a:hover{text-decoration:none;}
p{margin:0;padding:0 0 15px 0;font-size:95%;vertical-align:top;}
h1,h2,h3,h4{margin:0; padding:0;font-weight:bold;}
h1{font-family:Open Sans, Helvetica, sans-serif;font-size:170%;padding:0;font-weight:400;text-align:center;color:#fff;}
.strong{font-weight:700;}
.clear{clear:both; font-size:1%; line-height:1%; display:block; height:0;float:none!important;}
.rounded2{-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.rounded4{-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.vid-wrapper{float:none;clear:both;width:100%;position:relative;padding-bottom:56.25%;height:0;}
.vid-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

.large{font-size:140%;}

.button-link{display:inline-block;background:#CB0A0D;border:1px solid #fff;font-weight:bold;color:#fff;padding:14px 18px;font-size:100%;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.button-link:hover{background:#93070A;transition:background 1.0s ease-out;}
.button-link2{display:inline-block;background:#fff;border:1px solid #CB0A0D;font-weight:bold;color:#CB0A0D;padding:14px 18px;font-size:100%;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
.button-link2:hover{background:#CB0A0D;color:#fff;transition:all 0.5s ease-out;}

.card-shadow{-webkit-box-shadow:3px 3px 6px -2px #444;-moz-box-shadow:3px 3px 6px -2px #444;box-shadow:3px 3px 6px -2px #444;}

/*animations*/
.slidepan{animation-name:slidepan;animation-iteration-count:1;animation-duration:8.0s;}
.slidepan2{animation-name:slidepan2;animation-iteration-count:1;animation-duration:8.0s;}
@keyframes slidepan{0%{transform:scale(1.0);}100%{transform:scale(1.05);}}
@keyframes slidepan2{0%{transform:scale(1.0);}100%{transform:scale(1.05);}}

.cycle-slide-active div{animation-name:bannertext;animation-iteration-count:1;animation-duration:1.0s;}
@keyframes bannertext{0%{opacity:0;}100%{opacity:1.0;}}

/*Elements*/

#hdr-wrapper{background:#CB0A0D;border-bottom:1px solid #fff;}
#hdr{text-align:right;width:100%;max-width:1000px;margin:0 auto;padding:20px 0;position:relative;}
#hdr img{position:absolute;top:0;left:0;z-index:200;background:#fff;padding:20px;}

#strap-wrapper{background:#333;border-bottom:1px solid #fff;}
#strap{text-align:right;width:100%;max-width:1000px;margin:0 auto;padding:20px 14px 20px 0;font-weight:900;color:#fff;}

#testimonial-wrapper{padding:40px 0;}
#testimonial-top{background:url(images/testimonialsline.png) repeat-x 0 50%;width:100%;max-width:1000px;margin:0 auto;}
#testimonial-wrapper.testimonial-wrapper-about{padding:50px 0 70px 0;}#testimonial-wrapper.testimonial-wrapper-about #testimonial-top{background:none;}
#testimonial{text-align:center;width:100%;max-width:1000px;margin:0 auto;font-size:130%;font-style:italic;font-family:Playfair Display, Georgia, "Times New Roman", Times, serif;padding:20px 0 0 0;}
#testimonial strong{display:block;padding:8px 0 0 0;font-style:normal;}

#clients-wrapper{background:#e5e9ed;}
#clients{width:100%;max-width:1000px;margin:0 auto;padding:20px;text-align:center;font-weight:300;font-size:140%;}
#clients img{max-width:100%;vertical-align:middle;}

#ftr-wrapper{border-top:1px solid #fff;background:#93070A url(images/ftrbg.png) no-repeat 50% 100%;color:#fff;}
#ftr{width:100%;max-width:1000px;margin:0 auto;padding:20px 0 0 0;font-size:160%;font-weight:300;font-weight:600;}
#ftr div{width:calc(100%/3);display:inline-block;text-align:center;padding:30px;vertical-align:middle;}
#ftr h3{font-weight:600;font-size:140;margin:0;padding:0;text-transform:uppercase;}
#ftr span{display:block;padding:10px 0 20px 0;font-size:85%;font-weight:300;}
#ftr a{font-size:70%;font-weight:700;}
#ftr-contact{padding:30px 0;}
#ftr-contact a{color:#fff;font-size:80%;font-weight:600;}
#copy{font-size:45%;margin:10px 0 0 0;padding:25px 0!important;font-weight:300;display:block!important;width:100%!important;}
#copy a{color:#fff;font-size:100%!important;font-weight:normal!important;}

/*Pages*/
.panel5050{background:#e5e9ed;border-bottom:1px solid #fff;text-align:center;max-width:1000px;margin:0 auto;}
.panel5050 div{width:50%;display:inline-block;vertical-align:middle;}
.panel5050:nth-child(even) div:first-child{text-align:right;}
.panel5050:nth-child(even) div:first-child span{display:inline-block;max-width:500px;padding:40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-box-sizing:border-box;}
.panel5050:nth-child(even) div:last-child span p{text-align:right!important;}
.panel5050:nth-child(odd) div:last-child{text-align:left;}
.panel5050:nth-child(odd) div:last-child span{display:inline-block;max-width:500px;padding:40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-box-sizing:border-box;}
.panel5050:nth-child(odd) div:last-child span p{text-align:left;}
.panel5050text{text-align:left;}
.panel5050text h2{font-weight:300;margin:0;padding:0 0 30px 0;font-size:240%;}
.panel5050text p{font-size:110%;}
.panel5050img img{width:100%;/*background:url(images/products/cycleshelters/2tier.jpg) no-repeat 50% 50%;background-size:cover;*/}

#cycle-slideshow div{text-align:center;padding:95px 0;color:#fff;width:100%;}
#cycle-slideshow div div{text-align:center;padding:60px 0;color:#fff;width:100%;background:rgb(34,34,34);background:rgba(34,34,34,.70);}
#cycle-slideshow h2{text-transform:uppercase;font-size:260%;font-weight:bold;color:#fff;margin:0 auto 30px auto;text-shadow:1px 1px 1px #000;filter:DropShadow(Color=#000000, OffX=1, OffY=1);max-width:900px;}
#cycle-slideshow h3{font-size:180%;font-weight:normal;color:#fff;margin:0 auto 30px auto;text-shadow:1px 1px 1px #000;filter:DropShadow(Color=#000000, OffX=1, OffY=1);max-width:700px;}
#home-banner-canopies{background:url(images/homebanner/canopies.jpg) no-repeat 50% 50%;background-size:cover;}
#home-banner-schools{background:url(images/homebanner/schools.jpg) no-repeat 50% 50%;background-size:cover;}
#home-banner-shelters{background:url(images/homebanner/shelters.jpg) no-repeat 50% 50%;background-size:cover;}
#home-banner-pergolas{background:url(images/products/pergola/main.jpg) no-repeat 50% 50%;background-size:cover;}
#home-banner-umbrellas{background:url(images/products/umbrellas/main.jpg) no-repeat 50% 50%;background-size:cover;}
#home-intro-wrapper{}
#home-intro{width:100%;max-width:1000px;margin:0 auto;padding:75px 0;}
#home-intro h1{color:#333;text-transform:uppercase;font-size:280%;font-weight:300;margin:0;padding:0;}
#home-intro p{margin:0;padding:25px 0;font-size:120%;text-align:center;}
.home-products-wrapper{background:#BABABA;border-bottom:1px solid #fff;}
.home-products{width:100%;max-width:1000px;margin:0 auto;padding:40px 0;}
.home-products div{display:inline-block;width:calc(94%/3);margin:1%;border:5px solid #fff;border-radius:4px;position:relative;}
/*.home-products div:first-child{text-align:left;border:none;}*/
.home-products a{padding:40% 0;display:block;color:#fff;}
.home-products a:hover{background-image:none!important;background-color:#003A6F;}
#home-canopies a{background:url(images/products/posh.png) no-repeat 50% 50%;background-size:cover;}
#home-shelters a{background:url(images/products/shelters.png) no-repeat 50% 50%;background-size:cover;}
#home-carports a{background:url(images/products/carports.png) no-repeat 50% 50%;background-size:cover;}
#home-steel a{background:url(images/products/steel.jpg) no-repeat 50% 50%;background-size:cover;}
#home-umbrellas a{background:url(images/products/umbrellas.png) no-repeat 50% 50%;background-size:cover;}
#home-pergolas a{background:url(images/products/pergolas2.png) no-repeat 50% 50%;background-size:cover;}
#home-style16 a{background:url(images/products/style16b.png) no-repeat 50% 50%;background-size:cover;}
#home-style6 a{background:url(images/products/style6b.png) no-repeat 50% 50%;background-size:cover;}
#home-fencing a{background:url(images/products/fencing.jpg) no-repeat 50% 50%;background-size:cover;}
#home-fsf a{background:url(images/products/fire-safe-fencing/main2.jpg) no-repeat 50% 50%;background-size:cover;}
.home-products h2{padding:12px;color:#fff;background:rgb(34,34,34);background:rgba(34,34,34,.70);text-transform:uppercase;font-weight:300;font-size:160%;}
/*.home-products div:first-child h2{background:none;color:#333;font-size:240%;padding:0;margin-top:30%;}*/
h2.home-products-section-hdr{background:#cb0a0d;color:#fff;font-size:200%;padding:10px;margin-top:20px;}
.home-products p{position:absolute;top:0;left:0;width:100%;opacity:0;height:0px;transition:all 0.5s ease-out;}
.home-products p em{width:100%;height:100%;background:#93070A;color:#fff;text-align:center;margin:0;padding:0;display:table;font-style:normal;}
.home-products p span{display:table-cell;vertical-align:middle;width:calc(100% - 40px);height:calc(100% - 40px);padding:20px;}
.home-products a:hover p{opacity:1.0;height:100%;transition:all 0.5s ease-out;}

.home-products-wrapper2{background:#BABABA;border-bottom:1px solid #fff;}
.home-products2{width:100%;max-width:1000px;margin:0 auto;padding:40px 0;}
.home-products2 div{display:inline-block;width:23%;margin:1%;border:5px solid #fff;border-radius:4px;position:relative;}
.home-products2 div:first-child{text-align:left;border:none;}
.home-products2 a{padding:40% 0;display:block;color:#fff;}
.home-products2 a:hover{background-image:none!important;background-color:#003A6F;}
.home-products2 h2{background:none;color:#333;font-size:240%;padding:0;margin:30px 0;text-transform:uppercase;font-weight:300;}
.home-products2 div h2{padding:12px;color:#fff;background:rgb(34,34,34);background:rgba(34,34,34,.70);text-transform:uppercase;font-weight:300;font-size:160%;}
.home-products2 p{position:absolute;top:0;left:0;width:100%;opacity:0;height:0px;transition:all 0.5s ease-out;}
.home-products2 p em{width:100%;height:100%;background:#93070A;color:#fff;text-align:center;margin:0;padding:0;display:table;font-style:normal;}
.home-products2 p span{display:table-cell;vertical-align:middle;width:calc(100% - 40px);height:calc(100% - 40px);padding:20px;}
.home-products2 a:hover p{opacity:1.0;height:100%;transition:all 0.5s ease-out;}



.category-products{width:100%;max-width:1000px;margin:0 auto;padding:50px 0;}
.category-products a{display:inline-block;width:calc(94%/3);margin:1%;vertical-align:top;}
.category-products a img{width:100%;}
.category-products a h2{text-transform:uppercase;font-size:180%;margin:0;padding:15px 0;font-weight:300;}
.category-products a p{text-align:center;padding:0 0 20px 0;margin:0;}
.category-products a.offer{background:#003A6F;padding:0 0 20px 0;}
.category-products a.offer h2{color:#fff;font-size:300%;padding:30px 0;}
.category-products a.offer div{display:table;width:100%;height:100%;}
.category-products a.offer strong{display:table-cell;vertical-align:middle;width:100%;height:100%;text-align:center;}

.product-page{padding-bottom:80px;}
.product-page-hdr-wrapper{background:#E5E9ED;border-bottom:1px solid #fff;}
.product-page-hdr{width:100%;max-width:1000px;margin:0 auto;padding:50px 0;}
.product-page-hdr h1{color:#333;text-transform:uppercase;font-size:280%;font-weight:300;margin:0;padding:0;}
.product-page-hdr h2{color:#1f1f1f;font-size:120%;font-weight:400;margin:0;padding:0;}
#product-page-style35 .product-page-banner{background:url(images/products/style35/main3.jpg) no-repeat 50% 50%;background-size:cover;height:500px;}
#product-page-style6 .product-page-banner{background:url(images/products/style6/main2.jpg) no-repeat 50% 50%;background-size:cover;height:500px;}
#product-page-style16 .product-page-banner{background:url(images/products/style16/main2.jpg) no-repeat 50% 50%;background-size:cover;height:500px;}
#product-page-pergola .product-page-banner{background:url(images/products/pergola/main.jpg) no-repeat 50% 50%;background-size:cover;height:500px;}
#product-page-umbrellas .product-page-banner{background:url(images/products/umbrellas/main.jpg) no-repeat 50% 50%;background-size:cover;height:500px;}
#product-page-carports .product-page-banner{background:url(images/products/carports/main.jpg) no-repeat 50% 50%;background-size:cover;height:500px;}
#product-page-cycleshelters .product-page-banner{background:url(images/products/cycleshelters/main.jpg) no-repeat 50% 50%;background-size:cover;height:500px;}
#product-page-steel .product-page-banner{background:url(images/products/steel/main2.jpg) no-repeat 50% 50%;background-size:cover;height:500px;}
#product-page-posh .product-page-banner{background:url(images/products/posh/main.jpg) no-repeat 50% 50%;background-size:cover;height:500px;}
#product-page-cambridge .product-page-banner{background:url(images/products/cambridge/main.jpg) no-repeat 50% 50%;background-size:cover;height:500px;}
#product-page-fencing .product-page-banner{background:url(images/products/fencing/main.jpg) no-repeat 50% 50%;background-size:cover;height:500px;}
#product-page-fsf .product-page-banner{background:url(images/products/fire-safe-fencing/main2.jpg) no-repeat 50% 50%;background-size:cover;height:500px;}
.product-page-desc{width:100%;max-width:1000px;margin:0 auto;padding:50px 0;font-size:110%;text-align:left;}
.product-page-desc p:first-child{font-size:120%;}
.product-page-features{width:100%;max-width:1000px;margin:0 auto;background:#BABABA;padding:20px 0;}
.product-page-features ul{}
.product-page-features ul li{text-align:left;padding:12px 30px;border-bottom:1px solid #fff;}
.product-page-features ul li:last-child{border-bottom:none;}
.product-page-gallery{width:100%;max-width:1000px;margin:0 auto;padding:0 0 50px 0;text-align:left;}
.product-page-gallery a{display:inline-block;width:31%;margin:1%;}
.product-page-gallery a img{border:2px solid #333;width:100%;}


.page-hdr-wrapper{background:#E5E9ED;border-bottom:1px solid #fff;}
.page-hdr{width:100%;max-width:1000px;margin:0 auto;padding:50px 0;}
.page-hdr h1{color:#333;text-transform:uppercase;font-size:280%;font-weight:300;margin:0;padding:0;text-align:left;}
.page-hdr h2{color:#1f1f1f;font-size:120%;font-weight:400;margin:0;padding:0;text-align:left;}

#about-container{width:100%;max-width:1000px;margin:0 auto;padding:40px 20px;}
#about-text-wrapper{width:66%;display:inline-block;}
#about-text{text-align:left;}
#about-quote-wrapper{width:34%;display:inline-block;padding:0 15px 0 40px;}
#about-quote{text-align:center;background:#333;color:#fff;font-family:Playfair Display, Helvetica, sans-serif;font-size:180%;padding:50px 20px;}
#about2-bg{background:url(images/about.jpg) no-repeat 50% 0%;background-size:cover;padding:500px 0 0 0;}
#about2-container{width:100%;background:linear-gradient(to right, #E5E9ED 50%, #ffffff 50%);border-bottom:1px solid #BABABA;}
#about2-wrapper{width:100%;max-width:1000px;margin:0 auto;}
#about2-text{width:66%;display:inline-block;background:#E5E9ED;text-align:left;padding:40px 20px;vertical-align:middle;}
#about2-text h2{font-weight:300;margin:0;padding:0 0 20px 0;font-size:260%;line-height:120%;}
#about2-logos{width:34%;display:inline-block;padding:0 20px;vertical-align:middle;}
#about2-logos img{width:100%;margin:12px 0;}

#offers{}
.offer-wrapper:nth-child(even){background:#BABABA;}
.offer{width:100%;max-width:1000px;margin:0 auto;padding:40px 20px;text-align:left;}
.offer-text{width:66%;display:inline-block;padding-right:30px;}
.offer-text h2{font-weight:300;margin:0;padding:0 0 20px 0;font-size:260%;line-height:120%;}
.offer-img{width:34%;display:inline-block;}
.offer-img img{max-width:100%;border:1px solid #003A6F;}
.offer-wrapper:nth-child(even) .offer-img img{border:1px solid #fff;}

#contact-page-wrapper{width:100%;max-width:1000px;margin:0 auto;text-align:left;padding:40px 0;}
#contact-left{display:inline-block;width:50%;padding:0 20px;}
#contact-right{display:inline-block;width:50%;padding:0 20px;}
#contact-left strong,#contact-right strong{display:block;padding:0 0 15px 0;font-size:120%;}
#contact-left a,#contact-right a{color:#CB0A0D;}
#contact-form-bg{background:#BABABA;}
#contact-form-wrapper{width:100%;max-width:1000px;margin:0 auto;text-align:left;padding:60px 0;}
#contact-form{display:inline-block;width:50%;padding:0 20px;vertical-align:middle;}
#contact-form h2{font-weight:300;margin:0;padding:0;font-size:260%;line-height:120%;}
#contact-img{display:inline-block;width:50%;padding:0 20px;vertical-align:middle;}
#contact-img img{max-width:100%;}

#trade-gallery{margin:30px 0;}
#trade-gallery img{width:24%;margin:0 1% 1% 0;}

.fsf-file-link{display:inline-block;text-align:center;}
.fsf-file-link img{border:2px solid#000;}
.fsf-file-link span{display:block;padding:8px 12px;background:#cb0a0d;color:#fff;font-weight:bold;}

/*education*/
.content-cols{display:-webkit-flex;display:-moz-flex;display:flex;-webkit-flex-flow:row wrap;-moz-flex-wrap:row-wrap;flex-flow:row wrap;}
.content-cols div{width:50%;-webkit-flex-basis:50%;-moz-flex-basis:50%;flex-basis:50%;}
.content-cols-text{text-align:left;padding:60px 40px;}
.content-cols-text a{color:#cb0a0d;border-bottom:1px dotted #cb0a0d;font-weight:bold;}
.content-cols p{font-size:100%;}
.content-cols p:first-child{font-size:100%;}
.content-cols p.large{font-size:140%;}
/*.content-cols:first-of-type p:first-of-type{font-size:140%!important;}*/
.content-cols-img{background-size:cover;background-repeat:no-repeat;background-position:50% 50%;}
.content-cols-even .content-cols-img{order:2;}

#schools-facts{background:#e5e9ed;text-align:center;padding:30px 0px;}
#schools-facts div{max-width:300px;width:30%;margin:2%;display:inline-block;font-weight:bold;text-transform:uppercase;font-size:120%;}
#schools-facts em{font-style:normal;font-size:180%;color:#93070a;display:inline-block;background:#fff;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;width:5em;height:5em;line-height:5em;margin-bottom:8px;}
#schools-facts strong{font-size:120%;}

.testimonial-wrapper-schools{background:#e5e9ed;}
.schools-cta{text-align:center;max-width:800px;margin:0 auto;padding:60px 30px 0 30px;font-size:150%;}
.schools-cta a,.schools-cta span{color:#93070a;font-weight:bold;}

.schools-products{width:100%;max-width:1000px;margin:0 auto;padding:50px 0 0 0;}
.school-products-hdr{text-transform:uppercase;font-weight:300;padding:20px;font-size:200%;margin-bottom:20px;background:rgba(34,34,34,.70);color:#fff;}
.schools-products a{display:inline-block;width:calc(90%/5);margin:1%;vertical-align:top;}
.schools-products a img{width:100%;}
.schools-products a h2{text-transform:uppercase;font-size:140%;margin:0;padding:15px 0;font-weight:300;}
.schools-products a p{text-align:center;padding:0 0 20px 0;margin:0;font-size:85%;}
.schools-products a.offer{background:#003A6F;padding:0 0 20px 0;}
.schools-products a.offer h2{color:#fff;font-size:300%;padding:30px 0;}
.schools-products a.offer div{display:table;width:100%;height:100%;}
.schools-products a.offer strong{display:table-cell;vertical-align:middle;width:100%;height:100%;text-align:center;}

.schools-imgs{}
.schools-imgs span{display:inline-block;width:25%;height:18vw;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;}

/*Forms*/
#contact-form form{margin:0; padding:0;}
#contact-form label{display:none; float:left; width:100px; font-weight:bold; padding-top:4px;}
#contact-form input{margin:0 0 8px 0px; padding:8px; border:none; color:#333; font-size:120%; font-family:Open Sans, Verdana, Helvetica, sans-serif; width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-box-sizing:border-box;}
#contact-form textarea{margin:0 0 6px 0px; padding:8px; border:none; color:#333; font-size:120%; font-family:Open Sans, Verdana, Helvetica, sans-serif; width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-box-sizing:border-box;}
#contact-form #send_button{width:auto;height:auto;display:inline-block;background:#CB0A0D;border:1px solid #fff;font-weight:bold;color:#fff;padding:14px 18px;font-size:100%;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
#contact-form #send_button:hover{cursor:pointer;}
.warning{color:red; font-weight:bold;margin:12px 0 0 0;}

/*Lists*/
ul{margin:0; padding:0; list-style:none;}

ul.list{padding:0 0 15px 0; margin:0;}
ul.list li{margin:0; padding:0px 0 8px 20px; background:url(images/bullet.png) no-repeat 0 7px;font-size:95%;}
ul.list li ul{padding:10px 0 1px 0;}

/*Navigation*/
#nav{display:inline-block;padding-top:0px;}
#nav ul{font-size:85%;font-weight:400;}
#nav ul li{display:inline-block;padding:0;margin-left:2px;}
#nav ul li a{color:#fff;display:block;padding:10px 10px;font-weight:400;font-size:120%;text-transform:uppercase;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
#nav ul li:hover a{background:#93070A;}
#nav ul li.selected a{background:#93070A;}