/* videos main */
div.home-main div.block.alpha i.fa.fa-youtube-play, a i.fa.fa-youtube-play {
    font-size: 30pt;
}

div.videos {
    margin: 20px 0px;
}

div.video-block {
    margin: 10px 0px;
}

div.video-block div.icon-block {
    display: inline;
    float: left;

    margin-right: 10px;
}

div.video-block div.description-block {
    padding: 5px;
    display: inline;
    float: left;

    color: hsl(0, 50%, 95%);
    font-size: 11.5pt;
}

/* /videos main */




/* mobile */
div.video-block div.description-block {
    /*
    max-width: 700px;    */
}

/* mobile */

@media only screen and (max-width: 500px)
{
    div.video-block div.description-block {
        
    }
}



div.video-block div.description-block a {
    color: hsl(0, 50%, 95%);
    font-size: 11.5pt;
    line-height:1.5em;
}

div.video-block div.description-block a:hover {
    color: hsl(0, 50%, 95%);

}

div.video-block div.description-block div.sample-time {
    margin: 1em 1.5em;
    margin-right: 0em;
}









/* ----------- alpha block --------------- */

    /* mobile */

    /* /mobile */

            div.home-main div.block.alpha
            {
                margin-top: 0.5em;
                margin-left: 0.5em;
                max-width: 21em;
                
            }




        /* desktop */
        
        @media only screen and (min-width: 500px)
        {
            div.home-alpha-inner-container {

                padding-top: 1em; /* spacing for g4a block */

                min-height: 1000px;
            }

            div.home-main div.block.alpha h2 {
                font-size: 20pt;
                line-height: 1.5;
            }

            div.home-main div.block.alpha
            {
                margin-top: 0.5em;
                margin-left: 0.5em;
                max-width: 50em;    /*------change here for block size  --------------------*/
                
            }

            div.home-main div.block.alpha p {
                /*
                font-size: 1em;
                */
                font-size: 12.5pt;
                font-size: 13pt;
                
            }





        }
        
        /* desktop */


/* ----------- /alpha block --------------- */








span.country {
    color: hsl(180, 50%, 50%);
}

span.percent {
    color: hsl(0, 40%, 50%);
    color: hsl(0, 0%, 80%);
    font-weight:bold;
    font-size: 13pt;
}


div.block.alpha span.percent.philippines {
    /*
    font-size: 20pt;
    */
}

span.percent.india {

}

span.percent.malaysia {

}

span.percent.china {

}

span.percent.indonesia {

}

span.percent.brazil {

}

span.percent.vietnam {

}

span.percent.bangladesh {

}

span.percent.thailand {

}











div.block.alpha strong {
    color: hsl(0, 0%, 90%);
    font-weight:normal;
}


        i.fa.fa-youtube-play, a i.fa.fa-youtube-play {
            padding-top: 0.1em;
            
            color: red;
            padding-right: 0.5em;
            font-size: 1.5em;
            
            display: inline-block;
            /*
            border: 1px solid black;
            */  
            vertical-align: top;
            
        }

div.home-alpha-container {
    background-image: url(/images/backgrounds/nature/u-ke-ch-Ko.jpg);
}


section.company h3 {
    font-size: 22pt;
}

section.company a {
    color: hsl(202, 80%, 50%);
}

section.company a:hover {
    color: hsl(202, 80%, 66%);
}

/* Interceptors */

div.interceptors {
    margin-top: 1.5em;
    margin-bottom: 2em;
}

div.interceptor {
    margin-top: 0.5em;
    margin-bottom: 0.8em;
}

div.interceptor div.location {
    font-weight: bold;
    font-size: 14pt;
}

div.interceptor div.name {
    color: hsl(205, 60%, 50%);
    margin-top: 0.5em;
    padding-left: 1em;
    font-size: 13pt;
}

div.interceptor div.interceptor-type {
    margin-top: 0.2em;
    padding-left: 1em;
    font-size: 13pt;
}

div.interceptor div.interceptor-type em {
    font-style: normal;
    color: hsl(110, 50%, 50%);
}

div.interceptor div.interceptor-type.barricade em {
    font-style: normal;
    color: hsl(10, 20%, 50%);
}


div.interceptor div.since {
    margin-top: 0.2em;
    padding-left: 1em;
    font-size: 13pt;
}

/* Interceptors */


div.social-links a {
    color: hsl(200, 50%, 50%);
    color: hsl(205, 100%, 40%);
}

div.social-links a:hover {
    color: hsl(205, 100%, 50%);
}