/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > STANDARTS
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
    vertical-align: baseline;
    font-family: 'Montserrat', sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.av
{
	display: block;
	position: relative;
	top:50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.ah
{
	display: block;
	margin-left:50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.ac
{
	display: block;
	position: relative;
	left:50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translateX(-50%,-50%);
	transform: translateX(-50%,-50%);
}
.tr
{
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}
.ts
{
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.noactivedbody{
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
}

.master{
    width: 100%;
    position: relative;
    margin:0 auto;
    background-color: violet; 
}
    .master.h100{
        height: 100%;
    }
    .master.center{
        text-align: center;
    }

.tit-section{
    font-weight: 800;
    font-size: 24px;
    display: inline-block;
    width: 100%;
    letter-spacing: 0.5px;
    padding:10px 0;
    vertical-align: top;
    /* background-color: orange; */
    margin: 0 0 5px 0;
}
    .tit-section.grey{
        color:#777;
    }
    .tit-section.blue{
        color:#2559A6;
    }
    .tit-section.yellow{
        color:#FFCC29;
    }
    .tit-section .tit-extralink{
        position: relative;
        margin:0 0 0 16px;
        border-left: 1px solid #777;
        padding: 0px 20px;
        font-size: 12px;
        letter-spacing: 0.5px;
        font-weight: 600;
        display: inline-block;
        color: #2559A6;
        vertical-align: middle;
        text-decoration: none;
    }
    .tit-section .tit-extratit{
        position: relative;
        padding: 0px;
        margin:3px 0 0 0;
        font-size: 14px;
        letter-spacing: 0.5px;
        font-weight: 600;
        display: inline-block;
        color: #777;
        vertical-align: top;
        font-style: italic;
        text-decoration: none;
    }
    .tit-section.yellow .tit-extratit{
        color: #FFF;
    }

        .tit-section .tit-extralink:hover{
            color: #000;
        }
.bold700{
    font-weight:700 !important;
}
.bold700blue{
    font-weight:700 !important;
    color: #2559A6 !important;
}

.extraSpaceBottom{
    width: 100%;
    display: inline-block;
    height: 100px;
    /* background-color: red; */
}

.extraSpaceBottom50{
    width: 100%;
    display: inline-block;
    height: 50px;
    /* background-color: red; */
}
.extraSpaceBottom150{
    width: 100%;
    display: inline-block;
    height: 150px;
    /* background-color: red; */
}


/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > HEADER
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.header{
    height: 170px;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    top:0px;
    left: 0px;
    position: relative;
    background: rgb(255,204,41); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(255,204,41,1) 0%, rgba(231,218,134,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(255,204,41,1) 0%,rgba(231,218,134,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(255,204,41,1) 0%,rgba(231,218,134,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc29', endColorstr='#e7da86',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    box-shadow: 0 1px 6px 0 rgba(0,0,0,0.2);
}
    .header.mini{
        height: 60px;
        position:fixed;
        z-index: 100000000000;
        top: -70px;
        box-shadow: 0 1px 6px 0 rgba(0,0,0,0.4);
    }
    .header.mini.active{
        top: 0px;
    }
    .header .menu{
        width: 44px;
        height: 44px;
        border-radius: 100px;
        position: absolute;
        display: inline-block;
        /* background-color: red; */
        left:-10px;
        /* background-origin: content-box; */
        background-size: 24px;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../img/menu.png);
        cursor: pointer;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
        .header .menu:hover{
            background-color: rgba(255,255,255,0.3);
        }
        .header.mini .menu{
            left: 120px;
        }

    .header .header-form{
        height: 38px;
        width: 25%;
        left: 64px;
        background-color: rgba(255,255,255,0.3);
        border-radius: 100px;
        display: inline-block;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
        .header.mini .header-form{
            left: 230px;
            width: 40%;
        }
        .header .header-form.active, .header.mini .header-form.active{
            background-color: rgba(255,255,255,1);
        }
        .header .header-form .search-input{
            width: calc(100% - 60px);
            height: 95%;
            display: inline-block;
            position: absolute;
            left: 15px;
            outline: none;
            background-color: transparent;
            /* background-color: orange; */
            border:none;
            font-weight: 600;
            font-size: 13px;
            letter-spacing: 0.5px;
            font-family: 'Montserrat', sans-serif;
            color: #000;
        }
        .header .header-form .search-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
            color: #594400;
        }
        .header .header-form .search-input::-moz-placeholder { /* Firefox 19+ */
            color: #594400;
        }
        .header .header-form .search-input:-ms-input-placeholder { /* IE 10+ */
            color: #594400;
        }
        .header .header-form .search-input:-moz-placeholder { /* Firefox 18- */
            color: #594400;
        }
        .header .header-form .search-submit{
            text-indent: -100px;
            overflow: hidden;
            cursor: pointer;
            background-size: 20px;
            background-position: center;
            background-repeat: no-repeat;
            background-image: url(../img/search.png);
            position: absolute;
            right: 5px;
            height: 95%;
            /* background-color: red; */
            background-color: transparent;
            width: 30px;
            border:none;
            outline: none;
        }


    .header .language{
        left: 64px;
        /* background-color: red; */
        position: absolute;
        top: 20%;
        -webkit-transform: translateY(-25%);
        -ms-transform: translateY(-25%);
        transform: translateY(-25%);
        font-size: 12px;
        font-weight: 500;
        text-transform: uppercase;
        text-decoration: none;
        color: #594400;
    }
    .header .language:hover{
        color: #2559A6;
    }

    .header .language img{
        width: 22px;
        vertical-align: middle;
        display: inline-block;
        margin-right: 5px;
    }
    .header .logo{
        width: 25%;
        height: 97%;
        position: absolute;
        /* background-color: red; */
        display: inline-block;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(../img/logo.png);
    }
        .header.mini .logo{
            left:0;
            width: 63px;
        }

    .header .rightElements{
        position: absolute;
        right: 0;
        text-align: right;
        width: 200px;
        /* background-color: yellow; */
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
        .header .cart{
            width: 200px;
            height: 48px;
            position: relative;
            /* background-color: orange; */
            background-size: auto;
            background-position: right bottom;
            background-repeat: no-repeat;
            background-image: url(../img/cart.png);
            margin-bottom: 0px;
            display: inline-block;
        }
            .header.active .cart{
                margin-bottom: 0;
                margin-top: 10px;
            }
            .header .cart .cart-tit{
                position: absolute;
                font-size: 11px;
                font-weight: 600;
                letter-spacing: 0.7px;
                color: #2559A6;
                right: 30px;
                top: 3px;
            }
                .header .cart:hover .cart-tit{
                    color: #000;
                }
            .header .cart .cart-count{
                position: absolute;
                font-size: 14px;
                font-weight: 500;
                letter-spacing: 0.5px;
                color: #FFF;
                right: 50px;
                bottom: 8.5px;
                width: 30px;
                /* background-color: violet; */
                text-align: center;
            }
            .header .cart .cart-count-mini{
                position: absolute;
                font-size: 14px;
                font-weight: 500;
                letter-spacing: 0.5px;
                color: #FFF;
                right: 50px;
                bottom: 8.5px;
                width: 30px;
                /* background-color: violet; */
                text-align: center;
            }
        
        .header .header-right{
            font-weight: 500;
            font-size: 12px;
            position: relative;
            margin: 2px 0 2px 0;
            color: #594400;
            display: inline-block;
            text-decoration: none;
        }
            .header.active .header-right{
                display: none;
            }
            .header .header-right:hover{
                color: #2559A6;
            }
        .header .header-atencion{
            width: 115px;
            display: inline-block;
            background-color: #ffffff;
            position: relative;
            margin-top: 8px;
            border-radius: 5px;
            font-size: 14px;
            font-weight: 800;
            color: #333;
            padding: 5px 10px 5px 30px;
            background-size: 24px;
            background-repeat: no-repeat;
            background-position: 10px center;
            background-image: url(../img/whatV.png);
            cursor: pointer;
            text-decoration: none;
        }   
            .header .header-atencion:hover{
                color: #2559a6;
            }

        


/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > PROMOCIONES
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.promos{
    width: 100%;
    /* height: 200px; */
    position: relative;
    display: inline-block;
    /* background-color: yellow; */
    padding: 20px 0 45px 0;
    vertical-align: top;
}

    .promos .promo-indication{
        position: absolute;
        top: 12px;
        right: 0;
        font-size: 11px;
        font-style: italic;
        font-weight: 400;
        width: 220px;
        letter-spacing: 0.5px;
        color: #777;
        text-align: right;
    }
    .promos .promo{
        width: 32%;
        height: 200px;
        margin: 0 2% 0 0;
        position: relative;
        /* background-color: red; */
        display: inline-block;
        vertical-align: top;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        background-origin: content-box;
        cursor: pointer;
        padding-top: 35px;
    }
        .promos.inner .promo{
            margin-bottom:40px;
        }

        .promos .promo.last, .promos .promo:last-child{
            margin:0;
        }
        .promos .promo .titT{
            font-size: 16px;
            font-weight: 800;
            letter-spacing: 0.2px;
            color: #2559A6;
            width: max-content;
            position: absolute;
            top: 0px;
            left: 0;
            /* background-color: yellow; */
            padding: 7px 25px 5px 25px;
            text-align: center;
            display: inline-block;
            border-radius: 20px;
            transition: all 150ms ease;
        }
        .promos .promo:hover .titT{
            background-color: #FFCC29;



        }


       .promos .promo .before {

                    display: inline-block;
                    margin-right: 10px;
                    top: 0px;
                    letter-spacing: 0.2px;
                    font-size: 16px;
                    color: rgb(167, 167, 167);
                    text-decoration:line-through;
                    text-align: center;
                } 
                
       .promos .promo .item-price{
                position: absolute;;
                display: inline-block;
                width:86%;
                font-size:16px;
                color: #000;
                letter-spacing: 0.2px;
                font-weight: 500;
                right: 7%;
                /* background-color: yellow; */
                text-align: center;
                bottom: -19px;
            }
            
        .promos .promo .validez{
            font-size: 11px;
            letter-spacing: 0.5px;
            color: #777;
            width: 100%;
            position: absolute;
            bottom:-36px;
            left: 0;
            /* background-color: #FFF; */
            padding: 10px 0 5px 0;
            text-align: center;
        }
            .promos .promo:hover .validez{
                color: #2559A6;
                text-decoration: underline;
            }
            .promos .promo.a{
                background-image: url(../img/promos/promo1.png);
            }
            .promos .promo.b{
                background-image: url(../img/promos/promo2.png);
            }
            .promos .promo.c{
                background-image: url(../img/promos/promo3.png);
            }
            .promos .promo.d{
                background-image: url(../img/promos/promo4.png);
            }
            .promos .promo.e{
                background-image: url(../img/promos/promo5.png);
            }


/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > PRODUCTOS
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.products{
    background-color: rgba(227,227,227,0.5);
    width: 100%;
    /* height: 200px; */
    position: relative;
    display: inline-block;
    /* background-color: yellow; */
    padding: 20px 0 30px 0;
    vertical-align: top;
}
    .products .catND{
        width: 100%;
        padding: 200px 0;
        text-align: center;
        font-size: 24px;
        font-weight: 300;
        color: #2559A6;
    }
        .products .catND span{
            font-weight: 400;
        }


    .products .products-categories{
        position: relative;
        width: calc(100% - 30px);
        /* background-color: red; */
        margin-top: 5px;
    }
        .products .products-categories .product-category{
            color: #2559A6;
            font-size: 12px;
            font-weight: 500;
            display: inline-block;
            width: calc(15% - 2px);
            margin: 0 1.6% 0 0;
            border:1px solid #2559A6;
            padding: 6px 0;
            text-align: center;
            border-radius: 50px;
            letter-spacing: 0px;
            cursor: pointer;
            text-decoration: none;
        }  
            .products .products-categories .product-category.active{
                background-color: #2559A6;
                color: #FFF;
            }
            .products .products-categories .product-category:hover{
                background-color: #2559A6;
                color: #FFF;
            }

        .products .products-categories .product-more-categories{
            width: 25px;
            height: 25px;
            background-color: #2559A6;
            border-radius: 3px;
            display: inline-block;
            vertical-align: top;
            position: absolute;
            top:0;
            right: -30px;
            background-size: auto;
            background-position: center -3px;
            background-repeat: no-repeat;
            background-image: url(../img/plus.png);
            cursor: pointer;
        }
            .products .products-categories .product-more-categories:hover{
                background-color: #777;
            }
    .products .products-gallery{
        /* background-color: red; */
        margin-top: 20px;
        display: grid;
        grid-template-columns:repeat(4, 1fr);
        grid-column-gap:30px;
        grid-row-gap:30px;
    }
        
        .products .products-gallery .item{
            background-color: #FFF;
            border-radius: 5px;
            box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
            position: relative;
            height: 245px;
            cursor: pointer;
            transition:all 150ms ease;
        }
            .products .products-gallery .item.promo{
                 border:1px solid #f09b9b
            }
            .products .products-gallery .item .item-foto{
                width: 86%;
                position: relative;
                margin:5px 0 0 7%;
                display: inline-block;
                height: 155px;
                /* background-color: blue; */
                background-size: contain;
                background-position: center;
                background-repeat: no-repeat;
            }
                .products .products-gallery .item .item-foto .badged{
                    position: absolute;
                    top: -16px;
                    left: 10px;
                    height: 60px;
                    width: 35px;
                    background-size: auto;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-image: url(../img/badged.png);
                    /* background-color: yellow;*/
                }

            .products .products-gallery .item .item-tit{
                position: relative;
                display: inline-block;
                width: 86%;
                margin: 5px 0 0 7%;
                font-size: 14px;
                color: #000;
                letter-spacing: 0.5px;
                font-weight: 500;
                transition: all 150ms ease;
                line-height: 16px;
            }
                .products .products-gallery .item.prom .item-tit{
                    color: #C93438;
                    font-weight: 600;
                }

            .products .products-gallery .item .item-type{
                position:relative;
                display: inline-block;
                width:86%;
                margin:5px 0 0 7%;
                font-size:12px;
                color: #777;
                font-weight: 500;
                letter-spacing: 0.5px;
            }
            .products .products-gallery .item .item-price{
                position: absolute;;
                display: inline-block;
                width:86%;
                font-size:16px;
                color: #000;
                letter-spacing: 0.5px;
                font-weight: 500;
                right: 7%;
                /* background-color: yellow; */
                text-align: right;
                bottom: 10px;
            }
                .products .products-gallery .item.prom .item-price{
                    color: #2559A6;
                }
                .products .products-gallery .item .item-price .before{
                    display: inline-block;
                    margin-right: 20px;
                    font-size: 14px;
                    color: rgb(167, 167, 167);
                    text-decoration:line-through;
                }

            .products .products-gallery .item:hover .item-tit{
                color: #2559A6;
            }
            .products .products-gallery .item:hover{
                box-shadow: 0 2px 5px 0 rgba(0,0,0,0.35);
            }
        

    .riel{
        height: 245px;
        display: inline-block;
        /*background-color: red;*/
        overflow-y: hidden;
        overflow-x: visible;
        position: relative;
        /* white-space: nowrap; */
        width: calc(100% - 10px);
        min-width: calc(100% - 10px);
        display: flex;
        align-items: center;
        padding: 0 0 20px 0;
        margin-left: 10px;
    }

    .products .products-gallery .cat_movil {
        font-size: 12px;
        font-weight: 500;
        display: inline-block;
        width: auto;
        margin: 0px 0 15px 10px;
        padding: 6px 20px;
        text-align: center;
        border-radius: 50px;
        letter-spacing: 0.5px;
        cursor: pointer;
        text-decoration: none;
        background-color: #FFCC29;
        color: #333;
    }
    .products .products-more{
        display: block;
        width: 100%;
        display: inline-block;
        text-align: center;
        /* background-color: violet; */
        padding:30px 0 0 0;
    }
        .products .products-more a{
            font-size: 12px;
            font-weight: 500;
            display: inline-block;
            width: calc(15% - 2px);
            margin: 0 1.6% 0 0;
            border:1px solid #2559A6;
            padding: 6px 0;
            text-align: center;
            border-radius: 50px;
            letter-spacing: 0.5px;
            cursor: pointer;
            text-decoration: none;
            background-color: #2559A6;
            color: #FFF;
        }
            .products .products-more a:hover{
                background-color: #777;
                border-color: #777;
            }


/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > COMO FUNCIONA
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.howitworks{
    width: 100%;
    /* height: 200px; */
    position: relative;
    display: inline-block;
    /* background-color: yellow; */
    padding: 20px 0 40px 0;
    vertical-align: top;
}
    .howitworks .method{
        width: 32%;
        height: 180px;
        margin: 10px 2% 0 0;
        position: relative;
        /* background-color: red; */
        display: inline-block;
        vertical-align: top;
        background-size: auto;
        background-position: center;
        background-repeat: no-repeat;
        /* cursor: pointer; */
        border-radius: 5px;
    }
        .howitworks .method.last{
            margin-right:0;
        }
        .howitworks .method.a{
            background-color: #E7DA86;
            background-image: url(../img/valor.png);
            background-size: 258px;
        }
        .howitworks .method.b{
            background-color: #93D9F6;
            background-image: url(../img/valor2.png);
        }
        .howitworks .method.c{
            background-color: #B5F1BD;
            background-image: url(../img/valor3.png);
        }
        .howitworks .method.a-e{
            background-color: #E7DA86;
            background-image: url(../img/valor-e.png);
            background-size: 258px;
        }
        .howitworks .method.b-e{
            background-color: #93D9F6;
            background-image: url(../img/valor-e2.png);
        }
        .howitworks .method.c-e{
            background-color: #B5F1BD;
            background-image: url(../img/valor-e3.png);
        }


/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > INSTAGRAM
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

/*//////////////*/
.crt-widget-grid .crt-grid-post{border:3px solid #FFCC29 !important;}
.crt-post-text{
    font-size: 12px !important;
}
/*//////////////*/


.myinsta{
    width: 100%;
    /* height: 200px; */
    position: relative;
    display: inline-block;
    background-color: #FFCC29;
    padding: 20px 0 40px 0;
    vertical-align: top;

}

    .myinsta .myinsta-link{
        font-size: 12px;
        font-weight: 500;
        display: inline-block;
        /* width: calc(15% - 2px); */
        border: 1px solid #777;
        padding: 7px 15px 8px 40px;
        text-align: center;
        border-radius: 50px;
        letter-spacing: 0.5px;
        cursor: pointer;
        text-decoration: none;
        background-color: #777;
        color: #FFF;
        position: absolute;
        top: 20px;
        right: 0;
        background-size: 18px;
        background-position: 14px 4.5px;
        background-repeat: no-repeat;
        background-image: url(../img/instagramW.png);
        
    }
        .myinsta .myinsta-link:hover{
            background-color: #2559A6;
            border-color: #2559A6;
        }

    .myinsta .myinsta-gallery{
        width: 100%;
        /* background-color: violet; */
        display: grid;
        grid-template-columns:repeat(5, 1fr);
        grid-column-gap:20px;
        /* display: inline-block; */
    }
        .myinsta .myinsta-gallery .myinsta-item{
            padding-bottom: 100%;
            display: inline-block;
            background-color: #2559A6;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            cursor: pointer;
            position: relative;
        }
            .myinsta .myinsta-gallery .myinsta-item.a{
                background-image: url(../img/i1.jpg);
            }
            .myinsta .myinsta-gallery .myinsta-item.b{
                background-image: url(../img/i2.jpg);
            }
            .myinsta .myinsta-gallery .myinsta-item.c{
                background-image: url(../img/i3.jpg);
            }
            .myinsta .myinsta-gallery .myinsta-item.d{
                background-image: url(../img/i4.jpg);
            }
            .myinsta .myinsta-gallery .myinsta-item.e{
                background-image: url(../img/i5.jpg);
            }
            .myinsta .myinsta-gallery .myinsta-item .instahover{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: rgba(0,0,0,0.8);
                opacity: 0;
                background-size: auto;
                background-position: center;
                background-repeat: no-repeat;
                background-image: url(../img/instagramW.png);
                transition: all 150ms ease;
            }
            .myinsta .myinsta-gallery .myinsta-item:hover .instahover{
                opacity: 0.8;
            }



/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > SUSCRIBETE
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.newsletter{
    width: 100%;
    height: 250px;
    position: relative;
    display: inline-block;
    background-color: #2559A6;
    padding: 20px 0 40px 0;
    vertical-align: top;
}
    .newsletter .newsletter-text{
        width: 45%;
        line-height: 20px;
        color:#FFF;
        font-size: 14px;
        font-weight: 400;
        display: inline-block;
        vertical-align: middle;
        letter-spacing: 0.5px;
    }
    .newsletter .newsletter-form{
        display:inline-block;
        vertical-align: middle;
        position: absolute;
        background-color: violet;
        margin-left:10%;
        height: 38px;
        width: 45%;
        background-color: rgba(255,255,255,1);
        border-radius: 100px;
    }
        .newsletter .newsletter-form .newsletter-input{
            width: calc(100% - 120px);
            height: 91%;
            display: inline-block;
            position: absolute;
            left: 15px;
            outline: none;
            background-color: transparent;
            /* background-color: orange; */
            border:none;
            font-weight: 500;
            font-size: 14px;
            letter-spacing: 0.3px;
            font-family: 'Montserrat', sans-serif;
            color: #000;
        }

        .newsletter .newsletter-form .newsletter-submit{
            cursor: pointer;
            position: absolute;
            right: 4px;
            height: 30px;
            color: #FFCC29;
            background-color: #777;
            /* width: 30px; */
            border: none;
            outline: none;
            border-radius: 100px;
            padding: 0 10px 0 13px;
            letter-spacing: 1px;
            font-family: 'Montserrat', sans-serif;
            font-weight: 600;
            font-size: 12px;
            margin-top: 4px;
            text-align: center;
            cursor: pointer;
        }
            .newsletter .newsletter-form .newsletter-submit:hover{
                background-color: #333;
            }


/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > CONTACTO
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.contact{
    width: 100%;
    /* height: 250px; */
    position: relative;
    display: inline-block;
    /* background-color: violet; */
    padding: 20px 0 20px 0;
    vertical-align: top;
}
    .contact.blue{
        background-color: #2559A6;
    }

    .contact .contact-left{
        width: 50%;
        display: inline-block;
        /* background-color: yellow; */
        vertical-align:top;
    }
        .contact .contact-left a{
            /* background-color: orange; */
            display: inline-block;
            position: relative;
            vertical-align: top;
            width: auto;
            padding: 7px 10px 7px 35px;
            text-decoration: none;
            font-size: 12px;
            font-weight: 500;
            color: #777;
            margin:5px 0 7px 0;
            background-repeat: no-repeat;
        }
            .contact .contact-left a.what{
                background-size: 24px;
                background-position: left center;
                background-image: url(../img/whatG.png);
            }
                .contact.blue .contact-left a.what{
                    background-image: url(../img/whatW.png);
                    color: #FFF;
                    letter-spacing: 0.5px;
                }
            .contact .contact-left a.insta{
                background-size: 24px;
                background-position: left center;
                background-image: url(../img/instagramG.png);
            }
                .contact.blue .contact-left a.insta{
                    background-image: url(../img/instagramW.png);
                    color: #FFF;
                    letter-spacing: 0.5px;
                }
            .contact .contact-left a.twitter{
                background-size: 24px;
                background-position: left center;
                background-image: url(../img/twitterG.png);
            }
                .contact.blue .contact-left a.twitter{
                    background-image: url(../img/twitterW.png);
                    color: #FFF;
                    letter-spacing: 0.5px;
                }
            .contact .contact-left a.face{
                background-size: 10px;
                background-position: 6px center;
                background-image: url(../img/facebookG.png);
            }
                .contact.blue .contact-left a.face{
                    background-image: url(../img/facebookW.png);
                    color: #FFF;
                    letter-spacing: 0.5px;
                }
            .contact .contact-left a.mail{
                background-size: 21px;
                background-position: 1px center;
                background-image: url(../img/mailBlue.png);
                color: #2559A6;
            }
                .contact.blue .contact-left a.mail{
                    background-image: url(../img/mailY.png);
                    color: #FFCC29;
                    letter-spacing: 0.5px;
                }
                .contact .contact-left a:hover{
                    text-decoration: underline;
                }
    .contact .contact-right{
        width: 50%;
        display: inline-block;
        /* background-color: yellow; */
        vertical-align:top;
        text-align: right;
    }
        .contact .contact-right .fast-contact{
            position: relative;
            right: 0;
            font-size: 11px;
            font-style: italic;
            font-weight: 600;
            width: 100%;
            /* background-color: orange; */
            letter-spacing: 0.5px;
            color: #2559A6;
            text-transform: uppercase;
            display: inline-block;
            margin-bottom: 10px;
        }
            .contact.blue .contact-right .fast-contact{
                color: #FFF;
                font-weight: 500;
            }

        .contact .contact-right .inputText{
            width: calc(100% - 100px);
            display: inline-block;
            position: relative;
            outline: none;
            background-color: transparent;
            /* background-color: orange; */
            border:1px solid #777;
            font-weight: 500;
            font-size: 14px;
            letter-spacing: 0.3px;
            font-family: 'Montserrat', sans-serif;
            color: #000;
            padding: 7px 18px 9px 18px;
            border-radius: 100px;
            margin-bottom: 10px;
        }
            .contact.blue .contact-right .inputText{
                background-color: #fff;
                border:1px solid #fff;
            }

        .contact .contact-right .textArea{
            width: calc(100% - 100px);
            display: inline-block;
            position: relative;
            outline: none;
            background-color: transparent;
            /* background-color: orange; */
            border:1px solid #777;
            font-weight: 500;
            font-size: 14px;
            letter-spacing: 0.3px;
            font-family: 'Montserrat', sans-serif;
            color: #000;
            padding: 7px 18px 9px 18px;
            border-radius: 5px;
            margin-bottom: 0px;
            height: 70px;
            resize: none;
        }
            .contact.blue .contact-right .textArea{
                background-color: #fff;
                border:1px solid #fff;
            }

        .contact .contact-right .fast-contact-submit{
            cursor: pointer;
            position: relative;
            height: 30px;
            color: #FFCC29;
            background-color: #777;
            /* width: 30px; */
            border: none;
            outline: none;
            border-radius: 100px;
            padding: 0 10px 1px 13px;
            letter-spacing: 1px;
            font-family: 'Montserrat', sans-serif;
            font-weight: 600;
            font-size: 12px;
            margin-top: 4px;
            text-align: center;
            cursor: pointer;
        }
            .contact.blue .contact-right .fast-contact-submit{
                background-color: #FFCC29;
                color: #2559A6;
            }


    .contact .scrolltoTop{
        width: 100%;
        display:inline-block;
        position: relative;
        text-align: center;
        margin:20px 0 0px 0;
        /* background-color: yellow; */
    }
        .contact .scrolltoTop .toTop{
            width:32px;
            height: 32px;
            border-radius: 50px;
            display: inline-block;
            background-color: #2559A6;
            background-size: 18px;
            background-position: center 6px;
            background-repeat: no-repeat;
            background-image: url(../img/toTop.png);
            cursor: pointer;
        }
            .contact.blue .scrolltoTop .toTop{
                background-color: #FFCC29;   
                background-image: url(../img/toTopB.png);
            }
            .contact .scrolltoTop .toTop:hover{
                background-color: #333;
            }
                .contact.blue .scrolltoTop .toTop:hover{
                    background-color: #FFF;
                }


/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > FOOTER
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.footer{
    width: 100%;
    /* height: 200px; */
    position: relative;
    display: inline-block;
    background-color: #777;
    /* padding: 20px 0 20px 0; */
    vertical-align: top;
}

    .footer .footer-left{
        display:inline-block;
        width:30%;
        /* height: 200px; */
        padding:30px 0 31px 0;
        /* background-color: orange; */
        position:relative;
        vertical-align:top;
        margin-right:0%;
    }
        .footer .footer-left a, .footer .footer-center a{
            display: inline-block;
            position: relative;
            vertical-align: top;
            width: auto;
            padding: 3px 10px 3px 0px;
            text-decoration: none;
            font-size: 12px;
            font-weight: 300;
            color: #FFF;
            margin: 4px 0;
            letter-spacing: 0.5px;
            cursor: pointer;
        }  
            .footer .footer-center a.hidden{
                opacity: 0;
            }

            .footer .footer-left a.active,.footer .footer-center a.active{
                color: #FFCC29;
                font-weight: 500;
            }
            .footer .footer-left a:hover, .footer .footer-center a:hover:not(.hidden){
                text-decoration: underline;
            }
        .footer .footer-center .finalLinks{
            position: relative;
            display: inline-block;
            /* background-color: orange; */
        }
            .footer .footer-center .finalLinks .social{
                width:12px;
                height: 24px;
                display: inline-block;
                margin-right: 10px;
                margin-bottom: 3px;
                /* background-color: red; */
                position: relative;
                vertical-align: top;
                background-position: center;
                cursor: pointer;
                background-repeat: no-repeat;
                transition: all 150ms ease;
            }
                .footer .footer-center .finalLinks .social.what{
                    background-image: url(../img/whatW.png);
                    background-size: 22px;
                    opacity: 0.6;
                    margin-right: 15px;
                }
                .footer .footer-center .finalLinks .social.instag{
                    background-image: url(../img/instagramW.png);
                    background-size: 22px;
                    opacity: 0.6;
                    margin-right: 15px;
                }
                .footer .footer-center .finalLinks .social.twitter{
                    background-image: url(../img/twitterW.png);
                    background-size: 24px;
                    opacity: 0.6;
                }
                .footer .footer-center .finalLinks .social.facebook{
                    background-image: url(../img/facebookW.png);
                    background-size: 10px;
                    opacity: 0.6;
                    margin-right: 13px;
                }
                    .footer .footer-center .finalLinks .social:hover{
                        opacity: 1;
                    }


                .footer .footer-center .finalLinks .social.mail{
                    width: auto;
                    height: 19px;
                    padding: 7px 0 3px 30px;
                    font-size: 12px;
                    font-weight: 500;
                    letter-spacing: 0.5px;
                    color: #FFCC29;
                    background-size: 22px;
                    background-position: left center;
                    background-repeat: no-repeat;
                    background-image: url(../img/mailY.png);
                    text-decoration: none;
                    /* margin-left: 5px; */
                }
                    .footer .footer-center .finalLinks .social.mail:hover{
                        text-decoration: underline;
                    }
    .footer .footer-center{
        display:inline-block;
        width:40%;
        padding:30px 0 20px 0;
        /* background-color: orange; */
        position:relative;
        vertical-align:top;
        margin-right:0%;
    }
    .footer .footer-right{
        display:inline-block;
        width:30%;
        height: 170px;
        padding-top: 10px;
        /* background-color: red; */
        position:relative;
        vertical-align:top;
        margin-right:0%;
        background-position: right center;
        background-repeat: no-repeat;
        background-size: contain;
        background-origin: content-box;
        background-image: url(../img/logoBW.png);
    }
    .footer .copy{
        width: 100%;
        display: inline-block;
        background-color: #333;
        font-size: 10px;
        font-weight: 400;
        padding:12px 0;
        color: #DDD !important;
        letter-spacing: 0.5px;
    }
        .footer .copy .development{
            float: right;
            color: aqua;
            font-weight: 500;
            text-decoration: none;
            cursor: pointer;
        }
            .footer .copy .development:hover{
                text-decoration: underline;
            }


/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > MENU PANEL
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.menu-panel{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: fixed;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 100000000000;
}
    .menu-panel.active{
        opacity: 1;
        visibility: visible;
    }

    .menu-panel .main{
        width: 40%;
        height: 100%;
        position: absolute;
        top:0;
        left: 0;
        background-color: rgba(37, 89, 166, 0.95);
        box-shadow: 3px 0 10px 0 rgba(0,0,0,0.4);
        z-index: 2;
    }
        .menu-panel .main .close{
            top: 10px;
            right: 10px;
            position: absolute;
            font-size: 11px;
            width: auto;
            font-weight: 500;
            color: #FFF;
            padding:6px 0 5px 25px;
            display: inline-block;
            background-position: left center;
            background-repeat: no-repeat;
            background-size: 18px;
            /* background-color: red; */
            background-image: url(../img/close-menu.png);
            cursor: pointer;
        }
            .menu-panel .main .close:hover{
                color: #FFCC29;
            }
        .menu-panel .main .link{
            font-size: 14px;
            color: #FFF;
            font-weight: 400;
            display: inline-block;
            text-decoration: none;
            width: 70%;
            padding: 2px 0;
            transition: all 400ms ease;
            margin: 7px 0 7px 30%;
            cursor: pointer;
        }
            .menu-panel .main .lang{
                font-size: 14px;
                color: #FFCC29;
                font-weight: 400;
                display: inline-block;
                text-decoration: none;
                width: 70%;
                padding: 2px 0;
                transition: all 400ms ease;
                margin: 7px 0 7px 30%;
                cursor: pointer;
                text-transform: uppercase;
            }
            .menu-panel .main .lang:hover{
                text-decoration: underline;
            }
           


            .menu-panel .main .link img{
                width: 18px;
                vertical-align: top;
                display: inline-block;
                margin-top: -3px;
                margin-left: 5px;
                position: absolute;
            }

            .menu-panel .main .link .catInd{
                background-position: center;
                background-repeat: no-repeat;
                background-size: 16px;
                background-image: url(../img/right.png);
                height: 16px;
                width: 16px;
                display: inline-block;
                margin-left: 8px;
                vertical-align: middle;
                position: relative;
                /* background-color: red; */
                margin-top: -1px;
                transition: all 300ms ease;
                transform: rotate(90deg);
            }
            .menu-panel .main .link .catInd.active{
                background-image: url(../img/rightY.png);
                transform: rotate(0deg);
            }
            .menu-panel .main .link.active, .menu-panel .main .link:hover{
                color: #FFCC29;
                border-left: 7px solid #FFCC29;
                padding-left: 15px;
                width: calc(70% - 22px);
            }
            .menu-panel .main .link.active{
                cursor: default;
            }
            .menu-panel .main .redes{
                width: 50%;
                margin: 7px 0 7px 30%;
                /* background-color: blue; */
                box-shadow: 0 -1px 0 0 rgba(255,255,255,0.2);
                margin-top: 1px;
                padding-top: 9px;
                margin-top: 10px;
                padding-left: 0px;
            }
             .menu-panel .main .redes a{
                width:38px;
                height: 38px;
                display: inline-block;
                margin-right: 10px;
                margin-bottom: 0px;
                /* background-color: red; */
                position: relative;
                vertical-align: top;
                background-position: center;
                cursor: pointer;
                background-repeat: no-repeat;
                transition: all 150ms ease;
                border-radius: 100px;
            }
                .menu-panel .main .redes a.insta{
                    background-image: url(../img/instagramW.png);
                    background-size: 22px;
                    margin-left:-8px;
                }
                .menu-panel .main .redes a.twitter{
                    background-image: url(../img/twitterW.png);
                    background-size: 24px;
                    
                }
                .menu-panel .main .redes a.face{
                    background-image: url(../img/facebookW.png);
                    background-size: 10px;
                }
                .menu-panel .main .redes a.mail{
                    width: auto;
                    height: 19px;
                    padding: 8px 5px 3px 40px;
                    font-size: 12px;
                    font-weight: 500;
                    letter-spacing: 0.5px;
                    color: #FFF !important;
                    background-size: 22px;
                    background-position: 8px center;
                    background-repeat: no-repeat;
                    background-image: url(../img/mailW.png);
                    text-decoration: none;
                    transition: all 150ms ease;
                    margin-left:-8px;
                }
                 .menu-panel .main .redes a:hover{
                     background-color: rgba(255,255,255,0.1);
                 }
    .menu-panel .categories-menu{
        width: 60%;
        height: 100%;
        position: absolute;
        top:0;
        left: 100%;
        background-color: rgba(255,255,255,0.95);
        z-index: 1;
        opacity: 0;
        visibility: hidden;
        transition: all 500ms ease;
    }
        .menu-panel .categories-menu.active{
            opacity: 1;
            visibility: visible;
            left: 40%;
        }
        .menu-panel .categories-menu .categories-base{
            width: calc(80% - 30px);
            /* height: 400px; */
            /* background-color: #ee82ee; */
            display: inline-block;
            margin-left: 30px;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        .menu-panel .categories-menu .categories-base .basegrid{
            /* background-color: #93D9F6; */
            display: grid;
            grid-gap: 5px;
            grid-column-gap: 10px;
            grid-template-rows: repeat(11, auto);
            grid-template-columns: repeat(auto-fit, minmax(auto, 241px));
            grid-auto-flow: column;
            border-top:1px solid #CCC;
            margin-top:10px;
            padding-top:5px;
        }
            .menu-panel .categories-menu .categories-base .selection{
                width: 100%;
                padding:8px 0;
                text-align: left;
                border-bottom:1px solid rgba(0,0,0,0.2);
                font-size: 10px;
                letter-spacing: 0.5px;
                font-weight: 500;
                color: #777;
                margin-bottom: 10px;
            }
            .menu-panel .categories-menu .categories-base .columnaCats{
                width: 30%;
                /* background-color: yellow; */
                display: inline-block;
                vertical-align: top;
            }
                .menu-panel .categories-menu .categories-base a{
                    font-size: 14px;
                    letter-spacing: 0px;
                    font-weight: 400;
                    color: #333;
                    display: inline-block;
                    padding:4px 15px 6px 0px;
                    width: auto;
                    border-radius: 100px;
                    /* background-color: orange; */
                    text-decoration: none;
                    margin: 4px 0;
                    transition: all 300ms ease;
                    line-height: 12px;
                }
                    .menu-panel .categories-menu .categories-base a.all{
                        background-color: #FFCC29;
                        color: #000;
                        padding: 6.5px 15px 6px 15px;
                        font-weight: 500;
                        text-transform: uppercase;
                        font-size: 11px;
                    }
                    .menu-panel .categories-menu .categories-base a.all.spec{
                        background-color: #DDD;
                        color: #000;
                        padding: 6.5px 15px 6px 15px;
                        font-weight: 500;
                        text-transform: uppercase;
                        font-size: 11px;
                    }
                    .menu-panel .categories-menu .categories-base a.all.spec:hover{
                        background-color: #333;
                        color: #FFF;
                    }
                    .menu-panel .categories-menu .categories-base a.active, .menu-panel .categories-menu .categories-base a:hover{
                        background-color: #2559A6;
                        color: #FFF;
                        padding-left:15px;
                    }

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > TOP SECTION
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.topSection{
    width: 100%;
    height: 85px;
    display: inline-block;
    z-index: 1;
    position: relative;
}
    .topSection .home{
        width: 53px;
        /* background-color: yellow; */
        height: auto;
        display: inline-block;
        left: 0;
        top: 15px;
        position: absolute;
        padding:5px 0px 3px 26px;
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 16px;
        background-image: url(../img/home.png);
        font-size: 11px;
        font-weight: 600;
        text-decoration: none;
        color: #000;
    }
        .topSection .home:hover{
            color: #2559A6;
            text-decoration: underline;
        }

    .topSection .intro{
        /* background-color: yellow; */
        height: auto;
        display: inline-block;
        left: 78px;
        top: 15px;
        position: absolute;
        padding:5px 0px 3px 12px;
        font-size: 11px;
        font-weight: 600;
        border-left: 1px solid #999;
    }

    .mainTit{
        font-weight: 800;
        font-size: 24px;
        display: inline-block;
        letter-spacing: 0.5px;
        vertical-align: top;
        /* background-color: orange; */
        color: #C93438;
        position: absolute;
        top:45px;
        left: 90px;
    }
        .mainTit span{
            font-weight: 500;
            font-size: 14px;
            margin-bottom: 4.5px;
            display: inline-block;
            position: relative;
            vertical-align: bottom;
        }
        .mainTit.cat{
            padding-left: 25px;
            background-position: left center;
            background-repeat: no-repeat;
            background-size: 16px;
            background-image: url(../img/downB.png);
            cursor: pointer;
            color: #2559A6;
        }   
        .mainTit.blue{
            color: #2559A6;
        }
        .mainTit.blue span{
            color: #777;
            font-weight: 600;
            font-size: 20px;
            margin-top: 3px;
            display: inline-block;
            position: relative;
            vertical-align: top;
        }
            .mainTit.cat:hover{
                text-decoration: underline;
            }
        .mainTit.inner{
            color: #2559A6;
            left: 0;
        }

    .topSection .filters{
        position: absolute;
        right: 0;
        height: 100%;
        display:inline-block;
        /* background-color: orange; */
    }
        .topSection .filter{
            position: relative;
            display: inline-block;
            vertical-align: top;
            /* background-color: #B5F1BD;    */
            cursor: pointer;
            padding: 0 10px;
            margin-top: 7px;
            border-radius: 10px 10px 0 0;
        }
            .topSection .filter:hover{
                background-color: #2559A6;
            }
            .topSection .filter.orden{
                margin-left: 35px;
            }
            .topSection .filter .titFilter{
                width: auto;
                /* background-color: yellow; */
                height: auto;
                display: inline-block;
                left: 0;
                margin-top: 8px;
                position: relative;
                padding:5px 0px 3px 20px;
                background-position: left 3px;
                background-repeat: no-repeat;
                background-size: 13px;
                background-image: url(../img/downB.png);
                font-size: 11px;
                font-weight: 600;
                text-decoration: none;
                color: #2559A6;
                letter-spacing: 0.5px;
            }
                .topSection .filter:hover .titFilter{
                    color: #FFCC29;
                    background-image: url(../img/downY.png);
                }

            .topSection .filter .optionSelected{
                font-weight: 800;
                font-size: 18px;
                display: inline-block;
                letter-spacing: 0.5px;
                vertical-align: top;
                /* background-color: yellow; */
                color: #777;
                position: relative;
                margin-top:15px;
            }
            .topSection .filter:hover .optionSelected{
                opacity: 0;
            }
            .topSection .filter .options{
                display: none;
                width: 200px;
                position: absolute;
                background-color: #2559A6;
                top:30px;
                right: 0;
                padding: 10px;
                border-radius: 10px 0 10px 10px;
                box-shadow: 0 3px 3px 0 rgba(0,0,0,0.3);
            }
                .topSection .filter:hover .options{
                    display: inline-block;
                }
            
                .topSection .filter .options .option{
                    font-weight: 600;
                    font-size: 12px;
                    display: inline-block;
                    letter-spacing: 0.5px;
                    vertical-align: top;
                    /* background-color: blue; */
                    color: #FFF;
                    position: relative;
                    padding:8px 10px;
                    margin: 3px 0;
                    border-radius: 100px;
                    text-decoration: none;
                    cursor:pointer;
                    transition: all 150ms ease;
                    width: calc(100% - 20px);
                }
                    .topSection .filter .options .option:hover{
                        background-color: rgba(255,255,255,0.1);
                    }
                    .topSection .filter .options .option.selected{
                        background-color: #FFCC29;
                        color: #000;
                    }


/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > PRODUCTO
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.modal-producto{
    background-color: rgba(37, 89, 166, 0.95);
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top:0;
    left:0;
    z-index: 100000000000;
}
    .modal-producto .cargando{
        font-size: 22px;
        font-weight: 300;
        color: #FFF;
        position: absolute;
        text-align: center;
    }
    .modal-producto .cargando img{
        width: 250px;
        margin-bottom: 20px;
    }

    .modal-producto.frompromo{
        background-color: rgba(51,51,51, 0.9);
        width: 100%;
        left: auto;
        right: 0;
    }
    .modal-producto .product-wrapper{
        width: 100%;
        background-color: #FFF;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        display: inline-block;
        position: absolute;
        /* height: 400px; */
        padding:30px 0;
        /* background-color: violet; */
    }
        .modal-producto.frompromo .product-wrapper{
            width:50%;
            max-width: 800px;
            height: 100%;
            top: auto;
            -webkit-transform:none;
            -ms-transform:none;
            transform:none;
            right: 0;
            padding:0;
        }

        .modal-producto .product-wrapper .p-close{
            top: -65px;
            right: 0px;
            position: absolute;
            font-size: 11px;
            width: auto;
            font-weight: 500;
            color: #FFF;
            padding:6px 0 5px 25px;
            display: inline-block;
            background-position: left center;
            background-repeat: no-repeat;
            background-size: 18px;
            /* background-color: red; */
            background-image: url(../img/close-menu.png);
            cursor: pointer;
            transition: all 150ms ease;
        }
            .modal-producto .product-wrapper .p-close{
                display: inline-block;
            }
            .modal-producto.frompromo .product-wrapper .p-close{
                display: none;
            }
            .modal-producto .product-wrapper .p-close.volverpromo{
                display: none;
            }
            .modal-producto.frompromo .product-wrapper .p-close.volverpromo{
                display: inline-block;
            }

            .modal-producto:not(.frompromo) .product-wrapper .p-close:hover{
                color: #FFCC29;
            }
            .modal-producto.frompromo .product-wrapper .p-close{
                background-image: url(../img/leftBlue.png);
                top:7px;
                right: auto;
                left: -7px;
                background-color: #FFCC29;
                color: #2559A6;
                padding:15px 15px 14px 28px;
                border-radius: 5px 3px 3px 5px;
                background-position: 5px center;
            }
            .modal-producto.frompromo .product-wrapper .p-close:hover{
                background-color: #2559A6;
                background-image: url(../img/leftW.png);
                color: #FFF;
            }


            .modal-producto .product-wrapper .p-photo{
                display: inline-block;
                height:100%;
                /* background-color: violet; */
                width: calc(40% - 40px);
                top: 0;
                padding:0 20px;
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain;
                background-origin: content-box;
                position: absolute;
                vertical-align:top;
            }
                .modal-producto.frompromo .product-wrapper .p-photo{
                    width: calc(80% - 40px);
                    height: calc(50vh - 50px);
                    margin-top: 50px;
                    position: relative;
                    left: 10%;
                }
                    


            .modal-producto .product-wrapper .p-data{
                display: inline-block;
                height: 100%;
                width: 60%;
                top: 0;
                position: relative;
                vertical-align:top;
                /* background-color: #E7DA86; */
                left: 40%;
                padding:0 0 5px 0;
            }
                .modal-producto .product-wrapper .p-data .badged{
                    width: 28px;
                    height: 53px;
                    position: absolute;
                    top: -40px;
                    left: 0;
                    background-image: url(../img/badged.png);
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: auto;
                }
                .modal-producto.frompromo .product-wrapper .p-data{
                    width: 80%;
                    height: 50vh;
                    padding: 0 10%;
                    left: 0%;
                    overflow-x: hidden;
                    overflow-y: auto;
                }


            .modal-producto .product-wrapper .p-data .d1{
                /* background-color: yellow; */
                width: 100%;
                display: inline-block;
                vertical-align: top;
                margin-top: 20px;
            }
                .modal-producto .product-wrapper .p-data .d1 .titProm{
                    width: 100%;
                    /* background-color: violet; */
                    display: inline-block;
                    font-weight: 600;
                    font-size: 14px;
                    letter-spacing: 0.5px;
                    line-height: 18px;
                    margin-bottom: 5px;
                    color: #C93438;
                }
                .modal-producto .product-wrapper .p-data .d1 .titulo{
                    width: 65%;
                    /* background-color: violet; */
                    display: inline-block;
                    font-weight: 800;
                    font-size: 24px;
                    letter-spacing: 0.5px;
                    line-height: 24px;
                    /* margin-top: 10px; */
                    color: #777;
                }
                .modal-producto .product-wrapper .p-data .d1 .titulo.pp{
                    color: #2559A6;
                }

                .modal-producto.frompromo .product-wrapper .p-data .d1 .titulo{
                    color: #2559A6;
                }
                .modal-producto .product-wrapper .p-data .d1 .descripcion{
                    width: 65%;
                    /* background-color: violet; */
                    display: inline-block;
                    margin-top: 10px;
                    font-weight: 400;
                    font-size: 12px;
                    letter-spacing: 0.5px;
                    line-height: 19px;
                    color: #333;
                    /* text-align: justify; */
                }
                     .modal-producto.frompromo .product-wrapper .p-data .d1 .descripcion{
                         width: 100%;
                     }

            .modal-producto .product-wrapper .p-data .d2{
                /* background-color: yellow; */
                width: 100%;
                display: inline-block;
                vertical-align: top;
                margin-top: 20px;
            }
                .modal-producto .product-wrapper .p-data .d2 .presentacion{
                    width: 65%;
                    display: inline-block;
                    font-weight: 700;
                    font-size: 24px;
                    letter-spacing: 0.5px;
                    line-height: 24px;
                    color:#777;
                    /* background-color: violet; */
                }
                    .modal-producto .product-wrapper .p-data .d2 .presentacion .tt{
                        font-size: 10px;
                        letter-spacing: 0;
                        font-weight: 600;
                        color: #2559A6;
                        width: 100%;
                        /* background-color:#93D9F6; */
                        text-decoration: none;
                    }
                        .modal-producto .product-wrapper .p-data .d2 .presentacion.pp{
                            width: 25%;
                        }


                .modal-producto .product-wrapper .p-data .d2 .preciopromo{
                    width: 40%;
                    display: inline-block;
                    font-weight: 500;
                    font-size: 24px;
                    letter-spacing: 0.5px;
                    line-height: 24px;
                    color:#AAA;
                    /* background-color: violet; */
                }
                .modal-producto .product-wrapper .p-data .d2 .preciopromo .tt{
                    font-size: 10px;
                        letter-spacing: 0;
                        font-weight: 600;
                        text-decoration: none;
                        color: #2559A6;
                        width: 100%;
                        /* background-color:#93D9F6; */
                    }
                        .modal-producto .product-wrapper .p-data .d2 .preciopromo span{
                            text-decoration: line-through;
                        }

                .modal-producto .product-wrapper .p-data .d2 .precio{
                    width: 35%;
                    display: inline-block;
                    font-weight: 700;
                    font-size: 24px;
                    letter-spacing: 0.5px;
                    line-height: 24px;
                    color:#777;
                    /* background-color: blanchedalmond; */
                }
                    .modal-producto .product-wrapper .p-data .d2 .precio.pp{
                        color: #2559A6;
                    }

                    .modal-producto .product-wrapper .p-data .d2 .precio .tt{
                        font-size: 10px;
                        letter-spacing: 0;
                        font-weight: 600;
                        color: #2559A6;
                        width: 100%;
                        /* background-color:#93D9F6; */
                    }
                    .modal-producto .product-wrapper .p-data .d2 .precio .tt.pp{
                        color: #C93438;
                        /* font-weight: 00; */
                        font-size: 12px;
                    }

                    .modal-producto .product-wrapper .p-data .d2 .precio span{
                        color: #999;
                        font-weight: 600;
                        font-size: 18px;
                        display: inline-block;
                        vertical-align: top;
                        margin-top: 0px;
                    }
            .modal-producto .product-wrapper .p-data .d3{
                /* background-color: yellow; */
                width: 100%;
                display: inline-block;
                vertical-align: top;
                margin-top: 30px;
            }
                .modal-producto.frompromo .product-wrapper .p-data .d3{
                    display: none;
                }
                .modal-producto .product-wrapper .p-data .d3 .nota{
                    width: 50%;
                    display: inline-block;
                    font-weight: 400;
                    font-style: italic;
                    font-size: 11px;
                    letter-spacing: 0.5px;
                    line-height: 16px;
                    color: #777;
                    /* background-color: violet; */
                    vertical-align:top;
                }

                .modal-producto .product-wrapper .p-data .d3 .addCart{
                    margin-left: 15%;
                    width: 35%;
                    display: inline-block;
                    font-weight: 700;
                    font-size: 12px;
                    letter-spacing: 0;
                    background-color: #FFCC29;
                    color: #000000;
                    border-radius: 2px;
                    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
                    padding: 9px 0 6px 0;
                    vertical-align: top;
                    text-align: center;
                    cursor: pointer;
                }
                    .modal-producto .product-wrapper .p-data .d3 .addCart a{
                        background-color: #2559A6;
                        padding: 9px 25px 9px 15px;
                        font-weight: 600;
                        font-size: 12px;
                        letter-spacing: 0.5px;
                        color: #FFF;
                        border-radius: 2px;
                        text-decoration: none;
                        margin-top: 5px;
                        display: inline-block;
                        background-image: url(../img/right.png);
                        background-repeat: no-repeat;
                        background-position: calc(100% - 6px) 7.5px;
                        background-size: 14px;
                        cursor: pointer;
                        transition: all 150ms ease;
                    }
                        .modal-producto .product-wrapper .p-data .d3 .addCart a:hover{
                            background-color: #25A629;
                        }


                .modal-producto .product-wrapper .p-data .d3 .addCart.ready{
                    background-color: #FFF;
                    color: #25A629;
                    padding: 9px 0 7px 0;
                    box-shadow: 0 3px 6px 0 rgba(0,0,0,0);
                    cursor: default;
                    text-align: right;
                }


                .modal-producto .product-wrapper .p-data .d3 .addCart .innerCart{
                    background-position: center;
                    background-size: 24px;
                    background-repeat: no-repeat;
                    background-image: url(../img/cartB.png);
                    height: 24px;
                    width: 24px;
                    display: inline-block;
                    margin-right: 10px;
                    vertical-align: middle;
                    margin-top: -5px;
                }
                    .modal-producto .product-wrapper .p-data .d3 .addCart:not(.ready):hover{
                        color: #FFF;
                        background-color: #2559A6;
                    }
                    .modal-producto .product-wrapper .p-data .d3 .addCart:hover .innerCart{
                        background-image: url(../img/cartW.png);
                    }

                    .modal-producto .product-wrapper .p-data .d3 .addCart.ready .innerCart{
                        background-image: url(../img/cartReadyG.png);
                    }


            .modal-producto .product-wrapper .p-data .d4{
                /* background-color: yellow; */
                width: 100%;
                display: inline-block;
                vertical-align: top;
                margin-top: 30px;
                padding: 15px 0;
                margin-bottom: 20px;
                position: relative;
                border-radius: 0 5px 5px 0;
            }
                .modal-producto .product-wrapper .p-data .d4.conback{
                    background: #d0d0d0; /* Old browsers */
                    background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(208,208,208,1) 100%); /* FF3.6-15 */
                    background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(208,208,208,1) 100%); /* Chrome10-25,Safari5.1-6 */
                    background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(208,208,208,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d0d0d0',GradientType=1 ); /* IE6-9 */
                }

                .modal-producto.frompromo .product-wrapper .p-data .d4{
                    display: none;
                }

                .modal-producto .product-wrapper .p-data .d4 .compartir{
                    width: 35%;
                    margin-left: 65%;
                    /* background-color:#93D9F6; */
                    display: inline-block;
                    height: 100%;
                    position: relative;
                    vertical-align: top;;
                }
                    .modal-producto .product-wrapper .p-data .d4 .compartir .titShare{
                        font-size: 10px;
                        letter-spacing: 0;
                        font-weight: 600;
                        color: #2559A6;
                        display: inline-block;
                        width: 100%;    
                        position: relative;
                        /* opacity: 0.5; */
                        /* background-color: violet; */
                        margin-bottom: 9px;
                        vertical-align: top;
                    }
                    .modal-producto .product-wrapper .p-data .d4 .compartir .shareProduct{
                        width: 18px;
                        height:18px;
                        display: inline-block;

                        margin-right: 15px;
                        /* background-color: red; */
                        vertical-align: top;
                        background-position: center;
                        background-size: contain;
                        background-repeat: no-repeat;
                        opacity: 0.5;
                        transition: all 200ms ease;
                        cursor: pointer;
                    }
                        .modal-producto .product-wrapper .p-data .d4 .compartir .shareProduct.wa{
                            background-image: url(../img/wpB.png);
                        }
                        .modal-producto .product-wrapper .p-data .d4 .compartir .shareProduct.twit{
                            background-image: url(../img/twitterB.png);
                        }
                        .modal-producto .product-wrapper .p-data .d4 .compartir .shareProduct.face{
                            background-image: url(../img/facebookB.png);
                        }
                        .modal-producto .product-wrapper .p-data .d4 .compartir .shareProduct.mail{
                            background-image: url(../img/mailB.png);
                        }

                        .modal-producto .product-wrapper .p-data .d4 .compartir .shareProduct:hover{
                            opacity: 1;
                        }


/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > PROMOCION (MODAL)
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.modal-promocion{
    background-color: rgba(255, 205, 41, 0.95);
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    top:0;
    left:0;
    z-index: 1000000000000;
}

    .modal-promocion .cargando{
        font-size: 22px;
        font-weight: 300;
        color: #333;
        position: absolute;
        text-align: center;
    }
    .modal-promocion .cargando img{
        width: 250px;
        margin-bottom: 20px;
    }
    .modal-promocion.active{
        display: inline-block;
    }

    .modal-promocion .promocion-wrapper{
        width: 100%;
        background-color: #FFF;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        display: inline-block;
        position: absolute;
        /* height: 400px; */
        padding:30px 0;
    }
        .modal-promocion .promocion-wrapper .p-close{
            top: -65px;
            right: 0px;
            position: absolute;
            font-size: 11px;
            width: auto;
            font-weight: 500;
            color: #000;
            padding:6px 0 5px 25px;
            display: inline-block;
            background-position: left center;
            background-repeat: no-repeat;
            background-size: 18px;
            /* background-color: red; */
            background-image: url(../img/closeB.png);
            cursor: pointer;
        }
            .modal-promocion .promocion-wrapper .p-close:hover{
                color: #2559A6;
            }
        
        .modal-promocion .promocion-wrapper .pr-photo{
            display: inline-block;
            height:calc(100% - 40px);
            /* background-color:red; */
            width: 28%;
            top: 0;
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            background-origin: content-box;
            position: absolute;
            vertical-align:top;
            padding-bottom:40px;
        }
            .modal-promocion .promocion-wrapper .pr-photo .valido{
                position:absolute;
                width: 100%;
                bottom:0;
                height: 28px;
                /* background-color:honeydew; */
                font-size: 10px;
                letter-spacing: 0;
                font-weight: 600;
                color: #777;
                text-align: center;
            }
                .modal-promocion .promocion-wrapper .pr-photo .valido span{
                    font-size: 14px;
                    color: #2559A6;
                    font-weight: 500;
                    margin-top: 5px;
                    display: inline-block;
                }


        .modal-promocion .promocion-wrapper .pr-data{
            display: inline-block;
            height: 100%;
            width: 41%;
            top: 0;
            position: relative;
            vertical-align:top;
            /* background-color: #E7DA86; */
            left: calc(28% + 20px);
            padding:0 0 0 0;
        }
                .modal-promocion .promocion-wrapper .pr-data .d1{
                    /* background-color: yellow; */
                    width: calc(100% - 20px);
                    display: inline-block;
                    vertical-align: top;
                    margin-top: 0px;
                }
                        .modal-promocion .promocion-wrapper .pr-data .d1 .titProm{
                            width: 100%;
                            /* background-color: violet; */
                            display: inline-block;
                            font-weight: 500;
                            font-size: 11px;
                            letter-spacing: 0.5px;
                            line-height: 18px;
                            margin-bottom: 5px;
                            color: #777;
                        }
                        .modal-promocion .promocion-wrapper .pr-data .d1 .titulo{
                            width: 100%;
                            /* background-color: violet; */
                            display: inline-block;
                            font-weight: 800;
                            font-size: 24px;
                            letter-spacing: 0.5px;
                            line-height: 28px;
                            /* margin-top: 10px; */
                            color: #2559A6;
                        }
                        .modal-promocion .promocion-wrapper .pr-data .d1 .descripcion{
                            width: 100%;
                            /* background-color: violet; */
                            display: inline-block;
                            margin-top: 7px;
                            font-weight: 400;
                            font-size: 12px;
                            letter-spacing: 0.5px;
                            line-height: 19px;
                            color: #333;
                            /* text-align: justify; */
                        }
                .modal-promocion .promocion-wrapper .pr-data .d2{
                    /* background-color:burlywood; */
                    width: calc(100% - 20px);
                    display: inline-block;
                    vertical-align: top;
                }
                    .modal-promocion .promocion-wrapper .pr-data .d2 .nota{
                        width: 100%;
                        display: inline-block;
                        font-weight: 400;
                        font-style: italic;
                        font-size: 11px;
                        letter-spacing: 0.5px;
                        line-height: 16px;
                        color: #777;
                        /* background-color: violet; */
                        vertical-align:top;
                        margin:15px 0;
                    }
                .modal-promocion .promocion-wrapper .pr-data .d3{
                    /* background-color:chartreuse; */
                    width: calc(100% - 20px);
                    display: inline-block;
                    vertical-align: top;
                }
                    .modal-promocion .promocion-wrapper .pr-data .d3 .qprom{
                        width: 40%;
                        display: inline-block;
                        font-weight: 700;
                        font-size: 24px;
                        letter-spacing: 0.5px;
                        line-height: 24px;
                        color:#25A629;
                        /* background-color: violet; */
                    }
                        .modal-promocion .promocion-wrapper .pr-data .d3 .qprom .tt{
                            font-size: 10px;
                            letter-spacing: 0;
                            font-weight: 600;
                            color: #777;
                            width: 100%;
                            /* background-color:#93D9F6; */
                        }
                    .modal-promocion .promocion-wrapper .pr-data .d3 .precio{
                        width: 100%;
                        display: inline-block;
                        font-weight: 700;
                        font-size: 24px;
                        letter-spacing: 0.5px;
                        line-height: 24px;
                        color:#777;
                        text-align: right;
                        /* background-color: blanchedalmond; */
                    }
                        .modal-promocion .promocion-wrapper .pr-data .d3 .precio .tt{
                            font-size: 10px;
                            letter-spacing: 0;
                            font-weight: 600;
                            color: #777;
                            width: 100%;
                            /* background-color:#93D9F6; */
                        }
                        .modal-promocion .promocion-wrapper .pr-data .d3 .precio span{
                            color: #2559A6;
                            font-weight: 600;
                            font-size: 18px;
                            display: inline-block;
                            vertical-align: top;
                            margin-top: 0px;
                            text-decoration:line-through;
                        }
                .modal-promocion .promocion-wrapper .pr-data .d4{
                    /* background-color:cyan; */
                    width: calc(100% - 20px);
                    display: inline-block;
                    vertical-align: top;
                }
                    .modal-promocion .promocion-wrapper .pr-data .d4 .addCart{
                        width: 55%;
                        display: inline-block;
                        font-weight: 700;
                        font-size: 12px;
                        letter-spacing: 0.5px;
                        background-color: #2559A6;
                        color: #FFF;
                        border-radius: 5px;
                        box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
                        padding: 12px 0px 10px 0px;
                        vertical-align: top;
                        text-align: center;
                        cursor: pointer;
                        margin: 10px 0 10px 45%;
                    }
                        .modal-promocion .promocion-wrapper .pr-data .d4 .addCart a{
                            background-color: #2559A6;
                            padding: 9px 25px 9px 15px;
                            font-weight: 600;
                            font-size: 12px;
                            letter-spacing: 0.5px;
                            color: #FFF;
                            border-radius: 2px;
                            text-decoration: none;
                            margin-top: 5px;
                            display: inline-block;
                            background-image: url(../img/right.png);
                            background-repeat: no-repeat;
                            background-position: calc(100% - 6px) 7.5px;
                            background-size: 14px;
                            cursor: pointer;
                            transition: all 150ms ease;
                        }
                            .modal-promocion .promocion-wrapper .pr-data .d4 .addCart a:hover{
                                background-color: #25A629;
                            }

                        .modal-promocion .promocion-wrapper .pr-data .d4 .addCart.ready{
                            background-color: #FFF;
                            color: #25A629;
                            padding: 0px 0 7px 0;
                            box-shadow: 0 3px 6px 0 rgba(0,0,0,0);
                            cursor: default;
                            text-align: right;
                        }
                        .modal-promocion .promocion-wrapper .pr-data .d4 .addCart.ready .innerCart{
                            background-image: url(../img/cartReadyG.png);
                        }
                        .modal-promocion .promocion-wrapper .pr-data .d4 .addCart .innerCart{
                            background-position: center;
                            background-size: 24px;
                            background-repeat: no-repeat;
                            background-image: url(../img/cartW.png);
                            height: 30px;
                            width: 24px;
                            display: inline-block;
                            /* margin-right: 10px; */
                            vertical-align: middle;
                            margin-top: -4px;
                            position: relative;
                        }
                            .modal-promocion .promocion-wrapper .pr-data .d4 .addCart:not(.ready):hover{
                                background-color: crimson;
                            }
                        .modal-promocion .promocion-wrapper .pr-data .d4 .addCart .innerText{
                            vertical-align: middle;
                            font-size: inherit;
                            font-weight: inherit;
                            font-size: inherit;
                            display: inline-block;
                            position: relative;
                            width: calc(80% - 24px);
                            text-align: left;
                            margin-left: 10px;
                        }
                .modal-promocion .promocion-wrapper .pr-data .d5{
                    /* background-color:darksalmon; */
                    width: calc(100% - 20px);
                    display: inline-block;
                    vertical-align: top;
                }

                        .modal-promocion .promocion-wrapper .pr-data .d5 .compartir{
                            width: 55%;
                            margin-left: 45%;
                            /* background-color:orange; */
                            display: inline-block;
                            height: 100%;
                            position: relative;
                            vertical-align: top;;
                        }
                            .modal-promocion .promocion-wrapper .pr-data .d5 .compartir .titShare{
                                font-size: 10px;
                                letter-spacing: 0;
                                font-weight: 600;
                                color: #2559A6;
                                display: inline-block;
                                width: 100%;    
                                position: relative;
                                /* opacity: 0.5; */
                                /* background-color: violet; */
                                margin-bottom: 9px;
                                vertical-align: top;
                            }
                            .modal-promocion .promocion-wrapper .pr-data .d5 .compartir .shareProduct{
                                width: 18px;
                                height:18px;
                                display: inline-block;

                                margin-right: 15px;
                                /* background-color: red; */
                                vertical-align: top;
                                background-position: center;
                                background-size: contain;
                                background-repeat: no-repeat;
                                opacity: 0.5;
                                transition: all 200ms ease;
                                cursor: pointer;
                            }
                                .modal-promocion .promocion-wrapper .pr-data .d5 .compartir .shareProduct.wa{
                                    background-image: url(../img/wpB.png);
                                }
                                .modal-promocion .promocion-wrapper .pr-data .d5 .compartir .shareProduct.twit{
                                    background-image: url(../img/twitterB.png);
                                }
                                .modal-promocion .promocion-wrapper .pr-data .d5 .compartir .shareProduct.face{
                                    background-image: url(../img/facebookB.png);
                                }
                                .modal-promocion .promocion-wrapper .pr-data .d5 .compartir .shareProduct.mail{
                                    background-image: url(../img/mailB.png);
                                }

                                .modal-promocion .promocion-wrapper .pr-data .d5 .compartir .shareProduct:hover{
                                    opacity: 1;
                                }

        .modal-promocion .promocion-wrapper .pr-combo{
            display: inline-block;
            height: calc(100% - 0px);
            /*background-color: orange;*/
            width: calc(29% - 20px);
            left: 71%;
            top: 0;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            background-origin: content-box;
            position: absolute;
            vertical-align: top;
        }
            .modal-promocion .promocion-wrapper .pr-combo .queincluye{
                font-size: 16px;
                font-weight: 700;
                letter-spacing: 0.2px;
                color: #777;
                width: 100%;
                text-align: left;
                display: inline-block;
                /* background-color: violet; */
                padding-bottom:5px;
                margin-bottom:5px;
                vertical-align:top;
            }
                .modal-promocion .promocion-wrapper .pr-combo .linetop{
                    width: 100%;
                    text-align: left;
                    display: inline-block;
                    /* background-color: violet; */
                    margin:0px;
                    vertical-align:top;
                }
                    .modal-promocion .promocion-wrapper .pr-combo .linetop .linetit{
                        width: calc(100% - 100px);
                        display: inline-block;
                        background-color: #E3e3e3;
                        margin:2px 0px;
                        vertical-align:top;
                        font-size: 9px;
                        font-weight: 600;
                        letter-spacing: 0.3px;
                        text-align: center;
                        color: #707070;
                        padding:7px 0 6px 0;
                        border-radius: 3px 3px 0 0;
                    }
                        .modal-promocion .promocion-wrapper .pr-combo .linetop.end .linetit{
                            font-size: 12px;
                            font-weight: 500;
                            color: #777;
                            padding:7px 0 7px 0;
                            margin:0px;
                            border-radius: 0 0 3px 3px;
                        }

                    .modal-promocion .promocion-wrapper .pr-combo .linetop .linecant{
                        width: 90px;
                        display: inline-block;
                        background-color: #E3e3e3;
                        margin:2px 0px 2px 10px;
                        vertical-align:top;
                        font-size: 9px;
                        font-weight: 600;
                        letter-spacing: 0.3px;
                        text-align: center;
                        color: #707070;
                        padding:7px 0 6px 0;
                        border-radius: 3px 3px 0 0;
                    }
                        .modal-promocion .promocion-wrapper .pr-combo .linetop.end .linecant{
                            font-size: 14px;
                            font-weight: 600;
                            color: #777;
                            text-decoration: line-through;
                            margin:0px 0px 0px 10px;
                            border-radius: 0 0 3px 3px;
                        }
                        .modal-promocion .promocion-wrapper .pr-combo .linetop.end{
                            margin:2px 0 0 0;
                        }
                    
                .modal-promocion .promocion-wrapper .pr-combo .table{
                    font-size: 16px;
                    font-weight: 700;
                    letter-spacing: 0.2px;
                    color: #777;
                    width: calc(100% - 20px);
                    text-align: left;
                    display: inline-block;
                    background-color: #F0F0F0;
                    height: calc(100% - 38px);
                    vertical-align: top;
                    overflow-x: hidden;
                    overflow-y: scroll;
                    padding: 2px 10px 10px 10px;
                }
                        .modal-promocion .promocion-wrapper .pr-combo .table::-webkit-scrollbar-track {
                            border-radius: 0px;
                            background-color: #f0f0f0;
                        }


                        .modal-promocion .promocion-wrapper .pr-combo .table::-webkit-scrollbar {
                            width: 5px;
                            background-color:transparent;
                            /* overflow:visible; */
                        }
                        .modal-promocion .promocion-wrapper .pr-combo .table::-webkit-scrollbar-track-piece {
                            background-color:#f0f0f0;
                            border-style: solid;
                            width: 2px;
                            border:none;
                        } 
                        .modal-promocion .promocion-wrapper .pr-combo .table::-webkit-scrollbar-thumb {
                            background-color:#999;
                            border-radius: 3px;
                            transition: all 200ms ease;
                            width: 5px;
                            display: inline-block;
                            border-radius: 0px;
                        }
                        .modal-promocion .promocion-wrapper .pr-combo .table::-webkit-scrollbar-thumb:hover {
                            background-color:#2559A6;
                        }
                    
                    .modal-promocion .promocion-wrapper .pr-combo .table .linepro{
                        width: 100%;
                        text-align: left;
                        display: flex;
                        /* background-color: cyan; */
                        margin: 0px;
                        vertical-align: top;
                        font-size: 14px;
                        font-weight: 400;
                        line-height: 32px;
                        
                    }
                        .modal-promocion .promocion-wrapper .pr-combo .table .linepro .tt{
                            width: calc(100% - 125px);
                            display: inline-block;
                            background-color: #f0f0f0;
                            margin:2px 0 0 0;
                            color: #707070;
                            vertical-align: top;
                            padding:5px;
                            line-height: 15px;
                            cursor: pointer;
                            transition:all 150ms ease;
                        }
                            .modal-promocion .promocion-wrapper .pr-combo .table .linepro .tt:hover{
                                background-color: #E3e3e3;
                                /* box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05); */

                            }

                            .modal-promocion .promocion-wrapper .pr-combo .table .linepro .tt .foto{
                                width:28px;
                                height: 28px;
                                padding:2px;
                                display: inline-block;
                                vertical-align:top;
                                background-position: center;
                                background-repeat: no-repeat;
                                background-origin: content-box;
                                background-size: contain;
                                background-color: #FFF;
                                box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
                            }
                            .modal-promocion .promocion-wrapper .pr-combo .table .linepro .tt .texto{
                                font-size: 11px;
                                font-weight: 600;
                                letter-spacing: 0.3px;
                                /* background-color: violet; */
                                display: inline-block;
                                vertical-align:top;
                                width: calc(100% - 37px);
                                padding-left: 5px;
                            }

                                .modal-promocion .promocion-wrapper .pr-combo .table .linepro .tt .texto .type{
                                    font-size: 10px;
                                    font-weight: 500;
                                }
                                .modal-promocion .promocion-wrapper .pr-combo .table .linepro .tt .texto .miniprice{
                                    font-size: 10px;
                                    font-weight: 500;
                                    color: #2559A6;
                                }

                        .modal-promocion .promocion-wrapper .pr-combo .table .linepro .qq{
                            width: 70px;
                            display: inline-block;
                            background-color: #f0f0f0;
                            margin:2px 0px 0px 10px;
                            vertical-align:top;
                            font-size: 12px;
                            font-weight: 600;
                            letter-spacing: 0.3px;
                            text-align: center;
                            color: #707070;
                            padding:5px 10px 5px 10px;
                            line-height: 16px;
                        }

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > ABOUT US
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.frase{
    width: 100%;
    display: inline-block;
    background-color: rgba(227,227,227,0.5);
    padding:45px 0 40px 0;
    font-size: 22px;
    font-weight: 300;
    line-height: 28px;
    color: #555;
    text-align: center;
    margin-bottom: 50px;
}
    .frase span{
        font-size: 14px;
        font-weight: 600;
        color:#2559A6;
    }

        .comillasLeft{
            width:24px;
            vertical-align: top;
            margin-right:10px;
        }
        .comillasRight{
            width:24px;
            vertical-align: top;
            margin-left:10px;
        }

.bloque{
    width: 100%;
    display: inline-block;
    position: relative;
    text-align: left;
    font-size: 15px;
    font-weight: 400;
    color: #333;
    line-height: 26px;
    margin-bottom: 50px;
}    
    .bloque.logo{
        /* margin-bottom: 50px; */
    }   
    .bloque.logo .master{
        padding:80px 0;
    }
    .bloque.quest{
        margin-bottom: 30px;
    }
    .bloque.mision{
        margin-bottom:0;
        padding: 50px 0;
        background-color: #FFCC29;

    }
    .bloque.vision{
        padding: 50px 0;
        background-color: #2559A6;
        color: #FFF;
    }
        .bloque.vision .titBloque{
            color: #FFCC29;
        }


    
    .bloque .mainlogo{
        width: 35%;
        height: 100%;
        /* background-color: red; */
        vertical-align: top;
        display: inline-block;
        position: absolute;
        left: 0;
        top:0;
        background-position: left center;
        background-repeat: no-repeat;
        background-origin: content-box;
        background-size: contain;
        background-image: url('../img/logo.png');
    }
    .bloque .text{
        width: 60%;
        margin-left: 40%;
        /* height: 100px; */
        /* background-color: orange; */
        vertical-align: top;
        display: inline-block;
        position: relative;
    }

    .bloque .titBloque{
        font-weight: 800;
        font-size: 24px;
        display: inline-block;
        width: 100%;
        letter-spacing: 0.5px;
        padding:10px 0;
        vertical-align: top;
        margin: 0 0 5px 0;
        color:#2559A6;
    }
        .bloque .titBloque.free{
            margin: 40px 0 10px 0;
        }


.bannerCart{
    width: 100%;
    height: 500px;
    background-position: center;
    background-repeat: no-repeat;
    background-origin: content-box;
    background-size: cover;
    background-image: url('../img/banner1.jpg');
    display: inline-block;
    vertical-align: top;
}

.valor{
    width: 21%;
    margin: 0 2%;
    /* background-color: antiquewhite; */
    display: inline-block;
    padding-top: 80px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 84px;
    font-size: 14px;
    text-align: center;
}
    .valor.v1{
        background-image: url('../img/v1.png');
    }
    .valor.v2{
        background-image: url('../img/v2.png');
    }
    .valor.v3{
        background-image: url('../img/v3.png');
    }
    .valor.v4{
        background-image: url('../img/v4.png');
    }

    .valor .titval{
        width: 100%;
        font-weight: 800;
        font-size: 24px;
        text-align: center;
        padding: 10px 0;
        /* background-color: azure; */
        letter-spacing: 0.5px;
        color: #FFCC29;
    }



/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > TERMS
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/
            
        
.terms-mainTit{
    width: 100%;
    display: inline-block;
    padding:35px 0;
    text-align: center;
    position: relative;
}
    .terms-mainTit .line{
        width: 100%;
        top: 50%;
        border-top:1px solid #FFF;
        display: inline-block;
        position: absolute;
        left: 0;
        z-index: 1;
    }
        .terms-mainTit.yellow .line{
            border-color: #000;
        }
    .terms-mainTit.blue{
        background-color: #2559A6;
    }
    .terms-mainTit.yellow{
        background-color: #FFCC29;
    }
        .terms-mainTit .titCenter{
            font-size: 28px;
            font-weight: 200;
            padding:0 30px;
            display:inline-block;
            z-index: 2;
            position: relative;
        }
            .terms-mainTit .titCenter .reduce{
                font-size: 14px;
                font-weight: 400;
                color: #FFCC29;
            }
            .terms-mainTit.yellow .titCenter .reduce{
                font-size: 14px;
                font-weight: 400;
                color: #000;
            }


            .terms-mainTit.blue .titCenter{
                background-color: #2559A6;
            }
            .terms-mainTit.yellow .titCenter{
                background-color: #FFCC29;
            }
        .terms-mainTit.blue .titCenter{
            color: #FFF;
        }
        .terms-mainTit.yellow .titCenter{
            color: #000;
        }
        .bloque .list{
            /* background-color: yellow; */
            display: inline-block;
            padding-left: 40px;
        }
            .bloque .list .numeracion{
                /* background-color: thistle; */
                position: absolute;
                left: 0;
                font-size: 20px;
                font-weight: 800;
                color: #2559A6;
                line-height: 25px;
            }

            .bloque .list.sub{
                padding-left: 70px
            }
                .bloque .list.sub .numeracion{
                    margin-left: 40px;
                }
        .bloque .link{
            color: #0066ff;
            text-decoration: none;
            font-weight: 500;
        }
            .bloque .link:hover{  
                text-decoration: underline;
            }


/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > FAQS
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.questionfaq{
    width: 100%;
    display: inline-block;
    padding:25px 0;
    text-align: left;
    position: relative;
    margin-bottom: 20px;
}
    .questionfaq.grey{
        background-color: rgba(227,227,227,0.5);
    }
    .questionfaq.yellow{
        background-color: #FFCC29;
    }
    .questionfaq.blue{
        background-color: #2559A6;
    }
    .questionfaq .master{
        font-weight: 700;
        font-size: 18px;
        width: 100%;
        letter-spacing: 0.5px;
    }
        .questionfaq.grey .master{
            color: #777;
        }
        .questionfaq.yellow .master{
            color: #2559A6;
        }
        .questionfaq.blue .master{
            color: #FFF;
        }


/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > CONTACT
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.cont{
    background-color: rgba(227,227,227,0.5);
    display: inline-block;
    width:100%;
    vertical-align: top;
    padding: 40px 0;
}

    .cont .colLeft{
        display: inline-block;
            /* background-color: antiquewhite; */
        vertical-align: top;
        width:45%;
        margin-right: 10%;
    }
        .cont .colLeft .c{
            width: auto;
            background-repeat: no-repeat;
            background-position: left center;
            padding: 5px 10px 5px 36px;
            /* background-color: #93D9F6; */
            color: #777;
            font-size: 14px;
            font-weight: 500;
            text-decoration: none;
            line-height: 22px;
            margin:0 0 5px 0;
            display: inline-block;
            position: relative;
        }
            .cont .colLeft .c:hover{
                text-decoration: underline;
            }
            .cont .colLeft .c.blue{
                color: #000;
                font-weight: 600;
            }
            .cont .colLeft .c.mail{
                background-size: 22px;
                background-image: url(../img/mailBlue.png);
            }
            .cont .colLeft .c.tel{
                background-size: 22px;
                background-image: url(../img/phone.png);
            }
                .cont .colLeft .c.tel span{
                    font-size: 11px;
                    color: #2559A6;
                }

            .cont .colLeft .c.what{
                background-size: 22px;
                background-image: url(../img/whatV.png);
            }
                .cont .colLeft .c.what.blue{
                    color: #2559A6;
                }

            .cont .colLeft .c.inst{
                background-size: 22px;
                background-image: url(../img/instagramA.png);
            }
            .cont .colLeft .c.twit{
                background-size: 22px;
                background-image: url(../img/twitterA.png);
            }
            .cont .colLeft .c.face{
                background-size: 10px;
                background-position: 5px center;
                background-image: url(../img/facebookA.png);
            }
            .cont .colLeft .c.location{
                background-size: 24px;
                background-position: -2px center;
                background-image: url(../img/location.png);
            }   
                .cont .colLeft .c.location:hover{
                    text-decoration: none;
                }

        
            .cont .colLeft .map{
                width: 100%;
                height: 350px;
                display: inline-block;
                /* background-color: red; */
                vertical-align: top;
            }



    .cont .colRight{
        display: inline-block;
        vertical-align: top;
        width:45%;
    }
    .master.so{
        text-align: center;
    }
    .master.so .mainTT.r{
        text-align: left;
    }
        .cont .colRight .inputText{
            width: calc(100% - 38px);
            display: inline-block;
            position: relative;
            outline: none;
            background-color: transparent;
            background-color: #FFF;
            border:1px solid #ccc;
            font-weight: 500;
            font-size: 14px;
            letter-spacing: 0.3px;
            font-family: 'Montserrat', sans-serif;
            color: #000;
            padding: 7px 18px 9px 18px;
            border-radius: 100px;
            margin-bottom: 5px;
            margin-top: 5px;
        }

        .cont .colRight .textArea{
            width: calc(100% - 38px);
            display: inline-block;
            position: relative;
            outline: none;
            background-color: transparent;
            background-color: #FFF;
            border:1px solid #ccc;
            font-weight: 500;
            font-size: 14px;
            letter-spacing: 0.3px;
            font-family: 'Montserrat', sans-serif;
            color: #000;
            padding: 7px 18px 9px 18px;
            border-radius: 5px;
            margin-bottom: 0px;
            height: 288px;
            resize: none;
            margin-top: 5px;
        }


        .cont .colRight .fast-contact-submit{
            cursor: pointer;
            position: relative;
            height: 30px;
            color: #FFF;
            background-color: #2559A6;
            /* width: 30px; */
            border: none;
            outline: none;
            border-radius: 100px;
            padding: 0 10px 1px 13px;
            letter-spacing: 1px;
            font-family: 'Montserrat', sans-serif;
            font-weight: 600;
            font-size: 12px;
            margin-top: 4px;
            text-align: center;
            cursor: pointer;
        }


    .mainTT{
        font-size: 24px;
        font-weight: 800;
        color: #2559A6;
        display: inline-block;
        width: 100%;
        margin:30px 0 20px 0;
    }
        .mainTT.r{
            margin-top: 5px;
        }

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > CART
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.checkoutProcess{
    /* background-color: #B5F1BD; */
    position: absolute;
    right: 0;
    display: inline-block;
    height: 85px;
    /* width: 300px; */
}
    .checkoutProcess .point{
        /* background-color: #E7DA86; */
        display: inline-block;
        vertical-align: top;
        position: relative;
    }
        .checkoutProcess .point .t{
            /* background-color: red; */
            display: inline-block;
            width: 100%;
            position: absolute;
            width: auto;
            font-size: 10px;
            font-weight: 500;
            text-align: center;
            letter-spacing: 0.3px;
            top:20px;
            color: #999;
        }
            .checkoutProcess .point.active .t{
                color: #000;
            }


        .checkoutProcess .point .circulo{
            position: relative;
            width: 29px;
            height: 29px;
            border:1px solid #777;
            background-color: #FFF;
            display: inline-block;
            border-radius: 100px;
            font-weight: 600;
            font-size: 14px;
            color: #999;
            margin-top: 42px;
        }
            .checkoutProcess .point .circulo span{
                position: absolute;
            }
            .checkoutProcess .point.active .circulo{
                border-color: #2559A6;
                background-color: #2559A6;
                color: #FFCC29;
            }

    .checkoutProcess .lineCart{
        display: inline-block;
        width: 100px;
        position: relative;
        border-top: 1px solid #777;
        margin-top: 57.5px;
        vertical-align: top;
    }
        .checkoutProcess .lineCart.active{
            border-top: 3px solid #2559A6;
            margin-top: 56px !important;
        }

.topCart{
    background-color: rgba(227,227,227,0.5);
    padding: 35px 0;
}
    .topCart .backComprar{
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.5px;
        color: #777;
        /* background-color: #E7DA86; */
        position: absolute;
        left: 0;
        padding: 9px 5px 8px 20px;
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 16px;
        background-image: url('../img/leftG.png');
        transition: all 150ms ease;
        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase;
    }
        .topCart .backComprar:hover{
            color: #2559A6;
            background-image: url('../img/leftBlue.png');
        }

    .topCart .instruccion{
        position: absolute;
        right: 0;
        font-size: 14px;
        font-weight: 500;
        color: #777;
        display: inline-block;
        width: 40%;
        line-height: 20px;
        text-align: right;
    }
        .instruccion.left{
            right: auto !important;
            left: 0 !important;
            text-align: left;
        }
        .topCart .instruccion.more{
            left: 90px !important;
        }
        .topCart.so{
            background-color: #2559A6;
        }
        .topCart.so .instruccion{
            color: #FFF;
        }
    

    .question{
        font-size: 24px;
        font-weight: 800;
        color: #AAAAAA;
        position: absolute;
        right: 0;
        left: auto;
        display: inline-block;
        width: auto;
    }        

.bloqueCart{
    width: 100%;
    display: inline-block;
    position: relative;
    text-align: left;

}

.bloqueCart2{
    width: 100%;
    display: inline-block;
    position: relative;
    text-align: center;
    background: #FFCC29; 
    justify-content: center;
	align-items: center;
}


    .bloqueCart .titlesCart{
        /* background-color: antiquewhite; */
        display: inline-block;
        margin:20px 0 0px 0;
        width: 100%;
        text-transform: uppercase;
    }
        .bloqueCart .titlesCart .title{
            border:1px solid #777;
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 0.5px;
            padding: 11px 0;
            color: #777;
            display: inline-block;
            margin-right: 15px;
            text-align: center;
        }
            .bloqueCart .titlesCart .title.descripcion{
                width: calc(55% - 29px);
                padding-left: 20px;
                text-align: left;
            }
            .bloqueCart .titlesCart .title.precioUnitario{
                width: calc(17.5% - 15px);
            }
            .bloqueCart .titlesCart .title.cantidad{
                width: calc(10% - 15px);
            }
            .bloqueCart .titlesCart .title.precioTotal{
                width: calc(17.5% - 15px);
                margin-right: 0px;
            }
    .bloqueCart .lineCart{
        /* background-color: antiquewhite; */
        display: inline-block;
        margin:15px 0 0px 0;
        width: 100%;
        padding-bottom: 15px;
        border-bottom: 1px solid #777;
    }
        .bloqueCart .lineCart .c-pic{
            width: 72px;
            height: 72px;
            padding:5px;
            background-color: #FFF;
            display: inline-block;
            margin-left: 20px;
            border-radius: 200px;
            vertical-align:middle;
            background-position: center;
            background-repeat: no-repeat;
            background-origin: content-box;
            box-shadow:0 1px 3px 0 rgba(0,0,0,0.2);
            background-size: contain;
        }
        .bloqueCart .lineCart .c-desc{
            width: calc(55% - 149px);
            /* background-color: chartreuse; */
            display: inline-block;
            vertical-align: middle;
            margin-left: 20px;
            padding-right: 20px;
            font-weight: 700;
            font-size: 16px;
            letter-spacing: 0.3px;
            color: #777;
            line-height: 18px;
        }
            .bloqueCart .lineCart .c-desc span{
                font-size: 14px;
                /* font-style: italic; */
                color: #2559A6;
                font-weight: 500;
            }
            .bloqueCart .lineCart .c-desc .eliminarItem{
                font-size: 12px;
                margin-top: 2px;
                font-weight: 600;
                color: #C93438;
                letter-spacing: 0;
                cursor: pointer;
            }
                .bloqueCart .lineCart .c-desc .eliminarItem:hover{
                    text-decoration: underline;
                }


       .bloqueCart .lineCart .c-pu{
            width: calc(17.5% - 13px);
            display: inline-block;
            /* background-color: cyan; */
            margin-left: 14px;
            text-align: right;
            font-weight: 500;
            font-size: 18px;
            letter-spacing: 0.3px;
            line-height: 18px;
            color: #777;
            vertical-align: middle;
       }
           .bloqueCart .lineCart .c-pu span{
               color: #2559A6;
           }

       .bloqueCart .lineCart .c-cant{
            width: calc(10% - 12px);
            display: inline-block;
            background-color: #DDD;
            margin-left: 15px;
            text-align: right;
            vertical-align: middle;
        }
           .bloqueCart .lineCart .c-cant select{
               width: 100%;
               padding:5px 25px 5px 0;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;       /* Remove default arrow */
                background-image: url(../img/downB.png);
                font-size: 18px;
                letter-spacing: 0.3px;
                line-height: 18px;
                color: #777;
                font-family: 'Montserrat', sans-serif;
                font-weight: 500;
                background-position: calc(100% - 5px) center;
                background-repeat: no-repeat;
                background-size: 13px;
                border:1px solid #DDD;
                outline: none;
                cursor: pointer;
                transition: all 150ms ease;
           }
               .bloqueCart .lineCart .c-cant select{
                    text-align-last:right;
               }
               .bloqueCart .lineCart .c-cant select:hover{
                   border-color: #2559A6;
               }
        .bloqueCart .lineCart .c-pt{
            width: calc(17.5% - 13px);
            display: inline-block;
            /* background-color: cyan; */
            margin-left: 16px;
            text-align: right;
            font-weight: 600;
            font-size: 18px;
            letter-spacing: 0.3px;
            line-height: 18px;
            top: 2px;
            color: #000;
            vertical-align: middle;
        }
            .bloqueCart .lineCart .c-pt span{
                color: #2559A6;
            }

    .bloqueCart .varios{
        width: 100%;
        /* background-color: red; */
        display: inline-block;
        vertical-align: top;
        /* padding-bottom: 20px; */
        margin-top: 12px;
        text-transform: uppercase;
    }
        .bloqueCart .varios .left{
            width: calc(55% - 9px);
            height: 292px;
            /* background-color: #B5F1BD; */
            display: inline-block;
            vertical-align: top;
            margin: 0px 0 0px 0;
            margin-right: 15px;
            float: left;
        }
        .bloqueCart .varios .q1{
            border:1px solid #777;
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 0.5px;
            padding: 11.2px 10px 10.8px 0;
            color: #777;
            display: inline-block;
            margin-right: 15px;
            text-align: right;
            width: calc(17.5% - 25px);
            vertical-align: top;
        }
            .bloqueCart .varios .q1-1{
                width: calc(10% - 15px);
                display: inline-block;
                padding:7px 0 7px 0;
                font-size: 18px;
                letter-spacing: 0.3px;
                line-height: 18px;
                color: #000;
                font-family: 'Montserrat', sans-serif;
                font-weight: 600;
                background-position: calc(100% - 5px) center;
                background-repeat: no-repeat;
                background-size: 13px;
                border:1px solid #777;
                vertical-align: top;
                text-align: center;
                margin-right: 15px;
                margin-bottom:10px;
            }
            .bloqueCart .varios .q1-2{
                width: calc(17.5% - 22px);
                display: inline-block;
                padding:7px 10px 7px 0;
                font-size: 18px;
                letter-spacing: 0.3px;
                line-height: 18px;
                font-weight: 600;
                background-position: calc(100% - 5px) center;
                background-repeat: no-repeat;
                background-size: 13px;
                border:1px solid #777;
                color: #777;
                vertical-align: top;
                text-align: right;
                margin-right: 0;
                margin-bottom:10px;
            }
        .bloqueCart .varios .q2{
            border:1px solid #777;
            font-size: 10px;
            font-weight: 700;
            letter-spacing: 0.5px;
            padding: 6.2px 10px 6.2px 0;
            color: #777;
            display: inline-block;
            margin-right: 15px;
            text-align: right;
            width: calc(17.5% - 25px);
            vertical-align: top;
            margin-bottom: 10px;
        }
            .bloqueCart .varios .q2-1{
                width: calc(10% - 15px);
                display: inline-block;
                padding:7px 0 7px 0;
                font-size: 18px;
                letter-spacing: 0.3px;
                line-height: 18px;
                color: #000;
                font-family: 'Montserrat', sans-serif;
                font-weight: 600;
                background-position: calc(100% - 5px) center;
                background-repeat: no-repeat;
                background-size: 13px;
                border:1px solid #777;
                vertical-align: top;
                text-align: center;
                margin-right: 15px;
                margin-bottom:10px;
            }
            .bloqueCart .varios .q2-2{
                width: calc(17.5% - 22px);
                display: inline-block;
                padding:7px 10px 7px 0;
                font-size: 18px;
                letter-spacing: 0.3px;
                line-height: 18px;
                font-weight: 600;
                background-position: calc(100% - 5px) center;
                background-repeat: no-repeat;
                background-size: 13px;
                border:1px solid #777;
                color: #777;
                vertical-align: top;
                text-align: right;
                margin-right: 0;
                margin-bottom:10px;
            }
        .bloqueCart .varios .line{
            width: calc(44% + 1px);
            border-top: 1px solid #777;
            display: inline-block;
            vertical-align: top;
        }
        .bloqueCart .varios .line.doble{
            border-top: 1px solid #2559A6;
            height: 4px !important;
            border-bottom: 1px solid #2559A6;
        }
            .bloqueCart .varios .q3{
                border:2px solid #777;
                font-size: 16px;
                font-weight: 700;
                letter-spacing: 0.5px;
                padding: 8px 10px 7.6px 0;
                color: #000;
                display: inline-block;
                margin-right: 15px;
                text-align: right;
                width: calc(17.5% - 27px);
                vertical-align: top;
                margin-bottom: 10px;
                margin-top:-4px;
                position: relative;
            }
                .bloqueCart .varios .q3.y, .bloqueCart .varios .q3-2.y{
                    border-color: #FFCC29;
                }
                .bloqueCart .varios .q3.b, .bloqueCart .varios .q3-2.b{
                    border-color: #2559A6;
                    margin-top: 0px;
                }
                .bloqueCart .varios .q3.b span{
                    font-size: 11px;
                    color: #2559a6;
                }

                .bloqueCart .varios .q3-2.b {
                    border-color: #2559A6;
                    margin-top: 0px;
                    background-color: #2559A6;
                    color: #FFF !important;
                }


                .bloqueCart .varios .q3-1{
                    width: calc(10% - 15px);
                    display: inline-block;
                    padding:7px 0 7px 0;
                    font-size: 18px;
                    letter-spacing: 0.3px;
                    line-height: 18px;
                    color: #000;
                    font-family: 'Montserrat', sans-serif;
                    font-weight: 600;
                    background-position: calc(100% - 5px) center;
                    background-repeat: no-repeat;
                    background-size: 13px;
                    border:1px solid #777;
                    vertical-align: top;
                    text-align: center;
                    margin-right: 15px;
                    margin-bottom:10px;
                    margin-top:-4px;
                }
                .bloqueCart .varios .q3-2{
                    width: calc(17.5% - 24px);
                    display: inline-block;
                    padding:7px 10px 7px 0;
                    font-size: 18px;
                    letter-spacing: 0.3px;
                    line-height: 18px;
                    font-weight: 600;
                    background-position: calc(100% - 5px) center;
                    background-repeat: no-repeat;
                    background-size: 13px;
                    border:2px solid #777;
                    color: #000;
                    vertical-align: top;
                    text-align: right;
                    margin-right: 0;
                    margin-bottom:10px;
                    margin-top:-4px;
                }
                    .bloqueCart .varios .q3-2 span{
                        /* color: #FFF; */
                    }
                .bloqueCart .varios .q3-2.b{
                    padding: 15px 10px 15px 0;
                }
        
        .envioferta{
            width: 300px;
            /* background-color: red; */
            height: 66px;
            margin-top: 2px;
            position: absolute;
            right: calc(100% + 20px);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            background-image: url(../img/envioferta.png);
        }
        .envioferta.e{
            background-image: url(../img/envioferta-e.png);
        }
    
    .descuento{
            width: 300px;
            /* background-color: red; */
            height: 66px;
            margin-top: 2px;
            position: absolute;
            right: calc(100% + 20px);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            background-image: url(../img/descuento5.png);
        }
        .descuento.e{
            background-image: url(../img/descueto5-e.png);
        }



    
    .invisible{
        visibility: hidden;
    }
            
.confirmarCompra{
    background-color: #2559A6;
    padding: 50px 0;
    position: relative;
    margin:20px 0 30px 0;
    text-align: center;
}
    .confirmarCompra .backComprar{
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.5px;
        color: #FFF;
        /* background-color: #E7DA86; */
        position: absolute;
        left: 0;
        padding: 8px 5px 8px 20px;
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 16px;
        background-image: url('../img/leftW.png');
        transition: all 150ms ease;
        cursor: pointer;
        text-decoration: none;
        text-transform: uppercase;
    }
        .confirmarCompra .backComprar:hover{
            color: #FFCC29;
            background-image: url('../img/leftY.png');
        }

        .confirmarCompra .backComprar.cancel{
            background-image: none;
            padding: 9px 5px 8px 5px;
        }
        .confirmarCompra .backComprar.b{
            position: relative;
            margin-top: 10px;
            display: inline-block;
            vertical-align: top;
        }
        .confirmarCompra.b{
            padding:35px 0 15px 0;
        }
    
    .confirmarCompra .nextBuying{
        background-color: #FFCC29;
        color: #000;
        padding: 16px 33px 16px 20px;
        position: absolute;
        display: inline-block;
        border-radius: 2px;
        right: 0;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.5px;
        background-position: calc(100% - 10px) center;
        background-repeat: no-repeat;
        background-size: 16px;
        background-image: url(../img/rightD.png);
        box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
        cursor: pointer;
        transition: all 150ms ease;
        outline: none;
        border:none;
        font-family: 'Montserrat', sans-serif;
        text-transform:uppercase;
    }
        .confirmarCompra .nextBuying.b{
            position: relative;
        }

        .confirmarCompra .nextBuying:hover{
            background-image: url('../img/rightB.png');
            color: #2559A6;
        }

.carritoVacio{
    width: 100%;
    /* background-color: red; */
    display: inline-block;
    font-size: 32px;
    font-weight: 200;
    color: #000;
    text-align: center;
    padding: 200px 0 240px 0;
}

	.carritoVacio a{
		padding: 9px 30px 9px 30px;
		background-color: #FFCC29;
		display: inline-block;
		border-radius: 20px;
		color: #2559A6;
		font-size: 14px;
		font-weight: 600;
		z-index: 10000000;
		letter-spacing:1px;
		cursor: pointer;
        text-decoration: none;
        margin-top: 20px;
        transition: all 150ms ease;
    }
	    .carritoVacio a:hover{
            background-color: #2559A6;
            color: #FFF;

        }
    


/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > COMO COMPRAR
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.paso{
    width: 100%;
    background-color: #2559A6;
    padding: 20px 0;
    text-align: left;
    display: inline-block;
    font-size: 24px;
    color: #FFCC29;
    font-weight: 800;
    letter-spacing: 0.5px;
}

    .explicacion{
        width: 100%;
        display: inline-block;
        /* background-color: bisque; */
        vertical-align: top;
        height: 400px;
        padding: 20px 0;
    }
        .explicacion .texto{
            width: calc(50% - 50px);
            padding-right: 50px;
            display: inline-block;
            height: 100%;
            vertical-align: top;
            /* background-color: violet; */
            font-size: 24px;
            font-weight: 300;
            line-height: 38px;
        }
        .explicacion .foto{
            width: 50%;
            display: inline-block;
            height: 100%;
            vertical-align: top;
            /* background-color: orange; */
            background-position: center;
            background-repeat:no-repeat;
            background-size: contain;
        }
            .explicacion .foto.htb1{background-image: url(../img/htb1.jpg);}
            .explicacion .foto.htb2{background-image: url(../img/htb2.jpg);}
            .explicacion .foto.htb3{background-image: url(../img/htb3.jpg);}
            .explicacion .foto.htb4{background-image: url(../img/htb4.jpg);}
            .explicacion .foto.htb5{background-image: url(../img/htb5.jpg);background-size: auto;}




/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > BANNER
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.banner{
    width: 100%;
    display: inline-block;
    vertical-align: top;
}
    .banner img{
        max-width: 100%;
        vertical-align: top;
    }


    
/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > GRACIAS: SUSCRIPTION
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.bodyc{
	
	color: #000;
	height: 100vh;
	width: 100vw;
	position:relative;
	display: inline-block;
    background: rgb(255,204,41); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(255,204,41,1) 0%, rgba(231,218,134,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(255,204,41,1) 0%,rgba(231,218,134,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(255,204,41,1) 0%,rgba(231,218,134,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc29', endColorstr='#e7da86',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    box-shadow: 0 1px 6px 0 rgba(0,0,0,0.2);
}
.thanks{
	width: 100%;
	text-align: center;
	font-size: 42px;
	font-weight: 200;
}
    .thanks span{
        font-size: 24px;
        font-weight: 300;
    }

	.thanks a{
		padding: 9px 30px 9px 30px;
		background-color: #2559a6;
		display: inline-block;
		border-radius: 20px;
		color: #FFF;
		font-size: 16px;
		font-weight: 600;
		z-index: 10000000;
		letter-spacing:2px;
		cursor: pointer;
		text-decoration: none;
	}
		.thanks a:hover{
			text-decoration: underline;
        }

/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > GRACIAS: COMPRA
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/

.thanks1{
	width: 100%;
	text-align: center;
	font-size: 22px;
    font-weight: 300;
    /* background-color: yellow; */
    line-height: 28px;
}
    .thanks1 span{
        font-size: 14px;
        font-weight: 400;
    }

	.thanks1 a{
		padding: 9px 30px 9px 30px;
		background-color: #2559a6;
		display: inline-block;
		border-radius: 20px;
		color: #FFF;
		font-size: 12px;
		font-weight: 600;
		z-index: 10000000;
		letter-spacing:1px;
		cursor: pointer;
        text-decoration: none;
        line-height: 16px;
	}
		.thanks1 a:hover{
			text-decoration: underline;
        }
        .thanks1 a.again{
            background-color:#C93438;
        }

    .hemosenviado{
        color: #000;
        font-size: 14px;
        /* background-color: #E3e3e3; */
        line-height: 22px;
        font-weight: 400;
        width: auto;
        display: inline-block;
        width: 50%;
        margin:0;
    }
        .hemosenviado span{
            font-weight: 700;
            font-size: inherit;
            color: #2559a6;
        }
    
    .hemosenviadospam{
        margin-top: 10px;
        color: #826300;
        font-size: 11px;
        background-color: rgba(231,218,134,1);
        line-height: 18px;
        font-weight: 400;
        width: auto;
        display: inline-block;
        border-radius: 5px;
        padding: 10px 20px;
        width: 50%;
    }
    .codigos{
        color: #000;
        font-size: 12px;
        /* background-color: #E3e3e3; */
        line-height: 22px;
        font-weight: 400;
        width: auto;
        display: inline-block;
        width: 50%;
        margin:0;
    }
        .codigos span{
            font-size: 16px;
            font-weight: 700;
        }



/*///////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////// > CHECKOUT
/////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/
.container-login {
  width: 100%;  
  min-height: 100vh;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px;
  background-color: #f0d565ff;

}

.wrap-login {
  width: 400px;
  background: #eceff1;
  border-radius: 20px;
  overflow: hidden;
  padding: 77px 55px 53px 55px;
  -webkit-box-shadow: 25px 40px 28px 0px rgba(0, 0, 0, 0.38);
  box-shadow: eje-x | eje-y | blur-radius | color 
}


/*----Formulario de user y password----*/

.login-form {
  width: 100%;
}

.login-form-title {
  display: block;
  font-size: 40px;
  color: #333333;
  line-height: 1.5;
  text-align: center;
}


.container-login {
  width: 100%;  
  min-height: 100vh;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px;
  background-color: #f0d565ff;
}



.wrap-login2 {
  width: 500px;
  background: #eceff1;
  border-radius: 20px;
   
  overflow: hidden;
  /* Controla el ancho del Formulario */
  padding: 77px 55px 53px 55px;
  /* */
 
  -webkit-box-shadow: 10px 10px 58px 0px rgba(0, 0, 0, 0.38);
  box-shadow: eje-x | eje-y | blur-radius | color ;

 
  
}




    .wrap-login2.inner{
        margin-top: 10px;
    }
    .wrap-login2.tdc{
        width: calc(80% - 80px);
        text-align: left;
        padding: 10px 40px;
        margin-top: 0;
    }
    .wrap-login2 .required{
        width: 100%;
        display: inline-block;
        font-size: 12px;
        letter-spacing: 0.3px;
        font-weight:400;
        position: relative;
        margin: 10px 0 10px 0;
        text-align: right;
        color: #777777;
        font-style: italic;
        margin-bottom: 15px;
    }
        .wrap-login2 .required.b{
            margin-bottom: 7px;
        }

    .pay-tdc{
        border-bottom: 1px solid #2559A6;
        padding-bottom: 20px;
    }

	.wrap-login2 .et-init{

		font-size: 15px;
		font-weight: 600;
		letter-spacing: 0.7px;
		color: #2559A6;
		right: 30px;
		top: 3px;
        text-decoration:none;
	}

    .wrap-login2 .linea{
        background-color: #FFF;
        width: 100%;
        box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3);
        display: inline-block;
        /* height: 40px; */
        vertical-align: top;
        border-radius: 5000px;
        background-position: 10px center;
        background-repeat:no-repeat;
        background-size: 18px;
        background-image: url(../img/check.png);
        margin: 5px 0 4px 0px;
        position: relative;
    }
        .wrap-login2 .linea.vencimiento{
            box-shadow: none;
            background-color: transparent;
            width: calc(66% - 40px);
        }
        .wrap-login2 .linea.cvc{
            box-shadow: none;
            background-color: transparent;
            width: calc(32% - 40px);
        }
        .wrap-login2 .linea.mini{
            width: 30%;
            margin-right: 2%;
            background-image: none;
            padding-left:0px;
        }
        .wrap-login2 .linea.mini.last{
            margin-right: 0;
            margin-left: 4%;
            width: 32%;
        }


        .wrap-login2 .linea .titulo{
            /* background-color: red; */
            display: inline-block;
            vertical-align: middle;
            font-size: 12px;
            font-weight: 400;
            letter-spacing: 0;
            color: #999;
            padding:12px 0;
            line-height: 20px;
        }
            .wrap-login2 .linea .titulo.x{
                color: #777;
            }

        .wrap-login2 .linea input{
            display: inline;
            vertical-align: middle;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0;
            width: calc(100% - 100px);
            border: none;
            outline: none;
            /* background-color: transparent; */
            padding: 12px 0;
            margin-left: 10px;
            letter-spacing: 0.3px;
            font-family: 'Montserrat', sans-serif;
            /* background-color:red; */
        }

		.wrap-login2 .text-center p-t-115 {
			font-size: 1000px;
			font-weight: 600;
			letter-spacing: 0.5px;
			color: #777;
			/* background-color: #E7DA86; */
			position: absolute;
			left: 0;
			top: calc(100% + 10px);
			padding: 8px 0px 8px 0px;
			background-position: left center;
			/* background-repeat: no-repeat; */
			/* background-size: 16px; */
			/* background-image: url(../img/leftG.png); */
			transition: all 150ms ease;
			cursor: pointer;
			text-decoration: none;

		}
			.wrap-login2 .text-center p-t-115 .cancelarfinal:hover{
				color: #2559A6;
			}


        .wrap-login2 .linea select{
            display: inline;
            vertical-align: middle;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0;
            width: calc(100% - 80px);
            border: none;
            outline: none;
            background-color: transparent;
            padding: 12px 0;
            margin-left: 10px;
            letter-spacing: 0.3px;
            font-family: 'Montserrat', sans-serif;
            /* background-color:blue; */
        }
            .wrap-login2 .linea input.menos1{
                width: calc(100% - 140px);
            }
            .wrap-login2 .linea input.menos2{
                width: calc(100% - 160px);
            }
            .wrap-login2 .linea input.menos3{
                width: calc(100% - 150px);
            }
            .wrap-login2 .linea input.menos4{
                width: calc(100% - 40px);
                margin-left: 20px;
                text-align: center;
            }
            .wrap-login2 .linea.mini select{
                width: calc(100% - 20px);
                margin-left: 10px;
                padding-left: 0px;
                background-color: #0000;
            }

        .wrap-login2 .linea.border5{
            border-radius: 10px;
            background-position: 10px 9.5px;
        }

        .wrap-login2 .linea textarea{
            display: inline;
            vertical-align: middle;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0;
            width: calc(100% - 40px);
            border: none;
            outline: none;
            /* background-color: transparent; */
            padding: 0px;
            margin-bottom: 10px;
            letter-spacing: 0.3px;
            font-family: 'Montserrat', sans-serif;
            height: 100px;
            resize: none;
            /* background-color: red; */
        }
        .wrap-login2 .linea textarea.h60{
            height: 60px;
        }

        .wrap-login2.tdc .linea{
            border-radius: 5px;
        }

        .linea .formato{
            background-color: #fe3333;
            display: none;
            vertical-align: top;
            width: auto;
            height: auto;
            padding: 5px 15px 6px 15px;
            position: absolute;
            top: -5px;
            right: -5px;
            border-radius: 20px 20px 20px 20px;
            font-size: 10.5px;
            color: #ffd5d5;
            letter-spacing: 0.3px;
            font-weight: 500;
        }

        .completarForm{
            background-color: #fe3333;
            border: 1px solid #c01010;
            display: none;
            vertical-align: top;
            width: calc(100% - 22px);
            height: auto;
            padding: 10px 10px;
            position: relative;
            border-radius: 20px 20px 20px 20px;
            font-size: 11px;
            color: #ffd5d5;
            letter-spacing: 0.3px;
            font-weight: 500;
            margin-bottom: 10px;
            line-height: 18px;
        }
        .completarForm.long{
            width: 50%;
            margin-bottom: 0;
            margin-top: 40px;
        }




.checkform{
    width: 500px;
    background-color: #F0F0F0;
    display: inline-block;
    vertical-align: top;
    margin: 90px 0 50px 0; /*/////////fondo amarillo/////*/
    border-radius: 10px;
    border:10px solid #FFF;
    box-shadow: 0 0 0 1px #AAA;
    padding: 53px 55px 33px 55px;
    text-align: left;
	overflow: hidden;
    
/*
    background-color: yellow; 
*/
}


    .checkform.inner{
        margin-top: 10px;
    }
    .checkform.tdc{
        width: calc(80% - 80px);
        text-align: left;
        padding: 10px 40px;
        margin-top: 0;
    }
    .checkform .required{
        width: 100%;
        display: inline-block;
        font-size: 12px;
        letter-spacing: 0.3px;
        font-weight:400;
        position: relative;
        margin: 10px 0 10px 0;
        text-align: right;
        color: #777777;
        font-style: italic;
        margin-bottom: 15px;
    }
        .checkform .required.b{
            margin-bottom: 7px;
        }

    .pay-tdc{
        border-bottom: 1px solid #2559A6;
        padding-bottom: 20px;
    }

	.checkform .et-init{

		font-size: 15px;
		font-weight: 600;
		letter-spacing: 0.7px;
		color: #2559A6;
		right: 30px;
		top: 3px;
        
	}

    .checkform .linea{
        background-color: #FFF;
        width: 100%;
        box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3);
        display: inline-block;
        /* height: 40px; */
        vertical-align: top;
        border-radius: 5000px;
        background-position: 10px center;
        background-repeat:no-repeat;
        background-size: 18px;
        background-image: url(../img/check.png);
        margin: 5px 0 4px 0px;
        position: relative;
    }
        .checkform .linea.vencimiento{
            box-shadow: none;
            background-color: transparent;
            width: calc(66% - 40px);
        }
        .checkform .linea.cvc{
            box-shadow: none;
            background-color: transparent;
            width: calc(32% - 40px);
        }
        .checkform .linea.mini{
            width: 30%;
            margin-right: 2%;
            background-image: none;
            padding-left:0px;
        }
        .checkform .linea.mini.last{
            margin-right: 0;
            margin-left: 4%;
            width: 32%;
        }


        .checkform .linea .titulo{
            /* background-color: red; */
            display: inline-block;
            vertical-align: middle;
            font-size: 12px;
            font-weight: 400;
            letter-spacing: 0;
            color: #999;
            padding:12px 0;
            line-height: 20px;
        }
            .checkform .linea .titulo.x{
                color: #777;
            }

        .checkform .linea input{
            display: inline;
            vertical-align: middle;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0;
            width: calc(100% - 100px);
            border: none;
            outline: none;
            /* background-color: transparent; */
            padding: 12px 0;
            margin-left: 10px;
            letter-spacing: 0.3px;
            font-family: 'Montserrat', sans-serif;
            /* background-color:red; */
        }

		.checkform .text-center p-t-115 {
			font-size: 1000px;
			font-weight: 600;
			letter-spacing: 0.5px;
			color: #777;
			/* background-color: #E7DA86; */
			position: absolute;
			left: 0;
			top: calc(100% + 10px);
			padding: 8px 0px 8px 0px;
			background-position: left center;
			/* background-repeat: no-repeat; */
			/* background-size: 16px; */
			/* background-image: url(../img/leftG.png); */
			transition: all 150ms ease;
			cursor: pointer;
			text-decoration: none;

		}
			.checkform .text-center p-t-115 .cancelarfinal:hover{
				color: #2559A6;
			}


        .checkform .linea select{
            display: inline;
            vertical-align: middle;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0;
            width: calc(100% - 80px);
            border: none;
            outline: none;
            background-color: transparent;
            padding: 12px 0;
            margin-left: 10px;
            letter-spacing: 0.3px;
            font-family: 'Montserrat', sans-serif;
            /* background-color:blue; */
        }
            .checkform .linea input.menos1{
                width: calc(100% - 140px);
            }
            .checkform .linea input.menos2{
                width: calc(100% - 160px);
            }
            .checkform .linea input.menos3{
                width: calc(100% - 150px);
            }
            .checkform .linea input.menos4{
                width: calc(100% - 40px);
                margin-left: 20px;
                text-align: center;
            }
            .checkform .linea.mini select{
                width: calc(100% - 20px);
                margin-left: 10px;
                padding-left: 0px;
                background-color: #0000;
            }

        .checkform .linea.border5{
            border-radius: 10px;
            background-position: 10px 9.5px;
        }

        .checkform .linea textarea{
            display: inline;
            vertical-align: middle;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0;
            width: calc(100% - 40px);
            border: none;
            outline: none;
            /* background-color: transparent; */
            padding: 0px;
            margin-bottom: 10px;
            letter-spacing: 0.3px;
            font-family: 'Montserrat', sans-serif;
            height: 100px;
            resize: none;
            /* background-color: red; */
        }
        .checkform .linea textarea.h60{
            height: 60px;
        }

        .checkform.tdc .linea{
            border-radius: 5px;
        }

        .linea .formato{
            background-color: #fe3333;
            display: none;
            vertical-align: top;
            width: auto;
            height: auto;
            padding: 5px 15px 6px 15px;
            position: absolute;
            top: -5px;
            right: -5px;
            border-radius: 20px 20px 20px 20px;
            font-size: 10.5px;
            color: #ffd5d5;
            letter-spacing: 0.3px;
            font-weight: 500;
        }

        .completarForm{
            background-color: #fe3333;
            border: 1px solid #c01010;
            display: none;
            vertical-align: top;
            width: calc(100% - 22px);
            height: auto;
            padding: 10px 10px;
            position: relative;
            border-radius: 20px 20px 20px 20px;
            font-size: 11px;
            color: #ffd5d5;
            letter-spacing: 0.3px;
            font-weight: 500;
            margin-bottom: 10px;
            line-height: 18px;
        }
        .completarForm.long{
            width: 50%;
            margin-bottom: 0;
            margin-top: 40px;
        }

.subtitCheckout{
    width: calc(50% - 40px);
    /* height: 200px; */
    /* background-color: #F0F0F0; */
    display: inline-block;
    vertical-align: top;
    margin: 30px 0 0px 0;
    border-radius: 10px;
    border:10px solid #FFF;
    /* box-shadow: 0 0 0 1px #AAA; */
    padding: 0px 20px;
    text-align: left;
    /* background-color: yellow; */
    font-size: 20px;
    font-weight: 800;
    color: #2559A6;
    letter-spacing: 0.3px;
}
    .subtitCheckout.next{
        margin-top: 15px;
    }
    .subtitCheckout span{
        font-size: 12px;
        color: #333;
        font-weight: 500;
    }
    .subtitCheckout.op{
        color: #777;
    }
    .subtitCheckout .op1{
        font-weight: 600;
        font-style: italic;
        display: inline;
        widows: auto;
        letter-spacing: 0;
        color: #AAA;
    }


.req{
    color: #C93438;
    font-size: 14px;
    font-weight: 800;
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    margin-top: -5px;
    margin-left: 1px;
}
.req.top{
    position: relative;
}

.resumen{
    width: 40%;
    height: 400px;
    display: inline-block;
    /* background-color: red; */
    vertical-align: top;
    margin-top:30px;
    text-align: left;
    position: relative;
}
    .contenedorProductos{
        /* background-color: violet; */
        /* padding: 10px 0; */
        display: inline-block;
        position: relative;
        width: 90%;
        height: 300px;
        padding-right: 10px;
        overflow-x: hidden;
        overflow-y: scroll;
    }

            .contenedorProductos::-webkit-scrollbar-track {
            border-radius: 0px;
            background-color: #f0f0f0;
        }


            .contenedorProductos::-webkit-scrollbar {
            width: 5px;
            background-color:transparent;
            /* overflow:visible; */
        }
            .contenedorProductos::-webkit-scrollbar-track-piece {
            background-color:#f0f0f0;
            border-style: solid;
            width: 2px;
            border:none;
        } 
            .contenedorProductos::-webkit-scrollbar-thumb {
            background-color:#999;
            border-radius: 3px;
            transition: all 200ms ease;
            width: 5px;
            display: inline-block;
            border-radius: 0px;
        }
            .contenedorProductos::-webkit-scrollbar-thumb:hover {
            background-color:#2559A6;
        }



        .resumen .line{
            /* background-color: yellow; */
            height: auto;
            width: 100%;
            display: inline-block;
            position: relative;
            border-bottom: 1px solid #CCC;
            padding-bottom:10px;
            margin-top: 10px;
            padding-right: 10px;
        }
            .resumen .line .foto{
                width: 120px;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                display: inline-block;
                /* background-color: orange; */
                text-align: center;
            }
                .resumen .line .foto .pic{
                    position: relative;
                    min-width: 70px;
                    min-height: 70px;
                    /* background-color: red; */
                    display: inline-block;
                    vertical-align: top;
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: contain;
                }

            .resumen .line .descripcion{
                width: calc(100% - 120px);
                height: 100%;
                position: relative;
                top: 0;
                margin-left: 120px;
                display: inline-block;
                /* background-color: palegreen; */
            }
                .resumen .line .descripcion .titulo{
                    font-size: 14px;
                    letter-spacing: 0.2px;
                    color:#777;
                    font-weight: 700;
                    width: 100%;
                    /* background-color: yellow; */
                    line-height: 17px;
                }
                .resumen .line .descripcion .presentacion{
                    font-size: 12px;
                    letter-spacing: 0.2px;
                    color:#2559A6;
                    font-weight: 600;
                    font-style: italic;
                    margin-top: 5px;
                    width: 100%;
                    /* background-color: yellow; */
                }

                .resumen .line .descripcion .unitario{
                    font-size: 14px;
                    letter-spacing: 0.2px;
                    color:#777;
                    font-weight: 500;
                    margin-top: 25px;
                    width: 60%;
                    /* background-color: yellow; */
                    position: relative;
                    display: inline-block;
                }
                    .resumen .line .descripcion .unitario span{
                        color: #2559A6;
                        font-weight: 600;
                    }
                .resumen .line .descripcion .preciototal{
                    font-size: 14px;
                    letter-spacing: 0.2px;
                    color:#000;
                    font-weight: 600;
                    margin-top: 25px;
                    width: 40%;
                    /* background-color: yellow; */
                    position: relative;
                    display: inline-block;
                    text-align: right;
                }
                    .resumen .line .descripcion .preciototal span{
                        color: #2559A6;
                        font-weight: 600;
                    }
                
    .resultados{
        background-color: #F0F0F0;
        /* padding: 10px 0; */
        display: inline-block;
        position: relative;
        width: 90%;
        vertical-align: top;
        padding-right: 10px;
    }
     .resultados .myline{
         /* background-color: yellow; */
         width: calc(100% - 5px);
         display: inline-block;
         margin: 2px 0;
         padding: 7px 0;
         line-height: 12px;
         vertical-align: top;
         padding-right: 15px;
         text-transform: uppercase;
     }
         .resultados .myline.yellow{
             background-color: #FFCC29;
         }
         .resultados .myline.total{
            background-color: #2559A6;
            padding: 12px 15px 10px 0;
            margin-bottom: 0;
        }

         .resultados .myline.total2{
            padding: 12px 15px 10px 0;
            margin-bottom: 0;
            text-align: center;
            
        }

         .resultados .myline .tit{
             width: 70%;
             /* background-color: violet; */
             display: inline-block;
             font-size: 14px;
             color:#777;
             font-weight: 500;
             text-align: right;
             vertical-align:middle;
         }
             .resultados .myline .tit.b{
                 color: #000;
                 font-weight: 600;
             }
             .resultados .myline.total .tit{
                 color: #FFF;
                 font-size: 16px;

             }
             .resultados .myline.total .tit span{
                color: #FFF;
                letter-spacing: 0.2px;
                font-weight: 500;
            }


             .resultados .myline .tit span{
                font-weight: 600;
                font-size: 10px;
             }

         .resultados .myline .result{
            width: 30%;
            /* background-color: violet; */
            display: inline-block;
            font-size: 14px;
            color:#777;
            font-weight: 600;
            text-align: right;
            vertical-align:middle;
            letter-spacing:0.2px;
         }
            .resultados .myline .result.b{
                color: #000;
            }
             .resultados .myline .result span{
                color: #2559A6;
                font-weight: 600;
             }
            .resultados .myline.total .result, .resultados .myline.total .result span{
                color: #FFCC29;
                font-size: 16px;
            }


    .resultados .cancelarfinal{
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 0.5px;
        color: #777;
        /* background-color: #E7DA86; */
        position: absolute;
        left: 0;
        top: calc(100% + 10px);
        padding: 8px 0px 8px 0px;
        background-position: left center;
        /* background-repeat: no-repeat; */
        /* background-size: 16px; */
        /* background-image: url(../img/leftG.png); */
        transition: all 150ms ease;
        cursor: pointer;
        text-decoration: none;

    }
        .resultados .cancelarfinal:hover{
            color: #2559A6;
        }

    .text-center p-t-115 .cancelarfinal{
        font-size: 10000px;
        font-weight: 600;
        letter-spacing: 0.5px;
        color: #777;
        /* background-color: #E7DA86; */
        position: absolute;
        left: 0;
        top: calc(100% + 10px);
        padding: 8px 0px 8px 0px;
        background-position: left center;
        /* background-repeat: no-repeat; */
        /* background-size: 16px; */
        /* background-image: url(../img/leftG.png); */
        transition: all 150ms ease;
        cursor: pointer;
        text-decoration: none;

    }
        .text-center p-t-115 .cancelarfinal:hover{
            color: #2559A6;
        }


.prueba .cancelarfinal {
    font-size: 30px;
    font-weight: 600;
        letter-spacing: 0.5px;
        color: #777;
        /* background-color: #E7DA86; */
        position: absolute;
        left: 0;
        top: calc(100% + 10px);
        padding: 8px 0px 8px 0px;
        background-position: left center;
        /* background-repeat: no-repeat; */
        /* background-size: 16px; */
        /* background-image: url(../img/leftG.png); */
        transition: all 150ms ease;
        cursor: pointer;
        text-decoration: none;
}


.payment{
    width: 60%;
    /* height: 600px; */
    display: inline-block;
    /* background-color: orange; */
    vertical-align: top;
    text-align: right;
    margin-top:30px;
}

.subtitPay{
    width: auto;
    /* background-color: #F0F0F0; */
    /* background-color: orange; */
    display: inline-block;
    vertical-align: top;
    margin: 0px 0 0px 0;
    /* border-radius: 10px; */
    text-align: left;
    font-size: 20px;
    font-weight: 800;
    color: #2559A6;
    letter-spacing: 0.3px;
    background-repeat: no-repeat;
    position: relative;
    background-position: left center;
    transition: all 150ms ease;
}
    .subtitPay.opcion{
        border: 2px solid #BBB;
        border-radius: 10px;
        width: calc(100% - 54px);
        background-position: 10px;
        padding: 15px 0 15px 50px !important;
        color: #AAA;
        cursor: pointer;
    }
        .subtitPay.opcion.activa{
            border-color: #2559a6;
            color: #777;
            cursor: default;
        }
        .subtitPay.opcion:hover{
            border-color: #2559a6;
            color: #777;
        }

    .subtitPay.re{
        background-size: 32px;
        background-image: url(../img/cartG.png);
        padding: 11px 0 11px 45px;
    }

    .subtitPay.se{
        background-size: 32px;
        background-image: url(../img/security-BW.png);
        padding: 11px 0 11px 45px;
        margin-top: 20px;
    }
        .subtitPay.se.activa, .subtitPay.se:hover{
            background-image: url(../img/security.png);
            
        }
        .subtitPay img{   
            vertical-align: text-bottom;
            margin-left: 5px;
            height: 24px;
            display: inline-block;
            margin-top: -5px;
        }
    
    .subtitPay.paypal{
        background-image: none;
        padding: 3px 0 0px 0px !important;
        width: 100%;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 10px;
    }
        .subtitPay.paypal.activa, .subtitPay.paypal:hover{
            /* background-image: url(../img/paypal-logo.png); */
            
        }

    .subtitPay.zelle{
        background-size: 32px;
        background-image: url(../img/zelle-BW.png);
        padding: 11px 0 11px 45px;
        margin-top: 20px;
        cursor: pointer;
    }
        .subtitPay.zelle.activa, .subtitPay.zelle:hover{
            background-image: url(../img/zelle.png);
            
        }

    .subtitPay.wu{
        background-size: 32px;
        background-image: url(../img/wu-BW.png);
        padding: 11px 0 11px 45px;
        margin-top: 20px;
        cursor: pointer;
    }
        .subtitPay.wu.activa, .subtitPay.wu:hover{
            background-image: url(../img/wu.png);
            
        }

    .subtitPay.xoom{
        background-size: 32px;
        background-image: url(../img/xoom-BW.png);
        padding: 11px 0 11px 45px;
        margin-top: 20px;
        cursor: pointer;
    }
        .subtitPay.xoom.activa, .subtitPay.xoom:hover{
            background-image: url(../img/xoom.png);
            
        }

.pp1{
    display: inline-block;
    width: 100%;
    text-align: right;
    margin-top: 10px;
}
.war{
    font-weight: 400;
    color: #777;
    font-size: 11px;
    display: inline-block;
    margin: 20px 0 0 0;
    width: 100%;
}

.war2{
    font-weight: 400;
    color:#2559A6;
    font-size: 15px;
    display: inline-block;
    margin: 25px 0 0 0;
    width: 100%;
    text-align: center;
    
}





.exePay{
    background-color: #2559A6;
    color: #FFF;
    padding: 10px 53px 16px 90px;
    position: absolute;
    display: inline-block;
    border-radius: 2px;
    right: 0;
    font-size: 13000px;
    font-weight: 700;
    letter-spacing: 0.5px;
    background-position: calc(100% - 20px) center;
    background-repeat: no-repeat;
    background-size: 16000px;
    background-image: url(../img/right.png);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
    cursor: pointer;
    transition: all 150ms ease;
    outline: none;
    border:none;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}
    .exePay{
        position: relative;
    }

    .exePay:hover{
        background-image: url('../img/rightY.png');
        color: #FFCC29;
    }

.wadir{
    width: calc(45% - 60px);
    background-color: #01d42a;
    padding: 20px 10px 20px 50px;
    position: relative;
    display: inline-block;
    border-radius: 5px;
    margin-bottom: 20px;
    color: #FFF;
    text-decoration: none;
    cursor: pointer;
    text-align: left;
    background-position: 15px center;
    background-repeat: no-repeat;
    background-size: 23px;
    line-height: 21px;
    background-image: url(../img/whatW.png);
    margin-left: 0;
}
    .wadir:hover{
        text-decoration: underline;
    }
.imgPaypal{
    width: 38%;
    border:none;
}
.onlypc{display: inline-block !important;}
.onlymovil{display: none !important;}

.products .products-gallery.horizontal{
    display: none !important;
}

@media (max-width: 768px){
    .onlypc{display: none !important;}
    .onlymovil{display: inline-block !important;}

    .products-gallery.pc{
        display: none !important;
    }
    .innergallery{
        width: calc(100% - 10px);
        margin-left: 5px;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 5px;
    }

    .menuMovil{
        width: 100%;
        height: 60px;
        background-color: #2559A6;
        display: inline-block;
        position: fixed;
        bottom: 0;
        left: 0;
    }
        .menuMovil .back{
            display: inline-block;
            width: 30%;
            height: 50px;
            margin-top: 5px;
            position: relative;
            /* background-color: red; */
            margin-right: 5%;
            background-repeat: no-repeat;
            background-position: center;
            background-size: 32px;
            background-image: url(../img/back-mov.png);
        }
        .menuMovil .home{
            display: inline-block;
            width: 30%;
            height: 50px;
            margin-top: 5px;
            position: relative;
            /* background-color: red; */
            margin-right: 5%;
            background-repeat: no-repeat;
            background-position: center;
            background-size: 32px;
            background-image: url(../img/home-mov.png);
        }
        .menuMovil .menumov{
            display: inline-block;
            width: 30%;
            height: 50px;
            margin-top: 5px;
            position: relative;
            /* background-color: red; */
            background-repeat: no-repeat;
            background-position: center;
            background-size: 32px;
            background-image: url(../img/menu-mov.png);
        }


    .header.mini, .header .menu, .header .header-form, .header .language, .header .header-right, .header .header-atencion{
        display: none;
    }
    .header{
        height: 100px;
    }
    .header .cart, .header .rightElements{
        width: 150px;
        right: 5px;
    }
    .header .logo{
        left: 20px;
        width: 28%;
    }
    .tit-section {
        padding-left: 10px;
        width: calc(100% - 10px);
    }
    .products .products-gallery{
        grid-template-columns: repeat(1, 1fr);
        margin-top: 10px;
        grid-row-gap:15px;
    }
    .products .products-gallery.innergallery {
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 10px;
    }
    .products .products-gallery.horizontal {
        display: inline-block !important;
        margin-top: 0px;
        width: 100%;
    }
    .products .products-gallery .item{
        width: 55% !important;
        margin-right: 10px;
        min-width: 55%;
    }
    .products .products-gallery.innergallery .item{
        width: 100% !important;
        margin-right: 0px;
        min-width: 100%;
    }

    .products .products-gallery .item .item-tit {
        display: block;
        width: 86%;
        margin: 5px 0 0 7%;
        font-size: 11px;
    }

    .products .products-more a {
        font-size: 14px;
        width: auto;
        padding: 10px 30px;
    }
    .howitworks .method{
        width: calc(100% - 20px);
        margin-left: 10px;
    }
    .myinsta .myinsta-link{
        position: relative;
        float: left;
        top: 0px;
        font-size: 15px;
        padding: 7px 15px 9px 40px;
        font-weight: 400;
        background-position: 14px 5.5px;
    }
    .myinsta .myinsta-gallery{
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap:10px;
        grid-row-gap:10px;
        width: calc(100% - 20px);
        margin-left: 10px;
        margin-top: 55px;
    }
    .myinsta .myinsta-gallery .myinsta-item{
        padding-bottom: 100%;
        width: 100%;
        /* margin-left: 10%; */
    }
    .myinsta .myinsta-gallery .myinsta-item:last-child{
        display: none;
    }
    .newsletter .newsletter-text{
        width: calc(100% - 20px);
        margin-left: 10px;
    }
    .newsletter .newsletter-form{
        position: relative;
        margin-top: 20px;
        width: calc(100% - 20px);
        margin-left: 10px;
    }
    .contact .contact-left{
        width: calc(100% - 20px);
        margin-left: 10px;
    }
    .contact .tit-section.blue{
        padding-left:0px;
    }
    .contact .contact-right{
        width: calc(100% - 20px);
        margin-left: 10px;
        text-align: center;
    }
    .contact .contact-right .inputText{
        width: calc(100% - 36px);
    }
    .contact .contact-right .textArea{
        width: calc(100% - 38px);
    }
    .contact .contact-right .fast-contact-submit{
        padding:0 30px 1px 30px;
    }
    .footer{
        text-align: center;
    }
    .footer .footer-left{
        width: 100%;
        padding-bottom: 0;
    }
    .footer .footer-center{
        width: 100%;
        padding-top: 0;
        padding-bottom: 0;
    }
    .footer .footer-right{
        margin-bottom: 30px;
        width: 50%;
        height: 100px;
        background-position: center;
    }
    .copy .master{
        width: 80%;
        line-height: 16px;
        text-align: center;
    }
        .footer .copy .development{
            float: none;
        }
    
    .modal-producto .product-wrapper{
        height: calc(100vh - 50px);
        padding: 0 0px;
        width: 100%;
        top: 50px;
        -webkit-transform: none !important;
        -ms-transform:none !important;
        transform: none !important;
    }
        .modal-producto .product-wrapper .master{
            overflow-y: auto;
        }
        .modal-producto .product-wrapper .p-close {
            top: -35px;
            right: 20px;
        }
        .modal-producto .product-wrapper .p-photo{
            position: relative;
            width: calc(100% - 20px);
            padding: 0;
            margin-left: 10px;
            height: 50vh;
        }
        .modal-producto .product-wrapper .p-data{
            width: calc(100% - 20px);
            left: 10px;
            height: auto;
        }
        .modal-producto .product-wrapper .p-data .d1 .titulo, .modal-producto .product-wrapper .p-data .d1 .descripcion{
            width: 100%;
        } 
        .modal-producto .product-wrapper .p-data .d2 .presentacion{
            width: 60%;
        }
        .modal-producto .product-wrapper .p-data .d2 .precio {
            width: 40%;
            text-align: right;
        }
        .modal-producto .product-wrapper .p-data .d3{
            margin-top: 20px;
        }
        .modal-producto .product-wrapper .p-data .d3 .nota {
            width: 100%;
            font-style: italic;
            font-size: 11px;
            letter-spacing: 0;
            line-height: 17px;
        }
        .modal-producto .product-wrapper .p-data .d3 .addCart {
            margin-left: 10%;
            width: 80%;
            margin-top: 20px;
            padding: 14px 0 11px 0;
            font-size: 13px;
        }
        .modal-producto .product-wrapper .p-data .d4{
            margin-top: 20px;
            border: 1px solid #CCC;
            width: 80%;
            margin-left: 10%;
            border-radius: 5px;
            text-align: center;
        }
        .modal-producto .product-wrapper .p-data .d4 .compartir{
            width: 100%;
            margin-left: 0;
        }
        .modal-producto .product-wrapper .p-data .badged{
            width: 28px;
            height: 53px;
            position: absolute;
            top: 4px;
            left: 0;
        }
        .modal-producto .product-wrapper .p-data .d1 .titProm {
            width: 100%;
            letter-spacing: 0;
            margin-bottom: 20px;
            color: #C93438;
            margin-left: 30px;
            font-size: 13px;
        }
        .modal-producto .product-wrapper .p-data .d2 .presentacion.pp{
            width: 50%;
        }
        .modal-producto .product-wrapper .p-data .d2 .preciopromo{
            width: 50%;
            text-align: right;
        }
        .modal-producto .product-wrapper .p-data .d2 .precio.pp{
            width: 100%;
        }
    
    .menu-panel{
        height: calc(100% - 60px);
    }
    .menu-panel .main{
        width: 60%;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .menu-panel .main .close{
        position: relative;
        right: auto;
        left: 15px;
        width: calc(100% - 50px);
        margin-bottom: 20px;
        padding: 10px 0 10px 35px;
        background-position: 12px center;
        border-radius: 5px 0px 0px 5px;
        background-color: #FFCC29;
        color: #000;
        background-image: url(../img/closeB.png);
        background-size: 14px;
    }
    .menu-panel .main .link, .menu-panel .main .redes,.menu-panel .main .lang{
        margin-left: 15px;
        width: calc(100% - 20px);
        line-height: 20px;
    }
    .menu-panel .main .redes a.mail{
        font-size: 10px;
        padding: 6px 0 0 10px !important;
        background-image: none;
    }
    .menu-panel .categories-menu.active{
        left: 60%;
    }
    .menu-panel .categories-menu{
        width: 40%;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
    }
    .menu-panel .categories-menu .categories-base{
        width: calc(100% - 10px);
        display: inline-block;
        margin-left: 5px;
        position: relative;
        top: 0%;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        padding-top: 14px;
    }
    .menu-panel .categories-menu .categories-base .selection{
        font-size: 8px;
        letter-spacing: 0;
        padding: 8px 0 11px 0;
    }
    .menu-panel .categories-menu .categories-base a.all.spec{
        text-align: center;
        letter-spacing: 0;
        width: calc(100% - 10px);
        padding:6.5px 5px 6px 5px;
        font-size: 10px;
        line-height: 12px;
    }
    .menu-panel .categories-menu .categories-base a.all{
        text-align: center;
        letter-spacing: 0;
        width: calc(100% - 10px);
        padding:6.5px 5px 6px 5px;
        font-size: 10px;
        line-height: 12px;
    }
    .menu-panel .categories-menu .categories-base .basegrid{
        /* background-color: #93D9F6; */
        display: inline-block;
        grid-template-columns: none;
        grid-template-rows: none;
        /* grid-auto-flow: column; */
        border-top:1px solid #CCC;
        margin-top:10px;
        padding-top:5px;
    }
    .menu-panel .categories-menu .categories-base a {
        font-size: 12px;
        position: relative;
        width: calc(100% - 10px);
        letter-spacing: 0px;
        font-weight: 400;
        color: #333;
        display: inline-block;
        padding: 6px 5px 6px 5px;
        border-radius: 100px;
        /* background-color: orange; */
        text-decoration: none;
        margin: 4px 0;
        transition: all 300ms ease;
        line-height: 18px;
    }
    .menu-panel .categories-menu .categories-base a.active, .menu-panel .categories-menu .categories-base a:hover{
        padding-left: 5px;
    }
    .movil-form{
        width: calc(100% - 15px);
        background-color: #FFF;
        display: inline-block;
        margin-left: 15px;
        position: relative;
        padding: 3px 0;
        border-radius: 5px 0 0 5px;
        margin-bottom: 5px;
        margin-top: 7px;
    }
    .movil-form .search-input-mov{
        width: calc(100% - 43px);
        background-color: #FFF;
        display: inline-block;
        position: relative;
        border: none;
        margin-left: 5px;
        padding: 5px 0;
        outline: none;
        font-family: 'Montserrat', sans-serif;
        font-size: 12px;
    }
    .movil-form .search-submit-mov{
        width: 30px;
        background-color: #FFCC29;
        display: inline-block;
        position: relative;
        border: none;
        padding: 0;
        text-indent: -100px;
        background-repeat: no-repeat;
        background-image: url(../img/search.png);
        background-size: 14px;
        border-radius: 3px;
        background-position: center;
        outline: none;
        padding: 5px 0;
    }

    .topSection .home{
        position: relative;
        margin-left: 10px;
        top: auto;
        margin-top: 15px;
    }
    .topSection .intro{
        position: relative;
        left: -4px;
        top: auto;
        margin-top: 15px;
    }
    .mainTit{
        left: 10px;
        font-size: 20px;
        position: relative;
        top: auto;
        background-image: none !important;
        padding-left: 1px !important;
        margin-top: 14px;
        margin-bottom: 10px;
        width: calc(100% - 20px);
    }
    .mainTit span{
        font-size: 12px;
    }
    .topSection{
        height: auto;
        padding-bottom: 20px;
    }
    .topSection .filters{
        position: relative;
        /* text-align: right; */
    }
    .topSection .filter{
        margin-top: 0px;
        padding: 0;
        padding-left: 2px;
        padding-top: 2px;
        padding-right: 3px;
        margin-left: 10px;
        border-radius: 2px;
    }
    .topSection .filter .titFilter{
        margin-top: 0;
        font-size: 10px;
    }
    .topSection .filter .optionSelected{
        font-size: 12px;
        margin-top: 5px;
    }
    .topSection .filter.orden{
        margin-left: 20px;
    }
    .topSection .filter .options{
        left: 0;
        right: auto;
    }
    .topSection .filter.orden .options{
        left: auto;
        right: 0;
    }
    .topSection .filter:hover{
        z-index: 100000000;
    }
    .mainTit.inner{
        left: 10px;
        margin-bottom: 0;
    }
    .topCart{
        padding: 15px 0;
    }
    .topCart .instruccion{
        width: calc(100% - 20px);
        margin-left: 10px;
        left: auto !important;
        right: auto !important;
        position: relative;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    

    .paso {
        width: calc(100% - 20px);
        padding: 20px 10px;
    }
    .explicacion{
        height: auto;
    }
    .explicacion .texto{
        width: calc(100% - 20px);
        padding-right: 0;
        margin-left: 10px;
        display: inline-block;
        height: 100%;
        text-align: center;
        font-size: 20px;
        margin-bottom: 10px;
    }
    .explicacion .texto span{
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .explicacion .foto{
        width: calc(100% - 20px);
        margin-left: 10px;
        display: inline-block;
        height: 50vh;
        margin-bottom: 20px;
    }
    .questionfaq{
        width: calc(100% - 20px);
        padding: 10px 10px;
    }
    .questionfaq .master{ 
        font-size: 15px !important;
        line-height: 18px;
    }
    .bloque {
        width: calc(100% - 20px);
        padding: 0px 10px 10px 10px;
    }
    .frase{
        margin-bottom: 10px;
    }
    .bloque.logo .master{
        padding: 10px;
    }
    .bloque.logo{
        margin-bottom: 10px;
    }
    .bloque .mainlogo{
        position: relative;
        height: 170px;
        width: 100%;
        background-position: center;
    }
    .bloque .text{
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }
    .bannerCart{
        height: 200px;
    }
    .bloque.mision{
        width: 100%;
        padding: 20px 0;
        margin-bottom: 30px;
    }
    .bloque.mision .master{
        padding: 10px;
    }
    .topCart .backComprar{
        position: relative;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        margin-bottom: 10px;
        padding: 9px 5px 8px 30px;
        background-position: 10px center;
    }
    .carritoVacio{
        font-size: 18px;
        font-weight: 300;
        padding: 50px 0 100px 0;
    }
    .cont .colLeft{
        width: calc(100% - 20px);
        margin-left: 10px;
    }
    .cont .colRight{
        width: calc(100% - 20px);
        margin-left: 10px;
        margin-top: 40px;
    }
    .checkoutProcess{
        position: relative;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: calc(100% - 20px);
        margin-left: 10px;
        text-align: center;
    }
    .mainTit.cart{
        margin-bottom: 0;
    }
    .checkoutProcess .lineCart{
        width: 15%;
    }
    .bloqueCart .titlesCart .title{
        font-size: 9px;
    }
    .bloqueCart .titlesCart .title.descripcion{
        width: calc(100% - 42px);
        margin-right: 0;
        margin-left: 10px;
        margin-bottom: 5px;
    }
    .bloqueCart .titlesCart .title.precioUnitario{
        width: calc(33.3% - 9px);
        margin-left: 10px;
        margin-right: auto;
    }
    .bloqueCart .titlesCart .title.cantidad{
        width: calc(33.3% - 22px);
        margin-left: 10px;
        margin-right: 10px;
    }
    .bloqueCart .titlesCart .title.precioTotal{
        width: calc(33.3% - 14px);
    }
    .bloqueCart .lineCart .c-pic{
        border-radius: 5px;
        height: 50px;
        margin-left: 10px;
    }
    .bloqueCart .lineCart .c-desc{
        font-size: 14px;
        width: calc(100% - 142px);
    }
    .bloqueCart .lineCart .c-desc .eliminarItem{
        font-size: 10px;
        
    }

    .bloqueCart .lineCart .c-pu{
        width: calc(33.3% - 7px);
        margin-left: 10px;
        margin-right: auto;
        margin-top: 17px;
    }
    .bloqueCart .lineCart .c-cant{
        width: calc(33.3% - 20px);
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 17px;
    }
    .bloqueCart .lineCart .c-pt{
        width: calc(33.3% - 12px);
        margin-left: 0;
        margin-top: 17px;
    }
    .bloqueCart .varios .left{
        display: none;
    }
    /* .lineCart{display: none !important;} */
    .bloqueCart .varios .q1{
        width: calc(50% - 22px);
        margin-left: 10px;
        margin-right: auto;
        text-align: center;
        padding-right: 0;
    }
    .bloqueCart .varios .q1-1{
        width: calc(50% - 12px);
        margin-left: 10px;
        margin-right: 0px;
    }
    .bloqueCart .varios .invisible{
        display: none;
    }
    .bloqueCart .varios .q2{
        width: calc(50% - 22px);
        margin-left: 10px;
        margin-right: auto;
        text-align: center;
        padding-right: 0;
        margin-top: 0px;
    }
    .bloqueCart .varios .q2-2, .bloqueCart .varios .q1-2{
        width: calc(50% - 22px);
        margin-top: 0px;
        margin-left: 10px;
        margin-right: 0px;
    }
    .bloqueCart .varios .line{
        width: calc(100% - 20px);
        margin-left: 10px;
    }
    .bloqueCart .varios .q3{
        width: calc(50% - 24px);
        margin-left: 10px;
        margin-right: auto;
        text-align: center;
        padding-right: 0;
        margin-top: 0px;
    }
    .bloqueCart .varios .q3-2{
        width: calc(50% - 24px);
        margin-top: 0px;
        margin-left: 10px;
        margin-right: 0px;
    }
    .bloqueCart .varios .q3.b, .bloqueCart .varios .q3-2.b{
        vertical-align: middle;
    }
    .confirmarCompra{
        padding: 20px 0 30px;
    }
    .confirmarCompra .backComprar{
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        position: relative;
        margin-left: calc(25% - 10px);
        width: 50%;
        margin-bottom: 15px;
    }
    .confirmarCompra .nextBuying{
        position: relative;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .confirmarCompra .backComprar.cancel{
        margin-left: 0;
    }
    .checkform{
		padding: 20px;
        width: calc(100% - 80px);
        border-radius: 2px;
        margin-top: 30px;
    }
    .question{
        position: relative;
        width: 100%;
        text-align: center;
        top: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        margin-top: 10px;
    }
    .topCart .instruccion.more{
        left: 0 !important;
        text-align: center;
    }
    .checkform .linea{
        border-radius: 5px;
    }
    .checkform .linea input{
        width: calc(100% - 80px);
    }
    .checkform .linea input.menos1 {
        width: calc(100% - 70px);
    }
    .checkform .linea input.menos2 {
        width: calc(100% - 84px);
    }
    .checkform .linea select{
        width: calc(100% - 65px);
    }
    .subtitCheckout{
        width: calc(100% - 60px);
        margin-top: 20px;
        font-size: 17px;
        text-align: center;
    }
    .checkform .linea textarea{
        width: calc(100% - 10px);
    }
    .completarForm.long{
        width: 80%;
        border-radius: 5px;
    }
    .resumen{
        width: calc(100% - 20px);
        height: auto;
    }
    .contenedorProductos{
        width: calc(100% - 10px);
        height: auto;
        padding-bottom: 10px;
        overflow: hidden;
    }
    .resultados{
        width: calc(100% - 10px);
    }
    .payment{
        width: 100%;
        text-align: left;
    }
    .checkform.tdc{
        width: calc(100% - 62px);
        margin-left: 10px;
        padding: 0px 10px;
        padding-bottom: 10px;
    }
    .subtitPay img{
        margin-top: 8px;
    }
    .checkform.tdc .linea input.menos3{
        width: calc(100% - 10px);
        margin-left: 0;
        margin-top: 0;
        margin-bottom: 10px;
        background-color: #EEE;
    }
    .bodyc{
        height: auto;
        width: calc(100% - 20px);
        padding: 0 10px;
    } 
    .bodyc.under{
        height: 100vh;
        width: 100vw;
        padding: 0;
    }    
    .hemosenviado{
        width: 90%;
    }
    .hemosenviadospam{
        width: calc(90% - 40px);
    }
    .thanks1 a{
        margin-bottom: 30px;
    }
    .explicacion .foto.htb1{background-image: url(../img/htb1-m.jpg);}
    .explicacion .foto.htb2{background-image: url(../img/htb2-m.jpg);}
    .explicacion .foto.htb3{background-image: url(../img/htb3-m.jpg);}
    .explicacion .foto.htb4{background-image: url(../img/htb4-m.jpg);}
    .explicacion .foto.htb5{background-image: url(../img/htb5-m.jpg);background-size: contain;}
    .wadir{
        width: calc(80% - 60px);
        margin-bottom: 0px;
    }
    .ww{
        margin-left: 0px !important;
    }
    .thanks{
        font-size: 22px;
        font-weight: 300;
    }
    .thanks span{
        font-size: 17px;
    }

    .promos{
        padding-top: 0;
    }
    .promos .promo{
        width: 90%;
        margin: 0 2% 40px 5%;
        height: 230px;
    }
    .promos .promo.last, .promos .promo:last-child{
        margin:0 2% 40px 5% !important;
    }
    
    
    


/*     /////////////////////////////////////////////////////////////
    ///////////////////////////////////////////////////////////// */
    .modal-promocion .promocion-wrapper{
        height: calc(100vh - 50px);
        padding: 0 0px;
        width: 100%;
        top: 50px;
        -webkit-transform: none !important;
        -ms-transform:none !important;
        transform: none !important;
    }
        .modal-promocion .promocion-wrapper .master{
            overflow-y: auto;
        }
        .modal-promocion .promocion-wrapper .p-close {
            top: -35px;
            right: 20px;
        }
        .modal-promocion .promocion-wrapper .pr-photo{
            position: relative;
            width: calc(100% - 20px);
            padding: 0 0 35px 0;
            margin-left: 10px;
            height: 50vh;
        }
        .modal-promocion .promocion-wrapper .pr-data{
            width: calc(100% - 20px);
            left: 10px;
            height: auto;
        }
        .modal-promocion .promocion-wrapper .pr-data .d1 .titulo, .modal-promocion .promocion-wrapper .p-data .d1 .descripcion{
            width: 100%;
        } 
        .modal-promocion .promocion-wrapper .pr-data .d2 .presentacion{
            width: 60%;
        }
        .modal-promocion .promocion-wrapper .pr-data .d2 .precio {
            width: 40%;
            text-align: right;
        }
        .modal-promocion .promocion-wrapper .pr-data .d3{
            margin-top: 20px;
        }
        .modal-promocion .promocion-wrapper .pr-data .d3 .nota {
            width: 100%;
            font-style: italic;
            font-size: 11px;
            letter-spacing: 0;
            line-height: 17px;
        }
        .modal-promocion .promocion-wrapper .pr-data .d3 .addCart {
            margin-left: 10%;
            width: 80%;
            margin-top: 20px;
            padding: 14px 0 11px 0;
            font-size: 13px;
        }
        .modal-promocion .promocion-wrapper .pr-data .d4{
            margin-top: 20px;
            border: 1px solid #CCC;
            width: 80%;
            margin-left: 10%;
            border-radius: 5px;
            text-align: center;
        }
        .modal-promocion .promocion-wrapper .pr-data .d4 .compartir{
            width: 100%;
            margin-left: 0;
        }
        .modal-promocion .promocion-wrapper .pr-data .badged{
            width: 28px;
            height: 53px;
            position: absolute;
            top: 4px;
            left: 0;
        }
        .modal-promocion .promocion-wrapper .pr-data .d1 .titProm {
            width: 100%;
            letter-spacing: 0;
            margin-bottom: 5px;
            color: #C93438;
            margin-left: 0px;
            font-size: 13px;
            margin-top: 10px;
        }
        .modal-promocion .promocion-wrapper .pr-data .d2 .presentacion.pp{
            width: 50%;
        }
        .modal-promocion .promocion-wrapper .pr-data .d2 .preciopromo{
            width: 50%;
            text-align: right;
        }
        .modal-promocion .promocion-wrapper .pr-data .d2 .precio.pp{
            width: 100%;
        }
        .modal-promocion .promocion-wrapper .pr-combo{
            position: relative;
            width: 100%;
            left: 0;
            margin-top: 5px;
        }
        .modal-promocion .promocion-wrapper .pr-data .d4 .addCart{
            width: 90%;
            margin: 10px 0 10px 0;
        }
        .modal-promocion .promocion-wrapper .pr-data .d5{
            width: 100%;
            margin: 20px 0 30px 0;
        }
        .modal-promocion .promocion-wrapper .pr-data .d5 .compartir{
            width: 100%;
            margin: 0;
            text-align: center;
        }

        .promos .tit-section{
            margin-top: 10px;
        }
        .products .products-more{
            padding-top: 10px;
        }
        .promos .promos-more{
            display: block;
            width: 100%;
            display: inline-block;
            text-align: center;
            /* background-color: violet; */
            padding:0px 0 0 0;
        }
            .promos .promos-more a{
                font-size: 12px;
                font-weight: 500;
                display: inline-block;
                width: calc(15% - 2px);
                margin: 20px 1.6% 0 0;
                border:1px solid #2559A6;
                padding: 6px 0;
                text-align: center;
                border-radius: 50px;
                letter-spacing: 0.5px;
                cursor: pointer;
                text-decoration: none;
                background-color: #2559A6;
                color: #FFF;
                font-size: 14px;
                width: auto;
                padding: 10px 30px;
            }
                .promos .promos-more a:hover{
                    background-color: #777;
                    border-color: #777;
                }

}
.exeCupon{
    background-color: #FFCC29;
    color: #000;
    padding: 8px 53px 8px 40px;
    position: absolute;
    display: inline-block;
    border-radius: 1px;
    right: 0;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.5px;
    background-position: calc(100% - 20px) center;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url(../img/right.png);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
    cursor: pointer;
    transition: all 150ms ease;
    outline: none;
    border:none;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
}
    .exeCupon{
        position: relative;
        align-content: center;
    }

    .exeCupon:hover{
        background-image: url('../img/rightY.png');
        color: #2559A6;
    }







/*//////////////////////////////////////////////////////////////////
[ FONT ]*/










/*//////////////////////////////////////////////////////////////////
[ RESTYLE TAG ]*/

* {
	margin: 0px; 
	padding: 0px; 
	box-sizing: border-box;
}

body, html {

	height: 100%;
	
	/*-----------------color de fondo amarillo----------------------------*/
   
}
}

/*---------------------------------------------*/
a {

	font-size: 14px;
	line-height: 1.7;
	color: #666666;
	margin: 0px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
}

a:focus {
	outline: none !important;
}

a:hover {
	text-decoration: none;
  color: #6a7dfe;
  color: -webkit-linear-gradient(left, #21d4fd, #b721ff);
  color: -o-linear-gradient(left, #21d4fd, #b721ff);
  color: -moz-linear-gradient(left, #21d4fd, #b721ff);
  color: linear-gradient(left, #21d4fd, #b721ff);
}

/*---------------------------------------------*/
h1,h2,h3,h4,h5,h6 {
	margin: 0px;
}

p {

	font-size: 14px;
	line-height: 1.7;
	color: #666666;
	margin: 0px;
}

ul, li {
	margin: 0px;
	list-style-type: none;
}


/*---------------------------------------------*/
input {
	outline: none;
	border: none;
}

textarea {
  outline: none;
  border: none;
}

textarea:focus, input:focus {
  border-color: transparent !important;
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }

textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; }
textarea:focus::-moz-placeholder { color:transparent; }
textarea:focus:-ms-input-placeholder { color:transparent; }

input::-webkit-input-placeholder { color: #adadad;}
input:-moz-placeholder { color: #adadad;}
input::-moz-placeholder { color: #adadad;}
input:-ms-input-placeholder { color: #adadad;}

textarea::-webkit-input-placeholder { color: #adadad;}
textarea:-moz-placeholder { color: #adadad;}
textarea::-moz-placeholder { color: #adadad;}
textarea:-ms-input-placeholder { color: #adadad;}

/*---------------------------------------------*/
button {
	outline: none !important;
	border: none;
	background: transparent;
}

button:hover {
	cursor: pointer;
}

iframe {
	border: none !important;
}


/*//////////////////////////////////////////////////////////////////
[ Utility ]*/
.txt1 {
  font-size: 13px;
  color: #666666;
  line-height: 1.5;
}

.txt2 {
  font-size: 13px;
  color: #333333;
  line-height: 1.5;
}

/*//////////////////////////////////////////////////////////////////
[ login ]*/

.limiter {
  width: 100%;
  margin: 0 auto;
}

.container-login100 {
  width: 100%;  
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
   font-style: Futura;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  padding: 15px;
  background: #FFCC29;  
  top: 80%;
}

.wrap-login100 {

  width: 500px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}

  box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 5px 12px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 5px 10px 0px rgba(0, 0, 0, 0.1);
}

.wrap-login100 .et-init{

	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.7px;
	color: #2559A6;
	right: 30px;
	top: 3px;
}
/*------------------------------------------------------------------
[ Form ]*/

.login100-form {
  width: 100%;
}

.login100-form-title {
  display: block;
  font-size: 1px;
  color: #333333;
  line-height: 5;
  text-align: center;
}
.login100-form-title i {
  font-size: 60px;
}

/*------------------------------------------------------------------
[ Input ]*/

.wrap-input100 {
  width: 100%;
  position: relative;
  border-bottom: 2px solid #adadad;
  margin-bottom: 37px;
}

.input100 {
  font-size: 15px;
  color: #555555;
  line-height: 1.2;

  display: block;
  width: 100%;
  height: 45px;
  background: transparent;
  padding: 0 5px;
}

/*---------------------------------------------*/ 
.focus-input100 {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

.focus-input100::before {
  content: "";
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;

  background: #6a7dfe;
  background: -webkit-linear-gradient(left, #21d4fd, #b721ff);
  background: -o-linear-gradient(left, #21d4fd, #b721ff);
  background: -moz-linear-gradient(left, #21d4fd, #b721ff);
  background: linear-gradient(left, #21d4fd, #b721ff);
}

.focus-input100::after {

  font-size: 15px;
  color: #999999;
  line-height: 1.2;

  content: attr(data-placeholder);
  display: block;
  width: 100%;
  position: absolute;
  top: 16px;
  left: 0px;
  padding-left: 5px;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.input100:focus + .focus-input100::after {
  top: -15px;
}

.input100:focus + .focus-input100::before {
  width: 100%;
}

.has-val.input100 + .focus-input100::after {
  top: -15px;
}

.has-val.input100 + .focus-input100::before {
  width: 100%;
}

/*---------------------------------------------*/
.btn-show-pass {
  font-size: 15px;
  color: #999999;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  padding-right: 5px;
  cursor: pointer;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.btn-show-pass:hover {
  color: #6a7dfe;
  color: -webkit-linear-gradient(left, #21d4fd, #b721ff);
  color: -o-linear-gradient(left, #21d4fd, #b721ff);
  color: -moz-linear-gradient(left, #21d4fd, #b721ff);
  color: linear-gradient(left, #21d4fd, #b721ff);
}

.btn-show-pass.active {
  color: #6a7dfe;
  color: -webkit-linear-gradient(left, #21d4fd, #b721ff);
  color: -o-linear-gradient(left, #21d4fd, #b721ff);
  color: -moz-linear-gradient(left, #21d4fd, #b721ff);
  color: linear-gradient(left, #21d4fd, #b721ff);
}



/*------------------------------------------------------------------
[ Button ]*/
.container-login100-form-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 13px;
}

.wrap-login100-form-btn {
  width: 100%;
  display: block;
  position: relative;
  z-index: 1;
  border-radius: 205px;
  overflow: hidden;
  margin: 0 auto;
}

.login100-form-bgbtn {
  position: absolute;
  z-index: -1;
  width: 300%;
  height: 100%;
  background: #a64bf4;
  background: -webkit-linear-gradient(right, #21d4fd, #b721ff, #21d4fd, #b721ff);
  background: -o-linear-gradient(right, #21d4fd, #b721ff, #21d4fd, #b721ff);
  background: -moz-linear-gradient(right, #21d4fd, #b721ff, #21d4fd, #b721ff);
  background: linear-gradient(right, #21d4fd, #b721ff, #21d4fd, #b721ff);
  top: 0;
  left: -100%;

  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
}

.exePay{
    background-color: #2559A6;
    color: #FFF;
    padding: 16px 53px 16px 40px;
    position: absolute;
    display: inline-block;
    border-radius: 2px;
    right: 0;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    background-position: calc(100% - 20px) center;
    background-repeat: no-repeat;
    background-size: 16px;
    background-image: url(../img/right.png);
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
    cursor: pointer;
    transition: all 150ms ease;
    outline: none;
    border:none;
    text-transform: uppercase;
}
    .exePay{
        position: relative;
    }

    .exePay:hover{
        background-image: url('../img/rightY.png');
        color: #FFCC29;
    }

.login100-form-btn {
  font-size: 15px;
  color: #fff;
  line-height: 1.2;
  text-transform: uppercase;

  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  width: 100%;
  height: 50px;
}

.wrap-login100-form-btn:hover .login100-form-bgbtn {
  left: 0;
}


/*------------------------------------------------------------------
[ Responsive ]*/

@media (max-width: 576px) {
  .wrap-login100 {
    padding: 77px 15px 33px 15px;
  }
  .wrap-login2{
    padding: 77px 5px 53px 5px;
  }
}



/*------------------------------------------------------------------
[ Alert validate ]*/

.validate-input {
  position: relative;
}

.alert-validate::before {
  content: attr(data-validate);
  position: absolute;
  max-width: 70%;
  background-color: #fff;
  border: 1px solid #c80000;
  border-radius: 2px;
  padding: 4px 25px 4px 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 0px;
  pointer-events: none;

  color: #c80000;
  font-size: 13px;
  line-height: 1.4;
  text-align: left;

  visibility: hidden;
  opacity: 0;

  -webkit-transition: opacity 0.4s;
  -o-transition: opacity 0.4s;
  -moz-transition: opacity 0.4s;
  transition: opacity 0.4s;
}

.alert-validate::after {
  content: "\f06a";
  font-size: 16px;
  color: #c80000;

  display: block;
  position: absolute;
  background-color: #fff;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 5px;
}

.alert-validate:hover:before {
  visibility: visible;
  opacity: 1;
}

@media (max-width: 992px) {
  .alert-validate::before {
    visibility: visible;
    opacity: 1;
  }
}



.select-css {
 display: block;
 font-size: 16px;
 font-family: 'Arial', sans-serif;
 font-weight: 400;
 color: #444;
 line-height: 1.3;
 padding: .4em 1.4em .3em .8em;
 width: 400px;
 max-width: 100%; 
 box-sizing: border-box;
 margin: 0;
 border: 1px solid #aaa;
 box-shadow: 0 1px 0 1px rgba(0,0,0,.03);
 border-radius: .3em;
 -moz-appearance: none;
 -webkit-appearance: none;
 appearance: none;
 background-color: #fff;
 background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
   linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
 background-repeat: no-repeat, repeat;
 background-position: right .7em top 50%, 0 0;
 background-size: .65em auto, 100%;
}
.select-css::-ms-expand {
 display: none;
}
.select-css:hover {
 border-color: #888;
}
.select-css:focus {
 border-color: #aaa;
 box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
 box-shadow: 0 0 0 3px -moz-mac-focusring;
 color: #222; 
 outline: none;
}
.select-css option {
 font-weight:normal;
}


@media (max-width: 576px) {
  .checkform {
    padding: 77px 15px 33px 15px;
  }
}