613475613475613475613475613475613475613475613475613475613475613475@charset "UTF-8";
/* CSS Document */

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
	overflow-x: hidden;
}

html {
    scroll-behavior: smooth !important;
}



/* Backgrounds */

.whiteBg {
    color: #191919;
    padding: 150px 5vw;
}

.whiteBg1 {
    color: #191919;
    padding: 150px 5vw 100px 5vw;
}

.whiteBg2 {
    color: #191919;
    padding: 100px 5vw;
}

.whiteBg3 {
    color: #191919;
    padding: 0 5vw 100px 5vw;
}

.whiteBg4 {
    color: #191919;
	padding:150px 15vw 100px 15vw;
}

.tanBg {
    color: #ffffff;
    background-color: #c7b299;
    padding: 150px 5vw 100px 5vw;
    border-bottom: 2px solid #ffffff;
    overflow-x: hidden;
}

.tanBg1 {
    color: #ffffff;
    background-color: #c7b299;
    padding: 0 5vw!important;
    margin: 0;
}

.tanBg2 {
    color: #ffffff;
    background-color: #c7b299;
    padding: 100px 5vw;
    overflow-x: hidden;
    margin-top: -2px;
}

.quiver {
    width: 100vw; 
    height: 30px;
    z-index: 900;
    position: relative;
    margin-bottom: -30px;
    text-align: center;
}

.downArrow {
    width: 0; 
    height: 0; 
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #c7b299;
}

.downArrow2 {
    width: 0; 
    height: 0; 
    border-left: 32px solid transparent;
    border-right: 32px solid transparent;
    border-top: 32px solid #ffffff;
}



/* Navigation */

#navbar {
    background-color: #143a5b;
	height: 62px;
	width: 100vw;
    position: fixed;
    top: 0;
    z-index: 9000;
    text-align: left;
    border-bottom: 2px solid #ffffff;
}

#container {
    position: fixed;
    z-index: 99911;
    right: 0;
    top: 0;
    background-color: #4683a8;
    height: 60px;
    width: 70px;
}
	
.headerNav {
	width: 100%;
	margin: auto;
	text-align: center;
	z-index: 99999999;
}
	
#headerLogo {
    height: 60px;
    width: auto;
	left: 20px;
    display: block;
}
	
#headerBug {
    height: 100%;
    width: auto;
    padding: 11px 0 11px 14px;
    display: inline-block;
    position: relative;
}
	
#headerWord {
    height: 100%;
    width: auto;
    padding: 15px 0 15px 10px;
    display: inline-block;
    position: relative;
}

.accordion {
    padding: 0;
    margin: 0px;
}

.accordion:hover .accordion-item:hover .accordion-item-content,
.accordion .accordion-item--default .accordion-item-content {
    height: 40px;
    transition-delay: 0.25s;
}

.accordion-item-content,
.accordion:hover .accordion-item-content {
    height: 0px;
    overflow: hidden;
    transition: height 0.5s;
    transition-delay: 0.25s;
}

.accordion .accordion-item {
	color: #ffffff;
}

.accordion .accordion-item-content {
    margin: 0;
    padding: 0;
}

.caret {
	border-top: 5px solid #4683a8;
    border-right: 4px solid transparent;
    border-bottom: 0 dotted;
    border-left: 4px solid transparent;
	margin: 0 5px 0 0;
}



/* Footer */

#footer {
    background-color: #191919;
    height: auto;
	padding: 75px 5vw 50px 5vw;
	color: #ffffff;
    position: relative;
    z-index: 110;
    overflow-x: hidden;
}

#footerBug {
    height: 200px;
    width: auto;
    position: relative;
    z-index: 111;
}

#footerWord {
    height: 60px;
    width: auto;
    display: block;
    margin: 30px auto;
    position: relative;
    z-index: 110;
}

#footerText {
    margin: 0 5vw 30px 5vw;
    text-transform: uppercase;
}



/* Text and links */

h1 {
    color: #143a5b;
    text-transform: uppercase;
    font-size: 250%;
    font-weight: 300;
    padding-bottom: 50px;
}

h2 {
    text-transform: uppercase;
    font-size: 200%;
    font-weight: 100;
    margin: 0;
}

h3 {
    text-transform: uppercase;
    font-size: 300%;
    font-weight: 700;
    margin: 0 0 10px 0;
}

h4 {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 250%;
    font-weight: 300;
    padding-bottom: 30px;
}

h5 {
    text-transform: uppercase;
    font-size: 140%;
    font-weight: 500;
    margin: 0;
    padding-bottom: 25px;
}

a {
    text-decoration: none!important;
}

.link {
    color: #ffffff;
    transition: 0.5s!important;
    display: block;
    margin: 5px 0 0 0;
    font-size: 90%;
}

.link:hover {
    color: #c7b299;
	text-decoration: none;
    transition: 0.5s!important;
}

.footerLink {
    color: #ffffff;
    transition: 0.5s!important;
    display: block;
    margin: 5px 0 0 0;
    font-size: 150%;
    font-weight: 100;
    display: inline-block;
}

.footerLink:hover {
    color: #c7b299;
	text-decoration: none;
    transition: 0.5s!important;
}

.contactLink {
    color: #ffffff;
    transition: 0.5s!important;
    display: block;
    margin: 5px 0 0 0;
    font-size: 150%;
    font-weight: 100;
    display: inline-block;
}

.contactLink:hover {
    color: #143a5b;
	text-decoration: none;
    transition: 0.5s!important;
}

.footerLinkSM {
    color: #ffffff;
    transition: 0.5s!important;
    display: block;
    margin: 5px 0 0 0;
    font-size: 80%;
    font-weight: 100;
    display: inline-block;
    text-transform: uppercase;
}

.footerLinkSM:hover {
    color: #c7b299;
	text-decoration: none;
    transition: 0.5s!important;
}



/* Buttons and icons */

.btn {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -0-border-radius: 40px;
    border-radius: 40px;
    padding: 8px 15px;
    color: #ffffff;
    border: solid #ffffff 3px;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.5s!important;
    position: relative;
}

.btn:focus {
    color: #ffffff;
	outline: none;
}

.btn:hover {
    color: #ffffff;
    background-color: #143a5b;
    border: solid #c7b299 3px;
    transition: 0.5s!important;
}

.btn2 {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -0-border-radius: 40px;
    border-radius: 40px;
    padding: 8px 15px;
    color: #c7b299;
    border: solid #c7b299 3px;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.5s!important;
    position: relative;
}

.btn2:focus {
    color: #c7b299;
	outline: none;
}

.btn2:hover {
    color: #ffffff;
    background-color: #143a5b;
    border: solid #c7b299 3px;
    transition: 0.5s!important;
}

.socialIcon {
    width: 50px;
	height: 50px;
	color: #c7b299;
	fill: currentColor;
	padding: 5px;
	margin: 0 0 -5px 0;
    transition: all .3s ease;
}

.socialIcon:hover {
	color: #ffffff;
	fill: currentColor;
    transition: all .3s ease;
}

.socialIcon2 {
    width: 80%;
	height: auto;
	color: #47aacf;
	fill: currentColor;
	margin: 0px;
    transition: all .5s ease;
}
	
.socialIcon2:hover {
	color: #ffffff;
	fill: currentColor;
    transition: all .5s ease;
}
	
.contacticon {
	color: #47aacf;
	fill: currentColor;
	width: auto;
	height: 25px;
	margin-right: 7px;
    margin-bottom: -7px;
}
	
.footericon {
	color: #47aacf;
	fill: currentColor;
	width: auto;
	height: 15px;
    margin-right: 8px;
    margin-bottom: -4px;
}
	
.ratingicon {
	color: #ffffff;
	fill: currentColor;
	width: auto;
	height: 15px;
	margin-right: 7px;
    margin-bottom: -4px;
}

.navLogin {
	position: relative;
	display: inline-block;
	padding-right: 85px;
	top: -40px;
	float: right;
	z-index: 99;
}

.login {
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    border-radius: 40px;
    padding: 8px 15px;
    color: #ffffff;
    border: solid #ffffff 3px;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
}

.login:focus {
    color: #ffffff;
	outline: none;
}

.login:hover {
    color: #ffffff;
}



/* Horizontal rules */

hr.style1 {
	border-top: 2px solid #4683a8;
    text-align: center;
    width: calc(100% - 40px);
    margin: 15px 0 0 0;
}

hr.style2 {
	border-top: 2px solid #c7b299;
    text-align: center;
    width: 60%;
    margin: 15px auto;
}



/* Blog */

.blogBG {
    padding: 0 calc(5vw - 20px) 100px calc(5vw - 20px);
}

.blogPic {
    width: calc(100% - 4px);
    height: auto;
    border: 2px solid #ffffff;
}

.postinfo h1 {
    font-size: 200%;
    text-align: left;
    margin: 15px auto;
    padding-bottom: 100px;
}

.postinfo p {
    color: #c7b299;
    text-transform: uppercase;
    text-align: left;
    margin: 15px auto;
}



/* About */

.basket1 {
    background-image: url(../images/basket_002.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: calc(30vw + 20px);
    min-height: 450px;
    margin: 0;
}

.basket2 {
    background-image: url("../images/basket.png");
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
    height: calc(30vw + 170px);
    min-height: 450px;
    margin: -40px 0 0 0;
}

.CTAbg {
    color: #ffffff;
    background-color: #c7b299;
    padding: 0 5vw;
    height: calc(30vw + 20px);
    min-height: 450px;
    margin: 0;
}

#quotePic1 {
    background-image: url("../images/blog_pic_001.jpg");
    background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
    height: 50vw;
    min-height: 600px;
    margin: 0;
}

.quoteText {
    color: #ffffff;
    background-color: #c7b299;
    padding: 100px 5vw;
    height: 50vw;
    min-height: 600px;
    margin: 0;
}

#picBox1 {
    background-image: url("../images/blog_pic_002.jpg");
    background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
    height: 25vw;
    margin: 0;
}

#picBox2 {
    background-image: url("../images/blog_pic_003.jpg");
    background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
    height: 25vw;
    margin: 0;
}

#picBox3 {
    background-image: url("../images/blog_pic_004.jpg");
    background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
    height: 25vw;
    margin: 0;
}

#picBox4 {
    background-image: url("../images/cork.png");
    background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
    height: 25vw;
    margin: 0;
}

.textBoxL {
    color: #191919;
    height: 25vw;
    padding: 50px 5vw 50px 0;
}

.textBoxR {
    color: #191919;
    height: 25vw;
    padding: 50px 0 50px 5vw;
}



/* Reviews/quotes */

.reviews {
    background: url("../images/left_quote.png"), url("../images/right_quote.png"), url("../images/tan_bg.png"), url("../images/tan_bg.png");
    background-size: 60.5px auto, 60.5px auto, 100% 10px, 100% 10px;
	background-position: left center, right center, top center, bottom center;
    background-repeat: no-repeat;
	width: 90%;
    height: calc(90% - 50px);
    padding: 100px;
    margin: calc(5% + 25px) 0 0 5%;
    text-align: center;
    pointer-events: auto;
    position: relative;
    z-index: 120;
    text-align: left!important;
    font-size: 150%;
    font-weight: 200;
}

.reviewsWhite {
    background: url("../images/left_quote_white.png"), url("../images/right_quote_white.png"), url("../images/tan_bg_002.png"), url("../images/tan_bg_002.png");
    background-size: 60.5px auto, 60.5px auto, 100% 10px, 100% 10px;
	background-position: left center, right center, top center, bottom center;
    background-repeat: no-repeat;
	width: 70%;
    height: 100%;
    padding: 100px;
    margin: 10% 15%;
    text-align: center;
    pointer-events: auto;
    position: relative;
    z-index: 120;
    text-align: left!important;
    font-size: 150%;
    font-weight: 200;
    color: #c7b299;
}



/* Contact */

#map_canvas {
    width: 100vw;
	height: 90vh;
    max-height: 900px;
    z-index: 4;
    position: relative;
}

#contactBug {
    height: 200px;
    width: auto;
    position: relative;
    z-index: 111;
    fill: #143A5B!important;
}

#contactWord {
    height: auto;
    width: 80vw;
	max-width: 500px;
    display: block;
    margin: 30px auto;
    position: relative;
    z-index: 110;
}

#contactText {
    margin: 0 5vw 30px 5vw;
    text-transform: uppercase;
}



/* Columns */

.row {
    padding: 0;
    margin: 0;
}

.col-sm-12, .col-md-6 {
    padding: 0;
    margin: 0;
}



@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) {


/* Navigation */

#navbar {
    background-color: #143a5b;
	height: 102px;
	width: 100vw;
    position: fixed;
    top: 0;
    z-index: 9000;
    text-align: left;
    border-bottom: 2px solid #ffffff;
}

#headerLogo {
	height: 80px;
	margin-top: 10px;
	margin-left: 25px !important;
}

#container {
	height: 100px;
	width: 117px;
}

.hamburger-box {
	height: auto !important;
}

.hamburger--slider .hamburger-inner {
	top: 25px !important;
}

.caret {
	border-top: 10px solid #4683a8;
    border-right: 8px solid transparent;
    border-bottom: 0 dotted;
    border-left: 8px solid transparent;
	margin: 0 10px 15px 0;
}

.loginButton {
	font-size: 250% !important;
}

.loginContainer {
	height: 100px !important;
}

.loginIcon {
	height: 50px !important;
	width: 50px !important;
}

.pushy-link {
	padding: 25px 0 !important;
	font-size: 250% !important;
}

.pushy-link2 {
	font-size: 225% !important;
	padding: 20px 0 0 40px !important;
}

.accordion:hover .accordion-item:hover .accordion-item-content,
.accordion .accordion-item--default .accordion-item-content {
    height: 80px !important;
}

hr.style1 {
	border-top: 4px solid #4683a8 !important;
	margin: 30px 0 0 0 !important;
}

.pushy.pushy-right li.loginContainer {
	margin-left: 0 !important;	
}

.pushy.pushy-right li {
	margin-left: 50px !important;
}

.bio-block {
	background-color: rgba(0,0,0,0.5) !important;
}

.bio-block h1 {
	opacity: 100 !important;
	transform: none !important;
	text-align: center !important;
}

.bio-block p {
	display: none !important;
}

.bio-block .btn {
	opacity: 100 !important;
	margin-top:20px !important;
}

.article:hover .bio-block h1 {
	transform: none !important;
}


/* Hero Slider */

.hero .hero-slide img {
	height: 55vh !important;
}

.slick-dots li button::before {
	font-size: 48px !important;
}


/* Buttons and icons */

.btn {
    padding: 16px 30px;
	font-size: 200%;
}

.btn2 {
    padding: 16px 30px;
	font-size: 200%;
}

.socialIcon {
    width: 100px;
	height: 100px;
	padding: 10px;
	margin: 0 0 -5px 0;
}

.socialIcon2 {
    width: 80%;
	height: auto;
	margin: 0px;
}
	
.contacticon {
	width: auto;
	height: 25px;
	margin-right: 7px;
    margin-bottom: -7px;
}
	
.footericon {
	width: auto;
	height: 15px;
    margin-right: 8px;
    margin-bottom: -4px;
}
	
.ratingicon {
	width: auto;
	height: 15px;
	margin-right: 7px;
    margin-bottom: -4px;
}

.navLogin {
	top: -60px;
	padding-right: 145px;
}

.login {
    padding: 16px 30px;
	font-size: 200%;
}


/* Text & Links */

p {
	font-size: 300% !important;
}

h1 {
    font-size: 400%;
    padding-bottom: 50px;
}

h2 {
    font-size: 400%;
    margin: 0;
}

h3 {
    font-size: 400%;
    margin: 0 0 10px 0;
}

h4 {
    font-size: 250%;
    padding-bottom: 30px;
}

h5 {
    font-size: 290%;
	font-weight: 700;
    padding-top: 20px;
    padding-bottom: 35px;
}

.footerLink {
	font-size: 250% !important;
}

.contactLink {
	font-size: 250% !important;
}

.footerLinkSM {
	font-size: 150%;
}


/* Horizontal rules */

hr.style1 {
    width: calc(100% - 40px);
    margin: 15px 0 0 0;
}

hr.style2 {
    width: 96%;
    margin: 15px auto;
}


/* Quote Box */

.reviewsWhite {
	width: 90%;
	margin: 10% 5%;
	text-align: center !important;
}

.reviews {
	text-align: center !important;
}


/* Diagram */
	
#section2 {
	overflow-x: hidden;
}

#floor {
	width: 150vw !important;
	height: 25vh !important;
	left: -30vw !important;
	margin-top: 60px !important;
}

.blank {
    width: 100%;
    height: 100%;
}

.floor {
    width: 100%;
    height: auto;
}

.boxy {
	width: 80% !important;
	height: 10vw !important;
}

.cta {
	width: 80px !important;
	height: 80px !important;
	border: 6px solid #4683a8 !important;
	font-size: 180% !important;
}

.cta:hover {
  width: 650px !important;
  border: 6px solid #c7b299 !important;
}


/* Shopping CTA */

.CTAbg {
	min-height: auto !important;
	margin: 80px 0 40px 0 !important;
}

.CTAbg p {
	text-align: center !important;
}

.basket1 {
	min-height: auto !important;
	margin: 0 0 100px 0 !important;
}

.basket2 {
	background-size: 40% auto !important;
	min-height: auto !important;
	height: calc(10vw + 225px) !important;
	margin: 80px 0 -80px 0 !important;
}

.tanBg1 {
    overflow: hidden !important;
}


/* Footer */

#footer {
    background-color: #191919;
    height: auto;
	padding: 75px 10vw 50px 10vw;
	color: #ffffff;
    position: relative;
    z-index: 110;
    overflow-x: hidden;
}

#footerBug {
    height: 200px;
    width: auto;
    position: relative;
    z-index: 111;
}

#footerWord {
    height: 60px;
    width: auto;
    display: block;
    margin: 30px auto;
    position: relative;
    z-index: 110;
}

#footerText {
    margin: 0 0 30px 0;
    text-transform: uppercase;
}


/* Blog */

.postinfo h1 {
	font-size: 300%;
}


/* Contact Form */

.wrap-input100 {
	padding: 20px 10px 18px 22px !important;
}

.input100 {
	font-size: 200% !important;
}

.label-input100 {
	font-size: 200% !important;
}

.label-radio100 {
	font-size: 200% !important;
	padding-left: 80px !important;
	margin: 30px 0 20px 0 !important;
}

.label-radio100::before {
	height: 50px !important;
	width: 50px !important;
	border: 2px solid #cdcdcd !important;
}

.label-radio100::after {
	height: 30px !important;
	width: 30px !important;
	left: 10px !important;
}

input.input100 {
	height: 60px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	font-size: 200% !important;
}

.select2-container .select2-selection--single {
	height: 60px !important;
}

.select2-selection__arrow::before {
	font-size: 240% !important;
}

.select2-results__options {
	font-size: 200% !important;
}

.select2-container .select2-results__option[aria-selected] {
	padding-top: 18px !important;
	padding-bottom: 18px !important;
}

.contact100-form-range-value {
	font-size: 200% !important;
}

.whiteBg4 {
	padding:150px 10vw 100px 10vw !important;
}


/* About Section */

.col-sm-6 {
	width: 100% !important;
}

#picBox2, #picBox1, #picBox3 {
	height: 55vw !important;
}

.textBoxR {
	height: auto;
	padding: 50px 0;
}

.textBoxL {
	height: auto;
	padding: 50px 0;
}	

}