/* Bug fixing with Responisve css by 23-12-2019 */



#_tcChatWindow {

    z-index: 999999!important;

  }

  

  img {

    max-width: 100%;

  }

  

  ::before, ::after {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

  }

  

  body {

    margin: 0;

    padding: 0;

  }

  

  .whiteBg {

    background: #fff!important;

  }

  

  .TopFooter {

    width: 100%;

    padding: 20px 0;

    float: left;

    background: #f9f9f9;

    overflow: hidden;

  }

  

  .tfIcon {

    float: left;

    width: 104px;

    padding: 0;

    text-align: left;

  }

  

  .tfCont {

    float: left;

    width: 370px;

    padding: 10px 0 0 0;

    text-align: left;

  }

  

  .tfMore {

    float: left;

    width: 40px;

    padding: 24px 0 0 0;

    text-align: left;

  }

  

  .TopFooter h4 {

    text-align: left;

    color: #0081ff;

    font-family: MontserratRegular;

    text-transform: capitalize!important;

    font-size: 32px;

  }

  

  .TopFooter p {

    text-transform: uppercase;

    color: #000;

    text-align: left;

    margin: 0;

    font-size: 13px;

    font-family: MontserratRegular;

  }

  

  .tfLine {

    background: #bcbcbc;

    position: absolute;

    right: 30px;

    height: 100%;

    width: 1px;

    top: 0;

  }

  

  .TopFooter .HowHelf {

    padding: 40px 0;

  }

  

  .wid5, .wid7, .HowHelf {

    position: relative;

    min-height: 1px;

    float: left;

  }

  

  .wid5 {

    width: 434px;

  }

  

  .wid7 {

    width: 707px;

  }

  

  .mt-20 {

    margin-top: -98px;

  }

  

  .mt-30 {

    margin-top: -93px;

  }

  

  .CommenContainer {

    width: 1140px;

    margin: 0 auto;

    padding-right: 15px;

    padding-left: 15px;

  }

  

  .row {

    margin-right: -15px;

    margin-left: -15px;

  }

  

  .HowHelf {

    width: 50%;

  }

  

  .pullRight {

    float: right !important;

  }

  

  .pd-top-30 {

    padding-top: 14%;

  }

  

  .mobShow {

    display: none!important;

  }

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  /* error page css */

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  .errorMain {

    background: #f2f2f2;

    padding: 60px 0;

    width: 100%;

    float: left;

  }

  

  .errorLeft, .errorRight {

    width: 50%;

    padding: 0;

    float: left;

  }

  

  .pageNotfound {

    float: left;

    width: 100%;

    padding: 140px 0 40px 0;

    text-align: left;

  }

  

  .errorRight p {

    padding-right: 30%;

  }

  

  .errorRight p a {

    color: #0486c0;

    border-bottom: solid 1px #0486c0;

    font-weight: 300;

  }

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  /* thanks page css */

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  .overlay,

  

  

  

  

  

  

  

  .promptOverlay {

    overflow: auto;

    width: 100%;

    height: 100%;

    background: #000;

    z-index: 999999;

    opacity: 0;

    filter: alpha(opacity=0);

   /* For IE8 and earlier */;

  }

  

  .overlayVisible {

    position: fixed;

    left: 0;

    top: 0;

    opacity: 0.6;

    filter: alpha(opacity=60);

   /* For IE8 and earlier */

    cursor: pointer;

  }

  

  .toggle-person,

  

  

  

  

  

  

  

  .toggleGlobalPrompt{

    position: fixed;

    max-width: calc(80vw);

    width: 400px;

    box-sizing: border-box;

    left: 50%;

    top: 40%;

    height: auto;

    margin-left: -150px;

    margin-top: -150px;

    overflow: hidden;

    padding: 0!important;

    border: 0;

    background: #fff;

    z-index: 9999999;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

  }

  

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

    .toggleGlobalPrompt{

      margin: auto;

      top: 10px;

      bottom: auto;

      left: 25%;

      right: auto;

    }

  }

  

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

    .toggleGlobalPrompt{

      left: 10vw;

    }

  }

  

  

  .toggleHidden {

    position: fixed;

    pointer-events: none;

    opacity: 0;

    filter: alpha(opacity=0);

   /* For IE8 and earlier */

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

  }

  

  .toggleVisible {

    opacity: 1;

    filter: alpha(opacity=100);

   /* For IE8 and earlier */

    pointer-events: auto;

    -webkit-transition: all 0.5s ease-in-out;

    -moz-transition: all 0.5s ease-in-out;

    -ms-transition: all 0.5s ease-in-out;

    -o-transition: all 0.5s ease-in-out;

    transition: all 0.5s ease-in-out;

  }

  

  .closeBox {

    position: relative;

    text-align: center;

    display: inline-block;

    outline: none;

  }

  

  .thanksContact {

    text-align: center;

    padding-bottom: 30px;

  }

  

  .thanksContact h3 {

    font-weight: 800;

    text-transform: uppercase;

  }

  

  .thanksContact h6 {

    font-weight: 300;

    font-size: 16px;

    text-transform: uppercase;

    padding: 0 4%;

  }

  

  .thanksContact p {

    text-align: center;

    padding: 0 4%;

  }

  

  .closeBtn {

    display: block;

    text-align: center;

    padding: 0;

  }

  

  .thanksYou {

    float: left;

    width: 100%;

    text-align: center;

  }

  

  .closeBtn button:not(#_tcChatButtonInner):not(#_tcClose):not(#_form_control_736) {

    cursor: pointer;

    height: 30px;

    text-transform: uppercase;

    background: #0081ff;

    border: solid 1px #0081ff;

    padding: 0 30px;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

    font-weight: 600;

    color: #fff;

  }

   

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

  

    .CommenContainer {

      width: 98%;

    }

  

    .TopFooter .HowHelf {

      padding: 40px 2%;

      width: 46%;

    }

  

    .tfCont {

      width: 58%;

    }

       #writeNote #salesPerson{

          position:absolute;

          right: calc(100% -60px);

          width:120px!important;

      }

  

  }

  

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

  

    .mobShow {

      display: block!important;

    }

  

    .mobNone {

      display: none;

    }

  

    .CommenContainer {

      width: 91%;

      padding: 0 3%;

    }

  

    #content > div > .left, #content > section > .left, #content > div > .right, #content > section > .right {

      padding: 10px 2%;

      width: 96%!important;

    }

  

    #content > section > .right.closeToCenter {

      width: 92% !important;

      margin-right: 0;

      padding: 0px 4%!important;

      position: relative;

    }

  

    #content > section > .left.closeToCenter {

      width: 92% !important;

      margin: 0;

      padding: 0 4%!important;

    }

  

    section > .marginPaddingLeft, .defaultLMargin {

      margin-left: 0;

    }

  

    #content #writeNote {

       height: 830px!important;

    }

     #writeNote h3{display: none;}

    #writeNote .grayBg div{display: none;}

  

    #content > div > .right p, #content > section > .right p {

      padding: 0;

    }

  

    .noTopBottomMargin {

      margin-top: 30px!important;

    }

  

    #videoSlider h1 {

      font-family: "MontserratRegular";

      font-size: 30px;

      padding: 0 0 40px 20px;

    }

  

    .VideoSlider {

      padding-top: 190px;

      height: auto;

    }

  

    .sliderInner {

      width: 90%;

      margin: 0 5%;

    }

  

    .siLeft {

      width: 94%;

      padding: 20px 3%;

    }

  

    .siRight {

      width: 100%;

      height: auto !important;

    }

  

    .VideoContainer {

      width: 90%;

      padding: 0 5%;

      margin-top: 40px;

    }

  

    .FeaturedVideosList li {

      width: 100%;

      padding: 0 0 40px 0;

    }

  

    .vbCont {

      width: 90%;

      padding: 0 5%;

    }

  

    .vbCont h4 {

      font-size: 30px;

    }

  

    .vbCont h6 {

      font-size: 18px;

    }

  

    .vbImg {

      position: relative;

      top: 0;

      width: auto;

    }

  

    .HowHelf {

      width: 100%;

    }

  

    .tfMore, .tfLine {

      display: none;

    }

  

    .tfCont {

      width: 60%;

    }

  

    .tfIcon {

      width: 30%;

      text-align: center;

    }

  

    .TopFooter .HowHelf {

      padding: 12px 0;

    }

  

    .ManageContent {

      width: 92%;

    }

  

    .TopFooter h4 {

      font-size: 25px;

    }

  

    .VideoBottom {

      padding: 40px 0;

    }

  

    .TopFooter {

      padding: 20px 0!important;

    }

  

    .row {

      margin-left: -5px;

      margin-right: -5px;

    }

  

    .errorLeft, .errorRight {

      width: 92%;

      padding: 0 4%;

    }

  

    .pageNotfound {

      padding: 40px 0;

    }

  

    .errorRight p {

      padding: 0;

    }

  

    .toggle-person {

      width: 300px!important;

    }

  

  }

  

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

  

    .CommenContainer {

      width: 90%;

    }

  

    .toggle-person {

      width: 94%!important;

    }

    .CommenContainer .row{margin: 0;}

  }

  

  

  

  

  

  /* MailerLite Youtube Popup */

  

  .mLYouTube {

    transition: 0.5s;

  }

  

  .mailerlite-popup.mLYouTube {

    position: fixed !important;

    top: 30%;

    z-index: 9999999;

  }

  

  .mailerlite-popup.mLYouTube.larger{

    top:5px;

  }

  

  .mailerlite-popup.mLYouTube .ml-block-form {

    display: block !important;

    visibility: visible !important;

    width: auto !important;

    height: auto !important;

  }

  

  .mLyTBackdrop {

    width: 100vw;

    height: 100vh;

    position: fixed;

    top: 0px;

    background: black;

    opacity: 0.8;

    z-index: 9999998;

  }

  

  .mailerlite-popup.mLYouTube button.subscribe{

    margin-bottom: 10px;

  }

  

  .mailerlite-popup.mLYouTube button.cancel {

    background-color: white !important;

    border: none !important;

    color: black !important;

  }

  

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

  .TopFooter .HowHelf {

    width: 100%;

  }

   #content > section{margin-top: 40px;}

   #writeNote h3{display: block;}

    #writeNote div span{display: block;}

    #content #writeNote {

      height: auto!important;

    }

    .contactPage .contact-gradiant-bg {margin-top: 0!important;}

    #content > section > .right h2, #content > section > .right h1, #content > section > .right h3, #content > section > .right span,

    #content > section > .right p, #content > section > .right div{text-align: left!important;}

    #content > section > .right span, #content > section > .right p, #content > section > .right div{font-weight: normal;}

    .TopFooter.whiteBg{margin-top: 0!important} 

  }

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

   

  #homeBoxes .box{width: 80%;}

  #homeBoxes{padding-top: 0!important; margin-top: 10px!important;}

  }

  

  /* Make IOS treat this elements as clickables */

  .WhitepaperList a .wpl-icon img,

  .whitePaperLink{

    cursor: pointer;

  }

/* Hide ML Form */
.mlFormSnippet,
.hiddenElement{
  display: none;
  visibility: hidden;
  width: 0px;
  height: 0px;
}