/* Cookie Pop Up */
 
 .cc-revoke, .cc-window {
	font-family: inherit !important;
	font-size: 16px !important;
	line-height: 24px;
}

.cc-btn {
	font-weight: normal;
	text-transform: uppercase;
	font-family: inherit !important;
	font-size: 14px;
	letter-spacing: 1px;
	transition: opacity 0.4s ease;
	text-decoration: none !important;
}

.cc-btn:hover, .cc-btn:focus {
	opacity: 0.6;
}

.cc-color-override-1020424930 .cc-btn:hover, .cc-color-override-1020424930 .cc-btn:focus {
    border-color: #f9a240;
}

div.cc-window.cc-floating {
	box-shadow: 0px 2px 20px rgba(0,0,0,0.3);
}

div.cc-compliance > a.cc-btn {
	margin-right: 0px;
	margin-top: .2em;
}

.cc-allow {
	width: 100%;
	font-size: 17px;
}

.cc-deny {
	font-size: 14px !important;
	text-transform: none  !important;
	opacity: 0.6;
	border: none !important;
	padding: 0px 0px !important;
	text-align: left !important;
	margin-top: 20px !important;
	letter-spacing: 0px !important;
	font-weight: 400 !important;
}

.cc-deny:hover {
	opacity: 0.3;
}

/* Header */


.uk-navbar-nav > li.uk-active > a {
  background-image: url("/images/icon/triangle.svg") !important;
  background-repeat: no-repeat !important;
  background-position: 50% 109% !important;
  background-size: 45px 25px !important;
}

.uk-navbar-container{
	border-top: 1px solid rgba(0,0,0,0.14);
}

.headder-btn {
	margin-left: 30px;
}

.tm-toolbar .uk-container{
	max-width: 1600px;
}

.phone-white {
	padding-left: 33px;
	background-image: url("/images/icon/phone.svg") !important;
	background-repeat: no-repeat !important;
	background-position: 1% 50% !important;
	background-size: 20px 20px !important;
}

.mail-white {
	padding-left: 33px;
	background-image: url("/images/icon/email.svg") !important;
	background-repeat: no-repeat !important;
	background-position: 1% 50% !important;
	background-size: 20px 20px !important;
}

.phone-white-2 {
	padding-left: 25px;
	background-image: url("/images/icon/white-phone-icon.svg") !important;
	background-repeat: no-repeat !important;
	background-position: 1% 50% !important;
	background-size: 16px 16px !important;
}

.mail-white-2 {
	padding-left: 25px;
	background-image: url("/images/icon/white-mail-icon.svg") !important;
	background-repeat: no-repeat !important;
	background-position: 1% 50% !important;
	background-size: 16px 16px !important;
}

.header-image{
	width: 16px;
}

.header-image.uk-margin-small-right {
	margin-right: 0px !important;
	margin-left: 5px !important;
	margin-left: 5px !important;
}

.uk-navbar-nav > li > a {
	flex-direction: row-reverse;
}

.toolbar-text a{
	color: #253548;
}

/* Animations */

.uk-button, a, .services-slider .uk-inline-clip, .uk-button .right-arrow, .services-slider .uk-panel .uk-h4{
	transition: all 0.3s ease!important;
}

.uk-button:hover, a:hover, .services-slider .uk-panel .uk-h4:hover {
	opacity:0.6;
}

.uk-button:hover .right-arrow{
	padding-left: 36px;
}

/* General*/

.mobile-banner-home{
	display:none!important;
}

.blue-gradient-bg{
	background-image: linear-gradient(90deg,#54bdd5 0,#124e9a 100%)!important;
}

.uk-nav-sub a {
  padding: 5px 0;
}

.before-after-slider .uk-border-rounded{
	border-radius: 15px;
}

.services-grid-pages .services-slider .uk-flex-center {
  justify-content: center;
}

.contact-mobile-grid .uk-card-small.uk-card-body{
	padding: 20px 20px;
}

.contact-grid .el-meta{
	font-size:16px;
}

.contact-bg .uk-background-contain {
  background-size: 35%;
}


.our-work img{
  border-radius: 5px;
}

.our-work-gallery .uk-transition-toggle{
  border-radius: 5px;
}


.uk-navbar-nav > li > a {
	min-height: 88px;
}
 
.homepage .uk-navbar-nav > li > a {
  min-height: 88px;
}

.homepage .tm-header {
	z-index: 3;
}

.homepage .uk-navbar-nav > li.uk-active > a {
  background-position: 50% 109% !important;
}

.homepage .btn-container{
	height: 0px;
}

.homepage .get-quote-top-btn .uk-button {
  z-index: 9999;
  position: relative;
  margin-top: -122px;
}

.uk-navbar-container:not(.uk-navbar) {
  padding-top: 0px;
  padding-bottom: 0px;
}

.homepage .uk-navbar-container:not(.uk-navbar) {
	padding-top: 0px;
	padding-bottom: 0px;
}

.right-arrow {
	padding-left: 33px;
	background-image: url("/images/icon/right-arrow.svg") !important;
	background-repeat: no-repeat !important;
	background-position: 50% 50% !important;
	background-size: 20px 20px !important;
}

.light-blue-arrow {
	padding-left: 28px;
	background-image: url("/images/icon/light-blue-arrow.svg") !important;
	background-repeat: no-repeat !important;
	background-position: 100% 50% !important;
	background-size: 18px 20px !important;
	padding-right: 10px;
}

.light-blue-arrow-2 {
	padding-left: 28px;
	background-image: url("/images/icon/light-blue-arrow-2.svg") !important;
	background-repeat: no-repeat !important;
	background-position: 100% 50% !important;
	background-size: 18px 20px !important;
	padding-right: 10px;
}



.right-arrow {
  padding-left: 25px;
  background-image: url("/images/icon/right-arrow.svg") !important;
  background-repeat: no-repeat !important;
  background-position: 50% 50% !important;
  background-size: 17px 17px !important;
  margin-left: 7px;
}

.light-gradient{
	background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(224, 242, 250, 1) 100%);
}

.homepage .uk-navbar-right {
	margin-left: 0px;
}

.homepage #module-135{
	display:none;	
}

.homepage .headder-btn {
	height: 80px;
}

.homepage .headder-btn .uk-button {
	position: relative;
	top: 28px;
}

.homepage .headder-btn {
	margin-top: -92px;
}

.services-slider .uk-flex-center {
	justify-content: start;
}

.services-slider .uk-border-rounded {
	border-radius: 15px;
}

.services-slider .uk-position-cover{
	background: #ffffff;
	background: linear-gradient(180deg,rgba(255, 255, 255, 0) 32%, rgba(0, 29, 60, 0.91) 100%);
}

.services-slider a:hover{
	opacity:1;
}

.services-slider .uk-subnav-pill > * {
	padding-left: 0px;
}

.services-slider .uk-subnav a{
	font-size:16px;
	font-weight:700;
	padding-left:30px;
	padding-right:30px;
}

.services-slider .uk-subnav li:nth-child(1) a {
	border-radius: 50px 0px 0px 50px;
}

.services-slider .uk-subnav li:nth-child(2) a {
	border-radius: 0px 50px 50px 0px;
}

.services-slider  .uk-subnav{
	margin-bottom: 35px;
}

.services-slider .uk-panel p{
	display:none;
}

.services-slider .uk-panel h3{
	margin-bottom:0px;
}

.services-slider .uk-panel .uk-h4 {
	font-size: 24px;
	color: #fff;
	padding: 20px;
	margin-top: -90px !important;
	z-index: 1;
	position: relative;
	background-image: url("/images/icon/right-circle-arrow-blue.svg") !important;
	background-repeat: no-repeat !important;
	background-position: 95% 50% !important;
	background-size: 24px 24px !important;
}

.services-slider .uk-panel .uk-h4:hover {
	background-position: 97% 50% !important;
}


.uk-heading-bullet::before {
	background: linear-gradient(white, white) padding-box, linear-gradient(0deg,#114D99 0,#55BFD6 100%) border-box;
	border: 5px solid transparent;
}

@media all and (min-width: 1200px){
	
.hero-title{
  border-top: 1px solid #ffffff4d;
}
	
.hero-padding .uk-background-cover{
    padding-top: 60px;
    padding-bottom: 100px;
  }

.service-switcher {
	margin-top: -65px !important;
}

.solar-panel-proofing {
	padding-top: 10px;
	padding-bottom: 10px;
}

.solar-panel-tile .uk-tile {
    padding-left: 150px;
    padding-right: 40px;
    background-color: transparent;
}
  
.intro-logo-right {
	background-image: url("/images/bg-logo.png");
	background-repeat: no-repeat;
	background-position: 108% 115%;
	background-size: 30% auto;
}

.intro-logo-left {
    background-image: url("/images/bg-logo.png");
    background-repeat: no-repeat;
    background-position: -9% 136%;
    background-size: 30% auto;
}

.cowl-fitting-tile .uk-tile{
	margin-left: 10px;
	padding-left: 40px;
	padding-right: 150px;
}

.uk-card-small .uk-card-body, .uk-card-small.uk-card-body {
	padding: 30px 30px;
}

.intro-logo-inverse {
    background-image: url("/images/logo-inverse.png");
    background-repeat: no-repeat;
    background-position: -9% 136%;
    background-size: 30% auto;
}

.homepage .uk-logo{
	display:none;	
}

}

.cowl-fitting-tile .uk-tile{
	background: #124f9a;
    background-image: none;
	background-image: linear-gradient(270deg,#54bdd5 0,#124e9a 100%);
}


.tm-toolbar {
	padding-top: 7px;
	padding-bottom: 7px;
}

.homepage .uk-navbar-nav {
    z-index: 2;
}

.top-line {
	margin-top: -65px;
}

.top-line-2 {
	margin-top: -65px;
}

.transparent-bg.uk-section-default {
	background: transparent;
}

.muted-1{
	background: #E5F4FB;
	background: linear-gradient(270deg, rgba(250, 253, 254, 1) 0%,  rgba(229, 244, 251, 1) 100%);
}

.text-gradient{
	background: -webkit-linear-gradient(0deg, #54bdd5, #124e9a );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

 .text-gradient-2{
	background: -webkit-linear-gradient(0deg, rgba(84, 189, 213, 1), rgba(51, 146, 181, 1) );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.down-chev {
	width: 16px;
	height: 16px;
	background-image: url("/images/icon/white-down-chev.svg") !important;
	background-repeat: no-repeat !important;
	background-size: 15px 100%;
	display: inline-block;
	margin-right: 11px;
	vertical-align: middle;
	margin-top: -3px;
	margin-left: 9px;
	margin-right: 0px;
}

.hero .uk-padding-remove-horizontal > div:nth-child(1) > div:nth-child(1) {
	padding-left: 0px;
	padding-top:80px;
	padding-bottom:80px;
}

.hero .uk-card-primary{
	padding-left:0px;
	padding-right:0px;
	background-color:transparent;
}

.hero .uk-width-1-2@m.uk-first-column{
	padding-left:0px;
}

.uk-section-primary:not(.uk-preserve-color) .uk-button-primary{
	color: #fff;
	background-image: linear-gradient(90deg,#54bdd5 0,#124e9a 100%);
}

.uk-section-primary{
	background: linear-gradient(90deg,rgba(1, 28, 59, 1) 0%, rgba(1, 19, 39, 1) 100%);
}

.uk-dotnav > * > :hover {
	background-image: linear-gradient(90deg,#54bdd5 0,#124e9a 100%);
}

.uk-dotnav > .uk-active > * {
	background-color: #001d3c;
	background-image: linear-gradient(90deg,#54bdd5 0,#124e9a 100%);
}

.uk-heading-line > ::after {
	left: 100%;
	margin-left: calc(5px + .3em);
	background: linear-gradient(white, white) padding-box, linear-gradient(90deg,#54bdd5 0,#124e9a 20%) border-box;
	border: 2px solid transparent;
	border-bottom-color: transparent;
}

.testimonial-slider .el-meta{
	display: flex;
	align-items: flex-end;
}

.image-rounded .uk-tile{
  border-radius: 15px;
}

@media all and (min-width: 1200px){

.image-padding .uk-tile-xlarge{
	padding-top: 240px;
	padding-bottom: 240px;
}
}

/* Form */

.mossinator-form .ba-field-container textarea {
  min-height: 6.1rem;
  resize: vertical;
}

.mossinator-form .ba-form-page input[type="text"], .mossinator-form .ba-form-page input[type="email"], .mossinator-form .ba-form-page textarea, .mossinator-form .ba-form-page select{
	border: 2px solid rgba(219, 219, 219, 0.5) !important;
	border-radius: opx!important;
}

.mossinator-form .ba-form-radio-field .ba-form-checkbox-wrapper .ba-form-radio span::before {
	border: 2px solid rgba(219, 219, 219, 0.5) !important;
}
 
.mossinator-form .ba-form-radio-field .ba-form-checkbox-wrapper:hover .ba-form-radio span::before {
	border: 2px solid #001d3c!important;
}

.mossinator-form .ba-form-page input[type="text"]:focus, .mossinator-form .ba-form-page input[type="email"]:focus, .mossinator-form .ba-form-page textarea:focus, .mossinator-form .ba-form-page select:focus{
	border: 2px solid #001d3c!important;

}

.mossinator-form .ba-form-acceptance-field label.ba-form-checkbox > span {
	border: 2px solid rgba(219, 219, 219, 0.5) !important;
}

.mossinator-form .upload-file-btn:hover {
	background: rgba(219, 219, 219, 0.5) !important;
}

.mossinator-form .ba-form-submit-btn {  
	border-radius:50px!important;
	padding: 0px 35px !important;
	height: 44px!important;
	margin-top: 10px!important;
	font-weight: 700!important;
	text-transform: none!important;
	letter-spacing: 1px!important;
	transition: all 0.15s ease !important;
	font-family: 'Plus Jakarta Sans'!important;
	border-color: rgba(255,255,255,0)!important;
	background-image: linear-gradient(90deg,#54bdd5 0,#124e9a 100%)!important;
}

.mossinator-form .ba-form-submit-btn:hover {
	text-decoration: none;
	opacity:0.5;
}

.mossinator-form .ba-form-page .span12 > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
	margin-top: 10px;
	margin-bottom: 10px;
}

.mossinator-form .ba-form-acceptance-field label.ba-form-checkbox > span {
	background: rgba(255, 255, 255, 1)!important;
	border-radius:0px!important;
}

.mossinator-form  .ba-form-acceptance-field label.ba-form-checkbox > span:hover{
	border: 2px solid rgba(219, 219, 219, 0.5) !important;
}

.mossinator-form .ba-form-acceptance-field label.ba-form-checkbox input[type="checkbox"]:checked + span::before {
	color: #001d3c!important;
}

.mossinator-form .ba-form-acceptance-field .ba-field-container, .ba-form-field-item .ba-form-checkbox-wrapper .ba-checkbox-wrapper {
	padding-left: 40px !important;
}

.mossinator-form .ba-form-acceptance-field .ba-form-acceptance-html p {
	font-size: 16px !important;
}

.mossinator-form  .ba-form-acceptance-field .ba-form-acceptance-html p a {
	color: #001d3c!important;
}

.mossinator-form .ba-form-acceptance-field label.ba-form-checkbox input[type="checkbox"]:checked + span::before {
	color: #fff;
}

.mossinator-form .ba-form-acceptance-field .ba-form-acceptance-html p a {
	font-weight:700;
}

.mossinator-form .ba-form-acceptance-field .ba-form-acceptance-html p a:hover {
	opacity: 0.7;
	text-decoration:underline;
}

.mossinator-form .ba-form-page {
	padding: 0px !important;
}

.mossinator-form .ba-form-page .span12 > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) {
	margin-top: 0px!important;
	margin-bottom: 0px!important;
}

.mossinator-form .upload-file-input.drag-drop-upload-file .upload-file-btn {
    margin-top: 10px;
}

.mossinator-form .upload-file-input.drag-drop-upload-file {
	height: 128px!important;
}

.mossinator-form .ba-form-icons {
	display: none!important;
}

/* Firefox */

.mossinator-form .ba-field-container textarea::placeholder, .mossinator-form .ba-field-container input[type="text"]::placeholder, .mossinator-form .ba-field-container input[type="number"]::placeholder, .mossinator-form .ba-field-container input[type="email"]::placeholder{
	color: #000!important;
	opacity: 1 !important;
	font-size: 15px!important;
}

/* Edge */

.mossinator-form .ba-field-container textarea::-webkit-input-placeholder, .mossinator-form .ba-field-container input[type="text"]::-webkit-input-placeholder, .mossinator-form .ba-field-container input[type="number"]::-webkit-input-placeholder, .mossinator-form .ba-field-container input[type="email"]::-webkit-input-placeholder{
	color: #000!important;
	opacity: 1 !important;
	font-size: 15px!important;
}

/* Internet Explorer 10-11 */
.mossinator-form .ba-field-container textarea:-ms-input-placeholder, .mossinator-form .ba-field-container input[type="text"]:-ms-input-placeholder, .mossinator-form .ba-field-container input[type="number"]:-ms-input-placeholder, .mossinator-form .ba-field-container input[type="email"]:-ms-input-placeholder{
	color: #000!important;
	opacity: 1 !important;
	font-size: 15px!important;
}

.mossinator-form   .ba-form-radio-field .ba-form-checkbox-wrapper .ba-form-radio span::before {
	background:#fff!important; 
	border-radius: 100%!important;
}

.mossinator-form .ba-form-radio-field .ba-form-checkbox-wrapper .ba-form-radio input[type="radio"]:checked + span::before {
	background:#24304F!important; 
}

/* site map */

.treeview span {
	color: #21252F!important;
}
 
a.hover{
	text-decoration:none;
}

.treeview a{
	color: #21252F;
}

.treeview .hover{
	color: rgba(33, 37, 47, 0.5);
	text-decoration:none;
}

.treeview a.selected {
	background-color: transparent;
	text-decoration:none;
}

.treeview a.selected {
	font-size: 16px;
}

/*---Footer---*/

.footer-list .el-link{
	font-size: 14px;
}

.footer-list.uk-list > :nth-child(n+2) {
	margin-top: 5px;
}

.phone-white-2, .mail-white-2{
	font-size: 14px;
}

.byb-footer{
	border-top: 1px solid rgba(255,255,255,1);
	padding-bottom:10px;
	padding-top:10px;
}

.footer p, .footer a, .footer .uk-text-small{
	color: #fff;
}

.cc-custom-revoke{
	color: #253548;
	font-size:14px;
}

.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-bullet::before {
	background: rgba(255,255,255,0.2)!important;
}

.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-bullet::before {
	border-left-color: rgba(255,255,255,.0);
}


/*---Responsive---*/

/*desktop*/

@media all and (min-width: 1400px) and (max-width:1599px){
	
.solar-panel-tile .uk-tile {
    padding-left: 40px;
    padding-right: 40px;
	margin-right:10px;
}

.cowl-fitting-tile .uk-tile {
	margin-left: 0px;
    padding-left: 40px;
    padding-right: 40px;
}
  
.uk-h1 {
    font-size: 50px;
}

.uk-h2{
    font-size: 25px;
}

.uk-h4{
	font-size: 22px;
}

html{
	font-size: 16px;
}

.services-slider .uk-panel .uk-h4 {
	font-size: 20px;
}

.uk-button {
	font-size: 15px!important;
	line-height: 38px!important;
}

#get-intouch{
	padding-right: 40px;
}

.homepage .headder-btn .uk-button {
	position: relative;
	top: 32px;
}

.solar-panel-proofing {
    padding-top: 0px;
    padding-bottom: 0px;
}

}

@media all and (min-width: 1200px) and (max-width:1499px){
	
	
.uk-navbar-nav > li > a {
  font-size: 16px;
}
	
 .uk-card-small .uk-card-body, .uk-card-small.uk-card-body {
    padding: 25px 25px;
}

.solar-panel-tile .uk-tile {
    padding-left: 40px;
    padding-right: 40px;
	margin-right:10px;
}

.cowl-fitting-tile .uk-tile {
	margin-left: 0px;
    padding-left: 40px;
    padding-right: 40px;
}
  
.uk-h1 {
    font-size: 50px;
}

.uk-h2{
    font-size: 25px;
}

.uk-h4{
	font-size: 22px;
}

html{
	font-size: 16px;
}

.services-slider .uk-panel .uk-h4 {
	font-size: 18px;
}

.uk-button {
	font-size: 15px!important;
	line-height: 38px!important;
}

#get-intouch{
	padding-right: 40px;
}

.homepage .headder-btn .uk-button {
	position: relative;
	top: 32px;
}

.solar-panel-proofing {
    padding-top: 0px;
    padding-bottom: 0px;
}
 
.solar-panel-tile .uk-tile {
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
}
  
.cowl-fitting-tile .uk-tile {
    margin-left: 0px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
} 

.form-panel{
	margin: auto!important;
}

  .uk-navbar-nav {
    gap: 30px;
  }
  
.contact-bg .uk-background-contain {
  background-size: 30%;
}

.uk-h3 {
  font-size: 20px;
}
 

}

/*small desktop*/
@media all and (min-width: 960px) and (max-width:1199px){

.header-image, .headder-btn{
	display:none;
}

.tm-header-mobile .uk-container{
  padding-top: 10px;
  padding-bottom: 10px;
}

.uk-logo {
  width: 170px;
}

 .uk-card-small .uk-card-body, .uk-card-small.uk-card-body {
    padding: 25px 25px;
}

.solar-panel-tile .uk-tile {
    padding-left: 40px;
    padding-right: 40px;
	margin-right:10px;
}

.cowl-fitting-tile .uk-tile {
	margin-left: 0px;
    padding-left: 40px;
    padding-right: 40px;
}
  
  .uk-h1 {
    font-size: 39px;
  }

.uk-h2{
    font-size: 22px;
}

.uk-h4{
	font-size: 20px;
}

html{
	font-size: 16px;
}

.services-slider .uk-panel .uk-h4 {
	font-size: 18px;
}

.uk-button {
	font-size: 15px!important;
	line-height: 38px!important;
}

#get-intouch{
	padding-right: 40px;
}

.homepage .headder-btn .uk-button {
	position: relative;
	top: 32px;
}

.solar-panel-proofing {
    padding-top: 0px;
    padding-bottom: 0px;
}
 
.solar-panel-tile .uk-tile {
padding-left: 100px;
    padding-right: 100px;
    margin-right: 00px;
    padding-top: 70px;
    padding-bottom: 70px;
  }
  
.cowl-fitting-tile .uk-tile {
padding-left: 100px;
    padding-right: 100px;
    margin-right: 00px;
    padding-top: 70px;
    padding-bottom: 70px;
} 

.form-panel{
	margin: auto!important;
}

#get-intouch {
    padding-right: 40px;
    padding-left: 40px;
}

.hero .uk-section-large {
    padding-top: 100px;
    padding-bottom: 100px;
}

.uk-text-large {
  font-size: 18px;
}


.uk-h3 {
  font-size: 19px;
}

.hero-padding .uk-section {
    padding-top: 90px;
    padding-bottom: 90px;
  }
 

}

/*ipad*/
@media all and (min-width: 640px) and (max-width:959px){

.header-image, .headder-btn{
	display:none;
}

.tm-header-mobile .uk-container{
  padding-top: 10px;
  padding-bottom: 10px;
}

.uk-logo {
  width: 170px;
}

.uk-card-small .uk-card-body, .uk-card-small.uk-card-body {
    padding: 25px 25px;
}

.solar-panel-tile .uk-tile {
    padding-left: 40px;
    padding-right: 40px;
	margin-right:10px;
}

.cowl-fitting-tile .uk-tile {
	margin-left: 0px;
    padding-left: 40px;
    padding-right: 40px;
}
  
.uk-h1 {
    font-size: 44px;
}

.uk-h2{
    font-size: 22px;
}

.uk-h4{
	font-size: 20px;
}

.uk-text-large {
  font-size: 17px;
}


html{
	font-size: 16px;
}

.services-slider .uk-panel .uk-h4 {
	font-size: 18px;
}

.uk-button {
	font-size: 15px!important;
	line-height: 38px!important;
}

#get-intouch{
	padding-right: 40px;
}

.homepage .headder-btn .uk-button {
	position: relative;
	top: 32px;
}

.solar-panel-proofing {
    padding-top: 0px;
    padding-bottom: 0px;
}
 
.solar-panel-tile .uk-tile {
padding-left: 40px;
    padding-right: 40px;
    margin-right: 00px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  
.cowl-fitting-tile .uk-tile {
padding-left: 40px;
    padding-right: 40px;
    margin-right: 00px;
    padding-top: 40px;
    padding-bottom: 40px;
} 

.form-panel{
	margin: auto!important;
}

#get-intouch {
    padding-right: 40px;
    padding-left: 40px;
}

.hero .uk-section-large {
    padding-top: 70px;
    padding-bottom: 70px;
}

.service-switcher {
    margin-top: -58px !important;
}

.services-slider .uk-subnav a {
  font-size: 11px;
  font-weight: 700;
  padding-left: 28px;
  padding-right: 26px;
}

.uk-heading-medium {
  font-size: 28px;
}

.uk-h3 {
  font-size: 19px;
}

.hero-padding .uk-section {
    padding-top: 70px;
    padding-bottom: 70px;
}

.hero-mobilebg .uk-position-cover {
  background-color: #1f63a4!important;
}

.mobile-banner-home{
	display:block!important;
}

} 

/*mobile*/
@media (max-width: 639px) {
	
.uk-heading-small {
  font-size: 21px;
}
	

.services-slider .uk-subnav a {
  font-size: 11px;
  font-weight: 700;
  padding-left: 28px;
  padding-right: 26px;
}

	
.header-image, .headder-btn{
	display:none;
}

.tm-header-mobile .uk-container{
  padding-top: 10px;
  padding-bottom: 10px;
}

.uk-logo {
  width: 170px;
}

.uk-card-small .uk-card-body, .uk-card-small.uk-card-body {
    padding: 25px 25px;
}

.solar-panel-tile .uk-tile {
    padding-left: 40px;
    padding-right: 40px;
	margin-right:10px;
}

.cowl-fitting-tile .uk-tile {
	margin-left: 0px;
    padding-left: 40px;
    padding-right: 40px;
}
  
.uk-h1 {
    font-size: 34px;
}

.uk-h2{
    font-size: 20px;
}

.uk-h4{
	font-size: 18px;
}

html{
	font-size: 16px;
}

.services-slider .uk-panel .uk-h4 {
	font-size: 18px;
}

.uk-button {
	font-size: 15px!important;
	line-height: 38px!important;
}

#get-intouch{
	padding-right: 40px;
}

.homepage .headder-btn .uk-button {
	position: relative;
	top: 32px;
}

.solar-panel-proofing {
    padding-top: 0px;
    padding-bottom: 0px;
}
 
.solar-panel-tile .uk-tile {
	padding-left: 20px;
    padding-right: 20px;
    margin-right: 00px;
    padding-top: 40px;
    padding-bottom: 40px;
}
  
.cowl-fitting-tile .uk-tile {
padding-left: 20px;
    padding-right: 20px;
    margin-right: 00px;
    padding-top: 40px;
    padding-bottom: 40px;
} 

.form-panel{
	margin: auto!important;
}

#get-intouch {
    padding-right: 0px;
    padding-left: 0px;
}

.hero .uk-section-large {
    padding-top: 70px;
    padding-bottom: 70px;
}

.services-slider .uk-panel .uk-h4 {
  font-size: 20px;
  text-align:center;
  background-image: none!important;
}

 .services-slider .uk-panel .uk-h4 {
    font-size: 15px;
	padding-right:5px;
	padding-left:5px;
 }
 
.services-slider .uk-panel .uk-h4 {
	margin-top: -75px !important;
}

.services-slider .uk-flex-center {
  justify-content: center;
}

.services-slider .uk-subnav {
  margin-bottom: 35px;
  justify-content: center;
}

.contact-bg .uk-container.uk-container-large{
	padding-right:5px;
	padding-left:5px;
}

.uk-heading-medium {
  font-size: 25px;
}

.uk-h3 {
  font-size: 22px;
}

.uk-text-large {
  font-size: 18px;
  line-height: 1.3;
}

.hero-padding .uk-section {
    padding-top: 50px;
    padding-bottom: 50px;
}
 
.hero-mobilebg .uk-position-cover {
  background-color: #1f63a4!important;
}

.mobile-banner-home{
	display:block!important;
}

}