/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*         o°        o°        o°                                         °o        °o        °o         */
/*        O         O         O                     HOME                    O         O         O        */
/* ><(((°>   ><(((°>   ><(((°>                                               <°)))><   <°)))><   <°)))>< */
/* _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_ */

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°                   COVER                   °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

.homeCover{
    height:100vh;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    background:url(../images/home/homeCover.jpg) no-repeat center center / cover;
    text-align:center;
}

    /* .o° .o° .o° .o° .o° .o° Logo °o. °o. °o. °o. °o. °o. */

    .homeCover-logo{
        font-size:227px;
        min-height:227px;
        margin:50px 0;
    }

    /* .o° .o° .o° .o° .o° .o° Scroll °o. °o. °o. °o. °o. °o. */

    .homeCover::after{
        content:'';
        width:46px;
        height:31px;
        background:url(../images/home/scrollDown.svg) no-repeat 0 0 / 100% auto;
        position:absolute; bottom:15px; left:50%;
        transform:translateX(-50%);
    }

@media all and (max-width: 767px){
    .homeCover-logo{font-size:110px; min-height:110px;}
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°                 TEXT STUFF                °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

.linkToContact{
    color:#b76cc4;
}

.linkToContact:hover{
    color:#000;
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°              INTERACTIVE MAP              °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

/* .o° .o° .o° .o° .o° .o° Map blocks °o. °o. °o. °o. °o. °o. */

.homeMap-mapContainer{
    /*width:1228px;*/
    text-align:center;
    font-size:0;
    line-height:0;
}

    .homeMap-map{
        display:inline-block;
        width:400px;
        height:400px;
        margin:0 14px 0 0;
    }

    .homeMap-map:last-child{margin:0;}

    /* .o° .o° .o° .o° .o° .o° Map style °o. °o. °o. °o. °o. °o. */

    /* default */

    .jvectormap-region{
        stroke:#fff;
        stroke-width:1;
    }

    .jvectormap-region:hover{
        cursor:default;
        fill-opacity:1;
    }

    /* members */

    .jvectormap-region[data-code=CN],
    .jvectormap-region[data-code=CH],
    .jvectormap-region[data-code=DE],
    .jvectormap-region[data-code=DK],
    .jvectormap-region[data-code=ES],
    .jvectormap-region[data-code=FI],
    .jvectormap-region[data-code=FR],
    .jvectormap-region[data-code=GB],
    .jvectormap-region[data-code=HU],
    .jvectormap-region[data-code=ID],
    .jvectormap-region[data-code=IT],
    .jvectormap-region[data-code=JP],
    .jvectormap-region[data-code=KR],
    .jvectormap-region[data-code=PT],
    .jvectormap-region[data-code=TH],
    .homeMap-europe .jvectormap-region[data-code=TR],
    .jvectormap-region[data-code=US]{
        fill:#ffd766;
    }

    .jvectormap-region[data-code=CN]:hover,
    .jvectormap-region[data-code=CH]:hover,
    .jvectormap-region[data-code=DE]:hover,
    .jvectormap-region[data-code=DK]:hover,
    .jvectormap-region[data-code=ES]:hover,
    .jvectormap-region[data-code=FI]:hover,
    .jvectormap-region[data-code=FR]:hover,
    .jvectormap-region[data-code=GB]:hover,
    .jvectormap-region[data-code=HU]:hover,
    .jvectormap-region[data-code=ID]:hover,
    .jvectormap-region[data-code=IT]:hover,
    .jvectormap-region[data-code=JP]:hover,
    .jvectormap-region[data-code=KR]:hover,
    .jvectormap-region[data-code=PT]:hover,
    .jvectormap-region[data-code=TH]:hover,
    .homeMap-europe .jvectormap-region[data-code=TR]:hover,
    .jvectormap-region[data-code=US]:hover {
        fill:#f46767;
        fill-opacity:1;
    }

    .jvectormap-region--selected[data-code=CN],
    .jvectormap-region--selected[data-code=CH],
    .jvectormap-region--selected[data-code=DE],
    .jvectormap-region--selected[data-code=DK],
    .jvectormap-region--selected[data-code=ES],
    .jvectormap-region--selected[data-code=FI],
    .jvectormap-region--selected[data-code=FR],
    .jvectormap-region--selected[data-code=GB],
    .jvectormap-region--selected[data-code=HU],
    .jvectormap-region--selected[data-code=ID],
    .jvectormap-region--selected[data-code=IT],
    .jvectormap-region--selected[data-code=JP],
    .jvectormap-region--selected[data-code=KR],
    .jvectormap-region--selected[data-code=PT],
    .jvectormap-region--selected[data-code=TH],
    .homeMap-europe .jvectormap-region--selected[data-code=TR],
    .jvectormap-region--selected[data-code=US]{
        fill:#f46767;
    }

    /* hidden countries */

    .jvectormap-region[data-code=BD],
    .jvectormap-region[data-code=BT],
    .jvectormap-region[data-code=IS],
    .jvectormap-region[data-code=GL],
    .jvectormap-region[data-code=IN],
    .jvectormap-region[data-code=KG],
    .jvectormap-region[data-code=KZ],
    .jvectormap-region[data-code=LK],
    .jvectormap-region[data-code=NP],
    .jvectormap-region[data-code=PK],
    .jvectormap-region[data-code=RU],
    .jvectormap-region[data-code=TJ],
    .homeMap-asia .jvectormap-region[data-code=TR]{
        opacity:0;
    }

    /* tips */

    .jvectormap-tip{
        opacity:0;
        font:normal 12px / 14px 'Intercolor HN', sans-serif;
        letter-spacing:1px;
        padding:3px 6px;
        background:#000;
        border:none;
        border-radius:4px;
    }

    .jvectormap-tip--visible{
        opacity:1;
    }

    /* zoom in, zoom out */
    .jvectormap-zoomin,
    .jvectormap-zoomout{
        display:none;
    }

/* .o° .o° .o° .o° .o° .o° Flag list °o. °o. °o. °o. °o. °o. */

.homeMap-flags{
    width:1228px;
    margin:0 auto;
}

    /* instruction */

    .homeMap-flagsInstruction{
        text-align:center;
        padding:20px 0;
    }

    /* list */

    .homeMap-flagList{
        font-size:0;
        line-height:0;
    }

        /* list item */

        .homeMap-flagListItem{
            display:inline-block;
            width:193px;
            margin:0 14px 10px 0;
            background:#e7e7e7;
            border-radius:16px 4px 4px 16px;
            font-size:0;
            line-height:0;
            height:32px;
            cursor:pointer;
        }

        .homeMap-flagListItem:nth-child(6n){
            margin-right:0;
        }

        /* hover and selected */

        .homeMap-flagListItem:hover,
        .homeMap-flagListItem.homeMap-flagListItem--selected{
            background:#f46767;
        }

        .homeMap-flagListItem:hover h3,
        .homeMap-flagListItem.homeMap-flagListItem--selected h3{
            color:#fff;
        }

            /* flag */

            .homeMap-flagListItem img{
                height:32px;
                width:32px;
                border-radius:50%;
                display:inline-block;
                vertical-align:middle;
            }

            /* country name */

            .homeMap-flagListItem h3{
                padding:0 0 0 15px;
                display:inline-block;
                vertical-align:middle;
                font:normal 14px / 16px 'Intercolor HN Bold', sans-serif;
                color:#5f5f5f;
            }


/* .o° .o° .o° .o° .o° .o° Members Info °o. °o. °o. °o. °o. °o. */

.homeMap-membersInfoListContainer{
    width:1228px;
    font-size:0;
    line-height:0;
    margin:27px auto 0 auto;
}

    /* ul */

    .homeMap-membersInfoList{
        font-size:0;
        line-height:0;
    }

        /* members items */

        .homeMap-membersInfoItem{
            font-size:0;
            line-height:0;
            max-height:0;
            overflow:hidden;
            background:#fff;
            transition:all 0.5s ease-in;
        }

        .homeMap-membersInfoItem--selected{
            max-height:1000px;
            transition:all 0.5s ease-in;
        }

            /* responsive separator */

            .homeMap-membersInfoItem::after{
                content:'';
                height:1px;
                margin:15px 0 0 0;
                display:none;
            }

            /* top : flag + title */

            .homeMap-membersInfoItemTop{
                width:1228px;
                text-align:center;
                font-size:0;
                line-height:0;
                padding:38px 0 0 0;
                position:relative;
            }

                /* drop down icon for reponsive */

                .homeMap-membersInfoItemTop::after{
                    content:'';
                    position:absolute; top:50%; right:0;
                    transform:translateY(-50%);
                    width:0;
                    height:0;
                    border-style: solid;
                    border-width:7px 5px 0 5px;
                    border-color:#f46767 transparent transparent transparent;
                    display:none;
                    transition:all 0.2s ease-in;
                }

                .homeMap-membersInfoItemTop.homeMap-membersInfoOpen::after{
                    transform:rotate(180deg);
                }

                /* flag */

                .homeMap-membersInfoItemFlag{
                    line-height:0;
                    display:inline-block;
                    width:218px;
                    padding:0 30px 0 0;
                    text-align:center;
                    vertical-align:middle;
                }

                    .homeMap-membersInfoItemFlag img{
                        width:65px;
                        height:65px;
                        border-radius:50%;
                    }

                /* title */

                .homeMap-membersInfoItemTextTitle{
                    display:inline-block;
                    width:696px;
                    vertical-align:middle;
                    text-align:left;
                    font:bold 19px / 22px 'Intercolor HN Bold', sans-serif;
                    color:#000;
                }

                    .homeMap-membersInfoItemTextTitle span{
                        opacity:.4;
                        word-spacing:4px;
                        padding:0 0 0 4px;
                        white-space:nowrap;
                    }

            /* bottom : logo + text */

            .homeMap-membersInfoItemBottom{
                width:1228px;
                text-align:center;
                font-size:0;
                line-height:0;
                padding:30px 0 0 0;
            }

                /* logo (max 303 x 57 ?)*/

                .homeMap-membersInfoItemLogo{
                    padding:30px 30px 0 0;
                    line-height:0;
                    display:inline-block;
                    width:218px;
                    vertical-align:top;
                    text-align:center;
                }

                    .homeMap-membersInfoItemLogo img{
                        max-width:100%;
                    }

                /* text */

                .homeMap-membersInfoItemTextText{
                    display:inline-block;
                    width:696px;
                    vertical-align:top;
                    text-align:left;
                    font:normal 16px / 19px 'Intercolor HN', sans-serif;
                    color:#000;
                }

                    .homeMap-membersInfoItemTextText p{
                        padding:0 0 19px 0;
                    }

                    .homeMap-membersInfoItemTextLink{
                        font-family:'Intercolor HN Bold', sans-serif;
                        font-weight:bold;
                        color:#f46767;
                        text-decoration:underline;
                    }

                    a.homeMap-membersInfoItemTextLink:hover{
                        color:#faa766;
                    }

@media all and (max-width: 1247px){
    .homeMap-map{width:334px; height:334px; margin:0 11px 0 0;}
    .homeMap-flags{width:1024px;}
        .homeMap-flagListItem{width:159px;}
    .homeMap-membersInfoListContainer{width:1024px;}
            .homeMap-membersInfoItem--selected{width:1024px;}
                .homeMap-membersInfoItemTop,
                .homeMap-membersInfoItemBottom{width:1024px;}
}

@media all and (max-width: 1044px){}
@media all and (max-width: 1023px){
    .homeMap-mapContainer{display:none;}
    .homeMap-flags{display:none;}
        .homeMap-membersInfoListContainer{width:auto; margin:0 15px; background:none;}
                .homeMap-membersInfoItem,
                .homeMap-membersInfoItem--selected{max-height:none; width:auto; display:block; text-align:left; margin:0 0 15px 0;}
                    .homeMap-membersInfoItem::after{display:block;}
                    .homeMap-membersInfoItemTop{width:auto; text-align:left; padding:0 20px 0 0; }
                        .homeMap-membersInfoItemTop::after{display:block;}
                        .homeMap-membersInfoItemFlag{width:40px; padding:0 20px 0 0;}
                            .homeMap-membersInfoItemFlag img{width:100%; height:auto;}
                        .homeMap-membersInfoItemTextTitle{font-size:15px; line-height:18px; width:calc(100% - 60px);}
                    .homeMap-membersInfoItemBottom{display:none; width:auto; padding:15px 0 0 0;}
                        .homeMap-membersInfoItemLogo{padding:0 0 10px 0; width:auto;}
                        .homeMap-membersInfoItemTextText{width:auto;}
}