/*
Theme Name: My Natesto
Author: Carling
Author URI: https://carlingcom.com
*/


html, body { height: 100%; }
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;/* -webkit-font-smoothing: antialiased; */ }
body { background-color: #0a3371; background-image: url(assets/images/bg.png); background-repeat: no-repeat; background-position: center 43px; color: #FFF; }
a, a:visited, a:hover, a:active { color: #FFF; }
.clear { clear: both; }
.clear-cookie { cursor: pointer; }
top { display: block; height: 40px; }
nav { display: block; width: 965px; margin: 0 auto; }
nav.fr { width: 1030px; }
#logo { float: left; position: relative; z-index: 101; }
.resource h4 { font-size: 18px !important; }
table.natest.up {
    margin-left: 17em;
}
@media only screen and (min-width : 991px) {
.menu-main { margin: 0; padding: 0; }
.menu-main li { margin: 0; padding: 0; list-style: none; }
/*.menu-main li a { font-size: 10px; line-height: 12px; color: #ffffff; font-family: 'dinotBold', Arial, sans-serif; text-transform: uppercase; display: block; float: left; padding: 11px 7px 9px 7px; border-left: 3px solid #2e4c7e; border-right: 3px solid #082550; border-top: 3px solid #0b2d65; border-bottom: 3px solid #0b2d65; letter-spacing: 0.2px; }
*/
.menu-main li a { font-size: 11px; line-height: 14px; color: #ffffff; text-transform: uppercase; display: block; background: #2e4c7e; float: left; text-align: center; padding: 7px 15px 8px 15px; border-right: 1px solid rgba(255, 255, 255, 0.45); letter-spacing: 0.2px; min-height: 43px;text-decoation:none !important; }
body.ie .menu-main li a { font-size: 9px; }
/*.menu-main li a:hover, .menu-main li.current_page_item a { background: #385d93; border-top: 3px solid #36598d; border-right: 3px solid #08295a; border-bottom: 3px solid #446799; border-left: 3px solid #5a79a6; text-decoration: none; }*/
.menu-main li a:hover, .menu-main li a:active, .menu-main li.current_page_item a, .menu-main li:last-child a:hover { background: #385d93 !important; border-right: 1px solid rgba(255, 255, 255, 0.45); text-decoration: none !important; }
.menu-main li:last-child a { border-right: none !important;text-decoation:none !important; }
.menu-main li a:visited, .menu-main li a:focus  {text-decoration:none !important;}

}

@media only screen and (max-width : 991px) {
nav, nav.fr { width: auto; }
.menu-main { width: auto; max-width: auto; min-width: auto; position: absolute; width: 100%; top: 42px; z-index: 100; margin: 0; padding: 0; display: none; }
.menu-main li { display: block; border: none; border-top: 1px solid #f0f0f0; padding: 0; }
.menu-main li a { background-color: #0a3371; color: #FFF; display: block; padding: 11px 12px 7px 12px; font-family: 'dinotBold', Arial, sans-serif; }
.menu-main li a:hover { color: #FFF; text-decoration: none; }
.menu-main li.current-menu-item a { background-color: #385d93; }
.menu-main li.current-page-ancestor a, #menu-main li.current-menu-item a { border-bottom: none; }
#about-nat table.up {
    margin-left: 15em;
}
}
.monograph { float: left; width: 136px; height: 57px; background-image: url(assets/images/green_ribbon.png); background-repeat: no-repeat; background-size: cover; cursor: pointer; text-align: center; font-size: 11px; line-height: 13px; text-transform: uppercase; padding-top: 15px; position: relative; z-index: 101; margin-left: -4px; }


#lang { float: left; margin: 9px 0 0 8px; }
wrap { min-height: 100%; display: block; margin-bottom: -125px; }
wrap:after { content: ""; display: block; }
footer, wrap:after { height: 180px; }
footer { background: #FFF; display: block; color: #000; height: auto; }
footer-inner { display: block; width: 980px; margin: 0 auto; padding: 35px 0 20px 0; }
footer #logo-footer { float: left; }
footer #logo-acerus { float: right; }
footer .copy { width: 600px; float: left; font-size: 10px; margin: 0 0 0 20px; }

@media only screen and (max-width : 991px) {
wrap { margin-bottom: auto; }
footer, wrap:after { height: auto; }
footer-inner { width: auto; padding-left: 20px; padding-right: 20px; }
footer #logo-footer, footer #logo-acerus { float: none; margin: 10px auto; display: block; }
footer .copy { width: auto; text-align: center; margin: 0; float: none; }
.resource h4 { font-size: 16px !important; }
.table-responsive { overflow-x: inherit !important; }
}
.menu-footer { margin: 0; padding: 0; }
.menu-footer li { margin: 0 10px 10px 0; padding: 0; list-style: none; display: inline-block; font-size: 11px; }
.menu-footer li a { }
.bottom-space { height: 40px; }
.disclaimer { text-transform: uppercase; font-size: 11px; text-align: center; margin: 5px 0; color: #3f97d9; }
.sm-text { font-size: 9px; line-height: 12px; }
/** General **/

input, select { color: #000; }
input[type=submit] { min-width: 140px; }
/** Page **/

.container { max-width: 850px; }
box { display: block; background-color: #7989a1; padding: 20px; position: relative; }
box a { text-decoration: underline; }
box .button { text-decoration: none; }
hr { border-top: 1px solid #FFF; height: 0; background: none; margin: 0; }
h1 { color: #ffffff; font-family: 'dinotBold', Arial, sans-serif; font-size: 60px; line-height: 60px; text-transform: uppercase; margin: 30px 0 0 0; }
h2 { font-size: 21px; line-height: 26px; color: #ffffff; font-family: 'dinotReg', Arial, sans-serif; margin: 10px 0 20px 0; }
main { display: block; width: 980px; margin: 0 auto; }

@media only screen and (max-width : 991px) {
.container { max-width: none; }
main { width: auto; }
}
text { display: block; margin: 30px auto 20px auto; }
.vid-thumb { max-width: 100%; margin: 0 auto; display: block; }
.vid-text { margin: 20px 0; }
.icon { margin: 20px 0 0 0; cursor: pointer; }
.icon a { font-size: 12px; color: #FFF; text-transform: uppercase; }
.icon-img { float: left; }
.icon-text { float: left; border-left: 1px solid #FFF; height: 45px; margin: 0 0 0 20px; padding: 7px 0 0 20px; }
/* Products */

.slider img { width: 100%; }
/* Webinars */



.trips { margin: 0 0 20px 0; background-color: #FFF; color: #333; padding: 20px; }
.trip-text { text-align: center; margin-bottom: 30px; }
.trip-text p { margin: 0 0 12px 0; }
.trips h2 { color: #333; margin: 0; padding: 0 25px; background-color: #FFF; position: relative; top: -8px; display: inline-block; }
.trips hr { border-top: 1px solid #333; position: relative; top: 8px; }
.trip p { text-transform: uppercase; font-weight: 600; }
.trips .col-sm-4 { border: 1px solid #CCC; border-right: none; height: 175px; position: relative; }
.trips .col-sm-4.trip-fr { height: 190px; }
.trips .col-sm-4:last-child { border: 1px solid #CCC; }

@media only screen and (max-width : 767px) {
.trips .col-sm-4 { border: 1px solid #CCC; border-bottom: none; }
.trips .col-sm-4:last-child { border: 1px solid #CCC; }
#hypogonadism table, #about-nat table { width: 100% !important; margin-bottom: 0px !important; }
.hypo img, #about img, #patient-save img { width: inherit !important; }
#back-to-top { bottom: 25px !important; right: 10px !important; }
#back-to-top img { width: 75%; }
.steep-img { padding: 20px 0px 15px !important; text-align: center !important; }
.steep { padding: 0px 15px 0 !important; text-align: center; }
p.prepare { padding-top: 0px !important; }
p.tip { width: 100% !important; }
.resource .img-resource {
    height: auto !important;
}
.hypo h2 { font-size: 32px !important; line-height: 40px !important; }
.page .col-sm-12 text h1 sup, .hypo h2 sup {
    font-size: 20px !important;
    top: -15px !important;
}
#about-nat table.up {
    margin-left: 0;
}
.resource h4 {
    font-size: 15px !important;
}
}
@media only screen and (max-width : 500px) {
.monograph { width: 75px; height: 33px; font-size: 8px; line-height: 10px; padding: 4px 8px; left: -15px; }
#logo img { width: 75%; }
#lang { margin: 9px 0 0 0px !important; }
.mobile-icon { width: 20px !important; height: 30px !important; }
.hypo h2 { font-size: 20px !important; line-height: 30px !important; }
.hypo img, #about img, #patient-save img { margin: auto; text-align: center; vertical-align: middle; float: none !important;; display: initial !important;width: inherit !important; }
.resource .img-resource {  height: auto !important;;
}
.page .col-sm-12 text h1 sup, .hypo h2 sup { font-size: 13px !important;; top: -8px !important;; }
p.pic_new {
    text-align: center;
}
#about-nat table.up {
    margin-left: 0;
}
.resource h4 {
    font-size: 12px !important;
}
footer .copy {
    font-size: 9px;

}
}
.trip { padding: 25px 0; font-size: 12px; text-align: center; }
.hexagon { position: absolute; top: -11px; left: 50%; width: 36px; height: 20.21px; background-color: #01733c; margin: 0 0 0 -18px; }
.hexagon:before, .hexagon:after { content: ""; position: absolute; width: 0; border-left: 17.5px solid transparent; border-right: 17.5px solid transparent; }
.hexagon:before { bottom: 100%; border-bottom: 10.10px solid #01733c; }
.hexagon:after { top: 100%; width: 0; border-top: 10.10px solid #01733c; }
.hex { color: #FFF; font-weight: bold; font-size: 16px; text-align: center; position: relative; top: -1px; }
/* Resources */

.resource { padding: 0 20px 60px 20px; text-align: center; }
.resource .img-resource { max-width: 100%; width: auto; height: 200px; display: block; margin: 0 auto; }
.button { background-color: #0b2d65; border-right: 3px solid #2e4c7e; border-left: 3px solid #082550; border-top: 3px solid #0b2d65; border-bottom: 3px solid #0b2d65; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -khtml-border-radius: 4px; font-size: 11px; text-transform: uppercase; font-weight: 500; vertical-align: middle; padding: 5px 15px; margin: 10px 5px 0 5px; outline: none; min-width: 80px; color: #FFF; display: inline-block; cursor: pointer; }
.button .glyphicon { font-size: 13px; margin-left: 6px; }
a.button:hover, a.button:active, a.button:visited { color: #FFF !important; text-decoration: none; }
.get-it { margin-bottom: 17px; display: block; }
/* Forms */

form { position: relative; }
label[for=license] { margin-top: 15px; }
#thank-you { color: #0a3371; text-align: center; padding: 30px; }
#thank-you h4 { font-size: 30px; line-height: 30px; font-weight: bold; font-family: 'dinotReg', Arial, sans-serif; text-transform: uppercase; margin-top: 20px; }
#thank-you hr { border-top: 1px solid #0a3371; }
#loading, .loading { position: absolute; z-index: 1; width: 100%; height: 100%; background-color: #FFF; background-image: url(assets/images/loading-icon.gif); background-repeat: no-repeat; background-position: center center; opacity: 0.4; filter: alpha(opacity=40); left: 0; top: 0; display: none; }

@media only screen and (max-width : 991px) {
.mobile-icon { width: 25px; height: 40px; position: absolute; right: 10px; top: 8px; cursor: pointer; z-index: 1; }
.mobile-icon span { background-color: #FFF; height: 3px; margin: 3px 0; display: block; }
}

.post .button { float: right; }
.post h2 { margin: 0 0 5px 0; }
.post .post-date { width: 48%; float: left; margin-bottom: 15px; }
.post .post-speaker { width: 48%; float: right; margin-bottom: 15px; text-align: right; }
.post hr { margin: 15px 0; }
.hide-form { display: none; }
.hide { display: none; }
#copy-source { z-index: -1; position: absolute; left: 0; top: 0; border: none; background: none; text-indent: 9999px; overflow: hidden; outline: none; }
a.din_number, a.din_number:hover, a.din_number:focus { color: #ffffff; outline: none; }
.hypo h2 { font-size: 50px; font-weight: 600; line-height: 60px;text-transform: uppercase;}
.hypo img, #about img, #patient-save img { vertical-align: middle; float: left; display: block; }
#hypogonadism table, #about-nat table { margin-bottom: 20px; }
#hypogonadism table, #hypogonadism table th, #hypogonadism table td, #about-nat table, #about-nat table th, #about-nat table td, #how-to-use table, #how-to-use table th, #how-to-use table td { border: 2px solid #fff; border-collapse: collapse; }
#hypogonadism table th, #about-nat table th, #how-to-use table th { font-size: 15px; padding: 10px 6px; background: darkgreen; text-align: center; text-transform: uppercase; font-weight: 500; }
#hypogonadism table td, #about-nat table td, #how-to-use table td { font-size: 12px; padding: 10px 15px; background: #ccc; color: #000; }
.hypo h5 { font-size: 16px; float: left; width: 100%; padding: 30px 0 10px; }
p.tip { background: darkgreen; padding: 5px; font-size: 12px; width: 90%; color: #fff !important; }
#about-nat table tr.timing td, #how-to-use tr.timing td { text-align: center; }
#back-to-top { position: fixed; bottom: 40px; right: 40px; z-index: 9999; text-align: center; cursor: pointer; border: 0; border-radius: 2px; text-decoration: none; transition: opacity 0.2s ease-out; opacity: 0; }
#back-to-top img { width: 50px; }
#back-to-top.show { opacity: 1; }
#hypogonadism, #about-nat, #how-to-use, #savings { padding: 0 0 30px; }
#hypogonadism h4, #about-nat h4, #how-to-use h4, #savings h4 { font-size: 24px;}
#how-to { padding-top: 25px; }
p.complete { margin-top: 35px; }
p.space.fist { margin-top: 0; font-size: 14px; }
p.space.fist strong, p.space.top strong { font-size: 16px; font-weight: 500; }
h4.space { margin: 30px 0 10px; font-size: 16px !important; font-weight: 500; }
p.space span { font-size: 14px; }
p.space.top { margin-top: 15px; font-size: 14px; }
p.space.both { margin: 30px 0 10px; }
p.space.btm { font-size: 14px; }
.steep { padding: 30px 0 0 40px; }
p.prepare { padding-top: 0; }
.steep-img { padding: 0 0px 30px; text-align: right; }
.d-card { margin-right: 25px; }
#patient-save ul, #patient-save ol { padding-left: 15px; }
.table-responsive { overflow-x: inherit !important; }
a.download.button { background: #006400; border-color: darkgreen; color: #fff !important; }
#hypogonadism table { width: 100%; }
.hypo img { margin-right: 15px; }
.hypo p { color: rgba(255, 255, 255, 0.80) !important; }
#patient-save ol li { color: rgba(255, 255, 255, 0.70); }
.copy ul.menu-footer { display: none; }
.page .col-sm-12 text hr:first-child { display: none; }
.page .col-sm-12 text h1 sup, .hypo h2 sup { font-size: 22px; top: -1.5em; }
.disclaimer strong { text-transform: uppercase; font-size: 17px; text-align: center; margin: 5px 0; color: #fff; }
.col-sm-12 text h1 sup { font-size: 22px; }
.page-id-267 p { color: rgba(255, 255, 255, 0.70); }
.page-id-267 p strong { color: #fff; font-size: 20px; }
.steep p strong { color: #fff; font-size: 22px; }
.page-id-267 p a { color: rgba(255, 255, 255, 0.70); text-decoration: underline; }
.page-id-267 p a:hover { color: #fff; }
#savings ul li { color: rgba(255, 255, 255, 0.70); }
.page-id-267 .col-sm-12 text hr { display: none; }
.page-id-267 .col-sm-12 text hr.pat { display: block; }

p.space.both strong, p.health strong { font-size: 16px; font-weight: 500; }
h4.space sup { font-size: 12px; top: -1.1em; }
p.health { margin-top: 40px; }
#how-to h5 { font-size: 16px; padding: 30px 0 10px; margin: 0; }
#about h5 { font-size: 16px; padding: 15px 0 10px; margin: 0; }
.page .col-sm-12 text h1 sup.fe {
    top: -3px;
}