/* font setup begins */
@font-face {
    font-family: 'DMSerifText-Regular';

    src: url('/etc/designs/digital/overrides/css/idbrca-global/fonts/DMSerifText-Regular.woff') format('woff');
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'DMSans-Regular';
    src: url('/etc/designs/digital/overrides/css/idbrca-global/fonts/DMSans-Regular.woff') format('woff');
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'DM-Sans-Bold';
    src: url('/etc/designs/digital/overrides/css/idbrca-global/fonts/DMSans-Bold.woff') format('woff');
       font-weight: bold;
    font-style: normal;
    font-display: swap;
}
/* font setup ends */

body {
	font-family: "DMSans-Regular", sans-serif;
    color: #1a202c;
    box-sizing: border-box;
}

p, .text.parbase ol li, .text.parbase ul li {
	font-family: "DMSans-Regular", sans-serif;
	font-size: 17px;
	letter-spacing: 0;
	line-height: 24px;
    color: #1a202c;
	font-weight: normal;
	margin-bottom: 24px;
}
.text.parbase ol li, .text.parbase ul li {
	padding-bottom: 0;
	margin-right:-1px;
}

b, strong {
    font-family: "DM-Sans-Bold", sans-serif;
}

a {
	color: #0044ff;
}

h1, h2, h3, h4, h5 { 
	font-family: "DMSerifText-Regular", serif;
	color: #000;
	}

h1, .h1 { 
 	font-size: 60px;
    line-height: 60px;
    letter-spacing: -1px;
    }

h2, .h2 { 
 	font-size: 50px;
    line-height: 50px;
    letter-spacing: -1px;
    margin-bottom: 25px;
    }

h3, .h3 { 
 	font-size: 42px;
    line-height: 42px;
    letter-spacing: 0;
	margin-bottom: 32px;
    }

h4, .h4 { 
 	font-size: 23px;
    line-height: 25px;
    letter-spacing: 0;
    }

h5, .h5 { 
 	font-size: 20px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 500;
    }

.startQuiz h5 {
    color: #fff;
    font-size: 24px;
    line-height: 29px;
}

.eyebrow {
    font-family: "DM-Sans-Bold", sans-serif;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0;
    text-transform: uppercase;
    color: #9fadc0;
}

ul {
	padding-left: 12px;
}
.lightblue-text p, .lightblue-text ul li {
	color: #4a5568 !important;
}

a.morebtn {
    font-family: "DM-Sans-Bold", sans-serif;
    text-decoration: none !important;
    font-size: 17px;
    line-height: 40px;
    display: inline-block;
    border-radius: 50px;
    padding: 8px 20px;
}
a.morebtn:hover {
    background-color: #f0f8ff;
    color: #0044ff;
}

a.morebtn:after {
    content: '';
    width: 30px;
    height: 30px;
    background: url(/content/dam/open-digital/idbrca-global/en/pancreatic/icons/find-out-more.png) no-repeat;
    background-size: 70% auto;
    margin-left: 10px;
    top: 14px;
    display: inline-block;
    position: relative;
}

.font-italic {
    font-style: italic;
}

.font-bold {
    font-weight: bold;
}

.footer-note {
    font-size: 14px;
    line-height: 17px;
	color: #4A5568;
}

a.popupLink {
    position: relative;
    font-size: 17px;
    line-height: 24px;
	font-family: "DM-Sans-Bold", sans-serif;
    text-decoration: none !important;
	color: #0044ff;
    padding: 12px 22px;
    border-radius: 100px;
    margin-left: -10px;
    display: inline-block;
    /*float: left;*/
}
a.popupLink:hover {
	color: #0044ff !important;
}

a.popupLink:after {
    content: '';
    background: url(/content/dam/open-digital/idbrca-global/en/pancreatic/icons/arrowup.png) no-repeat right center / cover;
    /*position: absolute;*/
    width: 20px;
    height: 20px;
    margin-left: 5px;
    display: inline-block;
    position: relative;
    top: 3px;
}
a.popupLink:hover {
    background-color: #f0f8ff;
}

a.nextpageLink {
    position: relative;
    float: left;
}

a.nextpageLink:after {
    content: '';
    background: url(/content/dam/open-digital/idbrca-global/en/pancreatic/icons/arrowup.png) no-repeat right center / cover;
    /*position: absolute;*/
    width: 30px;
    height: 30px;
    margin-left: 10px;
}

.rightAlign img {
    float: right !important;
}
.autoWidth img {
    width: auto !important;
}

.backBtn {
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index:11;
}
.backBtn a.back-to-top-cta img {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
}


/***** mobile deign starts ******/
.mobile-only {
  display: block;
}
.desktop-only {
  display: none;
}

.d-none {
  display: none;
}

.d-inline {
  display: inline;
}

/* Global Element Styles */
.small, small {
  font-size: 80%;
  font-weight: 400;
}

sub, sup {
  font-size: 60%;
}
.nowrap {
	white-space: nowrap;
}
.clear {
	clear: both;
}

.enlargeImg {
    margin-bottom: 48px;
    margin-top: 48px;
    /*float: left;*/
}

.photoImage {
    margin-bottom: 40px;
    margin-top: 80px;
    /*float: left;*/
}

.expand-img-desktop, .expand-img-mobile {
	position: static;
}
.zoom-icon {
	/*background: rgba(255,255,255,0.8);*/
    background-color: transparent;
	text-align: center;
	position: absolute;
	top: auto;
	left: auto;
	padding: 0;
	border-radius: 4px;
	right: 20px;
	width: 40px;
	height: 40px;
	bottom: 10px;
}

.zoom-icon span.fa.fa-search-plus {
    display: none;
}

.zoom-icon:after {
    content: '';
    display: block;
    background: url(/content/dam/open-digital/idbrca-global/en/pancreatic/icons/enlarge.png) no-repeat;
    background-size: contain;
    width: 40px;
    height: 40px;
}

#new-image-modal .modal-dialog .modal-content .modal-body .fa-times-circle {
    top: auto;
    bottom: 20px;
    right: 20px;
    margin: 0;
    border-radius: 0;
	border: none;
    box-shadow: none;
}

#new-image-modal .modal-dialog .modal-content .modal-body .fa-times-circle:before { display: none; }

#new-image-modal .modal-dialog .modal-content .modal-body span.fa.fa-times-circle:hover {
    transform: rotate(0deg);
}

#new-image-modal .modal-dialog .modal-content .modal-body .fa-times-circle:after {
    width: 40px;
    height: 40px;
    content: '';
    display: block;
    background: url(/content/dam/open-digital/idbrca-global/en/pancreatic/icons/minimise.png) no-repeat;
}

#new-image-modal .zoom-icon {
    display: none;
}
#new-image-modal .modal-dialog {
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
    height: 100%;
}
#new-image-modal .modal-dialog .modal-content .modal-body {
	height: 100%;
}
#popup-template.modal.fade .modal-dialog, #new-image-modal.modal.fade .modal-dialog {
    transform: translate(100%, 0);
    transition-duration: .5s;
}
#new-image-modal.modal.fade .modal-dialog {
    transform: translate(100%, 0) !important;
}
#new-image-modal.modal.in .modal-dialog {
    transform: translate(0, 0) !important;
    transform-origin: right !important;
}
#popup-template.modal.in .modal-dialog {
    transform: translate(0, 0);
}


/*** Navigation Styles Starts ***/
.navbar-default {
	border: none;
}
.primary-navigation .nav.stacked-menu {
    display: -webkit-flex;
      display: flex;
    flex-flow: column nowrap;
    -webkit-flex-flow: column nowrap;
}
.primary-navigation .first-level-item>a {
    font-family: "DM-Sans-Bold";
	font-size: 14px;
	line-height: 20px;
    letter-spacing: 0;
    text-transform: uppercase;
}
.logo-medicine-txt {
	display: none;
}
.top-header .header-nav-logo-condensed {
    height: 30px;
}
img.header-nav-logo {
	margin: 0;
    height: 40px;
}
.navbar-default .top-header {
	border-color: #bcbcbc;
    padding: 3px 0;
    min-height: 68px;
    display: -webkit-flex;
      display: flex;
    align-items: center;
    -webkit-align-items: center;

}
.navbar-default .top-header .container {
    width: 100%;
    max-width: 1170px;
}
.primary-navigation .nav>li:first-child {
	display: none !important;
}
.primary-navigation {
    border-bottom: none;
}
.ovarian-home .page-section-inner {
    background-color: #f9f9f9;
}
.ovarian-home .hero-banner .page-section-inner.container {
	background-color: transparent;
}
.why-early-brca-testing .primary-navigation .nav>li.active, .navbar-default .navbar-nav>li:nth-child(2):hover {
    background-color: #ebb4bb;
}
.who-needs-early-brca-testing .primary-navigation .nav>li.active, .navbar-default .navbar-nav>li:nth-child(3):hover {
	background-color: #e5cedb;
}
.conducting-brca-testing .primary-navigation .nav>li.active, .navbar-default .navbar-nav>li:nth-child(4):hover {
	background-color: #bbeeed;
}
.interpreting-brca-test-results .primary-navigation .nav>li.active, .navbar-default .navbar-nav>li:nth-child(5):hover {
	background-color: #9bd3dd;
}
.streamlining-genetic-counselling .primary-navigation .nav>li.active, .navbar-default .navbar-nav>li:nth-child(6):hover {
	background-color: #d7d2cb;
}
.bottom-hover-border:hover:after, li.active .bottom-hover-border:after { content: none;}

.accordion-container .panel-action-container ul {
    display: none;
}

/* Tumour Type dropdown styles */
.navbar-default .top-header .list-dropdown.dropdown-menu {
    z-index: 99;
}
.top-header-links li:after {
	display: none;
}
.navbar-default .top-header .navbar-header .header-search-btn {
    border: none;
}
.navbar-fixed-top .navbar-collapse {
	padding: 0;
}

/*** Navigation Styles Ends ***/

/* reference styles start here */
.reference-accr ol li {
    margin-bottom: 0 !important;
}
.reference-accr ol li a {
    color: #1a202c;
    text-decoration: none !important;
}
.reference-accr ol {
	padding-left: 18px;
}
.reference-accr ol li a:hover {
    text-decoration: underline !important;
}
.reference-accr ol li {
	padding-left: 15px;
}

/* Error Pages styles */
.errorConent {
    display: -webkit-flex;
display: flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row wrap;
    align-items: center;
    -webkit-align-items: center;
    justify-content: space-around;
    height: auto;
    min-height: 200px;
}
.errorConent h2, .errorConent p {
    flex: 0 0 100%;
}

/*** Landing Overlay Styles Starts ***/


.self-certification-holder h4.modal-title {
    display: none;
}

.selfCertificationPage .modal-content {
    padding: 35px;
	border-radius: 0;
}
.selfCertificationPage .modal-header {
    padding: 0;
	border: none !important;
}

.self-certification-holder .modal-body {
    display: none;
}

.self-certification-holder .modal-footer {
    border: none !important;
    border-top: none !important;
	padding: 0;
}
.selfCertificationPage h1 {
    font-family: "DMSerifText-Regular";
    font-size: 20px;
    margin: 10px 0 40px;
    line-height: 24px;
}

.selfCertificationPage p {
    font-family: "DMSans-Regular";
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: -0.06px;
    margin-bottom: 10px;
}

.selfCertificationPage p a { 
	color: #1a202c; 
}

.selfCertificationPage .btn.btn-primary {
    border-color: #0044FF;
    background: #0044FF;
    color: white;
    text-transform: uppercase;
    font-style: normal;
    font-family: "DMSans-Regular", sans-serif;
    width: 100%;
    padding: 15px 20px;
	margin-bottom:10px;
	margin-top: 0;
	border: none !important;
}

.selfCertificationPage .btn.btn-primary:hover {
	text-decoration: none;
}

/*** Landing Overlay Styles Ends ***/


/*... exit ramp styles ...*/
.exitRampPage .modal-title, .exitRampPage .modal-title strong, .exitRampPage .modal-title b {
	font-family: "DMSerifText-Regular";
    font-size: 20px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
.exitRampPage .modal-title strong {letter-spacing:-1px;}
    
}

.exitRampPage p {
    font-family: "DMSans-Regular";
    font-size: 16px;
	color: #000;
    line-height: 1.6;
    letter-spacing: -0.06px;
    margin-bottom: 10px;
}

.exitRampPage a.exit-ramp-cancel {
	color: #002b49 !important;
    border: none;
}

.exitRampPage a.exit-ramp-cancel:hover, .exitRampPage a.exit-ramp-continue:hover {
    background-color: #0044FF;
    color: #fff !important;
    border-color: #0044FF;
}

.exitRampPage a.exit-ramp-continue,.exitRampPage a.exit-ramp-cancel {
    background-color: #fff;
    border-radius: 0px;
    padding: 15px 20px;
    margin-top: 10px;
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
    color: #002b49;
    letter-spacing: 1.5px;
    border-color: #002b49;
    font-family: "DMSans-Regular";
    font-style: normal;
    text-transform: uppercase;
}

.exitRampPage a.exit-ramp-continue:hover,.exitRampPage a.exit-ramp-cancel:hover {
	text-decoration: none !important;
}

.exitRampPage a.exit-ramp-continue {
    background-color: #0044FF;
    border-color: #0044FF;
    color: #fff;
}
.exitRampPage .modal-content {
	border-radius: 0px;
    padding: 20px;
}
.exitRampPage .modal-header {
    max-width: 230px;
	border-bottom: none;
}
.exitRampPage .modal-footer {
    border: none;
    display: flex;
    flex-flow: wrap row-reverse;
    display: -webkit-flex;
    -webkit-flex-flow: wrap row-reverse;
   /* justify-content: flex-end;*/
}
.exitRampPage .modal-footer .btn {
	width: auto;
}
.exitRampPage .modal-footer .btn+.btn {
	margin-right: 20px;
}
.exitRampPage .modal-footer .btn+.btn span.fa {
    display: none;
}

/*... exit ramp styles ends here ...*/

/**** footer design starts ****/

.footer-reference, a.footer-brand.no-underline {
  display: none;
}
.footer-adverse-event.adverse-border {
	border: none;
    padding: 0;
}

.footer {
  color: #000120;
  background: #1a202c;
  margin-top: 0;
  padding-top: 25px;
  padding-bottom: 0;
  position: relative;
  font-family: "DMSans-Regular";
}

.footer h5, .footer p, .footer li, .footer .action-link, .footer a {
	font-family: DMSans-Regular;
	color: #fff;
	font-size: 14px;
    line-height: 17px;
    margin-bottom: 10px;
}
.footer .action-link:hover, .footer a:hover {
	text-decoration: none;
}

footer .new-image .new-image-desktop {
    width: auto !important;
    height: 52px;
}
.text.parbase .footerGenericLinks li a {
	font-size: 80%;
	font-weight: 300;
}

.footer .linkList.section hr {
	display: none;
}

ul.footerLinks li a, ul.footerLinks li a:hover {
	text-decoration: none;
}
.action-link:hover .link-txt {
    text-decoration: none;
}

.footer ul {
	padding: 0;
}

.footer ul li {
	list-style: none;
	padding: 0;
}

ul.footerLinks {
	padding: 0;
}

ul.footerLinks li {
	list-style: none;
}
.footer-col-sec .row {
    display: -webkit-flex;
    display: flex;
    align-items: start;
    -webkit-align-items: start;
    flex-flow: row-reverse nowrap;
    -webkit-flex-flow: row-reverse nowrap;

}
.footer .new-image .new-image-mobile {
    /*width: 70% !important;
    margin: 0 auto;
    display: block; */
}
.langSwitch {
    display: none;
}

/**** footer design ends ****/

/*** Global Designs Starts ***/

.container.middle-content {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.container.middle-content .component-section{
 	padding-top: 56px;
}

.container.middle-content .component-section .page-section-inner {
	padding-left: 15px;
    padding-right: 15px;
}

.middle-container .col-sm-9 p.eyebrow {
	margin-bottom: 32px;
	}

.social-links>a>img {
    display: none;
}
.social-links-container li a {
    background-repeat: no-repeat;
    background-clip: padding-box;
    background-size: contain;
}
.social-links-container li:first-child a {
    background-image: url(/content/dam/open-digital/idbrca-global/en/pancreatic/icons/linkedin.jpg);
}
.social-links-container li:first-child a:hover {
	background-image: url(/content/dam/open-digital/idbrca-global/en/pancreatic/icons/linkedin-hover.jpg);
    background-size: contain;
}
.social-links-container li:nth-child(2) a {
    background-image: url(/content/dam/open-digital/idbrca-global/en/pancreatic/icons/twitter.jpg);
}
.social-links-container li:nth-child(2) a:hover {
	background-image: url(/content/dam/open-digital/idbrca-global/en/pancreatic/icons/twitter.png);
}
.social-links-container li:nth-child(3) a {
    background-image: url(/content/dam/open-digital/idbrca-global/en/pancreatic/icons/facebook.jpg);
}
.social-links-container li:nth-child(3) a:hover {
	background-image: url(/content/dam/open-digital/idbrca-global/en/pancreatic/icons/facebook.png);
}

/* Modal Popup styles */

.modal-header {
	padding: 25px 15px;
    border-bottom-color: #ebebeb;
}
.modal-title {
	font-family: DMSans-Regular;
	color: #000;
	font-size: 17px;
    line-height: 24px; 
	text-shadow: 0 0;
}
p.pop-title {
    text-transform: uppercase;
    color: #000;
}
.close:hover, .close:focus {
	text-decoration: none;
    outline: none;
}
#new-image-modal .modal-dialog .modal-content {
	border-radius: 0;
    box-shadow: none;
    border: none;
}

/* Search Results Styles Starts */
.global-search-inner .form-inline .input-group {
    border: 1px solid #000;
    margin: 15px auto;
    padding: 8px 15px;
    display: -webkit-flex;
    display: flex;
    flex-flow: row-reverse nowrap;
    -webkit-flex-flow: row-reverse nowrap;
    -webkit-align-items: center;
    align-items: center;
}
.global-search-inner .form-control {
    font-family: "DMSans-Regular", sans-serif;
}
.search .col-xs-2.col-2.col-md-1 {
    display: none;
}

.search .col-xs-10.col-10.col-md-9 .text-muted {
    display: none;
}

.search .result-thumbnail {
    float: right;
}
.form-inline .input-group .fa-search:before {
    content: "";
    background: url(/content/dam/open-digital/idbrca-global/en/pancreatic/icons/search-arw-icon.png) no-repeat right center / 50% 50%;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 8px;
    right: 15px;
}

.list.search .col-md-9 div strong {
    font-size: 35px;
    line-height: 38px;
    font-family: "DMSerifText-Regular", serif;
    font-weight: 500;
}

p.search-result-description {
    margin-top: 10px;
}

/* Search Results Styles Ends */


/* Infographic desktop styles starts */

.infographic-description {
    border: 2px solid #ebebeb;
    padding: 20px;
}
.tabs {
    float: left;
    border-top: 1px solid #bcbcbc;
    border-bottom: 1px solid #bcbcbc;
    margin: 0 auto 40px;
    padding: 20px 0;
    width: 100%
}

.infographic-info {
    border-top: 1px solid #bcbcbc;
	display: -webkit-flex;
    display: flex;
	padding-top: 20px;
    margin-top: 20px;
}


.leftSection {
    flex: 0 0 50%;
    padding-right: 30px;
}

.rightSection {
   /* flex: 0 0 50%;*/
    padding-left: 30px;
}

.infographic-info ul {
    list-style-type: disc;
    font-size: 17px;
    line-height: 24px;
}

.infographic-info ul li {
    margin-bottom: 10px;
}

/* Infographic desktop styles ends */

/* table styles */
span.highlight-text {
    color: #D0006F;
}
table.table.table-responsive {
    border: 1px solid #D0006F;
    font-size: 17px;
    line-height: 24px;
    min-height: 270px;
}
.table>thead>tr>th, .table>thead>tr>td, 
.table>tbody>tr>th, .table>tbody>tr>td, 
.table>tfoot>tr>th, .table>tfoot>tr>td {
    line-height: 24px;
    border-top: 1px solid #D0006F;
}
.normal-table-container table tr:nth-child(2) td {
    width: 40%;
}

.hero-banner {
    background: #32536e;
    height: 100%;
    min-height: 200px;
    padding: 0;
}

/* Hero Banner Styles */
.why-we-test-hero-banner-bg {
    background-color: #ebb4bb;
}
.who-we-test-hero-banner-bg {
    background-color: #e5cedb;
}
.how-we-test-hero-banner-bg {
	background-color: #bbeeed;
}
.interpreting-results-hero-banner-bg {
	background-color: #9bd3dd;
}
.genetic-counselling-hero-banner-bg {
    background-color: #d7d2cb;
}

.heroBannerTwoColSection .row {
    display: -webkit-flex;
    display: flex;
    flex-flow: column-reverse nowrap;
    -webkit-flex-flow: column-reverse nowrap;
    align-items: center;
    -webkit-align-items: center;

}
/* Hero Banner Style end here */

.ovarian-home .tab-container {
    display: none;
}
.hero-banner h1 {
    margin-bottom: 20px;
}

.who-test-sec .cont-sec {
    padding: 20px 20px 0px;
}

.landing-3-col .row {
    display: -webkit-flex;
    display: flex;
}
.landing-3-col .row .text.parbase.section {
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    border: 2px solid #ebebeb;
    padding: 0 20px;
}
.landing-3-col .col-sm-4.col-xs-12 .cont-sec .callOutImg {
	margin-left: -20px;
    margin-right: -20px;
}
.landing-3-col .col-sm-4.col-xs-12 .cont-sec .d-flex {
	min-height: 400px;
}
.landing-3-col .col-sm-4.col-xs-12 .cont-sec a.morebtn {
	margin-top: 24px;
    margin-bottom: 24px;
    margin-left: -15px;
    line-height: 30px;
    padding: 0px 20px 5px;
}

.genetic-counselling-hero-banner-bg {
    background-color: #d7d2cb;
}

.why-test-sec {
     background: url(/content/dam/open-digital/idbrca-global/en/ovarian/why-we-test/WhyWeTestHero.jpg) no-repeat center center;
     width: 100%;
     height: 500px;
     background-size: cover;
     position: relative;
     border: 2px solid #ebebeb;
}
.why-test-cont {
     background-color: #fff;
     width: 50%;
     padding: 20px 20px 0;
     position: absolute;
     bottom: 0;
     left: -1px;
}

ul.jumptosection {
    padding-left: 0;
}

ul.jumptosection li {
    list-style: none;
    margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

ul.jumptosection li a {
    color: #1a202c;
    font-size: 14px;
    line-height: 17px;
	font-family: 'DM-Sans-Bold', sans-serif;
}

p.articletxt {
    font-size: 14px;
    line-height: 17px;
	font-family: 'DM-Sans-Bold', sans-serif;
    margin-bottom: 15px;
    margin-top: 30px;
    float: left;
    width: 100%;
}

.imgTabs .nav-pills>li>a {
     font-family: DM-Sans-Bold;
    font-size: 17px;
    line-height: 24px;
    border-bottom: 5px solid transparent;
	border-left: none;
}

.imgTabs .nav-pills>li>a:hover, 
.imgTabs .nav-pills>li.active>a:hover {
    border-bottom: 5px solid #0044ff;
}
.imgTabs .nav-pills>li.active>a, 
.imgTabs .nav-pills>li.active>a:focus, 
.imgTabs .nav-pills>li.active>a:hover {
    border-bottom: 5px solid #0044ff;
    border-left: none;
}

/* Home page two column section for mobile only styles */
.text.parbase .two-column-block a {
    text-decoration: none;
    display: flex;
    display: -webkit-flex;
    flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    align-items: center;
    -webkit-align-items: center;
    padding: 30px 15px;
    border-bottom: 1px solid #bebebe;
}
.left-block-content {
    flex: 0 0 70%;
    padding-right: 16px;
}
.right-callout-img {
    flex: 0 0 30%;
}

/*** Bottom / Next section Styles Starts ***/
.bottom-section {
	padding: 200px 0 0;
}

.bottom-section .page-section-inner.container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.next-sec-col, .next-sec-col .row {
    background-color: #ebebeb;
}
.next-sec-col .row .column-1, .next-sec-col .row .column-2 {
    padding: 0;
}
.next-sec-col .column-1 .newImage {
    margin-top: -45px;
}
span.next {
    color: #9fadc0;
}
.greyBotborder hr {
    height: 2px;
    background-color: #bebebe;
    border: none;
    width: 100%;
    float: left;
}
.greyTopborder {
    border-top: 2px solid #ebebeb;
}
.greyBotborder {
    border-bottom: 2px solid #ebebeb;
    background-color: #ebebeb;
    padding: 20px;
}

.greyBotborder p.nextEyebrow {
    font-size: 14px;
    line-height: 21px;
    font-family: 'DM-Sans-Bold', sans-serif;
}
/*** Bottom / Next section Styles Ends ***/


/*** Social Share Links Styles Starts ***/
.social-links-container.vertical {
	display: none;
}
.social-links-container.vertical .social-links {
    text-align: left;
}
.social-links-container.vertical li:last-child {
    display: none;
}

/*** Social Share Links Styles Ends ***/

/*** Global Designs Ends ***/

/*** Referece Accordion Styles Starts ***/
.accordion-inner-container .panel-group {
    border: 2px solid #000;
    width: 100%;
	margin-bottom: 0;
}
.accordion-container .panel-default {
    border: none;
}
.accordion-container .accordion-inner-container {
 padding-top: 40px;
    padding-bottom: 80px;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    flex-flow: row nowrap;
    -webkit-flex-flow: row nowrap;
    justify-content: space-between;
}
.accordion-container .panel-heading {
	padding: 15px;

}
.ovarian-home .accordion-container .panel-heading, .ovarian-home .panel-default>.panel-heading+.panel-collapse>.panel-body {
	background-color: #f9f9f9;
}
.accordion-container .az-panel-heading .panel-title, .accordion-container .az-panel-heading a {
    display: block;
    font-family: DMSans-Regular;
    font-style: normal;
	color: #000;
    font-size: 14px;
    line-height: 17px;
    text-shadow: 0 0 0.5px #000;
    text-decoration: none !important;
}

.accordion-container .az-panel-heading a:hover, .accordion-container .az-panel-heading a:active {
    text-decoration: none;
}
.accordion-container .panel-body p, .accordion-container .panel-body .text.parbase ol li {
	font-size: 14px;
    line-height: 17px;
}
.accordion-container .panel-body .text.parbase ol li {
	padding-bottom: 5px;
}

/*** Referece Accordion Styles Ends ***/

/*** Why We Test page styles Starts ***/

.guidelines-sec {
    display: -webkit-flex;
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 20px;
}
.guidelines-sec .left-sec {
    padding-right: 20px;
}

.guidelines-sec .left-sec img {
    max-width: 70%;
}

.guidelines-sec .right-sec h5 {
    margin-top: 0;
    margin-bottom: 20px;
}
.guidelines-sec .right-sec p.tinytext {
    font-size: 11px;
    line-height: 14px;
    color: #9fadc0;
    font-family: DMSans-Regular;
}
.startQuiz {
    max-width: 570px;
    width: 100%;
    margin: 100px auto 185px;
    background: #1A202C;
    padding: 30px 60px;
    text-align: center;
}
.startQuiz h4 {
	color: #fff;
    margin-bottom: 25px;
}
.startQuiz button, .startQuiz .quizCTA {
    color: #fff;
	background-color: #0044FF;
    padding: 15px 35px;
	border-color: #0044FF;
    outline: none;
	text-decoration: none !important;
}
.startQuiz .quizCTA {
    margin: 15px auto 0;
    display: inline-block;
}
.quote-section {
    display: -webkit-flex;
    display: flex;
    border-top: 1px solid #bcbcbc;
    padding: 20px 0;
    margin-top: 30px;
	}
.quote-section:nth-child(3) {
    margin-bottom: 40px;
}
.quote-section .quote-img {
    padding-right: 20px;
	}

.quote-section .quote-content h5 {
	margin: 0;
	color: #1a202c;
	}


/*** Why We Test page styles Ends ***/


/* Video section Starts */
.video-grid {
   	border-bottom: 1px solid #bcbcbc;
    margin-bottom: 20px;
	padding-bottom: 20px;
    clear: both;
    display: none;
}

.video-grid .col-sm-6.col-xs-12{
    width: 50% !important;
}

.video-grid .col-sm-6.col-xs-12 .video-grid-content p.eyebrow {
    margin-bottom: 0;
}

.video-grid .col-sm-6.col-xs-12 .video-grid-content p.duration {
    margin-bottom: 0;
	color: #0044ff;
    font-size: 14px;
    line-height: 17px;
}
.video-grid .col-sm-6.col-xs-12 .video-parent .video-thumb-parent {
    text-align: left;
}
.video-grid .col-sm-6.col-xs-12 .video-parent {
    position: relative;
    margin-top: 0;
}

.video-grid .col-sm-6.col-xs-12 .video-parent .video-thumb-parent .video-play-icon {
    position: absolute;
    top: auto;
    left: 10px;
    bottom: 8px;
    height: auto;
    font-size: 2em;
    padding: 0;
    z-index: 3;
    background-color: transparent;
    color: #efefef;
    border-radius: 5px;
    transform: none;
    -webkit-transform: none;
    transition: all .3s ease;
}

.video-grid .col-sm-6.col-xs-12 .video-parent .video-thumb-parent:hover .video-play-icon {
    background-color: transparent;
}

/* Video section Ends */

/* interactive diagram carousel section for mobile only */
.carousel-inner {
	height: 100%;
    min-height: 440px;
    margin-bottom: 25px;
}
.carousel-inner>.item {
	min-height: 440px;
}
.interactive-carousel .carousel-content-block {
    display: block;
    border: 1px solid #ebebeb;
    margin-bottom: 35px;
}
.carousel .carousel-indicators.hide-caption {
	top: auto;
    bottom: -10px;
}
.carousel .carousel-indicators li .carousel-indicator:after {
	display: none;
}
.carousel .carousel-indicators li .carousel-indicator {
	background-color: #f9f9f9;
    border: 1px solid #0042fe;
}
.carousel .carousel-indicators li.active .carousel-indicator {
	background-color: #0042fe;
    border-color: #0042fe;
}
.carousel-content-block ul li {
    list-style: outside disc;
    padding-bottom: 15px;
    padding-left: 15px;
}
.carousel-content-block ul li:last-child { 
	padding-bottom: 0;
}
.interactive-carousel .carousel-content-block h3 {
    font-size: 20px;
    line-height: 24px;
    color: #7a7a7a;
    margin-bottom: 0;
}
.interactive-carousel.mobile-only {
    margin-top: 40px;
}

.navbar-default .top-header:before {
    content: 'For healthcare professionals only';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}


/* ...maxWidth: 767px break point start here... */
@media screen and (max-width: 767px) {
body.fixed-top-margin {
    margin-top: 46px !important;
}

h1, h2, h4 {
 	font-size: 35px;
    line-height: 38px;
    letter-spacing: 0;
	}

h3 {
 	font-size: 24px;
    line-height: 24px;
    letter-spacing: 0;
	}

h5 {
 	font-size: 20px;
    line-height: 24px;
    letter-spacing: 0;
	}

.startQuiz h5 {
    font-size: 20px;
    line-height: 24px;
}

.primary-navigation .nav>li>a {
		padding-left: 35px;
	}
.primary-navigation .nav.stacked-menu {
    	margin: 0;
    }

.top-header .navbar-brand {
        order: 2;
        -webkit-order:2;
        	flex: 0 0 45%;
	}

.autoWidth img {
    width: 100% !important;
}
.startQuiz {
	padding: 25px;
    margin: 20px auto 80px;
}


.selfCertificationPage .modal-dialog {
    margin: 20px auto !important;
}

/* Video section Starts */
.video-grid .col-sm-6.col-xs-12 .video-parent .video-thumb-parent .video-play-icon {
    bottom: 4px;
    font-size: 1.5em;
	}
/* Video section Ends */
.quote-section .quote-img {
	width: 200px;
}
/* Hero Banner styles Starts */
    .hero-banner {
        padding: 0;
        display: -webkit-flex;
    display: flex;
        flex-flow: wrap column-reverse;
        -webkit-flex-flow: wrap column-reverse;
        align-items: flex-end;
       -webkit-align-items: flex-end;
    }
    .home-hero-banner-bg, .why-we-test-hero-banner-bg, .who-we-test-hero-banner-bg, .how-we-test-hero-banner-bg, .interpreting-results-hero-banner-bg, .genetic-counselling-hero-banner-bg {
        background-position: top center;
        background-size: contain;
    }
    .hero-banner .page-section-inner.container {
        background-color: #ebebeb;
        width: 100%;
    }
    .home-hero-banner-bg .page-section-inner.container {
        background-color: #E6DFF6;
    }
    .why-we-test-hero-banner-bg .page-section-inner.container {
        background-color: #F2C9C4;
    }
    .who-we-test-hero-banner-bg .page-section-inner.container {
        background-color: #F2CFDA;
    }
    .how-we-test-hero-banner-bg .page-section-inner.container {
        background-color: #C7EDE9;
    }
    .interpreting-results-hero-banner-bg .page-section-inner.container {
        background-color: #A3D7DF;
    }
    .genetic-counselling-hero-banner-bg .page-section-inner.container {
        background-color: #E5D8CA;
    }
    
    /* Hero Banner styles Ends */

	.nav-pills>li {
		float: left;
		width: 50%;
    }
 
	/*.why-early-brca-testing iframe.iframe-component {
		height: 80vh;
		outline: 1px solid red;
	}
	.who-needs-early-brca-testing iframe.iframe-component {
		height: 150vh;
		outline: 1px solid red;
	}
	.conducting-brca-testing iframe.iframe-component {
		height: 220vh;
		outline: 1px solid red;
	}
	.interpreting-brca-test-results iframe.iframe-component {
		height: 220vh;
		outline: 1px solid red;
	}
	.streamlining-genetic-counselling iframe.iframe-component {
		height: 2200vh;
		outline: 1px solid red;
	}*/
}

/* ...maxWidth: 767px break point end here... */

@media screen and (max-width: 991px) {



.top-header .navbar-header {
	display: -webkit-flex;
    display: flex;
    flex-flow: row-reverse;
    -webkit-flex-flow: row-reverse;
}
.primary-navigation .container {
    width: 100%;
    padding: 0;
}
.top-header .navbar-brand {
    text-align: right;
    flex: 0 1 87%;
    order: 2;
    -webkit-order:2;
    padding-top: 8px;
    min-width: 70%;
}
.navbar-default .top-header .navbar-header .navbar-toggle {
	flex: 0 0 40px;
    order: 3;
    -webkit-order:3;
    border: none;
    background-color: transparent;
    float:left;
}
.heroBannerTwoColSection .col-sm-4.col-xs-12.column-1, .heroBannerTwoColSection .col-sm-8.col-xs-12.column-2 {
    width: 100%;
}
.social-links-container.vertical .social-links {
	display: inline;
}
.social-links-container.vertical {
	text-align: center;
}
.next-sec-col .col-sm-6 {
	width: 100%;
}
.middle-container .col-sm-9 p.eyebrow {
	margin-top: 32px;
}

/* iPad Humburger navigation style */
.navbar-toggle {
	display: block;
}
.primary-navigation .nav.stacked-menu .hidden-menu {
	display: block;
    padding: 10px 30px;
}
.primary-navigation .nav.stacked-menu>li.item-more {
	display: none;
}
.navbar-collapse.collapse {
	display: none !important;
}
.navbar-collapse.collapse.in {
    display: block !important;
}


/* iPad Humburger navigation style end */

/* Hero Banner Styles */
	.heroBannerTwoColSection .col-sm-8.col-xs-12.column-2, .genetic-counselling-hero-banner-bg .col-sm-6.col-xs-12.column-2 {
        padding: 35px 0;
    }
    .ovarian-home .home-two-columnSection.mobile-only {
        padding-top: 0;
    }
    .hero-banner .page-section-inner.container {
        width: 100%;
    }
	.ovarian-home .home-two-columnSection.mobile-only .page-section-inner {
        background-color: #fff;
    }
    .home-hero-banner-bg .page-section-inner.container {
        background-color: #87aee4;
    }
	.home-hero-banner-bg  .col-sm-4.col-xs-12.column-1 {
        background-color: #acc7ec;
    }
    .why-we-test-hero-banner-bg .col-sm-4.col-xs-12.column-1 {
        background-color: #F2C9C4;
    }
    .why-we-test-hero-banner-bg .col-sm-8.col-xs-12.column-2 {
        background-color: #ebb4bb;
    }
	.who-we-test-hero-banner-bg .col-sm-4.col-xs-12.column-1 {
        background-color: #F2CFDA;
    }
	.who-we-test-hero-banner-bg .col-sm-8.col-xs-12.column-2 {
        background-color: #e5cedb;
    }
    .how-we-test-hero-banner-bg .col-sm-4.col-xs-12.column-1 {
        background-color: #C7EDE9;
    }
	.how-we-test-hero-banner-bg .col-sm-8.col-xs-12.column-2 {
        background-color: #bbeeed;
    }
    .interpreting-results-hero-banner-bg .col-sm-4.col-xs-12.column-1 {
        background-color: #A3D7DF;
    }
	.interpreting-results-hero-banner-bg .col-sm-8.col-xs-12.column-2 {
        background-color: #9bd3dd;
    }
    .genetic-counselling-hero-banner-bg .col-sm-6.col-xs-12.column-1 {
        background-color: #E5D8CA;
    }
	.genetic-counselling-hero-banner-bg .col-sm-6.col-xs-12.column-2 {
        background-color: #d7d2cb;
    }

    .middle-container .col-sm-3, .middle-container .col-sm-9 {
        width: 100%;
    }
	.hero-banner.component-section {
		padding: 0;
	}
    .component-section {
		padding: 20px 0 0;
    }
	.accordion-container .accordion-inner-container {
		padding: 20px 0 30px;
    }
	.startQuiz {
		margin: 45px auto 65px;
    }
    .next-sec-col .column-1 .newImage {
        margin-top: 0;
    }
    .errorConent {
        padding: 0 20px;
    }
	.zoom-icon {
    	bottom: -10px;
		right: 0;
    }
    .zoom-icon:after {
		width: 25px;
    	height: 25px;
	}
	a.nextpageLink:after {
		width: 25px;
    	height: 25px;
    	top: 6px;
	}

.footer-logo.az-logo {
    margin-bottom: 10px;
}

}


@media screen and (min-width: 768px) {
/* Video section Starts */
.video-grid .row {
	display: -webkit-flex;
    display: flex;
}
.video-grid .col-sm-6.col-xs-12 .video-grid-content .alignBot {
    position: absolute;
    bottom: 0;
}
/* Video section Ends */
.hero-banner {
    height: 100%;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    -webkit-align-items:center;
    flex-flow: wrap row;
    -webkit-flex-flow: wrap row;

}
.quote-section .quote-img {
    padding-right: 40px;
}
.interactive-carousel .carousel-content-block {
	left: 18%;
}


}

/* Desktop Styles start from here */
@media screen and (min-width: 992px) {
    .landing-2-col .row .col-sm-4.col-xs-12.column-1 {float: right;}
/* Navigation style start here */
    .primary-navigation .nav.stacked-menu>li.item-more {
        display: none;
    }
    .primary-navigation .nav.stacked-menu .hidden-menu {
		display: block;
	}
    .primary-navigation .nav.stacked-menu {
        flex-flow: row nowrap;
        -webkit-flex-flow: row nowrap;
        justify-content: space-around;
    }
    .primary-navigation .nav>li {
        text-align: center;
    }
    .primary-navigation .nav>li a {
        font-size: 14px;
    }
.primary-navigation .nav>li a.bottom-hover-border:after{
            border:none;}
    .top-header .navbar-brand {
        padding: 0;
    }
/* Navigation Styles start from here */
    .footer-col-sec .row {
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
       
    }
    .footer-col-sec .row .col-sm-6.col-xs-12.column-1 {
        flex: 0 0 62%;
        max-width: 62%;
    }
    .footer-col-sec .row .col-sm-6.col-xs-12.column-2 {
		flex: 0 0 38%;
        max-width: 38%;
    }
    .desktop-only {
        display: block;
    }
	.mobile-only {
        display: none;
    }
    .exitRampPage .modal-footer {
        justify-content: end;
    }

/* Home Page styles for Desktop view */
    .landing-2-col .row {
        display: -webkit-flex;
    display: flex;
        flex-flow: row-reverse;
        -webkit-flex-flow: row-reverse;
    }
	.ovarian-home .accordion-inner-container .panel-group {
		max-width: 60%;
    	flex: 0 0 60%;
    	-webkit-flex: 0 0 60%;
    	margin: 0 auto;
	}
    .ovarian-home .component-section.desktop-only {
        padding-top: 5px;
        padding-bottom: 30px;
    }
    .home-hero-banner-bg.hero-banner {
        margin-bottom: 50px;
    }
    .who-test-sec, .landing-3-col .row .col-sm-4 .text.parbase {
        background-color: #fff;
    }
    .why-test-sec p.linkBtn {
        width: 180px;
        margin-bottom: 0;
    }

	.accordion-inner-container .panel-group {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .heroBannerTwoColSection .col-sm-4.col-xs-12.column-1 {
        width: 45%;
    }
    .heroBannerTwoColSection .col-sm-8.col-xs-12.column-2 {
        width: 55%;
    }
	.home-hero-banner-bg .heroBannerTwoColSection .col-sm-8.col-xs-12.column-2 .new-image img {
		width: 100%;
    	max-width: 100%;
    	display: block;
    }
    /*.heroBannerTwoColSection .col-sm-8.col-xs-12.column-2 .new-image img {
        width: auto !important;
    }*/
    .heroBannerTwoColSection .row {
        display: -webkit-flex;
    display: flex;
        flex-flow: row wrap;
        -webkit-flex-flow: row wrap;
        align-items: center;
        -webkit-align-items: center;
    	padding: 30px 0;
    }
	.greyBotborder {
		padding: 50px 80px 50px 100px;
    	overflow: hidden;
	}
	.why-test-sec {
        min-height: 582px;
    }
	a.morebtn {
		margin-left: -15px;
	}
    .next-sec-col .row {
        background-color: #ebebeb;
    }
    .next-sec-col .column-1 .newImage {
        margin-top: -45px;
    }
    .next-sec-col .col-sm-6.col-xs-12.column-2 {
        width: 44%;
    }
    /* pop up styles */
    #popup-template .modal-dialog.modal-dfs {
        width: 100%;
    }
    #new-image-modal .modal-dialog {
        width: 100%;
    }
	.social-links-container.vertical {
      /*  padding-top: 15px; */
    }
    .middle-container .col-sm-9 {
        width: 66.66667%;
    }
    .middle-container .col-sm-3 {
        width: 16.66667%;
    }

    .next-sec-col .row .column-1 img.new-image-desktop {
        min-height: 395px;
    }
    .multi-column-container.landing-2-col .col-sm-4.column-1 .text.parbase {
        height: 100%;
    	background-color: #fff;
    	border: 2px solid #ebebeb;
    }

    .lightblue-text {
        padding-left: 32px;
    }

	/* infographic table with tab styles */
	.infographic-tab ul.nav.nav-pills.tab-list {
        width: 15%;
        float: left;
        display: block;
        border: none;
    }
	.infographic-tab .tab-content {
        width: 85%;
        float: left;
    }

.infographic-tab ul.nav.nav-pills.tab-list::before {
    margin: 0;
    display: block;
}
.infographic-tab ul.nav.nav-pills.tab-list li a {
    background-color: #fff;
    border: 1px solid #9fadc0 !important;
    padding: 0;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-family: "DMSans-Regular", sans-serif;
    margin: 0;
}
.infographic-tab ul.nav.nav-pills.tab-list li.active a {
    color: #fff;
    font-weight: normal;
    background-color: #0044ff;
    border: 1px solid #0044ff !important;
}
.infographic-tab ul.nav.nav-pills.tab-list li.active {
	position: relative;
}
.infographic-tab ul.nav.nav-pills.tab-list li.active:after {
    content: "";
    display: block;
    width: calc(100% - 29px);
    height: 1px;
    background-color: #ebebeb;
    position: absolute;
    top: 50%;
    left: 39px;
}
.greyBotborder a.nextpageLink.popupLink {
    padding-top: 3px;
}
a.nextpageLink:after {
    	top: 8px;
}

.footer-logo {
    float: left;
	}

.footer-logo.az-logo {
    margin-right: 20px;
    margin-bottom: 20px;
	}
p.clear.logoTagline {
    padding-top: 15px;
    line-height: normal;
}

.footer-logo.idbrca-logo {
    margin-top: 17px;
	}

}

@media screen and (min-width: 1025px) {
/* Navigation style start here */
.landing-3-col .col-sm-4.col-xs-12 .cont-sec .d-flex {
    min-height: 325px;
    max-width: 310px;
    }
    
    .ovarian-home .callOutImg .img-responsive {
    max-width: 356px;
    }
    .primary-navigation .container {
        width: 1140px;
    }
    .next-sec-col .column-1 .newImage {
        margin-top: -65px;
    }
	.why-test-sec {
        min-height: 573px;
    }
    .who-test-sec .cont-sec .d-flex { height: 276px; }
	.video-grid .col-sm-6.col-xs-12 .video-parent .video-thumb-parent .video-play-icon {
		font-size: 3em;
    	left: 30px;
    	bottom: 15px;
	}
	.landing-3-col .col-sm-4.col-xs-12 .cont-sec .d-flex {
		min-height: 620px;
	}
}

.bluetxt {color:#0044ff; font-weight: bold;}
.b-text{color:#0044ff;}

@media screen and (max-width: 375px) {


.evolution-img{margin: 20px 0;}
.ovarian-home .container.middle-content .tab-container { display: none;}
}
.webinar-details {
	border-collapse: collapse;
	width: 90%;
	margin: 0 auto;
}

.dynamicText.parbase .webinar-details th, .webinar-details td { padding: 5px 10px; }
.dynamicText.parbase .webinar-details th { text-align: left;}
.dynamicText.parbase .webinar-details tr th:first-child { width: 75%; }
.subpop-7 .popupLink {margin-left:0 !important;}

@media screen and (max-width: 767px) {
	.link-popup.modal h4.modal-title { margin: 0 -2px;}
}

@media screen and (max-width: 1024px) and (min-width: 768px) and (orientation:landscape) {
	.landing-3-col .col-sm-4.col-xs-12 .cont-sec .d-flex {min-height: 785px;}
 }
.streamlining-genetic-counselling .imgTabs .zoom-icon { bottom: -30px;}
.border-line{ border-bottom: 1px solid #bcbcbc; padding-bottom: 20px; margin-bottom:20px;}

@media screen and (max-width: 991px) {.interpreting-brca-test-results .tabs { border: 0; padding-top: 0;}
}
@media screen and (min-width:768px) and (max-width: 1024px) and (orientation:portrait) {
	.interpreting-brca-test-results .carousel-inner {min-height: 490px;}
}
.text.parbase a.button-align {padding-right: 9px;}
.dynamicText.parbase ul.evolution-txt li {font-size:17px; font-family: "DMSans-Regular", sans-serif;}
.tumor-testing .zoom-icon {bottom: -25px;}
.why-early-brca-testing .video-thumb-parent{position: relative;}


/*Tumor type styling ovarian-home-page*/
.navbar-default .navbar-nav>.open>a:hover, 
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:active, 
.navbar-default .navbar-nav>.open>a:focus{background-color: white; border: none;}

.navbar-nav>li>.dropdown-menu {border-radius: 10px;}

.mobile-configuration .primary-navigation .nav li.open>.dropdown-menu>li a,
.mobile-configuration .primary-navigation .nav li>.dropdown-menu>li a
    {
    padding: 10px 5px 10px 15px;
    border: none;
    margin: 5px auto;
    font-family: 'DM-Sans-Bold';
    font-size: medium;
    color: #1a202c;
    border-radius: 0;

}

.mobile-configuration .primary-navigation .nav li.open>.dropdown-menu>li a:hover, 
.mobile-configuration .primary-navigation .nav li.open>.dropdown-menu>li a:active,
.mobile-configuration .primary-navigation .nav li.open>.dropdown-menu>li a:focus {
	background: none; background-color: #0044FF; color: #fff; padding-left:30px;
}

.mobile-configuration .dropdown.first-level-item.visible-xs.hidden-menu.open .dropdown-menu > li {
    margin-bottom: 5px;
}

.mobile-configuration .primary-navigation .nav li.open>.dropdown-menu>li a::before {
	content:"";
    background: url('/content/dam/open-digital/idbrca-global/en/landing-page/arrow-icon.png') no-repeat center center;
    width: 14px; height: 14px;
    display: inline-block;
    margin: 0 5px 0 -10px;
}

.mobile-configuration .primary-navigation .nav li.open>.dropdown-menu>li a:hover::before {
	display:none;
}

.dropdown-menu>li.active>a, .dropdown-menu>li>a{margin: 5px; border: none; font-size: medium; font-family: "DMSans-Regular", sans-serif; color: #1a202c;}

.tumourTypeMenu, .dropdown-menu, .top-header .header-actions>li>a{ font-size: medium; font-family: "DMSans-Regular", sans-serif; color: #1a202c;}

.mobile-configuration .dropdown-menu>li.active>a:focus, .dropdown-menu>li.active>a:hover, .dropdown-menu>li.active>a:active,
.mobile-configuration .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:active{
	 background: #ebebeb;
    border-radius: 12px;
    margin: 5px;
    border: none;
    font-size: medium; 
    font-family: "DMSans-Regular", sans-serif; color: #1a202c;
}

.caret {
    vertical-align: text-top;
    border:none;
}

span.caret::after {
    content: '\f107';
    display: inline-block;
    font-family: 'FontAwesome';
    font-size: 1.25em;
    vertical-align: middle;
}

.dropdown.open span.caret::after {
    content: '\f106';
}

	span.caret-block>.fa {display: none !important;}

.mobile-configuration .dropdown-toggle .bottom-hover-border {
	border: none;
}



.primary-navigation .nav.navbar-nav.stacked-menu li:last-child {margin-bottom:10px;}


@media screen and (max-width: 991px){
    .navbar-header ul.nav.header-actions .dropdown.hidden-xs{display: none;}
    .mobile-configuration .primary-navigation .nav .dropdown.first-level-item.visible-xs,
    .mobile-configuration .primary-navigation .nav dropdown.first-level-item.visible-xs.hidden-menu{ 
    	padding: 0; 
    	display: block !important;
		border: 1px solid grey !important;
    	background-color: #fff !important;
    	margin: 0 25px 10px 25px;
    	width: auto !important;
    	min-width:80%;
	}

	.mobile-configuration .primary-navigation .nav .dropdown.first-level-item.visible-xs a.bottom-hover-border { 
		padding: 10px 20px !important;
		margin:0;
		border: none !important;
		display: block;
	}
    .mobile-configuration .primary-navigation .nav .dropdown.first-level-item.visible-xs ul.dropdown-menu {
        width: 100%;
        box-shadow: none;
        border: none;
        position:static;
    }
    .mobile-configuration .dropdown.first-level-item  span.caret-block:after {
        content: '\f107';
        font-family: 'FontAwesome';
        padding-right: 25px;
    }
    
    .mobile-configuration .dropdown.first-level-item.open span.caret-block:after {
        content: '\f106';
    }
    
    .primary-navigation li a .caret-block {
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        padding-right: 5px;
	}

    .dropdown.first-level-item.visible-xs .dropdown-menu {
        width: 95%;
        margin: 0 auto;
        border-radius: 0;
    }

	.dropdown.first-level-item.visible-xs.open .bottom-hover-border::after {
    	display:none;
	}

	.mobile-configuration .primary-navigation .nav .dropdown.first-level-item.visible-xs ul.dropdown-menu > li > a{
    	display: block; width: 95% !important;
	}
	.left-block-content h5{
		font-size: 20px;
		margin-top: 0;
    	margin-right: 7px;
	}
	.two-column-block {
	    text-decoration: none;
	    display: -webkit-flex;
        display: flex;
        flex-flow: row-reverse;
        -webkit-flex-flow: row-reverse;
        -webkit-align-items: flex-start;
        align-items: flex-start;
	    padding: 10px 10px;
	}
	.left-block-content{
		    padding-left: 20px;
		     padding-right: 0;
	}
      .last-row{
		display: none;
	}
	.linkBtn{
    	margin-bottom: 0;
	}
	.linkBtn a{
		display: inline!important;
		padding: 0!important;
		border: none!important;
	}
	.right-callout-img {
        -webkit-flex: 0 0 36%;
        flex: 0 0 36%;
	}
    .img-responsive {
        display: block;
        max-width: 100%;
        height: auto;
    }
	.left-block-content {
        -webkit-flex: 0 0 67%;
        flex: 0 0 67%;
	}
    .left-block-content p{	
		margin-bottom: 0;
    	margin-right:7px;

    }
	.landingPage-idbrca p, .landingPage-idbrca .text.parbase ol li, .landingPage-idbrca .text.parbase ul li, .home-two-columnSection p, .home-two-columnSection .text.parbase ol li, .home-two-columnSection .text.parbase ul li{
		    font-family: "DMSans-Regular", sans-serif;
	    font-size: 14px;
	    letter-spacing: 0;
	    line-height: 20px;
	    color: #1a202c;
	    font-weight: normal;
	    margin-bottom: 24px;
	}
	a.morebtn {
    	font-size: 12px;
    	    line-height: 20px;
	}
	a.morebtn:after{
		    margin-left: 3px;
        	width: 28px;
   		 height: 28px;
	}

}
@media screen and (max-width: 767px){
    .mobile-configuration .primary-navigation .nav .dropdown.first-level-item.visible-xs,
    .mobile-configuration .primary-navigation .nav .dropdown.first-level-item.visible-xs.hidden-menu{ 
    	margin: 0 40px 10px 40px;
	}
}
@media screen and (min-width: 375px) and (max-height: 667px) and (orientation: portrait){
	.mobile-configuration .primary-navigation .nav .dropdown.first-level-item.visible-xs ul.dropdown-menu > li > a
		{width: 90% !important;}
      	.genetic-popup{padding-right: 10px;}                                                    

	}
    @media screen and (min-width: 320px) and (max-height: 567px)and (orientation: landscape) {
        .primary-navigation li a .caret-block{ top:50% !important;}

    }
    @media screen and (min-width: 320px) and (max-height: 567px) {
        .primary-navigation li a .caret-block{ top:inherit !important;}
	    .carousel .carousel-inner {min-height: 540px; }
    }

@media screen and (min-width: 320px) and (max-height: 567px)and (-webkit-min-device-pixel-ratio: 2) {
        .primary-navigation li a .caret-block{position: static; }
        .primary-navigation li a .caret-block::after{float:right; padding:0; }
		 .carousel .carousel-inner {min-height: 540px; }                                        
    }
.primary-navigation .nav>li.open>.dropdown-menu {border-radius:0;}
/*.video-parent [id^=video-player-] { block-size: fit-content !important; }*/
.success-img {margin-top: 0px;}
.modal.quiz-popup .modal-header .modal-title { display:none;}


/*new code*/
.egypt-pages p.footer-scaner-img img{
     max-width: 80px;
    width: 100%;
}
.egypt-pages .footer-scanner {
    width: auto;
    text-align: center;
}
.egypt-pages .top-header .header-actions .search a {
    display: none;
}

@media screen and (max-width:1200px) and (min-width:840px){
       body.egypt-pages.ovarian-home .landing-3-col .row .text.parbase.section{
    display: block;
}
body.egypt-pages.ovarian-home .callOutImg .img-responsive{
    width: -webkit-fill-available;
}
}
/*new code*/

@media (min-width: 1210px) {
    .footer-col-sec .column-1 {
        width: 60%;
    }
    
    .footer-col-sec .column-2 {
        width: 10%;
    }
    
    .footer-col-sec .column-3 {
        width: 30%;
        text-align: center;
    }
}

@media (max-width: 991px) {
    .footer-col-sec .row {
        flex-direction: column;
    }
    .footer-col-sec .column-1 {
        width: 100%;
        margin-bottom: 30px;
    }
    
    .footer-col-sec .column-2 {
        width: 100%;
        margin-bottom: 30px;
    }
    
    .footer-col-sec .column-3 {
        width: 100%;
        text-align: left;
    }
    
    .egypt-pages .footer-scanner {
        text-align: left;
    }
}

@media (max-width: 580px) {
    .navbar-default .top-header{
        padding-top: 35px;
    }
    .navbar-default .top-header:before{
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        transform: none;
        text-align: center;
    }
    
    .landingPageBlock .navbar-default .top-header {
        padding-top: 0;
    }
    
    .footer-logo.az-logo {
        text-align: center;
    }
    
    .footer .new-image .new-image-mobile {
        max-width: 300px;
    }
    
    .footer-col-sec .column-3 {
        text-align: left;
    }
    
    .egypt-pages .footer-scanner {
        text-align: left;
    }
}