:root {

--primary-bg-color: #282622;
--primary-bg-color-alt: #7c8b84;
--secondary-bg-color: #90a38d;
--tertiary-bg-color: #F9F8F6;
--primary-font-color: #282622;
--secondary-font-color: #90a38d;
--tertiary-font-color: #F9F8F6;
--primary-font-link-color: #90a38d;
--secondary-font-link-color: #D98236;
--primary-font-family: 'Poppins', sans-serif;
--primary-paragraph-font-size: 18px;
--primary-paragraph-font-weight: 300;
--primary-paragraph-text-transform: normal;
--primary-h1-font-size: 36px;
--primary-h1-font-mobile-size-laptop: 36px;
--primary-h1-font-mobile-size-laptop-alt: 36px;
--primary-h1-font-mobile-size-tablet: 28px;
--primary-h1-font-mobile-size-mobile: 28px;
--primary-h1-font-weight: 600;
--primary-h1-text-transform: normal;
--primary-h2-font-size: 34px;
--primary-h2-font-weight: 600;
--primary-h2-text-transform: normal;
--primary-h3-font-size: 20px;
--primary-h3-font-weight: 300;
--primary-h3-text-transform: normal;
--primary-h4-font-size: 20px;
--primary-h4-font-weight: 400;
--primary-h4-text-transform: normal;
--secondary-font-family: "neue-haas-grotesk-text", sans-serif;;
--secondary-paragraph-font-size: 14px;
--secondary-paragraph-font-weight: 300;
--secondary-paragraph-text-transform: normal;
--primary-border-color: #90a38d;
--primary-border-radius: 10px;
--primary-border-size: 3px;
--primary-border-state: solid;
--primary-border-padding: 6px 10%;
--secondary-border-color: #D98236;
--secondary-border-radius: 10px;
--secondary-border-size: 3px;
--secondary-border-state: solid;
--secondary-border-padding: 10px;
--primary-border-top-color: #D98236;
--primary-border-top-size: 10px;
--primary-border-top-state: solid;
--primary-border-bottom-color: #D98236;
--primary-border-bottom-size: 10px;
--primary-border-bottom-state: solid;
--primary-border-left-color: #D98236;
--primary-border-left-size: 10px;
--primary-border-left-state: solid;
--primary-border-right-color: #D98236;
--primary-border-right-size: 10px;
--primary-border-right-state: solid;
--secondary-border-top-color: #90a38d;
--secondary-border-top-size: 10px;
--secondary-border-top-state: solid;
--secondary-border-bottom-color: #90a38d;
--secondary-border-bottom-size: 10px;
--secondary-border-bottom-state: solid;
--secondary-border-left-color: #90a38d;
--secondary-border-left-size: 10px;
--secondary-border-left-state: solid;
--secondary-border-right-color: #90a38d;
--secondary-border-right-size: 10px;
--secondary-border-right-state: solid;
--text-line-height: 1.5;
--text-decoration: none;
--text-font-style: normal;
--text-letter-spacing: 0em;
--text-align: left;
--primary-button-bg-color: var(--secondary-bg-color);
--primary-button-border: var(--primary-border-state) var(--primary-border-size) var(--primary-border-color);
--primary-button-border-radius: var(--primary-border-radius);
--primary-button-padding: var(--primary-border-padding);
--primary-button-color: var(--tertiary-font-color);
--primary-button-text-transform: uppercase;
--primary-button-font-weight: 400;
--primary-button-font-size: 16px;
--primary-button-letter-spacing: 0px;
--primary-button-display: inline-block;
--primary-button-text-align: center;
--primary-font-color-alt: #282622;
--primary-font-link-color-alt: #90a38d;
--link-hover-color: var(--secondary-font-link-color);
--visited-link-color: var(--secondary-font-link-color);
--secondary-link-hover-color: var(--primary-font-link-color);
--secondary-visited-link-color: var(--primary-font-link-color);
--primary-button-hover-bg-color: var(--tertiary-bg-color);
--primary-button-hover-color: var(--link-hover-color);
--primary-button-hover-border-color: var(--tertiary-bg-color);
--primary-button-hover-text-decoration: none;
--secondary-button-bg-color: var(--secondary-bg-color);
--secondary-button-border: var(--secondary-border-state) var(--secondary-border-size) var(--secondary-border-color);
--secondary-button-border-radius: var(--secondary-border-radius);
--secondary-button-padding: var(--secondary-border-padding);
--secondary-button-color: var(--tertiary-font-color);
--secondary-button-text-transform: uppercase;
--secondary-button-font-weight: 400;
--secondary-button-font-size: 16px;
--secondary-button-letter-spacing: 0px;
--secondary-button-display: inline-block;
--secondary-button-text-align: center;
--secondary-button-hover-bg-color: ;
--secondary-button-hover-color: ;
--secondary-button-hover-border-color: ;
--secondary-button-hover-text-decoration: none;
--primary-margin: 10px;
--secondary-margin: 0px;
--primary-padding: 10px;
--secondary-padding: 0px;
--primary-position: relative;
--secondary-position: absolute;
--tertiary-position: fixed;
--primary-section-width: var(--primary-width);
--primary-section-position: var(--primary-position);
--primary-width: 100%;
--secondary-width: 50%;
--primary-max-width: 100%;
--secondary-max-width: 50%;
--primary-z-index: 9;
--secondary-z-index: 5;
--tertiary-z-index: 1;
--primary-background-size: cover;
--primary-background-position: center;
--primary-background-repeat: no-repeat;
--secondary-background-size: contain;
--secondary-background-position: top left;
--secondary-background-repeat: repeat-x;
--tertiary-background-repeat: repeat-y;
--primary-column-padding: 0;
--secondary-column-padding: 0 5%;
--footer-padding: 100px 5%;
--logo-footer-margin: 0 0 20px 0;
--logo-footer-padding: 0;
--logo-margin: 0;
--logo-padding: 0;
--primary-font-awsome-font-family: 'FontAwesome';
--secondary-font-awsome-font-family: 'Font Awesome 5 Free';
--primary-float: left;
--secondary-float: right;
--tertiary-float: none;
--tertiary-padding: 5px 10px;
--tertiary-margin: 5px 10px;
--primary-header-bg: #F9F8F6;
--primary-coloum-wrapper-padding: 10%;

}

.main-header{width:100%;float:left;padding:0;margin:0;}.center-height-items{display: flex;align-items: center;}.no-padding{padding:0 !important;}.header-logo{}.main-navigation{}.cta-button-primary{}.hero-content-section scroll-past{}.hero-callout-box{position: absolute;bottom: 35%; left: 5%; z-index: 8;}.main-footer section-bg-primary{}.main-section{position:relative;position: var(--primary-position);width: var(--primary-width);float:var(--primary-float);}.section-bg-primary{background-color: var(--primary-bg-color);color: var(--tertiary-font-color);padding:150px 0; }.section-bg-primary a{color: var(--tertiary-font-color);}.section-bg-primary a:hover{color: var(--tertiary-font-color);}.section-bg-secondary{background-color: var(--secondary-bg-color);color: var(--tertiary-font-color);padding: 150px 0;}.section-bg-secondary a{color: var(--primary-font-color);}.section-bg-secondary a:hover{color: var(--primary-font-color);}.section-bg-tertiary{background-color: var(--primary-bg-color-alt);color: var(--tertiary-font-color);padding: 20px 0;border-left:solid 10px var(--primary-bg-color);margin:5px 0;}.section-bg-tertiary a{color: var(--secondary-font-color);}.section-bg-tertiary a:hover{color: var(--secondary-font-color);}.row{margin-right: var(--secondary-margin) !important; margin-left: var(--secondary-margin) !important;}.column-wrapper{padding:var(--primary-coloum-wrapper-padding);}.main-header{position: var(--primary-position);width: var(--primary-width);z-index: var(--primary-z-index);float:var(--primary-float);padding:var(--secondary-padding);margin:var(--secondary-margin);background-color:var(--primary-bg-color);}.header-logo{text-align:center;}.header-logo img{padding:var(--primary-padding);}.hero-callout-box {position: absolute;bottom: 35%; left: 0%; z-index: 8;padding:10px 20px;background-color:#fff;}.hero-callout-box h1{font-size: var(--primary-h1-font-size) !important;font-weight: var(--primary-h1-font-weight);text-transform: uppercase;color: var(--primary-font-color);line-height:1.0em;margin:0;letter-spacing: 0px;}.main-navigation{}.stick{position: var(--tertiary-position); z-index: var(--primary-z-index) ; width:100%; top:0;left:0; background-color: rgba(255, 255, 255, 1.0);}.nav > li > a:focus, .nav > li > a:hover{background: none !important;color: var(--secondary-font-color) !important;}.nav > li > a{color: var(--tertiary-font-color) !important;}.navbar-nav>li.on a{}.navbar-collapse{text-align:center;}.navbar .navbar-nav{display: inline-block;float: none;}.navbar{margin:0 !important;}.scrollTop{position: fixed;right: 20px;bottom: 20px;width: 40px;height: 40px;background-color:var(--primary-bg-color-alt);text-align: center;padding: 0px;color:var(--tertiary-font-color);display: none;cursor: pointer;z-index: 9999;border-radius:100%;border:solid 2px #fff;}.scrollTop i{animation: hero-arrow-icon-up 4s infinite;-webkit-animation: hero-arrow-icon-up 4s infinite;-moz-animation: hero-arrow-icon-up 4s infinite;margin: 12px 0 0 0;}#mainNav.show .nav-toggle .hamburger .line{-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out}#mainNav.show .nav-toggle .hamburger .line1,#mainNav.show .nav-toggle .hamburger .line4{left:50%;margin-top:-2px;opacity:0;right:50%;top:50%}#mainNav.show .nav-toggle .hamburger .line2{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}#mainNav.show .nav-toggle .hamburger .line3{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}#mainNav.show .nav-list-wrapper{opacity:1;visibility:visible;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}#mainNav .nav-toggle{position:relative;right:0;top:5px;cursor:pointer;display:none;float:none;margin:0 auto}#mainNav .nav-toggle .hamburger{height:20px;width:30px;position:relative;margin:10px auto;float:none;cursor:pointer}#mainNav .nav-toggle .hamburger:hover .line{background-color:var(--primary-bg-color-alt);}#mainNav .nav-toggle .hamburger .line{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out;background-color: var(--tertiary-bg-color);height:3px;left:0;opacity:1;position:absolute;right:0}#mainNav .nav-toggle .hamburger .line1{margin:0;top:0}#mainNav .nav-toggle .hamburger .line2,#mainNav .nav-toggle .hamburger .line3{left:0;margin-top:-2px;right:0;top:50%}#mainNav .nav-toggle .hamburger .line4{margin-top:-4px;top:100%}.main-footer{padding: var(--footer-padding);}.main-footer .site-logo{margin: var(--logo-footer-margin);}h1{font-size: var(--primary-h1-font-size) !important;font-weight: var(--primary-h1-font-weight);text-transform:var(--primary-h1-text-transform);font-family:var(--secondary-font-family);}h2{font-size: var(--primary-h2-font-size);font-weight: var(--primary-h2-font-weight);text-transform:var(--primary-h2-text-transform);font-family:var(--secondary-font-family);}h3{font-size: var(--primary-h3-font-size);font-weight: var(--primary-h3-font-weight);text-transform:var(--primary-h3-text-transform);font-family:var(--secondary-font-family);}h4{font-size: var(--primary-h4-font-size);font-weight: var(--primary-h4-font-weight);text-transform:var(--primary-h4-text-transform);font-family:var(--secondary-font-family);}p{font-size: var(--primary-paragraph-font-size);font-weight: var(--primary-paragraph-font-weight);text-transform:var(--primary-paragraph-text-transform);}li{font-size: var(--primary-paragraph-font-size);font-weight: var(--primary-paragraph-font-weight);text-transform:var(--primary-paragraph-text-transform);}ul{padding:0;margin:10px 15px;}ol{padding:0;margin:10px 15px;}.primary-title{}.site-social-icons{float: var(--primary-float);width:var(--primary-width);list-style:none;margin:var(--secondary-margin);padding:var(--secondary-padding);}.site-social-icons li{margin-right: var(--primary-margin);display:var(--primary-button-display);font-size:18px;}.cta-button-primary{}.cta-button-primary a{background-color:var(--secondary-bg-color);border:var(--primary-border-state) var(--primary-border-size) var(--primary-border-color);border-radius: var(--primary-border-radius);padding:var(--primary-border-padding);color: var(--tertiary-font-color);text-transform:var(--primary-button-text-transform);font-weight:var(--primary-button-font-weight);letter-spacing: var(--primary-button-letter-spacing);font-size: var(--primary-button-font-size);display:inline-block;text-align:center;}.cta-button-primary a:hover{background-color:var(--secondary-bg-color);color:var(--tertiary-font-color);border-color:var(--secondary-bg-color);text-decoration:none;}.cta-button-secondary{}.cta-button-secondary a{background-color:var(--secondary-font-link-color);border:var(--secondary-border-state) var(--secondary-border-size) var(--secondary-border-color);border-radius: var(--secondary-border-radius);padding:var(--secondary-border-padding);color: var(--tertiary-bg-color);text-transform:var(--secondary-button-text-transform);font-weight:var(--secondary-button-font-weight); letter-spacing: var(--secondary-button-letter-spacing);font-size: var(--secondary-button-font-size);text-align: center;line-height:1.0em;}.cta-button-primary a:nth-of-type(2) {border:none;background:none;letter-spacing: unset;text-transform: unset;}.full-width-img{}.full-width-img img{width:var(--primary-width);}img{max-width:var(--primary-width);}.circle-img{}.circle-img img{border-radius:100%;}.cover-img-overlay{}.cover-img-overlay:before{content: "";  position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);  pointer-events: none;}.slider-gallery-item img {border-radius:var(--secondary-border-radius);}.primary-border-top{border-top: var(--primary-border-top-state) var(--primary-border-top-size) var(--primary-border-top-color);}.primary-border-bottom{border-bottom: var(--primary-border-bottom-state) var(--primary-border-bottom-size) var(--primary-border-bottom-color);}.primary-border-left{border-left: var(--primary-border-left-state) var(--primary-border-left-size) var(--primary-border-left-color);}.primary-border-right{border-right: var(--primary-border-right-state) var(--primary-border-right-size) var(--primary-border-right-color);}.secondary-border-top{border-top: var(--secondary-border-top-state) var(--secondary-border-top-size) var(--secondary-border-top-color);}.secondary-border-bottom{border-bottom: var(--secondary-border-bottom-state) var(--secondary-border-bottom-size) var(--secondary-border-bottom-color);}.secondary-border-left{border-left: var(--secondary-border-left-state) var(--secondary-border-left-size) var(--secondary-border-left-color);}.secondary-border-right{border-right: var(--secondary-border-right-state) var(--secondary-border-right-size) var(--secondary-border-right-color);}#webCarousel{}#webCarousel, .slideshow-item{height: calc(100vh - 0px);}.slideshow-item{background-size:var(--primary-background-size); background-position: var(--primary-background-position); background-repeat: var(--primary-background-repeat);}.carousel-caption-area {}.carousel-caption-area h2{font-size: var(--primary-h1-font-size);font-weight: var(--primary-h1-font-weight);text-transform:var(--primary-h1-text-transform); color: var(--primary-font-color);text-shadow:2px 2px 12px #444;line-height:1.0em;}.primary-content-padding{padding: var(--secondary-column-padding) !important;}.primary-table table{background-color:var(--primary-bg-color);}.primary-table td{color: var(--primary-font-color);font-size: var(--primary-paragraph-font-size);font-weight: var(--primary-paragraph-font-weight);text-transform: var(--primary-paragraph-text-transform);padding:var(--primary-padding);}@media(max-width:1187px){.hero-callout-box h1{font-size: var(--primary-h1-font-mobile-size-laptop) !important;}}@media(max-width:1187px){.hero-callout-box{width:50% !important;}}@media(max-width:820px){.hero-callout-box h1{font-size: var(--primary-h1-font-mobile-size-laptop-alt) !important;}}@media(max-width:768px){.hero-callout-box h1{font-size: var(--primary-h1-font-mobile-size-tablet) !important;}}@media(max-width:767px){#mainNav .nav-toggle{display:block}}@media(max-width:767px){.navbar{min-height:50px!important}}@media(max-width:767px){.navigation ul li{width:100%;text-align:center;margin:0!important}}@media(max-width:767px){.navigation ul li:hover{background-color:#444}}@media(max-width:767px){.navbar-nav{margin:7.5px 0!important}}@media(max-width:767px){.main-feature{height:auto!important}}@media(max-width:612px){.hero-callout-box h1{font-size: var(--primary-h1-font-mobile-size-mobile) !important;}}@media(max-width:612px){.hero-callout-box{width:100% !important;position:relative !important;}}.animate-element-right{}.animate-element-fade-right{}.animate-element-left{}.animate-element-fade-left{}.animate-element-top{}.animate-element-bottom{}.animate-element-twistX{}.page-form input[type="text"],.page-form input[type="email"],.page-form input[type="tel"]{ padding: 10px;  font-size: var(--primary-button-font-size);  width: 100%;  border-radius: 10px;  border: 1px solid #ccc;  -webkit-font-smoothing: antialiased;  margin:5px 0;color:#666 !important;}.page-form input[type=submit]{padding: 10px;color: var(--tertiary-font-color);text-transform: var(--primary-button-text-transform);font-weight: var(--primary-button-font-weight);letter-spacing: var(--primary-button-letter-spacing);font-size: var(--primary-button-font-size);border-radius: var(--tertiary-border-radius);background-color: var(--secondary-bg-color);  
border: var(--primary-border-state) var(--primary-border-size) var(--secondary-bg-color);  cursor: pointer;  -webkit-font-smoothing: antialiased; width:100%; margin:10px 0 20px 0; font-family: 'FontAwesome',  var(--primary-font-family) !important;line-height: 21px;border-radius:10px;}.page-form input[type=submit]:hover{background-color:var(--primary-bg-color-alt);text-decoration: none;color: var(--tertiary-font-color);border-color:var(--primary-bg-color-alt);}.page-form textarea{width:100%;border: 1px solid #ccc;padding:10px;font-size: var(--primary-button-font-size);color:#444;margin:5px 0;border-radius:10px;}.page-form select{border: 1px solid #ccc;padding:10px; margin:0 0 10px 0;font-size: 1.1em;width:100%;color:#444;border-radius:10px;}.spam-field{display:none;}.blog-category{padding:50px 10% !important;}.news-box-img a{display: block;    padding-bottom: 0%;    background-size: cover;    background-repeat: no-repeat;}.news-box-content a{color: var(--secondary-font-color);}.news-box-content a:hover{color: var(--primary-font-color);    text-decoration: none;}.blog-internal-content{padding: 0 6%;    float: left;    width: 100%;}a{color:var(--secondary-link-color);}.footer-nav{list-style:none;padding:0; margin:10px 0;}@media(max-width:667px){.center-height-items{display:block !important;}}.outline-content{outline: solid #fff 5px; outline-offset: 15px;  background-color: #fff;  padding: 30px !important;}.page-title{letter-spacing:0px;}.equal-height-columns{display:flex;}.align-column-content-center{display:grid;align-content:center;}.site-social-icons li{}.site-social-icons li a{width:50px;height:50px;border-radius:100%;border:solid 2px #fff;background-color:var(--primary-bg-color);color:#fff;display:inline-block;font-size:24px;padding:5px 12px;}.callout-text{padding: 8%;   float: left;  width: 100%;letter-spacing:0px;text-transform:uppercase;}.callout-text p{text-transform:uppercase;letter-spacing:0px;}.strapline-callout{margin: 20px 0;    border: dotted 1px #ccc;    text-transform: uppercase;    letter-spacing: 0px;   text-align: center; font-size: 20px; padding: 20px 0;}.side-social-icons{width: 30px;    padding: 10px 0;    margin: 0;    position: fixed;    right: 0;    top: 40%;    background-color: #fff;    z-index: 99999;    box-shadow: 5px 0 15px #444;}.side-social-icons ul{width: 100%; list-style: none; padding: 0; margin: 0;}.side-social-icons ul li{text-align: center; width: 100%; padding: 0; margin: 5px 0;}.side-social-icons ul li a{color: #666;}.side-social-icons ul li a:hover{color:var(--secondary-font-color);}html{scroll-behavior: smooth;}.diagonal-bg{background: linear-gradient(45deg, #fff 0%, #fff 60%, #f1f1f1 60%, #f1f1f1 100%);}.icon-link{}.icon-link a{ width: 50px;   height: 50px;     cursor: pointer;    color: #ccc;   text-align: center;  border: 2px solid #FFF;    border-radius: 100%;    z-index: 2; background-color: var(--primary-bg-color) ;    font-size: 22px;padding:8px;display:inline-block;}.icon-link a:hover{color:#fff;}.uppercase-text{padding: 8% 8% 0 8%;   float: left;  width: 100%;letter-spacing:0px;text-transform:uppercase;}@media(max-width:667px){.equal-height-columns{display:block !important;}}.white-overlay{background-color: rgba(255, 255, 255, 0.7);    background-blend-mode: overlay;}.stick .nav > li > a{color: var(--primary-font-color) !important;}.no-padding-margin{padding:0 !important;margin: 0 !important;}.section-container-pull-up{display:flex;}.section-container-pull-up .container{margin-top:-10%;background-color:#fff;}@media(max-width:667px){.section-container-pull-up{display:block;}}@media(max-width:667px){.section-container-pull-up .container{margin-top:0%;background-color:#fff;}}.diagonal-bg-reverse{background: linear-gradient(-30deg, #fff 0%, #fff 65%, #f1f1f1 65%, #f1f1f1 100%);}.main-logo a{display:block;}.slick-prev:before, .slick-next:before{color:var(--primary-font-link-color) !important;}.news-box-content{/*border:solid 1px #ccc;border-radius:10px;*/padding:10px;}.news-box-content h2{margin:0 0 10px 0;font-size:24px;}.header-logo img{max-width:300px;}.news-box-img{padding-bottom:100%;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:10px;box-shadow:3px 5px 5px #ccc;}.slick-prev, .slick-next{width:30px;heigt:30px;}.slick-prev:before, .slick-next:before{font-size:30px !important;}.s-7c0a40b0b7{}.s-7c0a453754{background-image:url(https://www.henleywindows.co.uk/files/images/henley_windows_domestic_commercial.jpg );background-size: cover ;background-position:center left;min-height:800px;background-attachment: fixed;}.c-0a45375cff0{}.e-7c0a927a34{}.e-7c0a944b05{}.e-7c0a9537c4{}.e-7c0a972d08{}.c-0a4537611f1{background-position:center center;}.e-c0a45376350{margin-top:0;margin-bottom:0;}.e-7c1b43a639{}.s-7c0a48452e{}.e-7c0a9b36dc{text-align: center ;text-transform: uppercase ;}.c-7c0a5268b5{text-align:center;}.e-7c0a9d0dcc{font-size:28px;}.e-7c0a9dd406{}.c-7c0a5268b9{text-align:center;}.e-7c0a9ea457{font-size:28px;}.e-7c0a9f2944{}.c-7c0a5268bc{text-align:center;}.e-7c0a9fba8e{font-size:28px;}.e-7c0aa052ad{}.e-7c0b13822c{text-align: center ;}.s-7c0a4fbcbe{padding:150px 0;}.e-7c0b1a01de{}.e-7c19b6b386{}.s-7c1a243ccc{}.c-1a243cd5dd0{}.e-c1a243cd7a0{color:#000000;}.c-1a243cda131{background-color:#7b8d79;}.e-c1a243cdcb0{}.e-c1a243cdf71{}.e-7c1a3d47a9{display:inline-block;}.s-7c1a4c3685{background-size: cover;   background-position: center;}.e-7c1a7e7419{text-align: center ;}.e-7c1a7f98e5{text-align: center ;}.e-7c1a83a112{text-align: center ;}.e-7c1ae76164{text-align: center ;}.s-7c1b16acd5{padding-top:50px;padding-bottom:50px;}.e-c1b16acdf60{}.e-c1b16ace181{}.e-7c1b1ad5fc{}.e-7c1b44ec82{}.e-7c1b45e24b{}.e-c1b270b2c10{}.e-7c5888ba7e{color:#000000;}.home-feature-projects{height: calc(100vh - 50px) !important;    background-size: cover;    background-repeat: no-repeat;    background-position: center;min-height:450px;background-color: rgba(0, 0, 0, 0.3);    background-blend-mode: multiply;border-left:solid 10px var(--primary-border-color);}.main-header .row{display:flex;align-items:center;padding:0 10%;}@media(max-width:667px){.home-feature-projects{max-height:450px;}}.main-logo{padding:0;margin:20px 10px;}.main-logo img{max-width:300px;}@media(max-width:767px){.main-header .row{display:block;}}@media(max-width:667px){.main-logo img{max-width:200px;}}@media(max-width:667px){.main-logo{text-align:center;margin:25% 0 0 0;	}}.nav li p{margin:0 !important;}@media(max-width:979px){.nav > li > a{padding:8px !important;}}.section-bg-tertiary h2{padding-left:10px;border-left:solid 5px var(--primary-bg-color);}.home-feature-projects:before{background-image:url('http://redoctopusconstruction.com.10-0-0-4.sitepreviews.co.uk/files/images/roc_Swoosh.png');background-repeat:no-repeat;background-size:cover;width:40%;height:100%;position:absolute;bottom:0;right:0;content:" ";z-index:99;}.header-phone{position:absolute;top:20px;right:20px;z-index:99999;}.header-phone a{padding:10px 20px;background-color:var(--secondary-bg-color);color:var(--tertiary-font-color);margin:0;display:block;border-radius:10px;}.header-phone a:hover{text-decoration:none;background-color:var(--primary-bg-color);}.header-phone p{margin:0;padding:0;}.head-cover-overlay{ background-blend-mode: multiply;border-left:solid 10px var(--primary-border-color);background-color: rgba(0, 0, 0, 0.3);    }@media(max-width:667px){.head-cover-overlay{min-height:450px !important;}}.project-cat-box-style{width:100%;padding-bottom:100%;background-size:cover;background-position:center;background-repeat:no-repeat;margin:15px 0;}.projects .internal-copy{float:left;width:100%;padding:50px 0;}.project-cat-box-style a{display:block;width:100%;height:100%;position:absolute;}.collapse.in, .collapsing{background-color: var(--primary-bg-color);}.hero-container .container{margin: 50px auto !important;}.quote-form-wrapper .column-wrapper{box-shadow: 5px 5px 0px var(--secondary-bg-color);    padding: 5% 10% !important;    margin: 0;float:left; background: rgb(255, 255, 255, 0.8);border-radius:10px;}.quote-form-wrapper{}.c-0a45375cff0 .column-wrapper{background: rgb(255, 255, 255, 0.8);    border-radius: 20px;    padding: 5% 10%;}.e-7c1ae76164 ul{list-style:none;margin:15px 0;width:100%;float:left;}.e-7c1ae76164 ul li{display:inline-block;margin:10px 5px;padding:5px 15px;background-color:var(--secondary-bg-color);color:#fff;border-radius:10px;}.s-7c1a4c3685:before{content: "";    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background-image: url("https://www.henleywindows.co.uk/files/images/henley_locations.jpg");    background-size: cover;    background-position: center;    opacity: 0.2; /* 30% opacity */    z-index: 0;background-attachment: fixed;}@media(max-width:844px){.hero-container .container{margin: 20px auto !important;padding:0;}}@media(max-width:844px){.quote-form-wrapper{margin-bottom:15px;}}@media(max-width:844px){.section-bg-primary{padding:50px 0;}}@media(max-width:844px){.s-7c0a4fbcbe{padding:50px 0;}}@media(max-width:844px){.section-bg-secondary{padding:50px 0;}}@media(max-width:844px){.column-wrapper, .main-footer{padding:50px 15px;}}@media(max-width:997px){.header-phone{position:relative !important;border-radius:0;width:100%;text-align:center;float:left;top:0;left:0;right:0;}}@media(max-width:997px){.header-phone a{border-radius:0;}}.cookie-policy-banner{position:fixed;bottom:0;width:100%;z-index: 999;overflow: hidden;color: var(--tertiary-font-color);left: 0;background-color: var(--secondary-bg-color);padding: 15px 20px 15px;min-height:30px;font-size: 17px;text-align:center;}.cookie-policy-banner p{padding:0 !important;font-size:17px;margin:0;}.cookie-policy-banner p a, .cookie-policy-banner p a:hover{color:#fff;}.s-7c595465ad{padding-top:150px;padding-bottom:150px;}.e-7c595633bf{}.e-7c5956c5e4{}.e-7c595758fd{}.e-7c59581af7{}.e-7c5959b9e0{}.e-7c595a50ff{}.s-7c59645240{padding-top:150px;padding-bottom:150px;}.e-7c5965d496{}.e-7c5966f257{}.e-7c5967d365{}.s-7c594bd1c9{padding-top:150px;padding-bottom:150px;}.e-7c594fd55c{}.e-7c59511974{}.e-7c5a9510c9{font-size:60px;}.e-7c5ab170c7{font-size:60px;}.e-7c5ab66075{font-size:60px;}@media(max-width:884px){.page-form [class*="col-"]{padding:0 !important;}}.main-section ul{list-style:none;padding:0;margin:0;}.main-section ul li{margin:5px 0;}.s-7c5ae667cb{}.c-5ae667dba80{background-color:#7b8d79;}.e-c5ae667de50{}.e-c5ae667e1d1{}.s-7c5b1249b4{}.e-c5b1249c5f0{}.e-c5b1249c801{}.s-7c5b1f03a8{}.c-5b1f03b0f00{background-color:#7b8d79;}.e-c5b1f03b300{}.e-c5b1f03b511{}.e-c5ae667e9c0{}.e-c5b1249c110{color:#000000;}.e-c5b1f03bcf0{color:#000000;}.c-5b1249c40b1{}
body{font-family: var(--primary-font-family) !important;color: var(--primary-font-color);}

/* Section Styles */

/*.section-bg-primary{background-color: var(--primary-bg-color);color: var(--tertiary-font-color);}
.section-bg-primary a{color: var(--primary-font-color);}
.section-bg-primary a:hover{color: var(--tertiary-font-color);}

.section-bg-secondary{background-color: var(--secondary-bg-color);color: var(--primary-font-color);padding: 20px 0;}
.section-bg-secondary a{color: var(--primary-font-color);}
.section-bg-secondary a:hover{color: var(--primary-font-color);}

.section-bg-tertiary{background-color: var(--tertiary-bg-color);color: var(--secondary-font-color);padding: 20px 0;}
.section-bg-tertiary a{color: var(--secondary-font-color);}
.section-bg-tertiary a:hover{color: var(--secondary-font-color);}*/

.row{margin-right: var(--secondary-margin) !important; margin-left: var(--secondary-margin) !important;}.cta-button-secondary a
.column-wrapper{padding:var(--primary-coloum-wrapper-padding);}

/* Section Styles */

/* Header Styles */

/*.main-header{position: var(--secondary-position);width: var(--primary-width);z-index: var(--primary-z-index);background-color:var(--primary-header-bg);float:var(--primary-float);padding:var(--secondary-padding);margin:var(--secondary-margin);}*/

.header-logo{text-align:center;}
.header-logo img{/*padding:var(--primary-padding);*/}

.hero-callout-box h1{font-size: var(--primary-h1-font-size) !important;font-weight: var(--primary-h1-font-weight);text-transform: var(--primary-h1-text-transform);color: var(--secondary-font-color);line-height:1.0em;}

/* Header Styles */

/* NavigationsStyles */
.main-navigation{}
.stick{position: var(--tertiary-position); z-index: var(--primary-z-index) ; width:100%; top:0;left:0; background-color: rgba(255, 255, 255, 1.0);}
/*.nav > li > a:focus, .nav > li > a:hover{background: none !important;color: var(--secondary-font-color) !important;}
.nav > li > a{color: var(--primary-font-color) !important;}
.navbar-nav>li.on a	{color: var(--secondary-font-color) !important;}*/

.navbar-collapse{text-align:center;}
.navbar .navbar-nav{display: inline-block;float: none;}
.navbar{margin:0 !important;}

.scrollTop{position: fixed;right: 20px;bottom: 20px;width: 40px;height: 40px;background-color:var(--primary-bg-color-alt);text-align: center;padding: 0px;color:var(--tertiary-font-color);display: none;cursor: pointer;z-index: 9999;border-radius:100%;}
.scrollTop i{animation: hero-arrow-icon-up 4s infinite;-webkit-animation: hero-arrow-icon-up 4s infinite;-moz-animation: hero-arrow-icon-up 4s infinite;margin: 12px 0 0 0;}

#mainNav.show .nav-toggle .hamburger .line{-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out}#mainNav.show .nav-toggle .hamburger .line1,#mainNav.show .nav-toggle .hamburger .line4{left:50%;margin-top:-2px;opacity:0;right:50%;top:50%}
#mainNav.show .nav-toggle .hamburger .line2{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
#mainNav.show .nav-toggle .hamburger .line3{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
#mainNav.show .nav-list-wrapper{opacity:1;visibility:visible;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}
#mainNav .nav-toggle{position:relative;right:0;top:5px;cursor:pointer;display:none;float:none;margin:0 auto}
#mainNav .nav-toggle .hamburger{height:20px;width:30px;position:relative;margin:10px auto;float:none;cursor:pointer}
#mainNav .nav-toggle .hamburger:hover .line{background-color:var(--primary-bg-color-alt);}
#mainNav .nav-toggle .hamburger .line{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out;background-color: var(--tertiary-bg-color);height:3px;left:0;opacity:1;position:absolute;right:0}
#mainNav .nav-toggle .hamburger .line1{margin:0;top:0}
#mainNav .nav-toggle .hamburger .line2,#mainNav .nav-toggle .hamburger .line3{left:0;margin-top:-2px;right:0;top:50%}
#mainNav .nav-toggle .hamburger .line4{margin-top:-4px;top:100%}

/* NavigationsStyles */


/* Footer Styles */

.main-footer{padding: var(--footer-padding);}
.main-footer .site-logo{margin: var(--logo-footer-margin);}

/* Footer Styles */


/* Text Styles */

h1{font-size: var(--primary-h1-font-size);font-weight: var(--primary-h1-font-weight);text-transform:var(--primary-h1-text-transform);}
h2{font-size: var(--primary-h2-font-size);font-weight: var(--primary-h2-font-weight);text-transform:var(--primary-h2-text-transform);}
h3{font-size: var(--primary-h3-font-size);font-weight: var(--primary-h3-font-weight);text-transform:var(--primary-h3-text-transform);}
h4{font-size: var(--primary-h4-font-size);font-weight: var(--primary-h4-font-weight);text-transform:var(--primary-h4-text-transform);}
p{font-size: var(--primary-paragraph-font-size);font-weight: var(--primary-paragraph-font-weight);text-transform:var(--primary-paragraph-text-transform);}
li{font-size: var(--primary-paragraph-font-size);font-weight: var(--primary-paragraph-font-weight);text-transform:var(--primary-paragraph-text-transform);}
ul{padding:0;margin:10px 15px;}
.primary-title{}
.site-social-icons{float: var(--primary-float);width:var(--primary-width);list-style:none;margin:var(--secondary-margin);padding:var(--secondary-padding);}
.site-social-icons li{margin-right: var(--primary-margin);display:var(--primary-button-display);}
/* Text Styles */

/* Button Styles */

.cta-button-primary{}
/*.cta-button-primary a{background-color:var(--primary-bg-color-alt);border:var(--primary-border-state) var(--primary-border-size) var(--primary-border-color);border-radius: var(--primary-border-radius);padding:var(--primary-border-padding);color: var(--tertiary-font-color);text-transform:var(--primary-button-text-transform);font-weight:var(--primary-button-font-weight);letter-spacing: var(--primary-button-letter-spacing);font-size: var(--primary-button-font-size);display:inline-block;text-align:center;}*/
/*.cta-button-primary a:hover{background-color:var(--tertiary-bg-color);color:var(--tertiary-font-color);border-color:var(--tertiary-bg-color);text-decoration:none;}*/
/*.cta-button-secondary{}
.cta-button-secondary a{background-color:var(--secondary-bg-color);border:var(--secondary-border-state) var(--secondary-border-size) var(--secondary-border-color);border-radius: var(--secondary-border-radius);padding:var(--secondary-border-padding);color: var(--tertiary-bg-color);text-transform:var(--secondary-button-text-transform);font-weight:var(--secondary-button-font-weight); letter-spacing: var(--secondary-button-letter-spacing);font-size: var(--secondary-button-font-size);width: 150px;height: 150px;display: inline-block;text-align: center;line-height:1.0em;}
.cta-button-primary a:nth-of-type(2) {border:none;background:none;letter-spacing: unset;text-transform: unset;}*/

/* Button Styles */

/* Image Styles */
.full-width-img{}
.full-width-img img{width:var(--primary-width);}
img{max-width:var(--primary-width);}
.circle-img{}
.circle-img img{border-radius:100%;}

.cover-img-overlay{}
.cover-img-overlay:before{content: "";  position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);  pointer-events: none;}

.slider-gallery-item img {border-radius:var(--secondary-border-radius);}


/* Image Styles */


/* Border Styles */

.primary-border-top{border-top: var(--primary-border-bottom-state) var(--primary-border-bottom-size) var(--primary-border-bottom-color);}
.primary-border-bottom{border-bottom: var(--primary-border-bottom-state) var(--primary-border-bottom-size) var(--primary-border-bottom-color);}
.primary-border-right{border-right: var(--primary-border-bottom-state) var(--primary-border-bottom-size) var(--primary-border-bottom-color);}
.secondary-border-bottom{border-bottom: var(--secondary-border-bottom-state) var(--secondary-border-bottom-size) var(--secondary-border-bottom-color);}

/* Border Styles */


/* Carousel Styles */

#webCarousel, .slideshow-item{height: calc(100vh - 0px);}
#webCarousel{}
.slideshow-item{background-size:var(--primary-background-size); background-position: var(--primary-background-position); background-repeat: var(--primary-background-repeat);}
.carousel-caption-area h2{font-size: var(--primary-h1-font-size);font-weight: var(--primary-h1-font-weight);text-transform:var(--primary-h1-text-transform); color: var(--primary-font-color);text-shadow:2px 2px 12px #444;line-height:1.0em;}

.carousel-fade .carousel-inner .item{opacity:0;transition-property:opacity}.carousel-fade .carousel-inner .active{opacity:1}.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{left:0;opacity:0;z-index:1}.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{opacity:1}.carousel-fade .carousel-control{z-index:2}
@media all and (transform-3d),(-webkit-transform-3d){.carousel-fade .carousel-inner>.item.active.right,.carousel-fade .carousel-inner>.item.next{opacity:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.carousel-fade .carousel-inner>.item.active.left,.carousel-fade .carousel-inner>.item.prev{opacity:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.carousel-fade .carousel-inner>.item.active,.carousel-fade .carousel-inner>.item.next.left,.carousel-fade .carousel-inner>.item.prev.right{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}

/* Carousel Styles */


/* Content Padding */

.primary-content-padding{padding: var(--secondary-column-padding) !important;}

/* Content Padding */


/* Calendar and Event Styles */


.single-calendar td.calendar-day-head{background:var(--primary-bg-color-alt);font-weight: var(--primary-paragraph-font-weight);text-align: center;width: unset;padding:var(--primary-padding);border-bottom: 1px solid var(--primary-border-bottom-color);border:none;/*border-top: 1px solid var(--primary-border-bottom-color);border-right: 1px solid var(--primary-border-bottom-color);*/color: var(--primary-font-color);font-size: var(--primary-h3-font-size);
font-weight: var(--primary-h3-font-weight);}
.single-calendar-wrapper{display: flex;  align-items: stretch;}
.single-calendar-wrapper h3{writing-mode: vertical-lr; /* Rotate the text vertically */  transform: rotate(-180deg); /* Adjust rotation direction */  text-align: center; /* Center the text horizontally */  background-color: var(--secondary-bg-color); /* Optional: Add background color to the vertical text */  padding:0 10px ; /* Optional: Add padding for better readability */
margin:0 !important;color: var(--primary-font-color);font-size:var(--primary-h3-font-size);font-weight: var(--primary-h3-font-weight);}

.single-calendar-wrapper table{flex: 1; /* Allow the table to take up remaining space */  border-collapse: collapse;  }
.single-calendar-wrapper .calendar{margin:0;border:none;}
.single-calendar div.day-number{position:relative;width: var(--primary-width);padding:15px 10px;background:unset;color: var(--primary-font-color);font-size: var(--primary-h3-font-size);
font-weight: var(--primary-h3-font-weight);}
.single-calendar td.calendar-day, .single-calendar td.calendar-day-np{width:unset;padding:0;border:none;}
.single-calendar .calendar-row:nth-of-type(odd){background-color: var(--primary-bg-color-alt);}
.single-calendar .calendar-row:nth-of-type(even){background-color: var(--primary-bg-color);}
.single-calendar td.calendar-day-np{background:unset;min-height:unset;}
.single-calendar td.calendar-day:hover{background:var(--secondary-bg-color);}
.event-feature-wrapper{background-color: var(--primary-bg-color);width:var(--primary-width);float: left;height: 100%;}
.event-feature-wrapper-alt{background-color: var(--primary-bg-color-alt);width:var(--primary-width);float: left;height: 100%;}
.event-feature-cover-img{float:left;width:var(--primary-width);padding:0;margin:0;border-bottom: var(--primary-border-state) var(--primary-border-bottom-size) var(--primary-border-color);}
.event-feature-content{float:left;width:var(--primary-width);padding:0;margin:0;color:var(--primary-font-color);padding:20px;}
.event-feature-content h2{font-size: var(--primary-h2-font-size);margin:0;}
.event-feature-content h3{font-size: var(--primary-h3-font-size);margin:5px 0;}
.event-feature-content-alt{float:left;width:var(--primary-width);padding:0;margin:0;color:var(--primary-font-color);padding:0px;}
.event-feature-content-alt h2{font-size: var(--primary-h2-font-size);margin:0;}
.event-feature-content-alt h3{font-size: var(--primary-h3-font-size);margin:5px 0;}


/* Calendar and Event Styles */


/* Table Styles */
.primary-table table{background-color:var(--primary-bg-color);}
.primary-table td{color: var(--primary-font-color);font-size: var(--primary-paragraph-font-size);font-weight: var(--primary-paragraph-font-weight);text-transform: var(--primary-paragraph-text-transform);padding:var(--primary-padding);}

/* Table Styles */



/* Mobile Styles */

@media(max-width: 1187px) {
.hero-callout-box h1{font-size: var(--primary-h1-font-mobile-size-laptop) !important;}
.hero-callout-box{width:50% !important;}

}

@media(max-width: 820px) {
.hero-callout-box h1{font-size: var(--primary-h1-font-mobile-size-laptop-alt) !important;}
}

@media(max-width: 768px) {
.hero-callout-box h1{font-size: var(--primary-h1-font-mobile-size-tablet) !important;}
}

@media (max-width:767px){
#mainNav .nav-toggle{display:block}
.navbar{min-height:50px!important}
.navigation ul li{width:100%;text-align:center;margin:0!important}
.navigation ul li:hover{background-color:#444}
.navbar-nav{margin:7.5px 0!important}
.main-feature{height:auto!important}
}

@media(max-width: 612px) {
.hero-callout-box h1{font-size: var(--primary-h1-font-mobile-size-mobile) !important;}
.hero-callout-box{width:100% !important;position:relative !important;}
}

/* Mobile Styles */


/* Skew Styles */

.skew-both{position:relative;z-index:8}
.skew-both:after,.skew-both:before{background:inherit;content:'';display:block;height:50%;left:0;position:absolute;right:0;z-index:-1;-webkit-backface-visibility:hidden}
.skew-both:before{top:0;-webkit-transform:skewY(1.5deg);transform:skewY(1.5deg);-webkit-transform-origin:100% 0;transform-origin:100% 0} 
.skew-both:after{bottom:0;-webkit-transform:skewY(-1.5deg);transform:skewY(-1.5deg);-webkit-transform-origin:100%;transform-origin:100%} 
.skew-both-med{position:relative;z-index:8} .skew-both-med:after,.skew-both-med:before{background:inherit;content:'';display:block;height:50%;left:0;position:absolute;right:0;z-index:-1;-webkit-backface-visibility:hidden} .skew-both-med:before{top:0;-webkit-transform:skewY(2.5deg);transform:skewY(2.5deg);-webkit-transform-origin:100% 0;transform-origin:100% 0} .skew-both-med:after{bottom:0;-webkit-transform:skewY(-2.5deg);transform:skewY(-2.5deg);-webkit-transform-origin:100%;transform-origin:100%}
.skew-both-lrg{position:relative;z-index:8} .skew-both-lrg:after,.skew-both-lrg:before{background:inherit;content:'';display:block;height:50%;left:0;position:absolute;right:0;z-index:-1;-webkit-backface-visibility:hidden}
.skew-both-lrg:before{top:0;-webkit-transform:skewY(3.5deg);transform:skewY(3.5deg);-webkit-transform-origin:100% 0;transform-origin:100% 0}
.skew-both-lrg:after{bottom:0;-webkit-transform:skewY(-3.5deg);transform:skewY(-3.5deg);-webkit-transform-origin:100%;transform-origin:100%} 
.skew-top{position:relative;z-index:8}
.skew-top:before{background:inherit;content:'';display:block;height:50%;left:0;position:absolute;right:0;z-index:-1;-webkit-backface-visibility:hidden}
.skew-top:before{top:0;-webkit-transform:skewY(1.5deg);transform:skewY(1.5deg);-webkit-transform-origin:100% 0;transform-origin:100% 0} 
.skew-top-med{position:relative;z-index:8}
.skew-top-med:before{background:inherit;content:'';display:block;height:50%;left:0;position:absolute;right:0;z-index:-1;-webkit-backface-visibility:hidden}
.skew-top-med:before{top:0;-webkit-transform:skewY(2.5deg);transform:skewY(2.5deg);-webkit-transform-origin:100% 0;transform-origin:100% 0} 
.skew-top-lrg{position:relative;z-index:8}
.skew-top-lrg:before{background:inherit;content:'';display:block;height:50%;left:0;position:absolute;right:0;z-index:-1;-webkit-backface-visibility:hidden}
.skew-top-lrg:before{top:0;-webkit-transform:skewY(3.5deg);transform:skewY(3.5deg);-webkit-transform-origin:100% 0;transform-origin:100% 0} 
.skew-bottom{position:relative;z-index:8}
.skew-bottom:after{background:inherit;content:'';display:block;height:50%;left:0;position:absolute;right:0;z-index:-1;-webkit-backface-visibility:hidden}
.skew-bottom:after{bottom:0;-webkit-transform:skewY(-1.5deg);transform:skewY(-1.5deg);-webkit-transform-origin:100%;transform-origin:100%} 
.skew-bottom-med{position:relative;z-index:8}
.skew-bottom-med:after{background:inherit;content:'';display:block;height:50%;left:0;position:absolute;right:0;z-index:-1;-webkit-backface-visibility:hidden}
.skew-bottom-med:after{bottom:0;-webkit-transform:skewY(-2.5deg);transform:skewY(-2.5deg);-webkit-transform-origin:100%;transform-origin:100%} .skew-bottom-lrg{position:relative;z-index:8}
.skew-bottom-lrg:after{background:inherit;content:'';display:block;height:50%;left:0;position:absolute;right:0;z-index:-1;-webkit-backface-visibility:hidden}
.skew-bottom-lrg:after{bottom:0;-webkit-transform:skewY(-3.5deg);transform:skewY(-3.5deg);-webkit-transform-origin:100%;transform-origin:100%}

/* Skew Styles */


/* The ribbons */

.corner-ribbon{
  width: 280px;
  background: #e43;
  position: absolute;
  top: 50px;
  left: -65px;
  text-align: center;
  line-height: 50px;
  letter-spacing: 1px;
  color: #f0f0f0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  text-transform:uppercase; font-size:20px;
}

/* Custom styles */

.corner-ribbon.sticky{
  position: fixed;
}

.corner-ribbon.shadow{
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}

/* Different positions */

.corner-ribbon.top-left{
  top: 50px;
  left: -65px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.corner-ribbon.top-right{
  top: 50px;
  right: -65px;
  left: auto;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-left{
  top: auto;
  bottom: 50px;
  left: -65px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

.corner-ribbon.bottom-right{
  top: auto;
  right: -65px;
  bottom: 50px;
  left: auto;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/* Colors */

.corner-ribbon.white{background: #f0f0f0; color: #555;}
.corner-ribbon.black{background: #333;}
.corner-ribbon.grey{background: #999;}
.corner-ribbon.blue{background: #070033;}
.corner-ribbon.green{background: #2c7;}
.corner-ribbon.turquoise{background: #1b9;}
.corner-ribbon.purple{background: #310647;}
.corner-ribbon.red{background: #e43;}
.corner-ribbon.orange{background: #e82;}
.corner-ribbon.yellow{background: #ec0;}

/* The ribbons */


/* Calendar Styles */

.calendar{width: 100%; margin:0 0 40px 0;}
.calendar-day-head{background-color:#0e7b87;padding:5px 10px;color:#fff; }
.calendar-text a:hover{color:#0e7b87 !important;}
.calendar-text a{color:#444 !important;}
table.calendar		{ border-left:1px solid #999; }
tr.calendar-row	{  }
td.calendar-day	{ min-height:80px; font-size:13px; position:relative; } * html div.calendar-day { height:80px; }
td.calendar-day:hover	{ background:#e1e1e1; }
td.calendar-day-np	{ background:#f1f1f1; min-height:80px; } * html div.calendar-day-np { height:80px; }
td.calendar-day-head { background:#0e7b87; font-weight:bold; text-align:center; width:120px; padding:5px; border-bottom:1px solid #0e7b87; border-top:1px solid #0e7b87; border-right:1px solid #0e7b87;color:#fff; }
div.day-number		{ background:#0e7b87; padding:5px; color:#fff; font-weight:bold; float:right; /*margin:-5px -5px 0 0;*/ width:20px; text-align:center;position:absolute;top:0;right:0;margin:0;}
/* shared */
td.calendar-day, td.calendar-day-np { width:120px; padding:15px; border-bottom:1px solid #999; border-right:1px solid #999; }
.showmobile{display:none;}

/* Calendar Styles */

/* Checkout Styles */

.checkout-header,.checkout-content,.checkout-footer, .col-full{float:left; width:100%; padding:0; margin:0;}
.checkout-btn{float:right; margin:10px 0;}
.checkout-content h1{float:left; width:100%; margin:10px 0; padding:10px 0; border-bottom:solid 1px #ccc; border-top:solid 1px #ccc;}
.cart-prods{float:left; width:100%; padding:5px 0; margin:5px 0; background-color:#fafafa; border-bottom:solid 2px #fff;}
.cart-prod-content{text-transform:capitalize;}
.cart-prod-content a{color:#000000;}
.cart-prod-img img{max-width:100%;border:solid 5px #244320;}
.cart-prod-price p{font-size:16px; text-align:center;}
a.trash{width: 32px;height: 32px;border-radius: 50px; padding:5px 10px;position: relative;border: 0;vertical-align: middle; background-color:#000000; color:#FFFFFF; margin-bottom:5px;}
a:hover.trash, a:hover.refresh{color:#fff;}
a:hover.trash{background-color:#FF0000;}
a.edit-date{width: 32px;height: 32px;border-radius: 50px; padding:5px 10px 5px 9px;position: relative;border: 0;vertical-align: middle; background-color:#244320; color:#FFFFFF; margin-bottom:5px;}
a.edit-date:hover{ background-color:#244320; color:#FFFFFF;}
a.refresh{width: 32px;height: 32px;border-radius: 50px; padding:5px 8px; margin:0 5px;position: relative;border: 0;vertical-align: middle; background-color:#244320; color:#FFFFFF;}
.add-btn{width: 32px !important;height: 32px !important;border-radius: 50px !important; padding:5px 10px 5px 9px !important;position: relative;border: 0;vertical-align: middle;  color:#FFFFFF; background-color:#244320;  margin-bottom:5px;font-family: 'fontawesome','Open Sans',Arial, Helvetica, sans-serif;}
.register-form {  font-family: 'fontawesome','Open Sans',Arial, Helvetica, sans-serif;  float: left;   margin: 10px 5px 10px 0;   width: 100%;}
.register-form ul{list-style:none; padding:0; margin:0;}
.register-form ul li{margin:10px 0; padding:0;}
.register-form input, .myaccount-form input, .myaccount-form textarea{padding: 10px 15px; width: 100%; border: 1px solid #bbb;}
.myaccount-form select{padding: 10px 15px; border: 1px solid #bbb; max-width:100%;}
.register-btn{border-radius: 5px; padding:5px 10px;position: relative;border: 0;vertical-align: middle;  color:#FFFFFF; background-color:#244320; width:100%; }
.form_field, .form_item{margin:10px 0;}
.register-form input[type="checkbox"], .myaccount-form input[type="checkbox"]{width: 20px !important;}
.register-form input[type="submit"], .myaccount-form input[type="submit"]{width: 100% !important;padding: 10px 15px; margin:0 0 20px 0;color: #fff;background-color: #244320/*#008fc3*/;border: none;text-transform: uppercase;font-size: 30px;border-radius: 5px;font-family: 'fontawesome','Open Sans',Arial, Helvetica, sans-serif;}
.inline-block { display: inline-block;}
.checkout-totals{float:left; width:100%; padding:0; margin:5px 0; border-top:solid 1px #ccc;} 
.checkout-totals h2,.checkout-totals h3{text-align:right;}
.checkout-footer-tools .clear-tray{text-align:right; margin:10px 0; padding:0; }
.checkout-footer-tools .clear-tray a{background-color:#ff0000; color:#fff !important;padding:5px 30px; display:inline-block; border-radius:5px;}
.checkout-footer-tools .continue-shopping{ margin:10px 0;}
.checkout-registered{float:left; width:100%; margin:5px 0; border-bottom:solid 1px #ccc; border-top:solid 1px #ccc; padding:10px 0;}
.checkout-registered h3{padding:0; margin:0;}
.checkout-customer-details{border-right:solid 1px #e1e1e1;}
.checkout-registered input,.checkout-customer-details input,.checkout-customer-details select{width:100%; padding:10px 15px; border:solid 1px #ccc; margin:5px 0; border-radius:3px;font-family:Arial, Helvetica, sans-serif; color:#444;}
.checkout-registered input[type="submit"]{border:none; color:#fff;}
.checkout-customer-details input[type="checkbox"]{width:20px !important; float:left !important; margin:0 20px 0 0; border-radius:50px;}
.checkout-customer-details legend{border:none; margin:10px 0 0 0;}
.checkout-customer-details fieldset{border-bottom:solid 1px #ccc; padding:0 0 20px 0; margin:0 0 20px 0;float: left;width: 100%;}
.checkout-customer-details input[type="submit"]{border:none; color:#fff;}
.checkout-delivery-method i, .checkout-delivery-options i{cursor:pointer; color:#ccc;}
.checkout-delivery-method i:hover, .checkout-delivery-options i:hover{color:#244320;}

.send-payment-details input[type="submit"]{border:none; color:#fff;}
.send-payment-details input{width:100%; padding:10px 15px; border:solid 1px #ccc; margin:5px 0; border-radius:3px;font-family:Arial, Helvetica, sans-serif; color:#444;}
a.forgotten-pass{color:#ccc; text-align:right; float:right;}
a.forgotten-pass:hover{color:#244320;}
.payment-icons {    font-size: 45px; color:#444;}
ul.payment-icons{float:left; width:100%; display:inline-block; padding:0; margin:20px 0; text-align:center; list-style:none;}
ul.payment-icons li{display:inline-block; padding:0; margin:0 5px;}
.checkout-roundup .checkout-totals h2,.checkout-roundup .prod-roundup-header h2{font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#444;}
.checkout-roundup .checkout-totals h3{font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#444;}
.checkout-your-details legend{font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#444;}
.checkout-your-details p,.checkout-terms p,.checkout-delivery-details p{font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#444;}
.checkout-roundup .cart-prods{background:none; border-bottom:dotted 1px #e1e1e1;font-family:Arial, Helvetica, sans-serif; color:#444; font-size:14px; font-weight:bold;}
.checkout-roundup .cart-prods a{color:#444;}
.checkout-roundup .cart-prods a:hover{ color:#244320;}
.checkout-terms p  a{ color:#244320;}
.checkout-terms h2,.checkout-delivery-options h2,.checkout-delivery-method h2{font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#444;}
.add-delivery{display:none;}

.no-padding-left{padding-left:0;}
.no-padding-right{padding-right:0;}

.buttons-set .go{width: 100% !important;padding: 10px 15px;color: #fff;background-color: #444;border: none;text-transform: uppercase;font-size: 30px;border-radius: 5px;font-family: 'Font Awesome 5 Free', 'FontAwesome','Open Sans',Arial, Helvetica, sans-serif;}
.products .go{padding:10px 30px;}
.go {background-color: #244320;    color: #fff !important;    text-transform: uppercase;    padding: 10px;    border-radius: 5px;    font-weight: 300;    font-family: 'Font Awesome 5 Free', 'FontAwesome' ,'Open Sans',Arial, Helvetica, sans-serif; border:none;}
.form_links {float: left; width: 100%;margin: 20px 0; padding: 0;}
.form_links ul {list-style: none; padding: 0; margin: 0;}
.form_links ul li a {color: #444;}

.none{display:none !important;}
.red{color:#FF0000 !important;}
.blue{color:#008fc3 !important;}
.half-padding{padding-left:7.5px !important;padding-right:7.5px !important;}
.small-text{font-size:16px !important;}
#my-orders-table{width:100%; padding:0; margin:10px 0;}
#my-orders-table tbody tr td{padding:5px 0;  border-bottom:dotted 1px #ccc;}
.productWrapper .shopping-cart-add-form{float:left;}
.product-category-wrapper{border:solid 1px #e6e6e6; padding:0px; margin:10px;text-align:center;float:left; width:100%;}
.productImageWrapper{float:left;width:100%;}
.productImageWrapper img{max-width:100%;}
.productWrapper h3{ padding:0; margin:10px 0;}
.productImage img{max-width:100%; width:100%;}
.prod-cat-buy{float:left; width:100%; margin:5px 0;}
.remove-wishlist{float:right;}
.gridView ul{list-style:none; padding:0; margin:10px 0;}
.shopping-bag .gridView ul li{float:left; width:100%; margin:5px 0; padding:5px 0; border-bottom:dotted 1px #ccc;}
.input-group-addon{border:none !important; padding:10px 12px !important;}
.input-group{border:solid 1px #ccc; border-radius:5px;}
.input-date-select{padding:5px 10px; float:left;}
.input-date-select select{border:none; }
#invoice-details,#invoice-details-right{min-height:130px;}
p.small{font-size:12px;}
p.advert{padding-top:10px;}
p.ads{text-align:right;}
p.ads a{color:#31a3c4; text-decoration:underline;}
.category-options{ }
#products-sort{float:left; width:100%;}
.owner p{margin:0 0 0 35px;}
.footer-icon-wrapper{float:left; width:20px; margin:0 5px 0 0;}
.submit-right{float:right;}
.category-side-nav ul{list-style:none;}
.category-side-nav ul li{padding:0 0 5px 0; margin:0 0 5px 0; border-bottom:dotted 1px #ccc;}
.category-side-nav ul li.article-on a{font-weight:bold; color:#31a3c4;}
.warning-item{float:left; width:100%; margin:5px 0; padding:5px 0; border-bottom:dotted 1px #ccc;}
.warning-item h3{margin:5px 0; padding:0; font-size:18px;}
.priceWrap{margin:0px 0;}
.priceWrap .now{font-size:38px; font-weight:600; color:#444444;}
.stock-level{float:left; width:100%;}

#submit_cart select, .pop-form select{width:100%; padding:13px 15px; font-size:20px; color:#aaa; border:solid 1px #ccc;   -webkit-appearance: none; cursor:pointer;
  -moz-appearance: none;
  appearance: none;
  /* Some browsers will not display the caret when using calc, so we put the fallback first */ 
  background: url("https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") white no-repeat 98.5% !important; /* !important used for overriding all other customisations */
  background: url("https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") white no-repeat calc(100% - 10px) !important; /* Better placement regardless of input width */
}
#submit_cart .go, .pop-form .go{width:100%; text-align:center; /*border-radius:0;*/ background-color:#008fc3; color:#fff; font-size:16px; border-radius:20px;}

/* Checkout Styles */

@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(45deg);}
}

.animation-delay{
  -webkit-animation-duration: 3s !important;
  -webkit-animation-delay: 0.8s !important;  
    animation-duration: 3s !important;
 animation-delay: 0.8s !important;
 -webkit-animation-iteration-count: 1;
 animation-iteration-count: 1;
 }
.spam-field{display:none;}