/*!
Theme Name: JanOne
Author: Shah Kamal
Description: Description
Version: 1.1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: janone
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/
 p {
     margin-bottom: 25px;
}
 p:last-child {
     margin-bottom: 0;
}
 h1, h2, h3, h4, h5, h6 {
     margin-bottom: 15px;
     margin-top: 0;
     font-weight: 700;
}
 html, body {
     height: 100%;
     font-family: 'Open Sans', sans-serif;
     color: #0f0f0f;
     font-size: 18px;
     line-height: 24px;
}
 body {
     overflow-x: hidden;
}
 a, .overlay, input[type="submit"] {
     transition: all 0.3s ease 0s;
     -moz-transition: all 0.3s ease 0s;
     -webkit-transition: all 0.3s ease 0s;
     -o-transition: all 0.3s ease 0s;
}
 a, a:active, a:focus, a:after, input:focus, select:focus {
     text-decoration: none !important;
     outline: 0px solid !important;
}
 a:hover{
     color: #BE1613;
}
 img {
     max-width: 100%;
     height: auto 
}
 @media (min-width: 1470px) {
     .container{
         max-width: 1438px;
    }
}
 @media (min-width: 1700px) {
     .container{
         max-width: 1670px;
    }
}
 @media (min-width: 1850px) {
     .header-area .container{
         max-width: 1820px;
    }
}
 header.header-area {
     left: 0;
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 9999;
}
 .admin-bar header.header-area{
     top: 32px;
}
 .top-menu > ul {
     list-style: outside none none;
     margin: 0;
     padding: 0;
}
 .top-menu ul li {
     float: left;
     margin-right: 33px;
}
 .top-menu ul li a {
     color: #1d1b1b;
     font-size: 12px;
     font-weight: 600;
     text-transform: uppercase;
}
 .header-navbar{
     background-color: rgba(32, 32, 32, 0.65);
}
.page-id-1400 section.banner-area.inner-banner {
    background-position: top center;
}
 .sticky-header .header-navbar, .sticky-header.home .header-navbar {
     background-color: rgba(32, 32, 32, 1);
}
 .header-topbar {
     background-color: rgba(255, 255, 255, 0.80);
     padding: 3px 0;
}
 .header-topbar p {
     color: #464646;
     font-weight: bold;
}
 .header-topbar p a {
     color: #464646;
}
 .social-links li {
     float: left;
     margin-left: 20px;
}
 .social-links li a {
     color: #000;
}
 .header-topbar .social-links li a:hover {
     color: #ED1B2E;
}

 .header-navbar {
     box-shadow: 0 3px 3px rgba(0, 0, 0, 0.16);
     padding-bottom: 0;
     padding-top: 0;
     position: relative;
}
 .main-menu {
     padding-top: 28px;
}
 .main-menu ul, .social-links ul, .partners ul{
     margin: 0;
     padding: 0;
     list-style: none;
}
 .main-menu > ul > li {
     float: left;
     margin-left: 53px;
     position: relative;
}
 .main-menu > ul > li:first-child {
     margin-left: 0;
}
 .main-menu > ul > li:after {
     background-color: #be1613;
     position: absolute;
     top: calc(100% - 10px);
     left: 0;
     content: '';
     width: 100%;
     height: 10px;
}
 .main-menu > ul > li.join-btn:after{
     content: none;
}
 .main-menu > ul > li > a {
     color: #ffffff;
     display: block;
     font-size: 22px;
     line-height: 50px;
     padding-bottom: 28px;
     position: relative;
     text-transform: uppercase;
}
 .main-menu > ul > li.join-btn > a {
     background-color: #faa61a;
     color: #ffffff;
     font-size: 16px;
     font-weight: 700;
     line-height: 50px;
     padding: 0;
     text-align: center;
     width: 250px;
}
 .main-menu ul li > ul.sub-menu{
     background-color: #ffffff;
     box-shadow: 4px 4px 6px rgba(9, 9, 9, 0.2);
     margin: 0;
     padding: 0;
     position: absolute;
     width: 270px;
     z-index: 99;
     top: 100%;
     left:-999999px;
}
 .main-menu > ul > li:after, .main-menu ul li > ul.sub-menu{
     opacity: 0;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
     filter: alpha(opacity=0);
     transition: opacity 0.3s, -webkit-transform 0.3s;
     transition: opacity 0.3s, transform 0.3s;
     transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
     -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
     transform: translateY(-10px);
     -moz-transform: translateY(-10px);
     -webkit-transform: translateY(-10px);
}
 .main-menu ul li:hover > ul.sub-menu, .main-menu > ul > li:hover:after, .main-menu > ul > li.current-menu-item:after, .main-menu > ul > li.current-menu-ancestor:after{
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     filter: alpha(opacity=100);
     transform: translateY(0px);
     -moz-transform: translateY(0px);
     -webkit-transform: translateY(0px);
}
 .main-menu ul li:hover > ul.sub-menu{
     left: 0;
}
 .main-menu ul li ul.sub-menu li a {
     color: #505050;
     display: block;
     font-weight: 500;
     line-height: 30px;
     padding: 5px 10px;
     text-transform: uppercase;
}
 .main-menu ul li > ul.sub-menu li:hover > a, .main-menu ul li > ul.sub-menu li.current-menu-item > a, .main-menu ul li > ul.sub-menu li.current-menu-ancestor > a{
     background-color: #B1100D;
     color: #ffffff;
}
 .main-menu ul li > ul.sub-menu li:hover ul.sub-menu {
     left: 100%;
     top: 0;
}
 .main-menu ul li > ul.sub-menu li {
     position: relative;
}
 .main-menu ul li > ul.sub-menu li.menu-item-has-children a {
     position: relative;
}
 .main-menu ul li > ul.sub-menu li.menu-item-has-children > a::after {
     content: ">";
     position: absolute;
     right: 5px;
}
 .menu-item-has-children span{
     display: none;
}
 .banner-area {
     background-color: #202020;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     padding-bottom: 100px;
     padding-top: 270px;
}
 .banner-content h1 {
     font-size: 80px;
     font-weight: 700;
     line-height: 90px;
     margin-bottom: 44px;
     position: relative;
     z-index: 1;
}
 .banner-content > h2 {
     color: #f9a61a;
     font-size: 55px;
     font-weight: 700;
}
 .banner-content > p {
     color: #BE1616;
     font-size: 24px;
     line-height: 30px;
     max-width: 358px;
     position: relative;
}
 .banner-content h6 {
     color: #BE1616;
     font-size: 21px;
     font-weight: bold;
     line-height: 25px;
     margin-top: 55px;
}
 .home-banner .banner-content {
     color: #ffffff;
     padding-left: 60px;
}
 .home-banner .banner-content > p {
     color: #ffffff;
     max-width: 450px;
     text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.26);
}
 .home-banner .banner-content h6 {
     color: #be1616;
     margin-top: 0;
     max-width: 550px;
}
 .banner-area.home-banner {
     padding-bottom: 290px;
}
 .orange-btn {
     background-color: #faa61a;
     color: #ffffff;
     display: inline-block;
     font-size: 20px;
     font-weight: 700;
     line-height: 24px;
     margin-top: 26px;
     padding: 18px 37px;
}
 .single-footer-widget.footer-logo img {
     margin-bottom: 30px;
     max-width: 350px;
}
 .footer-logo p {
     font-size: 14px;
     line-height: 18px;
     max-width: 640px;
}
 .footer-logo p a {
     color: #505050;
}
 footer.footer-area {
     background-color: #000000;
     color: #ffffff;
     padding: 50px 0;
}
 .footer-menu > ul {
     list-style: outside none none;
     margin: 0;
     padding: 0;
     text-align: right;
}
 .footer-menu ul li a {
     color: #ffffff;
     font-size: 26px;
     line-height: 30px;
}
 .news-twitter p {
     color: #ffffff;
     font-size: 24px;
}
 .news-twitter {
     margin-top: 168px;
}
 .news-twitter img {
     margin-bottom: 10px;
}
/*** Get help ***/
 .mypanel-group {
     margin-top: 45px;
}
 .panel {
     margin-bottom: 20px;
}
 .mypanel-title a {
     color: #505050;
     display: block;
     padding: 30px 35px 50px 60px;
     position: relative;
}
 .mypanel-title h3 {
     font-size: 35px;
     margin-bottom: 0;
     color: #333232;
}
 .mypanel-title a::before {
     color: #faa61a;
     content: "-";
     font-size: 34px;
     font-weight: 700;
     left: 0;
     position: absolute;
     top: 42%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .mypanel-title a.collapsed::before {
     content: "+";
}
 .mypanel-body {
     font-size: 21px;
     line-height: 36px;
     padding: 15px 0;
}
 .mypanel-body p{
     margin-bottom: 20px;
}
 .sidebar-page .sticky-top {
     margin-bottom: 50px;
}
 .sidebar-page-right{
     margin-top: -56px;
}
 .gray-bg {
     background-color: #f5f5f5;
     min-height: 315px;
     padding: 50px 58px;
}
 .contact-sidebar > p {
     font-size: 21px;
     font-weight: bold;
     line-height: 35px;
     margin-bottom: 20px;
}
 .single-sidebar.gray-bg > p {
     font-size: 18px;
     margin-bottom: 0;
     margin-top: 45px;
}
 .contact-sidebar > p:last-child, .mypanel-body p:last-child, .sidebar-page-left > p:last-child {
     margin-bottom: 0;
}
 .contact-sidebar > p a {
     color: #505050;
     font-weight: normal;
}
/*** Faq ***/
 .faq-area .panel {
     margin-bottom: 0;
}
 .faq-area .mypanel-body {
     padding-bottom: 55px;
     padding-left: 0;
}
 .faq-area .panel:last-child .mypanel-body {
     border-bottom: 0 none;
     padding-bottom: 15px;
}
 .faq-area .mypanel-title a {
     padding: 15px 35px 15px 0;
     display: inline-block;
}
 .faq-area .mypanel-title a::before {
     left: inherit;
     top: 50%;
     right: -10px;
     content: url(/wp-content/uploads/2020/03/faq-arrow.png);
}
/*** News ***/
 .top-news-area {
     padding-bottom: 99px;
     padding-top: 115px;
}
 .single-top-news {
     margin-bottom: 30px;
     position: relative;
}
 .single-top-news > img {
     width: 100%;
}
 .first-post .top-news-info {
     padding: 55px;
}
 .top-news-info {
     padding: 24px 28px;
}
 .top-news-info > h1 {
     font-size: 35px;
     font-weight: bold;
     margin-bottom: 5px;
}
 p.top-news-date{
     text-transform: uppercase;
}
 .new-from-janone {
     background-color: #f5f5f5;
     padding-bottom: 18px;
     padding-top: 80px;
}
 .single-post-news {
     margin-bottom: 40px;
}
 .single-post-news img {
     margin-bottom: 20px;
     width: 100%;
}
 .single-post-news h4 {
     color: #505050;
     font-size: 21px;
     font-weight: bold;
     line-height: 24px;
     margin-bottom: 6px;
}
 .single-news-date {
     font-size: 15px;
     text-transform: uppercase;
}
 .most-popular {
     padding-bottom: 60px;
     padding-top: 100px;
}
 .single-post-news .read-more {
     color: #fc9200;
     font-size: 15px;
     font-weight: bold;
}
 .single-post-news h6 a {
     color: #505050;
     font-size: 15px;
     font-weight: bold;
     margin-bottom: 10px;
     text-transform: uppercase;
}
 .most-popular .single-news-date {
     margin-bottom: 8px;
}
 .new-from-janone-worldwide {
     padding-bottom: 100px;
}
 .new-from-janone-worldwide .news-hd h2 {
     border-top: 2px solid #dddddd;
     padding-top: 65px;
}
/*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/
 .alignleft {
     display: inline;
     float: left;
     margin-right: 1.5em;
}
 .alignright {
     display: inline;
     float: right;
     margin-left: 1.5em;
}
 .aligncenter {
     clear: both;
     display: block;
     margin-left: auto;
     margin-right: auto;
}
/*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/
 .comment-content a {
     word-wrap: break-word;
}
 .bypostauthor {
     display: block;
}
 .comment-form label {
     display: block;
}
 .comment-form .comment-form-cookies-consent > label {
     display: inline-block;
     margin-left: 8px;
}
 .comment-form textarea, .comment-form input {
     padding: 10px 15px;
}
 .comment-form textarea, .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"] {
     border: 1px solid #dedede;
     width: 100%;
}
 .comment-form .submit {
     background-color: #faa61a;
     border: 0 solid;
     color: #ffffff;
     font-weight: bold;
     padding: 15px 35px;
     text-transform: uppercase;
}
 .comments-title {
     font-size: 22px;
}
 .comment-reply-title {
     border-top: 1px solid #dedede;
     font-size: 22px;
     margin-top: 40px;
     padding-top: 15px;
}
 article.comment-body {
     border-top: 1px solid #dedede;
     margin-bottom: 15px;
     padding-top: 15px;
}
 article.comment-body a {
     color: #faa61a;
}
/* Make sure embeds and iframes fit their containers. */
 embed, iframe, object {
     max-width: 100%;
}
/*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/
 .wp-caption {
     margin-bottom: 1.5em;
     max-width: 100%;
}
 .wp-caption img[class*="wp-image-"] {
     display: block;
     margin-left: auto;
     margin-right: auto;
}
 .wp-caption .wp-caption-text {
     margin: 0.8075em 0;
}
 .wp-caption-text {
     text-align: center;
}
/*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/
 .gallery {
     margin-bottom: 1.5em;
}
 .gallery-item {
     display: inline-block;
     text-align: center;
     vertical-align: top;
     width: 100%;
}
 .gallery-columns-2 .gallery-item {
     max-width: 50%;
}
 .gallery-columns-3 .gallery-item {
     max-width: 33.33%;
}
 .gallery-columns-4 .gallery-item {
     max-width: 25%;
}
 .gallery-columns-5 .gallery-item {
     max-width: 20%;
}
 .gallery-columns-6 .gallery-item {
     max-width: 16.66%;
}
 .gallery-columns-7 .gallery-item {
     max-width: 14.28%;
}
 .gallery-columns-8 .gallery-item {
     max-width: 12.5%;
}
 .gallery-columns-9 .gallery-item {
     max-width: 11.11%;
}
 .gallery-caption {
     display: block;
}
 .ugc-inner-wrapper > h2 {
     font-weight: bold;
     text-align: center;
}
 .ugc-inner-wrapper .ugc-input-wrapper input[type="text"], .ugc-inner-wrapper .ugc-input-wrapper textarea {
     border: 1px solid #dedede;
     padding: 10px 15px;
}
 body .ugc-inner-wrapper .ugc-input-wrapper label {
     font-size: 18px;
     font-weight: normal;
}
 .ugc-inner-wrapper .required {
     margin-bottom: 15px;
}
 .ugc-inner-wrapper input.btn {
     background-color: #faa61a;
     border-radius: 0;
     color: #ffffff;
     font-size: 20px;
     font-weight: bold;
     padding: 10px;
     text-align: center;
     text-transform: uppercase;
     width: 100%;
}
 .ugc-notice.success {
     border: 0 solid;
     color: #faa61a;
     font-size: 18px;
     text-align: center;
}
 .contact-form .wpcf7-form p label {
     color: #505050;
     font-size: 18px;
     line-height: 30px;
}
 .modal-header h5 {
     color: #faa61a;
     font-size: 30px;
     font-weight: bold;
     margin-left: auto;
}
 .modal-body {
     background-color: #e5001b;
     background-image: url("img/popup-bg.jpg");
     background-size: 100% 100%;
     padding: 38px 40px;
     padding-top: 28px;
}
 #joinTheFight .modal-dialog {
     max-width: 1274px;
}
 .uptodate h2 {
     color: #ffffff;
     font-size: 36px;
     font-weight: 700;
     margin-bottom: 20px;
}
 .input-box {
     background-color: #ffffff;
     padding: 38px 40px 25px;
}
 .uptodate.share-story {
     margin-top: 38px;
}
 .input-box > h4 {
     font-size: 25px;
     font-weight: bold;
     line-height: 32px;
     max-width: 820px;
}
 .subscribe-form {
     margin-top: 25px;
     overflow: hidden;
}
 .contactus-area {
     max-width: 1046px;
}
 .contactus-area p.cinfo {
     font-size: 30px;
     line-height: 40px;
}
 .input-box input, .input-box textarea {
     border: 1px solid #c7c7c7;
     float: left;
     font-size: 18px;
     margin-bottom: 13px;
     padding: 16px 24px;
}
 .input-box input[type="submit"], a.email-us {
     background-color: #faa61a;
     border: 1px solid #faa61a;
     color: #ffffff;
     font-weight: bold;
     letter-spacing: 0.9px;
     text-align: center;
}
 .contactus-area .input-box input, .contactus-area .input-box select, .contactus-area .input-box textarea {
     border: 1px solid #f4f4f4;
     font-size: 30px;
     margin-bottom: 13px;
	 line-height: 42px;
     padding: 11px 24px;
     background-color: #f4f4f4;
     font-style: italic;
     width: 100%;
}
 .contactus-area .input-box input[type="submit"], a.email-us {
     background-color: #faa61a;
     border: 1px solid #faa61a;
     color: #ffffff;
     height: 67px;
     max-width: 160px;
}
 a.email-us {
     display: block;
     line-height: 67px;
     font-size: 30px;
     max-width: 190px;
}
 .contactus-area .input-box textarea {
     min-height: 245px;
}
 .sfname, .slname {
     margin-right: 1.5%;
     width: 24.5%;
}
 .semail {
     margin-right: 1.5%;
     width: 26%;
}
 .stcity, .ssubmit{
     width: 20.5%;
}
 .input-box textarea {
     margin-right: 1.5%;
     max-height: 134px;
     width: 78%;
}
 .story-form input.ssubmit {
     margin-top: 77px;
}
 a.popup-close {
     color: #ffffff;
     font-size: 40px;
}
 a.popup-close:hover {
     color: #FAA61A;
}
 .wpcf7-not-valid {
     border: 2px solid #ff0000 !important;
}
 span.wpcf7-not-valid-tip {
     display: none;
}
 .input-box div.wpcf7-validation-errors, .input-box div.wpcf7-acceptance-missing, .input-box div.wpcf7-mail-sent-ok {
     border: 1px solid #ff0000;
     margin: 0;
     overflow: hidden;
     text-align: center;
     width: 100%;
}
 .input-box div.wpcf7-mail-sent-ok {
     border: 1px solid #398f14;
}
 form.wpcf7-form {
     position: relative;
}
 .input-box div.wpcf7 .ajax-loader {
     position: absolute;
     right: 0;
     bottom: 0;
}
 .contactus-area .input-box input, .contactus-area .input-box textarea {
     float: none;
     width: 100%;
}
 .contactus-area .input-box {
     padding: 0;
}
 .bottomMenu .menu {
     margin-top: -30px;
}
 .story-new-banner {
     position: relative;
}
 .story-new-banner .single-sidebar.gray-bg {
     background-color: rgba(0, 0, 0, 0);
     color: #ffffff;
     left: 15%;
     margin-bottom: 0;
     max-width: 28%;
     min-height: inherit;
     padding: 15px;
     position: absolute;
     top: 70%;
     transform: translateY(-50%);
}
 .footer-contact a {
     color: black;
}
 .page-template-template-bio .other-stories{
     display: none;
}
 .col.drug-banner {
     margin-top: -85px;
}
 .drug-content .sidebar-page-left {
     background-color: #ffffff;
     margin-top: -185px;
     padding-right: 110px;
     padding-top: 60px;
}
 .drugs-list {
     margin-top: 60px;
}
 .drugs-list .row {
     margin-left: -30px;
     margin-right: -30px;
}
 .drugs-list .row .col-lg-6 {
     margin-bottom: 60px;
     padding-left: 30px;
     padding-right: 30px;
}
 .drugs-list .col-lg-6 img {
     margin-bottom: 20px;
     width: 100%;
}
 .drugs-list .col-lg-6 > h2 {
     font-size: 30px;
     font-weight: bold;
     line-height: 36px;
}
 .col-lg-6 > p {
}
 .drug-content .sidebar-page-left p {
     line-height: 26px;
}
 .drugs-list a.read-more {
     font-weight: bold;
}
 .drug-content .single-sidebar.contact-sidebar {
     border: 3px solid #dcb136;
     padding: 50px 55px;
}
 .drug-content .sidebar-page-right {
     margin-top: 56px;
}
 .drug-content .single-sidebar.contact-sidebar > h4 {
     font-size: 21px;
     font-weight: 700;
}
 .drug-content .single-sidebar.contact-sidebar > p {
     font-weight: normal;
}
 .red-background {
     background-color: #F23633;
     color: white;
     padding: 25px;
}
 .red-background h2 {
     font-size: 21px;
}
 .inner-banner-sm {
     background-image: url("img/inner-banner-sm.png");
     padding: 4.4% 0;
}
 .modal {
     -webkit-overflow-scrolling: touch;
}
 .page-template-template-bio .other-stories{
     display: none;
}
 .media-kit-section-one .about-company > h3 {
     font-size: 24px;
     font-weight: bold;
     line-height: 40px;
     margin-bottom: 30px;
}
 .media-kit-section-one .about-company {
     max-width: 890px;
}
 .about-company-page.media-kit-section-one {
     padding-bottom: 90px;
}
 .media-kit-section-one .our-mission {
     padding: 0;
}
 .media-kit-section-two .container {
     max-width: 1276px;
}
 .media-kit-section-two .our-mission {
     background-image: none;
     margin-top: -185px;
     padding: 51px 60px 45px 75px;
}
 .media-kit-section-two .our-mission h2 {
     font-weight: 700;
     margin-bottom: 10px;
}
 .media-kit-section-two .our-mission p {
     font-size: 18px;
     line-height: 28px;
}
 .orange-btn.download-zip {
     background-image: url("/wp-content/themes/janone/img/download-arrow.png");
     background-position: left 22px center;
     background-repeat: no-repeat;
     border-radius: 3px;
     box-shadow: 0 4px 3px rgba(0, 0, 0, 0.17);
     font-size: 18px;
     font-weight: normal;
     padding: 22px 40px 22px 50px;
     text-align: center;
     max-width: 362px;
     width: 100%;
}
 .guide-top, .guide-bottom {
     max-width: 751px;
}
 .guide-top {
     margin-bottom: 44px;
}
 .guide-bottom .row {
     margin-left: -8px;
     margin-right: -8px;
}
 .guide-bottom .col-md-4 {
     padding-left: 8px;
     padding-right: 8px;
}
 .guide-bottom img, .guide-top img {
     box-shadow: 0 3px 15px rgba(0, 0, 0, 0.12);
     width: 100%;
}
 .janone-brand-guide h2 {
     font-size: 30px;
     font-weight: bold;
     line-height: 40px;
}
 .guide-bottom img {
     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12);
}
 .janone-brand-guide p.large {
     font-size: 22px;
     line-height: 35px;
}
 .janone-brand-guide p {
     font-size: 18px;
     line-height: 28px;
     margin-bottom: 25px;
}
 .brand-divider {
     border: 1px solid #ededed;
     margin-bottom: 130px;
     margin-top: 130px;
}
 .logo-assets .guide-top img, .logo-assets .guide-bottom img {
     box-shadow: none;
}
 .logo-assets .guide-top {
     margin-bottom: 16px;
     min-height: 300px;
}
 .logo-assets .guide-top, .logo-assets .guide-single-bottom {
     background-color: #ededed;
     margin-bottom: 16px;
     min-height: 392px;
     padding: 95px 22px 22px;
     border-radius: 3px;
     text-align: center;
}
 .logo-assets .guide-single-bottom {
     min-height: 241px;
     padding: 82px 22px 22px;
}
 .logo-assets .guide-single-bottom a, .logo-assets .guide-top a {
     background-image: url("/wp-content/themes/janone/img/download-arrow-black.png");
     background-position: right center;
     background-repeat: no-repeat;
     color: #505050;
     display: block;
     font-size: 16px;
     font-weight: bold;
     line-height: 28px;
     text-align: left;
}
 .logo-assets .guide-single-bottom p, .logo-assets .guide-top p {
     margin-bottom: 0;
     margin-top: 70px;
}
 .logo-assets .guide-top p {
     margin-top: 83px;
}
 .janone-brand-guide .orange-btn.download-zip{
     margin-top: 0;
}
 .logo-version {
     margin-top: 120px;
}
 .logo-version .row {
     margin-left: -9px;
     margin-right: -9px;
}
 .logo-version .col-lg-3 {
     padding-left: 9px;
     padding-right: 9px;
}
 .logo-version .guide-single-bottom {
     min-height: 298px;
     padding-top: 116px;
}
 .logo-version .janone-icons .guide-single-bottom {
     padding-top: 65px;
}
 .logo-version .janone-icons .guide-single-bottom p {
     margin-top: 44px;
}
 .media-kit-section-two.media-kit-bottom {
     background-color: #f5f5f5;
     margin-top: 107px;
     padding-bottom: 0;
}
 .media-kit-section-two.media-kit-bottom .our-mission {
     margin-bottom: 0;
     margin-top: 0;
     position: relative;
     top: -110px;
}
 .our-mission-area.media-kit-section-two {
     padding-bottom: 90px;
}
 .media-kit-bottom p a {
     color: #ffffff;
     text-decoration: underline !important;
}
 .banner-section-text {
     color: white;
     margin-top: 3rem;
}
 .banner-section-text h1 {
     font-size: 68px;
     font-weight: bold;
     line-height: 78px;
     text-shadow: 0 3px 6px rgba(0, 0, 0, 0.26);
}
 .about-us-2-banner {
     background-image: url("/wp-content/uploads/2019/10/about-2-banner.jpg");
     background-position: center top;
     background-repeat: no-repeat;
     background-size: cover;
     padding: 12% 0 11%;
     width: 100%;
}
 .page-template-about-us-template-v2 .wpcf7-form p {
     font-size: 25px;
     font-weight: bold;
     line-height: 29px;
     margin-bottom: 28px;
}
 .brokelink {
     justify-content: center;
     display: flex;
     margin: 1rem 0;
}
 .page-template-about-us-template-v2 .single-sidebar.contact-sidebar {
     padding-bottom: 30px;
}
 .page-template-about-us-template-v2 div.wpcf7-response-output {
     margin: 0 0 1em;
}
 .page-template-about-us-template-v2 .sidebar-page-right .input-box input[type="submit"] {
     text-transform: uppercase;
     width: inherit;
}
 .partners-hd {
     font-size: 22px;
     font-weight: 700;
     line-height: 35px;
     margin-top: 50px;
}
 .mkvideo-post {
     width: 100%;
     margin-bottom: 30px;
     float: right;
     max-width: 650px;
     margin-left: 30px;
}
 .home-section{
     background-size: cover;
     background-position: center center;
     padding: 70px 0;
}
 .home-section h2 {
     color: #010000;
     font-size: 55px;
     font-weight: 700;
     line-height: 50px;
     margin-bottom: 45px;
}
 .home-section-3 .section-content h2 {
     max-width: 910px;
}
 .home-section-4 .section-content h2 {
     color: #ffffff;
}
 section.home-section-2 {
     padding-top: 115px;
     padding-bottom: 190px;
}
 .section-content img {
     margin-bottom: 25px;
}
 .section-content p {
     color: #ffffff;
     font-size: 30px;
     line-height: 45px;
     margin-bottom: 30px;
}
 .home-section-2 .section-content p {
     font-size: 32px;
     line-height: 32px;
     max-width: 1000px;
}
 .home-section-3 .section-content p {
     color: #010000;
     font-size: 24px;
     line-height: 26px;
     max-width: 840px;
}
 .home-section-4 .section-content p {
     font-size: 24px;
     line-height: 26px;
}
 .black-btn{
     background-color: #000000;
     color: #ffffff;
}
 .black-btn:hover{
     color: #f9a61a;
}
 .home-section-5 .section-content p {
     color: #010101;
}
 .home-section-5 .section-content p.quote-author {
     font-size: 29px;
}
 .home-section.home-section-5 {
     padding-bottom: 18%;
     padding-top: 6%;
}
 .home-section-6 .section-content p {
     margin-bottom: 15%;
     max-width: 630px;
}
 .home-section-6 .col-lg-6:first-child .section-content p {
     color: #000000;
}
 .home-section-6 .col-lg-6:last-child .section-content h2{
     color: #fff;
}
 .home-section-6 .section-content {
     padding-left: 10%;
}
 .home-section.home-section-6 {
     padding-bottom: 20%;
}
 .red-btn {
     background-color: #ed1b2e;
}
 .inner-banner .banner-content h1 {
     color: #fff;
     line-height: 80px;
     text-shadow: 0 3px 7px rgba(0, 0, 0, 0.35);
}
 .banner-content h1 span {
     color: #f9a61a;
}
 .inner-page-content h2 {
     color: #e22101;
     font-size: 48px;
     font-weight: 700;
     margin-bottom: 30px;
}
 section.inner-page-area {
     padding: 105px 0;
     background-size: cover;
     background-position: right 48% top;
}
 section.bottom-content-area {
     background-color: #ec1b2d;
     color: #fff;
     padding-top: 35px;
     padding-bottom: 60px;
}
 section.bottom-content-area h3 {
     font-size: 36px;
     font-weight: 700;
}
 section.pipe-middle-area {
     background-color: #565553;
     padding: 50px 0;
}
 .pipeline-4 {
     background-image: url(/wp-content/uploads/2020/04/pipeline-4.jpg);
     background-position: center top;
}
 section.inner-page-area.pipeline-4 {
     color: #fff;
}
 section.inner-page-area.pipeline-4 .col-lg-6:last-child .inner-page-content {
     padding-left: 60px;
}
 section.inner-page-area.pipeline-4 h2 {
     color: #fff;
}
 section.inner-page-area.pipeline-4 .inner-page-content {
     max-width: 740px;
}
 .page-id-1400 section.inner-page-area.inner-page-bottom {
     background-image: url(/wp-content/uploads/2020/04/the-pain-truth-bg2.jpg);
}
 .page-id-1400 .inner-page-content {
     max-width: 900px;
}
 .content-box {
     background-color: #565553;
     color: #fff;
     padding: 50px;
}
 .content-box h3 {
     font-size: 36px;
     font-weight: 700;
     margin-bottom: 30px;
     line-height: 40px;
}
 .content-box p {
     font-size: 24px;
     line-height: 40px;
}
 .symptoms {
    background-color: #f9a61a;
    background-image: url('/wp-content/uploads/2020/03/about-pad-bg1.jpg');
    background-size: cover;
    background-position: center bottom;
}
 img.img-symptoms {
     float: left;
     margin-right: 15px;
}
 .symptoms p {
     margin: 0;
}
 .symptoms ul {
     margin: 0;
     padding: 0;
     list-style: none;
}
 .symptoms ul li, .diagnosis ul li {
     margin-bottom: 28px;
     font-size: 20px;
     font-weight: 700;
}
 .symptoms-left ul {
    padding: 70px 0 20px;
    color: #fff;
}
 .symptoms-right {
     padding-left: 10%;
}
 img.img-causes {
     float: right;
}
 .symptoms-right ul {
     padding-top: 70px;
}
 .factor .inner-page-content {
     padding-left: 143px;
     max-width: 1172px;
}
 .factor {
     background-color: #dadada;
     padding: 60px 0;
}
 .diagnosis {
     background-color: #ec1b2d;
}
 .diagnosis .inner-page-content {
     color: #fff;
     max-width: 870px;
     padding: 55px 0 35px;
}
 .treatments {
     background-color: #f9a61a;
}
 .treatments .inner-page-content {
     padding-top: 15px;
}
 .resources {
     background-color: #434343;
}
 img.img-resources{
     margin-right: 150px;
}
.symptoms-left li a {
    color: #fff;
}
 .team-content {
     max-width: 300px;
     color: #000;
     margin-bottom: 65px;
}
 .team-content img {
     margin-bottom: 25px;
}
 .team-content h3 {
     font-size: 24px;
     line-height: 30px;
     font-weight: 700;
}
 section.team-area .col-md-4:nth-child(3n+3) .team-content {
     float: right;
}
 section.team-area .col-md-4:nth-child(3n+2) .team-content {
     margin-left: auto;
     margin-right: auto;
}
 .contact-right p {
     font-size: 30px;
     line-height: 45px;
     color: #fff;
}
 .contact-right {
     padding-left: 100px;
}
 .content-box:nth-child(1), .content-box:nth-child(6), .content-box:nth-child(7){
     background-color: #ec1b2d;
}
 .content-box:nth-child(3), .content-box:nth-child(5), .content-box:nth-child(9){
     background-color: #f9a61a;
}
 .content-box:nth-child(3) a, .content-box:nth-child(5) a, .content-box:nth-child(9) a{
     color: #000000;
}
 a.backnews {
     font-size: 30px;
     font-weight: 700;
     color: #ed1b2e;
     margin-top: 50px;
     display: inline-block;
}
 .single-post .inner-page-content h1 {
     margin-bottom: 35px;
}
p.subtitle {
	font-size: 20px;
    margin-bottom: 30px;
}
p.live-webcast {
    padding-left: 6%;
}
 section, div{
     position: relative;
}
 .container{
     position: relative;
     z-index: 2;
}
 section.home-section.home-section-2.bg-align-right:before, section.home-section.home-section-3.bg-align-left:before, section.home-section.home-section-5:before, .page-id-1400 section.banner-area.inner-banner:before, .page-id-1392 .inner-page-area:before, .factor:after, .factor:before {
     content: url(/wp-content/uploads/2020/03/white-dots.png);
	 opacity: 0.2;
 	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
     position: absolute;
     z-index: 1;
}
 section.home-section.home-section-2.bg-align-right:before {
     top: -500px;
     left: -600px;
}
 section.home-section.home-section-3.bg-align-left:before {
     top: -190px;
     right: -515px;
}
 section.home-section.home-section-5:before {
     top: -250px;
     left: -415px;
}
 .page-id-1392 .inner-page-area::before {
     top: 0;
     right: 0;
}
 .factor::after {
     right: -415px;
     top: -310px;
}
 .factor::before {
     left: -715px;
     top: -240px;
}
 .page-id-1400 section.banner-area.inner-banner::before, .page-id-251 section.banner-area.inner-banner::before, .page-id-1516 section.banner-area.inner-banner::before {
     background-image: url("/wp-content/uploads/2020/03/white-dots.png");
     background-size: cover;
     content: "";
     height: 800px;
     right: -335px;
     top: 30px;
     width: 800px;
}
 .page-id-251 section.banner-area.inner-banner::before, .page-id-1516 section.banner-area.inner-banner::before {
     height: 465px;
     left: -100px;
	 opacity: 0.20;
     position: absolute;
     top: 180px;
     width: 465px;
}
.modal{
	z-index: 9999;
}
 .input-box ::-webkit-input-placeholder {
     color: #474747;
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
 .input-box ::-moz-placeholder {
     color: #474747;
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
 .input-box :-ms-input-placeholder {
     color: #474747;
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
 .input-box :-moz-placeholder {
     color: #474747;
     opacity: 1;
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
 .input-box{
	 color: #474747;
}
 .input-box select {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
	 color: #474747;
     background-image: url(/wp-content/uploads/2020/04/arrow-bottom.png);
     background-repeat: no-repeat;
     background-position: center right 25px;
	 background-size: 20px auto;
}

/*** Stories ***/
.banner-area.stories-banner {
  padding-bottom: 20%;
  padding-top: 20%;
}
 .stories-content{
     padding-bottom: 100px;
}
.sidebar-page .sticky-top {
    top: 150px;
}
 .stories-content .sidebar-page-left {
     padding-bottom: 100px;
     padding-top: 120px;
}
 .stories-banner {
     background-color: #352F31;
     background-image: none;
}
 .stories-banner .banner-content h1::before {
     color: #403c3d;
     left: -50px;
     top: 24px;
}
 .stories-banner .banner-content > h1 {
     color: #ffffff;
     margin-bottom: 75px;
}
 .stories-banner .banner-content > p {
     color: #ffffff;
     max-width: 490px;
}
 .sidebar-page-left > h2 {
     font-size: 26px;
     font-weight: bold;
     line-height: 36px;
}
 .stories-content .sidebar-page-right {
     margin-left: auto;
     margin-right: 0;
     max-width: 447px;
}
 .single-sidebar {
     margin-bottom: 32px;
}
 .stories-content .gray-bg {
     padding: 50px 50px 40px;
     position: relative;
}
 .single-sidebar {
     margin-bottom: 32px;
}
 .stories-content .contact-sidebar {
     border: 3px solid #dcb136;
     padding: 40px 30px;
}
 .single .single-sidebar.contact-sidebar {
     background-color: #ffffff;
}
 .stories-content .single-sidebar.gray-bg::before, .stories-content .single-sidebar.gray-bg::after, .story-new-banner .single-sidebar.gray-bg h2:before, .story-new-banner .single-sidebar.gray-bg h2:after {
     color: #faa61a;
     content: "“";
     font-family: arial;
     font-size: 250px;
     left: -21px;
     position: absolute;
     top: 70px;
}
 .story-new-banner .single-sidebar.gray-bg h2:before, .story-new-banner .single-sidebar.gray-bg h2:after {
     font-size: 90px;
     left: -42px;
     position: absolute;
     top: 7px;
     z-index: -1;
}
 .stories-content .single-sidebar.gray-bg::after, .story-new-banner .single-sidebar.gray-bg h2:after {
     bottom: -28px;
     content: "”";
     left: inherit;
     right: -23px;
     top: inherit;
}
 .story-new-banner .single-sidebar.gray-bg h2:after {
     bottom: -30px;
     right: 0;
}
 .single-stories .sidebar-page-right {
     margin-top: 0;
}
 .single-sidebar.gray-bg > h2 {
     font-weight: 700;
     line-height: 48px;
     position: relative;
}
 .stories-content .contact-sidebar {
     background-color: #ffffff;
     border: 3px solid #dcb136;
     margin-top: 62px;
     padding: 40px;
}
 .stories-content .social-links ul li {
     margin-left: 0;
     margin-right: 22px;
}
 .stories-content .social-links {
     overflow: hidden;
     position: relative;
}
 .stories-content .social-links::after {
     background-color: #ededed;
     content: "";
     height: 2px;
     position: absolute;
     top: 50%;
     width: 100%;
}
 .other-stories > h2, .news-hd h2 {
     font-weight: 700;
     margin-bottom: 40px;
}
 .single-story{
     margin-bottom: 60px;
}
 .single-story img {
     margin-bottom: 30px;
}
 .divider-bio {
     background-color: #faa61a;
     height: 4px;
     margin-bottom: 25px;
     margin-top: 30px;
     width: 135px;
}
 .single-story h3 {
     color: #505050;
     font-size: 25px;
     font-weight: bold;
     line-height: 35px;
}
 p.stories-date {
     font-size: 15px;
}
section.subsidiaries-area {
    background-color: #DADADA;
    padding: 60px 0;
}
.subsidiaries-content {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	max-width: 515px;
}
.subsidiaries-content img {
    margin-bottom: 25px;
    max-height: 73px;
}