@import url("https://fonts.googleapis.com/css?family=Oswald:300,400,600,700");
@import url("https://fonts.googleapis.com/css?family=Lato:100,300,400,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
/*Colours*/
/*Fonts*/
/*Font Weight*/
/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain) */
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 { border: 0; font-size: 100%; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

table { border-collapse: collapse; border-spacing: 0; }

a { text-decoration: none; }

body, html { margin: 0; padding: 0; }

b, strong { font-weight: bold; }

#wpadminbar { display: none !important; }

body { position: relative; }

body:before { content: ''; width: 100%; height: 100%; background-color: rgba(241, 241, 241, 0.5); position: absolute; left: 0; top: 0; opacity: 0; transition: all ease-in-out 0.3s; z-index: -2; }

body, html { overflow-x: hidden; }

* { letter-spacing: 0.0625rem; }

img { max-width: 100%; }

.container { width: 90%; max-width: 118.75rem; margin: 0 auto; }

h1 { font-size: 2.5em; font-weight: 400; font-family: "Oswald", sans-serif; text-transform: uppercase; color: white; margin: 0; line-height: 1.2; }

h2, h3 { font-size: 2.5em; font-weight: 600; font-family: "Oswald", sans-serif; text-transform: uppercase; color: #52b757; line-height: 1.3; }

h4 { font-size: 2.5em; font-weight: 400; font-family: "Oswald", sans-serif; text-transform: uppercase; color: #1b1b1b; }

h5 { font-size: 1.5em; font-weight: 700; font-family: "Lato", sans-serif; text-transform: uppercase; color: #858585; }

p, li { font-size: 1.5em; font-weight: 300; font-family: "Lato", sans-serif; color: #2d2c30; line-height: 1.3; }

p a, li a { color: #52b757; font-size: 85%; }

a { transition: all ease-in-out .2s; position: relative; z-index: 9; cursor: pointer; font-weight: 300; font-family: "Lato", sans-serif; }

.list ul { padding: 0 0 0 2.5rem; margin: 0; }

.section-image { background-size: cover; background-position: center; background-repeat: no-repeat; }

.button { font-size: 1.75em; font-weight: 300; font-family: "Oswald", sans-serif; color: #929292; display: inline-block; padding: 1.5625rem 9.6875rem 1.5625rem 4.6875rem; border: 0.25rem solid white; position: relative; transition: all ease-in-out .2s; }

.button:after { content: ''; position: absolute; right: 0; top: 0; background-image: url(../icons/right-arrow.png); background-size: 50%; background-position: center; background-repeat: no-repeat; height: 100%; width: 5rem; background-color: white; transition: all ease-in-out .2s; }

.button.grey { border-color: #bcbcbc; }

.button.grey:after { background-color: #bcbcbc; background-image: url(../icons/arrow-white.png); }

.button:hover { border-color: #52b757; color: #52b757; }

.button:hover:after { background-color: #52b757; }

.flickity-fade .flickity-slider { transform: none !important; }

.flickity-fade .flickity-slider > * { left: 0 !important; opacity: 0; transition: opacity 0.5s ease-in-out; z-index: -1; }

.flickity-fade .flickity-slider > *.is-selected { opacity: 1; z-index: 0; }

form h3 { margin: 0 0 2.5rem; }

form span { font-size: 2em; font-weight: 300; font-family: "Lato", sans-serif; color: #2d2c30; line-height: 1.3; }

form ul { padding: 0; margin: 3.125rem 0 0; display: flex; flex-wrap: wrap; justify-content: flex-start; }

form ul li { list-style-type: none; flex: 0 0 49%; margin-right: 1%; margin-bottom: 0.5rem; }

form ul li .gfield_label { display: none; }

form ul li .ginput_container input, form ul li .ginput_container textarea { padding: 1.875rem; background-color: #efefef; box-shadow: none; border: none; font-family: "Lato", sans-serif; font-weight: 300; font-size: 1em !important; color: #505050; width: 100%; box-sizing: border-box; outline: none; }

form ul li .ginput_container textarea { resize: vertical; margin-top: 2.5rem; }

form ul li:nth-of-type(2), form ul li:nth-of-type(4) { margin-right: 0; }

form ul .input-full-width { flex: 0 0 100%; margin-right: 0; }

form ul .gsection { flex: 0 0 100%; }

form ul .gsection h2 { color: #505050; font-size: 1.125em; font-weight: 300; margin: 2.5rem 0; }

form ul .checkbox-container { flex: 0 0 100%; margin-right: 0; margin-top: 2rem; }

form ul .checkbox-container .gfield_label { font-size: 1.5em; display: block; color: #52b757; font-weight: 400; margin: 0 0 1.875rem; }

form ul .checkbox-container .ginput_container_checkbox ul { margin: 0; padding-left: 1.5rem; }

form ul .checkbox-container .ginput_container_checkbox ul li { list-style-type: none; font-size: 1em; flex: 0 0 33.33%; margin: 0 0 1.875rem; }

form ul .checkbox-container .ginput_container_checkbox ul li span { font-weight: 400; font-style: italic; font-size: 70%; color: #515151; display: block; padding-left: 1.875rem; letter-spacing: 1.2px; margin-top: 0.3125rem; }

form ul .checkbox-container .ginput_container_checkbox ul li input[type="checkbox"] { display: none; }

form ul .checkbox-container .ginput_container_checkbox ul li input[type="checkbox"]:checked + label:before { content: '\f00c'; font-size: 0.4375em; color: #52b757; }

form ul .checkbox-container .ginput_container_checkbox ul li label { position: relative; }

form ul .checkbox-container .ginput_container_checkbox ul li label:before { content: ''; font-family: FontAwesome; display: block; background: white; border: 0.125rem solid #52b757; position: absolute; left: -1.875rem; top: 50%; transform: translateY(-50%); width: 0.9375rem; height: 0.9375rem; display: flex; align-items: flex-end; justify-content: center; }

form ul .checkbox-container .ginput_container_checkbox ul li:hover { color: #52b757; }

form ul .not-sure .ginput_container_checkbox ul li { flex: 0 0 100%; }

form #field_1_6 { flex: 0 0 100%; }

form .gform_footer { position: relative; }

form .gform_footer .button { width: 100%; background-color: white; border: 0.25rem solid #52b757; color: #52b757; }

form .gform_footer .button:after { background-color: #52b757; }

form .gform_footer .button:hover { border-color: #3b843e; color: #3b843e; }

form .gform_footer .button:hover:after { background-color: #3b843e; }

form .validation_error { font-size: 1.25em; font-weight: 300; font-family: "Lato", sans-serif; color: red; line-height: 1.3; margin: 1.25rem 0 0; }

form .validation_message { display: none; }

form .gfield_error .ginput_container input, form .gfield_error .ginput_container textarea { border: 0.0625rem solid red; box-shadow: 0 0 0.0625rem 0.0625rem red; }

.gform_confirmation_message { font-size: 1.75em; font-weight: 300; font-family: "Lato", sans-serif; color: #2d2c30; line-height: 1.3; }

/*Misc*/
header { background-color: #52b757; display: flex; position: fixed; top: 0; width: 100%; z-index: 99999; box-shadow: 0px 4px 15px -1px rgba(0, 0, 0, 0.5); justify-content: space-between; }

header .container { flex: 0 0 40%; display: flex; justify-content: center; align-items: center; }

header .container #header-logo { position: absolute; bottom: -3.75rem; left: 1.875rem; z-index: 99; }

header .container #header-logo img { height: 8.75rem; }

header .container nav > ul { margin: 0; padding: 0; display: flex; align-items: center; }

header .container nav > ul > li { position: relative; margin: 0; list-style-type: none; padding: 1.875rem 0; font-size: 1.25em; }

header .container nav > ul > li > a { padding: 0 2.1875rem; border-right: 0.0625rem solid #c6e0c7; color: white; font-style: normal; font-weight: 700; font-size: inherit; display: block; }

header .container nav > ul > li > a:hover { color: #3b843e; }

header .container nav > ul > li:last-of-type a { border-right: none; padding-right: 0; }

header .container nav > ul > li .sub-menu { position: absolute; top: 100%; z-index: 9999; background-color: white; min-width: 21.25rem; max-height: 0; overflow: hidden; transition: all ease-in-out .2s; padding: 0; margin: 0; border-top: 0.375rem solid #b3ecb5; border-bottom: 0.375rem solid #b3ecb5; display: block; opacity: 0; }

header .container nav > ul > li .sub-menu li { list-style-type: none; border-top: 0.0625rem solid #d0d2d3; }

header .container nav > ul > li .sub-menu li a { font-family: "Lato", sans-serif; font-weight: 400; font-size: 0.625em; color: #52b757; border-right: none; border-top: 0.1875rem solid transparent; border-bottom: 0.1875rem solid transparent; padding: 1.25rem 3.125rem; box-sizing: border-box; width: 100%; display: block; }

header .container nav > ul > li .sub-menu li a:hover { background-color: #efefef; color: #b7b4b4; border-top: 0.1875rem solid #dadbdd; border-bottom: 0.1875rem solid #dadbdd; }

header .container nav > ul > li .sub-menu li:first-of-type { border: none; }

header .container nav > ul > li:hover .sub-menu { max-height: 31.25rem; opacity: 1; }

header .container nav > ul .menu-item-has-children { position: relative; }

header .container nav > ul .menu-item-has-children a { padding-right: 2.5rem; }

header .container nav > ul .menu-item-has-children:after { content: ''; position: absolute; top: 2.5rem; right: 1.0625rem; height: 1rem; width: 1rem; background-image: url(../icons/plus.png); background-position: center; background-size: 70%; background-repeat: no-repeat; }

header .container #mobile-menu { width: 3.125rem; position: relative; height: 1.25rem; cursor: pointer; display: none; z-index: 999; }

header .container #mobile-menu span { display: block; height: 0.1875rem; background-color: #3b843e; position: absolute; width: 100%; }

header .container #mobile-menu span:first-of-type { top: 0; }

header .container #mobile-menu span:nth-of-type(2) { top: 50%; left: 0; transition-delay: 0.05s; }

header .container #mobile-menu span:last-of-type { top: 100%; transition-delay: 0.1s; }

header .container #mobile-menu:hover span { background-color: white; }

header .booking { display: flex; justify-content: space-between; flex: 0 0 25%; }

header .header-contact { font-family: "Oswald", sans-serif; font-weight: 700; font-size: 1.375em; color: white; display: flex; align-items: center; flex: 0 0 50%; justify-content: center; }

header .header-contact .dropdown { position: absolute; top: 100%; width: 12.5%; z-index: 9999; background-color: white; transition: all ease-in-out .2s; margin: 0; border-top: 0.375rem solid #b3ecb5; border-bottom: 0.375rem solid #b3ecb5; display: none; }

header .header-contact span { border-right: none; border-top: 0.1875rem solid transparent; border-bottom: 0.1875rem solid transparent; padding: 1.25rem 3.75rem; box-sizing: border-box; width: 100%; display: block; }

header .header-contact span p { font-family: "Lato", sans-serif; font-weight: 400; font-size: 0.875em; color: #52b757; margin: 0; }

header .header-contact span a { font-family: "Lato", sans-serif; font-weight: 400; font-size: 0.75em; color: #52b757; }

header .header-contact p { color: white; text-transform: uppercase; font-family: "Oswald", sans-serif; font-weight: 700; font-size: 0.925em; display: block; }

header .header-contact i { font-size: 1.375em; margin-right: 0.9375rem; transition: all ease-in-out .2s; }

header .header-contact:hover { color: #3b843e; }

header .header-contact:hover i { color: white; }

header .book-now { background-color: black; color: white; text-transform: uppercase; font-family: "Oswald", sans-serif; font-weight: 700; font-size: 1.25em; display: flex; justify-content: center; align-items: center; flex: 0 0 50%; }

header .book-now img { margin-right: 0.9375rem; }

header .book-now:hover { color: #3b843e; }

footer { position: relative; }

footer .footer-logo { position: absolute; top: 1.5625rem; left: 0; padding-bottom: 5%; width: 30%; background-size: contain; }

footer .social-media { display: flex; padding: 1.25rem 0; background-color: #52b757; justify-content: center; }

footer .social-media a { margin-right: 1.875rem; }

footer .social-media a i { font-size: 1.875em; color: white; transition: all ease-in-out .2s; }

footer .social-media a i:hover { color: #3b843e; }

footer .social-media a:last-of-type { margin: 0; }

footer .menu { padding: 2.5rem 0; background-color: #343434; }

footer .menu ul { display: flex; margin: 0; padding: 0; justify-content: center; }

footer .menu ul li { margin: 0; list-style-type: none; }

footer .menu ul li a { font-family: "Lato", sans-serif; font-weight: 300; font-size: 85%; text-transform: uppercase; color: #868686; font-style: normal; padding: 0 1.25rem; border-right: 0.0625rem solid #868686; }

footer .menu ul li a:hover { color: white; }

footer .menu ul li:last-of-type a { border-right: none; padding-right: 0; }

footer .footer-bottom { display: flex; justify-content: center; background-color: #343434; align-items: center; padding: 0.9375rem 0; }

footer .footer-bottom .thrive { padding-right: 0; border-right: none; }

footer .footer-bottom p, footer .footer-bottom a { font-size: 1.25em; font-family: "Lato", sans-serif; font-weight: 300; color: #868686; }

footer .footer-bottom a { margin: 0 0.625rem; }

footer .footer-bottom a:hover { color: white; }

footer .footer-bottom p { margin: 0; padding-right: 0.625rem; border-right: 0.0625rem solid #868686; }

/*404*/
.error { padding: 18.75rem 0; }

.error .container { text-align: center; }

.error .container h1 { color: #52b757; font-size: 5em; }

.error .container h3 { margin: 0; }

.error .container p { margin: 1.875rem 0 5rem; }

.error .container .button { border-color: #52b757; }

.error .container .button:after { background-color: #52b757; }

.error .container .button:hover { border-color: #3b843e; color: #3b843e; }

.error .container .button:hover:after { background-color: #3b843e; }

.intro-content { padding: 7.1875rem 0; }

.intro-content .container { text-align: center; width: 60%; margin: 0 auto; }

.intro-content .container h1 { font-size: 3.4375em; font-weight: 400; font-family: "Lato", sans-serif; color: #52b757; margin: 0 0 2.5rem; }

.intro-content .container h3 { font-size: 1.875em; font-weight: 400; font-family: "Lato", sans-serif; color: #52b757; margin: 0 0 2.5rem; }

.intro-content .container p { text-align: center; font-size: 1.875em; margin: 0 0 3.125rem; }

.intro-content .container ul { margin: 0 0 3.125rem; display: inline-block; }

.intro-content .container ul li { width: 50%; float: left; text-align: left; padding-right: 3rem; box-sizing: border-box; }

.intro-content.grey { background-color: #efefef; }

.general-content { padding: 6.25rem 0; position: relative; }

.general-content .container { width: 55%; margin: 0 auto; text-align: center; }

.general-content .container .general-header { font-size: 3.4375em; font-weight: 400; font-family: "Lato", sans-serif; color: #52b757; margin: 0 0 2.5rem; }

.general-content .container p { color: #2d2c30; text-align: center; font-weight: 300; font-size: 1.875em; margin: 0 0 3.125rem; }

.general-content .container a { font-size: 1em; }

.general-content.white { background-color: white; }

.general-content.grey { background-color: #efefef; }

.green .container { position: relative; z-index: 1; text-align: left; display: flex; flex-wrap: wrap; justify-content: space-around; width: 90%; margin: 0 auto; }

.green .container .general-left { width: 60%; margin-right: 1.25rem; }

.green .container .general-left .general-header { font-size: 3.4375em; font-weight: 400; font-family: "Lato", sans-serif; color: white; margin: 0 0 2.5rem; }

.green .container .general-left p { color: white; text-align: left; font-size: 1.875em; margin: 0 0 3.125rem; }

.green .container .general-right { -ms-grid-row-align: center; align-self: center; }

.green .container .general-right .button { color: white; }

.green:after { content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 100%; background-color: rgba(75, 167, 79, 0.95); }

.call-to-action { display: flex; align-items: stretch; justify-content: space-between; }

.call-to-action .cta-left { flex: 0 0 50%; background-color: #1b1b1b; padding: 3.75rem 0; position: relative; display: flex; }

.call-to-action .cta-left .container { width: 70%; align-self: center; align-items: center; display: flex; }

.call-to-action .cta-left .container h2 { font-size: 2.5em; font-weight: 300; font-family: "Lato", sans-serif; color: #929292; margin: 0; line-height: 1.3; }

.call-to-action .cta-left .container h2 span { font-weight: 400; color: #52b757; margin-right: 0.625rem; }

.call-to-action .cta-left .container .cta-button { margin-left: 1rem; }

.call-to-action .cta-left:after { position: absolute; top: 0; right: -3.125rem; content: ''; width: 0; height: 0; border-style: solid; border-width: 7rem 0 7rem 3.125rem; border-color: transparent transparent transparent #1b1b1b; }

.call-to-action .cta-right { flex: 0 0 50%; background-color: #272727; padding: 3.75rem 0; display: flex; align-items: center; }

.call-to-action .cta-right .location { margin: 0 auto; text-align: center; }

.call-to-action .cta-right .location h3 { margin: 0; }

.call-to-action .cta-right .location p { color: white; margin: 0.5rem; }

.call-to-action .cta-right .location a { color: white; }

.call-to-action .cta-right .location a:hover { color: #52b757; }

.call-to-action .cta-right .right-inner { display: flex; align-items: center; justify-content: space-evenly; flex-direction: column; width: 100%; }

.call-to-action .cta-right .right-inner .container { text-align: center; display: flex; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 20px; }

.call-to-action .cta-right .right-inner .container span { font-weight: 300; font-family: "Oswald", sans-serif; font-size: 2.5em; color: white; margin-left: 1rem; text-transform: uppercase; }

.call-to-action .cta-right .right-inner .container .phone { display: flex; align-items: center; }

.call-to-action .cta-right .right-inner .container .phone i { background-color: #52b757; width: 30px; height: 30px; border-radius: 50%; text-align: center; line-height: 30px; vertical-align: middle; padding: 10px; font-size: 30px; }

.call-to-action .cta-right .right-inner .container .phone a { font-size: 2.5em; font-weight: 300; font-family: "Oswald", sans-serif; color: #52b757; margin: 0 0 0 1.5625rem; }

.call-to-action .cta-right .right-inner .container .phone a:hover { color: #efefef; }

.call-to-action .cta-right .cta-button { margin: 0 auto; }

.partners { padding: 6.25rem 0 4.375rem; }

.partners .container { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; }

.partners .container h3 { position: relative; margin: 0 0 1.25rem; flex: 0 0 100%; }

.partners .container h3:after { content: ''; position: absolute; top: 4.375rem; left: 0; width: 4.375rem; height: 0.1875rem; background-color: #f2f2f2; }

.partners .container .image-container { flex: 0 0 80%; display: flex; justify-content: flex-start; max-width: 80%; flex-wrap: wrap; }

.partners .container .image-container .partner { -ms-grid-row-align: center; align-self: center; margin: 0 1.5625rem 3vw 0 !important; }

.partners .container .image-container .partner:last-of-type { margin-right: 0; }

.faqs { padding: 6.25rem 0 4.375rem; }

.faqs .container { width: 70%; }

.faqs .container h2 { font-size: 2.5em; font-weight: 400; font-family: "Lato", sans-serif; color: #52b757; text-align: center; margin: 0 0 2.5rem; }

.faqs .container .faq { padding-bottom: 1rem; border-bottom: 1px solid #efefef; }

.faqs .container .faq .question { display: flex; align-items: center; }

.faqs .container .faq .question i { color: #52b757; margin-right: 1rem; }

.faqs .container .faq .question h3 { font-size: 1.875em; }

.faqs .container .faq .answer { display: none; }

.columns { padding: 11.25rem 0 7.5rem; }

.columns .container { display: flex; }

.columns .container .col-left { flex: 0 0 40%; margin-right: 10%; border-right: 0.25rem solid #efefef; padding-right: 6.25rem; margin-right: 9.375rem; }

.columns .container .col-left h3 { margin: 0 0 1.875rem; }

.columns .container .col-left h3 span { margin-left: 0.625rem; color: #525252; }

.columns .container .col-left p { margin: 0; }

.columns .container .col-right { flex: 0 0 40%; position: relative; z-index: 2; }

.columns .container .col-right h3 { margin: 0 0 1.875rem; }

.columns .container .col-right ul li { font-size: 1.5em; font-weight: 400; font-family: "Lato", sans-serif; font-style: italic; color: #515151; list-style-type: none; margin-bottom: 1.25rem; position: relative; display: block; }

.columns .container .col-right ul li:last-of-type { margin: 0; }

.columns .container .col-right ul li:before { content: ''; position: absolute; top: 0; left: -2.375rem; height: 1.5625rem; width: 1.5625rem; background-image: url(../icons/checkbox.png); background-position: center; background-size: contain; background-repeat: no-repeat; }

.columns .container .col-right .back-image { position: absolute; top: 5rem; right: 0; height: 18.75rem; z-index: -1; }

.content-container { max-width: 59.375rem; background-color: rgba(82, 183, 87, 0.9); padding: 3.125rem; position: relative; box-sizing: border-box; z-index: 99; }

.content-container p { font-size: 1.8125em; margin: 1.5625rem 0 0; color: white; }

.banner { padding: 27.5rem 0 0; }

.banner .container { display: flex; justify-content: flex-end; }

.banner .container .content-container { max-width: 51.875rem; border-bottom: 0.625rem solid #191717; bottom: -3.75rem; }

.home-slider, .banner { margin-top: 3.125rem; }

/*Home Page*/
.home-slider { position: relative; max-height: 62.5rem; overflow: hidden; }

.home-slider .slider { opacity: 0; transition: all ease-in-out 0.3s; }

.home-slider .slider .slide { padding: 8% 0 5%; width: 100%; height: 40vh; display: flex; }

.home-slider .slider .slide .container { display: flex; justify-content: flex-end; align-self: flex-end; }

.home-slider .slider .slide .container .content-container { display: flex; }

.home-slider .slider .slide .container .content-container .content h2, .home-slider .slider .slide .container .content-container .content p { margin-right: 6.25rem !important; }

.home-slider .slider .slide .container .content-container .content h2 { font-size: 2.5em; font-weight: 400; font-family: "Oswald", sans-serif; text-transform: uppercase; color: white; margin: 0; line-height: 1.2; }

.home-slider .slider .slide .container .content-container .black-button { position: relative; top: -3.125rem; right: -3.125rem; }

.home-slider .slider .slide .container .content-container .black-button img { position: absolute; top: 0; right: 0; background-size: contain; background-position: center; background-repeat: no-repeat; height: 6.25rem; width: 6.25rem; }

.home-slider .slider .flickity-prev-next-button { background-color: transparent; border: 0.125rem solid white; }

.home-slider .slider .flickity-prev-next-button svg .arrow { fill: white; }

.home-slider .slider .flickity-page-dots { display: none; }

.home-slider.active .slider { opacity: 1; }

.home-slider.active .loader { display: none; }

.home-slider .loader { position: absolute; top: 40vh; width: 5rem; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 999; }

.services { background-color: #efefef; padding: 10.625rem 0; }

.services .container { display: flex; flex-wrap: wrap; justify-content: center; width: 70%; }

.services .container h2 { font-size: 2.5em; font-weight: 400; font-family: "Lato", sans-serif; color: #52b757; text-align: center; margin: 0 0 2.5rem; }

.services .container .service { display: flex; justify-content: space-between; flex-direction: column; flex: 0 0 36%; padding: 0 5.625rem; position: relative; }

.services .container .service .back-image { position: absolute; top: -1.25rem; right: 5rem; height: 16.875rem; width: auto; }

.services .container .service h3 { position: relative; margin: 0 0 1.875rem; }

.services .container .service h3:after { content: ''; position: absolute; bottom: 0; left: -5.9375rem; background: white; height: 0.3125rem; width: 4.375rem; }

.services .container .service ul { flex-grow: 1; }

.services .container .service ul li { font-size: 1.5em; font-weight: 400; font-family: "Lato", sans-serif; font-style: italic; color: #515151; list-style-type: none; margin-bottom: 1.25rem; position: relative; }

.services .container .service ul li:last-of-type { margin: 0; }

.services .container .service ul li:before { content: ''; position: absolute; top: 0; left: -2.375rem; height: 1.5625rem; width: 1.5625rem; background-image: url(../icons/checkbox.png); background-position: center; background-size: contain; background-repeat: no-repeat; }

.services .container .service p { font-size: 1.5em; font-weight: 300; color: #515151; font-style: italic; margin: 1.875rem 0 2.5rem; }

.services .container .service .button { align-self: flex-start; }

.services .container .service:nth-of-type(1), .services .container .service:nth-of-type(2) { padding-bottom: 4.375rem; border-bottom: 0.1875rem solid #f5f5f5; }

.services .container .service:nth-of-type(1), .services .container .service:nth-of-type(3) { border-right: 0.1875rem solid #f5f5f5; }

.services .container .service:nth-of-type(3), .services .container .service:nth-of-type(4) { padding: 6.25rem 5.625rem 3.125rem; }

.services .container .service:nth-of-type(3) .back-image, .services .container .service:nth-of-type(4) .back-image { top: 5.625rem; }

.services .container .service:nth-of-type(2), .services .container .service:nth-of-type(4) { padding-left: 10.625rem; padding-right: 3.125rem; }

.contact-us { position: relative; background-color: #f2f2f2; }

.contact-us .container { display: flex; flex-direction: row; width: 100%; max-width: 100%; min-height: 40vh; }

.contact-us .container .contact-left { width: 50%; padding: 10rem 6rem; box-sizing: border-box; position: relative; }

.contact-us .container .contact-left p { font-size: 2.25em; color: #515151; margin: 0 0 1.25rem; line-height: 1.5; }

.contact-us .container .contact-left a { font-size: 1.5em; font-family: "Lato", sans-serif; font-style: italic; color: #52b757; margin: 0; }

.contact-us .container .contact-left a:hover { text-decoration: underline; }

.contact-us .container .contact-right { width: 50%; padding: 10rem 6rem; box-sizing: border-box; text-align: right; position: relative; }

.contact-us .container .contact-right p { font-size: 2.25em; color: #515151; margin: 0 0 1.25rem; line-height: 1.5; }

.contact-us .container .contact-right a { font-size: 1.5em; font-family: "Lato", sans-serif; font-style: italic; color: #52b757; margin: 0; }

.contact-us .container .contact-right a:hover { text-decoration: underline; }

.contact-us .container #map1 { width: 100%; position: absolute; right: 0; top: 0; bottom: 0; }

.contact-us .container #map2 { width: 100%; position: absolute; left: 0; top: 0; bottom: 0; }

.contact-us .top { flex-direction: row; }

.contact-us .bottom { flex-direction: row; }

.testimonials { padding: 6.25rem 0; position: relative; }

.testimonials .container { position: relative; z-index: 1; text-align: center; }

.testimonials .container .center { font-size: 2.8125em; font-weight: 400; font-family: "Lato", sans-serif; text-transform: uppercase; color: white; margin: 0 0 2.5rem; }

.testimonials .container .testimonial-slider .flickity-slider .testimonial { width: 100%; position: relative; top: 50%; transform: translateY(-50%); }

.testimonials .container .testimonial-slider .flickity-slider .testimonial p { font-size: 1.8125em; color: white; width: 50%; margin: 0 auto; }

.testimonials .container .testimonial-slider .flickity-slider .testimonial h4 { font-size: 1.75em; font-weight: 700; font-family: "Lato", sans-serif; color: white; }

.testimonials .container .testimonial-slider .flickity-page-dots li:before { display: none; }

.testimonials .container .testimonial-slider .flickity-page-dots .dot { background: transparent; border: 0.125rem solid white; border-radius: 0; opacity: 1; }

.testimonials .container .testimonial-slider .flickity-page-dots .dot.is-selected { background: white; }

.testimonials .container .testimonial-slider .flickity-prev-next-button { display: none; }

.testimonials:after { content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 100%; background-color: rgba(75, 167, 79, 0.95); }

/*Area Page*/
/*About Page*/
.about-page .general-content { padding: 9.6875rem 0 3.4375rem; }

.about-page .columns { background-color: #efefef; }

.about-page .columns .col-left { border-right: 0.25rem solid #f5f5f5; }

.secondary-banner { padding: 3.125rem 0; background-color: #52b757; }

.secondary-banner .container { max-width: 150rem; display: flex; justify-content: space-around; }

.secondary-banner .container .banner-pod { flex: 0 0 22%; display: flex; padding-right: 6.25rem; border-right: 0.25rem solid #97d49a; }

.secondary-banner .container .banner-pod .pod-icon { height: 3rem; width: auto; margin-right: 1rem; }

.secondary-banner .container .banner-pod .pod-content h3 { color: white; margin: 0; }

.secondary-banner .container .banner-pod .pod-content p { color: white; margin: 0.9375rem 0 0; }

.secondary-banner .container .banner-pod:last-of-type { padding-right: 0; border-right: none; }

.video-section { padding: 11.25rem 0; }

.video-section .container { display: flex; justify-content: space-between; }

.video-section .container .video-content { flex: 0 0 40%; }

.video-section .container .video-content h3 { margin: 0 0 1.875rem; }

.video-section .container .video-content p { margin: 0; }

.video-section .container .plyr { flex: 0 0 50%; box-shadow: 0.3125rem 0.3125rem 1.25rem 0 rgba(158, 158, 158, 0.75); }

.video-section .container .plyr__play-large { padding: 2.1875rem; background: #52b757; cursor: pointer; }

.video-section .container .plyr__play-large svg { height: 1.875rem; width: 1.875rem; }

.team-members { display: none; padding: 12.5rem 0; background-color: #efefef; }

.team-members .container { display: flex; flex-wrap: wrap; justify-content: space-between; }

.team-members .container h3 { flex: 0 0 100%; margin: 0 0 6.875rem; position: relative; }

.team-members .container h3:after { content: ''; position: absolute; bottom: -1.875rem; left: 0; width: 4.375rem; height: 0.3125rem; border: 0.0625rem dashed white; }

.team-members .container .member { flex: 0 0 48%; display: flex; margin-bottom: 10rem; }

.team-members .container .member .section-image { background-size: contain; flex: 0 0 30%; padding-bottom: 11.25rem; align-self: flex-start; margin-right: 4%; }

.team-members .container .member .member-content { display: flex; flex-direction: column; justify-content: space-between; }

.team-members .container .member .member-content p { margin: 0; }

.team-members .container .member .member-content h4 { margin: 0; }

.team-members .container .member .member-content h5 { margin: 0.9375rem 0 1.25rem; }

.team-members .container .member .member-content .social-media { margin-top: 0.9375rem; }

.team-members .container .member .member-content .social-media a { padding: 0.3125rem; margin: 0.1875rem; }

.team-members .container .member .member-content .social-media a i { font-size: 1.875em; color: #444444; }

.team-members .container .member .member-content .social-media a:hover i { color: #52b757; }

.team-members .container .member:nth-of-type(3), .team-members .container .member:nth-of-type(4) { margin-bottom: 0; }

/*Storage Size*/
.storage-size { padding: 8.125rem 0 12.5rem; }

.storage-size .container .select-dropdown { position: relative; display: inline-block; vertical-align: middle; font-family: "Oswald", sans-serif; color: #52b757; }

.storage-size .container .select-dropdown select { padding: 2rem; border: none; color: #52b757; font-size: 2.5em; font-weight: 400; background: #efefef; font-family: "Oswald", sans-serif; margin-bottom: 2rem; }

.storage-size .container .select-dropdown select option { color: #52b757; font-weight: 400; font-family: "Oswald", sans-serif; }

.storage-size .container .select-dropdown select option:focus, .storage-size .container .select-dropdown select option:active, .storage-size .container .select-dropdown select option:hover { outline: none !important; border: none !important; background: #efefef !important; }

.storage-size .container .select-dropdown select:focus { outline: none !important; }

.storage-size .container .select-dropdown select:active, .storage-size .container .select-dropdown select:hover { outline: none !important; background: #efefef !important; }

.storage-size .container h3 { margin: 0 0 1.875rem; }

.storage-size .container p { margin: 0 0 3.75rem; }

.storage-size .container .storage-units { display: flex; flex-wrap: wrap; margin-bottom: 9.375rem; }

.storage-size .container .storage-units .storage-unit { flex: 0 0 24.25%; margin: 0 1% 0.9375rem 0; display: flex; flex-direction: column; align-items: center; justify-content: space-between; }

.storage-size .container .storage-units .storage-unit .storage-image { background-color: #efefef; width: 100%; background-size: 100%; padding-bottom: 18.75rem; }

.storage-size .container .storage-units .storage-unit .unit-content { padding: 2.5rem 1.25rem 1.25rem; background-color: #e3e1e1; text-align: center; -ms-grid-row-align: stretch; align-self: stretch; flex: 1; }

.storage-size .container .storage-units .storage-unit .unit-content h4 { margin: 0 0 2.1875rem; }

.storage-size .container .storage-units .storage-unit:nth-child(4n+4) { margin: 0 0 0.9375rem; }

.storage-size .container:last-of-type .storage-units { margin-bottom: 0; }

/*Storage Unit Pop-up*/
.single-unit .unit-heading { background-color: #52b757; padding: 3.75rem 7.5rem; position: relative; }

.single-unit .unit-heading .container h4 { color: white; margin: 0; }

.single-unit .unit-heading .container h5 { font-size: 1.75em; font-weight: 400; color: #a1daa4; margin: 0 0 1.25rem; }

.single-unit .unit-heading .container .popup-close { height: 3.75rem; width: 3.75rem; position: absolute; top: 50%; transform: translateY(-50%); right: 4.6875rem; display: none; }

.single-unit .unit-heading .container .popup-close:hover { opacity: 0.7; }

.single-unit .unit-body { padding: 7.5rem 0; }

.single-unit .unit-body .container { width: 70%; position: relative; }

.single-unit .unit-body .container .featured-image { background-size: contain; position: absolute; top: 0; right: 0; padding-bottom: 20%; width: 40%; }

.single-unit .unit-body .container .size { font-size: 1.5em; font-weight: 300; color: #858585; margin: 0; }

.single-unit .unit-body .container .size span { font-weight: 700; text-transform: uppercase; }

.single-unit .unit-body .container h4 { margin: 2.1875rem 0 1.5625rem; }

.single-unit .unit-body .container h5 { font-size: 1.75em; margin: 0 0 3.75rem; }

.single-unit .unit-body .container p { margin: 0 0 2.5rem; }

.single-unit .unit-body .container p:last-of-type { margin: 0; }

.single-unit .unit-body .container .button { border: 0.25rem solid #52b757; margin-top: 3.75rem; }

.single-unit .unit-body .container .button:after { background-color: #52b757; }

.single-unit .unit-body .container .button:hover { border-color: #3b843e; color: #3b843e; }

.single-unit .unit-body .container .button:hover:after { background-color: #3b843e; }

.single-unit .unit-body .container .unit-body-image { margin: 5rem auto 0; padding-bottom: 40%; width: 100%; }

#popup-info { position: fixed; top: 12vh; left: 0; right: 0; margin: 0 auto; width: 90%; max-width: 81.25rem; background: white; opacity: 0; visibility: hidden; transition: all ease-in-out 0.2s; height: 85vh; overflow: scroll; z-index: 9999; }

#popup-info .single-unit .container .popup-close { display: block; }

body.popup-active { overflow: hidden; position: relative; }

body.popup-active #popup-info { visibility: visible; opacity: 1; z-index: 999; }

body.popup-active:before { opacity: 1; visibility: visible; z-index: 2; }

/*Our Services*/
.our-services { padding: 9.375rem 0 6.25rem; background-color: #efefef; }

.our-services .container h3 { position: relative; margin: 0 0 5.625rem; }

.our-services .container h3:after { content: ''; position: absolute; bottom: -2.5rem; left: 0; width: 4.6875rem; height: 0.3125rem; background-color: #52b757; }

.our-services .container .service-pods { display: flex; justify-content: flex-end; }

.our-services .container .service-pods .service-pod { flex: 0 0 21%; display: flex; flex-direction: column; justify-content: space-between; padding: 0 3.75rem 2.5rem 0; margin-right: 3.75rem; border-right: 0.3125rem solid #f5f5f5; }

.our-services .container .service-pods .service-pod h4 { margin: 0 0 2.5rem; }

.our-services .container .service-pods .service-pod .button { align-self: flex-start; }

.our-services .container .service-pods .service-pod:last-of-type { margin-right: 0; padding-right: 0; border-right: none; }

/*Contact Page*/
.contact-page { padding-bottom: 0; position: relative; overflow: hidden; }

.contact-page .container { max-width: 131.25rem; display: flex; min-height: 0; }

.contact-page .container .contact-left { padding-bottom: 23.75rem; }

.contact-page .container .contact-left h2 { font-size: 3.125em; font-weight: 400; font-family: "Lato", sans-serif; color: #52b757; margin: 3.75rem 0 1.875rem; }

.contact-page .container .contact-left p { font-size: 1.875em; color: #515151; margin: 0 0 1.25rem; line-height: 1.5; }

.contact-page .container .contact-left a { font-size: 1.5em; font-family: "Lato", sans-serif; font-style: italic; color: #52b757; margin: 0; }

.contact-page .container .contact-left a:hover { text-decoration: underline; }

.contact-page .container .contact-left .email { display: block; margin-top: 3.75rem; color: #515151; font-weight: 300; font-size: 2.25em; font-style: normal; }

.contact-page .container .contact-left .email span { color: #52b757; font-weight: 400; }

.contact-page .container .contact-left .email:hover { text-decoration: none; color: #52b757; }

.contact-page .container .contact-left .cta-wrap { position: absolute; bottom: 0; left: 0; width: 100%; }

.contact-page .container .contact-left .call-to-action .cta-left { flex: 0 0 40.5%; }

.contact-page .container .contact-left .call-to-action .cta-left .container { width: 55%; text-align: center; }

.contact-page .container .contact-left .call-to-action .cta-left h2 { font-size: 2.5em; margin: 0; }

.contact-page .container .contact-left .call-to-action .cta-left:after { right: -3.0625rem; border-width: 5.45625rem 0 5.45625rem 3.125rem; }

.contact-page .container .contact-left .call-to-action .cta-right { flex: 0 0 60%; }

.contact-page .container .contact-left .call-to-action .cta-right .container { width: 60%; }

.contact-page .container .contact-left .call-to-action .cta-right .container i { font-size: 2.5em; background-color: #52b757; padding: 0.5rem 1.25rem; border-radius: 100%; }

.contact-page .container .contact-left .call-to-action .cta-right .container a { font-size: 2.5em; font-weight: 300; font-family: "Oswald", sans-serif; margin: 0 0 0 1.5625rem; font-style: normal; }

.contact-page .container .contact-left .call-to-action .cta-right .container a:hover { color: #efefef; text-decoration: none; }

.contact-page .container .contact-right { text-align: left; }

.contact-page .container .contact-right .gform_wrapper { margin-top: 0; }

.contact-page .container .contact-right .gform_wrapper form h3 { margin: 0; display: none; }

.contact-page .container .contact-right .gform_wrapper form span { font-size: 1.875em; }

.contact-page .container .contact-right .gform_wrapper form ul li { flex: 0 0 100%; }

.contact-page .container .contact-right .gform_wrapper form ul li .gfield_label { display: none; }

.contact-page .container .contact-right .gform_wrapper form ul li .ginput_container select, .contact-page .container .contact-right .gform_wrapper form ul li .ginput_container input, .contact-page .container .contact-right .gform_wrapper form ul li .ginput_container textarea { padding: 1.875rem; background-color: white; box-shadow: none; border: none; font-family: "Lato", sans-serif; font-weight: 300; font-size: 1em !important; color: #505050; width: 100%; box-sizing: border-box; outline: none; }

.contact-page .container .contact-right .gform_wrapper form ul li .ginput_container textarea { resize: vertical; margin-top: 2.5rem; }

.contact-page .container .contact-right .gform_wrapper form ul li .ginput_container select { border: none; width: 100%; }

/*Get A Quote*/
.get-quote { padding: 12.5rem 0; }

.get-quote .container { max-width: 81.25rem; }

/*Make a Payment*/
.make-payment { padding: 12.5rem 0; }

.make-payment .container { max-width: 50rem; }

.make-payment .container .form-intro p { font-size: 2em; }

.make-payment .container form input[type="text"], .make-payment .container form input[type="email"], .make-payment .container form input[type="number"] { padding: 1.875rem; background-color: #efefef; box-shadow: none; border: none; font-family: "Lato", sans-serif; font-weight: 300; font-size: 1.375em !important; color: #505050; width: 100%; box-sizing: border-box; outline: none; margin-bottom: 0.625rem; }

.make-payment .container form .button { border: 0.1875rem solid #52b757; color: #52b757; margin-top: 0.3125rem; padding: 1.25rem; width: 40%; }

.make-payment .container form .button:hover { border-color: #3b843e; color: #3b843e; }

.make-payment .container .error { border: 1px solid red !important; }

/*Default*/
.default-banner { padding: 12.5rem 0 6.25rem; }

.default-banner h1 { text-align: center; font-size: 3.75em; position: relative; color: #52b757; }

.default-banner h1:after { content: ''; position: absolute; bottom: -2.5rem; left: 0; right: 0; margin: 0 auto; width: 37.5rem; height: 0.125rem; background-color: #52b757; }

.default-content { text-align: center; }

/*Single Post*/
.banner-image { position: fixed; top: 0; left: 0; width: 100%; height: 31.25rem; }

.post-content { position: relative; margin: 15.625rem auto; }

.post-content .container { box-shadow: 0 0 1.875rem 0 rgba(0, 0, 0, 0.1); padding: 7.5rem 6.25rem 6.25rem; background-color: white; max-width: 81.25rem; position: relative; z-index: 1; }

.post-content .container h1 { color: black; text-align: center; font-size: 3.5em; }

.post-content .container .post-info { text-align: center; margin: 1.875rem 0 3.75rem; }

.post-content .container .post-info a, .post-content .container .post-info p, .post-content .container .post-info span { display: inline-block; color: #2d2c30; font-weight: 300; font-family: "Lato", sans-serif; font-size: 1.25em; margin: 0; }

.post-content .container .post-info a:hover { color: #52b757; }

.post-content .container .post-info span { margin: 0 0.9375rem; }

.post-content .container .flex-columns { display: flex; margin-bottom: 2%; }

.post-content .container .flex-columns .content, .post-content .container .flex-columns .columns-image { flex: 1; margin: 0 1%; }

.post-content .container .flex-columns .content h4, .post-content .container .flex-columns .columns-image h4 { font-size: 2em; color: #52b757; }

.post-content .container .flex-columns .content p, .post-content .container .flex-columns .columns-image p { margin-top: 0; padding-bottom: 1rem; }

.post-content .container .flex-columns .content a, .post-content .container .flex-columns .columns-image a { font-size: 1em; }

.post-content .container .flex-columns .columns-image { min-height: 20vw; }

.post-navigation { padding: 0 0 5rem; }

.post-navigation .container { max-width: 81.25rem; text-align: center; position: relative; }

.post-navigation .container a { font-size: 1.25em; color: #2d2c30; }

.post-navigation .container a:hover { color: #52b757; }

.post-navigation .container .post-prev, .post-navigation .container .post-next { position: absolute; top: 50%; transform: translateY(-50%); }

.post-navigation .container .post-prev { left: 0; }

.post-navigation .container .post-next { right: 0; }

/*Archive Posts*/
.archive-categories { padding: 3.75rem 0; display: none; }

.archive-categories .container ul { padding: 0; margin: 0; display: flex; justify-content: center; }

.archive-categories .container ul li { list-style-type: none; margin-right: 1.25rem; }

.archive-categories .container ul li p { display: none; }

.archive-categories .container ul li a { padding: 0.9375rem; font-weight: 400; display: block; }

.archive-categories .container ul li a:hover { color: #3b843e; }

.archive-categories .container ul li a.active { color: #3b843e; }

.archive-categories .container ul li:last-of-type { margin-right: 0; }

.archive-posts { padding: 6.25rem 0 2.5rem; background-color: rgba(239, 239, 239, 0.5); }

.archive-posts .container { display: flex; flex-wrap: wrap; }

.archive-posts .container .post { background: white; flex: 0 0 100%; margin: 0 2.66% 3vw 0; display: flex; flex-direction: row; box-shadow: 0 0 1.875rem 0 rgba(0, 0, 0, 0.1); }

.archive-posts .container .post:nth-of-type(4n+4) { margin: 0 0 3vw 0; }

.archive-posts .container .post .post-image { width: 34vw; padding: 4rem; position: relative; }

.archive-posts .container .post .post-image:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: all ease-in-out .2s; }

.archive-posts .container .post .post-description { background-color: white; padding: 1.25rem; margin: 4rem; flex: 1; display: flex; flex-direction: column; justify-content: flex-start; }

.archive-posts .container .post .post-description h3 { margin: 0 0 0.9375rem; font-size: 2.5em; }

.archive-posts .container .post .post-description p { margin: 0 0 0.9375rem; }

.archive-posts .container .post .post-description .post-info p { margin: 0 0.625rem 0.9375rem 0; font-style: italic; font-size: 1.125em; display: inline-block; }

.archive-posts .container .post .post-description .read-more { background: #52b757; border: 1px solid #52b757; color: white; width: 8rem; font-weight: 400; font-size: 1.125em; margin-top: 2rem; text-transform: uppercase; margin-bottom: 0; opacity: 1; transition: all ease-in-out .2s; }

.archive-posts .container .post .post-description .read-more:after { background-color: #3b843e; }

.archive-posts .container .post:hover .post-image:before, .archive-posts .container .post:hover .read-more { opacity: 0.8; }

.error-message { background-color: rgba(239, 239, 239, 0.5); padding: 5rem 0 0; text-align: center; }

.error-message p { font-size: 1.875em; color: #3b843e; margin: 0; }

.prev-next-nav { padding: 0 0 3.75rem; background-color: rgba(239, 239, 239, 0.5); }

.prev-next-nav .container .pagination ul { padding: 0; margin: 0; display: flex; justify-content: center; position: relative; }

.prev-next-nav .container .pagination ul li { list-style-type: none; margin-right: 0.9375rem; }

.prev-next-nav .container .pagination ul li a { padding: 0.3125rem; font-family: "Lato", sans-serif; font-weight: 500; }

.prev-next-nav .container .pagination ul li a:hover { color: #3b843e; }

.prev-next-nav .container .pagination ul li:last-of-type { margin-right: 0; }

.prev-next-nav .container .pagination ul .active a { color: #3b843e; }

.prev-next-nav .container .pagination ul .pagination-previous, .prev-next-nav .container .pagination ul .pagination-next { position: absolute; top: 50%; transform: translateY(-50%); }

.prev-next-nav .container .pagination ul .pagination-previous { left: 0; }

.prev-next-nav .container .pagination ul .pagination-next { right: 0; }

.prev-next-nav .container .pagination ul .pagination-next-prev-null { display: none; }

@media only screen and (max-width: 2400px) { header .container { margin: 0; flex: 0 0 70%; }
  header .container nav ul { margin: 0 0 0 31.25rem; }
  footer .footer-logo { width: 25%; } }

@media only screen and (max-width: 2200px) { header .container { flex: 0 0 75%; }
  footer .footer-logo { width: 20%; } }

@media only screen and (max-width: 2050px) { .services .container { width: 80%; } }

@media only screen and (min-width: 1900px) { html, body { font-size: 14px; } }

@media only screen and (max-width: 1900px) { html, body { font-size: 12px; }
  header .book-now img { height: 1.75rem; }
  .contact-page .contact-us .container .contact-left .call-to-action .cta-left:after { border-width: 6.3125rem 0 6.3125rem 3.125rem; }
  .ginput_container_checkbox ul li input[type="checkbox"]:checked + label:before { font-size: 0.4375em !important; }
  .call-to-action .cta-left .container h2 { font-size: 2.5em; }
  .call-to-action .cta-left:after { border-width: 7rem 0 7rem 3.125rem; }
  .call-to-action .cta-right .container a { font-size: 2.5em; }
  .partners .container .image-container .partner { max-height: 7.5rem; }
  .home-slider, .banner { margin-top: 2.5rem; } }

@media only screen and (max-width: 1500px) { html, body { font-size: 10px; } }

@media only screen and (max-width: 1440px) { .call-to-action .cta-left:after { border-width: 6.875rem 0 6.875rem 3.125rem; } }

@media only screen and (max-width: 1400px) { header .container #header-logo { bottom: -2.5rem; }
  header .container #header-logo img { height: 7.5rem; }
  header .container nav ul { margin: 0 0 0 25rem; } }

@media only screen and (max-width: 1285px) { header .container nav ul li a { font-size: 1em; }
  .services .container { width: 90%; }
  .contact-us { display: block; }
  .contact-us .container .contact-left .call-to-action { width: 100%; }
  .contact-us .container #map { top: auto; width: 100%; bottom: 0; padding-bottom: 40%; }
  .testimonials .container .testimonial-slider .flickity-slider .testimonial p { width: 70%; }
  footer .footer-logo { right: 0; margin: 0 auto; top: 5rem; width: 50%; }
  footer .social-media { padding: 1.5625rem 0 3.75rem; }
  footer .menu { padding: 6.25rem 0 2.5rem; }
  .our-services .container h3 { text-align: center; margin-bottom: 7.5rem; }
  .our-services .container h3:after { right: 0; margin: 0 auto; }
  .our-services .container .service-pods { justify-content: center; }
  .our-services .container .service-pods .service-pod { margin: 0; padding: 3.75rem 5rem; text-align: center; }
  .our-services .container .service-pods .service-pod:first-of-type { padding: 3.75rem 5rem 3.75rem 0; }
  .archive-posts .container .post { flex: 0 0 31%; margin: 0 3.33% 3vw 0; }
  .archive-posts .container .post:nth-of-type(4n+4) { margin: 0 2% 3vw 0; }
  .archive-posts .container .post:nth-of-type(3n+3) { margin: 0 0 3vw 0; } }

@media only screen and (max-width: 1175px) { header { flex-wrap: wrap; text-align: center; }
  header .container { justify-content: flex-end; margin-top: 7.5rem; flex: 0 0 90%; }
  header .container #header-logo { bottom: -1.875rem; }
  header .container #header-logo img { height: 6.25rem; }
  header .container nav ul { margin: 0; justify-content: flex-end; }
  header .booking { flex: 0 0 100%; position: absolute; top: 0; left: 0; width: 100%; }
  header .booking .header-contact, header .booking .book-now { display: flex; justify-content: center; flex: 0 0 50%; padding: 0.9375rem 0; }
  header .booking .header-contact { background-color: #3b843e; margin: 0; }
  header .booking .header-contact .dropdown { width: 50%; }
  header .booking .header-contact:hover { color: #52b757; }
  .home-slider, .banner { margin-top: 5.625rem; }
  .call-to-action .cta-left { flex: 0 0 65%; }
  .call-to-action .cta-right { flex: 0 0 35%; }
  .call-to-action .cta-right .right-inner { flex-direction: column; align-items: flex-start; }
  .call-to-action .cta-right .right-inner .container { margin: 2rem 0; width: 100%; }
  .secondary-banner .container { flex-wrap: wrap; }
  .secondary-banner .container .banner-pod { display: flex; flex-direction: column; border-right: none; padding: 0; margin: 0; text-align: center; flex: 0 0 28.33%; margin-right: 5%; }
  .secondary-banner .container .banner-pod .pod-icon { -ms-grid-row-align: center; align-self: center; margin: 0 0 1.25rem; }
  .secondary-banner .container .banner-pod:last-of-type { margin: 0; }
  .video-section { padding: 7.5rem 0; }
  .video-section .container { flex-wrap: wrap; }
  .video-section .container .video-content { flex: 0 0 100%; text-align: center; margin: 0 0 5rem; }
  .video-section .container .plyr { flex: 0 0 100%; display: block; }
  .storage-size .container .storage-units .storage-unit { flex: 0 0 32.33%; }
  .storage-size .container .storage-units .storage-unit:nth-child(4n+4) { margin: 0 1% 0.9375rem 0; }
  .storage-size .container .storage-units .storage-unit:nth-child(3n+3) { margin: 0 0 0.9375rem; }
  #popup-info { max-width: 62.5rem; height: 75vh; top: 18vh; }
  .our-services .container .service-pods { justify-content: center; }
  .our-services .container .service-pods .service-pod { flex: 0 0 28%; padding: 3.75rem; }
  .our-services .container .service-pods .service-pod .button { -ms-grid-row-align: center; align-self: center; }
  .post-content { margin-top: 18.75rem; } }

@media only screen and (max-width: 1025px) { .general-content .container { justify-content: flex-start; }
  .general-content .container .general-left { width: 100%; }
  .services .container .service { flex: 0 0 80%; border: none !important; border-bottom: 0.1875rem solid #f5f5f5 !important; padding: 6.25rem 0 !important; align-items: center; text-align: center; }
  .services .container .service h3 { margin: 0 0 3.125rem; }
  .services .container .service h3:after { bottom: -1.25rem; left: 0; right: 0; margin: 0 auto; }
  .services .container .service ul { text-align: center; display: block; padding: 0; }
  .services .container .service ul li { display: block; position: relative; }
  .services .container .service ul li:before { position: relative; display: inline-block; left: 0; margin-right: 0.625rem; top: 0.1875rem; }
  .services .container .service .button { -ms-grid-row-align: center; align-self: center; }
  .services .container .service:last-of-type { padding: 6.25rem 0 0 !important; border: none !important; }
  .services .container .service:first-of-type { padding: 0 0 6.25rem !important; }
  .services .container .service:first-of-type .back-image { top: 0 !important; }
  .services .container .service .back-image { top: 5.625rem !important; }
  .partners .container { justify-content: space-around; }
  .partners .container h3 { text-align: center; margin: 0 0 6.25rem; }
  .partners .container h3:after { right: 0; margin: 0 auto; }
  .partners .container .image-container { justify-content: center; }
  .partners .container .image-container .partner { max-height: 6.25rem; max-width: 18.75rem; }
  footer .footer-logo { right: 0; margin: 0 auto; top: 4.6875rem; width: 50%; }
  footer .social-media { padding: 1.5625rem 0 3.125rem; }
  footer .menu { padding: 5rem 0 1.25rem; }
  .columns { padding: 7.5rem 0; }
  .columns .container { flex-wrap: wrap; justify-content: center; }
  .columns .container .col-left { flex: 0 0 100%; text-align: center; padding: 0; margin: 0 0 5rem; border-right: none; }
  .columns .container .col-left p { margin: 0 0 0.625rem; }
  .columns .container .col-right { flex: 0 0 100%; }
  .columns .container .col-right .back-image { top: -3.75rem; right: -1.875rem; }
  .columns .container .col-right ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .columns .container .col-right ul li { flex: 0 0 43%; }
  .service-columns .container .col-right h3 { text-align: center; margin-bottom: 5rem; }
  .service-columns .container .col-right p { text-align: center; }
  .service-columns .container .col-right ul { margin: 0 auto; justify-content: space-between; }
  .service-columns .container .col-right ul li { flex: 0 0 42%; }
  .team-members { padding: 7.5rem 0; }
  .team-members .container .member { flex: 0 0 40%; display: block; margin-bottom: 3.75rem; }
  .team-members .container .member .section-image { width: 50%; padding-bottom: 40%; }
  .about-page .general-content { padding: 7.8125rem 0 2.5rem; } }

@media only screen and (max-width: 1000px) { .banner-image { position: relative; height: 25rem; margin-top: 5.875rem; }
  .post-content { margin: 0; }
  .post-content .container { box-shadow: none; padding: 5rem 0 6.25rem; } }

@media only screen and (max-width: 950px) { .general-content .container { width: 70%; }
  .call-to-action { flex-wrap: wrap; align-items: center; text-align: center; }
  .call-to-action .cta-left { flex: 0 0 100%; }
  .call-to-action .cta-left:after { display: none; }
  .call-to-action .cta-right { flex: 0 0 100%; }
  .call-to-action .cta-right .right-inner { margin-left: 0; }
  .call-to-action .cta-right .right-inner .container { text-align: center; }
  .contact-page .container .contact-left .call-to-action { align-items: stretch; }
  .contact-page .container .contact-left .call-to-action .cta-left:after { display: block; }
  .contact-page .container .contact-left .call-to-action .cta-right { flex: 0 0 59.5%; } }

@media only screen and (max-width: 920px) { .archive-posts .container .post { flex: 0 0 48%; margin: 0 4% 3vw 0; }
  .archive-posts .container .post .post-image { height: 20vw; }
  .archive-posts .container .post:nth-of-type(2n+2) { margin: 0 0 3vw 0; }
  .archive-posts .container .post:nth-of-type(3n+3) { margin: 0 4% 3vw 0; }
  .intro-content .container ul li { width: 100%; padding-right: 0; } }

@media only screen and (max-width: 880px) { header .container { position: static; padding: 0.625rem 0; justify-content: space-between; margin: 0 auto; }
  header .container #header-logo { margin-top: 7.5rem; position: static; }
  header .container nav { position: absolute; background: white; right: -100%; top: 100%; margin-right: 0; transition: all ease-in-out 0.3s; overflow: scroll; z-index: 999; width: 100%; box-shadow: 0px 4px 9px -3px rgba(0, 0, 0, 0.75); }
  header .container nav > ul { flex-direction: column; margin: 0; }
  header .container nav > ul > li { list-style-type: none; border-top: 0.0625rem solid #d0d2d3; width: 100%; text-align: left; padding: 0; }
  header .container nav > ul > li > a { font-family: "Lato", sans-serif; font-weight: 400; color: #52b757; border-right: none; border-top: 0.1875rem solid transparent; border-bottom: 0.1875rem solid transparent; padding: 1.875rem 4.375rem !important; box-sizing: border-box; display: block; }
  header .container nav > ul > li > a:hover { color: #3b843e; }
  header .container nav > ul > li:hover .sub-menu { max-height: 0; opacity: 0; }
  header .container nav > ul > li .sub-menu { border: none; }
  header .container nav > ul > li.menu-item-has-children ul { position: static !important; }
  header .container nav > ul > li.menu-item-has-children ul li { margin: 0 !important; }
  header .container nav > ul > li.menu-item-has-children:after { top: 2.1875rem; z-index: 999; cursor: pointer; padding: 0.9375rem; box-sizing: border-box; }
  header .container nav > ul > li.active .sub-menu { max-height: 43.75rem !important; opacity: 1; border-top: 0.375rem solid #b3ecb5; border-bottom: 0.375rem solid #b3ecb5; }
  header #mobile-menu { display: block !important; margin-left: 3.125rem; top: 3.125rem; bottom: 0; margin: auto 0; }
  header #mobile-menu span { transition: all ease-in-out 0.3s; transition-delay: 0; }
  header.mobile-active #mobile-menu span:first-of-type { top: 50%; transform: rotate(45deg); }
  header.mobile-active #mobile-menu span:nth-of-type(2) { left: -100%; opacity: 0; }
  header.mobile-active #mobile-menu span:last-of-type { top: 50%; transform: rotate(-45deg); }
  header.mobile-active nav { right: 0; }
  footer .footer-logo { padding-bottom: 6%; }
  footer .social-media { padding: 1.5625rem 0 3.125rem; }
  footer .menu ul { flex-wrap: wrap; width: 90%; margin: 0 auto; }
  footer .menu ul li { margin-bottom: 0.625rem; }
  .storage-size .container .storage-units .storage-unit { flex: 0 0 49%; }
  .storage-size .container .storage-units .storage-unit:nth-child(4n+4) { margin: 0 1% 0.9375rem 0; }
  .storage-size .container .storage-units .storage-unit:nth-child(3n+3) { margin: 0 1% 0.9375rem 0; }
  .storage-size .container .storage-units .storage-unit:nth-child(2n+2) { margin: 0 0 0.9375rem; }
  .storage-size .container .storage-units .storage-unit .unit-content h4 { font-size: 1.875em; }
  .storage-size .container .storage-units .storage-unit .unit-content .button { font-size: 1.375em; padding: 1.25rem 9.375rem 1.25rem 4.375rem; }
  .storage-size .container .storage-units .storage-unit .unit-content .button:after { width: 4.375rem; }
  .our-services { padding: 6.25rem 0 3.75rem; }
  .our-services .container h3 { margin-bottom: 3.75rem; }
  .our-services .container .service-pods { width: 90%; margin: 0 auto; }
  .our-services .container .service-pods .service-pod h4 { font-size: 1.875em; margin-bottom: 1.25rem; }
  .our-services .container .service-pods .service-pod .button { -ms-grid-row-align: center; align-self: center; font-size: 1.375em; padding: 1.25rem 7.5rem 1.25rem 2.5rem; }
  .our-services .container .service-pods .service-pod .button:after { width: 4.375rem; }
  .home-slider .slider .slide .container { justify-content: center; }
  .home-slider .slider .slide .container .content-container { max-width: 45.625rem; }
  .home-slider .slider .slide .container .content-container .content p { margin: 1.5625rem 0 0 !important; }
  .home-slider, .banner { margin-top: 9.375rem; }
  .contact-us .container { width: 100%; flex-direction: column; }
  .contact-us .container .contact-left { padding: 10rem 4rem; width: 100%; }
  .contact-us .container .contact-right { text-align: left; padding: 10rem 4rem; width: 100%; }
  .contact-us .container .contact-right .gform_wrapper { margin-top: -12rem; }
  .contact-us .top { flex-direction: column; }
  .contact-us .bottom { flex-direction: column-reverse; } }

@media only screen and (max-width: 760px) { .post-content .container .flex-columns { flex-wrap: wrap; }
  .post-content .container .flex-columns .content, .post-content .container .flex-columns .columns-image { flex: 0 0 100%; margin: 0 0 2%; }
  .post-content .container .flex-columns .columns-image { min-height: 40vw; } }

@media only screen and (max-width: 725px) { .general-content .container { width: 90%; }
  .intro-content .container { width: 90%; }
  .services { padding: 5rem 0; }
  .services .container .service h3 { margin-bottom: 5rem; }
  .services .container .service h3:before { left: 0; bottom: -1.25rem; }
  .services .container .service .back-image { right: 0; }
  .testimonials .container .testimonial-slider .flickity-slider .testimonial p { width: 100%; }
  .columns .container .col-right h3 { text-align: center; }
  .columns .container .col-right ul { text-align: center; display: block; padding: 0; }
  .columns .container .col-right ul li { display: block; position: relative; }
  .columns .container .col-right ul li:before { position: relative; display: inline-block; left: 0; margin-right: 0.625rem; top: 0.1875rem; }
  .secondary-banner .container .banner-pod { flex: 0 0 60%; margin: 0 0 3.75rem; }
  .our-services .container .service-pods { flex-wrap: wrap; }
  .our-services .container .service-pods .service-pod { flex: 0 0 33%; border-right: none; padding: 3.75rem 1.25rem !important; }
  .archive-categories .container ul { display: block; }
  .archive-categories .container ul .menu-item-has-children { position: relative; border: 1px solid #3b843e; padding: 1.25rem; min-width: 18.75rem; display: inline-block; position: relative; }
  .archive-categories .container ul .menu-item-has-children:after { content: '\25be'; position: absolute; top: 50%; transform: translateY(-50%); right: 1.25rem; }
  .archive-categories .container ul .menu-item-has-children p { display: block; margin: 0; }
  .archive-categories .container ul .menu-item-has-children .sub-menu { background-color: white; border: 1px solid #3b843e; border-top: none; position: absolute; top: 100%; left: -1px; width: 100%; z-index: 999; opacity: 0; visibility: hidden; max-height: 0; }
  .archive-categories .container ul .menu-item-has-children .sub-menu li { border-top: 1px solid #3b843e; margin: 0; }
  .archive-categories .container ul .menu-item-has-children .sub-menu li a { padding: 1.25rem; }
  .archive-categories .container ul .menu-item-has-children .sub-menu li:hover a { background-color: rgba(59, 132, 62, 0.3); }
  .archive-categories .container ul .menu-item-has-children:hover .sub-menu { opacity: 1; visibility: visible; max-height: 43.75rem; } }

@media only screen and (max-width: 670px) { .team-members { padding: 7.5rem 0; }
  .team-members .container { text-align: center; justify-content: center; }
  .team-members .container h3:after { right: 0; margin: 0 auto; }
  .team-members .container .member { flex: 0 0 80%; }
  .team-members .container .member .section-image { width: 50%; padding-bottom: 40%; margin: 0 auto 1.25rem; }
  .team-members .container .member:nth-of-type(3), .team-members .container .member:nth-of-type(4) { margin-bottom: 3.75rem; }
  form ul li { flex: 0 0 100%; }
  form ul .ginput_container_checkbox ul { justify-content: space-between; }
  form ul .ginput_container_checkbox ul li { flex: 0 0 50% !important; }
  form ul .first-floor .ginput_container_checkbox ul, form ul .ground-floor .ginput_container_checkbox ul { justify-content: space-between; }
  form ul .first-floor .ginput_container_checkbox ul li, form ul .ground-floor .ginput_container_checkbox ul li { flex: 0 0 50%; }
  .our-services .container .service-pods .service-pod { flex: 0 0 80%; padding: 3.75rem 0 !important; }
  .partners .container .image-container .partner { max-height: 5rem; max-width: 15.625rem; } }

@media only screen and (max-width: 610px) { .archive-posts .container .post { flex: 0 0 80%; margin: 0 auto 5vw !important; }
  .archive-posts .container .post .post-image { height: 35vw; } }

@media only screen and (max-width: 570px) { footer .footer-logo { padding-bottom: 10%; }
  form ul .first-floor .ginput_container_checkbox ul li, form ul .ground-floor .ginput_container_checkbox ul li { flex: 0 0 38%; }
  .storage-size .container .storage-units { justify-content: center; }
  .storage-size .container .storage-units .storage-unit { flex: 0 0 80%; margin: 0 0 2.8125rem; }
  .storage-size .container .storage-units .storage-unit .storage-image { padding-bottom: 25rem; }
  .storage-size .container .storage-units .storage-unit:nth-child(4n+4) { margin: 0 0 2.8125rem; }
  .storage-size .container .storage-units .storage-unit:nth-child(3n+3) { margin: 0 0 2.8125rem; }
  .storage-size .container .storage-units .storage-unit:nth-child(2n+2) { margin: 0 0 2.8125rem; }
  .single-unit .unit-heading { padding: 3.75rem; }
  .single-unit .unit-heading .container h5 { font-size: 1.5em; }
  .single-unit .unit-heading .container h4 { font-size: 1.625em; }
  .single-unit .unit-heading .container p { font-size: 1.375em; }
  .single-unit .unit-body .container h5 { font-size: 1.5em; }
  .single-unit .unit-body .container h4 { font-size: 1.625em; }
  .single-unit .unit-body .container p { font-size: 1.375em; }
  .contact-page .contact-left .call-to-action h2, .contact-page .contact-left .call-to-action a, .contact-page .contact-left .call-to-action i { font-size: 1.875em !important; }
  .contact-page .contact-left .call-to-action i { padding: 0.5rem 0.9375rem; }
  .partners { padding: 3.125rem 0; }
  .partners .container h3 { margin-bottom: 3.75rem; font-size: 2.1875em; }
  .partners .container h3:after { bottom: 0; }
  .partners .container .image-container .partner { max-height: 3.75rem; max-width: 12.5rem; }
  .home-slider .slider .slide { padding: 0 0 5%; }
  .home-slider .flickity-prev-next-button { display: none; } }

@media only screen and (max-width: 425px) { body, html { font-size: 8px; }
  .general-content { padding: 7.1875rem 0 3.75rem; }
  form ul .first-floor .ginput_container_checkbox ul li, form ul .ground-floor .ginput_container_checkbox ul li { flex: 0 0 45%; }
  .video-section .container .plyr__play-large { padding: 3.125rem; } 
	.archive-posts .container .post { display: block; }
	.archive-posts .container .post .post-image { width: auto; padding: 4rem; position: relative; margin-bottom: 0px; height: auto !important;}
}

@media only screen and (max-width: 375px) { .home-slider .slider .slide { padding: 2% 0 5%; }
  .call-to-action .cta-right .right-inner .container .phone i { display: none; } }

@media only screen and (max-width: 320px) { .contact-page .container .contact-left p { font-size: 1.75em; }
  .archive-posts .container .post { flex: 0 0 100%; }
  .banner { padding: 18.75rem 0 0; } }

/*# sourceMappingURL=styles.css.map */