@charset "UTF-8";

/*** Globle Csss ***/
html {
  scroll-behavior: smooth;
}
*{ margin:0px; padding:0px;}
body{font-family: 'Nunito', sans-serif; font-weight: 400; font-size:16px; line-height: 24px; color: #141539;}

a {transition: all 0.5s ease 0s;    -webkit-transition: all 0.5s ease 0s;    -moz-transition: all 0.5s ease 0s;}
a:hover, a:focus{ text-decoration:none; transition: all 0.5s ease 0s;    -webkit-transition: all 0.5s ease 0s;    -moz-transition: all 0.5s ease 0s;}
img{    max-width:100%;     object-fit:cover;}

h1, h2, h3, h4, h5, h6  {   font-weight:500; margin:0 0 30px; color:#141539; font-family: 'Nunito', sans-serif;margin-bottom:0px;   }

h1{ font-size: 94px;    line-height: 92.5px;    letter-spacing: -4px;   font-weight: bold;}
h2{ font-size: 67px;    line-height: 40px; font-weight: bold;line-height: 70px; letter-spacing: -4px;}
h3 {    font-weight: bold;  font-size: 50px;    line-height: 55px;  letter-spacing: -0.5px;}
h4 {    font-size: 35px;    font-weight: 700;}
p { margin-bottom: 0;   font-size: 30px;    line-height: 44px; margin-bottom: 30px;}
.p1 {   font-size: 21px;    line-height: 35px;  padding-top: 20px;  margin-bottom: 0px;}
ul{     margin:0px;     padding:0px;}
ul li{ list-style:none;}

.btn {  background: #E59E41;    border-radius: 66px;    color: #141539; font-family: 'Nunito', sans-serif;  text-transform: uppercase;  font-size: 16px;    padding: 20px 40px;
    transition: none;   line-height: 22px;  font-weight: 800;   letter-spacing: 1px;
    border: 0px; transition: all 0.5s ease 0s;  -webkit-transition: all 0.5s ease 0s;   -moz-transition: all 0.5s ease 0s;}
.btn:hover { border-radius: 20px;transition: none; transition: all 0.2s ease 0s;    -webkit-transition: all 0.2s ease 0s;   -moz-transition: all 0.2s ease 0s; }
.btn.focus, .btn:focus {    outline: 0; box-shadow: none;}
.container{     max-width:1200px;}
.container-fluid.page-container {   overflow: hidden;   padding: 0;}
.floating {      animation-name: floating;    animation-duration: 5s;    animation-iteration-count: infinite;    animation-timing-function: ease-in-out;       }
.floating.floating-delay{ animation-duration: 6s; transition-delay: 4s;}
.floating img {    width: 100%;}
.floating-footer {    animation-name: floating-footer;    animation-duration: 6s;    animation-iteration-count: infinite;    animation-timing-function: ease-in-out  }
.full-ht{ height:100vh;}
@keyframes floating {    from { transform: translate(0,  0px); }    65%  { transform: translate(0, 20px); }    to   { transform: translate(0, -0px); }    }
@keyframes floating-footer {    from { transform: translate(0px,  0px); }    45%  { transform: translate(35px, 35px); }    to   { transform: translate(0, 0px); }    }
@media(min-width:1400px){.container{    max-width:1330px;       margin: 0 auto;     position: relative; }}
@media(min-width:1599px){.container{    max-width:1440px;       margin: 0 auto;     position: relative; }}

/*** Globle Csss ***/
/*** Headear Csss **/

li.wpml-ls-current-language {
    display: none !important;
}
.site-header {  margin-bottom: 0px; overflow: hidden;   position: absolute; width: 100%; padding:35px 0;transition: all 0.6s ease; z-index: 9999;}
.row-with-vspace {  margin-bottom: 0;}
.site-header .content {  position: absolute;  height: 100%;  width: 100%;}
.menu-btn {transition: all 0.6s ease;    text-align: right;    z-index: 999;    position: absolute;    color: #fff;    width: 68px;    height: 68px;    background: #fff;    display: flex;    align-items: center;    justify-content: center;    border-radius: 50%;    right: 0; cursor:pointer;}
.menu-bars, .menu-bars:before, .menu-bars:after { transition: all 0.6s ease;   height: 3px;    width: 22px;    background: #141539;    display: block;    position: relative;}
.site-header.fixed {    position: fixed;    background: #FFF6ED;    width: 100%;    left: 0;    top: -130px;    z-index: 999;    transition: all 0.6s ease;    box-shadow: 0 0 5px #dadada;}
.site-header.headerAnimate {    top: 0px; transition: all 0.6s ease;}
.no-scroll .site-header.headerAnimate .logo {    opacity: 0;}
.no-scroll .site-header.headerAnimate {    background: none;    box-shadow: none;}
.site-header.headerAnimate .menu-btn{  transition: all 0.6s ease;}
.site-header.headerAnimate .menu-bars, .site-header.headerAnimate .menu-bars:before, .site-header.headerAnimate .menu-bars:after{transition: all 0.6s ease;}
.menu-bars:before, .menu-bars:after {    position: absolute;    content: "";}
.menu-bars:before {    top: -8px;}
.menu-bars:after {    bottom: -7px;}
.menu-btn.close-menu {    cursor: pointer;}
.menu-btn.close-menu .menu-bars:after, .menu-btn.close-menu .menu-bars:before{opacity:0;}
.menu-overlay {  display: none;  position: fixed;  height: 100%;  width: 100%; background: url(../images/background-Menu-TACT.jpg);   text-align: left;  z-index: 99; background-size:cover; top:0; bottom:0;}
.main-navigation .wpml-ls-statics-shortcode_actions {    position: absolute;    right: 90px;    display: flex;    height: 68px;    width: 68px;    text-transform: uppercase;
    align-items: center;    font-size: 21px;    font-weight: 700;    line-height: 35px; z-index:100;}

.main-navigation .wpml-ls-statics-shortcode_actions a {    color: #141539;}
body.no-scroll {    overflow: hidden;}
body.no-scroll .site-header .logo {display: none;}
body.no-scroll .site-header{height: 150px;}
nav ul {  font-size: 4em;  list-style: none;  margin-top: 5%;}

nav ul li {  margin-top: 1%;}
ul#bb4-primary-menu:hover li a {color: #fff;}
ul#bb4-primary-menu:hover li a {    color: transparent;    text-shadow: 0 0 10px rgb(255 255 255 / 50%);}
ul#bb4-primary-menu:hover li:hover a {    text-shadow: none;    color: #fff;}
nav.main-navigation {    height: 100%;    display: flex;    align-items: center;    width: 100%;    padding: 150px;}
nav.main-navigation ul#bb4-primary-menu {    width: 100%;}
nav.main-navigation ul li a {    color: #fff;    margin: 0 0 50px;}

/*** Home page Css ***/
.site-header .logo img{ max-width: 240px; }
.banner {    background: url(../images/background-home-TACT-HERO-scaled.jpg);    height: calc(100vh - 130px);    padding-top: 210px; background-size:cover;}
.right-section {    position: relative;}
.right-section::before {    content: "";    background: url("../images/Shape2.svg");    width: 180px;   height: 168px;  position: absolute; display: table;
    right: 14%; top: -10%;}
.right-section::after { content: "";    background: url("../images/Shape1.svg");    width: 226px;   height: 202px;  position: absolute;
    display: table; left: -12%; bottom: 5%;}

.section-two {    position: relative;    padding-top: 150px;    padding-bottom: 180px;    display: flex;    align-items: center;    justify-content: center;}
.section-two::before {    content: "";    position: absolute;    left: -245px;    width: 338px;    height: 660px;    background: #BAD5E8;    border-radius: 0 650px 650px 0;
    transition: 2s;
}
#filling{padding-top: 150px;  }
.section-two:hover::before {    transition: 2s;    left: -130px;}
.about-section {    background-image: url("../images/background-home-TACT-LONG-scaled.jpg");    display: table; margin: 0 auto; width: 100%;    background-size: cover; background-position:center center;  padding-top: 150px; padding-bottom:150px;}
.about-section h2, .about-section p {    margin: 0 0 60px;}
.middlesection {    padding-top: 150px; padding-bottom: 150px;}

.middle-left {  margin-top: 90px;}
.white-column { background: #FFFFFF;    box-shadow: 0px 24px 44px rgba(0, 0, 0, 0.05);  border-radius: 50px;    padding: 50px;  min-height: 470px; height:100%;}
.about-section h2, .about-section p {    margin: 0 0 60px;}
.narcolepsy-types-top .type {    margin: 0 0 60px;}
/*************Page About Us*******/
.scrollable-content .mCSB_scrollTools{ opacity: 0 !important;}
.understanding-sec .floating {    text-align: right;    position: sticky;    top: 10px;}
.understanding-sec {    padding: 110px 0;}
.understanding-sec .scrollable-content p {    font-size: 21px;    line-height: 35px;}
/*.understanding-sec .scrollable-content {    height: 320px;    overflow: auto;}*/
.understanding-sec .text-col h2 {    margin: 0 0 60px;}
.recognizing-sec {    background: #141539;    padding: 110px 0;}
.about-page .recognizing-sec ul li span:first-child {    max-width: 90%;}
.recognizing-sec h2 {    color: #FBD19E;    margin: 0 0 60px;}
.about-page .recognizing-sec p { color: #fff; }
.recognizing-sec ul li,  .recognizing-sec ul li a {    color: #fff;    font-size: 35px;    line-height: 41px;}
.recognizing-sec .text-col {    padding-left: 0%;}
.recognizing-sec ul li, .recognizing-sec ul li a {    font-weight: 700;}
.recognizing-sec ul li {    border-top: 2px solid #FBD19E;    padding: 35px 0;}
.recognizing-sec ul li:last-child {    border-bottom: 2px solid #FBD19E;}
.recognizing-sec .scrollable-content {    margin-top: 60px;        overflow: auto;}
.recognizing-sec ul li a {    display: flex;    justify-content: space-between;}
.inner-banner {    background: url(../images/inner-banner.png);    display: flex;    align-items: center;    padding: 175px 0;    background-size: cover;    background-position: center center;}
section.narcolepsy-types {    padding: 200px 0;    background: #FFF6ED;}
.narcolepsy-types .floating {    text-align: right;}
.narcolepsy-types .type h3 {    color: #E59E41;}
.narcolepsy-types .type h3 span {    display: block;    color: #141539;    font-size: 30px;    text-transform: uppercase;}
.narcolepsy-types h2 {    margin: 0 0 60px;}
.narcolepsy-types h3 {    margin: 0 0 20px;}
.narcolepsy-types .scrollable-content {    margin-top: 60px;       overflow: auto;  } 

/***********Page Myth*********/
.page-mith .understanding-sec {    padding: 130px 0;} 

.page-mith .understanding-sec .text-col {padding: 40px 0 0;}
.myth .myth-top h4 {    color: #E59E41;}
.myth .myth-top h4 p {    font-size: 30px;}
.myth .myth-bottom p {    font-size: 21px;    line-height: 35px;}
.myth h4 {    margin: 0 0 30px;}
.myth .myth-top {    margin: 0 0 60px;}
.page-mith .myth {      border-top: 2px solid #E59E41;    padding: 60px 0;}
.page-mith .myth:last-child {    border-bottom: 2px solid #E59E41;}

.diagnosing-page .narcolepsy-types {    padding: 120px 0;    }
/***********Page Living*********/
.living-page .recognizing-sec p{font-size:30px; color: #fff;}
.recognizing-sec .recognizing-bottom ul li,.narcolepsy-types-top ul li {    font-size: 21px;    font-weight: 400;    line-height: 35px;    border: none;    padding: 0 0 40px 50px;    position: relative;}
.recognizing-sec .recognizing-bottom ul li:before, .narcolepsy-types-top ul li:before {    content: "";    background: url(../images/moon.png);    height: 35px;    width: 35px;    position: absolute;    left: 0;    background-repeat: no-repeat;    top: 10px;}

.living-page .narcolepsy-types-top ul li:before{top:16px;}

.recognizing-sec .recognizing-bottom ul li p, .narcolepsy-types-top ul li p {    font-size: 21px;    line-height: 35px;    margin: 0;}
.narcolepsy-types-top ul li ul {    padding-left: 20px;}
.narcolepsy-types-top ul li ul li {    list-style: disc;    padding: 0 0px 40px;}
.narcolepsy-types-top ul li ul li:last-child {    padding-bottom: 0;}
.narcolepsy-types-top ul li ul li:before {    display: none;}
.recognizing-bottom {    padding-top: 170px;}
.recognizing-bottom .floating {    text-align: right;}
.coping-nicrolepsy {    padding: 160px 0;}

.coping-nicrolepsy h2 {    margin: 0 0 60px;}
.coping-nicrolepsy .text-col p {    font-size: 21px;    line-height: 35px; }
.living-page .coping-nicrolepsy  p{ margin:0 0 60px;}
.living-page .narcolepsy-types .scrollable-content h4 {    color: #E59E41;    margin: 0 0 15px;}
/***********Page Resources*********/
.find-resources .container {    max-width: 850px;}
.find-resources {    padding: 200px 0;}
.find-resources h2 {    margin: 0 0 60px;}
.resources-links {    border-bottom: 2px solid #E59E41;    border-top: 2px solid #E59E41;    padding: 40px 0;    margin-top: 60px;}
.resources-links ul li a {    font-size: 21px;    font-weight: bold;    line-height: 35px;    color: #507FA6;    margin: 0 0 10px;    display: block;    position: relative;     padding-left: 30px;}
.resources-links ul li a:before {    content: "";    background: url(../images/download.png) no-repeat;    height: 20px;    width: 20px;    position: absolute;
    left: 0;    top: 7px;}
.resources-links h4 {    margin: 0 0 30px;}
.resources-popup-content {    background: #fff;    text-align: center;    padding: 50px;    border-radius: 25px;    min-width: 525px;    max-width: 100%;}
.resources-popup-content .btn-col {    display: flex;    align-items: center;       position: relative;    z-index: 11;}
.resources-popup-content .btn-col a {    position: relative;    z-index: 999;}
.modal-dialog {    pointer-events: auto;}
.resources-popup-content p {    margin: 0 0 40px;}
.resources-popup-content a, .resources-popup-content span {    cursor: pointer;    text-transform: uppercase;    font-size: 16px;    font-weight: 800;    color: #3A3A3A;}
.resources-popup-content span {    text-decoration: underline; opacity:1;}
.resources-popup-content span.close {    margin-left: 25%;}
/*** Page Symptoms **/
.symptoms-content .container {    max-width: 890px;}
.symptoms-content {    padding: 200px 0;}
.symptoms-list ul li {    display: flex;    flex-wrap: wrap;    border-top: 2px solid #E59E41;    padding: 60px 0;}
.symptoms-list ul li .image-col {    width: 40%;}
.symptoms-list ul li .text-col {    width: 60%;    padding-left: 60px;}
.symptoms-list ul li .image-col img, .symptoms-list-bottom .image-col img {    width: 100%;    border-radius: 40px;}
.symptoms-list ul li .text-col h4 {    margin: 0 0 30px;}
.symptoms-content p {    margin: 0 0 60px;}
.symptoms-list ul li .text-col p {    font-size: 21px;    line-height: 35px;}
.symptoms-list-bottom h4 {    border-top: 2px solid #E59E41;    padding: 20px 0;}
.symptoms-list-bottom ul {    display: flex;    justify-content: space-between;    flex-wrap: wrap;    border-bottom: 2px solid #E59E41;       padding: 20px 0 30px;}
.symptoms-list-bottom ul li {    width: 23%; margin: 0 0 30px;}
.symptoms-list-bottom ul li h5 {    font-size: 28px;    font-weight: 700;    margin-top: 20px;}
/*** Footer Css **/
.footer-common-stack h3 {    margin: 0 0 40px;}
.footer-common-stack p {    margin: 0 0 110px;}
.footer-common-stack {    max-width: 1080px;    margin: 0 auto;}
.footer-common-stack a.btn {    position: absolute;    bottom: 50px;}
.footer-top {    overflow: hidden;    position: relative; background:url(../images/footer-bg.png) no-repeat; background-size:cover;     padding: 110px 0;}
.footer-top .footer-shape {    position: absolute;    right: 0px;    bottom: 0px;}

.footer-top p {    color: #fff;}
.footer-socials ul {    display: flex;}
.footer-socials ul li a {    margin-right: 40px;    font-size: 50px;    color: #fff;}
.footer-socials ul li a:hover{color:#E59E41}
.footer-socials {    margin-top: 50px;    display: block;}
.footer-bottom {    padding: 10px 0;}
.footer-logo img {    max-width: 150px;}
.footer-logo a {    cursor: default;}
.footer-info p { margin: 0;    font-size: 16px;    line-height: 25px;}
.footer-info span {    font-size: 14px;    color: #E59E41;    text-transform: uppercase;    font-weight: 800;}
.footer-bottom .row {    align-items: center;}

/************Stycky Effects**********/
.narcolepsy-types-top {    padding: 0 0 200px;}
.understanding-sec, .narcolepsy-types-top, .recognizing-sec, .recognizing-bottom{ position:relative;}
.understanding-sec .floating, .recognizing-sec .recognizing-left, .narcolepsy-types-top .floating, .recognizing-bottom .floating, .coping-nicrolepsy .floating{   position: sticky;    top: 10px;}
/*.understanding-sec:hover .floating, .narcolepsy-types-top:hover .floating, .recognizing-sec:hover .floating {    animation: none;}*/
a.scroll_to {    position: absolute;    bottom: -80px;    left: 0;    width: 120px; z-index:1;}
a.scroll_to img {    max-width: 120px;}
.not-found {    padding: 120px 0;}
.recognizing-sec .floating {    animation: none;}
.banner .container {  display: flex;    align-items: center;    height: 100%;    padding-top: 215px;}
/**************Responsive Css Starts Here**************/
@media (max-height: 700px){
    .banner {    height: calc(100vh - 100px);    padding-top: 150px;    }
    .banner h1 {    font-size: 80px;    line-height: 80px;    }
    a.scroll_to{bottom: -60px;}
    
}

@media (max-height: 699px){
    .banner {    height: calc(100vh - 100px);    padding-top: 100px;}
.banner h1 {    font-size: 60px;    line-height: 60px;} 
}
@media (min-height: 701px){
    .banner {  height: calc(100vh - 90px);    padding-top: 0px;    background-size: cover;    display: flex;    align-items: flex-end;}
    
}
@media (min-width:1921px){
    .banner {  height: calc(100vh - 165px);    padding-top: 0px;    background-size: cover;    display: flex;    align-items: flex-end;}
    
}
@media (max-width:1400px){

	.banner p.p1 br {
    display: none;
}

.banner p.p1 {
    max-width: 85%;
}
	
}
@media (max-width:1199px){
    a.scroll_to{ display:none;}
    .container {    max-width: 960px;}
    h1{ font-size:67px; line-height:70px;}
    h2{ font-size:50px; line-height:52px;}
    h3 {font-size: 35px;    line-height: 41px;}
    .banner br, .about-section br {    display: none;}
    .section-two::before{ display:none;}
    .section-two{padding-top: 180px;    padding-bottom: 110px;}
    #filling{ padding-top:0}
    nav.main-navigation{ padding:50px;}
    .white-column{min-height:auto;}
    .footer-common-stack p {    margin: 0 0 100px;}
    .footer-top .col-lg-7 {    z-index: 1;}
    .banner .container{ padding-top: 80px; }
    body.no-scroll .main-navigation .wpml-ls-statics-shortcode_actions{ display: none; }
	.living-page .coping-nicrolepsy p {    margin: 0 0 30px;}
}
@media (max-width:992px){ 
    .menu-btn{top: -60px;right: 30px; width: 50px;    height: 50px;}
    .menu-btn.close-menu {    top: 20px;    right: 0;    left: 0;    margin: 0 auto; position:fixed;     } 
    nav.main-navigation ul li a {    color: #fff;    margin: 0 0 10px;    font-size: 30px;    line-height: 45px;}
    nav.main-navigation {    height: 100%;    display: flex;    align-items: center;    width: 100%;    padding: 15px;    justify-content: center;    text-align: center;}
    .banner{ height:auto;}
    .banner p.p1 {    padding-top: 40px;}
    .right-section {    position: relative;    margin-top: -75px;    bottom: -115px;}
    .right-section::before,.right-section::after{display:none;}
    .section-two {    padding-top: 230px;    padding-bottom: 60px;}
    .about-section .row {    flex-direction: column-reverse;}
    .about-section .floating {    margin: 0 0 100px;}
    .middle-left {    margin-top: 0;}
    .understanding-sec .row, .narcolepsy-types .row.narcolepsy-types-top {    flex-direction: column-reverse;}
    main.page-mith .narcolepsy-types .row.narcolepsy-types-top {    flex-direction: row;}
    .understanding-sec .floating, .recognizing-left .floating, .narcolepsy-types .row.narcolepsy-types-top .floating {    text-align: center;    margin: 0 0 60px;}
    .recognizing-sec .recognizing-left {    display: flex;    flex-direction: column-reverse;}
    .recognizing-sec .recognizing-left h2 {    text-align: left;}
    .recognizing-sec .text-col {    padding-left: 0;}
    section.narcolepsy-types {    padding: 100px 0;}
    .narcolepsy-types .row.narcolepsy-types-top {    padding: 0 0 100px;}
    .footer-common-stack .col-lg-6 {    margin-bottom: 60px;}
    .footer-common-stack h3 {    margin: 0 0 20px;}
    .about-section .footer-common-stack .row {    flex-direction: row;}
    .footer-info p {    padding: 10px 0;margin: 0;    font-size: 14px;    line-height: 18px;}

    .symptoms-list-bottom ul li {    width: 50%;    padding: 0 15px;    margin: 0 0 30px;}
    .symptoms-content {    padding: 60px 0;}
    .symptoms-list ul li {    padding: 30px 0;}
    .symptoms-list ul li .image-col {    width: 100%;}
    .symptoms-list ul li .text-col {    width: 100%;    padding-left: 0;    margin-top: 30px;}
    .inner-banner{padding: 175px 0 100px;}
    .symptoms-list ul li .text-col p{ margin:0px;}
    .symptoms-list-bottom ul li{ width:50%; padding:0 15px;}
    .page-mith .myth{ margin-left:0}
    .narcolepsy-types .scrollable-content{ margin-top:0;}
    .recognizing-sec p, .recognizing-sec ul li, .recognizing-sec ul li a {    color: #fff;    font-size: 30px;    line-height: 35px;}
    .recognizing-bottom .row {    flex-direction: column-reverse;}
.recognizing-bottom {    padding-top: 100px;}
.recognizing-bottom .floating {    margin: 0 0 100px; text-align:center;}
.narcolepsy-types .scrollable-content p {    font-size: 21px;    line-height: 35px;}
.myth .myth-top p {    font-size: 30px;    line-height: 44px;}
.footer-common-stack a.btn {    position: static;     display: block;}
.footer-common-stack p {    margin: 0 0 40px;}
.main-navigation .wpml-ls-statics-shortcode_actions{top: -66px;}
.coping-nicrolepsy h2 {    margin: 60px 0 30px;}
 }
@media (max-width:767px){
    p{ font-size:21px; line-height:35px;}
    .page-mith h1 {    font-size: 55px;    line-height: 60px;} 
    .about-section{padding-top: 60px;    padding-bottom: 60px;}
    .about-section h2, .about-section p {    margin: 0 0 35px;}
    .white-column{ padding:30px;}
    a.btn {    display: block;}
    .middlesection {    padding-top: 100px;    padding-bottom: 100px;}
    .about-section .floating {    margin: 0 0 60px;}
    .footer-top{ padding:50px 0;}
    .footer-top p {    color: #fff;    font-size: 21px;    line-height: 35px;}
    .footer-top .footer-shape{ display:none;}
    .symptoms-list-bottom ul{ margin:30px 0 0;}
    .symptoms-list-bottom ul li{ width:100%;}
    .footer-common-stack p {    margin: 0 0 40px;}
    .resources-popup-content {    padding: 15px;    border-radius: 25px;    min-width: 100%;    max-width: 100%;}
    .resources-popup-content span.close {    margin-left: 15%;}
    
}
@media (max-width:480px){
    .menu-btn{ top:-40px;}
    .section-two p {    font-size: 28px;}
    .main-navigation .wpml-ls-statics-shortcode_actions{top: -50px; right: 75px;}
    .site-header .logo img {    max-width: 200px;}
	h1 {    font-size: 50px;    line-height: 50px; padding-top:50px;}
}

@media (max-width:360px){
.page-mith h1 {    font-size: 40px;    line-height: 45px;}
.menu-btn{ top:-40px;}
.site-header {    padding: 20px 0;}
.site-header .logo img {    max-width: 175px;}
}


/**************Responsive Css Ends Here**************/