@import url('https://fonts.googleapis.com/css?family=Paytone+One');
@import url('https://fonts.googleapis.com/css?family=Fjalla+One');
@import url('https://fonts.googleapis.com/css2?family=Lato,wght@0,400;0,700;0,900;1,700;1,900&display=swap');

.bkg-verde{ background-color:#404041;}
.bkg-naranja{ background-color:#404041;}
.bkg-fucsia{ background-color:#404041;}
.bkg-celeste{ background-color:#404041;}
.bkg-gris{ background-color:#404041;}
.bkg-violeta{ background-color:#404041;}
.bkg-negro{ background-color:#404041;}
.bkg-amarillo{ background-color:#404041;}

.look-btn {
    background-color: #404041 !important;
    color: #fff !important;
    padding: 5px;
    margin-left: 15px;
    font-size: 13px !important;
    font: menu;
    padding-bottom: 8px;
}

.productoscopete {
    width: 50%;
}


.whatsapptop {
  width: 25px;
    position: relative;
    top: -5px;
    left: 5px;
}

img.whatsappfooter {
    width: 25px;
    position: relative;
    top: -5px;
    left: 5px;
}


input, textarea {
    background: rgba(255, 255, 255, 0.7) !important;
    border-radius: 12px;
    -moz-border-radius: 12px;
    color: #333 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 5px;
    padding-left: 15px;
}

.formaenviocart {
    font-size: 13px;
    font-style: normal;
    font: menu;
}

select#forma_pago_id {
    background-color: #333;
    color: #fff;
    padding: 5px;
    font: caption;
}

input#enviardatos {
    color: #fff !important;
    font-size: 19px !important;
    margin-top: 50px;
    font-variant: none;
    font: small-caption;
    margin-left: 35%;
}

input.btn.btn-primary.btn-lg.pull-left {
    color: #fff !important;
}

input#confirmar {
    color: #fff !important;
}

.vital h2, .btn.vital{ background-color: #a1499c !important; color: #FFF !important;}
.fem h2, .btn.fem{ background-color: #ec008c !important; color: #FFF !important;}
.balance h2, .btn.balance{ background-color: #71bf44 !important; color: #FFF !important;}
.defense h2, .btn.defense{ background-color: #f7941e !important; color: #FFF !important;}
.flex h2, .btn.flex{ background-color: #00a1e4 !important; color: #FFF !important;}
.dim h2, .btn.dim{ background-color:#d7ba28 !important; color: #FFF !important;}

.btn.vital, .btn.fem, .btn.balance, .btn.defense, .btn.flex, .btn.dim{ width:95px !important; padding-top:15px !important;}

.btn:hover {background-color: #404041 !important; }

.txt-verde{ color:#404041 ;}
.txt-naranja{ color:#404041 ;}
.txt-fucsia{ color:#404041 ;}
.txt-celeste{ color:#404041 ;}
.txt-violeta{ color:#404041 ;}
.txt-gris{ color:#999999 ;}
.txt-negro{ color:#404041 ;}
.txt-amarillo{ color:#404041;}

.formulacion th {
    padding: 5px;
    margin: 1px;
}

div#botonera a:hover {
    color: #fff!important;}


.formulacion td {
    padding: 5px;
    margin: 1px;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #CCC;
}

.box.txt-blanco.redondeado.block-inline.componentes {
    padding: 20px;
    line-height: 30px;
    font-style: normal! important;
    margin-bottom: 50px;
    font-size: 21px;
}

.packagingflex img {
    width: 95%;
    top: 804px;
    position: relative;
    left: 544px;
}


.uppercase{ text-transform:uppercase}

.block{ display:block}

.block-inline{ display: inline-block}

.redondeado{border-radius: 12px;
-moz-border-radius: 12px;}

.fjalla{font-family: 'Fjalla One', sans-serif;}
.anton{font-family: 'Abril Fatface', cursive;}

.pay{font-family: 'Paytone One', sans-serif;}
.fjalla{font-family: 'Fjalla One', sans-serif!important;}
.lato{font-family: 'Lato', sans-serif;}

.balance,.defense,.fem,.flex,.vital,.dim{ background-repeat:no-repeat; height:674px; background-size:cover;}


.balance{ background-image:url(../images/bkg-balance.jpg);}
.defense{ background-image:url(../images/bkg-defense.jpg);}
.fem{ background-image:url(../images/bkg-fem.jpg);}
.flex{ background-image:url(../images/bkg-flex.jpg);}
.vital{ background-image:url(../images/bkg-vital.jpg);}
.dim{ background-image:url(../images/bkg-dim.jpg);}

.balance .packaging img {width: 88%;padding-left: 13%;padding-top: 8px;}
.defense .packaging img { width: 91%; padding-left: 9%; padding-top: 6px;}
.fem .packaging img {width: 91%; padding-left: 10%;}
.flex .packaging img {width: 92%; padding-left: 10%;}
.vital .packaging img {width: 98%; padding-left: 7%;}
.dim .packaging img {width: 92%; padding-left: 10%;}

.balance .logo img { width: 87%; padding-left: 14%; padding-top: 450px;}
.defense .logo img { width: 87%; padding-left: 14%; padding-top: 450px;}
.fem .logo img { width: 87%; padding-left: 14%; padding-top: 450px;}
.flex .logo img { width: 87%; padding-left: 14%; padding-top: 450px;}
.vital .logo img { width: 87%; padding-left: 14%; padding-top: 450px;}
.dim .logo img { width: 87%; padding-left: 14%; padding-top: 450px;}


div#divMensajeAgregado {
    height: 400px;
    padding-top: 178px;
    padding-left: 50px;
    padding-right: 50px;
}

tr.row_productos {
    border-bottom: 1px  dashed #777;
    /* padding-top: 5px; */
}

select#forma_pago_id {
    background-color: #333;
    color: #fff;
    padding: 5px;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #d4d4d4;
    border: 1px solid #ddd; font-size:16px;
}


.row_productos td{ padding:15px;}

.thumbnail {
    display: block;
    padding-left: 25px;
    margin-top: 30px;
    margin-bottom: 30px;
    line-height: 1.5;
    background-color: #fff;
    border: 2px solid #d4d4d4;
    border-radius: 4px;
    padding-right: 25px;
    height: 516px;
}

form#form1 {
    margin-top: 80px;
    margin-bottom: 50px;
}

td.row-ttl {
    background-color: #333;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 14px;
    font-style: normal;
    margin-bottom: 10px;
}

td.row-ttl {
    font-size: 19px;
    padding-top: 10px;
}

td.total_carrito {
    font-size: 21;
    padding-top: 10px;
    padding-bottom: 10px;
}

h6 {
    font: small-caption;
}

.imagenproductoscart {
    position: relative;
    top: -25px;
}

.contenido-notas p strong {
    font-family: 'Paytone One', sans-serif;
    font-size: 23px;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
    color: #333;
    background-color: #ebebeb;
    border: none !important;
}

.precio {
    font-family: 'Paytone One', sans-serif;
    font-size: 30px;
    position: relative;
    top: -74px;
    left: 89px;
}

div#botonera {
    position: relative;
    top: -55px;
}

i#bt-shop {
    font-size: 23px;
}

#productos .h4 {
    font-size: 16px !important;
}

.copete {
    font-style: normal !important;
    text-align: left;
    font-size: medium;
    height: 70px;
}

.thumbnail > img, .thumbnail a > img {
    display: block;
    max-width: 80%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
}


.contenido-notas h3.fjalla {
    font-size: 36px;
}

.contenido-notas li {
    padding-bottom: 16px !important;
}

.contenido-notas p {
    line-height: 1.50;
    padding-bottom: 14px;
    font-style: normal;
    font-size: 16px;
    font-weight: 400;
    font-style: normal !important; line-height:19px;
}

.formulacion th {
    padding: 8px !important;
    margin: 1px;
    padding-left: 20px !important;
    font: caption !important; margin-bottom:10px !important;
}

.col-md-12 h4.fjalla {padding-bottom: 30px;}
    
.box.txt-blanco.redondeado.block-inline.componentes {
    padding: 20px;
    line-height: 27px;
    font-style: normal! important;
}

input#enviardatos {
    color: #fff !important;
    font-size: 19px !important;
    margin-top: 50px;
    font-variant: unicase;
}

.tirapacks .cursor:hover, .tirapacks .cursor:active, .tirapacks .cursor:focus  { background-color:#FFF !important; padding-bottom: 0px;
    padding-top: 0px; color:#000;}
   
.info h4 {font-size: 1.0rem;}
    
body {padding-top: 0px !important;}

.bkg-large {
    background-image: url(../images/bkg-large.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    height: 6px !important;
    margin-bottom: 0px !important;
}

.truck {
    width: 12%;
    margin-left: 167px;
    padding-right: 35px;
    float: left;
}

.tirapacks h6 {
    font: caption;
    font-weight: inherit;
}


.contenido-notas p {
    line-height: 1.50;
    padding-bottom: 14px;
    font-style: normal;
    font-size: 18px;
}

.bkg-negro.consigo {padding-bottom: 50px;}
    
.queson{
    padding-top: 50px;
    padding-bottom: 50px;}

	
a:hover, a:focus {
    color: #999 !important;
    text-decoration: none !important;
}	

.rightnavbar input, .rightnavbar textarea {
    border-color: #333 !important;
    background-color: #d4d4d4 !important;
}
	
	
.headerlandings.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
   }	
	
	
.telefono {
    font-size: 25px;
    padding-left: 10px;
    font-weight: 600;}


.compralo i { font-size: 25px;}
   
.compralo {
    padding-left: 25px;
    padding-right: 25px;
}

form#contact input, form#contact textarea {
    margin-top: 10px;
    margin-bottom: 10px;
}


.icotelefono{    font-size: 23px;}

.navbar-nav > li > a {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

a.dropdown-toggle {
    font: caption;
    font-size: 15px;
    color: #fff;
}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
    color: #fff;
    background-color: transparent;
}

.navbar-inverse .navbar-nav > li > a {
    color: #fff !important;
}

.glyphicon-envelope, .glyphicon-shopping-cart {font-size: 16px;}
    


.navbar {
    position: relative;
     min-height: 0px !important; 
    /* margin-bottom: 20px; */
    /* border: 1px solid transparent; */
}

.linefooter {
    font: caption;
    padding-bottom: 0px;
}
   
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus {
    z-index: 2;
    color: #333;
     background-color: transparent !important; 
     border-color: transparent !important; 
    height: 48px;
    font: caption;
    padding-top: 10px;
    padding-bottom: 15px;
}




.logo { padding-top: 8px;}
   
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #404041 !important;}

.dropdown-menu { top: 45px !important;}

.lineone, .linetwo {
    padding-top: 8px;
    padding-bottom: 5px;
}

.bkg-blanco.redondeado.box-whastapp.cursor:hover {
    background-color: #333;
    color: #fff;
}


/*.dropdown-menu > li > a {
    display: block !important;
    padding: 3px 20px !important;
    clear: both !important;
    font-weight: normal !important;
    line-height: 1.428571429 !important;
    color: #333 !important;
    white-space: nowrap !important;
    text-align: left !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    font: inherit !important;
}*/

img.img-responsive.logofooter {
    width: 40%;
}

.dropdown-menu > li > a:hover {
    background-color: #d4d4d4;
    color: #000 !important;
}

.container-fluid.consigo {
    padding-right: 0px;
    padding-left: 0px;
}

h3.box.redondeado.bkg-negro.txt-blanco {
    margin-bottom: 200px;
    margin-top: 200px;
}

.lineone { padding-left: 22%;}

.col-md-7.info {
    padding-top: 7px;
}

.topbarheader{ height:103px;}


.cursor:hover .ico-whastapp {
    -webkit-filter: invert(0%);
    filter: invert(0%);
}

.box-whastapp:hover h1, .box-whastapp:hover h6 { color:white !important;} 


.delivery {
    font-family: 'Fjalla One', sans-serif!important;
    color: #000;
    font-size: 40px;
}

.balance .masinfo, .defense .masinfo, .fem .masinfo, .flex .masinfo, .vital .masinfo, .dim .masinfo {
     border-radius: 12px; 
    -moz-border-radius: 12px;
    font-size: 11px;
    color: #fff;
    cursor: pointer;
    /* display: unset; */
    padding: 3px;
    padding-left: 20px;
    padding-right: 20px;
    /* position: absolute; */
    /* top: 583px; */
    /* left: 92px; */
    width: 48%;
    /* display: inline; */
    /* left: auto; */
    /* right: auto; */
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
}
.balance .masinfo {background-color: #71bf44; font: small-caption;}
.defense .masinfo {background-color: #f7941e; font: small-caption;}
.fem .masinfo {background-color: #ec008c; font: small-caption;}
.flex .masinfo {background-color: #00a1e4; font: small-caption;}
.vital .masinfo {background-color: #a1499c; font: small-caption;}
.dim .masinfo {background-color: #d7ba28; font: small-caption;}

.envio {
    background-color: #FFF;
    border-radius: 12px;
    -moz-border-radius: 12px;
    color: #404041;
    padding: 15px;}

h5.txt-negro {
    line-height: 27px;
    font-size: 17px;
    font-style: normal !important;
}

h4.lato.destacado {
    font-size: 25px;
    line-height: 31px;
    font-weight: 600;
}

.contenidonotas {
    position: relative;
    top: -176px;
    width: 81%;
    margin-left: 9.5%;
    background: rgba(0, 0, 0, 0.7);
    padding: 20px;
    color: #FFF;
}


.contenido-notas  h4.fjalla {
    line-height: 38px;
    font-family: 'Lato', sans-serif !important;
    font-size: 25px;
    font-weight: 500;
}


.notascientificas{margin-bottom: 60px;}

.portfolio-item {
    margin-top: 20px !important;
    margin-bottom: 30px !important;
    width: 47%;
    margin-left: 40px;
    height: 420px;
}

.copy {
    font-family: 'Fjalla One', sans-serif!important;
    font-size: 20px;
    text-align: center;
    color: white;
    padding-top: 5px; text-transform:uppercase;}



.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ico-whastapp{-webkit-filter: invert(100%);
    filter: invert(100%);}

img.img-responsive.logotop {
    height: 88px;
    padding-top: 5px; padding-bottom: 10px; padding-left: 25px;
}

img.banderinesheader {
    height: 120px;
    padding-top: 3px;
    position: absolute;
    z-index: 1;
}

.banderines {
    position: absolute;
    right: 181px;
}

.masthead{ margin-bottom:80px;}


.masthead .col-md-2{
padding-right: 0px;
    padding-left: 5px;}


.videos{ width:560px; height:315px;}

.txt-blanco{ color:#FFFFFF;}
.txt-negro{ color:#404041;}
.txt-amarillo{color: #404041;}

.bkg-amarillo {background-color: #404041;}
.bkg-gris {background-color: #d4d4d4;}
.bkg-negro {background-color: #404041;}



.redondeado{border-radius: 12px;}

.uppercase{ text-transform:uppercase}

.equilibrio {
    margin-top: .5rem;
    margin-left: 155px;
}

.lineatop{ background-image:url(../images/bkg-large.jpg); background-size:cover; height:10px;}



.box-whastapp{
	min-height:250px;
	background: rgba(255, 255, 255, 0.7);
	border: 1px solid #777;
}

.cursor{ cursor:pointer;}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.smallfont{ font-size:11px;
}

.borde-txt{
	padding:25px;
	margin:10px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	border: 1px solid #FFF;
}

.borde-txt2{
	padding:15px;
	margin:10px;
	border-radius: 12px;
	-moz-border-radius: 12px;
	border: 1px solid #FFF;
}

.borde-txt3 {
    padding: 8px;
    margin: 3px;
    border-radius: 12px;
    -moz-border-radius: 12px;
    border: 1px solid #FFF;
	height: 70px;
}

.container#footer { padding-top:50px; padding-bottom:50px; }

.dieta-descrip{ line-height:22px; padding-left:15px;}

.ttl-beneficios{ padding-top:55px;}

.beneficios hr {border-top-width: 1px;
    border-top-style: dashed;
    border-top-color: #FFFFFF;}



.transp{opacity: 0.85;
-moz-opacity: 0.85;}


.transp h1, .transp .h1 {
    font-size: 39px !important;
}

input, textarea {
    background: rgba(255, 255, 255, 0.7) !important;
    border-radius: 4px;
    -moz-border-radius: 12px;
    font-size: 15px;
    padding: 5px;
    margin: 5px;
}

h4.box.bkg-negro.txt-blanco.redondeado.text-center.fjalla {
    font-family: inherit !important; line-height:27px !important;
}

.whastapp{ background-color:#208ac7!important; text-decoration:none; color:#FFF !important; border-radius: 12px;
-moz-border-radius: 12px; padding-left:10px; padding-right:10px; padding:5px; padding-bottom:5px;}

.whastapp img {  -webkit-filter: invert(0%); filter: invert(0%); width:25px; height:auto; padding-bottom:5px;}


.whastapp:hover{ background-color:#000!important; text-decoration:none; color:#FFF !important; border-radius: 12px;
-moz-border-radius: 12px; padding-left:10px; padding-right:10px; padding:5px; padding-bottom:5px;}

.whastapp:hover img, .whastapp:hover img:hover{ -webkit-filter: invert(0%)!important; filter: invert(0%)!important;}


.box {
    margin: 10px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
display: inline-block !important;
}

.box2 {
    margin: 10px;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
	display: inline-block;
}

.box3 {
    margin: 20px;
    padding: 20px;
	display: inline-block;
}

.pack{    position: relative;
    margin-top: -208px;}
	
.intro-text{ position: relative;
    margin-top: -184px;}	
	
.intro-text h5{    line-height: 28px;}	

.columna{  text-align: left;
    padding-left: 30px;
    padding-right: 40px;}

.portfolio-caption h4{ font-weight:600; color:#208ac7;}

section#contact .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-color: #999;
    border-right-color: #999;
    border-bottom-color: #999;
    border-left-color: #999;
    padding: 5px;
    margin: 3px;
    padding-left: 13px;
    margin-bottom: 20px;
    width: 90%;
}
hr {
    border-top-width: 2px;
    border-top-style: dashed;
    border-top-color: #ccc;
}

.minipack{
    width: 50%;
}

.tirapacks .img-responsive {
    width: 70%;
    display: inline-block !important;position: relative;
    top: -26px;
}


.tirapacks button.btn.btn-default.txt-blanco {
    position: relative;
    top: -50px;
}

section#contact .form-group input.form-control {
    height: auto;
}
section#contact .form-group input, section#contact .form-group textarea {
    padding: 20px;         color: #333 !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

::placeholder, textarea ::placeholder{color: #333 !important;
    font-size: 16px !important;
    font-weight: 500 !important; font-stretch:normal;}
	
	
	form.form-horizontal {
    margin-left: 15px;
}



input {
    -webkit-writing-mode: horizontal-tb !important;
    text-rendering: auto;
    color: -internal-light-dark-color(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    -webkit-appearance: textfield;
    background-color: -internal-light-dark-color(rgb(255, 255, 255), rgb(59, 59, 59));
    -webkit-rtl-ordering: logical;
    cursor: text;
    margin: 0em;
    font: 400 13.3333px Arial;
    padding: 1px 2px;
    border-width: 2px;
    border-style: inset;
    border-color: -internal-light-dark-color(rgb(118, 118, 118), rgb(195, 195, 195));
    border-image: initial;
}


section#contact .form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-top-color: #333;
    border-right-color: #333;
    border-bottom-color: #333;
    border-left-color: #333;
    padding: 3px;
    margin: 3px;
    color: #333;
    font-size: 16px;
    font-weight: 500;
}

input, textarea {
    background: rgba(255, 255, 255, 0.7) !important;
    border-radius: 12px;
    -moz-border-radius: 12px;
        color: #333 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}


section#contact {
    background-color: #212529;
    background-image: url(../images/map-image.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


.btn-default {
    background-color: #333 !important;
    color: #FFF !important;
    font-family: 'Montserrat',arial ; 
    font-weight: 100;
    font-size: 11px !important;
    padding: 5px;
    margin: 0px;
    border-radius: 12px;
    -moz-border-radius: 12px;
    padding-left: 10px;
    padding-right: 10px;
    border: black;
    font: -webkit-control;
}

.btn-default:hover {
    background-color: #000 !important;}


.tirapacks{ margin-left:35px; margin-right:35px;}

.bkg-cataratas {
	background-size: cover;
	min-height: 600px;
	color: #fff;
	padding-top: 80px !important;
	padding-bottom: 40px !important;
	border: none;
	background-attachment: fixed;
	background-color: #FFF;
	background-image: url(../images/bkg-componentes.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.versiones h2{ margin-top:20px; margin-bottom:10px;} 
.versiones h4{ margin-top:10px; margin-bottom:20px;} 



body {
  overflow-x: hidden;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'
}

p {
  line-height: 1.75;
}

a {
  color: #333;
}

a:hover {
  color: #d4d4d4; text-decoration:none;
  
}

.text-primary {
  color: #208ac7 !important;
}

/*h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}*/

section {
  padding: 100px 0;
}

section h2.section-heading {
  font-size: 40px;
  margin-top: 0;
  margin-bottom: 15px;
}

section h3.section-subheading {
  font-size: 16px;
  font-weight: 400;
  font-style: italic;
  margin-bottom: 75px;
  text-transform: none;
  font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}


  section {
    padding: 60px 0;
  }


.btn {
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-weight: 700;
}

.btn-xl {
  font-size: 18px;
  padding: 20px 40px;
}

.btn-primary{
    background-color: #404041 !important;
    border-color: #404041 !important;
    color: white;
    padding: 6px;
    border-radius: 12px;
    padding-left: 12px;
    padding-right: 12px;
}


.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    background-color: #333 !important;
    border-color: #333 !important;
    color: white;
    padding: 6px;
    border-radius: 12px;
    padding-left: 12px;
    padding-right: 12px; cursor:pointer;
}

.separador{
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #d4d4d4;
}

.btn-primary:active, .btn-primary:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(254, 209, 55, 0.5) !important;
  box-shadow: 0 0 0 0.2rem rgba(254, 209, 55, 0.5) !important;
}

::-moz-selection {
  background: #208ac7;
  text-shadow: none;
}

::selection {
  background: #16b792;
  text-shadow: none;
}

img::-moz-selection {
  background: transparent;
}

img::selection {
  background: transparent;
}

img::-moz-selection {
  background: transparent;
}

#mainNav {
  background-color: #212529;
}

#mainNav .navbar-toggler {
  font-size: 12px;
  right: 0;
  padding: 13px;
  text-transform: uppercase;
  color: white;
  border: 0;
  background-color: #208ac7;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

#mainNav .navbar-brand {
  color: #208ac7;
  font-family: 'Kaushan Script', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

#mainNav .navbar-brand.active, #mainNav .navbar-brand:active, #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
  color: #fec503;
}

#mainNav .navbar-nav .nav-item .nav-link {
  font-size: 90%;
  font-weight: 400;
  padding: 0.75em 0;
  letter-spacing: 1px;
  color: white;
  font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
  color: #208ac7;}



  #mainNav {
    padding-top: 25px;
    padding-bottom: 25px;
    -webkit-transition: padding-top 0.3s, padding-bottom 0.3s;
    transition: padding-top 0.3s, padding-bottom 0.3s;
    border: none;
    background-color: transparent;
  }
  #mainNav .navbar-brand {
    font-size: 1.75em;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  #mainNav .navbar-nav .nav-item .nav-link {
    padding: 1.1em 1em !important;
  }
  #mainNav.navbar-shrink {
    padding-top: 0;
    padding-bottom: 0;
    background-color: #212529;
  }
  #mainNav.navbar-shrink .navbar-brand {
    font-size: 1.25em;
    padding: 12px 0;
  }






/*header.masthead {
	color: white;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top center;
	background-size: cover;
	min-height: -webkit-fill-available;
	border-bottom-width: 20px;
	border-bottom-style: solid;
	border-bottom-color: #f7941e;
	min-height: 1050px;
}*/

header.masthead .intro-text {
  padding-top: 150px;
  padding-bottom: 100px;
}

header.masthead .intro-text .intro-lead-in {
  font-size: 22px;
  font-style: italic;
  line-height: 22px;
  margin-bottom: 25px;
  font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}



header.masthead .intro-text .intro-heading {
    font-size: 50px;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 25px;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  /*  display: inline-block;
    background: rgba(32, 138, 199, 0.85);
    padding: 25px;
    margin: 25px;
    border-radius: 12px;
    -moz-border-radius: 12px;*/
}


  header.masthead .intro-text {
padding-top: 30%;
    /* padding-bottom: 200px; */
  }
  header.masthead .intro-text .intro-lead-in {
    font-size: 32px;
    font-style: italic;
    line-height: 32px;
    margin-bottom: 25px;
    font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  }
  header.masthead .intro-text .intro-heading {
    font-size: 75px;
    font-weight: 700;
    line-height: 75px;
    margin-bottom: 50px;
    font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  }


.service-heading {
  margin: 15px 0;
  text-transform: none;
}

#portfolio .portfolio-item {
  right: 0;
  margin: 0 0 15px;
}

#portfolio .portfolio-item .portfolio-link {
  position: relative;
  display: block;
  max-width: 400px;
  margin: 0 auto;
  cursor: pointer;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  opacity: 0;
  background: rgba(32, 138, 199, 0.9);
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
  opacity: 1;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
  font-size: 20px;
  position: absolute;
  top: 50%;
  width: 100%;
  height: 20px;
  margin-top: -12px;
  text-align: center;
  color: white;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
  margin-top: -12px;
}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
  margin: 0;
}

#portfolio .portfolio-item .portfolio-caption {
  max-width: 400px;
  margin: 0 auto;
  padding: 25px;
  text-align: center;
  background-color: #fff;
}

#portfolio .portfolio-item .portfolio-caption h4 {
  margin: 0;
  text-transform: none;
}

#portfolio .portfolio-item .portfolio-caption p {
  font-size: 16px;
  font-style: italic;
  margin: 0;
  font-family: 'Droid Serif', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
}

#portfolio * {
  z-index: 2;
}

section#contact {
    background-color: #212529;
    background-image: url(../images/map-image.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.box4 {
     margin-top: 0px; 
	
    padding: 20px;
    display: inline-block;
}

#enviar{ margin-bottom:25px;}

/****************** lecco balance ***********************/
.balancemain {
	/* background-color: #71bf44; */
    background-image: url(../images/balancemain.jpg);
	height: 1068px;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #404042;
}


.defensemain {
	/* background-color: #71bf44; */
    background-image: url(../images/defensemain.jpg);
	height: 1068px;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #404042;
}

.flexmain {
    background-color: #fff;
    background-image: url(../images/flexmain.jpg);
    height: 1068px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-position-x: -420px;
}

.vitalmain {
	/* background-color: #71bf44; */
    background-image: url(../images/vitalmain.jpg);
	height: 1068px;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #404042;
}

.dimmain {
	/* background-color: #71bf44; */
    background-image: url(../images/dimmain.jpg);
	height: 1068px;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #404042;
}

.femmain {
	/* background-color: #71bf44; */
    background-image: url(../images/femmain.jpg);
	height: 1068px;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #404042;
}

.balancemain .container{ padding-top:15%;}
.defensemain .container{ padding-top:15%;}
.flexmain .container{ padding-top:7%;}
.vitalmain .container{ padding-top:15%;}
.dimmain .container{ padding-top:15%;}
.femmain .container{ padding-top:15%;}

.packagingbalance img {
    width: 75%;
    position: relative;
    top: 586px;
	left: 532px;
}


.packagingdefense img {
    width: 75%;
    position: relative;
    top: 586px;
	left: 532px;
}

.packagingfem img {
    width: 75%;
    position: relative;
    top: 586px;
	left: 532px;
}

.packagingflex img {
    width: 75%;
    position: relative;
    top: 746px;
    left: 593px;
}

.packagingvital img {
    width: 75%;
    position: relative;
     top: 586px;
	left: 532px;
}

.packagingdim img {
    width: 75%;
    position: relative;
    top: 586px;
	left: 579px;
}

/*.packagingbalance img{ position: relative; top: 641px; left: 595px;}*/
/*.packagingdefense img{ position: relative; top: 641px; left: 540px;}*/

/*.packagingdim  img{ position: relative; top: 641px; left: 595px;}*/
/*.packagingvital  img{ position: relative; top: 641px; left: 485px;}*/
/*.packagingfem  img{ position: relative; top: 641px; left: 595px;}*/


.contenidonotas .fjalla {  color: #fff;}

.icono-delete {
    cursor: pointer;
}

form#formEnviarCarrito input {
    margin-bottom: 20px;
    margin-left: 20px;
}

.minitxt.gris01 {
    white-space: nowrap;
    margin-bottom: 20px;
    margin-left: 15px;
}

textarea#comentarios {
    width: 76%;
    margin-bottom: 25px;
}

input#btnenviar {
    color: #fff !important;
    margin-right: 81px;
    margin-top: 10px;
}


/************************************* media queries ***********************************************/


@media (min-width:300px) and (max-width:500px) and (orientation: portrait){
	
	.lineone {
    padding-left: 38%;
    position: relative;
    top: -44px;
}


img.img-responsive.logotop {
    height: 81px;
    padding-top: 16px;
    padding-bottom: 10px;
    padding-left: 3px;
}
	
	
.telefono {
    font-size: 20px;
    padding-left: 10px;
    font-weight: 600;
}	
	
.navbar-inverse .navbar-toggle {
    border-color: #333;
    position: relative;
    top: -133px;
}

.banderines {
    position: absolute;
    right: 181px;
    display: none;
}

.navbar-collapse {
    max-height: 340px;
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    background-color: #;
    z-index: 1!important;
    position: absolute;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    background: rgba(0, 0, 0, 0.8);
    width: 111%;
    position: absolute;
    top: 15px;
    left: -16px;
    padding-top: -3px;
    padding-bottom: 25px;
    min-height: 392px;
}

.navbar-collapse.in {
    overflow-y: unset;
}

.navbar-inverse .navbar-nav > li > a {
    color: #FFF !important;
    text-align: left;
    padding-left: 30px;
    margin-top: 15px;
}

.dropdown-menu > li > a {
    display: block !important;
    padding: 3px 20px !important;
    clear: both !important;
    font-weight: normal !important;
    line-height: 1.428571429 !important;
    color: #fff !important;
    white-space: nowrap !important;
    text-align: left !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    font: -webkit-control !important;
    margin-left: 19px;
    margin-top: 5px;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff!important;
    background-color: #000;
}

.glyphicon-envelope, .glyphicon-shopping-cart {
    font-size: 23px;
    padding-left: 73px;
    float: left;
    padding-top: 25px;
}


.balance, .defense, .fem, .flex, .vital, .dim {
    background-repeat: no-repeat;
    height: 674px;
    background-size: cover;
    margin-top: 4px;
    margin-bottom: 0px;
    position: relative;
    top: -87px;
}

.navbar-nav {
    margin: 7.5px -5px;
    padding-top: 14px;
    width: 96%;
}
   
/*.balance .masinfo, .defense .masinfo, .fem .masinfo, .flex .masinfo, .vital .masinfo, .dim .masinfo {
    border-radius: 12px;
    -moz-border-radius: 12px;
    font-size: 11px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 3px;
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    top: 583px;
    left: 107px;
}*/	

.balance .masinfo, .defense .masinfo, .fem .masinfo, .flex .masinfo, .vital .masinfo, .dim .masinfo {
     border-radius: 12px; 
    -moz-border-radius: 12px;
    font-size: 11px;
    color: #fff;
    cursor: pointer;
    /* display: unset; */
    padding: 3px;
    padding-left: 20px;
    padding-right: 20px;
    /* position: absolute; */
    /* top: 583px; */
    /* left: 92px; */
    width: 48%;
    /* display: inline; */
    /* left: auto; */
    /* right: auto; */
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
}


.contenidonotas {
    position: relative;
    top: 3px;
    width: 215%;
    margin-left: 2px;
    background: rgba(0, 0, 0, 0.7);
    padding: 20px;
    color: #FFF;
}

.portfolio-item {
    margin-top: 20px !important;
    margin-bottom: 30px !important;
    width: 56%;
    margin-left: -17px;
    /* height: 420px; */
}

.imgnotas {width: 216%;}
    
section#contact {
    /* background-color: #212529; */
    background-image: url(../images/map-image.jpg);
    background-repeat: no-repeat;
    background-position: -878px;
    background-size: cover;
    padding-left: 25px;
}

.box-whastapp {
    min-height: 250px;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid #777;
    margin-left: -25px;
}

.logofooter {
    width: 39%;
    padding-bottom: 35px;
}


.balancemain {
    /* background-color: #71bf44; */
    background-image: url(../images/balancemain.jpg);
    height: 186px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;
}


.defensemain {
    /* background-color: #71bf44; */
    background-image: url(../images/defensemain.jpg);
    height: 185px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;
}

.col-md-6 h1.fjalla.fa-4x { margin-top: 141px;}

.fa-4x { font-size: 2.5em;}


.balancemain h3 {font-size: 19px;}

.defensemain h3 {font-size: 19px;}

.packagingbalance img {
    width: 48%;
    top: 39px;
    position: relative;
    left: 5px;
}

.glyphicon-envelope, .glyphicon-shopping-cart {
    font-size: 23px;
    padding-left: 5px;
    float: left;
    padding-top: 0px;
    padding-right: 8px;
}

.compralo h3 {font-size: 22px !important;}


.logofooter {
    width: 44%;
    padding-bottom: 25px;
}

.truck {
    width: 60%;
    margin-left: 47px;
    /* padding-right: 35px; */
    /* float: left; */
}

.delivery {
    font-family: 'Fjalla One', sans-serif!important;
    color: #000;
    font-size: 34px;
    text-align: center;
}

.femmain {
    /* background-color: #71bf44; */
    background-image: url(../images/femmain.jpg);
    height: 185px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
}

.flexmain {
    background-color: #fff;
    background-image: url(../images/flexmain.jpg);
    height: 256px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-position-x: -135px;
    background-size: cover;
    background-position-y: -28px;
    background-repeat: no-repeat;
}
	
.vitalmain {
    /* background-color: #71bf44; */
    background-image: url(../images/vitalmain.jpg);
    height: 183px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;
}	
	
	
.dimmain {
    /* background-color: #71bf44; */
    background-image: url(../images/dimmain.jpg);
    height: 184px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;
}	
.adquiriendo { width: 46%;}	

form#formEnviarCarrito td div.minitxt {
    display: block;
    width: 80%;
    font-size: 11px;
    padding-top: 10px;
    padding-bottom: 10px;
}

input, textarea {
    background: rgba(255, 255, 255, 0.7) !important;
    border-radius: 12px;
    -moz-border-radius: 12px;
    color: #333 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    width: 94%;
    height: 34px;
    margin-bottom: 15px;
}


textarea{ height:80px !important;}

h4.box.bkg-negro.txt-blanco.redondeado.text-center.fjalla {
    font-family: inherit !important;
    line-height: 21px !important;
    font-size: 17px;
}
	
h4.box.bkg-negro.txt-blanco.redondeado.text-left {
    font-size: 16px;
    line-height: 24px;
}

input#btnenviar {
    color: #fff!important;
}	

input#enviardatos {
    width: 47%;
}

.componentes {
    padding: 20px;
    line-height: 22px;
    font-style: normal! important;
    font-size: 15px !important;
	padding: 20px;
	margin-bottom: 50px;
   
}



.packagingbalance img {
    width: 48%;
    top: 10px;
    position: relative;
    left: -4px;
}

	
	.packagingdefense img {
    width: 48%;
    top: 13px;
    position: relative;
    left: -9px;
}
	
.packagingfem img {
    width: 48%;
    top: 10px;
    position: relative;
    left: -4px;
}

.packagingflex img {
    width: 48%;
    top: 106px;
    position: relative;
    left: -22px;
}
	
.packagingvital img {
    width: 48%;
    top: 10px;
    position: relative;
    left: -12px;
}	
	
.packagingdim img {
   width: 48%;
    top: 10px;
    position: relative;
    left: -4px;
}

	
	
h4.productoscopete {
    font-size: 20px;
    line-height: 23px;
    width: fit-content;
}

	
	.box-whastapp {
    min-height: 250px;    background: rgba(255, 255, 255, 0.7);
    border: 1px solid #777;
    margin-left: 19px;
    margin-bottom: 25px;
}
	
.copete {
    font-style: normal !important;
    text-align: left;
    font-size: medium;
    height: 70px;
    font-size: 12px;
    line-height: 16px;
}

.box {
    margin: 10px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    display: inline-block !important;
    left: 57px;
}

div#precio {
    margin-top: 30px;
}

.col-md-12.box.bkg-negro.redondeado {
    left: 13px;
    width: 85%;
}


	
	
}	 
	

@media (min-width:300px) and (max-width:500px) and (orientation: landscape){
	
	.lineone { padding-left: 41%; position: relative; top: -49px;}
	
	
	.balance .logo img,
	.defense .logo img,
	.fem .logo img,
	.flex .logo img,
	.vital .logo img,
	.dim .logo img {
    width: 393px;
    padding-left: 129px;
    padding-top: 450px;
    padding-bottom: 5px;
}
	
	
	
	.packagingfem img {
    width: 43%;
    position: relative;
    top: 16px;
    left: 2px;
}
	
	
img.img-responsive.logotop {
    height: 81px;
    padding-top: 16px;
    padding-bottom: 10px;
    padding-left: 3px;
}
	
	
.telefono {
    font-size: 20px;
    padding-left: 10px;
    font-weight: 600;
}	
	
.navbar-inverse .navbar-toggle {
    border-color: #333;
    position: relative;
    top: -133px;
}

.banderines {
    position: absolute;
    right: 181px;
    display: none;
}

.navbar-collapse {
    max-height: 340px;
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    /*background-color: #;*/
    z-index: 1!important;
    position: absolute;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    background: rgba(0, 0, 0, 0.8);
    width: 129%;
    position: relative;
    top: -33px;
    left: -15px;
    padding-top: -3px;
    padding-bottom: 25px;
    min-height: 392px;
    padding-left: 28px;
}

.navbar-collapse.in {
    overflow-y: unset;
}

.navbar-inverse .navbar-nav > li > a {
    color: #FFF !important;
    text-align: left;
    padding-left: 30px;
    margin-top: 15px;
}

.dropdown-menu > li > a {
    display: block !important;
    padding: 3px 20px !important;
    clear: both !important;
    font-weight: normal !important;
    line-height: 1.428571429 !important;
    color: #fff !important;
    white-space: nowrap !important;
    text-align: left !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    font: -webkit-control !important;
    margin-left: 19px;
    margin-top: 5px;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff!important;
    background-color: #000;
}

.glyphicon-envelope, .glyphicon-shopping-cart {
    font-size: 23px;
    padding-left: 73px;
    float: left;
    padding-top: 25px;
}


.balance, .defense, .fem, .flex, .vital, .dim {
    background-repeat: no-repeat;
    height: 674px;
    background-size: cover;
    margin-top: 4px;
    margin-bottom: 0px;
    position: relative;
    top: -87px;
}

.navbar-nav { margin: 7.5px -19px;}
   
.balance .masinfo, .defense .masinfo, .fem .masinfo, .flex .masinfo, .vital .masinfo, .dim .masinfo {
     border-radius: 12px; 
    -moz-border-radius: 12px;
    font-size: 11px;
    color: #fff;
    cursor: pointer;
    /* display: unset; */
    padding: 3px;
    padding-left: 20px;
    padding-right: 20px;
    /* position: absolute; */
    /* top: 583px; */
    /* left: 92px; */
    width: 48%;
    /* display: inline; */
    /* left: auto; */
    /* right: auto; */
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
}


.contenidonotas {
    position: relative;
    top: 3px;
    width: 215%;
    margin-left: 2px;
    background: rgba(0, 0, 0, 0.7);
    padding: 20px;
    color: #FFF;
}

.portfolio-item {
    margin-top: 35px !important;
    margin-bottom: 60px !important;
    width: 56%;
    margin-left: -17px;
    /* height: 420px; */
}
.imgnotas {width: 216%;}
    
section#contact {
    /* background-color: #212529; */
    background-image: url(../images/map-image.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-left: 25px;
    background-position-x: -646px;
}

.box-whastapp {
    min-height: 250px;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid #777;
    margin-left: 55px;
    margin-bottom: 35px;
    width: initial;
    margin-right: 35px;
}

.logofooter {
    width: 39%;
    padding-bottom: 35px;
}


.balancemain {
    /* background-color: #71bf44; */
    background-image: url(../images/balancemain.jpg);
    height: 267px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;
}


.defensemain {
    /* background-color: #71bf44; */
    background-image: url(../images/defensemain.jpg);
    height: 267px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;
}

.col-md-6 h1.fjalla.fa-4x { margin-top: 141px;}

.fa-4x { font-size: 2.5em;}


.balancemain h3 {font-size: 19px;}

.defensemain h3 {font-size: 19px;}

.packagingbalance img {
    width: 43%;
    top: 10px;
    position: relative;
    left: -4px;
}

.glyphicon-envelope, .glyphicon-shopping-cart {
    font-size: 23px;
    padding-left: 24px;
    float: left;
    padding-top: 0px;
    padding-right: 8px;
}

	.contenido-notas h4.fjalla {
    line-height: 32px;
    font-family: 'Lato', sans-serif !important;
    font-size: 25px;
    font-weight: 600;
    display: table-cell;
    padding-bottom: 30px;
}
	
.compralo h3 {font-size: 22px !important;}
	
	.box {
    margin: 10px;
    padding-top: 5px;
    padding-right: 24px;
    padding-bottom: 5px;
    padding-left: 10px;
    display: inline-block !important;
    margin-left: 70px;
}


.logofooter {
    width: 29%;
    padding-bottom: 25px;
}

.truck {
    width: 60%;
    margin-left: 47px;
    /* padding-right: 35px; */
    /* float: left; */
}

.delivery {
    font-family: 'Fjalla One', sans-serif!important;
    color: #000;
    font-size: 34px;
    text-align: center;
}

.contenidonotas p {
    width: 94%;
}

.truck {
    width: 30%;
}

.femmain {
    /* background-color: #71bf44; */
    background-image: url(../images/femmain.jpg);
    height: 267px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-position-x: 0px;
    background-size: cover;
    background-repeat: no-repeat;
}

.packagingflex img {
    width: 50%;
    top: 100px;
    position: relative;
    left: -6px;
}

.flexmain {
    background-color: #fff;
    background-image: url(../images/flexmain.jpg);
    height: 340px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-position-x: 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: -146px;
    background-position-y: -57px;
}

.packagingdefense img {
    width: 45%;
    top: 13px;
    position: relative;
    left: -4px;
}

.vitalmain {
    background-image: url(../images/vitalmain.jpg);
    height: 270px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;
}
.packagingvital img {
    width: 40%;
    position: relative;
    top: 29px;
    left: 0px;
}

.dimmain {
    /* background-color: #71bf44; */
    background-image: url(../images/dimmain.jpg);
    height: 269px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;
}

.packagingdim img {
    width: 48%;
    top: -8px;
    position: relative;
    left: -4px;
}

.thumbnail > img, .thumbnail a > img {
    display: block;
    max-width: 63%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
}

div#precio { left: 131px;}

.copete {
    font-style: normal !important;
    text-align: left;
    font-size: medium;
    height: 70px;
    padding-left: 15px;
}

.minitxt.gris01 {
    font-size: 11px;
    margin-right: 20px;
    margin-bottom: 15px;
}

h4.box.bkg-negro.txt-blanco.redondeado.text-center.fjalla {
    font-family: inherit !important;
    line-height: 27px !important;
    width: 85%;
}
	
h4.box.bkg-negro.txt-blanco.redondeado.text-left {
    width: 85%;
    padding: 15px;
    font-size: 16px;
    line-height: 22px;
}	
	
	#comentarios { width: 73% !important;}
	
	
	input#btnenviar {
    color: #fff!important;
    margin-right: 160px;
    margin-top: 35px;
}
	
	 }



@media (min-width:600px) and (max-width:780px) and (orientation: portrait) {
	
	
	
	.masthead .col-md-2 {
    padding-right: 0px;
    padding-left: 5px;
    width: 309px;}

	.balance.cursor {
    margin-top: 54px;}

	.masthead .col-md-2 {
    padding-right: 0px;
    padding-left: 3px;
    width: 309px;
}
	
	
	.lineone { padding-left: 41%; position: relative; top: -49px;}
	
	
	.balance .logo img, .defense .logo img, .fem .logo img, .flex .logo img, .vital .logo img, .dim .logo img {
    width: 88%;
    padding-left: 34px;
    padding-top: 450px;
    padding-bottom: 5px;
}
	
	

	
	
	
img.img-responsive.logotop {
    height: 81px;
    padding-top: 16px;
    padding-bottom: 10px;
    padding-left: 3px;
}
	
	
.telefono {
    font-size: 20px;
    padding-left: 10px;
    font-weight: 600;
}	
	
.navbar-inverse .navbar-toggle {
    border-color: #333;
    position: relative;
    top: -133px;
}

.banderines {
    position: absolute;
    right: 181px;
    display: none;
}

.navbar-collapse {
    max-height: 340px;
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    background-color: #;
    z-index: 1!important;
    position: absolute;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    background: rgba(0, 0, 0, 0.8);
    width: 111%;
    position: absolute;
    top: 18px;
    left: 0px;
    padding-top: -3px;
    padding-bottom: 25px;
    min-height: 392px;
    padding-left: 25px;
}

.navbar-collapse.in {
    overflow-y: unset;
}

.navbar-inverse .navbar-nav > li > a {
    color: #FFF !important;
    text-align: left;
    padding-left: 30px;
    margin-top: 15px;
}

.dropdown-menu > li > a {
    display: block !important;
    padding: 3px 20px !important;
    clear: both !important;
    font-weight: normal !important;
    line-height: 1.428571429 !important;
    color: #fff !important;
    white-space: nowrap !important;
    text-align: left !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    font: -webkit-control !important;
    margin-left: 19px;
    margin-top: 5px;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff!important;
    background-color: #000;
}

.glyphicon-envelope, .glyphicon-shopping-cart {
    font-size: 23px;
    padding-left: 73px;
    float: left;
    padding-top: 25px;
}


.balance, .defense, .fem, .flex, .vital, .dim {
    background-repeat: no-repeat;
    height: 674px;
    background-size: cover;
    margin-top: 4px;
    margin-bottom: 0px;
    position: relative;
    top: -87px;
}

.navbar-nav { margin: 7.5px -19px;}
   
.balance .masinfo, .defense .masinfo, .fem .masinfo, .flex .masinfo, .vital .masinfo, .dim .masinfo {
     border-radius: 12px; 
    -moz-border-radius: 12px;
    font-size: 11px;
    color: #fff;
    cursor: pointer;
    /* display: unset; */
    padding: 3px;
    padding-left: 20px;
    padding-right: 20px;
    /* position: absolute; */
    /* top: 583px; */
    /* left: 92px; */
    width: 48%;
    /* display: inline; */
    /* left: auto; */
    /* right: auto; */
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
}
	

.contenidonotas {
    position: relative;
    top: 3px;
    width: 215%;
    margin-left: 2px;
    background: rgba(0, 0, 0, 0.7);
    padding: 20px;
    color: #FFF;
}

.portfolio-item {
    margin-top: 110px !important;
    margin-bottom: 90px !important;
    width: 56%;
    margin-left: -17px;
    /* height: 420px; */
}
.imgnotas {width: 216%;}
    
section#contact {
    /* background-color: #212529; */
    background-image: url(../images/map-image.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-left: 25px;
    background-position-x: -479px;
}

.box-whastapp {
    min-height: 250px;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid #777;
    margin-left: -25px;
}

.logofooter {
    width: 39%;
    padding-bottom: 35px;
}


.balancemain {
    /* background-color: #71bf44; */
    background-image: url(../images/balancemain.jpg);
    height: 186px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;
}


.defensemain {
    /* background-color: #71bf44; */
    background-image: url(../images/defensemain.jpg);
    height: 333px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;
}

.col-md-6 h1.fjalla.fa-4x { margin-top: 141px;}

.fa-4x { font-size: 2.5em;}


.balancemain h3 {font-size: 19px;}

.defensemain h3 {font-size: 19px;}

.packagingbalance img {
    width: 40%;
    top: 34px;
    position: relative;
    left: 44px;
}

.glyphicon-envelope, .glyphicon-shopping-cart {
    font-size: 23px;
    padding-left: 8px;
    float: left;
    padding-top: 0px;
    padding-right: 8px;
}

.compralo h3 {font-size: 22px !important;}


.logofooter {
    width: 24%;
    padding-bottom: 25px;
}

.truck {
    width: 30%;
    margin-left: 35px;
    /* padding-right: 35px; */
    /* float: left; */
}

.tirapacks .img-responsive {
    width: 41%;
    display: inline-block !important;
    position: relative;
    top: -26px;
}

.delivery {
    font-family: 'Fjalla One', sans-serif!important;
    color: #000;
    font-size: 34px;
    text-align: center;
}
	
.copy {font-family: 'Fjalla One', sans-serif!important;
    font-size: 20px;
    text-align: center;
    color: white;
    padding-top: 5px;
    text-transform: uppercase;
    position: relative;
    left: -12px;
}


.balancemain {
    /* background-color: #71bf44; */
    background-image: url(../images/balancemain.jpg);
    height: 338px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;
}


.packagingdefense img {
    /* position: relative; */
    top: 29px;
    left: 16px;
    width: 40%;
}

.contenido-notas h4.fjalla {
    line-height: 32px;
    font-family: 'Lato', sans-serif !important;
    font-size: 25px;
    font-weight: 500;
    padding-top: 20px;
    width: auto;
}

.femmain {
    /* background-color: #71bf44; */
    background-image: url(../images/femmain.jpg);
    height: 333px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;
}

.packagingfem img {
    /* position: relative; */
    top: 27px;
    left: 22px;
    width: 40%;
}

.flexmain {
    background-color: #fff;
    background-image: url(../images/flexmain.jpg);
    height: 268px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-position-x: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: -23px;
}
	
	.compralo {
    margin-left: 134px;
}
	
	.box-whastapp {
    min-height: 250px;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid #777;
    margin-left: 144px;
    margin-right: 80px;
    width: 255px;
    margin-bottom: 35px;
}
	
	.logofooter {
    width: 29% !important;
    padding-bottom: 25px;
}
	

.packagingflex img {
    width: 41%;
    top: 20px;
    position: relative;
    left: 15px;
}

.vitalmain {
    /* background-color: #71bf44; */
    background-image: url(../images/vitalmain.jpg);
    height: 334px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;
}

.packagingvital img {
    width: 40%;
    position: relative;
    top: 29px;
    left: 0px;
}

.dimmain {
    /* background-color: #71bf44; */
    background-image: url(../images/dimmain.jpg);
    height: 334px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;
}


.packagingdim img {
    width: 40%;
    position: relative;
    top: 25px;
    left: 25px;
}

.col-md-12.box.bkg-negro.redondeado.adquiriendo {
    margin-left: 40px;
}

.thumbnail > img, .thumbnail a > img {
    display: block;
    max-width: 44%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
}

div#precio {left: 37%;}

.glyphicon-envelope, .glyphicon-shopping-cart {
    font-size: 23px;
    padding-left: 22px;
    float: left;
    padding-top: 0px;
    padding-right: 8px;
}

.copete {
    font-style: normal !important;
    text-align: left;
    font-size: medium;
    height: 70px;
    margin-left: 50px;
}


.minitxt.gris01 {
    font-size: 11px;
    margin-right: 20px;
    margin-bottom: 15px;
}

h4.box.bkg-negro.txt-blanco.redondeado.text-center.fjalla {
    font-family: inherit !important;
    line-height: 27px !important;
    width: 85%;
}
	
h4.box.bkg-negro.txt-blanco.redondeado.text-left {
    width: 85%;
    padding: 15px;
    font-size: 16px;
    line-height: 22px;
}	
	
#comentarios { width: 73% !important;}
	
	input#btnenviar {
    color: #fff!important;
    margin-right: 160px;
    margin-top: 35px;
}
	
	.col-md-12.box.bkg-negro.redondeado {
    margin-left: 60px;
}
	
	#formasdepago .col-md-6 {
    padding-left: 30px;
}
	
	
	 }
	

	
		
@media (min-width:768px) and (max-width:1020px) and (orientation: landscape){
	
.lineone {
    padding-left: 22%;
    position: relative;
    top: -82px;
    left: 131px;
    margin-top: -12px;
    white-space: nowrap;
}

.contenidonotas {
    position: relative;
    top: -176px;
    width: 91%;
    margin-left: 9.5%;
    background: rgba(0, 0, 0, 0.7);
    padding: 20px;
    color: #FFF;
    left: -38px;
}

	
.linetwo {
    position: absolute;
    top: -56px;
    padding-left: 195px;
    white-space: nowrap;
    width: 160%;
}

.dropdown-menu {
    top: 30px !important;
}
.dropdown-menu {
    position: absolute;
    top: 54px;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.banderines {
    position: relative;
    left: 624px;
    top: -190px;
}
	
.banderines img {
    width: 84px;
    height: auto;
    left: 9px;
    display: none;
}	


.box-whastapp {
    display: inline-block;
    margin-left: 254px;
}
	
.masthead .col-xs-12 {width: 49%; margin-bottom:5px;}
	
.balance .masinfo, .defense .masinfo, .fem .masinfo, .flex .masinfo, .vital .masinfo, .dim .masinfo {
     border-radius: 12px; 
    -moz-border-radius: 12px;
    font-size: 11px;
    color: #fff;
    cursor: pointer;
    /* display: unset; */
    padding: 3px;
    padding-left: 20px;
    padding-right: 20px;
    /* position: absolute; */
    /* top: 583px; */
    /* left: 92px; */
    width: 48%;
    /* display: inline; */
    /* left: auto; */
    /* right: auto; */
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
}
   
   .content-navbar {
    height: 85px;
    /* background-color: aqua; */
    display: flex;
}
	
	.portfolio-item {
    margin-top: 20px !important;
    margin-bottom: 30px !important;
    width: 100%;
    margin-left: 0px;
    height: 420px;
}
	
.logofooter {
    width: 20%;
    margin-bottom: 25px;
}	
	
.topbarheader {
    height: 105px;
}	
	
	
.navbar-nav > li {
    float: left;
    padding-right: 9px;
    position: relative;
    /* top: -6px; */
}	

.navbar-inverse .navbar-nav > li > a {
    color: #FFF !important;
    float: left;
    display: grid;
}

.navbar-nav > li {
    float: left;
    padding-bottom: 0px;
    /* position: relative; */
    display: grid;
    top: 8px;
}
	
.navbar-nav > li > a {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    float: left;
    display: grid;
}


.caret {
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    float: left;
    display: block;
    position: relative;
    top: -11px;
    left: -16px;
}	

.balancemain {
    /* background-color: #71bf44; */
    background-image: url(../images/balancemain.jpg);
    height: 441px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;
}

.packagingbalance img {
    width: 40%;
    position: relative;
    left: 39px;
    top: 45px;
}

.compralo {
    margin-left: 140px;
}
	
.truck {
    width: 20%;
    margin-left: -9px;
    padding-right: 30px;
    float: left;
    position: relative;
    top: -16px;
    left: 6px;
}


.tirapacks .img-responsive {
    width: 25%;
    display: inline-block !important;
    position: relative;
    top: -26px;
}	
	
.contenido-notas h4.fjalla {
    line-height: 25px;
    font-family: 'Lato', sans-serif !important;
    font-size: 25px;
    font-weight: 500;
    padding-top: 30px;
    width: auto;
}
	

.defensemain {
    /* background-color: #71bf44; */
    background-image: url(../images/defensemain.jpg);
    height: 440px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;}


.packagingdefense img {
    width: 38%;
    position: relative;
    top: 65px;
    left: 37px;
}
	
.femmain {
    /* background-color: #71bf44; */
    background-image: url(../images/femmain.jpg);
    height: 440px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;}


.packagingfem img {
    width: 37%;
    position: relative;
    top: 66px;
    left: 27px;
}
	
.flexmain {
    /* background-color: #71bf44; */
    background-image: url(../images/flexmain.jpg);
    height: 323px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: -98px;
}


.packagingflex img {
    width: 36%;
    position: relative;
    top: 19px;
    left: -14px;
}
	
	
	.box-whastapp {
    min-height: 250px;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid #777;
    padding: 21px;
    margin-bottom: 35px;
}
	
	.logofooter {
    width: 23% !important;
    margin-bottom: 25px;
}
	
	
	.vitalmain {
    /* background-color: #71bf44; */
    background-image: url(../images/vitalmain.jpg);
    height: 440px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;}


.packagingvital img {
    width: 39%;
    position: relative;
    top: 49px;
    left: 0;
}
	
	.dimmain {
    /* background-color: #71bf44; */
    background-image: url(../images/dimmain.jpg);
    height: 440px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;}


.packagingdim img {
    width: 36%;
    position: relative;
    top: 73px;
    left: 48px;
}
	.col-md-12.box.bkg-negro.redondeado, .adquiriendo {margin-left: 126px;}
    
img.imagenproductoscart {
    width: 44%;
    position: relative;
    top: -72px;
}
	
	.copete {
    font-style: normal !important;
    text-align: left;
    font-size: medium;
    height: 70px;
    width: 94%;
    padding-left: 80px;
}
	
div#precio {
    position: relative;
    top: -140px;
    left: 273px;
}
	
	div#botonera {
    position: relative;
    top: -116px;
    left: 3px;
}


div#formasdepago .col-md-6 {
    margin-left: 95px;
}


form#formEnviarCarrito input {
    margin-bottom: 10px;
    margin-left: 10px;
    height: 35px;
}

#formEnviarCarrito .minitxt.gris01 {
    margin-bottom: 10px;
}

#btnenviar {
    color: #fff !important;
    margin-top: 20px;
    margin-right: 50px;
}

	
	}
	
	
	
@media (max-width: 1050px) and (min-width: 750px) and (orientation: portrait){
	
.masthead .col-xs-12 {
    width: 49%;
    margin-bottom: 5px;}



.imgnotas {
    width: 650px;}



.contenidonotas {
    position: relative;
    top: -176px;
    width: 649px;
    margin-left: 0px;
    background: rgba(0, 0, 0, 0.7);
    padding: 20px;
    color: #FFF;}


.truck {
    width: 19%;
    margin-left: 13px;
    padding-right: 35px;
    float: left;
}


.tirapacks .img-responsive {
    width: 32%;
    display: inline-block !important;
    position: relative;
    top: -26px;
}

	.packagingfem img {
    width: 40%;
    position: relative;
    top: 30px;
    left: 24px;
}
	
.logofooter {
    width: 20%;
    margin-bottom: 25px;
}

.lineone {
    padding-left: 36%;
    display: inline-block;
    top: -86px;
    position: relative;
}

.navbar-nav {
    float: left;
    margin: 0;
    position: absolute;
    left: 95px;
    top: -14px;
    height: 0px;
    width: 534px;
    display: inline-flex;
}

.banderines img {
    position: relative;
    top: -194px;
    right: -639px;
    width: 60px;
    height: auto;
}


.balancemain {
    /* background-color: #71bf44; */
    background-image: url(../images/balancemain.jpg);
    height: 423px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;}


.packagingbalance img {
    width: 40%;
    position: relative;
    top: 31px;
    left: 25px;
}

.defensemain {
    /* background-color: #71bf44; */
    background-image: url(../images/defensemain.jpg);
    height: 423px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;}


.packagingdefense img {
    width: 35%;
    position: relative;
    top: 66px;
    left: 57px;
}


.femmain {
    /* background-color: #71bf44; */
    background-image: url(../images/femmain.jpg);
    height: 423px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;}




.dropdown-menu {
    top: 37px !important;
}
.dropdown-menu {
    position: absolute;
    left: -32px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}



.flexmain {
    /* background-color: #71bf44; */
    background-image: url(../images/flexmain.jpg);
    height: 423px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: -3px;
}

.packagingflex img {
    width: 36%;
    position: relative;
    top: 123px;
    left: 23px;
}

	
	.box-whastapp {
    min-height: 250px;
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid #777;
    width: 266px;
    margin-left: 229px;
    margin-bottom: 35px;
}
	
.navbar-inverse .navbar-nav > li > a {
    color: #FFF !important;
    white-space: nowrap;
}

.logofooter {
    width: 23% !important;
}

.vitalmain {
    /* background-color: #71bf44; */
    background-image: url(../images/vitalmain.jpg);
    height: 423px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;}


.packagingvital img {
    width: 33%;
    position: relative;
    top: 80px;
    left: 49px;
}


	.compralo {
    padding-left: 25px;
    padding-right: 25px;
    position: relative;
    left: 153px;
}
	
	.contenido-notas h4.fjalla {
    line-height: 38px;
    font-family: 'Lato', sans-serif !important;
    font-size: 25px;
    font-weight: 500;
    width: auto;
}
	
.dimmain {
    /* background-color: #71bf44; */
    background-image: url(../images/dimmain.jpg);
    height: 423px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;}


.packagingdim img {
    width: 34%;
    position: relative;
    top: 76px;
    left: 53px;
}

.adquiriendo {
    margin-left: 97px;
}

.imagenproductoscart {
    position: relative;
    top: -83px;
    width: 50%;
}
	
div#precio {
    position: relative;
    top: -177px;
    left: 272px;
}

div#botonera {
    position: relative;
    top: -155px;
}

.copete {
    font-style: normal !important;
    text-align: left;
    font-size: medium;
    height: 70px;
    padding-left: 40px;
}

td#nobkg {
    padding-left: 270px;
}

#formEnviarCarrito input {
    margin-bottom: 15px;
    margin-left: 15px;
}

#formEnviarCarrito .minitxt.gris01 {
    margin-bottom: 15px;
}

h4.box.bkg-negro.txt-blanco.redondeado.text-left {
    padding: 20px;
    line-height: 27px;
    font-size: 17px;
}

input#btnenviar {
    color: #fff !important;
    margin-right: 40px;
    margin-top: 20px;
}

img.imagenproductoscart {
    width: 45%;
    margin-bottom: 30px;
}

.col-md-12.box.bkg-negro.redondeado {
    margin-left: 17%;
}

#formasdepago .col-md-6 {
    margin-left: 88px;
}
	
	}	
	
	
/*Ipad pro*/ @media (max-width: 1370px) and (min-width: 1010px) and (orientation: portrait){
	
	.tirapacks .img-responsive {
    width: 65%;
    display: inline-block !important;
    position: relative;
    top: -26px;
    padding-top: 10px;
    padding-bottom: 15px;
}
	.tirapacks h3 {font-size: 23px;}
    
	.tirapacks h6 {
    font: caption;
    font-weight: inherit;
    font-size: 12px; 	
}

	.balancemain {
    /* background-color: #71bf44; */
    background-image: url(../images/balancemain.jpg);
    height: 557px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.packagingbalance img {
    width: 77%;
    position: relative;
    top: 312px;
    left: 426px;
}


.defensemain {
    /* background-color: #71bf44; */
    background-image: url(../images/defensemain.jpg);
    height: 557px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.packagingdefense img {
    width: 77%;
    position: relative;
    top: 312px;
    left: 426px;
}

	.femmain {
    /* background-color: #71bf44; */
    background-image: url(../images/femmain.jpg);
    height: 557px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.packagingfem img {
    width: 77%;
    position: relative;
    top: 312px;
    left: 426px;
}

.packagingflex img {
    width: 77%;
    position: relative;
    top: 289px;
    left: 426px;
}

	.vitalmain {
    /* background-color: #71bf44; */
    background-image: url(../images/vitalmain.jpg);
    height: 557px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.packagingvital img {
    width: 77%;
    position: relative;
    top: 312px;
    left: 426px;
}


.dimmain {
    /* background-color: #71bf44; */
    background-image: url(../images/dimmain.jpg);
    height: 557px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

.packagingdim img {
    width: 77%;
    position: relative;
    top: 312px;
    left: 426px;
}

.lineone {
    padding-left: 51%;
    display: inline-block;
    top: -87px;
    position: relative;
}

.linetwo {
    width: 147%;
    /* background-color: aqua; */
    margin-left: 201px;
}

.col-md-6.content-navbar {
    width: 100%;
    display: inline;
}


.banderines {
    position: absolute;
    right: 181px;
    display: none;
}
	
	.portfolio-item {
    margin-top: 20px !important;
    margin-bottom: 30px !important;
    width: 100%;
    margin-left: 0px;
    height: 420px;
}
	.imgnotas {width: 882px;}
    
.contenidonotas {
    position: relative;
    top: -176px;
    width: 699px;
    margin-left: 92px;
    background: rgba(0, 0, 0, 0.7);
    padding: 20px;
    color: #FFF;
}
	
	.topbarheader {
    height: 103px;
    width: 102% !important;
}
	
body#page-top, div#contenidos {
    width: 100% !important;
}	
	
html, body {
    height: 100%;
    width: 100% !important;
}

.masthead .col-xs-12 {
    width: 49% !important;
    margin-bottom: 5px;
}
	.masthead {
    display: inline-block;
}
	
	
	}
	
	 	 
@media (max-width: 1340px) and (min-width: 1002px) and (orientation: landscape){
	
	.navbar-nav {
    float: left;
    margin: 0;
    width: 573px;
    position: relative;
    left: -49px;
}
	
.banderinesheader {
    width: 108px;
    height: auto;
    padding-top: 10px;
}	

/*.balance .masinfo, .defense .masinfo, .fem .masinfo, .flex .masinfo, .vital .masinfo, .dim .masinfo {
    border-radius: 12px;
    -moz-border-radius: 12px;
    font-size: 11px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 3px;
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    top: 583px;
    left: 31px;
}*/	

.balance .masinfo, .defense .masinfo, .fem .masinfo, .flex .masinfo, .vital .masinfo, .dim .masinfo {
    border-radius: 12px;
    -moz-border-radius: 12px;
    font-size: 11px;
    color: #fff;
    cursor: pointer;
    /* display: unset; */
    padding: 3px;
    padding-left: 20px;
    padding-right: 20px;
    /* position: absolute; */
    /* top: 583px; */
    /* left: 92px; */
    width: 71%;
    /* display: inline; */
    /* left: auto; */
    /* right: auto; */
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap;
}



.copy {
    font-family: 'Fjalla One', sans-serif!important;
    font-size: 13px;
    text-align: center;
    color: white;
    padding-top: 5px;
    text-transform: uppercase;
}

img.banderinesheader {
    height: 96px;
    padding-top: 3px;
    position: absolute;
    z-index: 1;
}


.portfolio-item {
    margin-top: 20px !important;
    margin-bottom: 30px !important;
    width: 47%;
    margin-left: 15px;
    height: 420px;
}

.contenidonotas {
    position: relative;
    top: -176px;
    width: 100%;
    margin-left: 0px;
    background: rgba(0, 0, 0, 0.7);
    padding: 20px;
    color: #FFF;
}

.col-md-2.cursor h3.txt-negro.fjalla {font-size: 21px;}
    
.tirapacks h6 {
    font: caption;
    font-weight: inherit;
    font-size: 12px;
    margin-bottom: 22px;}

.tirapacks button.btn.btn-default.txt-blanco {position: relative;top: -33px;}

img.img-responsive.logofooter {width: 45%;}
    
.balancemain {
    /* background-color: #71bf44; */
    background-image: url(../images/balancemain.jpg);
    height: 560px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;}


.packagingbalance img {
    width: 61%;
    position: relative;
    top: 135px;
    left: 43px;
}

.defensemain {
    /* background-color: #71bf44; */
    background-image: url(../images/defensemain.jpg);
    height: 560px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;}


.packagingdefense img {
    width: 59%;
    position: relative;
    top: 151px;
    left: 44px;
}

.femmain {
    /* background-color: #71bf44; */
    background-image: url(../images/femmain.jpg);
    height: 560px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;}

.packagingflex img {
    width: 55%;
    position: relative;
    top: 251px;
    left: 25px;
}


.flexmain {
    /* background-color: #71bf44; */
    background-image: url(../images/flexmain.jpg);
    height: 560px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: 0px;
}

	
	
	

.packagingvital img {
    width: 65%;
    position: relative;
    top: 116px;
    left: 70px;
}
.vitalmain {
    /* background-color: #71bf44; */
    background-image: url(../images/vitalmain.jpg);
    height: 560px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;}


.contenido-notas h4.fjalla {
    line-height: 38px;
    font-family: 'Lato', sans-serif !important;
    font-size: 25px;
    font-weight: 500;
    width: auto;
}


.dimmain {
    /* background-color: #71bf44; */
    background-image: url(../images/dimmain.jpg);
    height: 560px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;}


.packagingdim img {
    width: 64%;
    position: relative;
    top: 129px;
    left: 70px;
}

	
.banderines {
    position: absolute;
    right: 181px;
    padding-top: 0px;
}

form#formEnviarCarrito input {
    margin-bottom: 15px;
    margin-left: 15px;
}	
	

.minitxt.gris01 {
    font-size: 16px;
    white-space: nowrap;
    margin-bottom: 15px;
}

h4.box.bkg-negro.txt-blanco.redondeado.text-center.fjalla {
    font-family: inherit !important;
    line-height: 27px !important;
    margin-right: 70px;
}

h4.box.bkg-negro.txt-blanco.redondeado.text-left {
    margin-right: 70px;
    line-height: 27px;
}

textarea#comentarios {
    width: 74%;
    margin-top: 15px;
}

input#btnenviar {
    color: #fff !important;
    margin-right: 79px;
    margin-top: 20px;
}

.copete {
    font-style: normal !important;
    text-align: left;
    font-size: medium;
    height: 70px;
    font-size: 12px;
    padding-left: 15px;
}

img.imagenproductoscart {
    width: 72%;
    margin-bottom: 30px;
}

div#precio {
    position: relative;
    left: 61px;
}
	
	
	}
	

	@media (max-width: 1340px) and (min-width: 1100px) and (orientation: landscape){
	
	.packagingbalance img {
    width: 44%;
    position: relative;
    top: 136px;
    left: 70px;
	}

		
	.packagingdefense img {
    width: 53%;
    position: relative;
    top: 92px;
    left: 44px;}
		
.packagingfem img {
    width: 56%;
    position: relative;
    top: 70px;
    left: 44px;
}
	
.packagingflex img {
    width: 56%;
    position: relative;
    top: 173px;
    left: 10px;
}
		
		
.packagingvital img {
    width: 56%;
    position: relative;
    top: 69px;
    left: 10px;
}
		

.packagingdim img {
    width: 56%;
    position: relative;
    top: 69px;
    left: 10px;
}		
		
		
	}
	
@media (max-width: 1500px) and (min-width: 1345px){ 

div#precio {
    margin-left: 3px;
}
    
.copy {
    font-family: 'Fjalla One', sans-serif!important;
    font-size: 18px;
    text-align: center;
    color: white;
    padding-top: 5px;
    text-transform: uppercase;
    margin-top: 7px;
}

.balance .masinfo, .defense .masinfo, .fem .masinfo, .flex .masinfo, .vital .masinfo, .dim .masinfo {
    border-radius: 12px;
    -moz-border-radius: 12px;
    font-size: 11px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 3px;
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    top: 583px;
    left: 58px;
}

.balancemain {
    /* background-color: #71bf44; */
    background-image: url(../images/balancemain.jpg);
    height: 724px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;
}

.packagingbalance img {
    position: relative;
    width: 60%;
    left: 0px;
    top: 214px;
}

.defensemain {
    /* background-color: #71bf44; */
    background-image: url(../images/defensemain.jpg);
    height: 724px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;
}

.packagingdefense img {
    position: relative;
    width: 60%;
    left: 0px;
    top: 214px;
}


.femmain {
    /* background-color: #71bf44; */
    background-image: url(../images/femmain.jpg);
    height: 724px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;
}

.packagingfem img {
    position: relative;
    width: 60%;
    left: 0px;
    top: 214px;
}

.flexmain {
    /* background-color: #71bf44; */
    background-image: url(../images/flexmain.jpg);
    height: 724px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: 0px;
}

.packagingflex img {
    position: relative;
    width: 68%;
    left: 0px;
    top: 363px;
}


.vitalmain {
    /* background-color: #71bf44; */
    background-image: url(../images/vitalmain.jpg);
    height: 724px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;
}

.packagingvital img {
    position: relative;
    width: 73%;
    left: 0px;
    top: 214px;
}

.dimmain {
    /* background-color: #71bf44; */
    background-image: url(../images/dimmain.jpg);
    height: 724px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #404042;
    background-size: cover;
    background-repeat: no-repeat;
}

.packagingdim img {
    position: relative;
    width: 73%;
    left: 0px;
    top: 214px;
}

form#formEnviarCarrito input {
    margin-bottom: 20px;
    margin-left: 20px;
}

.minitxt.gris01 {
    white-space: nowrap;
    margin-bottom: 20px;
    margin-left: 15px;
}

textarea#comentarios {
    width: 76%;
    margin-bottom: 25px;
}

input#btnenviar {
    color: #fff !important;
    margin-right: 81px;
    margin-top: 10px;
}

}

@media (max-width: 412px) and (orientation: portrait){}