@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');

body {
	margin: 0 auto;
	background: #fff;
	text-align: left;
	color: #474747;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 1.4;
	font-weight: 400;
}
a, a:visited , a:active {
    color:#407eb2;
	text-decoration: none;
	font-weight: 600;
}
a:hover {
    color:#1174c8;
	text-decoration: none;
}
img {border: 0;}
strong {font-weight: bold;}
.center {text-align: center;}
.clear {clear:both;}
.strong {font-weight:bold;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.uppercase {text-transform: uppercase;}
.fleft {float: left;}
.fright {float: right;}
.tleft {text-align: left;}
.tright {text-align: right;}
.hide {display:none;}
.inline {display: inline-block;}
.middle {vertical-align: middle;}
.divider-20 {margin-top: 20px; height: 20px; border-top: 1px solid #d1d1d1;}
.divider-30 {margin-top: 30px; height: 30px; border-top: 1px solid #d1d1d1;}
input,select {outline: 0;}
.red {color: red;}
.req-blue{color: #1c7ec9; font-weight: bold;}
.req-orange {color: #f08c07; font-weight: bold;}
.green {color: #237c00;}
.orange {color: #dc7c00;}
label {cursor: pointer;}
.resp-img {width: 100%; height: auto;}
.shadow-img {
	-webkit-box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.75);
	}
.strikethrough {color: #bbe3e5; text-decoration: line-through;}
.strikethrough-red {color: red; text-decoration: line-through;}
.flexcontainer {display: -webkit-flex; display: flex; /* or inline-flex */ flex-direction: row; width: 100%;}
.flexstart {align-items: flex-start;}
.flexend {align-items: flex-end;}
nav, a, img, li{
  transition: all 0.5s;
  -moz-transition: all 0.5s; /* Firefox 4 */
  -webkit-transition: all 0.5s; /* Safari and Chrome */
  -o-transition: all 0.5s; /* Opera */
}
select {cursor: pointer;}

/*--2020--*/
/*--Containers--*/
.container-2020 {max-width: 1400px; height: auto; margin: 0 auto;}
.container-panda {max-width: 800px; height: auto; margin: 0 auto; padding: 20px;}
.upper-header {background: #f2f2f2; padding: 11px 5px;}
.header-2020 {background: #fff;}
.hero-2020 {border-bottom: 6px solid #25b7af;}
.product-2020-buy {background: #0a8991; padding: 20px 10px;}
.footer-2020 {background: #0a8991; padding: 20px 0; color: #fff;}

/*--Upper Header--*/
.upper-header-flex {display: flex; flex-wrap: nowrap; justify-content: flex-end; align-items: center;}
.uhf-1 {order: 1; padding: 0 10px 0 20px;}
.uhf-2, .uhf-3, .uhf-5 {order: 1; font-size: 18px; padding: 0 20px; border-right: 1px solid #d5d5d5;}
.uhf-4 {order: 1; font-size: 22px; padding: 0 0 0 10px;}
.uhf-4 a, .uhf-4 a:visited, .uhf-4 a:active {color: #4774a2;}
.uhf-4 a:hover {color: #5fa4ea;}
.uhf-icon {padding: 0 5px;}
.uhf-2 a, .uhf-2 a:visited, .uhf-2 a:active {color: #474747; font-weight: 400;}
.uhf-2 a:hover {color: #000; text-decoration: underline;}
.uhf-2 a span, .uhf-2 a:visited span, .uhf-2 a:active span {color: #fff; font-weight: 600; background: #4774a2; border-radius: 5px; padding: 0 5px;}
.uhf-3 a, .uhf-3 a:visited, .uhf-3 a:active {color: #32689b; font-weight: 600;}
.uhf-3 a:hover {color: #227bd7; text-decoration: underline;}
.uhf-cart-mobile {display: none;}
.search-field {background: none; width: 76px; height: 25px; border-bottom: 1px solid #d1d1d1; border-left: none; border-right: none; border-top: none; border-radius: 0; margin: 0; padding: 0 5px 0 7px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; display: inline-block; vertical-align: top; font-size: 18px;}
.search-field:focus {width: 200px;}
.search-field-mobile {background: none; width: 97%; height: 35px; border: 1px solid #d1d1d1; border-radius: 0; margin: 0; padding: 0 5px 0 7px; font-size: 18px;}

/*--Header--*/
.header-2020-flex {display: flex; flex-wrap: nowrap; justify-content: flex-start; align-items: center; padding: 27px 10px 25px 10px; }
.header-2020-logo {order: 1; width: 20%;}
.header-2020-menu {order: 1; width: 80%;}
.header-2020-logo-pad {padding: 0 0 0 10px;}
.header-2020-logo img {width: 100%; height: auto; max-width: 200px;}
.mmi-ocuglo {max-width: 149px; height: auto; width: 100%; display: inline-block;}
.mmi-blackfin {max-width: 140px; height: auto; width: 100%; display: inline-block; border: 1px solid #d1d1d1; padding: 9px 5px;}
.mmi-blackfin-mobile {max-width: 240px; height: auto; width: 100%; display: inline-block;}
.mmi-ogh {max-width: 240px; height: auto; width: 100%; display: inline-block;}
.mmi-anvision {max-width: 350px; height: auto; width: 100%; display: inline-block;}
.mmi-zoo {max-width: 250px; height: auto; width: 100%; display: inline-block;}

/*--Hero--*/
.hero-2020-img {width: 100%; height: auto; border: 0;}
.home-slider-big {display: block; height: auto; width: 100%;}
.home-slider-mobile {display: block; height: auto; width: 100%;}

/*--Internal Global--*/
.internal-2020-area {padding: 30px 10px; border-top: 1px dashed #d1d1d1;}
h1.global-header {padding: 0 30px 30px 30px; font-size: 28px; line-height: 36px; font-weight: 600; border-bottom: 1px dashed #d1d1d1; margin: 0 0 40px 0; color: #0a8991; text-align: center;}
.global-internal-intro {padding: 10px 0; margin: 0 auto; font-weight: 400;}

/*--About--*/
.au-flex {display: flex; flex-wrap: nowrap; justify-content: center; align-items: stretch; margin: -10px;}
.au-flex-box-1 {order: 1; width: 50%; background: #fff url(/images/dog-and-cat-about-us.jpg) no-repeat center center; background-size: cover; min-height: 400px;}
.au-flex-box-2 {order: 1; width: 50%; background: #f8f8f8;}
.au-flex-box-pad {padding: 50px;}
.au-flex-box-title {font-family: 'Dancing Script', cursive; font-size: 40px; color: #d69200; margin: 0; padding: 0 0 5px 0;}
.au-flex-box-desc {font-size: 16px; line-height: 24px;}
.au-flex-2 {display: flex; flex-wrap: nowrap; justify-content: center; align-items: stretch; margin: -10px; border-bottom: 14px solid #c09b88;}
.au-flex-2-pad {padding: 50px; border-top: 14px solid #c09b88;}
.au-flex-2-box-1 {order: 1; width: 50%; background: #f3e1db;}
.au-flex-2-box-2 {order: 1; width: 50%; background: #f3e1db;}
.au-flex-box-2-title {font-family: 'Dancing Script', cursive; font-size: 40px; color: #d69200; margin: 0; padding: 0 0 15px 0; text-align: center;}
.au-flex-box-line {margin: 0 auto; width: 100px; border-top: 1px solid #e6c8be;}
.au-flex-box-2-desc {font-size: 16px; line-height: 24px; color: #3a2314;}
.au-flex-box-2-desc ul {padding: 0; margin: 10px 0 0 10px;}
.au-flex-box-2-desc ul li {
	margin: 0;
	padding: 7px 0 10px 34px;
	list-style: none;
	background-image: url("/images/paw-print-about-icon.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 20px;
	font-family: 'Dancing Script', cursive;
	color: #887251;
	font-size: 24px;
	}
.au-vet-title {font-family: 'Dancing Script', cursive; font-size: 40px; color: #d69200; margin: 0; padding: 50px 0 15px 0; text-align: center;}
.au-vet-profile {border-top: 5px solid #c09b88; margin-top: 30px;}
.au-vet-profile-pad {padding: 50px 25px 30px 25px;}
.au-vet-main-image {max-width: 500px; float: right; margin: 0 0 30px 30px; width: 100%; height: auto;}
.au-vet-ptitle {font-family: 'Dancing Script', cursive; font-size: 40px; color: #d69200; margin: 0; padding: 0 0 15px 0;}
.au-vet-ptitle-2 {font-size: 18px; color: #535353; padding: 0 0 10px 0; font-style: italic;}
.au-vet-ptitle-3 {font-size: 18px; color: #828282; font-style: italic;}
.au-vet-pdesc {border-top: 1px solid #e9e9e9; padding: 0; margin-top: 15px;}
.au-vet-pdesc-2 {background: #f2f2f2; padding: 40px 50px; font-style: italic; font-size: 18px; line-height: 26px;}
.au-vet-pdesc-3 {background: #f6eddb; padding: 40px 50px;}
.au-vet-pdesc-title {font-family: 'Dancing Script', cursive; font-size: 30px; color: #d69200; margin: 0; padding: 0 0 5px 0; border-bottom: 1px solid #e9e9e9;}
.au-vet-state-image {width: 100%; height: auto; max-width: 200px; float: right; margin: 0 0 30px 30px; box-shadow: 5px 5px 5px 0px rgba(50, 50, 50, 0.5);}

/*--Category--*/
.cat2020-flex {display: flex; flex-wrap: wrap; align-items: flex-start; padding: 0 0 40px 0;}
.cat2020-flexbox {width: 25%; order: 1;}
.cat2020-flexpad {padding: 10px;}
.cat2020-flexborder {box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.15); padding: 0 0 10px 0;}
h2.cat2020-title {margin: 0; padding: 15px 15px 0 15px; font-size: 20px; text-align: center; min-height: 50px;}
h2.cat2020-title a, h2.cat2020-title a:visited {font-weight: 600; color: #555;}
.cat2020-imgbox {padding: 0 10px;}
.cat2020-img {margin-left: auto; margin-right: auto; max-width: 550px; height: auto; width: 100%;}
.cat2020-desc-box {position:relative;}
.cat2020-desc-overlay {background: #0a8991; bottom:0; opacity:0; color: #fff; filter: alpha(opacity = 0); position:absolute; z-index:1000; padding: 10px 15px;}
.cat2020-desc-box:hover .cat2020-desc-overlay {opacity: 1; filter: alpha(opacity = 75); transition: opacity 0.25s; -moz-transition: opacity 0.25s; -webkit-transition: opacity 0.25s;}
.cat2020-price {padding: 5px; text-align: center; font-size: 24px; font-weight: 300;}
.cat2020-btns {padding: 5px 0 15px 0; text-align: center;}

/*--Product--*/
.product-2020-flex {display: flex; flex-wrap: nowrap; align-items: flex-start; padding: 20px 10px;}
.product-2020-flex-1 {order: 1; width: 35%; text-align: center;}
.product-2020-flex-2 {order: 2; width: 65%;}
.product-2020-flex-1-pad {padding: 0;}
.product-2020-flex-2-pad {padding: 20px 0 0 20px;}
.product_image_thumb_box {display: inline-block; margin: 0 10px;}
.product_image_tn {border: 1px solid #d1d1d1; cursor: pointer; margin-left: auto; margin-right: auto; padding: 0 10px;}
.product_image_tn:hover {border: 1px solid #aaa;}
h1.product-2020-title {color: #555; font-weight: 600; margin: 0; padding: 0 0 20px 0; font-size: 34px; line-height: 42px;}
.product-2020-toptext {font-size: 20px; line-height: 32px;}
.p2020i-start {font-size: 14px; font-weight: 300; font-style: italic; padding: 30px 10px 10px 0;}
.product-zoom-info {font-style: italic; color: grey; padding: 8px 0; text-align: center; font-size: 12px;}
.ocu-glo-comparison-chart-horz {width: 100%; height: auto; max-width: 1000px; margin-left: auto; margin-right: auto; display: block;}
.ocu-glo-comparison-chart-vert {width: 100%; height: auto; max-width: 1000px; margin-left: auto; margin-right: auto; display: none;}

/*--Product Ingredient Tabs--*/
.p2020i-full {max-width: 240px; width: 40%; height: auto; float: right; margin: 0 0 25px 25px; display: block;}
.p2020i-full-mob {max-width: 240px; width: 100%; height: auto; margin: 0 auto; display: none;}
.p2020i-in-title {font-size: 26px; font-weight: 600; color: #0a8991; margin: 0; padding: 0 0 20px 0;}
.p2020i-in-desc {font-size: 20px; line-height: 30px;}
.tabinator {}
.tabinator input {display: none;}
.tabinator label {box-sizing: border-box; display: inline-block; padding: 15px; color: #ccc;}
.tabinator label .p2020i-circle {max-width: 60px; border: 5px solid #e8e8e8; border-radius: 60px; width: 100%; height: auto;}
.tabinator label:hover {color: #888; cursor: pointer;}
.tabinator label:hover .p2020i-circle {border: 5px solid #07babc;}
.tabinator input:checked + label {position: relative;color: #000;}
.tabinator input:checked + label .p2020i-circle {border: 5px solid #07babc;}
#content1, #content2, #content3, #content4, #content5, #content6, #content7, #content8, #content9, #content10, #content11, #content12 {display: none; border-top: 1px solid #d1d1d1; padding: 15px;}
#tab1:checked ~ #content1, #tab2:checked ~ #content2, #tab3:checked ~ #content3, #tab4:checked ~ #content4, #tab5:checked ~ #content5, #tab6:checked ~ #content6, #tab7:checked ~ #content7, #tab8:checked ~ #content8,#tab9:checked ~ #content9, #tab10:checked ~ #content10, #tab11:checked ~ #content11, #tab12:checked ~ #content12 {display: block;}

/*--Product Buy--*/
.p2020-buy-flex {display: flex; flex-wrap: nowrap; align-items: stretch; text-align: center; color: #fff; font-size: 22px; line-height: 32px; justify-content: center; font-weight: 300;}
.p2020-buy-fbox {order: 1; border-right: 1px solid #4fbbc2; flex-shrink: 1;}
.p2020-buy-fbox:last-child {border-right: none;}
.p2020-buy-fpad {padding: 5px 20px;}
.p2020-buy-fpad2 {padding: 0 20px;}
.p2020-price {padding: 7px 0 0 0;}
.p2020-priceeach {border-bottom: 1px solid #4fbbc2; padding: 5px 0 10px 0;}
.p2020-priceeach:last-child {border-bottom: none;}
.p2020-box-text {display: inline-block; vertical-align: center; padding: 0 10px 0 0;}
.p2020-box {display: inline-block; vertical-align: center; padding: 10px; border: 0; font-size: 20px; color: #555; margin: 0;}
.p2020-box-qty {width: 50px;}
.p2020-as-bump {padding: 4px 0 0 0;}
.p2020-as1 {display: inline-block; vertical-align: center;}
.p2020-as1 a, .p2020-as1 a:active {color: #fff; font-weight: 300;}
.p2020-as1 a:hover {color: #fff; text-decoration: underline;}
.p2020-as2 {display: inline-block; vertical-align: center;}
.p2020-checkbox {border: 0; width: 1.25em; height: 1.25em;}
.p2020-as3 {padding: 5px 0 0 0;}
.p2020-select {font-size: 16px; font-weight: 300; color: #333; padding: 5px;}
.p2020-subinfo {padding: 20px 0; font-size: 16px; font-weight: 300; line-height: 24px; text-align: center; font-style: italic; color: #979797;}
.p2020-notice {padding: 20px; font-size: 20px; font-weight: 300; line-height: 30px; text-align: center; background: #e3fdff; margin: 0 20px;}
.p2020-notice span {font-weight: 600;}
.p2020-pricealert {color: #fff; order: 1; max-width: 500px; padding: 0 10px;}
.p2020-pricealert a {color: #ffdb13; text-decoration: none;}
.p2020-pricealert a:hover {color: #ffe450; text-decoration: underline;}

/*--Product Info Tabs--*/
ul.simpleTabsNavigation {margin: 0 auto; padding: 40px 0 0 0; text-align: left;}
ul.simpleTabsNavigation li {list-style: none; display: inline; margin: 0 auto; padding: 0;}
ul.simpleTabsNavigation li a {
	border: 1px solid #d7d7d7;
	padding: 10px 20px;
	background: #fff;
	font-size: 20px;
	line-height: 32px;
	text-decoration: none;
	color: #676767;
	display: inline-block;
	}
ul.simpleTabsNavigation li a:hover {background-color: #07babc; color: #fff;}
ul.simpleTabsNavigation li a.current {background: #07babc; color: #fff;}
div.simpleTabsContent {border: 1px solid #d7d7d7; margin: 0; display: none; padding: 45px; font-size: 18px; line-height: 26px;}
div.simpleTabsContent.currentTab {display: block;}

/*--Ocu-GLO Graphics--*/
.ocuglo-banner-recommend-large {width: 100%; height: auto; max-width: 700px; margin: 0 0 10px 0;}
.ocuglo-banner-recommend-small {width: 100%; height: auto; max-width: 712px; margin: 0; display: none;}
.ocuglo-overview-intro {background: #378c39; font-size: 20px; color: #fff; text-align: center; padding: 20px; font-weight: bold;}

/*--Block Links--*/
a.block-link {color: #fff; padding: 8px 18px 12px 18px; text-shadow: 1px 1px 2px rgba(150, 150, 150, 1); font-weight: 600; font-size: 24px;}
a.bl-green {background: #99d91a;}
a.bl-green:hover {background: #74ae00;}
a.bl-orange {background: #efc500;}
a.bl-orange:hover {background: #f0cc24;}
a.bl-blue {background: #00b4d5;}
a.bl-blue:hover {background: #00d0f5;}

/* Site notice */
#site-notice {font-weight: bold; padding: 10px 0; text-align: center;}
#site-notice img {margin: 0 7px; vertical-align: middle;}
#site-notice-x {cursor: pointer; position: absolute; right: 20px;}

/*---FAQs--*/
.faq-tags {padding: 10px 0 30px 0;}
a.faq-filter {display: inline-block; padding: 5px 10px; background: #0a8991; box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.25); margin: 8px 16px 8px 0; color: #fff;}
a.faq-filter span {background: #056066; color: #fff; padding: 3px 5px; border-radius: 50px;}
a.faq-filter:hover {background: #00c0cd;}
.FAQ-Block {border-top: 1px solid #d1d1d1; padding: 30px 0 40px 0;}
.FAQ-Title {font-size: 20px; padding: 15px 0 15px 0; font-weight: 600;}
.FAQ-Answer {}

/*---Login--*/
.login2020-flex {display: flex; flex-wrap: nowrap; align-items: flex-start; padding: 0 0 40px 0;}
.login2020-flexbox {order: 1; width: 50%;}
.login2020-flexpad1 {padding: 0 20px; border-right: 1px solid #d1d1d1;}
.login2020-flexpad2 {padding: 0 20px;}

/*---Search---*/
.search-page-title {font-size: 28px;}
.search-page-listing {border-top: 1px dashed #d1d1d1; padding: 20px 10px; margin: 20px 0 0 0;}
.search-page-list1 {font-size: 20px;}
.search-page-list2 {}

/*--Account--*/
.acc2020-block-top {padding: 0 0 50px 0; border-bottom: 1px solid #d1d1d1;}
.acc2020-block {padding: 40px 0 60px 0; border-bottom: 1px solid #d1d1d1;}
.acc2020-block span {font-weight: 600;}
h2.acc2020-title {margin: 0; padding: 0 0 20px 0; font-size: 28px; font-weight: 400; color: #0a8991;}
.acc2020-tdecks {display: inline-block; padding: 7px 12px; background: #f8f8f8; border-radius: 7px; font-size: 18px; margin: 0 20px 20px 0;}
.acc2020-gift {padding: 0 0 20px 0; font-size: 18px;}
.acc2020-address-flex {display: flex; flex-wrap: wrap; align-items: flex-start;}
.acc2020-addf-box {order: 1; width: 25%;}
.acc2020-addf-box-margin {padding: 0 20px 20px 0;}
.acc2020-addf-box-pad {box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.15); padding: 10px 10px 12px 10px; text-align: center; background: #effffc;}
.acc2020-default {padding: 5px; font-weight: 600; font-style: italic; color: #888; background: #e5f4f1; margin: 0 0 5px 0;}
.acc2020-pet-title {padding: 10px; font-size: 28px; line-height: 36px; font-weight: bold; margin: 0 0 40px 0; background: #387117; color: #fff; text-align: center;}
.acc2020-form div {font-size: 20px; padding: 0 0 15px 0; color: #0a8991;}
.acc2020-form input, .acc2020-form select {padding: 10px; border: 1px solid #d1d1d1; margin: 0 0 30px 0; width: 75%;}
.acc2020-form input[type=checkbox] {content: ""; display: inline-block; width: 16px; height: 16px; border-radius: 3px; background-color: white; padding: 0 !important; margin: 0 !important;}
.acc2020-form span {font-weight: 600; color: #0a8991;}
.acc2020-form-header {font-size: 28px !important; font-weight: 600; padding: 15px 0; margin: 0;}

/*--Random Things--*/
.blackfin-hemp-header {width: 100%; height: auto; max-width: 800px; margin-left: auto; margin-right: auto;}
.blackfin-intro {font-size: 24px; text-align: center; font-weight: 600; padding: 0 0 30px 0;}
.blackfin-hemp-label-1 {float: right; width: 60%; height: auto; max-width: 1000px; margin: 0 0 20px 20px;}
.bfc-image {display: inline-block; width: 100%; height: auto; margin: 10px; max-width: 150px;}

/*---Testimonials---------*/
.test-col-1 {float: left; width: 50%;}
.test-pad-1 {padding: 0 10px 0 0;}
.test-pad-2 {padding: 0 0 0 10px;}
h3.test-quote {
	background: url(/images/quotes-86x72.png) top left no-repeat;
	font-size: 16px;
	font-weight: bold;
	color: #30588d;
	margin: 30px 0 30px 0;
	}
.test-quote-identity {padding: 20px 0 0 0; color: #83a3cd; font-size: 14px; font-weight: bold;}
.test-view-all {margin: 0; padding: 20px 0 0 0; text-align: center;}
@media only screen and (min-width: 0px) and (max-width: 700px) {
.test-col-1 {float: none; width: 100%;}
.test-pad-1 {padding: 0;}
.test-pad-2 {padding: 0;}
h3.test-quote {margin: 10px 0 10px 0;}
}
.test-col-1 a, .test-col-1 a:visited, .test-col-1 a:active {color: #4a8ee6;}
.test-col-1 a:hover {color: #69abff;}

.test-icon-photo {float: right; margin: 0 0 10px 10px;}
.test-act-quote {padding: 20px 0 0 20px;}
.test-act-quote a {font-weight: 600;}
.test-act-quote a:hover {text-decoration: underline;}

#Testprofile {
    border-top: 1px solid #d1d1d1;
	padding: 10px 0;
	}
#Testprofile  a, #Testprofile  a:visited {text-decoration: none;}

.Testprofile-title {
	color: #056db6;
	text-align: center;
	font-weight: bold;
	padding: 10px 0;
	font-size:16px;
	}
.Testprofile-title a, .Testprofile-title a:visited {text-decoration: none;}
.Testprofile-title a:hover {color: #008def;}
.Testprofile-answer {
    padding: 10px 0 0 0;
	}
.Testprofile-answer a, .Testprofile-answer a:visited {color: #086fb0; text-decoration: none;}
.Testprofile-answer a:hover {color: #008def;}

.Testprofile-Atitle {
    color: #ed9100;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding: 30px 0 20px 0;
	}

.Testprofile-pic {
    float: right;
	margin: 0 0 20px 20px;
	width: 50%;
	height: auto;
	}

/*--DPMMR On Home Page--*/
.dpmmr-bkg {background: rgb(227,227,227);
background: linear-gradient(0deg, rgba(227,227,227,1) 0%, rgba(242,242,242,1) 35%, rgba(255,255,255,1) 100%);}
.dpmmr-video {width: 50%; height: auto; padding: 5px; border: 2px dotted #d1d1d1; float: right; margin: 0 0 20px 20px;}
.dpmmr-pad {padding: 5px 20px 20px 20px;}
.dpmmr-intro {font-size: 16px; font-style: italic; font-weight: 300; padding: 10px 10px 1px 10px; text-align: center;}
.dpmmr-title {text-align: center; font-size: 30px; line-height: 38px; font-weight: 800; color: #0798b2; padding: 10px 0 15px 0; border-top: 1px solid #eee; margin: 20px 0 0 0;}

/*--OGH--*/
.og-col-2-flex {display: flex; flex-wrap: wrap; align-items: flex-start;}
.og-col-2-flex-left {order: 1; width: 55%;}
.og-col-2-flex-right {order: 1; width: 45%;}
.og-col-2-flex-left-pad {padding: 0 50px 0 0;}
.og-col-2-flex-right-pad {padding: 0;}
.og-blue-light {background: #0088bb; color: #fff;}
.og-blue-light p {padding: 0 40px 20px 40px;}
h2.og-bl-header {font-size: 26px; text-align: center; line-height: 34px; font-weight: bold; margin: 0; padding: 15px 20px 0 20px; text-shadow: 1px 1px 2px rgba(150, 150, 150, 1); color: #ffcd7e;}
h3.og-bl-subheader {font-size: 24px; text-align: center; line-height: 32px; font-weight: bold; margin: 0; padding: 20px;}
.og-bl-keypoint-1 {display: inline-block; width: 15%; text-align: right; vertical-align: top;}
.og-bl-keypoint-2 {display: inline-block; width: 80%; vertical-align: top;}
.og-bl-keypoint-2 p {padding: 5px 0 10px 10px;}
.og-bl-kp-icon {width: 100%; height: auto; max-width: 50px; margin-top: 20px;}
.col-2-orange-area {background-image: url("/images/orange-light-rays.jpg"); margin-bottom: 50px; background-color: #fff2d7;}
.col-2-orange-pad {padding: 40px 20px;}
h1.col-2-orange-title {font-size: 36px; font-weight: bold; line-height: 44px; margin: 0; padding: 0 0 20px 0; color: #e39700; text-shadow: 1px 1px 2px rgba(255, 255, 255, 1);}
h2.col-2-orange-subtitle {font-size: 24px; line-height: 32px; font-weight: bold; margin: 0; padding: 0 0 20px 0;}
.orange-sun-div {width: 25%; float: right; margin: 0 0 20px 20px;}
.orange-sun-circle {width: 100%; height: auto; max-width: 1200px; margin-left: auto; margin-right: auto;}
.ogh-dot {height: 25px; width: 25px; border-radius: 50%; display: inline-block; border: 2px solid #595959; vertical-align: middle; margin: 0 10px 0 0;}
.orange-dot {background-color: #e55d23;}
.yellow-dot {background-color: #ffb700;}
.blue-dot {background-color: #1473c2;}
.col-2-orange-area strong {color: #e39700;}

/*--BFH--*/
.hemp-upper-area {background: #e2f9ff; padding: 5px 10px; float: right; margin: 0 0 15px 15px; width: 45%; font-weight: bold; display: block;}
.hemp-upper-area-2 {background: #e2f9ff; padding: 5px 10px; font-weight: bold; display: none;}
.hemp-upper-title {text-align: center; font-weight: bold; border-bottom: 1px solid #959595; padding: 0 0 10px 0; color: #007b9c;}
.hemp-flex-box {text-align: center; padding: 10px 0;}
.hemp-flex-box ul {margin: 0; padding: 0;}
.hemp-flex-box ul li {list-style-type: none; padding: 0 0 5px 0; margin: 0;}
.hemp-menu {display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; padding: 0 0 20px 0;}
.hemp-menu-item {order: 1;}
.hemp-menu-item a {background: #00a7d4; color: #fff; font-weight: bold; padding: 10px 15px; text-align: center; text-decoration: none; text-transform: uppercase; display: inline-block; margin: 10px;}
.hemp-menu-item a:hover {background: #05caff;}
.hemp-menu-instructions {font-style: italic; font-size: 14px; text-align: center;}
h3.hemp-menu-title {font-size: 18px; text-transform: uppercase; background: #00a7d4; color: #fff; font-weight: bold; padding: 10px 20px; margin: 50px 0 0 0;}
.bfh-description-image {width: 50%; max-width: 400px; height: auto; float: right; margin: 0 0 20px 20px;}
.liquid-structure-image {width: 50%; max-width: 586px; height: auto; float: right; margin: 20px 0 20px 20px;}
.britto-box-area {float: right; width: 50%; margin: 0 0 20px 20px;}
.ding-collage {max-width: 800px; width: 50%; height: auto; float: right; margin: 0 0 20px 20px;}

h2.endoc-title {margin: 0; padding: 0 0 10px 0; font-size: 22px; font-weight: bold; color: #2ab5e1;}
.endoc-flex {display: flex; flex-wrap: nowrap; align-items: center; padding: 0 0 40px 0;}
.endoc-flex-start {order: 1; width: 65%;}
.endoc-flex-start-pad {padding: 0 20px;}
.endoc-flex-middle {order: 1; width: 35%; background: #ededee; border-radius: 20px;}
.endoc-flex-middle-pad {padding: 20px;}

.endoc-flex-end {display: flex; flex-wrap: nowrap; align-items: center; border: 5px solid #d8d8d8; border-radius: 10px;}
.endoc-flex-end-pad {padding: 20px 20px 24px 20px;}
.endoc-cb1 {order: 1; width: 20%; text-align: center; border-right: 3px solid #d1d1d1;}
.endoc-cb2 {order: 2; width: 40%; border-right: 3px solid #d1d1d1; text-align: left;}
.endoc-cb3 {order: 3; width: 40%; padding-bottom: 0; text-align: left;}
.endoc-cb-img {width: 100%; height: auto; max-width: 238px; margin-left: auto; margin-right: auto;}
.endoc-cbr {width: 100%; height: auto; max-width: 1000px; margin-left: auto; margin-right: auto; margin-bottom: 0;}
.endoc-benefits-title {margin: 0; padding: 0; font-size: 20px; font-weight: bold; color: #2ab5e1;}
.endoc-benefits-subtitle {padding: 10px 0 2px 0; font-size: 18px; font-weight: bold; color: #414141;}
.endoc-benefits-exp-title {margin: 0; padding: 0; font-size: 20px; font-weight: bold; color: #000;}
.endoc-benefits-exp-content {padding: 20px 0 0 0; font-size: 18px; font-weight: bold;}
.endoc-benefits-extra {font-size: 18px; font-weight: bold; font-style: italic;}
.endoc-disclaimer {text-align: center; font-size: 14px; font-style: italic; padding: 15px 0;}

ul.britto-hearts {list-style-image: url('/images/britto-heart.png');}

/*--Black Friday Page--*/
.Black-Friday-Header {float: right; width: 40%; margin: 0 0 20px 20px;}
.Black-Friday-Header img {width: 100%; height: auto; max-width: 800px; margin-left: auto; margin-right: auto; border: 0;}
h1.Black-Friday-Title {font-size: 20px; font-weight: bold; color: #382923; text-align: left;}
.Black-Friday-Flex {display: flex; flex-wrap: nowrap; justify-content: center;}
.Black-Friday-Box {order: 1; width: 50%;}
.Black-Friday-Box-Pad {background: #e1e1e1; text-align: center; font-size: 18px; padding: 20px; margin: 20px;}
.Black-Friday-Box-2 {order: 1; width: 100%;}

/*--Betty White--*/
.bettywhite {float: left; width: 30%; height: auto; max-width: 800px; margin: 0 20px 20px 0;}

/*--Benny The Ice Skating Dog--*/
.benny-header {max-width: 1200px; width: 100%; margin-left: auto; margin-right: auto; height: auto; margin-bottom: 5px;}
.benny-float {float: right; margin: 0 0 20px 20px; width: 40%;}
.benny-text h1 {font-size: 30px; font-weight: bold; line-height: 38px; color: #1b2f76;}
.benny-text {font-size: 18px; line-height: 26px;}
.benny-text a {color: #1b2f76; text-decoration: underline;}
.benny-text a:hover {color: #1948ed;}
.benny-text sup {font-size: 10px;}
.benny-flex {display: flex; flex-wrap: wrap; background: #ebebeb; padding: 15px 0;}
.benny-flex-box {order: 1; width: 50%;}
.benny-flex-box-pad {padding: 0 15px;}
.benny-social-text {font-size: 30px; padding: 0 0 20px 0; text-align: center;}
.benny-social {font-size: 60px; padding: 0 0 20px 0; text-align: center;}

/*--Britto Charity--*/
.Britto-Charity {float: right; width: 50%; padding: 0 0 20px 20px;}
.Britto-Charity img {width: 100%; height: auto; max-width: 800px;}
.Britto-Charity-title {font-weight: bold; font-size: 36px; line-height: 44px; color: #0798b2; padding: 0 0 20px 0; border-bottom: 4px solid #1f4ea0; margin: 0 0 20px 0;}
.Britto-Charity-text {font-size: 18px; line-height: 26px; padding: 10px 0 0 0;}

/*--Thank You Form for Social Media--*/
.form-social-title {padding: 40px 0 20px 0;}
.form-social-title img {width: 100%; height: auto; max-width: 500px; border: 0;}
.form-flex-social {display: flex; border: 1px solid #d1d1d1; margin-bottom: 40px; flex-wrap: wrap; justify-content: center; align-items: center; gap: 40px; padding: 20px 0;}
.form-flex-social-block {order: 1; font-size: 50px;}
.form-flex-social a, .form-flex-social a:visited, .form-flex-social a:active {color: #0086cc; font-weight: 400;}
.form-flex-social a:hover {text-decoration: none; color: #34baff;}

/*Influencer Thank You Form*/
.influencer-flex {display: flex; border: 1px solid #d1d1d1; margin-bottom: 40px; flex-wrap: wrap; justify-content: center; align-items: center; padding: 20px 0;}
.influencer-flex-block {order: 1; padding: 10px;}

/*Get Your Pets Eyes Checked Campaign*/
.gypec-banner {margin: 0; z-index: 1;}
.gypec-banner-large {width: 100%; height: auto; max-width: 1400px; margin: 0 auto; display: block;}
.gypec-banner-small {width: 100%; height: auto; max-width: 800px; margin: 0 auto; display: none;}
.gypec-header-text {text-align: center; padding: 26px 30px 28px 30px; border-bottom: 1px dashed #d1d1d1;}
.gypec-header-text-1, .gypec-header-text-3 {font-family: 'Dancing Script', cursive; color: #a88434; font-weight: normal; font-size: 50px; line-height: 58px; font-style: italic;}
.gypec-header-text-2 {padding: 0; font-size: 60px; line-height: 68px; text-align: center; font-weight: bold; color: #0d8700; margin: 0;}
.gypec-flex {display: flex; flex-wrap: wrap; align-items: stretch; align-content: center; padding: 30px 0 40px 0;}
.gypec-flex-border {border-bottom: 1px dashed #d1d1d1;}
.gypec-left {order: 1; width: 70%;}
.gypec-right {order: 2; width: 30%; padding-top: 0px;}
.gypec-right img {width: 100%; height: auto; max-width: 800px;}
.gypec-title {font-size: 40px; line-height: 48px; padding: 0 0 8px 0; font-weight: normal; font-family: 'Dancing Script', cursive; color: #a88434; font-style: italic;}
.gypec-content {font-size: 20px; line-height: 32px; padding: 0 50px 0 0;}
.gypec-content span {color: #0d8700; font-weight: bold; font-style: italic;}

/*One For Me Promo*/
.promo-ofy-title {font-size: 30px; line-height: 38px; color: #1e62a1; padding: 20px; text-align: center; border-bottom: 1px dotted #d1d1d1; margin: 0 0 20px 0; font-weight: bold;}
.promo-ofy-video {float: right; width: 40%; padding: 0 5px 20px 20px;}
.promo-ofy-text {font-size: 18px; line-height: 26px;}
.promo-ofy-video-2 {max-width: 800px; margin: 0 auto; padding: 10px 0;}

/*Countdown Timer*/
.countdown-background {background: #f5f5f5; padding: 20px;}
.countdown-entire-area {margin: 0 auto; max-width: 1000px; background: #f5f5f5;}
.countdown-timer {text-align: center; border-top: 1px solid #d1d1d1;}
.countdown-flex {display: flex; flex-wrap: wrap; align-items: stretch;}
.countdown-box-1 {order: 1; width: 25%; text-align: center;}
.countdown-box-2 {order: 2; width: 75%; text-align: center;}
.countdown-box-2-pad {padding: 25px 10px 5px 5px;}
#democlock {display: inline-block; font-weight: bold; font-size: 32px; margin-block-start: 15px !important; margin-block-end: 5px !important;}
.countdown-text {font-size: 26px; padding: 20px 0 30px 0; font-weight: bold; line-height: 32px; text-align: center;}

.countdown-text a, .countdown-text a:visited {color: #a50f0f; font-weight: bold;}
.countdown-text a:hover {color: #d80707;}
.countdown-text span {font-size: 16px; font-style: italic;}
.countdown-main-img-1 {display: block;}
.countdown-main-img-2 {display: none;}

/*Zoo / Aquarium Ordering */
.zoo-aquarium-ordering-message {padding: 15px 20px; background: #c9f1f3;}

/*--90 Day Money Back Guarantee--*/
.moneyback-flex {display: flex; flex-wrap: wrap; align-items: stretch; padding: 40px 0;}
.moneyback-1 {width: 20%; text-align: center;}
.moneyback-2 {width: 80%;}
.moneyback-pad {padding: 20px;}
.moneyback-title {font-size: 26px; font-weight: bold; padding: 0 0 10px 0; line-height: 34px;}
.moneyback-content-16 {font-size: 16px; line-height: 24px;}
.moneyback-content-20 {font-size: 20px; line-height: 28px; font-weight: 300;}
.moneyback-1 img {width: 100%; height: auto; max-width: 300px; margin-left: auto; margin-right: auto;}
.moneyback-border-top {border-top: 1px solid #d1d1d1;}
.moneyback-border-bottom {border-bottom: 1px solid #d1d1d1;}

/*--Australia--*/
.OG-Chews-2023-Australia {float: left; width: 40%; max-width: 1000px; height: auto; margin: 0 20px 20px 0;}

/*--Conferences--*/
.seo-image-for-conference {width: 40%; height: auto; max-width: 1000px; margin-left: auto; margin-right: auto; float: right; margin-bottom: 30px; margin-left: 30px;}

/*--Newsletter--*/
.home-newsletter {padding: 20px 0;}
.newsletter-image-main {width: 100%; height: auto; margin-left: auto; margin-right: auto; max-width: 1400px; display: block;}
.newsletter-image-mobile {width: 100%; height: auto; margin-left: auto; margin-right: auto; max-width: 800px; display: none;}

/*--Ocu-GLO Vegan--*/
.vegan-cards {text-align: center;}
.vegan-card-1 {width: 50%; height: auto; display: inline-block; vertical-align: top;}
.vegan-card-2 {width: 50%; height: auto; display: inline-block; vertical-align: top;}

/*---Breadcrumbs--------*/
.global-breadcrumbs {
	border-top: 1px solid #ebebeb;
	padding: 20px;
	color: #959595;
	font-size: 14px;
	text-transform: uppercase;
	}
.global-breadcrumbs a, .global-breadcrumbs a:visited {color: #959595; text-decoration: none; font-weight: normal;}
.global-breadcrumbs a:hover {color: #F09C0A;}

/*---Affiliate---*/
.affiliate-banner {border-bottom: 1px solid #d1d1d1; padding: 0 0 20px 0; text-align: center;}
.affiliate-banner img {width: 100%; height: auto; max-width: 1000px;}
.affiliate-title {font-size: 20px; font-weight: bold; padding: 20px 0; text-align: center;}
.affiliate-text {padding: 0 0 20px 0;}
.affiliate-code {text-align: center;}
.affiliate-code div {display: inline-block; padding: 5px 15px; background: #0a8991; border-radius: 5px; color: #fff; font-weight: bold; font-size: 26px;}
.affiliate-code span {color: yellow;}
.affiliate-shop {text-align: center; padding: 30px 0 20px 0;}
.affiliate-shop a {display: inline-block; padding: 5px 15px; background: #e98400; border-radius: 5px; color: #fff; font-weight: bold; font-size: 18px;}
.affiliate-shop a:hover {background: #ffa32c;}

.affiliate-promo-side-image {display: block;}
.affiliate-promo-side-image img {width: 100%; height: auto; max-width: 400px; float: right; margin: 0 0 20px 20px;}
.affiliate-promo-title {font-size: 36px; font-weight: bold; color: #0b9444; padding: 0 0 20px 0;}
.affiliate-promo-title img {width: 100%; height: auto; max-width: 400px; margin-right: 20px;}
.affiliate-promo-sub-title {font-size: 26px; font-style: italic; font-weight: bold; padding: 0 0 20px 0;}
.affiliate-promo-text {border-top: 1px solid #d1d1d1;}

/*--Charity--*/
.charity-image-float {float: right; margin: 0 0 20px 20px; text-align: center;}

/* buttons */

.btn,.btn-md, .btn-sm{color:#fff; cursor:pointer; display:inline-block; font-weight:600; text-decoration:none;}
.btn,.btn-sm, .btn-sm:hover, .btn:hover, .btn-md, .btn-md:hover{text-decoration:none;}
.btn-sm:active:not(.btn-disabled),.btn:active:not(.btn-disabled), .btn-md:active:not(.btn-disabled){box-shadow:none;transform:translateY(1px)}
.btn {border: 0; font-size: 20px; line-height: 28px; margin: 0; outline: 0; padding: 7px 25px 9px 25px;}
.btn-sm{border:0;border-radius:2px; font-size:13px!important; font-style:normal; margin:0 3px; outline:0;padding:3px 6px;}
.btn-md{border:0; border-radius:2px; font-size:18px!important; font-style:normal; margin:0 3px; outline:0;padding:8px 13px;}
.btn-yellow, .btn-yellow:active {background: #f1b000; border: none; color:#fff!important;}
.btn-yellow:hover{background:#ffbd0b; color:#fff!important;}
.btn-green, .btn-green:active {background: #1f9a08; border: none; color:#fff!important;}
.btn-green:hover{background:#2bbf10; color:#fff!important;}
.btn-red, .btn-red:active {background: #c51907; border: none; color:#fff!important;}
.btn-red:hover{background:#e03928; color:#fff!important;}

.btn-orange{background:#ce6c33;border:1px solid #753e1e;box-shadow:0 0 2px #753e1e;color:#f3f3f3!important;text-shadow:1px 0 3px #66411f}
.btn-orange:hover{background:radial-gradient(circle,#fb9f6b,#ce6c33);color:#fff!important}
.btn-orange:active{background:#fb9f6b}
.btn-blue{background:#2d7db5;border:1px solid #113854;box-shadow:0 0 2px #113854;color:#f3f3f3!important;text-shadow:1px 0 3px #113854}
.btn-blue:hover{background:radial-gradient(circle,#3d9cdc,#2d7db5);color:#fff!important}
.btn-blue:active{background:#3d9cdc}
.btn-turquoise{background:#1cada6;border:1px solid #0c5653;box-shadow:0 0 2px #0c5653;color:#f3f3f3!important;text-shadow:1px 0 3px #0c5653}
.btn-turquoise:hover{background:radial-gradient(#59c3bf,#42a9a4);color:#fff!important}
.btn-turquoise:active{background:#5dd2cc}
.btn-right{position:absolute;right:20px}
.btn-disabled{background:#b3b1b1;border:1px solid #999;box-shadow:0 0 2px #a7a7a7;color:#d6d6d6!important;cursor:not-allowed;text-shadow:0 0 3px #696969}
.btn-delete:before{content:"\f2ed";font-family:'Font Awesome 5 Free';padding-right:9px}.btn strong{font-weight:800}
.btn i{margin-right:9px}
.btn-sm i{color:#fff;margin:0 5px}
@media screen and (max-width:1180px){
	.btn{margin:2px}
	.btn-delete,.form-delete{display:none}
}


/*--Footer--*/
.foot-2020-menu {padding: 50px 0; text-align: center;}
.foot-2020-disc {border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 10px 0; font-size: 12px; font-weight: 300;}
.foot-2020-disc p {padding: 0 20px;}
.foot-2020-flex {display: flex; flex-wrap: nowrap; align-items: flex-start; padding: 70px 0 80px 0; text-align: center;}
.foot-2020-flex-1 {order: 1; width: 33%;}
.foot-2020-flex-2 {order: 1; width: 33%; font-size: 50px;}
.foot-2020-flex-3 {order: 1; width: 33%; font-weight: 300; font-size: 14px; line-height: 24px;}
.foot-2020-flex-1 img {max-width: 160px; height: auto; width: 100%;}
.foot-2020-flex-1 span {font-weight: 300;}
.foot-2020-flex a, .foot-2020-flex a:visited, .foot-2020-flex a:active {color: #fff; font-weight: 400;}
.foot-2020-flex a:hover {text-decoration: underline; color: #f8e900;}
.foot-2020-flex-2 a {padding: 0 10px;}
.foot-2020-flex-2 a:hover {color: #f8e900;}
.foot-2020-flex-3 span {font-weight: 600;}


/* video overlay */

#overlay{align-items:center;backdrop-filter:blur(3px) grayscale(.7);background:rgb(0 0 0 / 70%);display:flex;height:100%;justify-content:center;overflow:hidden;position:fixed;width:100%;z-index:999}
#overlay>div{flex:0 0 100%;text-align:center}
#overlay-video-container{height:auto;margin:0 auto;max-width:800px;padding:30px}
#overlay-video-iframe{height:0;padding-bottom:56.25%;position:relative;width:auto}
#overlay iframe{box-shadow:0 0 15px rgb(0 0 0 / 50%);height:100%;left:0;position:absolute;top:0;width:100%}

/* product tabs (new) */

.jTabs{margin-top:10px}.jTabs-nav{font-size:0;list-style:none;margin:0 auto;padding:0;text-align:center}.jTabs-nav li{background:#f3f3f3;border:1px solid #d7d7d7;border-radius:5px 5px 0 0;color:#676767;cursor:pointer;display:inline-block;font-size:18px;font-weight:700;line-height:18px;margin:0 8px;padding:15px;text-decoration:none}.jTabs-nav li.active{background:#07babc;border-color:#159798;color:#fff}.jTabs-nav li:hover{background:#07babc;color:#fff}.jTabs section{border:1px solid #d7d7d7;border-radius:5px;display:none;font-size:18px;line-height:26px;margin:-1px 0 0 0;padding:25px}.jTabs section:first-of-type{display:block}@media only screen and (min-width:0) and (max-width:800px){.jTabs-nav{margin-bottom:5px}.jTabs-nav li{border-radius:5px;display:block;font-size:16px;line-height:16px;margin:3px 5px;padding:6px}.jTabs section{font-size:15px;margin:5px;padding:10px}}


/* BUTTONS */

.blue-btn,
.gray-btn,
.red-btn {
    border: 0;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Public Sans';
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .7px;
    line-height: 1;
    margin-top: 5px;
    outline: 0;
    padding: 15px 25px;

    &:visited {
        color: #fff;
    }
    
    i {
        margin-right: 8px;
    }
}

.blue-btn,
.red-btn {
    &:hover,
    &:visited {
        color: #fff;
    }
    
    &:active {
        box-shadow: inset 0 0 10px 0 rgb(0 0 0 / 40%);
        filter: brightness(1);
    }
}

.blue-btn {
    background: #275bc3;
    
    &:hover {
        background: #467be7;
    }    
}

.gray-btn {
    background: #999;
    color: #ddd;
    cursor: not-allowed;
}

.red-btn {
    background: #b90f0f;
    
    &:hover {
        background: #ed3c3c;
    }
}

/* FORMS */

input[type=date],
input[type=number] {
    font-family: 'Public Sans', sans-serif;
    font-feature-settings: 'tnum';
    max-width: 100%;
}

input[type=date] {
    font-family: 'Public Sans', sans-serif;
    font-size: 14px;
    width: 120px;
}

input[type=number] {
    width: 230px;
    
    &::-webkit-outer-spin-button,
    &::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
}

/* ORDER/AUTOSHIP OVERVIEW  */

#order-wrapper {
    color: #000;
    font-family: 'Public Sans';
    font-size: 15px;
    line-height: 1.6;
    padding-bottom: 40px;

    select {
        background-color: #f3f3f3;
        border: 1px solid #888;
        border-radius: 2px;
        box-shadow: inset 1px 1px 3px rgb(150 150 150 / 30%);
        box-sizing: border-box;
        color: #000;
        cursor: pointer;
        font-family: 'Public Sans';
        font-feature-settings: 'tnum';
        font-size: 15px;
        font-weight: 400;
        height: 38px;
        line-height: 1;
        margin: 0;
        padding: 0 10px;
        
        &:focus {
            background-color: #fff;
            border-color: #275bc3;
            color: #000;
            outline: 0;
        }
    }
}

#order-header,
#order-details {
    background: #e1eaf3;
    border-radius: 5px;
    display: flex;

    &>div {
        flex: 1;
        padding: 15px 0;
        text-align: center;
        
        &:not(:last-child) {
            border-right: 1px solid #fff;
        }
        
        strong,
        div {
            color: #275bc3;
            font-weight: 800;
            margin: 0 4px;
        }
        
        a,
        strong {
            font-feature-settings: 'tnum';
        }
    }
    
    .blue-btn,
    .red-btn {
        padding: 8px 13px;
    }
}

#order-header {
    margin-bottom: 30px;
}

#order-totals {
    padding: 20px;
    
    &>div {
        display: flex;
            font-weight: 500;
        gap: 20px;
        margin: 5px 0;
        
        &.hl {
            color: #275bc3;
            font-size: 16px;
            font-weight: 700;
        }
        
        &>div:first-child {
            flex: 1;
            text-align: right;
        }
        
        &>div:last-child {
            flex: 0 0 150px;
            font-feature-settings: 'tnum';
            text-align: right;
        }
    }
}

/* PAGE ERROR */

.error {
    background: #bb0606;
    border-radius: 5px;
    color: #fff;
    font-family: 'Public Sans';
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 20px;
    padding: 15px 20px;
    
    &:before {
        content: "\f071";
        font-family: 'Font Awesome 5 Free';
        margin-right: 15px;
    }
}

/* DIALOG */

body:has(dialog[open]) {
    filter: blur(5px) grayscale(.8);
    overflow: hidden;
}

dialog {
    border: 0;
    border-radius: 20px;
    box-sizing: border-box;
    box-shadow: 0 0 20px rgb(0 0 0 / 40%);
    color: #000;
    font-family: 'Public Sans';
    font-size: 15px;
    line-height: 1.5;
    max-width: 500px;
    min-width: 400px;
    outline: 0;
    padding: 35px;
    
    h1 {
        color: #275bc3;
        font-size: 21px;
        font-weight: 800;
        line-height: 1;
        margin: 0 0 20px 0;
        padding: 0;
    }

    p {
        margin: 0;
        padding: 0;
    }
    
    .dialog-buttons {
        margin-top: 30px;
        text-align: right;
        
        button+button {
            margin-left: 10px;
        }
    }
    
    &&::backdrop {
        background: rgb(100 100 100 / 50%);
    }
}

/* MOBILE */

@media screen and (max-width:800px) 
{
    dialog {
        max-width: 95%;
        min-width: 95%;
    }
    
    #order-details,
    #order-header {
        flex-direction: column;
        padding: 5px 0;
        
        &>div {
            padding: 5px 0;
        }
    }
    
    #order-header > div {
        padding: 5px 0;
    }
    
    #order-details > div {
        padding: 10px 0;
    }
    
    .dialog-buttons {
        text-align: center;
        
        button {
            margin: 0 8px;
            padding: 15px 16px;
        }
    }    
}

/* where to buy */

#resellers-filter{background:#e7ebef;border-radius:5px;color:#10467c;font-weight:700;font-size:15px;line-height:36px;margin:10px 0;padding:10px 30px;text-align:center}#resellers-filter select{font-family:inherit;font-size:14px;font-weight:600;margin:0 0 0 15px;outline:0;padding:4px}#resellers-filter select:hover{background:#f4faff}.reseller{display:block;background:#e7ebef;margin-bottom:7px;padding:20px 30px;border-radius:5px}.reseller-left{float:left;text-align:left;width:74%}.reseller-company{color:#10467c;font-size:18px;font-weight:700;margin-bottom:5px}.reseller-left div:not(.reseller-company){font-size:14px;line-height:22px}.reseller-right{float:right;width:25%}.reseller-right a{border-radius:3px;color:#fff;display:block;font-size:15px;font-weight:500;line-height:15px;margin-bottom:7px;padding:6px 0;text-align:center;text-transform:uppercase}.reseller-right a:hover{filter:brightness(1.15)}.reseller-phone{background:#5c7a98}.reseller-website{background:#d29f3c}.reseller-email{background:#60964a}@media only screen and (min-width:0) and (max-width:800px){.reseller{width:90%;padding:10px}.reseller-left{text-align:left;width:100%;float:none}.reseller-company{margin:0 0 10px}.reseller-right{float:none;width:100%;margin-top:10px}.reseller-right a{margin:7px 0 0}}

/* auto-generated forms */

.form_section{padding:20px 10px;margin:0 0 15px 0;border-top:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;}#form_section_1{background:#f7f7f7}#form_section_2{background:#fff5eb}#form_section_3{background:#eaffff}#form_section_4{background:#f1ffef}#form_section_5{background:#f8eeff}.form_section_header{color:#979797;font-weight:700;font-size:18px;font-style:italic;padding:0 0 15px 0}.form_field_label{padding:10px 0 10px 0;font-weight:700}.form_field_required{color:#1c7ec9;font-weight:700}.form_field{clear:both;padding:0 0 20px 0}.form_field_option input[type=email],.form_field_option input[type=password],.form_field_option input[type=text]{padding:5px;border:1px solid #d1d1d1;width:96%;margin:7px 0 0 0}.form_field_option textarea{padding:5px;border:1px solid #d1d1d1;width:96%;margin:7px 0 0 0;height:150px}.form_field_option select{padding:5px;border:1px solid #d1d1d1;width:96%;margin:7px 0 0 0}.form_field_option input[type=radio]{padding:5px;border:1px solid #d1d1d1;width:15px;height:15px;margin:10px 10px 10px 0}.form_field_option input[type=checkbox]{padding:5px;border:1px solid #d1d1d1;width:15px;height:15px;margin:10px 10px 10px 0}.form_submit{margin-top:10px;text-align:left}.expand{cursor:pointer}.form{margin-bottom:10px}.field-error{background-color:rgba(218,0,0,.1)!important;border:1px solid #c00!important}

.product-button-for-shopify {
  font-size:20px;
  text-transform: uppercase;
  padding: 15px 20px;
  border-width:1px;
  color:#fff !important;
  border-color:rgba(255, 195, 67, 1);
  font-weight:bold;
  border-top-left-radius:7px;
  border-top-right-radius:7px;
  border-bottom-left-radius:7px;
  border-bottom-right-radius:7px;
  text-shadow: 1px 1px 0px rgba(179, 143, 67, 1);
  background:rgba(236, 161, 0, 1);
  margin: 0 0 0 10px;
  display: inline-block;
}
.product-button-for-shopify:hover {text-decoration: none !important; background: rgba(255, 182, 24, 1);}