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


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;font-weight:normal;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;}



img{max-width:100%; height: auto;}
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:bold;margin-bottom:5px;}
a{color:#209BA2;}a:hover{color:#209BA2;;text-decoration:none;}
html{width: 100%; height: 100%; margin: 0px; padding: 0px; overflow-x: hidden;}
body{font-family:"Open Sans",sans-serif;font-size:15px;line-height:160%;color:#333;overflow-x:hidden;font-weight:300;background:#FFF;text-align:left; vertical-align: middle; }
.region-page-title h1{margin:10px 0}
.footerwidget{background:#108441;color:#86b59a;padding:20px 0;border-top:1px solid #F7F7F7;}
.footerwidget h2.title{color:#FFF;}
.footerwidget .left{float:left;margin:10px 10px 0 0;}
.copyright{ font-size: 85%; color: #333; background:#F1F1F1; text-align:center;}

.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,h2,.h2,h3,.h3,h4,.h4 {font-family:"Open Sans",Arial, Helvetica, sans-serif; color:#333; margin:10px 0; line-height:120%;}
h1,.h1 {font-family:"Barlow",Arial, Helvetica, sans-serif; font-size:2.8em; color:#209BA2; font-weight:300 !important; text-transform:uppercase; margin-top: 20px;}
h2,.h2 {font-family:"Barlow",Arial, Helvetica, sans-serif; font-size:1.6em;margin-bottom:20px; color:#209BA2;font-weight:300!important; text-transform:uppercase;letter-spacing: -0.02em;}
h3,.h3 {font-family:"Barlow",Arial, Helvetica, sans-serif; font-size:1.6em; color:#333; font-weight:400!important; text-transform:uppercase;letter-spacing: -0.02em;}
h4,.h4 {font-family:"Barlow",Arial, Helvetica, sans-serif; font-size:1.2em; color:#111; display:block; font-weight:300; letter-spacing: -0.02em;}
h5,.h5 {font-family:"Barlow",Arial, Helvetica, sans-serif; font-size:1.2em; color:#111; display:block; font-weight:300; letter-spacing: -0.02em;}
h6,.h6 {font-family: "Open Sans",Arial, Helvetica, sans-serif; color:#111; display:block; font-size:1.4em; font-weight:300; letter-spacing: -0.02em;}


/*Tables & Grids*/

table{ width:100%; margin:0 0 10px;}
caption{ text-align:left;}
th{ text-align:left; adding:10px 12px;}
thead th {font-family:"Open Sans",Arial, Helvetica, sans-serif; color:#CCC; text-transform:uppercase; background:#1D252D; border:solid #333; border-width:1px; padding: 5px;}
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:none;}
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:#004875;}
th>a:hover,th>a:focus,th.is-active>a:hover,th.is-active>a:focus{color:#008ee6;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:#008ee6}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;}


/*Lists & Bullet Points*/

ol,ul{padding-left:20px;margin-bottom:20px;}
ol li,ul li{list-style:outside;}
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; padding:15px;  background-color:none;}
.region-header .brand{font-family:"Open Sans",Arial, Helvetica, sans-serif; font-weight: 300; display:inline-block; vertical-align:middle; font-size:1.2em; max-width: 275px;}
.region-header .brand a {font-family: 'Barlow',Arial, Helvetica, sans-serif; color:#000; display:block; font-size:1.5em; font-weight:600; letter-spacing: -0.04em; text-transform: uppercase;}
.region-header .brand a img {vertical-align:middle;}
.region-header .brand .site-branding__slogan {font-family: 'Open Sans',Arial, Helvetica, sans-serif; color:#111; 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:100px;}
.path-frontpage .content_layout { text-align: center; max-width: 60%; margin:auto; }

.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-message,.footer,.bottom-widget,.path-frontpage .main-content,.team,.products,.features,.copyright,.clients {padding:20px 0;}
.top {max-width: 95%; margin-right: 2.5%; margin-top: -10vh; margin-left: 2.5%; margin-bottom:0; }
.main-content{padding:0 0 50px 0}.top-message,.team {text-align:center;}
.feed-icon{display:none}.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;}
.clients .region ul li {display:inline-block; width:100%; text-align:center;}
.clients .region ul li img {max-width:200px;}
.testimonials-wrap {background:#FAFAFA; border-top:solid 1px #E3E3E3; border-bottom:solid 1px #E3E3E3; padding:20px 0; text-align:center; font-size:1em; line-height:160%;}
.region-testimonials {max-width:300px;margin:0 auto;}
.testimonials-pic {width:40px;height:40px;display:inline-block;vertical-align:bottom;margin-right:10px;}
.testimonials-pic img {-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.testimonials-author {padding:0 5px;font-size:.75em;color:#555}.price-table .card-header{border:0;padding:20px 0;}
.price-table ul li {list-style:none;border-bottom:1px solid #eee;padding-bottom:10px;margin-bottom:10px;}
.team .team-list .region {background:#efefef;overflow:hidden;padding:10px;border:1px solid #eaeaea;}
.bottom { text-align:left; background: #F7F7FA; animation: gradient 15s ease infinite; padding-top:20px; padding-bottom:20px; color:#333;}
.bottom h2.title,.bottom-widget *{color:#333;}
.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-
.top-nav .fa {padding:0 5px}.top-nav .block,.top-nav p{margin:0}
.header{text-align:left;background:#FFF;border-bottom:1px solid #E8E8E9;}
.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:center;}
.region-additional_information, .field--name-field-additional, .region-additional, .field_additional{ width: 25%; float: right; clear: none;}
.page-node-type-product .region-content .field--name-body {width: 70%; float: left;}
.package { border-collapse: collapse; width:300px; max-width: 32%; float:left; clear: none; margin-right: 1.25%;}
.package th, .package td { padding: 15px; border: solid 1px #777;}
.package th { background-color: #209BA2;;}
.row-even {font-size: 1em; font-weight: 300; background-color: #FaFBFC; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; text-align: left; vertical-align: middle;}
.row-odd {font-size: 1em; font-weight: 300; background-color: #FFF; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; text-align: left; vertical-align: middle;}

.pager li > a, .pager li { background-color: #333; color: #FFF; border-radius: 1px; display: inline-block; padding: 5px 15px; list-style: none !important; text-align: center; }
.pager { text-align: center; border:none; margin-top: 20px; }
/*Menus*/


.navbar-toggle:focus {outline:none;}
.navbar-toggle .fas {font-size:2em; color:#1D252D; border:0; box-shadow:none;}
.navbar-toggle-close{position:absolute; right:0; padding:18px; 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;}
.menu-base-theme{background:none;}
.menu-base-theme ul {background:none}
.menu-base-theme li a {font-family:"Barlow",Arial, Helvetica, sans-serif;  font-weight: 400 !important; text-transform: uppercase; border-bottom:1px solid #4C4A4A; line-height:200%; padding:10px 10px; font-size:1.1em;}
.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: #209BA2;!important; color:#FFF!important; line-height:200%; padding:10px 10px;}
.menu-base-theme li a.has-submenu {padding-right:25px;}
.menu-base-theme li a.sub-arrow {color:#999; font-size:22px; padding:5px; border-radius:2px; border:1px solid #DCDCDC; background:#EFEFEF;}
.menu-base-theme li a span.sub-arrow {line-height:120%; font-size:2em;}
.region-primary-menu {width:100%; background:rgba(2,53,60,0.8); margin-bottom:15px; border-radius:0px; position:fixed; top:0; left:-100%; right:100%; bottom:0; width:auto; z-index:99; transition:all .5s;}
.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%;}
.footer-menu {margin:0; border:0; background:url('../images/social-media-bg.png');color:#FFF; background-size:cover; padding:80px 0;}
.hotlinks .menu {margin-bottom: 0px !important;}
.hotlinks  ul {padding-left: 0px!important;}
.hotlinks{max-width: 100%; min-height: 45px;  background-color:#FFF; clear: both; padding-top: 12px; margin-top: -5px; margin-bottom: 0px; border-bottom:1px solid #E8E8E9;}
.hotlinks  a {font-family:"Open Sans",sans-serif; color:#000; font-weight: 300 !important; line-height:10%; padding:12px 20px; margin-top: 0px; font-size:0.85em; float: left; display:inline; clear: none;}
.hotlinks a:hover,.hotlinks a:focus,.hotlinks  a:active { color:#000; text-decoration:underline; line-height:10%; padding:12px 20px; margin-top: 0px;}
.hotlinks .menu-item, .secondary .menu-item {list-style-type: none; display:inline; 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; text-indent: 8px; max-height: 15px;}
.email{background-image: url('../images/icons/icon-email.svg'); background-repeat: no-repeat; background-position: left; text-indent: 8px; max-height: 15px;}
.directions{background-image: url('../images/icons/icon-directions.svg'); float: right; background-repeat: no-repeat; background-position: left; text-indent: 8px; max-height: 15px;}
.ratings{background-image: url('../images/icons/icon-star-rating.svg'); float: right; background-repeat: no-repeat; background-position: left; text-indent: 8px; max-height: 15px;}
.icon {display:inline-block; vertical-align:middle; width: 60px; height: 50px; float: left; margin-left: 75px;}  
#block-supreme-secondary{ float: left; width:60%; text-align:left;}
#block-supreme-tertiary { float: right!important; max-width:40%; text-align:right!important;}

/*middle*/


/*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; padding: 5px;}
.tabs a.is-active {background-color:#209BA2;; color:#FFF;}
.tabs a:focus,.tabs a:hover { background-color:#209BA2;; 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 #E09300;}
.messages--error {background-color:#fcf4f2; color:#a51b00; border-color:#f9c9bf #f9c9bf #f9c9bf transparent; box-shadow:-8px 0 0 #E62300;}
.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 #209BA2;; font-size:0; width:100%; height:40px; padding:0 20px; vertical-align:top;}
#search-block-form input.form-submit:hover {background-color:#209BA2;; border-color:#209BA2;;}
#search-block-form input {width:100%; height:30px;}




/*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, .form-select {width: 100%; border:1px solid #CCC; background:#FFF; border-radius: 4px; padding:10px;}
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;}
.user-login-form,.user-form,.user-pass {max-width:300px; margin:40px auto; border:1px solid #e6e6e6;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:#999; font-style:italic;}
#sliding-popup .popup-content #popup-buttons button { color: #FFF !important; background: #209BA2!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-bottom, .sliding-popup-top { color: #FFF!important; z-index: 99999; width: 100%; background: #209BA2;; padding-top: 20px; margin-bottom: -10px;}

/*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:#F7F7F7;}
.maintenance-msg h1{text-transform:uppercase;font-weight:bold}

#block-views-block-standards-block-1 {width: 100%;}
#team {width:80%; background:#FFF; margin-right: auto; margin-top: 20px; margin-left: auto; margin-bottom: 20px; clear:both; }
#team h2 {font-family: 'Open Sans',Arial, Helvetica, sans-serif;  color: #209BA2;; text-align: center; font-weight:300 } 
#clients h2{font-family: 'Open Sans',Arial, Helvetica, sans-serif; color: #209BA2;; text-align: center; font-weight:300 }
#bottom h2 {font-family: 'Open Sans',Arial, Helvetica, sans-serif; font-size: 1.2em; color: #333;  font-weight:400 }
#bottom a:link, #bottom a:visited {color: #209BA2 !important;} 
#bottom a:hover {color: #209BA2; text-decoration: underline!important; }
#slides h2, #block-views-block-banner-block-1 h2  {font-size: 2.8em; color:#FFF !important;}
#block-views-block-banner-block-1 p {font-size: 1.1em; color:#FFF !important;}
#slides { width: 100%; height: auto; background:#97c752; background: url(../images/mortgages.jpg) no-repeat center bottom; background-size: auto; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin-top: 0px; margin-bottom: 2.5vh;}
#block-views-block-testimonials-block-1, #block-views-block-testimonials-block-1 p  {font-size: 1em; color: #FFF !important;  text-align: center; max-width: 70%; margin:auto;}
#block-views-block-testimonials-block-1 h2 {color: #FFF !important;  text-align: center;}
#block-views-block-testimonials-block-1 strong,b{ font-family:"Open Sans",Arial, Helvetica, sans-serif; color: #1D252D; font-weight:bold; text-transform: uppercase;}
#block-supreme-action{ max-width:170px; max-height: 50px; padding-top: 10px;}





.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, .views-more-link a, .more-link,input[type="submit"]{background:#209BA2;cursor:pointer;color:#FFF;border:0;padding:13px 20px;line-height:100%;margin-right:2px;display:inline-block;-moz-border-radius:3px;-webkit-border-radius:3px; border-radius:3px;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;}
.btn:hover, .node-readmore a:hover, .views-more-link a:hover, .flexslider .more-link:hover,input[type="submit"]:hover{background:#209BA2;;color:#FFF;}
ul.links.inline li{display:inline-block;padding-right:10px;}
.btn-blue {background:#209BA2;;cursor:pointer;color:#FFF; font-weight: 400; border:0;padding:13px 20px;line-height:100%;margin-right:2px;display:inline-block;--webkit-border-radius:3px;border-radius:3px;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;}
.btn-turquoise {background:#48C6C0;cursor:pointer;color:#FFF; font-weight: 400; border:0;padding:13px 20px;line-height:100%;margin-right:2px;display:inline-block;--webkit-border-radius:3px;border-radius:3px;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;}
.btn-blue:hover, .btn-turquoise:hover {background:#1D252D; color:#FFF;}
.views-more-link, .read-more-link{background:#1D252D;cursor:pointer;color:#FFF;border:0; line-height:100%;margin:10px;display:inline-block;--webkit-border-radius:3px; border-radius:3px;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s; clear:left;}

.views-more-link:hover, .read-more-link:hover, .read-more-link:visited  {background:#209BA2;;color:#FFF;}



.align-left {float:left; padding-right: 10px; max-width: 45%;}
.align-right {float:right; padding-left: 10px; max-width: 45%;}
.element-invisible {width: 1px;}
.element-invisible.element-focusable:active, .element-invisible.element-focusable:focus {width: auto;}
.views-field-field-icon {display:block; width: 100%; margin-left: auto; margin-right: auto;}
.views-field-field-role {color: #111;}
.views-field-field-banner img {float: right; max-width: 300px; width: 35%; margin-right: 12.5%; clear:none;}
.views-field-field-portrait img { max-width: 350px; width: 70%; border-radius: 50%; margin:auto;}
#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;}
#block-views-block-staff-profiles-block-1 {clear:right !important;}
#block-views-block-staff-profiles-block-1 a:link, #block-views-block-staff-profiles-block-1 a:visited, #block-views-block-staff-profiles-block-1 a:hover  {color:#209BA2!important; text-align: center !important;}


.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-role {font-family: "Open Sans",Arial, Helvetica, sans-serif; color:#111; display:block; font-size:1.4em; font-weight:400; letter-spacing: -0.03em;}
.field--name-field-features img  { max-width: 45%; vertical-align: middle; }
.field--name-field-portrait img { background: #FFF; display: inline; float: left; margin: 0 5px 30px; text-align: center; text-decoration: none; position: relative; max-width: 65%;}
.field--name-field-testimonial-second  { float: left; width: 45%;}
.field--name-field-testimonial-third  {float:right; clear: none; width: 45%;}
.field--name-field-testimonial-fourth {clear: both;} 

/* Dashed red border */
hr {border-top: 1px; clear:both;}
#achievements { background:transparent; margin-bottom: -90px;}
#block-supreme-reviews {margin:auto; max-width:50%; text-align: center;}
#news {background: #F7F7F7; padding: 2.5%;}
.middle {color: #FFF; background: #209BA2;; padding-top: 2.5%; padding-bottom: 2.5%;}
.disclaimer {margin-top: 2.5vh; margin-bottom: 2.vh;}
.services { background: #F7F7F7; pmax-width: 80%; margin: auto;}
.manufacturers { padding-right: 10%; padding-left: 10%; margin: auto;}
#news h2,  .services h2, .manufacturers h2  {text-align:center!important;}
#bottom, #footer { color: #333; background: #F7F7F7;}
#block-supreme-views-block-products-block-1 .slider-container { max-width: 70%; margin: auto; text-align: center;}
#block-supreme-views-block-products-services-block-1 .views-field-field-image img{ border-radius: 50%; max-width: 80%; padding: 5px; }
#block-supreme-views-block-products-services-block-1 .h2 {text-align:center!important;}

#block-supreme-views-block-news-blog-block-1 .li {background: #FFF; padding: 5px;}
#block-supreme-views-block-news-blog-block-1 .slider-container { width: 80%; margin: auto; }
#block-supreme-views-block-news-blog-block-1 .slider-container ol li,ul li{list-style:none;} 
#block-supreme-views-block-news-blog-block-1 .slider-container>* { /*The slides*/ scroll-snap-align: var(--swiffy-slider-snap-align);position: relative; width: 100%; height: 100%;background:#FFF; border: 1px solid; border-color: #CCC; border-radius: 8px;}
.path-news .views-view-responsive-grid__item > *, .path-faqs .views-view-responsive-grid__item > *,  .path-taxonomy .views-view-responsive-grid > *, #block-supreme-views-block-news-blog-block-2 .views-view-responsive-grid__item {width: 100%; height: 100%;background:#FFF; border: 1px solid; border-color: #CCC; border-radius: 8px; margin-bottom: 20px;}
.path-news .views-view-responsive-grid__item > * p, .path-faqs .views-view-responsive-grid__item > * p,.path-taxonomy .views-view-responsive-grid > * p { color: #333; font-size: 1em; font-weight: 300!important;  padding: 0px 10px; clear:right;}
.path-news .views-view-responsive-grid__item > * h3, .path-faqs .views-view-responsive-grid__item > * h3,.path-taxonomy .views-view-responsive-grid > * h3 { color: #333; font-size: 2em; font-weight: 300!important;  padding: 0px 10px; clear:right;}
.news-published-date { color: #FFF; z-index: 20; position: absolute; top:0px; right: 10px; background:#209BA2;; padding: 10px; }
.path-team .views-view-responsive-grid > * h3, .path-team .views-view-responsive-grid > * h4,  .path-team .views-view-responsive-grid > * p {text-align: center!important;}
.path-team .views-view-responsive-grid > * .views-field-field-portrait {width: 40% !important; margin-right: auto; margin-left: auto;}
.region-services h2, .region-manufacturers h2 {  font-size: 2.8em; font-weight: 300; letter-spacing: -0.03em;  width:100%; padding: 10px; text-align:center!important;  } 
.views-field-body p {padding-right:10px; padding-left:10px!important;} 
.news-image img, .views-field-field-image img {border-top-right-radius: 8px; border-top-left-radius: 8px;}
#block-supreme-views-block-news-blog-block-1 p { color: #333; font-size: 1em; font-weight: 300;  padding: 0px 10px; clear:right;} 
.region-header .brand a img, .brand-logo {vertical-align:middle; max-width: 85%!important;}

.text-formatted ul li{list-style-type: disc;}


#block-supreme-search-form-narrow {float:right;}
#block-supreme-views-block-blinds-block-1 h3 { color: #000!important; font-size: 1.4em; font-weight: 300!important; letter-spacing: -0.03em;  padding: 10px; }
#block-supreme-views-block-news-blog-block-1 h2, #block-supreme-views-block-blinds-block-1 h2 { font-size: 3em; font-weight:300; text-align: center!important;}
#block-supreme-views-block-news-blog-block-1 .img {z-index: -1;}
.region-top-first  { background: #02353C; min-height: 15vh; border-radius: 8px;}
.region-top-second { background: #209BA2;; min-height: 15vh; border-radius: 8px;}
.region-top-third { background: #48C6C0;  min-height: 15vh; border-radius: 8px;}
#achievements {max-width: 50%; margin:auto;}
#block-supreme-views-block-mortgages-services-block-1 {text-align: center; max-width:80%; margin:auto;}
.circular-image {-webkit-border-radius:3px;border-radius:3px; max-width: 300px;}
.middle #block-supreme-views-block-team-block-1 h2, .middle #block-supreme-views-block-team-block-2 h2, .middle #block-supreme-views-block-team-block-1 h4, .middle #block-supreme-views-block-team-block-2 h4, .middle #block-supreme-views-block-team-block-1 p, .middle #block-supreme-views-block-team-block-2 p, #block-supreme-process h2  {color: #FFF;}
#block-supreme-views-block-team-block-1 {text-align: center;}
#block-supreme-views-block-team-block-2 img {float:left; clear:none; max-width: 55px;}
#block-supreme-webform h2 {color: #FFF;}
#block-supreme-webform {margin-right:5%; margin-left: 5%;}
.region-middle-second{ background: #48C6C0; border-radius: 20px; padding: 2.5%;}
.webform-progress__status {font-size: 20px; text-align: left!important;}

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:#209BA2 !important; border: none; border-radius: 2px;  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;}





@media only screen and (max-width: 959px) {	
h1,.h1,h2,.h2,h3,.h3,h4,.h4 {font-family:"Open Sans",Arial, Helvetica, sans-serif; margin:10px 0; line-height:100%;}
h1,.h1 {font-size:2em;}
h2,.h2 {font-size:1.2em;margin-bottom:20px;}
h3,.h3 {font-size:1.2em;}
h4,.h4 {font-size:1.1em; color:#1D252D;}
.region-header{text-align:left; padding:10px; background-color:none;}
.region-header .brand a img, .brand-logo {vertical-align:middle; max-width: 100%!important;}
.align-right{float:right; padding-left: 10px; max-height: 100vh;}
.views-field-field-icon {display:block; width: 100%; margin-left: auto; margin-right: auto;}
.views-field-field-banner img {float: right; max-width: 300px; width: 80%; margin: auto;}
#block-views-block-banner-block-1 .views-field-body{ width: 80%;  clear:left; padding-top: 5%;  vertical-align: middle;}
#block-views-block-testimonials-block-1, #block-views-block-testimonials-block-1 p  {font-size: 1em; color: #FFF !important;  text-align: center; max-width: 70%; margin:auto;}
.region-additional_information, .field--name-field-additional, .region-additional, .field_additional{ width: 100%; float: none; clear: none;}
.page-node-type-product .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; }
button.navbar-toggle {background: #FFF; float: right; clear: none; margin-top: 20px;}
.top {margin-top: 0px;} 
.top .top-list .region .block {margin-bottom: -0.5px;}
.path-frontpage .content_layout {max-width: 100%; margin-right: auto; margin-left:auto; text-align:center;}
#block-supreme-secondary{ width:100%;}
#block-supreme-tertiary { display:none;}
#block-supreme-views-block-team-block-2, #block-supreme-process{display:none;}
}

@media only screen and (max-width: 459px) {
.icon {margin-left: 0px;}
#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: 300px; width: 80%; margin: auto;}
#block-views-block-banner-block-1 .views-field-body{ width: 80%;  clear:left; padding-top: 5%;  vertical-align: middle; clear: left;}
.field--name-field-features img  { width: 100%; max-width: 450px; height: auto !important; vertical-align: middle; }
.package { border-collapse: collapse; width:450px; max-width: 100%; float:left; clear: right;}
#block-supreme-action {display:none;}
#block-supreme-reviews {margin:auto; max-width:100%; text-align: center;}

}