/************************************************ Background ************************************************/
body {
	background:#f9fafc;
}

input[type='submit']
{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none; 
}

/************************************************ Format ************************************************/

body, select, input, textarea {
	font-size:62.5%;
	font-family: poppins, Arial, Helvetica, sans-serif;
	color:#6a6a6a;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1,h2,h3,h4,h5,h6 {
	font-family: orpheuspro, serif;
	line-height:1.3em;
}

h1 {
	font-size:30px;	
}

h2.large {
	font-weight: bold;
	font-size: 36px;
	margin: 0 0 20px;
	font-family: poppins, Arial, Helvetica, sans-serif;
}

h2 {
	font-size:28px;
}

h3 {
	font-size:24px;
	font-weight:bold;
	margin:0 0 10px;
}

h4 {
	font-size:24px;
}

h5 {
	font-size:12px;
}

h6 {
	font-size:10px;
}

p {
	font-size:17px;
	line-height:1.5em;
	padding:0 0 25px;
}

a {
	color:#adafd9;
	text-decoration:none;
	transition: all 0.3s ease-out;
}

a:hover {
	color:#adafd9;
	text-decoration:none;
}

img, object, embed, video {
	max-width: 100%;
}

img {
	height:auto;	
}

strong {
	font-weight:bold;	
}

em {
	font-style:italic;	
}

hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1;
 }

.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;	
}

a.btn {
	display:inline-block;
	vertical-align:top;
	border:3px solid #adafd9;
	color:#adafd9;
	font-size:20px;
	font-weight:600;
	padding:22px 18px;
	margin:20px 0 0;
}

a.btn:hover {
	text-decoration:none;
	background:#6a6a6a;
	color:#fff;
	border-color:#6a6a6a;
}

a.btn i {
	margin-left:10px;
}

a.openmenu {
	display:none;	
}

.overlay {
	height:0;
	opacity:0;
	visibility: hidden;
	overflow:hidden;	
}

.mob_pic {
	display:none;
	width:100%;
	float:left;
	margin:0 0 20px;	
}


/************************************************ Layout ************************************************/

.row {
	width:100%;
	float:left;
	padding:90px 5%;
	box-sizing: border-box;
}

.row.hp_blog {
	padding:90px 0;
}

.row_inner {
	max-width: 1400px;
	min-width: 900px;
	margin:0 auto;
}

header {
	width:100%;
	float:left;
	background: #eeeff6;
	padding:35px 5%;
	box-sizing: border-box;
}

#logo {
	width:251px;
	float:left;
}

#logo a:hover {
	opacity:0.8;
}

#logo img {
	width:100%;
}

.header_right {
	float:right;
	width:70%;
}

nav {
	float:left;
	margin:30px 0 0;
}

nav ul {
	display:flex;
	flew-flow:row no-wrap;
	white-space:nowrap;
	font-weight:500;
}

nav ul li {
	font-size:17px;
	margin-right:9%;	
}

nav ul li a {
	color:#6a6a6a;
	padding:0 0 10px;
}

nav ul li a:hover,
nav ul li a.selected {
	text-decoration:none;
	color:#6a6a6a;
	border-bottom:1px solid #6a6a6a;
}

.header_right a.btn {
	float:right;
	border:2px solid #adafd9;
	color:#adafd9;
	font-size:16px;
	font-weight:bold;
	padding:18px 16px;
	margin:10px 0 0;
}

.header_right a.btn:hover {
	text-decoration:none;
	border-color:#6a6a6a;
	color:#fff;
}

.header_right a.btn i {
	margin-left:7px;
}


/************************************************ Homepage ************************************************/

#home .hero {
	width:100%;
	float:left;
	background:#eeeff6;
	padding:70px 5% 0;
	box-sizing: border-box;
	margin:0 0 150px;
}

#home .hero_left {
	float:left;
	width:45%;
	margin-bottom:-50px;
	position:relative;	
}

#home .hero_left:before {
	border:3px solid #cdcee6;
	width:100%;
	height:100%;
	content:'';
	top:-20px;
	left:-20px;
	position:absolute;
}

#home .hero_right {
	float:right;
	width:45%;
	padding:0 0 50px;	
}

#home .hero h2 {
	font-size:45px;
	font-weight:500;
	box-sizing:border-box;
	padding-right:15%;
	margin:32px 0 0;	
}

#home .hero h1 {
	font-size:19px;
	font-weight:normal;
	font-family: poppins, Arial, Helvetica, sans-serif;	
	line-height:1.5em;
	box-sizing:border-box;
	padding:10px 20% 0 5%;
}

.hp_testimonial {
	width:100%;
	float:left;
	padding-left:15%;
	padding-right:20%;
	box-sizing:border-box;
	position:relative;	
}

.hp_testimonial:after {
	position:absolute;
	left:9%;
	top:-10px;
	content:'';
	width:45px;
	height:40px;
	background:url(../images/quote.png) no-repeat top left;
	background-size:100%;
}

.hp_testimonial p {
	font-weight:bold;
	font-size:47px;
}

.hp_testimonial span {
	font-weight:normal;
	font-size:18px;
	line-height:1.5em;
	width:100%;
	float:left;
}

.hp_blog h3 {
	font-size:50px;
	font-weight:bold;
	width:100%;
	box-sizing:border-box;
	padding:0 5% 50px;	
}

ul.lower_blog_list {
	display:flex;
	justify-content:center;
	flex-flow:wrap row;
	width:100%;
	margin:0 auto;
}

ul.lower_blog_list li {
	display:flex;
	width:100%;
	align-items:center;
	margin:0 0 50px;
	justify-content:center;
	position:relative;
	padding:0 15%;
	box-sizing:border-box;
}

ul.lower_blog_list li .text {
	width:40%;
	padding:50px 5%;
	box-sizing:border-box;
	order:2;
}

ul.lower_blog_list li a.hubpic {
	width:35%;
	box-sizing:border-box;
	float:right;
	order:1;
}

ul.lower_blog_list li a.hubpic:hover {
	opacity:0.7;
}

ul.lower_blog_list li:first-child:before {
	content:'';
	position:absolute;
	top:0;
	left:0;
	background:url(../images/hub-side2.jpg) no-repeat top center;
	background-size:cover!important;
	height:100%;
	width:20%;
}

ul.lower_blog_list li:first-child .text {
	order:1;
}

ul.lower_blog_list li:first-child a.hubpic {
	order:2;
}

ul.lower_blog_list li:nth-child(2n):before {
	content:'';
	position:absolute;
	top:0;
	right:0;
	background:url(../images/hub-side1.jpg) no-repeat top center;
	background-size:cover!important;
	height:100%;
	width:20%;
}

ul.lower_blog_list li h4 {
	font-size:30px;
	margin:0 0 20px;
	font-weight:bold;
}

ul.lower_blog_list li h4 a {
	color:#6a6a6a;
}

ul.lower_blog_list li h4 a:hover {
	color:#adafd9;
}

ul.lower_blog_list li a.hubcat {
	font-size:15px;
	line-height:1.5em;
	margin:0 0 10px;
	float:left;
	width:100%;
	font-weight:bold;
}

ul.lower_blog_list li a.hubcat:hover {
	text-decoration:underline;
	text-underline-position:under;
}



/************************************************ Main Content ************************************************/

.hero_main {
	width:100%;
	float:left;
	background:#eeeff6;
	padding:70px 5% 0;
	box-sizing: border-box;
	margin:0 0 150px;
}

.hero_main.nopadd {
	padding:0 5% 0;
	margin:0 0 150px;
}

.hero_main.nomarg {
	margin:0;
}

.hero_main_right {
	float:right;
	width:50%;
	margin-bottom:-50px;
	position:relative;	
}

.hero_main_right:before {
	border:3px solid #cdcee6;
	width:100%;
	height:100%;
	content:'';
	top:-20px;
	right:-20px;
	position:absolute;
}

.hero_main_left {
	float:left;
	width:40%;
	padding:0 0 50px;	
}

.hero_main_left.full {
	float:left;
	width:100%;	
}

.hero_main h1 {
	font-size:22px;
	font-weight:normal;
	font-family: poppins, Arial, Helvetica, sans-serif;	
	line-height:1.5em;
	box-sizing:border-box;
	padding:10px 0 0 0;
	margin:0 0 20px;
}

.hero_main h2 {
	font-size:45px;
	font-weight:500;
	box-sizing:border-box;
	padding-right:15%;
	margin:50px 0 0;	
}

.hero_main h3 {
	font-size:45px;
	font-weight:500;
	box-sizing:border-box;
	padding-right:15%;	
}

ul.clinic_boxes {
	display:flex;
	width:100%;
	justify-content:center;
	flex-direction:row;
	flex-wrap:wrap;
	margin:160px 0 0;
	float:left;
}

ul.clinic_boxes.nopadd {
	margin:-70px 0 0;
}

ul.clinic_boxes li {
	width:31.7%;
	margin:0 2.44% 2.44% 0;
	background:#000;
	position:relative;
	display:block;
	line-height:0;
}

ul.clinic_boxes li:nth-child(3n) {
	margin:0 0 2.44%;
}

ul.clinic_boxes li .gradient {
	position:absolute;
	z-index:2;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background: -moz-linear-gradient(45deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(45deg, rgba(0,0,0,0.80) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
}

ul.clinic_boxes li img {
	width:100%;
	z-index:1;
}

ul.clinic_boxes li a.item_surround {
	position:absolute;
	top:0;
	left:0;
	z-index:4;
	width:100%;
	height:100%;
}

ul.clinic_boxes li a.item_surround:hover {
	background:rgba(255,255,255,0.2);
}

ul.clinic_boxes li .col_category {
	color:#adafd9;
	font-weight:bold;
	font-size:15px;
	line-height:1.5em;
}

ul.clinic_boxes li .text {
	position:absolute;
	bottom:22px;
	left:22px;
	color:#fff;
	z-index:3;
	width:87%;
}

ul.clinic_boxes li .text em {
	font-size:14px;
	font-weight:bold;
	display:block;
	line-height:1.7em;
}

ul.clinic_boxes li .text p {
	font-size:30px;
	padding:0;
	line-height:1.3em;
	font-weight:bold;
	word-break: break-word;
}

.column_left {
	margin:-100px 0 0;
	float:left;
	width:40%;
}

.column_right {
	float:right;
	width:45%;
}

.column_left.full {
	margin:-100px 0 0;
	float:left;
	width:100%;
}

/************************************************ Gut Hub ************************************************/

.category_list {
	width:100%;
	float:left;
	padding:30px 0;
	margin:0 0 65px;
	border-top:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;	
}

.category_list ul {
	width:100%;
	float:left;	
}

.category_list ul li {
	float:left;
	margin-right:3%;
	font-size:17px;
	line-height:1.5em;
}

.category_list ul li a {
	float:left;
	color:#6a6a6a;
	font-weight:500;
}

.category_list ul li a:hover {
	float:left;
	color:#adafd9;
}

.hub_hero_surround {
	display:flex;
	flex-wrap:no-wrap;
	width:100%;	
}

.hub_hero_left {
	width:48%;
	margin:0 0 -12%;
	position:relative;	
}

.hub_hero_right {
	width:55%;
	margin:65px 0 -5% -5%;
	position:relative;
	background:#adafd9;
	padding:50px 8%;
	box-sizing:border-box;
	color:#fff;
	display:flex;
	align-items:center;
}

.hub_hero_right:before {
	border:3px solid #fff;
	width:100%;
	height:100%;
	content:'';
	top:-20px;
	left:-20px;
	position:absolute;
}

.hub_hero_right a.hubcat {
	padding:10px;
	color:#adafd9;
	background:#fff;
	font-size:15px;
	margin:0 0 30px;
	display:inline-block;
	vertical-align:top;
	font-weight:bold;
}

.hub_hero_right a.hubcat:hover {
	color:#fff;
	background:#6a6a6a;	
}

.hub_hero_right .text {
	position:relative;
	z-index:3;
}

.hub_hero_right h2 {
	margin:0 0 15px;
	font-size:43px;
}

.hub_hero_right a.btn {
	color:#fff;
	border-color:#fff;
}

.hub_hero_right a.btn:hover {
	color:#fff;
	border-color:#6a6a6a;
}

.hub_main_list {
	width:100%;
	float:left;
	margin:30px 0 0;	
}

.hub_main_list ul {
	width:100%;
	float:left;
	padding:0 0 30px;
	display:flex;
	justify-content:space-between;
	flex-flow:row wrap;
	/*border-bottom:1px solid #dbdbdb;*/
}

.hub_main_list ul li {
	width:48%;
	margin:0 0 30px;
}

.hub_item {
	display:flex;
	flex-flow:row no-wrap;
	width:100%;
	justify-content:space-between;
	align-content:flex-start;
	align-items:flex-start;
}

.hub_main_list ul li img {
	width:100%;
	float:left;
	margin:0 0 25px;
}

.hub_main_list ul li .hubpic:hover {
	opacity:0.8;
}

.hub_main_list ul li a.hubcat {
	padding:10px;
	color:#fff;
	background:#adafd9;
	font-size:15px;
	margin:0 5% 0 0;
	font-weight:bold;
}

.hub_main_list ul li a.hubcat:hover {
	color:#fff;
	background:#6a6a6a;	
}

.hub_main_list .text p a {
	color:#6a6a6a;
	font-size:30px;
	font-family: orpheuspro, serif;
	font-weight:bold;
}

.hub_main_list .text p a:hover {
	color:#adafd9;
}

/************************************************ Hub Post ************************************************/

.hub_hero_surround.marg {
	display:flex;
	flex-wrap:no-wrap;
	width:100%;
	margin-bottom:-12%;	
}

.hub_post_left {
	width:65%;
	position:relative;	
}

.hub_post_left:before {
	border:3px solid #adafd9;
	width:100%;
	height:100%;
	content:'';
	top:-20px;
	left:-20px;
	position:absolute;
}

.hub_post_right {
	width:35%;
	background:#adafd9;
	padding:50px 5%;
	box-sizing:border-box;
	color:#fff;	
}

.hero_main .hub_post_right h2 {
    margin:40px 0 15px;
	font-size:60px;
    font-weight: 500;
    box-sizing: border-box;
    padding-right: 0;
}

.hero_main .hub_post_right p.large {
	font-size:24px;
	padding:0 0 20px;
}

.hero_main .hub_post_right .date {
	font-size:15px;
	float:right;
	margin:15px 0 0;
}

.hub_post_right a.hubcat {
	padding:10px;
	color:#adafd9;
	background:#fff;
	font-size:15px;
	margin:0;
	display:inline-block;
	vertical-align:top;
	font-weight:bold;
}

.hub_post_right a.hubcat:hover {
	color:#fff;
	background:#6a6a6a;	
}

.hub_post_right .text {
	position:relative;
	z-index:3;
}

.hub_post_right a.btn {
	color:#fff;
	border-color:#fff;
}

.hub_post_right a.btn:hover {
	color:#fff;
	border-color:#6a6a6a;
}

.hub_post_detail {
	width:100%;
	float:left;
	padding:0px 20%;
	box-sizing:border-box;	
}

.hub_post_detail h1,
.hub_post_detail h2,
.hub_post_detail h3,
.hub_post_detail h4 {
	font-family: poppins, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0 0 20px;
}

blockquote {
	font-size:30px;
	float:right;
	position:relative;
	padding:5px 0 5px 30px;
	box-sizing:border-box;
	width:50%;
	margin:20px -10% 20px 40px;
	line-height:1.3em;
	color:#adafd9;
	font-family: orpheuspro, serif;
}

blockquote:before {
	border-left:3px solid #adafd9;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:3px;
	content:'';
}

blockquote em {
	font-size:15px;
	font-weight:bold;
}

.hub_post_detail p.small {
	font-size:14px;
	font-style:italic;
	width:100%;
	float:left;
	margin:20px 0 0;	
}


/************************************************ Form Elements and General Styling ************************************************/


/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
	padding: .2rem .5rem;
	margin: 0 .2rem;
	font-size: 90%;
	white-space: nowrap;
	background: #F1F1F1;
	border: 1px solid #E1E1E1;
	border-radius: 4px;
}
pre > code {
	display: block;
	padding: 1rem 1.5rem;
	white-space: pre;
}


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
	padding: 12px 15px;
	text-align: left;
	border-bottom: 1px solid #E1E1E1;
}
th:first-child,
td:first-child {
	padding-left: 0;
}
th:last-child,
td:last-child {
	padding-right: 0;
}
tr:nth-child(odd) {
	background:#f4f4f4;  
}
 

/************************************************ Products ************************************************/

.products_main {
	width:100%;
	float:left;
	margin: 80px 0 0;
}


/************************************************ Contact Form Elements ************************************************/

#form_area {
	width:100%;
	float:left;
	margin:30px 0 0;	
}

.form_item {
	float:left;
    width: 48%;
	margin-bottom:20px;
	margin-right:4%;
}

.form_item.nopadd {
	margin-right:0;
}

.form_item label,
.form_item_message label{
   display:block;
   font-size:18px;
   margin:10px 0 10px;
}

.quote_box .form_item {
	margin:0 0 8px;	
}

.form_item input {
    border:1px solid #e1e1e1;
	box-sizing: border-box;
    float: left;
    font-size: 16px;
    height: 55px;
    margin: 0 0 5px;
    padding: 12px 0 10px 10px;
    width: 100%;
}

.form_item.full {
	width:100%;
	float:left;
}

textarea {
	font-size: 16px;
	border:1px solid #e1e1e1;
	height:180px;
	width:100%;
	padding: 12px 0 10px 10px;
	box-sizing: border-box;
	margin:0 0 20px;
}

.contact_col1 .form_item input {
	height: 60px;
	margin:0 0 10px;
}

.contact_col2 .form_item textarea {
	height:180px;
}

.form_item.select {
	width:100%;
	position:relative;
}

.form_item.select select {
	-webkit-appearance: none; 
	-moz-appearance: none;
	appearance: none;/* remove default arrow */
	width:100%;
	height:60px;
	border:2px solid #eaf0f2;
	border-radius:3px;
	box-sizing:border-box;
	font-size:16px;
	padding:8px 15px 8px 15px;
	position:relative;
	box-shadow:none;
	background:url(../images/downarrow.png) no-repeat center right #fff;
	background-size:30px;
}

.form_item input:focus,
.form_item textarea:focus {
	border:1px solid #adafd9!important;
}

.form_item label.warning,
.form_item_message label.warning {
	color:#F00;	
}

.submit_surround {
	width:100%;
	float:left;
}

.submit {
	display:inline-block;
	vertical-align:top;
	border:3px solid #adafd9;
	color:#adafd9;
	font-size:20px;
	font-weight:600;
	padding:22px 18px;
	margin:20px 0 0;
	background:none;
	cursor:pointer;
}

.submit i {
	margin-left:15px;
}

.submit:hover {
	color:#fff;
	background:#adafd9;
	text-decoration:none;
}

.form_submit {
	float:left;
	width:100%;
}

#mapholder {
	width:100%;
	float:left;
	height:700px;
	position:relative;
}

#mapholder img, #mapholder object, #mapholder embed, #mapholder video {
	max-width:none;
	width:auto;
}

#mapholder img {
	height:auto;	
}

#mapholder p {
	color:#000;	
	font-size:14px;
	padding:0;
}

#mapholder p strong {
	font-weight:bold;
}

.honey {
	display:none;	
}

.g-recaptcha {
    margin: 0 0 20px;
}

.form_item label.warning {
	color:#F00;	
}

.green_text {
	display:flex;
	flex-direction:row;
	flex-wrap:no-wrap;
	justify-content:center;
	align-items:stretch;
}

.green_check {
	padding:30px;
	font-size:50px;
	background:#f9d233;
	align-items: center;
	display:flex;
}

.green_message {
	padding:30px;
	font-size:20px;
	line-height:1.5em;
	background:#fbfdfe;
}

.red_text {
	display:flex;
	flex-direction:row;
	flex-wrap:no-wrap;
	justify-content:center;
	align-items:stretch;
}

.red_check {
	padding:30px;
	font-size:50px;
	background:#fb0a0a;
	color:#fff;
	align-items: center;
	display:flex;
}

.red_message {
	padding:30px;
	font-size:20px;
	line-height:1.5em;
	background:#fbfdfe;
}


/************************************************ Footer ************************************************/

.newsletter_surround {
	width:100%;
	float:left;
	min-height:550px;
	background:url(../images/newsletter-bg.jpg) no-repeat center;
	background-size:cover!important;
	display:flex;
	justify-content:center;
	align-items:center;
	color:#fff;
	text-align:center;
	margin:70px 0 0;
}

.newsletter_box {
	width:50%;
	background:#adafd9;
	padding:70px 5%;
	box-sizing:border-box;	
}

.newsletter_box h5 {
	font-size:45px;
	font-family: poppins, Arial, Helvetica, sans-serif;
	font-weight:bold;	
}

.newsletter_box p {
	font-size:21px;
	font-weight:600;
	padding:0 0 15px;	
}

.mail_signup {
	width:100%;
	float:left;
	padding:15px 5% 0;
	position:relative;
	z-index:2;
	box-sizing:border-box;
}

.mailing_surround {
	float:left;
	width:100%;	
}

input.mailing-text-box {
	width:69%;
	background:#fff;
	float:left;
	border:none;
	font-size:20px;
	color:#6a6a6a;
	padding:18px 30px 14px 30px;
	box-sizing:border-box;
	line-height:1.5em;
}

input.mailing-text-box:focus {
	box-shadow: 1px 1px 10px rgba(106,106,106,0.7);
}

input.signup_btn {
	float:right;
	font-size:20px;
	line-height:1.5em;
	padding:18px 20px 14px;
	display:inline-block;
	font-weight:400;
	vertical-align:top;
	color:#fff;
	position:relative;
	border:none;
	cursor:pointer;
	width:30%;
	box-sizing:border-box;
	background: #6a6a6a;	
}

input.signup_btn:hover {
	text-decoration:none;
	background: #eeeff6;
	color:#6a6a6a;	
}

footer {
	width:100%;
	float:left;
	background:#f1f1ef;
	padding:80px 5% 40px;
	box-sizing: border-box;
}

.footer_left {
	float:left;
	width:60%;	
}

.footer_right {
	float:right;
	width:40%;
}

footer a {
	color:#6a6a6a;
	text-underline-position:under;
	text-decoration:underline;	
}

footer a:hover {
	color:#adafd9;	
}

footer h6 {
	color:#000;
	font-size:25px;
	margin:0 0 25px;
	font-weight:bold;	
}

footer .col1 {
	width:50%;
	float:left;	
}

footer .col1.second {
	width:100%;
	float:right;	
}

footer .col1 ul li {
	width:100%;
	float:left;	
}

footer .col1 ul li a {
	width:100%;
	font-size:17px;
	color:#6a6a6a;
	text-underline-position:under;
	text-decoration:underline;
	padding:0 0 2px;
	float:left;	
	line-height:1.7em;
}

footer .col1 ul li a:hover {
	color:#adafd9;
	text-decoration:none;
}

ul.social {
	width:100%;
	float:left;
	margin:20px 0 20px;
	display:flex;
	flex-flow:row no-wrap;
}

ul.social li {
	width:auto;
	float:left;
	margin-right:4%;
}

footer ul.social li {
	width:auto;
	float:left;
	margin-right:4%;
}

ul.social li:last-child {
	margin-right:0;
}

ul.social li a {
	width:auto;
	font-size:17px;
	color:#6a6a6a;
	border-bottom:none;
	padding:0 0 2px;
	float:left;	
	line-height:1.5em;
	text-decoration:none;
}

ul.social li a:hover {
	color:#adafd9;
	text-decoration:none;
}

.footer_right img {
	height:60px;
	margin:0 3% 20px 0;	
}

footer .footer_bottom {
	width:100%;
	float:left;	
	margin:30px 0 0;
}

footer .footer_bottom p {
	font-size:14px;
	line-height:1.7em;
	padding:0;
}


/************************************************ Smaller screens ************************************************/

@media only screen and (max-width: 1250px) {

.header_right {
    float: right;
    width: 100%;
}

nav {
    float: left;
    margin: 30px 0 0;
    width: 100%;
}

nav ul li {
    font-size: 17px;
    margin-right: 6%;
}

.header_right a.btn {
    margin: -125px 0 0;
}

#home .hero {
    margin: 0;
}

#home .hero h1 {
    font-size: 17px;
    padding: 10px 0% 0 0;
}

#home .hero h2 {
    font-size: 36px;
    margin: 32px 0 0;
}

.row.hp_blog {
    padding: 0;
}

.hp_testimonial {
    padding-right: 0%;
}

.hp_testimonial p {
	padding:0;	
}

ul.clinic_boxes {
    margin: 100px 0 0;
}

ul.lower_blog_list li {
    padding: 0;
}

ul.lower_blog_list li:first-child:before,
ul.lower_blog_list li:nth-child(2n):before { 
	display:none!important;
}

.newsletter_surround {
	margin:0;	
}

.newsletter_box {
    width: 80%;
    background: #adafd9;
    padding: 70px 5%;
    box-sizing: border-box;
}

.hero_main {
    padding: 70px 5%;
    margin: 0 0 50px;
}

.hero_main.nopadd {
	margin:0;	
}

.hero_main h2 {
    margin: 0;
}

.column_left {
    margin: 0;
    float: left;
    width: 40%;
}

.hub_post_right {
    width: 50%;
}

.hero_main .hub_post_right h2 {
    margin: 40px 0 15px;
    font-size: 45px;
}

footer ul.social li {
    margin-right: 10%;
}

}


@media only screen and (max-width: 1023px) {

.row_inner {
	width: 100%;
	min-width: 0;
	float:left;
	margin:0 auto;
}

nav ul {
	justify-content:space-between;	
}

nav ul li {
    font-size: 17px;
    margin-right: inherit;
}

.hero_main {
    padding: 70px 5%;
    margin: 0 0 0;
}

.hero_main_left {
    float: left;
    width: 100%;
    padding: 0 0 50px;
}

.hero_main_right {
    float: left;
    width: 100%;
	display:none;
}

#contact .hero_main_right {
    float: left;
    width: 100%;
	display:block;
}

.column_left.full {
    margin: 0;
    float: left;
    width: 100%;
}

.hp_testimonial {
    padding-left: 10%;
}

.hp_testimonial::after {
    position: absolute;
    left: 0;
}

.hub_hero_surround.marg {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 0;
}

.hub_post_left {
    width: 100%;
    position: relative;
    order: 2;
}

.hub_post_left:before {
    display:none;
}

.hub_post_right {
    width: 100%;
    background: #adafd9;
    padding: 50px 5%;
    box-sizing: border-box;
    color: #fff;
	order:1;
}

.hub_post_detail {
    padding: 0px 5%;
}

ul.lower_blog_list li .text {
    width: 56%;
    padding: 50px 5% 20px;
    box-sizing: border-box;
    order: 2;
}

ul.clinic_boxes.nopadd {
    margin: 0;
}

ul.clinic_boxes li,
ul.clinic_boxes li:nth-child(3n) {
    width: 46.7%;
    margin: 0 2.44% 2.44% 0;
}

ul.clinic_boxes li:nth-child(2n) {
    margin: 0 2.44% 2.44% 0;
}

.footer_left {
    float: left;
    width: 100%;
	margin:0 0 30px;
}

.footer_right {
    float: left;
    width: 100%;
}
	
.footer_right img {
    height: 54px;
    margin: 0 2% 20px 0;
}
	
}



/************************************************ Mobile ************************************************/

@media handheld, only screen and (max-width: 767px) {


}

@media handheld, only screen and (max-width: 600px) {

.header_right {
	display:none;
}

#home .hero {
    padding: 30px 5% 0;
}

#home .hero_left {
    float: left;
    width: 100%;
    margin-bottom: 0;
    position: relative;
}

#home .hero_right {
    float: right;
    width: 100%;
    padding: 0 0 50px;
}

#home .hero h2 {
    font-size: 36px;
    margin: 32px 0 0;
    padding: 0;
}

ul.clinic_boxes li, ul.clinic_boxes li:nth-child(2n), ul.clinic_boxes li:nth-child(3n) {
    width: 100%;
    margin: 0 0 2.44% 0;
}

.hp_blog h3 {
    font-size: 36px;
    width: 100%;
    padding: 0 5% 25px;
}

ul.lower_blog_list li {
    padding: 0;
    flex-wrap: wrap;
	margin:0;
}

ul.lower_blog_list li .text {
    width: 100%;
    padding: 50px 5% 20px;
    box-sizing: border-box;
}

ul.lower_blog_list li a.hubpic {
    width: 100%;
    box-sizing: border-box;
    float: right;
}

ul.lower_blog_list li:first-child a.hubpic {
    order: 1;
}

ul.lower_blog_list li:first-child .text {
    order: 2;
}

.hero_main {
    padding: 20px 5%;
    margin: 0 0 0;
}

.row {
    width: 100%;
    float: left;
    padding: 50px 5%;
    box-sizing: border-box;
}

.column_left,
.column_right {
    margin: 0;
    float: left;
    width: 100%;
}

.hero_main h2 {
    margin: 0;
    padding: 0;
}

#contact .hero_main_right {
	margin:0;	
}

#mapholder {
    width: 100%;
    float: left;
    height: 300px;
}

#form_area {
    width: 100%;
    float: left;
    margin: 0;
}

.form_item {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    margin-right: 0;
}

.hub_hero_surround {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.hub_hero_left {
    width: 100%;
    margin: 0;
    position: relative;
}

.hub_hero_right {
    width: 100%;
    margin: 0 0 50px;
}

.hub_main_list {
    width: 100%;
    float: left;
    margin: 0;
}

.hub_main_list ul li {
    width: 100%;
    margin: 0 0 30px;
}

.hub_item {
    display: flex;
    flex-flow: row wrap;
}

.hub_item .text {
	width:100%;
	float:left;
	margin:20px 0 0;	
}

.hub_post_detail {
    padding: 0;
}

.hp_testimonial::after {
    position: absolute;
    left: -3%;
}

.category_list ul {
    width: 100%;
    float: left;
    white-space: nowrap;
    display: flex;
    overflow: auto;
}

blockquote {
    font-size: 22px;
    float: right;
    position: relative;
    padding: 5px 0 5px 30px;
    box-sizing: border-box;
    width: 100%;
    margin: 20px 0 20px 40px;
}

.mob_pic {
	display:block;
	width:100%;
	float:left;
	margin:20px 0 20px;
	position:relative;	
}

.mob_pic:before {
	border:3px solid #cdcee6;
	width:100%;
	height:100%;
	content:'';
	top:-15px;
	left:-15px;
	position:absolute;
}

.newsletter_box {
    width: 90%;
	padding: 50px 5%;
}

input.mailing-text-box,
input.signup_btn {
    width: 100%;
	text-align:center;
}

footer .col1 {
    width: 100%;
    float: left;
}


/* Mobile menu */

a.openmenu {
	position:absolute;
	right:5%;
	font-size:22px;
	color:#adafd9;
	z-index:100;
	top:55px;
	display:block;
}

a.openmenu.fixed {
	position:fixed;
	right:5%;
	font-size:22px;
	color:#adafd9;
	z-index:100;
	top:55px;
}

/* Icon 1 */

#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 30px;
  height: 45px;
  position: relative;
  margin: 0 auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #adafd9;
  border-radius: 0;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 10px;
}

#nav-icon1 span:nth-child(3) {
  top: 20px;
}

#nav-icon1.openstate span:nth-child(1) {
  top: 10px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.openstate span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.openstate span:nth-child(3) {
  top: 10px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index:99;
	background: rgba(106,106,106,1);
	background-size:300px;
}

/* Overlay closing cross */
.overlay .overlay-close {
	width: 80px;
	height: 80px;
	position: absolute;
	right: 20px;
	top: 20px;
	overflow: hidden;
	border: none;
	background: url(../img/cross.png) no-repeat center center;
	text-indent: 200%;
	color: transparent;
	outline: none;
	z-index: 100;
}

/* Menu style */
.overlay .nav_surround {
	width:100%;
	text-align:center;
	float:left;
	padding:20% 0 20px;
	height:100%;
	overflow-y:auto;
	box-sizing:border-box;
}

.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	height: 100%;
	position: relative;
	width:100%;
}

.overlay ul li {
	display: block;
	/*height: 20%;
	height: calc(100% / 5);*/
	line-height:1.5em;
	font-size:40px;
	width:100%;
	float:left;
	margin:0 0 20px;
}

.overlay ul li ul {
	display: none;
}

.overlay ul li a {
	display: block;
	color: #fff;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
	float:left;
	width:100%;
}

.overlay ul li ul li {
	font-size:30px;
}

.overlay ul li a:hover,
.overlay ul li a:focus,
#story .overlay ul li a.storynav,
#whiskey .overlay ul li a.whiskeynav,
#drinks .overlay ul li a.drinksnav,
#limited_edition .overlay ul li a.limitednav,
#workofart .overlay ul li a.workofartnav,
#contact .overlay ul li a.contactnav,
.overlay ul li ul li a.selected {
	color: #adafd9;
	text-decoration:none;
}

/* Effects */
.overlay {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
	transition: opacity 0.5s, visibility 0s 0.5s;
}

.overlay.open {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}

.overlay .nav_surround {
	-webkit-perspective: 1200px;
	perspective: 1200px;
}

.overlay ul {
	opacity: 0.4;
	-webkit-transform: translateY(-25%) rotateX(35deg);
	transform: translateY(-25%) rotateX(35deg);
	-webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s;
}

.overlay.open ul {
	opacity: 1;
	-webkit-transform: rotateX(0deg);
	transform: rotateX(0deg);
}

.overlay.close ul {
	-webkit-transform: translateY(25%) rotateX(-35deg);
	transform: translateY(25%) rotateX(-35deg);
}

}

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 


}