@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.css*/
iframe{
    border:0
}
a{
	cursor:pointer
}
a:focus,input:focus,button:focus,select:focus,textarea:focus,.button:focus{
    outline:1px dotted rgba(150,150,150,.2)
}
.tf_focus_heavy button:focus,
.tf_focus_heavy a:focus,
.tf_focus_heavy input:focus,
.tf_focus_heavy select:focus,
.tf_focus_heavy textarea:focus,
.tf_focus_heavy .button:focus{
    outline:2px solid rgba(0,176,255,.8)
}
.tf_focus_none a,
.tf_focus_none button:focus,
.tf_focus_none a:focus,
.tf_focus_none input:focus,
.tf_focus_none select:focus,
.tf_focus_none textarea:focus,
.tf_focus_none .button:focus{
    outline:none
}
.tf_large_font{
    font-size:1.1em
}
.screen-reader-text{
	border:0;
	clip:rect(1px, 1px, 1px, 1px);
	clip-path:inset(50%);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px;
	word-wrap:normal!important
}
.screen-reader-text:focus{
    background-color:#f1f1f1;
    border-radius:3px;
    box-shadow:0 0 2px 2px rgba(0,0,0,.6);
    clip:auto!important;
    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{
    position:relative;
    display:block;
    max-width:100%
}
.post-image .themify_lightbox .zoom{
    width:35px;
    height:35px;
    background:rgba(0,0,0,.3);
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    border-radius:100%
}
.post-image .themify_lightbox .zoom .tf_fa{
    vertical-align:middle;
    color:#fff;
    stroke-width:1px;
    line-height:100%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.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.css*/
.module_row,
.module_subrow,
.module_column,
.module_row .module{
    position:relative;
    box-sizing:border-box
}
/* Hover Animation */
.module-buttons:hover,
.module_row:hover,
.module_column:hover,
.module-image img:hover,
.module-accordion i,
.module{
    transition:.5s ease;
    transition-property:background,font-size,line-height,color,padding,margin,border,border-radius,box-shadow,text-shadow,filter,transform
}
/* fix gutenberg empty p tag bug */
.entry-content > p:first-of-type:empty,
.entry-content > p:first-of-type+p:empty{
    margin:0;
    padding:0
}
/*GRID*/
.module_row{/* fix Chrome bug */
	display:flex;
	flex-wrap:wrap;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.themify_builder_slider_wrap{
    transition:none
}
.module_row[data-tbfullwidthvideo],.module_subrow[data-tbfullwidthvideo],.module_column[data-tbfullwidthvideo]{
	background-size:cover
}
/*GRID*/
.row_inner,
.subrow_inner{
    display:grid;
    --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));
	grid:var(--row,none)/var(--col);
    grid-template-areas:var(--area);
    grid-auto-columns:1fr;
    gap:var(--rowg,0) var(--colg);
    align-content:var(--align_content);
    align-items:var(--align_items);
    /*css variables for responsive columns(the first letter is the cols count, next the selected grid, e.g 3_2:3 is count ,2 the grid),so users can change it by custom css*/
    --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";	
    /*Css  Auto grid*/
    --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";/*6 cols for tablet*/
    --aream6_auto:"col1 col2" "col3 col4" "col5 col6";/*6 cols for mobiile*/
    --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"
}
div.module_column{
    width:auto;
    max-width:none;
    margin-left:0;
    margin-right:0;
    min-width:0;
    float:none;
    align-items:inherit;
    align-content:inherit;
    grid-template-columns:minmax(0,1fr);
    display:grid
}
.col_align_middle,/*deperecated,backward compatibility*/
.fullheight > .tb_col_count_1{
    --align_content:var(--align_center)
}
.gutter-narrow{/*deperecated,backward compatibility*/
   --colg:var(--narrow)
}
.gutter-none{/*deperecated,backward compatibility*/
   --colg:var(--none)
}
.module_column:nth-of-type(1){
    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
}
/*DON'T USE THE CLASS direction_rtl, will be removed in the future, need for backward compatibility*/
.direction_rtl > .module_column:nth-of-type(1){
    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"
}
/*CLEARFIX*/
.module:after{
    content:"";
    display:table;
    clear:both
}
/*RESETS*/
.module_row ul.loops-wrapper{
    margin:0;
    padding:0;
    list-style:none
}
.module_row .ui{
	background-image:var(--tb_app_gr,none);
	background-color:var(--tb_pr_bg,#F7F7F7);
	box-shadow:var(--tb_app_shadow,none);
	border-radius:var(--tb_app_r,0);
	color:var(--tb_pr_color,#555)
}
.ui.builder_button{
    text-decoration:none;
    position:relative; 
    border:solid 1px rgba(0,0,0,.05);
    display:inline-block;
    line-height:130%;
    transition:color .3s linear;
	transition-property:color,background-color,padding,border,box-shadow;
    padding:.625em 1.25em
}
.builder_button:hover{
	text-decoration:none;
	background-color:var(--tb_pr_hover_bg,#f1f1f1)
}
.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;
    /* for transparent style inherit color */
    color:inherit
}
.transparent.gradient{
	--tb_app_gr:linear-gradient(to bottom, rgba(255,255,255,.45) 0%,rgba(255,255,255,0) 100%)
}
/*SIZES*/
.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*/
.module-title{
    font-size:1.2em;
    margin:0 0 1.2em
}
.module img{
    border:0;
    vertical-align:bottom
}
.module-slider{
    margin-bottom:2.5em
}
/*Widget Module*/
.module-widget .widget{
    margin:0
}
.wp-caption{
    max-width:100%
}
/*Map Module*/
.module-map button{
    border-radius:0
}
.module-map .gm-style-mtc img{
    vertical-align:baseline;
    margin-right:5px
}
.row_inner{
    width:min(1160px, 100%);
    margin:0 auto
}
/* fullwidth row */
.module_row.fullheight .module_subrow,
.module_row.fullwidth > .row_inner{
	max-width:100%;
    width:100%
}
/* iOS doesn't support fixed attachment */
@supports(-webkit-touch-callout:none){
    .module_row,.module_subrow,.module_column{background-attachment:scroll!important}
}
/*FULLHEIGHT ROW*/
.module_row.fullheight{
    min-height:100vh
}
.fullheight > .row_inner > .module_column,
.fullheight > .row_inner{
    min-height:inherit
}
.module-plain-text:after{
    display:contents!important
}
/*MEDIA QUERIES*/
@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
	}
}
/*/styles/modules/footers/block.css*/
.footer-block #footer{
	text-align:center
}
.footer-block .footer-logo-wrap,
.footer-block .footer-widgets-wrap{
	float:none;
	clear:both;
	width:auto
}
.footer-block .footer-logo-wrap #footer-logo{
	margin:0 0 .5em
}
.footer-block .footer-text-outer{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column
}
.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{
	order:2;
	margin:1.6em 0 0
}
@media(max-width:680px){
	.footer-block .footer-widgets-wrap .widget{
		padding-top:0
	}
	.footer-block .footer-widgets-wrap{
		max-width:100%
	}
        
}
/*/styles/modules/sidebars/none.css*/
.sidebar-none .page-title{
    text-align:center
}
.sidebar-none #content{
    width:100%;
    float:none
}
.sidebar-none.single h1,
.sidebar-none.single .page-title{
    font-size:2.3em;
    text-align:inherit
}
.sidebar-none.single-post .post-content,
.sidebar-none.single-post .commentwrap{
	padding-inline:15%
}
.single-post .entry-content .post-content{
	padding:0
}
@media(max-width:680px){
	.sidebar-none.single-post .post-content{
		padding-inline:0
	}
}
/*/styles/modules/top-bar-widgets.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;
	width:auto;
	padding:0 32px
}
.top-bar-widgets .widget{
	display:inline-block;
	margin-top:8px;
	margin-bottom: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.css*/
.module-image .image-title{
    margin:0 0 .3em;
    font-size:1.2em
}
.module-image .image-title a{
    text-decoration:none;
    color:inherit;
    font-family:inherit;
    text-shadow:inherit
}
/*layout*/
.module-image .image-wrap{
    width:auto
}
.module-image .image-wrap img{
    vertical-align:top;
    display:inline-block
}
/*appearance*/
.module-image.rounded .image-wrap img{
   border-radius:10px
}
.module-image.bordered .image-wrap img{
    border:solid 1px rgba(0,0,0,.15);
    background:#fff;
    padding:3px;
    box-sizing:border-box
}
.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
}
/* auto fullwidth */
.themify_builder .auto_fullwidth .lightbox{
    display:block
}
.themify_builder .auto_fullwidth .image-wrap,
.themify_builder .auto_fullwidth img{
    width:100%;
    display:block; /* required for FF */
}
/* lightbox */
.module-image .image-wrap .lightbox{
    position:relative;
    display:inline-block;
    max-width:100%
}
/*/styles/modules/builder/image.css*/
.module-image.bordered .image-wrap img{
	border-color:rgba(0,0,0,.12)
}
/*/themify-builder/css/modules/image_styles/top.css*/
.module-image.image-top .image-content{
    margin-top:.5em;
    margin-bottom:1em
}
/*/themify-builder/css/modules/menu.css*/
.module-menu-container{
	text-align:inherit
}
ul.ui.nav{
    display:inline-block;
	margin: 0;
    margin-left:0!important;
    padding:0;
    border:0;
	--tb_app_glc:normal;
    border-radius:var(--tb_app_r,4px);
    box-shadow:var(--tb_app_shadow,0 0 0 1px rgba(0,0,0,.1))
}
.ui.nav ul{
    position:absolute;
    top:100%;
    left:0;
    z-index:990;
    padding:5px 0;
    border:0;
    box-shadow:0 0 0 1px rgba(0,0,0,.1),0 3px 12px rgba(0,0,0,.12)
}
.ui.nav ul,
.ui.nav ul > li{
	list-style:none;
    width:220px;
    margin:0
}
.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,
    /* tab keyboard menu nav */
    .ui.nav:not(.tf_acc_menu) li > a:focus + .sub-menu,
    .ui.nav:not(.tf_acc_menu) li > .sub-menu:focus-within{
        opacity:1;
        pointer-events:auto;
        display:block;
        transform:none;
        transition:opacity .3s, transform .3s;
        height:auto
    }
}
.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{
    right:auto;
    left:100%
}

@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:scale(1,0);
		transform-origin:top;
	}
}
.ui.nav .child-arrow,
.ui.nav ul{
    text-align:left;
    opacity:0;
    pointer-events:none
}
.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);
	background-image:var(--tb_app_gr,none)
}
.ui.nav li{
	border-color:rgba(0,0,0,.05);
    display:inline-block;
	background-image:var(--tb_app_gr,none);
	--tb_app_glc:'';
    position:relative;
    margin:0 -.25em 0 0; /* remove gap in between link */
    padding:0
}
.ui.nav li a{
	touch-action:none;
    text-decoration:none;
    display:inline-block;
    line-height:130%;
    box-shadow:none;
	border-radius:inherit;
    padding:.625em 1.25em
}
.module ul.nav:not(.transparent) a{
    color:var(--tb_pr_color,#555)
}
.ui.nav > li a:hover{
    background-color:var(--tb_pr_hover_bg,rgba(180,180,180,.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-right-radius:var(--tb_app_r);
	border-top-left-radius:var(--tb_app_r)
}
.ui.nav > li:last-child{
	border-top-right-radius:var(--tb_app_r);
	border-bottom-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_page_item > a,
.ui.nav > .current-menu-item > a,
.ui.nav > .current_page_item > a:hover,
.ui.nav > .current-menu-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{
		touch-action:none;
        display:inline-block;
        position:absolute;
        right:4px;
        top:50%;
        width:32px;
        height:32px;
        padding:0;
        margin:0;
        border-radius:100%;
        transform:translateY(-50%);
        opacity:1;
        pointer-events:auto
    }
	.ui.nav .child-arrow:before,
	.ui.nav .child-arrow:after{
		top:50%;
		left:10px;
		content:'';
		position:absolute;
		transition:transform .3s ease-in-out;
		height:1px;
		width:8px;
		transform:rotate(45deg);
		background:currentColor;
		z-index:9999;
		border-radius:10px
	}
	.ui.nav .child-arrow:after{
		left:15px;
		transform:rotate(-45deg)
	}
	.ui.nav > li li .child-arrow:before,
	.ui.nav > li li .child-arrow:after{
		transform:rotate(45deg);
		left:auto;
		top:14px;
		right:10px
	}
	.ui.nav > li li .child-arrow:after{
		transform:rotate(-45deg);
		top:19px
	}
}
.menu-module-burger{
    cursor:pointer;
    color:inherit;
    box-shadow:none!important;
    width:1.4em;
    line-height:1;
    padding:12px 10px 10px 12px;
    border-radius:100%;
    box-sizing:unset
}
.menu-module-burger:hover{
    background-color:rgba(200,200,200,.25)
}
.menu-module-burger-inner{
    width:1.3em;
    height:1em;
    border-bottom:2px solid
}
.menu-module-burger-inner:before,
.menu-module-burger-inner:after{
    content:'';
    display:block;
    border-bottom:2px solid;
    position:absolute;
    left:0;
    top:0;
    width:100%
}
.menu-module-burger-inner:after{
    top:50%
}
/* Edge Menu */
.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.css*/
.ui.nav.vertical{
    max-width:100%;
    display:block;
    width:260px
}
.ui.nav.vertical > li a{
    display:block
}
.ui.nav.vertical > li{
    float:none;
    border:0;
    width:100%;
    clear:both;
    display:block
}
.ui.nav.vertical ul,
.ui.nav.vertical ul > li{
    width:100%;
    box-sizing:border-box
}
.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-top-right-radius:var(--tb_app_r);
	border-bottom-left-radius:0
}
.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:before,
.ui.nav.vertical:not(.tf_acc_menu) > li .child-arrow:after{
	transform:rotate(45deg);
    top:10px;
    left:auto;
    right:7px
}
.ui.nav.vertical:not(.tf_acc_menu) > li .child-arrow:after{
    transform:rotate(-45deg);
    top:15px
}
/*/themify-builder/css/modules/menu_styles/transparent.css*/
.module .nav.transparent li,
.module .nav.transparent > li > a, 
.module .nav.transparent > li.current_page_item > a,
.module .nav.transparent > li.current-menu-item > a, 
.module .nav.transparent > li > a:hover,
.module .nav.transparent li:active > a{
    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.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{
    display:none;
    padding:0 0 0 20px;
    left:0;
    box-shadow:none;
    opacity:1;
    position:relative;
    margin:0;
    transform:scale(1,0);
    transform-origin:top;
    transition:transform .2s;
    pointer-events:auto;
    height:auto
}
.tf_acc_menu .child-arrow{
    cursor:pointer;
    z-index:12;
    width:36px;
    height:36px;
    border-radius:100%;
    position:absolute;
    right:0;
    top:0;
    transition:transform .3s
}
.tf_acc_menu .child-arrow:before,
.tf_acc_menu .child-arrow:after{
    top:50%;
    left:12px;
    content:'';
    position:absolute;
    transition:transform .3s ease-in-out;
    height:1px;
    width:8px;
    transform:rotate(45deg);
    background:currentColor;
    z-index:9999;
    border-radius:10px
}
.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.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{
    font-size:2.85em;
    float:left;
    line-height:.4em;
    padding:.425em .375em;
    background-color:var(--theme_accent,#0f70e8);
    color:#fff;
    margin-right:.325em;
    margin-top:.15em;
    margin-bottom:.25em
}
.tb-text-more-link-indicator{
    display:block;
    height:3px; 
    margin:5px 0; 
    background:rgba(55,55,55,.6)
}

/*/styles/modules/site-logo.css*/
.logo-wrap{
	z-index:1
}
#site-logo{
	margin:5px 0;
	font-weight:400;
	line-height:1em;
	font-size:1.6em;
	text-transform:uppercase;
	display:inline-block;
	transition:padding .2s linear
}
#site-logo a span{
	display:inline-block;/* padding for logo text only */
	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/cover.css*/
.builder_row_cover{
    z-index:0;
    contain:strict;
    transform:translateZ(0)
}
.builder_row_cover:before,
.builder_row_cover:after{
    height:100%;
    width:100%;
    position:absolute;
    top:0; 
    left:0;
    content:'';
    display:block;
    transition:opacity .5s ease-in-out,background-color .5s ease-in-out
}
.builder_row_cover:after{
    opacity:0
}
.tb_visual_hover > .builder_row_cover:after,
.module_row:hover > .builder_row_cover:after,
.module_subrow:hover > .builder_row_cover:after,
.module_column:hover > .builder_row_cover:after{
    opacity:1
}
/*/themify-builder/css/modules/icon.css*/
.module-icon .tf_fa{
	max-width:1em
}
.module-icon .module-icon-item a,
.module-icon-item{
    display:inline-flex;
	text-decoration:none;
    place-items:center
}
.module-icon-item + .module-icon-item{
    margin-left:.4em
}
.module-icon span{
    margin-left:.6em;
    margin-right:.6em;
	font-size:var(--tb_mi_s,inherit)
}
.module-icon em{
	display:inline-flex;
    place-content:center;
    padding:.5em;
    font-size:var(--tb_mi_f,16px);
	min-width:var(--tb_mi_size,auto);
	min-height:var(--tb_mi_size,auto);
	border-radius:var(--tb_mi_r,100%);
	background-color:var(--tb_pr_bg,transparent);
	color:var(--tb_pr_color,inherit);
    line-height:0;
    align-self:baseline;
    margin-top:calc(var(--tb_mi_size)/9);
    transition:.3s;
	transition-property:box-shadow,border,background-color,color,padding,font-size
}
.module-icon img{
	border-radius:var(--tb_mi_r,100%);
	max-width:var(--tb_mi_i_w,32px);
	padding:var(--tb_mi_p,3px)
}
/* size */
.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;
    padding:.2em;
    color:inherit
}
.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 a,
.tf_textc.icon_vertical .module-icon-item{
    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
    }
}
/*/styles/modules/footer-social-badge.css*/
.footer-social-wrap{
	display:table;
	contain:layout paint;
	table-layout:fixed;
}
.footer-social-badge{
	display:table-cell;
	height:100px;
	color:#fff
}
#footerwrap .footer-social-badge a{
	background-size:cover;
	color:inherit;
	display:block;
	width:100%;
	height:100%;
	line-height:99px;
	letter-spacing:.1em;
	text-decoration:none;
	position:relative;
	z-index:1;
	transition:transform .3s ease-out
}
.footer-social-badge:hover a{
	transform:scale(1.13)
}
.footer-social-badge a:after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: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;
	vertical-align:middle;
	margin-right:.15em
}
.footer-social-badge strong,
.footer-social-badge span{
	font-family:"Libre Franklin",sans-serif;
	letter-spacing:normal;
	margin-left:2px
}
.footer-social-badge strong{
	font-weight:600;
	letter-spacing:0.1em;
	text-transform:uppercase
}
#footerwrap .footer-social-badge a:hover{
    color:inherit
}
@media(max-width:695px){
	/* Added this breakpoint exclusively for social badges */
	#footerwrap .footer-social-badge a{
		line-height:99px;
		padding-top:0
	}
	.footer-social-wrap .footer-social-badge{
		display:block
	}
}
/*/styles/modules/footer-logo.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
	}
}
/*/styles/modules/footer-nav.css*/
.footer-nav{
	margin:.5em 0 1em;
	padding:0 0 2em
}
.footer-nav li{
	list-style:none;
	padding:.1em 0;
	margin:0
}
.footer-nav li a{
	text-decoration:none;
	letter-spacing:-.01em
}
.footer-nav li{
	display:inline-block;
	padding:0;
	margin:0;
	list-style:none;
	position:relative
}
.footer-nav a{
	text-decoration:none;
	margin:0 1em .8em 0
}
.footer-nav li ul{
	background-color:#fff;
	margin:0;
	padding:.6em 0;
	position:absolute;
	z-index:11;
	bottom:100%;
	list-style:none;
	text-align:left;
	opacity:0;
	visibility:hidden;
	box-sizing:border-box;
	box-shadow:0 6px 20px 5px rgba(0,0,0,.12);
	border-radius:8px
}
@media (hover:none){
	.footer-nav li ul{
		display:none
	}
}
#footerwrap .footer-nav ul a{
	display:block;
	width:238px;
	padding:.5em 1.25em .5em 1.6em;
	margin:0;
	box-sizing:border-box;
	color:#666
}
.footer-nav li li ul{
	left:100%;
	bottom:-.65em
}
.footer-nav li:hover > ul,
/* tab keyboard menu nav */
.footer-nav li > a:focus + .sub-menu,
.footer-nav li > .sub-menu:focus-within{
	margin-bottom:0;
	opacity:1;
	pointer-events:auto;
	visibility:visible
}
/* Footer Edge Menu */
.footer-nav li.edge ul{
	left:auto;
	right:0
}
.footer-nav ul li.edge ul{
	right:100%
}

/*/style.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>.
*/
/************************************************************************************
1. RESET
*************************************************************************************/
html,body,address,blockquote,div,dl,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul,
dd,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,
a,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,
strong,sub,sup,tt,var,legend,fieldset,figure{
	margin:0;
	padding:0
}
img,fieldset{
	border:0
}
/* set html5 elements to block */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ 
    display:block
}
address{
	font-style:normal
}
html{
  scroll-behavior:smooth
}
iframe,audio{
    max-width:100%
}
/************************************************************************************
2. GENERAL STYLING
*************************************************************************************/
:root{
	--theme_accent:#dcaa2e;
	--theme_accent_hover:#000;
	--theme_accent_semi:rgba(255,255,255,.9)	
}
body{
	font:1em/1.7em 'Libre Franklin',Arial,sans-serif;
	overflow-wrap:break-word;
	background-color:#fff;
	color:#666;
	-webkit-font-smoothing:antialiased;
	-ms-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-webkit-text-size-adjust:100%;
	text-size-adjust:100%
}
a{
	text-decoration:none;
	transition:color .2s ease-in-out;
	color:var(--theme_accent)
}
a:hover{
	text-decoration:none;
	color:var(--theme_accent_hover)
}
p{
	padding:0;
	margin:0 0 1.2em
}
small{
	font-size:87%
}
blockquote{
	font-size:1.1em;
	line-height:1.4em;
	padding:.8em 1.4em;
	margin:0 5% 1.2em;
	border-left:solid 3px rgba(150,150,150,.3);
}
ins{
	text-decoration:none
}
/* LIST
================================================ */
ul,ol{
	margin:0 0 1.4em 1.6em;
	padding:0
}
li{
	margin:0 0 1em;
	padding:0
}
ul ul,
ul ol,
ol ol,
ol ul{
	margin-top:1em
}
/* HEADINGS
================================================ */
h1,h2,h3,h4,h5,h6{
	line-height:1.4em;
	margin:0 0 .4em;
	color:#000;
	overflow-wrap:normal;
	font-weight:500	
}
h1,
.page-title{
	font-size:3em;
	line-height:1.2;
	font-weight:600;
	margin:0 0 .6em;
	padding:0;
	letter-spacing:-.03em
}
h2{
	font-size:1.8em;
	font-weight:600;
	letter-spacing:-.02em
}
h3{
	font-size:1.4em
}
h4{
	font-size:1.1em;
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:.05em
}
h5{
	font-size:1.1em
}
h6{
	font-size:1em
}
/* FORM
================================================ */
input,textarea,select,input[type=search],button{
	font-size:100%;
	font-family:inherit;
	max-width:100%
}
input:read-write,
input:read-only,
input[type=radio],
input[type=checkbox],
select,
textarea{
    background:#fff;
    border:1px solid rgba(0,0,0,.15);
    padding:.6em;
    max-width:100%;
    -webkit-appearance:none;
    appearance:none;
    border-radius:8px
}
input:read-write,
input:read-only{
	margin:0 1em .4em 0;
        width:17em
}
input[type=number]{
	width:7em
}
input[type=checkbox] + label{
	display:inline-block
}
textarea{
	width:100%;
	min-height:13.5em;
	margin:0
}
select{
	padding-right:30px;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke-linecap='round' width='100' height='100' stroke='rgba(40,40,40,.8)' stroke-width='3'%3E%3Cpolyline points='2.7,2.3 49.1,57.2 95.5,2.3 '/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-size:12px;
	background-position:calc(100% - 8px) calc(50% + 3px)
}
input[type=radio],
input[type=checkbox]{
	border-radius:6px;
	clear:none;
	cursor:pointer;
	padding:0 2px;
	margin:0 .5em 0 0;
	width:20px;
	height:20px;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	line-height:1;
	-webkit-appearance:none
}
input[type=radio]{
    padding:0;
    border-radius:100%;
    display:inline-flex;
    justify-content:center;
    align-items:center
}
input[type="checkbox"]:before{
	content:"";
	display:inline-block;
	width:12px;
	height:5px;
	margin-bottom:4px;
	margin-left:1px;
	border-left:1px solid transparent;
	border-bottom:1px solid transparent;
	transform:rotateZ(-45deg) skewY(-10deg)
}
input[type="checkbox"]:checked:before{
	border-left:1px solid;
	border-bottom:1px solid;
}
input[type="radio"]:checked:before{
	content:"";
	display:inline-block;
	vertical-align:middle;
	border-radius:100%;
	background-color:#222;
	width:12px;
	height:12px
}
/* form input:focus */
select:focus,
textarea:focus,
input:read-write:focus,
input:read-only:focus{
	border-color:rgba(0,0,0,.5)
}
input[type=reset],input[type=submit],button{
	background-color:var(--theme_accent);
	border:0;
	color:#fff;
	cursor:pointer;
	font-weight:500;
	width:auto;
	text-transform:uppercase;
	letter-spacing:.05em;
	padding:.8em 1.4em;
	border-radius:30px;
	-webkit-appearance:none;
	transition-property:background-color,transform,box-shadow;
	transition-duration:.3s
}
input[type=reset]:hover,input[type=submit]:hover,button:hover{
	background:var(--theme_accent_hover);
	color:#fff;
	transform:translateY(-2px);
	box-shadow:0 5px 12px 3px rgba(0,0,0,.12)
}
/************************************************************************************
3. STRUCTURE
*************************************************************************************/
/* set general layout containers box-sizing */
img,textarea,input,.author-box,.widget,.col4-1,.col4-2,.col3-1{
	box-sizing:border-box
}
.pagewidth{
	width:1160px;
	max-width:100%;
	margin:0 auto
}
#content{
	width:72%;
	padding:6.5% 0
}
.full_width #layout{
	width:100%;
	max-width:100%
}
.full_width #content{
	padding:0;
	width:auto;
	max-width:100%;
	float:none
}
/************************************************************************************
4. GRID
*************************************************************************************/
.col4-1,
.col4-2,
.col3-1{
	float:left;
	margin-left:3.2%
}
.col4-1{
	width:22.6%
}
.col4-2{
	width:48.4%
}
.col3-1{
	width:31.2%
}
.col4-1.first,
.col4-2.first,
.col3-1.first{
	margin-left:0;
	clear:left
}
/************************************************************************************
5. HEADER
*************************************************************************************/
#headerwrap{
	background-color:rgba(255,255,255,.9);
	left:0;
	top:0;
	z-index:999;
	position:relative;
	text-align:center;
	box-shadow:0 1px 15px rgba(0,0,0,.12);
}
#headerwrap.fixed-header:before{
	content:"";
	position:absolute;
	inset:0;
	pointer-events:none;
	z-index:0;
	-webkit-backdrop-filter:blur(5px);
	backdrop-filter:blur(5px)
}
.slide-cart-visible #headerwrap:before,
.mobile-menu-visible #headerwrap:before{
	display:none;
}
.fixed-header-enabled #headerwrap{
    position:-webkit-sticky; /*for safari*/
    position:sticky
}
.transparent-header #headerwrap,
.transparent-header.no-fixed-header #headerwrap{
	position:fixed
}
/* Announcement Bar compatibility */
.themify_announcement.bar .announcement_container{
	width:auto;
	margin:0 28px
}
#header{
	width:calc(100% - 56px);
	max-width:none;
	margin:0 28px
}
#headerwrap a{
	color:#000
}
#headerwrap a:hover{
	color:var(--theme_accent)
}
/* 
SEARCH FORM
================================================ */
.header-icons .search-button{
	text-decoration:none;
	text-align:center;
	outline:0;
	border-left:1px solid rgba(180,180,180,.2);
	margin-right:-28px;
	margin-left:10px;
	padding:0;
	border-radius:0
}
.header-icons .search-button:hover{
    background:rgba(200,200,200,.25)
}
.search-button:focus{
	outline:0
}
.search-button .tf_fa{
	display:block;
	font-size:1.3em;
	margin:auto;
	padding:1.06em .8em
}
/* 
ICON MENU
================================================ */
.header-icons{
	position:absolute;
	right:0;
	bottom:0;
	display:flex;
	flex-wrap:wrap;
    align-items:center;
	z-index:2
}
.top-icon-wrap{
	display:flex;
	align-items:center;
	flex-wrap:wrap
}
.icon-menu{
	display:inline;
	margin:0 0 0 3px;
	padding:0;
	list-style:none;
}
.icon-menu li{
	display:inline-block;
	vertical-align:middle;
	margin:0;
	padding:10px 0;
	position:relative;
	list-style:none;
}
.icon-menu em{
    font-size:19px;
    padding:9px 10px;
    display:inline-block;
    vertical-align:middle;
    line-height:1;
    box-shadow:none;
    text-shadow:none;
    border-radius:100%;
}
#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:rgba(200,200,200,.25);	
}
.icon-menu li > a{
	display:inline-block;
	text-decoration:none;
	margin:3px;
	position:relative
}
.icon-shopping-cart svg{
	margin-top:-2px;/* for alignment */
}
.icon-shopping-cart.tf_loader svg{
	display:none
}
.icon-menu ul li{
	padding:0
}
.icon-menu li > .sub-menu{
	text-align:left
}
/* Remove Cart Tooltip & Hover */
.cart-style-dropdown .icon-menu .cart a .tooltip{
	display:none
}
.icon-menu li > a .tooltip{
	background-color:#000;
	color:#fff;
	display:inline-block;
	font-size:.8em;
	line-height:1.3em;
	text-align:center;
	padding:.5em 1.15em;
	position:absolute;
	top:130%;
    margin-top:0;
	left:50%;
	opacity:0;
	visibility:hidden;
	border-radius:30px;
	transform:translateX(-50%);
    transition:.3s ease-out;
	transition-property:opacity,visibility;
	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{
	content:'';
	display:block;
	border:5px solid transparent;
	border-bottom-color:#000;
	position:absolute;
	bottom:100%;
	left:50%;
	margin-left:-5px
}
.icon-menu .icon-menu-count{
	min-width:10px;
	position:absolute;
	right:-6px;
	top:50%;
	padding:4px;
	border-radius:10px;
	background-color:var(--theme_accent);
	font-size:9px;
	line-height:1;
	animation:zoomIn .3s ease;
	color:#fff;
	text-align:center
}
.tf_loader + .icon-menu-count{
	display:none
}
@keyframes zoomIn{
    0%{ transform:scale(.5) }
    100%{ transform:scale(1) }
}
/* darkmode toggle icon */
.tf_darkmode_toggle svg {
	stroke-width: 2px;
	fill: transparent;
}
.tf_darkmode .tf_darkmode_toggle em{
	background:rgba(200,200,200,.25);	
}
/* 
MAIN NAVIGATION
================================================ */
#main-nav{
	margin:0;
	padding:0;
	text-align:left;
	position:absolute;
	width:100%;
	left:0;
	bottom:0
}
#main-nav li{
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	display:inline-block;
}
#main-nav small {
	display: block;
	text-transform: none;
}
/* main level link */
#main-nav a{
	display:inline-block;
	position:relative;
	padding:1.2em .4em;
	margin:0 .25em 0 0;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:.02em
}
#main-nav > li > a:before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	margin-bottom:-1px;
	color:transparent;
	border-bottom:3px solid currentColor;
	transition:inherit
}
#main-nav > li:hover > a:before,
#main-nav > .current_page_item > a:before,
#main-nav > .current-menu-item > a:before,
#main-nav > .current_page_item > a:hover:before,
#main-nav > .current-menu-item > a:hover:before{
	color:var(--theme_accent)
}
#main-nav .highlight-link > a{
	padding:.2em 1em;
	border:1px solid;
	border-radius:30px
}
.icon-menu ul a,
#main-nav ul a{
	border:0;
	border-bottom:1px solid rgba(180,180,180,.2);
	color:#060604;
	display:block;
	font-size:.95em;
	line-height:1.4em;
	letter-spacing:0;
	font-weight:400;
	text-transform:none;
	margin:0;
	padding:.6em 0;
	width:170px;
	box-sizing:border-box
}
.icon-menu ul li:last-child > a,
#main-nav ul li:last-child > a{
	border-bottom:none
}
#main-nav .current_page_item > a,
#main-nav .current-menu-item > a,
#main-nav a:hover{
	color:var(--theme_accent)
}
/* mobile menu icon */
.menu-icon-inner:before{
	border-top:2px solid;
	border-bottom:2px solid
}
.menu-icon-inner:after{
	border-top:2px solid
}
#slide-cart.sidemenu-on{
	right:0;
	box-shadow:-6px 0 20px 5px rgba(0,0,0,.25)
}
body.slide-cart-visible,
body.mobile-menu-visible{
    position:relative;
    overflow-y:hidden
}
body.slide-cart-visible{
	overflow:hidden!important
}
.body-overlay{
    display:none;
    background-color:rgba(232,232,232,.9);
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    box-shadow:none;
    z-index:1000;
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px)
}
.body-overlay-on{
    display:block
}
.sidemenu-left .body-overlay{
    right:auto
}
.empty-shopdock{
    padding:1em
}
/* Edge Menu */
#main-nav .edge > .sub-menu{
    left:auto;
    right:0
}
#main-nav ul .edge > .sub-menu{
    left:auto;
    right:100%
}
.menu-item .child-arrow{
    display:none;
    cursor:pointer;
    z-index:12;
    color:#7d7d7d;
    width:34px;
    height:34px;
    position:absolute;
    right:10px;
    top:5px;
    border-radius:100%;
    transition:transform .4s
}
.menu-item .child-arrow:hover{
	background:rgba(200,200,200,.25);
    transform:rotateZ(180deg)
}
.child-arrow:before,
.child-arrow:after{
    top:50%;
    left:9px;
    content:'';
    position:absolute;
    transition:transform .5s ease-in-out;
    height:1px;
    width:10px;
    transform:rotate(45deg);
    background:currentColor;
    z-index:9999;
    border-radius:10px;
}
.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){
	#main-nav .menu-item-has-children > a,
	#icon-menu .menu-item-has-children > a{
		padding-right:43px
	}
	#footer-nav .menu-item-has-children > a{
		padding-right:28px
	}
	.menu-item .child-arrow{
		margin-left:7px;
		border-radius:100%;
		display:inline-block;
		padding:0;
		right:5px;
		top:50%;
		margin-top:-17px
	}
	#main-nav .toggle-on > a > .child-arrow{
		background:rgba(214,214,214,.4)
	}
	#main-nav li > .sub-menu{
		display:none
	}
}
.icon-menu li > .sub-menu,
#main-nav li > .sub-menu{
    color:#484848;
    background-color:#fff;
    box-shadow:0 6px 20px 5px rgba(0,0,0,.12);
    margin:0;
    list-style:none;
    padding:10px 20px;
    position:absolute;
    z-index:100;
    left:0;
    top:100%;
    box-sizing:border-box;
    transition:opacity .2s ease-in-out,visibility .2s ease-in-out;
    pointer-events:none;
    visibility:hidden;
    opacity:0;
    border-radius:8px
}
.icon-menu li:hover > .sub-menu,
#main-nav li:hover > .sub-menu,
/* tab keyboard menu nav */
#main-nav li > a:focus + .sub-menu,
#main-nav li > .sub-menu:focus-within{
    pointer-events:auto;
    visibility:visible;
    opacity:1
}
#main-nav li > .sub-menu .sub-menu{
    visibility:visible;
	left:100%;
	top:0;
}
.icon-menu li > .sub-menu ul{
	left:auto;
	right:100%;
	top:0;
	margin-top:-10px
}
/* user menu icon */
#main-nav a > i .tf_fa{
	margin-right:5px;
}
#main-nav a .tf_lazy{
	display:none
}
/* mega menu */
#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
}
/* 
FIXED HEADER
================================================ */
.revealing-header #headerwrap{
	transition:transform .5s ease-in-out,opacity .5s ease-in-out
}
.revealing-header #headerwrap.header_hidden{
	transform:translateY(-100%);
	opacity:0
}
/* sticky header logo */
#headerwrap .tf_sticky_logo,/* hide sticky header logo */
#headerwrap.fixed-header .tf_sticky_logo,
#headerwrap.fixed-header .tf_sticky_logo + span,
#headerwrap.fixed-header .tf_sticky_logo + img{
	display:none
}
#headerwrap.fixed-header .tf_sticky_logo{
	display:block
}
/*
AUTHOR PAGE
================================================ */
.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;
	padding:5px;
	border:solid 1px #ccc
}
.author-bio .author-name{
	margin:0 0 .5em;
	padding:0;
	font-size:1.6em
}
.author-posts-by{
	margin:0 0 1.5em;
	padding:1em 0 0;
	font-size:1.4em;
	text-transform:uppercase;
	border-top:solid 4px #ccc;
	border-color:rgba(118,118,118,.3)
}
/*
GENERIC POST
================================================ */
.post{
	margin-bottom:3em;
	position:relative
}
/* post title */
.post-title{
	font-size:1.8em;
	line-height:1.3em;
	letter-spacing:-.02em;
	margin:0 0 .4em;
	padding:0
}
.post-title a{
	text-decoration:none;
	color:#000
}
.post-title a:hover{
	color:var(--theme_accent)
}
/* post image */
.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 */
.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 category */
.post-cat-tag-wrap{
	font-size:.7em;
	margin:0 0 .2em;
	display:inline-block
}
.post-category{
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:.03em
}
.post-tag{
	letter-spacing:-.01em;
	color:#e1e1e1
}
.post-tag a{
	color:#ababab
}
.post-date:before,
.post-comment:before,
.post-tag:before{
	content:'';
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
	margin-right:7px;
	background-color:rgba(0,0,0,.15);
	width:4px;
	height:4px;
	border-radius:100%
}
/* post author */
.post-author{
	font-weight:600;
	text-transform:uppercase;
	letter-spacing:.09em
}
.post-author:before{
	content:'';
	display:inline-block;
	vertical-align:middle;
	border-bottom:solid 1px;
	width:17px;
	margin-right:6px;
	opacity:.4
}
/* post comment */
.post-comment{
	letter-spacing:.03em
}
/* post date */
.post-date{
	letter-spacing:.007em;
	margin:0;
	display:inline-block;
	vertical-align:middle
}
/* more link */
.more-link{
	color:#060604;
	font-size:.8em;
	font-weight:600;
	display:inline-block;
	text-transform:uppercase;
	letter-spacing:.05em;
	line-height:1.9em;
	margin:0 0 .8em;
	padding:0
}
.more-link:after{
	content:'';
	display:block;
	border-bottom:3px solid #f2cd8a
}
/* reset slider shortcode in framework css */
.shortcode.post-slider .carousel-prev,
.shortcode.slider .carousel-prev,
.shortcode.post-slider .carousel-next,
.shortcode.slider .carousel-next{
	border-radius:0;
	border:0;
	text-shadow:none;
	margin:0;
	box-shadow:none;
	background-image:none
}
/*NO-GUTTER POST*/
.loops-wrapper.no-gutter .post-image{
	margin:0
}
.loops-wrapper.no-gutter .post,
ul.products.no-gutter li.product .post-image,
.loops-wrapper.no-gutter .post-image img{
	border-radius:0;
}
/* single post image */
.single .has-post-thumbnail .post-image{
	text-align:center
}
/************************************************************************************
AUTHOR BOX
*************************************************************************************/
.author-box{
	margin:57px 0;
	border: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{
	margin:0 0 12px;
	text-transform:none;
	letter-spacing:.07em;
	font-size:1.1em;
	font-weight:300
}
/************************************************************************************
POST PAGINATION (the <nextpage> tag)
*************************************************************************************/
.post-pagination{
	text-align:right;
	margin:.5em 0 2em
}
.post-pagination strong{
	margin-right:3px
}
.post-pagination a{
	margin-left:3px;
	margin-right:3px
}
/************************************************************************************
INFINITE SCROLL
*************************************************************************************/
.wpf_infinity a,
#load-more a{
	background:0;
	color:#060604;
	font-weight:700;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:.065em;
	line-height:1.9em;
	margin:50px 0 .8em;
	padding:0;	
	width:auto;
	display:none;
	border-radius:0
}
.wpf_infinity a:after,
#load-more a:after{
	content:'';
	display:block;
	border-bottom:3px solid var(--theme_accent)
}
.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
}
/************************************************************************************
POST VIDEO (css for fluid video)
*************************************************************************************/
.post-video,
.embed-youtube{
	position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
	margin-bottom:15px
}
.post-video iframe,
.embed-youtube iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}
/************************************************************************************
8. SIDEBAR
*************************************************************************************/
.widget{
	margin:0 0 1em
}
.widgettitle{
	margin:0 0 1.2em;
	padding:0;
	font-weight:600;
	font-size:1em;
	text-transform:uppercase;
	letter-spacing:.15em;
	line-height:1.8em
}
.widget ul{
	margin:0;
	padding:0
}
.widget li{
	margin:0;
	padding:0 0 1em;
	list-style:none;
	clear:both
}
.widget ul ul{
	margin:1em 0 -1em;
	padding:0;
	border-top:none
}
.widget ul ul li{
	margin:0;
	padding-left:10px
}
/************************************************************************************
8.1 WIDGET STYLES
*************************************************************************************/
/* add white bg to facebook badge iframe */
iframe[src*="facebook"]{
	background-color:#fff
}
/* product filter plugin */
#pagewrap .wpf_slider.ui-slider .ui-widget-header{
	background-color:var(--theme_accent)
}
#pagewrap .wpf_item .wpf_item_name{
	border:0;
	font-weight:500;
	color:inherit
}
#pagewrap .wpf_layout_vertical .wpf_item.wpf_item_onsale .wpf_item_name,
#pagewrap .wpf_layout_vertical .wpf_item.wpf_item_instock .wpf_item_name{
	color:inherit;
	font-weight:inherit
}
.wpf_items_wrapper .wpf_item ul li{
	margin-right:1em
}
/************************************************************************************
9. FOOTER
*************************************************************************************/
#footerwrap{
    font-size:.95em;
    line-height:1.7em
}
#footerwrap a{
	color:#000
}
#footerwrap a:hover{
	color:var(--theme_accent)
}
#footer{
	position:relative;
	padding-top:2.5em
}
#footerwrap .col4-1{
	font-size:.95em
}
/* 
FOOTER WIDGETS
================================================ */
#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;
	margin-bottom:1.4em;
	line-height:normal
}
.footer-widgets .widget li{
	border:0;
	padding:0 0 .6em
}
.footer-widgets .widget li a{
	text-decoration:none
}
/* 
FOOTER TEXT
================================================ */
.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 COLUMNS
================================================ */
.footer-logo-wrap{
    width:26%
}
.footer-widgets-wrap{
	width:70%;
	margin-left:4%
}

/* Disable background attachment on iOS devices */
@supports (-webkit-touch-callout:none){
	#headerwrap{
		background-attachment:scroll!important;
		background-position:center!important
	}
}
/************************************************************************************
11. WORDPRESS POST FORMATTING
*************************************************************************************/
img.alignleft,img.aligncenter,img.alignright,img.alignnone{
	margin-bottom:1em
}
.alignleft{
	float:left;
	margin-right:2em
}
.alignright{
	float:right;
	margin-left:2em
}
.aligncenter{
	text-align:center;
	display:block;
	margin-left:auto;
	margin-right:auto
}
.wp-caption{
	text-align:center;
	margin-bottom:1em;
	max-width:100%
}
.wp-caption-text{
	font-style:italic;
	margin:.5em 0
}
/* attachment page */
body.attachment{
	width:auto;
	float:none;
	position:static
}
.single .attachment.post{
	width:auto;
	float:none
}
/* clearfix */
.widget li:after,.menu:after{
	content:"";
	display:table;
	clear:both
}
/* Spark animation fix */
.cs-canvas-container{ overflow:hidden }

/* when logged-in-as 1px gap fix */
.screen-reader-text{ height:0!important}

/* SPIN ANIMATION */
.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(2n+1){
		margin-left:0;
		clear:left
	}
}
@media(max-width:760px){
	.page-title,
	h1{
		font-size:2.4em
	}	
	.pagewidth{
		max-width:90%
	}
	body #content,
	body #sidebar{
		width:100%;
		max-width:100%;
		float:none;
		clear:both;
		padding-top:10%
	}
	#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 .col4-2,
	#footerwrap .col2-1,
	#footerwrap .col4-3,
	#footerwrap .col3-1,
	#footerwrap .col3-2,
	.col4-1,
	.col4-2,
	.col2-1,
	.col4-3,
	.col3-1,
	.col3-2	{
		margin-left:0;
		width:100%;
		max-width:100%
	}
	.post-title{
		font-size:1.4em
	}
	.footer-widgets-wrap{
		clear:both;
		float:none;
		margin:0;
		width:auto
	}
	.footer-text-outer{
		right:auto;
		left:0;
		display:flex;
		flex-direction:column;
		align-items:flex-start
	}
}

/*/styles/headers/mobile-menu.css*/
#main-nav{
    position:static;
    border-bottom:1px solid rgba(180,180,180,.2);
}
#main-nav li > .sub-menu{
    position:static;
    width:auto;
    height:auto;
    border:0;
    margin:0 0 0 1.8em;
    background:0;
    padding:0;
    display:none;
    opacity:1;
    transform:none;
    pointer-events:auto;
    transition:none;
    box-shadow:none
}
#main-nav ul .sub-menu{
    margin-left:1.25em
}
#main-nav .themify-widget-menu ul{
    margin-left:.4em
}
#main-nav .themify-widget-menu ul{
    margin-left:1em;
}
#main-nav ul,
#main-nav li{
	display:block;
        margin:0;
	width:100%;
	clear:both;
}
#main-nav a{
	background:0;
	border:0;
	border-top:1px solid rgba(180,180,180,.2);
	display:block;
	font-size:100%;
	width:auto;
	padding:.6em 1.4em;
	outline:0;
	margin:0;
	line-height:1.5em;
	text-decoration:none;
}
/* sub level menu link */
#main-nav ul a{
	font-size:.95em;
	padding-left:0;
	letter-spacing:0
}
#main-nav .child-arrow{
	display:block
}
/* Mega menu */
#main-nav .has-mega-column .widgettitle,
#main-nav .has-mega-column > .sub-menu > .columns-sub-item > a,
#main-nav .has-mega-column > .sub-menu a{
	font-size:inherit;
	font-weight:400;
	text-transform:none;
	border:0;
	border-top:1px solid rgba(180,180,180,.2);
	margin:0;
	padding:.6em .1em .6em 0;
	letter-spacing:inherit;
	font-family:inherit;
}
.mobile-menu-visible #headerwrap #menu-icon,
.cart-style-dropdown #headerwrap .sidemenu-off .top-icon-wrap .cart .tooltip,
#main-nav > li > a:before{
	display:none
}
/*/styles/headers/header-left-pane.css*/
.mobile-menu-visible{
    overflow-x:hidden
}
#menu-icon,
#site-description:before{
	display:none
}
#footerwrap,
#body{
	margin-left:300px;
	padding-left:4%;
	padding-right:4%
}
#footerwrap,
.full_width #body{
	padding-left:0;
	padding-right:0
}
#headerwrap{
	border:0;
	box-shadow:6px 0 20px 0 rgba(0,0,0,.12);
	position:fixed;
	width:300px;
	height:100%;
	z-index:9998;
	overflow:hidden;
	overflow-y:auto;
	text-align:inherit;
	-webkit-overflow-scrolling:touch
}
.site #headerwrap #header{
	width:auto;
	max-width:none;
	margin:auto;
	padding-top:30px
}
.logo-wrap{
	margin-left:1.55em;
	margin-right:1.55em;
	display:block
}
#site-logo{
	margin:0 0 .3em;
	display:block
}
#site-description{
	background:0;
	color:#7d7d7d;
	display:block;
	font-size:.85em;
	margin:0 0 1em;
	padding:0;
	position:static;
	opacity:1;
	visibility:visible;
	transform:none;
	text-align:inherit;
	letter-spacing:-.01em
}
#headerwrap .search-button{
	position:static;
	border:0;
	border-radius:100%;
	height:auto;
	width:auto;
	margin-left:.3em;
	transform:none
}
.search-button .tf_fa{
	font-size:19px;
	padding:9px
}
.sidemenu .top-icon-wrap{
	position:relative;
	left:0;
	right:0;
	width:auto;
	border:0;
	background:0;
	box-sizing:border-box;
	margin:0;
	padding:0;
	transform:none;
	perspective:none
}
.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;
	line-height:normal;
	padding:.3em .8em;
	position:absolute;
	top:130%;
	left:0;
	opacity:0;
	visibility:hidden;
	transform:none;
	transition:all 300ms ease-out;
	z-index:1;
	margin-top:10px;
	white-space:nowrap
}
.sidemenu .top-icon-wrap .icon-menu li > a:hover .tooltip{
	opacity:1;
	visibility:visible;
	margin-top:0
}
.sidemenu .top-icon-wrap .icon-menu li > a .tooltip:before{
	content:'';
	display:block;
	border:5px solid transparent;
	border-bottom-color:#000;
	position:absolute;
	bottom:100%;
	left:0;
	margin-left:15px
}
#headerwrap .sidemenu .top-icon-wrap li.cart{
	position:static
}
#headerwrap .sidemenu #cart-wrap{
	width:300px;
	right:0;
	left:0;
	margin:auto;
	transform:none
}
#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{
	position:static;
	display:flex;
	flex-flow:row wrap;
	justify-content:flex-start;
	align-items:center;
	width:100%;
	margin:0 1.1em 1em;
	z-index:13
}
/* menu navigation */
#main-nav{
	margin:.5em 0 0
}
#main-nav a{
	float:none;
	padding:.7em .1em .7em 1.65em
}
#main-nav ul li:first-child > a,
#main-nav a{
	border-top:1px solid rgba(180,180,180,.2)
}
#main-nav .has-mega-column .product-categories .count{
	right:2em
}
#main-nav .has-mega > .sub-menu{
	margin:auto;
	padding:0;
	background:0;
	visibility:visible
}
#headerwrap #main-nav ul{
    margin:0;
    padding:0 0 0 2.8em;
	box-sizing:border-box;
	background:0
}
#headerwrap #main-nav ul ul{
	padding-left:1.25em
}
#headerwrap #main-nav ul a{
	font-size:.95em;
	padding:.6em 1em .6em 0;
	width:auto
}
/* Using Flex Css ordering elements */
#headerwrap .sidemenu{
	display:flex;
	flex-flow:row wrap;
	justify-content:flex-start;
	align-items:center;
	position:static;
	padding:0 0 30px;
	overflow:inherit;
	border:0;
	width:auto;
	-webkit-overflow-scrolling:touch
}
.sidemenu .top-icon-wrap{
	order:1;
	display:block
}
#headerwrap .search-button{
	order:2
}
#headerwrap #main-nav-wrap{
	order:3;
	width:100%
}
.top-bar-left,
.top-bar-right{
	width:100%;
	float:none;
	text-align:inherit
}
.sidemenu .top-bar-widgets{
	order:4;
	display:block;
	width:100%;
	margin-top:1em
}
.sidemenu .top-bar-widgets .top-bar-widget-inner{
	width:auto;
	max-width:none;
	padding:0 1.4em
}
.slide-cart-visible.sidemenu-right,
.slide-cart-visible.sidemenu-right #headerwrap{
	left:0
}
#headerwrap #slide-cart{
	right:auto;
	left:-300px;
	position:fixed;
	width:300px;
	display:none;
	padding:50px 0;
	overflow-y:auto;
	height:100%;
	transition:.2s ease-in-out;
	-webkit-overflow-scrolling:touch
}
.slide-cart-visible #headerwrap #slide-cart{
	left:0;
	box-shadow:6px 0 20px 0 rgba(0,0,0,.25)
}
.slide-cart-visible.sidemenu-right #headerwrap #menu-icon{
	right:auto
}
.pswp{
	z-index:9999
}
@media(min-width:1201px){
	/* builder row */
	.full_width .row_inner{
		max-width:92%
	}
}
/*http://osselectricaluk.com/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-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){
/*/mobile-menu.css*/
#headerwrap{
	min-height:60px
}
#header{
	height:auto;
	width:auto;
	text-align:initial;
	padding:0;
}
#site-logo{
	font-size:27px
}
#site-description{
	left:0;
	transform:none;
	text-align:left
}
#site-description:before{
	left:0;
	margin-left:24px
}
#menu-icon{
	position:absolute;
	top:12px;
	right:0;
	z-index:9999;
	line-height:1em;
	border-radius:100%;
	padding:12px 10px;
}
#menu-icon:hover{
	background-color:rgba(200,200,200,.25);	
}
.menu-icon-inner{
	width:22px;
	height:18px
}
.menu-icon-inner:before,
.menu-icon-inner:after{
	content:'';
	display:block;
	position:absolute;
	left:0;
	width:100%;
	transition:transform .7s ease;
	box-sizing:border-box
}
.menu-icon-inner:before{
	top:0;
	height:100%
}
.menu-icon-inner:after{
	top:50%;
	transform:translateY(-50%)
}
#menu-icon-close{
	display:block;
	position:absolute;
	text-decoration:none;
	top:14px;
	right:12px;
	min-width:36px;
	min-height:36px;
	transform-origin:center;
	z-index:1;
	border-radius:100%;
}
#menu-icon-close:before,
#menu-icon-close:after{
	height:60%
}
#menu-icon-close:hover{
	background-color:rgba(200,200,200,.25)
}
#cart-link-mobile{
	display:block;
	position:absolute;
	top:12px;
	right:50px;
	z-index:9;
}
#cart-link-mobile .icon-shopping-cart{
	font-size:24px;
	padding:9px;
}
#header .icon-shopping-cart.tf_loader{
	font-size:15px;
	padding:3px;
	margin-top:11px
}
#cart-link-mobile .icon-shopping-cart svg{
	margin-top:-6px;/* for alignment */
}
#cart-link-mobile .icon-menu:hover em{
    background-color:rgba(200,200,200,.25);	
}
.top-icon-wrap{
	margin:auto;
	border-top:1px solid rgba(180,180,180,.2);
	background:rgba(0,0,0,.03);
	display:block;
	order:2;
	width:100%;
	padding:1em 0
}
.icon-menu{
	margin:0
}
.sidemenu .search-button{
	order:1;
	width:71px;
	border-radius:0;
	border:0;
	border-right:1px solid rgba(180,180,180,.2);
	margin:0
}
.search-button .tf_fa{
	font-size:1.3em;
	padding:1.06em .8em
}
.header-icons{
	justify-content:normal;
	position:static
}
.top-icon-wrap li{
	width:33%;
	margin:0 -1px;
	padding:0
}
.top-icon-wrap li a{
	max-width:none;
	display:block;
	text-align:center;
	padding:.5em
}
.top-icon-wrap li a .tooltip{
	background-color:transparent;
	display:block;
	position:static;
	padding:.4em 0 0;
	font-size:.8em;
	margin:0;
	opacity:1;
	visibility:visible;
	transform:none;
	color:inherit
}
.sidemenu-on .wishlist + #cart-icon-count #cart-wrap{
	left:50%;
	top:100%;
	width:276px;
	transform:translateX(-50%)
}
.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{
	transition:all .2s ease-in-out;
	transition-property:left,right;
	height:100%;
	width:320px;
	padding:0 0 20px;
	background-color:#fff;
	color:#030301;
	display:none;
	overflow-y:auto;
	position:fixed;
	text-align:left;
	top:0;
	z-index:1100;
	box-sizing:border-box
}
#mobile-menu{
    right:-320px
}
#mobile-menu.sidemenu-on{
	right:0;
	box-shadow:-6px 0 20px 5px rgba(0,0,0,.25)
}
.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{
	float:none;
	position:static;
	padding:0;
	margin:0 0 1em;
	border-bottom:1px solid rgba(180,180,180,.2);
	background-color:transparent
}
#main-nav li{
	clear:both;
	float:none;
	display:block;
}
.icon-menu li > .sub-menu,
#main-nav li > .sub-menu{
    position:static;
    width:auto;
    height:auto;
    border:0;
    margin:0 0 0 2.8em;
    background:0;
    padding:0;
    display:none;
    visibility:visible;
    opacity:1;
    transform:none;
    color:inherit;
    pointer-events:auto;
    box-shadow:none;
	border-radius:0;
}
.icon-menu li.toggle-on > .sub-menu,
#main-nav 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 rgba(180,180,180,.2);
	color:#030301;
	display:block;
	font-size:100%;
	width:auto;
	padding:.6em .4em .6em 1.4em;
	margin:0;
	line-height:1.5em;
	text-decoration:none
}
#main-nav ul a{
	font-size:.95em;
	padding:.6em 0;
	width:auto
}
#main-nav a:hover,
#main-nav .current_page_item > a,
#main-nav .current-menu-item > a{
	background:0;
	color:#f0be5b
}
#headerwrap #main-nav .has-sub-menu > a{
	padding-right:40px; /* for arrow spacing */
}
#main-nav .child-arrow{
	display:block
}
#main-nav .highlight-link > a{
	border:0;
	border-top:1px solid rgba(180,180,180,.2);
	box-shadow:none;
	border-radius:0;
	padding:.6em .4em .6em 1.4em;
}
/* Mega menu */
#main-nav .has-mega-column > .sub-menu,
#main-nav .has-mega > .sub-menu{
	padding:0;
	margin:0;
	width:auto;
	background-color:transparent
}
#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{
	float:none;
	margin:0 0 0 2.8em;
	background-color:transparent
}
#main-nav .has-mega-column .widgettitle,
#main-nav .has-mega-column > .sub-menu > .columns-sub-item > a,
#main-nav .has-mega-column > .sub-menu a{
	font-size:inherit;
	font-weight:400;
	text-transform:none;
	border:0;
	border-top:1px solid rgba(180,180,180,.2);
	margin:0;
	padding:.6em .4em .6em 0;
	letter-spacing:inherit;
	font-family:inherit
}
#main-nav .has-mega-column > .sub-menu .widget{
	margin-top:.5em;
	margin-bottom:.5em
}
#main-nav .has-mega-column .product-categories .count{
	right:2em
}
.top-bar-left,
.top-bar-right{
	width:100%;
	float:none;
	text-align:inherit
}
.top-bar-widgets .top-bar-widget-inner{
	max-width:none;
	background-color:transparent;
	padding:0 1.4em;
	width:auto
}
.top-bar-widgets{
	background-color:transparent;
	position:relative;
	z-index:1
}
.top-bar-left .widget{
	display:block
}
.fixed-header .top-bar-widgets,
.sidemenu .top-bar-widgets{
	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
}
.mobile-menu-visible #headerwrap #menu-icon,
.mobile-menu-visible #headerwrap #cart-link-mobile,
.slide-cart-visible #headerwrap #cart-link-mobile,
.top-icon-wrap #cart-icon-count,
.top-icon-wrap li a .tooltip:before,
#headerwrap > .top-bar-widgets,
#main-nav .mega-sub-menu li:hover a:after,
#main-nav .mega-menu-posts,
#main-nav > li:hover > a:before,
#main-nav > .current_page_item > a:before,
#main-nav > .current-menu-item > a:before,
#main-nav > .current_page_item > a:hover:before,
#main-nav > .current-menu-item > a:hover:before{
	display:none
}
/*/styles/headers/media/header-left-pane.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
}
#footerwrap,
#body{
	padding-left:0;
	padding-right:0;
	margin-left:0
}
.slide-cart-visible.sidemenu-right,
.full_width.mobile-menu-visible{
	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{
	display:block;
	position:fixed;
	right:auto;
	left:0;
	margin:0;
	background-color:#f4f4f4;
	padding:10px 8px;
	box-shadow:0 0 0 1px rgba(0,0,0,.05),0 1px 5px 0 rgba(0,0,0,.12);
	border-radius:0 8px 8px 0
}
#menu-icon:hover{
	background:#fff;
}
.menu-icon-inner{
	width:18px;
	height:14px
}
#headerwrap #main-nav ul ul{
	margin-left:0
}
.search-button .tf_fa{
	font-size:19px;
	padding:9px;
}
}
/* END MOBILE MENU CSS */