@charset "UTF-8";
/* Themify Shoppe 7.4.0 framework 7.3.8 */

/*/css/base.min.css*/
.tf_loader{width:1em;height:1em;overflow:hidden;display:inline-block;vertical-align:middle;position:relative}.tf_loader:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;text-indent:-9999em;border-radius:50%;box-sizing:border-box;border:.15em solid rgba(149,149,149,.2);border-left-color:rgba(149,149,149,.6);animation:tf_loader 1.1s infinite linear}@keyframes tf_loader{0{transform:rotate(0)}100%{transform:rotate(360deg)}}.tf_clear{clear:both}.tf_left{float:left}.tf_right{float:right}.tf_textl{text-align:left}.tf_textr{text-align:right}.tf_textc{text-align:center}.tf_textj{text-align:justify}.tf_text_dec{text-decoration:none}.tf_hide{display:none}.tf_hidden{visibility:hidden}.tf_block{display:block}.tf_inline_b{display:inline-block}.tf_vmiddle{vertical-align:middle}.tf_mw{max-width:100%}.tf_w{width:100%}.tf_h{height:100%}.tf_overflow{overflow:hidden}.tf_box{box-sizing:border-box}.tf_abs{position:absolute;inset:0}.tf_abs_t{position:absolute;top:0;left:0}.tf_abs_b{position:absolute;bottom:0;left:0}.tf_abs_c{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tf_rel{position:relative}.tf_opacity{opacity:0}.tf_clearfix:after{content:"";display:table;clear:both}.loops-wrapper>.post,.woocommerce ul.loops-wrapper.products>li.product{float:left;box-sizing:border-box;margin-left:3.2%;margin-right:0;margin-bottom:3.2%;clear:none}.woocommerce .loops-wrapper.no-gutter.products>.product,body .loops-wrapper.no-gutter>.post{margin:0}.woocommerce .loops-wrapper.products.list-post>.product{margin-left:0}.tf_scrollbar{scroll-behavior:smooth;--tf_scroll_color:rgba(137,137,137,.2);--tf_scroll_color_hover:rgba(137,137,137,.4);scrollbar-color:var(--tf_scroll_color) transparent;scrollbar-width:thin}.tf_scrollbar::-webkit-scrollbar{width:var(--tf_scroll_w,10px);height:var(--tf_scroll_h,10px)}.tf_scrollbar::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color);background-clip:padding-box;border:2px solid transparent;border-radius:5px}.tf_scrollbar:hover{scrollbar-color:var(--tf_scroll_color_hover) transparent}.tf_scrollbar:hover::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color_hover)}.tf_close{position:relative;transition:transform .3s linear;cursor:pointer}.tf_close:after,.tf_close:before{content:'';height:100%;width:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background-color:currentColor;transition:transform .25s}.tf_close:after{transform:translate(-50%,-50%) rotate(-45deg)}.tf_close:hover:after{transform:translate(-50%,-50%) rotate(45deg)}.tf_close:hover:before{transform:translate(-50%,-50%) rotate(135deg)}.tf_vd_lazy:fullscreen video{height:100%;object-fit:contain}

/*/css/themify.common.min.css*/
iframe{border:0}a{cursor:pointer}.button:focus,a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:1px dotted hsla(0,0%,59%,.2)}.tf_focus_heavy .button:focus,.tf_focus_heavy a:focus,.tf_focus_heavy button:focus,.tf_focus_heavy input:focus,.tf_focus_heavy select:focus,.tf_focus_heavy textarea:focus{outline:2px solid rgba(0,176,255,.8)}.tf_focus_none .button:focus,.tf_focus_none a,.tf_focus_none a:focus,.tf_focus_none button:focus,.tf_focus_none input:focus,.tf_focus_none select:focus,.tf_focus_none textarea:focus{outline:none}.tf_large_font{font-size:1.1em}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.skip-to-content:focus{clip-path:none}.post-image .themify_lightbox{display:block;max-width:100%;position:relative}.post-image .themify_lightbox .zoom{background:rgba(0,0,0,.3);border-radius:100%;height:35px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:35px}.post-image .themify_lightbox .zoom .tf_fa{stroke-width:1px;color:#fff;left:50%;line-height:100%;position:absolute;top:50%;transform:translate(-50%,-50%);vertical-align:middle}.post-image .themify_lightbox:hover .zoom{background:rgba(0,0,0,.6)}.pswp:not(.pswp--open){display:none}.ptb_map button,.themify_map button{border-radius:0}
/*/themify-builder/css/themify-builder-style.min.css*/
.module_column,.module_row,.module_row .module,.module_subrow{box-sizing:border-box;position:relative}.module,.module-accordion i,.module-buttons:hover,.module-image img:hover,.module_column:hover,.module_row:hover{transition:.5s ease;transition-property:background,font-size,line-height,color,padding,margin,border,border-radius,box-shadow,text-shadow,filter,transform}.entry-content>p:first-of-type+p:empty,.entry-content>p:first-of-type:empty{margin:0;padding:0}.module_row{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-wrap:wrap}.themify_builder_slider_wrap{transition:none}.module_column[data-tbfullwidthvideo],.module_row[data-tbfullwidthvideo],.module_subrow[data-tbfullwidthvideo]{background-size:cover}.row_inner,.subrow_inner{--gutter:3.2%;--narrow:1.6%;--none:0;--align_start:flex-start;--align_center:center;--align_end:flex-end;--auto_height:stretch;--align_items:var(--auto_height);--align_content:var(--align_start);--colg:var(--gutter);--c1:1fr;--c2:1fr 1fr;--c3:1fr 1fr 1fr;--c4:1fr 1fr 1fr 1fr;--c5:1fr 1fr 1fr 1fr 1fr;--c6:1fr 1fr 1fr 1fr 1fr 1fr;--c1_2:1fr 2.1025fr;--c2_1:2.1025fr 1fr;--c1_3:1fr 3.2831fr;--c3_1:3.2831fr 1fr;--c1_1_2:1fr 1fr 2.1415fr;--c1_2_1:1fr 2.1415fr 1fr;--c2_1_1:2.1415fr 1fr 1fr;--col:repeat(auto-fit,minmax(1%,1fr));--area5_3:"col1 col1 col2 col2 col3 col3" "col4 col4 col5 col5 . .";--area5_1_2:"col1 col2 col2" "col3 col4 col5";--area5_2_1:"col1 col1 col2" "col3 col4 col5";--area5_1_3:"col1 col2 col2 col2" "col3 col4 col4 col4" "col5 col5 col5 col5";--area5_3_1:"col1 col1 col1 col2" "col3 col4 col4 col5";--area5_1_1_2:"col1 col2 col3 col3" "col4 col4 col5 col5";--area5_1_2_1:"col1 col2 col2 col3" "col4 col4 col5 col5";--area5_2_1_1:"col1 col1 col2 col3" "col4 col4 col5 col5";--aream2_auto:"col1" "col2";--aream3_auto:"col1" "col2" "col3";--aream4_auto:"col1" "col2" "col3" "col4";--aream5_auto:"col1" "col2" "col3" "col4" "col5";--areat6_auto:"col1 col2 col3" "col4 col5 col6";--aream6_auto:"col1 col2" "col3 col4" "col5 col6";--areat7_auto:"col1 col2" "col3 col4" "col5 col6" "col7 col7";--aream7_auto:"col1" "col2" "col3" "col4" "col5" "col6" "col7";--areat8_auto:"col1 col2" "col3 col4" "col5 col6" "col7 col7" "col8 col8";--aream8_auto:"col1" "col2" "col3" "col4" "col5" "col6" "col7" "col8";align-content:var(--align_content);align-items:var(--align_items);display:grid;gap:var(--rowg,0) var(--colg);grid:var(--row,none)/var(--col);grid-auto-columns:1fr;grid-template-areas:var(--area)}div.module_column{align-content:inherit;align-items:inherit;display:grid;float:none;grid-template-columns:minmax(0,1fr);margin-left:0;margin-right:0;max-width:none;min-width:0;width:auto}.col_align_middle,.fullheight>.tb_col_count_1{--align_content:var(--align_center)}.gutter-narrow{--colg:var(--narrow)}.gutter-none{--colg:var(--none)}.module_column:first-of-type{grid-area:col1}.module_column:nth-of-type(2){grid-area:col2}.module_column:nth-of-type(3){grid-area:col3}.module_column:nth-of-type(4){grid-area:col4}.module_column:nth-of-type(5){grid-area:col5}.module_column:nth-of-type(6){grid-area:col6}.module_column:nth-of-type(7){grid-area:col7}.module_column:nth-of-type(8){grid-area:col8}.module_column:nth-of-type(9){grid-area:col9}.module_column:nth-of-type(10){grid-area:col10}.module_column:nth-of-type(11){grid-area:col11}.module_column:nth-of-type(12){grid-area:col12}.module_column:nth-of-type(13){grid-area:col13}.module_column:nth-of-type(14){grid-area:col14}.module_column:nth-of-type(15){grid-area:col15}.module_column:nth-of-type(16){grid-area:col16}.direction_rtl>.module_column:first-of-type{z-index:16}.direction_rtl>.module_column:nth-of-type(2){z-index:15}.direction_rtl>.module_column:nth-of-type(3){z-index:14}.direction_rtl>.module_column:nth-of-type(4){z-index:13}.direction_rtl>.module_column:nth-of-type(5){z-index:12}.direction_rtl>.module_column:nth-of-type(6){z-index:11}.direction_rtl>.module_column:nth-of-type(7){z-index:10}.direction_rtl>.module_column:nth-of-type(8){z-index:9}.direction_rtl>.module_column:nth-of-type(9){z-index:8}.direction_rtl>.module_column:nth-of-type(10){z-index:7}.direction_rtl>.module_column:nth-of-type(11){z-index:6}.direction_rtl>.module_column:nth-of-type(12){z-index:5}.direction_rtl>.module_column:nth-of-type(13){z-index:4}.direction_rtl>.module_column:nth-of-type(14){z-index:3}.direction_rtl>.module_column:nth-of-type(15){z-index:2}.direction_rtl>.module_column:nth-of-type(16){z-index:1}.tb_col_count_1>.module_column{grid-area:auto}.tb_col_count_2{--area:"col1 col2"}.tb_col_count_3{--area:"col1 col2 col3"}.tb_col_count_4{--area:"col1 col2 col3 col4"}.tb_col_count_5{--area:"col1 col2 col3 col4 col5"}.tb_col_count_6{--area:"col1 col2 col3 col4 col5 col6"}.tb_col_count_7{--area:"col1 col2 col3 col4 col5 col6 col7"}.tb_col_count_8{--area:"col1 col2 col3 col4 col5 col6 col7 col8"}.module:after{clear:both;content:"";display:table}.module_row ul.loops-wrapper{list-style:none;margin:0;padding:0}.module_row .ui{background-color:var(--tb_pr_bg,#f7f7f7);background-image:var(--tb_app_gr,none);border-radius:var(--tb_app_r,0);box-shadow:var(--tb_app_shadow,none);color:var(--tb_pr_color,#555)}.ui.builder_button{border:1px solid rgba(0,0,0,.05);display:inline-block;line-height:130%;padding:.625em 1.25em;position:relative;text-decoration:none;transition:color .3s linear;transition-property:color,background-color,padding,border,box-shadow}.builder_button:hover{background-color:var(--tb_pr_hover_bg,#f1f1f1);text-decoration:none}.module .ui.builder_button{text-decoration:none}.ui.transparent{--tb_pr_bg:transparent;--tb_pr_hover_bg:transparent;--tb_pr_color:#555;--tb_app_r:0;--tb_app_gr:none;--tb_app_shadow:none;border:0;color:inherit}.transparent.gradient{--tb_app_gr:linear-gradient(180deg,hsla(0,0%,100%,.45) 0%,hsla(0,0%,100%,0))}.ui.large.builder_button{font-size:120%;padding:10px 20px}.ui.small.builder_button{font-size:70%;padding:5px 10px}.xlarge .ui.builder_button{padding:.935em 1.875em}.module-title{font-size:1.2em;margin:0 0 1.2em}.module img{border:0;vertical-align:bottom}.module-slider{margin-bottom:2.5em}.module-widget .widget{margin:0}.wp-caption{max-width:100%}.module-map button{border-radius:0}.module-map .gm-style-mtc img{margin-right:5px;vertical-align:baseline}.row_inner{margin:0 auto;width:min(1160px,100%)}.module_row.fullheight .module_subrow,.module_row.fullwidth>.row_inner{max-width:100%;width:100%}@supports(-webkit-touch-callout:none){.module_column,.module_row,.module_subrow{background-attachment:scroll!important}}.module_row.fullheight{min-height:100vh}.fullheight>.row_inner,.fullheight>.row_inner>.module_column{min-height:inherit}.module-plain-text:after{display:contents!important}@media (max-width:1260px){.row_inner{max-width:94%}}@media (max-width:760px){.row_inner{max-width:90%}}.themify_builder .builder-parallax-scrolling{transition:background-position-y 0s}@supports not(cursor:grab){.builder-parallax-scrolling{background-attachment:scroll!important}}
/*/wp-content/themes/themify-shoppe/styles/modules/footers/block.min.css*/
.footer-block #footer{text-align:center}.footer-block .footer-logo-wrap,.footer-block .footer-widgets-wrap{clear:both;float:none;width:auto}.footer-block .footer-logo-wrap #footer-logo{margin:0 0 .5em}.footer-block .footer-text-outer{align-items:center;display:flex;flex-direction:column;justify-content:center}.footer-block .back-top,.footer-block .footer-text{display:block}.footer-block .footer-widgets-wrap{margin:0 auto;max-width:80%}.footer-widgets-off.footer-block #footer-logo{margin-bottom:1.25em}.footer-block .back-top{margin:1.6em 0 0;order:2}@media(max-width:680px){.footer-block .footer-widgets-wrap .widget{padding-top:0}.footer-block .footer-widgets-wrap{max-width:100%}}
/*/wp-content/themes/themify-shoppe/styles/modules/sidebars/none.min.css*/
.sidebar-none .page-title{text-align:center}.sidebar-none #content{float:none;width:100%}.sidebar-none.single .page-title,.sidebar-none.single h1{font-size:2.3em;text-align:inherit}.sidebar-none.single-post .commentwrap,.sidebar-none.single-post .post-content{padding-inline:15%}.single-post .entry-content .post-content{padding:0}@media(max-width:680px){.sidebar-none.single-post .post-content{padding-inline:0}}
/*/wp-content/themes/themify-shoppe/styles/modules/top-bar-widgets.min.css*/
.top-bar-widgets{background-color:rgba(0,0,0,.1);font-size:.9em}.top-bar-widgets p:last-child{margin:0}.top-bar-widgets .top-bar-widget-inner{max-width:none;padding:0 32px;width:auto}.top-bar-widgets .widget{display:inline-block;margin-bottom:8px;margin-top:8px}.top-bar-left .widget{margin-left:1em}.top-bar-left .widget:first-child{margin-left:0}.top-bar-right .widget{margin-right:1em}.top-bar-right .widget:last-child{margin-right:0}.top-bar-left,.top-bar-right{width:50%}.fixed-header .top-bar-widgets,.sidemenu .top-bar-widgets{display:none}
/*/themify-builder/css/modules/image.min.css*/
.module-image .image-title{font-size:1.2em;margin:0 0 .3em}.module-image .image-title a{color:inherit;font-family:inherit;text-decoration:none;text-shadow:inherit}.module-image .image-wrap{width:auto}.module-image .image-wrap img{display:inline-block;vertical-align:top}.module-image.rounded .image-wrap img{border-radius:10px}.module-image.bordered .image-wrap img{background:#fff;border:1px solid rgba(0,0,0,.15);box-sizing:border-box;padding:3px}.module-image.drop-shadow .image-wrap img,.module.drop-shadow .post-image img{box-shadow:0 1px 8px 2px rgba(0,0,0,.15)}.module-image.circle .image-wrap img{border-radius:50em}.themify_builder .auto_fullwidth .lightbox{display:block}.themify_builder .auto_fullwidth .image-wrap,.themify_builder .auto_fullwidth img{display:block;width:100%}.module-image .image-wrap .lightbox{display:inline-block;max-width:100%;position:relative}
/*/wp-content/themes/themify-shoppe/styles/modules/builder/image.min.css*/
.module-image.bordered .image-wrap img{border-color:rgba(0,0,0,.12)}
/*/themify-builder/css/modules/image_styles/top.min.css*/
.module-image.image-top .image-content{margin-bottom:1em;margin-top:.5em}
/*/themify-builder/css/modules/menu.min.css*/
.module-menu-container{text-align:inherit}ul.ui.nav{--tb_app_glc:normal;border:0;border-radius:var(--tb_app_r,4px);box-shadow:var(--tb_app_shadow,0 0 0 1px rgba(0,0,0,.1));display:inline-block;margin:0;margin-left:0!important;padding:0}.ui.nav ul{border:0;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 3px 12px rgba(0,0,0,.12);left:0;padding:5px 0;position:absolute;top:100%;z-index:990}.ui.nav ul,.ui.nav ul>li{list-style:none;margin:0;width:220px}.ui.nav ul li:first-child>a,.ui.nav ul li:last-child>a{border-radius:0}@media (hover:hover){.ui.nav:not(.tf_acc_menu) li:hover>ul,.ui.nav:not(.tf_acc_menu) li>.sub-menu:focus-within,.ui.nav:not(.tf_acc_menu) li>a:focus+.sub-menu{display:block;height:auto;opacity:1;pointer-events:auto;transform:none;transition:opacity .3s,transform .3s}}.ui.nav ul>li>a{display:block}.ui.nav ul ul,.ui.nav.vertical ul{left:100%;top:0}.module-menu .nav.transparent ul a{color:#555}.module-menu.tf_textr .ui.nav ul{left:auto;right:0}.module-menu.tf_textr .ui.nav ul ul{left:100%;right:auto}@media (hover:hover){.module-menu:not([data-edge]) .ui.nav .child-arrow,.module-menu:not([data-edge]) .ui.nav ul{display:none}.ui.nav ul{transform:scaleY(0);transform-origin:top}}.ui.nav .child-arrow,.ui.nav ul{opacity:0;pointer-events:none;text-align:left}.module-menu:not(.mobile-menu-module) .sub-menu{background-color:var(--tb_pr_bg,#f7f7f7)}.ui.nav ul{border-radius:var(--tb_app_r,8px)}.ui.nav li,.ui.nav ul{background-image:var(--tb_app_gr,none)}.ui.nav li{--tb_app_glc:"";border-color:rgba(0,0,0,.05);display:inline-block;margin:0 -.25em 0 0;padding:0;position:relative}.ui.nav li a{border-radius:inherit;box-shadow:none;display:inline-block;line-height:130%;padding:.625em 1.25em;text-decoration:none;touch-action:none}.module ul.nav:not(.transparent) a{color:var(--tb_pr_color,#555)}.ui.nav>li a:hover{background-color:var(--tb_pr_hover_bg,hsla(0,0%,71%,.1))}.ui.nav.large li a{font-size:120%;padding:10px 20px}.ui.nav.small li a{font-size:70%;padding:5px 10px}.ui.nav>li:first-child{border-bottom-left-radius:var(--tb_app_r);border-top-left-radius:var(--tb_app_r)}.ui.nav ul>li:first-child{border-top-left-radius:var(--tb_app_r);border-top-right-radius:var(--tb_app_r)}.ui.nav>li:last-child{border-bottom-right-radius:var(--tb_app_r);border-top-right-radius:var(--tb_app_r)}.ui.nav ul>li:last-child{border-bottom-left-radius:var(--tb_app_r);border-bottom-right-radius:var(--tb_app_r)}.ui.nav li:last-child{margin-right:0}.ui.nav li:first-child>a{border-radius:4px 0 0 4px}.ui.nav li:last-child>a{border-radius:0 4px 4px 0}.ui.nav>.current-menu-item>a,.ui.nav>.current-menu-item>a:hover,.ui.nav>.current_page_item>a,.ui.nav>.current_page_item>a:hover{background-color:var(--tb_pr_hover_bg,#efefef)}@media (hover:none){.ui.nav ul{display:none;opacity:1;pointer-events:auto}.ui.nav>.menu-item-has-children>a{padding-right:40px;position:relative}.ui.nav .child-arrow{border-radius:100%;display:inline-block;height:32px;margin:0;opacity:1;padding:0;pointer-events:auto;position:absolute;right:4px;top:50%;touch-action:none;transform:translateY(-50%);width:32px}.ui.nav .child-arrow:after,.ui.nav .child-arrow:before{background:currentColor;border-radius:10px;content:"";height:1px;left:10px;position:absolute;top:50%;transform:rotate(45deg);transition:transform .3s ease-in-out;width:8px;z-index:9999}.ui.nav .child-arrow:after{left:15px;transform:rotate(-45deg)}.ui.nav>li li .child-arrow:after,.ui.nav>li li .child-arrow:before{left:auto;right:10px;top:14px;transform:rotate(45deg)}.ui.nav>li li .child-arrow:after{top:19px;transform:rotate(-45deg)}}.menu-module-burger{border-radius:100%;box-shadow:none!important;box-sizing:unset;color:inherit;cursor:pointer;line-height:1;padding:12px 10px 10px 12px;width:1.4em}.menu-module-burger:hover{background-color:hsla(0,0%,78%,.25)}.menu-module-burger-inner{border-bottom:2px solid;height:1em;width:1.3em}.menu-module-burger-inner:after,.menu-module-burger-inner:before{border-bottom:2px solid;content:"";display:block;left:0;position:absolute;top:0;width:100%}.menu-module-burger-inner:after{top:50%}.module-menu ul .edge>.sub-menu{left:auto!important;right:0!important}.module-menu ul ul .edge>.sub-menu{left:auto!important;right:100%!important}
/*/themify-builder/css/modules/menu_styles/vertical.min.css*/
.ui.nav.vertical{display:block;max-width:100%;width:260px}.ui.nav.vertical>li a{display:block}.ui.nav.vertical>li{border:0;clear:both;display:block;float:none;width:100%}.ui.nav.vertical ul,.ui.nav.vertical ul>li{box-sizing:border-box;width:100%}.ui.nav.vertical>li:first-child>a{border-radius:4px 4px 0 0}.ui.nav.vertical>li:last-child>a{border-radius:0 0 4px 4px}.ui.nav.vertical li:first-child{border-bottom-left-radius:0;border-top-right-radius:var(--tb_app_r)}.ui.nav.vertical li:last-child{border-bottom-left-radius:var(--tb_app_r);border-top-right-radius:0}.ui.nav.vertical:not(.tf_acc_menu)>li .child-arrow:after,.ui.nav.vertical:not(.tf_acc_menu)>li .child-arrow:before{left:auto;right:7px;top:10px;transform:rotate(45deg)}.ui.nav.vertical:not(.tf_acc_menu)>li .child-arrow:after{top:15px;transform:rotate(-45deg)}
/*/themify-builder/css/modules/menu_styles/transparent.min.css*/
.module .nav.transparent li,.module .nav.transparent li:active>a,.module .nav.transparent>li.current-menu-item>a,.module .nav.transparent>li.current_page_item>a,.module .nav.transparent>li>a,.module .nav.transparent>li>a:hover{background:0;border:0;box-shadow:none}.nav.transparent .sub-menu{--tb_app_r:8px;--tb_pr_hover_bg:#f1f1f1;--tb_pr_bg:#fff}
/*/themify-builder/css/modules/menu_styles/accordion.min.css*/
.module-menu .tf_acc_menu.ui.nav .menu-item .child-arrow{display:block;opacity:1;pointer-events:auto}.tf_acc_menu.ui.nav li.toggle-on>ul{transform:none}.tf_acc_menu.ui.nav ul{box-shadow:none;display:none;height:auto;left:0;margin:0;opacity:1;padding:0 0 0 20px;pointer-events:auto;position:relative;transform:scaleY(0);transform-origin:top;transition:transform .2s}.tf_acc_menu .child-arrow{border-radius:100%;cursor:pointer;height:36px;position:absolute;right:0;top:0;transition:transform .3s;width:36px;z-index:12}.tf_acc_menu .child-arrow:after,.tf_acc_menu .child-arrow:before{background:currentColor;border-radius:10px;content:"";height:1px;left:12px;position:absolute;top:50%;transform:rotate(45deg);transition:transform .3s ease-in-out;width:8px;z-index:9999}.tf_acc_menu .child-arrow:after{left:17px;transform:rotate(-45deg)}.tf_acc_menu .toggle-on>a .child-arrow:after,.tf_acc_menu .toggle-on>a .child-arrow:before{left:10px;width:15px}
/*/themify-builder/css/modules/text.min.css*/
.drop-cap>:first-child:first-letter,.tb_text_dropcap>.tb_text_wrap:first-child:first-letter,.tb_text_dropcap>.tb_text_wrap>:first-child:first-letter{background-color:var(--theme_accent,#0f70e8);color:#fff;float:left;font-size:2.85em;line-height:.4em;margin-bottom:.25em;margin-right:.325em;margin-top:.15em;padding:.425em .375em}.tb-text-more-link-indicator{background:rgba(55,55,55,.6);display:block;height:3px;margin:5px 0}
/*/wp-content/themes/themify-shoppe/styles/modules/site-logo.min.css*/
.logo-wrap{z-index:1}#site-logo{display:inline-block;font-size:1.6em;font-weight:400;line-height:1em;margin:5px 0;text-transform:uppercase;transition:padding .2s linear}#site-logo a span{display:inline-block;padding:.55em 0}#site-logo a,#site-logo a:hover{text-decoration:none}#site-logo img{vertical-align:middle}#headerwrap.fixed-header #site-logo img:not(.tf_sticky_logo){max-height:60px;width:auto}.fixed-header-on .tf_sticky_logo~*,body:not(.fixed-header-on) .tf_sticky_logo{display:none!important}
/*/themify-builder/css/modules/buttons.min.css*/
.module-buttons-item+.module-buttons-item{margin-left:.4em}.module-buttons em{font-size:var(--tb_mb_f,16px);line-height:1}.module-buttons span{font-size:var(--tb_mb_s);margin-left:.2em;margin-right:.2em}.module-buttons.small{--tb_mb_f:12px;--tb_mb_s:.8em}.module-buttons.large{--tb_mb_f:24px;--tb_mb_s:1.2em}.module-buttons.xlarge{--tb_mb_f:36px;--tb_mb_s:1.4em}.module.module-buttons .ui:not(.transparent){color:var(--tb_pr_color,#555)}.module-buttons.rounded a{--tb_app_r:8px}.module-buttons.circle a{--tb_app_r:50em}.module.module-buttons .transparent{border:0}.module.module-buttons.transparent a.ui{--tb_pr_color:var(--tb_pr_bg,#555);background:0;border:0}@media (max-width:680px){.module-buttons{--tb_mb_s:.9em}.module-buttons.large,.module-buttons.xlarge{--tb_mb_s:1.1em}}
/*/themify-builder/css/modules/cover.min.css*/
.builder_row_cover{contain:strict;transform:translateZ(0);z-index:0}.builder_row_cover:after,.builder_row_cover:before{content:"";display:block;height:100%;left:0;position:absolute;top:0;transition:opacity .5s ease-in-out,background-color .5s ease-in-out;width:100%}.builder_row_cover:after{opacity:0}.module_column:hover>.builder_row_cover:after,.module_row:hover>.builder_row_cover:after,.module_subrow:hover>.builder_row_cover:after,.tb_visual_hover>.builder_row_cover:after{opacity:1}
/*/themify-builder/css/modules/icon.min.css*/
.module-icon .tf_fa{max-width:1em}.module-icon .module-icon-item a,.module-icon-item{display:inline-flex;place-items:center;text-decoration:none}.module-icon-item+.module-icon-item{margin-left:.4em}.module-icon span{font-size:var(--tb_mi_s,inherit);margin-left:.6em;margin-right:.6em}.module-icon em{align-self:baseline;background-color:var(--tb_pr_bg,transparent);color:var(--tb_pr_color,inherit);display:inline-flex;font-size:var(--tb_mi_f,16px);line-height:0;margin-top:calc(var(--tb_mi_size)/9);min-height:var(--tb_mi_size,auto);min-width:var(--tb_mi_size,auto);padding:.5em;place-content:center;transition:.3s;transition-property:box-shadow,border,background-color,color,padding,font-size}.module-icon em,.module-icon img{border-radius:var(--tb_mi_r,100%)}.module-icon img{max-width:var(--tb_mi_i_w,32px);padding:var(--tb_mi_p,3px)}.module-icon.small{--tb_mi_size:24px;--tb_mi_f:12px;--tb_mi_i_w:16px}.module-icon.large{--tb_mi_size:48px;--tb_mi_i_w:48px;--tb_mi_s:1.2em;--tb_mi_f:24px;--tb_mi_p:6px}.module-icon.xlarge{--tb_mi_size:62px;--tb_mi_i_w:64px;--tb_mi_f:36px;--tb_mi_s:1.4em;--tb_mi_p:9px}.module-icon.xlarge em{padding:12px 0 0 2px}.module-icon.rounded{--tb_mi_r:8px}.module-icon.squared{--tb_mi_r:0}.module-icon.none em{--tb_pr_bg:transparent;--tb_mi_r:0;color:inherit;padding:.2em}.module-icon.none{--tb_mi_r:0;--tb_mi_f:24px}.module-icon.none.small{--tb_mi_f:18px}.module-icon.none.large{--tb_mi_f:30px}.module-icon.none.xlarge{--tb_mi_f:36px}.icon_vertical{display:flex;flex-flow:column wrap}.icon_vertical .module-icon-item{margin:0 0 .4em}.tf_textr .module-icon-item,.tf_textr.icon_vertical{place-content:flex-end}.tf_textr .module-icon-item em,.tf_textr .module-icon-item img{order:1}.tf_textc.icon_vertical{place-content:center}.tf_textc.icon_vertical .module-icon-item,.tf_textc.icon_vertical .module-icon-item a{flex-direction:column}.tf_textc.icon_vertical em{align-self:unset}@media (max-width:680px){.module-icon.large{--tb_mi_s:1.1em}.module-icon.xlarge{--tb_mi_s:1.2em}}
/*/wp-content/themes/themify-shoppe/styles/modules/footer-social-badge.min.css*/
.footer-social-wrap{contain:layout paint;display:table;table-layout:fixed}.footer-social-badge{color:#fff;display:table-cell;height:100px}#footerwrap .footer-social-badge a{background-size:cover;color:inherit;display:block;height:100%;letter-spacing:.1em;line-height:99px;position:relative;text-decoration:none;transition:transform .3s ease-out;width:100%;z-index:1}.footer-social-badge:hover a{transform:scale(1.13)}.footer-social-badge a:after{content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.footer-social-badge .tfb-twitter-alt:after{background-color:rgba(85,172,238,.8)}.footer-social-badge .tfb-facebook-alt:after{background-color:rgba(59,89,152,.8)}.footer-social-badge .tfb-pinterest-alt:after{background-color:rgba(203,32,39,.8)}.footer-social-badge .tfb-youtube-alt:after{background-color:rgba(187,0,0,.8)}.footer-social-badge .tfb-linkedin-alt:after{background-color:rgba(0,123,181,.8)}.footer-social-badge .tfb-google-alt:after{background-color:rgba(221,75,57,.8)}.footer-social-badge .tfb-instagram-alt:after{background-color:rgba(76,104,215,.8)}.footer-social-badge .tf_fa{font-size:2em;margin-right:.15em;vertical-align:middle}.footer-social-badge span,.footer-social-badge strong{font-family:Libre Franklin,sans-serif;letter-spacing:normal;margin-left:2px}.footer-social-badge strong{font-weight:600;letter-spacing:.1em;text-transform:uppercase}#footerwrap .footer-social-badge a:hover{color:inherit}@media(max-width:695px){#footerwrap .footer-social-badge a{line-height:99px;padding-top:0}.footer-social-wrap .footer-social-badge{display:block}}
/*/wp-content/themes/themify-shoppe/styles/modules/footer-logo.min.css*/
#footer-logo{font-size:1.65em;font-weight:600;letter-spacing:-.008em;line-height:normal;margin-bottom:.4em}#footer-logo a{text-decoration:none}@media(max-width:680px){.footer-column-wrap .footer-logo-wrap{clear:both;float:none;margin:0;width:auto}}
/*/wp-content/themes/themify-shoppe/styles/modules/footer-nav.min.css*/
.footer-nav{margin:.5em 0 1em;padding:0 0 2em}.footer-nav li{padding:.1em 0}.footer-nav li a{letter-spacing:-.01em;text-decoration:none}.footer-nav li{display:inline-block;list-style:none;margin:0;padding:0;position:relative}.footer-nav a{margin:0 1em .8em 0;text-decoration:none}.footer-nav li ul{background-color:#fff;border-radius:8px;bottom:100%;box-shadow:0 6px 20px 5px rgba(0,0,0,.12);box-sizing:border-box;list-style:none;margin:0;opacity:0;padding:.6em 0;position:absolute;text-align:left;visibility:hidden;z-index:11}@media (hover:none){.footer-nav li ul{display:none}}#footerwrap .footer-nav ul a{box-sizing:border-box;color:#666;display:block;margin:0;padding:.5em 1.25em .5em 1.6em;width:238px}.footer-nav li li ul{bottom:-.65em;left:100%}.footer-nav li:hover>ul,.footer-nav li>.sub-menu:focus-within,.footer-nav li>a:focus+.sub-menu{margin-bottom:0;opacity:1;pointer-events:auto;visibility:visible}.footer-nav li.edge ul{left:auto;right:0}.footer-nav ul li.edge ul{right:100%}
/*/wp-content/themes/themify-shoppe/style.min.css*/
/*!
Theme Name:Themify Shoppe
Theme URI:https://themify.me/themes/shoppe
Version:7.4.0
Description:Themify Shoppe is a multi-purpose WooCommerce theme that helps you build professional eCommerce sites in minutes. It comes with the drag & drop Themify Builder and many eCommerce features such as ajax cart,wishlist,quick look lightbox,ajax quick search,product image zoom/gallery,and tons of layout options. Read <a href="https://themify.me/docs/shoppe-documentation">Shoppe documentation</a> for more information.
Author:Themify
Author URI:https://www.themify.me
License:GNU General Public License v2.0
License URI:http://www.gnu.org/licenses/gpl-2.0.html
Copyright:(c) Themify.
Tags:themify,featured-images,translation-ready,custom-menu,sidebar
Text Domain:themify

---------
DO NOT EDIT THIS FILE.
If you need to overwrite the CSS styling,create a new custom_style.css 
in the theme folder and it will automatically load in the <head>.
*/a,abbr,acronym,address,b,bdo,big,blockquote,body,br,button,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,form,h1,h2,h3,h4,h5,h6,html,i,img,ins,kbd,legend,li,map,object,ol,p,pre,q,samp,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{margin:0;padding:0}fieldset,img{border:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}address{font-style:normal}html{scroll-behavior:smooth}audio,iframe{max-width:100%}:root{--theme_accent:#dcaa2e;--theme_accent_hover:#000;--theme_accent_semi:hsla(0,0%,100%,.9)}body{-webkit-font-smoothing:antialiased;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;background-color:#fff;color:#666;font:1em/1.7em Libre Franklin,Arial,sans-serif;overflow-wrap:break-word}a{color:var(--theme_accent);transition:color .2s ease-in-out}a,a:hover{text-decoration:none}a:hover{color:var(--theme_accent_hover)}p{margin:0 0 1.2em;padding:0}small{font-size:87%}blockquote{border-left:3px solid hsla(0,0%,59%,.3);font-size:1.1em;line-height:1.4em;margin:0 5% 1.2em;padding:.8em 1.4em}ins{text-decoration:none}ol,ul{margin:0 0 1.4em 1.6em}li,ol,ul{padding:0}li{margin:0 0 1em}ol ol,ol ul,ul ol,ul ul{margin-top:1em}h1,h2,h3,h4,h5,h6{color:#000;font-weight:500;line-height:1.4em;margin:0 0 .4em;overflow-wrap:normal}.page-title,h1{font-size:3em;font-weight:600;letter-spacing:-.03em;line-height:1.2;margin:0 0 .6em;padding:0}h2{font-size:1.8em;font-weight:600;letter-spacing:-.02em}h3{font-size:1.4em}h4{font-weight:600;letter-spacing:.05em;text-transform:uppercase}h4,h5{font-size:1.1em}h6{font-size:1em}button,input,input[type=search],select,textarea{font-family:inherit;font-size:100%;max-width:100%}input:read-only,input:read-write,input[type=checkbox],input[type=radio],select,textarea{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:8px;max-width:100%;padding:.6em}input:read-only,input:read-write{margin:0 1em .4em 0;width:17em}input[type=number]{width:7em}input[type=checkbox]+label{display:inline-block}textarea{margin:0;min-height:13.5em;width:100%}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='none' stroke='rgba(40,40,40,.8)' stroke-linecap='round' stroke-width='3'%3E%3Cpath d='m2.7 2.3 46.4 54.9L95.5 2.3'/%3E%3C/svg%3E");background-position:calc(100% - 8px) calc(50% + 3px);background-repeat:no-repeat;background-size:12px;padding-right:30px}input[type=checkbox],input[type=radio]{-webkit-appearance:none;border-radius:6px;clear:none;cursor:pointer;display:inline-block;height:20px;line-height:1;margin:0 .5em 0 0;padding:0 2px;text-align:center;vertical-align:middle;width:20px}input[type=radio]{align-items:center;border-radius:100%;display:inline-flex;justify-content:center;padding:0}input[type=checkbox]:before{border-bottom:1px solid transparent;border-left:1px solid transparent;content:"";display:inline-block;height:5px;margin-bottom:4px;margin-left:1px;transform:rotate(-45deg) skewY(-10deg);width:12px}input[type=checkbox]:checked:before{border-bottom:1px solid;border-left:1px solid}input[type=radio]:checked:before{background-color:#222;border-radius:100%;content:"";display:inline-block;height:12px;vertical-align:middle;width:12px}input:read-only:focus,input:read-write:focus,select:focus,textarea:focus{border-color:rgba(0,0,0,.5)}button,input[type=reset],input[type=submit]{-webkit-appearance:none;background-color:var(--theme_accent);border:0;border-radius:30px;color:#fff;cursor:pointer;font-weight:500;letter-spacing:.05em;padding:.8em 1.4em;text-transform:uppercase;transition-duration:.3s;transition-property:background-color,transform,box-shadow;width:auto}button:hover,input[type=reset]:hover,input[type=submit]:hover{background:var(--theme_accent_hover);box-shadow:0 5px 12px 3px rgba(0,0,0,.12);color:#fff;transform:translateY(-2px)}.author-box,.col3-1,.col4-1,.col4-2,.widget,img,input,textarea{box-sizing:border-box}.pagewidth{margin:0 auto;max-width:100%;width:1160px}#content{padding:6.5% 0;width:72%}.full_width #layout{max-width:100%;width:100%}.full_width #content{float:none;max-width:100%;padding:0;width:auto}.col3-1,.col4-1,.col4-2{float:left;margin-left:3.2%}.col4-1{width:22.6%}.col4-2{width:48.4%}.col3-1{width:31.2%}.col3-1.first,.col4-1.first,.col4-2.first{clear:left;margin-left:0}#headerwrap{background-color:hsla(0,0%,100%,.9);box-shadow:0 1px 15px rgba(0,0,0,.12);left:0;position:relative;text-align:center;top:0;z-index:999}#headerwrap.fixed-header:before{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.mobile-menu-visible #headerwrap:before,.slide-cart-visible #headerwrap:before{display:none}.fixed-header-enabled #headerwrap{position:-webkit-sticky;position:sticky}.transparent-header #headerwrap,.transparent-header.no-fixed-header #headerwrap{position:fixed}.themify_announcement.bar .announcement_container{margin:0 28px;width:auto}#header{margin:0 28px;max-width:none;width:calc(100% - 56px)}#headerwrap a{color:#000}#headerwrap a:hover{color:var(--theme_accent)}.header-icons .search-button{border-left:1px solid hsla(0,0%,71%,.2);border-radius:0;margin-left:10px;margin-right:-28px;outline:0;padding:0;text-align:center;text-decoration:none}.header-icons .search-button:hover{background:hsla(0,0%,78%,.25)}.search-button:focus{outline:0}.search-button .tf_fa{display:block;font-size:1.3em;margin:auto;padding:1.06em .8em}.header-icons{bottom:0;position:absolute;right:0;z-index:2}.header-icons,.top-icon-wrap{align-items:center;display:flex;flex-wrap:wrap}.icon-menu{display:inline;list-style:none;margin:0 0 0 3px;padding:0}.icon-menu li{list-style:none;margin:0;padding:10px 0;position:relative}.icon-menu em,.icon-menu li{display:inline-block;vertical-align:middle}.icon-menu em{border-radius:100%;box-shadow:none;font-size:19px;line-height:1;padding:9px 10px;text-shadow:none}#header .icon-shopping-cart.tf_loader{font-size:7px;padding:9px}#header .icon-shopping-cart.tf_loader:before{border-width:2px}.icon-menu a:hover em{background-color:hsla(0,0%,78%,.25)}.icon-menu li>a{display:inline-block;margin:3px;position:relative;text-decoration:none}.icon-shopping-cart svg{margin-top:-2px}.icon-shopping-cart.tf_loader svg{display:none}.icon-menu ul li{padding:0}.icon-menu li>.sub-menu{text-align:left}.cart-style-dropdown .icon-menu .cart a .tooltip{display:none}.icon-menu li>a .tooltip{background-color:#000;border-radius:30px;color:#fff;display:inline-block;font-size:.8em;left:50%;line-height:1.3em;margin-top:0;opacity:0;padding:.5em 1.15em;position:absolute;text-align:center;top:130%;transform:translateX(-50%);transition:.3s ease-out;transition-property:opacity,visibility;visibility:hidden;z-index:1}.icon-menu li>a:hover .tooltip{opacity:1;visibility:visible}.cart-style-slide-out .icon-menu .cart a .cart_empty+.tooltip{display:block}.icon-menu li>a .tooltip:before{border:5px solid transparent;border-bottom-color:#000;bottom:100%;content:"";display:block;left:50%;margin-left:-5px;position:absolute}.icon-menu .icon-menu-count{animation:zoomIn .3s ease;background-color:var(--theme_accent);border-radius:10px;color:#fff;font-size:9px;line-height:1;min-width:10px;padding:4px;position:absolute;right:-6px;text-align:center;top:50%}.tf_loader+.icon-menu-count{display:none}@keyframes zoomIn{0%{transform:scale(.5)}to{transform:scale(1)}}.tf_darkmode_toggle svg{stroke-width:2px;fill:transparent}.tf_darkmode .tf_darkmode_toggle em{background:hsla(0,0%,78%,.25)}#main-nav{bottom:0;left:0;margin:0;padding:0;position:absolute;text-align:left;width:100%}#main-nav li{display:inline-block;list-style:none;margin:0;padding:0;position:relative}#main-nav small{display:block;text-transform:none}#main-nav a{display:inline-block;letter-spacing:.02em;margin:0 .25em 0 0;padding:1.2em .4em;position:relative;text-decoration:none;text-transform:uppercase}#main-nav>li>a:before{border-bottom:3px solid;color:transparent;content:"";display:block;left:0;margin-bottom:-1px;position:absolute;top:0;transition:inherit;width:100%}#main-nav>.current-menu-item>a:before,#main-nav>.current-menu-item>a:hover:before,#main-nav>.current_page_item>a:before,#main-nav>.current_page_item>a:hover:before,#main-nav>li:hover>a:before{color:var(--theme_accent)}#main-nav .highlight-link>a{border:1px solid;border-radius:30px;padding:.2em 1em}#main-nav ul a,.icon-menu ul a{border:0;border-bottom:1px solid hsla(0,0%,71%,.2);box-sizing:border-box;color:#060604;display:block;font-size:.95em;font-weight:400;letter-spacing:0;line-height:1.4em;margin:0;padding:.6em 0;text-transform:none;width:170px}#main-nav ul li:last-child>a,.icon-menu ul li:last-child>a{border-bottom:none}#main-nav .current-menu-item>a,#main-nav .current_page_item>a,#main-nav a:hover{color:var(--theme_accent)}.menu-icon-inner:before{border-bottom:2px solid;border-top:2px solid}.menu-icon-inner:after{border-top:2px solid}#slide-cart.sidemenu-on{box-shadow:-6px 0 20px 5px rgba(0,0,0,.25);right:0}body.mobile-menu-visible,body.slide-cart-visible{overflow-y:hidden;position:relative}body.slide-cart-visible{overflow:hidden!important}.body-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsla(0,0%,91%,.9);box-shadow:none;display:none;height:100%;position:fixed;top:0;width:100%;z-index:1000}.body-overlay-on{display:block}.sidemenu-left .body-overlay{right:auto}.empty-shopdock{padding:1em}#main-nav .edge>.sub-menu{left:auto;right:0}#main-nav ul .edge>.sub-menu{left:auto;right:100%}.menu-item .child-arrow{border-radius:100%;color:#7d7d7d;cursor:pointer;display:none;height:34px;position:absolute;right:10px;top:5px;transition:transform .4s;width:34px;z-index:12}.menu-item .child-arrow:hover{background:hsla(0,0%,78%,.25);transform:rotate(180deg)}.child-arrow:after,.child-arrow:before{background:currentColor;border-radius:10px;content:"";height:1px;left:9px;position:absolute;top:50%;transform:rotate(45deg);transition:transform .5s ease-in-out;width:10px;z-index:9999}.child-arrow:after{left:16px;transform:rotate(-45deg)}.toggle-on>a .child-arrow:after,.toggle-on>a .child-arrow:before{left:9px;width:50%}@media (hover:none){#icon-menu .menu-item-has-children>a,#main-nav .menu-item-has-children>a{padding-right:43px}#footer-nav .menu-item-has-children>a{padding-right:28px}.menu-item .child-arrow{border-radius:100%;display:inline-block;margin-left:7px;margin-top:-17px;padding:0;right:5px;top:50%}#main-nav .toggle-on>a>.child-arrow{background:hsla(0,0%,84%,.4)}#main-nav li>.sub-menu{display:none}}#main-nav li>.sub-menu,.icon-menu li>.sub-menu{background-color:#fff;border-radius:8px;box-shadow:0 6px 20px 5px rgba(0,0,0,.12);box-sizing:border-box;color:#484848;left:0;list-style:none;margin:0;opacity:0;padding:10px 20px;pointer-events:none;position:absolute;top:100%;transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden;z-index:100}#main-nav li:hover>.sub-menu,#main-nav li>.sub-menu:focus-within,#main-nav li>a:focus+.sub-menu,.icon-menu li:hover>.sub-menu{opacity:1;pointer-events:auto;visibility:visible}#main-nav li>.sub-menu .sub-menu{left:100%;top:0;visibility:visible}.icon-menu li>.sub-menu ul{left:auto;margin-top:-10px;right:100%;top:0}#main-nav a>i .tf_fa{margin-right:5px}#main-nav a .tf_lazy{display:none}#main-nav .has-mega-column .widgettitle,#main-nav .has-mega-column>.sub-menu>.columns-sub-item>a{border:0;font-size:.925em;font-weight:500;letter-spacing:.04em;line-height:1.6em;margin:0 0 .7em;padding:0;text-decoration:none;text-transform:uppercase}.revealing-header #headerwrap{transition:transform .5s ease-in-out,opacity .5s ease-in-out}.revealing-header #headerwrap.header_hidden{opacity:0;transform:translateY(-100%)}#headerwrap .tf_sticky_logo,#headerwrap.fixed-header .tf_sticky_logo,#headerwrap.fixed-header .tf_sticky_logo+img,#headerwrap.fixed-header .tf_sticky_logo+span{display:none}#headerwrap.fixed-header .tf_sticky_logo{display:block}.author-bio{margin:0 0 2em}.author-bio .author-avatar{float:left;margin:0 15px 0 0}.author-bio .author-avatar img{background-color:#fff;border:1px solid #ccc;padding:5px}.author-bio .author-name{font-size:1.6em;margin:0 0 .5em;padding:0}.author-posts-by{border-color:#ccc hsla(0,0%,46%,.3) hsla(0,0%,46%,.3);border-top:4px solid hsla(0,0%,46%,.3);font-size:1.4em;margin:0 0 1.5em;padding:1em 0 0;text-transform:uppercase}.post{margin-bottom:3em;position:relative}.post-title{font-size:1.8em;letter-spacing:-.02em;line-height:1.3em;margin:0 0 .4em;padding:0}.post-title a{color:#000;text-decoration:none}.post-title a:hover{color:var(--theme_accent)}.post-image{margin:0 0 .7em}.post-image img{border-radius:8px;vertical-align:bottom}.post-image.left{float:left;margin-right:1em}.post-image.right{float:right;margin-left:1em}.post-meta{color:#959595;font-size:.75em;line-height:1.6em;margin:0 0 1em;padding:0}.post-meta a{text-decoration:none}.post-meta a:hover{text-decoration:underline}.post-cat-tag-wrap span,.post-meta span{vertical-align:middle}.post-cat-tag-wrap{display:inline-block;font-size:.7em;margin:0 0 .2em}.post-category{font-weight:600;letter-spacing:.03em;text-transform:uppercase}.post-tag{color:#e1e1e1;letter-spacing:-.01em}.post-tag a{color:#ababab}.post-comment:before,.post-date:before,.post-tag:before{background-color:rgba(0,0,0,.15);border-radius:100%;content:"";display:inline-block;height:4px;margin-left:5px;margin-right:7px;vertical-align:middle;width:4px}.post-author{font-weight:600;letter-spacing:.09em;text-transform:uppercase}.post-author:before{border-bottom:1px solid;content:"";display:inline-block;margin-right:6px;opacity:.4;vertical-align:middle;width:17px}.post-comment{letter-spacing:.03em}.post-date{display:inline-block;letter-spacing:.007em;margin:0;vertical-align:middle}.more-link{color:#060604;display:inline-block;font-size:.8em;font-weight:600;letter-spacing:.05em;line-height:1.9em;margin:0 0 .8em;padding:0;text-transform:uppercase}.more-link:after{border-bottom:3px solid #f2cd8a;content:"";display:block}.shortcode.post-slider .carousel-next,.shortcode.post-slider .carousel-prev,.shortcode.slider .carousel-next,.shortcode.slider .carousel-prev{background-image:none;border:0;border-radius:0;box-shadow:none;margin:0;text-shadow:none}.loops-wrapper.no-gutter .post-image{margin:0}.loops-wrapper.no-gutter .post,.loops-wrapper.no-gutter .post-image img,ul.products.no-gutter li.product .post-image{border-radius:0}.single .has-post-thumbnail .post-image{text-align:center}.author-box{border:0;margin:57px 0}.author-box .author-avatar{float:left;margin:0 30px 5px 0}.author-box .author-avatar img{border-radius:100%;max-width:85px}.author-box .author-name{font-size:1.1em;font-weight:300;letter-spacing:.07em;margin:0 0 12px;text-transform:none}.post-pagination{margin:.5em 0 2em;text-align:right}.post-pagination strong{margin-right:3px}.post-pagination a{margin-left:3px;margin-right:3px}#load-more a,.wpf_infinity a{background:0;border-radius:0;color:#060604;display:none;font-weight:700;letter-spacing:.065em;line-height:1.9em;margin:50px 0 .8em;padding:0;text-decoration:none;text-transform:uppercase;width:auto}#load-more a:after,.wpf_infinity a:after{border-bottom:3px solid var(--theme_accent);content:"";display:block}.wpf-search-container .wpf_infinity a,.wpf-search-container .wpf_infinity a:hover,.wpf_infinity_container .wpf_infinity a,.wpf_infinity_container .wpf_infinity a:hover{background-color:transparent}.embed-youtube,.post-video{height:0;margin-bottom:15px;overflow:hidden;padding-bottom:56.25%;position:relative}.embed-youtube iframe,.post-video iframe{height:100%;left:0;position:absolute;top:0;width:100%}.widget{margin:0 0 1em}.widgettitle{font-size:1em;font-weight:600;letter-spacing:.15em;line-height:1.8em;margin:0 0 1.2em;padding:0;text-transform:uppercase}.widget ul{margin:0;padding:0}.widget li{clear:both;list-style:none;margin:0;padding:0 0 1em}.widget ul ul{border-top:none;margin:1em 0 -1em;padding:0}.widget ul ul li{margin:0;padding-left:10px}iframe[src*=facebook]{background-color:#fff}#pagewrap .wpf_slider.ui-slider .ui-widget-header{background-color:var(--theme_accent)}#pagewrap .wpf_item .wpf_item_name{border:0;color:inherit;font-weight:500}#pagewrap .wpf_layout_vertical .wpf_item.wpf_item_instock .wpf_item_name,#pagewrap .wpf_layout_vertical .wpf_item.wpf_item_onsale .wpf_item_name{color:inherit;font-weight:inherit}.wpf_items_wrapper .wpf_item ul li{margin-right:1em}#footerwrap{font-size:.95em;line-height:1.7em}#footerwrap a{color:#000}#footerwrap a:hover{color:var(--theme_accent)}#footer{padding-top:2.5em;position:relative}#footerwrap .col4-1{font-size:.95em}#footerwrap .below-logo-widget{margin-bottom:2em}.footer-widgets .widget{margin-bottom:2.2em}.footer-widgets .widgettitle{font-size:.95em;font-weight:500;letter-spacing:.1em;line-height:normal;margin-bottom:1.4em}.footer-widgets .widget li{border:0;padding:0 0 .6em}.footer-widgets .widget li a{text-decoration:none}.footer-text{font-size:85%;opacity:.7}.footer-text .one,.footer-text .two{display:inline-block;vertical-align:middle}.footer-text .one{margin-right:1em}.footer-logo-wrap{width:26%}.footer-widgets-wrap{margin-left:4%;width:70%}@supports (-webkit-touch-callout:none){#headerwrap{background-attachment:scroll!important;background-position:50%!important}}img.aligncenter,img.alignleft,img.alignnone,img.alignright{margin-bottom:1em}.alignleft{float:left;margin-right:2em}.alignright{float:right;margin-left:2em}.aligncenter{display:block;margin-left:auto;margin-right:auto;text-align:center}.wp-caption{margin-bottom:1em;max-width:100%;text-align:center}.wp-caption-text{font-style:italic;margin:.5em 0}body.attachment{position:static}.single .attachment.post,body.attachment{float:none;width:auto}.menu:after,.widget li:after{clear:both;content:"";display:table}.cs-canvas-container{overflow:hidden}.screen-reader-text{height:0!important}.mobile-menu-visible #headerwrap #menu-icon{transition:transform .3s linear}.mobile-menu-visible #headerwrap #menu-icon:hover{transform:rotate(90deg)}@media(max-width:1260px){.mobile-menu-visible,.slide-cart-visible{overflow-y:hidden}.pagewidth{max-width:94%}#pagewrap{max-width:100%}}@media(max-width:1024px){.footer-widgets .col4-1{width:48.4%}.footer-widgets .col4-1:nth-child(odd){clear:left;margin-left:0}}@media(max-width:760px){.page-title,h1{font-size:2.4em}.pagewidth{max-width:90%}body #content,body #sidebar{clear:both;float:none;max-width:100%;padding-top:10%;width:100%}#header{margin-left:5%;margin-right:5%}.tf-mc-form .module{padding-left:5%;padding-right:5%}.tf-mc-form .mc4wp-form-fields input[type=submit]{padding-left:.5em;padding-right:.5em}}@media(max-width:680px){.page-title,h1{font-size:1.9em}h3{font-size:1.3em}h2.fancy-heading{font-size:1.8em}h2,h3.fancy-heading{font-size:1.6em}#footerwrap .col2-1,#footerwrap .col3-1,#footerwrap .col3-2,#footerwrap .col4-2,#footerwrap .col4-3,.col2-1,.col3-1,.col3-2,.col4-1,.col4-2,.col4-3{margin-left:0;max-width:100%;width:100%}.post-title{font-size:1.4em}.footer-widgets-wrap{clear:both;float:none;margin:0;width:auto}.footer-text-outer{align-items:flex-start;display:flex;flex-direction:column;left:0;right:auto}}
/*/wp-content/themes/themify-shoppe/styles/headers/mobile-menu.min.css*/
#main-nav{border-bottom:1px solid hsla(0,0%,71%,.2);position:static}#main-nav li>.sub-menu{background:0;border:0;box-shadow:none;display:none;height:auto;margin:0 0 0 1.8em;opacity:1;padding:0;pointer-events:auto;position:static;transform:none;transition:none;width:auto}#main-nav ul .sub-menu{margin-left:1.25em}#main-nav .themify-widget-menu ul{margin-left:.4em;margin-left:1em}#main-nav li,#main-nav ul{clear:both;display:block;margin:0;width:100%}#main-nav a{background:0;border:0;border-top:1px solid hsla(0,0%,71%,.2);display:block;font-size:100%;line-height:1.5em;margin:0;outline:0;padding:.6em 1.4em;text-decoration:none;width:auto}#main-nav ul a{font-size:.95em;letter-spacing:0;padding-left:0}#main-nav .child-arrow{display:block}#main-nav .has-mega-column .widgettitle,#main-nav .has-mega-column>.sub-menu a,#main-nav .has-mega-column>.sub-menu>.columns-sub-item>a{border:0;border-top:1px solid hsla(0,0%,71%,.2);font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;margin:0;padding:.6em .1em .6em 0;text-transform:none}#main-nav>li>a:before,.cart-style-dropdown #headerwrap .sidemenu-off .top-icon-wrap .cart .tooltip,.mobile-menu-visible #headerwrap #menu-icon{display:none}
/*/wp-content/themes/themify-shoppe/styles/headers/header-left-pane.min.css*/
.mobile-menu-visible{overflow-x:hidden}#menu-icon,#site-description:before{display:none}#body,#footerwrap{margin-left:300px;padding-left:4%;padding-right:4%}#footerwrap,.full_width #body{padding-left:0;padding-right:0}#headerwrap{-webkit-overflow-scrolling:touch;border:0;box-shadow:6px 0 20px 0 rgba(0,0,0,.12);height:100%;overflow:hidden;overflow-y:auto;position:fixed;text-align:inherit;width:300px;z-index:9998}.site #headerwrap #header{margin:auto;max-width:none;padding-top:30px;width:auto}.logo-wrap{display:block;margin-left:1.55em;margin-right:1.55em}#site-logo{display:block;margin:0 0 .3em}#site-description{background:0;color:#7d7d7d;display:block;font-size:.85em;letter-spacing:-.01em;margin:0 0 1em;opacity:1;padding:0;position:static;text-align:inherit;transform:none;visibility:visible}#headerwrap .search-button{border:0;border-radius:100%;height:auto;margin-left:.3em;position:static;transform:none;width:auto}.search-button .tf_fa{font-size:19px;padding:9px}.sidemenu .top-icon-wrap{background:0;border:0;box-sizing:border-box;left:0;margin:0;padding:0;perspective:none;position:relative;right:0;transform:none;width:auto}.sidemenu .icon-menu{float:none;margin:0}.sidemenu .icon-menu li>a{margin:2px;padding:0}.sidemenu .top-icon-wrap li{width:auto}.sidemenu .top-icon-wrap li a{display:inline-block}.sidemenu .top-icon-wrap .icon-menu li>a .tooltip{background-color:#000;color:#fff;display:inline-block;left:0;line-height:normal;margin-top:10px;opacity:0;padding:.3em .8em;position:absolute;top:130%;transform:none;transition:all .3s ease-out;visibility:hidden;white-space:nowrap;z-index:1}.sidemenu .top-icon-wrap .icon-menu li>a:hover .tooltip{margin-top:0;opacity:1;visibility:visible}.sidemenu .top-icon-wrap .icon-menu li>a .tooltip:before{border:5px solid transparent;border-bottom-color:#000;bottom:100%;content:"";display:block;left:0;margin-left:15px;position:absolute}#headerwrap .sidemenu .top-icon-wrap li.cart{position:static}#headerwrap .sidemenu #cart-wrap{left:0;margin:auto;right:0;transform:none;width:300px}#headerwrap .sidemenu .top-icon-wrap:hover #cart-wrap{z-index:11}.cart-style-dropdown #headerwrap #cart-wrap{width:260px}#slide-cart #cart-list{width:300px}.header-icons{align-items:center;display:flex;flex-flow:row wrap;justify-content:flex-start;margin:0 1.1em 1em;position:static;width:100%;z-index:13}#main-nav{margin:.5em 0 0}#main-nav a{float:none;padding:.7em .1em .7em 1.65em}#main-nav a,#main-nav ul li:first-child>a{border-top:1px solid hsla(0,0%,71%,.2)}#main-nav .has-mega-column .product-categories .count{right:2em}#main-nav .has-mega>.sub-menu{background:0;margin:auto;padding:0;visibility:visible}#headerwrap #main-nav ul{background:0;box-sizing:border-box;margin:0;padding:0 0 0 2.8em}#headerwrap #main-nav ul ul{padding-left:1.25em}#headerwrap #main-nav ul a{font-size:.95em;padding:.6em 1em .6em 0;width:auto}#headerwrap .sidemenu{-webkit-overflow-scrolling:touch;align-items:center;border:0;display:flex;flex-flow:row wrap;justify-content:flex-start;overflow:inherit;padding:0 0 30px;position:static;width:auto}.sidemenu .top-icon-wrap{display:block;order:1}#headerwrap .search-button{order:2}#headerwrap #main-nav-wrap{order:3;width:100%}.top-bar-left,.top-bar-right{float:none;text-align:inherit;width:100%}.sidemenu .top-bar-widgets{display:block;margin-top:1em;order:4;width:100%}.sidemenu .top-bar-widgets .top-bar-widget-inner{max-width:none;padding:0 1.4em;width:auto}.slide-cart-visible.sidemenu-right,.slide-cart-visible.sidemenu-right #headerwrap{left:0}#headerwrap #slide-cart{-webkit-overflow-scrolling:touch;display:none;height:100%;left:-300px;overflow-y:auto;padding:50px 0;position:fixed;right:auto;transition:.2s ease-in-out;width:300px}.slide-cart-visible #headerwrap #slide-cart{box-shadow:6px 0 20px 0 rgba(0,0,0,.25);left:0}.slide-cart-visible.sidemenu-right #headerwrap #menu-icon{right:auto}.pswp{z-index:9999}@media(min-width:1201px){.full_width .row_inner{max-width:92%}}
/*/wp-content/themes/ble-whale-media/style.css*/
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
Theme Name: Blue Whale Media
Theme URI: https://www.bluewhalemedia.co.uk/
Template: themify-shoppe
Author: Blue Whale Media
Author URI: https://www.bluewhalemedia.co.uk/
Tags: themify,featured-images,translation-ready,custom-menu,sidebar
Version: 5.5.7.1646732342
Updated: 2022-03-08 09:39:02

*/
/* Colour Variation Section */
:root {
    --white: #ffffff;
    --black: #000000;
}

/* To add further brand colours you can add new ones inside the :root, for example 
--red: #ff0000; 

You can also add font family in the variation too if your website has multiple fonts throughout, for example 
--primaryfont: Arial;
--secondaryfont: sans-serif;

*/
/* DONT FORGET TO ADD A PLAIN TEXT MODULE IN YOUR HEADER TO SHOW THE BURGER MENU */
/* plain text module should have the class mobile-menu-burger */
/* then add this html in the plain text module <div id="open-mm"><span></span><span></span><span></span></div> */
/* mobile menu */
.mobile-menu-burger {
    display: none;
}

#full-screen-mobile-main-menu {
    position: fixed;
    left: 0;
    top: 0;
    height: calc(100% - 130px);
    width: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    padding: 80px 0px 50px;
    overflow-y: scroll;
    z-index: 1;
    overflow-x: hidden;
}

#full-screen-mobile-main-menu:before {
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    background: white;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.opened-mm #full-screen-mobile-main-menu {
    opacity: 1;
    visibility: visible;
}

.opened-mm #full-screen-mobile-main-menu:before {
    width: 100%;
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
}

#full-screen-mobile-main-menu .row_inner {
    position: relative;
    margin: 0 auto;
    width: 85%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: translateY(80px);
    -ms-transform: translateY(80px);
    transform: translateY(80px);
    opacity: 0;
    visibility: hidden;
    z-index: 9;
    height: 100%;
}

.opened-mm #full-screen-mobile-main-menu .row_inner {
    opacity: 1;
    visibility: visible;
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

#close-mm {
    position: absolute;
    color: black;
    font-size: 40px;
    cursor: pointer;
    right: 30px;
    top: 30px;
    z-index: 1;
}

#full-screen-mobile-main-menu a {
    color: white;
}

#full-screen-mobile-main-menu ul {
    margin: 0;
    list-style: none;
}

#full-screen-mobile-main-menu .row_inner>div.menu-column {
    width: 100%;
}

#main-navigation a {
    font-size: 18px;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-transform: uppercase;
    letter-spacing: 2px;
}

div#main-navigation li:before {
    content: "";
    width: 0px;
    height: 1px;
    background: black;
    display: block;
    position: absolute;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    top: 50%;
}

#main-navigation li {
    position: relative;
}

#main-navigation li:hover a {
    color: black;
}

#main-navigation li:hover:before {
    opacity: 1;
    padding-right: 20px;
    color: black;
}

#main-navigation li:hover a {
    padding-left: 30px;
}

#open-mm span:nth-child(2) {
    width: 14px;
    margin: 2px auto;
    height: 2px;
}

#open-mm span {
    height: 2px;
    width: 20px;
    background: black;
    display: block;
    margin: 4px;
}

#open-mm {
    display: inline-block;
    height: 100%;
    cursor: pointer;
}

#headerwrap #page-header .mobile-menu-burger {
    display: none;
}

#main-navigation {
    right: auto;
}

#main-navigation li.menu-item-has-children:before {
    display: none;
}

#main-navigation li.menu-item-has-children:hover a {
    padding-left: 0px;
}

#main-navigation li.menu-item-has-children a:hover {
    padding-left: 30px;
}

#main-navigation li.menu-item-has-children>a:hover {
    padding-left: 0px;
}

#main-navigation li.menu-item-has-children>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 10px;
}

#main-navigation li.menu-item-has-children ul.sub-menu {
    display: none;
}

#main-navigation li.menu-item-has-children>a em {
    margin-left: 5px;
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
}

#main-navigation li.menu-item-has-children.opened-sub-menu ul.sub-menu {
    display: block;
    margin-left: 20px;
}

/* end of mobile menu */
/* buttons */
#pagewrap .border-button span {
    color: var(--primary);
	font-size: 19px;
}

.border-button a:hover {
    background: transparent!important;
}

.border-button a {
    cursor: pointer;
    position: relative;
    padding: 10px 20px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    margin-top: 30px;
    background: transparent;
    border: none!important;
    text-transform: uppercase;
}

/* .border-button a:after, .border-button a:before {
    content: " ";
    width: 12px;
    height: 12px;
    position: absolute;
    border: 0px solid #fff;
    transition: all 1s;
}

.border-button a:after {
    top: -1px;
    left: -1px;
    border-top: 4px solid var(--primary);
    border-left: 4px solid var(--primary);
}

.border-button a:before {
    bottom: -1px;
    right: -1px;
    border-bottom: 4px solid var(--primary);
    border-right: 4px solid var(--primary);
}

.border-button a:hover {
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.border-button a:hover:before, .border-button a:hover:after {
    width: 102%;
    height: 102%;
}

.border-button-black a:before {
    border-right-color: black;
    border-bottom-color: black;
}

.border-button-black a:after {
    border-top-color: black;
    border-left-color: black;
}

#pagewrap .border-button-black span {
    color: black;
}

.border-button-white a:before {
    border-right-color: white;
    border-bottom-color: white;
}

#pagewrap .border-button-white a:after {
    border-top-color: white;
    border-left-color: white;
}

#pagewrap .border-button-white span {
    color: white;
} */
#pagewrap .phone-button a {
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin-top: 15px;
}

#pagewrap .phone-button span {
    color: white;
}

.phone-button svg {
    fill: var(--primary);
}

#pagewrap .short-arrow-button a {
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}

#pagewrap .short-arrow-button span {
    color: white;
}

.short-arrow-button svg {
    fill: var(--primary);
}

#pagewrap .phone-button.phone-button-black-text span {
    color: black;
}

#pagewrap .short-arrow-button.short-arrow-button-black-text span {
    color: black;
}

#pagewrap .arrow-button a {
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 0 20px;
    padding-top: 6px;
}

#pagewrap .arrow-button span {
    color: var(--primary);
    font-weight: 600;
}

.arrow-button svg {
    fill: var(--primary);
}

#pagewrap .arrow-button.arrow-button-white span {
    color: white;
}

.arrow-button.arrow-button-white svg {
    fill: white;
}

#pagewrap .border-button-black a:after {
    border-color: black!important;
}

#pagewrap .border-button-black.border-button span {
    color: black;
}

#pagewrap .hp-3 .border-button-black.border-button a {
    background: transparent;
    z-index: 99!important;
    display: inline;
    top: 20px;
}

#pagewrap .border-button a:hover::after {
    height: 85%;
    -webkit-transition: height 0.5s;
    -o-transition: height 0.5s;
    transition: height 0.5s;
}

/* buttons end */
/* header */
.header-side {
    background: #03051B;
    height: 100vh;
    padding: 30px 20px;
    border-right: solid 3px var(--primary);
}

#headerwrap .header-side .row_inner {
    max-width: 95%!important;
    width: 100%;
}

.header-side .module-image {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 10vh;
}

#headerwrap .header-side .module-menu a {
    color: white;
    border-bottom: solid white 1px;
    padding: 15px 6px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 0;
}

#headerwrap .header-side .module-menu .sub-menu {
    background: transparent;
    padding-top: 10px;
    padding-left: 10px;
}

#headerwrap .header-side .module-menu .sub-menu a {
    border: none;
    padding: 0;
}

#headerwrap .header-side .module-menu .sub-menu a {
    border: none;
    padding: 0;
    font-size: 17px;
    padding: 3px 0px;
}

#pagewrap .menu-item .child-arrow {
    color: white;
}

#headerwrap .header-side ul.nav li.current-menu-item>a, #headerwrap .header-side ul.nav li.current-menu-parent>a, #headerwrap .header-side ul.nav li:hover>a {
    color: var(--primary);
    background: transparent;
}

.header-side p {
    color: white;
}

.header-side p {
    color: white;
}

#pagewrap .header-side i {
    color: var(--primary);
    padding-right: 10px;
	font-size: 19px;
}

.follow-us-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#pagewrap .call-section a {
    color: white;
	font-size: 19px;
}

.header-underline-text {
    width: 50%;
    border-bottom: 0.5px solid white;
    margin-bottom: 10px;
}

.header-underline-text {
    width: 50%;
    border-bottom: 0.5px solid white;
    margin-bottom: 10px;
}

.header-side .module-menu {
    margin-bottom: 25vh;
}

.open-side-menu {
    z-index: 9999;
}

.open-side-menu span.hamburger-line {
    display: block;
    width: 35px;
    height: 3px;
    background: white;
    -webkit-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

.open-side-menu span.hamburger-line:nth-child(2) {
    margin: 7px 0;
}

.menu-opened .open-side-menu span.hamburger-line:nth-child(1) {
    -webkit-transform: rotate(45deg) translate(5px, 5px);
    -ms-transform: rotate(45deg) translate(5px, 5px);
    transform: rotate(45deg) translate(6px, 7px);
}

.menu-opened .open-side-menu span.hamburger-line:nth-child(2) {
    opacity: 0;
}

.menu-opened .open-side-menu span.hamburger-line:nth-child(3) {
    -webkit-transform: rotate(-45deg) translate(5px, -6px);
    -ms-transform: rotate(-45deg) translate(5px, -6px);
    transform: rotate(-45deg) translate(6px, -8px);
}

.mobile-menu-outer {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content!important;
    position: fixed;
    z-index: 9999;
    padding: 20px;
    background: #03051B;
    top: 0;
    left: 0;
    z-index: 99;
    -webkit-transition: left linear 0.5s;
    -o-transition: left linear 0.5s;
    transition: left linear 0.5s;
}

.open-side-menu {
    z-index: 9999;
}

/* end of mobile menu */
.open-side-menu span.hamburger-line {
    display: block;
    width: 35px;
    height: 3px;
    background: white;
    -webkit-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

.open-side-menu span.hamburger-line:nth-child(2) {
    margin: 7px 0;
}

.menu-opened .open-side-menu span.hamburger-line:nth-child(1) {
    -webkit-transform: rotate(45deg) translate(5px, 5px);
    -ms-transform: rotate(45deg) translate(5px, 5px);
    transform: rotate(45deg) translate(6px, 7px);
}

.menu-opened .open-side-menu span.hamburger-line:nth-child(2) {
    opacity: 0;
}

.menu-opened .open-side-menu span.hamburger-line:nth-child(3) {
    -webkit-transform: rotate(-45deg) translate(5px, -6px);
    -ms-transform: rotate(-45deg) translate(5px, -6px);
    transform: rotate(-45deg) translate(6px, -8px);
}

.mobile-menu-outer {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content!important;
    position: fixed;
    z-index: 9999;
    padding: 20px;
    background: #03051B;
    top: 0;
    left: 0;
    z-index: 99;
    -webkit-transition: left linear 0.5s;
    -o-transition: left linear 0.5s;
    transition: left linear 0.5s;
}

.open-side-menu {
    z-index: 9999;
}

.menu-opened div#headerwrap {
    left: 0;
}

.menu-opened .mobile-menu-outer {
    left: 300px;
    -webkit-transition: left linear 0.5s;
    -o-transition: left linear 0.5s;
    transition: left linear 0.5s;
}

/* header end */
/* footer  */
#pagewrap .footer a, #pagewrap .footer p, #pagewrap .footer h4 {
    color: white;
}

#pagewrap .footer .tb-column.module_column.last {
/*     border-left: solid 2px var(--primary); */
    width: calc(40% - 3.2%);
    padding-left: 60px;
}

.footer {
    padding: 50px 0px;
}

.footer .first {
    width: 60%;
}

#pagewrap .footer .module-menu-container ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

#pagewrap .footer-menus .subrow_inner .sub_column .tb-column-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}

#pagewrap .footer-menus .subrow_inner .sub_column .tb-column-inner .module-menu {
    width: 50%;
}

h4.footer-main-title {
    font-weight: 900;
    width: 56%;
}

#pagewrap .footer-small-link a {
    font-size: 17px;
    color: #a8a7a7;
    padding-top: 5px;
    padding-bottom: 6px;
}

p.white-footer-text {
    font-size: 27px;
    padding-bottom: 0;
    font-weight: 600;
}

#pagewrap .footer h4 {
    font-weight: 800;
}

.footer .last h4.footer-title {
    text-transform: initial;
}

#pagewrap .footer a {
    font-weight: 600;
	font-size: 19px;
}

.footer {
    padding-bottom: 100px;
}

#pagewrap .footer a:hover {
    color: var(--primary);
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

#pagewrap .footer .white-icon a {
    padding: 12px 0px;
}

#pagewrap .footer .white-icon em {
    font-size: 24px;
    padding: 5px;
}

#pagewrap p.white-footer-text {
    font-size: 20px;
    font-family: 'futura-pt';
    letter-spacing: 1px;
    margin-top: 10px;
    margin-bottom: 10px!important;
}

.footer .frm_style_formidable-style.with_frm_style .form-field ::-webkit-input-placeholder {
    font-family: 'futura-pt';
    letter-spacing: 2px;
    font-weight: 700;
}

.footer .frm_style_formidable-style.with_frm_style .form-field ::-moz-placeholder {
    font-family: 'futura-pt';
    letter-spacing: 2px;
    font-weight: 700;
}

.footer .frm_style_formidable-style.with_frm_style .form-field :-ms-input-placeholder {
    font-family: 'futura-pt';
    letter-spacing: 2px;
    font-weight: 700;
}

.footer .frm_style_formidable-style.with_frm_style .form-field ::-ms-input-placeholder {
    font-family: 'futura-pt';
    letter-spacing: 2px;
    font-weight: 700;
}

.footer .frm_style_formidable-style.with_frm_style .form-field ::placeholder {
    font-family: 'futura-pt';
    letter-spacing: 2px;
    font-weight: 700;
}

/* footer end */
/* home */
#pagewrap .new-header-home .row_inner {
    width: 100%!important;
    max-width: 100%!important;
}

.new-header-home video {
    pointer-events: none;
    cursor: pointer;
}

.new-header-home .tf_video_wrap.tf_w.tf_mw.tf_box {
    display: none;
}

.home-icons .row_inner .module_column .tb-column-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}

.home-icons-single svg {
    height: 180px;
    width: 180px;
    margin-bottom: 20px;
}

.home-icons-single .subrow_inner .sub_column .tb-column-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.hp-2 h2.has-text-before:before {
    content: "Services";
    color: #d8d7d7;
    font-size: 140px;
    font-family: 'futura-pt';
}

.hp-4 h2 {
    color: white;
}

.hp-4 {
    text-align: center;
}

.hp-4 .module-image {
    width: 70%;
    margin: 0 auto;
    text-align: center;
}

#pagewrap .hp-7 .row_inner .tb-column-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}

.hp-7 .hp-7-single svg {
    width: 150px;
    height: 150px;
}

#pagewrap .hp-7-single .subrow_inner .sub_column .tb-column-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.hp-7-single {
    text-align: center;
}

.hp-7-single .counter-value.counter-percent {
    font-family: 'futura-pt';
    font-size: 38px;
    font-weight: 900;
}

.hp-7-single .counter-value.counter-percent:before {
    font-weight: 700;
    content: "+";
    padding-right: 5px;
}

#pagewrap .hp-logos .row_inner .module_column .tb-column-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}

#pagewrap .hp-logos .row_inner .module_column .tb-column-inner .module-image {
    width: 95%;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto;
}

#pagewrap .page-header {
    height: 108vh;
}

#pagewrap .page-header .row_inner {
    height: 100%;
    padding-top: 20vh;
    width: 75%!important;
}

#pagewrap .page-header p, #pagewrap .page-header h1 {
    color: white;
    line-height: 0.8;
    letter-spacing: normal;
}

#pagewrap .page-header p {
    font-size: 22px;
    width: 55%;
    font-family: 'futura-pt';
    margin-left: 160px;
}

#pagewrap span.header-smaller {
    font-family: 'futura-pt';
    font-weight: 700;
    color: white;
    font-size: 65px;
}

.hp-1 .row_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}

.home-icons-single p.left-underline {
    font-family: 'futura-pt';
    letter-spacing: 1px;
}

.home-icons-single .left-underline:after {
    left: 0;
}

.home-icons-single .border-button {
    margin-top: 20px;
}

.hp-4 .left-underline:after {
    width: 100%;
    max-width: 150px;
    left: -50px;
    right: 0;
    text-align: left;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

#pagewrap .hp-5 .border-button a {
    margin-right: 30px;
}

#pagewrap .hp-3 .border-button-black.border-button span {
    background: #e8e8e8;
}

.hp-5.has-left-lines .first:before {
    left: -130px;
    height: 150%;
    background-size: 150%;
    top: 10px;
}

.hp-6.has-left-lines .first:before {
    left: -130px;
    height: 270%;
    background-size: 170%;
    top: -170px;
}

#pagewrap .hp-4 .border-button span {
    background: transparent;
}

#pagewrap .home-icons-single .subrow_inner .sub_column .tb-column-inner {
    margin: 0px 60px;
}

#pagewrap .home-icons-single:first-child .subrow_inner .sub_column .tb-column-inner {
    margin-left: 0;
}

#pagewrap .home-icons-single:last-child .subrow_inner .sub_column .tb-column-inner {
    margin-right: 0;
    margin-left: 150px;
}

#pagewrap .hp-4 h2 {
    text-transform: uppercase;
    font-family: open-sans, sans-serif!important;
    font-weight: 700;
    letter-spacing: 4px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.hp-6 .last {
    padding-left: 30px;
}

/* home end */
/* client projects*/
.page-id-316 #pagewrap .page-header h1:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: var(--primary);
    right: -48%;
    top: 65%;
}

.page-id-316 #pagewrap .page-header p:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: var(--primary);
    left: -90%;
    top: 10%;
}

.page-id-316 #pagewrap .page-header h1:before {
    display: none;
}

/* client projects end*/
/* case studies */
.page-id-317 #pagewrap .page-header h1:before {
    content: "";
    position: absolute;
    display: block;
    width: 38%;
    height: 2px;
    background: var(--primary);
    left: -40%;
    top: 50%;
}

.case-studies-1::before {
    content: "";
    position: absolute;
    display: block;
    width: 6%;
    height: 2px;
    top: 76%;
    left: 0;
    background: var(--primary);
}

.case-studies-1::after {
    content: "";
    position: absolute;
    display: block;
    width: 70%;
    height: 2px;
    top: 76%;
    right: 0;
    background: var(--primary);
}

.case-studies-2 .planned-4-single .planned-4-svg-wrap:after {
    display: none;
}

.case-studies-2 p.previous-project-title:after {
    content: "";
    position: absolute;
    display: block;
    height: 3px;
    width: 90px;
    background: var(--primary);
    bottom: -10px;
    left: -5%;
}

.case-studies-2 p.previous-project-title {
    position: relative;
}

.case-studies-1 {
    padding-top: 100px;
}

.case-studies-1 h2:before {
    content: "Happy Clients";
    position: absolute;
    display: block;
    font-size: 70px;
    color: #EAEAEA;
    text-transform: uppercase;
    top: -60px;
    font-weight: 600;
    left: -50px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.latest-projects-row .blog_archive a {
    -ms-flex-preferred-size: calc(25% - 15px);
        flex-basis: calc(25% - 15px);
}

#pagewrap .latest-projects-row .row_inner {
    max-width: 100%!important;
}

/* case studies end */
/* planned and reactive */
#pagewrap .planned-2 .row_inner {
    width: 100%;
    max-width: 100%!important;
}

#pagewrap .planned-2 .first, #pagewrap .planned-2 .last {
    width: 50%;
    margin: 0;
    padding: 100px 130px;
}

.planned-2 .first p, .planned-2 .last p {
    color: white;
    font-family: 'futura-pt';
}

.planned-2 p.left-underline {
    position: relative;
    font-family: 'futura-pt';
    font-size: 33px!important;
}

#pagewrap .tb_whyf444 .row_inner {
    max-width: 100%!important;
    width: 100%!important;
}

.start-project-green {
    background: var(--primary);
    padding: 0;
    text-align: center;
    height: 75px;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.start-project-green p {
    color: aliceblue;
    font-family: 'futura-pt';
    font-size: 30px;
    margin-bottom: 0;
    text-align: center;
}

.start-project-green a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    align-items: center;
    text-align: center;
}

.start-project-green i {
    color: white;
    padding-left: 20px;
    font-size: 25px;
}

.planned-4 .row_inner .tb-column-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.planned-4 .planned-4-single .tb-column-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.planned-4-single {
    margin: 20px 30px;
    width: calc(33.3333% - 40px);
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.planned-4-single svg {
    width: 110px;
    height: 110px;
    margin-bottom: 30px;
}

.planned-4-single:nth-child(1), .planned-4-single:nth-child(4) {
    margin-left: 0;
}

.planned-4-single:nth-child(3), .planned-4-single:nth-child(6) {
    margin-right: 0;
}

.planned-4-single .planned-4-svg-wrap:after {
    content: "";
    position: absolute;
    display: block;
    height: 3px;
    width: 90px;
    background: var(--primary);
    bottom: 2%;
    left: -5%;
}

.planned-4-single .planned-4-svg-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    margin-bottom: 20px;
}

a.get-in-touch-single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px 0px;
}

a.get-in-touch-single i {
    color: white;
    font-size: 24px;
}

.planned-4-single:nth-child(6) {
    background: black;
}

#pagewrap a.get-in-touch-single p {
    color: white;
    font-family: 'futura-pt';
    padding-left: 10px;
}

.planned-4-single:nth-child(6) h3 {
    color: white;
    text-align: center;
}

.planned-4-single:nth-child(6) .tb-column-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.planned-4-single:nth-child(6) .subrow_inner {
    height: 100%;
}

.planned-4-single p {
    font-family: 'futura-pt';
}

.planned-1 h2:before {
    content: "Electrical";
    position: absolute;
    display: block;
    color: #EAEAEA;
    font-size: 100px;
    top: -40px;
    font-family: 'futura-pt';
    letter-spacing: 5px;
    left: -40px;
    z-index: -1;
}

.planned-3 .first h2:before {
    content: "Promise";
    position: absolute;
    display: block;
    top: -40px;
    font-size: 100px;
    color: white;
    left: -50px;
    z-index: 0;
    letter-spacing: 5px;
    z-index: -1;
}

.planned-3 {
    z-index: -2;
}

.page-id-325 .page-header h1:after {
    content: "";
    position: absolute;
    display: block;
    height: 780px;
    width: 3px;
    left: 130px;
    background: var(--primary);
    bottom: -790px;
}

.planned-3 .first h2 {
    margin-bottom: 0;
}

.planned-3 .first p.left-underline {
    font-size: 25px;
}

.planned-3 .first h2 {
    font-size: 50px!important;
    font-weight: 600!important;
}

/* planned and reactive end */
/* lighting design */
.lighting-1 h2.has-text-before:before {
    content: "ELECTRICAL";
}

.lighting-3 p {
    width: 100%;
}

.lighting-3 p.left-underline {
    margin-bottom: 40px;
    letter-spacing: 2px;
    font-size: 22px;
    font-weight: 700;
    margin-top: 15px;
}

#pagewrap .lighting-4-icons-outer .lighting-4-single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px 0px;
}

.lighting-4-single-left {
    width: 30%;
}

.lighting-4-single-right {
    width: 70%;
}

.lighting-4-single-left svg {
    height: 100px;
    width: 100px;
}

.lighting-4-icons-outer {
    padding-top: 60px;
}

.lighting-2 .last .module-image {
    -webkit-box-shadow: 0 0 11px 6px #0000003d;
            box-shadow: 0 0 11px 6px #0000003d;
    z-index: 99;
}

.lighting-2 .last, .lighting-2 .first {
    margin-top: -30px;
}

.page-id-323 #pagewrap .page-header h1:before {
    width: 70%;
    height: 2px;
    top: 38px;
    left: 52%;
}

.page-id-323 #pagewrap .page-header h1:after {
    content: "";
    position: absolute;
    display: block;
    left: -30%;
    width: 41%;
    height: 2px;
    background: var(--primary);
    bottom: -35px;
}

.page-id-323 #pagewrap .lighting-3 h2.has-text-before:before {
    z-index: 9;
    content: "SERVICES";
    color: #dddbdb;
    font-family: 'open-sans';
}

.lighting-2 h2.has-text-before:before {
    color: #d7d6d6;
    content: "SERVICES";
}

.page-id-323 .lighting-4 h2.has-text-before:before {
    content: "PROMISE";
}

.page-id-323 .lighting-1 {
    margin-top: -120px;
}

#pagewrap .lighting-2 h2 {
    font-family: 'open-sans'!important;
    font-weight: 700;
}

#pagewrap .lighting-4 h2 {
    font-weight: 600;
    margin-bottom: 0;
}

#pagewrap .lighting-4 p:nth-child(2) {
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    font-size: 22px;
}

#pagewrap .lighting-4 .left-underline:after {
    bottom: -40px;
}

.page-id-323 #pagewrap .hp-3 .border-button-black.border-button span {
    padding-bottom: 0;
}

.lighting-2 {
    z-index: 1;
}

/* lighting design end */
/* HERE */
#pagewrap h1 {
    font-size: 85px;
    font-weight: 900;
    position: relative;
}

#pagewrap span.big-h2 {
    font-size: 55px;
    font-family: 'futura-pt';
}

.grey-bg {
    background: var(--grey);
}

.padding-row {
    padding: 60px 0px;
}

.underline-sideways-left .tb_text_wrap ::after {
    content: "";
    width: 2px;
    height: 100%;
    background: var(--primary);
    position: absolute;
    display: block;
    left: -30px;
    bottom: 0px;
}

.underline-sideways-left .tb_text_wrap {
    position: relative;
}

.underline-sideways-left .tb_text_wrap p {
    margin-bottom: 20px;
}

.underline-sideways-left {
    margin-left: 40px;
}

h3.underline-big-title:after {
    content: "";
    width: 140px;
    height: 2px;
    background: var(--primary);
    position: absolute;
    display: block;
    left: -30px;
    bottom: -20px;
}

h3.underline-big-title {
    position: relative;
    margin-bottom: 40px
}

.header-side .module-menu {
    margin-bottom: 25vh;
}

.call-section {
    padding-bottom: 10px;
}

.module_row>.row_inner, .module-layout-part .module_row.fullwidth_row_container>.row_inner {
    max-width: 85%!important;
    width: 100%;
}

.width-60-40 .first {
    width: 60%;
}

.width-60-40 .last {
    width: calc(40% - 3.2%);
}

.top-left-triangle::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: var(--primary);
    height: 110px;
    width: 110px;
    display: block;
    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
            clip-path: polygon(0 0, 0% 100%, 100% 0);
    z-index: 9;
}

.bottom-right-triangle::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    background: var(--primary);
    height: 110px;
    width: 110px;
    display: block;
    -webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%);
            clip-path: polygon(100% 0, 0 100%, 100% 100%);
}

.has-overlay:before {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    background: #0a0a35;
    top: 0;
    opacity: 0.7;
}

.has-overlay-site:before {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    background: #0a0a35;
    top: 0;
    margin-left: -19px;
    opacity: 0.5;
}

.contact-layout .first {
    background: white;
    border-radius: 20px;
    padding: 30px;
}

#pagewrap .contact-layout .with_frm_style input, #pagewrap .contact-layout .with_frm_style textarea {
    background: #EAEAEA;
    -webkit-box-shadow: none;
            box-shadow: none;
    border-radius: 0;
    border: none;
}

.alone-image-blue-bottom {
    text-align: center;
}

.alone-image-blue-bottom img {
    width: 100%;
    max-width: 60%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: relative;
    /* bottom: 50px; */
    border-bottom: 5px solid var(--primary);
}

.has-overlay-gap img {
    width: 100%;
    max-width: 75%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.contact-layout .last p {
    color: white;
}

.contact-layout .last h2 {
    color: var(--primary);
}

#pagewrap .contact-layout .last .tb-column-inner {
    background: #03051B;
    padding: 30px 50px;
}

#pagewrap .contact-layout .frm_submit button {
    background: #EAEAEA;
    border-radius: 0;
    border: none;
}

#pagewrap .contact-layout-white .last .tb-column-inner {
    background: white;
}

#pagewrap .contact-layout-white .last .phone-button span, #pagewrap .contact-layout-white .last .short-arrow-button span {
    color: black;
	font-size: 19px;
}

.commercial-image img {
    width: 100%;
    max-width: 50%;
    height: 100%;
    position: relative;
    bottom: 20px;
}

.retail-image img {
    width: 100%;
    max-width: 40%;
    height: 100%;
    position: relative;
    bottom: 20px;
}

.leisure-image img {
    width: 100%;
    max-width: 60%;
    height: 100%;
    position: relative;
    bottom: 20px;
}

.contact-layout-white .first {
    -webkit-box-shadow: 7px 7px 20px 4px #0000009e;
            box-shadow: 7px 7px 20px 4px #0000009e;
}

.contact-layout-white {
    margin-bottom: 120px;
}

.enquire-now .first {
    background: #03051B;
    padding: 30px 30px;
    width: 40%;
}

.enquire-now .last {
    width: calc(60% - 3.2%);
}

.frm_dropzone.frm_single_upload {
    max-width: 100%;
    width: 160px;
}

#pagewrap .enquire-now span {
    font-size: 14px!important;
}

#pagewrap .enquire-now h3 {
    color: white;
}

#pagewrap .enquire-now .with_frm_style input, #pagewrap .enquire-now .with_frm_style textarea {
    background: #03051B;
    border-radius: 0;
}

.enquire-now .first .dz-message.needsclick {
    background: #03051B;
    border: none;
    padding: 10px;
}

.enquire-now .first .frm_dropzone {
    background: #03051B;
    border: 1px solid white;
    border-radius: 0;
}

.enquire-now .with_frm_style .frm_dropzone .frm_upload_icon:before, .enquire-now .with_frm_style .frm_dropzone .dz-remove {
    color: white;
}

.alone-image-1 {
    text-align: center
}

.alone-image-1 img {
    width: 100%;
    max-width: 60%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: relative;
    /* bottom: 50px; */
    -webkit-box-shadow: 5px 5px 10px rgb(0 0 0 / 60%);
            box-shadow: 5px 5px 10px rgb(0 0 0 / 60%);
    border-bottom: 5px solid var(--primary);
}

#pagewrap .enquire-now span.frm_upload_text {
    color: white;
}

.enquire-now .frm_small_text {
    color: white;
}

#pagewrap .enquire-now .with_frm_style input::-webkit-input-placeholder, #pagewrap .enquire-now .with_frm_style textarea::-webkit-input-placeholder {
    color: white;
}

#pagewrap .enquire-now .with_frm_style input::-moz-placeholder, #pagewrap .enquire-now .with_frm_style textarea::-moz-placeholder {
    color: white;
}

#pagewrap .enquire-now .with_frm_style input:-ms-input-placeholder, #pagewrap .enquire-now .with_frm_style textarea:-ms-input-placeholder {
    color: white;
}

#pagewrap .enquire-now .with_frm_style input::-ms-input-placeholder, #pagewrap .enquire-now .with_frm_style textarea::-ms-input-placeholder {
    color: white;
}

#pagewrap .enquire-now .with_frm_style input::placeholder, #pagewrap .enquire-now .with_frm_style textarea::placeholder {
    color: white;
}

.enquire-now .first::after {
    content: "";
    position: absolute;
    display: block;
    width: 97%;
    height: 98%;
    background: transparent;
    top: 4%;
    left: 5%;
    border: solid 12px var(--primary);
    z-index: -1;
}

.hp-1::after {
    content: "";
    position: absolute;
    display: block;
    width: 3px;
    height: 100%;
    background: var(--primary);
    top: 0;
    right: 20%;
    z-index: -1;
}

#pagewrap .enquire-now button {
    background: #03051B;
    border-radius: 0;
    color: white;
}

#pagewrap .apply-now .first .tb-column-inner {
    background: #03051B;
    padding: 50px;
}

.apply-now .tb-column-inner h3 {
    color: white;
}

#pagewrap .apply-now .first .with_frm_style input {
    background: #03051B;
    border-radius: 0;
    padding: 25px;
}

.apply-now .dz-message.needsclick {
    background: #03051B;
}

#pagewrap .apply-now .first .frm_dropzone {
    background: #03051B;
    border: 1px solid white;
    border-radius: 0;
    max-width: 40%;
}

.apply-now .first .dz-message.needsclick {
    border: none;
}

.apply-now .with_frm_style .frm_dropzone .frm_upload_icon:before, .with_frm_style .frm_dropzone .dz-remove {
    color: white;
}

#pagewrap .apply-now span.frm_upload_text {
    color: white;
    font-size: 14px;
}

#pagewrap .apply-now .frm_small_text {
    color: white;
}

#pagewrap .apply-now .with_frm_style input::-webkit-input-placeholder {
    color: white;
}

#pagewrap .apply-now .with_frm_style input::-moz-placeholder {
    color: white;
}

#pagewrap .apply-now .with_frm_style input:-ms-input-placeholder {
    color: white;
}

#pagewrap .apply-now .with_frm_style input::-ms-input-placeholder {
    color: white;
}

#pagewrap .apply-now .with_frm_style input::placeholder {
    color: white;
}

#pagewrap .apply-now .first button {
    background: #03051B;
    border-radius: 0;
    color: white;
}

.form-underline h3:after {
    content: "";
    width: 80px;
    height: 3px;
    background: var(--primary);
    position: absolute;
    display: block;
    left: 0;
    bottom: -8px;
}

.form-underline h3 {
    position: relative;
    margin-bottom: 30px;
}

#pagewrap .contact-layout-white .black-title {
    color: black;
}

#pagewrap .contact-layout-white .module-buttons a {
    padding: 20px 0px;
}

#pagewrap .contact-layout-underline h3:after {
    content: "";
    width: 90px;
    height: 3px;
    background: var(--primary);
    position: absolute;
    display: block;
    left: 0;
    bottom: -8px;
}

#pagewrap .contact-layout-underline h3 {
    position: relative;
    margin-bottom: 30px;
}

#pagewrap .with_frm_style input {
    padding: 25px;
}

#pagewrap .with_frm_style .frm_checkbox input[type=checkbox] {
    padding: 0;
}

#pagewrap .with_frm_style textarea {
    padding-top: 15px;
    padding-left: 25px;
}

#pagewrap .contact-layout-underline input {
    margin-bottom: -10px;
}

#pagewrap .enquire-now input {
    margin-bottom: -20px;
}

#pagewrap .enquire-now h3 {
    margin-bottom: 25px;
}

#pagewrap .apply-now input {
    margin-bottom: -20px;
}

.footer svg {
    fill: white;
}

#pagewrap .footer .white-icon span {
    color: white;
    font-family: 'futura-pt';
}

.footer-socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}

.footer-trustpilot {
    width: 85px;
    padding-right: 15px;
}

.footer-socials i {
    color: white;
    font-size: 20px;
    padding-right: 15px;
    height: 100%;
}

.footer.has-overlay:before {
    opacity: 0.8;
    background: #06042a;
}

.white-footer-text {
    font-size: 30px;
    padding-bottom: 15px;
}

#pagewrap .footer .with_frm_style input {
    background: transparent!important;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid white!important;
    padding: 20px 20px;
}

.header-side p {
    color: white;
}

#pagewrap .header-side i {
    color: var(--primary);
    padding-right: 10px;
}

.follow-us-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#pagewrap .call-section a {
    color: white;
}

.header-underline-text {
    width: 50%;
    border-bottom: 0.5px solid white;
    margin-bottom: 10px;
}

.mission-section .cls-1 {
    fill: #508dc4;
}

.ossg-svg {
    fill: #156eb7;
}

.client_svg {
    fill: #156eb7;
}

.mission-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mission-section-left {
    width: 10%;
}

.mission-section-right {
    width: 90%;
}

.home-overlay .row_inner {
    padding: 70px 0px;
}

.home-overlay.has-overlay:before {
    background: #090419;
    opacity: 0.7;
}

#pagewrap .frm_submit button.frm_button_submit.frm_final_submit {
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    border: none;
    margin: 0;
}

#pagewrap .frm_submit button.frm_button_submit.frm_final_submit i {
    color: white;
    margin: 0;
}

#pagewrap #frm_form_5_container .frm_submit {
    position: absolute;
    top: 0px;
    right: 0px;
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%);
}

#pagewrap h2.client-underline {
    margin-bottom: 35px;
    position: relative;
    letter-spacing: 4px;
}

#pagewrap .client-underline::after {
    content: "";
    width: 120px;
    height: 2px;
    background: var(--primary);
    position: absolute;
    display: block;
    left: -60px;
    bottom: -20px;
    margin: 10px;
}

#pagewrap ul.ui.module-accordion.separate.tb_default_color li {
    margin-bottom: 30px;
    padding: 5px;
    border: none;
    -webkit-box-shadow: 0 0 20px 1px #0000006b;
            box-shadow: 0 0 20px 1px #0000006b;
}

#pagewrap .accordion-title {
    background: transparent;
}

#pagewrap .accordion-content {
    -webkit-box-shadow: none;
            box-shadow: none;
}

#pagewrap li.builder-accordion-active {
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: transparent;
}

#pagewrap .contact-layout .module-buttons {
    padding: 0px;
    margin-left: -20px;
}

#pagewrap .contact-layout .module-buttons em {
    font-size: 23px;
}

#pagewrap .solid-blue a {
    background: var(--primary);
    padding: 5px;
    margin-top: 10px;
}

#pagewrap .solid-blue span {
    color: white;
    font-weight: 600;
}

#pagewrap .contact-layout .row_inner {
    max-width: 100%!important;
}

#pagewrap .contact-layout .row_inner .first {
    width: 36%;
    margin-left: 6%;
}

#pagewrap .contact-layout .row_inner .last {
    width: calc(64% - 18%);
    margin-left: 12%;
}

#pagewrap .contact-layout .last .tb-column-inner {
    -webkit-box-shadow: 0px 0px 17px 6px #000000d1;
            box-shadow: 0px 0px 17px 6px #000000d1;
}

.arrow-button {
    margin-left: -25px;
}

.arrow-button em {
    font-size: 30px;
    z-index: 3;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    cursor: pointer;
}

.arrow-button:hover {
    -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
            transform: translateX(10px);
}

#pagewrap .contact-layout .last .tb-column-inner {
    -webkit-box-shadow: none;
            box-shadow: none;
}

#pagewrap .contact-layout-white .black-title {
    margin-left: -20px;
}

.left-border {
    border-left: 2px solid var(--primary);
    padding: 0px 0px 10px 20px;
    margin: 0px 0px 0px 15px;
}

.top-left-triangle .module-buttons {
    margin-left: -24px;
}

#pagewrap .navy-background {
    background: #03051B;
    padding: 50px;
}

.navy-background-width .first {
    width: 55%;
    padding: 0px 120px 0px 40px;
}

.navy-background-width .last {
    width: calc(45% - 3.2%);
}

.navy-background .module-buttons {
    margin: 0px 0px 0px -20px;
}

.navy-background .module-buttons em {
    font-size: 20px;
}

#pagewrap .years-bold {
    color: white;
    font-weight: 900;
    font-size: 28px;
}

#pagewrap .box-years {
    position: absolute;
    bottom: 10%;
    right: -25%;
}

#pagewrap .box-years p {
    background: #03051B;
    color: white;
    padding: 25px 20px;
    margin: 0px 270px;
    border-bottom: 5px solid var(--primary);
    font-weight: 500;
    line-height: 28px;
    font-weight: 700;
}

#pagewrap .page-header p {
    margin: 0px 0px 0px 160px;
    font-weight: 500;
    font-size: 22px;
    width: 55%;
    font-family: 'futura-pt';
    line-height: normal;
}

#pagewrap .page-header .module-buttons {
    margin: 0px 0px 0px 160px;
}

#pagewrap .page-header .arrow-button {
    margin: 0px 0px 0px 136px;
    margin-top: 20px;
}

#pagewrap .our-clients h2:before {
    content: "";
    background: var(--primary);
    max-width: 140px;
    width: 100%;
    height: 3px;
    display: block;
    position: absolute;
    top: 75px;
    left: 0px;
    -webkit-transform: translatex(-20px);
        -ms-transform: translatex(-20px);
            transform: translatex(-20px);
}

#pagewrap .our-clients h2 {
    font-weight: 700;
    font-size: 50px;
}

#pagewrap .section-0-bottom-image {
    position: absolute;
}

.underline-subtitle:before {
    content: "";
    max-width: 140px;
    width: 100%;
    height: 3px;
    background: var(--primary);
    position: absolute;
    display: block;
    left: 0px;
    bottom: 25px;
    -webkit-transform: translatex(-20px);
        -ms-transform: translatex(-20px);
            transform: translatex(-20px);
}

.underline-subtitle {
    position: relative;
    font-weight: 500;
    padding: 0px 0px 50px 0px ;
    color: black;
    font-family: 'futura-pt';
}

.value-subtitle:before {
    content: "";
    width: 90px;
    height: 3px;
    background: var(--primary);
    position: absolute;
    display: block;
    left: 0px;
    bottom: 25px;
    -webkit-transform: translatex(-20px);
        -ms-transform: translatex(-20px);
            transform: translatex(-20px);
}

.value-subtitle {
    position: relative;
    font-weight: 600;
    padding: 20px 0px 40px 0px;
    font-size: 22px;
    font-family: 'futura-pt';
    margin-bottom: 0;
}

.underline-client-title:before {
    content: "";
    position: absolute;
    display: block;
    width: 150px;
    height: 3px;
    background: var(--primary);
    left: 0;
    bottom: -20px;
    z-index: 10;
}

.client-projects {
    padding: 0px 0px 0px 55px;
    width: 70%;
}

#pagewrap .header-smaller {
    font-size: 65px;
}

#pagewrap .header-smaller2 {
    font-size: 45px;
    font-weight: 700;
    font-family: 'futura-pt';
}

#pagewrap .module-buttons-item span {
    font-family: futura-pt, sans-serif;
}

#pagewrap span.header-smaller.white-text {
    font-weight: 700;
    font-family: 'futura-pt';
    letter-spacing: normal;
}

.hp-header p.white-text {
    font-family: 'futura-pt';
    font-weight: 700;
    font-size: 30px;
    position: absolute;
    left: 180px;
}

.our-clients .last p {
    width: 65%;
}

i.accordion-icon {
    position: absolute;
    right: 0;
}

.accordion-title i {
    position: absolute;
    right: 0;
}

.module-accordion {
    width: 90%;
}

.clients-4 {
    padding-top: 100px;
    padding-bottom: 100px;
}

#pagewrap .white-text a:hover {
    color: var(--primary);
}

.has-left-lines .first:before {
    width: 100%;
    position: absolute;
    content: "";
    background-image: url("https://onsiteserv2dev.wpengine.com/wp-content/uploads/2022/06/lines-1.png");
    height: 100%;
    background-size: 200%;
    left: -390px;
    top: 240px;
    background-repeat: no-repeat;
    opacity: 0.4;
}

#body {
    overflow: hidden;
}

p.small-green {
    color: var(--primary);
    text-transform: uppercase;
    font-family: 'futura-pt';
    margin-bottom: 0;
}

/* global */
#pagewrap h1, #pagewrap h2, #pagewrap h3, #pagewrap h4, #pagewrap h5, #pagewrap h6 {
    font-family: 'futura-pt'!important;
    font-weight: 500;
}

*, #pagewrap body, #pagewrap span {
    font-family: futura-pt, sans-serif;
    font-weight: 500;
    line-height: 1.25;
    color: black;
}

p, body {
    font-size: 19px;
    font-weight: 500;
}

#pagewrap h1 {
    font-size: 85px;
    font-weight: 900;
    position: relative;
}

#pagewrap h2 {
    font-size: 42px;
    font-weight: 500;
    letter-spacing: 1px;
}

.module_row>.row_inner, .module-layout-part .module_row.fullwidth_row_container>.row_inner {
    max-width: 85%!important;
    width: 100%;
}

.slanted-subtitle {
    font-style: italic;
    font-size: 22px;
    font-weight: 600;
    font-family: 'futura-pt' sans-serif;
    margin-bottom: 0;
}

#pagewrap .square-bg::before {
    content: "";
    background-image: url(https://onsiteservidev.wpengine.com/wp-content/uploads/2022/05/OSS-Commercial-HP-01-1.png);
    background-size: cover;
    position: absolute;
    display: block;
    width: 130%;
    height: 181%;
    /* top: -50%; */
    left: 0;
}

h2.has-text-before:before {
    text-transform: uppercase;
    z-index: -1;
    content: "OSS ELECTRICAL";
    position: relative;
    display: block;
    font-size: 120px;
    top: 10px;
    left: -80px;
    color: #EAEAEA;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    letter-spacing: 12px;
    font-weight: 700;
}

p.left-underline {
    position: relative;
    font-size: 22px!important;
}

h2.left-underline {
    position: relative;
    margin-bottom: 35px;
}

.left-underline:after {
    content: "";
    width: 120px;
    position: absolute;
    display: block;
    background: var(--primary);
    height: 3px;
    bottom: -10px;
    left: -30px;
}

.padding-row {
    padding: 60px 0px;
}

.bottom-right-triangle::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    background: var(--primary);
    height: 110px;
    width: 110px;
    display: block;
    -webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%);
            clip-path: polygon(100% 0, 0 100%, 100% 100%);
}

.grey-bg {
    background: #e8e8e8;
}

.grey-bg {
    /* overflow: hidden; */
}

/* global end */
/* global styling end */
/* buttons */
#pagewrap .border-button span {
    color: var(--primary);
    margin: 0;
    background: white;
    padding: 2% 11px;
}

.border-button a:hover {
    background: transparent!important;
}

#pagewrap .border-button a {
    cursor: pointer;
    position: relative;
    padding: 10px 10px;
    padding-bottom: 5px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    background: transparent;
    border: none!important;
}

/* .border-button a:after, .border-button a:before {
    content: " ";
    width: 12px;
    height: 12px;
    position: absolute;
    border: 0px solid #fff;
    transition: all 1s;
}

.border-button a:after {
    top: -1px;
    left: -1px;
    border-top: 4px solid var(--primary);
    border-left: 4px solid var(--primary);
}

.border-button a:before {
    bottom: -1px;
    right: -1px;
    border-bottom: 4px solid var(--primary);
    border-right: 4px solid var(--primary);
display: none;}

.border-button a:hover {
    border-top-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.border-button a:hover:before, .border-button a:hover:after {
    width: 102%;
    height: 102%;
}

.border-button-black a:before {
    border-right-color: black;
    border-bottom-color: black;
}

.border-button-black a:after {
    border-top-color: black;
    border-left-color: black;
}

#pagewrap .border-button-black span {
    color: black;
}

.border-button-white a:before {
    border-right-color: white;
    border-bottom-color: white;
}

#pagewrap .border-button-white a:after {
    border-top-color: white;
    border-left-color: white;
}

#pagewrap .border-button-white span {
    color: white;
} */
#pagewrap .border-button a:after {
    content: "";
    position: absolute;
    display: block;
    width: 108%;
    height: 20%;
    border: solid 2px var(--primary);
    right: -6%;
    bottom: -4%;
    z-index: -1;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: height 0.5s;
    -o-transition: height 0.5s;
    transition: height 0.5s;
}

#pagewrap .phone-button a {
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    margin-top: 15px;
}

#pagewrap .phone-button span {
    color: white;
}

.phone-button svg {
    fill: var(--primary);
}

#pagewrap .short-arrow-button a {
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}

#pagewrap .short-arrow-button span {
    color: white;
}

.short-arrow-button svg {
    fill: var(--primary);
}

#pagewrap .phone-button.phone-button-black-text span {
    color: black;
}

#pagewrap .short-arrow-button.short-arrow-button-black-text span {
    color: black;
}

#pagewrap .arrow-button a {
    background: transparent;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 0 20px;
    padding-top: 6px;
}

#pagewrap .arrow-button span {
    color: var(--primary);
    font-weight: 600;
}

.arrow-button svg {
    fill: var(--primary);
}

#pagewrap .arrow-button.arrow-button-white span {
    color: white;
}

.arrow-button.arrow-button-white svg {
    fill: white;
}

/* buttons end */
/* header */
.header-side {
    background: #2b2b2b;
    height: 100vh;
    padding: 30px 20px;
    border-right: solid 3px var(--primary);
    overflow: scroll;
}

#headerwrap .header-side .row_inner {
    max-width: 95%!important;
    width: 100%;
}

.header-side .module-image {
    width: 70%;
    margin: 0 auto;
    margin-bottom: 10vh;
}

#headerwrap .header-side .module-menu a {
    color: white;
    border-bottom: solid white 1px;
    padding: 15px 6px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 0;
}

#headerwrap .header-side .module-menu .sub-menu {
    background: transparent;
    padding-top: 10px;
    padding-left: 10px;
}

#headerwrap .header-side .module-menu .sub-menu a {
    border: none;
    padding: 0;
}

#headerwrap .header-side .module-menu .sub-menu a {
    border: none;
    padding: 0;
    font-size: 17px;
}

#pagewrap .menu-item .child-arrow {
    color: white;
}

#headerwrap .header-side ul.nav li.current-menu-item>a, #headerwrap .header-side ul.nav li.current-menu-parent>a, #headerwrap .header-side ul.nav li:hover>a {
    color: var(--primary);
    background: transparent;
}

/* header end */
/* footer  */
#pagewrap .footer a, #pagewrap .footer p, #pagewrap .footer h4 {
    color: white;
}

#pagewrap .footer .tb-column.module_column.last {
/*     border-left: solid 2px var(--primary); */
    width: calc(40% - 3.2%);
    padding-left: 60px;
}

.footer {
    padding: 50px 0px;
}

.footer .first {
    width: 60%;
}

#pagewrap .footer .module-menu-container ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

#pagewrap .footer-menus .subrow_inner .sub_column .tb-column-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}

#pagewrap .footer-menus .subrow_inner .sub_column .tb-column-inner .module-menu {
    width: 50%;
}

h4.footer-main-title {
    font-weight: 900;
    width: 56%;
}

#pagewrap .footer-small-link a {
    font-size: 17px;
    color: #a8a7a7;
    padding-top: 5px;
    padding-bottom: 6px;
}

p.white-footer-text {
    font-size: 27px;
    padding-bottom: 0;
    font-weight: 600;
}

#pagewrap .footer h4 {
    font-weight: 800;
}

.footer .last h4.footer-title {
    text-transform: initial;
}

#pagewrap .footer a {
    font-weight: 600;
}

.tb_pvmm983 a {
    font-size: 13px;
}

.tb_pvmm983 {
    position: absolute;
    bottom: -60px;
}

.footer {
    padding-bottom: 100px;
}

#pagewrap .footer a:hover {
    color: var(--primary);
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

#pagewrap .footer .white-icon a {
    padding: 12px 0px;
}

#pagewrap .footer .white-icon em {
    font-size: 24px;
    padding: 5px;
}

#pagewrap p.white-footer-text {
    font-size: 20px;
    font-family: 'futura-pt';
    letter-spacing: 1px;
    margin-top: 10px;
    margin-bottom: 10px!important;
}

.footer .frm_style_formidable-style.with_frm_style .form-field ::-webkit-input-placeholder {
    font-family: 'futura-pt';
    letter-spacing: 2px;
    font-weight: 700;
}

.footer .frm_style_formidable-style.with_frm_style .form-field ::-moz-placeholder {
    font-family: 'futura-pt';
    letter-spacing: 2px;
    font-weight: 700;
}

.footer .frm_style_formidable-style.with_frm_style .form-field :-ms-input-placeholder {
    font-family: 'futura-pt';
    letter-spacing: 2px;
    font-weight: 700;
}

.footer .frm_style_formidable-style.with_frm_style .form-field ::-ms-input-placeholder {
    font-family: 'futura-pt';
    letter-spacing: 2px;
    font-weight: 700;
}

.footer .frm_style_formidable-style.with_frm_style .form-field ::placeholder {
    font-family: 'futura-pt';
    letter-spacing: 2px;
    font-weight: 700;
}

/* footer end */
/* homepage */
.hp-header {
    height: 100vh;
}

.hp-header .row_inner {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 75%;
}

.hp-header h1 {
    color: white;
}

#pagewrap .hp-header h1:before, #pagewrap .page-header h1:before {
    content: "";
    position: absolute;
    display: block;
    height: 100px;
    width: 3px;
    background: var(--primary);
    left: 130px;
    top: -100px;
}

#pagewrap .page-header h1:before {
    top: -190px;
    bottom: 0;
    height: 170px;
}

#pagewrap .page-header {
    height: 110vh;
}

#pagewrap .page-header .row_inner {
    height: 100%;
    padding-top: 20vh;
    width: 75%!important;
}

.home-4-inner p {
    width: 80%;
}

#pagewrap .hp-header h1:after {
    height: 1130px;
}

.hp-1 .first {
    width: 60%;
}

.hp-1 .last {
    width: calc(40% - 3.2%);
    padding-top: 120px;
}

#pagewrap .hp-header span.header-smaller.white-text {
    font-size: 70px;
}

.hp-1 {
    padding-top: 0;
}

#pagewrap .hp-1 .last h2 {
    font-size: 42px;
    margin-bottom: 0;
}

#pagewrap .hp-1 span.big-h2 {
    position: relative;
    top: -10px;
}

.hp-2 .last .tb-column-inner .module-video {
    margin-top: -15%;
}

.hp-2 .first p {
    width: 80%;
}

#pagewrap .hp-2 .first h2 {
    font-family: 'open-sans', sans-serif!important;
    font-weight: 700;
}

.hp-2 .first {
    padding-top: 50px;
}

.home-4-outer h3.underline-big-title {
    font-size: 22px;
}

.home-4-outer {
    padding-top: 10px;
}

.page-header h1 {
    line-height: 0.5;
    margin-bottom: 20px;
}

.hp-1 .first.sub_column {
    width: 100%!important;
}

.hp-1 .last.sub_column {
    width: 100%;
}

#pagewrap .hp-1 .last h2::before {
    content: "OSS Electrical";
    position: absolute;
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 100%;
    font-size: 130px;
    color: #EAEAEA;
    top: -50px;
    font-family: 'open-sans';
    font-weight: 700;
    letter-spacing: inherit;
    left: -140px;
}

#pagewrap .hp-2 {
    z-index: 0;
}

#pagewrap .hp-1 .last h2::before {
    z-index: -1;
}

.our-clients .last {
    margin-left: 210px;
    margin-right: -200px;
}

#pagewrap .enquire-now h3 {
    font-size: 30px;
}

.hp-header.has-overlay:before {
    background: #0a0a358a;
}

#pagewrap .square-bg::before {
    content: "";
    background-image: url(https://onsiteservidev.wpengine.com/wp-content/uploads/2022/05/OSS-Commercial-HP-01-1.png);
    background-size: cover;
    position: absolute;
    display: block;
    width: 130%;
    height: 150%;
    /* top: 0; */
    left: 0;
    bottom: 0;
}

#pagewrap .enquire-now .frm_submit button.frm_button_submit.frm_final_submit {
    border: 2px solid white;
}

#pagewrap .new-header-home .row_inner {
    width: 100%!important;
    max-width: 100%!important;
}

.new-header-home video {
    pointer-events: none;
    cursor: pointer;
}

.new-header-home .tf_video_wrap.tf_w.tf_mw.tf_box {
    display: none;
}

.hp-5 p.slanted-subtitle::before {
    content: "CAREERS";
    position: absolute;
    display: block;
    font-size: 150px;
    top: -170px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-transform: uppercase;
    color: #EAEAEA;
    font-style: normal;
    left: -100px;
    z-index: -1;
}

/* homepage end */
/*homepage top slider */
#pagewrap .homepage-slider-slide-right {
    padding-top: 0;
    position: absolute;
    margin-left: 0;
    left: 37%;
    top: 40px;
    z-index: 99999999;
}

.homepage-slider-slide {
    position: absolute;
    height: 550px!important;
}

#pagewrap .homepage-slider-slide-right img {
    width: 400px;
    -webkit-box-shadow: 0 0 11px 3px #736f6fb0;
            box-shadow: 0 0 11px 3px #736f6fb0;
    height: 400px;
    -o-object-fit: cover;
       object-fit: cover;
}

#pagewrap .homepage-slider-slide-left img {
    width: 340px;
    -webkit-box-shadow: 0 0 11px 3px #736f6fb0;
            box-shadow: 0 0 11px 3px #736f6fb0;
    height: 350px;
    -o-object-fit: cover;
       object-fit: cover;
}

.homepage-slider-slide-left {
    bottom: 11px;
    position: absolute;
    left: 30px;
    z-index: -1;
}

#pagewrap button.slick-next.slick-arrow {
    position: absolute;
    bottom: 0;
    left: 53%;
    background: transparent!important;
    color: transparent;
    width: 50px;
    height: 50px;
    border-radius: 0!important;
    z-index: 2;
}

#pagewrap button.slick-prev.slick-arrow {
    position: absolute;
    bottom: 0px;
    left: 48%;
    background: transparent!important;
    color: transparent;
    width: 20px;
    border-radius: 0!important;
    z-index: 2;
}

#pagewrap button.slick-next.slick-arrow:hover, #pagewrap button.slick-prev.slick-arrow:hover {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    transform: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}

/*homepage top slider end */
/* hp slider bottom */
.slider-row .row_inner {
    width: 100%;
    max-width: 100%!important;
}

.slider {
    height: 100vh;
    width: 100%;
    background-color: #0a0908;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    color: white;
    position: relative;
    overflow: hidden;
    -webkit-transition: background-color 2s;
    -o-transition: background-color 2s;
    transition: background-color 2s;
}

.slider .credits {
    position: absolute;
    top: 2rem;
    left: 2rem;
    line-height: 1.65;
    z-index: 10;
    max-width: 320px;
}

.slider .item .imgs {
    position: relative;
    width: 60%;
    padding-top: 60%;
}

.slider .item .imgs .grid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr;
    grid-template-columns: repeat(12, 1fr);
    -ms-grid-rows: 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr;
    grid-template-rows: repeat(12, 1fr);
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    -webkit-transform: rotate(-20deg);
        -ms-transform: rotate(-20deg);
            transform: rotate(-20deg);
    opacity: 0.65;
}

.slider .item .imgs .grid > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}

.slider .item .imgs .grid > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}

.slider .item .imgs .grid > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
}

.slider .item .imgs .grid > *:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
}

.slider .item .imgs .grid > *:nth-child(5) {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
}

.slider .item .imgs .grid > *:nth-child(6) {
    -ms-grid-row: 1;
    -ms-grid-column: 11;
}

.slider .item .imgs .grid > *:nth-child(7) {
    -ms-grid-row: 1;
    -ms-grid-column: 13;
}

.slider .item .imgs .grid > *:nth-child(8) {
    -ms-grid-row: 1;
    -ms-grid-column: 15;
}

.slider .item .imgs .grid > *:nth-child(9) {
    -ms-grid-row: 1;
    -ms-grid-column: 17;
}

.slider .item .imgs .grid > *:nth-child(10) {
    -ms-grid-row: 1;
    -ms-grid-column: 19;
}

.slider .item .imgs .grid > *:nth-child(11) {
    -ms-grid-row: 1;
    -ms-grid-column: 21;
}

.slider .item .imgs .grid > *:nth-child(12) {
    -ms-grid-row: 1;
    -ms-grid-column: 23;
}

.slider .item .imgs .grid > *:nth-child(13) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}

.slider .item .imgs .grid > *:nth-child(14) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
}

.slider .item .imgs .grid > *:nth-child(15) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
}

.slider .item .imgs .grid > *:nth-child(16) {
    -ms-grid-row: 3;
    -ms-grid-column: 7;
}

.slider .item .imgs .grid > *:nth-child(17) {
    -ms-grid-row: 3;
    -ms-grid-column: 9;
}

.slider .item .imgs .grid > *:nth-child(18) {
    -ms-grid-row: 3;
    -ms-grid-column: 11;
}

.slider .item .imgs .grid > *:nth-child(19) {
    -ms-grid-row: 3;
    -ms-grid-column: 13;
}

.slider .item .imgs .grid > *:nth-child(20) {
    -ms-grid-row: 3;
    -ms-grid-column: 15;
}

.slider .item .imgs .grid > *:nth-child(21) {
    -ms-grid-row: 3;
    -ms-grid-column: 17;
}

.slider .item .imgs .grid > *:nth-child(22) {
    -ms-grid-row: 3;
    -ms-grid-column: 19;
}

.slider .item .imgs .grid > *:nth-child(23) {
    -ms-grid-row: 3;
    -ms-grid-column: 21;
}

.slider .item .imgs .grid > *:nth-child(24) {
    -ms-grid-row: 3;
    -ms-grid-column: 23;
}

.slider .item .imgs .grid > *:nth-child(25) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
}

.slider .item .imgs .grid > *:nth-child(26) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
}

.slider .item .imgs .grid > *:nth-child(27) {
    -ms-grid-row: 5;
    -ms-grid-column: 5;
}

.slider .item .imgs .grid > *:nth-child(28) {
    -ms-grid-row: 5;
    -ms-grid-column: 7;
}

.slider .item .imgs .grid > *:nth-child(29) {
    -ms-grid-row: 5;
    -ms-grid-column: 9;
}

.slider .item .imgs .grid > *:nth-child(30) {
    -ms-grid-row: 5;
    -ms-grid-column: 11;
}

.slider .item .imgs .grid > *:nth-child(31) {
    -ms-grid-row: 5;
    -ms-grid-column: 13;
}

.slider .item .imgs .grid > *:nth-child(32) {
    -ms-grid-row: 5;
    -ms-grid-column: 15;
}

.slider .item .imgs .grid > *:nth-child(33) {
    -ms-grid-row: 5;
    -ms-grid-column: 17;
}

.slider .item .imgs .grid > *:nth-child(34) {
    -ms-grid-row: 5;
    -ms-grid-column: 19;
}

.slider .item .imgs .grid > *:nth-child(35) {
    -ms-grid-row: 5;
    -ms-grid-column: 21;
}

.slider .item .imgs .grid > *:nth-child(36) {
    -ms-grid-row: 5;
    -ms-grid-column: 23;
}

.slider .item .imgs .grid > *:nth-child(37) {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
}

.slider .item .imgs .grid > *:nth-child(38) {
    -ms-grid-row: 7;
    -ms-grid-column: 3;
}

.slider .item .imgs .grid > *:nth-child(39) {
    -ms-grid-row: 7;
    -ms-grid-column: 5;
}

.slider .item .imgs .grid > *:nth-child(40) {
    -ms-grid-row: 7;
    -ms-grid-column: 7;
}

.slider .item .imgs .grid > *:nth-child(41) {
    -ms-grid-row: 7;
    -ms-grid-column: 9;
}

.slider .item .imgs .grid > *:nth-child(42) {
    -ms-grid-row: 7;
    -ms-grid-column: 11;
}

.slider .item .imgs .grid > *:nth-child(43) {
    -ms-grid-row: 7;
    -ms-grid-column: 13;
}

.slider .item .imgs .grid > *:nth-child(44) {
    -ms-grid-row: 7;
    -ms-grid-column: 15;
}

.slider .item .imgs .grid > *:nth-child(45) {
    -ms-grid-row: 7;
    -ms-grid-column: 17;
}

.slider .item .imgs .grid > *:nth-child(46) {
    -ms-grid-row: 7;
    -ms-grid-column: 19;
}

.slider .item .imgs .grid > *:nth-child(47) {
    -ms-grid-row: 7;
    -ms-grid-column: 21;
}

.slider .item .imgs .grid > *:nth-child(48) {
    -ms-grid-row: 7;
    -ms-grid-column: 23;
}

.slider .item .imgs .grid > *:nth-child(49) {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
}

.slider .item .imgs .grid > *:nth-child(50) {
    -ms-grid-row: 9;
    -ms-grid-column: 3;
}

.slider .item .imgs .grid > *:nth-child(51) {
    -ms-grid-row: 9;
    -ms-grid-column: 5;
}

.slider .item .imgs .grid > *:nth-child(52) {
    -ms-grid-row: 9;
    -ms-grid-column: 7;
}

.slider .item .imgs .grid > *:nth-child(53) {
    -ms-grid-row: 9;
    -ms-grid-column: 9;
}

.slider .item .imgs .grid > *:nth-child(54) {
    -ms-grid-row: 9;
    -ms-grid-column: 11;
}

.slider .item .imgs .grid > *:nth-child(55) {
    -ms-grid-row: 9;
    -ms-grid-column: 13;
}

.slider .item .imgs .grid > *:nth-child(56) {
    -ms-grid-row: 9;
    -ms-grid-column: 15;
}

.slider .item .imgs .grid > *:nth-child(57) {
    -ms-grid-row: 9;
    -ms-grid-column: 17;
}

.slider .item .imgs .grid > *:nth-child(58) {
    -ms-grid-row: 9;
    -ms-grid-column: 19;
}

.slider .item .imgs .grid > *:nth-child(59) {
    -ms-grid-row: 9;
    -ms-grid-column: 21;
}

.slider .item .imgs .grid > *:nth-child(60) {
    -ms-grid-row: 9;
    -ms-grid-column: 23;
}

.slider .item .imgs .grid > *:nth-child(61) {
    -ms-grid-row: 11;
    -ms-grid-column: 1;
}

.slider .item .imgs .grid > *:nth-child(62) {
    -ms-grid-row: 11;
    -ms-grid-column: 3;
}

.slider .item .imgs .grid > *:nth-child(63) {
    -ms-grid-row: 11;
    -ms-grid-column: 5;
}

.slider .item .imgs .grid > *:nth-child(64) {
    -ms-grid-row: 11;
    -ms-grid-column: 7;
}

.slider .item .imgs .grid > *:nth-child(65) {
    -ms-grid-row: 11;
    -ms-grid-column: 9;
}

.slider .item .imgs .grid > *:nth-child(66) {
    -ms-grid-row: 11;
    -ms-grid-column: 11;
}

.slider .item .imgs .grid > *:nth-child(67) {
    -ms-grid-row: 11;
    -ms-grid-column: 13;
}

.slider .item .imgs .grid > *:nth-child(68) {
    -ms-grid-row: 11;
    -ms-grid-column: 15;
}

.slider .item .imgs .grid > *:nth-child(69) {
    -ms-grid-row: 11;
    -ms-grid-column: 17;
}

.slider .item .imgs .grid > *:nth-child(70) {
    -ms-grid-row: 11;
    -ms-grid-column: 19;
}

.slider .item .imgs .grid > *:nth-child(71) {
    -ms-grid-row: 11;
    -ms-grid-column: 21;
}

.slider .item .imgs .grid > *:nth-child(72) {
    -ms-grid-row: 11;
    -ms-grid-column: 23;
}

.slider .item .imgs .grid > *:nth-child(73) {
    -ms-grid-row: 13;
    -ms-grid-column: 1;
}

.slider .item .imgs .grid > *:nth-child(74) {
    -ms-grid-row: 13;
    -ms-grid-column: 3;
}

.slider .item .imgs .grid > *:nth-child(75) {
    -ms-grid-row: 13;
    -ms-grid-column: 5;
}

.slider .item .imgs .grid > *:nth-child(76) {
    -ms-grid-row: 13;
    -ms-grid-column: 7;
}

.slider .item .imgs .grid > *:nth-child(77) {
    -ms-grid-row: 13;
    -ms-grid-column: 9;
}

.slider .item .imgs .grid > *:nth-child(78) {
    -ms-grid-row: 13;
    -ms-grid-column: 11;
}

.slider .item .imgs .grid > *:nth-child(79) {
    -ms-grid-row: 13;
    -ms-grid-column: 13;
}

.slider .item .imgs .grid > *:nth-child(80) {
    -ms-grid-row: 13;
    -ms-grid-column: 15;
}

.slider .item .imgs .grid > *:nth-child(81) {
    -ms-grid-row: 13;
    -ms-grid-column: 17;
}

.slider .item .imgs .grid > *:nth-child(82) {
    -ms-grid-row: 13;
    -ms-grid-column: 19;
}

.slider .item .imgs .grid > *:nth-child(83) {
    -ms-grid-row: 13;
    -ms-grid-column: 21;
}

.slider .item .imgs .grid > *:nth-child(84) {
    -ms-grid-row: 13;
    -ms-grid-column: 23;
}

.slider .item .imgs .grid > *:nth-child(85) {
    -ms-grid-row: 15;
    -ms-grid-column: 1;
}

.slider .item .imgs .grid > *:nth-child(86) {
    -ms-grid-row: 15;
    -ms-grid-column: 3;
}

.slider .item .imgs .grid > *:nth-child(87) {
    -ms-grid-row: 15;
    -ms-grid-column: 5;
}

.slider .item .imgs .grid > *:nth-child(88) {
    -ms-grid-row: 15;
    -ms-grid-column: 7;
}

.slider .item .imgs .grid > *:nth-child(89) {
    -ms-grid-row: 15;
    -ms-grid-column: 9;
}

.slider .item .imgs .grid > *:nth-child(90) {
    -ms-grid-row: 15;
    -ms-grid-column: 11;
}

.slider .item .imgs .grid > *:nth-child(91) {
    -ms-grid-row: 15;
    -ms-grid-column: 13;
}

.slider .item .imgs .grid > *:nth-child(92) {
    -ms-grid-row: 15;
    -ms-grid-column: 15;
}

.slider .item .imgs .grid > *:nth-child(93) {
    -ms-grid-row: 15;
    -ms-grid-column: 17;
}

.slider .item .imgs .grid > *:nth-child(94) {
    -ms-grid-row: 15;
    -ms-grid-column: 19;
}

.slider .item .imgs .grid > *:nth-child(95) {
    -ms-grid-row: 15;
    -ms-grid-column: 21;
}

.slider .item .imgs .grid > *:nth-child(96) {
    -ms-grid-row: 15;
    -ms-grid-column: 23;
}

.slider .item .imgs .grid > *:nth-child(97) {
    -ms-grid-row: 17;
    -ms-grid-column: 1;
}

.slider .item .imgs .grid > *:nth-child(98) {
    -ms-grid-row: 17;
    -ms-grid-column: 3;
}

.slider .item .imgs .grid > *:nth-child(99) {
    -ms-grid-row: 17;
    -ms-grid-column: 5;
}

.slider .item .imgs .grid > *:nth-child(100) {
    -ms-grid-row: 17;
    -ms-grid-column: 7;
}

.slider .item .imgs .grid > *:nth-child(101) {
    -ms-grid-row: 17;
    -ms-grid-column: 9;
}

.slider .item .imgs .grid > *:nth-child(102) {
    -ms-grid-row: 17;
    -ms-grid-column: 11;
}

.slider .item .imgs .grid > *:nth-child(103) {
    -ms-grid-row: 17;
    -ms-grid-column: 13;
}

.slider .item .imgs .grid > *:nth-child(104) {
    -ms-grid-row: 17;
    -ms-grid-column: 15;
}

.slider .item .imgs .grid > *:nth-child(105) {
    -ms-grid-row: 17;
    -ms-grid-column: 17;
}

.slider .item .imgs .grid > *:nth-child(106) {
    -ms-grid-row: 17;
    -ms-grid-column: 19;
}

.slider .item .imgs .grid > *:nth-child(107) {
    -ms-grid-row: 17;
    -ms-grid-column: 21;
}

.slider .item .imgs .grid > *:nth-child(108) {
    -ms-grid-row: 17;
    -ms-grid-column: 23;
}

.slider .item .imgs .grid > *:nth-child(109) {
    -ms-grid-row: 19;
    -ms-grid-column: 1;
}

.slider .item .imgs .grid > *:nth-child(110) {
    -ms-grid-row: 19;
    -ms-grid-column: 3;
}

.slider .item .imgs .grid > *:nth-child(111) {
    -ms-grid-row: 19;
    -ms-grid-column: 5;
}

.slider .item .imgs .grid > *:nth-child(112) {
    -ms-grid-row: 19;
    -ms-grid-column: 7;
}

.slider .item .imgs .grid > *:nth-child(113) {
    -ms-grid-row: 19;
    -ms-grid-column: 9;
}

.slider .item .imgs .grid > *:nth-child(114) {
    -ms-grid-row: 19;
    -ms-grid-column: 11;
}

.slider .item .imgs .grid > *:nth-child(115) {
    -ms-grid-row: 19;
    -ms-grid-column: 13;
}

.slider .item .imgs .grid > *:nth-child(116) {
    -ms-grid-row: 19;
    -ms-grid-column: 15;
}

.slider .item .imgs .grid > *:nth-child(117) {
    -ms-grid-row: 19;
    -ms-grid-column: 17;
}

.slider .item .imgs .grid > *:nth-child(118) {
    -ms-grid-row: 19;
    -ms-grid-column: 19;
}

.slider .item .imgs .grid > *:nth-child(119) {
    -ms-grid-row: 19;
    -ms-grid-column: 21;
}

.slider .item .imgs .grid > *:nth-child(120) {
    -ms-grid-row: 19;
    -ms-grid-column: 23;
}

.slider .item .imgs .grid > *:nth-child(121) {
    -ms-grid-row: 21;
    -ms-grid-column: 1;
}

.slider .item .imgs .grid > *:nth-child(122) {
    -ms-grid-row: 21;
    -ms-grid-column: 3;
}

.slider .item .imgs .grid > *:nth-child(123) {
    -ms-grid-row: 21;
    -ms-grid-column: 5;
}

.slider .item .imgs .grid > *:nth-child(124) {
    -ms-grid-row: 21;
    -ms-grid-column: 7;
}

.slider .item .imgs .grid > *:nth-child(125) {
    -ms-grid-row: 21;
    -ms-grid-column: 9;
}

.slider .item .imgs .grid > *:nth-child(126) {
    -ms-grid-row: 21;
    -ms-grid-column: 11;
}

.slider .item .imgs .grid > *:nth-child(127) {
    -ms-grid-row: 21;
    -ms-grid-column: 13;
}

.slider .item .imgs .grid > *:nth-child(128) {
    -ms-grid-row: 21;
    -ms-grid-column: 15;
}

.slider .item .imgs .grid > *:nth-child(129) {
    -ms-grid-row: 21;
    -ms-grid-column: 17;
}

.slider .item .imgs .grid > *:nth-child(130) {
    -ms-grid-row: 21;
    -ms-grid-column: 19;
}

.slider .item .imgs .grid > *:nth-child(131) {
    -ms-grid-row: 21;
    -ms-grid-column: 21;
}

.slider .item .imgs .grid > *:nth-child(132) {
    -ms-grid-row: 21;
    -ms-grid-column: 23;
}

.slider .item .imgs .grid > *:nth-child(133) {
    -ms-grid-row: 23;
    -ms-grid-column: 1;
}

.slider .item .imgs .grid > *:nth-child(134) {
    -ms-grid-row: 23;
    -ms-grid-column: 3;
}

.slider .item .imgs .grid > *:nth-child(135) {
    -ms-grid-row: 23;
    -ms-grid-column: 5;
}

.slider .item .imgs .grid > *:nth-child(136) {
    -ms-grid-row: 23;
    -ms-grid-column: 7;
}

.slider .item .imgs .grid > *:nth-child(137) {
    -ms-grid-row: 23;
    -ms-grid-column: 9;
}

.slider .item .imgs .grid > *:nth-child(138) {
    -ms-grid-row: 23;
    -ms-grid-column: 11;
}

.slider .item .imgs .grid > *:nth-child(139) {
    -ms-grid-row: 23;
    -ms-grid-column: 13;
}

.slider .item .imgs .grid > *:nth-child(140) {
    -ms-grid-row: 23;
    -ms-grid-column: 15;
}

.slider .item .imgs .grid > *:nth-child(141) {
    -ms-grid-row: 23;
    -ms-grid-column: 17;
}

.slider .item .imgs .grid > *:nth-child(142) {
    -ms-grid-row: 23;
    -ms-grid-column: 19;
}

.slider .item .imgs .grid > *:nth-child(143) {
    -ms-grid-row: 23;
    -ms-grid-column: 21;
}

.slider .item .imgs .grid > *:nth-child(144) {
    -ms-grid-row: 23;
    -ms-grid-column: 23;
}

.slider .item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.slider .item .img {
    width: 100%;
    height: 100%;
    position: relative;
    will-change: transform;
    will-change: opacity;
}

.slider .item .img img {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: relative;
    -webkit-filter: contrast(110%) brightness(110%) saturate(130%);
    filter: contrast(110%) brightness(110%) saturate(130%);
}

.slider .item .img img::before {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none;
    mix-blend-mode: screen;
    background: rgba(243, 106, 188, 0.3);
}

.slider .item .img-1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 6;
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    grid-area: 1/1/7/5;
}

.slider .item .img-2 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 5;
    -ms-grid-column: 5;
    -ms-grid-column-span: 8;
    grid-area: 2/5/7/13;
}

.slider .item .img-3 {
    -ms-grid-row: 7;
    -ms-grid-row-span: 5;
    -ms-grid-column: 1;
    -ms-grid-column-span: 8;
    grid-area: 7/1/12/9;
}

.slider .item .img-4 {
    -ms-grid-row: 7;
    -ms-grid-row-span: 6;
    -ms-grid-column: 9;
    -ms-grid-column-span: 4;
    grid-area: 7/9/13/13;
}

.slider .item .content {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 1.15;
    font-size: 8rem;
    font-weight: 700;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: auto;
    text-align: center;
}

.slider .item .content .wrap {
    text-align: center;
    text-shadow: 1px 1px 4px rgba(10, 9, 8, 0.2);
    width: 100%;
    max-width: 100%;
    line-height: 1;
    font-family: 'futura-pt';
    color: white;
    font-size: 60px;
    font-weight: 700;
}

#pagewrap .slider .item .content .wrap span {
    color: white!important;
    font-family: 'futura-pt';
    font-weight: 700;
    font-size: 60px;
}

.slider .item .content .wrap .letter {
    display: inline-block;
}

.slider .nav .next, .slider .nav .prev {
    height: 2rem;
    width: 2rem;
    position: absolute;
    top: calc(50% - 1rem);
    cursor: pointer;
    z-index: 3;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.slider .nav .next {
    right: 2rem;
    background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M 19 8 L 19 11 L 1 11 L 1 13 L 19 13 L 19 16 L 23 12 L 19 8 z' fill='white'/%3E%3C/svg%3E");
}

.slider .nav .next:hover {
    -webkit-transform: translateX(0.5rem);
        -ms-transform: translateX(0.5rem);
            transform: translateX(0.5rem);
}

.slider .nav .prev {
    left: 2rem;
    background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='utf-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M 5 8 L 1 12 L 5 16 L 5 13 L 23 13 L 23 11 L 5 11 L 5 8 z' fill='white'/%3E%3C/svg%3E");
}

.slider .nav .prev:hover {
    -webkit-transform: translateX(-0.5rem);
        -ms-transform: translateX(-0.5rem);
            transform: translateX(-0.5rem);
}

.slider .nav .explore-btn {
    z-index: 4;
    position: absolute;
    bottom: 2rem;
    left: calc(50% - 4rem);
    width: 8em;
    text-align: center;
    padding: 1rem 0;
    border: solid 2px white;
    background: transparent;
    color: white;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    transition: background-color 0.3s;
    cursor: pointer;
}

.slider .nav .explore-btn:hover {
    color: #0a0908;
    background: white;
}

.slider .item:not(.is-active) {
    opacity: 0;
    pointer-events: none;
}

.slider-under-text p {
    color: white;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

#pagewrap .slider-under-text p.slider-subtitle {
    font-size: 50px;
    margin-bottom: 20px;
    margin-top: 20px;
}

/* hp slider end */
/* icon scroll */
.icon-scroll, .icon-scroll:before {
    position: absolute;
    left: 50%
}

.icon-scroll {
    width: 30px;
    height: 50px;
    margin-left: -20px;
    bottom: 0;
    margin-top: -35px;
    border: 2px solid white;
    border-radius: 25px ;
    right: 0;
    position: absolute;
    left: 100%!important;
    bottom: 150px!important;
}

.icon-scroll::after {
    position: absolute;
    display: block;
    content: "";
    width: 1px;
    height: 80px;
    background: white;
    bottom: -100px;
    right: 50%;
}

@media (max-width: 767px) {
    .icon-scroll {
        position: relative
    }
}

.icon-scroll:before {
    content: '';
    width: 8px;
    height: 8px;
    background: white;
    margin-left: -4px;
    top: 8px;
    border-radius: 4px;
    -webkit-animation-duration: 1.5s;
            animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-name: scroll;
            animation-name: scroll
}

@-webkit-keyframes scroll {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(26px);
                transform: translateY(26px)
    }
}

@keyframes scroll {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(26px);
                transform: translateY(26px)
    }
}

/* icon scroll end */
/* services group */
.flip-contact .contact-layout .row_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
}

.border-section .row_inner .module_column .tb-column-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
}

.border-section .row_inner .module_column {
    /* margin-right: 10px; */
}

.border-section .module-text {
    width: calc(33.333% - 25px);
    text-align: center;
    padding: 50px 30px;
    margin-right: 50px;
}

.border-section .module-text .tb_text_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
}

.border-section .module-text:before {
    width: 100%;
    height: 100%;
    position: absolute;
    content: "";
    display: block;
    background: #ffffff;
    opacity: 0.85;
    left: 0;
    z-index: 1;
    top: 0;
}

.border-section .module-text .tb_text_wrap p, .border-section .module-text .tb_text_wrap h3 {
    z-index: 9;
}

.border-section h3 {
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 30px;
}

.yellow-border {
    border-style: solid;
    border-width: thick;
    border-color: #f4b646;
}

.green-border {
    border-style: solid;
    border-width: thick;
    border-color: #5d912a;
}

.purple-border {
    border-style: solid;
    border-width: thick;
    border-color: #652f6d;
}

.blue-circle {
    text-align: center;
    font-weight: bold;
}

#pagewrap .blue-circle-p p {
    font-weight: 800;
    font-family: 'futura-pt';
    line-height: 25px;
}

.border-section-2 .row_inner .module_column .tb-column-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.staff-section-oss-group {
    -ms-flex-preferred-size: calc(33% - 25px);
        flex-basis: calc(33% - 25px);
    margin-bottom: 50px;
}

.staff-section svg {
    width: 100%;
    max-width: 100px;
    height: 100px;
    -o-object-fit: cover;
       object-fit: cover;
    margin-bottom: 25px;
}

.border-section .staff-section {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
}

#pagewrap .group-2 h2:first-child {
    font-size: 40px;
    margin-bottom: 30px;
    line-height: 20px;
    z-index: 99!important;
}

#pagewrap .group-2 h2:nth-child(2) {
    font-size: 33px;
}

#pagewrap .group-2 .first .module-text h2::before {
    content: "Services";
    position: absolute;
    display: block;
    top: -18%;
    font-size: 105px;
    color: #D6D6D6;
    font-weight: 700;
    left: -5.5%;
    z-index: 9!important;
    letter-spacing: 8px;
    font-family: 'open-sans';
    z-index: -1!important;
}

#pagewrap .border-section h3 {
    font-weight: 700;
}

.border-section-2 .underline-big-title {
    font-size: 20px;
    font-weight: 500;
}

.border-section-2 p {
    width: 80%;
}

.city-bg:after {
    content: url("https://onsiteservidev.wpengine.com/wp-content/uploads/2022/04/OSS-About-us-04.svg");
    background-size: cover;
    width: 100%;
    height: auto;
    position: absolute;
    display: block;
    bottom: -10px;
    z-index: -1;
}

.border-section {
    margin-top: -220px;
}

#pagewrap .national-background h2:before {
    content: "National";
    position: absolute;
    display: block;
    color: #EAEAEA;
    height: 100%;
    width: 100%;
    font-size: 90px;
    top: -30px;
    left: -40px;
    z-index: -1;
    letter-spacing: 6px;
    font-family: 'open-sans';
    font-weight: 700;
}

#pagewrap .commitment-bg h2:after {
    content: "Our Commitment";
    position: absolute;
    display: block;
    color: #d6d6d6;
    height: 100%;
    width: 100%;
    font-size: 75px;
    top: -33px;
    left: -70px;
    z-index: -1;
    letter-spacing: 5px;
}

#pagewrap .commitment-bg h2 {
    letter-spacing: 1px;
}

#pagewrap .promise-bg2 h2 {
    font-family: 'open-sans';
    font-weight: 700;
    font-size: 60px;
    line-height: 35px;
}

#pagewrap .promise-bg2-smaller {
    font-family: 'open-sans';
    font-size: 31px;
    font-weight: 700;
}

#pagewrap .promise-bg2 h2:before {
    content: "PROMISE";
    position: absolute;
    display: block;
    color: #d6d6d6;
    height: 100%;
    width: 100%;
    font-size: 105px;
    top: -30px;
    left: -50px;
    z-index: -1;
    letter-spacing: 10px;
    font-family: 'open-sans';
    font-weight: 700;
}

#pagewrap .padding-top-0 {
    padding: 0px 0px 0px 0px;
    margin: -60px 0px 0px 0px;
}

.border-section .module-text:last-child {
    margin-right: 0;
}

/* services group end */
/*Meet the team*/
.text-center {
    text-align: center;
}

#pagewrap .width-55 .row_inner {
    width: 55%;
}

.staff-title {
    color: var(--primary);
}

#pagewrap .commitment-padding {
    padding: 70px 0px 90px 0px;
}

#pagewrap .cbm-bg h2:before {
    content: "CBM&PM";
    position: absolute;
    display: block;
    color: #EAEAEA;
    height: 100%;
    width: 100%;
    font-size: 95px;
    top: -30px;
    left: -40px;
    z-index: -1;
    letter-spacing: 8px;
    font-family: 'open-sans';
    font-weight: 700;
}

#pagewrap .meet-team-right {
    width: 40%;
    margin: 0px 0px 0px 100px;
}

.page-id-314 #pagewrap .page-header h1:after {
    height: 500px;
}

.page-id-314 #pagewrap .page-header h1:after {
    content: "";
    position: absolute;
    display: block;
    height: 800px;
    width: 3px;
    background: var(--primary);
    left: 130px;
    bottom: -830px;
}

.who-we-are-4 .last {
    padding-left: 70px;
}

#pagewrap .staff-section .module-text {
    width: 100%;
}

.staff-p {
    font-family: 'futura-pt';
}

/*Meet the team end*/
/*Clients*/
#pagewrap .white-text {
    color: white;
}

.small-title {
    color: var(--primary);
    margin-bottom: 0;
    font-weight: 500;
    font-family: futura-pt, sans-serif;
}

.mission-section-right p {
    width: 65%;
    padding: 0px 0px 0px 55px;
}

#pagewrap .our-goals-bg h2:before {
    content: "Our Goals";
    position: absolute;
    display: block;
    color: #EAEAEA;
    height: 100%;
    width: 100%;
    font-size: 105px;
    top: -34px;
    left: -74px;
    z-index: -1;
    letter-spacing: 7px;
    font-family: 'open-sans';
    font-weight: 700;
}

.clients-4:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #00000080;
}

.clients-4 .module-text, .clients-4 .module-buttons {
    z-index: 99;
}

.tb_drxn448.has-left-lines .first:before {
    height: 100%;
    top: -330px;
    background-size: 130%;
}

.tb_1kx2613 .last img {
    max-width: 90%;
}

.tb_1kx2613 {
    margin-top: -90px;
}

.tb_1kx2613 .first {
    width: 60%;
}

.tb_1kx2613 .last {
    width: calc(40% - 3.2%);
}

.page-id-320 #pagewrap .page-header h1:after {
    height: 570px;
}

.tb_1kx2613 {
    padding-bottom: 0;
}

/*Clients end*/
/*Project management*/
#pagewrap span.tb_title_accordion.tf_w {
    color: var(--primary);
}

#pagewrap .project-2 .box-years {
    bottom: 20%;
    right: -30%;
}

.commercial-bg h2 {
    font-family: 'futura-pt';
    line-height: 30px;
}

#pagewrap .commercial-bg-smaller {
    font-family: 'futura-pt';
    font-size: 48px;
}

#pagewrap .commercial-bg h2:before {
    content: "Commercial";
    position: absolute;
    display: block;
    color: #EAEAEA;
    height: 100%;
    width: 100%;
    font-size: 105px;
    top: -30px;
    left: -250px;
    z-index: -1;
    letter-spacing: 10px;
    font-family: 'open-sans';
    font-weight: 700;
}

.page-id-321 .client-project-row .underline-client-title:before {
    bottom: 15%;
}

.project-management-5 .last h2::before {
    content: "Our Commitment";
    position: absolute;
    display: block;
    top: -22%;
    color: #EAEAEA;
    font-family: 'open-sans';
    font-weight: 700;
    font-size: 65px;
    left: -60px;
    z-index: -1;
    letter-spacing: 5px;
}

.pm-60-40 .last {
    width: calc(40% - 3.2%);
}

.pm-60-40 .first {
    width: 60%;
}

#pagewrap .commercial-bg2 h2 {
    font-size: 90px;
    line-height: 40px;
    margin: 20px 0px 0px 0px;
    font-weight: 500;
}

#pagewrap .commercial-bg h2:before {
    content: "Commercial";
    position: absolute;
    display: block;
    color: #EAEAEA;
    height: 100%;
    width: 100%;
    font-size: 120px;
    top: -45px;
    left: -300px;
    z-index: -1;
    letter-spacing: 10px;
    font-family: 'open-sans';
    font-weight: 700;
}

.project-dark-blue.has-overlay:before {
    background: #02021b;
}

.contact-background.has-overlay:before {
    opacity: -0.3;
}

.page-id-321 .has-left-lines .first:before {
    top: 0;
}

.page-id-321 #pagewrap .contact-layout .row_inner .last {
    margin-left: 0%;
    margin-right: 10%;
}

.page-id-321 #pagewrap .contact-layout .row_inner .first {
    margin-right: 8%;
    margin-left: 0%;
}

/*Project management end*/
/*About us*/
.blue-title {
    color: var(--primary);
}

#pagewrap .health-safety {
    padding: 0px 0px 0px 110px;
}

#pagewrap .health-safety h2 {
    margin-left: -5px;
}

#pagewrap .health-safety p {
    width: 80%;
}

#pagewrap .our-history p {
    width: 90%;
}

#pagewrap .promise-bg h2:before {
    content: "Our Promise";
    position: absolute;
    display: block;
    color: #EAEAEA;
    height: 100%;
    width: 150%;
    font-size: 80px;
    top: -30px;
    left: -80px;
    z-index: -1;
    letter-spacing: 13px;
    font-family: 'open-sans';
    font-weight: 700;
}

.about-5::after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: #5b5b5b;
    top: 0;
    opacity: 0.5;
    z-index: 0;
}

.about-5 .module-text {
    z-index: 99;
}

.about-5 {
    padding: 100px 0px;
}

.about-us-1 img {
    margin-top: -130px;
}

.about-us-4 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.about-5 {
    padding-top: 140px;
    padding-bottom: 140px;
}

.about-button-margin {
    margin-top: 15px;
}

/*About us end*/
/* meet the team */
.meet-team-1 .first .tb-column-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
}

#pagewrap .meet-team-1 .first .staff-section {
    width: calc(33.33333% - 40px);
    margin: 0px 30px;
}

#pagewrap .meet-team-1 .first .staff-section:nth-child(3n+1) {
    margin-left: 0;
}

#pagewrap .meet-team-1 .first .staff-section:nth-child(3n+3) {
    margin-right: 0;
}

#pagewrap .meet-team-1 .first .staff-section img {
    border-bottom: solid 7px var(--primary);
}

#pagewrap .meet-team-1 .first .staff-section p:nth-child(1) {
    text-align: center;
    font-size: 16px;
    margin-bottom: 0;
    padding-top: 10px;
}

#pagewrap .meet-team-1 .first .staff-section p.staff-title {
    text-align: center;
    font-weight: 600;
    margin-bottom: 20px;
}

.meet-team-new-styling .first {
    width: 55%;
}

#pagewrap .meet-team-new-styling .last.tb_u00s79 {
    width: calc(45% - 100px);
}

/* meet the team end */
.section-0-top-image img {
    float: left;
    width: 100%;
    max-width: 60%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: relative;
    bottom: 50px;
    -webkit-box-shadow: 5px 5px 10px rgb(0 0 0 / 60%);
            box-shadow: 5px 5px 10px rgb(0 0 0 / 60%);
}

.section-0-bottom-image img {
    width: 100%;
    max-width: 55%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    float: right;
    position: relative;
    bottom: 300px;
    right: 120px;
    z-index: 2;
    -webkit-box-shadow: 5px 5px 10px rgb(0 0 0 / 60%);
            box-shadow: 5px 5px 10px rgb(0 0 0 / 60%);
}

.section-1-top-image img {
    float: left;
    width: 100%;
    max-width: 75%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: relative;
    bottom: 50px;
    z-index: 2;
    -webkit-box-shadow: 5px 5px 10px rgb(0 0 0 / 60%);
            box-shadow: 5px 5px 10px rgb(0 0 0 / 60%);
}

.section-1-bottom-image img {
    width: 100%;
    max-width: 75%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    float: right;
    position: relative;
    bottom: 250px;
    -webkit-box-shadow: 5px 5px 10px rgb(0 0 0 / 60%);
            box-shadow: 5px 5px 10px rgb(0 0 0 / 60%);
}

.home-4-inner svg {
    width: 100%;
    max-width: 100px;
    height: 100px;
    -o-object-fit: cover;
       object-fit: cover;
    margin-bottom: 25px;
}

.home-4-outer .tb-column-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#pagewrap .home-4-inner .tb-column-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0px 50px 0px 50px;
}

/* vacancies */
.row-35:after {
    content: "";
    background-image: url("https://onsiteservidev.wpengine.com/wp-content/uploads/2022/04/Vacancies-03.png");
    background-size: 700px;
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 50%;
    height: 100%;
    bottom: -30px;
    right: 130px;
    background-position: bottom right;
}

.row-35 {
    padding: 80px 0px;
}

.row-35 .row_inner {
    width: 70%!important;
}

.row-35 p {
    width: 50%;
}

.vacancies-2 {
    margin-top: -200px;
}

.vacancies-2 .last {
    padding-top: 150px;
}

#pagewrap .years-part {
    position: absolute;
    display: block;
    right: -240px;
    font-family: futura-pt-condensed, sans-serif!important;
}

.years-part p {
    font-size: 60px;
    font-weight: 800!important;
    width: 25%;
    color: var(--primary);
    float: right;
    line-height: 50px;
    font-family: futura-pt-condensed, sans-serif;
}

#pagewrap .years-part span {
    color: black;
    font-weight: 800;
    font-family: futura-pt-condensed, sans-serif;
}

.vacancies-2 h3.underline-git {
    font-weight: 600;
    z-index: 9;
}

.vacancies-2 h3.underline-git:before {
    content: "ON SITE SERVICES";
    position: absolute;
    display: block;
    font-size: 18px;
    top: -12px;
    color: #AEAEAE;
    font-weight: 800;
    opacity: 0.5;
    word-spacing: 0px;
    z-index: 0;
}

.vacancies-4 .first img {
    max-width: 100%;
}

#pagewrap .tb_oxtq218 .module-buttons {
    margin-top: 15px;
}

.page-id-319 #pagewrap .vacancies-2 .frm_submit button.frm_button_submit.frm_final_submit {
    border: solid 2px white;
}

/* vacancies end */
.page-id-315 #pagewrap .page-header h1:after {
    height: 490px;
}

.page-id-319 #pagewrap .page-header h1:after {
    height: 1420px;
}

/* Contact us page */
.page-id-23 .contact-layout {
    padding-top: 0;
    margin-top: -150px;
    margin-bottom: 0;
    padding-bottom: 100px;
}

.page-id-23 #pagewrap .contact-layout-white .black-title::before {
    content: "ELECTRICAL";
    position: absolute;
    display: block;
    color: #EAEAEA;
    height: 100%;
    width: 100%;
    font-size: 105px;
    top: -21px;
    left: -180px;
    z-index: -1;
    font-family: 'futura-pt';
    font-weight: 700;
    letter-spacing: 12px;
}

.page-id-23 #pagewrap .contact-layout .last .tb-column-inner {
    background: transparent;
    padding-top: 120px;
}

.page-id-23 #pagewrap .page-header h1:after {
    height: 1200px;
}

.page-id-23 #pagewrap .page-header h1:before {
    left: 18px;
}

.page-id-23 #pagewrap .page-header h1:after {
    width: 2px;
    height: 490px;
    position: absolute;
    display: block;
    background: var(--primary);
    bottom: -330%;
    content: "";
    left: 155px;
}

#pagewrap .contact-layout-underline h3::before, .careers-1 .first h2:before {
    content: "OSS Electrical";
    position: absolute;
    display: block;
    top: -15px;
    color: var(--primary);
    opacity: 0.5;
    font-size: 35px;
    left: -10px;
}

/* Contact page end */
/* services page */
.services-1 {
    margin: -170px 0px -100px 0px ;
}

.national-background p {
    width: 80%;
}

#pagewrap .commitment-bg h2 {
    margin-right: -40px;
}

.our-clients-flipped .first {
    padding-left: 70px;
}

.our-clients-flipped h2:before {
    content: "";
    background: var(--primary);
    max-width: 130px;
    width: 100%;
    height: 3px;
    display: block;
    position: absolute;
    top: 65px;
    left: -60px;
    z-index: 10;
}

.our-clients-flipped h2 {
    margin-bottom: 40px;
}

.page-id-318 #pagewrap .page-header h1:after {
    content: "";
    position: absolute;
    display: block;
    height: 479px;
    width: 3px;
    background: var(--primary);
    top: 170px;
    left: 130px;
}

#pagewrap .blue-icon-row svg {
    -webkit-box-shadow: 0 0 13px 4px #00000052;
            box-shadow: 0 0 13px 4px #00000052;
    border-radius: 100%;
    width: 80%;
}

.page-id-318 .has-left-lines .first:before {
    height: 150%;
    top: -270px;
    width: 121%;
}

#pagewrap .commitment-bg h2:after {
    width: 150%;
}

#pagewrap .commitment-bg h2 {
    line-height: 30px;
}

.services-2 .tb-column-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.services-2 .services-2-single {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 10px;
    width: calc(33.33333% - 20px);
    height: 350px;
    padding: 30px 20px;
    overflow: hidden;
}

.services-2 .services-2-single .subrow_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

#pagewrap h2.services-main-title {
    font-size: 70px;
    font-weight: 600;
}

h2.smaller-service-title {
    font-style: italic;
    margin-bottom: 0;
}

.services-1 {
    padding-top: 150px;
}

h2.services-main-title:after {
    bottom: 39px;
    content: "";
    position: absolute;
    display: block;
    width: 86%;
    height: 2px;
    background: var(--primary);
    right: -30%;
}

h2.services-main-title {
    position: relative;
}

.services-1 p {
    width: 65%;
    margin-left: 20%;
    margin-bottom: 30px;
    position: relative;
}

.services-1 p:before {
    content: "";
    position: absolute;
    display: block;
    width: 70%;
    height: 2px;
    background: var(--primary);
    left: -73%;
    top: 10px;
}

h2.smaller-service-title {
    margin-bottom: 0;
    line-height: 0.5;
}

.services-2 .services-2-single .sub_column {
    height: 10%;
    -webkit-transition: height ease 1.5s;
    -o-transition: height ease 1.5s;
    transition: height ease 1.5s;
}

.services-2 .services-2-single h3, .services-2 .services-2-single p {
    color: white;
}

.services-2 .services-2-single:hover .sub_column {
    height: 95%;
    -webkit-transition: height ease 1.5s;
    -o-transition: height ease 1.5s;
    transition: height ease 1.5s;
}

.services-2 .services-2-single a {
    margin-top: 20px;
    padding: 8px 20px;
}

#pagewrap .services-2 .services-2-single span {
    color: var(--primary);
	font-size: 17px;
}

.services-2 .services-2-single h3 {
    margin-bottom: 30px;
    font-size: 25px;
}

.services-2 .services-2-single a:hover {
    background: white;
}

/* services page end */
/* what we do */
.sectors-1 h2::before {
    content: "Specialise";
    position: absolute;
    display: block;
    top: -50%;
    width: 100%;
    height: 100%;
    color: #EAEAEA;
    font-family: 'open-sans';
    font-weight: 700;
    font-size: 80px;
    left: -3%;
    z-index: -1;
}

.sectors-1 img {
    padding: 20px 0px;
}

.what-we-do-3 h2:before {
    content: "Our Commitment";
    position: absolute;
    display: block;
    width: 150%;
    height: 100%;
    font-size: 75px;
    color: #EAEAEA;
    top: -30px;
    font-family: 'open-sans';
    font-weight: 700;
    letter-spacing: 5px;
    left: -70px;
    z-index: -1;
}

.what-we-do-5:before {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    background: #0a0a35;
    top: 0;
    opacity: 0.5;
}

.what-we-do-1 {
    margin-top: -70px;
}

.national-background-2 h2:before {
    content: "National";
    position: absolute;
    display: block;
    color: #EAEAEA;
    height: 100%;
    width: 100%;
    font-size: 100px;
    top: -35px;
    left: -45px;
    z-index: -1;
    letter-spacing: 9px;
    font-family: 'open-sans';
    font-weight: 700;
}

/* what we do end */
.commercial-bg2 h2:before {
    content: "Commercial";
    position: absolute;
    display: block;
    color: #EAEAEA;
    height: 100%;
    width: 100%;
    font-size: 110px;
    top: -55px;
    left: -260px;
    z-index: -1;
    letter-spacing: 10px;
    font-family: 'open-sans';
    font-weight: 700;
}

#pagewrap .commercial-bg2-smaller {
    font-size: 56px;
    font-weight: 500;
    font-family: futura-pt, sans-serif;
}

#pagewrap .white-text a {
    color: white;
}

.national-background-2 p {
    width: 90%;
}

/* contact layout part */
#pagewrap .contact-layout-part .row_inner {
    width: 100%!important;
    max-width: 100%!important;
}

#pagewrap .contact-layout .frm_submit button.frm_button_submit.frm_final_submit {
    font-family: 'futura-pt';
    background: #EAEAEA;
    text-transform: capitalize;
    font-size: 20px;
    color: black;
}

.contact-layout-part .with_frm_style .frm_top_container .frm_primary_label, .contact-layout-part .with_frm_style .frm_hidden_container .frm_primary_label, .contact-layout-part .with_frm_style .frm_pos_top {
    display: none;
}

#pagewrap .contact-layout-part .with_frm_style .frm_submit {
    background: #eaeaea;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 6px 8px;
}

.contact-layout-part .last {
    background: white;
    padding: 30px 60px;
    padding-top: 40px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 14px 2px #736f6f69;
            box-shadow: 0 0 14px 2px #736f6f69;
}

#pagewrap .with_frm_style input, #pagewrap .with_frm_style textarea {
    background: #e8e8e8;
    border: none!important;
    -webkit-box-shadow: none!important;
            box-shadow: none!important;
    border-radius: 0;
}

#pagewrap .with_frm_style ::-webkit-input-placeholder {
    color: #2b2b2b9e!important;
    font-family: 'futura-pt';
    font-weight: 600;
}

#pagewrap .with_frm_style ::-moz-placeholder {
    color: #2b2b2b9e!important;
    font-family: 'futura-pt';
    font-weight: 600;
}

#pagewrap .with_frm_style :-ms-input-placeholder {
    color: #2b2b2b9e!important;
    font-family: 'futura-pt';
    font-weight: 600;
}

#pagewrap .with_frm_style ::-ms-input-placeholder {
    color: #2b2b2b9e!important;
    font-family: 'futura-pt';
    font-weight: 600;
}

#pagewrap .with_frm_style ::placeholder {
    color: #2b2b2b9e!important;
    font-family: 'futura-pt';
    font-weight: 600;
}

.contact-layout-part h3:before {
    content: "OSS Electrical";
    position: absolute;
    display: block;
    top: -15px;
    color: var(--primary);
    opacity: 0.5;
    font-size: 35px;
    left: -20px;
}

.contact-layout-part .first .small-green::before {
    content: "Contact Us";
    text-transform: uppercase;
    position: absolute;
    display: block;
    top: -111px;
    font-size: 120px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    color: #EAEAEA;
    font-weight: 700;
    font-family: 'open-sans';
    left: -90px;
    z-index: -1;
}

.contact-layout-part .first .module-text a {
    font-family: open-sans, sans-serif;
    font-weight: 600;
    margin-left: 15px;
    position: absolute;
}

.contact-layout-part .first .module-text a::after {
    width: 100%;
    position: absolute;
    display: block;
    content: "";
    height: 2px;
    background: var(--primary);
    bottom: -2px;
    left: 0;
}

#pagewrap .contact-layout-part h2 {
    font-weight: 600;
}

/* contact layout part end*/
/* specialist installations */
.page-id-322 #pagewrap .page-header {
    background-color: #e8e8e8;
}

.specialist-1 .last h2:before {
    content: "Electrical";
    position: absolute;
    display: block;
    top: -50px;
    left: -40px;
    font-size: 100px;
    letter-spacing: 3px;
    color: #dddbdb;
}

.specialist-3.has-left-lines .first:before {
    background-size: 150%;
    top: 370px;
}

#pagewrap .specialist-3.lighting-4 .left-underline:after {
    bottom: -15px;
}

.page-id-322 #pagewrap .page-header p::after {
    content: "";
    position: absolute;
    display: block;
    background: var(--primary);
    width: 50%;
    top: 12px;
    height: 2px;
    right: -20%;
}

.page-id-322 #pagewrap .page-header h1:before {
    left: 20px;
}

.specialist-1 {
    padding-top: 0;
}

.specialist-1 .row_inner .first, .specialist-1 .row_inner .last {
    margin-top: -100px;
}

#pagewrap .specialist-2 .row_inner {
    max-width: 85%!important;
    width: 100%;
}

.page-id-322 .lighting-4 h2.has-text-before:before {
    content: "PROMISE";
}

.specialist-2 p.small {
    margin-bottom: 0;
    font-weight: 700;
}

#pagewrap .specialist-1 .border-button span {
    background: #e8e8e8;
    z-index: 99999;
    position: inherit;
}

#pagewrap .specialist-1 .border-button a:after {
    z-index: 1;
}

/* specialist installations end */
/* careers */
#pagewrap .careers-2 a {
    background-color: transparent;
}

#pagewrap .careers-2 span {
    color: black;
	font-size: 19px;
}

#pagewrap .careers-2 svg {
    fill: var(--primary);
    font-size: 22px;
}

.careers-1 .first {
    -webkit-box-shadow: 7px 7px 20px 4px #0000009e;
            box-shadow: 7px 7px 20px 4px #0000009e;
    border-radius: 20px;
    padding: 30px!important;
}

.careers-1 {
    padding-top: 0;
    margin-top: -150px;
}

.careers-1 .last {
    padding-left: 60px;
}

.careers-1 .last h2:before {
    content: "Electrical";
    position: absolute;
    display: block;
    color: #eaeaea;
    font-size: 110px;
    top: -44px;
    z-index: -1;
    left: -60px;
    letter-spacing: 4px;
}

.careers-1 .last {
    padding-left: 60px;
}

.careers-1 .last h2:before {
    content: "Electrical";
    position: absolute;
    display: block;
    color: #eaeaea;
    font-size: 110px;
    top: -44px;
    z-index: -1;
    left: -60px;
    letter-spacing: 4px;
}

.careers-2 {
    padding: 100px 0px;
    z-index: 01;
    overflow: hidden;
}

.careers-2 h2:before {
    content: "CONTACT US";
    position: absolute;
    display: block;
    top: -50px;
    font-size: 90px;
    color: #cdcaca;
    letter-spacing: 7px;
    left: -80px;
    z-index: -1;
    font-weight: 700;
    font-family: 'open-sans';
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.careers-2 .row_inner {
    width: 70%!important;
}

.careers-2 .last {
    padding-left: 130px;
}

.page-newsletter-section {
    margin-top: 20px;
}

.page-newsletter-section .frm_style_formidable-style-2.with_frm_style .form-field {
    margin-bottom: 0;
    border-bottom: solid 2px var(--primary);
}

#pagewrap .page-newsletter-section .frm_submit button.frm_button_submit.frm_final_submit i {
    color: black;
    bottom: 0;
}

#pagewrap .page-newsletter-section .frm_submit button.frm_button_submit.frm_final_submit {
    position: absolute;
    bottom: -80px;
}

.careers-1 h3:before {
    content: "OSS Electrical";
    position: absolute;
    display: block;
    top: -15px;
    color: var(--primary);
    opacity: 0.5;
    font-size: 35px;
    left: -10px;
}

/* careers end */
/* client page */
.clients-page-3 .last img {
    -webkit-box-shadow: 0 0 18px 5px #00000078;
            box-shadow: 0 0 18px 5px #00000078;
}

.clients-page-3 .first {
    padding-right: 120px;
}

.clients-page-3 .first h2:before {
    content: "Happy Clients";
    position: absolute;
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    height: 100%;
    font-size: 80px;
    ; color: #EAEAEA;
    text-transform: uppercase;
    font-weight: 600;
    top: -40px;
    left: -50px;
    z-index: -1;
}

/* client page */
/* responsive */
@media (max-width: 1850px) {
    .commercial-bg2 h2:before {
        left: -240px;
    }

    #pagewrap .services-5 .box-years {
        right: -27%;
    }

    .row-35:after {
        background-size: 650px;
        bottom: -60px;
    }

    .years-part p {
        font-size: 50px;
        top: 30px!important;
        position: absolute;
        right: 80px;
        line-height: 30px;
        width: 20%;
    }

    .contact-layout-part .first .small-green::before {
        font-size: 110px;
        top: -100px;
    }

    h2.services-main-title:after {
        width: 84%;
    }

    .page-id-323 #pagewrap .page-header h1:before {
        left: 56%;
    }
}

@media (max-width: 1800px) {
    .hp-2 .last .tb-column-inner .module-video {
        margin-top: -24%;
    }

    .home-4-inner p {
        width: 90%;
    }

    #pagewrap .health-safety p {
        width: 90%;
    }

    #pagewrap .health-safety {
        padding: 0px 0px 0px 80px;
    }

    #pagewrap .promise-bg h2:before {
        font-size: 90px;
        letter-spacing: 10px;
    }

    #pagewrap .commitment-bg h2 {
        font-size: 45px;
    }

    .commercial-bg2 h2:before {
        left: -230px;
    }

    .reactive-1 .last {
        padding-top: 60px;
    }

    .reactive-1 {
        padding-top: 0px;
    }

    .commercial-bg2 h2:before {
        left: -230px;
    }

    .reactive-1 .last {
        padding-top: 60px;
    }

    .reactive-1 {
        padding-top: 0px;
    }

    #pagewrap .hp-1 .last h2::before {
        left: -100px;
        font-size: 103px;
        top: -40px
    }

    #pagewrap button.slick-prev.slick-arrow {
        left: 58%;
    }

    #pagewrap button.slick-next.slick-arrow {
        left: 63%;
    }

    .national-background-2 h2:before {
        font-size: 90px;
        top: -30px;
    }

    .lighting-3 p {
        width: 100%;
    }

    h2.services-main-title:after {
        width: 80%;
    }

    .services-2 .services-2-single h3 {
        font-size: 23px;
        margin-bottom: 25px;
    }

    .page-id-322 #pagewrap .page-header p::after {
        width: 47%;
    }
	
	.page-id-316 #pagewrap .page-header h1:after {
    right: -52%;
}
	
#pagewrap .planned-2 .first, #pagewrap .planned-2 .last {
    padding: 100px 100px;
}
}

@media (max-width: 1750px) {
    #pagewrap .promise-bg h2:before {
        letter-spacing: 7px;
    }

    .services-5 .first {
        margin-left: -50px;
    }

    #pagewrap button.slick-next.slick-arrow {
        left: 500px;
    }

    #pagewrap button.slick-prev.slick-arrow {
        left: 460px;
    }

    .commercial-bg2 h2:before {
        font-size: 100px;
        letter-spacing: 9px;
    }

    #pagewrap .services-5 .box-years {
        right: -30%;
    }

    .border-section .module-text {
        margin-right: 40px;
        padding: 50px 16px;
    }

    .border-section .module-text p {
        font-size: 16px;
    }

    .latest-projects-row .blog_archive a {
        padding: 30px;
    }
}

@media (max-width: 1700px) {
    #pagewrap .width-55 .row_inner {
        width: 65%;
    }

    .hp-2 .first {
        width: 45%;
    }

    .hp-2 .last {
        width: calc(55% - 3.2%);
    }

    .hp-2 .first p {
        width: 90%;
    }

    #pagewrap .national-background p {
        width: 90%;
    }

    #pagewrap .hp-1 .last h2::before {
        left: -100px;
        font-size: 95px;
        top: -35px
    }

    .commercial-bg2 h2:before {
        left: -200px;
    }

    .reactive-1 .last {
        padding-top: 150px;
    }

    .reactive-1 {
        margin-top: -90px;
    }

    #pagewrap .center-image {
        text-align: center;
    }

    #pagewrap .contact-layout .row_inner .first {
        width: 46%;
        margin-left: 0%;
        margin-right: 0px;
    }

    #pagewrap .contact-layout .row_inner .last {
        width: 46%;
        margin-left: 8%;
    }

    .page-id-23 #pagewrap .contact-layout .row_inner .first {
        margin-left: 6%;
        width: 36%;
    }

    .page-id-23 #pagewrap .page-header h1:after {
        height: 1300px;
    }

    .page-id-23 .contact-layout .last::before {
        left: 100px;
    }

    .slider .item .imgs {
        width: 65%;
        padding-top: 65%;
    }

    #pagewrap .border-section h3 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .contact-layout-part .first .small-green::before {
        font-size: 100px;
        left: -70px;
        top: -90px;
    }

    h2.services-main-title:after {
        width: 76%;
    }

    .hp-2 h2.has-text-before:before {
        font-size: 120px;
        left: -70px;
    }

    .services-2 .row_inner {
        max-width: 90%!important;
    }
	
	.page-id-323 #pagewrap .page-header h1:before {
    left: 60%;
}
	
	.page-id-316 #pagewrap .page-header h1:after {
    right: -56%;
}
}

@media(max-width: 1650px) {
    .hp-1 .first {
        width: 55%;
    }

    .hp-1 .last {
        width: calc(45% - 3.2%);
    }

    .home-4-inner p {
        width: 100%;
    }

    .services-5 .first {
        margin-left: -70px;
    }

    #pagewrap .commitment-bg h2 {
        margin-right: -110px;
    }

    #pagewrap .promise-bg h2:before {
        font-size: 70px;
        letter-spacing: 10px;
    }

    #pagewrap .hp-1 .last h2::before {
        left: -180px;
    }

    #pagewrap .homepage-slider-slide-left img {
        width: 400px;
        height: 400px;
    }

    #pagewrap .homepage-slider-slide-right img {
        width: 350px;
        height: 350px;
    }

    #pagewrap .homepage-slider-slide-right {
        bottom: 0;
        right: -210px;
    }

    #pagewrap button.slick-prev.slick-arrow {
        left: 420px;
    }

    #pagewrap button.slick-next.slick-arrow {
        left: 460px;
    }

    .commercial-bg2 h2:before {
        font-size: 90px;
        letter-spacing: 8px;
        top: -50px;
    }

    #pagewrap .contact-layout .row_inner .first {
        width: 46%;
        margin-left: 0%;
        margin-right: 0px;
    }

    #pagewrap .contact-layout .row_inner .last {
        width: 46%;
        margin-left: 8%;
    }

    #pagewrap .national-background-2 h2:before {
        font-size: 85px;
        top: -30px;
        left: -40px;
    }

    #pagewrap .services-5 .box-years {
        right: -35%;
    }

    .row-35 p {
        width: 80%;
    }

    .row-35:after {
        background-size: 550px;
    }

    .years-part p {
        font-size: 35px;
        width: 19%;
    }

    #pagewrap .our-goals-bg h2:before {
        font-size: 90px;
        letter-spacing: 4px;
        left: -40px;
    }

    h2.has-text-before:before {
        font-size: 100px;
    }

    .home-icons-single svg {
        height: 150px;
        width: 150px;
    }

    .lighting-3 p {
        width: 85%;
    }

    .page-id-323 .lighting-4 h2.has-text-before:before {
        left: -50px;
    }

    #pagewrap .home-icons-single .subrow_inner .sub_column .tb-column-inner {
        margin: 0px 40px;
    }

    .services-2 .services-2-single h3 {
        font-size: 21px;
    }

    .latest-projects-row .blog_archive a {
        padding: 30px;
        margin-bottom: 0;
        min-height: 300px;
    }
	
	.page-id-323 #pagewrap .page-header h1:before {
    left: 64%;
}
	
#pagewrap .planned-2 .first, #pagewrap .planned-2 .last {
    padding: 70px 80px;
}
}

@media(max-width: 1600px) {
    .hp-2 .last .tb-column-inner .module-video {
        margin-top: 0;
    }

    #pagewrap .promise-bg h2:before {
        content: "Our Promise";
        position: absolute;
        display: block;
        color: #d6d6d6;
        height: 100%;
        width: 150%;
        font-size: 85px;
        top: -30px;
        left: -70px;
        z-index: -1;
        letter-spacing: 13px;
    }

    #pagewrap .page-header p {
        width: 65%;
    }

    .module_row>.row_inner, .module-layout-part .module_row.fullwidth_row_container>.row_inner {
        max-width: 90%!important;
    }

    #pagewrap .group-2 .first .module-text h2::before {
        left: -10px;
        font-size: 90px;
        top: -40px;
    }

    #pagewrap .slider-row .row_inner {
        width: 100%!important;
        max-width: 100%!important;
    }

    .slider .item .imgs {
        width: 75%;
        padding-top: 75%;
    }

    .what-we-do-3 h2:before {
        font-size: 70px;
        left: -30px;
    }

    .contact-layout-part .first .small-green::before {
        left: -30px;
        font-size: 85px;
        top: -77px;
    }

    .hp-2 h2.has-text-before:before {
        left: -40px;
        font-size: 100px;
        letter-spacing: 7px;
    }

    .page-id-322 .lighting-4 h2.has-text-before:before {
        left: -50px;
        letter-spacing: 4px;
    }

    .page-id-323 .lighting-2 h2.has-text-before:before {
        font-size: 80px;
        letter-spacing: 10px;
        left: -30px;
    }

    .planned-2 .first, .planned-2 .last {
        padding: 100px;
    }

    .case-studies-1::before {
        width: 4%;
    }

    .page-id-322 #pagewrap .page-header p::after {
        width: 37%;
    }
	
	.page-id-316 #pagewrap .page-header h1:after {
    right: -60%;
}
}

@media(max-width: 1550px) {
    .services-1 {
        margin-top: -170px;
    }

    .services-1 .first {
        padding-top: 70px;
        padding-left: 20px;
    }

    #pagewrap .services-1 p {
        width: 100%;
    }

    #pagewrap .hp-1 .last h2::before {
        font-size: 90px;
        left: -160px;
    }

    #pagewrap .hp-header h1:after {
        height: 1200px;
    }

    .lighting-3 p {
        width: 90%;
    }

    .hp-5 p.slanted-subtitle::before {
        font-size: 120px;
        top: -120px;
        left: -60px;
    }

    .careers-2 h2:before {
        font-size: 85px;
        letter-spacing: 5px;
    }

    .page-id-320 .services-1 {
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 40px;
        padding-bottom: 0;
    }

    .page-id-320 .services-1 p {
        margin-left: 0;
        width: 100%;
    }

    .clients-page-3 .first {
        padding-right: 60px;
    }

    .case-studies-1 h2:before {
        left: -20px;
        top: -50px;
    }
	
	.page-id-323 #pagewrap .page-header h1:before {
    left: 66%;
}
}

@media(max-width: 1500px) {
    #pagewrap .group-2 .row_inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }

    #pagewrap .group-2 .last {
        width: calc(55% - 3.2%);
    }

    #pagewrap .group-2 .first {
        width: 45%;
    }

    #pagewrap .group-2 h2:first-child {
        margin-bottom: 30px;
    }

    #pagewrap .group-1 .row_inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }

    #pagewrap .group-1 .first, #pagewrap .group-1 .last {
        width: 50%;
        margin: 0px;
    }

    #pagewrap .group-1 .first {
        margin-bottom: 25px;
    }

    #pagewrap h2 {
        font-size: 42px;
    }

    #pagewrap .our-clients .row_inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }

    #pagewrap .our-clients .first, #pagewrap .our-clients .last {
        width: 45%;
        margin: 0px;
    }

    #pagewrap .our-clients .first {
        margin-right: 25px;
    }

    #pagewrap .enquire-now .row_inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }

    #pagewrap .enquire-now .first, #pagewrap .enquire-now .last {
        width: 50%;
        margin: 0px;
    }

    #pagewrap .enquire-now .first {
        margin-bottom: 25px;
    }

    #pagewrap .page-header p {
        width: 65%;
    }

    #pagewrap .width-55 .row_inner {
        width: 75%;
    }

    #pagewrap .national-background h2:before {
        font-size: 70px;
        letter-spacing: 3px;
    }

    #pagewrap .footer .tb-column.module_column.last {
        padding-left: 45px;
    }

    #pagewrap .hp-1 .last h2::before {
        left: -60px;
        font-size: 65px;
        top: -20px;
    }

    #pagewrap .group-2 .first .module-text h2::before {
        left: 30px;
        font-size: 70px;
        top: -35px;
    }

    #pagewrap .cbm-bg h2:before {
        font-size: 80px;
    }

    #pagewrap .page-header {
        height: 90vh;
    }

    #pagewrap .page-header h1:before {
        top: -190px;
        bottom: 0;
        height: 160px;
    }

    #pagewrap h1 {
        font-size: 70px;
    }

    #pagewrap span.header-smaller.white-text {
        font-size: 60px
    }

    #pagewrap .hp-header h1:after, #pagewrap .page-header h1:after {
        height: 400px;
        width: 3px;
        top: 140px;
        left: 130px;
    }

    #pagewrap .national-background-2 h2:before {
        font-size: 80px;
    }

    .page-id-315 #pagewrap .page-header h1:after {
        height: 430px;
    }

    #pagewrap .commitment-bg h2 {
        font-size: 40px;
    }

    .enquire-now .first::after {
        border-width: 9px;
        top: 2%;
        left: 3%;
    }

    #pagewrap .years-part {
        right: -200px;
    }

    .row-35:after {
        background-size: 460px;
    }

    .years-part p {
        font-size: 30px;
        width: 10%;
        right: 210px;
    }

    .planned-4-single svg {
        width: 90px;
        height: 90px;
    }

    h2.has-text-before:before {
        letter-spacing: 4px;
    }

    .page-id-318 #pagewrap .page-header h1:after {
        height: 210px;
    }

    h2.services-main-title:after {
        width: 73%;
    }

    #pagewrap .home-icons-single:last-child .subrow_inner .sub_column .tb-column-inner {
        margin-left: 100px;
    }

    .home-icons-single p.left-underline {
        font-size: 20px!important;
    }

    .planned-2 .first, .planned-2 .last {
        padding: 100px 80px;
    }

    .planned-2 .first, .planned-2 .last {
        padding: 80px 60px;
    }

    .planned-2 p.left-underline {
        font-size: 28px!important;
    }

    .lighting-1 h2.has-text-before:before {
        display: none;
    }

    .case-studies-1::before {
        width: 2%;
    }

    .case-studies-1::after {
        width: 67%;
    }
	
	.page-id-316 #pagewrap .page-header h1:after {
    display: none;
}
	
#pagewrap .planned-2 .first, #pagewrap .planned-2 .last {
    padding: 60px 55px;
}
}

@media(max-width: 1450px) {
    #pagewrap .home-4-inner .tb-column-inner {
        margin: 0px 30px 0px 30px;
    }

    .home-4-outer h3.underline-big-title {
        font-size: 20px;
    }

    #pagewrap .health-safety {
        padding: 0px 0px 0px 20px;
    }

    #pagewrap .promise-bg h2:before {
        content: "Our Promise";
        position: absolute;
        display: block;
        color: #d6d6d6;
        height: 100%;
        width: 150%;
        font-size: 55px;
        top: -25px;
        left: -40px;
        z-index: -1;
        letter-spacing: 13px;
    }

    #pagewrap h1 {
        font-size: 75px;
    }

    #pagewrap .header-smaller {
        font-size: 55px;
    }

    .page-header {
        height: 90vh;
    }

    .page-id-23 #pagewrap .contact-layout .row_inner .first {
        width: 50%;
        margin-left: 0;
    }

    .page-id-23 #pagewrap .contact-layout .row_inner .last {
        width: calc(50% - 4%);
        margin-left: 4%;
    }

    .page-id-23 #pagewrap .contact-layout .row_inner {
        max-width: 90%!important;
    }

    .page-id-23 #pagewrap .contact-layout .last .tb-column-inner {
        padding-left: 10%;
        padding-right: 0;
    }

    .page-id-23 #pagewrap .contact-layout-white .black-title::before {
        left: -40px;
    }

    .footer .first {
        width: 62%;
    }

    #pagewrap .footer .tb-column.module_column.last {
        width: calc(36% - 3.2%);
    }

    #pagewrap .footer a {
        font-size: 16px;
    }

    #pagewrap .commitment-bg h2:after {
        width: 150%;
        letter-spacing: 3px;
        font-size: 65px;
        top: -30px;
        left: -60px;
    }

    .hp-1 .first {
        width: 50%;
    }

    .hp-1 .last {
        width: calc(50% - 3.2%);
    }

    #pagewrap .homepage-slider-slide-right {
        width: 100%;
        left: 170px;
    }

    #pagewrap .homepage-slider-slide-right img {
        width: 300px;
        height: 300px;
    }

    #pagewrap .homepage-slider-slide-left img {
        width: 350px;
        height: 350px;
    }

    #pagewrap button.slick-prev.slick-arrow {
        left: 360px;
        top: 32%;
    }

    #pagewrap button.slick-next.slick-arrow {
        left: 400px;
        top: 32%;
    }

    .commercial-bg2 h2:before {
        font-size: 80px;
        letter-spacing: 6px;
        top: -45px;
        left: -180px;
    }

    #pagewrap .commercial-bg2 h2 {
        font-size: 80px;
    }

    #pagewrap .commercial-bg2-smaller {
        font-size: 50px;
    }

    #pagewrap .services-5 .box-years {
        right: -40%;
        bottom: 15%;
    }

    #pagewrap .border-section .module-text {
        width: 100%;
        margin: 10px 0px;
    }

    .border-section .row_inner .module_column .tb-column-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    #pagewrap .promise-bg2 h2:before {
        font-size: 100px;
        left: -30px;
        letter-spacing: 5px;
    }

    .what-we-do-3 h2:before {
        font-size: 60px;
        letter-spacing: 0;
    }

    h2.services-main-title:after {
        width: 70%;
    }

    .contact-layout-part .first .small-green::before {
        font-size: 75px;
        top: -70px;
    }

    .contact-layout-part .last {
        padding: 40px 45px;
    }

    #pagewrap button.slick-prev.slick-arrow, #pagewrap button.slick-next.slick-arrow {
        display: none!important;
    }

    .hp-1 .first.sub_column:before {
        content: "SWIPE";
        position: absolute;
        display: block;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        left: 0;
        top: -40px;
        color: var(--primary);
        font-size: 22px;
    }
}

@media(max-width: 1400px) {
    #pagewrap p, #pagewrap body {
        font-size: 18px;
    }

    .module_row>.row_inner, .module-layout-part .module_row.fullwidth_row_container>.row_inner {
        max-width: 90%!important;
    }

    .commercial-bg2 h2:before {
        left: -150px;
    }

    #pagewrap .padding-row {
        padding: 50px 0px;
    }

    #pagewrap .meet-team-right {
        margin: 0px 0px 50px 0px;
    }

    #pagewrap .cbm-bg h2:before {
        font-size: 70px;
        left: -40px;
        letter-spacing: 2px;
    }

    #pagewrap .meet-team-new-styling .last.tb_u00s79 {
        width: 100%;
    }

    #pagewrap .responsive-1050-flip-mt .row_inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }

    #pagewrap .meet-team-new-styling .first {
        width: 100%;
    }

    #pagewrap .sectors-1 h2::before {
        top: -45%;
        font-size: 70px;
    }

    .page-id-315 #pagewrap .our-clients h2 {
        font-size: 35px;
    }

    .page-id-315 #pagewrap .our-clients h2:before {
        top: 50px;
    }

    #pagewrap .what-we-do-3 h2:before {
        width: 150%;
        height: 100%;
        font-size: 60px;
        top: -30px;
        left: -40px;
    }

    #pagewrap .what-we-do-3 h2:before {
        width: 150%;
        height: 100%;
        font-size: 60px;
        top: -30px;
        left: -40px;
    }

    #pagewrap .services-5 .box-years {
        right: -45%;
    }

    .page-id-23 #pagewrap .contact-layout-white .black-title::before {
        width: 100%;
        font-size: 40px;
    }

    .vacancies-4 .first {
        width: 40%;
    }

    .vacancies-4 .last {
        width: calc(60% - 3.2%);
    }

    #pagewrap h2 {
        font-size: 40px;
    }

    .row-35:after {
        top: 0;
        right: 100px;
    }

    .years-part p {
        width: 100%;
        right: -65%;
        top: 0px!important;
    }

    #pagewrap .home-icons-single .subrow_inner .sub_column .tb-column-inner {
        margin: 0px 20px;
    }

    #pagewrap .home-icons-single:last-child .subrow_inner .sub_column .tb-column-inner {
        margin-left: 80px;
    }

    .careers-2 h2:before {
        font-size: 70px;
        letter-spacing: 0;
        left: -60px;
    }

    .careers-1 .last h2:before {
        font-size: 80px;
        left: -30px;
    }

    .services-2 .services-2-single {
        width: calc(50% - 20px);
    }

    .services-2 .services-2-single h3 {
        font-size: 24px;
    }

    .latest-projects-row .blog_archive a {
        padding: 30px;
    }

    .latest-projects-row .blog_archive a {
        -ms-flex-preferred-size: calc(40% - 15px);
            flex-basis: calc(40% - 15px);
        margin: 15px 0px;
    }

    .latest-projects-row .blog_archive {
        -webkit-box-pack: space-evenly;
            -ms-flex-pack: space-evenly;
                justify-content: space-evenly;
    }
}

@media(max-width: 1350px) {
    .reactive-1 .last {
        padding-top: 200px;
    }

    .reactive-1 {
        margin-top: -150px;
    }

    .row-35:after {
        background-size: 410px;
    }

    .row-35 p {
        width: 95%;
    }
	
	.page-id-323 #pagewrap .page-header h1:after {
    display: none;
}

.page-id-323 #pagewrap .page-header h1:before {
    left: 70%;
}
}

@media(max-width: 1300px) {
    #pagewrap .national-background h2:before {
        font-size: 60px;
        letter-spacing: 3px;
        left: -30px;
        top: -25px;
    }

    #pagewrap .commercial-bg2 h2 {
        font-size: 70px;
    }

    #pagewrap .commercial-bg2-smaller {
        font-size: 44px;
    }

    .commercial-bg2 h2:before {
        font-size: 70px;
        left: -120px;
    }

    .page-id-314 #pagewrap .page-header h1:after {
        height: 450px;
    }

    #pagewrap h1 {
        font-size: 60px;
    }

    #pagewrap span.header-smaller.white-text {
        font-size: 50px;
    }

    #pagewrap h2 {
        font-size: 42px;
    }

    #pagewrap .cbm-bg h2:before {
        font-size: 70px;
        left: 1px;
    }

    #pagewrap .bottom-right-triangle::after {
        bottom: 0;
        right: 0;
        height: 90px;
        width: 90px;
    }

    #pagewrap .top-left-triangle::before {
        top: 0;
        left: 0;
        height: 90px;
        width: 90px;
    }

    #pagewrap .meet-team-new-styling .first {
        width: 100%;
        margin-left: 0px;
    }

    #pagewrap .commitment-padding {
        padding: 0px 0px 0px 0px;
    }

    .meet-team-1 .first .tb-column-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: wrap;
            flex-flow: wrap;
        width: 90%;
        margin-left: 20px;
    }

    #pagewrap .commercial-bg2 h2 {
        text-align: left;
    }

    .page-id-315 #pagewrap .page-header h1:after {
        height: 350px;
    }

    #pagewrap .our-clients .last {
        margin-left: 65px;
        margin-right: 0px;
    }

    #pagewrap .our-clients .first {
        margin-right: 0px;
    }

    .page-id-315 #pagewrap .our-clients .last p {
        width: 100%;
    }

    #pagewrap .sectors-1 h2::before {
        top: -40%;
        font-size: 60px;
    }

    #pagewrap .what-we-do-3 h2:before {
        font-size: 55px;
        left: -30px;
    }

    #pagewrap .what-we-do-3 h2:before {
        font-size: 55px;
        left: -30px;
    }

    #pagewrap .services-5 .box-years {
        right: -50%;
        bottom: 20%;
    }

    .page-id-322 #pagewrap .page-header p::after {
        width: 32%;
    }
}

@media(max-width: 1280px) {
    .mobile-menu-outer {
        display: block!important;
        width: -webkit-fit-content!important;
        width: -moz-fit-content!important;
        width: fit-content!important;
        position: fixed;
        padding: 20px;
        background: #2b2b2b;
        top: 0;
        left: 0;
        z-index: 99;
        -o-transition: left linear 0.5s;
        -webkit-transition: left linear 0.5s;
        transition: left linear 0.5s;
    }

    div#body {
        margin-left: 0;
    }

    div#headerwrap {
        position: fixed;
        left: -300px;
        -webkit-transition: all linear 0.5s;
        -o-transition: all linear 0.5s;
        transition: all linear 0.5s;
    }

    div#pagewrap {
        position: relative;
    }

    .menu-opened div#headerwrap {
        left: 0;
    }

    .menu-opened #pagewrap .mobile-menu-outer {
        left: 300px;
    }

    #pagewrap .hp-header .row_inner {
        width: 85%;
    }

    .hp-1 .last {
        padding-top: 170px;
    }

    #pagewrap .meet-team-new-styling .first {
        width: 100%;
        margin: 0 auto;
    }

    .meet-team-1 .first .tb-column-inner {
        width: 85%;
        margin: 0 auto;
    }

    #pagewrap .services-5 .box-years {
        right: -35%;
        bottom: 10%;
    }

    #pagewrap .border-section .module-text {
        width: calc(33.333% - 25px);
        margin-right: 40px;
    }

    .border-section .row_inner .module_column .tb-column-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
    }

    #pagewrap .border-section .module-text:last-child {
        margin-right: 0;
    }

    .page-id-314 #pagewrap .page-header h1:after {
        height: 320px;
    }

    #pagewrap .blog_related p.related-title {
        margin-bottom: 10px;
        margin-top: 40px;
    }
	
	.page-id-323 #pagewrap .page-header h1:before {
    width: 100%;
    left: 47%;
}
}

@media(max-width: 1250px) {
    .services-1 .first {
        padding-top: 0px;
    }

    .services-1 .first {
        padding-top: 0px;
    }

    #pagewrap .group-2 .first .module-text h2::before {
        left: -20px;
        font-size: 70px;
        top: -30px;
    }

    #pagewrap .hp-1 .last h2::before {
        left: -80px;
        font-size: 60px;
        top: -30px;
        letter-spacing: 1px;
    }

    #pagewrap .hp-1 span.big-h2 {
        font-size: 40px;
    }

    #pagewrap .hp-1 .last h2 {
        font-size: 40px;
    }

    .reactive-1 .first {
        padding-top: 50px;
    }

    .tb_1kx2613 {
        margin-top: -75px;
    }

    .hp-7 .hp-7-single svg {
        width: 120px;
        height: 120px;
    }
}

@media(max-width: 1200px) {
    .reactive-1 .first {
        padding-top: 20px;
    }

    #pagewrap .sectors-1 h2::before {
        top: -50%;
        font-size: 60px;
    }

    #pagewrap .services-5 .box-years {
        right: -40%;
        bottom: 10%;
    }

    #pagewrap .border-section .module-text {
        width: calc(33.333% - 15px);
        margin-right: 25px;
    }

    .border-section-2 p {
        width: 90%;
    }

    #pagewrap .years-part {
        right: -160px;
    }

    .page-id-323 .lighting-1 h2.has-text-before:before {
        font-size: 70px;
        left: -50px;
        top: 25px;
    }
	
	.page-id-323 #pagewrap .page-header h1:before {
    left: 50%;
}
}

@media(max-width: 1150px) {
    #pagewrap .home-4-outer {
        width: 100%;
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .home-4-outer .tb-column-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin: 0;
        padding: 10px 0px;
    }

    #pagewrap .home-4-inner .tb-column-inner {
        margin: 0;
    }

    h3.underline-big-title:after {
        left: -15px;
        bottom: -15px;
    }

    #pagewrap .border-section .module-text {
        width: calc(50% - 15px);
        height: 280px;
    }

    .border-section .row_inner .module_column .tb-column-inner {
        -ms-flex-flow: wrap;
            flex-flow: wrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    #pagewrap .border-section .module-text:nth-child(2) {
        margin-right: 0;
    }

    #pagewrap .promise-bg2 h2 {
        font-size: 45px;
    }

    #pagewrap .promise-bg2 h2:before {
        font-size: 76px;
    }

    .page-id-323 .lighting-1 {
        margin-top: 0;
    }
}

@media(max-width: 1100px) {
    #pagewrap .services-1 .first {
        padding-top: 100px;
    }

    .reactive-1 .first {
        padding-top: 0px;
    }

    #pagewrap .services-5 .box-years {
        right: -45%;
        bottom: 15%;
    }

    .tb_1kx2613 {
        margin-top: 0;
    }

    .home-icons-single svg {
        width: 120px;
        height: 120px;
        margin-bottom: 10px;
    }

    .case-studies-1::after, .case-studies-1::before {
        display: none;
    }
}

@media(max-width: 1050px) {
    #pagewrap .responsive-1050 .first {
        width: 100%;
        margin: 0;
        padding-bottom: 40px;
        padding-left: 0;
    }

    .page-id-23 #pagewrap .contact-layout .last .tb-column-inner {
        padding-left: 0;
        padding-bottom: 0;
    }

    #pagewrap .responsive-1050 .last {
        width: 100%;
        margin: 0;
    }

    #pagewrap .responsive-1050-flip .row_inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }

    #pagewrap .responsive-1050 .module-image {
        text-align: center;
    }

    #pagewrap .responsive-1050.responsive-1050-flip .first {
        padding-bottom: 0;
    }

    .module-text, .module-buttons {
        text-align: center;
    }

    .home-4-inner .module-plain-text {
        text-align: center;
    }

    #pagewrap .health-safety {
        padding: 0px 0px 0px 30px;
    }

    #pagewrap h1 {
        text-align: left;
    }

    #pagewrap .page-header p {
        text-align: left;
    }

    .page-header .module-buttons {
        text-align: left;
    }

    .national-background h2 {
        margin-top: 30px;
        padding-top: 30px;
    }

    .underline-sideways-left .tb_text_wrap ::after {
        display: none;
    }

    .underline-sideways-left {
        margin-left: -30px;
    }

    .national-background h2 {
        margin-left: -30px;
    }

    #pagewrap .national-background h2:before {
        left: -25px;
        top: 10px;
        font-size: 55px;
    }

    #pagewrap .box-years p {
        font-size: 25px;
        position: relative;
        right: 100px;
        bottom: 70px;
    }

    #pagewrap .promise-bg h2:before {
        content: "Our Promise";
        position: absolute;
        display: block;
        color: #d6d6d6;
        height: 100%;
        width: 150%;
        font-size: 70px;
        top: -30px;
        left: -220px;
        z-index: -1;
        letter-spacing: 5px;
    }

    #pagewrap .small-title {
        font-size: 25px;
        text-align: center;
        position: relative;
    }

    #pagewrap .hp-header h1:after, #pagewrap .page-header h1:after {
        content: "";
        position: absolute;
        display: block;
        height: 200px;
        width: 3px;
        background: var(--primary);
        top: 140px;
        left: 130px;
    }

    #pagewrap .page-header h1:before {
        top: -170px;
        bottom: 0;
        height: 150px;
    }

    #pagewrap .responsive-1050-flip .first {
        width: 100%;
        margin: 0;
        padding-bottom: 40px;
        text-align: center;
    }

    #pagewrap .responsive-1050-flip .last {
        width: 100%;
        margin-bottom: 50px;
        margin-left: 0;
        text-align: center;
        padding: 0;
    }

    #pagewrap .arrow-button a {
        background: transparent;
        border: none;
        -webkit-box-shadow: none;
                box-shadow: none;
        padding: 0 20px;
        padding-top: 22px;
    }

    #pagewrap .our-history p {
        width: 100%;
    }

    .services-3 img {
        max-width: 100%;
        margin: -20px 0px -30px 0px;
        padding: 0% 15% 0% 15%;
    }

    .footer .first {
        width: 100%;
    }

    #pagewrap .footer .tb-column.module_column.last {
        width: 100%;
        margin: 0;
        padding-left: 0;
        padding-top: 40px;
        border-left: 0;
        border-top: 2px solid var(--primary);
    }

    .lighting-2 .last .module-image {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: auto;
    }

    .tb_pvmm983 {
        bottom: 0;
        padding-top: 40px;
        padding-bottom: 10px;
    }

    #pagewrap .footer h4 {
        text-align: left;
    }

    #pagewrap p.white-footer-text {
        text-align: left;
    }

    .tb_uoy8450 {
        width: 50%;
    }

    #pagewrap .about-image-3 {
        width: 100%;
        text-align: center;
    }

    #pagewrap .about-us-1 img {
        margin-top: 0;
    }

    #pagewrap .bottom-right-triangle::after {
        height: 80px;
        width: 80px;
    }

    .hp-1 .last {
        padding-top: 60px;
    }

    .value-subtitle:before {
        left: 40%;
    }

    .hp-1 .first.sub_column {
        left: -10%;
    }

    #pagewrap button.slick-next.slick-arrow {
        left: 600px;
        top: 26%;
    }

    #pagewrap button.slick-prev.slick-arrow {
        left: 560px;
        top: 26.4%;
    }

    #pagewrap .page-header .row_inner {
        width: 85%!important;
    }

    #pagewrap .navy-background-width .first {
        padding-left: 0px;
        padding-right: 0px;
    }

    #pagewrap .page-header p {
        width: 75%;
        margin: 0px 0px 0px 100px;
    }

    #pagewrap .page-header h1:before {
        left: 80px;
    }

    #pagewrap .hp-header h1:after, #pagewrap .page-header h1:after {
        left: 80px;
    }

    #pagewrap .health-safety p {
        width: 100%;
    }

    #pagewrap .hp-header h1:before, #pagewrap .page-header h1:before {
        left: 80px;
    }

    .hp-header p.white-text {
        left: 110px;
    }

    #pagewrap .hp-1 .last h2::before {
        left: 29%;
    }

    .hp-2 .first p {
        width: 100%;
    }

    .our-clients .last p {
        margin: auto;
    }

    #pagewrap .group-2 .first .module-text h2::before {
        left: 32%;
    }

    .value-subtitle:before {
        width: 100%;
        max-width: 90px;
        left: 0;
        right: 0;
        text-align: center;
        margin: auto;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }

    .commercial-bg2 h2:before {
        left: 0px;
    }

    #pagewrap .contact-layout .row_inner .last {
        margin-left: 0;
        text-align: center;
        margin: 0 auto!important;
        padding-bottom: 50px;
        width: 50%;
    }

    #pagewrap .contact-layout .row_inner .first {
        width: 80%;
        margin: 0 auto!important;
    }

    #pagewrap .contact-layout-underline h3:after {
        width: 100%;
        max-width: 120px;
        left: 0;
        right: 0;
        text-align: center;
        margin: auto;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }

    .national-background-2 p {
        width: 100%;
    }

    .underline-sideways-left {
        margin: 0px;
    }

    #pagewrap .commercial-bg2 h2 {
        margin-top: -30px;
    }

    #pagewrap .page-header .arrow-button {
        margin-left: 100px;
    }

    .left-border {
        border-left: 0;
        margin: 0;
        padding: 0;
    }

    #pagewrap .reactive-1 {
        padding-bottom: 0px;
    }

    #pagewrap .national-background-2 h2:before {
        left: 0;
    }

    #pagewrap .contact-layout .row_inner .first {
        padding-left: 30px;
    }

    #pagewrap .page-header .arrow-button {
        margin: 0px 0px 0px 75px;
    }

    #pagewrap .commercial-bg2 h2 {
        text-align: center;
    }

    #pagewrap .our-clients .last {
        margin-left: 130px;
        margin-right: -200px;
    }

    #pagewrap .commercial-bg2 h2 {
        font-size: 60px;
        line-height: 30px;
    }

    #pagewrap .commercial-bg2-smaller {
        font-size: 38px;
    }

    .commercial-bg2 h2:before {
        top: -35px;
    }

    .page-id-318 #pagewrap .page-header h1:after {
        left: 80px;
    }

    #pagewrap .what-we-do-3 h2:before {
        font-size: 55px;
        left: -90px;
    }

    #pagewrap .services-3 .last {
        margin-top: -60px;
    }

    #pagewrap .sectors-1 h2:before {
        content: unset;
    }

    .page-id-315 #pagewrap .underline-subtitle:before {
        left: 95px;
    }

    .page-id-315 #pagewrap .module-image .image-wrap {
        width: auto;
        text-align: center;
    }

    h3.underline-big-title:after {
        width: 100%;
        max-width: 150px;
        left: 0;
        right: 0;
        text-align: center;
        margin: auto;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }

    #pagewrap .our-clients h2:before {
        max-width: 220px;
        left: 120px;
    }

    #pagewrap .home-overlay.our-clients .last {
        margin: 0;
        padding-bottom: 50px;
    }

    #pagewrap .home-overlay.our-clients h2:before {
        display: none;
    }

    .services-3 .module-buttons {
        padding-bottom: 60px;
    }

    .page-id-315 #pagewrap .our-clients .last p {
        width: 75%;
    }

    .page-id-315 #pagewrap .responsive-1050-flip .first {
        padding-bottom: 0px;
    }

    #pagewrap .what-we-do-3 h2:before {
        font-size: 55px;
        left: -240px;
    }

    .module-accordion {
        width: 100%;
    }

    .page-id-315 #pagewrap .our-clients .last {
        margin-left: 0px;
        margin-right: 0px;
    }

    .page-id-315 .module-accordion {
        width: 100%;
    }

    #pagewrap .what-we-do-3 h2:before {
        font-size: 55px;
        left: -240px;
    }

    .page-id-318 .has-left-lines .first:before {
        height: 200%;
        top: -520px;
        width: 66%;
        background-size: 280%;
    }

    #pagewrap .commitment-bg h2 {
        margin-right: 0;
    }

    #pagewrap .commitment-bg h2:after {
        left: -240px;
    }

    .services-5 .last {
        padding-top: 40px;
    }

    #pagewrap .services-5 .box-years {
        right: -25%;
        bottom: 5%;
    }

    .our-clients-flipped h2:before {
        width: 100%;
        max-width: 90px;
        left: 0;
        right: 0;
        text-align: center;
        margin: auto;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }

    .page-id-23 #pagewrap .contact-layout-white .black-title::before {
        width: 100%;
        font-size: 40px;
    }

    .page-id-23 #pagewrap .contact-layout .row_inner .first {
        width: 100%;
        margin: 0;
    }

    .page-id-23 #pagewrap .contact-layout-underline h3 {
        text-align: center;
    }

    .page-id-23 #pagewrap .contact-layout .row_inner .last {
        width: 100%;
        margin: 0;
    }

    .page-id-23 #pagewrap .page-header h1:after {
        height: 250px;
    }

    .page-id-23 #pagewrap .contact-layout .row_inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
    }

    .page-id-23 .contact-layout .last::before {
        background-size: 65%;
        bottom: 0;
        top: 130px;
    }

    .staff-section-oss-group.staff-section {
        -ms-flex-preferred-size: calc(50% - 25px);
            flex-basis: calc(50% - 25px);
        margin-bottom: 40px;
        text-align: center;
    }

    .staff-section-oss-group.staff-section .border-section-2 p {
        width: 100%;
    }

    .staff-section-oss-group.staff-section .border-section-2 .underline-big-title {
        margin-bottom: 25px;
    }

    .staff-section-oss-group.staff-section h3.underline-big-title:after {
        bottom: -10px;
    }

    .row-35:after {
        right: 0;
        background-size: 300px;
    }

    #pagewrap .years-part {
        right: 0;
    }

    .years-part p {
        right: 0;
        text-align: right;
        font-size: 25px;
    }

    .vacancies-2 h3.underline-git:before {
        display: none;
    }

    .form-underline h3:after {
        width: 100%;
        max-width: 140px;
        left: 0;
        right: 0;
        text-align: center;
        margin: auto;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }

    #pagewrap .client-underline::after {
        width: 100%;
        max-width: 140px;
        left: 0;
        right: 0;
        text-align: center;
        margin: auto;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        bottom: -12px;
    }

    .has-left-lines .first:before {
        top: -50px;
    }

    .page-id-315 #pagewrap .our-clients h2:before {
        display: none;
    }

    .page-id-319 #pagewrap .page-header h1:after {
        height: 200px;
        top: 120px;
    }

    #pagewrap .main-content {
        padding: 50px;
    }

    .planned-4-single svg {
        width: 90px;
        height: 90px;
    }

    .planned-4-single {
        width: calc(50% - 60px);
        margin: 20px 30px;
    }

    .planned-4-single:nth-child(1), .planned-4-single:nth-child(4) {
        margin-left: 30px;
    }

    .planned-4-single:nth-child(3), .planned-4-single:nth-child(6) {
        margin-right: 30px;
    }

    .left-underline:after {
        width: 100%;
        max-width: 110px;
        left: 0;
        right: 0;
        text-align: center;
        margin: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }

    .contact-layout-part .first .module-text a {
        position: relative;
        margin-left: 0;
    }

    .who-we-are-4 .first img {
        width: 500px;
    }

    .contact-layout-part .first .small-green::before {
        display: none;
    }

    #pagewrap .page-header h1:after {
        /* left: 80px!important; */
        /* height: 200px!important; */
    }

    .careers-1 {
        margin-top: 0;
    }

    .careers-2 .last {
        padding-left: 0;
    }

    .services-2 .services-2-single p, .services-2 .services-2-single h3 {
        text-align: left;
    }

    #pagewrap button.mission-next-button.slick-next.slick-arrow {
        display: none;
    }

    #pagewrap button.mission-prev-button.slick-prev.slick-arrow {
        display: none;
    }

    .hp-1::after {
        display: none;
    }

    #pagewrap .home-icons-single:last-child .subrow_inner .sub_column .tb-column-inner {
        margin-left: 0;
        text-align: center;
    }

    #pagewrap .home-icons-single .subrow_inner .sub_column .tb-column-inner {
        text-align: center;
    }

    .home-icons-single p.left-underline {
        width: 90%;
        margin: auto;
        text-align: center;
    }

    #pagewrap .hp-3 .border-button a:after {
        bottom: -8%;
    }

    .hp-1 .first.sub_column:before {
        left: 290px;
        top: -10px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        position: relative;
    }

    .careers-1 h3 {
        text-align: left;
    }

    #pagewrap .hp-5 .border-button a {
        margin-right: 0;
    }

    .clients-page-3 .first {
        padding-right: 0;
    }

    .specialist-3 .first {
        width: 100%;
    }

    .specialist-3 .last {
        width: 100%;
    }

    .page-id-322 .lighting-4 h2.has-text-before:before {
        left: 28%;
    }

    .tb_y0qa901 img {
        width: 500px;
    }

    .tb_7ex8283 img {
        width: 500px;
    }

    .tb_7ex8283 {
        text-align: center;
    }

    .planned-2 .first, .planned-2 .last {
        width: 100%;
        padding: 40px 50px;
    }

    .page-id-323 .lighting-2 h2.has-text-before:before, .page-id-323 .lighting-1 h2.has-text-before:before, .page-id-323 .lighting-4 h2.has-text-before:before, .planned-1 h2:before, .planned-3 .first h2:before, .hp-2 h2.has-text-before:before, #pagewrap .hp-1 .last h2::before, .hp-5 p.slanted-subtitle::before, .case-studies-1 h2:before {
        width: 100%;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        left: 0;
        margin-right: 0;
        width: 100%;
        left: 0;
        text-align: center;
        font-size: 50px;
        letter-spacing: 3px;
    }

    .page-id-323 .lighting-2 h2.has-text-before:before {
        top: 30px;
    }

    .page-id-323 .lighting-4 h2.has-text-before:before {
        top: 25px;
    }

    .home-icons-single p.left-underline {
        margin-bottom: 25px;
    }

    .hp-5 .module-buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    #pagewrap .hp-5 .border-button a {
        margin-top: 15px;
    }

    h2.services-main-title:after {
        display: none;
    }

    .services-1 p:before {
        display: none;
    }

    #pagewrap h2.services-main-title {
        font-size: 55px;
    }

    .page-id-314 #pagewrap .page-header h1:after {
        left: 80px;
    }

    .page-id-322 #pagewrap .page-header h1:after {
        display: none;
    }
	
	#pagewrap .footer .tb-column.module_column.first {
    border-right: none!important;
		width: 100%;
}
	
#pagewrap .planned-2 .first, #pagewrap .planned-2 .last {
    padding: 35px 35px;
}
	
#pagewrap .contact-layout-underline h3::before, .careers-1 .first h2:before {
    display: none;
}
	
.page-id-23 #pagewrap .contact-layout-white .black-title::before {
    left: 0;
    right: 0;
}
}

@media(max-width: 1000px) {
    .blue-icon-row .first {
        width: 35%;
        margin-left: 9.4%;
    }

    .blue-icon-row .second {
        width: 35%;
        margin-left: 8.2%;
    }

    .blue-icon-row .third {
        width: 35%;
        margin-left: 9.4%;
    }

    .blue-icon-row .last {
        width: 35%;
        margin-left: 8.2%;
    }

    .blue-icon-row {
        padding-top: 10px;
        padding-bottom: 0px;
    }

    .services-3 img {
        margin-top: -70px;
    }

    #pagewrap .footer h4 {
        width: 100%;
        font-size: 27px;
    }

    #pagewrap .blue-circle-p p {
        padding-bottom: 20px;
    }

    #pagewrap .blue-circle-p p {
        padding-bottom: 20px;
    }

    .page-id-318 .has-left-lines .first:before {
        top: -370px;
    }

    .enquire-now .first::after {
        display: none;
    }

    .home-icons-single {
        width: 100%;
        padding: 15px 0px;
    }

    .home-icons .row_inner .module_column .tb-column-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: 0 auto;
        text-align: center;
    }

    .lighting-3 p.left-underline {
        width: 100%;
    }

    .lighting-3 p {
        width: 100%;
    }

    .home-icons-single .left-underline:after {
        left: 0;
        text-align: center;
        margin: 0 auto;
        right: 0%;
    }

    .home-icons .row_inner .module_column .tb-column-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .home-icons-single .subrow_inner .sub_column .tb-column-inner {
        width: 100%;
        margin: 30px 0px!important;
    }

    .services-2 .services-2-single .sub_column {
        height: 100%;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .services-2 .services-2-single:hover .sub_column {
        height: 100%;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
	
	.page-id-323 #pagewrap .page-header h1:before {
    left: 55%;
}
}

@media(max-width: 950px) {
    #headerwrap .header-side .module-menu a {
        font-size: 17px;
    }

    #pagewrap .responsive-1050-flip .first {
        padding-bottom: 0;
        padding-top: 40px;
    }

    #headerwrap .header-side .module-menu a {
        font-size: 17px;
    }

    #pagewrap .responsive-1050-flip .first {
        padding-bottom: 0;
        padding-top: 0;
    }

    #pagewrap .promise-bg h2:before {
        content: "Our Promise";
        position: absolute;
        display: block;
        color: #d6d6d6;
        height: 100%;
        width: 150%;
        font-size: 50px;
        top: -30px;
        left: -220px;
        z-index: -1;
        letter-spacing: 5px;
    }

    #pagewrap .health-safety h2 {
        font-size: 35px;
    }

    #pagewrap h2 {
        font-size: 35px;
    }

    #pagewrap .small-title {
        font-size: 22px;
    }

    #pagewrap .our-history p {
        width: 100%;
    }

    #pagewrap .box-years p {
        font-size: 20px;
        position: relative;
        right: 80px;
        bottom: 70px;
    }

    #pagewrap .hp-header h1:after, #pagewrap .page-header h1:after {
        content: "";
        position: absolute;
        display: block;
        height: 200px;
        width: 3px;
        background: var(--primary);
    }

    #pagewrap .white-text {
        color: white;
    }

    #pagewrap .white-text.about-white-text {
        color: white;
        font-size: 35px;
    }

    #pagewrap .about-to-text h1 {
        font-size: 70px;
    }

    #pagewrap .promise-bg h2:before {
        content: "Our Promise";
        position: absolute;
        display: block;
        color: #d6d6d6;
        height: 100%;
        width: 150%;
        font-size: 50px;
        top: -24px;
        left: -200px;
        z-index: -1;
        letter-spacing: 5px;
    }

    #pagewrap .contact-layout .row_inner .first {
        padding-top: 20px;
    }

    #pagewrap .national-background-2 h2:before {
        font-size: 75px;
    }

    #pagewrap .our-clients h2:before {
        max-width: 220px;
        left: 95px;
    }

    .page-id-315 #pagewrap .underline-subtitle:before {
        left: 80px;
    }

    #pagewrap .what-we-do-3 h2:before {
        font-size: 50px;
        left: -225px;
    }

    #pagewrap .services-5 .box-years {
        right: -30%;
        bottom: 5%;
    }

    .hp-7 .hp-7-single svg {
        width: 100px;
        height: 100px;
    }

    .services-2 .services-2-single h3 {
        font-size: 22px;
    }
	
	.page-id-323 #pagewrap .page-header h1:before {
    left: 65%;
}
	
#pagewrap .planned-2 .row_inner {
    display: flex;
    flex-direction: column;
}

#pagewrap .planned-2 .first, #pagewrap .planned-2 .last {
    width: 100%;
}
}

@media(max-width: 900px) {
    .hp-header {
        height: 85vh;
    }

    #pagewrap.navy-background-width .first {
        padding: 0px 40px 0px 40px;
    }

    #pagewrap .health-safety p {
        width: 100%;
    }

    #pagewrap .hp-1 .last h2::before {
        left: 26%;
    }

    #pagewrap .contact-layout .row_inner .last {
        width: 60%;
    }

    #pagewrap .contact-layout .last .tb-column-inner {
        padding: 30px;
    }

    #pagewrap .slider .item .content .wrap span {
        font-size: 46px;
    }

    .slider .item .imgs {
        width: 90%;
        padding-top: 90%;
    }

    .slider {
        height: 90vh;
    }
	
	.page-id-323 #pagewrap .page-header h1:before {
    left: 70%;
}
}

@media(max-width: 850px) {
    #pagewrap .contact-layout .row_inner .last {
        width: 70%;
    }

    #pagewrap .meet-team-1 .first .staff-section {
        width: calc(50% - 15px);
    }

    #pagewrap .meet-team-1 .first .staff-section:nth-child(3n+3) {
        margin-right: 30px;
    }

    #pagewrap .meet-team-1 .first .staff-section:nth-child(2n+2) {
        margin-right: 0px;
        margin-left: 0
    }

    #pagewrap .meet-team-1 .first .staff-section:nth-child(2n+1) {
        margin-left: 0px;
    }

    #pagewrap .what-we-do-3 h2:before {
        font-size: 45px;
        left: -195px;
    }

    #pagewrap .our-clients h2:before {
        max-width: 220px;
        left: 290px;
    }

    #pagewrap .services-5 .box-years {
        right: -35%;
        bottom: 0%;
    }

    #pagewrap .border-section .module-text {
        width: 100%;
        margin: 10px 0px;
    }

    .border-section {
        margin-top: 0;
    }

    .planned-4-single a.get-in-touch-single {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .services-2 .services-2-single {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .latest-projects-row .blog_archive a {
        -ms-flex-preferred-size: calc(100%);
            flex-basis: calc(100%);
        margin-left: 0;
        margin-right: 0;
    }
	
	.page-id-323 #pagewrap .page-header h1:before {
    left: 72%;
}
}

@media(max-width: 800px) {
    #pagewrap .white-text {
        width: 100%;
        margin-top: 0px;
    }

    .page-id-23 .contact-layout .last::before, .page-id-23 #pagewrap .contact-layout-white .black-title::before, .case-studies-1 h2:before {
        display: none;
    }

    #pagewrap .our-clients h2 {
        font-size: 30px;
    }

    #pagewrap .our-clients h2:before {
        -webkit-transform: translateX(-25px)translateY(-30px);
            -ms-transform: translateX(-25px)translateY(-30px);
                transform: translateX(-25px)translateY(-30px);
    }

    #pagewrap h2 {
        font-size: 30px;
    }

    #pagewrap .big-h2 {
        font-size: 35px;
    }

    #pagewrap .big-h2 {
        font-size: 35px;
        margin-bottom: 30px;
    }

    #pagewrap .home-4-outer .tb-column-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    #pagewrap .group-2 .row_inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    #pagewrap .group-2 .first {
        width: 100%;
    }

    #pagewrap .group-2 .first, #pagewrap .group-2 .last {
        width: 100%;
        margin-top: 30px;
    }

    #pagewrap .group-1 .row_inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    #pagewrap .group-1 .first, #pagewrap .group-1 .last {
        width: 100%;
    }

    #pagewrap .enquire-now .row_inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    #pagewrap .enquire-now .first, #pagewrap .enquire-now .last {
        width: 100%;
    }

    #pagewrap .enquire-now .last {
        margin-top: 10px
    }

    #pagewrap .our-clients .first, #pagewrap .our-clients .last {
        width: 100%;
    }

    #pagewrap .group-2 h2:first-child {
        font-size: 35px;
    }

    #pagewrap .group-2 .first .module-text h2::before {
        content: "Services";
        position: absolute;
        display: block;
        top: -16%;
        font-size: 70px;
        color: #d3d1d1a3;
        font-weight: 600;
        text-transform: uppercase;
        left: -1.5%;
        z-index: -1;
        letter-spacing: 8px;
    }

    .national-background h2 {
        margin-top: 0px;
    }

    #pagewrap .national-background h2:before {
        font-size: 40px;
        top: 13px;
    }

    #pagewrap .hp-1 .last h2::before, #pagewrap .group-2 .first .module-text h2::before, #pagewrap .promise-bg h2:before, #pagewrap .cbm-bg h2:before, .sectors-1 h2::before, .what-we-do-3 h2:before, #pagewrap .promise-bg2 h2:before, #pagewrap .our-goals-bg h2:before, #pagewrap .national-background h2:before, #pagewrap .commitment-bg h2:after, #pagewrap .commercial-bg h2:before, .project-management-5 .last h2::before, .commercial-bg2 h2:before, .national-background-2 h2:before, .hp-5 p.slanted-subtitle::before, .clients-page-3 .first h2:before, .page-id-322 .lighting-4 h2.has-text-before:before, .specialist-1 .last h2:before, .planned-1 h2:before, .planned-3 .first h2:before {
        display: none;
    }

    .careers-1 .last h2:before, .careers-2 h2:before, .hp-2 h2.has-text-before:before {
        display: none;
    }

    #pagewrap .commercial-bg2 h2 {
        margin-top: -80px;
    }

    #pagewrap .small-title.small-blue-header {
        font-size: 18px
    }

    #pagewrap .width-55 .row_inner {
        width: 90%;
    }

    .hp-header p.white-text {
        left: 100px;
        text-align: left;
    }

    #pagewrap .commercial-bg2 h2 {
        font-size: 50px;
        line-height: 25px;
    }

    #pagewrap .commercial-bg2-smaller {
        font-size: 33px;
    }

    .hp-1 .last {
        padding-top: 0;
    }

    #pagewrap .homepage-slider-slide-left {
        left: 30px;
        width: 100%;
    }

    #pagewrap .homepage-slider-slide-left img {
        text-align: left;
        float: left;
    }

    #pagewrap .homepage-slider-slide-right img {
        text-align: right;
        float: right;
        width: 350px;
        height: 350px;
    }

    #pagewrap .homepage-slider-slide-right {
        width: 100%;
        left: -30px;
        bottom: -4%;
    }

    .homepage-slider-slide {
        height: 700px!important;
    }

    #pagewrap button.slick-prev.slick-arrow {
        left: 420px;
        top: 35%;
    }

    #pagewrap button.slick-next.slick-arrow {
        left: 470px;
        top: 35%;
    }

    .page-id-318 .has-left-lines .first:before {
        display: none;
    }

    .page-id-315 #pagewrap .underline-subtitle:before {
        left: 60px;
    }

    .wwd-h2 {
        padding-bottom: 20px;
    }

    .services-5 .last {
        padding-top: 0px;
    }

    .row-35:after {
        background-size: 250px;
    }

    #pagewrap .hp-7 .row_inner .tb-column-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    #pagewrap .hp-7 .row_inner .tb-column-inner .hp-7-single {
        margin: 30px 0px;
    }

    .contact-layout-part .first .small-green::before {
        display: none;
    }

    .hp-1 .first.sub_column:before {
        left: 5px;
    }

    .hp-2 .first {
        padding-top: 0;
    }

    .hp-7 {
        padding-top: 0!important;
    }

    .case-studies-1 {
        padding-top: 40px;
    }

    .specialist-3 .last.tb_zhe1283 {
        display: none;
    }

    .specialist-1 .first.tb_3499131 {
        display: none;
    }

    .lighting-4 .last.tb_o3sb489 {
        display: none;
    }

    .page-id-323 .lighting-2 h2.has-text-before:before, .page-id-323 .lighting-4 h2.has-text-before:before {
        display: none;
    }

    .tb_fhua566 {
        padding-top: 40px;
    }
}

@media(max-width: 768px) {
    #pagewrap .page-header h1:before {
        display: none;
    }

    #pagewrap .hp-header h1:after, #pagewrap .page-header h1:after {
        display: none;
    }

    #pagewrap .about-to-text h1 {
        font-size: 50px;
    }

    #pagewrap .page-header h1 {
        font-size: 50px;
    }

    #pagewrap span.header-smaller.white-text {
        font-size: 40px;
    }

    #pagewrap .page-header p {
        width: 100%;
        margin: 0;
        text-align: left;
    }

    #pagewrap .hp-header h1:before, #pagewrap .page-header h1:before {
        display: none;
    }

    #pagewrap .page-header .arrow-button {
        margin: 0px 0px 0px -20px;
    }

    #pagewrap .page-header h1:after, #pagewrap .page-header h1:before {
        display: none!important;
    }

    .hp-header p.white-text {
        left: 0;
    }

    .page-id-315 #pagewrap .our-clients h2:before {
        top: 77px;
        left: 262px;
    }

    #pagewrap h1 {
        font-size: 50px;
    }

    #pagewrap .hp-header span.header-smaller.white-text {
        font-size: 50px;
    }

    #pagewrap .page-header p {
        width: 100%;
        margin: 0;
        text-align: left;
    }

    .page-id-322 #pagewrap .page-header p::after {
        display: none;
    }
	
	.page-id-316 #pagewrap .page-header p:before {
    display: none;
}
}

@media(max-width: 750px) {
    #pagewrap .national-background h2:before {
        left: -20px;
    }

    .hp-header {
        height: 80vh;
    }

    #pagewrap .page-header {
        height: 100%;
        padding: 20vh 0px;
    }

    #pagewrap .page-header .row_inner {
        padding-top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    #pagewrap .services-5 .box-years {
        right: -40%;
        bottom: 0%;
    }

    #pagewrap .page-header {
        height: 100%;
        padding: 20vh 0px;
    }

    #pagewrap .page-header .row_inner {
        padding-top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
}

@media(max-width: 700px) {
    #pagewrap .promise-bg h2:before {
        display:none;
    }

    #pagewrap .underline-subtitle:before {
        content: unset;
    }

    #pagewrap .our-clients h2:before {
        content: unset;
    }

    #pagewrap .page-header .module-buttons {
        margin: 0px 0px 0px 0px;
    }

    #pagewrap .navy-background-width .first {
        padding: 0px 0px 40px 0px;
        width: 100%;
    }

    #pagewrap .contact-layout .last .tb-column-inner {
        padding: 20px;
    }

    #pagewrap .contact-layout .row_inner .first {
        width: 90%;
    }

    .meet-team-1 .last .left-border:first-child {
        padding-bottom: 15px;
    }

    #pagewrap .page-header h1 {
        font-size: 45px;
    }

    #pagewrap span.header-smaller.white-text {
        font-size: 35px;
    }

    #pagewrap .services-5 .box-years {
        right: -45%;
        bottom: -5%;
    }

    .page-id-315 #pagewrap .our-clients h2:before {
        top: 77px;
        left: 217px;
    }

    .page-id-315 #pagewrap .underline-subtitle:before {
        left: 250px;
    }

    .staff-section-oss-group.staff-section {
        -ms-flex-preferred-size: calc(100% - 25px);
            flex-basis: calc(100% - 25px);
    }

    .border-section-2 p {
        width: 100%;
    }

    .border-section-2 .row_inner .module_column .tb-column-inner {
        width: 100%;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .alone-image-1 img {
        max-width: 100%;
    }

    #pagewrap .hp-logos .row_inner .module_column .tb-column-inner .module-image {
        width: 100%;
    }
}

@media(max-width: 680px) {
    .slider .item .imgs {
        width: 100%;
        padding-top: 100%;
    }

    #pagewrap .slider .item .content .wrap span {
        font-size: 40px;
    }

    .icon-scroll {
        left: 95%!important;
        position: absolute;
    }

    .row-35:after {
        display: none;
    }

    #pagewrap .years-part {
        display: none;
    }

    .row-35 .row_inner {
        width: 100%!important;
    }

    #pagewrap .footer h4 {
        text-align: center;
    }

    #pagewrap .footer-menus .subrow_inner .sub_column .tb-column-inner .module-menu {
        width: 100%;
        padding: 10px 0px;
    }

    #pagewrap .footer-menus .subrow_inner .sub_column .tb-column-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        text-align: center;
    }

    #pagewrap .footer .module-icon {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        text-align: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    #pagewrap p.white-footer-text {
        text-align: center;
        padding-top: 10px;
    }

    .tb_uoy8450 {
        width: 100%;
    }

    #pagewrap .footer-socials {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    #pagewrap .main-content {
        width: 90%;
        padding: 50px 0px;
        margin: 0 auto;
    }

    #pagewrap h1.single-blog-title {
        font-size: 45px;
    }

    .planned-4-single {
        margin: 20px;
        width: calc(50% - 40px);
    }

    .planned-4-single:nth-child(1), .planned-4-single:nth-child(4) {
        margin-left: 20px;
    }

    .planned-4-single:nth-child(3), .planned-4-single:nth-child(6) {
        margin-right: 20px;
    }

    .planned-4-single {
        width: 100%;
        margin: 20px 0px;
    }

    .planned-4-single:nth-child(1), .planned-4-single:nth-child(4) {
        margin-left: 0;
    }

    .planned-4-single .planned-4-svg-wrap:after {
        left: 0;
    }

    .hp-4 .module-image {
        width: 100%;
        margin: 0 auto;
    }

    .new-header-home {
        display: none;
    }

    .case-studies-2 p.previous-project-title:after {
        left: 0;
        width: 70px;
    }

    .planned-4-single:nth-child(6) .tb-column-inner {
        padding: 25px;
    }

    .planned-4-single {
        text-align: center;
    }

    .planned-4-single .planned-4-svg-wrap {
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }

    .planned-4-single .planned-4-svg-wrap:after {
        width: 100%;
        max-width: 100px;
        margin: auto;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        text-align: center;
        margin: 0 auto;
        text-align: center;
    }

    .planned-4-single .planned-4-svg-wrap:after {
        display: none;
    }

    .planned-4-single svg {
        margin-bottom: 5px;
    }

    .planned-4-single:nth-child(6) {
        margin-right: 0;
    }

    .contact-layout-part .last {
        padding: 50px 35px;
    }

   #pagewrap .slider-under-text p.slider-subtitle {
        font-size: 35px;
    }

    .planned-4 {
        padding-bottom: 0!important;
    }

    .case-studies-2 p.previous-project-title:after {
        display: none
    }
	
	.new-header-home {
    display: none;
}

.hp-header .row_inner {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
	
#pagewrap .new-header-home {
		display: none;
	}
}

@media(max-width: 650px) {
    #pagewrap .width-55 .row_inner {
        width: 100%;
    }

    .page-id-315 .underline-subtitle {
        padding: 0px 0px 10px 0px;
    }

    .page-id-315 #pagewrap .module-image .image-wrap {
        width: auto;
        text-align: center;
        padding-top: 40px;
    }

    #pagewrap .services-5 .box-years {
        right: -50%;
        bottom: -5%;
    }

    #pagewrap .health-safety h2 {
        font-size: 30px;
    }

    #pagewrap .contact-layout .row_inner .first {
        width: 100%;
    }

    #pagewrap .contact-layout .row_inner .last {
        width: 80%;
    }
}

@media(max-width: 600px) {
    #pagewrap .meet-team-1 .first .staff-section {
        width: 100%;
        margin: 0px;
    }

    #pagewrap .meet-team-1 .first .staff-section:nth-child(3n+3) {
        margin-right: 0px;
    }

    #pagewrap .meet-team-1 .first .staff-section:nth-child(2n+2) {
        margin-right: 0px;
        margin-left: 0px;
    }

    #pagewrap .meet-team-1 .first .staff-section:nth-child(2n+1) {
        margin-left: 0px;
    }

    #pagewrap .services-5 .box-years {
        right: -55%;
        bottom: -5%;
    }

    .slider .item .imgs {
    }

    #pagewrap .homepage-slider-slide-left {
        left: 0;
    }

    #pagewrap .homepage-slider-slide-right {
        left: 0;
        bottom: 0;
    }

    #pagewrap button.slick-prev.slick-arrow {
        left: 380px;
        top: 242px;
    }

    #pagewrap button.slick-next.slick-arrow {
        left: 420px;
        top: 240px;
    }
}

@media(max-width: 550px) {
    #pagewrap .about-to-text h1 {
        font-size: 40px;
    }

    #pagewrap span.header-smaller.white-text {
        font-size: 40px;
    }

    #pagewrap .page-header p {
        font-size: 20px;
    }

    #pagewrap h2 {
        font-size: 24px;
    }

    #pagewrap .health-safety h2 {
        font-size: 24px;
    }

    #pagewrap .box-years p {
        display: none;
    }

    #pagewrap .small-title {
        font-size: 18px;
    }

    #pagewrap .about-5 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    #pagewrap .about-us-4 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    #pagewrap .contact-layout .row_inner .last {
        width: 90%;
    }

    #pagewrap .commercial-bg2 h2 {
        font-size: 45px;
        line-height: 25px;
    }

    #pagewrap .commercial-bg2-smaller {
        font-size: 29px;
    }

    #pagewrap .slider .item .content .wrap span {
        font-size: 35px;
    }

    #pagewrap span.header-smaller.white-text {
        font-size: 40px;
    }

    #pagewrap .page-header p {
        font-size: 20px;
    }

    #pagewrap .blog_related p.related-title {
        font-size: 28px;
    }

    #pagewrap .blog_related .related-blog-title h3 {
        font-size: 22px;
    }

    .slick-slide {
        height: 400px!important;
    }

    #pagewrap .single-blog-content h2 {
        font-size: 28px;
    }

    #pagewrap .lighting-4-icons-outer .lighting-4-single {
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
	
	#pagewrap h2.services-main-title {
    font-size: 45px;
}
}

@media(max-width: 500px) {
    #pagewrap .national-background h2:before {
        font-size: 35px;
    }

    #pagewrap .page-header h1 {
        font-size: 40px;
    }

    #pagewrap button.slick-prev.slick-arrow {
        left: 360px;
        top: 220px;
    }

    #pagewrap button.slick-next.slick-arrow {
        top: 220px;
    }

    #pagewrap .page-header h1 {
        font-size: 40px;
    }

    #pagewrap span.header-smaller.white-text {
        font-size: 33px;
    }

    .planned-2 .first, .planned-2 .last {
        padding: 40px;
    }
}

@media(max-width: 350px) {
    .page-header h1 {
        line-height: 1.25;
    }
}

/* responsive end */
.tf_video_lazy:before {
    pointer-events: all;
}

/* Blog Archive  */
.blog_archive {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 50px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.blog_archive a {
    background-size: cover;
    background-repeat: no-repeat;
    -ms-flex-preferred-size: calc(33% - 15px);
        flex-basis: calc(33% - 15px);
    padding: 50px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: relative;
    min-height: 350px;
    background-color: rgba(0,0,0,.5);
    background-blend-mode: overlay;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-bottom: 25px;
}

.blog-single-item-content {
    z-index: 2;
    width: 100%;
}

#pagewrap .blog-title h3 {
    color: white !important;
    z-index: +1;
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 0px;
}

p.readmore {
    color: white;
    position: relative;
    width: auto;
    max-width: 90px;
    font-size: 17px;
    line-height: 20px;
    padding-bottom: 5px;
}

p.readmore:hover:before, p.readmore:hover:after {
    width: 0%;
    -webkit-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease;
}

p.readmore:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 1px;
    max-width: 90px;
    background-color: white;
    -webkit-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease;
}

p.readmore:before {
    content: '';
    position: absolute;
    bottom: -4px;
    right: 0px;
    width: 100%;
    height: 1px;
    max-width: 90px;
    background-color: white;
    -webkit-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease;
}

.blog-title {
    position: relative;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.blog-title:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background-color: white;
}

@media (max-width: 1500px) {
    .blog_archive a {
        -ms-flex-preferred-size: calc(50% - 15px);
            flex-basis: calc(50% - 15px);
    }
}

@media (max-width: 768px) {
    .blog_archive a {
        -ms-flex-preferred-size: calc(100% - 15px);
            flex-basis: calc(100% - 15px);
    }
}

/* Blog archive end */
/* Blog Single  */
.single-post div#body {
    padding: 0px !important;
}

.blog-hero {
    padding: 150px 7.5%;
    background-color: rgba(0,0,0,.25);
    background-blend-mode: overlay;
    background-size: cover;
    background-repeat: no-repeat;
}

h1.single-blog-title {
    color: white;
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 25px;
}

.date {
    font-size: 20px;
    color: white;
    font-weight: bold;
}

.main-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 100px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.content-left {
    -ms-flex-preferred-size: calc(60% - 25px);
        flex-basis: calc(60% - 25px);
    width: calc(60% - 25px);
}

.content-right {
    -ms-flex-preferred-size: calc(40% - 25px);
        flex-basis: calc(40% - 25px);
}

@media (max-width: 1280px) {
    .content-left {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
        width: 100%;
    }

    .content-right {
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    }
}

.single-blog-content p {
    font-family: 'futura-pt';
    font-size: 20px;
    line-height: 25px;
    font-weight: 400;
    color: black;
}

.single-blog-content h1, .single-blog-content h2, .single-blog-content h3, .single-blog-content h4, .single-blog-content h6, .single-blog-content h5 {
    font-size: 25px;
    line-height: 30px;
    color: black;
}

.footer {
    width: 100%;
    margin-left: auto !important;
    margin-right: 0px !important;
}

.blog_related {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.blog_related a {
    margin-bottom: 25px;
}

.blog_related p.readmore {
    color: black;
    position: relative;
    width: auto;
    max-width: 90px;
    font-size: 17px;
    line-height: 20px;
    padding-bottom: 5px;
}

.blog_related p.readmore:hover:before,.blog_related p.readmore:hover:after {
    width: 0%;
    -webkit-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease;
}

.blog_related p.readmore:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 1px;
    max-width: 90px;
    background-color: black;
    -webkit-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease;
}

.blog-excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 15px;
}

.blog-excerpt p {
    font-size: 15px;
    line-height: 18px;
    color: black;
}

.projects-image-slider.slick-initialized.slick-slider {
    margin-bottom: 50px;
}

.blog_related p.readmore:before {
    content: '';
    position: absolute;
    bottom: -4px;
    right: 0px;
    width: 100%;
    height: 1px;
    max-width: 90px;
    background-color: black;
    -webkit-transition: 1s ease;
    -o-transition: 1s ease;
    transition: 1s ease;
}

p.related-title {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 50px;
    font-weight: bold;
}

.single-project div#body {
    padding-left: 0;
    padding-right: 0;
}

.slick-slide {
    height: 500px!important;
    -o-object-fit: cover;
       object-fit: cover;
    cursor: pointer;
}

.with_frm_style .frm_top_container .frm_primary_label, .with_frm_style .frm_hidden_container .frm_primary_label, .with_frm_style .frm_pos_top {
    display: none!important;
}




.tb_vwph513 {
    display: none;
}

.tb_uoy8450 {
    display: none;
}

.tb_dq4t330.white-icon {
    padding-bottom: 30px;
}




/* css after themify V7 update start */

.module_row {
	display:block;
}

.row_inner, .module_column, div.module_column, .subrow_inner {
    display: flex;
	flex-flow:wrap;
}

div.row_inner, div.subrow_inner {
    --gutter:0;
    --narrow:0;
    --none: 0%;
}

.module_row .col-full {
	width:100%;
}

.module_column.col4-2, .module_column.col2-1 {
    width: 48.4%;
}

.module_column.col4-3 {
    width: 74.2%;
}

.module_column.col3-1 {
    width: 31.2%;
}

.module_column.col4-1 {
    width: 22.6%;
}

.module_column.col5-1 {
    width: 17.44%;
}

.module_column.col6-1 {
    width: 14%;
}

div.module_column {
    margin-left: 3.2%;
}

.gutter-narrow>.module_column.first, .module_column.col-full, .module_column.first {
    margin-left: 0;
    clear: left;
}

.col4-1.first, .col4-2.first, .col3-1.first {
    margin-left: 0;
    clear: left;
}

.row_inner.col_align_top, .subrow_inner.col_align_top {
	align-items:flex-start;
}

.row_inner.col_align_middle, .subrow_inner.col_align_middle {
	align-items:center;
}

.row_inner.col_align_bottom, .subrow_inner.col_align_bottom {
	align-items:flex-end;
}

.gutter-narrow>.module_column.first, .module_column.col-full, .module_column.first {
    margin-left: 0;
    clear: left;
}

#pagewrap p, #pagewrap body {
    font-size: 19px;
}

span.stats-title {
    font-size: 19px;
}

#pagewrap .footer .tb-column.module_column.first {
    border-right: solid 2px var(--primary);
}

.planned-4-single:nth-child(6) .subrow_inner .module_column {
    height: 100%;
}

#pagewrap .home-icons-single .border-button a:after {
    bottom: -11%;
}

#pagewrap .tb_pvmm983 a {
    font-size: 15px;
}

/* css after themify V7 update end */






.hp-header .row_inner .module_column {
    height: 100%;
}

.hp-header .row_inner .module_column .tb-column-inner {
    height: 100%;
    display: flex;
    align-items: center;
}


/*/wp-content/uploads/themify-css/themify-builder-312-generated.css*/
/* Generated from tbuilder_layout_part: mobile-menu */

@media(max-width:1280px){
.themify_builder_content-312 .tb_09st144.module_row>.row_inner{--col:var(--c2)}
}
@media(max-width:680px){
.themify_builder_content-312 .tb_09st144.module_row>.row_inner{--col:none;--area:var(--aream2_auto)}
}
/*/wp-content/uploads/themify-css/themify-builder-322-generated.css*/
/* Generated from page: specialist-installations */
.themify_builder_content-322 .tb_2p5o362.module_row{background-image:url(https://osselectricaluk.com/wp-content/uploads/2022/06/specialist-installations-10.png);background-size:cover;background-repeat:no-repeat;background-attachment:scroll;background-position:50% 50%}
.themify_builder_content-322 .tb_27uz130.module_row>.row_inner,.themify_builder_content-322 .tb_btjj22.module_row>.row_inner,.themify_builder_content-322 .tb_vjw5279.module_row>.row_inner{--align_content:var(--align_center)}
.themify_builder_content-322 .tb_3w73350.module_row{background-image:url(https://osselectricaluk.com/wp-content/uploads/2022/05/OSS-ELECTRICAL-HP-34.png);background-size:cover;background-repeat:no-repeat;background-attachment:scroll;background-position:50% 50%}
.themify_builder_content-322 .tb_3w73350.module_row>.builder_row_cover::before{background-color:rgba(0, 0, 0, .5)}

@media(max-width:1280px){
.themify_builder_content-322 .tb_27uz130.module_row>.row_inner,.themify_builder_content-322 .tb_btjj22.module_row>.row_inner,.themify_builder_content-322 .tb_vjw5279.module_row>.row_inner{--col:var(--c2)}
}
@media(max-width:680px){
.themify_builder_content-322 .tb_27uz130.module_row>.row_inner,.themify_builder_content-322 .tb_btjj22.module_row>.row_inner,.themify_builder_content-322 .tb_vjw5279.module_row>.row_inner{--col:none;--area:var(--aream2_auto)}
}
/*/wp-content/uploads/themify-css/themify-builder-313-generated.css*/
/* Generated from tbuilder_layout_part: footer */
.themify_builder_content-313 .tb_hbor735.module_row{background-image:url(https://osselectricaluk.com/wp-content/uploads/2022/05/OSS-ELECTRICAL-HP-44.png);background-size:cover;background-repeat:no-repeat;background-attachment:scroll;background-position:50% 50%}
.themify_builder_content-313 .tb_hbor735.module_row>.builder_row_cover::before{background-color:rgba(0, 0, 0, .45)}

@media(max-width:1280px){
.themify_builder_content-313 .tb_hbor735.module_row>.row_inner{--col:var(--c2)}
}
@media(max-width:680px){
.themify_builder_content-313 .tb_hbor735.module_row>.row_inner{--col:none;--area:var(--aream2_auto)}
}
/*/wp-content/uploads/themify-customizer-7.3.8-7.4.0.css*/
/* Themify Customize Styling */
body {	
	font-family: "Open Sans";	font-weight:normal;
	font-size:14px;
 
}
h1, .col4-1 h1, .col4-2 h1, .col3-1 h1, .col2-1 h1, .page-title, .sidebar-none .page-title {	
	font-family: "Open Sans";	font-weight:normal;
	font-size:30px;
 
}
h2 {	
	font-family: "Open Sans";	font-weight:normal;
	font-size:30px;
 
}
h3 {	
	font-family: "Open Sans";	font-weight:normal;
	font-size:30px;
 
}
h4 {	
	font-family: "Open Sans";	font-weight:normal;
	font-size:30px;
 
}
h5 {	
	font-family: "Open Sans";	font-weight:normal;
	font-size:30px;
 
}
h6 {	
	font-family: "Open Sans";	font-weight:normal;
	font-size:30px;
 
}

/* Themify Custom CSS */
#pagewrap a, #pagewrap a:hover  {
    color: #1c2b38;
}

#main-nav li:hover a:before, #main-nav a:before {
	display: none!important;
}

a.ctcc-more-info-link {
    color: white!important;
    font-weight: bold;
}

a.ctcc-more-info-link {
    color: white!important;
    font-weight: bold;
}

button#catapultCookie {
    background: #1c2b38;
	color: white;
}
	
a.tb_turn_on.js-turn-on-builder span.edit-button { display: none;
}
	
p:nth-last-child(1) {
	margin-bottom:0;
}

a.tb_turn_on.js-turn-on-builder, span.edit-button {
	display: none;
}
/* START MOBILE MENU CSS */
@media screen and (max-width:1000px){
/*/wp-content/themes/themify-shoppe/mobile-menu.min.css*/
#headerwrap{min-height:60px}#header{height:auto;padding:0;text-align:initial;width:auto}#site-logo{font-size:27px}#site-description{left:0;text-align:left;transform:none}#site-description:before{left:0;margin-left:24px}#menu-icon{border-radius:100%;line-height:1em;padding:12px 10px;position:absolute;right:0;top:12px;z-index:9999}#menu-icon:hover{background-color:hsla(0,0%,78%,.25)}.menu-icon-inner{height:18px;width:22px}.menu-icon-inner:after,.menu-icon-inner:before{box-sizing:border-box;content:"";display:block;left:0;position:absolute;transition:transform .7s ease;width:100%}.menu-icon-inner:before{height:100%;top:0}.menu-icon-inner:after{top:50%;transform:translateY(-50%)}#menu-icon-close{border-radius:100%;display:block;min-height:36px;min-width:36px;position:absolute;right:12px;text-decoration:none;top:14px;transform-origin:center;z-index:1}#menu-icon-close:after,#menu-icon-close:before{height:60%}#menu-icon-close:hover{background-color:hsla(0,0%,78%,.25)}#cart-link-mobile{display:block;position:absolute;right:50px;top:12px;z-index:9}#cart-link-mobile .icon-shopping-cart{font-size:24px;padding:9px}#header .icon-shopping-cart.tf_loader{font-size:15px;margin-top:11px;padding:3px}#cart-link-mobile .icon-shopping-cart svg{margin-top:-6px}#cart-link-mobile .icon-menu:hover em{background-color:hsla(0,0%,78%,.25)}.top-icon-wrap{background:rgba(0,0,0,.03);border-top:1px solid hsla(0,0%,71%,.2);display:block;margin:auto;order:2;padding:1em 0;width:100%}.icon-menu{margin:0}.sidemenu .search-button{border:0;border-radius:0;border-right:1px solid hsla(0,0%,71%,.2);margin:0;order:1;width:71px}.search-button .tf_fa{font-size:1.3em;padding:1.06em .8em}.header-icons{justify-content:normal;position:static}.top-icon-wrap li{margin:0 -1px;padding:0;width:33%}.top-icon-wrap li a{display:block;max-width:none;padding:.5em;text-align:center}.top-icon-wrap li a .tooltip{background-color:transparent;color:inherit;display:block;font-size:.8em;margin:0;opacity:1;padding:.4em 0 0;position:static;transform:none;visibility:visible}.sidemenu-on .wishlist+#cart-icon-count #cart-wrap{left:50%;top:100%;transform:translateX(-50%);width:276px}.sidemenu-on #cart-wrap{left:6px;width:276px}#cart-wrap a{text-align:left}#headerwrap #cart-icon{right:6%}.icon-menu li>a .tooltip{margin-top:0}.icon-menu .cart a .tooltip{display:block}.sidemenu{background-color:#fff;box-sizing:border-box;color:#030301;display:none;height:100%;overflow-y:auto;padding:0 0 20px;position:fixed;text-align:left;top:0;transition:all .2s ease-in-out;transition-property:left,right;width:320px;z-index:1100}#mobile-menu{right:-320px}#mobile-menu.sidemenu-on{box-shadow:-6px 0 20px 5px rgba(0,0,0,.25);right:0}.sidemenu-right{left:-320px}.sidemenu-left,.sidemenu-left #headerwrap{left:320px}.sidemenu-left #mobile-menu.sidemenu-on{left:0}#mobile-menu-panel a{color:#030301;text-decoration:none}#main-nav{background-color:transparent;border-bottom:1px solid hsla(0,0%,71%,.2);float:none;margin:0 0 1em;padding:0;position:static}#main-nav li{clear:both;display:block;float:none}#main-nav li>.sub-menu,.icon-menu li>.sub-menu{background:0;border:0;border-radius:0;box-shadow:none;color:inherit;display:none;height:auto;margin:0 0 0 2.8em;opacity:1;padding:0;pointer-events:auto;position:static;transform:none;visibility:visible;width:auto}#main-nav li.toggle-on>.sub-menu,.icon-menu li.toggle-on>.sub-menu{display:block}#headerwrap #main-nav ul ul{margin-left:1.25em}#main-nav a{background:0;border:0;border-top:1px solid hsla(0,0%,71%,.2);color:#030301;display:block;font-size:100%;line-height:1.5em;margin:0;padding:.6em .4em .6em 1.4em;text-decoration:none;width:auto}#main-nav ul a{font-size:.95em;padding:.6em 0;width:auto}#main-nav .current-menu-item>a,#main-nav .current_page_item>a,#main-nav a:hover{background:0;color:#f0be5b}#headerwrap #main-nav .has-sub-menu>a{padding-right:40px}#main-nav .child-arrow{display:block}#main-nav .highlight-link>a{border:0;border-radius:0;border-top:1px solid hsla(0,0%,71%,.2);box-shadow:none;padding:.6em .4em .6em 1.4em}#main-nav .has-mega-column>.sub-menu,#main-nav .has-mega>.sub-menu{background-color:transparent;margin:0;padding:0;width:auto}#main-nav .has-mega-column>.sub-menu,#main-nav .has-mega-column>.sub-menu ul,#main-nav .has-mega-sub-menu .mega-sub-menu ul{background-color:transparent;float:none;margin:0 0 0 2.8em}#main-nav .has-mega-column .widgettitle,#main-nav .has-mega-column>.sub-menu a,#main-nav .has-mega-column>.sub-menu>.columns-sub-item>a{border:0;border-top:1px solid hsla(0,0%,71%,.2);font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;margin:0;padding:.6em .4em .6em 0;text-transform:none}#main-nav .has-mega-column>.sub-menu .widget{margin-bottom:.5em;margin-top:.5em}#main-nav .has-mega-column .product-categories .count{right:2em}.top-bar-left,.top-bar-right{float:none;text-align:inherit;width:100%}.top-bar-widgets .top-bar-widget-inner{background-color:transparent;max-width:none;padding:0 1.4em;width:auto}.top-bar-widgets{background-color:transparent;position:relative;z-index:1}.fixed-header .top-bar-widgets,.sidemenu .top-bar-widgets,.top-bar-left .widget{display:block}#main-nav .woocommerce .product_list_widget li{padding-bottom:.8em!important}#main-nav .woocommerce .product_list_widget li a{padding:1em 1em .4em 0}#headerwrap>.top-bar-widgets,#main-nav .mega-menu-posts,#main-nav .mega-sub-menu li:hover a:after,#main-nav>.current-menu-item>a:before,#main-nav>.current-menu-item>a:hover:before,#main-nav>.current_page_item>a:before,#main-nav>.current_page_item>a:hover:before,#main-nav>li:hover>a:before,.mobile-menu-visible #headerwrap #cart-link-mobile,.mobile-menu-visible #headerwrap #menu-icon,.slide-cart-visible #headerwrap #cart-link-mobile,.top-icon-wrap #cart-icon-count,.top-icon-wrap li a .tooltip:before{display:none}
/*/wp-content/themes/themify-shoppe/styles/headers/media/header-left-pane.min.css*/
body:not(.mobile-menu-visible) #headerwrap{overflow:visible!important}#headerwrap{box-shadow:6px 0 20px 0 rgba(0,0,0,.25);transition:left .2s ease-in-out}.sidemenu-on .wishlist+#cart-icon-count #cart-wrap{left:0;right:0;transform:none}.top-icon-wrap #cart-icon-count{display:inline-block}#body,#footerwrap{margin-left:0;padding-left:0;padding-right:0}.full_width.mobile-menu-visible,.slide-cart-visible.sidemenu-right{left:300px}#mobile-menu.sidemenu-on{box-shadow:none}.mobile-menu-visible.sidemenu-active #headerwrap{left:0}.sidemenu-active #headerwrap{left:-320px}.header-icons{margin:1.1em}#menu-icon{background-color:#f4f4f4;border-radius:0 8px 8px 0;box-shadow:0 0 0 1px rgba(0,0,0,.05),0 1px 5px 0 rgba(0,0,0,.12);display:block;left:0;margin:0;padding:10px 8px;position:fixed;right:auto}#menu-icon:hover{background:#fff}.menu-icon-inner{height:14px;width:18px}#headerwrap #main-nav ul ul{margin-left:0}.search-button .tf_fa{font-size:19px;padding:9px}
}
/* END MOBILE MENU CSS */