/***** Font intialization Starts ******/

@font-face {
    font-family: GothamBold;
    font-display: swap;
    src: url('/etc/designs/digital/overrides/css/unbranded-rheumatology/en/fonts/Gotham-Bold.woff');
}

@font-face {
    font-family: GothamMedium;
    font-display: swap;
    src: url('/etc/designs/digital/overrides/css/unbranded-rheumatology/en/fonts/Gotham-Medium.woff');
}

@font-face {
    font-family: GothamLight;
    font-display: swap;
    src: url('/etc/designs/digital/overrides/css/unbranded-rheumatology/en/fonts/Gotham-Light.woff');
}

@font-face {
    font-family: GothamLightItalic;
    font-display: swap;
    src: url('/etc/designs/digital/overrides/css/unbranded-rheumatology/en/fonts/Gotham-LightItalic.woff');
}

@font-face {
    font-family: GothamBook;
    font-display: swap;
    src: url('/etc/designs/digital/overrides/css/unbranded-rheumatology/en/fonts/Gotham-Book.woff');
}

@font-face {
    font-family: GothamBookItalic;
    font-display: swap;
    src: url('/etc/designs/digital/overrides/css/unbranded-rheumatology/en/fonts/Gotham-BookItalic.woff');
}

@font-face {
    font-family: DinRegular;
    font-display: swap;
    src: url('/etc/designs/digital/overrides/css/unbranded-rheumatology/en/fonts/D-DIN.woff');
}

@font-face {
    font-family: DinBold;
	font-display: swap;
    src: url('/etc/designs/digital/overrides/css/unbranded-rheumatology/en/fonts/DIN-Bold.woff');
}

/***** Font intialization Ends ******/

/*start*/
.logo-medicine-txt {
    display: none;
}



/*hcp-login*/
 .gradient-bg{
        background-image: linear-gradient(to right,#fff 0%, #25408F 15%, #860052 85% ,#fff 100%);
 }

    .whitetitle{
font-size:50px;
color:#ffffff;
text-align:center;
font-weight:bold;
line-height:70px;
 font-family: 'GothamBold', sans-serif;
}
.whitesubtext{
font-size:32px;
color:#ffffff;
text-align:center;
line-height:28px;
padding-bottom:40px;
font-family: 'GothamBold', sans-serif;
    }

.selfcertitext{
font-size:16px;
text-align:center;
line-height:23px;
 font-family: 'GothamBook', sans-serif;
}
.modal-title {
    display: none;
}
label {

    display: none;
}
.modal-header {
    padding: 7px;
    border-bottom: none;
}
.modal-footer {
    text-align: center;
    border-top: none;
}
.form-control {

    width: 27%;

        }
.form-control.self-certification-text-field 
{
margin-left: auto;
margin-right: auto;
            }


.btn {
    padding: 12px 65px;
    border-radius: 25px;
    font-style: normal;
}

.btn-primary{
     background-image: linear-gradient(to right, #000080 , #4d004d )!important;
     border-color:#fff!important;
    }


/*hcp-home*/
.button.next {
    font-family: 'GothamBold', sans-serif !important;
    text-transform: capitalize;
    font-weight: 600;
}
.sle-mice.tx-pad {
    margin-top: -45px;
    margin-left:64px;
}
.whiter-sup {
    font-size: 40px;
    font-weight: normal;
    font-family: 'GothamLight';
}
.sle-mice.ml-0 {
    margin-left: 0;
}
.gray-bg{
background-color: #231F20;
    }
.black-bg{
background-color: #000000;
background-size:cover !important;
background-position:center !important;
    }    
.sle-text{
font-size:18px;
 font-family: 'GothamBook', sans-serif;
 width: 87%;
 margin-left: 7%;
    }
.inner-sect-padding{
padding-right:40px;
padding-left:40px;
    }
.sle-footer{
font-size:12px;
        }
.sle-mice{
    color:#0D0D10;
font-size:14px;
 font-family: 'GothamBook', sans-serif;
 width: 87%;
 margin-left: 7%;
        }
.banner-mice{
    color:#0D0D10;
font-size:20px;
 font-family: 'GothamBook', sans-serif;
 width: 100%;
 margin-left: -20%;
 line-height:30px;
        }
.sle-link{
    color:#25408F;
font-size:18px;
 font-family: 'GothamBook', sans-serif;
        }
        
.sle-link a{
    color:#25408F;
font-size:18px;
 font-family: 'GothamBook', sans-serif;
        }

.box{
border: 1px solid #25408F;
/*padding:25px 25px 25px 40px;*/
padding:25px 65px 25px 65px;
width:100%;
margin-left:auto;
margin-right:auto;
}

.blue-large{
color:#25408F;
font-size:24px;
line-height:30px;
 font-family: 'GothamBold', sans-serif;
}

.blue-large a{
color:#25408F;
font-size:16px;
line-height:30px;
 font-family: 'GothamBold', sans-serif;
}

.magenta-large{
color:#860052;
font-size:24px;
line-height:23px;
 font-family: 'GothamBold', sans-serif;
    }

.magenta-extralarge{
color:#831853;
font-size:26px;
line-height:27px;
 font-family: 'GothamMedium', sans-serif;

    }

.mag-txtalign{
text-align: left;
line-height:30px;
padding: 0 65px 30px;
        }

.magenta-chartheadline{
color:#860052;
font-size:24px;
line-height:30px;
 font-family: 'GothamBook', sans-serif; 
    
}
.blue-chartheadline{
color:#25408F;
font-size:24px;
line-height:30px;
 font-family: 'GothamBook', sans-serif;    
    
}
h1{
 color:#ffffff;
font-size:60px;
line-height:45px;
    text-align: center;
 font-family: 'GothamBook', sans-serif;     
}
h2{
 color:#ffffff;
font-size:48px;
line-height:60px;
    text-align: center;
 font-family: 'GothamBook', sans-serif;     
}
h3{
 color:#860052;
font-size:36px;
line-height:44px;
 font-family: 'GothamBold', sans-serif;     
}
h4{
 color:#0D0D10;
font-size:20px;
line-height:26px;
 font-family: 'GothamBook', sans-serif;     
}
.purplecallout{
 color:#860052;
font-size:20px;
line-height:26px;
 font-family: 'GothamBold', sans-serif;     
}

 .sle-col{

background-image: linear-gradient(180deg, #4d004d, #000080 , #4d004d);

    }
.sle-lab-callout{
    color:#ffffff;
    background-color:#860052;
font-size:20px;
line-height:26px;
text-align: center;
padding: 25px;
margin-bottom: 15px;
margin-top: 15px;
 font-family: 'GothamBold', sans-serif;    
    
}
.white-medtxt{
color:#ffffff;
font-size:28px;
line-height:28px;
 font-family: 'GothamBook', sans-serif;
            }
.white-medtxt a{
color:#ffffff;
font-size:28px;
line-height:28px;
 font-family: 'GothamBook', sans-serif;
}

.white-small{
color:#ffffff;
font-size:18px;
line-height:20px;
 font-family: 'GothamBook', sans-serif;
}

.sle-columns{
    width: 80%;
    margin-left: auto;
    margin-right: auto;

        }

.sle-borderline{
border-bottom:1px solid #fff;
padding:20px 0px 20px 0px;
margin-bottom: 20px;
            }

.parallelogram{
      width: 100%;        
      max-width: 900px;
      height: 155px;
      transform: skew(-20deg);
      background-image: linear-gradient(to right, #25408F 15%, #860052 85%);
      margin-left: auto;
      margin-right: auto;
      padding:30px;
    }
.parallelogram-text{
      padding: 1px;
      color:#fff;
      font-size: 20px !important; 
      font-family: 'GothamBook', sans-serif;
      transform: skew(20deg);
      display: block; 
      max-width: 740px;
      margin: auto;
    }
 .gradient-survey{
        background-image: linear-gradient(to right, #25408F 15%, #fff 100%);
        height:15px;
 }
 
 /*Carousel*/
 .carousel .carousel-indicators li{ 
    background-color: #CF99BA;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right:8px;             
}                         
.carousel .carousel-indicators li.active{
    background-color: #860052;
}
.carousel .carousel-indicators li.active a, .carousel .carousel-indicators li .carousel-indicator:after{
    border:none;
}
.carousel-title{
    color:#860052;
    font-size:30px;
    line-height:30px;
    font-family: 'GothamBold', sans-serif;
    margin-top:25%;
    margin-left:-20%;
}    
.carousel .carousel-indicators{
    bottom:-5% !important;
}
/*header menu*/
.ro-w {
		display: flex;
		align-items:center;
}
.pr-mrg {
    color:#860052;
    font-size:13px;
    line-height:16px;
    font-family: 'GothamBold', sans-serif;
    text-decoration:none;
	margin: -2% 1% 0% 2%;
}
.pr-mrg a{
    color:#860052;
    font-size:13px;
    line-height:16px;
    font-family: 'GothamBold', sans-serif;
    text-decoration:none !important;
}
.fr-mrg {
    color:#860052;
    font-size:13px;
    line-height:16px;
    font-family: 'GothamBold', sans-serif;
    text-decoration:none;
	margin: -2% 1% 0% 1%;
}
.fr-mrg a{
    color:#860052;
    font-size:13px;
    line-height:16px;
    font-family: 'GothamBold', sans-serif;
    text-decoration:none !important;
}
.primary-navigation.snippet-nav{
  background: #fff !important;
  border: 0 !important;
}
.top-header{
  display: block;
}
.navbar-default .top-header {
  border-bottom: 0;
}

.navbar-default {
  border-color: #fff;
}
.fr-header {
    color:#860052;
    font-size:14px;
    font-family: 'GothamBook', sans-serif;
	margin: 2%;
	padding-left: 2%;
	margin:-14% 0% 0% 10%;
}
.fr-header a{
    color:#860052;
    font-size:14px;
    font-family: 'GothamBook', sans-serif;
}

/*footer*/
.footer {
  text-align: center;
}

.footer-policy {
  width: 70%;
  display: inline-flex;
  margin: 48px 0px 32px 0px;
  text-decoration: underline;
  text-align: left;
}

.footer-policy p {
  margin: 15px;
}

.footer p {
 font-family: 'GothamBook', sans-serif;
}

.footer a {
 font-family: 'GothamBook', sans-serif;
 color: #ffba01 !important;
}

.footer-last {
  width: 70%;
  margin: 0 auto;
}

.footer-x {
  display: inline-flex;
}

.footer-x p {
  padding: 0 10px;
}

.veeva2 {
  border-left: 2px solid white;
}


/*new changes*/

.component-section.full-width.container.no-style {
    padding-top: 0;
}

.form-control {
    color:#000;
    font-family: LexiaLight, Times, "Times New Roman", serif;
    border: 1px solid #000;
}
.form-control::placeholder {
    color:#000;
}
.self-certification-holder .self-certification-modal-footer {
    padding: 0 0px 15px 0;
}
.self-certify-yes{
    font-size:16px;
    font-family: 'GothamBold', sans-serif;
}
.container.middle-content .nav-pills {
    display:none;
}
.footer {
    color: #ffffff;
    background: #1b1b1b;
    margin-top: 30px;
    padding-top: 30px;
    padding-bottom: 25px;
    position: relative;
}
.footer-policy {
    width: 100%;
    max-width: 785px;
    margin: 0px 0px;
}
.footer p {
    line-height: 1.5rem;
    margin: 0 0px 15px;
    padding-right: 20px;
}
.footer p + p {
    border-left: 2px solid #999;
    padding-left: 20px;
}
.footer-last {
    width: 100%;
    max-width: 785px;
}
.text.parbase a.blue-anchor {
    color: #25408F;
    text-decoration: none;
}

.navbar-default .top-header{
display: none;
}
.ro-w { 
align-items: flex-start;
margin-left:4%;
}
.fr-header { 
margin: -5% 0% 0% 10%;
}
.black-bg h1 { 
font-size: 56px; 
font-family: 'GothamBoLD', sans-serif;
margin-top: 0px !important;
}
.new-image .new-image-desktop { 
/*height: 4px;*/
}
.sle-link { 
    display: flex; 
    margin-bottom: 0;
    min-height: 50px;
    align-items: center;
}
.sle-link a { 
padding-left: 10px;
} 
.sle-link-center{
    color:#860052;
    font-size:36px;
    font-family: 'GothamBook', sans-serif;
    margin-top:10px;
    align-items: center;
}
.sle-link-center a{
    color:#860052;
    font-size:36px;
    line-height:40px;
    font-family: 'GothamBook', sans-serif;
    margin-bottom: 0;
    min-height: 50px;
    align-items: center;
    text-decoration: none !important;
}
.sle-link-center-bold{
    color:#860052;
    font-size:36px;
    font-family: 'GothamBold', sans-serif;
    margin-bottom: 0;
    min-height: 50px;
    align-items: center;
    text-decoration: none !important;
}
.sle-link-center-bold sup{
    color:#860052;
    font-size:24px;
    font-family: 'GothamBook', sans-serif;
    margin-bottom: 0;
    min-height: 50px;
    align-items: center;
    text-decoration: none !important;
}
.sle-link-center-bold a{
    color:#860052;
    font-size:36px;
    font-family: 'GothamBold', sans-serif;
    margin-bottom: 0;
    min-height: 50px;
    align-items: center;
    text-decoration: none !important;
}
.component-section.container.no-style.mob-sect .col-sm-4.col-xs-12 {
    padding-right: 10%;
}
.carousel .carousel-control {
    color:#860052;
}
.carousel.slide .sle-mice {
    padding-left: 0px;
}
#summary .parallelogram-text{
  transform: skew(00deg);
  max-width: initial;
  margin: 0 0 3.5rem;
  text-indent: -26px;
    margin-left: 26px;
}

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

.mob-sect{

padding-left: 10px;
padding-right: 10px;

        }
.parallelogram {
    width: 253px;
    height: 311px;
    padding: 15px;
    transform: skew(-15deg);
}
.mag-txtalign {

    margin-left: 12%;

}
.white-medtxt {

    font-size: 22px;
        }
.sle-borderline{
display:none;
        }

.whitetitle {
    font-size: 26px;
    line-height: 36px;
}
.whitesubtext {
    font-size: 21px;
    line-height: 32px;
    padding-bottom: 10px;
}
.form-control {
    width: 50%;
}
.self-certification-modal-footer .btn, .login-footer .btn, .modal-footer .btn {
    margin: 0 0 10px;
    display: block;
    width: 53%;
    margin-left: auto!important; 
    margin-right: auto!important;
}
.component-section.container.no-style.mob-sect .col-sm-4.col-xs-12 {
    padding-right: 15px;
}
}

.magenta-large1 {
    color: #860052;
    font-size: 40px;
    line-height: 50px;
    font-family: 'Gothammedium', sans-serif;
}
.threat1 {
    font-family: 'GothamBook', sans-serif;
}
.led-p {
    font-family: 'GothamBook', sans-serif;
    line-height: 20px;
}
.blue-large2 {
        color: #25408F;
    font-size: 20px;
    line-height: 30px;
    font-family: 'GothamBold', sans-serif;
}
.interactive{
    margin-left:7%;
}
.text-danger { 
    color: #a94442;
    margin-left: 36%;
}