.tws-audience-selector--selectionbox-languageselector {
		display: none;
}
/* Basic button styling */


.tws-container--tws-instagram .slick-dots {
    display: none !important;
}
.tws-container--tws-instagram .tws-instagram.slick {
    padding-bottom: 0px;
}

.slot--component-container .tws-container--tws-newsletter-subscribe {
    height: 358px!important}

.slot--component-container .tws-container--tws-newsletter-subscribe {
    background: url(/shop/ws40/65040/files/Html-block/nyhetsbrev_utantext.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.navbar-default .navbar-nav>li>a {
    font-weight: 700;
}
.slot--component-container .tws-container--tws-content-box-3x {
    padding-left: 0;
    padding-right: 0;
}

.slot--top-bar-language,
.slot--top-bar-vat,
.slot--top-bar-currency {
    padding: 10px;
}

.slot--top-bar-language {
    border: 1px solid black;
}

.fabrikk--top-bar {
    margin-top: 5px;
}
.slot--component-container .tws-container--tws-custom-html, .slot--component-container .tws-container--tws-article-display, .slot--component-container .tws-container--tws-articles, .slot--component-container .tws-container--tws-articles-two, .slot--component-container .tws-container--tws-articles-connected, .slot--component-container .tws-container--tws-newsletter-subscribe {
    padding: 30px 0px;
}
.slot--component-container .tws-container--tws-custom-html, .slot--component-container .tws-container--tws-article-display, .slot--component-container .tws-container--tws-articles, .slot--component-container .tws-container--tws-articles-two, .slot--component-container .tws-container--tws-articles-connected, .slot--component-container .tws-container--tws-newsletter-subscribe {
    padding: 0px 0px;
}

.tws-newsletter-subscribe--before-sending {
    position: relative;
    top: 50px;
}

.slot--component-container .tws-container--tws-newsletter-subscribe {
    background-position-x: -90px;
}


.tws-article-social--share-button.ng-scope.sharer-0 .social.networks-5.left {
    opacity: 1;
}

.tws-article-social--share-button.ng-scope.sharer-0 .social {
    visibility: visible !important;
}

button.btn.btn-default.tws-login--register-button.ng-binding {
    display: none;
}

.tws-kco-payment-method-display--image-format-short {
    max-width: 340px;
}

.slot--component-container .tws-container--tws-content-box, .slot--component-container .tws-container--tws-content-box-2x, .slot--component-container .tws-container--tws-content-box-3x, .slot--component-container .tws-container--tws-content-box-4x {
    padding: 0 0px;
}

/*--Reseller form--*/
label.control-label[for=name]::before {
    content: "Name";
    font-size: 14px;
}

label.control-label[for=name] {
    font-size: 0px;
}

label.control-label[for=email]::before {
    content: "Email address";
    font-size: 14px;
}

label.control-label[for=email]{
    font-size: 0px;
}
label.control-label[for=phone]::before {
    content: "Phone Number (Mandatory)";
    font-size: 14px;
}

label.control-label[for=phone] {
    font-size: 0px;
}
label.control-label[for=subject]::before {
    content: "Website";
    font-size: 14px;
}

label.control-label[for=subject] {
    font-size: 0px;
}
/* Base styling for form elements */
.tws-contact-form {
  max-width: 600px;
  margin: 50px auto;
  padding: 20px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Input field base styling */
.tws-contact-form--form .form-control {
  border: none;
  border-bottom: 1px solid #ccc; /* subtle bottom border */
  padding: 12px 15px;
  font-size: 14px;
  transition: border-bottom-color 0.3s, box-shadow 0.3s;
  background-color: transparent; /* keep the background clean */
}

/* Input field animation on focus */
.tws-contact-form--form .form-control:focus {
  outline: none;
  border-bottom-color: #007bff; /* highlight color */
  box-shadow: 0 1px 0 0 #007bff; /* subtle shadow under the line */
}

/* Label styling */
.tws-contact-form label {
  display: block;
  transition: all 0.3s;
  margin-bottom: 5px;
}

/* Space under each form group */
.form-group {
  margin-bottom: 1.5rem;
}

/* Placeholder styling */
.tws-contact-form--form .form-control::placeholder {
  color: #aaa;
}

/* Button Styling */
.tws-contact-form--submit-btn {
  background-color: #007bff;
  color: white;
  padding: 10px 30px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.3s;
  font-weight: bold; /* Make the button text stand out */
}

/* Button hover effect */
.tws-contact-form--submit-btn:hover {
  background-color: #0056b3;
}

/* Recaptcha styling */
.g-recaptcha {
  margin: 20px 0;
}

/* Clearfix for floated elements */
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}
/*--*/
/* Button styling */
.btn-btn-contact {

padding: 10px 20px;

background-color: #007bff;

color: #fff;

border: none;

border-radius: 17px;

transition: background-color 0.3s, transform 0.3s;

margin-top: 20px;

opacity: 0;

transform: translateY(20px);

animation: fadeInUp 1s forwards; /* Same animation for consistency */

animation-delay: 1s; /* Button appears after the text */
height: 60px;
text-transform: capitalize;
}

.btn-btn-contact:hover {

background-color: #0056b3; /* Darker shade on hover */

transform: scale(1.05); /* Slightly larger on hover */

}

.btn-btn-contact a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}

/* Animations */

@keyframes fadeInUp {

to {

opacity: 1;

transform: translateY(0);

}

}

.fabrikk--contact-heading::before {
    content: "Contact Emma for Retailerlogin";
    font-size: 27px;
}

.fabrikk--contact-heading {
    font-size: 0px;
}
.tws-contact-form--submit-btn span.ladda-label::before {
    content: "Apply to become a reseller";
    font-size: 15px;
}
.tws-contact-form--submit-btn span.ladda-label {
    font-size: 0px;
}