@import url('https://fonts.googleapis.com/css?family=Lato:100,400,700|PT+Sans:300,400,700');

@font-face {
  font-family: 'SofiaPro-Bold';
  src: url('fonts/SofiaPro-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/SofiaPro-Bold.otf')  format('opentype'),
	     url('fonts/SofiaPro-Bold.woff') format('woff'), url('fonts/SofiaPro-Bold.ttf')  format('truetype'), url('fonts/SofiaPro-Bold.svg#SofiaPro-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SofiaPro-Black';
  src: url('fonts/SofiaPro-Black.eot?#iefix') format('embedded-opentype'),  url('fonts/SofiaPro-Black.otf')  format('opentype'),
	     url('fonts/SofiaPro-Black.woff') format('woff'), url('fonts/SofiaPro-Black.ttf')  format('truetype'), url('fonts/SofiaPro-Black.svg#SofiaPro-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SofiaPro-SemiBold';
  src: url('fonts/SofiaPro-SemiBold.eot?#iefix') format('embedded-opentype'),  url('fonts/SofiaPro-SemiBold.otf')  format('opentype'),
	     url('fonts/SofiaPro-SemiBold.woff') format('woff'), url('fonts/SofiaPro-SemiBold.ttf')  format('truetype'), url('fonts/SofiaPro-SemiBold.svg#SofiaPro-SemiBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SofiaProRegular';
  src: url('fonts/SofiaProRegular.eot?#iefix') format('embedded-opentype'),  url('fonts/SofiaProRegular.otf')  format('opentype'),
	     url('fonts/SofiaProRegular.woff') format('woff'), url('fonts/SofiaProRegular.ttf')  format('truetype'), url('fonts/SofiaProRegular.svg#SofiaProRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}


body {
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
	background-color: #F9F0D3;
	color: #EC8025;
    font-family: 'SofiaPro-Bold';
}
.bg-full {  background-image:url(img/bg-1.jpg);
        background-size: cover;
    background-repeat: no-repeat;
        background-position: 50%; height:100vh;}


.bg-full-jugos {  background:url(images/header_solologo.jpg);
        background-size: cover;
    background-repeat: no-repeat;
        background-position: 50%; height:75vh;
}
.overflow-hidden {overflow:hidden;}
div#flecha {
    position: absolute;
    bottom: 21%;
    /* left: 0; */
    right: 3%;
    margin: 0 auto;
    text-align: center;
    z-index: 9;
    width: 25px;
}
nav.navbar.navbar-expand-lg.navbar-static-top {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9
}
nav.navbar.navbar-expand-lg.navbar-static-top {
background: rgb(0,0,0);
background: -moz-linear-gradient(180deg, rgba(0,0,0,0.8463760504201681) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.8463760504201681) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(180deg, rgba(0,0,0,0.8463760504201681) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
img {
    max-width: 100%;
}
a {color: #F9F0D3;}

a:hover {
    color: #f9f0d3;
    text-decoration: none;
    border-bottom: 0px solid;
}
a.nav-link {
    font-family: 'SofiaPro-SemiBold';
    letter-spacing: 1.5px;
    font-size: .9rem;
    font-weight: normal;
}
a.nav-link.active {
    border-bottom: 2px solid;
}
.navbar-brand img {
    width: 200px;
    height: auto;
        margin-bottom: -15px;
}
.navbar-collapse {
    justify-content: flex-end;
}
.navbar-toggler-icon {
    background-image: url(img/list.svg);
}
.pt-10, .py-10 {padding-top:12rem !important}
.pt-9, .py-9 {padding-top:8rem !important}
.pt-11, .py-11 {padding-top:17rem}
.pt-6, .py-6 {padding-top: 5rem !important;}
.pr-6, .px-6, .px-md-6, .px-lg-6 {padding-right: 3rem !important;}
.pb-6, .py-6 {padding-bottom: 5rem !important;}
.pl-6, .px-6, .px-md-6, .px-lg-6 {padding-left: 3rem !important;}

.display-5 {font-size: 2.2rem;line-height: 1.5;}
.display-6 {font-size: 4rem;line-height: 1.2;}
.display-7 {font-size: 2rem;line-height: 1.2;}



.color-light-s {color:#EC8025 !important;}
.color-light-n {color:#F9853A !important;}
.color-l-1 {color:#F9F0D3 !important}
.color-l-2 {color:#86C89D !important}
.color-l-3 {color:#DB9277 !important}



.bg-light-s {background-color:#F9F0D3!important}
.bg-l-1 {background-color:#D3B9A8 !important;}
.bg-l-2 {background-color:#FF9085 !important;}
.bg-l-3 {background-color:#DB9277 !important;}
.bg-l-4 {background-color:#86C89D  !important;} /*  VERDE */
.bg-l-5 {background-color:#95C69D  !important;} /*  VERDE CLARO */


.bg-j-1 {background-color: #FAC017;}  /*  NARANJA */
.bg-j-2 {background-color: #FFAF00;}
.bg-j-3 {background-color: #FFBB09;}
.bg-j-4 {background-color: #F17B20;}
.bg-j-5 {background-color: #FF801C;}
.bg-j-6 {background-color: #E03D27;}
.bg-j-7 {background-color: #FF4D2B;}
.bg-j-8 {background-color: #FFA713;}
.bg-j-9 {background-color: #F9853A;}
.bg-j-10 {background-color: #EC8025;}

.bg-te {
    background-image: url(img/bg-te.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}
.color-1 {background:rgba(219, 146, 119, 0.88)} /*  BG VIDEOS */
.color-2 {background:rgba(255, 144, 133, 0.88)} /*  BG VIDEOS */
.color-3 {background: rgba(255, 167, 19, 0.89);}
.color-4 {background:rgba(134, 200, 157, 0.88)}


#video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
}
video#full-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-hover {
    position:  absolute;
    width: 100%;
    height:  100%;
    z-index: 9;
}
.video-hover-c iframe {
    margin: 0px 0 -10px 0px;
}

.video-hover-c:hover .video-hover {
    opacity: 0;
    transition: all .2s linear;
    display: none;
}
video#fulls {
    height: 100%;
    width: 100%;
}

.border-bottom {border-bottom: 2px solid #f9853a!important;}
.border-top {border-top: 2px solid #f9853a!important;}
.top-bar { height: 20px;}
.font-sm {font-size:.76rem}
img.icon-te {
    width: 85px;
}
.jugos-list a {
    letter-spacing: 3px;
    width: 100%;
    display: block;
    height: 100%;
}
.jugos-list a:hover {
    opacity: .7;
}

#ingredientes {max-width: 550px; width: 90%;
font-family: 'SofiaProRegular';position:absolute;
}
.table-bordered td, .table-bordered th {
    border: 2px solid #f9f0d3;
}

img.icon-te:hover {
    opacity: .3;
}
.navbar-collapse a.nav-link:hover {
    border-bottom: 2px solid;
}

img.linea-d-te {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    top: 0px;
    width: 53% !important;
}

footer, #ingredientes {background-color: #38AF5E;}
footer ul.f-list {font-family: 'SofiaProRegular';}


div#d-ingredientes {
    min-height: 970px;
    background-size: cover;
    background-position: 50%;
}
div#d-ingredientes.ing-te {
    background-size: cover;
    background-repeat: no-repeat;
}

span.d-block.blog-text-h.h5 {
    font-family: 'SofiaProRegular';
    line-height: 1.9;
}

input, select, textarea {
    background: transparent !important;
    border: none;
    border-bottom: 2px solid #f9f0d3;
    width: 100%;
    box-shadow: none !important;
    outline: none;
}
input, select, textarea {
    color: #f9f0d3 !important;
}
option {
    color: #86c89d;
}
button {
    background: #f9f0d3;
    color: #86c89d;
    border: none;
    padding: 10px 25px;
}
input[type="file"] {
    background: transparent !important;
    color: #f9f0d3 !important;
    border: 2px solid #f9f0d3;
}

.inputfile + label {
    font-size: 1.25em;
    font-weight: 700;
    color: white;
    background-color: black;
    display: inline-block;
}

.inputfile:focus + label,
.inputfile + label:hover {
    background-color: red;
}

.form-style textarea, .form-style select { border: 2px solid #f9f0d3;}
.form-style label {text-align: right;}

img.img-te {    max-width: 200px;}
.btn-info-j {display:none;}






::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb {
  background: #f7eed1;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
::-webkit-scrollbar-thumb:active {
  background: #fff;
}
::-webkit-scrollbar-track {
  background: #444444;
  border: 0px none #ffffff;
  border-radius: 50px;
}
::-webkit-scrollbar-track:hover {
  background: #999;
}
::-webkit-scrollbar-track:active {
  background: #333333;
}
::-webkit-scrollbar-corner {
  background: transparent;
}








.col-scroll {overflow-y: scroll;
    height: 410px;
    vertical-align: top;}

.col-scroll::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.col-scroll::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}
.col-scroll::-webkit-scrollbar-thumb {
  background: #e1e1e1;
  border: 0px none #ffffff;
  border-radius: 50px;
}
.col-scroll::-webkit-scrollbar-thumb:hover {
  background: #ffffff;
}
.col-scroll::-webkit-scrollbar-thumb:active {
  background: #000000;
}
.col-scroll::-webkit-scrollbar-track {
  background: #666666;
  border: 0px none #ffffff;
  border-radius: 50px;
}
.col-scroll::-webkit-scrollbar-track:hover {
  background: #666666;
}
.col-scroll::-webkit-scrollbar-track:active {
  background: #333333;
}
.col-scroll::-webkit-scrollbar-corner {
  background: transparent;
}



@media (min-width: 1650px) {
div#d-ingredientes {
    background-size: contain;
}
} 

@media (max-width: 1350px) {  
.px-lg-6 {padding-right: 2rem !important;}
.px-lg-6 {padding-left: 2rem !important;}
.display-6 {font-size: 2.8rem;font-size:4vw; line-height: 1.1;} 
.display-5 {font-size: 2rem;font-size:3vw; line-height: 1.2;} 
.display-7 {font-size: 1.8rem;font-size:2.3vw; line-height: 1.2;} 
.pt-10, .py-10 {padding-top: 7rem;}
img.img-te {
    max-width: 150px;
}
}
@media (max-width: 1050px) {  
.bg-full.small-sm-c{
    height: 60vh;
}
}

@media (max-width: 768px) {
    .display-1 {font-size: 3.6rem;}
    .display-2 {font-size: 3.8rem;}   
    .display-2.multi {font-size:2.8rem;}   
    .display-6 {font-size: 2.8rem;line-height: 1.1;} 
    .display-5 {font-size: 1.8rem;line-height: 1.1;} 
    .display-7 {font-size: 1.6rem;line-height: 1.1;} 
    
    .pt-6, .py-6 {padding-top: 3rem !important;}
     .pt-9, .py-9 {padding-top: 3rem !important;}
    .pb-6, .py-6 {padding-bottom: 3rem !important;}
    .pt-md-6, .py-md-6 {padding-top: 1rem !important;}
    .pr-md-6, .px-md-6 {padding-right: 1rem !important;}
    .pb-md-6, .py-md-6 {padding-bottom: 1rem !important;}
    .pl-md-6, .px-md-6 {padding-left: 1rem !important;}
    .pt-10, .py-10 {padding-top:3rem !important}  
    .pt-11, .py-11 {padding-top: 5rem !important}
    .navbar-brand img {width: 145px; margin-bottom: -5px;}
    #ingredientes {width: 100%;}
	nav.navbar.navbar-expand-lg.navbar-static-top {position: relative !important;background: #38af5e !important;}
	.bg-full.jugos-f {min-height: 180px;height: 100%;}
	.bg-full.small-sm-c {height: 30vh !important;}
	.bg-full.full-tes {
    height: 60vh;
}
}

@media (max-width: 480px) {
div#d-ingredientes {
    min-height: 780px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
} 
div#flecha {display:none !important;} 
.display-7 {
    font-size: 1rem;
    line-height: 1.1;
}
.col-scroll {overflow-y: auto;
    height: 100%;
   }
}