@charset "utf-8";

body{margin:0; padding:0; text-align:center; background:#FFFFFF;}
body img{border:none;}
body a img{border:none;max-width: 100%;}
body.bodyaccounts{background:none;}
body.bodycheckout{background:none;}
html{overflow:-moz-scrollbars-vertical;}
.floatleft{float:left;}
.floatright{float:right;}
.clearboth{clear:both;}
.spacer{height:10px; width:100%;}
.spacer2{height:20px; width:100%;}
.padding10px{padding:10px;}

/* CONTAINERS */

.dropdownwrap{width:100%; height:80px; background:#333333; float:left; text-align:center; margin:0; padding:0; display:none; position:relative; z-index:100;}
.dropdowncontainer{width:100%; max-width:1200px; height:auto; text-align:center; margin:0 auto; padding:0;}
#containerwrap{width:100%; float:left;}

header{width:100%; height:auto; background:#ffffff; text-align:center; margin:0 auto; padding:0; position:relative;}
header.Para{width:100%; height:auto; text-align:center; margin:0 auto; padding:0; position:fixed; background:#EEEEEE; z-index:5; opacity:0.9;}
.header{max-width:1200px; width:100%; height:auto; text-align:center; margin:0 auto; padding:0;}
.header_logo{width:30%; height:auto; float:left; text-align:center; margin:20px 0 12px 0; padding:0; max-width:300px;}
.header_logo img{width:100%;}
.header_content{width:auto; height:auto; float:right; text-align:center; margin:60px 2% 0 5%; padding:0;}
.header_openingTimes{width:auto; height:auto; float:right; text-align:right; margin:15px 50px 0 0; padding:0; font-family:'Roboto', sans-serif; font-size:15px; font-weight:600; text-transform:none; color:#333333;}
.header_openingTimes img{margin:-4px 5px 0 0; float:left;}
.header_Tel{width:auto; height:auto; float:right; text-align:right; margin:14px 5% 0 0; padding:0; font-family:'Open Sans', sans-serif; font-size:13px; font-weight:600; text-transform:none; color:#ffffff;}
.header_Tel span{font-weight:400;}
.header_Tel img{margin:-2px 5px 0 0; float:left;}
.header_search{width:100%; height:auto; float:right; text-align:right; margin:10px 0 0 0; padding:0;}
.header_mainnav{width:100%; height:50px; float:left; text-align:center; margin:0 0 20px 0; padding:0; background:#f5f5f5; border-bottom:2px solid #e6e6e6;}
.header_checkout{width:60%; height:auto; float:right; text-align:right; margin:65px 5% 0 5%; padding:0;}

.banner{width:100%; height:350px; text-align:center; margin:0 auto; padding:0; position:relative; display:block;}
.banner img{width:100%; height:300px;}
.bannerText{width:100%; height:auto; text-align:center; margin:0 auto; padding:0; display:block;}
.bannerText div{width:100%; height:auto; text-align:center; margin:-145px auto 0 auto; padding:0; position:absolute; z-index:100;}
.bannerText div p{width:100%; max-width:1000px; height:auto; text-align:center; margin:0 auto; padding:0; font-family:'Roboto', sans-serif; font-size:50px; font-weight:300; text-transform:uppercase; color:#FFFFFF;}
.bannerText div p strong{width:100%; height:auto; float:left; text-align:center; margin:0; padding:0; font-size:30px; font-weight:700; text-transform:none; color:#FFFFFF;}
.bannerWide{width:100%; height:350px; text-align:center; margin:0 auto; padding:0; position:relative; display:block;}

#maincontent{width:100%; max-width:1200px; height:auto; margin:0 auto; padding:0;}
#maincontentPara{width:100%; height:auto; margin:0 auto; padding:0;}

footer{width:100%; height:300px; background:#eeeeee; margin:30px auto 0; padding:60px 0 0 0; position:relative; display:block; border-top:10px solid #CEC6C6;}
.footer{width:100%; max-width:1200px; height:auto; text-align:center; margin:0 auto; padding:0;}
.footer_nav{width:19%; height:auto; float:left; margin:20px 1% 0 0; padding:0;}
.footer_nav span{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0 0 5px 0; font-size:15px; text-transform:uppercase; color:#000000; font-size:17px; font-family:'Open Sans', sans-serif;}
.footer_nav ul{width:100%; height:auto; float:left; margin:0; padding:10px 0 0 0;}
.footer_nav li{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0 0 5px 0; list-style-type:none; font-size:15px;font-family:'Open Sans', sans-serif;}
.footer_nav li a, .footer_nav li a:link, .footer_nav li a:visited{text-decoration:none; text-transform:uppercase; font-weight:400; color:#999999;}
.footer_nav li a:hover{text-decoration:none; text-transform:uppercase; font-weight:400; color:#000000;}
.footer_nav_Ecom{width:17%; height:auto; float:left; margin:20px 1% 0 0; padding:0;}
.footer_nav_Ecom span{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0 0 5px 0; font-size:15px; text-transform:uppercase; color:#000000; font-size:17px; font-family:'Open Sans', sans-serif;}
.footer_nav_Ecom ul{width:96%; height:auto; float:left; margin:0; padding:10px 0 0 4%;}
.footer_nav_Ecom li{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0 0 5px 0; list-style-type:none; font-family:'Roboto', sans-serif; font-size:11px;}
.footer_nav_Ecom li a, .footer_nav_Ecom li a:link, .footer_nav_Ecom li a:visited{text-decoration:none; text-transform:uppercase; font-weight:400; color:#AAAAAA;}
.footer_nav_Ecom li a:hover{text-decoration:none; text-transform:uppercase; font-weight:400; color:#FFFFFF;}
.footer_info{width:39%; height:auto; float:right; margin:20px 1% 0 0; padding:0;}
.footer_info span{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0 0 5px 0; font-size:15px; text-transform:none; color:#000000; font-size:17px; font-family:'Open Sans', sans-serif;}
.footer_info ul{width:100%; height:auto; float:left; margin:0; padding:10px 0 0 0;}
.footer_info li{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0 0 5px 0; list-style-type:none; font-family:'Open Sans', sans-serif; font-size:14px; color:#999999; font-weight:400;}
.footer_info li.footer_siteMap{display:none;}
.footer_info li a, .footer_info li a:link, .footer_info li a:visited{text-decoration:none; text-transform:uppercase; font-weight:400; color:#AAAAAA;}
.footer_info li a:hover{text-decoration:none; text-transform:uppercase; font-weight:400; color:#FFFFFF;}
.footer_payment_checkout{width:18%; height:auto; float:right; margin:20px 10% 0 0; padding:0;}
.footer_payment_checkout img{width:100%;}
.footer_payment{width:16%; height:auto; background:#FFFFFF; float:left; text-align:center; margin:43px 0 0 0; padding:1%;}

/* END OF CONTAINERS */

/* CELLS */

.hp_iframe_embed_container{padding-top: 30%; overflow: hidden; position: relative; width: 50%; display: block;}
.hp_iframe_embed{width:100%; height:100%; top:0; left:0; bottom:0; right:0; position: absolute; float:left; max-width:560px; max-height:315px; }

.hp_feature_iframe_container{display: flex; flex-wrap: wrap;align-items: center;}
.cell_full_hp{width:100%; max-width:1200px; height:auto; float:none; margin:20px auto; padding:0;}
.cell_full {width:1200px; height:auto; min-height:300px; float:center; text-align:center; margin:0 0 15px 0; padding:0;}
.cell_fullPara{width:100%; height:auto; min-height:300px; float:left; text-align:center; margin:0 0 15px 0; padding:0;}

.cell_content{width:55%; height:auto; background:#EEEEEE; float:left; text-align:center; margin:20px 20% 100px 20%; padding:2.5%; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);}

.cell_steps_left_top{width:100%; height:auto; float:left; text-align:left; margin:0; padding:20px; font-weight:normal; font-size:13px;}
.cell_steps_left_top img{width:40%; max-width:320px; float:left;}
.cell_steps_left_top span{width:57.5%; margin:0 0 0 2.5%; float:left;}
.cell_steps_left_top span h2{margin:0;}
.cell_steps_right_top{width:24%; max-width:240px; height:auto; float:right; text-align:left; margin:0; padding:30px 0 0 0; text-align:right;}
.cell_steps_right_top img{width:100%; max-width:221px;}
.cell_steps_left_bottom{width:66%; max-width:660px; height:auto; float:left; text-align:left; margin:0; padding:20px 2% 30px 0;}
.cell_steps_left_bottom#colours{width:100%;}
.cell_steps_left_bottom ul{margin:0 0 0 2.9%; padding:0;}
.cell_steps_left_bottom li{width:140px; height:190px; float:left; text-align:center; margin:10px 10px 35px 10px; padding:0; list-style-type:none;}
.cell_steps_left_bottom li div{margin:0; padding:0; list-style-type:none; float:left; width:140px; text-align:center; min-height:120px; height:auto; overflow:visible;}
.cell_steps_left_bottom li div span{text-align:center; font-size:11px; margin-left:auto; margin-right:auto; width:140px;}
.cell_steps_right_bottom{width:30%; max-width:300px; height:auto; background:#F5F7F2; float:right; text-align:left; margin:20px 0 30px 0; padding:0 0 20px 0; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; overflow:visible; border:1px solid #CCCCCC;}
.cell_steps_right_bottom span{width:88.4%; max-width:230px; background:#FFFFFF; float:left; margin:20px 3.8% 10px 0; padding:10px 3.8% 10px 7.7%; font-family:'Roboto', sans-serif; font-size:18px; color:#000000; text-transform:uppercase; text-align:left; border:1px #CCCCCC solid;}
.cell_steps_right_bottom div.divinforight{width:260px; height:auto; float:left; margin:0 20px 20px 20px; padding:0;}
.order_total_bottom{font-size:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center;}

/* END OF CELLS */

#howToMeasureADoor{text-align: left;}

/* HP PARALLAX */

section.module.content{}
section.module.parallaxHP{height:350px; background-repeat:no-repeat; background-attachment:fixed;}
section.module.parallaxHP1{height:400px; padding:5% 10%; background-position:50% 50%; background-repeat:no-repeat; background-attachment:fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-image:url("https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/parallax/parallaxHPbg1.jpg");}
section.module.parallaxHP2{height:400px; padding:5% 20%; background-position:50% 50%; background-repeat:no-repeat; background-attachment:fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; background-image:url("https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/parallax/parallaxHPbg1.jpg");}

#HPcontent1{width:100%; max-width:1200px; height:auto; margin:0 auto; padding:30px 0 20px 0;}
#HPcontent2{width:100%; max-width:1200px; height:auto; margin:0 auto; padding:30px 0;}
#HPcontent3{width:100%; max-width:1200px; height:auto; margin:0 auto; padding:30px 0 10px 0;}

/* END OF HP PARALLAX */

/* PARALLAX */

section.module:last-child{margin-bottom:0;}
section.module.parallax{width:100%; height:650px; background-repeat:no-repeat; background-attachment:fixed; -webkit-background-size:100%; -moz-background-size:100%; -o-background-size:100%; background-size:100%;}
section.module.parallax h1{color:rgba(255, 255, 255, 0.8); font-size:48px; line-height:600px; font-weight:700; text-align:center; text-transform:uppercase; text-shadow:0 0 10px rgba(0, 0, 0, 0.2);}

.sub_container{width:100%; max-width:1200px; margin-left:auto; margin-right:auto; padding-bottom:70px; text-align:center; font-family:'Roboto', sans-serif; font-size:18px; font-weight:300;}
.sub_container h1{font-family:'Roboto', sans-serif; font-size:50px; font-weight:300; color:#000000; text-transform:uppercase; text-align:center;}
.sub_container h2{font-family:'Roboto', sans-serif; font-size:40px; font-weight:300; color:#7A7164; text-align:center; border:none; text-transform:none;}
.sub_container h3{font-family:'Roboto', sans-serif; font-size:25px; font-weight:300; color:#7A7164; text-align:center; border:none; text-transform:none;}
.sub_container ul.aboutus{width:500px; text-align:left; margin-left:auto; margin-right:auto;}

.iphone_parallax_image{width:100%; height:300px; background-position:center; overflow:visible;}

/* END OF PARALLAX */

/* ASIDES/SECTIONS */

.section_content_hp{width:95%; height:auto; float:left; text-align:center; margin:0 2.5% 2.5% 2.5%; padding:0; color:#000000; font-size:18px; font-family:'Roboto', sans-serif;}
.section_content_hp h1{text-align:center; margin-top:0;}

.aside_blog_nav{width:350px; height:auto; float:right; text-align:left; margin:20px 0 0 0; padding:0;}
.section_blog_content{width:750px; height:auto; float:left; text-align:left; margin:0 40px 0 0; padding:0;}
.section_blog_content h1{font-size:40px; margin:20px 0 0 0;}
.section_blog_content h2{font-size:25px; margin:0 0 20px 0;}
.section_blog_content img{width:auto; max-width:500px; height:auto; float:left; text-align:left; margin:0; padding:0;}

.aside_image{width:30%; height:auto; float:right; text-align:left; margin:10px 0 0 0; padding:0;}
.aside_image img{width:100%;}
.section_image{width:60%; height:auto; float:left; text-align:left; margin:10px 5% 0 5%; padding:0;}

.aside_jobs{width:45%; height:auto; float:right; text-align:left; margin:0; padding:0;}
.section_jobs{width:50%; height:auto; float:left; text-align:center; margin:0 5% 0 0; padding:0;}
.section_jobs h2{margin-top:0;}

.aside_findus_map{width:100%; height:auto; float:right; text-align:left; margin:0; padding:0;}

.aside_nav{width:98%; height:auto; float:left; text-align:left; margin:20px 1% 0px 1%; padding:0;}
.section_content_nav{width:98%; height:auto; float:right; text-align:left; margin:0 1%; padding:0;}
.section_content_nav img{width:100%; max-width:1180px; max-height:400px;}

.aside_content_sml_imgs{width:30%; height:auto; float:left; text-align:left; margin:10px 5% 0 0; padding:0;}
.aside_content_sml_imgs img{max-width:100%; width:auto;}
.section_content{width:720px; height:auto; float:right; text-align:left; margin:0; padding:0;}
.section_content_sml{width:65%; height:auto; float:right; text-align:left; margin:0; padding:0;}

.aside_date{width:10%; height:auto; float:left; text-align:center; margin:10px 2.5% 0 2.5%; padding:0; font-family:'Roboto', sans-serif; font-size:20px; color:#666666;}
.aside_date p{margin:0; padding:0; font-size:70px; font-weight:400; line-height:70px;}
.section_date_content{width:79%; height:auto; min-height:100px; border-left:1px #CCCCCC solid; float:left; text-align:left; margin:0; padding:10px 0 10px 5%; color:#000000;}
.section_date_content h2{margin:0 0 15px 0; padding:0; font-size:25px; font-weight:400;}
.section_date_content div.SDCdivoptions{width:410px; height:auto; float:left; text-align:left; margin:0 0 15px 0; padding:0; font-family:'Roboto', sans-serif; font-size:16px; color:#444444;}
.section_date_content div.SDCdivoptions span{width:120px; height:auto; float:left; text-align:left; margin:0 10px 0 0; padding:0; font-size:16px;}
.section_date_content_img{width:300px; height:auto; float:left; text-align:left; margin:0 30px 15px 0; padding:0;}
.section_date_content_detail{width:100%; max-width:410px; height:auto; float:left; text-align:left; margin:0 0 15px 0; padding:0;}

.section_video{width:560px; height:auto; background:#EEEEEE; text-align:center; margin:0 auto 30px auto; padding:70px;}
.section_video iframe{width:560px; height:420px; float:left; text-align:left; margin:0; padding:0;}

.aside_products_img{width:31.5%; height:auto; float:left; text-align:center; margin:0 1.5% 0 0; padding:0;}
.section_products{width:48%; height:auto; float:right; text-align:left; margin:0; padding:0;}
.section_products h2{font-family:'Roboto', sans-serif; font-size:30px; font-weight:400; color:#3F3F3F; margin:0;}

.product_deets{width:73%; height:auto; background:#F5F5F5; border-top:5px #333333 solid; float:left; text-align:left; margin:0 3% 0 0; font-family:'Open Sans', sans-serif; font-size:16px; color:#333333;}
.product_deets h2{margin-top:0; padding-top:0; font-size:25px; color:#333333; font-family:'Open Sans', sans-serif; text-transform:none;}
.detail_links{width:24%; height:auto; float:right; text-align:right;}

.section_site_map{width:50%; height:auto; background:#F5F5F5; float:left; text-align:center; margin:20px 20% 100px 20%; padding:0 5% 100px 5%; display:block; border-top:10px #CEC6C6 solid;}
.section_site_map div{width:100%; height:auto; float:left; text-align:center; margin:0 0 20px 0; padding:0; color:#333333; font-size:30px; font-family:'Roboto', sans-serif; font-weight:400; line-height:35px;}

.section_content_contactus{width:100%; height:auto; float:left; text-align:center; margin:20px 0 70px 0; padding:0; color:#000000; font-size:16px; font-family:'Roboto', sans-serif; font-size:18px; font-weight:300; text-align:center; display:-webkit-flex; display:flex; box-shadow:0 0 7px 1px rgba(0, 0, 0, 0.30);}

.section_about{width:100%; height:auto; float:left; text-align:left; margin:20px 0 80px 0; padding:0; display:-webkit-flex; display:flex; box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.40);}
.aside_image_about1{width:50%; height:auto; float:left; text-align:center; margin:0; padding:0; position:relative;}
.aside_image_about1 img{width:auto; max-width:100%; position:relative; top:40%;}
.section_image_about1{width:45%; height:auto; background:#9A679A; float:left; text-align:left; margin:0; padding:2.5%; font-size:17px; color:#FFFFFF;}
.section_image_about1 p{margin:0 0 20px 0; padding:0; font-size:17px;}
.aside_image_about2{width:50%; height:auto; float:right; text-align:left; margin:0; padding:0;}
.aside_image_about2 img{width:100%;}
.section_image_about2{width:45%; height:auto; background:#34DBE4; float:left; text-align:left; margin:0; padding:2.5%; font-size:17px; color:#FFFFFF;}
.section_image_about2 p{margin:0 0 20px 0; padding:0; font-size:17px;}

.section_products_container{width:100%; height:auto; float:left; text-align:left; margin:30px 0 50px 0; padding:0; display:-webkit-flex; display:flex; box-shadow:0 0 10px 1px rgba(0, 0, 0, 0.40); border-top:10px #9A679A solid;}
.aside_products_img{width:50%; height:auto; background:#FFFFFF; float:left; text-align:center; margin:0; padding:50px 0;}
.aside_products_img div.APIdiv{width:400px; height:auto; text-align:center; margin:0 auto; padding:0;}
.aside_products_img div.APIdiv img{width:auto; max-width:400px; height:400px;}
.section_products{width:45%; height:auto; background:#F5F5F5; float:left; text-align:left; margin:0; padding:20px 2.5%; color:#333333;}

.section_form{width:50%; height:auto; float:left; text-align:center; margin:20px 25% 70px 25%; padding:0; color:#000000; font-size:16px; font-family:'Open Sans', sans-serif; font-size:18px; font-weight:300; text-align:center;}

/* END OF ASIDES/SECTIONS */

/* NAVS */

.optionsnav{width:auto; height:auto; float:left; margin:8px 50px 9px 0; padding:0;}
.optionsnav ul{margin:0; padding:0;}
.optionsnav li{width:auto; height:auto; float:right; text-align:left; margin:0 0 0 24px; padding:0; list-style-type:none; display:inline;}
.optionsnav li img{width:auto; height:auto; float:left; margin:4px 0 0 0; padding:0;}
.optionsnav li span{width:auto; height:auto; float:left; text-align:left; margin:0; padding:10px 0 0 5px; font-family:'Open Sans', sans-serif; font-size:13px; font-weight:400; color:#666666;}
.optionsnav li span a:link, .optionsnav li span a:visited{font-family:'Open Sans', sans-serif; font-size:13px; font-weight:400; text-decoration:none; color:#666666;}
.optionsnav li span a:hover{text-decoration:none; color:#999999;}

#topnav{width:100%; height:40px; float:left; margin:0; padding:0; background:#555555;}
#topnav ul{margin:7px 0 0 25%; padding:0; width:48%; float:left;}
#topnav li{width:auto; height:auto; float:left; text-align:center; margin:0 2px 0 0; padding:0; font-family:'Open Sans', sans-serif; font-size:13px; font-weight:400; list-style-type:none; display:inline;}
#topnav li a, #topnav li a:link, #topnav li a:visited{width:auto; height:auto; float:left; text-align:center; margin:0; padding:5px 12px; color:#ffffff; font-size:13px; font-weight:400; text-transform:capitalize; text-decoration:none;}
#topnav li a:hover{color:#B1E035;}
#topnav li.TNsearchLI a, #topnav li.TNsearchLI a:link, #topnav li.TNsearchLI a:visited{padding:3px 8px 2px 8px; cursor:pointer;}
#topnav li.TNsearchLI a:hover{padding:3px 8px 2px 8px;}

#mainnav{width:100%; height:auto; float:left; margin:0; padding:0;}
#mainnav ul{margin:0; padding:0;}
#mainnav li{width:auto; height:auto; float:left; text-align:center; margin:0 2px 0 0; padding:0; font-family:'Open Sans', sans-serif; font-size:13px; font-weight:400; list-style-type:none; display:inline;}
#mainnav li a, #mainnav li a:link, #mainnav li a:visited{width:auto; height:auto; background:#333333; float:left; text-align:center; margin:0; padding:5px 15px; color:#FFFFFF; font-size:13px; font-weight:700; text-transform:capitalize; text-decoration:none;}
#mainnav li a:hover{width:auto; height:auto; background:#FFFFFF; float:left; text-align:center; margin:0; padding:5px 15px; color:#333333; font-weight:700; text-transform:capitalize; text-decoration:none;}

#dropdownnav{width:100%; height:auto; float:none; margin:0 auto; padding:0; max-width:1200px;}
#dropdownnav ul{margin:0; padding:0; display:flex; flex-wrap:wrap; justify-content:center;}
#dropdownnav ul li{width:auto; height:auto; float:left; text-align:center; margin:10px 10px 0 10px; padding:0; font-family:'Open Sans', sans-serif; font-size:16px; font-weight:400; list-style-type:none; z-index:20;}
#dropdownnav ul li a, #dropdownnav ul li a:link, #dropdownnav ul li a:visited{width:auto; height:auto; float:left; text-align:center; margin:0; padding:6px 0; color:#333333; font-size:16px; font-weight:400; text-transform:uppercase; text-decoration:none;}
#dropdownnav ul li a:hover{color:#9A679A;}
#dropdownnav ul ul{display:none; position:absolute; top:100%; left:0; background:#FFFFFF; padding:0;}
#dropdownnav ul ul li{width:200px; height:auto; float:left; text-align:left; margin:0; padding:0; font-family:'Open Sans', sans-serif; font-size:12px; font-weight:400; list-style-type:none; position:relative;}
#dropdownnav ul ul li a, #dropdownnav ul ul li a:link, #dropdownnav ul ul li a:visited{width:90%; height:auto; background:#666666; border:none; float:left; text-align:left; margin:0; padding:10px 5%; color:#FFFFFF; font-size:12px; font-weight:700; text-transform:capitalize; text-decoration:none;}
#dropdownnav ul ul li a:hover{width:90%; height:auto; background:#FFFFFF; border:none; float:left; text-align:left; margin:0; padding:10px 5%; color:#333333; font-weight:700; text-transform:capitalize; text-decoration:none;}
#dropdownnav ul ul ul{top:0; left:100%;}
#dropdownnav ul li:hover > ul{display:block;}

#subnav{width:96%; height:auto; background:#EEEEEE; box-shadow:0 1px 1px rgba(0, 0, 0, 0.08); float:left; margin:0 0 20px 0; padding:2%;}
.subnav_title{width:95%; height:auto; float:left; text-align:left; margin:0; padding:2.5% 2.5% 0 2.5%; font-family:'Roboto', sans-serif; font-size:20px; font-weight:400;}
.subnav_title a{font-family:'Roboto', sans-serif; font-size:20px; font-weight:400; display:block; padding:5px;}
.subnav_title a:link, .subnav_title a:visited{font-weight:400; color:#333333; text-decoration:none; text-transform:uppercase;}
.subnav_title a:hover{font-weight:400; color:#BBBBBB; text-decoration:none; text-transform:uppercase;}
#subnav ul{width:95%; height:auto; float:left; margin:2px 0 0 0; padding:2.5%;}
#subnav li{width:100%; height:auto; float:left; text-align:left; margin:0 0 1px 0; padding:0; list-style-type:none;}
#subnav li a{display:block; padding:10px; background:#999999; text-transform:none;}
#subnav li a:link, #subnav li a:visited{font-family:'Roboto', sans-serif; font-size:15px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#FFFFFF;}
#subnav li a:hover{background:#FFFFFF; font-family:'Roboto', sans-serif; font-weight:400; text-transform:uppercase; text-decoration:none; color:#666666;}
#subnav ul.sub{width:95%; height:auto; background:#999999; float:left; margin:0; padding:2.5% 2.5% 7% 2.5%; list-style-type:none;}
#subnav li.sub{width:100%; text-align:left; margin:0; padding:0;}
#subnav li.sub a{display:block; background:#FFFFFF; padding:10px; text-transform:none;}
#subnav li.sub a:link, #subnav li.sub a:visited{font-family:'Roboto', sans-serif; font-size:13px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#333333;}
#subnav li.sub a:hover{font-family:'Roboto', sans-serif; font-weight:400; text-transform:uppercase; text-decoration:none; color:#CCCCCC;}
#subnav ul.subsub{width:190px; height:auto; background:#999999; float:left; margin:0; padding:5px 15px; list-style-type:none;}
#subnav li.subsub{width:190px; text-align:left; margin:0; padding:0;}
#subnav li.subsub a{display:block; padding:5px; text-transform:none;}
#subnav li.subsub a:link, #subnav li.subsub a:visited{background:#FFFFFF; font-family:'Roboto', sans-serif; font-size:11px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#003366;}
#subnav li.subsub a:hover{background:#999999; font-family:'Roboto', sans-serif; font-weight:400; text-transform:uppercase; text-decoration:none; color:#000000;}

#blogtabnav{width:280px; height:auto; float:right; margin:0; padding:0;}
#blogtabnav ul{margin:0; padding:0;}
#blogtabnav li{width:49%; height:auto; float:left; text-align:center; margin:0 0 0 1%; padding:0; font-family:'Roboto', sans-serif; font-size:12px; font-weight:400; list-style-type:none; display:inline;}
#blogtabnav li a, #blogtabnav li a:link, #blogtabnav li a:visited{width:100%; height:auto; background:#000000; float:left; text-align:center; margin:0; padding:5px 0; color:#FFFFFF; font-weight:700; text-transform:capitalize; text-decoration:none;}
#blogtabnav li a:hover{width:100%; height:auto; background:#666666; float:left; text-align:center; margin:0; padding:5px 0; color:#FFFFFF; font-weight:700; text-transform:capitalize; text-decoration:none;}

.paging{width:100%; max-width:750px; height:auto; float:left; margin:0 0 10px 0; padding:0;}
.paging_left{width:50%; max-width:400px; height:auto; float:left; text-align:left; margin:15px 0; padding:0;}
.paging_left select{width:50%; max-width:180px; height:auto; background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/inputbg1.jpg) left top repeat-x #FFFFFF; border:1px #CCCCCC solid; float:left; margin:0 1% 0 0; padding:3px; color:#333333;}
.paging_right{width:50%; max-width:350px; height:auto; float:right; text-align:left; margin:0; padding:0;}
.pagingnav{width: 135%;
  height: auto;
  float: left;
  text-align: center; 
  margin: 8px -37px;
  padding: 0;
  font-family: 'Roboto', sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  color: #333333;}
.pagingnav span.static{width:auto; height:auto; background:#B1E035; margin:0 1px; padding:7px 7px 6px 7px; font-family:'Roboto', sans-serif; font-size:12px; font-weight:700; text-transform:uppercase; text-decoration:none; color:#FFFFFF;}
.pagingnav a:link, .pagingnav a:visited{width:auto; height:auto; background:#F5F5F5; margin:0 1px; padding:7px 7px 6px 7px; font-family:'Roboto', sans-serif; font-size:12px; font-weight:700; text-transform:uppercase; text-decoration:none; color:#333333;}
.pagingnav a:hover{width:auto; height:auto; background:#B1E035; margin:0 1px; padding:7px 7px 6px 7px; font-family:'Roboto', sans-serif; font-size:12px; font-weight:700; text-transform:uppercase; text-decoration:none; color:#FFFFFF;}

/* END OF NAVS */

/* HP LISTS */

.list_features_hp{width:100%; height:auto; float:left; margin:0 0 30px 0; padding:0;}
.list_features_hp ul{margin:0; padding:0;}
.list_features_hp li{width:23%; height:auto; float:left; text-align:left; margin:1%; padding:0; list-style-type:none;}
.list_features_hp li img{width:100%;}

.list_date_hp{width:30%; height:auto; background:#999999; float:left; margin:20px 1% 20px 0; padding:1%;}
.list_date_hp span{width:100%; height:auto; float:left; text-align:left; margin:0 0 20px 0; padding:5px 0 0 0; font-family:'Roboto', sans-serif; font-size:25px; font-weight:700; text-transform:uppercase; color:#FFFFFF;}
.list_date_hp ul{width:100%; height:200px; float:left; margin:0; padding:0;}
.list_date_hp li{width:100%; height:auto; float:left; text-align:left; margin:0 0 15px 0; padding:0 0 5px 0; list-style-type:none; font-family:'Roboto', sans-serif; font-size:14px; color:#FFFFFF;}
.list_date_hp li span{width:100%; height:auto; float:left; text-align:left; margin:0 0 5px 0; padding:0; font-family:'Roboto', sans-serif; font-size:17px; color:#FFFFFF;}
.list_date_hp li span a:link, .list_date_hp li span a:visited, .list_date_hp li span a:active{font-weight:700; text-decoration:none; color:#333333;}
.list_date_hp li span a:hover{font-weight:700; text-decoration:none; color:#FFFFFF;}
.list_date_hp li img{width:40px; height:40px; border:5px solid #FFFFFF; float:left; text-align:left; margin:0 10px 10px 0; padding:0;}
.list_date_hp div{width:100%; height:auto; float:left; text-align:center; margin:15px 0; padding:0;}

.list_testimonials_hp{width:32%; height:auto; background:#999999; float:left; margin:20px 0; padding:1%;}
.list_testimonials_hp span{width:100%; height:auto; float:left; text-align:left; margin:0 0 20px 0; padding:5px 0 0 0; font-family:'Roboto', sans-serif; font-size:25px; font-weight:700; text-transform:uppercase; color:#FFFFFF;}
.list_testimonials_hp ul{width:100%; height:200px; float:left; margin:0; padding:0;}
.list_testimonials_hp li{width:100%; height:auto; float:left; text-align:left; margin:0 0 15px 0; padding:0 0 5px 0; list-style-type:none; font-family:'Roboto', sans-serif; font-size:17px; color:#FFFFFF;}
.list_testimonials_hp li img{width:40px; height:auto; float:left; text-align:left; margin:0 10px 10px 0; padding:0;}
.list_testimonials_hp li span.list_testimonials_hpspan{width:100%; height:auto; float:left; text-align:left; margin:0 0 5px 0; padding:0; font-family:'Roboto', sans-serif; font-size:17px; color:#333333;}
.list_testimonials_hp div{width:100%; height:auto; float:left; text-align:center; margin:15px 0; padding:0;}

.list_gallery_hp{width:95%; height:auto; background:#666666; float:left; text-align:center; margin:0 auto; padding:2% 2.5%;}
.list_gallery_hp span.LGHPspan_title{width:100%; height:auto; float:left; text-align:center; margin:0 0 20px 0; padding:0; font-family:'Roboto', sans-serif; font-size:65px; text-transform:uppercase; color:#FFFFFF;}
.list_gallery_hp ul{margin:0; padding:0;}
.list_gallery_hp li{width:28%; height:350px; background:#333333; float:left; text-align:center; margin:2%; padding:0.5%; list-style-type:none;}
.list_gallery_hp li span.LGHPspan{width:100%; height:350px; float:left; text-align:center; margin:0; padding:0; overflow:hidden; z-index:1;}
.list_gallery_hp li span.LGHPspan img{width:100%; height:100%; opacity:0.2; filter:alpha(opacity=20); /* For IE8 and earlier */}
.list_gallery_hp li span a:link, .list_gallery_hp li span a:visited, .list_gallery_hp li span a:active{font-family:'Roboto', sans-serif; font-size:20px; font-weight:400; text-decoration:none; color:#FFFFFF;}
.list_gallery_hp li span a:hover{font-family:'Roboto', sans-serif; font-size:20px; font-weight:400; text-decoration:none; color:#FFFFFF;}

/* END OF HP LISTS */

/* GALLERY PAGES */

.product_image_focus{display: none; text-align: center;}
.product_image_focus img{width:100%; max-width: 800px; height: auto; object-fit: cover; margin-bottom: 10px;}
.product_image_focus p{margin: 10px 0; font-size: 18px; color: #333;}
.focusImageButtons{margin: 20px 0; gap:10px; justify-content:center; display:flex;}

/* IFRAME */

.gallery-iframe-video{height: 675px;; max-height:675px; max-width:1200px; width:100%;}

/* END OF IFRAME */

/* LISTS */

.list_logos{width:90%; height:auto; float:left; margin:50px 5%; padding:0;}
.list_logos span{width:100%; height:auto; float:left; text-align:center; margin:0 0 20px 0; padding:0; font-family:'Roboto', sans-serif; font-size:50px; font-weight:600; text-transform:uppercase; color:#333333;}
.list_logos ul{margin:0; padding:0;}
.list_logos li{width:8%; height:auto; float:left; text-align:left; margin:1%; padding:0; list-style-type:none;}
.list_logos li img{width:100%;}

.list_gallery ul{width:100%; height:auto; margin:0; padding:0;}
.list_gallery li{width:90px; height:90px; float:left; text-align:center; margin:5px; padding:0; list-style-type:none; display:inline;}
.list_gallery li div img{width:90px; height:90px; float:left; text-align:center; margin:0; padding:0;}

.list_blog{width:100%; height:auto; float:left; margin:0; padding:0;}
.list_blog ul{margin:0; padding:0;}
.list_blog li{width:90%; height:auto; border-bottom:1px #D3D4D0 dashed; float:left; text-align:left; margin:0; padding:20px 5%; list-style-type:none; font-family:'Roboto', sans-serif; font-size:14px; font-weight:400; color:#333333;}
.list_blog li h4{width:100%; height:auto; float:left; text-align:left; margin:0 0 5px 0; padding:0; font-family:'Roboto', sans-serif; font-size:25px; color:#000000;}
.list_blog li h4 a:link, .list_blog li h4 a:visited, .list_blog li h4 a:active{font-size:25px; font-weight:700; text-transform:none; text-decoration:none; color:#000000;}
.list_blog li h4 a:hover{font-size:25px; font-weight:700; text-transform:none; text-decoration:none; color:#666666;}
.list_blog li span.LBlispanauthor{width:100%; height:auto; float:left; text-align:left; margin:0 0 15px 0; padding:0;}
.list_blog li div{width:100%; height:auto; float:left; text-align:left; margin:0 0 20px 0; padding:0;}
.list_blog li div span.LBlispanimg{width:40%; height:auto; float:left; text-align:left; margin:0 2% 0 0; padding:0;}
.list_blog li div span.LBlispanimg img{width:100%;}
.list_blog li div span.LBlispancontent{width:58%; height:auto; float:right; text-align:left; margin:0; padding:0;}

.list_related{width:100%; height:auto; background:#F2F2F2; float:left; margin:0 0 30px 0; padding:0;}
.list_related span{width:96%; height:auto; background:#333333; float:left; text-align:left; margin:0 0 10px 0; padding:2%; font-family:'Roboto', sans-serif; font-size:18px; text-transform:uppercase; color:#FFFFFF;}
.list_related ul{margin:0; padding:0;}
.list_related li{width:90%; height:auto; float:left; text-align:left; margin:5%; padding:0; list-style-type:none; font-family:'Roboto', sans-serif; font-size:14px; color:#333333;}
.list_related li div{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0; font-size:21px;}
.list_related li div a:link, .list_related li div a:visited, .list_related li div a:active{font-weight:700; text-decoration:none; color:#000000;}
.list_related li div a:hover{font-weight:700; text-decoration:none; color:#666666;}

.list_date{width:100%; max-width:1200px; height:auto; float:none; margin:20px auto 0; padding:0;}
.list_date ul{margin:0; padding:0;}
.list_date li{width:30%; max-width:450px; height:auto; background:#EEEEEE; float:left; text-align:left; margin:0 1.5% 20px 1.5%; padding:0; list-style-type:none;}
.list_date li span{width:96%; height:40px; float:left; text-align:left; margin:0 0 5px 0; padding:5px 2% 15px 2%; font-family:'Roboto', sans-serif; font-size:18px; color:#444444;}
.list_date li span a:link, .list_date li span a:visited, .list_date li span a:active{font-family:'Roboto', sans-serif; font-size:22px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#000000;}
.list_date li span a:hover{font-family:'Roboto', sans-serif; font-size:22px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#666666;}
.list_date li img{width:100%; max-width:450px; height:auto; overflow:visible;}

.list_testimonials{width:100%; height:auto; float:left; margin:20px 0 0 0; padding:0;}
.list_testimonials ul{margin:0; padding:0;}
.list_testimonials li{width:100%; height:auto; float:left; text-align:left; margin:0 0 20px 0; padding:0; list-style-type:none;}
.list_testimonials li blockquote{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0;}
.list_testimonials li div{width:92%; height:auto; background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/testimonialsbg1.png) right top no-repeat #F1F1F1; float:left; text-align:left; margin:0; padding:2% 4%; color:#333333; border-top:10px #B1E035 solid;}
.list_testimonials li span{width:92%; height:auto; background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/testimonialsbg2.png) left top no-repeat; float:left; text-align:left; margin:0; padding:2% 4%; font-size:17px; font-weight:700; color:#333333;}

.list_staff{width:100%; height:auto; float:left; margin:0; padding:0;}
.list_staff ul{margin:0; padding:0;}
.list_staff li{width:255px; height:510px; background:#EEEEEE; float:left; text-align:center; margin:20px 15px; padding:0; list-style-type:none;}
.list_staff li div.LSlidivheader{width:225px; height:54px; background:#333333; float:left; text-align:left; margin:0; padding:8px 15px; font-family:'Roboto', sans-serif; font-size:12px; text-transform:none; color:#FFFFFF;}
.list_staff li div.LSlidivheader span{width:100%; height:auto; float:left; margin:0; padding:0; font-size:18px; font-weight:700;}
.list_staff li div.LSlidivheader span a:link, .list_staff li div.LSlidivheader span a:visited, .list_staff li div.LSlidivheader span a:active{font-weight:700; text-decoration:none; color:#FFFFFF;}
.list_staff li div.LSlidivheader span a:hover{font-weight:700; text-decoration:underline; color:#FFFFFF;}
.list_staff li div.LSlidivimg{width:100%; height:200px; background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/staffbg1.png) center bottom no-repeat #BBBBBB; float:left; margin:0; padding:0; overflow:hidden;}
.list_staff li div img{width:100%; height:auto;}
.list_staff li div.LSlidivcontent{width:225px; height:170px; float:left; text-align:left; margin:0; padding:10px 15px; font-family:'Roboto', sans-serif; font-size:12px; text-transform:none; color:#333333;}
.list_staff li div.LSlidivcontent span{width:100%; height:auto; float:left; margin:0 0 10px 0; padding:0; font-size:14px; font-weight:700; color:#4B93A4;}

.list_images_text{width:100%; height:auto; float:left; margin:0; padding:0;}
.list_images_text ul{margin:0; padding:0;}
.list_images_text li{width:90%; height:auto; border-bottom:2px #EEEEEE solid; float:left; text-align:center; margin:0; padding:2% 5%; list-style-type:none; font-size:18px;}
.list_images_text li div.lmt_img{width:20%; height:auto; float:left; text-align:right; margin:10px 5% 0 0; padding:0;}
.list_images_text li div.lmt_img img{width:150px;}
.list_images_text li div.lmt_content{width:75%; height:auto; float:left; text-align:left; margin:0; padding:10px 0;}
.list_images_text li div.lmt_content span{text-align:left;}
.list_images_text li span{width:100%; height:auto; float:left; text-align:center; margin:0 0 5px 0; padding:0; font-family:'Roboto', sans-serif; font-size:18px; color:#333333;}
.list_images_text li span a:link, .list_images_text li span a:visited, .list_images_text li span a:active{font-size:22px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#333333;}
.list_images_text li span a:hover{font-size:22px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#666666;}
.list_images_text li strong{color:#333333;}

.list_images_subnav{width:720px; height:auto; float:left; margin:0; padding:0;}
.list_images_subnav ul{margin:0; padding:0;}
.list_images_subnav li{width:660px; height:auto; border-bottom:2px #EEEEEE solid; float:left; text-align:left; margin:0; padding:10px 30px; list-style-type:none;}
.list_images_subnav li div.lmsn_img{width:100px; height:auto; float:left; text-align:center; margin:10px 20px 0 0; padding:0;}
.list_images_subnav li div.lmsn_img img{width:100px; height:auto; float:left; text-align:center; margin:0; padding:0;}
.list_images_subnav li div.lmsn_content{width:520px; height:auto; min-height:100px; border-left:1px #999999 dotted; float:left; text-align:left; margin:0; padding:10px 0 10px 19px;}
.list_images_subnav li span{width:100%; height:auto; float:left; text-align:left; margin:0 0 5px 0; padding:0; font-family:'Roboto', sans-serif; font-size:18px; color:#444444;}
.list_images_subnav li span a:link, .list_images_subnav li span a:visited, .list_images_subnav li span a:active{font-size:22px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#333333;}
.list_images_subnav li span a:hover{font-size:22px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#666666;}
.list_images_subnav li strong{color:#333333;}

.list_productsEcomm{width:100%; height:auto; float:left; margin:0; padding:0;}
.list_productsEcomm span a{background:#000000; opacity:0.6; width:100%; padding:10px 0; text-align:center; color:#fff; float:left; text-decoration:none; font-size:22px; color:#fff; font-family:'Roboto', sans-serif;}
.list_productsEcomm ul{margin:0; padding:0;}
.list_productsEcomm li{position:relative;width:32%; max-width:none; max-height:250px; overflow: hidden; float:left; text-align:center; margin:0 1% 15px 0%; padding:0; list-style-type:none;}
.list_productsEcomm li span{
	position:absolute;
	z-index: 2;
	float: left;
	display: block;
	width: 100%;
}
.list_productsEcomm li div.LPEimg{float:left;width:100%; height:250px; overflow:hidden; margin:0px 0 0 0; padding:0; text-align:center;}
.list_productsEcomm li div.LPEimg img{width:auto; width:100%; height:100%;}
.list_productsEcomm li div.LPEinfo{width:100%; height:auto; float:left; text-align:center; margin:-50px 0px 0; padding:0; font-family:'Roboto', sans-serif;}
.list_productsEcomm li div.LPEinfo a{font-weight:400; text-decoration:none; color:#ffffff; background:#000; border:1px solid #ffffff; opacity:0.6; font-size:16px; font-family:'Roboto', sans-serif; padding:5px 10px; width:auto; margin:0;}
.list_productsEcomm li div.LPEinfo a:hover{opacity:1;}
.list_productsEcomm li div.LPEinfo span.price{width:100%; height:0; float:left; text-align:center; margin:5px 0 0 0; padding:0; font-size:13px; color:#999999;}
.list_productsEcomm li div.LPEinfo span.price strong{font-size:15px; font-weight:400; color:#FF0000;}
.list_productsEcomm li div.LPEinfo2{width:35%; height:auto; float:left; text-align:left; margin:-50px 0 0 15%; padding:0; font-family:'Roboto', sans-serif;}
.list_productsEcomm li div.LPEinfo2 a{font-weight:400; text-decoration:none; color:#ffffff; background:#000; border:1px solid #ffffff; opacity:0.6; font-size:16px; font-family:'Roboto', sans-serif; padding:5px 10px; width:auto; margin:0;}
.list_productsEcomm li div.LPEinfo2 a:hover{opacity:1;}
.list_productsEcomm li div.LPEinfo3{width:35%; height:auto; float:right; text-align:right; margin:-50px 15% 0 0; padding:0; font-family:'Roboto', sans-serif;}
.list_productsEcomm li div.LPEinfo3 a{font-weight:400; text-decoration:none; color:#ffffff; background:#000; border:1px solid #ffffff; opacity:0.6; font-size:16px; font-family:'Roboto', sans-serif; padding:5px 10px; width:auto; margin:0;}
.list_productsEcomm li div.LPEinfo3 a:hover{opacity:1;}
.list_productsEcomm li div.LPEinfo10{ height:auto; float:right; text-align:right; margin:-50px 15% 0 0; padding:0; font-family:'Roboto', sans-serif; margin-top: -89%;}
.list_productsEcomm li div.LPEinfo10 a{font-weight:400; text-decoration:none; color:#ffffff; background:#000; border:1px solid #ffffff; opacity:0.6; font-size:16px; font-family:'Roboto', sans-serif; padding:5px 10px; width:auto; margin-top: -80px;}
.list_productsEcomm li div.LPEinfo10 a:hover{opacity:1;}
.list_productsEcomm li div.LPEinfoSample{width:100%; height:auto; float:left; text-align:center; margin:-50px 0px 0; padding:0; font-family:'Roboto', sans-serif;}
.list_productsEcomm li div.LPEinfoSample a{font-weight:400; text-decoration:none; color:#ffffff; background:#000; border:1px solid #ffffff; opacity:0.6; font-size:16px; font-family:'Roboto', sans-serif; padding:5px 10px; width:auto; margin:0;}
.list_productsEcomm li div.LPEinfoSample a:hover{opacity:1;}

.list_productsEcommCat{width:80%; height:auto; float:left; margin:50px 10%; padding:0;}
.list_productsEcommCat span a{background:#000000; opacity:0.6; width:100%; padding:10px 0; text-align:center; color:#fff; float:left; text-decoration:none; font-size:22px; color:#fff; font-family:'Roboto', sans-serif;}
.list_productsEcommCat ul{margin:0; padding:0;}
.list_productsEcommCat li{width:40%; max-width:none; height:250px; float:left; text-align:center; margin:0 5% 15px 5%; padding:0; list-style-type:none;}
.list_productsEcommCat li div.LPEimgCat{float:left;width:100%; height:250px; overflow:hidden; margin:-47px 0 0 0; padding:0; text-align:center;}
.list_productsEcommCat li div.LPEimgCat img{width:auto; width:100%; height:auto;}
.list_productsEcommCat li div.LPEinfoCat{width:100%; height:auto; float:left; text-align:center; margin:-50px 0px 0; padding:0; font-family:'Roboto', sans-serif;}
.list_productsEcommCat li div.LPEinfoCat a{font-weight:400; text-decoration:none; color:#ffffff; background:#000; border:1px solid #ffffff; opacity:0.6; font-size:16px; font-family:'Roboto', sans-serif; padding:5px 10px; width:auto; margin:0;}
.list_productsEcommCat li div.LPEinfoCat a:hover{opacity:1;}
.list_productsEcommCat li div.LPEinfoCat span.price{width:100%; height:0; float:left; text-align:center; margin:5px 0 0 0; padding:0; font-size:13px; color:#999999;}
.list_productsEcommCat li div.LPEinfoCat span.price strong{font-size:15px; font-weight:400; color:#FF0000;}

.list_productsEcommSample{width:100%; height:auto; float:left; margin:50px 0; padding:0;}
.list_productsEcommSample span a{background:#000000; opacity:0.6; width:100%; padding:10px 0; text-align:center; color:#fff; float:left; text-decoration:none; font-size:22px; color:#fff; font-family:'Roboto', sans-serif;}
.list_productsEcommSample ul{margin:0; padding:0;}
.list_productsEcommSample li{width:30%; max-width:none; height:250px; float:left; text-align:center; margin:0 1.6% 15px 1.6%; padding:0; list-style-type:none;}
.list_productsEcommSample li div.LPEimgSample{float:left;width:100%; height:220px; overflow:hidden; margin:-47px 0 0 0; padding:0; text-align:center;}
.list_productsEcommSample li div.LPEimgSample img{width:auto; width:100%; height:auto;}
.list_productsEcommSample li div.LPEinfoSample{width:100%; height:auto; float:left; text-align:center; margin:-50px 0px 0; padding:0; font-family:'Roboto', sans-serif;}
.list_productsEcommSample li div.LPEinfoSample a{font-weight:400; text-decoration:none; color:#ffffff; background:#000; border:1px solid #ffffff; opacity:0.6; font-size:16px; font-family:'Roboto', sans-serif; padding:5px 10px; width:auto; margin:0;}
.list_productsEcommSample li div.LPEinfoSample a:hover{opacity:1;}
.list_productsEcommSample li div.LPEinfoSample span.price{width:100%; height:0; float:left; text-align:center; margin:5px 0 0 0; padding:0; font-size:13px; color:#999999;}
.list_productsEcommSample li div.LPEinfoSample span.price strong{font-size:15px; font-weight:400; color:#FF0000;}

.list_productsRelated{width:100%; height:auto; background:#EEEEEE; float:left; text-align:left; margin:0; padding:0;}
.list_productsRelated h3{width:98%; height:auto; background:#666666; float:left; text-align:left; margin:0 0 10px 0; padding:1% 0% 1% 2%; font-family:'Roboto', sans-serif; font-size:20px; font-weight:400; text-transform:uppercase; color:#FFFFFF;}
.list_productsRelated ul{width:97%; height:auto; background:#EEEEEE; float:left; text-align:left; margin:0; padding:1% 1.5% 2% 1.5%;}
.list_productsRelated li{width:190px; height:300px; background:#FFFFFF; float:left; text-align:center; margin:15px; padding:0; list-style-type:none; font-family:'Roboto', sans-serif;}
.list_productsRelated li div{width:188px; height:138px; float:left; text-align:center; margin:1px; padding:0;}
.list_productsRelated li div img{width:auto; max-width:188px; height:auto; max-height:138px;}
.list_productsRelated li span{width:170px; height:105px; float:left; text-align:center; margin:0; padding:10px; font-size:12px; font-weight:400; color:#666666;}
.list_productsRelated li span a:link, .list_productsRelated li span a:visited, .list_productsRelated li span a:active{width:170px; height:auto; float:left; text-align:center; margin:0 0 10px 0; padding:0; font-size:14px; font-weight:700; text-transform:uppercase; text-decoration:none; color:#000000;}
.list_productsRelated li span a:hover{width:170px; height:auto; float:left; text-align:center; margin:0 0 10px 0; padding:0; font-size:14px; font-weight:700; text-transform:uppercase; text-decoration:none; color:#666666;}

.list_downloads{width:100%; height:auto; float:left; margin:0 0 20px 0; padding:0;}
.list_downloads ul{margin:0; padding:0;}
.list_downloads li{width:26%; height:auto; border-bottom:1px #999999 dotted; float:left; text-align:left; margin:0 1.5% 20px 1.5%; padding:2%; list-style-type:none; font-family:'Roboto', sans-serif; font-size:0.850em; font-weight:400; text-decoration:none; color:#FFFFFF;}
.list_downloads li div.ld_img{width:30%; height:auto; float:left; text-align:left; margin:0 5% 0 0; padding:0;}
.list_downloads li div.ld_content{width:65%; height:auto; float:right; text-align:left; margin:0; padding:0;}
.list_downloads li span{width:100%; height:auto; float:left; text-align:left; margin:10px 0 15px 0; padding:0; font-family:'Roboto', sans-serif; font-size:18px; color:#444444;}
.list_downloads li span a:link, .list_downloads li span a:visited, .list_downloads li span a:active{font-size:22px; font-weight:400; text-transform:capitalize; text-decoration:none; color:#333333;}
.list_downloads li span a:hover{font-size:22px; font-weight:400; text-transform:capitalize; text-decoration:none; color:#666666;}

.list_downloads_sml{width:100%; height:auto; float:left; margin:10px 0; padding:0;}
.list_downloads_sml span{width:98%; height:auto; float:left; margin:0 0 5px 0; padding:1%; font-family:'Roboto', sans-serif; font-size:30px; font-weight:300; color:#000000;}
.list_downloads_sml ul{margin:0; padding:0;}
.list_downloads_sml li{width:98%; height:auto; border-bottom:1px #DBDFE0 dashed; float:left; text-align:left; margin:0 0 5px 0; padding:1%; list-style-type:none; text-transform:capitalize;}

.list_address_contactus{width:45%; height:auto; background:#9A679A; float:left; text-align:center; margin:0; padding:2% 2.5%;}
.list_address_contactus h2{width:100%; height:auto; float:left; text-align:center; margin:0 0 20px 0; padding:0; font-family:'Open Sans', sans-serif; font-size:30px; font-weight:600; text-transform:none; color:#FFFFFF;}
.list_address_contactus ul{margin:0; padding:0;}
.list_address_contactus li{width:100%; height:auto; float:left; text-align:left; margin:0 0 20px 0; padding:0; list-style-type:none; font-family:'Open Sans', sans-serif; font-size:17px; font-weight:400; color:#FFFFFF;}
.list_address_contactus li span{width:100%; height:auto;float:left;text-align:center; margin:0; padding:0; font-weight:700; text-transform:uppercase; color:#FFFFFF;}
.list_address_contactus li div{width:100%; height:auto; float:right; text-align:center; margin:0; padding:0;}
.list_address_contactus li div a:link, .list_address_contactus li div a:visited, .list_address_contactus li div a:active{text-decoration:none; color:#FFFFFF;}
.list_address_contactus li div a:hover{text-decoration:none; color:#34DBE4;}

.list_doors { width: 100%; height: auto; float: left; margin: 10px 0 0 0; padding: 0; }
.list_doors ul { margin: 0; padding: 0; display: flex; justify-content: center; flex-wrap: wrap; }
.list_doors li { width: 15%; min-width: 125px; height: auto; overflow: visible; text-align: center; margin: 1%; padding: 1.3% 1.3% 3% 1.3%; list-style-type: none; border: 2px solid #EBEFE6; border-top: 5px #333333 solid; }
.list_doors li span { width: 100%; height: auto; float: left; text-align: center; margin: 0; padding: 0; overflow: hidden; }
.list_doors li div { width: 100%; min-height:45px; height: auto; float: left; text-align: center; margin: 0 0 20px 0; padding: 0; font-size: 15px; font-weight: bold; color: #000000; display: flex; justify-content: center; align-items: center;}
.list_doors li div a:link, .list_doors li div a:visited, .list_doors li div a:active { font-size: 16px; font-weight: normal; color: #333333; text-decoration: none; }
.list_doors li div a:hover { font-size: 16px; font-weight: normal; color: #B1E035; text-decoration: none; }

.list_featureCats1{margin-top:0; clear:both;}
.list_featureCats1 ul{margin:0; padding:0; text-align:center;}
.list_featureCats1 li{margin:0 auto; padding:0 auto; list-style-type:none; display:inline-table; width:166px; height:220px; float:none; text-align:center;}
.list_featureCats1 li img{margin:0 0 10px 0;}

.list_ranges{width:100%; height:auto; float:left; margin:10px 0 0 0; padding:0;}
.list_ranges ul{margin:0; padding:0;}
.list_ranges li{width:26%; height:auto; overflow:visible; float:left; text-align:center; margin:1% 1.3%; padding:2%; display:inline; list-style-type:none; border:2px solid #EBEFE6; border-top:5px #333333 solid;}
.list_ranges li span{width:100%; height:220px; float:left; text-align:center; margin:0; padding:0;}
.list_ranges li span img{width:auto; max-width:250px; height:auto; max-height:200px;}
.list_ranges li div{min-height: 40px;width:100%; height:auto; float:left; text-align:center; margin:0 0 20px 0; padding:0; font-size:15px; font-weight:bold; color:#000000;}
.list_ranges li div a:link, .list_doors li div a:visited, .list_doors li div a:active{font-size:16px; font-weight:normal; color:#333333; text-decoration:none;}
.list_ranges li div a:hover{font-size:16px; font-weight:normal; color:#B1E035; text-decoration:none;}

.list_products{width:100%; height:auto; float:left; margin:10px 0 0 0; padding:0;}
.list_products ul{margin:0; padding:0; display: flex; flex-wrap: wrap;}
.list_products li{width:19.5%; height:auto; min-height:300px; overflow:visible; float:left; text-align:center; margin:1%; padding:1.3% 1.3% 2% 1.3%; display:inline; list-style-type:none; border:2px solid #EBEFE6; border-top:5px #333333 solid;}
.list_products li span.lpspan{width:100%; height:220px; float:left; text-align:center; margin:0; padding:0; white-space:nowrap;}
.list_products li span.lpspan img{width:auto; max-width:220px; height:186px; vertical-align: middle; object-fit:cover;}
.list_products li div{min-height: 40px;width:100%; height:auto; float:left; text-align:center; margin:0 0 20px 0; padding:0; font-size:15px; font-weight:bold; color:#000000;}
.list_products li div a:link, .list_doors li div a:visited, .list_doors li div a:active{font-size:16px; font-weight:normal; color:#333333; text-decoration:none;}
.list_products li div a:hover{font-size:16px; font-weight:normal; color:#B1E035; text-decoration:none;}

#textimg{width: 27%;float: left;margin: 0;margin-top: 2%;}
.text{width: 70%;float: right;margin-bottom: 3%;}
.text p {font-size: 16px;line-height: 33px;margin: 0;margin-bottom: 10px;}
#paintbruush {width: 60px;height: 60px;position: inherit;margin-top: 143px;margin-left: -60px;}
#paintbrush1 {width: 60px;height: 60px;position: inherit;margin-top: 143px;margin-left: -60px;}
#paintbrush2 {width: 60px;height: 60px;position: inherit;margin-top: 143px;margin-left: -60px;}
#paintbrush3 {width: 60px;height: 60px;display: inline-block;display: block;position: relative;right: 0;float: right;margin-top: -63px;}

/* END OF LISTS */

/* FORMS */

.form_contact{width:50%; height:auto; background:#DDDDDD; float:right; text-align:center; margin:0; padding:2% 0; display:block;}
.form_contact h2{width:90%; height:auto; float:left; text-align:center; margin:0 0 20px 0; padding:0 5%; font-family:'Nunito', sans-serif; font-size:30px; font-weight:600; text-transform:none; color:#9A679A;}
.form_contact div.FCdiv{width:100%; max-width:304px; height:auto; text-align:center; margin:0 auto; padding:0;}
.form_contact span{width:100%; height:auto; float:left; text-align:center; margin:0 0 10px 0; padding:0; display:block;}
.form_contact label{width:100%; height:auto; float:left; text-align:left; margin:5px 0 0 0; padding:0; font-family:'Nunito', sans-serif; font-size:12px; font-weight:400; color:#FF0000; display:block;}
.form_contact input.FC_inputwide{width:95%; height:auto; background:#FFFFFF; border:1px #D3D3D3 solid; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; box-shadow:0 0 4px 1px rgba(0, 0, 0, 0.08); float:left; text-align:left; margin:0; padding:2%; font-family:'Nunito', sans-serif; font-size:15px; font-weight:normal; display:block; color:#999999; -webkit-appearance:none;}
.form_contact select{width:99.5%; height:auto; background:#FFFFFF; border:1px #D3D3D3 solid; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; box-shadow:0 0 4px 1px rgba(0, 0, 0, 0.08); float:left; text-align:left; margin:0; padding:2%; font-family:'Nunito', sans-serif; font-size:15px; font-weight:normal; display:block; color:#999999;}
.form_contact textarea{width:95%; height:auto; background:#FFFFFF; border:1px #D3D3D3 solid; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; box-shadow:0 0 4px 1px rgba(0, 0, 0, 0.08); float:left; text-align:left; margin:0; padding:2%; font-family:'Nunito', sans-serif; font-size:15px; font-weight:normal; display:block; color:#999999; -webkit-appearance:none;}
.form_contact br{clear:left;}

.form_contact_sub{width:100%; max-width:670px; height:auto; float:left; text-align:left; margin:0; padding:0; display:block;}
.form_contact_sub_left{width:300px; height:auto; float:left; text-align:left; margin:0 25px 0 0; padding:0;}
.form_contact_sub_right{width:345px; height:auto; float:left; text-align:left; margin:0; padding:0;}
.form_contact_sub label.FCS_label{width:100%; height:auto; float:left; text-align:left; margin:5px 0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#FFFFFF; display:block;}
.form_contact_sub input.FCS_inputwide{width:97%; height:10px; background:#EDEDED; border:1px #999999 solid; float:left; text-align:left; margin:0 0 10px 0; padding:8px 1%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#666666; display:block;}
.form_contact_sub input.FCS_inputsmall{width:100px; height:auto; background:#EDEDED; border:1px #999999 solid; float:right; text-align:left; margin:0 10px 0 0; padding:3px 0.3%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#666666; display:block;}
.form_contact_sub select{width:100%; height:auto; background:#EDEDED; border:1px #999999 solid; float:left; text-align:left; margin:0 0 10px 0; padding:5px 0.3%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#666666; display:block;}
.form_contact_sub textarea{width:97.5%; height:40px; background:#EDEDED; border:1px #999999 solid; float:left; text-align:left; margin:0 0 10px 0; padding:5px 1%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#666666; display:block;}
.form_contact_sub br{clear:left;}

.form_enquire{width:100%; height:auto; background:#F5F5F5; float:right; text-align:center; margin:30px 0 0 0; padding:0; display:block; border-top:10px #9A679A solid; box-shadow:0 0 7px 1px rgba(0, 0, 0, 0.30);}
.form_enquire h2.FEH2{width:90%; height:auto; float:left; text-align:center; margin:0 0 20px 0; padding:0 5%; font-family:'Nunito', sans-serif; font-size:30px; font-weight:600; text-transform:none; color:#9A679A;}
.form_enquire div.FEdiv{width:100%; max-width:304px; height:auto; text-align:center; margin:20px auto 0 auto; padding:0;}
.form_enquire div.FEdiv strong{width:100%; height:auto; float:left; text-align:left; margin:0 0 5px 0; padding:0; font-family:'Nunito', sans-serif; font-size:14px; font-weight:400; text-transform:none; color:#0F4E90;}
.form_enquire span.FEspan{width:100%; height:auto; float:left; text-align:left; margin:0 0 10px 0; padding:0;}
.form_enquire span.FEspan2{width:100%; height:auto; float:left; text-align:left; margin:0 0 10px 0; padding:0;}
.form_enquire label{width:100%; height:auto; float:left; text-align:left; margin:3px 0 10px 0; padding:0; font-family:'Nunito', sans-serif; font-size:12px; font-weight:400; color:#FF0000; display:block;}
.form_enquire label.FElabel{width:100%; height:auto; float:left; text-align:center; margin:0 0 5px 0; padding:0; font-family:'Nunito', sans-serif; font-size:18px; font-weight:400; color:#9A679A; display:block;}
.form_enquire p.FEp{width:100%; height:auto; float:left; text-align:center; margin:0 0 5px 0; padding:0; font-family:'Nunito', sans-serif; font-size:14px; font-weight:400; color:#333333; display:block;}
.form_enquire input.FE_inputwide{width:95%; height:auto; background:#FFFFFF; border:1px #D3D3D3 solid; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; box-shadow:0 0 4px 1px rgba(0, 0, 0, 0.08); float:left; text-align:left; margin:0; padding:2%; font-family:'Nunito', sans-serif; font-size:15px; font-weight:normal; display:block; color:#999999; -webkit-appearance:none;}
.form_enquire input.FE_inputsmall{width:150px; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:7px 0 5px 10px; padding:3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#999999; display:block;}
.form_enquire input.FE_inputsmall2{width:150px; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:0 10px 5px 10px; padding:3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#999999; display:block;}
.form_enquire input.FE_inputcheck{width:auto; height:auto; float:left; text-align:left; margin:2px 10px 5px 0; padding:0; font-weight:400; display:block;}
.form_enquire select{width:99.5%; height:auto; background:#FFFFFF; border:1px #D3D3D3 solid; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; box-shadow:0 0 4px 1px rgba(0, 0, 0, 0.08); float:left; text-align:left; margin:0; padding:2%; font-family:'Nunito', sans-serif; font-size:15px; font-weight:normal; display:block; color:#999999;}
.form_enquire textarea{width:95%; height:auto; background:#FFFFFF; border:1px #D3D3D3 solid; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; box-shadow:0 0 4px 1px rgba(0, 0, 0, 0.08); float:left; text-align:left; margin:0; padding:2%; font-family:'Nunito', sans-serif; font-size:15px; font-weight:normal; display:block; color:#999999; -webkit-appearance:none;}
.form_enquire br{clear:left;}

.form_voucher{width:90%; height:auto; background:#CCCCCC; float:left; text-align:left; margin:0 0 50px 0; padding:5%; font-family:'Roboto', sans-serif; font-size:11px; color:#FFFFFF; display:block;}
.form_voucher h2.FVH2{width:100%; height:auto; float:left; text-align:center; margin:0 0 15px 0; padding:0; font-family:'Roboto', sans-serif; font-size:25px; font-weight:400; color:#FFFFFF; display:block;}
.form_voucher div.FV_div{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0; display:block;}
.form_voucher h3{width:100%; height:auto; float:left; text-align:left; margin:20px 0 10px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:25px; font-weight:400; color:#333333;}
.form_voucher label{width:100%; height:auto; float:left; text-align:left; margin:0 0 10px 0; padding:0; font-family:'Roboto', sans-serif; font-size:12px; font-weight:400; color:#FF0000; display:block;}
.form_voucher input.FV_inputwide{width:96.5%; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:0 0 5px 0; padding:1.5%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#999999; display:block;}
.form_voucher input.FV_inputsmall{width:150px; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:7px 0 5px 10px; padding:3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#999999; display:block;}
.form_voucher input.FV_inputcheck{width:auto; height:auto; float:left; text-align:left; margin:2px 10px 5px 0; padding:0; font-weight:400; display:block;}
.form_voucher select{width:100%; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:0 0 5px 0; padding:1.5%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#999999; display:block;}
.form_voucher textarea{width:96.5%; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:0 0 20px 0; padding:1.5%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#999999; display:block;}
.form_voucher br{clear:left;}

.form_apply{width:90%; height:auto; background:#EEEEEE; float:left; text-align:left; margin:0; padding:2.5% 5%; display:block;}
.form_apply h2{width:100%; height:auto; float:left; text-align:left; margin:0 0 10px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:25px; font-weight:400; color:#333333;}
.form_apply div.FA_div{width:100%; height:auto; float:left; text-align:left; margin:0 0 10px 0; padding:0;}
.form_apply h3{width:97%; height:auto; background:#333333; float:left; text-align:left; margin:10px 0; padding:1.5%; font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:400; color:#FFFFFF;}
.form_apply span{width:95%; height:auto; float:left; text-align:left; margin:5px 2.5% 0 2.5%; padding:0;}
.form_apply span.spancaptcha{width:auto; height:auto; float:left; text-align:left; margin:0; padding:0;}
.form_apply label{width:100%; height:auto; float:left; text-align:left; margin:0 0 10px 0; padding:0; font-family:'Roboto', sans-serif; font-size:12px; font-weight:400; color:#FF0000; display:block;}
.form_apply label.FA_label_info{width:100%; height:auto; float:left; text-align:left; margin:0 0 5px 0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#333333; display:block;}
.form_apply input.FA_inputwide{width:96.5%; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:0 0 5px 0; padding:1.5%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#999999; display:block;}
.form_apply input.FA_inputsmall{width:152px; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:7px 0 5px 10px; padding:1.5%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#999999; display:block;}
.form_apply input.FA_inputcheck{width:auto; height:auto; float:right; text-align:left; margin:2px 10px 5px 0; padding:0; font-weight:400; display:block;}
.form_apply select{width:100%; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:0 0 5px 0; padding:1.5%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#999999; display:block;}
.form_apply textarea{width:96.5%; height:auto; background:#FFFFFF;border:1px #999999 solid; float:left; text-align:left; margin:0 0 5px 0; padding:1.5%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#999999; display:block;}
.form_apply br{clear:left;}

.form_appointments{width:70%; height:auto; background:#999999; float:left; text-align:left; margin:30px 15% 50px 15%; padding:0; font-family:'Roboto', sans-serif; font-size:14px; color:#FFFFFF; display:block;}
.form_appointments h2.FAPPH2{width:98%; height:auto; background:#333333; float:left; text-align:center; margin:0; padding:1%; font-family:'Roboto', sans-serif; font-size:17px; font-weight:700; text-transform:uppercase; color:#FFFFFF;}
.form_appointments h2.FAPPH2 span{color:#999999;}
.form_appointments div.FAPP_div{width:90%; height:auto; float:left; text-align:left; margin:0; padding:5%; display:block;}
.form_appointments div.FAPP_div2{width:60%; height:auto; float:left; text-align:left; margin:0 0 5% 30%; padding:0; display:block;}
.form_appointments h3.FAPPH3{width:100%; height:auto; float:left; text-align:left; margin:20px 0 10px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:400; text-transform:none; color:#333333;}
.form_appointments label{width:70%; height:auto; float:left; text-align:left; margin:0 0 10px 30%; padding:0; font-family:'Roboto', sans-serif; font-size:14px; font-weight:400; color:#FF0000; display:block;}
.form_appointments label.FAPP_labelsmall{margin:10px 3% 5px 0; font-size:14px;}
.form_appointments label.FAPP_labelORG{width:27%; height:auto; float:left; text-align:right; margin:5px 3% 5px 0; padding:0; font-family:'Roboto', sans-serif; font-size:18px; font-weight:400; color:#FFFFFF; display:block;}
.form_appointments input.FAPP_inputwide{width:66.5%; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:0 0 5px 0; padding:1.5%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#999999; display:block;}
.form_appointments input.FAPP_inputsmall{width:150px; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:7px 0 5px 10px; padding:3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#999999; display:block;}
.form_appointments input.FAPP_inputcheck{width:auto; height:auto; float:left; text-align:left; margin:2px 10px 5px 0; padding:0; font-weight:400; display:block;}
.form_appointments select{width:70%; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:0 0 5px 0; padding:1.5%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#999999; display:block;}
.form_appointments textarea{width:96.5%; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:0 0 20px 0; padding:1.5%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:400; color:#999999; display:block;}
.form_appointments br{clear:left;}

.form_search{width:291px; height:40px; float:right; margin:0 30px 0 0; padding:0;}
.form_search input{width:240px; height:40px; background:#FFFFFF; border:none; float:left; margin:0 1px 0 0; padding:0 0 0 10px; font-family:'Roboto', sans-serif; font-size:16px; font-weight:400; color:#878787; display:block;}
.form_search input.button{width:40px; height:40px; background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/gobutton1.png) top no-repeat; float:left; text-align:left; border:none; margin:0; padding:0; cursor:pointer;}

.form_searchDD{width:100%; height:80px; border:none; float:left; text-align:left; margin:0; padding:0;}
.form_searchDD input{width:95%; height:80px; background:none; border:none; float:left; text-align:left; margin:0; padding:0; font-family:'Roboto', sans-serif; font-size:42px; font-weight:300; color:#666666;}
.form_searchDD input.buttonDD{width:40px; height:40px; background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/gobutton1DD.png) top no-repeat; float:left; text-align:left; border:none; margin:20px 20px 0 0; padding:0; cursor:pointer;}

.form_buttons{float:right;}

.filtersform{width:100%; max-width:200px; height:auto; float:left; margin:10px 0; padding:33px 0 0 0; display:block;}
.filtersform div.filtercontainer{width:98%; max-width:180px; height:180px; background:#FFFFFF; float:left; margin:0 0 3px 0; padding:5px 1% 10px 1%; overflow:auto;}
.filtersform div.filtercontainersml{width:98%; max-width:180px; height:auto; background:#FFFFFF; float:left; margin:0 0 3px 0; padding:5px 1% 10px 1%;}
.filtersform span{width:100%; height:auto; float:left; margin:0; padding:7px 0 5px 0; font-weight:700; display:block;}
.filtersform span.spanhalf{width:100%; max-width:170px; height:auto; float:left; text-align:left; margin:0; padding:5px 0 0 0; font-family:'Roboto', sans-serif; font-size:14px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#F3D600;}
.filtersform span a:link, .filtersform span a:visited, .filtersform span a:active{color:#333333; font-size:12px; font-weight:400; text-decoration:underline;}
.filtersform span a:hover{font-size:12px; font-weight:400; text-decoration:underline; color:#2d3b44;}
.filtersform input{width:auto; height:auto; background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/inputbg1.jpg) left top repeat-x #FFFFFF; border:1px #999999 solid; float:left; margin:0 5% 0 0; padding:0;}
.filtersform img{width:100%; max-width:13px; height:auto; float:left; margin:0 5% 0 0; padding:0;}
.filtersform label{width:auto; height:auto; float:left; text-align:left; margin:-1px 0 0 0; padding:0; color:#2d3b44;}
.filtersform input.filterinputwide{width:45%; max-width:80px; height:auto; background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/inputbg1.jpg) left top repeat-x #FFFFFF; border:1px #999999 solid; float:left; margin:2px 5% 5px 0; padding:2px 0.2%;}
.filtersform label.filterlabelwide{width:42%; max-width:80px; height:auto; float:left; text-align:left; margin:2px 5% 0 0; padding:0; color:#2d3b44;}
div.checked,div.unchecked,div.checked2,div.unchecked2,div.autochecked{display:block; float:left; margin-right:0; width:15px; height:15px; min-height:15px; text-indent:-999em; overflow:hidden; margin-top:1px; padding:0 3px 5px 0;}
.checked{background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/checked.png) no-repeat top left;}
.unchecked{background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/unchecked.png) no-repeat top left;}
.autochecked{background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/checked.png) no-repeat top left;}
.checked2{background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/checked2.png) no-repeat top left;}
.unchecked2{background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/unchecked2.png) no-repeat top left;}
.autochecked2{background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/checked2.png) no-repeat top left;}

.stepsform{width:100%; height:auto; float:left; margin:0; padding:0; display:block;}
.stepsform span.stepsspanright1{width:450px; height:auto; float:left; margin:0; padding:0 0 20px 0; font-size:13px;}
.stepsform span.stepsspanright1 label{width:230px; height:auto; float:left; text-align:right; margin:3px 10px 5px 0; padding:0; display:block;}
.stepsform span.stepsspanright1 input{width:auto; height:auto; background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/inputbg2.jpg) left top repeat-x #FFFFFF; border:1px #CCCCCC solid; float:left; margin:0 0 5px 0; padding:3px; font-size-adjust:none; color:#333333;}
.stepsform span.stepsspanright1 select{width:auto; height:auto; background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/inputbg2.jpg) left top repeat-x #FFFFFF; border:1px #CCCCCC solid; float:left; margin:0 0 5px 0; padding:3px; font-size-adjust:none; color:#333333;}
.stepsform span.stepsspanright2{width:92%; max-width:610px; height:auto; float:left; margin:30px 0 0 0; padding:0 0 10px 50px; font-size:13px;}
.stepsform span.stepsspanright2 label{width:40.9%; max-width:250px; height:auto; float:left; text-align:right; margin:3px 1.6% 5px 0; padding:0; display:block;}
.stepsform span.stepsspanright2 label.second{width:40.9%; max-width:250px; height:auto; float:left; text-align:right; margin:3px 1.6% 5px 0; padding:0; display:block;}
.stepsform span.stepsspanright3 label{width:40.9%; max-width:250px; height:auto; float:left; text-align:left; margin:3px 1.6% 5px 0; padding:0; display:block;}
p.move{text-align:left; margin-top:0; padding-top:0;}
.stepsform span.stepsspanright2 input{width:auto; height:auto; background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/inputbg2.jpg) left top repeat-x #FFFFFF; border:1px #CCCCCC solid; float:left; margin:0 4.9% 5px; padding:4px 3px; font-size-adjust:none; color:#333333;}
.stepsform span.stepsspanright2 select{width:auto; height:auto; background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/inputbg2.jpg) left top repeat-x #FFFFFF; border:1px #CCCCCC solid; float:left; margin:0 0 5px 0; padding:3px; font-size-adjust:none; color:#333333;}
.stepsform span.stepsspanright2 select.HingeSide{width:auto; height:auto; background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/inputbg2.jpg) left top repeat-x #FFFFFF; border:1px #CCCCCC solid; float:none; margin:0 auto 5px auto; padding:3px; font-size-adjust:none; color:#333333;}
.stepsform span.stepsspanright2 p{margin:0; padding:0;}
.stepsform br{clear:left;}
.frames{width:200px; float:right; text-align:center; clear:both; margin-right:110px; margin-bottom:30px;}
.frametype_framed{margin-top:20px;}

.specificSubCatCheckBoxContainer { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.specificSubCatCheckBoxWrapper { width: 48%; display: flex; align-items: center; gap: 10px; }
.specificSubCatCheckBox { width: auto; margin-right: 10px; }
.specificSubCatCheckBoxTitle { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
.specificSubCatCheckBoxButton {  }


/* END OF FORMS */

/* TABLES */

table{width:100%; border-collapse:collapse; margin:1em 0; font-size:16px;}
table th, td{border:2px solid #9A679A; background:#FFFFFF; text-align:center; padding:10px; font-size:16px; color:#666666;}

/* END OF TABLES */

/* BUTTONS */

.sim-button{line-height:50px; height:50px; text-align:center; margin-right:auto; margin-left:auto; margin-top:140px; width:60%; cursor:pointer;}
.button10{color:rgba(255,255,255,1); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; position:relative;}
.button10 a{color:rgba(51,51,51,1); text-decoration:none; display:block;}
.button10 span{z-index:2; display:block; position:absolute; width:100%; height:100%;}
.button10::before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; border:1px solid rgba(255,255,255,0.5); background-color:rgba(255,255,255,0.25);}
.button10::after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; border:1px solid rgba(255,255,255,0.5); background-color:rgba(255,255,255,0.25);}
.button10:hover::before{-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); background-color:rgba(255,255,255,0);}
.button10:hover::after{-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); background-color:rgba(255,255,255,0);}

input.submit, a.submit, a.submit:link, a.submit:visited{font-family:Helvetica; color:#FFFFFF; background:#9A679A; border:none; font-size:15px; font-weight:400; padding:10px 15px; cursor:pointer; text-decoration:none; width:auto; text-transform:none;}
a.submit:hover, input.submit:hover{opacity:0.5}

input.submit1, a.submit1, a.submit1:link, a.submit1:visited{font-family:Helvetica; color:#000000; background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/submit1_icona.png) left no-repeat; border:none; font-size:13px; font-weight:700; padding:6px 10px 5px 27px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize;}
a.submit1:hover, input.submit1:hover{font-family:Helvetica; color:#666666; background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/submit1_iconb.png) left no-repeat; border:none; font-size:13px; font-weight:700; padding:6px 10px 5px 27px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize;}

input.submit2, a.submit2, a.submit2:link, a.submit2:visited{font-family:Helvetica; color:#333333; background:#FFFFFF; border:none; font-size:13px; font-weight:700; padding:5px 10px; cursor:pointer; text-decoration:none; width:auto; text-transform:none;}
a.submit2:hover, input.submit2:hover{font-family:Helvetica; color:#333333; background:#CCCCCC; border:none; font-size:13px; font-weight:700; padding:5px 10px; cursor:pointer; text-decoration:none; width:auto; text-transform:none;}

input.submit3, a.submit3, a.submit3:link, a.submit3:visited{font-family:Helvetica; color:#333333; background:#FFFFFF; border:2px solid #333333; font-size:15px; font-weight:700; padding:5px 15px; cursor:pointer; text-decoration:none; width:auto; text-transform:none;}
a.submit3:hover, input.submit3:hover{font-family:Helvetica; color:#333333; background:#EEEEEE; border:2px solid #333333; font-size:15px; font-weight:700; padding:5px 15px; cursor:pointer; text-decoration:none; width:auto; text-transform:none;}

input.submit4, a.submit4, a.submit4:link, a.submit4:visited{font-family:Helvetica; color:#FFFFFF; background:#333333; border:none; font-size:13px; font-weight:700; padding:6px 10px 5px 10px; cursor:pointer; text-decoration:none; width:auto; height:auto; text-transform:capitalize;}
a.submit4:hover, input.submit4:hover{font-family:Helvetica; color:#FFFFFF; background:#AAAAAA; font-size:13px; font-weight:700; padding:6px 10px 5px 10px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize;}

input.submit5, a.submit5, a.submit5:link, a.submit5:visited{font-family:Helvetica; color:#2D3B44; background:#FFBF00; border:none; font-size:13px; font-weight:700; padding:6px 10px 5px 10px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize;}
a.submit5:hover, input.submit5:hover{font-family:Helvetica; color:#FFFFFF; background:#AAAAAA; font-size:13px; font-weight:700; padding:6px 10px 5px 10px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize;}

input.add_to_basket, a.add_to_basket, a.add_to_basket:link, a.add_to_basket:visited{font-family:'Roboto', sans-serif; color:#FFFFFF; background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/addtobasket_icon2.png) left no-repeat #9A679A; border:1px #9A679A solid; font-size:24px; font-weight:400; padding:7px 10px 6px 70px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize;}
a.add_to_basket:hover, input.add_to_basket:hover{font-family:'Roboto', sans-serif; color:#FFFFFF; background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/addtobasket_icon2.png) left no-repeat #333333; border:1px #333333 solid; font-size:24px; font-weight:400; padding:7px 10px 6px 70px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize;}

input.enquireNow, a.enquireNow, a.enquireNow:link, a.enquireNow:visited{font-family:'Roboto', sans-serif; color:#FFFFFF; background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/enquirenow_icon2.png) left no-repeat #B1E035; border:1px #B1E035 solid; font-size:24px; font-weight:400; padding:7px 10px 6px 70px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize;}
a.enquireNow:hover, input.enquireNow:hover{font-family:'Roboto', sans-serif; color:#FFFFFF; background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/enquirenow_icon2.png) left no-repeat #333333; border:1px #333333 solid; font-size:24px; font-weight:400; padding:7px 10px 6px 70px; cursor:pointer; text-decoration:none; width:auto; text-transform:capitalize;}

a.subscribe, a.subscribe:link, a.subscribe:visited, a.subscribe:active{background:#000000; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:10px 40px; font-family:'Roboto', sans-serif; font-size:20px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#FFFFFF; opacity:1; transition:opacity .25s ease-in-out; -moz-transition:opacity .25s ease-in-out; -webkit-transition:opacity .25s ease-in-out;}
a.subscribe:hover{-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:10px 40px; font-family:'Roboto', sans-serif; font-size:20px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#FFFFFF; opacity:0.5;}

a.social_footer{opacity:1; transition:opacity .25s ease-in-out; -moz-transition:opacity .25s ease-in-out; -webkit-transition:opacity .25s ease-in-out;}
a.social_footer:hover{opacity:0.5;}

.hvr-grow{display:inline-block; vertical-align:middle; -webkit-transform:translateZ(0); transform:translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility:hidden; backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-property:transform; transition-property:transform;}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active{-webkit-transform:scale(1.1); transform:scale(1.1);}

a.hoverani{opacity:1; transition:opacity .25s ease-in-out; -moz-transition:opacity .25s ease-in-out; -webkit-transition:opacity .25s ease-in-out;}
a.hoverani:hover{opacity:0.5;}

a#rotator img{-webkit-transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out;}
a#rotator img:hover{-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg);}

a.general, a.general:link, a.general:visited, a.general:active{background:#FFFFFF; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:10px 40px; font-family:'Roboto', sans-serif; font-size:20px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#333333; opacity:1; transition:opacity .25s ease-in-out; -moz-transition:opacity .25s ease-in-out; -webkit-transition:opacity .25s ease-in-out;}
a.general:hover{-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:10px 40px; font-family:'Roboto', sans-serif; font-size:20px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#333333; opacity:0.5;}

a.checkout_CS, a.checkout_CS:link, a.checkout_CS:visited, a.checkout_CS:active{background:#FFFFFF; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:10px 40px; font-family:'Roboto', sans-serif; font-size:20px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#333333; opacity:1; transition:opacity .25s ease-in-out; -moz-transition:opacity .25s ease-in-out; -webkit-transition:opacity .25s ease-in-out;}
a.checkout_CS:hover{-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:10px 40px; font-family:'Roboto', sans-serif; font-size:20px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#333333; opacity:0.5;}

a.members_logout, a.members_logout:link, a.members_logout:visited, a.members_logout:active{background:#666666; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:10px 40px; font-family:'Roboto', sans-serif; font-size:20px; font-weight:400; text-decoration:none; text-transform:uppercase; color:#FFFFFF; opacity:1; transition:opacity .25s ease-in-out; -moz-transition:opacity .25s ease-in-out; -webkit-transition:opacity .25s ease-in-out;}
a.members_logout:hover{-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:10px 40px; font-family:'Roboto', sans-serif; font-size:20px; font-weight:400; text-decoration:none; text-transform:uppercase; color:#FFFFFF; opacity:0.5;}

a.members_delete, a.members_delete:link, a.members_delete:visited, a.members_delete:active{background:#FF0000; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:10px; font-family:'Roboto', sans-serif; font-size:15px; font-weight:400; text-decoration:none; text-transform:uppercase; color:#FFFFFF; opacity:1; transition:opacity .25s ease-in-out; -moz-transition:opacity .25s ease-in-out; -webkit-transition:opacity .25s ease-in-out;}
a.members_delete:hover{-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:10px; font-family:'Roboto', sans-serif; font-size:15px; font-weight:400; text-decoration:none; text-transform:uppercase; color:#FFFFFF; opacity:0.5;}

input.Print, a.Print, a.Print:link, a.Print:visited{width:auto; height:auto; background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/print.png) left no-repeat #CCCCCC; border:none; float:right; margin:0; padding:6px 10px 6px 37px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Roboto', sans-serif; font-size:16px; font-weight:700; text-decoration:none; text-transform:uppercase; color:#333333; cursor:pointer;}
a.Print:hover, input.Print:hover{width:auto; height:auto; background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/print.png) left no-repeat #EDEDED; border:none; float:right; margin:0; padding:6px 10px 6px 37px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-family:'Roboto', sans-serif; font-size:16px; font-weight:700; text-decoration:none; text-transform:uppercase; color:#333333; cursor:pointer;}

a .ordernow{background:#25A6AC; font-weight:normal; padding:5px 1.9%; width:76.9%; max-width:200px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#FFFFFF; margin-left:auto; margin-right:auto; text-decoration:underline; text-align:center; transition:background-color 0.3s ease;}
a:hover .ordernow{background:#000000;}
a .ordernow2{background:#25A6AC; font-weight:normal; padding:5px; width:130px; clear:both; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#FFFFFF; margin-left:auto; margin-right:auto; text-decoration:none; text-align:center; float:right; margin-bottom:10px; transition:background-color 0.3s ease;}
a:hover .ordernow2{background:#000000;}

a.stepbutton1, a.stepbutton1:link, a.stepbutton1:visited, a.stepbutton1:active{background:#B1E035; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:10px 15px; font-family:'Roboto', sans-serif; font-size:18px; font-weight:400; text-transform:none; text-decoration:none; color:#FFFFFF; opacity:1; transition:opacity .25s ease-in-out; -moz-transition:opacity .25s ease-in-out; -webkit-transition:opacity .25s ease-in-out; float:left;}
a.stepbutton1:hover{opacity:0.5;}

a.stepbutton2, a.stepbutton2:link, a.stepbutton2:visited, a.stepbutton2:active{background:#FFFFFF; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:10px 15px; font-family:'Roboto', sans-serif; font-size:18px; font-weight:400; text-transform:none; text-decoration:none; color:#666666; opacity:1; transition:opacity .25s ease-in-out; -moz-transition:opacity .25s ease-in-out; -webkit-transition:opacity .25s ease-in-out; float:left; margin:0 10px 0 0; border:3px #B1E035 solid;}
a.stepbutton2:hover{opacity:0.5;}

/* END OF BUTTONS */

/* TEXT */

h1{font-family:'Roboto', sans-serif; font-size:20px; font-weight:700; text-transform:none; color:#333333; text-align:left; border:none;}
h1.h1sub{width:100%; height:auto; background:none; float:left; text-align:center; margin:30px 0; padding:0; font-family:'Roboto', sans-serif; font-size:30px; font-weight:400; text-transform:uppercase; color:#333333;}
h1.h2sub{width:100%; height:auto; background:none; float:left; text-align:center; margin:0; margin-bottom:2%; padding:0; font-family:'Roboto', sans-serif; font-size:30px; font-weight:400; text-transform:uppercase; color:#333333;}

h2{font-family:'Roboto', sans-serif; font-size:21px; font-weight:400; text-transform:uppercase; color:#000000; text-align:left; border:none;}
h2.h2sub{width:98%; height:auto; background:#EDEDED; float:left; text-align:left; margin:0 0 10px 0; padding:1% 0% 1% 2%; font-family:'Roboto', sans-serif; font-size:17px; font-weight:400; text-transform:none; color:#333333;}
h3{font-family:'Roboto', sans-serif; font-size:32px; font-weight:300; text-transform:uppercase; color:#000000; text-align:center; border:none;}

a, a:link, a:visited, a:active{color:#000000; text-decoration:underline; text-transform:none; font-weight:400;}
a:hover{color:#333333; text-decoration:underline; text-transform:none; font-weight:400;}

.sitetext{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:400; font-variant:normal; line-height:normal; text-transform:none; color:#666666; list-style-type:square;}
a.sitetext:link, a.sitetext:visited, a.sitetext:active{text-decoration:underline; text-transform:none; font-weight:400; color:#00468C;}
a.sitetext:hover{text-decoration:underline; text-transform:none; font-weight:400; color:#666666;}

.textLarge1{font-family:'Roboto', sans-serif; font-size:30px; line-height:normal; font-weight:400; font-variant:normal; text-transform:none; color:#333333;}
a.textLarge1:link, a.textLarge1:visited, a.textLarge1:active{text-decoration:none; text-transform:uppercase; font-weight:400; color:#333333;}
a.textLarge1:hover{text-decoration:underline; text-transform:uppercase; font-weight:400; color:#34DCE5;}

.textLarge2{font-family:'Roboto', sans-serif; font-size:26px; line-height:normal; font-weight:400; font-variant:normal; text-transform:none; color:#999999;}
a.textLarge2:link, a.textLarge2:visited, a.textLarge2:active{text-decoration:none; text-transform:none; font-weight:400; color:#999999;}
a.textLarge2:hover{text-decoration:underline; text-transform:none; font-weight:400; color:#34DCE5;}

.textLarge3{font-family:'Roboto', sans-serif; font-size:20px; line-height:normal; font-weight:400; font-variant:normal; text-transform:none; color:#34DCE5;}
a.textLarge3:link, a.textLarge3:visited, a.textLarge3:active{text-decoration:none; text-transform:none; font-weight:400; color:#34DCE5;}
a.textLarge3:hover{text-decoration:underline; text-transform:none; font-weight:400; color:#333333;}

.breadcrumbs{width:100%; height:auto; border-bottom:1px #CCCCCC dotted; float:left; text-align:left; margin:0 0 20px 0; padding:5px 0; font-family:'Roboto', sans-serif; font-size:13px; font-weight:700; font-variant:normal; line-height:normal; text-transform:none; text-decoration:none; color:#999999;}
.breadcrumbs a:link, .breadcrumbs a:visited{text-decoration:underline; font-weight:700; color:#000000;}
.breadcrumbs a:hover{text-decoration:underline; font-weight:700; color:#999999;}

/* END OF TEXT */

/* WIDGETS */

.list_dateWidgets{width:45%; height:auto; background:#999999; float:left; margin:20px 0; padding:2.5%;}
.list_dateWidgets h2{width:100%; height:auto; float:left; text-align:left; margin:0 0 20px 0; padding:5px 0 0 0; font-family:'Roboto', sans-serif; font-size:25px; font-weight:700; text-transform:uppercase; color:#FFFFFF;}
.list_dateWidgets ul{width:100%; height:200px; float:left; margin:0; padding:0;}
.list_dateWidgets li{width:100%; height:auto; float:left; text-align:left; margin:0 0 15px 0; padding:0 0 5px 0; list-style-type:none; font-family:'Roboto', sans-serif; font-size:14px; color:#FFFFFF;}
.list_dateWidgets li span{width:100%; height:auto; float:left; text-align:left; margin:0 0 5px 0; padding:0; font-family:'Roboto', sans-serif; font-size:17px; color:#FFFFFF;}
.list_dateWidgets li span a:link, .list_date_hp li span a:visited, .list_date_hp li span a:active{font-weight:700; text-decoration:none; color:#333333;}
.list_dateWidgets li span a:hover{font-weight:700; text-decoration:none; color:#FFFFFF;}
.list_dateWidgets li img{width:40px; height:40px; border:5px solid #FFFFFF; float:left; text-align:left; margin:0 10px 10px 0; padding:0;}
.list_dateWidgets div{width:100%; height:auto; float:left; text-align:left; margin:50px 0 0 0; padding:0;}

.list_testimonialsWidgets{width:45%; height:auto; background:#CCCCCC; float:left; margin:20px 0; padding:2.5%;}
.list_testimonialsWidgets span{width:100%; height:auto; float:left; text-align:left; margin:0 0 20px 0; padding:5px 0 0 0; font-family:'Roboto', sans-serif; font-size:25px; font-weight:700; text-transform:uppercase; color:#FFFFFF;}
.list_testimonialsWidgets ul{width:100%; height:200px; float:left; margin:0; padding:0;}
.list_testimonialsWidgets li{width:100%; height:auto; float:left; text-align:left; margin:0 0 15px 0; padding:0 0 5px 0; list-style-type:none; font-family:'Roboto', sans-serif; font-size:17px; color:#FFFFFF;}
.list_testimonialsWidgets li img{width:40px; height:auto; float:left; text-align:left; margin:0 10px 10px 0; padding:0;}
.list_testimonialsWidgets li span.LTWspan{width:100%; height:auto; float:left; text-align:left; margin:0 0 5px 0; padding:0; font-family:'Roboto', sans-serif; font-size:17px; color:#333333;}
.list_testimonialsWidgets div{width:100%; height:auto; float:left; text-align:center; margin:15px 0; padding:0;}

.list_staffWidgets{width:45%; height:auto; background:#FFFFFF; float:left; margin:20px 0; padding:1% 2.5%;}
.list_staffWidgets h2{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0 0 10px 5px; font-family:'Roboto', sans-serif; font-size:30px; text-transform:capitalize; color:#333333;}
.list_staffWidgets ul{margin:0; padding:0;}
.list_staffWidgets li{width:180px; height:auto; border-bottom:2px #EEEEEE solid; float:left; text-align:left; margin:0 5px 20px 5px; padding:0 0 20px 0; list-style-type:none; font-family:'Roboto', sans-serif; font-size:14px; color:#333333;}
.list_staffWidgets li img{width:100%;}
.list_staffWidgets li div{width:180px; height:70px; float:left; text-align:left; margin:0; padding:0;}
.list_staffWidgets li span{width:100%; height:auto; float:left; text-align:left; margin:0; padding:0; font-size:17px;}
.list_staffWidgets li span a:link, .list_staffWidgets li span a:visited, .list_staffWidgets li span a:active{font-weight:normal; color:#333333; text-decoration:none;}
.list_staffWidgets li span a:hover{font-weight:normal; color:#333333; text-decoration:none;}

.suboptionsContainer{width:100%; max-width:1200px; height:auto; margin:0 auto; padding:0;}
.list_suboptions{width:100%; height:auto; float:left; margin:0; padding:0;}
.list_suboptions h2{width:100%; height:auto; text-align:center; margin:2% 0 0 0; padding:0; font-family:'Roboto', sans-serif; font-size:30px; font-weight:700; line-height:normal; text-transform:uppercase; color:#333333;}
.list_suboptions ul{margin:0; padding:0;}
.list_suboptions li{width:40.5%; height:auto; border:1px #DBDFE0 solid; float:left; text-align:center; margin:2.5%; padding:2%; list-style-type:none; font-family:'Roboto', sans-serif;}
.list_suboptions li div.lso_img{width:20%; height:auto; float:left; text-align:right; margin:0 5% 0 0; padding:0;}
.list_suboptions li div.lso_img img{width:150px; max-width:100%;}
.list_suboptions li div.lso_content{width:75%; height:auto; float:left; text-align:left; margin:0; padding:10px 0;}
.list_suboptions li div.lso_content span{text-align:left;}
.list_suboptions li span{width:100%; height:auto; float:left; text-align:center; margin:0 0 5px 0; padding:0; font-family:'Roboto', sans-serif; font-size:18px; color:#333333;}
.list_suboptions li span a:link, .list_images_text li span a:visited, .list_images_text li span a:active{font-size:22px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#333333;}
.list_suboptions li span a:hover{font-size:22px; font-weight:400; text-transform:uppercase; text-decoration:none; color:#666666;}
.list_suboptions li strong{color:#333333;}

.textcolumnContainer-2{width:100%; height:auto; background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/generaltestbg1.jpg) top center repeat; float:left; margin:0; padding:0; position:relative; display:block;}
.textcolumn-2{width:100%; max-width:1200px; height:auto; text-align:center; margin:0 auto; padding:0;}
.textcolumn-2 h2{width:100%; height:auto; text-align:center; margin:2% 0 0 0; padding:0; font-family:'Roboto', sans-serif; font-size:30px; font-weight:700; line-height:normal; text-transform:uppercase; color:#FFFFFF;}
.textcolumn{width:42%; height:auto; background:#FFFFFF; float:left; text-align:left; margin:2% 2% 3% 2%; padding:0.5% 2%; font-family:'Roboto', sans-serif; font-size:15px; font-weight:400; line-height:normal; color:#333333;}

figure.AB3{width:100%; height:350px; margin:0; padding:0; position:relative; display:block; cursor:pointer; overflow:hidden; text-align:center;}
figure.AB3 img{width:100%; height:100%;}
figure.AB3:hover figcaption.AB3caption{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter:alpha(opacity=100); opacity:1; -webkit-transform:rotate(0); -moz-transform:rotate(0); -o-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); top:0;}
figcaption.AB3caption{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter:alpha(opacity=0); opacity:0; position:absolute; height:100%; width:100%; top:-100%; background:rgba(0,0,0,.5); color:#FFFFFF; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease; -webkit-transition-delay:.5s; -moz-transition-delay:.5s; -o-transition-delay:.5s; -ms-transition-delay:.5s; transition-delay:.5s; -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg);}
figcaption.AB3caption h3{font-family:'Roboto', sans-serif; font-weight:400; color:#CCCCCC; padding:10px 20px 0 20px; margin-bottom:0; position:relative; left:100%; margin-top:25px; font-size:50px; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; transition:all .5s; -webkit-transition-delay:1s; -moz-transition-delay:1s; -o-transition-delay:1s; -ms-transition-delay:1s; transition-delay:1s;}
figcaption.AB3caption p{font-family:'Roboto', sans-serif; padding:10px 20px; margin-bottom:0; margin-top:10px; position:relative; left:100%; font-size:25px; -webkit-transition:all .5s; -moz-transition:all .5s; -o-transition:all .5s; -ms-transition:all .5s; transition:all .5s; -webkit-transition-delay:1.3s; -moz-transition-delay:1.3s; -o-transition-delay:1.3s; -ms-transition-delay:1.3s; transition-delay:1.3s;}
figure.AB3:hover h3,figure.AB3:hover p{left:0;}
figcaption.AB3caption a{color:#FFFFFF; border:2px solid #fff; padding:4px 10px; text-decoration:none;}
figcaption.AB3caption a:hover{color:#4f5856; background:#fff;}

.textimagerowsContainer{width:100%; height:auto;background:#FFFFFF; float:left; margin:0; padding:0; position:relative; display:block;}
.textimagerows{width:100%; max-width:1200px; height:auto; text-align:center; margin:0 auto; padding:0;}
.textimagerows h2{width:100%; height:auto; text-align:center; margin:2% 0 0 0; padding:0; font-family:'Roboto', sans-serif; font-size:40px; font-weight:700; line-height:normal;text-transform:uppercase; color:#333333;}
.textimagerows ul{float:left; margin:0 0 1% 0; padding:0;}
.textimagerows li{width:94%; height:auto; background:#EEEEEE; float:left; text-align:left; margin:2% 0; padding:3%; font-family:'Roboto', sans-serif; font-size:15px; font-weight:400; line-height:normal; color:#333333; list-style-type:none;}
.textimagerows li div{width:40%; height:auto; float:left; text-align:left; margin:10px 5% 0 0; padding:0;}
.textimagerows li div img{width:100%;}
.textimagerows li span{width:55%; height:auto; float:left; text-align:left; margin:0; padding:0;}
.textimagerows li span h3{text-align:left; margin:0 0 10px 0; padding:0; font-family:'Roboto', sans-serif; font-size:25px; font-weight:400; line-height:normal; color:#333333;}
.textimagerows li p{width:100%; height:auto; float:left; text-align:left; margin:0 0 15px 0; padding:0;}

.textimageiconContainer{width:100%; height:auto; background:#FFFFFF; float:left; margin:0; padding:0; position:relative; display:block;}
.textimageiconlisting{width:100%; max-width:1200px; height:auto; text-align:center; margin:0 auto; padding:0;}
.textimageiconlisting h2{width:100%; height:auto; text-align:center; margin:2% 0 0 0; padding:0; font-family:'Roboto', sans-serif; font-size:40px; font-weight:700; line-height:normal; text-transform:uppercase; color:#333333;}
.textimageiconlisting ul{float:left; margin:0 0 1% 0; padding:0;}
.textimageiconlisting li{width:42%; height:auto; background:#EEEEEE; float:left; text-align:left; margin:2%; padding:2%; font-family:'Roboto', sans-serif; font-size:15px; font-weight:500; line-height:normal; color:#333333; list-style-type:none;}
.textimageiconlisting li a{text-decoration:none;}
.textimageiconlisting li div{width:20%; height:auto; float:left; text-align:left; margin:0 5% 0 0; padding:0;}
.textimageiconlisting li div img{width:100%;}
.textimageiconlisting li span{width:75%; height:auto; float:left; text-align:left; margin:0; padding:0;}
.textimageiconlisting li span h3{text-align:left; margin:0 0 10px 0; padding:0; font-family:'Roboto', sans-serif; font-size:25px; font-weight:400; line-height:normal; color:#333333;}
.textimageiconlisting li p{width:100%; height:auto; float:left; text-align:left; margin:0 0 15px 0; padding:0;}

.animatedBoxes-3{width:100%; height:auto; float:left; margin:0; padding:0; position:relative; display:block;}
.animatedBoxes-3 ul{margin:0; padding:0;}
.animatedBoxes-3 li{width:33%; height:auto; float:left; margin:0; padding:0; list-style-type:none;}
.animatedBoxes-3 li.ABLI_wide{width:34%; height:auto; float:left; margin:0; padding:0; list-style-type:none;}

/* END OF WIDGETS */

/* MISC */

.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.hp_btn {display: none;}
.hp_btn a{flex: 1 1 48%; text-align: center; font-size: 20px; color: #ffffff; font-weight: 600; font-family: 'Open Sans', sans-serif; background: #B1E035; padding: 5px 0px; text-decoration: none; border-radius: 5px; margin: 10px 1%; box-sizing: border-box; align-items: center; display: flex; justify-content: center;}
	.hp_btn a:hover{opacity:0.5;}
.hp_mob {display: none;}
.hp_cat_res{width:100%; float:left; height:auto;}
.hp_cat_res img{width:48%; float:left; height:auto; margin: 20px 1%;}
.hp_cat_res {display: none;}
.imghelper{display:inline-block; height:100%; vertical-align:middle;}

.scrollbox{height:500px; background:#F5F7F2 repeat scroll 0 0; overflow:auto; margin-bottom:40px; padding-right:5px; font-family:'Roboto', sans-serif; font-size:12px; line-height:normal; font-weight:normal; font-variant:normal; text-transform:none; color:#333333; list-style-type:square;}

.steps{width:73%; height:auto; float:left; margin:20px 3% 0 0; padding:0;}
.steps ul{width:100%; height:auto; float:left; margin:0 0 20px 0; padding:0;}
.steps li{width:20%; height:auto; min-height:200px; border:2px solid #EBEFE6; border-top:5px #333333 solid; float:left; text-align:center; margin:0 1.4%; padding:0 5%; list-style-type:none;}
.steps li img{width:auto; max-width:100px; height:auto; max-height:100px;}
.steps li h2{font-family:'Roboto', sans-serif; font-size:18px; font-weight:400; text-transform:none; color:#000000; text-align:center; border:none;}

.step1_border2{width:96%; height:auto; background:#F5F5F5; float:left; margin:0 0 30px 0; padding:0 2% 30px 2%; border-top:5px #333333 solid;;}
.step1_border2 p{padding:0; width:100%; margin:15px 0; color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:22px; text-align:left;}

.colour_header{width:96%; height:auto; background:#333333; float:left; text-align:right; padding:10px 2%; font-family:'Roboto', sans-serif; font-size:16px; color:#B1E035;}
.colour_header div{float:left; text-align:left; color:#ffffff;}
.colour_header strong{color:#B1E035;}

.colour_range_left{width:50%; float:left; height:auto; overflow:visible; margin-right:5%;}
.colour_range_left img{width:100%; float:left;}
p.colour_range_left{background:none; margin:20px 0 0 0; padding:0; width:100%; height:100%; overflow:visible; color:#333333; font-family:Helvetica, Arial, sans-serif; font-size:15px;}
.colour_range_right{width:45%; height:auto; overflow:visible; float:right; text-align:left;}
.colour_range_right div.CRRdiv{width:94%; height:auto; background:#FFFFFF; float:left; text-align:left; margin:0 0 20px 0; padding:0 3%;}
.colour_range_right div.CRRdiv p{float:left; font-size:18px; color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif;}
.colour_range_right div.CRRdiv ul{margin:0; padding:0; float:left; width:100%;}
.colour_range_right div.CRRdiv li{margin:0 3% 7px 0; padding:0; float:left; list-style-type:none; width:30%; max-width:100px;}
.colour_range_right div.CRRdiv li img{width:100%; max-width:100px; height:100%; max-height:100px;}

.products_header{width:97%; height:auto; min-height:160px; background:#333333; float:left; text-align:left; margin:0; padding:25px 1.5%; font-family:'Roboto', sans-serif; font-size:18px; font-weight:normal; color:#FFFFFF;}
.products_header img{margin-right:20px;}
.products_header h1{font-weight:normal; color:#FFFFFF; margin:0 0 10px 0; text-transform:uppercase; font-size:25px;}
.products_header h2{font-weight:normal; color:#B1E035; margin:0 0 10px 0; text-transform:none;}
.products_header h2 strong{font-weight:normal; color:#FFFFFF;}

.products_header2{background:#333333; border-radius:10px; width:97%; height:auto; min-height:120px; margin:0; color:#FFFFFF; padding:25px 1.5%; font-family:'Roboto', sans-serif; font-weight:normal; margin-bottom:10px; font-size:12px; text-align:left;}
.products_header2 img{margin-right:20px;}
.products_header2 h2{margin:0; font-weight:normal; color:#BBD871;}

.addsidepanels{width:100%; height:auto; float:left; margin-top:30px; margin-bottom:30px;}
.addsidepanels ul{margin:0; padding:0; width:100%; height:auto; float:left; list-style-type:none;}
.addsidepanels li{margin:0; padding:0; width:33.333%; height:auto; float:left; list-style-type:none; text-align:center;}

.accordion{background-color:#555555; color:#fff; cursor:pointer; padding:18px; width:100%; border:none; text-align:left; outline:none; font-size:18px; transition:0.4s; font-family:'Open Sans', sans-serif; font-weight:400;}
.accordion span{color:#B1E035; text-transform:uppercase; float:left; width:100px;}
.active, .accordion:hover{background-color:#000;}
.accordion:after{content:'\002B'; color:#fff; font-weight:400; float:right; margin-left:5px;}
.active:after{content:"\2212";}

.panel{padding:0 18px; max-height:0; overflow:hidden; transition:max-height 0.2s ease-out;}
.product_spec_wrap{width:96%; height:auto; background:#f5f5f5; float:left; padding:30px 2%;}
.product_spec{width:100%; height:auto; max-width:1200px; margin:0 auto;}
.spec_left{width:65%; float:left; height:auto; margin-right:5%;}
.spec_right{width:30%; float:left; height:auto; background:#555555; font-family:'Open Sans', sans-serif; font-size:22px; font-weight:400; color:#fff;}
.total_sum{width:90%; margin:10px 5% 30px; height:auto; loat:left;}
.summary_deet{width:86%; margin:10px 5% 40px; background:#fff; font-size:18px; color:#555555; font-weight:400; float:left; text-align:left; padding:10px 2%;}
.spec_right h2{color:#B1E035; font-size:32px; font-family:'Open Sans', sans-serif; font-weight:400; text-align:center;}
.summary_deet span{width:80%; float:left; height:auto;}
.summary_deet div{width:10%; float:right; height:auto; padding-top:5px;}
.summary_delivaroo{background:#000; color:#fff; font-size:18px; font-weight:300; font-family:'Open Sans', sans-serif; padding:10px 5%; width:90%; margin-top:30px;}

.filter_color_optn{width:100%; height:auto; float:left; margin:20px 0;}
.filter_color_optn h2{color:#333333; font-family:'Roboto', sans-serif; font-size:35px; font-weight:300; text-align:center;}
.filter_color_optn ul{width:100%; height:auto; float:left; margin:0; padding:0; display:flex; flex-wrap:wrap;}
.filter_color_optn li{width:18%; height:auto; min-height:200px; margin:10px 1%; padding:0; text-align:center; list-style-type:none; float:left; font-size:10px;}
.filter_color_optn li span{width:100%; height:auto; min-height:50px; margin:5px 0 0 0; padding:0; text-align:center; float:left;}
.filter_color_optn li img{width:auto; max-width:130px; height:auto; max-height:130px;}

.filter_color{width:100%; height:auto; float:left; margin:20px 0 80px 0;}
.filter_color h2{color:#333333; font-family:'Roboto', sans-serif; font-size:35px; font-weight:300; text-align:center;}
.filter_color ul{width:100%; height:auto; float:left; margin:0; padding:0;}
.filter_color li{width:8%; height:auto; margin:10px 1%; padding:0; text-align:center; list-style-type:none; float:left;}
div.greys{background:#A5A5A5; float:left; height:100px; width:100%; margin-bottom:5px;}
div.blacks{background:#000; float:left; height:100px; width:100%; margin-bottom:5px;}
div.whites{background:#fff; float:left; height:98px; width:100%; border:1px solid #999; margin-bottom:5px;}
div.creams{background:#FFFBD1; float:left; height:100px; width:100%; margin-bottom:5px;}
div.mussels{background:#FFC99E; float:left; height:100px; width:100%; margin-bottom:5px;}
div.browns{background:#843914; float:left; height:100px; width:100%; margin-bottom:5px;}
div.purples{background:#70369A; float:left; height:100px; width:100%; margin-bottom:5px;}
div.pinks{background:#FFCCF9; float:left; height:100px; width:100%; margin-bottom:5px;}
div.reds{background:#FE0011; float:left; height:100px; width:100%; margin-bottom:5px;}
div.oranges{background:#FEBC43; float:left; height:100px; width:100%; margin-bottom:5px;}
div.yellows{background:#FFF659; float:left; height:100px; width:100%; margin-bottom:5px;}
div.greens{background:#01AE5C; float:left; height:100px; width:100%; margin-bottom:5px;}
div.blues{background:#0082AC; float:left; height:100px; width:100%; margin-bottom:5px;}
div.oaks{background:#BF8D2E; float:left; height:100px; width:100%; margin-bottom:5px;}
div.walnuts{background:#805F1C; float:left; height:100px; width:100%; margin-bottom:5px;}
div.textureds{background:#C85722; float:left; height:100px; width:100%; margin-bottom:5px;}
div.traditionals{background:#FFFCD1; float:left; height:100px; width:100%; margin-bottom:5px;}
div.moderns{background:#FFCA46; float:left; height:100px; width:100%; margin-bottom:5px;}
div.exotics{background:#C85722; float:left; height:100px; width:100%; margin-bottom:5px;}

.products_btm_bar{float:left; width:100%; height:auto; color:#f5f5f5; background:#f5f5f5; padding:30px 0;}
.products_btm_bar ul{float:none; width:100%; height:auto; margin:0 auto; padding:0;max-width:1200px;}
.products_btm_bar li{float:left; width:23%; height:auto; margin:0 1%; padding:0; list-style-type:none;}
.products_btm_bar li img{float:left;width:100%;height:auto;}
.paymentlogos{width:100%; max-width:458px; height:auto; text-align:center; margin:20px auto;}
.hp_banners{width:100%;float:left; height: auto;}
.hp_left{width:40%; float:left; height:auto;height: 100%;}
.hp_left img{width:100%; float:left; height:240px; object-fit: cover;}

.hp_left ul {margin: 0;padding:0; float: left;width: 100%;height: auto; list-style-type: none;}
.hp_left a {text-decoration: none;}
.hp_left li div a:hover {color: #ffffff;}
.hp_left li div a {color: #ffffff;}
.hp_left li div {
	background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/v1672840830/images/general/button-arrow.png) no-repeat 94% 50%, #000000;
	opacity: 0.6;
	color: #ffffff; 
	border: 2px solid #ffffff; 
	width:max-content; 
	height: auto; 
	position: absolute;
	float: left;
	margin: 0 auto;
	display: block;
	font-size: 16px; 
	font-family:'Open Sans', sans-serif; 
	padding: 10px 30px 10px 15px;
	right: 0;
	left: 0;
	margin-top: 68%;
}
.hp_left ul li{
	width: 47%;
	float: left;
}
.hp_left > ul:nth-child(1) > li:nth-child(1){
	width:100% !important;
	margin-bottom: 20px;
	float: left;
}
.hp_left > ul:nth-child(1) > li:nth-child(3){
	margin-left: 20px;
}
.hp_left ul li{
	position: relative;
}
.hp_left > ul:nth-child(1) > li:nth-child(1) > div:nth-child(2){
	margin-top: 34%;
}
.hp_right ul li{
	position: relative;
}
.hp_right{width:58.5%; float:left; height:auto; margin-left:1.5%;}
.hp_right img{width:100%; float:left; height: 500px;object-fit: cover;}
.hp_right a {text-decoration: none;}
.hp_right ul {margin: 0;padding:0; float: left;width: 100%;height: auto; list-style-type: none;}
.hp_right li div a:hover {color: #ffffff;}
.hp_right li div a {color: #ffffff;}
.hp_right li div {
	background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/v1672840830/images/general/button-arrow.png) no-repeat 90% 50%, #000000;
	opacity: 0.6;
	color: #ffffff; 
	border: 2px solid #ffffff; 
	width: max-content; 
	height: auto; 
	position: absolute;
	float: left;
	right: 0;
	left: 0;
	margin:0 auto;
	display: block;
	font-size: 20px; 
	font-family:'Open Sans', sans-serif; 
	padding: 13px 40px 13px 20px;
	margin-top: 54%;
}


.hp_features{width:100%;height:auto; float:left; background:#F5F5F5; text-align:center; padding:20px 0; margin:30px 0;}
.hp_features h2{text-align:center;font-family:'Roboto', sans-serif;font-size:35px; font-weight:300;color:#333333; margin:0;padding:0;}
.hp_features p{text-align:center;font-family:'Roboto', sans-serif;font-size:20px; font-weight:300;color:#333333; margin:0;padding:0;}
.hp_features ul{margin:20px 0; padding:0; list-style-type:none; float:left; height:auto; width:100%;}
.hp_features li{margin:0 1%; padding:0; list-style-type:none; float:left; height:auto; width:23%;}
.hp_features img{margin:0; padding:0; float:left; width:100%; height:auto;}
.hp_features span{margin:0; padding:30px 10%; float:left; width:80%; height:auto; background:#ffffff; font-size:14px; color:#333333; font-weight:300;font-family:'Open Sans', sans-serif; min-height:50px;}
.hp_video{float:left; margin:0; padding:0; height:auto; width:55%; text-align:left;}
.section_content_hp{float:left; margin:0 0 0 3%; padding:0; height:auto; width:42%; text-align:left;font-family:'Open Sans', sans-serif; font-size:15px; color:#555555; font-weight:400; line-height:1.5;}
.section_content_hp h1{font-family:'Open Sans', sans-serif; text-align:left; font-size:30px; font-weight:400; color:#000000; line-height:1;}
.openinghours{width:100%; height:60px; float:left; background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/clock.png) no-repeat; margin:5px 0;}
.openinghours ul{margin:0 0 0 20%; padding:0; list-style-type:none; float:left; width: 80%; height:auto; color:#555555; font-size:12px; font-weight:400;font-family:'Open Sans', sans-serif;}
.openinghours li{width:100%;margin:0; padding:0; float:left; height:auto;}
.openinghours li span{width:50%; height:auto; float:left;}
.openinghours_sub{width:40%; height:60px; float:left; background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/clock.png) no-repeat; margin:40px 30% 10px;}
.openinghours_sub div{width:50%; float:left; height:auto; margin-top:5px;}
.openinghours_sub ul{margin:0 5% 0 15%; padding:8px 0 0 0; list-style-type:none; float:left; width:30%; height:auto; color:#555555; font-size:12px; font-weight:400;font-family:'Open Sans', sans-serif;}
.openinghours_sub li{width:100%;margin:0;  float:left; height:auto; text-align:left;}
.openinghours_sub li span{width:50%; height:auto; float:left;}
a.biggreen{float:left;text-align:center; font-size:31px; color:#ffffff; font-weight:600;font-family:'Open Sans', sans-serif; background:#B1E035; padding:5px 23px; text-decoration:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
a:hover.biggreen{opacity:0.5;}
a.bigblue{text-align:center; font-size:31px; color:#ffffff; font-weight:600;font-family:'Open Sans', sans-serif; background:#34DCE5; padding:5px 23px; text-decoration:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; margin:10px auto 30px;}
a:hover.bigblue{opacity:0.5;}

.tableResponsive{border:none; overflow-x:auto; overflow-y:auto; width:100%;}

.form_wrap{width:50%; height:auto; text-align:center; margin:0 auto; padding:0; display:block;}
.map_wrap{width:100%; height:auto; text-align:center; margin:0 auto; padding:0; display:block; }
.map_wrap h2{width:100%; height:auto; text-align:center; margin:0 0 20px 0; padding:0; display:block; font-size:26px; color:#9A679A;}
.map_wrap div.mapdiv{text-align: center;
  margin: 0 auto;
  padding: 0;
  border-top: 10px #9A679A solid;
  box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.30);
  display: flex;}
.gmappss{padding-top: 81px;
  padding-right: 21px;
  padding-left: 21px;}
.gmapps{padding-top: 81px;
  padding-right: 21px;
  padding-left: 21px;}
.optinContainer{width:95%; height:auto; background:#FFFFFF; border:1px #D3D3D3 solid; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; box-shadow:0 0 4px 1px rgba(0, 0, 0, 0.08); float:left; text-align:left; margin:0; padding:2%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; display:block; color:#999999; -webkit-appearance:none;}
.optinContainer input{float:left; margin:3px 5px 0 0;}

.openingTimes{width:100%; max-width:1200px; height:auto; background-size:100% 100%; float:left; text-align:center; margin:30px 0 0 0; padding:100px 0; position:relative; display:block;}
.openingTimes_container{width:710px; height:410px; background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/openingTimes-bg1.png) no-repeat; background-size:100% 100%; margin:0 auto; padding:0;}
.openingTimes_title{width:50%; height:auto; float:left;  margin:80px 0 0 0; padding:0;}
.openingTimes div.OTdiv{width:50%; height:auto; float:right; text-align:center; margin:0; padding:0;}
.openingTimes div.OTdiv ul{width:260px; height:auto; float:right; margin:100px 45px 100px 0; padding:0;}
.openingTimes div.OTdiv li{width:100%; height:auto; float:left; margin:0 0 10px 0; padding:0; list-style-type:none; font-family:'Roboto', sans-serif; font-size:17px; font-weight:400; color:#FFFFFF;}
.openingTimes div.OTdiv li span{width:40%; height:auto;float:left;text-align:right; margin:0 5% 0 0; padding:0; font-weight:700;}
.openingTimes div.OTdiv li div{width:55%; height:auto; float:right; text-align:left; margin:0; padding:0;}
.openingTimes_content{width:710px; height:auto; margin:20px auto; padding:0; color:#FFFFFF;}

.author_profile{width:90%; height:auto; border:1px #D3D4D0 solid; float:left; text-align:left; margin:10px 0 30px 0; padding:5%; display:block; font-family:'Roboto', sans-serif; font-size:14px; font-weight:400; text-transform:none; color:#333333;}
.author_profile img{width:100px; height:auto; float:left; text-align:left; margin:0 10px 0 0; padding:0;}
.author_profile span{font-size:21px; font-weight:400; transform:uppercase; color:#000000; text-align:left;}

.share_options{width:90%; height:auto; background:#D3D4D0; float:left; text-align:left; margin:0 0 2px 0; padding:5% 5% 3% 5%; display:block; font-family:'Roboto', sans-serif; font-size:14px; text-transform:none; color:#333333; font-weight:400;}
.share_options span.SOspan{width:auto; height:auto; float:left; text-align:left; margin:0 5%; padding:0;}
.share_options div.SOdiv{width:auto; height:auto; float:left; text-align:left; margin:0 5% 0 0; padding:0;}

.productjquery{width:100%; max-width:1200px; height:420px; background:#F6F6F6; float:left; text-align:left; margin:0; padding:0; position:relative; display:block;}
.productjquery span.PJspan{width:100%; height:auto; background:#333333; float:left; text-align:center; margin:0; padding:7px 0 5px 0; font-family:'Roboto', sans-serif; font-size:24px; font-weight:400; text-transform:uppercase; color:#FFFFFF;}

.newsletter{width:100%; background:#CCCCCC; height:auto; text-align:center; margin:0 auto; padding:0 0 20px 0;}
.newsletter h2{font-size:45px; color:#333333; margin:20px auto; font-family:'Roboto', sans-serif; font-weight:300; text-align:center; text-transform:none;}
.newsletter p{color:#333333; font-family:'Roboto', sans-serif; font-size:18px;}

figure.figureBlog{margin:0; display:inline-block; position:relative;}
figure.figureBlog .card{width:100%; background:#F2F2F2; text-align:left; margin:0 0 50px 0; display:inline-block; position:relative; padding-bottom:5px;}
figure.figureBlog .card .date{width:92%; height:auto; background:#FFFFFF; float:left; text-align:center; margin:2%; padding:2%; display:inline-block; position:relative; font-family:'Roboto', sans-serif; font-size:20px; color:#666666;}
figure.figureBlog .card .date p{margin:0; padding:0; font-size:70px; font-weight:400; line-height:70px;}
figure.figureBlog .card .card-info{padding:5%;}
figure.figureBlog .card .card-info h4{width:100%; margin:0 0 10px 0; font-family:'Roboto', sans-serif; font-size:18px; font-weight:700;}
figure.figureBlog .card .card-info h4 a:link, figure.figureBlog .card .card-info h4 a:visited, figure.figureBlog .card .card-info h4 a:active{font-weight:700; color:#000000; text-decoration:none; text-transform:none;}
figure.figureBlog .card .card-info h4 a:hover{font-weight:700; color:#666666; text-decoration:none; text-transform:none;}
figure.figureBlog .card .card-info .content{font-family:'Roboto', sans-serif; font-size:16px; font-weight:400; color:#666666; margin:0 0 20px 0;}
figure.figureBlog .card .card-info .options span{color:#333333;}
figure.figureBlog .card .card-info .card-author-line{font-family:'Roboto', sans-serif; font-size:14px; font-weight:400; margin:0 0 10px 0;}
figure.figureBlog .card .card-info .card-author-line .card-date{font-weight:700;}
figure.figureBlog .card .card-info .card-excerpt{font-family:'Roboto', sans-serif; font-size:14px; font-weight:400;}
figure.figureBlog .card .card-info .card-read-line{text-align:center; margin-top:30px;}
figure.figureBlog .card img{width:100%; height:auto;}
figure.figureBlog .card img:hover{filter:gray; /* IE6-9 */ filter:grayscale(1); /* Firefox 35+ */ -webkit-filter:grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */}

hr{height:2px; background-color:#DBDFE0; color:#DBDFE0; width:100%; border:0;}

.imagespacer1{float:right; margin:10px 0; width:42.5%; max-width:365px;}
.imagespacer2{float:left; margin:5px 1% 10px 0;}

#footerSlideContainer{position:fixed; bottom:0; width:100%; z-index:10; display:block;}
#footerSlideButton{background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/callback.jpg) top left repeat-x; position:absolute; top:-50px; right:230px; width:100%; max-width:200px; height:50px; border:none; cursor:pointer; font-family:'Roboto', sans-serif; color:#FFFFFF; font-size:25px; padding:0;}
#footerSlideContent{width:100%; height:0; background:#333333; color:#BC151C; font-size:0.8em; border:none; font-family:'Roboto', sans-serif; overflow:hidden;}
#footerSlideContent h3{text-align:left; font-size:16px; font-weight:400; color:#FFFFFF; margin:0 0 20px 0;}
#footerSlideContent ul{color:#BC151C; list-style-type:none; line-height:2em;}
#footerSlideText{width:93%; max-width:930px; margin:0 auto; padding:25px 0; height:auto; overflow:visible;}
.footerSlideText_contact{width:200px; height:auto; float:right; text-align:left; margin:-10px 0 0 50px; padding:0; display:block;}
.footerSlideText_contact .FSTC_tel{width:175px; height:auto; background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/tel_footer.png) top left no-repeat; float:left; text-align:left; margin:0 0 15px 0; padding:0 0 0 35px; display:block; font-family:'Roboto', sans-serif; font-size:15px; font-weight:700; color:#FFFFFF;}
.footerSlideText_contact .FSTC_tel span{color:#CCCCCC;}
.footerSlideText_contact .FSTC_tel a{font-weight:700; color:#FFFFFF; text-decoration:none;}
.footerSlideText_contact .FSTC_tel a:hover{font-weight:700; color:#CCCCCC; text-decoration:none;}
.footerSlideText_contact .FSTC_pointer{width:175px; height:auto; background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/location.png) top left no-repeat; float:left; text-align:left; margin:0 0 20px 0; padding:0 0 0 35px; display:block; font-family:'Roboto', sans-serif; font-size:15px; font-weight:700; color:#FFFFFF;}
.footerSlideText_contact .FSTC_pointer span{color:#CCCCCC;}
.footerSlideText_contact .FSTC_pointer a{font-weight:700; color:#FFFFFF; text-decoration:none;}
.footerSlideText_contact .FSTC_pointer a:hover{font-weight:700; color:#CCCCCC; text-decoration:none;}
.footerSlideText_contact .FSTC_email{width:175px; height:auto; background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/contact_footer.png) top left no-repeat; float:left; text-align:left; margin:0 0 20px 0; padding:0 0 0 35px; display:block; font-family:'Roboto', sans-serif; font-size:15px; font-weight:700; color:#FFFFFF;}
.footerSlideText_contact .FSTC_email span{color:#CCCCCC;}
.footerSlideText_contact .FSTC_email a{font-weight:700; color:#FFFFFF; text-decoration:none;}
.footerSlideText_contact .FSTC_email a:hover{font-weight:700; color:#CCCCCC; text-decoration:none;}

#statusMessage{width:40%; max-width:400px; height:120px; background:#999999; border:2px #333333 solid; padding:30px 0.5% 5px 0.5%; text-align:center; font-family:'Roboto', sans-serif; font-size:15px; font-weight:700; color:#FFFFFF; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; box-shadow:1px 1px 20px 1px #999999;}
#statusMessageWishList{width:40%; max-width:400px; height:120px; background:#999999; border:2px #333333 solid; padding:30px 0.5% 5px 0.5%; text-align:center; font-family:'Roboto', sans-serif; font-size:15px; font-weight:700; color:#FFFFFF; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; box-shadow:1px 1px 20px 1px #999999;}
#deleteMessage{width:40%; max-width:400px; height:120px; background:#999999; border:2px #333333 solid; padding:30px 0.5% 5px 0.5%; text-align:center; font-family:'Roboto', sans-serif; font-size:15px; font-weight:700; color:#FFFFFF; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; box-shadow:1px 1px 20px 1px #999999;}

#currencycountrybox{width:32%; max-width:350px; height:auto; background:#999999; position:absolute; z-index:30; top:90px; right:401px; padding:5px 0.5%; text-align:left; font-size:13px; font-family:'Roboto', sans-serif; color:#FFFFFF;}
#currencycountrybox p{margin-top:0; font-family:'Roboto', sans-serif;}
#currencycountrybox label{width:100px; float:left; margin:5px 5px 5px 0; font-size:15px; font-weight:400;}
#currencycountrybox select{width:150px; height:auto; background:#FFFFFF; border:1px #999999 solid; float:left; text-align:left; margin:0 5px 5px 0; padding:1.5%; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; font-weight:400; display:block; color:#999999;}
input.submitCC, a.submitCC, a.submitCC:link, a.submitCC:visited{font-family:Helvetica; color:#666666; background:#FFFFFF; border:none; font-size:13px; font-weight:700; padding:5px 10px; cursor:pointer; text-decoration:none; width:auto; text-transform:none; margin-top:5px;}
a.submitCC:hover, input.submitCC:hover{font-family:Helvetica; color:#666666; background:#CCCCCC; border:none; font-size:13px; font-weight:700; padding:5px 10px; cursor:pointer; text-decoration:none; width:auto; text-transform:none;}

a.tooltip{outline:none; text-decoration:none; border-bottom:dotted 1px blue; text-align:left;}
a.tooltip strong{line-height:30px;}
a.tooltip > span{width:auto; max-width:600px; padding:20px; margin-top:0; margin-left:-11.5%; opacity:0; visibility:hidden; z-index:10; position:absolute; font-family:'Roboto', sans-serif; font-size:16px; font-style:normal; -webkit-border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; -webkit-box-shadow:2px 2px 2px #999; -moz-box-shadow:2px 2px 2px #999; box-shadow:2px 2px 2px #999; -webkit-transition-property:opacity, margin-top, visibility, margin-left; -webkit-transition-duration:0.4s, 0.3s, 0.4s, 0.3s; -webkit-transition-timing-function:ease-in-out, ease-in-out, ease-in-out, ease-in-out; -moz-transition-property:opacity, margin-top, visibility, margin-left; -moz-transition-duration:0.4s, 0.3s, 0.4s, 0.3s; -moz-transition-timing-function:ease-in-out, ease-in-out, ease-in-out, ease-in-out; -o-transition-property:opacity, margin-top, visibility, margin-left; -o-transition-duration:0.4s, 0.3s, 0.4s, 0.3s; -o-transition-timing-function:ease-in-out, ease-in-out, ease-in-out, ease-in-out; transition-property:opacity, margin-top, visibility, margin-left; transition-duration:0.4s, 0.3s, 0.4s, 0.3s; transition-timing-function:ease-in-out, ease-in-out, ease-in-out, ease-in-out;}
a.tooltip:hover > span{opacity: 1; text-decoration:none; visibility:visible; overflow:visible; margin-top:50px; display:inline; margin-left:-60px;}
a.tooltip span b{width:15px; height:15px; margin-left:20px; margin-top:-19px; display:block; position:absolute; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-box-shadow:inset -1px 1px 0 #fff; -moz-box-shadow:inset 0 1px 0 #fff; -o-box-shadow:inset 0 1px 0 #fff; box-shadow:inset 0 1px 0 #fff; display:none\0/; *display:none;}
a.tooltip > span{color:#FFFFFF; background:#333333; border:2px solid #B1E035;}
a.tooltip span b{background:#333333; border-top:2px solid #B1E035; border-right:2px solid #B1E035;}

.covid19feature{width:80%; float:left; padding:0px 10% 20px 10%; font-family:'open sans', sans-serif; display:none;}
.covid19feature span{width:100%; float:left; text-align:center; font-size:30px;font-weight:bold;margin:0 0 20px 0; text-transform:uppercase; font-family:'Roboto', sans-serif; display: none;}

.whatsapp_feature{display: none;}
.whatsapp_feature img{position: absolute;right:0;top:0; z-index:99;}

#viewGallery li{overflow: visible; margin: 15px 1% 15px 0%;}
#viewGallery li div.LPEimg{display: none;}
#viewGallery li div.LPEinfo10{margin: 0; float: left;}
#viewGallery li div.LPEinfo10 a{margin: 0;}


/* END OF MISC */

/* SHOP */

.hide{display:inline-block;}
.mobilehide{display:inline-block;}
.mobileshow{display:none;}
.navshow{width:100%; float:left; display:none;}

#optiondropdownsList{width:100%; height:auto; float:left;}
#optiondropdownsList label{width:60px; font-weight:700; float:left; text-align:left; margin:0 10px 0 0;}

#code{width:100%; height:auto; background:none; border:none; float:left; text-align:left; margin:0 0 10px 0; padding:0; font-family:'Open Sans', sans-serif; font-size:16px; color:#333333;}
#price{width:100%; height:auto; background:none; border:none; float:left; text-align:left; margin:0 0 10px 0; padding:0; font-family:'Open Sans', sans-serif; font-size:26px; font-weight:600; color:#333333;}
#price span{font-size:16px; font-weight:400; color:#CCCCCC;}
#rrp{width:100%; height:auto; background:none; border:none; float:left; text-align:left; margin:0 0 10px 0; padding:0; font-family:'Open Sans', sans-serif; font-size:16px; color:#333333;}

.productDetailBar{width:100%; height:auto; background:none; border:none; float:left; text-align:left; margin:0 0 15px 0; padding:0; font-family:'Open Sans', sans-serif; font-size:16px; color:#333333;}
.productDetailDescLTF{width:20%; height:auto; float:left; text-align:left; margin:0 3% 0 0; padding:0; font-family:'Open Sans', sans-serif; font-size:16px; font-weight:700; text-transform:uppercase; color:#9A679A;}
.productDetailDescRHT{width:77%;height:auto; float:left; text-align:left; margin:0; padding:0;}
.productDetailDescRHT select{width:auto; height:auto; background:#FFFFFF; border:1px #CCCCCC solid; float:left; text-align:left; margin:0; padding:0.5% 1.5%; font-weight:400;}

.calltoaction{width:100%; height:auto; float:left; text-align:left; margin:10px 0; padding:0;}
.calltoaction h3{width:100%; height:auto; float:left; text-align:left; margin:0 0 3px 0; font-family:'Open Sans', sans-serif; font-size:17px; font-weight:600; text-transform:none; color:#34DBE4;}
.calltoaction span{width:auto; height:auto; float:left; margin:0 3px 0 0; padding:0;}
.calltoaction ul{width:auto; height:auto; float:left; margin:0; padding:0;}
.calltoaction li{width:auto; height:auto; float:left; margin:0; padding:0; list-style-type:none; display:inline;}

/* END OF SHOP */

/* JQUERY */

.slideshow{width:100%; max-width:1000px; height:300px; text-align:center; margin:0 auto;}

.acc_trigger{width:100%; height:40px; float:left; text-align:left; margin:0 0 1px 0; padding:0; border:none;}
.acc_trigger a{width:96%; height:33px; background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/faqsbg1.jpg) right top no-repeat; float:left; text-align:left; margin:0; padding:7px 2% 0 2%; border:none; color:#000000; font-family:'Roboto', sans-serif; font-size:20px; font-weight:400; text-decoration:none; display:block; cursor:pointer;}
.acc_trigger a:hover{width:96%; height:33px; float:left; text-align:left; margin:0; padding:7px 2% 0 2%; border:none; color:#999999; font-family:'Roboto', sans-serif; font-size:20px; font-weight:400; text-decoration:none; display:block; cursor:pointer;}
.acc_trigger_active a{background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/faqsbg1Active.jpg) right top no-repeat;}
.acc_container{width:94%; height:auto; background:#EEEEEE; clear:both; float:left; text-align:left; margin:0 0 2px 0; padding:2% 3%; border:none; font-family:'Roboto', sans-serif; color:#333333;}

.my-simple-gallery{width:100%; height:auto; float:left; text-align:center; margin:0; padding:0;}
.my-simple-gallery img{width:100%; height:auto;}
.my-simple-gallery figure{display:block; float:left; height:auto; overflow:hidden;}
.my-simple-gallery figure.figureMain{float:right; margin:10px 0; width:42.5%; max-width:365px;}
.my-simple-gallery figure.figureMain img{width:100%;}
.my-simple-gallery figure.figureMain2{margin:0 0 5% 0; width:100%;}
.my-simple-gallery figure.figureMain2 img{width:100%;}
.my-simple-gallery figure.figureMain3{margin:15px 5% 5% 0; width:100%; max-width:200px; display:block; float:left; height:auto; overflow:hidden;}
.my-simple-gallery figure.figureMain3 img{width:100%;}
.my-simple-gallery figure.figureMainProduct{margin:0 2%; width:96%; position:relative;}
.my-simple-gallery figure.figureMainProduct img{width:auto;}
.my-simple-gallery figure.figureSub{margin:3%; width:44%; height:auto; background:#F5F5F5;}
.my-simple-gallery figure.figureSub img{width:96%; height:96%; padding:2%; vertical-align:bottom;}
.my-simple-gallery figure.figureSub2{margin:2%; width:29%; height:120px;}
.my-simple-gallery figure.figureSub2 img{width:100%; height:100%;}
.my-simple-gallery figure.figureGallery{margin:2%; width:16%; height:auto;}
.my-simple-gallery figure.figureGallery img{width:100%; height:auto;}
.my-simple-gallery figcaption{display:block;}
.my-simple-gallery figure.figureTeamMain{float:none; margin:0 auto 5% auto; width:30%;}
.my-simple-gallery figure.figureTeamMain img{width:100%;}
.my-simple-gallery figure.figureJobMain{float:none; margin:0 auto 5% auto; width:100%;}
.my-simple-gallery figure.figureJobMain img{width:100%;}

.my-simple-galleryMasonry{width:100%; height:auto; float:left; text-align:center; margin:0; padding:0;}
.my-simple-galleryMasonry figure.figureSubMasonry{margin:0; display:inline-block; position:relative;}
.my-simple-galleryMasonry figure.figureSubMasonry img{width:100%;}
.my-simple-galleryMasonry figure.figureSubMasonry figcaption{display:none;}

#pwindicator{width:auto; margin-top:4px;}
.bar{height:20px; float:left; margin:0;}
.label{text-transform:capitalize; height:20px;}
.pw-very-weak .bar{width:30px; background:#d00;}
.pw-very-weak .label{width:61%; background:#d00; float:left; text-align:left; margin:0 0 5px 0; padding:0 0 0 10px; color:#FFFFFF;}
.pw-weak .bar{width:60px; background:#d00;}
.pw-weak .label{width:61%; float:left; text-align:left; margin:0 0 5px 0; padding:0 0 0 10px; color:#333333;}
.pw-mediocre .bar{width:90px; background:#f3f01a;}
.pw-mediocre .label{width:61%; float:left; text-align:left; margin:0 0 5px 0; padding:0 0 0 10px; color:#333333;}
.pw-strong .bar{width:120px; background:#f3b31a;}
.pw-strong .label{width:61%; float:left; text-align:left; margin:0 0 5px 0; padding:0 0 0 10px; color:#333333;}
.pw-very-strong .bar{width:150px; background:#0d0;}
.pw-very-strong .label{width:61%; float:left; text-align:left; margin:0 0 5px 0; padding:0 0 0 10px; color:#333333;}

@-webkit-keyframes androidbugfix{from{padding:0} to{padding:0}} /* http://timpietrusky.com/advanced-checkbox-hack */
#header_res{position:relative; z-index:1000; top:0; left:0; right:0; height: 110px; background:#fffff; width:100%; display:none;}
#header_res label{padding:0 0.125em; font:30px Arial; float:right; position:absolute;}
#menu_res label{padding:0 0.25em; font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#FFFFFF;}
#menu_res .sub-nav label{padding:0 0.3125em; font:2em/2em Arial; top:0;}
#header_res label:hover, #menu_res label:hover{color:#CCCCCC;}
#main-nav-check, #menu_res .sub-nav-check{position:absolute; top:-9999px; left:-9999px;}
.toggle{position:absolute; left:18px; cursor:pointer; margin:12px 0 0 0;}
.toggle2{position:absolute; right:10px; cursor:pointer; margin:10px 0 0 0;}
.container{background:#FFFFFF; min-height:100%; padding:0; margin:0;}
#menu_res, #menu_res .sub-nav{position:absolute; top:0; bottom:0; width:13.75em; background:#000000; z-index:9999; left:-13.75em;}
.container, #menu_res, #menu_res .sub-nav{-webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0); -webkit-transition:-webkit-transform .25s ease; transition:transform .25s ease;}
#menu_res ul{background:#000000; line-height:2.75em; text-decoration:none; padding:0; list-style:none; margin-top:50px; border-top:1px solid #333333;}
#menu_res li{border-bottom:1px solid #333333; text-align:left;}
#menu_res li a{display:block; font-size:20px; padding-left:1.5em; color:#FFFFFF; text-decoration:none; font-family:'Roboto', sans-serif; font-weight:500;}
#menu_res li a:hover, #menu_res .toggle-sub:hover{background:#333333;}
#menu_res .sub-nav{margin-top:-1px;}
#menu_res .sub-heading{margin-top:4.0625em; padding-left:1.3125em; color:#999999; font-family:'Roboto', sans-serif; text-transform:uppercase;}
#menu_res .sub-heading:before{content:""; display:block; height:1px; width:13.75em; margin-left:-1.3125em; background:#333333;}
#menu_res .toggle-sub{font:bold 1em/2.75em Arial !important; color:#FFFFFF; background:#000000; float:right; top:auto; margin-top:-2.75em; width:2.25em; border-left:1px solid #444444; cursor:pointer; text-align:center;}
.container, #menu_res, #menu_res .sub-nav{-webkit-transform:translate3d(0,0,0);} /* http://davidwalsh.name/translate3d */
#header_res span.HRspan-basket{width:auto; height:auto; float:right; text-align:left; margin:18px 0 0 0; padding:0; display:block; z-index:10; position:absolute; right:18px;}
#header_res span.HRspan-basket img{width:36px; height:auto; float:left; text-align:left; margin:0 5px 0 0; padding:0;}
#header_res span.HRspan-icons{width:auto; height:auto; float:right; text-align:left; margin:10px 0 0 0; padding:0; display:block; z-index:10; position:absolute; right:10px;}
#header_res span.HRspan-icons img{width:36px; height:auto; float:left; text-align:left; margin:0 5px 0 0; padding:0;}
#header_res div.HRLogo{width: auto; height:auto; margin:5px auto 0 auto; padding:0; display:block;}
.checkoutalert{width:20px; height:20px; background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/checkoutalert1.png) left top no-repeat; text-align:center; right:26px; top:8px; font-family:'Roboto', sans-serif; font-size:14px; font-weight:700; color:#FFFFFF; position:absolute; z-index:100;}
/* #### - define ids of animated container, menu and sub-menus here - #### */
#main-nav-check:checked ~ .container,
#main-nav-check:checked ~ #menu_res,
#menu_res .sub-nav-check:checked ~ #fof-sub1, 
#menu_res .sub-nav-check:checked ~ #fof-sub2,
#menu_res .sub-nav-check:checked ~ #fof-sub3,
#menu_res .sub-nav-check:checked ~ #fof-sub4,
#menu_res .sub-nav-check:checked ~ #fof-sub5,
#menu_res .sub-nav-check:checked ~ #fof-sub6,
#menu_res .sub-nav-check:checked ~ #fof-sub7,
#menu_res .sub-nav-check:checked ~ #fof-sub8,
#menu_res .sub-nav-check:checked ~ #fof-sub9,
#menu_res .sub-nav-check:checked ~ #fof-sub10,
#menu_res .sub-nav-check:checked ~ #fof-sub11,
#menu_res .sub-nav-check:checked ~ #fof-sub12,
#menu_res .sub-nav-check:checked ~ #fof-sub13,
#menu_res .sub-nav-check:checked ~ #fof-sub14,
#menu_res .sub-nav-check:checked ~ #fof-sub15,
#menu_res .sub-nav-check:checked ~ #fof-sub16,
#menu_res .sub-nav-check:checked ~ #fof-sub17,
#menu_res .sub-nav-check:checked ~ #fof-sub18,
#menu_res .sub-nav-check:checked ~ #fof-sub19,
#menu_res .sub-nav-check:checked ~ #fof-sub20,
#menu_res .sub-nav-check:checked ~ #fof-sub21,
#menu_res .sub-nav-check:checked ~ #fof-sub22,
#menu_res .sub-nav-check:checked ~ #fof-sub23,
#menu_res .sub-nav-check:checked ~ #fof-sub24,
#menu_res .sub-nav-check:checked ~ #fof-sub25,
#menu_res .sub-nav-check:checked ~ #fof-sub26,
#menu_res .sub-nav-check:checked ~ #fof-sub27,
#menu_res .sub-nav-check:checked ~ #fof-sub28,
#menu_res .sub-nav-check:checked ~ #fof-sub29,
#menu_res .sub-nav-check:checked ~ #fof-sub30,
#menu_res .sub-nav-check:checked ~ #fof-sub31,
#menu_res .sub-nav-check:checked ~ #fof-sub32,
#menu_res .sub-nav-check:checked ~ #fof-sub33,
#menu_res .sub-nav-check:checked ~ #fof-sub34,
#menu_res .sub-nav-check:checked ~ #fof-sub35,
#menu_res .sub-nav-check:checked ~ #fof-sub36,
#menu_res .sub-nav-check:checked ~ #fof-sub37,
#menu_res .sub-nav-check:checked ~ #fof-sub38,
#menu_res .sub-nav-check:checked ~ #fof-sub39,
#menu_res .sub-nav-check:checked ~ #fof-sub40,
#menu_res .sub-nav-check:checked ~ #fof-sub41,
#menu_res .sub-nav-check:checked ~ #fof-sub42,
#menu_res .sub-nav-check:checked ~ #fof-sub43,
#menu_res .sub-nav-check:checked ~ #fof-sub44,
#menu_res .sub-nav-check:checked ~ #fof-sub45,
#menu_res .sub-nav-check:checked ~ #fof-sub46,
#menu_res .sub-nav-check:checked ~ #fof-sub47,
#menu_res .sub-nav-check:checked ~ #fof-sub48,
#menu_res .sub-nav-check:checked ~ #fof-sub49,
#menu_res .sub-nav-check:checked ~ #fof-sub50,
#menu_res .sub-nav-check:checked ~ #fof-sub51,
#menu_res .sub-nav-check:checked ~ #fof-sub52,
#menu_res .sub-nav-check:checked ~ #fof-sub53,
#menu_res .sub-nav-check:checked ~ #fof-sub54,
#menu_res .sub-nav-check:checked ~ #fof-sub55,
#menu_res .sub-nav-check:checked ~ #fof-sub56,
#menu_res .sub-nav-check:checked ~ #fof-sub57,
#menu_res .sub-nav-check:checked ~ #fof-sub58,
#menu_res .sub-nav-check:checked ~ #fof-sub59,
#menu_res .sub-nav-check:checked ~ #fof-sub60,
#menu_res .sub-nav-check:checked ~ #fof-sub61,
#menu_res .sub-nav-check:checked ~ #fof-sub62,
#menu_res .sub-nav-check:checked ~ #fof-sub63,
#menu_res .sub-nav-check:checked ~ #fof-sub64,
#menu_res .sub-nav-check:checked ~ #fof-sub65,
#menu_res .sub-nav-check:checked ~ #fof-sub66,
#menu_res .sub-nav-check:checked ~ #fof-sub67,
#menu_res .sub-nav-check:checked ~ #fof-sub68,
#menu_res .sub-nav-check:checked ~ #fof-sub69,
#menu_res .sub-nav-check:checked ~ #fof-sub70,
#menu_res .sub-nav-check:checked ~ #fof-portfolio-sub, 
#menu_res .sub-nav-check:checked ~ #fof-portfolio-graphics-sub,
#menu_res .sub-nav-check:checked ~ #fof-portfolio-graphics-art-sub,
#menu_res .sub-nav-check:checked ~ #fof-portfolio-graphics-art-paintings-sub,
#menu_res .sub-nav-check:checked ~ #fof-services-sub, 
#menu_res .sub-nav-check:checked ~ #fof-services-seo-sub,
#menu_res .sub-nav-check:checked ~ #fast-apps-sub{-webkit-transform:translate(13.75em,0); -ms-transform:translate(13.75em,0); transform:translate(13.75em,0);}

/* END OF JQUERY */

.desktop_parallax{display:block;}
.desktop_parallax_news{display:block;}
.iphone_parallax{display:none;}
.ipad_parallax{display:none;}


@media only screen and (min-width:0px) and (max-width:479px){

	.whatsapp_feature {
		display: initial;
	}

.aside_image_about2 {display: none;}
.section_image_about2 {width: 100%;}
.colour_header div {width: 100%; text-align: left;}
.colour_header {text-align: left; }
a.stepbutton2, a.stepbutton2:link, a.stepbutton2:visited, a.stepbutton2:active {padding: 10px 0;width: 29.5%;margin: 5px 1%; text-align: center;}
.colour_range_left {width: 98%; margin: 5px 1%;}
.colour_range_right {width: 98%; margin: 5px 1%;}
.section_products_container {display: block;}
.list_productsEcommSample {margin-top: 0;}
.list_productsEcommSample li {width: 98%; margin: 5px 1%;}
.list_productsEcommSample li div.LPEimgSample img {height: 100%; width: auto;}
.imghelper {display:none;}
.list_products li span.lpspan {height:auto;}
div.greys{height:60px;}
div.blacks{height:60px; }
div.whites{height:58px; }
div.creams{height:60px;}
div.mussels{ height:60px; }
div.browns{height:60px; }
div.purples{height:60px;}
div.pinks{height:60px; }
div.reds{height:60px; }
div.oranges{height:60px; }
div.yellows{height:60px;}
div.greens{height:60px;}
div.blues{height:60px; }
div.oaks{height:60px; }
div.walnuts{height:60px;}
div.textureds{height:60px;}
div.traditionals{height:60px; }
div.moderns{height:60px;}
div.exotics{height:60px;}

	#statusMessage {padding: 10px 0.5% 20px 0.5%;}
		.list_ranges li {margin: 5px 1%;width: 93%;}
		.list_ranges li div {min-height: auto;} 
	.list_productsEcommCat li {width: 98%; margin: 5px 1%;}
	a .ordernow2 {width: 98%; margin: 0px 1%; padding: 10px 0;}
	.stepsform span.stepsspanright2 {width: 100%; padding: 0; margin: 10px 0;}
	.steps {width: 98%; margin-left: 1%; margin-right:1%;}
	.steps li {width: 35%;}
	.cell_steps_left_top img {width: 100%; max-width: none;}
	.cell_steps_left_top span {width: 100%; margin: 10px 0 0 0;}
	.product_spec_wrap {padding-bottom: 10px;}
	.products_btm_bar {padding-top: 0;}
	.stepsform span.stepsspanright2 input {margin: 0; width: 90%;}
	.stepsform span.stepsspanright2 input#addhingeholes {width: 10px; margin-top: 5px; float: left;}
	.stepsform span.stepsspanright2 label {width: 60%;}
	.filter_color_optn li {width: 48%;}
	.addsidepanels li img {width: 100%; height: auto;}
	a.hp_btn{float:left;text-align:center; font-size:20px; color:#ffffff; font-weight:600;font-family:'Open Sans', sans-serif; background:#B1E035; padding:5px 0px; text-decoration:none; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;width: 48%; margin: 10px 1%;}
	a:hover.hp_btn{opacity:0.5;}

	.list_productsEcomm li div.LPEinfo10 a {font-size: 12px;}
	.list_productsEcomm li div.LPEinfo3 a {font-size: 12px;}
	.list_productsEcomm li div.LPEinfo2 a {font-size: 12px;}
	.openinghours_sub {margin-left:1%;margin-right:1%;width: 96%; height: auto;float:left;}
	.openinghours_sub ul {width: 70%;margin-left: 25%; margin-bottom: 15px;}
	a.biggreen {font-size: 25px; margin: 5px 2%; width: 96%; max-width: none;padding: 10px 0;}
	.openinghours_sub div {width: 86%;}
	.products_btm_bar li {width: 48%;margin: 5px 1%;}
	.filter_color li img {width: 100%; height: auto;}
	.filter_color li {width:18%; }
	.filter_color {margin: 0;}
	.mob_features img {width: 49%;}
	.hp_right {display: none;}
	.hide{display:none;}
	.mobilehide{display:none;}
	.mobileshow{display:inline-block;}
	.navshow{display:inline-block;}
	.hp_cat_res {display: none;}
	.hp_mob {display: block;}
	.hp_cat_res img {margin-top: 10px; margin-bottom: 0;}
	.openinghours {width: 100%;}
	.openinghours ul {width: 80%;}
	.footer_info li {text-align: center; margin-bottom:10px;}
	.footer_info span {text-align: center;}
	
	.dropdownwrap{width:100%; height:40px;}
	.dropdowncontainer{width:96%; max-width:none;}
	.hp_features {margin: 0; display: none;}
	.hp_features li{margin:0 1%; padding:0; list-style-type:none; float:left; height:auto; width: 48%;}
	.section_content_hp {width: 100%;margin: 0;}
	.hp_video {width: 100%; height: auto;}
	header{display:none;}
	#header_res{display:block; float:left;}
	.hp_cat_res img {width:98%;}
	.hp_left {display: none;}
	.hp_right {margin: 0; width: 100%;}
	.banner{width:100%; height:250px; float:left;}
	.banner img{width:100%; height:250px;}
	.bannerText div{margin:-120px auto 0 auto;}
	.bannerText div p{width:100%; max-width:none; font-size:25px;}
	.bannerText div p strong{width:100%; font-size:17px;}
	
	#maincontent{width:100%; max-width:none;}
	
	footer{width:100%; height:auto; float: left; background:#eeeeee; margin:0 auto; padding:0; position:relative; display:block;}
	.footer{width:100%; max-width:none; height:auto; text-align:center; margin:0 auto; padding:0;}
	.footer_nav{display:none;}
	.footer_nav_Ecom{display:none;}
	.footer_info{width:90%; margin:0; padding:2.5% 5%;}
	.footer_info li.footer_siteMap{display:block;}
	.footer_payment_checkout{display:none;}
	.footer_payment{display:none;}
	
	.cell_full_hp{width:96%; max-width:none; margin:15px 0; padding:0 2%;}
	.cell_full{width: 98%; max-width:none; min-height:500px; margin:0 1% 15px 1%;}
	.cell_full_sub{width:96%; max-width:none; padding:0 2%;}
	
	.aside_content_sml_imgs{width:90%; margin:10px 5%;}
	.section_content{width:90%; margin:0 5%;}
	.section_content_sml{width:90%; margin:0 5%;}
	.aside_image{width:96%; margin:10px 2% 0 2%;}
	.aside_image img{width:100%;}
	.section_image{width:96%; margin:10px 2% 0 2%;}
	.aside_nav{display:none;}
	.section_content_nav{width:90%; margin:0 5%;}
	.aside_date{width:90%; margin:10px 5% 0 5%; padding:0;}
	.section_date_content{width:90%; height:auto; min-height:0; border-top:1px #CCCCCC solid; border-left:none; padding:10px 5% 10px 5%;}
	.section_date_content div.SDCdivoptions{width:100%;}
	.section_date_content_img{width:100%; margin:0 0 15px 0; padding:0;}
	.section_date_content_detail{width:100%; max-width:none;}
	.section_video{width:80%; margin:0 auto 30px auto; padding:5% 10%;}
	.section_video iframe{width:100%; height:250px;}
	.aside_products_img{width:97%; margin:0 2% 0% 1%;}
	.section_products{width:96%; margin:0 2%; padding: 0;}
	
	.list_features_hp li{width:48%; margin:1%;}
	.list_features_hp li img{width:100%;}
	.list_gallery_hp li{width:95%; height:250px; margin:2%; padding:0.5%;}
	.list_gallery_hp span.LGHPspan_title{font-size:45px;}
	.list_gallery_hp li span.LGHPspan{width:100%; height:250px;}
	.sim-button{margin-top:100px; width:80%;}
	.list_date_hp{width:96%; margin:20px 0 0 0; padding:2%;}
	.list_date_hp ul{height:auto;}
	.list_testimonials_hp{width:96%; margin:20px 0; padding:2%;}
	.list_testimonials_hp ul{height:auto;}
	.list_logos{width:80%; margin:50px 10%;}
	.list_logos span{font-size:30px;}
	.list_logos li{width:46%; margin:2%;}
	.list_products{width:100%; padding:10px 0;}
	.list_products li{width:89%; height:auto; border:1px #DBDFE0 solid; margin:2%; padding:3% 3% 6% 3%;}
	.list_products li span.lpspan img {width: 85%;max-width: 100%;height: 220px;vertical-align: middle;object-fit: cover;}
	#paintbrush1 {width: 60px;height: 60px;position: inherit;margin-top: 160px;margin-left: -108px;}
	#paintbrush2 {width: 60px;height: 60px;position: inherit;margin-top: 160px;margin-left: -108px;}

	#paintbruush {width: 70px;height: 70px;position: inherit;margin-top: 150px;margin-left: -70px;}
	.list_products li div{width:100%; height:auto; padding:5% 0; margin-bottom:0%;}
	.list_products li div img{width:100%; height:auto;}
	.list_products li span{width:100%; height:auto; margin:0 0 20px 0; padding:0; }
	.list_testimonials li div{width:86%; padding:2% 10% 2% 4%;}
	.list_testimonials li span{width:92%; padding:3% 4% 2% 4%;}
	.list_staff li{width:90%; height:auto; margin:20px 5%; padding:0 0 30px 0;}
	.list_staff li div.LSlidivheader{width:90%; height:auto; padding:8px 5%;}
	.list_staff li div img{width:100%;}
	.list_staff li div.LSlidivcontent{width:90%; height:170px; margin:0; padding:10px 5%;}
	.list_downloads li{width:90%; margin:0 2.5% 20px 2.5%; padding:2.5%;}
	.list_address_contactus{width:92%; margin:20px 2%; padding:2%;}

	.list_images_text li{width:90%; margin:0; padding:2% 5%;}
	.list_images_text li div.lmt_img{width:100%; margin:10px 0;}
	.list_images_text li div.lmt_img img{width:100%;}
	.list_images_text li div.lmt_content{width:100%; padding:10px 0;}
	.list_productsEcomm{width:100%; height:auto; float:left; margin:0; padding:0;}
	.list_productsEcomm ul{margin:0; padding:0;}
	.list_productsEcomm li{width:91%; max-width:none; height:auto; border:1px solid #CCCCCC; margin:2%; padding:2% 2% 2% 2%;}
	#viewGallery li{border:none;}
	.list_productsEcomm li div.LPEimg{width:100%; height:auto; max-height: 250px;}
	.list_productsEcomm li div.LPEimg img{width:100%; max-width:none; height:auto; max-height:none;}
	.list_productsEcomm li div.LPEinfo{width:100%; height:auto;}
	.list_productsRelated{width:96%; margin:0 2%;}
	
	.form_contact{width:92%; min-height:0; margin:0 2%; padding:0 2%;}
	.form_search{width:100%; height:40px;}
	.form_search input{width:96%; height:40px; font-size:22px; font-weight:500;}
	.form_search input.button{display:none;}
	.form_searchDD{width:100%; height:40px;}
	.form_searchDD input{width:96%; height:40px; font-size:22px; font-weight:500;}
	.form_searchDD input.buttonDD{display:none;}
	
	.openingTimes{width:100%; max-width:none; padding:50px 0;}
	.openingTimes_container{width:90%; height:453px; background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/openingTimes-bg2.png) no-repeat; background-size:100% 100%; margin:0 5%; padding:0;}
	.openingTimes_title{width:100%; height: auto; float:left; margin:30px 0 0 0; padding:0;}
	.openingTimes_title img{width:40%;}
	.openingTimes div.OTdiv{width:100%;}
	.openingTimes div.OTdiv ul{width:100%; height:auto; float:right; margin:30px auto; padding:0;}
	.openingTimes div.OTdiv li span{width:46%; margin:0 6% 0 0;}
	.openingTimes div.OTdiv li div{width:48%;}
	.openingTimes_content{width:353px;}
	
	.textcolumn-2{width:100%; max-width:none;}
	.textcolumn-2 h2{margin:4% 0; font-size:25px;}
	.textcolumn{width:84%; margin:0 4% 4% 4%; padding:0.5% 4%;}
	figure.AB3{width:100%; height:300px;}
	figure.AB3 img{height:100%;}
	figcaption.AB3caption h3{padding:10px 20px; left:100%; margin-top:10px; font-size:35px;}
	figcaption.AB3caption p{padding:10px 20px; margin-top:10px; left:100%; font-size:17px;}
	.textimagerows{width:100%; max-width:none;}
	.textimagerows h2{font-size:30px;}
	.textimagerows li{width:90%; margin:2%;}
	.textimagerows li div{width:100%; margin:10px 0; text-align:center;}
	.textimagerows li span{width:100%;}
	.textimagerows li span h3{text-align:center;}
	.textimagerows li p{text-align:center;}
	.textimageiconlisting{width:100%; max-width:1000px;}
	.textimageiconlisting li{width:90%; margin:2%; padding:2% 3%;}
	.textimageiconlisting li div{width:100%; margin:5px 0 10px 0; text-align:center;}
	.textimageiconlisting li span{width:100%; text-align:center;}
	.textimageiconlisting li span h3{text-align:center;}
	.textimageiconlisting li span p{text-align:center;}
	.animatedBoxes-3 li{width:100%;}
	.animatedBoxes-3 li.ABLI_wide{width:100%;}
	
	.productDetailDescLTF{width:30%; margin:0 3% 0 0;}
	.productDetailDescRHT{width:67%;}
	
	.my-simple-gallery figure.figureSub{margin:1%; width:23%; height:auto;}
	.my-simple-gallery figure.figureSub2{margin:1%; width:23%; height:auto;}
	.my-simple-gallery figure.figureMainProduct{margin:0 0 0 1%; width:99%;}
	
	.map_wrap{width:98%; float:left; margin:0 1% 0 1%;}
	
	a.subscribe, a.subscribe:link, a.subscribe:visited, a.subscribe:active{font-size:18px; padding:10px;}
	a.subscribe:hover{font-size:18px; padding:10px;}
	
	a.general, a.general:link, a.general:visited, a.general:active{font-size:18px; padding:10px;}
	a.general:hover{font-size:18px; padding:10px;}
	
	input.add_to_basket, a.add_to_basket, a.add_to_basket:link, a.add_to_basket:visited{margin-left:20px;}
	input.enquireNow, a.enquireNow, a.enquireNow:link, a.enquireNow:visited{margin:15px 0 0 20px; float:left;}
	
	#statusMessage{width: 80%; max-width:none;}
	#statusMessageWishList{width: 80%; max-width:none;}
	
	#footerSlideContainer{display:none;}
	
	#rc-imageselect, .g-recaptcha{transform:scale(0.93); -webkit-transform:scale(0.93); transform-origin:0 0; -webkit-transform-origin:0 0;}
		#header_res{display:block; float:left; height: 80px;}
#header_res div.HRLogo img{width: 180px;}
#header_res div.HRLogo {height: auto;}

h1.h2sub{margin-top:3%; margin-bottom:3%;}
#textimg {width: 100%;float: left; margin: 0; margin-top: 0px;margin-top: 2%;max-height: 275px;object-fit: contain;}
.text {width: 98%;float: none;margin-bottom: 3%;margin: 4% auto;display: block;display: inline-block;text-align: center;}

.hp_iframe_embed_container{ padding-top: 5%; overflow: hidden; position: relative; min-height: 190px; width: 100%; max-height: 315px;}
.hp_iframe_embed{width:100%; height:100%; top:0; left:0; bottom:0; right:0; position: absolute; float:left; max-width:560px; max-height:315px; }

.gallery-iframe-video{height: 225px; max-height:225px; max-width:1200px; width:100%;}

}

@media only screen and (min-width:0px) and (max-width:319px){
	#rc-imageselect, .g-recaptcha{transform:scale(0.70); -webkit-transform:scale(0.70); transform-origin:0 0; -webkit-transform-origin:0 0;}
}

@media only screen and (min-width:480px) and (max-width:767px)
{
	.hp_iframe_embed_container{padding-top: 5%; overflow:hidden; position:relative; width: 100%; min-height:315px; max-height: 315px; height: auto;}
	.hp_iframe_embed{width:100%; height:100%; top:0; left:0; bottom:0; right:0; position: absolute; float:left; max-width:560px; max-height:315px; }

	.gallery-iframe-video{height: 325px; max-height:325px; max-width:1200px; width:100%;}

.hp_feature_iframe_container{display: flex; flex-wrap: wrap;align-items: center;}

	.whatsapp_feature {
		display: initial;
	}

	.list_productsEcommSample li div.LPEimgSample img {height: 100%; width: auto;}
	.my-simple-gallery figure.figureMainProduct img {width: 100%; height: auto;}
	.list_ranges li {margin: 5px 1%;width: 43%;}
		.openinghours_sub {margin-left:1%;margin-right:1%;width: 98%; height: auto;float:left;}
	.products_btm_bar li {width: 48%;margin: 5px 1%;}
	.filter_color_optn li{width: 31%;}
	.filter_color li img {width: 100%; height: auto;}
	.filter_color li {width:10.4%; }
	.filter_color {margin: 0;}
	.hide{display:none;}
	.navshow{display:inline-block;}
	.hp_mob {display: none;}
	.hp_features li{margin:0 1%; padding:0; list-style-type:none; float:left; height:auto; width: 48%;}
	.section_content_hp {width: 100%;margin: 0;}
	.hp_video {width: 100%; height:auto;}
	.hp_right {margin: 0; width: 100%; float: left;}
	.hp_left {display:none;}
	.hp_cat_res {display: block;}
	.list_productsEcomm li {width: 49%; margin-bottom: 40px;}
	.list_productsEcomm li div.LPEinfo2 {width: 48%; margin-left: 1%; margin-right: 1%;}
	.list_productsEcomm li div.LPEinfo2 a {font-size: 14px;}
	.list_productsEcomm li div.LPEinfo3 {width: 48%; margin-left: 1%; margin-right: 1%;}
	.list_productsEcomm li div.LPEinfo10 {width: 48%; margin-left: 1%; margin-right: 1%;}
	#viewGallery li div.LPEinfo10{width: 90%;}
	.list_productsEcomm li div.LPEinfo10 a {font-size: 14px;}
	.list_productsEcomm li div.LPEinfo3 a {font-size: 14px;}
	.list_productsEcomm li div.LPEimg img {height: 100%; width: auto;}
	
.aside_image_about1{display:none;}
.section_image_about1{width:95%;}
.section_about {margin-bottom: 20px;}

.aside_image_about2{display:none}
.section_image_about2{width:95%;}

	
	.dropdownwrap{width:100%; height:40px;}
	.dropdowncontainer{width:96%; max-width:none;}
	
	header{display:none;}
	#header_res{display:block; float:left; height: 100px;}
	#header_res span{margin:8px 10px 0 10px;}
	#header_res div.HRLogoTablet{display:none;}
	
	#header_res div.HRLogo {width: 250px; margin-top: 10px;}
	#header_res div.HRLogo img {width: 100%;}
	
	.banner{width:100%; height:300px; float:left;}
	.banner img{width:100%; height:300px;}
	.bannerText div{margin:-100px auto 0 auto;}
	.bannerText div p{width:100%; max-width:none; font-size:30px;}
	.bannerText div p strong{width:100%; font-size:20px;}
	
	#maincontent{width:100%; max-width:none;}
	
	footer{width:100%; height:300px; background:#EEEEEE; margin:0 auto; padding:0; position:relative; display:block;}
	.footer{width:100%; max-width:none; height:auto; text-align:center; margin:0 auto; padding:0;}
	.footer_nav{display:none;}
	.footer_nav_Ecom{display:none;}
	.footer_info{width:90%; margin:0; padding:2.5% 5%;}
	.footer_info li.footer_siteMap{display:block;}
	.footer_payment_checkout{display:none;}
	.footer_payment{display:none;}
	
	.cell_full_hp{width:96%; max-width:none; margin:15px 0; padding:0 2%;}
	.cell_full{width: 98%; max-width:none; min-height:500px; margin:0 1% 15px 1%;}
	.cell_full_sub{width:96%; max-width:none; padding:0 2%;}
	
	.section_image{width:65%; margin:10px 5% 0 0;}
	.aside_nav{display:none;}
	.section_content_nav{width:100%;}
	.section_date_content_img{width:100%; margin:0 0 20px 0;}
	.section_date_content_detail{width:100%; max-width:none; margin:0 0 15px 0;}
	.section_date_content div.SDCdivoptions{width:100%; margin:0 0 15px 0;}
	.section_date_content_img{width:100%; margin:0 0 20px 0;}
	.section_date_content_detail{width:100%; max-width:none; margin:0 0 15px 0;}
	.section_video{width:80%; margin:0 auto 30px auto; padding:5% 10%;}
	.section_video iframe{width:100%; height:420px;}
	.aside_products_img{width:40%; margin:0 2% 0 1%;}
	.section_products{width:55%; margin:0 2% 0 0;}
	
	.list_features_hp li{width:48%; margin:1%;}
	.list_features_hp li img{width:100%;}
	.list_gallery_hp li{width:28%; height:250px; margin:2%; padding:0.5%;}
	.list_gallery_hp li span.LGHPspan{width:100%; height:250px;}
	.sim-button{margin-top:100px; width:80%;}
	.list_date_hp{width:44%; margin:20px 2%; padding:1%;}
	.list_testimonials_hp{width:94%; margin:10px 2% 20px 2%; padding:1%;}
	.list_testimonials_hp ul{height:auto;}
	.list_logos li{width:18%; margin:1%;}
	.list_products li{width: 45%; margin: 5px 1%; padding: 22px 1%;}
	#paintbrush1 {width: 60px;height: 60px;position: inherit;margin-top: 160px;margin-left: -60px;}
	#paintbrush2 {width: 60px;height: 60px;position: inherit;margin-top: 160px;margin-left: -60px;}
	.list_products li div a:link, .list_doors li div a:visited, .list_doors li div a:active {font-size: 14px;}
	.list_products li div a:link, .list_doors li div a:hover {font-size: 14px;}

	.list_products li span.lpspan {overflow:hidden;}
	.list_products li span.lpspan img {width: 100%;max-width: 100%;height: 220px;vertical-align: middle;object-fit: cover;}
	#paintbruush {width: 70px;height: 70px;position: inherit;margin-top: 150px;margin-left: -70px;}
	.list_products li div{width:100%; height:auto; padding:6% 0; margin-bottom:0%;}
	.list_testimonials li div{width:86%; padding:2% 10% 2% 4%;}
	.list_testimonials li span{width:92%; padding:3% 4% 2% 4%;}
	.list_staff li{width:40%; height:510px; margin:20px 5%;}
	.list_staff li div.LSlidivheader{width:90%; height:54px; padding:8px 5%;}
	.list_staff li div.LSlidivimg{width:100%; height:200px; margin:0; padding:0;}
	.list_staff li div img{width:100%;}
	.list_staff li div.LSlidivcontent{width:90%; height:170px; margin:0; padding:10px 5%;}
	.list_downloads li{width:40%; margin:0 2.5% 20px 2.5%; padding:2.5%;}
	.list_address_contactus p{font-size:15px;}
	.list_address_contactus li{font-size:15px;}
	.list_images_text li{width:96%; padding:2%;}
	.list_images_text li div.lmt_img img{width:100%;}
	.list_productsRelated{width:96%; margin:0 2%;}
	
	.form_search{width:100%; height:40px;}
	.form_search input{width:96%; height:40px; font-size:22px; font-weight:500;}
	.form_search input.button{display:none;}
	.form_searchDD{width:100%; height:40px;}
	.form_searchDD input{width:96%; height:40px; font-size:22px; font-weight:500;}
	.form_searchDD input.buttonDD{display:none;}
	
	.openingTimes{width:100%; max-width:none;}
	.openingTimes_container{width:353px; height:453px; background:url(https://res.cloudinary.com/dmqxx6rgm/image/upload/c_fill,f_auto,q_auto/images/general/openingTimes-bg2.png) no-repeat; background-size:100% 100%; margin:0 auto; padding:0;}
	.openingTimes_title{width:100%; height: auto; float:left; margin:30px 0 0 0; padding:0;}
	.openingTimes_title img{width:40%;}
	.openingTimes div.OTdiv{width:100%;}
	.openingTimes div.OTdiv ul{width:100%; height:auto; float:right; margin:30px auto; padding:0;}
	.openingTimes div.OTdiv li span{width:46%; margin:0 6% 0 0;}
	.openingTimes div.OTdiv li div{width:48%;}
	.openingTimes_content{width:353px;}
	
	.textcolumn-2{width:100%; max-width:none;}
	.textcolumn-2 h2{margin:4% 0; font-size:30px;}
	.textcolumn{width:84%; margin:0 4% 4% 4%; padding:0.5% 4%;}
	figure.AB3{width:100%; height:300px;}
	figure.AB3 img{height:100%;}
	figcaption.AB3caption h3{padding:10px 20px; left:100%; margin-top:10px; font-size:40px;}
	figcaption.AB3caption p{padding:10px 20px; margin-top:10px; left:100%; font-size:20px;}
	.textimagerows{width:100%; max-width:none;}
	.textimagerows h2{font-size:30px;}
	.textimagerows li{width:90%; margin:2% 2%;}
	.textimagerows li div{width:100%; margin:10px 0; text-align:center;}
	.textimagerows li span{width:100%;}
	.textimagerows li span h3{text-align:center;}
	.textimagerows li p{text-align:center;}
	.textimageiconlisting{width:100%; max-width:1000px;}
	.textimageiconlisting li{width:90%; margin:2%; padding:2% 3%;}
	.textimageiconlisting li div{width:100%; margin:5px 0 10px 0; text-align:center;}
	.textimageiconlisting li span{width:100%; text-align:center;}
	.textimageiconlisting li span h3{text-align:center;}
	.textimageiconlisting li span p{text-align:center;}
	.animatedBoxes-3 li{width:100%;}
	.animatedBoxes-3 li.ABLI_wide{width:100%;}
	
	.productDetailDescLTF{width:30%; margin:0 3% 0 0;}
	.productDetailDescRHT{width:67%;}
	
	.my-simple-gallery figure.figureSub{margin:1%; width:23%; height:auto;}
	.my-simple-gallery figure.figureSub2{margin:1%; width:23%; height:auto;}
	.my-simple-gallery figure.figureMainProduct{margin:0 0 0 1%; width:99%;}
	
	.map_wrap{width:98%; float:left; margin:0 1% 0;}
	
	a.general, a.general:link, a.general:visited, a.general:active{padding:10px 20px;}
	a.general:hover{padding:10px 20px;}
	
	input.add_to_basket, a.add_to_basket, a.add_to_basket:link, a.add_to_basket:visited{margin-left:20px;}
	input.enquireNow, a.enquireNow, a.enquireNow:link, a.enquireNow:visited{margin:15px 0 0 20px; float:left;}
	
	#statusMessage{width:60%; max-width:none;}
	#statusMessageWishList{width:60%; max-width:none;}
	
	#footerSlideContainer{display:none; }

h1.h2sub{margin-top:3%; margin-bottom:0%;}
#textimg {width: 100%;float: left; margin: 0; margin-top: 0px;margin-top: 2%;max-height: 275px;object-fit: contain; margin-bottom:2%;}
.text {width: 94%;float: none;margin-bottom: 3%;margin: 4% auto;display: inline-block;display: block;text-align: left;}

}

@media only screen and (min-width:768px) and (max-width:1023px){

	.hp_iframe_embed_container{ padding-top: 56.25%; overflow: hidden; position: relative;}
	.hp_iframe_embed{width:100%; height:100%; top:0; left:0; bottom:0; right:0; position: absolute; float:left; max-width:560px; max-height:315px; }

	.gallery-iframe-video{height: 500px; max-height:500px; max-width:1200px; width:100%;}

	.hp_left > ul:nth-child(1) > li:nth-child(1) > div:nth-child(2){
		margin-top: 23%;
	}
	.hp_left li div{
		margin-top: 45%;
	}
	.hp_left ul li{
		width: 49%;
	}
	.hp_left > ul:nth-child(1) > li:nth-child(3){
		margin-left: 2%;
	}
	.hp_left{
		width: 100%;
	}
	.hp_right{
		width:100%;
		margin-left:0;
		margin-top: 2%;
	}
	.hp_banners{
		height: auto;
	}
	.list_productsEcommSample li div.LPEimgSample img {height: 100%; width: auto;}
	.aside_products_img div.APIdiv {width: 100%;}
	.detail_links {display: none;}
	.product_deets {width: 98%;margin: 10px 1%;}
	.cell_steps_left_top {padding: 10px 2%; width: 96%;}
	.aside_products_img div.APIdiv img {width: 100%; height: auto;}
	.filter_color_optn li{width: 31%;}
	.filter_color_optn li img {width: 100%;}
	.hp_mob {display: none;}
	.hide{display:none;}
	.navshow{display:inline-block;}
	.openinghours_sub {margin-left:20%;margin-right:20%;width: 60%; height: auto;}
	.filter_color li img {width: 100%; height: auto;}
	.filter_color li {width:11%;}
	.dropdownwrap{width:100%; height:40px;}
	.dropdowncontainer{width:96%; max-width:none;}
	.list_productsEcomm span a {height: 60px; }
	.list_productsEcomm li div.LPEinfo3 {margin-right:5%;width: 45%;font-size:7px;}
.list_productsEcomm li div.LPEinfo10 {margin-right:5%;width: 45%;font-size:7px;}
#viewGallery li div.LPEinfo10{width: 90%;}
	.list_productsEcomm li div.LPEinfo2 {margin-left:5%;width: 45%;font-size:7px;}
	.list_productsEcomm li div.LPEimg {height: auto;}
	header{display:none;}
	#header_res{display:block; float:left; height: 110px;}
	#header_res span{margin:15px 10px 0 10px;}

	
	.banner{width:100%;height:200px; float:left;}
	.banner img{width:100%; height:200px;}
	.bannerText div{margin:-100px auto 0 auto;}
	.bannerText div p{width:100%; max-width:none; font-size:30px;}
	.bannerText div p strong{width:100%; font-size:20px;}
	
	#maincontent{width:100%; max-width:none;}
	
	footer{width:100%; height:300px; background:#eeeeee; margin:0 auto; padding:0; position:relative; display:block;}
	.footer{width:100%; max-width:none; height:auto; text-align:center; margin:0 auto; padding:0;}
	.footer_nav{display:none;}
	.footer_nav_Ecom{display:none;}
	.footer_info{width:90%; margin:0; padding:2.5% 5%;}
	.footer_info li.footer_siteMap{display:block;}
	.footer_payment_checkout{display:none;}
	.footer_payment{display:none;}
	
	.cell_full_hp{width:96%; max-width:none; margin:15px 0; padding:0 2%;}
	.cell_full{width: 98%; max-width:none; min-height:500px; margin:0 1% 15px 1%;}
	.cell_full_sub{width:96%; max-width:none; padding:0 2%;}
	
	.section_image{width:65%; margin:10px 5% 0 0;}
	.aside_findus_map{width:95%; float:left; margin:0 5% 0 0;}
	.section_date_content_img{width:100%; margin:0 0 20px 0;}
	.section_date_content_detail{width:100%; max-width:none; margin:0 0 15px 0;}
	.section_date_content div.SDCdivoptions{width:100%; margin:0 0 15px 0;}
	.section_date_content_img{width:100%; margin:0 0 20px 0;}
	.section_date_content_detail{width:100%; max-width:none; margin:0 0 15px 0;}
	.aside_products_img{width:40%; margin:0 2% 0 1%;}
	.section_products{width:55%; margin:0 2% 0 0;}
	
	.list_gallery_hp li{width:28%; height:250px; margin:2%; padding:0.5%;}
	.list_gallery_hp li span.LGHPspan{width:100%; height:250px;}
	.sim-button{margin-top:100px; width:80%;}
	.list_date_hp{width:44%; margin:20px 2%; padding:1%;}
	.list_testimonials_hp{width:94%; margin:10px 2% 20px 2%; padding:1%;}
	.list_testimonials_hp ul{height:auto;}
	.list_logos li{width:18%; margin:1%;}
	.list_products li{width: 28%; margin: 5px 1%; padding: 5px 1%;}
	.list_products li span.lpspan {overflow: hidden;}
	.list_testimonials li div{width:86%; padding:2% 10% 2% 4%;}
	.list_testimonials li span{width:92%; padding:3% 4% 2% 4%;}
	.list_staff li{width:40%; height:510px; margin:20px 5%;}
	.list_staff li div.LSlidivheader{width:90%; height:54px; padding:8px 5%;}
	.list_staff li div.LSlidivimg{width:100%; height:200px; margin:0; padding:0;}
	.list_staff li div img{width:100%;}
	.list_staff li div.LSlidivcontent{width:90%; height:170px; margin:0; padding:10px 5%;}
	.list_downloads li{width:40%; margin:0 2.5% 20px 2.5%; padding:2.5%;}
	.list_address_contactus p{font-size:15px;}
	.list_address_contactus li{font-size:15px;}
	.list_productsEcomm li{width:31%; max-width:none; height:auto; margin:0 1% 10px 1%; padding:10px 0;}
	.list_productsRelated{width:96%; margin:0 2%;}
	
	.form_search{width:100%; height:40px;}
	.form_search input{width:96%; height:40px; font-size:22px; font-weight:500;}
	.form_search input.button{display:none;}
	.form_searchDD{width:100%; height:40px;}
	.form_searchDD input{width:96%; height:40px; font-size:22px; font-weight:500;}
	.form_searchDD input.buttonDD{display:none;}
	
	.textcolumn-2{max-width:none; width:100%;}
	figure.AB3{width:100%; height:200px;}
	figure.AB3 img{height:100%;}
	figcaption.AB3caption h3{padding:10px 20px 0 20px; left:100%; margin-top:10px; font-size:20px;}
	figcaption.AB3caption p{padding:10px 20px; margin-top:0; left:100%; font-size:14px;}
	.textimagerows{width:100%; max-width:none;}
	.textimagerows li{width:90%; margin:2%;}
	.textimagerows li div{width:42%; margin:10px 3% 0 0;}
	.textimageiconlisting{width:100%; max-width:1000px;}
	.textimageiconlisting li{width:40%; margin:2%; padding:2% 3%;}
	.textimageiconlisting li div{width:100%; margin:5px 0 10px 0; text-align:center;}
	.textimageiconlisting li div img{width:auto;}
	.textimageiconlisting li span{width:100%; text-align:center;}
	.textimageiconlisting li span h3{text-align:center;}
	.textimageiconlisting li span p{text-align:center;}
	
	.productDetailDescLTF{width:25%; margin:0 3% 0 0;}
	.productDetailDescRHT{width:72%;}
	
	.my-simple-gallery figure.figureSub{margin:1%; width:23%; height:60px;}
	.my-simple-gallery figure.figureMainProduct{margin:0 0 0 1%; width:99%;}
	
	.map_wrap{width:98%; float:left; margin:0 1% 0;}
	
	a.general, a.general:link, a.general:visited, a.general:active{padding:10px 20px;}
	a.general:hover{padding:10px 20px;}
	
	input.add_to_basket, a.add_to_basket, a.add_to_basket:link, a.add_to_basket:visited{margin-left:20px;}
	input.enquireNow, a.enquireNow, a.enquireNow:link, a.enquireNow:visited{margin:15px 0 0 20px; float:left;}
	
	#statusMessage{width:60%; max-width:none;}
	#statusMessageWishList{width:60%; max-width:none;}
	
	#footerSlideContainer{display:none;}
}
@media only screen and (min-width:1024px) and (max-width:1270px)
{
	.hp_iframe_embed_container{ padding-top: 34.25%; overflow: hidden; position: relative;}
	.hp_iframe_embed{width:100%; height:100%; top:0; left:0; bottom:0; right:0; position: absolute; float:left; max-width:560px; max-height:315px;}
}

@media only screen and (min-width:1024px) and (max-width:1270px){
	
	.hp_right li div{
		margin-top: 65%;
	}
	.hp_left li div{
		margin-top: 74%;
	}
	.hp_left > ul:nth-child(1) > li:nth-child(1) > div:nth-child(2){
		margin-top: 42%;
	}
	.list_productsEcomm li div.LPEimg img {height: 100%; width: 100%; }
	.dropdownwrap{width:100%; height:80px;}
	.dropdowncontainer{width:96%; max-width:none;}
	.hp_mob {display: none;}
	.header{width:100%; max-width:1000px; height:160px;}
	.header_logo{width:25%; float:left; margin:30px 0 0 0;}
	.header_logo img{width:100%;}
	.header_search{width:100%; float:right; margin:20px 0 0 0;}
	.header_mainnav{width:100%; float:left; margin:10px 0 0 0;}
	.header_checkout{width:69%; float:right; margin:65px 3% 0 3%;}
	
	.banner{width:100%; height:250px;}
	.banner img{width:100%; height:250px;}
	.bannerText{width:100%;}
	.bannerText div{width:100%; margin:-100px auto 0 auto;}
	.bannerText div p{width:100%; max-width:1000px; margin:0 auto; padding:0; font-size:40px;}
	.bannerText div p strong{width:100%; margin:0; padding:0; font-size:25px;}
	
	#maincontent{width:100%; max-width:none;}
	
	.footer{max-width:1000px;}
	
	.cell_full_hp{width:96%; max-width:none; margin:15px 0; padding:0 2%;}
	.cell_full{width:96%; max-width:none; min-height:500px; margin:0 2% 15px 2%;}
	.cell_full_sub{width:96%;max-width:none; padding:0 2%;}
	
	#topnav li{margin:0 2px 0 0;}
	#topnav li a, #topnav li a:link, #topnav li a:visited{padding:5px 7px;}
	#topnav li a:hover{padding:5px 7px;}
	
	#mainnav li{margin:0 1px 0 0; font-size:12px;}
	#mainnav li a, #mainnav li a:link, #mainnav li a:visited{padding:5px 3px;}
	#mainnav li a:hover{padding:5px 3px;}
	
	#dropdownnav ul li{margin-left: 7px;margin-right: 7px; font-size:12px;}
	#dropdownnav ul li a, #dropdownnav ul li a:link, #dropdownnav ul li a:visited{padding:5px 1px; font-size:14px;}
	#dropdownnav ul li a:hover{padding:5px 1px; font-size:14px;}
	#dropdownnav ul ul li{width:200px; font-size:12px;}
	#dropdownnav ul ul li a, #dropdownnav ul ul li a:link, #dropdownnav ul ul li a:visited{width:192px; padding:10px 4px;}
	#dropdownnav ul ul li a:hover{width:192px; padding:10px 4px;}
	
	.section_image{width:65%; margin:10px 5% 0 0;}
	.section_date_content div.SDCdivoptions{width:100%; margin:0 0 15px 0;}
	.section_date_content_img{width:30%; margin:0 5% 15px 0;}
	.section_date_content_img img{width:100%;}
	.section_date_content_detail{width:65%; max-width:none; margin:0 0 15px 0;}
	.aside_products_img{width:48%; margin:0 2% 0 0;}
	.section_products{width:50%;}
	
	.list_products li{width: 28%; margin: 5px 1%;padding: 5px 1%;}
	.list_products li span.lpspan img {width: 100%;max-width: 220px;height: 160px;vertical-align: middle;object-fit: cover;}
	#paintbrush1 {width: 60px;height: 60px;position: inherit;margin-top: 125px;margin-left: -60px;}
	#paintbrush2 {width: 60px;height: 60px;position: inherit;margin-top: 125px;margin-left: -60px;}
	.list_products li span.lpspan {overflow: hidden; height:210px;}
	.list_products li div {min-height: 58px;}
	.list_products li div a:link, .list_doors li div a:visited, .list_doors li div a:active {font-size: 14px;}
	.list_products li div a:hover {font-size: 14px;}
	.filter_color_optn li{width: 23%;}

	.list_address_contactus p{font-size:15px;}
	.list_address_contactus li{font-size:15px;}
	.list_gallery_hp{width:96%;}
	.list_gallery_hp li span a:link, .list_gallery_hp li span a:visited, .list_gallery_hp li span a:active{font-size:18px;}
	.list_gallery_hp li span a:hover{font-size:18px;}
	
	.form_searchDD input{width:90%; height:80px;}
	
	.textcolumn-2{max-width:1000px;}
	figure.AB3{width:100%; height:300px;}
	figure.AB3 img{height:100%;}
	figcaption.AB3caption h3{padding:10px 20px; left:100%; margin-top:10px; font-size:40px;}
	figcaption.AB3caption p{padding:10px 20px; margin-top:10px; left:100%; font-size:20px;}
	.textimagerows{width:100%; max-width:1000px;}
	.textimagerows li{width:90%; margin:2%;}
	.textimagerows li div{width:42%; margin:10px 3% 0 0;}
	.textimageiconlisting{width:100%; max-width:1000px;}
	.textimageiconlisting li{width:40%; margin:2%; padding:2% 3%;}
	.textimageiconlisting li div{width:25%; margin:5px 5% 0 0;}
	.textimageiconlisting li span{width:70%;}
	
	#currencycountrybox{width:50%; top:80px; right:5.5%; padding:5px 0.5%;}
	
	.my-simple-gallery figure.figureSub{width:23%; height:100px; margin: 1% 0% 1% 2%;}
	
	a.general, a.general:link, a.general:visited, a.general:active{padding:10px 20px;}
	a.general:hover{padding:10px 20px;}
	
	input.add_to_basket, a.add_to_basket, a.add_to_basket:link, a.add_to_basket:visited{margin-left:0;}
	input.enquireNow, a.enquireNow, a.enquireNow:link, a.enquireNow:visited{margin-left:20px;}
}

@media only screen and (min-width:0px) and (max-width:1200px){
.list_productsEcommCat li div.LPEimgCat img  {
	height: 100%;
	width: auto;
}
}
@media only screen and (min-width:0px) and (max-width:767px){

	.hp_right li div{
		margin-top: 42%;
	}
	.hp_left ul li{
		width: 49%;
	}
	.hp_left > ul:nth-child(1) > li:nth-child(3){
		margin-left: 2%;
	}
	.hp_left{
		width: 100%;
	}
	.hp_right{
		width:100%;
		margin-left:0;
		margin-top: 2%;
	}
	.hp_right img{
		height: auto;
	}
	.hp_banners{
		height: auto;
	}
	
	.aside_products_img div.APIdiv {width: 100%; height:auto;}
	.list_productsEcommCat {width: 96%; margin: 20px 2%;}
	.spec_left {width: 98%; margin: 0 1%;}
	.spec_right {width: 98%; margin: 0 1%;}
	.filter_color_optn li img {width: 100%;}
	.detail_links {display: none;}
	.product_deets {width: 98%;margin: 10px 1%;}
	.cell_steps_left_top {padding: 10px 2%; width: 96%;}
	.aside_image_about1{display:none;}
	.section_image_about1{width:95%;}
	.section_about {margin-bottom: 20px;}
	.section_form {width: 90%; margin: 0 5%; padding: 0;}
	.form_enquire {width: 96%; padding: 2%;}
	table th, td{border:2px solid #9A679A; background:#FFFFFF; text-align:center; padding:1px; font-size:14px; color:#666666;}
	.list_address_contactus {width: 98%; margin: 0 1%;}
	.section_content_contactus{ display:block;}
	.list_address_contactus {width: 100%; margin: 0; padding: 10px 0 0 0;}
	.form_contact {width: 100%; margin: 0; padding: 10px 0;}
	.section_content_contactus {margin-bottom: 20px;}
	.hp_btn {display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; box-sizing: border-box;}
}