#ariadna {
margin-top: 60px;
}

.levyblok_pravy_ariadna {
padding-top: 60px !important;
width: 60% !important;
}

#pravyblok {
background-color: #fff;
}

.pravyblok_pravy {
position: relative;
margin-right: -12px;
}

#levyblok {
background-color: #f5f5f5;
}

#pravyblok {
background-color: #fff;
}

.pravyblok_pravy {
position: relative;
margin-right: -12px;
}

@media (min-width: 768px) AND (max-width: 991px) {
  .pravyblok_pravy {
text-align: right;
margin-right: -12px;
}
}

.levyblok_levy {
position: relative;
margin-left: -30px;
}

.levyblok_levy img {
width: 95%;
}

.levyblok_pravy {
padding-top: 80px;
line-height: 1.6;
width: 90%;
}

.levyblok_pravy h2 {
font-size: 22pt;
font-weight: bold;
margin-bottom: 20px;
padding-bottom: 6px;
border-bottom: 2px solid #95c11e;
}

@media (min-width: 1200px) AND (max-width: 1399px) {
  .levyblok_pravy {
padding-top: 40px;
width: 85%;
}
}

@media (min-width: 992px) AND (max-width: 1199px) {
  .levyblok_pravy {
padding-top: 40px;  
padding-left: 10px;
width: 100%;
}
  .levyblok_pravy_ariadna {  
padding-left: 0px;
width: 100% !important;
}
}

@media (min-width: 768px) AND (max-width: 991px) {
  .levyblok_pravy, .levyblok_pravy_ariadna {
padding: 60px 0px 0px 0px;
width: 100% !important;
}
}

@media (max-width: 767px) {
  .levyblok_pravy, .levyblok_pravy_ariadna {
padding: 60px 0px 0px 0px;
width: 100% !important;
}
  .levyblok_pravy h2 {
font-size: 20pt;
}
}

.blok_popis {
font-family: Open sans, Montserrat;
padding-bottom: 15px;
}

.blok_text {
padding-bottom: 20px;
line-height: 1.6;
}

.blok_text a {
color: #95c11e;
text-decoration: underline;
}

.blok_text a:hover {
text-decoration: none;
}

.blok_text h3 {
font-size: 20pt;
font-weight: bold;
margin-bottom: 20px;
}

@media (max-width: 767px) {
  .blok_text h3 {
font-size: 15pt;
}
}

.blok_text ul  		{ margin: 0px 0 15px 0px; padding: 0 0 0 18px;}
.blok_text li 		{ margin: 0 0 12px 0; padding-left: 6px; color: #3c3c3b; font-size: 12pt; list-style-image: url("/images/li.png")}

.blok_box {
border: 1px solid #95c11e;
background-color: white;
padding: 10px 20px 10px 20px;
}

.blok_box_nadpis {
color: #95c11e;
font-weight: bold;
padding-bottom: 6px;
font-size: 13pt;
}

.blok_box_popis {
font-family: Open sans, Montserrat;
}

.blok_box_logo {
margin-top: 10px;
margin-bottom: 10px;
}

.blok_tlacitka {
margin-top: 30px;
}

.blok_tlacitka_druhe {
margin-left: 30px;
}

@media (max-width: 576px) {
  .blok_tlacitka_druhe {
margin-left: 0px;
}
}

#jak {
margin-top: 90px;
margin-bottom: 90px;
background: url(/images/jak_pozadi.png) center 170px no-repeat;
}

@media (max-width: 991px) {
  #jak {
background: none;
}
  .jak_obal {
margin-bottom: 50px;
width: 100%;
}
}

.jak_box {
background-color: #f5f5f5;
padding: 20px 30px 20px 40px;
margin-left: 25px;
margin-right: 25px;
}

.jak_cislo {
color: #95c11e;
font-size: 70pt;
font-weight: bold;
position: absolute;
margin-top: -35px;
margin-left: 5px;
}

.jak_nazev {
font-size: 15pt;
font-weight: bold;
padding-bottom: 15px;
}

.jak_popis {
font-family: Open sans, Montserrat;
line-height: 1.6;
}

.jak_tlacitko {
margin-top: 50px;
text-align: center;
}

.jak_tlacitko a {
color: #fff !important;
text-decoration: none !important;
}

.jak_tlacitko a:hover {
color: #95c11e !important;
}

#body3 {
padding-top: 90px;
padding-bottom: 30px;
background-color: #f5f5f5;
}

.body3_odsazeni {
padding-right: 40px;
}

.body3_ramecek {
padding: 0px 30px 60px 30px;
}

#pripadovky {
margin-top: 90px;
margin-bottom: 60px;
}

#pripadovky a {
text-decoration: none;
color: #3c3c3b;
}

.pripadovky_obal {
background-color: #f5f5f5;
text-decoration: none !important;
transition: transform 350ms;
}

.pripadovky_obal:hover {
transform: translateY(-20px);
}

@media (max-width: 991px) {
  .pripadovky_obal {
margin-bottom: 30px;
}
}

.pripadovky_box {
padding: 30px;
}

.pripadovky_nazev {
font-weight: bold;
font-size: 16pt;
padding-bottom: 8px;
color: #95c11e;
}

.pripadovky_popis {
font-weight: normal;
font-family: Open sans, Montserrat;
}

.pripadovky_odkaz {
font-family: Open sans, Montserrat;
padding-top: 20px;
font-weight: bold;
color: #95c11e !important;
}

.pripadovky_tlacitko {
margin-top: 60px;
text-align: center;
}

.pripadovky_tlacitko a {
color: #95c11e !important;
}

.pripadovky_reference {
margin-top: 90px;
text-align: center;
font-size: 16pt;
font-weight: bold;
margin-bottom: 50px;
}

.pripadovky_reference_loga img {
margin-bottom: 30px;
}

#faq {
padding-top: 90px;
padding-bottom: 90px;
background-color: #f5f5f5;
}

.faq_obal {
background-color: white;
padding: 5px 0px 5px 0px;
}

.reference_box {
text-align: center;
padding: 30px;
}

@media (max-width: 991px) {
  .reference_box {
padding: 20px;
}
}

@media (max-width: 767px) {
  .reference_box {
margin-bottom: 30px;
}
}

.reference_popis {
padding-bottom: 60px;
line-height: 1.5;
}

.reference_jmeno {
padding-top: 25px;
font-weight: bold;
}

.reference_pozice {
padding-top: 10px;
font-size: 11pt;
}

.reference_carousel_tlacitko {
font-weight: bold;
}

#reference_loga {
padding-top: 0px;
padding-bottom: 0px;
}

.nastym a {
text-decoration: none;
color: #3A3530;
font-weight: normal;
}

.nastym a:hover {
text-decoration: none;
font-weight: normal;
}

.nastym_jmeno {
font-family: Cambria, Roboto;
font-size: 22px;
padding-bottom: 10px;
}

.nastym_pozice {
font-size: 18px;
padding-bottom: 20px;
}

#blog {
margin-top: 30px;
margin-bottom: 30px;
}

#blog a {
text-decoration: none;
color: #3c3c3b;
}

#clanek {
padding-top: 30px;
padding-bottom: 60px;
background-color: #f5f5f5;
}

.clanek_obrazek img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
max-height: 400px;
}

.clanek_pozadi {
background-color: #fff;
padding: 60px;
}

@media (max-width: 767px) {
  .clanek_pozadi {
padding: 30px;
}
}

@media (max-width: 575px) {
  .clanek_pozadi{
padding: 30px 15px 15px 15px;
}
}

.clanek_pozadi h1 {
font-size: 40px;
font-weight: bold;
margin-bottom: 10px;
padding-bottom: 6px;
border-bottom: 2px solid #95c11e;
}

@media (max-width: 767px) {
  .clanek_pozadi h1 {
font-size: 30px;
}
}

.clanek_pozadi h2 {
font-size: 20px;
font-weight: bold;
margin-top: 20px;
margin-bottom: 10px;
font-family: Open sans, Montserrat;
}

.clanek_pozadi h3 {
font-size: 18px;
font-weight: bold;
margin-top: 20px;
margin-bottom: 10px;
font-family: Open sans, Montserrat;
}

.clanek_datum {
font-size: 10pt;
font-family: Open sans, Montserrat;
}

.clanek_datum i {
color: #e5e5e5;
margin-right: 5px;
}

.clanek_perex {
font-family: Open sans, Montserrat;
font-size: 20px;
font-weight: bold;
padding-top: 20px;
}

.clanek_text {
font-family: Open sans, Montserrat;
font-size: 16px;
padding-top: 20px;
line-height: 160%;
}

.clanek_text a {
color: #95c11e;
font-weight: bold;
text-decoration: none;
}

.clanek_text a:hover {
text-decoration: underline;
}

.clanek_text ul  		{ margin: 0px 0 15px 0px; padding: 0 0 0 0px; list-style:none;}
.clanek_text li 		{ margin: 0 0 3px 0; padding-left: 15px; font-style: italic; color: #3c3c3b; font-size: 16px; font-family: Open sans, Montserrat; background: url("/images/li_clanek.png") no-repeat 0 11px;}

.clanek_tlacitko a {
color: #fff !important;
}

.clanek_tlacitko a:hover {
text-decoration: none !important;
color: #95c11e !important;
}



/* ----------------- */

.gallery_name {
margin-bottom: 20px;
font-size: 16pt;
color: #2b7dd9;
font-weight: bold;
}

.img-responsive.img-center {
  margin: 0 auto;
}

#chyba404 {
margin-top: 90px;
margin-bottom: 90px;
}

/* ----------------- */

#kontaktni-formular {
background: url(/images/formular_pozadi.jpg) center top no-repeat;
padding-top: 60px;
padding-bottom: 60px;
}

.formular_nadpis {
text-align: center;
}

.formular_nadpis h2 {
font-size: 43px;
color: #FFFFFF;
font-family: Cambria, Roboto;
margin-bottom: 20px;
padding-bottom: 6px;
}

@media (max-width: 767px) {
  .formular_nadpis h2 {
font-size: 36px;
}
}

@media (max-width: 1199px) {
  .formular_souhlas input {
margin-bottom: 10px;
}
}

.formular_souhlas {
margin-bottom: 30px;
padding-top: 10px;
font-size: 14px;
}

.formular_souhlas input {
margin-right: 10px;
transform: scale(1.5);
}

.formular_souhlas a {
color: #FFFFFF;
text-decoration: underline;
}

.formular_souhlas a:hover {
text-decoration: none;
}

.formular_souhlasim {
color: #FFFFFF;
}

.formular_tlacitko {
margin-bottom: 10px;
}

/* ----------------- */

#spodek {
position: relative;
width: 100%;
background: #f5f5f5;
padding-top: 60px;
padding-bottom: 60px;
}

.spodek_text {
line-height: 1.6;
}

.spodek_seznam {
padding-top: 10px;
padding-bottom: 15px;
line-height: 1.6;
}

.spodek_seznam a {
color: #3c3c3b;
text-decoration: none;
}

.spodek_seznam a:hover {
color: #3c3c3b;
text-decoration: underline;
}

.spodek_nadpis {
font-size: 26px;
font-family: Cambria, Roboto;
}

@media (max-width: 991px) {
  .spodek_nadpis {
margin-top: 30px;
}
}

.spodek_ikonky {
padding-top: 20px;
}

.spodek_seznam_ikony {
padding-bottom: 25px;
line-height: 22px;
}

.spodek_seznam_ikony_ikona {
min-height: 70px;
float: left;
margin-right: 10px;
}

.spodek_seznam_ikony a {
color: #3A3530;
font-family: Cambria, Roboto;
font-size: 22px;
text-decoration: none;
font-weight: 400;
}

.spodek_seznam_ikony a:hover {
text-decoration: underline;
}

.spodek_seznam_ikony span {
font-size: 14px !important;
}

#paticka_spodek {
position: relative;
width: 100%;
border-top: 1px solid #E9E9E9;
}

.paticka_spodek_text {
font-size: 16px;
padding-top: 25px;
padding-bottom: 15px;
text-align: center;
}

/* Bootstrap změny */

.form-check-label {
  font-weight: normal !important;
}

.form-control {
  color: #3A3530;
  background-color: #fff;
  border: 0px;
  font-size: 16px;
  border-radius: 2px;
  transition: border-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

.form-control:focus {
  color: #3c3c3b;
  background-color: #fff;
  border: 2px solid #CEAB76;
  outline: 0;
  box-shadow: none;
}

.form-floating > .form-control:focus ~ label {
  opacity: 1;
  color: #CEAB76;
}

.zasady-justify {
text-align: justify !important;
}

