/* ---------------------------------------------------------------- Custom CSS Add all your Custom Styled CSS here for New Styles or Overwriting Default Theme Styles for Better Handling Updates Orange: #eb690b Dark Orange: #c85909 Blue: #00b0ca Light Blue: #7fd7e4 Black: 58595b -----------------------------------------------------------------*/ @font-face { font-family: 'FrutigerLTStd-Light'; src: url('fonts/FrutigerLTStd-Light.eot'); src: url('fonts/FrutigerLTStd-Lightd41d.eot?#iefix') format('embedded-opentype'), url('fonts/FrutigerLTStd-Light.woff2') format('woff2'), url('fonts/FrutigerLTStd-Light.woff') format('woff'), url('fonts/FrutigerLTStd-Light.ttf') format('truetype'), url('fonts/FrutigerLTStd-Light.svg#FrutigerLTStd-Light') format('svg'); font-weight: 300; font-style: normal; } @font-face { font-family: 'FrutigerLTStd-Bold'; src: url('fonts/FrutigerLTStd-Bold.eot'); src: url('fonts/FrutigerLTStd-Boldd41d.eot?#iefix') format('embedded-opentype'), url('fonts/FrutigerLTStd-Bold.woff2') format('woff2'), url('fonts/FrutigerLTStd-Bold.woff') format('woff'), url('fonts/FrutigerLTStd-Bold.ttf') format('truetype'), url('fonts/FrutigerLTStd-Bold.svg#FrutigerLTStd-Bold') format('svg'); font-weight: bold; font-style: normal; } @font-face { font-family: 'FrutigerLTStd-Roman'; src: url('fonts/FrutigerLTStd-Roman.eot'); src: url('fonts/FrutigerLTStd-Romand41d.eot?#iefix') format('embedded-opentype'), url('fonts/FrutigerLTStd-Roman.woff2') format('woff2'), url('fonts/FrutigerLTStd-Roman.woff') format('woff'), url('fonts/FrutigerLTStd-Roman.ttf') format('truetype'), url('fonts/FrutigerLTStd-Roman.svg#FrutigerLTStd-Roman') format('svg'); font-weight: normal; font-style: normal; } /* Whole Site */ a, p, h1, h2, h3, h4, h5, h6 {color: #58595b; margin-bottom: 20px;} body {color: #58595b; font-size: 20px; font-family: 'FrutigerLTStd-Roman'; line-height: 24px;} h1 {font-size: 52px; font-weight: bold; line-height: 60px; margin-bottom: 20px; font-family: 'FrutigerLTStd-Bold';} #home h1 { text-transform: capitalize; } h2 {line-height: 40px; font-size: 36px; color: #58595b; margin-bottom: 20px; font-family: 'FrutigerLTStd-Bold';} h3 {font-size: 26px; margin-bottom: 20px; font-family: 'FrutigerLTStd-Bold'; line-height:30px;} h4 {font-size: 24px; line-height: 26px; margin-bottom: 20px; font-family: 'FrutigerLTStd-Bold';} h5 {font-size: 18px; font-family: 'FrutigerLTStd-Bold'; font-weight: 400;} ul {padding-inline-start: 22px; padding-left: 22px; margin-bottom: 20px;} /*a {color: #6dc261;}*/ a:hover {color: #00b0ca;} main a:hover, .safety-information a:hover {text-decoration: underline !important;} strong, label {font-family: 'FrutigerLTStd-Bold';} section {padding-top: 60px; padding-bottom: 60px;} h1 > span:not(.nocolor):not(.badge), h2 > span:not(.nocolor):not(.badge), h3 > span:not(.nocolor):not(.badge), h4 > span:not(.nocolor):not(.badge), h5 > span:not(.nocolor):not(.badge), h6 > span:not(.nocolor):not(.badge) {color: #58595b;} main ul {list-style: none;} main ul li:before {content: "\2022"; color: #00b0ca; display: inline-block; width: 1em; margin-left: -1em;} main ul.white-hl li:before {color: #ffffff;} main ul ul {list-style: none;} main ul ul li:before {content: "\f111"; color: #eb690b; display: inline-block; width: 19px; line-height: 0; margin-left: -20px; font-family: "Font Awesome 5 Pro"; font-size: 10px; vertical-align: top; padding-top: 11px;} .content li { margin-bottom:5px; } .content li ul { margin-top:20px; } /*table {border: none; margin-bottom: 0px;} tbody {border-color: #6dc261;} table tr:first-child {background-color: #6dc261; font-family:'FrutigerLTStd-Bold'; color: #fff;} td {padding-left: 26px; padding-right: 26px;} table tr:first-child td:not(:first-child):not(:last-child) {border-right: 1px solid #FFF; border-left: 1px solid #fff;}*/ sup {top:-0.1em; vertical-align: super; font-size: 0.45em;} .notes {font-size: 18px; line-height: 22px; font-family:'FrutigerLTStd-Light';} .notes:not(:last-child) {margin-bottom: 0px;} h3.normalFW {font-family: 'FrutigerLTStd-Roman'; font-weight: 400;} .light-gray-line {margin: 0px auto 10px; line-height: 0px; width: 295px; border-bottom: 1px solid #cccccc; max-width: 100%;} .img-responsive {height: auto; width: auto;} ::selection {background: #3297FD !important;} ::-moz-selection {background: #3297FD !important;} .white-hl {color: #fff !important;} .orange-hl, .orange-hl a {color: #C9500A !important;} .orange-hl a:hover {color: #b54809 !important;} .blue-hl {color: #008299 !important;} .red-hl {color: #ff0000;} .green-hl {color: #358729;} .yellow-hl {color: #fcb033;} /*.sticky-isi { display:none; }use for screen shots */ /* PAGE STYLES */ #utility-page section, #sitemap section:not(:last-child) {padding-bottom:0px; } #utility-page h1, #isi h1, #sitemap h1 {margin-bottom:0px; } #isi section:last-child {padding-top: 0px;} /*..... SPACING .....*/ .mt-10 { margin-top:10px !important; } .mt-20 { margin-top:20px !important; } .mt-30 { margin-top:30px !important; } .mt-40 { margin-top:40px !important; } .mt-50 { margin-top:50px !important; } .mt-60 { margin-top:60px !important; } .mb-10 { margin-bottom:10px !important; } .mb-20 { margin-bottom:20px !important; } .mb-30 { margin-bottom:30px !important; } .mb-40 { margin-bottom:40px !important; } .mb-50 { margin-bottom:50px !important; } .mb-60 { margin-bottom:60px !important; } .no-margin { margin: 0px !important;} .no-margin-bottom { margin-bottom: 0px !important;} .no-top-margin { margin-top:0 !important;} .no-bottom-margin { margin-bottom:0;} .no-padding { padding: 0px !important;} .no-top-padding {padding-top:0 !important;} .no-bottom-padding {padding-bottom:0 !important;} .no-bottom-padding {padding-bottom:0 !important;} .pt-10 { padding-top:10px !important; } .pt-20 { padding-top:20px !important; } .pt-30 { padding-top:30px !important; } .pt-40 { padding-top:40px !important; } .pt-50 { padding-top:50px !important; } .pt-60 { padding-top:60px !important; } .pb-10 { padding-bottom:10px !important; } .pb-20 { padding-bottom:20px !important; } .pb-30 { padding-bottom:30px !important; } .pb-40 { padding-bottom:40px !important; } .pb-50 { padding-bottom:50px !important; } .pb-60 { padding-bottom:60px !important; } .align-center-section > .container > .row {-ms-flex-align: center !important; align-items: center !important;} .overflow-60 {margin-top: -60px; margin-bottom: -60px;} main a, #safety-information a {text-decoration: underline !important;} /*..... SECTION BG.....*/ .light-gray-bg {background-color: #f7f7f7; border: 1px solid #ebebeb; border-right:none; border-left:none;} .no-border-top { border-top:0;} .no-border-bottom { border-bottom:0;} /*.light-gray-bg-green-border {background-color: #f9f9f9; border: 1px solid #64b259; border-right: none; border-left: none;}*/ .blue-bg {background-color: #008299 !important;} .orange-bg {background-color: #C9500A;} .bg-cover {background-size: cover;} .bg-cover-y {background-size: auto 100%;} .bg-contain {background-size: contain;} .light-gray-column {background-color: #f9f9f9; border: 1px solid #cccccc; border-radius: 10px; padding: 40px 15px 20px;} /*.green-bg { background-color:#009639; color:#FFFFFF;} .green-bg h1, .green-bg p { color:#ffffff !important; } .green-bg h1 {text-transform: capitalize; } .green-bg .btn.outline{ background-color: transparent; color: #ffffff; border-color: #ffffff; background-image: url(/images/1105/tud-chevron-right.png); } .green-bg .btn.outline:hover {background-color: #fff; color: #39922c; background-image: url(/images/1053/tud-chevron-right-dark.png);}*/ /* Top-Bar */ #top-bar { height: auto; border: none; min-height: 40px; color: #fff; margin-bottom: 0px; line-height: 40px; font-size: 14px; padding: 0px;} #top-bar p, #top-bar a { color:#FFFFFF; } #top-bar p {line-height: 14px; margin-bottom: 0px; font-size: 14px; padding: 13px 0px;} #top-bar p:not(:first-child) { display:none; font-family: 'FrutigerLTStd-Bold'; } #top-bar .top-phrase p:first-child {background-image: url(/images/american-flag.png); background-repeat: no-repeat; background-position: 10px center; padding-left: 54px;} #top-bar .top-phrase { font-family: 'FrutigerLTStd-Bold'; } /*edits 200430 #top-bar .top-phrase img {float: left; margin-top: -2px;}*/ #top-bar .top-phrase span {margin-left: 10px;} #top-bar ul { /*text-align:right;*/ } #top-bar .toplink-wrap { text-align:right; } #top-bar .toplink { text-align: right; display: inline-block; padding: 0; line-height: 40px; margin-bottom:0px; } #top-bar .toplink li:last-child { border:none;} #top-bar .switch-link:first-child li { display: inline; padding: 0px 10px; margin-bottom: 0px; border-right: 1px solid #fff !important; font-family: 'FrutigerLTStd-Bold'; } #top-bar .switch-link:last-child li { display: inline; padding: 0px 10px; margin-bottom: 0px; border-left: 1px solid #fff !important; font-family: 'FrutigerLTStd-Bold'; } #top-bar .top-bar-right-menu li:first-child a { font-family: 'FrutigerLTStd-Bold'; } #top-bar a:hover {color: #FFF; text-decoration:underline !important;} #top-bar li {display: inline; padding: 0px 10px; margin-bottom: 0px; border-right: 1px solid #fff;} /*#top-bar li:last-child {padding-right: 0px; border: none;}*/ /*edit 200430*/ #top-bar .switch-link:first-child li { display: inline; padding: 0px 10px; margin-bottom: 0px; border-right: 1px solid #fff !important; font-family: 'FrutigerLTStd-Bold'; } #top-bar .switch-link:last-child li { display: inline; padding: 0px 10px; margin-bottom: 0px; border-left: 1px solid #fff !important; font-family: 'FrutigerLTStd-Bold'; } #top-bar .top-phrase-wrapper {max-width: fit-content;} /* End Top-Bar */ /* Header */ #primary-menu ul li > a {font-weight: normal; font-family: 'FrutigerLTStd-Roman'; text-transform: none; font-size: 17px; color: #C9500A; line-height: 20px;} #primary-menu ul li:hover > a, #primary-menu ul li.current > a {color: #00b0ca !important;} #primary-menu ul li.head-menu-item > a {padding: 40px 0px; margin-bottom: 0px;} #primary-menu ul li.head-menu-item > a > div {padding: 5px 10px} #primary-menu ul li.sub-menu a.sf-with-ul div:after { font-family: "Font Awesome 5 Pro"; line-height: 12px; content: "\f078"; color: #4e8557; margin-left: 5px; font-weight:300; font-size: 14px; top: -2px; position: relative; } #primary-menu ul li.head-menu-item:last-child > a > div {border-right: 1px solid #ebebeb padding-right: 10px;;} #primary-menu ul li a:hover, #primary-menu ul li.sfHover > a {color: #00b0ca !important;} #primary-menu ul li.sfHover ul a {padding: 10px;} #primary-menu.style-2 {float: right;} #primary-menu ul ul li > a {padding-top:20px; padding-bottom:20px; margin-bottom:0px;} #logo img {height:auto; margin-top: 20px;} #header { height: 161px;} #header-wrap {height: 110px;} #logo {width:315px; margin-right: 0px;} #primary-menu ul ul:not(.mega-menu-column), #primary-menu ul li .mega-menu-content {border-top:solid 6px #00b0ca;} #top-search {margin-top: 48px; margin-bottom:0px; margin-left: 10px;} #top-search form input {font-family: 'FrutigerLTStd-Bold';} #header ul {padding: 0px;} #top-search a {width:21px} #top-search a i {font-size: 18px; top: -6px; color: #C9500A;} #top-search a:hover i {color: #00b0ca;} i.icon-search3:before {content: "\f002"; font-family: "Font Awesome 5 Pro";} #primary-menu-trigger {font-size: 24px; background-color:#eb690b; color: #fff;} #primary-menu-trigger {left: auto; right: 20px; width: 40px; height: 40px; line-height: 41px; top: 30px; border-radius: 4px;} /* Header #header {border-bottom: 6px solid #6dc261; z-index: 199; position: fixed; width: 100vw; top: 0px; height: 161px;} #header.sticky-header #primary-menu > ul > li > a {padding-top: 15px !important; padding-bottom: 15px !important;} #header.sticky-header #logo img {height: 45px !important; margin-top: 7px;} #header.sticky-header #top-search form {height: 60px !important;} #header.sticky-header #top-search form input {font-size: 20px;} #header.sticky-header #header-wrap {top: 45px;} #header.sticky-header {height: 111px !important;} body > #wrapper {padding-top: 161px;} #header.sticky-header #top-bar {position: fixed; top: 0px; left: 0; width: 100%;} */ /* Disable sticky header */ #header.sticky-header #header-wrap {position:inherit;} /* End Header */ /* Title Bar */ #page-title {border-bottom: none;} #page-title h1 {text-transform: none; color: #fff; font-size: 42px; font-family:'FrutigerLTStd-Bold'; line-height: 48px; font-weight: bold;} #page-title h1 span {color: #fff; font-size: 42px; font-family:'FrutigerLTStd-Bold'; line-height: 48px; margin-top: 0px; font-weight: inherit; display: inline-block;} #page-title h1 .header-generic { font-size: 19px; vertical-align: bottom; } #page-title.noImage { background-color: rgb(0,196,226); background: url("../images/1401/bkgd-no-img.png") no-repeat right top, linear-gradient(180deg, rgba(0,196,226,1) 0%, rgba(0,179,206,1) 43%, rgba(0,139,160,1) 100%); min-height: fit-content !important;} #page-title.noImage .row, #page-title.noImage .container {min-height: fit-content !important;} /* End Title Bar */ /* HERO .hero-wrapper { height: 660px; }*/ /* End Hero */ /* Footer */ #footer .nav-col {max-width: fit-content; line-height: 18px; display: flex; flex-grow: 1; flex-basis: 0;} #footer .nav-col:not(:last-child) {margin-right: 40px;} #footer .footer-widgets-wrap {padding: 20px 0px 40px;} #footer.dark {background-color: #58595b; border: none; padding-top: 20px;} #footer .nav-col a {color: #fff; font-size: 16px; line-height: 18px; font-family: 'FrutigerLTStd-Bold'; margin-bottom: 0px;} #footer .nav-col a:hover {color: #7fd7e4; text-decoration: none !important;} .copyright-info { margin-bottom:15px; } .copyright-info p {margin:0 0 10px 0; color: #fff; font-size: 14px; line-height: 20px; font-family: 'FrutigerLTStd-Roman'} .copyright-info .circ-logo {margin-bottom: 20px;} .american-consumer img, .american-hcp img {float: left; margin-right: 10px; margin-top: 2px;} .footer-nav {margin-bottom:20px;} .circ-logo.col {max-width: fit-content;} /*.footer-nav { margin-bottom:20px; } .footer-nav .nav-col { float: left; } .footer-nav .nav-col.sm { width: initial; } .footer-nav ul { padding: 0px; margin-bottom: 7px; list-style: none;} .dark .footer-widgets-wrap a, .footer-nav a { color: #ffffff; color: #fff; font-size: 14px;} .footer-nav li.head {font-size: 16px; color: #fff; line-height: 24px; font-family: 'FrutigerLTStd-Bold'}*/ .footer-bar a {font-size: 14px; font-family: 'FrutigerLTStd-Roman'; } .footer-bar a:hover {color:#008299 !important; text-decoration:underline !important; } /* End Footer */ /* Copyright Bar */ .dark #copyrights {background-color:#fff; color:#333; padding: 10px 0px;text-shadow:none;} #copyrights li {display: inline-block; padding: 0px 10px; margin-bottom: 0px; border-left: 1px solid #333;} #copyrights ul {margin-bottom: 0px; padding: 0px;} #copyrights li:first-child {padding-left:0px; border-left: none;} /* End Copyright Bar */ /* Patient Home Page */ #home .umb-grid h1 {text-transform: uppercase; color: #6dc261; font-size: 32px; line-height: 40px;} #home .umb-grid p {font-family: 'FrutigerLTStd-Roman';} .vertical-divider { margin-top:40px; } /* End Patient Home Page */ /* Patient Utility Pages */ #utility-page h1, #isi h1, #sitemap h1, #contact-us h1 {text-transform: none; color: #eb690b; font-size: 40px; margin-bottom:0px; line-height:48px;} #contact-us h2 {font-size: 28px; } #contact-us section:first-child, #utility-page > section { padding-bottom:0; } #utility-page h2, #isi h2 {text-transform: none; color: #00b0ca; font-size: 23px; line-height: 26px; margin-bottom: 5px;} #utility-page .page-header, #isi .page-header {margin-top: 11px;} /* End Patient Utility Pages */ /* RERERENCES */ #references { padding-top:0px !important; } #references p { margin-bottom:5px; word-break: break-word;} #references p, #references li { font-size: 16px; } #references ol li { margin-left: 20px; padding-left:6px; } /* Sitemap */ #patient-sitemap h1, #hcp-sitemap h1 {color: #eb690b; margin-bottom: 0px;} .sitemap h3 {color: #00b0ca; font-family: 'FrutigerLTStd-Bold'; font-weight: 400; text-transform: none; font-size: 24px;} .sitemap h3.map-parent {margin-bottom:10px;} .sitemap li, .sitemap p, .sitemap strong, .sitemap ul {margin-bottom: 10px;} .sitemap ul.standard-top-level {margin-left: 10px;} section.sitemap {padding-top: 0px;} .sitemap .standard-top-level {margin-bottom: 20px;} .sitemap a {text-decoration: none !important;} .sitemap a:hover {text-decoration: underline !important;} /* End Sitemap */ /* Circle Icons */ .circle-icons {height: 108px; width: 108px; border: 5px solid #eb690b; border-radius: 50%; margin: 0px auto 20px; background-color: #fff;} .sm-cirle-icons { height: 84px; width: 84px; border: 2px solid #eb690b; border-radius: 50%; background-color: #fff; } .inhaler { background-image: url(../images/1073/inhaler.png); background-position:center; background-repeat:no-repeat; } .breathing { background-image: url(../images/1069/breathing.png); background-position:center; background-repeat:no-repeat; } .lung { background-image: url(../images/1072/lung.png); background-position:center; background-repeat:no-repeat; } .eye { background-image: url(../images/eye-icon.png); background-position:center; background-repeat:no-repeat; float:left; margin-bottom:20px; } .ear { background-image: url(../images/ear-icon.png); background-position:center; background-repeat:no-repeat; float:left; margin-bottom:20px; } .icon-shadow { border-radius: 50%; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);} /* End Circle Icons */ /*********************** ISI ***********************/ section.safety-information {/*border-top: 1px solid #ccc;*/ padding: 0px 0px 60px 0px !important; background-color: #FFFFFF;} .safety-information h2, .sticky-isi h2 { margin-bottom: 10px; line-height: 26px; font-size: 23px; color: #008299;} .safety-information a, .sticky-isi a {color: #58595b} .safety-information a:hover, .sticky-isi a:hover {color: #00b0ca;} .safety-information p, .isi-content-short-pad p {margin-bottom: 5px;} .safety-information li, sticky-isi li {margin-bottom: 5px;} .sticky-isi {font-size: 18px; position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 999;webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.36); -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.36); box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.36); background-position: top center; /*display:none;*/} .sticky-isi-wrap {background: #fff; overflow: hidden;} .sticky-isi-content-full {display: block; overflow-x: auto; overflow-y: auto; height: 0px;} .sticky-isi-content-full section.safety-information { padding-bottom: 70px !important;} .sticky-isi-trigger {text-decoration: none !important} .sticky-isi-trigger:hover {text-decoration: none !important} .sticky-isi-content-short.expanded {display: none} .sticky-isi .expanded .sticky-isi-trigger h2 { margin-left:-10px;} .sticky-isi-trigger h2 {padding-top: 15px; line-height: 24px;} .sticky-isi .btn-more { color: #C9500A !important; float:right; font-family:'FrutigerLTStd-Bold'; font-size:16px; } .btn-more .glyphicon { font-size:14px;} .glyphicon-minus:before {content: "\2212";} #gotoTop {z-index: 999; border-radius: 6px;} #gotoTop:hover {background-color:#00b0ca;} .sticky-isi-content-full h2:first-child {display:none;} /* End Patient inpage ISI */ /*..... BUTTONS .....*/ /* Content Button */ .btn {font-size: 20px; line-height: 20px; background-color: #C9500A; padding: 10px 20px; text-decoration: none !important; color: #fff; font-family:'FrutigerLTStd-Bold'; border-radius: 6px; border:none;} .btn:focus, .btn.focus {box-shadow: none;} .btn:hover {cursor: pointer; color: #fff; text-decoration: none !important; background-color: #b54809;} .btn.btn-white {color: #C9500A; background-color: #fff;} .btn.btn-white:hover {color: #b54809; background-color: #d9d9d9;} .btn.btn-gray {background-color: #58595b; color:#fff !important;} .btn.btn-gray:hover {background-color: #4b4c4d;} /*section .btn { margin-bottom: 0px; } .btn { min-width:230px; text-decoration: none; text-align:left; padding: 7px 30px 5px 20px; font-weight: 700; color: #fff; font-size: 17px; line-height:24px; background-color: #6dc261; box-shadow: inherit; border-radius: 50px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; white-space: inherit; border:2px solid #eb690b; max-width:100%;}*/ /*.btn:hover, .btn:focus{box-shadow: inherit; background:#FFFFFF; color: #FFF; border:2px solid #6dc261; }*/ /*.btn:hover, .btn:focus{box-shadow: inherit; background:#FFFFFF; color: #ec582a; border:2px solid #6dc261; }*/ /*.btn-sm {font-size: 16px;} .btn-md {font-size: 18px; line-height: 18px; padding: 11px 40px 11px 30px; background-image: url(/images/1105/tud-chevron-right.png); background-repeat: no-repeat; background-position: 100%; background-size: 30px 100%;} .btn-md:hover, .btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle, .btn-primary:focus {background-color: #c85909; border-color: #c85909; box-shadow: none;} a.btn {text-decoration: none !important; text-transform: uppercase; } a.btn:hover {text-decoration:none !important; color:#ffffff; } .btn.outline {background-color: transparent; color: #39922c; border-color: #39922c; background-image: url(/images/1053/tud-chevron-right-dark.png); } .btn.outline:hover {background-color: #39922c; background-image: url(/images/1105/tud-chevron-right.png);} .btn.make-background-clear {background-color: transparent; color: #39922c; border-color: #39922c; background-image: url(/images/1053/tud-chevron-right-dark.png);}*/ /*.btn.outline:hover{ border-color: #ec582a; background: #ec582a; color: #fff; }*/ /*.btn.make-background-clear {background-color: transparent; color: #39922c; border-color: #39922c; background-image: url(/images/1053/tud-chevron-right-dark.png);} .btn-md.center-button-text {padding: 11px 40px 11px 30px; text-align: center;}*/ /* End of Page Button */ a.end-of-page {-webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); -ms-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); display:block; text-decoration: none !important; margin: 0px; padding:7px 10px; background-repeat: no-repeat; background-size: 36px 100%; background-color: transparent; color: #C9500A; font-family: 'FrutigerLTStd-Bold'; font-size: 26px; line-height: 30px;} a.end-of-page.next-page {text-align:right; padding-right: 46px; background-position: center right; background-image: url(/images/next-page-icon.png);} a.end-of-page.prev-page {padding-left: 46px; background-position: center left; background-image: url(/images/prev-page-icon.png);} a.end-of-page.next-page:hover {text-decoration: none !important; padding-right:56px;} a.end-of-page.prev-page:hover {text-decoration: none !important; padding-left:56px;} /* orange bg with white arrow a.end-of-page {-webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); -moz-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); -ms-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); -o-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); text-decoration: none !important; margin: 0px;} a.end-of-page:hover {text-decoration: none !important;} a.end-of-page.next-page {float: right; padding-left: 67px; display: flex; align-items: center;} a.end-of-page.prev-page {padding-right: 67px;} a.end-of-page.next-page:after {content: "\f061"; font-family: 'Font Awesome 5 Pro'; margin-left: 30px;} a.end-of-page.prev-page:before {content: "\f060"; font-family: 'Font Awesome 5 Pro'; margin-right: 30px;} */ /*a.end-of-page h2 {margin:0px; font-size: 30px;} a.end-of-page:hover h2 {color: #333; text-decoration: none !important; }*/ /* End End of Page Button */ /* Accordion */ .accordion {margin-bottom: 0px;} .accordion.accordion-bg .acctitle {margin-bottom: 0px; padding: 10px 10px 10px 50px; line-height: 30px; font-size: 20px; border-radius: 25px; border: none; background-color: #39922c; color: #fff;} .accordion .acctitle.acctitlec {background-color: #eb690b;} .accordion.accordion-bg .acc_content {border-radius: 0px 0px 10px 10px; padding: 15px 15px 15px; background-color: #f1f1f1; margin: 0px 50px;} .accordion i {line-height: 23px !important; height: 30px; color: #39922c; background-color: #fff; width: 30px; border-radius: 15px; top: 10px; left: 10px !important; border: 4px solid #53aa46;} .accordion i.acc-closed {padding-left: 3px;} .accordion .accframe {margin-bottom: 20px} .accordion .accframe:last-child {margin-bottom: 0px;} /* End Accordion */ /* Round Title Bar */ h3.round-title-bar {text-align: center; color: #fff; background-color: #1c4921; font-size: 24px; line-height: 40px; border-radius: 20px; margin-bottom: 23px;} .green-bar-text h4 {text-transform: uppercase; font-size: 20px; color: #39922c;} /* End Round Title Bar */ /* CTA with Icon */ .cta-with-icon {background-color: #C9500A; min-height: 240px; background-image: url("../images/1297/orange-gradient.jpg"); background-size: auto 100%; border-radius: 6px; margin: 0px; background-repeat: repeat-x; padding: 20px 0px;} .cta-with-icon h2 {text-transform: none; margin:0px; color:#fff; font-family:'FrutigerLTStd-Bold';} .cta-with-icon p {color:#fff;} .cta-with-icon .col-md-9 {/*margin-top: 20px;*/ padding: 30px 50px 30px 15px;} .cta-with-icon .col-md-3 {padding: 30px 0px 30px 15px;} .cta-with-icon img {margin-bottom: 20px;} .cta-with-icon a {margin-bottom: 0px;} .cta-with-icon.cta-blue {background-image: url("../images/1395/blue-gradient.jpg");} .webinar-cta img {border-radius: 6px;} .webinar-cta i {font-size: 183px; color: #fff;} /* End CTA with Icon */ /* Split CTA with Icon */ .cta-with-icon.split-cta {padding: 40px; text-align:center;} .cta-with-icon.split-cta h2 {margin-bottom: 20px;} .cta-with-icon.split-cta > div {min-height: 280px;} /* End Split Green CTA */ /* Green Windows */ .green-windows .col-md-10 {margin-bottom: 20px} .green-windows .col-md-10:last-child {margin-bottom: 0px} .green-windows .col-md-10 > h3 {margin: 0px; border-radius: 10px 10px 0px 0px; line-height:24px; font-size: 24px; padding: 10px 20px; background-color: #39922c; color: #fff; background-repeat: no-repeat; background-size: auto; background-position: 15px center;} .green-windows .col-md-10 > p, .green-windows div.content {margin:0px; padding: 10px 50px 20px; border: solid 2px #39922c; border-radius:0px 0px 10px 10px; border-top: none;} /* End Green Windows */ /* Savings Card */ .round-number {float:left; background-color: #008299; border: 5px solid #7fd9e6; width: 60px; height: 60px; border-radius: 30px; padding: 10px 0px; margin-left:15px;} .round-number h1 {font-size: 30px; color: #fff; text-align: center; line-height: 30px;} .savings-text {padding-left: 20px;} .savings-bullet {margin-bottom: 30px;} /* End Savings Card */ /* Video Player */ #video-player-container, .col-md-6 .vid-placeholder {max-width: 750px; max-height: 55vw; margin: 0px auto;} .col-md-12 #video-player-container {height: 421px;} .col-md-6 #video-player-container, .col-md-6 .vid-placeholder {height: 312px; background-color: #e9e9e9; border: 2px solid #e9e9e9;} /* End Video Player */ /* How to Steps */ .how-to-steps img {border: 1px solid #ccc; margin-bottom: 20px;} .how-to-steps h3, .how-to-steps ul, .how-to-steps p {margin-left:30px;} /* .step-number {font-size: 23px; margin-left: -30px; width: 28px; line-height: 28px; background-color: #C9500A; color: #fff !important; border-radius: 50%; display: inline-block; text-align: center;} */ .red-hl {color: #ff0000;} .green-hl {color: #39922c;} .yellow-hl {color: #fcb033;} /* End How to Steps */ /* Modal */ .modal-popup { background-color: #FFF; max-width: 60%; } .close-button {font-size: 32px; float: right; padding: 13px 17px; font-family: 'FrutigerLTStd-Bold';} .eligibility-popup .block.divcenter {border-radius: 10px; margin-top:40px; margin-bottom:40px;} button.mfp-close {display: none;} /* End Modal */ /* FORMS */ label {display: inline-block; font-size: 18px; font-weight: 700; text-transform: capitalize; letter-spacing: 1px; color: #333333; margin-bottom: 5px; cursor: pointer;} .form-check label {font-weight: 300; text-transform: initial;} .field-validation-error {font-size: 12px; color: red; line-height:16px;} .form-check:last-child label {margin-bottom: 0px;} .form-group.umbraco-forms-field {margin-bottom: 15px;} .umbraco-forms-container .form-control {line-height: 20px; font-size: 16px; height: auto;} .umbracoForms-Indicator {display:none;} .checkboxlist label { font-weight: 300; font-size:15px; font-family: 'FrutigerLTStd-Roman'; padding-left: 1.4em; } input[type="checkbox"] { width: initial; display: inline-block; position: absolute; margin: 6px 0 0; width: 1em;} form { margin-bottom: 0px; } .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label { color: #FF0000;} .has-error .form-control { border-color: #FF0000; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); } /*.radio label { font-weight: 300; font-size: 15px; }*/ .checkbox label, .radio label { min-height: 20px; padding-left: 20px; margin-bottom: 5px; font-weight: 300; cursor: pointer; font-size: 18px; font-family: 'FrutigerLTStd-Roman'; } input[type="checkbox"], input[type="radio"] { margin: 4px 0 0; } .radio input[type=radio], .radio-inline input[type=radio] { position: absolute; top: 3px; margin-left: -20px; } .checkbox, .radio { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .recaptcha2 label { opacity: 0; } input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: red; opacity: 1; /* Firefox */ } input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: red; } input::-ms-input-placeholder { /* Microsoft Edge */ color: red; } /* MODALS */ .modal-hdr { color: #39922c; font-family: 'FrutigerLTStd-Bold', sans-serif; font-size: 44px; margin: 20px 0; line-height: 44px; } .modal-content { border-radius: 6px; behavior: url(PIE.html); box-shadow: 0 5px 15px rgba(0,0,0,0.8); padding: 10px 40px 25px 40px; background: #fff; } .modal-dialog {margin: 100px auto; width:700px; max-width: initial;} .modal-dialog p:last-child {margin-bottom: 0px; } .list-inline { margin-bottom:0px; } .list-inline>li { display: inline-block; padding-right: 5px; padding-left: 5px; } /* Contact Us Page */ .contact-button {font-size: 30px; margin: 10px 20px 20px 0px;} .contact-button:hover {text-decoration: none !important;} /* End Contact Us Page */ /* Search Results */ #search-results h2 {margin-bottom: 5px; font-size: 26px;} .ezsearch-pager {margin-top: 60px; margin-bottom: 0px;} .ezsearch-pager p {font-size: 26px; font-weight: bold; margin-bottom: 0px;} /* End Search Results */ /* About copd 1.1*/ h2.thin-black {font-weight: 400; color: #333; font-family: 'FrutigerLTStd-Roman'; font-size: 40px; text-transform: none; line-height: 48px;} h3.thin-black {margin-bottom: 0px; font-weight: 400 !important; color: #333 !important; font-family: 'FrutigerLTStd-Roman'; font-size: 30px !important; text-transform: none; line-height: 36px !important; background-color:transparent !important; } .vertical-divider > .container > .row > .column:not(:last-child), .row.vertical-divider > .column:not(:last-child) {border-right: 1px solid #ccc;} .row.vertical-divider > .column {padding-top: 10px; padding-bottom: 10px;} .vertical-divider p:last-child {margin-bottom: 0px;} .map-bg > .container > .row > .column:last-child {background-size: contain; padding-top: 100px; padding-bottom: 100px; min-height: 295px; background-image: url(../../67.225.192.99/images/1162/gray-map.png); background-repeat: no-repeat; background-position: center;} .map-bg > .container > .row > .column:last-child > div {width: fit-content; margin: 0px auto;} .map-bg > .container > .row > .column:last-child > div h2 {margin-bottom: 0px;} /* Explore DUAKLIR 2.0A .percent-down {height: 200px;}*/ /* End Explore DUAKLIR 2.0A */ /* Living With COPD 4.0A */ .row.big-icons {padding-top: 60px;} /* End Living With COPD 4.0A */ .screen-reader-only {clip: rect(1px 1px 1px 1px); margin:0; padding:0; width: 1px; position: absolute !important; clip: rect(1px,1px,1px,1px); overflow: hidden; height: 1px;} /*********************** Responsive ***********************/ @media (max-width:1649px){ } @media (max-width:1199px){ .col-md-6 #video-player-container, .col-md-6 .vid-placeholder {height: 256px;} } @media (max-width:1100px){ } @media (max-width:1024px){ } /* Switch to mobile menu @media (max-width: 1199.98px){ #logo {display: block; height: 100px; float: none; margin: 0 auto 0 !important; max-width: none; text-align: center; border: 0 !important; padding: 0 !important;} #primary-menu-trigger {opacity: 1; pointer-events: auto; top: 25px; margin-top: 0; left: 0; z-index: 1;} body:not(.top-search-open) #primary-menu-trigger {opacity: 1; -webkit-transition: opacity .2s .2s ease, top .4s ease; -o-transition: opacity .2s .2s ease, top .4s ease; transition: opacity .2s .2s ease, top .4s ease;} #primary-menu {display: block; float: none;} #primary-menu > ul, #primary-menu > div > ul {display: none; float: none !important; border: 0 !important; padding: 0 !important; margin: 0 !important; -webkit-transition: none; -o-transition: none; transition: none;} }*/ /* End Switch to Mobile Menu */ @media (max-width:991px){ #top-search a i {top:0px;} #top-search-trigger {left: 20px !important; right: auto !important;} #logo img {height:60px;} #top-search form input {padding-left: 55px; padding-right: 0px;} body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover a {color: #00b0ca !important;} #top-bar ul.switch-link li {border-right: none !important;} /*body > #wrapper {padding-top: 192px;}*/ #primary-menu.style-2 {float:none; } .topnav { border-bottom: 1px solid #e3e3e3; height:160px; line-height:33px;} /*#top-bar .top-phrase { text-align:center; border-bottom:1px solid #b6e1b0; }*/ #top-bar ul.top-bar-right-menu { float: left; width: 100%; display: table; text-align: center; margin-bottom: 0; } /*edits 200430*/ #top-bar .top-phrase-wrapper { max-width:100%; text-align:center; /*font-size:17px; line-height:17px; border-bottom:1px solid #7fd7e4;*/ border-bottom: 1px solid rgb(255, 255, 255); border-bottom: 1px solid rgba(255, 255, 255, .5); -webkit-background-clip: padding-box; /* for Safari */ background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ padding: 0px;} #top-bar .top-phrase { display:table; width: 100%; } #top-bar .top-phrase p {padding: 8px 12px;} #top-bar p { display:table-cell; } #top-bar p:not(:first-child) { display:table-cell; /*border-left: 1px solid #7fd7e4;*/ border-left: 1px solid rgb(255, 255, 255); border-left: 1px solid rgba(255, 255, 255, .5); -webkit-background-clip: padding-box; /* for Safari */ background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ } /*#top-bar ul.switch-link { display: block !important;}*/ #top-bar ul.switch-link { display: none;} #top-bar ul.switch-link li { text-align:center; display:block; border-right: none; display: block !important; border-bottom:1px solid #b6e1b0 !important; line-height: 40px} #top-bar .toplink-wrap { padding-right: 0; padding-left: 0; } #top-bar .toplink { float: none; width: 100%; display: table; text-align: center; margin-bottom: 0; line-height: 18px} #top-bar .toplink li:last-child { border: none; padding-right: 12px;} #top-bar a, #top-bar p { line-height: 16px !important; } #top-bar .toplink li { /*border-right: 1px solid #7fd7e4;*/ border-right: 1px solid rgb(255, 255, 255); border-right: 1px solid rgba(255, 255, 255, .5); -webkit-background-clip: padding-box; /* for Safari */ background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ float: none; display: table-cell; width: 33%; padding: 8px 12px;} #top-bar .container { max-width:100%} #primary-menu ul li.sub-menu a.sf-with-ul div:after { content: " "; } #top-bar ul.top-bar-right-menu li:nth-child(2){ display:table-cell;} .top-bar-facebook {width: 32px; padding: 8px !important;} .col-md-6 #video-player-container, .col-md-6 .vid-placeholder{height: 194px;} } @media (min-width: 768px){ .mt-md-0 {margin-top: 0px !important;} } @media (max-width:812px){ } @media (max-width:768px){ .hide-mobile { display: none; } } @media (max-width:1024px){ .hide-mobile { display: none; } } @media (max-width:767px){ /* footer responsive */ #footer .nav-col {display: block; max-width: 100% !important; flex-grow: unset; flex-basis: auto; margin: 0px 0px 10px;} #footer .nav-col:last-child {margin-bottom: 0px;} #footer .circ-logo {margin-bottom: 20px;} /* End footer responsive */ .cta-with-icon .col-md-9 {margin-top:0px; text-align: center; padding: 15px 15px 30px;} .first-split {margin-bottom: 20px;} .footer-nav .nav-col {float: none; } #copyrights ul {text-align:center;} #copyrights li:first-child {padding-left: 10px;} .modal-popup { max-width: 98%; } /*.btn-md { font-size:16px; }*/ a.end-of-page h2 {font-size: 24px;} /*body > #wrapper {padding-top: 187px;}*/ /* tab styles */ .tab-nav {padding-inline-start:0px; padding-left: 0px;} /* MODAL */ .modal-dialog { width: 100%; margin: 20px auto 0; } .vertical-divider > .container > .row .column:not(:last-child) {border-right: none;} .row.vertical-divider > .column:not(:last-child) {border-right: none;} .cta-with-icon .col-md-3 {padding: 20px 15px 0px;} .overflow-60 {margin-bottom: 0px;} .col-md-6 #video-player-container, .col-md-6 .vid-placeholder {height: 287px} } @media (max-width:736px){ } @media only screen and (max-width: 575px) { .green-windows .col-md-10 > p {padding: 10px 10px 20px;} .accordion.accordion-bg .acc_content {margin: 0px 20px;} .circ-logo.col {max-width: 100%; flex: none; margin-bottom: 20px;} a.end-of-page {/*text-align: center;*/} a.end-of-page.prev-page {margin-bottom: 20px;} #logo {width:225px;} #logo img {width:225px; height: auto; margin-top: 25px;} } @media (max-width:414px){ /*body > #wrapper {padding-top:196px}*/ } @media (max-width:375px){ } @media (max-width:320px){ }