/*
Theme Name: PMD stav, s.r.o.
Author: Pavel Hulva
Author URI: 
Description: Nestavíme domy. Vytváříme váš nový domov.
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap');

body {
  font-family: "Exo 2", sans-serif!important;
}

.navbar-nav {
  margin-left: auto!important;
}

.nav-item > .nav-link {
  font-size: 1.125rem!important;
  color: #18181B!important;
  font-weight: 500!important;
  border-bottom: 3px solid #FFFFFF!important;
  padding-top: 7px!important;
  padding-bottom: 7px!important;
  padding-left: 0px!important;
  padding-right: 0px!important;
  text-transform: uppercase!important;
}

.nav-item > .nav-link:hover,
.nav-item > .nav-link:focus {
  border-bottom: 3px solid #4b4642!important;
  padding-bottom: 0px!important;
}

@media (min-width: 1100px) {
.nav-item > .nav-link {
  margin-right: 50px!important;
}}

.btn-primary {
  border-radius: 0rem!important;
  background-color: #665F5A!important;
  color: #FFF!important;
  font-size: 1.125rem!important;
  font-weight: 500!important;
  padding-left: 40px!important;
  padding-right: 40px!important;
  text-transform: uppercase!important;
  border: none!important;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #4b4642!important;
  color: #FFF!important;
}

.btn-01 {
  border-radius: 0px!important;
  background-color: #000!important;
  color: #FFF!important;
  font-size: 1rem!important;
  font-weight: 400!important;
  padding-left: 40px!important;
  padding-right: 40px!important;
  text-transform: uppercase!important;
  border: none!important;
  width: 100%!important;
  padding-top: 15px!important;
  padding-bottom: 15px!important;
}

.btn-01:hover,
.btn-01:focus {
  background-color: #F2F2F2!important;
  color: #000!important;
}

.btn-02 {
  border-radius: 0px!important;
  background-color: #FFF!important;
  color: #000!important;
  font-size: 1rem!important;
  font-weight: 500!important;
  padding-left: 40px!important;
  padding-right: 40px!important;
  text-transform: uppercase!important;
  border: none!important;
  width: 100%!important;
  padding-top: 15px!important;
  padding-bottom: 15px!important;
}

.btn-02:hover,
.btn-02:focus {
  background-color: #F2F2F2!important;
  color: #000!important;
}

@media (max-width: 1099px) {
.btn-primary,
.btn-warning,
.btn-dangerous {
  width: 100%!important;
}}

@media (min-width: 1100px) {
.btn-primary {
  margin-left: 20px!important;
}}

.btn-secondary {
  border-radius: 0rem!important;
  background-color: #E6E0D4!important;
  color: #665F5A!important;
  font-size: 1.125rem!important;
  font-weight: 400!important;
  padding-left: 40px!important;
  padding-right: 40px!important;
  text-transform: uppercase!important;
  border: none!important;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.50)!important;
}

.btn-secondary:hover,
.btn-secondary:focus {
  background-color: #d3c9b4!important;
  color: #665F5A!important;
}

.btn-warning {
  border-radius: 0rem!important;
  background-color: #000!important;
  color: #FFF!important;
  font-size: 1rem!important;
  font-weight: 400!important;
  padding-left: 40px!important;
  padding-right: 40px!important;
  border: none!important;
  margin-top: 25px!important;
  text-transform: uppercase!important;
}

.btn-warning:hover,
.btn-warning:focus {
  background-color: #CDCDCD!important;
  color: #FFF!important;
}

.btn-dangerous {
  border-radius: 0rem!important;
  background-color: #FFF!important;
  color: #000!important;
  font-size: 1.25rem!important;
  font-weight: 400!important;
  padding-left: 40px!important;
  padding-right: 40px!important;
  border: none!important;
}

.btn-dangerous:hover,
.btn-dangerous:focus {
  background-color: #CDCDCD!important;
  color: #000!important;
}

.white-color {
  color: #FFF!important;
}

.orange-color {
  color: #F3941C!important;
}

.green-color {
  color: #172117!important;
}

/* Landing Page */
.web-title {
  padding-top: 150px!important;
  padding-bottom: 200px!important;
}

@media (max-width: 1099px) {
.web-title {
  padding-top: 150px!important;
  padding-bottom: 150px!important;
}}

@media (max-width: 500px) {
.web-title-content {
  text-align: center!important;
}}

.web-title-content > h1 {
  font-size: 3.5rem!important;
  font-weight: 400!important;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.50)!important;
  color: #FFF!important;
  padding-top: 15px!important;
  padding-bottom: 15px!important;
}

.web-title-content > h1 > strong {
  font-weight: 700!important;
}

@media (max-width: 700px) {
.web-title-content > h1 {
  font-size: 2.5rem!important;
}}

.web-title-content > p {
  font-size: 1.7rem!important;
  color: #FFF!important;
  font-weight: 400!important;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.50)!important;
}

.web-hero {
  padding-bottom: 80px!important;
  padding-top: 80px!important;
}

.web-basic-content > .display-1 {
  font-size: 2.4rem!important;
  font-weight: 700!important;
  color: #090914!important;
  padding-bottom: 20px!important;
}

.web-basic-content > .display-3 {
  font-size: 1.7rem!important;
  font-weight: 700!important;
  text-transform: uppercase!important;
  padding-top: 20px!important;
}

.web-basic-content > p.contact {
  padding-bottom: 5px!important;
  margin-bottom: 0px!important;
}

.web-basic-content > p > i {
  color: #CDCDCD!important;
  font-size: 1.3rem!important;
  margin-right: 10px!important;
  margin-top: 3px!important;
}

.web-basic-content > p > a {
  color: #172117!important;
  font-size: 1.1rem!important;
  text-decoration: none!important;
  font-weight: 400!important;
  border-bottom: 2px solid #FFF!important;
}

.web-basic-content > p > a:hover,
.web-basic-content > p > a:focus {
  border-bottom: 2px solid #A48B5B!important;
}

.web-basic-content > p {
  color: #172117!important;
  font-size: 1rem!important;
  text-align: justify!important;
}

@media (min-width: 1100px) {
.web-basic-content > p {
  max-width: 95%!important;
}}

.web-basic-content > img {
  margin-bottom: 15px!important;
}

.web-basic-content > .display-2 {
  font-size: 1.7rem!important;
  font-weight: 700!important;
  text-transform: uppercase!important;
  color: #FFF!important;
  margin-top: 20px!important;
  margin-bottom: 30px!important;
}

@media (max-width: 1099px) {
.web-basic-content > .display-2 {
  font-size: 1.5rem!important;
}}

.bg-btn {
  background-color: #FFF!important;
  padding-left: 15px!important;
  padding-right: 15px!important;
  padding-top: 7px!important;
  padding-bottom: 7px!important;
  border-radius: 0.625rem!important;
}

.web-basic-content > .text-adv {
  color: #FFF!important;
  font-size: 1rem!important;
  max-width: 90%!important;
  margin-left: auto!important;
  margin-right: auto!important;
  text-align: center!important;
}

.web-basic-service {
  margin-top: 30px!important;
  margin-bottom: 30px!important;
}

.service-detail > .display-2 {
  font-size: 1.875rem!important;
  font-weight: 700!important;
  color: #000!important;
  text-transform: uppercase!important;
  margin-top: 25px!important;
}

.service-detail > p {
  font-size: 1rem!important;
  font-weight: 400!important;
  color: #000!important;
  text-align: justify!important;
}

@media (min-width: 1100px) {
.service-detail > p {
  max-width: 95%!important;
}}

.service-detail > a {
  font-size: 1rem!important;
  font-weight: 700!important;
  color: #F3941C!important;
  text-transform: uppercase!important;
  text-decoration: none!important;
}

.service-detail > a:hover,
.service-detail > a:focus {
  text-decoration: underline!important;
}

.web-new-box-detail > img {
  margin-bottom: 15px!important;
}

.web-new-box-detail {
  color: #172117!important;
  font-size: 1.35rem!important;
  font-weight: 600!important;
  text-decoration: none!important;
}

.web-new-box-detail > a {
  color: #172117!important;
  font-size: 1.3rem!important;
  font-weight: 400!important;
  text-decoration: none!important;
  border-bottom: 5px solid #FFF!important;
}

.web-new-box-detail > a:hover,
.web-new-box-detail > a:focus {
  border-bottom: 3px solid #CDCDCD!important;
}

.web-cta {
  padding-top: 45px!important;
  padding-bottom: 45px!important;
  background-color: #665F5A!important;
}

@media (max-width: 850px) {
.web-cta {
  padding-top: 70px!important;
  padding-bottom: 70px!important;
}}

.web-cta-content {
  font-size: 2.3rem!important;
  color: #E6E0D4!important;
  line-height: 2.9rem!important;
  font-weight: 700!important;
}

.web-cta-content > strong {
  color: #FFF!important;
  font-weight: 700!important;
}

@media (max-width: 1099px) {
.web-cta-content {
  font-size: 2rem!important;
}}

@media (max-width: 1099px) {
.web-cta-content {
  text-align: center!important;
  padding-bottom: 30px!important;
}}

.bg-primary {
  background-color: #F3941C!important;
}

.card-body > h3 {
  font-size: 1.2rem!important;
  color: #FFF!important;
  font-weight: 700!important;
}

.card-body > p {
  font-size: 1rem!important;
  font-weight: 400!important;
  color: #FFF!important;
  max-width: 90%!important;
  font-style: italic!important;
}

.position-relative > img {
  max-width: 80%!important;
}

@media (min-width: 1100px) {
.card-body > p {
  max-width: 80%!important;
  margin-left: auto!important;
  margin-right: auto!important;
}}

span.client-name {
  font-size: 1.125rem!important;
  font-weight: 700!important;
  color: #172117!important;
  font-style: italic!important;
}

.swiper-pagination-bullet-active {
  background-color: #A48B5B!important;
}

.web-btns {
  padding-top: 45px!important;
  padding-bottom: 45px!important;
  background: #CDCDCD!important;
}

@media (max-width: 850px) {
.web-btns {
  padding-top: 55px!important;
  padding-bottom: 55px!important;
}}

@media (max-width: 850px) {
.web-btns-box {
  padding-top: 7px!important;
  padding-bottom: 7px!important;
}}

.web-footer {
  padding-top: 70px!important;
  padding-bottom: 70px!important;
}

p.footer-main-title {
  font-size: 3rem!important;
  font-weight: 400!important;
  color: #FFF!important;
  text-transform: uppercase!important;
  line-height: 3.4375rem!important;
  margin-bottom: 40px!important;
}

@media (max-width: 550px) {
p.footer-main-title {
  text-align: center!important;
  font-size: 2.2rem!important;
  margin-bottom: 20px!important;
}}

p.footer-title {
  font-size: 1.5rem!important;
  color: #FFF!important;
  font-weight: 700!important;
}

@media (max-width: 550px) {
p.footer-title {
  text-align: center!important;
  padding-top: 30px!important;
}}

p.footer-content {
  font-size: 1.125rem!important;
  color: #FFF!important;
  font-weight: 400!important;
}

p.footer-content > a {
  color: #FFF!important;
  text-decoration: none!important;
  font-weight: 700!important;
}

p.footer-content > a:hover,
p.footer-content > a:focus {
  text-decoration: underline!important;
}

p.footer-ul > a {
  color: #FFF!important;
  font-size: 1.125rem!important;
  font-weight: 400!important;
  text-decoration: none!important;
}

p.footer-ul > a:hover,
p.footer-ul > a:focus {
  text-decoration: underline!important;
}

@media (max-width: 550px) {
p.footer-content,
p.footer-ul {
  text-align: center!important;
}}

.web-footer-logo {
  padding-top: 10px!important;
}

@media (max-width: 850px) {
.web-footer-logo {
  padding-top: 0px!important;
  padding-bottom: 70px!important;
  text-align: center!important;
}}

@media (max-width: 550px) {
.web-footer-content {
  padding-bottom: 20px!important;
  text-align: center!important;
}}

.web-footer-content > span {
  font-size: 1.3rem!important;
  font-weight: 700!important;
  color: #FFF!important;
  text-transform: uppercase!important;
}

.web-footer-content > ul {
  list-style-type: none!important;
  padding: 0px!important;
  margin: 0px!important;
  padding-top: 20px!important;
  padding-bottom: 10px!important;
}

.web-footer-content > ul > li {
  padding-bottom: 5px!important;
}

.web-footer-content > ul > li > strong {
  color: #F2F2F2!important;
  margin-right: 10px!important;
}

.web-footer-content > ul > li > a {
  color: #FFF!important;
  font-size: 1.1rem!important;
  text-decoration: none!important;
  font-weight: 400!important;
  border-bottom: 2px solid #000!important;
}

.web-footer-content > ul > li > a:hover,
.web-footer-content > ul > li > a:focus {
  border-bottom: 2px solid #F2F2F2!important;
}

.web-footer-content > a {
  font-size: 2.8rem!important;
  margin-right: 15px!important;
  color: #FFF!important;
}

.web-footer-content > a:hover,
.web-footer-content > a:focus {
  color: #F2F2F2!important;
}

.web-footer-copy > p {
  font-size: 1.125rem!important;
  color: #FFF!important;
  font-weight: 400!important;
}

.web-footer-copy > p > a {
  color: #FFF!important;
  font-weight: 700!important;
  text-decoration: none!important;
  border-bottom: 2px solid #172117!important;
}

.web-footer-copy > p > a:hover,
.web-footer-copy > p > a:focus {
  border-bottom: 2px solid #A48B5B!important;
}

.google-maps {
  margin-bottom: -9px!important;
}

.step-number {
  background-color: rgba(205, 205, 205, 0.50)!important;
}

.step-body > .display-4 {
  text-transform: uppercase!important;
  font-size: 1.3rem!important;
  color: #172117!important;
}

.step-body > p {
  font-size: 1rem!important;
  margin-top: 15px!important;
  color: #172117!important;
}

.web-invest-dots > ul,
.web-basic-content > ul {
  list-style-type: none!important;
  padding: 0px!important;
  margin: 0px!important;
}

.web-invest-dots > ul > li {
  padding-bottom: 10px!important;
  text-align: justify!important;
}

@media (min-width: 1000px) {
.web-invest-dots > ul > li,
.web-basic-content > ul > li  {
  max-width: 95%!important;
}}

.web-basic-content > ul > li {
  color: #172117!important;
  padding-bottom: 15px!important;
  font-size: 1rem!important;
}

.web-basic-content > ul > li > i {
  color: #000!important;
  font-size: 1.4rem!important;
  margin-right: 10px!important;
}

.web-basic-content > ul > li > strong {
  font-weight: 700!important;
}

/* WP Forms */
div.wpforms-container-full {
  margin-bottom: 0px!important;
}

div.wpforms-container-full .wpforms-form input
{
  background-color: inherit!important;
  border-bottom: 1px solid #000!important;
  border-left: none!important;
  border-right: none!important;
  border-top: none!important;
  border-radius: 0px!important;
  color: #172117!important;
  font-weight: 400!important;
  font-size: 1rem!important; 
}

div.wpforms-container-full .wpforms-form textarea {
  background-color: inherit!important;
  border-bottom: 1px solid #000!important;
  border-left: none!important;
  border-right: none!important;
  border-top: none!important;
  border-radius: 0px!important;
  color: #172117!important;
  font-weight: 400!important;
  font-size: 1rem!important; 
}

.wpforms-container ::-webkit-input-placeholder { /* Chrome and Safari */
  color: #172117!important;
}
 
.wpforms-container :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #172117!important;
   opacity: 1!important;
}
 
.wpforms-container ::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #172117!important;
   opacity: 1!important;
}
 
.wpforms-container :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #172117!important;
}
 
.wpforms-container ::-ms-input-placeholder { /* Microsoft Edge */
  color: #172117!important;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label {
  font-size: 1.5rem!important;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label-inline {
  font-size: 1.5rem!important;
}

.wpforms-field-description {
  margin-top: -17px!important;
  margin-left: 30px!important;
  font-size: 1rem!important;
  color: #172117!important;
}

.wpforms-field-description > a {
  color: #172117!important;
  font-weight: 700!important;
  text-decoration: none!important;
}

.wpforms-field-description > a:hover,
.wpforms-field-description > a:focus {
  text-decoration: underline!important;
}

.wpforms-field-label-inline {
  display: none!important;
}

.wpforms-submit-container {
  margin-top: 0px!important;
  padding-top: 0px!important;
}

div.wpforms-container-full input[type=submit]:not(:hover):not(:active), div.wpforms-container-full button[type=submit]:not(:hover):not(:active), div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full input[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full button[type=submit]:not(:hover):not(:active), .wp-core-ui div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active) {
  font-family: "Source Sans 3", sans-serif;
  margin-top: 10px!important;
}

div.wpforms-container-full input[type=submit]:hover, div.wpforms-container-full button[type=submit]:hover, div.wpforms-container-full .wpforms-page-button:hover, .wp-core-ui div.wpforms-container-full input[type=submit]:hover, .wp-core-ui div.wpforms-container-full button[type=submit]:hover, .wp-core-ui div.wpforms-container-full .wpforms-page-button:hover {
  font-family: "Source Sans 3", sans-serif;
  margin-top: 10px!important;
}