/* import fontu*/
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap&subset=latin-ext');

/* DEFAULT DEFINITION */
/* reset to default */
* { font-weight: inherit; font-family: inherit; font-style: inherit; color: inherit; cursor: inherit; font-size: 100%; border: 0 none; outline: 0; padding: 0; margin: 0; vertical-align: top; box-sizing: inherit; }
* { transition: background 0.4s; }

body { font: 10px 'Roboto', Roboto; color: #717682; }
strong { font-weight: 700; }

h1,h2 { font-weight: 700; }
h1 { font-size: 5em; color: #1c1a1a; }
h2 { font-size: 3.2em; color: #1c1a1a; }
h3 { font-size: 2.2em; color: #1c1a1a; font-weight: 700; margin-bottom: 20px; }
p { font-size: 1.6em; line-height: 1.6em; }
a { color: #f44029; }
a:hover { cursor: pointer; }

.small_text_in_heading { display: block; font-size: 14px; font-weight: 700; text-transform: uppercase; color: #2461de; margin-bottom: 20px;  }
.small_text_in_heading_after {display: block; font-size: 20px; font-weight: 400; padding-top: 10px;  }

input { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

/* clearing element */
div.clear, div.util, div.cleaner{ display: block; clear: both; font-size: 0px; line-height: 0px; z-index: 2000; }

/* middle div*/
.middle { max-width: 1240px; margin: 0 auto; position: relative; }

/* HEADER */
header { background: #fff; padding: 40px 0px 40px 0px; }
.template_logo { display: inline-block; padding: 20px; }

/* hlavni menu */
.menu_displayer a { display: block; padding: 20px 20px 20px 60px; font-size: 14px; background: url('../img/bg-menu-displayer.gif') 20px center no-repeat; }

nav { border-bottom: solid 1px #c4c4c4; }
.menu_main { list-style-type: none; }
.menu_main li, .menu_main li a { display: inline-block; }
.menu_main li a { text-decoration: none; font-weight: 700; font-size: 1.2em; text-transform: uppercase; box-sizing: border-box; color: #5f5f5f; }
.menu_main li { position: relative; }
.menu_main li a.active { color: #2461de; }
.menu_footer li a { color: #5f5f5f; }

@media only screen and (min-width: 960px) {
	.menu_main li { padding: 0px 60px 0px 20px; }
	.menu_main li a { padding: 0px 0px 35px 0px; border-bottom: solid 5px #fff; }
	nav .menu_main li a.active { border-color: #2461de; }
}

@media only screen and (max-width: 960px) {
	.menu_main { border-top: solid 1px #c4c4c4; }
	.menu_main li { width: 100%;  }
	.menu_main li a { padding: 20px 20px 20px 20px; width: 100%; }
}

.menu_main li ul { display: none; position: absolute; top: 40px; left: 0px; width: 300px; border: solid 1px #c4c4c4; z-index: 877; background: #fff; }
.menu_main li ul li { width: 100%; padding: 0px; }
.menu_main li ul li a { width: 100%; padding: 20px; border: none; }
.menu_main li:hover ul { display: block; }

.menu_footer li ul { display: none; position: absolute; top: 40px; left: 0px; width: 300px; border: solid 1px #c4c4c4; z-index: 877; background: #fff; }
.menu_footer li ul { display: none; }

.top_contact { position: absolute; top: 50%; right: 0px; transform: translateY(-50%); font-size: 1.6em; color: #5f5f5f; }
.top_contact a { display: inline-block; padding: 0px 5px 0px 5px; font-weight: 700; text-decoration: none; text-transform: uppercase; }

@media only screen and (max-width: 768px) {
	.top_contact { display: none; }
}

.menu_footer { list-style: none; padding: 40px 0px 40px 0px; }
.menu_footer li, .menu_footer li a { display: inline-block; }
.menu_footer li a { text-decoration: none; font-weight: 700; font-size: 1.4em; text-transform: uppercase; box-sizing: border-box; color: #5f5f5f; padding: 20px; }

/* footer */
.kontakt_bottom { border-top: solid 1px #e5e5e5; }

footer { padding-bottom: 60px; }

.copyr { color: #1c1a1a; padding: 0px 20px 0px 20px; font-weight: 700;  }
.copyr_inner { border-top: solid 1px #e5e5e5; padding-top: 40px; }
.copyr a { color: #1c1a1a; text-decoration: none; }

/* scroll up */
#scrollup { position: fixed; bottom: 20px; right: 20px; z-index: 100; }
#scrollup a { display: block; height: 45px; width: 45px; background: url('../img/icon-scrollup.png') center center no-repeat #1c1a1a; border-radius: 5px; text-decoration: none; }

/* helpers */
.w_triquater { width: 75%; box-sizing: border-box; }
.w_half{ width: 50%; box-sizing: border-box; }
.w_quad{ width: 25%; box-sizing: border-box; }
.w_third{ width: 33.333%; box-sizing: border-box; }

@media only screen and (max-width: 960px) {
	.w_quad, .w_half, .w_third, .w_triquater { width: 100%; }
}

.hide { display: none; }
.align_center { text-align: center; }
.float_right { float: right; }
.float_left { float: left; }

@media only screen and (max-width: 960px) { .no_tablet { display: none; } }
@media only screen and (min-width: 960px) { .is_tablet { display: none; } }
@media only screen and (max-width: 768px) { .no_mobile { display: none; } }
@media only screen and (min-width: 768px) { .is_mobile { display: none; } }

@media only screen and (min-width: 960px) {
  .simulate_line { display: block; }
}

sup { font-size: 0.5em; margin-top: -50%; }