.redbg{
    background: #f82d3f;
    color:white;
}
.hottable th{
    font-size: 18px;
    height: 64px;
    text-align: center;
}

div#hot-table_length {
    display: none;
}

div#hot-table_filter {
    display: none;
}

div#hot-table_info {
    display: none;
}

div#hot-table_paginate {
    display: none;
}


.hottable tr td:nth-child(1) {
    text-align: left;
    min-width: 185px;
    border-right: #c1c1c1 1px solid;
    border-top: #c1c1c1 1px solid;
}

.hottable tr td:nth-child(2),.hottable tr td:nth-child(3) {
    text-align: justify;
    border-right: #c1c1c1 1px solid;
    border-top: #c1c1c1 1px solid;
}

.hottable tr td:nth-child(4)
{
    border-top: #c1c1c1 1px solid;
}
.hottable thead th:nth-child(1),.hottable thead th:nth-child(2), .hottable thead th:nth-child(3){
    border-right: #c1c1c1 1px solid;
}

.download span {
    width: calc(50% - 25px);
    float: left;
    text-align: left;
    padding-left: 25px;
}


.tab-module ul.nav.nav-tabs {
    display: table;
    width: 100%;
}
.tab-module ul.nav.nav-tabs li {
    display: table-cell;
}
.tab-module ul.nav.nav-tabs li a {
    font-size: 18px;
    display: table-cell;
    height: 64px;
    width: 500px;
    vertical-align: middle;
    border-right: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}
.tab-module .tab-content {
    padding: 30px;
    float: left;
    width: 100%;
}

.tab-module .nav-tabs>li.active>a {
    color: white;
    border: 0px;
    background: none;
}
.tab-module ul.nav.nav-tabs li.active {
    background: #f82d3f;
}
.tab-text{
    text-align: justify;
}
.box-white {
    background: white;
    border: #bababa 2px solid;
    width: 100%;
    float: left;
}

a.hotspot {
    width: 20%;
    float: left;
    text-decoration: none;
    margin-bottom: 15px;
    padding-top: 5px;
}
.hotspot-secondrow a.hotspot {
    width: 33.335%;
}

a.hotspot img {
    max-width: 150px;
    width: 100%;
    margin-bottom: 5px;
}
a.hotspot h3 {
    font-size: 18px;
}
.hotspot-firstrow {
    clear: both;
    width: 100%;
    float: left;
}
.hotspot-secondrow {
    width: 60%;
    margin-left: 40%;
    float: left;
}
.hotspot-secondrowParent {
    position: relative;
    float: left;
    width: 100%;
}

.hotspot-title {
    background: #f82d3f;
    width: 38%;
    float: left;
    height: 100%;
    position: absolute;
    top: 0px;
}
.hotspot-title h2, .hotspot-mobileTitle h5 {
    color: #ffffff;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translate(0,-50%);
    font-weight: normal;
}
a.hotspot:hover {
    background: #f82d3f;
    color: white;
}
.hotspot-mobileTitle h5 {
    left: 0px;
    width: 100%;
    top: 35%;
}
.hotspot-mobileTitle{
    display: none;
}
.hcontent span {
    background: url(https://fosroc.com/public/_resources/themes/fosroc/assets/img/column-module/file-pdf-regular.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 0% 0%;
}
.bottom-bg-black {
    background: #6c7073;
    position: absolute;
    bottom: 0px;
    height: 35px;
    width: 100%;
    left: 0px;
}
.cord {
    display: none !important;
}
.social-share-box {
    display: none !important;
}

.hottable tr td {
    vertical-align: top;
}

@media screen and (max-width: 540px){
    .hotspot-mobileTitle {
        display: block;
        background: #f82d3f;
        width: 31%;
        margin-right: 2.335%;
        float: left;
        height: 45%;
        position: absolute;
        top: 0px;
    }
    .hotspot-mobileTitle h5{
        font-size: 10px;
    }
    .hotspot-title {
        display: none;
    }
    .hotspot-secondrow {
        width: 100%;
        margin-left: 0px;
    }
    a.hotspot {
        width: 28.335%;
        min-height: 160px;
        margin-left: 4%;
    }
    a.hotspot h3 {
        font-size: 18px;
    }
    .hotspot-secondrow a.hotspot{
        width: 28.335%;
    }
    .hotspot-firstrow {
        position: relative;
    }
    .hotspot-firstrow .hotspot:nth-child(2) {
        margin-left: 33% !important;
    }
}