#emoji-covid19 {
    text-align: center;
    font-size: 64px;
}

body {
    font-family: "Open Sans", sans-serif;
}

#header {
    padding-top: 50px;
    padding-bottom: 20px;
}

h1,
h2 {
    font-family: "Open Sans Condensed", sans-serif;
}

table {
    font-size: 0.825em;
}

table th[scope="col"] {
    font-weight: 700;
}

@media screen and (min-width: 992px) {
    .container {
        max-width: 66.7%;
    }
}

hr {
    border: 0;
    border-bottom: 1px;
    border-style: solid;
    border-color: rgb(39, 37, 37);
}

#made-text {
    font-size: 0.825em;
    color: #8e8d8d;
}

.description {
    font-weight: bold;
    color: #1A202C;
}

.provider {
    color: #535b69
}

/* small {
    color: #8aaa8d;
} */
.d-sm-block {
    color:#ff8c00;
    float:right;
}

.d-sm-block-Indeed {
    color:#2164F3;
    float:right;
}

.d-sm-block-Linkedin {
    color:#0072b1;
    float:right;
}

.d-sm-block-Glassdoor {
    color:#6FDA44;
    float:right;
}

.d-sm-block-2 {
    float:right;
}
#job_title, #new_feature{
    display:block;
}

.new {
    color: #8C6D1F;
    background-color: #FAE29F;
}

.updated {
    color: #1B655E;
    background-color: #A8EEEB;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #3183C8;
}

a {
    color: #3183C8;
}

.alert-warning {
    border-radius: 0;
    border-left: 4px solid;
    border-right: none;
    border-bottom: none;
    border-top: none;
    border-color: #CAA53D;
    background-color: #FFFCF4;
}

.inner_main_menu {margin: 0 auto; width: 1170px;}    
.inner_main_menu ul{margin: 0; padding: 80px 0 0; list-style: none;text-align: right;}    
.inner_main_menu ul li{float: none; display: inline-block;position: relative}    
.inner_main_menu ul li:nth-child(1){float: left;}    
.inner_main_menu ul li:nth-child(2){float: left;}    
.inner_main_menu ul li:nth-child(3){float: left;}    
.inner_main_menu ul li a{color: #262626; font-size: 20px; text-transform: uppercase;text-decoration: none; display: block;padding: 10px 20px;}    
.inner_main_menu ul li a:hover{color: #6FDA44}  
.inner_main_menu ul li ul{position: absolute; top: 40px; left: -9999999px; width: 200px;background: #262626; padding: 0;}  
.inner_main_menu ul li:hover ul{left: 0px;}   
.inner_main_menu ul li ul li{float: left;width: 100%;text-align: left;}  
.inner_main_menu ul li ul li a{color: rgb(8, 8, 8);text-transform: capitalize; font-size: 15px;}  
.inner_main_menu ul li ul li a:hover{background: #ddd; color: #262626;}  
.inner_main_menu ul li ul li ul{top: 0; left: -999999px;}  
.inner_main_menu ul li:hover ul li ul{top: 0; left: -999999px;}  
.inner_main_menu ul li ul li:hover ul{top: 0; left: 200px;}  
.inner_main_menu ul li:hover a{color: #6FDA44}  
.inner_main_menu ul li:hover ul li a{color: #ffffff}  
.inner_main_menu ul li ul li a:hover{color: #262626}  
.inner_main_menu ul li ul li:hover a{background: #ddd; color: #262626;}  
.inner_main_menu ul li ul li:hover ul li a{background: #262626; color: #fff;}  
.inner_main_menu ul li ul li ul li a:hover{background: #ddd; color: #262626;}  
.slicknav_menu {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 16px;
    padding: 5px;
    display: none;    
    position: fixed;
    right: 0;
    width: 100%;
    z-index: 99999;
}
ul.slicknav_nav {
    background: #262626 none repeat scroll 0 0;
    left: 0;
    position: absolute;
    top: 0;
    width: 80%;
}
.slicknav_btn {top: 35px;}
.circular--square {border-radius: 50%;}
#main_menu{width: 100%; position: relative;}
.logo_area{width: 300px; height: 300px; position: absolute; left: 50%; top: 0; content: ""; margin-left:-150px; text-align: center; }
@media only screen and (min-width: 200px) and (max-width: 767px) { 
    .slicknav_menu{display: block;}
    .inner_main_menu{display: none;}
    .logo_area {height: auto;left: 0;margin-left: 0;position: relative;top: 0;width: 130px;}
    .logo_area img{height: auto;width: 100%;}
}

.sidebar {
    z-index: 100000;
    right: 0;
    position: absolute;
    top: 28%;
    padding: 0 12px 0 0;
    border-radius: 20px 0 0 20px;
}
.sidebar > div {
    cursor: pointer;
    text-align: center;
}
.sidebar > div .code {
    display: none;
    position: absolute;
    z-index: 9;
    top: 0.1%;
    right: 75px;
    border-radius: 8px;
    box-shadow: 0 6px 12px 0 rgba(106, 115, 133, 0.22);
    background-color: #ffffff;
}
.sidebar > div .code:after {
    position: absolute;
    top: 33%;
    left: 100%;
    content: '';
    transform: translateY(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #ffffff;
}
.sidebar-wechat:hover .code {
    display: block;
}

.sidebar-long {
    z-index: 100000;
    right: 0;
    position: absolute;
    top: 28%;
    padding: 0 12px 0 0;
    border-radius: 20px 0 0 20px;
}
.sidebar-long > div {
    cursor: pointer;
    text-align: center;
}
.sidebar-long > div .code {
    display: none;
    position: absolute;
    z-index: 9;
    top: 2%;
    right: 75px;
    border-radius: 8px;
    box-shadow: 0 6px 12px 0 rgba(106, 115, 133, 0.22);
    background-color: #ffffff;
}
.sidebar-long > div .code:after {
    position: absolute;
    top: 2%;
    left: 100%;
    content: '';
    transform: translateY(-50%);
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent #ffffff;
}

/* Tiles */

.tiles {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    margin: -2.5em 0 0 -2.5em;
}

    .tiles article {
        -moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
        -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
        -ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
        transition: transform 0.5s ease, opacity 0.5s ease;
        position: relative;
        width: calc(33.33333% - 2.5em);
        margin: 2.5em 0 0 2.5em;
    }

        .tiles article > .image {
            -moz-transition: -moz-transform 0.5s ease;
            -webkit-transition: -webkit-transform 0.5s ease;
            -ms-transition: -ms-transform 0.5s ease;
            transition: transform 0.5s ease;
            position: relative;
            display: block;
            width: 100%;
            border-radius: 4px;
            overflow: hidden;
        }

            .tiles article > .image img {
                display: block;
                width: 100%;
            }

            .tiles article > .image:before {
                pointer-events: none;
                -moz-transition: background-color 0.5s ease, opacity 0.5s ease;
                -webkit-transition: background-color 0.5s ease, opacity 0.5s ease;
                -ms-transition: background-color 0.5s ease, opacity 0.5s ease;
                transition: background-color 0.5s ease, opacity 0.5s ease;
                content: '';
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                opacity: 1.0;
                z-index: 1;
                opacity: 0.8;
            }

            .tiles article > .image:after {
                pointer-events: none;
                -moz-transition: opacity 0.5s ease;
                -webkit-transition: opacity 0.5s ease;
                -ms-transition: opacity 0.5s ease;
                transition: opacity 0.5s ease;
                content: '';
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cstyle%3Eline %7B stroke-width: 0.25px%3B stroke: %23ffffff%3B %7D%3C/style%3E%3Cline x1='0' y1='0' x2='100' y2='100' /%3E%3Cline x1='100' y1='0' x2='0' y2='100' /%3E%3C/svg%3E");
                background-position: center;
                background-repeat: no-repeat;
                background-size: 100% 100%;
                opacity: 0.25;
                z-index: 2;
            }

        .tiles article > a {
            display: -moz-flex;
            display: -webkit-flex;
            display: -ms-flex;
            display: flex;
            -moz-flex-direction: column;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            -moz-align-items: center;
            -webkit-align-items: center;
            -ms-align-items: center;
            align-items: center;
            -moz-justify-content: center;
            -webkit-justify-content: center;
            -ms-justify-content: center;
            justify-content: center;
            -moz-transition: background-color 0.5s ease, -moz-transform 0.5s ease;
            -webkit-transition: background-color 0.5s ease, -webkit-transform 0.5s ease;
            -ms-transition: background-color 0.5s ease, -ms-transform 0.5s ease;
            transition: background-color 0.5s ease, transform 0.5s ease;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            padding: 1em;
            border-radius: 4px;
            border-bottom: 0;
            color: #ffffff;
            text-align: center;
            text-decoration: none;
            z-index: 3;
        }

            .tiles article > a > :last-child {
                margin: 0;
            }

            .tiles article > a:hover {
                color: #ffffff !important;
            }

            .tiles article > a h2 {
                margin: 0;
            }

            .tiles article > a .content {
                -moz-transition: max-height 0.5s ease, opacity 0.5s ease;
                -webkit-transition: max-height 0.5s ease, opacity 0.5s ease;
                -ms-transition: max-height 0.5s ease, opacity 0.5s ease;
                transition: max-height 0.5s ease, opacity 0.5s ease;
                width: 100%;
                max-height: 0;
                line-height: 1.5;
                margin-top: 0.35em;
                opacity: 0;
            }

                .tiles article > a .content > :last-child {
                    margin-bottom: 0;
                }

        .tiles article.style1 > .image:before {
            background-color: #f2849e;
        }

        .tiles article.style2 > .image:before {
            background-color: #7ecaf6;
        }

        .tiles article.style3 > .image:before {
            background-color: #7bd0c1;
        }

        .tiles article.style4 > .image:before {
            background-color: #c75b9b;
        }

        .tiles article.style5 > .image:before {
            background-color: #ae85ca;
        }

        .tiles article.style6 > .image:before {
            background-color: #8499e7;
        }

        body:not(.is-touch) .tiles article:hover > .image {
            -moz-transform: scale(1.1);
            -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
            transform: scale(1.1);
        }

            body:not(.is-touch) .tiles article:hover > .image:before {
                background-color: #333333;
                opacity: 0.35;
            }

            body:not(.is-touch) .tiles article:hover > .image:after {
                opacity: 0;
            }

        body:not(.is-touch) .tiles article:hover .content {
            max-height: 15em;
            opacity: 1;
        }

    * + .tiles {
        margin-top: 2em;
    }

    body.is-preload .tiles article {
        -moz-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        opacity: 0;
    }

    body.is-touch .tiles article .content {
        max-height: 15em;
        opacity: 1;
    }

    @media screen and (max-width: 1280px) {

        .tiles {
            margin: -1.25em 0 0 -1.25em;
        }

            .tiles article {
                width: calc(33.33333% - 1.25em);
                margin: 1.25em 0 0 1.25em;
            }

    }

    @media screen and (max-width: 980px) {

        .tiles {
            margin: -2.5em 0 0 -2.5em;
        }

            .tiles article {
                width: calc(50% - 2.5em);
                margin: 2.5em 0 0 2.5em;
            }

    }

    @media screen and (max-width: 736px) {

        .tiles {
            margin: -1.25em 0 0 -1.25em;
        }

            .tiles article {
                width: calc(50% - 1.25em);
                margin: 1.25em 0 0 1.25em;
            }

                .tiles article:hover > .image {
                    -moz-transform: scale(1.0);
                    -webkit-transform: scale(1.0);
                    -ms-transform: scale(1.0);
                    transform: scale(1.0);
                }

    }

    @media screen and (max-width: 480px) {

        .tiles {
            margin: 0;
        }

            .tiles article {
                width: 100%;
                margin: 1.25em 0 0 0;
            }

    }

    #button {
        display: inline-block;
        background-color: #E27;
        width: 50px;
        height: 50px;
        text-align: center;
        border-radius: 4px;
        position: fixed;
        bottom: 30px;
        right: 30px;
        transition: background-color .3s, 
          opacity .5s, visibility .5s;
        opacity: 0;
        visibility: hidden;
        z-index: 1000;
      }
      #button::after {
        content: "\f077";
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        font-size: 2em;
        line-height: 50px;
        color: #fff;
      }
      #button:hover {
        cursor: pointer;
        background-color: #333;
      }
      #button:active {
        background-color: #555;
      }
      #button.show {
        opacity: 1;
        visibility: visible;
      }
      
      /* Styles for the content section */
      
      .content {
        width: 77%;
        margin: 50px auto;
        font-family: 'Merriweather', serif;
        font-size: 17px;
        color: #6c767a;
        line-height: 1.9;
      }
      @media (min-width: 500px) {
        .content {
          width: 43%;
        }
        #button {
          margin: 30px;
        }
      }
      .content h1 {
        margin-bottom: -10px;
        color: #03a9f4;
        line-height: 1.5;
      }
      .content h3 {
        font-style: italic;
        color: #96a2a7;
      }