@import url('https://fonts.googleapis.com/css?family=Merienda:400,700');
body{color: #333; background: #FFF url('../img/bg-sky4.jpg') center center repeat;}
b, a{color:#137736;}


.leftData{text-align: left;} .rightData{text-align: right;}
.justifyData{text-align: justify;} .centerData{text-align: center;}


/*** GLOBAL CSS ***/
.WmtPage .container{padding-top: 1.5rem; padding-bottom: 1.5rem;  }
.SectionTitle{ text-align: center; margin-bottom: 2rem; font-weight: bold; font-family: 'Merienda', cursive; color: #137736; }
.SectionTitle::after { content: ''; height: 3px; width: 50%; background: #137736; display: block; margin: 0.5rem auto 1rem auto; }
.SubTitle{ text-align: center; margin-bottom: 1rem; font-weight: bold; font-family: 'Merienda', cursive; color: #137736;}

.BgParallax1 {background: #000 url(../img/bg_parallax.jpg) top center repeat; background-size: cover;}
.BgParallax2 {background: #000 url(../img/bg_parallax2.jpg) center center repeat; background-size: cover;}
.BgParallax3 {background: #000 url(../img/bg_parallax3.jpg) center center repeat; background-size: cover;}
.Parallax{background-attachment: fixed; }

.OverParallax{color:#FFF; text-shadow: 2px 2px 2px #000; box-shadow: inset 0 0 20px #000;}
.OverParallax b{color:#FAED2A;}

@media screen and (max-width: 586px){
	.Parallax{background-attachment: initial; }
}

/*** NAVIGATION CSS ***/
.WmtPage{padding-top: 65px; }
.site-header{position: fixed; width: 100%; z-index: 100; line-height: 65px; }
.site-header ul{padding: 0; margin:0; list-style:none;}
.site-header ul li{ display:block; float: left; text-align: center; margin: 0;}
.site-header ul li a{ color:#fff; font-family: 'Merienda', cursive; font-weight: bold; text-shadow: 2px 2px 3px #000; font-size: 1.2rem; display: block; -webkit-clip-path: polygon(100% 0, calc( 100% - 0.75rem ) 50%, 100% 100%, 0 100%, 0.75rem 50%, 0 0); clip-path: polygon(100% 0, calc( 100% - 0.75rem ) 50%, 100% 100%, 0 100%, 0.75rem 50%, 0 0); padding: 0 0.75rem; text-decoration: none; }

.site-header ul li a:hover{background: linear-gradient(45deg, #E17B1Dcc, #FAED2Acc);}
.site-header ul li a.active{background: linear-gradient(45deg, #FAED2A, #E17B1D)!important;}

.site-header .Branding{width:30%; text-align: center; float: left;}
.site-header .Branding img{ height: 60px; padding: 2.5px 0;}
.site-header .menu-split{width:35%; float: left; display: block;}
.site-header .menu-split li{width:50%;}

.site-header .menu-toggle{display:none;}
.site-header .menu-toggle i{padding: 0.5rem; border: 2px solid #FFF; border-radius: 7px; cursor: pointer;}
.site-header .menu-toggle i:hover{background: linear-gradient(45deg, #FAED2A, #E17B1D); }

.site-header .menu-main{background: #001d00 url('../img/bg-grass2.jpg') center center repeat; box-shadow: 0 0 5px #000; }

.site-header .menu-mobile{display: none; background:#001d00cc; box-shadow: inset 0 0 50px #000; height: calc( 100vh - 55px ); z-index: 4; width: 0; padding: 0.5rem 1rem; float: right; line-height: 45px;}
.site-header .menu-mobile ul li{display: block; float: inherit; margin-bottom: 0.25rem;  }

@media screen and (max-width: 991px){
	.site-header{ line-height: 55px;}
	.site-header .Branding img{ height: 50px; padding: 0; }
	.site-header ul li a{font-size: 1rem; }
	.WmtPage{padding-top: 55px; }
}

@media screen and (max-width: 768px){
	.site-header .menu-split{display: none;}
	.site-header .menu-toggle{display:block; float: right; color: #fff;}
	.nav-is-visible .menu-mobile{display: block; width: 50%; }
}

@media screen and (max-width: 586px){
	.nav-is-visible .menu-mobile{display: block; width: 100%; }
}

/*** INICIO CSS START ***/
.HomeBanner{background: #000 url(../img/bg-banner1.jpg) center center repeat; background-size: cover;}
.HomeBanner img{ display:block; padding:10rem 0; margin: 0 auto; max-width: 90%; }

.HomeBlock{margin-bottom: 2rem;}
.HomeBlock .block-info{display:block; padding: 1rem 1rem 2rem 1rem; height: 100%; color:#FFF; text-decoration: none; -webkit-clip-path: polygon(100% 0, 100% calc( 100% - 2rem), 50% 100%, 0 calc( 100% - 2rem), 0 0); clip-path: polygon(100% 0, 100% calc( 100% - 2rem), 50% 100%, 0 calc( 100% - 2rem), 0 0); }
.HomeBlock:hover{transform: scale(1.02);}
.HomeBlock img{max-width: 70%; margin: 0.75rem 0; padding: 5px;}

.OverlapImages{position: relative;}
.OverlapImages img{position: absolute; top:0; left:0; width: 50%;}

.GalleryItem{margin-bottom: 1rem; padding:7px; background: #fff; width:100%; box-shadow: 0 0 2px #CCC;}

/***NOSOTROS CSS START ***/
.NosotrosInfo {border-left: 4px solid #137736; padding: 1.5rem 1rem; border-right: 4px solid #486A09;font-style: italic;margin-bottom: 1rem; background: #ffffff8c; box-shadow: 0 0 3px #ccc;line-height: 1.4;}

.UsImage{width: 100%; padding: 0.55rem; background: #FFF; box-shadow: 0 0 4px #ccc; transform: rotate(-1deg); margin-bottom: 2rem;}
.UsBlock{box-shadow: 0px 0px 10px #000;background: #13773633;padding:1rem;border-radius: 20px;margin-bottom: 1rem;}
.block-title{font-size: 1.5rem; color:#fff;background: linear-gradient(45deg, #E17B1D, #FAED2A);font-family: 'Merienda', cursive;-webkit-clip-path: polygon(100% 0, calc( 100% - 0.75rem ) 50%, 100% 100%, 0 100%, 0.75rem 50%, 0 0);clip-path: polygon(100% 0, calc( 100% - 0.75rem ) 50%, 100% 100%, 0 100%, 0.75rem 50%, 0 0);margin-bottom: 1rem;display: inline-block;min-width: 65%;padding: 0.4rem 2rem;text-shadow: 2px 2px 2px #000;}

.UsIcon{max-width: 300px; width: 100%; margin: 0 auto; display: block;}
.ListItems{list-style: none; padding: 0; text-align: center; }
.ListItems li{display: block; padding: 0.5rem 1.25rem; border: 1px solid #ddd; background: #ffffff8c; margin-bottom: 10px; box-shadow: 0 0 3px #ccc; line-height: 1.4; border-left: 4px solid #137736; border-right: 4px solid #486A09;}

/***PRODUCTOS CSS START ***/
.ListBenefits{list-style: none; padding: 0; text-align: center; margin-bottom: 1.5rem; }
.ListBenefits li{display: block; padding: 0.35rem 1.25rem; margin:0 0 8px 0; box-shadow: 0px 0px 10px #000; line-height: 1.4; border-left: 4px solid #FAED2A; border-right: 4px solid #FAED2A;background: #13773633;}

/*** CONTACT CSS START ***/
.ContactForm{padding: 1rem; background: #FFF; box-shadow: 2px 2px 5px #ccc; border-radius: 10px;margin:0 0 1rem 0;}
.BtnSubmit{background: linear-gradient(#ffd400, #E17B1D)!important; text-shadow: 1px 1px 2px #333; border-radius: 10px!important; min-width: 50%;margin:0.5rem auto!important;     color: #FFF!important; display: inline-block; padding: 0.5rem; font-family: 'Merienda', cursive; font-weight: bold; border: 1px solid #d48900!important; text-decoration: none!important;}
.BtnSubmit:hover{opacity: 0.8;}
.ContactBlock {margin-bottom: 1.5rem;font-size: 1rem;text-align: center;}
.Title {font-size: 1.4rem!important;font-weight: 600;color: #137736;}
.form-field{margin-bottom: 0.5rem;}


/*** SLICK CSS - START ***/
.slick-initialized .slick-slide {margin: 10px; }

.slick-slide img{border:4px solid #FFF; background: #fff; width: 100%; box-shadow:2px 2px 5px #333;}

.slick-dots { width: 100%!important; }
.slick-dots li, .slick-dots li button{width: 15px!important; height: 15px!important;}
.slick-dots .slick-active button:before { opacity: 1!important; color: #192b47!important; }
.slick-dots li button:before { opacity: 0.5!important; font-size: 13px!important; color: #5c6b84!important; }

.slick-prev, .slick-next { z-index: 9!important; width: 2rem!important; height: 2rem!important; }
.slick-prev { left: 1rem!important; }
.slick-next { right: 1rem!important; }
.slick-next:before { float: right; }
.slick-prev:before, .slick-next:before {font-size: 2rem!important; line-height: 2rem!important;color: #192b47!important;}



/*** FOOTER CSS - START ***/
#footer{ background: #003300 url('../img/bg-grass2.jpg') center center repeat; padding: 1.5rem 0; color:#fff; box-shadow: 0 0 5px #000; text-shadow: 1px 1px 2px #000; }
.footer-title {font-size: 1.4rem!important;font-weight: 600;color: #FFF;margin-bottom: 1rem;border-bottom: 1px solid #fff;text-align: center;}
.FooterBlock {overflow: hidden;}
.ContactInfo {margin-bottom: 1rem;}
#footer a{color:#fff!important;}
#footer .SocialIcons a{color:#fff;border-color: #fff;}

@media screen and (max-width: 1140px){

}

@media screen and (max-width: 991px){
}

@media screen and (max-width: 840px){
}

@media screen and (max-width: 768px){
    .leftData, .rightData, .justifyData{text-align: center;}
}

@media screen and (max-width: 586px){
	.row{margin-right: 0; margin-left:0; }
}

@media screen and (max-width: 380px){
}