#menu,nav.main-navigation li a{width:100%;text-align:center;line-height:47px;height:47px;color:#fff}#menu{display:block;cursor:pointer;float:left;font-size:1.4em}nav.main-navigation{display:none;width:100%}nav.main-navigation li{width:100%;float:left;display:block}nav.main-navigation li a{display:block;text-decoration:none;border-bottom:1px dashed #fff;font-size:1.2em}nav.main-navigation li ul.sub-menu{display:none;margin:0}nav.main-navigation li.menu-item-has-children a,nav.main-navigation li.menu-item-has-children a:hover,nav.main-navigation li.menu-item-has-children.current_page_item a{background:url(/assets/img/ff41d2d0f54c.webp)95%center no-repeat}@media (min-width:1024px){#menu{display:none}nav.main-navigation{float:right;display:block!important}nav.main-navigation li{width:auto;position:relative}nav.main-navigation li a{width:auto;padding:0 30px;border:0;font-size:1.2em}nav.main-navigation li:hover ul.sub-menu{position:absolute;width:190px;text-align:center;z-index:9999}nav.main-navigation li ul a:hover{background:#4fbbed}nav.main-navigation li.menu-item-has-children ul a,nav.main-navigation li.menu-item-has-children.current_page_item ul a{width:100%;padding:15px 0}nav.main-navigation li ul.sub-menu{display:none!important}nav.main-navigation li:hover ul.sub-menu{display:block!important}}@media (min-width:1100px){nav.main-navigation li.menu-item-has-children a,nav.main-navigation li.menu-item-has-children a:hover,nav.main-navigation li.menu-item-has-children.current_page_item a{background:url(/assets/img/ff41d2d0f54c.webp)90%center no-repeat}nav.main-navigation li a{padding:0 40px}}
/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,code,img,s,small,var,i,ol,ul,li,form,label,table,th,td,article,canvas,figure,footer,header,menu,nav,section,summary,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}main,section,article,figure,footer,header,menu,nav{display:block}*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}header{*zoom:1}header:before,header:after{content:"";display:table}header:after{clear:both}html{font-family:"Passion One",cursive;font-size:62.5%;line-height:1.5;-webkit-font-smoothing:antialiased}body{font-size:16px;line-height:24px;font-size:1.6rem;line-height:2.4;color:#333}h1,h2,h3,h4,h5,h6{font-weight:700}h2{font-size:40px;line-height:10px;font-size:4rem;line-height:1;text-align:center;text-transform:uppercase;position:relative;color:#888;max-width:100%;margin-bottom:8px;display:block;margin:0 auto}@media (min-width:500px){h2{max-width:70%;font-size:50px;line-height:10px;font-size:5rem;line-height:1}}i{font-style:italic}a{color:#ff6300;text-decoration:none;padding:1px}p,ul,ol,h3,h4,h5,h6,blockquote,pre{margin-bottom:24px}p{font-family:"Volkhov",serif;font-style:italic;color:#888;font-size:17px;line-height:15px;font-size:1.7rem;line-height:1.5}ul,ol{margin-left:30px}header ul,footer ul{list-style:none;margin-left:0}header ul li,footer ul li{display:inline-block}::selection{background:#ffe0cc}.btn,.btn--ghost,button{display:inline-block;background:#ff6300;color:#fff;padding:15px 10px;border:0;text-align:center;cursor:pointer;text-transform:uppercase;border:3px solid #ff6300;font-size:25px;line-height:10px;font-size:2.5rem;line-height:1;-webkit-transition:background .3s ease;-o-transition:background .3s ease;transition:background .3s ease}.btn--ghost{background:0 0;color:#ff6300;border:3px solid #ff6300}.btn--ghost:hover{background:#ff6300;color:#fff;border-color:#ff6300}.btn--ghost i{font-size:20px;line-height:10px;font-size:2rem;line-height:1}.btn i,.btn--ghost i,button i{font-size:20px;line-height:10px;font-size:2rem;line-height:1}.container--xlarge{margin:0 auto;width:90%;max-width:1250px}@media (min-width:1024px){.container--xlarge{width:95%}}.container--full{width:100%}img{max-width:100%;height:auto;margin-bottom:24px}.main__content,.grid,.grid--full{list-style:none;margin:0;padding:0;margin-left:-24px}.main__content>section,.main__content>.section--whole,.grid__item--whole,.grid__item--portable--half,.grid__item--half--portable--half,.grid__item--third,.grid__item--quarter{padding-left:24px;vertical-align:top;display:inline-block;width:100%}.grid--full{margin-left:0}.main__content.grid--full>section,.main__content.grid--full>.section--whole,.grid--full>.grid__item--whole,.grid--full>.grid__item--portable--half,.grid--full>.grid__item--half--portable--half,.grid--full>.grid__item--third,.grid--full>.grid__item--quarter{padding-left:0}.main__content{margin-left:-48px}.main__content>section,.main__content>.section--whole,.main__content>.grid__item--whole,.main__content>.grid__item--portable--half,.main__content>.grid__item--half--portable--half,.main__content>.grid__item--third,.main__content>.grid__item--quarter{padding-left:48px}@media only screen and (max-width:500px){.main__content>.section--whole,.grid__item--whole,.grid__item--portable--half,.grid__item--half--portable--half,.grid__item--third,.grid__item--quarter{width:100%}}@media only screen and (min-width:500px){.grid__item--whole,.grid__item--portable--half,.grid__item--half--portable--half{width:100%}.grid__item--third,.grid__item--quarter{width:50%}}@media only screen and (min-width:800px){.grid__item--whole{width:100%}.grid__item--portable--half,.grid__item--half--portable--half{width:50%}.grid__item--third{width:33.333%}.main__content>section{width:66.666%}.grid__item--quarter{width:25%}}input[type=email]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=url]:focus,textarea:focus,select:focus{outline:0}select:focus{outline:0}.header__logo{margin:24px}.header__logo a{border:0;padding:0;color:#ff6300}.header__logo img{margin:0}header{background:#edeeee;padding:24px}header .container--xlarge{width:100%}header .header__logo{margin-bottom:24px;text-align:center}header .header__logo img{display:block;margin:0 auto;max-width:100%}@media (min-width:800px){header .header__logo{float:left;width:25%;max-width:100%;margin-top:4px;margin-left:0;display:block}}header .header__social{float:left;width:50%;margin-bottom:0;text-align:center}header .header__social img{margin-bottom:0}@media (min-width:800px){header .header__social{width:auto;float:right;padding:12px 16px 0}}@media (min-width:1190px){header .header__social{padding:12px 24px 0}}header .header__social .title{font-size:20px;line-height:15px;font-size:2rem;line-height:1.5;text-transform:uppercase}@media (min-width:800px){header .header__social .title{font-size:1.6rem}}@media (min-width:1024px){header .header__social .title{font-size:2rem}}header .header__social a{font-size:30px;line-height:10px;font-size:3rem;line-height:1}header .header__social a.facebook{color:#3b5998}header .header__social a.google{color:#d34836}header .header__numbers{margin-bottom:24px;background:#ff6300;text-align:center;width:70%;margin:17px auto 24px;padding:12px;border-radius:8px}header .header__numbers a{color:#fff;text-decoration:none}header .header__numbers a:hover{text-decoration:underline}header .header__numbers p{margin-bottom:0;font-family:"Passion One",cursive;font-style:normal;color:#ffb180;font-size:25px;line-height:11px;font-size:2.5rem;line-height:1.1}@media (min-width:800px){header .header__numbers p{font-size:2rem}}@media (min-width:1024px){header .header__numbers p{font-size:2.5rem}}@media (min-width:800px){header .header__numbers{width:auto;float:right;padding:12px 17px}}@media (min-width:1024px){header{padding:24px 0 0 0}}.trading_logo{width:25%;float:left;text-align:right}@media (min-width:800px){.trading_logo{width:8%;float:right;margin-top:16px}}@media (min-width:1024px){.trading_logo{margin-top:12px}}.trading_logo img{max-width:70px;width:60%;margin-bottom:0;margin-top:10px}@media (min-width:1024px){.trading_logo img{width:auto;max-height:64px;max-width:none}}#menu{background:#888}@media (min-width:1024px){#menu{display:none}}.nav_wrap{background:#888;float:left;width:100%}nav.main-navigation{float:left;text-transform:uppercase}nav.main-navigation li{background:#888}nav.main-navigation li:hover{background:#ff6300}nav.main-navigation .sub-menu li a:hover{background:#ff6300!important}main{display:block}.content_image img{width:100%;margin-bottom:0}section{margin-bottom:70px}section.testiwork{background:#edeeee;padding:70px 0}.middle__content{text-align:center}@media (min-width:800px){.middle__content p{max-width:70%;margin:0 auto 24px}}.middle__content .btn,.middle__content .btn--ghost,.middle__content button{width:100%;max-width:250px;margin-bottom:12px}section.grey__bar{background:#888;padding:12px 0;font-family:"Volkhov",serif;font-size:20px;line-height:12px;font-size:2rem;line-height:1.2;color:#fff;font-weight:700;font-style:italic;text-align:center;margin-bottom:0}@media (min-width:1024px){section.grey__bar{font-size:23px;line-height:12px;font-size:2.3rem;line-height:1.2}}.content2{text-align:center}.content2 .description{color:#ff6300;text-align:center;width:80%;margin:0 auto;font-family:"Volkhov",serif;font-style:italic;margin-bottom:24px;font-weight:700;font-size:20px;line-height:13px;font-size:2rem;line-height:1.3}.content2 p{text-align:center;width:80%;margin:0 auto 24px}footer{background:#888;border-top:2px solid #ff6300;text-align:center;padding:48px 0}footer p,footer a,footer li{font-family:"Volkhov",serif;font-weight:700;font-style:italic;color:#fff;font-size:15px;line-height:14px;font-size:1.5rem;line-height:1.4;margin-bottom:0}footer .address li{display:block}footer .footer_map{margin-bottom:48px}footer .footer_map ul{line-height:1}footer .footer_map ul li{margin-right:12px}footer a:hover{text-decoration:underline}footer .footer_social{text-align:center;margin-top:24px}footer .footer_social img{margin-bottom:0}footer .footer_social a{font-size:30px;line-height:10px;font-size:3rem;line-height:1}footer .footer_social a.facebook{color:#3b5998}footer .footer_social a.google{color:#d34836}.full__cta{background:#101010;padding:17px 14px;text-align:center;margin-top:24px}.full__cta .top{text-transform:uppercase;color:#fff;font-size:33px;line-height:10px;font-size:3.3rem;line-height:1}.full__cta .bottom{text-transform:uppercase;color:#ff6300;font-size:24px;line-height:10px;font-size:2.4rem;line-height:1;width:80%;margin:0 auto}@media (min-width:500px){.full__cta .bottom{width:100%}}@media (min-width:1100px){.full__cta .top{font-size:35px;line-height:10px;font-size:3.5rem;line-height:1}}@media (min-width:1200px){.full__cta .top{font-size:31px;line-height:10px;font-size:3.1rem;line-height:1}}@media (min-width:1300px){.full__cta{margin-top:19px}.full__cta .top{font-size:34px;line-height:10px;font-size:3.4rem;line-height:1}}@media (min-width:1350px){.full__cta{margin-top:19px}.full__cta .top{font-size:35px;line-height:10px;font-size:3.5rem;line-height:1}}section.our__work .grid__item--quarter{height:281px;overflow:hidden}@media (min-width:500px){section.our__work .grid__item--quarter{height:176px}}@media (min-width:600px){section.our__work .grid__item--quarter{height:197px}}@media (min-width:700px){section.our__work .grid__item--quarter{height:246px}}@media (min-width:800px){section.our__work .grid__item--quarter{height:140px}}@media (min-width:1024px){section.our__work .grid__item--quarter{height:180px}}@media (min-width:1100px){section.our__work .grid__item--quarter{height:193px}}@media (min-width:1200px){section.our__work .grid__item--quarter{height:211px}}@media (min-width:1300px){section.our__work .grid__item--quarter{height:228px}}@media (min-width:1400px){section.our__work .grid__item--quarter{height:246px}}section.our__work img{display:block;width:100%;margin-bottom:0}section.our__work .call_to_action{background:#ff6300;color:#fff;text-align:center;position:relative}section.our__work .call_to_action .cta{position:absolute;left:0;top:30px;width:100%;padding:20px;text-transform:uppercase;font-size:40px;line-height:10px;font-size:4rem;line-height:1}section.our__work .call_to_action .cta .top{color:#101010}section.our__work .call_to_action .cta .bottom{color:#fff}@media (min-width:500px){section.our__work .call_to_action .cta{font-size:27px;line-height:10px;font-size:2.7rem;line-height:1;top:0}}@media (min-width:600px){section.our__work .call_to_action .cta{font-size:32px;line-height:10px;font-size:3.2rem;line-height:1}}@media (min-width:700px){section.our__work .call_to_action .cta{font-size:42px;line-height:10px;font-size:4.2rem;line-height:1}}@media (min-width:800px){section.our__work .call_to_action .cta{font-size:22px;line-height:10px;font-size:2.2rem;line-height:1}}@media (min-width:1024px){section.our__work .call_to_action .cta{font-size:30px;line-height:10px;font-size:3rem;line-height:1}}@media (min-width:1200px){section.our__work .call_to_action .cta{font-size:35px;line-height:10px;font-size:3.5rem;line-height:1}}@media (min-width:1300px){section.our__work .call_to_action .cta{font-size:38px;line-height:10px;font-size:3.8rem;line-height:1}}@media (min-width:1400px){section.our__work .call_to_action .cta{font-size:40px;line-height:10px;font-size:4rem;line-height:1}}section.our__work a{display:block;padding:0;position:relative}section.our__work a .view_larger{position:absolute;top:0;right:0}section.consultation .cta{background:#ff6300;text-align:center;padding:24px}section.consultation .cta .message p{font-family:"Passion One",cursive;color:#fff;text-transform:uppercase;font-size:37px;line-height:10px;font-size:3.7rem;line-height:1;margin-bottom:45px;font-style:normal}section.consultation .cta .phone_message{font-family:"Passion One",cursive;color:#fff;text-transform:uppercase;font-size:30px;line-height:10px;font-size:3rem;line-height:1}@media (min-width:800px){section.consultation .cta .message p{font-size:27px;line-height:10px;font-size:2.7rem;line-height:1;margin-bottom:9px}section.consultation .cta .phone_message{font-size:25px;line-height:10px;font-size:2.5rem;line-height:1}}@media (min-width:1024px){section.consultation .cta .message p{font-size:40px;line-height:10px;font-size:4rem;line-height:1;margin-bottom:28px}section.consultation .cta .phone_message{font-size:30px;line-height:10px;font-size:3rem;line-height:1}}@media (min-width:1100px){section.consultation .cta .message p{margin-bottom:45px}}@media (min-width:1200px){section.consultation .cta .message p{font-size:50px;line-height:10px;font-size:5rem;line-height:1;margin-bottom:47px}}@media (min-width:1200px){section.consultation .cta .message p{font-size:50px;line-height:10px;font-size:5rem;line-height:1;margin-bottom:52px}section.consultation .cta .phone_message{font-size:36px;line-height:10px;font-size:3.6rem;line-height:1}}@media (min-width:1317px){section.consultation .cta .message p{font-size:50px;line-height:10px;font-size:5rem;line-height:1;margin-bottom:33px;margin-top:13px}}section.consultation .image img{display:block;width:100%;margin-bottom:0}section.consultation .number p{font-style:normal;font-family:"Passion One",cursive;color:#333;font-size:40px;line-height:10px;font-size:4rem;line-height:1;margin-bottom:0}section.consultation .number p a{color:#333}section.consultation .number p a:hover{text-decoration:underline}section.consultation .number p i{color:#333}@media (min-width:800px){section.consultation .number p{font-size:30px;line-height:10px;font-size:3rem;line-height:1}}@media (min-width:1024px){section.consultation .number p{font-size:40px;line-height:10px;font-size:4rem;line-height:1}}@media (min-width:1300px){section.consultation .number p{font-size:50px;line-height:10px;font-size:5rem;line-height:1;margin-bottom:10px}}.areas_we_cover{position:relative;position:relative}.areas_we_cover .title{position:absolute;top:0;padding:12px 0;background:#000;background:rgba(0,0,0,.8);color:#fff;text-align:center;font-family:"Passion One",cursive;text-transform:uppercase;font-size:40px;line-height:10px;font-size:4rem;line-height:1;width:100%}.areas_we_cover img{margin-bottom:0;display:block}section.small_slider{background-position:50% 50%;background-size:cover;text-align:center}section.small_slider .title{margin:75px auto;width:auto;padding:12px 24px;background:#000;background:rgba(0,0,0,.6);color:#fff;text-transform:uppercase;font-family:"Passion One",cursive;font-size:50px;line-height:10px;font-size:5rem;line-height:1;text-align:center;display:inline-block}@media (min-width:1024px){section.small_slider .title{margin:120px auto}}.colors{text-align:center;background:#ff6300;padding-top:12px}.colors p{font-size:30px;line-height:10px;font-size:3rem;line-height:1;text-transform:uppercase;color:#fff;font-family:"Passion One",cursive;font-style:normal;margin-bottom:12px}@media (min-width:500px){.colors p{font-size:36px;line-height:10px;font-size:3.6rem;line-height:1}}@media (min-width:672px){.colors p{font-size:38px;line-height:10px;font-size:3.8rem;line-height:1}}@media (min-width:710px){.colors p{font-size:42px;line-height:10px;font-size:4.2rem;line-height:1;padding:10px 12px}}.colors .tanalised{background-position:50% 50%;background-size:cover;text-transform:uppercase;font-size:35px;line-height:10px;font-size:3.5rem;line-height:1;padding:24px 0;letter-spacing:.01em}@media (min-width:710px){.colors .tanalised{font-size:42px;line-height:10px;font-size:4.2rem;line-height:1}}@media (min-width:1024px){.colors .tanalised{font-size:50px;line-height:10px;font-size:5rem;line-height:1}}.colors .chestnut{background-position:50% 50%;background-size:cover;text-transform:uppercase;color:#fff;font-size:35px;line-height:10px;font-size:3.5rem;line-height:1;letter-spacing:.01em;padding:24px 0}@media (min-width:710px){.colors .chestnut{font-size:42px;line-height:10px;font-size:4.2rem;line-height:1}}@media (min-width:1024px){.colors .chestnut{font-size:50px;line-height:10px;font-size:5rem;line-height:1}}section.small_slider{background-image:url(/assets/img/654246290336.webp);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.claytonsfencing.co.uk/wp-content/uploads/2015/10/13F-1.png',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader( src='https://www.claytonsfencing.co.uk/wp-content/uploads/2015/10/13F-1.png', sizingMethod='scale')"}.tanalised{background-image:url(/assets/img/6b9e6437268b.webp);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.claytonsfencing.co.uk/wp-content/uploads/2015/10/tanalised.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader( src='https://www.claytonsfencing.co.uk/wp-content/uploads/2015/10/tanalised.jpg', sizingMethod='scale')"}.chestnut{background-image:url(/assets/img/e74dab33ad54.webp);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://www.claytonsfencing.co.uk/wp-content/uploads/2015/10/chestnut-brown.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader( src='https://www.claytonsfencing.co.uk/wp-content/uploads/2015/10/chestnut-brown.jpg', sizingMethod='scale')"}.high-wycombe{display:block;position:absolute;width:143px;height:45px;top:216px;left:76px}.great-missenden{display:block;position:absolute;width:159px;height:45px;top:91px;left:93px}.amersham{display:block;position:absolute;width:117px;height:45px;top:84px;left:391px}.the-chalfonts{display:block;position:absolute;width:151px;height:44px;top:211px;left:425px}.gerrards-cross{display:block;position:absolute;width:152px;height:45px;top:335px;left:391px}.beaconsfield{display:block;position:absolute;width:123px;height:44px;top:291px;left:259px}.marlow{display:block;position:absolute;width:123px;height:45px;top:362px;left:80px}.areas_we_cover a{transition:.6s ease}.areas_we_cover a:hover{background-color:orange;opacity:.4}