@import url("https://fonts.googleapis.com/css?family=Roboto:200,300,400,700");

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}
html{line-height:1}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th,td{text-align:left; vertical-align:middle;}
q,blockquote{ quotes:none }
q:before,q:after, blockquote:before, blockquote:after { content:"";content:none }
a img{border:none}
article,top,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}



em{font-style:italic}
strong,b{font-weight:bold}
.custom-block-title{margin:20px 0;overflow:hidden}
.custom-block-title h2{font-size:2em; font-weight:400; margin-bottom:5px}
a{color:#C0222A;}a:hover{color: #C0222A;text-decoration:underline}
html{width: 100%; height: 100%; margin: 0px; padding: 0px; overflow-x: hidden;}
body{font-family:"Roboto",sans-serif; font-size:15px; line-height:160%; color:#333; overflow-x:hidden; font-weight:300; background:#F7F4F2; text-align:left; vertical-align: middle; }
img{ max-width: 100%; height: auto;}
.region-page-title h1{margin:30px 0}
.footer h2.title{color:#FFF}
.container{max-width:85%;}
.copyright{ font-size: 85%; color: #C0222A; background: #FFF; text-align:left; padding-top: 40px; position:relative;}
.map-and-address h2.title{display:none}
.google_map p,.google_map .block{margin:0}
.google_map iframe{display:block}

.social-media a{line-height:100%;font-size:1em;display:inline-block;padding:4px 8px;width:26px}
.social-media a:hover{color:#de4400}
input,button,select,textarea{padding:6px;border:1px solid #e3e3e3}
.contact-message-form label{display:block}.btn,.node-readmore a, .more-link,input[type="submit"]{background:#C0222A; cursor:pointer;color:#FFF; text-transform: uppercase; border:0;padding:14px 20px;line-height:100%;margin-right:2px;display:inline-block;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}

.btn:hover, .node-readmore a:hover, .more-link:hover,input[type="submit"]:hover{background:#C0222A; color:#FFF;}
ul.links.inline li{display:inline-block;padding-right:10px}

.btn-clear{background: #78875E; border-style: solid; border-width: 1px; border-color: #FFF!important; cursor:pointer; color:#FFF; text-transform: uppercase; border:0;padding:14px 20px;line-height:100%;margin-right:2px;display:inline-block;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}

.btn-clear:hover{background:#1D252D; color:#FFF;  border-style: solid; border-width: 1px; border-color: #FFF;}
ul.links.inline li{display:inline-block;padding-right:10px}

.bd-example{position:relative;padding:20px;border:2px solid #f7f7f9;background:#ececec}
.highlight{padding:20px;background-color:#FFF}.highlight pre{border:0;background:none}


/*Type & Fonts*/

h1, .h1 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 3.2em; line-height: 1.2em; color: #C0222A; letter-spacing: -0.03em; font-weight: 300; margin: 5px 0 10px; }
h2, .h2 { font-family: 'Roboto', Arial, Helvetica, sans-serif; color:#C0222A; font-size: 2.2em; line-height: 1.2em; font-weight: 300; letter-spacing: -0.02em; margin-bottom: 10px; }
h3, .h3 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 2.2em; color:#C66828; line-height: 1.4em; font-weight: 300; letter-spacing: -0.02em; margin-bottom: 10px; }
h4, .h4 { font-family: 'Roboto', Arial, Helvetica, sans-serif;font-size: 1.6em; color:#C0222A; line-height: 1.5em; font-weight: 300; letter-spacing: -0.02em; margin-bottom: 10px; }
h5, .h5 { font-family: 'Roboto', Arial, Helvetica, sans-serif;font-size: 1.4em; color:#C0222A; line-height: 1.2em; font-weight: 300; margin-bottom: 10px; }
h6, .h6 { font-size: 0.85em; font-weight: 600;}


/*Tables & Grids*/

table{width:100%; margin:0 0 10px}
caption{text-align:left}
th{text-align:left; adding:10px 12px}
thead th {font-family:"Roboto", Arial, Helvetica, sans-serif; color:#CCC; text-transform:uppercase; background:#1D252D; border:solid #333; border-width:1px; padding: 10px;}
tr{border-bottom:1px solid #e6e4df;padding:0.1em 0.6em }
thead>tr{order-bottom:1px solid #000}
tbody tr:hover,tbody tr:focus{ background:#F7F7F7 }
tbody tr.color-warning:hover,tbody tr.color-warning:focus{ background:#fdf8ed}
tbody tr.color-error:hover,tbody tr.color-error:focus{background:#fcf4f2}td,th{vertical-align:middle}
td{padding:10px 12px;text-align:left}
th>a{position:relative;display:block}
th>a:after{content:'';display:block;position:absolute;top:0;bottom:-10px;left:0;right:0;border-bottom:2px solid transparent;-webkit-transition:all 0.1s;transition:all 0.1s}
th.is-active>a{color:#004875}
th.is-active img{position:absolute;right:0;top:50%}
th.is-active>a:after{border-bottom-color:#CCC}
th>a:hover,th>a:focus,th.is-active>a:hover,th.is-active>a:focus{color:#F7F7F7;text-decoration:none}
th>a:hover:after,th>a:focus:after,th.is-active>a:hover:after,th.is-active>a:focus:after{border-bottom-color:#F7F7F7}td .item-list ul{margin:0}td.is-active{background:none}th.select-all{width:1px}.caption{margin-bottom:1.2em}@media screen and (max-width: 37.5em){th.priority-low,td.priority-low,th.priority-medium,td.priority-medium{display:none}}@media screen and (max-width: 60em){th.priority-low,td.priority-low{display:none}}p{margin:0 0 20px 0}

.clip, .field--name-field-feature img { display: inline-block; margin-bottom: 20px;}



/*Lists & Bullet Points*/

ol,ul{padding-left:20px;margin-bottom:20px}
ol li,ul li{list-style:inside}
.list-unstyled li{list-style:none}
ol li{list-style-type:decimal}
ul.links.inline{padding:0}
ul.links.inline li{list-style:none}
.block{margin-bottom:10px}

/*Layout*/

.region-header{text-align:left; background-color:none;}
.region-header .brand{font-family:"Roboto",sans-serif; font-weight: 400; display:inline-block; vertical-align:middle; font-size:2em;}
.region-header .brand a {font-family: 'Oswald'; color:#748A5C; display:block; font-size:2em; font-weight:200; letter-spacing: -0.04em;}
.region-header .brand a img {vertical-align:middle; max-width: 295px;}
.region-header .brand .site-branding__slogan {font-family:"Roboto",sans-serif; color:#748A5C; display:block; font-size:2em; font-weight:200; letter-spacing: -0.04em;}
.top .fa,.top .fas{font-size:3em}
.top .top-list .region .block{position:relative; padding:20px 20px; margin-bottom:30px;}
.top .top-list .region .block h2{margin-bottom:5px}
.top .top-list .region .block p:last-child{margin:0}
.top ul{margin:0;padding:0}
.top ul li{list-style:none;padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid #dddddd42;}
.sidebar {padding:15px;}
.sidebar .region h2.title {padding:5px 0;margin:0;}
.sidebar .region .content {padding:10px 0;}
.region-content {min-height:200px;}
path-frontpage .region-content{min-height:200px;}

.marker{color:#e00}abbr.tabledrag-changed,abbr.ajax-changed {border-bottom:none;}
.form-item input.error,.form-item textarea.error,.form-item select.error {border:2px solid red;}
.updates,.top,.top-message,.footer,.bottom,.path-frontpage .main-content,.services,.copyright{padding:20px 0; position:relative;}
.main-content{padding:0 0 100px 0; }
.top-message,.services {text-align:center;  }
.updates {padding:60px 10px}.updates .region{padding:10px 20px;background:#FFF;}
.features {color:#666;}
.footer tbody tr:hover,.footer tbody tr:focus {background:none}.clients{background:#eee;}

.middle {text-align:left;  min-height:50vh; margin-top: 20px; margin-bottom: 20px; padding-top:40px; padding-bottom:40px;  } 
.services h2, .services h3 {color: #FFF;}
.middle {text-align:left;  margin-top: 20px; margin-bottom: 20px; padding-top:40px; padding-bottom:40px; }  
.news h2 {color: #1D252D; text-transform: uppercase;}
.news {text-align:left; background: #F9F5E9; padding-top:20px; padding-bottom:20px; margin-op: 20px; margin-bottom: 20px; color:#333; clear:both;}
.bottom {text-align:left; padding:20px 0 0 0; background: url('../images/masks/waves1.svg');background-repeat: repeat-x; background-position-y: bottom; background-size: contain;}
.bottom h2 {color: #C0222A; font-size: 3em; font-weight: 500!important; text-transform: uppercase; text-align: center;}
#bottom a:link, #bottom a:visited {color: #C0222A !important;} 
#bottom a:hover {color: #C0222A; text-decoration: underline!important; }
.top-nav {background:#f7f7fa;padding:15px;font-size:1.1em;position:relative;-moz-box-shadow:1px 1px 4px #dedede;-webkit-box-shadow:1px 1px 4px #dedede;box-shadow:1px 1px 4px #dedede}.top-nav .region-message,.top-nav .region-email{display:inline-block;}
.top-nav .fa {padding:0 5px}.top-nav .block,.top-nav p{margin:0}
.header{background: #FFF; text-align:right; margin-bottom: 10px; padding-top: 20px;}
.main-header nav {border:0;margin:0;position:relative;min-height:auto;background:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
.main-header .region {position:relative;padding:25px 0;}
.main-header .block {margin:0;}
.main-header p,.main-header .block {margin:0;}
.site-branding {margin:0;}
.social-media {padding:10px 0;text-align:left;}
.field_additional .region-additional, .field--name-field-additional, .region-additional{ width: 25%; float: right; clear: none;}
.taxonomy-term .field--name-description {width: 70%; float: left;}
.page-node-type-product .field--name-field-product {width: 45%; float: left; margin-right: 5%; clear: none;}

/*Menus*/

.navbar-toggle:focus {outline:none;}
.navbar-toggle .fas {font-size:2em; color:#1D252D; border:0; box-shadow:none;}
.navbar-toggle-close{position:relative; left:87.5%; padding:18px; margin-top: 10px; font-size:2em; color:#F00; cursor:pointer; z-index:99;}
.navbar-default .navbar-toggle {z-index:999; margin-right:0; border:0; border-radius:0; color:#1D252D; background:none; padding:6px 6px;}
.navbar-default .navbar-toggle .icon-bar{display:block; width:35px; height:4px; border-radius:1px; background-color:#212020;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background:none;}
nav h2{display:none;}
.company li a, .company.is-active,  .company-info {display: none; font-size: 0;}
.menu-base-theme{background:#FFF!important;}
.menu-base-theme ul {background: #FFF !important;}
.menu-base-theme li a {font-family:"Roboto",sans-serif; background: #FFF; color:#C0222A; font-weight: 400 !important; border-bottom:1px solid #4C4A4A; line-height:200%; font-size:1.3em; text-align: left;}
.menu-base-theme li a:hover,.menu-base-theme, li a:focus.menu-base-theme li a:active,.menu-base-theme li a.highlighted { background:#C0222A; color:#FFF; line-height:200%; text-align: left;}
.menu-base-theme li a.has-submenu {padding-right:35px;}
.menu-base-theme li a.sub-arrow {color:#999; font-size:20px; padding:5px; border-radius:2px; border:1px solid #DCDCDC; background:#F7F4F2;}
.menu-base-theme li a span.sub-arrow {line-height:120%; font-size:2em;}
.region-primary-menu {width:100%; background:#FFF; margin-bottom:15px; border-radius:0px; position:fixed; top:0; left:-100%; ight:100%; bottom:0; width:auto; z-index:99; transition:all .5s;}
sm menu-base-theme
#block-umbrella-main-menu{background:#FFF;}
.region-primary-menu.expand {left:0; right:10%;}
.region-footer-menu ul {margin:10px 0; padding:0;}
.region-footer-menu nav li {display:inline-block}.region-footer-menu nav li a {display:block; padding:2px 15px 2px 0;}
.top-menu{font-size:.75em; background:#313d48; color:#FFF;}
.top-menu .top-blocks {overflow:hidden;}
.top-menu .top-blocks .region {padding:10px 10px 10px 0;}
.top-menu .top-blocks .social-media {padding:9px 0;}
.top-menu p,.top-menu .block {margin:0;}
.top-menu a {color:#FFF;}
.region-top-menu ul{margin:0; adding:0;}
.region-top-menu nav li{display:inline-block;}
.region-top-menu nav li a {padding:2px 10px; text-transform:uppercase; line-height:100%;}
.icon {display:inline-block; vertical-align:middle; width: 60px; height: 50px; float: left; margin-left: 75px;}  
.hotlinks .menu {margin-bottom: 0px !important;}
.hotlinks{max-width: 100%; min-height: 45px;  background-color: #FFF; clear: both; padding-top: 12px; margin-top: -5px; margin-bottom: 0px;}
.hotlinks  a {font-family:"Roboto",sans-serif; color:#C0222A; font-weight: 400 !important; line-height:10%; padding:12px 20px; margin-top: 0px; font-size:1em; float: right; clear: none;}
.hotlinks a:hover,.hotlinks a:focus,.hotlinks  a:active { color:#C0222A; text-decoration:underline; line-height:10%; padding:12px 20px; margin-top: 0px;}
.hotlinks .menu-item, .secondary .menu-item {list-style-type: none; padding-top: 0px; margin-top: 0px; margin-left: 10px; }
.telephone{background-image: url('../images/icons/icon-telephone.svg'); background-repeat: no-repeat; background-position: left; padding-right: 20px; text-indent: 15px; max-height: 15px;}


/*Admin*/

div.tabs { margin:1em 0 }
ul.tabs {list-style:none; margin:0 0 0.5em; padding:0;}
.tabs>li {display:inline-block; margin-right:0.3em;}
.tabs a {display:block; padding:6px 10px; text-decoration:none; font-size:13px; background:#E6E6E6; line-height:100%; color:#1D252D; }
.tabs a.is-active {background-color: #78875E; color:#FFF;}
.tabs a:focus,.tabs a:hover { background-color: #78875E; color:#FFF;}
.messages {background:no-repeat 10px 17px; border:1px solid; border-width:1px 1px 1px 0; border-radius:2px; padding:10px 20px 10px 20px; word-wrap:break-word; overflow-wrap:break-word; margin:5px 0px;}
.messages+.messages {margin-top:1.538em;}
.messages__list {list-style:none; padding:0; margin:0;}
.messages__item+.messages__item {margin-top:0.769em;}
.messages--status {color:#325e1c; background-color:#f3faef; border-color:#c9e1bd #c9e1bd #c9e1bd transparent; box-shadow:-8px 0 0 #77B259;}
.messages--warning {background-color:#fdf8ed; border-color:#f4daa6 #f4daa6 #f4daa6 transparent; color:#734c00; box-shadow:-8px 0 0 #E09600;}
.messages--error {background-color:#fcf4f2; color:#a51b00; border-color:#f9c9bf #f9c9bf #f9c9bf transparent; box-shadow:-8px 0 0 #E62600;}
.messages--error p.error {color:#a51b00;}
.path-user .profile>div {display:inline-block;}
.path-user .profile .label {display:block;color:#333;}

/*Search*/

.search-block-form {margin:0 auto;}
.region-search {width:100%; display:inline-block; padding:7px; vertical-align:middle;}
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 .form-actions {width:40px;}
search-block-form input.form-submit {background:url('../images/search.png?1532937786') no-repeat center #78875E; font-size:0; width:100%; height:40px; padding:0 20px; vertical-align:top;}
#search-block-form input.form-submit:hover {background-color: #78875E; border-color: #78875E;}
#search-block-form input {width:100%; height:40px;}


/*Paths*/

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

/*Breadcrumbs*/

.breadcrumb ul li:after,.breadcrumb ol li:after {content:" >"; padding-left:15px;}
.breadcrumb ul li:last-child:after,.breadcrumb ol li:last-child:after {display:none;}
.breadcrumb{font-size:.85em; padding:2px 0; margin:0; display:inline-block;-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;}
.breadcrumb ul,.breadcrumb ol{padding:0;margin:0}.breadcrumb ul li,.breadcrumb ol li {display:inline-block; padding:0 8px;}


/*Forms*/

.form-email, .form-text, .form-tel, .form-textarea {color :#C0222A; border:1px solid #DDD5BD; background:#FDFDFD; width: 100%; padding: 10px; border-radius:5px;}
form .field-multiple-table {margin:0;}
form .field-multiple-table .field-multiple-drag {width:30px; padding-right:0;}
form .field-multiple-table .field-multiple-drag .tabledrag-handle {padding-right:.5em;}
form .field-add-more-submit {margin:.5em 0 0;}
.form-item,.form-actions {margin-top:1em; margin-bottom:1em;}
tr.odd .form-item,tr.even .form-item {margin-top:0; margin-bottom:0;}
.form-composite>.fieldset-wrapper>.description,.form-item .description {font-size:0.70em; line-height:150%;}
label.option{display:inline; font-weight:normal;}
.form-composite>legend,.label {display:inline; font-size:inherit; font-weight:bold; margin:0; padding:0;}
.form-checkboxes .form-item,.form-radios .form-item {margin-top:0.4em; margin-bottom:0.4em;}
.contact-message-feedback-form {max-width:100%; margin:0 auto;}
.contact-message-feedback-form .form-text,.contact-message-feedback-form .form-email, .form-tel, .contact-message-feedback-form .form-textarea {width:100%;}
.user-login-form,.user-form,.user-pass {max-width:500px; margin:40px auto; border:1px solid #DDD5BD;;padding:5px 20px;background:#FDFDFD;}
.user-login-form .form-text,.user-login-form .form-email,.user-form .form-text, .user-form .form-email, .user-pass .form-text, .user-pass .form-email {width:100%;}
.form-composite>.fieldset-wrapper>.description,.form-item .description {color:#C0222A; font-style:italic;}


/*Comments*/

.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-wrap .author-comments h3 {margin-top:10px;}
.comment-wrap .author-comments p {margin-bottom:10px;}
.comment-submitted {padding:5px 10px;border:1px solid #eee;display:inline-block;line-height:100%;}


/*Maintainance*/

.maintenance-page {background:#FFF; text-align:center; padding-top:220px; padding-bottom:100px; color:#000;}
.maintenance-page .brand,.maintenance-page .name-and-slogan {display:inline-block;vertical-align:middle;}
.maintenance-page .site-name a {color:#404040}
.maintenance-page .site-slogan,.maintenance-page .name-and-slogan {display:none;}
.maintenance-msg {margin:20px 0;;padding:20px 30px;;display:inline-block;;color:#404040;;border:1px solid #FFF; background:#f2f4cf; background:#FFF;}
.maintenance-msg h1{text-transform:uppercase;font-weight:bold}



/*Regions*/
  

#showcase {width:100%; background: #F7F7FA; background: linear-gradient(180deg, #F7F7FA 20%, #EBEBEC 20%); max-height: 75vh; margin-bottom: 20px; }
#social {width:100%; background: url("../images/aquatics.jpg"); background-color: #CCC; background-repeat: repeat; background-size: auto; text-align: center; margin-top: 20px; margin-bottom: 20px; padding-right: 10%; padding-left: 10%; min-height:30vh;} 
#services h2 {font-family: 'Oswald', sans-serif; color: #FFF; text-align: center; font-weight:400} 
#clients h2 {font-family: 'Oswald', sans-serif; color: #78875E; font-size: 3em; text-align: center; font-weight:400}
#slides {width: 100%; position: relative; }
#slides h3 {font-family: 'Oswald', sans-serif; color: #FFF; font-size: 4em; text-align: left; line-height:1.2em}
#social h2 {font-family: 'Oswald', sans-serif; color: #272727; font-size: 2.2em; text-align: center; font-weight:400}
#social h4 {font-family: 'Roboto', sans-serif; color: #272727;  text-align: center; font-weight:400}
#feature  {width: 100%; position: relative; width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 0px;
  margin-bottom: 0px;
  background-color: #F7F4F2;
  background-image: url(../images/residential-rental-properties.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  min-height: 85vh;
  width: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }



/*Blocks*/

#block-views-block-standards-block-1 {width: 100%;}
#block-umbrella-management, #block-umbrella-maintenance, #block-umbrella-support {text-align:center;}
#block-umbrella-management img, #block-umbrella-maintenance img, #block-umbrella-support img {width: 70%; max-width: 450px; border-radius: 50%; padding:10%;}

#block-views-block-services-block-2 .views-field-title a, #block-views-block-services-block-2 p  {color: #FFF !important;  text-align: center}
#block-views-block-services-block-1 h2, #block-views-block-news-block-1 h2 {color: #FFF !important; font-size: 3em; text-align: center}
#block-views-block-clients-block-1 {text-align:center;}
#block-views-block-clients-block-1 img, #block-halls-views-block-departments-block-1 img {max-width: 80%;}
#block-views-block-clients-block-2 {width: 75%; max-width: 1200px; margin:auto; padding-top: 20px; padding-bottom: 20px;}
#block-views-block-clients-block-2 p {font-size: 1.1em; color: #333 !important;  text-align: center; margin:auto;}
#block-views-block-testimonials-block-1, #block-views-block-testimonials-block-1 p  {font-size: 1.1em; color: #1D252D !important;  text-align: center; max-width: 85%; margin:auto;}
#block-views-block-testimonials-block-1 h2 {color: #1D252D !important; font-size: 3em; text-align: center;}
#block-views-block-testimonials-block-1 strong,b{ font-family:"Roboto",sans-serif; color: #1D252D; font-weight:bold; text-transform: uppercase;}
#block-views-block-latest-news-block-1 h4 {font-family: "Roboto",sans-serif!important; }
#block-views-block-banner-block-1 .views-field-body{ float:left; width: 35%; margin-left:12.5%; clear:none; padding-top: 5%;  vertical-align: middle;}




slick__arrow { bottom: auto; height: 2px; left: 0; margin-top: -1px; pointer-events: none; position: absolute; color: #78875E !important; transform: translateY(-50%); width: 100%; z-index: 2;}
.slick-prev:before, .slick-next:before {color: #C0222A !important;}


.align-left {float:left; margin-right: 10px; max-width: 45%;}
.align-right {float:right; margin-left: 10px; max-width: 45%;}
.element-invisible {width: 1px;}
.element-invisible.element-focusable:active, .element-invisible.element-focusable:focus {width: auto;}


/* Views*/
.views-field-field-icon {display:block; width: 100%; margin-left: auto; margin-right: auto;}
.views-field-field-banner img {float: right; max-width: 600px; width: 35%; margin-right: 12.5%; clear:none;}
.views-field-field-portrait img {width: 40%; max-width: 225px!important; float: none; margin-right: 30%; margin-left: 30%; border-radius: 50%; border: 20px solid #E4E5EA;}
.views-field-field-image img, .views-field-field-product img,  .views-field-field-feature img, .field--name-field-feature img, .region-sidebar-second img{ width: 100%; height: 100%;}

.views-more-link{ color:#000; border:0;  line-height:100%; display:inline-block;clear:both;}
.views-field-field-feature-1 { margin-left: 10%; text-align: left; top: 100px; z-index: 40; position: absolute; width: 50%; max-width: 1200px;}
.views-field-field-feature-1 h1 { color: #FFF !important; font-size: 500%; font-weight: 300; text-align: left !important; text-transform: uppercase; width: 90%; margin-bottom: -20px; letter-spacing: -0.07em;}
.views-field-field-feature-1 p {  color: #FFF !important; font-size: 120%; line-height: 1.5em !important; text-align: left !important; font-weight: 200; width: 60%; }
.views-element-container footer {text-align:center;}


/* Fields*/

.field--name-field-features {max-height: auto; width: 100%; clear: both; }
.field--name-field-features .field--name-body, .field--name-field-features .field--type-text-long {float:left; width: 50%;  clear:none; padding-top: 30%; margin-top: 30px;  vertical-align: middle;}
.field--name-field-features img  {max-width: 45%; vertical-align: middle; }
.field--name-field-portrait img {width: 30%; max-width: 500px; float: left;margin-right: 20px; border-radius: 50%; border: 30px solid #E4E5EA;}

/* Views*/


hr {height: 1px; clear:both;}


 

.file--application-pdf{ background-image: none !important; padding-left: 0px;}
.file a:link {font-weight: 400; background: #78875E; cursor:pointer;color:#FFF; text-transform: uppercase; border:0;padding:14px 20px;line-height:100%;margin-right:2px;display:inline-block;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}

.file a:hover, .file a:visited {background:#1D252D;  cursor:pointer;color:#FFF; border:0;padding:14px 20px;line-height:100%;margin-right:2px;display:inline-block;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px;}
ul.links.inline li{display:inline-block;padding-right:10px}
.file-application-pdf{ display: none;}

.slick .slick-dots--thumbnail-grid li:hover img, .slick .slick-dots--thumbnail-grid .slick-active img {-webkit-transition-delay: 0s; transition-delay: 0s; border-color: #78875E;}

.slick--view--slideshow .views-field-field-slide{ float: right;  width: 100%; margin-top:0px !important; clear: none; }
.slick--view--slideshow .views-field-field-slide img, .views-field-field-slide img{  width: 100%; height: 100%; max-width: 100%; float:left;}

.views-field-field-feature img, .views-field-field-feature {  width: 100%; height: 100%; max-width: 100%; float:left;}

.slick--view--slideshow .views-field-field-slide  {  width: 100%; height: 100%; max-width: 100%; float:left;}
/* EU Cookie Policy*/

div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {background: #FFF; border: none; background-size: auto; border-radius: 10px; margin-bottom:-1%;}
@media (min-width: 1800px) {#sliding-popup { left: 1100px; right: auto;}
}
#sliding-popup { position: fixed; right: 0; right: var(--drupal-displace-offset-right, 0px); z-index: 1000; width: 100%; max-width: 400px; padding: 10px; padding: var(--sp1-5, 10px);
padding-top: 20px; filter: drop-shadow(0 0 72px rgb(0 0 0 / 10%)); background: #FFF!important; }
#sliding-popup .popup-content #popup-buttons button {color: #FFF !important; background:#C0222A !important; border: none; border-radius: 5px;  font-weight: normal; padding: 5px 10px; text-shadow: none; -moz-box-shadow: inset 0 0px 0 0 #78875E; /* LTR */ -webkit-box-shadow: inset 0 0px 0 0 #748A5C; /* LTR */transition: background 0.3s ease 0s; clear: none;}
.eu-cookie-compliance-message { float: left; max-width: 100%;}
.eu-cookie-compliance-buttons {float: left; clear: left; max-width: 80%; padding-top: 20px;}
.eu-cookie-compliance-message p {  font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1em; display:inline; font-weight:300;}
.eu-cookie-compliance-message h4 { color: #000;}


/* Mobile & Tablet Responsive Layout */

@media only screen and (max-width: 959px) {
.container{max-width:90%;}
h1,.h1,h2,.h2,h3,.h3,h4,.h4 { margin:10px 0; line-height:100%;}
h1,.h1 {font-size:2em;}
h2,.h2 {font-size:1.4em;}
h3,.h3 {font-size:1.4em;}
h4,.h4 {font-size:1.2em; line-height: 1.4em;}
.path-frontpage .main-content img {width: 100%; height: auto;}
.taxonomy-term .field--name-description  {width: 100%; float: left;}
.region-search {display:none;}	
.region-header{text-align:left; padding:0px;}
.region-header .brand a img, .brand-logo {text-align:left !important; float:left !important; width: 205px;}
.align-right{float:right; padding-left: 10px;}
.views-field-field-icon {display:block; width: 100%; margin-left: auto; margin-right: auto;}
.views-field-field-feature-1 { margin-left: 10%; text-align: left; top: 20px; z-index: 2; position: absolute; max-width: 900px;}
.views-field-field-feature-1 h1 { color: #FFF !important; font-size: 170%; text-align: left !important; padding: 0px; margin-left: 10%; letter-spacing: -0.03em;}
.views-field-field-feature-1 p {  color: #FFF !important; line-height: 1.3em !important; text-align: left !important; width: 90%; margin-left: 10%; }
.slick--view--slideshow .views-field-field-slide img, .views-field-field-slide img{  width: 100%; height: 100%; max-width: 100%; float:left; }
#block-halls-tertiary{ display:none;}
#block-views-block-banner-block-1 .views-field-body{ width: 80%;  clear:left; padding-top: 5%;  vertical-align: middle;}
.region-additional_information, .field--name-field-additional, .region-additional, .field_additional{ width: 100%; float: none; clear: none;}
.region-content .field--name-body {width: 100%; float: none;}
.field--name-field-features img  { width: 100%; max-width: 750px; height: auto !important; vertical-align: middle; }
.page-node-type-product .field--name-field-product {width: 100%; float: left; margin-right: 0%; clear: left;}
#block-hire{ width: 100%; float: left;}
#block-maintenance{ width: 100%; float:left; clear: left;}
.horizontal-tabs ul.horizontal-tabs-list li a, .horizontal-tabs ul.horizontal-tabs-list li.selected a {display: block; width: 100%; padding: 1em 8em; position: relative; min-width:400px;}
button.navbar-toggle { background: #FFF; float: right; clear: none; margin-bottom: 10px;}
}

@media only screen and (max-width: 699px) {
	
.hotlinks a {font-size: 0 !important; }
.company li a, .company-info { font-size: 100%;}
.region-search {display:none;}	

	
}


@media only screen and (max-width: 459px) {
.icon {margin-left: 0px;}
#block-halls-tertiary{ display:none;}
#block-views-block-clients-block-1 img {max-width: 100%;}
.views-field-field-icon {display:block; width: 100%; margin-left: auto; margin-right: auto;}
.views-field-field-banner img {float: right; max-width: 600px; width: 80%; margin: auto;}
#block-views-block-banner-block-1 .views-field-body{ width: 80%;  clear:left; padding-top: 5%;  vertical-align: middle;}
.field--name-field-features img  { width: 100%; max-width: 450px; height: auto !important; vertical-align: middle; }
.hotlinks .container {width: 100%!important;padding: 5px; margin: 0;}
.hotlinks a {font-size: 0 !important; }
.header { margin-bottom: 10px !important;}
.region-search {display:none;}	
.slick .slick-dots--thumbnail-grid img {-webkit-transition-delay: 0s; transition-delay: 0s; border-color: #78875E; max-width: 75px!important;}

}