@charset "utf-8";
/* CSS Document */

/*reset*/
*{margin:0; padding:0; outline:none; box-sizing:border-box;}
img,fieldset{border:0px; display:block;}
br.clear, div.clear{clear:both; font-size:0px;}
ul, ol{list-style:none;}
textarea, input.text, input[type="text"], input[type="button"], input[type="submit"], .input-checkbox, button{-webkit-appearance:none; border-radius:0;}

header, nav, article, aside, section, footer{display:block; overflow:hidden;}
header, section, footer{width:100%; height:auto; position:relative;}

/*template*/
html{width:100%; height:100%; font-size:62.5%;}
body{width:100%; height:100%; font-family:'Roboto Condensed', sans-serif; font-size:1.6rem; line-height:1.628571; color:#232622; overflow-x:hidden; overflow-y:scroll; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

/*text*/
h1, h2, h3, h4, h5, h6{width:100%; height:auto; line-height:1.2; font-weight:bold; font-family:'KoHo', sans-serif; color:#537b45;}
h1{font-size:3.6rem; margin-bottom:48px;}
h2{font-size:2.8rem; margin-bottom:32px;}
h3{font-size:1.8rem;}
h1.nomargin, h2.nomargin, h3.nomargin{margin:0px;}
p{margin:0px 0px 32px 0px;}
a, a *{color:#be1622; text-decoration:none;}
small{font-size:1.2rem;}
.shadow{text-shadow:-1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5);}
.center{text-align:center;}

/*floats*/
.left{float:left;}
.right{float:right;}

/*youtube*/
.video-container{position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed{position:absolute; top:0; left:0; width:100%; height:100%;}

/*backgrounds & colors*/
.bg-lightgreen{background:#f2f6f0;}

/*buttons*/
.button{min-width:160px; display:inline-block; padding:12px 24px; text-align:center; font-size:1.6rem; text-decoration:none !important;}  
.button.green{background:#537b45; border-color:#537b45; color:#ffffff;}
.button:not(:first-of-type){margin-left:16px;}

/*main-container*/
main{width:100%; max-width:1920px; min-height:100vh; margin:0px auto;}
.container{max-width:1260px; margin:0px auto; padding:0px 24px;}

/*forms*/
form.form{display:grid; grid-template-columns:200px auto; gap:16px;}
form.form .wide{grid-column-end:span 2;}
form.form h2{margin-top:35px; margin-bottom:0px; font-size:2.4rem;}
form.form h3{margin-top:35px; margin-bottom:0px; font-size:2.0rem;}
form.form div{padding:8px 0px;}
form.form div.row{border-bottom:1px dotted #eae9e9;}
form.form div.noborder{border-bottom:none !important;}
form.form div.label{color:#2a2620;}
form.form div.row label.red{color:#e2001a;}
form.form div span{display:block; height:32px; line-height:32px; color:#a3a3a3; font-size:1.2rem;}
form.form div input[type="text"],
form.form div input[type="number"],
form.form div input[type="date"],
form.form div input[type="time"],
form.form div input[type="datetime-local"]{width:100%; height:24px; line-height:24px; padding:16px; border-radius:8px; border:1px solid #eae9e9; font-family:'Roboto Condensed', sans-serif;}
form.form div input[type="text"].red,
form.form div input[type="number"].red,
form.form div input[type="date"].red,
form.form div input[type="time"].red,
form.form div input[type="datetime-local"].red{border:1px solid #e2001a;}
form.form div input[type="text"]:focus,
form.form div input[type="number"]:focus,
form.form div input[type="date"]:focus,
form.form div input[type="time"]:focus,
form.form div input[type="datetime-local"]:focus{border:1px solid #2a2620;}
form.form div textarea{width:100%; height:300px; line-height:24px; padding:16px; border-radius:8px; border:1px solid #eae9e9; font-family:'Roboto Condensed', sans-serif;} 
form.form div textarea:focus{border:1px solid #303030;}
form.form div.submit{display:grid; grid-template-columns:1fr 1fr;}
form.form div.submit .button-left input[type=button],
form.form div.submit .button-left input[type=submit]{border:0px; font-family:'Roboto Condensed', sans-serif; color:#ffffff; background-color:#656d62; font-size:1.6rem; padding:12px 24px; text-decoration:none; float:left; cursor:pointer;}
form.form div.submit .button-right input[type=button],
form.form div.submit .button-right input[type=submit]{border:0px; font-family:'Roboto Condensed', sans-serif; color:#ffffff; background-color:#537b45; font-size:1.6rem; padding:12px 24px; text-decoration:none; float:right; cursor:pointer;}
form.form div.submit .button-right input[type=submit].grey{color:#f1f1f1; background-color:#444444;}


/*header*/
header{height:217px; z-index:1000; position:absolute; top:48px; left:0; overflow:visible}
header .bar{height:65px; display:grid; grid-template-columns:346px auto; grid-gap:0px; z-index:1000; padding:0px 24px; border-radius:16px; background:rgb(71,105,59); background:linear-gradient(0deg, rgba(71,105,59,1) 0%, rgba(89,127,76,1) 100%);}
header .logo{width:346px; height:180px; margin-top:-36px; z-index:1000;}
header .logo img{width:100%;}
header nav{z-index:1000;}
header nav ul{display:flex; justify-content:flex-end; height:65px;}
header nav ul li{height:65px; margin:0px 24px;}
header nav ul li a{height:65px; line-height:65px; color:#ffffff; font-weight:bold; font-size:1.8rem; transition:0.6s;}
header nav ul li.on{border-bottom:4px solid #ffffff;}
header nav ul li:last-of-type a{margin-right:0px;}
header nav ul li a.flag img{width:26px; height:15px; margin-top:25px;}
header nav ul li.on a.flag{border:none !important;}
header .menu{display:none;}

/*sections*/
section{padding:64px 0px;}

/*grids*/
.grid{display:grid; grid-gap:48px; grid-template-columns:repeat(4,1fr);}

section.slider{height:425px;}
section.slider-big{height:680px;}
section.slider-content{height:316px;}

section.intro{overflow:visible;}
section.intro article{grid-column-end:span 3;}
section.intro .buttons{margin-top:-128px; }
section.intro .cta{width:100%; display:block; float:left; padding:16px; margin-bottom:48px; color:#ffffff; font-size:1.4rem;}
section.intro .cta strong{display:block; color:#ffffff; font-family:'KoHo', sans-serif; font-size:1.8rem; margin-bottom:16px;}
section.intro .cta.green{background:rgb(71,105,59); background:linear-gradient(0deg, rgba(71,105,59,1) 0%, rgba(89,127,76,1) 100%);}
section.intro .cta.grey{background:rgb(87,94,85); background:linear-gradient(0deg, rgba(87,94,85,1) 0%, rgba(106,114,103,1) 100%);}

section.content article ul,
section.content article ol{list-style:disc outside; margin:0px 0px 30px 20px;}

section.map{height:400px; padding:0px;}
section.map .map{height:400px;}

section.bunckhouse{}
section.bunckhouse .image{grid-column-end:span 2;}
section.bunckhouse .image img{width:100%;}
section.bunckhouse article{grid-column-end:span 2;}

section.form .form{grid-area:1/2/1/4;}

section.breadcrumb{width:100%; height:32px; padding:0px 24px; background:#f2f6f0;}
section.breadcrumb ol{width:100%; min-height:32px; list-style:none; display:block; margin:auto 0px;}
section.breadcrumb ol li{float:left; color:#656d62; font-size:1.2rem; margin-right:10px; line-height:32px;}
section.breadcrumb ol li a{width:auto; text-decoration:none; margin-right:10px;}
section.breadcrumb ol li a span,
section.breadcrumb ol li a span i{color:#656d62; font-size:1.4rem; text-decoration:none;}
section.breadcrumb ol li:last-child a span{color:#656d62;}
section.breadcrumb ol li a span:hover{color:#537b45;}

/*footer*/
footer{background:rgb(70,75,68); background:linear-gradient(0deg, rgba(70,75,68,1) 0%, rgba(57,61,55,1) 100%);}
footer .horses{height:400px; background:url('../images/background-horses.jpg') no-repeat top center / cover;}
footer .container{padding-top:48px;}
footer .logo{grid-column-end:span 2;}
footer .logo a{width:207px; height:101px; display:block;}
footer .logo a img{width:100%;}
footer .contact{grid-column-end:span 2; display:grid; grid-template-columns:repeat(3,1fr); grid-gap:0px;}
footer .contact .links{color:#ffffff; font-size:1.4rem;}
footer .contact .links span{display:block; font-size:1.2rem; margin-bottom:8px;}
footer .contact .links a{color:#ffffff;}
footer .copyright{grid-column-end:span 4; border-top:1px solid rgba(255,255,255,0.2); height:48px; line-height:48px;}
footer .copyright *{font-size:1.2rem; color:rgba(255,255,255,0.3);}
footer .copyright span{margin-right:32px;}
footer .copyright span a{text-decoration:underline; margin-right:8px;}
footer .copyright span a:hover{color:#ffffff;}
footer .copyright span:last-of-type{float:right; margin-right:0px;}
footer .copyright span:last-of-type a{float:right; margin-right:0px;}
footer .copyright br{display:none;}

/*laptop*/
@media only screen and (max-width:1024px) 
{   
    header nav ul li{margin:0px 12px;}
    header nav ul li a{font-size:1.8rem; transition:0.6s;}
}

/*tablet*/
@media only screen and (max-width:768px) 
{
    body{font-size:1.4rem;}

    h1{font-size:2.8rem; margin-bottom:32px;}
    h2{font-size:2.0rem; margin-bottom:16px;}
    h3{font-size:1.6rem;}
    .button{min-width:unset;padding:8px 32px 8px 8px; font-size:1.4rem;} 
        
    header .logo{margin-top:-22px;}
    header .logo img{width:275px; height:143px;}
    header .menu{height:65px; display:unset; text-align:right; z-index:1000;}
    header .menu a{width:32px; height:65px; display:block; float:right; margin-left:16px;}
    header .menu a i{width:32px; height:33px; margin-top:16px; line-height:33px;}
    header .menu a i{font-size:2.2rem; color:#ffffff;}
    header .menu a img{width:32px; height:auto; margin-top:23px;}
    header nav{width:0; height:100%; position:fixed; margin:unset; z-index:900; top:0px; right:0; overflow-x:hidden; transition:0.5s;}
    header nav.open{width:100%; background:rgba(0,0,0,0.8); transition: 0.7s;}
    header nav .container{padding:0px !important;}
    header nav .close{position:absolute; width:50px; height:50px; top:35px; left:35px; font-size:4.6rem; line-height:50px; text-align:center; color:#ffffff; text-decoration:none;}
    header nav ul{width:300px; height:100vh; padding-top:100px; display:block; float:right;}
    header nav ul li{width:100%; height:50px; display:block; padding-right:60px; float:left; text-align:right; box-sizing:border-box; text-decoration:none;}
    header nav ul li.on{border-bottom:2px solid #ffffff;}
    header nav ul li a{color:#ffffff; margin:0px;}
    header nav ul li a.flag{display:none;}
    
    .grid{row-gap:24px; grid-gap:24px;}
    
    section{padding:48px 0px;}
    
    section.slider{height:325px;}
    section.slider-big{height:480px;}
    section.slider-content{height:216px;}    
    
    section.intro article{grid-column-end:span 4;}
    section.intro .buttons{grid-column-end:span 4; margin-top:0; display:grid; grid-template-columns:1fr 1fr; grid-gap:24px;}
    section.intro .cta{font-size:1.2rem;}    
    section.intro .cta strong{font-size:1.4rem;}
    
    section.form .form{grid-area:unset; grid-column-end:span 4;}
    
    footer .horses{height:200px;}
}

/*mobile l*/
@media only screen and (max-width:425px)
{
    body{font-size:1.2rem;}

    h1{font-size:2.2rem; margin-bottom:32px;}
    h2{font-size:1.8rem; margin-bottom:16px;}
    h3{font-size:1.4rem;}
    .button{padding:4px 16px 4px 4px; font-size:1.2rem;} 
    
    header{top:24px;}
    header .bar{height:48px; border-radius:8px; grid-template-columns:60% 40%; padding:0px 12px;}
    header .logo{width:150px; margin-top:-5px;}
    header .logo img{width:150px; height:78px;}
    header .menu{height:48px;}
    header .menu a{height:48px;}
    header .menu a i{margin-top:8px;}
    header .menu a i{font-size:2.0rem;}
    header .menu a img{width:24px; height:auto; margin-top:16px;}
    
    section{padding:24px 0px;}
    
    section.slider{height:225px;}
    section.slider-big{height:380px;}
    section.slider-content{height:216px;}  
    
    section.breadcrumb{display:none;}

    section.bunckhouse .image{grid-column-end:span 4;}
    section.bunckhouse article{grid-column-end:span 4;}
    
    form.form{grid-template-columns:1fr;}
    form.form .wide{grid-column-end:unset;}
    form.form .label{border-bottom:0px !important}
    
    footer .logo{grid-column-end:span 4;}
    footer .contact{grid-column-end:span 4; display:grid; grid-template-columns:repeat(3,1fr); grid-gap:0px;}
    footer .copyright{height:unset; line-height:unset; padding-top:8px; text-align:center;}
    footer .copyright br{display:block;}
    footer .copyright span{margin-right:unset;}
    footer .copyright span:last-of-type{float:unset; margin-right:0px;}
    footer .copyright span:last-of-type a{float:unset; margin-right:0px;}
}

/*mobile m*/
@media only screen and (max-width:375px)
{
    section.intro .buttons{grid-template-columns:1fr;}
    section.intro .cta{margin-bottom:0px;}
}

/*mobile s*/
@media only screen and (max-width:320px)
{
    .button{padding:4px 4px 4px 4px;} 
    footer .contact{grid-template-columns:1fr; row-gap:8px;}


}