@import url('https://fonts.googleapis.com/css2?family=Lato&family=Overpass&display=swap&family=Palanquin+Dark:wght@700&display=swap&family=Oswald:wght@700&display=swap&family=Lato&display=swap');
 

body {
    font-family: 'Overpass', sans-serif;
}
.container {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.maintitle {
    background-color: rgba(169, 33, 42, 1);
    color: #fff;
    text-align: center;padding:16px 0 10px 0 ;
}



.sliderimages {
    color: #fff;
    text-align: center;
    padding: 0 0 0 0;
}


.carousel-item {
    width: 100%;
    height: 988px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    
}

.content {
    background-color: #000;
    height: 100%;
    color: #fff;
    text-align: center;
    padding: 100px 0 100px 0 !important;
    position: relative; 
}

.footer {
    background-color: #a9212a;height:130px;padding:50px 0;text-align:left!important;
    
    border-top: 1px solid #fff;
    font-size:13px; color:#fff
}
.footerright {
    text-align: right!important;
}


.footer a {
    color: #ffc91b
}

    .footer a:hover {
        color: #fff
    }
   

    .maintitle h1 {
        font-family: 'Overpass', sans-serif;
        font-size: 23px !important;
        padding: 0 !important;
        margin: 0 !important;
        letter-spacing: 6px;
        line-height: 1.6em
    }
.bg-light {
    background-color: #fff !important;padding:15px
     
}

.dropdown .dropdown-menu {
    display: block;
    opacity: 0; 
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

.dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1;
}

.navbar {
    font-family: 'Lato', sans-serif;
}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
    color: #e01a4f;
    
}

.nav-link:hover {
    color: #e01a4f !important
}

.navbar-light .navbar-nav .nav-link {
    color: #000;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #000;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

    .dropdown-item:hover, .dropdown-item:focus {
        color: #e01a4f;
        text-decoration: none;
        background-color: transparent
    }

    .dropdown-item.active, .dropdown-item:active {
        color: #e01a4f;
        text-decoration: none;
        background-color: transparent
    }

    .dropdown-item.disabled, .dropdown-item:disabled {
        color: #e01a4f;
        pointer-events: none;
        background-color: transparent
    }

.dropdown-menu.show {
    display: block;
    background-color: #eaeaea
}


.navbar-collapse {
    flex-basis: 100%;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    align-items: center;
}

.socialface {
    color: #666666!important;text-align:center; 
}

    .socialface h4 {
        font-size: 16px !important; padding:20px;margin:0
    }




.w3-container{margin:auto;width:1110px;  text-align:left!important; height:988px!important; padding:500px 0 0 10px!important; }
.w3-containerblk{margin:auto;   text-align:left!important; height:400px!important; padding:30px 0 0 10px!important; }

.w3-container h2, .w3-containerblk h2 {
    color: #ffc91b;
    font-size: 100px;
    font-weight: 700 !important;
    font-family: Palanquin Dark, sans-serif !important;
    text-shadow: rgb(35, 31, 32) 5px 5px 5px;
    letter-spacing: -1.5px !important;
    line-height: 50px !important
}

.w3-container h1, .w3-containerblk h1 {
    color: #fff;
    font-size: 130px;
    font-weight: 700 !important;
    font-family: 'Oswald', sans-serif !important;
    text-shadow: rgb(35, 31, 32) 5px 5px 5px;
    letter-spacing: -1.5px !important;
}

.w3-container h3, .w3-containerblk h3 {
    color: #fff;
    font-size: 26px;
    font-weight: 700 !important;
    font-family: 'Oswald', sans-serif !important;
    text-shadow: rgb(35, 31, 32) 5px 5px 5px;
    letter-spacing: 2.5px !important;
    line-height: 10px !important;
    margin-left: 10px !important
}


.spdimg{background-position:-50px!important}
.emimg{background-position:center!important}


.sliderbtn {
    margin-top: 30px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Overpass, sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 0px;
    color: rgba(255, 255, 255, 1);
    border: 2px solid rgba(169, 33, 42, 0);
    border-radius: 2px;
    background-color: rgba(169, 33, 42, 1);
    background-image: none;
    padding: 14px 42px 14px 42px;
    flex-flow: row-reverse nowrap;
    opacity: 1;
    transition: 0.3s;
}

    .sliderbtn:hover {
        background-color: #fff;
        color: rgba(169, 33, 42, 1);
        opacity: 0.9
    }


.generalbtn {
    margin:50px auto!important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Overpass, sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 0px;
    color: rgba(255, 255, 255, 1);
    border: 2px solid #fff;
    border-radius: 2px;
    background-color: rgba(169, 33, 42, 1);
    background-image: none;
    padding: 14px 42px 14px 42px;
    flex-flow: row-reverse nowrap;
    opacity: 1;
    transition: 0.3s;
}

    .generalbtn:hover {
        background-color: #fff;
        color: rgba(169, 33, 42, 1);
        opacity: 0.9 color: rgba(255, 255, 255, 1);
        border: 2px solid rgba(169, 33, 42, 1);
        border-radius: 2px;
    }

a:hover, a:visited, a:link, a:active {
    text-decoration: none!important;
}



.brandbox-spd {
    height: 623px;
    text-align: center;
    background-image: url('../../../../../images/publicsafetyheroesjobslibraries/site-assets/spd_logobgad8e0d68-a828-4420-a224-d1d5e0553850.png');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 48%;
}




.brandbox-fire {
    height: 623px;
    background-image: url('../../../../../images/publicsafetyheroesjobslibraries/site-assets/firerescue_logobgc96d4c2e-9961-42c0-8a1f-19436e410b26.png');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 48%;
}

.brandbox-em {
    height: 623px;
    background-image: url('../../../../../images/publicsafetyheroesjobslibraries/site-assets/Seminole_Emergency_Managementbg8ab947ee-c70c-4166-9116-698f59cf7671b449.png?Status=Master&sfvrsn=abe22f2f_6/Seminole_Emergency_Managementbg8ab947ee-c70c-4166-9116-698f59cf7671.png');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 48%;
}


.brandboxtitle {
    background-color: rgba(169, 33, 42, 1);color:#fff;padding:20px 0;  height:70px;margin:15px 0; font-weight:600;font-size:20px; text-align:center;
}

.brandboxtitleem {
    background-color: rgba(169, 33, 42, 1);
    color: #fff;
    padding: 12px 0;
    height: 70px;
    margin: 15px 0;
    font-weight: 600;
    font-size: 20px;
    text-align: center;line-height:24px
}

.linefix {
    padding: 7px 0;
}

.frontbox p {
    color: #666666;
    font-size: 16px;
    line-height: 28px;
   
}
.frontbox h2 {color: #a9212a;font-weight: 600 !important}

h2 { font-family: 'Overpass', sans-serif;}

.spdbg {
    height: 600px;
    background-size: cover;
    background-position: 35% 58%;
}

.firebg {
    height: 600px !important;
    background-size: cover;
    background-position: 35% 35%;
}


.embg {
    height: 600px !important;
    background-size: cover;
    background-position: 35% 65%;
}

.psdbg {
    height: 600px !important;
    background-size: cover;
    background-position: 35% 15%;
}


.listpd {
    width: 50%;
    margin: auto;
    list-style: none;
    text-align: left;
    padding: 180px 0px;
    font-size: 32px;
    font-weight: 600;
    text-shadow: rgb(35, 31, 32) 5px 5px 5px;
}

.brandboxtitle {
    background-color: rgba(169, 33, 42, 1);
    color: #fff;
    padding: 20px 0;
    height: 70px;
    margin: 15px 0;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    
}

.boxpagestitle {
    background-color: rgba(169, 33, 42, 1);
    color: #fff;
    padding: 20px 0;
    height: 70px;
    margin: 30px 0 0 0;
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    word-spacing: 4px;
}

.boxpages {
    padding: 50px;
    text-align: left;
    background-color: #fff;
    color: #231f20;
    font-size: 16px;
    line-height: 2em !important;
    font-family: 'Lato', sans-serif; position:relative
}



.joblist{text-align:left;background-color:#fff; color:#000; padding:40px}

.sf-list-expand{display:none}

.sf-list-item{ }

.itemlistview {
    background-color: #F6F6F6;padding:10px;margin:5px 
}
.itemlistview a{color: #007bff;}
.itemlistview a:hover{color: #000;}

.sf-list-item h3{font-size:20px!important; font-weight:600!important;padding:5px;margin-top:30px }

.applynowbtn {
    margin: 20px 0!important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Overpass, sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 0px;
    color: rgba(255, 255, 255, 1);
    border: 2px solid #fff;
    border-radius: 2px;
    background-color: rgba(169, 33, 42, 1);
    background-image: none;
    padding: 14px 42px 14px 42px;
    flex-flow: row-reverse nowrap;
    opacity: 1;
    transition: 0.3s;
}

.applynowbtn:hover {
    background-color: #fff;
    color: rgba(169, 33, 42, 1);
    opacity: 0.9 color: rgba(255, 255, 255, 1);
    border: 2px solid rgba(169, 33, 42, 1);
    border-radius: 2px;
}



@media (max-width: 600px) {
    .carousel-item {
        height: 400px !important;
    }

    .w3-container {
        margin: auto;
        width: 1110px;
        text-align: left !important;
        height: 988px !important;
        padding: 130px 0 0 20px !important
    }


        .w3-container h2 {
            color: #ffc91b;
            font-size: 50px;
            font-weight: 700 !important;
            font-family: Palanquin Dark, sans-serif !important;
            text-shadow: rgb(35, 31, 32) 5px 5px 5px;
            letter-spacing: -1.5px !important;
            line-height: 10px !important
        }

        .w3-container h1 {
            color: #fff;
            font-size: 70px;
            font-weight: 700 !important;
            font-family: 'Oswald', sans-serif !important;
            text-shadow: rgb(35, 31, 32) 5px 5px 5px;
            letter-spacing: -1.5px !important;
        }

        .w3-container h3 {
            color: #fff;
            font-size: 18px;
            font-weight: 700 !important;
            font-family: 'Oswald', sans-serif !important;
            text-shadow: rgb(35, 31, 32) 5px 5px 5px;
            letter-spacing: 2.5px !important;
            line-height: 5px !important;
            margin-left: 4px !important
        }

    .w3-containerblk {
        margin: auto;
        width: 1110px;
        text-align: left !important;
        height: 180px !important;
        padding: 30px 0 0 20px !important
    }


        .w3-containerblk h2 {
            color: #ffc91b;
            font-size: 50px;
            font-weight: 700 !important;
            font-family: Palanquin Dark, sans-serif !important;
            text-shadow: rgb(35, 31, 32) 5px 5px 5px;
            letter-spacing: -1.5px !important;
            line-height: 10px !important
        }

    .w3-containerblk h1 {
        color: #fff;
        font-size: 70px;
        font-weight: 700 !important;
        font-family: 'Oswald', sans-serif !important;
        text-shadow: rgb(35, 31, 32) 5px 5px 5px;
        letter-spacing: -1.5px !important;
    }

    .w3-containerblk h3 {
        color: #fff;
        font-size: 18px;
        font-weight: 700 !important;
        font-family: 'Oswald', sans-serif !important;
        text-shadow: rgb(35, 31, 32) 5px 5px 5px;
        letter-spacing: 2.5px !important;
        line-height: 5px !important;
        margin-left: 4px !important
    }

    .boxpagestitle {
        background-color: rgba(169, 33, 42, 1);
        color: #fff;
        padding: 13px 0;
        height: 70px;
        margin: 20px 0 0 0;
        font-weight: 600;
        font-size: 18px;
        text-align: center;
        word-spacing: 4px;
    }

    .d-flex {
        display: block   !important;
    }

    .mobilehide {
        display: none !important
    }

    .content {
         
        padding: 30px 0 10px 0 !important;
    }

    .linefix{padding:20px 0;}

    .footer {
        text-align: center !important;
        height: 130px;
        padding: 20px 0;
    }
    .footerright {text-align: center !important;
    }

    .brandbox-spd {
       margin: 40px 0 0 0!important
    }

    .brandboxtitleem {
        
        padding: 20px 0;
        
    }

    .listpd {
         width:100%;
        margin: auto;
        list-style: none;
        text-align: left;
        padding: 120px 30px;
        font-size: 32px;
        font-weight: 600;
        text-shadow: rgb(35, 31, 32) 5px 5px 5px;
    }
    .spdbg {
        height: 600px;
        background-size: cover;
        background-position: 70% 28%;
    }


    .frontbox h2 {
        color: #a9212a;text-align:center!important;
        font-weight: 600 !important
    }
}