@charset "UTF-8";

@font-face {
    font-family: 'VAGRoundedNextBold';
    src: url('../fonts/VAGRoundedNextBold.eot');
    src: url('../fonts/VAGRoundedNextBold.eot') format('embedded-opentype'),
         url('../fonts/VAGRoundedNextBold.woff2') format('woff2'),
         url('../fonts/VAGRoundedNextBold.woff') format('woff'),
         url('../fonts/VAGRoundedNextBold.ttf') format('truetype'),
         url('../fonts/VAGRoundedNextBold.svg#VAGRoundedNextBold') format('svg');
}
@font-face {
    font-family: 'VAGRoundedNextRegular';
    src: url('../fonts/VAGRoundedNextRegular.eot');
    src: url('../fonts/VAGRoundedNextRegular.eot') format('embedded-opentype'),
         url('../fonts/VAGRoundedNextRegular.woff2') format('woff2'),
         url('../fonts/VAGRoundedNextRegular.woff') format('woff'),
         url('../fonts/VAGRoundedNextRegular.ttf') format('truetype'),
         url('../fonts/VAGRoundedNextRegular.svg#VAGRoundedNextRegular') format('svg');
}
@font-face {
    font-family: 'VAGRoundedNextIt';
    src: url('../fonts/VAGRoundedNextIt.eot');
    src: url('../fonts/VAGRoundedNextIt.eot') format('embedded-opentype'),
         url('../fonts/VAGRoundedNextIt.woff2') format('woff2'),
         url('../fonts/VAGRoundedNextIt.woff') format('woff'),
         url('../fonts/VAGRoundedNextIt.ttf') format('truetype'),
         url('../fonts/VAGRoundedNextIt.svg#VAGRoundedNextIt') format('svg');
}
@font-face {
    font-family: 'VAGRoundedNextBoldIt';
    src: url('../fonts/VAGRoundedNextBoldIt.eot');
    src: url('../fonts/VAGRoundedNextBoldIt.eot') format('embedded-opentype'),
         url('../fonts/VAGRoundedNextBoldIt.woff2') format('woff2'),
         url('../fonts/VAGRoundedNextBoldIt.woff') format('woff'),
         url('../fonts/VAGRoundedNextBoldIt.ttf') format('truetype'),
         url('../fonts/VAGRoundedNextBoldIt.svg#VAGRoundedNextBoldIt') format('svg');
}

body { font-family:'VAGRoundedNextRegular',Arial,Tahoma,Verdana,Helvetica,sans-serif; }
.slider_content h1 { font-family:'VAGRoundedNextIt',Arial,Tahoma,Verdana,Helvetica,sans-serif; }
.navigation a, .slider_content h1 small { font-family:'VAGRoundedNextBoldIt',Arial,Tahoma,Verdana,Helvetica,sans-serif; }
.c_x2_box h2 { font-family:'VAGRoundedNextBold',Arial,Tahoma,Verdana,Helvetica,sans-serif; }

html {
	font-size:100%;
}
body {
	font-size:110%;
	color:#000000;
	line-height:1.5em;
	-webkit-font-smoothing:antialiased;
	background-color:#FFF;
}
h1, h2, h3, h4 {
	line-height:100%;
	font-weight:normal;
	margin:0;
	padding:0;
}
a:link, a:visited {
	color:#000000;
}
a:hover {
	color:#009640;
	text-decoration:none;
}
ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

.hlavicka-holder {
	display:flex;
	align-items:center;
}

/* Base-styles ............................. */

.content {
	position:relative;
	overflow:hidden;
}
.box_margin {
	margin-bottom:30px;
}
.box_margin2 {
	margin-bottom:15px;
}
.box_margin3 {
	margin-bottom:60px;
}

.title_box {
	position:relative;
	color:#111;
}
.title_box_wht {
	color:#FFF;
}
.title_box > * {
	position:relative;
	line-height:1.2em;
}
.title_box h2 {
	font-size:250%;
}
.title_box small {
	font-size:100%;
	color:inherit;
}

/* Button-main */ 

.button_main a {
	position:relative;
	display:inline-block;
	color:#FFF;
	background-color:#21AA5C;
	padding:10px 40px;
	border-radius:100px;
	overflow:hidden;
}
.button_main a:before {
	position:absolute;
	top:0;
	left:-100%;
	width:100%;
	height:100%;
	content:"";
	background:#DB2922;
	border-radius:100px;
}
.button_main a:hover:before {
	left:0;
}
.button_main a > * {
	position:relative;
}

/* Match Height .......................... */
@media only screen and (max-width: 767px) {
	.matchHeight { height: auto !important; } 
}

/* Header ............................................................... */

.header {
	position:relative;
	z-index:1000;
}
.main_logo img {
	position:relative;
	top:0;
	left:0;
	z-index:200;
	max-width: 160px;
	margin-left: 30px;
}

.navigation {
	position:relative;
	padding:35px 70px 35px 0;
}
.navigation .navbar-collapse {
	padding-left:0;
	padding-right:0;
}
.navigation .navbar-collapse > ul > li { 
	position:relative;
	display:inline-block;
	margin-left:76px;
}
.navigation .navbar-collapse > ul > li:first-child {
	margin-left:0 !important;
}
.navigation .navbar-collapse > ul > li:before {
	position:absolute;
	top:0;
	left:-40px;
	width:2px;
	height:100%;
	content:"";
	background:#009640;
	-ms-transform:skewX(-20deg); 
	-webkit-transform:skewX(-20deg); 
	transform:skewX(-20deg); 
}
.navigation .navbar-collapse > ul > li:first-child:before {
	display:none;
}
.navigation .navbar-collapse > ul > li > a {
	position:relative;
	display:block;
	font-size:110%;
	color:#000;
	letter-spacing:1px;
	line-height:42px;
	text-transform: uppercase;
}
.navigation .navbar-collapse > ul > li > a:hover, .navigation .navbar-collapse > ul > li > a.hi {
	color:#009640;
}
.navigation .navbar-collapse > ul > li > a i {
	position:relative;
	top:3px;
	font-size:140%;
}

.navigation .dropdown-menu {
	text-align:left !important;
	background-color:#5a5959;
	margin-top:-3px;
	padding:0 !important;
	border:0 solid #fff;
	border-radius:0;
}
.navigation .dropdown-menu:before {
	position:absolute;
	top:-7px;
	left:10px;
	content:"";
	width:0;
	height:0;
	display:block;
	border-style:solid;
	border-width:0 7.5px 10px 7.5px;
	border-color:transparent transparent #5a5959 transparent;
}
.navigation .dropdown-menu li {
	width:100%;
}
.navigation .dropdown-menu a {
	position:relative;
	font-size:100%;
	color:#fff;
	text-transform:none !important;
	height:auto;
	margin:0 !important;
	padding:8px 15px 6px 15px !important;
	border-bottom:0 solid #fff !important;
}
.navigation .dropdown-menu a:hover, .navigation .dropdown-menu a.hi,
.navigation .dropdown-menu a:focus {
	color:#fff !important;
	background:#db2922;
}

/* Rslider ............................................................... */

.rslider_wrapper {
	position:relative;
	height:750px;
	background-color:#000;
	overflow:hidden;
}
.rslider_wrapper_in {
	height:300px;
}
.rslides, .rslides_li, .rslider_img {
	height:inherit;
	width: 100%;
}
.rslider_img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background-position:center 50%;
	background-repeat:no-repeat;
	background-size:cover;
}
.rslider_img:before {
	position:absolute;
	top:0;
	right:0;
	content:"";
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.35);
}
.rslider_wrapper_in .rslider_img:before {
	display:none;
}

.slider_content {
	position:relative;
	top:50%;
	width:100%;
	color:#FFF;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);	
}
.slider_content h1 {
	font-size:500%;
	color:#FFF;
}
.slider_content h1 small {
	font-size:100%;
	color:inherit;
}
.slider_content p {
	font-size:300%;
}

a.rslides_nav {
	position:absolute;
	top:50%;
	display:block;
	width:52px;
	height:52px;
	line-height:52px;
	font-size:180%;
	color:#111;
	background:rgba(255,255,255,0.6);
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);	
	z-index:100;
}
a.prev {
	left:75px;
}
a.next {
	right:75px;
}
a.rslides_nav:hover {
	background:rgba(255,255,255,1);
}

/* Container_x1 ............................................................... */

.container_x1 {
	position:relative;
	padding-top:70px;
	padding-bottom:70px;
}

.list_imp01 a {
	display:block;
	color:#000000;
}
.list_imp01_content {
	margin-top:30px;
}
.list_imp01_title {
	display:inline-block;
	font-size:120%;
	color:#000;
}
.list_imp01_img {
	position:relative;
	overflow:hidden;
}
.list_imp01 a .list_imp01_img:before {
	position:absolute;
	top:0;
	left:-100%;
	width:100%;
	height:100%;
	content:"";
	background:rgba(33,170,92,0.6);
	opacity:0;
}
.list_imp01 a:hover .list_imp01_img:before {
	left:0;
	opacity:1;
}
.list_imp01_date {
	position:relative;
	display:block;
	margin-top:30px;
	padding-top:30px;
}
.list_imp01_date:before {
	position:absolute;
	top:0;
	left:0;
	width:180px;
	height:1px;
	content:"";
	background-color:#21AA5C;
}

/* Container_x2 ............................................................... */

.container_x2 > .row {
	margin-left:0;
	margin-right:0;
}
.container_x2, .c_x2_box { 
	padding-left:0;
	padding-right:0;
}
.c_x2_box a {
	position:relative;
	display:block;
	color:#FFF;
}
.c_x2_box01 a {
	background-color:#009640;
}
.c_x2_box02 a {
	background-color:#5A5959;
}
.c_x2_box03 a {
	background-color:#21AA5C;
}
.c_x2_box04 a {
	background-color:#DB2922;
}
.c_x2_box a > .row {
	margin-left:0;
	margin-right:0;
}
.c_x2_box a > .row > div {
	padding-left:0;
	padding-right:0;
}
.c_x2_box_in {
	padding:65px;
}
.c_x2_box h2 {
	font-size:170%;
	line-height:1.2em;
	letter-spacing:-1px;
	margin-top:15px;
	margin-bottom:15px;
}
.c_x2_box h2 small {
	display:block;
	font-size:100%;
	color:inherit;
	line-height:1.2em;
}
 
a .c_bg {
	position:absolute;
	top:0;
	width:50%;
	height:100%;
	overflow:hidden;
}
a .c_bg_left {
	left:0;
}
a .c_bg_right {
	right:0;
}
a .c_bg > div {
	width:100%;
	height:100%;
	background-position:center 50%;
	background-repeat:no-repeat;
	background-size:cover;
}
a:hover .c_bg > div {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
	-ms-transform:scale(1.1);
	transform:scale(1.1);
}
a .c_bg_main {
	width:150%;
}
a .c_bg_main_left {
	right:50%;
}
a .c_bg_main_right {
	left:50%;
}

/* Footer ............................................................... */

.footer {
	position:relative;
	font-size:90%;
	line-height:2em;
	color:#000;
	background-color:#F7F7F7;
	padding-top:30px;
	padding-bottom:30px;
	overflow:hidden;
}
.footer .container {
	overflow:hidden;
}
.footer a {
	color:#000;
}
.footer a:hover {
	color:#009640;
}
.footer .container > .row > div {
	position:relative;
}
.footer .container > .row > div:after {
	position:absolute;
	top:0;
	right:0;
	content:"";
	width:1px;
	height:500px;
	background:#D6D6D6; 
}
.footer .container > .row > div:last-child:after {
	display:none;
}
.footer li {
	display:inline-block;
}
.footer .container > .row > div:first-child img {
	width:100%;
	max-width:120px;
}
.footer .container > .row > div:last-child ul:first-of-type {
	margin-bottom:20px;
}
.footer .container > .row > div:last-child ul:first-of-type li {
	margin-left:25px;
}

/* Effects ............................. */

a, .button_main a:before, a .c_bg > div, .list_imp01 a .list_imp01_img:before {
	-webkit-transition:all 300ms linear;
	-moz-transition:all 300ms linear;
	-o-transition:all 300ms linear;
	-ms-transition:all 300ms linear;
	transition:all 300ms linear;
}
::i-block-chrome, div {
	-webkit-transition:initial;
}

/* RESPONSIVE STRUCTURE
--------------------------------------- */

@media screen and (max-width: 1366px) {
	.box_margin { margin-bottom:15px; }
	.box_margin3 { margin-bottom:30px; }
	.title_box h2 { font-size:200%; }
	.main_logo img { max-width:120px; }
	.navigation { padding:20px 30px 20px 0; }
	.navigation .navbar-collapse > ul > li { margin-left:46px;	}
	.navigation .navbar-collapse > ul > li:before { left:-25px; }
	.navigation .navbar-collapse > ul > li > a {	font-size:100%; letter-spacing:1px; line-height:36px; }	
	.rslider_wrapper {	height:600px; }
	.rslider_wrapper_in { height:250px; }
	.slider_content h1 { font-size:400%; }
	.slider_content p { font-size:250%; }
	a.rslides_nav {	width:40px; height:40px; line-height:40px; font-size:150%; }
	a.prev { left:30px; }
	a.next { right:30px; }
	.container_x1 {	padding-top:30px; padding-bottom:30px; }
	.list_imp01_content { margin-top:15px; }
	.list_imp01_title { font-size:115%; }
	.list_imp01_date {	margin-top:15px; padding-top:15px; }
	.list_imp01_date:before {	width:120px; }
	.c_x2_box_in { padding:30px; }
	.c_x2_box h2 { font-size:140%;	margin-top:10px; margin-bottom:10px; }
	.c_x2_box_in img { max-width:60px; }

}
  
@media screen and (max-width: 1200px) {
	.title_box h2 { font-size:160%; }
	.button_main a { padding:4px 25px; }
	.main_logo img { max-width:90px; }
	.navigation { padding:15px 15px 15px 0; }
	.navigation .navbar-collapse > ul > li { margin-left:36px;	}
	.navigation .navbar-collapse > ul > li:before { left:-20px; }
	.navigation .navbar-collapse > ul > li > a {	font-size:95%; letter-spacing:1px; line-height:30px; }	
	.rslider_wrapper {	height:600px; }
	.rslider_wrapper {	height:500px; }
	.rslider_wrapper_in { height:200px; }
	.slider_content h1 { font-size:350%; }
	.slider_content p { font-size:200%; }
	a.rslides_nav {	width:30px; height:30px; line-height:30px; font-size:130%; }
	a.prev { left:15px; }
	a.next { right:15px; }
	.c_x2_box_in { padding:15px; }
	.c_x2_box h2 { font-size:120%;	}
	.c_x2_box_in img { max-width:45px; }
	.footer {	line-height:1.6em; padding-top:15px; padding-bottom:15px; }
	.footer .container > .row > div:last-child ul:first-of-type { margin-bottom:15px; }
	.footer .container > .row > div:last-child ul:first-of-type li { margin-left:7px; }

}

@media screen and (max-width: 991px) {
	.box_margin3 { margin-bottom:15px; }
	.main_logo img { max-width:70px; }
	.navigation { padding:10px 15px 10px 0; }
	.navigation .navbar-collapse > ul > li { margin-left:26px;	}
	.navigation .navbar-collapse > ul > li:before { left:-15px; }
	.navigation .navbar-collapse > ul > li > a {	font-size:90%; letter-spacing:0; line-height:26px; }	
  
}
 
@media screen and (max-width: 767px) {
	.main_logo img { width:130px; }
	.navigation { text-align:center; padding:0 !important; }
	.navigation .navbar-collapse > ul > li { width:100%; margin-left:0; margin-bottom:10px; }
	.navigation .navbar-collapse > ul > li:before { display:none; }
	.navigation .navbar-collapse > ul > li > a { display:inline-block; line-height:30px; margin-left:0; }
	.navigation .dropdown-menu { position:static; float:none; width:auto; text-align:center !important; line-height:11px; margin-top:10px; border:0; box-shadow:none; }
	.navigation .dropdown-menu:before { display:none; }
	.navigation .dropdown-menu li { margin-bottom:0; }
	.navigation .dropdown-menu a { display:block; white-space:normal; z-index:1000; }
	.navigation .navbar-header { float: none; }
	.navigation .navbar-toggle { display: block; }
	.navigation .navbar-collapse { max-height:inherit; overflow:hidden !important; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0); }
	.navigation .navbar-collapse.collapse:not(.in) { display: none!important; }
	.navigation .navbar-default { background-color:transparent !important; }
	.navigation .navbar-default .navbar-toggle { border-color:#000; margin-right:0; }
	.navigation .navbar-default .navbar-toggle:hover,
	.navigation .navbar-default .navbar-toggle:focus { background-color:#000; }
	.navigation .navbar-default .navbar-toggle .icon-bar { background-color:#009640; }
	.navigation .navbar-default .navbar-collapse,
	.navigation .navbar-default .navbar-form { border-color:#000; }
	.rslider_wrapper {	height:400px; }
	.rslider_wrapper_in { height:150px !important; }
	.slider_content h1 { font-size:280%; }
	.container_x1 {	padding-top:15px; padding-bottom:15px; }
	.c_x2_box h2 small { display:inline; }
	a .c_bg {	position:relative; left:0 !important;	width:100%; height:150px; }
	.footer .container > .row > div:after { display:none; }
	.footer, .footer .container > .row > div:last-child { text-align:center; }
	.footer img { margin:0 auto 15px auto; }

	.main_logo img { position: absolute; margin-left: 10px; margin-top:3px;}
	.hlavicka-holder { display:block; }	
}


@media screen and (min-width: 767px) {
	.navigation .dropdown .dropdown-menu { display:block; visibility:hidden; opacity:0; -moz-transition:all 0.3s  ease; -o-transition:all 0.3s  ease; -ms-transition:all 0.3s  ease; transition:all 0.3s  ease; }
	.navigation .dropdown:hover .dropdown-menu { visibility:visible; opacity:1; }
	.navigation .dropdown { display:inline-block; }
}

@media screen and (max-width: 550px) {
	.title_box h2 { font-size:130%; }
 
}

@media screen and (max-width: 414px) {
	.rslider_wrapper {	height:300px; }
	.slider_content h1 { font-size:220%; }
	.slider_content p { font-size:150%; }

}

@media screen and (max-width: 414px) {
	.footer .container > .row > div:last-child ul:first-of-type li { width:100%; margin:0; }

}

@media screen and (max-width: 1600px) {
    .navigation .navbar-collapse > ul > li > a {
        font-size: 100%;
        letter-spacing: 1px;
        line-height: 36px;
    }
}

@media screen and (max-width: 1550px) {
    .navigation .navbar-collapse > ul > li > a {
        font-size: 90%;
        letter-spacing: 0;
        line-height: 26px;
    }
}

@media screen and (max-width: 900px) {
    .navigation .navbar-collapse > ul > li > a {
        font-size: 70%;
        letter-spacing: 0;
        line-height: 26px;
    }
}