/*
Theme Name: Implanon - Admin
Theme URI:  
Author: the WordPress team
Author URI:  

*/

 
.device-xs .container.header-container-inner {
   margin-top: 41px;
}

.home_page .header-disclaimer-2

{
  
    margin-bottom:20px;
}

}
.container-fw.hp-hero .list-inline-item {
   margin-right: -3px !important;
}
.btn-form-submit {
 
   color: #00877c !important;
  
}


.container-fw.hp-hero .list-inline {
   background-color: rgba(0, 0, 0, 0.2);
   border-radius: 10px;
   display: inline-block;
   overflow: auto;
   padding: 15px;
}



.container-fw.hp-hero .list-option {
  
   margin-bottom: 2px;
   clear: both;
   position: relative;
   width: 6rem;
   height: 3rem;
   display: flex;
   justify-content: center;
   align-items: center;
   /* float: left; */
   background: url(https://d89ngzjsecrv8.cloudfront.net/implanon-images/bkgd-hero-nav.png) 0 50% repeat-x #daebef;
   border-right: solid 1px #92dbec;
   font-size: 8px;

 
}

.list-option.no_vid_no_module {
    width: 8rem !important;

}
.container-fw.hp-hero .list-option a {

   color: #00acd4;
   font-family: 'Open Sans', sans-serif;
   font-size: 13px;
   font-weight: 600;
  line-height: 18px;
   text-align: center;
   
}

.container-fw.hp-hero .list-option:hover {
   background: url(https://d89ngzjsecrv8.cloudfront.net/implanon-images/bkgd-hero-nav-on.png) 0 50% repeat-x #b3dce7;
}


/*

.list-option {
 border: solid 1px #000;
    background: url(https://d89ngzjsecrv8.cloudfront.net/implanon-images/bkgd-hero-nav.png) 0 50% repeat-x #daebef;


 margin-bottom:1.0rem;

 clear:both;
 position: relative;
 width: 7.0rem;
 height: 5.0rem;
 display: flex;
 justify-content: center;
 align-items: center;
}



.list-inline-item {
  margin-right: 0px;
}
*/

ul.top_icons  {
  
  width:100%;
      background-color: rgba(0, 0, 0, 0.2);
   border-radius: 10px;
   display: inline-block;
   overflow: auto;
   padding: 15px;
   
}

ul.top_icons li { 
  
  text-align: center;
  list-style: none;
  }
  
ul.top_icons li {
   background: url(https://d89ngzjsecrv8.cloudfront.net/implanon-images/bkgd-hero-nav.png) 0 50% repeat-x #daebef;
   border-right: solid 1px #92dbec;
   float: left;
   padding: 30px 25px;
   text-align: center;
   width:20%;
   min-height: 60px;
  }



@charset "utf-8";
/* *** *** *** Custom Implanon CSS rules *** *** *** */

/* *** *** *** globals *** *** *** */
body {
  color:#43454d;
}
h2 {
  color:#fff;
  font-family: 'Open Sans', sans-serif;
  font-size:36px;
  font-weight:normal;
}

.centered-content {
  text-align:center;
}

#wrapper.implanon-landing {
  padding-bottom:81px;
}
/* end globals */

/* *** *** *** header *** *** *** */
/* *** initial rules from developer  *** */
#header {
  background: none;
}

#header.sticky-style-2 {
  height:200px;
}

.sticky-style-2 a {
  border: 2px solid black;
}

.sticky-header.sticky-style-2 a {
  border: none !important;
}

.sticky-style-2  #header-wrap {
  background: none;
}
/* end initial rules from developer */
#header.transparent-header.full-header #logo {
   border-right:none;
   margin:0;
}

#header.transparent-header.full-header #primary-menu > ul {
   border-right:none;
}

#header.full-header #logo {
   padding-right: 15px;
}

#primary-menu ul li > a {
   padding: 39px 0;
   color: #000;
  font-family: 'Open Sans', sans-serif;
}

#primary-menu ul li > a:hover {
   color: #00acd4;
}

.landing-header #primary-menu ul li > a {
   color: #000;
}

.landing-header #primary-menu ul li > a:hover {
   color: #000;
}

#primary-menu ul li > a div {
   padding: 0 15px;
  border-right:solid 2px #00acd4;
}

#primary-menu ul li.last > a div {
   padding: 0 0 0 15px;
  border-right:none;
}

.header-disclaimer {
  background:url('https://d89ngzjsecrv8.cloudfront.net/implanon-images/bkgd-header-disclaimer.png') 0 0 repeat-x transparent;
}

 
.top_disclaimer_homepage{

   font-size: 16px !important;
   font-weight: bold;
   margin-top: 13px;
   text-align: center;
   max-width: 700px;
   float: left;

}

.header-disclaimer-2 .disclaimer-tab {
   background: #fff;
   border: solid 1px #000;
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
   border-top: none;
   color: #000;
   font-size: 19px;
   /* font-style: italic; */
   font-weight: normal;
   line-height: 1.3em;
   padding-top: 15px;
   padding-bottom: 22px;
   text-align: center;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   padding-right: 15px;
   padding-left: 15px;
    max-width: 950px;
       margin: 0 auto;
 
}
/* end header */

/* *** *** *** hero *** *** *** */
.container-fw.hp-hero {
  background-image: url(https://d89ngzjsecrv8.cloudfront.net/implanon-images/bkgd-hero.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  padding:135px 0;
}

.container-fw.hp-hero .hp-hero-content {
  text-align:center;
}

.container-fw.hp-hero .hp-hero-content img {
  width:590px;
  margin-bottom:15px;
}

.container-fw.hp-hero .hero-nav {
  background-color:rgba(0, 0, 0, 0.2);
  border-radius:10px;
  display:inline-block;
  overflow:auto;
  padding:15px;
}

.container-fw.hp-hero .hero-nav .row {
  border-radius:10px;
  margin-right:0;
  margin-left:0;
}

.container-fw.hp-hero .hero-nav .hero-nav-item {
  background:url(https://d89ngzjsecrv8.cloudfront.net/implanon-images/bkgd-hero-nav.png) 0 50% repeat-x #daebef;
  border-right:solid 1px #92dbec;
  float:left;
  padding:30px 25px;
  text-align:center;
  width:20%;
}

.container-fw.hp-hero .hero-nav .hero-nav-item.first {
/*  padding:30px 10px; */
}

.container-fw.hp-hero .hero-nav .hero-nav-item.last {;
  border-right:none;
}

.container-fw.hp-hero .hero-nav .hero-nav-item:hover {
  background:url(https://d89ngzjsecrv8.cloudfront.net/implanon-images/bkgd-hero-nav-on.png) 0 50% repeat-x #b3dce7;
}

.container-fw.hp-hero .hero-nav a {
  color:#00acd4;
  font-family: 'Open Sans', sans-serif;
  font-size:16px;
  font-weight:600;
  line-height:1em;
  text-align:center;
}
/* end hero */

/* *** *** *** pi *** *** *** */
.section.implanon-pi {
  background:url('https://d89ngzjsecrv8.cloudfront.net/implanon-images/bkgd-pi.png') 0 0 repeat-y transparent;
  margin-bottom:7px;
  margin-top:7px !important;
}

.section.implanon-pi .implanon-pi-inner {
  background:url('https://d89ngzjsecrv8.cloudfront.net/implanon-images/bkgd-pi-inner.png') 100%0 no-repeat transparent;
  padding:125px 0 200px;
}

.section.implanon-pi .section-content {
  display:inline-block;
  font-family: 'Open Sans', sans-serif;
  font-size:16px;
  font-weight:normal;
  text-align:left;
}

.section.implanon-pi .section-content h2 {
  color:#00acd4;
}

.section.implanon-pi .pi-cta-container {
  margin-top:25px;
  max-width:655px;
  text-align:center;
}

.section.implanon-pi .pi-cta-container .pi-cta-text {
  background:#60bed4;
  border-radius:20px;
  display:inline-block;
  margin-top:40px;
  padding:20px;
}

.section.implanon-pi .pi-cta-container .pi-cta-text a {
  background:#fff;
  border-radius:10px;
  color:#60bed4;
  display:inline-block;
  font-weight:600;
  padding:10px 50px;
  text-transform:uppercase;
}

.section.implanon-pi .pi-cta-container .pi-cta-text a:hover {
  opacity:0.7
}

.section.implanon-pi .small-pi-box {
  margin-top:25px;
  width:335px;
}
/* end pi */

/* *** *** *** insertion video *** *** *** */
.parallax-insertion {
  background-image:url('https://d89ngzjsecrv8.cloudfront.net/implanon-images/bkgd-insertion.jpg');
  background-position:0px -70.5219px;
  margin-bottom:7px;
  margin-top:7px;
  padding:120px 0px;
}

.parallax-insertion .section-content {
  display:inline-block;
  text-align:left;
}
/* end insertion video */

/* *** *** *** removal video *** *** *** */
.section.implanon-removal-video {
  background:url('https://d89ngzjsecrv8.cloudfront.net/implanon-images/bkgd-removal-video.png') 0 0 repeat-x transparent;
  margin-bottom:7px;
  margin-top:7px;
}

.section.implanon-removal-video .implanon-removal-video-inner {
  background:url('https://d89ngzjsecrv8.cloudfront.net/implanon-images/bkgd-removal-video-inner.png') 0 100% no-repeat transparent;
  padding:120px 0;
}

.section.implanon-removal-video .section-content {
  display:inline-block;
  text-align:left;
}

.section.implanon-removal-video .section-content h2 {
  color:#00acd4;
}
/* end removal video */

/* *** *** *** education resources *** *** *** */
.section.implanon-education-resources {
  background:url('https://d89ngzjsecrv8.cloudfront.net/implanon-images/bkgd-education-resources.png') 0 100% no-repeat #56bad2;
  margin-bottom:0;
  margin-top:7px;
  padding-bottom:140px;
}

.section.implanon-education-resources h2 {
  margin-bottom:0;
}

.section.implanon-education-resources p.disclaimer {
  margin-bottom:60px;
}

.section.implanon-education-resources .feature-box:hover {
  opacity:0.7;
}


.section.implanon-education-resources .feature-box h3 {
  color:#fff;
  font-family: 'Open Sans', sans-serif;
  font-size:16px;
  font-weight:bold;
}

.section.implanon-education-resources .feature-box p {
  color:#fff;
  font-family: 'Open Sans', sans-serif;
  font-size:14px;
  font-weight:normal;
  margin:0;
}

.section.implanon-education-resources .feature-box a:hover {
  opacity:0.7;
}

.section.implanon-education-resources .bottommargin {
  margin-bottom:32px !important;
}
/* end education resources */

/* *** *** *** footer *** *** *** */
.section.implanon-footer {
   bottom:0;
  margin-bottom:0;
  margin-top:4px;
  padding:27px 0 18px;
  position:fixed;
  width:100%; 
  border-top:2px solid #43454d;
}

.section.implanon-footer ul {
  list-style-type:none;
   margin-top: -5px;
}

.section.implanon-footer ul li {
  border-right:solid 2px #8399a2;
  float:left;
  padding:0 6px;
}

.section.implanon-footer ul li.first {
  padding-left:0;
}

.section.implanon-footer ul li.last {
  border-right:none;
  padding-right:0;
}

.section.implanon-footer ul li a {
  color:#43454d;;
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
}

.section.implanon-footer ul li a:hover {

   text-decoration: underline !important;
}

.section.implanon-footer ul.reduced {
  margin-left:-5px;
}

.section.implanon-footer ul.reduced li {
  border-right:none;
}

.section.implanon-footer ul.reduced li a  {
  font-size:12px;
  color: #00877c !important;
}

.section.implanon-footer img.logo-footer {
  float:right;
}

.section.implanon-footer p.copy {
   font-size: 12px;
   margin: 1em 0 0.5em;
   width: 70%;
   float: left;
}


.modal-header {
   background-image: url(hero_t3_search.jpg);
   height: 150px;
   color: white;
   font-size: 33px;
   text-align: right;
   float: right;
   padding-top: 16px;
}
.footer_right {
   float:right;
   width: 25%;

}
/* SPECIAL DYNAMIC CONTENT */


.video_content {
   max-width: 612px;
   margin:  0 auto;
}

.feature-box {
  
  cursor: pointer;
}

.section.implanon-removal-video  h2 {
  color:#43454d;;
}

.section.implanon-pi h2 {
  color:#43454d;;
}

 p.disclaimer {
  
  color:#fff;
  
  font-family: 'Open Sans', sans-serif;
  
  font-size:16px;
  font-style:italic;
  margin-bottom:1em;
 
}
.implanon-removal-video-inner   p.disclaimer { 
color:#000;
}


#myModal h4 {
color:#00acd4;
margin-bottom:8px;
}

.modal-dialog {
   max-width: 900px;
   margin: 1.75rem auto;
}

a.fbox-plain.vid {
   cursor:pointer;
}

.hp-hero-content-container .disclaimer {
  
  color: #000;
  margin-top: 10px;
  
}

.section.implanon-pi .small-pi-box {
   margin-top: 25px;
   width: 500px;
}

.optedout {
  
/*
  width: 50% !important;
  height: 80px;
*/
}

.optedout_25 {
/*
  width: 25% !important;
  height: 80px;
*/
  
}

.optedout_33 {
/*
  width:  33% !important;
  height: 80px;
*/
  
}



.optedout_75 {
  width: 75% !important;
  height: 80px;
  
}


/* SPECIAL DYNAMIC CONTENT */







/* end footer */

/* *** *** *** section divider *** *** *** */
.implanon-divider {
  border-bottom:solid 1px #00acd4;
  margin:7px 0;
  padding:0;
}
/* end section divider */

.feature-box.fbox-plain .fbox-icon img {
   height: 49px !important;
   width: 85px !important;
}




.device-md .top_logo {width: 150px; height:60px !important;}
.device-sm .top_logo {width: 150px; height:60px !important;}
.device-xs .top_logo {width: 150px; height:60px !important;}

.device-md #logo {height:60px !important;}
.device-sm #logo {height:60px !important;}
.device-xs #logo {height:60px !important;}


/*  SAM ADDED */




.container-fw.landing-page-bar {
   background-position: 50% 46%;
   height: 800px;
}




.container_wrap {
   height:100%;
}

.fill{
   width:100%;
   height:100%;
   min-height:100%;

   background-image: url(https://d89ngzjsecrv8.cloudfront.net/implanon-images/bkgd-hero.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-color:#56bad2;
   background-position: -300px;
  padding:135px 0;
  
}
          .landing-form {
         /* background: url(https://d89ngzjsecrv8.cloudfront.net/implanon-images/bkgd-education-resources.png) 0 100% no-repeat #56bad2; */
         background: white !important;
         border: solid 1px #10262C !important;
         border-radius: 10px !important;
         float: none;
         margin: 0 auto !important;
         padding: 20px !important; 
         width: auto;
         max-width: 350px !important;
         margin-top: 60px !important;
         box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
         }

      p.disclaimer {
      color: black !important;

     }




   .center_col {
      margin: 0 auto;
      margin-top:30px;
      background: white;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
      padding-top: 10px;
      padding-right:10px;
      padding-left:10px;
      border-radius: 10px;
      border: solid 1px #10262C;
      max-width: 650px;

   }

   

@media (max-width: 991px) {
#header, #header-wrap, #header.sticky-style-2, #header.sticky-style-3, #header.sticky-style-2 #header-wrap, #header.sticky-style-3 #header-wrap {
 
/*    height: 150px !important;
*/}
.top_disclaimer_homepage {

   font-size: 13px !important;
}
}

@media only screen and (max-width: 1200px) {
  #primary-menu ul li > a {
     font-size:10px;
  }

  #primary-menu ul li > a div {
     padding:0 8px;
  }

  #primary-menu ul li.last > a div {
     padding:0 0 0 8px;
  }

  .container-fw.hp-hero .hero-nav a {
      font-size:12px;
  }

  .header-disclaimer-2 .disclaimer-tab {
      font-size: 14px;
  }
}


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





  #primary-menu ul li > a {
     font-size:13px;
  }

  #primary-menu ul li > a div {
     border:none;
  }

  #primary-menu-trigger {
      left:85%;
      top:15px;
  }

  .container-fw.hp-hero .hero-nav .hero-nav-item {
      padding: 20px 15px;
      min-height:60px;
  }

  .container-fw.hp-hero .hero-nav .hero-nav-item.first {
/*      padding: 20px 10px; */
  }

  .container-fw.hp-hero .hero-nav a {
      font-size:10px;
  }

  #header.full-header {
      /* position: fixed; */
      z-index: 1000;
      width: 100%;
  }

  .header-disclaimer-2 .disclaimer-tab {
      font-size: 15px;
  }
}

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

  .section.implanon-footer {
      bottom:0;
     margin-bottom:0;
     margin-top:0;
     padding:12px 0 5px;
     position:fixed;
     width:100%; 
  }

  .section.implanon-footer ul.reduced li a  {
     font-size:10px;
  }

  .section.implanon-footer p.copy {
     color:#00acd4;
     font-size:10px;
     margin: 1em 0 0.5em;
  }
}

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

  .container-fw.hp-hero .hero-nav .hero-nav-item {
      padding: 20px 0px;
  }

  .container-fw.hp-hero .hero-nav .hero-nav-item.first {
/*      padding: 20px 0px; */
  }
}