{"id":332,"date":"2013-11-28T21:19:45","date_gmt":"2013-11-28T21:19:45","guid":{"rendered":"http:\/\/localhost\/wordpress\/?page_id=332"},"modified":"2019-11-24T15:54:31","modified_gmt":"2019-11-24T15:54:31","slug":"home-1-business","status":"publish","type":"page","link":"https:\/\/awningsandcanopies.co.uk\/","title":{"rendered":"Home 1 &#8211; Business"},"content":{"rendered":"<\/div><\/section><section  class=\"wpb_row   full-row\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"wpb_wrapper\"><style>\r\n\t.flex-container a:active,\r\n\t.flexslider a:active,\r\n\t.flex-container a:focus,\r\n\t.flexslider a:focus {\r\n\t\toutline: none;\r\n\t}\r\n\t.slides,\r\n\t.flex-control-nav,\r\n\t.flex-direction-nav {\r\n\t\tmargin: 0 !important;\r\n\t\tpadding: 0;\r\n\t\tlist-style: none;\r\n\t}\r\n\t.flexslider {\r\n\t\tmargin: 0;\r\n\t\tpadding: 0;\r\n\t}\r\n\t.flexslider .slides>li {\r\n\t\tdisplay: none;\r\n\t\t-webkit-backface-visibility: hidden;\r\n\t}\r\n\t.flexslider .slides img {\r\n\t\twidth: 100%;\r\n\t\tdisplay: block;\r\n\t\tbox-sizing: border-box !important;\r\n\t}\r\n\t.flex-pauseplay span {\r\n\t\ttext-transform: capitalize;\r\n\t}\r\n\t.slides:after {\r\n\t\tcontent: \"\\0020\";\r\n\t\tdisplay: block;\r\n\t\tclear: both;\r\n\t\tvisibility: hidden;\r\n\t\tline-height: 0;\r\n\t\theight: 0;\r\n\t}\r\n\t.no-js .slides>li:first-child {\r\n\t\tdisplay: block;\r\n\t}\r\n\t.flexslider {\r\n\t\tmargin: 0 0 60px;\r\n\t\tbackground: #fff;\r\n\t\tborder: 4px solid #fff;\r\n\t\tposition: relative;\r\n\t\t-webkit-border-radius:\r\n\t\t\t4px;\r\n\t\t-moz-border-radius: 4px;\r\n\t\t-o-border-radius: 4px;\r\n\t\tborder-radius: 4px;\r\n\t\t-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);\r\n\t\t-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);\r\n\t\t-o-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);\r\n\t\tbox-shadow: 0 1px 4px rgba(0, 0, 0, .2);\r\n\t\tzoom: 1;\r\n\t}\r\n\t.flex-viewport {\r\n\t\tmax-height: 2000px;\r\n\t\t-webkit-transition: all 1s ease;\r\n\t\t-moz-transition: all 1s ease;\r\n\t\t-o-transition: all 1s ease;\r\n\t\ttransition: all 1s ease;\r\n\t}\r\n\t.loading .flex-viewport {\r\n\t\tmax-height: 300px;\r\n\t}\r\n\t.flexslider .slides {\r\n\t\tzoom: 1;\r\n\t}\r\n\t.carousel li {\r\n\t\tmargin-right: 5px;\r\n\t}\r\n\t.flex-direction-nav {\r\n\t\t*height: 0;\r\n\t}\r\n\t.flex-direction-nav a {\r\n\t\ttext-decoration: none;\r\n\t\tdisplay: block;\r\n\t\twidth: 40px;\r\n\t\theight: 40px;\r\n\t\tmargin: -20px 0 0;\r\n\t\tposition:\r\n\t\t\tabsolute;\r\n\t\ttop: 50%;\r\n\t\tz-index: 10;\r\n\t\toverflow: hidden;\r\n\t\topacity: 0;\r\n\t\tcursor: pointer;\r\n\t\tcolor: rgba(0, 0, 0, 0.8);\r\n\t\ttext-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);\r\n\t\t-webkit-transition: all .3s ease;\r\n\t\t-moz-transition: all .3s ease;\r\n\t\ttransition: all .3s ease;\r\n\t}\r\n\t.flex-direction-nav .flex-prev {\r\n\t\tleft: -50px;\r\n\t}\r\n\t.flex-direction-nav .flex-next {\r\n\t\tright: -50px;\r\n\t\ttext-align: right;\r\n\t}\r\n\t.flexslider:hover .flex-prev {\r\n\t\topacity: 0.7;\r\n\t\tleft: 10px;\r\n\t}\r\n\t.flexslider:hover .flex-next {\r\n\t\topacity: 0.7;\r\n\t\tright: 10px;\r\n\t}\r\n\t.flexslider:hover .flex-next:hover,\r\n\t.flexslider:hover .flex-prev:hover {\r\n\t\topacity: 1;\r\n\t}\r\n\t.flex-direction-nav .flex-disabled {\r\n\t\topacity: 0 !important;\r\n\t\tfilter: alpha(opacity=0);\r\n\t\tcursor: default;\r\n\t}\r\n\t.flex-control-nav {\r\n\t\twidth: 100%;\r\n\t\theight: 30px;\r\n\t\tposition: absolute;\r\n\t\ttext-align: center;\r\n\t}\r\n\t.flex-control-nav li {\r\n\t\tdisplay: inline-block;\r\n\t\tzoom: 1;\r\n\t\t*display: inline;\r\n\t}\r\n\t.flex-control-paging li a {\r\n\t\tbackground: transparent;\r\n\t\tdisplay: block;\r\n\t\tcursor: pointer;\r\n\t\ttext-indent: -9999px;\r\n\t\t-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);\r\n\t\t-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);\r\n\t\t-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);\r\n\t\tbox-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);\r\n\t}\r\n\t.flex-control-paging li a.flex-active {\r\n\t\tcursor: default;\r\n\t}\r\n\t.flex-control-thumbs {\r\n\t\tmargin: 5px 0 0;\r\n\t\tposition: static;\r\n\t\toverflow: hidden;\r\n\t}\r\n\t.flex-control-thumbs li {\r\n\t\twidth: 25%;\r\n\t\tfloat: left;\r\n\t\tmargin: 0;\r\n\t}\r\n\t.flex-control-thumbs img {\r\n\t\twidth: 100%;\r\n\t\tdisplay: block;\r\n\t\topacity: .7;\r\n\t\tcursor: pointer;\r\n\t}\r\n\t.flex-control-thumbs img:hover {\r\n\t\topacity: 1;\r\n\t}\r\n\t.flex-control-thumbs .flex-active {\r\n\t\topacity: 1;\r\n\t\tcursor: default;\r\n\t}\r\n\t@media screen and (max-width: 860px) {\r\n\t\t.flex-direction-nav .flex-prev {\r\n\t\t\topacity: 1;\r\n\t\t\tleft: 10px;\r\n\t\t}\r\n\t\t.flex-direction-nav .flex-next {\r\n\t\t\topacity: 1;\r\n\t\t\tright: 10px;\r\n\t\t}\r\n\t}\r\n\t.flexslider {\r\n\t\tborder: 0;\r\n\t\tmargin: 0px;\r\n\t\toverflow: hidden;\r\n\t}\r\n\t.flex-control-nav {\r\n\t\twidth: 100%;\r\n\t\tposition: absolute;\r\n\t\ttext-align: center;\r\n\t\tz-index: 900;\r\n\t}\r\n\t.flex-direction-nav {\r\n\t\twidth: 100%;\r\n\t\tposition: absolute;\r\n\t\tleft: 0;\r\n\t\tmargin: -50px 0 0;\r\n\t\tz-index: 100;\r\n\t\tpadding: 0 !important;\r\n\t}\r\n\t.flex-direction-nav li {\r\n\t\toverflow: visible;\r\n\t\tpadding: 0px 0px 0px 0px !important;\r\n\t\tmargin: 0px !important;\r\n\t\tlist-style: none !important;\r\n\t}\r\n\t.flex-direction-nav a {\r\n\t\toverflow: visible;\r\n\t\tmargin: 0;\r\n\t\topacity: 1;\r\n\t\tcolor: rgba(0, 0, 0, 0.8);\r\n\t\ttext-indent: -9999em !important;\r\n\t\ttext-shadow: none;\r\n\t\t-webkit-box-shadow: none;\r\n\t\t-moz-box-shadow: none;\r\n\t\t-o-box-shadow: none;\r\n\t\toutline: none !important;\r\n\t\tbox-shadow: none !important;\r\n\t\tborder: none !important;\r\n\t}\r\n\t.flex-direction-nav .arrow {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tz-index: 200;\r\n\t}\r\n\t.flex-direction-nav .flex-prev {\r\n\t\tleft: 0px;\r\n\t\theight: 50px;\r\n\t}\r\n\t.flex-direction-nav .flex-next {\r\n\t\tright: 0px;\r\n\t\ttext-align: left;\r\n\t\theight: 50px;\r\n\t}\r\n\t.flexslider:hover .flex-prev {\r\n\t\tleft: 0;\r\n\t\topacity: 1\r\n\t}\r\n\t.flexslider:hover .flex-next {\r\n\t\tright: 0;\r\n\t\topacity: 1\r\n\t}\r\n\t.flexslider:hover .flex-prev:hover,\r\n\t.flexslider:hover .flex-next:hover {\r\n\t\tbackground-color: #fff;\r\n\t\topacity: 1;\r\n\t}\r\n\t.flexslider .slides>li:before,\r\n\t.flex-control-nav>li:before,\r\n\t.flex-direction-nav>li:before {\r\n\t\tcontent: '' !important;\r\n\t}\r\n\t.immersive_slider {\r\n\t\tbackground: #161923;\r\n\t\tmax-width: 100%;\r\n\t\theight: 480px;\r\n\t\topacity: .9;\r\n\t\tbox-sizing: border-box;\r\n\t\t-moz-box-sizing: border-box;\r\n\t\t-webkit-box-sizing: border-box;\r\n\t\tposition: relative;\r\n\t\toverflow: hidden;\r\n\t}\r\n\t.immersive_slider .is-slide {\r\n\t\tdisplay: block;\r\n\t\theight: 100%;\r\n\t\twidth: 100%;\r\n\t\tbox-sizing: border-box;\r\n\t\t-moz-box-sizing:\r\n\t\t\tborder-box;\r\n\t\t-webkit-box-sizing: border-box;\r\n\t\tpadding: 50px 60px;\r\n\t\tposition: absolute;\r\n\t}\r\n\t.is-bg-overflow {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tposition: absolute;\r\n\t\tz-index: 0;\r\n\t}\r\n\t.is-overflow,\r\n\t.is-bg-overflow {\r\n\t\theight: 100%;\r\n\t}\r\n\t.ease {\r\n\t\t-webkit-transition: 1000ms ease all;\r\n\t\t-moz-transition: 1000ms ease all;\r\n\t\t-o-transition: 1000ms ease all;\r\n\t\ttransition: 1000ms ease all;\r\n\t}\r\n\t.bounce {\r\n\t\t-webkit-transition: 1000ms cubic-bezier(0.175, 0.885, 0.420, 1) all;\r\n\t\t-moz-transition: 1000ms cubic-bezier(0.175, 0.885, 0.420, 1.310) all;\r\n\t\t-o-transition: 1000ms cubic-bezier(0.175, 0.885, 0.420, 1.310) 0 all;\r\n\t\ttransition: 2000ms cubic-bezier(0.175, 0.885, 0.420, 1.310) all;\r\n\t}\r\n\t.bounce2 {\r\n\t\t-webkit-transition: 1000ms cubic-bezier(0.420, 0.175, 0.885, 1) all;\r\n\t\t-moz-transition: 1000ms cubic-bezier(0.420, 0.175, 0.885, -1.310) all;\r\n\t\t-o-transition: 1000ms cubic-bezier(0.420, 0.175, 0.885, -1.310) all;\r\n\t\ttransition:\r\n\t\t\t2000ms cubic-bezier(0.420, 0.175, 0.885, -1.310) all;\r\n\t}\r\n\t.bounceUp2 {\r\n\t\t-webkit-transition: 1000ms cubic-bezier(0.175, 0.885, 0.420, 1) all;\r\n\t\t-moz-transition: 1000ms cubic-bezier(0.175, 0.885, 0.420, -1.310) all;\r\n\t\t-o-transition: 1000ms cubic-bezier(0.175, 0.885, 0.420, -1.310) all;\r\n\t\ttransition: 2000ms cubic-bezier(0.175, 0.885, 0.420, -1.310) all;\r\n\t}\r\n\t.bounceUp3 {\r\n\t\t-webkit-transition: 1000ms cubic-bezier(0.175, 0.885, 0.420, 1) all;\r\n\t\t-moz-transition: 1000ms cubic-bezier(0.175, -0.885, 0.420, 1.310) all;\r\n\t\t-o-transition: 1000ms cubic-bezier(0.175, -0.885, 0.420, 1.310) all;\r\n\t\ttransition: 2000ms cubic-bezier(0.175, -0.885, 0.420, 1.310) all;\r\n\t}\r\n\t.no-animation {\r\n\t\t-webkit-transition: none !important;\r\n\t\t-moz-transition: none !important;\r\n\t\t-o-transition: none !important;\r\n\t\ttransition: none !important;\r\n\t}\r\n\t.immersive_slider .is-slide .image img {\r\n\t\tposition: relative;\r\n\t\tmax-width: 100%;\r\n\t\tdisplay: inline !important;\r\n\t\twidth: 100% !important;\r\n\t\theight: 100% !important;\r\n\t\tmax-height: 100%;\r\n\t\tobject-fit: contain !important;\r\n\t}\r\n\t.immersive_slider .is-slide .image iframe {\r\n\t\tmax-width: 100%;\r\n\t\tdisplay: block;\r\n\t\twidth: 100%;\r\n\t}\r\n\t.immersive_slider .is-slide .content h2 {\r\n\t\tfont-size: 42px;\r\n\t\tfont-weight: 300;\r\n\t\ttext-align: left;\r\n\t}\r\n\t.is-container {\r\n\t\tposition: relative;\r\n\t\toverflow: hidden;\r\n\t}\r\n\t.is-container .is-background {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t}\r\n\t.is-container .is-background.gs_cssblur {\r\n\t\t-webkit-filter: blur(20px);\r\n\t\t-moz-filter: blur(20px);\r\n\t\t-o-filter: blur(20px);\r\n\t\tfilter: blur(20px);\r\n\t}\r\n\t.is-pagination li {\r\n\t\tpadding: 0;\r\n\t\tdisplay: inline-block;\r\n\t\ttext-align: center;\r\n\t\tposition: relative;\r\n\t\tmargin: 0px !important;\r\n\t\tpadding: 0px !important;\r\n\t}\r\n\t.is-pagination li a {\r\n\t\tpadding: 10px;\r\n\t\twidth: 4px;\r\n\t\theight: 4px;\r\n\t\tdisplay: block;\r\n\t\tbox-shadow: none !important;\r\n\t\t-moz-box-shadow: none !important;\r\n\t\t-webkit-box-shadow: none !important;\r\n\t\toutline: none !important;\r\n\t\tborder: none !important;\r\n\t}\r\n\t.is-pagination li a:before {\r\n\t\tcontent: '';\r\n\t\tposition: absolute;\r\n\t\twidth: 4px;\r\n\t\theight: 4px;\r\n\t\tbackground:\r\n\t\t\trgba(255, 255, 255, 0.85);\r\n\t\tborder-radius: 10px;\r\n\t\t-webkit-border-radius: 10px;\r\n\t\t-moz-border-radius: 10px;\r\n\t}\r\n\t.is-pagination li a.active:before {\r\n\t\twidth: 10px;\r\n\t\theight: 10px;\r\n\t\tbackground: none;\r\n\t\tborder: 1px solid white;\r\n\t\tmargin-top:\r\n\t\t\t-4px;\r\n\t\tleft: 8px;\r\n\t}\r\n\t.is-next {\r\n\t\tright: 10px !important;\r\n\t}\r\n\t.is-prev {\r\n\t\tleft: 10px !important;\r\n\t}\r\n\ta {\r\n\t\ttext-decoration: none !important;\r\n\t}\r\n\ta:hover {\r\n\t\ttext-decoration: none;\r\n\t}\r\n\t.wrapper {\r\n\t\tmargin: 25px auto !important;\r\n\t}\r\n\t.cn-slideshow {\r\n\t\tposition: relative;\r\n\t\tmargin: 0 auto;\r\n\t\tbackground: transparent;\r\n\t}\r\n\t.cn-loading {\r\n\t\tposition: absolute;\r\n\t\tz-index: 999;\r\n\t\ttext-indent: -9000px;\r\n\t\ttop: 50%;\r\n\t\tleft: 50%;\r\n\t\tmargin: -25px 0 0 -25px;\r\n\t\twidth: 50px;\r\n\t\theight: 50px;\r\n\t\tbackground: url(..\/images\/ajax-loader.gif) no-repeat center center;\r\n\t\t-moz-border-radius: 25px;\r\n\t\t-webkit-border-radius: 25px;\r\n\t\tborder-radius: 25px;\r\n\t}\r\n\t.cn-images {\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\toverflow: hidden;\r\n\t\tposition: relative;\r\n\t}\r\n\t.cn-images img {\r\n\t\tposition: absolute;\r\n\t\ttop: 0px;\r\n\t\tleft: 0px;\r\n\t\tdisplay: none;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t}\r\n\t.cn-bar {\r\n\t\theight: 74px;\r\n\t\tposition: absolute;\r\n\t\tright: 50px;\r\n\t\tleft: 50px;\r\n\t\tcolor: #f8f8f8;\r\n\t\tz-index: 999;\r\n\t}\r\n\t.cn-nav-content {\r\n\t\tposition: absolute;\r\n\t\ttop: 0px;\r\n\t\theight: 100%;\r\n\t\tright: 70px;\r\n\t\tleft: 70px;\r\n\t}\r\n\t.cn-nav-content div {\r\n\t\tfloat: left;\r\n\t}\r\n\t.cn-nav-content div.cn-nav-content-current {\r\n\t\ttext-align: center;\r\n\t\twidth: 280px;\r\n\t\tposition: absolute;\r\n\t\ttop: 0px;\r\n\t\tleft: 50%;\r\n\t\tmargin-left: -140px;\r\n\t}\r\n\t.cn-nav-content h2,\r\n\t.cn-nav-content h3 {\r\n\t\tpadding: 0;\r\n\t\tmargin: 0;\r\n\t}\r\n\t.cn-nav-content div.cn-nav-content-prev {\r\n\t\tmargin-left: 20px;\r\n\t}\r\n\t.cn-nav-content div.cn-nav-content-next {\r\n\t\ttext-align: right;\r\n\t\tmargin-right: 20px;\r\n\t\tfloat: right;\r\n\t}\r\n\t.cn-nav-content div span {\r\n\t\tdisplay: block;\r\n\t\tmargin-top: 5px;\r\n\t}\r\n\t.cn-nav>a {\r\n\t\tposition: absolute;\r\n\t\ttop: 0px;\r\n\t\theight: 70px;\r\n\t\twidth: 0px;\r\n\t\tz-index: 2 !important;\r\n\t}\r\n\ta.cn-nav-prev {\r\n\t\tleft: 0px;\r\n\t\ttext-decoration: none !important;\r\n\t\tborder: none !important;\r\n\t\tbox-shadow: none !important;\r\n\t\t-moz-box-shadow: none !important;\r\n\t\t-webkit-box-shadow: none !important;\r\n\t\toutline: none !important;\r\n\t}\r\n\ta.cn-nav-next {\r\n\t\tright: 0px;\r\n\t\ttext-decoration: none !important;\r\n\t\tborder: none !important;\r\n\t\tbox-shadow: none !important;\r\n\t\t-moz-box-shadow: none !important;\r\n\t\t-webkit-box-shadow: none !important;\r\n\t\toutline: none !important;\r\n\t}\r\n\t.cn-nav a span {\r\n\t\twidth: 46px;\r\n\t\theight: 46px;\r\n\t\tdisplay: block;\r\n\t\ttext-indent: -9000px;\r\n\t\topacity: 0.9;\r\n\t\tposition: absolute;\r\n\t\ttop:\r\n\t\t\t50%;\r\n\t\tleft: 50%;\r\n\t\tbackground-size: 17px 25px;\r\n\t\tmargin: -23px 0 0 -23px;\r\n\t\tperspective-origin: 800px !important;\r\n\t\t-webkit-perspective-origin: 800px !important;\r\n\t\t-ms-perspective-origin: 800px !important;\r\n\t\t-moz-perspective-origin: 800px !important;\r\n\t\t-o-perspective-origin: 800px !important;\r\n\t\t-webkit-transition: width 0.3s ease, height 0.3s ease, margin 0.3s ease !important;\r\n\t\t-moz-transition: width 0.3s ease, height 0.3s ease, opacity 0.3s ease, margin 0.3s ease !important;\r\n\t\t-o-transition: width 0.3s ease, height 0.3s ease, opacity 0.3s ease, margin 0.3s ease !important;\r\n\t\t-ms-transition: width 0.3s ease, height 0.3s ease, opacity 0.3s ease, margin 0.3s ease !important;\r\n\t\ttransition: width 0.3s ease, height 0.3s ease, margin 0.3s ease !important;\r\n\t\toverflow: hidden;\r\n\t}\r\n\t.cn-nav a div {\r\n\t\twidth: 90px;\r\n\t\theight: 90px;\r\n\t\tposition: absolute;\r\n\t\ttop: 50%;\r\n\t\tleft: 50%;\r\n\t\tperspective-origin: 800px !important;\r\n\t\t-webkit-perspective-origin: 800px !important;\r\n\t\t-ms-perspective-origin: 800px !important;\r\n\t\t-moz-perspective-origin: 800px !important;\r\n\t\t-o-perspective-origin: 800px !important;\r\n\t\ttransform: translateY(-50%) translateX(-50%) translateZ(0) scale(0, 0);\r\n\t\t-webkit-transform: translateY(-50%) translateX(-50%) translateZ(0) scale(0, 0);\r\n\t\t-ms-transform: translateY(-50%) translateX(-50%) translateZ(0) scale(0, 0);\r\n\t\t-moz-transform: translateY(-50%) translateX(-50%) translateZ(0) scale(0, 0);\r\n\t\t-o-transform: translateY(-50%) translateX(-50%) translateZ(0) scale(0, 0);\r\n\t\t-webkit-backface-visibility: hidden;\r\n\t\toverflow:\r\n\t\t\thidden;\r\n\t\tperspective: 800px !important;\r\n\t\tbackground-size: 100% 100%;\r\n\t\tbackground-position: center center;\r\n\t\tbackground-repeat:\r\n\t\t\tno-repeat;\r\n\t\tmargin: 0px;\r\n\t\t-moz-border-radius: 0px;\r\n\t\t-webkit-border-radius: 0px;\r\n\t\tborder-radius: 25px;\r\n\t\t-webkit-filter:\r\n\t\t\tinherit;\r\n\t\tfilter: inherit;\r\n\t\t-webkit-transition: transform 0.3s ease, background-size 0s ease !important;\r\n\t\t-moz-transition:\r\n\t\t\ttransform 0.3s ease, background-size 0s ease !important;\r\n\t\t-o-transition: transform 0.3s ease, background-size 0s ease !important;\r\n\t\t-ms-transition: transform 0.3s ease, background-size 0s ease !important;\r\n\t\ttransition: transform 0.3s ease,\r\n\t\t\tbackground-size 0s ease !important;\r\n\t}\r\n\t.cn-nav a:hover span {\r\n\t\twidth: 100px;\r\n\t\theight: 100px;\r\n\t\topacity: 0.6;\r\n\t\tmargin: -50px 0 0 -50px;\r\n\t\tbackground-size: 22px 32px;\r\n\t}\r\n\t.cn-nav a:hover div {\r\n\t\ttransform: translateY(-50%) translateX(-50%) translateZ(0) scale(1, 1);\r\n\t\t-webkit-transform: translateY(-50%) translateX(-50%) translateZ(0) scale(1, 1);\r\n\t\t-ms-transform: translateY(-50%) translateX(-50%) translateZ(0) scale(1, 1);\r\n\t\t-moz-transform: translateY(-50%) translateX(-50%) translateZ(0) scale(1, 1);\r\n\t\t-o-transform: translateY(-50%) translateX(-50%) translateZ(0) scale(1, 1);\r\n\t\tbackground-size: 120% 120%;\r\n\t}\r\n\t#colorbox,\r\n\t#cboxOverlay,\r\n\t#cboxWrapper {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tz-index: 9999;\r\n\t\toverflow: hidden;\r\n\t}\r\n\t#cboxOverlay {\r\n\t\tposition: fixed;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t}\r\n\t#cboxMiddleLeft,\r\n\t#cboxBottomLeft {\r\n\t\tclear: left;\r\n\t}\r\n\t#cboxContent {\r\n\t\tposition: relative;\r\n\t}\r\n\t#cboxLoadedContent {\r\n\t\toverflow: auto;\r\n\t}\r\n\t#cboxTitle {\r\n\t\tmargin: 0;\r\n\t}\r\n\t#cboxLoadingOverlay,\r\n\t#cboxLoadingGraphic {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t}\r\n\t#cboxPrevious,\r\n\t#cboxNext,\r\n\t#cboxClose,\r\n\t#cboxSlideshow {\r\n\t\tcursor: pointer;\r\n\t}\r\n\t.cboxPhoto {\r\n\t\tfloat: left;\r\n\t\tmargin: auto;\r\n\t\tborder: 0;\r\n\t\tdisplay: block;\r\n\t\tmax-width: none;\r\n\t}\r\n\t#colorbox,\r\n\t#cboxContent,\r\n\t#cboxLoadedContent {\r\n\t\tbox-sizing: content-box;\r\n\t\t-moz-box-sizing: content-box;\r\n\t\t-webkit-box-sizing: content-box;\r\n\t\tdisplay: none !important;\r\n\t}\r\n\t#cboxError {\r\n\t\tpadding: 50px;\r\n\t\tborder: 1px solid #ccc;\r\n\t}\r\n\t#cboxLoadedContent {\r\n\t\tmargin-bottom: 38px;\r\n\t\tmargin-top: 5px;\r\n\t}\r\n\t#cboxTitle {\r\n\t\tposition: absolute;\r\n\t\tbottom: 0px;\r\n\t\tleft: 0;\r\n\t\ttext-align: center;\r\n\t\twidth: 100%;\r\n\t}\r\n\t#cboxCurrent {\r\n\t\tposition: absolute;\r\n\t\tbottom: 0px;\r\n\t\tleft: 100px;\r\n\t}\r\n\t#cboxSlideshow {\r\n\t\tposition: absolute;\r\n\t\tbottom: 4px;\r\n\t\tright: 30px;\r\n\t\tcolor: #0092ef;\r\n\t}\r\n\t#cboxPrevious {\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\tleft: 5px;\r\n\t}\r\n\t#cboxNext {\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\tleft: 48px;\r\n\t}\r\n\t#cboxLoadingGraphic {\r\n\t\tbackground: url(..\/images\/ajax-loader.gif) no-repeat center center;\r\n\t}\r\n\t#cboxClose {\r\n\t\tposition: absolute;\r\n\t\tbottom: 0;\r\n\t\tright: 5px;\r\n\t}\r\n\t#cboxPrevious:hover,\r\n\t#cboxNext:hover,\r\n\t#cboxClose:hover {\r\n\t\topacity: 0.8;\r\n\t}\r\n\t@media all and (max-width: 750px) {\r\n\t\t#cboxCurrent {\r\n\t\t\tposition: absolute;\r\n\t\t\tbottom: 0px;\r\n\t\t\tleft: 100px;\r\n\t\t\tdisplay: none !important\r\n\t\t}\r\n\t}\r\n\t\t\t.center_content1\t\t{\r\n\t\tposition:relative;\r\n\t\toverflow:visible;\r\n\t\ttop:50%;\r\n\t\ttransform:translateY(-50%);\r\n\t\t-webkit-transform:translateY(-50%);\r\n\t\t-ms-transform:translateY(-50%);\r\n\t\t-moz-transform:translateY(-50%);\r\n\t\t-o-transform:translateY(-50%);\r\n\t\t}\r\n\t\t#RW_Load_Content_Navigation1\t\t{\r\n\t\tmargin:20px auto !important;\r\n\t\tbackground-color:transparent !important;\r\n\t\tz-index:999;\r\n\t\twidth:500px;\r\n\t\theight:350px;\r\n\t\tmax-width:100% !important;\r\n\t\t}\r\n\t\t.rw-slider-image-loading-cubes1 { width: 30px !important; height: 30px !important; }\r\n\t\t.rw-slider-image-loading-cubes1\t\t{\r\n\t\twidth: 50px;\r\n\t\theight: 50px;\r\n\t\tmargin: 20px auto;\r\n\t\tposition: relative;\r\n\t\ttransform: rotateZ(45deg);\r\n\t\t-o-transform: rotateZ(45deg);\r\n\t\t-ms-transform: rotateZ(45deg);\r\n\t\t-webkit-transform: rotateZ(45deg);\r\n\t\t-moz-transform: rotateZ(45deg);\r\n\t\t}\r\n\t\t.rw-slider-image-loading-cubes1 .rw-slider-image-cube\r\n\t\t{\r\n\t\tposition: relative;\r\n\t\ttransform: rotateZ(45deg);\r\n\t\t-o-transform: rotateZ(45deg);\r\n\t\t-ms-transform: rotateZ(45deg);\r\n\t\t-webkit-transform: rotateZ(45deg);\r\n\t\t-moz-transform: rotateZ(45deg);\r\n\t\t}\r\n\t\t.rw-slider-image-loading-cubes1 .rw-slider-image-cube\r\n\t\t{\r\n\t\tfloat: left;\r\n\t\twidth: 50%;\r\n\t\theight: 50%;\r\n\t\tposition: relative;\r\n\t\ttransform: scale(1.1);\r\n\t\t-o-transform: scale(1.1);\r\n\t\t-ms-transform: scale(1.1);\r\n\t\t-webkit-transform: scale(1.1);\r\n\t\t-moz-transform: scale(1.1);\r\n\t\t}\r\n\t\t.rw-slider-image-loading-cubes1 .rw-slider-image-cube:before\r\n\t\t{\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tbackground-color: #6ecae9;\r\n\t\tanimation: cssload-fold-thecube 2.76s infinite linear both;\r\n\t\t-o-animation: cssload-fold-thecube 2.76s infinite linear both;\r\n\t\t-ms-animation: cssload-fold-thecube 2.76s infinite linear both;\r\n\t\t-webkit-animation: cssload-fold-thecube 2.76s infinite linear both;\r\n\t\t-moz-animation: cssload-fold-thecube 2.76s infinite linear both;\r\n\t\ttransform-origin: 100% 100%;\r\n\t\t-o-transform-origin: 100% 100%;\r\n\t\t-ms-transform-origin: 100% 100%;\r\n\t\t-webkit-transform-origin: 100% 100%;\r\n\t\t-moz-transform-origin: 100% 100%;\r\n\t\t}\r\n\t\t.rw-slider-image-loading-cubes1 .rw-slider-image-cube-2\r\n\t\t{\r\n\t\ttransform: scale(1.1) rotateZ(90deg);\r\n\t\t-o-transform: scale(1.1) rotateZ(90deg);\r\n\t\t-ms-transform: scale(1.1) rotateZ(90deg);\r\n\t\t-webkit-transform: scale(1.1) rotateZ(90deg);\r\n\t\t-moz-transform: scale(1.1) rotateZ(90deg);\r\n\t\t}\r\n\t\t.rw-slider-image-loading-cubes1 .rw-slider-image-cube-4\r\n\t\t{\r\n\t\ttransform: scale(1.1) rotateZ(180deg);\r\n\t\t-o-transform: scale(1.1) rotateZ(180deg);\r\n\t\t-ms-transform: scale(1.1) rotateZ(180deg);\r\n\t\t-webkit-transform: scale(1.1) rotateZ(180deg);\r\n\t\t-moz-transform: scale(1.1) rotateZ(180deg);\r\n\t\t}\r\n\t\t.rw-slider-image-loading-cubes1 .rw-slider-image-cube-3\r\n\t\t{\r\n\t\ttransform: scale(1.1) rotateZ(270deg);\r\n\t\t-o-transform: scale(1.1) rotateZ(270deg);\r\n\t\t-ms-transform: scale(1.1) rotateZ(270deg);\r\n\t\t-webkit-transform: scale(1.1) rotateZ(270deg);\r\n\t\t-moz-transform: scale(1.1) rotateZ(270deg);\r\n\t\t}\r\n\t\t.rw-slider-image-loading-cubes1 .rw-slider-image-cube-2:before\r\n\t\t{\r\n\t\tanimation-delay: 0.35s;\r\n\t\t-o-animation-delay: 0.35s;\r\n\t\t-ms-animation-delay: 0.35s;\r\n\t\t-webkit-animation-delay: 0.35s;\r\n\t\t-moz-animation-delay: 0.35s;\r\n\t\t}\r\n\t\t.rw-slider-image-loading-cubes1 .rw-slider-image-cube-4:before\r\n\t\t{\r\n\t\tanimation-delay: 0.69s;\r\n\t\t-o-animation-delay: 0.69s;\r\n\t\t-ms-animation-delay: 0.69s;\r\n\t\t-webkit-animation-delay: 0.69s;\r\n\t\t-moz-animation-delay: 0.69s;\r\n\t\t}\r\n\t\t.rw-slider-image-loading-cubes1 .rw-slider-image-cube-3:before\r\n\t\t{\r\n\t\tanimation-delay: 1.04s;\r\n\t\t-o-animation-delay: 1.04s;\r\n\t\t-ms-animation-delay: 1.04s;\r\n\t\t-webkit-animation-delay: 1.04s;\r\n\t\t-moz-animation-delay: 1.04s;\r\n\t\t}\r\n\t\t@keyframes cssload-fold-thecube\r\n\t\t{\r\n\t\t0%, 10% { transform: perspective(136px) rotateX(-180deg); opacity: 0; }\r\n\t\t25%, 75% { transform: perspective(136px) rotateX(0deg); opacity: 1; }\r\n\t\t90%, 100% { transform: perspective(136px) rotateY(180deg); opacity: 0; }\r\n\t\t}\r\n\t\t@-o-keyframes cssload-fold-thecube\r\n\t\t{\r\n\t\t0%, 10% { -o-transform: perspective(136px) rotateX(-180deg); opacity: 0; }\r\n\t\t25%, 75% { -o-transform: perspective(136px) rotateX(0deg); opacity: 1; }\r\n\t\t90%, 100% { -o-transform: perspective(136px) rotateY(180deg); opacity: 0; }\r\n\t\t}\r\n\t\t@-ms-keyframes cssload-fold-thecube\r\n\t\t{\r\n\t\t0%, 10% { -ms-transform: perspective(136px) rotateX(-180deg); opacity: 0; }\r\n\t\t25%, 75% { -ms-transform: perspective(136px) rotateX(0deg); opacity: 1; }\r\n\t\t90%, 100% { -ms-transform: perspective(136px) rotateY(180deg); opacity: 0; }\r\n\t\t}\r\n\t\t@-webkit-keyframes cssload-fold-thecube\r\n\t\t{\r\n\t\t0%, 10% { -webkit-transform: perspective(136px) rotateX(-180deg); opacity: 0; }\r\n\t\t25%, 75% { -webkit-transform: perspective(136px) rotateX(0deg); opacity: 1; }\r\n\t\t90%, 100% { -webkit-transform: perspective(136px) rotateY(180deg); opacity: 0; }\r\n\t\t}\r\n\t\t@-moz-keyframes cssload-fold-thecube\r\n\t\t{\r\n\t\t0%, 10% { -moz-transform: perspective(136px) rotateX(-180deg); opacity: 0; }\r\n\t\t25%, 75% { -moz-transform: perspective(136px) rotateX(0deg); opacity: 1; }\r\n\t\t90%, 100% { -moz-transform: perspective(136px) rotateY(180deg); opacity: 0; }\r\n\t\t}\r\n\t\t.flexslider_1 .flex-direction-nav .flex-next .preview\r\n\timg,.flexslider_1 .flex-direction-nav .flex-prev .preview img\r\n\t{\r\n\t\tbox-shadow:none !important;\r\n\t\t-moz-box-shadow:none !important;\r\n\t\t-webkit-box-shadow:none !important;\r\n\t}\r\n\t.flexslider_1\t{\r\n\t\tmargin:20px auto !important;\r\n\t\twidth:1143px;\r\n\t\theight:400px;\r\n\t\tmax-width:100% !important;\r\n\t}\r\n\t\t\t\/* general style *\/\r\n\t\t.flexslider_1 .flex-direction-nav a .preview\r\n\t\t{\r\n\t\t\twidth: 360px;\r\n\t\t\theight:100% !important;\r\n\t\t\tposition: absolute;\r\n\t\t\ttop:0;\r\n\t\t\tleft:-50px;\r\n\t\t\tz-index:100;\r\n\t\t\t-webkit-transition: all 0.3s ease-out !important;\r\n\t\t\t-moz-transition: all 0.3s ease-out !important;\r\n\t\t\ttransition: all 0.3s ease-out !important;\r\n\t\t\topacity:0;\r\n\t\t}\r\n\t\t.flexslider_1 .flex-direction-nav a .preview .alt\r\n\t\t{\r\n\t\t\tposition: absolute;\r\n\t\t\ttop:0;\r\n\t\t\tbackground: #0084aa !important;\r\n\t\t\twidth: 100px;\r\n\t\t\theight:100% !important;\r\n\t\t\tcolor: #ffffff;\r\n\t\t\ttext-indent:0;\r\n\t\t\t\t\t\ttext-transform: uppercase !important;\r\n\t\t\t\t\t\ttext-align:center;\r\n\t\t\tpadding: 0px 5px;\r\n\t\t\tfont-family: Aldhabi;\r\n\t\t\t-webkit-box-sizing: border-box;\r\n\t\t\t-moz-box-sizing: border-box;\r\n\t\t\t-o-box-sizing: border-box;\r\n\t\t\toverflow:hidden;\r\n\t\t}\r\n\t\t\/* next button *\/\r\n\t\t.flexslider_1 .flex-direction-nav .flex-next .preview {right:-50px; left:auto; }\r\n\t\t.flexslider_1 .flex-direction-nav .flex-prev .preview .alt {left:100px; overflow:hidden;}\r\n\t\t.flexslider_1 .flex-direction-nav .flex-next .preview .alt {overflow:hidden;right:100px; }\r\n\t\t\/* hover style *\/\r\n\t\t.flexslider_1 .flex-direction-nav .flex-prev:hover .preview { left:0; opacity:1; }\r\n\t\t.flexslider_1 .flex-direction-nav .flex-next:hover .preview { right:0; opacity:1; }\r\n\t\t.flexslider_1 .flex-direction-nav .flex-prev .preview img\r\n\t\t{\r\n\t\t\tposition: absolute;\r\n\t\t\tleft:50px;\r\n\t\t\ttop:0;\r\n\t\t\twidth: 50px;\r\n\t\t\theight:100% !important;\r\n\t\t\t-webkit-transition: all 0s ease-out !important;\r\n\t\t\t-moz-transition: all 0s ease-out !important;\r\n\t\t\ttransition: all 0s ease-out !important;\r\n\t\t}\r\n\t\t.flexslider_1 .flex-direction-nav .flex-next .preview img\r\n\t\t{\r\n\t\t\tposition: absolute;\r\n\t\t\tright:50px;\r\n\t\t\ttop:0;\r\n\t\t\twidth: 50px;\r\n\t\t\theight:100% !important;\r\n\t\t\tbox-shadow:none !important;\r\n\t\t\t-moz-box-shadow:none !important;\r\n\t\t\t-webkit-box-shadow:none !important;\r\n\t\t\t-webkit-transition: all 0s ease-out !important;\r\n\t\t\t-moz-transition: all 0s ease-out !important;\r\n\t\t\ttransition: all 0s ease-out !important;\r\n\t\t}\r\n\t\t.flexslider_1 .flex-direction-nav\r\n\t{\r\n\t\theight:0 !important;\r\n\t\ttop:50% !important;\r\n\t}\r\n\t.flexslider_1 .flex-direction-nav .arrow { height:100%;}\r\n\t.flexslider_1 .flex-direction-nav a\r\n\t{\r\n\t\tbackground-color: #1e73be ;\r\n\t\topacity: 0.82 ;\r\n\t\t-webkit-transform:translateY(-50%) !important;\r\n\t\t-ms-transform:translateY(-50%) !important;\r\n\t\t-moz-transform:translateY(-50%) !important;\r\n\t\t-o-transform:translateY(-50%) !important;\r\n\t\ttransform:translateY(-50%) !important;\r\n\t}\r\n\t.flexslider_1:hover .flex-prev:hover .arrow,\r\n\t.flexslider_1:hover .flex-next:hover .arrow\r\n\t{\r\n\t\tbackground-color: #1e73be !important;\r\n\t\topacity: 0.8;\r\n\t}\r\n\t.flexslider_1 .flex-control-nav { bottom: 0%; padding:0px !important; }\r\n\t.flexslider_1 .flex-control-nav li\r\n\t{\r\n\t\tmargin: 0 8px;\r\n\t\tmargin-top:4px;\r\n\t}\r\n\t.flexslider_1 .flex-control-paging li a\r\n\t{\r\n\t\twidth: 8px;\r\n\t\theight: 8px;\r\n\t\t-webkit-border-radius: 20px;\r\n\t\t-moz-border-radius: 20px;\r\n\t\t-o-border-radius: 20px;\r\n\t\tborder-radius: 20px;\r\n\t\tborder: 1px\r\n\t\tsolid\t\t#ffffff;\r\n\t}\r\n\t.flexslider_1 .flex-control-paging li a:hover { background: #ffffff;}\r\n\t.flexslider_1 .flex-control-paging li a.flex-active { background: #0084aa;}\r\n\t.flexslider_1\t{\r\n\t\twidth: 1143px;\r\n\t\tmargin: 0 auto !important;\r\n\t\t-webkit-border-radius: 0px;\r\n\t\t-moz-border-radius: 0px;\r\n\t\t-o-border-radius: 0px;\r\n\t\tborder-radius: 0px;\r\n\t}\r\n\t.flexslider_1\t{\r\n\t\tposition: relative;\r\n\t\tz-index: 0;\r\n\t\toverflow: unset;\r\n\t}\r\n\t\t\t.flexslider_1\t\t{\r\n\t\t\tbox-shadow: none !important;\r\n\t\t\t-moz-box-shadow: none !important;\r\n\t\t\t-webkit-box-shadow: none !important;\r\n\t\t}\r\n\t\t.flexslider_1 .slides, .flexslider_1 .slides li img,\r\n\t.flexslider_1 .slides li, .flexslider_1 .slides\r\n\t{\r\n\t\tposition:relative !important;\r\n\t\twidth:100% !important;\r\n\t\theight:100% !important;\r\n\t\tpadding:0px !important;\r\n\t\tmargin-left:0px !important;\r\n\t}\r\n\t.flexslider_1 .slides li img\r\n\t{\r\n\t\t-webkit-border: 0px solid\r\n\t\t#ffffff;\r\n\t\t-moz-border: 0px solid\r\n\t\t#ffffff;\r\n\t\t-o-border: 0px solid\r\n\t\t#ffffff;\r\n\t\tborder: 0px solid\r\n\t\t#ffffff;\r\n\t\t-webkit-border-radius: 0px;\r\n\t\t-moz-border-radius: 0px;\r\n\t\t-o-border-radius: 0px;\r\n\t\tborder-radius: 0px;\r\n\t}\r\n\t.flexslider_1 .flex-direction-nav a.flex-next .arrow\r\n\t{\r\n\t\tbackground: #1e73be url(\"https:\/\/awningsandcanopies.co.uk\/wp-content\/plugins\/slider-images\/images\/icon-1-1.png\") no-repeat center center;\r\n\t\tbackground-size:70% 70%;\r\n\t}\r\n\t.flexslider_1:hover .flex-next:hover .arrow\r\n\t{\r\n\t\tright:0;\r\n\t\tbackground: #1e73be url(\"https:\/\/awningsandcanopies.co.uk\/wp-content\/plugins\/slider-images\/images\/icon-1-1.png\") no-repeat center center;\r\n\t\tbackground-size:70% 70%;\r\n\t}\r\n\t.flexslider_1 .flex-direction-nav a.flex-prev .arrow\r\n\t{\r\n\t\tbackground: #1e73be url(\"https:\/\/awningsandcanopies.co.uk\/wp-content\/plugins\/slider-images\/images\/icon-1.png\") no-repeat center center;\r\n\t\tbackground-size:70% 70%;\r\n\t}\r\n\t.flexslider_1:hover .flex-prev:hover .arrow\r\n\t{\r\n\t\tright:0;\r\n\t\tbackground: #1e73be url(\"https:\/\/awningsandcanopies.co.uk\/wp-content\/plugins\/slider-images\/images\/icon-1.png\") no-repeat center center;\r\n\t\tbackground-size:70% 70%;\r\n\t}\r\n\t.rw_nav_video1,.rw_nav_video{\r\n\t\tposition:absolute;\r\n\t\ttop:0;\r\n\t\tleft:0;\r\n\t\twidth:100%;\r\n\t\theight:100%;\r\n\t\tz-index:9;\r\n\t\tdisplay:none !important;\r\n\t}\r\n\t.rw_nav_video1_anim,.rw_nav_video_anim{\r\n\t\tdisplay:block !important;\r\n\t}\r\n\t.pointer{\r\n\t\tcursor:pointer !important;\r\n\t}\r\n\t.flex-active-slide i.plIc{\r\n\t\tposition:absolute;\r\n\t\tfont-size:20px;\r\n\t\tpadding:10px 25px;\r\n\t\tbackground-color: red;\r\n\t\tborder-radius: 8px;\r\n\t\tcolor:#ffffff;\r\n\t\ttop:50%;\r\n\t\tleft:50%;\r\n\t\t-webkit-transform:translateY(-50%) translateX(-50%);\r\n\t\t-ms-transform:translateY(-50%) translateX(-50%);\r\n\t\t-moz-transform:translateY(-50%) translateX(-50%);\r\n\t\t-o-transform:translateY(-50%) translateX(-50%);\r\n\t\ttransform:translateY(-50%) translateX(-50%);\r\n\t}\r\n\t.delIc1{\r\n\t\tposition:absolute;\r\n\t\tcursor: pointer;\r\n\t\tfont-size:20px;\r\n\t\tcolor:#ffffff;\r\n\t\ttop:5px;\r\n\t\tright:8px;\r\n\t\ttext-shadow:0px 0px 30px #000000;\r\n\t\tdisplay:none;\r\n\t\tz-index: 99;\r\n\t}\r\n<\/style>    <div id=\"RW_Load_Content_Navigation1\">\r\n        <div class=\"center_content1\">\r\n            <div class=\"rw-slider-image-loading-cubes1\">\r\n                <div class=\"rw-slider-image-cube rw-slider-image-cube-1\"><\/div>\r\n                <div class=\"rw-slider-image-cube rw-slider-image-cube-2\"><\/div>\r\n                <div class=\"rw-slider-image-cube rw-slider-image-cube-3\"><\/div>\r\n                <div class=\"rw-slider-image-cube rw-slider-image-cube-4\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<div id=\"rich_webSlider1_1\" style=\"display:none;\">\r\n    <div class=\"flexslider flexslider_1\" style='position:relative;max-width:100%;'>\r\n        <ul class=\"slides\">\r\n            <i class='delIc delIc1 rich_web rich_web-times'><\/i>\r\n                                                <li class=\"\" onclick=\"\">\r\n                        <a class=\"Sl_Link_Url\" style=\"cursor: default;\" href=\"\">\r\n                            <img decoding=\"async\" class='IMHR1' src=\"https:\/\/awningsandcanopies.co.uk\/wp-content\/uploads\/2017\/09\/6.jpg\" alt=\"\" data-thumbnail=\"https:\/\/awningsandcanopies.co.uk\/wp-content\/uploads\/2017\/09\/6.jpg\" \/>\r\n                        <\/a>\r\n                                            <\/li>\r\n                                                                <li class=\"\" onclick=\"\">\r\n                        <a class=\"Sl_Link_Url\" style=\"cursor: default;\" href=\"\">\r\n                            <img decoding=\"async\" class='IMHR1' src=\"https:\/\/awningsandcanopies.co.uk\/wp-content\/uploads\/2017\/09\/5.jpg\" alt=\"\" data-thumbnail=\"https:\/\/awningsandcanopies.co.uk\/wp-content\/uploads\/2017\/09\/5.jpg\" \/>\r\n                        <\/a>\r\n                                            <\/li>\r\n                                                                <li class=\"\" onclick=\"\">\r\n                        <a class=\"Sl_Link_Url\" style=\"cursor: default;\" href=\"\">\r\n                            <img decoding=\"async\" class='IMHR1' src=\"https:\/\/awningsandcanopies.co.uk\/wp-content\/uploads\/2017\/09\/4.jpg\" alt=\"\" data-thumbnail=\"https:\/\/awningsandcanopies.co.uk\/wp-content\/uploads\/2017\/09\/4.jpg\" \/>\r\n                        <\/a>\r\n                                            <\/li>\r\n                                                                <li class=\"\" onclick=\"\">\r\n                        <a class=\"Sl_Link_Url\" style=\"cursor: default;\" href=\"\">\r\n                            <img decoding=\"async\" class='IMHR1' src=\"https:\/\/awningsandcanopies.co.uk\/wp-content\/uploads\/2017\/09\/3.jpg\" alt=\"\" data-thumbnail=\"https:\/\/awningsandcanopies.co.uk\/wp-content\/uploads\/2017\/09\/3.jpg\" \/>\r\n                        <\/a>\r\n                                            <\/li>\r\n                                    <\/ul>\r\n    <\/div>\r\n<\/div>\r\n<input type='text' style='display:none;' class='SLWIDTHR_1' value='1143'>\r\n<input type='text' style='display:none;' class='SLHEIGHTR_1' value='400'>\r\n<input type='text' style='display:none;' class='SLCLWR_1' value='50'>\r\n<input type='text' style='display:none;' class='SlClPrFS_1' value='10'>\r\n<input type='text' style='display:none;' class='hovEffType_1' value='slide out'>\r\n<input type='text' style='display:none;' class='navWidth_1' value='8'>\r\n<input type='text' style='display:none;' class='navHeight_1' value='8'>\r\n<input type='text' style='display:none;' class='navType' value='bottom'><script>\r\n    !(function (a) {\r\n        (a.flexslider = function (b, c) {\r\n            var d = a(b);\r\n            d.vars = a.extend({}, a.flexslider.defaults, c);\r\n            var y = false;\r\n            jQuery(\".plIc\").click(function () {\r\n                y = true;\r\n            });\r\n            jQuery(\".delIc\").click(function () {\r\n                y = false;\r\n            });\r\n            var delIc = document.querySelector(\".delIc\");\r\n            function delVideo() {\r\n                document.querySelector(\".flexslider ol\").style.display = \"block\";\r\n                document.querySelector(\".flex-direction-nav\").style.display = \"block\";\r\n                var videos = document.querySelectorAll(\".rw_nav_video\");\r\n                for (var j = 0; j < videos.length; j++) {\r\n                    videos[j].setAttribute(\"src\", \"\");\r\n                    videos[j].classList.remove(\"rw_nav_video_anim\");\r\n                }\r\n                delIc.style.display = \"none\";\r\n            }\r\n            var j,\r\n                e = d.vars.namespace,\r\n                f = window.navigator && window.navigator.msPointerEnabled && window.MSGesture,\r\n                g = (\"ontouchstart\" in window || f || (window.DocumentTouch && document instanceof DocumentTouch)) && d.vars.touch,\r\n                h = \"click touchend MSPointerUp\",\r\n                i = \"\",\r\n                k = \"vertical\" === d.vars.direction,\r\n                l = d.vars.reverse,\r\n                m = d.vars.itemWidth > 0,\r\n                n = \"fade\" === d.vars.animation,\r\n                o = \"\" !== d.vars.asNavFor,\r\n                p = {},\r\n                q = !0;\r\n            a.data(b, \"flexslider\", d),\r\n                (p = {\r\n                    init: function () {\r\n                        (d.animating = !1),\r\n                            (d.currentSlide = parseInt(d.vars.startAt ? d.vars.startAt : 0, 10)),\r\n                            isNaN(d.currentSlide) && (d.currentSlide = 0),\r\n                            (d.animatingTo = d.currentSlide),\r\n                            (d.atEnd = 0 === d.currentSlide || d.currentSlide === d.last),\r\n                            (d.containerSelector = d.vars.selector.substr(0, d.vars.selector.search(\" \"))),\r\n                            (d.slides = a(d.vars.selector, d)),\r\n                            (d.container = a(d.containerSelector, d)),\r\n                            (d.count = d.slides.length),\r\n                            (d.syncExists = a(d.vars.sync).length > 0),\r\n                            \"slide\" === d.vars.animation && (d.vars.animation = \"swing\"),\r\n                            (d.prop = k ? \"top\" : \"marginLeft\"),\r\n                            (d.args = {}),\r\n                            (d.manualPause = !1),\r\n                            (d.stopped = !1),\r\n                            (d.started = !1),\r\n                            (d.startTimeout = null),\r\n                            (d.transitions =\r\n                                !d.vars.video &&\r\n                                !n &&\r\n                                d.vars.useCSS &&\r\n                                (function () {\r\n                                    var a = document.createElement(\"div\"),\r\n                                        b = [\"perspectiveProperty\", \"WebkitPerspective\", \"MozPerspective\", \"OPerspective\", \"msPerspective\"];\r\n                                    for (var c in b) if (void 0 !== a.style[b[c]]) return (d.pfx = b[c].replace(\"Perspective\", \"\").toLowerCase()), (d.prop = \"-\" + d.pfx + \"-transform\"), !0;\r\n                                    return !1;\r\n                                })()),\r\n                            (d.ensureAnimationEnd = \"\"),\r\n                            \"\" !== d.vars.controlsContainer && (d.controlsContainer = a(d.vars.controlsContainer).length > 0 && a(d.vars.controlsContainer)),\r\n                            \"\" !== d.vars.manualControls && (d.manualControls = a(d.vars.manualControls).length > 0 && a(d.vars.manualControls)),\r\n                            d.vars.randomize &&\r\n                                (d.slides.sort(function () {\r\n                                    return Math.round(Math.random()) - 0.5;\r\n                                }),\r\n                                d.container.empty().append(d.slides)),\r\n                            d.doMath(),\r\n                            d.setup(\"init\"),\r\n                            d.vars.controlNav && p.controlNav.setup(),\r\n                            d.vars.directionNav && p.directionNav.setup(),\r\n                            d.vars.keyboard &&\r\n                                (1 === a(d.containerSelector).length || d.vars.multipleKeyboard) &&\r\n                                a(document).bind(\"keyup\", function (a) {\r\n                                    var b = a.keyCode;\r\n                                    if (!d.animating && (39 === b || 37 === b)) {\r\n                                        var c = 39 === b ? d.getTarget(\"next\") : 37 === b ? d.getTarget(\"prev\") : !1;\r\n                                        d.flexAnimate(c, d.vars.pauseOnAction);\r\n                                        delVideo();\r\n                                    }\r\n                                }),\r\n                            d.vars.mousewheel &&\r\n                                d.bind(\"mousewheel\", function (a, b) {\r\n                                    a.preventDefault();\r\n                                    var f = 0 > b ? d.getTarget(\"next\") : d.getTarget(\"prev\");\r\n                                    d.flexAnimate(f, d.vars.pauseOnAction);\r\n                                }),\r\n                            d.vars.pausePlay && p.pausePlay.setup(),\r\n                            d.vars.slideshow && d.vars.pauseInvisible && p.pauseInvisible.init(),\r\n                            d.vars.slideshow &&\r\n                                (d.vars.pauseOnHover &&\r\n                                    d.hover(\r\n                                        function () {\r\n                                            d.manualPlay || d.manualPause || d.pause();\r\n                                        },\r\n                                        function () {\r\n                                            d.manualPause || d.manualPlay || d.stopped || d.play();\r\n                                        }\r\n                                    ),\r\n                                (d.vars.pauseInvisible && p.pauseInvisible.isHidden()) || (d.vars.initDelay > 0 ? (d.startTimeout = setTimeout(d.play, d.vars.initDelay)) : d.play())),\r\n                            o && p.asNav.setup(),\r\n                            g && d.vars.touch && p.touch(),\r\n                            (!n || (n && d.vars.smoothHeight)) && a(window).bind(\"resize orientationchange focus\", p.resize),\r\n                            d.find(\"img\").attr(\"draggable\", \"false\"),\r\n                            setTimeout(function () {\r\n                                d.vars.start(d);\r\n                            }, 200);\r\n                    },\r\n                    asNav: {\r\n                        setup: function () {\r\n                            (d.asNav = !0),\r\n                                (d.animatingTo = Math.floor(d.currentSlide \/ d.move)),\r\n                                (d.currentItem = d.currentSlide),\r\n                                d.slides\r\n                                    .removeClass(e + \"active-slide\")\r\n                                    .eq(d.currentItem)\r\n                                    .addClass(e + \"active-slide\"),\r\n                                f\r\n                                    ? ((b._slider = d),\r\n                                    d.slides.each(function () {\r\n                                        var b = this;\r\n                                        (b._gesture = new MSGesture()),\r\n                                            (b._gesture.target = b),\r\n                                            b.addEventListener(\r\n                                                \"MSPointerDown\",\r\n                                                function (a) {\r\n                                                    a.preventDefault(), a.currentTarget._gesture && a.currentTarget._gesture.addPointer(a.pointerId);\r\n                                                },\r\n                                                !1\r\n                                            ),\r\n                                            b.addEventListener(\"MSGestureTap\", function (b) {\r\n                                                b.preventDefault();\r\n                                                var c = a(this),\r\n                                                    e = c.index();\r\n                                                a(d.vars.asNavFor).data(\"flexslider\").animating || c.hasClass(\"active\") || ((d.direction = d.currentItem < e ? \"next\" : \"prev\"), d.flexAnimate(e, d.vars.pauseOnAction, !1, !0, !0));\r\n                                            });\r\n                                    }))\r\n                                    : d.slides.on(h, function (b) {\r\n                                        b.preventDefault();\r\n                                        var c = a(this),\r\n                                            f = c.index(),\r\n                                            g = c.offset().left - a(d).scrollLeft();\r\n                                        0 >= g && c.hasClass(e + \"active-slide\")\r\n                                            ? d.flexAnimate(d.getTarget(\"prev\"), !0)\r\n                                            : a(d.vars.asNavFor).data(\"flexslider\").animating || c.hasClass(e + \"active-slide\") || ((d.direction = d.currentItem < f ? \"next\" : \"prev\"), d.flexAnimate(f, d.vars.pauseOnAction, !1, !0, !0));\r\n                                    });\r\n                        },\r\n                    },\r\n                    controlNav: {\r\n                        setup: function () {\r\n                            d.manualControls ? p.controlNav.setupManual() : p.controlNav.setupPaging();\r\n                        },\r\n                        setupPaging: function () {\r\n                            var f,\r\n                                g,\r\n                                b = \"thumbnails\" === d.vars.controlNav ? \"control-thumbs\" : \"control-paging\",\r\n                                c = 1;\r\n                            if (((d.controlNavScaffold = a('<ol class=\"' + e + \"control-nav \" + e + b + '\"><\/ol>')), d.pagingCount > 1))\r\n                                for (var j = 0; j < d.pagingCount; j++) {\r\n                                    if (((g = d.slides.eq(j)), (f = \"thumbnails\" === d.vars.controlNav ? '<img decoding=\"async\" src=\"' + g.attr(\"data-thumb\") + '\"\/>' : \"<a>\" + c + \"<\/a>\"), \"thumbnails\" === d.vars.controlNav && !0 === d.vars.thumbCaptions)) {\r\n                                        var k = g.attr(\"data-thumbcaption\");\r\n                                        \"\" != k && void 0 != k && (f += '<span class=\"' + e + 'caption\">' + k + \"<\/span>\");\r\n                                    }\r\n                                    d.controlNavScaffold.append(\"<li>\" + f + \"<\/li>\"), c++;\r\n                                }\r\n                            d.controlsContainer ? a(d.controlsContainer).append(d.controlNavScaffold) : d.append(d.controlNavScaffold),\r\n                                p.controlNav.set(),\r\n                                p.controlNav.active(),\r\n                                d.controlNavScaffold.delegate(\"a, img\", h, function (b) {\r\n                                    if ((b.preventDefault(), \"\" === i || i === b.type)) {\r\n                                        var c = a(this),\r\n                                            f = d.controlNav.index(c);\r\n                                        c.hasClass(e + \"active\") || ((d.direction = f > d.currentSlide ? \"next\" : \"prev\"), d.flexAnimate(f, d.vars.pauseOnAction));\r\n                                    }\r\n                                    \"\" === i && (i = b.type), p.setToClearWatchedEvent();\r\n                                });\r\n                        },\r\n                        setupManual: function () {\r\n                            (d.controlNav = d.manualControls),\r\n                                p.controlNav.active(),\r\n                                d.controlNav.bind(h, function (b) {\r\n                                    if ((b.preventDefault(), \"\" === i || i === b.type)) {\r\n                                        var c = a(this),\r\n                                            f = d.controlNav.index(c);\r\n                                        c.hasClass(e + \"active\") || ((d.direction = f > d.currentSlide ? \"next\" : \"prev\"), d.flexAnimate(f, d.vars.pauseOnAction));\r\n                                    }\r\n                                    \"\" === i && (i = b.type), p.setToClearWatchedEvent();\r\n                                });\r\n                        },\r\n                        set: function () {\r\n                            var b = \"thumbnails\" === d.vars.controlNav ? \"img\" : \"a\";\r\n                            d.controlNav = a(\".\" + e + \"control-nav li \" + b, d.controlsContainer ? d.controlsContainer : d);\r\n                        },\r\n                        active: function () {\r\n                            d.controlNav\r\n                                .removeClass(e + \"active\")\r\n                                .eq(d.animatingTo)\r\n                                .addClass(e + \"active\");\r\n                        },\r\n                        update: function (b, c) {\r\n                            d.pagingCount > 1 && \"add\" === b ? d.controlNavScaffold.append(a(\"<li><a>\" + d.count + \"<\/a><\/li>\")) : 1 === d.pagingCount ? d.controlNavScaffold.find(\"li\").remove() : d.controlNav.eq(c).closest(\"li\").remove(),\r\n                                p.controlNav.set(),\r\n                                d.pagingCount > 1 && d.pagingCount !== d.controlNav.length ? d.update(c, b) : p.controlNav.active();\r\n                        },\r\n                    },\r\n                    directionNav: {\r\n                        setup: function () {\r\n                            var b = a('<ul class=\"' + e + 'direction-nav\"><li><a class=\"' + e + 'prev\" href=\"#\">' + d.vars.prevText + '<\/a><\/li><li><a class=\"' + e + 'next\" href=\"#\">' + d.vars.nextText + \"<\/a><\/li><\/ul>\");\r\n                            d.controlsContainer ? (a(d.controlsContainer).append(b), (d.directionNav = a(\".\" + e + \"direction-nav li a\", d.controlsContainer))) : (d.append(b), (d.directionNav = a(\".\" + e + \"direction-nav li a\", d))),\r\n                                p.directionNav.update(),\r\n                                d.directionNav.bind(h, function (b) {\r\n                                    b.preventDefault();\r\n                                    var c;\r\n                                    (\"\" === i || i === b.type) && ((c = a(this).hasClass(e + \"next\") ? d.getTarget(\"next\") : d.getTarget(\"prev\")), d.flexAnimate(c, d.vars.pauseOnAction)), \"\" === i && (i = b.type), p.setToClearWatchedEvent();\r\n                                });\r\n                        },\r\n                        update: function () {\r\n                            var a = e + \"disabled\";\r\n                            1 === d.pagingCount\r\n                                ? d.directionNav.addClass(a).attr(\"tabindex\", \"-1\")\r\n                                : d.vars.animationLoop\r\n                                ? d.directionNav.removeClass(a).removeAttr(\"tabindex\")\r\n                                : 0 === d.animatingTo\r\n                                ? d.directionNav\r\n                                    .removeClass(a)\r\n                                    .filter(\".\" + e + \"prev\")\r\n                                    .addClass(a)\r\n                                    .attr(\"tabindex\", \"-1\")\r\n                                : d.animatingTo === d.last\r\n                                ? d.directionNav\r\n                                    .removeClass(a)\r\n                                    .filter(\".\" + e + \"next\")\r\n                                    .addClass(a)\r\n                                    .attr(\"tabindex\", \"-1\")\r\n                                : d.directionNav.removeClass(a).removeAttr(\"tabindex\");\r\n                        },\r\n                    },\r\n                    pausePlay: {\r\n                        setup: function () {\r\n                            var b = a('<div class=\"' + e + 'pauseplay\"><a><\/a><\/div>');\r\n                            d.controlsContainer ? (d.controlsContainer.append(b), (d.pausePlay = a(\".\" + e + \"pauseplay a\", d.controlsContainer))) : (d.append(b), (d.pausePlay = a(\".\" + e + \"pauseplay a\", d))),\r\n                                p.pausePlay.update(d.vars.slideshow ? e + \"pause\" : e + \"play\"),\r\n                                d.pausePlay.bind(h, function (b) {\r\n                                    b.preventDefault(),\r\n                                        (\"\" === i || i === b.type) && (a(this).hasClass(e + \"pause\") ? ((d.manualPause = !0), (d.manualPlay = !1), d.pause()) : ((d.manualPause = !1), (d.manualPlay = !0), d.play())),\r\n                                        \"\" === i && (i = b.type),\r\n                                        p.setToClearWatchedEvent();\r\n                                });\r\n                        },\r\n                        update: function (a) {\r\n                            \"play\" === a\r\n                                ? d.pausePlay\r\n                                    .removeClass(e + \"pause\")\r\n                                    .addClass(e + \"play\")\r\n                                    .html(d.vars.playText)\r\n                                : d.pausePlay\r\n                                    .removeClass(e + \"play\")\r\n                                    .addClass(e + \"pause\")\r\n                                    .html(d.vars.pauseText);\r\n                        },\r\n                    },\r\n                    touch: function () {\r\n                        function r(f) {\r\n                            d.animating\r\n                                ? f.preventDefault()\r\n                                : (window.navigator.msPointerEnabled || 1 === f.touches.length) &&\r\n                                (d.pause(),\r\n                                (g = k ? d.h : d.w),\r\n                                (i = Number(new Date())),\r\n                                (o = f.touches[0].pageX),\r\n                                (p = f.touches[0].pageY),\r\n                                (e =\r\n                                    m && l && d.animatingTo === d.last\r\n                                        ? 0\r\n                                        : m && l\r\n                                        ? d.limit - (d.itemW + d.vars.itemMargin) * d.move * d.animatingTo\r\n                                        : m && d.currentSlide === d.last\r\n                                        ? d.limit\r\n                                        : m\r\n                                        ? (d.itemW + d.vars.itemMargin) * d.move * d.currentSlide\r\n                                        : l\r\n                                        ? (d.last - d.currentSlide + d.cloneOffset) * g\r\n                                        : (d.currentSlide + d.cloneOffset) * g),\r\n                                (a = k ? p : o),\r\n                                (c = k ? o : p),\r\n                                b.addEventListener(\"touchmove\", s, !1),\r\n                                b.addEventListener(\"touchend\", t, !1));\r\n                        }\r\n                        function s(b) {\r\n                            (o = b.touches[0].pageX), (p = b.touches[0].pageY), (h = k ? a - p : a - o), (j = k ? Math.abs(h) < Math.abs(o - c) : Math.abs(h) < Math.abs(p - c));\r\n                            var f = 500;\r\n                            (!j || Number(new Date()) - i > f) &&\r\n                                (b.preventDefault(), !n && d.transitions && (d.vars.animationLoop || (h \/= (0 === d.currentSlide && 0 > h) || (d.currentSlide === d.last && h > 0) ? Math.abs(h) \/ g + 2 : 1), d.setProps(e + h, \"setTouch\")));\r\n                        }\r\n                        function t() {\r\n                            if ((b.removeEventListener(\"touchmove\", s, !1), d.animatingTo === d.currentSlide && !j && null !== h)) {\r\n                                var k = l ? -h : h,\r\n                                    m = k > 0 ? d.getTarget(\"next\") : d.getTarget(\"prev\");\r\n                                d.canAdvance(m) && ((Number(new Date()) - i < 550 && Math.abs(k) > 50) || Math.abs(k) > g \/ 2) ? d.flexAnimate(m, d.vars.pauseOnAction) : n || d.flexAnimate(d.currentSlide, d.vars.pauseOnAction, !0);\r\n                            }\r\n                            b.removeEventListener(\"touchend\", t, !1), (a = null), (c = null), (h = null), (e = null);\r\n                        }\r\n                        function u(a) {\r\n                            a.stopPropagation(),\r\n                                d.animating\r\n                                    ? a.preventDefault()\r\n                                    : (d.pause(),\r\n                                    b._gesture.addPointer(a.pointerId),\r\n                                    (q = 0),\r\n                                    (g = k ? d.h : d.w),\r\n                                    (i = Number(new Date())),\r\n                                    (e =\r\n                                        m && l && d.animatingTo === d.last\r\n                                            ? 0\r\n                                            : m && l\r\n                                            ? d.limit - (d.itemW + d.vars.itemMargin) * d.move * d.animatingTo\r\n                                            : m && d.currentSlide === d.last\r\n                                            ? d.limit\r\n                                            : m\r\n                                            ? (d.itemW + d.vars.itemMargin) * d.move * d.currentSlide\r\n                                            : l\r\n                                            ? (d.last - d.currentSlide + d.cloneOffset) * g\r\n                                            : (d.currentSlide + d.cloneOffset) * g));\r\n                        }\r\n                        function v(a) {\r\n                            a.stopPropagation();\r\n                            var c = a.target._slider;\r\n                            if (c) {\r\n                                var d = -a.translationX,\r\n                                    f = -a.translationY;\r\n                                return (\r\n                                    (q += k ? f : d),\r\n                                    (h = q),\r\n                                    (j = k ? Math.abs(q) < Math.abs(-d) : Math.abs(q) < Math.abs(-f)),\r\n                                    a.detail === a.MSGESTURE_FLAG_INERTIA\r\n                                        ? (setImmediate(function () {\r\n                                            b._gesture.stop();\r\n                                        }),\r\n                                        void 0)\r\n                                        : ((!j || Number(new Date()) - i > 500) &&\r\n                                            (a.preventDefault(),\r\n                                            !n && c.transitions && (c.vars.animationLoop || (h = q \/ ((0 === c.currentSlide && 0 > q) || (c.currentSlide === c.last && q > 0) ? Math.abs(q) \/ g + 2 : 1)), c.setProps(e + h, \"setTouch\"))),\r\n                                        void 0)\r\n                                );\r\n                            }\r\n                        }\r\n                        function w(b) {\r\n                            b.stopPropagation();\r\n                            var d = b.target._slider;\r\n                            if (d) {\r\n                                if (d.animatingTo === d.currentSlide && !j && null !== h) {\r\n                                    var f = l ? -h : h,\r\n                                        k = f > 0 ? d.getTarget(\"next\") : d.getTarget(\"prev\");\r\n                                    d.canAdvance(k) && ((Number(new Date()) - i < 550 && Math.abs(f) > 50) || Math.abs(f) > g \/ 2) ? d.flexAnimate(k, d.vars.pauseOnAction) : n || d.flexAnimate(d.currentSlide, d.vars.pauseOnAction, !0);\r\n                                }\r\n                                (a = null), (c = null), (h = null), (e = null), (q = 0);\r\n                            }\r\n                        }\r\n                        var a,\r\n                            c,\r\n                            e,\r\n                            g,\r\n                            h,\r\n                            i,\r\n                            j = !1,\r\n                            o = 0,\r\n                            p = 0,\r\n                            q = 0;\r\n                        f\r\n                            ? ((b.style.msTouchAction = \"none\"),\r\n                            (b._gesture = new MSGesture()),\r\n                            (b._gesture.target = b),\r\n                            b.addEventListener(\"MSPointerDown\", u, !1),\r\n                            (b._slider = d),\r\n                            b.addEventListener(\"MSGestureChange\", v, !1),\r\n                            b.addEventListener(\"MSGestureEnd\", w, !1))\r\n                            : b.addEventListener(\"touchstart\", r, !1);\r\n                    },\r\n                    resize: function () {\r\n                        !d.animating &&\r\n                            d.is(\":visible\") &&\r\n                            (m || d.doMath(),\r\n                            n\r\n                                ? p.smoothHeight()\r\n                                : m\r\n                                ? (d.slides.width(d.computedW), d.update(d.pagingCount), d.setProps())\r\n                                : k\r\n                                ? (d.viewport.height(d.h), d.setProps(d.h, \"setTotal\"))\r\n                                : (d.vars.smoothHeight && p.smoothHeight(), d.newSlides.width(d.computedW), d.setProps(d.computedW, \"setTotal\")));\r\n                    },\r\n                    smoothHeight: function (a) {\r\n                        if (!k || n) {\r\n                            var b = n ? d : d.viewport;\r\n                            a ? b.animate({ height: d.slides.eq(d.animatingTo).height() }, a) : b.height(d.slides.eq(d.animatingTo).height());\r\n                        }\r\n                    },\r\n                    sync: function (b) {\r\n                        var c = a(d.vars.sync).data(\"flexslider\"),\r\n                            e = d.animatingTo;\r\n                        switch (b) {\r\n                            case \"animate\":\r\n                                c.flexAnimate(e, d.vars.pauseOnAction, !1, !0);\r\n                                break;\r\n                            case \"play\":\r\n                                c.playing || c.asNav || c.play();\r\n                                break;\r\n                            case \"pause\":\r\n                                c.pause();\r\n                        }\r\n                    },\r\n                    uniqueID: function (b) {\r\n                        return (\r\n                            b.find(\"[id]\").each(function () {\r\n                                var b = a(this);\r\n                                b.attr(\"id\", b.attr(\"id\") + \"_clone\");\r\n                            }),\r\n                            b\r\n                        );\r\n                    },\r\n                    pauseInvisible: {\r\n                        visProp: null,\r\n                        init: function () {\r\n                            var a = [\"webkit\", \"moz\", \"ms\", \"o\"];\r\n                            if (\"hidden\" in document) return \"hidden\";\r\n                            for (var b = 0; b < a.length; b++) a[b] + \"Hidden\" in document && (p.pauseInvisible.visProp = a[b] + \"Hidden\");\r\n                            if (p.pauseInvisible.visProp) {\r\n                                var c = p.pauseInvisible.visProp.replace(\/[H|h]idden\/, \"\") + \"visibilitychange\";\r\n                                document.addEventListener(c, function () {\r\n                                    p.pauseInvisible.isHidden() ? (d.startTimeout ? clearTimeout(d.startTimeout) : d.pause()) : d.started ? d.play() : d.vars.initDelay > 0 ? setTimeout(d.play, d.vars.initDelay) : d.play();\r\n                                });\r\n                            }\r\n                        },\r\n                        isHidden: function () {\r\n                            return document[p.pauseInvisible.visProp] || !1;\r\n                        },\r\n                    },\r\n                    setToClearWatchedEvent: function () {\r\n                        clearTimeout(j),\r\n                            (j = setTimeout(function () {\r\n                                i = \"\";\r\n                            }, 3e3));\r\n                    },\r\n                }),\r\n                (d.flexAnimate = function (b, c, f, h, i) {\r\n                    if (\r\n                        (d.vars.animationLoop || b === d.currentSlide || (d.direction = b > d.currentSlide ? \"next\" : \"prev\"),\r\n                        o && 1 === d.pagingCount && (d.direction = d.currentItem < b ? \"next\" : \"prev\"),\r\n                        !d.animating && (d.canAdvance(b, i) || f) && d.is(\":visible\"))\r\n                    ) {\r\n                        if (o && h) {\r\n                            var j = a(d.vars.asNavFor).data(\"flexslider\");\r\n                            if (\r\n                                ((d.atEnd = 0 === b || b === d.count - 1),\r\n                                j.flexAnimate(b, !0, !1, !0, i),\r\n                                (d.direction = d.currentItem < b ? \"next\" : \"prev\"),\r\n                                (j.direction = d.direction),\r\n                                Math.ceil((b + 1) \/ d.visible) - 1 === d.currentSlide || 0 === b)\r\n                            )\r\n                                return (\r\n                                    (d.currentItem = b),\r\n                                    d.slides\r\n                                        .removeClass(e + \"active-slide\")\r\n                                        .eq(b)\r\n                                        .addClass(e + \"active-slide\"),\r\n                                    !1\r\n                                );\r\n                            (d.currentItem = b),\r\n                                d.slides\r\n                                    .removeClass(e + \"active-slide\")\r\n                                    .eq(b)\r\n                                    .addClass(e + \"active-slide\"),\r\n                                (b = Math.floor(b \/ d.visible));\r\n                        }\r\n                        if (\r\n                            ((d.animating = !0),\r\n                            (d.animatingTo = b),\r\n                            c && d.pause(),\r\n                            d.vars.before(d),\r\n                            d.syncExists && !i && p.sync(\"animate\"),\r\n                            d.vars.controlNav && p.controlNav.active(),\r\n                            m ||\r\n                                d.slides\r\n                                    .removeClass(e + \"active-slide\")\r\n                                    .eq(b)\r\n                                    .addClass(e + \"active-slide\"),\r\n                            (d.atEnd = 0 === b || b === d.last),\r\n                            d.vars.directionNav && p.directionNav.update(),\r\n                            b === d.last && (d.vars.end(d), d.vars.animationLoop || d.pause()),\r\n                            n)\r\n                        )\r\n                            g\r\n                                ? (d.slides.eq(d.currentSlide).css({ opacity: 0, zIndex: 1 }), d.slides.eq(b).css({ opacity: 1, zIndex: 2 }), d.wrapup(q))\r\n                                : (d.slides.eq(d.currentSlide).css({ zIndex: 1 }).animate({ opacity: 0 }, d.vars.animationSpeed, d.vars.easing),\r\n                                d.slides.eq(b).css({ zIndex: 2 }).animate({ opacity: 1 }, d.vars.animationSpeed, d.vars.easing, d.wrapup));\r\n                        else {\r\n                            var r,\r\n                                s,\r\n                                t,\r\n                                q = k ? d.slides.filter(\":first\").height() : d.computedW;\r\n                            m\r\n                                ? ((r = d.vars.itemMargin), (t = (d.itemW + r) * d.move * d.animatingTo), (s = t > d.limit && 1 !== d.visible ? d.limit : t))\r\n                                : (s =\r\n                                    0 === d.currentSlide && b === d.count - 1 && d.vars.animationLoop && \"next\" !== d.direction\r\n                                        ? l\r\n                                            ? (d.count + d.cloneOffset) * q\r\n                                            : 0\r\n                                        : d.currentSlide === d.last && 0 === b && d.vars.animationLoop && \"prev\" !== d.direction\r\n                                        ? l\r\n                                            ? 0\r\n                                            : (d.count + 1) * q\r\n                                        : l\r\n                                        ? (d.count - 1 - b + d.cloneOffset) * q\r\n                                        : (b + d.cloneOffset) * q),\r\n                                d.setProps(s, \"\", d.vars.animationSpeed),\r\n                                d.transitions\r\n                                    ? ((d.vars.animationLoop && d.atEnd) || ((d.animating = !1), (d.currentSlide = d.animatingTo)),\r\n                                    d.container.unbind(\"webkitTransitionEnd transitionend\"),\r\n                                    d.container.bind(\"webkitTransitionEnd transitionend\", function () {\r\n                                        clearTimeout(d.ensureAnimationEnd), d.wrapup(q);\r\n                                    }),\r\n                                    clearTimeout(d.ensureAnimationEnd),\r\n                                    (d.ensureAnimationEnd = setTimeout(function () {\r\n                                        d.wrapup(q);\r\n                                    }, d.vars.animationSpeed + 100)))\r\n                                    : d.container.animate(d.args, d.vars.animationSpeed, d.vars.easing, function () {\r\n                                        d.wrapup(q);\r\n                                    });\r\n                        }\r\n                        d.vars.smoothHeight && p.smoothHeight(d.vars.animationSpeed);\r\n                    }\r\n                }),\r\n                (d.wrapup = function (a) {\r\n                    n || m || (0 === d.currentSlide && d.animatingTo === d.last && d.vars.animationLoop ? d.setProps(a, \"jumpEnd\") : d.currentSlide === d.last && 0 === d.animatingTo && d.vars.animationLoop && d.setProps(a, \"jumpStart\")),\r\n                        (d.animating = !1),\r\n                        (d.currentSlide = d.animatingTo),\r\n                        d.vars.after(d);\r\n                }),\r\n                (d.animateSlides = function () {\r\n                    if (y) {\r\n                        return;\r\n                    }\r\n                    !d.animating && q && d.flexAnimate(d.getTarget(\"next\"));\r\n                }),\r\n                (d.pause = function () {\r\n                    clearInterval(d.animatedSlides), (d.animatedSlides = null), (d.playing = !1), d.vars.pausePlay && p.pausePlay.update(\"play\"), d.syncExists && p.sync(\"pause\");\r\n                }),\r\n                (d.play = function () {\r\n                    d.playing && clearInterval(d.animatedSlides),\r\n                        (d.animatedSlides = d.animatedSlides || setInterval(d.animateSlides, d.vars.slideshowSpeed)),\r\n                        (d.started = d.playing = !0),\r\n                        d.vars.pausePlay && p.pausePlay.update(\"pause\"),\r\n                        d.syncExists && p.sync(\"play\");\r\n                }),\r\n                (d.stop = function () {\r\n                    d.pause(), (d.stopped = !0);\r\n                }),\r\n                (d.canAdvance = function (a, b) {\r\n                    var c = o ? d.pagingCount - 1 : d.last;\r\n                    return b\r\n                        ? !0\r\n                        : o && d.currentItem === d.count - 1 && 0 === a && \"prev\" === d.direction\r\n                        ? !0\r\n                        : o && 0 === d.currentItem && a === d.pagingCount - 1 && \"next\" !== d.direction\r\n                        ? !1\r\n                        : a !== d.currentSlide || o\r\n                        ? d.vars.animationLoop\r\n                            ? !0\r\n                            : d.atEnd && 0 === d.currentSlide && a === c && \"next\" !== d.direction\r\n                            ? !1\r\n                            : d.atEnd && d.currentSlide === c && 0 === a && \"next\" === d.direction\r\n                            ? !1\r\n                            : !0\r\n                        : !1;\r\n                }),\r\n                (d.getTarget = function (a) {\r\n                    return (d.direction = a), \"next\" === a ? (d.currentSlide === d.last ? 0 : d.currentSlide + 1) : 0 === d.currentSlide ? d.last : d.currentSlide - 1;\r\n                }),\r\n                (d.setProps = function (a, b, c) {\r\n                    var e = (function () {\r\n                        var c = a ? a : (d.itemW + d.vars.itemMargin) * d.move * d.animatingTo,\r\n                            e = (function () {\r\n                                if (m) return \"setTouch\" === b ? a : l && d.animatingTo === d.last ? 0 : l ? d.limit - (d.itemW + d.vars.itemMargin) * d.move * d.animatingTo : d.animatingTo === d.last ? d.limit : c;\r\n                                switch (b) {\r\n                                    case \"setTotal\":\r\n                                        return l ? (d.count - 1 - d.currentSlide + d.cloneOffset) * a : (d.currentSlide + d.cloneOffset) * a;\r\n                                    case \"setTouch\":\r\n                                        return l ? a : a;\r\n                                    case \"jumpEnd\":\r\n                                        return l ? a : d.count * a;\r\n                                    case \"jumpStart\":\r\n                                        return l ? d.count * a : a;\r\n                                    default:\r\n                                        return a;\r\n                                }\r\n                            })();\r\n                        return -1 * e + \"px\";\r\n                    })();\r\n                    d.transitions &&\r\n                        ((e = k ? \"translate3d(0,\" + e + \",0)\" : \"translate3d(\" + e + \",0,0)\"), (c = void 0 !== c ? c \/ 1e3 + \"s\" : \"0s\"), d.container.css(\"-\" + d.pfx + \"-transition-duration\", c), d.container.css(\"transition-duration\", c)),\r\n                        (d.args[d.prop] = e),\r\n                        (d.transitions || void 0 === c) && d.container.css(d.args),\r\n                        d.container.css(\"transform\", e);\r\n                }),\r\n                (d.setup = function (b) {\r\n                    if (n)\r\n                        d.slides.css({ width: \"100%\", float: \"left\", marginRight: \"-100%\", position: \"relative\" }),\r\n                            \"init\" === b &&\r\n                                (g\r\n                                    ? d.slides\r\n                                        .css({ opacity: 0, display: \"block\", webkitTransition: \"opacity \" + d.vars.animationSpeed \/ 1e3 + \"s ease\", zIndex: 1 })\r\n                                        .eq(d.currentSlide)\r\n                                        .css({ opacity: 1, zIndex: 2 })\r\n                                    : d.slides.css({ opacity: 0, display: \"block\", zIndex: 1 }).eq(d.currentSlide).css({ zIndex: 2 }).animate({ opacity: 1 }, d.vars.animationSpeed, d.vars.easing)),\r\n                            d.vars.smoothHeight && p.smoothHeight();\r\n                    else {\r\n                        var c, f;\r\n                        \"init\" === b &&\r\n                            ((d.viewport = a('<div class=\"' + e + 'viewport\"><\/div>')\r\n                                .css({ overflow: \"hidden\", position: \"relative\" })\r\n                                .appendTo(d)\r\n                                .append(d.container)),\r\n                            (d.cloneCount = 0),\r\n                            (d.cloneOffset = 0),\r\n                            l && ((f = a.makeArray(d.slides).reverse()), (d.slides = a(f)), d.container.empty().append(d.slides))),\r\n                            d.vars.animationLoop &&\r\n                                !m &&\r\n                                ((d.cloneCount = 2),\r\n                                (d.cloneOffset = 1),\r\n                                \"init\" !== b && d.container.find(\".clone\").remove(),\r\n                                p.uniqueID(d.slides.first().clone().addClass(\"clone\").attr(\"aria-hidden\", \"true\")).appendTo(d.container),\r\n                                p.uniqueID(d.slides.last().clone().addClass(\"clone\").attr(\"aria-hidden\", \"true\")).prependTo(d.container)),\r\n                            (d.newSlides = a(d.vars.selector, d)),\r\n                            (c = l ? d.count - 1 - d.currentSlide + d.cloneOffset : d.currentSlide + d.cloneOffset),\r\n                            k && !m\r\n                                ? (d.container\r\n                                    .height(200 * (d.count + d.cloneCount) + \"%\")\r\n                                    .css(\"position\", \"absolute\")\r\n                                    .width(\"100%\"),\r\n                                setTimeout(\r\n                                    function () {\r\n                                        d.newSlides.css({ display: \"block\" }), d.doMath(), d.viewport.height(d.h), d.setProps(c * d.h, \"init\");\r\n                                    },\r\n                                    \"init\" === b ? 100 : 0\r\n                                ))\r\n                                : (d.container.width(200 * (d.count + d.cloneCount) + \"%\"),\r\n                                d.setProps(c * d.computedW, \"init\"),\r\n                                setTimeout(\r\n                                    function () {\r\n                                        d.doMath(), d.newSlides.css({ width: d.computedW, float: \"left\", display: \"block\" }), d.vars.smoothHeight && p.smoothHeight();\r\n                                    },\r\n                                    \"init\" === b ? 100 : 0\r\n                                ));\r\n                    }\r\n                    m ||\r\n                        d.slides\r\n                            .removeClass(e + \"active-slide\")\r\n                            .eq(d.currentSlide)\r\n                            .addClass(e + \"active-slide\"),\r\n                        d.vars.init(d);\r\n                }),\r\n                (d.doMath = function () {\r\n                    var a = d.slides.first(),\r\n                        b = d.vars.itemMargin,\r\n                        c = d.vars.minItems,\r\n                        e = d.vars.maxItems;\r\n                    (d.w = void 0 === d.viewport ? d.width() : d.viewport.width()),\r\n                        (d.h = a.height()),\r\n                        (d.boxPadding = a.outerWidth() - a.width()),\r\n                        m\r\n                            ? ((d.itemT = d.vars.itemWidth + b),\r\n                            (d.minW = c ? c * d.itemT : d.w),\r\n                            (d.maxW = e ? e * d.itemT - b : d.w),\r\n                            (d.itemW = d.minW > d.w ? (d.w - b * (c - 1)) \/ c : d.maxW < d.w ? (d.w - b * (e - 1)) \/ e : d.vars.itemWidth > d.w ? d.w : d.vars.itemWidth),\r\n                            (d.visible = Math.floor(d.w \/ d.itemW)),\r\n                            (d.move = d.vars.move > 0 && d.vars.move < d.visible ? d.vars.move : d.visible),\r\n                            (d.pagingCount = Math.ceil((d.count - d.visible) \/ d.move + 1)),\r\n                            (d.last = d.pagingCount - 1),\r\n                            (d.limit = 1 === d.pagingCount ? 0 : d.vars.itemWidth > d.w ? d.itemW * (d.count - 1) + b * (d.count - 1) : (d.itemW + b) * d.count - d.w - b))\r\n                            : ((d.itemW = d.w), (d.pagingCount = d.count), (d.last = d.count - 1)),\r\n                        (d.computedW = d.itemW - d.boxPadding);\r\n                }),\r\n                (d.update = function (a, b) {\r\n                    d.doMath(),\r\n                        m || (a < d.currentSlide ? (d.currentSlide += 1) : a <= d.currentSlide && 0 !== a && (d.currentSlide -= 1), (d.animatingTo = d.currentSlide)),\r\n                        d.vars.controlNav &&\r\n                            !d.manualControls &&\r\n                            ((\"add\" === b && !m) || d.pagingCount > d.controlNav.length\r\n                                ? p.controlNav.update(\"add\")\r\n                                : ((\"remove\" === b && !m) || d.pagingCount < d.controlNav.length) && (m && d.currentSlide > d.last && ((d.currentSlide -= 1), (d.animatingTo -= 1)), p.controlNav.update(\"remove\", d.last))),\r\n                        d.vars.directionNav && p.directionNav.update();\r\n                }),\r\n                (d.addSlide = function (b, c) {\r\n                    var e = a(b);\r\n                    (d.count += 1),\r\n                        (d.last = d.count - 1),\r\n                        k && l ? (void 0 !== c ? d.slides.eq(d.count - c).after(e) : d.container.prepend(e)) : void 0 !== c ? d.slides.eq(c).before(e) : d.container.append(e),\r\n                        d.update(c, \"add\"),\r\n                        (d.slides = a(d.vars.selector + \":not(.clone)\", d)),\r\n                        d.setup(),\r\n                        d.vars.added(d);\r\n                }),\r\n                (d.removeSlide = function (b) {\r\n                    var c = isNaN(b) ? d.slides.index(a(b)) : b;\r\n                    (d.count -= 1),\r\n                        (d.last = d.count - 1),\r\n                        isNaN(b) ? a(b, d.slides).remove() : k && l ? d.slides.eq(d.last).remove() : d.slides.eq(b).remove(),\r\n                        d.doMath(),\r\n                        d.update(c, \"remove\"),\r\n                        (d.slides = a(d.vars.selector + \":not(.clone)\", d)),\r\n                        d.setup(),\r\n                        d.vars.removed(d);\r\n                }),\r\n                p.init();\r\n        }),\r\n            a(window)\r\n                .blur(function () {\r\n                    focused = !1;\r\n                })\r\n                .focus(function () {\r\n                    focused = !0;\r\n                }),\r\n            (a.flexslider.defaults = {\r\n                namespace: \"flex-\",\r\n                selector: \".slides > li\",\r\n                animation: \"fade\",\r\n                easing: \"swing\",\r\n                direction: \"horizontal\",\r\n                reverse: !1,\r\n                animationLoop: !0,\r\n                smoothHeight: !1,\r\n                startAt: 0,\r\n                slideshow: !0,\r\n                slideshowSpeed: 7e3,\r\n                animationSpeed: 600,\r\n                initDelay: 0,\r\n                randomize: !1,\r\n                thumbCaptions: !1,\r\n                pauseOnAction: !0,\r\n                pauseOnHover: !1,\r\n                pauseInvisible: !0,\r\n                useCSS: !0,\r\n                touch: !0,\r\n                video: !1,\r\n                controlNav: !0,\r\n                directionNav: !0,\r\n                prevText: \"Previous\",\r\n                nextText: \"Next\",\r\n                keyboard: !0,\r\n                multipleKeyboard: !1,\r\n                mousewheel: !1,\r\n                pausePlay: !1,\r\n                pauseText: \"Pause\",\r\n                playText: \"Play\",\r\n                controlsContainer: \"\",\r\n                manualControls: \"\",\r\n                sync: \"\",\r\n                asNavFor: \"\",\r\n                itemWidth: 0,\r\n                itemMargin: 0,\r\n                minItems: 1,\r\n                maxItems: 0,\r\n                move: 0,\r\n                allowOneSlide: !0,\r\n                start: function () {},\r\n                before: function () {},\r\n                after: function () {},\r\n                end: function () {},\r\n                added: function () {},\r\n                removed: function () {},\r\n                init: function () {},\r\n            }),\r\n            (a.fn.flexslider = function (b) {\r\n                if ((void 0 === b && (b = {}), \"object\" == typeof b))\r\n                    return this.each(function () {\r\n                        var c = a(this),\r\n                            d = b.selector ? b.selector : \".slides > li\",\r\n                            e = c.find(d);\r\n                        (1 === e.length && b.allowOneSlide === !0) || 0 === e.length ? (e.fadeIn(400), b.start && b.start(c)) : void 0 === c.data(\"flexslider\") && new a.flexslider(this, b);\r\n                    });\r\n                var c = a(this).data(\"flexslider\");\r\n                switch (b) {\r\n                    case \"play\":\r\n                        c.play();\r\n                        break;\r\n                    case \"pause\":\r\n                        c.pause();\r\n                        break;\r\n                    case \"stop\":\r\n                        c.stop();\r\n                        break;\r\n                    case \"next\":\r\n                        c.flexAnimate(c.getTarget(\"next\"), !0);\r\n                        break;\r\n                    case \"prev\":\r\n                    case \"previous\":\r\n                        c.flexAnimate(c.getTarget(\"prev\"), !0);\r\n                        break;\r\n                    default:\r\n                        \"number\" == typeof b && c.flexAnimate(b, !0);\r\n                }\r\n            });\r\n    })(jQuery);\r\n<\/script>\r\n<script>\r\n    var SLWIDTHR = jQuery('.SLWIDTHR_1').val();\r\n    var SLHEIGHTR = jQuery('.SLHEIGHTR_1').val();\r\n    jQuery('#RW_Load_Content_Navigation1').css('max-height', jQuery(\r\n        '#RW_Load_Content_Navigation1').width() * SLHEIGHTR \/ SLWIDTHR);\r\n    jQuery(window).resize(function() {\r\n        jQuery('#RW_Load_Content_Navigation1').css('max-height', jQuery(\r\n            '#RW_Load_Content_Navigation1').width() * SLHEIGHTR \/ SLWIDTHR);\r\n    })\r\n    var array_nav1 = [];\r\n    jQuery(\".IMHR1\").each(function() {\r\n        if (jQuery(this).attr(\"src\") != \"\") {\r\n            array_nav1.push(jQuery(this).attr(\"src\"));\r\n        }\r\n    })\r\n    var y_nav1 = 0;\r\n    for (i = 0; i < array_nav1.length; i++) {\r\n        jQuery(\"<img class='IMHR1' \/>\").attr('src', array_nav1[i])\r\n            .on(\"load\", function() {\r\n                y_nav1++;\r\n                if (y_nav1 == array_nav1.length) {\r\n                    jQuery(\"#rich_webSlider1_1\").css(\"display\", \"block\");\r\n                    jQuery(\"#RW_Load_Content_Navigation1\").remove();\r\n                    jQuery('#rich_webSlider1_1 .flexslider').flexslider({\r\n                        slideshow: true,\r\n                        slideshowSpeed: 3000,\r\n                        pauseOnHover: false,\r\n                        start: renderPreview, \/\/render preview on start\r\n                        before: renderPreview \/\/render preview before moving to the next slide\r\n                    });\r\n                    var y1 = true;\r\n                    function renderPreview(slider) {\r\n                        var sl = jQuery(slider);\r\n                        var prevWrapper = sl.find('.flex-prev');\r\n                        var nextWrapper = sl.find('.flex-next');\r\n                        \/\/calculate the prev and curr slide based on current slide\r\n                        var curr = slider.animatingTo;\r\n                        var prev = (curr == 0) ? slider.count - 1 : curr - 1;\r\n                        var next = (curr == slider.count - 1) ? 0 : curr + 1;\r\n                        \/\/add prev and next slide details into the directional nav\r\n                        prevWrapper.find('.preview, .arrow').remove();\r\n                        nextWrapper.find('.preview, .arrow').remove();\r\n                        prevWrapper.append(grabContent(sl.find('li:eq(' + prev + ') img')));\r\n                        nextWrapper.append(grabContent(sl.find('li:eq(' + next + ') img')));\r\n                        resp();\r\n                        var delIc1 = document.querySelector(\r\n                            \".delIc1\");\r\n                        delIc1.onclick = delVideo1;\r\n                        function delVideo1() {\r\n                            document.querySelector('.flexslider_1 ol').style.display =\r\n                                \"block\";\r\n                            document.querySelector('.flex-direction-nav').style.display = \"block\";\r\n                            var videos = document.querySelectorAll('.rw_nav_video1');\r\n                            for (var j = 0; j < videos.length; j++) {\r\n                                videos[j].setAttribute('src', '');\r\n                                videos[j].classList.remove(\"rw_nav_video1_anim\");\r\n                            }\r\n                            delIc1.style.display = \"none\";\r\n                        }\r\n                        prevWrapper.click(function() {\r\n                            delVideo1()\r\n                        })\r\n                        nextWrapper.click(function() {\r\n                            delVideo1()\r\n                        })\r\n                    }\r\n                    \/\/ grab the data and render in HTML\r\n                    function grabContent(img) {\r\n                        var tn = img.data('thumbnail');\r\n                        var alt = img.prop('alt');\r\n                        var html = '';\r\n                        \/\/you can edit this markup to your own needs, but make sure you style it up accordingly\r\n                        html = '<div class=\"arrow\"><\/div><div class=\"preview\"><img decoding=\"async\" src=\"' + tn +\r\n                            '\" alt=\"\" \/><div class=\"alt\">' + alt + '<\/div><\/div>';\r\n                        return html;\r\n                        resp();\r\n                    }\r\n                    var count = 0;\r\n                    resp();\r\n                    function resp() {\r\n                        var SLWIDTHR = jQuery('.SLWIDTHR_1').val();\r\n                        var SLHEIGHTR = jQuery('.SLHEIGHTR_1').val();\r\n                        var SLCLWR = jQuery('.SLCLWR_1').val();\r\n                        var SlClPrFS = jQuery('.SlClPrFS_1').val();\r\n                        var hovEffType = jQuery('.hovEffType_1').val();\r\n                        var navWidth = jQuery('.navWidth_1').val();\r\n                        var navHeight = jQuery('.navHeight_1').val();\r\n                        var navType = jQuery('.navType_1').val();\r\n                        jQuery(\r\n                                '.flexslider_1,#RW_Load_Content1')\r\n                            .css('height', Math.floor(jQuery('.flexslider_1').width() *\r\n                                SLHEIGHTR \/ SLWIDTHR));\r\n                        jQuery('.flexslider_1 .flex-direction-nav .flex-next').css(\r\n                            'height', Math.floor(SLCLWR * jQuery('.flexslider_1')\r\n                                .width() \/ 700));\r\n                        jQuery('.flexslider_1 .flex-direction-nav .flex-prev').css(\r\n                            'height', Math.floor(SLCLWR * jQuery('.flexslider_1')\r\n                                .width() \/ 700));\r\n                        jQuery('.flexslider_1 .flex-direction-nav .flex-next').css('width',\r\n                            Math.floor(SLCLWR * jQuery('.flexslider_1').width() \/ 700));\r\n                        jQuery('.flexslider_1 .flex-direction-nav .flex-prev').css('width',\r\n                            Math.floor(SLCLWR * jQuery('.flexslider_1').width() \/ 700));\r\n                        jQuery('.flexslider_1 .flex-direction-nav').css('height', Math\r\n                            .floor(SLCLWR * jQuery('.flexslider_1').width() \/ 700));\r\n                        jQuery('.flexslider_1 .flex-direction-nav a .preview').css('width',\r\n                            Math.floor(SLCLWR * jQuery('.flexslider_1').width() \/ 700));\r\n                        jQuery('.flexslider_1 .flex-direction-nav .arrow').css('width',\r\n                            Math.floor(SLCLWR * jQuery('.flexslider_1').width() \/ 700));\r\n                        jQuery('.flexslider_1 .flex-direction-nav .flex-next .preview img')\r\n                            .css('width', Math.floor(SLCLWR * jQuery('.flexslider_1')\r\n                                .width() \/ 700));\r\n                        jQuery('.flexslider_1 .flex-direction-nav .flex-prev .preview img')\r\n                            .css('width', Math.floor(SLCLWR * jQuery('.flexslider_1')\r\n                                .width() \/ 700));\r\n                        jQuery('.flexslider_1 .flex-control-paging li a').css('width', Math\r\n                            .floor(navWidth * jQuery('.flexslider_1').width() \/ 700));\r\n                        jQuery('.flexslider_1 .flex-control-paging li a').css('height',\r\n                            Math.floor(navHeight * jQuery('.flexslider_1').width() \/\r\n                                700));\r\n                        if (navType == 'bottom') {\r\n                            jQuery('.flexslider_1 .flex-control-nav li').css('margin-top',\r\n                                Math.floor(35 \/ jQuery(\r\n                                        '.flexslider_1 .flex-control-paging li a')\r\n                                    .width()));\r\n                        } else if (navType == 'top') {\r\n                            jQuery('.flexslider_1 .flex-control-nav li').css('margin-top',\r\n                                '14px');\r\n                        }\r\n                        if (hovEffType == 'slide out') {\r\n                            jQuery(\r\n                                    '.flexslider_1 .flex-direction-nav .flex-next .preview img')\r\n                                .css('right', Math.floor(SLCLWR * jQuery('.flexslider_1')\r\n                                    .width() \/ 700) + 'px');\r\n                            jQuery(\r\n                                    '.flexslider_1 .flex-direction-nav .flex-prev .preview img')\r\n                                .css('left', Math.floor(SLCLWR * jQuery('.flexslider_1')\r\n                                    .width() \/ 700) + 'px');\r\n                            jQuery(\r\n                                    '.flexslider_1 .flex-direction-nav .flex-next .preview .alt')\r\n                                .css('right', Math.floor(2 * SLCLWR * jQuery(\r\n                                    '.flexslider_1').width() \/ 700) - 1 + 'px');\r\n                            jQuery(\r\n                                    '.flexslider_1 .flex-direction-nav .flex-prev .preview .alt')\r\n                                .css('left', Math.floor(2 * SLCLWR * jQuery(\r\n                                    '.flexslider_1').width() \/ 700) - 2 + 'px');\r\n                        } else if (hovEffType == 'flip out' || hovEffType == 'double flip out') {\r\n                            jQuery('.flexslider_1 .flex-direction-nav .flex-next .preview')\r\n                                .css('right', Math.floor(SLCLWR * jQuery('.flexslider_1')\r\n                                    .width() \/ 700));\r\n                            jQuery('.flexslider_1 .flex-direction-nav .flex-prev .preview')\r\n                                .css('left', Math.floor(SLCLWR * jQuery('.flexslider_1')\r\n                                    .width() \/ 700));\r\n                            jQuery(\r\n                                    '.flexslider_1 .flex-direction-nav .flex-next .preview .alt')\r\n                                .css('right', Math.floor(SLCLWR * jQuery('.flexslider_1')\r\n                                    .width() \/ 700));\r\n                            jQuery(\r\n                                    '.flexslider_1 .flex-direction-nav .flex-prev .preview .alt')\r\n                                .css('left', Math.floor(SLCLWR * jQuery('.flexslider_1')\r\n                                    .width() \/ 700));\r\n                        } else if (hovEffType == 'both ways') {\r\n                            jQuery(\r\n                                    '.flexslider_1 .flex-direction-nav .flex-next .preview .alt')\r\n                                .css('left', '-50px');\r\n                            jQuery(\r\n                                    '.flexslider_1 .flex-direction-nav .flex-prev .preview .alt')\r\n                                .css('left', '50px');\r\n                        }\r\n                        jQuery(\r\n                                '.flexslider_1 .flex-direction-nav .flex-next .preview .alt')\r\n                            .css('width', Math.floor(2 * SLCLWR * jQuery('.flexslider_1')\r\n                                .width() \/ 700) + 'px');\r\n                        jQuery(\r\n                                '.flexslider_1 .flex-direction-nav .flex-prev .preview .alt')\r\n                            .css('width', Math.floor(2 * SLCLWR * jQuery('.flexslider_1')\r\n                                .width() \/ 700) + 'px');\r\n                        jQuery(\r\n                                '.flexslider_1 .flex-direction-nav .flex-next .preview .alt')\r\n                            .css('font-size', Math.floor(SlClPrFS * jQuery('.flexslider_1')\r\n                                .width() \/ 700) + 'px');\r\n                        jQuery(\r\n                                '.flexslider_1 .flex-direction-nav .flex-prev .preview .alt')\r\n                            .css('font-size', Math.floor(SlClPrFS * jQuery('.flexslider_1')\r\n                                .width() \/ 700) + 'px');\r\n                        jQuery(\r\n                                '.flexslider_1 .flex-direction-nav .flex-next .preview .alt')\r\n                            .css('line-height', Math.floor(SLCLWR * jQuery('.flexslider_1')\r\n                                .width() \/ 700) + 'px');\r\n                        jQuery(\r\n                                '.flexslider_1 .flex-direction-nav .flex-prev .preview .alt')\r\n                            .css('line-height', Math.floor(SLCLWR * jQuery('.flexslider_1')\r\n                                .width() \/ 700) + 'px');\r\n                        if (jQuery('.flexslider_1').width() <= 400) {\r\n                            jQuery('.flex-control-nav').css('display', 'none');\r\n                        } else {\r\n                            jQuery('.flex-control-nav').css('display', 'block');\r\n                        }\r\n                    }\r\n                    jQuery(window).resize(function() {\r\n                        resp();\r\n                    })\r\n                }\r\n            })\r\n    }\r\n<\/script>\r\n<script type=\"text\/javascript\">\r\n    jQuery(document).ready(function() {\r\n        jQuery(\".Sl_Link_Url\").click(function(event) {\r\n            if (!jQuery(this).attr('href')) event.preventDefault();\r\n        });\r\n    });\r\n    function rw_nav_video_cl1(src, el) {\r\n        el.children[1].setAttribute('src', src + '?rel=0&amp;autoplay=1');\r\n        el.children[1].classList.add(\"rw_nav_video1_anim\");\r\n        document.querySelector('.flexslider_1 ol').style.display = \"none\";\r\n        document.querySelector('.flex-direction-nav').style.display = \"none\";\r\n        setTimeout(function() {\r\n            document.querySelector('.delIc1').style.display = \"inline-block\";\r\n        }, 1000)\r\n    }\r\n    var delIc1 = document.querySelector(\".delIc1\");\r\n    delIc1.onclick = delVideo1;\r\n    function delVideo1() {\r\n        document.querySelector('.flexslider_1 ol').style.display = \"block\";\r\n        document.querySelector('.flex-direction-nav').style.display = \"block\";\r\n        var videos = document.querySelectorAll('.rw_nav_video1');\r\n        for (var j = 0; j < videos.length; j++) {\r\n            videos[j].setAttribute('src', '');\r\n            videos[j].classList.remove(\"rw_nav_video1_anim\");\r\n        }\r\n        delIc1.style.display = \"none\";\r\n    }\r\n<\/script><\/div><\/div><\/section><section class=\"container\"><div class=\"row-wrapper-x\"><section class=\"wpb_row  \"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"wpb_wrapper\"><hr class=\"vertical-space2\">\n\t<div class=\"wpb_text_column wpb_content_element \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<div class=\"aligncenter\">\n<h1 class=\"slight\" style=\"font-weight: lighter;\">A passion for developing outdoor spaces<\/h1>\n<h4 class=\"slight\">Our expertise gained from more than a decade of designing, manufacturing and building outdoor areas<\/h4><\/div>\n\n\t\t<\/div>\n\t<\/div>\n<hr class=\"vertical-space1\"><\/div><\/div><\/section>\n<section class=\"wpb_row  \">\n<div class=\"wpb_column vc_column_container vc_col-sm-4\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><a href=\"https:\/\/awningsandcanopies.co.uk\/?page_id=4261\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4241\" src=\"https:\/\/awningsandcanopies.co.uk\/wp-content\/uploads\/2016\/07\/img1-1.jpg\" alt=\"Retractable Roof Systems | Awnings &amp; Canopies\" width=\"420\" height=\"280\"><\/a><h5 class=\"\"><strong>Retractable Roof Systems<\/strong><\/h5><p class=\"\"><\/p><a class=\"magicmore\" href=\"https:\/\/awningsandcanopies.co.uk\/?page_id=4261\">View More<\/a><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div>\n<div class=\"wpb_column vc_column_container vc_col-sm-4\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><a href=\"https:\/\/awningsandcanopies.co.uk\/?page_id=4931\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4242\" src=\"https:\/\/awningsandcanopies.co.uk\/wp-content\/uploads\/2016\/07\/img2-1.jpg\" alt=\"Bioclimatic Louvre Pergolas | Awnings &amp; Canopies\" width=\"420\" height=\"280\"><\/a><h5 class=\"\"><strong>Bioclimatic Louvre Pergolas<\/strong><\/h5><p class=\"\"><\/p><a class=\"magicmore\" href=\"https:\/\/awningsandcanopies.co.uk\/?page_id=4931\">View More<\/a><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div>\n<div class=\"wpb_column vc_column_container vc_col-sm-4\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><a href=\"https:\/\/awningsandcanopies.co.uk\/?page_id=4467\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4242\" src=\"https:\/\/awningsandcanopies.co.uk\/wp-content\/uploads\/2016\/07\/img3-1.jpg\" alt=\"Architectural Roof Systems | Awnings &amp; Canopies\" width=\"420\" height=\"280\"><\/a><h5 class=\"\"><strong>Architectural Roof Systems<\/strong><\/h5><p class=\"\"><\/p><a class=\"magicmore\" href=\"https:\/\/awningsandcanopies.co.uk\/?page_id=4467\">View More<\/a><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div>\n<\/section>\n<section class=\"wpb_row  \">\n<div class=\"wpb_column vc_column_container vc_col-sm-4\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><a href=\"https:\/\/awningsandcanopies.co.uk\/?page_id=4965\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4242\" src=\"https:\/\/awningsandcanopies.co.uk\/wp-content\/uploads\/2016\/07\/img4.jpg\" alt=\"Awnings | Awnings &amp; Canopies\" width=\"420\" height=\"280\"><\/a><h5 class=\"\"><strong>Awnings<\/strong><\/h5><p class=\"\"><\/p><a class=\"magicmore\" href=\"https:\/\/awningsandcanopies.co.uk\/?page_id=4965\">View More<\/a><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div>\n<div class=\"wpb_column vc_column_container vc_col-sm-4\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><a href=\"https:\/\/awningsandcanopies.co.uk\/?page_id=4533\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4243\" src=\"https:\/\/awningsandcanopies.co.uk\/wp-content\/uploads\/2016\/07\/img5.jpg\" alt=\"Retractable Roof Systems | Awnings &amp; Canopies\" width=\"420\" height=\"280\"><\/a><h5 class=\"\"><strong>Giant Umbrellas<\/strong><\/h5><p class=\"\"><\/p><a class=\"magicmore\" href=\"https:\/\/awningsandcanopies.co.uk\/?page_id=4533\">View More<\/a><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div>\n<div class=\"wpb_column vc_column_container vc_col-sm-4\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><a href=\"https:\/\/awningsandcanopies.co.uk\/?page_id=4268\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4243\" src=\"https:\/\/awningsandcanopies.co.uk\/wp-content\/uploads\/2016\/07\/img6.jpg\" alt=\"Sail Shade Solutions | Awnings and Canopies\" width=\"420\" height=\"280\"><\/a><h5 class=\"\"><strong>Sail Shade Solutions<\/strong><\/h5><p class=\"\"><\/p><a class=\"magicmore\" href=\"https:\/\/awningsandcanopies.co.uk\/?page_id=4268\">View More<\/a><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/section>\n<section class=\"wpb_row  \">\n<div class=\"wpb_column vc_column_container vc_col-sm-4\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><a href=\"https:\/\/awningsandcanopies.co.uk\/?page_id=4364\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4243\" src=\"https:\/\/awningsandcanopies.co.uk\/wp-content\/uploads\/2016\/07\/img7.jpg\" alt=\"Terrace Screens | Awnings and Canopies\" width=\"420\" height=\"280\"><\/a><h5 class=\"\"><strong>Terrace Screens<\/strong><\/h5><p class=\"\"><\/p><a class=\"magicmore\" href=\"https:\/\/awningsandcanopies.co.uk\/?page_id=4364\">View More<\/a><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div>\n<div class=\"wpb_column vc_column_container vc_col-sm-4\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><a href=\"https:\/\/awningsandcanopies.co.uk\/?page_id=4372\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4243\" src=\"https:\/\/awningsandcanopies.co.uk\/wp-content\/uploads\/2016\/07\/img8.jpg\" alt=\"Glass Rooms | Awnings and Canopies\" width=\"420\" height=\"280\"><\/a><h5 class=\"\"><strong>Glass Rooms<\/strong><\/h5><p class=\"\"><\/p><a class=\"magicmore\" href=\"https:\/\/awningsandcanopies.co.uk\/?page_id=4372\">View More<\/a><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div>\n<div class=\"wpb_column vc_column_container vc_col-sm-4\"><div class=\"wpb_wrapper\">\n\t<div class=\"wpb_text_column wpb_content_element \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><a href=\"https:\/\/awningsandcanopies.co.uk\/?page_id=4362\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-4243\" src=\"https:\/\/awningsandcanopies.co.uk\/wp-content\/uploads\/2016\/07\/img9.jpg\" alt=\"Pagodas and Canopies | Awnings and Canopies\" width=\"420\" height=\"280\"><\/a><h5 class=\"\"><strong>Pagodas and Canopies<\/strong><\/h5><p class=\"\"><\/p><a class=\"magicmore\" href=\"https:\/\/awningsandcanopies.co.uk\/?page_id=4362\">View More<\/a><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/section>\n<p>Here at Awnings and Canopies you\u2019ll find a variety of top-of-the-range retractable roof systems, commercial awnings, giant umbrellas and more. We have a passion for developing outdoor spaces and whether used for personal or commercial purposes, our awnings and canopies are effectively designed to enhance your enjoyment of the outdoors.<\/p>\n<p>Awnings are a wall or frame-mounted mechanism that provide weather protection (be-it shade from the sun or a dry area when rain is falling). Also, when used commercially, they\u2019re a fantastic branding opportunity as you can use company logos, designs and lettering on them to really make your commercial awnings stand out and let people know who you are. Discover more about our Retractable Roof Systems and Giant Umbrellas today\u2026<\/p>\n<p>Our retractable roof systems and commercial awnings are useable all year round, through each of the four seasons. They\u2019re 100% waterproof to shelter you from torrential downpours but can also provide shade when the sun is beaming down. These systems are manufactured using only the highest grade of materials which, consequently, means that the need for maintenance is minimal.<\/p>\n<p>To find out more about any of our retractable roof systems, giant umbrellas or commercial awnings, browse through our website and see what takes your fancy. We have a wide range of products that will benefit your outdoor area immensely. If you have an enquiry to make or a question to ask, please contact us by either sending an e-mail to <a href=\"mailto:info@awningsandcanopies.co.uk\">info@awningsandcanopies.co.uk<\/a>, giving us a call on <a href=\"tel:07546343499\">07546343499<\/a> or you can fill out our <a href=\"https:\/\/awningsandcanopies.co.uk\/contact-us\/\">contact form<\/a> and we\u2019ll get back in touch with you as soon as we can.<\/p>\n<\/div><\/section><section  class=\"parallax-sec  blox aligncenter  bluebox promoblox \" style=\" padding-top:px; padding-bottom:px;  background: url('https:\/\/awningsandcanopies.co.uk\/wp-content\/uploads\/2013\/11\/help-block1.jpg') no-repeat center; background-size: cover; min-height:px; \" data-stellar-background-ratio=\"0.6\"><div class=\"max-overlay\" style=\"background-color:\"><\/div><div data-stellar-ratio=\"1\" class=\"wpb_row vc_row-fluid \"><div class=\"container\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"wpb_wrapper\"><div class=\"vc_empty_space\"  style=\"height: 80px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n<div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-12\"><div class=\"wpb_wrapper\">\n\n\t<div class=\"wpb_text_column wpb_content_element \">\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t<p><h1 class=\"mex-title\">OUR SERVICES<\/h1><h5 class=\"\">With a range of services from enquiry through to after sale support along with our diverse range of products, capacity to explore bespoke systems to meet requirements and national coverage &#8211; A&amp;C is your one -stop shop outdoor solutions partner.<\/h5><\/p>\n\n\t\t<\/div>\n\t<\/div>\n<\/div><\/div><\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-4\"><div class=\"wpb_wrapper\"><article class=\"icon-box6\" ><a target=\"_self\" href=\"https:\/\/awningsandcanopies.co.uk\/?page_id=5557\"><i class=\"li_diamond\" style=\"\"><\/i><\/a><h4>Design and Survey<\/h4><p>The team is fully trained on the entire product range and we are fully equipped to carry out any site surveys for you<\/p><a target=\"_self\"  class=\"magicmore\" href=\"https:\/\/awningsandcanopies.co.uk\/?page_id=5557\">Learn more<\/a><\/article><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-4\"><div class=\"wpb_wrapper\"><article class=\"icon-box6\" ><a target=\"_self\" href=\"https:\/\/awningsandcanopies.co.uk\/?page_id=5557\"><i class=\"li_params\" style=\"\"><\/i><\/a><h4>Repair and Maintenance<\/h4><p>We can repair and refurbish most of the products around and have access to procure the parts of most of the products .<\/p><a target=\"_self\"  class=\"magicmore\" href=\"https:\/\/awningsandcanopies.co.uk\/?page_id=5557\">Learn more<\/a><\/article><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-4\"><div class=\"wpb_wrapper\"><article class=\"icon-box6\" ><a target=\"_self\" href=\"https:\/\/awningsandcanopies.co.uk\/?page_id=5557\"><i class=\"li_sound\" style=\"\"><\/i><\/a><h4>National Coverage<\/h4><p>Strategically based in the South West we cover the whole of the UK thereby making it easier to be your outdoor solutions partner<\/p><a target=\"_self\"  class=\"magicmore\" href=\"https:\/\/awningsandcanopies.co.uk\/?page_id=5557\">Learn more<\/a><\/article><\/div><\/div><\/div><div class=\"vc_row wpb_row vc_inner vc_row-fluid\"><div class=\"wpb_column vc_column_container vc_col-sm-4\"><div class=\"wpb_wrapper\"><article class=\"icon-box6\" ><a target=\"_self\" href=\"https:\/\/awningsandcanopies.co.uk\/?page_id=5557\"><i class=\"li_settings\" style=\"\"><\/i><\/a><h4>Installation<\/h4><p>In order to maintain our high standards we install all our products just so that we can be satisfied with the work and confirm<\/p><a target=\"_self\"  class=\"magicmore\" href=\"https:\/\/awningsandcanopies.co.uk\/?page_id=5557\">Learn more<\/a><\/article><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-4\"><div class=\"wpb_wrapper\"><article class=\"icon-box6\" ><a target=\"_self\" href=\"https:\/\/awningsandcanopies.co.uk\/?page_id=5557\"><i class=\"li_eye\" style=\"\"><\/i><\/a><h4>Planning<\/h4><p>Most of our products require planning and we always advise clients that it is best tocheck with the council prior to making<\/p><a target=\"_self\"  class=\"magicmore\" href=\"https:\/\/awningsandcanopies.co.uk\/?page_id=5557\">Learn more<\/a><\/article><\/div><\/div><div class=\"wpb_column vc_column_container vc_col-sm-4\"><div class=\"wpb_wrapper\"><article class=\"icon-box6\" ><a target=\"_self\" href=\"https:\/\/awningsandcanopies.co.uk\/?page_id=5557\"><i class=\"li_banknote\" style=\"\"><\/i><\/a><h4>Finance Options<\/h4><p>We can put you in touch with one of our finance partners whom we work with closely and authorised and regulated to provide<\/p><a target=\"_self\"  class=\"magicmore\" href=\"https:\/\/awningsandcanopies.co.uk\/?page_id=5557\">Learn more<\/a><\/article><\/div><\/div><\/div><div class=\"clear\"><\/div><div class=\"vc_empty_space\"  style=\"height: 80px\" ><span class=\"vc_empty_space_inner\"><\/span><\/div>\n<\/div><\/div><\/div><\/div><\/section><section class=\"container\"><div class=\"row-wrapper-x\">\n","protected":false},"excerpt":{"rendered":"<p>Here at Awnings and Canopies you\u2019ll find a variety of top-of-the-range retractable roof systems, commercial awnings, giant umbrellas and more. We have a passion for developing outdoor spaces and whether used for personal or commercial purposes, our awnings and canopies are effectively designed to enhance your enjoyment of the outdoors. Awnings are a wall or frame-mounted mechanism that provide weather protection (be-it shade from the&#8230; <\/p>\n<p><a class=\"readmore\" href=\"https:\/\/awningsandcanopies.co.uk\/\">Read More<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-332","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Retractable Roof Systems UK | Commercial Awnings &amp; Giant Umbrellas | Awnings &amp; Canopies<\/title>\n<meta name=\"description\" content=\"Offering a range of Retractable Roof Systems, Commercial Awnings and Giant Umbrellas, Awnings &amp; Canopies have a passion for developing outdoor areas\u2026\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/awningsandcanopies.co.uk\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Retractable Roof Systems UK | Commercial Awnings &amp; Giant Umbrellas | Awnings &amp; Canopies\" \/>\n<meta property=\"og:description\" content=\"Offering a range of Retractable Roof Systems, Commercial Awnings and Giant Umbrellas, Awnings &amp; Canopies have a passion for developing outdoor areas\u2026\" \/>\n<meta property=\"og:url\" content=\"https:\/\/awningsandcanopies.co.uk\/\" \/>\n<meta property=\"og:site_name\" content=\"Awnings &amp; Canopies\" \/>\n<meta property=\"article:modified_time\" content=\"2019-11-24T15:54:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/awningsandcanopies.co.uk\/wp-content\/uploads\/2016\/07\/img1-1.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/awningsandcanopies.co.uk\/\",\"url\":\"https:\/\/awningsandcanopies.co.uk\/\",\"name\":\"Retractable Roof Systems UK | Commercial Awnings & Giant Umbrellas | Awnings & Canopies\",\"isPartOf\":{\"@id\":\"https:\/\/awningsandcanopies.co.uk\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/awningsandcanopies.co.uk\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/awningsandcanopies.co.uk\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/awningsandcanopies.co.uk\/wp-content\/uploads\/2016\/07\/img1-1.jpg\",\"datePublished\":\"2013-11-28T21:19:45+00:00\",\"dateModified\":\"2019-11-24T15:54:31+00:00\",\"description\":\"Offering a range of Retractable Roof Systems, Commercial Awnings and Giant Umbrellas, Awnings & Canopies have a passion for developing outdoor areas\u2026\",\"breadcrumb\":{\"@id\":\"https:\/\/awningsandcanopies.co.uk\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/awningsandcanopies.co.uk\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/awningsandcanopies.co.uk\/#primaryimage\",\"url\":\"https:\/\/awningsandcanopies.co.uk\/wp-content\/uploads\/2016\/07\/img1-1.jpg\",\"contentUrl\":\"https:\/\/awningsandcanopies.co.uk\/wp-content\/uploads\/2016\/07\/img1-1.jpg\",\"width\":420,\"height\":280},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/awningsandcanopies.co.uk\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/awningsandcanopies.co.uk\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home 1 &#8211; Business\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/awningsandcanopies.co.uk\/#website\",\"url\":\"https:\/\/awningsandcanopies.co.uk\/\",\"name\":\"Awnings &amp; Canopies\",\"description\":\"Awnings &amp; Canopies\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/awningsandcanopies.co.uk\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Retractable Roof Systems UK | Commercial Awnings & Giant Umbrellas | Awnings & Canopies","description":"Offering a range of Retractable Roof Systems, Commercial Awnings and Giant Umbrellas, Awnings & Canopies have a passion for developing outdoor areas\u2026","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/awningsandcanopies.co.uk\/","og_locale":"en_US","og_type":"article","og_title":"Retractable Roof Systems UK | Commercial Awnings & Giant Umbrellas | Awnings & Canopies","og_description":"Offering a range of Retractable Roof Systems, Commercial Awnings and Giant Umbrellas, Awnings & Canopies have a passion for developing outdoor areas\u2026","og_url":"https:\/\/awningsandcanopies.co.uk\/","og_site_name":"Awnings &amp; Canopies","article_modified_time":"2019-11-24T15:54:31+00:00","og_image":[{"url":"https:\/\/awningsandcanopies.co.uk\/wp-content\/uploads\/2016\/07\/img1-1.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/awningsandcanopies.co.uk\/","url":"https:\/\/awningsandcanopies.co.uk\/","name":"Retractable Roof Systems UK | Commercial Awnings & Giant Umbrellas | Awnings & Canopies","isPartOf":{"@id":"https:\/\/awningsandcanopies.co.uk\/#website"},"primaryImageOfPage":{"@id":"https:\/\/awningsandcanopies.co.uk\/#primaryimage"},"image":{"@id":"https:\/\/awningsandcanopies.co.uk\/#primaryimage"},"thumbnailUrl":"https:\/\/awningsandcanopies.co.uk\/wp-content\/uploads\/2016\/07\/img1-1.jpg","datePublished":"2013-11-28T21:19:45+00:00","dateModified":"2019-11-24T15:54:31+00:00","description":"Offering a range of Retractable Roof Systems, Commercial Awnings and Giant Umbrellas, Awnings & Canopies have a passion for developing outdoor areas\u2026","breadcrumb":{"@id":"https:\/\/awningsandcanopies.co.uk\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/awningsandcanopies.co.uk\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/awningsandcanopies.co.uk\/#primaryimage","url":"https:\/\/awningsandcanopies.co.uk\/wp-content\/uploads\/2016\/07\/img1-1.jpg","contentUrl":"https:\/\/awningsandcanopies.co.uk\/wp-content\/uploads\/2016\/07\/img1-1.jpg","width":420,"height":280},{"@type":"BreadcrumbList","@id":"https:\/\/awningsandcanopies.co.uk\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/awningsandcanopies.co.uk\/"},{"@type":"ListItem","position":2,"name":"Home 1 &#8211; Business"}]},{"@type":"WebSite","@id":"https:\/\/awningsandcanopies.co.uk\/#website","url":"https:\/\/awningsandcanopies.co.uk\/","name":"Awnings &amp; Canopies","description":"Awnings &amp; Canopies","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/awningsandcanopies.co.uk\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/awningsandcanopies.co.uk\/wp-json\/wp\/v2\/pages\/332","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/awningsandcanopies.co.uk\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/awningsandcanopies.co.uk\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/awningsandcanopies.co.uk\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/awningsandcanopies.co.uk\/wp-json\/wp\/v2\/comments?post=332"}],"version-history":[{"count":112,"href":"https:\/\/awningsandcanopies.co.uk\/wp-json\/wp\/v2\/pages\/332\/revisions"}],"predecessor-version":[{"id":5867,"href":"https:\/\/awningsandcanopies.co.uk\/wp-json\/wp\/v2\/pages\/332\/revisions\/5867"}],"wp:attachment":[{"href":"https:\/\/awningsandcanopies.co.uk\/wp-json\/wp\/v2\/media?parent=332"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}