.fix-home-bg-image {
	background-image: url(../media/1849/header-recetas.jpg);
    background-position: left bottom;
    background-size: cover;
}
.opCategoria {
    padding-left: 5px;
}

.listaCategoria {
    overflow: auto;
    max-height: 200px;
}

.scroll-style::-webkit-scrollbar-thumb {
   
    height: 50px;
    
}

.backstretch{
	max-height: 630px;
}

.backstretch .backstretch-item img{
	    height: auto;
}


#back-to-top {
    margin-top: 115px;
}

.btnBuscar {
    cursor:pointer;
}


.white-text {
    color: #FFF;
}

.bg-div {
    height: 100vh;
}

.ulGaleria {
    list-style: none;
    padding: 0;
    
}

.bg-img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
	max-height: 700px;
}

.titulo-maseca {
    position: absolute;
    /* top: 100px; */
    padding-left: 25px;
}

.titulo-maseca h2{
	text-transform: uppercase;
}	

#home{	
	z-index:1;
}

/*Responsive*/

.TargetNav .easyPaginateNav {
    margin-bottom: 15px;
}



.navbar-nav {
    border-bottom: 1px solid white;
}


.navbar-right {
    border-bottom: 1px solid white;
}

.navbar-nav {
    border-bottom: 1px solid white;
}


.breadcrumb {
    color: white !important;
}

    .breadcrumb > li a {
        color: white !important;
    }

    .breadcrumb > .active {
        color: white !important;
        font-weight: bold;
			  text-shadow: 1px 1px 1px rgba(73, 76, 79, 0.47), 0 0 0.5em rgba(73, 76, 79, 0.41), 0 0 0.2em rgb(73, 76, 79);

    }

h2, h3 {
    margin-bottom: 0px;
    color: #494C4F;
   font-weight:bold;
   
}

#buscador{
	padding-top: 25px;
}

/*** Custom Styles Sabor ***/
.breadcrumb{
	display: none;
}

.col-padding{
	padding-left: 10px;
    padding-right: 10px;
}

.bg-img {
    top: -20vw;
}

#home {
    height: calc(65vh) !important;
	min-height: 10vh !important;
    z-index: 0;
    position: relative;
}

#buscador .breadcrumb{
	color: #494C4F !important;
	text-align: left;
	margin-top: 0px;
    margin-bottom: 10px;
	padding-left: 0px;
	display: block;
	top: 6vw;
	position: absolute;
    transform: translate(10px, -30vw);
}

#buscador .breadcrumb li.active{
	/*color: #494C4F !important;
	font-size: 12px;
	text-shadow: 1px 1px 1px transparent, 0 0 0.5em transparent, 0 0 0.2em transparent !important;*/
	color: #fff !important;
	font-size: 16px;
	text-shadow: 1px 1px 1px rgba(73, 76, 79, 0.47), 0 0 0.5em rgba(73, 76, 79, 0.41), 0 0 0.2em rgb(73, 76, 79) !important;
}

#buscador .breadcrumb li a{
	/*color: #494C4F !important;
	font-size: 12px;
	text-shadow: 1px 1px 1px transparent, 0 0 0.5em transparent, 0 0 0.2em transparent !important;*/
	color: #fff !important;
	font-size: 16px;
	text-shadow: 1px 1px 1px rgba(73, 76, 79, 0.47), 0 0 0.5em rgba(73, 76, 79, 0.41), 0 0 0.2em rgb(73, 76, 79) !important;
}

#buscador .breadcrumb li .divider{
	/*color: #494C4F !important;
	text-shadow: 1px 1px 1px transparent, 0 0 0.5em transparent, 0 0 0.2em transparent !important;*/
	color: #fff !important;
	text-shadow: 1px 1px 1px rgba(73, 76, 79, 0.47), 0 0 0.5em rgba(73, 76, 79, 0.41), 0 0 0.2em rgb(73, 76, 79) !important;
}

#buscador .headsabor{
	color: #494C4F;
	font-weight: bold;
}

#buscador .headsabor-mb {		
	display: none;
}

#buscador .txtsabor{
	color: #494C4F;
}

#buscador .form-control{
	border-bottom-left-radius: 0px !important;
}	

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

    .md-paddingFooter {
        padding-top: 90px;
        padding-bottom:90px;
    }
	
	.title-sabor{
		padding-right: 0px;
	}
	
	.fix-home-bg-image {
    background-position: center center;
}
	.text-recipe p{
		font-size: 16px !important;
	}
	
	#home .home-wrapper{
		
	}
	
	.search-box h3{
		font-size:18px;
	}
    

    .costal-buscar {
        display: block;
    }

    .costal-detalle {
        display: none;
    }

    .search-box {
            background-image: url(/images/textura.png);
   		background-repeat: repeat;
        z-index: 100;
        
    }

        .search-box > div {
            padding-left: 40px;
            padding-right: 30px;
            margin-top: 50px;
        }

    .fixed-side-navbar-sabor {
		margin-top:10px !important;
        right: 0;
        z-index: 99999;
        text-align: right;
        transition: all .3s;
        background: transparent;
		margin-bottom: 25px !important;
    }

       

            .fixed-side-navbar-sabor .nav > li > a > span {
                color: rgba(0, 0, 0, 0.5);
                display: block;
            }

            .fixed-side-navbar-sabor .nav > li.active a {
                background-color: transparent;
                color: black;
            }

                .fixed-side-navbar-sabor .nav > li.active a:after {
                    -webkit-transform: scale(0.9);
                    transform: scale(0.9);
                }

                .fixed-side-navbar-sabor .nav > li.active a:before {
                    content: '';
                    position: absolute;
                    top: 50%;
                    right: 17px;
                    margin-top: -8px;
                    width: 16px;
                    height: 16px;
                    background: transparent;
                    border: 2px solid black;
                    border-radius: 10px;
                }

            .fixed-side-navbar-sabor .nav > li a {
                color: black;
                min-height: 32px;
                background: transparent;
                padding: 5px 20px 5px 20px;
                border-right: none;
            }

                .fixed-side-navbar-sabor .nav > li a span {
                    display: none;
                    transition: all .2s;
                }

                .fixed-side-navbar-sabor .nav > li a:after {
                    content: '';
                    position: absolute;
                    top: 50%;
                    right: 20px;
                    margin-top: -5px;
                    width: 10px;
                    height: 10px;
                    border-radius: 10px;
                    background: rgba(0, 0, 0, 0.6);
                    transition: all .3s;
                    -webkit-transform: scale(0.6);
                    transform: scale(0.6);
                }

            .fixed-side-navbar-sabor .nav > li a {
                background-color: transparent;
                border-top-left-radius: 5px;
                border-bottom-left-radius: 5px;
                border-color: black;
                boder-right: 0;
            }

                .fixed-side-navbar-sabor .nav > li a > span {
                    color: #494c4f;
					font-family: 'Poppins Lt', 'Bree Lt' !important;
                    display: block;
                }

  

    .md-padding {
        padding-top: 300px;
    }
	
	/*** Custom Styles Sabor ***/
	.bg-img {
		top: -50vw;
	}
	
	#home {
	    height: calc(45vh) !important;
	}
	
	.fixed-side-navbar-sabor .nav > li {
		display: inline-block;
		min-width: 187px;
	}
	
	#buscador .breadcrumb{
		top: 28vw;
	}
	
	.fixed-side-navbar-sabor .nav > li.active a:before {
		content: '';
		position: absolute;
		top: 50%;
		left: 0px;
		margin-top: -5px;
		width: 10px;
		height: 10px;
		border-radius: 0px;
		background: rgba(0, 0, 0, 0.6);
		transition: all .3s;
		-webkit-transform: scale(0.6);
		transform: scale(1);
	}
	
	.fixed-side-navbar-sabor .nav > li a:after {
		content: '';
		position: absolute;
		top: 50%;
		left: -3px;
		margin-top: -8px;
		width: 16px;
		height: 16px;
		background: transparent;
		border: 1px solid black;
		border-radius: 0px;
	}
	
	.opCategoria {		
		text-align: left;
	}
	
	#buscador .headsabor {		
		font-size: 24px;
		text-align: left;
		margin: 30px auto;
		display: none;
	}
	
	#buscador .headsabor-mb {		
		display: block;
		margin: 0px auto;
	}
}

@media screen and (orientation:landscape) and (min-height: 320px) and (max-height: 767px) {
    .search-box {
        margin-top: -100px !important;
    }
	
	.col-padding{
		padding-left: 5px;
	    padding-right: 5px;
	}
}

@media screen and (max-width: 426px) {
    .search-box > div {
        margin-top: 50px;
        padding: 0px;
        margin-top: 10px;
    padding: 0px 10px;
    }

    .TitulMobile{
        margin-top: 5px;
    }
    .TitulMobile h2{
        font-size: 16px;
        margin-bottom: 5px;

    }
    .TitulMobile h1 {
        font-size: 20px;
    }


    .opCategoria li a span{
        font-size: 12px;

    }

    .md-paddingFooter {
        padding-top: 0px;
        padding-bottom: 30px;
    }
}

@media screen and (max-width: 1920px) {
	.title-sabor{
		padding-right: 20px;
	}

}

@media screen and (max-width: 767px) and (orientation:portrait){
    .search-box {
        margin-top: -100px;
    }
}


	@media screen and (min-width: 768px) and (max-width: 1023px)  and (orientation:portrait){
        .search-box {
            margin-top: -230px;
        }
	}


@media screen and (min-width: 737px) and (max-width: 823px) and (orientation:landscape){
    #home .home-wrapper {
        transform: translateY(0%);
        position: absolute;
        bottom: -135px;
    }
	
	
}



@media screen and (min-width: 993px) {
	
	.text-recipe p{
		font-size: 16px !important;
	}

	#nav.nav-transparent:not(.fixed-nav) .main-nav > li > a {
    color: white;
		 	  text-shadow: 1px 1px 1px rgb(51 51 51), 0 0 0.5em rgb(51 51 51), 0 0 0.2em rgb(51 51 51);

}


#nav.nav-transparent:not(.fixed-nav) .dropdown li a {
    color: white !important;
		  text-shadow: 1px 1px 1px rgb(51 51 51), 0 0 0.5em rgb(51 51 51), 0 0 0.2em rgb(51 51 51);

}
	
    .costal-buscar {
        display: none;
    }

    /*.imgCostal{
	width:140px;
	height:210px;	
	}
        */
    .costal-detalle {
        display: block;
    }

    .search-box {
        position: absolute;
        bottom: 0%;
        opacity: .8;
        background-color: #fff;
        padding-top: 10px;
        z-index: 9999;
    }
	/*Nueva versión de .search-box*/
	.search-box {
        position: relative;
        bottom: 0%;
        opacity: .8;
        background-color: #fff;
        padding-top: 10px;
        z-index: 9999;
    }

        .search-box > div {
            padding-left: 40px !important;
            /*padding-right: 125px;*/
            margin-top: 10px;
        }

    .fixed-side-navbar-sabor {
        z-index: 99999;
        padding: 30px 0;
        transition: all .3s;
		padding-bottom: 15px;
    }

        .fixed-side-navbar-sabor .nav > li {
			display: inline-block;
			min-width: 270px;
        }

            .fixed-side-navbar-sabor .nav > li > a > span {
                color: rgba(0, 0, 0, 0.5);
                display: block;
            }

            .fixed-side-navbar-sabor .nav > li.active a {
                background-color: transparent;
                color: black;
            }

                .fixed-side-navbar-sabor .nav > li.active a:after {
                    -webkit-transform: scale(0.9);
                    transform: scale(0.9);
                }

            .fixed-side-navbar-sabor .nav > li a {
                color: black;
                min-height: 32px;
                background: transparent;
                padding: 5px 45px 5px 25px;
                border-right: none;
            }

                .fixed-side-navbar-sabor .nav > li a span {
                    display: none;
                    transition: all .2s;
                }

                .fixed-side-navbar-sabor .nav > li a:after {
					content: '';
                    position: absolute;
                    top: 50%;
                    left: -3px;
                    margin-top: -8px;
                    width: 16px;
                    height: 16px;
                    background: transparent;
                    border: 1px solid black;
                    border-radius: 0px;
                }
				
				.fixed-side-navbar-sabor .nav > li.active a:before {
                    content: '';
                    position: absolute;
                    top: 50%;
                    left: 0px;
                    margin-top: -5px;
                    width: 10px;
                    height: 10px;
                    border-radius: 0px;
                    background: rgba(0, 0, 0, 0.6);
                    transition: all .3s;
                    -webkit-transform: scale(0.6);
                    transform: scale(1);
                }

            .fixed-side-navbar-sabor .nav > li a {
                background-color: transparent;
                border-top-left-radius: 5px;
                border-bottom-left-radius: 5px;
                border-color: black;
                boder-right: 0;
            }

                .fixed-side-navbar-sabor .nav > li a > span {
                    color: #494c4f;
                    display: block;
					font-family: 'Poppins Lt', 'Bree Lt' !important;
                }

    .TargetNav {
        /*position: absolute;
        top: 50%;*/
        margin-top: 0px;
        /*right: 0px;*/
    }

    .md-paddingFooter {
        padding-top: 0px;
    }
}

@media screen and (min-width: 1680px) {
	#buscador .breadcrumb{
		top: 120px;
		transform: translate(10px, -30vw);
	}	
}

@media screen and (max-width: 768px) {
	#buscador .breadcrumb{
		top: 0;
		transform: translate(10px, -95vw);
	}
}

@media screen and (max-width: 414px) {
	#buscador .breadcrumb{
		top: 0;
		transform: translate(2px, -60vw);
	}
}

@media screen and (max-width: 375px) {
	#buscador .breadcrumb{
		top: 0;
		transform: translate(10px, -90vw);
	}
}

@media only screen and (max-width: 1279px) and (min-width: 768px)
p {
    font-size: 16px;
    line-height: 28px;
}