@media screen and (min-width: 300px) and (max-width: 767px) {
  
html, body {}
  
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

h1 {font-size: 24px;}
h2 {font-size: 24px;}
h3 {}
h4 {}
h5 {}
h6 {}
  
content {float: left; width: 100%; top: 0; position: relative;}
  
img {width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; margin-right: 0;}

* {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

.nav>li>a:hover, .nav>li>a:focus {text-decoration: none; background-color: transparent;}
.nav {margin-bottom: 0; margin-left: 0; list-style: none;}
ul, ol {padding: 0; margin: 0;}
a:hover {text-decoration: underline !important; font-weight: inherit; color: #FFF;}
a:visited, a:link, a:active {text-decoration: none; font-weight: inherit; color: #FFF;}

div.mainContainer {width: 100%; float: left;}
div.mainContentArea {width: 100%; clear: both; min-height: 500px;}
div.mainContent {min-width: 300px; margin: auto; clear: both;}
div.contentArea {max-width: 100%; margin: 0 auto; padding: 0;}
div.mainContent .sppb-container {float: left; position: relative; padding: 0; width: 100%; clear: both;}
  
.rowBlock {width: 300px; margin: auto; clear: both;}
		
a.sp-pagebuilder-page-edit {display: none !important;}
.sppb-row {margin-left: 0px; margin-right: 0px;}
.sppb-container {margin-right: auto; margin-left: auto; max-width: 300px;}
.sppb-row-container {max-width: 300px; margin: 0 auto; padding: 0;}
.sppb-addon-wrapper {margin: 0 !important;}
#sp-page-builder .sppb-section-title {margin-bottom: 25px; margin-left: 0;}
#sp-page-builder .page-content .sppb-section {margin-top: 0px; z-index: 1; clear: both; padding-left: 0; padding-right: 0; width: calc(100% - 0px);}
.sppb-col-xs-1, .sppb-col-sm-1, .sppb-col-md-1, .sppb-col-lg-1, .sppb-col-xs-2, .sppb-col-sm-2, .sppb-col-md-2, .sppb-col-lg-2, .sppb-col-xs-3, .sppb-col-sm-3, .sppb-col-md-3, .sppb-col-lg-3, .sppb-col-xs-4, .sppb-col-sm-4, .sppb-col-md-4, .sppb-col-lg-4, .sppb-col-xs-5, .sppb-col-sm-5, .sppb-col-md-5, .sppb-col-lg-5, .sppb-col-xs-6, .sppb-col-sm-6, .sppb-col-md-6, .sppb-col-lg-6, .sppb-col-xs-7, .sppb-col-sm-7, .sppb-col-md-7, .sppb-col-lg-7, .sppb-col-xs-8, .sppb-col-sm-8, .sppb-col-md-8, .sppb-col-lg-8, .sppb-col-xs-9, .sppb-col-sm-9, .sppb-col-md-9, .sppb-col-lg-9, .sppb-col-xs-10, .sppb-col-sm-10, .sppb-col-md-10, .sppb-col-lg-10, .sppb-col-xs-11, .sppb-col-sm-11, .sppb-col-md-11, .sppb-col-lg-11, .sppb-col-xs-12, .sppb-col-sm-12, .sppb-col-md-12, .sppb-col-lg-12 {position: relative; min-height: 1px; padding-left: 0; padding-right: 0;}

.page-header {display: none;}

.disableselect {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;  user-select: none;}
.disabledrag {-webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; user-drag: none;}
  
/* <!-- Buttons --> */

.sppb-btn-default {}
.sppb-btn-default:hover {}
.sppb-btn-default:after {}
.sppb-btn-primary {}
.sppb-btn-primary:hover {}
.sppb-btn-secondary {}
.sppb-btn-secondary:hover {}

.sppb-btn-info {}
.sppb-btn-info:after {}
.sppb-btn-info:hover {}
  
/* <!-- Login Form --> */
  
.mod-login {float: left; width: 100%; margin-top: 50px;}
.mod-login .mod-login__userdata.userdata {width: 300px; margin: auto;}
.mod-login .mod-login__userdata.userdata input {float: left; width: 100%; height: 40px; padding: 0 10px;}
.mod-login .mod-login__userdata.userdata label {float: left; width: 100%; margin: 5px 0 20px 0; color: #FFF;}
.mod-login .mod-login__username.form-group {float: left; width: 100%;}
.mod-login .mod-login__password.form-group {float: left; width: 100%;}
.mod-login .mod-login__remember.form-group {float: left; width: 100%; display: none;}
.mod-login button[class*=plg_system_webauthn_login_button], .mod-login .btn.btn-secondary.input-password-toggle {float: left; width: 100%; display: none;}
.mod-login .mod-login__submit.form-group {float: left; width: 100%;}
.mod-login .mod-login__submit.form-group .btn.btn-primary.w-100 {border: 2px solid #39587F; padding: 8px 14px; border-radius: 100px; font-size: 13px; color: #FFF; text-decoration: none; background: #39587F; float: right;}
.mod-login ul.mod-login__options.list-unstyled {float: left; width: 100%; display: none;}
  
/* <!-- Breadcrumb --> */

nav.mod-breadcrumbs__wrapper {float: left; width: 100%; padding: 25px 172px;}
nav.mod-breadcrumbs__wrapper ol {list-style: none;}
nav.mod-breadcrumbs__wrapper ol li {float: left; width: auto; font-size: 12px;}
nav.mod-breadcrumbs__wrapper ol li:after {content: '/'; float: left; margin: 0 10px;}
nav.mod-breadcrumbs__wrapper ol li:last-child:after {display: none;}
nav.mod-breadcrumbs__wrapper ol li:first-child {display: none;}
nav.mod-breadcrumbs__wrapper ol li.active {color: #6c757d;}
nav.mod-breadcrumbs__wrapper ol li a {float: left;}
nav.mod-breadcrumbs__wrapper ol li span {float: left;}
nav.mod-breadcrumbs__wrapper ol:before {content: ''; background: url(templates/legacy/images/icon-home.png); background-size: 10px 10px; float: left; height: 10px; width: 10px; display: inline-block; margin: 1px 10px 0 0;}
	
/* <!-- Header --> */

header {float: left; width: 100%; height: auto; position: relative; display: flex; background: #182537; margin-top: 44px; z-index: 9999;}
header p {margin: 0;}
header .hdrRow {float: left; width: 100%;}
header .hdrBlock {float: left; width: 100%; padding: 0 0;}
header .hdrLogo {float: left; width: 100%; height: 95px; line-height: 95px; text-align: center; margin-top: 0;}
header .hdrLogo a {float: left; width: 100%; height: 100%;}
header .hdrLogo a img {max-height: 65px; width: auto;}
header .hdrContent {float: right; width: 100%; height: auto; line-height: 38px; margin: 0;}
header .hdrContent span {float: left; }
header .hdrContent span img {}
header .hdrContent span.headerMenu {display: none;}
header .hdrContent span.headerPhone {margin-right: 0; width: 100%; text-align: center; color: #FFF; font-size: 14px; font-weight: lighter;}
header .hdrContent span.headerPhone a {color: #FFF; font-weight: bold;}
header .hdrContent span.headerButton {width: 100%; text-align: center; padding: 10px 0;}
header .hdrContent span.headerButton a.hdrButton.secondary {border: 2px solid #253B58; background: #253B58; padding: 10px 20px; font-size: 11px; color: #FFF; text-decoration: none;}
header .hdrContent span.headerButton a.hdrButton.secondary:hover {border: 2px solid #253B58; background: transparent; padding: 10px 20px; font-size: 11px; color: #253B58; text-decoration: none;}
.ContactUs a {border: 0.25px solid #000; padding: 10px 15px; width: 100%; float: left; line-height: 120%; margin: -48px 0 30px 0; text-align: left;}
  
/* <!-- Footer --> */

footer {float: left; width: 100%; border-top: 3px solid #FFF; background-color: #253B58; background-repeat: no-repeat; background-size: 220px 100px; background-position: bottom right; color: #AEAEAE;}
footer .footerFrame {float: left; width: 100%; padding: 50px 33px; position: relative;}
footer .footerFrame h3 {font-weight: 600; color: #949494; font-size: 12px !important; margin: 0 0 10px 0;}
footer .footerFrame ul {float: left; width: 100%; list-style: none;}
footer .footerFrame ul li {float: left; width: 100%; line-height: 130%;}
footer .footerFrame ul li a {float: left; width: auto; color: #EDEDED; font-weight: 400; font-size: 10px;}
footer .footerFrame ul li a:hover {}
footer .ftrBlock1 {float: left; width: 100%;}
footer .ftrBlock1 .ftrColumn1 {}
footer .ftrBlock1 .ftrColumn1 .enLang {float: left; min-width: 21px; height: 100%; text-align: left; margin: 0 0 15px 0;}
footer .ftrBlock1 .ftrColumn1 .enLang a.switcher-popup {float: left; width: auto;}
footer .ftrBlock1 .ftrColumn1 .enLang a.switcher-popup img {margin: -1px 0 0 0 !important; padding: 0 !important; opacity: 1 !important; height: 18px; width: auto; display: none;}
footer .ftrBlock1 .ftrColumn1 .enLang a.switcher-popup span {color: #FFF; margin: 0 10px 0 5px; font-size: 12px;}
footer .ftrBlock1 .ftrColumn1 .enLang a.switcher-popup span:last-child {display: none; filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(7494%) hue-rotate(301deg) brightness(136%) contrast(100%); margin: 0; font-size: 8px !important;}
footer .ftrBlock1 .ftrColumn1 .enLang .gt_white_content {border-radius: 0 !important; padding: 8px 25px 50px 25px; width: 500px !important; margin: 0 !important; top: 0; bottom: 0; left: auto; right: 0; height: 100vh !important;}
footer .ftrBlock1 .ftrColumn1 .enLang .gt_white_content #gt_intro {height: 0px !important; font-family: 'Raleway', sans-serif;}
footer .ftrBlock1 .ftrColumn1 .enLang .gt_white_content #gt_intro:before {content: 'Select your language'; float: left; width: 100%; height: 60px; padding: 20px 0 0 0; font-size: 24px; line-height: 120%;}
footer .ftrBlock1 .ftrColumn1 .enLang .gt_white_content .gt_languages {float: left; width: 100%; position: relative; column-count: 3 !important; column-gap: 10px;}
footer .ftrBlock1 .ftrColumn1 .enLang .gt_white_content .gt_languages a {border: none !important; padding: 0 !important; margin: 0 !important; height: 45px; line-height: 45px; min-width: 150px !important;}
footer .ftrBlock1 .ftrColumn1 .enLang .gt_white_content .gt_languages a img {margin: 0 0 0 0 !important; padding: 0 !important; opacity: 1 !important; height: 20px; width: auto;}
footer .ftrBlock1 .ftrColumn1 .enLang .gt_white_content .gt_languages a span {margin: 0 15px 0 5px; font-size: 13px; color: #000000;}
footer .ftrBlock1 .ftrColumn1 .enLang .gt_white_content .gt_languages a:hover {}
footer .ftrBlock1 .ftrColumn1 .enLang .gt_white_content .gt_languages a.selected {background-color: transparent !important;}
footer .ftrBlock1 .ftrColumn1 .enLang .gt_white_content .gt_languages:after {content: 'Language system powered by Coliptus Technologies'; position: absolute; bottom: -25px; left: 0; font-style: italic; line-height: 120%; font-size: 10px;}
footer .ftrBlock1 .ftrColumn1 .siteMap {float: left; width: 100%; min-height: 60px;}
footer .ftrBlock1 .ftrColumn1 .siteMap strong a {font-weight: 600; color: #4D4D4D; font-size: 14px !important;}
footer .ftrBlock1 .ftrColumn1 .footLog {float: left; width: 100%; margin-bottom: 0;}
footer .ftrBlock1 .ftrColumn1 .footLog a {float: right; width: auto; margin-top: -110px;}
footer .ftrBlock1 .ftrColumn1 .footLog a img {max-height: 60px;}
footer .ftrBlock1 .ftrColumn1 .footAbo {float: left; width: 100%; margin-bottom: 30px;}
footer .ftrBlock1 .ftrColumn1 .footAbo p {float: left; font-size: 7px; color: #AEAEAE; width: 100%; text-align: center; line-height: 150%; margin: 5px 0;}
footer .ftrBlock2 {float: left; width: 100%;}
footer .ftrBlock2 .ftrColumn2 {}
footer .ftrBlock2 .ftrColumn2 .menuCon {float: left; width: 50%; margin-bottom: 40px;}
footer .ftrBlock2 .ftrColumn2 .menuCon ul {float: left; width: 100%;}
footer .ftrBlock2 .ftrColumn2 .menuCon ul li {float: left; width: auto; margin-right: 15px; margin-bottom: 15px; height: 20px;}
footer .ftrBlock2 .ftrColumn2 .menuCon ul li a {}
footer .ftrBlock2 .ftrColumn2 .menuCon ul li a span {display: none;}
footer .ftrBlock2 .ftrColumn2 .menuCon ul li a img {filter: invert(62%) sepia(79%) saturate(489%) hue-rotate(174deg) brightness(65%) contrast(88%); max-height: 20px; width: auto;}
footer .ftrBlock2 .ftrColumn2 .menuNav {float: right; width: 50%; margin-bottom: 40px; text-align: right;}
footer .ftrBlock2 .ftrColumn2 .menuNav ul li a {float: right;}
footer .ftrBlock3 {float: left; width: 50%;}
footer .ftrBlock3 .ftrColumn3 {}
footer .ftrBlock3 .ftrColumn3 .menuCom {float: left; width: 100%; margin-bottom: 30px;}
footer .ftrBlock3 .ftrColumn3 .menuBra {}
footer .ftrBlock4 {float: left; width: 50%; text-align: right;}
footer .ftrBlock4 .ftrColumn4 {}
footer .ftrBlock4 .ftrColumn4 .menuSer {}
footer .ftrBlock4 .ftrColumn4 .menuSer ul li a {float: right;}
footer .ftrBlock5 {float: left; width: 100%; padding: 40px 0; text-align: center;}
footer .ftrBlock5 .ftrColumn5 {}
footer .ftrBlock5 .ftrColumn5 ul {}
footer .ftrBlock5 .ftrColumn5 ul li {text-align: center;}
footer .ftrBlock5 .ftrColumn5 ul li img {float: none !important;}
footer .ftrBlock5 .ftrColumn5 ul li img.accrHosting {width: 150px; height: auto; float: right; margin-bottom: 20px;}
footer .ftrBlock5 .ftrColumn5 ul li img.accrReview {width: 105px; height: auto; float: right; margin-bottom: 20px;}
footer .ftrBlock5 .ftrColumn5 ul li img.accrChas {width: 90px; height: auto; float: right; margin-bottom: 20px;}
footer .ftrBlock5 .ftrColumn5 ul li img.accrAlcumus {width: 115px; height: auto; float: right; margin-bottom: 20px;}
footer .ftrBlock5 .ftrColumn5 ul li img.accrConstruction {width: 145px; height: auto; float: right; margin-bottom: 0;}
footer .ftrBlock6 {float: left; width: 100%; margin-bottom: -25px;}
footer .ftrBlock6 .ftrColumn6 {float: left; width: 50%;}
footer .ftrBlock6 .ftrColumn6 ul {}
footer .ftrBlock6 .ftrColumn6 ul li {float: left; width: 100%; margin: 5px 0;}
footer .ftrBlock6 .ftrColumn6 ul li a {}
footer .ftrBlock6 .ftrColumn6 ul li a img {max-height: 50px;}
footer .ftrBlock6 .ftrColumn8 {float: right; width: 50%; margin-top: 0; margin-bottom: 100px; text-align: right;}
footer .ftrBlock6 .ftrColumn8 .ftrCopyright {float: right; font-size: 10px; color: #666; line-height: 150%; margin-bottom: 20px; margin-right: 0;}
footer .ftrBlock6 .ftrColumn8 .MenuLegal {float: left; width: auto;}
footer .ftrBlock6 .ftrColumn8 .MenuLegal ul {float: left; width: auto;}
footer .ftrBlock6 .ftrColumn8 .MenuLegal ul li {float: right; width: 100%; margin: 3px 0; line-height: 100%;}
footer .ftrBlock6 .ftrColumn8 .MenuLegal ul li a {font-size: 10px; color: #666; float: right;}
footer .ftrBlock6 .ftrColumn9 {float: right; width: auto;}
footer .ftrBlock6 .ftrColumn9 .ftrIdentity {position: absolute; left: calc(50% - 63px); bottom: 25px;}
footer .ftrBlock6 .ftrColumn9 .ftrIdentity a {}
footer .ftrBlock6 .ftrColumn9 .ftrIdentity a img {max-width: 125px;}
footer .ftrBlock6 .ftrColumn9 .ftrIdentity p {font-size: 6px; font-weight: bold; margin: 5px 0; width: 85px; float: left;}

/* <!-- Content --> */
  
.slider {}
.sliderBlock {}
.sliderBlock.main {}
.sliderBlock .sliderTitle {}
.sliderBlock .sliderIntro {}

.imageRight {}
.imageRightBlock {padding: 100px 40px 25px 40px; margin: 50px 0 0 65px; width: calc(100% - 1px);}
.imageRightBlock:before {background-size: 75px 75px; height: 75px; width: 75px; left: 45px; top: 45px;}
.imageRightBlock h1 {}
.imageRightBlock a {}
.imageRightImg {}
.imageRightImg img {margin-top: -25px;}
.imageRightData {}

.whyChooseUs {background: transparent;}
.whyChooseUs h2 {}
.whyChooseUs h4 {}
.whyChooseUs ul {padding: 50px 0 0 0;}
.whyChooseUs ul li {}
.whyChooseUs ul li strong {font-size: 16px;}
.whyChooseUs ul li strong:before {}

.proChoice {background: transparent; margin-bottom: 25px;}
.proChoice h2 {}
.proChoice h4 {}

.serviceDelivery {}
.serviceDelivery img {}
.serviceDelivery h2 {}
.serviceDelivery blockquote {}
.serviceDelivery blockquote:before {}
.serviceDelivery blockquote:after {}
.serviceDelivery .sppb-addon.sppb-addon-button-group {}

.ServiceRange {}
.ServiceRange h2 {}
.ServiceRange img {margin-top: 50px;}
.ServiceRange ul {}
.ServiceRange ul li {width: 100%;}
.ServiceRange ul li:before {}
.ServiceRange .sppb-addon.sppb-addon-button-group {}
  
/* <!-- Contact Page --> */ 
  
.contactRow {margin-bottom: 100px;}
.contactRow .leftContent {min-height: 0;}
.contactRow .rightContent {min-height: 0;}
.contactRight {background: #39587F; padding: 0 75px 50px 50px;line-height: 150%; width: 100vw;}
.contactRight strong {font-size: 20px; font-weight: lighter; margin: 60px 0 20px 0; float: left; width: 100%; }
.contactRight em {font-size: 125%; font-weight: lighter; font-style: normal;}
.contactLeft {padding: 0 0 0 0;}
.contactLeft .rsform-block.rsform-block-first-name {float: left; width: 100%; margin-bottom: 25px; padding-right: 25px;}
.contactLeft .rsform-block.rsform-block-surname {float: right; width: 100%; margin-bottom: 25px; padding-right: 25px;}
.contactLeft .rsform-block.rsform-block-nature-of-enquiry {float: left; width: 100%; margin-bottom: 25px; padding-right: 25px;}
.contactLeft .rsform-block.rsform-block-email-address {float: left; width: 100%; margin-bottom: 25px; padding-right: 25px;}
.contactLeft .rsform-block.rsform-block-confirm-email-address {float: right; width: 100%; margin-bottom: 25px; padding-right: 25px;}
.contactLeft .rsform-block.rsform-block-telephone-number {float: left; width: 100%; margin-bottom: 25px; padding-right: 25px;}
.contactLeft .rsform-block.rsform-block-company {float: right; width: 100%; margin-bottom: 25px; padding-right: 25px;}
.contactLeft .rsform-block.rsform-block-message {float: left; width: 100%; margin-bottom: 25px;}
.contactLeft .rsform-block.rsform-block-captcha {float: left; width: 100%; margin-bottom: 25px;}
.contactLeft .rsform-block.rsform-block-captcha img {float: left; margin-right: 20px; max-width: 135px;}
.contactLeft .rsform-block.rsform-block-captcha input {float: left; margin: -16px 0 0 0; text-align: center; font-size: 21px; letter-spacing: 8px; color: #000; width: 119px !important; height: 25px !important;}  
.contactLeft .rsform-block.rsform-block-submit {float: right; width: 100%; margin-bottom: 25px;}
.contactLeft label {font-size: 12px; font-weight: lighter;}
.contactLeft input {float: left; width: calc(100% - 25px); height: 34px !important; border-radius: 0 !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 4px 12px !important;}
.contactLeft textarea {float: left; width: 100%; border-radius: 0 !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 12px !important;}
.contactLeft button[type=submit] {border: 2px solid #FFF; padding: 11px 28px; border-radius: 100px; font-size: 13px; color: #FFF; text-decoration: none; background: transparent; float: right;}
button.rsform-submit-button.rsform-thankyou-button {border: 2px solid #FFF; padding: 11px 28px; border-radius: 100px; font-size: 13px; color: #FFF; text-decoration: none; background: transparent; margin-top: 40px; text-shadow: none; box-shadow: none;}
  
}