@import "bootstrap.min.css";

@import "../icomoon/style.css";

html, body {
	height: 100%;
}

.container-fluid {
	/*height: 100%;*/
	/*overflow-y: hidden; /* don't show content that exceeds my height */
	overflow-x : hidden;
}

body {
	font-family: microgrammad-mediexte, Fallback, verdana, sans-serif;
	background-color: white;
	
	-webkit-animation: fadein 2s; /* Safari and Chrome */
    -moz-animation: fadein 2s; /* Firefox */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera */
    animation: fadein 2s;
}

.backgound-image {
	background: url('../images/sx_bg_bw.jpg') no-repeat center center scroll;
	background-size: cover;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
}
.backgound-image-footer {
	background: url('../images/sx_bg_bw.jpg') no-repeat center bottom scroll;
	background-size: cover;	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
}
// todo use fixed background except with ios
@media screen and (max-width: 480px) {
	.backgound-image {
		background-attachment: scroll;
    }
}
.glow{
	-webkit-animation: glow 10s infinite; /* Safari and Chrome */
    -moz-animation: glow 10s infinite; /* Firefox */
    -ms-animation: glow 10s infinite; /* Internet Explorer */
    -o-animation: glow 10s infinite; /* Opera */
	animation: glow 10s infinite;
}

@keyframes glow {  
  0% { opacity : 1; }
  30% { opacity : 1; }
  35% { opacity : .95; }
  40% { opacity : 1; }
  45% { opacity : .9; }
  50% { opacity : 1; }
  100% { opacity : 1; }
}
@keyframes bw-glow {  
  0% { -webkit-filter: grayscale(1); filter: grayscale(1); filter: gray; filter: grayscale(100%); }
  20% { -webkit-filter: grayscale(1); filter: grayscale(1); filter: gray; filter: grayscale(100%); }
  25% { -webkit-filter: grayscale(0.4); filter: grayscale(0.4); filter: ; filter: grayscale(40%); }
  30% { -webkit-filter: grayscale(1); filter: grayscale(1); filter: gray; filter: grayscale(100%); }
  35% { -webkit-filter: grayscale(0.1); filter: grayscale(0.1); filter: ; filter: grayscale(10%); }
  40% { -webkit-filter: grayscale(1); filter: grayscale(1); filter: gray; filter: grayscale(100%); }
  100% { -webkit-filter: grayscale(1); filter: grayscale(1); filter: gray; filter: grayscale(100%); }
}

.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
  filter: gray;
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


#service img{
}
#serach img{
}
#ref img{
	max-height: 3em;
}
#ref .card-img{
	border-radius: 0rem;
}

#interest img{
}
#team img{
	height:150px;
}

.card-img {
	display: table-cell;
   	margin: auto;
	max-width: 100%;	
}

.card-img:HOVER{
/*    opacity: 1;*/	
}
.card-inverse .card-link,
.card-inverse .card-text,
.card-inverse .card-blockquote > footer {
  color: rgba(255, 255, 255, .9);
}

.card-title {
	font-size: 1.5em;
}
.card{
  border: 0rem;
  border-radius: .5rem;
  padding: 1em;
  height:100%;

    transition: 		background-color 1s, position 1s;
    -webkit-transition:	background-color 1s, position 1s;
    -moz-transition: 	background-color 1s, position 1s;
    -ms-transition: 	background-color 1s, position 1s;
    -o-transition: 		background-color 1s, position 1s;
    
}
.card:HOVER{
	background-color: #f8f8f8;
}
.card-with-detail{
	
}
.card-detail-btn{
	
}
.card-detail{
	display: none;
}
.card-detail .row{
	padding-top: 3em;
}

.card-detail-title{
	background: url('../images/vertical_divider.svg') no-repeat center top;
	min-height: 250px;
	text-align: center;
	
}
.card-detail-title .card-detail-close {
	font-size: 1.5em;
	padding-top: 250px;
	text-align: right;
}

.caption-title{
	background: url('../images/vertical_divider.svg') no-repeat center top;
	min-height: 250px;
	text-align: center;
	
}

.caption-title h1 {
	padding-top: 250px;
	padding-bottom: 2em;
}

.container{
	padding-bottom: 2em;
	padding-top: 2em;
}

.container-caption-even{
	background-color: #fafafa;
	margin-right: auto;
	margin-left: auto;
	padding-left: 0px;
	padding-right: 0px;
}

a {
	background: inherit;
	color: gray;
}

a {
	transition: all 0.1s ease-in-out;
}

a:hover {
	color: inherit;
	opacity: .7;
	text-decoration: none;
	cursor: pointer;
}

a {
	onclick: ga('send', 'event', 'link');
}
a i {

}
.landing_spacer {
	height: 10%;
}
.img_since {
	min-height: 3em;
}
.img_media {
	margin-top: 2em;
}
.img_logo {
	width: 80%;
	max-width: 500px;
	/*max-width: 80%;*/
	max-height: 80%;
	padding-top: 6em;
}
.img_titel {
	width: 80%;
	max-width: 500px; 
	max-height: 55%;
	padding-top: 3em;
	padding-bottom: 3em;
}
.img_scroll {
	height: .5em;
	visibility: hidden; 
}
.sx-fa {
	padding-top: 0em;
	padding-right: 0.3em;
}

.footer {
	padding-top: 1em;
	padding-bottom: 1em;
	color: #eee;
	font-size: .9em;
}
.footer a{
	color: inherit;	
}