@font-face {font-family: 'abelregular'; src: url('../fonts/abel-regular-webfont.woff2') format('woff2'), url('../fonts/abel-regular-webfont.woff') format('woff'); font-weight: normal;   font-style: normal;}
body {font-family: 'abelregular';}
.contactHdr {background-color: #006f73;color: #FFF;}
.contactHdr a, .contactHdr a:hover, .contactHdr a:visited {color: #FFF;text-decoration: none;}
/*Index*/
.ind-1 {width: 100%;min-height: 650px;background:url(../img/FondoPatosAG.jpg) center;background-attachment: fixed;background-size: cover;}
.ind-1 .content {position: absolute;top: 50vh; left: 20vh;width: 100%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);text-align: left; color:#FFF;}
.ind-1 .content h1 {font-size:4rem; text-shadow:1px 1px 1px #000; font-weight:bold;}
.ind-1 .content p {font-size:3rem; text-shadow:1px 1px 1px #000;}
.ind-1 .content a, .ind-1 .content a:hover, .ind-1 .content a:visited {color#FFF; font-size:2rem; font-weight:bold; text-shadow:1px 1px 1px #333; padding:10px 25px;}
/*Productos*/
.CajaGreyA {background: #e8e8e8;padding: 5px;height: 345px; margin-bottom:10px;}
.CajaGreyA h3 {font-size:4rem; padding-top:50px; color:#5c5c5c;}
.CajaGreyA .DetailsBox {width:100%; text-align:right; font-size:3em; font-weight:bold; color:#f18509;text-shadow:1px 1px 1px #333; padding-top:20px;}
.CajaGreyA img {height:300px;}
.CajaGreyB {background: #e8e8e8;padding: 5px;height: 167px;margin-bottom:10px;}
.CajaGreyB h3 {font-size:2.5rem; color:#5c5c5c;}
.CajaGreyB .DetailsBox {width:100%; text-align:right; font-size:2em; font-weight:bold; color:#f18509;text-shadow:1px 1px 1px #333;}
.CajaGreyB img {height:150px;}
.CajaGreyA a, .CajaGreyA a:hover, .CajaGreyA a:visited {color: #FFF;text-decoration: none;font-size:2rem; font-weight:bold; text-shadow:1px 1px 1px #333; padding:10px 25px;}
.Benefits { background-color:#7a98b8; text-align:center; padding:20px 0; color:#FFF;text-shadow:1px 1px 1px #333;}
.Benefits .Number { width:100%;font-size:3.5rem;}
.Benefits .BenefDesc { width:100%;font-size:1.5rem;}
/*Los productos*/
.single-product{margin-bottom:50px; background-color:#e8e8e8; padding:10px 0;}
.single-product img{margin-bottom:20px;width:auto; height:250px; margin:0 auto;transition:all .3s linear; text-align:center;}
.single-product:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
.single-product .product-details {padding:5px 10px;}
.product-details .category {font-size:1.5rem;font-weight: bold;color:#5c5c5c;}
.single-product .product-details h3, .single-product .product-details h6{font-size:2rem;text-transform:uppercase;font-weight: bold;color:#5c5c5c;}
.single-product .product-details .price { font-weight:bold;width:100%;text-align:right;font-size:3rem;display:inline-block;padding-right:15px;margin:0; color:#f18509;text-shadow:1px 1px 1px #333;}
.DescProd h1 {font-size:4rem; font-weight:bold; color:#006f73;text-shadow:1px 1px 1px #333;}
.DescProd .price { font-weight:bold; font-size:3.5rem; color:#006f73}
/*El formulario de contacto*/
#contactForm {width:100%; background:url(../img/BgContact.jpg) center;background-attachment: fixed;background-size: cover; padding:30px 0;color:#FFF;}
#contactForm h4 {font-size:3.5rem;}
#contactForm p { font-size:2rem;}
#contactForm img {height:300px;}
/*bANNERS*/
.banner {background: url(../img/BannerPatito.jpg) center no-repeat;background-size: cover;width: 100%;min-height: 200px;position: relative; margin-top:70px;}
.col{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%}
.banner ol, .bannerUser ol, .bannerClient ol{margin-top:13.5rem!important}
.breadcrumb{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1.2rem;list-style:none;background-color:transparent;border-radius:.25rem}
.float-right{float:right!important}
.breadcrumb-item{font-weight:700}
.breadcrumb-item a, .breadcrumb-item a:hover, .breadcrumb-item a:visited{font-weight:700;color:#fff;text-shadow: 2px 1px 2px #000;}
.banner a,.breadcrumb-item.active, .bannerUser a,.breadcrumb-item.active{color:#fff}
/*Fitros*/
.ProdFilter {padding: 30px 0;}
.sidebar-categories .head{line-height:60px;background:#006f73;padding:0 30px;font-size:16px;font-weight:400;color:#fff}
.sidebar-categories .main-categories{padding:0 20px;background:#fff;box-shadow:0 10px 10px rgba(153,153,153,.3); }
.sidebar-categories .main-nav-list {list-style:none;}
.sidebar-categories .main-nav-list a{font-size:1.6rem;display:block;line-height:40px;padding-left:10px;border-bottom:1px solid #eee; color: #000;-webkit-transition: all .3s ease 0s;-moz-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s;}
.sidebar-categories .main-nav-list a:hover{font-size:1.7rem;color:#d83100; font-weight:bold;}
.sidebar-categories .main-nav-list a .number{color:#ccc;margin-left:10px}
.sidebar-categories .main-nav-list a .lnr{margin-right:10px;display:none}
.sidebar-categories .main-nav-list.child a{padding-left:32px;margin-left: -32px;}
.filter-bar{padding:0 20px;background:#006f73;margin-bottom: 30px;}
.filter-bar a,.filter-bar i,.main-categories a{color:#000}
.sorting select {border-radius: 0;border: 1px solid #eee;padding-right: 50px;margin:14px 5px;-webkit-tap-highlight-color: transparent;background-color: #fff;box-sizing: border-box;cursor: pointer;display: inline-block;float: left;font-family: inherit;font-size: 14px;font-weight: 400;height: 42px;line-height: 40px;outline: 0;padding-left: 18px;padding-right: 30px;position: relative;text-align: left!important;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: nonewhite-space: nowrap;}
.pagination {border-left: 1px solid #eee;border-radius: 0;display: -ms-flexbox;display: flex;padding-left: 0;list-style: none; float:right;}
.pagination a {background: #fff; color:#000;width: 40px;padding: 13px 0;text-align: center;display: inline-block;}
.pagination a.active {background:#ec9a00;}
@media(max-width: 900px) {.content img {max-width:90%;}}
footer {background-color:#000; color:#FFF;}
.FooterA {background-color: #578100; color:#FFF; padding:1.5rem;}
.FooterA h6, .FooterB h6 {font-weight:700 !important;}
.FooterA a, .FooterA a:hover, .FooterA a:visited, .FooterB a, .FooterB a:hover, .FooterB a:visited {color:#FFF; text-decoration:none; padding-left:10px;}
.FooterB {padding-top:3rem;}
.deep-purple {background-color: #d86a00 !important; border-top:none; height:1px; width:80%; margin-bottom:1.5rem; margin-top:0; display:inline-block;}
.footer-copyright {overflow: hidden;background-color: rgba(0,0,0,.2);color: rgba(255,255,255,.6);padding-top: 1rem!important;padding-bottom: 1rem!important;}
.footer-copyright a, .footer-copyright a:hover, .footer-copyright a:visited {color:#FFF; text-decoration:none;}
.doit { width: 100%;height: 35px;padding-top: 10px;background-attachment: scroll;background-image: url(../img/FooFonDoi.png);font-size: 12px;color: #FFF;}
.ind-1 .content { left: auto; text-align:center;}
#Dosificacion {width: 100%; background: url(../img/BgPaper.jpg) center; background-size: cover; color: #FFF; font-size: 2.5rem;}
@media (min-width: 768px) {
.text-md-right {text-align: right!important;}
.text-md-left {text-align: left!important;}
}
@media (max-width: 768px) {
.CajaGreyA, .CajaGreyB {padding: 3px;height: 345px;}
.CajaGreyA h3, .CajaGreyB h3 {font-size:3rem; padding-top:10px;}
.CajaGreyA img, .CajaGreyB img { width:100%; height:auto}
}