/* ========================================================================
   General
 ========================================================================== */




.font-weight-regular, .regular {
  font-weight: 400;
}



.font-weight-bold, .strong, strong,
strong, b {
font-weight: 600;
}

.font-weight-extra-bold {
font-weight: 800;
}


.uk-panel >:last-child,
.uk-panel >:last-child > p {
 margin-bottom:0
}


.uk-hr,
hr {
 overflow:visible;
 text-align:inherit;
 margin:0 0 35px 0;
 border:0;
 border-top:1px solid #e5e5e7
}

*+.uk-hr,
*+hr {
 margin-top:35px
}

@media (min-width: 1200px) {
.uk-hr,
hr {
 margin:0 0 70px 0;
}

*+.uk-hr,
*+hr {
 margin-top:70px
}
}

.text-shadow {
	text-shadow: 2px 2px 15px rgba(0, 0, 0, 0.6);
}

.text-underline {
  text-decoration: underline !important;
}

.text-transform {
  text-transform: uppercase !important;
}

.no-text-transform {
  text-transform: none !important;
}

p:last-child {
	margin-bottom: 0;
}

p .uk-link, p a {
	 text-decoration: underline;
}


.border-image-radius-bottom-left .el-image {
border-bottom-left-radius: 50px;
}



/* ========================================================================
   Colors
 ========================================================================== */

 .bg-dark h1, .bg-dark h2, .bg-dark h3, .bg-dark h4, .bg-dark p, .bg-dark ul, .bg-dark li {
  color: rgba(255, 255, 255, 1);
}



 
 .white {
  color: rgba(255, 255, 255, 1) !important;
}

 .black {
  color: rgba(0, 0, 0, 1) !important;
}


 .gold {
  color: rgba(186, 151, 101, 1) !important;
}



 .bg-white {
  background-color: rgba(255, 255, 255, 1) !important;
}

 .bg-black {
  background-color: rgba(0, 0, 0, 1) !important;
}


 .bg-gold {
  background-color: rgba(186, 151, 101, 1) !important;
}


 .bg-light-grey {
  background-color: rgba(240, 240, 240 , 1) !important;
}


 .bg-opacity {
  opacity: 0.85 !important;
}




/* ========================================================================
   Logo
 ========================================================================== */

.uk-logo svg .branding-us {
 color: rgba(186, 151, 101, 1);
}

.uk-logo svg .branding-agri {
 color: rgba(0, 0, 0, 1);
}


.uk-logo img,
.uk-logo svg,
.uk-sticky-below .uk-logo img {
  height: 30px;
  width: inherit;
}



@media (min-width: 1200px) {
.tm-header > div:not(.uk-sticky-below) .uk-logo img,
.tm-header > div:not(.uk-sticky-below) .uk-logo svg {
  height: 50px;
}
}







/* ========================================================================
   Lightbox
 ========================================================================== */

@media (max-width:639px) {
.uk-tile-small {
	padding-top: 20px;
	padding-bottom: 20px;
}

}



/* ========================================================================
   Header
 ========================================================================== */

.uk-navbar-container.uk-navbar-sticky{
	background: rgba(186, 151, 101 , 1);
}


.tm-header-mobile .uk-navbar-container,
.tm-header .uk-navbar-container.uk-navbar-sticky {
 padding-top:10px;
 padding-bottom:10px
}



@media (min-width: 960px) {
.tm-header .uk-navbar-container:not(.uk-navbar-sticky) {
 padding-top:40px; 
 padding-bottom:40px
}
}



/* ========================================================================
   Toolbar
 ========================================================================== */

.tm-page {
display: flex;
flex-direction: column;
}

@media (min-width: 960px) and (max-width: 1199px) {
  .tm-page > .tm-toolbar.uk-visible\@l {
    display: flex !important;
    order: -2;
    }
    

}



    .tm-page > .tm-header-mobile {
display: flex;
flex-direction: column;
order: -1;
}



.tm-toolbar {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 1em;
	position: relative;
	background: rgba(255, 255, 255, 1);
	color: rgba(0, 40, 70, 1);
	line-height: 1;
}





.tm-toolbar .toolbar {
padding-left: 25px;
}

.tm-toolbar .toolbar a {
color: rgba(0, 40, 70, 1);
}

.tm-toolbar .toolbar a:hover,
.tm-toolbar .toolbar a:focus,
.tm-toolbar .toolbar a:active {
text-decoration: none;
color: rgba(130, 85, 255, 1);
}

.tm-toolbar .toolbar span.uk-icon {
padding-right: 5px;
}




/* ========================================================================
   Navbar
 ========================================================================== */


@media (min-width: 1200px) {
.uk-navbar-sticky .uk-navbar-nav > li.uk-active > a,
.uk-navbar-sticky .uk-navbar-nav > li:hover > a,
.uk-navbar-sticky .uk-navbar-nav > li:active > a {
	color: #fff;
}

.uk-navbar-sticky .uk-navbar-nav > li.uk-active > a:before,
.uk-navbar-sticky .uk-navbar-nav > li:hover > a:before,
.uk-navbar-sticky .uk-navbar-nav > li:active > a:before {
	background-color: #FFF;
}

}


.uk-navbar-sticky .uk-logo svg .branding-us {
 color: rgba(255, 255, 255, 1);
}


/* ========================================================================
   Grid Stack / alignment change
 ========================================================================== */

@media (min-width: 960px) {
.item-order-alternate > div > div:nth-child(2n) .el-item > div > div:nth-child(2) {
	order: -1;
}
}


@media (max-width: 959px) {
.item-order-alternate .el-item .uk-padding-large {
	padding: 20px 0;
}
}

@media (min-width: 960px) {

.item-order-alternate > div > div:nth-child(2n+1) .el-item > div > div:nth-child(2) .uk-padding-large {
	padding-right: 0;
}

.item-order-alternate > div > div:nth-child(2n) .el-item > div > div:nth-child(2) .uk-padding-large {
	padding-left: 0;
}
}



.item-order-alternate.border-image-radius-bottom-left > div > div:nth-child(2n) .el-item > div .el-image {
border-top-right-radius: 50px;
border-bottom-left-radius: 0;
}


/* ========================================================================
   Grid Background Color Change
 ========================================================================== */


.grid-background-color-change > div > div:nth-of-type(2) .uk-card-default,
.grid-background-color-change > div > div:nth-of-type(3) .uk-card-default {
	  background-color: rgba(186, 210, 95, 1) !important;
}


/* ========================================================================
   Panel-Slider Leistungen
 ========================================================================== */

.panel-slider.leistungen.uk-slider-container {
	overflow: visible;
}

.panel-slider.leistungen.uk-slider-container .uk-slider-items > li {
	opacity: 0;
}

.panel-slider.leistungen.uk-slider-container .uk-slider-items > li.uk-active {
	opacity: 1 !important;
}

.panel-slider.leistungen .el-item > div > div + div > div {
	background-color: rgba(235, 235, 235, 1);
	border-bottom-left-radius: 25px;
}


.panel-slider.leistungen .uk-position-large {
margin: 0 25px;
}

.panel-slider.leistungen .el-slidenav.uk-icon svg{
	width: 12px;
}

.panel-slider.leistungen .el-image {
	  border-top-right-radius: 25px;
}


@media (min-width: 960px) {
.panel-slider.leistungen .el-item > div > div + div > div {
	background-color: rgba(235, 235, 235, 1);
	margin-right: -40px;
}

.panel-slider.leistungen.uk-slider-container .uk-slider-items > li {
	opacity: 0.1;
}

.panel-slider.leistungen .el-item > div > div + div > div {
	border-bottom-left-radius: 50px;
	padding-right: 80px;
}

.panel-slider.leistungen .el-image {
	  border-top-right-radius: 50px;
}


}

@media (min-width: 1200px) {
.panel-slider.leistungen .uk-position-large {
margin: 25px 50px;
}

.panel-slider.leistungen .el-item > div > div + div > div {
	padding-right: 140px;
}

.panel-slider.leistungen .el-item > div > div + div > div {
	margin-right: -70px;
}
}






/* ========================================================================
   Dropbar
 ========================================================================== */

@media (min-width: 1200px) {
.uk-dropbar {
	background: transparent;
}
}


.uk-navbar-dropdown  .uk-card-primary {
	background-color: #002846;
	color: #00ffd7 !important;
}

.uk-navbar-dropdown .uk-card-primary.uk-card-hover:hover {
 color: #002846 !important;		
}	

.uk-navbar-dropdown .uk-card .el-title {
 color: inherit;	
 background-color: inherit ;	
}	

/* ========================================================================
   Scrollbar
 ========================================================================== */

.tm-scrollbar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;

}

@media (max-width: 959px) {
.tm-scrollbar {
  z-index: 1;
}
}

.tm-scrollbar .uk-icon-button {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  height: 50px;
  background: rgba(186, 151, 101 , 1);
  line-height: 40px;
  color: rgba(0, 50, 74, 1);
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  transition-timing-function: ease;
  line-height: 50px;
  border-radius: 0;
  border: none;
}





.tm-scrollbar .uk-hidden\@m .uk-icon-button:nth-child(n+2) {
	border-left: 1px solid #FFF;
}

.tm-scrollbar .uk-visible\@m .uk-icon-button:nth-child(n+2) {
	margin-top: 20px;
}


@media (min-width: 960px) {
	
.tm-scrollbar .uk-icon-button {
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 22px;
border-bottom-left-radius: 25px;
text-align: center;
}



.tm-scrollbar .uk-icon-button:hover,
.tm-scrollbar .uk-icon-button:focus,
.tm-scrollbar .uk-icon-button:active {
  background: rgba(186, 151, 101 , 1);
  color: rgba(0, 40, 70, 1);
  /* 2 */
  outline: none;
  transform: none;
   text-decoration: none;
   border-bottom-left-radius: 0;
}


.tm-scrollbar .uk-icon-button > svg {
	fill: #fff;
}

.tm-scrollbar .uk-icon-button:hover  > svg,
.tm-scrollbar .uk-icon-button:focus  > svg,
.tm-scrollbar .uk-icon-button:active > svg {
fill: #00324a;
}	
	
.tm-scrollbar {
  position: fixed;
  top: 50%;
  right: 0;
  left: auto;
  bottom: 50%;
  width: 70px;
  padding-right: 0;
  background-color: 003399;
  display: flex;
  align-items: center;

}

.tm-scrollbar .uk-icon-envelope {
	 font-size: 35px;
}	

.tm-scrollbar .uk-icon-button > svg {
	width: 60px;
}
	
}




@media (max-width: 959px) {
.tm-scrollbar .uk-panel {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}
/*
 * Hover
 * 1. Apply hover style also to focus state
 * 2. Remove default focus style
 */
.tm-scrollbar .uk-icon-button:hover,
.tm-scrollbarr .uk-icon-button:focus,
.tm-scrollbar .uk-icon-button:active {
  background-color: rgba(0, 50, 74, 1);
  color: rgba(255, 255, 255, 1);
  /* 2 */
  outline: none;
  transform: none;
  text-decoration: none;
}

.tm-scrollbar .uk-icon-button:hover  > svg,
.tm-scrollbar .uk-icon-button:focus  > svg,
.tm-scrollbar .uk-icon-button:active > svg {
fill: #FFF;
}		

.tm-scrollbar .uk-icon-button > svg {
	width: 45px;
}	
}	

/* ========================================================================
   Tooltip
 ========================================================================== */

 .uk-tooltip.scrollbar-tooltip {
  line-height: 1.3em;
  text-align: center;
border-bottom-left-radius: 25px;
height: 70px;
display: inline-flex !important;
align-items: center;
font-size: 1em;
font-weight: 700;
background: rgba(186, 151, 101 , 1);
}






/* ========================================================================
   Modal
 ========================================================================== */

.uk-modal-dialog,
.uk-modal-header {
	border-top-left-radius: 25px;
}


.uk-modal-header svg {
	max-width: 80px;
}


.uk-modal-body {
	font-size: 0.85em;
	line-height: 1.5em;
}


.uk-modal-close {
  /* 1 */
  -webkit-appearance: none;
  /* 2 */
  margin: 0;
  /* 3 */
  border: none;
  /* 4 */
  overflow: visible;
  /* 5 */
  font: inherit;
  color: rgba(255, 255, 255, 1);
  /* 6 */
  text-transform: none;
  /* 7. */
  padding: 0;
  background: transparent;
  /* 8 */
  display: inline-block;
  box-sizing: content-box;
  width: 30px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  opacity: 1;
  font-size: 15px;
  -webkit-transition: all 0.15s ease;
  transition: all 0.15s ease;
  position: absolute;
  right: 5px;
  top: 5px;
}


.uk-modal-close:hover,
.uk-modal-close:focus {
  opacity: 1;
  /* 2 */
  outline: none;
  /* 3 */
  color: rgba(255, 255, 255, 1);
  text-decoration: none;
  cursor: pointer;
}

.uk-modal-close:hover {
 -webkit-transform: scale(1.4);
  transform: scale(1.4);
}


/* ========================================================================
   Kontaktmodal
 ========================================================================== */

.contakt-items img {
	max-width: 150px;
}


.contakt-modal .uk-card-secondary {
	background-color: rgba(0, 255, 215, 0.2);
	border-top-left-radius: 50px;
	color: #002846;
}

.contakt-modal .uk-card-small .uk-card-body, 
.contakt-modal .uk-card-small.uk-card-body {
	padding-top: 0;
}


/* ========================================================================
   To Top Scroller
 ========================================================================== */

.uk-totop {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	line-height: 20px;
	position: relative;
	top: -20px;
	box-sizing: border-box;
}





/* ========================================================================
   Footer
 ========================================================================== */

.footer-subnav ul.uk-subnav {
 justify-content:center;
}


@media (max-width: 959px) {
.footer.uk-section-small {
padding-bottom: 60px;
}
.uk-subnav > * {
	height: 30px;
}
}



/* ========================================================================
   Formular
 ========================================================================== */
 
@media (min-width:1200px) {
	
  .uk-form .uk-grid {
  margin-left: -20px
 }
  .uk-form .uk-grid > * {
  padding-left: 20px
 }		
 .uk-form * + .uk-grid-margin,
 .uk-form .uk-grid + .uk-grid,
 .uk-form .uk-grid > .uk-grid-margin {
  margin-top: 20px
 }
}




 fieldset {
	border: 0 none;
	margin: 0;
	padding: 0;
}

uk-form :-ms-input-placeholder {
    text-transform: none;
letter-spacing: 0;
font-size: 0.85em;
}
.uk-form ::-moz-placeholder {
    text-transform: none;
letter-spacing: 0;
font-size: 0.85em;
}
.uk-form ::-webkit-input-placeholder {
    text-transform: none;
letter-spacing: 0;
font-size: 0.85em;
}
.uk-form select {
    text-transform: none;
letter-spacing: 0;
font-size: 0.85em !important;
}
 
.uk-form input[type="radio"]::before, .uk-form input[type="checkbox"]::before {
	display: block;
}

.uk-form :-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5)!important;
}
.uk-form ::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.uk-form ::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.uk-form :disabled:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5) !important;
}
.uk-form :disabled::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.uk-form :disabled::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
/*
 * Placeholder Danger
 */


.uk-form .uk-form-danger:-ms-input-placeholder {
   color: rgba(211, 52, 75, 1) !important;
}
.uk-form .uk-form-danger::-moz-placeholder {
   color: rgba(211, 52, 75, 1) !important;
}
.uk-form .uk-form-danger::-webkit-input-placeholder {
   color: rgba(211, 52, 75, 1) !important;
}
.uk-form .uk-form-danger:disabled:-ms-input-placeholder {
   color: rgba(211, 52, 75, 1) !important;
}
.uk-form .uk-form-danger:disabled::-moz-placeholder {
   color: rgba(211, 52, 75, 1) !important;
}
.uk-form .uk-form-danger:disabled::-webkit-input-placeholder {
   color: rgba(211, 52, 75, 1) !important;
}


.uk-form select, .uk-form textarea, .uk-form input:not([type]), .uk-form input[type="text"], .uk-form input[type="password"], .uk-form input[type="datetime"], .uk-form input[type="datetime-local"], .uk-form input[type="date"], .uk-form input[type="month"], .uk-form input[type="time"], .uk-form input[type="week"], .uk-form input[type="number"], .uk-form input[type="email"], .uk-form input[type="url"], .uk-form input[type="search"], .uk-form input[type="tel"], .uk-form input[type="color"] {
  border: none;
  background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
  color: rgba(0, 0, 0, 1);
  padding: 15px;
  min-height: 50px;
  font-weight: 400;
  border-radius: 25px;
  border: 1px solid #00324a;
  width: 100%;
  font-size: 1em;
  line-height: 1em;
  box-sizing: border-box;
}



.uk-form select:focus,
.uk-form textarea:focus,
.uk-form input:not([type]):focus,
.uk-form input[type="text"]:focus,
.uk-form input[type="password"]:focus,
.uk-form input[type="datetime"]:focus,
.uk-form input[type="datetime-local"]:focus,
.uk-form input[type="date"]:focus,
.uk-form input[type="month"]:focus,
.uk-form input[type="time"]:focus,
.uk-form input[type="week"]:focus,
.uk-form input[type="number"]:focus,
.uk-form input[type="email"]:focus,
.uk-form input[type="url"]:focus,
.uk-form input[type="search"]:focus,
.uk-form input[type="tel"]:focus,
.uk-form input[type="color"]:focus {
  outline: 0;
  background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
  color: rgba(0, 0, 0, 1);
  border-color: rgba(186, 151, 101, 1) !important;
}



.uk-form  .uk-input, .uk-form  .uk-select:not([multiple]):not([size]) {
	border-bottom: 1px solid rgba(180, 180, 180, 1);
}


.uk-form input[type="radio"]:checked::before {
	content: '';
	width: 14px;
	height: 14px;
	margin: 1px auto 0;
	border-radius: 50%;
	background: rgba(0, 255, 215, 1);
}


.uk-form input[type="radio"], .uk-form input[type="checkbox"] {
	display: inline-block;
	height: 18px;
	width: 18px;
	overflow: hidden;
	margin-top: -4px;
	vertical-align: middle;
	-webkit-appearance: none;
	outline: 0;
	background: rgba(255, 255, 255, 1);
}


.uk-form input[type="radio"], .uk-form input[type="checkbox"] {
	border: 1px solid rgba(180, 180, 180, 1);
}



.uk-form  {
	text-align: left;
}

.uk-form input[type="radio"], .uk-form input[type="checkbox"] {
	margin-right: 5px;
}

.uk-form label + label {
	margin-left: 30px;
}

@media (max-width: 959px) {
.uk-form label + label {
	margin-left: 0;
	display: block;
}
}


label.uk-form-danger {
  background: none !important;
  border: none !important;
  color: inherit !important;
}

strong.formRequired {
	font-weight: 400;
    font-family: 'Noto Serif', serif;
	margin-left: 5px;
}

.formError {
	color: #CF4D4D;
	font-weight: normal;
	font-size: 0.9em;
	display: block;
}


.success {
  background-color: rgba(153, 204, 153, 1) !important;
  border: none;
}



.uk-form-label {
	font-size: 14px;
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0.02em;
}

.uk-form-stacked .uk-form-label {
	display: block;
	margin-bottom: 0;
	font-weight: 400;
}



 .uk-form label.uk-form-danger > span.note {
  color: rgba(211, 52, 75, 1) !important;
} 

.uk-form label > span.note,
p.privacy-policy-information {
	font-size: 0.7em;
	line-height: 1.5em;
	font-weight: 400;
	color: rgba(150, 150, 150, 1);
}




.uk-form-danger-intro {
	border: 1px solid rgba(211, 52, 75, 1) !important;
	background: rgba(255, 205, 205, 0.3) !important;
	color: rgba(211, 52, 75, 1) !important;
	background-image: none !important;
	padding: 10px;
	margin-bottom: 25px;
}

.uk-form-danger {
	border: 1px solid rgba(211, 52, 75, 1) !important;
	background: rgba(255, 205, 205, 0.3) !important;
	color: rgba(211, 52, 75, 1) !important;
	background-image: none !important;
}



 .uk-form .uk-button.rsfp-field-multiple-plus-button {
  margin: 10px 0;
  font-size: 0.8em;
  background-color: rgba(220, 220, 220, 1);
  color: rgba(0, 40, 70, 1);
  border: none;
} 

 .uk-form .uk-button.rsfp-field-multiple-plus-button::before {
	content: "\f067";
	font-family: FontAwesome;
display: inline-block;
font-weight: 400;
font-style: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding-right: 5px;
}



.uk-form .uk-grid.uk-margin-no-margin .uk-margin {
	margin-bottom: 0!important;
	margin-top: 0!important;
}


@media (max-width: 959px) {
.uk-form .uk-grid > div + div {
  margin-top: 25px;
}
}


.rsfp_thankyou_popup_inner {
	padding: 0 !important;
}







.rsfp_thankyou_popup_inner {
	width: inherit !important;
	max-width: 600px;
}



.rsfp_thankyou_popup_outer {
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99999;
	background: rgba(0, 40, 70, 0.85);
}


.rsfp_thankou_popup_close_btn {
	position: absolute;
	top: -55px;
	font-size: 40px;
	cursor: pointer;
	color: rgba(255, 255, 255, 1);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	transition: .1s ease-in-out;
}

.rsfp_thankou_popup_close_btn:hover {
	transform: scale(1.2);
}



/* Captcha Styling */

.rsform-type-captcha img {
	display: block;
}

.rsform-type-captcha input[type="text"] {
	max-width: 50%;
	float: left;
}

.rsform-type-captcha a.rsform-captcha-refresh-button {
	margin-left: 15px;
	line-height: 45px;
height: 50px;
border-width: 1px;
}


@media (min-width: 640px) {
.rsform-type-captcha input[type="text"] {
	max-width: 20%;
}	
}	



/* Fix Select Menu */


.uk-form select {
	 color: rgba(0, 0, 0, 0.5);
}



.hidden-label .uk-form-stacked .uk-form-label {
	display: none;
	visibility: hidden;
}




/***************
   Checkboxes
***************/
/* CUSTOM CSS CHECKBOXES */

/* Remove default checkbox */
.uk-form [type="checkbox"]:not(:checked), .uk-form [type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
  visibility: hidden; }

.uk-form [type="checkbox"] {
  /* checkbox aspect */ }
  [type="checkbox"] + label {
    position: relative;
    padding-left: 40px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    -webkit-user-select: none;
    /* webkit (safari, chrome) browsers */
    -moz-user-select: none;
    /* mozilla browsers */
    -khtml-user-select: none;
    /* webkit (konqueror) browsers */
    -ms-user-select: none;
    /* IE10+ */ }
.uk-form [type="checkbox"] + label:before {
    content: '';
    background-color: rgba(255, 255, 255, 1);
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 0;
    border: 1px solid rgba(120, 120, 120, 1);
    border-radius: 1px;
    margin-top: 1px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s; }
 .uk-form [type="checkbox"]:not(:checked):disabled + label:before {
    border: none;
    background-color: rgba(0, 0, 0, 0.26); }

.uk-form [type="checkbox"]:checked + label:before {
  background: none;
  top: -4px;
  left: -3px;
  width: 12px;
  height: 22px;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid rgba(186, 210, 95, 1) ;
  border-bottom: 1px solid rgba(186, 210, 95, 1) ;
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }
.uk-form [type="checkbox"]:checked:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.26);
  border-bottom: 2px solid rgba(0, 0, 0, 0.26); }

/* Indeterminate checkbox */
.uk-form [type="checkbox"]:indeterminate + label:before {
  left: -10px;
  top: -11px;
  width: 10px;
  height: 22px;
  border-top: none;
  border-left: none;
  border-right: 2px solid #019dd6;
  border-bottom: none;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-backface-visibility: hidden;
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }
.uk-form [type="checkbox"]:indeterminate:disabled + label:before {
  border-right: 2px solid rgba(0, 0, 0, 0.26);
  background-color: transparent; }

.uk-form [type="checkbox"].filled-in + label:after {
  border-radius: 2px; }
.uk-form [type="checkbox"].filled-in + label:before, [type="checkbox"].filled-in + label:after {
  content: '';
  left: 0;
  position: absolute;
  /* .1s delay is for check animation */
  transition: border .25s, background-color .25s, width .2s .1s, height .2s .1s, top .2s .1s, left .2s .1s;
  z-index: 1; }
.uk-form [type="checkbox"].filled-in:not(:checked) + label:before {
  width: 0;
  height: 0;
  border: 3px solid transparent;
  left: 6px;
  top: 10px;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 20% 40%;
  transform-origin: 100% 100%; }
.uk-form [type="checkbox"].filled-in:not(:checked) + label:after {
  height: 20px;
  width: 20px;
  background-color: transparent;
  border: 2px solid #5a5a5a;
  top: 0px;
  z-index: 0; }
.uk-form type="checkbox"].filled-in:checked + label:before {
  top: 0;
  left: 1px;
  width: 8px;
  height: 13px;
  border-top: 2px solid transparent;
  border-left: 2px solid transparent;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotateZ(37deg);
  transform: rotateZ(37deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }
.uk-form [type="checkbox"].filled-in:checked + label:after {
  top: 0px;
  width: 20px;
  height: 20px;
  border: 2px solid #019dd6;
  background-color: #019dd6;
  z-index: 0; }
.uk-form [type="checkbox"].filled-in:disabled:not(:checked) + label:before {
  background-color: transparent;
  border: 2px solid transparent; }
.uk-form [type="checkbox"].filled-in:disabled:not(:checked) + label:after {
  border-color: transparent;
  background-color: #BDBDBD; }
.uk-form [type="checkbox"].filled-in:disabled:checked + label:before {
  background-color: transparent; }
.uk-form [type="checkbox"].filled-in:disabled:checked + label:after {
  background-color: #BDBDBD;
  border-color: #BDBDBD; }