/* FONTS */

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


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

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

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

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

/* general */
a{
    text-decoration:none!important;
}

a:hover, a:focus, .link:hover, .link:focus {
    color: rgb(228,0,70)!important;
}

a, .link {
    color: rgb(114,114,114)!important;
}

#main {
    margin-top: 110px;
}

/* drupal menu */

body.toolbar-fixed .toolbar-oriented .toolbar-bar {
    position: fixed;
    top: 110px;
}


/* DEFINITIONS */
.nopad{
    padding:0!important;
}

.fixed{
    position: fixed;
    top: 0px;
    z-index: 100;
    right:0;
}

.fl{
    float:left;
}

/*-- GENERALS --*/

body{
    background-color: #fff;
    font-family: 'ArialRoundedMT-Light';
    font-size:18px;
    color:rgb(114,114,114);
    overflow-x: hidden;
    margin-top:0!important;
}

h1{
    font-size:34px;
    padding-top: 40px;
    font-family: 'ArialRoundedMT-Bold';
    text-transform: uppercase;
    padding-bottom: 14px;
}

h2{
    font-family: 'ArialRoundedMT-Bold';
    font-size: 24px;
    margin-bottom: 8px;
    padding-left: 20px;
    font-weight: bolder;
    letter-spacing: -1px;
    margin-top:0!important;
}

 h2.gray{
    margin-bottom:14px;
}
.grayGRAD h2{
    padding-left: 0px;
}

h3{
    font-family: 'ArialRoundedMT-Bold';
    font-size:39px;
    margin-top:0;
    margin-bottom: 22px;
}


/* COLORS */
.red{
    color:rgb(236, 12, 67)!important;
}

.white{
    color:rgb(255, 255, 255)!important;
}

.gray{
    color:rgb(114,114,114)!important;
}

.red_back{
    background-color:rgb(236, 12, 67)!important;
}

.white_back{
    background-color:rgb(255, 255, 255)!important;
}

.bolded{
    font-family: 'ArialRoundedMT-Bold';
}

.lightblue{
    color:rgb(20,156,169);
}
.blue{
    color:rgb(20,63,78);
}

.grayGRAD{
    background: rgb(213, 218, 222);
    margin-top: 100px;
}

.inTR{
    margin-left:12px!important;
}

/* LiV STUFF */

.container-fluid {
	width:100%;
}


/* nav bar
.upper-bar {
    height: 30px;
    display: inline-flex;
    position: relative;
    width: 100%;
    float: left;
}

.lower-bar {
    height: 30px;
    display: inline-flex;
    position: relative;
    float: right;
    max-width: 1000px;
    width: 100%;
    text-align: right;
}



*/
.navbar{
    font-family: 'ArialRoundedMT-Bold';
    padding:0!important;
    margin-bottom:0px;
    min-height: 120px;
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
}

/*list items of nav*/
a.nav-link.white {
    float: right;
    font-size: 20px;
    padding: 0 56px !important;
}

a.nav-link.gray {
    float: right;
    font-size: 20px;
    padding: 0 56px !important;
}

a.nav-link:hover{
    color:#444;
}

a.nav-link:last-child {
    padding-right:0!important;
}



.navbar-light .navbar-toggler-icon {
    background-image: none;
}

.navbar-light .navbar-toggler-icon:before {
    font-family: 'Glyphicons Halflings';
    content:"\e236";
}

.navbar-nav{
    text-align: right;
    width: 100%;
    display: inline-block!important;
    margin-top: 60px;
}

form.form-inline.my-2.my-lg-0 {
    position: absolute;
    right: 5px;
    top: 0px;
}

/* btn hamburgesa */
.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(255,255,255,1);
}

/*btn form*/
button.btn.btn-outline-success.my-2.my-sm-0 {
    color: #fff;
    border-radius: 20px;
    border: 2px #fff solid;
    font-size: 17px;
    line-height: 15px;
    padding-top: 10px;
    display: inline-flex;
}

button.btn.btn-outline-success.my-2.my-sm-0:hover{
    background-color:rgb(255, 255, 255)!important;
    color:rgb(236, 12, 67)!important;

}

.emBut {
    border-radius: 50%!important;
    padding: 6px!important;
}

.telephone-container{
    padding-right: 30px;
}

.telephoneIcon {
    float:left;
    font-size: 26px;
    line-height: 0.9em;
}

.telIcon{
    font-size: 26px!important;
    margin-top: 7px;
    padding-right:3px;
}

.telNumber{
    float:left;
    font-size: 24px;

}

.userIcon{
    margin-top: -4px;
    padding-right: 5px;
}

.usrButton {

}

.form-inline .separator{
    padding-right: 18px;
    border-right: 1px solid rgb(114,114,114);
    margin-right:20px;
    margin-top:0;
}
/*//////////////////////////////////////// NAV CORRECTED /////////////////////////////////*/

.container-fluid.white_back.fixed {
    -webkit-box-shadow: 0px 4px 5px -4px rgba(0,0,0,0.36);
    -moz-box-shadow: 0px 4px 5px -4px rgba(0,0,0,0.36);
    box-shadow: 0px 4px 5px -4px rgba(0,0,0,0.36);
}

.bwhite{
    border-bottom: 1px solid rgb(255,255,255);
}

nav.navbar.navbar-expand-lg.navbar-light.bg-light{
   /*height:100px;*/
    background-color:rgb(255, 255, 255)!important;
}

.navbar{
    font-family: 'ArialRoundedMT-Bold';
    padding:0!important;
    color:rgb(114,114,114);
}

#block-iplan-theme-account-menu{
    display:none;
}

.toolbar-loading #toolbar-administration {
    overflow: hidden;
    float: left;
    position: fixed;
    top: 60px;
    z-index: 3000;
}
.views-element-container.contextual-region{
    display:none;
}

/* #nav*/
#nav {
        list-style: none;
        position: fixed;
        right: 20px;
        top: 50%;
        z-index: 200;align-content:
}
#nav li {
    margin: 0 0 15px 0;
}

.dot{
    width:14px;
    height:14px;
    border-radius: 50%;
    border: 2px solid rgb(236, 12, 67)!important;
}


/*list items of nav*/
a.nav-link.white {
    float: right;
    font-size: 15px;
    padding: 0 56px !important;
    font-family: 'ArialRoundedMT';
    color:rgb(255,255,255);
}

a.nav-link.gray {
    float: right;
    font-size: 15px;
    padding: 0 44px !important;
    /*font-family: 'ArialRoundedMT';*/
    color:rgb(114,114,114);
}

a.nav-link:hover{
    color:rgb(236, 12, 67)!important;
    text-decoration: none!important;
}

a.nav-link:last-child {
    padding-right:0!important;
}

.navbar-light .navbar-toggler-icon {
    background-image: none;
}

.navbar-light .navbar-toggler-icon:before {
    font-family: 'Glyphicons Halflings';
    content:"\e236";
}

.navbar-nav{
    text-align: right;
    width: 100%;
    display: inline-block!important;
    margin-top: 60px!important;
    padding-top: 16px;
    padding-bottom: 0px;
}

.navbar-brand img{
        width:100%;
        height:auto;
    }

.navbar-brand{
    max-width: 320px;
    height: 80px!important;
    padding-top: 0px;
    padding-bottom: 20px;
}

form.form-inline.my-2.my-lg-0 {
    position: absolute;
    right: 15px;
    top: 10px;
}

/* btn hamburgesa */
.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(255,255,255,1);
}

/*btn form*/
button.btn.btn-outline-success.my-2.my-sm-0 {
    color: rgb(228,0,70);
    border-radius: 50px;
    border: 2px rgb(114,114,114) solid;
    font-size: 13px;
    line-height: 17px;
    padding: 8px 14px 8px 10px!important;
    display: inline-flex;
    font-family: 'ArialRoundedMT-Bold';
}

.zonacli{
    line-height: 19px!important;
    padding: 8px 14px!important;
}

button.btn.btn-outline-success.my-2.my-sm-0:hover{
    background-color:rgb(236, 12, 67)!important;
    color:rgb(255, 255, 255)!important;
    border-color:rgb(236, 12, 67);
    text-decoration:none;
}

.emBut {
    border-radius: 50%!important;
    padding: 6px!important;
}

.emBut img{
    width:80%!important;
    height:auto;
}

.emBut2 img{
    width:80%!important;
    height:auto;
}

button.btn.btn-outline-success.my-2.my-sm-0.emBut2 {
    padding: 6px 0px 6px 7px!important;
    text-align: center!important;
}

button.btn.btn-outline-success.my-2.my-sm-0.emBut {
    padding: 6px 1px 5px 7px !important;
}

.emseparate{
    margin-left:10px;
}

.telephone-container{
    padding-right: 18px;
    font-size: 20px;
    display:none;
}

.telephoneIcon {
    float:left;
    font-size: 26px;
    line-height: 0.9em;
}

.telIcon{
    font-size: 26px!important;
    margin-top: 7px;
    padding-right:3px;
}

.telNumber{
        float: left;
    font-size: 28px;
    font-family: 'ArialRoundedMT-Bold';
    color: rgb(228,0,70);
}

.userIcon{
    margin-top: -4px;
    padding-right: 5px;
    color:rgb(114,114,114);
}

.usrButton {


}

.contacticon{
    color: rgb(228,0,70)!important;
    font-size: 19px!important;
    margin-top: 2px;
    margin-left: -20px;
    /* padding-left: 20px; */
    position: absolute;
}

.separator{
    padding-right: 18px;
    border-right: 1px solid #fff;
    margin-right:20px;
}

.navbar-nav > li {
    float: right!important;
}

/*//////////////////////////////////////// NAV CORRECTED /////////////////////////////////*/




/* END OF LiV STUFF */


.clienteNuevo {
    position: absolute;
    right: 20px;
    top: 12px;
}

.slider .tooltip-inner{
    display:none;
}
.tooltip.top .tooltip-arrow {
    top: -1px!important;
}

.bulleted{
    margin-left:14px;
    margin-top:8px;
}

.cartBullet{
    background-color: rgb(228,0,70);
    border: 4px solid #fff;
    border-radius: 50%;
    float: left;
    height: 15px;
    width: 15px;
    margin-top: 5px;
    margin-right: 8px;
}

.Bulletno{
    background-color: rgb(164,164,164);
    border: 4px solid #fff;
    border-radius: 50%;
    float: left;
    height: 15px;
    width: 15px;
    margin-top: 5px;
    margin-right: 8px;
}
.Bulletno:hover{
    cursor:pointer;
}

.nozoneAlert{
    text-align: center;
    background-color: rgb(228,0,70);
    border-radius: 20px;
    color: #fff;
    font-size: 30px;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 10px;
}

#notInZONE .butVerif {
    margin: auto!important;
    float: none!important;
}


.centered_txt{
    text-align:center;
}

.left_txt{
    text-align:left;
}

.right_txt{
    text-align:right;
}

.fright{
    float:right;
    padding: 0!important;
}

.tLabel{
    font-size:17px;
    padding:0 38px;
    font-family:'ArialRoundedMT-Light';
}

.tLabel2{
    font-size:18px;
    padding:0 10px 10px;
}

.info{
        padding: 0 24px 24px;
}

.info2{
        padding: 0 10px 20px 30px;
}

.nopadRight{
    padding-right:0!important;
}

.nopadLeft{
    padding-left:0!important;
}

.numbr{
   font-size: 26px;
   line-height: 3.6em;
   padding-right: 32px;
    padding-left: 0;
   font-family: 'ArialRoundedMT-Bold';
}

.numbr2{
   font-size: 26px;
   line-height: 0.5em;
   padding-right: 18px;
   font-family: 'ArialRoundedMT-Bold';
}

.numbr3{
   font-size: 26px;
   line-height: 1em;
   padding-right: 30px;
   padding-bottom:10px;
   font-family: 'ArialRoundedMT-Bold';
}

.numbrFinal{
   font-size: 32px;
   line-height: 1em;
   padding-right: 14px;
   font-family: 'ArialRoundedMT-Bold';
   padding-left: 0;
}

.redBK {
	background-color: rgb(236,12,67);
}
.headerBk{
    max-width:1436px!important;
    margin:auto!important;
    float:none;
    min-height:144px;
    height:auto;
    background-image: url(../images/header_placeholder.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size:auto;

}

.centralCart{
    padding-bottom:100px;
}

.misc-white{
    margin:auto!important;
    float:none;
    min-height:220px;
    height:auto;
    background-image: url(../images/lower_background.png);
    background-color: rgb(255,255,255);
    background-position: top center;
    background-repeat: no-repeat;
    background-size:auto;
}

/*------ footer -------*/

.footerPlaceholder{
    margin:auto!important;
    float:none;
    background-color: rgb(255,255,255);
   /* min-height:252px;
     height:auto;
   background-image: url(../images/footer_placeholder.png);
    background-color: rgb(255,255,255);
    background-position: top center;
    background-repeat: no-repeat;
    background-size:auto;*/
}

.firstfooter0{
    padding-bottom:24px;
    border-bottom:1px solid rgb(114,114,114);
    margin-top: 80px;
    background-color: #fff;
    z-index: 40;
    position: relative;
}

.brandsFooter{
    text-align: center;
    width: 90%;
    margin: auto;
}



.firstfooter{
    padding-bottom:24px;
    border-bottom:1px solid rgb(114,114,114);
    padding-top: 40px;
    background-color: #fff;
    z-index: 40;
    position: relative;
}

.logoFooter{
    text-align:left;
}

.container_for_IPLANLIV {
    margin-top: 50px;
}

.logoFooter img{
    width:100%;
    height:auto;
    max-width:238px;
    margin:auto;
}

.footerTextLinks {
    text-align: center;
    font-size:17px;
    font-family: 'ArialRoundedMT-Bold';
}

.footerTextLinks.titlinkd{

}

.footerTextLinks.linkd{

}

.compButtonright.correoBut_inferior {
    padding-top: 14px;
    padding-bottom: 29px;

}

.linkd a{
    text-decoration: none;
    color:rgb(114,114,114);
}

.linkd a:hover{
    text-decoration: none;
    color:rgb(236, 12, 67)!important;
}

.linkd a:active{
    text-decoration: none;
    color:rgb(236, 12, 67)!important;
}

.linkd a:visited{
    text-decoration: none;
    color:rgb(114,114,114);
}

.linkd.separatr{
    margin-bottom:40px;
}
.linkd.gray {
    padding: 5px 0;
}

.linkd.gray:hover{
    text-decoration: none;
    color:rgb(236, 12, 67)!important;
}

.linkd.gray

.contactlinkd{
    margin-top:10px;
}

.redes{
    text-align:center;
}

.redesContainer{
    max-width:230px;
    margin-top:15px;
}

.pagotit{
    text-align: center;
    font-size:17px;
    /*font-family: 'ArialRoundedMT-Bold';*/
}

.pagoimg{
    text-align:center;
}

.pagoimg img{
    width:100%;
    height:auto;
    max-width:390px;
    margin: 8px auto 0;
}

.secondfooter{
    padding:24px 0 0 0;
}
.dataFiscal-img{
    float:left;
        max-height: 54px;

}
.dataFiscal-img img{
    width:auto;
    height:54px;
}

.dataFiscal-txt{
    text-align: left;
    float: left;
    color: rgb(142,142,142);
    line-height: 18px;
    font-size: 11px;
    margin-left: 5px;
    /* font-family: 'ArialRoundedMT-Bold'; */
}

.copyright{
    text-align:right;
    /*font-family: 'ArialRoundedMT-Bold';*/
    font-size: 16px;
}

.lower_links {
    letter-spacing: -0.5px;
    font-size: 12px;
    margin-top: 10px;
}

.copyright a{
    color:rgb(114,114,114);
}

.copyright a:hover{
    color: rgb(236, 12, 67)!important;
    text-decoration: none;
}


.thirdfooter{
    height:41px;
}

.arrowTop{
    text-align: center;
}
.lastline{
    height:6px;
}

#BottomContacto{
    font-size:17px;
}

.headerBk h1{
    margin-top:0;
    padding-top:2%;/*32px;*/
}

.roundVeryBig{
    background-color:rgb(256,256,256);
    border-radius:50%;
    padding:14px;
    margin-right:10px;
    border: 1px #fff solid!important;
}

.roundBig{
    background-color:rgb(114,114,114);
    border-radius:50%;
    padding:14px;
    margin-right:10px;
    border: 2px #fff solid!important;
}

.roundContainer{
    border-radius:18px;
    padding:35px 5px;
    margin-bottom:20px;
}

.nopadTop{
    padding:0 5px 15px 5px;
}

.greyBk{
    background-color: rgb(114,114,114);
}

.roundContainer button{
   /* border:0!important;*/
}

.roundContainer button:hover{
   background-color:#fff;
   color:#727272;
}
/*-- Modules --*/

/* column1 title */
.trash{
    font-size: 18px;
    /* margin-left: 30px; */
    float: right;
    margin-top: -10px;
}
.hr_blue {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid rgb(20,63,78);
    margin: 0px 12px 20px;
    padding: 0;
}

.hr_white {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid rgb(256,256,256);
    margin: 0px 12px 20px;
    padding: 0;
}

.hr_white_bold {
    display: block;
    height: 2px;
    border: 0;
    border-top: 2px solid rgb(256,256,256);
    margin: 0px 12px 20px;
    padding: 0;
}

.hr_gray {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid rgb(230,230,230);
    margin: 12px 12px 20px;
    padding: 0;
}

/* slider */
.slider.slider-horizontal {
    margin-top: 29px;
    width: 100%;
}

.slider.slider-horizontal .slider-tick-label-container {
    margin-top: -44px;
}

.sliderContainer{
    position:relative;
    padding:15px 40px 0;
}

.slider-tick.in-selection {
    visibility: hidden;
    background-image: linear-gradient(to bottom, rgb(236,12,67) 0%, rgb(236,12,67) 100%);
}

.slider-selection.tick-slider-selection{
     background-image: linear-gradient(to bottom, rgb(236,12,67) 0%, rgb(236,12,67) 100%);
}

.slider-handler {
    background-image: linear-gradient(to bottom, rgb(236,12,67) 0%, rgb(236,12,67) 100%!important);
}

.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
    color:rgb(256,256,256);
}

/* dropdown */
.form-control {
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
    height:auto;
        line-height: 2em;
}

/* total */

.total{
    font-size:27px;
    font-family: 'ArialRoundedMT-Bold';
}

.total_disc{
    font-size:16px;
    font-family: 'ArialRoundedMT';
}

.ddoption {
    font-size: 18px;
    padding: 10px;
    min-height: 50px!important;
    border-radius: 30px!important;
    margin-left: 8px;
    margin-top: 16px;
    border: 0;
}

/* input text */
.regInfo{
    margin-bottom:0;
}

.inputIplan{
    background-color: transparent;
    margin: 0 2px 16px;
    padding: 0px 0px;
    width: 100%;
}

.inputIplan2{
    background-color: rgb(255,255,255)!important;
}



.inputIplan .form-control {
    ^/*display: inline-block;*/
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0);
    background-color: rgb(255,255,255);
    color: #ec0c43;
    font-family: 'ArialRoundedMT-Bold';
}

.inputIplan input{
    font-size: 20px;
    line-height: 26px;
    padding: 24px 6px 0px!important;
    border: 0;
}

.inputIplan input[type=text]{
   /* float: left;
    margin: -35px 0 0 0;*/
}

.inputIplan input[type=email]{
   /* float: left!important;
    margin: -35px 0 0 0;*/
}

.inputIplan input[type=number]{
   /* float: left!important;
    margin: -35px 0 0 0;*/
}

.sepGray {
        margin: 8px 15px 24px;
    height: 2px;
    background-color: rgb(114,114,114);
    /* padding: 0 15px!important; */
}

.formFields label{
    font-size: 17px;
    font-weight: 100;
    color: #737373!important;
    position: absolute;
    padding: 0 6px;
}

.roundContainer label{
    font-size: 17px;
    font-weight: 100;
    color: rgb(114,114,114);;
    position: absolute;
    padding: 0 6px;
	display:block!important;
}

.emailCont{
    margin-top:-30px!important;
    margin-bottom:20px;
}

.codeCont{
    margin-top:10px!important;
    margin-bottom:20px;
}

.butVerif{
    margin-top:12px;
}

.inputIplan select {
    font-family: "ArialRoundedMT-Light";
    font-size: 17px;
    font-weight: bold;
    height: 52px;
    padding: 12px 3px 0;
    border: 0;
}


/*+++++++ text padding adjust to prevent overlapping with label *********/
/*input#numeroDocumento{
    padding: 0 0 4px 40px;
}

/*
input#nombre{
    padding: 0 0 4px 88px;
}

input#apellido{
    padding: 0 0 4px 80px;
}

input#telefono{
    padding: 0 0 4px 88px;
}

input#celular{
    padding: 0 0 4px 74px;
}

input#email{
    padding: 0 0 4px 58px;
}

input#domicilio{
    padding: 0 0 4px 58px;
}

input#altura{
    padding: 0 0 4px 62px;
}

input#piso{
    padding: 0 0 4px 48px;
}

input#depto{
    padding: 0 0 4px 62px;
}

input#cpostal{
    padding: 0 0 4px 110px;
}

input#ccodigo{
    padding: 0 0 4px 134px;
}*/
/*+++++++ **************************************************** *********/


/* Drop down right column */
.ddoption2 {
    font-size: 16px;
    /* padding: 10px; */
    /* min-height: 50px!important; */
    border-radius: 30px!important;
    /* margin-left: 8px; */
    margin-top: -4px;
    border: 0;
    background-color: transparent;
}

/* button */

.butnGreen {
    font-size: 21px;
    background-color: rgb(20,63,78);
    border-radius: 25px;
    color: #fff;
    text-align: right;
    padding: 9px 20px 11px;
    line-height: 25px;
    height: auto!important;
    margin-bottom: 10px;
}

.butnRed{
    font-family: 'ArialRoundedMT-Bold';
    font-size: 16px;
    background-color: transparent;
    border-radius: 25px;
    border: 2px solid rgb(236,12,67);
    color: rgb(114,114,114);
    text-align: center;
    padding: 9px 20px 8px;
    line-height: 25px;
    height: auto!important;
    margin-bottom: 8px;
}


.butnGray{
    font-family: 'ArialRoundedMT-Bold';
    font-size: 16px;
    background-color: transparent;
    border-radius: 25px;
    border: 2px solid rgb(255,255,255);
    color: rgb(255,255,255);
    text-align: center;
    padding: 9px 20px 8px;
    line-height: 25px;
    height: auto!important;
    margin-bottom: 8px;
}

.butnRed:hover{
    background-color:rgb(236,12,67);
    color:  #fff;
}

.butnGray:hover{
    background-color:rgb(236,12,67);
    color:  #fff;
}

.tDisclaimer{
        font-size: 16px;
    font-family: 'ArialRoundedMT-Bold';
    letter-spacing: -0.50px;
}

.tDisclaimer a{
    color:rgb(236,12,67)!important;
    text-decoration: underline!important;
}

textarea:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
textarea:focus,
.uneditable-input:focus {
  border-color: transparent;
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0) inset, 0 0 8px rgba(126, 239, 104, 0);
  outline: 0 none;
}

textarea#consulta{
    border:0!important;
    min-height:70px;
}
.disabled{
    background-color: transparent!important;

}

.disabled input {
    /* background-color: transparent!important; */
    color: #fff!important;
}

.form-control[disabled], fieldset[disabled] {
    cursor: not-allowed;
    /* color: #ee0c43!important; */
    background-color: rgb(114,114,114)!important;
}

.disabled label{color:#fff!important;}

.lesspad{
    padding-left:5px!important;
    padding-right:5px!important;
}

.reverseBUT{
    background: rgb(256,256,256)!important;
    color: rgb(114,114,114)!important;
    border: 3px solid rgb(114,114,114)!important;
    padding: 8px 12px!important;
}
#cconf{
}

.lastStep{
    /*display:none;*/
}

.resume{
   font-size: 22px;
    text-align: left;
    padding-left: 10px!important;
}

/* tarjeta */
.clearMe{
    clear:both;
    font-size:11px;
}
.ccoption{
    font-size: 18px;
    padding: 0px;
    min-height: 30px!important;
    border-radius: 0px!important;
    margin-left: 0px;
    margin-top: -2px;
    border: 0;
    background-color: transparent;
}

.sectionHidden{
    display:none;
}
.titleWhiteSection{
    font-family: 'ArialRoundedMT-Bold';
    padding-left: 6px;
    padding-bottom: 4px;
    letter-spacing: -0.5px;
    font-size: 17px;
}

.captcha img{
    width:100%;
    height:auto;
    padding-left: 20px;
}
.product_list_page .captcha img{
width: 100%;
    height: auto;
    padding-left: 32px;
    max-width: 300px;
}
.desambigua {
    margin-bottom: 2px!important;
}

.desambig{
    color:rgb(114,114,114)!important;

}

.desambig:hover{
    cursor:pointer;
    color:#ec0c43!important;
}

input.desambig {
    padding-top: 10px!important;
}
/*
input#NOMBREENTARJETA{
    padding: 0 0 4px 188px;
}

input#NROTARJETA{
    padding: 0 0 4px 180px;
}

input#FECHAVENCIMIENTO{
    padding: 0 0 4px 210px;
}

input#CODIGOSEGURIDAD{
    padding: 0 0 4px 196px;
}

input#EMAIL{
    padding: 0 0 4px 66px;
}


input#NUMERODNI{
    padding: 0 0 4px 46px;
}
*/
select#tarjeta {
    font-family: 'ArialRoundedMT-Bold';
}

.marginBottom{
    margin-top:30px!important;
}

.littleText{
    font-size:14px;
    font-family: sans-serif;
}
.separator{margin-top:30px;}

.thankYou{
    font-size:24px!important;
}

.captcha{
    margin-left: -18px!important;
}

.areaConsulta{
    border:1px solid rgb(236,12,67);
    background-color:transparent;
}

/* MODAL STYLES */
.modal-content {
    background-color: #bbbbbb;
}

.modal-title {
	color:rgb(236,12,67);
    font-size: 20px;
    font-family: 'ArialRoundedMT-Bold';
}

.modal-body {
    color:#222;
    font-size: 15px;
}

.modal-header {
    padding: 15px;
    border-bottom: 0;
}
.modal-footer {

    border-top: 1px solid #b4b4b4;;
}

.btn-primary {
    color: #ffffff;
    background-color: rgb(236,12,67);
    border: 0;
}

.btn-primary:focus,
.btn-primary.focus {
    background-color: rgb(216,2,57);
    border: 0;
}
.btn-primary:hover {
  background-color: rgb(216,2,57);
  border: 0;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-color: rgb(216,2,57);
  border: 0;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #ffffff;
  background-color: rgb(216,2,57);
  border: 0;
}

.nopad {
    padding-left: 0!important;
}

.grayThanks{
        background-color: rgb(164,164,164);
}

.areaConsulta {
    border: 1px solid rgb(236,12,67);
    background-color: transparent;
    width: 100%;
    text-align: left;
    min-height: 200px;
}

.subtit{
    text-transform: none;
    padding-left: 8px;
}

footer.site-footer {
    padding: 0;
    background-color: #fff;
    position: absolute;
    z-index: 20;
    width: 100%;
}


.emailButton {
    float: left;
}

.compButtonleft{
    width:40%;
    float:left;
    text-align: right;
    padding-right: 12px;
    padding-top: 5px;
}

.compButtonright{
    width:60%;
    float:right;
    text-align: left;

}

.bottom-button{
    color: rgb(228,0,70)!important;
    background-color: transparent;
    border-radius: 50px!important;
    border: 2px rgb(114,114,114) solid;
    font-size: 13px;
    line-height: 14px;
    padding: 7px 8px 7px 8px!important;
    display: block;
    font-family: 'ArialRoundedMT-Bold';
    text-align: right;
    float: right;
}

.bottom-button i{
    color: rgb(228,0,70)!important;
}


.linkActive a{
    color: rgb(228,0,70)!important;
}

.linkActive{
    color: rgb(228,0,70)!important;
}
/* IPLAN */

.field--name-field-datacenter-ringo .field__label{
    display: none!important;

}

#main-content{
    /*margin-top:120px;*/
}
div#main-wrapper {
    /*margin-top: 6px;*/
}

.IPLAN_header_back{
    width;100%;
    min-height: 100vh;
    max-height:926px;
    height: 926px;
    background-image: url(/themes/iplan_b4/images/bg-header-iplan.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    margin-top: -10px;
}

.IPLAN_pastilla-container{
    width: 33%;
    margin: 15vh auto 0;
    flex-direction: column;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}



.IPLAN_pastilla-container img{
    width:100%;
    height:auto;
}

.IPLAN_header_title_red{
    font-family: 'ArialRoundedMT-Bold';
    color: rgb(228,0,70)!important;
    font-size: 30px;
    line-height: 28px;
    margin-top: 60px;
}

.IPLAN_header_subtitle_gray{
    font-family: 'ArialRoundedMT';
    color: rgb(114,114,114)!important;
    font-size: 30px;
    line-height: 20px;
}

.IPLAN_header_body h2{
        font-family: 'ArialRoundedMT'!important;
    color: rgb(114,114,114)!important;
    font-size: 20px!important;
    line-height: 21px!important;
    padding: 0;
}

.IPLAN_header_body{
    font-family: 'ArialRoundedMT';
    line-height: 8px;
    margin-top: 26px;
    color: rgb(114,114,114);
}

.IPLAN_header_back h3 {
    font-size: 17px;
}

.IPLAN_header_descubri{
    margin-top: 8vmin;
    margin-left: 10%;
    text-align: left;
    max-width: 33%;
}

.IPLAN_header_descubri img{
    width: 100%;
    height: auto;

}

.IPLAN_texto_con_video_title img {
    width: 30%;
    height: auto;
}

.IPLAN_texto_con_video_title {
    margin: 50px auto 0;
    text-align: center;
}

.IPLAN_texto_con_video_text{
    color: rgb(114,114,114)!important;
    font-size: 22px;
    line-height: 24px;
    text-align: center;
    margin:16px auto 24px;
}

.IPLAN_texto_con_video_videoplayer{
    margin: 10px auto 100px;
    max-width:720px;
}

.field--name-field-acerca-de-iplan .field__label {
    display: none;
}

.IPLAN_trabajar{
    background-image: url(/themes/iplan_b4/images/bg-trabajar-en-iplan_07.jpg);
    width:100%;
        height: 800px;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;
}

.field--name-field-trabajar-en-iplan .field__label {
    display: none;
}

.IPLAN_texto_con_imagen_title{
    padding-top: 80px;
    font-weight: bold;
    font-family: 'ArialRoundedMT';
    text-align:center;
    color:rgb(236,12,67);
    font-size:30px;
}

.IPLAN_texto_con_imagen_descriptivo_text{
    font-family: 'ArialRoundedMT';
    text-align:center;
    color:rgb(114,114,114);
    font-size:22px;
    width: 80%;
    margin: 10px auto;
}

.IPLAN_texto_con_imagen_descriptivo_text p {
    margin: 25px auto;
}

.IPLAN_texto_con_imagen_imagen{
    text-align:center;
    margin:auto;
}
/* IPLAN END */

.IPLAN_texto_con_imagen_separator{
    height:3px;
    width:50px;
    background-color: rgb(228,0,70);
    margin: 30px auto 0px;
    border-radius: 5px;
}

.IPLAN_nos_asociamos .field__label{
    text-align:center;
    color: rgb(228,0,70)!important;
    font-family: 'ArialRoundedMT-Bold';
    font-size: 30px;
    text-transform: uppercase;
}

.IPLAN_nos_asociamos .field__label:after {
  display: block;
    clear: both;
    content: "";
    position: relative;
    left: 0;
    bottom: 0;
    max-width: 250px;
    height: 1px;
    width: 6%;
    border-bottom: 4px solid #e2000f;
    margin: 0 auto;
    padding: 14px 0px;
}

.IPLAN_grilla_container{
    width: 80%;
    display: block;
    float: none;
    margin: 40px auto;
}



.IPLAN_grilla_container_image{
    width:25%!important;
    float:left;
}
.IPLAN_nos_asociamos .IPLAN_grilla_container_image:nth-child(1){
    float:right!important;
}


.IPLAN_grilla_container_textos{
    width:65%!important;
    text-align:left;
    float:left;
}


.IPLAN_grilla_container .IPLAN_texto_con_imagen_title{
    padding-top:0!important;
    color: rgb(228,0,70)!important;
    font-size: 22px!important;
    line-height: 15px!important;
    text-align:left!important;
}


.IPLAN_grilla_container .IPLAN_texto_con_imagen_descriptivo_text{
    color:rgb(114,114,114)!important;
    font-size:15px!important;
    line-height: 15px!important;
    text-align:left!important;
    width:100%!important;
}

.IPLAN_texto_con_imagen_descriptivo_text p {
    margin: 5px 0;
}

.IPLAN_grilla_container button{
    background-color: #fff;
   color: rgb(228,0,70);
    border-radius: 50px;
    border: 2px rgb(114,114,114) solid;
    font-size: 13px;
    line-height: 17px;
    padding: 8px 14px 8px 10px!important;
    display: none;/*inline-flex;*/
    font-family: 'ArialRoundedMT-Bold';
}

/*----*/
.IPLAN_rapidos_escalables{
    background-image: url(/themes/iplan_b4/images/bg-rapidosyescalables_02.jpg);
    width: 100%;
    height: 1030px;
    background-repeat: no-repeat;
    background-position: center;
    margin: 60px auto 80px;

}

.IPLAN_rapidos_escalables .field__label{
    display:none;
}


.IPLAN_escalables_titulo{
    text-align:center;
    color: rgb(255,255,255)!important;
    font-family: 'ArialRoundedMT-Bold';
    font-size: 30px;
    text-transform: uppercase;
    margin-top: 120px;
}

.IPLAN_escalables_titulo::after {
  display: block;
    clear: both;
    content: "";
    position: relative;
    left: 0;
    bottom: 0;
    max-width: 250px;
    height: 1px;
    width: 6%;
    border-bottom: 4px solid #fff;
    margin: 0 auto 30px;
    padding: 14px 0px;
}

.IPLAN_escalables_bajada{
    color: rgb(255,255,255)!important;
    font-size: 22px;
    line-height: 24px;
    text-align: center;
    margin: 16px auto 84px;
}

.IPLAN_grilla4_container{

}

.IPLAN_grilla4_item1{

}

.IPLAN_item_grilla_container{
        padding-right: 20px;
    color: #fff;
    width: 50%;
    float: left;
    margin-top: 20px;
    font-size: 16px;
    padding-left: 20px;
}
.IPLAN_item_grilla_imagen{
    float: left;
    width:25%;
}

.IPLAN_item_grilla_title{
    float: left;
    color: #fff;
    font-weight: bolder;
    width: 70%;
    padding: 10px 0;
}

.IPLAN_item_grilla_desc{
    float: left;
    color: #fff;
    width: 75%;
}


/* IPLAN novedades */

.IPLAN_novedadesTit{
    text-align: center;
    color: rgb(228,0,70)!important;
    font-family: 'ArialRoundedMT-Bold';
    font-size: 30px;
    text-transform: uppercase;
}

.IPLAN_novedadesTit:after {
    display: block;
    clear: both;
    content: "";
    position: relative;
    left: 0;
    bottom: 0;
    max-width: 250px;
    height: 1px;
    width: 6%;
    border-bottom: 4px solid #e2000f;
    margin: 0 auto;
    padding: 14px 0px;
}

.IPLAN_nonota-subtit{
    color: rgb(114,114,114)!important;
    font-family: 'ArialRoundedMT-Bold';
    font-size: 21px;
    line-height: 24px;
    text-align: center;
    margin: 40px auto;
}

.img_novedades{

}

.img_novedades img{
    width:100%;
    height:auto;
}

.IPLAN_texto_nota {
    padding: 0 20px 0 70px;
    color: rgb(114,114,114);
    font-size: 16px;
}
.IPLAN_texto_nota h4{
    color:#e40046;
    font-weight:bold;
}
.NovedadestextoBut{
    padding: 0 20px 0 70px;
}

.NovedadestextoBut button {
    background-color: #fff;
    color: rgb(228,0,70);
    border-radius: 50px;
    border: 2px rgb(114,114,114) solid;
    font-size: 13px;
    line-height: 17px;
    padding: 8px 14px 8px 10px!important;
    display: inline-flex;
    font-family: 'ArialRoundedMT-Bold';
}

.NovedadestextoBut button:hover {
    background-color: rgb(228,0,70);
    color: #fff;
    border: 2px rgb(228,0,70) solid;

}

.link_unge{display:none;}
.link_pyme{display:none;}
/* showcase productos */


/*------ header product list ------*/
.view-header .product_container_foto {
    position: absolute;
    max-height: 370px;
    margin-top:50px;
    overflow: hidden;
    border-bottom-left-radius: 200px;
    border-top-left-radius: 200px;
    width: 63%;
    right:0;
    margin-bottom: 40px;
    -webkit-box-shadow: -2px 2px 3px 0px rgba(41,41,41,0.52);
    -moz-box-shadow: -2px 2px 3px 0px rgba(41,41,41,0.52);
    box-shadow: -2px 2px 3px 0px rgba(41,41,41,0.52);
}

.view-header .product_container_foto img{
    max-width: 1920px!important;
    width:100%;
    height:auto;
}

.view-header .text_header{
    position: absolute;
    left: 110px;
    top: 40px;
    z-index: 4;
}

.view-header .product_container_subtitulo{
    position:relative;
    color: rgb(13,166, 183)!important;
    font-family: 'ArialRoundedMT-Bold';
    font-size: 20px;
    text-align:left;
    z-index:4;
    line-height: 24px;
    margin-top: 5px;
}

.view-header .product_container_subtitulo_in{
    position:relative;
    color: rgb(255,255,255)!important;
    font-family: 'ArialRoundedMT-Bold';
    font-size: 20px;
    text-align:left;
    z-index:4;
    line-height: 24px;
    margin-top: 5px;
}

.view-header .product_container_titulo{
    position: relative;
    font-size: 40px;
    letter-spacing: -1px;
    padding: 5px 10px 20px 0;
    color: rgb(236, 12, 67)!important;
    font-family: 'ArialRoundedMT-Bold';
    line-height: 36px;
    text-align: left;
    z-index: 4;
}

.view-header .product_container_promocion{
    position: relative;
    color: rgb(114, 114, 114)!important;
    font-family: 'ArialRoundedMT-Bold';
    text-align: left;
    z-index: 4;
    font-size: 17px;
}



/**/

.view-content.row {
    width: 100%;
    max-width: 930px;
    margin: 460px 30% 0 37%;
    align-content: center;
}

.view-id-taxonomy_term .view-content.row {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    align-content: center;
}

.showcase_prod_container {
    margin-right: 30px;
    margin-bottom: 30px;
}

#block-iplan-b4-content .views-element-container.contextual-region {
    display: block;
   /* margin: 50px auto;
    max-width: 1140px!important;*/
        padding: 0;
}

.showcaseTitle{
    margin-top:100px!important;
    text-align:center;
    font-family: 'ArialRoundedMT-Bold';
    color:rgb(114,114,114);
}

#showcase_de_productos_section{

    display:flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

#product_list_container .product_container{
    background-color: rgb(255,255,255);
    height:470px;
    width:255px;
    float:left;
    margin:10px;
    border-radius:25px;
    -webkit-box-shadow: 1px 1px 3px 1px rgba(77,77,77,0.26);
-moz-box-shadow: 1px 1px 3px 1px rgba(77,77,77,0.26);
box-shadow: 1px 1px 3px 1px rgba(77,77,77,0.26);
    text-align: center;
    font-size:14px;
    padding:0;
    overflow: hidden;
    position: relative;
}
#product_list_container .product_container_titulo{
    font-size: 30px;
    letter-spacing: -1px;
    padding: 15px 10px 10px;
    color: rgb(236, 12, 67)!important;
    font-family: 'ArialRoundedMT-Bold';
    line-height: 30px;
    text-align: center;
}

#product_list_container .product_container_titulo a{
    color: rgb(236, 12, 67)!important;
    text-decoration: none;
}

#product_list_container .product_container_subtitulo{
    color: rgb(13,166, 183)!important;
    font-family: 'ArialRoundedMT-Bold';
    padding: 2px 12px 4px 12px;
    text-align: center;
    font-weight: bolder!important;
    font-size: 14px;
    line-height: 14px;
}

#product_list_container .product_container_bajada{
    color: rgb(114, 114, 114)!important;
    font-family: 'ArialRoundedMT';
    padding:0 12px 2px;
    text-align:center;
    font-size:13px;
    line-height: 15px;
}



#product_list_container .product_container_foto{
    margin-left: 8px;
    height:160px;
    overflow: hidden;
    margin-top:12px;
    margin-bottom:12px;
    position: relative;
    width: 100%;
}

.node .field--type-image {
    float: left;
    margin: 0;
}

#product_list_container .product_container_foto img{
    width:auto;
    height:160px;
    border-top-left-radius: 100px!important;
    border-bottom-left-radius: 100px!important;
}

#product_list_container .field_combo_caracteristica_princ{
    color: rgb(114, 114, 114)!important;
    font-family: 'ArialRoundedMT-Bold';
    padding:2px 12px;
    font-size:13px;
    line-height: 15px;
}

#product_list_container .field_combo_destacado_inferior{
    color: rgb(13,166, 183)!important;
    font-family: 'ArialRoundedMT-Bold';
    padding: 2px 12px;
    font-size: 15px;
}

#product_list_container .product_container_buttons{
position: absolute;
    bottom: 10px;
    padding: 0;
    width: 90%
}

#product_list_container .bag_button_container{
    width: 30%;
    float: left;
    padding: 10px 5%;
}

#product_list_container .vermas_button_container{
        width: 68%;
    float: right;
    padding: 10px 1%;
}

#product_list_container .vermas_button{
    color: rgb(236, 12, 67)!important;
    text-decoration: none;
    border: 2px solid rgb(114,114,114);
    border-radius: 20px;
    padding: 8px 14px;
    font-family: 'ArialRoundedMT';
    font-size: 13px;
    font-weight: bolder;
}

#product_list_container .vermas_button:hover{
    color:#fff!important;
    text-decoration: none;
    border-color: rgb(236, 12, 67);
    background-color:rgb(236, 12, 67)!important;
}


#product_list_container .bag_button{
    color: rgb(236, 12, 67)!important;
    text-decoration: none;
    border: 2px solid rgb(114,114,114);
    border-radius: 60px;
    padding: 6px 6px 0px 5px;
    font-family: 'ArialRoundedMT';
    font-size: 13px;
    font-weight: bolder;
    width: 38px;
}

#product_list_container a{
    color: rgb(236, 12, 67)!important;
    text-decoration: none;
}

#product_list_container .bag_button::before{

}
/*--- MENU ---*/

.product_container_menu{
    width:25%;
    position:fixed;
    margin-top: 50px;
}

.product_container_menu_icons{
   float:left;
    width:55px;
    margin-right: 10px;
}

.product_container_menu_text{
   float:left;
    font-size:16px;

}

.product_container_menu .upper {
    min-height: 105px;
}

.product_container_menu .bottom {
    padding-top: 15px;
}

.upper .product_container_menu_text_title {
    padding: 8px 0 12px;
    font-family: 'ArialRoundedMT-Bold';
}

.product_container_menu .upperFirst{
    min-height: 35px;
}

.upperFirst .product_container_menu_text_title {
    padding: 8px 0 12px;
    font-family: 'ArialRoundedMT-Bold';
}

.bottom .product_container_menu_text_title {
    padding: 18px 0 12px;
    font-family: 'ArialRoundedMT-Bold';
}

/* .final_product_page */
.final_product_page{
    margin-top:50px;
}

/* breadcrumb */
.final_product_page .product_container_tipo {
    float: left;
    display: inline-flex;
    color: rgb(114,114,114);
    font-family: 'ArialRoundedMT';
    font-weight: bolder;
    font-size: 27px;
    text-transform: uppercase;
}

.final_product_page  .product_container_familia {
    font-size: 27px;
    display: inline-flex;
    color: rgb(236, 12, 67)!important;
    font-family: 'ArialRoundedMT';
    font-weight: bolder;
}

.final_product_page .product_container_foto {
    position:relative;
    max-height: 350px;
    overflow: hidden;
    border-bottom-left-radius: 200px;
    border-top-left-radius: 200px;
    width: 97%;
    float: right;
    -webkit-box-shadow: -2px 2px 3px 0px rgba(41,41,41,0.52);
    -moz-box-shadow: -2px 2px 3px 0px rgba(41,41,41,0.52);
    box-shadow: -2px 2px 3px 0px rgba(41,41,41,0.52);
}

.final_product_page .product_container_foto img{
    max-width: 1080px!important;
    width:100%;
    height:auto;
    min-width: 750px;
}

.final_product_page .text_header{
    position: absolute;
    left: 110px;
    top: 40px;
    z-index: 4;
}

.final_product_page .product_container_subtitulo{
    position:relative;
    color: rgb(13,166, 183)!important;
    font-family: 'ArialRoundedMT-Bold';
    font-size: 20px;
    text-align:left;
    z-index:4;
    line-height: 24px;
    margin-top: 5px;
}

.final_product_page .product_container_titulo{
    position: relative;
    font-size: 40px;
    letter-spacing: -1px;
    padding: 5px 10px 20px 0;
    color: rgb(236, 12, 67)!important;
    font-family: 'ArialRoundedMT-Bold';
    line-height: 36px;
    text-align: left;
    z-index: 4;
}

.final_product_page .product_container_promocion{
    position: relative;
    color: rgb(114, 114, 114)!important;
    font-family: 'ArialRoundedMT-Bold';
    text-align: left;
    z-index: 4;
    font-size: 17px;
}
.final_product_page .product_container_sabores {
    display: flex;
    flex-direction: row;
    justify-content:center;
}
/* same as above */
.field.field--name-field-productos-caracteristicas.field--type-entity-reference-revisions.field--label-hidden.field__items {
    display: flex;
    flex-direction: row;
    justify-content:center;
}

.final_product_page .flavour_paragraph {
    max-width: 270px;
    padding: 0 10px;
    text-align: center;
    min-width: 250px;
    float: left;
}
.final_product_page .caracteristica{
    display: flex;
    flex-direction: row;
    justify-content:center;
}


.final_product_page #Caracteristica_Numero {
    color: rgb(0,155,168);
    font-size: 90px;
    letter-spacing: -4px;
    font-weight: bolder;
    font-family: 'ArialRoundedMT-Bold';
}

.final_product_page #Caracteristica_texto {
    color: rgb(0,155,168);
    font-family: 'ArialRoundedMT';
    font-size: 40px;
    line-height: 36px;
    padding-top: 14px;
    padding-left: 5px;
}

/* for those withoutID */
.clearfix.text-formatted.field.field--name-field-caracteristica.field--type-text.field--label-hidden.field__item {
    font-weight: bold;
    float: left;
    color: rgb(0,155,168);
    font-family: 'ArialRoundedMT';
    font-size: 40px;
    line-height: 36px;
    padding-top: 14px;
    padding-left: 5px;
    margin-bottom: 20px;
    display: flex;
}



.final_product_page .descripcion {
    color: rgb(114,114,114);
    font-size: 17px;
    line-height: 18px;
    font-family: 'ArialRoundedMT';
}

.final_product_page .precio {
    font-size: 27px;
    color: rgb(0,155,168);
    font-family: 'ArialRoundedMT';
        font-weight: bold;
}

.final_product_page .comprar{
    text-transform: uppercase;
}

.final_product_page .comprar a{
    color: rgb(228,0,70);
    border-radius: 50px;
    border: 2px rgb(114,114,114) solid;
    font-size: 16px;
    line-height: 17px;
    padding: 12px 40px!important;
    margin: 20px auto;
    display: inline-flex;
    font-family: 'ArialRoundedMT-Bold';
    font-weight: bold;
    text-decoration: none;
}

.final_product_page .comprar a:hover{
    color: rgb(255,255,255)!important;
    font-weight: bold;
    text-decoration: none;
    background-color: rgb(228,0,70)!important;
    border: 2px rgb(228,0,70) solid;
}

.final_product_page .call_to_action{
    position: relative;
    color: rgb(228,0,70)!important;
    font-family: 'ArialRoundedMT';
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    padding-top: 30px;
}

tr, td, tbody, table {
    background-color: transparent!important;
}

table, tbody{
    width:100%!important;
    margin-top: 30px;
}

td{
    width:50%!important;
}

.final_product_page .product_container_caracteristicas {
    margin-top: 40px;
    color: rgb(114,114,114);
        margin-left: 20px;
}

.final_product_page .product_container_caracteristicas h3{
    color: rgb(0,155,168);
    font-family: 'ArialRoundedMT';
    font-size: 32px;
    padding-left: 5px;
}

.final_product_page .product_container_caracteristicas h4{
    color: rgb(0,155,168);
    font-family: 'ArialRoundedMT';
    font-size: 20px;
}

.final_product_page .product_container_caracteristicas li {
    font-size: 20px;
    font-weight: bold;
    color: rgb(114,114,114);
    padding-left: 1em;
    text-indent: -.7em;
    line-height: 30px;
}

.final_product_page .product_container_caracteristicas ul {
  list-style: none;
  padding: 0;
  margin: 0;
}


.final_product_page .product_container_caracteristicas li::before {
  content: "- ";
  color: rgb(228,0,70); /* or whatever color you prefer */
  font-size: 30px;
  vertical-align: middle;
}

.final_product_page .product_container_relacionados hr{
    background-color:rgb(114,114,114);
    height: 1px;
    border: 0;
}

.final_product_page .product_container_relacionados h2{
    text-align:center;
    font-size: 30px;
    color: rgb(236, 12, 67)!important;
    font-family: 'ArialRoundedMT-Bold';
    font-weight: bolder;
}

.consultar_container{
    text-align:center;
    padding:10px;
}

.verdocs_but {
    color: rgb(236, 12, 67)!important;
    text-decoration: none;
    border: 2px solid rgb(114,114,114);
    border-radius: 20px;
    padding: 8px 45px;
    font-family: 'ArialRoundedMT';
    font-size: 13px;
    font-weight: bolder;
    max-width: 220px;
    text-align: center;
    margin: 20px auto;
}

.verdocs_but:hover{
    color:#fff!important;
    text-decoration: none;
    border-color: rgb(236, 12, 67);
    background-color:rgb(236, 12, 67)!important;
}

.product_container_relacionados a:hover{

}

.verdocs_but a{
    text-decoration: none;
}

.final_product_page .product_container_relacionados {
    margin-top: 40px;
}

.final_product_page .product_container_drelacionados {
    margin-top: 60px;
}

.pr_relacionados_container .container {
    float: left;
    width: auto;
}

/* FORM CONSULTAS */

.form_consultas_container{
    width:100%;
    clear:both;

    margin-top: 50px;

}

.consuForm {
    padding: 50px 10px;
    border-radius: 15px!important;
    background-color: #e8e8e8;
    position: relative;
}

.js-form-item-captcha-response span {
    display: none;
}
.consultas_captcha {
    padding-left: 18px;
}

small#edit-captcha-response--description {
    display: none;
}

.final_product_page .form_consultas_container h2 {
    text-align: center;
    font-size: 30px;
    color: rgb(236, 12, 67)!important;
    font-family: 'ArialRoundedMT-Bold';
    font-weight: bolder;
}

.IPLAN_fundadores{
    background-image: url(/themes/iplan_b4/images/lifestyle5.jpg);
    width: 100%;
    height: 950px;
    background-repeat: no-repeat;
    background-position:top center;
    margin: 60px auto 0px;
}



.fundadores_titulo{
    padding-top: 80px;
    font-weight: bold;
    font-family: 'ArialRoundedMT';
    text-align: center;
    color: rgb(255,255,255);
    font-size: 30px;
}

.fundadores_bajada{
    font-family: 'ArialRoundedMT';
    text-align: center;
    color: rgb(255,255,255);
    font-size: 22px;
    width: 100%;
    padding: 0 10% 1%;
    margin: 10px auto;
}

#fundadores_col1 .comollega_pill_container {
        min-height: 470px;
        max-width: 280px;
	background-color:rgb(201,0,68);
    color:#fff;
}

#fundadores_col2 .comollega_pill_container {
        min-height: 470px;
        max-width: 280px;
	background-color:rgb(216,12,75);
    color:#fff;
}

#fundadores_col3 .comollega_pill_container {
    min-height: 470px;
    max-width: 280px;
	background-color:rgb(247,23,77);
    color:#fff;
}

/**/
.IPLAN_placeholder{
    background-image: url(/themes/iplan_b4/images/bg-iplan_ringo.jpg);
    width: 100%;
    height: 1250px;
    background-repeat: no-repeat;
    background-position: center;
    margin: 60px auto 80px;
}


/* -------- RINGO DCI ----------- */

.IPLAN_RingoDCI{
    background-image: url(/themes/iplan_b4/images/bg-iplan_ringo.jpg);
    width: 100%;
    height: 1250px;
    background-repeat: no-repeat;
    background-position: center;
    margin: 60px auto 80px;
}

.titDatacenterR{
    text-align: center;
    color: rgb(255,255,255)!important;
    font-family: 'ArialRoundedMT-Bold';
    font-size: 30px;
    text-transform: uppercase;
    margin-top: 120px;
}

.titDatacenterR::after {
    display: block;
    clear: both;
    content: "";
    position: relative;
    left: 0;
    bottom: 0;
    max-width: 250px;
    height: 1px;
    width: 6%;
    border-bottom: 4px solid #fff;
    margin: 0 auto 30px;
    padding: 14px 0px;
}

.contentDatacenterR{
    color: rgb(255,255,255)!important;
    font-size: 22px;
    line-height: 24px;
    text-align: center;
    margin: 16px auto 84px;
}

.bajadaDataCenterR {
    font-weight: 100;
    font-size: 17px;
    margin-top: 10px;
}

.columnas2DataCenterR {
    margin-top: 40px;
    font-size: 15px;
    -webkit-columns: 300px 2;
    -moz-columns: 300px 2;
    columns: 300px 2;
    text-align: left;
}

.videoDatacenterR{
    margin: 10px auto 100px;
    max-width:720px;
}
.videoDatacenterR iframe {
    border: solid 1px #fff;
}

/* admin login */

form#user-login-form {
    margin-top: 120px;
}



/* HOME PORTAL */


#content{
    padding-right: 0px!important;
    padding-left: 0px!important;
}

.homeportalBack{
    width:auto!important;
    min-height: 100vh;
    max-height:1300px;
    height: 1300px;
    background-image: url(/themes/iplan_b4/images/bg-header-portal.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding-top: 80px;
    margin-left: 0!important;
    padding-left: 0!important;
}

.gradient_white{
        position: absolute;
    width: 100%;
    height: 500px;
    z-index: 1;
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
    margin-top: 390px;
}

.homepageTopper{
    z-index:2;
    position:relative;
}



.home_circle_container{
    position:relative;
    width:100%;
    max-width: 341px;
    margin: auto;
    cursor:pointer;
}

.home_circle_back{
    position:relative;
}



.field.field--name-field-circulo-de-color.field--type-image.field--label-hidden.field__item {
    position: absolute;
}

.home_circle_icon{
    position: absolute;
    margin-top: 20px;
    display: flex;
    margin-top: 30px;
    margin-left: 24px;
    justify-content: center;
}

.home_circle_text{
    position: absolute;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-family: 'ArialRoundedMT-Bold';
    line-height: 12px;
    top: 230px;
    width: 100%;
}

.home_segundo_bloque {
    position: absolute;
    float: none;
    margin-top: 430px;
    padding: 0 35px;
}

.home_segundo_bloque_text {
    text-align: left;
    color: #fff;
    font-size: 18px;
    font-family: 'ArialRoundedMT-Bold';
    line-height: 22px;
    width: 100%;
}
.field--name-field-columna-1-hogar .home_segundo_bloque_text {
    color:#e40046;
    min-height: 100px;
}
.field--name-field-columna-2-pyme .home_segundo_bloque_text {
    color:#15a0aa;
    min-height: 100px;
}

.field--name-field-columna-3-mayorista .home_segundo_bloque_text {
    color:#5b5b5b;
    min-height: 100px;
}

.home_tercer_bloque {
    position: absolute;
    margin: 630px auto 0;
    width: 100%;
}

.quad_blanco{
        background-color: #fff;
    -webkit-box-shadow: 1px 1px 4px 1px rgba(148,148,148,0.63);
    -moz-box-shadow: 1px 1px 4px 1px rgba(148,148,148,0.63);
    box-shadow: 1px 1px 4px 1px rgba(148,148,148,0.63);
    border-radius: 20px;
    position: absolute;
    width: 90%;
    text-align: center;
    padding: 10px 20px;
    height: 290px;
}

.quad_blanco img{
    height: auto;
    max-width: 100%;
}

.subtit_quad_blanco{
    text-align: left;
    color:#15a0aa;
    font-size: 18px;
    font-family: 'ArialRoundedMT-Bold';
    line-height: 22px;
    width: 100%;
}

.text_quad_blanco {
    text-align: left;
    font-size: 16px;
    line-height: 18px;
}

.but_quad_blanco {
    width: calc( 60% - 40px);
    position: absolute;
    bottom: 25px;
    left: calc( 50% - 25%);
    border: 2px solid #666;
    margin: auto;
    border-radius: 20px;
    padding: 10px 10px;
    color: #e40046;
    font-family: 'ArialRoundedMT-Bold';
    font-size: 15px;
}

.but_quad_blanco:hover{
    cursor:pointer;
    background-color: #e40046;
    color:#fff;
    border-color: #e40046;
}


/*----- Home Empresas ------*/
.titleEmpresas {
    text-align: center;
    font-size: 18px;
    max-width: 500px;
    margin: auto;
    padding-bottom: 2
}

.homeempreasaBack{
    width:auto!important;
    min-height: 100vh;
    max-height:1133px;
    height: 1133px;
    background-image: url(/themes/iplan_b4/images/bg-header-empresas.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding-top: 70px;
    margin-top: -80px;
    margin-left: 0!important;
    padding-left: 0!important;
}

.homeempreasaBack .gradient_white{
    margin-top: 450px!important;
}

.homeempreasaBack .home_tercer_bloque{
    display:none;
}

.homeempreasaBack .home_segundo_bloque {
    position: absolute;
    float: none;
    margin-top: 430px;
    padding: 0 30px 0 10px;
    width: 341px;
    margin-left: 17%!important;
    /* margin: 430px auto 0; */
}

.homeempreasaBack .pymeEmpresas .home_segundo_bloque_text{
    color:#15a0aa;
}

.homeempreasaBack .ungeEmpresas .home_segundo_bloque_text{
    color:#5b5b5b;
}

.vermas_button {
    color: rgb(236, 12, 67)!important;
    text-decoration: none;
    border: 2px solid rgb(114,114,114);
    border-radius: 20px;
    padding: 8px 45px;
    font-family: 'ArialRoundedMT';
    font-size: 13px;
    font-weight: bolder;
}

/*-------- Mayorista --------*/
.views-element-container.col-auto {
    margin: 0;
    padding: 0;
}


.homeMayoristaBack{
    width:auto!important;
    min-height: 100vh;
    height: 955px;
    background-image: url(/themes/iplan_b4/images/bg-header-mayorista.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding-top: 90px;
    margin-left: 0!important;
    padding-left: 0!important;
}

.product_content{
    position: relative;
    /*margin-top: -40px;*/
}

h4{
    font-size:18px;
    color: #fff;
    font-family: 'ArialRoundedMT-Bold';
}

.textoMayorista {
    margin: 50px 0 70px;
    color: #fff;
    max-width: 420px;
}

.product_content .product_container_foto {
    position: absolute;
    max-height: 370px;
    margin-top: 1000px;
    overflow: hidden;
    border-bottom-left-radius: 200px;
    border-top-left-radius: 200px;
    width: 63%;
    right: 0;
    margin-bottom: 40px;
    -webkit-box-shadow: -2px 2px 3px 0px rgba(41,41,41,0.52);
    -moz-box-shadow: -2px 2px 3px 0px rgba(41,41,41,0.52);
    box-shadow: -2px 2px 3px 0px rgba(41,41,41,0.52);
}

.product_content .product_container_menu {
    width: 25%;
    position: absolute;
    margin-top: 1050px;
    left: calc(50% - 600px)
}


/*--------------- HOME PYME -----------------*/
.homePymeBack{
    width:auto!important;
    min-height: 100vh;
    height: 955px;
    background-image: url(/themes/iplan_b4/images/bg-header-pyme.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding-top: 90px;
    margin-left: 0!important;
    padding-left: 0!important;
}

.product_container_foto .vermas_button{
    color: rgb(236, 12, 67)!important;
    text-decoration: none;
    border: 2px solid rgb(114,114,114);
    border-radius: 20px;
    padding: 8px 0px;
    font-family: 'ArialRoundedMT';
    font-size: 13px;
    font-weight: bolder;
    width: 150px;
    text-align: center;
}

.product_container_foto a{
    text-decoration: none;
}

.product_container_foto a:hover{
    text-decoration: none;
     color:#fff!important;
}

.product_container_foto .vermas_button:hover{
    text-decoration: none;
    background-color: rgb(236, 12, 67);
    color:#fff!important;
    border:0;
}

.product_container_menu_text_item .item_active{
    color: rgb(236, 12, 67)!important;
}

.men-icon-tit {
    position: relative;
    float: left;
    margin-left: -60px;
    margin-top: -6px;
}

/*--------------- HOME UNGE -----------------*/
.homeUngeBack{
    width:auto!important;
    min-height: 100vh;
    height: 955px;
    background-image: url(/themes/iplan_b4/images/bg-header-unge.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding-top: 90px;
    margin-left: 0!important;
    padding-left: 0!important;
}






/*------------ HOGARES (LIV) -----------------*/

/* form handlers */
.webform-confirmation {
    max-width: 1140px;
    margin: 50px auto;
}



/*header*/
.LIV_header_back{
    min-height: 100vh;
    max-height: 904px;
    background-image: url(/themes/iplan_b4/images/bg_LIV_lifestyle.jpg);
    background-color: rgb(237, 236, 236);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center 0px;
    z-index: 0;
    /* position: relative; */
    height: 100%;
    width: 100%;
    right: 0;
    padding-top: 90px;
    padding-bottom: 0px;
    margin-left: 0!important;
    padding-left: 0!important;
}


.LIV_pastilla-container{
    width: 33%;
    margin: 15vh 10% 0;
    flex-direction: column;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
}

.IPLAN_pastilla_button {
    cursor: pointer;
}

.LIV_header_title_img img{
    width: 100%;
    height: auto;
}

.LIV_header_subtitle {
    font-family: 'ArialRoundedMT-Light';
    font-size: 16px;
    letter-spacing: -0.35px;
    line-height: 20px;
    color: #fff;
    padding: 40px 10% 40px 10px;
}

.combo_velocidades_LIV {
    float: right;
    width: 70%;
    position: relative;
    margin-top: 90px;
    /* right: 0; */
}

.titVelocidad {
    width: 100%;
    text-align: center;
    font-family: 'Quenda-Medium';
    font-size: 32px;
}

#offerContainer {
    padding: 0 0%;
}

.combo {
    min-height: 300px;
        min-width: 235px;
}

.comboNumber {
    font-family: 'QuendaBold';
    font-size: 85px;
    float: left;
    line-height: 70px;
    width: 64%;
    text-align: right;
    padding-right: 3px;
    letter-spacing: -3px;
}

.comboMb {
    font-family: 'Quenda-Medium';
    font-size: 33px;
    float: left;
    line-height: 28px;
    width: 35%;
    text-align: left;
    padding: 3px 0 0 6px;
}

.comboBut.red {
    width: 100%;
    float: left;
    background-color: rgb(237, 236, 236);
    padding: 8px 12px;
    border: 2px solid rgb(236, 12, 67);
    font-size: 19px;
    border-radius: 30px;
    font-family: 'ArialRoundedMT-Bold';
    display: block;
    z-index: 2;
}
.comboBut.red:hover {
    background-color: rgb(236, 12, 67);
    color:#fff!important;
    cursor:pointer;
}

.comboPrice.striked {
    text-decoration: line-through;
}

.comboPrice {
    float: left;
}

.comboCTA {
    float: right;
}

.combo_TAG {
    position: absolute;
    top: 120px;
    transition: all 0.2s ease-in-out 0s;
}

.clear.disclaimerCombos {
    text-align: center;
    padding: 50px 0 120px;
    font-style: italic;
    z-index: 3;
        position: relative;
}

.LIV_header_badgeValidar{
    position:absolute;
    max-width:120px;
}

.LIV_header_badgeValidar img{
    width:100%;
    height:auto;
        cursor: pointer;
}

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0px;
    width: 100%;
    height: 100%;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 5px;
    height: 0;
    overflow: hidden;
}




.i-back {
    position: absolute!important;
    height: 205px;
    background-image: url(../images/lower_background.png);
    background-repeat: no-repeat;
    background-position: top center;
    margin:0;
    background-size: cover;
}

/* form chequeo zona */
.zonaTit {
    font-family: 'Quenda-Medium';
    font-size: 32px;
}

.zonaSubtit {
    font-size: 24px;
    font-family: 'Quenda-Medium';
}

.LIV_chequeo_zona .row{
    display:block;
}

.LIV_chequeo_zona label {
    position: absolute;
    font-size: 12px;
    display: inline-block;
    float: right;
    padding: 0;
    width: 40%;
    color: #6a7989;
    font-weight: bold;
    font-size: 75.25%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.LIV_chequeo_zona .form-control {
    background-color: transparent!important;
    border: 0!important;
    box-shadow: 0 0 0!important;
    border-bottom: 1px solid red!important;
    border-radius: 0;
    padding: 10px 1px 0!important;
}

#edit-actions-submit {
    font-family: 'ArialRoundedMT-Bold';
    font-size: 13px;
    background-color: transparent;
    border-radius: 25px;
    border: 2px solid rgb(114,114,114);
    color: rgb(236,12,67);
    text-align: center;
    padding: 9px 16px 8px;
    line-height: 22px;
    height: auto!important;
    margin: 10px auto;
    display: block!important;
    text-transform: uppercase;
}

#edit-actions-submit:hover{
    background-color: rgb(236,12,67);
    color: #fff;
    border-color:rgb(236,12,67);

}

.form-group {
    margin-bottom: 25px;
}

.circle_right{
    position:relative;
}

.circle_right img{
    width:100%;
    height:auto;
}
.LIV_proximamente{
    position: absolute;
    color: #fff;
    top: 50%;
    text-align: center;
    width: 100%;
}

.LIV_proximamente h3{
    font-family: 'Quenda-Medium';
    font-size: 35px;
    width: 100%;
    text-align: center;
}

.LIV_proximamente p{

}

.red_sqare {
    margin-top: 40px;
    border-radius: 24px;
    text-align: center;
    max-width: 96%;
    position: relative;
}

.red_back {
    background-color: rgb(236, 12, 67)!important;
}

.tit_sqare {
    font-family: 'Quenda-Medium';
    text-align: center;
    padding: 10px 0 0;
    font-size: 28px;
    font-weight: lighter;
}
.text_sqare {
    text-align: center;
    padding: 0 0 10px;
    font-size: 38px;
    font-family: 'Quenda-Medium';
    line-height: 50px;
}
.white {
    color: rgb(255, 255, 255)!important;
}


/* LIV Acerca de */
.LIV_acerca_de{
    background-image: url(/themes/iplan_b4/images/lifestyle2.jpg);
    width:100%;
    max-height:1219px;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 120px;
    padding-top: 50px;
    text-align: center;
}


.pildora_grafica_bajada h3{
    color:#fff;
    max-width: 48%;
    text-align: center;
    font-family: 'ArialRoundedMT-Light';
    font-size: 22px;
    font-weight: bold;
    margin: auto;
}

.pildora_grafica_bajada p{
    color:#fff;
   max-width: 65%;
    text-align: center;
    font-family: 'ArialRoundedMT-Light';
    margin: 20px auto 60px;
    font-size: 18px;
}

.pildora_grafica_round{
    text-align: center;
    max-width: 250px;
    border-radius: 200px;
    min-height: 360px;
    margin: auto;
    padding: 8% 5%;
    position: relative;
    background-color: rgb(236, 12, 67)!important;
}

.pildora_grafica_image{

}

.pildora_grafica_title2{
    color:#fff;
    font-family: 'Quenda-Medium';
    font-size: 26px;
    text-align: center;
    padding: 24% 0 0%;
    position: absolute;
    bottom: 60px;
    left: 0px;
    width: 100%;
    margin-top: 30px;
}
.pildora_grafica_textobottom{
    color:#fff;
    text-align: center;
    padding: 10% !important;
}





/* LIV FAQ */

.faq_grph_tit{
    margin-top:80px;
    width:100%;
    text-align:center;
    padding-bottom: 20px;
}

.faq_tit{
    width:100%;
    text-align:center;
    font-size: 20px;
    padding-bottom: 20px;
    font-family: 'ArialRoundedMT-Bold';
    color:rgb(236, 12, 67)!important;
}

/* LIV Acerca comoLlega */
.LIV_como_llega{
    background-image: url(/themes/iplan_b4/images/lifestyle3.jpg);
    width:100%;
    max-height:1219px;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 120px;
    padding-top: 50px;
    text-align: center;
    padding-bottom: 80px;
}
.faqContainer{
    margin:0!important;
    padding:0!important;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin: auto;
    width: 75%;
}

.embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 0px 0 0 0;
    padding: 1em 0 1em 20%;
    border: 0;
    border-bottom: red 1px solid;
    border-radius: 0;
    background-color: #fff;
    width: 100%!important;
    font-family: 'ArialRoundedMT-Bold';
    font-size: 18px!important;
}


.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
    background: transparent!important;
    border: 0!important;
    color:rgb(236, 12, 67)!important;
}

.ui-widget-content {
    border: 0!important;
    background-color: #eee!important;
    height: auto!important;
    padding:20px 21%!important;
}

/* LIV como llega -- */

.titComoLlega{
        width: 100%;
    text-align: center;
    font-family: 'Quenda-Medium';
    font-size: 30px;
    margin: 110px auto 30px;
    color:#fff;
}

.subtitComoLlega{
    width: 100%;
    text-align: center;
    font-size: 20px;
    margin: 20px auto 30px;
    display: block;
    padding: 0 30%;
    color:#fff;
}

.pillColumn{

}
.comollega_pill_container {
    text-align: center;
    max-width: 220px;
    border-radius: 200px;
    min-height: 360px;
    margin: 0 4px;
    padding: 8% 4%;
    position: relative;

}
.pildora_1 .comollega_pill_container {
    margin-top: 0px;
    color: #fff;
    background-color: rgb(201,0,68)!important;
}

.pildora_2 .comollega_pill_container {
    margin-top: 20px;
    color: #fff;
    background-color: rgb(216,12,75)!important;
}

.pildora_3 .comollega_pill_container {
    margin-top: 40px;
    background-color: rgb(246,23,77)!important;
    color: #fff;
}

.pildora_4 .comollega_pill_container {
    margin-top: 60px;
    background-color: rgb(255,255,255)!important;
    color: rgb(236,12,67)!important;
}


.comollega_pill_tit{
    font-family: 'Quenda-Medium';
    font-size: 22px;
    text-align: center;
    padding: 60px 0 0%;
    position: relative;
    /* bottom: 60px; */
    /* left: 0px; */
    width: 100%;
    margin-top: 0px;
}

.comollega_pill_arrow{

}

.comollega_pill_text{
    text-align: center;
    padding: 6% !important;
    font-size: 14px;
}

/**/


/*------- login page -----------*/
.loginPage{
    width: auto!important;
    min-height: 100vh;
    height: 1342px;
    background-image: url(/themes/iplan_b4/images/bg-header-login.jpg);
    background-repeat: no-repeat;
    background-position: top -420px center;
    background-size: cover;
    margin-left: 0!important;
    padding-left: 0!important;
}


.theFormPage{
    margin-top:50px;
}

.tit_areaClientes_icon{
    float:left;
}

.tit_areaClientes{
    position: relative;
    font-size: 40px;
    letter-spacing: -1px;
    padding: 10px 10px 20px 10px;
    color: rgb(114, 114, 114)!important;
    font-family: 'ArialRoundedMT-Bold';
    line-height: 36px;
    text-align: left;
    z-index: 4;
    float:left;
}

.subtit_areaClientes{
    position: relative;
    font-size: 20px;
    letter-spacing: -0.5px;
    padding: 10px 0px 20px 68px;
    color: rgb(114, 114, 114)!important;
    font-family: 'ArialRoundedMT-Bold';
    line-height: 22px;
    text-align: left;
    z-index: 4;
    float:left;
}

.form_login_areaClientes input[type="text"] {
    height: 45px;
    border: 0;
    color:rgb(216,12,75)!important;
    font-family: 'ArialRoundedMT-Bold';
    font-size: 16px;
    padding: 12px 0 0 10px;
        margin-right: 30px;
    margin-bottom: 10px;
}

.form_login_areaClientes input[type="password"] {
    height: 45px;
    border: 0;
    color:rgb(216,12,75)!important;
    font-family: 'ArialRoundedMT-Bold';
    font-size: 16px;
    padding: 12px 0 0 10px;
        margin-right: 30px;
    margin-bottom: 10px;
}


label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    /* font-weight: bold; */
    margin-top: 4px!important;
    font-size: 12px!important;
    /*left: 0px;*/
    position: absolute;
    margin-left: 9px;
}

.form-control:focus {
  border-color: transparent;
  outline: 0!important;
  -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0 0px rgba(102, 175, 233, 0)!important;
          box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0), 0 0 0px rgba(102, 175, 233, 0)!important;
}

select.form-control:not([size]):not([multiple]) {
    height: 44px;
}

.form-control {
    display: block;
    width: 100%;
    height: 44px!important;
    padding: 12px 12px 0px!important;
    font-size: 14px;
    line-height: 1.42857143;
    color: #e40046!important;
    background-color: #ffffff;
    background-image: none!important;
    border: 0px solid #cccccc!important;
    border-radius: 0px!important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border-bottom: 1px solid #e40046!important
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 0px auto -webkit-focus-ring-color!important;
  outline-offset: 0px!important;
}


.form_login_container h3{
    color:rgb(216,12,75)!important;
    font-size: 20px;
    font-family: 'ArialRoundedMT-Bold';
        margin-left: 16px;
}

.webform_container_areaClientes{
    margin-top:100px;
}

textarea.form-control {
    height: 180px!important;
}

/**/


/*-------- alcance de servicio ------------*/

.alcances_screen{
    background-color:#fff;
}

.alcances_screen a:link {
    color: #727272;
    font-family: Arial;
    font-size: 1em;
    text-decoration: none;
}
.alcances_screen a:hover {
    color:#e40046;
    font-family: Arial;
    font-size: 1em;
    text-decoration:none;
}

.alcances_screen h4 {
    color: #e40046;
    font-family: Arial;
    font-size: 17px;
    font-weight: bold;
}

.alcances_screen .alcanceTit {
    color: #000;
    font-family: 'ArialRoundedMT-Bold';
    font-size: 1.7em;
    font-weight: bold;

}

.alcances_screen .title_alcances_screen {
        font-size: 2em;
    font-weight: bold;
    color: #e40046;
     font-family: 'ArialRoundedMT-Bold';
}



/*--------- CONTACT FORMS ------------------*/

.forms_Back{
    width:auto!important;
    min-height: 100vh;
    height: 1115px;
    background-image: url(/themes/iplan_b4/images/bg_forms.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    margin-left: 0!important;
    padding-left: 0!important;
}

.titleContacto_Form{
    margin-top:50px;
    font-size:32px;
    color:#888;
    margin-bottom:20px;
    font-family: 'ArialRoundedMT-Bold';
}

.field.field--name-field-encabezado-columna-derecha.field--type-string.field--label-hidden.field__item {
    font-family: 'ArialRoundedMT-Bold';
    font-size:20px;
    color:rgb(236, 12, 67)!important;
}

.field.field--name-field-formulario-de-contcto-cont.field--type-webform.field--label-above {
    font-family: 'ArialRoundedMT-Bold';
    font-size:20px;
    color:rgb(236, 12, 67)!important;
}

.Contacto_side_Form{
    max-width:25%;
}

.Contacto_side_Form {
    border-right: 1px solid #444;
}

.Contacto_form_Form label{
    font-size:12px;
    color:rgb(114,114,114);
}

/* campos con title */
.field--type-string.field--label-above .field__label{
    font-size:12px;
    color:rgb(114,114,114);
}

.field--type-string.field--label-above .field__item{
    font-family: 'ArialRoundedMT-Bold';
    font-size:30px;
    color:rgb(236, 12, 67)!important;
    line-height: 23px;
    padding-bottom: 15px;
}

.field--name-field-form-subtitulo-gris{
    font-family: 'ArialRoundedMT-Bold';
    font-size:16px;
    color:rgb(114, 114, 114)!important;
    font-family: 'ArialRoundedMT-Bold';
    margin-bottom:30px;
}

.field--name-field-telefono-iplan-liv-form{
    font-family: 'ArialRoundedMT-Bold';
    font-size: 30px;
    color: rgb(236, 12, 67)!important;
    line-height: 23px;
    padding-bottom: 15px;
}

.field.field--name-field-pymes-tit-form.field--type-string.field--label-hidden.field__item {
    font-family: 'ArialRoundedMT-Bold';
    font-size: 30px;
    color: rgb(236, 12, 67)!important;
    line-height: 23px;
    padding-bottom: 15px;
    padding-top: 15px;
}

.field.field--name-field-pymes-tit-form.field--type-string.field--label-hidden.field__item {
    font-family: 'ArialRoundedMT-Bold';
    font-size: 30px;
    color: rgb(236, 12, 67)!important;
    line-height: 23px;
    padding-bottom: 15px;
    padding-top: 15px;
}

.text-formatted h2 {
    padding-left: 0px!important;
}

/**/

.chat_Icon {
    cursor: pointer;
}



/*----- CENTRO DE AYUDA ---------------*/

/*centro de ayuda iframe */
#myFrmer {
   width: 99%!important;
    min-height: 800px;
    height: 500px;
    border: 0;
    margin: 0;
    padding: 0;
    overflow-y: visible;


}


  .centro-de-ayuda .container-fluid{
      width:100%;
        background-color:#e8e8e8;
    }
   .centro-de-ayuda .container{
        max-width:1144px;
        margin:auto;
        text-align: center;
    }

   .centro-de-ayuda .container-title{
        float:left;
        width:100%;
        text-align:left;
        margin-top: 90px;
       margin-bottom:40px;
    }

   .centro-de-ayuda .title_icon{
        width:60px;
        float:left;
    }

   .centro-de-ayuda h1 {
        color: #e40046;
        font-family: 'ArialRoundedMT-Bold';
        font-size: 2.4em;
        padding: 8px;
        margin: 0;
    }

   .centro-de-ayuda h2 {
        color: #727272;
        font-family: 'ArialRoundedMT-Bold';
        font-size: 2.4em;
        padding: 8px;
        margin: 0;
    }

   .centro-de-ayuda h4 {
        color: #e40046;
        font-family: Arial;
        font-size: 1.3em;
        margin-top: 5px;
        font-weight: bold;
    }

    .centro-de-ayuda .redMe {
        min-height: 80px;
        line-height: 17px;
    }

   .centro-de-ayuda .title_text{
        width:auto;
        float:left;
    }

    .centro-de-ayuda .container-columns{
        width:100%;

    }

   .centro-de-ayuda .column{
        position:relative;
        width:23%;
        float:left;
        margin:40px 1%;
    }

    .centro-de-ayuda .header-columna{
        width:100%;
        border-bottom:2px solid #727272;
        text-align:left;
    }

    .centro-de-ayuda .icon-columna{
        position:relative;
        width:25%;
        float:left;
    }

    .centro-de-ayuda .title-columna{
        position:relative;
        width:75%;
        float:left;
    }

    .centro-de-ayuda .clearfix{
        clear:both;
    }
    .centro-de-ayuda .link_de_columna{
        padding: 20px 0 0;
        text-align:left;
    }


    .centro-de-ayuda .link_de_columna a:link{
        text-decoration: none;
        color: #727272;
        font-family: Arial;
        font-size: 1em;
        text-decoration: none;
    }
/*----- zona clientes----*/

.hiddenSpinner{
    display:none;
}

#MiListado_clientes .mis-servicios-lista li{
    display:none;
}

#MiListado_clientes .mis-servicios-sublista li{
    display:list-item;
        font-size: 15px;
}

.col-xs-12.col-md-12.butonholder {
    padding: 10px;
}

.titlerZona{
    text-align: center;
    margin-top: 70px;
    border-bottom: 1px solid;
}

#zonaclientes h3 {
    color: #e40046;
    font-family: Arial Rounded MT;
    font-size: 1.7em;
}

#zonaclientes #main {
    position: relative;
}

#zonaclientes button#closession {
    /* float: right; */
    /* margin: 130px 0; */
    position: absolute;
    right: 0;
    top: 20px;
}

.hidModal{
    display:none;
    font-size:12px;
    width:310px;
    padding:5px;
    background-color: #fff;
    border:solid 2px rgb(114,114,114);
    border-radius:10px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.ulClas{
    padding: 5px 0 0 15px!important;
}

.himodalText img{
    width:100%;
    height:auto;
}
/**/
/**/

.inline { display: none }

/**
 * Featherlight Loader
 *
 * Copyright 2015, WP Site Care http://www.wpsitecare.com
 * MIT Licensed.
 */
@-webkit-keyframes featherlightLoader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes featherlightLoader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.featherlight-loading .featherlight-content{
  width: 96px;
  height: 120px;
  background: none;
  overflow: hidden;
  margin: 0;
}


.featherlight .featherlight-content:before {
  position: absolute;
  box-sizing: border-box;
  display: block;
  content:'';
  -webkit-animation: featherlightLoader 1s infinite linear;
          animation: featherlightLoader 1s infinite linear;
  background: transparent;
  border: 8px solid #8f8f8f;
  border-left-color: #fff;
  border-radius: 80px;
  width: 80px;
  height: 80px;
  min-width: 0;
  top: calc(50% - 40px);
  left:calc(50% - 40px);
  z-index: 0;
}


.featherlight .featherlight-content img{
  z-index: 1;
  position:relative;
}

.featherlight-previous,
.featherlight-next{
  z-index: 2;
}
.featherlight-loading .featherlight-content > * {
  display: none !important;
}

.featherlight-loading .featherlight-close,
.featherlight-loading .featherlight-inner {
  display: none;
}

.featherlight .featherlight-content iframe { z-index: 1; position:relative; }
/**/
/**/
#views-exposed-form-showcase-de-productos-page-1{
    display:none;
}

#views-exposed-form-showcase-de-productos-page-2{
    display:none;
}

#views-exposed-form-showcase-de-productos-page-3{
    display:none;
}

#views-exposed-form-showcase-de-productos-page-4 {
    display: none;
}

.product_container_menu_text_title{
    /*cursor:pointer;*/
    cursor: auto!important;
}

.product_container_menu_text_item{
    cursor:pointer;
}

.item_active{
    color: rgb(236, 12, 67)!important;
}


.product_container_menu_text_item:hover{
    cursor:pointer;
    color: rgb(236,12,67)!important;
}

.product_container_menu_text_title:hover{
    cursor:pointer;
}

.contextual-region {
    position: relative;
    width: 100%;
}

#block-iplan-footer {
    width: 100%;
}

.titles_static_pages{
    font-size: 2em;
    font-weight: bold;
    color: #e40046;
    font-family: 'ArialRoundedMT-Bold';
}


.alcanceEstaticoPAg h2{
    color: #e40046;
    padding-left: 0;
    padding-top: 40px;
    font-family: 'ArialRoundedMT-Bold';
}


span.redMe{
    color: #e40046!important;
    font-family: 'ArialRoundedMT-Bold';
}

.NovedadestextoBut{
    display:none;
}


#lil_disappear{
    display:none;
}
#big_disappear{
    display:block;
}

.compButtonright {
    font-size: 17px;
    font-family: 'ArialRoundedMT-Bold';
}


.webform-confirmation__message{
    display:none;
    font-family: 'ArialRoundedMT-Bold';
    font-size: 16px;
}

.webform-confirmation__message h2{
    padding-left: 0px;
    color: rgb(228,0,70);
}

.webform-confirmation__back{
    display:none;
    height:0px;
    color: rgb(228,0,70);
    border-radius: 50px;
    border: 2px rgb(114,114,114) solid;
    font-size: 13px;
    line-height: 17px;
    padding: 8px 20px 8px 20px!important;
    display: inline-flex;
    font-family: 'ArialRoundedMT-Bold';
}

.webform-confirmation__back:hover{
    color:#fff;
    border-color:rgb(228,0,70);
    background-color: rgb(228,0,70);
}

.recuperContr{
        font-size: 14px;
    font-style: italic;
    text-align: center;
    color: #000!important;
    font-weight: bold;
}

.featherlight-iframe .featherlight-content {
    border-bottom: 0;
    padding: 0;
    -webkit-overflow-scrolling: touch;


}

.featherlight .featherlight-inner {
    display: block;
    min-width: 300px;
    min-height: 200px;
}



.webform-confirmation__back{
    display:none!important;
}


.okButFormResponse{
    color: rgb(228,0,70);
    border-radius: 50px;
    border: 2px rgb(114,114,114) solid;
    font-size: 13px;
    line-height: 17px;
    padding: 8px 14px 8px 13px!important;
    margin-top: 15px;
    display: inline-flex;
    font-family: 'ArialRoundedMT-Bold';
}

.okButFormResponse:hover{
    color:#fff;
    background-color: rgb(228,0,70);
    border-color:rgb(228,0,70);
}

/*captcha fix*/
.form-item-captcha-response {
    padding-left: 32px;
}


#product_list_container .product_container_foto img {
    width: auto;
    height: 160px;
    min-width: auto;
}

.chatButSection{
 position:absolute;
    width:0px;
    height:98px;
    background-image:url(../images/chatIcon.png);
    background-repeat: no-repeat;
    right:0;
    top:250px;
    cursor:pointer;
    z-index: 10;
}

.chatButSection2{
 position:absolute;
    width:0px;
    height:98px;
    background-image:url(../images/chatIcon2.png);
    background-repeat: no-repeat;
    right:0;
    top:250px;
    cursor:pointer;
    z-index: 10;
}


.chatButSection:hover{
    cursor:pointer;
}

.chatButSection2:hover{
    cursor:pointer;
}


/* form above sign */
div#sign_above {
    font-size: 15px;
    color: #000;
    max-width: 900px;
    font-family: 'ArialRoundedMT';
}
#sign_above a{
    color:rgb(228,0,70)!important;
    font-weight:bold;
}

#sign_above i{
    font-size: 14px;
}

.secondParag{
    margin:15px 0 20px 0;
}


/*-- CCenter ----*/
.ccenter{
    position:absolute;
    width:260px;
    height:270px;
    background-color:#fff;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    z-index:-1;
    top:-160px;
    right:0;
    -webkit-box-shadow: 0px 4px 5px -4px rgba(0,0,0,0.36);
    -moz-box-shadow: 0px 4px 5px -4px rgba(0,0,0,0.36);
    box-shadow: 0px 4px 5px -4px rgba(0,0,0,0.36);
    border-top: 2px solid rgba(0,0,0,0.1);
}

.ccenter-close{
    height:21px;
    width:20px;
    position:absolute;
    right:10px;
    top:-26px;
    background-image: url(/themes/iplan_b4/images/ccenter_close.png);
    background-position: top;
}

.ccenter-close:hover{
    background-position: bottom;
    cursor:pointer;
}

.ccenter .upperRow{
    position:relative;
    width:100%;
    height:90px,
}

.ccrowSeparator{
    position:relative;
    width:188px;
    height:1px;
    background-color:#e40046;
    margin:0 auto;

}

.ccentertit{
    position:relative;
    width:100%;
    font-size: 13px;
    color:rgb(114,114,114);
    text-align: center;
    text-transform: uppercase;
    font-family: 'ArialRoundedMT-Bold';
    padding:8px 0;
}

.iconTainerTop{
    position:relative;
    width:auto;
    margin:0 auto;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
}

.iconTainerBottom{
    position:relative;
    width:auto;
    margin:0 auto;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
}

.upIcon{
    width:50px;
    margin: 0 10px 10px;
}

.upIcon:hover{
    cursor:pointer;
}

.downIcon{
    margin: 0 10px 10px;
}


/*  documentos */

.view-centro-de-ayuda2 {
    max-width: 1170px;
    margin: auto;
    text-align: center;
}

.view-centro-de-ayuda2 .view-content.row {
    width: 100%;
    max-width: 930px;
    margin: 10px 30% 0 37%;
    align-content: center;
}

.view-centro-de-ayuda2 .container-title {
    float: left;
    width: 100%;
    text-align: left;
    margin-top: 90px;
    margin-bottom: 40px;
}

.view-centro-de-ayuda2 .title_icon {
    width: 60px;
    float: left;
}

.view-centro-de-ayuda2 .title_text {
    width: auto;
    float: left;
}

.view-centro-de-ayuda2 h1 {
    color: #e40046;
    font-family: 'ArialRoundedMT-Bold';
    font-size: 1.7em;
    padding: 8px;
    margin: 0;
}

.view-centro-de-ayuda2 h4 {
    color: #e40046;
    font-family: Arial;
    font-size: 1.3em;
    margin-top: 5px;
    font-weight: bold;
}

.view-centro-de-ayuda2 .redMe {
    min-height: 80px;
    line-height: 17px;
}

.view-centro-de-ayuda2 .header-columna {
    width: 100%;
    border-bottom: 2px solid #727272;
    text-align: left;
}

.view-centro-de-ayuda2 .link_de_columna {
    padding: 20px 0 0;
    text-align: left;
}

.view-centro-de-ayuda2 .link_de_columna a:link {
    text-decoration: none;
    color: #727272;
    font-family: Arial;
    font-size: 1em;
    text-decoration: none;
}

.node--type-documento h3 {
    color: #e40046;
    font-family: 'ArialRoundedMT';
    font-size: 1.2em;
    font-weight: bold;
}

.node--type-documento p {
    color: #727272;
    font-family: Arial;
    font-size: 1em;
}

.itemAgrupadoDocumentos.views-row {
    display: none;
}

.campoColumnaPertenece {
    display: none;
}

.itemAgrupadoDocumentos{
  display:none;
}

.view-duplicado-de-termino-de-taxonomia{
  max-width: 1170px;
      margin: auto;
      text-align: center;
}


.view-duplicado-de-termino-de-taxonomia .view-content.row {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    align-content: center;
}

.view-duplicado-de-termino-de-taxonomia .container-title {
    float: left;
    width: 100%;
    text-align: left;
    margin-top: 90px;
}

.view-duplicado-de-termino-de-taxonomia .title_icon {
    width: 60px;
    float: left;
}

.view-duplicado-de-termino-de-taxonomia .title_text {
    width: auto;
    float: left;
}

.view-duplicado-de-termino-de-taxonomia .title_text h2 {
    color: #727272;
    font-family: Arial Rounded MT;
    font-size: 1.7em;
    padding: 8px;
    margin: 0;
}

.view-duplicado-de-termino-de-taxonomia .title_text a:hover {
    color: #e40046!important;
}

.view-duplicado-de-termino-de-taxonomia .title_text h2:hover {
    color: #e40046!important;
}

.view-duplicado-de-termino-de-taxonomia .title_text_red h1 {
    color: #e40046;
    font-family: Arial Rounded MT;
    font-size: 1.7em;
    padding: 8px;
    margin: 0;
    font-weight: bold;
    text-transform: initial!important;
}

.view-duplicado-de-termino-de-taxonomia .title_text_red h1 a{
    color: #e40046!important;

}

.view-duplicado-de-termino-de-taxonomia .views-row {
    width: 100%!important;
    position: relative!important;
}

.view-duplicado-de-termino-de-taxonomia .column {
    position: relative;
    width: 23%;
    float: left;
    margin: 40px 1% 20px 1%;
}


.view-duplicado-de-termino-de-taxonomia .container {
    max-width: 1170px;
    margin: auto;
    text-align: center;
}

.view-duplicado-de-termino-de-taxonomia .view-content.row {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    align-content: center;
    display:none;
}

.view-duplicado-de-termino-de-taxonomia .container-columns {
    width: 100%;
}

.view-duplicado-de-termino-de-taxonomia .header-columna {
    width: 100%;
    border-bottom: 2px solid #727272;
    text-align: left;
}

.view-duplicado-de-termino-de-taxonomia .icon-columna {
    position: relative;
    width: 25%;
    float: left;
}

.view-duplicado-de-termino-de-taxonomia .title-columna {
    position: relative;
    width: 75%;
    float: left;
}

.view-duplicado-de-termino-de-taxonomia h4 {
  color: #e40046;
  font-family: Arial;
  font-size: 1.1em;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 26px;
}

.view-duplicado-de-termino-de-taxonomia .link_de_columna {
    padding: 20px 0 0;
    text-align: left;
}

.view-duplicado-de-termino-de-taxonomia .link_de_columna a{
    font-size: 16px!important;
    text-align: left!important;
    color: #000!important;
}

.view-duplicado-de-termino-de-taxonomia .link_de_columna a:hover{
    color: #e40046!important;
}

.view-duplicado-de-termino-de-taxonomia .views-field-field-producto-al-que-pertenece-{
  display:none;
}

.view-duplicado-de-termino-de-taxonomia .views-field-field-tipo-de-{
  display:none;
}

.node--type-documento .content{
  max-width: 1170px;
  margin: auto;
}


.node--type-documento .field--type-text-with-summary a {
    font-weight: bold;
    color: #000!important;
}

.node--type-documento .field--type-text-with-summary a:hover {
    font-weight: bold;
    color: #e40046!important;
}

#third-page-documentos .view-content.row {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    align-content: center;
}

#third-page-documentos .container-title {
    float: left;
    width: 100%;
    text-align: left;
    margin-top: 90px;
}

#third-page-documentos .title_icon {
    width: 60px;
    float: left;
}

#third-page-documentos .title_text {
    width: auto;
    float: left;
}

#third-page-documentos .title_text h2 {
    color: #727272;
    font-family: Arial Rounded MT;
    font-size: 1.7em;
    padding: 8px;
    margin: 0;
}

#third-page-documentos .title_text a:hover{
    color:  #e40046!important;
}

#third-page-documentos .title_text_red h1 {
    color: #e40046;
    font-family: Arial Rounded MT;
    font-size: 1.7em;
    padding: 8px 2px 0px;
    line-height: 1.1em;
    margin: 0;
    font-weight: bold;
    float: left;
    text-transform: initial!important;
    margin-block-end: 0em;
    letter-spacing: -1px;
}

#third-page-documentos .title_text_red h1 a{
    color: #727272!important;

}

#third-page-documentos .title_text_red h1 a:hover{
    color:  #e40046!important;

}

#third-page-documentos .title_text_red .negrit h1 {
    color: #727272!important;
}

#third-page-documentos .node--type-documento h3 {
    color: #000;
    font-family: Arial Rounded MT;
    font-size: 1.5em;
    text-transform: uppercase;
}

h3 .field--name-field-tipo-de-{
  color: #000;
  font-family: Arial Rounded MT;
  font-size: 0.9em;
  font-weight: bold;
  text-transform: uppercase;
}


.node--type-documento h2 {
    color: #727272;
    font-family: Arial Rounded MT;
    font-size: 1.5em;
    padding: 8px;
    margin: 0;
}

.node--type-documento .title_text h2:hover {
	color:#e40046!important;
}


.field--name-field-producto-al-que-pertenece- .field__label{
  display:none!important;
}

.field.field--name-field-producto-al-que-pertenece-.field--type-entity-reference.field--label-above.quickedit-field {
    width: auto;
    float: left;
}

/*-- Media Queries --*/

/*--
--
--
--
--
--
--
--
--
--
--
--
--
--
--
--
--
--
--
--
--
--
--
-
--------------------------------------------------------------------------*/
@media (min-width: 3000px){

.home_circle_container {
    position: relative;
    width: 90%;
    max-width: 320px;
    padding: 0 10px;
    }
}

@media (max-width: 1480px){

    body{
        background-color: #fff!important;
    }
    /* home portal */



    .homeportalBack {
        width: auto!important;
        min-height: 100vh;
        max-height: none;
        height: auto;
        min-height: 1180px;
    }



    .homeColumn {
        height: auto;
    }

    .home_circle_container {
        max-width: 280px;
    }

    .home_circle_container img{
        width:100%;
        height:auto;
    }

    .homeportalBack .homepageTopper {
        z-index: 2;
        position: relative;
        width: 100%;
        float: none;
        /* margin-left: 15px; */
    }

    .home_circle_icon {
        position: relative;
        margin-top: 20px;
        display: flex;
        margin-top: 30px;
        margin-left: 26px;
        justify-content: center;
        width: 80%;
    }

    .home_circle_icon img{
        width:100%;
        height:auto;
    }



    .home_segundo_bloque {

    margin-top: 120px;
    }

    .home_segundo_bloque {
        position: relative;
        /* float: left; */
        margin-top: 110px;
        left: calc( 50% - 160px);
        padding: 0 30px;
        width: 320px;
    }

    .home_segundo_bloque_text {
            width: 100%;
    max-width: 280px;
    }

    .home_tercer_bloque {
        position: relative;
        margin: 30px auto 0;
        width: 100%;
    }


    .quad_blanco {

        position: relative;
        width: 90%;
        text-align: center;
        padding: 10px 20px;
        height: 300px;
        max-width: 300px;
        margin: auto;
    }

    .but_quad_blanco {
    width: calc( 60% - 0px);
    position: absolute;
    bottom: 25px;
    left: calc( 50% - 30%);
    border: 2px solid #666;
    margin: auto;
    padding: 10px 5px;
    }
    /*-- home empresas .homeempreasaBack --*/

    .home_circle_back {
        padding-top: 10px;
    }

     .home_circle_text {
        top: 198px;
    }

    .homeempreasaBack .home_segundo_bloque {
        position: relative;
        float: none;
        margin-top: 200px;
    }

    /*---- productos pages -----*/

    .homeMayoristaBack .homepageTopper {
        z-index: 2;
        position: relative;
        width: 70%!important;
        float: left;
        margin-left: 15px;
    }

    .product_content .product_container_menu {
        width: 25%;
        position: absolute;
        margin-top: 1050px;
        left: 10%;
    }

    .homePymeBack {
        width: auto!important;
        min-height: 100vh;
        height: 955px;
        background-image: url(/themes/iplan_b4/images/bg-header-pyme.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
        padding-top: 40px;
        margin-left: 0!important;
        padding-left: 0!important;
    }

    .homeUngeBack {
        width: auto!important;
        min-height: 100vh;
        height: 955px;
        background-image: url(/themes/iplan_b4/images/bg-header-unge.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
        padding-top: 40px;
        margin-left: 0!important;
        padding-left: 0!important;
    }

    .homeMayoristaBack {
        width: auto!important;
        min-height: 100vh;
        height: 955px;
        background-image: url(/themes/iplan_b4/images/bg-header-mayorista.jpg);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
        padding-top: 40px;
        margin-left: 0!important;
        padding-left: 0!important;
    }

     .home_circle_text {
        color: #fff;
        font-size: 16px;
        line-height: 12px;
        top: 200px;
    }

    .gradient_white {
        margin-top: 300px;
    }

    /**IPLAN**/

    .IPLAN_texto_con_video_title img {
        width: 60%;
        height: auto;
    }

    .IPLAN_texto_con_video_videoplayer {
    position: relative;
    padding-bottom: 32.25%;
    padding-top: 20px;
    height: 0;
    overflow: hidden;
    }

    .IPLAN_texto_con_video_videoplayer iframe,
    .IPLAN_texto_con_video_videoplayer object,
    .IPLAN_texto_con_video_videoplayer embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }


    .videoDatacenterR{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    }

    .videoDatacenterR iframe,
    .videoDatacenterR object,
    .videoDatacenterR embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }

    .IPLAN_item_grilla_container {

        min-height: 250px;
    }

    .IPLAN_grilla_container_textos {
        width: 90%!important;
        text-align: left;
        float: left;
    }

    .IPLAN_item_grilla_imagen img {
        width: 100%;
        height: auto;
    }

    .IPLAN_nos_asociamos .IPLAN_grilla_container_image:nth-child(1) {
        float: none!important;
    }

    .IPLAN_escalables_bajada {

        margin: 10px auto 24px;
    }


    /* LIV */
    .combo_velocidades_LIV {
        z-index: 4;
    }

    .i-back {

        z-index: 0!important;
    }

    .LIV_header_subtitle {

        padding: 20px 10% 20px 10px;
    }

    .LIV_header_back {
    padding-top: 50px;
    }

    .LIV_pastilla-container {
    margin: 26vh 8% 0;
    }
    .clear.disclaimerCombos {
        text-align: center;
        padding: 20px 0 90px;
        font-style: italic;
        z-index: 3;
        position: relative;
    }

    .pildora_grafica_title img {
        width: 100%;
        max-width: 480px;
        height: auto;
    }

    .col-sm-12.faq_grph_tit img {
        width: 100%;
        height: auto;
        max-width: 340px;
    }

    /**/

    .webform-confirmation__message{
        text-align:center;
        max-width:1000px;
        margin:auto;
    }

    #product_list_container .product_container_foto {
        margin-left: 8px;
        height: 160px;
        overflow: hidden;
        margin-top: 12px;
        margin-bottom: 12px;
        position: relative;
        width: 98%;
    }

}

@media (max-width: 1420px){
    .view-content.row {
        width: 100%;
        max-width: 610px;
        margin: 460px 0% 0 45%;
        align-content: center;
    }

    .view-header .product_container_foto img {
        height: 470px;
    width: auto;
        opacity: 0.5;
    }
}

/* resoluci�n IPLAN */
@media (max-width: 1370px){
    .home_circle_text {
        color: #fff;
        font-size: 16px;
        line-height: 12px;
        top: 200px;
    }

    .IPLAN_texto_con_video_title img {
        max-width: 400px;
    }

    .home_circle_text {
        color: #fff;
        font-size: 16px;
        line-height: 12px;
        top: 200px;
    }

    .IPLAN_texto_con_video_text {
        color: rgb(114,114,114)!important;
        font-size: 20px;
        line-height: 22px;
        text-align: center;
        margin: 16px auto 24px;
        padding: 0 5%;
    }

    .columnas2DataCenterR {
        margin-top: 40px;
        font-size: 15px;
        -webkit-columns: 300px 2;
        -moz-columns: 300px 2;
        columns: 300px 2;
        text-align: left;
        -webkit-column-gap: 7%; /* Chrome, Safari, Opera */
        -moz-column-gap: 7%; /* Firefox */
        column-gap: 7%;
    }

    .IPLAN_RingoDCI {
        width: 100%;
        height: auto;
    }

   .videoDatacenterR {
        position: relative;
        padding-bottom: 32.25%;
    }

    .IPLAN_nonota-subtit {
    font-size: 22px;
    line-height: 24px;
    text-align: center;
    margin: 40px auto 60px;
}

    .IPLAN_rapidos_escalables {
        background-image: url(/themes/iplan_b4/images/bg-rapidosyescalables_02.jpg);
        width: 100%;
        height: auto;
    }


    .IPLAN_trabajar {
    height: 1000px;
    }

    .fundadores_bajada {
        font-family: 'ArialRoundedMT';
        text-align: center;
        color: rgb(255,255,255);
        font-size: 22px;
        width: 100%;
        padding: 10px 8% 40px;
        margin: 10px auto;
    }

    .IPLAN_texto_con_imagen_descriptivo_text {
        font-family: 'ArialRoundedMT';
        text-align: center;
        color: rgb(114,114,114);
        font-size: 22px;
        width: 100%;
        padding: 10px 8% 40px;
        margin: 10px auto;
    }

    .LIV_chequeo_zona label {

    width: 100%;
    }

.home_segundo_bloque {
    position: relative;
    /* float: left; */
    margin-top: 180px;
    left: calc( 50% - 160px);
    padding: 0 30px;
    width: 320px;
}

.gradient_white {
    margin-top: 336px;
}

.tit_quad_blanco {
    max-height: 53px;
}

    .text_quad_blanco {
    text-align: left;
    font-size: 15px;
    line-height: 17px;
}

.homeportalBack {
padding-top: 30px;
}
}










@media (max-width: 1080px){
    .view-content.row {
        width: 100%;
        max-width: 610px;
        margin: 460px 0% 0 37%;
        align-content: center;
    }

    #zonaclientes h3 {
        color: #000;
        font-family: Arial Rounded MT;
        font-size: 18px!important;
    }

    #zonaclientes h1 {
        margin-top: 100px;
        color: #e40046;
        font-family: Arial Rounded MT;
        font-size: 1.6em;
        padding: 20px 8px;
        margin: 0px auto;
        text-align: center;
    }

    .IPLAN_trabajar {
    height: 800px;
    }

}


@media (max-width: 1280px){
    /* contact forms*/

    .loginPage {
    width: auto!important;
    min-height: 100vh;
        height: auto;
    }

    .form_login_areaClientes input[type="text"] {

    margin-bottom: 10px;
    }

    .form_login_areaClientes {

    }

    .Contacto_side_Form {
        border:0;
        border-bottom: 1px solid #444;
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .Contacto_side_Form .field--type-image {
        float: none!important;
        margin: 0;
    }

    .theFormPage {
        margin-top: 50px;
        max-width: 90%;
    }
    /**Liv**/




    .LIV_header_badgeValidar {
        max-width: 90px;
    }

    .LIV_header_back {
        padding-top: 30px;
    }

    .


    .LIV_pastilla-container img {
        width: 100%;
        height: auto;
    }

    .combo_velocidades_LIV {
        float: right;
        width: 100%;
        position: relative;
        margin-top: 70px;
        padding:0 5%;
        /* right: 0; */
    }
    .forms_Back {
    width: auto!important;
    min-height: 100vh;
    height: auto;
    }
}

@media (max-width: 991px){

    /* navbar*/
   .container {
        width: 100%!important;
        /*max-width: 90%;*/
    }
    .navbar {
        border-radius: 0px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        text-align: center;
    }

    form.form-inline.my-2.my-lg-0 {
        position: relative;
        right: 0;
        top: 10px;
    }

    a.nav-link.gray {
        float: none;
        font-size: 20px;
        padding: 10px !important;
        /* font-family: 'ArialRoundedMT'; */
        color: rgb(114,114,114);
    }

    .navbar-nav {
           display: flex!important;
    flex-direction: column-reverse;
        margin-top: 0px!important;
            margin: auto!important;
        text-align: center;
    }

    .navbar-brand {
    max-width: 250px;
    height: 70px!important;
    padding-top: 14px;
    padding-bottom: 10px;
}

    .brandsFooter img{
        width:100%;
        height:auto;
    }
    .footerTextLinks {
        height: auto;
    }

    .compButton {
        height: 65px;
    }

    /* home portal */
    .homeportalBack {
        background-image: none;
        background-image: url(/themes/iplan_b4/images/bg-header-portal-mobile.jpg);
        background-size: auto;
        background-repeat: repeat-y;
        background-color: #e8e8e8;
        min-height:initial;
    }

    .gradient_white {
        display:none;
    }


    .home_segundo_bloque {
    position: relative;
    /* float: left; */
    margin-top: 100px;
    }

     /*-- home empresas .homeempreasaBack --*/


    .homeempreasaBack {
        width: auto!important;
        min-height: 100vh;
        max-height: none;
        height: auto;
        background-image: url(/themes/iplan_b4/images/bg-header-portal-mobile.jpg);
        background-repeat: repeat-y;
        background-position: top center;
        background-size: auto;
        padding-top: 70px;
        margin-top: -80px;

    }

    .col-lg-6.col-md-12.pymeEmpresas {
        margin-bottom: 100px;
    }

    .homeempreasaBack .home_segundo_bloque {
        margin-left: 0%!important;
        margin-top: 80px;
    }
    /*---- productos -----*/

    .homepageTopper {
        float:none;
        width: 100%!important;
        margin:auto;
    }

    .product_content .product_container_foto {
        position: absolute;
        max-height: 350px;
        margin-top: 640px;
        overflow: hidden;
        border-bottom-left-radius: 200px;
        border-top-left-radius: 200px;
        width: 95%;
        right: 0;
        margin-bottom: 40px;
        -webkit-box-shadow: -2px 2px 3px 0px rgba(41,41,41,0.52);
        -moz-box-shadow: -2px 2px 3px 0px rgba(41,41,41,0.52);
        box-shadow: -2px 2px 3px 0px rgba(41,41,41,0.52);
    }

    .textoMayorista {
        margin: 50px auto;
        padding: 0 15px;
    }

    .titleMayorista {
        max-width: 70%;
        text-align: center;
        float: none;
        margin: auto;
    }

    .titleMayorista img{
        width:100%;
        height:auto;
    }

    .homeMayoristaBack .homepageTopper {
        z-index: 2;
        position: relative;
        width: 70%!important;
        float: none;
        margin-left: auto;
    }


    .homePymeBack {
        width: auto!important;
        min-height: auto;
        height: auto;
    padding-bottom: 40px;
        text-align: center;
        background-image: none;
        background-color: #009da9;
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
        padding-top: 40px;
        margin-left: 0!important;
        padding-left: 0!important;
    }

    .homeUngeBack {
        width: auto!important;
        min-height: auto;
        height: auto;
    padding-bottom: 40px;
        text-align: center;
        background-image: none;
        background-color: #93979a;
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
        padding-top: 40px;
        margin-left: 0!important;
        padding-left: 0!important;
    }

    .homeMayoristaBack {
        width: auto!important;
        min-height: auto;
        height: auto;
    padding-bottom: 40px;
        text-align: center;
        background-image: none;
        background-color: #545655;
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
        padding-top: 40px;
        margin-left: 0!important;
        padding-left: 0!important;
    }


    .btn_map_conectividad {
        max-width: 130px;
        text-align: center;
        position: relative;
        padding-left: 0;
        float: none;
        margin: auto;
    }

    /*---productos final----*/
    .pr_relacionados_container .container {
        float: left;
        width: auto!important;

    }

    /* IPLAN PAGE */
    .videoDatacenterR {
        margin: 0;
        max-width: 500px;
    }

    .IPLAN_item_grilla_imagen {
        float: left;
        width: 25%;
        max-width: 100px;
        margin-right: 20px
    }

    .IPLAN_item_grilla_imagen img {
        width: 100%;
        height: auto;
    }

    .IPLAN_grilla4_item4 {
        min-height: 180px;
    }

    .IPLAN_grilla4_item3 {
        min-height: 180px;
    }

    .IPLAN_grilla4_item2 {
        min-height: 180px;
    }

    .IPLAN_grilla4_item1 {
        min-height: 180px;
    }



    .IPLAN_item_grilla_container {
        padding-right: 20px;
        color: #fff;
        width: 100%;
        min-height: auto!important;
    }

    .IPLAN_texto_con_video_title img {
        width: 60%;
        height: auto;
    }

    .quad_blanco {
        display:none;
    }

    .final_product_page .product_container_sabores {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

    .field.field--name-field-productos-caracteristicas.field--type-entity-reference-revisions.field--label-hidden.field__items {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

    /****  Liv  ****/




    .LIV_header_back {
    min-height: 100vh;
    max-height: none;
    background-position-y: -50px;
    background-image: url(/themes/iplan_b4/images/lifestyle-xs.jpg);
    }


     .LIV_header_title_img {
        width: 80%;
        margin: 4% auto 0;
    }




    .LIV_header_subtitle {
       margin-top: 110%;
        color: #eb0c43;
        font-size: 20px;
        line-height: 23px;
        text-align: center;
        padding: 0 20px;
        width: 100%;
    }


    .combo_velocidades_LIV {
        float: left;
        width: 100%;
        position: relative;
        margin-top: 70px;
        /* right: 0; */
        padding: 0 15%;
    }

    .LIV_pastilla-container {
        margin: -450px auto 200px;
    }

    .LIV_header_badgeValidar {
        margin: 250px auto 0;
    float: none!important;
    max-width: 160px;
    position: relative;
    }

    .LIV_acerca_de {
        width: 100%;
        max-height: none;
        background-repeat: no-repeat;
        background-position: center;
        margin-top: 120px;
        padding-top: 50px;
        text-align: center;
        height: auto;
        background-size: cover;
    }

    .pildora_grafica_bajada h3 {
    color: #fff;
    max-width: 100%;
    }

    .subtitComoLlega {
        width: 100%;
        text-align: center;
        font-size: 20px;
        margin: 20px auto 30px;
        display: block;
        padding: 0 3%;
        color: #fff;
    }


    .zonaTit {
        font-family: 'Quenda-Medium';
        font-size: 32px;
        padding: 0 10px;
    }

    .zonaSubtit {
        font-size: 24px;
        font-family: 'Quenda-Medium';
        padding: 0 10px;
    }

    .captcha {
    margin-left: 1px!important;
}

    .form-item-captcha-response {
    padding-left: 13px;
}
    .navbar-brand img {
        width: 100%;
        height: auto;
        /* min-height: 60px; */
        margin-top: 10px;
    }

}
/* 991 END */


@media (max-width: 930px){
    /*---productos ---*/
    .view-content.row {
        width: 100%;
        max-width: 350px;
        margin: 460px 0% 0 40%;
        align-content: center;
    }
}

@media (max-width: 759px){

    .logoFooter {
        text-align: center;
    }
    .logoFooter2{
        text-align: center;
    }

    .redesContainer {
        max-width: 230px;
        text-align: center;
        margin-top: 15px;
        margin: auto;
        display: flex;
        align-content: center;
    }

    #lil_disappear{
        display:block;
    }
    #big_disappear{
        display:none;
    }

    .footerTextLinks {
        height: 570px;
    }
    /*---productos ---*/
    .product_content .product_container_menu {
        width: 25%;
        position: absolute;
        margin-top: 1050px;
        left: 3%;
    }
    #product_list_container .vermas_button {
    color: rgb(236, 12, 67)!important;
    text-decoration: none;
    border: 2px solid rgb(114,114,114);
    border-radius: 20px;
    padding: 8px 20px;
    width: 100%;
    font-family: 'ArialRoundedMT';
    font-size: 13px;
    font-weight: bolder;
}

    /*IPLAN*/
    .titDatacenterR {

        margin-top: 0px;
    }

    .titDatacenterR::after {

        margin: 0 auto 10px;
        padding: 14px 0px;
    }

    .IPLAN_item_grilla_desc {
        font-size: 14px;
        width: 70%;
    }

    .IPLAN_grilla_container_image {
        width: 35%!important;
        float: left;
    }

    .IPLAN_grilla_container_image img {
        width: 100%;
        height: auto;
    }

     .IPLAN_fundadores {
        height: auto;
        background-repeat: no-repeat;
        background-size: cover;
        padding-bottom: 40px;
    }

    .fundadores_col {
        padding: 4px;
    }



    .IPLAN_escalables_titulo {

        margin-top: 70px;
    }

    /*Liv*/
    .comollega_pill_container {
        text-align: center;
        max-width: 240px;
        border-radius: 200px;
        min-height: 360px;
        margin: 0 auto;
        padding: 4% 3%;
        position: relative;
    }

    .subtitComoLlega {
    margin: 20px auto 130px;
    }

    .pillColumn {
        margin-top: -70px;
    }

    .LIV_acerca_de {
	max-height:none;
        height: auto;
        background-image: none;
        background-position: top!important;
        background: #a59ea0;
        background: -moz-linear-gradient(top, #a59ea0 0%, #bb7889 50%, #f01f52 100%);
        background: -webkit-linear-gradient(top, #a59ea0 0%,#bb7889 50%,#f01f52 100%);
        background: linear-gradient(to bottom, #a59ea0 0%,#bb7889 50%,#f01f52 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a59ea0', endColorstr='#f01f52',GradientType=0 );
    }

    .LIV_como_llega {
        max-height:none;
        height: auto;
        background-image: none;
        background-position: top!important;
        background: #a59ea0;
        background: -moz-linear-gradient(top, #a59ea0 0%, #bb7889 50%, #f01f52 100%);
        background: -webkit-linear-gradient(top, #a59ea0 0%,#bb7889 50%,#f01f52 100%);
        background: linear-gradient(to bottom, #a59ea0 0%,#bb7889 50%,#f01f52 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a59ea0', endColorstr='#f01f52',GradientType=0 );

    }
    .pildora_1{
        z-index:5;
    }
    .pildora_2{
        z-index:4;
    }
    .pildora_3{
        z-index:3;
    }

    .pildora_4{
        z-index:2;
    }

    .pildora_4 .comollega_pill_container {
    margin-top: 30px;
    }
    .LIV_proximamente {
        position: absolute;
        color: #fff;
        top: 64%;
        text-align: center;
        width: 100%;
        line-height: 12px;
    }

     /* forms */
    .form_login_container {
        text-align: center;
    }

}

@media (max-width: 670px){
    .LIV_header_subtitle {
    margin-top: 90%;
    }

    /*forms*/
    .tit_areaClientes {
    position: relative;
    font-size: 30px;
    }

}




@media (max-width: 625px){

    /*---IPLAN---*/
    .IPLAN_header_back {
        max-height: 926px;
        height: auto;
        background-image: url(/themes/iplan_b4/images/bg-header-portal-mobile.jpg);
        background-repeat: no-repeat;
        background-position: top l;
        background-position: top center;
        padding-bottom: 40px;
    }

    .lower_links {
     text-align: center;
    }

    .copyright {
    text-align: center;
    }

}



@media (max-width: 575px){


    html{
        width: 100%!important;
        display: block;
        position: relative;
    }
    .container {
        margin-right: auto;
        margin-left: auto;
         padding-left: 0px;
         padding-right: 0px;
    }

    /*#main {
        margin-top: 30px!important;
    }*/

    form.form-inline.my-2.my-lg-0 {
        display: flex!important;
        flex-direction: column;
    }
    .form-inline .separator {
        display:none;
    }
    #lil_disappear{
        display:block;
    }
    #big_disappear{
        display:none;
    }

    .footerTextLinks {
        height: auto;
    }

    .datafiscal {
        display: flex;
        justify-content: center;
        margin: 10px auto 30px;
    }

    .container_for_IPLAN {
        margin-top: 40px;
        text-align: center;
    }

    .compButtonleft {
        width: 40%;
        float: left;
        text-align: right;
    }
    .compButton {
        width: 100%;
        float: left;
        margin: auto;
    }

    .logoFooter {
        text-align: center;
    }
    .redesContainer {
        max-width: none;
    }
    .container_for_IPLANLIV {
        margin-top: 50px;
        padding: 0 20%;
    }

    /* portal home */
    .homeportalBack {
        padding-top:0;
    }

    .homeColumn {
        padding-left: 30px;
    }

    .tit_quad_blanco img{
        margin-bottom:0px!important;
    }

    /*---- productos ----*/
    .titleMayorista {
        max-width: 70%;
    }


    /* interior de productos */
    div#product_list_container {
        display: flex;
        justify-content: center;
        flex-direction: row;
    }

    final_product_page .flavour_paragraph {
     max-width: auto;
    padding: 0 30px;
    text-align: center;
}

    /*IPLAN*/
    .contentDatacenterR {

        margin: 16px auto 34px;
    }

    .IPLAN_item_grilla_desc {
        width: 70%;
        font-size: 14px;
        line-height: 15px;
    }

    .IPLAN_item_grilla_container {
        margin-top: 20px;
    }

    .IPLAN_item_grilla_imagen {
        width: 20%;
    }

    .comollega_pill_container {
    margin: 10px auto;
    }

    .comollega_pill_tit {

    padding: 30px 0 0%;
    }

    .IPLAN_grilla4_item1 {
        min-height: auto;
    }

    .IPLAN_grilla4_item2 {
        min-height: auto;
    }
    .IPLAN_grilla4_item3 {
        min-height: auto;
    }
    .IPLAN_grilla4_item4 {
        min-height: auto;
    }

    /*--liv--*/

    .LIV_header_title_img {
        width: 80%;
        margin: 0 auto;
    }

    .LIV_chequeo_zona label {

    width: 70%;
    }

    .LIV_header_back {
    background-position-y: -30px;
    }

    /* forms */

    .webform_container_areaClientes {
    margin-top: 80px;
}

    .form_login_container {
        text-align: center;
    }
   .tit_areaClientes {
        position: relative;
        font-size: 30px;
        text-align: center;
       width:100%;
    }

    .tit_areaClientes_icon {
    float: none;
    text-align: center;
    margin: auto;
    width: 50px;
}

    .subtit_areaClientes {
    position: relative;
    font-size: 20px;
    letter-spacing: -0.5px;
    padding: 10px 10px 20px 10px;
    color: rgb(114, 114, 114)!important;
    text-align: center;
    font-family: 'ArialRoundedMT-Bold';
    line-height: 22px;
    /* text-align: left; */
    z-index: 4;
    float: left;
}

    .Contacto_side_Form {
        text-align: center;
    }

    /**/
    .container.homepageForm {
        width: 90%!important;
    }
    .forms_Back {
    width: auto!important;
    min-height: 100vh;
    height: auto;
    }

    .field.field--name-field-formulario-de-contcto-cont.field--type-webform.field--label-above .field__label {
    text-align: center!important;
}

    .homepageForm .titleContacto_Form {
    margin-top: 50px;
    font-size: 28px;
    text-align: center;
    }
}

  @media (max-width: 480px){

      .homeMayoristaBack .homepageTopper {
        z-index: 2;
        position: relative;
        width: 90%!important;
        float: none;
        margin-left: auto;
    }

      .home_circle_text {
        top: 192px;
    }

      /*---- productos ----*/
      .view-content.row {
        width: 320px;
        max-width: none;
        margin: 460px auto;
        align-content: center;
    }

      .product_content .product_container_foto {
        position: absolute;
        max-height: 350px;
        margin-top: 640px;
        overflow: hidden;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 0px;
        width: 99%;
        right: 0px;
        margin-bottom: 40px;
        -webkit-box-shadow: -2px 2px 3px 0px rgba(41,41,41,0.52);
        -moz-box-shadow: -2px 2px 3px 0px rgba(41,41,41,0.52);
        box-shadow: -2px 2px 3px 0px rgba(41,41,41,0.52);
    }



      .view-header .text_header {
        position: absolute;
        left: 60px;
        top: 40px;
        z-index: 4;
    }
      .view-header .product_container_titulo {
    position: relative;
    font-size: 25px;
    letter-spacing: -1px;
    padding: 5px 10px 10px 0;
    color: rgb(236, 12, 67)!important;
    font-family: 'ArialRoundedMT-Bold';
    line-height: 22px;
    text-align: left;
    z-index: 4;
}

      .men-icon-tit {
    display: none;
      }


    .product_content .product_container_foto {
        position: absolute;
        max-height: 320px;
        margin-top: 610px;
    }

    .product_content .product_container_menu {
        width: 100%;
        position: absolute;
        margin-top: 800px;
        left: 3%;
    }

    .product_container_menu_text {
        display:none;
        float: left;
        font-size: 16px;
        top: 120px!important;
        background-color: #fff;
        z-index: 10;
        width: 100%;
        border-bottom: 1px solid #afafaf;
    }


    .product_container_menu_text_item {
        cursor: pointer;
        text-align: center;
    }
    .upper .product_container_menu_text_title {
        padding: 0;
        font-family: 'ArialRoundedMT-Bold';
        text-align: center;

    }

    .men-icon-tit {
        position: relative;
        float: left;
        margin-left: 0px;
        margin-top: -6px;
    }

    .views-row {
        margin-left: 22px;
    }

      /*----interior de productos -----*/
      .final_product_page .product_container_tipo {
          font-size: 18px;
      }

      .final_product_page .product_container_familia {
          font-size: 18px;
      }

      .final_product_page .text_header {
        left: 90px;
        top: 40px;
        z-index: 4;
    }

      .final_product_page .product_container_foto {

        width: 94%;
      }

      .final_product_page .product_container_foto img {
        max-width: 1080px!important;
        width: auto;
        height: 100%;
    }

        .final_product_page .product_container_caracteristicas h3 {
        font-size: 16px;
        padding-left: 18px;
    }

    .final_product_page .product_container_caracteristicas h4 {
    color: rgb(0,155,168);
    font-family: 'ArialRoundedMT';
    font-size: 16px;
    font-weight: bold;
            margin-left: 10px;
}

    .final_product_page  tr td, tr th {
    padding: 4px 9px;
    border: 1px solid #fff;
    text-align: left;
}

    .pr_relacionados_container {
        width: 250px;
    margin: auto;
    }

      .final_product_page .product_container_caracteristicas li {
    font-size: 14px;
    font-weight: bold;
    color: rgb(114,114,114);
    padding-left: 1em;
    text-indent: 0;
    line-height: 30px;
}


      .view-header .product_container_promocion {
    position: relative;
    color: rgb(114, 114, 114)!important;
    font-family: 'ArialRoundedMT-Bold';
    text-align: left;
    z-index: 4;
    font-size: 17px;
    line-height: 18px;
}

      .view-header .vermas_button_container {
    margin-top: 20px;
}

      .view-header .text_header {
    position: absolute;
          left: 20px;
      top: 0px;}

      .view-header .product_container_subtitulo {

          line-height: 18px
      }

     .product_container_promocion {
    position: relative;
    width: 90%;
    color: rgb(114, 114, 114)!important;
    font-family: 'ArialRoundedMT-Bold';
    text-align: left;
    z-index: 4;
    font-size: 17px;
    line-height: 16px;
}

      .final_product_page .product_container_sabores {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
      }
      .field.field--name-field-productos-caracteristicas.field--type-entity-reference-revisions.field--label-hidden.field__items {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}

      .product_container_breadcrumb {
    margin-left: 20px;
}

      .final_product_page .call_to_action {
    position: relative;
    color: rgb(228,0,70)!important;
    font-family: 'ArialRoundedMT';
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    /* padding-top: 30px; */
    padding: 30px 25px 0;
}

      .final_product_page .product_container_relacionados h2 {

    padding: 15px;
}

      .final_product_page .flavour_paragraph {
    max-width: none!important;
    padding: 0 30px;
    text-align: center;
}

      .final_product_page .product_container_caracteristicas {
    margin-top: 40px;
    color: rgb(114,114,114);
    /* margin-left: 20px; */
    font-size: 14px;
    padding: 20px;
}

      /*IPLAN*/
      section#rapidosIplan {
    /*display: none;*/
}

      .IPLAN_header_back {
        min-height: 400px;
        max-height: 926px;
        height: auto;
        background-image: url(/themes/iplan_b4/images/bg-header-portal-mobile.jpg);
        background-repeat: repeat;
        margin-bottom:40px;
    }

      .IPLAN_header_descubri {

        display: none;
      }

      .IPLAN_texto_con_video_text {
        color: rgb(114,114,114)!important;
        font-size: 18px;
        line-height: 20px;
        text-align: center;
      }

      .columnas2DataCenterR {
        margin-top: 20px;
        font-size: 15px;
        text-align: left;
        line-height: 16px;
    }

      .titDatacenterR::after {
        margin: 0 auto 0px;
        padding: 4px 0px;
    }
      .bajadaDataCenterR {
        font-weight: 100;
        font-size: 18px;
        line-height: 18px;
        text-align: left;
        margin-top: 18px;
    }

      .IPLAN_fundadores {
        background-size: cover;
        height: auto;
          padding-bottom: 40px;
      }

      .fundadores_bajada {

    font-size: 16px;
      }

      .comollega_pill_container {

    min-height: 360px;
          margin: 0 auto;
      }

      .IPLAN_texto_nota {
    padding: 0 10px 0 10px;
      }

      .IPLAN_trabajar {
        height: auto;
      }

      .IPLAN_texto_con_imagen_descriptivo_text {

        font-size: 19px;
      }

      .IPLAN_item_grilla_container {
          padding-right: 0px;
      }

      .IPLAN_escalables_titulo {

        font-size: 28px;
        margin-top: 30px;
      }

      .IPLAN_item_grilla_title {
        font-size: 15px;
        line-height: 15px;
    }

      .IPLAN_escalables_titulo::after {

        margin: 0 auto 20px;
        padding: 4px 0px;
    }
      .IPLAN_escalables_bajada {
          font-size: 18px;
      }

      /*Liv*/

      .combo_velocidades_LIV {
            float: left;
            width: 100%;
            position: relative;
            margin-top: 70px;
            /* right: 0; */
            padding: 0 15px;
        }

      .navbar-brand {
        max-width: 230px;
        height: 60px!important;
        padding-top: 20px;
        padding-bottom: 0px;
    }

    button.navbar-toggler {
    margin-top: 15px;
}

      .navbar-brand img {
    width: 100%;
    height: auto;
    /* min-height: 60px; */
    margin-top: 10px;
}

}

  @media (max-width: 360px){
/*Liv*/
    .LIV_header_back {
        background-position-y: -10px;
    }

      .LIV_header_subtitle {
          margin-top: 75%;
      }



      .view-header .text_header {
        position: absolute;
        left: 20px;
        top: 30px;
    }

      .navbar-brand {
        max-width: 230px;
        height: 60px!important;
        padding-top: 20px;
        padding-bottom: 0px;
    }

    button.navbar-toggler {
    margin-top: 15px;
}

      .homeempreasaBack .home_segundo_bloque {
            margin-left: 2%!important;
            margin-top: 80px;
        }

      .btn_map_conectividad {
          max-width: 100%;
      }

        span.redMe {
            color: #e40046!important;
            font-family: 'ArialRoundedMT-Bold';
            line-height: 28px;
        }

      .view-header .product_container_titulo {
        position: relative;
        font-size: 25px;
        letter-spacing: -1px;
        padding: 5px 10px 10px 0;
        color: rgb(236, 12, 67)!important;
        font-family: 'ArialRoundedMT-Bold';
          line-height: 24px;
      }

    .webform-confirmation__message {
        text-align: center;
        max-width: 1000px;
        padding: 10px 10px 10px 20px;
        margin: auto;
    }

}


@media screen and (-webkit-min-device-pixel-ratio:0) {
  .homepageTopper .row{
     display: block!important;
     display:block;
  }


  .col-lg-4{
    display: block!important;
      float:left!important;
  }


}