.bhr-chat-container, #sm-bot {
    display: block!important;
}
 .bhr-chat img,
 .side-fixed-image {
    display: none !important;
}
.bhr-tablet {
    margin-left: auto;
    margin-right: auto;
}
 .bhr-tablet > .tablet-img {
     width: 100%;
     max-width: 216px;
     margin: 0px auto;
}
 @media (max-width: 414px) {
     .bhr-tablet > .tablet-img {
         max-width: 50%;
    }
}
 .form-container {
     background: #d3d9d978;
}
 .content-container {
     background: #c9dca1;
     padding-bottom: 40px;
     padding-top: 20px;
}
    .content-container--contactsales {
        background: #596673;
    }
 .visible-mobile {
    text-align:center;
}
/* fb */
.sm-logo-register {
    text-align: center;
}

.sm-logo-register a:hover{
    text-decoration: none;
}
.sm-logo-register__logo{
    height: 44px;
    margin-right: 10px;
}

@media (max-width: 991px) {
    .sm-logo-register__logo{
        margin-top: 0;
        margin-right: 0;
    }
}

@media (max-width: 400px) {
    .sm-logo-register__logo{
        height: 39px;
    }
}

.sm-logo-register .fb-container {
    display: inline-block;
}
 .sm-logo-register .btn-facebook{
    font-family:Helvetica,Arial,sans-serif;
    vertical-align:middle;
    border-radius:3px!important;
    font-size:11px;
    padding:4px;
    height:20px;
    width:74px;
    margin-right:5px;
    font-weight:400;
    font-size:11px;
    background:#4267b2;
    border:1px solid #4267b2;
    color:#fff;
    text-decoration:none
}
.sm-logo-register .btn-facebook:hover,.sm-logo-register .btn-facebook:active,.sm-logo-register .btn-facebook:focus{
    text-decoration:none;
    color:#fff;
    background:#365899;
    border:1px solid #365899
}
.sm-logo-register .btn-facebook__icon{
    height:16px;
    width:16px;
    position:relative;
    top:3px
}
.sm-logo-register .btn-facebook__like{
    font-weight:700;
    padding-right:4px
}
 .register-form {
     padding: 15px 30px;
}
 .register-form__headline {
     font-size: 40px;
     margin: 20px 0 10px 0;
     text-align: center;
     color: #343434;
}

 .register-form__headline .title-desc {
     display: block;
     margin-top: 10px;
     margin-bottom: 40px;
     line-height: 1.2;
     font-weight: 700;
     font-size: 25px;
}
 .btn.form-btn {
     background-color: #c9dca1;
     color: #343434;
     line-height: 32px;
     border: 2px solid #fff;
     font-weight: 600;
     text-transform: uppercase;
     border-radius: 0px !important;
     transition: all ease-in-out 0.2s;
}
.btn.form-btn--contactsales {
    background-color: #596673;
    color: #fff;
}
 .btn.form-btn:hover, .btn.form-btn:active, .btn.form-btn:focus {
     color: #343434;
     text-decoration: none;
     outline: 0;
     border: 2px solid #fff;
     background-color: #dae7bf;
     box-shadow: none;
}
.btn.form-btn--contactsales:hover, .btn.form-btn--contactsales:active, .btn.form-btn--contactsales:focus {
    background-color: #596673d1;
    color: #fff;
}
/*gsignin*/
 .abcRioButton.abcRioButtonLightBlue {
     height: 34px !important;
     width: 100% !important;
     margin: 0 auto;
     background-color: #fff;
     color: #676a6c;
     border: 1px solid #ccc;
     box-shadow: none;
}
 .abcRioButton, .abcRioButton:hover {
     box-shadow: none;
     border: 1px solid #ccc;
}
 .abcRioButtonIcon {
     position: absolute;
}
 .btn-linkedin {
     font-size: 13px;
}
 .btn-social>:first-child {
     line-height: 32px;
}
 .button-wrap {
     text-align: center;
     padding-top: 15px;
}
 #button-reg {
     width: 230px;
     color: #fff;
     background-color: #000;
     display: inline-block;
     padding: 6px 12px;
     margin-bottom: 0;
     font-size: 14px;
     font-weight: 400;
     line-height: 1.42857143;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     -ms-touch-action: manipulation;
     touch-action: manipulation;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     background-image: none;
     border: 2px solid white;
     border-radius: 0px !important;
     cursor: pointer;
}
 #button-login {
     width: 230px;
     background-color: #c9dca1;
     color: #343434;
     line-height: 32px;
     border: 2px solid #fff;
     display: inline-block;
     padding: 6px 12px;
     margin-bottom: 0;
     font-size: 14px;
     font-weight: 400;
     line-height: 1.42857143;
     text-align: center;
     white-space: nowrap;
     vertical-align: middle;
     -ms-touch-action: manipulation;
     touch-action: manipulation;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     background-image: none;
     border: 2px solid white;
     border-radius: 0px !important;
}
 #button-login:hover {
     color: #fff;
     background-color: #dae7bf;
     text-decoration: none;
}
 .abcRioButtonContents span {
     visibility: hidden;
     text-align: center;
     position: absolute;
     left: 43px;
     top: 1px;
}
 .abcRioButtonContents span:after {
     content: 'Sign up with Google';
     position: absolute;
     visibility: visible;
     left: 0;
}
/*separator */
 .separator-wrapper {
     margin: 0 auto;
     margin-bottom: 5px;
     text-align: center;
     position: relative;
     margin-top: -17px;
}
 .separator {
     display: block;
     position: relative;
     font-weight: 600;
}
 .separator-header {
     font-size: 16px;
     padding-top: 3px;
     padding-bottom: 15px;
     font-weight: 400;
     display: block;
}
 .separator:after, .separator:before {
     content: '';
     display: flex;
     width: 47%;
     position: absolute;
     height: 1px;
     background: #ccc;
     top: 12px;
}
 .separator:after {
     left: 0;
}
 .separator:before {
     right: 0;
}
/*form input */
 .input-block {
     background-color: #fff;
     border: solid 1px #DDD;
     width: 100%;
     height: 48px;
     padding: 2px 10px;
     position: relative;
     margin-bottom: 18px;
     -moz-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     -webkit-transition: all 0.3s ease-out;
     transition: all 0.3s ease-out;
}
 .input-block.focus {
     background-color: #fff;
     border: 2px solid #596673;
}
.register-form--contactsales .input-block.focus {
    background-color: #fff;
    border: 2px solid #A5B3B1;
}
 .input-block label.input {
     position: absolute;
     left: 10px;
     top: 18px;
     display: block;
     margin: 0;
     font-weight: 300;
     z-index: 1;
     color: #333;
     font-size: 18px;
     line-height: 10px;
}
 .input-block .form-control {
     background-color: transparent;
     padding: 10px 0px 0 0;
     border: none;
     -moz-border-radius: 0;
     -webkit-border-radius: 0;
     border-radius: 0;
     -moz-box-shadow: none;
     -webkit-box-shadow: none;
     box-shadow: none;
     height: 100%;
     position: relative;
     z-index: 2;
     font-size: 18px;
     color: #333;
}
 .input-block .form-control:focus label.input {
     top: 0;
}
 #countryOptions {
     height: 50px;
}
/* Change Autocomplete styles in Chrome*/
.input-block input:-webkit-autofill, .input-block input:-webkit-autofill:hover, .input-block input:-webkit-autofill:focus,.input-block .input-block select:-webkit-autofill, .input-block select:-webkit-autofill:hover, .input-block select:-webkit-autofill:focus {
     border: none;
     -webkit-text-fill-color: #000;
     -webkit-box-shadow: none;
     transition: background-color 5000s ease-in-out 0s;
}
.input-block input:-internal-autofill-previewed, .input-block input:-internal-autofill-selected, .input-block select:-internal-autofill-previewed, .input-block select:-internal-autofill-selected {
    background-color: transparent !important;
}
/*consents */
 .agreement--form{
    overflow-y:hidden;
    -webkit-transition-property:all;
    -o-transition-property:all;
    transition-property:all;
    -webkit-transition-duration:.5s;
    -o-transition-duration:.5s;
    transition-duration:.5s;
    -webkit-transition-timing-function:ease;
    -o-transition-timing-function:ease;
    transition-timing-function:ease;
    opacity:1;
    visibility:visible;
    text-align:left
}
 .agreement--form.closed{
    max-height:0;
    opacity:0;
    visibility:hidden
}
 .agreement--form label{
    color:#3434349e;
    cursor:pointer;
    font-weight:400;
    margin-top: 5px;
    margin-bottom: 10px;
    position:relative;
    font-size:11px;
    line-height:1.5;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    margin-left:3px
}
 .agreement--form input[type="checkbox"]{
    margin-top:1px;
    margin-right:7px;
    opacity:0
}
 .agreement--form input[type="checkbox"].agree-error ~ .agreement__content{
    color:#e20000;
}
 .agreement--form input[type="checkbox"].agree-error ~ .checkmark{
    border: 1px solid #de7575;
    background: #ffebeb;
}
 .agreement--form input[type="checkbox"]:checked ~ .agreement__content{
    color:#34343482
}
 .agreement--form input[type="checkbox"]:checked ~ .checkmark{
    background-color:#596673;
    border:#596673
}
 .agreement--form input[type="checkbox"]:checked ~ .checkmark:after{
    display:block
}
 .agreement--form .checkmark{
    position:absolute;
    top:1px;
    left:0;
    height:15px;
    width:15px;
    border:1px solid #3434349e
}
 .agreement--form .checkmark:after{
    content:'';
    position:absolute;
    display:none;
    left:5px;
    top:1px;
    width:5px;
    height:10px;
    border:solid #dae7bf;
    border-width:0 2px 2px 0;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
 .agreement--form .agreement__info--form{
    margin-left:23px;
    margin-bottom:12px;
    font-size:11px;
    margin-top:5px;
    color:#3434349e
}
 .agreement__info--form a{
    color:#596673;
}
 .agreement__required{
    color:red
}
.typ-text {
    padding: 70px 10px;
}
.form-container {
    background: #a5b3b1e6;
}
.form-container--contactsales {
   background: #d3d9d978;
}
/*changing content*/

.recognition-wrapper {
    border-radius: 0px !important;
    box-shadow: 0 1px 7px rgba(0, 0, 0, .2);
    margin-left: auto;
    margin-right: auto;
}
 .changing-content__title, .changing-content__undertext {
     margin: 0;
     color: #fff;
}
 .changing-content__list {
     display: inline-block;
     margin: 0;
     padding: 0;
     list-style-type: none;
     margin-bottom: 15px;
     margin-left: 0px;
     margin-top: 20px;
}
 .changing-content__list li {
     margin-bottom: 5px;
     font-size: 19px;
     font-weight: 300;
     color: #343434;
}
.changing-content__list--contactsales li {
    color: #fff;
}
 .changing-content__list li > span {
     margin-right: 7px;
}
 .changing-content__title {
     margin-bottom: 30px;
     font-size: 36px;
     line-height: 1.2;
     font-weight: 600;
     color: #fff;
}
 .color-green {
    color: #C9DCA1;
}
.color-blue {
    color: #596673;
}
 .changing-content__undertext {
     font-size: 11px;
     font-weight: 400;
     color: #fff;
     display: inline-block;
     text-align:center;
     padding: 5px 64px 5px 64px;
     background: #596673;
     box-shadow: 0 1px 7px rgba(0, 0, 0, .2);
     line-height: 1.5;
}
.changing-content__undertext--contactsales {
    background: #C9DCA1;
    color: #343434;
}
 .changing-content {
    display: flex;
     justify-content: center;
     flex-direction: column;
     align-items: center;
}
#registerUserNew .input-block.input-form.input-error,
#registerUserNewPricing .input-block.input-form.input-error,
#uspForm .input-block.input-form.input-error {
    border: 2px solid #de7575;
    color: #e20000;
    background: #fff0f0;
}
#registerUserNew label.error,
#registerUserNewPricing label.error,
#uspForm label.error {
    position: absolute;
    top: unset !important;
    font-size: 11px !important;
    padding: 4px 0px 0px 0px;
    z-index: 9;
    right: 0px;
    font-weight: normal;
    color: #e20000 !important;
    line-height: 1.3;
    width: fit-content;
    white-space: nowrap;
}
 #phoneDiallingCode-error.error {
     left: 0;
 }
  .checkbox:first-child {
    margin-top: 0;
    margin-bottom: 16px;
  }
  #registerUserNew .checkbox label,
  #registerUserNewPricing .checkbox label {
    font-size: 11px;
    color: rgba(87, 87, 87, .7);
    line-height: 1.4;
    display: block;
    margin-bottom: 0;
    position: relative;
  }
  .form-confirmation {
    font-size: 11px;
    color: rgba(87, 87, 87, .7);
    line-height: 1.4;
    margin-bottom: 5px;
    margin-left: 21px;
  }

  .form-confirmation p {
    color: rgba(87, 87, 87, .7);
  }
  input[type=checkbox] {
    width: 15px;
    height: 15px;
    margin-top: 0px;
    cursor: pointer;
  }
  .terms-error {
    left: 0;
    margin: 0;
    font-size: 10px;
    color: red;
    position: absolute;
    bottom: -12px;
  }
/* custom brochure link style */
#brochure {
    margin-top: 9px;
    color: #555;
    text-align: left;
    font-weight: 700;
    display: inline-block;
}
.brochure-link {
    margin-top: 9px;
    color: #555;
    text-align: left;
    font-weight: normal;
    display: inline-block;
}
.brochure-link .link {
    font-weight: 700;
    text-decoration: underline;
}
.brochure-link:hover, .brochure-link:focus, .brochure-link:active {
    color: #555;
} 
.desc-enterprise {
    margin-top: 15px;
    margin-bottom: 35px;
    display: block;
    color: #343434;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
}
 @media (min-width: 320px) {
     .btn.form-btn {
         width: auto;
         font-size: 16px;
         padding: 13px 20px;
    }
     .brochure-link {
         font-size: 14px;
         margin-top: 3px;
    }
}
@media (min-width: 360px) {
    .register-form__headline {
        font-size: 36px
    }
    .register-form__headline .title-desc {
        font-size: 23px;
    }
}
 @media (max-width: 1199px) {
     .changing-content__list li {
         font-size: 15px;
    }
}

 @media screen and (min-width: 992px) and (max-width: 1199px){
     .changing-content__title {
         font-size: 29px;
    }
     .changing-content__undertext {
         padding: 3px 42px 3px 42px;
         max-width: 440px;
    }
     .changing-content__list li {
        font-size: 17px;
    }
     .bhr-tablet {
         margin-left: 37px;
    }
}
 @media (max-width: 991px) {
     .changing-content {
         margin-top: 30px;
    }
     .changing-content__undertext {
         padding: 3px 65px;
    }
     .changing-content__list {
         margin-left: 0px;
    }
     .form-container {
         padding-top: 20px;
    }
     .changing-content__list li {
         font-size: 19px;
    }
     .visible-mobile .fb-container {
         display: inline-block;
         position: relative;
         top: -5px;
         margin-left: 10px;
    }
     .in-custom-width {
         width: calc(100% - 2px) !important;
    }
     .separator:before {
         right: 2px;
    }
     .abcRioButton.abcRioButtonLightBlue {
         margin-bottom: 10px;
    }
     .recognition {
         margin-left: auto;
         margin-right: auto;
         margin-bottom: 30px;
    }
     .visible-desktop {
         display:none;
    }
}
 @media(min-width: 992px) {
     .row-register-screen .container-fluid {
         display: flex;
    }
     .form-container {
         width: 45%;
         /*background: #A5B3B1;*/
         left: 55%;
    }
     .content-container {
         width: 55%;
         right: 45%;
    }
    .changing__img {
        margin-top: 45px;
    }
     .btn.form-btn {
         width: 100%;
         font-size: 16px;
         padding: 13px 2px;
    }
    .btn.form-btn--contactsales {
        width: auto;
        padding: 13px 26px;
    }
     .visible-mobile {
         display: none;
    }
     .visible-desktop {
         display: block;
    }
    .register-form__headline {
        font-size: 30px;
    }
    .register-form__headline .title-desc {
        font-size: 25px;
    }
    .typ-text {
        padding: 170px 10px;
    }
}
@media (min-width: 1200px) {
    .btn.form-btn {
        font-size: 22px;
        padding: 12px 10px;
        width: 100%;
   }
   .btn.form-btn--contactsales {
       width: auto;
       padding: 13px 26px;
   }
   .register-form__headline {
       font-size: 34px;
   }
   .register-form--contactsales .register-form__headline {
        margin-top: 55px;
    }
   .register-form__headline--pro {
        font-size: 32px;
    }
    .register-form__headline--pro.trydemo2{
        margin-top: 65px
    }
}

@media (min-width: 992px) and (max-width: 1630px) {
    .register-form__headline--pro.trydemo2 .title-desc {
        font-size: 20px;
    }
}
 @media screen and (min-width: 650px) and (max-width: 991px) {
     .changing-content__title {
         font-size: 35px;
    }
}
 @media (max-width: 564px) {
     .col-xs-6.custom-width {
         display: block;
         width: 100%;
         text-align: center;
    }
     .btn.form-btn {
         width: auto;
         font-size: 18px;
         padding: 13px 35px;
    }
     .changing-content__title {
         font-size: 28px;
    }
     .changing-content__list {
         margin-left: 0px;
    }
     .changing-content__list li {
         font-size: 16px;
    }
     .changing-content__undertext {
         width: 100%;
         padding: 3px 20px;
        /* text-align: left;
         */
    }
     .changing-content__undertext--mobile {
        display: block;
    }
    .agreement--form input[type="checkbox"] {
        margin-right: 14px;
    }
}
 @media (max-width: 500px) {
    #sm-bot {
        display: none !important;
    }
}

@media (max-width: 420px) {
 .register-form {
     padding: 15px 10px;
}
 .register-form__headline {
     font-size: 26px;
}
 .register-form__headline .title-desc {
     font-size: 20px;
     margin-top: 5px;
     margin-bottom: 0px;
}
.desc-enterprise {
    font-size: 16px;
}
}
@media (max-width: 414px){
.popup {
    z-index: 99;
}
.bhr-tablet {
    width: auto;
}
}

@media (max-width: 320px) {
    .register-form__headline {
        font-size: 31px;
    } 
    .register-form__headline .title-desc {
        font-size: 23px;
    }
  }

/*overrides default green color */
.headline h2, .headline h3, .headline h4 {
    border-bottom: 2px solid #c9dca1;
}
.footer a, .copyright a, .footer a:hover, .copyright a:hover {
    color: #c9dca1;
}
.newsletter-form__btn {
    background-color: #c9dca1 !important;
}
.newsletter-form__btn:hover {
    background-color:#bed58e !important;
}
.aplikacja .app-title>span {
    color: #c9dca1;
}
.agreement input[type=checkbox]:checked~.checkmark {
    background-color: #c9dca1 !important;
    border: #c9dca1 !important;
}
.agreement__info a {
    color: #c9dca1 !important;
} .signup span {
    color: #c9dca1 !important;
}
/* override topbar styles */
.topbar__link--reseller,
.topbar__link--about {
  border-radius: 0 !important;
}
.language__globe {
    color: #c9dca1;
}
.language__caret:before {
  border-top: 6px solid #c9dca1;
}
#buttonRegister, #buttonLogin {
    border-radius: 0!important;
}
.topbar-btn--register {
  background-color: #c9dca1;
  color: #343434;
}
.topbar-btn--register:hover {
    background-color: #dae7bf;
    color: #343434;
}
#buttonLogin:hover, #buttonRegister {
  color: #343434 !important;
}
@media screen and (max-width: 991px){
  .header .navbar-default .navbar-toggle .fa-bars {
    color: #c9dca1;
}
.header .navbar-default .navbar-toggle {
    border-color: #c9dca1;
    border-radius: 0;
    padding: 6px 10px;
    font-size: 16px;
}
.header .navbar-default .navbar-toggle:hover, .header .navbar-default .navbar-toggle:focus {
    background-color: #c9dca1;
}
span.icon-bars:focus {
    outline: 0;
}
}

 /* Added dialling code input */

 .input-block label.dialling {
     position: absolute;
     left: 10px;
     display: block;
     margin: 0;
     font-weight: 300;
     z-index: 1;
     line-height: 10px;
     top: 4px;
     font-size: 12px;
     color: rgba(51, 51, 51, 0.6);
 }

 .input-dialling {
     max-width: 95px;
     margin-right: 10px
 }

 .form-group--phone {
     display: flex;
 }

 @media (max-width: 1199px) and (min-width: 992px) {
     .input-dialling {
         max-width: 100%;
         margin-right: 30px
     }
 }

 @media (max-width: 991px) {
     .form-group--phone {
         margin-bottom: 15px;
     }
 }
 @media (max-width: 767px) {
    .input-block {
         margin-bottom: 0px;
     }
 }