@charset "UTF-8";
@font-face { font-family: "BarlowCondensed-SemiBold"; src: url("./fonts/BarlowCondensed-SemiBold.eot") format("embedded-opentype"), url("./fonts/BarlowCondensed-SemiBold.woff") format("woff"), url("./fonts/BarlowCondensed-SemiBold.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: "Montserrat-Black"; src: url("./fonts/Montserrat-Black.eot") format("embedded-opentype"), url("./fonts/Montserrat-Black.woff") format("woff"), url("./fonts/Montserrat-Black.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: "Montserrat-Bold"; src: url("./fonts/Montserrat-Bold.eot") format("embedded-opentype"), url("./fonts/Montserrat-Bold.woff") format("woff"), url("./fonts/Montserrat-Bold.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face {
  font-family: "Montserrat-Regular";
  src: url("./fonts/Montserrat-Regular.eot");
  src: url("./fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"),
  url("./fonts/Montserrat-Regular.woff") format("woff"),
  url("./fonts/Montserrat-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat-SemiBold";
  src: url("./fonts/Montserrat-SemiBold.eot");
  src: url("./fonts/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"),
  url("./fonts/Montserrat-SemiBold.woff") format("woff"),
  url("./fonts/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat-Light";
  src: url("./fonts/Montserrat-Light.eot");
  src: url("./fonts/Montserrat-Light.eot?#iefix") format("embedded-opentype"),
  url("./fonts/Montserrat-Light.woff") format("woff"),
  url("./fonts/Montserrat-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "BarlowSemiCondensed-Medium";
  src: url("./fonts/BarlowSemiCondensed-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "BarlowSemiCondensed-Regular";
  src: url("./fonts/BarlowSemiCondensed-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "MinionPro-Regular";
  src: url("./fonts/MinionPro-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Montserrat-Medium";
  src: url("./fonts/Montserrat-Medium.otf");
  src: url("./fonts/Montserrat-Medium.eot?#iefix") format("embedded-opentype"),
  url("./fonts/Montserrat-Medium.woff") format("woff"),
  url("./fonts/Montserrat-Medium.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@media (min-width: 768px) { .large-top { padding-top: 20px; } }

  body { background-color: transparent;}
  /*padding-right: 0 !important; font-size: 1rem;font-family: canada-type-gibson,sans-serif; */

 body.modal-open { overflow-y: scroll; }

 .modal-open { overflow: hidden; height: 100%; }

 .result_text { margin-bottom: 6px; margin-top: 12px; }
 .result_text.wrong { color: #d32039; }
 .result_text.success { color: #28a745; }

 label { cursor: pointer; }

 .body-box img { width: 100%; max-width: 100%; }
 b, strong {
    font-weight: 600;
}
 @media (min-width: 992px) { .only-mobile { display: none; } }

 @media (min-width: 0px) { .only-desktops { display: none; } }
 @media (min-width: 992px) { .only-desktops { display: block; } }
 sub, sup {
    font-size: 55%;
}
.pop-top .title h1, .pop-top .title h1 sup{
    top: -15px;
}
 .clear-both { clear: both; }

 .full-width { width: 100%; min-width: 100%; }

 .full-height { height: 100%; min-height: 100%; }

 .link-btn { border-bottom: 1px #000 solid; padding-bottom: 5px; text-transform: uppercase; }
 .link-btn:hover { text-decoration: none; }

 .text-align-right { text-align: right !important; }
 .header {
    position: absolute;
    width: 100%;
    /*height: 210px;*/
    top: 0;
}
.header { z-index: 85; }
.header .menu-navbar { z-index: 82; }

.footer-navbar { z-index: 104; }

.contact-chat-panel, .contact-chat { z-index: 85; }
.node__content {
font-size: 1em;
}
.scrollspy-panel { z-index: 104; }
a, li, label, span, p {
    font-family: Montserrat-Regular,Arial, sans-serif;
    /* font-size: 18px; */
    line-height: 1.2;
    font-weight: normal;
    color: #333c43;
    display: inline-block;
    margin: 0 0 10px 0;
}
.bg-color-graywhite {
    background-color: #fafafa;
}
tr td, tr th {
    padding: 1px;
}
tr{
    border-bottom: 0;
}
 @media (min-width: 992px) { .scrollspy-panel { z-index: 79; } }

 .header {
   /*position: absolute; */
   /*width: 100%; */
   /*height: 210px; */
 }
 .header .container {
    padding-top: 26px;
    padding-bottom: 26px;
}
 .header #header-logo { width: 60px !important; max-width: 100%; }
 @media (min-width: 576px) { .header #header-logo { width: 158px !important; } }
 .header .header-panel {
   align-items: center;
   position: relative;
 }


 .header .header-panel .logo-panel,
 .header .header-panel .navbar-nav {
   /*display: inline-block; */
   vertical-align: top;
 }
 .header .header-panel .navbar { padding: 0; }
 .header .header-panel .navbar .navbar-toggler { position: absolute; top: 0; right: 0; background-color: white; }
 @media (min-width: 992px) { .header .header-panel .navbar .navbar-toggler { background-color: transparent; } }
 .header .header-panel .navbar .navbar-toggler .navbar-toggler-icon { margin: 0; }
 .header .header-panel .navbar .navbar-collapse { background-color: white; position: relative; top: 50px; right: 0; }
 @media (min-width: 992px) { .header .header-panel .navbar .navbar-collapse { background-color: transparent; } }
 @media (min-width: 992px) { .header .header-panel .navbar .navbar-collapse { top: 0;  } }
 /* left: 50px; */
 .header .header-panel .navbar .navbar-collapse .navbar-nav { padding-top: 10px; position: relative; }
 .header .header-panel .navbar .navbar-collapse .navbar-nav .nav-item { margin: 0; padding: 8px 0; display: block; }
 @media (min-width: 992px) { .header .header-panel .navbar .navbar-collapse .navbar-nav .nav-item { display: inline-block; } }
 .header .header-panel .navbar .navbar-collapse .navbar-nav .nav-item .menu-link { font-family: "Montserrat-Bold",Arial, sans-serif; font-size: 14px; line-height: 1; font-weight: normal; margin: 0 14px; color: #584382; }
 .header .header-panel .navbar .navbar-collapse .navbar-nav .nav-item .menu-link.active, .header .header-panel .navbar .navbar-collapse .navbar-nav .nav-item .menu-link:hover { font-weight: bold; text-decoration: none; color: #333c43; border-bottom: 1px solid #333c43; }

.page-jumbotron { position: relative; padding: 0; margin: 0; background-color: #fff; }

/* @media (min-width: 576px) {  */


/* } */
.page-jumbotron .jumbotron-bottom-container { position: absolute; width: 100%; bottom: 60px; }
@media (min-width: 1200px) { .page-jumbotron .jumbotron-bottom-container { bottom: 120px; } }
.page-jumbotron .jumbotron-bottom-container .jumbotron-content-bottom .sub_title { font-family: "Montserrat-Bold",Arial, sans-serif; font-size: 18px; line-height: 1; color: white; margin: 0 0 6px 0; }
@media (min-width: 1200px) { .page-jumbotron .jumbotron-bottom-container .jumbotron-content-bottom .sub_title { font-size: 21px; } }
.page-jumbotron .jumbotron-bottom-container .jumbotron-content-bottom p { font-family: "Montserrat-Regular",Arial, sans-serif; font-size: 14px; line-height: 1.2; color: white; }
@media (min-width: 1200px) { .page-jumbotron .jumbotron-bottom-container .jumbotron-content-bottom p { font-size: 16px; } }
.page-jumbotron .jumbotron-container { position: absolute; top: 53%; width: 100%; }
@media (min-width: 576px) {
    .path-frontpage .page-jumbotron .jumbotron-container { top: 35%; margin-top: 0;}
}
@media (min-width: 992px) {
    .page-jumbotron .jumbotron-container {
        top: 50%;
    }
    .path-frontpage .page-jumbotron .jumbotron-container
    {
        top: 200px;
    }
}
.page-jumbotron .jumbotron-container .jumbotron-content-box { position: relative; }
.page-jumbotron .jumbotron-container .jumbotron-content-box .jumbotron-content-panel { max-width: 100%; width: 100%; }
@media (min-width: 992px) { .page-jumbotron .jumbotron-container .jumbotron-content-box .jumbotron-content-panel { max-width: 800px; } }
.page-jumbotron .jumbotron-container .jumbotron-content-box .jumbotron-content-panel .title1 { color: white; }
.page-jumbotron .jumbotron-container .jumbotron-content-box .jumbotron-content-panel .title2 {
    color: #584382;
    background-color: white;
    display: inline;
    margin-top: 10px;
}
.page-jumbotron .jumbotron-container .jumbotron-content-box .jumbotron-content-panel .title-center { color: #fff; display: inline; }
.page-jumbotron .jumbotron-container .jumbotron-content-box .jumbotron-content-panel .title1, .page-jumbotron .jumbotron-container .jumbotron-content-box .jumbotron-content-panel .title2, .page-jumbotron .jumbotron-container .jumbotron-content-box .jumbotron-content-panel .title-center { font-family: canada-type-gibson,sans-serif; font-size: 22px; line-height: 1.35; font-weight: normal; text-align: left; text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); }
@media (min-width: 992px) { .page-jumbotron .jumbotron-container .jumbotron-content-box .jumbotron-content-panel .title1, .page-jumbotron .jumbotron-container .jumbotron-content-box .jumbotron-content-panel .title2, .page-jumbotron .jumbotron-container .jumbotron-content-box .jumbotron-content-panel .title-center { font-size: 38px; } }
@media (min-width: 1200px) { .page-jumbotron .jumbotron-container .jumbotron-content-box .jumbotron-content-panel .title1, .page-jumbotron .jumbotron-container .jumbotron-content-box .jumbotron-content-panel .title2, .page-jumbotron .jumbotron-container .jumbotron-content-box .jumbotron-content-panel .title-center {     font-weight: bold;font-size: 55px; } }
.page-jumbotron .title-center { text-align: center !important; }
@media (min-width: 0px) { .page-jumbotron .doctor-content .sub_title { font-size: 14px !important; } }
@media (min-width: 768px) { .page-jumbotron .doctor-content .sub_title { font-size: 18px !important; } }
@media (min-width: 0px) { .page-jumbotron .doctor-content .sub-text { font-size: 12px !important; } }
@media (min-width: 768px) { .page-jumbotron .doctor-content .sub-text { font-size: 14px !important; } }
.page-jumbotron .doctor-content .doctor-logo { text-align: right; }
@media (min-width: 0px) { .page-jumbotron .doctor-content .doctor-logo { width: 160px !important; } }
@media (min-width: 768px) { .page-jumbotron .doctor-content .doctor-logo { width: 291px !important; } }

.page-jumbotron .jumbotron-container .jumbotron-content-box .jumbotron-content-panel .title1, .page-jumbotron .jumbotron-container .jumbotron-content-box .jumbotron-content-panel .title2, .page-jumbotron .jumbotron-container .jumbotron-content-box .jumbotron-content-panel .title-center {
    font-family: "Montserrat-Black",Arial, sans-serif;
    font-size: 22px;
    line-height: 1.35;
    font-weight: normal;
    text-align: left;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.navbar-light .navbar-nav .nav-link{
    font-family: "Montserrat-Bold",Arial, sans-serif;
    font-size: 14px;
    line-height: 1;
    font-weight: normal;
    margin: 0 14px;
    color: #584382;
}
.navbar-light .navbar-nav .nav-link:hover{
    color: #333c43;
    text-decoration: underline;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
    color: #fff;
    font-weight: 400;
}
dl, ol, ul {
    margin-top: 0;
    margin-bottom: 1rem;
}
b, strong {
    font-family: "Montserrat-Bold",Arial, sans-serif;
    font-size: 18px;
    line-height: 1.2;
    font-weight: bold;
    color: #333c43;
    display: inline-block;
    margin: 0 0 10px 0;
}
.button-menu {
    position: absolute;
    right: 100px;
    top: 10px;
    /* width: 35px;
    height: 30px; */
    padding: 8px 7px;
    background: #0081a8;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
}
.questionnaire-row{
    position: relative;
    margin-right: 0;
}
.questionnaire-content{
    position: absolute;
    padding: 0;
    bottom: 20px;
    left: 20px;
}
.questionnaire-content .questionnaire .questionnaire-title {
    transform: translateZ(0);
    color: white;
    max-width: 460px;
    font-family: "Montserrat-Bold",Arial, sans-serif;
    font-size: 18px;
    line-height: 1;
}
.questionnaire-button{
    cursor: pointer;
    color: #584382;
    font-family: "Montserrat-Bold",Arial, sans-serif;
    font-size: 16px;
    line-height: 1;
    border-radius: 4px;
    background-color: white;
    width: 80px;
    height: 32px;
    display: inline-block;
    text-align: center;
    padding: 9px 0;
    box-sizing: border-box;
    margin: 0 20px 0 0;
}

.site-footer .content{
    color: #4F5056;
}
.site-footer .block{
    margin: 0;
    padding: 0;
}
.region-footer-first{
    font-size: 25px;
    font-weight: 600;
}
.site-footer__bottom .region{
    margin-top: 0;
    border-top: 1px solid #4F5056;
}
.site-footer__bottom{
    margin-top: 0;
    border: 0;
}
.menu--footer .navbar-nav{
    flex-direction: row;
    margin-top: 10px;
}
.menu--footer .navbar-nav li{
    padding: 0 10px;
    line-height: 15px;
}
.menu--footer .navbar-nav li:first-child{
    padding-left: 0;
    border-right: 2px solid #4F5056;
}
.menu--footer .navbar-nav li a{
    color: #4F5056;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    display: inline;
    padding: 0;
}
.region-footer-fifth p{
    font-weight: 300;
    font-size: 13px;
    line-height: 16px;
}
.region-featured-top .block-page-title-block h1{
    font-size: 50px;
    margin-left: 15px;
    font-weight: 600;
}
.path-frontpage .region-featured-top .block-page-title-block h1{
    font-size: 50px;
    font-family: canada-type-gibson,sans-serif;
    font-weight: 600;
    font-style: normal;
}
.ui-dialog .ui-dialog-content{
    overflow: visible;
    font-family: canada-type-gibson,sans-serif;
}
.header .header-panel .navbar .navbar-collapse .navbar-nav{
    padding-top: 0;
}

.view-front{
    max-width: 1000px;
    margin: 20px auto;
}
.masonry-grid {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 260px;
    min-height: 400px;
}
.view-front .post-card-item .post-card {
    width: 220px;
    position: relative;
    background-color: white;
    margin: 0 auto;
}
.view-front .post-card-item .post-card .post-card-body {
    background-color: #f8f8f8;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    overflow: hidden;
    box-shadow: 2px -1px 3px -2px #ccc;
}
.view-front .post-card-item .post-card:not(.link_card) {
    padding: 0 0 37px 0;
    background-image: url(../images/card-bottom-bg.png);
    background-size: 222px 37px;
    background-repeat: no-repeat;
    background-position: center bottom;
}
.post-card-item {
    padding-bottom: 20px;
    left: 0;
    top: 0;
    transition: 0.3s;
}

.view-front .views-row .views-field-title a{
    color: #000;
    font-family: "BarlowSemiCondensed-Regular", Arial, sans-serif !important;
    font-size: 18px;
    line-height: 1.2;
    padding: 20px 10px 0 10px;
    text-transform: uppercase;
}

.view-front .views-row .views-field-field-excerpt{
    color: #333c43;
    font-family: "Montserrat-Regular",Arial, sans-serif;
    font-size: 14px;
    line-height: 1.2;
    padding: 10px;
}
.view-front .views-row .views-field-view-node a{
    color: #0081a8;
    font-family: "BarlowSemiCondensed-Regular", Arial, sans-serif !important;
    font-size: 16px;
    line-height: 1.2;
    text-decoration: underline;
    border: 0;
    margin: 0 0 5px 0;
    padding: .375rem .75rem;
    display: block;
}
article header{
    display: none;
}
.modal .modal-dialog {
    height: 100%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
    width: 100%;
    pointer-events: all;
    padding: 10px;
}
.modal .modal-dialog .modal-content {
    border: 0;
    background-color: transparent;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}
.modal .modal-dialog .modal-content iframe{
    width: 100%;
    border: 0;
    background: transparent;;
    border-radius: 0 0 10px 10px;
}
.modal .modal-dialog .modal-content .modal-body{
    padding: 0;
}
.modal .modal-dialog .modal-content .modal-header {
    height: 0;
    padding: 0;
    border: 0;
}
.pop-top .title {
    position: relative;
    width: 100%;
    padding: 20px 10px 12px 10px;
    margin-bottom: 20px;
}
.pop-top .title.bg-red {
  background: linear-gradient(90deg, #ee7067, #61c3d9);
}

.pop-top .title.bg-blue-yellow {
  background: linear-gradient(90deg, #61c3d9, #fcd769);
}

.pop-top .title.bg-yellow-orange {
  background: linear-gradient(90deg, #fcd769, #fdd9b7);
}
.pop-top .title.bg-yellow-orange h1,
.pop-top .title.bg-yellow-orange p,
.pop-top .title.bg-blue-yellow h1,
.pop-top .title.bg-blue-yellow p,
.pop-top .title.bg-red h1,
.pop-top .title.bg-red p{
  color: #000 !important;
}

.pop-top .title.multiline-2:before, .pop-top .title:after {
    /* top: 102px !important; */
}
/*.pop-top .title.bg-red:before {*/
/*    border-top-color: #972748;*/
/*}*/
.pop-top .title h1,.pop-top .title h1 p{
    padding: 0;
    margin: 0;
    height: 54px;
    font-family: "Montserrat-Bold",Arial, sans-serif;
    line-height: 1.2;
    color: white;
    font-size: 22px;
  text-transform: uppercase;
}
.pop-top .title h1,
.pop-top .title p{
  font-family: "BarlowSemiCondensed-Regular",Arial, sans-serif !important;
  font-size: 26px !important;
  height: auto !important;
  text-align: center !important;
}

/*.pop-top .title:after {*/
/*    content: ' ';*/
/*    display: block;*/
/*    width: 26px;*/
/*    height: 26px;*/
/*    border-left: 26px solid transparent;*/
/*    border-right: 0 solid transparent;*/
/*    border-top: 26px solid red;*/
/*    position: absolute;*/
/*    top: 86px;*/
/*    right: 40px;*/
/*}*/
/*.pop-top .title.bg-red:after {*/
/*    border-top-color: #972748;*/
/*}*/

/*.modal-page .title.bg-purple {*/
/*    background: -webkit-gradient(linear, left top, left bottom, from(#653350), to(#552532));*/
/*    background: linear-gradient(to bottom, #653350, #552532);*/
/*}*/
/*.modal-page .title.bg-purple:before {*/
/*    border-top-color: #552532;*/
/*}*/
/*.modal-page .title.bg-purple:after {*/
/*    border-top-color: #552532;*/
/*}*/

/*.modal-page .title.bg-black {*/
/*    background: -webkit-gradient(linear, left top, left bottom, from(#333c43), to(#2a2c34));*/
/*    background: linear-gradient(to bottom, #333c43, #2a2c34);*/
/*}*/
/*.modal-page .title.bg-black:before {*/
/*    border-top-color: #2a2c34;*/
/*}*/
/*.modal-page .title.bg-black:after {*/
/*    border-top-color: #2a2c34;*/
/*}*/

button.close {
    padding: 0;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
}
.modal-header .close {
    padding: 15px;
    margin: -15px -15px -15px auto;
}
.modal .modal-dialog .modal-content .modal-header .close {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 20px;
    right: 20px;
    box-sizing: border-box;
    padding: 0 0;
    z-index: 1060;
    cursor: pointer;
}
.modal .modal-dialog .modal-content .modal-header .close span {
    font-size: 20px;
    line-height: 22px;
    color: #333c43;
    border: 1px #333c43 solid;
    border-radius: 4px;
    margin: 0;
    padding: 0 5px;
    box-sizing: border-box;
    background-color: #fff;
}
.modal .modal-dialog .modal-content .modal-header .close{
  opacity: unset !important;
}
.modal-page .chat-box {
background-color: #ebecec;
font-family: "BarlowCondensed-SemiBold",Arial, sans-serif;
font-size: 16px;
line-height: 1;
color: #333c43;
position: relative;
padding: 16px;
margin: 0 0 20px 0;
}
.modal-page .chat-box:before {
content: ' ';
display: block;
width: 18px;
height: 18px;
border-left: 18px solid transparent;
border-right: 0 solid transparent;
border-top: 18px solid #ebecec;
position: absolute;
bottom: -18px;
right: 26px;
}
.modal-page .chat-box .symptom-checker-btn {
background: -webkit-gradient(linear, left top, left bottom, from(#E01F36), to(#972748));
background: linear-gradient(to bottom, #E01F36, #972748);
color: white;
font-family: "Montserrat-Regular",Arial, sans-serif;
font-size: 12px;
line-height: 1.2;
width: 80px;
padding: 4px;
text-align: center;
border-radius: 6px;
position: absolute;
float: right;
bottom: 10px;
right: 10px;
margin: 0;
display: block;
}
.template7 p.text-align-center{
margin: 10px 0;
font-weight: 600;
}
.iframes{
border: 0;
}
.pop-top{
background: #fff;
}
.node--type-pop-page .pop-page,.node--type-pop-page #main-wrapper{
background: #fff;
}

.pop-page .container{
max-width: 800px;
padding-bottom: 30px;
margin: 0 auto;
}
.color-purple {
color: #653350 !important;
}
.main-content .modal-page .chat-box .symptom-checker-btn {
background: -webkit-gradient(linear, left top, left bottom, from(#E01F36), to(#972748));
background: linear-gradient(to bottom, #E01F36, #972748);
color: white;
font-family: "Montserrat-Regular",Arial, sans-serif;
font-size: 12px;
line-height: 1.2;
width: 80px;
padding: 4px;
text-align: center;
border-radius: 6px;
position: absolute;
float: right;
bottom: 10px;
right: 10px;
margin: 0;
display: block;
}
.pop-page .ds-2col-stacked-fluid > .group-right {
float: right;
width: 48%;
}
.pop-page .ds-2col-stacked-fluid > .group-left {
float: left;
width: 48%;
}
.pop-page, .pop-page p{
font-size: 14px;
font-weight: 500;
}
.pop-page nav.tabs{
display: none;
}
.site-footer {
font-family: canada-type-gibson,sans-serif;
padding: 20px 15px 30px;
}

.node--type-pop-page hr{
margin: 0;
margin-bottom: 5px;
border-top: 1px solid  #181718;
}
.node--type-pop-page h2{
font-size: 22px;
}
.node--type-pop-page h3{
font-size: 18px;
font-weight: 600;
}
.node--type-pop-page .background-area{
background: #F7F8FA;
border-radius: 3px;
padding: 15px;
margin: 0 0 20px 0;
}
.node--type-pop-page .background-area p{
margin-bottom: 10px;
}
.node--type-pop-page .background-area ul{
padding-left: 20px;
margin-bottom: 0;
}
.node--type-pop-page .background-area ul li{
line-height: 19px;
font-weight: 300;
margin-bottom: 5px;
}

.field--name-field-explore a{
font-size: 18px;
color: #181718;
text-decoration: underline;
line-height: 30px;
}
.field--name-field-references .field__label{
font-weight: 600;
}
.background-icon h3{
padding-left: 50px;
position: relative;
}
.background-icon h3 img{
position: absolute;
left: 0;
width: 45px;
height: auto;
}
.node--type-pop-page .learn-more{
color: #F15826;
font-size: 16px;
font-weight: 600;
text-decoration: underline;
line-height: 40px;
}
.node--type-pop-page img{
max-width: 100%;
height: auto;
}


.color-purple2 {
color: #584382 !important;
}
.main-content h3 {
font-family: "Montserrat-Bold",Arial, sans-serif;
font-size: 21px;
line-height: 1;
}
.main-content p {
font-family: "Montserrat-Regular",Arial, sans-serif;
font-size: 13px;
line-height: 1.4;
}
.color-red {
color: #e01e35 !important;
}
.main-content h4 {
font-family: "Montserrat-Bold",Arial, sans-serif;
font-size: 13px;
line-height: 1;
}
.main-content .image-box {
/*border: 10px #fafafa solid;*/
    /*margin: 0 0 10px 0;*/
}
.main-content p a u {
    text-decoration: none;
}
.main-content p a {
    font-size: 13px;
    color: #584382;
    text-decoration: none;
}

.track-row1{
    background: #fff;
    padding: 45px;
    margin-top: 40px;
    font-weight: 300;
    font-size: 18px;
}
.track-row1 .row1-left, .track-row1 .row1-right{
    margin-top: 45px;
    padding-left: 80px;
    padding-right: 50px;
}
.track-row1 .row1-left{
    border-right: 1px solid #181718;
    background: url(../images/icon_1.svg) no-repeat;
    background-size: 52px 52px;
    font-weight: 600;
}
.track-row1 .row1-right{
    background: url(../images/icon_2.svg) no-repeat;
    background-size: 52px 52px;
}
.track-row1 .row1-left h3, .track-row1 .row1-right h3{
    font-size: 18px;
    font-weight: 600;
}
.track-row1 .row1-left p, .track-row1 .row1-right p{
    font-size: 15px;
}
.track-row2{
    margin-top: 100px;
}
.track-row2 p{
    font-size: 18px;
}
.track-row2 h3{
    font-size: 18px;
    font-weight: 600;
}
.row-question{
    background: #fff;
    padding: 40px 30px;
    filter: drop-shadow(0rem 0rem 0.2rem #ccc);
    margin-top: 70px;
}
.row-question h3{
    color: #F15826;
    font-size: 21px;
    padding-left: 38px;
    font-weight: 600;
    margin-left: -15px;
    margin-right: -15px;
}
.row-question h3 span{
    width: 28px;
    display: inline-block;
    margin-left: -32px;
}
.question10 h3 span,
.question11 h3 span,
.question12 h3 span{
    width: 38px;
}
.answer{
    text-align: center;
    border: 1px solid #aaa;
    border-radius: 3px;
    margin: 30px 5px;
    padding: 0 5px;
    cursor: pointer;
    min-width: 146px;
}
.answer.active{
    background: #DFDFE0;
}
.answer .answer-title{
    font-size: 15px;
    padding-top: 20px;
    font-weight: 600;
    color: #F15826;
}
.answer .answer-cont{
    font-size: 13px;
    padding-bottom: 20px;
    font-weight: 300;
}

.button-next, .button-submit{
    text-align: right;
}
.row-print{
    background-color: #fff;
    margin-top: -30px;;
    padding: 40px 40px 40px 130px;
    background-image: url(../images/icon_print.svg);
    background-repeat: no-repeat;
    background-size: 60px 60px;
    background-position: 40px 40px;
    margin-bottom: 30px;
}
.row-print .print-title{
    font-weight: 600;
    font-size: 18px;
}
.row-print p{
    margin-top: 10px;
    font-size: 15px;
}
.btn-print{
    padding: 10px 30px;
    font-size: 20px;
    margin: 0;
}
.tip{
    font-size: 13px;
}
.step-2{
    display: none;
}
.post-card-item{
    width: 100%;
}
ul.line-style{
    list-style: none;
    padding: 0;
    list-style-image: url('data:image/svg+xml;base64,PHN2ZyB0PSIxNjA4MDAzOTA0ODY2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjIxNjUiIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyI+PHBhdGggZD0iTTY0IDcyMGg4OTZ2NjRINjR6IiBmaWxsPSIjMDAwMDAwIiBwLWlkPSIyMTY2Ij48L3BhdGg+PC9zdmc+');
}
.node--type-pop-page .pop-page p{
    font-family: "Montserrat-Regular",Arial, sans-serif;
    font-size: 13px;
    line-height: 1.3;
    font-weight: normal;
    color: #333c43;
}
.modal-page .text {
  font-family: "BarlowSemiCondensed-Regular", Arial, sans-serif !important;
  font-size: 20px;
  line-height: 1;
  margin: 0 0 6px 0;
  text-transform: uppercase;
}
.modal-page .link {
    margin: 0;
    font-family: "Montserrat-Regular",Arial, sans-serif;
    font-size: 12px;
    line-height: 1.2;
    text-decoration: underline;
    display: block;
}
.color-blue {
    color: #004987 !important;
}
.references {
    padding-top: 20px;
}
.modal-page .references h3 {
    font-family: "Montserrat-Bold",Arial, sans-serif;
    font-size: 9px;
    line-height: 1;
    color: #333c43;
}
.modal-page ul {
    padding: 0 0 0 16px;
}
.modal-page .references ul {
    padding: 0 0 0 10px;
}

.modal-page ul li {
    font-family: "Montserrat-Regular",Arial, sans-serif;
    font-size: 13px;
    line-height: 1.3;
    color: #333c43;
    list-style-type: disc;
    display: list-item;
    margin: 0 0 5px 0;
    text-indent: 0;
}
.modal-page .references ul li {
    font-family: "Montserrat-Regular",Arial, sans-serif;
    font-size: 9px;
    line-height: 1.2;
    text-indent: 0;
    list-style-type: decimal;
}
.references a {
    margin: 0;
}
.references a u {
    font-size: 9px;
    word-break: break-all;
}
.modal-page .share_buttons {
    width: 180px;
}
.modal-page .share_buttons .share_button {
    width: 20px;
    height: 20px;
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    display: inline-block;
    cursor: pointer;
}
.modal-page .share_buttons .share_facebook {
    background-image: url(../images/icon-share-facebook.svg);
}
.modal-page .share_buttons .share_twitter {
    background-image: url(../images/icon-share-twitter.svg);
}
.modal-page img, .modal-page iframe, .modal-page embed, .modal-page object {
    max-width: 100%;
}

/*.modal-page .modal-bg {*/
/*    width: 100%;*/
/*    height: 83px;*/
/*    bottom: -83px;*/
/*    background-image: url(../images/model_bootom.png);*/
/*    background-size: 84px 84px;*/
/*    background-position: right 0 bottom 0;*/
/*    background-repeat: no-repeat;*/
/*}*/
/*.modal-page .modal-bg:before {*/
/*    content: ' ';*/
/*    display: block;*/
/*    height: 83px;*/
/*    width: calc(100vw - 83px);*/
/*    top: 0;*/
/*    left: 0;*/
/*    background-color: white;*/
/*}*/
/*.modal-page .modal-bg.bg5:before {*/
/*    background-image: url(../images/model_bg5.svg);*/
/*    background-size: 249px 83px;*/
/*    background-position: right 100px bottom -30px;*/
/*    background-repeat: no-repeat;*/
/*}*/

.node--type-pop-page .ico-header {
    position: relative;
    margin-bottom: 10px;
}
.node--type-pop-page .ico-header img{
    position: absolute;
    left: 0;
    top: 0;
    width: 45px;
    height: auto;
}
.node--type-pop-page .ico-header{
    padding-left: 60px;
}
.node--type-pop-page .bold14{
    font-size: 14px;
    font-weight: 600;
}
.graybg{
    background: #F7F8FA;
    padding: 10px;
    margin-bottom: 20px;
}
.title-icon{
    padding-left: 45px;
    font-weight: 600;
    position: relative;
    min-height: 40px;
    line-height: 18px;
    font-size: 15px;
    margin: 15px 0;
}
.title-icon img{
    width: 35px;
    height: auto;
    position: absolute;
    left: 0;
}
.h3icon{
    padding-left: 70px;
    position: relative;
}
.node--type-pop-page .h3icon p{
    font-size: 18px;
    font-weight: 600;
}
.h3icon img{
    width: 50px;
    height: auto;
    position: absolute;
    left: 0;
}
.node--type-pop-page .pop-page p.bold15{
    font-size: 16px;
    font-weight: 600;
}
.node--type-pop-page .pop-page p.bold16{
    font-size: 16px;
    font-weight: 600;
}
.template10 img{
    margin-bottom: 10px;
    width: 130px;
    height: auto;
}
.website-card{
    padding-left: 80px;
    position: relative;
    margin-top: 10px;
}
.website-card p{
    font-weight: 600;
}
.website-card img{
    position: absolute;
    left: 0;
    width: 60px;
    height: auto;
}
.orange{
    color: #F7941D;
}
.explore .explore-title {
    text-transform: uppercase;
    font-size: 18px;
    background: url('data:image/svg+xml;base64,PHN2ZyB0PSIxNjA3NDc5MTA2MTU0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjExMDg4IiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiPjxwYXRoIGQ9Ik03NjAuNzY4IDU3NkwzODQgOTMxLjg0IDQ2OS43NiAxMDI0IDEwMjQgNTE1LjM5MiA0NzQuMDQ4IDAgMzg0IDk4Ljg4IDc1My42IDQ0OEgwdjEyOHoiIHAtaWQ9IjExMDg5IiBmaWxsPSIjMTgxNzE4Ij48L3BhdGg+PC9zdmc+') no-repeat;
    padding-left: 20px;
    background-position: 0 13px;
    background-size: 15px;
    font-weight: 600;
}
.template6 h3{
    font-weight: 600;
    font-size: 19px;
}
.explore a{
    font-size: 16px;
    color: #181718;
    text-decoration: underline;
    line-height: 20px;
    margin-bottom: 10px;
    display: block;
}
.references h3{
    font-size: 12px;
    margin: 20px 0 10px 0;
    font-weight: 600;
}
.references ul{
    padding-left: 12px;
    list-style-type: decimal;
}
.references ul li span{
    font-weight: 300;
}
.template3{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.template3 img{
    width: 160px;
    height: 160px;
}

.post-card-item .views-field-field-image img{
    width: 100%;
    height: auto;
    min-height: 146px;
}
.site-footer__top p{
    font-weight: 600;
    font-size: 18px;
}
.site-footer__top p img{
    width: 220px;
    height: 30px;
    margin-bottom: 10px;
}
.site-footer__top p::after{
    display: block;
    clear: both;
    content: "";
}
button:focus{
    outline: none;
}
.explore{
    margin-top: 30px;
}
.explore .explore-title hr{
    margin-left: -20px;
    margin-bottom: 11px;
}
.explore .explore-title p{
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 15px;
}
.white-card{
    margin-top: 50px;
}
.white-card .col-lg-8, .white-card .col-lg-4{
    padding-right: 20px;
    padding-left: 20px;
}
.white-card .text-cont{
    border-top: 1px solid #333;
}
.white-card .imgbg{
    width: 100%;
    background-size: cover;
    padding-bottom: 65%;
    height: 0;
    position: relative;
}
.white-card .imgbg::after{
    content: "";
    height: 30px;
    background: linear-gradient(-45deg, #F7F8FA 15px, transparent 0);
    position: absolute;
    width: 100%;
    bottom: 0;
}
.white-card .row{
    margin-bottom: 100px;
}
.white-card .res-row1 .imgbg{
    background-image: url(../images/res-img4.png);
}
.white-card .res-row2 .imgbg{
    background-image: url(../images/res-img1.png);
}
.white-card .res-row3 .imgbg{
    background-image: url(../images/res-img2.png);
    background-position: right;
}
.white-card .res-row4 .imgbg{
    background-image: url(../images/res-img3.png);
}

.right-img img{
    width: 100%;
    height: auto;
}
.website-card p{
    margin-bottom: 3px;
}
#modal_iframe .modal-dialog .modal-content .modal-header{
    min-height: 89px;
}
#modal_iframe .modal-dialog .modal-content .modal-body{
    margin-top: -89px;
}

#modal_alert .modal-content, #modal_alert2 .modal-content{
    margin: 200px auto;
    background: #fff;
    width: 100%;
    max-width: 800px;
    text-align: center;
    border-radius: 0;
}
#modal_alert2 .modal-content{
    width: 400px;
}
.alert-cont{
    font-family: "BarlowSemiCondensed-Regular",Arial, sans-serif;
    font-size: 20px;
    line-height: 22px;
}
#modal_alert .modal-content .modal-body,#modal_alert2 .modal-content .modal-body{
    padding: 40px;
}
#modal_alert .modal-content .modal-body .alert-btn .btn,#modal_alert2 .modal-content .modal-body .alert-btn .btn{
    padding: 10px 20px;
    width: 120px;
    font-family: "BarlowSemiCondensed-Medium",Arial, sans-serif;
    font-size: 16px;
    line-height: 1.2;
    color: #fff;
    background-color: #0081a8;
    cursor: pointer;
    display: inline-block;
    position: relative;
    margin: 30px 20px 10px 0;
    border-radius: 30px;
}
#modal_alert .modal-content .modal-header,#modal_alert2 .modal-content .modal-header {
    height: 60px;
    background: linear-gradient(-45deg, transparent 10px, #F79520 0);
}
#modal_alert .modal-dialog .modal-content .close,#modal_alert2 .modal-dialog .modal-content .close{
    top:20px;
}
#modal_alert .alert-title, #modal_alert2 .alert-title{
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 10px;
}
.background-icon h3{
    padding-left: 60px;
    margin-top: 10px;
}
.background-icon h3 img{
    top: -5px;
}
.line-style li{
    font-weight: 300;
}
.post-card-item {
    width: 25%;
}
.btn.focus, .btn:focus{
    color: #212529;
}
.animated {
    animation-duration: 1.4s;
}
.assess-submit{
    position: relative;
    width: 130px;
}
.assess-submit span.loading{
    width: 15px;
    height: 15px;
    margin-right: 5px;
    position: absolute;
    left: 11px;
    top: 12px;
    border: 3px rgba(255, 255, 255, 0.25) solid;
    border-top: 3px #fff solid;
    border-radius: 50%;
    -webkit-animation: spCircRot .6s infinite linear;
    animation: spCircRot .6s infinite linear;
}
@-webkit-keyframes spCircRot {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}
@keyframes spCircRot {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}
.view-front #featured-box .post-card{
    background: linear-gradient(135deg,transparent 20px,#F7941D 0, #D7721F 300px);
    padding: 90px 25px 50px 25px;
}
.view-front #featured-box .post-card .views-field-field-image{
    display: none;
}
.view-front #featured-box .views-field-title a{
    color: #fff;
    font-size: 32px;
    line-height: 32px;
}
.view-front #featured-box .views-field-field-excerpt{
    font-size: 19px;
    color: #fff;
    line-height: 23px;
}
.view-front #featured-box .views-field-view-node a{
    color: #fff;
    font-size: 19px;
    margin-top: 30px;
}
.track-row1 sup{
    font-size: 50%;
    top: -0.7em;
}
.c19-row-1{
    margin: 60px 0 40px 0;
}
.c19-row-1 p{
    font-size: 18px;
}
.c19-row-2{
    background: #fff;
    padding: 40px;
}
.c19-row-2 p{
    font-size: 18px;
    margin-bottom: 5px;
}
.c19-row-2 h2{
    font-size: 22px;
    font-weight: 600;
}
.c19-row-2 ul{
    padding-left: 15px;
}
.c19-row-2 li{
    margin-bottom: 10px;
    line-height: 20px;
}
.c19-row-2 p.fz14{
    font-size: 14px;
}
.c19-row-2 p.fz12{
    font-size: 12px;
}
.share-icon{
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    margin-left: 50px;
    padding-top: 5px;
}
.share-icon a{
    margin-left: 20px;
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: 25px auto;
}
.share-icon a span{
    display: none;
}
.share-icon a:hover{
    text-decoration: none;
}
.share-icon #fbShare{
    background-image: url(../images/icon_fb.svg);
}
.share-icon #inShare{
    background-image: url(../images/icon_twitter.svg);
}
.ft18{
    font-size: 18px;
}
.v-box{
    background: #fff;
    margin-top: 20px;
}
.v-box img{
    width: 100%;
}
.v-box .v-title {
    padding-left: 20px;
    margin-top: 25px;
    color: #181718;
    font-size: 20px;
    font-weight: 600;
}
.v-box .v-time{
    padding-left: 20px;
    line-height: 40px;
    padding-bottom: 30px;
    font-size: 18px;
    font-weight: 200;
}
.question-title{
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 26px;
    width: 100%;
    max-width: 350px;
}
.questionnaire-num{
    font-size: 14px;
    padding-top: 10px;
    text-align: right;
    max-width: 350px;
    width: 100%;
}
.header .header-panel .navbar .navbar-collapse {
    background-color: white;
    position: relative;
    top: 50px;
    right: 0;
}
.identify-symptoms {
  position: relative;
  z-index: 50;
  background-color: #F5E1E1 !important;
}
.identify-symptoms .split-text-container {
    z-index: 52;
    width: 100%;
    margin: 20px 0;
    position: relative;
    top: 0;
}
.identify-symptoms .split-text-container .split-text-panel {
    max-width: 540px;
    margin: 0 auto;
    text-align: center;
}
.identify-symptoms .icon-peopler {
    width: 42px;
    height: 42px;
    margin: 0 auto 10px auto;
    background-image: url(../images/icon-peopler.svg);
    background-size: 42px 42px;
    background-repeat: no-repeat;
    background-position: center;
}
.identify-symptoms .split-text-container .split-text-panel .split-text {
    font-family: "Montserrat-Bold",Arial, sans-serif;
    font-size: 21px;
    line-height: 24px;
    color: #584382;
    display: inline;
    background-color: white;
    text-align: center;
    width: 100%;
    margin: 0;
}
.identify-symptoms .identify-symptoms-image {
    display: none;
    position: relative;
}
.identify-symptoms .identify-symptoms-image .image {
    width: 100%;
    height: 68vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.identify-symptoms .identify-symptoms-image .text-panel {
    padding: 16px;
    background-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
}
.identify-symptoms .identify-symptoms-image .text-panel .text {
    font-family: "Montserrat-Regular",Arial, sans-serif;
    font-size: 12px;
    line-height: 1.2;
    color: white;
    text-align: right;
    max-width: 260px;
    margin: 0;
    padding: 0 20px 0 0;
}
.identify-symptoms .identify-symptoms-image .text-panel .icon {
    cursor: pointer;
    width: 83px;
    height: 63px;
    margin: 0;
    border-radius: 4px;
    border: 1px white double;
    background-image: url(../images/icon-upload-white.svg);
    background-size: 39px 30px;
    background-repeat: no-repeat;
    background-position: center 10px;
    position: relative;
}
.identify-symptoms .identify-symptoms-image .text-panel .icon span {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    margin: 0 0 6px 0;
    font-family: "Montserrat-Regular",Arial, sans-serif;
    font-size: 8px;
    line-height: 1;
    color: white;
}
.identify-symptoms-panel {
    margin-top: 40px;
}
.atlas .identify-symptoms .upload-panel {
    border: 1px #777779 dashed;
    border-radius: 4px;
    background-color: white;
    padding: 40px;
    display: flex;
    flex-direction: column;
    margin: 0 0 40px 0;
}
.atlas .identify-symptoms .upload-panel .icon-upload {
    width: 68px;
    height: 52px;
    margin: 0 auto;
    background-image: url(../images/icon-upload.svg);
    background-size: 68px 52px;
    background-repeat: no-repeat;
    background-position: center;
}
.atlas .identify-symptoms .upload-panel .text {
    font-family: "Montserrat-Regular",Arial, sans-serif;
    font-size: 12px;
    line-height: 1.2;
    color: #333c43;
    text-align: center;
    margin: 10px 0;
}
.atlas .identify-symptoms .upload-panel .upload-btn {
    cursor: pointer;
    font-family: "Montserrat-Bold",Arial, sans-serif;
    font-size: 12px;
    line-height: 1;
    color: white;
    background-color: #e01e35;
    border-radius: 4px;
    width: 102px;
    margin: 0 auto;
}
.unslider {
    overflow: auto;
    margin: 0;
    padding: 0;
}
.unslider-arrow {
    position: absolute;
    left: 20px;
    z-index: 2;
    cursor: pointer;
}
.main-content .unslider-arrow {
    width: 21px;
    height: 21px;
    background-color: #0081a8;
    border-radius: 6px;
    background-size: 6px 12px;
    background-image: url(../images/unslider-arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    bottom: 26px;
    margin: 0;
    padding: 0;
}
.unslider-arrow.next {
    left: auto;
    right: 20px;
}
.main-content .unslider-arrow.next {
    right: 15px;
    transform: rotateZ(180deg);
}
.main-content .unslider-arrow.prev {
    left: 15px;
}
.main-content .unslider-panel .image {
    width: 100%;
    height: 68vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.main-content .unslider-panel .text-panel {
    padding: 16px 40px;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;
    width: 100%;
    max-height: 100%;
}
.slide-box {
    height: 100%;
}
.main-content .unslider-panel .text-panel .title {
    font-family: "Montserrat-Regular",Arial, sans-serif;
    font-size: 14px;
    line-height: 1;
    color: white;
    text-align: center;
    width: 100%;
    padding: 0;
    margin: 0;
}
.more-text {
    color: #fff;
    font-size: 15px;
    margin: 0;
    cursor: pointer;
}
.main-content .unslider-panel .text-panel .sub-title {
    font-family: "Montserrat-Regular",Arial, sans-serif;
    font-size: 12px;
    line-height: 1.2;
    color: white;
    text-align: center;
    width: 100%;
    padding: 0;
    margin: 0 0 5px 0;
}
.identify-symptoms .upload-panel {
    border: 1px #777779 dashed;
    border-radius: 4px;
    background-color: white;
    padding: 40px;
    display: flex;
    flex-direction: column;
}
.identify-symptoms .upload-panel .icon-upload {
    width: 68px;
    height: 52px;
    margin: 0 auto;
    background-image: url(../images/icon-upload.svg);
    background-size: 68px 52px;
    background-repeat: no-repeat;
    background-position: center;
}
.identify-symptoms .upload-panel .text {
    font-family: "Montserrat-Regular",Arial, sans-serif;
    font-size: 12px;
    line-height: 1.2;
    color: #333c43;
    text-align: center;
    margin: 10px 0;
}
.identify-symptoms .upload-panel .upload-btn {
    cursor: pointer;
    font-family: "BarlowSemiCondensed-Medium",Arial, sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: white;
    background-color: #0081a8;
    border-radius: 20px;
    width: 102px;
    margin: 0 auto;
}
.featured-bottom .container{
    max-width: 100%;
    margin-bottom: 0;
}
.atlas .identify-symptoms {
    padding: 80px 0 0 0;
    position: relative;
    top: -80px;
    z-index: 50;
}
.main-content .icon-calendar {
    margin: 20px auto;
    width: 57px;
    height: 59px;
    background-image: url(../images/icon-calendar.svg);
    background-size: 57px 59px;
    background-repeat: no-repeat;
    background-position: center;
}
#block-atlasfooter{
    width: 100%;
}
.page-node-38 .page-jumbotron {
    background-color: transparent;
    z-index: 51;
}
/*body.page-node-38 .page-jumbotron,*/
/*body.page-node-40 .page-jumbotron,*/
/*body.doctors .page-jumbotron {*/
/*    background: -webkit-gradient(linear, left top, left bottom, from(#913786), color-stop(0.7, #913786), to(#584382));*/
/*    background: linear-gradient(to bottom, #913786, #913786 70%, #584382);*/
/*}*/
/*body.page-node-38 .page-jumbotron:before,*/
/*body.page-node-40 .page-jumbotron:before,*/
/*body.doctors .page-jumbotron:before {*/
/*    width: 100%;*/
/*    height: 100px;*/
/*    border-left: calc(98vw) solid transparent;*/
/*    border-right: 0 solid transparent;*/
/*    border-top: 60px solid #584382;*/
/*    position: absolute;*/
/*    bottom: -100px;*/
/*}*/
/*body.page-node-38 .page-jumbotron .jumbotron-bg-home,*/
/*body.page-node-40 .page-jumbotron .jumbotron-bg-home,*/
/*body.doctors .page-jumbotron .jumbotron-bg-home {*/
/*    width: 100%;*/
/*    height: 320px;*/
/*    background-color: #EAC3DD;*/
/*    background-size: contain;*/
/*    background-repeat: no-repeat;*/
/*    background-position: center 0;*/
/*}*/
body.page-node-38 .page-jumbotron .jumbotron-bottom-container .jumbotron-content-panel,
body.page-node-40 .page-jumbotron .jumbotron-bottom-container .jumbotron-content-panel,
body.doctors .page-jumbotron .jumbotron-bottom-container .jumbotron-content-panel {
    max-width: 100%;
    position: relative;
    left: 0;
}
.page-node-38 .page-jumbotron .jumbotron-bottom-container,
.page-node-40 .page-jumbotron .jumbotron-bottom-container {
    bottom: 0;
}
.page-jumbotron .title-center {
    text-align: center !important;
}
.path-frontpage .justify-content-center{
    /*justify-content: flex-start!important;*/
}
.toolbar li, .toolbar a, .post-card-body a, .post-card-body span{
    margin: 0;
}
.page-node-40 #main.container{
    width: 100%;
    max-width: 100%;
}

.main-content .symptom-questionnaire .button {
    background-color: #fafafa;
    border-radius: 3px;
    cursor: pointer;
    box-shadow: 1px 1px 1px 1px #ccc;
    text-align: center;
    color: #333c43;
    margin: 10px auto 15px auto;
    padding: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.main-content .symptom-questionnaire .button.button1 {
    width: 68px;
    height: 50px;
    font-family: "Montserrat-Regular",Arial, sans-serif;
    font-size: 21px;
    line-height: 50px;
}
.symptom-questionnaire-chatbox {
    position: relative;
    padding: 30px;
    max-width: 540px;
    border-radius: 4px;
    background-color: #584382;
}
.symptom-questionnaire-chatbox:before {
    content: ' ';
    display: block;
    width: 18px;
    height: 18px;
    border-left: 18px solid transparent;
    border-right: 0 solid transparent;
    border-top: 18px solid #584382;
    position: absolute;
    bottom: -18px;
    right: 26px;
}
.symptom-questionnaire-chatbox .title {
    font-family: "Montserrat-Bold",Arial, sans-serif;
    font-size: 21px;
    line-height: 1.2;
    color: #333c43;
}
.symptom-questionnaire-chatbox p {
    font-size: 16px;
    line-height: 1.2;
    color: #333c43;
}
.symptom-questionnaire-chatbox .button {
    margin: 0 auto;
    width: 100px;
    background: #fff;
    border-radius: 4px;
    text-align: center;
    padding: 5px;
    color: #584382;
    cursor: pointer;
}
.main-content .symptom-questionnaire .button.button2 {
    width: 208px;
    height: 62px;
    font-family: "Montserrat-Regular",Arial, sans-serif;
    font-size: 16px;
    line-height: 1.2;
}
.main-content .symptom-questionnaire .button.active {
    background-color: #584382;
    color: white;
}
.color-white {
    color: white !important;
}
.symptom-text-container {
    margin-top: 80px;
}
.symptom-text-container .icon-chronic-urticaria,
.symptom-text-container .icon-measured {
    width: 60px;
    height: 60px;
    margin: 0 40px 0 0;
}
.symptom-text-container .icon-chronic-urticaria {
    background-image: url(../images/icon-chronic-urticaria.svg);
    background-size: 46px 46px;
    background-repeat: no-repeat;
    background-position: center;
}
.symptom-text-container .right-panel {
    max-width: 600px;
}
.symptom-text-container p {
    font-family: "Montserrat-Regular",Arial, sans-serif;
    font-size: 13px;
    line-height: 1.4;
}
.page-jumbotron .jumbotron-bg-home {
    width: 100%;
    height: 300px;
    background-color: #0081a8;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center 100%;
}
body.path-frontpage {
    background-image: url(../images/bg-left.svg), url(../images/bg-right.svg);
    background-size: 852px 3294px, 470px 3548px;
    background-position: left -50px top 900px, right 0 top 700px;
    background-repeat: no-repeat;
}
.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: .3rem;
}
.jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
}
.page-jumbotron {
    position: relative;
    padding: 0;
    margin: 0;
    background-color: white;
}
.page-jumbotron .jumbotron-container {
    position: absolute;
    top: 80px;
    width: 100%;
}
.image-box img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
.post-card-item .post-card {
    width: 220px;
    position: relative;
    background-color: white;
    margin: 0 auto;
}
.post-card-item .post-card.link_card .post-card-body {
    min-height: 332px;
    background: -webkit-gradient(linear, left bottom, right top, from(#ee7067), to(#fdd9b7));
    background: linear-gradient(45deg, #ee7067, #fdd9b7);
    border-radius: unset !important;
}
.post-card-item .post-card.link_card .post-card-body .thumbnail {
    display: none;
}
.post-card-item .post-card.link_card .post-card-body .title {
    font-family: "Montserrat-Bold",Arial, sans-serif;
    font-size: 35px;
    line-height: 1.2;
    color: #000000;
    height: calc(332px - 74px);
    display: flex;
    align-items: center;
    padding: 24px 10px 0 10px;
  text-transform: uppercase;
}
.post-card-item .post-card .post-card-body .excerpt {
    color: #333c43;
    font-family: "Montserrat-Regular",Arial, sans-serif;
    font-size: 14px;
    line-height: 1.2;
    padding: 10px;
}
.post-card-item .post-card.link_card .post-card-body .excerpt .card-link {
    margin: 0;
    padding: 8px 20px;
    font-family: "BarlowSemiCondensed-Medium",Arial, sans-serif !important;
    font-size: 16px;
    line-height: 1;
    color: white;
    border-radius: 20px;
    background-color: #0081a8;
}
.post-card-item .post-card.link_card .btn {
    display: none;
}

.node--type-pop-page .header-top{
    background: #0a0a0a;
}
.node--type-pop-page .modal_false .modal-page{
    margin-top: 98px;
}
.pop-page .modal_false .container{
    max-width: 1140px;
    padding-bottom: 30px;
    margin: 0 auto;
}
.modal_false .modal-bg{
    display: none;
}
.modal_false .pop-top .title{
    width: 100%;
}
.modal_false .pop-page .container{
    max-width: 1140px;
}
.node--type-pop-page #toolbar-administration{
    display: none;
}
.node--type-pop-page #main-wrapper.layout-main-wrapper{
    background: transparent;
}
.node--type-pop-page #page-wrapper > #page{
    background: transparent;
}
#amp-menu-popup-modal .menu-ul {
    padding-left: 0;
    padding-top: 5px;
}
#amp-menu-popup-modal .menu-ul li {
    margin: 0;
    list-style: none;
    display: block;
    border-top: 1px solid #ececec;
    padding-left: 0 !important;
    text-indent: 0 !important;
    padding-top: 10px;
    padding-bottom: 10px;
}
#amp-menu-popup-modal .menu-ul li a {
    margin: 0 !important;
    display: block !important;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 1.2 !important;
}
#amp-menu-popup-modal .menu-ul li .sub-title {
    font-family: "Montserrat-Bold",Arial, sans-serif;
    font-size: 16px !important;
    line-height: 1.2;
    color: #fff;
    text-transform: uppercase;
}
#menu-popup-modal .modal-dialog, #amp-menu-popup-modal .modal-dialog {
    padding: 0;
}
#menu-popup-modal .modal-dialog .modal-content, #amp-menu-popup-modal .modal-dialog .modal-content {
    width: 100%;
    max-width: 100%;
    background-color: rgba(0, 129, 168, 0.9) !important;
    position: absolute;
    top: 0;
}
#menu-popup-modal .container, #amp-menu-popup-modal .container {
    max-width: 960px;
}
#menu-popup-modal .title, #amp-menu-popup-modal .title {
    border-bottom: 2px solid #ffffff;
}
#menu-popup-modal .title .close, #amp-menu-popup-modal .title .close {
    color: #ffffff;
    position: initial;
    opacity: 1;
    font-family: "Montserrat-Regular",Arial, sans-serif;
    font-size: 30px;
    cursor: pointer;
}
#menu-popup-modal .title p, #amp-menu-popup-modal .title p {
    font-family: "BarlowSemiCondensed-Regular",Arial, sans-serif;
    font-size: 24px;
    line-height: 1;
    color: #fff;
  text-transform: uppercase;
}
#menu-popup-modal .modal-dialog .modal-content .modal-body .sub-title, #amp-menu-popup-modal .modal-dialog .modal-content .modal-body .sub-title {
    font-family: "Montserrat-Bold" ,Arial, sans-serif !important;
    font-size: 16px;
    line-height: 1;
    color: #fff;
}
#menu-popup-modal .modal-dialog .modal-content .modal-body .menu-ul, #amp-menu-popup-modal .modal-dialog .modal-content .modal-body .menu-ul {
    padding-left: 0;
    padding-top: 5px;
}
#menu-popup-modal .modal-dialog .modal-content .modal-body .menu-ul li, #amp-menu-popup-modal .modal-dialog .modal-content .modal-body .menu-ul li {
    margin: 0;
    list-style: none;
    padding-left: 12px;
    text-indent: -12px;
    display: block;
}
#menu-popup-modal .modal-dialog .modal-content .modal-body .menu-ul li a, #amp-menu-popup-modal .modal-dialog .modal-content .modal-body .menu-ul li a {
    color: #ffffff;
    font-family: "Montserrat-Regular",Arial, sans-serif;
    font-size: 14px;
    line-height: 1;
    margin: 0;
    display: inline;
    margin-left: 7px;
}
#menu-popup-modal .modal-dialog .modal-content .modal-body .menu-ul li:before {
    color: #ffffff;
    content: "•";
}
#amp-menu-popup-modal {
    max-width: 100%;
}
#amp-menu-popup-modal .title {
    border-bottom: none !important;
}
.navbar-brand{
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
}
.questionnaire-content .questionnaire .questionnaire-button-panel {
    margin-top: 10px;
}
.modal-page b {
    margin: 0;
    font-family: "Montserrat-Bold",Arial, sans-serif;
    font-size: 13px;
    line-height: 1.3;
    font-weight: normal;
    color: #333c43;
}
.share-img-box .share-button{
    height: 0;
}
.modal-page table {
    border: 0;
}
.modal-page table tr td {
    vertical-align: top;
    border: 0;
}
.modal-page img, .modal-page iframe,  .modal-page embed, .modal-page object {
    max-width: 100%;
}
.bg-color-purple {
    background-color: #653350 !important;
}
.modal-page table tr td {
    vertical-align: top;
    border: 0;
        border-right-color: currentcolor;
        border-right-style: none;
        border-right-width: 0;
}
.bg-color-graywhite {
    background-color: #fafafa;
}
.color-white {
    color: white !important;
}
.d-block.m-0{
    height: 10px;
    overflow: hidden;
}
.position-relative.d-block.m-0{
    height: 20px;
    overflow: hidden;
}
#footer .container .site-copyright .split {
    padding: 0 6px;
    margin: 0;
    display: inline-block;
    color: white;
}
.symptom-text-container h3{
    font-family: "Montserrat-Bold",Arial, sans-serif;
    font-size: 21px;
    line-height: 1;
}
.path-pop #page, .path-pop #main-wrapper{
    background: transparent;
}
.node--type-pop-page header, .node--type-pop-page .footer{
    display: none;
}
.assess-submit{
    background: linear-gradient(to bottom, #E01F36, #972748);
    font-family: "Montserrat-Regular",Arial, sans-serif;
    font-size: 16px;
    line-height: 1.2;
    padding: 10px 20px;
    border-radius: 3px;
    border: 0;
    text-transform: uppercase;
}
.path-fill-missing .navbar, .path-fill-missing .button-menu{
    display: none;
}
.path-fill-missing h2{
    font-family: "Montserrat-Regular",Arial, sans-serif;
    font-size: 30px;
    line-height: 1.4;
    font-weight: bold;
    margin-top: 60px;
    margin-bottom: 50px;
}
.fill-missing-page table tr th{
    background: #fff;
    color: #212529;
    font-size: 18px;
    font-family: "Montserrat-Regular",Arial, sans-serif;
    border: 0;
}
.fill-missing-page select{
    font-family: "Montserrat-Regular",Arial, sans-serif;
    width: 100%;
    height: 40px;
    font-size: 16px;
}
.fill-missing-page thead > tr {
    border-bottom: 0;
}
.fill-missing-page tbody td{
    padding: 20px 30px;
}
.fill-missing-page tbody tr td{
    border: 0;
}
.fill-missing-page tbody td.dayno{
    vertical-align: middle;
    font-family: "Montserrat-Regular",Arial, sans-serif;
    color: #212529;
    font-size: 18px;
    border-left: 0;
}
.fill-missing-page .table-striped tbody tr{
    background-color: #F1EEEF;
}
.fill-missing-page .table-striped tbody tr td.dayno{
    font-weight: 700; background-color: #D6D8DA;padding: 10px;text-align: center
}
.fill-missing-page .table-striped tbody tr.day-title{
    background-color: #D6D8DA;
}
.fill-missing-page .table-striped tbody tr.day-title th{
    background-color: #FAF8F9;font-size: 14px;font-weight: 600;padding: 10px 10px 5px 10px;
}
.fill-missing-page .table-striped tbody tr.day-title.empty th{
    background-color: #F9D2D7;
}
.fill-missing-page .table-striped tbody tr.empty{
    background-color: #F9D2D7;
}
.fill-missing-page .table-striped tbody tr.day-input td.day-input-col1{
    padding: 10px 10px 0 10px;
}

.fill-missing-page .table-striped tbody tr.day-input td.day-input-col2{
    border: none; padding: 10px 10px 0 10px;
}
.fill-missing-page .table-striped tbody tr.day-input td.day-input-col2 ul{
    padding-left: 20px;
    margin-bottom: 0;
}
.fill-missing-page .table-striped tbody tr.day-input td.day-input-col2 ul li{
    display: list-item;list-style: none;
}
.fill-missing-page .day-input p{
    font-size: 13px;
    color: #ff0000;
    display: none;
    line-height: 16px;
    margin-top: 10px;
}
.btn-verification-code,
.btn-fill-missing{
    background: linear-gradient(to bottom, #E01F36, #972748);
    color: white;
    font-family: "Montserrat-Regular",Arial, sans-serif;
    font-size: 22px;
    line-height: 50px;
    height: 60px;
    width: 180px;
    text-align: center;
    border-radius: 6px;
    border: 0;
    font-weight: bold;
    margin-top: 30px;
}
.fill-missing-page .footer-text {
    margin-bottom: 150px;
    margin-top: 80px;
}
.fill-missing-page p{
    font-size: 18px;
}
#isFeatured .post-card .post-card-body{
    min-height: 332px;
    border-radius: unset !important;
    background: -webkit-gradient(linear, left bottom, right top, from(#ee7067), to(#fdd9b7));
    background: linear-gradient(45deg, #ee7067, #fdd9b7);
}
#isFeatured .post-card .post-card-body .views-field-field-image,
#isFeatured .post-card .post-card-body .views-field-field-excerpt{
    display: none;
}
.view-front #isFeatured .post-card{
    background: none;
}
#isFeatured .post-card .post-card-body .views-field-title a {
    font-family: "BarlowSemiCondensed-Regular", Arial, sans-serif !important;
    font-size: 35px;
    line-height: 1.2;
    color: #000;
    height: calc(332px - 74px);
    display: flex;
    align-items: center;
    padding: 24px 24px 0 24px;
}
#isFeatured .post-card .post-card-body .views-field-title a:hover{
    text-decoration: none;
}
#isFeatured .post-card .post-card-body .views-field-view-node a {
    margin: 0;
    padding: 8px 20px;
    font-family: "BarlowSemiCondensed-Medium",Arial, sans-serif !important;
    font-size: 16px;
    line-height: unset !important;
    color: white;
    border-radius: 20px;
    text-decoration: none;
    margin-left: 24px;
    background-color: #0081a8;
}
.form-check-label a{
    text-decoration: underline;
    margin-bottom: 0;
}
@media (min-width: 0px){
    .slide-box {
        max-height: 180px;
    }
    .identify-symptoms-panel {
        margin-top: 40px;
    }
    .default-popup-modal.popup-modal .modal-dialog .modal-content {
        padding: 40px 0;
    }
    .button-menu {
        display: none;
    }
    .itchy-table {
        overflow: scroll;
    }
}

@media (min-width: 576px){
    .identify-symptoms .split-text-container {
        width: calc(100% - 30px);
        margin: 60px 0 20px 0;
    }
    .identify-symptoms .identify-symptoms-image .image {
        height: 35.5vw;
    }
    .identify-symptoms .identify-symptoms-image .text-panel .icon span {
        font-size: 10px;
    }
    .main-content .unslider-panel .image {
        height: 35.5vw;
    }
    body.page-node-38 .page-jumbotron:before,
    body.page-node-40 .page-jumbotron:before,
    body.doctors .page-jumbotron:before {
        content: ' ';
        display: block;
    }
    .page-jumbotron .jumbotron-bg-home {
        height: 550px;
        background-color: transparent;
        background-image: url(../images/new-header-home-bg.png);
    }
    body.path-fill-missing .jumbotron-bg-home{
        height: 32vw;
        background-image: url(../images/helpus-bg.png);
    }
    body.path-fill-missing .page-jumbotron .jumbotron-container .jumbotron-content-box{
        justify-content: left!important;
    }
    /*body.page-node-38 .page-jumbotron .jumbotron-bg-home{*/
    /*    height: 52vw;*/
    /*    background-color: transparent;*/
    /*    background-image: url(../images/header-bg-atlas.png);*/
    /*}*/
    body.page-node-38 .page-jumbotron .jumbotron-bottom-container .jumbotron-content-panel,
    body.page-node-40 .page-jumbotron .jumbotron-bottom-container .jumbotron-content-panel,
    body.doctors .page-jumbotron .jumbotron-bottom-container .jumbotron-content-panel {
        max-width: calc(100% - 140px);
        left: 140px;
    }
    /*.page-jumbotron .jumbotron-container {*/
    /*    top: 260px;*/
    /*}*/
    body.path-fill-missing .page-jumbotron .jumbotron-container{
        top: 200px;
    }
    /*body.page-node-40 .page-jumbotron .jumbotron-bg-home{*/
    /*    height: 50vw;*/
    /*    background-color: transparent;*/
    /*    background-image: url(../images/Hives-header-symptoms.png);*/
    /*}*/
    .questionnaire-content {
        left: 40px;
    }
    body.page-node-38 .header-top,
    body.page-node-40 .header-top,
    body.doctors .header-top,
     body.help-us .header-top {
        background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), transparent);
    }
    .questionnaire-content .questionnaire {
        height: 123px;
    }
    .node--type-pop-page main.main-content{
        max-width: 540px;
        margin: 0 auto;
    }
    .node--type-pop-page .modal_false main.main-content{
        max-width: 1140px;
        margin: 0 auto;
    }
    #footer .container .novartis-logo {
        margin-top: 0;
    }
}
@media (min-width: 768px){
    .slide-box {
        max-height: 230px;
    }
    .default-popup-modal.popup-modal .modal-dialog .modal-content {
        padding: 40px 0;
    }
    .node--type-pop-page main.main-content{
        max-width: 770px;
        margin: 0 auto;
    }
    .itchy-table {
        overflow: hidden;
    }
}
@media (min-width: 992px){
    .header .header-panel .navbar .navbar-collapse {
        background-color: transparent;
    }
    .button-menu {
        display: block;
    }
    .header .header-panel .navbar .navbar-collapse {
        top: 0;
        left: 50px;
    }
    .questionnaire-content {
        left: 240px;
    }
    .questionnaire-content .questionnaire .questionnaire-button-panel {
        margin-top: 28px;
    }
    .slide-box {
        max-height: 370px;
    }
    body.page-node-38 .page-jumbotron .jumbotron-bottom-container .jumbotron-content-panel,
    body.page-node-40 .page-jumbotron .jumbotron-bottom-container .jumbotron-content-panel,
    body.doctors .page-jumbotron .jumbotron-bottom-container .jumbotron-content-panel {
        max-width: 660px;
    }
    .page-jumbotron .jumbotron-container .jumbotron-content-box .jumbotron-content-panel {
        max-width: 800px;
    }
    .questionnaire-content .questionnaire .questionnaire-title {
        font-size: 21px;
    }
    .container {
        max-width: 960px;
    }
    body.page-node-38 .header-top .nav-link,
    body.page-node-40 .header-top .nav-link,
    body.doctors .header-top .nav-link,
    body.help-us .header-top .nav-link {
        color: white !important;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0;
        padding-left: 0;
    }
    .questionnaire-content .questionnaire .questionnaire-button-panel .questionnaire-button {
        width: 100px;
        height: 36px;
        margin: 0 44px 0 0;
        font-size: 18px;
    }
}
@media (min-width: 1200px){
    .identify-symptoms .split-text-container {
        position: absolute;
        top: 150px;
        margin: 0;
    }
    .path-frontpage .page-jumbotron .jumbotron-container {
        top: 260px;
    }
}

@media (min-width: 1400px){
    .questionnaire-content {
        bottom: 80px;
    }
}
@media (min-width: 1025px){
    .identify-symptoms-panel {
        margin-top: 230px;
    }
}

@media (max-width: 1030px){
    .post-card-item {
        width: 33.3333%;
    }
}
@media (max-width: 780px){
    .post-card-item {
        width: 50%;
    }
}
@media (max-width: 530px){
    .post-card-item {
        width: 100%;
    }
}
@media (max-width:1024px){
    .region-featured-top .block-page-title-block h1{
        margin-left: 50px;
        font-size: 45px;
    }
}
@media (min-width:1024px){
    .questionnaire-content {
        bottom: 70px;
    }
}
@media (min-width: 1600px){
    .questionnaire-content {
        bottom: 90px;
    }
}

@media (max-width: 992px){
    .nav-link {
        padding: .1rem 1rem;
    }
    .questionnaire-content{
        width: 100%;
        font-size: 20px;
    }
    .region-featured-top .block-page-title-block h1 {
        font-size: 40px;
    }
    .navbar{
        width: 100%;
        position: absolute;
    }
    .questionnaire-button{
        width: 100px;
        height: 36px;
        margin: 0 44px 0 0;
        font-size: 18px;
    }
    .header .header-panel .navbar .navbar-collapse{
        background: #75616E;
    }
    .header .header-panel .navbar .navbar-collapse .navbar-nav .nav-item{
        text-align: left;
    }
    .header {
        width: 95%;
    }
    .questionnaire-row {
        margin: 0;
    }

    .white-card {
        padding: 20px 20px;
    }

    .path-frontpage .region-featured-top .block-page-title-block h1{
        font-size: 40px;
    }
    .track-row1{
        padding: 30px 15px;
    }
    .track-row1 .row1-left{
        border: 0;
    }
    .track-row2{
        padding: 0 15px;
        margin-top: 50px;
    }
    .template-12 .row .col-md-5{
        border-right: 0;
    }
    .share-icon{
        margin-left: 20px;
        margin-bottom: 20px;
    }
}
.logo-panel a img {
    width: 60px !important;
}
@media (min-width: 576px){
    .logo-panel a img {
        width: 158px !important;
    }
    .pop-top .title {
        padding: 40px 50px 40px 30px;
    }
    .pop-top .title.multiline-2 {
        /*padding: 25px 50px 43px 50px;*/
    }
    .pop-top .title:before {
        top: 96px;
        height: 30px;
        border-top: 30px solid red;
    }
    .pop-top .title.multiline-2:before, .pop-top .title.multiline-2:after {
        top: 122px !important;
    }
    .pop-top .title h1,.pop-top .title h1 p{
        font-size: 34px;
    }
    .pop-top .title:after {
        top: 96px;
        right: 100px;
    }
}
@media (min-width: 0px){
    .img-mobile {
        display: block;
    }
    .img-lg {
        display: none;
    }
 }
@media (min-width: 768px){
    .pop-top .title h1,.pop-top .title h1 p{
        font-size: 34px;
    }
    .img-mobile {
        display: none;
    }
    .img-lg {
        display: block;
    }
}
@media (min-width: 992px){
    .page-jumbotron .jumbotron-container .jumbotron-content-box .jumbotron-content-panel .title1, .page-jumbotron .jumbotron-container .jumbotron-content-box .jumbotron-content-panel .title2, .page-jumbotron .jumbotron-container .jumbotron-content-box .jumbotron-content-panel .title-center {
        font-size: 38px;
    }
}
@media (min-width: 1200px){
    .container{
        max-width: 1140px;
    }
    .page-jumbotron .jumbotron-container .jumbotron-content-box .jumbotron-content-panel .title1, .page-jumbotron .jumbotron-container .jumbotron-content-box .jumbotron-content-panel .title2, .page-jumbotron .jumbotron-container .jumbotron-content-box .jumbotron-content-panel .title-center {
        font-size: 50px;
    }
    body.path-fill-missing .page-jumbotron .jumbotron-container .jumbotron-content-box .jumbotron-content-panel .title2{
        font-size: 55px;
    }
}
@media (max-width:766px){
    .region-featured-top .block-page-title-block h1 {
        font-size: 28px;
    }
    .path-frontpage .region-featured-top .block-page-title-block h1{
        font-size: 28px;
    }
}
@media (max-width:575px){
    .pop-page .ds-2col-stacked-fluid > .group-left, .pop-page .ds-2col-stacked-fluid > .group-right{
        width: 100%;
    }
    .path-frontpage .region-featured-top .block-page-title-block h1 {
        font-size: 24px;
    }
    .page-jumbotron .jumbotron-container{
        top: 120px;
    }
    .page-view-front .page-jumbotron .jumbotron-container{
        top: 70px;
    }

}
@media (max-width:768px){
    .row-print{
        margin-top: 20px;
    }
    .answer{
        margin: 10px 5px;
    }
}


@media (min-width: 1440px){
    .questionnaire-content {
        bottom: 80px;
    }
}
@media (min-width: 1600px){
    .questionnaire-content {
        bottom: 90px;
    }
}
@media (min-width: 1920px){
    .questionnaire-content {
         bottom: 110px;
     }
 }
.site-footer{
    background: none;
    padding: 0 15px;
}
#block-footer{
    width: 100%;
}
.site-footer .block{
    border: 0;
}
#footer { background-color: #f0eee6; position: relative; }
#footer .footer-top { width: 100%; }

#footer .container { position: relative; padding: 40px 15px 40px 15px; }
#footer .container .title {
  color: #000;
  font-family: "BarlowSemiCondensed-Regular",Arial, sans-serif;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
}
#footer .container .icon-doctor { background-image: url("../images/icon-doctor.svg"); background-size: 51px 58px; background-repeat: no-repeat; background-position: center; width: 51px; height: 58px; margin: 24px auto; }
#footer .container .site-copyright a {
  font-family: "Montserrat-Regular",Arial, sans-serif;
  font-size: 14px;
  line-height: 1;
  color: #000;
  margin: 0;
}
#footer .container .site-copyright .copyright-info {
  font-family: "Montserrat-Regular",Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #000;
}
#footer .container .site-copyright .split {
  padding: 0 6px;
  margin: 0;
  display: inline-block;
  color: #000;
  font-size: 14px;
}
#footer .container .novartis-logo {
  width: 208px;
  height: 38px;
  background-image: url("../images/novartis-logo.svg?v=2");
  background-size: 208px 38px;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: auto;
}
.monitor-your-hives-by-sms{
  font-family: "Montserrat-Bold", Arial, sans-serif !important;
  font-size: 32px;
  margin: 20px auto 0 auto;
}
.monitor-your-hives-by-sms span{
  color: #e01e35;
  margin-bottom: 0 !important;
  line-height: 38px;
  font-family: "Montserrat-Bold", Arial, sans-serif !important;
}
.monitor-your-hives-by-sms button{
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  background: -webkit-gradient(linear, left top, left bottom, from(#DF1F36), to(#962748));
  background: linear-gradient(to bottom, #DF1F36, #962748);
  border: none !important;
  padding: 2px 10px !important;
  font-weight: normal !important;
  font-size: 20px;
  margin-top: -4px;
}
.monitor-your-hives-by-sms .enrol-btn{
  color: white !important;
  box-shadow: none !important;
  outline: none !important;
}
.verification-code-msg{
  display: none;
}
.sms-code{
  height: 60px;
  font-size: 40px;
}
.text-404-content{
  line-height: 40px;
  color: #e01e35;
  font-family: "Montserrat-Bold", Arial, sans-serif;
  margin-bottom: 30px;
}
.header-question-bar{
  background: linear-gradient(90deg, #ee7067, #fdd9b7);
  min-height: 120px;
  margin-top: 0 !important;
}
.header-question-bar .questionnaire-content{
  position: unset !important;
  align-items: center;
  height: 120px;
  max-width: 1000px;
  margin: 0 auto;
}
.header-question-bar .questionnaire-content .questionnaire{
  height: 120px;
}
.header-question-bar .questionnaire-content .questionnaire .questionnaire-title{
  max-width: unset !important;
  width: 100% !important;
  line-height: unset !important;
  font-size: 24px !important;
  font-family: "BarlowSemiCondensed-Regular", Arial, sans-serif !important;
  color: #283138 !important;
  text-transform: uppercase;
}
.header-question-bar .questionnaire-content .questionnaire .questionnaire-button-panel{
  margin-top: unset !important;
}
.header-question-bar .questionnaire-content .questionnaire .questionnaire-button-panel .questionnaire-button{
  background-color: #4980A5 !important;
  color: #fff !important;
  border-radius: 40px !important;
  font-family: "BarlowSemiCondensed-Medium", Arial, sans-serif !important;
  margin: unset;
}
.page-jumbotron .jumbotron-container .jumbotron-content-box .jumbotron-content-panel .title2{
  font-family: "BarlowSemiCondensed-Regular", Arial, sans-serif !important;
  text-transform: uppercase;
  background: none !important;
  color: #fcd769 !important;
  text-align: center;
  display: block !important;
}
.path-frontpage .page-jumbotron .jumbotron-container{
  top: 120px !important;
}
.header .navbar-collapse {
  display: flex !important;
  justify-content: center !important;
}

.header .navbar-collapse > nav {
  display: inline-flex !important;
}
.header .header-panel .navbar .navbar-collapse{
  position: unset !important;
}
.header .header-panel .navbar .nav-item a{
  color: #fff !important;
  font-family: "BarlowSemiCondensed-Regular", Arial, sans-serif !important;
}
#block-contenttoptext,
#block-referencetext{
  max-width: 1000px;
  margin: 40px auto;
}
#block-contenttoptext .content-top-text{
  font-family: Montserrat-Regular,Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: unset !important;
}
.view-front .post-card-item .post-card .post-card-body{
  background-color: #FFFFFF !important;
  border-radius: 4px !important;
  box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.15) !important;
  padding-bottom: 20px;
}

.view-front .post-card-item .post-card:not(.link_card){
  background-image: none !important;
  padding: 0 !important;
}
.view-front .post-card-item .post-card.link_card .post-card-body{
  border-radius: 0 !important;
}
.post-card-item .post-card.link_card .post-card-body .title{
  font-family: "BarlowSemiCondensed-Regular", Arial, sans-serif !important;
  padding: 24px 24px 0 24px;
}
.post-card-item .post-card .post-card-body .excerpt{
  padding: 10px 0 10px 24px;
}
#block-referencetext .reference-text{
  font-family: "Montserrat-Regular", Arial, sans-serif;
  font-size: 14px;
}
.download-guide-btn{
  text-align: center;
}

.download-guide-btn a{
  background-color: #0081a8 !important;
  font-family: "BarlowSemiCondensed-Medium", Arial, sans-serif;
  display: inline-block;
  border-radius: 20px;
  padding: 10px 40px;
  margin: 20px auto;
  font-size: 16px;
  color: #fff !important;
  text-decoration: none;
}
.site-copyright{
  max-width: 1000px;
  margin: 0 auto;
}
.jumbotron.jumbotron-fluid.page-jumbotron .arrow-icon-down{
  width: 45px;
  height: 45px;
  background-image: url("../images/arrow-down.svg");
  background-size: 45px 45px;
  display: inline-block;
  animation: upDown 1.5s ease-in-out infinite;
}
.jumbotron.jumbotron-fluid.page-jumbotron .icon-box{
  margin-top: 200px;
}
@keyframes upDown {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(6px); }
  100% { transform: translateY(0); }
}
.jumbotron-container .header-text{
  color: #fff !important;
  font-family: "Montserrat-Regular", Arial, sans-serif;
  font-size: 16px;
  max-width: 900px;
  margin: 10px auto;
}
.header-question-bar .header-bar-text{
  max-width: 1000px;
  min-height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
}
.header-bar-text p:nth-of-type(1) {
  font-family: "BarlowSemiCondensed-Regular", Arial, sans-serif !important;
  text-transform: uppercase;
  font-size: 25px;
}

.header-bar-text p:nth-of-type(2) {
  font-family: "Montserrat-Regular", Arial, sans-serif;
  font-size: 16px;
}
.atlas-title{
  font-family: "BarlowSemiCondensed-Regular", Arial, sans-serif !important;
  font-size: 24px !important;
}
.atlas-sub-title{
  font-family: "Montserrat-Bold", Arial, sans-serif !important;
}
.page-atlas{
  max-width: 1000px;
  margin: 0 auto;
}
.atlas-footer{
  background: linear-gradient(90deg, #ee7067, #fdd9b7);
  padding: 30px 0;
  font-family: "Montserrat-Regular", Arial, sans-serif !important;
  font-size: 16px;
  color: #333c43 !important;
}
.symptom-footer{
  border: 1px solid #0081a8;
  font-family: "Montserrat-Regular", Arial, sans-serif !important;
  font-size: 16px;
  color: #333c43 !important;
  max-width: 860px;
  margin: 0 auto;
  padding: 30px;
}
.atlas-footer a,
.symptom-footer a{
  color: #333c43 !important;
  font-size: 16px !important;
  text-decoration: underline !important;
}
body.page-node-40 .header-text{
  max-width: 660px !important;
}

article .title--level-1 {
  font-family: "BarlowSemiCondensed-Regular", Arial, sans-serif !important;
  font-size: 20px;
  text-transform: uppercase;
  line-height: 22px;
}
article .title--level-4 {
  font-family: "Montserrat-SemiBold", Arial, sans-serif !important;
  font-size: 13px;
}
article .title--level-5 {
  font-family: "Montserrat-SemiBold", Arial, sans-serif !important;
  font-size: 12px;
}
article .bg-light-blue{
  background-color: #EBF2F6 !important;
}

article .bg-light-blue-2{
  background-color: #CEDFE8 !important;
}
article .small-text{
  font-family: "Montserrat-Regular", Arial, sans-serif !important;
  font-size: 10px !important;
}

article .color-blue{
  color: #0081a8 !important;
}

article .info-box {
  padding: 15px 15px 40px 15px;
  position: relative;
}

article .info-box__text {
  margin: 0;
  font-size: 15px !important;
  line-height: 19px !important;
  color: #1a1a1a;
  padding-bottom: 15px;
  font-family: "BarlowSemiCondensed-Regular", Arial, sans-serif !important;
}

article .info-box__btn {
  position: absolute;
  right: 15px;
  bottom: 8px;
  padding: 6px 12px;
  border-radius: 999px;

  background: #3b7a96;
  color: #fff;
  text-decoration: none;
  font-family: "BarlowSemiCondensed-Medium", Arial, sans-serif !important;
  white-space: nowrap;
  font-size: 13px;
}
.small-text-1{
  font-family: "Montserrat-Light", Arial, sans-serif !important;
  font-size: 12px !important;
  line-height:15px !important;
}
.small-text-1 b{
  font-family: "Montserrat-Bold", Arial, sans-serif !important;
  font-size: 12px !important;
}
article .info-box-2{
  font-family: "BarlowSemiCondensed-Regular", Arial, sans-serif !important;
  background-color: #f5b5b3 !important;
  padding: 15px;
  line-height: 19px;
  font-size: 15px;
}
article .bg-light-pink{
  background-color: #f8d3d1 !important;
}
article .bg-soft-linen{
  background-color: #FEF0E2 !important;
}
article .bg-dusty-rose{
  background-color: #f5b5b3 !important;
}

.page-symptom .symptoms-page-title{
  font-family: "BarlowSemiCondensed-Regular", Arial, sans-serif !important;
  font-size: 30px;
  text-transform: uppercase;
}
.page-symptom .symptoms-form-item-title{
  font-family: "Montserrat-Bold", Arial, sans-serif !important;
  font-size: 16px;
}
.page-symptom .symptoms-introduction{
  background-color: #fbe2e1 !important;
  padding: 20px;
}
.page-symptom .symptoms-introduction p i{
  font-family: "Montserrat-SemiBold", Arial, sans-serif !important;
  text-decoration: underline;
}
.page-symptom .symptoms-introduction p a{
  margin-bottom: 0 !important;
  color: #333 !important;
  text-decoration: underline;
}
.page-symptom .symptoms-introduction .symptoms-introduction-title{
  font-family: "Montserrat-Bold", Arial, sans-serif !important;
  font-size: 15px;
}
.page-symptom .symptoms-introduction p{
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 0;
  margin-top: 5px;
}

.page-symptom .table-tips{
  background-color: #F5E1E1 !important;
  font-family: "BarlowSemiCondensed-Regular", Arial, sans-serif !important;
  font-size: 24px;
  text-align: center;
  padding: 10px 0;
}
.page-symptom table tr{
  background: none !important;
}
.page-symptom table td.table-question-title{
  font-size: 13px !important;
  font-family: "Montserrat-Regular", Arial, sans-serif !important;
  width: 350px;
  min-width: 350px;
  line-height: 20px;
  padding-right: 50px !important;
  vertical-align: top !important;
}
.page-symptom table .table-question-title span{
  display: unset !important;
  font-family: "Montserrat-Bold", Arial, sans-serif !important;
}
.page-symptom table td.score-options{
  padding-right: 0 !important;
}
.page-symptom table .score-options table{
  margin: 0 0 30px 0;
}
.page-symptom table .score-options table td{
  text-align: center !important;
}

.page-symptom .table td,
.page-symptom .table th{
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-bottom: 0 !important;
  border-top: none !important;
  vertical-align: middle !important;
}

.page-symptom table .score-options table th{
  background-color: #fdf1f0 !important;
  font-family: "Montserrat-Medium", Arial, sans-serif !important;
  text-align: center;
  color: #333;
  min-width: 60px;
  font-size: 13px !important;
  padding-bottom: 5px !important;
  padding-top: 5px !important;
}
.page-symptom table .score-options table .cell-inner{
  margin-top: 10px;
  border-right: 1px solid #333;
}
.page-symptom table .score-options table .cell-inner-none-border{
  margin-top: 10px;
}
.page-symptom .table .form-check{
  padding: 5px 0 !important;
}
.page-symptom .table .form-check-input{
  margin-top: 7px !important;
  margin-left: unset !important;
  width: 20px;
  height: 20px;
  border-radius: 0 !important;
}
.page-symptom .table thead,
.page-symptom .table th,
.page-symptom .table tr{
  border: none !important;
}
.page-symptom .table td{
  font-family: "Montserrat-Regular", Arial, sans-serif;
  font-size: 16px;
}
#block-symptomfooter .content{
  width: 100% !important;
}
.page-node-40 .main-content.col{
  padding: 0 !important;
}
.symptom-footer h3{
  font-family: "BarlowSemiCondensed-Regular", Arial, sans-serif !important;
  font-weight: normal !important;
  font-size: 24px;
  text-transform: uppercase;
}
.symptom-footer .print-btn{
  background-color: #0081a8;
  border-radius: 20px;
  padding: 4px 40px;
  color: #fff;
  font-family: "BarlowSemiCondensed-Medium", Arial, sans-serif !important;
  font-size: 18px;
}
.page-symptom .symptom-footer-text{
  max-width: 860px;
  margin: 0 auto;
}
.page-symptom .symptom-footer-text .links p{
  display: block;
  margin-bottom: 5px;
  line-height: 13px;
}
.page-symptom .symptom-footer-text .links p a{
  margin: 0 !important;
  color: #333 !important;
  font-size: 13px;
  text-decoration: underline;
}
.page-symptom .symptom-footer-text ul{
  padding-left: 0;
  font-size: 10px;
}
.page-symptom .table .border-right-solid{
  border-right: solid 1px #333 !important;
  border-bottom: none !important;
}

.page-symptom table .table-title{
  font-size: 16px;
  font-family: "Montserrat-Regular", Arial, sans-serif !important;
  width: 270px;
  line-height: 40px;
}
.page-symptom table .table-title span{
  margin-right: 15px;
}
.page-symptom table .form-check-input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;

  width: 18px;
  height: 18px;

  border: 1px solid #333;
  border-radius: 0;

  background-color: #fff;
  cursor: pointer;
  position: relative;
}

.page-symptom table .form-check-input[type="radio"]:checked {
  background-color: #fff;
  border-color: #0081a8;
}

.page-symptom table .form-check-input[type="radio"]:checked::after {
  content: "";
  position: absolute;

  left: 0;
  top: 0;

  width: 100%;
  height: 100%;

  background: url('../images/check.png') no-repeat center center;
  background-size: contain;
}
.page-symptom .table-error-msg{
  color: red;
  font-family: "Montserrat-Regular", Arial, sans-serif !important;
  margin-top: 20px;
  display: none;
  text-align: center;
}
.symptom-footer-text .links{
  background-color: #e7f2f6 !important;
  padding: 20px;
}
.symptom-footer-text ul li{
  line-height: 14px !important;
}

.page-symptom .form-footer-text{
  font-family: "Montserrat-Regular", Arial, sans-serif !important;
  font-size: 10px;
  font-style: italic;
  line-height: 14px;
}
.page-symptom .form-footer-text-1{
  font-size: 13px;
  font-family: "Montserrat-Regular", Arial, sans-serif !important;
  line-height: 18px;
}
.page-symptom .score-box{
  background-color: #e7f2f6 !important;
  font-family: "BarlowSemiCondensed-Regular", Arial, sans-serif !important;
  font-size: 24px;
}
.page-symptom .score-box span{
  margin-bottom: 0 !important;
  font-family: "BarlowSemiCondensed-Medium", Arial, sans-serif !important;
}
.page-symptom .completed-btn,
.page-symptom .submit-btn{
  background-color: #0081a8 !important;
  border-radius: 30px;
  color: #fff;
  font-size: 18px;
  font-family: "BarlowSemiCondensed-Medium", Arial, sans-serif !important;
  padding: 8px 35px;
}
.page-symptom .completed-btn,
.page-symptom .score-box,
.page-symptom .form-footer-text-1,
.page-symptom .symptom-footer{
  display: none;
}


@media (max-width: 575px){
  .header .header-panel .navbar .navbar-collapse{
    display: none !important;
  }
  .header-question-bar{
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .page-jumbotron .jumbotron-container{
    top: 200px !important;
  }
  .jumbotron.jumbotron-fluid.page-jumbotron .icon-box{
    margin-top: 30px;
  }
  .header-question-bar .questionnaire-content .questionnaire .questionnaire-button-panel{
    margin-top: 10px !important;
    margin-left: 0 !important;
  }
  .page-jumbotron .jumbotron-bg-home{
    background-color: unset !important;
    background-image: url("../images/new-header-home-bg.png");
    background-size: cover;
  }
  .page-node-38 .page-jumbotron .jumbotron-bg-home,
  .page-node-40 .page-jumbotron .jumbotron-bg-home{
    height: 400px !important;
  }
  .page-node-38 .page-jumbotron .jumbotron-container,
  .page-node-40 .page-jumbotron .jumbotron-container{
    top: 60px !important;
  }
  #footer .container .novartis-logo{
    margin: 15px auto !important;
  }
  .view-front .post-card-item .post-card{
    width: 100% !important;
  }
  .pop-top .title{
    padding: 20px 50px 12px 10px !important;
  }
  .node--type-pop-page .header{
    width: 100% !important;
    height: 100px !important;
  }
}


@media (min-width: 576px) and (max-width: 991.98px){
  .header .header-panel .navbar .navbar-collapse{
    display: none !important;
  }
  .header-question-bar{
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .page-jumbotron .jumbotron-container{
    top: 200px !important;
  }
  .path-frontpage .page-jumbotron .jumbotron-container{
    top: 220px !important;
  }
  .page-node-38 .page-jumbotron .jumbotron-container,
  .page-node-40 .page-jumbotron .jumbotron-container{
    top: 150px !important;
  }

  .jumbotron.jumbotron-fluid.page-jumbotron .icon-box{
    margin-top: 100px !important;
  }
  .path-frontpage .jumbotron.jumbotron-fluid.page-jumbotron .icon-box{
    margin-top: 150px !important;
  }
  .header-question-bar .questionnaire-content .questionnaire .questionnaire-button-panel{
    margin-top: 10px !important;
    margin-left: 0 !important;
  }
  .page-jumbotron .jumbotron-bg-home{
    background-color: unset !important;
    background-image: url("../images/new-header-home-bg.png");
    background-size: cover;
  }
  #footer .container .novartis-logo{
    margin: 15px auto !important;
  }
  .node--type-pop-page .header{
    width: 100% !important;
    height: 100px !important;
  }
}

@media (max-width: 768px) {
  .score-scroll .table tbody tr {
    display: block;
    margin-bottom: 10px;
    padding: 5px 0 !important;
  }

  .score-scroll .table tbody tr td.table-question-title {
    display: block;
    width: 100%;
    padding: 16px 16px 8px 16px;
  }

  .score-scroll .table tbody tr td.score-options {
    display: block;
    width: 100%;
    padding: 0 16px 16px 16px;
  }

  .score-options table,
  .score-options .mb-0 {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .score-options tbody {
    display: flex;
    flex-direction: column;
  }

  .score-options tbody tr:first-child {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 4px;
    margin-bottom: 12px;
  }

  .score-options th {
    display: block;
    flex: 1;
    text-align: center;
    font-size: 0.7rem;
    font-weight: 600;
    padding: 4px 2px;
  }

  .score-options th br {
    display: none;
  }

  .score-options tbody tr:last-child {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 4px;
  }

  .score-options td {
    display: block;
    flex: 1;
    text-align: center;
    padding: 4px 0;
  }

  .cell-inner,
  .cell-inner-none-border {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .form-check-input {
    width: 26px;
    height: 26px;
  }
  .page-symptom table .score-options table{
    margin-bottom: 0 !important;
  }
}