/*
.col-ime.linear1,
.col-ime.linear2,
.col-ime.linear3,
.col-ime.linear4 {
    background-color: transparent;
}
*/

.col-menu a Te > En {
    display: block;
    font-size: 14px;
    text-transform: capitalize;
}

.col-ime.linear1 {
    background-color: rgba(226, 208, 182, .5);
}
.col-ime.linear2 {
    background-color: rgba(226, 188, 182, .5);
}
.col-ime.linear3 {
    background-color: rgba(226, 168, 182, .5);
}

.col-ime.linear4 {
    background-color: rgba(200, 182, 226, .5);
}
.col-ime.linear5 {
    background-color: rgba(182, 226, 212, .5);
}

.col-tex d30326 {
    color: #d30326;
}

.col-tex ea0429,
.col-tex efd2e6,
.col-tex ddefd2,
.col-tex d5d2ef {
    padding: 4px 8px;
}

.col-tex ea0429 {
    color: white;
    background-color: rgba(236, 4, 42, .75);
}

.col-tex efd2e6,
.col-tex ddefd2,
.col-tex d5d2ef {
    background-color: rgba(25, 17, 11, .5);
    font-weight: 500;
}

.col-tex efd2e6 {
    color: #efd2e6;
}
.col-tex ddefd2 {
    color: #ddefd2;
}
.col-tex d5d2ef {
    color: #d5d2ef;
}

/*
.col-tex efd2e6,
.col-tex ddefd2,
.col-tex d5d2ef {
    color: black;
}

.col-tex efd2e6 {
    background-color: rgba(239, 210, 230, .75);
}
.col-tex ddefd2 {
    background-color: rgba(221, 239, 210, .75);
}
.col-tex d5d2ef {
    background-color: rgba(213, 210, 239, .75);
}
*/



.box2 {
    width: 100%;
    #min-width: calc(326px - 16px);

    height: calc(100vh - 48px - 16px - 6px - 45px - 1px);
    display: table-cell;
    vertical-align: middle;                                
}
.box2 hr {
    width: 54px;
    height: 5px;
    border: 0;
    margin-bottom: 12px;
    background-color: #f6f5f3;
}
.box2 p,
.box2 .icon div {
    #max-width: 235px;
}

links .box2 h3 {
    font-size: 28px;
    font-weight: 100;
}

links .box2 p {
    padding-top: 12px;
    font-size: 14px;
}
links .box2 p.small {
    padding-top: 6px;
    padding-bottom: 12px;
}

links .box2 .icon div {
    text-align: justify;
}
links .box2 .icon div a .fa-inverse {
    color: #19110b;
}

links .box2 h3,
links .box2 p,
links .box2 .icon div Te,
links .box2 .icon div En,
links .box2 .icon div a .fa-stack-2x {
    color: #f6f5f3;
}

links .box2 .icon div .fa-stack {
    font-size: 20px;
}
links .box2 .icon div En {
    height: 2em;
    line-height: 2em;
    font-size: 18px;
    font-weight: 900;
}



.d202105262130.Gradient > div {
    background: -webkit-linear-gradient(45deg, #21094e, rgba(33, 9, 78, .85), rgba(0, 153, 148, .85), #009994);

    /*
    background: linear-gradient(15deg, #ffb13d, #dd277b, #4d5ed4);
    background-color: rgba(70, 15, 112, .75); rgba(219, 203, 189, .85);
    */
}

.d202105262130.Gradient h3,
.d202105262130.Gradient p,
.d202105262130.Gradient .click .fa-stack-2x,
.d202105262130.Gradient .icon a span {
    color: white; #26180d;
}
.d202105262130.Gradient .click .fa-stack-1x {
    color: #511281; #c9b19c;
}
.d202105262130.Gradient .icon a:hover span,
.d202105262130.Gradient .icon a:hover span .fa-stack-2x {
    color: #fdca40; #21094e; #ea0429;
}
.d202105262130.Gradient hr {
    background-color: rgba(255, 255, 255, .75); rgba(38, 24, 13, .75);
}
.d202105262130.Gradient .icon > div {
    border-bottom: 1px solid rgba(255, 255, 255, .35); rgba(38, 24, 13, .35);
}



.touch.AnimationMenu.c3fd08 > div {
    background-color: rgba(195, 253, 8, .85);
}

.touch.AnimationMenu.c3fd08 > div p,
.touch.AnimationMenu.c3fd08 > div > div a .fa-circle {
    color: black;
}

.touch.AnimationMenu.c3fd08 > div > div a .fa-times,
.scroll2.script p.bottom b,
.scroll2.script p.bottom span rgba,
.scroll2.script p.bottom span rgba b {
    color: #c3fd08;
}

.scroll2.script img {
    max-width: 100%;
}

.scroll2.script p {
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 8px;
}
.scroll2.script p.bottom {
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, .25);
}

.scroll2.script p.small,
.scroll2.script p.bottom,
.scroll2.script p.bottom span {
    font-size: 14px;
    font-weight: 500;
}

.scroll2.script p.bottom span,
.scroll2.script p.bottom small,
.scroll2.script p.banner block {
    display: block;
}

.scroll2.script p.bottom b,
.scroll2.script p.bottom span rgba {
    padding: 2px 5px 3px 5px;
    background-color: rgba(0, 0, 0, .85);
}

.scroll2.script p.bottom small {
    font-size: 12px;
}
.scroll2.script p.bottom span rgba {
    display: inline-block;
}


.scroll2.script front {
    height: calc(100vh - 48px - 16px - 6px - 45px - 1px);
    display: table-cell;
    vertical-align: middle;
}

.scroll2.script p.banner {
    font-size: 48px;
    font-weight: 100;
    padding-bottom: 12px;
}

.scroll2.script p.small {
    padding: 0;
}
.scroll2.script p.small::after {
    display: inline-block;

    content: "\00a0\f0d7";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";

    animation: fadeInDown;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

fixed2 {
    display: none;
}

.White > div {
    background-color: rgba(255, 255, 255, .95);
}

.White p,
.White a {
    color: black;
}
.White p.small {
    color: #666;
}

/*
#LINE > div > div {
    border: 3px solid #00b900;
}
#LINE a .fa-stack-2x {
    color: #00b900;
}
*/

.Ea0429 > div {
    background-color: rgba(236, 4, 42, .95);
}
.Ea0429 > div > div {
    border: 3px solid white;
}

.Ea0429 p,
.Ea0429 a {
    color: white;
}
.Ea0429 a .fa-stack-1x {
    color: #ea0429;
}

.Ea0429 p.small {
    padding-top: 8px;
}

mobile2 {
    display: none;
}

img.radius {
    max-width: 135px;
    border-radius: 50%;
}

@media screen and (max-width: 767px) {
    .col-ime.linear1 { 
        background-image: url(Imgs/01.png);
    }
    .col-ime.linear2 { 
        background-image: url(Imgs/02.png);
    }
    .col-ime.linear3 { 
        background-image: url(Imgs/03.png);
    }
}

@media screen and (max-width: 500px) {
    mobile2 {
        display: block;
        background-color: white;
    }

    mobile2 > div > div,
    mobile2 div.h45 > div > div {
        display: table-cell;
        vertical-align: middle;
    }
    mobile2 div.h45,
    mobile2 div.h20 {
        width: 100vw;
        padding: 0px 8px;
    }

    mobile2 div.h45,
    mobile2 div.h45 > div > div {
        height: 55px;
    }
    mobile2 div.h45 > div {
        float: left;
    }

    mobile2 div.h45 > div > div.Icon1,
    mobile2 div.h45 > div > div.Icon2 {
        width: 30px;
    }
    mobile2 div.h45 > div > div.Logo {
        width: calc(100vw - 60px - 16px - .5px);
        text-align: center;
    }
    mobile2 div.h45 > div > div.Icon2 {
        text-align: right;
    }

    mobile2 div.h45 .Logo p {
        color: #ea0429;
        font-size: 32px;
    }
    mobile2 div.h45 .Icon1 a,
    mobile2 div.h45 .Icon2 a {
        color: #6c6c6c;
        font-size: 20px;
    }

    mobile2 div.h20 {
        height: 26px;
        background-color: #ea0429;
        text-align: center;
    }
    mobile2 div.h20 a {
        color: white;
        font-size: 12px;
    }

    mobile2 p,
    mobile2 a,
    mobile2 span {
        color: #404040;
    }



    .box2 {
        min-width: calc(100vw - 22px);                            
    }

    .touch.AnimationMenu.c3fd08 > div {
        background-color: #ea0429;
    }

    .touch.AnimationMenu.c3fd08 > div p,
    .scroll2.script p.bottom b,
    .scroll2.script p.bottom span rgba,
    .scroll2.script p.bottom span rgba b {
        color: white;
    }
    .touch.AnimationMenu.c3fd08 > div > div a .fa-circle {
        color: white;
    }
    .touch.AnimationMenu.c3fd08 > div > div a .fa-times {
        color: #ea0429;
    }

    .scroll2.script p.bottom {
        border-bottom: 1px solid rgba(255, 255, 255, .35);
    }

    .scroll2.script p.bottom b,
    .scroll2.script p.bottom span rgba {
        background-color: black;
    }

    fixed2 {
        display: block;

        z-index: 2;
        right: 0;
        bottom: 45px;
        position: fixed;
        padding: 8px 2px;

        animation: fadeInRight;
        animation-duration: 2s;
    }
    fixed2 .fa-stack-2x {
        color: #00c300;
    }

    .fa-language.xs {
        width: 30px;
        height: 30px;
        display: table-cell;
        vertical-align: middle;
        padding: 3px;
        border-radius: 60px;
        border: 1px #919191 solid;
        font-size: 16px;
        text-align: center;
    }
}