/*
@CreatedDate 16-08-2021
@ModifiedDate 09-09-2021
@Author Sayantani Banerjee-Accenture
@LastModifiedBy Sayantani Banerjee-Accenture
@Description This landing page serves the purpose of styling of US Privacy Policy Unsubsciption.
*/ 

/* ==========================================================================
 DO NOT EDIT - UNLESS YOU KNOW WHAT YOUR DOING
 ========================================================================== */

  /* Header Section  */
  #headerSection {
   background-color: #03838c;
  }


  /* Banner Section  */
  #banner {
   background-color: #ffffff !important;
   background-image: url(https://image.marketing.bausch.com/lib/fe3b11717164057d771370/m/1/d9535d2e-0652-4b76-a04e-81d727c30441.jpg) !important;
  }

 
  /* Section 2 */
  #section2 {
   background-color: #ffffff;
  }

  

  /* Footer Section  */

  #footerSection {
   background-color: rgba(114, 206, 155, 0.1);
   padding: 25px 0px 15px 0px;

  }


  @media only screen and (min-width: 768px) and (max-width: 959px) {

  

   #footer-copyright-default {
    text-align: center !important;
   }

   #footer-links-bp {
    text-align: center !important;
   }
  }

  @media only screen and (max-width: 767px) {

   .features .line-font img {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
   }

  
   #footer-copyright-default {
    text-align: center !important;
   }

   #footer-links-bp {
    text-align: center !important;
   }
  }

  @media only screen and (max-width: 479px) {

   .features .line-font img {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
   }

   .section5-img {
    float: none !important;
   }

   #footer-copyright-default {
    text-align: center !important;
   }

   #footer-links-bp {
    text-align: center !important;
   }
  }


  /* ==========================================================================
 Basic Styling 
 ========================================================================== */
  body {
   width: 100%;
   min-height: 100%;
   font-family: "Open Sans", "Helvetica Neue", Lucida Sans Unicode, Verdana, Helvetica, sans-serif;
   font-size: 14px;
   line-height: 23px;
   color: #333333;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
   font-weight: 300;
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   color: #1a1a1a;
   transition: all .50s ease-in-out;
   -moz-transition: all .50s ease-in-out;
   -webkit-transition: all .50s ease-in-out;
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
   margin-top: 0;
   margin-bottom: 10px;
  }

  h1 {
   font-size: 44px;
  }

  h2 {
   font-weight: 700;
   margin-bottom: 20px;
  }

  h3 {}

  h4 {
   font-size: 17px;
   font-weight: 700;
   color: #2d2d2d;
  }

  p {
   margin-bottom: 20px;
   line-height: 24px;
  }

  a {
   -webkit-transition: all 150ms ease-in;
   -moz-transition: all 150ms ease-in;
   -o-transition: all 150ms ease-in;
   transition: all 150ms ease-in;
   color: #00a8d6;
  }

  a:hover,
  a:focus {
   text-decoration: none;
   color: #007DA0;
   outline: none;
  }

  ul {
   list-style-type: circle;
  }

  ::-moz-selection {
   text-shadow: none;
   background: #08b4da;
   color: #FFF;
  }

  ::selection {
   text-shadow: none;
   background: #08b4da;
   color: #FFF;
  }

  .btn {
   -webkit-transition: all .3s ease-in-out;
   -moz-transition: all .3s ease-in-out;
   transition: all .3s ease-in-out;
   border-radius: 0;
   padding: 15px 35px;
   font-weight: bold;
  }

  .btn:hover,
  .btn:focus {
   background-color: #08b4da;
   color: #FFF;
  }

  .btn-transparent {
   background-color: #7B63B0;
   color: #ffffff;
  }

  .btn-transparent:hover {
   background-color: #1FA2DC
  }

  .img-responsive img {
   display: block;
   width: 100% \9;
   max-width: 100%;
   height: auto;
  }

  .footer p,
  .footer a {
   color: #336699;
   margin-bottom: 10px;
  }

  .footer-links {
   text-align: right;
  }



  /* ==========================================================================
FORM 2.0 -- Simple Form STYLES ONLY
========================================================================== */

  .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {

   -webkit-border-radius: 5px;
   -khtml-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
   border-radius: 5px;

   color: #fff;
   border: none !important;
   padding: 12px 14px !important;
   font-size: 1em;

   background: #64b6dd;
   background-color: #64b6dd !important;
   background-image: none !important;
   background-image: none !important;
   background-image: none !important;
   background-image: none !important;
   text-transform: none !important;

   /*   background: -webkit-gradient(linear, 0 0, 0 bottom, from(#962D9E), to(#64038D)) !important;
   background: -webkit-linear-gradient(#962D9E, #64038D) !important;
   background: -moz-linear-gradient(#962D9E, #64038D) !important;
   background: -ms-linear-gradient(#962D9E, #64038D) !important;
   background: -o-linear-gradient(#962D9E, #64038D) !important;
   background: linear-gradient(#962D9E, #64038D) !important;
   -pie-background: linear-gradient(#962D9E, #64038D) !important;
*/

  }

  .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:hover {
   border: none !important;
   background: #227da8 !important;
  }

  /*ebasaya*/

  @-webkit-keyframes mktoAnimGlow {
   from {
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
   }

   50% {
    -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
   }

   to {
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
   }
  }

  @-moz-keyframes mktoAnimGlow {
   from {
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
   }

   50% {
    box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
   }

   to {
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
   }
  }

  @-ms-keyframes mktoAnimGlow {
   from {
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
   }

   50% {
    box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
   }

   to {
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
   }
  }

  @keyframes mktoAnimGlow {
   from {
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
   }

   50% {
    -webkit-box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 16px rgba(44, 154, 219, 0.8), 0px 1px 2px rgba(0, 0, 0, 0.2);
   }

   to {
    -webkit-box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px rgba(44, 154, 219, 0.3), 0px 1px 2px rgba(0, 0, 0, 0.2);
   }
  }

  .mktoForm .mktoButtonWrap.mktoAnimGlow .mktoButton {
   -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
   -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
   box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.15);
   background-color: #eeeeee;
   background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fbfbfb), color-stop(100%, #e1e1e1));
   background: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1);
   background: -moz-linear-gradient(top, #fbfbfb, #e1e1e1);
   background: -o-linear-gradient(top, #fbfbfb, #e1e1e1);
   background: linear-gradient(to bottom, #fbfbfb, #e1e1e1);
   display: -moz-inline-stack;
   display: inline-block;
   vertical-align: middle;
   zoom: 1;
   border: 1px solid #d4d4d4;
   height: 32px;
   line-height: 32px;
   padding: 0px 25.6px;
   font-weight: 300;
   font-size: 14px;
   font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   color: #666666;
   text-shadow: 0 1px 1px white;
   margin: 0;
   text-decoration: none;
   text-align: center;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   border-radius: 3px;
   -webkit-transition-property: background;
   -moz-transition-property: background;
   transition-property: background;
   -webkit-transition-duration: 0.3s;
   -moz-transition-duration: 0.3s;
   transition-duration: 0.3s;
   background: #eeeeee;
   border: none;
   text-shadow: none;
   -webkit-animation-duration: 3s;
   -moz-animation-duration: 3s;
   -ms-animation-duration: 3s;
   animation-duration: 3s;
   -webkit-animation-iteration-count: infinite;
   -moz-animation-iteration-count: infinite;
   -ms-animation-iteration-count: infinite;
   animation-iteration-count: infinite;
   -webkit-animation-name: mktoAnimGlow;
   -moz-animation-name: mktoAnimGlow;
   -ms-animation-name: mktoAnimGlow;
   animation-name: mktoAnimGlow;
  }

  .mktoForm .mktoButtonWrap.mktoAnimGlow .mktoButton:hover {
   background: #fbfbfb;
  }

  .mktoForm .mktoButtonWrap.mktoAnimGlow .mktoButton:active {
   -webkit-transition-duration: 0s;
   -moz-transition-duration: 0s;
   transition-duration: 0s;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   -webkit-animation-name: none;
   -moz-animation-name: none;
   -ms-animation-name: none;
   animation-name: none;
   box-shadow: none;
   -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
   box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
   text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
   background: #eeeeee;
   color: #bbbbbb;
  }

  .mktoForm .mktoButtonWrap.mktoAnimGlow .mktoButton:active {
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
   -webkit-animation-name: none;
   -moz-animation-name: none;
   -ms-animation-name: none;
   animation-name: none;
   -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
   box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3), 0px 1px 0px white;
  }

  .mktoForm .mktoButtonWrap.mktoAnimGlow .mktoButton:focus {
   outline: none;
  }