.pagebuilderwrapper { display: block; /* padding: 15px; */ padding-top: 20px; padding-bottom: 20px; padding-left: var(--padding-x); padding-right: var(--padding-x); } @media screen and (max-width: 1200px) { .pagebuilderwrapper { padding-left: var(--padding-x-992); padding-right: var(--padding-x-992); } } @media screen and (min-width: 1300px) {/* */ #max-width-wrapper.padding-extra .pagebuilderwrapper:not(.wbt2):not(.w200):not(.w300) { padding-left: 0px!important; padding-rigth: 0px!important; } } /* */ @media screen and (min-width: 1300px) { #max-width-wrapper.padding-extra > .pagebuilderwrapper.wbt2, #max-width-wrapper.padding-extra > .pagebuilderwrapper.gbt2 { padding-left: 0px!important; /* padding-right: 0px; */ } #max-width-wrapper.padding-extra > .pagebuilderwrapper.wbt2 .pagebuilder, #max-width-wrapper.padding-extra > .pagebuilderwrapper.gbt2 .pagebuilder { padding-left: var(--max-width-extra)!important; /* padding-right: 0px; */ } } @media screen and (min-width: 992px) { #main .pagebuilderwrapper:not(.bwt2):not(.gbt2) { padding-left: 0px!important; } } @media screen and (min-width: 992px) { #max-width-wrapper:not(.padding-extra) #main .pagebuilderwrapper.wbt2 { padding-left: 0px!important; padding-right: 0px!important; } #max-width-wrapper #main .pe-lg-5 { padding-right: 1.5rem!important; } #max-width-wrapper #main .ps-lg-5 { padding-left: 1.5rem!important; } } @media screen and (max-width: 992px) { #max-width-wrapper:not(.padding-extra) .pagebuilderwrapper { padding-left: var(--padding-x-992); padding-right: var(--padding-x-992); } } .pagebuilderwrapper.pt-05 { padding-top: 10px!important; } .pagebuilderwrapper.pt-00 { padding-top: 0px!important; } .pagebuilderwrapper.pb-05 { padding-bottom: 10px!important; } .pagebuilderwrapper.pb-00 { padding-bottom: 0px!important; } .pagebuilderwrapper.notpadding { padding-top: 0px!important; } .pagebuilderwrapper.wbt2 { background-color: #FFF; color: #393939; } .pagebuilderwrapper.wbt2 strong { /* color: var(--highlight-colour)!important; */ } /* .pagebuilderwrapper.wbt2 h1, .pagebuilderwrapper.wbt2 h2, .pagebuilderwrapper.wbt2 h3, .pagebuilderwrapper.wbt2 h4, .pagebuilderwrapper.wbt2 h5, .pagebuilderwrapper.wbt2 h6, .pagebuilderwrapper.wbt2 .heading { color: #393939; }*/ .pagebuilderwrapper.wbt2 h1 strong, .pagebuilderwrapper.wbt2 h2 strong, .pagebuilderwrapper.wbt2 h3 strong, .pagebuilderwrapper.wbt2 h4 strong, .pagebuilderwrapper.wbt2 h5 strong, .pagebuilderwrapper.wbt2 h6 strong, .pagebuilderwrapper.wbt2 .heading strong { /* color: var(--highlight-colour); */ } /* ****************************************************************** */ .schemeWrapper.bwt2 { background-color: var(--highlight-colour); color: #FFF!important; /* background-image: linear-gradient( 5deg, var(--highlight-colour) 30%, var(--highlight-colour2) 80% ); */ background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; } .pagebuilderwrapper.bwt2 { /* background-image: url(../media/bg-orange7.png); background-repeat: no-repeat; background-position: center center; background-size: cover; */ /* background-attachment: fixed; */ color: #FFF; /* box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.3); */ } .pagebuilderwrapper.bwt2 strong { /* color: #BD4928; */ } .pagebuilderwrapper.bwt2 h1, .pagebuilderwrapper.bwt2 h2, .pagebuilderwrapper.bwt2 h3, .pagebuilderwrapper.bwt2 h4, .pagebuilderwrapper.bwt2 h5, .pagebuilderwrapper.bwt2 h6, .pagebuilderwrapper.bwt2 .heading { color: #FFF; } .pagebuilderwrapper.bwt2 h1 strong, .pagebuilderwrapper.bwt2 h2 strong, .pagebuilderwrapper.bwt2 .heading strong { color: #FFF!important; } .pagebuilderwrapper.bwt2 h1 { /* text-shadow: 2px 2px 3px #cc9d3c; */ } .pagebuilderwrapper.gbt2 { background-color: #F2F2F5; color: #393939; } .pagebuilderwrapper.gbt2 strong { color: #393939; } /* .pagebuilderwrapper.gbt2 h1, .pagebuilderwrapper.gbt2 h2, .pagebuilderwrapper.gbt2 h3, .pagebuilderwrapper.gbt2 h4, .pagebuilderwrapper.gbt2 h5, .pagebuilderwrapper.gbt2 h6, .pagebuilderwrapper.gbt2 .heading { color: #393939; } .pagebuilderwrapper.gbt2 h1 strong, .pagebuilderwrapper.gbt2 h2 strong, .pagebuilderwrapper.gbt2 h3 strong, .pagebuilderwrapper.gbt2 h4 strong, .pagebuilderwrapper.gbt2 h5 strong, .pagebuilderwrapper.gbt2 h6 strong, .pagebuilderwrapper.gbt2 .heading strong { color: var(--highlight-colour); }*/ /* wgt2 : White - Gray Text - #FFF - #323F47 gwt2a : Green - White Text - #717F80 - #FFF bwt2 : Brown - White Text - #AE715B - #FFF gwt2b : Gray - White Text - #323F47 - #FFF */ .pagebuilder { display: block; width: 100%; max-width: var(--max-width);/* 1600px; */ padding: 0px; /* padding: 80px; padding-left: 50px; padding-right: 50px; */ margin-left: auto; margin-right: auto; text-align: left; } @media screen and (min-width: 1300px) { #max-width-wrapper.padding-extra .pagebuilder:not(.w200):not(.w300) { padding-left: var( --max-width-extra ); margin-left: auto; } /* #max-width-wrapper:not(.padding-extra) .pagebuilder:not(.w200):not(.w300) { padding-left: var( --max-width-extra ); margin-left: auto; } #max-width-wrapper:not(.padding-extra) > div.pagebuilderwrapper.wbt2 { padding-left: var(--padding-x)!important; } */ } /* @media screen and (max-width: 992px) { #max-width-wrapper:not(.padding-extra) .pagebuilderwrapper.wbt2 { padding-left: var(--padding-x-992); } } */ .pagebuilder.w200 { max-width: var(--max-width2); } .pagebuilder.w300 { max-width: none; padding-left: 0px!important; padding-right: 0px!important; } body:not(.hashash) .vfade { opacity: 0; z-index: 5; transform: translateY(200px); transition: opacity 1.5s ease-in-out, transform 1.5s ease; -moz-transition: opacity 1.5s ease-in-out, -moz-transform 1.5s ease; -webkit-transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s ease; } body:not(.hashash) .vfadeIn { opacity: 1!important; transform: translateY(0px)!important; } body:not(.hashash) .hfade, body:not(.hashash) .nohfade { opacity: 0; z-index: 5; /* transform: scale(1.5, 1.15); */ transform: translateY(200px); transition: opacity 1.5s ease-in-out, transform 1.5s ease; -moz-transition: opacity 1.5s ease-in-out, transform 1.5s ease; -webkit-transition: opacity 1.5s ease-in-out, transform 1.5s ease; } body:not(.hashash) .hfadeIn { opacity: 1!important; transform: translateY(0px) } body:not(.hashash) .fadeInLeft { opacity: 0; z-index: 5; /* transform: translateX(-200px); */ transform: translateY(200px); transition: opacity 1.5s ease-in-out, transform 1.5s ease; -moz-transition: opacity 1.5s ease-in-out, -moz-transform 1.5s ease; -webkit-transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s ease; } body:not(.hashash) .fadeLeftIn { opacity: 1!important; transform: translateY(0px)!important; } body:not(.hashash) .fadeInRight { opacity: 0; z-index: 5; /* transform: translateX(200px); */ transform: translateY(200px); transition: opacity 1.5s ease-in-out, transform 1.5s ease; -moz-transition: opacity 1.5s ease-in-out, -moz-transform 1.5s ease; -webkit-transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s ease; } body:not(.hashash) .fadeRightIn { opacity: 1!important; transform: translateY(0px)!important; } /* .pagebuilder.hfade:not(.hfadeIn) > a.tilewrapper { opacity: 0; z-index: 5; transform: translateY(-20px); transition: opacity 1.5s ease-in-out, transform 1.5s ease; -moz-transition: opacity 1.5s ease-in-out, -moz-transform 1.5s ease; -webkit-transition: opacity 1.5s ease-in-out, -webkit-transform 1.5s ease; } .pagebuilder.hfade:not(.hfadeIn) > .slick-track > .slick-slide:nth-child(odd) { transform: translateY(20px); } .pagebuilder.hfade.hfadeIn > a.tilewrapper { opacity: 1!important; transform: translateY(0px)!important; } */ /* #consentinoformat */.pagebuilder { padding-top: 40px!important; padding-bottom: 40px!important; /* max-width: 1270px!important; */ } /* #consentinoformat */.pagebuilder.pt-05 { padding-top: 20px!important; } /* #consentinoformat */.pagebuilder.pt-00 { padding-top: 0px!important; } /* #consentinoformat */.pagebuilder.pb-05 { padding-bottom: 20px!important; } /* #consentinoformat */.pagebuilder.pb-00 { padding-bottom: 0px!important; } @media screen and (max-width: 992px) { .pagebuilder { /* padding-left: 15px!important; padding-right: 15px!important; */ padding-top: 40px!important; padding-bottom: 40px!important; } /* #consentinoformat */.pagebuilder.pt-05 { padding-top: 20px!important; } /* #consentinoformat */.pagebuilder.pt-00 { padding-top: 0px!important; } /* #consentinoformat */.pagebuilder.pb-05 { padding-bottom: 20px!important; } /* #consentinoformat */.pagebuilder.pb-00 { padding-bottom: 0px!important; } } @media screen and (max-width: 768px) { .pagebuilder { /* padding-top: 90px!important; */ /* padding-left: 15px!important; padding-right: 15px!important; */ } } .pagebuilder dl, .pagebuilder ol, .pagebuilder ul { margin-left: 0px; } @media screen and (max-width: 768px) { #leadform.pagebuilderwrapper { padding-top: 0px!important; padding-bottom: 0px!important; } #leadform.pagebuilderwrapper p.heading { font-size: 40px!important; line-height: 45px!important; } } /* ****************************************************************** */ .pagebuilder2 { display: block; width: 100%; max-width: 100%!important; padding: 0px; /* padding-left: calc( ( 100vw - 1430px ) / 2 ); max-width: 1430px; */ padding-left: calc( ( 100vw - 1120px ) / 2 ); } @media screen and (max-width: 1160px) { .pagebuilder2 { padding-left: var(--padding-x-992)!important; } } @media screen and (max-width: 992px) { .pagebuilder2 { padding-left: inherit!important; } } /* ****************************************************************** */ .noypadding { padding-top: 0px!important; padding-bottom: 0px!important; } .nobpadding { padding-bottom: 0px!important; } .notpadding { padding-top: 0px!important; } @media screen and (max-width: 768px) { body.home .pagebuilder { padding-left: 0px!important; padding-right: 0px!important; } body.home h1#productsbysector { padding-left: 10px!important; padding-right: 10px!important; padding-bottom: 20px!important; text-align: center!important; } body.home .productsbysector { margin-bottom: 0px!important; } .pagebuilder { /* padding-left: 15px!important; padding-right: 15px!important; */ } .pagebuilder.px0 { /* padding-left: 0px!important; padding-right: 0px!important; */ } .pagebuilder h1, .pagebuilder h2, .pagebuilder h3, .pagebuilder h4, .pagebuilder h5 { /* padding-left: 0px!important; padding-right: 0px!important; */ } .pagebuilder.px0 h1, .pagebuilder.px0 h2, .pagebuilder.px0 h3, .pagebuilder.px0 h4, .pagebuilder.px0 h5 { padding-left: 15px!important; padding-right: 15px!important; } .pagebuilder dl, .pagebuilder ol, .pagebuilder ul { margin-left: 0px!important; padding-left: 25px!important; } .md-nobpadding { padding-bottom: 0px!important; margin-bottom: 0px!important; } .md-noxpadding { padding-left: 0px!important; padding-right: 0px!important; margin-left: 0px!important; margin-right: 0px!important; } .pxsm-0 { padding: 0px!important; } .pxsm-1 { padding: 1px!important; } .pxsm-2 { padding: 2px!important; } .pxsm-3 { padding: 3px!important; } .pxsm-4 { padding: 4px!important; } .pxsm-5 { padding: 5px!important; } } .px-xs-2 { padding-left: 0px!important; padding-right: 0px!important; } .px-00 { padding-left: 0px!important; padding-right: 0px!important; } @media screen and (min-width: 450px) { .px-xs-2 { padding-left: 5px!important; padding-right: 5px!important; } } @media screen and (max-width: 450px) { .col-xxxs-6 { width: 50%!important; max-width: 50%!important; -ms-flex: none!important; flex: none!important; } .col-xxxs-12 { width: 100%!important; max-width: 100%!important; -ms-flex: none!important; flex: none!important; } } @media screen and (max-width: 300px) { .col-xxs-6 { width: 50%!important; max-width: 50%!important; -ms-flex: none!important; flex: none!important; -ms-flex: 0 0 50%!important; flex: 0 0 50%!important; max-width: 50%!important; } .col-xxs-12 { width: 100%!important; max-width: 100%!important; -ms-flex: none!important; flex: none!important; -ms-flex: 0 0 100%!important; flex: 0 0 100%!important; max-width: 100%!important; } } .pagebuilder img { /* width: 100%; height: auto; */ } .pagebuilder a:not(.quicklink):not(.quicklinkwhite) { color: inherit!important; } .pagebuilder a:hover { color: inherit!important; text-decoration: underline; } .pagebuilder h1, .pagebuilder .heading { padding-top: 0px!important; margin-top: 0px!important; /* padding-bottom: 0px!important; margin-bottom: 0px!important; */ } /* ********************************************** */ .pagebuilderCarousel { display: block; position: relative; overflow: auto; overflow: hidden; } .pagebuilderCarousel.multiple-items { padding-bottom: 30px; } .pagebuilderCarousel div.carousel-item { /* min-height: 500px; min-height: 42vw; */ background-repeat: no-repeat; background-position: center center; background-size: cover; /* padding: 0px!important; margin: 0px!important; */ } .pagebuilderCarousel div.carousel-item:not(.keepaspect) img, div.notkeepaspect img { /* display: none; */ width: 100%; height: 0; padding-top: 100%; /* min-height: 330px; */ background-repeat: no-repeat; background-position: center center; background-size: cover; } .pagebuilderCarousel div.carousel-item.keepaspect img { width: 100%; height: auto; } @media screen and (max-width: 768px) { .pagebuilderCarousel div.carousel-item { background-image: none!important; } .pagebuilderCarousel div.carousel-item img { display: block!important; } } @media screen and (max-width: 576px) { .pagebuilderCarousel div.carousel-item img { background-image: var(--bg-image)!important; } } .carousel-indicators { /* display: none; */ padding: 0px!important; padding-left: 15px!important; padding-right: 15px!important; margin: 0px!important; bottom: 40px!important; } .carousel-indicators [data-bs-target] { background-color: transparent!important; height: 4px!important; -webkit-border-radius: 4px!important; -moz-border-radius: 4px!important; border-radius: 4px!important; } .pagebuilderwrapper.wbt2 .carousel-indicators [data-bs-target] { border: 2px solid #061743!important; } .pagebuilderwrapper.wbt2 .carousel-indicators [data-bs-target].active { background-color: #061743!important; } .pagebuilderwrapper.bwt2 .carousel-indicators [data-bs-target] { border: 2px solid #FFF!important; } .pagebuilderwrapper.bwt2 .carousel-indicators [data-bs-target].active { background-color: #FFF!important; } .pagebuilderwrapper.gbt2 .carousel-indicators [data-bs-target] { border: 2px solid #838383!important; } .pagebuilderwrapper.gbt2 [data-bs-target].active { background-color: #838383!important; } /* ********************************************** */ #accordion-flush-faqs { color: var(--highlight-colour3); } #accordion-flush-faqs div.card { padding: 0px; /* background-color: #F4F4F4; */ border: none; border-bottom: 1px solid #D9D9D9; padding-left: 0px; padding-right: 0px; color: var(--highlight-colour3); margin-bottom: 0px; border-radius: 0!important; } #accordion-flush-faqs div.card:first-of-type { border-top: 1px solid #D9D9D9; } #accordion-flush-faqs div.card.active-acc { background-color: #FFF; } #accordion-flush-faqs h5.card-header { display: block; width: 100%; position: relative; padding-right: 80px; background-color: transparent; border-bottom: 0; margin: 0px!important; } #accordion-flush-faqs h5.card-header span { display: block; position: absolute; right: 10px; top: 10px; width: 40px; height: 40px; background-image: url(../media/accordionPlus2.svg); background-repeat: no-repeat; background-position: center center; background-size: 10px auto; transition: transform 0.3s; transform: rotate(0deg); } #accordion-flush-faqs h5.card-header button:not(.collapsed) span { /* transform: rotate(90deg); */ } #accordion-flush-faqs div.card.active-acc h5.card-header button span { /* display: none!important; */ } #accordion-flush-faqs h5 { padding: 0px; margin: 0px; } #accordion-flush-faqs h5 button { display: block; width: 100%; text-align: left; padding: 18px; margin: 0px; outline: none; background-color: transparent; color: #061856; text-decoration: none; font-size: 18px; font-weight: 500; transition: opacity .6s ease; outline: 0!important; border: 0px!important; } #accordion-flush-faqs h5 button:hover { opacity: 0.6; text-decoration: none; outline: 0!important; } #accordion-flush-faqs .collapse, #accordion-flush-faqs .collapsing { padding-left: 18px!important; padding-right: 18px!important; padding-bottom: 18px!important; } #accordion-flush-faqs .collapse a, #accordion-flush-faqs .collapsing a { color: var(--highlight-colour3)!important; } #accordion-flush-faqs #accordion-flush-faqs .btn-check:focus+.btn, .btn:focus { outline: 0!important; box-shadow: none!important; } .faqData { display: block; padding-top: 0px; } /* ********************************************** */ #newspagewrapper { display: block; padding: 0px; padding-bottom: 25px; margin: 0px; } #newspage { display: block; width: 100%; max-width: 1430px; background-color: transparent; margin-left: auto; margin-right: auto; } .newsitem { display: block; /* padding-left: 20px; padding-right: 20px; */ transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; overflow: hidden; overflow-y: hidden; color: var(--highlight-colour3); padding-top: 25px; cursor: pointer; } .newsitemimgwrapper { display: block; position: relative; width: 100%; height: 420px; overflow: hidden; /* border-width: 5px; border-style: solid; border-color: #191919; */ border-style: none!important; overflow: hidden; } .newsitemimg { display: block; width: 100%; height: 100%; background-color: var(--highlight-colour5); background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -webkit-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); } .newsitemimgwrapper h3 { text-decoration: underline; color: var(--highlight-colour3); } .newsitem div.row div.newsitemtext { display: flex; display: flex; align-items: center; justify-content: center; font-size: 16px; } .newsitem div.row div.newsitemtext div { display: block; position: relative; /* padding-left: 25px; padding-right: 25px; */ width: 100%; font-size: 14px; font-weight: 500; color: #666; } .newsitem div.row div.newsitemtext h4 { display: block; font-family: 'Montserrat', sans-serif, Arial!important; color: rgb(14, 15, 14)!important; font-weight: 500; font-size: 26px; line-height: 31px; padding-top: 0px; padding-bottom: 15px; } .newsitem div.row div.newsitemtext sup { display: block; /* color: #bd4928 !important; */ font-weight: 500; font-size: 14px; padding-top: 0px; padding-bottom: 15px; } .newsitem div.row div.newsitemtext i { display: block; /* color: #bd4928 !important; */ font-weight: 700; font-size: 14px; padding-top: 0px; padding-bottom: 15px; font-style: normal; color: #00b1aa; padding-top: 10px; } .newsitem div.row div.newsitemtext div .newsitemtextimage { width: 100%; height: 240px; background-color: var(--highlight-colour5); background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; } .newsitem div.row div.newsitemtext div h3 { /* position: absolute; left: 15px; right: 25px; */ text-decoration: underline; color: var(--highlight-colour3); /* text-shadow: 1px 0px 5px rgba(0, 0, 0, 0.250); */ } @media (max-width: 992px) { /* .newsitem div.row div.newsitemtext { padding: 15px!important; } */ } .newsitem div.row div.newsitemtext p { /* background-image: url(media/newsitemtext.png); background-repeat: no-repeat; background-position: -800px bottom; -webkit-transition: background-position .5s ease-in; -moz-transition: background-position .5s ease-in; -o-transition: background-position .5s ease-in; transition: background-position .5s ease-in; padding-bottom: 25px; */ } .newsitem div.row:hover div.newsitemtext p { background-position: left bottom; } @media (max-width: 992px) { .newsitem h3 { font-size: 24px!important; } } .paginationWrapper { display: block; max-height: 0; transition: max-height 3s ease-out; overflow: hidden; } .paginationWrapper.activePag { max-height: 10000px; transition: max-height 3s ease-out; } .loadMoreWrapper { display: block; clear: both; padding-top: 50px; padding-bottom: 50px; text-align: center; } .loadMoreWrapper.clicked { display: none; } .loadMoreWrapper a { display: inline-block; cursor: pointer; font-size: 16px; line-height: 50px; height: 50px; color: var(--highlight-colour3); width: auto; padding: 0px; padding-left: 20px; padding-right: 20px; margin-bottom: 0px; margin-right: auto; cursor: pointer; text-align: center; background-color: #FFF; border: 2px solid var(--highlight-colour3); text-decoration: none; } .loadMoreWrapper a:hover { background-color: var(--highlight-colour3); color: #FFF!important; text-decoration: none; } /* ********************************************** */ .slidernavwrapper { display: block; clear: both; padding-top: 0px; /* padding-bottom: 20px; */ } .slidernav { display: block; width: 100%; height: 100%; position: relative; padding-bottom: 20px; } .slidernav a { display: block; position: absolute; top: 0px; width: 20px; height: 20px; cursor: pointer; background-repeat: no-repeat; background-position: center center; background-size: auto 20px; text-indent: 50px; overflow: hidden; } .slidernav a:first-of-type { right: 30px; background-image: url(../media/next.svg); } .slidernav a:last-of-type { right: 60px; background-image: url(../media/prev.svg); } @media screen and (max-width: 996px) { .slidernav a { top: inherit; bottom: 20px; } } .jqsliderwrapper { display: block; text-align: left; /* height: 500px; overflow: hidden; */ margin: 0px!important; margin-bottom: 125px; padding: 0px!important; } .slick-slider.slick-dotted { overflow: visible!important; margin-bottom: 60px!important; } .jqsliderwrapper a { display: inline-block; position: relative; width: 400px; height: 500px; text-align: left; cursor: pounter; color: #191919; margin: 0px!important; opacity: 1; transition: opacity .6s ease; } @media screen and (max-width: 996px) { #whatwedotiles.jqsliderwrapper a { /* height: 280px!important; */ height: 345px!important; } } @media screen and (min-width: 996px) { .jqsliderwrapper a:hover { opacity: 0.5!important; } } .jqsliderwrapper a div { display: block; position: absolute; left: 0px; right: 20px; bottom: 0px; top: 0px; z-index: 10; text-decoration: none; background-repeat: no-repeat; background-position: center center; background-size: cover; } .jqsliderwrapper a span { display: block; position: absolute; left: 0px; right: 20px; bottom: 0px; z-index: 20; padding: 30px; /* font-size: 45px!important; */ font-size: 30px!important; line-height: 37px!important; color: #FFFFFF; text-align: left!important; /* text-shadow: 1px 0px 5px rgba(0, 0, 0, 0.250)!important; */ } .jqsliderwrapper .slick-track { margin-left: 0!important; padding-left: 0px!important; float: left!important; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 5px; padding: 0; cursor: pointer; color: #93C6FF; background-color: #93C6FF; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .slick-dots li.slick-active { color: #003065; background-color: #003065; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 10px; height: 10px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } a.tilewrapper { display: inline-block; /* width: 390px!important; width: 350px!important;*/ padding-left: 10px; padding-right: 10px; height: 450px; margin-right: 25px!important; text-align: center; cursor: pointer; color: #191919; text-decoration: none; overflow: hidden; outline: none!important; } @media screen and (max-width: 992px) { a.tilewrapper { margin-left: 25px!important; margin-right: 0px!important; } } a.tilewrapper div { position:inherit;left:inherit;right:inherit;top:inherit;bottom:inherit;z-index:inherit;width:auto; } a.tilewrapper div.tileimage { display: block; height: 228px; margin-bottom: 30px; background-color: #FFF; background-repeat: no-repeat; background-position: center center; background-size: cover; overflow: hidden; } @media screen and (max-width: 996px) { a.tilewrapper div.tileimage { margin-right: 25px!important; } } a.tilewrapper div.tiletext { display: block; /* width: 390px; */ height: 140px; color: #191919; text-align: left; padding: 0px!important; padding-right: 25px!important; font-size: 16px!important; } a.tilewrapper div.tiletext h5 { font-size: 30px!important; line-height: 37px!important; padding: 0px!important; padding-bottom: 15px!important; margin: 0px!important; } a.tilewrapper:hover, a.tilewrapper:hover div, a.tilewrapper:hover div.tileimage, a.tilewrapper:hover div.tiletext, a.tilewrapper:hover div.tiletext h5, a.tilewrapper:hover * { opacity: 1!important; text-decoration: none!important; } /* ********************************************** */ .jqsliderwrapper2 { display: block; text-align: left; margin: 0px!important; margin-bottom: 125px; padding: 0px!important; } .slick-slider2.slick-dotted { overflow: visible!important; margin-bottom: 60px!important; } .jqsliderwrapper2 a { display: inline-block; position: relative; width: 400px; height: 500px; text-align: left; cursor: pounter; color: #191919; margin: 0px!important; opacity: 1; transition: opacity .6s ease; } @media screen and (max-width: 996px) { #whatwedotiles.jqsliderwrapper a { height: 345px!important; } } @media screen and (min-width: 996px) { .jqsliderwrapper2 a:hover { opacity: 0.5!important; } } .jqsliderwrapper2 a div { display: block; position: absolute; left: 0px; right: 20px; bottom: 0px; top: 0px; z-index: 10; text-decoration: none; background-repeat: no-repeat; background-position: center center; background-size: cover; } .jqsliderwrapper2 a span { display: block; position: absolute; left: 0px; right: 20px; bottom: 0px; z-index: 20; padding: 30px; font-size: 30px!important; line-height: 37px!important; color: #FFFFFF; text-align: left!important; } .jqsliderwrapper2 .slick-track { margin-left: 0!important; padding-left: 0px!important; float: left!important; } div.tilewrapper2 { display: inline-block; width: 100%; max-width: var(--max-width); margin-left: 25px!important; margin-right: 25px!important; text-align: center; background-color: #045E77; color: #FFF; text-align: center; padding: 50px; text-decoration: none; overflow: hidden; outline: none!important; } div.tilewrapper2 div { position:inherit;left:inherit;right:inherit;top:inherit;bottom:inherit;z-index:inherit;width:auto; } div.tilewrapper2 div.tiletext2 { display: block; /* width: 390px; */ height: 140px; color: #191919; text-align: left; padding: 0px!important; padding-right: 25px!important; font-size: 16px!important; } div.tilewrapper2 div.tiletext2 h5 { font-size: 30px!important; line-height: 37px!important; padding: 0px!important; padding-bottom: 15px!important; margin: 0px!important; } /* ********************************************** */ #projectstiles { display: block; text-align: left; } #projectstiles div.tilewrapper { display: inline-block; float: none; width: 50%; height: 420px!important; text-align: left; } #projectstiles a.projectimg { /* display: inline-block; */ display: block; width: 545px; height: 420px!important; /* margin-left: 20px; margin-right: 20px; */ text-align: left; cursor: pounter; color: #191919; text-decoration: none; background-position: center center; background-repeat: no-repeat; background-size: cover; } #projectstiles a:not(.projectimg) { height: auto; color: #045e77!important; } /* @media screen and (max-width: 1210px) { #projectstiles a { width: calc( 100% - 40px )!important; } } @media screen and (max-width: 960px) { #projectstiles div.tilewrapper { display: block!important; float: none!important; width: 100%!important; height: auto!important; padding-bottom: 25px!important; } #projectstiles a { width: 100%!important; margin-left: 0px!important; margin-right: 0px!important; height: auto!important; } } */ #projectstiles a div.tile { display: block; position: relative; height: 330px; margin: 10px; margin-bottom: 50px; background-color: #FFF; background-repeat: no-repeat, no-repeat; background-position: right 20px bottom 20px, center center; background-size: auto, cover; /* -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; */ overflow: hidden; } #projectstiles a span { display: block; height: 140px; padding-left: var(--padding-x); padding-right: var(--padding-x); color: #191919; text-align: left; overflow: hidden; } #projectstiles a span h4 { font-size: 30px; } @media screen and (max-width: 960px) { #projectstiles a span:not(.animlink) { height: auto!important; } } /* ********************************************** */ .sliderSlick .slide { max-width: 770px; position: relative; overflow: hidden; padding-left: 15px; padding-right: 15px; height: 100%; } @media screen and (max-width: 960px) { .sliderSlick .slide { max-width: 80vw!important; } } .sliderSlicktext { display: block; padding: 50px; background-color: #061743; color: #FFF; transition: background-color 1s ease-out; height: 100%; font-size: 16px; line-height: 30px; } .slick-slide.slick-active .slide .sliderSlicktext { background-color: #045E77; } .slick-slide > div { height: 100%; } .slick-track { display: flex !important; } .slick-slide { height: auto; } /* ********************************************** */ div.vacanciestilewrapper { /* display: inline-block; width: 400px; */ position: relative; text-align: center; /* cursor: pounter; */ color: #191919; text-decoration: none; overflow: hidden; padding-bottom: 50px; padding-top: 120px; } .quicklink.vacancies.arrow { position: absolute; bottom: 20px; } div.vacanciestilewrapper:hover .quicklink::after { background-size: 100% 6px; } div.vacanciestilewrapper:not(.outerText):not(.sideText):not(.tiledblocks) { height: 480px; padding-left: 18px!important; padding-right: 18px!important; } div.vacanciestilewrapper.outerText:not(.tiledblocks) { height: auto; padding-left: 18px!important; padding-right: 18px!important; } div.vacanciestilewrapper.outerText.tiledblocks { width: 100%; height: 100%; padding-left: 0px!important; padding-right: 0px!important; cursor: pointer!important; } div.vacanciestilewrapper.sideText { height: 100%; min-height: 480px; } div.vacanciestileimage { display: block; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; } div.vacanciestilewrapper:not(.outerText):not(.sideText) div.vacanciestileimage { height: 480px; } div.vacanciestilewrapper.outerText div.vacanciestileimage { height: 480px; margin-bottom: 20px; } div.vacanciestilewrapper.outerText.iconimage div.vacanciestileimage { position: absolute; left: 0px; top: 0px; right: 0px; height: 110px; color: #484848; background-position: center; background-size: cover; margin: 0px; } div.wbt2 div.vacanciestilewrapper.outerText.iconimage div.vacanciestileimage { background-color: #F2F2F5; } div:not(.wbt2) div.vacanciestilewrapper.outerText.iconimage div.vacanciestileimage { background-color: #FFF; } div.vacanciestilewrapper:not(.outerText):not(.sideText) div.vacanciestiletext { display: block; position: absolute; left: 30px; right: 30px; bottom: 30px; color: #FFF!important; text-align: left!important; } div.vacanciestilewrapper:not(.outerText):not(.sideText) div.vacanciestiletext h5 { font-size: 24px!important; line-height: 26px!important; color: #FFF!important; } div.vacanciestilewrapper.outerText div.vacanciestiletext { display: block; text-align: left!important; } div.vacanciestilewrapper.outerText.iconimage div.vacanciestiletext { color: #484848; padding: 20px; } div.wbt2 div.vacanciestilewrapper.outerText.iconimage div.vacanciestiletext { background-color: #EFEFEF; } div:not(.wbt2) div.vacanciestilewrapper.outerText.iconimage div.vacanciestiletext { background-color: #FFF; } div.vacanciestilewrapper.outerText div.vacanciestiletext h5 { font-size: 18px!important; line-height: 20px!important; padding-bottom: 0px!important; text-align: left!important; } div.vacanciestilefilter { display: block; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background-color: #003065; opacity: 0.2; } .vText, .vIntro { display: none!important; } #modalext { max-height: 55vh!important; overflow-y: auto!important; } #modalext h1, #modalext h2, #modalext h3, #modalext h4, #modalext h5 { font-size: 20px!important; line-height: 30px!important; padding-bottom: 10px!important; } .modal-footer button { background-color: #045E77!important; } .applybutton { padding-left: 10px; padding-right: 10px; } @media screen and (max-width: 960px) { .modal-footer button { margin-bottom: 10px!important; } } .modal-header { padding-top: 15px!important; padding-bottom: 5px!important; } .modal-title { line-height: normal; } .modal-title h5 { padding: 0px!important; margin: 0px!important; } /* ********************************************** */ .modal { z-index: 2000; } .modal-dialog { z-index: 2001; } .modal-header .btn-close { padding: .5rem .5rem; margin: -.5rem -.5rem -.5rem auto; } #modaltitle { padding-right: 30px; } #modaltitle small { display: block; padding-top: 10px; } .btn-close { position: absolute; right: 15px; top: 15px; box-sizing: content-box; width: 1em; height: 1em; padding: .25em .25em; color: #000; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; border-radius: .25rem; opacity: .5; } /* ********************************************************************* */