/*
*  Default styles for elements from form helper
*/
.s { width: 50px; }
.m-form .date { width: 247px; }
.m-form .required { background-image: url(/helpers/form/formfiles/images/hvezda.gif); background-repeat: no-repeat;  background-position: -1px 2px; }
.m-form .optional {  }
.m-form .not_valid, .m-form input:invalid, .m-form textarea:invalid { background: #fbe7e2; }
.m-form .form_errors { background: #fee; }
.m-form .error_msg { color: red;  margin-left: 10px; }
.m-form .captcha-br { display: none; }
.m-form .captcha-img { float: left;  margin: 4px 0; }
.m-form .captcha-input { margin: 11px 0 0 15px;  width: 100px; }
.m-form .form-loading { display: none; position: absolute;
	z-index: 100;  width: 100%;  left: 0;  top: 0; }
.m-form .form-loading div { font-weight: bold;  font-size: 12pt;  padding: 70px 50px 70px 75px;  background: #fff url(/helpers/form/formfiles/images/loading.gif) no-repeat 25px 50%;
	position: absolute;  left: 40%;  top: 220px;  border: 1px solid #ddd; }
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 *
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 *
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
#fancybox-loading { position: fixed;  top: 50%;  left: 50%;  width: 40px;  height: 40px;  margin-top: -20px;  margin-left: -20px;  cursor: pointer;  overflow: hidden;  z-index: 1104;  display: none; }
#fancybox-loading div { position: absolute;  top: 0;  left: 0;  width: 40px;  height: 480px;  background-image: url('/views/_default/www/js/fancy/img/fancybox.png'); }
#fancybox-overlay { position: absolute;  top: 0;  left: 0;  width: 100%;  z-index: 1100;  display: none; }
#fancybox-tmp { padding: 0;  margin: 0;  border: 0;  overflow: auto;  display: none; }
#fancybox-wrap { position: absolute;  top: 0;  left: 0;  padding: 20px;  z-index: 1101;  outline: none;  display: none; }
#fancybox-outer { position: relative;  width: 100%;  height: 100%;  background: #fff; }
#fancybox-content { width: 0;  height: 0;  padding: 0;  outline: none;  position: relative;  overflow: hidden;  z-index: 1102;  border: 0px solid #fff; }
#fancybox-hide-sel-frame { position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: transparent;  z-index: 1101; }
#fancybox-close { position: absolute;  top: -15px;  right: -15px;  width: 30px;  height: 30px;  background: transparent url('/views/_default/www/js/fancy/img/fancybox.png') -40px 0px;  cursor: pointer;  z-index: 1103;  display: none; }
#fancybox-error { color: #444;  font: normal 12px/20px Arial;  padding: 14px;  margin: 0; }
#fancybox-img { width: 100%;  height: 100%;  padding: 0;  margin: 0;  border: none;  outline: none;  line-height: 0;  vertical-align: top; }
#fancybox-frame { width: 100%;  height: 100%;  border: none;  display: block; }
#fancybox-left, #fancybox-right { position: absolute;  bottom: 0px;  height: 100%;  width: 35%;  cursor: pointer;  outline: none;  background: transparent url('/views/_default/www/js/fancy/img/blank.gif');  z-index: 1102;  display: none; }
#fancybox-left { left: 0px; }
#fancybox-right { right: 0px; }
#fancybox-left-ico, #fancybox-right-ico { position: absolute;  top: 50%;  left: -9999px;  width: 30px;  height: 30px;  margin-top: -15px;  cursor: pointer;  z-index: 1102;  display: block; }
#fancybox-left-ico { background-image: url('/views/_default/www/js/fancy/img/fancybox.png');  background-position: -40px -30px; }
#fancybox-right-ico { background-image: url('/views/_default/www/js/fancy/img/fancybox.png');  background-position: -40px -60px; }
#fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ }
#fancybox-left:hover span { left: 20px; }
#fancybox-right:hover span { left: auto;  right: 20px; }
.fancybox-bg { position: absolute;  padding: 0;  margin: 0;  border: 0;  width: 20px;  height: 20px;  z-index: 1001; }
#fancybox-bg-n { top: -20px;  left: 0;  width: 100%;  background-image: url('/views/_default/www/js/fancy/img/fancybox-x.png'); }
#fancybox-bg-ne { top: -20px;  right: -20px;  background-image: url('/views/_default/www/js/fancy/img/fancybox.png');  background-position: -40px -162px; }
#fancybox-bg-e { top: 0;  right: -20px;  height: 100%;  background-image: url('/views/_default/www/js/fancy/img/fancybox-y.png');  background-position: -20px 0px; }
#fancybox-bg-se { bottom: -20px;  right: -20px;  background-image: url('/views/_default/www/js/fancy/img/fancybox.png');  background-position: -40px -182px;  }
#fancybox-bg-s { bottom: -20px;  left: 0;  width: 100%;  background-image: url('/views/_default/www/js/fancy/img/fancybox-x.png');  background-position: 0px -20px; }
#fancybox-bg-sw { bottom: -20px;  left: -20px;  background-image: url('/views/_default/www/js/fancy/img/fancybox.png');  background-position: -40px -142px; }
#fancybox-bg-w { top: 0;  left: -20px;  height: 100%;  background-image: url('/views/_default/www/js/fancy/img/fancybox-y.png'); }
#fancybox-bg-nw { top: -20px;  left: -20px;  background-image: url('/views/_default/www/js/fancy/img/fancybox.png');  background-position: -40px -122px; }
#fancybox-title { font-family: Helvetica;  font-size: 12px;  z-index: 1102; }
.fancybox-title-inside { padding-bottom: 10px;  text-align: center;  color: #333;  background: #fff;  position: relative; }
.fancybox-title-outside { padding-top: 10px;  color: #fff; }
.fancybox-title-over { position: absolute;  bottom: 0;  left: 0;  color: #FFF;  text-align: left; }
#fancybox-title-over { padding: 10px;  background-image: url('/views/_default/www/js/fancy/img/fancy_title_over.png');  display: block; }
.fancybox-title-float { position: absolute;  left: 0;  bottom: 0px;  height: 32px; }
#fancybox-title-float-wrap { border: none;  border-collapse: collapse;  width: auto; }
#fancybox-title-float-wrap td { border: none;  white-space: nowrap; }
#fancybox-title-float-left { padding: 0 0 0 15px;  background: url('/views/_default/www/js/fancy/img/fancybox.png') -40px -90px no-repeat; }
#fancybox-title-float-main { color: #FFF;  line-height: 29px;  font-weight: bold;  padding: 0 0 3px 0;  background: url('/views/_default/www/js/fancy/img/fancybox-x.png') 0px -40px; }
#fancybox-title-float-right { padding: 0 0 0 15px;  background: url('/views/_default/www/js/fancy/img/fancybox.png') -55px -90px no-repeat; }
/* IE6 */
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/views/_default/www/js/fancy/img/fancy_close.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/views/_default/www/js/fancy/img/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/views/_default/www/js/fancy/img/fancy_nav_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/views/_default/www/js/fancy/img/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/views/_default/www/js/fancy/img/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/views/_default/www/js/fancy/img/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/views/_default/www/js/fancy/img/fancy_title_right.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); }
#fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0;  top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); }
#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/views/_default/www/js/fancy/img/fancy_loading.png', sizingMethod='scale'); }
/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg { background: transparent !important; }
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/views/_default/www/js/fancy/img/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/views/_default/www/js/fancy/img/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/views/_default/www/js/fancy/img/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/views/_default/www/js/fancy/img/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/views/_default/www/js/fancy/img/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/views/_default/www/js/fancy/img/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/views/_default/www/js/fancy/img/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/views/_default/www/js/fancy/img/fancy_shadow_nw.png', sizingMethod='scale'); }@charset "UTF-8";
/**  global color #369 will be replaced  **/
/*body {  font: 9.5pt/1.45em Arial,"Trebuchet MS",tahoma,verdana;  color: #000;  padding: 0;  margin: 0; }*/
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* test */
body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

:focus {
  outline: 0; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

body {
  min-width: 1000px;
  /*background:white URL("/views/stehovaniopava/www/assets/prechod-bg.png") center center no-repeat;*/
  background-size: 100% auto;
  font-family: "Roboto"; }

.inside {
  position: relative;
  width: 960px;
  height: 100%;
  margin: 0 auto;
  box-sizing: border-box; }

.inside:before, .inside:after, .cleaner {
  content: "";
  width: 100%;
  height: 0px;
  display: block;
  clear: both; }

h1, .like-h1, .content h1, .content .like-h1, .content h2, .content h3 {
  display: inline-block;
  color: #0c5a90;
  line-height: 36px;
  vertical-align: middle;
  font-size: 25px;
  font-weight: normal; }

header {
  width: 100%;
  background: #0c5a90; }

header .middleline {
  width: 100%;
  height: 307px;
  /*background:;*/
  background: transparent center bottom no-repeat;
  border-bottom: #8d8d8d solid 1px; }

header .middleline .inside {
  padding-top: 20px; }

header .middleline img {
  margin-top: 25px; }

header .middleline .logo {
  margin: 0 auto;
  display: block; }

header .middleline .slogan {
  display: inline-block;
  width: 449px;
  margin-left: 73px;
  font-size: 28px;
  font-weight: 500;
  color: white;
  text-shadow: 3px 3px rgba(233, 97, 22, 0.8); }

.menu {
  width: 100%;
  height: 49px;
  background: #fff center center repeat-y;
  padding: 20px 0px;
  padding-bottom: 8px; }

.menu ul {
  margin: 0px;
  height: 49px; }

.menu ul li.menu-separator {
  position: relative;
  width: 0px; }

.menu ul li.menu-separator img {
  position: absolute;
  top: -98px;
  left: -29px; }

.menu ul li {
  position: relative;
  display: block;
  list-style-type: none;
  float: left;
  margin-top: 5px; }

.menu ul li:hover {
  background: rgba(255, 255, 255, 0.8); }

.menu ul li a:hover, .menu ul li.sel a {
  background: #fff400; }

.menu ul li.sel a {
  font-weight: bold;
  background: #fff400; }

.menu ul li a {
  display: block;
  text-align: center;
  padding: 10px 34px;
  color: #0c5a90;
  font-weight: bold;
  text-decoration: none;
  font-size: 18px;
  padding-right: 41px; }

.menu ul li ul.submenu {
  display: none;
  position: absolute;
  width: 220px;
  float: left;
  /*border-top:1px solid grey;*/
  box-sizing: border-box; }

.menu ul li:hover > ul.submenu {
  display: block;
  background: white;
  height: auto;
  z-index: 10; }

.menu ul li ul.submenu:nth-of-type(1) {
  /*border-left:1px solid grey;*/ }

.menu ul li:hover > ul.submenu:nth-of-type(2) {
  left: 220px; }

.menu ul li ul.submenu:hover {
  display: block; }

.menu ul li ul.submenu li {
  margin: 0;
  width: 100%;
  float: left; }

.menu ul li ul.submenu li a {
  display: block;
  text-align: left;
  font-size: 13px;
  padding: 10px;
  word-wrap: break-word;
  width: 100%;
  box-sizing: border-box;
  /*border-bottom:1px solid grey;*/
  /*border-right:1px solid grey;*/ }

.menu ul li ul.submenu a:nth-child(1) {
  border-top: 1px; }

.menu ul li ul.submenu li a:hover {
  background: #f36f2b;
  color: white; }

.content {
  position: relative;
  width: 100%;
  margin-top: -135px;
  margin-bottom: 50px;
  font-size: 14px; }
  .content li {
    list-style-type: disc;
    list-style-position: inside; }
  .content .left-side.colored {
    background: #5b9bd5;
    height: 716px; }
  .content .right-side.colored {
    background: #548235;
    height: 716px; }
  .content .side.colored:before {
    content: " ";
    position: absolute;
    display: block;
    width: 480px;
    height: 24px;
    background: transparent URL("/assets/shade-side.png") center no-repeat;
    top: -35px; }
  .content .side {
    width: 50%;
    float: left;
    position: relative;
    box-sizing: border-box; }
    .content .side .title {
      display: block;
      position: relative;
      width: 100%;
      height: 63px;
      margin-top: -63px;
      line-height: 63px;
      text-align: center;
      color: white;
      font-weight: 300;
      font-size: 40.5px;
      text-transform: uppercase;
      background: transparent URL("/assets/shade-title.png"); }
    .content .side img {
      margin: 0 auto; }
    .content .side p {
      margin-top: 10px;
      font-size: 18px;
      font-weight: 300;
      color: #5c5e5f;
      line-height: 25px; }
    .content .side strong {
      color: #0c5a90; }
  .content .side.colored.no-hp {
    height: 280px;
    overflow: hidden; }
  .content .side.colored p {
    color: white;
    text-align: center; }
  .content .side.contact {
    padding-top: 25px;
    padding-left: 100px;
    margin-bottom: 40px; }
    .content .side.contact p {
      font-weight: normal; }
  .content .side.contact.left {
    background: transparent URL("/assets/shade-middle.png") right center no-repeat; }
  .content .kontakt {
    position: relative;
    background: #e4edf3 URL("/assets/dodavka-ico.png") right 50px center no-repeat;
    width: 100%;
    height: 111px;
    padding-left: 105px;
    padding-top: 14px;
    box-sizing: border-box;
    margin-top: 20px; }
    .content .kontakt:before {
      content: " ";
      position: absolute;
      display: block;
      width: 960px;
      left: 0;
      right: 0;
      height: 27px;
      box-sizing: border-box;
      background: transparent URL("/assets/shade-contact.png") top center no-repeat;
      top: -29px; }
    .content .kontakt img {
      float: left; }
    .content .kontakt .two-lines {
      float: left;
      padding-left: 20px;
      padding-top: 10px;
      font-size: 24px;
      color: #0c5a90; }
      .content .kontakt .two-lines strong {
        display: inline-block;
        font-size: 30px;
        font-weight: bold;
        margin-right: 5px;
        padding-top: 2px; }
      .content .kontakt .two-lines a {
        color: #0c5a90;
        text-decoration: underline; }
  .content a {
    text-decoration: none; }
  .content .mainpart:before, .content .mainpart:after {
    content: "";
    width: 100%;
    height: 0px;
    display: block;
    clear: both; }
  .content .mainpart p, .content .mainpart li, .content .mainpart td {
    font-size: 16px;
    color: #333;
    line-height: 18px; }
  .content .mainpart p {
    margin-bottom: 20px; }
  .content .mainpart ul {
    margin-left: 18px; }
    .content .mainpart ul li {
      margin-bottom: 10px;
      list-style-position: outside; }
  .content .mainpart strong, .content .mainpart th {
    color: #0c5a90;
    font-weight: bold; }
  .content .mainpart a {
    text-decoration: underline;
    color: #0c5a90;
    font-weight: bold; }
  .content .mainpart table.cenik_tbl {
    width: 50%;
    margin-bottom: 20px; }
    .content .mainpart table.cenik_tbl td, .content .mainpart table.cenik_tbl th {
      min-width: 30px;
      padding: 10px;
      border: 2px solid #0c5a90; }

footer {
  position: relative;
  width: 100%;
  height: 116px;
  background: #0c5a90 URL("/assets/shade-middle-footer.png") center top 52px no-repeat;
  color: white;
  box-shadow: inset 0px 15px 51px -18px rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: inset 0px 15px 51px -18px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: inset 0px 15px 51px -18px rgba(0, 0, 0, 0.8);
  -o-box-shadow: inset 0px 15px 51px -18px rgba(0, 0, 0, 0.8); }
  footer:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    display: block;
    width: 939px;
    height: 10px;
    margin: 0 auto;
    background: #fff400; }
  footer .contact-footer {
    float: right; }
  footer a {
    color: white; }
  footer .inside {
    box-sizing: border-box;
    font-size: 12px; }
  footer .menu-footer {
    margin-bottom: 35px; }
    footer .menu-footer:before, footer .menu-footer:after {
      content: "";
      width: 100%;
      height: 0px;
      display: block;
      clear: both; }
    footer .menu-footer ul li {
      font-size: 15px;
      margin-top: 25px;
      float: left; }
      footer .menu-footer ul li:first-child a {
        padding-left: 0; }
      footer .menu-footer ul li a {
        padding: 0 20px;
        text-decoration: none; }

.nadpis-b {
  font-family: Tahoma;
  font-size: 15px;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
  color: #F37921; }

.text {
  font-family: Tahoma;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-align: left;
  /*color: #000000;*/ }

.text-i {
  font-family: Tahoma;
  font-size: 13px;
  font-style: italic;
  font-weight: normal;
  text-decoration: none;
  text-align: left;
  /*color: #000000;*/ }

.text-b {
  display: inline-block;
  font-weight: bold;
  margin: 20px 0; }

/*Responsive dod─Ťl├ívky*/
@media screen and (max-width: 1000px) {
  body {
    min-width: 0px; }

  .inside {
    width: 100%; }

  header .middleline .slogan {
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    margin: 0 auto;
    text-align: center;
    margin-top: 20px; }

  header .middleline .logo {
    margin: 0 auto;
    display: block; }

  h1, .like-h1, .content h1, .content .like-h1 {
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto; }

  .content > div h1, .content > div .like-h1 {
    margin: 0 auto; }

  .content .big-side, .content .right-side {
    width: 100%;
    padding: 0 10px;
    margin: 0 auto; }

  .content .bottom-side .more {
    width: 100%;
    display: block;
    text-align: center;
    box-sizing: border-box; }

  .content img {
    display: block;
    height: auto !important;
    width: 100% !important;
    padding: 0;
    margin: 0 auto; }

  footer .inside {
    padding: 0 10px; }

  footer {
    height: auto;
    min-height: 136px; } }
@media screen and (max-width: 550px) {
  .menu ul li.menu-separator {
    display: none; }

  .menu ul li {
    display: none;
    width: 100%;
    box-sizing: border-box;
    float: none;
    border: 1px solid #f36f2b;
    border-left: 0px;
    border-right: 0px; }

  .menu ul.open li {
    display: block; }

  .menu .inside > ul:before {
    position: relative;
    display: block;
    list-style-type: none;
    float: left;
    margin-top: 5px;
    color: #f2712c;
    display: block;
    text-align: center;
    padding: 10px 34px;
    color: #f2712c;
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
    padding-right: 41px;
    content: "MENU";
    width: 100%;
    box-sizing: border-box;
    float: none;
    border: 1px solid #f36f2b;
    border-left: 0px;
    border-right: 0px;
    margin-bottom: 5px;
    cursor: pointer; }

  .menu ul {
    width: 100%;
    box-sizing: border-box;
    height: auto;
    position: absolute;
    z-index: 10000;
    background: white;
    border: 1px solid #f36f2b; }

  footer .menu-footer ul li {
    float: none;
    width: 100%;
    margin: 0 auto; }

  footer .menu-footer ul li:after {
    content: "|";
    display: inline; }

  footer .menu-footer ul li.hp:before {
    content: "|";
    display: inline; }

  footer .menu-footer ul li a {
    width: 100%;
    display: inline-block;
    box-sizing: border-box;
    margin-left: -5px;
    margin-right: -5px;
    text-align: center; }

  footer .menu-footer ul li.hp a {
    padding: 0 20px; } }
@media screen and (max-width: 374px) {
  header .middleline .logo {
    width: 100%; } }

/*# sourceMappingURL=styles.css.map */