@media screen and (min-width: 768px) and (max-width: 1199px) {
  
html, body {font-size: 13px;}
  
@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: 28px;}
h2 {font-size: 28px;}
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;}
a:visited, a:link, a:active {text-decoration: none; font-weight: inherit;}

div.mainContainer {width: 100%; float: left;}
div.mainContentArea {width: 100%; clear: both; min-height: 500px;}
div.mainContent {min-width: 700px; 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: 700px; 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: 700px;}
.sppb-row-container {max-width: 700px; 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: 53px; padding-right: 53px; 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: 85px; position: relative; display: flex; margin-top: 44px; z-index: 9999;}
header p {margin: 0;}
header .hdrRow {float: left; width: 100%;}
header .hdrBlock {float: left; width: 100%;}
header .hdrLogo {float: left; width: 20%; background: #253B58; text-align: center; height: 110px; line-height: 110px;}
header .hdrLogo a {float: left; width: 100%; height: 100%;}
header .hdrLogo a img {max-height: 60px; width: auto;}
header .hdrContent {float: right; width: 80%; height: 85px; line-height: 85px; background: #FAAF41; padding: 0 25px;}
header .hdrContent span {float: left; }
header .hdrContent span img {}
header .hdrContent span.headerMenu {}
header .hdrContent span.headerMenu ul {}
header .hdrContent span.headerMenu ul li {float: left; margin: 0 5px;}
header .hdrContent span.headerMenu ul li:first-child {margin: 0 5px 0 0;}
header .hdrContent span.headerMenu ul li:last-child {margin: 0 0 0 5px;}
header .hdrContent span.headerMenu ul li a {color: #000000; font-size: 12px;}
header .hdrContent span.headerButton {float: right;}
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;}
  
/* <!-- Footer --> */

footer {float: left; width: 100%; border-top: 3px solid #FFF; background-color: #253B58; background-repeat: no-repeat; background-size: 170px 80px; background-position: bottom right; color: #AEAEAE;}
footer .footerFrame {float: left; width: 100%; padding: 50px 53px; position: relative;}
footer .footerFrame h3 {font-weight: 600; color: #949494; font-size: 13px !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: 120%;}
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:before {content: ''; background: url(../images/language_selector.svg); filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(7494%) hue-rotate(301deg) brightness(136%) contrast(100%); height: 12px; width: 12px; float: left; margin: 2px 5px 0 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;}
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: 10px;}
footer .ftrBlock1 .ftrColumn1 .footLog a {float: right; width: auto; margin-top: -110px;}
footer .ftrBlock1 .ftrColumn1 .footLog a img {max-height: 80px;}
footer .ftrBlock1 .ftrColumn1 .footAbo {float: left; width: 100%; margin-bottom: 30px;}
footer .ftrBlock1 .ftrColumn1 .footAbo p {float: left; font-size: 9px; width: 100%; color: #AEAEAE; margin: 2px 0; text-align: center; line-height: 150%;}
footer .ftrBlock2 {float: left; width: 25%;}
footer .ftrBlock2 .ftrColumn2 {}
footer .ftrBlock2 .ftrColumn2 .menuCon {float: left; width: 100%; margin-bottom: 40px;}
footer .ftrBlock2 .ftrColumn2 .menuCon ul {float: left; width: 70%; margin-right: 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: 18px; width: auto;}
footer .ftrBlock2 .ftrColumn2 .menuNav {}
footer .ftrBlock3 {float: left; width: 30%;}
footer .ftrBlock3 .ftrColumn3 {}
footer .ftrBlock3 .ftrColumn3 .menuCom {float: left; width: 100%; margin-bottom: 30px;}
footer .ftrBlock3 .ftrColumn3 .menuBra {}
footer .ftrBlock4 {float: left; width: 25%;}
footer .ftrBlock4 .ftrColumn4 {}
footer .ftrBlock4 .ftrColumn4 .menuSer {}
footer .ftrBlock5 {float: left; width: 20%; margin-bottom: -50px;}
footer .ftrBlock5 .ftrColumn5 {}
footer .ftrBlock5 .ftrColumn5 ul {}
footer .ftrBlock5 .ftrColumn5 ul li {}
footer .ftrBlock5 .ftrColumn5 ul li img {}
footer .ftrBlock5 .ftrColumn5 ul li img.accrHosting {width: 120px; height: auto; float: right; margin-bottom: 15px;}
footer .ftrBlock5 .ftrColumn5 ul li img.accrReview {width: 85px; height: auto; float: right; margin-bottom: 15px;}
footer .ftrBlock5 .ftrColumn5 ul li img.accrChas {width: 70px; height: auto; float: right; margin-bottom: 15px;}
footer .ftrBlock5 .ftrColumn5 ul li img.accrAlcumus {width: 90px; height: auto; float: right; margin-bottom: 15px;}
footer .ftrBlock5 .ftrColumn5 ul li img.accrConstruction {width: 115px; height: auto; float: right; margin-bottom: 0;}
footer .ftrBlock6 {float: left; width: 100%; margin-bottom: -25px; margin-top: 30px;}
footer .ftrBlock6 .ftrColumn6 {float: left; width: 100%;}
footer .ftrBlock6 .ftrColumn6 ul {}
footer .ftrBlock6 .ftrColumn6 ul li {float: left; width: auto; margin-right: 35px;}
footer .ftrBlock6 .ftrColumn6 ul li a {}
footer .ftrBlock6 .ftrColumn6 ul li a img {max-height: 40px;}
footer .ftrBlock6 .ftrColumn8 {float: left; width: 100%; margin-top: 35px;}
footer .ftrBlock6 .ftrColumn8 .ftrCopyright {float: left; font-size: 9px; color: #666; margin-right: 15px; line-height: 150%;}
footer .ftrBlock6 .ftrColumn8 .MenuLegal {float: left; width: auto;}
footer .ftrBlock6 .ftrColumn8 .MenuLegal ul {float: left; width: 50%;}
footer .ftrBlock6 .ftrColumn8 .MenuLegal ul li {float: left; margin-right: 15px; width: auto;}
footer .ftrBlock6 .ftrColumn8 .MenuLegal ul li a {font-size: 9px; color: #666;}
footer .ftrBlock6 .ftrColumn9 {float: right; width: auto;}
footer .ftrBlock6 .ftrColumn9 .ftrIdentity {position: absolute; right: 180px; bottom: 10px;}
footer .ftrBlock6 .ftrColumn9 .ftrIdentity a {}
footer .ftrBlock6 .ftrColumn9 .ftrIdentity a img {max-width: 105px;}
footer .ftrBlock6 .ftrColumn9 .ftrIdentity p {font-size: 5px; font-weight: bold; margin: 5px 0;}

/* <!-- Content --> */
  
.slider {}
.sliderBlock {}
.sliderBlock.main {}
.sliderBlock .sliderTitle {max-width: 60%;}
.sliderBlock .sliderIntro {max-width: 65%;}

.imageRight {}
.imageRightBlock {margin: 50px 50px 0 100px; width: calc(100% - 50px);}
.imageRightBlock:before {}
.imageRightBlock h1 {}
.imageRightBlock a {}
.imageRightImg {margin-top: -50px;}
.imageRightImg img {max-width: 550px;}
.imageRightData {}

.whyChooseUs {}
.whyChooseUs h2 {}
.whyChooseUs h4 {}
.whyChooseUs ul {padding: 50px 0;}
.whyChooseUs ul li {}
.whyChooseUs ul li strong {}
.whyChooseUs ul li strong:before {}

.proChoice {}
.proChoice h2 {}
.proChoice h4 {}

.serviceDelivery {margin-bottom: 25px;}
.serviceDelivery img {max-height: 450px;}
.serviceDelivery h2 {}
.serviceDelivery blockquote {}
.serviceDelivery blockquote:before {}
.serviceDelivery blockquote:after {}
.serviceDelivery .sppb-addon.sppb-addon-button-group {}

.ServiceRange {}
.ServiceRange h2 {}
.ServiceRange img {max-height: 550px; margin-top: 75px;}
.ServiceRange ul {}
.ServiceRange ul li {}
.ServiceRange ul li:before {}
.ServiceRange .sppb-addon.sppb-addon-button-group {}
  
  
/* <!-- Contact Page --> */ 
  
.contactRow {margin-bottom: 75px;}
.contactRow .rsform {margin-bottom: 75px;}
.contactRow .leftContent {min-height: 0;}
.contactRow .rightContent {min-height: 0; margin: 0;}
.contactRight {background: #39587F; padding: 0 75px 50px 75px;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: calc(50% - 25px); margin-bottom: 15px;}
.contactLeft .rsform-block.rsform-block-surname {float: right; width: calc(50% - 25px); margin-bottom: 15px;}
.contactLeft .rsform-block.rsform-block-nature-of-enquiry {float: left; width: 100%; margin-bottom: 15px;}
.contactLeft .rsform-block.rsform-block-email-address {float: left; width: calc(50% - 25px); margin-bottom: 15px;}
.contactLeft .rsform-block.rsform-block-confirm-email-address {float: right; width: calc(50% - 25px); margin-bottom: 15px;}
.contactLeft .rsform-block.rsform-block-telephone-number {float: left; width: calc(50% - 25px); margin-bottom: 15px;}
.contactLeft .rsform-block.rsform-block-company {float: right; width: calc(50% - 25px); margin-bottom: 15px;}
.contactLeft .rsform-block.rsform-block-message {float: left; width: 100%; margin-bottom: 15px;}
.contactLeft .rsform-block.rsform-block-captcha {float: left; width: 70%; margin-bottom: 15px;}
.contactLeft .rsform-block.rsform-block-captcha img {width: 200px; height: auto; float: left; margin-right: 20px;}
.contactLeft .rsform-block.rsform-block-captcha input {width: 180px; float: left; height: 41px !important; margin-top: -15px; text-align: center; font-size: 34px; letter-spacing: 10px; color: #000;}  
.contactLeft .rsform-block.rsform-block-submit {float: right; width: 30%; margin-bottom: 15px;}
.contactLeft label {font-size: 10px; font-weight: lighter;}
.contactLeft input {margin-bottom: 0 !important; float: left; width: calc(100% - 25px); height: 30px !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: 9px 23px; border-radius: 100px; font-size: 11px; color: #FFF; text-decoration: none; background: transparent; float: right; margin-top: -6px;}
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;}
  
}