body {background-color:#fff; font-family:sans-serif; color:#3e3939; font-size:16px; margin:0}
h1, h2 {font-size:1.4em; margin:0; padding:.8em 0; text-align:center}
ol {padding-inline-start:1em}
a {text-decoration:none}
img {vertical-align:bottom}
input, textarea {width:calc(100% - 1.8em); font-family:sans-serif; font-size:.8em; border:#709159 1px solid;padding:.8em; border-radius:1em; resize:none}

.anchor {font-size:0}

/* .pitalic {font-style: italic;} */
.phead {
	font-weight: 600;
	padding-bottom: .3rem;
	display: inline-block;
}
.price {
	font-family: 'ImpactRegular', Arial, sans-serif;
	display: inline-block;
	font-weight: 600;
	font-size: 130%;
	padding-top: .3rem;
	text-shadow: 0px 1px 0px #ffffff, 1px 0.2rem 0.2rem rgba(0, 0, 0, 0.42);
}

.button {width:100%; border:none; background:#709159; cursor:pointer; color:#fff; transition:all .4s ease}
.button:hover {background:#8bab74}

.wrap {width:1000px; margin:0 auto}

#top {background:#709159}
.nav {display:flex; overflow:auto; overflow:-moz-scrollbars-none; -ms-overflow-style:none}
.nav::-webkit-scrollbar {height:0 !important}
.n-item {padding:.5em}
.n-item:first-child {padding-left:0}
.sep {padding:.5em 0; color:#fff}
#top a {text-decoration:none; color:#fff}

#head {background:#587246; color:#fff}
#head .logo-min {display:inherit}
#head .logo-max {display:none}
#head .wrap {vertical-align:middle; display:flex; align-items:center; justify-content:space-between}

#head .phone {display:flex; flex-direction:column}
#head .phone a, #mcont .phon a {display:flex; justify-content:center; align-items:center; color:#fff; text-decoration:none; font-size:150%}
#head .phone .whatsapp, #mcont .phon .whatsapp {font-size:.9em; margin-top:.5em}
#head .phone a svg, #mcont .phon a svg {width:16px; margin-right:.5em}

#head .button {display:none}

#mcont {display:none}

#block1 {
	background: url(/img/b1-bg.jpg) no-repeat;
    background-size: 600px;
	background-position: calc((100vw - 1000px) / 2) 0;
}
#block1 h1, #block1 h2 {padding:.8em 0 0}
#block1 p {font-size:1.1em}
#block1 p.disabled {font-size:.9em}
#block1 form {margin-bottom:1em}
#block1 form fieldset {border:none;margin:0;padding:0}
#block1 .content {width:40%; margin-left:auto; padding:2em 1em 2em}
#block1 .submit {padding-top:.2em}
#block1 .policy {padding:0; font-size:.8em}
#block1 .policy a {color:#587246}
#block1 em {font-size:.8em; color:red}

.hide {display:none; opacity:0}

#modal.show {display:block; background:#000; opacity:.7; position:fixed; top:0; left:0; width:100%; height:100vh}

#reg.show, #cons.show {background:#fff; position:fixed; top:10vh; right:calc((100vw - 900px) / 2 - .5em); width:900px; height:70vh; border-radius:1em}
#reg.show .page, #cons.show .page {overflow-y:scroll; height:calc(70vh - 1em); padding:0 1em; font-size:.8em}
#reg.show .page h1, #cons.show .page h1 {padding:.8em 0 0}

#regclose.show, #consclose.show {display:block; position:fixed; top:80vh; right:calc((100vw - 900px) / 2 - .5em); font-size:.8em}
#regclose.show a, #consclose.show a {color:#fff}

#formblock.show {background:#fff; position:fixed; top:35vh; right:calc((100vw - 200px) / 2 - 1em); height:4em; width:200px; padding:1em; border-radius:1em; font-size:.9em}
#formblock.show p {margin:0}
#formblock.show p:first-child {text-align:center; padding:0 0 .5em}

#formclose.show {display:block; position:fixed; top:calc(35vh + 6.7em); right:calc((100vw - 200px) / 2 - 1em); font-size:.9em}
#formclose.show a {color:#fff}

.b2-head {background:#709159; color:#fff; margin:0; text-align:center}
#block2 {
	background: url(/img/b2-bg.jpg) no-repeat;
	background-size: auto 70%;
	background-position: right calc((100vw - 1000px) / 2) bottom 1em;
}
#block2 .content {width:75%; padding:1em}
#block2 ul {margin:0; padding:2em 0 1em 3em; padding-inline-start:2em}
#block2 ul li {padding-bottom:1em; list-style-type:none}
#block2 ul li:before {content:"»"; padding-right:.5em}

.b3-head {background:#709159; color:#fff; margin:0; text-align:center}
#block3 .content {padding:1em}
#block3 .high {font-size:1.1em}
#block3 em {color:#959595}
#block3 ul {padding:0 0 0 1em}
#block3 ul li {padding-bottom:.5em; list-style-type:none}
#block3 ul li:before {content:"»"; padding-right:.5em}

.b4-head {background:#709159; color:#fff; margin:0; text-align:center}
#block4 h3, #block5 h3, #block6 h3, #block7 h3 {text-align:center; margin:0; padding-top:1em}
#puppy .content, #block4 .content, #block5 .content, #block6 .content, #block7 .content {padding:1em; display:flex; align-items:center; justify-content:space-between}

#block4 .page, #block5 .page {padding-right:1em; align-self:flex-start}
#block4 .page p:last-child, #block5 .page p:last-child {margin:0}
#block5 .page p:first-child {margin-top:0}

.puppy-head {background:#709159; color:#fff; margin:0; text-align:center}

#puppy .slider, #block4 .slider, #block5 .slider, #block6 .slider, #block7 .slider {width:50%; align-self:flex-start; position:relative}
#puppy .slider, #block6 .slider, #block7 .slider {width:100%}
#puppy figure, #block4 figure, #block5 figure, #block6 figure, #block7 figure {margin:0}
#puppy img, #block4 img, #block5 img, #block6 img, #block7 img {width:100%}

#block5, #block7 {background:#709159; color:#fff}

.b8-head {background:#8bab74; color:#fff; margin:0; text-align:center}
.b8-head h2 {padding: .8em .8em}

#block8 {background-color:#fcfcee}
#block8 .content {padding:1em}
#block8 .high {font-size:1.1em}
#block8 ul {margin-bottom:0; padding-inline-start:1em}
#block8 ul li {padding-bottom:1em; list-style-type:none}
#block8 ul li:last-child {padding-bottom:0}
#block8 ul li:before {content:"»"; padding-right:.5em}

#block8 .content:last-child {padding-top:0; padding-bottom:2em; font-size:1.1em; display:flex}
#block8 .content:last-child div {width:50%; align-self:center}
#block8 .content:last-child p {padding-right:2em}
#block8 .content:last-child p:first-child {margin-top:0}
#block8 .content:last-child img {width:100%}

#foot {background:linear-gradient(to right, #587246 0%,#587246 51%,#709159 49%,#709159 100%); color:#fff}
#foot .wrap {vertical-align:middle; display:flex; align-items:center; justify-content:space-between}
#foot .wrap div {width:25%}
#foot div p:nth-child(1) {font-size:1.1em; margin-bottom:0}
#foot div p:nth-child(2) {margin-top:0}
#foot div p:nth-child(2) a {font-size:.7em; color:#fff}
#foot div:nth-child(4) p {text-align:right}

#ontop {display:none; align-items:center; cursor:pointer; position:fixed; bottom:6.5em; right:2em; display:none; opacity:.5; transition:all .4s ease}
#ontop:hover {opacity:1!important;}
#ontop div:first-child {color:#587246; font-size:1.1em; padding-right:.5em}
#ontop div:last-child {width:3em; height:3em; background:#587246 url(/img/ontop.png) no-repeat; background-size:cover; border-radius:.5em}

@media (max-width:1030px){
	.wrap {width:auto; margin:0 1em}
	
	#block2 {
		background: url(/img/b2-bg.jpg) no-repeat;
		background-size: auto 70%;
		background-position: right 1em bottom 1em;
	}
	#block2 .content {width:80%; padding:1em}
	#block2 ul {margin:0; font-size:1em}
}

@media (max-width:930px){
	#reg.show, #cons.show {right:10%; width:80%}
	#regclose.show, #consclose.show {right:10%}
}

@media (max-width:860px){
	#head .wrap {display:inherit; text-align:center; margin:0}
	#head .slogan, #head .phone {display:none}
	#head .button {background:#709159; display:inherit; font-size:100%; padding:.7em 0}

	#mcont {display:block; overflow:hidden}
	#mcont.open {height:6.8em; border-top:#709159 1px solid}
	#mcont.close {height:0}
	#mcont .slog {font-size:1em; padding:.6em 0 .3em}
	#mcont .phon {font-size:1.2em; padding-bottom:.6em}

	#block1 {
		background-size: auto 110%;
		background-position: left calc(100% - 45vw) top -1em;
	}
	#block1 .content {width:50%; padding:1em 0 2em 50%}
	#block1 form {margin-bottom:1em}

	#block2 .content {padding:0}
	#block2 ul {padding:0}

	#block3 .content {padding:0}

	#puppy .wrap, #block4 .wrap, #block5 .wrap, #block6 .wrap, #block7 .wrap {margin:0}
	#block4 h3, #block5 h3, #block6 h3, #block7 h3 {padding:1em}
	#puppy .content, #block4 .content, #block5 .content, #block6 .content, #block7 .content {padding:0; display:inline}

	#block4 .page, #block5 .page {padding:0 1em 1em}

	#puppy .slider, #block4 .slider, #block5 .slider, #block6 .slider, #block7 .slider {width:100%}

	#block8 .content {padding:0}
	#block8 .content:first-child p:first-child {margin:0; padding-top:1em}
	#block8 .content:last-child p:last-child {margin-top:1em}

	#foot {background:#587246}
	#foot .wrap {display:block; margin:0}
	#foot .wrap div {width:inherit}
	#foot .wrap div:nth-child(1), #foot .wrap div:nth-child(2) {padding:0 1em 1em}
	#foot .wrap div p:first-child {margin-top:0; padding-top:0}
	#foot .wrap div:nth-child(1) p:first-child {margin-top:0; padding-top:1em}
	#foot .wrap div p:last-child {margin-bottom:0; padding-bottom:0}
	#foot .wrap div:nth-child(3) {display:none}
	#foot .wrap div:last-child {background:#709159; padding:1em}

	#ontop {bottom:.5em; left:.5em; right:inherit; opacity:.3!important}
	#ontop:hover {opacity:.7!important}
	#ontop div:first-child {display:none}
	#ontop div:last-child {width:3.5em; height:3.5em}
}

@media (max-width:740px){
	.content .white {
		background: rgba(255, 255, 255, 0.7);
		border-radius: 1em;
		margin: 0 -.5em 1em;
		padding: .6em;
	}
	
	#block2 {
		background-size: auto 60%;
	}
}

@media (max-width:650px){
	#block8 .content:first-child p:last-child {padding-bottom:0!important}
	#block8 .content:last-child {display:block; padding-bottom:1em}
	#block8 .content:last-child div {width:100%; align-self:center}
	#block8 .content:last-child p {padding-right:inherit}
}

@media (max-width:568px){
	.content .white p:first-child {margin-top:0}
	.content .white p:last-child {margin-bottom:0}

	.content .white h2 {padding:0!important;}
	.content .white form {margin:0!important;}
}

@media (max-width:414px){
	#block1 .content {width:60%; padding:1em 0 2em}

	#block2 .content {width:100%}
}

@media (max-width:360px){
	#head .logo-min {display:none}
	#head .logo-max {display:inherit; width:100%}

	#block1 .content {width:65%; padding:1em 0 1em}
	#block1 form {margin-bottom:1em}
	#block1 p {font-size:.9em}

	#block2 .content {width:100%}
	#block2 p {font-size:.9em}
	#block2 ul {padding:0; font-size:.9em}
	#block2 ul li {padding-bottom:.8em}
	#block2 ul li:last-child {padding-bottom:1em}

	#block3 .content {font-size:.9em}

	#puppy .wrap, #block4 .wrap, #block5 .wrap, #block6 .wrap, #block7 .wrap {margin:0}
	#puppy .page, #block4 .page, #block5 .page, #block6 .page, #block7 .page {padding:0 1em 1em; font-size:.9em;}

	#block8 .content {font-size:.9em}
}

@media (max-width:320px){
	#block1 .content {width:70%}
}