html body,
h1, h2, h3, h4, h5, h6,
#motive, .navbar
{font-family: sans-serif;}

.navbar
{font-size:1em}
.navbar .navbar-nav > li > a 
{font-weight:normal;}

#motive
{min-height: 400px;}

@media only screen and (max-width: 700px){
  #motive  {min-height: 300px;background-position: 1300px center;}
}



#motto
{width: 600px;margin: 0 0 0 45%;}
#motto #motto-title
{color:#1269b0;font-weight: 750;}
#motto #motto-text
{color:#1269b0;width:100%}

@media only screen and (max-width:1200px){
  #motto  {width: 600px;margin: 0 auto;}
}

@media only screen and (max-width: 700px){
  #motto  {width: 100%;margin: 0 auto;}
}

@media only screen and (max-width: 767px){
  #motto p#motto-title {  font-size: 5em;   margin-top: 75px;}
}



article
{margin-top:0}

section.section-services li
{border-left:0 none}
section.section-services li.section-cell-item
{background:#fff url(/obrazek/3/tykev-png/) no-repeat 16px 50%; background-size: 16px 26px; padding:24px}

#menu-item-378465 a{color:white;font-size:1px}

#menu-item-378465 a::after {
  font-family: 'FontAwesome';
  content: "\f015";
  color:#c4c4c4;
  font-size:32px
}

#menu-item-378465.active a::after  {
  color:#252525;
}




.box-video{margin:20px}
.box-video-in{position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.box-video-in iframe{ position: absolute;top: 0;left: 0;width: 100%;height: 100%;}