/* BSVBD StyleSheet by Michal Boucek — Just B. */
/**
 *
 * Based on MaterializeCSS.com
 */
body{background-color: #1f2041}
.anim{
  z-index: -1;
  margin-top: 0px;
  width: 100%;
	position: absolute;
}
.webbase{
  z-index: 999;
  margin-top: 0px;
  width: 100%;
  position: absolute;
}
.bsvblue{background-color: #1f2041}
.text-bsvblue{color: #1f2041}
h3{font-size: 2em; font-weight: 300; color: #1f2041;}
h4{font-size: 1.7em; font-weight: 400; color: #1f2041; line-height: 180%}
h5{font-size: 1.4em; font-weight: 400; color: #1f2041; line-height: 140%}


a{	
	color: #1f2041;
	text-decoration: underline;
}
a:hover{	
	color: #000;
	text-decoration: none;
}
fieldset {
    border: none;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
.message {
    background: white;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
    padding: 0.35em 0.625em 0.75em;
	font-size: 115%;
	color: #FF7B03;
}
/** Navigace **/
.brand-logo{margin-top: 10px;}
.nav-wrapper{
	z-index: 200;	
	background: #fff;
	-webkit-box-shadow: 0 5px 0px rgba(0,0,0, 0.1);
    -moz-box-shadow: 0 5px 0px rgba(0,0,0, 0.1);
    box-shadow: 0 5px 0px rgba(0,0,0, 0.1);
}
nav{	
	height: 140px;
}
nav img{	
	margin-top: 1em;
}
nav ul li{
	margin-top: 0px;
	height: 20px;
	line-height: 20px;
	margin-left: 5px;
}
nav ul li a{
	color: #1f2041;
	font-weight: 700;
	font-size: .7em;
	text-decoration: none;
	margin-top: 0px;
	padding: 0px 6px;
	background: #ccccea;
	height: 20px
}
nav ul li a:hover{
	color: #ccccea;
	background: #1f2041;
}
nav ul li a.akt{
	color: #fff;
	background: #1f2041;
}
.btn, .btn-large, .btn-flat {
    width: 100%
}

/** Hero **/
.hero{min-height: 22em; text-align: center; display: inline-flex; margin-top: 1em;}
.hero h1{font-size: 2.5em; color:#fff; font-weight: 100; line-height: 1.5em }
.hero h1 strong{font-weight: 900}

/** O nas **/
.onas{background: rgba(180,210,250,0.85); color: #fff;}
.onas h2{font-size: 2em; line-height: 1.5em; padding-bottom: 0.5em; padding-left: 50px}
.onas p{font-size: 1.5em; line-height: 1.5em; padding-bottom: 0.5em; padding-left: 50px}
.onas h3{font-size: 2.7em; line-height: 1.3em; padding-left: 50px}
.onas span{color: #1f203f;}
.qborder {border-left: 1em solid #fff;}

/** Hlavni klienti **/
.hlavniklienti{background: #fff url("../img/klienti-nob.png") no-repeat center; background-size: cover; text-align: center; height: 500px; }
.kli00{background: url("../img/kli00.svg") no-repeat center; background-size: contain; }
.kli01{background: url("../img/kli03.svg") no-repeat center; background-size: contain; }
.kli02{background: url("../img/kli02.svg") no-repeat center; background-size: contain; }


/** Kontakt **/
.kontakt{
	background-image: linear-gradient(60deg, #d4d5e4 0%, #fdfdfd 100%);
	padding-top: 3em;}
/** clen skupiny **/
.clen-skupiny{margin-top:4em;}



input:not([type]), input[type=text]:not(.browser-default), input[type=password]:not(.browser-default), input[type=email]:not(.browser-default), input[type=url]:not(.browser-default), input[type=time]:not(.browser-default), input[type=date]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=number]:not(.browser-default), input[type=search]:not(.browser-default), textarea.materialize-textarea {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #1f2041;
    border-radius: 0;
    outline: none;
    height: 3rem;
    width: 100%;
    font-size: 1rem;
    margin: 0 0 20px 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.input-field label {
    color: #1f2041;
    position: absolute;
    top: 0.8rem;
    left: 0;
    font-size: 1rem;
    cursor: text;
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
    text-align: initial;
}
@media only screen and (max-width: 400px){
nav{	
	height: 160px;
}
	nav img{	
	margin-top: 2em;
		height: 200px;
}
	nav ul li a{
	color: #1f2041;
	font-weight: 700;
	font-size: .62em;
	text-decoration: none;
	margin-top: 0px;
	padding: 0px 4px;
	background: #ccccea;
	height: 20px
}
	.onas h2{font-size: 1.5em; line-height: 1.5em; padding-bottom: 0.5em; padding-left: 20px}
.onas p{font-size: 1.15em; line-height: 1.3em; padding-bottom: 0.5em; padding-left: 20px}
.onas h3{font-size: 2em; line-height: 1.3em; padding-left: 20px}
	.hero{min-height: 10em; text-align: center; padding-top: 1.5em;margin-bottom: 2em}
	.hero h1{font-size: 2em; color:#fff; font-weight: 100; line-height: 1.5em }
.hero h1 strong{font-size: 1.2em;font-weight: 900}
	.hlavniklienti{background: #fff url(../img/klienti-nob.png) no-repeat center; background-size: cover; text-align: center; padding-top: 2em;}
}

@media only screen and (min-width: 401px) and (max-width: 600px){
nav{	
	height: 200px;
}
	nav img{	
	margin-top: 2em;
}
	.hero{min-height: 24em; text-align: center; padding-top: 3em;margin-bottom: 5em}
	.hlavniklienti{background: #fff url(../img/klienti-nob.png) no-repeat center; background-size: cover; text-align: center; padding-top: 2em;}
}

@media only screen and (min-width: 1600px){
nav{	
	height: 180px;
}
	}