*{margin:0px;padding:0px;box-sizing:border-box;font-family: Open Sans, Verdana, sans-serif;}
@font-face {
    font-family: WorkSans-Regular;
    src: url(fonts/WorkSans-Regular.otf);
}
@font-face {
    font-family: WorkSans-SemiBold;
    src: url(fonts/WorkSans-SemiBold.otf);
}
@font-face {
    font-family: WorkSans-ExtraBold;
    src: url(fonts/WorkSans-ExtraBold.otf);
}
@font-face {
    font-family: WorkSans-Light;
    src: url(fonts/WorkSans-Light.otf);
}
@font-face {
    font-family: WorkSans-Bold;
    src: url(fonts/WorkSans-Bold.otf);
}
@font-face {
    font-family: WorkSans-Medium;
    src: url(fonts/WorkSans-Medium.otf);
}
header .left{
	padding:40px 0;
	float:left;
	transition:0.3s all ease;
}
header .left img{
	float:left;
}
header .left h1{
	float:left;
	line-height:70px;
	font-family: WorkSans-Regular;
	font-size:23px;
	color:#1a1a1a;
	margin-left:50px;
	margin-top:0;
	margin-bottom:0;
}
header .right{
	padding:40px 0;
	float:right;
	transition:0.3s all ease;
}
header .right button{
	margin-bottom:13px;
	margin-top:13px;
	margin-right:0;
}
header .right button .icon-bar{
	background-color:#1d3b71;
	width:34px;
	height:4px;
	border-radius:0;
}
header .right button .icon-bar + .icon-bar {
    margin-top:6px;
}
header .right ul{
	float:left;
	list-style:none;
	font-size:0px;
	margin-bottom:0;
}
header .right ul li{
	font-size:16px;
	display:inline-block;
	line-height:70px;
	padding:0 17.5px;
}
header .right ul li .home{
	margin-top:-7px;
}
header .right .a-jazyk{
	float:right;
	line-height: 50px;
    height: 50px;
    display: block;
	margin-top:10px;
	padding-left:17.5px;
}
header .right .a-jazyk .jazyk{	
	width:85px;
	height:50px;
	line-height:44px;
	border-radius:25px;
	border:2px solid #eeeeee;
	display:inline-block;
	vertical-align:middle;
	overflow:hidden;
	background-color:#fff;
	transition:0.3s all ease;
}
header .right .a-jazyk .jazyk .open{	
	cursor:pointer;
	padding:17px 7.5px;
}
header .right .a-jazyk .jazyk img:nth-child(1){
	margin-left:7.5px;
	border-radius:30px;
	box-shadow:0px 0px 7px rgba(0,0,0,0.15);
}
header .right .a-jazyk .jazyk img{
	display:inline-block;
	vertical-align:middle;
}
header .right ul li a{
	text-decoration:none;
	color:#1a1a1a;
}
header .right ul li a:hover{
	color:#1d3b71;
}
header .fixed{
	z-index:1000;
	position:fixed;
	width:100%;
	background-color:#fff;
	border-bottom:1px solid #1d3b71;
}
header nav{
	padding-top:154px;
	clear:both;
	background-color:#1d3b71;
	border-bottom:4px solid #1d3b71;
}
header nav ul{
	list-style:none;
	margin-bottom:0;
}
header nav ul li{
	display:inline-block;
	padding:34px 22px;
}
header nav ul li a{
	font-family: WorkSans-SemiBold;
	color:#fff;
	text-decoration:none;
	font-size:16px;
}
header nav ul li a:hover{
	color:#fff;
	text-decoration:underline;
}
.banner{
	height:650px;
	background:url('picture/banner-bg.png') no-repeat center center;
}
.banner article {
	float:right;
}
.banner article h2{
	margin-top:100px;
	line-height:80px;
	font-family: WorkSans-ExtraBold;
	color:#1a1a1a;
	text-transform:uppercase;
	font-size:60px;
	text-align:right;
}
.banner article h2 span{
	color:#1d3b71;
	font-family: WorkSans-ExtraBold;
}
.banner article ul {
	margin-top:40px;
    list-style-image: url('picture/ul-icon.png');
	margin-left:330px;
}
.banner article ul li{
    font-family:WorkSans-SemiBold;
	color:#1d3b71;
	padding:5px 20px;
	font-size:16px;
}
.banner article a{
	margin-top:40px;
	float:right;
	padding:20px 40px;
	color:#fff;
	font-size:16px;
	font-family:WorkSans-SemiBold;
	text-transform:uppercase;
	background-color:#d20010;
	border-radius:4px;
	box-shadow:0px 0px 10px rgba(1, 167, 238, 0.5);
	transition:0.3s all ease;
}
.banner article a:hover{
	text-decoration:none;
	background-color:#0689c1;
}
.banner article a img{
	margin-top:-2px;
	margin-left:20px;
}
.box{
	background-color:#f7f7f7;
	padding:98px 0;
	text-align:center;
}
.box .box-center{
	display:inline-block;
}
.box .sluzby {
	display:table-cell;
	width:830px;
	height:634px;
	border:5px solid #1d3b71;
	vertical-align: middle;
    text-align: center;
	position:relative;
}
.box .sluzby h2{
	position:absolute;
	top:60px;
	margin:0;
	left:0;
	right:0;
	text-transform:uppercase;
	font-size:37px;
	color:#1d3b71;
	font-family: WorkSans-Light;
}
.box .sluzby .prace{
	display:inline-block;
	background:url('picture/naseprace.png') no-repeat center;
	width:370px;
	height:305px;
	padding:229px 30px 30px 30px;
}
.box .sluzby .prace p{
	float:left;
	color:#fff;
	font-family:WorkSans-SemiBold;
	font-size:18px;
	text-transform:uppercase;
	line-height:46px;
}
.box .sluzby .prace a:hover .button{
	background-color:#0080b7;
}
.box .sluzby .prace a .button{
	background-color:#d20010;
	border-radius:4px;
	width:46px;
	height:46px;
	line-height:46px;
	float:right;
	transition:0.3s all ease;
	box-shadow:0 0 15px rgba(1, 167, 238, 0.7)
}
.box .sluzby .prace a .button img{
	vertical-align:middle;
}
.aktuality {
	background-color:#1d3b71;
	padding:100px 0 70px 0;
}
.aktuality h2{
	font-family:WorkSans-Light;
	font-size:37px;
	color:#fff;
	margin-bottom:50px;
	margin-top:0;
}
.aktuality h3{
	font-family:WorkSans-Light;
	font-size:30px;
	color:#fff;
	margin-bottom:50px;
	margin-top:0;
}
.aktuality h4{
	font-family:WorkSans-Light;
	font-size:27px;
	color:#fff;
	margin-bottom:50px;
	margin-top:0;
}

.aktuality ul{
	list-style:none;
}
.aktuality ul li{
	padding-bottom:30px;
}
.aktuality ul li article{
	background-color:#fff;
	border-radius:6px;
	padding:30px;
	text-align:left;
	position:relative;
}
.aktuality ul li article a:hover p{
	text-decoration:underline;
}
.aktuality ul li article p{
	font-size:13px;
	line-height:20px;
	text-transform:uppercase;
	letter-spacing:0.5px;
	font-family: WorkSans-Bold;
	color:#114fa4;
	margin-bottom:0;
	display:inline-block;
	width:75%;
}
.vertical{
	position: absolute;
    top: 0;
    bottom: 0;
    right: 30px;
}
.vertical:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.contact{
	background-color:#f3f3f3;
	padding:70px 0 90px 0;
}
.contact h2{
	font-family:WorkSans-Light;
	font-size:37px;
	color:#1d3b71;
	text-transform:uppercase;
}
.contact-left{
	float:left;
}
.contact-left h2{
	margin-bottom:40px;
}
.contact-left form{
	width:380px;
}
.contact-left form label{
	width:100%;
	margin-bottom:15px;
	position:relative;
}
.contact-left form label input,.contact-left form label textarea{
	width:100%;
	border:none;
	padding:10px;
	box-shadow:0px 0px 7px rgba(0,0,0,0.05);
	resize:none;
}
.contact-left form label input[type=phone]{
	width:60%;
}
.contact-left form label input[type=submit]{
	background-color:#d20010;
	color:#fff;
	border-radius:4px;
	font-family:WorkSans-SemiBold;
	font-size:16px;
	text-transform:uppercase;
	padding:20px 20px 20px 10px;
	transition:0.3s all ease;
	box-shadow:0 0 15px rgba(1, 167, 238, 0.5)
}
.contact-left form label input[type=submit]:hover{
	background-color:#2199cc;
}
.contact-left form .submit{
	width:152px;
}
.contact-left form label img{
	position:absolute;
	right:20px;
	top:24px;
}
.contact-left form label p{
	font-family: WorkSans-Medium;
	color:#404040;
	cursor:text;
	margin-bottom:5px;
	font-size:16px;
	font-weight:400;
}
.contact-right{
	float:right;
}
.contact-right h2{
	margin-bottom:60px;
}
.contact-right p{
	font-family:WorkSans-Medium;
	color:#404040;
	font-weight:400;
	font-size:16px;
	margin-bottom:5px;
}
.contact-right ul{
	margin-top:40px;
	margin-bottom:30px;
	list-style:none;
}
.contact-right ul li,.contact-right a{
	display:inline-block;
	width:70%;
	color:#1d3b71;
	font-family:WorkSans-Bold;
	font-size:16px;
}
.contact-right ul li:nth-child(2n+1){
	width:29%;
	font-family:WorkSans-Bold;
	color:#404040;
	font-size:16px;
}
.contact-right .img-container{
	max-width:470px;
}
.contact-right img{
	width:100%;
	box-shadow:0 0 40px rgba(0,0,0,0.05);
}
footer{
	background-color:#1d3b71;
	padding:50px 0;
	color:#fff;
	font-family:WorkSans-Medium;
	font-size:16px;
}
footer .footer-left{
	float:left;
}
footer .footer-right{
	float:right;
}

/*-----------SPOLOCNOST------------*/

.spolocnost-banner{
	height:163px;
	background:url("picture/splocnost-bg.png") no-repeat center;
}
.spolocnost-banner .text-box{
	line-height:163px;
	min-height:163px;
	float:right;
}
.spolocnost-banner .text-box h2{
	font-family:WorkSans-ExtraBold;
	font-size:44px;
	color:#1a1a1a;
	text-transform:uppercase;
	margin:0;
	line-height:44px;
	vertical-align:middle;
	display:inline-block;
}
.content{
	background-color:#f7f7f7;
	padding:60px 0;
}
.content .content-left{
	float:left;
	width:291px;
}
.content .content-left p{
	font-family:WorkSans-Medium;
	font-size:16px;
	color:#404040;
	font-weight:400;
}
.content .content-left .margin-bottom{
	margin-bottom:40px;
}
.content .content-left p span{
	font-family:WorkSans-Bold;
}
.content .content-right{
	float:right;
	width:513px;
}
.content .content-right ul{
	list-style:none;
}
.content .content-right ul li{
	background-color:#fff;
	border:2px solid #f0f0f0;
	padding:30px 40px 20px 40px;
	margin-bottom:25px;
	box-shadow:0px 0px 15px rgba(0,0,0,0.025)
}
.content .content-right ul li h2{
	font-family:WorkSans-SemiBold;
	font-size:19px;
	color:#404040;
	margin:0;
}
.content .content-right ul li .podnadpis{
	font-family:WorkSans-Medium;
	font-size:14px;
	color:#a6a6a6;
	font-style:italic;
	margin-bottom:20px;
}
.content .content-right ul li .info{
	margin-bottom:10px;
}
.content .content-right ul li .info a{
	color:#1d3b71;
	font-size:16px;
	font-family:WorkSans-Medium;
}
.content .content-right ul li .info p{
	font-family:WorkSans-Medium;
	font-size:16px;
}

.content .content-right ul li .info img{
	float:left;
	margin-right:20px;
}

/*---------------PRACE---------------*/

.prace{
	padding:60px 0;
	background-color:#f7f7f7;
}
.prace h2{
	font-family:WorkSans-Bold;
	font-size:27px;
	color:#404040;
	margin-bottom:40px;
}
.prace .prace-left{
	width:70%;
	float:left;
}
.prace .prace-left p{
	font-family:WorkSans-Medium;
	font-size:16px;
	color:#404040;
	line-height:30px;
	margin-bottom:60px;
	letter-spacing:0.3px;
}
.prace .prace-left .vybavenie{
	list-style-image:url('picture/ul-arrow.png');
	margin-left:32px;
	margin-bottom:60px;
}
.prace .prace-left .vybavenie li{
	padding-bottom:15px;
	padding-left:30px;
}
.prace .prace-left .vybavenie a{
	font-family:WorkSans-Medium;
	font-size:22px;
	color:#1d3b71;
}
.prace .prace-right{
	width:25%;
	float:right;
}
.prace .prace-right h2{
	font-size:37px;
	font-family:WorkSans-Light;
	color:#1d3b71;
	text-transform:uppercase;
}
.prace .prace-right ul{
	padding:30px 50px 15px 50px;
	border-left:6px solid #1d3b71;
	list-style:none;
}
.prace .prace-right ul li{
	margin-bottom:15px;
}
.prace .prace-right ul li a{
	font-family:WorkSans-Bold;
	font-size:16px;
	color:#404040;
}
.prace .spolupraca{
	list-style:none;
}
.prace .spolupraca li{
	display:inline-block;
	margin-right:30px;
	margin-bottom:30px;
}




















/*-----------RESPONSIVE------------*/
@media screen and (max-width: 768px) {
	header nav{
		padding-top:70px;
	}
	header .right{
		float:none;
		position:relative;
		padding:0 !important;
	}
	header .right ul{
		background-color:#fff;
		width:100%;
	}
	header .right ul li{
		width:100%;
		text-align:center;
		line-height:50px;
		border-bottom:1px solid rgba(0,0,0,0.1);
	}
	header .right ul li:last-child{
		border-bottom:none;
	}
	header .left{
		padding:0px !important;
	}
	header .left img{
		width:108px !important;
		margin-top:13px !important;
	}
	.banner article{
		width:100%;
		text-align:center;
	}
	.banner article h2{
		line-height:40px;
		font-size:40px;
		text-align:center;
	}
	.banner article ul{
		margin:40px 0px 0px 0;
		display:inline-block;
	}
	.banner article a{
		display:inline-block;
		float:none;
	}
	header .right .a-jazyk{
		margin-left:85px;
	}
	header .right .a-jazyk .jazyk{
		position:absolute;
		right:0;
	}
	.content .content-left{
		width:100% !important;
		margin-bottom:40px;
	}
	.content .content-right{
		width:100% !important;
	}
	.prace .spolupraca {
		text-align:center;
	}
	.prace .spolupraca li{
		width:191px;
		margin-right:0;
	}
}
@media screen and (min-width: 768px) {
	header .right ul{
		display:block !important;
	}
}
@media screen and (max-width: 400px) {
    header .left{
		width:47.5%;
	}
	header .left img{
		width:100%;
		float:none;
		vertical-align:middle;
	}
	header .right .a-jazyk{
		padding-left:0;	
		margin-left:66px;
	}
	header .right .a-jazyk .jazyk{
		width:66px;
	}
	header .right .a-jazyk .jazyk img:nth-child(1){
		margin-left:4.5px;
	}
	header .right .a-jazyk .jazyk .open{
		padding:17px 0;
	}
	.banner article h2{
		line-height:27px;
		font-size:27px;
	}
	.banner article a img{
		display:none;
	}
	footer .footer-left,footer .footer-right{
		float:none;
		text-align:center;
	}
	.spolocnost-banner .text-box h2{
		font-size:35px;
	}
	.content .content-right ul li{
		padding:30px 10px 20px 20px;
		overflow:hidden;
	}
	.content .content-right ul li .info img{
		float:none;
		margin-bottom:5px;
	}
	.content .content-right ul li .info a{
		width:100%;
		display:block;
		font-size:13px;
	}
}

@media screen and (max-width: 440px) {
	header nav ul li{
		width:100%;
		text-align:center;
		padding:20px 0 0 0;
	}
	header nav ul li:last-child{
		padding-bottom:20px;
	}
	.box{
		padding:0px;
	}
	.box .sluzby{
		border:none;
	}
	.box .sluzby .prace{
		width:100%;
		padding:229px 10px 30px 10px
	}
	.aktuality ul li article p{
		width:90%;
	}
	.content .content-right ul li .info img{
		margin-right:5px;
	}
	.prace .prace-left .vybavenie li{
		padding-left:10px;
	}
	.prace .prace-left .vybavenie a{
		font-size:20px;
	}
}

@media screen and (max-width: 992px) {
	.contact h2{
		font-size:35px;
	}
	.contact-left{
		margin-bottom:40px;
	}
	.contact-left form{
		width:100%;
	}
	.contact-right{
		width:100%;
	}
	.content .content-right{
		width:57%;
	}
	.prace .prace-left{
		width:100%;
	}
	.prace .prace-right{
		width:100%;
		float:left;
		margin-bottom:40px;
	}
}