@import url(https://fonts.googleapis.com/css?family=Amiri:400,700|Noto+Serif:400,700&subset=latin-ext);

body {
  background: #292727;
  font-family: Verdana, Geneva, sans-serif;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
  h1, h2 {
    font-family: "Times New Roman", serif !important;
  }
  h3, p.h3  {
    font-family: "Times New Roman", serif !important ;
  }
  .navbar-default .navbar-nav > li > a {
    font-family: "Times New Roman", serif !important ;
  }
}



#content {
  background: rgba(253, 253, 253, 1);
  z-index: 800;
  position: relative;
}

#mainContainer {
  background-image: url(/obrazek/3/paper-png);
}

p, li {
  font-size: 14px;
  line-height: 1.9;
}
li {
  list-style-type: circle;
}
span {
  font-size: 14px;
}
h1 {
  line-height: 60px;
}
h1, h2 {
  margin: 60px auto 30px;
  text-transform: uppercase;
  color: #85C1A0;
  font-weight: bold;
  font-family: 'Noto Serif', serif;
}
h2 {
  font-size: 2.2em;
  text-transform: none;
}

h3, p.h3 {
  font-family: 'Noto Serif', serif;
}

.btn-primary {
  color: #fff;
  background-color: #616161;
  border-color: #4e504e;
  padding: 11px;
  border-radius: 0;
}

.section {
  float: left;
  width: 100%;
}
.section > .row {
  padding-left: 15px;
  padding-right: 15px;
  margin-left: 0;
  margin-right: 0;
}
/*---------logo + menu-------*/
#logo img {
  max-height: 48px;
  position: relative;
  top: 3px;
}
.navbar-nav > li {

  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

nav.navbar.navbar-default.navbar-fixed-top {
  background-image: url(/obrazek/3/paper-png);
  background-attachment: fixed;
  box-shadow: none;

}
.navbar-default .navbar-nav > li > a {
  color: #a5a5a5;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 1px;
  font-family: 'Noto Serif', serif;

}
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {
  color: #85C1A0;
  background-color: transparent;
}
.navbar .navbar-nav > .active > a, .navbar .navbar-nav > .active {
  background-color: transparent;
  border-radius: 0;
  color: #85C1A0;
}
.navbar .navbar-nav > .active > a:hover, .navbar .navbar-nav > .active:hover {
  background-color: transparent;
  color: #85C1A0;
}

/*---------motive------*/

#box-custom-motive {
  background: transparent;
  box-shadow: none;
}
#box-custom-motive .row > div {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.motiv-text img {
  width: 100%;
}
i.fa.fa-chevron-down {
  color: rgba(191, 191, 191, 0.24);
  font-size: 25px;
}
.next-section {
  width: 50px;
  height: 50px;
  border: 0;
  outline: 0;
  cursor: pointer;
  position: relative;
  display: block;
  margin: 10px auto;
}

.motiv-text {
  position: fixed;
}



/*-----------uprava postrannich boxu------------*/
main.col-xs-12.col-sm-12.col-md-8.col-md-push-4.col-lg-9.col-lg-push-3 {
  width: 100%;
  left: 0;
  padding-left: 0;
  padding-right: 0;
}
aside.col-xs-12.col-sm-12.col-md-4.col-md-pull-8.col-lg-3.col-lg-pull-9 {
  width: 100%;
  right: 0;
  padding-left: 0;
  padding-right: 0;
}
aside .panel {
  background: transparent;
  box-shadow: none;
}
aside .panel-primary > .panel-heading {
  display: none;
}
aside .panel .panel-body {
  border: none;
  padding: 0;
}


/*----------nadpisy boxy-----------*/
.heading-box {
  text-align: center;
  width: 72%;
  margin: auto auto 30px 14%;
}
.heading-box:after {
  content: "";
  width: 107px;
  height: 2px;
  background: #85C1A0;
  margin: auto;
  transition: all .3s ease;
  position: relative;
  padding-top: 0;
  margin-top: 27px;
  display: block;

}
/*-----------cast profil----------*/
section#profil {
  padding-top: 20px;
}

.profil-foto img {
  box-shadow: 10px 11px 1px 3px #85C1A0;
  float: right;
  height: auto;
  width: 250px;
  margin-right: 25px;
}
.profil-main {
  margin-top: 75px;
  margin-bottom: 100px;
}
.profil-main p:first-child {
  margin-top: 30px;
}
/*----------boxy sluzby---------*/
.box.sluzby h3:before {
  display: inline-block;
  content: '';
  background-image: url(/obrazek/3/law-icon-png/);
  background-size: 35px 35px;
  height: 35px;
  width: 35px;
  position: relative;
  top: 6px;
  margin-right: 18px;
}


.box.sluzby h3 {
  text-align: left;
  text-indent: -53px;
  margin-left: 50px;
  padding-left: 10px;
}
.box h3 {
  margin: 40px auto 20px;
  font-size: 1.5em;
  color: #4c4b4b;
  font-weight: bold;
}
/*------------box formy------*/
#informace {
  padding: 10px 40px 70px;
}
.box.formy, .box.formy h3 {
  text-align: center;
}

.box.formy h3:before {
  display: block;
  content: '';
  background-image: url(/obrazek/3/law-icon-png/);
  background-size: 35px 35px;
  height: 35px;
  width: 35px;
  margin: 20px auto;
}

#informace a {
  color: #85C1A0; 
}

/*--------formulář - form - kontakt------*/
.form-control {
  background: #efefef;
  color: #333;
  padding: 10px;
  border: none;
  border-bottom: 2px solid #b9b9b9;
  margin-top: 14px;
}
img#captcha {
  margin-top: 7px;
}
.modal-backdrop.in {
  display: none!important 
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
  color: #fff;
  background-color: #74ab8d;
  border-color: #74ab8d;
}
/*------------footer - paticka - kontakt------------------*/

section#bar-poweredby {
  display: none;
}


#box-custom-footer {
  padding-right: 0;
  padding-left: 0;
  background: #85C1A0;
  position: relative;
  z-index: 600;
}
#box-custom-footer > .row {
  margin-left: 0;
  margin-right: 0;
}
#box-custom-footer > .row > .col-lg-12 {
  padding: 0;
}
mapa {
  margin-right: -15px;
  margin-left: -15px;
}
iframe {
  margin-bottom: -7px;
  margin-top: 60px;
}

#kontakt {
  padding-top: 0;
}
#kontakt .heading-box span {
  color: #616161;
}
#kontakt .heading-box:after {
  background: #fbfbfb;
}
#kontakt h2 {
  color: #fbfbfb;
}
#kontakt-end {
  background: #85C1A0;
}
#kontakt-end li {
  display: flex;
  list-style-type: none;
}
.adresa {
  padding-bottom: 20px;
  padding-top: 35px;
  background-image: url(/obrazek/3/paper-png);
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: 0;
  margin-right: 0;
}
i.fa.fa-fw.text-primary {
  position: relative;
  right: 8px;
  color: #85C1A0;
}
/*---------------sekce s obrazky-------------------*/


#image-top {
  background-image: url(/obrazek/3/soud-advokat-jpg);
  background-size: cover;
  background-position: center;
  height: 270px;
}

#image-middle {
  margin-top: 70px;
  height: 262px;
  background-image: url(/obrazek/3/pravo-advokat-jpg);
  background-size: cover;
  background-position: center;
}
#image-bottom {
  height: 310px;
  background-image: url(/obrazek/3/moudrost-pravo-jpg);
  background-size: cover;
  background-position: center;
}


/*--------posouvaci sipka nahoru------*/

#myBtn {
  position: fixed;
  bottom: 16px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: rgba(101, 183, 138, 0.58);
  border: 1px solid rgba(251, 251, 251, 0.44);
  color: #dcdcdc;
  cursor: pointer;
  padding: 10px 15px;
  border-radius: 0;
  transition: all .3s ease;
}

#myBtn:hover {
  background-color: #8a6d3b;
}

/*----------------responsivni zobrazeni----------*/

@media screen and (max-width: 767px) { /*zobrazení pro mobil*/ 
  .navbar-toggle {
    color: #85C1A0;
  }
  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #85C1A0;
    color: #fff;
  }
  .navbar-nav > li {
    text-align: right;
  }

  #box-custom-motive .row > div {

    align-items: flex-start;
  }
  .profil-foto img {
    float: none;
  }
  .profil-foto {
    text-align: center;
  }
  #formy-spoluprace {
    padding: 10px 40px 70px;
  }
  h1 {
    font-size: 1.5em;
    line-height: 20px;
  }
  h2 {
    font-size: 1.8em;
  }
  h3, p.h3 {
    font-size: 1.2em;
  }

}

@media screen and (min-width: 768px) { /*zobrazení pro tablet*/
  nav.navbar.navbar-default.navbar-fixed-top {
    top: 0 !important;
  }
  .navbar-header {
    position: absolute;
  }
  #bs-example-navbar-collapse-1 {
    padding-left: 20%;
  }
  #formy-spoluprace {
    padding: 10px 15px 70px;
  }
  #content {
    margin-bottom: 300px;
  }

}

@media screen and (min-width: 992px) { /*zobrazení pro malý notebook*/
  nav.navbar.navbar-default.navbar-fixed-top {
    top: 0 !important;
  }
  .nav > li > a {
    padding: 6px 14px;
  }
  .navbar-header {
    position: static;
  }
  #bs-example-navbar-collapse-1 {
    padding-left: 0;
  }
  .box.sluzby > div:last-child {
    padding: 10px 80px 10px 40px;
  }
  .box.sluzby > div:first-child {
    padding: 10px 20px 10px 80px;
  }
  #formy-spoluprace {
    padding: 10px 15px 70px;
  }
  #content {
    margin-bottom: 300px;
  }

}

@media screen and (min-width: 1200px) { /*zobrazení pro monitor*/
  nav.navbar.navbar-default.navbar-fixed-top {
    top: 0 !important;
  }
  .nav > li > a {
    padding: 6px 20px;
  }
  .navbar-header {
    position: static;
  }
  #bs-example-navbar-collapse-1 {
    padding-left: 0;
  }

  .box.sluzby > div:last-child {
    padding: 10px 120px 10px 40px;
  }
  .box.sluzby > div:first-child {
    padding: 10px 20px 10px 120px;
  }
  #formy-spoluprace {
    padding: 10px 40px 70px;
  }
  #content {
    margin-bottom: 300px;
  }

}
_:-ms-fullscreen, :root .motiv-text {
  position: static;

}
_:-ms-fullscreen, :root #content {
  margin-bottom: 0;

}

  /*vlastní formulář*/
.own-form div.panel {
  display:block!important;
  padding:0;
  background-color:transparent;
}
  
.own-form .panel-heading {
  display:none;
}

.own-form .panel,
.own-form .panel-body {
  box-shadow:none;
  border:0;
}

.own-form .form-group {
  margin-bottom: 0px;
}

.own-form .form-group .col-sm-8,
.own-form .form-group .col-sm-3 {
  width:100%;
  display:inline-block;
  text-align:left;
}


.kontaktovat.section-container,
.kontaktovat.section-container .section-content {
  padding:0;
  margin:0;
}


.kontaktovat  form {
  padding-top:0!important;
  padding-bottom:0!important;
}

.kontaktovat  .form-control {
  margin:0;
  margin-bottom:0px;
}

.kontaktovat  .form-control[type=text] {
  height:30px;
}
.kontaktovat  textarea {
  height:90px;
}
.kontaktovat .form-group:nth-of-type(5) {
  padding-top:0px!important;
}
.kontaktovat label {
  color:white;
}

@media(min-width:992px) {
  
.kontaktovat .panel {
  width:50%;
  margin:0 auto;
}
}