html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html {
overflow-y: scroll;
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
a:focus {
outline: none;
}
article,
aside,
nav,
section {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
}
hr {
background-color: #d2d2d2;
border: 0;
height: 1px;
margin: 24px 0;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
}  .entry-content th,
.comment-content th {
background: #f1f1f1;
font-size: 11px;
line-height: 2.181818182;
font-weight: bold;
padding: 7px 14px;
text-transform: uppercase;
color: #636363;
} .wpcf7 sup {color: red;}
.wpcf7 p {margin: 0!important;}
.wpcf7 .flex {margin: 0!important;}
.wpcf7 label {padding: 0 0 2px; display: inline-block;}
.wpcf7-validation-errors {border: 1px solid red; margin: 30px 0; padding: 10px 15px;}
.wpcf7-not-valid-tip {font-size: 0.9em!important; margin: 0 0 10px;}
.wpcf7-form-control-wrap {margin: 0 0 10px;}
.wpcf7-checkbox, .wpcf7-radio {display: block; margin: 0 0 10px;}
button, input, textarea, select {border: 1px solid #aaa; border-radius: 0px; font-family: inherit; margin-right:0%; margin-bottom: 7px; padding: 8px 10px; box-sizing: border-box; width: 100%; outline: none;}
input.wpcf7-file {margin: 0 0 20px;}
input[type="checkbox"], input[type="radio"] {width: auto;}
select {padding: 7px 10px;}
textarea {height: 120px;}
input[type="submit"] {width: auto; outline: none; padding: 8px 20px; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
#searchsubmit {background: #1dab63; border: 0; color: #FFFFFF; min-width: 24%;} input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
border: 0;
border-radius: 0;
padding: 0;
} .entry-content img,
.comment-content img,
.widget img {
max-width: 100%;
} embed,
iframe,
object,
video {
max-width: 100%;
} .alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
max-width: 100%;
padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
font-style: italic;
font-size: 12px;
line-height: 2;
color: #666666;
}
.entry-content dl.gallery-item {
margin: 0!important;
}
.gallery-item a,
.gallery-caption {
width: 100%;
padding: 0 10px 0 0;
box-sizing: border-box;
}
.gallery-item a {
display: block;
}
.gallery-caption a {
display: inline;
}
.gallery-columns-1 .gallery-item a {
max-width: 100%;
width: auto;
}
.gallery .gallery-icon img {
height: auto;
border: 0!important;
}
.gallery-columns-1 .gallery-icon img {
padding: 3%;
} .wp-pagenavi {margin: 50px 0 0;}
.wp-pagenavi .pages {color: #aaa; font-weight: normal; margin-left: 0;}
.wp-pagenavi > span, .wp-pagenavi > a {display: inline-block; margin: 0 8px; font-weight: bold; color: inherit;}
.wp-pagenavi > span.current {color: #aaa;}
#nav-below {border-top: 5px solid #888; margin: 30px 0 0; padding: 15px; background: #f2f2f2; color: rgba(0,0,0,0);}
#nav-below::after {content: ""; display: block; clear: both;}
#nav-below a {display: inline-block; background: #fff; border-radius: 50px; padding: 10px 15px; color: #555; text-decoration: none!important; margin: 0 0 3px;}
#nav-below a:hover {box-shadow: 0 4px 10px rgba(0,0,0,0.1);}
.nav-single {border-top: 5px solid #888; background: #f2f2f2; clear: both; margin: 25px 0 0; overflow: hidden; padding: 12px 15px; font-size: 13px;}
.nav-single h4 {text-align: center;}
.nav-single #ns-next {text-align: right;}
.nav-single .ns-ib {display: inline-block; text-align: center;}
.nav-single a {display: inline-block; background: #fff; border-radius: 50px; padding: 10px 15px; color: #555; text-decoration: none!important; margin: 0 0 3px;}
.nav-single a:hover {box-shadow: 0 4px 10px rgba(0,0,0,0.1);}
.nav-single span {font-size: 12px; letter-spacing: 1px; color: #aaa;}
.nav-single + .comments-area,
#comment-nav-above {
margin: 48px 0;
} .author .archive-header {
margin-bottom: 24px;
}
.author-info {
border-top: 1px solid #ededed;
margin: 24px 0;
padding-top: 24px;
overflow: hidden;
}
.author-description p {
color: #757575;
font-size: 13px;
line-height: 1.846153846;
}
.author.archive .author-info {
border-top: 0;
margin: 0 0 48px;
}
.author.archive .author-avatar {
margin-top: 0;
}  html {
font-size: 90.5%;
}
body {
line-height: 1.5;
font-size: 15px;
font-family: 'Roboto', Arial, sans-serif;
text-rendering: optimizeLegibility;
overflow: hidden;
color: #333;
}
a {
outline: none;
color: #1dab63;
text-decoration:none;
-webkit-transition: .3s;
transition: .3s;
}
a:hover {
text-decoration: underline;
} .widget-area .widget {margin-bottom: 30px; background: #1dab63; padding: 25px 30px 30px; color: #fff; font-size: 14px;}
.widget a {color: #fff;}
.widget a.button {background: #fff; color: #1dab63;}
.widget a.button:hover {background: #d1eedf; color: #333;}
.widget-area .widget:nth-child(even) {background: url(//drna.com/wp-content/uploads/bg-cta-sq.jpg) no-repeat left center / cover; box-shadow: 0 15px 30px rgb(0 0 0 / 15%);}
.widget-area .widget:last-of-type {margin-bottom: 0;}
.widget-area .widget-title {font-size: 20px; margin: 0 0 15px;}
.textwidget p:last-child {margin: 0;}
.widget-area .textwidget ul {list-style: disc outside;}
.widget-area .textwidget li {margin-left: 25px;}
.widget-area #s {
margin-right: -4px;
width: 67.9999%; } .entry-meta {
clear: both;
}
.entry-header img.wp-post-image {
margin-bottom: 24px;
}
.entry-title a {color: inherit; text-decoration: none;}
.entry-header .entry-format {
margin-top: 24px;
font-weight: normal;
}
.entry-header .comments-link {
margin-top: 24px;
font-size: 13px;
line-height: 1.846153846;
color: #757575;
}
.comments-link a,
.entry-meta a {
color: #757575;
}
.comments-link a:hover,
.entry-meta a:hover {
color: #333;
}
.entry-content,
.entry-summary,
.mu_register {
line-height: inherit;
}
.entry-content h1,
.comment-content h1,
h1,
.entry-content h2,
.comment-content h2,
h2,
.entry-header .entry-title,
.entry-content h3,
.comment-content h3,
h3,
.entry-content h4,
.comment-content h4,
h4,
.entry-content h5,
.comment-content h5,
.entry-content h6,
.comment-content h6 {
margin: 0 0 20px;
line-height: 1.2;
}
.entry-content h1,
.comment-content h1,
h1.entry-title,
.archive-title,
.page-title,
.entry-content > h2:first-child {
font-size: 26px;
}
.entry-content h2,
.comment-content h2,
.mu_register h2,
h2.entry-title {
font-size: 22px;
font-weight: bold;
}
.entry-content h2:not(:first-child) {padding-top: 15px;}
.entry-content h3,
.comment-content h3,
h3 {
font-size: 20px;
}
.entry-content h4,
.comment-content h4,
h4:not(.widget-title) {font-size: 17px; line-height: inherit; border-left: 5px solid #1eaa62; padding: 0 0 0 15px;}
.entry-content h5,
.comment-content h5 {
font-size: 16px;
}
.entry-content h6,
.comment-content h6 {
font-size: 14px;
}
.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p,
p {
margin: 0 0 20px;
line-height: inherit;
}
p:last-child {margin: 0;}
.entry-content ol,
.comment-content ol,
.entry-content ul,
.comment-content ul,
.mu_register ul {
margin: 0 0 20px;
}
.entry-content ol:last-child, .entry-content ul:last-child {margin-bottom: 0;}
.entry-content ul ul,
.comment-content ul ul,
.entry-content ol ol,
.comment-content ol ol,
.entry-content ul ol,
.comment-content ul ol,
.entry-content ol ul,
.comment-content ol ul {
margin-bottom: 0;
}
.entry-content ul,
.comment-content ul,
.mu_register ul {
list-style: disc outside;
}
.entry-content ol,
.comment-content ol {
list-style: decimal outside;
}
.entry-content li,
.comment-content li,
.mu_register li {
margin: 0 0 0 25px;
}
.entry-content blockquote,
.comment-content blockquote {
background: #f8f8f8;
border-left: 4px solid #D6D6D6;
border-right: 4px solid #D6D6D6;
border-radius:14px;
margin-bottom: 24px;
padding: 24px;
font-style: italic;
}
.entry-content blockquote p:last-child,
.comment-content blockquote p:last-child {
margin-bottom: 0;
}
img.alignleft {margin: 0 15px 10px 0;}
img.alignright {
margin: 12px 0 12px 24px;
}
img.aligncenter {
margin-top: 12px;
margin-bottom: 12px;
}
.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
margin-bottom: 15px;
}
.entry-content dl,
.comment-content dl {
margin: 0 24px;
}
.entry-content dt,
.comment-content dt {
font-weight: bold;
}
.entry-content dd,
.comment-content dd {
margin-bottom: 24px;
}
.entry-content table,
.comment-content table {
margin: 0 0 20px;
width: 100%;
}
.entry-content table caption,
.comment-content table caption {
font-size: 16px;
margin: 24px 0;
}
.entry-content td,
.comment-content td {
vertical-align: top;
padding: 0 5px;
}
.blog article {margin: 0 0 30px; background: #fff; padding: 30px 30px 30px calc(35% + 30px); box-shadow: 0 10px 20px rgb(0 0 0 / 3%); position: relative;}
.blog article::after {content: " "; display: block; clear: both;}
.blog article p {line-height: 1.3;}
.blog article img {margin: 0; position: absolute; left: 0; top: 0; width: 35%; height: 100%; object-fit: cover;}
.blog article .read-more {display: block; margin: 10px 0 0;}
.blog article .read-more a {display: inline-block; color: #333; font-weight: bold; text-decoration: none; border-bottom: 2px solid #1dab63;}
.blog article .read-more a:hover {color: #1dab63;}
.single img.attachment-post-thumbnail {float: right; margin-left: 15px; max-width: 45%; height: auto;}
h2.entry-title {font-size: 20px;}
footer.entry-meta {
margin-top: 24px;
font-size: 13px;
line-height: 1.846153846;
color: #757575;
}
.entry-meta > span a {
color: #333333;
padding: 2px;
text-decoration:none;
} .archive-meta {
color: #757575;
font-size: 12px;
line-height: 2;
margin-top: 22px;
} .article.attachment {
overflow: hidden;
}
.image-attachment div.attachment {
text-align: center;
}
.image-attachment div.attachment p {
text-align: center;
}
.image-attachment div.attachment img {
display: block;
height: auto;
margin: 0 auto;
max-width: 100%;
}
.image-attachment .entry-caption {
margin-top: 8px;
} .comments-title {
margin-bottom: 48px;
font-size: 16px;
line-height: 1.5;
font-weight: normal;
}
.comments-area article {
margin: 24px 0;
}
.comments-area article header {
float:left;
margin: 0 15px 0 15px;
overflow: hidden;
position: relative;
}
.comments-area article header img {
float: left;
padding: 0;
line-height: 0;
}
.comments-area article header cite,
.comments-area article header time {
display: block;
margin-left: 45px;
}
.comments-area article header cite {
font-style: normal;
font-size: 15px;
line-height: 1.42857143;
}
.comments-area article header time {
line-height: 1.714285714;
text-decoration: none;
font-size: 10px;
color: #5e5e5e;
}
.comments-area article header a {
text-decoration: none;
color: #5e5e5e;
}
.comments-area article header a:hover {
color: #21759b;
}
.comments-area article header cite a {
color: #444;
}
.comments-area article header cite a:hover {
text-decoration: underline;
}
.comments-area article header h4 {
position: absolute;
top: 0;
right: 0;
padding: 6px 12px;
font-size: 12px;
font-weight: normal;
color: #fff;
background-color: #0088d0;
border-radius: 3px;
border: 1px solid #007cbd;
}
.comments-area li.bypostauthor cite span {
position: relative;
margin-left: 5px;
padding: 2px 5px;
font-size: 10px;
}
a.comment-reply-link,
a.comment-edit-link {
color: #686868;
font-size: 13px;
line-height: 1.846153846;
}
a.comment-reply-link:hover,
a.comment-edit-link:hover {
color: #21759b;
}
.commentlist .pingback {
line-height: 1.714285714;
margin-bottom: 24px;
} #respond {
margin-top: 30px;
}
#respond h3#reply-title {
font-size: 16px;
line-height: 1.5;
}
#respond h3#reply-title #cancel-comment-reply-link {
margin-left: 10px;
font-weight: normal;
font-size: 12px;
}
#respond form {
margin: 24px 0;
}
#respond form p {
margin: 11px 0;
}
#respond form p.logged-in-as {
margin-bottom: 24px;
}
#respond form label {
display: block;
line-height: 1.714285714;
}
#respond form input[type="text"],
#respond form textarea {
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
line-height: 1.714285714;
padding: 10px;
width: 100%;
}
#respond form p.form-allowed-tags {
margin: 0;
font-size: 12px;
line-height: 2;
color: #5e5e5e;
} .below-title-meta{color:#aaa; font-size: 12px; margin: 0 0 20px;}
.below-title-meta a{color: inherit; text-decoration:none;} @media screen and (min-width: 850px) {
.site {
margin: 0 auto;
max-width: 1024px;
}
body.template-front-page .site-content,
body.single-attachment .site-content,
body.full-width .site-content {
width: 100%;
margin: 0;
} .themonic-nav {text-align: center;}
.themonic-nav ul {margin: 0; padding: 0; text-indent: 0;}
.themonic-nav li {display: inline-block; position: relative; -webkit-transition: .3s; transition: .3s;}
.themonic-nav li a {text-decoration: none; display: block;}
.themonic-nav .sub-menu {position: absolute; top: 100%; left: 7px; z-index: 10; -webkit-transition: .5s; transition: .5s;}
.themonic-nav .sub-menu .sub-menu {left: 100%; top: 0; -webkit-transform: none; transform: none;} .themonic-nav .nav-menu {display: flex;}
.themonic-nav .nav-menu > li {flex-grow: 1; padding: 12px 0;}
.themonic-nav .nav-menu > li:first-child {flex-grow: 0; padding-right: 3%;}
.themonic-nav .nav-menu > li:last-child {flex-grow: 0; padding-left: 3%;}
.themonic-nav .nav-menu > li > a {display: inline-block; line-height: 2.2; color: #303030; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; position: relative;}
.themonic-nav .nav-menu > li > a:hover {color: #1dab63;}
.themonic-nav .nav-menu > li.menu-item-has-children > a:before {content: ""; position: absolute; right: -12px; top: 50%; width: 6px; height: 6px; background: url(//drna.com/wp-content/uploads/ico-nav-down.png) no-repeat center center / contain; transform: translate(0,-50%);}
.themonic-nav .nav-menu > li.current-menu-item > a:after {content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #1dab63;}
.themonic-nav .sub-menu {max-height: 0; overflow: hidden; -webkit-transition: .5s; transition: .5s; background: #fff; text-align: left;}
.themonic-nav .nav-menu li:hover > .sub-menu {max-height: 210px; padding: 6px 0;}
.themonic-nav .nav-menu li#menu-item-86:hover > .sub-menu {max-height: 310px;}
.themonic-nav .sub-menu > li {}
.themonic-nav .sub-menu > li > a {font-size: 15px; color: #303030; font-weight: 500; line-height: 1.4; padding: 4px 20px; margin: 0 0 5px; width: 175px; position: relative;}
.themonic-nav .menu-item-86 .sub-menu > li > a {width: 265px;}
.themonic-nav .sub-menu > li > a:after {content: ""; display: block; position: absolute; right: 8px; top: 5px; width: 3px; height: 0; background: #1dab63; border-radius: 50px; -webkit-transition: .3s; transition: .3s;}
.themonic-nav .sub-menu > li > a:hover {color: #1dab63;}
.themonic-nav .sub-menu > li > a:hover:after {height: calc(100% - 10px);}
.themonic-nav .sub-menu .sub-menu > li > a {background: #e9e9e9;}
.themonic-nav .sub-menu .sub-menu > li > a:hover {background: #ddd;}
}
#page-wrap {padding: 0 15px; background: #f6f6f6;}
#main {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.site-content {margin: 0; padding: 50px 0;  box-sizing: border-box; flex-grow: 1;}
.widget-area {margin: 0 0 0 25px; padding: 50px 0 50px 25px; width: 33%; box-sizing: border-box; flex-shrink: 0;}
.entry-content > div:not(:last-child):not(.full):not(.expand):not(.collapse) {margin-bottom: 20px;}
.entry-content img {border-bottom: 5px solid; border-image: linear-gradient(to right, #1dab63, #1c59a5) 1; background: linear-gradient(to right, #1dab63, #1c59a5);}
.landing .entry-content img {border: 0; border-image: none; background: none;}
img {max-width: 100%;}
.video-wrap {position: relative; padding: 56.25% 0 0; width: 100%; margin: 0 0 20px;}
.video-wrap iframe {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.assistive-text {display: none;}
.delay0-1 {-webkit-animation-delay: .1s; -moz-animation-delay: .1s; -ms-animation-delay: .1s; -o-animation-delay: .1s; animation-delay: .1s;}
.delay0-2 {-webkit-animation-delay: .2s; -moz-animation-delay: .2s; -ms-animation-delay: .2s; -o-animation-delay: .2s; animation-delay: .2s;}
.delay0-3 {-webkit-animation-delay: .3s; -moz-animation-delay: .3s; -ms-animation-delay: .3s; -o-animation-delay: .3s; animation-delay: .3s;}
.delay0-4 {-webkit-animation-delay: .4s; -moz-animation-delay: .4s; -ms-animation-delay: .4s; -o-animation-delay: .4s; animation-delay: .4s;}
.delay1-1 {-webkit-animation-delay: .6s; -moz-animation-delay: .6s; -ms-animation-delay: .6s; -o-animation-delay: .6s; animation-delay: .6s;}
.delay1-2 {-webkit-animation-delay: .7s; -moz-animation-delay: .7s; -ms-animation-delay: .7s; -o-animation-delay: .7s; animation-delay: .7s;}
.delay1-3 {-webkit-animation-delay: .8s; -moz-animation-delay: .8s; -ms-animation-delay: .8s; -o-animation-delay: .7s; animation-delay: .8s;}
.delay1-4 {-webkit-animation-delay: .9s; -moz-animation-delay: .9s; -ms-animation-delay: .9s; -o-animation-delay: .5s; animation-delay: .9s;}
.delay2-1 {-webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; -ms-animation-delay: 1.1s; -o-animation-delay: 1.1s; animation-delay: 1.1s;}
.delay2-2 {-webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -ms-animation-delay: 1.2s; -o-animation-delay: 1.2s; animation-delay: 1.2s;}
.delay2-3 {-webkit-animation-delay: 1.3s; -moz-animation-delay: 1.3s; -ms-animation-delay: 1.3s; -o-animation-delay: 1.3s; animation-delay: 1.3s;}
.delay2-4 {-webkit-animation-delay: 1.4s; -moz-animation-delay: 1.4s; -ms-animation-delay: 1.4s; -o-animation-delay: 1.4s; animation-delay: 1.4s;}
a[href$=".jpg"], a[href$=".jpeg"], a[href$=".png"], a[href$=".gif"], a[href$=".webp"] {cursor: zoom-in;}
.compensate-for-scrollbar {margin: 0!important;}
.fancybox-content-wrap {display: none;}
.fancybox-slide--html .fancybox-content {max-width: 750px; max-height: 75vh; min-height: 300px;}
#aurora-nav-btn {padding: 15px 0 7px; width: 100%;}
.limit {max-width: 1024px; margin: 0 auto;}
.limit-sm {max-width: 800px; margin: 0 auto;}
.limit-sm2 {max-width: 705px; margin: 0 auto;}
.limit-xsm {max-width: 550px; margin: 0 auto;}
.clear {clear: both;}
.flex {display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
.entry-content .flex:not(:last-child),
.widget-area .flex:not(:last-child) {margin-bottom: 20px;}
.flex.rows {flex-flow: row wrap; width: 102%; margin-left: -1%;}
.flex.rows.p1 {flex-flow: row wrap; width: 103%; margin-left: -1.5%;}
.flex.rows.p2 {flex-flow: row wrap; width: 104%; margin-left: -2%;}
.flex.rows.p3 {flex-flow: row wrap; width: 105%; margin-left: -2.5%;}
.flex.rows.p4 {flex-flow: row wrap; width: 106%; margin-left: -3%;}
.flex.rows.p5 {flex-flow: row wrap; width: 107%; margin-left: -3.5%;}
.flex.rows.p6 {flex-flow: row wrap; width: 108%; margin-left: -4%;}
.flex.middle {-webkit-align-items: center; align-items: center;}
.flex.bottom {-webkit-align-items: flex-end; align-items: flex-end;}
.sub-cols > div,
.sub-col {display: flex; flex-flow: column; justify-content: space-between;}
.sub-cols > div > div:not(:last-child),
.sub-col > div:not(:last-child) {margin: 0 0 20px;}
.sub-col.sa {justify-content: space-around;}
.flex > * {flex-grow: 1; box-sizing: border-box; margin: 0 1%;}
.flex.rows > * {margin-bottom: 15px!important;}
.flex.f1 > * {flex: 1;}
.flex .f0 {flex-grow: 0; flex-shrink: 0;}
.flex .f34 {width: 73%; margin: 0 1%;}
.flex .f23 {width: 64.66%; margin: 0 1%;}
.flex .f2 {width: 48%; margin: 0 1%;}
.flex .f3 {width: 31.33%; margin: 0 1%;}
.flex .f4 {width: 24%; margin: 0 0.5%;}
.flex .f5 {width: 19%; margin: 0 0.5%;}
.flex .f40 {width: 38%; margin: 0 1%;}
.flex .f45 {width: 43%; margin: 0 1%;}
.flex .f55 {width: 53%; margin: 0 1%;}
.flex .f60 {width: 58%; margin: 0 1%;}
.flex.p1 > * {padding: 0 0.5%;}
.flex.p2 > * {padding: 0 1%;}
.flex.p3 > * {padding: 0 1.5%;}
.flex.p4 > * {padding: 0 2%;}
.flex.p5 > * {padding: 0 2.5%;}
.flex.p6 > * {padding: 0 3%;}
.flex:not(.rows).p1 > *:first-child, .flex:not(.rows).p2 > *:first-child, .flex:not(.rows).p3 > *:first-child, .flex:not(.rows).p4 > *:first-child, .flex:not(.rows).p5 > *:first-child, .flex:not(.rows).p6 > *:first-child {padding-left: 0;}
.flex:not(.rows).p1 > *:last-child, .flex:not(.rows).p2 > *:last-child, .flex:not(.rows).p3 > *:last-child, .flex:not(.rows).p4 > *:last-child, .flex:not(.rows).p5 > *:last-child, .flex:not(.rows).p6 > *:last-child {padding-right: 0;}
.flex:not(.rows) > *:first-child {margin-left: 0;}
.flex:not(.rows) > *:last-child {margin-right: 0;}.center {text-align: center;}
.right {float: right; margin-left: 15px;}
img.right {max-width: 45%;}
.left {float: left; margin-right: 15px;}
img.left {max-width: 45%;}
.space li {margin-bottom: 15px;}
.abs-left {position: absolute; left: 0; top: 50%; -webkit-transform: translate(0,-50%); transform: translateY(-50%);}
.abs-right {position: absolute; right: 0; top: 50%; -webkit-transform: translate(0,-50%); transform: translateY(-50%);}
.abs-center {position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translateX(-50%) translateY(-50%);}
.pad {padding: 30px 0;}
.entry-content .pad + .pad {padding-top: 0;}
.entry-content > .pad:last-child {padding-bottom: 0;}
a.button {display: inline-block; text-decoration: none; padding: 12px 30px; background: #1dab63; color: #fff; border-radius: 50px; font-weight: bold; letter-spacing: 1.5px;}
a.button:hover {background: #05839f;}
a.button2 {display: inline-block; color: #333; font-weight: bold; text-decoration: none; border-bottom: 2px solid #1dab63;}
a.button2:hover {color: #1dab63;}
.entry-content .space li {margin: 0 0 15px;}
.entry-content .space li:last-child {margin: 0;}
.arrows li {list-style: none; margin: 0 0 10px 25px; font-weight: 500; position: relative;}
.arrows li:before {content: "\f30b"; font-family: 'Font Awesome 5 Free'; font-weight: bold; color: #05839f; position: absolute; left: -25px; top: 0;}
.checks li {margin: 0; list-style: none; background: url(//drna.com/wp-content/uploads/ico-check2.png) no-repeat left 2px / auto 15px!important; padding: 0 0 0 30px!important;}
.checks-big li {background-color: #fff!important; padding: 20px 25px 20px 60px!important; background-position: 20px 22px!important; margin: 0 0 10px; font-weight: 500;}
.boxes li {list-style: none; margin: 0 0 10px;}
.l-green {color: #7effbd;}
.d-green {color: #1dab63;}
.d-blue {color: #325ebf;}
.sep {display: inline-block; border-right: 1px solid #333; height: 20px; transform: translate(0,20%); padding: 0 0 0 8px; margin: 0 10px 0 0;}
.btn-group a {min-width: 150px; box-sizing: border-box; margin: 0 6px;}
.btn-group span.bg-or {position: relative; display: inline-block; margin: 0 12px;}
.shaded:not(.flex) {background: #fff; padding: 50px 35px; box-shadow: 0 10px 20px rgb(0 0 0 / 5%);}
.shaded.flex > div {background: #fff; padding: 50px 30px; box-shadow: 0 10px 20px rgb(0 0 0 / 5%);}
.blue {background: #cfeaff!important; padding: 60px 50px; margin: 30px 0; box-shadow: 0 10px 20px rgb(0 0 0 / 3%);}
.green {background: #d1eedf!important; padding: 60px 50px; margin: 30px 0; box-shadow: 0 10px 20px rgb(0 0 0 / 3%);}
.full, .full.blue, .full.green {position: relative; width: 100vw; left: 50%; transform: translate(-50%,0); background: #eee; padding: 60px 15px; box-sizing: border-box; margin: 50px 0; box-shadow: none;}
.full:not(.mb0) + .full {margin-top: -50px!important;}
.cta {background: url(//drna.com/wp-content/uploads/bg-cta.jpg) no-repeat center center / cover; color: #fff; padding: 100px 15px;}
.cta2 {background: url(//drna.com/wp-content/uploads/bg-icons.jpg) repeat-x center center / auto 100%; color: #fff; padding: 100px 15px;}
.cta3 {background: url(//drna.com/wp-content/uploads/bg-cta3.jpg) no-repeat center center / cover; padding: 30px; color: #fff;}
.quote {max-width: 675px; font-size: 18px; font-weight: bold; color: #8e8ea3; text-align: center; background: url(//drna.com/wp-content/uploads/ico-quotes2.svg) no-repeat center top / 100px auto; padding: 100px 0 0; margin: 30px auto;}
.quote2 {max-width: 675px; font-size: 18px; font-weight: bold; color: #8e8ea3; text-align: center; margin: 30px auto;}
.q-by {color: #1eaa62; font-weight: bold; font-size: 16px;}
.logo-bg {background: url(//drna.com/wp-content/uploads/ico-logo.jpg) no-repeat left center / auto 90px #d1eedf; padding: 20px 20px 20px 115px; font-size: 16px; font-weight: bold;}
.img-half {display: flex;}
.full.img-half.ih-quote {background: #1dab63; color: #fff;}
.mb0 {margin-bottom: 0!important;}
.mb30 {margin-bottom: 30px!important;}
.mb50 {margin-bottom: 50px!important;}
.mt0 {margin-top: 0!important;}
.mt30 {margin-top: 30px!important;}
.mt50 {margin-top: 50px!important;}
.pb30 {padding-bottom: 30px;}
.pb50 {padding-bottom: 50px;}
.big {font-size: 135%;}
.small {font-size: 13px;}
.z5 {position: relative; z-index: 5;}
.btn-group {white-space: nowrap;}
.btn-group span.bg-or:before {content: ""; position: absolute; left: 50%; top: -1px; transform: translate(-50%, -100%); width: 2px; height: 15px; background: #fff;}
.btn-group span.bg-or:after {content: ""; position: absolute; left: 50%; bottom: -1px; transform: translate(-50%, 100%); width: 2px; height: 15px; background: #fff;}
.full.img-half {padding: 0; background: #fff;}
.img-half > div {flex: 1;}
.iht-inner {max-width: 512px; margin: 0 0 0 auto; padding: 75px 50px 75px 0; box-sizing: border-box;}
.img-half .ih-txt:last-child .iht-inner {margin: 0 auto 0 0; padding: 75px 0 75px 50px;}
.img-half h2:after {content: ""; display: block; width: 65px; height: 2px; background: #1dab63; margin: 15px 0;}
.ih-img {position: relative;}
.ih-img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; border: 0!important;}
.ih-img:after {content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(//drna.com/wp-content/uploads/img-half-element.png) no-repeat right center / auto 190%; z-index: 2;}
.ih-quote .ih-img:after {content: "What others say"; position: absolute; left: 50%; top: 50%; height: auto; width: auto; z-index: 2; text-align: center; font-size: 30px; font-weight: 800; background: url(//drna.com/wp-content/uploads/ico-quotes.svg) no-repeat left center / contain; padding: 5px 0 5px 95px;}
.ih-quote .q-by {color: #c2ffe0;}
.ih-quote .q-by strong {color: #8effc5;}
.cta h2, .cta2 h2 {font-size: 28px;}
.landing .entry-content .cta h3 {color: #fff;}
.cta a.phone {color: #cfeaff;}
.cta2 a.button {background: #4f7fba;}
.cta2 a.button:hover {background: #cfeaff; color: #4f7fba;}
.cta3 a.button {background: #05839f;}
.cta3 a.button:hover {background: #4f7fba;}
.cta3 a:not(.button) {color: #a0f3c9;}
.quote2 h2:after {margin: 15px auto!important;}
.entry-content > .full:first-child {margin-top: -40px;}
.entry-content > .full:last-child {margin-bottom: -40px;}
sup.small {font-size: 55%;}
h2.big {font-size: 26px;}
.boxes li:last-child {margin-bottom: 0;}
.boxes li:before {content: ""; display: inline-block; width: 12px; height: 12px; border: 2px solid #1eaa62; border-radius: 3px; margin: 0 12px -3px 15px;}
.flex > .blue {margin-top: 0; margin-bottom: 0;}
.disc {color: #888; font-size: 12px;}
.staff > div {text-align: center; font-size: 13px; background: #fff; padding: 30px; width: 31%; flex-grow: 0; position: relative; -webkit-transition: .3s; transition: .3s;}
.staff > div:after {content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0; background: linear-gradient(to right, #1dab63, #1c59a5); -webkit-transition: .3s; transition: .3s;}
.staff img {width: 120px; height: 120px; object-fit: cover; border-radius: 200px; border: 0;}
.staff .s-name {font-size: 20px; margin: 0 0 5px; -webkit-transition: .3s; transition: .3s;}
.staff .s-name a {color: #333; text-decoration: none;}
.staff .s-title {font-weight: 500;}
.staff > div:hover {box-shadow: 0 20px 30px rgb(0 0 0 / 7%);}
.staff > div:hover:after {bottom: -8px; height: 8px;}
.staff > div:hover .s-name a {color: #1dab63;}
#header {background: #1dab63; color: #fff; font-size: 17px; padding: 15px;}
#header .limit {position: relative;}
#logo {text-align: center; line-height: 0;}
#logo img {height: 75px;}
#header a, a.phone {font-weight: 700; letter-spacing: 2px; text-decoration: none;}
i.fa-phone-alt {transform: rotate(45deg);}
#header a {color: #fff;}
.soc {font-weight: 700; letter-spacing: 2px;}
.soc a {display: inline-block; text-decoration: none; margin: 0 0 0 15px; font-size: 22px; position: relative; top: 2px;}
#header .soc a {color: #fff;}
#site-nav {padding: 0 25px;}
#banner {background: url(//drna.com/wp-content/uploads/banner.jpg) no-repeat center center / cover; color: #fff; height: 550px; position: relative;}
#banner:after {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background: rgba(46,46,50,0.6);}
#banner .nk-awb {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
#b-over {position: absolute; left: 0; top: 50%; transform: translate(0,-50%); width: 100%; text-align: center; z-index: 3; padding: 0 20px; box-sizing: border-box;}
#b-over h1 {text-transform: uppercase; font-weight: 900; font-size: 35px; letter-spacing: 4px; margin: 0 0 25px;}
#b-over .b-head2 {text-transform: uppercase; font-weight: 900; letter-spacing: 2px; font-size: 20px; line-height: 1.4; margin: 0 0 35px;}
#b-over .b-head2 span, .highlight {display: inline-block; background: #cfeaff; color: #323639; padding: 0 6px; line-height: 1.3; font-weight: 700;}
a.b-btn {display: inline-block; text-decoration: none; background: #1dab63; color: #fff; font-weight: bold; letter-spacing: 1px; padding: 12px 30px; border-radius: 80px;}
a.b-btn:hover {background: #05839f;}
.home-head1 {font-size: 28px; line-height: 1.1!important; font-weight: 900;}
#sub-banner {background: #05839f; color: #fff; padding: 20px 15px;}
#sub-banner .flex > div > div {display: inline-block; vertical-align: middle; text-align: left;}
.sb-ico {line-height: 0;}
#sub-banner .sb-ico img {max-height: 45px;}
#sub-banner .sb-txt {text-transform: uppercase; font-weight: bold; line-height: 1.2; font-size: 14px; letter-spacing: 1.5px; margin: 0 0 0 20px;}
#amal {background: url(//drna.com/wp-content/uploads/bg-amalgam.jpg) no-repeat center center / cover; padding: 35px 15px 15px;}
#am-txt .am-label {background: #1dab63; color: #fff; display: inline-block; text-transform: uppercase; font-weight: bold; padding: 3px 10px 2px; letter-spacing: 1.5px; font-size: 14px; margin: 0 0 12px;}
#am-txt h2 {color: #1dab63; font-size: 28px; font-weight: 900; padding: 0;}
#am-img img {max-height: 400px; background: none; border: 0;}
#amal .disc {padding: 30px 0;}
#why {padding: 75px 15px 0;}
#w-bullets {text-align: center;}
#w-bullets ul {display: inline-block; text-align: left;}
#w-testimonial {line-height: 0; margin-bottom: -30px;}
#w-testimonial img {box-shadow: 0 20px 55px rgb(0 0 0 / 15%);}
#trusted {background: #1dab63; color: #fff;}
#trusted .flex > div {margin: 0;}
#t-header {background: url(//drna.com/wp-content/uploads/bg-trusted2.jpg) no-repeat center center / cover; text-align: right; width: calc(50% - 75px);}
#th-inner {max-width: 460px; margin: 0 0 0 auto; padding: 0 100px; box-sizing: border-box; text-align: left; height: 100%; display: flex; flex-flow: column; justify-content: space-around;}
#t-tests {width: calc(50% + 75px);}
#tt-inner {max-width: 587px; padding: 100px 75px 75px 50px; box-sizing: border-box;}
#th-quotes i {font-size: 80px; margin: 0 0 25px; transform: rotate(-15deg);}
.ttb-logo img {max-height: 34px;}
.ttb-txt {font-size: 14px;}
.ttb-txt strong {color: #a0f3c9;}
#compliance {background: url(//drna.com/wp-content/uploads/bg-compliance.jpg) no-repeat left bottom 50px / auto 70% #fff; padding: 75px 15px 100px;}
#compliance .home-head1 {margin: 0 0 50px;}
.ct-row {border-top: 2px solid #e8e8e8; padding: 20px 0; margin: 0;}
.cth-head {background: url(//drna.com/wp-content/uploads/ico-check.png) no-repeat left top / auto 30px; padding: 5px 0 5px 48px; font-size: 16px; font-weight: 900; text-transform: uppercase;}
.ct-points ul {padding: 0 0 0 30px;}
.ct-points .arrows li:before {color: #1dab63;}
.c-pdf > div {margin: 0;}
.cp-ico {line-height: 0;}
.cp-ico img {max-height: 145px; background: none; border: 0;}
.cp-txt {padding: 0 0 0 30px; font-size: 13px;}
#h-blog {background: #cfeaff; padding: 50px 15px;}
#hb-header {font-size: 16px; line-height: 1.6;}
#hb-header .home-head1 {margin: 0;}
#hbh-inner {padding: 0 50px 0 0;}
#hb-header p.hbh-btn {margin: 40px 0 0;}
.hb-subhead {color: #1dab63; font-size: 24px; font-weight: 900;}
.hb-post {background: #fff; box-shadow: 0 20px 50px rgb(0 0 0 / 15%); margin: 0 3%; padding: 0 20px 20px;}
.hbp-img {position: relative; line-height: 0; padding: 70% 0 0; width: calc(100% + 40px); margin: 0 0 20px -20px;}
.hbp-img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.hb-post h4 {font-size: 17px; line-height: 1.4; margin: 0 0 15px;}
.hbp-excerpt {font-size: 14px;}
.hbp-excerpt .read-more {display: none;}
.hbp-btn {margin: 20px 0 0;}
.home #page-wrap {display: none;}
#banner2 {height: 300px; background: url(//drna.com/wp-content/uploads/banner.jpg) no-repeat center center / cover; padding: 0 15px; position: relative;}
#banner2 .nk-awb {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
#b2-over {width: 100%; text-align: center; color: #fff; z-index: 3; padding: 0 0 35px;}
#b2-over h2, #b2-over h1 {text-transform: uppercase; font-weight: 900; font-size: 35px; letter-spacing: 4px; margin: 0;}
#banner2 #sub-banner {position: absolute; left: 0; bottom: 0; z-index: 3; width: 100%; background: rgba(61,183,234,0.2); padding: 10px 15px; box-sizing: border-box;}
#footer {background: #414042; color: #6f6f71;}
#f-top {text-align: center;}
#f-top #menu-nav {display: flex;}
#f-top .sub-menu {display: none;}
#f-top #menu-nav > li {flex-grow: 1;}
#f-top #menu-nav > li > a {color: #fff; text-transform: uppercase; font-weight: 500; letter-spacing: 1.5px; display: block; padding: 20px 0; text-decoration: none; border-bottom: 1px solid #4b4b4b; font-size: 14px;}
#f-top #menu-nav > li > a:hover {border-color: #fff;}
#f-bottom {padding: 30px 30px 20px; font-size: 14px; box-sizing: border-box;}
#footer .f-head1 {font-weight: bold; color: #b1b1b1; letter-spacing: 1px; font-size: 16px; margin: 0 0 15px;}
#f-bottom a {color: #6f6f71; display: inline-block; padding: 0 0 3px; text-decoration: none;}
#f-bottom a:hover {color: #b1b1b1;}
#f-loc td {padding-bottom: 8px;}
#f-loc td:first-child {color: #b1b1b1; font-weight: bold; padding: 0 15px 0 0;}
#f-loc a {padding: 0;}
#f-soc {text-align: center; flex-grow: 0; white-space: nowrap;}
#f-soc a {margin: 0 10px; color: #fff;}
#f-soc a:hover {color: #a0f3c9;}
#f-disc {font-size: 12px; padding: 25px 15px; border-top: 1px solid #4b4b4b; color: #6f6f71; text-align: left;}
#f-disc .limit-sm {max-width: 830px;}
#f-disc p {margin: 0;}
#bottom {background: #1eaa62; padding: 10px 15px; font-size: 13px; color: #fff;}
#bottom .limit {position: relative;}
#b-logo {text-align: center; line-height: 0;}
#b-logo img {height: 50px;}
#bottom a {color: #a0f3c9; font-weight: 700;}
html#ecwid_html body#ecwid_body .ec-size .ec-store .ec-grid {overflow: visible!important;}
html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--primary .form-control__button {background: #1dab63!important; border-radius: 100px;}
html#ecwid_html body#ecwid_body .ec-size .ec-store .form-control--primary .form-control__button:hover {background: #05839f!important;}
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product--has-shadow .grid-product__shadow {background: none!important;}
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product {background: #fff; border: 3px solid #f6f6f6; -webkit-transition: .3s; transition: .3s;}
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product:hover {box-shadow: 0 10px 30px rgb(0 0 0 / 18%); position: relative; z-index: 2; border-color: #fff;}
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__wrap-inner {height: 100%;}
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__price-value.ec-price-item {color: #1dab63; font-size: 18px!important;}
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__products--medium-items .grid-product__title-inner {font-weight: bold; font-size: 18px; margin: 0 0 10px; color: #333!important;}
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-product__price {margin: auto 0 0!important;}
html#ecwid_html body#ecwid_body .ec-size.ec-size--l .ec-store h2,
html#ecwid_html body#ecwid_body .ec-size.ec-size--l .ec-store h3 {margin: 0 0 20px!important;}
html#ecwid_html body#ecwid_body .ec-size.ec-size--l .ec-store ul.checks {padding: 0;}
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid__categories {justify-content: flex-start!important;}
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-category {background: #fff; border: 3px solid #f6f6f6; width: 33.33%!important; -webkit-transition: .3s; transition: .3s;}
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-category:hover {box-shadow: 0 10px 30px rgb(0 0 0 / 18%); position: relative; z-index: 2; border-color: #fff;}
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-category--has-shadow .grid-category__shadow {background-color: transparent!important;}
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-category__shadow {box-shadow: none!important;}
#ecwid-cart-paypal-placeholder {display: none!important;}
.ec-radiogroup__items {display: none;}
.ec-form__cell.ec-form__cell--6 {width: 100%!important;}
#ecwid-payment-details-paypal-placeholder:before {content: "Select the payment option you'd like below. You can pay with your PayPal account using the yellow button, or click the appropriate credit card button to enter your credit card information."; display: block; margin-bottom: 25px;}
.paypal-button-context-iframe {width: 50%!important;}
.collapseomatic {font-weight: 500; font-size: 16px; margin: 0 0 4px!important; background: url(//drna.com/wp-content/uploads/ico-nav-down.png) no-repeat 18px 19px #fff!important; background-size: 10px auto!important; padding: 10px 20px 10px 44px!important; text-decoration: none!important;}
.collapseomatic_content {background: #fff; margin: -4px 0 4px!important; padding: 15px 30px 30px!important;}
.expand {font-weight: 500; font-size: 16px; margin: 0 0 4px; background: url(//drna.com/wp-content/uploads/ico-nav-down.png) no-repeat 16px 17px #fff; background-size: 10px auto; padding: 12px 20px 12px 40px; cursor: pointer; box-shadow: 0 10px 20px rgb(0 0 0 / 5%);}
.expand h2, .expand h3 {margin: 0; font-size: inherit; font-weight: inherit;}
.expand + .collapse {display: none; margin: 0; padding: 15px 30px 30px; box-shadow: 0 10px 20px rgb(0 0 0 / 3%); background: #fff; margin: -4px 0 4px;}
#fancybox-outer {box-shadow: 0 0 30px rgb(0 0 0 / 30%)!important;}
#fancybox-overlay {background: rgba(0,0,0,0.5)!important;}
.fancypop {display: none;}
.f-pop {max-width: 660px; padding: 30px; box-sizing: border-box!important; font-size: 14px; line-height: 1.6;}
.f-pop p:not(:last-child) {margin: 0 0 15px;}
.fp-head1 {font-size: 26px; font-weight: bold; margin: 0!important;}
.fp-head2 {font-weight: 500; font-size: 16px;}
.fp-head2:after {content: ""; display: block; width: 65px; height: 2px; background: #1dab63; margin: 15px 0;}
#mc_embed_signup .flex > div {margin: 0;}
#mc_embed_signup .flex input {margin: 0; background: transparent; border: 1px solid #fff; color: #fff; border-radius: 50px 0 0 50px; padding: 15px 20px;}
#mc_embed_signup .flex input[type="submit"] {background: #fff; color: #1dab63; font-weight: bold; letter-spacing: 1.5px; border-radius: 0 50px 50px 0;}
#mc_embed_signup ::-webkit-input-placeholder {color: #fff;}
#mc_embed_signup :-ms-input-placeholder {color: #fff;}
#mc_embed_signup ::-moz-placeholder {color: #fff; opacity: 1;}
#mc_embed_signup :-moz-placeholder {color: #fff; opacity: 1;}
.widget #mc_embed_signup .flex input {padding: 10px;}
.landing #header .abs-left, .landing #header .abs-right {display: none;}
.banner-landing #b2-over {padding: 0;}
.banner-landing #b2-over h1 {font-size: 24px; font-weight: 600; letter-spacing: 3px; margin: 0 0 30px;}
.banner-landing .btn-group a {min-width: 175px; padding: 12px; font-size: 16px;}
.banner-landing .btn-group a:hover {background: #fff; color: #1dab63;}
.landing .entry-content h2:after {content: ""; display: block; width: 65px; height: 2px; background: #1dab63; margin: 15px 0;}
.landing .entry-content .center h2:after {margin: 15px auto 0;}
.landing .entry-content h2.big:after {content: none; display: none;}
.landing .entry-content h3 {font-size: 22px; color: #1eaa62;}
.ft-prod {max-width: 700px; margin: 30px auto;}
.ft-prod .ftp-img {text-align: center; width: 30%;}
.ft-prod .ftp-img img {max-height: 240px; max-width: 155px;}
.ft-prod .ftp-txt {width: 70%;}
.rwassured {padding: 50px 0 0; border-bottom: 6px solid #325ebf;}
.rw-img {position: relative; z-index: 1;}
.rw-img img {position: absolute; right: 25px; bottom: -6px; z-index: -1; height: calc(100% + 46px);}
.landing #footer {padding: 40px 15px; color: #fff; background: #3f403f; text-align: center;}
.lf-txt {text-transform: uppercase; font-weight: bold; font-size: 17px; letter-spacing: 2px;}
.landing #footer a.button[href^="tel:"] {padding: 0; background: none; color: #b1ffd7; min-width: 0;}
.landing .entry-content img {border: 0; border-image: none; background: none;}
.bg-faded {position: relative; z-index: 1; line-height: 0;}
.bg-faded img.bgf-img {position: absolute; left: 50%; bottom: 0; z-index: -1; width: 150%; max-width: none; height: 100%; object-fit: contain; object-position: center center; transform: translate(-50%,0);}
.bg-faded img.bgf-label {max-width: 260px;}
.ct-light {background: #fff; padding: 30px; box-shadow: 0 10px 30px rgb(0 0 0 / 25%);}
.logos {background: #fff; box-sizing: border-box;}
.logos.flex > div, .logos .flex > div {margin: 0!important; padding: 18px 15px;}
.logos img {border: 0; max-width: 170px; max-height: 65px;}
.logos .l-wide img {max-width: 212px;}
.logos .l-tall img {max-height: 82px;}
.ft-prod h4 a {color: #333; text-decoration: none;}
.ft-prod h4 a:hover {color: #1dab63;}
#pop-sas {background: url(//drna.com/wp-content/uploads/subscribe-and-save.jpg) no-repeat right top / cover; position: relative; padding: 25px;}
#pop-sas:after {content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
#ps-inner {position: relative; z-index: 2; border: 1px solid rgba(255,255,255,0.5); padding: 50px 50px 30px; text-align: center; color: #fff;}
#ps-head {margin: 0 0 40px;}
.ps-head1 {font-size: 60px; font-weight: 800; line-height: 1;}
#ps-txt {font-size: 20px; margin: 0 auto 50px; text-transform: uppercase; font-weight: 500;}
#ps-form #mc_embed_signup .flex input {font-size: 18px; border-right: 0;}
#ps-form #mc_embed_signup .flex input[type="submit"] {background: #1dab63; color: #fff; border-color: #1dab63; text-transform: uppercase; font-size: 18px;}
#sada-label {display: inline-flex; align-items: flex-end;}
#sl-img {flex-grow: 0; flex-shrink: 0;}
#sl-img img {width: 110px; height: auto;}
#sl-txt {font-size: 204%; text-transform: uppercase; font-weight: 900; padding: 0 0 11.2%; margin: 0 0 0 7%;}
.InApp_kit_frequently {background: #fff!important; padding: 20px!important; box-shadow: 0 10px 20px rgb(0 0 0 / 5%)!important;}
.InApp_kit_frequently .InApp_kit_content_col--action .InApp_kit_content_col--action-price {color: #1dab63!important;}
html#ecwid_html body#ecwid_body .ec-size .ec-store h4 {padding-left: 15px;}
.InApp_kit_content_col--action-buttons {position: relative!important; top: 15px;}
.page-id-80 #banner2 .btn-group span,
.page-id-80 #banner2 .btn-group span + a,
.page-id-80 #footer .btn-group span,
.page-id-80 #footer .btn-group span + a,
.parent-pageid-714 #banner2 .btn-group span,
.parent-pageid-714 #banner2 .btn-group span + a,
.parent-pageid-714 #footer .btn-group span,
.parent-pageid-714 #footer .btn-group span + a {display: none;}
.ecwid-productBrowser-ProductPage-379300903 .details-product-purchase__controls {height: auto !important;}
.ecwid-productBrowser-ProductPage-379300903 .details-product-purchase__controls:before {content: "Please Note: Cartridge 2 is no longer available. This Generic Cartridge 1 is ONLY compatible with the Hg5® Legacy unit and cannot be exchanged or returned without a restocking fee applied."; display: block; font-size: 13px; margin: 10px 0; color: #05839f;}
@media screen and (max-width : 1040px){
body.template-front-page .site-content, body.single-attachment .site-content, body.full-width .site-content {padding: 40px 0; box-sizing: border-box;}
.flex.rows {width: 100%; margin-left: 0;}
.iht-inner {padding: 75px 50px 75px 15px;}
}
@media screen and (max-width : 850px){
#main {display: block;}
.site-content {padding: 30px 0;}
.widget-area {width: 100%; margin: 0; padding: 0 0 30px;}
#banner {height: 500px;}
#b-over h1 {font-size: 30px; letter-spacing: 3px;}
#b-over .b-head2 {font-size: 18px;}
#why {padding: 50px 15px;}
#w-testimonial {margin: 50px 0 0;}
#t-header {width: 50%;}
#th-inner {padding: 0 50px;}
#t-tests {width: 50%;}
#tt-inner {padding: 50px 30px;}
#compliance {background-size: auto 50%;}
#hbh-inner {padding: 0 30px 0 0;}
#banner2 {height: 275px;}
.rw-img img {right: 0; height: calc(100% + 20px);}
.logos.flex > div, .logos .flex > div {padding: 14px 10px;}
.logos img {border: 0; max-width: 150px; max-height: 60px;}
.logos .l-wide img {max-width: 190px;}
.logos .l-tall img {max-height: 68px;}
#sl-img img {width: 78px;}
#sl-txt {font-size: 148%;}
}
@media screen and (max-width : 720px){
.fbreak1 {display: block!important; margin-left: 0; width: 100%;}
.flex.fbreak1.p1 > *, .flex.fbreak1.p2 > *, .flex.fbreak1.p3 > *,
.flex.fbreak1.p4 > *, .flex.fbreak1.p5 > *, .flex.fbreak1.p6 > * {padding: 0;}
.fbreak1 > * {width: 100%!important; margin: 0 0 15px!important;}
.fbreak1 > *.m0, .fbreak1 .m0 ul:last-child {margin-bottom: 0!important;}
.fbreak1 > :last-of-type {margin: 0!important;}
.f4-break {flex-flow: row wrap;}
.f4-break > * {width: 48%!important; flex: auto!important; margin: 0 1% 15px!important;}
.f4-break > *:nth-last-child (-n+2) {margin-bottom: 0!important;}
.img-half {flex-flow: column;}
.iht-inner, .img-half .ih-txt:last-child .iht-inner {max-width: none; padding: 50px 15px;}
.ih-img {flex: auto!important; padding: 45% 0 0;}
#header {font-size: 15px;}
#logo img {height: 60px;}
#banner {height: 420px;}
#sub-banner .sb-ico img {max-height: 35px;}
#sub-banner .sb-txt {font-size: 12px; margin: 0 0 0 15px;}
#am-img img {max-height: 350px;}
.home-head1.empt {display: none;}
#w-bullets ul {display: block; margin: 0 0 20px;}
#w-testimonial {text-align: center;}
#t-header {padding: 30px 15px; margin: 0!important;}
#th-quotes i {font-size: 60px;}
#compliance {background-size: 65% auto;}
#hbh-inner {max-width: 350px; padding: 0; margin: 0 auto 40px; text-align: center;}
.hb-post {margin: 0 2%;}
#f-top {display: none;}
#f-bottom {padding: 30px 15px;}
#bottom {text-align: center;}
#b-logo {margin: 0 0 10px;}
#bottom .abs-left {position: static; transform: none;}
#bottom .abs-right {position: static; transform: none; margin: 12px 0 0;}
#banner2 {height: 235px;}
#b2-over h2, #b2-over h1 {font-size: 30px; letter-spacing: 3px;}
.banner-landing #b2-over h1 {font-size: 22px; letter-spacing: 2px;}
.bg-faded img.bgf-img {position: static; width: 100%; transform: none;}
.quote {background-size: 80px auto; padding: 80px 0 0;}
.logo-bg {background-position: 15px center; padding: 20px 20px 20px 130px;}
.ft-prod .ftp-img img {max-width: 125px;}
.rwassured {padding: 30px 0 0 155px; box-sizing: border-box;}
.rw-img img {right: auto; left: -155px; top: 0; width: 135px; height: auto;}
}
@media screen and (max-width : 575px){
.site-content {padding: 30px 0;}
.single img.attachment-post-thumbnail {float: none!important; display: block; margin: 0 auto 15px!important; max-width: 100%;}
.nav-single, .nav-single #ns-next {text-align: center;}
.nav-single .ns-ib {display: inline;}
.right, .left {float: none; display: block; margin: 0 auto 15px;}
img.right, img.left {max-width: 100%;}
.fbreak2 {display: block!important; margin-left: 0; width: 100%;}
.flex.fbreak2.p1 > *, .flex.fbreak2.p2 > *, .flex.fbreak2.p3 > *,
.flex.fbreak2.p4 > *, .flex.fbreak2.p5 > *, .flex.fbreak2.p6 > * {padding: 0;}
.fbreak2 > * {width: 100%!important; margin: 0 0 15px!important;}
.fbreak2 > *.m0, .fbreak2 .m0 ul:last-child {margin-bottom: 0!important;}
.fbreak2 > :last-of-type {margin: 0!important;}
.f4-break.fbreak2 > *:nth-last-child(2) {margin-bottom: 15px!important;}
a.button {padding: 10px 20px;}
#header {padding: 15px 15px 10px;}
#logo {text-align: left;}
#header .abs-left {transform: none; left: auto; right: 0; top: 5px;}
#header .abs-right {transform: none; top: 25px; letter-spacing: 1px;}
#header a.phone {letter-spacing: 1px;}
#header .soc a {font-size: 20px; margin: 0 0 0 10px;}
#banner {height: 360px;}
#b-over h1 {font-size: 24px; letter-spacing: 2px;}
#b-over .b-head2 {font-size: 16px;}
#b-over .b-head2 br {display: none;}
a.b-btn {padding: 10px 25px; letter-spacing: 0;}
#sub-banner {padding: 15px;}
#sub-banner .flex > div > div {display: block; text-align: center;}
#sub-banner .sb-ico img {max-height: 27px; margin: 0 0 10px;}
#sub-banner .sb-txt {font-size: 12px; margin: 0 0 0 5px; letter-spacing: 0.5px; font-weight: 500;}
.home-head1 {font-size: 24px;}
#amal {padding: 50px 15px;}
#amal .flex > div {flex: auto;}
#am-txt h2 {font-size: 24px;}
#am-img {width: 135px; flex-shrink: 0!important;}
#th-inner {padding: 0 0 0 42%;}
#compliance {padding: 50px 15px; background-position: right bottom 20px;}
#compliance .home-head1 {margin: 0 0 30px;}
.cta {padding: 50px 15px;}
#hb-header p.hbh-btn {margin: 0;}
.hb-post h4 {font-size: 16px;}
#f-bottom {text-align: center;}
#f-loc {margin: 0 auto; text-align: left;}
#banner2 {height: 190px;}
#b2-over h2, #b2-over h1 {font-size: 28px;}
.blog article {padding: 20px 25px 20px calc(35% + 25px);}
h2.entry-title {font-size: 18px; margin: 0 0 12px!important;}
.blog article p {font-size: 0;}
.blog article .read-more {font-size: 14px;}
.btn-group span.bg-or {margin: 0 5px;}
.landing #logo {text-align: center;}
.landing #banner2 {height: 235px;}
.quote {background-size: 50px auto; padding: 55px 0 0;}
.ft-prod .ftp-img img {max-width: 100px;}
.logos.flex > div, .logos .flex > div {padding: 12px 5px;}
.logos img {border: 0; max-width: 136px; max-height: 45px;}
.logos .l-wide img {max-width: 175px;}
.logos .l-tall img {max-height: 60px;}
html#ecwid_html body#ecwid_body .ec-size .ec-store .grid-category {width: 50%!important;}
#sada-label {position: relative; top: -10px;}
#sl-img img {width: 50px;}
#sl-txt {font-size: 96%; padding: 0 0 14%;}
}
@media screen and (max-width : 425px){
.fbreak3 {display: block!important; margin-left: 0; width: 100%;}
.fbreak3 > *, .fbreak3.f4-break > *:nth-last-child(2), .fbreak3.f4-break > *:nth-last-child {width: 100%!important; margin: 0 0 15px!important;}
.fbreak3 > *.m0, .fbreak1 .m0 ul:last-child {margin-bottom: 0!important;}
.fbreak3 > :last-of-type {margin: 0!important;}
#header {padding: 15px 10px 10px;}
#am-img {width: 100px;}
.hb-post {margin: 0 0 30px;}
.hb-post:last-child {margin: 0;}
#banner2 {height: 160px;}
#b2-over h2, #b2-over h1 {font-size: 24px; letter-spacing: 2px;}
#banner2 #sub-banner {padding: 6px 15px;}
.banner-landing #b2-over h1 {font-size: 18px; letter-spacing: 2px;}
.banner-landing .btn-group a {font-size: 14px; min-width: 150px;}
.quote {font-size: 16px;}
.logo-bg {background-size: 75px auto; padding: 20px 20px 20px 112px;}
.ft-prod.middle {align-items: start;}
.ft-prod .ftp-img img {max-width: 88px;}
.ft-prod h4 {font-size: 16px;}
.rwassured {padding: 30px 0 0;}
.rwassured .home-head1 br {display: none;}
.rw-img img {display: none;}
.logos.flex > div, .logos .flex > div {padding: 12px 0;}
.logos img {border: 0; max-width: 120px; max-height: 40px;}
.logos .l-tall img {max-height: 48px;}
.logos .l-wide img {max-width: 165px;}
}.wp-admin .updraftupdatesnotice-yourversiontested {display: none;}