@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&display=swap');
body,td,th{font-family:'Ubuntu',Arial,sans-serif;color:#fff}
body{color: rgba(240, 240, 240, 1);margin:0;padding:0;font-size:1.1em;line-height:1.5em;background:#424242}
.bodywrap{padding-top:0;background:rgba(0,0,0,0)}
.wrap{padding:0;width:90%;margin:0 auto}
a:link{text-decoration:none;color:#fff}
a:visited{text-decoration:none;color:#fff}
a:hover{text-decoration:none;color:#f1f1f1}
a:active{text-decoration:none;color:#f1f1f1}
a:focus{outline:0!important}
img{border:0}
img,input{transition:all 100ms ease;-moz-transition:all 100ms ease;-webkit-transition:all 100ms ease}
.cl{display:block;clear:both;visibility:hidden}
.fr{float:right}
.fl{float:left}
.half{width:49%}
section,article{overflow:auto}
.imgr{float:right;padding-bottom:30px;padding-left:30px}
.imgl{float:left;padding-bottom:30px;padding-right:30px}
.imgc{padding-bottom:10px}
.gotop{width:50px;height:40px;position:fixed;right:0;bottom:100px;opacity:.7;background:#fff url(/img/arrow_up_toppage.png) 5px 5px no-repeat;display:block;box-shadow:0 2px 4px rgba(0,0,0,0.41)}
.gotop:hover{width:60px;height:50px;position:fixed;right:0;bottom:95px;opacity:1;background:#fff url(/img/arrow_up_toppage.png) 10px 10px no-repeat;box-shadow:0 2px 14px rgba(0,0,0,0.41)}
input,textarea{background-color:#fff;border:#ddd 1px solid;padding:6px 12px;box-shadow:1px 1px 3px rgba(0,0,0,0.22); width: 100%; box-sizing: border-box;}
h1{color:#fff;font-size:1.3em;padding-bottom:10px;margin-bottom:5px;line-height:1.1em}
h2{color:#fff;font-size:1.2em;font-weight:700}
h3{margin:0;font-weight:700;font-size:1em;padding:0 0 5px}
header{position:relative;height:100px}
header .wrap{position:relative}
.header_logo{float:left;position:absolute;left:0;top:25px}
.header_logo img{height:35px!important; width: auto !important}
header nav{position:absolute;top:30px;right:0}
header nav a:link,header nav a:active,header nav a:visited{float:left;display:block;padding:6px 0 6px 40px}
header nav a:hover,header nav .sel{color:#000}
main{padding:0;min-height:300px}
main nav{padding:10px 0;border-bottom:1px solid #ccc;margin-bottom:20px;overflow:hidden}
main nav .fr{border-left:1px solid #ccc;padding:10px}
footer{padding-bottom:40px;min-height:387px;padding-top:20px;}
footer nav{padding:10px 0;border-bottom:1px solid #ccc;margin-bottom:20px;overflow:hidden}
footer nav a:link,footer nav a:visited{padding:0 20px 0 0}
footer .col1 a {padding-right: 20px !important;}
footer a:link,footer a:active,footer a:visited{color:#6a6a6a}
footer a:hover{color:#000}
.heading{position:relative;margin-bottom:35px}
.heading:before{background:url(/img/banner.jpg) right center no-repeat;background-size:contain;content:"";display:block;padding-bottom:6%}
.heading .wrap h1{position:absolute;bottom:10px}
section{padding:16px 30px;box-shadow:2px 2px 8px rgba(0,0,0,0.71)!important;margin:10px!important; backdrop-filter: blur(10px);}
section img{max-width:300px;max-height:300px}
.col1{line-height:1.6em;float:left;width:20%;padding-right:15px;box-sizing:border-box}
.col2{line-height:1.6em;float:left;width:20%;padding-right:15px;box-sizing:border-box}
.col3{line-height:1.6em;float:left;width:35%;padding-right:15px;box-sizing:border-box}
.col4{line-height:1.6em;float:right;width:25%;padding-right:15px;box-sizing:border-box;text-align:right}
.col3 a {display: inline-block; padding: 0px 20px; line-height: 1.6em; width: 100%; box-sizing: border-box; vertical-align: top; }
.col3 label{display:none}
.col3 input{display:block;margin-bottom:15px;width:90%;padding:4px 10px;line-height:2.1em;font-size:1em;box-sizing:border-box}
.col3 input[type=submit]{background:#545454;border:0 none;color:#fff}
.col3 input[type=submit]:hover{background:#2471d7}
input,textarea{background-color:#fff;border-color:#ddd;padding:6px;border-style:solid;border-width:1px;box-shadow:1px 1px 3px #ccc}
.date{font-style:normal;font-weight:400;font-size:.8em;color:#919191}
ul{padding:0 0 0 20px;margin:10px 0}
ul li{padding:0;margin:0}
.headlink{display:block;font-weight:700}
.ctabox{background:rgba(0,0,0,0.33);padding:60px 0 70px;font-size:1.3em;line-height:1.2em;text-align:center}
.ctabox a{display:block}
.ctabox img{margin-top:20px;max-height:50px}
.buttonlink{background:#545454;color:#fff!important;padding:14px 26px;display:inline-block!important;margin-top:30px;border:0!important;cursor:pointer}
.buttonlink:hover{background-color:#fff;color:#E93329!important;box-shadow:0 4px 10px rgba(0,0,0,0.17)}
.owlwrap{border-bottom:1px solid rgba(0,0,0,0.04);box-shadow:0 5px 7px rgba(0,0,0,0.21)}
.contentwrap h1{text-align:center}
.contentwrap .third h1,.contentwrap .half h1{text-align:inherit}
.boxeswarp{background:#eaeaea;padding:50px 0}
.third{width:33.3%;float:left}
.boxwrap{margin:20px 3%;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,0.11)}
.boxwrap:hover{margin:20px 2%;background:#fff;box-shadow:0 10px 40px rgba(0,0,0,0.21);transform:scale(1.04)}
.boxwrap .boxhead{background:#545454 url(/img/tileback.svg) center 70% no-repeat;background-size:150%;color:#fff;text-align:center;padding:30px 20px;min-height:110px}
.boxwrap .boxhead h1{color:#fff;font-size:1.4em}
.boxwrap .boxhead h1 b{font-size:3em}
.boxwrap .boxcontent{padding:10px 30px 20px}
.boxwrap .boxcontent ul{list-style:none;padding:0;margin:0}
.boxwrap .boxcontent ul li{display:block;line-height:1.4em;padding:4px 0;overflow:auto;border-bottom:1px solid rgba(0,0,0,0.07)}
.boxwrap .boxcontent ul li strong{float:right}
.gal_item{width:auto;padding:10px 10px 0;margin:0 10px 10px 0;border:1px solid #ccc;box-shadow:2px 2px 9px #969696;text-align:center}
.gal_item img{max-height:260px;max-width:100%;box-shadow:2px 2px 5px #767676;margin-bottom:10px}
.nmr{margin-right:0}
.gal_item .img_gal_cat{width:auto;height:210px;background-position:center center;background-repeat:no-repeat;background-size:contain;margin:-10px -10px 0}
.gal_title{padding:10px 0;background:#f6f6f6;margin:0 -10px;min-height:40px}
.gal_item_grid{width:25%;float:left}
.gal_item .img_gal_cat a{width:auto;height:210px;display:block}
.gal_cat_img{float:right;margin:0 0 20px 20px}
.gridimg img{height:200px}
.placeholderbox{min-height:230px}
.display_gallery{width:877px}
.display_gallery td{text-align:center}
.display_gallery img{height:360px;box-shadow:2px 2px 5px #767676}
.imgl,.imgr{max-width:50%;max-height:300px}
.imgl img,.imgr img{max-width:100%;max-height:300px}
.half .imgl,.half .imgr{max-width:50%;max-height:300px}
.half .imgl img,.half .imgr img{max-width:100%}
.slider-wrapper img{width:100%}
#ouibounce-modal{z-index:9999}
#ouibounce-modal form input[type="submit"]{background-color:#E93329!important}
.owl-item .item{position:relative}
.productpane{width:31%;margin:0 1% 10px;display:inline-block;box-shadow:0 3px 2px rgba(0,0,0,0.14);vertical-align:top;padding:20px;box-sizing:border-box;text-align:center}
.productpane h2{font-weight:700;background:#fff;padding:4px 15px;display:inline-block;color:#000;box-shadow:0 2px 1px rgba(0,0,0,0.16);font-size:1.4em}
.productpane .imgpane{height:200px;background-size:cover;background-repeat:no-repeat;background-position:center center;margin-bottom:15px}
.productpane .productpanedesc{font-size:.9em;height:14em;overflow:hidden;margin-bottom:5px;position:relative}
.productpane .productpanedesc:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:55px;display:block;background:#fff;background:linear-gradient(180deg,rgba(255,255,255,0) 7%,rgba(255,255,255,1) 83%)}
.productpane .productpaneprice{font-weight:700;background:#000;padding:4px 15px;display:inline-block;color:#fff;float:left;background:#0069ba;background:-moz-linear-gradient(top,#0069ba 0%,#004378 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#0069ba),color-stop(100%,#004378));background:-webkit-linear-gradient(top,#0069ba 0%,#004378 100%);background:-o-linear-gradient(top,#0069ba 0%,#004378 100%);background:-ms-linear-gradient(top,#0069ba 0%,#004378 100%);background:linear-gradient(to bottom,#0069ba 0%,#004378 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0069ba',endColorstr='#004378',GradientType=0)}
.shortenbutton{width:50%}
.b-close{cursor:pointer;position:absolute;right:0;top:0;padding:10px 15px;font-size:1.5em;background:#ccc;color:#000}
#popupform{background: rgba(0, 0, 0, 0.815) !important;overflow:auto;padding:30px;display:none;box-shadow:2px 10px 20px #000}
.enquirebutton {padding: 10px 30px; display: block; width: 100%; box-sizing: border-box;}
#tos {width: auto !important; display: inline-block;}
.owl-carousel.owl-drag .owl-item{position:relative}
.owl-carousel.owl-drag .owl-item .sliderlink{position:absolute;width:100%;height:100%;display:block;z-index:1;top:0;left:0}
.owl-carousel.owl-drag .owl-item .html_overlay{position:absolute;width:100%;display:block;z-index:1;top:50px;left:0;padding:0 50% 0 10%;box-sizing:border-box}
.html_content_wrap{display:block}
footer{min-height:187px;font-size:0.9em;clear:both;width:100%;background:#000;color:#fff;padding:20px 0 0}
footer nav{padding:0 0 10px;margin-bottom:20px;overflow:hidden;display:inline-block}
footer nav a:link,footer nav a:visited{padding:0 20px 0 0}
footer a:link,footer a:active,footer a:visited{color:#fff}
footer a:hover{color:rgba(255,255,255,0.91)}
footer h2{text-transform:uppercase;margin-top:0}
section{padding:10px 20px;margin-bottom:10px;border-bottom:1px solid rgba(0,0,0,0.26)}
section img{max-width:300px;max-height:300px}
.third section{padding:15px 30px 30px 30px;box-shadow:2px 2px 8px #ccc;margin:0 4px 15px 0; min-height: 10em;  background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0.3883754185267857) 0%, rgba(255,255,255,0) 91%); }
.third section h1 {text-shadow: 0px 3px 6px #000;}
input,textarea{background-color:#fff;border-color:#ddd;padding:6px;border-style:solid;border-width:1px;box-shadow:1px 1px 3px rgba(0,0,0,0.23)}
.date{font-style:normal;font-weight:400;font-size:.8em;color:#919191}
.author{text-align:right;display:block}
.image_display{margin:20px 0 10px}
.servicehalf{width:33.3%!important;float:left;border:0 none; float: none; display: inline-block; vertical-align: top;}
.servicehalf section{min-height: 410px;}
.servicehalf .imgtile img {width: 100% !important; height: auto !important; object-fit: contain;}
.servicecl{display:none!important}
.topwrap{top:0;position:absolute!important;width:100%;z-index:9998}
.smaller{position:fixed!important;top:0;width:100%;z-index:9999;min-height:80px}
.smaller .menutop{position:absolute;top:0;right:0}
.smaller .menutop .registertop{box-shadow:0 2px 4px rgba(0,0,0,0.27)}
.smaller .menutop .logintop{box-shadow:0 2px 4px rgba(0,0,0,0.27)}
.smaller .top *{transition:all .3s!important}
.smaller .top .toplink img{width:auto}
.smaller .top .wrap{box-sizing:border-box}
header{background:rgba(0,0,0,0.41)}
.smaller header{background:rgba(0,0,0,0.81);position:absolute;top:0;left:0;width:100%;height:80px;box-shadow:0 3px 10px rgba(0,0,0,0.18)}
.smaller .header_logo img{height:40px!important}
.textlayer{height:30%;width:100%;position:absolute;text-align:center;z-index:1!important;top:45%;font-size:3em}
@-webkit-keyframes ballslide {
1%{margin-top:-2px;opacity:0;width:126px;height:126px;padding:23px 43px 63px}
20%{margin-top:0;opacity:1;width:120px;height:120px;padding:20px 40px 60px}
80%{margin-top:0;opacity:1;width:120px;height:120px;padding:20px 40px 60px}
90%{margin-top:10px;opacity:0;width:126px;height:126px;padding:23px 43px 63px}
}
@-webkit-keyframes textslide {
5%{top:160px;opacity:0}
20%{top:150px;opacity:1}
80%{top:150px;opacity:1}
90%{top:140px;opacity:0}
}
.socialitem{position:fixed;top:40px;right:10px;width:25px;z-index:9999}
.socialiteminline{padding:0 10px 0 5px;line-height:30px;border:1px solid #ccc;float:left;font-size:.8em;margin:0 10px 4px 0}
.socialiteminline:hover{box-shadow:2px 2px 7px #999;border-color:#fff}
.socialiteminline a{color:#949494!important}
.socialiteminline img{padding-right:10px;margin-bottom:-9px}
.nav{font-size:1em;z-index:9899;text-transform:uppercase}
.nav ul ul{display:none;z-index:9999;text-transform:none}
.nav ul li:hover > ul{display:block;z-index:9999}
.nav ul{padding:0;list-style:none;position:relative;display:inline-table;width:100%;z-index:9999;margin:0}
.nav ul:after{content:"";clear:both;display:block}
.nav ul li{float:left;margin-left:3px!important;position:relative}
.nav ul li:hover a{color:#fff}
.nav ul li a{display:block;padding:0 10px;line-height:2.2em;font-weight:300;color:#fff;text-decoration:none}
.nav ul li a b{font-weight:600!important}
.nav ul ul{padding:0;position:absolute;top:100%;width:350px;right:0}
.nav ul ul li{float:none;position:relative;background:rgba(0,0,0,0.79)}
.nav ul ul li:hover{background:rgba(0,0,0,0.99)!important}
.nav ul ul li:hover a{color:#fff!important}
.nav ul ul li a{padding:0 18px 0 28px;color:#fff;float:none;line-height:2em}
.highlightedtab{border:1px solid rgba(0,0,0,0.17);box-shadow:0 2px 5px rgba(0,0,0,0.17)}
.nav ul ul li a:hover{background:#fff!important}
.nav ul ul ul{position:absolute;left:-100%;top:0;right:auto}
.nav ul .arr a{background:url(/img/arr_down.svg) 50% 100% no-repeat!important;background-size:10px!important}
.nav ul .arr ul li a{background:url(/img/arr_left.svg) 5% 50% no-repeat!important;background-size:6px!important}
.nav ul .noarr a,.nav ul .arr ul .noarr a,.nav ul .arr ul li ul .noarr a{background:none!important}
.nav ul .arr ul a{background:none}
.nav .current{display:none}
.additionalmenu a{display:block}
.bundles_parallax h1{margin-top:0}
.gallerymodule .gallerytile{display:inline-block;width:25%;box-shadow:0 2px 4px rgba(0,0,0,0.14);overflow:hidden;position:relative}
.gallerymodule .gallerytile span{background-size:cover;background-repeat:no-repeat;background-position:center center;display:block;width:100%;height:100%;position:absolute;top:0;left:0}
.gallerymodule .gallerytile:hover span{width:104%;height:104%;position:absolute;top:-2%;left:-2%;transition:all 300ms ease}
.gallerymodule .gallerytile:before{padding-bottom:70%;display:block;content:""}
.gallerymodule .gallerytile:hover span:before{width:100%;height:100%;position:absolute;top:0;left:0;background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMS41IiB2aWV3Qm94PSIwIDAgNDAgNDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIj48Y2lyY2xlIGN4PSIxNS43NDg4IiBjeT0iMTUuNzQ5OTgiIHI9IjEyLjUiIHN0cm9rZS13aWR0aD0iNi41Ii8+PHBhdGggZD0ibTE4MDIuMDEgMTMwLjk1NiAyMC4wNCAyMC4wNDQiIHN0cm9rZS13aWR0aD0iMTEuNjMiIHRyYW5zZm9ybT0ibWF0cml4KC41NTkxMTUgMCAwIC41NTkxMTUgLTk4Mi45NDUgLTQ4LjYzMjQpIi8+PC9nPjwvc3ZnPg==);background-size:25px;background-repeat:no-repeat;background-position:center center;display:block;content:""}
.login_rfq_user{padding-top:20px}
.login_rfq_user ul{padding:0;margin:0}
.login_rfq_user ul li{list-style:none;padding-bottom:20px}
.login_rfq_user label{display:block;padding-bottom:6px}
.login_rfq_user a{display:block;padding-bottom:6px;width:100%;box-sizing:border-box}
.midbutton{background:#EF4135;padding:0 20px;color:#fff!important;line-height:2em;display:inline-block}
.topwrap{position:fixed}
.topslide{position:relative;top:0;left:0;width:100%;overflow:hidden}
.topslide:before{display:block;padding-bottom:56.25%;content:""}
.topslide .overlaygfx{background:url(/img/slide-overlay.png) right center no-repeat;background-size:contain;position:absolute;right:0;top:0;width:100%;height:100%;z-index:2;animation:overlayoverlaygfx 2s forwards}
.topslide .overlayheader{position:absolute;left:5%;top:50%;width:30%;height:auto;z-index:3}
.topslide .overlayheader h1{font-size:4em;line-height:.9em;color:#fff;font-weight:400}
.topslide .overlaytext{position:absolute;left:5%;bottom:10%;width:80%;height:auto;z-index:3;text-transform:uppercase}
.topslide .overlaytext b{display:inline-block;padding-right:20px;font-size:1.4em;color:#fff;font-weight:400}
.topslide .overlayback{background:url(/img/slide-back.jpg) center center no-repeat;background-size:cover;position:absolute;left:0;top:0;width:75%;height:100%;z-index:1;animation:overlayheaderadnim 20s infinite}
.toppad{height:150px}
.topslide span{border-right:.05em solid;animation:caret 1s steps(1) infinite}
@keyframes caret {
50%{border-color:transparent}
}
@-webkit-keyframes overlayheaderadnim {
0%{left:2%;top:0;width:75%;height:100%;opacity:0;transform:rotateZ(5deg)}
20%{opacity:1}
50%{transform:rotateZ(-5deg)}
80%{opacity:1}
100%{left:-7%;left:-7%;width:95%;height:100%;opacity:0;transform:rotateZ(-2deg)}
}
@-webkit-keyframes overlayoverlaygfx {
0%{right:-5%}
100%{right:0}
}
.heroimage{height:60vh;width:100%}
.hihome{height:35vh;width:100%}
.whatwedid.hihome {height: 200px;}
.heroimage_heading{position:absolute;left:15%;top:34%;width:70%;color:#fff;font-size:4em;font-weight:700!important; line-height: 1.4em;}
.hihome .heroimage_heading{position:absolute;left:5%;top:20%;width:70%;color:#fff;font-size:2em;font-weight:700!important;line-height:1.1em}
.hihome .heroimage_heading h1 {font-size: 2.2em; font-weight: 400;}
.hihome.projectshead .heroimage_heading {width: 44%;top: 15%;}
.hihome.projectshead {height: 380px;}
.hihome.projectshead .heroimage_heading h1 {font-size: 1.8em; line-height: 1em;}
.heroimage_heading h1,.parallaxwrapout.elid1 h1{color:#fff;animation:heroimageheadingh1slide 1400ms 200ms forwards;perspective:800px;transform-style:preserve-3d;transform:rotateX(90deg) rotateY(0deg) scale(1);opacity:0;filter:blur(20px); text-shadow: 0px 15px 10px rgba(0, 0, 0, 0.25);}
.heroimage_summary,.parallaxwrapout.elid1 .parallaxbody{position:absolute;left:0%;bottom:0%;width:100%;color:#fff;font-size:1.3em;line-height:1.2em;animation:heroimagesummaryslide 1400ms 1000ms forwards;perspective:800px;transform-style:preserve-3d;transform:rotateX(90deg) rotateY(0deg) scale(1);opacity:1;filter:blur(0px); box-sizing: border-box;}
.heroimage_summary:before{position:absolute;left:14%;bottom:40px;height:40px;width:40px;background:url(/img/arrow-down-animation.svg) center center no-repeat;background-size:contain;content:""}
.parallaxwrapout.elid1 .parallaxbody:before{position:absolute;left:0;bottom:-40px;height:40px;width:40px;background:url(/img/hero-arrow.svg) center center no-repeat;background-size:contain;content:""}
.heroimage_summary {padding:  30px 14% 90px; min-height: 25vh;  background: rgb(0,0,0); background: linear-gradient(180deg, rgba(0,0,0,0.4822129535407913) 4%, rgba(0,0,0,0.15308130087972693) 77%); font-size: 1.6em; }
.heroimage_summary p {margin-bottom: 0px;}
.heroimagepane{height:100vh;background-position:center center;background-size:cover;position:fixed;top:0;left:0;z-index:-1;width:100%;background-color:#383838;animation:heroimagepaneslide 4400ms 0 forwards;perspective:800px;transform-style:preserve-3d;transform:rotateX(0) rotateY(0deg) scale(1);opacity:1;filter:blur(0px)}
.heroimage_heading h1 {font-size: 1em;}
@keyframes heroimagepaneslide {
0%{transform:rotateX(0) rotateY(0deg) scale(1);opacity:1;filter:blur(0px)}
100%{transform:rotateX(0) rotateY(0deg) scale(1);opacity:1;filter:blur(0px)}
}
@keyframes heroimageheadingh1slide {
0%{transform:rotateX(90deg) rotateY(-2deg) scale(1);opacity:0;filter:blur(3px)}
40%{transform:rotateX(0deg) rotateY(0deg) scale(1.05);opacity:1;filter:blur(0px)}
100%{transform:rotateX(0deg) rotateY(0deg) scale(1.0);opacity:1;filter:blur(0px)}
}
@keyframes heroimagesummaryslide {
0%{transform:rotateX(90deg) rotateY(-2deg) scale(1);opacity:1;filter:blur(0px)}
40%{transform:rotateX(0deg) rotateY(0deg) scale(1);opacity:1;filter:blur(0px)}
100%{transform:rotateX(0deg) rotateY(0deg) scale(1);opacity:1;filter:blur(0px)}
}
.herocontact {background: url(/img/contact-img.png) 60% bottom no-repeat; background-size: 300px }
.paragraph{padding:90px 0;background-color:#565656;background-size:cover;background-position:center center;box-shadow:inset 0 5px 5px rgba(0,0,0,0.04)}
.paragraph_content h1,.paragraph_content.parallaxwrap h1{font-size:2em;font-weight:lighter;color:#fff;margin-bottom:70px;position:relative;line-height: 1.3em;}
.paragraph_content .wrap{width:100%;padding:0; overflow: auto;}
.paragraph_content ul li {padding-bottom: 20px;}
.herospacefill{height:150px;background:#191919}
.paragraph_content table{max-width:70%;margin:60px auto 0}
.paragraph_content table td{min-width:15%;box-sizing:border-box;padding-left:15px;padding-right:15px}
.genericwrap p{padding:0;margin:0 0 15px}
.genericwrap .wrap{padding:80px 0}
.para1{z-index:1; box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.32);}
.para2{z-index:2; box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.32);}
.para3{z-index:3; box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.32);}
.para4{z-index:4; box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.32);}
.para5{z-index:5; box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.32);}
.para6{z-index:6; box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.32);}
.para7{z-index:7; box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.32);}
.para8{z-index:8; box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.32);}
.para9{z-index:9; box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.32);}
.para10{z-index:10; box-shadow: 0px 10px 50px rgba(0, 0, 0, 0.32);}
.jarallax-keep-img{position:relative;z-index:0}
.jarallax-keep-img > .jarallax-img{position:relative;display:block;max-width:100%;height:auto;z-index:-100}
span[data-jarallax-element]{display:inline-block}
.jarallax{min-height:300px}
.jarallax-keep-img.demo-float-left{margin-right:15px;margin-left:-60px}
.jarallax-keep-img.demo-float-right{margin-left:15px;margin-right:-60px}
@media screen and (max-width: 600px) {
.jarallax-keep-img.demo-float-left,.jarallax-keep-img.demo-float-right{margin-right:0;margin-left:0;float:none}
}
.parallaxwrapout{background-color:#fff;color:#000!important;line-height:1.2em}
.parallaxwrap{max-width:80%;margin:0 auto}
.parallaxwrap img{display:inline-block;margin-right:0px;max-width:100%;}
.parallaxwrap table{width:100%!important}
.parallaxwrap table tr td{width:50%;box-sizing:border-box;padding:0 30px;color:#fff}
.parallaxwrap h1{font-size:2.7em;line-height:.9em}
.parallaxtextleft{padding:0 55% 0 0;box-sizing:border-box}
.parallaxtextright{padding:0 0 0 55%;box-sizing:border-box}
.carouselwrapout .parallaxwrap{padding-bottom:0}
.carouselwrapout .parallaxwrap h1{font-size:1.5em;text-align:center;color:#000!important}
.genericwrap p{padding:0;margin:0 0 15px}
.genericwrap .wrap{padding:80px 0}
.para1{z-index:1}
.para2{z-index:2}
.para3{z-index:3}
.para4{z-index:4}
.para5{z-index:5}
.para6{z-index:6}
.para7{z-index:7}
.para8{z-index:8}
.para9{z-index:9}
.para10{z-index:10}
.pane.parallaxwrapout .parallaxwrap{padding:10vh 0;min-height:23vh}
.parallaxbody.parallaxtextleft a,.parallaxbody.parallaxtextright a{text-transform:uppercase;font-weight:700;padding:6px 70px 6px 0;background:url(/img/arr-right.svg) 90% center no-repeat;background-size:36px}
.panecta{background:#E93329 url(/img/sep-back-1.jpg) center center no-repeat;background-size:cover;text-align:center;padding:10px 0}
.panecta h1{color:#fff;font-size:2em;display:inline-block}
.panecta a{color:#fff;display:inline-block;margin:0 0 0 40px;line-height:3em;font-size:1.5em;font-weight:700;background:url(/img/button-back.svg) center center no-repeat;background-size:contain;padding:0 40px}
.panecta.panecta_4{background:#747474 url(/img/sep-back-2.jpg) center center no-repeat;background-size:cover}
.panecta.panecta_5{background:#35B3D6 url(/img/sep-back-3.jpg) center center no-repeat;background-size:cover}
.panecta.panecta_6{background:#637E00 url(/img/sep-back-4.jpg) center center no-repeat;background-size:cover}
.panecta.panecta_7{background:#756E98 url(/img/sep-back-5.jpg) center center no-repeat;background-size:cover}
.socialitem{position:fixed;right:0;top:20%;z-index:999;width:47px;padding:7px 7px 1px 0;background:rgba(0,0,0,0.38);border-top:1px solid rgba(0,0,0,0.4);border-left:1px solid rgba(0,0,0,0.4);border-bottom:1px solid rgba(0,0,0,0.4);text-align:right}
.socialitem img{width:40px;margin-bottom:3px;padding:0}
.socialitem img:hover{width:44px;margin-bottom:3px;padding:0;-webkit-transition:all 100ms ease-in-out;-moz-transition:all 100ms ease-in-out;-o-transition:all 100ms ease-in-out;transition:all 100ms ease-in-out}
.carousel{width:960px;height:200px;margin:0 auto;overflow:hidden}
.slides{overflow:hidden;position:relative;width:960px;height:150px}
.slides ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0;width:1200px}
.slides li{width:230px;height:150px;display:inline-block;text-align:center;box-sizing:border-box}
.slides li img{padding:4px;text-align:center;height:auto!important;max-width:60%!important}
.buttons{padding:0 0 5px;float:right}
.buttons a{display:block;width:31px;height:32px;text-indent:-999em;float:left;outline:0}
.paragraph_content{padding:0 5%;box-sizing:border-box}
.review-meta,.review-stars{text-align:center;font-size:115%}
.review-author{text-transform:capitalize;font-weight:700}
.review-date{opacity:.6;display:block}
.review-text{line-height:1.55;text-align:left;max-width:32em;margin:auto}
.review-stars ul{display:inline-block;list-style:none!important;margin:0;padding:0}
.review-stars ul li{float:left;list-style:none!important;margin-right:1px;line-height:1}
.review-stars ul li i{color:#E4B248;font-size:1.4em;font-style:normal}
.review-stars ul li i.inactive{color:#c6c6c6}
.star:after{content:"\2605"}
h1{margin-top:0;padding-top:20px}
.numbers{background:url(/img/numbers-back.jpg) center center no-repeat;background-size:cover;padding:110px 0;text-align:center}
.numbers ul{padding:0;margin:0;vertical-align:middle}
.numbers ul li{color:#000;text-transform:uppercase;font-weight:700;background:#fff url(/img/numbers-arr-right.svg) right 85% no-repeat;background-size:70px;padding:40px;display:inline-block;box-sizing:border-box;text-align:left;position:relative}
.numbers ul li h1{color:#E93329;font-size:4em;margin-top:0;padding-top:0}
.numbers ul li div{position:absolute;left:10%;bottom:10%}
.numbers ul li div h1{position:absolute;left:40px;top:40px}
.numbers .numbers_col1{width:360px;display:inline-block;margin-right:7px}
.numbers .numbers_col1 li:nth-child(1){width:360px;height:360px;margin-bottom:10px}
.numbers .numbers_col1 li:nth-child(2){width:300px;height:300px;margin-left:60px}
.numbers .numbers_col2{width:330px;display:inline-block;margin-right:7px}
.numbers .numbers_col2 li:nth-child(1){width:250px;height:250px;margin-right:80px;margin-bottom:10px}
.numbers .numbers_col2 li:nth-child(2){width:330px;height:330px}
.numbers .numbers_col3{width:300px;display:inline-block}
.numbers .numbers_col3 li:nth-child(1){width:240px;height:240px;margin-right:60px;margin-bottom:10px}
.numbers .numbers_col3 li:nth-child(2){width:300px;height:300px}
.numbers ul li a{display:block;position:absolute;left:0;top:0;width:100%;height:100%}
.numbers ul li a:hover{box-shadow:inset 0 20px 30px rgba(0,0,0,0.15)}

.content_paragraph_1 .wrap{padding-bottom:90px}
.pane.parallaxwrapout *{color:#000}
.pane.parallaxwrapout a{color:#E93329}
p{margin-top:0!important}
.fourcol{width:100%}
.fourcol td{width:25%;text-align:center}

.mininav{margin:0 0 20px;overflow:auto;padding:5px;box-shadow:inset 0 2px 4px rgba(0,0,0,0.38);display:block;background: rgba(0, 0, 0, 0.13)}
.mininav .sel{background:#EF4135;color:#fff!important}
.mininav a{display:inline-block;float:left;line-height:2em;margin-right:2px;padding:0 14px; }
.mininav input[type="submit"]{border:0;display:inline-block;float:left;line-height:2em;margin-bottom:0;margin-right:2px;margin-top:0;min-height:18px;padding:0 14px;width:auto}

.portfolio ul{list-style:none;padding:0;margin:0}
.portfolio ul li{padding:0;margin:0;border-radius:3px;box-shadow:0 2px 8px rgba(0,0,0,0.39);background-size:cover;background-position:center top;background-repeat:no-repeat; position: relative; overflow: hidden;}
.portfolio ul li .imgspace {width: 100%; position: absolute; left: 0px; top:0px; bottom: auto; z-index: 0;}
.portfolio ul li .imgspace img {width: 100%;}
.portfolio ul li:hover .imgspace {left: 0px; animation: portfoliohover 600ms forwards; }
@keyframes portfoliohover {
	0% {top:0px; bottom: auto;}
	100% {top:-80px; bottom: auto;}
}

.portfolio ul li:hover{background-position:center bottom;-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out;box-shadow:0 2px 18px rgba(0,0,0,0.39)}
.portfolio ul li a span{position:absolute;bottom:-55px;left:0;height:40px;width:100%;display:block;color:#fff;text-align:center;padding:15px 0 0;text-shadow:0 1px 2px #000;font-size:.8em;font-weight:700;background:-moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%);background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%)}
.portfolio ul li:hover a span{bottom:0;left:0;-webkit-transition:all 100ms ease-in-out;-moz-transition:all 100ms ease-in-out;-o-transition:all 100ms ease-in-out;transition:all 100ms ease-in-out}
.portfolio ul li:nth-child(3n-2){width:32%;float:left;margin:0 1% 22px 0}
.portfolio ul li:nth-child(3n-1){width:32%;float:left;margin:0 1% 22px}
.portfolio ul li:nth-child(3n){width:32%;float:left;margin:0 0 22px 1%;clear:right}
.portfolio ul li a{display:block;height:320px;position:relative;overflow:hidden; z-index: 10}

.pane_portfolio .contentwrap {width: 50%; float: left; padding: 80px 0% 80px 10%; box-sizing: border-box;}
.pane_portfolio .contentwrap strong {display: inline-block; position: relative; font-size: 1.2em;margin-left: 5px; margin-right: 5px;}
.pane_portfolio .contentwrap strong:before {content: ""; display: block; width: 110%; height: 120%; left: -5%; top:-10%; position: absolute; z-index: -1;  background: rgb(241,241,241);
background: linear-gradient(43deg, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 50%, rgba(241,241,241,1) 100%); transform: rotate(-1deg); box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.09); }

.pane_portfolio {padding: 0px 0px 0px 0px; position: relative;}
.pane_portfolio:before {background: -webkit-linear-gradient(0deg, rgba(230,51,41,1) 37%, rgba(117,115,115,1) 100%); content: ""; width: 100%; height: 1px; position: absolute; bottom: 0px; display: block; z-index: 99; }
.pane_portfolio .owlwrap { width: 50%; height: auto; overflow: hidden; position: relative; float: right;}
.pane_portfolio .owlwrap:before {padding-bottom: 59.568%; content: ""; display: block; }
.pane_portfolio .owlwrap .overlay {background: url(/img/portolio-overlay.png) center center no-repeat; background-size: 100%; z-index: 10; pointer-events: none; position: absolute; top:0px; left: 0px; width: 100%; height: 100%;}
.pane_portfolio .owlwrap .owl-carousel {position: absolute; left: 19.98%; top:12%; width: 59%; height: 56%; z-index: 12; overflow: hidden; background-color: #fff;}

.image_display{width: 50%; float: right; margin-top: -100px; }
.pane_inside .contentwrap {width: 50%; float: left; padding: 0px 10% 80px 0%; box-sizing: border-box;}
.pane_inside {padding-bottom: 80px;}
ide {padding: 0px 0px 0px 0px; position: relative;}
.image_display {box-shadow: 5px 20px 30px rgba(0, 0, 0, 0.31);}
.image_display img {width: 100% !important; height: auto !important;}
main .wrap {min-height: 35vh}

.darkback {background: rgba(69, 69, 69, 0.91); padding-top: 40px; overflow: auto; padding-bottom: 40px;}

img[style*="float:right;"] {margin: 0px 0px 30px 40px;}
img[style*="float:left;"] {margin: 0px 40px 30px 0px;}
img[style*="float:right;"], img[style*="float:left;"] {max-width: 50%; height: auto !important;}
.paragraph_content blockquote, .content_paragraph_1 blockquote {padding: 0px 0px !important; margin: 10px 0px;}
.paragraph_content blockquote ul, .content_paragraph_1 blockquote ul {display: block; width: 100%; padding: 20px 0px; margin: 0px 0px; clear: both;}
.paragraph_content blockquote ul li, .content_paragraph_1 blockquote ul li {display: inline-block; min-height: 8em; text-align: center; padding: 15px 25px; box-sizing: border-box; width: 24%; vertical-align: top;}
.paragraph_content blockquote ul li img, .content_paragraph_1 blockquote ul li img {margin-bottom: 15px; height: 80px !important; width: 100% !important; object-fit: contain;}
.paragraph_content h2 a, .content_paragraph_1 .wrap h2 a {display: inline-block; padding: 20px 80px 20px 30px; box-sizing: border-box; color: #fff; font-size: 1.1em; font-weight: 100; margin: 15px 0px;  background: rgb(0,98,224); background: linear-gradient(104deg, rgba(0,98,224,1) 0%, rgba(25,175,255,1) 100%); position: relative; }
.paragraph_content h2 a:before, .content_paragraph_1 .wrap h2 a:before {content: ""; display: block; background: url(/uploads/arrow-right-btn.svg) center center no-repeat; width: 45px; height: 45px; right: 15px; top:50%; transform: translateY(-50%); background-size: contain; position: absolute;}
.paragraph_content h2 a:hover:before, .content_paragraph_1 .wrap h2 a:hover:before {right: 5px; transition: 1s all;}

.heroimagepane {clip-path: circle(0% at 75% 50vh);animation:pageappear 2s 1s forwards;transition:clip-path 3s}
@keyframes pageappear {
0%{clip-path:circle(0% at 90% 50vh)}
99%{clip-path:circle(140% at 90% 50vh)}
100%{clip-path:none}
}

.previousproject {position: fixed; left: -90px; top:60vh; width: 60px; height: 120px; line-height: 120px; border-radius: 0px 60px 60px 0px; background: rgba(0, 0, 0, 0.396); text-align: center; box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.781); font-size: 2.4em; animation: previousappear 1s 1s forwards; }
.nextproject {position: fixed; right: -90px; top:60vh; width: 60px; height: 120px; line-height: 120px; border-radius: 60px 0px 0px 60px; background: rgba(0, 0, 0, 0.396); text-align: center; box-shadow: 0px 0px 20px rgba(255, 255, 255, 0.781); font-size: 2.4em; animation: nextappear 1s 1s forwards; }
@keyframes previousappear {
    0% {left: -90px;}
    100% {left: 0px;}
}
@keyframes nextappear {
    0% {right: -90px;}
    100% {right: 0px;}
}
.svgdisplay {margin: 60px 0px 0px 0px }
.svgdisplay svg {width: 100% !important; height: auto !important; margin: 0px 0px -7px 0px }

.readingcategories .imgl {max-width: 300px !important; width: 300px !important; height: auto}
.readingcategories .imgl img {max-width: 300px !important; width: 300px !important; height: auto}

.rwd_desktop {display:block;}
.rwd_mobile {display:none;}
.center{top:30% !important;}


@media screen and (max-width: 810px) {
.gallerymodule .gallerytile{width:33.3%}
}
@media screen and (max-width: 720px) {
    img[style*="float:right;"], img[style*="float:left;"] {max-width: 100%; height: auto !important; width: 100% !important;}
}
@media screen and (max-width: 560px) {
.gallerymodule .gallerytile{width:50%}
}
@media screen and (max-width: 370px) {
.gallerymodule .gallerytile{width:100%}
}
@media screen and (max-width: 1590px) {
.half .productpane{width:48%}
}
@media screen and (max-width: 1790px) {
.servicehalf {width: 33.3% !important; min-height: 230px;}
}

@media screen and (max-width: 1490px) {
.topslide .overlayheader{position:absolute;left:5%;top:30%;width:30%}
}@media screen and (max-width: 1090px) {
.parallaxtextright{padding:0 5%;box-sizing:border-box}
.pane.parallaxwrapout .parallaxwrap{padding:2vh 0;min-height:2vh}
.parallaxwrap{max-width:100%}
.jarallax{min-height:0}
.parallaxbody{padding:50px!important;background:rgba(255,255,255,0.94);box-shadow:0 10px 20px rgba(0,0,0,0.28)}
.pane.parallaxwrapout .parallaxwrap{padding:200px 0 50px}
div[id^="jarallax-container-1"] div,div[id*=" jarallax-container-1"] div,div[id^="jarallax-container-2"] div,div[id*=" jarallax-container-2"] div,div[id^="jarallax-container-3"] div,div[id*=" jarallax-container-3"] div,div[id^="jarallax-container-4"] div,div[id*=" jarallax-container-4"] div,div[id^="jarallax-container-5"] div,div[id*=" jarallax-container-5"] div,div[id^="jarallax-container-6"] div,div[id*=" jarallax-container-6"] div,div[id^="jarallax-container-7"] div,div[id*=" jarallax-container-7"] div,div[id^="jarallax-container-8"] div,div[id*=" jarallax-container-8"] div,div[id^="jarallax-container-9"] div,div[id*=" jarallax-container-9"] div,div[id^="jarallax-container-10"] div,div[id*=" jarallax-container-10"] div{position:absolute!important;width:100%!important;height:100%!important;margin-top:0!important;transform:translate3d(0px,0px,0px)!important;background-position:center -70%!important;background-size:cover!important}
.parallaxbody h1{margin-top:0!important;padding-top:0!important}
#jarallax-container-0 > div{background-size:cover!important}
.numbers{padding:0 0 50px}
.numbers ul li{padding:20px;background-size:40px}
.numbers ul li h1{font-size:3.3em}
.numbers ul li div h1{position:absolute;left:20px;top:20px}
.numbers .numbers_col1{width:200px;display:inline-block;margin-right:7px}
.numbers .numbers_col1 li:nth-child(1){width:200px;height:200px;margin-bottom:10px;margin-top:50px}
.numbers .numbers_col1 li:nth-child(2){width:140px;height:140px;margin-left:60px}
.numbers .numbers_col2{width:190px;display:inline-block;margin-right:7px}
.numbers .numbers_col2 li:nth-child(1){width:140px;height:140px;margin-right:80px;margin-bottom:10px}
.numbers .numbers_col2 li:nth-child(2){width:190px;height:190px}
.numbers .numbers_col3{width:200px;display:inline-block}
.numbers .numbers_col3 li:nth-child(1){width:200px;height:200px;margin-right:0;margin-bottom:10px;margin-top:60px}
.numbers .numbers_col3 li:nth-child(2){width:160px;height:160px;margin-right:40px}
.nav{margin:0 30px 0 0}
header,.smaller header{height:85px}
header .wrap,.smaller header .wrap{margin-right:0!important}
.header_logo img{height:60px}
.header_logo{top:15px;height:60px}
.nav .current a{line-height:85px;height:85px}
.wrap{width:90%}
.itempromo{width:25%;margin-right:0}
.itempromo h2{padding:7px}
body{font-size:1em;line-height:1.5em}
.footerlogos img{height:34px}
.socialtop{width:370px}
.tiledescription{width:48%;min-height:205px;margin-right:0}
.tileframe{width:100%;height:136px}
.tileframe a{width:100%;height:146px;display:block}
.nav{margin-right:30px}
.nav ul li a{padding:0 16px}
.half .productpane{width:100%}
}
@media screen and (max-width:990px) {
.owl-carousel.owl-drag .owl-item .html_overlay{bottom:40px;padding:0 50% 0 10%}
.col1{width:50%}
.col2{width:50%}
.col3{width:50%}
.col4{width:50%}
header nav{top:0}
.header_logo{width:45%}
.header_logo img{max-width:100%;height:50px!important}
.nav{float:right;position:relative;min-height:40px;z-index:9999;margin:0;width:30%}
.nav ul{width:100%;padding:0;position:absolute;top:0;right:0;background:#fff}
.nav ul li{display:none;margin:0;float:none!important;position:relative;margin-left:0!important}
.nav ul li ul{position:absolute;top:0;left:-210px;width:210px}
.nav ul li a{color:#000!important}
.nav ul .arr a{background:url(/img/arr_left.svg) 0 50% no-repeat!important;background-size:6px!important}
.nav ul .arr ul li a{background:url(/img/arr_left.svg) 0 50% no-repeat!important;background-size:6px!important}
.nav ul .noarr a,.nav ul .arr ul .noarr a,.nav ul .arr ul li ul .noarr a{background:none!important}
.nav a{display:block;padding:5px 5px 5px 32px;text-align:left;float:none!important;border-bottom:1px solid rgba(0,0,0,0.11)}
.nav .current{display:block;float:none!important}
.nav .current a{background:none;color:#666;line-height:85px;height:85px;border-bottom:0!important;background:url(/img/menu-button.svg) center center no-repeat;background-size:40px}
.nav ul:hover{background-image:none;box-shadow:0 4px 9px rgba(0,0,0,.5);width:200%}
.nav ul:hover li{display:block;margin:0}
.nav ul:hover .current{background:url(/img/icon-check.png) no-repeat 10px 7px}
/* .nav ul li ul{left:-75%!important} */
.nav ul ul li{margin-left:0;background:#fff}
.nav.right ul{left:auto;right:0}
.nav.center ul{left:50%;margin-left:-90px}
.nav ul ul:hover{width:75%!important}
.smaller .nav .current a{line-height:85px;height:85px}
.special_message{float:none!important;display:block!important;margin-bottom:15px!important}
.productpane{width:48%}
.servicehalf {width: 50% !important; min-height: 230px;}
}
@media screen and (max-width: 890px) {
.topslide .overlayheader{position:absolute;left:5%;top:20%;width:30%}
.nav a{padding:5px 5px 5px 12px;font-size:.9em}
.nav ul li a{padding:0 16px}
.topslide{background:#454545}
.bodywrap{padding-top:85px}
.paragraph_content blockquote ul li {width: 32%;}

}
@media screen and (max-width: 840px) {
.wrap{width:90%}
.itempromo{width:25%;margin-right:0}
.itempromo h2{min-height:40px}
.socialtop .text{display:none}
.socialtop{width:auto;position:absolute;right:10px;top:0}
.fb-like{float:right}
.tiledescription{width:48%;min-height:205px;margin-right:0}
.tileframe{width:100%;height:136px}
.tileframe a{width:100%;height:146px;display:block}
.imgr img{width:210px}
.containimg{width:auto}
.half{width:100%}
.gal_item_grid{width:33.3%}
.gridimg img{height:190px}
.contactlocation{width:auto!important}
.servicehalf {width: 50% !important; min-height: 230px;}
}
@media screen and (max-width: 740px) {
.third{width:50%}
.topslide .overlayheader h1{font-size:3em}
.numbers{background-image:url(/img/mob-numbers-back.jpg) !important;}

.topslide .overlaygfx{background-image:url(/img/mob-slide-overlay.png) !important;}
.topslide .overlayback{background-image:url(/img/mob-slide-back.jpg) !important;}
.rwd_desktop {display:none;}
.rwd_mobile {display:block;}
}
@media screen and (max-width: 640px) {
.gal_item_grid{width:50%}
.gridimg img{height:160px}
.owl-carousel.owl-drag .owl-item .html_overlay{padding:0;top:auto;bottom:-55px;left:0}
.owl-carousel .owl-stage-outer{padding-bottom:56px}
.welcome_parallax{padding:10px 0 70px}
.html_content_wrap{box-shadow:0 20px 40px rgba(0,0,0,0.31)}
.owl-carousel.owl-drag .owl-item .html_overlay h2{display:block;line-height:1.6em;font-size:1.4em;font-weight:700;margin-top:0;padding:5px 20px;background:#275faa;color:#fff;margin-bottom:5px}
.numbers ul{box-sizing:border-box}
.numbers ul li{padding:20px;box-sizing:border-box}
.numbers ul li h1{font-size:2.8em}
.numbers ul li div h1{position:absolute;left:20px;top:20px}
.numbers .numbers_col1{width:48%;display:inline-block;margin-right:1%;text-align:right}
.numbers .numbers_col1 li:nth-child(1){width:200px;height:200px;margin-bottom:20px;margin-top:0}
.numbers .numbers_col1 li:nth-child(2){width:200px;height:200px;margin-left:0}
.numbers .numbers_col2{width:48%;display:inline-block;margin-right:0;margin-left:1%;text-align:left}
.numbers .numbers_col2 li:nth-child(1){width:200px;height:200px;margin-right:0;margin-bottom:20px}
.numbers .numbers_col2 li:nth-child(2){width:200px;height:200px}
.numbers .numbers_col3{width:100%;display:inline-block;padding-right:0;margin-right:0;margin-top:20px;box-sizing:border-box}
.numbers .numbers_col3 li:nth-child(1){width:200px;height:200px;margin-right:2%;margin-bottom:10px;margin-top:0}
.numbers .numbers_col3 li:nth-child(2){width:200px;height:200px;margin-right:0}
div[id^="jarallax-container-1"] div,div[id*=" jarallax-container-1"] div,div[id^="jarallax-container-2"] div,div[id*=" jarallax-container-2"] div,div[id^="jarallax-container-3"] div,div[id*=" jarallax-container-3"] div,div[id^="jarallax-container-4"] div,div[id*=" jarallax-container-4"] div,div[id^="jarallax-container-5"] div,div[id*=" jarallax-container-5"] div,div[id^="jarallax-container-6"] div,div[id*=" jarallax-container-6"] div,div[id^="jarallax-container-7"] div,div[id*=" jarallax-container-7"] div,div[id^="jarallax-container-8"] div,div[id*=" jarallax-container-8"] div,div[id^="jarallax-container-9"] div,div[id*=" jarallax-container-9"] div,div[id^="jarallax-container-10"] div,div[id*=" jarallax-container-10"] div{background-position:center -20%!important;background-size:150%!important}
.topslide .overlaygfx{background-position-x:-510%;background-size:cover}
.topslide .overlayheader{top:10%;left:10%}
.topslide:before{padding-bottom:90%}
.topslide .overlaytext{bottom:5%;left:10%}
.header_logo img{height:40px!important}
.header_logo{top:20px}
.topslide .overlayheader h1 {font-size: 2.4em;}
.numbers ul li h1 {font-size: 1.9em;}
.topslide .overlaytext h2 {font-size: 1em !important}
.paragraph_content blockquote ul li {width: 48%;}
.heroimage_heading h1 {font-size: 0.8em;}
footer a, footer {min-height: 48px; line-height: 48px;}

}
@media screen and (max-width: 580px) {
	.servicehalf {width: 100% !important; min-height: 20px;}
	.servicehalf section {min-height: 0px;}
}
@media screen and (max-width: 520px) {
.third{width:100%}
.col1{width:100%}
.col2{width:100%}
.col3{width:100%}
.col4{width:100%}
.header_logo{top:10px}
.imgr{max-width:100%;max-height:auto;padding-bottom:0;padding-left:0}
.imgl img,.imgr img{max-width:100%;max-height:auto;width:100%!important}
.productpane{width:98%;margin:0 1% 10px}
.numbers{padding:50px 0}
.numbers .numbers_col1{width:48%;display:inline-block;margin-right:1%;text-align:right}
.numbers .numbers_col1 li:nth-child(1){width:150px;height:150px;margin-bottom:20px;margin-top:0}
.numbers .numbers_col1 li:nth-child(2){width:150px;height:150px;margin-left:0}
.numbers .numbers_col2{width:48%;display:inline-block;margin-right:0;margin-left:1%;text-align:left}
.numbers .numbers_col2 li:nth-child(1){width:150px;height:150px;margin-right:0;margin-bottom:20px}
.numbers .numbers_col2 li:nth-child(2){width:150px;height:150px}
.numbers .numbers_col3{width:100%;display:inline-block;margin-right:0;margin-top:20px}
.numbers .numbers_col3 li:nth-child(1){width:150px;height:150px;margin-right:2%;margin-bottom:10px;margin-top:0}
.numbers .numbers_col3 li:nth-child(2){width:150px;height:150px;margin-right:0}
div[id^="jarallax-container-1"] div,div[id*=" jarallax-container-1"] div,div[id^="jarallax-container-2"] div,div[id*=" jarallax-container-2"] div,div[id^="jarallax-container-3"] div,div[id*=" jarallax-container-3"] div,div[id^="jarallax-container-4"] div,div[id*=" jarallax-container-4"] div,div[id^="jarallax-container-5"] div,div[id*=" jarallax-container-5"] div,div[id^="jarallax-container-6"] div,div[id*=" jarallax-container-6"] div,div[id^="jarallax-container-7"] div,div[id*=" jarallax-container-7"] div,div[id^="jarallax-container-8"] div,div[id*=" jarallax-container-8"] div,div[id^="jarallax-container-9"] div,div[id*=" jarallax-container-9"] div,div[id^="jarallax-container-10"] div,div[id*=" jarallax-container-10"] div{background-position:center -10%!important;background-size:150%!important}
main{word-break:break-word}
.header_logo{top:20px}
.panecta a{margin:0}
}
@media screen and (max-width: 480px) {
.wrap{width:90%}
.top{position:relative}
body (font-size: 1.1em;)
.toplink,.toplink a{height:90px}
.itempromo{width:25%;margin-right:0;word-break:break-word}
.itempromo h2{min-height:60px}
.logoinspromo{height:100px}
.socialtop .text{display:none}
.socialtop{width:auto;position:absolute;right:10px;top:0}
.fb-like{position:absolute!important;top:37px;right:0;padding:0;float:none;height:35px;overflow:visible}
.tiledescription{width:48%;min-height:205px;margin-right:0}
.tileframe{width:100%;height:136px}
.tileframe a{width:100%;height:146px;display:block}
.imgr img{width:160px}
.containimg{width:auto}
.tiledescription{min-height:170px}
.oferta .tiledescription{min-height:200px}
.fl{float:none}
.half{width:100%}
.socialitem{display:none}
footer .half{width:auto}
footer .fl,footer .fr{float:none}
.gridimg img{height:120px}
.heading::before{padding-bottom:16%}
.owl-carousel.owl-drag .owl-item .html_overlay p{padding-bottom:0;margin-bottom:0}
.owl-carousel.owl-drag .owl-item .html_overlay h1{margin-bottom:1px;padding-bottom:0;font-size:1.1em}
.nav .current a span{display:none}
}
@media screen and (max-width: 400px) {
.gal_item_grid{width:100%}
.gal_item .img_gal_cat{height:130px}
.nav ul li ul{display:none!important}
.nav ul .arr a{background:none!important;background-size:6px!important}
div[id^="jarallax-container-1"] div,div[id*=" jarallax-container-1"] div,div[id^="jarallax-container-2"] div,div[id*=" jarallax-container-2"] div,div[id^="jarallax-container-3"] div,div[id*=" jarallax-container-3"] div,div[id^="jarallax-container-4"] div,div[id*=" jarallax-container-4"] div,div[id^="jarallax-container-5"] div,div[id*=" jarallax-container-5"] div,div[id^="jarallax-container-6"] div,div[id*=" jarallax-container-6"] div,div[id^="jarallax-container-7"] div,div[id*=" jarallax-container-7"] div,div[id^="jarallax-container-8"] div,div[id*=" jarallax-container-8"] div,div[id^="jarallax-container-9"] div,div[id*=" jarallax-container-9"] div,div[id^="jarallax-container-10"] div,div[id*=" jarallax-container-10"] div{background-position:center 0!important;background-size:150%!important}
.panecta h1{padding:0 20px;display:block}
}
@media screen and (max-height: 400px) {
.nav ul li ul{left:-100%;width:75%}
.nav .current a span{display:none}
.paragraph_content blockquote ul li {width: 100%;}
}



@media screen and (max-width: 1780px) {
.portfolio ul li a{height:280px}
}
@media screen and (max-width: 1580px) {
.portfolio ul li a{height:200px}
}
@media screen and (max-width: 1480px) {
.portfolio ul li:nth-child(2n-1){width:49%;float:left;margin:0 1% 22px 0}
.portfolio ul li:nth-child(2n){width:49%;float:left;margin:0 0 22px 1%;clear:right}
.portfolio ul li a{height:300px}
}
@media screen and (max-width: 1280px) {
.portfolio ul li a{height:250px}
.pane_portfolio .contentwrap, .pane_services .contentwrap, .pane_inside .contentwrap {width: 100%; float: none; padding: 0px 0% 30px 0%; box-sizing: border-box;}
.pane_portfolio .owlwrap, .pane_services .owlwrap { width: 100%; float: none;}
.image_display {width: 100% !important; margin: 0px 0% 30px;}
.hihome.projectshead .heroimage_heading {width: 80%}
main .wrap {width: calc(100% - 160px);}
.pane_inside {padding-bottom: 80px; padding-top: 20px !important; clear: both;}

}
@media screen and (max-width: 1080px) {
.portfolio ul li:nth-child(3n-2){width:32%;float:left;margin:0 1% 22px 0}
.portfolio ul li:nth-child(3n-1){width:32%;float:left;margin:0 1% 22px}
.portfolio ul li:nth-child(3n){width:32%;float:left;margin:0 0 22px 1%;clear:right}
}
@media screen and (max-width: 980px) {
.portfolio ul li a{height:200px}
}
@media screen and (max-width: 840px) {
.portfolio ul li a{height:250px}
.portfolio ul li:nth-child(2n-1){width:49%;float:left;margin:0 1% 22px 0}
.portfolio ul li:nth-child(2n){width:49%;float:left;margin:0 0 22px 1%;clear:right}
}
@media screen and (max-width: 640px) {
.portfolio ul li a{height:200px}
}
@media screen and (max-width: 720px) {
main .wrap {width: calc(100% - 30px);}
}
@media screen and (max-width: 540px) {
.portfolio ul li a{height:160px}
}
@media screen and (max-width: 480px) {
.portfolio ul li a{height:250px}
.portfolio ul li:nth-child(n){width:100%;float:left;margin:0 0 12px;clear:right}
}



.homeimages{float:right;width:448px}
.homeimages img{box-shadow:0 0 3px #ccc;margin-bottom:3px}
.rightpaneshop{width:21%;float:right}
.rightpaneshop .subcategories_modules li{width:auto!important;float:none;list-style:none;position:relative;min-height:20px;margin:0 0 10px;padding:15px 15px 5px}
.rightpaneshop .subcategories_modules li ul li{padding:5px 15px;margin:0 -10px;border-right:none;border-bottom:none;border-left:none}
.rightpaneshop .subcategories_modules li ul li .imageplaceh{margin-top:-5px}
.imgtiles{background-position:center center;background-size:cover;margin:0}
.boxrb{padding:15px;background:#fff;box-shadow:1px 1px 4px rgba(0,0,0,0.64)}
.bestseller{margin-bottom:3px;text-align:center}
.bestseller img{display:block;text-align:center;margin:0 auto}
#stylish_table{border-collapse:collapse;width:70%}
#stylish_table td,#stylish_table th{border:1px solid #ddd;padding:8px}
#stylish_table tr:nth-child(even){background-color:#bbb9b9}
#stylish_table tr:hover{background-color:#ddd}
#stylish_table th{padding-top:12px;padding-bottom:12px;text-align:left;background-color:#717171;color:#fff}
.showBtn{display:inline-block;margin:0 1% 0 0;padding:10px 20px;-webkit-box-shadow:0 3px 11px 2px rgba(0,0,0,0.2);-moz-box-shadow:0 3px 11px 2px rgba(0,0,0,0.2);background:#E93329;color:#fff;margin-bottom:10px}
.hideme{display:none}
button{background:none;padding:0;border:none}
button:hover{text-decoration:underline;cursor:pointer}
.cookie-notice{font-size:15px;line-height:20px;padding:20px 30px;position:fixed;bottom:10px;left:10px;display:none;width:300px;text-align:justify;text-justify:inter-word;color:#fff;background:rgba(0,0,0,0.86);z-index:9999}
.cookie-notice button{display:inline-block;line-height:30px;margin-left:10px;margin-right:15px;padding:0 15px;color:#000;background:#f7f7f7;text-transform:uppercase;font-weight:500;text-decoration:none}
.cookie-notice form{padding-top:10px!important}
.cookie-notice a{color:#fff}
a.linkedIn{background:url(/img/linkedInIcon.gif) right center no-repeat;padding-right:21px}
.emailicon{background:url(/img/social_contact_envelope.svg) 5px center no-repeat;width:100%;height:40px;background-size:35px;-ms-behavior:url(/js/backgroundsize.min.htc);display:block;box-shadow:0 4px 10px rgba(0,0,0,0.25);padding-left:50px;line-height:40px;box-sizing:border-box;max-width:44%}
.linkedinicon{background:url(/img/social_linkedin.svg) 5px center no-repeat;width:100%;height:40px;background-size:35px;-ms-behavior:url(/js/backgroundsize.min.htc);display:block;box-shadow:0 4px 10px rgba(0,0,0,0.25);padding-left:50px;line-height:40px;box-sizing:border-box;max-width:44%}
.phoneicon{background:url(/img/social_contact_mobile.svg) 5px center no-repeat;width:100%;height:40px;background-size:35px;-ms-behavior:url(/js/backgroundsize.min.htc);display:block;box-shadow:0 4px 10px rgba(0,0,0,0.25);padding-left:50px;line-height:40px;box-sizing:border-box;max-width:44%}
.listing .emailicon,.listing .linkedinicon,.listing .phoneicon{width:auto;padding-left:50px;padding-right:15px;max-width:44%;display:inline-block}
.borderedbox label{display:block!important;line-height:1.7em;padding:0 15px}
.borderedbox{width:100%}
.borderedbox input,.borderedbox textarea{width:100%;padding:7px 15px;line-height:1.4em;box-sizing:border-box}
fieldset{border:0 dashed rgba(0,0,0,0.0);background:rgba(0,0,0,0.6);box-shadow:inset 0 3px 8px rgba(0,0,0,0.21);padding:20px 40px;position:relative;margin-bottom:14px;margin-top:4em;width:100%;box-sizing:border-box}
fieldset fieldset{border:0 dashed rgba(0,0,0,0.0);background:#fff;box-shadow:0 3px 8px rgba(0,0,0,0.21);padding:40px 20px 10px;margin-top:40px}
fieldset legend{background:rgba(0, 0, 0, 0.65);padding:0 40px;color:#fff!important;line-height:2em;position:absolute;top:-4.06em;left:0;box-sizing:border-box; border-top: 1px solid #EF4135;}
.cookie-notice button{display:inline-block;line-height:30px;margin-left:10px;margin-right:15px;padding:0 15px;color:#000;background:#f7f7f7;text-transform:uppercase;font-weight:500}
.cookie-notice form{padding-top:10px!important}
.cookie-notice a{color:#fff}
#chat-widget-container {right: 60px !important; bottom: 14px !important;}


.tiledcontent {display: inline-block; width: 31.3%; padding: 0px; margin: 0px 0.5% 10px; position: relative; height: 220px; background: rgba(0, 0, 0, 0.23); background-size: cover; background-repeat: no-repeat; background-position: center center;}
.tiledcontent_title {position: absolute; left:0px; top: 0px; padding: 23px 35px; font-size: 1.5em; line-height: 1.1em; background: rgba(0, 0, 0, 0.25); width: 100%; box-sizing: border-box;}
.tiledcontentsummary {position: absolute; left: -100%; top:0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.95); padding: 20px; box-sizing: border-box; overflow: hidden;}
.tiledcontent:hover .tiledcontentsummary {left: 0px; transition:all 100ms ease;-moz-transition:all 100ms ease;-webkit-transition:all 100ms ease}
.linkoverlay {position: absolute; left: 0px; top:0px; width: 100%; height: 100%; display: block;}

.tagcloud{text-align:center;list-style-type:none;margin:0;overflow:auto;padding:0 0 26px}
.tagcloud li a{margin:0;padding:0;display:inline}
.tagcloud li{margin:0;padding:0;display:inline;float:left;min-height:1.6em}
.tagcloud a:link,.tagcloud a:active,.tagcloud a:visited{display:inline;font-size:.8em;font-weight:400;margin-right:3px;border:none;background-color:none;border:none;box-shadow:inset 4px 4px 6px rgba(0,0,0,0.35);position:relative;overflow:hidden}
.special_message div:before{animation:shineover 5s infinite;content:"";display:block;position:absolute;left:-100%;top:-50%;width:100%;height:200%;opacity:0;background:#b7ddff;background:linear-gradient(270deg,rgba(183,221,255,0.7035014689469538) 0%,rgba(198,228,255,0) 63%)}
.special_message div{padding:0 30px;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,0.59);line-height:1.3em;font-size:1.3em;font-weight:700}
.special_message a{color:rgba(255,255,255,0.84)!important}
.morelink {background:#E93329; padding:15px 25px; margin:10px 0px;}
.modalprompt {position:absolute; left:50%; top:50%;  transform:translateX(-50%) translateY(-50%); background:rgba(0, 0, 0, 0.512); backdrop-filter: blur(10px); border-radius: 10px; padding: 10px 20px; box-sizing: border-box; animation: modalpromptfade 5s forwards;}
@keyframes modalpromptfade {
    0% {transform:translateX(-50%) translateY(-100%); display: block; opacity: 0;}
    5% {transform:translateX(-50%) translateY(-50%); display: block; opacity: 1;}
    95% {transform:translateX(-50%) translateY(-50%); display: block; opacity: 1;}
    100% {transform:translateX(-50%) translateY(50%); display: none; opacity: 0;}
}
@keyframes shineover {
0%{opacity:0;left:-100%}
25%{opacity:1;left:0}
50%{opacity:0;left:100%}
100%{opacity:0;left:100%}
}
#map-plug{display:none}
#google-reviews{display:flex;flex-wrap:wrap}
.review-item{border:solid 1px rgba(190,190,190,.35);margin:0 auto;padding:1em;flex:1 1 20%}
@media ( max-width:1290px) {
.tiledcontent { width: 47%;}
}
@media ( max-width:1200px) {
.review-item{flex:1 1 40%}
}
@media ( max-width:900px) {
.tiledcontent { width: 46%;}
fieldset {padding: 20px 10px; background: none !important; border: 0px; box-shadow: none; margin-top: 0em;}
fieldset legend {padding: 0 0px;background: none !important; position: relative !important; box-shadow: none;top: 0em; }
}
@media ( max-width:620px) {
.tiledcontent { width: 95%;}
}
@media ( max-width:450px) {
.review-item{flex:1 1 90%}
}


/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

/* ---------- 1) Reading page: unfix hard-coded 300px images on mobile ---------- */
@media (max-width: 768px) {
  .readingcategories .imgl,
  .readingcategories .imgl img {
    max-width: 100% !important;
    width: 100% !important;  /* override 300px fixed width */
    height: auto !important;
  }
}

/* ---------- 2) Make hover-only UIs usable on touch ---------- */
/* If the “hover state” reveals important overlay/content, show it by default on touch */
@media (hover: none), (pointer: coarse) {
  /* Boxes that “pop” only on :hover */
  .boxwrap { transform: none !important; }      /* prevent jumpy scale on tap */
  .boxwrap .boxcontent { opacity: 1; }          /* ensure content is visible */

  /* Portfolio tile captions: slide-up on hover -> keep visible for touch */
  .portfolio ul li a span { bottom: 0 !important; }
}

/* ---------- 3) Mobile nav: support an .is-open class instead of :hover ---------- */
/* Add a tiny JS: document.querySelector('#navToggle').onclick = () => nav.classList.toggle('is-open'); */
/* HTML: a button with id="navToggle" that is only visible <990px */
@media (max-width: 990px) {
  .nav ul { background: #fff; }
  .nav ul li { display: none; } /* default: collapsed */
  .nav.is-open ul li { display: block; } /* expanded by class, not hover */

  /* Submenus should stack, not flyout left */
  .nav ul li ul {
    position: static !important;
    width: 100% !important;
    left: 0 !important;
    background: #fff !important;
  }

  /* Make top-level items full-width tap targets */
  .nav a { padding: 12px 16px !important; border-bottom: 1px solid rgba(0,0,0,0.08); }
}

/* Optional: CSS-only focus open (no JS) — improves keyboard/screen-reader */
@media (max-width: 990px) {
  .nav ul:focus-within li { display: block; }
}

/* ---------- 4) Contact form spacing & inputs ---------- */
@media (max-width: 640px) {
  .col1, .col2, .col3, .col4 { width: 100% !important; padding-right: 0 !important; }
  .contact-form input,
  .contact-form textarea { width: 100% !important; }
  .contact-form input[type="submit"] { width: 100%; }
}

/* ---------- 5) Hero headings: clamp sizes & reduce crowding on small screens ---------- */
.heroimage_heading { /* keep desktop feel but allow scale down */
  font-size: clamp(1.6rem, 4vw, 4em);
  line-height: 1.2;
}
.hihome .heroimage_heading { font-size: clamp(1.4rem, 3.4vw, 2.2em); }

/* Tighten absolute offsets at narrow widths */
@media (max-width: 640px) {
  .heroimage_heading { left: 8% !important; width: 84% !important; top: 24% !important; }
  .heroimage_summary { padding: 24px 8% 64px !important; font-size: 1.2em !important; }
}

/* ---------- 6) Reduce motion on mobile / pref-reduced-motion ---------- */
@media (hover: none), (pointer: coarse) {
  .topslide .overlaygfx,
  .heroimagepane,
  .boxwrap,
  .portfolio ul li .imgspace { animation: none !important; transition: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}

/* ---------- 7) Misc small-screen polish ---------- */
/* Prevent long words/URLs from blowing layout on main content */
@media (max-width: 520px) {
  main { word-break: break-word; overflow-wrap: anywhere; }
}

/* Ensure images floated via inline styles don’t crush text on phones */
@media (max-width: 720px) {
  img[style*="float:right;"],
  img[style*="float:left;"] {
    max-width: 100% !important;
    width: 100% !important;
    height: auto !important;
    float: none !important;
    margin: 0 0 20px 0 !important;
  }
}

/* Hide fixed previous/next project paddles on tiny screens to avoid overlap */
@media (max-width: 480px) {
  .previousproject, .nextproject { display: none !important; }
}

/* ---------- Contact Page Fixes ---------- */

/* Make halves stack vertically on small screens */
@media (max-width: 768px) {
  .half.fl, .half.fr {
    float: none !important;
    width: 100% !important;
    margin: 0 0 24px 0 !important;
  }
}

/* Restyle the table-based form into stacked fields */
@media (max-width: 768px) {
  .form_table,
  .form_table tr,
  .form_table td {
    display: block;
    width: 100% !important;
  }

  .form_table .formtext {
    margin-bottom: 4px;
    font-weight: 600;
  }

  .form_table input,
  .form_table textarea,
  .form_table select {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
  }

  /* Checkbox and submit button full width */
  .form_table input[type="checkbox"] {
    width: auto !important;
    margin-right: 8px;
  }
  .form_table input[type="submit"] {
    width: 100% !important;
    padding: 12px;
    font-size: 1.1em;
  }
}

/* Adjust note text */
@media (max-width: 768px) {
  .note_text {
    font-size: 0.9em;
    margin-top: 8px;
    display: block;
  }
}