@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/MaterialIcons-Regular.eot');
  /* For IE6-8 */
  src: url('fonts/MaterialIcons-Regular.woff2') format('woff2'), url('fonts/MaterialIcons-Regular.woff') format('woff'), url('fonts/MaterialIcons-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'FontAwesome';
  src: url('awesome/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


html{font-size: 18px !important; outline: none;}
body{	

font-family: 'Raleway', sans-serif;
font-size: initial; 
line-height: 25px;
transition: all 0.4s ease-in-out; 
outline: none; 
}	

ul {

  border: 0px currentColor;
  border-image: none;
  line-height: inherit;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  vertical-align: baseline;
  font-size-adjust: inherit;
  font-stretch: inherit;
}
ul {
  list-style: none;
}
a {
  text-decoration: none;
  cursor: pointer;
}




h2 {
color: #205a99;
}


h3 {
letter-spacing: 1px;
font-weight: 500;
padding: 20px 0px;
color: #21b7cb;
}

.kontakt h4 {
color: #21b7cb;
}


p {
color:#414141;
font-size: 18px;
line-height: 28px;
}

.highlight {color: #21b7cb;}

	.material-icons {
		  font-family: 'Material Icons';
		  font-weight: normal;
		  font-style: normal;
		  font-size: 34px;  /* Preferred icon size */
		  display: inline-block;
		  line-height: 1;
		  text-transform: none;
		  letter-spacing: normal;
		  word-wrap: normal;
		  white-space: nowrap;
		  direction: ltr;
		display: inline-flex;
		vertical-align: middle;
		  
	  /* Support for all WebKit browsers. */
	  -webkit-font-smoothing: antialiased;
	  /* Support for Safari and Chrome. */
	  text-rendering: optimizeLegibility;

	  /* Support for Firefox. */
	  -moz-osx-font-smoothing: grayscale;

	  /* Support for IE. */
	  font-feature-settings: 'liga';
	}

	

	
	
	
.header-center {
/*padding: 0 50px;*/
}

.navbar {
background-color: rgba(47, 44, 44, 0.9);
}


.logo {
  padding: 9px 25px;
  vertical-align: middle;
  float: left;
  text-align: left;
  z-index: 2;
}

.home-logo {
	float:left;
	height:40px;
}

.home-link {
	color: #fff;
	font-size: 23px;
	letter-spacing: 3px;
	float:left;
	height: 30px;
	margin-top: 10px;
	padding: 0 5px;
}

@media (max-width: 480px) {
	.home-link {
		font-size: 14px;
	}
	
	
}

.navbar-brand {
	padding: 5px 2px;
}

.navbar-brand img {
	vertical-align:bottom;
}

.navbar-default {
  border-color: transparent;
  min-height: 43px;
  width: 100%;
}

.burger {
  display: none;
  padding: 0px;
  position: absolute;
  top: 20px;
	right: 15px;
  text-align: left;
}
@media all and (max-width: 1022px) and (min-width: 300px) {
  .burger {
    display: block;
  }
}

a.burger-icon {
  width: 30px;
  height: 23px;
  display: block;
  cursor: pointer;
}
a.open.burger-icon .burger-lines {
  background: 0px 0px;
}
a.open.burger-icon .burger-lines::before {
  top: 0px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
a.open.burger-icon .burger-lines::after {
  top: 0px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.burger-lines {
  background: #fff;
  width: 30px;
  height: 5px;
  margin: 4px auto 0px;
  position: relative;
  transition: 0.3s;
  -webkit-transition: all .3s;
}
.burger-lines::after {
  background: #fff;
  width: 30px;
  height: 5px;
  position: absolute;
  content: "";
  top: 9px;
  transition: 0.3s;
  -webkit-transition: all .3s;
}
.burger-lines::before {
  background: #fff;
  width: 30px;
  height: 5px;
  position: absolute;
  content: "";
  top: -9px;
  transition: 0.3s;
  -webkit-transition: all .3s;
}

/* menu pre mobily a tablety */
.menu {
  display: none;
  background: rgba(12, 12, 12, 0.9);
  width: 270px;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top: 43px;
  left: 0px;
}
.fix-menu {
  width: 270px;
  position: fixed;
}
/* menu level 1*/

ul.main-menu {
	padding: 0;
	margin: 0;
}

.menu ul li a {
  box-sizing: border-box;
  font-size: 15px;
  display: inline-block;
  transition: background 0.1s, color 0.1s;
  width: 100%;
  color: #fff;
  text-transform: uppercase;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  font-weight: 300;
  position: relative;
  cursor: pointer;
  -webkit-transition: background .1s, color .1s;
  border-top-color: #464646;
  border-top-width: 1px;
  border-top-style: solid;
}
.menu ul li a:hover {
  background: rgba(219, 219, 219, 0.5);
  color: #fff;
}
.menu ul li a.active {
  background: rgba(219, 219, 219, 0.5);
  color: #fff;
}
.menu ul li a.deeper::after {
  font-size: 15px;
  display: inline-block;
  content: "\f054";
  font-family: FontAwesome;
  position: absolute;
  right: 20px;
  color: #b1b1b1;
  top: 15px;
}
.menu ul li a.deeper:hover::after {
  color: #fff;
}
.menu ul li a.deeper.active::after {
  content: "\f078";
  font-family: FontAwesome;
  position: absolute;
  right: 20px;
  color: #fff;
  top: 15px;
}
/* after 1 level */
.menu ul li ul li a.deeper {
  font-size: 15px;
  display: inline-block;
}
/* menu level 2*/
.menu ul li ul.submenu {
  display: none;
  padding:0;
}
.menu ul li ul.submenu a {
  transition: font-weight 0.15s, color 0.15s;
  width: 100%;
  text-transform: none;
  letter-spacing: 0.05em;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 25px;
  font-size: 13px;
  font-weight: 100;
  border-top-color: currentColor;
  border-top-width: 0px;
  border-top-style: none;
  -webkit-transition: font-weight 0.15s, color 0.15s;
}



.menu ul li ul.submenu ul.submenu a {
  transition: font-weight 0.15s, color 0.15s;
  width: auto;
  text-transform: none;
  letter-spacing: 0.05em;
  padding-top: 10px;
  padding-bottom: 0px;
  padding-left: 45px;
  font-size: 13px;
  font-weight: 100;
  border-top-color: currentColor;
  border-top-width: 0px;
  border-top-style: none;
  -webkit-transition: font-weight 0.15s, color 0.15s;
}
@media all and (max-width: 1022px) and (min-width: 300px) {
  .menu ul li ul.submenu a {
    font-weight: 400;
  }
}
.menu ul li ul.submenu a.active {
  background: rgba(101, 101, 101, 0.3);
  color: #fff;
  font-weight: 500;
}
.menu ul li ul.submenu a:hover {
  background: rgba(101, 101, 101, 0.3);
  color: #fff;
  font-weight: 500;
}
.menu ul li ul.submenu a::after {
  content: none;
}
/* after 2 level */
.menu ul li ul li a.deeper::after {
  transition: color 0.1s ease 0s;
}
.menu ul li ul li a.deeper::after {
  content: "•";
  position: absolute;
  right: 30px;
  padding-top: 0px;
  color: #DDB819;
}
.menu ul li a.deeper,
.menu ul li ul li a.deeper::after {
  font-size: 15px;
  display: inline-block;
}



/* klasicke menu */
.menu-klasik {
  float: right;
}
@media all and (max-width: 1022px) and (min-width: 300px) {
  .menu-klasik {
    display: none;
  }
}
/* menu-klasik level 1*/
.menu-klasik ul li {
  position: relative;
  float: left;
}
.menu-klasik ul li a {
  display: inline-block;
  color: #fff;
 
  padding: 12px 20px;
  font-size: 14px;
  position: relative;
  text-decoration: none;
}
.menu-klasik ul li a:hover {
  color: #fff408;
}
.menu-klasik ul li a.active {
  color: #fff408;
}
.menu-klasik ul li a.deeper::after {
  display: inline-block;
  content: "\f078";
  font-family: FontAwesome;
  position: absolute;
  right: 0px;
  top: 12px;
  font-size: 15px;
  color: #e9e9e9;
}
.menu-klasik ul li a.deeper.active::after {
  color: #fff408;
}
.menu-klasik ul li a.deeper:hover::after {
  color: #fff408;
}
/* menu-klasik level 2*/
.menu-klasik ul li ul.submenu {
  padding-bottom: 15px;
  padding-left: 0;
  display: none;
  position: absolute;
  background: rgba(12, 12, 12, 0.9);
}
.menu-klasik ul li ul.submenu li a {
  transition: font-weight 0.15s, color 0.15s;
  width: 280px;
  text-transform: none;
  letter-spacing: 0.05em;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  font-size: 14px;
  font-weight: 400;
  border-top-color: currentColor;
  border-top-width: 0px;
  border-top-style: none;
  -webkit-transition: font-weight 0.15s, color 0.15s;
  clear: both;
  color: #e9e9e9;
}
.menu-klasik ul li ul.submenu li a:hover {
  background: rgba(135, 135, 135, 0.5);
  color: #fff408;
}
.menu-klasik ul li ul.submenu li a.active {
  background: rgba(135, 135, 135, 0.5);
  color: #fff408;
}





/*  Breadcrumbs */
#breadcrumb {
  text-align: left;
}
@media all and (max-width: 766px) and (min-width: 300px) {
  #breadcrumb {
    display: none;
  }
}
.breadcrumbs {
  padding: 5px 0 0 5px;
  font-size: 12px;
}
.breadcrumbs a.pathway:link,
.breadcrumbs a.pathway:visited {
  color: #575757;
}
.breadcrumb-separator::after {
  content: "\f054";
  font-family: FontAwesome;
  color: #ffc141;
  font-size: 10px;
}





.divider {
background: #b08c41;
height: 20px;
width: 1px;
margin: 15px 0;
}

hr {
background: #363636;
height: 1px;
margin: 38px 0;
}

.right {text-align:right}
.left {text-align:left}
.center {text-align:center}



/* carusel */

#intro {
		padding-top: 50px;
		
	}
	

	.main-content {
		min-height: 50vh;
		background: #f3f0f066;
	}

@media (max-width: 991px) {

	#intro {
		padding-top: 50px;
		position: relative;
	}
	
	.main-content {
		min-height: auto;
		background: transparent;
	}
}


.motto-right {
	
	text-align: center;
}

.motto-right-content {
	background: #009541;
	color: #fff;
	vertical-align: middle;
	font-size: 36px;
	line-height: 70px;
	padding-top: 50px;
	padding-bottom: 50px;
}

.motto-right-down {
	font-size: 20px;
	padding-top: 40px;
	padding-bottom: 40px;
	line-height: 38px;
	background: #205a99;
	color: #ffef12;
	font-weight: 500;
}


/*
.company-title {
	position:absolute;
	z-index:10;
	height:100%;
	top: 50px;
}


@media (max-width: 480px) {
	.company-title {
		
	}
	
	
}



@media (min-width: 480px) and (max-width: 767px) {
	.company-title {
		
	}
	
	
}


@media (min-width: 768px) and (max-width: 991px) {
	.company-title {
		
	}

	


}

@media (min-width: 992px) and (max-width: 1199px) {

	.company-title {
	
	}

}
*/
article {
	border-bottom: 1px dotted gray;
}
.article {min-height:200px;
	
}
.docs {background: #e1e1e1;}


.kontakt .bck {
background: rgba(255, 255, 255, 0.6);
border-radius: 2px;
padding: 10px 10px;
margin: 28px 0;
}


.bck-title {
background: #dedede;
margin-top: 20px;
margin-bottom: 20px;
}








.tile {
	padding:0px;
	margin:0px;
}










.footer {
	background: #1d1d1d;
	color: #bfbfbf;
	padding: 30px 0;
}

.shares {
	border-top: 1px solid #dadada;
	padding: 10px 0;
	color: #151515;
	
}

.shares p {
	margin: 12px 0;
	line-height:12px;
}


.facebook {
    display: inline-block;
    margin-right: 6px;
    width: 42px;
    height: 42px;
    background: #b08c41;
    position: relative;
    border-radius: 22px;
}

.facebook::before {
    font-family: FontAwesome;
    content: "\f09a";
    font-size: 24px;
    color: white;
    line-height: 32px;
    border-radius: 26px;
    top: 4px;
    position: absolute;
    right: 14px;
}

.twitter {
    display: inline-block;
    margin-right: 6px;
    width: 42px;
    height: 42px;
    background: #b08c41;
    position: relative;
    border-radius: 22px;
}

.twitter::before {
    font-family: FontAwesome;
    content: "\f099";
    font-size: 24px;
    color: white;
    line-height: 32px;
    border-radius: 26px;
    top: 5px;
    position: absolute;
    right: 9px;
}



.gplus {
    display: inline-block;
    margin-right: 6px;
    width: 42px;
    height: 42px;
    background: #b08c41;
    position: relative;
    border-radius: 22px;
}

.gplus::before {
    font-family: FontAwesome;
    content: "\f0d5";
    font-size: 22px;
    color: white;
    line-height: 32px;
    border-radius: 26px;
    top: 5px;
    position: absolute;
    right: 5px;
}


.pinterest {
    display: inline-block;
    margin-right: 6px;
    width: 42px;
    height: 42px;
    background: #b08c41;
    position: relative;
    border-radius: 22px;
}

.pinterest::before {
    font-family: FontAwesome;
    content: "\f231";
    font-size: 24px;
    color: white;
    line-height: 32px;
    border-radius: 26px;
    top: 6px;
    position: absolute;
    right: 11px;
}

.linkedin {
    display: inline-block;
    margin-right: 6px;
    width: 42px;
    height: 42px;
    background: #b08c41;
    position: relative;
    border-radius: 22px;
}

.linkedin::before {
    font-family: FontAwesome;
    content: "\f0e1";
    font-size: 24px;
    color: white;
    line-height: 32px;
    border-radius: 26px;
    top: 6px;
    position: absolute;
    right: 11px;
}



/* novy nahlad na galeriu v clanku */
.crop_gallery2 {
  float: left;
  margin: 15px;
  overflow: hidden;
  position: relative;
  border: 0px solid #ccc;
  border-radius: 3px;
  padding: 0px;
  height: 120px;
}
.crop_gallery2 img {
  height: 120px;
  box-shadow: 0 0 0px #969696;
  border-radius: 3px;
  transition: all 0.3s ease-in-out;
}
.crop_gallery2_title {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 2px;
  background: rgba(255, 255, 255, 0.7);
}
.crop_gallery2_title span {
  color: #03529f;
  font-size: 12px;
}




/* ikonka pre mobily anchor to top */
.scroll-top {
 /* background: rgba(233, 4, 4, 0.8);*/
  bottom: 40px;
  cursor: pointer;
  opacity: 0;
  position: fixed;
  padding: 2px 5px;
  right: 50px;
  transition: opacity 1s ease, transform 1s ease;
  transform: translateY(100px);
  z-index: 1000;
  
  border-radius: 2px;
}
.scroll-top a {
  color: #00a651;
}
.scroll-top:hover {
  opacity: 1;
}
.scroll-top.m-visible {
  display: block;
  opacity: 0.8;
  transform: translateY(0);
}
#back-top {
  position: fixed;
  bottom: 40px;
  right: 5px;
  z-index: 12000;
  display: none;
}
#back-top a {
  width: 108px;
  display: block;
  text-align: center;
  font: 11px/100% Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  /* transition */
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}
#back-top a:hover {
  color: #fff;
}
#back-top span {
  width: 50px;
  height: 50px;
  display: block;
  margin-bottom: 7px;
  background: rgba(233, 4, 4, 0.6);
  background-size: 50%;
  -ms-filter: "alpha(opacity=70)";
  /* rounded corners */
  border-radius: 2px;
  /* transition */
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}
#back-top a:hover span {
  background: #e90404;
}
.back-top-style {
  font-size: 50px;
}


.caption-image-content {
float: left;
position: relative;
}

.caption-image {
right: 0px;
left: auto;
bottom: 80px;
padding: 10px 30px 10px 30px;
position: absolute;
background: rgba(48, 48, 48, 0.5);
color: #fff;
font-size: 25px;
}

@media all and (max-width: 700px) and (min-width: 300px) {
	.caption-image-content {
		float: none;
		position: relative;
		top:45px;
	}
	
	.caption-image {
		bottom: 5px;
		padding: 5px 20px;
		font-size: 16px;
	}
}




.image-uvod-pict {
	top:-40px;
}

.image-uvod-pict img {
	box-shadow: 0 0 5px gray;
}



.gallery {
padding: 20px 0;

}

.gallery img {
border-radius: 3px;
}

.gallery_preview {
    width: 100%;
    margin: 5px auto;
    padding: 25px 25px 50px;
}


.gallery_preview_crop {
    float: left;
    margin: 0px;
    overflow: hidden;
    position: relative;
    border: 0px solid #ccc;
    border-radius: 3px;
    padding: 15px;
    height: 220px;
}

.gallery_preview_crop img {
	height:220px;
	border-radius: 3px;
	transition: all .3s ease-in-out;
}

@media all and (max-width: 700px) and (min-width: 300px) {

.gallery_preview_crop img {
	width:100%;
	height: auto;
	border-radius: 3px;
	transition: all .3s ease-in-out;
}


}


.gallery-blog-preview  {
	
	border:1px solid #d7d7d7;
	
}

p.gallery-blog-title  {
	background: #fff;
	text-align: left;
	padding: 5px 10px;
	margin: 0;
}

p.gallery-blog-title a {
	color:#009541;
	
	font-size: 14px;
	font-weight: 500;
}


/* sponzori */
.sponzori img {width:100%;}