@import url('https://fonts.googleapis.com/css?family=Russo+One');

.navbar {
  background-color: #004972;
}

h2 {
  margin: 3% 0;
}

header {
  display: none;
}

.navbar-nav li {
  border: none;
}

#bar-footer {
  background-color: #004972;
  border-top: none;
  color: #fff;
}

footer a {
  color: #fff;
}

#footer-contact .fa {
  color: #fff;
}

footer #footer-content {
  background-color: #006791;
}

#footer-contact ul li{
  color: #fff;
}

h2 {
  text-transform: uppercase;
}

#index h1 {
  font-family: Impact, Charcoal, sans-serif
}

#produkty h3 {
  text-transform: uppercase;
}

.navbar {
  margin-bottom: 0;
  border: none;
}


#content > div > main {
  margin-bottom: 10%;
}

body {
  background-color: #fff;
}

p {
  font-size: 14px;
}

.nadpis h1 {
  text-transform: uppercase;
}

.nadpis p {
  text-align: center;
}

.nadpis img {
  border-radius: 50%;
  border: solid 4px #fff;
}

.nadpis {
  background-color: #006791;
  color: #fff;
  font-family: Impact, Charcoal, sans-serif;
  padding: 2% 0;
}

.container-motive {
  background-image: url("/obrazek/3/logo-rukomont-nase-jpg/");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 15% 0;
  background-position: center;
}

.thumbail {
  background: #006791;
  border-radius: 0;
  margin-top: 15px;
  border-radius: 0px;
  border: 4px solid #004972;
  min-height: 400px;
  color: #fff;
}

.container-row .col-lg-6 h2 {
  text-align: center;
  margin: 0.5%;
}

#mainContent > div.container-row > div:nth-child(2) {
  background-color: #98d3ea;
  width: 45.3%;
  margin: 2%;
  padding: 2% 0;
}
#mainContent > div.container-row > div:nth-child(1) {
  background-color: #98d3ea;
  width: 45.3%;
  margin: 2% 2.7%;
  padding: 2% 0;
}



.container-row .col-lg-12 h2 {
  text-align: center;
}

#mainContent > div.container-row > div.col-xs-12.col-md-12.col-lg-12 > ul {
  margin-left: 14%;
}

.container-row .col-lg-12 {
  background-color: #98d3ea;
  width: 95.5%;
  margin: 0 2.6%;
  margin-bottom: 6%;
  padding-bottom: 1%;
}

li {
  font-size: 14px;
}
#mainContent > div.container-row > div.col-xs-12.col-md-12.col-lg-12 > ul > li:nth-child(5) {
  font-weight: bold;
  margin-top: 20.8px;
}

.container-podnikani .col-lg-4 {
  background: #006791;
  color: #fff;
  width: 30%;
  margin-left: 2.7%;
  margin-bottom: 2%;
  height: 100px;
}

.container-podnikani .col-lg-4 h3 {
  text-align: center;
}
.container-rozsireni .col-lg-4 {
  background: #98d3ea;
  color: #000;
  width: 30%;
  margin-left: 2.7%;
  margin-bottom: 3%;
  height: 100px;
}

.container-rozsireni .col-lg-4 h3 {
  text-align: center;
}

.container-zahranici .col-lg-12 {
  background-color: #006791;
  width: 95.5%;
  margin: 0 2.6%;
  margin-bottom: 3%;
  color: #fff;
  padding: 1% 2% 2%;
} 

#mainContent > div.container-podnikani > div:nth-child(7), #mainContent > div.container-podnikani > div:nth-child(6) {
  margin-bottom: 3%;
}

/*-------Reference-------*/

.prehled .col-lg-12 {
  background-color: #98d3ea;
  width: 95.5%;
  margin: 0 2.6%;
  margin-bottom: 2%;
  padding-bottom: 1%;
  margin-top: 2%; 
}

#fota .thumbnail {
  border: 2px solid #006791;
  padding: 0 0 4%;
}

#fota .thumbnail h2 {
  text-align: center;
  background: #006791;
  padding: 3% 0;
  margin-top: 0;
  color: #fff;
}

#fota .col-lg-12 {
  width: 95.5%;
  margin: 0 2.6%;
}

#mainContent > div:nth-child(3) > div {
  margin-top: 0;
}

/*--------butony---------*/
.btn.btn-1 {
  background-color: #006791;
}
.btn.btn-1 .round {
  background-color: #fff;
}

a.btn.btn-1  {
  text-decoration: none;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  padding: 12px 53px 12px 23px;
  color: #fff;
  text-transform: uppercase;
  font-family: sans-serif;
  font-weight: bold;
  position: relative;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: inline-block;
}
a.btn.btn-1 span {
  position: relative;
  z-index: 3;
  color: #fff;
}
a.btn.btn-1 .round {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  position: absolute;
  right: 3px;
  top: 3px;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  z-index: 2;
}
a.btn.btn-1 .round i {
  position: absolute;
  top: 50%;
  margin-top: -6px;
  left: 50%;
  margin-left: -4px;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #006791;
}
a.btn.btn-1:hover {
  padding-left: 48px;
  padding-right: 28px;
  color: #006791;
}
a.btn.btn-1:hover .round {
  width: calc(100% - 6px);
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
}
a.btn.btn-1:hover .round i {
  left: 12%;
}

a.btn.btn-1:hover span {
  color: #006791;
}

/*--------služby------------*/
.container-nabidka .col-lg-4 {
  background: #98d3ea;
  color: #000;
  width: 30%;
  margin-left: 2.7%;
  margin-bottom: 2%;
  height: 250px;
  margin-top: 2%;
}

.container-nabidka .col-lg-4 h2 {
  text-align: center;
}

.container-zaruka .col-lg-4 {
  background: #98d3ea;
  color: #000;
  width: 30%;
  margin-left: 2.7%;
  margin-bottom: 2%;
  height: 250px;
  margin-top: 2%;
}

.container-zaruka .col-lg-4 h2, .container-zaruka .col-lg-offset-2 h2 {
  text-align: center;
}

.container-zaruka .col-lg-offset-2 {
  background: #98d3ea;
  color: #000;
  width: 30%;
  margin-bottom: 2%;
  height: 250px;
  margin-top: 2%;
  margin-left: 18.66%
} 

#mainContent > div > div:nth-child(3) > p, #mainContent > div > div:nth-child(2) > p, #mainContent > div.container-zaruka > div.col-xs-12.col-md-4.col-lg-offset-2 > p {
  margin-top: 40px;
}

#produkty .thumbnail img {
  height: 250px;
  padding: 3%;
}

#produkty > div:nth-child(1) > div > img {
  margin-top: 31px;
}

#produkty .thumbnail p {
  padding: 0 1.5%;
}

#produkty .thumbnail {
  padding: 0 0 4%;
}

#produkty .thumbnail h3 {
  text-align: center;
  background: #006791;
  padding: 3% 0;
  margin-top: 0;
  color: #fff;
}

#produkty > div:nth-child(1) > div {
  padding: 0 0 7.7%;
}

/*-----kontakt--------*/
#mainContent > div > div.col-xs-12.col-md-6 {
  margin-top: 2%;
}