.social-icons .el-link {border-color: rgba(255, 255, 255, 0.6)!important;}
.social-icons .el-link:hover {border-color: rgba(255, 255, 255, 1)!important;}



input.uk-form-danger + .slider {
    border-color: red!important}

@keyframes uk-shake {
 0%, 100% { transform: translateX(0); }
 10% { transform: translateX(-9px); }
 20% { transform: translateX(8px); }
 30% { transform: translateX(-7px); }
 40% { transform: translateX(6px); }
 50% { transform: translateX(-5px); }
 60% { transform: translateX(4px); }
 70% { transform: translateX(-3px); }
 80% { transform: translateX(2px); }
 90% { transform: translateX(-1px); }
}
input.uk-form-danger+span, 
input.uk-form-danger+span:before {
 border-color: red;
 animation-duration: .5s;
 animation-timing-function: ease-out;
 animation-fill-mode: both;
 animation-name: uk-shake;
}

.switch {
 --secondary-container: #374151;
 --primary: #fff;
 font-size: 17px;
 position: relative;
 display: inline-block;
 width: 50px;
 height: 20px;
}

.switch input {
 display: none;
 opacity: 0;
 width: 0;
 height: 0;
}

.slider {
 position: absolute;
 cursor: pointer;
 top: 0;
 left: -3px;
 right: 0;
 bottom: 0;
 background-color: #fff;
 transition: .2s;
 border-radius: 30px;
 border:1px solid #9da3ae;
 width: 44px;    
}

.slider:before {
 position: absolute;
 content: "";
 height: 12px;
 width: 12px;
 border-radius: 20px;
 left: 3px;
 bottom: 3px;
 background-color: #374151;
 transition: .4s;
}

input:checked + .slider::before {
 background-color: var(--primary);
}

input:checked + .slider {
 background-color: var(--secondary-container);
        border:1px solid #394150
}

input:focus + .slider {
 box-shadow: 0 0 1px var(--secondary-container);
}

input:checked + .slider:before {
 transform: translateX(1.5em);
}

.uk-form-danger + .tm-error {
    display: block;
}
.tm-error {
  z-index: 1;
  margin: 1px 0;
  position: absolute;
  font-size: 14px;
  color: #fff;
  background: #3344ba;
  padding: 10px;
  display: none;
}


.rf-req {
    position: relative;
    display: inline-block;
    width: 100%;
}
.rf-req::after {
  content: '*';
  color: red;
  position: absolute;
  z-index: 1;
  right: 6px;
  top: 1px;
}

@media only screen 
  and (min-width: 791px) 
  and (max-width: 1279px)
 {
	.uk-logo img {width:180px}
	.uk-navbar-container .uk-navbar li a {font-size:18px}
}