/*
Theme Name: Popovych
Theme URI: 
Author: Tomáš Gažůr
Author URI: https://www.tomasgazur.cz
Version: 1.01
*/

img{display:block} button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline: transparent dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}
html,
body {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
*,
*:before,
*:after {
	box-sizing: inherit;
}
body {
	font-family: 'Poppins', Arial, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #545454;
	font-size: 17px;
	letter-spacing: normal;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
	background-color: #fff;
}
.row {
	width: 100%;
	max-width: 1330px;
	padding: 0 20px;
	margin: 0 auto;
	display: block;
}
header {
	background: #72B656;
	text-align: center;
	width: 100%;
	float: left;
	padding: 20px 0;
	z-index: 400;
	position: fixed;
	top: 0;
	left: 0;
}
section.top {
	position: fixed;
	z-index: 400;
	top: 80px;
	left: 0;
	letter-spacing: 2px;
	color: #000;
	background: #f1f0ef;
	text-align: center;
	padding: 8px 0;
	font-size: 25px;
	text-transform: uppercase;
}
body#logged section.top {
	top: 112px;
}
a.link {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 400;
	width: 100%;
	height: 100%;
}
section.top p {
	margin: 0;
}
body#logged header {
	top: 32px;
}
header .main-menu {
	width: 100%;
	float: left;
	position: relative;
}
header .main-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
header .main-menu li {
	display: inline-table;
	position: relative;
	margin: 0 35px;
}
header .main-menu li a {
	font-size: 20px;
	display: inline-table;
	color: #fff;
	font-weight: 700;
	position: relative;
}
header .main-menu li a:hover, header .main-menu li.current-menu-item > a {
	text-decoration: underline;
}
a {
	transition: all 150ms linear;
	-webkit-transition: all 150ms linear;
	text-decoration: none;
}
.hello {
	color: #545454;
	text-align: center;
	font-size: 20px;
	padding-top: 110px;
}
.hello h1 {
	color: #72B556;
	font-size: 230px;
	letter-spacing: -5px;
	margin: 0;
	font-weight: 700;
	text-transform: uppercase;
}
.slogan {
	font-size: 48px;
	font-weight: 300;
	position: absolute;
	top: 240px;
	line-height: 145%;
	color: #545454;
}
.slogan1 {
	left: 0;
}
.slogan2 {
	right: 0;
}
.bubble {
	font-size: 16px;
	font-weight: 300;
	position: absolute;
	top: 600px;
	text-transform: uppercase;
	line-height: 120%;
	opacity: 0.9;
}
.bubble strong {
	font-size: 50px;
	font-weight: 700;
	margin-bottom: 25px;
	letter-spacing: -3px;
	display: block;
}
.bubble.one {
	left: 0;
	top: 450px;
}
.bubble.two {
	right: 0;
}
.hello img {
	position: relative;
	margin: -250px auto 0;
	max-width: 100%;
	width: auto;
}
.hello .bigger {
	color: #72B556;
	font-size: 35px;
	text-transform: uppercase;
	margin: 0 0 25px;
	font-weight: 700;
}
.hello .inner {
	display: block;
	margin: 0 auto;
	position: relative;
}
.hello .inner a.icon {
	color: #545454;
	background-position: left center;
	padding: 5px 0 5px 35px;
	margin: 10px auto;
	display: block;
	background-repeat: no-repeat;
	width: fit-content;
}
.hello .inner a.icon.phone {
	background-image: url('img/icon-phone.svg');
}
.hello .inner a.icon.email {
	background-image: url('img/icon-email.svg');
}
.hello .inner a.icon.address {
	background-image: url('img/icon-address.svg');
}
.hello .inner .box {
	background-color: #D8EACA;
	margin-bottom: 12px;
	border-radius: 10px;
	padding: 10px 25px;
	line-height: 130%;
	text-align: center;
	font-size: 16px;
	max-width: 360px;
	position: absolute;
	width: 100%;
}
.hello .inner .box strong {
	font-size: 18px;
}
.hello .inner .box.box1 {
	right: 0;
	bottom: 700px;
}
.hello .inner .box.box2 {
	left: 0;
	bottom: 620px;
	max-width: 390px;
}
.hello .inner .box.box3 {
	right: 0;
	bottom: 560px;
}
.hello .inner .box.box4 {
	left: 20px;
	bottom: 490px;
}
.hello .inner .box.box5 {
	right: 0;
	bottom: 410px;
}
section.green {
	background: #D8EACA;
}
a.button, .form-wrap input[type="submit"] {
	background-color: #72B656;
	color: #fff;
	padding: 15px 20px;
	min-width: 176px;
	border-radius: 10px;
	display: table;
	font-weight: 700;
	font-size: 18px;
	text-align: center;
}
a.button:hover, .form-wrap input[type="submit"]:hover {
	background: #545454;
}
a.button.left {
	float: left;
}
a.button.right {
	float: right;
}
a.button.center {
	margin: 0 auto;
}
a.button.inline {
	display: inline-block;
	margin: 0 20px;
}
a.button.bigger {
	width: 400px;
	height: 90px;
	text-align: center;
	line-height: 90px;
	text-transform: uppercase;
	margin: 0 auto;
	font-size: 18px;
	border-radius: 45px;
	font-weight: 500;
}
.slogan-mobile {
	display: none;
	font-size: 22px;
	float: left;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
}
.slogan-mobile a {
	color: #fff;
}
header .menu-show {
	position: absolute;
	right: 22px;
	top: -12px;
	display: none;
	width: 25px;
	font-size: 0;
	height: 28px;
	padding-top: 55px;
	z-index: 15;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 300ms linear;
	-moz-transition:300ms linear;
	-ms-transition: 300ms linear;
	-o-transition: 300ms linear;
	transition: 300ms linear;
	cursor: pointer;
	text-transform: uppercase;
}
header .menu-show span {
	position: absolute;
	left: 0;
	display: block;
	width: 25px;
	height: 2px;
	background: #fff;
	opacity: 1;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 0.25s ease-in-out;
	-moz-transition: 0.25s ease-in-out;
	-ms-transition: 0.25s ease-in-out;
	-o-transition: 0.25s ease-in-out;
	transition: 0.25s ease-in-out;
}
header .menu-show span:nth-child(1) {
	top: 25px;
}
header .menu-show span:nth-child(2),
header .menu-show span:nth-child(3) {
	top: 33px;
}
header .menu-show span:nth-child(4) {
	top: 41px;
}
.open-mobile header .menu-show span:nth-child(1) {
	top: 23px;
	left: 50%;
	width: 0%;
}
.open-mobile header .menu-show span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 31px;
}
.open-mobile header .menu-show span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 31px;
}
.open-mobile header .menu-show span:nth-child(4) {
	top: 20px;
	left: 50%;
	width: 0%;
}
.open-mobile {
	overflow: hidden;
}
.open-mobile header .main-menu {
	background: #72B656;
	position: absolute;
	top: 40px;
	width: 100%;
	z-index: 400;
	overflow-y: auto;
	left: 0;
	margin: 0;
	padding: 0;
	display: block;
	-webkit-overflow-scrolling: touch;
}
.open-mobile section.top {
	display: none;
}
.open-mobile header .main-menu ul {
	display: table;
	width: 100%;
	padding: 30px 0;
}
.open-mobile header .main-menu ul li {
	width: 100%;
	margin: 25px 0;
	text-align: center;
	padding-bottom: 0;
}
.open-mobile header .main-menu ul li a {

}
.half {
	float: left;
	width: 50%;
}
.section-title {
	font-size: 48px;
	margin: 0 0 30px;
	line-height: 150%;
	color: #000;
	font-weight: 700;
}
.third {
	float: left;
	width: 33.333%;
}
p {
	margin-bottom: 30px;
	line-height: 135%;
}
section {
	float: left;
	width: 100%;
}
section.content {
	padding: 80px 0;
}
.third img {
	margin: 0 auto;
	display: block;
}
.third.list, .half.list {
	margin-top: 40px
}
.third.list ul, .half.list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.third.list ul li, .half.list ul li {
	background-color: #D8EACA;
	margin-bottom: 12px;
	border-radius: 10px;
	padding: 10px 25px;
	line-height: 130%;
	text-align: center;
	font-size: 16px;
}
.third.list ul li strong, .half.list ul li strong {
	font-size: 20px;
}
.pojisteni-boxes {
	text-align: center;
	display: flex;
	gap: 10px;
	place-content: center;
	flex-wrap: wrap;
	margin-bottom: 80px;
}
.pojisteni-boxes .box {
	padding: 30px 20px;
	font-size: 18px;
	min-height: 80px;
	position: relative;
	transition: all 150ms linear;
	-webkit-transition: all 150ms linear;
	font-weight: 700;
	border-radius: 20px;
	width: calc(21% - 10px);
	background-color: #E3EFDA;
}
.pojisteni-boxes .box img {
	margin: 15px auto 0;
	display: block;
	transition: all 150ms linear;
	-webkit-transition: all 150ms linear;
}
.pojisteni-boxes .box:hover {
	opacity: 0.9;
}
.pojisteni-boxes .box:hover img {
	transform: scale(1.08);
}
.entry a {
	color: #72B656;
}
.entry a:hover {
	text-decoration: underline;
}
.pojisteni {
	text-align: center;
}
p.desc {
	margin: -15px auto 45px;
	display: block;
	max-width: 650px;
}
p.desc a {
	color: #72B656;
	font-weight: 700;
	text-decoration: underline;
}
p.desc a:hover {
	text-decoration: none;
}
section.refs {
	text-align: center;
}
.refs-list {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	width: 100%;
	place-content: center;
	margin-bottom: 40px;
}
.refs-list .item {
	background: #D8EACA;
	width: calc(25% - 20px);
	padding: 30px;
	border-radius: 30px;
}
.refs-list .item p {
	line-height: 135%;
	margin-bottom: 25px;
}
.refs-list .item .name {
	text-align: right;
	font-size: 14px;
	color: #000;
}
.section-title.smaller {
	font-size: 22px;
	margin-top: 80px;
	text-transform: none;
}
.hypoteky-wrap .section-title.smaller {
	margin-top: 20px;
	font-size: 26px;
}
.hypoteky-wrap .section-title.green {
	color: #72B656;
	text-align: right;
}
.section-title.green {
	color: #000;
}
.section-title.green.left {
	text-align: left;
}
.section-title.green.right {
	text-align: right;
}
.pojisteni-wrap .section-title.green {
	font-size: 60px;
	line-height: 125%;
	font-weight: 700;
	letter-spacing: -2px;
	color: #000;
}
.pojisteni-wrap .section-title {
	letter-spacing: -2px;
	font-size: 44px;
	color: #545454;
	line-height: 120%;
	text-transform: none;
}
.pojisteni-wrap p {
	font-size: 20px;
	line-height: 145%;
}
.pojisteni-wrap.right p {
	text-align: right;
}
.pojisteni-wrap .half.list {
	margin-top: 0;
	width: 40%;
	float: right;
}
.pojisteni-wrap.right .half.list {
	float: left;
}
.pojisteni-wrap .half.text {
	padding-right: 5%;
	width: 60%;
}
.pojisteni-wrap.right .half.text {
	padding: 0 0 0 10%;
	float: right;
}
.pojisteni-wrap.right .section-title {
	text-align: right;
}
.pojisteni-wrap.first {
	margin-top: 80px;
}
.hypoteky {
	float: left;
	width: 100%;
	margin-bottom: 50px;
}
.hypoteky .section {
	max-width: 800px;
	width: 100%;
	position: relative;
}
.hypoteky .section .photo {
	float: left;
	width: 51%;
}
.hypoteky .section .photo img {
	border-radius: 40px;
	width: 100%;
}
.hypoteky .section .text {
	background: #D8EACA;
	float: left;
	width: 60%;
	padding: 25px;
	right: 0;
	text-align: center;
	position: absolute;
	border-radius: 40px;
}
.hypoteky .section .text p {
	line-height: 130%;
}
.hypoteky .section.right {
	float: right;
}
.hypoteky .section.right .text {
	left: 0;
}
.hypoteky .section.right .photo {
	float: right;
}
section.first {
	margin-top: 40px;
}
body {
	overflow-x: hidden;
}
#kontakt .inner {
	margin: 0 auto 80px;
	max-width: 1110px;
	position: relative;
	display: table;
	width: 100%;
}
#kontakt:before {
	background-image: url('img/contact-left.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	width: 461px;
	height: 629px;
	content: '';
	position: absolute;
	bottom: -80px;
	left: 0;
	z-index: -1;
}
#kontakt:after {
	background-image: url('img/contact-right.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	width: 482px;
	height: 658px;
	content: '';
	position: absolute;
	bottom: -150px;
	right: 0;
	z-index: -1;
}
.grecaptcha-badge {
	display: none !important;
}
.person {
	width: 100%;
	float: left;
}
section.popovych-wrap {
	padding-bottom: 0;
}
.person.popovych {
	border-bottom: 1px solid #545454;
}
.person .text {
	width: calc(100% - 500px);
	float: left;
	text-align: right;
	font-size: 17px;
}
.person .text h3 {
	font-size: 50px;
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: 20px;
}
.person .photo {
	width: 500px;
	float: right;
}
.person .photo img {
	width: 100%;
	height: auto;
	max-width: 100%;
}
.person.second, .person.second .icons, .person.second .icons .icon, .person.second .text {
	text-align: left;
}
.person.second .text {
	float: right;
}
.person.second .icons .icon {
	padding: 0 0 0 45px;
	background-position: left center;
}
























footer {
	float: left;
	width: 100%;
	font-size: 14px;
	position: relative;
	text-align: center;
	padding: 30px 0;
	background-color: #f1f0ef;
}
footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
footer ul li {
	margin-bottom: 20px;
}
footer ul li a {
	font-size: 16px;
	color: #D0D5DD;
	font-weight: 300;
}
footer ul li a:hover {
	color: #72B656;
}
#kontakt .icon, .icons .icon {
	font-size: 16px;
	padding: 5px 0 5px 45px;
	background-position: left center;
	display: table;
	background-repeat: no-repeat;
	text-align: left;
	color: #545454;
	margin-top: 25px;
}
#kontakt .icon span {
	font-size: 14px;
}
#kontakt p {
	text-transform: none;
	margin: 0 0 5px;
}
#kontakt .icon.address, .icons .icon.address {
	background-image: url('img/icon-address.svg');
}
#kontakt .icon.address {
	margin-bottom: 15px;
}
#kontakt .icon.phone, .icons .icon.phone {
	background-image: url('img/icon-phone.svg');
}
#kontakt .icon.email, .icons .icon.email {
	background-image: url('img/icon-email.svg');
}
#kontakt .icon.www {
	background-image: url('img/icon-www.svg');
}
#kontakt .icon:hover, .icons .icon:hover {
	color: #72B656;
}
#kontakt .icon.nobg, .icons .icon.nobg {
	background-image: none;
	margin-top: 10px;
}
.icons .icon {
	display: block;
	text-align: right;
	padding: 0 45px 0 0;
	background-position: right center;
}
.icons {
	text-align: right;
}
#kontakt .half {
	width: calc(50% - 20px);
	margin: 0 10px;
}
section.content.aboutme {
	padding-top: 120px;
}
.contact-border {
	background-color: #EFF6EA;
	border: 4px solid #72B656;
	border-radius: 20px;
	padding: 30px 30px 5px;
	width: fit-content;
	text-align: left;
	display: block;
	margin: 30px auto 0;
	width: 90%;
	min-height: 380px;
}
.contact-border .name {
	text-align: center;
	margin-bottom: 15px;
	font-size: 22px;
	font-weight: 700;
}
.contact-border p {
	font-size: 14px;
	padding-left: 45px;
}
footer .section-title {
	margin: 55px 0;
	font-size: 34px;
	text-align: center;
}
.form-wrap {
	border: 4px solid #c8c8c8;
	background-color: #fff;
	border-radius: 20px;
	padding: 30px 30px 5px;
	width: 100%;
	display: block;
	max-width: 500px;
	margin: 0 auto;
}
.form-wrap .form-title {
	text-align: center;
	font-size: 18px;
	margin-bottom: 25px;
}
.form-wrap input[type="text"], .form-wrap input[type="email"], .form-wrap textarea {
	padding: 10px;
	width: 100%;
	float: left;
	margin-bottom: 10px;
	border-radius: 5px;
	color: #000;
	background: transparent;
	outline: none;
	border: 1px solid #c8c8c8;
}
.form-wrap textarea {
	height: 120px;
}
.form-wrap input[type="submit"] {
	outline: none;
	cursor: pointer;
	border: 0;
	margin: 20px auto 0;
	display: table;
	background-color: #c8c8c8;
}
.wpcf7-not-valid-tip {
	display: none !important;
}
.wpcf7-not-valid {
	border-color: red !important;
}
.wpcf7 form .wpcf7-response-output {
	padding: 0 !important;
	border: 0 !important;
	margin: 30px 0 30px 0 !important;
}


.clear {clear: both;}
.only-mobile {display: none;}



@media (max-width: 1400px) {
	.hello h1 {font-size: 130px;}


}
@media (max-width: 1100px) {
	header .main-menu li {margin: 0 15px;}
	section.top {font-size: 20px;}
	.slogan {font-size: 34px;}
	.hello img {margin-top: -170px;}
}
@media (max-width: 900px) {
	header .main-menu ul, .slogan, #kontakt:before, #kontakt:after {display: none;}
	header .menu-show, .slogan-mobile  {display: block;}
	.pojisteni-boxes .box {width: calc(33.333% - 10px);}
	.refs-list .item {width: calc(33.333% - 20px);}
	section.top {font-size: 15px; top: 55px;}
	.hello .inner .box {width: 100%; max-width: 100% !important; float: left; position: static;}
	.bubble, .slogan {position: static;}
	.bubble {width: 50%; float: left; margin-bottom: 30px;}
	.hello h1 {font-size: 90px;}
	.hello img {margin-top: -100px;}
	.half, #kontakt .half {margin: 0;}
	#kontakt .half {margin-bottom: 20px;}
	.half, #kontakt .half, .pojisteni-wrap .half.text, .pojisteni-wrap .half.list {width: 100%;}
	header {padding: 11px 0;}
	.pojisteni-wrap.first {margin-top: 40px;}
	.pojisteni-wrap .section-title {font-size: 25px; letter-spacing: -1px;}
	.pojisteni-wrap .section-title.green {font-size: 40px;}
	.pojisteni-wrap.right .section-title, .pojisteni-wrap.right p {text-align: left;}
	section.content {padding: 40px 0;}
	.pojisteni-wrap.right .half.text, .pojisteni-wrap .half.text {padding: 0;}
	.person .photo, .person .text {width: 100%;}
	.person .text {text-align: left;}
	section.popovych-wrap {padding-bottom: 0;}
	.icons .icon {text-align: left; background-position: left center; padding: 0 0 0 45px;}
	.person .text h3 {font-size: 26px;}
	.contact-border {min-height: auto; width: 100%;}
	#kontakt img.only-mobile {display: block; margin-left: -20px; width: calc(100% + 40px);}
	.pojisteni-wrap .section-title.green br {display: none !important}
	
}
@media (max-width: 800px) {
	
	
	
}
@media (max-width: 720px) {
	.refs-list .item, .pojisteni-boxes .box {width: 100%; margin-bottom: 20px;}
	.refs-list .item .name {text-align: center;}
	.section-title {font-size: 38px;}
	
}
@media (max-width: 620px) {
	.hello h1 {font-size: 70px;}
	section.top {font-size: 13px; text-transform: none;}
	a.button.inline {margin-bottom: 15px;}
	
}