/*FONTS IMPORT*/
@import url(https://fonts.googleapis.com/css?family=Work+Sans:400,300,500,600|Lato:400,700,300&subset=latin,latin-ext);

/*BASIC SETTINGS*/
/*Page settings*/
/* **************************************************************** */
body {
	background-color: white;
}

/*Font settings*/
/* **************************************************************** */
body {
	font-family: "WorkSans-Regular",sans-serif;
	font-size: 17px;
	line-height: 28px;
	/* border:1px solid black; */
}

/*Container settings*/
/* **************************************************************** */
.container {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	/* border:1px solid green; */
}

.row-mb {
	margin-top: 80px !important;
	/*margin-bottom: 20px !important;*/
}

.col-lg-6 {
	/* border:1px solid orange; */
}

.box-content {
	/*border: 1px solid purple;*/
}

/*Other settings*/
/* **************************************************************** */
.header-row {
	font-family: WorkSans-Regular,sans-serif;
	font-size: 13px;
	padding: 30px 0px 20px;
}

#header-logo img {
	margin: 2px 0 0 145px;
    /*odsazení loga z leve strany*/
}

.topic-information {
 	margin: 3px auto 0 auto;
	padding: 0;
	text-align: center;
    font-size:16px;
    font-weight:700;
    color:#818181;
}

.topic-information img {
margin-right:8px;
margin-top:-4px;
}

.topic-list {
	margin: 7px 0 0 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	max-width: 170px;
}

	.topic-list li {
		display: inline;
		margin-right: 16px;
	}

		.topic-list li:last-child {
			margin-right: 0;
		}

		.topic-list li img {
			margin-right: 8px;
		}

.form-control, .input-group-btn button {
	border-radius: 0;
}

.input-header input, .input-group-btn button {
	border: none;
}

.input-header .btn {
	padding-top: 7px;
	padding-bottom: 7px;
}

	.input-group-btn button:hover {
		background-color: #047cc4;
	}

.input-header {
	font-family: "WorkSans-Light",sans-serif;
	font-size: 13px;
	border: 1px solid #e6e6e6;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    font-style: italic;
}

	.input-header:hover {
		border: 1px solid #047cc4;
	}

.link-decor {
    background: right no-repeat url('../images/link-decoration.png');
    padding-right:15px;
}    

/*NAVIGATION SETTINGS*/
/* **************************************************************** */

.navbar-default {
	border-color: transparent;
	border-radius: 0;
	background-color: #047cc4;
	color: white;
}

.navbar-nav {
	padding-left: 160px;
}

.navbar {
	margin-bottom: 5px;
	border: 0; /*Remove 1px border from navbar*/
}

/*.navbar-default .navbar-nav > li:first-child > a
{
    background-color: #024166;
}*/

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a {
	font-family: WorkSans-Regular,sans-serif;
	font-size: 14px;
    font-weight:600;
	color: white;
    padding-left:22px;
    padding-right:22px;
}

.navbar-default .navbar-nav > li:hover, .navbar-default .navbar-nav > li:focus {
	background-color: #999999;
	color: white;
}

/*Sets tuhe text hover color on navbar*/
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color:white;
}

.navbar-default .navbar-nav > li > a:hover{
    background-color:#0487d6;
}

/*Dropdown menu*/
.navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu {
	background-color: white;
	color: #999999;
}

.main-page .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .main-page > a {
	background-color: #024166;
	color: white;
}

/*Active page*/
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
	background-color: transparent;
	color: white;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: white;
  background-color: #0487d6;
}

.navbar-default .navbar-nav .open .dropdown-menu {
	padding: 0;
}

	.navbar-default .navbar-nav .open .dropdown-menu > li {
		font-family: WorkSans-Regular,sans-serif;
		font-size: 13px;
		display: block;
		height: 100%;
	}

		.navbar-default .navbar-nav .open .dropdown-menu > li > a {
			margin: 5px;
			display: block;
			border-bottom: 1px solid #e6e6e6;
			height: 40px;
			padding-top: 7px;
		}

.last-item {
	border-bottom: none !important;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #048039;
}
/*END OF NAVIGATION SETTINGS*/
/* **************************************************************** */

.jumbotron {
	border-radius: 0 !important;
}

.header-image-box {
	position: relative;
}

.box-content h2, .content-wrapper-news-detail h2 {
	font-family: WorkSans-Regular,sans-serif;
	font-size: 30px;
    top:-4px; position:relative;
}

.main-page-h2 {
    margin-top: 20px !important;
    margin-bottom: 10px !important;
}

.box-content > .list-one-item > li > h2, .content-wrapper-news-detail .list-one-item > li > h2
{
      padding-top:40px;
      padding-left:20px;
      padding-bottom:30px;
      margin:0;
      text-transform:uppercase;
}

.content-wrapper, .content-wrapper-news-detail {
    margin-bottom:60px;
}

.content-wrapper-news-detail img{
    margin:20px auto;
}

.wrap-box-1,.wrap-box-2,.wrap-box-3, .wrap-box-4, .wrap-box-5, .wrap-box-6 {
    position: relative;
    height: 230px;
	width: 455px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.wrap-box-1 img,.wrap-box-2 img,.wrap-box-3 img,.wrap-box-4 img,.wrap-box-5 img,.wrap-box-6 img
{
  width:100%;
  height:100%;
  vertical-align:top;
}

.wrap-box-1:after, .wrap-box-2:after, .wrap-box-3:after, .wrap-box-4:after, .wrap-box-5:after, .wrap-box-6:after {
    content: '\A';
    position: absolute;
    width: 100%; height:100%;
    top:0; left:0;
    background:rgba(4,146,64,0.8) url(../images/eye-hover.png) center no-repeat;
    opacity: 0;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.wrap-box-1:hover:after, .wrap-box-2:hover:after, .wrap-box-3:hover:after, .wrap-box-4:hover:after, .wrap-box-5:hover:after, .wrap-box-6:hover:after {
    opacity: 1;
}
 
	.wrap-box-1:hover,.wrap-box-2:hover,.wrap-box-3:hover, .wrap-box-4:hover, .wrap-box-5:hover, .wrap-box-6:hover {
		background:rgba(4,146,64,0.8) url(../images/eye-hover.png) no-repeat center;
	}

		.wrap-box-1:hover .box-bottom,
        .wrap-box-2:hover .box-bottom, 
        .wrap-box-3:hover .box-bottom, 
        .wrap-box-4:hover .box-bottom,
        .wrap-box-5:hover .box-bottom,
        .wrap-box-6:hover .box-bottom {
			visibility: hidden;
		}

.box-bottom {
	/* border:1px solid green; */
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 455px;
	height: 75px;
	padding: 15px;
	background-color: rgba(4, 126, 192, 0.50);
}

	.box-bottom h3 {
		font-family: "WorkSans-SemiBold",sans-serif;
		font-size: 18px;
        font-weight:bolder !important;
        color:white;
		/*border: 1px solid black;*/
		margin: 0;
		padding: 0;
		margin-top: 13px;
	}

.box-content p {
	font-family: WorkSans-Light,sans-serif;
	/*font-size: 14px;*/
}

.box-content a {
	font-family: WorkSans-Regular,sans-serif;
	/*font-size: 15px;*/
}

.box-content > h3 {
	font-family: WorkSans-SemiBold,sans-serif;
	font-weight: 700;
	font-size: 18px;
}

.carusel-caption-wrapper {
    position: absolute;
    margin-right:160px;
    margin-left:160px;
    top:60px;
}

.carousel-caption-1 {
    /*position: absolute;*/
    text-align: left;
    padding: 30px;
    margin-bottom:20px;
    /*left: 150px;
    top: 90px;*/
    max-width: 660px;
    width:auto;
    height: auto;
    background: rgba(25, 122, 181, 0.75) none repeat scroll 0% 0%;
}

.carousel-caption-1 h3 {
    font-family: "Work sans",sans-serif;
    font-size: 38px;
    font-weight: 700;
    margin: 0px;
    color: #FFF;
    display: inline;
}

.carousel-caption-1 p {
    font-family: "Lato-Light",sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #FFF;
    margin: 10px auto auto;
    line-height: 18px;
}

.carousel-caption-2 {
    font-family: "Work sans",sans-serif;
    font-size: 15px;
    font-weight: 500;
    /*position: absolute;*/
    text-align: left;
    padding: 10px 25px;
    /*left: 150px;
    top: 240px;*/
    width: auto;
    background: rgba(2, 65, 102, 0.75) none repeat scroll 0% 0%;
    color: #FFF;
    text-decoration:none;
    text-transform: uppercase;
    display:inline-block;
}

.carousel-caption-2:hover
{text-decoration:underline;color:#fff;}

/*Contact form*/
.contact-form-box {
	background-color: #FCFCFC;
	padding: 40px 150px;
}

.forms-group {
	max-width: 600px;
	margin-top: 30px;
	margin-bottom: 20px;
    float:left;
}

.list-one-item {
	list-style-image: url(../images/list-img-1.png);
}

	 .form-group input[id='input_name'],
	 .form-group input[id='input_email'],
	 .form-group textarea[id='input-message'],
	 .form-group textarea[id='input-message'] {
		font-family: Lato-Light,sans-serif;
		font-size: 14px;
	}

	 .form-group textarea[id='input-message'] {
		font-size: 15px;
	}

	 .form-group input[id='input_name'],
	 .form-group input[id='input_email'],
	 .form-group textarea[id='input-message'] {
		border-radius: 0;
	}

		 .form-group input[id='input_name']:hover,
		 .form-group input[id='input_email']:hover,
		 .form-group textarea[id='input-message']:hover,
		 .form-group input[id='input_name']:focus,
		 .form-group input[id='input_email']:focus,
		 .form-group textarea[id='input-message']:focus {
			border: 1px solid #047cc4;
			color: #047cc4 !important;
		}

.input-message {
    height:130px !important;
}

::-webkit-input-placeholder:hover { /* WebKit, Blink, Edge */
	color: #047cc4 !important;
}

:-moz-placeholder, ::-moz-placeholder:focus { /* Mozilla Firefox 4 to 18 */
	color: #047cc4 !important;
	opacity: 1;
}

::-moz-placeholder:hover, ::-moz-placeholder:focus { /* Mozilla Firefox 19+ */
	color: #047cc4 !important;
	opacity: 1;
}

:-ms-input-placeholder:hover, ::-moz-placeholder:focus { /* Internet Explorer 10-11 */
	color: #047cc4 !important;
}

.forms-group button[id='send-message'] {
	background-color: #047cc4;
	padding: 8px 40px;
	border-radius: 0;
	border: none;
	color: white;
}

    .forms-group button[id='send-message']:hover {
        background-color:#0487d6;
    }

.contact-img {
margin-left: 25px;
margin-top: 30px;
width: 390px;
}

/* Certifications setting */
.list-certifications{
  list-style:none;
  padding-left:0;
  margin-top:40px;
}
.list-certifications > li > a
{
  padding:8px 0;
  display:inline-block;
  font-size:18px;
}

.list-certifications > li > a > img
{
  padding-right:15px;
}

.certification-image {
    text-align:left;
    margin-top:30px;
    display:inline-block;
}

.contact-image-wrapper{
}

/*Footer setting*/
.footer {
	font-family: WorkSans-Regular,sans-serif;
	color: #848387;
}

.footer-box1 {
	background-color: #2c2e34;
	width: 100%;
	margin: 0px;
	padding: 60px 10px 40px 10px;
}

	.footer-box1 .wrap-contact-footer h3, .footer-box1 .wrap-navigation-footer h3 {
		font-family: WorkSans-Regular,sans-serif;
		font-size: 20px;
		color: #a1a1a2;
	}

	.footer-box1 .wrap-navigation-footer li {
		font-family: WorkSans-Medium,sans-serif;
	}

	.footer-box1 .wrap-contact-footer ul {
		font-family: WorkSans-Regular, sans-serif;
	}

	.footer-box1 .wrap-contact-footer ul li{
		font-family: WorkSans-Regular, sans-serif;
		font-size: 16px;
        margin-bottom:12px;
	}

	.footer-box1 .box-bottom > p {
		font-size: 15px;
	}

	.footer-box1 h3 {
		margin: 0 auto 30px auto;
		padding: 0;
	}

	.footer-box1 [class^="col-"]:first-child .box-content {
		margin-left: 65px;
	}

.footer-logo {
	/*margin:5px auto 30px auto;*/
	margin: 0 0 30px 0;
}

.footer-box2 {
	background-color: #212226;
	color: #5b6166;
	font-size: 12px;
	padding: 0 10px;
}

	.footer-box2 p {
		font-family: WorkSans-SemiBold,sans-serif;
		font-size: 13px;
		margin-bottom: 0;
		margin-left: 65px;
		padding-top: 8px;
		padding-bottom: 8px;
	}

.list-basic {
	list-style: none;
	padding: 0;
}

	.list-basic li {
		margin: 4px auto;
	}

		.list-basic li img {
			margin-right: 10px;
		}

.footer-list {
	list-style: url(../images/list-decoration-1.png);
	margin: 0 0 0 8px;
	padding: 0;
}

	.footer-list li:hover {
		list-style: url(../images/list-decoration-2.png);

	}

        .footer-list li:hover a {
             color:#059e45;
        }

	.footer-list a {
		color: #727274;
	}


.wrap-navigation-footer {
	margin: 0 auto !important;
	/* border:1px solid green; */
	max-width: 380px;
}

.wrap-contact-footer {
	margin: 0 auto !important;
	/* border:1px solid red; */
	max-width: 240px;
}

.footer-developer-link {
    text-decoration: underline;
    color: #818181;
}

/*Breadcrumb settings*/
.breadcrumb {
    padding: 8px 0;
    list-style: none;
    margin-bottom:0;
    background-color: transparent;
    border-radius: 4px;
    font-size:15px;
    font-weight:600;
}

/*.gallery{
  border:1px solid gray;
  padding:4px;
}

.gallery img{
  padding:2px;
}*/

/* Gallery settings */
.gallery
{
  border: 1px solid gray;
  padding: 4px;
  margin-top:40px;
  text-align:left;
  display:inline-block;
}

.gallery img
{
margin:3px;  
padding:1px;
border:1px solid gray;
}



/*Other settings*/
/* **************************************************************** */
.row-no-margin {
	margin: 0;
}

.no-padding {
	padding: 0;
}

.padding-b15 {
	margin-bottom: 15px;
}

.no-margin {
	margin: 0;
}

.add-margin {
	margin-bottom: 30px;
}

.input-small-size {
width:535px;
}

.top-line {
	border-top: 1px solid #F2F2F2;
}

.mb50 {
    margin-bottom:50px;
}

.right{
    float:right;
}


/* Validation settings */

.field-validation-error
{
  color:red;
  font-weight:bold;
  margin-top:8px;
  display:block;
}


/* Zachytne */
.zachytne-text {
	padding-top: 20px;
}




/*RESPONSIVE SETTINGS*/
/* **************************************************************** */
/* Extra Small */
/* **************************************************************** */
@media(max-width:767px) {
	#header-logo img {
margin: auto auto 10px auto;
	}

	.fixed-variable-size {
		max-width: inherit;
	}

	.topic-list {
		margin: 5px auto;
	}

	.navbar-nav {
		padding-left: 0;
	}

	.wrap-box-1, .wrap-box-2, .wrap-box-3, .wrap-box-4, .wrap-box-5, .wrap-box-6 {
		width: 273px;
		height: 138px;
	}

	.box-bottom {
		margin-left: 50% !important;
		left: -137px !important;
		width: 274px;
        height:45px;
	}

		.box-bottom h3 {
         font-size:13px;
         margin:0;
		}

	.row-width-smaller {
		margin-right: 0;
		margin-left: 0;
	}

	.forms-group {
		margin-top: 0;
		margin-bottom: 0;
	}

	.contact-form-box {
		border-top: 1px solid #F2F2F2;
		background-color: #FCFCFC;
		padding: 20px 0;
	}

	/* Variable data for responsive design */
	.box-bottom {
		display: block;
		margin-left: 50%;
		left: -228px;
	}

	.footer-box1 [class^="col-"]:first-child .box-content {
		margin-left: 0;
	}

	.footer-box1 .wrap-contact-footer {
		max-width: 225px;
        margin-top: 40px !important;
	}

	.footer-box1 .wrap-contact-footer, .footer-box1 .wrap-navigation-footer {
        margin-top: 40px !important;
	}

		.footer-box1 .wrap-contact-footer h3, .footer-box1 .wrap-navigation-footer h3 {
			text-align: center;
		}

	.footer-box1 .wrap-navigation-footer {
		max-width: 110px;
	}

	.footer-box2 p {
		margin-left: 0;
	}

    .input-small-size {
       width:100%;
    }

    .right {
      float:none;
    }  
      
    .forms-group {
       float:initial;
       max-width:none;
    }

        .wrap-box-6 .box-bottom h3 {
        margin-top:-5px;
    }
}

/* Small */
/* **************************************************************** */
@media(min-width:768px) and (max-width:991px) {

	.p-l-z {
		padding-left: 0;
	}

	.fixed-variable-size {
		max-width: inherit;
	}

	.topic-list {
		margin: 5px auto;
	}

	#header-logo img {
		margin: auto auto 10px auto;
	}

	.search {
		max-width: 500px;
		margin: 0 auto;
	}

	.navbar-nav {
		padding-left: inherit;
	}

    .carusel-caption-wrapper{top:15px;}

	.wrap-box-1, .wrap-box-2, .wrap-box-3, .wrap-box-4, .wrap-box-5, .wrap-box-6 {
		width: 354px;
		height: 180px;
	}

	.box-bottom {
		margin-left: 50% !important;
		left: -178px !important;
		width: 354px;
	}

	.row-width-smaller {
		margin-right: 0;
		margin-left: 0;
	}

	/* Variable data for responsive design */
	.box-bottom {
		display: block;
		margin-left: 50%;
		left: -228px;
	}

    .forms-group {
        width:100%;
    }

	.footer-box1 [class^="col-"]:first-child .box-content {
		margin-left: 0;
	}

	.footer-box1 .wrap-contact-footer h3, .footer-box1 .wrap-navigation-footer h3 {
		text-align: center;
	}

	.footer-box1 .wrap-navigation-footer {
		max-width: 150px;
	}

    .footer-box1 .wrap-contact-footer, .footer-box1 .wrap-navigation-footer {
        margin-top: 40px !important;
	}

	.footer-box1 .wrap-contact-footer {
		max-width: 225px;
	}

		.footer-box1 .wrap-contact-footer h3, .footer-box1 .wrap-navigation-footer h3 {
			text-align: center;
		}

	.footer-box1 .wrap-navigation-footer {
		max-width: 110px;
	}

	.footer-box2 p {
		margin-left: 0;
	}


    .right {
      float:none;
    }
        .wrap-box-6 .box-bottom h3 {
        margin-top:4px;
    }  
      
}


/* Medium */
/* **************************************************************** */
@media(min-width:992px) and (max-width:1199px) {
	.p-l-z {
		padding-left: 0;
	}

	#header-logo img {
		margin: 0 0 0 80px;
	}

    .carusel-caption-wrapper{top:30px;}

	.wrap-box-1, .wrap-box-2, .wrap-box-3, .wrap-box-4, .wrap-box-5, .wrap-box-6 {
		width: 398px;
		height: 202px;
	}

	.box-bottom {
		margin-left: 50% !important;
		left: -199px !important;
		width: 398px;
	}

	.row-width-smaller {
		padding-right: 50px;
		padding-left: 50px;
	}

    .input-small-size {
    width: 500px;
    }

    .contact-img {
     width: 325px;
     height: 275px;
    }

       .wrap-box-6 .box-bottom h3 {
        margin-top:4px;
    }
}

/* Large */
/* **************************************************************** */
@media(min-width:1200px) and (max-width:1279px) {
	.p-l-z {
		padding-left: 0;
	}

	.row-width-smaller {
		padding-right: 100px;
		padding-left: 100px;
	}

	.wrap-box-1, .wrap-box-2, .wrap-box-3, .wrap-box-4, .wrap-box-5, .wrap-box-6 {
		width: 356px;
		height: 180px;
	}

	.box-bottom {
		position: absolute;
		bottom: 0;
		margin-left: 50%;
		left: -178px;
		width: 356px;
	}

    .wrap-box-6 .box-bottom h3 {
        margin-top:4px;
    }
}

/* Extra Large */
/* **************************************************************** */
@media(min-width:1280px) {
	.p-l-z {
		padding-left: 0;
	}

	.container {
		width: 1280px;
	}

	.row-width-smaller {
		padding-right: 150px;
		padding-left: 150px;
	}

}

/*
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #000000;
}
.navbar-default .navbar-text {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #000000;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #000000;
  background-color: #6d8cf5;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #000000;
  background-color: #6d8cf5;
}
.navbar-default .navbar-toggle {
  border-color: #6d8cf5;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #6d8cf5;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ecf0f1;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ecf0f1;
}
.navbar-default .navbar-link {
  color: #ecf0f1;
}
.navbar-default .navbar-link:hover {
  color: #000000;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ecf0f1;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #000000;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #000000;
    background-color: #6d8cf5;
  }
*/