* {
font-family: Roboto, Cambria;
}

body {
color: #3A3530;
background: #f6f6f6 url(/images/background.jpg) center 400px no-repeat;
}

@media (max-width: 767px) {
  .clshack {
width: 100% !important;
height: auto !important;
}
}

.navbar-brand {
width: 100px;
padding-left: 0px;
padding-bottom: 10px;
}

@media (max-width: 767px) {
  .navbar-brand {
width: 60%;
}
}

@media (max-width: 575px) {
  .navbar-brand {
width: 50%;
}
}

.navbar .nav-item .nav-link { color: #000051; font-size: 20px; font-family: Cambria, Roboto;}
.navbar .nav-item:hover .nav-link { text-decoration: underline; color: #CEAB76;}
.navbar-nav .nav-link.active { text-decoration: underline; color: #CEAB76 !important;}

.contactline_logo {
max-height: 117px;
}

@media (max-width: 767px) {
  .contactline_logo {
height: 58px;
}
}

@media (max-width: 991px) {
  .contactline_logo {
height: 90px;
}
}

.btn {
  font-weight: 500;
  font-size: 18px;  
  padding: 0.5rem 2rem;
  border-radius: 0px;
}

.btn-outline-success {
  color: #95c11e;
  border-color: #95c11e;
  text-decoration: none !important;
}

.btn-outline-success:hover {
  background-color: #95c11e;
  border-color: #95c11e;
  color: #fff !important;
}

.btn-outline-success:focus {
  background-color: #95c11e;
  border-color: #95c11e;
  color: #95c11e;
}

.btn-success {
  background-color: #CEAB76;
  border: 1px solid #CEAB76;
  color: #fff !important;
  text-decoration: none !important;
}

.btn-success:hover {
  background-color: #fff;
  color: #CEAB76 !important;
  border: 1px solid #CEAB76;
  transition: background-color 0.4s ease-in-out, border-color 0.4s ease-in-out;
}

.btn-check:checked + .btn-outline-success, .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
  color: #fff;
  background-color: #CEAB76;
  border-color: #CEAB76;
}

.btn-check:focus + .btn-success, .btn-success:focus {
  color: #CEAB76 !important;
  background-color: #fff;
  border: 1px solid #CEAB76;
}

.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle {
  color: #CEAB76 !important;
  background-color: #fff;
  border: 1px solid #CEAB76;
}

#slider_podstranka {
background: #fff url(/images/slider_podstranka.jpg) center top no-repeat;
min-height: 439px;
}

#slider_specializace {
min-height: 439px;
}

.slider_citat {
padding-top: 330px;
color: #fff;
font-family: Cambria, Roboto;
font-size: 38px;
text-align: center;
font-style: italic;
}

#slider {
background: #fff url(/images/slider.jpg) center top no-repeat;
min-height: 620px;
}

.slider_text {
padding-top: 110px;
color: #fff;
}

@media (min-width: 1800px) {
  .slider_text {
padding-left: 120px;
}
}

.slider_text h1 {
font-size: 48px;
margin-bottom: 20px;
padding-bottom: 6px;
line-height: 56.27px;
font-family: Cambria, Roboto;
}

.slider_text ul  		{ margin: 0px 0 0px 0px; padding: 0 0 0 0px; list-style:none;}
.slider_text li 		{ margin: 0 0 2px 0; padding-left: 30px; color: #3c3c3b; font-size: 12pt; background: url("/images/li_hero.png") no-repeat 0 3px;}

.slider_motto {
margin-top: 30px;
margin-bottom: 20px;
font-size: 18px;
line-height: 26px;
}

.slider_motto a {
font-weight: bold;
color: #95c11e;
text-decoration: none;
}

.slider_motto a:hover {
font-weight: bold;
color: #95c11e;
text-decoration: underline;
}

@media (max-width: 991px) {
  .slider_text {
padding-top: 200px;
}
  .slider_text h1 {
font-size: 24pt;
line-height: 40px;
}
  .slider_motto {
font-size: 13pt;
}
}

@media (min-width: 992px) AND (max-width: 1199px) {
  .slider_text h1 {
font-size: 24pt;
line-height: 45px;
}
}

@media (min-width: 1200px) AND (max-width: 1399px) {
  .slider_text h1 {
font-size: 30pt;
line-height: 50px;
}
}

.slider_tlacitko {
margin-top: 10px;
margin-bottom: 30px;
}
@media (min-width: 1535px) {
  .slider_tlacitko_druhe {
margin-left: 30px;
}
}

#specializace_popis {
margin-top: 50px;
margin-bottom: 50px;
}

.specializace_popis_text {
font-size: 18px;
line-height: 26px;
text-align: center;
}

#specializace_boxy {
margin-top: 50px;
margin-bottom: 50px;
}

.proc_ramecek_specializace {
text-align: center;
margin-bottom: 30px;
min-height: 210px;
}

#specializace_boxy a {
text-decoration: none;
color: #3A3530;
}

#kontakt {
margin-top: 50px;
margin-bottom: 50px;
}

.kontakt_vizitka {
background-color: #fff;
padding: 20px 20px 0px 0px;
border: 1px solid #E9E9E9;
line-height: 25px;
}

.kontakt_vizitka_jmeno {
font-family: Cambria, Roboto;
font-size: 22px;
padding-top: 6px;
margin-bottom: 15px;
}

#advokat {
margin-top: 0px;
margin-bottom: 50px;
}

#advokat a {
text-decoration: none;
color: #3A3530;
font-weight: normal;
}

#advokat a:hover {
font-weight: normal;
}

#advokat h1 {
text-align: left;
}

#advokat h2 {
font-size: 33px;
font-family: Cambria, Roboto;
}

#advokat p {
line-height: 26px;
}

.advokat h2 {
margin-bottom: 20px;
}

.advokat a {
color: #3A3530;
text-decoration: underline !important;
}

.advokat a:hover {
text-decoration: none !important;
}

.advokat span {
margin-top: 15px;
}

.advokat_play {
float: left;
margin-right: 10px;
}

.advokat_medialni {
margin-bottom: 25px;
}

.advokat_tlacitko {
margin-top: 15px;
margin-bottom: 15px;
}

.advokat_ikona {
float: left;
margin-right: 15px;
}

@media (max-width: 991px) {
  .advokat_ikona {
float: none;
}
}

@media (max-width: 767px) {
  .advokat_fotka {
margin-top: 30px;
}
}

.advokat_specializace a {
color: #3A3530;
text-decoration: none;
}

.advokat_specializace a:hover {
color: #3A3530;
text-decoration: underline;
}

.advokat_nadpis {
padding-top: 4px;
}

#pruhkontakt {
background: #fff url(/images/pruhkontakt_pozadi.jpg) center top no-repeat;
min-height: 240px;
margin-bottom: 50px;
}

.pruhkontakt_text {
padding-top: 60px;
text-align: center;
}

.home_nadpis {
margin-top: 30px;
margin-bottom: 10px;
}

.jak_nadpis {
text-align: center;
}

.jak_nadpis h2 {
font-size: 43px;
font-family: Cambria, Roboto;
margin-bottom: 20px;
padding-bottom: 6px;
}

@media (max-width: 767px) {
  .jak_nadpis h2 {
font-size: 30px;
}
}

#proc {
margin-bottom: 40px;
}

.proc_ikona {
margin-bottom: 10px;
}

@media (min-width: 768px) {
  .proc_ikona {
height: 67px;
}
}

.proc_nadpis {
font-family: Cambria, Roboto;
font-size: 26px;
}

.proc_popis {
padding-top: 10px;
line-height: 26px;
}

.proc_ramecek {
border: 1px solid #E9E9E9;
padding: 30px 30px 30px 30px;
width: 100%;
}

@media (max-width: 767px) {
  .proc_ramecek {
padding-bottom: 20px;
}
}

.proc_tlacitko {
margin-top: 20px;
text-align: center;
}

.kancelar_pozadi {
background-color: #fff;
padding-left: 40px;
}

.kancelar_pozadi h2 {
text-align: left;
}

.kancelar_podstranka {
padding-bottom: 30px;
margin-bottom: 90px;
}

.kancelar_podstranka h2 {
text-align: center;
margin-bottom: 0px;
}

.kancelar_text {
padding-top: 45px;
font-size: 18px;
line-height: 30px;
}

@media (max-width: 991px) {
  .kancelar_text {
padding-top: 0px;
padding-bottom: 20px;
}
}

@media (min-width: 768px) {
  .kancelar_text ul li {
display: inline;
padding-right: 40px;
}
}

.kancelar_text ul {
list-style: none;
}

.kancelar_text li:before {
  content: '\00a0\2022\00a0\00a0';
  color:#3A3530;
  font-size: 18px;
  font-weight: bold;
}

.kancelar_spolupracujeme {
padding-left: 0px;
}

#klienti {
margin-top: 50px;
margin-bottom: 50px;
}

.klienti_obrazek {
text-align: center;
margin-bottom: 20px;
min-height: 160px;
}

.klienti_nazev {
text-align: center;
font-size: 18px;
line-height: 26px;
margin-bottom: 20px;
}

.klienti_citace {
background-color: #fff;
padding: 40px;
}


/* Formulář */

.inputGroup {
  background-color: #fff;
  display: block;
  position: relative;
  margin: 10px 0px;
}
.inputGroup label {
  padding: 12px 30px;
  width: 70%;
  display: block;
  text-align: left;
  color: #3C454C;
  cursor: pointer;
  position: relative;
  z-index: 2;
  transition: color 200ms ease-in;
  overflow: hidden;
  border-radius: 20px;
  padding-left: 60px;
  background-color: #e5e5e5;
}
.inputGroup label:before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: '';
  background-color: #95c11e;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: -1;
}
.inputGroup label:after {
  width: 32px;
  height: 32px;
  content: '';
  border: 2px solid #D1D7DC;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: 2px 3px;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 200ms ease-in;
}
.inputGroup input:checked ~ label {
  color: #fff;
}
.inputGroup input:checked ~ label:before {
  transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity: 1;
}
.inputGroup input:checked ~ label:after {
  background-color: #fff;
  border-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%2395c11e' fill-rule='nonzero'/%3E%3C/svg%3E ");
}
.inputGroup input {
  width: 32px;
  height: 32px;
  order: 1;
  z-index: 2;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  visibility: hidden;
}



/* Obsahová část */

.maincontent {
color: #3c3c3b;
padding-bottom: 60px;
font-size: 12pt;
line-height: 160%;
padding-top: 60px;
}

h1 {
font-family: Cambria, Roboto;
font-size: 43px;
font-weight: 400;
}

.maincontent h1 {
font-family: Cambria, Roboto;
font-size: 43px;
margin-top: 10px;
margin-bottom: 50px;
font-weight: 400;
text-align: center;
}

.maincontent h2 {
font-family: Cambria, Roboto;
font-size: 33px;
margin-bottom: 20px;
}

.maincontent h3 {
font-family: Cambria, Roboto;
font-size: 26px;
margin-bottom: 10px;
}

.maincontent h4 {
font-family: Cambria, Roboto;
font-size: 22px;
}

@media (max-width: 767px) {
  .maincontent h1 {
font-size: 32px;
}
  .maincontent h2 {
font-size: 26px;
}
  .maincontent h3 {
font-size: 22px;
}
  .maincontent h4 {
font-size: 18px;
}
}

.maincontent a {
color: #CEAB76;
text-decoration: underline;
font-weight: bold;
}

.maincontent a:hover {
color: #CEAB76;
text-decoration: none;
font-weight: bold;
}

.maincontent_tlacitko {
margin-top: 10px;
}

.maincontent_tlacitko a {
text-decoration: none !important;
}

.maincontent_tlacitko a:hover {
color: #fff !important;
}

.maincontent ul  		{ margin: 10px 0 15px 0px; padding: 0 0 0 25px;}
.maincontent li 		{ margin: 0 0 20px 0; font-size: 18px; list-style-image: url("/images/li.png");}



/* Bootstrap změny */

.navbar-light .navbar-toggler {
  color: #3A3530;
  border-color: #3A3530;
}

.navbar-toggler:hover {
  background-color: #CEAB76;
}

.navbar-toggler:focus {
  background-color: #CEAB76;
  box-shadow: 0 0 0 0.05rem;
}

@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top:0; }
}	

@media (max-width: 991px) {
  .navbar-nav {
padding-top: 20px;
padding-bottom: 10px;
}
}

@media (min-width: 768px) {
  .menu-gutters {
padding-right: 0px !important;
padding-left: 0px !important;
}
}