* { outline: none !important; }
form input { box-shadow: none !important; }
html {
  background-color: white;
}
header {
  width: 100%;
  height: 85px;
  background-color: #01a97b;
}

.bg-grey {
  background-color: #F0F0F0;
}

.c-blue { color: #0280DA !important; }

.all-blue, .all-blue * {
  border-color: #0280DA !important;
  color: #0280DA !important;
}

.w-30 { width: 30%; }
.w-80 { width: 80%; }

.select-dropdown:after, #user_register_form .form-group.select:after {
  content: '\e02d';
  position: absolute;
  right: 8px;
  top: 14px;
  width: 1em;
  text-align: center;
  box-sizing: content-box;
  display: inline-block;
  speak: none;
  font-family: 'Icons';
  transform: scale(0.8);
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: grey;
}

#user_register_form .form-group.select:after {
  top:43px;
}

.form-label {
  color: grey;
  font-size: 20px;
}
.button-blue {
    border: 1px solid #0280DA !important;
  background: #0280DA !important;
  color: white !important;
  font-weight: bold !important;
}


#mainLogo {
  height: 47px;
  margin-top: 19px;
}
@media (max-width: 350px){
    #mainLogo{width: 100%;}
}

#btnEbooks {
  font-family: Arial, Regular;
  height: 36px;
  width: 108px;
  margin-top: 15px;
  margin-bottom: 15px;
}

@media (min-width: 992px) {
  .to-bottom{margin-bottom: 15px;}
}

@media (min-width: 768px) {
  .w-md-100 { width: 100%; }
  .alert-info.small-alert {
    max-width: 80%;
    margin: auto;
    margin-right: 0px !important;
  }
}

@media (max-width: 9928px) {
}

@media (max-width: 768px) {
  .step0 #notebook-cover { max-width: 300px; margin: 10px;}
  .alert-info {
    position: fixed !important;
    bottom: 30px;
    left: 5%;
    width: 90%;
  }

  .text-with-auth p { width: 60% !important; }
  .text-with-auth a { width: 40% !important; }

}

.subtitle {
  font-family: Arial, Regular;
  color: #9B9B9B;
  font-size: 14px;
  margin-top: 7px;
  display: block;
}

.blue-title {
  font-size: 2.3rem;
  font-family: Arial, Regular;
  color: #0280DA;
  line-height: 41px;
  margin-top: 10px;
}

.blue-title-small {
  font-size: 1.5rem;
  font-family: Arial, Regular;
  color: #0280DA;
  line-height: 1.5rem;
}

#notebook-cover {
}

.main-paragraph {
  font-family: Arial, Regular;
  font-size: 1rem;
  margin-top: 22px;
}

.green-check {
  color: #01A97B;
  font-size: 1rem;
  margin-right: 10px;
}

.blue-check {
  color: #0280DA;
  font-size: 1rem;
  margin-right: 10px;
}

.items-paragraph {
  font-family: Arial, Bold;
  font-size: 1rem;
  color: rgb(71,71,71);
}


.arrow-down {
  font-size: 1rem;
}

.clara-grey {
  color: rgba(51,51,51,0.8) !important;
}

.bajada {
  font-size: 0.8rem;
  font-family: Arial, Bold;
  margin-left: 5px;
  font-weight: bold;
}

.row-spacing {
  margin-top: 30px;
  margin-bottom: 20px;
}

.form-title {
  color: #292929;
  font-size: 1.1rem;
  font-family: Arial, Bold;
  font-weight: Bold;
}

.btn-form {
  width: 14rem;
  color: #ffffff;
  font-family: Arial, Regular;
}

.icon-space {
  font-size: 30px;
  padding: 15px;
  color: #0280DA;
}

.info-box-blue {
  color: #0280DA;
  font-size: 14px;
  font-family: Arial, Regular;
}

.alert {
  background: white !important;
  border: 1px solid #0280DA !important;
  border-radius: 5px;
  box-shadow: 1px 1px 5px grey;
}


.no-like-link { text-decoration: none !important; }

.close-info-alert {
  color: #0280DA !important;
  opacity: 1 !important;
  font-size: 14px !important;
  font-weight: bold !important;
}

.text-with-auth {
  position: relative;
  width: 100%;
  display: block;
  float: left;
}

.text-with-auth p { width: 75%; display: inline-block; float: left; }
.text-with-auth a { width: 25%; display: inline-block; float: left; }

@media (max-width: 360px) {
  .mobile-padding {
    padding-top: 10px;
  }
}


.cool-line
{
  height: 56px;
  margin-bottom: 25px !important;
  padding: 0px;
  align-content: center;
  align-items: center;
  counter-reset: stepCount;
  display: flex;
  justify-content: space-around;
  margin: 0px auto; /* for codepen */
}

.cool-line li {
  background: #01A97B;
  color: white;
  content: ' ';
  display: flex;
  flex-grow: 1;
  height: .3em;
  line-height: 1em;
  margin: 0;
  position: relative;
  text-align: right;
  z-index: 1;
}

.cool-line li::before {
  color: white;
  background: #01A97B;
  border-radius: 50%;
  content: '';
  height: 1em;
  left: -1em;
  line-height: 1em;
  position: absolute;
  text-align: center;
  top: -.39em;
  width: 1em;
}
.cool-line li.active::after {
  color: white;
  background: #d4d4d478;
  border-radius: 50%;
  content: '';
  height: 1.2em;
  left: -1.09em;
  line-height: 1.2em;
  position: absolute;
  text-align: center;
  top: -.48em;
  width: 1.2em;
  z-index: -1;
}

.cool-line li.active {
  background-color: lightgrey;
}

.cool-line li.active ~ li {
  background-color: lightgrey;
}

.cool-line li.active .text { color: #01A97B; font-weight: bold; }

.cool-line li.active ~ li::before {
  background-color: lightgrey;
}

.cool-line li:last-child {
  flex-basis: 0;
  flex-grow: 0;
  flex-shrink: 1;
  /* Shorthand: flex: 0 1 0; */
}

.cool-line li .text { font-size: 12px; position: absolute; left: -15px; width: 100%; margin-top: 15px; color: grey;  text-align: left; }
.cool-line li:last-child .text { left: -52px; width: 90px; text-align: center; }
@media screen and (max-width:768px) {
  .cool-line li .text { display: none; }
  .cool-line li.active .text { display: block; }
  .cool-line li:last-child .text { left: -90px;}
}

.cool-line li:not(:first-child):not(:last-child) .text {
  left: calc(-50% - 10px);
  text-align: center;
}

.small-buttons a, .small-buttons button { max-width: 170px; }

.ebook-description p{margin-top: 15px;}
.ebook-description ul{list-style: none;padding-left: 0;}
.ebook-description ul li{list-style: none;}
.ebook-description ul li{padding-left: 10px;}
#step_0{display: block;}
#option_3_step_1{display: none;}
.custom_error_title{color: #ba4d4d !important;}
.custom_error{color:#ba4d4d !important;font-style: italic;font-size: 13px;}
.step0 #notebook-cover { max-width: 300px; margin: 20px;-webkit-box-shadow: 6px 7px 27px -5px rgba(0,0,0,0.52);
-moz-box-shadow: 6px 7px 27px -5px rgba(0,0,0,0.52);
box-shadow: 6px 7px 27px -5px rgba(0,0,0,0.52);}

@media (max-width: 450px){
    .small-buttons a, .small-buttons button{max-width: 133px;font-size: 12px;padding-left: 4px;padding-right: 4px;}
    .blue-title{font-size: 30px;line-height: 1.2;}
}
@media (max-width: 300px){
    .small-buttons div{width: 100% !important;display: block;float: none;max-width: 100% !important}
    .small-buttons div button{max-width: 100% !important;}
}



.categories_list{position: absolute;background-color: white;z-index: 10000000;}
.mobile_list_ul{margin:20px 8px;border:1px solid #ccc;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:18px;font-family:Arial;color:#646464;max-height: 242px;overflow-y: auto;padding: 0;margin: 0;margin-top: -15px;background-color: #00976C;width: 460px;}
.mobile_list_li{border-bottom:1px solid #ccc;padding:15px 25px;cursor:pointer;list-style-type: none;padding: 10px;color: white;}
.mobile_list_li .mobile_list_li_selected{float:right;display:none;}
.mobile_list_li:active{background:#eaeaea;}
.mobile_list_ul .mobile_list_li{border-color:#007e5a;}
.mobile_list_ul .mobile_list_li:hover{background:#00b17e;}
.categories_selected{border: 1px solid #ccc;border-radius: 2px;margin: 0;padding:0;}
.categories_selected li{border-bottom: 1px solid #ccc;list-style-type: none;padding: 10px;background-color: #f3f3f3;color: #646464;font-weight: bold;padding-right: 36px;position: relative;}
.categories_selected li span{font-size: 25px;cursor:pointer;color: #009688;font-weight: bold;display: block;position: absolute;top: 4px;right: 15px;}
.categories_selected li:last-of-type{border: none;}
.politics{padding: 5px 5px 0 5px;text-align: center;}
.politics p{margin-bottom: 5px;background-color: #f0f0f0;padding: 5px;}
.politics p .cl{margin-left: 10px;cursor: pointer;text-decoration: underline;}
@media (max-width: 460px){
    .categories_list{display: block;width: 98%;}
    .mobile_list_ul{width: unset;}
}

.radio label {
  color:black !important;
}

.radio:hover label {
  color: #01a97b !important;
}

.title-left .span_h {
  font-weight: bold !important;
    color: #484848;
    font-size: 22px;
}

.title-left {
  padding-left: 0;
  padding-top: 25px !important;
}

.title-right .results {
  border-radius: 3px;
  background: #F7F7F7;
  color: #484848;
  padding: 1px 5px;
}

.title-right {
  margin-bottom: 0;
  float: right;
  padding-top: 15px !important;
}

@media (max-width: 650px){
  .title-left {
    width: 100% !important;
    float: right;
  }

  .title-left .span_h {
      color: #0280da !important;
  }

  .title-right {
    width: 150px !important;
    padding-top: 0px !important;
  }

  .title-right .results .how-many {
    font-size: 14px;
    text-align: center;
  }
}

.ebook {
  padding-top: 30px;
  padding-bottom: 30px;
}

.ebook .supertitle {
  font-size: 16px;
  color: #c3c3c3;
  text-transform: capitalize;
}

.ebook .title {
  font-size: 24px;
  color: #0280da;
  margin-bottom: 30px;
}

.ebook .text {
  color: #c3c3c3;
  margin-bottom: 30px;
}

.ebook .msg {
  font-size: 24px;
    color: #0280da;
    font-weight: bold;
    margin: 0;
}


.bu_checkbox_wr {position: relative;padding-left: 30px;margin: auto;margin-bottom: 12px;margin-top: 12px;cursor: pointer;font-size: 15px;line-height: 18px; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;color: rgba(51,51,51,0.8);float: left;text-align: left;}
.bu_checkbox_wr:hover input ~ .bu_checkmark {background-color: #ccc;}
.bu_checkbox_wr a{color: rgba(51,51,51,0.8);}
.bu_checkbox_wr input {position: absolute;opacity: 0;cursor: pointer;height: 1px;width: 1px;}
.bu_checkbox_wr input:checked ~ .bu_checkmark {background-color: #27ac5d;}
.bu_checkbox_wr input:checked ~ .bu_checkmark:after {display: block;}
.bu_checkbox_wr .bu_checkmark {position: absolute;top: 0;left: 0;height: 20px;width: 20px;background-color: #eee;border-radius: 2px;}
.bu_checkbox_wr .bu_checkmark:after {content: "";position: absolute;display: none;}
.bu_checkbox_wr .bu_checkmark:after {left: 8px;top: 4px;width: 5px;height: 10px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.bu_checkbox_wr .error{position: relative;display: block;left: -30px;top: 6px;margin-top: 0 !important;}
.bu_checkbox_wr .bu_checkbox.error ~ .bu_checkmark{background-color: #f9c6c6 !important;border: 1px solid rgb(204, 204, 204);}



.webinar{padding-bottom: 50px;}
.webinar .webinar_name{margin: 15px auto; text-align: center;width: 100%;display: block;}
.webinar .webinar_cta{display: block;width: 70%;margin: auto;height: 70px;color: white;text-align: center;background-color: #0080e1;font-size: 28px;line-height: 70px;border-radius: 5px;}
.webinar .webinar_cta:hover{text-decoration: none;color: #f0f0f0;}
.webinar #webinar_video_wr{position: relative;width: 70%;margin: auto;}
.webinar #webinar_video_wr #webinar_video{position: relative;width: 100%;margin: auto;border: 2px solid #aaaaaa;margin-bottom: 15px;}
.webinar #webinar_video_wr #webinar_video_play{display: none;position: absolute;cursor: pointer;top: 0;left: 0;}
.webinar #webinar_video_wr #webinar_video_play img{display: block;margin: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

@media (max-width: 900px){
  .webinar #webinar_video_wr{width: 90%;}
  .webinar .webinar_cta{width: 90%;}

}