/*
Theme Name: DESIGNO Rekonstrukce
Author: MARVIO agency s.r.o.
Author URI: https://marvio.cz/
Description: Stylové rekonstrukce rodinných domů a bytů.
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html {
	margin: 0!important;
	padding: 0!important;
}

body {
	font-family: 'Poppins', sans-serif!important;
}

a:hover,
a:focus {
	text-decoration: none!important;
}

/* Basic Style */

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

.light-gray-color {
	color: #E5E5E5!important;
}

.red-bold {
	color:  #878787!important;
	font-weight: 700!important;
}

/* Buttons */

.btn-primary {
	font-size: 15px!important;
	background-color: #878787!important;
	color: #FFFFFF!important;
	border-radius: 0px!important;
	border: none!important;
	padding-left: 20px!important;
	padding-right: 20px!important;
	text-transform: uppercase!important;
}

.btn-primary:hover,
.btn-primary:focus {
	background-color: #595959!important;
	color: #FFFFFF!important;
}

.btn-secondary {
	font-size: 16px!important;
	color: #878787!important;
	background-color: #FFFFFF!important;
	border-radius: 0px!important;
	padding-top: 8px!important;
	padding-bottom: 8px!important;
	padding-left: 25px!important;
	padding-right: 25px!important;
	text-transform: uppercase!important;
}

.btn-secondary:hover,
.btn-secondary:focus {
	background-color: #878787!important;
	color: #FFFFFF!important;
}

.btn-default {
	font-size: 12px!important;
	color: #FFFFFF!important;
	background-color: #878787!important;
	border-radius: 0px!important;
	border:  none!important;
	padding-left: 20px!important;
	padding-right: 20px!important;
	padding-top: 7px!important;
	padding-bottom: 7px!important;
	text-transform: uppercase!important;
	margin-top: 20px!important;
}

.btn-default:hover,
.btn-default:focus {
	background-color: #595959!important;
}

.btn-dangerous {
	font-size: 11px!important;
	color: #FFFFFF!important;
	background-color: #878787!important;
	border-radius: 0px!important;
	padding-left: 15px!important;
	padding-right: 15px!important;
	padding-top: 5px!important;
	padding-bottom: 5px!important;
	text-transform: uppercase!important;
	margin-left:  5%!important;
	margin-right: 5%!important;
}

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

/* Form */

.form-control {
	background-color: inherit!important;
	border-bottom: 2px solid #C4C4C4!important;
	border-left: none!important;
	border-right: none!important;
	border-top: none!important;
	border-radius: 0px!important;
	color: #FFFFFF!important;
	font-weight: 300!important;
	font-size: 14px!important;
}


.navbar-light {
	background-color: #FFFFFF!important;
}

@media (min-width: 1000px) {
.navbar-nav {
    margin-left: auto!important;
}}

@media (max-width: 999px) {
.navbar-nav {
    text-align: center!important;
}}

.nav-item > .nav-link {
	color: #585858!important;
	text-transform: uppercase!important;
	font-size: 15px!important;
}

@media (min-width: 1000px) {
.nav-item > .nav-link {
    margin-left: 40px!important;
}}

.nav-item > .nav-link:hover,
.nav-item > .nav-link:focus {
	color: #000000!important;
	text-transform: uppercase!important;
	font-size: 15px!important;
}

.nav-item > .btn-primary {
	color: #FFFFFF!important;
}

.nav-item > .btn-primary:hover,
.nav-item > .btn-primary:focus {
	background-color: #595959!important;
	color: #FFFFFF!important;
}

/* Web Footer */

.web-footer {
	background: url('assets/img/footer-bg.png') center bottom #000000!important;
	padding-top: 60px!important;
	padding-bottom: 30px!important;
}

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

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

.web-footer-content > h3 {
	font-size: 35px!important;
	font-weight: 400!important;
	text-transform: uppercase!important;
	color: #FFFFFF!important;
	padding-bottom: 40px!important;
}

.web-footer-content > h4 {
	font-size: 22px!important;
	font-weight: 700!important;
	color: #FFFFFF!important;
}

.web-footer-content > h5 {
	font-size: 22px!important;
	font-weight: 400!important;
	color: #FFFFFF!important;
	text-transform: uppercase!important;
}

.web-footer-content > p {
	font-size: 14px!important;
	color: #FFFFFF!important;
	font-weight: 400!important;
}

.web-footer-content > a {
	color: #FFFFFF!important;
	font-size: 40px!important;
	padding-right: 20px!important;
}

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

/* Main Header */

.main-header {
	background: url('assets/img/header-bg.png') no-repeat center bottom #343F48!important;
}

.main-header-content {
	padding-top: 320px!important;
	padding-bottom: 100px!important;
}

.main-header-content > h1 {
	font-size: 45px!important;
	color: #E5E5E5!important;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5)!important;
	text-transform: uppercase!important;
	font-weight: 300!important;
}

.main-header-content > h2 {
	font-size: 40px!important;
	text-transform: uppercase!important;
	color: #878787!important;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5)!important;	
	padding-bottom: 40px!important;
	font-weight: 700!important;	
}

.main-header-content > p {
	font-size: 22px!important;
	color: #98999A!important;
	text-transform: uppercase!important;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25)!important;
	padding-bottom: 40px!important;
}

.main-header-photo {
	padding-top: 30px!important;
	padding-bottom: 60px!important;
}

/* Main Services Boxes */

.main-services {
	margin-top: -50px!important;
	z-index: 2!important;
}

.page-services {
	margin-top: 30px!important;
}

.main-services-box {
	background-color: #878787!important;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25)!important;
	padding-top: 25px!important;
	padding-bottom: 25px!important;
	margin-bottom: 20px!important;
}

.main-services-box:hover,
.main-services-box:focus {
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5)!important;
}

.main-services-box > h2 {
	font-size: 20px!important;
	text-transform: uppercase!important;
	color: #FFFFFF!important;
	font-weight: 700!important;
}

.main-services-box > p {
	font-size: 14px!important;
	font-weight: 300!important;
	color: #FFFFFF!important;
	margin-bottom: 0px!important;
}

.main-services-box-active {
	background-color: #710907!important;
	padding-top: 25px!important;
	padding-bottom: 25px!important;
	margin-bottom: 20px!important;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5)!important;	
}

.main-services-box-active > h2 {
	font-size: 20px!important;
	text-transform: uppercase!important;
	color: #FFFFFF!important;
	font-weight: 700!important;
}

.main-services-box-active > p {
	font-size: 14px!important;
	font-weight: 300!important;
	color: #FFFFFF!important;
	margin-bottom: 0px!important;
}

/* Main Tribute */

.main-tribute {
	background: url('assets/img/white-bg.png') bottom center no-repeat #FFFFFF!important;
	padding-top: 50px!important;
	padding-bottom: 50px!important;
}

.main-tribute-content,
.main-tribute-photo {
	padding-top: 30px!important;
	padding-bottom: 30px!important;
}

.main-tribute-content > h3 {
	text-transform: uppercase!important;
	color: #1D1D1B!important;
	font-weight: 300!important;
	font-size: 40px!important;
	padding-bottom: 30px!important;
}

.main-tribute-content > p {
	font-size: 14px!important;
	font-weight: 300!important;
	color: #000000!important;
	text-align: justify!important;
}

/* Main Benefits */

.main-benefits-box {
  position:relative!important;
  display:inline-block!important;	
  padding-left: 0px!important;
  padding-right: 0px!important;
}

.main-benefits-box > img {
	width: 100%!important;
	height: 100%!important;
}

.main-benefits-box .overlay {
  position:absolute!important;
  top:0!important;
  left:0!important;
  width:100%!important;
  height:100%!important;
  background:rgb(185,14,12)!important;
  opacity:0!important;
  transition:opacity 500ms ease-in-out!important;	
}

.main-benefits-box:hover .overlay{
  opacity:0.92!important;
}
.overlay span{
  position:absolute!important;
  top:42%!important;
  left: 20%!important;
  color: #E5E5E5!important;
  font-size: 40px!important;
  font-weight: 500!important;
  text-transform: uppercase!important;
  text-shadow: 0px 10px 8px rgba(0, 0, 0, 0.25)!important;
  text-align:  center!important;
  line-height: 50px!important;
}

/* Main News */

.main-news {
	background: url('assets/img/white-bg.png') bottom right no-repeat #FFFFFF!important;
	padding-top: 80px!important;
	padding-bottom: 80px!important;
}

.main-news-content > h2 {
	text-transform: uppercase!important;
	color: #1D1D1B!important;
	font-weight: 300!important;
	font-size: 40px!important;
	padding-bottom: 30px!important;
}

.main-news-content > p {
	font-size: 14px!important;
	font-weight: 300!important;
	color: #000000!important;
}

.main-news-box {
	margin-top: 30px!important;
	margin-bottom: 30px!important;
}

.main-news-box-detail {
	background-color: #FFFFFF!important;
	padding-left: 0px!important;
	padding-right: 0px!important;
	padding-bottom: 30px!important;	
	height: 100%!important;
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25)!important;	
}

.main-news-box-detail > img {
	vertical-align: middle!important;
	border-style: none!important;
	width: 100%!important;
	height: auto!important;
}

.main-news-box-detail > h4 {
	padding-top: 25px!important;
	font-size: 18px!important;
	font-weight: 700!important;
	text-transform: uppercase!important;
	padding-left: 5%!important;
	padding-right: 5%!important;
}

.main-news-box-detail > h4 > a {
	color: #878787!important;
}

.main-news-box-detail-date {
	font-size: 10px!important;
	font-weight: 300!important;
	color: #98999A!important;
	padding-top: 10px!important;
	padding-left: 5%!important;
	padding-right: 5%!important;
}

.main-news-box-detail-text {
	font-size: 13px!important;
	color: #1D1D1B!important;
	padding-left: 5%!important;
	padding-right: 5%!important;
}

.main-news-box-detail-text > p > a {
	font-size: 14px!important;
	color: #1D1D1B!important;
	font-weight: 500!important;
	padding-left: 5%!important;
	padding-right: 5%!important;
}

.main-news-box-detail-text > p > a:hover,
.main-news-box-detail-text > p > a:focus {
	text-decoration: underline!important;
}

@media (min-width: 600px) {
.main-news-box {
	padding-left: 22px!important;
	padding-right: 22px!important;
}}

/* Page Headers */

.page-international {
	background: url('assets/img/bg-page.png') center center no-repeat!important;
}

.page-czech {
	background: url('assets/img/bg-czech.png') center center no-repeat!important;
}

.page-spedition {
	background: url('assets/img/bg-spedition.png') center center no-repeat!important;
}

.page-career {
	background: url('assets/img/bg-career.png') center center no-repeat!important;
}

.page-designo {
	background: url('assets/img/bg-designo.png') center center no-repeat!important;
}

.page-header {
	padding-top: 80px!important;
	padding-bottom: 50px!important;
}

.page-header > h1 {
	font-size: 35px!important;
	text-transform: uppercase!important;
	color: #FFFFFF!important;
  	text-shadow: 0px 10px 8px rgba(0, 0, 0, 0.25)!important;	
}

.page-content {
	padding-bottom: 40px!important;
	background: url('assets/img/white-bg.png') bottom center no-repeat #FFFFFF!important;	
}

.page-content-content {
	padding-top: 60px!important;
	padding-bottom: 30px!important;
}

.page-content-content > h2 {
	font-size: 25px!important;
	text-transform: uppercase!important;
	padding-top: 40px!important;
	padding-bottom: 10px!important;
}

.page-content-content > h3 {
	font-size: 18px!important;
	text-transform: uppercase!important;
	padding-top: 40px!important;
	padding-bottom: 10px!important;
}

.page-content-content > p {
	font-size: 16px!important;
	text-align:  justify!important;
}

.page-content-content > ul > li {
	padding-top: 15px!important;
	text-align: justify!important;
}

.page-content-photo {
	padding-top: 30px!important;
	padding-bottom: 20px!important;
}

.page-content-photo > img,
.page-content-gallery > img {
  	filter: drop-shadow(0px 8px 10px rgba(0, 0, 0, 0.25))!important;
}

.page-content-gallery {
	padding-top: 0px!important;
	padding-bottom: 20px!important;
}

.page-content-partners {
	padding-top: 0px!important;
	padding-bottom: 20px!important;
}

.page-content-content-secondary {
	padding-top: 30px!important;
}

.page-content-content-secondary > h3 {
	font-size: 20px!important;
	text-transform: uppercase!important;
	padding-bottom: 15px!important;
}

.page-content-content-secondary > p {
	font-size: 16px!important;
	font-weight: 300!important;
}

.page-content-contact {
	padding-bottom: 40px!important;
}

.page-content-contact > h2 {
	font-size: 30px!important;
	padding-top: 50px!important;
	padding-bottom: 20px!important;
	font-weight: 700!important;
	text-transform: uppercase!important;
}

.page-content-contact > h3 {
	padding-top: 40px!important;
	font-size: 22px!important;
	text-transform: uppercase!important;
}

.page-content-contact-detail > h4 {
	font-size: 18px!important;
	padding-top: 30px!important;
}

.page-content-contact-detail > p {
	font-size: 16px!important;
	margin-bottom: 0px!important;
}

.google-maps {
    padding: 0!important;
    margin-bottom: -7px!important;
}

.google-maps > iframe {
	-webkit-filter: grayscale(99%)!important;
	border:0!important; 
	width: 100%!important;
	height: 300px!important;	
}

header {
  position: relative!important;
  background-color: black!important;
  width: 100%!important;
  overflow: hidden!important;
  z-index: 0!important;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
}

header .overlay {
  position: absolute!important;
  top: 0!important;
  left: 0!important;
  height: 100%!important;
  width: 100%!important;
  background:rgb(29,29,27)!important;
  opacity: 0.7!important;
  z-index: 1!important;
}

.cc-revoke, .cc-window {
		font-family: 'Poppins', sans-serif!important;
}

div.wpforms-container-full .wpforms-form input[type=text],
div.wpforms-container-full .wpforms-form input[type=email]
{
	background-color: inherit!important;
	border-bottom: 2px solid #C4C4C4!important;
	border-left: none!important;
	border-right: none!important;
	border-top: none!important;
	border-radius: 0px!important;
	color: #FFFFFF!important;
	font-weight: 400!important;
	font-size: 14px!important; 
}

div.wpforms-container-full .wpforms-form textarea {
	background-color: inherit!important;
	border-bottom: 2px solid #C4C4C4!important;
	border-left: none!important;
	border-right: none!important;
	border-top: none!important;
	border-radius: 0px!important;
	color: #FFFFFF!important;
	font-weight: 300!important;
	font-size: 14px!important; 
}

.termsfeed-com---palette-dark .cc-nb-okagree {
	background-color: #343F48!important;
	color: #FFFFFF!important;
}

.termsfeed-com---palette-dark .cc-nb-reject {
	background-color: #EAEAEA!important;
	color: #343F48!important;
}

.termsfeed-com---palette-dark.termsfeed-com---nb {
	background-color: #98999A!important;
	font-family: Poppins!important;
}