@font-face {
    font-family: 'brown-regular';
    src: url('../fonts/BrownStd-Regular.woff2');
    }

@font-face {
    font-family: 'Graphik-regular';
    src: url('../fonts/Graphik-Regular-Web.woff');
    }

.uk-bigger {
	font-size: 1.6em;
	letter-spacing: 3px; 
}
.uk-smaller {
	font-size: 0.5em;
}

.uk-white {
	color: #FFF !important;
}


#progressBar {top:50px !important;}

.blog_article_overview {}

.uk-light #searchicon  {color:#FFF;} 
.uk-dark #searchicon  {color:#000;} 

.uk-logo  {}

/* .uk-navbar-container.uk-dark{background-color: rgba(0,0,0,0.2)!important;} */
body.hub .uk-navbar-container.uk-dark{background-color: rgba(0,0,0,0.0)!important;}

.uk-navbar-container.uk-dark{border-bottom: 0px solid #dadada;}


ul.uk-nav-sub ul ul li a {font-size: 0.8em !important; margin: -10px; letter-spacing: 0px; color: grey!important}
ul.uk-nav-sub ul ul li a:hover, 
li.uk-active .uk-parent a:hover 
 {color:rgba(177,148,95,.7)!important}
 
ul.uk-nav-sub ul ul {margin-bottom: 10px; }

.kcfilterblock {
	padding-bottom: 50px;
}

h1.latestvideos {font-size: 1.5em;}
}

/*blur image on class detail*/
div.mediakcbox {
	overflow: hidden !important;

}

img#mediakcmain {
	filter: blur(8px);
	-webkit-filter: blur(8px);
	overflow: hidden;
}


@media (min-width:960px) {
	.uk-section {
		padding-top: 30px
	}
}

@media(max-width: 1040px) {
	.uk-h3 {
		font-size: 30px;
	}
}

@media(max-width: 640px) {
	.uk-h3 {
		font-size: 20px;
	}
	
	.uk-grid-margin {
		margin-top: 10px !important;
	}
}

hr.hrExercise {
	margin: 0 auto
}

#listform_4_mod_fabrik_list_102 select {
	height: 37px; 
	background: #000!important; 
	text-align-last: center; 
	-ms-text-align-last: center;
	-moz-text-align-last: center;
	color: #FFFFFF; font-weight: 
	bolder; font-family: "Montserrat" !important; 
	letter-spacing: 2px;
	border-radius: 0;
	-webkit-appearance: none;
	text-align: center;


}

input[type="search"] {
  -webkit-appearance: none;
}
}
hr.hrTraining {margin: 5px 0; max-width:598px}
.training-data {max-width: 598px;}

.titleblock {
	background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0,0,0,1) 60%, rgba(0,0,0,0) 100%);
	padding-bottom: 40px;}

@media (min-width: 768px)
{
	.trainings-title,
	.trainings-props,
	.trainings-focus,
	.trainings-duration {
		transform:rotate(180deg);
		writing-mode: vertical-rl;
		padding: 0;
		margin: 0;
	}
	
	.trainings-props {
		padding-bottom: 1em;
		font-size: 0.8em;
	}
	
	.trainings-duration {
		padding: 2em 0.5em 1em 0;
		margin: 0;
		border-top: 2px solid #fff;
	}
	
	.trainings-focus {
		padding: 0 0.5em 0 0;
		margin: 0;
		border-right: 2px solid #fff;
	}
}

@media(max-width: 640px) {
	.trainings-focus > span {
		padding-right: 1em !important;
	}
	
	.trainings-duration {
		padding-left: 1em;
		border-left: 2px solid #fff;
	}
}
 
.ordering {padding: 10px 0 8px 0; border-bottom: 1px solid #000;}
select.fabrik_filter {border: none !important; appearance: none; background: #f0ede6 url(https://www.kcmove.com/images/yootheme/chevron-down-closed.svg) no-repeat 95% center !important; background-size: 4% !important;}
.fabinput {border-bottom: 1px solid #000;}
.fabinput input, input[type="text"]:not([class*="uk-"]) {border:none; background: none;}
.fabrik___rowlink {text-decoration: none;}



/* subscription offer layout */ 
.hubsubmonthly,
.hubsubyearly {
	border: 3px solid #FFFFFF!important;
  	box-shadow: -10px -10px #FFF;
  	background-color: #151313;
}

.hubsubmonthly h3.uk-card-title, 
.hubsubyearly h3.uk-card-title  {
	margin-bottom: 10px !important;
	padding-top: 20px;
	letter-spacing: 1px;
}
.hubsubmonthly p,
.hubsubyearly p {
	margin: 2px !important;

}
.hubsubyearly .uk-label{
	background: #FFF!important;
  	color: #000!important;
  	position: absolute;
  	right: 0px;
  	top:10px;
}
a.hubsubcard {text-decoration: none !important;}

@media only screen and (max-width: 600px) {
.hubsubtitle {
   font-size: 14px !important;
   color:#000 !important;
   font-weight: bold!important;
  }
}


.uk-nav-primary>li>a.login {
font-weight: bold;
color: #b1945f;
font-size: 0.8em;
letter-spacing: 5px;
}

.uk-nav-primary>li>a.logout {
font-weight: bold;
font-size: 0.8em;
letter-spacing: 5px;
}

#fab_users___consent_data_for_health .checkbox,
#fab_users___agree_marketing .checkbox{
	padding-left: 0px;
}

#fab_users___consent_data_for_health span,
#fab_users___agree_marketing span{
	padding-left: 10px;
}

.btn-large, .uk-button-large  {
    line-height: 29px !important;
    padding: 10px 40px;
}
.btn, .uk-button-default { 
    line-height: 29px !important;
    padding: 5px 40px;
}

/*Exam forms*/
#form_2 legend,
#form_14 legend,
#form_19 legend {display: none;}

#form_2 label.control-label,
#form_14 label.control-label,
#form_19 label.control-label {font-weight: bold;margin-bottom: 25px; }

#form_2 .fabrikElement,
#form_14 .fabrikElement,
#form_19 .fabrikElement {padding:20px 0px 50px 0px ;}


#form_2 label.radio span,
#form_2 label.checkbox span,
#form_14 label.radio span,
#form_14 label.checkbox span,
#form_19 label.radio span,
#form_19 label.checkbox span {
	padding-left: 10px;
}

#form_2.uk-checkbox:not(:disabled),
#form_2 .uk-radio:not(:disabled),
#form_2 input[type=checkbox]:not([class*=uk-]):not(:disabled),
#form_2 input[type=radio]:not([class*=uk-]):not(:disabled),
#form_14.uk-checkbox:not(:disabled),
#form_14 .uk-radio:not(:disabled),
#form_14 input[type=checkbox]:not([class*=uk-]):not(:disabled),
#form_14 input[type=radio]:not([class*=uk-]):not(:disabled),
#form_19.uk-checkbox:not(:disabled),
#form_19 .uk-radio:not(:disabled),
#form_19 input[type=checkbox]:not([class*=uk-]):not(:disabled),
#form_19 input[type=radio]:not([class*=uk-]):not(:disabled) {
    cursor: pointer;
    border: solid 1px #000;
}

#form_2 .fb_el_fab_exam_the_core___CE13_image,
#form_2 .fb_el_fab_exam_the_core___CE29_image { margin-top:-40px; max-width: 600px;}

#form_14 .fb_el_fab_exam_the_core___CE21_image,
#form_14 .fb_el_fab_exam_the_core___CE27_image,
#form_14 .fb_el_fab_exam_the_core___CE30_image { margin-top:-40px; max-width: 600px;}

#form_14 .fb_el_fab_exam_neck_back_spine___CE40_image,
#form_14 .fb_el_fab_exam_neck_back_spine___CE51_image { margin-top:-40px; max-width: 600px;}

#app .base-timer {
  position: relative;
  width: 150px;
  height: 150px;
}

#app .base-timer__svg {
  transform: scaleX(-1);
}

#app .base-timer__circle {
  fill: none;
  stroke: none;
}

#app .base-timer__path-elapsed {
  stroke-width: 7px;
  stroke: grey;
}

#app .base-timer__path-remaining {
  stroke-width: 7px;
  stroke-linecap: round;
  transform: rotate(90deg);
  transform-origin: center;
  transition: 1s linear all;
  fill-rule: nonzero;
  stroke: currentColor;
}

#app .base-timer__path-remaining.green {
  color: rgb(65, 184, 131);
}

#app .base-timer__path-remaining.orange {
  color: orange;
}

#app .base-timer__path-remaining.red {
  color: red;
}