@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700);

.km-green {
	color: #5fc2cd;
}

.km-grey {
	color: #939598;
}

.km-grey-dark {
	color: #676767;
}

.km-dark {
	color: #13202e;
}

.km-white {
	color: #ffffff;
}

.km-red {
	color: #ff0000;
}

.km-upper {
	text-transform: uppercase;
}

.km-meta {
	font-style: italic;
}

.km-padding-top {
	padding-top: 20px;
}

.km-padding {
	padding-top: 20px;
	padding-bottom: 20px;
}

.km-padding-large {
	padding-top: 40px;
	padding-bottom: 40px;
}

.km-padding-large-top {
	padding-top: 40px;
}

.km-large-green-border {
	border: 14px solid #5fc2cd;
}

.km-grey-top-border {
	border-top: 14px solid #939598;
}

.km-green-top-border {
	border-top: 14px solid #5fc2cd;
}

.km-font1 {
	font-family: "Source Sans Pro";
}

.km-background-white {
	background: #ffffff;
	color: #939598;
}

.km-faded-bg {
	background-image: url('/images/logo/logo-icon-faded.png');
	background-repeat: no-repeat;
}

.km-faded-bg2 {
	background-image: url('/images/bg/faded-icon-kettlebells.jpg');
	background-repeat: no-repeat;
}

.km-animation-8 {
	animation-duration: 8s;
}

.km-twitter .uk-article-meta {
	display:none;
}

.km-twitter .uk-margin {
	margin-top: 0;
}

.km-video-height {
    height: 300px;
}

.km-video {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.km-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
} 

/* Logo size for centered navigation */
.tm-navbar-center [class*='tm-logo'] { transform: none; }

.tm-navbar-center .tm-navbar-container {
	height: 80px;
}

.tm-navbar-center .tm-nav {
	margin-top: 0;
}

.uk-article-lead {
	line-height: 34px;
}

.uk-block-secondary .uk-icon-button:hover, .uk-block-secondary .uk-icon-button:focus {
	color: #5fc2cd;
}

.uk-panel-box {
	border-radius: 0;
}

.uk-panel-box-secondary {
	border: none;
}

.tm-block-toolbar .tm-toolbar-container {
	min-height: 34px;
}

.tm-block-toolbar {
	background: #e9e9e9;
	border-bottom: none;
}

/* ZOO CLASSES START */

.blog-uikit {
	margin-bottom: 40px;
}

/* ZOO CLASSES END */


/* CHAT BUBBLE START */

/* container */
.container {
  padding: 5% 5%;
}

/* CSS talk bubble */
.talk-bubble {
	margin: 0;
  display: inline-block;
  position: relative;
	width: auto;
	height: auto;
	background-color: #e7e7e7;
}

/* Right triangle placed top left flush. */
.tri-right.border.left-top:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: -40px;
	right: auto;
  top: -8px;
	bottom: auto;
	border: 32px solid;
	border-color: #666 transparent transparent transparent;
}
.tri-right.left-top:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: -20px;
	right: auto;
  top: 0px;
	bottom: auto;
	border: 22px solid;
	border-color: #e7e7e7 transparent transparent transparent;
}

/* Right triangle, left side slightly down */
.tri-right.border.left-in:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: -40px;
	right: auto;
  top: 30px;
	bottom: auto;
	border: 20px solid;
	border-color: #666 #666 transparent transparent;
}
.tri-right.left-in:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: -20px;
	right: auto;
  top: 38px;
	bottom: auto;
	border: 12px solid;
	border-color: #e7e7e7 #e7e7e7 transparent transparent;
}

/*Right triangle, placed bottom left side slightly in*/
.tri-right.border.btm-left:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: -8px;
  right: auto;
  top: auto;
	bottom: -40px;
	border: 32px solid;
	border-color: transparent transparent transparent #666;
}
.tri-right.btm-left:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 0px;
  right: auto;
  top: auto;
	bottom: -20px;
	border: 22px solid;
	border-color: transparent transparent transparent #e7e7e7;
}

/*Right triangle, placed bottom left side slightly in*/
.tri-right.border.btm-left-in:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 30px;
  right: auto;
  top: auto;
	bottom: -40px;
	border: 20px solid;
	border-color: #666 transparent transparent #666;
}
.tri-right.btm-left-in:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	left: 38px;
  right: auto;
  top: auto;
	bottom: -20px;
	border: 12px solid;
	border-color: #e7e7e7 transparent transparent #e7e7e7;
}

/*Right triangle, placed bottom right side slightly in*/
.tri-right.border.btm-right-in:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: 30px;
	bottom: -40px;
	border: 20px solid;
	border-color: #666 #666 transparent transparent;
}
.tri-right.btm-right-in:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: 38px;
	bottom: -20px;
	border: 12px solid;
	border-color: #e7e7e7 #e7e7e7 transparent transparent;
}
/*
	left: -8px;
  right: auto;
  top: auto;
	bottom: -40px;
	border: 32px solid;
	border-color: transparent transparent transparent #666;
	left: 0px;
  right: auto;
  top: auto;
	bottom: -20px;
	border: 22px solid;
	border-color: transparent transparent transparent #e7e7e7;

/*Right triangle, placed bottom right side slightly in*/
.tri-right.border.btm-right:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: -8px;
	bottom: -40px;
	border: 20px solid;
	border-color: #666 #666 transparent transparent;
}
.tri-right.btm-right:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: 0px;
	bottom: -20px;
	border: 12px solid;
	border-color: #e7e7e7 #e7e7e7 transparent transparent;
}

/* Right triangle, right side slightly down*/
.tri-right.border.right-in:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: -40px;
  top: 30px;
	bottom: auto;
	border: 20px solid;
	border-color: #666 transparent transparent #666;
}
.tri-right.right-in:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: -20px;
  top: 38px;
	bottom: auto;
	border: 12px solid;
	border-color: #e7e7e7 transparent transparent #e7e7e7;
}

/* Right triangle placed top right flush. */
.tri-right.border.right-top:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: -40px;
  top: -8px;
	bottom: auto;
	border: 32px solid;
	border-color: #666 transparent transparent transparent;
}
.tri-right.right-top:after{
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
  left: auto;
	right: -20px;
  top: 0px;
	bottom: auto;
	border: 20px solid;
	border-color: #e7e7e7 transparent transparent transparent;
}

/* talk bubble contents */
.talktext{
  padding: 1em;
	text-align: left;
  line-height: 1.5em;
}
.talktext p{
  /* remove webkit p margins */
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
}

/* CHAT BUBBLE END */




/* EXTRA GRID CLASSES START */

.uk-grid-width-1-7 > * { width: 14.258%; }

@media (min-width: 480px) {  
    .uk-grid-width-small-1-7 > * { width: 14.258%; }  
}  
@media (min-width: 768px) {  
    .uk-grid-width-medium-1-7 > * { width: 14.258%; }  
}

@media (min-width: 960px) {  
    .uk-grid-width-large-1-7 > * { width: 14.258%; }  
}  
@media (min-width: 1220px) {  
    .uk-grid-width-xlarge-1-7 > * { width: 14.258%; }  
}  

.uk-width-1-7 { width: 14.258%; }  

@media (min-width: 480px) {  
    .uk-width-small-1-7 { width: 14.258%; }  
}

@media (min-width: 768px) {  
    .uk-width-medium-1-7 { width: 14.258%; }  
}

@media (min-width: 960px) {  
    .uk-width-large-1-7 { width: 14.258%; }  
}

@media (min-width: 768px) {  
    .uk-push-1-7 { left: 14.258%; }  
    .uk-pull-1-7 { left: -14.258%; }  
}

/* EXTRA GRID CLASSES END */

/* RESPONSIVE ELEMENTS START */

@media (max-width: 480px) {

}

@media (min-width: 481px) and (max-width: 767px) {

}

@media (max-width: 767px) {
	.km-hero-text {
		font-size: 28px;
		line-height: 36px;
	}
}

@media (min-width: 768px) {
  	
}

@media (min-width: 768px) and (max-width: 959px) {
	.km-hero-text {
		font-size: 44px;
		line-height: 50px;
	}
	.km-hero-height2 {
		height: 280px;
	}
}

@media (max-width: 959px) {

}

@media (min-width:960px) {
	.km-hero-text {
		font-size: 55px;
		line-height: 60px;
	}
	.km-hero-height2 {
		height: 280px;
	}
}

@media (min-width: 960px) and (max-width: 979px) {

}

@media (min-width: 960px) and (max-width: 1078px) {

}

/* RESPONSIVE ELEMENTS END */