.port-disenoexp{
    padding-top: 6%;
    background-size: cover;
    height: 1200px; /*980px*/
    background-color: #fff;
    background-image: url('/libs17/img/disenoexpress/fondo-expr21.png');
    background-position: center;
    background-repeat: no-repeat;
}
.cont-price-port{
    padding-left: 10%;
    padding-top: 5%
}
/*ruta*/
.path-design{
    font-family: arial;
    font-size: 12px;
    padding-left: 0;
}

.path-design.col-white{
    color: #fff;
}
.path-design.col-white a{
    color: #fff;
}
.path-design.col-white a:hover{
    color: #fff;
}

.path-design>li{
    list-style: none;
    display: inline;
}
.path-design span{
    padding-left: 4px;
    padding-right: 6px;
}
/*fin ruta*/

.tl-prin{
    font-size: 50px;
    font-family: 'nova-black';
}
.tl-two{
    font-family: "nova-semibold";
    font-size: 45px;
}
.tl-thr{
    font-family: 'nova-semibold';
    font-size: 19px;
}
.tl-fou{
    font-family: 'nova-light-cond';
    font-size: 24px;
    font-weight: 600;
}
.tl-fiv{
    font-family: 'nova-semibold';
    font-size: 4rem;
}
.tl-six{
    font-family: 'nova-semibold';
    font-size: 4rem;
}



.pr-one{
    font-family: 'nova-light';
    font-size: 16px;/*1.7rem*/
}
.pr-two{
    font-family: 'nova-light';
    font-size: 15px;
}
.pr-lead{
    font-family: 'nova-light';
    font-size: 1.85rem;
}
.pr-pre-lead{
    font-family: 'nova-semibold';
    font-size: 28px;
    padding-bottom: 1.3%;
}
.pr-thr{
    font-family: 'nova-light';
    font-size: 2rem;
}
.pr-fou{
    font-family: 'nova-light';
    font-size: 3rem;
}
.pr-fiv{
    font-family: 'nova-light';
    font-size: 1.7rem;
}
.pr-six{
    font-family: 'nova-light';
    font-size: 16px;
}

.esp-pr-lead{
    padding-top: 1%;
    padding-right: 1%;
}

.t-white{
    color: #fff;
}
.c-lila-one{
    color:#653EBB;
}
.c-verd-one{
    color: #06B6FF;
}
.c-blu-one{
    color: #384a74;
}
.c-blu-two{
    color:#3d486a;
}

.cont-port-txt{
    padding-top: 2%;
    padding-left: 26%
}

.cont-btn-port {
    padding-top: 5%;
}

.cont-btn-disexp{
    background-color: #8cc140;
    border: 2px solid #8cc140;
    padding: 0.8% 8%;
    color: #fff;
    font-family: 'nova-bold';
    font-size: 18px;
    position: absolute;
    border-radius: 15px;
}
.cont-btn-disexp:hover, .cont-btn-disexp:focus{
    text-decoration: none;
    background-color: #97ce47;
    border: 2px solid #97ce47;
    color: #fff;
}

.content-btn-pri {
    background-color: #9f55ff;
    font-family: 'nova-bold';
    font-size: 15px;
    padding: 8px 13px;
    border: 2px solid #9f55ff;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 10rem;
}
.content-btn-pri:hover, .content-btn-pri:focus{
    
    background-color: #892fff;
    border-color: #8222ff;
    color: #fff;
    text-decoration: none;
    
    -webkit-box-shadow: 0 1px 10px rgba(159,85,255,.4);
    box-shadow: 0 1px 10px rgba(159,85,255,.4);
}


.simb-price{
    color: #fff;
    font-size: 3rem;
    margin-top: 5%;
    position: absolute;
}
.price{
    font-family: 'nova-black';
    font-weight: 600;
    font-size: 12rem;
    color: #fff;
    margin-left: 4%;
}
.note-price {
    margin-bottom: 3%;
}

.cont-price-prt>div{
    display: inline;
}
.cont-price-prt>p{
    display: inline;
}
.cont-price-prt>div>img{
    margin-top: -15%;
    margin-left: 4%;
    width: 55%;
}

.cont-items-port{
    margin-top: 19%;
    margin-bottom: 5%;
}
.sep-items-port{
    margin-top: 2%;
}

.cont-section-one{
    background-color: #F4F8FB;
    padding-bottom: 5%;
}

.cont-tl-sectwo{
    padding-top: 1.5%;
    padding-bottom: 3%;
}

.cont-tl-sectwo>p{
    padding-top: 2%;
    line-height: 2;
}

.cont-oft-paq{
    border: 1px solid #fff;
    background-color: #FFFFFF;
    box-shadow: 0 0 10px rgba(14,0,137,0.06);
    -webkit-box-shadow: 0 0 10px rgba(14,0,137,0.06);
    padding-top: 8%;
    padding-bottom: 8%;
    padding-right: 4%;
    padding-left: 4%;
}
.cont-oft-paq>img{
    width: 30%;
    
}
.cont-sep-one{
    margin-top: 4%;
}

/*caract port*/
.caract-port{
    margin-top: 25%;
}
.caract-port .pr-line-one{
    padding-bottom: 5%;
}
.caract-port .pr-line-two{
    padding-bottom: 5%;
}
.caract-port .pr-line-two>b{
    font-size: 18px;
}
.pr-arrow{
    font-family: 'Caveat', cursive;
    font-size: 3rem;
    
    line-height: 1.25em;
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
.pr-arrow:before{
    content: "";
    background-image: url('/libs17/img/disenoexpress/arrow.png');
    margin-left: -1.5rem;
    width: 31px;
    height: 55px;
    position: absolute;
}


/*caract port*/

/*section two*/
.cont-section-two{
    padding-top: 3%;
    padding-bottom: 2%;
}
.cont-txt-caract{
    padding-bottom: 3%;
}
.cont-txt-caract .tl-caract-sp{
    padding-bottom: 1.5%;
}
.cont-txt-caract .pr-caract-sp{
    padding: 0 6%;
}
.cont-img-caract{
    padding-top: 0%;
}
.cont-items-caract h3{
    font-family: 'nova-light-cond';
    font-size: 24px;
}

.cont-items-caract>div{
    padding-top: 3%;
    padding-bottom: 3%;
}


.cont-items-caract{
    padding-left: 6%;
    padding-right: 4%;
}
.cont-items-caract p{
    padding: 0%;
}
.txt-detail{
    padding: 8px;
}
.txt-detail .tl-sec-detail{
    font-family: 'nova-semibold', sans-serif;
    font-size: 17px;
    font-weight: bold;
    color: #3d486a;
    /*text-transform: uppercase;*/
}
.pr-detail{
    font-family: 'nova-light';
    font-size: 13px;
}


/**/

/*section three*/
.cont-section-thr{
    background-color: #fff;
    padding-top: 4%;
    padding-bottom: 5%;
}
.cont-section-thr p{
    padding-top: 3%;
}

.list-design{
    line-height: 38px;
    padding-left: 0px;
    padding-top: 10px;
    list-style: none;
}
.list-design span{
    margin-right: 2%;
}
.cont-img-expl {
    margin-top: -4%;
}
.cont-expl-design{
    padding-top: 3%;
    padding-left: 5%;
    padding-right: 15%;
}
.cont-expl-design .list-design{
    padding-top: 4%;
}

/**/

/*section four addon*/
.cont-section-fou{
    background-color: #E8EEFE;
    padding-top: 2%;
    padding-bottom: 4%;
}
/**/

.cont-item{
    border-bottom: 1px solid #dadefe;
    padding-bottom: 0.5%; 
    margin-bottom: 0.5%;
}
.cont-item h4>span{
    font-size: 13px;
}

.cont-item .cont-icon-item{
    float:left; 
    margin-right: 4%;
    margin-top: 1%;
}

.cont-pre-cart{
    margin-top: 2%;
}
.cont-pre-cart>p{
    padding-top: 2%;
    padding-bottom: 4%;
}

.cont-cart{
    
    box-shadow: 0 0 10px rgba(14,0,137,0.06);
    -webkit-box-shadow: 0 0 10px rgba(14,0,137,0.06);
    margin-bottom: 4%;
    padding: 0 3% 0;
    
    background-color: #fff;
    
    margin-top: 6%;
}
.cont-cart-pay{
    padding: 2% 0 4%;
}
.cont-btn-cart{
    padding-top: 4.5%;
}


.cont-check >div{
    margin-top: 12%;
}


.pr-arrow2{
    font-family: 'Caveat', cursive;
    font-size: 3rem;
    
    line-height: 1.25em;
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
}
.pr-arrow2:before{
    content: "";
    background-image: url('/libs17/img/disenoexpress/arrow.png');
    margin-left: -1.5rem;
    width: 31px;
    height: 55px;
    position: absolute;
}

.cont-price-cart{
    margin-left: -75%;
}
.simb-price-cart{
    position: absolute;
    font-size: 3rem;
    margin-top: 9%;
    margin-left: -10%;
}
.price-cart{
    font-size: 6.5rem;
    font-weight: bold;
}


/*boton circle*/
.packerdbkl {
    cursor: pointer;
    /*position: relative;*/
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

.packred-animate-1 {
    background: rgba(225, 50, 82, 0.10);
    width: 249px;
    height: 249px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -48px;
    border-radius: 100%;
}


.packerdbkl:hover .packred-animate{background:rgba(90, 203, 204, 0.10);}
.packerdbkl:hover .packred-animate-1{background:rgba(90, 203, 204, 0.10);}
.packerdbkl:hover .packred-arrow{background:#5acbcc;}



.animated-new {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}



.packred-animate {
    background: rgba(225, 50, 82, 0.10);
    width: 218px;
    height: 218px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -33px;
    border-radius: 100%;
}



.packred-arrow {
    background: #c02549;
    width: 191px;
    height: 191px;
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: -20px;
    text-align: center;
    padding: 59px 40px 0 40px;
    cursor: pointer;
    transition: all 0.3s linear 0s;
    border-radius: 100%;
}



.packred-arrow p {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 1px;
    margin-bottom: 0;
}

.packred-arrow {
    text-align: center;
    cursor: pointer;
}

.packred-arrow p::after {
    background: url(/libs17/img/disenoexpress/dis-web-arrow.png) no-repeat;
    position: absolute;
    content: "";
    width: 10px;
    height: 16px;
    display: inline-block;
    top: 79px;
    right: 0;
    transition: all 0.3s linear 0s;
    left: 0;
    margin: 0 auto;
    moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}



@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05);}
to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
}
@keyframes pulse{from{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05);}
to{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);}
}
.pulse{-webkit-animation-name:pulse;animation-name:pulse;}



@-webkit-keyframes bounce{from, 20%, 53%, 80%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
40%, 43%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0);}
70%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform:translate3d(0, -15px, 0);transform:translate3d(0, -15px, 0);}
90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}
}
@keyframes bounce{from, 20%, 53%, 80%, to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);animation-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
40%, 43%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0);}
70%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);animation-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform:translate3d(0, -15px, 0);transform:translate3d(0, -15px, 0);}
90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);}
}
.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom;}
/*boton circle*/


/*CHECKBOX*/
.checkbox label:after, 
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
    opacity: .5;
}
/**/

.cont-pr-lead{
    list-style-type: disc;
    display: inline;
    padding-left: 0;
    padding-bottom: 2%;
}
.cont-pr-lead i{
    font-size: 16px;
    /*position: absolute;
    margin-top: 1.2%;
    margin-right: 4%;
    padding-right: 4%;*/
}
.cont-pr-lead b{
    font-size: 19px;
}
.cont-pr-lead li{
    display: inherit;
    padding-left: 2%;
    padding-right: 2%;
}

@media(max-width: 2000px){
    .note-price {
        margin-top: -3.5%;
    }
}

@media(max-width: 1600px){
    .cont-btn-disexp{
        padding: 0.8% 2%;
        margin: 11% 0% 0%;
        font-size: 15px;
    }
    .cont-port-txt{
        padding-left: 16%
    }
}

@media(max-width: 1366px){
    .port-disenoexp{
        height: 860px;
        padding-top: 4%;
    }
    /*ruta*/
    .path-design{
        padding-top: 60px;
        margin-bottom: 0;
    }
    /*ruta*/
    .tl-prin{
        font-size: 40px;
    }
    .pr-lead{
        font-size: 1.7rem;
    }
    
    .esp-pr-lead{
        padding-top: 1%;
        padding-right: 2%;
        padding-bottom: 0%;
        margin-bottom: 0%;
    }
    .cont-pr-lead i{
        margin-top: 1.7%;
    }
    .cont-btn-port{
        margin-top: -7%;
        margin-bottom: 12%;
    }
    
    .cont-imgport-disexp{
        padding-top: 8%;
    }
    .caract-port{
        margin-top: 4%;
    }
    .pr-arrow{
        margin-bottom: 30px;
    }
    .caract-port .pr-line-one {
        padding-bottom: 2%;
    }
    .caract-port .pr-line-two {
        padding-bottom: 2%;
    }
    .cont-section-thr{
        padding-top: 1%;
    }
    .cont-expl-design{
        padding-right: 5%;
    }
    .cont-img-caract{
        padding-top: 0%;
    }
    .cont-img-caract>img{
        max-width: 155%;
        margin-left: -7%;
    }
    .cont-img-expl{
        padding-top: 5.5%;
    }
    .cont-img-expl>img{
        max-width: 140%;
        margin-left: -30%;
    }
    .cont-items-caract{
        padding: 0 15px;
    }
    
    
    .cont-port-txt{
        padding-top: 10%;
        padding-left: 4%;
    }
    
    .cont-items-port {
        margin-top: 1%;
    }
    
    .cont-btn-disexp{
        padding: 0.8% 2%;
        margin: 11% 1% 0%;
        font-size: 17px;
    }
}

@media(max-width: 1280px){
    .port-disenoexp{
        padding-top: 3%;
    }
    .cont-port-txt{
        padding-left: 0%;
    }
    .cont-tl-sectwo {
        margin-top: -1%;
    }
    
    .cont-img-caract{
        padding-top: 6%;
    }
    
    .cont-img-expl{
        padding-top: 5.5%;
    }
    
    .cont-price-prt>div>img{
        margin-top: -40%;
        margin-left: 42%;
    }
    
    
}

@media(max-width: 1024px){
    .port-disenoexp{
        padding-top: 11%;
        height: 830px;
    }
    .tl-prin{
        font-size: 37px;
    }
    .cont-port-txt{
        padding-top: 1%;
    }
    
    .price{
        font-size: 8.4rem;
    }
    
    .note-price {
        margin-top: -6%;
        margin-bottom: 18%;
    }
    
    .cont-btn-port {
        margin-top: 0.5%;
        margin-bottom: 14%;
    }
    
    .cont-btn-port {
        padding-top: 0;
    }
    .cont-price-prt>div>img {
        margin-top: -40%;
        margin-left: 35%;
    }
    
    .cont-imgport-disexp{
        padding-top: 8%;
    }
    
    .caract-port {
        margin-top: -5%;
    }
    .caract-port .pr-line-two {
        padding-bottom: 1%;
    }
    .pr-arrow{
        margin-bottom: 20px;
    }
    .cont-img-caract {
        padding-top: 8%;
    }
    .list-desgin.pr-one{
        font-size: 15px;
    }
    
    .cont-oft-paq{
        padding-right: 5.5%;
        padding-left: 5.5%;
    }
    
    .cont-items-caract .cont-detail-one{
        padding-right: 0;
    }
    .cont-items-caract .cont-detail-two{
        padding-right: 0;
    }
    
    
    .cont-img-expl {
        padding-top: 10%;
    }
    .cont-img-expl>img{
        max-width: 175%;
        margin-left: -60%;
    }
    
    .cont-ext-oft-paq>div{
        margin-bottom: 2%;
    }
    .tl-fiv{
        font-size: 3.5rem;
    }
    
    .cont-btn-disexp{
        margin: 9% 1% 0%;
        font-size: 15px;
    }
    
}


@media(max-width: 768px){
    .port-disenoexp{
        height: 840px;
    }
    .tl-prin{
        font-size: 30px;
    }
    .pr-lead{
        font-size: 1.6rem;
    }
    .cont-port-txt {
        padding-top: 6%;
    }
    .cont-pr-lead i{
        margin-top: 2.8%;
    }
    .price-cart{
        font-size: 5.2rem;
    }
    .cont-price-cart{
        margin-left: -62%;
    }
    .note-price {
        margin-top: -9%;
        margin-bottom: 13%;
    }
    
    .cont-price-prt>div>img {
        margin-top: -38%;
        margin-left: 42%;
    }
    
    .cont-oft-paq{
        padding-right: 3%;
        padding-left: 3%;
    }
    
    .cont-ext-port-txt{
        padding: 0;
    }
    .cont-img-caract {
        padding-top: 2%;
    }
    
    .cont-img-caract>img{
        max-width: 100%;
        margin-left: 0%;
    }
    
    .cont-imgport-disexp>img{
        margin-top: 10%;
    }
    
    .cont-img-expl {
        padding-top: 5%;
    }
    .cont-img-expl>img{
        max-width: 100%;
        margin-left: 0%;
    }
    
    .cont-btn-disexp{
        font-size: 12px;
        margin: 12% 1% 0%;
    }
    
}

@media(max-width: 767px){
    .port-disenoexp{
        height: 100%;
    }
    .cont-imgport-disexp>img{
        margin-top: 16%;
    }
    .tl-prin {
        text-align: center;
        font-size: 2.7rem;
    }
    .cont-price-port {
        padding-left: 0%;
        text-align: center;
    }
    .cont-price-prt {
        margin-top: 8%;
    }
    .cont-price-prt>div>img {
        width: 65%;
        margin-left: 42%;
    }
    
    .tl-two{
        font-size: 30px;
    }
    .tl-thr{
        font-size: 20px;
    }
    .tl-fiv{
        font-size: 2.6rem;
        text-align: center;
    }
    .tl-six{
        font-size: 3.4rem;
    }
    .pr-lead{
        text-align: center;
        font-size: 1.8rem;
    }
    .esp-pr-lead {
        margin-bottom: 9%;
    }
    .cont-txt-caract .pr-caract-sp {
        padding: 0%;
    }
    .cont-btn-disexp {
        margin: 0% 1% 0% 30%;
        font-size: 19px;
        display: block;
    }
    .caract-port{
        margin-top: 15rem;
    }
    
    .cont-items-caract p {
        padding: 0 0%;
    }
    .cont-expl-design{
        padding: 0;
    }
    
    .list-design{
        line-height: 32px;
    }
    .cont-ext-cart{
        padding: 0;
        margin-left: -15px;
        margin-right: -15px;
    }
    .cont-cart{
        padding: 0 6% 0;
    }
    .cont-ext-expl{
        padding: 0;
    }
    
    .cont-price-cart{
        margin-left: -115%;
    }
    .cont-btn-cart{
        text-align: left;
        padding-top: 9%;
    }
    .price-cart{
        font-size: 4.5rem;
    }
    /*.price-cart:after {
        margin-top: 2rem;
    }*/
    .simb-price-cart {
        margin-left: -15%;
        font-size: 2rem;
        margin-top: 12%;
    }
    
    /*ruta*/
    .path-design{
        padding-top: 25px;
    }
    .path-design span{
        padding-left: 2px;
        padding-right: 4px;
    }
    /*ruta*/
    
    
}