html, body { font-family:"Open Sans", Arial, Helvetica, sans-serif; font-size:15px; font-weight:400; margin:0; padding:0; color:#000; }
body { background:#E7F3E7; min-width:320px; }

input[type="text"], textarea, select, option { font-family:"Open Sans", Arial, helvetica, sans-serif !important; font-size:1em; }

h1, h2, h3, h4, h5, h6, p, div, nav, header, section, footer { display:block; margin:0; padding:0; }
ul, li { margin:0; padding:0; }

h1, h2, h3, h4, h5, h6, p.h1 { font-family:"Bree Serif", Arial, Helvetica, sans-serif; font-weight:400; }
h1, h2 { font-size:1.8em; margin-bottom:1em; color:#257F4C; }
section h1, section h2 { font-size:2em; }
h3 { font-size:1.5em; margin:1.5em 0 0.3em 0; color:#257F4C; }
h4 { font-size:2em; color:#257F4C; }

a { color:#083; text-decoration:none; cursor:pointer; }
a:hover, a:active { text-decoration:underline; }

nav ul, .wrapper { width:64em; margin:0 auto 0 auto; }
div.inner { padding:4em 2em; }

.unselectable { user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } 
a.top-of-page { display:none; width:64px; height:64px; position:fixed; bottom:1em; right:1em; background:url(../img/top-of-page.png) no-repeat 0 0; background-size:cover; opacity:0.5; -moz-opacity:0.5; filter:Alpha(50); }
a:hover.top-of-page { opacity:1; -moz-opacity:1; filter:Alpha(100); }

.animable { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; }

.img-wrapper { position:relative; }
.img-wrapper img { width:100%; height:auto; }

.cookies-warn { padding:1em 0; background:#333; }
.cookies-warn .wrapper { position:relative; line-height:1; overflow:hidden; }
.cookies-warn p { float:left; font-size:0.85em; color:#BBB; }
.cookies-warn a { font-size:0.85em; color:#F00; }
.cookies-warn a:hover { color:#FFF; text-decoration:none; }
.cookies-warn a.close { display:block; float:right; width:auto; height:14px; padding-right:18px; background:url(../img/warn-close-blue.png) no-repeat right center; }
.cookies-warn a:hover.close { background-image:url(../img/warn-close-hover.png); }

noscript .no-js-warn { padding:1em 0; background:#F00; }
noscript .no-js-warn p { color:#FFF; font-size:0.85em; font-weight:600; }

header { height:270px; background:url(../img/header.jpg) no-repeat 50% 0; background-size:cover; }
header div { width:64em; height:270px; margin:0 auto; position:relative; }
header a.logo { position:absolute; bottom:1em; left:0; display:block; width:150px; height:75px; background:url(../img/randa-logo.png) no-repeat 0 0; }
header h1, header p.h1 { font-size:1.7em; color:#257F4C; line-height:1; float:right; position:absolute; bottom:0.5882em; right:0; padding:0; margin:0 0 0 150px; text-align:right; }

nav { background:url(../img/menu-bg.jpg) repeat-x 0 0 #1BDA54; color:#FFF; position:relative; font-weight:600; border-bottom:solid 1px #FFF; }
nav ul { text-align:center; }
nav li { display:inline-block; text-transform:uppercase; font-size:1em; line-height:1; }
nav li a { color:#FFF; display:block; transition:all 0.2s ease; padding:0.75em 0.6em; background:url(../img/menu-bg.jpg) repeat-x 0 0 #1BDA54; }
nav li a:hover, nav li a.sel { text-decoration:none; color:#FFF; background:url(../img/menu-bg-h.jpg) repeat-x 0 0 #0FCA38; }
nav li a.sel, nav li a:hover.sel { color:#FFF; }
nav li.last { padding-right:0; }

.mobile-nav { display:block; position:fixed; top:1em; right:1em; width:64px; height:auto; list-style:none; }
.mobile-nav.open { right:-5px; width:12em; background:#FFF; box-sizing:border-box; border:solid 2px #30AA47; border-radius:0.3em; -moz-border-radius:0.3em; -webkit-border-radius:0.3em 0.3em 0.3em 0.3em; padding:1em 0 1em 1em; box-shadow:0 0 1em #000; }
.mobile-nav a.open-menu { display:block; width:64px; height:64px; box-sizing:border-box; border:solid 5px #063E17; border-radius:32px; -moz-border-radius:32px; -webkit-border-radius:32px 32px 32px 32px; opacity:0.5; -moz-opacity:0.5; filter:Alpha(50); background-position:center center; background-repeat:no-repeat; background-image:url(../img/main-menu.svg); background-size:70%; }
.mobile-nav a:hover.open-menu { background-color:#FFF; opacity:1; -moz-opacity:1; filter:Alpha(100); }
.mobile-nav.open a.open-menu { display:none; }
.mobile-nav ul { display:none; list-style:none; }
.mobile-nav.open ul { display:block; }
.mobile-nav li { clear:left; margin-bottom:0.5em; }
.mobile-nav li.last { }
.mobile-nav li.close { margin-bottom:0; }
.mobile-nav ul a { display:block; font-size:0.8em; font-weight:600; line-height:32px; white-space:nowrap; padding-right:1.25em; border-top-left-radius:32px; -moz-border-top-left-radius:32px; border-bottom-left-radius:32px; -moz-border-bottom-left-radius:32px; -webkit-border-radius:32px 0 0 32px;  }
.mobile-nav ul a.sel { background:#F1F8F1; }
.mobile-nav ul a:hover { text-decoration:none; color:#257F4C; background:#C6E0C3; }
.mobile-nav a span { display:block; width:32px; height:32px; float:left; margin-right:0.25em; box-sizing:border-box; border:solid 2px #30AA47; border-radius:32px; -moz-border-radius:32px; -webkit-border-radius:32px 32px 32px 32px; background-repeat:no-repeat; background-position:center center; background-color:#FFF; }
.mobile-nav a:hover span { background-color:#C6E0C3; border-color:#257F4C; text-decoration:none; }
.mobile-nav a.uvod span { background-image:url(../img/ic-small-uvod.png); }
.mobile-nav a.profil span { background-image:url(../img/ic-small-profil.png); }
.mobile-nav a.certify span { background-image:url(../img/ic-small-certify.png); }
.mobile-nav a.referencie span { background-image:url(../img/ic-small-referencie.png); }
.mobile-nav a.aktualne span { background-image:url(../img/ic-small-aktualne.png); }
.mobile-nav a.development span { background-image:url(../img/ic-small-development.png); }
.mobile-nav a.pozicovna span { background-image:url(../img/ic-small-pozicovna.png); }
.mobile-nav a.kontakt span { background-image:url(../img/ic-small-kontakt.png); }
.mobile-nav a.close span { background-image:url(../img/close-menu.svg); background-size:65%; border-color:#C00; }

section { }
section.banner { padding:0; overflow:hidden; zoom:1; }
div.photo { float:left; width:38em; height:28em; background:#FFF; position:relative; }
div.photo .img { position:absolute; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; opacity:0; -moz-opacity:0; filter:Alpha(0); transition:all 2s ease; -moz-transition:all 2s ease; -webkit-transition:all 2s ease; -o-transition:all 2s ease; }
div.photo .img.show { opacity:1; -moz-opacity:1; filter:Alpha(100); }
div.perex { width:26em; height:28em; background:#257F4C; margin-left:38em; position:relative; }
div.init { font-family:"Bree Serif", Arial, Helvetica, sans-serif; font-size:1.65em; font-style:italic; line-height:1.2; padding:0.9375em 0.9375em 0 0.9375em; color:#FFF; }
.perex p { padding:1.5em; color:#FFF; font-size:1.07em; line-height:1.27; }
.perex a { padding-left:1em; color:#C6E0C3; font-style:italic; font-weight:600; }
.perex a:hover { color:#FFF; text-decoration:none; }
.perex a span { float:right; display:block; width:1.7em; height:1.7em; background:url(../img/arrow-down.png) no-repeat center; border-left:solid 1px #FFF; }
.perex a.up span { background-image:url(../img/arrow-up.png); }

section.main-nav { }
section.main-nav .wrapper { }
section.main-nav .inner { background:#C6E0C3; padding:3em 0; }
section.main-nav ul { overflow:hidden; list-style:none; height:auto; }
section.main-nav li { float:left; width:25%; }
section.main-nav a { display:block; font-family:"Bree Serif", Arial, Helvetica, sans-serif; font-weight:400; font-size:1.2em; color:#30AA47; text-align:center; }
section.main-nav a span { display:block; width:100px; height:100px; margin:0 auto; box-sizing:border-box; border:solid 2px #30AA47; border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px 50px 50px 50px; background-repeat:no-repeat; background-position:center center; background-color:#FFF; }
section.main-nav a:hover { color:#257F4C; text-decoration:none; }
section.main-nav a:hover span { background-color:#C6E0C3; border-color:#257F4C; }
section.main-nav a.referencie span { background-image:url(../img/ic-referencie.png); }
section.main-nav a.aktualne span { background-image:url(../img/ic-aktualne.png); }
section.main-nav a.development span { background-image:url(../img/ic-development.png); }
section.main-nav a.pozicovna span { background-image:url(../img/ic-pozicovna.png); }

section.main .wrapper { padding-bottom:4em; }
section.main .inner { background:rgba(255,255,255,0.8); padding-top:2em; padding-bottom:5em; }
section.main h2 { color:#257F4C; font-size:1.8em; }
div.about-company { position:relative; }
a.arrow-up { display:block; width:4em; position:absolute; bottom:0; left:50%; margin-left:-2.5em; background-color:#C6E0C3; color:#FFF; font-family:"Bree Serif", Arial, Helvetica, sans-serif; font-weight:400; font-size:1.2em; padding:0 1em; background-image:url(../img/arrow-up-small.png); background-position:100% 50%; background-repeat:no-repeat; border-right:solid 1em transparent; }
a:hover.arrow-up { background-color:#257F4C; text-decoration:none; }

.roller-outer { width:64em; margin:2em auto 1em auto; position:relative; overflow:hidden; }
.roller-inner { overflow:hidden; }
a.arrow { display:none; width:4em; height:5.5em; position:absolute; top:42%; margin-top:-2.5em; opacity:0.5; -moz-opacity:0.5; filter:Alpha(50);}
a:hover.arrow { opacity:1; -moz-opacity:1; filter:Alpha(100); }
a.arrow.left { background:url(../img/arrow-left.svg) no-repeat 5% 0; left:0; }
a.arrow.right { background:url(../img/arrow-right.svg) no-repeat 95% 0; right:0; }

section.working { border-top:solid 1em #C6E0C3; text-align:center; }
section.working h2 { }
section.working .wrapper { width:72em; padding:2em 0 4em 0; position:relative; }
section.working .roller-inner { margin-left:-2em; }
.building { float:left; margin-left:2em; width:31em; height:28em; color:#257F4C; margin-bottom:2em; }
.building a { }
.building a:hover img { opacity:0.7; -moz-opacity:0.7; filter:Alpha(70); }
.building h4 { text-transform:uppercase; font-size:1.1em; }
.button { margin:0 auto; display:inline-block; font-family:"Bree Serif", Arial, Helvetica, sans-serif; font-weight:400; font-size:1.8em; padding:0.2em 1em 0.3em 1em; color:#FFF; background-color:#30AA47; background-position: 92% 50%; background-repeat:no-repeat; box-shadow:0.25em 0.25em 0.5em #C0CAC1; -moz-box-shadow:0.25em 0.25em 0.5em #C0CAC1; -webkit-box-shadow:0.25em 0.25em 0.5em #C0CAC1; }
.button:hover { background-color:#257F4C; text-decoration:none; }
.button.right { background-image:url(../img/button-right.png); padding-right:3em; }

section.certified { border-top:solid 1em #C6E0C3; overflow:hidden; zoom:1; }
section.certified.alone { border-top:none 0px; }
section.certified h1 { margin-left:2em; }
section.certified.alone h1 { margin-left:0; }
section.certified h2 { text-align:center; }
section.certified .wrapper { width:72em; padding:2em 0 4em 0; position:relative; }
section.certified.alone .wrapper { width:64em; padding-top:1em; }
section.certified .roller-inner { margin-left:-7em; }
section.certified.alone .roller-inner { margin-left:-2em; }
.certif a { background:#C6E0C3; display:block; width:100%; height:100%; }
.certif a:hover img { opacity:0.8; -moz-opacity:0.8; filter:Alpha(80); }
section.certified a.arrow.left { top:51%; }
section.certified a.arrow.right { top:51%; }
.certif { float:left; margin-left:7em; margin-bottom:2em; width:250px; height:23em; background:#FFF; }
section.certified.alone .certif { margin-left:2em; margin-bottom:2em; width:11.2em; height:auto; background:#FFF; }
section.certified.alone .certif img { width:100%; height:auto; }

section.projects { position:relative; }
section.projects.noborder { border:none 0px; }
section.projects .wrapper { position:relative; background:#FFF; padding-top:1em; }
section.projects .inner { padding:0; margin-left:-2em; margin-bottom:2em; padding-left:2em; overflow:hidden; }
section.projects h1, section.projects h2 { margin-left:1em; }
.project { float:left; margin-left:2em; width:29em; height:27.5em; color:#FFF; margin-bottom:2em; position:relative; background:#257F4C; }
.project h4 { text-transform:uppercase; font-size:1.1em; color:#FFF; }
.project h4, .project p { color:#257F4C; padding:0 15px; color:#FFF; }
.project a.show-me-more { display:none; cursor:pointer; position:absolute; bottom:0.625em; right:0.625em; font-size:0.8em; color:#C6E0C3; }
.project a:hover.show-me-more { color:#FFF; }
.project .working { position:absolute; top:0; right:0; width:91px; height:85px; pointer-events:none; background:url(../img/working.svg) no-repeat 0 0; background-size:cover; }
.project .more { position:absolute; top:0; left:0; width:100%; height:100%; display:none; }
.project:hover .more, .project.open .more { display:block; background:rgba(37,127,76,0.9); cursor:pointer; }
.mobile .project:hover .more { display:none; }
.project .more h5 { margin:1em 0 0.5em 0; }
.project .more h4, .project .more p { padding:0; display:block; color:#FFF; margin-bottom:0.25em; }
.project .more ul { list-style:disc outside none; margin-left:0; padding-left:1em; margin-bottom:0.25em; }
.project .more li { padding-left:0; }
.project.open { }
.project.open .img-wrapper, .project.open h4, .project.open p { display:none; }
.project:hover .working, .project.open .working { opacity:0.5; -moz-opacity:0.5; filter:Alpha(50); }
.project .photos { padding:0.5em 0 0 0; }
.project .photos a { display:block; float:left; width:calc(25% - 1.25em); height:4.5em; box-sizing:border-box; border:solid 1px #000; background-repeat:no-repeat; background-size:cover; background-position:center center; margin:0.5em 0 0 1em; }
.project .photos a:hover { border-color:#FFF; }
.project .info { color:#FFF; padding:0 1em; }
.project h5 { font-size:1.1em; text-transform:uppercase; }

section.map { }
section.map .wrapper { position:relative; padding:0; }
section.map #map2 { height:28em; }

section.contact { color:#000; }
section.contact h1 { margin-left:1em; margin-bottom:0.25em;  }
section.contact h3 { margin-top:0; }
section.contact b { display:inline-block; width:4em; color:#257F4C; font-weight:400; }
section.contact .wrapper { position:relative; padding:1em 0 0 0; }
section.contact .inner { padding:0; margin-left:-2em; overflow:hidden; }
section.contact .inner div { float:left; width:20em; margin-left:2em; }
section.contact a.phone { display:inline-block; padding:0.25em 0.5em 0.25em 2em; background:url(../img/phone.png) no-repeat 0.5em 50% #30AA47; color:#FFF; font-size:1.487em; margin:0.5em 0 2em 0; }
section.contact a:hover.phone { background-color:#257F4C; text-decoration:none; }

section.form { background:#C6E0C3; color:#000; }
section.form .wrapper { padding:3em 0; }
section.form h2 { margin:0; }
section.form form p { margin:0.75em 0; padding:0.75em; background:rgba(255,255,255,0.85); border:solid 1px #C6E0C3; }
section.form input[type="text"], section.form textarea { width:100%; margin:0; padding:0; color:#000; background:none; border:none; }
section.form textarea { height:21em; }
input#submit { cursor:pointer; margin-top:0.5em; border:none 0px; font-family:"Bree Serif", Arial, Helvetica, sans-serif; font-weight:400; font-size:1.4em; }
section.form input[type="submit"]:hover { background-color:#257F4C; }
section.form .report { display:none; background:rgba(255,255,255,0.85); color:#000; margin-top:1em; border:solid 1px #C6E0C3; padding:1em; }
section.form .error { border-color:#C00; color:#C00; }
section.form .report a { color:#C6E0C3; font-weight:bold; }
section.form .report a:hover { color:#000; text-decoration:none; }

section.list { background:#FFF; }
section.list .wrapper { padding:2em 0; }
section.list h2 { margin:0; }
section.list .inner { padding:1em 0 0 0; margin-left:-2em; overflow:hidden; }
section.list .row { overflow:hidden; clear:both; margin-bottom:1em; }
section.list .row h3 { margin:0 0 0.133333em 1.333333em; padding-bottom:0.133333em; border-bottom:solid 1px #257F4C; }
section.list .cnt { float:left; width:20em; margin-left:2em; margin-bottom:2em; }
section.list h4 { font-size:1.3em; color:#30AA47; }
section.list h5 { font-size:0.9em; color:#30AA47; margin-bottom:0.5em; }

section.uvod { margin-bottom:2em; }
section.uvod .wrapper { background:#FFF; padding:1em 0 0 0; }
section.uvod .inner { padding:0 2em 2em; }
section.uvod h2 { margin-left:1em; }
section.uvod p { margin-top:0.75em; }

table { border-spacing:0; border-collapse:collapse; width:100%; margin-top:0.75em; }
th { background:#30AA47; color:#FFF; padding:0.5em; text-align:right; }
th.l { text-align:left; }
td { padding:0.3em 0.5em; text-align:right; border-bottom:solid 1px #D8D8D8; }
td.l { text-align:left; padding-left:0; }
tr.lr { border-bottom:solid 3px #30AA47; }
tr.lr td { border-bottom:none 0px; }

.park { position:fixed; top:1em; left:-1px;; width:auto; height:auto; transition:all 0.5s; }
.park.scroll { top:94px; }
.park a { display:block; width:80px; height:64px; background:url(../img/park-01.png) no-repeat -60px -1px #063E17; border:solid 1px #063E17; border-radius:0 32px 32px 0; -moz-border-radius:0 32px 32px 0; -webkit-border-radius:0 32px 32px 0; opacity:0.5; -moz-opacity:0.5; filter:Alpha(50); transition:all 0.5s; }
.park a span { padding:60px 0 0 15px; display:block; font-size:0; font-weight:600; text-transform:uppercase; transition:all 0.5s; opacity:0; -moz-opacity:0; filter:Alpha(0); }
.park a:hover { width:144px; height:100px; background-position:10px -1px; background-color:#FFF; text-decoration:none; border-radius:0 8px 8px 0; -moz-border-radius:0 8px 8px 0; -webkit-border-radius:0 8px 8px 0; opacity:1; -moz-opacity:1; filter:Alpha(100); }
.park a:hover span { opacity:1; -moz-opacity:1; filter:Alpha(100); font-size:11px; }

footer { background:#257F4C; color:#FFF; padding:2em 0 1em 0; }
footer div.row { margin-left:-2em; overflow:hidden; }
footer div.row div { float:left; width:20em; margin-left:2em; margin-bottom:0.5em; text-align:center; }
footer p { text-align:center; margin:1em 0; }
footer p.dark { color:rgba(255,255,255,0.6); }
footer a { color:rgba(255,255,255,0.6); }
footer a:hover, footer a:active { color:rgba(255,255,255,1); text-decoration:none; }