@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,300i,400,500,500i,700,700i,900&display=swap');


@font-face {
    font-family: 'Intro Book';
    src: url('https://3461014.fs1.hubspotusercontent-na1.net/hubfs/3461014/Intro-Book.woff2') format('woff2'),
        url('https://3461014.fs1.hubspotusercontent-na1.net/hubfs/3461014/Intro-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Intro bold';
    src: url('https://3461014.fs1.hubspotusercontent-na1.net/hubfs/3461014/Intro-Bold.woff2') format('woff2'),
        url('https://3461014.fs1.hubspotusercontent-na1.net/hubfs/3461014/Intro-Bold.woff') format('woff');      
    font-weight: normal;
    font-style: normal;
}


.page-header { 
  /*Not centered, just a little more margin*/ 
  /*max-width: 600px !important; 
  margin-left: 10vw !important; 
  margin-right: 10vw !important;*/
  display: flex !important; 
  flex-direction: column !important;
  max-width: 600px !important; 
  margin-left: auto !important; 
  margin-right: auto !important; 
  /*Centered header text */ 
/*   text-align: center !important;  */
  
}

.page-header h2 {
  color: #00c178 !important; 
}

.secondary-header {
  margin-top: 20px !important; 
}

.item-inner {
  background-color: #ffffff !important; 
}

#submitbutton {
  background-color: #00c178 !important;
  color: #ffffff !important; 
  padding-top: 5px !important; 
  padding-bottom: 5px !important; 
  border-radius: 5px !important; 
} 

.cookie-reset-container {
  background: none !important; 
  border-radius: 5px !important; 
  border: 2px solid #c6005c !important; 
} 

.cookie-reset-container a {
  background: none !important; 
  margin-left: 5px !important; 
} 

.email-prefs {
/*   color: #10a05b !important; 
  max-width: 600px !important; 
  margin-left: 10vw !important; 
  margin-right: 10vw !important; */
  
  display: flex !important; 
  flex-direction: column !important;
  max-width: 600px !important; 
  margin-left: auto !important; 
  margin-right: auto !important; 
}

    
    
   
 
 

  
 



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, select, input, option, textarea { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; }
figure,figcaption{margin:0;padding:0;}
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
q { quotes: none }
q:before, q:after { content: ''; content: none }
small { font-size: 80% }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline }
sup { top: -0.5em; }
sub { bottom: -0.55em }
nav ul, nav ol { list-style: none; list-style-image: none; }
button, input, select, textarea,option { font-size: 100%; margin: 0; vertical-align: baseline; font-family: 'Intro Book',sans-serif;font-weight:400; }
input[type="text"],input[type="tel"],input[type="email"]{ -webkit-appearance:none !important; }
input[type="submit"] {cursor: pointer;transition:all 0.5s ease;}
textarea { overflow: auto; vertical-align: top;resize:none; }
table { border-collapse: collapse; border-spacing: 0 }
button, html input[type="button"], input[type="reset"], input[type="submit"], textarea { -webkit-appearance: none; border-radius: 0; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
table { border: 0 none; border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
img { border: 0 none; max-width: 100%; vertical-align:middle;height:auto}
a { outline: none; cursor: pointer;transition:all 0.5s ease;}
/* End hide from IE Mac */ 
*:before, *:after {box-sizing: border-box;}
/* End Clearfix */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
li { list-style: none; }

/*Placeholder opacity cross browsers*/
input::-webkit-input-placeholder { color: #0f1923 opacity:1;} /* WebKit browsers */
input:-moz-placeholder { color: #0f1923; opacity:1;} /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder { color: #0f1923; opacity:1;} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder { color: #0f1923; opacity:1;} /* Internet Explorer 10+ */
textarea::-webkit-input-placeholder { color: #0f1923; opacity:1;} /* WebKit browsers */
textarea:-moz-placeholder { color: #0f1923; opacity:1;} /* Mozilla Firefox 4 to 18 */
textarea::-moz-placeholder { color: #0f1923; opacity:1;} /* Mozilla Firefox 19+ */
textarea:-ms-input-placeholder { color: #0f1923; opacity:1;} /* Internet Explorer 10+ */

/* Clear float */
.clear { clear: both; }
.cf:before, .cf:after { content: ""; display: table }
.cf:after { clear: both; }

/******body  ******/
body { font-size: 30px; line-height: 24px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0);   font-family: 'Intro Book',sans-serif; font-weight:normal;color:#0f1923;}
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after { display: none !important; }
a { text-decoration: none; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
a:hover {text-decoration: none; transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
a:focus { outline: none; text-decoration: none; }
p { margin-bottom: 15px;}
body.system-pg {background-color:#0f1923}
/* display table and table cell and display flex */
.tbl {display:table;width:100%;height:100%;}
.tbl-cell {display:table-cell;vertical-align:middle}
.dis-flex {display:flex;align-items:center;}

/* IE fixes */
select::-ms-expand {display: none;}
input::-ms-clear { display:none;}

/* remove auto fill yellow color */
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 100px #d7d9db inset;
  -moz-box-shadow: 0 0 0 100px #d7d9db inset;
  box-shadow: 0 0 0 100px #d7d9db inset;
  color:#37414d ;
}

/* hubspot fixes*/
.row-fluid [class*="span"] {min-height: 1px;}

/* logo -Please use this class as logo image class*/
.h-logo img ,.f-logo img {cursor: pointer;}

/* container */
.container {max-width:1190px;margin:0 auto !important;padding:0 15px;float:none !important; }
.container-big {max-width:1450px;}
/* strong */
b, strong {font-weight:800;}

/* header text */
h1 {font-size:60px;line-height: 1.3;font-family: 'Intro bold';font-weight:700;color: #eceef0; }
h2 {font-size:60px;line-height: 1.1;font-family: 'Intro bold';font-weight:700;color: #ffffff;text-align:center;margin-bottom:40px; }
h3 {font-size:40px;line-height: 1.3;margin:0 0 20px;font-family: 'Intro bold';font-weight:700;color: #00c178;}
h4 {font-size:30px;line-height: 1.3;margin:0 0 15px;font-family: 'Intro Book',sans-serif;font-weight:400;color: #ffffff;}
h5 {font-size:24px;line-height: 1.06;margin:0 0 20px;font-family: 'Intro Book',sans-serif;font-weight:400;color:#ffffff;} /* Additional */
h6 {font-size:20px;line-height: 1.7;margin:0 0 15px;font-family: 'Intro bold';font-weight:700;color: #A4A4A4;}

/* p tag */
.perex p {font-size: 30px; line-height: 1.1;margin-bottom:15px; color: }
p {font-size: 30px; line-height: 1.1;margin-bottom:15px; color:#ffffff; }
/* links */

/* a:hover {opacity:0.8;}  */



/* ul li */
ul , ol {margin:20px 0;text-align:left;padding-left: 18px;}
ul li ,ol li {font-size: 20px; margin-bottom: 6px; list-style:inherit;list-style-position:outside;line-height:1.1;}

/* em */
em { font-size: 30px;line-height:1.1;}

/** Hubspot module */
.widget-type-text span {margin-bottom:15px;display:block;}


/* hubspot form */
ul.hs-error-msgs > li > label {font-size:13px;line-height:normal;display:block;color:;}
.hs-form-field { position: relative }
ul.hs-error-msgs.inputs-list { position: absolute; bottom: -25px; right: 0; list-style-type: none; padding: 4px 5px; color: white; background: #c6005c }
ul.hs-error-msgs.inputs-list li label { font-size: 14px; font-weight: 500; position: relative; z-index: 9; line-height: normal; display: block;color:#fff; font-family: 'Intro bold';font-weight:500} 
ul.hs-error-msgs.inputs-list:after { content: ''; width: 8px; height: 8px; position: absolute; display: inline-block; left: 50%; background: #c6005c; margin-left: -6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin-top: -4px; top: 0 }
input,textarea,select {border-radius: 0; }
/* span.hs-form-required {display:none;} */
select,textarea,input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea 
{ -webkit-appearance: none; -moz-appearance: none; display: block; font-size: 20px; height: 62px; padding: 10px 20px; width: 100%; color: #37414d; border: 0; border-radius: 4px; box-shadow: 0 0 3px rgba(0,0,0,0.1); background:#d7d9db; }
select { -webkit-appearance: none!important; -moz-appearance: none!important; background-image: url('https://3461014.fs1.hubspotusercontent-na1.net/hubfs/3461014/ARROW.png'); background-position: 96% center; background-repeat: no-repeat; }
textarea {height:115px;padding:13px 15px;}
/* RK: 20201026 */
ul li label input[type="checkbox"] , ul li label input[type="radio"] {opacity: 0;display:none !important;}
ul li label span{position: relative;}
ul li label input[type="checkbox"] , .input ul li label span ,ul li label  input[type="radio"]  {display: inline-block; vertical-align: middle; cursor: pointer;}
ul li label input[type="checkbox"] + span:before , ul li label  input[type="radio"] + span:before{color: #5bba7e !important; content: ' '; background: #e5e5e5; border: 2px solid #ddd; display: inline-block; vertical-align: middle; width: 20px; height: 20px; padding: 2px; margin-right: 10px; text-align: center; font-family: FontAwesome; line-height: 14px; box-shadow: none;position: absolute;left: 0;}
ul li label input[type="radio"]  + span:before {border-radius:50%; }
ul li label input[type="checkbox"]:checked  +  span:before , ul li label  input[type="radio"]:checked  +  span:before {  content: '\f00c';  }
.hs-form-field {margin-bottom:40px;}
.hs_submit input {background-color: ; color: #fff; padding: 15px 0; display: inline-block; line-height: normal; font-size:16px; margin-top:15px;font-weight: 800;width:100%}
.hs_submit input:hover {    opacity: .8;}
.submitted-message {color: #000;text-align: center;padding-top: 25px;}
form ul {margin:0;padding:0;}
form ul li {margin:0;padding:0;list-style:none;}
div.hs-form-field > label { color: #fff; display: block; font-size: 18px; line-height: 1.2; font-weight:400; text-align: left; margin-bottom: 6px;}
div.hs_submit {margin:0;}
.hs_error_rollup {display:none !important;}
.ecit-form ECIT FORM .input::placeholder {font-weight:400;}

/*** single column ***/
form > div {width:100%;}
/*** two column ***/
form fieldset {max-width:100% !important;width:100% !important;}
.form-columns-1 {width:100% !important;}
fieldset.form-columns-2 .input ,fieldset.form-columns-1 .input {margin-right:0 !important;}
fieldset.form-columns-2 > div {width:47% !important;margin-right:6%;}
fieldset.form-columns-2 > div:last-child {margin-right:0;}
fieldset.form-columns-1 .hs-input {width:100% !important;}

/*** TRooInbound Custom Class ***/
/* background */
.backg-img {background-size:cover;background-position:center center;background-repeat:no-repeat;}
.backg-img-fixed {background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;}
.backg-repeat-img {background-position:center center;background-repeat:repeat;}
.backg-bottom {background-size:cover;background-position:bottom center;background-repeat:no-repeat;}
.backg-top {background-size:cover;background-position:top center;background-repeat:no-repeat;}

/* text align */
.txt-center {text-align:center;}
.txt-left {text-align:left;}
.txt-right {text-align:right;}
.ds-flex{display:flex; flex-wrap:wrap;}

/* Ul li no bullet */
div.no-bullet ul {margin:0;padding:0;line-height: 0;}
div.no-bullet ul li {list-style:none;margin:0;}
ul.no-bullet {margin:0;padding:0;line-height: 0;}
ul.no-bullet li {list-style:none;margin:0;}

/* CTA */
.widget-type-cta a , a.btn , .btn-div a   { background-color: ; color: #fff; padding: 12px 40px; display: inline-block; line-height: normal; font-size:16px;text-transform:uppercase; margin-top:40px;font-weight: 800;}
.btn-div a:hover , a.btn:hover , .widget-type-cta a:hover , .ias-trigger a:hover , .cm-hs-cta a:hover {color:;background-color:#000}

/* social UL Li */
ul.social-iicon {text-align:center;padding:0;}
ul.social-iicon li {display:inline-block;margin-right:15px;}
ul.social-iicon li:last-child {margin-right:0;}
ul.social-iicon li a { font-size: 20px; background-color: ; color: #fff; width: 40px; height: 40px; display: block; line-height: 40px; border-radius: 50%; }
ul.social-iicon li a:hover {color:;background-color:#000;}
ul.social-iicon li a i { line-height: 40px; display: block; }

/* extra */
hr { border: 0; border-top: 2px solid #000; width: 100%; margin: 25px auto 18px; }


.hs-submit input{font-size: 14px; background-color: #5bba7e; padding: 8px 25px; font-weight: 700; width: 100%;  border-radius: 4px; color: #fff; display: inline-block; line-height: normal; margin-top: 15px;}
.hs-form-booleancheckbox span{font-size:12px; padding-left: 28px; color: #ffffff !important;}
.legal-consent-container a {color:#c6005c;font-weight: 700;}

/* Banner Section Here */
.knbase-banner{background-repeat:no-repeat; background-size:cover; background-position:right center; padding:160px 0px;}
.fen-logo-section .container{max-width:1230px !important;}
.vision-logo { max-width: 790px; }
.banner-header { position: relative;}
/*.banner-header:before { position: absolute; top: -55px; left: 29%; content: ""; background-repeat: no-repeat; background-size: cover; background-image: url(https://3461014.fs1.hubspotusercontent-na1.net/hubfs/3461014/Knowledge%20Base%202020/VisioPharm%20LP%20v.3-05.png); height: 17px; width: 162px; background-position: center center; }
.banner-header:after { position: absolute; bottom: -55px; left: 9%; content: ""; background-repeat: no-repeat; background-size: cover; background-image: url(https://3461014.fs1.hubspotusercontent-na1.net/hubfs/3461014/Knowledge%20Base%202020/VisioPharm%20LP%20v.3-05.png); height: 17px; width: 162px; background-position: center center; }
*/
/********* Publication Header Content Here ************/

.knb-pub-content-inner p{font-size:23px; color: #000; font-weight:700;}
.knb-pub-content { padding: 30px 0px 80px; }
.knb-pub-content-inner { max-width: 925px; margin:0 auto;}

/******** Top Tab Section Here ***********/
.knb-tab-box h5 a {    font-size:22px; font-family: 'Intro Book',sans-serif; font-weight:400; color: #fff; display:block; text-transform: capitalize; padding: 20px 30px; border-radius: 5px 5px 0px 0px; position: relative;}
/* .knb-tab-box h5 a:after { position: absolute; content: ""; top: -2px; right: 0; background-image: url(https://3461014.fs1.hubspotusercontent-na1.net/hubfs/3461014/Knowledge%20Base%202020/shape-02.png); width: 52px; height: 70px; background-repeat: no-repeat; background-size: cover; z-index: 999; } */
.knb-tab-box h5 a.active {  color: #00c178; }
.knb-tab-box h5 { margin-bottom: 0; font-size: 20px;}
.mix {display:none;width:100%}

/*********** Publication Body Section Here *********/
/* .knb-body-inner{background-color:#f3f3f3; padding:40px 44px;  margin-bottom:38px;} */
.knb-pub-left-column { width: 177px; } 
.knb-pub-right-column { width: calc(100% - 177px); padding-left: 30px; position: relative; padding-bottom: 35px; margin-bottom: 35px;}
.knb-pub-right-column h5 { color: #A4A4A4; text-transform: capitalize; font-weight: 500;}
.knb-pub-right-column h4 { font-weight: 500; margin-bottom:0px; }
.knb-pub-right-cta a { background-color: #ff01fa; border-radius: 10px; min-width: 125px; height: 54px; line-height: 54px; padding: 0px 25px; margin-top: 30px; display: inline-block; text-align: center; color: #fff; text-transform: uppercase; font-size: 25px; font-weight: 700; }
.knb-pub-right-cta a:hover { opacity: 0.8; }
.knb-pub-right-column:after { position: absolute; bottom: 0; content: ""; width: 278px; height: 2px; background-color: #00c47f; }
.knb-body-group{position:relative; z-index: 1;}
.knb-body-group:before { position: absolute; top: 0; left: 0; content: ""; width: 583px; height: 2000px; background-repeat: no-repeat; background-size: cover; background-image: url(https://3461014.fs1.hubspotusercontent-na1.net/hubfs/3461014/Knowledge%20Base%202020/VisioPharm%20LP%20v.3-02.png); z-index:-1;}
.knb-body-group:after { position: absolute; top: 106px; right: 0; content: ""; width: 470px; height: 1935px; background-repeat: no-repeat; background-size: cover; background-image: url(https://3461014.fs1.hubspotusercontent-na1.net/hubfs/3461014/Knowledge%20Base%202020/VisioPharm%20LP%20v.3-03.png); z-index:-1;}
.pagination a { float: left; list-style: none; margin-left: 15px; color: black; text-decoration: none; cursor: pointer; }
.knb-filter button.filter { box-shadow: none; font-family: 'Intro Book',sans-serif; font-weight:400;
    border: 1px solid #fefefe;
    background-color: transparent;
    border-radius: 10px;
    min-width: 125px;
    height: auto;
    cursor: pointer;
    line-height: 1.6;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    padding: 8px 20px;
    margin-right: 20px;
    margin-bottom: 10px; }
.knb-filter { margin-bottom: 20px; display:flex; flex-wrap:wrap;}
.knb-filter button.filter:hover, button.filter.kbn-tag-btn.active { background:#00c178; }


/********************* Brochure Body Section Here *******************/
/* .knb-brc-box { width: calc(25% - 30px); margin: 0 15px 30px; text-align: center; }  */
.knb-brc-body .mix.mix-boxx{width: calc(25% - 30px); margin: 0 15px 30px; text-align: center;}
.knb-brc-box-inner { position:relative; transition:0.5s all ease;} 
.knb-brc-four-column.ds-flex { margin: 0 -15px; }
.knb-brc-box-content-inner { display: none; transition:0.5s all ease;} 
.knb-brc-box-content .knb-brc-box-content-inner { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition:0.5s all ease; background: #00000080; padding: 30px 30px 80px 30px; display: flex; flex-direction: column;  }
.knb-brc-box-content-inner h2 { color: #fff; height: 100%; font-size:30px; } 
.knb-brc-cta a { font-size: 25px; color: #fff; text-transform: uppercase; margin-top: auto; display: inline-block; font-weight: 700; background-color: #fc28f7; border-radius: 10px; min-width: 125px; height: 52px; line-height: 52px; padding: 0 10px; }


/************ Webinar Body Section Here *************************/
.knb-web-body.ds-flex{margin-bottom:40px;}
.knb-web-left { width: 36%; border: 2px solid #fff !important; max-width: 427px !important; height: 243px !important; } 
.knb-web-right { width: 64%; padding-left: 40px;  position: relative; } 
/* .knb-web-right:after{position: absolute; bottom: 0px; content: ""; width: 278px; height: 2px; background-color: #00c47f;} */
.knb-web-left iframe { width: 100% !important; height: 100% !important; border: 5px solid #00c47f !important; }
/* .knb-web-right h4 { font-weight: 500; margin-bottom: 0; }  */
.knb-web-right h5 { color: #A4A4A4; font-weight: 500; } 
.knb-web-right p { font-size: 20px; line-height: 1.3; }
/* .knb-web-left div#wistia_147.thumb_container { width: 100% !important; height: 100% !important; border: 5px solid #00c47f !important; } 
.knb-web-left div.wistia_embed { width: 100% !important; height: 100% !important; border: 5px solid #00c47f !important;}  */
.knb-web-left span.wistia_embed { width: 100% !important; height: 100% !important; }
/* .knb-web-left span.wistia_embed img{width:100% !important; height:100% !important; left:0 !important;} */
span.wistia_embed{display:block !important;}
/* .wistia_embed div:nth-child(3){ background-color: #00c47f80 !important; } */
/* .wistia_mouseover div{ background-color: #00c47f80 !important;}
.wistia_mouseover div:last-child{ background-color: transparent !important; } */
/* .wistia_embed div:last-child{width:53px !important; height:34px !important;    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH8AAABRCAYAAAD7G3lVAAAAGXRFW…C+N/mh8b3DD4zvtofGd9tD47vtAAAAAAAAAAAAADymiwADAOSj1JBfF8xMAAAAAElFTkSuQmCC) 0px 0px / 53px 34px no-repeat transparent !important;} */
/* .wistia_click_to_play div:first-child{width: 417px !important; height:233px !important;} */
/* .wistia_click_to_play div div:nth-child(1) { left: 0 !important; top: 0 !important; } */
.knb-web-body .ds-flex { margin-bottom: 40px; }
 .wistia_responsive_padding { height: 100%; } 
div#mix-container { min-height: 600px; }

/******* Posters Body Section Here *********/
.knb-post-left-column { width: 180px;  } 
.knb-post-left-column img{box-shadow: 2px 4px 7px 0px rgba(0,0,0,0.7);}
.knb-post-right-column { width: calc(100% - 180px); padding-left: 25px; position:relative; padding-bottom:60px;}
.knb-post-right-column h4{margin-bottom:0px; font-weight: 500;}
.knb-post-right-column h5 { color: #A4A4A4; font-weight: 500; }
/* .knb-post-right-cta a { display: inline-block; transition:0.5s all ease; text-transform:uppercase; border-radius: 10px; font-size: 25px; font-weight: 700; color: #fff; background-color: #fc28f7; min-width: 165px; height: 52px; line-height: 52px; padding: 0 35px; text-align: center; }  */
.knb-post-right-cta { margin-right: 35px; } 
.knb-post-right-cta:last-child { margin-right: 0px; }
.knb-post-cta-group { display: flex; flex-wrap: wrap; }
.knb-post-right-column:after { position: absolute; bottom: 0px; content: ""; width: 278px; height: 2px; background-color: #00c47f; }
.knb-post-two-column.ds-flex{    margin-bottom: 60px;}
.knb-post-right-cta a:hover,.popup-cta a:hover { opacity: 0.8; }
.popup-content { background-color: #fff; padding: 30px 30px 40px 30px; max-width: 865px; margin: 0 auto; position: relative; box-shadow: 4px 8px 38px 0px rgba(0,0,0,0.7);}
.popup-cta a { display: inline-block; transition: .5s all ease; text-transform: uppercase; border-radius: 10px; font-size: 25px; font-weight: 700; color: #fff; background-color: #fc28f7; min-width: 165px; height: 52px; line-height: 52px; padding: 0 35px; text-align: center; } 
.popup-cta { text-align: center; margin-top: 40px; }
.popup-content p { font-size: 30px; line-height: 1.1; }
.mfp-close:hover, .mfp-close:focus{opacity:unset !important;}
.mfp-close{opacity:unset !important}
.mfp-close-btn-in .mfp-close { color: #fc28f7 !important; font-weight:700 !important; }
.mfp-close { width: 20px !important; height: 32px !important; line-height: 35px !important; position: absolute; right: 20px !important; top: 0; text-decoration: none; text-align: center; opacity: unset !important; padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 33px !important; font-family: 'Roboto', Arial, Sans-Serif !important; }
.mfp-bg{opacity:0.1 !important;}
.knb-post-body .knb-boxx .ds-flex { margin-bottom: 35px; }
/* .knb-fix-height{min-height:1744px;} */
.ds-flex.knb-videoo-box { position: relative;     min-height: 278px;}
.ds-flex.knb-videoo-box .knb-web-right { position: unset; }
.knb-videoo-box .knb-web-right:after {bottom: 0;left: 205px;}


/*** Footer Section Here ****/
.footer_section { padding: 58px 0; background-image: url(https://3461014.fs1.hubspotusercontent-na1.net/hubfs/3461014/visioinfographics/Footer_Visiopharm-2.png); background-position: top center; background-size: cover; background-repeat: no-repeat; }
.footer_section .container { max-width: 700px; margin: 0 auto !important; padding: 0; float: none !important; }
.white { color: #fff; }
.cta_link { margin-top: 28px; }
.fen-kb-btn a, .hs-submit input { padding: 17px 34px;     border: none; font-size:30px; color:#ffffff; background:#c6005c; text-align: center;   border-radius:10px; font-weight:400;}
/* .foocta a { color: #fff; border-color: #fff; } */


/* Pagination Css Here */
.pagination { display: flex; justify-content: center; min-width: 150px; margin: 0 auto; display:none !important; }
a.jp-previous,a.jp-next{ font-size: 0px !important; position: relative; } 
a.jp-previous:before { position: absolute; top: -7px; left: -22px; color: #00c47f; content: "\f0d9"; font: normal normal normal 40px/1 FontAwesome; line-height: 1.1; }
a.jp-next:before { position: absolute; top: -7px; right: -22px; color: #00c47f; content: "\f0da"; font: normal normal normal 40px/1 FontAwesome; line-height: normal;}
.pagination a { font-weight: 700; font-size: 26px; line-height: 1.1; float: none !important; margin-right: 10px; color: #fc28f7; margin-left: 0px !important; }
a.jp-next { font-size: 0px !important; position: relative; }
a.jp-disabled { font-size: 0 !important; }
a.jp-disabled { opacity: 0.5; cursor: not-allowed !important; }
a.jp-current { color: #00dcd9; }





/* get-page */
.fen-outter-banner { max-width: 1150px; margin: 0 auto; }
.fen-logo-section { padding: 87px 0 30px 0; background:#0f1923; }
.fen-banner-section { text-align: center;  padding: 160px 0 120px 0; position:relative;z-index:999 }
.fen-banner-content { color: #ffffff; line-height: 1.2; font-size: 30px; max-width: 960px;  margin: 0 auto; padding: 50px 0 120px;  }
.fen-banner-form {  max-width: 995px; margin: 0 auto;  border-radius: 30px; position: relative; z-index: 2; }
.fen-banner-section:after { position: absolute; top: 8%; left: 50%; transform: translateX(-50%); content: ""; width: 1366px; height: 529px; background-repeat: no-repeat; background-image: url(https://3461014.fs1.hubspotusercontent-na1.net/hubfs/3461014/Vector%20Smart.png); z-index: -1;} 
.fen-banner-form .legal-consent-container .hs-form-booleancheckbox-display>span { margin-left: 20px; padding-left:50px;  }
.fen-banner-form fieldset.form-columns-1 {text-align: left; }
.fen-banner-form .legal-consent-container .hs-form-booleancheckbox-display p { font-weight:700; }
.fen-banner-form .legal-consent-container .hs-form-booleancheckbox-display p, .fen-banner-form .hs-richtext p { font-size: 20px; }
.fen-banner-form .legal-consent-container .hs-richtext { padding-left:50px; }
/* 20201026 RK */
.fen-banner-form ul li label input[type="checkbox"] + span,
.fen-banner-form ul li label input[type="radio"] + span {
  color:#ffffff !important;
  padding-left:40px !important;
  font-size: 20px !importat;
  line-height: 1.6em;
}
.fen-banner-form ul li label input[type="checkbox"] + span::before, .fen-banner-form ul li label input[type="radio"] + span::before { border-radius: 50px;
    width: 24px;
    height: 24px;
background: transparent;
    border: 2px solid #ddd;}
.fen-banner-form ul li label input[type="checkbox"]:checked+span:before, ul li label input[type="radio"]:checked+span:before { content:"\f111"; color:#c6005c; font-size:15px; padding: 3px; }
.actions input { max-width: 350px; font-weight: bold; font-family:'Intro bold'; }
.fen-banner-form h2 { font-size: 42px; color: #c6005c; }
/* KNOWLEDGE-PAAGE */

.knb-tab-box h5 a.active:after { position: absolute; bottom:-5px;  left: 0;  height: 5px; width: 100%; content: ''; background:#00c178; }
.fen-header-section { padding: 90px 0 75px 0; }
.fen-outter-header { display: flex; flex-wrap: wrap;  align-items: center; }
.fen-header-right { width: 30%; }
.fen-header-left {   width: 70%;  padding-right: 89px; color: #ffffff; line-height: 1.2; font-size: 30px;  }
.fen-header-left h1 { margin-bottom: 50px; }
.fen-upcoming { text-align: center; padding: 90px 0;
  background: rgb(4,148,127);
background: -moz-linear-gradient(left,  rgb(4,148,127) 0%, rgb(2,171,124) 50%, rgb(1,191,121) 100%);
background: -webkit-linear-gradient(left,  rgb(4,148,127) 0%,rgb(2,171,124) 50%,rgb(1,191,121) 100%);
background: linear-gradient(to right,  rgb(4,148,127) 0%,rgb(2,171,124) 50%,rgb(1,191,121) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04947f', endColorstr='#01bf79',GradientType=1 );
}
.fen-outter-upcoming { color:#ffffff; }
.fen-upcoming-btn { margin-top: 50px; }
.knb-web-body { padding: 55px 0 40px 0; border-bottom: 1px solid #04937f; }
.knb-tab { padding: 55px 0 0 0; }
.knb-tab-inner { border-bottom: 5px solid #ffff; border-radius: 3px; }
.knb-web-right h4 { padding-left: 10px; position: relative;  }
.knb-web-right h4 span { font-size:25px; }
.knb-web-right h4:before { width: 2px; height: 100%; content: ''; position: absolute; left: 0; top: 0; background:#c6005c; }
.fen-banner-form h3 { font-size: 42px; margin-bottom: 45px; font-weight: bold;  color:#c6005c; text-transform: uppercase; }
.cookie-reset-container { font-size: 18px !important; color: #fff; display: inline-block; width: auto; margin: 0 0 30px !important; position: relative;font-weight:bold }
.cookie-reset-container a { display: inline-block; padding: 10px 37px 10px 115px; border: 0; font-size: 18px !important; color: #fff; background: #c6005c; text-align: center !important; border-radius: 10px; z-index: 111; position: relative; font-weight: 700; }
.cookie-reset-container span { position: absolute; left: 36px; top: 10px; z-index: 99999;}
/* brochures */

.fen-brochures .knb-web-left { width: 25%; padding: 0 20px 0 40px; border: none !important;  max-width: 100% !important; height: auto !important; }
.fen-knb-btn a {
  font-family:'Intro Book',sans-serif;
  color:#ffffff;
 
    font-size: 24px;
    border: 1px solid #fff;
    border-radius: 4px;
    padding: 10px 80px;
    min-width: 220px;
}
.fen-knb-btn a:hover {  background:#00c178; }
.fen-knb-btn { margin-top: 40px; }

/*  Posters page */

.fen-posters .knb-post-right-column::after { display:none; }
.fen-posters .knb-post-left-column { width: 25%; padding: 0 20px 0 40px; }
.fen-posters .knb-post-right-column { width: 64%; padding-left: 40px; }
.fen-posters .knb-web-right h4 { margin-bottom:15px; }
.mfp-close-btn-in .mfp-close { color:#00c178 !important; }
.popup-content p { color: #000;  font-size: 20px; }
.knb-web-left .wistia_click_to_play #wistia_230.big_play_button_background {  background-color: rgba(4, 147, 127, 0.76) !important; }
.knb-tab-box {   text-align: center;  }
.tabitem-no5 .knb-tab-box { width: 20%; }
.tabitem-no4 .knb-tab-box { width: 25%; }
.tabitem-no3 .knb-tab-box { width: 33.33%; }
.knb-web-body:last-child {
    border-bottom: 0;
}
.header-container-wrapper,.body-container-wrapper,.footer-container-wrapper { zoom: 0.75 !important; }
.no-zoom .header-container-wrapper,.no-zoom .body-container-wrapper,.no-zoom .footer-container-wrapper { zoom: 1 !important; }  
/* apps page */

.knb-app-module .knb-web-left {width:36%}
.knb-app-module .knb-web-right{padding-right: 40px;}


.fen-banner-form .cookie-reset-container a {color: #fff;}
body.web-body-alk { background-color: #0f1923; }
/* About Section */

.web-mabout-fixed{max-width:1030px;margin:0 auto}
.web-about-module{margin:70px 0}
.web-about-contg{border-left:4px solid #c6005c;padding-left:27px}
.web-all-slid:last-child { margin-bottom: 0; }

/* Learn Module */
.web-louter-spr h3{text-align:center}
.web-cheak-lm{width:30px;margin-top:5px}
.web-cheak-cont{width:calc(100% - 30px);padding-left:45px}
.web-all-slid{display:flex;flex-wrap:wrap;align-items:flex-start;margin-bottom:30px}
.web-cheak-cont h4{margin-bottom:0}
.web-learn-module{margin:70px 0}
.web-option-gf{margin-top:40px}
.web-louter-spr{max-width:880px;margin:0 auto}
.web-cheak-lm path{fill:#00c178}
.web-learn-fixed{background-color:#37414d;border-radius:30px;padding:90px 30px}
/* Meet Hosts Module */
.web-speaker-cont{margin-top:38px}
.web-host-fixed{display:flex;flex-wrap:wrap;margin:0 -37px; justify-content: center;}
.web-speaker-img{width:235px;height:235px;margin:0 auto;border-radius:50%;background-position:center center;background-repeat:no-repeat;background-size:cover}
.web-speaker-name h4{font-weight:700;margin-bottom:5px}
.web-speaker-name h5{margin-bottom:0}
.web-speaker-name{margin-bottom:25px}
.web-host-module{margin:70px 0 77px}
.web-host-samy{margin:0 auto;max-width:1112px;margin-top:70px}
.web-speaker-info p{font-size:20px;margin-bottom:0}
.web-add-speaker{width:calc(50% - 74px);margin:0 37px 40px;border:1px solid #00c178;border-radius:20px;padding:62px 58px 40px;position:relative;overflow:hidden;z-index:1}
.web-add-speaker:hover span{width:500%;height:500%}
.web-add-speaker span{position:absolute;display:block;width:0;height:0;border-radius:50%;background-color:#00c178;-webkit-transition:width .4s ease-in-out,height .4s ease-in-out;transition:width .4s ease-in-out,height .4s ease-in-out;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1}

/* Related Wabinars Module */
a.full-card-link { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.web-related-info p{font-size:20px}
.web-related-name h4{font-family:'Intro Bold',sans-serif;font-weight:700;margin-bottom:7px;font-size:27px;}
.bx-wrapper{-moz-box-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;border:none!important;background:unset!important;margin-bottom:0!important}
.web-related-samy{margin-top:75px}
.web-related-img{margin-bottom:45px}
.web-related-module{margin-bottom:215px;margin-top:117px}
.bx-wrapper .bx-prev{left:-72px!important;background:url(https://3461014.fs1.hubspotusercontent-na1.net/hubfs/3461014/Webinar%20LP%20-%202020/left-side-img.png)!important;width:15px!important;height:30px!important;background-repeat:no-repeat;background-position:center center;background-size:cover!important}
.web-add-related{border:1px solid #00c178;border-radius:20px;padding:40px 58px 45px;position:relative;overflow:hidden;z-index:1;padding-right:47px;}
.web-add-related2{display:none;}
.bx-wrapper .bx-next:hover,.bx-wrapper .bx-next:focus,.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-prev:focus{background-position:unset!important}
.bx-wrapper .bx-next{right:-72px!important;background:url(https://3461014.fs1.hubspotusercontent-na1.net/hubfs/3461014/Webinar%20LP%20-%202020/right-side-img.png)!important;width:15px!important;height:30px!important;background-repeat:no-repeat;background-position:center center;background-size:cover!important}
.web-add-related span{position:absolute;display:block;width:0;height:0;border-radius:50%;background-color:#00c178;-webkit-transition:width .4s ease-in-out,height .4s ease-in-out;transition:width .4s ease-in-out,height .4s ease-in-out;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1}
.web-add-related:hover span{width:500%;height:500%}
.bx-pager.bx-default-pager{display:none}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus{background:#00c178!important}
.bx-wrapper .bx-pager.bx-default-pager a{background:#ffffff9e!important}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{bottom:-50px!important}

.web-after-cont-po {margin-top: 25px;}
.web-after-cont-po h6 { color: #eceef0; font-family: "Intro Book", sans-serif; font-weight: 400; text-align: center; margin-bottom: 0; }
.wev-mid-related-iu { display: flex; flex-direction: column; height: 100%; }


/* Knowledge Series Landing Page June2020 */

.fen-banner-section.wev-banner-se { padding: 115px 0 145px 0; }

.fen-banner-section.wev-banner-se .fen-banner-content { max-width: 895px; padding-bottom: 0; }
.wev-banner-se.fen-banner-section:after { top: -3%; }

.web-related-module.wev-recent-post1 {
    margin-top: 89px;
    margin-bottom: 77px;
}

.wev-upcoming-afg {
    margin-bottom: 89px;
}

.wev-upcomming-one-ol {
    position: relative;
    z-index: 1;
    border-left: 4px solid #cef363;
    padding-top: 35px;
    padding-bottom: 32px;
    margin-left: 26px;
    padding-left: 65px;
}

.wev-upcomming-one-ol:last-child {
    padding-bottom: 16px;
}

.wev-upcomming-one-ol:after {
    position: absolute;
    content: "";
    top: 40px;
    left: -16px;
    width: 27px;
    height: 27px;
    border: 2px solid #cef363;
    border-radius: 50%;
    background-color: #37414d;
    z-index: 99;
}
.wev-inner-side-upc { max-width: 1125px; margin: 0 auto; }
.wev-inner-side-upc h2 { text-align: left; margin-bottom: 50px; color: #00c178; }
.wev-upcomming-one-ol h4 { font-family: 'Intro bold'; font-weight: 700; margin-bottom: 27px; }
.wev-upcomming-cta-lo {
    margin-top: 35px;
}
.wev-upcomming-cta-lo a { padding: 14px 34px 12px; border: 0; font-size: 24px; color: #fff; background: #c6005c; text-align: center; border-radius: 10px; font-weight: 400; /*min-width: 294px;*/ display: inline-block; }
.wev-upcomming-one-ol h5 { line-height: 1.4; }





.wev-recent-post1 .web-related-fixedr {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -18px;
}

.wev-recent-post1 .web-add-related {
    width: calc(33.33% - 36px);
    margin: 0px 18px;
    padding-left: 33px;
    padding-right: 33px;
    padding-top: 40px;
    padding-bottom: 45px;
    margin-bottom: 60px;
      position: relative;
}

.wev-recent-weby-poi {
    width: 100%;
    text-align: center;
    margin-top: -12px;
}
.wev-recent-weby-poi .noContent { display: none; }
.web-related-info { margin-top: auto; padding-top: 22px; }
.web-related-info p { margin-bottom: 0; }
.web-related-samy { margin-top: 105px; }
/* .wev-recent-mid-vb { max-width: 1125px; margin: 0 auto; } */
.wev-recent-weby-poi a { display: inline-block; color: #fff; font-size: 20px; padding: 14px 15px; border: 1px solid #00c178; border-radius: 8px; position: relative; z-index: 1; text-align: right; padding-right: 50px; padding-left: 27px;padding: 17px 15px 12px; }
.wev-recent-weby-poi a:hover { background-color: #00c178; }
/* .wev-recent-weby-poi a:after { position: absolute; content: " >>"; top: 16px; right: 21px; z-index: -1; } */

.wev-banner-se .fen-outter-banner { max-width: 872px; }
.wev-banner-se .fen-banner-content a { color: #c6005c; font-family: 'Intro bold'; font-weight: 700; }
.wev-banner-se .fen-banner-content p { line-height: 1.2; }


.wev-upcomming-web-po h4 { font-size: 34px; font-family: 'Intro Bold',sans-serif; font-weight: 700; }



/************************************* 15-7-ankita-css *************************************/


.ap-thank-section { padding: 125px 0 20px 0; text-align: center; }
.ap-thank-section .ap-thank-ctn{ max-width:803px; margin:0 auto;}
.ap-thank-section .ap-thank-title { margin-top: 55px; }
.ap-thank-section .ap-thank-title h1{ color:#cef363; font-size:128px; text-transform: capitalize;}
.ap-thank-section .ap-thank-content{ margin-top:50px;}
.ap-thank-section .ap-thank-content p{ color:#00c178; font-weight:bold;}
.ap-thank-section .ap-thank-description { margin-top: 40px; }
.ap-thank-section .ap-thank-description a{ color:#00c178; text-decoration:underline;}
.ap-thank-section .ap-thank-btn{ margin-top:55px;}
.ap-thank-section .ap-thank-btn a{ display:inline-block; border-radius:6px; background-color:#c6005c; color:#ffffff; font-weight:bold; padding:22px 30px; min-width:350px; }
.ap-thank-section .ap-thank-img { width: 100%; margin: 0 auto; max-width: 287px; }

/********** error-page-css ****************/

.fen-thank-section .ap-thank-content { margin-top: 0px; }
.fen-thank-section .ap-thank-description, .fen-errors-page .ap-thank-description { margin-top: 70px; }
.fen-thank-section .ap-thank-ctn { max-width: 100%; }
.fen-thank-section { padding: 150px 0 230px 0;  background-color: #0f1923; }
.fen-errors-page { padding: 150px 0 170px 0;  background-color: #0f1923; }
.fen-errors-page .ap-thank-content { margin-top: 0px; }
.fen-errors-page .ap-thank-img { max-width: 100%;  margin-bottom: 25px !important; }
.fen-errors-page .ap-thank-ctn {max-width: 624px;}
.stay-informed{background:#07927f;background:-moz-linear-gradient(left,#07927f 0,#06c38c 100%);background:-webkit-linear-gradient(left,#07927f 0,#06c38c 100%);background:linear-gradient(to right,#07927f 0,#06c38c 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#07927f',endColorstr='#06c38c',GradientType=1);padding:36px 0 40px 0}
.fen-outter-stay{display:flex;flex-wrap:wrap;align-items:center; max-width:545px; margin:0 auto;}
.fen-content-stay{width:320px;}
.fen-content-stay p{ font-size:16px;}
.fen-stay-button{width:calc(100% - 320px); text-align:right;}
.fen-stay-button a{padding:9px 16px;background-color:#fff;font-size:16px;color:#343a40}
.fen-footer-section{background-color:#37414d;padding:50px 0 42px 0}
.fen-inner-menu{display:flex;flex-wrap:wrap}
.fen-menu-box{width:25%;padding:0 15px 0 0;margin-bottom:70px}
.fen-menu-box ul li{list-style-type:none;margin-bottom:7px}
.fen-menu-box ul{margin:0;padding:0}
.fen-title-menu a{font-size:16px;text-transform:uppercase;color:#fff;letter-spacing:1.75px}
.fen-title-menu{padding-bottom:48px}
.fen-menu-box ul li a{font-size:20px;color:#fff;letter-spacing:1.29px}
.fen-share-icon a{display:inline-block;width:32px;height:32px;margin-right:16px;border-radius:3px}
.fen-share-icon{margin-bottom:40px}
.fen-footer-copy-right p{font-size:16px;line-height:normal;letter-spacing:.86px;text-align:center;color:#fff}
.text-disclaim{margin-bottom:50px}
.text-disclaim a{color:#fff}
.fen-menu-box ul li a:hover{opacity:.7}
.fen-menu-box:first-child .fen-title-menu a{color:#cef363;opacity:1!important}
.fen-menu-box:nth-child(2) .fen-title-menu a{color:#3bdfca;opacity:1!important}
.web-related-fixed.bxslider {
    display: flex;
}



/*********************password-page********************/


.app-content-section .app-ctn { padding: 135px 0 50px 0; text-align: center; }
.app-content-section .app-content-title p { color: #00c178; font-weight: bold; font-family: 'Intro bold'; }
.app-content-section .app-content-title { margin-top: 70px; margin-bottom: 35px; }
.app-content-section .app-content-ctn{ font-weight:400;}
.app-content-section .app-content-img { max-width: 145px; margin: 0 auto; width: 100%; }

.app-form form{ display:flex; justify-content: center; margin-bottom:180px;}
.app-form input[type=password]{ max-width:445px; height:45px !important; margin-top:0 !important; border-radius: unset; border:2px solid #00c178; background-color: transparent; margin-right:20px;}
.app-form input[type="submit"]{background-color: #c6005c; color: #fff; font-size: 26px; width: 163px; height: 45px; font-weight: 700;}
.app-form{ padding:0 15px;}






/************************************* Responsive Start Here *************************************/

@media(max-width:1360px){
  .fen-banner-section:after { width: 100%; }
  .bx-wrapper .bx-prev { left: -40px!important; }
  .bx-wrapper .bx-next { right: -40px !important; }
  
  
}

@media(max-width:1280px){
  .web-about-module { margin: 60px 0; }
  .fen-banner-section {  padding: 90px 0 60px 0;}
  .fen-banner-content {  padding: 40px 0 80px; }
  .web-learn-module { margin: 60px 0; }
  .web-host-module { margin: 60px 0 20px; }
  .web-related-module { margin-bottom: 120px; margin-top: 60px; }
  
  .web-add-speaker { width: calc(50% - 30px); margin: 0 15px 40px; }
  .web-host-fixed { margin: 0px -15px; }
  .bx-controls-direction { display: none; }
  .bx-pager.bx-default-pager { display: block; }
  
  .wev-recent-post1 .web-add-related { margin: 0px 15px 30px; width: calc(33.33% - 30px); }
  .wev-recent-post1 .web-related-fixedr { margin: 0px -15px; }
  .wev-recent-weby-poi { margin-top: 0; }
  
  .wev-upcoming-afg { margin-bottom: 50px; }
  .web-related-module.wev-recent-post1 { margin-top: 50px; margin-bottom: 70px; }
  .web-related-samy { margin-top: 60px; }
  .bx-viewport {     padding-bottom: 1px !important;  }
}
@media(max-width:1199px){
.header-container-wrapper,.body-container-wrapper,.footer-container-wrapper { zoom: 0.85 !important; }
.no-zoom .header-container-wrapper,.no-zoom .body-container-wrapper,.no-zoom .footer-container-wrapper { zoom: 1 !important; }  
  
}
@media(max-width:1100px){

/*   .knb-body-inner{padding:40px 30px;} */
  .knb-pub-right-column,.knb-post-right-column{padding-left:20px;}
/*   .knb-tab-box h5 a{padding: 20px 50px 20px 20px; } */
  .knb-web-left{height:206px !important;}
  .knb-tab-box h5{font-size:20px;}
  h1{font-size:55px;}
  h2 {font-size:52px;}
  h3 {font-size: 36px;}
  h4 {font-size:29px;}
  .web-related-name h4 {font-size:24px;}
  .wev-upcomming-web-po h4 {font-size: 32px;}
  
  .fen-banner-section { padding: 100px 0; }
  .fen-banner-content { padding: 30px 0 100px; }
  .fen-logo-section { padding:30px 0; }
  .fen-banner-section:after { top: 3%; }
  .web-add-speaker {  padding: 50px 30px 50px; }
  .web-speaker-img { width: 210px; height: 210px;}
  .fen-header-left { padding-right: 60px; }
  
  
  .fen-banner-section.wev-banner-se { padding: 100px 0 105px; }
}

@media(max-width:1080px){
.web-add-related {padding: 50px 25px 40px;}
  .wev-recent-post1 .web-add-related {  padding-left: 20px; padding-right: 20px;padding-top: 30px; padding-bottom: 33px;}
  .wev-upcomming-cta-lo a {padding: 11.5px 20px;font-size: 24px;border-radius: 5px;}
  .wev-upcomming-cta-lo { margin-top: 24px; }
  .wev-upcomming-one-ol { margin-left: 0; padding-left: 30px; padding-top: 20px; padding-bottom: 20px; }
  .wev-upcomming-one-ol:after { top: 27px; left: -13px; width: 23px; height: 23px;}
  .ap-thank-section { padding: 95px 0 20px 0; }
  .ap-thank-section .ap-thank-title h1{ font-size:100px;}
  .app-content-section .app-ctn { padding: 90px 0 30px 0;  }
  .app-form form {  margin-bottom: 150px; }
}
@media(max-width:1023px){
.header-container-wrapper,.body-container-wrapper,.footer-container-wrapper { zoom: 0.95 !important; }
.no-zoom .header-container-wrapper,.no-zoom .body-container-wrapper,.no-zoom .footer-container-wrapper { zoom: 1 !important; }    
}
@media(max-width:991px){

  h1 { font-size: 40px; }
  h2{font-size:40px;}
  h3 { font-size: 35px;}
  h4 {font-size: 25px;}
  h5 {font-size:22px;}
  p { font-size: 24px; }
  .web-related-name h4 {font-size:22px;}
  .wev-upcomming-web-po h4 {font-size: 27px;}
  .knb-web-left { width: 100% !important; height: 32vw !important; margin: 0 auto 40px;} 
  .knb-web-right { width: 100% !important; padding-left: 0; text-align: center;  }
/*   .knb-web-right:after{left:0; right:0; margin:0 auto;} */
  .knbase-banner{padding:140px 0px;}
/*   .popup-content p{font-size:26px;} */
  .knb-web-body.ds-flex { margin-bottom: 60px; }
.knb-partner-body .knb-post-right-column { width: 100%; text-align: center; padding-left: 0px; }
  .knb-partner-body .knb-post-cta-group{justify-content:center;}
  .knb-partner-body .knb-post-left-column { margin: 0 auto 40px; }
  .knb-partner-body .knb-post-right-column:after { left: 0; right: 0; margin: 0 auto; }
  .knb-videoo-box .knb-web-right:after { bottom: 0; left: 0; }
  
  
  fieldset.form-columns-2>div { width: 48% !important; margin-right: 4%; }
  .fen-banner-section { padding: 70px 0; }
  .fen-banner-content { font-size: 22px;  padding: 30px 0 50px; }
  .fen-banner-form h3 { font-size: 35px;  }
  .actions input { max-width: 288px;  }
  .fen-kb-btn a, .hs-submit input { padding: 10px 17px; }
  
  .knb-web-right h4:before { display:none; }
  .knb-web-body .ds-flex { margin-bottom: 0; }
  .fen-upcoming, .fen-header-section  { padding: 70px 0;  }
  .fen-header-left  { font-size: 22px; }
  .fen-header-left h1 { margin-bottom: 30px; }
  .knb-tab-box h5 a{padding: 20px 20px; }
  
  .fen-brochures .knb-web-left { text-align: center; padding: 0 !important; }
  .fen-brochures .knb-web-body { padding: 60px 0; }
  .knb-tab-inner { border-bottom:none;  border-radius:0px; }
  .knb-tab-box h5 a:after {
    position: absolute;
    bottom: -5px;
    left: 0px;
    height: 5px;
    width: 100%;
    content: "";
    background:#ffffff;
}
  .fen-posters .knb-post-right-column { padding-left: 0px; }
  .fen-posters .knb-post-left-column { width: 100%; padding: 0px; text-align: center;  margin-bottom: 40px; }
  .fen-posters .knb-post-right-cta.fen-knb-btn { width: 100%; margin-right: 0;}
  .fen-posters .knb-post-right-column.knb-web-right { padding-bottom: 0; }
  .fen-logo-section img { width: 310px !important; }
  .knb-tab-inner.tabitem-no5, .knb-tab-inner.tabitem-no4, .knb-tab-inner.tabitem-no3 {border-bottom: 5px solid #ffff; border-radius: 3px;}
  .knb-app-module .knb-web-right { padding-right: 0; }
  
  .web-cheak-cont { width: calc(100% - 24px); padding-left: 20px; }
  .web-learn-fixed {  padding: 40px 30px; }
  .web-cheak-lm { width: 24px;}
  .wev-upcomming-cta-lo a { min-width: auto; padding: 14.5px 17px; border-radius: 8px; }
  .fen-banner-section.wev-banner-se { padding: 70px 0 75px; }
  .ap-thank-section { padding: 75px 0 20px 0; }
  .ap-thank-section .ap-thank-title h1{ font-size:85px;}
  .ap-thank-section .ap-thank-title { margin-top: 40px; }
  .ap-thank-section .ap-thank-description { margin-top: 40px; }
  .ap-thank-section .ap-thank-btn a{  min-width: 280px;  height: 70px; font-size:24px;}
  .ap-thank-section .ap-thank-btn { margin-top: 40px; }
/*   style */
  
  .fen-menu-box {
    width: 33.33%;     margin-bottom: 40px;
 }
  .fen-title-menu {
    padding-bottom: 25px; }
  .text-disclaim a {
 
/*     font-size: 25px; */
}
  .text-disclaim {
    margin-bottom: 40px;
}
  .fen-share-icon {
    text-align: center;
}
  .app-content-section .app-ctn { padding: 70px 0 30px 0;  }
  .app-content-section .app-content-title { margin-top: 55px; margin-bottom: 25px; }
  .app-form form {  margin-bottom: 100px; }
  .app-form input[type="submit"]{ font-size:21px;}
  
}

@media(max-width:900px){

  .vision-logo { max-width: 500px; }
  .web-add-speaker { width: calc(100% - 30px); margin: 0 15px 40px; }
  .web-add-speaker:last-child { margin-bottom: 0; }
.web-host-fixed { max-width: 519px; margin: 0 auto; }
  .web-add-speaker { margin-left: 0; margin-right: 0; }
  .web-host-samy {  margin-top: 40px; }
  .web-add-speaker { width: 100%; }
  .wev-recent-post1 .web-add-related { width: calc(50% - 30px); }
}
@media(max-width:840px){
.header-container-wrapper,.body-container-wrapper,.footer-container-wrapper { zoom: 1 !important; }
  
  .ap-thank-section { padding: 50px 0 20px; }
  .ap-thank-section .ap-thank-title h1{ font-size:65px;}
  .ap-thank-section .ap-thank-title { margin-top: 40px; }
  .ap-thank-section .ap-thank-description { margin-top: 40px; }
  .ap-thank-section .ap-thank-btn a{  min-width: 220px;  height: 60px; font-size:18px; padding:16px;}
  .ap-thank-section .ap-thank-description { margin-top: 25px; }
  .ap-thank-section .ap-thank-title { margin-top: 25px; }
  .fen-content-stay { width: 100%; margin-bottom:25px; }
  .fen-stay-button { width:100%; text-align: center; }
  .app-content-section .app-ctn { padding: 60px 0 30px 0;  }
  .app-content-section .app-content-img { max-width: 135px; }
  .app-content-section .app-content-title { margin-top: 45px; margin-bottom: 20px; }
  .app-form form {  margin-bottom: 80px; }
  .app-form input[type="submit"]{ font-size:18px;}
}
@media(max-width:767px){
  
  h1{font-size:36px;}
  h2 { font-size: 34px; }
  h3 { font-size: 32px;}
  h4 {font-size: 24px;}
  h5 {font-size: 22px;}
  p { font-size: 20px; }
  .web-related-name h4 {font-size:20px;}
  .fen-banner-form h2 { font-size: 32px; }
  .web-add-speaker { padding: 40px 20px 40px; }
  
  .wev-upcomming-web-po h4 {font-size: 25px;}
  .knb-tab-inner.tabitem-no5, .knb-tab-inner.tabitem-no4, .knb-tab-inner.tabitem-no3 { border-bottom: 0;  border-radius: 0; }
  .tabitem-no5 .knb-tab-box, .tabitem-no4 .knb-tab-box, .tabitem-no3 .knb-tab-box { width: auto; }
  .knb-pub-right-column { width: 100%; padding-left: 0px; text-align: center; margin-bottom:60px; }
  .knb-pub-left-column,.knb-post-left-column { margin: 0 auto 40px; }
  .knb-pub-right-column:after { left: 0; right: 0; margin: 0 auto; }
  .knb-brc-body .mix.mix-boxx { width: calc(50% - 30px);}
  .knb-post-right-column { width: 100%; text-align: center; padding-left:0px;} 
  .knb-post-right-column:after { left: 0; right: 0; margin: 0 auto; }
  .knb-post-cta-group{justify-content: center;}
  .knb-body-group:before{width:100px; }
  .knb-body-group:after{width:250px; }
  .knb-pub-content-inner p{font-size:20px;}
  .knb-pub-right-cta a,.knb-post-right-cta a{font-size:22px;}
/*   .knb-body-inner { padding: 40px 20px; } */
  .knb-pub-content { padding: 30px 0px 50px; }
  .knbase-banner{padding:120px 0px;}
  .knb-pub-content-inner{text-align:center;}
  .popup-content{padding:30px 20px;}
  .mfp-close{right:5px !important;}
  .knb-post-two-column.ds-flex { margin-bottom: 90px; }
/*   button.filter.kbn-tag-btn{margin-bottom: 15px; width: calc(50% - 15px); margin-right: 10px;} */
  .footer_section .container{padding:0px 20px !important;}
  .popup-content p{font-size:18px;}
  
  .fen-banner-form .legal-consent-container .hs-form-booleancheckbox-display p, .fen-banner-form .hs-richtext p { font-size: 17px; }
  .fen-banner-section { padding: 50px 0; }
.fen-banner-form h3 { font-size: 30px; margin-bottom: 25px; }
  .fen-kb-btn a, .hs-submit input { font-size: 22px; }
  fieldset.form-columns-2>div, fieldset.form-columns-2>div:last-child { width: 100% !important;  margin-right: 0px; }
  .hs-form-field { margin-bottom: 25px; }
  .actions input {  max-width: 225px;}
  .fen-banner-section:after { display:none;}
   .fen-upcoming,.fen-header-section  { padding: 50px 0;  }
  select, textarea, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea { height: 45px; }
  .fen-header-left { width: 100%; padding-right: 0px; }
  .fen-header-right {  width: 100%; padding-top: 30px; }
  .fen-outter-header { text-align:center; }
  .fen-brochures .knb-web-body { padding: 40px 0px; }
  .fen-upcoming-btn { margin-top: 35px; }
  .fen-posters .knb-post-right-cta { margin-top: 40px; }
  .knb-web-body { padding: 40px 0;}
  
  .web-about-module { margin: 40px 0; }
  .fen-banner-section { padding: 50px 0 40px; }
  .web-learn-module { margin: 40px 0; }
  .web-host-module { margin: 40px 0 40px; }
  .web-related-module { margin-bottom: 120px; margin-top: 40px; }
  .web-related-samy { margin-top: 40px; }
  .wev-upcomming-cta-lo a { font-size: 22px; padding: 9.5px 15px; }
  .fen-banner-section.wev-banner-se { padding: 50px 0 60px; }
  .wev-upcoming-afg { margin-bottom: 30px; }
  .web-related-module.wev-recent-post1 { margin-top: 30px; margin-bottom: 60px; }
  .ap-thank-section .ap-thank-title h1{ font-size:51px;}
  
  .fen-menu-box {
    width: 50%;
}
  .fen-title-menu {
    padding-bottom: 10px;
}
 .fen-menu-box ul li {
  
    margin-bottom: 0;
}
  
  .fen-outter-stay {
    display: block;
    text-align: center; }
  .fen-content-stay, .fen-stay-button {
    width: 100%;
}
  .fen-menu-box ul li a {
    font-size: 15px; }
  .app-content-section .app-ctn { padding: 50px 0 30px 0;  }
  .app-content-section .app-content-title { margin-top: 35px; margin-bottom: 20px; }
  .app-form form {  margin-bottom: 60px; }
  .app-form input[type="submit"]{ font-size:16px;}
  
}

@media(max-width:640px){
 h1{font-size:32px;}
  h2 { font-size: 30px; }
  h3 { font-size: 28px;}
  h4 {font-size: 24px;}
  h5 {font-size: 22px;}
  .fen-banner-form h2 { font-size: 30px; }
  .web-learn-fixed , .web-add-speaker {  border-radius: 15px; }
  .web-speaker-img { width: 180px; height: 180px; }
.web-learn-fixed { padding: 40px 20px; }
  .knb-post-right-column:after,.knb-post-right-column:after, .knb-pub-right-column:after{width:140px;}
  .knb-post-right-cta { width: 100%; margin: 0 auto 20px; }
  .knb-post-right-cta:last-child{margin-bottom:0px;}
  .knb-web-left{height:47vw !important;}
  .vision-logo { max-width: 300px; }
.fen-posters .knb-post-right-cta { margin-top: 30px; }
  .fen-posters .knb-web-body .ds-flex { margin-bottom: 0px !important; }
  .fen-logo-section img { width: 260px !important; }
  
  .web-host-module { margin: 30px 0 30px; }
  .web-learn-module { margin: 30px 0; }
  .web-about-module { margin: 30px 0; }
  .fen-banner-section { padding: 40px 0 30px; }
  .web-related-module { margin-bottom: 120px; margin-top: 30px; }
  .web-related-img { margin-bottom: 30px; }
  .web-add-related { padding: 50px 25px 26px; }
  .cookie-reset-container * {font-size: 14px;}
  .cookie-reset-container a {padding: 10px 10px 10px 73px; font-size: 14px !important;  }
  .cookie-reset-container span {  left: 10px; }
  
  .wev-recent-post1 .web-add-related { width: calc(100% - 30px); }
  .wev-upcomming-cta-lo a { font-size: 17px; padding: 6.5px 11px; }
.wev-recent-weby-poi a { min-width: auto; font-size: 18px; padding-right: 34px;padding: 11px 15px;  }
  .wev-recent-weby-poi a:after {  top: 13px; right: 9px; }
  .ap-thank-section .ap-thank-title h1{ font-size:46px;}
  .ap-thank-section .ap-thank-btn a { min-width: 220px; height: 52px; font-size: 18px; padding: 13px; }
  .ap-thank-section .ap-thank-img {  margin: 0 auto; max-width: 250px; }
  .app-content-section .app-content-img { max-width: 120px; }
}

@media(max-width:480px){
  
  
   h1{font-size:28px;}
  h2 { font-size: 26px; }
  h3 { font-size: 24px;}
  h4 {font-size: 22px;}
  h5 {font-size: 18px;}
  h6{font-size: 16px;}
  p { font-size: 18px; }
  .wev-upcomming-web-po h4 {font-size: 23px;}
  .fen-banner-form h2 { font-size: 26px; }
  .web-related-info p { font-size: 18px; }
  .web-speaker-info p { font-size: 18px; }
.web-cheak-lm { width: 18px; margin-top: 0px; }
  .web-cheak-cont { width: calc(100% - 18px); padding-left: 10px; }
  .web-about-contg { padding-left: 15px; }
  
  .knbase-banner .container,.container{padding:0px 20px;}
  .knb-brc-body .mix.mix-boxx { width: 100%; margin:0 auto 30px;}
/*   .knb-tab-box { width: 100%; } */
  .knb-pub-content-inner p{font-size:17px;}
  .knb-pub-right-cta a{font-size:20px; height: 45px; line-height: 45px;}
  .knb-post-right-cta a{font-size:20px; height: 40px; line-height: 40px;}
  .knbase-banner{padding:100px 0px;}
/*   button.filter.kbn-tag-btn { margin-bottom: 15px; width: 100%; margin-right: 0px; } */

  .knb-tab-box h5 {font-size:18px;}
  h6, .popup-content p {font-size:16px;}
  .cta_link a{min-width:260px; padding:10px;}
   .fen-banner-form .legal-consent-container .hs-form-booleancheckbox-display p, .fen-banner-form .hs-richtext p {  font-size: 14px; }
  .fen-banner-form .legal-consent-container .hs-form-booleancheckbox-display>span, .fen-banner-form .legal-consent-container .hs-richtext { padding-left: 35px; }
  .fen-banner-section { padding: 40px 0 50px 0; }
  .fen-logo-section { padding: 25px 0; }
  .fen-banner-content { font-size: 18px;  }
  .fen-banner-form h3 { font-size: 22px; margin-bottom: 17px; }
   select, textarea, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea  { width: 100% !important;  height: 37px; font-size: 15px; }
  .fen-upcoming-btn { margin-top: 30px; }
  .fen-outter-upcoming { font-size: 20px; }
  .knb-tab-box, .tabitem-no5 .knb-tab-box, .tabitem-no4 .knb-tab-box, .tabitem-no3 .knb-tab-box  { width: 50%; }
  .knb-tab-box h5 a { width: 100%; text-align: center; font-size:18px; }
  .knb-filter button.filter { width:auto;     margin-right: 10px; }
  .knb-filter { margin-bottom: 0px;   }
  .knb-web-body { padding: 50px 0px 40px;  }
  .knb-tab { padding: 45px 0px 0px; } 
  .knb-web-body { padding: 50px 0 40px 0;  }
  .fen-posters .knb-post-right-cta { margin-top: 20px; }
  .fen-logo-section img { width: 195px !important; }
  .fen-header-section { padding: 20px 0 50px 0; }
  .fen-banner-section.wev-banner-se { padding: 40px 0 60px; }
  .text-disclaim a {
/*     font-size: 18px; */
}
  .fen-menu-box {
  
    margin-bottom: 35px;
}
   .fen-menu-box {
    width: 100%;
    padding: 0;
}
  .app-form input[type=password]{ max-width:100%; margin-right:0; width:100%; margin-bottom:15px;}
  .app-form input[type="submit"]{ width:100%;}
  .app-form form{ display:block;}
  
}


@media(max-width:375px){
  h1{font-size:24px;}
  h4 {font-size: 20px;}
  .wev-upcomming-web-po h4 {font-size: 22px;}
}



/* RK: 20200624 - Fixing Wistia form embed font size issue */
div.wistia_responsive_wrapper div.hs-dependent-field p {
  font-size: 14px !important;
}
div.wistia_responsive_wrapper div.hs-dependent-field ul li label input[type="checkbox"]+span:before,
div.wistia_responsive_wrapper div.hs-dependent-field ul li label input[type="radio"]+span:before {
  position: relative !important;
}








/******************************************************************************************************************************************************************************
                                                             Menu Css
*******************************************************************************************************************************************************************************/
.wrapper-header{background: transparent;position:relative;}
.wrapper-header .container > div{display: flex; flex-wrap: wrap;display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;align-items: center;}
.wrapper-header .logo { width: 280px !important; margin: 0 !important; }
.wrapper-header .menu{ width:calc(100% - 280px)!important; margin: 0 !important;padding: 0 20px 0 20px;  display: flex;  justify-content: flex-end;}

/*************************************Depth 1****************************************************/
.wrapper-header .menu .hs-menu-wrapper > ul{display: flex; margin:0; padding-left:0; flex-wrap: wrap;display: -webkit-box;display: -moz-box; display: -ms-flexbox; display: -webkit-flex;justify-content: flex-end;}
.wrapper-header .menu ul > li.hs-menu-depth-1 > a{color:#fff; text-transform: uppercase;  padding: 9px 7px 9px; display: inline-block;font-size:14px; transition: all .7s ease;  -moz-transition: all .7s ease;  -ms-transition: all .7s ease;  -o-transition: all .7s ease;  -webkit-transition: all .7s ease;    border-radius: 2px;} 
.wrapper-header .menu .hs-menu-wrapper > ul li{ margin-bottom:0; padding:0 11px;}

/*************************************Depth 2****************************************************/
.wrapper-header .menu ul > li.hs-menu-depth-1.hs-item-has-children{position:relative;}
/* .wrapper-header .menu ul > li.hs-menu-depth-1:hover{background:#f1c319;} */
.wrapper-header .menu ul > li.hs-menu-depth-2 > a{color:#fff;padding:10px 10px;display: inline-block;font-size:16px;transition: none;  -moz-transition: none;  -ms-transition: none  -o-transition: none;  -webkit-transition: none; } 
.wrapper-header .menu ul > li.hs-menu-depth-1 > ul.hs-menu-children-wrapper{position: absolute; background: #37414d; width: 100%; min-width: 210px; left: 50%; transform: translateX(-50%); padding-left:0; visibility: hidden; opacity:0;top:28px}
.wrapper-header .menu ul > li.hs-menu-depth-1:hover > ul.hs-menu-children-wrapper{visibility:visible; opacity:1;}
/* .wrapper-header .menu ul > li.hs-menu-depth-1 > .child-trigger{position: absolute; top:19px;right:12px;} */
.wrapper-header .menu ul>li.hs-menu-depth-1>.child-trigger {  position: absolute;  top: 50%;  right: 12px;  transform: translateY(-50%); display:none;}
/* .wrapper-header .menu ul > li.hs-menu-depth-1 > .child-trigger i{position: relative;} */
 .wrapper-header .menu ul>li.hs-menu-depth-1>.child-trigger i {  position: relative;  height: 20px;  display: flex  align-items: center;}
/*.wrapper-header .menu ul > li.hs-menu-depth-1:hover > .child-trigger i:before{color:transparent;}*/
.wrapper-header .menu ul > li.hs-menu-depth-1 > .child-trigger i:before{content: "\f0d7";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #fff;font-size: 16px;position: absolute;top: -8px;left: 0;transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
.wrapper-header .menu ul > li.hs-menu-depth-1 > ul.hs-menu-children-wrapper:before { content: ' '; width: 0; height: 0; left: 50%; margin-left: -9px; top: -13px; position: absolute; border-left: 9px solid transparent; border-right: 9px solid transparent; border-bottom: 17px solid #37414d; }
.wrapper-header .menu ul>li.hs-menu-depth-1>.child-trigger i:before { content: "\f0d7"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; color: #fff; font-size: 16px; position: absolute; top: 50%; left: 0; transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; -webkit-transition: all .5s ease; transform: translateY(-50%); }
/*************************************Depth 3****************************************************/
.wrapper-header .menu ul > li.hs-menu-depth-2.hs-item-has-children{position: relative;}
.wrapper-header .menu ul > li.hs-menu-depth-2 > ul.hs-menu-children-wrapper{position: absolute; background: #f1c319; width: 100%; min-width:150px;visibility: hidden;left:100%;top:0px;border-left:1px solid #fff;}
.wrapper-header .menu ul > li.hs-menu-depth-2:hover > ul.hs-menu-children-wrapper{visibility:visible;}
.wrapper-header .menu ul > li.hs-menu-depth-2 > .child-trigger{ position: absolute; top: 0px; right: 20px; }
.wrapper-header .menu ul > li.hs-menu-depth-2 > .child-trigger i{position: relative;}
.wrapper-header .menu ul > li.hs-menu-depth-2 > .child-trigger i:before{content: "\f0d7";font-family: FontAwesome;font-style: normal;font-weight: normal;text-decoration: inherit;color: #fff;font-size: 16px;position: absolute;top: 10px;left: 0;transition: all 0.5s ease ; -moz-transition: all 0.5s ease ; -ms-transition: all 0.5s ease ; -o-transition: all 0.5s ease ; -webkit-transition: all 0.5s ease ; }
/*.wrapper-header .menu ul > li.hs-menu-depth-2:hover > .child-trigger i:before{color:transparent;}*/
.wrapper-header .menu ul > li.hs-menu-depth-3 > a{color:#fff;padding:10px 15px;display: inline-block;font-size:inherit;} 
.navigation-section { position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; padding: 20px 24px 0 22px;box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.5); background-color: #0f1923; webkit-transition: .5s ease all;
    -moz-transition: .5s ease all;
    -o-transition: .5s ease all;
    -ms-transition: .5s ease all;
    transition: .5s ease all;}
.navigation-section .container{ max-width:1300px;}
.wrapper-header .menu ul li:after{ display:none;}
.navigation-section .header-logo { width: 280px;}
.navigation-section .header-logo img{ width:250px;}
.navigation-section ul li{ list-style:none;}
.wrapper-header .menu ul>li.hs-menu-depth-1 {padding: 0 11px 11px;}
.wrapper-header .menu ul>li.hs-menu-depth-1 > ul  a:hover {color: #9daebf;}
#menu ul>li.hs-menu-depth-1 a:hover {color:#37373c}
.wrapper-header .menu ul>li.hs-menu-depth-2 a:hover{     background-color: #37414d; color: #fff; opacity: 1;}
.wrapper-header .menu ul>li.hs-menu-depth-1 a:hover{     background-color: #37414d; color: #fff; opacity: 1;}
/* .wrapper-header .menu ul>li.hs-menu-depth-1:hover .child-trigger i:before, .wrapper-header .menu ul > li.hs-menu-depth-1:hover>a{ color:#E40C74;} */

.ap li.hs-menu-item.hs-menu-depth-1:last-child a{ background-color: #c6005c;}
.navigation-section-top { height: 69px; }
.downside-menu .navigation-section{top:-100%;}
.ap-cta-color a{ background-color: #c6005c; padding:8px 10px;}




/*********************menu2-css********************/

#menuToggle{ display: block; position: fixed; top: 36px; right: 30px; z-index: 1; -webkit-user-select: none; user-select: none; height: 100%;}
#menuToggle input { display: block; width: 40px; height: 32px; position: absolute; top: -7px; left: -5px; cursor: pointer; opacity: 0; z-index: 2; -webkit-touch-callout: none;}
#menuToggle span.ap-line{ display: block; width: 19px; height: 1px; left:6px; margin-bottom: 5px;  position: relative; background: #cdcdcd; border-radius: 3px; z-index: 1; transform-origin: 4px 0px; transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;}
#menuToggle span.ap-line:first-child{ transform-origin: 0% 0%;}
#menuToggle span.ap-line:nth-last-child(2){ transform-origin: 0% 100%;}
#menuToggle input:checked ~ span.ap-line{ opacity: 1;   background: #ffffff; width:25px; left:inherit;}
#menuToggle input:checked ~ span.ap-line:nth-last-child(3){ opacity: 1; width:25px;left:inherit; }
#menuToggle input:checked ~ span.ap-line:nth-last-child(2){  opacity: 1; width:25px;left:inherit; }
#menu{ position: absolute; width: 300px;  padding: 50px;  padding-top: 125px; right: -100px; background: #ededed; list-style-type: none; -webkit-font-smoothing: antialiased; transform-origin: 0% 0%; transform: translate(100%, 0); transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);}
#menu li{ padding: 10px 0;  font-size: 16px; color:#ffffff; list-style:none;}
#menu ul{ padding:0; width:1000%;}
#menu li a{ color:#ffffff;}
#menuToggle input:checked ~ ul{ transform: scale(1.0, 1.0); opacity: 1;}
#menuToggle input:checked ~ #menu { -webkit-transform: scale(1.0, 1.0); transform: scale(1.0, 1.0); opacity: 1; }
div#menu { position: absolute;  width: 340px; padding: 50px; padding-top: 125px; right: -100px; background: #02947f;
  list-style-type: none; 
  -webkit-font-smoothing: antialiased; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: translate(100%, 0); transform: translate(100%, 0); -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition: -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), -webkit-transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
  top: -100px; bottom: 0; height: calc(100vh + 100px); overflow-y:auto; }


#menuToggle span.ap-line:nth-child(1){ width:25px; height:1px;}
#menuToggle span.ap-line:nth-child(2){ width:25px; height:1px; left:inherit;}
#menuToggle span.ap-line:nth-child(3){ width:13px; height:1px; left:11px;}

.ap-menu2 li.hs-menu-item.hs-menu-depth-1.hs-item-has-children a .menu-children-arrow{ position:relative;}

.ap-menu2 ul.hs-menu-children-wrapper { margin: 0;  }
.ap-menu2 ul.hs-menu-children-wrapper li{ margin: 0; }
.ap-menu2 ul.hs-menu-children-wrapper li{ padding-left:15px !important;}

.ap-menu2 .visible .hs-menu-children-wrapper { display: block;}
.ap-menu2 .hs-menu-children-wrapper { display: none;}
.ap-menu2 li.hs-menu-item.hs-menu-depth-1.hs-item-has-children a .menu-children-arrow { content: ' '; display: block; background-image: url(https://cdn.shortpixel.ai/spai/w_1920+q_lossy+ret_img/https://visiopharm.com/wp-content/themes/visiopharm/img/arrow-up.png); background-repeat: no-repeat; background-size: 12px; background-position: center center; width: 20px; right: -146px; top: -12px; padding: 4px; transform: rotate(180deg); transition: 0.5s; }
.mobile-menu-extras{ display:none;}



@media(max-width:1200px){
  .mobile-menu-extras{ display:block;}
  .ap .menu.custom-menu-primary.js-enabled { display: none; }
  .navigation-section-top { height: 65px; }
  .navigation-section{ padding: 10px 24px 10px 22px;}
  #menuToggle{ top:22px;}
}


@media(max-width:840px){

.navigation-section .header-logo { width: 220px;}
.navigation-section .header-logo img { width: 220px;}
  .navigation-section-top { height: 60px; }

}


@media(max-width:767px){

.navigation-section .header-logo { width: 180px;}
.navigation-section .header-logo img { width: 180px;}
  .navigation-section-top { height: 56px; }
  div#menu{ width:111vw;     padding-top: 170px;}
  div#menu li { font-size:20px;}
  #menuToggle{ top:20px;}

}

.hs-responsive-embed-wrapper.hs-responsive-embed{
max-height: unset !important;
}