/* Theme Name: Acme 2018 Description: Acme Facilities Author: Piranha Solutions Author URI: https://www.piranha-solutions.com Version: 1.0 */ /* TEMPORARY STYLES TO HIDE ELEMENTS .homepage-content .section-title { margin-top: 0; padding-top: 2.5rem; } */ .page-template-service-commercial-kitchens .s_btn1, .page-template-service-commercial-kitchens .sbtn2, .page-template-service-commercial-kitchens .sbtn4 { display: none; } .page-template-service-commercial-kitchens #fcb1 { display: none; } #home_services.section-title { padding-top: 4rem; margin-top: 0; margin-bottom: 2rem; } @media (max-width: 641px) { .page-template-home-page .section-title { margin-bottom: 2rem; padding-top: 0; } .homeslide_polygon { top: 2rem; } } #working_for_us_content3_parallax { display: none; } #rental_packages { display: none; } .page-template-service-rentals .directions { display: none; } #rentals-info { margin-top: 2rem; } .site-notice { position: absolute; top: 65px; background: #7DB01D; width: 100%; z-index: 99; padding: 20px 400px; box-sizing: border-box; text-align: center; color: #fff; font-size: 0.9rem; font-weight: bold; } .bg_r { background: #DB001B; } .bg_g { background: #7DB01D; } #header-featured { float: right; height: 100%; margin-right: 40px; display: none; } .tree { height: 100%; width: auto; top: 15px; height: 35px; position: relative; } #header-featured-mob { float: right; height: 100%; padding-right: 0; } #header-featured-mob { display: none; } .desktop-menu-wrap { overflow: unset !important; } .treebtn { position: relative; } .nav_tooltip { position: absolute; z-index: 999; top: 85px; width: 150px; margin: 0 auto; left: -35px; text-align: center; filter: drop-shadow( 1px 5px 8px rgba(0,0,0,0.2) ); opacity: 0; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; background: #fff; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .nav_tooltip span { color: #222222; } .nav_tooltip-inner { padding: 1rem 0rem; position: relative; } .nav_tooltip-inner:after { content: ''; position: absolute; left: 2rem; top: -20px; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #fff; clear: both; } .treebtn:hover .nav_tooltip { opacity: 1; } /*end hide*/ #nav-below .nav-previous, #nav-below .nav-next { width: calc(50% - 2.25rem); } #nav-below .nav-next { float: left; } #nav-below .nav-previous { float: right; } /* General */ html { height: 100%; min-height: 100%; font-size: 17px; } html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody, tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figcaption,footer,hgroup,menu,nav,section,summary,time,mark,audio,video { padding: 0; border: 0; margin: 0; vertical-align: baseline; } body { font-family: 'Open Sans', sans-serif; height: 100%; min-height: 100%; background: #f1f1f1; } table { border-collapse: collapse; border-spacing:0; } .clear { clear: both; } .alignright { float: right; } .alignleft { float: left; } .aligncenter { margin: 0 auto; } .screen-reader-text { position: absolute !important; /* Outside the DOM flow */ height: 1px; width: 1px; /* Nearly collapsed */ overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE 7+ only support clip without commas */ clip: rect(1px, 1px, 1px, 1px); /* All other browsers */ } a { text-decoration: none; transition: all 0.3s ease; } p, a, span { color: #222222; } p, .featured-post-content-inner { line-height: 1.6; } .clearfix:after { content: " "; /* Older browser do not support empty content */ visibility: hidden; display: block; height: 0; clear: both; } .white { color: #fff; } .white p { color: #fff; } .dark-blue-btn, #view-all-services a { border: 3px solid #003882; } .titlefix { padding-bottom: 0.45em; } .service-page-content-inner .arrow-right { background: #F3F3F3; } .box-content .arrow-right, .sector_service_content .arrow-right { margin-top: 2rem; } .sector_service_content .arrow-right { margin-bottom: 2rem; } .dark-blue-btn span { color: #003882; } .dark-blue-btn:hover { border: 3px solid #003882; background: #003882; color: #fff; } .dark-blue-btn:hover span { color: #fff; } .dark-blue-btn .material-icons { font-size: inherit; top: 50%; position: absolute; transform: translateY(-50%); } .dark-blue-bg, .dark-blue-bg-hover:hover { background: #003882; } .light-bluebg { background: #03a0d9; } .dark-blue-bg span, .blue-bg a { color: #fff; } .dark-blue { color: #003882; } .blue, .blue span { color: #003882; } .blue .red { color: #DB001B; } .light-blue { color: #03a0d9; } .light-blue, .light-blue span, .light-blue h3 { color: #03a0d9; } .light-blue-bg { background: #03a0d9; } .green { color: #7db01d;} .red, .red span, .red strong, #menu-main-menu a:hover { color: #DB001B; } .yellow, .yellow span { color: #fedc00; } .yellow-bg { background: #fedc00; } .green, .green span { color: #7cb01d; } .green-bg { background: #7CB01D; } .white-bg, .whitebg { background: #fff; } .dark-text { color: #020202; } h1.large, h2.large { font-size: 8rem; font-family: 'Patua One', Tahoma; } h3, .page-intro, .refine { font-family: 'Patua One', Tahoma; } /* Button Styles */ .red-btn { border: 3px solid #DB001B; } .redbg-hover:hover { background: #DB001B; } .arrow-right.long.red { margin-bottom: 0; margin-top: 2rem; } .arrow-right { margin: 1rem auto; padding: 0.5em 0; position: relative; font-size: 0.9rem; display: inline-block; } .arrow-right span { font-size: inherit; vertical-align: middle; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .arrow-right:after { font-family: 'Material Icons'; content: '\e315'; padding-left: 0.2rem; vertical-align: middle; font-size: inherit; } .arrow-right.long { padding: 1em 1.2em; font-weight: 800; line-height: 1; } .arrow-right.long span { margin-right: 10px; } .arrow-right.long:after { font-family: 'Material Icons'; content: 'arrow_right_alt'; padding-left: 0.2rem; font-size: 1.5rem; position: relative; top: 50%; transform: translateY(-50%); -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .arrow-right.long:hover, .arrow-right.long:hover span { color: #fff; } .blue-btn { border: 3px solid #003882; } .white-btn { border: 3px solid #fff; color: #fff; } .white-btn span { color: #fff; } .white-btn:hover { background: #fff; } .no-border-arrow-right { padding: 1em 2em; font-weight: 800; } .no-border-arrow-right { padding: 0; text-transform: uppercase; } .no-border-arrow-right span:after { font-family: 'Material Icons'; content: '\e315'; padding-left: 0.2rem; position: relative; top: 50%; transform: translateY(-50%); } .button-no-border { border: none !important; } .button_disabled { opacity: 0.5; } .button_ready { opacity: 1; } /* END Button Styles */ .wrap { margin: 0 15px; } .nostretch { width: 1%; white-space: nowrap; } #acme-intro { font-size: inherit; } .container, #acme-intro, .section-scrollslider-row { margin: auto; max-width: 1800px; } .section-scrollslider-row-services { margin: 0 4rem; } .page-template-page-new-commercial-kitchens #os_pinContainer .section-title { margin-top: 4rem; } .inline { display: inline-block; vertical-align: middle; } .drop-shadow { filter: drop-shadow( 1px 1px 15px rgba(0,0,0,0.2) ); } .box-shadow { filter: drop-shadow( 1px 1px 15px rgba(0,0,0,0.2) ); } .box-shadow1 { box-shadow: -10px -9px 12px 1px rgba(0,0,0,0.3); } .box-shadow2 { box-shadow: 10px 9px 12px 1px rgba(0,0,0,0.3); } .box-shadow3 { filter: drop-shadow( 1px 1px 18px rgba(0,0,0,0.2) ); } .chunky-underline { position: relative; z-index: 1; } .chunky-underline:after { position: absolute; bottom: 0; height: 40px; background: #DB001B; width: 102%; content: ''; left: -1%; z-index: -1; } .opaque { opacity: 0.7; } .image-shadow { filter: drop-shadow( 1px 1px 5px rgba(0,0,0,0.8) ); } .scroll-sideways { -webkit-animation-name: MOVE-BG; -webkit-animation-duration: 10s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; } .top-margin { margin-top: 4.5rem; } .relative { position: relative; } /* smaller button margins */ .sbox-cont .arrow-right { margin: 0.5em 0; } .autoimg { width: 100%; height: auto; display: block; } .box_content_title { font-size: 2rem; font-family: 'Patua One', Tahoma; margin-bottom: 2rem; } .redbg .box_content_title, .redbg p { color: #fff; } .whitebg .box_content_title, .service_page_cont2_s2_right .box_content_title { color: #00377F; } #menu_push { width: 100%; height: 100%; } .vertical_align { position: relative; top: 50%; transform: translateY(-50%); } .stickyTop { left: 1rem; top: 0px; } .sticky_top { position: sticky; top: 0px; } .section-title.jobs-title { margin-bottom: 0; padding-top: calc(65px + 2rem); margin-top: -4rem; } .why_title { float: left; max-width: 30%; } .absolute_title { position: relative; } .why_title h2 { margin-left: 10.5rem; padding-top: calc(65px + 2rem); } .why_title { width: 0; margin-top: calc(-(65px + 2rem)); } .job_examples_wrap { margin-top: -4.5rem; } /* End General */ /* Header */ .header { width: auto; background: #fff; height: 75px; box-shadow: 0 0 5px 1px rgba(0,0,0,0.1); position: relative; z-index: 999; } .head_wrapper { position: fixed; box-shadow: 0 1px 4px rgba(0,0,0,0.1); top: -103px; left: 0; right: 0; width: 100%; height: 65px; background:#fff; transition: top 0.25s linear; z-index: 99999; } #header-branding { display: inline-block; width: 349px; height: 158px; position: absolute; top: -55px; left: 0; vertical-align: top; z-index: 9999; } .header-logo { position: relative; width: 100%; height: 100%; background: url(assets/images/svg/logo-backdrop.svg); background-size: 100% 100%; } .logo, .site-title { position: relative; display: block; width: 100%; height: 100%; text-align: center; } .logo img, .logo a { position: absolute; top: 50%; transform: perspective(1px) translateY(-50%); left: 0; right: 50px; margin: 0 auto; width: 172px; height: 54px; padding-top: 52px; } .head_wrapper.relative { position: absolute; top: 0px; } .head_wrapper:not(.relative).fixed { top: 0px; } #header-social .social-title, .footer-social .social-title { display: none; } .header-logo, #sm-header-logo { -webkit-filter: drop-shadow( -5px 0 11px rgba(0,0,0,0.1) ); filter: drop-shadow( -5px 0 11px rgba(0,0,0,0.15) ); } #menu-main-menu a.active { font-weight: 500; } .menu-main-menu-container { margin-left: 378px; } .header-menu { width: 100%; display: inline-block; vertical-align: top; height: 100%; } .nav-container { width: 100%; display: table; } #menu-main-menu { background: white; padding: 0; display: inline-block; } #menu-main-menu > li { display: table-cell; height: 65px; vertical-align: middle; } #menu-main-menu a { display: block; padding: 0 30px; font-size: 1rem; text-transform: uppercase; font-weight: 400; } .desktop-menu-wrap { width: 100%; height: 100%; overflow: hidden; } #desktop-menu { height: 100%; } .menu-main-menu-container { float: left; } #header-social, #header-contact-btn { float: right; height: 100%; } #menu-main-menu > li > a { display: table; height: 100%; } #menu-main-menu > li > a > span { display: table-cell; vertical-align: middle; } #header-contact-btn { text-align: center; position: relative; display: table; } #header-contact-btn { padding: 0 60px 0 80px; } #header-social { padding: 0 30px; } #header-contact-btn .phone-ico { width: 20px; height: auto; margin-right: 10px; } #header-contact-btn span { font-weight: bold; font-size: 1rem; letter-spacing: 1px; line-height: 0; display: table-cell; vertical-align: middle; } #header-social:before, #header-social:after { width: 40px; height: 100%; } #header-social { background: #ebebeb; webkit-filter: drop-shadow(0 0 4px rgba(0,0,0,0.1)); filter: drop-shadow(0 0 4px rgba(0,0,0,0.1)); position: relative; z-index: 9; } #header-social:before { position: absolute; left: -40px; background: rgba(0, 0, 0, 0) linear-gradient(to left bottom, #ebebeb 50%, transparent 50%) repeat scroll 0 0; top: 0; content: ''; } #header-social:after { position: absolute; background: rgba(0, 0, 0, 0) linear-gradient(to right top, #EBEBEB 50%, transparent 50%) repeat scroll 0 0; top: 0; right: -40px; content: ''; } #header-social .social-btns { height: 100%; display: table; } #header-social .social-btns li { display: table-cell; vertical-align: middle; } #menu-main-menu > li > .sub-menu { display: none; } #menu-main-menu > li.vertical_drop > .sub-menu { padding-top: 20px; position: absolute; top: 65px; } #menu-main-menu > li.vertical_drop:hover > .sub-menu { display: block; width: 280px; } #menu-main-menu > li.vertical_drop .sub-menu li { display: flex; } #menu-main-menu > li.vertical_drop .sub-menu li a { position: relative; width: 100%; background: #fff; padding: 25px 50px; } #menu-main-menu > li.vertical_drop .sub-menu li a:hover { background: #003882; } #menu-main-menu > li.vertical_drop .sub-menu li a:hover span { color: #fff; } #menu-item-237 > .sub-menu { padding-top: 20px; position: absolute; top: 65px; width: 780px; } #menu-item-237:hover > .sub-menu { display: grid; overflow: hidden; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 2fr; grid-column-gap: 0; grid-row-gap: 0; width: 800px; } .sub-menu { -webkit-filter: drop-shadow( 1px 1px 15px rgba(0,0,0,0.2) ); filter: drop-shadow( 1px 6px 10px rgba(0,0,0,0.4) ); } #menu-item-237 > .sub-menu li a { position: relative; width: 100%; padding: 25px 50px 25px 80px; } .sub-menu li a span { font-size: 0.9rem; } #menu-item-237 > .sub-menu li a span { color: #fff; } #menu-item-423 a:after, #menu-item-399 a:after, #menu-item-501 a:after, #menu-item-401 a:after { width: 40px; height: 40px; content: ' '; position: absolute; left: 20px; box-sizing: border-box; top: 50%; transform: translateY(-50%); } #menu-item-501 a:after { background: url(assets/images/Commercial-Kitchens.png); background-size: 100% 100%; } #menu-item-423 a:after { background: url(assets/images/Support-and-Comp.png); background-size: 100% 100%; } #menu-item-399 a:after { background: url(assets/images/AC-and-Vent-1.png); background-size: 100% 100%; } #menu-item-401 a:after { background: url(assets/images/Refrig-and-Cooling.png); background-size: 100% 100%; } .sub-menu li a { color: #fff; font-weight: 400; font-size: 1rem; } #menu-item-501 { background: #DB001B; } #menu-item-423 { background: #FEDC00; } #menu-item-399 { background: #7DB01D; } #menu-item-401 { background: #03A0D9; } #menu-item-237 > .sub-menu:after, #menu-main-menu > li.vertical_drop > .sub-menu:after { content: ''; position: absolute; left: 2rem; top: 0px; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #fff; clear: both; } #menu-item-401 .sub-menu { display: block !important; position: absolute !important; bottom: -80px; left: 0; width: 100%;display: table !important; } #menu-item-401 .sub-menu li { padding: 0; height: 80px; width: 25%;display: table-cell; vertical-align: middle; } #menu-item-401 .sub-menu:before { display: none; } #menu-item-401 .sub-menu:after { display: none; } #menu-item-401 > .sub-menu li a { width: auto; padding-left: 80px; position: relative; padding-top: 0; padding-bottom: 0; box-sizing: border-box; top: 50%; transform: translateY(-50%); } #menu-item-401 .sub-menu a { color: #003882; font-size: 0.8rem; } #menu-item-237 > .sub-menu li a:hover { color: #fff; background: #003882; } #menu-item-401 > .sub-menu li a:hover { color: red; background: initial; } #menu-item-501, #menu-item-423, #menu-item-399, #menu-item-401 { position: relative; z-index: 9; display: flex; } #menu-item-578 { display: flex; width: 100%; position: relative; } #menu-item-578 > a { display: none; } #menu-item-578 .sub-menu { display: table; height: 100%; position: absolute; background: #fff; width: 800px; } #menu-item-578 > .sub-menu li { width: 25%; height: 100%; display: table-cell; vertical-align: middle; position: relative; } #menu-item-578 > .sub-menu li a { padding: 0 !important; width: 100%; height: 100%; display: table; } #menu-item-578 > .sub-menu li a:hover { background: transparent; color: red; } #menu-item-578 > .sub-menu li a span { display: table-cell; vertical-align: middle; position: relative; padding-left: 62px; color: #003882; font-size: 0.8rem; } #menu-item-424 span:after, #menu-item-425 span:after, #menu-item-427 span:after, #menu-item-426 span:after { width: 28px; height: 28px; position: absolute; left: 20px; content: ''; top: 50%; -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); transform: translateY(-50%);} #menu-item-424 span:after { background: url(../../uploads/2018/07/total_fit_out.png); background-size: auto auto; background-size: 100% 100%; } #menu-item-425 span:after { background: url(../../uploads/2018/07/Special-Projects.png); background-size: auto auto; background-size: 100% 100%; } #menu-item-427 span:after { background: url(../../uploads/2018/07/Finance.png); background-size: auto auto; background-size: 100% 100%; } #menu-item-426 span:after { background: url(../../uploads/2018/07/Rental.png); background-size: auto auto; background-size: 100% 100%; } .current-menu-item > a span, .sub-menu .current-menu-item > a span, .current-page-ancestor > a span { font-weight: 600; } #menu-item-237 > .sub-menu li.current-menu-item a span { color: #fff; } .mobile_menu { display: none; } #menu-main-menu > li.vertical_drop .sub-menu li.nav_back, .nav_back { display: none; } #menu-main-menu li.vertical_drop .menu-item-has-children > .sub-menu { display: none; position: absolute; left: 280px; width: 280px; } #menu-main-menu li.vertical_drop .menu-item-has-children:hover > .sub-menu { display: block; } #menu-item-578 > .sub-menu li.current-menu-item a { background: #fff; } #menu-item-578 > .sub-menu li.current-menu-item a span { color: #003882; font-weight: bold; } #menu-main-menu .menu-item-has-children { cursor: default; } .services_landing_mobile { display: none; } #menu-main-menu > li.menu-item-home { display: none !important; } /* EndHeader */ /* Social Icons */ .social-btns li { display: inline-block; } .social-btns li a { font-size: 1rem; font-family: Font Awesome 5 Brands; display: block; padding: 12px; } .social-btns li a:before { transition: all 0.3s ease; -webkit-font-smoothing: antialiased; } /* .twitter-icon a:before { content: '\f099'; font-family: "Font Awesome 5 Brands" !important;} */ .facebook-icon a:before { content: '\f082'; font-family: "Font Awesome 5 Brands" !important;} .googleplus-icon a:before { content: '\f0d5'; font-family: "Font Awesome 5 Brands" !important;} .linkedin-icon a:before { content: '\f0e1'; font-family: "Font Awesome 5 Brands" !important;} .pinterest-icon a:before { content: '\f231'; font-family: "Font Awesome 5 Brands" !important;} .youtube-icon a:before { content: '\f167'; font-family: "Font Awesome 5 Brands" !important; } .twitter-icon img{ position: relative; top: 2px; width:1rem; } /* End Social Icons */ /* Shapes */ #service_pin_polygon { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; width: 741px; height: 976px; z-index: -1; } #service_pin_polygon1 { position: absolute; top: 4.5rem; left: 10rem; z-index: -1; } #vslider-polygon { position: absolute; top: 75px; right: -2rem; width: 741px; height: 976px; z-index: -1; } #clients-polygon { position: absolute; right: 0; top: 0; width: 70%; background: pink; z-index: 1; } .hm_polygon2 { position: absolute; top: -340px; right: 2rem; width: 741px; height: 976px; z-index: -1; } .clients-polygon3 { position: absolute; top: 0; right: 0; width: 741px; height: 976px; z-index: -2; } #clients-polygon4 { position: absolute; top: -50px; right: -90px; width: 741px; height: 976px; z-index: -2; } #clients-polygon5 { position: absolute; top: -200px; left: -90px; width: 741px; height: 976px; z-index: -2; } #clients-polygon5 .floating-shape { left: 0; } #service-polygon1 { position: absolute; top: 500px; left: 15%; width: 741px; height: 976px; z-index: -1; } .slider-polygon, .polygon { width: 100%; height: 100%; position: relative; } .floating-shape { position: absolute; width: 100%; height: 100%; transition: 0s ease-in-out; -webkit-transition: 0s ease-in-out; -moz-transition: 0s ease-in-out; -o-transition: 0s ease-in-out; } .shapeContainer { position: absolute; z-index: -1; width: 880px; height: 1159px; } .shapeContainer img { width: 100%; height: 100%; } .hm_polygon2 { top: 0; right: 2rem; } .hm_polygon3 { top: 4rem; right: 9rem; } .hm_polygon4 { top: 0; right: 2rem; } .polygon_container { width: 741px; height: 976px; } .page_intro_polygon { position: absolute; right: -8rem; top: 0; } .float { width: 100%; height: 100%; } /* Other Services Shape stops scrolling when pinned */ #other-services-polygon { position: fixed; top: 0; left: 6rem; width: 741px; height: 976px; z-index: -1; } .pagetop_polygon { top: 0; right: 9rem; } .cs_pagetop_polygon { top: 0; right: 9rem; } .cs_polygontop { margin: 0 20rem; position: relative; z-index: 1; } .cs_polygon { position: absolute; z-index: -1; top: 0; } .cs_c1_polygon { left: 0; right: 0; margin: 0 auto; } .cs_t1_polygon { position: absolute; z-index: -1; top: -9rem; left: 13.5rem; } .cs_polygon_bottom { position: absolute; z-index: -1; top: calc(1000px + 3rem); left: -4rem; } .cs_t3_polygon { left: 13.5rem; top: -9rem; } .case_study-template-single-case_study_template3 .clients-gallery_center .frame_right { top: unset; bottom: -1.5rem; } .s_nav_polygon { top: -13rem; left: 13.5rem; } .ph_polygon { position: absolute; z-index: -1; top: -6rem; right: -6rem; } .btm_polygon { position: absolute; z-index: -1; top: 20rem; } .polygoncontainer, .polygoncontainer_default { position: absolute; z-index: -1; width: 741px; height: 976px; } .polygoncontainer img { width: 100%; height: 100%; } .polygoncontainer.centerpage { left: 0; right: 0; margin: auto; } .move_polygon { width: 100%; height: 100%; position: absolute; } .t3_polygon2 { top: 0; } .t3_polygon3 { top: 10rem; right: 4.5rem; } .page_header_polygon { top: 0; right: 4rem; } .jv_top_polygon { top: 0; right: 9rem; } .top_polygon { top: 0; right: 9rem; } .page-template-policy-page .top_polygon { top: -65px; right: 9rem; } .service_page_header_polygon { top: 0; left: 13.5rem; } .page-template-service-airconditioning-ventilation .service_page_header_polygon { top: 0; left: 4.5rem; } .sectors_ch_s3_polygon { top: -4rem; left: -10rem; right: 0; margin: 0 auto; -moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .case_study_single_polygon { top: 100px; right: 2.5rem; } .b_t1_polygon2 { top: -6rem; left: 4.5rem; } .b_t2_polygon2 { top: -6rem; left: 9rem; } .b_t3_polygon2 { top: 14rem; left: 4.5rem; } .gb_t3_polygon2 { top: 9rem; left: -9rem; right: 0; margin: 0 auto; } .gb_ev2_polygon { bottom: 19rem; left: -9rem; right: 0; margin: 0 auto; } .wfu_polygon2 { top: 0; right: 26rem; } .cs_a_polygon2 { top: 45%; left: 0; } .post-type-paged-2 .cs_a_polygon2 { display: none; } .apa_polygon2 { top: 18rem; left: -4.5rem; right: 0; margin: 0 auto; } .apa_polygon3 { top: 0; left: -4.5rem; right: 0; margin: 0 auto; } .ss_polygon2 { top: 0; left: -12rem; right: 0; margin: 0 auto; } .acv_polygon2 { top: -13.5rem; right: 16rem; } .ss_rfc_polygon1 { display: none; } .ss_rfc_polygon2, .ss_rfc_polygon3 { top: 0; left: 0; right: -13.5rem; margin: 0 auto; } .sector_s__polygon2 { top: 65px; left: 0; right: -13.5rem; margin: 0 auto; } .page-template-service-refrigeration-cooling .ss_rfc_polygon3 { top: 28rem; left: unset; right: 16rem; margin: 0 auto; } .jv_polygon2 { top: 0; right: 8rem; } .je_polygon { top: 0; right: 19rem; } .s_tfo_poly { top: 4.5rem; left: 9.5rem; } .s2_tfo_poly { top: 0; right: 12rem; } .tfo_poly { top: -16rem; right: 0; margin: 0 auto; left: 0; } .homeslide_polygon { top: -9rem; right: 0; } .homeslide_polygon_container { margin-bottom: 730px; float: right; } .s_re_polygon1 { top: -22rem; left: 16.5rem; } .s_re_polygon2 { top: 20rem; margin: 0 auto; left: 0; right: 0; } .sticky_polygon_container { margin-bottom: 876px; float: right; height: 1px; width: 0; } .sticky_polygon_container2 { margin-bottom: 876px; float: right; height: 1px; } .s_re_polygon { top: 9rem; right: 36rem; } .s_af_polygon { top: 4.4rem; right: 44rem; } .s_je_polygon { top: 4.4rem; right: 39rem; } .s_sp_polygon { top: -16rem; right: 20rem; } .c_polygon { top: 15rem; left: 4.5rem; } .ss_polygon_3mob { top: 0; left: 0; right: 0; margin: 0 auto; } .ov_polygon2 { left: 0; top: 50%; transform: translateY(-50%); } .sticky_polygon { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .policy_polygon2 { left: 4.5rem; bottom: 400px; } .s_sc_polygon2 { top: 0; left: 13.5rem; } .page-template-service-support-compliance .s_sc_polygon2 { left: unset; top: 0; right: 13.5rem; } .cs_t2_polygon3 { top: -9rem; left: 16rem; } .sb_t3_polygon2 { top: 13rem; right: 9rem; } .post-template-single-template3 .top_polygon, .post-template-single-template2 .top_polygon { top: -16rem; right: 9rem; } .post-template .s_nav_polygon { display: none; } /* End Shapes */ /* MISC */ .float_left { float: left; } .float_right { float: right; } .centerdiv { margin: 0 auto; } .full { width :100%; height: 100%; } #page-intro { padding-top: 65px; } #page-intro h1 { line-height: 1; } #page-intro .section-title { margin-top: 4rem; margin-bottom: 2rem; } .category_tag_list { padding: 0.5rem 0 0 0; } .category_tag_list span, .category_tag_list a { padding: 0; font-size: 1.1rem; color: #003882; font-weight: 600; } .category_tag_list a:hover { color: #DB001B; } article h2 { font-family: 'Patua One', Tahoma; color: #003882; font-size: 2.2rem; margin-bottom: 1.5rem; } .entry-title, .entry-title a { font-size: 3.6rem; font-family: 'Patua One', Tahoma; color: #003882; font-weight: 600; padding: 2rem 0 0 0; display: block; } .entry-meta span, .entry-meta a { color: #b2b2b2; text-transform: uppercase; font-weight: bold; } .entry-meta a:hover { color: #DB001B; } .entry_box-content { margin: -4.5rem 4.5rem 0 4.5rem; position: relative; } .entry_box-content_right { width: calc(50% + 2.5rem); margin: -4.5rem -2.5rem 0 0; position: relative; float: right; } .entry_box-content_left { width: 50%; margin: 4.5rem 0 0 4.5rem; position: relative; float: left; } .entry_box-content_right_img { width: calc(50% - 4.5rem); margin-top: -4.5rem; position: relative; } .entry_box-content_right.box-content { padding-bottom: 4.5rem; } .box-content { padding: 4.5rem; box-sizing: border-box; } .box-content.light-blue-bg, .box-content.light-blue-bg p { color: #fff; } .box-content.light-blue-bg .white-btn:hover, .box-content.light-blue-bg .white-btn:hover span { color: #03A0D9; } .bluebg { background: #003882; } .redbg { background: #DB001B; } .greenbg { background: #7cb01d; } .yellowbg { background: #fedc00; } .box-content p, .service-page-content-inner p, .cs_t1_background p { margin: 1rem 0; } .box-content p:first-of-type { margin-top: 0; } .box-content a:hover { color: #DB001B; } .full-width { width: auto; max-width: 100%; } .fullwidth { width: 100%; } .full-width-image { width: 100%; height: auto; } .section-row { padding: 4rem; } .section-row a { margin-bottom: 0; } .four-col { display: table; width: 100%; } .tr { display: table-row; width: 100%;border-collapse: collapse; } .tc { display: table-column; } .tcr {display: table-cell; width: 100%; border-collapse: collapse; } .top { vertical-align: top; width: 100%; } .bottom { vertical-align: bottom; width: 100%; } .table { display: table; } .four-col > li { display: table-cell; width: 50%; list-style: none; box-sizing: border-box; } .block-title { font-size: 1.4rem; font-weight: 600; font-family: 'Patua One', Tahoma; margin: 2rem 0; } .blocks-row p { margin-top: 2rem 0; margin-bottom: 3rem; display: block; } .bottom { vertical-align: bottom; } .table { display: table; margin-left: -20px; margin-right: -20px; } .table-row { display: table-row; } .table-cell { display: table-cell; padding: 2rem; vertical-align: top; } .blocks-align-left .column { display: table-column; width: 25%; } .block-icon { width: 88px; height: 88px; } .block-icon img { width: 100%; height: 100%; } .post-type-archive-case_study #nav-below { padding-left: 2rem; padding-right: 2rem; } .pagination a { font-size: 1rem; font-weight: 600; color: #003882; } .top_layer { z-index: 998; position: relative; } /* Banners and Backgrounds */ #banner { background: #000; height: calc(100% - 75px); width: 100%; position: relative; } .parallax-banner { width: 100%; height: 100%; transition: 0s linear; transition-property: background-position; background-attachment: fixed; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -ms-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; transition: all 0s ease-in-out; } /* END Banners and Backgrounds */ /* Home Styles */ .homepage-content { background: #F3F3F3; position: relative; z-index: 1; } .section { position: relative; display: block; } .section-title { margin-top: 6rem; margin-bottom: 2rem; } .section-title.clients-title { margin-bottom: 0; position: relative; z-index: 99; margin-top: 0; padding-top: 0; } .section-spacing-sm { margin-top: 5rem; margin-bottom: 6rem; } #section1 .arrow-right { margin: 0 auto; } #view-all-services { margin-top: 9rem; margin-bottom: 2rem; } #view-all-services a, #cs-navigation a { text-transform: initial !important; display: inline-block;font-family: 'Open Sans', sans-serif; font-size: 0.9rem; margin-bottom: 0; } /* Featured Posts */ #see_more_of_blog { display: none; } #latest-news { padding-bottom: 4rem; } #featured-post { position: relative; } .section-title.sm-posts { display: inline-block; width: 100%; } .home-featured-post { width: 100%; } .featured-post-container { position: relative; width: 100%; filter: drop-shadow( 0 2px 3px rgba(0,0,0,0.1) ); } .featured_post_content { width: calc(50% - 2rem); background: #fff; position: absolute; bottom: -4rem; display: block; box-shadow: -6px 16px 28px rgba(0,0,0,0.1); } .featured-post-content-inner { position: relative; min-height: 200px; padding: 4rem; } .featured-post-content-inner:before { background: #db001b; height: 100%; width: 100%; position: absolute; top: -2rem; right: -2rem; content: ''; z-index: -1; box-shadow: 0 5px 12px rgba(0,0,0,0.3) } .featured-post-title { font-size: 2rem; font-family: 'Patua One', Tahoma; margin-bottom: 2rem; } .featured_post_content p { margin: 0; } .featured_post_image { width: calc(100% - 4rem); margin-left: 4rem; padding-bottom: 50%; background: black; } #latest-posts { margin-top: 2.5rem; } #latest-posts .no-box-btn { position: absolute; bottom: 2rem; } .no-box-btn .arrow-right.blue:hover span, .no-box-btn .arrow-right.long:hover { color: #DB001B !important; } .recent-posts-table { border-collapse: collapse; border-collapse: separate; border-spacing: 2rem; margin-left: -2rem; margin-right: -2rem; } .recent-posts-table .table-cell { padding: 0; background: #fff; position: relative; } .recent-post-content-inner { padding: 2.5rem 2.5rem 5rem 2.5rem; } .recent-post-content-inner .arrow-right.long, .featured-post-content-inner .arrow-right.long { padding: 0.5em 0; } .recent-post-content-inner .arrow-right { margin: 0 0; } .featured-post-content-inner .arrow-right, .service-cont .arrow-right, .service-page-cont.arrow-right { margin-bottom: 0; } .post-title { font-size: 1.4rem; font-family: 'Patua One', Tahoma; margin: 0 0 1.5rem 0; } .featured-post-title { font-size: 2rem; font-family: 'Patua One', Tahoma; margin: 0 0 1.5rem 0; color: #003882; } .recent-posts-table .post-title { line-height: initial; } .featured-posts-img { width: 100%; padding-bottom: 75%; background: black; display: block; } .page-template-home-page .featured-posts-img { padding-bottom: 54%; } .posts-container { width: 5670px; } .posts-wrap { display: table; width: 5670px; } /* END Home */ /* Scrolling Logos */ #clients-logos.section-spacing-sm { margin-top: -8rem; margin-bottom: 8rem; } .wrapper { overflow: hidden; } .logos1 { height: 170px; width: 5670px; animation: slide 44s linear infinite; } .logos2 { height: 170px; width: 5670px; animation: slide 44s linear infinite; } /* Input Forms */ #search { z-index: 80; overflow: visible; position: relative; text-align: center; padding-bottom: 0; } .filters-form { padding: 3.6rem 4rem; background: #fff; display: inline-block; box-shadow: 0 7px 36px 1px rgba(0,0,0,0.3); box-sizing: border-box; } .page-template-home-page .filters-form { text-align: center; } .page-template-page-case-studies-landing .filters-form { text-align: left; } #contactus, #apply_for { overflow: visible; text-align: center; padding-bottom: 0; font-family: 'Open Sans', sans-serif; font-weight: 300; z-index: 99; position: relative; } .page-template-sectors #contactus, .page-template-sectors-care-homes #contactus { margin-top: 6rem; } .page-template-home-page #contactus, .page-template-working-for-us #contactus { margin-top: 4.5rem; } #contactus .container { position: relative; } .home-contact-form, .apply-contact-form, .footer-container { width: 1000px; margin: 0 auto; box-sizing: border-box; position: relative; z-index: 999; } .home-contact-form, .apply-contact-form { padding: 4rem; display: block; text-align: left; box-shadow: 0 7px 36px 1px rgba(0,0,0,0.4); } .apply-contact-form { margin-top: -4.5rem; } .section-title.contact-title { margin-top: 0; margin-bottom: 0; } .section-title.contact-title h2 { line-height: 0.8; } #contact-form, #apply-form { padding: 3rem 3rem 0 3rem; text-align: center; display: block; width: 100%; box-sizing: border-box; } #contact-form p, #apply-form p, .filters-form p { display: table; width: 100%; text-align: left; font-size: inherit; } #contact-form p, #apply-form p { margin: 0; } #contact-form label, #contact-form span, #apply-form label, #apply-form span, .filters-form span { display: table-cell; vertical-align: middle; white-space: nowrap; text-align: left; font-size: inherit; } .filters-form label, .filters-form label, .filters-form span { height: 50px; } .filters-form span { padding: 0 5px; } #contact-form label, #contact-form span, #apply-form label, #apply-form span { padding: 11px 5px; width: 100%; } .filters-form span { height: 100% !important; } .filters-form span.filters-btn { padding: 10px 0; } #contact-form p, #contact-form span, #apply-form p, #apply-form span { font-size: inherit; } #contact-form label, #contact-form span, #apply-form label, #apply-form span { color: #fff; } #contact-form input, #contact-form select, #apply-form input, #apply-form select { width: 100%; box-sizing: border-box; color: #fff; } #contact-form label, .filters-form label, #apply-form label { width: 0; } #contact-form select { border-color: rgba(243, 243, 243, 0.5); } #contact-form input[type="submit"], #apply-form input[type="submit"] { margin-top: 2rem; margin-left: 10px; color: #fff; display: block; width: auto; position: relative; cursor: pointer; padding: 0.8em 1.2em; height: initial; } #contact-form input[type="submit"]:after { font-family: 'Material Icons'; content: 'arrow_right_alt'; padding-left: 0.2rem; font-size: 1.5rem; position: relative; top: 50%; transform: translateY(-50%); color: #fff; } #contact-form input, #apply-form input { border-color: rgba(243, 243, 243, 0.5); } #contact-form input:focus, #contact-form select:focus, #apply-form input:focus, #apply-form select:focus { border-color: rgb(243, 243, 243); } .input-form input, .input-form select, .input-form label { font-size: inherit; } select { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; } .wpcf7-select { background-image:url("assets/images/svg/tri-down.svg"); background-repeat: no-repeat; background-size: 10px 9px; background-position: 100% center; } .wpcf7-select:focus { background-image:url("assets/images/svg/tri-up.svg"); background-repeat: no-repeat; background-size: 10px 9px; background-position: 100% center; } select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; } #contact-form ::placeholder, #apply-form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: rgba(243, 243, 243, 0.5); opacity: 1; /* Firefox */ } #contact-form :-ms-input-placeholder, #apply-form :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #fff; } #contact-form ::-ms-input-placeholder, #apply-form ::-ms-input-placeholder { /* Microsoft Edge */ color: #fff; } #search ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #d5d5d5; opacity: 1; /* Firefox */ } #search :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #d5d5d5; } #search ::-ms-input-placeholder { /* Microsoft Edge */ color: #d5d5d5; } #contact-form .your-email, #apply-form .your-email { width: 70%; } #contact-form .your-email input, #apply-form .your-email input { width: 100%; } #contact-form .wpcf7-submit, #apply-form .wpcf7-submit { border: 3px solid #fff; } #contact-form .wpcf7-submit:hover { background: #fff; color: #DB001B; } #apply-form .wpcf7-submit:hover { background: #fff; color: #003882; } .wpcf7-file { background: #003882 !important; color: #003882 !important; border: 0 !important; border: none !important; } .upload-cv { padding: 0 !important; } .formrow_vis { display: none !important; } .formrow_hidden { display: table-cell !important; } .wpcf7-not-valid-tip { content: '<'; width: 25px; height: 25px; position: absolute; text-indent: 99999px; right: -30px; } .wpcf7-form .wpcf7-response-output.wpcf7-validation-errors, #apply-form .wpcf7-response-output.wpcf7-validation-errors { color: #fff; background-color: transparent; padding: 1.5rem; } .wpcf7-form .wpcf7-response-output.wpcf7-validation-errors { border: 3px dashed yellow !important; } #apply-form .wpcf7-response-output.wpcf7-validation-errors { border: 3px dashed red !important; } .wpcf7-not-valid { border-bottom: 3px dashed yellow !important; } #apply-form .wpcf7-not-valid { border-bottom: 2px dashed red !important; } div.wpcf7-mail-sent-ok:before,div.wpcf7-validation-errors:before { font: 26px/30px Material Icons; margin-right: 16px; vertical-align: middle; } div.wpcf7-mail-sent-ok:before { content: "\e5ca"; } div.wpcf7-validation-errors:before { content: "\e000"; } .ajax-loader { width: 40px !important; height: 40px !important; display: inline-block; } .upload_note { white-space: unset !important; font-size: 1rem !important; } #apply-form .wpcf7-response-output.wpcf7-validation-errors { color: #fff; background-color: transparent; padding: 1.5rem; } #apply-form div.wpcf7-mail-sent-ok { border: 3px solid #fff !important; } .wpcf7-response-output { padding: 1.5rem !important; color: #fff; font-weight: 600; background-color: transparent; text-align: left !important; } /* Homepage Search /Filter forms */ .filters-form, #contact-form, #apply-form { font-size: 1.4rem; } .filters-form input:focus, .filters-form select:focus { border-color: #222; } .btn-icon { cursor: pointer; border: none; background: none; } #search-ico .material-icons { font-size: 2.2rem; color: #013a7f; display: block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #search-ico:hover .material-icons { color: #db001c; } .input-form input, .input-form textarea, select { background: transparent; } .input-form input, .input-form select, .input-form textarea { border: none; border: 0; border-bottom: 2px solid; margin-bottom: -2px; height: 50px; padding: 0 5px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .filters-form input { border-color: #d5d5d5; width: 100%; box-sizing: border-box; } #search .input-form #i_am_a { min-width: 180px; max-width: 220px; } #search .input-form #looking_for { min-width: 240px; max-width: 260px; } /* END Homepage Search /Filter form */ #contact-form select option { background: #DB001B; font-size: 1rem; color: #fff; } /* Refine Searches */ #project_filters { position: relative; z-index: 99; } .refine_search { width: 100%; display: block; } .refine_search label { border: 2px solid #003882; } .filter_name { display: inline-block; } .filters_form input[type=checkbox] { -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; border: 0; border: none; height: 20px; position: absolute; } .filters_form label, .filters_form button { display: inline-block; vertical-align: middle; background-color: transparent; height: 42px; transition: background-color 300ms ease; font-weight: 600; cursor: pointer ;} .filters_form label span, .filters_form button span { line-height: 42px; font-size: 0.92rem; } .refine_search label { padding-left: 20px; padding-right: 20px; cursor: pointer; } .filter_cat, .filter_tags { margin-left: -2px; margin-right: -2px; } .filter_tags label { padding-left: 10px; padding-right: 10px; } .refine_search label.input-red, .refine_search label.input-green, .refine_search label.input-yellow, .refine_search label.input-light-blue { padding-left: 51px; padding-right: 10px; position: relative; } .refine_search .input-red:after, .input-green:after, .input-yellow:after, .input-light-blue:after, label.filter_all:after { width: 42px; height: 42px; content: ' '; position: absolute; top: 0; left: 0; box-sizing: border-box; } .refine_search .input-red:after { background: #DB001B url(assets/images/Commercial-Kitchens.png); background-size: auto auto; background-size: 72% 72%; background-repeat: no-repeat; background-position: center center; border-right: 2px solid #DB001B; } .refine_search .input-green:after { background: #7DB01D url(assets/images/AC-and-Vent-1.png); background-size: auto auto; background-size: 72% 72%; background-repeat: no-repeat; background-position: center center; border-right: 2px solid #7DB01D; } .refine_search .input-yellow:after { background: #ebd800 url(assets/images/Support-and-Comp.png); background-size: auto auto; background-size: 72% 72%; background-repeat: no-repeat; background-position: center center; border-right: 2px solid #ebd800; } .refine_search .input-light-blue:after { background: #03A0D9 url(assets/images/Refrig-and-Cooling.png); background-size: auto auto; background-size: 72% 72%; background-repeat: no-repeat; background-position: center center; border-right: 2px solid #03A0D9; } .refine_search .input-red { border: 2px solid #DB001B; } .input-red:hover { background: #DB001B !important; } .input-red:hover span { color: #fff; } .refine_search .input-red.active_input { background: #DB001B; } .refine_search .input-green { border: 2px solid #7DB01D; } .input-green:hover { background: #7DB01D !important; } .input-green:hover span { color: #fff; } .refine_search .input-green.active_input { background: #7DB01D; } .refine_search .input-yellow { border: 2px solid #ebd800; } .input-yellow:hover { background: #ebd800 !important; } .input-yellow:hover span { color: #fff; } .refine_search .input-yellow.active_input { background: #ebd800; } .refine_search .input-light-blue { border: 2px solid #03A0D9; } .input-light-blue:hover { background: #03A0D9 !important; } .input-light-blue:hover span { color: #fff; } .refine_search .input-light-blue.active_input { background: #03A0D9; } .input-blue { border: 2px solid #003882; } .input-blue.active_input, .input-blue:hover { background: #003882; } .input-blue:hover span { color: #fff; } .filters_form .active_input span { color: #fff; } label.filter_all { padding-left: 51px; padding-right: 10px; position: relative; } label.filter_all:after { background: #003882 url(assets/images/icons/all.png); background-size: auto auto; background-size: 72% 72%; background-repeat: no-repeat; background-position: center center; border-right: 2px solid #003882; } /* Refine Searches */ .category_filter.active_input { background: #003882; } .category_filter:hover { background: #003882; } .category_filter:hover span { color: #fff; } .blog_refine, .refine_search_header { padding: 1.5rem 4.5rem; box-sizing: border-box; } .refine_search button { background: #003882; height: 42px; border: none; border: 2px solid #003882; position: relative; padding-left: 10px; padding-right: 10px; font-family: inherit; font-size: inherit; } .refine_search button span { color: #fff; padding-right: 1.6rem; } .refine_search button { box-sizing: initial; } .refine_search button span:after { position: absolute; font-family: 'Material Icons'; content: 'refresh'; padding-left: 0.2rem; font-size: 1.4rem; top: 50%; transform: translateY(-50%); -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .filter_controls_top {padding:30px 0; } .filter_controls_bottom { padding-bottom: calc(4rem - 1px); } .filter_controls .box-content { padding-top: 0; padding-bottom: 0; } .filter_controls label, .refine_search button { margin: 4px 2px !important; } #mobile_update_btn { display: none; } /* END Input forms */ /* Full Screen Video Background */ #full-width-vid { overflow: hidden; } #vid-overlay { height:80%; left:0; position:relative; transition:background-color 300ms ease; width:100%; display: block; } #hero-vid { backface-visibility: hidden; background-size: cover; bottom: 0; height:auto; min-height: 100%; min-width: 100%; perspective: 1000; position: fixed; right: 0; width: auto; z-index: 1; } .page-template-home-page video[poster]{ background: url(../../uploads/2018/07/Acme-home.jpg); } video[poster]{ height: 100%; width: 100%; background-size: cover; background-position: center center; } .hero section { width: 100%; height: 100vh; flex: 1; display: flex; text-align: center; position: relative; overflow: hidden; } .hero section .title { width: 100%; height: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; max-width: 60%; justify-content: center; text-align: right; z-index: 10; color: #fff; margin: 0 auto; position: relative; } .hero .title h2 { margin: 0; } .title.parallax { position: absolute; z-index: 99; width: 100%; top: 50%; transform: translateY(-50%); } .parallax-title, .parallax-title-inner { font-size: 4rem; color: #fff; font-family: 'Patua One', Tahoma; } .title2 { color: #fff; font-family: 'Open Sans', sans-serif; font-weight: 300; text-transform: uppercase; margin-top: 0; } .title2, .title2 strong { font-size: 2.2rem; } .title2 strong { font-weight: 600; } h2.parallax-title { border: 0; height: 1em; } #titleScroll { overflow: hidden; } #titleScroll ul { transition: all 0.35s cubic-bezier(0.75, 0.1, 0.25, 0.9); margin: 0; padding-left: 6px; } #titleScroll li { list-style: none; font-size: 1em; line-height: 1em; } .titleScroll { display: inline-block; } ul.parallax-title li span { height: 1em; display: inline-block; } #vid-overlay .service-buttons li { display: inline-block; padding: 5px 0; width: 25%; vertical-align: bottom;font-family: 'Patua One', Tahoma; font-size: 1rem; } #vid-overlay .service-buttons li span { display: none; } #vid-overlay .service-buttons li.active span { display: initial; color: #fff; margin-left: 28px; } #sbuttons { position: absolute; bottom: 0; z-index: 9; width: 100%; transition: all 2s ease; color: #fff; text-align: left; } #button-1 { background: #DB001B; } #button-2 { background: #7db01d; } #button-3 { background: #fedc00; } #button-4 { background: #03a0d9; } .t-chunky-underline:after { display: inline; } .ck .t-chunky-underline:after { background: #DB001B; } .aircon .t-chunky-underline:after { background: #7DB01D; } .hvac .t-chunky-underline:after { background: #fedc00; } .rc .t-chunky-underline:after { background: #03A0D9; } .t-chunky-underline{ position: relative; z-index: 1; } .t-chunky-underline:after { position: absolute; bottom: 0; height: 30px; background: red; width: 102%; content: ''; left: -1%; z-index: -1; } #vid-overlay .sbtn.active { padding: 25px 0; } #bg1 { margin-top: 0; } #bg3 { margin-top: 4rem; } #gallery2 { margin-top: 0; margin-bottom: 6rem; } #gallery2 .container { position: relative; } .clients-gallery { float: right; width: 75%; position: relative; } .clients-gallery2 { width: 75%; position: relative; text-align: right; margin-top: -8rem; } .clients-image1 { width: 45%; position: relative; z-index: 99; } .clients-image2 { width: 60%; z-index: 9; position: absolute; top: -70%; right: 2rem; } .clients-image3 { width: 45%; position: relative; z-index: 10; display: inline-block; } .clients-image4 { width: 60%; z-index: 9; position: absolute; top: -70%; left: 0; } .gallery1, .gallery2, .gallery3, .gallery4 { width: 100%; height: 100%; position: relative; } .gallery1, .gallery3 { z-index: 12; } .gallery2:after, .gallery4:after, .gallery3:after, .service-image-frame:after { box-shadow: 5px 5px 15px 1px rgba(0,0,0,0.3); } .page-template-page-service-commercial-kitchens .gallery3:after, .service-content6-left-img .gallery4:after { background: #DB001B; } .gallery1:after { right: -2rem; } .gallery3:after { left: -2rem; } .image-container { position: relative; } .gallery-after { width: 100%; height: 100%; position: absolute; content: ''; z-index: -1; } .gallery-after-left { left: -2rem; background: #003882; top: -2rem; box-shadow: -2px 5px 14px -2px rgba(0,0,0,0.4); } .gallery-after-right { right: -2rem; background: #fff; top: -2rem; box-shadow: 2px 2px 16px 1px rgba(0,0,0,0.2); } .red-after .gallery-after-right { right: -2rem; background: #DB001B; top: -2rem; } .clients-gallery_center, .parallax_image_scroll_container { margin: 0 auto; left: 0; right: 0; width: 75%; position: relative; } .case_study-template-single-case_study_template3 .clients-gallery_center { top: -9rem; } .gallery-after-right.after_red { background: #DB001B; } .gallery-after-right.after_green { background: #7DB01D; } .gallery_center-image2 { width: 45%; z-index: 99; position: absolute; left: 0; top: 0; } .gallery_center-image1 { width: 60%; float: right; margin-top: 12rem; right: 0; z-index: 9; } .parallax_imagescroll1 { width: 60%; z-index: 99; position: absolute; left: 0; top: 13.5rem; margin: 0 auto; right: 2.5rem; } .parallax_imagescroll2 { width: 45%; z-index: 99; position: absolute; right: -4.5rem; top: 0; } /* Vertical Scroller */ .section-scrollslider-slide-info-inner h3 { font-size: 1.7rem; } .section-scrollslider-slide-info-inner p { line-height: 1.5; margin: 20px 0; } .section-scrollslider { margin-top: 4.5rem; margin-bottom: 9rem; } .page-template-home-page .section-scrollslider { margin-top: -4.5rem; } .section-scrollslider-services { margin-top: 0; margin-bottom: 6rem; } .section-scrollslider-container { margin-right: auto; margin-left: auto; width: 100%; } .section-scrollslider-pagination { z-index: 99; display: block; position: -webkit-sticky; position: sticky; float: left; width: 30%; padding: 0; } .section-scrollslider-pagination { padding-top: 9.5rem; } .section-scrollslider-pagination li a { font-size: 1.2rem; color: #003882; font-family: 'Patua One', Tahoma; text-decoration: none; font-weight: 700; display: block; transition: all .55s cubic-bezier(.19,1,.22,1); padding: 1.7rem; display: block; } .js-scrollslider-toggle { letter-spacing: 0.5px; } .section-scrollslider-pagination { list-style-type: none; } .section-scrollslider-pagination li a { border-left: 10px solid; } .section-scrollslider-slide-list { float: left; width: 70%; margin: 0; height: auto; padding-bottom: 0; } .page-template-home-page .slide0.section-scrollslider-slide { margin-top: 4.5rem; } .section-scrollslider-slide { padding-top: 8rem; padding-bottom: 0; margin-top: 0; } .section-scrollslider-slide-inner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .section-scrollslider-slide-image { display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; margin-right: 4rem; box-shadow: 0 7px 20px -2px rgba(0,0,0,0.4); min-height: 200px; } .section-scrollslider-slide { position: relative; z-index: 99; } .clearfix:after, .section-scrollslider-row:after, .section-scrollslider-row-services:after { display: block; clear: both; content: ""; } .section-scrollslider-slide-list { position: relative; margin-top: -2.5rem; } .section-scrollslider-polygon { position: absolute; right: 0; top: -200px; width: 70%; background: pink; z-index: -1; } .section-scrollslider-polygon img { width: 100%; padding-bottom: 50%; } .section-scrollslider-slide-image img { display: block; width: 100%; -ms-flex-item-align: start; align-self: flex-start; } .section-scrollslider-slide-info { position: absolute; right: 0; top: 4rem; width: 57.5%; } .section-scrollslider-slide-info-inner { background: #fff; box-shadow: -5px 12px 16px rgba(0,0,0,0.4); min-height: 100px; position: relative; padding: 2.5rem 3.5rem; } .section-scrollslider-slide-info-inner:before { height: 100%; width: 100%; position: absolute; top: 25px; left: -25px; content: ''; z-index: -1; box-shadow: -5px 10px 40px rgba(0,0,0,0.4); } .section-scrollslider-pagination li a.active, .section-scrollslider-pagination li a.active:focus, .section-scrollslider-pagination li a:hover { outline: none; } .section-scrollslider-pagination li:first-child a.active, .section-scrollslider-pagination li:first-child a:hover { -webkit-box-shadow:inset 0 -3px 0 -1px #DB001B; -moz-box-shadow:inset 0 -3px 0 -1px #DB001B; box-shadow:inset 0 -3px 0 -1px #DB001B; color: #DB001B; } .section-scrollslider-pagination li:nth-child(2) a.active, .section-scrollslider-pagination li:nth-child(2) a:hover { -webkit-box-shadow:inset 0 -3px 0 -1px #7DB01D; -moz-box-shadow:inset 0 -3px 0 -1px #7db01d; box-shadow:inset 0 -3px 0 -1px #7DB01D; color: #7db01d; } .section-scrollslider-pagination li:nth-child(3) a.active, .section-scrollslider-pagination li:nth-child(3) a:hover { -webkit-box-shadow:inset 0 -3px 0 -1px #FEDC00; -moz-box-shadow:inset 0 -3px 0 -1px #FEDC00; box-shadow:inset 0 -3px 0 -1px #FEDC00; color: #FEDC00; } .section-scrollslider-pagination li:nth-child(4) a.active, .section-scrollslider-pagination li:nth-child(4) a:hover { -webkit-box-shadow:inset 0 -3px 0 -1px #03a0d9; -moz-box-shadow:inset 0 -3px 0 -1px #03a0d9; box-shadow:inset 0 -3px 0 -1px #03a0d9; color: #03a0d9; } .section-scrollslider-pagination li:nth-child(1) a { border-left: 10px solid #DB001B; } .section-scrollslider-pagination li:nth-child(2) a { border-left: 10px solid #7db01d; } .section-scrollslider-pagination li:nth-child(3) a { border-left: 10px solid #fedc00; } .section-scrollslider-pagination li:nth-child(4) a { border-left: 10px solid #03a0d9; } .redbg.section-scrollslider-slide-info-inner:before { background: #DB001B; } .green-bg.section-scrollslider-slide-info-inner:before { background: #7CB01D; } .yellow-bg.section-scrollslider-slide-info-inner:before { background: #fedc00; } .blue-bg.section-scrollslider-slide-info-inner:before { background: #03a0d9; } .section-scrollslider-slide-info-inner .red { color: #DB001B !important; } .section-scrollslider-slide-info-inner .long.red:hover span { color: #DB001B; margin: 20px 0 0 0; padding: 0 0; } .section-scrollslider-slide-info-inner .long.green:hover span { color: #7cb01d; margin: 20px 0 0 0; padding: 0 0; } .section-scrollslider-slide-info-inner .long.yellow:hover span { color: #fedc00; margin: 20px 0 0 0; padding: 0 0; } .section-scrollslider-slide-info-inner .long.light-blue:hover span { color: #03a0d9; margin: 20px 0 0 0; padding: 0 0; } .section-scrollslider-slide-info-inner .no-box-btn { margin: 20px 0 0 0; } .section-scrollslider-slide-info-inner .arrow-right.long { margin-bottom: 0; padding-left: 0; } .section-scrollslider-slide-info-inner .arrow-right.long.blue:after { color: #DB001B; } .section-scrollslider-slide-info-inner .arrow-right.long.green:after { color: #7cb01d; } .section-scrollslider-slide-info-inner .arrow-right.long.yellow:after { color: #fedc00; } .section-scrollslider-slide-info-inner .arrow-right.long.light-blue:after { color: #03a0d9; } .section-scrollslider-slide-info-inner .arrow-right.long:hover { color: #003882; } .section-scrollslider-slide-info-inner p { color: #222222; } /* SERVICES Vertical Scroller */ #service-page-scroll-magic { position: relative; background: blue; width: 100%; height: 400%; z-index: 91; overflow: hidden; -webkit-perspective: 1000; perspective: 1000; } #service-sticky-nav.section-scrollslider-pagination { z-index: 999; display: block; position: fixed; top: 180px !important; margin-left: 8rem; width: 25%; background: white; padding: 0; } #pin_services { padding: 0; margin: 0; width: 100%; height: 100vh; -webkit-perspective: 1000; perspective: 1000; position: relative; z-index: 99; } .service_subTitle { text-transform: uppercase; font-weight: 600; } .panel { height: 100%; width: 100%; } #scroll-services { top: calc(65px + 2rem); width: 30%; z-index: 999; height: 400%; float: left; } #scroll-services ul { width: calc(100% - 4.5rem); margin-left: 4.5rem; } #scroll-services ul li a { color: #fff; } #services-header { height: 178px; position: fixed; margin-left: 25%; z-index: 98; top: 65px; opacity: 0.6; } header .content { padding: 30px; text-align: center; } #contentwrapper { width: 100%; height: auto; overflow: hidden; position: relative; z-index:9; } .pinwrapper { } .panel { width: 100%; min-height: 100vh; text-align: center; position: relative; top: -100vh; } .panel .content { padding: 30px; color: #fff; } .service-scroll-content { width: 100%; position: absolute; left: 0; height: 100%; } .inner-service-content { width: 100%; height: 100%; position: absolute; } .page-template-page-services-landing .page-brand-img { position: absolute; bottom: auto; top: initial; bottom: 4rem; left: -120px; padding: 3rem; background: #fff; box-shadow: -5px 12px 16px rgba(0,0,0,0.4); z-index: 99; } .service-cont { background: #fff; box-shadow: -5px 12px 16px rgba(0,0,0,0.4); min-height: 100px; position: absolute; bottom: 1rem; right: 4.5rem; width: 55%; text-align: left; z-index:99; } .service-cont p { margin-top: 0.5rem; } .service-cont h3, .sector-box-title { font-family: 'Patua One', Tahoma; font-size: 2rem; margin-bottom: 10px; } #services-footer .content { padding: 5px; text-align: center; } /* END SERVICES Vertical Scroller */ /* END Scroll through slides vertically section*/ #casestudies-section { position: relative; height: 100vh; background: rgba(4, 151, 204, 0.4); } #pinContainer, #pinContainer2, #os_pinContainer { overflow: hidden; } #pinContainer .container, #os_pinContainer .container { position: relative; } #case-studies-wrap { padding-top: 6rem; position: relative; z-index: 99; width: 100vw; } #case-studies-wrap:before { position: absolute; content: ''; top: 0; z-index: -1; right: 0; width: 70%; height: 100%; background: #03a0d9; } .page-template-page-service-commercial-kitchens #case-studies-wrap:before { background: #DB001B; } /* .page-template-page-service-commercial-kitchens #case-studies-wrap:after { position: absolute; left: 0; width: 27.5%; height: 100%; content: ''; top: 0;background: #03a0d9; } */ #pinContainer, #pinContainer2, #os_pinContainer { padding: 0; margin: 0; width: 100%; height: 100vh; -webkit-perspective: 1000; perspective: 1000; position: relative; z-index: 99; } #slideContainer, #slideContainer2 { width: 400%; height: 100%; position: absolute; /* to contain 4 panels, each with 100% of window width */} .section-title.section-case-studies { margin-top: 0; margin-bottom: 0; left: 0; right: 0; z-index:999; position: absolute; height: 176px; } .page-template-page-service-commercial-kitchens .proud-of-build-wrapper, .page-template-page-service-commercial-kitchens .section-other-service-wrapper { margin-top: 6rem; } /* Case Study Sections */ /*new*/ /* Replace Case Study Pins with Carousel for mobile*/ #scrollmagic_case_studies_mobile, #scrollmagic_service_pins_mobile { display: none; } .section-case-studies { width: 100%; padding-top: 70px; } /*Case Study Navigation */ #sector-pin-navigation { margin-top: 6rem; } #cs-navigation a, #s-navigation a, #sector-pin-navigation a { margin-top: 0; } #cs-navigation button, #s-navigation button, #sector-pin-navigation button { transition: all 0.3s ease; } #cs-navigation .white-btn:hover, .blue_pins .white-btn:hover, .blue_pins .white-btn:hover span { background: #fff; color: #03A0D9; } .case-studies-blue #cs-navigation .white-btn:hover, .case-studies-blue #cs-navigation .white-btn:hover span { color: #03A0D9; } /*Service pins 1025 buttons*/ .page-template-service-refrigeration-cooling #s-navigation .white-btn { background: #F1F1F1; color: #fff; border: 2px solid #03a0d9; } #sector-pin-navigation .scroll-navigation-btns { background: transparent; color: #003882; border: 3px solid #003882; } #sector-pin-navigation .scroll-navigation-btns.button_ready:hover { background: #003882; color: #fff !important; border: 3px solid #003882; } #s-navigation .white-btn:hover { background: #03a0d9; color: #03a0d9 !important; border: 2px solid #03a0d9; } .page-template-service-refrigeration-cooling #s-navigation .scroll-navigation-btns { border: 3px solid #03a0d9; background: #F1F1F1; color: #03a0d9; } .page-template-service-refrigeration-cooling #s-navigation .scroll-navigation-btns:hover { border: 3px solid #03a0d9; background: #F1F1F1; } .page-template-service-refrigeration-cooling #s-navigation .white-btn, .page-template-service-refrigeration-cooling #s-navigation .white-btn span { color: #03a0d9; } .page-template-page-service-commercial-kitchens #cs-navigation .white-btn:hover span { color: #DB001B; } #cs-navigation .white-btn:hover { color: #DB001B; } #singlepostCarousel .slick-prev {-moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } #singlepostCarousel .slick-prev:hover, #singlepostCarousel .slick-next:hover { background: #003882; color: #fff !important; border: 3px solid #003882; } #singlepostCarousel .slick-prev:hover:before { color: #fff !important; } #singlepostCarousel .slick-next::hover::before { color: #fff !important; } .scroll-navigation-btns { width: 60px; height: 60px; display: inline; border-radius: 50%; position: relative; font-family: 'Material Icons'; font-size: 1.8rem; cursor: pointer; background: transparent; } .other-services-container .scroll-navigation-btns { border: 3px solid #003882; color: #003882; } #cs-navigation .scroll-navigation-btns, #s-navigation .scroll-navigation-btns { border: 3px solid #fff; color: #fff; } #cs-navigation .scroll-navigation-btns:hover, #s-navigation .scroll-navigation-btns:hover { border: 3px solid #fff; background: #fff; } .case-studies-blue #cs-navigation .scroll-navigation-btns:hover { color: #03A0D9; } .page-template-page-service-commercial-kitchens #cs-navigation .scroll-navigation-btns:hover { color: #DB001B; } #scroll-right-btn, #s_scroll-right-btn { margin-left: 1rem; } #scroll-left-btn, #s_scroll-left-btn { -moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } /* End Case Study Navigation */ #cs-navigation, #s-navigation { position: absolute; width: 100%; right: 0; top: 0; width: auto; z-index: 9999; } .cs-navigation-btns-container { padding-bottom: 0.5rem; } #cs-navigation li, #s-navigation li, #sector-pin-navigation li { list-style: none; } .cs1, .cs2, .cs3, .cs4 { width: 25%; position: absolute; top: calc(200px + 2rem); bottom: 9.5rem; } .cs1 { background-color: transparent; } .cs2 { background-color: transparent; left: 25%; } .cs3 { background-color: transparent; left: 50%; } .cs4 { background-color: transparent; left: 75%; } .case-study { box-sizing: border-box; } .cs-video-container { margin: 0 auto; height: 100%; width: 962.73px; height: 595px; position: relative; box-shadow: 0 25px 50px 9px rgba(0,0,0,0.4); } .cs-video { width: 100%; } .cs-video-info { position: absolute; bottom: -75px; left: 0; right: 0; width: 100%; display: table; box-sizing: border-box; background: #fff; padding: 10px 2rem; height: 78px; } .prev_next_post_info { width: 100%; display: table; box-sizing: border-box; background: #fff; padding: 1rem 1rem; } .prev_next_post_info #nav-below a { display: inline-block; } .prev_next_post_info .mobile_archive_client_logo { height: 25px; margin-right: 0.5rem; } .prev_next_post_info .prev_next_post_title, .prev_next_post_info .project_cat_icons li { vertical-align: middle; } .prev_next_post_info .prev_next_post_title { font-size: 1.3rem; } .prev_next_post_info .project_cat_icons { vertical-align: middle; } .cs-logo { display: table-cell; vertical-align: middle; } .cs-logo img { height: 64px; width: auto; vertical-align: middle; } .case-study-title { text-align: right; display: table-cell; vertical-align: middle; } .case-study-title a { font-size: 1.4rem; font-weight: 400; } .cs_info .case-study-title a { font-size: 1.7rem; } .case-study-title a:hover { text-decoration: underline; } .embed-container { position: relative; overflow: hidden; max-width: 100%; height: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .embed-vid { position: relative; overflow: hidden; max-width: 100%; padding-bottom: 50%; } .embed-vid video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .cs_video { width: 100%; height: 100%; } .mobile_next_prev_title { background: #fff; padding: 2rem; display: block; } /* END Case Study Slides */ /* Case Study Single */ .entry-content { position: relative; padding: 4.5rem; } .single .entry-content { padding: 0; } .single .category_tag_list { padding: 1rem 0 1.5rem 0; } .page-intro-polygon { position: absolute; top: 0; right: -90px; width: 741px; height: 976px; z-index: -2; } .cs_embed-container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; } .cs_embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .boxmargin-top { margin-top: 0 !important; } .post_image { width: 100%; height: auto; } .key_facts { width: 550px; margin-top: -6rem; position: relative; } .key_facts h2 { font-size: 2.5rem; font-family: 'Patua One', Tahoma; margin-bottom: 1.5rem; } .key_facts.bluebg h2, .t3_key_facts h2 { color: #fff; } .key_facts.whitebg h2 { color: #003882; } .key_facts.float_right { margin-right: -4rem; } .t3_key_facts { width: 900px; margin-top: -4.5rem; position: relative; } .t3_cs_content3 { margin-top: 4.5rem; } .cs_t3_c3 { width: 50%; position: relative; z-index: 99; } .cs_t3_c3:after { background: #fff; content: ''; position: absolute; top: 0; left: -16rem; right: 0; height: 100%; z-index: -1; } .cs_t3_c4 { width: calc(50% + 2.5rem); margin-top: -4.5rem; margin-right: -4.5rem; } .cs_t3_c3.box-content { padding-left: 0; padding-right: 9rem; position: relative; z-index: 998; } .bluebg .kf-table span, .bluebg span { color: #fff; } .whitebg .kf-table span { color: #222222; } .post_content { margin: 0 2rem; position: relative; } .post_content .container, #cs_t2_cend .container { position: relative; z-index: 99; } .case_study-template-single-case_study_template2 .post_content { padding-bottom: 4.5rem; } .post-template-default #page-intro .section-title, .post-template-single-template2 #page-intro .section-title, .post-template-single-template3 #page-intro .section-title, .single-case_study #page-intro .section-title { margin-bottom: 0; } .kf-table { display: table; width: 100%; } .kf-table p { display: table-row; } .kflabel { font-weight: 600; text-transform: uppercase; white-space: nowrap; width: 0; padding-right: 1.5rem; } .kf-table span { display: table-cell; color: #fff; padding-top: 0.5rem; padding-bottom: 0.5rem; } .single-case_study .entry-meta { display: none; } .case_study_brand_logo { float: right; width: calc(100% - 550px); text-align: center; margin-top: 4.5rem; } .t3_case_study_brand_logo { width: 200px; text-align: center; position: absolute; top: 50%; transform: translateY(-50%); } .t3_kf_container { width: calc((100% - 200px) - 6.5rem); } .case_study-template-single-case_study_template1 .case_study_brand_logo { margin-bottom: 4.5rem; } .brand_img { padding: 1rem; width: 240px; background: #fff; display: block; line-height: 0; } .t3_case_study_brand_logo .brand_img { width: 100%; } .case_study_brand_logo img, .t3_case_study_brand_logo img { height: auto; width: 100%; } .cs_intro { width: 100%; } .cs_background { width: 58%; float: left; } .cs_t1_background { padding-top: 4rem; float: left; width: calc(100% - 600px); } .cs_img1 { margin-top: 2rem; width: 42%; height: auto; float: right; } .cs_content2 { position: relative; } .mobile_cs_logo { display: none; } .case_study-template-single-case_study_template2 .cs_content2 .box-content { padding: 4.5rem 0 9rem 6rem; } .cs_content2:before { background: #fff; position: absolute; top: 0; left: 0; right: calc(14rem + 275px); height: 100%; content: ''; z-index: 9; } .case_study-template-single-case_study_template3 .cs_content2:before { right: calc(11.5rem + 360px); } .cs_content2 .container { position: relative; z-index: 98; } .cs_content2_snippet { float: right; margin-top: -2rem; margin-right: -2rem; width: calc(42% + 4rem); position: relative; } .content_snippet { padding: 4.5rem; box-sizing: border-box; } .content_snippet p { color: #fff; font-family: 'Patua One', Tahoma; } .content_snippet-s { font-size: 1.5rem; line-height: 1.5; } .content_snippet-lg { font-size: 1.6rem; line-height: 1.6; position: relative; } .cs_content2_snippet.box-content, .cs_t2_c3_snippet.box-content { padding: 6rem; } .content_snippet:before { position: absolute; top: 1.5rem; left: 1.5rem; width: 70px; height: 54px; content: ''; font-size: 10rem; background: url(assets/images/icons/quoteTop.png); background-size: 100% 100%; } .content_snippet:after { position: absolute; bottom: 1.5rem; right: 1.5rem; width: 70px; height: 54px; content: ''; font-size: 10rem; background: url(assets/images/icons/quoteBottom.png); background-size: 100% 100%; } .bluebg.content_snippet:before { background: url(assets/images/icons/quoteTop-blue.png); background-size: 100% 100%; } .bluebg.content_snippet:after { background: url(assets/images/icons/quoteBottom-blue.png); background-size: 100% 100%; } .redbg.content_snippet:before { background: url(assets/images/icons/quoteTop-red.png); background-size: 100% 100%; } .redbg.content_snippet:after { background: url(assets/images/icons/quoteBottom-red.png); background-size: 100% 100%; } .cs_content2_left { width: calc(58% - 4rem); float: left; } .case_study_brand_logo.float_left { margin-right: 4rem; } .cs_t2_c3 { width: calc(100% - 550px); } .cs_t2_c3.box-content { padding-bottom: 8.5rem; } .cs_t2_c3_images { width: 550px; position: absolute; right: 0; top: 0; margin-right: -2rem; box-sizing: border-box; padding: 0 4rem; } .cs_t2_c3_img_container { padding: 0.5rem 2rem; } .cs_img { width: 100%; height: auto; display: block; } .cs_t2_c3_snippet { margin-top: -4.5rem; margin-left: 4.5rem; width: calc((100% - 550px) - 4.5rem); position: relative; z-index: 9; } .white_bg_75sc:after { position: absolute; background: #fff; height: 100%; top: 0; left: 0; bottom: 0; right: 16rem; content: ''; box-shadow: 0 0 43px 43px rgba(0,0,0,0.02); } .end_result_content { width: 100%; } .end_content div { width: 50%; float: left; padding: 0 2rem; box-sizing: border-box; } .end_content .box_content_title { padding: 0 2rem; } #cs_t2_er_imgs { position: relative; z-index: 9; } #cs_t2_er_imgs .frame_left { top: initial; bottom: -1.5rem; } #cs_t2_cend.relative { z-index: 999; } .case_study-template-single-case_study_template3 #cs_t3_er_imgs { margin-top: 24rem; } .case_study-template-single-case_study_template3 .cs_content2 { margin-top: -2.5rem; } .cs_t3_c2 { width: calc((100% - 600px) + 4.5rem); } .cs_t3_c2.box-content { padding: 9rem 6rem 13.5rem 0; min-height: 300px; } .t3_img1 { position: absolute; right: 0; width: 600px; top: 9rem; right: -2.5rem; } .t3_img1 img { width: 100%; height: auto; } .cs_t3_c2_snippet { margin-top: -4.5rem; margin-left: -2.5rem; width: calc((100% - 600px) - 4.5rem); position: relative; z-index: 9; } .cs_content2:before, .cs_t3_c3:after { box-shadow: 0 8px 43px -5px rgba(0,0,0,0.2); } .case_study-template.case_study-template-single-case_study_template3 #nav-below { margin-top: 2.5rem; } .case_study-template-single-case_study_template2 .clients-gallery_center { position: relative; top: 13rem; } #case_study_parallax { padding-top: 24rem; } .case_study-template-single-case_study_template1 .page-parallaxbackground, .case_study-template-single-case_study_template2 .page-parallaxbackground, .case_study-template-single-case_study_template3 .page-parallaxbackground { padding: 0 0 0 0; } .images_scroll_top { margin-top: 24rem; } .case_study-template-single-case_study_template3 .images_scroll_top { margin-top: 22rem; } .case_study-template-single-case_study_template3 .clients-gallery_center { top: -16rem; } .gallery_center-image1 { margin-top: 0; } .parallax_min_height { padding: 18rem 0 !important; } /* END Case Study Single */ /* General Page Template */ .page-intro { font-size: 3.8rem; font-weight: 400; } .triangles-parallax { position: relative; } .triangles-bg-layer1 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(assets/images/backgrounds/ACME-Pattern---layer1-blurred.png); background-size: 1500px 931px; background-repeat: repeat; opacity: 0.2; background-attachment: fixed; } .triangles-bg-layer2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(assets/images/backgrounds/ACME-Pattern---layer2--blurred.png); background-size: 1100px 683px; background-repeat: repeat; opacity: 0.3; background-attachment: fixed; } .triangles-bg-layer3 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(assets/images/backgrounds/ACME-Pattern---layer3.png); background-size: 800px 497px; background-repeat: repeat; opacity: 0.45; background-attachment: fixed; } /* Our Services Landing Page */ #services-wrapper { height: 400%; padding-bottom: 200px; background: red; } .pan-inner { display: block; position: absolute; } .pan { display: block; justify-content: center; align-items: center; text-align: center; color: #333; position: relative; width: 100%; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; transition-timing-function: ease; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pan1 { position: relative; } .pan-right { width: 70%; height: 100%; float: right; position: relative; z-index: 999; } .pan-right-overlay { background: repeating-linear-gradient(135deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 3px, rgba(0, 0, 0, 0.3) 3px, rgba(0, 0, 0, 0.3) 6px); width: 100%; height: 100%; position: absolute; } .full--screen { height: 100%; } .s_sub_h { font-weight: 600; font-size: 1rem; padding-bottom: 0; } .service-page-image { width: 872px; position: absolute; left: -6.5rem; top: 220px; height: auto; z-index: 99; } .page-template-page-services-landing .page-brand-img { min-width: 200px; } .pan-right h2.large { text-align: left; margin-top: 65px; opacity: 0.6; } #s-wrapper { position: relative; display: block; } #s-wrapper { height: 100%; z-index: 999; position: relative;} #scroll-services .section-scrollslider-pagination { margin-bottom: 8rem; } #pin-Services { overflow: hidden; width: 100%; height: 100%; } .page-template-page-services-landing .proud-of-build-wrapper { padding-top: 0; padding-bottom: 6rem; } .page-template-page-services-landing .home-contact-form { margin-top: 0 !important; } .proud-of-build-wrapper .dark-blue-bg { background: #fff; } /* End Our Services Landing Page */ /* NEW services Page Styles */ .fixedBg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #DB001B; z-index: -1; } #change_overlay { position: fixed; top: 0; right: 0; width: 70%; height: 100%; background: #DB001B; z-index: 1; transition-timing-function: ease; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .service_backgrounds { width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition-timing-function: ease; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .below_content { position: relative; z-index: 999; background: #f1f1f1; } .our_services_title { float: right; height: 400%; position: absolute; top: 0; left: calc(30% - 4.5rem); bottom: 0; z-index: 9; right: 0; } .our_services_title h2 { position: sticky; top: calc(65px + 1rem); opacity: 0.7; margin-bottom: 6rem; } .services_polygon_container { float: right; height: 400%; position: absolute; top: 0; right: 9rem; bottom: 0; z-index: 4; } .services_featured_logos { position: absolute; bottom: 4rem; width: 220px; height: 180px; left: -9rem; padding: 2rem; background: #fff; box-shadow: -5px 12px 16px rgba(0,0,0,0.4); z-index: 99; } .services_featured_logos .slick-slide > div { height: auto; top: 50%; transform: translateY(-50%); position: relative; } /* Service pages */ .section-other-service-wrapper, .services-services-wrapper, .proud-of-build-wrapper { overflow: hidden; position: relative; position: relative; width: 100%; clear: both; z-index: 998; } .content-box p:last-of-type, .box-content p:last-of-type { margin-bottom: 4px; } /* Single Services Page*/ .video_hero { box-shadow: inset 0 74px 90px -92px rgba(0,0,0,0.9), inset 0px -20px 29px -32px rgba(0,0,0,0.9); } .page-video-wrap, .video_hero { position: relative; padding-top: 13rem; padding-bottom: calc( 13rem - 32px); } .home_video_hero { position: relative; } .page-video-wrap { margin-top: 0px; } .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 8; background: #00000069 !important;} #services_page_title { position: relative; z-index: 999; margin-top: 0; margin-bottom: 0; } .service_page_img, .sector_featured_img { float: right; width: calc( (100% - 700px) + 2rem); padding-bottom: 45%; position: relative; } .sector_featured_img { padding-bottom: 0 !important; } .sector_featured_img .frame_right { bottom: 0; top: unset; left: -1.5rem; } .sector_featured_img img { width: 100%; height: auto; } #sector-ch-s3 { margin-top: 6rem; margin-bottom: 4rem; } #service_page_img2 { float: right; width: calc(100% - 650px); position: relative; margin-right: 2.5rem; } #service_page_img2 > img { width: 100%; height: auto; position: relative; z-index:99; } .services2 { z-index: 9; } #service_intro .services2 .box-content { padding-right: 9rem !important; } .page-template-service-commercial-kitchens .box_content_title { color: #DB001B; } .page-template-service-airconditioning-ventilation .box_content_title { color: #7cb01d; } .page-template-service-refrigeration-cooling .box_content_title { color: #03a0d9; } .page-template-service-support-compliance .box_content_title { color: #FEDC00; } .parent-pageid-174 .box-content { padding: 4rem; } .service-page-cont { min-height: 100px; position: absolute; z-index: 9; top: -6.5rem; left: 2.5rem; width: 700px; box-sizing: border-box; } .service-page-cont2 { min-height: 100px; position: absolute; z-index: 9; top: -6.5rem; left: 2.5rem; width: 650px; box-sizing: border-box; } .service_page_cont2_s2_left { width: calc(650px - 9rem); float: left; text-align: right; position: absolute; } .ss_cont2_gcontainer { width: 55%; display: inline-block; } .ss_cont2_gcontainer img {display: block; } .ss_cont2_gcontainer img:not(:last-of-type) { margin-bottom: 1rem; } .service_page_cont2_s2_right { float: right; width: calc((100% - 650px) + 1.5rem); min-height: 40px; margin-bottom: 4.5rem; } .page-template-service-total-fit-out .page-parallaxbackground, .page-template-service-special-projects .page-parallaxbackground { background: #003882; } .page-template-service-special-projects #section3.page-parallaxbackground { padding: 6.5rem; } .page-template-service-total-fit-out #section3.page-parallaxbackground { padding: 6.5rem 6.5rem; } .page-template-service-special-projects #ss2_section3 { margin-top: 4.5rem; } .page-template-service-total-fit-out .service-page-cont3_2.box-content { padding-right: 10.5rem; } .logo_padding { padding: 1.5rem; } .page-template-service-total-fit-out .logo_padding { background: #fff; } #ss2_section3 .frame3 { background: #DB001B; } .ss2_section3_img { position: absolute; top: 8rem; left: 0; width: calc(50% + 2.5rem); } .ss2_section3_content { float: right; width: calc(50% + 2.5rem); padding-top: 13.5rem; } .ss2_section3_content .box-content { padding-left: 9rem; } #ss2_section3 { position: relative; z-index: 98; } #ss2_section4 { margin-top: -4.5rem; position: relative; z-index: 99; } .ss2_section4_content { z-index: 990; } .ss_section6_content { width: calc(50% + 4.5rem); position: relative; top: 0;} #ss_section6_2 { position: relative; z-index: 99; padding-top: 6rem; } .ss_section6_parallax_top { position: relative; z-index: 99; } #ss_section6_2 .page-parallaxbackground { padding: 0 0 10rem 0; } .ss_section6_parallax_top .arrow-right { margin-bottom: 0; } .service_bg p { color: #fff; } #service_intro, #service_intro2 { padding-top: 4rem; } .page-template-page-services-landing-php .slick-slide a { display: inline-block; width: 100%; } .slick-slide img { display: block; width: 100%; vertical-align: top; } .slick-slide div { vertical-align: top; } #home_gallery1 { margin-top: 4.5rem; } .page-template-service-commercial-kitchens .frame { background: #DB001B; } .page-template-service-airconditioning-ventilation .frame { background: #7cb01d; } .page-template-service-refrigeration-cooling .frame { background: #03a0d9; } .page-template-service-support-compliance .frame { background: #FEDC00; } .frame { transition: all 0.1s ease; } .service-page-content2 { margin: 4rem 0; } section.clients { margin: 2rem 0 4rem 0; overflow: hidden; } .page-template-service-total-fit-out .chunky-underline:after { background: #003882; } .page-template-service-total-fit-out #service_page_img2 .frame1, .page-template-service-rentals #service_page_img2 .frame1 { background: #FEDC00; } .page-template-service-special-projects #service_page_img2 .frame1 { background: #DB001B; } .page-template-service-special-projects #service_page_img2 .frame { background: #DB001B; } .page-template-service-finance #service_page_img2 .frame, #section3 .frame, .page-template-service-finance .frame1 { background: #7cb01d; } .page-template-service-rentals #service_page_img2 .frame { background: #FEDC00; } .page-template-page-new-commercial-kitchens .page-intro { font-size: 3.2rem; font-weight: 300; } .page-template-page-new-commercial-kitchens .chunky-underline:after { position: absolute; bottom: 0; height: 30px; background: #DB001B; width: 102%; content: ''; left: -1%; z-index: -1; } .page-template-service-airconditioning-ventilation .chunky-underline:after { background: #7cb01d; } .page-template-service-refrigeration-cooling .chunky-underline:after { background: #03a0d9; } .page-template-service-support-compliance .chunky-underline:after { background: #FEDC00; } .service-image-slider { float: left; width: 50%; position: relative; } .service-image-slider .gallery-after-left { background: #DB001B; } .page-template-page-new-commercial-kitchens .slick-slide img { display: block; width: 100%; height: auto; display: inline-block; vertical-align: top; } .page-template-page-new-commercial-kitchens h3 { color: #DB001B; font-family: 'Patua One', Tahoma; font-size: 2rem; font-family: 'Patua One', Tahoma; margin-bottom: 2rem; } .btn-stack { margin-top: 1.5rem !important; } .service-page-cont3, .service-page-cont3_2 { position: relative; width: 640px; min-height: 100px; box-sizing: border-box; } .service-page-cont3 { float: right; } .service-page-cont3_2 { float: left; } .service-page-cont3_img { position: absolute; z-index: 9; bottom: -4.5rem; left: calc(640px - 4.5rem); width: 220px; } .service-content4-left-gallery { width: 40%; position: absolute; bottom: 0; bottom: 0; z-index: 9; right: 9rem; } .service-content4-left { width: 55%; padding: 7rem 9rem 7rem 16rem; margin-top: -2.5rem; box-sizing: border-box; } .page-template-service-support-compliance .service-content4-left { margin-top: 4.5rem; } .service-content4-left h2, .service-content4-left p { color: #fff !important; } .page-template-service-support-compliance .service-content4-left h2, .page-template-service-support-compliance .service-content4-left p { color: #333 !important; } .service-content4-left-gallery .frame, .service-content10-left-img .frame { background: #fff !important; } .service-page-cont4 { position: relative; padding-bottom: 10rem; } .page-parallaxbackground-sm { height: 620px; } .page-parallaxbackground-md { height: 700px; } .page-parallaxbackground-lg { height: 800px; } .page-parallaxbackground { padding: 6.5rem 0; } #bg1.page-parallaxbackground, #bg3.page-parallaxbackground { padding-bottom: 31.5rem; } #section10.page-parallaxbackground { padding: 13.5rem 0 0 0; } .page-parallaxbackground2 { width: 100%; padding: 4rem 0; } .page-template-service-airconditioning-ventilation .page-parallaxbackground2 { padding: 13.5rem 0 0 0; } .we-are-social_bg { padding: 4.5rem 0; } .service-page-content2 .service-page-content-inner { margin-top: 4.5rem; } .page-template-service-commercial-kitchens .page-parallaxbackground-lg { background: #FF0000; } .page-template-service-airconditioning-ventilation .page-parallaxbackground-lg { background: #7CB01D; } .page-template-service-support-compliance .page-parallaxbackground-lg { background: #FEDC00; } .page-template-service-refrigeration-cooling .page-parallaxbackground-lg { background: #03a0d9; } .service-page-content { float: right; width: 50%; } .page-template-service-commercial-kitchens .page-parallaxbackground2, .page-template-service-commercial-kitchens .service_bg { background: #FF0000; } .page-template-service-airconditioning-ventilation .page-parallaxbackground2 { background: #7CB01D; } .page-template-service-refrigeration-cooling .page-parallaxbackground, .page-template-service-refrigeration-cooling .page-parallaxbackground2, .page-template-service-refrigeration-cooling .service_bg { background: #03A0D9; } .page-template-service-support-compliance .page-parallaxbackground, .page-template-service-support-compliance .page-parallaxbackground2, .page-template-service-support-compliance .service_bg { background: #FEDC00; } .page-template-service-refrigeration-cooling .service-page-cont4 { margin-bottom: 4rem; } .page-parallaxbackground, .page-parallaxbackground2 { box-sizing: border-box; } .page-template-home-page .page-parallaxbackground { box-shadow: inset 0 24px 20px -17px rgba(0,0,0,0.2), inset 0px -12px 29px -12px rgba(0,0,0,0.4); } .page-parallax-bs { box-shadow: inset 0 24px 50px -17px rgba(0,0,0,0.3), inset 0px -12px 209px -42px rgba(0,0,0,0.9); } .content-overlay .container, .container.content-scroll { height: 100%; position: relative; } .image-slider .slick-list { box-shadow: 2px 2px 12px 1px rgba(0,0,0,0.3); } .redbg .arrow-right.long:hover, .redbg .arrow-right.long:hover span { color: #DB001B; } .redbg h3 { color: #fff; } .service-page-content2 .service-page-content-inner { padding: 4.5rem; } #service-page-content5 { margin-top: -12rem; } .service-page-cont5 { z-index: 1; width: 75%; padding-right: 8.5rem; } #scrollcontent1.box-content { padding-right: 9.5rem; } .content5_wrap { padding: 0 6rem; } .service-content5-right-img { width: calc(25% + 2rem); z-index: 9; position: absolute; right: 6rem; bottom: -4.5rem; z-index: 2; } .service-content5-right-img img { width: 100%; height: auto; } .service-content6-right-img, .sectors_ch_s3-right-img { padding-bottom: 0%; float: right; min-height: 150px; } .service_content6_c7 { float: right; width: 60%; position: relative; z-index: 99; } .page-template-service-commercial-kitchens .service-content6-right-img, .page-template-service-refrigeration-cooling .service-content6-right-img { width: 60%; margin-top: 2.5rem; } .page-template-service-support-compliance .service-content6-right-img, .sectors_ch_s3-right-img { margin-top: 2.5rem; width: calc(60% - 2.5rem); } .page-template-home-page #clients-logos, .page-template-service-commercial-kitchens section.clients, .page-template-service-support-compliance section.clients { margin: 0 0 4rem 0; overflow: hidden; } .page-template-service-airconditioning-ventilation .service-content6-right-img { width: 50%; margin-top: 0; } .service-page-cont6-content .service-page-content-inner { padding: 0 4.5rem 16rem 4.5rem; } .service-content6-left-img { position: relative; margin-top: -13.5rem; z-index: 998; } .page-template-service-commercial-kitchens .service-content6-left-img, .page-template-service-support-compliance .service-content6-left-img { width: calc(40% + 6.5rem); float: left; } .page-template-service-refrigeration-cooling .service-content6-left-img { width: calc(40% + 4.5rem); float: left; } .page-template-service-airconditioning-ventilation .service-content6-left-img { width: calc(40% + 2.5rem); float: left;} .service_content6_c7 { margin-top: -9rem; } .service_content6_c7 .box-content { padding-left: 6.5rem; } .service-page-cont6 { margin: 6rem 0; } .service-page-cont6-content { width: 40%; float: left; } .page-template-page-new-commercial-kitchens .proud-of-build { margin-bottom: 4rem; } .refrigeration h3 { color: #003882; } .spolygon { background: url(assets/images/svg/polygon-red.svg); background-attachment: fixed; background-size: 100% 100%; width: 100%; height: 100%; } .service-page-content2 .service-image-slider { box-shadow: -4px 4px 14px 1px rgba(0,0,0,0.3); } .content-box-shadow { box-shadow: 0px 2px 22px 1px rgba(0,0,0,0.5); } .content-box-shadow2 { box-shadow: 0px 2px 22px 1px rgba(0,0,0,0.1); } .content-box-shadow3 { box-shadow: 0px 2px 38px 1px rgba(0,0,0,0.07); } .content-box-shadow-frame { box-shadow: 0px 2px 12px 1px rgba(0,0,0,0.1); } .floating-content-box-shadow { box-shadow: 0 4px 22px 1px rgba(0,0,0,0.3); } .image-container img { box-shadow: 0 4px 22px 1px rgba(0,0,0,0.3); display: block; } #service-page-content6 { margin: 4.5rem 0 2rem 0; } .page-template-service-airconditioning-ventilation #service-page-content6 { margin: 4.5rem 0 4.5rem 0; } .page-template-service-support-compliance #service-page-content6 { margin: 4.5rem 0; } .page-template-page-new-commercial-kitchens .proud-of-build-wrapper { margin-top: 4rem; padding-bottom: 6rem; } .service_section9 { margin: 6rem 0 4rem 0; position: relative; z-index: 99; } .page-template-service-refrigeration-cooling #scrollcontent1.box-content { padding-right: 4.5rem; } .page-template-service-refrigeration-cooling .service-page-cont5 { width: 65%; } .page-template-service-refrigeration-cooling #s_section5.page-parallaxbackground2, .page-template-service-refrigeration-cooling #s_section8.page-parallaxbackground2 { padding: 13rem 0 0 0; } .page-template-service-refrigeration-cooling .service-page-cont5 { width: 65%; } .page-template-christmas-campaign #the_enviroment { padding-bottom: 1.5rem; } .section9_left { width: calc(50% - 1.5rem); float: left; padding: 4.5rem 0 6rem 0; } .section9_right { width: 50%; float: right; margin-right: 0; } .section9_right img { width: 100%; display: block; height: auto; position: relative; z-index: 988; } .section9_left2 { float: left; width: 55%; margin-top: -4.5rem; } .service-page-cont10 { z-index: 1; width: calc(75% - 4.5rem); float: right; padding-right: 8.5rem; } .service-content10-left-img { width: calc(25% + 2.5rem); z-index: 9; float: left; bottom: -9rem; margin-left: 0; z-index: 2; } .section10_wrap { padding: 0 2.5rem; } .section10_2_left { float: left; width: calc(50% - 2.5rem); padding: 4.5rem 0; } .section10_2_right { float: right; width: 50%; margin-right: -2.5rem; } .section32_left { display: inline-block; width: calc(50% - 2.5rem); padding-right: 2.5rem; vertical-align: top; padding-bottom: 4.5rem; } .page-template-service-special-projects .section32_left { vertical-align: middle; } .section32_right_slides { display: inline-block; width: 50%; vertical-align: middle; } .section32_left .box_content_title { color: #003882; } #section10_1 { padding: 4.5rem 0 4.5rem 0; } .job_examples { position: relative; padding-bottom: 1.5rem; } .directions { width: 100%; } .scrollleft, .scrollright { padding: 1rem; cursor: pointer; position: absolute; bottom: 0; font-family: 'slick'; } .scrollleft { left: 2rem; } .scrollleft:after { content: ''; } .scrollright { right: 2rem; } .scrollright:after { content: ''; } .scrollleft:after, .scrollright:after { font-size: 1.6rem; color: #003882; } /*BIN*/ .slick-slide img.service-icon { position:absolute; left: -18%; top: 13%; width: 160px; height: auto; } /* end Service/Child Page */ /* Case Study Reel */ #new-case-studies-section { position: relative; z-index: 998; width: 100%; overflow-x: hidden; } .pin-container:after { position: absolute; content: ''; top: 0; z-index: -1; right: 0; width: 70%; height: 100%; } #new_slideContainer { width: 100%; height: 100%; position: absolute; /* to contain 4 panels, each with 100% of window width */} .new_cs { position: absolute; top: calc(200px + 4rem); bottom: 11rem; } .new_cs-video-container { height: 100%; position: relative; box-shadow: 0 25px 50px 9px rgba(0,0,0,0.4); float: left; } .new_cs-video-container { margin: 0 1.5rem; } #cs1 { margin-left: 4rem; } #s_cs_pinContainer { padding: 0; margin: 0; width: 100%; -webkit-perspective: 1000; perspective: 1000; position: relative; z-index: 99; padding-bottom: 70px;} #s_cs_pinContainer .container { position: relative; } /* Case Study Reel Overlay colours */ .page-template-home-page .pin-container-bgcolor:after, .page-template-working-for-us .pin-container-bgcolor:after, .page-template-service-total-fit-out .pin-container-bgcolor:after{ background: #03A0D9; } .page-template-page-new-commercial-kitchens .pin-container-bgcolor:after { background: #db001b; } .page-template-service-commercial-kitchens .pin-container-bgcolor:after, .page-template-partnerships-and-awards .pin-container:after { background: #DB001B; } .page-template-service-airconditioning-ventilation .pin-container-bgcolor::after { background: #7cb01d; } .page-template-service-support-compliance .pin-container-bgcolor::after { background: #FEDC00; } .page-template-service-refrigeration-cooling .pin-container-bgcolor::after, .page-template-service-special-projects .pin-container::after, .page-id-2190 .pin-container::after, .page-template-sectors-care-homes .pin-container::after { background: #03a0d9; } .page-template-service-commercial-kitchens #cs-navigation .arrow-right.long:hover span { color: #DB001B !important; } .page-template-service-airconditioning-ventilation #cs-navigation .arrow-right.long:hover span { color: #7CB01D !important; } .page-template-service-refrigeration-cooling #cs-navigation .arrow-right.long:hover span, .page-template-service-refrigeration-cooling #cs-navigation .white-btn:hover { color: #03A0D9 !important; } .page-template-service-refrigeration-cooling #cs-navigation .scroll-navigation-btns:hover { color: #03A0D9; } #s_cs_pinContainer .stripes { position: absolute; z-index: 9; content: ''; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; } /* End New Case Study section */ /* Other Services Section */ #other-services-wrap { position: relative; z-index: 99; width: 100vw; margin-top: -6rem; } #new-other-services-section { padding-top: 6rem; position: relative; z-index: 99; width: 100vw; } #new_os_slideContainer { width: 300%; height: 100%; position: absolute; } .os1, .os2, .os3, .os4 { width: 100%; position: absolute; top: 0; bottom: 0; } .os1 { left: -33.333%; transform: translateX(); } .os2 { left: -66.666%; transform: translateX(); } .os3 { left: -100%; transform: translateX(); } .new_os_container { height: 100%; } .section-title.section-os { margin-bottom: 0; left: 0; right: 0; z-index: 999; position: absolute; height: 176px; } .service-box-container { background: #fff; position: absolute; top: calc(176px + 6rem); bottom: 4rem; margin: 0 auto; box-sizing: border-box; left: 0; right: 0; filter: drop-shadow( 1px 12px 14px rgba(0,0,0,0.2) ); min-height: 300px; } .other-page-cont { position: relative; padding: 6rem 6rem 0 6rem; } .service-box-container .service-icon { position: absolute; top: 4rem; left: -10rem; width: 12rem; height: auto; } .other-page-cont h3 { color: #003882; font-size: 1.8rem; margin-bottom: 1.5rem; font-weight: normal; } .other-page-cont p { font-size: 15px; margin-bottom: 20px; } .other-page-cont p strong { display: block; } .page-template-page-services-landing #new_os_slideContainer { width: 400% !important; } .oss1, .oss2, .oss3, .oss4 { width: 25%; position: absolute; top: 0; bottom: 0; } .oss1 { left: -50%; transform: translateX(); } .oss2 { left: -75%; transform: translateX(); } .oss3 { left: -100%; transform: translateX(); } .service_pin_title { color: #003882; font-size: 1.8rem; margin-bottom: 1.5rem; font-weight: normal; } /* End Other Services Section */ /* Archive */ .articles, .video_list { z-index: 997; } .video_archive_list { padding-top: 1.5rem; } .archive_list { width: calc(100% + 4rem ); margin-top: 4rem; margin-left: -2rem; margin-right: -2rem; margin-bottom: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; z-index: 996; } .article_colx2 { width: calc(50% - 4rem); float: left; display: block; flex-wrap: 1; margin: 0 2rem 2rem 2rem; box-sizing: border-box; background: #fff; } .archive_post_image { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; } /* .article_colx2:nth-child(3n) .archive_post_image { position: relative; padding-bottom: 25%; overflow: hidden; width: 50%; } */ .archive_post_image img { position: absolute; width: 100%; height: 100%; object-fit: cover; } .archive_brand_img { height: 65px; width: auto; } .entry-content .post-title { margin: 1.2rem 0; color: #003882; } /* .article_colx2:nth-child(3n) { width: 100%; display: flex; } .article_colx2:nth-child(3n) .archive_vid { width: 50%; justify-content: flex-start; display: inline-block; } .article_colx2:nth-child(3n) .cs_embed-container { height: 100%; width: 100%; padding-bottom: initial; } */ /* .article_colx2:nth-child(3n) .entry-content { box-sizing: border-box; vertical-align: top; justify-content: flex-end; display: inline-block; width: 50%; } */ .article_colx2 .arrow-right { margin: 1.5rem 0 0 0; } .project_cat_icons { position: absolute; top: 4rem; right: 4rem; } .project_cat_icons li { display: inline-block; } .project_cat_icons li:not(:last-child) { margin: 0 0.1rem; } .archive_category_link { width: 20px; height: 20px; display: block; } .vid_icon { width: 27px; height: 20px; background: url(assets/images/icons/vid-icon.png); background-size: 100% 100%; } .round { border-radius: 50%; } .no_posts_found { padding: 4.5rem; padding-bottom: 2.5rem; margin-bottom: 0; font-size: 1.1rem; font-weight: 600; color: #DB001B; } .cs_parallax { float: right; margin-top: -12rem; width: 75%; position: relative; } .case_study-template-single-case_study_template1 .cs_parallax { margin-top: 0; } .cs_t1_parallax_img1 { width: 60%; position: relative; z-index: 9; } .case_study-template-single-case_study_template1 #content-parallax .frame_left { box-shadow: 0 4px 22px 1px rgba(0,0,0,0.3); } .cs_t1_parallax_img2 { width: 45%; z-index: 99; position: absolute; top: -35%; right: 4rem; } .cs_t1_end { width: 100%; margin-top: -4rem; position: relative; z-index: 999; } .case_study-template-single-case_study_template1 .cs_t1_end { width: calc(100% - 5rem); margin-top: -4rem; margin: -4.5rem 2.5rem 0 2.5rem; } #nav-below { margin-top: 4.5rem; margin-bottom: 5rem; } .case_study-template #nav-below { margin-top: 6rem; margin-bottom: 4rem; } .pagination a, .pagination a span { font-size: 1.2rem; font-weight: 600; color: #c5c5c5; font-family: 'Patua One', Tahoma; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .pagination a:hover, .pagination a:hover span { color: #DB001B; } .page-numbers.current { font-size: 1.2rem; font-weight: 600; color: #DB001B; font-family: 'Patua One', Tahoma; } .articles li { display: block; } .articles .entry-content { position: relative; margin: 4rem; padding: 0; } .articles li:nth-child(2n+1) .blog_archive_entry_box-content { left: 0; right: initial; } .articles li:first-child .blog_archive_post_image { width: 100%; height: auto; display: block; position: relative; } .articles li:first-child .blog_archive_entry_box-content { position: relative; margin: -7rem 6rem 0 6rem; box-sizing: border-box; } .articles li .entry-title, .articles li .entry-title a { margin: 0 0 0 0; padding: 0 0 0 0; } .articles li .entry-title a { font-size: 2.2rem; } .articles .entry-meta { margin: 1rem 0; } .articles .arrow-right { margin-bottom: 0; } .articles li:not(:first-child) .blog_archive_entry_box-content { background: #fff; } .articles li { width: 100%; display: inline-block; } .articles li:not(:first-child) .blog_archive_entry_box-content { width: calc(50% - 1.5rem); position: relative; } .articles li:nth-child(2n) .blog_archive_entry_box-content { position: relative; margin-left: calc(50% + 3rem); } .articles li .blog_archive_post_image { position: absolute; top: -3rem; height: calc(100% + 5rem); width: calc(50% + 8rem); } .articles li:not(:first-child) .blog_archive_post_image { right: -1.5rem; } .articles li:nth-child(2n) .blog_archive_post_image { position: absolute; left: 0; right: unset; } .articles li:first-child .entry-content { margin: 2.5rem 4.5rem 2.5rem 4.5rem; } .articles li:first-child .blog_archive_post_image { top: 0; } #nav-below a, .meta-nav { font-size: 1.6rem; color: #003882; font-weight: bold; font-family: 'Patua One', Tahoma; } .blog_archive_frame_container { position: relative; width: 100%; height: 100%; } .blog_archive_entry_box-content_frame { width: calc(100% - 3.5rem); height: 100%; position: absolute; z-index: -1; right: -2rem; top: -2rem; } .articles li:nth-child(2n+1) .blog_archive_entry_box-content_frame { left: -2rem; right: initial; top: -2rem; width :100%; height: 100%; } .articles li:first-child .frame, .post-template-default .frame { right: -2rem; left: -2rem; top: -2rem; width: calc(100% + 4rem); height: 100%; background: #DB001B; } .articles li:first-child .blog_archive_post_image { width: 100%; padding-top: 50%; height: auto; display: block; } .articles li:nth-child(4n-7) .frame { background: #DB001B; } .articles li:nth-child(4n+2) .frame { background: #7db01d; } .articles li:nth-child(4n+3) .frame { background: #fedc00; } .articles li:nth-child(4n+4) .frame { background: #03a0d9; } .blog_archive_entry_box-content_frame_left { width: 100%; height: 100%; position: absolute; z-index: -2; left: -6.5rem; top: -2rem; } /* Blog Single */ .single article { position: relative; z-index: 997; } #singlepostCarousel { width: 100%; } .singlepostCarousel_slide { width: 100%; height: auto; } .singlepostCarousel_slide_bg_image { width: 100%; padding-bottom: 56.25%; } #singlepostCarousel .slick-prev, #singlepostCarousel .slick-next { border: 3px solid #fff; color: #fff; width: 50px; height: 50px; border-radius: 50%; font-size: 0; cursor: pointer; background: transparent; } #singlepostCarousel .slick-prev:before, #singlepostCarousel .slick-next:before { font-family: 'Material Icons'; font-size: 2.4rem !important; color: #003882 !important; } #singlepostCarousel .slick-prev:before, #singlepostCarousel .slick-next:before { width: 55px; height: 55px; display: inline; position: relative; font-family: 'Material Icons'; font-size: 1.5rem; cursor: pointer; background: transparent; } #singlepostCarousel .slick-prev { left: -3.5rem; width: auto; height: auto; } #singlepostCarousel .slick-next { right: -3.5rem; } #singlepostCarousel .slick-next:before { content: 'arrow_right_alt'; } .type-case_study .slick-next, .type-case_study .slick-prev { display: block; border: 4px solid red; width: 55px !important; height: 55px !important; display: table-cell; } .type-case_study .slick-next:before, .type-case_study .slick-prev:before { width: 55px !important; height: 55px !important; display: table-cell; font-family: 'Material Icons' !important; font-size: 1.5rem; background: transparent; background: yellow; vertical-align: middle; line-height: 0; position: absolute; top: 50%; height: 0; content: 'arrow_right_alt' !important; display: table-cell !important; color: #fff !important; } .type-case_study .slick-next { right: -65px !important; } .type-case_study .slick-prev { left: -65px !important; } .type-case_study #singlepostCarousel .slick-next { border: 3px solid #003882; } .type-case_study #singlepostCarousel .slick-next:before { color: #003882; position: initial; width: 60px !important;height: auto !important; } .prev-next-slide { box-shadow: 0px 2px 32px 1px rgba(0,0,0,0.1); } .type-case_study #singlepostCarousel .slick-prev { border: 3px solid #003882; } .type-case_study #singlepostCarousel .slick-prev:before { color: #003882 !important; position: initial; width: 60px !important;height: auto !important; } .preloader5 { margin: 0 auto; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #singlepostCarousel .slick-next:hover::before, #singlepostCarousel .slick-prev:hover::before { color: #fff !important; } .loading_wrapper { display: flex; justify-content: center; align-items: center; } .ball { width: 18px; height: 18px; border-radius: 11px; margin: 0 6px; animation: 1.8s bounce ease infinite; } .red_ball { background-color: #DB001B; } .green_ball { background-color: #7DB01D; animation-delay: .25s; } .yellow_ball { background-color: #EBD800; animation-delay: .5s; } .blue_ball { background-color: #03A0D9; animation-delay: .75s; } @keyframes bounce { 50% { transform: translateY(25px); } } #response { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #response li { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .filters_btn { display: none; } .b_t3_top_content_left { width: 50%; z-index: 98; } #t3_singlepostCarousel { filter: drop-shadow( 5px 5px 11px rgba(0,0,0,0.10) ); } .b_t3_top_content_right { margin-top: 4.5rem; width: 50%; z-index: 1; } .blog_archive_entry_box-content_after { position: absolute; width: calc(100% + 4.5rem); height: 100%; background: #fff; position: absolute; top: 0; right: 0; z-index: -1; } .b_t3_top_video { margin-bottom: 2.5rem } .c2_image_slide { width: 100%; } .c2_image_slide .singlepostCarousel_slide_bg_image { padding-bottom: 100%; } #t3_singlepostCarousel { margin-bottom: 1.5rem; }.post-template-single-template3 .singlepostCarousel_slide_bg_image { width: 100%; padding-bottom: 75%; } .single_entry_box a { color: #003882; } /* cover up polygons */ #working_for_us_content1, #working_for_us_content3, #page_header_2, #accreditations_partnerships_awards_section1, #accreditations_partnerships_awards_section2, #accreditations_partnerships_awards_section6 { position: relative; z-index: 99; } #accreditations_partnerships_awards_section4, #response, #job_vacancy_single_intro { position: relative; z-index: 90; } /* Page */ .no_featured_img { width: 100%; padding-bottom: 50%; position: relative; z-index: 9; } .no_featured_img_2 { width: 75%; padding-bottom: 50%; } .page_featured_image { width: 100%; height: auto; display: block; } .page_featured_image_2 { width: calc(100% - 9rem); height: auto; display: block; } .boxmargin_top { margin-top: -4.5rem; } .page_intro_box { width: 52%; margin-left: 4.5rem; } .page_intro_box2 { width: 600px; } .page_intro_box2 p, .page_end_box2 p { font-size: 1.6rem; font-family: 'Patua One', Tahoma; } .page_end_box2 p { color: #003882; } .giving_back_page.box-content { padding-right: 7rem; } .page_intro_box_right { margin-top: 6rem; width: calc(48% - 4.5rem); } .page_intro_box_right img { margin-left: -2.5rem; } .frame_left { width: 100%; height: 100%; position: absolute; z-index: -2; left: -1.5rem; top: -1.5rem; right: initial; } .frame_right { width: 100%; height: 100%; position: absolute; z-index: -2; right: -1.5rem; top: -1.5rem; left: initial; } .giving_back_page .frame_left { left: -4rem; } #the_enviroment_p1.page-parallaxbackground { position: relative; z-index: 97; padding: 4.5rem 0 0 0; } .enviroment_title { position: relative; z-index: 997; } .logobox_left { width: 380px; position: absolute; top: 50%; transform: translateY(-50%); left: 4.5rem; } .logobox_left .image_container { position: relative; z-index: 99; background: #fff; box-sizing: border-box; } .page-template-giving-back .logobox_left .image_container { padding: 2.5rem; } .page_box_right2 { width: calc(100% - 380px); } .page_box_right2.box-content { padding-left: 9rem; } .section_space { padding-top: 4.5rem; } #giving_back_content2.section_space { padding-top: 0; margin-top: 4.5rem; } .gb_s1 { z-index: 99; } .gb_scrollcontent1 { width: 740px; z-index: 9997; margin-left: 4.5rem; position: relative; bottom: -4.5rem; } .box_content_logo { width: 200px; } .gb_image2 { width: 55%; } .gb_content2 { position: absolute; width: calc(45% + 4.5rem); bottom: 2.5rem; right: 0; } .gb_ev_logo { display: inline-block; height: 75px; width: auto; padding: 0 5px 10px 0; } #the_enviroment_p2 { margin-top: 6rem; margin-bottom: 2.5rem; z-index: 91; background: #F3F3F3; } .logobox_mob { display: none; } .page-template-giving-back #contactus, .post-type-archive #contactus { margin-top: 4rem; } /*Sectors*/ .sectors-clients { background: #fff; padding: 2.5rem 6rem; display: block; box-sizing: border-box; box-shadow: 0px 22px 22px 1px rgba(0,0,0,0.2); } .sectors-clients .sector-client { width: calc(100% / 4); display: inline-block; vertical-align: middle; text-align: center; } .sectors-clients img { width: 100%; height: auto; } #sector-pins { width: 346%; position: relative; margin: 0 4rem; display: flex; flex-wrap: wrap; max-height: 100%; max-height: calc((95% - 311px) - 7.5rem); } #pin_1, #pin_2, #pin_3, #pin_4, #pin_5, #pin_6, #pin_7 { width: calc(100% / 7); position: relative; box-sizing: border-box; display: flex; } .sector_pin_container { margin: 0 4rem; box-sizing: border-box; filter: drop-shadow( 1px 8px 9px rgba(0,0,0,0.5) ); display: flex; height: 100%; width: 100%; } .sector-box-cont { position: relative; padding: 0; box-sizing: border-box; display: table; width: 100%; height: 100%; } .sector_service_icon { vertical-align: middle; text-align: center; } .sector_service_icon .sector-icon { width: 65%; height: auto; } .sector_service_icon { width: 25%; background-image: repeating-linear-gradient(135deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) 6px, rgba(0, 0, 0, 0.3) 1px, rgba(0, 0, 0, 0.3) 12px); } .sector_service_content, .sector_service_icon {display: table-cell; box-sizing: border-box; } .sector_service_content { padding: 4rem; } .sector_service_content, .sector_service_content p, .sector_service_content h3 { color: #fff; } #sector-pin-navigation { padding: 2rem 0 0 0; } .sector_pin_container.red .arrow-right.long:hover, .sector_pin_container.red .arrow-right.long:hover span { color: #DB001B; } .sector_pin_container.green .arrow-right.long:hover, .sector_pin_container.green .arrow-right.long:hover span { color: #7cb01d; } .sector_pin_container.yellow .arrow-right.long:hover, .sector_pin_container.yellow .arrow-right.long:hover span { color: #fedc00; } .sector_pin_container.light-blue .arrow-right.long:hover, .sector_pin_container.light-blue .arrow-right.long:hover span { color: #03a0d9; } .sector-featured-img { margin-top: 0; display: block; position: relative; width: calc(100% + 8rem); background: black; padding-bottom: 45%; margin-bottom: -9rem; } .sector-content { min-height: 300px; padding-bottom: 2rem; } .clients-additional-txt { display: block; text-align: center; font-family: 'Patua One', Tahoma; font-size: 1.6rem; color: #003882; margin-bottom: 2rem; } /*Meet The Team */ #meet_the_team_intro { margin-top: 4rem; position: relative; z-index: 9; } .meet_the_team_intro_text { width: 100%; text-align: center; } .meet_the_team_intro { padding: 8rem 6.5rem 4.5rem; position: relative; box-sizing: border-box; background: #003882; } .meet_the_team_title { position: absolute; display: inline-block; top: 0; left: 0; width: 100%; text-align: center; background: #003882; } .meet_text { font-size: 2.7rem; background: #fff; padding: 2rem 3rem; color: #DB001B; filter: drop-shadow( 1px 8px 18px rgba(0,0,0,0.2) ); } .meet_the_team_intro_text p { color: #fff; font-size: 2rem; font-weight: 600; } .meet_team_top { position: absolute; left: 0; top: -290px; border-bottom: 240px solid #fff; width: 100%; height: 140px; z-index: 9; background: rgba(0, 0, 0, 0) linear-gradient(to right bottom, transparent 50%, #fff 50%) repeat scroll 0 0; filter: drop-shadow( 1px 1px 15px rgba(0,0,0,0.3) ); } .meet_the_team_members { width: 100%; margin-top: 0; } .meet_the_team_members .container { height: 100%; min-height: 150px; } .meet_team_images { background: #fff; margin: 0 4.5rem; min-height: 400px; } .meet_team_overlap { width: 100%; position: absolute; bottom: 0; height: 7rem; background: #fff; z-index: 998; webkit-box-shadow: 0px -11px 10px 0px rgba(0,0,0,0.07); -moz-box-shadow: 0px -11px 10px 0px rgba(0,0,0,0.07); box-shadow: 0px -11px 10px 0px rgba(0,0,0,0.07); } .team_members { width: 100%; display: table; width: calc(100% + 8rem); margin-left: -4rem; margin-right: -4rem; position: relative; z-index: 98; } .team_members li { display: table-cell; position: relative; } .team_members li .staff_tooltip { position: absolute; z-index: 98; height: 20px; top: -20px; margin: 0 auto; left: 0; right: 0; text-align: center; filter: drop-shadow( 1px 5px 8px rgba(0,0,0,0.4) ); opacity: 0; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .staff_tooltip_inner { width: 100%; height: 100%; position: relative; } .staff_tooltip_inner_info { width: 110%; margin-left: -5%; position: absolute; bottom: 20px; display: inline-block; margin: 0 auto; box-sizing: border-box; left: 0; right: 0; } .staff_info:after { left: 0; margin: 0 auto; right: 0; content: ''; position: absolute; bottom: -20px; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #fff; clear: both; } .meet_team_image { width: 100%; } .highlight_team_member { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .team_members li:hover .highlight_team_member, .team_members li:hover .staff_tooltip { opacity: 1; } .team_members li img { position: relative; z-index: 9; } .meet_the_team_intro_text p, .team_members li .staff_tooltip span, .meet_text, .staff_text { font-family: 'Patua One', Tahoma; } .staff_info { display: inline-block; background: #fff; padding: 1rem 1rem; color: #DB001B; } .staff_info .blue { color: #003882; } .staff_info .red { color: #DB001B; } .team_bg { position: absolute; top: 0; width: 100%; height: 100%; background: #003882; z-index: -1; } .team_members_s2 li.team_more { width: 9%; } #meet_the_team_below .box-content { padding: 0; } .meet_the_team_below_wrap { background: #fff; box-shadow: 0px 21px 20px 0px rgba(0,0,0,0.04); padding: 0 0 4.5rem 0; position: relative; z-index: 99; } .meet_the_team_below_wrap .container { margin: 0 4.5rem; text-align: center; } #team_row1 li p { line-height: initial; } .staff_text .red { font-size: 1.1rem; } #all img { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; } #all:hover img { opacity: 0.2; } #all:hover ul:hover img { opacity: 0.9; } #all:hover ul:hover img:hover { opacity: 1; } .team_members_s2 li { width: 13%; justify-content: space-between; display: inline-block; text-align: center; position: relative; vertical-align: middle; margin: 1.2rem; } .more_details { width: 100%; padding-bottom: 100%; background: #003882; margin: 0 auto; border-radius: 50%; position: relative; } .team_members_s2 li:nth-child(4) { clear: left; } .team_members_s2 { margin: 0; font-size: 0; display: block; padding-bottom: 2.5rem; } .team_members_s2_info { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .staff_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: 0; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .team_members_s2_info .staff_text { opacity: 0; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; padding: 0.5rem; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .team_members_s2_info:hover .staff_overlay, .team_members_s2_info:hover .staff_text { opacity: 0.9; } .more_staff { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; } .more_staff p, .more_staff span { color: #fff; margin-bottom: 0; line-height: initial; } .team_members_s2 img { width: 100%; height: auto; border-radius: 50%; display: block; margin: 0 auto; } .team_members_s2 li:first-child img { background: #DB001B; } .team_members_s2 li img { background: #003882; } #team_row1 li img { -webkit-transition: text-shadow 1s; transition: text-shadow 1s; -webkit-transition: all 200ms; -moz-transition: all 200ms; -o-transition: all 200ms; -ms-transition: all 200ms; transition: all 200ms; } .staff_text, .staff_text span { font-size: 1rem; } #meet_the_team_below .staff_text, #meet_the_team_below .staff_text span { display: block; } .more_details strong { font-size: 1.6rem; } .more_details .staff_text { padding: 1rem; } /* Working for Us */ .side_gallery_container { position: absolute; top: -13.5rem; width: 100%; text-align: center; text-align: center; background: peach; } .page-template-working-for-us .page_intro_box_right img { margin: 0 auto; margin-left: auto !important; margin-bottom: 1rem; } .side_gallery_img { width: 50%; margin-bottom: 1rem; display: block; } .page-template-working-for-us .side_gallery_container { top: -9rem; } .page-template-working-for-us .page_intro_box_right .side_gallery_img { width: 42%; } .page-template-working-for-us .page_intro_box_right { margin-top: 0; width: calc((100% - 700px) - 4.5rem); } .page-template-working-for-us .page_intro_box { width: 700px; } #perks_scroller_title, #partners_scroller_title { position: relative; z-index: 999; padding-top: calc(65px + 2rem); } #perks_scroller, #box_scrolling { position: relative; z-index: 998; display: flex; flex-wrap: wrap; } #perks_scroller { width: calc(50% + 12rem); margin-top: 4.5rem; margin-left: 1.5rem; } #box_scrolling { width: 100%; margin: 0 auto; padding: 0 2.5rem; box-sizing: border-box; } #perks_scroller li, #box_scrolling li { box-shadow: 0px 2px 12px 1px rgba(0,0,0,0.1); } #perks_scroller li { width: calc(50% - 2rem); display: inline-block; text-align: center; } #box_scrolling li { width: calc(50% + 4.5rem); display: block; text-align: left; min-height: 220px; } #perks_scroller li:nth-child(2n+1), #box_scrolling li:nth-child(2n+1) { background: #fff; } #perks_scroller li:nth-child(2n+1) { margin-bottom: 4rem; } #perks_scroller li:nth-child(2n+2) { margin-top: 4rem; margin-left: 4rem; } #box_scrolling li:nth-child(2n+1) { margin-top: 2.5rem; margin-bottom: 2.5rem; margin-left: calc(50% - 4.5rem); } #box_scrolling li:nth-child(2n+2) { margin-top: 2.5rem; margin-bottom: 2.5rem; margin-right: calc(50% - 4.5rem); } #box_scrolling li:first-child { margin-top: 22rem; } .box_scrolling_ico { width: 100px; padding: 2rem 2rem 2rem 0; box-sizing: border-box; } .box_scrolling_txt { width: calc((100% - 100px) - 2.5rem); } .box_scrolling_ico, .box_scrolling_txt { display: inline-block; vertical-align: middle; } .perks_ico { width: 100px; display: block; margin: 0 auto; } #perks_scroller .box h3, #box_scrolling .box h3 { font-size: 1.6rem; margin: 1rem 0; } #box_scrolling .box h3 { margin-top: 0; } .perks_box_content { padding: 2.5rem 2rem; box-sizing: border-box; } #working_for_us_content3_parallax { padding-top: 13.5rem; } #working_for_us_content3 { margin-top: 0; position: relative; z-index: 988; } #working_for_us_content3 .container { height: 100%; } #working_for_us_content3.page-parallaxbackground { padding: 0 0 4.5rem 0; } #working_for_us_content3 .parallax_imagescroll1 { width: 60%; z-index: 99; position: relative; left: 0; top: 0; margin: 0 auto; right: 0; } #working_for_us_content3 .parallax_image_scroll_container { position: relative; } #working_for_us_content3 .parallax_imagescroll2 { width: 35%; z-index: 99; position: absolute; right: 4.5rem; top: 0; } .parallax_img_1 .frame_left { z-index: -2; left: -1.5rem; top: unset; right: initial; bottom: -1.5rem; } .page-template-service-special-projects #perks_scroller { padding-bottom: 4.5rem; } .jobs_wrapper { margin-top: -9rem !important; } .page-template-service-rentals #service_page_img2, .page-template-service-finance #service_page_img2 { margin-bottom: -13.5rem; } #box_scrolling li:last-child { margin-bottom: 0; } #rentals-info { position: relative; z-index: 99; } .rentals-info { width: auto; } .rentals-info-img1 { width: 360px; height: auto; position: absolute; z-index: 99; left: calc(80% - 9rem); } .rentals-info-img2 { margin-top: 4.5rem; margin-left: -4.5rem; width: 80%; } .rentals-info-box { width: calc(50% - 7rem); margin: 0 2.5rem; display: inline-block; vertical-align: top; box-shadow: -2px 3px 88px 1px rgba(0,0,0,0.02); } .box-content .small { font-size: 0.9rem; } .rentals-info-2 { margin-top: -4.5rem; z-index: 98; } .rental-index { position: relative; } #rental_packages { margin-top: 4.5rem; width: 100%; margin-bottom: 2.5rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow-x: hidden; position: relative; z-index: 998; } #packages_container { width: auto; cursor: move; position: relative; flex-wrap: wrap; display: inline-flex; } #packages_container:after { position: absolute; left: 0; top: 0; width: 100%; height: calc(100% - 9rem); content: ''; background: #003882; z-index: -1; } #packages_container figure { display: inline-block; text-align: left; width: 660px; margin: 4.5rem; } .rental_title { font-size: 2rem; font-family: 'Patua One', Tahoma; margin-bottom: 2rem; } .footer_rentals { width: 100%; padding-top: 2.5rem; } .rental_price, .rental_more { width: 50%; display: inline-block; vertical-align: top; } .rental_price { line-height: 1.6rem; } .price { font-size: 2rem; color: #DB001B; font-weight: 600; } .from { font-size: 0.9rem; } /*Lightbox*/ .lightbox-opened { transition: all 0s ease; overflow: auto; } .lightbox-opened { background: rgba(255,255,255,0.9); cursor: pointer; height: 100%; left: 0; overflow-y: scroll; padding: 24px; position: fixed; text-align: left; top: 0; width: 100%; z-index: 9998; } .close_package { display: none; } .no-scroll { position: static; top: 0; left: 0; width: 100%; height: 100%; overflow-y: scroll; } .rental_information-close { position: absolute; display: block; top: 0; right: 0; text-transform: uppercase; cursor: pointer; } .rental_information-close i { font-family: 'Material Icons'; font-size: 1.8rem; color: #a5a5a5; padding: 1.5rem; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; } .rental_information-close:hover i { color: #DB001B; } .lightbox_title, .lightbox_price { display: inline-block; vertical-align: middle; box-sizing: border-box; } .lightbox_title .rental_title { margin-bottom: 0; } .lightbox_title { width: 75%; padding-right: 4.5rem; } .lightbox_price { width: 25%; } .lightbox_title { margin-bottom: 0; } .rental_information { background: #fff; min-width: 500px; max-width: 850px; padding: 4rem; position: relative; top: 50%; transform: translateY(-50%); margin: 0 auto; cursor: default; max-height: 65%; overflow: auto; } .rental_more a { cursor: pointer; } .lightbox-body ul { display: inline-block; vertical-align: top; padding: 0.5rem 1.5rem 1.5rem 0.5rem; } .lightbox-body ul li { list-style-type: none; } .lightbox-body ul li:before { content: '\2022'; font-size: 1.2rem; vertical-align: middle; padding: 0 0.5rem; } .lightbox-body { padding-top: 1.5rem; } #packages_container { padding-left: 4.5rem; padding-right: 4.5rem; } .lightbox-body p:first-of-type { color: #DB001B; font-weight: 600; } #mobile_rental_title { display: none; } .rental-subtitle { display: block; } /*Accreditations Partnerships and Awards*/ .apa_contentbox2 { margin-top: -2rem; padding: 6rem; background: #fff; display: inline-block; } #accreditations_partnerships_awards_section3 { margin-top: 4rem; padding: 5rem 0 16rem; } .partnerships-awards-logobox { width: 1000px; margin-left: 9rem; } .awards_box2, .awards_box1 { width: 380px; } .awards_box1 { position: absolute; right: 9rem; top: 0; background: #fff; box-sizing: border-box; z-index: 99; } .awards_box2 { position: absolute; right: calc(380px + 4.5rem); bottom: 0; background: #fff; box-sizing: border-box; z-index: 98; } .awards_box_img { padding: 4rem 4.5rem; } .awards_box > div { background: #fff; } #accreditations_partnerships_awards_section4 { margin-top: -9rem; } .apa_contentbox3 { width: 65%; margin-top: -2rem; background: black; display: inline-block; } .apa_contentbox3:before { width: calc(100% - 2rem); height: calc(100% + 4rem); background: #003882; position: absolute; top: -2rem; content: ''; z-index: -1; } .partners_container { margin: 2.5rem; z-index: 999; padding: 0 4rem 0 4rem; } .partner_logos_box { width: 65%; display: block; margin: 2rem 0; } .partners_container li:nth-child(2n+1) { float: right; } .partners_container li:nth-child(2n+2) { float: left; } .partners_container li:last-child { margin-bottom: 0; } .page_end_box2 { width: 600px; } /* Job Vacancies */ .jv_archive_list .job_vacancy { width: calc(100% - 9rem); margin-top: 4rem; display: block; position: relative; transition: transform 0.4s; transition-timing-function: ease; transition-timing-function: ease; transition-timing-function: cubic-bezier(0.7,0,0.3,1); } .jv_archive_list li:nth-child(2n+1) { background: #fff; margin-left: 9rem; } .jv_archive_list li:nth-child(2n+2) { background: #fff; margin-left: 1.5rem; } .job_info { display: table; margin-top: 1.5rem; } .job_vacancy_info { width: 100%; } .job_title { font-size: 1.6rem; margin-bottom: 1rem; width: 100%; display: block; } .job_info_left { padding-right: 1rem; width: 35%; display: table-cell; } .job_info_right { padding-left: 1rem; width: 65%; display: table-cell; vertical-align: middle; } .job_vacancy .box-content { padding: 3.5rem 4.5rem; } .jv_archive_list li:nth-child(4n-7) .frame_left { background: #DB001B; } .jv_archive_list li:nth-child(4n+2) .frame_left { background: #7db01d; } .jv_archive_list li:nth-child(4n+3) .frame_left { background: #fedc00; } .jv_archive_list li:nth-child(4n+4) .frame_left { background: #03a0d9; } .job_info_right .arrow-right.long { margin-top: 2rem; margin-bottom: 0; } .new_post { position: absolute; top: 0; right: 4.5rem; padding: 1rem 2rem; color: #fff; font-weight: bold; } /*Job Vacancy single*/ .jv_intro .post-title { font-size: 1.6rem; } .jv_intro { max-width: 100%; display: inline-block; } .job_summary > li { display: inline-block; } .job_summary li span { font-weight: 600; } .job_summary li:not(:last-child):after { content: "|"; margin: 0 1rem; color: #fff; } .job_content { position: relative; } .job_content_left { position: relative; margin-top: -2.5rem; width: 69%; padding: 7rem 7rem 9.5rem 4.5rem; box-sizing: border-box; } .job_content_left:after { position: absolute; top: 0; left: -16rem; right: 0; bottom: 0; background: #fff; content: ''; z-index: 1; box-shadow: 0px 13px 88px 1px rgba(0,0,0,0.18); } .desc_wrapper { position: relative; z-index: 9; } .job_content_right { position: absolute; width: calc(31% + 2.5rem); right: 0; height: 100%; top: 100px; z-index: 9; } .job_actions_wrapper { width: 100%; height: 100%; } .job_actions { background: #DB001B; padding: 4.5rem; position: sticky; top: 65px; margin-bottom: calc(100px + 4.5rem); } .job_actions .arrow-right { margin: 0.5rem 0; width: 100%; box-sizing: border-box; } .job_actions .arrow-right:hover, .job_actions .arrow-right:hover span { color: #DB001B; } .job_description h1, .job_description h2, .job_description h3, .job_description h4, .job_description h5, .job_description h6 { margin-top: 1.5rem; font-weight: 600; font-family: 'Patua One', Tahoma; } .job_description h1 { font-size: 1.4rem; } .job_description h2, .job_description h3 { font-size: 1.2rem; } .job_description h4, .job_description h5 { font-size: 1rem; } .job_description p { margin: 1rem 0; } .job_description ul { padding: 1rem; } .job_description li { margin: 0.5rem 0; } .upload_your_cv > span { display: inline-block; } .prev_job_post { background: #fff; margin-left: 1.5rem; margin-top: 1.5rem; } .prev_job_post a { padding: 0 0 0.5rem 0 !important; } .prev-next-slide .frame_left { width: calc(100% - 1.5rem); left: 0; } .prev-next-slide .frame_right { width: calc(100% - 1.5rem); right: 0; } .hideonmob { width: 0 !important; } .formrow_hidden { width: auto !important; padding-left: 0 !important; } .acme_previous_post_slider, .acme_next_post_slider { filter: drop-shadow( 1px 6px 6px rgba(0,0,0,0.1) ); } .acme_next_post_slider .prev_job_post { margin-right: 1.5rem; margin-top: 1.5rem; margin-left: 0; } .acme_next_post_slider .prev_job_post h3 a { text-align: left; } .acme_next_post_slider .kf-table span { padding-top: 0.2rem; padding-bottom: 0.2rem; } /* Featured Content Boxes */ #featured_box_margins { margin-top: 0; margin-bottom: 0; } .featured_box_content { width: 1250px; min-height: 400px; margin: 0 auto; z-index: 10; position: relative; border: 24px solid #db001b; box-sizing: border-box; padding: 4.5rem 7.5rem; } .featured_box_wrapper { padding: 4.5rem 0; } .page-template-meet-the-team .featured_box_wrapper { padding:7rem 0; } .triangles-parallax2 { position: absolute; background: #fff; top: 0; left: 0; width: 100%; height: 100%; } .featured_box_inner { width: 100%; position: relative; z-index: 99; } #featured_box_margins h2.large { font-size: 5rem; text-shadow: 0px 0px; line-height: 1; margin-bottom: 2.5rem; } .page-template-service-rentals #featured_box_margins h2.large { font-size: 6rem; } .page-template-service-rentals .featured_box_inner_left { width: 62%; position: relative; z-index: 99; } .page-template-service-finance #featured_box_margins h2.large { font-size: 6rem; } .page-template-service-finance .featured_box_inner_left { width: 62%; position: relative; z-index: 99; } .page-template-page-services-landing #featured_box_margins h2.large, .page-template-service-commercial-kitchens #featured_box_margins h2.large { font-size: 6rem; } .page-template-page-services-landing .featured_box_content { padding: 3.9rem 7.5rem; } #featured_box_margins .arrow-right { margin-top: 2.5rem; margin-bottom: 1rem; } .featured_box_inner_left { width: 70%; } .featured_box_inner_right { width: 26%; position: absolute; top: 0; right: 0; } .vacancies_side_gallery_container { margin-top: 0; width: 100%; text-align: center; text-align: center; } .vacancies_side_gallery_container img { width: 100%; } .vacancies_side_gallery_container img:last-of-type { margin-bottom: 0; } .page-template-working-for-us #featured_box_margins { position: relative; z-index: 99; } .page-template-page-services-landing .featured_box_wrapper { overflow: hidden; position: relative; z-index: 99; padding: 0 0 4.5rem 0; } .featured_box_inner_left2 { width: calc(100% - 500px); float: left; } .page-template-service-commercial-kitchens .featured_box_inner_left2 h2.blue { color: #DB001B !important; } .featured_box_inner_right2 { width: 50%; float:left; position: relative; top: 0; right: 0; height: 100%; } .fcb_col_x2 { width: 50%; float: left;} .fcb_col_x2 img { width: calc(100% - 0.5rem); display: block; height: auto; } .fcb_col_x2 img:first-of-type { margin-bottom: 1rem; } .fcb_x2_1 { left: 0; position: absolute; top: -2rem; } .fcb_x2_1 img { margin-right: 0.5rem; } .fcb_x2_2 { right: 0; position: absolute; bottom: -2rem; } .fcb_x2_2 img { margin-left: 0.5rem; } /* Our videos */ .video_list { width: 100%; } .video_entry { margin: 2.5rem 4rem; position: relative; z-index: 99; display: block; } .archive_video { width: 70%; } .archive_video_logo p { display: inline-block; width: 100%; line-height: 0; } .archive_video_logo .archive_brand_img { width: 70%; height: auto; } .video_entry .cs-video-info { position: relative; bottom: 0; } .video_entry .cs-video-info .case-study-title { text-align: left; } .video_list li:nth-child(1n+2) > .archive_video { float: right; } .video_list li:nth-child(2n+1) > .archive_video { float: left; } .video_list li:nth-child(1n+2) > .archive_video_logo { left: 0; right: initial; width: 30%; position: absolute; transform: translateY(-50%); top: 50%; text-align: center; } .video_list li:nth-child(2n+1) > .archive_video_logo { right: 0; left: initial; width: 30%; position: absolute; transform: translateY(-50%); top: 50%; text-align: center; } .video_link { font-size: 1.4rem; color: #003882; font-family: 'Patua One', Tahoma; } .video_entry .project_cat_icons { text-align: right; display: table-cell; vertical-align: middle; position: initial; top: initial; bottom: initial; } .video_entry .project_cat_icons li { vertical-align: middle; } .mobile_archive_client_logo { display: none; } a.tooltips { position: relative; display: inline; } a.tooltips .tooltip { position: absolute; color: #ffffff; height: 32px; line-height: 32px; text-align: center; visibility: hidden; border-radius: 1px; font-size: 0.8rem; } a.tooltips .tooltip:after { content: ''; position: absolute; top: 100%; left: 50%; margin-left: -8px; width: 0; height: 0; border-top: 8px solid #000000; border-right: 8px solid transparent; border-left: 8px solid transparent; } a:hover.tooltips .tooltip { visibility: visible; opacity: 0.8; bottom: 30px; left: 50%; margin-left: -76px; z-index: 999; } .term_id_13 .tooltip { background: #7CB01D; } .no_overflow { overflow-y: hidden; } /* Single Footer */ #reply-title { font-size: 1.6rem; color: #003882; } #commentform label { display: block; } #commentform input[type="text"], #commentform textarea { border: 1px solid #c6c6c6; width: 100%; background: #fff; } #commentform input[type="text"] { height: 45px; } #commentform textarea { height: 245px; } #commentform #submit { margin-top: 1rem; background: #003882; color: #fff; display: inline-block; padding: 1rem; border: none; border: 0; font-size: 1.2rem; } #other_posts { width: 100%; } .single .footer { position: relative; z-index: 1; } .mob_prev_and_next_posts { display: none; } .acme_previous_post_slider { width: calc(50% - 7rem); float: left; margin-left: 5rem; } .acme_next_post_slider { width: calc(50% - 7rem); float: right; margin-right: 5rem; } .acme_next_post_slider .slick-prev.slick-arrow { width: 50px; height: 50px; } .acme_previous_post_slider .slick-prev:before, .acme_next_post_slider .slick-next:before { font-family: 'slick'; font-size: 2rem !important; color: #003882 !important; } .acme_previous_post_slider .slick-prev:before, .acme_previous_post_slider .slick-prev:after, .acme_next_post_slider .slick-next:before, .acme_next_post_slider .slick-next:after { transition: all 0.3s ease; } .acme_previous_post_slider .slick-prev:before, .acme_next_post_slider .slick-next:before { height: 65px; display: block; } /* Prev */ .acme_previous_post_slider .slick-prev:after { content: 'prev' !important; position: absolute; left: 0; top: 50%; font-size: 1rem; font-weight: 600; color: #003882; text-transform: uppercase; width: 5rem; text-align: center; -webkit-transform: translateY(calc(-50% + 20px)); -ms-transform: translateY(calc(-50% + 20px)); transform: translateY(calc(-50% + 20px)); } .acme_previous_post_slider .slick-prev.slick-arrow { left: -5rem; width: 5rem; height: auto; -webkit-transform: translateY(-60%); -ms-transform: translateY(-60%); transform: translateY(-60%); } .post_slide_thumb { width: 100%; padding-bottom: 50%; } .acme_previous_post_slider h3 a { font-size: 1.4rem; color: #003882; display: block; padding: 1rem 0 0 0; } /* next */ .acme_next_post_slider .slick-next.slick-arrow { right: -5rem; width: 5rem; height: auto; -webkit-transform: translateY(-60%); -ms-transform: translateY(-60%); transform: translateY(-60%); } .acme_next_post_slider h3 a { text-align: right; font-size: 1.4rem; color: #003882; display: block; padding: 1rem 0; } .post_slide_thumb iframe { width: 100%; height: 100%; position: absolute; } .acme_next_post_slider .slick-next:after { content: 'Next' !important; position: absolute; left: 0; top: 50%; font-size: 1rem; font-weight: 600; color: #003882; text-transform: uppercase; width: 5rem; text-align: center; -webkit-transform: translateY(calc(-50% + 20px)); -ms-transform: translateY(calc(-50% + 20px)); transform: translateY(calc(-50% + 20px)); } .slick-prev:hover::before { color: #E41E26 !important; }.slick-prev:hover::after, .slick-next:hover::before { color: #E41E26 !important; }.slick-next:hover::after { color: #E41E26 !important; } /* Contact Page */ .contact_buttons { display: flex; width: 100%; margin: 0; position: relative; z-index: 997; } .contact_buttons li { display: inline-block; padding: 5px 0; width: 25%; } .map-container { position: relative; overflow: hidden; width: auto; height: 760px; } #map { width: 100%; height: 100%; position: relative; z-index: 99; } .map-container:before, .map-container:after, .map:before, .map:after { position: absolute; display: block; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.5); content: ''; z-index: 998; } .map-container:before { top: -5px; left: 0; right: 0; height: 5px; } .map-container:after { left: 0; right: 0; bottom: -5px; height: 5px; } #contact_bxs { margin-top:0; position: relative; z-index: 998; margin-bottom: 4rem; margin: 0 16rem; } #contact_bxs .container { margin: 0 !important; } #contact_bxs ul {margin-top:-8rem; margin-bottom: 4.5rem; } .contact_bx { width: calc(33.3333% - 2rem); display: block; vertical-align: top; text-align: center; } .contact_bx h2 { margin-top: 1rem; font-size: 2rem; font-family: 'Patua One', Tahoma; font-weight: 600; margin-bottom: 1rem; } .contact_bx.bluebg h2, .contact_bx.green-bg h2 { color: #fff; } .contact_bx.white-bg h2 { color: #003882; } .contactlink { padding: 4rem; } .contactlink a:hover { background: #DB001B; } .contact_text { font-size: 1.6rem; color: #fff; } .contact_bx a { display: block; } .contact-icon { width: 100px; height: auto; } .contact_bx.float_left, .contact_bx.float_right { margin-top: 4rem; } /* PINS */ /*Case Study variable*/ #the_service_pin_container, #services_pin_container { overflow-x: hidden; width: 100%;} #service_pin_wrap, #case_study_pins_wrap, #case_study_pins_wrap { position: relative; z-index: 99; width: 100%; } #the_case_stuies_contianer { width: 100%; height: 100%; position: absolute; } #the_cs_pins { height: calc((100% - 246px) - 9rem); position: relative; margin: 0 2rem; } .cs_pin { float: left; position: relative; width:33.3333%; margin-bottom: 30px;} #cs_1 .csbox_container, #cs_2 .csbox_container, #cs_3 .csbox_container, #cs_4 .csbox_container { margin: 0 auto; right: 0; left: 0; width: 83%; bottom: 1.5rem; } .csbox_container { margin: 0 2rem; box-shadow: 0px 2px 22px 1px rgba(0,0,0,0.2); position: relative; } .video_play_btn { position: absolute; top: 0; padding: 2rem; cursor: pointer; background: red; z-index: 9999; } .video_embed_container { position: relative; height: calc(100% - 100px); overflow: hidden; max-width: 100%; width: 100%; } .cs_info { width: 100%; background: #fff; padding: 0 2.5rem; height: 100px; box-sizing: border-box; position: absolute; position: absolute; bottom: 0; min-height: 100px; max-height: 200px; display: table; height: 100px; } .cs_info_inner { width: 100%; height: 100%; display: table; margin: 0; } #cs_count1_1.cs_pin { float: none; margin: 0 auto; } #service_pins .section-title { margin-bottom: 0; left: 0; right: 0; z-index: 999; position: absolute; height: 176px; } #service_pin_container { padding: 0; margin: 0; width: 100%; height: 100vh; -webkit-perspective: 1000; perspective: 1000; position: relative; z-index: 99; } /*experimental*/ .video_embed_container { position: relative; height: unset; overflow: hidden; max-width: 100%; width: 100%; padding-bottom: 56%; } .cs_video { width: 100%; height: 100%; position: absolute; } .cs_info { position: relative; } .s1, .s2, .s3, .s4 {height: 300px; width: 25%; display:inline-block; } .scrollmagic-pin-spacer, .desktop_cs_pins { display: block; } /* Service Pins */ #the_service_pin_container, #services_pin_container { padding: 0; margin: 0; width: 100%; -webkit-perspective: 1000; perspective: 1000; position: relative; z-index: 99; overflow: hidden; } #the_service_pin_container .section-title, #services_pin_container .section-title { padding-top:70px; margin-top: 0; margin-bottom: 0; left: 0; right: 0; z-index: 999; height: 200px; } .page-template-page-services-landing #the_service_pin_container .section-title { padding-top: calc(65px + 2.5rem); } #the_service_pins { width: 100%; height: calc(100% - 246px); position: relative; margin: 0 6rem; } .page-template-page-services-landing #the_service_pins { height:auto; display: flex; flex-flow: row wrap; } #case_study_pins_wrap .section-title { position: absolute; top: 0; left: 0; width: 100%; } #the_cs_pins { padding-top: calc(246px + 2rem); } #the_service_pin_container, #services_pin_container { position: unset !important; } .sbox_container { background: #fff; position: relative; top: 0; bottom: 6.5rem; margin: 0 auto; box-sizing: border-box; filter: drop-shadow( 1px 12px 14px rgba(0,0,0,0.2) ); } .sbox-cont { position: relative; padding: 4.5rem 6rem 0 10rem; } .sbox_container .service-icon { position: absolute; top: 4rem; left: -6rem; width: 11rem; height: auto; } .sbox-cont h3 { color: #003882; font-size: 1.8rem; margin-bottom: 1.5rem; font-weight: normal; } .sbox-cont p { font-size: 15px; margin-bottom: 20px; } .sbox-cont p strong { display: block; } #s_1, #s_2, #s_3, #s_4 { height: auto; width: 50%; float: left; position: relative; margin-bottom:40px;} .page-template-page-services-landing .sbox_container, .page-template-page-services-landing .sbox_container { width: 78%; height:100%; left: 0; right: 0; margin: 0 auto; } .sbox_container { width: 80%; left: 0; right: 0; margin: 0 auto; } /* Service Pins 3 only */ #the_service_3pins { width: auto; height: auto; display: flex; flex-flow: row wrap; position: relative; margin:0 6rem; } #ss_1, #ss_2, #ss_3 { height: 100%; width: 50%; float: left; position: relative; margin-bottom: 40px;} /* #ss_1 .sbox_container { left: 15rem; right: 7rem; } #ss_2 .sbox_container { left: 11rem; right: 11rem; } #ss_3 .sbox_container { left: 11rem; right: 11rem; } */ .slide-post-nav { padding: 2rem; box-sizing: border-box; } /* Social Media */ .latest_fb_posts { width: 100%; } #we-are-social { position: relative; z-index: 999; overflow: hidden; } .we-are-social-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .we-are-social-content { position: relative; z-index: 99; overflow: hidden; padding-bottom: 6rem; } #we-are-social:after { background: rgba(0, 19, 44, 0.4); } #we-are-social:before { background: #003882; } .we-are-social-icons { text-align: right; } .we-are-social-icons a, .we-are-social-icons span { color: #fff; text-align: center; } .we-are-social-icons { margin-bottom: 6rem; } .we-are-social-icons .social-btns li a { font-size: 2rem; padding: 25px; margin: 0 5px; } .we-are-social-icons span { display: block; font-size: 0.9rem; font-family: 'Patua One', Tahoma; } .youtube-icon:hover a:before { color: #DB001B; } .twitter-icon:hover a:before { color: #1DA1F2; } .facebook-icon:hover a:before { color: #4359AC; } .linkedin-icon:hover a:before { color: #01649B; } .pinterest-icon:hover a:before { color: #BD081B; } .googleplus-icon:hover a:before { color: #DC4A38; } #we-are-social:before { position: absolute; content: ''; top: 0; z-index: -1; right: 0; width: 72.5%; height: 100%; background: #003882; } #we-are-social .social-btns { margin-bottom: 6rem; } .social-post-item { overflow: hidden; } #posts-table { border-spacing: 2rem;table-layout:fixed; } .social-post-item .table { margin-left: 0; margin-right: 0; } .social-post-item-container { display: table-cell; background: #fff; vertical-align: top; height: 100%; } .tweetwrap { box-sizing: content-box; } .social-post-item-container .table { border-collapse: collapse; border-spacing: 0; height: 100%;table-layout:fixed; } .social-post-image, .social-post-content { display: inline; vertical-align: top; height: 100%; } .social-post-content { padding: 4rem; } .social-post-image img { width: auto; height: 100%; display: block; } .tweet-body .twitter-icon { font-family: socicon; display: block; } .tweet-body .twitter-icon a { font-size: 2rem; } .tweet { padding: 2rem; } .tweet-footer { width: 100%; display: table; padding: 2rem 0 0 2rem; } .tweet-footer div { display: table-cell; vertical-align: top; } .tritter-user-profile-img { width: 50px !important; height: 50px !important; border-radius: 50%; } .tritter-user-profile-img img { width: 100%; height: 100%; } .tweet-image, .tweet-body { display: inline-block; vertical-align: top; } .tweet-image { width: 45%; } .tweet-body { width: 55%; } .flexwrap { display: flex; justify-content: space-between; } #we-are-social .slick-slide img { width: 100%; } #we-are-social .slick-slide > div { width: auto; height: 100%;flex: 1; background: #fff; min-height:350px; } /*Social Carousel for homepage */ .fb_author_img, .fb_post_author { display: inline-block; vertical-align: middle; } .fb_author_img { margin-right: 1rem; background: #003882; border-radius: 50%; width: 50px !important; height: 50px !important; } .fb_post_author a { font-weight: 600; display: inline-block; } .fb_post_content_wrap { max-width: 450px; padding: 2.5rem; display: inline-block; vertical-align: top; } .fb_message { width: 100%; } .fb_footer { display: block; padding: 1.5rem 0 0 0; } .fb_posted { font-size: 0.9rem; margin: 0 !important; padding: 0; } .fb_published_by { text-transform: uppercase; margin: 0 !important; } .media_section { display: inline-block; vertical-align: top; } .fb_post_item { display: inline-block; background: #fff; } .fb_post_list { flex-wrap: wrap; display: inline-flex; } .fb_tag { font-weight: 600; display: block; } /*Social Carousel for homepage */ #s_section5.page-parallaxbackground2 { padding: 6.5rem 0; } .page-template-home-page #cs-navigation .arrow-right.long:hover span { color: #03A0D9; } .page-template-home-page #cs-navigation .white-btn:hover { color: #03A0D9; } .page-template-home-page #cs-navigation .scroll-navigation-btns:hover { color: #03A0D9; } .page-template-service-commercial-kitchens #cs-navigation .arrow-right.long:hover span, .page-template-partnerships-and-awards #cs-navigation .arrow-right.long:hover span { color: #DB001B; } .page-template-service-commercial-kitchens #cs-navigation .white-btn:hover, .page-template-partnerships-and-awards #cs-navigation .white-btn:hover { color: #DB001B; } .page-template-service-commercial-kitchens #cs-navigation .scroll-navigation-btns:hover, .page-template-partnerships-and-awards #cs-navigation .scroll-navigation-btns:hover { color: #DB001B; } .page-template-service-airconditioning-ventilation #cs-navigation .arrow-right.long:hover span { color: #7CB01D; } .page-template-service-airconditioning-ventilation #cs-navigation .white-btn:hover { color: #7CB01D; } .page-template-service-airconditioning-ventilation #cs-navigation .scroll-navigation-btns:hover { color: #7CB01D; } .page-template-service-support-compliance #cs-navigation .arrow-right.long:hover span { color: #FEDC00; } .page-template-service-support-compliance #cs-navigation .white-btn:hover { color: #FEDC00; } .page-template-service-support-compliance #cs-navigation .scroll-navigation-btns:hover { color: #FEDC00; } .page-template-service-refrigeration-cooling #cs-navigation .arrow-right.long:hover span, .page-template-service-total-fit-out #cs-navigation .arrow-right.long:hover span, .page-template-working-for-us #cs-navigation .arrow-right.long:hover span { color: #03A0D9; } .page-template-service-refrigeration-cooling #cs-navigation .white-btn:hover, .page-template-service-total-fit-out #cs-navigation .white-btn:hover, .page-template-working-for-us #cs-navigation .white-btn:hover { color: #03A0D9; } .page-template-service-refrigeration-cooling #cs-navigation .scroll-navigation-btns:hover, .page-template-service-total-fit-out #cs-navigation .scroll-navigation-btns:hover, .page-template-working-for-us #cs-navigation .scroll-navigation-btns:hover { color: #03A0D9; } .not_found { padding: 2rem 4.5rem 6rem 4.5rem; } .not_found p { color: #003882; font-size: 1.6rem; font-weight: 600; padding: 1rem 0; } .not_found input { height: 45px; border: none; box-sizing: border-box; padding: 0 0.5rem; font-size: 1.2rem; vertical-align: top; } .not_found input[type='text'] { min-width: 40%; box-shadow: 0 2px 16px 1px rgba(0,0,0,0.1); } .not_found #searchsubmit { border: 3px solid #003882; background: none; height: 45px; font-weight: 800; color: #003882; line-height: 1; font-size: 0.9rem; text-transform: uppercase; font-family: 'Open Sans', sans-serif; cursor: pointer; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .not_found #searchsubmit:hover { color: #fff; background: #003882; } #t_c_buttons { margin-top: 0.5rem; background: #fff; } #t_c_buttons a { color: #003882; display: inline-block; padding: 2rem; font-size: 1.2rem; font-weight: 600; font-family: 'Patua One', Tahoma; cursor: pointer; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .page-template-page-terms-conditions .filter_controls_top { padding-top: 0; } #terms_container { box-shadow: 0px 2px 22px 1px rgba(0,0,0,0.2); } #policy_info div { -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; display: block; } #policy_info ul { padding-left: 1.5rem; } #policy_info ul li { font-size: 1rem; color: #222222; margin: 0.5rem 0; position: relative; } #policy_info ul li { color: #3c3c3c; list-style: none; } #policy_info ul li::before { color: #003882; content: "\2022"; font-size: 1.2em; position: absolute; top: 0em; left: -1rem; } .page-template-page-terms-conditions .content-box-shadow { box-shadow: none; } .t_active { background: #003882; color: #fff !important; } .t_visible { display: block; } .t_none { display: none; } .policy_footer { position: relative; width: 100%; } /* Footer */ #footer { background: #fff; padding: 4.5rem 0; box-shadow: 0 7px 36px 1px rgba(0,0,0,0.3); position: relative; z-index: 9999; } #footer ul { list-style: none; } .site-info li a:after { content:"|"; padding: 0 8px; } .site-info { border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; padding: 2rem 0; text-align: center; line-height: 1.6; } .container.site-info { margin-top: 5rem; } .site-info li { display: inline-block; } .site-info li a:hover { color: #00357c; } #menu-footer-site-info-links { padding: 2rem 0; text-align: center; width: 100%; font-size: inherit; } #menu-footer-site-info-links li { display: inline-block; margin: 0 10px; } #menu-footer-site-info-links li a { color: #00357c; padding: 2px 5px; } .site-info li, .site-info li a, .site-info p, #menu-footer-site-info-links a { font-size: 0.86rem; } .footer-nav-title { display: block; font-size: 1.4rem; font-family: 'Patua One', Tahoma; margin-bottom: 1rem; } .table-cell.footer-logo { width: 20%; } .footer-navigation-menus { width: calc(100% + 2rem); } .footer-navigation-menus a { color: #00357c; font-size: 0.9rem; display: block; padding: 0.2rem 0; } .footer-navigation-menus a:hover { color: #DB001B; } .footer-navigation-menus .table-cell { padding: 0 1rem; } .table-cell.footer-social { width: max-content; } #footer .current_page_item a { color: #DB001B; } .footer-navigation-menus.table { table-layout: fixed; margin-left: -1rem; margin-right: -1rem; } .footer-logo { width: 25%; } .footer-logo a { padding: 0 0; } .footer-logo-img img { width: 75%; } .footer_menu li { margin: 2px 0; } .footer-social a { color: #222222; } /* END Footer */ .page_information_section { background: #fff; margin-bottom: 4.5rem; } .page_information_section ol { font-weight: bold; margin: 1.5rem 0 1rem 0; } .page_information_section ol:first-of-type { margin: 0 0 1.5rem 0; } #contact-form span.cformtext, #apply-form span.cformtext { display: initial; } #contact-form span.cformtext2, #apply-form span.cformtext2 { display: none; } .standard-slider { display: none; } .standard-slider.slick-initialized { display: initial; } .slick-initialized{ opacity:1; transition:opacity .3s ease-out; } .slick-track { cursor: move; } .social_carousel .slick-track { display: table !important; } .social_carousel .slick-slide { display: table !important; background: #fff; } .social_carousel .slick-initialized .slick-slide { display: table !important; background: #fff; } .social_carousel .slick-slide { margin: 0 1rem; } .social_carousel .slick-slide .fb_post_item { display: table; } .meet_the_team_below_wrap .container { margin: 2.5rem auto; } .not-youtube.cs_embed-container { position: relative; border: 4px solid blue; width: 100%; height: 100% padding-bottom: 0; } .case_study-template-single-case_study_template4 .singlepostCarousel_slide_bg_image { padding-bottom: 0; height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .xsinglepostCarousel_slide { position: relative; display: block; width: 100%; height: 100%; } .case_study-template-single-case_study_template4 .cs_t1_background { padding-bottom: 4rem; } .case_study-template-single-case_study_template4 #page-intro > .container { margin: 0; width: 100%; max-width: 100%; } .container-over-vid { position: absolute; z-index: 99; top: 100px; margin-left: 14rem; } .case_study-template-single-case_study_template4 #page-intro { padding-top: 0; } #cs-vid { height: auto; width: 100%; display: block; } .xsinglepostCarousel_slide { position: relative; } .case_study-template-single-case_study_template4 .type-case_study .slick-next { right: 50px !important; } .case_study-template-single-case_study_template4 .type-case_study .slick-prev { left: 50px !important; z-index: 99; } .type-case_study .slick-next::before, .type-case_study .slick-prev::before { background: none; } .case_study-template-single-case_study_template4 .entry-title, .case_study-template-single-case_study_template4 .entry-title a { color: #fff; } .type-case_study #newCsPostCarousel .slick-prev::before { color: #003882 !important; position: initial; width: 60px !important; height: auto !important; } #newCsPostCarousel .slick-prev, #newCsPostCarousel .slick-next { width: 50px; height: 50px; border-radius: 50%; font-size: 0; cursor: pointer; } .type-case_study #newCsPostCarousel .slick-next { border: 3px solid #fff; } #newCsPostCarousel .slick-prev:hover, #newCsPostCarousel .slick-next:hover { background: #fff; color: #fff !important; border: 3px solid #fff; } #newCsPostCarousel .slick-prev::before, #newCsPostCarousel .slick-next::before { font-family: 'Material Icons'; font-size: 2.4rem !important; color: #fff !important; } .type-case_study #newCsPostCarousel .slick-prev { border: 3px solid #fff; } #newCsPostCarousel .slick-prev { -moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .type-case_study #newCsPostCarousel .slick-prev::before { color: #fff !important; } #newCsPostCarousel .slick-next:hover::before, #newCsPostCarousel .slick-prev:hover::before { color: #003882 !important; } .case_study-template-single-case_study_template4 .cs_c1_polygon, .case_study-template-single-case_study_template2 .cs_c1_polygon { left: unset; } /* CSS Animations */ @keyframes slide { 0%{ transform: translate3d(0, 0, 0); } 100%{ transform: translate3d(-1890px, 0, 0); } } @keyframes slide2 { 0%{ transform: translate3d(0, 0, 0); } 100%{ transform: translate3d(-1556px, 0, 0); } } @keyframes slide3 { 0%{ transform: translate3d(0, 0, 0); } 100%{ transform: translate3d(-1223px, 0, 0); } } @keyframes slide4 { 0%{ transform: translate3d(0, 0, 0); } 100%{ transform: translate3d(-890px, 0, 0); } } @keyframes slide5 { 0%{ transform: translate3d(0, 0, 0); } 100%{ transform: translate3d(-556px, 0, 0); } } @keyframes fadein { 0%{opacity: 0} 100%{opacity:1} } @-webkit-keyframes MOVE-BG { 0% { transform: translate(0%, 0%); -webkit-transform: translate(0%, 0%); } 50% { transform: translate(-250px, 0%); -webkit-transform: translate(-250px, 0%); } 100% { transform: translate(0%, 0%); -webkit-transform: translate(0%, 0%); } } @-webkit-keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes moveSlideshow { 100% { transform: translateX(-100%); } } .hvr-buzz-out .phone-ico { 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); } .hvr-buzz-out:hover .phone-ico, .hvr-buzz-out:focus .phone-ico, .hvr-buzz-out:active .phone-ico { -webkit-animation-name: hvr-buzz-out; animation-name: hvr-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } .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.2); transform: scale(1.2); } .swsh { display: inline-block; text-decoration: none; position: relative; overflow: hidden; } .swsh:hover { color: #343e3d; text-decoration: none; } .swsh:before { content: attr(data-letters); width: 0%; color: #63d8ff; position: absolute; z-index: 2; overflow: hidden; white-space: nowrap; transition: width 0.4s 0.3s; } .swsh:after { content: ''; width: 100%; height: 16px; background: #F9F9F9; position: absolute; top: 50%; right: 0; margin-top: -8px; transform: translate3d(-100%,0,0); transition: transform 0.4s; transition-timing-function: ease; transition-timing-function: ease; transition-timing-function: cubic-bezier(0.7,0,0.3,1); } /* END CSS Animations */ @media (max-width: 2301px) { .container, #acme-intro, .section-scrollslider-row { margin: 0 14rem; } h1.large, h2.large { font-size: 7rem; } } @media (max-width: 2001px) { .container, #acme-intro, .section-scrollslider-row, #contact_bxs { margin: 0 12rem; } .service-page-cont { width: 660px; } .service_page_img { width: calc( (100% - 660px) + 2rem); } .shapeContainer { position: absolute; z-index: -1; width: 820px; height: 1080px; } .sector_pin_container { margin: 0 2rem; } #services_pin_container .section-title { height: 145px; padding-top: calc(65px + 1.5rem); } #sector-pin-navigation { margin-top: 7rem; } .sector_service_content .arrow-right { margin-bottom: 1rem; } .sector-box-title { font-size: 1.6rem; margin-bottom: 0; } .sector_service_content { padding: 3rem; } .sector-content { min-height: 250px; padding-bottom: 1rem; } .sector-featured-img { width: calc(100% + 5rem); padding-bottom: 38%; margin-bottom: -7rem; } #sector-pins { margin: 0 2rem; } .sector_service_icon { width: 18%; } .sector_service_content .arrow-right { margin-bottom: 0; } .clients-additional-txt { font-size: 1.4rem; } } @media (max-width: 1800px) { html { font-size: 16.5px; } .container, #acme-intro, .section-scrollslider-row, #contact_bxs { margin: 0 10rem; } .box_content_title { margin-bottom: 1.5rem; } #sector-pin-navigation { margin-top: 0; padding: 2.3rem 0 0 0; } #sector-controls { position: absolute; top: 65px; right: 0; z-index: 999; } .scroll-navigation-btns { width: 55px; height: 55px; } .sectors-clients { padding: 2rem 5rem; } .page-template-sectors .page-parallaxbackground, .page-template-sectors-care-homes .page-parallaxbackground { padding: 4.5rem 0; } #service_intro .arrow-right { margin-bottom: 0; } .page-template-sectors .service_page_header_polygon, .page-template-sectors-care-homes .service_page_header_polygon { top: 5rem; } #services_pin_container .section-title { padding-top: 65px; height: 130px; } #header-branding { width: 342px; height: 155px; top: -55px; } #header-social { padding: 0 22px; } #header-contact-btn { padding: 0 52px 0 72px; } .logo img, .logo a { width: 170px; height: 53px; padding-top: 52px; } .menu-main-menu-container { margin-left: 368px; } #menu-main-menu a { padding: 0 28px; } .partnerships-awards-logobox { margin-left: 4.5rem; } .service-content4-left { padding: 7rem 16rem 7rem 14rem; } .service-page-cont4 { padding-bottom: 6rem; } .box-content { padding: 4rem; } .key_facts { width: 500px; } .case_study_brand_logo { width: calc(100% - 500px); } .cs_t1_background { width: calc(100% - 500px); } .cs_t2_c3_images { width: 480px; } .cs_t2_c3 { width: calc((100% - 480px) + 2rem); } .cs_t2_c3_snippet { width: calc((100% - 500px) - 4.5rem); } .white_bg_75sc:after { right: 14rem; } .t3_img1 { width: 550px; right: -4.5rem; } .cs_t3_c2 { width: calc((100% - 550px) + 4.5rem); } .cs_t3_c2_snippet { margin-top: -4rem; margin-left: -2.5rem; width: calc((100% - 550px) - 2.5rem); } .content_snippet { padding: 4rem; } .content_snippet:before { top: 2.5rem; left: 1.5rem; } .content_snippet:after { bottom: 2.5rem; right: 1.5rem; } .case_study-template-single-case_study_template3 #cs_t3_er_imgs { margin-top: 22rem; } .t3_polygon3 { top: 10rem; right: 0; } .sbox_container { top: 0; bottom: 8rem; left: 0; right: 8rem; } } @media (max-width: 1601px) { html { font-size: 15px; } .container, #acme-intro, .section-scrollslider-row, #contact_bxs { margin: 0 8rem; } .s_tfo_poly { top: 13rem; left: 9.5rem; } .s_re_polygon2 { top: 9rem; } .sticky_polygon_container2 { margin-bottom: 500px; } .s_sp_polygon { top: -9.5rem; } .page-template-service-refrigeration-cooling .ss_rfc_polygon3 { right: 9rem; } .service_page_header_polygon { top: 16rem; left: 13rem; } .ss_rfc_polygon2 { top: 13rem; right: -13rem; } .page-template-service-refrigeration-cooling .ss_rfc_polygon3 { top: 30rem; } #the_service_pin_container .section-title { height: 126px; } #the_service_pins, #the_service_3pins { height: calc(100% - 226px); } .sbox_container { bottom: 2.5rem; } .sbox-cont p:last-of-type { margin-bottom: 0; } #header-branding { width: 330px; height: 149px; top: -55px; } #header-social { padding: 0 22px; } #header-contact-btn { padding: 0 52px 0 72px; } .logo img, .logo a { width: 166px; height: 52px; padding-top: 52px; right: 44px; } .menu-main-menu-container { margin-left: 350px; } #menu-main-menu a { padding: 0 28px; } #header-social { padding: 0 5px; } #header-contact-btn { padding: 0 36px 0 56px; } .block-icon { width: 78px; height: 78px; } .contact_buttons li { padding: 4px 0; } .arrow-right.long span { margin-right: 5px; } .parent-pageid-174 .chunky-underline::after { height: 30px; } .polygoncontainer, .polygoncontainer_default { width: 680px; height: 896px; } .je_polygon { right: 9rem; } .shapeContainer { width: 680px; height: 896px; } .sticky_polygon_container { margin-bottom: 1000px; } #page-intro .section-title { margin-bottom: 1.5rem; } #scroll-services ul { width: calc(100% - 6.5rem); margin-left: 3rem; } .services_featured_logos { bottom: 4rem; width: 180px; height: 140px; } .our_services_title h2 { top: 65px; opacity: 0.7; } .our_services_title { left: calc(30% - 2.5rem); } .service-page-image { left: -4rem; top: 180px; width: 700px; } .services_featured_logos { bottom: 2.5rem; left: -6.5rem; } .service-cont { bottom: 0.5rem; right: 3rem; } .box-content p, .service-page-content-inner p, .cs_t1_background p { margin: 0.8rem 0; } .service-page-content2 { margin: 4.5rem 0; } #service_page_img2 { width: 50%; } .service-page-cont2 { width: 50%; } .service_page_cont2_s2_left { width: calc(50% - 13.5rem); top: -9rem; } .page-template-service-special-projects .service_page_cont2_s2_left { top: 0; } .ss_cont2_gcontainer { width: 58%; } .service_page_cont2_s2_right { width: calc(50% + 1.5rem); } .page-template-page-services-landing #featured_box_margins h2.large, .page-template-service-commercial-kitchens #featured_box_margins h2.large { font-size: 5rem; } /* Scrolling Logos */ .logos1 { height: 140px; width: 4670px; animation: slide3 46s linear infinite; } .logos2 { height: 140px; width: 4670px; animation: slide3 46s linear infinite; } /* Scroll through slides vertically section*/ .section-scrollslider-slide-info-inner .no-box-btn .arrow-right.long { margin: 0 0 0 0; } /* Service/Child Page */ .service-content4-left { padding: 7rem 16rem 7rem 8rem; } /* Case Study Single */ .white_bg_75sc:after { right: 8rem; } .cs_content2:before { right: calc(8rem + 275px); } .cs_content2_snippet.box-content, .cs_t2_c3_snippet.box-content { padding: 4.5rem; } .content_snippet::before { top: 1rem; left: 1rem; } .content_snippet::after { bottom: 1rem; right: 1rem; } /* Case Study Archive */ .brand_img { width: 200px; } .featured_box_content { width: 90%; } .partnerships-awards-logobox { width: 900px; margin-left: 4.5rem; } .cs_content2_left { width: calc(58% - 2rem); } /* Accreditations */ .awards_box1 { right: 8rem; } .awards_box2 { right: calc(380px + 4rem); } /* Our videos */ .blog_refine, .refine_search_header { padding: 1.5rem 3.1rem; } .filter_controls_top { padding-top: 3rem; } .filter_controls_bottom { padding-bottom: 3rem; } .box-content { padding: 4rem; } /* Job Vacany Single */ .jv_intro.box-content { padding: 4rem; } .jv_intro { width: 80%; } .job_content_left:after { left: -8rem; } /*Pins*/ /*other services*/ #ss_1 .sbox_container { left: 13rem; right: 5rem; } #ss_2 .sbox_container { left: 9rem; right: 9rem; } .sbox-cont { padding: 4.5rem 4.5rem 0 9rem; } #ss_3 .sbox_container { left: 9rem; right: 9rem; } #ss_1 .sbox_container, #ss_2 .sbox_container, #ss_3 .sbox_container { margin: 0 auto; right: 0; left: 0; width: 83%; bottom: 1.5rem; } /* #ss_1 .sbox_container{ left: unset;right: 2.5rem; } */ /* #ss_3 .sbox_container { right: unset;left: 2.5rem; } */ #contactus { margin-top: 2rem; } .page-template-service-total-fit-out #contactus, .page-template-service-special-projects #contactus { margin-top: 0; } .job_examples { padding-bottom: 0; } .sbox-cont { padding: 4rem 4rem 0 7.5rem; } .services_polygon_container { top: -4rem; right: 0; margin-bottom: 1rem; } #the_cs_pins { height: calc((100% - 246px) - 4.5rem); margin: 0 2rem; } #the_enviroment_p1.page-parallaxbackground { padding: 6rem 0 4.5rem 0; } .gb_ev2_polygon { bottom: 4rem; } .gb_t3_polygon2 { top: 4rem; } .page-template-service-special-projects .featured_box_wrapper { } .page-template-giving-back .sbox_container { width: 84%; left: 0; right: 0; margin: 0 auto; } .sbox_container .service-icon { left: -5rem; width: 9rem; } .sbox-cont { padding: 4rem 4rem 4rem 6rem; } #the_service_pin_container .section-title { padding-top: calc(65px + 2rem); } .cs_t3_c4 { margin-top: -4.5rem; padding: 4rem; } /* Main contact form /Footer */ .home-contact-form, .apply-contact-form, .footer-container { width: 900px; } #footer { padding: 4rem 0; } #the_cs_pins { padding-top: calc(191px + 2rem); } .cs_info { padding: 0.5rem 2.5rem; height: auto; position: relative; bottom: 0; min-height: auto; max-height: none; display: table; height: auto; } .sectors-clients { padding: 2rem 2rem; } #services_pin_container .section-title { padding-top: 70px; } .sector-content { min-height: 230px; } .sector-featured-img { width: calc(100% + 5rem); padding-bottom: 32%; margin-bottom: -7rem; } } @media (max-width: 1399px) { html { font-size: 14.5px; } .container, #acme-intro, .section-scrollslider-row, #contact_bxs { margin: 0 6rem; } /*Shapes*/ .b_t3_polygon2 { top: 12rem; left: 0; } .page_header_polygon { top: 0; right: 0; } .services_polygon_container { top: -2rem; right: 0; } .page-template-service-refrigeration-cooling .ss_rfc_polygon3 { right: 4rem; } #header-featured-mob { display: none; float: right; height: 100%; padding-right: 0; } .navTrigger { cursor: pointer; width: 30px; height: 23px; margin: auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 0.5rem; } .navTrigger i { background-color: #fff; border-radius: 2px; content: ''; display: block; width: 100%; height: 4px; } .navTrigger i:nth-child(1) { -webkit-animation: outT 0.8s backwards; animation: outT 0.8s backwards; -webkit-animation-direction: reverse; animation-direction: reverse; } .navTrigger i:nth-child(2) { margin: 5px 0; -webkit-animation: outM 0.8s backwards; animation: outM 0.8s backwards; -webkit-animation-direction: reverse; animation-direction: reverse; } .navTrigger i:nth-child(3) { -webkit-animation: outBtm 0.8s backwards; animation: outBtm 0.8s backwards; -webkit-animation-direction: reverse; animation-direction: reverse; } .navTrigger.active i:nth-child(1) { -webkit-animation: inT 0.8s forwards; animation: inT 0.8s forwards; } .navTrigger.active i:nth-child(2) { -webkit-animation: inM 0.8s forwards; animation: inM 0.8s forwards; } .navTrigger.active i:nth-child(3) { -webkit-animation: inBtm 0.8s forwards; animation: inBtm 0.8s forwards; } /* Navigation Menu */ .desktop-menu-wrap { background: #003882; } .mobile_menu { margin-right: 3px; width: 65px; height: 65px; float: right; position: relative; z-index: 999; display: block; } #desktop-menu { height: 100%; background: #003882; width: 100%; position: fixed; top: 0; right: 0; } #desktop-menu, #menu-main-menu { -webkit-transition: all 0.3s linear; -moz-transition: all 1s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; } #desktop-menu.menu-inactive { right: -100%; } #menu-main-menu.main_submenu2_active { left: -100%; } .reveal_sub_layer2 { left: -100%; } .nav_back a span { padding-left: 25px; } #menu-main-menu > li.vertical_drop .sub-menu li.nav_back, .nav_back { display: block; } .nav_back { border-bottom: 1px solid #f1f1f1; } #menu-item-1044 .submenu { display: block;position: relative; right: initial; left: 0; z-index: 99; } .menu-main-menu-container { width: 100%; height: calc(100% - 150px); margin-left: 0; z-index: -1; margin-top: 65px; padding-top: 0; background: #fff; position: relative; } #menu-main-menu { display: block; width: 100%; height: 100%; position: absolute; left: 0; } #menu-main-menu > li { display: block; height: auto; } #menu-main-menu > li > a { padding: 25px 50px; display: block; box-sizing: border-box; } #menu-main-menu li.menu-item-has-children .sub-menu { display: block; position: absolute; top: 0; width: 100%; height: 100%; background: #fff; right: -100%; } #menu-main-menu > li.vertical_drop > .sub-menu { padding-top: 0; } #menu-item-237 > .sub-menu { padding-top: 0; } #menu-main-menu > li > a > span { font-size: 1.2rem; } #menu-main-menu .menu-item-has-children a { position: relative; } #menu-main-menu .menu-item-has-children > a:after { font-family: 'Material Icons'; content: 'keyboard_arrow_right' !important; font-size: 1.2rem; color: #222; text-transform: initial; position: absolute; right: 50px; top: 50%; transform: translateY(-50%); } /* Push page content on menu click */ .push_left { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } #menu_push { -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; } .menu-active .sub-menu { -webkit-filter: none; filter: none; } #header-social:before { width: 0; height: 0; } #header-social { left: 0; width: 40%; height: 95px; position: absolute; bottom: 0; padding: 0; } #header-social .social-btns { width: calc(100% - 40px); padding: 0 20px; text-align: center; } #header-contact-btn { right: 0; width: 60%; height: 95px; position: absolute; bottom: 0; padding: 0; } #header-social .social-btns li a { padding: 0; } #menu-main-menu #menu-item-237 > .sub-menu:after, #menu-main-menu > li.vertical_drop > .sub-menu:after { display: none; } li.layer2_menu_active .submenu { z-index: 999;background: red; } #menu-main-menu li.layer2_menu_active .sub-menu { z-index: 999; background: #fff; } #menu-main-menu li.layer2_menu_active .sub-menu > li > .sub-menu { left: 0; } #menu-main-menu > li.vertical_drop .sub-menu li a { padding: 25px 50px 25px 65px !important; } #menu-main-menu > li.vertical_drop .sub-menu li a:hover span { color: #003881; } .nav_back a { display: block; background: #fff; cursor: pointer; } .back_to_main:hover { background: #fff; } .nav_back a span { font-weight: 600; color: #003881; } .back_to_main:before { font-size: 2.2rem; position: absolute; left: 50px; font-family: 'Material Icons'; content: 'arrow_right_alt'; text-transform: initial; font-weight: 600; color: #003881; -moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1) translateY(-50%); top: 50%; } .back_to_main span { position: relative; color: #003881; } .back_to_main span:after { content: 'Back'; color: #003881; } #menu-item-237 .back_to_main span:after { content: 'Services'; } #menu-item-659 .back_to_main span:after { content: 'Our work'; } #menu-item-1044 .back_to_main span:after { content: 'About Acme'; } #menu-main-menu > li.vertical_drop .sub-menu li a:hover { background: #fff; } #menu-main-menu > li.vertical_drop:hover > .sub-menu { width: 100%; } .sub-menu li a span, #menu-item-578 > .sub-menu li a span { font-size: 1.2rem; } #menu-item-423 a:after, #menu-item-399 a:after, #menu-item-501 a:after, #menu-item-401 a:after { width: 28px; height: 28px; } #menu-item-501, #menu-item-423, #menu-item-399, #menu-item-401 { display: block; } .sub-menu li a {box-sizing: border-box; } #menu-item-237 .sub-menu li a { padding: 25px 50px 25px 65px !important; } #menu-item-578 > .sub-menu li { width: 100%; height: auto; display: block; position: relative; } #menu-item-578 > .sub-menu li a { display: block; padding: 25px 50px 25px 65px !important; } #menu-item-578 > .sub-menu li a span { display: block; padding-left: 0; position: unset; } #menu-item-237 > .sub-menu li a.back_to_main:hover { background: #fff; } #menu-item-578 { display: block; } #menu-main-menu #menu-item-578 .sub-menu { display: block; position: relative; } #menu-main-menu #menu-item-578 .sub-menu li:last-child { margin-bottom: 25px; } .menu-main-menu-container { width: 100%; left: 0; } #menu-item-237:hover > .sub-menu { overflow: unset; } .services_landing_mobile { display: block; } /*Target 3rd layer of menu*/ #menu-main-menu > li.vertical_drop .sub-menu li { display: block; } #menu-main-menu li.vertical_drop .submenu_layer3.menu-item-has-children > .sub-menu { display: block; position: unset; width: 100%; } .submenu_layer3.menu-item-has-children > a:after { font-family: 'Material Icons'; content: 'keyboard_arrow_down' !important; color: #222222; right: 50px; top: 50%; transform: translateY(-50%); text-transform: initial; font-size: 1.2rem; } #menu-main-menu > li.vertical_drop .sub-menu li.current-menu-item a { background: #fff; } #menu-main-menu > li.vertical_drop .sub-menu li.current-menu-item > a span { color: #003882; font-weight: bold; } .rental_information { width: 75%; } .filters-form, #contact-form, #apply-form { font-size: 1.3rem; } .filters-form { padding: 3.5rem 5rem; } /*Services*/ #scroll-services ul { width: calc(100% - 6.5rem); } .featured_box_inner_left2 { width: calc((100% - 350px) - 1.5rem); } .featured_box_inner_right2 { width: 350px; } #featured_box_margins h2.large { font-size: 5rem; } .service-page-cont { top: -6.5rem; width: 520px; } .service_page_img { width: calc( (100% - 520px) + 2rem); } .page-parallaxbackground-lg { height: 700px; } .service-content4-left { padding: 7rem 16rem 7rem 6rem; } .page-parallaxbackground-lg { height: 600px; } .service-page-content2 { margin: 4rem 0; } .service-page-cont3 { width: 50%; } #box_scrolling { padding: 0 0; } #menu-item-1641 a span { color: #003882 !important; } #menu-item-1641 a:hover { background: none !important; } #menu-main-menu li.layer2_menu_active > .sub-menu { overflow: scroll; } /*Meet the team*/ .team_members { width: calc(100% + 6rem); margin-left: -3rem; margin-right: -3rem; } .team_members_s2 li { width: 14%; } .team_members_s2 li.team_more { width: 10%; } .more_details strong { font-size: 1.4rem; } /* Working for us */ .side_gallery_container { top: -29rem; } #perks_scroller { width: calc(50% + 11.5rem); } /* Job Vacancies */ .jv_archive_list .job_vacancy { width: calc(100% - 4.5rem); } .jv_archive_list li:nth-child(2n+1) { margin-left: 4.5rem; } .job_vacancy .box-content { padding: 3rem 4rem; } /* Job Vacancy single */ .job_content_right { width: calc(30% + 2.5rem); right: -2.5rem; } .job_content_left { width: 75%; padding: 7rem 9.5rem 9.5rem 2.5rem; } .job_content_left:after { left: -6rem; } /* Case Study Single */ .key_facts { width: 480px; } .case_study_brand_logo { width: calc(100% - 480px); } .cs_t1_background { width: calc(100% - 480px); } .cs_t2_c3 { width: calc((100% - 420px) + 2rem); } .cs_t2_c3_snippet { width: calc((100% - 480px) - 4rem); } .white_bg_75sc:after { right: 6rem; } .cs_content2:before { left: 0; right: calc(6rem + 275px); } .cs_t2_c3_images { width: 420px; } /* Accreditations */ .partnerships-awards-logobox { width: 800px; margin-left: 4.5rem;} .partnerships-awards-logobox { width: 800px; margin-left: 4.5rem; } .awards_box1 { right: 2.5rem; } .awards_box2, .awards_box1 { width: 340px; } .awards_box2 { right: calc(340px - 2.5rem); } /* Main contact form */ .home-contact-form, .apply-contact-form, .footer-container { width: calc(1000px - 12rem); } #contact-form, #apply-form { padding: 2rem 4rem 0 4rem; } #contact-form input[type="submit"], #apply-form input[type="submit"] { margin-top: 1.5rem; } #contact-form label, #contact-form span, #apply-form label, #apply-form span { padding: 6px 6px; } } @media (max-width: 1281px) { html { font-size: 14px; } .container, #acme-intro, .section-scrollslider-row, #contact_bxs { margin: 0 4rem; } /*Filters*/ .filters_form label, .filters_form button { height: 38px; } .refine_search .input-red:after, .input-green:after, .input-yellow:after, .input-light-blue:after, label.filter_all:after { width: 38px; height: 38px; } .filters_form label span, .filters_form button span { line-height: 38px; } .refine_search label.input-red, .refine_search label.input-green, .refine_search label.input-yellow, .refine_search label.input-light-blue, label.filter_all { padding-left: 45px; } .filter_controls label, .refine_search button { margin: 3px 1px !important; } .input-form input, .input-form select, .input-form textarea { height: 48px; } /* Shapes */ .cs_polygontop { margin: 0 16rem; } .ph_polygon { right: -4rem; } .gb_t3_polygon2 { left: 2.5rem; right: initial; } .je_polygon { right: 2rem; } .tfo_poly { top: -24rem; right: -9.5rem; } .s_re_polygon { top: 9rem; right: 34rem; } .s_af_polygon { top: 9rem; right: 30rem; } .s2_tfo_poly { top: 0; right: 6rem; } .s_sp_polygon { top: -18rem; right: 9.5rem; } .cs_pagetop_polygon { right: 0; } .top_polygon { right: 0; } .service_page_header_polygon { left: 9rem; } .page-template-service-refrigeration-cooling .ss_rfc_polygon3 { top: 36rem; right: 0; } .acv_polygon2 { top: 2rem; right: 4rem; } #the_cs_pins { height: calc((100% - 246px) - 4rem); } /*home*/ .block-icon { width: 68px; height: 68px; } .table-cell { padding: 1.5rem; } /*page*/ .box_content_title, .cs_title {font-size: 1.8rem; margin-bottom: 1.5rem; } .page-parallaxbackground-md { height: 600px; } /*Services*/ .our_services_title { left: calc(30% - 2rem); } #scroll-services ul { width: calc(100% - 4.5rem); margin-left: 2.5rem; } .service-page-image { left: -2.5rem; } .service-cont { bottom: 0.5rem; right: 2.5rem; width: 60%; } .services_featured_logos { left: -4.3rem; width: 150px; height: 110px; } .service-cont .arrow-right { margin: 0.5rem 0 0 0; } .fcb_col_x2 img:first-of-type { margin-bottom: 0.5rem; } .featured_box_inner_left2 { width: calc((100% - 350px) - 1.5rem); } .featured_box_inner_right2 { width: 350px; } #featured_box_margins h2.large { font-size: 5rem; } .service-page-cont3_2 { width: 60%; } .service-page-cont3_img { left: calc(60% - 4.5rem); width: 250px; } /* Single Services*/ .page-intro { font-size: 3.6rem; } .parent-pageid-174 .chunky-underline:after { height: 20px; } .page-template-service-airconditioning-ventilation .service-page-cont6-content { width: calc(50% - 2.5rem); } #service-page-content6 { margin: 4.5rem 0 4rem 0; } .service-content4-left { width: 60%; padding: 7rem 9rem 7rem 6rem; } .service-content4-left-gallery { right: 4.5rem; } .service-page-cont3_img { width: 200px; } .page-template-service-finance #service_page_img2 { margin-bottom: -6.rem; } #box_scrolling li { width: calc(50% + 9rem); } .why_title h2 { margin-left: 4rem; width: 40%; } #box_scrolling li:last-child { margin-bottom: 0; } #box_scrolling li:first-child { margin-top: 16rem; } .page-template-service-finance #featured_box_margins h2.large { font-size: 5rem; } .rentals-info-img2 { margin-left: -2.5rem; } .rentals-info-img1 { width: 320px; } .page-template-service-special-projects #perks_scroller { padding-bottom: 2.5rem; } #service-page-content6 { margin: 4.5rem 0 2.5rem 0; } /*Blog Singles*/ .singlepostCarousel_slide_bg_image { width: 100%; padding-bottom: 50%; } /*Meet the team*/ .meet_text { font-size: 2.6rem; } .meet_the_team_below_wrap .container { margin: 0 2.5rem; } .meet_the_team_members .container { min-height: 120px; } .team_members_s2 li { width: 14.5%; margin: 0.7rem; } .team_members_s2 li.team_more { width: 11.5%; } .more_details strong { font-size: 1.2rem; } .staff_tooltip_inner_info { width: 100%; margin: 0; } /* Giving Back */ .page_intro_box { margin-left: 2.5rem; } .giving_back_page.box-content { padding-right: 4.5rem; } .page_intro_box_right { width: calc(50% - 2.5rem); } .page-template-giving-back .page_intro_box_right, .page-template-christmas-campaign .page_intro_box_right { width: calc(50% - 4.5rem); } .logobox_left { width: 340px; } .page_box_right2 { width: calc(100% - 340px); } .gb_scrollcontent1 { bottom: 9rem; } /* Case Study Single */ .key_facts { width: 460px; } .case_study_brand_logo { width: calc(100% - 460px); } .cs_t1_background { width: calc(100% - 460px); } .cs_t2_c3_images { width: 380px; } .cs_t2_c3 { width: calc((100% - 380px) + 2rem); } .cs_t2_c3_snippet { width: calc((100% - 460px) - 4rem); } .white_bg_75sc:after { right: 4rem; } .cs_content2:before { right: calc(4rem + 275px); } .page-parallaxbackground-sm { height: 520px; } .featured_box_content { width: 82%; min-height: 400px; border: 22px solid #db001b; padding: 5rem 6.5rem; } .case_study-template-single-case_study_template2 .cs_content2 .box-content { padding: 4rem 0 8rem 4rem; } /*working for us*/ .page-template-working-for-us .page_intro_box_right { width: calc((100% - 60%) - 4.5rem); margin: 0 auto; float: none; } .side_gallery_img { width: 180px; } .page-template-working-for-us .page_intro_box { width: calc(100% - 2rem); float: none; margin-left: 0; } #perks_scroller { margin-top: 3rem; } .page-template-working-for-us .page_intro_box_right img { width: 25%; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 1rem; display: inline-block; justify-content: space-between; } /*Job Vacany Single*/ .job_content_left::after { left: -4rem; } /*Our Videos*/ .video_archive_list { padding-top: 0; } .video_entry { margin: 2.5rem; } .filter_controls_top { padding-top: 2.5rem; } .filter_controls_bottom { padding-bottom: 2.5rem; } .cs-video-info { height: 70px; } /* Accreditations */ .partnerships-awards-logobox { width: 750px; margin-left: 2.5rem; } .awards_box1 { right: 2rem; } .awards_box2 { right: calc(300px - 2rem); } .awards_box2, .awards_box1 { width: 300px; } .partner_logos_box { width: 60%; } .partners_container { margin: 2rem; padding: 0 2rem 0 2rem; } /*Contact us*/ .contact_bx { width: calc(34% - 2rem); } .map-container { height: 580px; } .contact-icon { width: 80px; } .contactlink { padding: 3rem; } } @media (max-width: 1240px) { .s_tfo_poly { top: 0; left: 0; right: 0; margin: 0 auto; } .ss_rfc_polygon2, .ss_rfc_polygon3 { top: 4rem; left: unset; right: 9rem; } .page-template-service-refrigeration-cooling .ss_rfc_polygon3 { top: 32rem; left: unset; right: 0; margin: 0 auto; } .page-template-service-airconditioning-ventilation .service_page_header_polygon { top: 9rem; left: 4rem; } .acv_polygon2 { top: 9rem; right: 0; } .why_title { width: auto; float: none; display: block; max-width: 100%; } #box_scrolling li:first-child { margin-top: 4rem; } .page-template-service-finance #service_page_img2 { margin-bottom: -16rem; } #box_scrolling li:first-child { margin-top: 0; } .page-template-service-finance #featured_box_margins h2.large { font-size: 4.8rem; } .page-template-page-services-landing #featured_box_margins h2.large, .page-template-service-commercial-kitchens #featured_box_margins h2.large { font-size: 4.2rem; } .service-page-content2 .service-page-content-inner { margin-top: 1.5rem; } .rentals-info-img1 { top: -2.5rem; left: initial; right: 0;} .rentals-info-img2 { margin-left: -2.5rem; width: 80%; } .rentals-info-box { width: calc(50% - 6rem); margin: 0 2rem; } #service-page-content6 { margin: 4.5rem 0 2rem 0; } .sbox_container { bottom: 0.5rem; } .sbox_container .service-icon { width: 10rem; left: -5rem; } .service-page-cont3 { width: 55%; } .page-template-service-airconditioning-ventilation .page-parallaxbackground2 { padding: 9rem 0 4.5rem 0; } .archive_list { margin-top: 2rem; } .article_colx2 { width: calc(50% - 3rem); margin: 0 1.5rem 2rem 1.5rem; } .section9_left { padding: 2.5rem 0 6rem 0; } #the_cs_pins { height: calc((100% - 246px) - 3rem); } .case_study-template-single-case_study_template1 .cs_parallax { margin-top: -9rem; } .case_study-template-single-case_study_template1 .page-parallaxbackground { padding: 0 0 9rem 0; } #singlepostCarousel .slick-prev, #singlepostCarousel .slick-next { width: 45px !important;height: 45px !important; } .type-case_study .slick-next { right: -50px !important; } } @media (max-width: 1125px) { .s2_tfo_poly { top: -9rem; right: 2rem; } .page-template-service-special-projects .s_tfo_poly { top: 4.5rem; } .page-template-service-finance #service_page_img2 { margin-bottom: -4.5rem; } .why_title h2 { width: 80%; } #box_scrolling li:first-child { margin-top: 2.5rem; } .s_re_polygon { top: 0; right: 20rem; } .sticky_polygon_container { margin-bottom: 866px; } .tfo_poly { top: -24rem; right: 9rem; left: initial; } .s_af_polygon { top: 9rem; right: 20rem; } .service_page_header_polygon { top: 9rem; left: 2.5rem; } .type-case_study .slick-next { right: 20px !important; opacity: 0.5; } .type-case_study .slick-next:hover { opacity: 1; } .page-template-service-refrigeration-cooling .ss_rfc_polygon3 { top: 38rem; right: 0; } .page-template-service-refrigeration-cooling .ss_rfc_polygon2 { top: 4rem; left: unset; right: 0; } .section9_left { padding: 0 0 6rem 0; } .page-template-service-refrigeration-cooling .service-page-cont5 { width: 70%; } .service-content6-left-img { position: relative; margin-top: -15rem; z-index: 998; } .page-template-service-finance #featured_box_margins h2.large { font-size: 4.5rem; } .rentals-info-img1 { width: 32%; } .rentals-info-img2 { margin-left: -2rem; width: 85%; } .rentals-info-box { margin: 0 0 0 2.5rem; } .page-template-service-rentals #service_page_img2 { margin-bottom: -4.5rem; } .articles li:not(:first-child) .blog_archive_post_image { margin-left: 0; } .articles li:not(:first-child):nth-child(2n+1) .blog_archive_post_image { margin-right: 0; } .section32_left { padding-bottom: 6rem; } .page-template-service-refrigeration-cooling #s_section5.page-parallaxbackground2, .page-template-service-refrigeration-cooling #s_section8.page-parallaxbackground2 { padding: 9rem 0 0 0; } .section9_left2 { width: calc(55% + 4rem); margin-top: -4rem; } .service-page-cont6-content { width: 40%; } .page-template-service-commercial-kitchens .service-content6-right-img, .page-template-service-refrigeration-cooling .service-content6-right-img { width: 55%; } .service-page-content2 .service-page-content-inner { margin-top: 0; } .content5_wrap { padding: 0 4rem; } #scrollcontent1.box-content { padding-right: 6.5rem; } .service-content5-right-img { right: 4rem; } .page-template-service-airconditioning-ventilation .page-parallaxbackground { padding: 4.5rem 0; } .page-template-service-airconditioning-ventilation .page-parallaxbackground2 { padding: 7rem 0 2.5rem 0; } .articles li:first-child .entry-content { margin: 3rem 1.5rem 2rem 1.5rem; } .articles .entry-content { margin: 4rem 1.5rem; } .featured_box_inner_left2 { width: calc((100% - 300px) - 1.5rem); } .featured_box_inner_right2 { width: 300px; } #featured_box_margins h2.large { font-size: 5rem; } .fcb_x2_1 { top: 0; } .fcb_x2_2 { bottom: 0; } .contactlink { padding: 2.5rem; } .contact_bx h2 { margin-top: 0.5rem; font-size: 1.8rem; } .contact_text { font-size: 1.4rem; } } @media (max-width: 1025px) { html { font-size: 12.5px; } .container, #acme-intro, .section-scrollslider-row, #contact_bxs { margin: 0 2rem; } .head_wrapper.relative { position: fixed; top: 0px; } #header-branding { width: 310px; height: 140px; } .logo img, .logo a { width: 160px; height: 50px; padding-top: 54px; } h1.large, h2.large { font-size: 6rem; } .entry-title, .entry-title a { font-size: 2.6rem; } .blue-btn { border: 2px solid #003882; } /* Shapes */ .shapeContainer { width: 580px; height: 764px; } .sticky_polygon_container { margin-bottom: 764px; } .tfo_poly { left: 0; right: 0; } .post-template-single-template3 .top_polygon { left: 19rem; right: unset; } .s_sc_polygon2 { top: 0; left: 9.5rem; } .page_header_polygon { top: 4rem; right: 0; } .ph_polygon { right: -2rem; } .service_page_header_polygon { top: 13rem; left: 10rem; right: unset; margin: 0 auto; } .ss_polygon2 { left: 0; } .je_polygon { right: 4rem; top: -9rem; } .policy_polygon2 { left: 0; bottom: 280px; } .sector_featured_img .frame_right { bottom: -1.5rem; } /*home*/ .block-icon { width: 58px; height: 58px; } .table-cell { padding: 1rem; } /*hide Pins*/ .desktop_services { display: none; } /*Pins Mobile*/ .scrollmagic-pin-spacer, .desktop_cs_pins {display: none; } #case_study_mobile_carousel .slick-track { display: table !important; } #case_study_mobile_carousel .cs_slide_video_title { padding: 1rem 1rem; display: block; } #case_study_mobile_carousel .cs_slide_video_title img { display: inline-block; width: auto; height: 30px; vertical-align: middle; margin-right: 0.5rem; } .cs_slide_image { position: relative; } .cs_slide_image:after { background: url(assets/images/icons/vid-icon.png); background-repeat: no-repeat; background-size: 100% 100%; width: 40px; height: 30px; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); content: ''; margin: 0 auto; } #case_study_mobile_carousel .slick-slide { display: table !important; background: #fff; } #case_study_mobile_carousel .slick-initialized .slick-slide { display: table !important; background: #fff; } #case_study_mobile_carousel .slick-prev:hover:before, #case_study_mobile_carousel .slick-next:hover:before { color: #fff !important; } .page-template-service-commercial-kitchens #case_study_mobile_carousel .arrow-right:hover:after { color: #DB001B !important; } #case_study_mobile_carousel .video_link { padding: 1rem 0.5rem; font-size: 1.6rem; display: inline-block; height: auto; vertical-align: middle; } .page-template-service-commercial-kitchens #case_study_mobile_carousel .arrow-right.long:hover, .page-template-service-commercial-kitchens #case_study_mobile_carousel .arrow-right.long:hover span { color: #DB001B !important; } .cs_slide_thumb { width: 480px; padding: 0 0; } .cs_slide_image { width: 100%; padding-bottom: 55%; } .cs_slide_video_info { width: 100%; padding: 0; background: #fff; box-sizing: border-box; } #case_study_mobile_carousel .embed-container, #service_mobile_carousel .embed-container { width: 100%; position:relative; padding-bottom:56.25%; padding-top: 20px; height: 0; overflow: hidden; } #case_study_mobile_carousel .slick-slide { margin: 0 1.5rem !important; } /*Filters*/ .filters_form label span, .filters_form button span { font-size: 1rem; } /*page*/ .box_content_title, .cs_title {font-size: 1.6rem; margin-bottom: 1rem; } .white-btn { border: 2px solid #fff; } #cs-navigation .scroll-navigation-btns { border: 3px solid #fff; } .page_intro_box { margin-left: 2rem; width: 60%; } .section_space { padding-top: 2.5rem; } /*services*/ .service-page-image { width: 95%; } /*Single Service */ .service-page-cont { top: -6.5rem; width: 50%; } .service_page_img { width: calc( (100% - 50%) + 2rem); } .page-parallaxbackground-lg { height: 500px; } .logos1 { height: 110px; width: 3670px; } .logos2 { height: 110px; width: 3670px; } .content5_wrap { margin-top: 0; padding: 0 4.5rem 9rem 4.5rem; } .page-template-service-refrigeration-cooling .content5_wrap { margin-top: 0; padding: 4.5rem; } .service-page-cont { left: 1.5rem; } .service-content5-right-img { bottom: 0; } #service-page-content6 { margin: 4.5rem 0 4.5rem 0; } #scrollcontent1.box-content { padding-right: 13rem; } .service-page-cont6-content { width: calc(40% - 2.5rem); } .page-template-service-airconditioning-ventilation .service-content6-left-img { width: calc(30% + 2.5rem); } .service_content6_c7 { width: 70%; } .service_content6_c7 { margin-top: -4rem; } .service-image-slider { width: 45%; } .service-page-content { width: 55%; } .page-template-service-total-fit-out #service_intro2, .page-template-service-special-projects #service_intro2 { padding-top: 2.5rem; } .ss_cont2_gcontainer img:not(:last-of-type) { margin-bottom: 0.5rem; } .service_page_cont2_s2_left { top: -16rem; width: calc(55% - 9rem); } .service-page-cont2 { left: 1.5rem; width: calc(60% - 2.5rem); } #service_intro .services2 .box-content { padding-right: 8rem !important; } #service_page_img2 { margin-right: 1.5rem; width: 45%; } .service_page_cont2_s2_right { width: calc(45% + 2.5rem); } .service-page-cont3_img { bottom: -2.5rem; } .page-template-service-total-fit-out #section3.page-parallaxbackground { padding: 6.5rem 6rem 9rem; } .page-template-service-special-projects #section3.page-parallaxbackground { padding: 6rem; } .ss2_section3_content { padding-top: 4.5rem; } .ss_section6_parallax_top { padding: 0 6rem; } .ss_section6_parallax_top { height: 9rem; } #ss2_section3 { padding-top: 2.5rem; } .section32_left { display: inline-block; width: 50%; padding-right: 2.5rem; vertical-align: top; padding-bottom: 4rem; } #ss2_section3 { padding-top: 0; } .ss2_section3_img { width: 32%; } .ss2_section3_content { width: 68%; padding-top:0; margin-right: 2.5rem; margin-top: -9rem; } .page-template-service-total-fit-out .ss2_section3_content .box-content { padding-bottom: 2.5rem; padding-left: 6rem; } .ss_section6_content { width: 100%; } .section32_right_slides { width: 44%; vertical-align: middle; } .section-title.jobs-title { margin-top: -9rem; } #box_scrolling { width: calc(100% - 4.5rem); } .job_examples { padding-bottom: 0; } #box_scrolling { width: calc(100% - 2rem); } #box_scrolling li:nth-child(2n+1) { margin-left: calc(100% - 75%); } #box_scrolling li { width: 75%; } #box_scrolling li:nth-child(2n+2) { margin-right: calc(100% - 75%);} .page-template-service-commercial-kitchens .service-content6-left-img, .page-template-service-refrigeration-cooling .service-content6-left-img, .page-template-service-support-compliance .service-content6-left-img { width: calc(40% + 2.5rem); } .service-page-cont6-content .service-page-content-inner { padding: 0 2rem 16rem 1.5rem; } .page-template-service-refrigeration-cooling .section9_left2 { padding-right: 6rem; } .page-template-service-refrigeration-cooling .section9_right { width: 45%; margin-right: 0; } .page-template-service-special-projects .service_page_cont2_s2_left { top: -13rem; height: calc(100% + 4rem); } .page-template-service-special-projects .ss_cont2_gcontainer { width: 55%; height: 100%; } .page-template-service-special-projects .ss_cont2_gcontainer .autoimg { width: auto; height: 50%; } .section9_left { padding: 0 0 4rem 0; } .acme_previous_post_slider { width: calc(50% - 2rem); margin-left: 0; } .acme_next_post_slider { width: calc(50% - 2rem);margin-right: 0; } /*Meet the team*/ .meet_text { font-size: 2.4rem; } .meet_the_team_members .container { min-height: 100px; } .meet_team_top { height: 100px; } .team_members { width: calc(100% + 2rem); margin-left: -1rem; margin-right: -1rem; } .meet_team_overlap { height: 4.5rem; } /* Giving Back */ .page-template-giving-back .page_intro_box, .page-template-christmas-campaign .page_intro_box { width: 52%; } .page-template-giving-back .page_intro_box_right, .page-template-christmas-campaign .page_intro_box_right { width: calc(50% - 4.5rem); } .page_intro_box_right { width: calc(40% - 2rem); } .page_intro_box_right img { margin-left: -2rem; } .giving_back_page .frame_left { left: -4rem; } #giving_back_content2.section_space { margin-top: 2.5rem; } .logobox_left { width: 300px; } .page_box_right2 { width: calc(100% - 300px); } .page_box_right2.box-content { padding-left: 7.5rem; } .gb_t3_polygon2 { top: 0; left: 0; } .page-template-giving-back .page-parallaxbackground-md { height: auto; } #the_enviroment_p1 .container { padding: 4.5rem 15rem; } .gb_scrollcontent1 { width: 100%; position: relative; bottom: initial; margin-left: 0; } .gb_image2 { width: 55%; } .gb_content2 { width: calc(45% + 4.5rem); } /*Working for us*/ #working_for_us_content3 { margin-top: 28rem; } .clients-gallery_center, .parallax_image_scroll_container { margin-top: -22rem; } .parallax_imagescroll2 { width: 40%; } .parallax_imagescroll1 { width: 50%; left: 9rem; right: initial; top: 2.5rem; } .page-template-working-for-us .page_intro_box_right { width: 100%; } .page-template-working-for-us .side_gallery_container { top: 0; } .page-template-working-for-us .page_intro_box_right .side_gallery_img { width: 25%; } /*Job Vacancy single*/ .job_content_left { padding: 7rem 7.5rem 9.5rem 2.5rem; } .job_content_right { right: -1rem; } .job_description ul { padding: 0.5rem 1rem; } /* Accreditations */ .page_intro_box2 { width: 50%; } .partnerships-awards-logobox { width: 700px; margin-left: 0; } .awards_box2, .awards_box1 { width: 280px; } .awards_box2 { right: calc(280px - 2rem); } .partners_container { margin: 0 0 2rem 0; } .page_end_box2 { width: 50%; } /* Case Study Archive */ .box-content { padding: 2.5rem; } .archive_list { width: calc(100% + 2rem ); margin-left: -1rem; margin-right: -1rem; } .article_colx2 { width: calc(50% - 2rem); margin: 0 1rem 1rem 1rem; } .archive_brand_img { height: 48px; } #nav-below { margin-top: 2.5rem; margin-bottom: 3rem; } /* Our videos */ .filter_controls_top { padding-top: 2rem; } .filter_controls_bottom { padding-bottom: 2rem; } .archive_category_link { width: 15px; height: 15px; } /* Case Study Single */ .brand_img { width: 200px; } .key_facts { width: 400px; } .cs_t1_background { width: calc(100% - 400px); } .cs_t2_c3_images { width: 400px; } .cs_t2_c3 { width: calc((100% - 400px) + 2rem); } .cs_t2_c3_snippet { width: calc((100% - 400px) - 2rem); } .white_bg_75sc:after { right: 2rem; } .page-parallaxbackground-sm { height: 420px; } .key_facts.float_right { margin-right: -3rem; } .cs_t2_c3_images { width: 300px; padding: 0 2rem; } .cs_t2_c3 { width: calc((100% - 300px) + 2rem); } .cs_content2::before { left: 0; } .cs_content2:before { right: 0; } #s_cs_pinContainer { padding-top: 0; } #sector-pins { display: block; flex-wrap: unset; max-height: unset; max-height: unset; } #the_cs_pins, #sector-pins { margin: 0; width: auto; width: -moz-fit-content; width: fit-content; margin-top: calc(126px + 4rem); padding: 0 2rem; } .csbox_container { margin: 0 1.5rem; } #the_service_pin_container { overflow: hidden; position: initial !important; } #the_service_pin_container .section-title, .acme-sectors .section-title { padding-top: 4rem; position: absolute; top: 0; left: 0; width: 100%; } .cs_pin { display: inline-block; vertical-align: middle; width: 49%; float: none; } #pin_1, #pin_2, #pin_3, #pin_4, #pin_5, #pin_6, #pin_7 { display: inline-block; vertical-align: top; width: 600px; float: none; white-space: normal; padding: 0 1.5rem; } .sector-featured-img { width: calc(100% + 4.5rem); padding-bottom: 42%; margin-bottom: -4.5rem; } #sector-pin-navigation { padding: 1.7rem 0; } #services_pin_container { padding-bottom: 6rem; } .sector-content { min-height: 200px; } .sector_pin_container { margin: 0 0; width: 100%; } .video_embed_container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; } .video_embed_container .cs_video { width: 100%; height: 100%; position: absolute; } .cs_info { position: relative; } .scroll-navigation-btns { width: 48px; height: 48px; } #the_service_pin_container, #services_pin_container { position: none; position: unset; -webkit-perspective: unset; } /* Featured box content */ .featured_box_content { width: 85%; min-height: 200px; border: 20px solid #db001b; padding: 5rem 6.5rem; } #featured_box_margins h2.large { font-size: 5rem; } .side_gallery { top: -10rem; } .triangles-bg-layer1 { background-size: 941px 584px; } .triangles-bg-layer2 { background-size: 741px 460px; } .triangles-bg-layer3 { background-size: 541px 336px; } .featured_box_inner_right { width: 25%; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } #featured_box_margins { position: relative; z-index: 9998; } .side_gallery_img { margin-bottom: 0.5rem; } .vacancies_side_gallery_container { margin-top: initial; } .featured_box_inner_left { width: 65%; } .page-template-service-finance .featured_box_inner_left { width: 65%; } .scroll_horizontal_section { display: none; } /* Replace Scrollmagic sections Case Study Pins with Carousel for mobile*/ #scrollmagic_case_studies_mobile, #scrollmagic_service_pins_mobile { position: relative; display: block; } #scrollmagic_case_studies_mobile, .s_mobile_pins_overlay { overflow: hidden; } .mobile_pins_overlay, .s_mobile_pins_overlay { padding: 4.5rem 0; } .mobile_pins_overlay:after { position: absolute; content: ''; top: 0; z-index: 9; right: 0; width: 70%; height: 100%; } .page-template-service-commercial-kitchens .mobile_pins_overlay:after, .page-template-partnerships-and-awards .mobile_pins_overlay:after { background: #DB001B; } .page-template-service-commercial-kitchens .white-btn:hover span, .page-template-service-commercial-kitchens .white-btn:hover span { color: #DB001B; } .page-template-service-airconditioning-ventilation .mobile_pins_overlay:after { background: #7CB01D; } .page-template-service-airconditioning-ventilation .white-btn:hover span { color: #7CB01D; } .page-template-service-airconditioning-ventilation .mobile_pins_overlay .arrow-right:hover:after { color: #7CB01D; } .page-template-service-refrigeration-cooling .mobile_pins_overlay:after, .page-template-home-page .mobile_pins_overlay:after, .page-template-service-special-projects .mobile_pins_overlay:after { background: #03a0d9; } .page-template-service-refrigeration-cooling .white-btn:hover span, .page-template-service-special-projects .mobi_pins .white-btn:hover span { color: #03a0d9; } .page-template-service-refrigeration-cooling .mobile_pins_overlay .arrow-right:hover:after, .page-template-home-page .mobile_pins_overlay .arrow-right:hover:after, .page-template-service-refrigeration-cooling .mobile_pins_overlay .arrow-right:hover:after { color: #03a0d9; } .page-template-service-support-compliance .mobile_pins_overlay:after{ background: #ffdc00; } .page-template-service-support-compliance .mobile_pins_overlay .arrow-right:hover:after { color: #ffdc00; } .mobi_pins .stripes { position: absolute; z-index: 9; content: ''; top: 0; left: 0; width: 100%; height: 100%; } .mobile_pins_overlay .mob_pins { z-index: 99; } #case_study_mobile_carousel, #service_mobile_carousel { margin: 1rem 0; } .mob_embed_container { width: 240px; } #case_study_mobile_carousel .slick-next, #service_mobile_carousel .slick-next { right: 1rem; bottom: -3.4rem; z-index: 9; } #case_study_mobile_carousel .slick-prev, #service_mobile_carousel .slick-prev { left: 1rem; bottom: -3.4rem; z-index: 9; } .mob_pins_header .arrow-right { position: absolute; margin: 0; right: 0; top: 0; } .mobile_cs_pin_slide, .service_pin_slide { width: 50%; margin: 0 0; } .mobile_pins_overlay, .s_mobile_pins_overlay { padding: 2rem 0; } .cs-video-info { position: absolute; bottom: -75px; left: 0; right: 0; width: 100%; display: table; box-sizing: border-box; background: #fff; padding: 10px 2rem; height: 78px; } .entry_box-content_right { width: calc(50% + 9.5rem); } .mobile_service_pin { margin: 0; width: 100%; } .mobile_service_pin div { width: 100%; } #service_mobile_carousel .service_icon { width: 4rem; height: auto; position: absolute; left: -2rem; top: 1rem; } .service_pin_title { font-size: 1.2rem; } #service_mobile_carousel .arrow-right { margin: 0.5rem 0 0 0; } #service_mobile_carousel .slick-list{ overflow: initial !important; } #scrollmagic_service_pins_mobile .swiper-slide { height: 100%; } #scrollmagic_service_pins_mobile .slide { height: 100%; } #scrollmagic_service_pins_mobile .slick-track { height: 100% !important; } #service_mobile_carousel .slick-track { height: 100%; display: flex; flex-wrap: wrap; } #service_mobile_carousel .slick-slide > div { width: 340px; background: pink; } #service_mobile_carousel .slick-slide > div { width: 88vw; height: 100%; flex: 1; margin: 0; background: #fff; display: inline-block; } #service_mobile_carousel .slick-prev:before, #service_mobile_carousel .slick-next:before { color: #000080; } .post_nav_slides_mobile { display: block; width: calc(100% - 4.5rem); margin-left: 2.5rem; position: relative; z-index: -1; padding-bottom: 1.5rem; } .post_nav_slides_mobile > div { padding: 0; background: none; display: flex; filter: drop-shadow( 1px 6px 6px rgba(0,0,0,0.1) ); } .nav-previous, .nav-next { display: inline-block; width: calc(50% - 2rem); background: white; padding: 1.5rem; } .nav-previous { margin-right: 2rem; } #nav-below a, .meta-nav { font-size: 1.1rem; color: #003882; font-weight: bold; } .meta-nav { display: none; } .nav-previous a, .nav-next a { position: relative; } .nav-previous .frame_left { top: -1rem; bottom: unset; } .nav-previous a:before { font-size: 2.2rem; position: absolute; left: -2.5rem; font-family: 'Material Icons'; content: 'arrow_right_alt'; text-transform: initial; font-weight: 600; color: #003881; -moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1) translateY(-50%); top: 50%; } .nav-next a:before { font-size: 2.2rem; position: absolute; right: -2.5rem; font-family: 'Material Icons'; content: 'arrow_right_alt'; text-transform: initial; font-weight: 600; color: #003881; transform: translateY(-50%); top: 50%; } #service_mobile_carousel .service_icon { width: 4rem; height: auto; position: relative; left: 0; top: 0;} #service_mobile_carousel .slick-slide > div { width:400px; } #service_mobile_carousel .slick-slide { margin: 0 0 !important; } #case_study_parallax { padding-top: 36rem; } .case_study-template-single-case_study_template1 .cs_parallax { margin-top: -28rem; } .case_study-template-single-case_study_template1 .cs_parallax { margin-top: -24rem; } .case_study-template-single-case_study_template1 .page-parallaxbackground { padding: 0 0 24rem 0; } .cs_t1_polygon { left: 4rem; } #the_service_pin_container { height: auto; } #s_cs_pinContainer, #services_pin_container { height: auto; padding-bottom: 4.5rem; } .page-template-home-page #latest-news .section-title { padding-top: 2.5rem; margin-bottom: 0; } .featured_post_image { width: calc(100% - 4rem); margin-left: 2rem; margin-right: 2rem; } .featured-post-content-inner { min-height: 100px; padding: 3rem; } .recent-post-content-inner { padding: 2.5rem 2.5rem 6rem 2.5rem; } .cs-logo img { height: 44px; } .cs_info { height: 80px; min-height: 80px; max-height: 80px; } .fb_post_content_wrap { max-width: 280px; } #we-are-social .slick-slide > div { min-height: 100px; } #latest-posts { margin-top: 0; } #bg3 { margin-top: 2rem; } .we-are-social_bg { padding: 0 0; } #we-are-social .section-title { margin-bottom: 2rem; padding-top: 4rem; } #we-are-social .social-btns { margin-bottom: 4rem; } /* Main contact form /Footer */ .page-template-home-page #contactus, .page-template-working-for-us #contactus { margin-top: 2.5rem; } .home-contact-form, .apply-contact-form, .footer-container { width: calc(100% - 24rem); } .container.site-info { margin-top: 4rem; } #footer { padding: 4rem 0; } .page-template-sectors #contactus, .page-template-sectors-care-homes #contactus { margin-top: 4.5rem; } .page-template-sectors #section2 .service-page-cont3, .page-template-sectors-care-homes #section2 .service-page-cont3 { margin-right: 2rem; } .team_members_s2 { padding-bottom: 0; } .case_study-template-single-case_study_template4 .singlepostCarousel { height: 520px; } } @media only screen and (device-width: 768px) and (device-height: 1024px) { .page-template-page-services-landing .section-scrollslider-pagination { padding-top: 13rem; } .full--screen { height: 768px; border: 2px solid blue; } } @media only screen and (device-width: 1024px) and (device-height: 768px) { .page-template-page-services-landing .section-scrollslider-pagination { padding-top: 13rem; } .full--screen { height: 768px; border: 2px solid yellow; } } @media (max-width: 1000px) { .site-notice { position: absolute; top: 55px; background: #E9484E; width: 100%; z-index: 99; padding: 45px 25px; box-sizing: border-box; text-align: center; color: #fff; font-size: 1rem; font-weight: bold; } #hero-vid { backface-visibility: hidden; background-size: cover; bottom: 0; height: auto; min-height: unset; min-width: unset; perspective: unset; position: absolute; right: 0; width: auto; z-index: 1; height: 100%; } /* Shapes */ .page_header_polygon { top: 8rem; } .polygoncontainer, .polygoncontainer_default { width: 520px; height: 685px; } .post-template-single-template3 .top_polygon { left: 13.5rem; } .page-template-service-refrigeration-cooling .ss_rfc_polygon2 { top: -9rem; } .page-template-service-refrigeration-cooling .ss_rfc_polygon3 { top: 49rem; } /*Filters*/ .refine_search label.input-red, .refine_search label.input-green, .refine_search label.input-yellow, .refine_search label.input-light-blue { padding-left: 48px; padding-right: 8px; } /*home*/ .page-template-home-page .filters-form { margin: 0 4.5rem; } .page-template-home-page .filters-form span { display: inline-block; } .page-template-home-page .filters-form { padding: 2.5rem 4rem; } .page-template-home-page .section-title { margin-top: 2.5rem; margin-bottom: 0; } /*Service*/ #scroll-services { display: none; } .pan-right { width: 100%; } .service-page-image { left: 0; right: 0; margin: 0 auto; position: relative; } .service-cont { position: relative; bottom: initial; left: 0; right: 0; margin: 0 auto; width: calc(100% - 4rem); } .service_content6_c7 { margin-top: -6.5rem; } .services_featured_logos { left: -4.3rem; width: 120px; height: 80px; } .our_services_title h2 { top: calc(65px + 2rem); } .fcb_x2_1 { position: initial; transform: none; } .fcb_x2_2 { position: initial; transform: none; } .featured_box_inner_right2 { width: calc(100% + 1rem); float: left; position: relative; top: initial; margin-left: -0.5rem; margin-right: -0.5rem; padding-top: 1rem; } .featured_box_inner_left2 { width: 100%; } .fcb_col_x2 { width: 50%; float: left; } .fcb_col_x2 img { width: 50%; padding: 0.5rem; box-sizing: border-box; } .fcb_x2_1 img { margin-right: 0; } .fcb_x2_2 img { margin-left: 0; } .fcb_col_x2 img { margin-bottom: 0rem; float: left; } .fcb_col_x2 img:first-of-type { margin-bottom: 0rem; } .service-page-content2 { margin: 4rem 0 0 auto; } .service-content4-left-gallery { right: 4.5rem; } .service-content4-left { width: 65%; padding: 7rem 13.5rem 7rem 6rem; } .page-template-service-total-fit-out .service_page_cont2_s2_left { top: -20%; bottom: 4.5rem; } .ss_cont2_gcontainer { width: 55%; height: 100%; } .ss_cont2_gcontainer .autoimg { width: auto; height: 50%; display: block; } .page-template-service-special-projects .service_page_cont2_s2_left { top: -4.5rem; height: 98%; } #service-page-content6 { margin: 4.5rem 0 2.5rem 0; } .service-page-cont6-content { width: 100%; } .page-template-sectors .service-page-cont6-content, .page-template-sectors-care-homes .service-page-cont6-content { width: 40%; } .service-page-cont6-content .service-page-content-inner { padding: 0 2rem 0 1.5rem; } .service-content6-left-img { margin-top: -19rem; } .page-template-service-refrigeration-cooling .service-content6-right-img { width: 65%; } .page-template-service-special-projects .service_page_cont2_s2_left { margin-top: 0; } .page-template-service-rentals #featured_box_margins h2.large { font-size: 5rem; } .featured_box_content { width: 90%; } .page-template-service-finance #featured_box_margins h2.large { font-size: 4.6rem; } .page-template-service-finance .featured_box_inner_left { width: 70%; } .rentals-info-2 { margin-top: -2.5rem; } .rentals-info-box { width: 100%; } .rentals-info-box { margin: 0 0 0 0.5rem; } .rentals-info-2 .rentals-info-box:first-of-type { padding-bottom: 0; } .rentals-info-2 .container { margin: 0 2.5rem; } .s_sp_polygon { top: -4.5rem; right: 0; } .page-template-service-refrigeration-cooling .page-parallaxbackground { padding: 2.5rem 0 4rem 0; } .page-template-service-refrigeration-cooling #s_section5.page-parallaxbackground2, .page-template-service-refrigeration-cooling #s_section8.page-parallaxbackground2 { padding: 2.5rem; } .cs_content2_snippet { margin-top: 0; margin-right: 0; width: 100%; } .cs_content2_left { width: 100%; } .cs_img1 { margin-top: 2rem; width: calc(100% - 4rem); height: auto; float: right; margin: 0 2rem; } .case_study-template-single-case_study_template1 .cs_parallax { width: 80%; left: 0; right: 0; margin-top: -24rem; } .cs_t1_parallax_img2 { width: 45%; z-index: 99; position: absolute; top: -20%; right: 2rem; } .case_study-template #nav-below { margin-top: 2rem; margin-bottom: 2rem; } .entry_box-content_right { width: 100%; margin: 0; } .entry_box-content_right.box-content { padding-bottom: 1rem; } .entry_box-content_left { width: 100%; margin: 0; } .entry_box-content_left.content-box-shadow { box-shadow: 0px 12px 22px 2px rgba(0,0,0,0.1); } .entry_box-content_right_img { width: calc(100% - 2rem); margin-left: 1rem; margin-right: 1rem; } .page-template-home-page #latest-news .section-title { padding-top: 1.5rem; } .images_scroll_top { margin-top: 0; } .content_snippet { text-align: center; } /*Meet the team*/ .meet_the_team_members .container { min-height: 80px; } .meet_team_top { height: 80px; } /* Giving Back */ .box_content_logo { width: 180px; } #the_enviroment_p1 .container { padding: 4.5rem 13.5rem; } /* Accreditations */ #accreditations_partnerships_awards_section5 { margin-top: -4rem; } .apa_contentbox2 { margin-right: 9rem; } .partnerships-awards-logobox { width: 100%; } #accreditations_partnerships_awards_section3 { margin-top: 2.5rem; padding: 5rem 0 16rem; } .awards_box2, .awards_box1 { width: 220px; } .awards_box2 { right: calc(180px - 2rem); } .awards_box_img { padding: 2rem 2.5rem; } /* Main contact form /Footer */ .home-contact-form, .apply-contact-form, .footer-container { width: calc(100% - 16rem); } #contact-form, #apply-form { padding: 2rem 2rem 0 2rem; } .input-form input, .input-form select, .input-form textarea { height: 42px; } #s_section5.page-parallaxbackground2 { padding: 2.5rem; } } @media (max-width: 801px) { html { font-size: 12px; } .container, #acme-intro, .section-scrollslider-row { margin: 0 2rem; } .section_space { padding-top: 4rem; } /* Navigation Menu */ .menu-main-menu-container { width: 100%; } /* Shapes */ .tfo_poly { top: -32rem;left: 0; right: -2rem; } .s_af_polygon { top: 9rem; right: 13.5rem; } .ph_polygon { right: -2rem; } .wfu_polygon2 { right: 0; } .service_page_header_polygon { top: 0; left: 0; right: 0; margin: 0 auto; } .s_re_polygon2 { top: -9rem; left: 0; right: 0; } .s2_tfo_poly { top: -22rem; right: 2rem; } .post-template-single-template3 .top_polygon { left: unset; right: 0; } .s_re_polygon1 { top: -22rem; left: 0; } .s_sc_polygon2 { top: 0; left: 4.5rem; } .cs_t2_polygon3 { top: -9rem;left: 0; } .s_nav_polygon { left: 2rem;} /* Page */ .page-parallaxbackground-sm { height: 360px; } .boxmargin_top { margin-top: -2.5rem; } /* Frames */ .frame_left { top: initial; bottom: -1rem; left: -1rem; } .frame_right { right: -1rem; top: -1rem; } /*Services single*/ .service-page-cont { top: -6.5rem; width: calc(50% + 4rem); } .service_page_img { width: 50%; } .service-page-content2 { margin: 2rem 0; } .page-parallaxbackground-lg { height: auto; padding: 2rem; } .service-page-cont3 { margin: 0 auto; left: 0; right: 0; width: 75%; position: relative; top: initial; transform: none; } .page-parallaxbackground { padding: 4.5rem 0; } .service-page-cont3 { width: 60%; } .content5_wrap { padding: 0 2.5rem 2.5rem 2.5rem; } .page-template-service-refrigeration-cooling .content5_wrap { padding: 0; } .service-content5-right-img { right: 2.5rem; } .service_content6_c7 { margin-top: -13rem; } .service-content4-left { padding: 4rem 14rem 4rem 4rem; } .page-template-service-total-fit-out #section3.page-parallaxbackground { padding: 6.5rem 6.5rem 9.5rem; } .page-template-service-special-projects #section3.page-parallaxbackground { padding: 6.5rem; } .service-page-cont3_img { width: 180px; } .page-template-service-total-fit-out .service-page-cont3_2.box-content { padding-right: 9rem; } #box_scrolling { width: 100%; } #box_scrolling li:first-child { margin-top: 2rem; } .box_scrolling_ico { width: 90px; } .box_scrolling_txt { width: calc((100% - 90px) - 2.5rem); } .page-template-service-finance #featured_box_margins h2.large { font-size: 4rem; } /*Case Studies Archive */ /* .article_colx2:nth-child(3n) .archive_vid { width: 100%; justify-content: flex-start; display: block; } .article_colx2:nth-child(3n) { display: block; } .article_colx2:nth-child(3n) .entry-content { display: block; width: 100%; } .article_colx2:nth-child(3n) .cs_embed-container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; } */ .archive_list { margin-top: 2.5rem; } .article_colx2 { width: 100%; margin: 0 1rem 1rem 1rem; } .entry-content { padding: 2.5rem; } /*Case Studies Singles */ .key_facts { width: 75%; } .cs_t1_background { width: 100%; } .case_study_brand_logo.float_left { margin-right: 0; } .case_study_brand_logo { margin-top: 3rem; float: left; width: 25%; } .brand_img { width: auto; } .cs_t2_c3 { width: 100%; } .cs_t2_c3_images { width: 100%; position: relative; right: 0; top: 0; margin-right: 0; padding: 0 0; font-size: 0; } .cs_t2_c3_img_container { width: calc(100% / 3); display: inline-block; padding: 0; } .cs_t2_c3_snippet { width: 100%; margin-top: 0; } .cs_t2_c3_snippet { margin-left: 0; } .cs_t2_c3_images.float_right { float: none; } .case_study-template-single-case_study_template2 .cs_content2 .box-content { padding: 4rem; } .case_study-template-single-case_study_template2 .top-margin { margin-top: 0; } .case_study-template-single-case_study_template2 .white_bg_75sc::after { right: 0; } /* .article_colx2:nth-child(3n) .archive_post_image { position: relative; padding-bottom: 56.25%; overflow: hidden; width: 100%; } */ /* Our videos */ .archive_video { width: 75%; } .video_list li:nth-child(2n+1) > .archive_video_logo, .video_list li:nth-child(n+2) > .archive_video_logo { width: 25%; } .archive_video_logo .archive_brand_img { width: 75%; } .cs-video-info { position: relative; bottom: -75px; left: initial; right: initial; width: 100%; display: block; box-sizing: border-box; padding: 10px 2rem; height: initial; overflow: hidden; } .video_entry .cs-video-info .case-study-title { display: block; text-align: left; float: left; } .video_entry .project_cat_icons { display: block; float: right; } /*Meet the team*/ .meet_the_team_intro { padding: 7rem 4.5rem 4.5rem; } .team_members li { display: inline-block; } .team_members li .autoimg { height: 330px !important; width: auto; } .team_members { text-align: center; } .meet_the_team_members .container { min-height: 60px; } .meet_team_top { height: 60px; } .meet_the_team_below_wrap .container { margin: 0 0; } .team_members_s2 li { width: calc(25% - 2rem); } .team_members_s2 li.team_more { width: calc(25% - 2rem); } .more_details strong { font-size: 1.5rem; } #meet_the_team_below br { display: none; } .staff_text, .staff_text span { font-size: 1.2rem; } .team_members_s2 li:first-child img, .team_members_s2 li:nth-child(7) img { background: #DB001B; } .team_members_s2 li:nth-child(2) img, .team_members_s2 li:nth-child(8) img { background: #7db01d; } .team_members_s2 li:nth-child(4) img, .team_members_s2 li:nth-child(10) img { background: #FEDC00; } .team_members_s2 li:nth-child(5) img, .team_members_s2 li:nth-child(9) img { background: #03a0d9; } /* Giving Back */ .page_box_right2 { width: calc(100% - 200px); } .logobox_left { width: 200px; } .page_box_right2.box-content { padding-left: 7rem; } #the_enviroment_p1 .container { padding: 4.5rem 9rem; } .page-template-giving-back .page_intro_box_right { width: calc(52% - 4.5rem); } .page-template-christmas-campaign .page_intro_box_right { width: calc(52% - 4.5rem); } /* working for us*/ .page-template-working-for-us .page_intro_box_right { padding-top: 0.5rem; } #perks_scroller { width: calc(100% - 2rem); } .perks_ico { width: 65px; } #perks_scroller_title, #partners_scroller_title { margin-top: calc(-65px - 2rem); } #perks_scroller li:nth-child(2n+2) { margin-top: 3rem; margin-left: 3rem; } #perks_scroller .box h3 { font-size: 1.4rem; margin: 1rem 0 0.5rem 0; } #working_for_us_content3 { margin-top: 400px; } .gb_content2 { position: relative; width: calc(55% + 2.5rem); float: right; margin-top: 2.5rem; } .gb_image2 { width: 45%; position: absolute; left: 0; top: 4.5rem; } .clients-gallery_center, .parallax_image_scroll_container { margin-top: -18rem; width: 88%; } .parallax_imagescroll1 { width: 400px; left: 0; top: -100px; } .parallax_imagescroll2 { width: 250px; z-index: 99; position: absolute; right: 0; top: -138px; } .page_intro_box { margin-left: 2rem; width: calc(100% - 5rem); } .page-template-working-for-us .page_intro_box_right { display: block; width: 100%; } .side_gallery_container { position: relative; top: 0; padding: 0; font-size: 0; margin-left: -0.5rem; margin-right: -0.5rem; width: calc(100% + 1rem); } .page-template-working-for-us .page_intro_box_right img { width: calc(25% - 1rem); margin-left: 0.5rem !important; margin-right: 0.5rem; margin-top: 0.5rem; margin-bottom: 1rem; display: inline-block; justify-content: space-between; } /*Job Vacancies*/ .job_info_left, .job_info_right { width: 50%; } /* Accreditations */ .page_intro_box2 { width: 75%; } .apa_contentbox2 { margin-right: 4.55rem; } .awards_box1 { right: 1rem; } .awards_box2 { right: calc(180px - 9rem); } #accreditations_partnerships_awards_section5 { margin-top: 2rem; } /* Blog Archive */ .articles li:not(:first-child) .blog_archive_post_image { margin-left: -1.5rem; } .articles li:nth-child(2n+1) .blog_archive_entry_box-content { left: -1.5rem; } .articles .arrow-right { margin-top: 0; } .articles li .blog_archive_post_image { top: -2.5rem; } .articles li:first-child .entry-content { margin: 1.5rem 0 1.5rem 0; } .articles li:first-child .blog_archive_entry_box-content { margin: -4rem 4rem 0 4rem; left: 0; } /* Blog Pages */ .b_t3_top_content_left { width: calc(100% - 4.5rem); z-index: 98; } .b_t3_top_content_right { margin-top: -4.5rem; width: calc(100% - 4.5rem); z-index: 1; } .b_t3_top_content_right .box-content { padding-top: 8rem; } .blog_archive_entry_box-content_after { width: 100%; } .blog_archive_entry_box-content_frame_left { left: -2rem; top: -4rem; } #contact_bxs { margin-top: 0; } #contact_bxs ul { margin-top: 1rem; margin-bottom: 1rem; } #contact_bxs { margin-bottom: 2.5rem; } .contact_bx { width: calc(34% - 1rem); } /* Featured box content */ .featured_box_content { width: 92%; min-height: 200px; border: 18px solid #db001b; padding: 5rem 6.5rem; } .side_gallery_img { margin-bottom: 0.3rem; } .featured_box_inner_right { width: 28%; position: absolute; top: 50%; right: 0; transform: translateY(-50%); } /* Main contact form /Footer */ #contact-form, #apply-form { padding: 2.5rem; } .input-form input, .input-form select, .input-form textarea { height: 38px; } #contact-form input[type="submit"], #apply-form input[type="submit"] { margin-top: 1rem; } #contact-form span.cformtext, #apply-form span.cformtext { display: none; } #contact-form span.cformtext2, #apply-form span.cformtext2 { display: table-cell; width: initial; } #contact-form .your-email, #apply-form .your-email { width: inherit; } #footer { padding: 4rem 0 2rem 0; } .footer-container { padding: 0; } .site-info li a::after { padding: 0 4px; } .home-contact-form, .apply-contact-form, .footer-container { width: calc(100% - 4.5rem); } .page-template-christmas-campaign #the_enviroment { padding-bottom: 0; } .page-template-christmas-campaign #contactus { margin-top: 0; } .sector_s__polygon2 { right: -0; } } @media (max-width: 750px) { .service_page_header_polygon { top: -100px; left: 0; right: -2rem; margin: 0 auto; } .page-template-service-commercial-kitchens .service_page_header_polygon, .page-template-service-airconditioning-ventilation .service_page_header_polygon { top: 0; } .page-template-service-commercial-kitchens .service_page_header_polygon, .page-template-service-airconditioning-ventilation .service_page_header_polygon { top: 9rem; left: 1.5rem; right: 0; } .s2_tfo_poly { top: -38rem; right: 0; } .s_af_polygon { top: -3rem; right: 3rem; } .s_sp_polygon { top: 0; right: 0; } .cs_c1_polygon { top: 10rem; } .s_sc_polygon2 { left: 0; } .service_page_header_polygon { top: 0; } .s_nav_polygon { left: -0.5rem;} .page_header_polygon { top: 0; } .page-template-service-refrigeration-cooling .ss_rfc_polygon3 { top: 9rem; } .hm_polygon2 { top: -26.5rem; } .ov_polygon2 { left: initial; right: 0; } .page-template-service-refrigeration-cooling .ss_rfc_polygon2, .page-template-service-refrigeration-cooling .ss_rfc_polygon3 { right: 0; } .page-template-service-refrigeration-cooling .ss_rfc_polygon2 { left: 0; top: 16rem; } .articles li:first-child .frame, .post-template-default .frame { right: -1.5rem; left: -1.5rem; top: -1.5rem; width: calc(100% + 3rem);} .section-scrollslider-slide-image { margin-right: 2.5rem; } .section-scrollslider-slide-info-inner { padding: 1.5rem 1.5rem; } .section-scrollslider-slide-info { top: 2.5rem; width: 75%; } .section-scrollslider-pagination { display: none; } .section-scrollslider-slide-list { width: 100%; } .section-scrollslider { margin-top: 2.5rem; margin-bottom: 2.5rem; } .block-icon { width: 38px; height: 38px; } .blocks-align-left .column { display: none; } .recent-posts-table { display: none; } #section1 .section-row { padding: 2rem; } .table { display: block; margin-left: 0; margin-right: 0; overflow: hidden; } #section1 .table-row { display: block; font-size: 0; } #section1 .table-cell { display: inline-block; width: 50%; box-sizing: border-box; text-align: center; justify-content: space-between; padding: 1rem; font-size: 1rem; } #section1 .block-icon { margin: 0 auto; } #section1 .table-row.blocks_buttons { display: none; } .section-spacing-sm { margin-top: 0; margin-bottom: 0; } .clients-gallery { width: calc(100% - 4rem); margin-left: 2rem; margin-right: 2rem; } .clients-image2 { right: 0; } #see_more_of_blog { display: block; text-align: center; background: #003882; padding: 1rem 4rem; margin-bottom: 0.5rem; margin: 0 auto; margin-right: auto; margin-bottom: 0px; margin-left: auto; position: relative; margin-left: 2rem; margin-right: 2rem; width: calc(100% - 4rem); box-sizing: border-box; margin-bottom: 0.5rem; } #see_more_of_blog .blue-btn { border: 2px solid #fff; } #see_more_of_blog span, #see_more_of_blog .arrow-right.long::after { color: #fff; } .featured_post_content { width: 100%; position: initial; bottom: 0; top: -2.5rem; } .featured-post-content-inner { min-height: 0; padding: 2.5rem; } #latest-news { padding-bottom: 0; } .featured_post_image { margin-left: 2rem; } #bg3 { margin-top: 0; } .featured-post-title { font-size: 1.6rem; font-family: 'Patua One', Tahoma; margin-bottom: 1rem; } .featured-post-content-inner::before { width: calc(100% - 2rem); top: -1rem; right: 1rem; } #ss_section6_2 .page-parallaxbackground { padding: 4.5rem 0; } /*Services single*/ .service-image-slider { width: 40%; } .service-page-content { width: 60%; } .service-page-content2 .service-page-content-inner { padding: 2.5rem; } .parent-pageid-174 .box-content { padding: 2.65rem; } .service-page-cont { width: calc(100% - 3rem); } .service-page-cont { top: -6.5rem; width: calc(100% - 3rem); position: relative; } .service_page_img { width: 60%; padding-bottom: 60%; margin-top: -9rem; } .service-page-content2 { margin: 2rem 0 0 0; } .service-page-content2 .service-page-content-inner { padding: 4rem 2.5rem; } .service-image-slider { width: 45%; margin-top: -18rem; margin-left: 0; } .service-page-content { width: 100%; } .service-page-content2 .frame_left { top: initial; top: -1rem; right: -1rem; left: initial; } .service-page-content2 .service-image-slider { z-index: 99; } .page-child #section3 .container, .page-parallaxbackground2 .container { margin: 0 0; } .page-child #section3 .whitebg, #scrollcontent1.whitebg { background: rgba(255, 255, 255, 0.8); } #service-page-content6 { margin-bottom: 0; } .page-template-service-airconditioning-ventilation .service-content6-right-img { width: 55%; } .service-content6-left-img { position: absolute; bottom: 2.5rem; } .service-page-cont4 { padding-bottom: 2rem; } .service-content4-left-gallery { width: 75%; right: 0; left: 0; margin: 0 auto; position: relative; margin-top: -4rem; } .service-content4-left { margin-top: 0; width: 100%; padding: 4rem 4rem 9rem 4rem; } .page-template-service-refrigeration-cooling .service-page-cont4 { margin-bottom: 1rem; } .service-page-cont5 { width: 100%; } .service-content5-right-img { right: 2rem; width: calc(15% + 6rem); } .service-page-cont6-content { width: 100%; } .page-template-service-commercial-kitchens .service-content6-right-img, .page-template-service-refrigeration-cooling .service-content6-right-img { margin-top: 0; } .page-template-service-commercial-kitchens .service-content6-left-img, .page-template-service-refrigeration-cooling .service-content6-left-img { width: calc(40% + 1.5rem); } .service-page-cont6-content .service-page-content-inner { padding: 0 4rem 2.5rem 0; } .page-template-service-airconditioning-ventilation .service-page-cont6-content { width: 100%; } .service_content6_c7 { margin-top: 0; } .service_content6_c7 { width: 100%; } .page-template-service-airconditioning-ventilation .service-content6-right-img { width: 65%; } .page-template-service-airconditioning-ventilation .service-content6-left-img { width: calc(35% + 2.5rem); } .service-page-cont6-content .service-page-content-inner { padding: 0 2rem 2rem 2rem; } .page-parallaxbackground, .page-parallaxbackground2 { padding: 4rem; } .service-content5-right-img { display: none; } .service-page-cont2 { width: calc(100% - 3rem); position: relative; } #service_page_img2 { margin-top: -9rem; margin-right: 4.5rem; } #service_intro .services2 .box-content { padding-bottom: 4.5rem; } .service_page_cont2_s2_right { width: 100%; } .service_page_cont2_s2_left { width: 44%; text-align: center; } .ss_cont2_gcontainer { width: 45%; margin-top: -24rem; position: relative; z-index: 999; } #service_intro .services2 .box-content { padding-right: 2.5rem !important; } .service-page-cont3_2 { width: 80%; } .page-template-service-total-fit-out .service-page-cont3_2.box-content { padding-right: 18%; } .service-page-cont3_img { left: initial; width: 30%; right: 0; } .page-template-service-special-projects .service-page-cont3_2 { width: 100%; } .page-template-service-commercial-kitchens #scrollcontent1.box-content { padding-right: 2.5rem; } .section32_left { padding-bottom: 6rem; } .ss_cont2_gcontainer { height: 200px; } .ss_cont2_gcontainer .autoimg { width: auto; height: 50%; } .scrollleft, .scrollright { display: none; } .page-template-service-refrigeration-cooling .page-parallaxbackground { padding: 2.5rem; } .service-page-cont3 { width: auto; } .page-template-service-refrigeration-cooling .service-page-cont5 { width: auto; } #box_scrolling li { width: calc(100% - 4.5rem); } #box_scrolling li:nth-child(2n+1) { margin-left: 4.5rem; } #box_scrolling li:nth-child(2n+2) { margin-right: 4.5rem; } #box_scrolling li:nth-child(2n+1) { margin-top: 0; margin-bottom: 0; } #box_scrolling li:nth-child(2n+2) { margin-top: 0; margin-bottom: 0; } #box_scrolling li:first-child { margin-bottom: 4rem; } #box_scrolling li:nth-child(2) { margin-bottom: 2rem; } #box_scrolling li:nth-child(3) { margin-bottom: 4rem; } #box_scrolling li:nth-child(4) { margin-bottom: 2rem; } #box_scrolling li:last-child { margin-bottom: 4rem; } .box_scrolling_ico { width: 80px; } .box_scrolling_txt { width: calc((100% - 80px) - 2.5rem); } #box_scrolling { padding: 0; } .cs_slide_thumb { width: 360px; padding: 0 0; } .cs_slide_image { width: 100%; padding-bottom: 50%; } #case_study_mobile_carousel .cs_slide_video_title img { height: 18px; } #case_study_mobile_carousel .video_link { padding: 0 0.5rem; font-size: 1.2rem; } .csbox_container { margin: 0 0.5rem; } .video_embed_container { height: calc(100% - 80px); max-width: 100%; width: 100%; } #sector-controls { top: 4rem; } #the_service_pin_container .section-title, .acme-sectors #services_pin_container .section-title { padding-top: 4rem; } .scroll-navigation-btns { width: 45px; height: 45px; } /*Meet the team*/ .meet_the_team_intro { padding: 7rem 4.5rem 4.5rem; } .team_members li .autoimg { height: 295px !important; } /*Featured content boxes*/ .ss_section6_parallax_top { padding: 0 2.5rem; } .page-template-service-rentals #featured_box_margins h2.large { font-size: 4rem; } .featured_box_content { padding: 3rem 3rem; } #bg3.page-parallaxbackground { margin-top: 4rem; } #latest-posts { display: none; } #gallery2 { margin-bottom: 2.5rem; } #home_social_feed { display: none; } .we-are-social-icons { text-align: center; } #we-are-social .social-btns { margin-bottom: 1rem; } #we-are-social .section-title { margin-top: 0; } .page-template-home-page #contactus { margin-top: 2.5rem; } #mobile_rental_title { display: block; } #rental_packages { background: #003882; padding: 2rem; } #packages_container { padding-left: 0; padding-right: 0; } #packages_container figure { width: 100%; margin: 1.5rem; } .rental-subtitle { display: none; } .rentals-info-img2 { margin-top: 2.5rem; } .lightbox-opened { padding: 0; } .rental_information { height: 100%; max-height: 100%; min-width: 100%; max-width: 100%; padding: calc(65px + 3rem) 2rem 2rem 2rem; position: relative; top: initial; transform: none; box-sizing: border-box; } .lightbox_title { width: 78%; padding-right: 1rem; } .lightbox_price { width: calc(25% - 1rem); } .close_package { display: block; font-weight: bold; padding: 1rem 0; } .close_package i { vertical-align: middle; font-size: 1rem; } .page-template-service-special-projects .section-title.jobs-title { margin-top: -13.5rem; } .page-template-service-special-projects #perks_scroller { margin-top: 2.5rem; } /*support compliance*/ .page-template-service-support-compliance .service-content4-left { margin-top: 0; } /*Giving Back*/ #giving_back_content2 .arrow-right { margin-top: 0; margin-bottom: 0; } #giving_back_content2 p:last-of-type { margin-bottom: 0; } .page_box_right2.box-content { padding-left: 1.5rem; } /*Case Study Singles*/ .content_snippet:before { width: 50px; height: 39px; } .content_snippet:after { width: 50px; height: 39px; } /*Job Vacancy Single*/ .jv_intro { width: 100%; } .jv_intro.box-content { padding: 2rem; } .job_summary li:not(:last-child):after { margin: 0 0.2rem; } .jv_intro .post-title { margin: 0 0 1rem 0; } .job_content_left { margin-top: 0; width: 100%; padding: 2.5rem; } .job_content_left:after { left: -1rem; } .job_content_right { width: 100%; top: 0; right: 0; position: relative; } .job_actions { padding: 4.5rem; position: relative; top: 0; margin-bottom: 0; } .apply-contact-form { margin-top: 1rem; } /*Blog Singles*/ .entry_box-content { margin: -2.5rem 2.5rem 0 2.5rem; } .page-template-giving-back #contactus, .post-type-archive #contactus, .page-template-service-rentals #contactus, .page-template-service-finance #contactus, .page-template-service-support-compliance #contactus { margin-top: 2.5rem; } .page-template-sectors #contactus, .page-template-sectors-care-homes #contactus { margin-top: 4rem; } .contact_bx { width: 100%; } .map-container { height: 500px; } #contact_bxs .float_left, #contact_bxs .float_right { float: none; } .contact_bx.float_left, .contact_bx.float_right, .contact_bx { margin: 1rem 0; } .home-contact-form, .apply-contact-form, .footer-container { width: calc(100% - 4.5rem); } .formrow_hidden { display: none !important; } .formrow_vis { display: table-cell !important; width: auto !important; } .upload_your_cv { display: table !important; } .wpcf7-form-control-wrap.upload-cv { display: table-cell !important; width: auto !important; } .upload_your_cv > span { display: table-cell; } .hideonmob { display: none !important; } .job_actions { padding: 2.5rem 1.5rem; } .job_actions .arrow-right.long { display: inline; } .case_study-template-single-case_study_template2 .clients-gallery_center { margin-top: 0; } .post_nav_slides { margin-top: 0; } .case_study-template-single-case_study_template2 .images_scroll_top { margin-top: 26rem; } .case_study-template-single-case_study_template2 .clients-gallery_center { position: relative; top: -20rem; height: 20rem; } .acme_previous_post_slider { width: 100%; margin-left: 0; } #cs_t2_er_imgs .gallery_center-image2 { top: -4rem; } .acme_next_post_slider { width: 100%; margin-right: 0; } .acme_next_post_slider div:not(:first-of-type), .mob_hide_previous div:not(:first-of-type) { display: none; } .post_nav_slides { padding: 0 2rem; } .mobile_next_prev_title { padding: 1rem; } .acme_previous_post_slider, .acme_next_post_slider { margin: 1rem 0; } .prevarrow, .nextarrow { font-size: 1.2rem !important; position: relative; color: #003882 !important; vertical-align: middle; } .prevarrow:after { content: ''; font-family: 'slick'; margin-right: 0.5rem; } .nextarrow:after { content: ''; font-family: 'slick'; margin-left: 0.5rem; } #nav-below a, .meta-nav { font-size: 1.2rem; } .articles li:nth-child(2n) .blog_archive_post_image { position: relative; } .articles li .blog_archive_post_image { position: relative; top: 0;display: block; height: auto; width: 100%; padding-bottom: 56%; } .articles li:first-child .blog_archive_post_image { padding-top: 0; } .articles li:not(:first-child) .blog_archive_entry_box-content { width: 100%; position: relative; } .articles li:nth-child(2n) .blog_archive_entry_box-content { margin-left: 0; } .articles li:not(:first-child) .blog_archive_post_image { margin-left: 0; } .articles li:first-child .frame, .post-template-default .frame { right: -1rem; left: -1rem; top: -1rem; width: calc(100% + 2rem); } .articles li:first-child .blog_archive_entry_box-content { margin: -2rem 2rem 0 2rem; } .articles .entry-content { margin: 1.5rem 1.5rem 1rem 1.5rem; } .articles li:not(:first-child) .entry-content { margin: 1.5rem 0 2rem 0; } .articles li:not(:first-child) .blog_archive_entry_box-content { margin: -2rem 2rem 0 2rem; } .articles li:not(:first-child) .blog_archive_entry_box-content { width: auto; } .articles li:not(:first-child) .blog_archive_post_image { right: 0; } .articles li:nth-child(2n+1) .blog_archive_entry_box-content { left: 0; } .articles li:not(:first-child) .frame, .post-template-default .frame { right: -1rem; left: -1rem; top: -1rem; width: calc(100% + 2rem); } } @media (max-width: 680px) { .navTrigger { background: none; } .end_content .box_content_title { padding: 0 0; } .team_members li .autoimg { height: 275px !important; } .articles li:not(:first-child) .blog_archive_entry_box-content { margin: -1.5rem 2rem 0 2rem; } .articles li:first-child .blog_archive_entry_box-content { margin: -1.5rem 2rem 0 2rem; } .articles li .entry-title a { font-size: 1.8rem; } } @media (max-width: 641px) { .container, #acme-intro, .section-scrollslider-row, #contact_bxs { margin: 0 1rem; } h1.large, h2.large { font-size: 4.5rem; } .arrow-right.long span { margin-right: 5px; } .cs_t1_polygon { left: 1rem; } #vid-overlay .service-buttons li span { font-size: 1.4rem; display: block; color: #fff; opacity: 0; transition: all 0.9s ease; margin-left: 28px; } #vid-overlay .sbtn.active { width: 100%; float: left; opacity: 1; padding: 25px 0; } #vid-overlay .sbtn.active span { opacity: 1; margin-left: 28px; } #vid-overlay .service-buttons li { transition: all 0.9s ease; opacity: 0; position: absolute; bottom: 0; float: left; display: block; width: 100%; padding: 25px 0; } .page-template-home-page .filters-form { margin: 0 1rem; } .blog_refine, .refine_search_header { padding: 1.5rem 2rem; } .filter_title { cursor: pointer; } .filter_title h2 { position: relative; } .filter_title h2:after { position: absolute; font-family: 'Material Icons'; content: 'keyboard_arrow_down'; right: 0; } .mobile_filters { display: none; } .filters_form label, .filters_form button { display: block; } .filters_form input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; -o-appearance: checkbox; position: relative; height: initial; margin-right: 0.5rem; } .refine_search label { border: none; } .filters_form .active_input span { color: #003882; } .input-blue.active_input { background: transparent; } .blog_refine, .refine_search_header { padding: 1.5rem 1.5rem; } .no_posts_found { padding: 1.5rem; } .refine_search .input-red::after, .input-green::after, .input-yellow::after, .input-light-blue::after, label.filter_all::after { display: none; } label.filter_all, .refine_search label.input-red, .refine_search label.input-green, .refine_search label.input-yellow, .refine_search label.input-light-blue { padding-left: 10px; } .refine_search .input-green, .refine_search .input-red, .refine_search .input-light-blue, .refine_search .input-yellow { border: none; border: 0; } .refine_search .input-green.active_input, .refine_search .input-red.active_input, .refine_search .input-light-blue.active_input, .refine_search .input-yellow.active_input { background: transparent; } .refine_search .input-green:hover, .refine_search .input-red:hover, .refine_search .input-light-blue:hover, .refine_search .input-yellow:hover { background: transparent; } .refine_search .input-green:hover, .refine_search .input-red:hover, .refine_search .input-light-blue:hover, .refine_search .input-yellow:hover { background: transparent; } .refine_search .input-green:hover span, .refine_search .input-red:hover span, .refine_search .input-light-blue:hover span, .refine_search .input-yellow:hover span { color: initial; } .refine_search .input-green.active_input span { color: #7DB01D; } .refine_search .input-red.active_input span { color: #DB001B; } .refine_search .input-yellow.active_input span { color: #fedc00; } .refine_search .input-light-blue.active_input span { color: #03a0d9; } .filters_form label span { line-height: initial; } .input-blue:hover { background: initial; } .input-blue:hover span { color: initial; } .featured_post_image { width: 100%; margin-left: 0; } .filter_title h2 { padding-right: 28px; } .filter_title h2:after { border-radius: 50%; width: 28px; height: 28px; text-align: center; vertical-align: middle; display: inline-block; top: 50%; transform: translateY(-50%); display:flex; flex-direction:row; align-items: center; justify-content: center; } #filter_cats.filter_title h2:after { background: #fff; color: #003882; } #filter_tags.filter_title h2:after { background: #003882; color: #fff; } #mobile_update_btn { display: block; } .blog_refine, .refine_search_header { padding: 1.5rem 1rem; } .entry-content { padding: 2rem; } .shapeContainer { width: 100%; height: auto; } .sticky_polygon_container { margin-bottom: 632px; } .polygoncontainer, .polygoncontainer_default { width: 88%;height: auto; } .move_polygon { width: 100%; height: auto; } .ph_polygon { top: 0; right: -1rem; } .gb_t3_polygon2 { top: 12rem; right: unset; } .s_re_polygon { top: 0; right: 0; } .tfo_poly { top: -32rem; left: 0; right: 0; } .cs_t2_polygon3 { top: 9rem; left: 0; } .logos1 { height: 80px; width: 2670px; animation: slide4 22s linear infinite; } .logos2 { height: 80px; width: 2670px; animation: slide4 22s linear infinite; } .service-page-cont3 { float: none; width: 100%; margin: 0 auto; } .content5_wrap { padding: 0; } .service-content5-right-img { right: 0; width: calc(25% + 6rem); } .page-parallaxbackground, .page-parallaxbackground2 { padding: 2.5rem; box-sizing: border-box; } #page-intro .section-title { margin-top: 3.5rem; margin-bottom: 1.5rem; } .box-content p, .service-page-content-inner p { margin: 0.8rem 0; } .page-parallaxbackground-sm { height: 300px; } .page_information_section { margin-bottom: 2rem; } .service-image-slider { width: 42%; margin-top: -160px; } .service-page-content2 .service-page-content-inner { padding: 3rem 2.5rem; } .service-page-content2 br { display: none; } #service_intro .services2 .box-content { padding-bottom: 3rem; } #service_intro .services2 .box-content { padding-right: 1.5rem !important; } .page-template-service-total-fit-out #section3.page-parallaxbackground { padding: 4rem 4rem 6.5rem 4rem; } .page-template-service-special-projects #section3.page-parallaxbackground { padding: 4rem; } .service_page_cont2_s2_right { margin-bottom: 2.5rem; } .section32_left { width: 100%; padding-right: 0; padding-bottom: 0; } .ss2_section3_content { width: 100%; padding-top: 6rem; margin-right: 0; margin-top: -9rem; } #ss2_section4 { margin-top: -14.5rem; z-index: 1; } .page-template-service-total-fit-out .ss2_section3_content .box-content { padding-top: 6rem; padding-left: 2.5rem; } #ss2_section4 { position: relative; } .ss2_section3_img { top: 8rem; position: absolute; } .section32_right_slides { width: 70%; float: right; margin-right: 2.5rem; } .page-template-service-refrigeration-cooling .section9_left2 { width: calc(100% - 2rem); margin-top: -1.5rem; margin-left: 1rem; position: relative; z-index: 999; } .page-template-service-refrigeration-cooling .service_section9 { margin: 2rem 0; } .page-template-service-refrigeration-cooling .section9_right { width: 40%; margin-right: 0; } .page-template-service-refrigeration-cooling .section9_left { width: 60%; } .service_page_header_polygon { top: 6rem; } .page-template-service-refrigeration-cooling .ss_rfc_polygon2 { top: 0; } .page-template-service-refrigeration-cooling .ss_rfc_polygon3 { top: 18rem; } .service_page_cont2_s2_left { position:relative; top: -16rem; } .page-template-service-total-fit-out .service_page_cont2_s2_left { top: unset; bottom: unset; } .page-template-service-special-projects .ss_cont2_gcontainer .autoimg { width: 100%; } .page-template-service-special-projects .service_page_cont2_s2_left { top: 0; } .page-template-service-special-projects .ss_cont2_gcontainer { width: 56%; height: 100%; } .page-template-service-special-projects #section3.page-parallaxbackground { padding: 1.5rem; } .page-template-service-special-projects #ss2_section3 { margin-top: 1.5rem; } #box_scrolling { width: calc(100% - 2.5rem); } #box_scrolling li:last-child { margin-bottom: 2rem; } .page-template-service-finance #featured_box_margins h2.large { font-size: 3rem; } .page_intro_box { margin-left: 1rem; width: calc(100% - 2.5rem); } .page-template-giving-back .page_intro_box { width: calc(100% - 4.5rem); } .page-template-giving-back .page_intro_box.box-content { padding-bottom: 4rem; } .page-template-christmas-campaign .page_intro_box { width: calc(100% - 4.5rem); } .page-template-christmas-campaign .page_intro_box.box-content { padding-bottom: 4rem; } .giving_back_page.box-content { padding-right: 2rem; } .giving_back_page.box-content { padding-right: 2.5rem; } .giving_back_page .frame_left { left: -1rem; } .section_space { padding-top: 2.5rem; } #the_enviroment_p1 .container { padding: 4.5rem 4.5rem; } #the_enviroment_p1 .whitebg { background: rgba(255, 255, 255, 0.85); } .page_box_right2.box-content { padding-left: 2.5rem; } .logobox_left { display: none; } .page_box_right2 { width: 100%; } .logobox_mob { display: block; width: 180px; padding: 0.5rem; background: #fff; margin-bottom: 1rem; } .gb_image2 { width: calc(100% - 4.5rem); margin-bottom: 0; float: left; position: relative; top: 0; } .gb_content2 { position: relative; width: calc(100% - 2.5rem); float: right; margin-top: -2.5rem; } .contact_buttons li { padding: 3px 0; } #the_enviroment_p1 .container { padding: 0 0; } .page-template-giving-back .page_intro_box_right, .page-template-christmas-campaign .page_intro_box_right { margin-top: -3rem; width: calc(100% - 9rem); } .page_intro_box2 { width: calc(100% - 2rem); } #accreditations_partnerships_awards_section3 { margin-top: 1rem; padding: 5rem 0 18rem; } .awards_box1 { right: 1rem; } .awards_box2 { right: calc(180px - 2.5rem); } #accreditations_partnerships_awards_section4 { margin-top: 0; } .apa_contentbox3 { width: 100%; } .partner_logos_box { width: calc(100% - 9rem); margin: 1rem 0; } .page_end_box2 { width: 100%; } .page_intro_box { width: calc(100% - 3rem); } .parallax_imagescroll2 { width: 200px; } .parallax_imagescroll1 { width: 350px; } .perks_ico { width: 40px; } #perks_scroller { width: 100%; margin-top: 2.5rem; margin-left: 1rem; } #perks_scroller li { width: calc(50% - 1.5rem); } .perks_box_content { padding: 2.5rem 2rem; } #perks_scroller .box h3 { font-size: 1.2rem; } #perks_scroller .box h3 { margin: 0.5rem 0 0.5rem 0; } #perks_scroller li:nth-child(2n+2) { margin-top: 3rem; margin-left: 2rem; } .perks_box_content p.blue { font-size: 0.8rem; line-height: 0.8rem; } .box_scrolling_ico { width: 70px; } .box_scrolling_txt { width: calc((100% - 70px) - 1rem); } #ss_section6_2 { padding-top: 2.5rem; } #packages_container figure {margin: 1rem 0; } .rental_title { font-size: 1.6rem; margin-bottom: 1rem; } .price { font-size: 1.6rem; } .footer_rentals { padding-top: 0.5rem; } .page-template-service-special-projects .section32_right_slides { display: none; } .page-template-service-special-projects .section-title.jobs-title { margin-top: -8rem; margin-left: 0; } .section9_left { padding: 0 0 0 0; } .meet_the_team_below_wrap .container { margin: 0 2rem; } .team_members_s2 li { width: calc(33.3% - 2rem); } .team_members_s2 li.team_more { width: calc(33.3% - 2rem); } .meet_text { font-size: 2rem; } .meet_the_team_intro_text p { font-size: 1.6rem; } .meet_the_team_intro { padding: 7rem 4.5rem 4.5rem; } .team_members li .autoimg { height: 280px !important; } .meet_team_top { top: -200px; } .team_members li { display: inline-block; margin: 0 0.5rem; } .jv_archive_list .job_vacancy { margin-top: 2rem; width: calc(100% - 2.5rem); } .jv_archive_list li:nth-child(2n+1) { margin-left: 2.5rem; } .new_post { right: 3rem; padding: 1rem 1rem; } .job_vacancy .box-content { padding: 3rem 3rem; } .jv_archive_list li:nth-child(2n+2) { margin-left: 1rem; } .job_info_left, .job_info_right { width: 100%; display: block; } .job_info_left { padding-right: 0; } .job_info_right { padding-left: 0; padding-top: 1rem; } .kf-table span { padding-top: 0.2rem; padding-bottom: 0.2rem; } .job_info_right .arrow-right.long { margin-top: 1.5rem; } .job_info { margin-top: 1rem; } .video_entry { margin: 1rem 0; } .archive_video_logo { display: none; } .archive_video { width: 100%; } .archive_category_link { width: 12px; height: 12px; } .mobile_archive_client_logo { display: inline-block; margin-right: 0.2rem; vertical-align: middle; height: 20px; width: auto; } .cs-video-info { padding: 1rem; } .cs-video-info .case-study-title a { display: inline-block; vertical-align: middle; } .video_entry .cs-video-info .case-study-title { width: 80%; } .video_entry .project_cat_icons { width: 20%; position: absolute; right: 0; right: 1rem; top: 50%; transform: translateY(-50%); line-height: 8px; } .key_facts.float_right { margin-right: -1rem; } .content_snippet-lg { font-size: 1.4rem; line-height: 1.6; } .end_content div { width: 100%; padding: 0 0; } .post_content { margin: 0 0; } .key_facts { margin-top: 1rem; } .cs_background { width: 100%; float: left; } .case_study-template-single-case_study_template1 .cs_parallax { width: calc(100% - 4rem); margin-top: -17rem; margin-left: 2rem; margin-right: 2rem; } .case_study-template-single-case_study_template1 .page-parallaxbackground { padding: 0 0 19rem 0; } #case_study_parallax .frame_right { top: 0.5rem; } .category_tag_list a { font-size: 1rem; } #case_study_parallax { padding-top: 22rem; } .case_study-template-single-case_study_template1 .cs_t1_end { width: 100%; margin-top: -4rem; margin: -2.5rem 0 0 0; } .cs_content2_snippet.box-content, .cs_t2_c3_snippet.box-content { padding: 4rem; } .cs_t1_parallax_img2 { top: -16%; right: 0; } .cs_img1 { margin-top: 0; width: 100%; margin: 0 0; } #nav-below a, .meta-nav { text-align: center; } .box-content { padding: 2rem; } .entry_box-content { margin: -4.5rem 2.5rem 0 2.5rem; position: relative; } .case_study-template-single-case_study_template2 .cs_content2 .box-content { padding: 2rem; } #t3_singlepostCarousel { margin-bottom: 0.5rem; } .post-template-single-template3 .singlepostCarousel_slide_bg_image { padding-bottom: 55%; } .b_t3_top_content_right .box-content { padding-top: 6rem; } .b_t3_top_content_right { margin-top: -3.5rem; width: calc(100% - 2.5rem); } .blog_archive_entry_box-content_frame_left { left: -1.5rem; } .acme_previous_post_slider h3 a, .acme_next_post_slider h3 a { font-size: 1.2rem; padding: 1rem 0; } #scrollmagic_case_studies_mobile, #scrollmagic_service_pins_mobile { margin-bottom: 2.5rem; } .featured_box_wrapper { padding: 1rem 0.5rem; } .featured_box_content { margin-left: 0; margin-right: 0; width: 100%; border: 16px solid #db001b; padding: 3.5rem 3rem; } .triangles-bg-layer1 { background-size: 741px 460px; } .triangles-bg-layer2 { background-size: 541px 336px; } .triangles-bg-layer3 { background-size: 341px 212px; } .side_gallery_img { margin-bottom: 0.2rem; } .page-template-service-rentals #featured_box_margins h2.large { font-size: 3.2rem; } .footer-container { padding: 0; } .home-contact-form, .apply-contact-form, .footer-container { width: calc(100% - 1.5rem); } #featured_box_margins .arrow-right { margin-top: 1.5rem; margin-bottom: 0.5rem; } #featured_box_margins h2.large { margin-bottom: 1.5rem; } .home-contact-form, .apply-contact-form { padding: 3rem 2.5rem; } #contact-form { padding-bottom: 0; } #contact-form, #apply-form { padding: 1.5rem 0.5rem; } .page-template-home-page #clients-logos { margin: 0 0 0 0; } .page-template-home-page #latest-news .section-title { margin-top: 0; } #the_service_pin_container .section-title, .acme-sectors #services_pin_container .section-title { height: 100px; } #the_cs_pins, #sector-pins { margin-top: calc(100px + 4rem); padding: 0 1rem; } .cs_pin { width: 340px; } .cs_info { height: auto; min-height: auto; max-height: auto; padding: 0.5rem 1rem; } #sector-pins { padding: 0 0.7rem; } .sector_service_icon { width: 20%; } #sector-pin-navigation { padding: 0.9rem 0; } .sector_service_content { padding: 2rem; } #pin_1, #pin_2, #pin_3, #pin_4, #pin_5, #pin_6, #pin_7 { width: 450px; padding: 0 1rem; } .page-template-sectors #services_pin_container, .page-template-sectors-care-homes #services_pin_container { padding-bottom: 4rem; } .sector_service_icon .sector-icon { width: 60%; } .sector-featured-img { width: calc(100% + 3rem); margin-bottom: -3rem; } .sector_s__polygon2 { right: 0; } .page-template-sectors .service_page_header_polygon, .page-template-sectors-care-homes .service_page_header_polygon { right: 0; } #cs-navigation { right: 0; top: 0; position: absolute; top: 50%; transform: perspective(1px) translateY(-50%); } .slide-post-nav { padding: 0; } .post_nav_slides { display: none; } .mob_prev_and_next_posts { display: block; } #prevPost { margin-bottom: 2rem; } .prev_next_post_info .project_cat_icons { display: table-cell; position: relative; top: unset; right: unset; text-align: right; } .prev_next_post_info .case-study-title { text-align: left; } .footer-navigation-menus.table { margin-left: 0; margin-right: 0; } .footer-navigation-menus { width: 100%; } .page-template-sectors .service-page-cont, .page-template-sectors-care-homes .service-page-cont { left: -1rem; padding-bottom: 10rem; width: 100%; } .page-template-sectors .box-content, .page-template-sectors-care-homes .box-content { padding: 3rem; } .page-template-sectors #service_intro .box-content, .page-template-sectors-care-homes #service_intro .box-content { padding-bottom: 6rem; } .page-template-sectors .service_page_img, .page-template-sectors-care-homes .service_page_img { margin-top: -10rem; z-index: 999; margin-right: -1rem; width: calc(100% - 2rem); } .page-template-sectors #sector-ch-s3, .page-template-sectors-care-homes #sector-ch-s3 { margin-top: 2rem; margin-bottom: 2rem; } .page-template-sectors .sectors_ch_s3-right-img, .page-template-sectors-care-homes .sectors_ch_s3-right-img { margin-top: 2.5rem; margin-left: 1rem; width: calc(100% - 3rem); float: left;} } @media (max-width: 560px) { .cs_t2_polygon3 { top: -9rem; left: 0; } #s_cs_pinContainer { padding-top: 0; } #the_service_pin_container .section-title, .acme-sectors #services_pin_container .section-title { height: 85px; } #the_cs_pins, #sector-pins { margin-top: calc(85px + 4rem); } .cs_pin { width: 320px; } .entry-title, .entry-title a { padding: 1rem 0 0 0; } .archive_list { width: 100%; margin-left: 0; margin-right: 0; } .article_colx2 { margin: 0.5rem 0 0.5rem 0; } .archive_list { margin-top: 0; } #cs-navigation .arrow-right { display: none; } .page-template-sectors .page-parallaxbackground, .page-template-sectors-care-homes .page-parallaxbackground { padding: 2rem 0; } .page-template-sectors #section2 .container, .page-template-sectors-care-homes #section2 .container { margin: 0 2rem; } .page-template-sectors .service-page-cont6-content, .page-template-sectors-care-homes .service-page-cont6-content { width: 100%; } .sectors-clients { padding: 1rem 1rem; } #sector-pins { margin-top: calc(85px + 2.5rem); } } @media (max-width: 490px) { #the_service_pin_container .section-title { height: 65px; padding-top: 2.5rem; } #the_cs_pins { margin-top: calc(65px + 2.5rem); } #s_cs_pinContainer { padding-bottom: 2.5rem; } .cs-navigation-btns-container { padding-bottom: 0; } .container, #acme-intro, .section-scrollslider-row, #contact_bxs { margin: 0 1rem; } .head_wrapper { height: 55px; } .mobile_menu { width: 55px; height: 55px; } .menu-main-menu-container { margin-top: 55px; height: calc((100% - 150px) - 20px); padding-top: 20px; } #header-branding { width: 250px; height: 127px; } .logo img, .logo a { width: 138px; height: 43px; padding-top: 52px; right: 30px; } h1.large, h2.large { font-size: 3.2rem; } .t-chunky-underline::after { height: 8px; } /*Shapes */ .ph_polygon { top: 4rem; right: -1rem; } .gb_t3_polygon2 { top: 18rem; right: unset; } .apa_polygon2 { left: 0; } .s_nav_polygon { top: -2rem; } .service_page_header_polygon { left: 0; right: 0; margin: 0 auto; } .page-template-service-refrigeration-cooling .service_page_header_polygon { top: 11rem; left: 1.5rem; right: unset; } .polygoncontainer, .polygoncontainer_default { width: 80%; } .page-template-service-commercial-kitchens .service_page_header_polygon, .page-template-service-airconditioning-ventilation .service_page_header_polygon { top: 11.5rem; left: 1.5rem; right: unset; } .sticky_polygon_container { margin-bottom: 496px; } .sticky_polygon_container { margin-bottom: 395px; } .tfo_poly { top: -5rem; } .s_af_polygon { right: 2rem; } .s2_tfo_poly { top: -8rem; left: 0; right: initial; } .s_af_polygon { top: 9rem; right: 2rem; } .sticky_polygon_container2 { margin-bottom: 5px; float: right; height: 300px; } .s_re_polygon2 { top: -24rem; } .sticky_polygon_container2 { margin-bottom: 20px; } .s_sp_polygon { top: 6.5rem; } .s_re_polygon2 { top: 33rem; } .s_re_polygon { top: 13rem; right: 0; } .page-template-service-rentals .s2_tfo_poly { top: -6rem; left: 1rem; } .wfu_polygon2 { top: 9rem; } .b_t2_polygon2 { top: 32rem; } .page-template-service-refrigeration-cooling .ss_rfc_polygon2 { top: 18rem; } .logos1 { height: 50px; width: 1670px; animation: slide5 22s linear infinite; } .logos2 { height: 50px; width: 1670px; animation: slide5 22s linear infinite; } #search .input-form { width: 100%; box-sizing: border-box; padding: 1rem; } #search .filters-form { margin: 0 0; } #search .input-form input, #search .input-form select, #search .input-form label { width: 100%; text-align: center; display: block; height: 36px; } #search .filters-form span { display: block; } #search .input-form #i_am_a, #search .input-form #looking_for { min-width: 100%; max-width: 100%; margin: 0.5rem 0; } #search .filters-form label, #search .filters-form label, #search .filters-form span { height: auto; } #search .filters-btn { text-align: center; } .homeslide_polygon_container { float: left; margin-bottom: 425px; } .homeslide_polygon { top: 0; left: 0; } .page-template-home-page .section-title { margin-top: 2rem; } .page-template-home-page .slide0.section-scrollslider-slide { margin-top: 6.5rem; } .section-scrollslider-slide-image { display: block; min-height: unset; } .section-scrollslider-slide-image img { align-self: unset; -ms-flex-item-align: unset; display: block; } .section-scrollslider-row { margin: 0 0.5rem; } .section-scrollslider-slide-info { top: 1rem; width: 78%; } .section-scrollslider-slide { padding-top: 9rem; } .section-scrollslider-slide-info-inner .no-box-btn { margin: 0 0 0 0; } .section-scrollslider-slide-info-inner .arrow-right.long { padding: 0.8em 0.5em 0 0.5em; } .section-scrollslider-slide-info-inner p { margin: 0.5rem 0; } .parallax-title, .parallax-title-inner { font-size: 2rem; } #section1 .table-cell { width: 100%; } .block-title { margin: 1.5rem 0 1rem 0; } .section-scrollslider { margin-bottom: 1rem; } .title2, .title2 strong { font-size: 1.4rem; } .section-scrollslider-slide-info-inner h3 { font-size: 1.4rem; } #bg1.page-parallaxbackground, #bg3.page-parallaxbackground { padding-bottom: 24.5rem; } #bg3.page-parallaxbackground { margin-top: 0; } .clients-gallery2 { width: 80%; margin-top: -50px; } .case_study-template-single-case_study_template2 .clients-gallery2 { margin-top: 0; } .we-are-social-icons .social-btns li a { font-size: 1.5rem; padding: 1rem 1.8rem; margin: 0 2px; } #page-intro .section-title { margin-top: 3rem; margin-bottom: 1rem; } .box_content_title, .cs_title { font-size: 1.4rem; } .page-parallaxbackground-sm { height: 200px; } /*Services single*/ #services_page_title { padding: 0 1.5rem; } .service-page-cont { top: -6.5rem; width: 100%; left: 0; } .service_page_img { width: 85%; padding-bottom: 65%; margin-top: -5.5rem; } .parent-pageid-174 .box-content { padding: 2rem; } .page-intro { font-size: 2rem; } .parent-pageid-174 .chunky-underline::after { height: 10px; } .service_page_cont2_s2_left { top: -4.5rem; height: 98%; } .ss_cont2_gcontainer { width: 56%; height: 100%; } #service_page_img2 { margin-right: 2rem; width: 68% !important; margin-top: -8rem; } .service_page_cont2_s2_left { width: 25% !important; text-align: left !important; margin-left: 2rem !important; } .ss_cont2_gcontainer { width: 100% !important; height: 100% !important; } .service_page_cont2_s2_left { top: -1rem !important; } #service_page_img2 .frame_left { bottom: -0.5rem; left: -1rem; } .ss_cont2_gcontainer .autoimg { width: 100%; } #ss2_section4 { z-index: 98; } .ss2_section3_content { padding-top: 8rem; } .ss2_section3_img { width: 36%; left: 1.5rem; } .section32_right_slides { margin-right: 1.5rem; margin-bottom: 3rem; } .ss_rfc_polygon1 { display: initial; top: -15rem; left: 0; } .ss_cont2_gcontainer { width: 100%; } .ss_cont2_gcontainer img { margin: 0 auto; } .service-page-cont2 { left: 0; width: 100%; } .page-video-wrap, .video_hero { padding-top: 12rem; padding-bottom: calc( 12rem - 32px); } .page-template-service-total-fit-out #section3.page-parallaxbackground { padding: 2.5rem 2.5rem 5.5rem; } .page-template-service-special-projects #section3.page-parallaxbackground { padding: 1.5rem; } .logo_padding { padding: 1rem; } .service-page-cont3_2 { width: 75%; } .page-template-service-total-fit-out .service-page-cont3_2.box-content { padding-right: 10%; } .service_page_cont2_s2_right { margin-bottom: 1.5rem; } .ss_cont2_gcontainer { height: 140px; } .page-template-service-total-fit-out .ss2_section3_content .box-content { padding-top: 3rem; } .page-template-service-finance #featured_box_margins h2.large { font-size: 2.2rem; } .why_title h2 { width: 95%; } #box_scrolling li:last-child { margin-bottom: 0; } .page-template-service-rentals #service_page_img2 { margin-bottom: -4.5rem; } .why_title h2 { margin-left: 1rem; width: auto; } #ss_section6_2 { padding-top: 0; } #ss_section6_2 .page-parallaxbackground { padding: 2.5rem 0; } .page-template-service-special-projects #perks_scroller { margin-top: 1.5rem; } .page-template-service-special-projects #perks_scroller { padding-bottom: 0.5rem; } .service-content6-left-img { position: absolute; bottom: 0; } .page-template-service-support-compliance .service-page-cont { top: -6.5rem; width: calc(100% - 2rem); } .page-template-service-support-compliance .service_page_img { margin-top: -9rem; } .service-content4-left { padding: 2.5rem 2.5rem 6.5rem 2.5rem; } .service-image-slider { margin-top: -85px; } .section10_2_left { width: 100%; padding: 2.5rem; } .page-template-service-support-compliance #scrollcontent1.box-content { padding-right: 1.2rem; } .page-template-service-support-compliance #service-page-content6 { margin: 2.5rem 0; } .page-template-service-support-compliance .service-content6-right-img, .sectors_ch_s3-right-img { margin-top: 0; } .page-template-service-support-compliance .service-content10-left-img { display: none; } .page-template-service-support-compliance .service-page-cont10 { width: 100%; } .section10_wrap { padding: 0 0; } .page-template-service-support-compliance #section10.page-parallaxbackground { padding: 2rem 1rem; } .page-template-service-support-compliance #section10_1 { padding: 0 0 0 0; } .page-template-service-support-compliance .section10_2_left { box-sizing: border-box; } .page-template-service-support-compliance .section10_2_right { display: none; } .page-template-service-commercial-kitchens .page-parallaxbackground, .page-parallaxbackground2 { padding: 1.5rem; } #scrollmagic_case_studies_mobile, #scrollmagic_service_pins_mobile { margin-bottom: 1rem; } #service-page-content6 { margin: 2.5rem 0 0.5rem 0; } #scrollcontent1.box-content { padding-right: 2rem; } .service-page-cont5 { width: 100%; } .page-template-service-total-fit-out .service-page-cont3_2.box-content { padding-right: 1.5rem; } .page-template-service-total-fit-out #section3.page-parallaxbackground { padding: 1.5rem 1.5rem 1.5rem; } .service-page-cont3_2 { width: calc(75% + 2rem); } .service-page-cont3_img { width: 25%; } .page-template-service-total-fit-out section.clients { margin: 2rem 0 1.5rem 0; } .section32_right_slides { margin-right: 1.5rem; } .ss_section6_parallax_top.container { margin: 0 0; } .perks_box_content { padding: 1rem 1rem; } #perks_scroller { margin-left: 0.5rem; } #perks_scroller li:nth-child(2n+2) { margin-top: 2rem; margin-left: 1rem; } #perks_scroller li { width: calc(50% - 0.8rem); } .perks_box_content { padding: 0.5rem 0.5rem; } #perks_scroller .box h3, #box_scrolling .box h3 { font-size: 1.2rem; } #perks_scroller li { min-height: 120px; } #perks_scroller li:nth-child(2n+1) { margin-bottom: 2rem; } .rentals-info-2 .container { margin: 0 1rem 0 0.5rem; } #rentals-info { margin-bottom: 0.5rem; } .page-template-service-rentals #service_page_img2 { margin-right: 4.5rem; width: calc(100% - 9rem); margin-top: -8.5rem; } .page-template-service-airconditioning-ventilation #service-page-content6 { margin: 4.5rem 0 0 0; } .page-template-service-commercial-kitchens #scrollcontent1.box-content { padding-right: 1.5rem; } .featured-post-content-inner { padding: 1.5rem; } .service-page-content2 .service-page-content-inner { padding: 2.5rem 1.5rem 1.5rem; } .page-template-service-refrigeration-cooling #scrollcontent1.box-content { padding-right: 1.5rem; } .page-template-service-refrigeration-cooling .page-parallaxbackground { padding: 1.5rem; } .page-template-service-refrigeration-cooling #s_section5.page-parallaxbackground2, .page-template-service-refrigeration-cooling #s_section8.page-parallaxbackground2 { padding: 1.5rem; } .page-template-service-refrigeration-cooling .section9_left { width: 100%; } .page-template-service-refrigeration-cooling .section9_right { width: calc(100% - 0.5rem); margin-right: 0; } .page-template-service-refrigeration-cooling .service_section9 { margin: 1rem 0; } .page-template-service-refrigeration-cooling section.clients { margin: 2rem 0 1.5rem 0; } .service-content4-left-gallery { width: 100%; } .standard-slider2 img { width: 100%; } .standard-slider2 > div { width: 33.3%; float: left; height: auto; } .service-content4-left-gallery .frame { display: none; } .page-template-service-refrigeration-cooling .service-page-cont4 { padding-bottom: 0; } .page-template-service-refrigeration-cooling .service-page-cont4 { margin-bottom: 0; } .page-template-service-refrigeration-cooling .service-content6-right-img { width: 75%; } .acme_previous_post_slider, .acme_next_post_slider { margin: 0.5rem 0; } .post_nav_slides { padding: 0 0; } #prevPost { margin-bottom: 0.5rem; } .page_information_section { margin-bottom: 0; } .page-template-policy-page #contactus { margin-top: 1rem !important; } #policy_info ul { padding-left: 1.2rem; } /* Giving Back */ .box_content_logo, .logobox_mob { width: 140px; } .page-template-giving-back .page_intro_box_right, .page-template-christmas-campaign .page_intro_box_right { margin-top: -2.5rem; width: calc(100% - 9rem); } #the_enviroment_p1.page-parallaxbackground { padding: 2.5rem 1rem; } .giving_back_page.box-content { padding-right: 1rem; } .page-template-giving-back #contactus, .post-type-archive #contactus, .page-template-service-rentals #contactus, .page-template-service-finance #contactus, .page-template-service-support-compliance #contactus, .page-template-working-for-us #contactus, .page-template-contact-page #contactus { margin-top: 0; } .case_study-template #contactus { margin-top: 0; } #the_enviroment_p2 { background: none; } .section_space { padding-top: 1rem; } .page_box_right2.box-content { padding-left: 1.2rem; } /*Services*/ .featured_box_inner_right2 { width: calc(100% + 0.4rem); margin-left: -0.2rem; margin-right: -0.2rem; } .fcb_col_x2 img { padding: 0.2rem; } /* Accreditations */ .page_intro_box2 p, .page_end_box2 p { font-size: 1.2rem; } .page_featured_image_2 { width: calc(100% - 2rem); } #accreditations_partnerships_awards_section2 { margin-top: 1rem; } .apa_contentbox2 { width: calc(100% - 2rem); margin-right: 0; margin-top: -1rem; padding: 2.5rem; box-sizing: border-box; } #accreditations_partnerships_awards_section5 { margin-top: 2rem; } .partners_container { margin: 0 0 2rem 0; padding: 0; } .awards_box2, .awards_box1 { width: 170px; } #accreditations_partnerships_awards_section3 { margin-top: 1rem; padding: 5rem 0 13.5rem; } .partner_logos_box { width: calc(100% - 6rem); } .awards_box2 { right: calc(170px - 4rem); } .apa_contentbox3 { margin-top: -1rem; } .apa_contentbox3:before { height: calc(100% + 2rem); top: -1rem; } .partners_container li:nth-child(2n+2) { margin-left: 1rem; } .toplayer { position: relative; z-index: 998; } #accreditations_partnerships_awards_section6 { margin-bottom: 1rem; } #partners_scroller_title { margin-left: 2rem; } /*blog */ .articles li .entry-title a { font-size: 1.4rem; } .frame_left { bottom: -0.5rem; left: -0.5rem; } .blog_archive_entry_box-content .arrow-right { margin-top: 0; } .articles li:first-child .blog_archive_entry_box-content, .articles li:not(:first-child) .blog_archive_entry_box-content { margin: -1.5rem 1rem 0 1rem; } .articles li:first-child .frame, .post-template-default .frame, .articles li:not(:first-child) .frame { right: -0.5rem; left: -0.5rem; top: 0.5rem; width: calc(100% + 1rem); height: calc(100% - 1rem); } .articles li:not(:first-child) .entry-content { margin: 1rem 0 0.5rem 0; } .articles li:first-child .entry-content { margin: 1.5rem 0 0.5rem 0; } .single .category_tag_list { padding: 1rem 0 0.5rem 0; } .blog_archive_entry_box-content p:last-of-type { margin-bottom: 0; } .entry_box-content { margin: -1rem 0 0 0; } .entry-title, .entry-title a { font-size: 2rem; } .mobile_pins_overlay, .s_mobile_pins_overlay { padding: 2.5rem 0; } .acme_next_post_slider { width: 100%; margin-right: 0; } .acme_previous_post_slider { width: 100%; margin-left: 0; } .acme_previous_post_slider .slick-prev:before { content: ''; } .page-template-service-special-projects .job_examples { padding-bottom: 0; } #case_study_mobile_carousel .slick-track { display: table !important; } #case_study_mobile_carousel .slick-slide { display: table !important; background: #fff; } #case_study_mobile_carousel .slick-initialized .slick-slide { display: table !important; background: #fff; } .cs_slide_thumb { width: 280px; padding: 0 0; } .cs_slide_image { width: 100%; padding-bottom: 50%; } .b_t3_top_content_right { margin-top: -1rem; width: calc(100% - 0.5rem); } .b_t3_top_content_right .box-content { padding-top: 2.5rem; position: relative; z-index: 99; } .b_t3_top_content_left { width: calc(100% - 0.5rem); } .service_pin_title { margin: 1rem 0; } #meet_the_team_intro { margin-top: 2.5rem; } .meet_the_team_intro { padding: 6rem 2.5rem 2.5rem; } .team_members li .autoimg { height: 250px !important; } .meet_team_top { top: -200px; } .team_members li { display: inline-block; margin: 0 0.5rem; } .meet_text { font-size: 1.8rem; padding: 1.5rem 2.5rem; } .meet_the_team_below_wrap .container { margin: 0 1.5rem; } .team_members_s2 li { width: calc(50% - 2rem); } .team_members_s2 li.team_more { width: calc(50% - 2rem); } .more_details strong { font-size: 1.5rem; } #meet_the_team_below br { display: none; } .staff_text, .staff_text span { font-size: 1.2rem; } .meet_team_overlap { height: 0; } #meet_the_team_below .box-content { padding-top: 2.5rem; } .archive_brand_img { height: 36px; } .project_cat_icons { top: 2.5rem; right: 2.5rem; } .case_study-template-single-case_study_template2 .post_content { margin: 0 0; } .case_study-template-single-case_study_template1 .case_study_brand_logo, .case_study-template-single-case_study_template2 .case_study_brand_logo { display: none; } .key_facts.float_right { margin-right: 0; }.key_facts.box-content { padding: 2rem; } .kflabel { padding-right: 2rem; } .mobile_cs_logo { width: 100px; display: block; height: auto; background: #fff; margin-bottom: 1rem; } .postid-2024 .mobile_cs_logo { padding: 0.5rem; } .key_facts h2 { font-size: 1.3rem; margin-bottom: 0.5rem; } .key_facts { width: 100%; margin-top: 0.5rem; } .cs_t1_background { width: 100%; padding: 2rem 2rem 0 2rem; box-sizing: border-box; } .case_study-template-single-case_study_template2 .post_content { padding-bottom: 2.5rem; } .content_snippet:before { width: 20px; height: 15px; } .content_snippet:after { width: 20px; height: 15px; } .case_study-template-single-case_study_template2 .cs_content2 .box-content { padding: 2rem 1.5rem; } .end_content div { width: 100%; padding: 0 0; } .end_content div:first-of-type { margin-bottom: 1rem; } .case_study-template-single-case_study_template2 .end_content div:first-of-type { margin-bottom: 0; } .content_snippet { padding: 2.5rem; } .end_content { padding: 2rem 0; overflow: hidden; } .clients-gallery_center, .parallax_image_scroll_container { margin-top: -9rem; } .case_study-template-single-case_study_template2 .gallery_center-image2 { margin-top: -4.5rem; } .case_study-template-single-case_study_template2 .gallery_center-image1 { margin-top: -2.5rem; } .case_study-template #nav-below { margin-top: 1rem; margin-bottom: 0.5rem; } #other_posts .large { font-size: 3.2rem; } .cs_content2_snippet.box-content, .cs_t2_c3_snippet.box-content { padding: 2rem; } .cs-logo img { height: 30px; } .cs_info .case-study-title a { font-size: 1.2rem; } #service_mobile_carousel .slick-slide > div { width: calc(100% - 2rem); margin: 0 1rem; } #scrollmagic_case_studies_mobile, #scrollmagic_service_pins_mobile { margin-bottom: 0; } .s_mobile_pins_overlay { padding: 2.5rem 0 0 0; } .case_study-template-single-case_study_template2 .images_scroll_top { margin-top: 14rem; } .case_study-template-single-case_study_template2 .clients-gallery_center { top: -9rem; height: 22rem; } .case_study-template-single-case_study_template2 .end_content { padding: 1rem 0 2rem 0; } #cs_t2_er_imgs .gallery_center-image2 { top: -2rem; } .cs_t1_background { padding: 2rem 1.5rem 0 1.5rem; } .case_study-template-single-case_study_template2 .post_content { padding-bottom: 2rem; } .key_facts.box-content { padding: 1.5rem; } article h2 { margin-bottom: 0.5rem; } .arrow-right.long { padding: 0.8em 0.5em; font-weight: 600; line-height: initial; } .arrow-right.long span { margin-right: 0; } .page-template-working-for-us .page_intro_box { width: calc(100% - 1.5rem); margin-left: 0.5rem; } .page-template-working-for-us .boxmargin_top { margin-top: -0.5rem; } #working_for_us_content3 { margin-top: 2rem; } #working_for_us_content3 .parallax_imagescroll1 { left: 2.5rem; top: -9.5rem; right: unset; margin: 0; } .page-template-working-for-us .page_intro_box_right img { width: 25%; margin-left: 0 !important; margin-right: 0; margin-top: 0; margin-bottom: 0; display: inline-block; justify-content: space-between; } .page-template-working-for-us #perks_scroller { margin-top: 0.5rem; } #working_for_us_content3 .parallax_imagescroll2 { width: 35%; right: 0; top: -7rem; } .clients-gallery_center, .parallax_image_scroll_container { margin-top: -50px; } .case_study-template-single-case_study_template2 .clients-gallery_center { margin-top: 0; } .parallax_imagescroll2 { width: 40%; } .parallax_imagescroll1 { width: 65%; } #perks_scroller { margin-top: 2rem; } #perks_scroller .box h3, #box_scrolling .box h3 { font-size: 1.2rem; } #job_vacancy_single_intro .container { margin: 0 0; } .job_summary > li { display: inline; } .jv_archive_list { margin-bottom: 2rem; } .job_description ul { padding: 0 1rem; } .new_post { padding: 0.5rem 1rem; right: 0; } .jv_archive_list .job_vacancy { width: 100%; } .jv_archive_list .job_vacancy { margin-top: 1.5rem; } .jv_archive_list .job_vacancy:first-child { margin-top: 1rem; } .jv_archive_list li:nth-child(2n+1) { margin-left: 0; } .jv_archive_list li:nth-child(2n+2) { margin-left: 0; } .box-content { padding: 2rem; } .job_vacancy .box-content { padding: 2.5rem 2rem; } .job_title { font-size: 1.5rem; margin-bottom: 0.2rem; } .job_info_right { padding-top: 0.5rem; } .entry-meta span, .entry-meta a, .kf-table span { font-size: 0.9rem; } .archive_category_link { width: 9px; height: 9px; } .project_cat_icons li:not(:last-child) { margin: 0 0; } .job_content_left:after { left: -1rem; right: -1rem; } .job_content_left { padding: 1rem 1rem; } .job_content_right { width: calc(100% + 1rem); top: 0; left: -0.5rem; position: relative; } .jv_intro.box-content { padding: 1.5rem; } .job_actions { padding: 2rem 1.5rem; } .nav-previous a:before { font-size: 1.2rem;left: -1rem; } .nav-next a:before { font-size: 1.2rem;right: -1rem; } .nav-previous .box-content { padding: 0 0; } .nav-next .box-content { padding: 0 0; } .nav-previous, .nav-next { width: calc(50% - 1rem); padding: 1rem; } .nav-previous { margin-right: 1rem; } #nav-below { margin-top: 1rem; margin-bottom: 1rem; } .post_nav_slides_mobile { width: 100%; margin-left: 0; } .post_nav_slides_mobile { padding-bottom: 0; } #nav-below a { display: block; } #nav-below .prev_next_post_info a { display: inline-block; } .video_entry .cs-video-info .case-study-title { width: 82%; } .video_entry .project_cat_icons { width: 18%; position: absolute; right: 0; right: 1rem; } #box_scrolling { width: 100%; } #box_scrolling li { width: calc(100% - 1rem); min-height: 160px; } .box_scrolling_ico { width: 40px; padding: 0; display: block; text-align: center; margin: 0 auto; } .box_scrolling_txt { width: 100%; text-align: center; } #box_scrolling .box h3 { margin-top: 0.5rem; margin: 0.5rem; } .why_title h2 { margin-left: 1.5rem; } .rentals-info-2 { margin-top: -1.5rem; } .rentals-info-img2 { margin-top: 0; margin-left: -1rem; width: 95%; } .rentals-info-img1 { top: -1.5rem; } #box_scrolling li:nth-child(2n+1) { margin-left: 1rem; } #box_scrolling li:nth-child(2n+2) { margin-right: 1rem; } #box_scrolling li:first-child { margin-bottom: 2rem; } #box_scrolling li:nth-child(2) { margin-bottom: 1rem; } #box_scrolling li:nth-child(3) { margin-bottom: 2.5rem; } #box_scrolling li:nth-child(4) { margin-bottom: 1rem; } .frame_right { right: -0.5rem; top: -0.5rem; } #perks_scroller li, #box_scrolling li { box-shadow: 0px 2px 12px 1px rgba(0,0,0,0.2); } #rental_packages { margin-top: 1.5rem; } #box_scrolling li:last-child { margin-bottom: 0.5rem; } .page-template-giving-back .page_intro_box, .page-template-christmas-campaign .page_intro_box { width: calc(100% - 1rem); margin-top: -1rem; margin-left: 0.5rem; } .gb_image2 { width: calc(100% - 1rem); } #the_enviroment_p2 { margin-top: 1rem; margin-bottom: 0; } .gb_content2 { width: calc(100% - 1.5rem); margin-top: 0; } .gb_content2 { bottom: 1rem; } .featured_box_content { border: 12px solid #db001b; padding: 2.5rem 2rem; } #featured_box_margins h2.large { font-size: 3.2rem; line-height: 1.1; } .page-template-page-services-landing #featured_box_margins h2.large, .page-template-service-commercial-kitchens #featured_box_margins h2.large { font-size: 2.2rem; } .page-template-service-rentals #featured_box_margins h2.large { font-size: 2.4rem; } .side_gallery { top: -2rem; } .featured_box_inner_right { width: 26%; } .page-template-service-rentals .featured_box_inner_left { width: 65%; } .page-template-home-page #contactus, .parent-pageid-174 #contactus { margin-top: 0.5rem; } .map-container { height: 420px; } #contact_bxs { margin-top: 0; } .contact-icon { width: 55px; } #contact_bxs { margin-bottom: 0.5rem; } .home-contact-form, .apply-contact-form, .footer-container { width: calc(100% - 1rem); } .container.site-info { margin-top: 0; } .home-contact-form, .apply-contact-form { padding: 2.5rem 2rem; } #contact-form, #apply-form { padding: 1.5rem 0rem 0 0rem; } #contact-form label, #contact-form span, #apply-form label, #apply-form span { padding: 3px 3px; } .filters-form, #contact-form, #apply-form { font-size: 1.1rem; } .input-form input, .input-form select, .input-form textarea { height: 32px; } #contact-form .wpcf7-submit, #apply-form input[type="submit"] { border: 1px solid #fff; } .footer-logo-img img { width: 90px; } .footer-nav-title { margin-bottom: 0; margin-top: 1rem; } #menu-footer-site-info-links { padding: 0 0; } #menu-footer-site-info-links li { margin: 0 0; } .footer-navigation-menus { width: 100%; } .footer-navigation-menus.table { text-align: center; } .footer-container .table-cell { display: block; } .table-cell.footer-logo { width: 100%; } .footer-navigation-menus .table-cell { padding: 0 0; } .social-btns li a { padding: 10px; } .site-info { padding: 2rem 0 1rem 0; } #footer { padding: 2.5rem 0 2rem 0; } .site-info { padding: 1rem 0 1rem 0; } .table-cell.footer-social { width: initial; } .clients-additional-txt { font-size: 1.2rem; margin-bottom: 0.5rem; } } @media (max-width: 320px) { .navTrigger{ background: none; } .container, #acme-intro, .section-scrollslider-row { margin: 0 0.5rem; } html { font-size: 11px; } #header-branding { width: 220px; height: 127px; } h1.large, h2.large { font-size: 3rem; } .arrow-right.long:after { padding-left: 0; } .arrow-right.long { padding: 1em 0.6em; } .shapeContainer { width: 260px; height: 342px; } .tfo_poly { top: -4rem; } .s_tfo_poly { top: 0; left: 0; right: 0; margin: 0 auto; } /*filters*/ .filter_tags label, label.filter_all, .refine_search label.input-red, .refine_search label.input-green, .refine_search label.input-yellow, .refine_search label.input-light-blue { padding-left: 0; padding-right: 0; } .filters_form label { height: 30px; } /*page */ .page-parallaxbackground-sm { height: 160px; } .clients-gallery_center, .parallax_image_scroll_container { margin-top: -20px; } #working_for_us_content3 { margin-top: 180px; } /*Single service page*/ .page-intro { font-size: 1.4rem; } .page-template-service-total-fit-out #section3.page-parallaxbackground { padding: 1.5rem 1.5rem 4.5rem; } .page-template-service-special-projects #section3.page-parallaxbackground { padding: 1.5rem; } .rentals-info-2 .container { margin: 0 1rem; } /* Giving Back */ .box_content_logo, .logobox_mob { width: 100px; } /* Accreditations */ .page_featured_image_2 { width: calc(100% - 1rem); } .page_intro_box2 { width: calc(100% - 1rem); } #accreditations_partnerships_awards_section3 { padding: 4rem 0 12.5rem; } .awards_box2 { right: initial; left: 1.5rem; } .awards_box2, .awards_box1 { width: 140px; } /* Job vacancies */ .blog_refine, .refine_search_header { padding: 1rem 1rem; } .filter_title h2 { font-size: 1.2rem; } /*Meet the team*/ .team_members li { margin: 0 0; } .team_members li .autoimg { height: 190px !important; } .page-template-giving-back .page_intro_box, .page-template-christmas-campaign .page_intro_box { width: calc(100% - 2.5rem); } /* Featured box content */ .featured_box_inner_right { width: 27%; } .featured_box_content { margin-left: 0.5rem; margin-right: 0.5rem; width: calc(100% - 1rem); } .featured_box_content { border: 10px solid #db001b; padding: 2rem 1.5rem; } #featured_box_margins h2.large { font-size: 2.6rem; } .page-template-service-finance #featured_box_margins h2.large { font-size: 2rem; } /* Main contact form /Footer */ .home-contact-form, .apply-contact-form, .footer-container { width: 100%; } /* Our Videos */ .video_entry .project_cat_icons { margin-top: 2px; display: block; float: left; } } @media (max-width: 300px) { .shapeContainer { width: 220px; height: 290px; } } @-webkit-keyframes inM { 50% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(45deg); } } @keyframes inM { 50% { transform: rotate(0deg); } 100% { transform: rotate(45deg); } } @-webkit-keyframes outM { 50% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(45deg); } } @keyframes outM { 50% { transform: rotate(0deg); } 100% { transform: rotate(45deg); } } @-webkit-keyframes inT { 0% { -webkit-transform: translateY(0px) rotate(0deg); } 50% { -webkit-transform: translateY(9px) rotate(0deg); } 100% { -webkit-transform: translateY(9px) rotate(135deg); } } @keyframes inT { 0% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(9px) rotate(0deg); } 100% { transform: translateY(9px) rotate(135deg); } } @-webkit-keyframes outT { 0% { -webkit-transform: translateY(0px) rotate(0deg); } 50% { -webkit-transform: translateY(9px) rotate(0deg); } 100% { -webkit-transform: translateY(9px) rotate(135deg); } } @keyframes outT { 0% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(9px) rotate(0deg); } 100% { transform: translateY(9px) rotate(135deg); } } @-webkit-keyframes inBtm { 0% { -webkit-transform: translateY(0px) rotate(0deg); } 50% { -webkit-transform: translateY(-9px) rotate(0deg); } 100% { -webkit-transform: translateY(-9px) rotate(135deg); } } @keyframes inBtm { 0% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-9px) rotate(0deg); } 100% { transform: translateY(-9px) rotate(135deg); } } @-webkit-keyframes outBtm { 0% { -webkit-transform: translateY(0px) rotate(0deg); } 50% { -webkit-transform: translateY(-9px) rotate(0deg); } 100% { -webkit-transform: translateY(-9px) rotate(135deg); } } @keyframes outBtm { 0% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-9px) rotate(0deg); } 100% { transform: translateY(-9px) rotate(135deg); } } @media print { .head_wrapper { display: none; } #page-intro { padding-top: 0; } #page-intro .section-title { margin: 0 0 2rem 20px; } h1.large, h2.large { font-size: 5rem; } .bluebg { background: #fff; } .job_content_right { display: none; } #apply_for, #contactus { display: none; } .container { margin: 0 0 0 0; } .job_content_left { margin-top: 0; width: 100%; padding: 0 0 0 0; } .job_content_left:after { display: none; } .jv_intro { width: 100%; max-width: 100%; min-width: 100%; padding: 0; margin: 0; } .jv_intro.box-content { padding: 0 0 20px 0; box-sizing: initial; } .shapeContainer { display: none; } footer { display: none; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ #menu-item-237:hover > .sub-menu { display: block; } #menu-item-501, #menu-item-423, #menu-item-399, #menu-item-401 { display: block; float: left; width: 50%; } #menu-item-578 > li.vertical_drop .sub-menu li { display: block; width: 25%; float: left; } #menu-item-424, #menu-item-425, #menu-item-427, #menu-item-426 { width: 25%; display: table-cell; padding: 25px 0; } #menu-item-578 .sub-menu { position: relative; } .arrow-right { line-height: 0; padding: 1.5rem; } .arrow-right.long { padding-right: 2rem; } .arrow-right.long:after { font-family: Material Icons; content: "\e315"; position: absolute; right: 0.5rem; } } .pir-contact-container { padding:0 10vw; overflow: hidden; } .pir-contact-container .pir-contact-half{ width:50%; float: left; } .pir-contact-container .home-contact-form { width: auto; padding:3rem; } .pir-contact-container .section-title.contact-title{ display: none; } .pir-contact-container #contact-form{ padding:0; } #contact_bxs ul{ display: block; float: left; width: 100%; margin-top: 60px; } .map-container{ height: 540px; } .pir-contact-container ul.contact-info{ background-color: #7CB01D; padding: 3rem; list-style-type: none; } .pircontactlist { display: flex; padding-bottom: 20px; } .pircontactlist a{ color:#fff; width: 100%; display: flex; padding:0; } .pircontactlist p{ color: #fff; } .pircontactlist h2{ color:#fff; } .pircontactlist:last-child{ padding-bottom: 0; } @media (max-width:990px){ .pir-contact-container { padding: 0 3vw; } .pir-contact-container .pir-contact-half{ width:100%; float: left; } .map-container { height: 440px; } } #the_service_pins{ display: flex; flex-flow: row wrap; width: auto; } .partners_container{ display: flex; flex-flow: row wrap; margin:0; padding:0; } .partner_logos_box{ width:48%; margin: 0 1% 2% 1%; } #accreditations_partnerships_awards_section5{ margin-bottom: 60px; } #filter_cats h2::after{ content:"+"; display: inline-block; float: right; } .acme_story_page_content_inner{ display: none; } /* SEO Page */ .contentareaseo h3, .contentareaseo h4, .contentareaseo h5{ font-size: 30px; color:#003882; font-family: 'Patua One', Tahoma; } .lastseobox{ padding-bottom: 60px; } .footerseolinks{ display: flex; flex-flow: row wrap; justify-content: space-between; font-size: 14px; } .footerseolinks a{ color: #1f4e8c; } .articles li:first-child .blog_archive_post_image{ background-position: center top !important; } .postid-28221 .singlepostCarousel_slide_bg_image{ background-position: center top !important; }