* { margin: 0; padding: 0; }
body { background: #fff url('../img/bg_foot.jpg') bottom center no-repeat fixed; }
html {scroll-behavior: smooth;}

/******************************************************************************/

input, textarea, select { font-family: open sans, tahoma; font-size: 15px; padding: 5px; }

.highlight { color: #fbb900; }
.highlight2 { color: #2db11c; }
.expiration { background: #f00; color: #fff; }
.line-through { text-decoration: line-through; }
.border-radius { border-radius: 10px; }
.clear { clear: both; }
.go-back { clear: both; padding: 3em 0; }

.nu { text-decoration: none; }
.nu:hover { text-decoration: underline; }
.un { text-decoration: underline; }
.un:hover { text-decoration: none; }
.nn { text-decoration: none; }
.nn:hover { text-decoration: none; }

/******************************************************************************/
/* skrolování */

#scroll-top { top: 150px; color: #2c2c2c; font-size: 30px; position: absolute; right: -45px; text-decoration: none; z-index: 2; }
#scroll-top { position: fixed; }
#scroll-down { bottom: 30px; color: #2c2c2c; font-size: 30px; position: absolute; right: -45px; text-decoration: none; z-index: 2; }
#scroll-down { position: fixed; }

/******************************************************************************/
/* blok */

.wrap1 { clear: both; float: left; position: relative; width: 100%; }
.wrap2 { margin: 0 auto; position: relative; width: 1100px; }
.content { float: left; position: relative; width: 100%; }

.wrap1.box-shadow { -webkit-box-shadow: 0px 5px 5px 0px rgba(200,200,200,1); -moz-box-shadow: 0px 5px 5px 0px rgba(200,200,200,1); box-shadow: 0px 5px 5px 0px rgba(200,200,200,1); margin-bottom: 4px; }

/******************************************************************************/
/* hlavička 1 */

#head { background: rgba(0,0,0,0.85); position: absolute; width: 100%; z-index: 9; }
#head { position: fixed; }
#head .content { color: #fff; font-size: 1em; height: 70px; }
#head .content, #head .content a { color: #efefef; }

/******************************************************************************/
/* logo */

#logo { position: absolute; top: 20px; }

/******************************************************************************/

/* Kontakt v hlavičce - telefon */
.head-phone {position: absolute;top: 56%;left: 190px;transform: translate(0, -50%);text-decoration: none;}
.head-phone i {font-size: 24px;vertical-align: middle;}

/******************************************************************************/
/* menu */

#menu { display: inline-block; float: right; right: 0; margin: 0; padding: 0; position: absolute; top: 23px; z-index: 9; }
#menu li { float: left; list-style: none; margin-right: 15px; }
#menu li:last-child { margin-right: 0; }
#menu li a { display: block; padding: 5px 15px; text-align: center; text-decoration: none; }
#menu li a:hover, #menu li a.active { background: #fff; color: #000; }

/* submenu */
#menu li ul { background: rgba(236, 236, 236, 0.9); border-radius: 5px; margin: 0; padding: 0; position: absolute; visibility: hidden; z-index: 9; }
#menu li ul li { display: block; float: none; margin: 0; width: auto; } 
#menu li ul li a { border-radius: 5px; display: block; padding: 0.5em 1em; text-align: left; } 
#menu li ul li a:link, #menu li ul li a:visited { width: auto; } 
#menu li ul li a:hover {  }

#search { border: 1px solid #4b4b4b; display: inline-block; padding: 4px 15px; position: absolute; right: 0; }
#search input { background: 0; border: 0; }
#search input[type="text"] { padding: 0; width: 250px; }
#search input[type="submit"] { background: url('../img/icon_magnifier.png') center center no-repeat; background-size: 75%; cursor: pointer; height: 18px; vertical-align: bottom; width: 18px; }

/******************************************************************************/
/* slider */

#subpage #slider { display: none; }

#slider { background: #fff url('../img/bg_head.jpg') center top no-repeat fixed; padding-top: 500px; position: relative; }
#slider .content { z-index: 1; }
#slider-line { background: #fff; bottom: 0; height: 150px; position: absolute; width: 100%; }

/******************************************************************************/
/* dlaždice */

.tile { background: #fff; -webkit-box-shadow: 0px 2px 5px 0px rgba(214,214,214,1); -moz-box-shadow: 0px 2px 5px 0px rgba(214,214,214,1); box-shadow: 0px 2px 5px 0px rgba(214,214,214,1); float: left; margin: 0 20px 20px 0; min-height: 300px; padding-bottom: 3.5em; position: relative; vertical-align: top; width: 260px; }
.tile.edge /*, .tile:nth-child(4n+4) */ { margin-right: 0; }
.tile:hover { -webkit-box-shadow: 0px 2px 5px 0px rgba(175,175,175,1); -moz-box-shadow: 0px 2px 5px 0px rgba(175,175,175,1); box-shadow: 0px 2px 5px 0px rgba(175,175,175,1); }

.tile .img { background: #fff; background-position: center center; background-repeat: no-repeat; background-size: cover; display: inline-block; height: 129px; margin-bottom: 1em; width: 100%; }
.tile .title { display: block; margin-bottom: 1em; padding: 0 15px; }
.tile .perex { display: block; padding: 0 15px; }
.tile .more { bottom: 15px; display: block; position: absolute; text-align: center; width: 100%; }

/******************************************************************************/
/* dlaždice - animace */

@-webkit-keyframes tile { 
    from { background-color: #ccc; }
    to { background-color: #fff; }
}

@keyframes tile { 
    from { background-color: #ccc; }
    to { background-color: #fff; }
}

#slider .tile { -webkit-animation-name: tile; -webkit-animation-duration: 1s; animation-name: tile; animation-duration: 1s; }
#slider .tile .title { font-size: 1.3em; margin-bottom: 0.5em; text-align: center; }
#slider .tile .perex { text-align: center; }

/******************************************************************************/
/* obsah */

#content { background: #fff; }
#content .content { padding: 50px 0; }
#homepage #content .content { text-align: center; }
#subpage #content { margin-top: 70px; }
#subpage #content .content { min-height: 300px; }

#breadcrumbs { margin-bottom: 1em; }
#content ul li { line-height: 1.75em; }

/******************************************************************************/
/* tlačítka */

.button { display: inline-block; font-size: 1.5em; margin-bottom: 1em; vertical-align: middle; }
.button .fa { font-size: 1.25em; }

/******************************************************************************/
/* hlášky */

.msg-ok { background: #090; border-radius: 5px; color: #fff; margin-bottom: 1em; padding: 5px 10px; }
.msg-ok a { color: yellow; }

.msg-error { background: #f00; color: #fff; margin-bottom: 1em; padding: 2px 10px; }

/******************************************************************************/
/* reference */

#hp-reference { background: #fff url('../img/bg_reference.jpg') center center no-repeat; min-height: 500px; }
#hp-reference .content { color: #fff; padding: 50px 0; text-align: center; }

#hp-reference .tile { -webkit-box-shadow: none; box-shadow: none; padding-bottom: 15px; min-height: 0; }
#hp-reference .tile .img { height: 160px; }
#hp-reference .tile .title2 { display: block; padding: 0 15px; }

/******************************************************************************/
/* dlaždice - reference */

/******************************************************************************/
/* proč stavět s námi? */

#why { background: #fff; }
#why .content { padding: 50px 0; text-align: center; }

.why { display: inline-block; margin-bottom: 3em; padding: 0 5%; vertical-align: top; width: 23%; }
.why .img { background-repeat: no-repeat; background-position: center center; height: 60px; }
.why .text { height: 60px; }

/******************************************************************************/
/* reference - loga */

#reference-logo { background: #fff url('../img/bg_reference_loga.jpg') center center no-repeat; background-size: cover; }
#reference-logo .content { color: #fff; padding: 60px 0 80px 0; text-align: center; }
#reference-logo .h1 { margin-bottom: 1.5em; }
#reference-logo img { height: 35px; margin-bottom: 2em; width: auto; }

/******************************************************************************/
/* kontakt */

#contact { }
#contact .content { min-height: 600px; padding: 50px 0; text-align: center; }

/******************************************************************************/
/* kontaktní formulář */

#contact-form { -webkit-box-shadow: 0px 2px 5px 0px rgba(214,214,214,1); -moz-box-shadow: 0px 2px 5px 0px rgba(214,214,214,1); box-shadow: 0px 2px 5px 0px rgba(214,214,214,1); background: #fff; display: block; margin-left: 20%; padding: 4% 5%; width: 50%; }
#contact-form table { width: 100%; }
#contact-form table input[type="text"], #contact-form table textarea { border: 1px solid #aaa; padding: 15px 2%; width: 96%; }
#contact-form table input[type="submit"]  { background: #ffcd42; border: none; color: #000; cursor: pointer; font-size: 1em; font-weight: bold; text-transform: uppercase; padding: 15px 0; width: 100%; transition: 0.2s background; }
#contact-form table input[type="submit"]:hover {background: #eebc31; color: #000;}
#contact-form table textarea { height: 106px; }
#contact-form table tr td { padding: 0 0 0.75em 0; vertical-align: top; }
#contact-form table tr:last-child td { padding: 0; }
#mapsitna { display: none; }

/******************************************************************************/
/* fotografie */

.wrap-photo { border-top: 1px solid #eee; clear: both; margin-top: 1em; padding-top: 1em; }
.wrap-photo .photo { margin: 0 10px 10px 0; }
.photo { border: 1px solid #ccc; display: inline-block; float: left; }
.photo img { vertical-align: bottom; }
.photo:hover { border: 1px solid #000; }

/******************************************************************************/
/* vyhledávání */

.bg-h { background: #efefef; margin-bottom: 1em; padding: 10px 15px; }

/******************************************************************************/
/* google mapa */

#map { background: #eee; border-bottom: 1px solid #eee; border-top: 1px solid #eee; }
#google-maps iframe { pointer-events: none; vertical-align: bottom; }

/******************************************************************************/
/* patička */

#foot {  background: rgba(0,0,0,0.85); }
#foot .content { padding: 30px 0; text-align: center; }
#foot .content, #foot .content a { color: #eee; }


/******************************************************************************/
/* Služby - pruh - PROČ STAVĚT S NÁMI */
.why-we {padding-top: 22px;}
.why-we .h1 {text-align: center;}

.why-we-list .img {background-repeat: no-repeat;background-position: center center;height: 60px;}
.why-we-list {display: flex;flex-wrap: wrap;justify-content: space-between;}
.why-we-list__item {text-align: center;flex: 1;min-width: 180px;}
.why-we-list__item:first-child {margin-left: 0;}