html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, b,u,i,center, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th,td, article,aside,canvas,details,embed, figure,figcaption,footer,header,hgroup, menu,nav,output,ruby,section,summary, time,mark,audio,video{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; }
strong,b{font-weight:500; }
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block; }
body{line-height:1; }
ol,ul{list-style:none; }
blockquote,q{quotes:none; }
blockquote:before,blockquote:after,q:before,q:after{content:''; content:none; }
table{border-collapse:collapse; border-spacing:0; }
[hidden]{display:none; }
object,embed{outline:0; }
form{margin:0; }
fieldset{border:0; margin:0; padding:0; }
label{cursor:pointer;margin-bottom: 12px;}
legend{border:0; *margin-left:-7px; padding:0; white-space:normal; }
button,input,select,textarea{font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle; }
button,input{line-height:normal; }
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer; -webkit-appearance:button; *overflow:visible; }
button[disabled],input[disabled]{cursor:default; }
input[type="checkbox"],input[type="radio"]{box-sizing:border-box; padding:0; *width:13px; *height:13px; }
input[type="search"]{-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none; }
.chromeframe{margin:0.2em 0; background:#ccc; color:black; padding:0.2em 0; }
.clearfix:before,.clearfix:after{content:""; display:table; }
.clearfix:after{clear:both; }
.clearfix{*zoom:1; }

/*
thin 		font-family:'Roboto Slab';font-weight:100;
light 	font-family:'Roboto Slab';font-weight:300;
medium 	font-family:'Roboto';font-weight:500;
bold 		font-family:'Roboto Slab';font-weight:700;
*/

html,body{height:100%;}
body {
	padding: 0 0 0px 0;
	font-family: darkmode-off, sans-serif;
	font-style: normal;
	font-weight: 100;
	font-size: 17px;
	line-height: 30px;
  letter-spacing: 0.05em;
	color: #ffffff;
	position: relative;
	margin: 0 auto;
	min-height: 560px;
/*	min-height: 100%;*/
  height:100%;
  height:100vh;
	font-size: 100%;
/*	text-align: center;*/
	background: #ffffff;
  color:#000633;
}
h1 {
  font-family:darkmode-off;font-weight:200;
	font-size: 58px;
  line-height: 70px;
	box-sizing: border-box;
	color:#000633;
}
h2 {
  font-family:darkmode-off;font-weight:200;
	font-size: 42px;line-height:50px;
  color: #000633;
  padding-top: 6px;
}
h3 {
  font-family:darkmode-off;font-weight:700;
	font-size: 24px;line-height:32px;
  color: #000633;
  padding-top: 6px;
}
img {max-width:100%;height:auto;}
h2.text {
	font-size: 16px;
	position: relative;
	padding-left: 0;
  border-bottom: 0px solid;
  padding-bottom: 10px;
}
p {
	font-size: 18px;
	line-height: 36px;
  margin-bottom: 1.25em;
}
a {text-decoration:none;color:#000633;}
strong,b {font-weight:500;}
.btn {
	display: inline-block;
	color: #000633 !important;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 46px;
	letter-spacing: 0.105em;
	padding: 0px 40px;
	border: 2px solid #d9af2c !important;
	border-radius: 4px;
  font-weight:500;
	background:#d9af2c;
}
.btn.secondary {
	border-color: #232526 !important;
}
.btn:hover,.btn:active,.btn:focus {
	color: #000633 !important;
	border: 2px solid #ffe242 !important;
	background:#ffe242;
  -webkit-box-shadow: none;
  box-shadow: none;
	outline: 0px auto -webkit-focus-ring-color;
	outline-offset: 0px;
}
/*.container {padding-left:0px;padding-right:0px;}
.container .row > div {padding-left:0px;padding-right:0px;}*/
/*.container {width: 1440px;margin: 0 auto; text-align:left;position: relative;}*/
/*@media (min-width: 1500px) {
	.container {
	    width: 1440px;
	}
}*/
.form-control {
	background: #ffffff;
	border-color: #001e50;
  border-radius: 4px;
	outline:none;
	resize:none;
	color:#001e50;
  height: 52px;
  padding: 4px 15px;
  font-size: 17px;
  line-height: 44px;
}
.form-control:focus {border-color:#001e50;}
.form-group {
	margin-bottom: 30px;
	font-size: 17px;
	line-height: 20px;
	position: relative;
	letter-spacing: 0;
}
.form-group label{
	position: absolute;
	pointer-events: none;
	top: 5px;
	left: 30px;
	font-size: 17px;
	line-height: 44px;
	margin: auto;
	color: #000633;
}
.form-group label span {
	color:#d9af2c;
}
.form-group input:valid + label,
.form-group textarea:valid + label {
  display: none;
}

*::-webkit-input-placeholder { color: #000633;}
*:-moz-placeholder { color: #000633; opacity: 1;}
*::-moz-placeholder { color: #000633; opacity: 1;}
*:-ms-input-placeholder { color: #000633;}
*::-ms-input-placeholder { color: #000633;}
*::placeholder {color: #000633;}
.form-group ::placeholder { color: #000633; opacity: 1;}
.form-group ::-ms-input-placeholder { color: #000633;}

.form-control:focus::-webkit-input-placeholder { color: #001e50;}
.form-control:focus:-moz-placeholder { color: #001e50;}
.form-control:focus::-moz-placeholder { color: #001e50;}
.form-control:focus:-ms-input-placeholder { color: #001e50;}
.form-control:focus::-ms-input-placeholder { color: #001e50;}
.form-control:focus::placeholder {color: #001e50;}

.form-group .form-error-message {font-size: 13px;line-height: 25px;color:#e00}
textarea.form-control {min-height:120px;}
/****************/
.cover{min-height:100%;height:100vh;position:relative;}
.full{ position:absolute; left:0; top:0; width:100%; min-height:100%;height:100vh;display:table;
/*	background: url('images/bg.png') no-repeat center bottom;
	background-size: 100% auto;*/
}
.full-bg {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	z-index:1;
	opacity:1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.full-bg #canvas {
  position: absolute;
	display: block;
	bottom:0px;left:0px;
}
.full-bg .dom_overlay_container {
  pointer-events:none;
	overflow:hidden;
	position: absolute;
	left: 0px; bottom: 0px;right: 0px;
	display: block;
}

.full h1 {
	margin-left:0;
	max-width: 100%;
	display: table-cell;
	vertical-align: middle;
	box-sizing: border-box;
	z-index: 5;
	position: relative;
	text-align:center;
  letter-spacing: -0.0025em;
}
.full h1 span {
	max-width:100%;
	max-width:820px;
	display: inline-block;
	padding: 30px 0px;
}
.full h1 span.scroll {
	max-width:37px;
	width:37px;
	padding: 24px 20px 27px 20px;
	background: url('images/arr_down.png') no-repeat center bottom;
  background-size: 37px 40px;
	text-transform: uppercase;
	cursor: pointer; cursor: hand;
}
#menu { height: 110px; width: 100%; position: fixed;background: #ffffff; top:0;left:0;font-weight:500;color:#000633;z-index:10;}
#menu .logo a { width: 216px;height:54px;display:block;background:url('images/logo_full.png') no-repeat center center;background-size:216px 54px;margin: 40px 0 0 38px;float:left}
#menu.scroll {
  position: fixed;
	height: 73px;
	background: #ffffff;
	border-bottom: 1px solid #232526;
	z-index: 10;
}
#menu.scroll .logo a { background:url('images/logo_ls.png') no-repeat center center;background-size:216px 54px;margin: 7px 0 0 38px;}

.navbar-right {margin-top: 40px;padding-right: 80px; text-transform: uppercase;}
.navbar-nav>li {padding: 0 40px;}
.navbar-nav>li>a {padding:0;font-size: 16px;line-height: 46px;font-weight:700;letter-spacing: 0.1em;}
.navbar-nav>li>a span {border-top: 2px solid transparent;border-bottom: 2px solid transparent;}
.nav>li>a:hover, .nav>li>a:focus, .nav>li>a.active {background: transparent;color:#d9af2c;text-decoration:none;}
.nav>li>a:hover span, .nav>li>a:focus span, .nav>li>a.active span {border-bottom: 2px solid #d9af2c;}

.scroll .navbar-right {margin-top:10px;}
/*.scroll .nav>li>a:hover, .scroll .nav>li>a:focus {padding-bottom:12px;}*/

.navbar-btn {margin: 0;}
.navbar-btn .btn {
	color: #000633 !important;
	border-color: #000633 !important;
	background:transparent;
	border-radius: 0;font-weight:700;letter-spacing: 0.2em;
}
.navbar-btn .btn:hover,.navbar-btn .btn:active,.navbar-btn .btn:focus {
	color: #d9af2c !important;
	border-color: #d9af2c !important;
	background:transparent;
}
.navbar-nav>li.btnli {padding:0 10px 0 40px;}
.navbar-nav>li.dropdown {padding:0;}
.nav>li>a.dropdown-toggle {padding: 0 20px; border: 2px solid transparent;padding-bottom: 0px !important;}
.nav>li>a.dropdown-toggle:hover {border-color: #232526;}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {border-color: #fbc140 !important;background: #0e1113;}
.dropdown-menu {min-width: 100%;width:100%;border: 2px solid #fbc140;top: 46px;background: #0e1113;padding:0;}
.dropdown-menu>li>a {font-size: 12px;line-height: 46px;font-weight:500;color:#fff;}
.dropdown-menu>li>a:hover {color:#fbc140;background: #0e1113;}
.dropdown-menu>li>a.bb {border-bottom:1px solid #232526;}
/****************/
.content {
	background: #000633;
	position:relative;
	color: #ffffff;
	font-size: 26px;
	line-height: 44px;
	font-weight: 300;
	text-align: center;
}
/****************/
#about {}
#about p {
	color: #ffffff;
	font-size: 26px;
	line-height: 44px;
	margin-bottom: 44px;
	font-weight: 300;
  letter-spacing: -0.005em;
}
#about p:last-child {
	margin-bottom:0px;
}
/****************/
#about2{
	color: #000633;
	background: #ffffff;
	padding-left: 70px;
	padding-right: 70px;
}
#about2 img {
	width: 126px;
	height: auto;
}
#about2 h3 {
	padding: 26px 0 20px 0;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
#about2 p {
	font-size: 17px;
	line-height: 30px;
	margin-bottom: 30px;
	font-weight: 300;
  letter-spacing: -0.005em;
  padding: 0 25px;
}
/****************/
#sluzby {
	color: #000633;
	background: #d7e8fb;
}
#sluzby h2 {
	padding-bottom: 36px;
}
#sluzby p {
	font-size: 26px;
	line-height: 44px;
	margin-bottom: 0px;
	font-weight: 300;
  letter-spacing: -0.005em;
}
/****************/
#sluzby2 {
	text-align: left;
	font-size: 17px;
	line-height: 30px;
}
#sluzby2 .service{
	margin-bottom:50px;
}
#sluzby2 .serimg {
	position: relative;
	line-height: 0;
	padding:0;
}
#sluzby2 .serimgt {
	position: relative;
	z-index:2;
  opacity: 1;
	-webkit-transition: opacity linear .6s;
	-moz-transition: opacity linear .6s;
	transition: opacity linear .6s;
}
#sluzby2 .serimgb {
	position: absolute;
	left: 0;top:0;
	z-index:1;
}
#sluzby2 .serimg:hover .serimgt,#sluzby2 .service:hover .serimgt, #sluzby2 .service.active .serimgt {
	opacity: 0;
}
#sluzby2 h3 {
	color: #ffffff;
	padding-top: 39px;
	padding-bottom: 10px;
	font-size: 30px;
  line-height: 36px;
  letter-spacing: -0.005em;
}
#sluzby2 a.switch {
	color: #d9af2c;
	font-weight: 500;
	text-decoration: underline;
	position: relative;
	margin-top: 1em;
  letter-spacing: -0.005em;
}
#sluzby2 a.switch:hover {color:#ffe242}
#sluzby2 a.switch:after {
	content: '';
	width:16px;
	background: url('images/arr_open.png') no-repeat center center;
  background-size: contain;
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: -26px;
}
#sluzby2 .active a.switch:after {
	background-image: url('images/arr_close.png');
}
#sluzby2 a.switch:before {
	content: 'Zobrazit ';
}
#sluzby2 .active a.switch:before {
	content: 'Skrýt ';
}
#sluzby2 a.btn {
	margin-top: 40px;
	font-weight: 700;
  letter-spacing: 0.2em;
  padding: 0px 30px;
}
#sluzby2 p {
	font-size: 17px;
	line-height: 30px;
	margin-bottom: 24px;
	font-weight: 200;
  letter-spacing: -0.0025em;
}
#sluzby2 .subinfo {
	overflow: hidden;
  max-height: 0em;
	-webkit-transition: max-height linear .4s;
	-moz-transition: max-height linear .4s;
	transition: max-height linear .4s;
}
#sluzby2 .active .subinfo {
  max-height: 50em;
}
#sluzby2 ul { list-style: none;	margin-bottom: 1em;}
#sluzby2 ul li {margin-left: 1em;}
#sluzby2 ul li::before {
  content: "\2022";
  color: #d9af2c;
  font-weight: 700;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}
/****************/
#kontakt {
	color: #000633;
	background: #ffffff;
	text-align:left;
}
#kontakt h3 {
	padding-bottom: 36px;
}
#kontakt p {
	font-size: 17px;
	line-height: 30px;
	margin-bottom: 0px;
	font-weight: 300;
  letter-spacing: -0.005em;
}
#kontakt p.icon {
	font-size: 24px;
	line-height: 63px;
	margin-top: 30px;
	font-weight: 700;
  letter-spacing: -0.005em;
	padding-left: 84px;
	height: 63px;
	background-position: left top;
	background-size: 63px 63px;
	background-repeat: no-repeat;
}
#kontakt p.telefon {background-image: url('images/ico-tel.svg');}
#kontakt p.mail {background-image: url('images/ico-mail.svg');}
#kontakt p.mail a {color:#d9af2c;text-decoration: underline;}
#kontakt p.mail a:hover {color:#ffe242}
/****************/
#footer {
	background: #000633;
	position:relative;
}
p.copy {
	font-size: 17px;
	letter-spacing: 0.1em;
	color: #ffffff;
	line-height:73px;
	margin-bottom: 0;
}
/****************/
.ptb115 {padding-top: 115px;padding-bottom: 115px}
.pt115 {padding-top: 115px;}
.pb80 {padding-bottom: 80px}

.mb2em {margin-bottom: 2em;}
.mt70 {margin-top:70px;}
.mt90 {margin-top:90px;}
.mt120 {margin-top:120px;}
.mt150 {margin-top:150px;}
.ptb10 {padding-top:10px;padding-bottom:10px}
.ptb20 {padding-top:10px;padding-bottom:20px}
.pt10 {padding-top:10px;}
.pt47 {padding-top:47px;}
.pb75 {padding-bottom:75px;}
.pb100 {padding-bottom:100px;}
.pb110 {padding-bottom:110px;}
.pb130 {padding-bottom:130px;}
.pb150 {padding-bottom:150px;}
/****************/
@media (max-width: 767px) {
	#menu .logo a, #menu.scroll .logo a {
		background-size: 130px;
		float: none;
		margin: 10px auto 0;
	}
	.navbar-nav {
		background: #fff;
		text-align: center;
		margin-top: 0px;
		padding-right: 0;
		padding-bottom: 20px;
	}
  .navbar-nav>li {
    padding: 10px;
	}
  .navbar-toggle {
		margin-right: 10px;
		margin-top: 14px;
		margin-bottom: 0;
	}
  .navbar-toggle .icon-bar {
		background: #fbc140;
	}
  .scroll .navbar-right {
    margin-top: 7px;
	}
  .full h1 span {
		max-width: 70%;
	}
	.cover {min-height:0px;height:auto;}
	.full {position:relative;min-height:0px;height:auto;}
  .full h1 {margin-top:60px;margin-bottom: 100px;display:block;}
  .full h1 span {padding: 30px 0px 10px 0;}
  p.copy {font-size: 13px;}

	.ptb115 {padding-top: 55px;padding-bottom: 55px}
	.pt115 {padding-top: 55px;}
	.pb80 {padding-bottom: 55px}

	body {
		font-size: 15px;
		line-height: 25px;
	}
	#sluzby2 {
		font-size: 15px;
		line-height: 25px;
	}
	#about p,#sluzby p {font-size: 18px;line-height: 30px;}
	#about2 p{font-size: 15px;line-height: 25px;}
	h2 {font-size: 25px;line-height: 35px;}
  #kontakt p.icon {font-size:18px;}
  #sluzby2 .active .subinfo {
    max-height: 60em;
	}
}
@media (max-width: 630px) {
  .full h1 span {
		max-width: 80%;
	}
}
@media (max-width: 450px) {
  .full h1 span {
		max-width: 90%;
	}
}
@media (max-width: 1280px) {
	#menu .logo a {
    margin: 40px 0 0 40px;
	}
  .navbar-nav>li {
    padding: 0 20px;
	}
	.navbar-right {
	  margin-top: 40px;
	  padding-right: 40px;
	}
  .navbar-nav>li.btnli {
    padding: 0 10px 0 20px;
	}
}
@media (max-width: 992px) {
	#sluzby2 h3 {
    padding-top: 10px;
	}
	#menu {height:73px;}
	#menu .logo a {
    margin: 10px 0 10px 10px;
	}
	#menu.scroll .logo a {
    margin: 7px 0 7px 10px;
	}
	.navbar-right {
	  margin-top: 10px;
		padding-right: 15px;
		padding-left: 15px;
	}
  .navbar-nav>li.btnli {
    padding: 0 10px 0 10px;
	}
  .navbar-nav>li>a,.navbar-btn .btn {font-size: 10px;}
  .navbar-btn .btn {
		padding: 0px 20px;
	}
  .full h1 {
		font-size: 29px;
		line-height: 35px;
	}
	#about2 { padding-left:15px;padding-right:15px;}
}
/****************/