/*** BUTTONS ****/
/* Background */
/* Font Color */
/* Colors */
/* Horizontal line */
/*Main nav stuff*/
/* #3f629d */
/* Content Header stuff */
/* #3f629d */
/* Left nav menu stuff */
/* #3e82f9 */
/* Footer nav stuff */
/* Font Sizes */
a, a strong {
  -webkit-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out; }

/*** Home Page - feature buttons in front of the Hero image ****/
.btn-trans {
  border-radius: 5px;
  color: white;
  background-color: rgba(0, 0, 0, 0.2);
  border-color: white; }

.btn-trans:hover, .btn-trans:focus, .btn-trans:active, .btn-trans.active, .open > .dropdown-toggle.btn-trans {
  color: white;
  background-color: transparent;
  border-color: #e0e0e0; }

.btn-feature {
  padding: 10px;
  margin: 4px 3px; }

.btn-feature:hover {
  background: #153856;
  border-color: #569abf; }

.btn-freetrial {
  margin-top: 20px;
  padding: 10px 20px; }
  .btn-freetrial i {
    padding: 0px 10px; }

.btn.bl-border, .btn-default.bl-border {
  background: none repeat scroll 0px 0px transparent;
  border: 1px solid #000;
  color: #000;
  transition: all 0.25s ease-in 0s; }

/*** footer - search field and button*/
.btn-footer-search {
  background: none;
  border-left: 1px solid #c3c3c3; }

.search-input {
  background-color: rgba(20, 20, 20, 0.1);
  border: 0px solid #fff; }

.navbar-form {
  padding-top: 50px; }

.footer-search-input {
  border: 1px solid #cccccc;
  radius: 4px;
  -webkit-border-radius: 4px;
  /*
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: rgb(85, 85, 85);
        background-image: none;
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  */ }

footer .lback-to-top button {
  position: absolute;
  left: 50%;
  display: none;
  width: 140px;
  margin-left: -70px;
  font-size: inherit;
  font-weight: 600;
  text-transform: uppercase;
  color: #EAF2F7;
  transition: color 0.2s ease 0s; }

.back-to-top button::after {
  display: inline-block;
  padding-right: 20px;
  padding-bottom: 12px;
  margin-left: 12px;
  vertical-align: top;
  opacity: .86;
  -webkit-transition: opacity .2s;
  transition: opacity .2s; }

.cta-button {
  background: #8eb2f5;
  border: none;
  text-decoration: none;
  font-family: "futura-pt",sans-serif;
  color: white;
  padding: 12px 10px;
  font-weight: 700;
  -webkit-transition: background-color .1s;
  transition: background-color .1s;
  text-transform: uppercase; }

.cta-button:hover {
  color: white;
  text-decoration: none;
  background-color: #5987db; }

/*** Button Sytle*/
.btn-free {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  color: #ffffff;
  font-size: 12px;
  padding: 10px 20px 10px 20px;
  text-decoration: none; }

.btn-free:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none; }

.btn-oline {
  background: none;
  border: 1px solid #fff;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  height: 30px;
  line-height: 28px;
  padding: 0px 10px;
  color: #fff; }

.btn-plans {
  text-align: center;
  -webkit-transition: all 250ms;
  -moz-transition: all 250ms;
  transition: all 250ms;
  font-weight: 300;
  display: inline-block;
  border-radius: 4px;
  padding: .85em .75em;
  font-size: 24px;
  border: 0px;
  color: white;
  cursor: pointer;
  text-transform: uppercase;
  outline: 0px;
  letter-spacing: 1.15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #5aa1d9;
  width: 100%; }

.features-trial
.btn-free {
  font-size: 16px;
  padding: 18px 20px 25px 20px; }

.btn-success {
  background-color: #eb5424;
  color: white;
  border: 0; }

.btn-lg {
  line-height: 30px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 15px; }

/* Text Under the hompagepage button was adjusted. */
.case-button {
  background-color: #5aa1d9;
  color: white;
  line-height: 64px;
  font-size: 16px;
  padding: 9px 39px 9px 36px;
  margin: 0px;
  display: inline;
  background-repeat: no-repeat;
  background-position: center right;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }

.case-button:hover {
  text-decoration: none;
  background-color: #4989bb;
  border-bottom: 0px !important;
  text-decoration: none;
  border-bottom: 1px solid #ec2125;
  color: #fff; }

.special-plan-btn {
  margin-top: 15px; }

/*-new homepage BUTTON. Realigned the text inside the button. Resized font-*/
.btn-homepage {
  width: 350px;
  height: 71px;
  text-align: center;
  line-height: 14px;
  letter-spacing: 2px;
  padding-top: 25px;
  font-size: 18px;
  font-weight: 400;
  background-color: #FF9700; }

.btn-homepage-main-signup {
  width: 350px;
  height: 60px;
  text-align: center;
  line-height: 14px;
  letter-spacing: 2px;
  padding-top: 25px;
  font-size: 18px;
  font-weight: 400; }

.btn-homepage:hover {
  color: #ffffff;
  background-color: #FF6800;
  text-decoration: none; }

.button-secondary {
  display: inline-block;
  background: #1d99df;
  border-radius: 0px;
  border: 0px;
  color: white;
  cursor: pointer;
  font-size: 17px;
  height: 38px;
  line-height: 38px;
  margin-right: 23px;
  outline: none;
  width: 172px; }

.button-secondary:hover {
  background-color: #48aee7; }

.button-minor {
  display: inline-block;
  background: #cccccc;
  border-radius: 0px;
  border: 0px;
  cursor: pointer;
  font-size: 17px;
  height: 38px;
  line-height: 38px;
  margin-right: 23px;
  outline: none;
  width: 172px;
  color: #666666; }

.career-btn {
  background-image: url("/images/logo/linkedin_logo.png");
  background-repeat: no-repeat;
  background-position: right;
  width: 478px;
  line-height: 11px;
  text-align: left;
  margin-top: 20px; }

/* INTERACTION BUTTON */
#insider-join-button {
  background: #ffbf43;
  border-radius: 6px;
  color: #FFFFFF;
  text-align: center;
  text-transform: uppercase;
  font-size: 25px;
  padding: 12px 26px;
  margin: 25px 0px 15px;
  display: inline-block;
  cursor: pointer;
  -webkit-transition: all ease 0.8s;
  -moz-transition: all ease 0.8s;
  transition: all ease 0.8s; }
  #insider-join-button:hover {
    background-color: #e69e11;
    color: #ffffff;
    -webkit-transition: prop .3s;
    -moz-transition: prop .3s;
    -ms-transition: prop .3s;
    -o-transition: prop .3s;
    transition: prop .3s; }
  #insider-join-button span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s; }
  #insider-join-button span:after {
    content: '\203A';
    position: absolute;
    font-size: 60px;
    line-height: 36px;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.5s; }
  #insider-join-button:hover span {
    padding-right: 34px; }
  #insider-join-button:hover span:after {
    opacity: 1;
    right: 0;
    transform: translate(10px, 0);
    -webkit-transform: translate(10px, 0);
    /** Chrome & Safari **/
    -o-transform: translate(10px, 0);
    /** Opera **/
    -moz-transform: translate(10px, 0);
    /** Firefox **/ }

/* Landscape phones and down */
@media (max-width: 768px) {
  .career-btn {
    background-image: url("/images/logo/linkedin_logo.png");
    background-repeat: no-repeat;
    background-position: bottom;
    width: 100%;
    height: 105px;
    /* line-height: 11px; */
    text-align: center;
    margin-top: 20px; } }