/* ------------------------------------------------------------ */

.img-founders
{
    margin-top: 20px;
    margin-bottom: 20px;
}

/* ------------------------------------------------------------ */

.table tbody>tr>td.vert-align
{
    vertical-align: middle;
}


/* ------------------------------------------------------------ */
/* 2020/03/02 more modern: increased text size for blog? */
.blog-container { 
    font-size: 15px; 
}

.blog-container h3 {
    margin-top: 28px;
    margin-bottom: 14px;
}
/* ------------------------------------------------------------ */

#tooltip
{
    font-family: Ubuntu, sans-serif;
    font-size: 0.875em;
    text-align: center;
    text-shadow: 0 1px rgba( 0, 0, 0, .5 );
    line-height: 1.5;
    color: #fff;
    background: #333;
    #background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .6 ) ), to( rgba( 0, 0, 0, .8 ) ) );
    #background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
    #background: -moz-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
    #background: -ms-radial-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
    #background: -o-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
    #background: linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) );
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-top: 1px solid #fff;
    -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
    -moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
    box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 );
    position: absolute;
    z-index: 100;
    padding: 15px;
}
#tooltip:after
{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #333;
    border-top-color: rgba( 0, 0, 0, .7 );
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
}
#tooltip.top:after
{
    border-top-color: transparent;
    border-bottom: 10px solid #333;
    border-bottom-color: rgba( 0, 0, 0, .6 );
    top: -20px;
    bottom: auto;
}
#tooltip.left:after
{
    left: 10px;
    margin: 0;
}
#tooltip.right:after
{
    right: 10px;
    left: auto;
    margin: 0;
}

/* ------------------------------------------------------------ */

body {
	padding-top: 59px;  /* body padding for fixed top nav */
}

.navbar-fixed-top {
	background: #fff;
	-webkit-box-shadow: 0px 0px 8px 2px #c0c0c0;
	-moz-box-shadow:    0px 0px 8px 2px #c0c0c0;
	-ms-box-shadow:     0px 0px 8px 2px #c0c0c0;
	box-shadow:         0px 0px 8px 2px #c0c0c0;
}
/*.navbar-fixed-top > div {
	padding: 0 30px;
}*/
.navbar-nav > li > a,
.navbar-nav > li > a:hover {
	padding-top: 20px;
}

.navbar-fixed-top .navbar-collapse {
  max-height: 400px;
}
@media (max-width: 996px) {
  .navbar-header {
    width: 100%;
  }
  .navbar-collapse.collapse {
    display: none !important;
  }
  .navbar-toggle {
    display: inline-block !important;
  }
}
@media (min-width: 997px) {
  .navbar-toggle {
    display: none !important;
  }
}

.container > .navbar-header {
	margin-left: 0px;
	margin-right: 0px;
}
.navbar-toggle {
	margin-right: 0px;
}

.breadcrumb {
	background-color: rgb(247, 249, 255);
}
.breadcrumb > .active {
	// font-weight: bold;
}
.breadcrumb a {
	color: rgb(101, 101, 101);
}

.homeCarouselContainer {
    min-height: 100px;
	  /* height: 500px; */
	/* padding-left: 0px; */
	/* padding-right: 0px; */
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  width: 100%;
  height: auto;
}

.homeCarouselContainer .carousel-control .icon-prev,
.homeCarouselContainer .carousel-control .icon-next {
	font-size: 80px;
	margin-top: -40px;
	margin-left: 0px;
	margin-right: 0px;
}
.homeCarouselContainer .carousel-control .icon-prev {
	left: 30px;
	right: auto;
}
.homeCarouselContainer .carousel-control .icon-next {
	right: 30px;
	left: auto;
}

.homeCarouselContainer .carousel-control.right {
	right: 0px;
}
.homeCarouselContainer .carousel-control.left {
	left: 0px;
}

.homeCarouselContainer .carousel-caption p {
	font-size: 22px;
}
@media only screen and (min-width: 583px) and (max-width: 992px) {
	.homeCarouselContainer .carousel-caption h1 {
		font-size: 22px;
		/* font-size: 30px; */
	}
	.homeCarouselContainer .carousel-caption p {
		/* font-size: 18px; */
		font-size: 16px;
	}
}
@media only screen and (max-width: 582px) {
	.homeCarouselContainer .carousel-caption h1 {
		font-size: 16px;
		/* font-size: 22px; */
	}
	.homeCarouselContainer .carousel-caption p {
		/* font-size: 16px; */
		font-size: 12px;
	}
}

.homeIconsAboutWorkshopsNews {
	position: relative;
	width: 1.3em;
}
#homeIconsAbout {
	left: 9px;
	top: -1px;
}
#homeIconsWorkshops {
	left: 3px;
	top: -4px;
}
#homeIconsNews {
	left: 4px;
	top: -1px;
}

#homeCustomersHeadl {
	margin-bottom: 40px;
}

#homeCustomersRow {
	/*background: #f3f3f3;*/
	padding: 20px;
	margin-bottom: 40px;
}

#homeCustomersRow .col-xs-1 {
	display: none;
}
#homeCustomersRow .col-xs-2 {
	padding: 20px;
	width: 20%;
}
@media only screen and (min-width: 520px) and (max-width: 992px) {
	#homeCustomersRow .col-xs-2 {
		width: 33.333%;
	}
}
@media only screen /*and (min-width: 340px)*/ and (max-width: 519px) {
	#homeCustomersRow .col-xs-2 {
		width: 50%;
	}
}
/*@media only screen and (max-width: 339px) {
	#homeCustomersRow .col-xs-2 {
		width: 100%;
	}
}*/

#homeNewsletterSignup {
	margin-top: 70px;
	margin-bottom: 10px;
}

.newsSocialmediaIconList {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
.newsSocialmediaIcons {
	color: #000;
	margin-right: 8px;
	width: 1.0em;
}

#aboutCompanyBigimage {
	margin-top: 20px;
}

#aboutCompanyPubs ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

#contactColImg {
	width: 280px;  /* 250 + 2*padding */
}
#contactColInfo {
	width: 30%;
}
#contactColSocial {
	padding-top: 10px;
}
@media only screen and (min-width: 590px) and (max-width: 996px) {
	#contactColInfo {
		width: 40%;
	}
}
@media only screen and (max-width: 590px) {
	#contactColImg,
	#contactColInfo {
		width: 100%;
	}
	#contactColSocial {
		padding-top: 20px;
	}
}

.img-circle {  /* fuer Experten Fotos */
    border: 2px solid #3E648D;
}

.img-experts-large {  /* fuer Experten Fotos */
    border: 4px solid #3E648D;
}

/* -------------------- Clients Carousel -------------------- */
.vertical-center {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

/* carousel */
#quote-carousel
{
    padding: 0 10px 30px 10px;
    margin-top: 30px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
    background: none;
    color: #222;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left
{
    left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right
{
    right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators
{
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li
{
    background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active
{
    background: #333333;
}
#quote-carousel img
{
    width: 250px;
    height: 100px
}
/* End carousel */

.item blockquote {
    border-left: none;
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}



/**
 MEDIA QUERIES
 */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    #quote-carousel
    {
        margin-bottom: 0;
        padding: 0 40px 30px 40px;
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) {
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}


/* Display of rating symbols */

/*
	Autor : Erik Niebla A.
	Mail: 	ep_niebla@hotmail.com,ep.niebla@gmail.com
	Fecha: 	08/08/2015
	Requiere:	Jquery,Font Awesome

*/
/* Center */
.hcenter{text-align:center;}
.vcenter {white-space:nowrap;}.vcenter > * {white-space:normal;}.vcenter:before, .vcenter >* {display:inline-block; vertical-align:middle;}.vcenter:before {content:"";  height:100%;}.vcenter {word-spacing:-.25em;}.vcenter > * {word-spacing:normal;}
/* Star Rating */
.rating {unicode-bidi: bidi-override;direction: rtl;font-size: 20px;display:inline;margin-right:4px;}
.rating span.star,.rating span.static {font-family: FontAwesome;font-weight: normal;font-style: normal;display: inline-block;}
.rating span.star,.rating span.static {-webkit-user-select: none; -moz-user-select: none;-khtml-user-select: none;-ms-user-select: none;}/* Evitar Seleccion */
.rating span.star:before,.rating span.static:before {content: "\f006";padding-right: 5px;color: #777777;}
.rating span.full:before {content: "\f005";color: #ffcd00;}.rating span.half:before {content: "\f123";color: #ffcd00;}
.rating span.star:hover {cursor: pointer;}.rating span.star:hover:before,.rating span.star:hover ~ span.star:before {content: "\f005";color: #ffcd00;}