/* @override 
	http://powerprobeta.com/preview/eco/templates/yootheme_child/css/custom.css?*
	http://powerprobeta.com/preview/ecob1/templates/yootheme_child/css/custom.css?*
	http://www.ecowds.com/templates/yootheme_child/css/custom.css?* */


em {
	color: inherit;
}
strong {
	font-weight: 700;
}
iframe {
	max-width: 100%;
}

.home .uk-breadcrumb {
	display: none;
}
/* Footer Menu */
.uk-text-center .uk-subnav {
	justify-content: center;
}
.copyright .uk-subnav>* {
	max-width: 100%;
}

.uk-offcanvas li img {
	display: none;
}
.uk-offcanvas-bar .uk-nav-default .uk-nav-header {
	color: #444;
}

@media (max-width: 960px) {
	.uk-logo img {
		max-height: 70px;
	}
}

.blue {
	color: #1561dc;
}

.productslide.uk-slideshow .uk-slideshow-items,
.productslide.uk-slideshow .uk-slideshow-items li {
	overflow: visible;
}
.productslide.uk-slideshow .uk-slideshow-items li div .el-overlay {
	bottom: -70px;
}
.customtip {
  position: relative;
  display: inline-block;
}
.customtip .tiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  font-size: 13px;
  font-weight: bold;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
}
.customtip .tiptext::after {
  content: " ";
  position: absolute;
  top: 100%; /* At the bottom of the tooltip */
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}
.customtip:hover .tiptext {
  visibility: visible;
}
@media (max-width: 1200px) {
	.productslide.uk-slideshow .uk-slideshow-items li div .el-overlay {
		bottom: -50px;
	}
}
.uk-thumbnav>li>a img {
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}
.uk-thumbnav>li>a:hover img {
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}
.uk-thumbnav>li.uk-active>a img {
}
.uk-thumbnav>*>::after {
	background: none; /* remove fade on thumbnails */
}


/* ====== Forms ====== */
.chronoforms6_credits {
 	display: none;
 }
 .ui.dividing.header {
 	padding-bottom: 30px;
 	margin-bottom: 30px;
 }
 h1.ui.header {
 	font-size: 48px;
 	font-weight: inherit;
 }
 .ui.dividing.header .sub.header {
 	margin-top: 20px;
 }
 .ui.form .required.field>.checkbox:after, .ui.form .required.fields:not(.grouped)>.field>.checkbox:after {
 	display: none;
 }
 .g-recaptcha {
 	margin-bottom: 30px;
 }
 
  .ui.form input:focus, .ui.form textarea:focus {border: 1px solid #bbb !important;}
  .ui.form .multifield.inline.fields {display: block;}
  .ui.form .multifield.inline.fields>label {width: 100% !important; margin: 0; padding: 5px 0;}
  .multifield.inline.fields .field {width: 24%; display: inline-block;}
  @media (min-width: 601px) and (max-width: 980px) {
   	.multifield.inline.fields .field {width: 32%;}
   }
  @media (max-width: 600px) {
   	.multifield.inline.fields .field {width: 49%;}
   }
 
 
 
 /* Timeline
 ----------------------------------------------------------------------------------------------------*/
 .timeline {
 	position: relative;
 }
 .timeline:before {
 	content: '';
 	position: absolute;
 	top: 20px;
 	bottom: 0;
 	width: 5px;
 	background: #eee;
 	left: 232px;
 }
 .timeline li {
 	margin-bottom: 15px;
 }
 .timeline .date {
 	width: 200px;
 	display: inline-block;
 	text-align: right;
 	position: relative;
 	vertical-align: top;
 	top: 12px;
 }
 .timeline .marker {
 	width: 15px;
 	height: 15px;
 	display: inline-block;
 	background-color: #fff;
 	border: 2px solid #8dc540;
 	margin-right: 25px;
 	margin-left: 25px;
 	border-radius: 50%;
 	position: relative;
 	vertical-align: top;
 	top: 15px;
 }
 .timeline .description {
 	display: inline-block;
 	border: 2px solid #8dc540;
 	padding: 15px;
 	width: 60%;
 	vertical-align: top;
 	position: relative;
 }
 .timeline .description:after {
 	right: 100%;
 	border: solid transparent;
 	content: " ";
 	height: 0;
 	width: 0;
 	position: absolute;
 	border-right-color: #8dc540;
 	border-width: 10px;
 	top: 15px;
 }
 @media (max-width: 979px) and (min-width: 768px) {
 	.timeline:before {
 		left: 182px;
 	}
 	.timeline .date {
 		width: 150px;
 	}
 }
 @media (max-width: 767px) {
 	.timeline:before {
 		width: 0;
 		background: transparent;
 	}
 	.timeline .date {
 		width: 100%;
 		text-align: left;
 		margin-bottom: 10px;
 		top: 0;
 	}
 	.timeline .marker {
 		display: none;
 	}
 	.timeline .description {
 		width: 90%;
 	}
 	.timeline .description:after {
 		right: auto;
 		left: 10px;
 		top: -20px;
 		border-right-color: transparent;
 		border-bottom-color: #8dc540;
 	}
 }