@font-display url("https://fonts.googleapis.com/css?family=Roboto:200,300,400,500,600&display=swap");

/*Header*/
body{ font-family: 'Roboto', sans-serif; font-size: 14px;  line-height: 220%; color: #444; font-weight: 300;  overflow-x: hidden; background-color: #FFF;}

p{ margin: 0 0 20px 0; }

h1, .h1{ font-family: 'Roboto', sans-serif; font-size: 3em; line-height:1.1em; color: #74B23A; font-weight: 400; letter-spacing: -0.03em; margin-top: 20px; float:left}
h2, .h2{ font-family: 'Roboto', sans-serif; font-size: 2.4em; line-height: 1.2em; color: #74B23A; font-weight: 200; letter-spacing: -0.02em }
h3, .h3{ font-family: 'Roboto', sans-serif; font-size: 1.6em; line-height: 1.2em; color: #74B23A; font-weight: 200; letter-spacing: -0.02em }
h4, .h4{ font-family: 'Roboto', sans-serif; font-size: 1.6em; line-height: 1.2em; color: #74B23A; font-weight: 200; letter-spacing: -0.02em  }
h5, .h5{ font-family: 'Roboto', sans-serif; font-size: 1.2em; line-height: 1.2em; color: #74B23A; font-weight: 200; letter-spacing: -0.01em  }
h6, .h6{ font-family: 'Roboto', sans-serif; font-size: 1.2em; color: #555; text-align: left; line-height: 10px; margin-top: -10px; letter-spacing: -0.01em  }
p { font-family: 'Roboto', sans-serif; font-size: 1.1em; line-height: 1.6em; color: #666; font-weight: 300 !important;  }

.top h2{ font-size: 30px; color: #74B23A; font-weight: 500;  text-align: center;}
.top h3  { font-size: 26px; color: #FFF; font-weight: 500;  text-align: center;} 
.testimonials h3, .preface h3,  .disclaimer p, .preface p { color: #555 !important;  text-align: center !important; max-width: 90%; margin-right: auto; margin-left: auto; } 
.testimonials h2, .preface h2, .region-bottom h2, .region-featured h2, .region-process h2, .disclaimer h2 { font-size: 2.4em; line-height: 1.2em; letter-spacing: -0.03em; color: #222;  font-weight: 400; text-align: center;} 
.middle h2 { font-size: 2.4em; line-height: 1.2em; letter-spacing: -0.03em; color: #FFF;  font-weight: 400; text-align: center;} 
.testimonials h3 { font-size: 26px; color: #FFF; font-weight: 500;  text-align: center;} 
img{ max-width: 100%; }
.image-style-portfolio, .image-style-large {
	float: left;
	padding: 1px 1px 1px;
	margin: 0px 30px 25px 0px;
    text-align: center;
    text-decoration: none;
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 4px 6px rgba(0,0,0,.3);
    box-shadow: 0 4px 6px rgba(0,0,0,.3);
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
	max-width:29% !important;
}
a{ color: #74B23A;}
a:hover, a:active, a:focus { color: #74B23A; text-decoration:underline }
ul.links.inline{ padding: 0; }
ul.links.inline li{ list-style: none;}
.region-content li { font-family: 'Roboto', sans-serif; font-size: 1.1em; line-height: 1.8em; color: #666; font-weight: 400  }
.block{ margin-bottom: 20px; }
.main-header{ color: #FFF; margin-bottom: 0px;	}
.main-header nav{ border-bottom-width: 1px #E7E5E5; margin-top: -15px; padding-top: 5px; padding-bottom: 10px; margin-bottom: -10px;  height: 80px; position: relative; z-index: 10; }
b, strong { color: #111; font-weight: 700; }
.main-header .region{ position: relative; z-index: 2;}

/*region header*/

.site-branding{ margin: 0; }
.brand.logo{ margin-right: 5px; z-index: 1;}
.region-header .brand{ display: inline-block; vertical-align: middle; line-height: 100%;}
.site-name a{ font-size: 26px; color: #FFF;}
.top{ background: #FFF; color: #222; padding: 10px 0; margin-bottom: 100px; max-height: 65vh; }

.slideshow { color: #FFF; background-color: #FFF; width: 100%; padding: 0px; margin-top:-25px !important; margin-bottom: 0px; margin-right: auto; margin-left: auto; clear: both; }

/*middle*/

.testimonials{  color: #FFF; background-color: #74B23A; width: 100%; padding: 20px; margin-top: 20px; margin-bottom: 20px;  margin-right: auto; margin-left: auto; clear: both; min-height: 30vh }
.promotion{ color: #FFF; clear: both; background: #CCC; background-image: url(../images/view-finance-mortgages.webp);  background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 85vh; background-position: scroll; margin-top: 20px;}
.middle { background: #74B23A; color: #222; width: 100%; padding-top: 20px; padding-bottom: 20px; margin-bottom: 20px; min-height: 30vh; margin-right: auto; margin-left: auto; clear: both; } 


/*top widget*/

.testimonials { margin-bottom: 200px; background-color: #FFF; color: #FFF; clear: both; margin-top: 20px; margin-bottom: 0px; padding-top: 20px; padding-right: 0; padding-bottom: 20px; padding-left: 0; }
.featured { clear: both; padding-right: 0; padding-left: 0; margin-top: -20px; margin-bottom: 20px;  }
.disclaimer { background:#f8f9f9; clear: both; padding-top: 20px; padding-right: 0; padding-bottom: 20px; padding-left: 0; margin-top: 20px; margin-bottom: -20px;  }


/*footerwidget*/
.footerwidget{ background: #E7F0F4; color: #FFF;  padding-top: 20px !important; padding-bottom: 0px; margin-top: 0px;  }
.footerwidget h2, .footerwidget .h2{ color: #222; font-size: 1.4em; letter-spacing: -0.01em;}
.footerwidget h3 {font-size: 2.6em; color: #222; }
.footerwidget p{ color: #222; font-size: 1em; }
.footerwidget li{ color: #222; font-size: 1em; list-style-position: none; list-style-image: none; list-style-type: none; text-indent: 0; }
.footerwidget li a:link, .footerwidget li a:visited { color: #222 !important; list-style-position: none; list-style-image: none; list-style-type: none; text-indent: 0; }
.footerwidget ul{ padding-left: 0; margin-left: 0;}
.footerwidget img.left{  float: left; margin: 10px 10px 0 0; }



/*bottom-widgets*/
.copyright{ background: #FFF; color: #222; padding-top: 15px; }
.copyright p{ color: #222; font-size: 13px; margin: 13px 0;  text-align: left;}
.bottom-widgets{  text-align: center; background: #FFF; padding: 10px 0;}

.bottom-widgets .region{ padding: 10px; background: #FFF; }

/*Footer menu*/

.footer-menu{ margin: 0; border: 0; background: #FFF; color: #CCC;}
.footer-menu ul{ margin: 10px 0; padding: 0; }
.footer-menu nav li{ display: inline-block;}
.footer-menu nav li a{ display: block; padding: 4px 20px 4px 0; }
.google_map iframe{ display: block; }

/*Credit link*/

.credit-link{ text-align: left;}

/*SOCIAL MEDIA*/

.social-media{ margin: 10px 0; overflow: hidden; float: left;}
.social-media a {  width: 30px; height: 30px; color: #FFF; float: left; margin: 0 10px 0 0; text-align: center; background: #3262b9; font-size: 14px; line-height: 220%;}
.social-media a.twitter{ background: #29C5F6; }
.social-media a.linkedin{ background: #069; }
.social-media a.rss{ background: #FF6D00;}
.social-media a:hover{  opacity: .6;}

/*FORM*/

input, button, select{ color: #555; padding: 5px; border: 1px solid #999; background: #FFF; max-width: 100%;}
textarea { color: #555; padding: 5px; border: 1px solid #999; background: #FFF; width: 100%;}
select {padding: 10px !important;}
.contact-message-form label{  display: block;}
.btn:hover, .btn-small:hover input[type="submit"]:hover{ background: #4E841B !important; color: #FFF !important; transition: background 0.3s ease 0s;}
.btn-small:hover, .btn-small:active input[type="submit"] { background: #4E841B none repeat scroll 0 0; border: 1px solid #FFF;  color: #FFF; min-height: 30px; line-height: 100%; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px;  margin-top: 10px; margin-bottom: 10px; transition: background 0.3s ease 0s; }
.btn-small, input[type="submit"] { background: #74B23A none repeat scroll 0 0; border: 1px solid #FFF;  color: #FFF; min-height: 30px; line-height: 100%; padding-top: 10px; padding-right: 15px;padding-bottom: 10px; padding-left: 15px;  margin-top: 10px; margin-bottom: 10px; }
.btn-large:hover, .btn-large:active input[type="submit"] { font-size: 1.9em; background: #4E841B !important; border: 1px solid #FFF;  color: #FFF; min-height: 30px; line-height: 100%; padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px;  margin-top: 10px; margin-bottom: 10px; transition: background 0.3s ease 0s;}
.btn-large, input[type="submit"] { font-size: 1.9em; background: #74B23A none repeat scroll 0 0; border: 1px solid #FFF;  color: #FFF; min-height: 30px; line-height: 100%; padding-top: 10px; padding-right: 15px;padding-bottom: 10px; padding-left: 15px;  margin-top: 10px; margin-bottom: 10px; }

.btn-clear { font-size: 1.4em; background: #74B23A none repeat scroll 0 0; border: 1px solid #FFF; color: #FFF; transition: background 0.3s ease 0s; margin: auto; padding-top: 10px; padding-right: 15px;padding-bottom: 10px; padding-left: 15px;  } 
.btn-clear:hover { background: #4E841B none repeat scroll 0 0; border: 1px solid #FFF;  color: #FFF; text-decoration: none; transition: background 0.3s ease 0s; }  
.region-middle .form-item, .form-actions { text-align: center !important; }
.btn-large { font-size: 2em; background: #74B23A none repeat scroll 0 0; border: 1px solid #FFF; color: #FFF; transition: background 0.3s ease 0s; margin: auto; padding-top: 10px; padding-right: 15px;padding-bottom: 10px; padding-left: 15px;  } 
.btn-large:hover { font-size: 2em; background: #4E841B none repeat scroll 0 0; border: 1px solid #FFF;  color: #FFF; text-decoration: none; transition: background 0.3s ease 0s; }  
.region-middle .form-item, .form-actions { text-align: center !important; }

/*FRONT PAGE*/

.path-frontpage .feed-icon, .feed-icons{ display: none;}

/*MENU*/

.navbar-default .navbar-toggle{ background: #FFF; margin-right: 0; }
.navbar-default{ background: #FFF !important;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: #DDD; }
.navbar-toggle{ z-index: 999; position: relative; float: right; padding: 9px 10px; margin-top: 18px !important; margin-right: 5px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-radius: 4px; }

.hotlinks{ max-width: 100%; min-height: 70px; height: auto; background-color: #74B23A; clear: both; margin-top: -10px; margin-bottom: 0px;}
.hotlinks a { font-size: 80%; color: #FFF !important; text-align: left; text-transform: uppercase; font-weight: 500!important; float: right; list-style-type: none; clear: none; padding-top: 3px !important; padding-left: 10px;}
.hotlinks .menu-item, .secondary .menu-item {list-style-type: none; padding-top: 0px; margin-top: 0px; }

.menu-base-theme,
.menu-base-theme a, 
.menu-base-theme a:hover, 
.menu-base-theme a:focus, 
.menu-base-theme a:active, 
.menu-base-theme a.highlighted{
  background: none;
}

.menu-base-theme li a{ background: #FBFBFB }
.main-menu { position: relative; z-index: 9999;}

.container{ max-width: 1400px; width: 80%; margin-right: auto; margin-left: auto; }
.container-full  { width: 100%; margin-right: auto; margin-left: auto;}
.menu-base-theme a{ font-family: 'Roboto', sans-serif; font-size: 1.2em; background: #FFF none repeat scroll 0 0; color: #666; text-transform: none; font-weight: 300!important;}
.menu-base-theme a:hover, .menu-base-theme a:focus, .menu-base-theme a:active, .menu-base-theme a.highlighted { font-family: 'Roboto', sans-serif; font-size: 1.2em; background: #74B23A none repeat scroll 0 0; color: #FFF; text-transform: none; font-weight: 300!important; }
.region-primary-menu{ display: none; background: #FFF; border-radius: 3px; width: 100%; margin-top: 20px; }
.menu-base-theme a{ border-bottom: 1px solid #EEF0F7;}
.menu-base-theme a span.sub-arrow{ color: #999; font-size: 22px; padding: 5px; border-radius: 2px; border: 1px solid #FFF; background: #FFF;} 


/*breadcrumb*/

.breadcrumb{ background: none; padding: 0;  margin: 0;  border-bottom: 1px solid #eee;}
.breadcrumb ul{ padding: 0;}
.breadcrumb ul li{ display: inline-block;}

/*search form*/

#search-block-form{ display: table; width: 100%;}
#search-block-form .form-item,
#search-block-form .form-actions{ display: table-cell; vertical-align: top;}
#search-block-form input{ width: 100%;}

/*Demo typography*/

.bd-example { position: relative; padding: 20px; border: 2px solid #f7f7f9;}
.highlight{ padding: 20px; background-color: #f7f7f9;}
.highlight pre{ border: 0; background: none;}
.bd-example-type .table tr:first-child td { border-top: 0;}

.bd-example-type h1, .bd-example-type h2, .bd-example-type h3, .bd-example-type h4, .bd-example-type h5, .bd-example-type h6 { margin: 0;}
.bd-example-type .table td { padding: 15px 0;border-color: #eee;}

/*Contact form*/

.path-contact{}

.contact-message-feedback-form{ max-width: 80%; }
.contact-message-feedback-form .form-text, .contact-message-feedback-form .form-email, .contact-message-feedback-form .form-textarea{ width: 100%;}

/*user-login-form*/

.user-login-form, .user-form, .user-pass{ max-width: 650px; margin: 40px auto; border: 1px solid #ddd; padding: 10px 30px; background: #FBFBFB;}
.user-login-form .form-text, .user-login-form .form-email, .user-form .form-text, .user-form .form-email, .user-pass .form-text{ width: 100%;}
.form-composite > .fieldset-wrapper > .description, .form-item .description { font-size: 11px; color: #999; font-style: italic; }

/*Maintainance*/

.maintenance-page{ color: #74B23A; text-align: center; padding-top: 220px; padding-bottom: 100px; font-size: 18px; }
.maintenance-msg { margin: 20px 0; background-color: #E7F0F4; padding: 30px 50px; display: inline-block; color: #74B23A; border: 1px solid #fff; box-shadow: 5px 5px 0px #FFF;font-size: 14px; }
.maintenance-msg h1{ color: #74B23A; text-transform: uppercase; font-weight: 700;}
.maintenance-page .brand, .maintenance-page .name-and-slogan{  display: inline-block; vertical-align: middle;}
.maintenance-page .site-name a{ color: #FFF;}
.maintenance-page .site-slogan, .maintenance-page .name-and-slogan{ display: none; }


/*Comment*/

.comment-wrap{ overflow: hidden; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #F5F5F5;}
.comment-wrap .author-details{ float: left; width: 20%;}
.comment-wrap .author-comments{ padding-left: 5px;  float: left; width: 80%;}
.comment-submitted{ padding: 5px 10px; border: 1px solid #eee; font-size: 12px; margin-bottom: 5px; display: block;}
.comment-wrap .author-comments h3{  margin-top: 10px;}
.comment-wrap .author-comments p{ margin-bottom: 10px;}

/*links inline*/

ul.links.inline li{ display: inline-block; padding-right: 10px;}

/*profile*/

.profile > div{
  padding-right: 5px;
  display: inline-block;
  vertical-align: top;
}

.profile h4.label{
  color: #222;
  display: block;
  text-align: left;
  margin-bottom: 5px;
}

blockquote {
position: relative;
color: #444;
font-size: 1.2em; 
min-height: 120px;
height: auto;
padding: 20px;
background: #E7F0F4;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 3px;
border: none;
margin-right: auto;
margin-left: auto;
}

.blockquote:after{
content: '';
position: absolute;
border-style: solid;
border-width: 14px 14px 14px 0;
border-color: transparent #FFF;
display: block;
width: 0;
z-index: 1;
left: -14px;
top: 44px;
}

blockquote:before {
content: '';
position: absolute;
border-style: solid;
border-width: 15px 15px 15px 0;
border-color: transparent #FFF;
display: block;
width: 0;
z-index: 0;
left: -17px;
top: 43px;
}

#video-container{ width:  100%; text-align: center; } 
.video-placeholder{ max-width: 1600px ; max-height: 800px; margin-right: auto !important;  margin-left: auto !important;   border-style: solid; border-width: 2px; border-color:  #FFF; }
.brand .logo{ padding-top: 30px; max-width: 285px;}
.telephone {font-size: 2.4em; font-weight: 600; color: #444; letter-spacing: -0.04em; padding-top: 10px; padding-bottom: 10px;}
.container-center { width: 80%; margin-right: auto; margin-left: auto;}
.content-left { width: 30%; height: auto; float: left; color: #FFF; }
.content-left h2 { color: #FFF; font-size: 2em; line-height: 1.2em; letter-spacing: -0.05em; font-weight: 200; padding-top: 50px;}
.content-left p { color: #FFF; line-height: 1.4em; letter-spacing: -0.01em; font-weight: 200; }
.content-right { width: 70%; height: auto; float: right; clear: none;}
.desaturate { opacity: 0.8; padding: 10%; max-width: 85%; filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ }
.button-outline{ font-size: 3em; color: #FFF; background: #74B23A; padding:10px 15px; border: 1px solid #FFF; margin-top: 20px;text-decoration: none; }
.button-outline a:hover{ color: #FFF; text-decoration: none; background: #74B23A !important; }
.button-grey{ color: #222; padding:10px 15px; border: 3px solid #222; }
.button-grey a:hover{ color: #222; text-decoration: none; background-color: #74B23A !important; }
.views-view-grid .views-col {  float: left; padding-right: 2.5%; padding-left: 2.5%;}

.field--name-field-green-full { width: 80%; color: #FFF !important; max-width: 1400px; padding-top: 1%; padding-bottom: 5%; margin-right: auto; margin-left: auto; }


.field--name-field-theme { width: 95%; float: left; clear: both; }
.page-node-type-service .region-content .field--name-body, .page-node-type-article .region-content  { width: 70%; float: left; clear: none;}
.page-node-type-ppc .h1 { text-align: center !important;}
.page-node-type-ppc h2 { color: #333; text-align: center;}

.page-node-type-mortgage .region-content .field--name-body {width: 70%; float: left;}
.region-additional_information, .field--name-field-additional-information, .region-additional-information{ width: 25%; float: right !important; clear: none; }
.field--name-field-main-image{ margin-bottom: 20px;}
.field__label {font-size: 1.4em; color:#74B23A;  font-weight: 600; text-align: left!important;}
label { display: block; max-width: 100%; margin-bottom: 5px; font-weight: 600;text-align: left!important;}

#block-views-block-clients-block-1 h2, #block-delivery h2 {font-family: 'Roboto', sans-serif; font-size: 3em; line-height:1.2em; color: #74B23A; font-weight: 600; text-spacing: -0.3em; text-transform: uppercase; margin-top: 20px;}
#block-views-block-action-block-1, #block-views-block-testimonials-block-1, #block-advisors, #block-testimonial, #block-reviews, #block-recruitment { color: #FFF !important; text-align: center; width: 60%; margin-right: auto; margin-left: auto;}
#block-views-block-new-block-1 img { max-width: 100%;}
#block-process, .region-process{ text-align: center !important; max-width: 1400px; width: 100%; margin-right: auto; margin-left: auto;}
#block-process img {max-width: 70%; radius: 50%; margin-bottom: -40px; }
#block-delivery h4{ text-align: center;}
.field--name-field-role { font-family: 'Roboto', sans-serif; font-size: 1.8em; line-height: 1em; color: #555; font-weight: 400; text-spacing: -0.5em; text-transform: uppercase; }
.round-image-views img, .views-field-field-action img, #block-advisors img, #block-testimonial img { border-radius: 50% !important; width: 50%; max-width: 275px; margin-top: 1%; margin-right: auto; margin-bottom: -1%; margin-left: auto; text-align: center;}
.round-image-views  { border-radius: 50% !important; max-width: 225px; margin-top: 5%; margin-right: auto; margin-bottom: 5%; margin-left: auto; text-align: center;}
.round-image{ border-radius: 50% !important; width: 60%; max-width: 225px; margin-top: 5%; margin-right: auto; margin-bottom: 5%; margin-left: auto; text-align: center;}
.round-image-large { border-radius: 50% !important; max-width: 275px; width: 80%; margin-top: 5%; margin-right: auto; margin-bottom: 5%; margin-left: auto; vertical-align: middle; }
.view-mortgages h3 {display: none; }
.views-field-field-portrait img {  max-width: 45%; margin-right: auto; margin-bottom: 5%; margin-left: auto; border-radius: 50%; border: 3px solid #74B23A;}
.class-profile-portrait { background: #FFF; margin: 10% 25% 5% 25%; padding: 12px 12px 26px; text-align: left; text-decoration: none; -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3); -moz-box-shadow: 0 4px 6px rgba(0,0,0,.3); box-shadow: 0 4px 6px rgba(0,0,0,.3);
-webkit-transition: all .15s linear; -moz-transition: all .15s linear; max-width: 45%; transform: rotate(1deg)}

/*EU Privacy Disclaimer*/
#sliding-popup .popup-content { max-width: 1400px; width: 80%; padding-top: 10px; min-height: 75px !important; }
#sliding-popup.sliding-popup-bottom { padding-bottom: 10px; background:#74B23A !important; }
.popup-content h2, .popup-content button { color: #FFF !important; font-family: 'Roboto', sans-serif; font-size: 1.1em; font-weight: 300; }
#sliding-popup .popup-content #popup-buttons button:hover  { color: #FFF !important; background:#74B23A !important; }
#sliding-popup .popup-content #popup-buttons button { color: #FFF !important;  background: #74B23A !important; border: 1px solid #FFF; border-radius: 1px; box-shadow: none; display: inline-block; font-weight: normal; padding: 5px 10px; text-shadow: none; transition: background 0.3s ease 0s; }
#sliding-popup .popup-content #popup-text h2 { color: #FFF; font-weight: normal; margin: 5px 0; text-align: left; font-size: 1.2em; font-weight: 500;  }
#sliding-popup .popup-content #popup-text p { font-weight: normal; font-size: 1em;  }

img { max-width:100%; height:auto;}
.field--name-field-portrait img { max-width: 35%; float: left; margin-right: 20px; border-radius: 50%; border: 7px solid #74B23A; }
.logo img { width: 90%;  }
.views-field-field-icon{ max-width: 50%; margin-right:auto; margin-left:auto; text-align: center;}
#block-views-block-featured-block-1-2 { max-width: 1200px; margin-right: auto; margin-left: auto; float: none;}
.views-field-field-overview, .views-field-title, .views-field-field-role,  .views-field-body { text-align: center;}
.view-career-vacancies .views-field-title { text-align: left;}
.views-field .views-field-created, #view-created-table-column {width: 20%; padding-right: 40px;}
.views-field-field-role h4  {color:#74B23A !important; margin-top: 0px; text-align: center; font-size: 1.4em;}
.field--name-field-role  {color:#74B23A !important; margin-top: 0px; text-align: left; font-size: 1.4em;}
.views-field-title h2 {line-height: 1em; margin: 0; padding: 0;} 
.views-field-term-node-tid {font-size: 0.85em; color:#000 !important; weight: 600; text-align: center !important; margin-top: -20px; }
.pager li > a, .pager li > span { background-color: #fff;  border: 1px solid #DDD; border-radius: 1px; display: inline-block; padding: 5px 15px; }

.field--name-field-bullet-points { width: 40%; max-width: 700px; float: right; margin-right: 10%;}
.field--name-field-bullet-points h2 { font-family: 'Roboto', sans-serif; font-size: 3.4em; line-height:1.2em; color: #74B23A; font-weight: 500; text-spacing: -0.2em; text-transform: uppercase;}
#block-map{ margin-right: auto; margin-left: auto; text-align: center; }
#block-testimonials-2, #block-views-block-testimonials-block-2 { color: #FFF; width: 70%; max-width: 900px; margin-right: auto; margin-left: auto; float: none;}
#block-testimonials-2 p {color: #FFF; text-align: center; font-size: 1.4em; line-height: 1.6em; margin-right:auto; margin-left:auto;float: none;}
#block-views-block-action-block-1 h3, #block-views-block-testimonials-block-1 p, #block-views-block-testimonials-block-2 p, #block-views-block-action-block-1 p, #block-advisors p, #block-testimonial p, #block-reviews p, #block-recruitment p {color: #FFF; text-align: center;}
#block-promotion {max-width: 70%; margin-right: auto; margin-left: auto; padding-top: 10%; padding-bottom: 10%;}
#block-promotion p { color: #FFF !important; font-size: 1.4em; line-height: 1.4em; text-align: center; max-width: 60%; margin-right: auto; margin-bottom: 20px; margin-left: auto;  } 
#block-promotion h2 { color: #FFF !important; font-size: 4em; text-align: center; }
#block-enquiry, #block-contactus { max-width: 80%; margin-right: auto; margin-left: auto;}
#block-enquiry .field--name-body, #block-contactus .field--name-body  {font-size: 1.2em; color: #000; margin-right: auto; margin-left: auto; text-align:center!important;}
#block-enquiry p, #block-contactus p {font-size: 1em; color: #000;}
#block-enquiry a:link, #block-contactus a:link {font-size: 1em; color: #000; text-align: left; text-decoration:underline;}
.region-sidebar-second { width: 25%; float: right; clear: none; }

.views-field-field-testimonial{ text-align: center;}
.views-field-field-testimonial p:before {content:"\201C";font-weight:bold;font-size:4vw; color:#FFF; position:absolute; top:-0.3em; left:0;font-family:'Georgia';}
.views-field-field-testimonial p:after {content:"\201D";font-weight:bold;font-size:4vw;color:#FFF;position:absolute;bottom:-0.4em;font-family:'Georgia';right:0;}
.views-field-field-testimonial .field-content {width: 90%; text-align: center; margin-right: auto; margin-left: auto; }


.region-page-title {max-width: 100%}
.video-background { position:relative; z-index:0; }
.video-overlay { max-width: 60%; margin: auto; position:absolute; top:200px; left:20%; right: 20%; z-index:1; }
#content-wrapper{ float: right; width: 25%; clear: none;  min-height: 1px;  padding-right: 15px; padding-left: 15px;}
.video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%;}
.field--name-description, .field--name-field-overview, .field--name-field-outline { width: 100%; float: left; clear: none; padding-right: 15px; }
.block-container { width: 100%; clear: both;  margin-top: 20px; margin-bottom: 20px; }
.player .video-wrapper { background: none repeat scroll 0 0 #FFFFFF; height: 100%; position: absolute; width: 100%; }
.webform-confirmation__message, .webform-confirmation__back { display: none; }
.js-form-type-checkbox { float: left !important; margin-top: 0em !important; }
#edit-notice {width: 100%; float: left; clear:left;}

@media only screen and (max-width: 959px) {
h1, .h1{ font-family: 'Roboto', sans-serif; font-size: 2.6em; width: 90%;}
.views-col  { width: 100% !important;  }
.container{ width: 85%; margin-right: auto; margin-left: auto; }
.hotlinks .container{ width: 100% }
.field--name-field-bullet-points { width: 100%; float: none; clear: both;}
#content-wrapper{ float: none; width: 100%; clear: left; margin: auto;}
.page-node-type-service .region-content .field--name-body, .page-node-type-article .region-content { width: 100%; float: left;} 
.region-content { width: 100%; float: left;}
.region-additional_information, .field--name-field-additional-information, .region-additional-information, .region-sidebar-second { width: 100%; float: left; clear: left; }
.brand .logo{ width: 255px; padding-top: 0px;}
.logo img { max-width: 225px;}
.notice p { color: #FFF; text-align: left; padding: 0px; margin: auto;}
#block-01{width: 90%; max-width: 1800px; margin-right: auto; margin-bottom: -5px; margin-left: auto; }
.image-style-portfolio, .image-style-large { float: left; padding: 1px 1px 1px; margin: 0px 25px 25px 0px; text-align: center; text-decoration: none; -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3); -moz-box-shadow: 0 4px 6px rgba(0,0,0,.3); box-shadow: 0 4px 6px rgba(0,0,0,.3); }
.region-middle .form-item, .form-actions { text-align: left !important; width: 80% !important; }
#block-enquiry, #block-contactus {margin-right: auto; margin-left: auto;}
.btn-large { font-size: 1.6em;} 
.btn-large:hover { font-size: 1.6em; } 
}
	

@media only screen and (max-width: 450px) {
.slideshow { margin-top:-15px !important; }
.views-col  { width: 100% !important;  }
h1, .h1{ font-family: 'Roboto', sans-serif; font-size: 2.4em; line-height:1.1em; color: #74B23A; font-weight: 200; letter-spacing: -0.03em; float:left; width:90%;}
.container{ width: 85%; margin-right: auto; margin-left: auto; }
.brand .logo{ width: 205px; padding-top: 0px; }
.logo img { max-width: 205px;}
.image-style-portfolio, .image-style-large { float: left; padding: 1px 1px 1px; margin: 0px 25px 25px 0px; text-align: center; text-decoration: none;
 -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, .3); -moz-box-shadow: 0 4px 6px rgba(0,0,0,.3); box-shadow: 0 4px 6px rgba(0,0,0,.3); -webkit-transition: all .15s linear; -moz-transition: all .15s linear; max-width:75% !important;}
.promotion{ color: #FFF; clear: both; background: #CCC; background-image: url(../images/view-finance-mortgages-responsive.webp);  background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: auto; background-position: scroll; margin-top: 20px;}
#block-promotion {max-width: 100%;}
#block-promotion p {width: 90%;}
input, button, select{ color: #555; padding: 5px; border: 1px solid #999; background: #FFF; max-width: 100%;}
textarea { color: #555; padding: 5px; border: 1px solid #999; background: #FFF; width: 100%;}
select {padding: 10px !important; max-width: 100%;}
.btn-large { font-size: 1em;} 
.btn-large:hover { font-size: 1em; } 
}