@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=1cc5c854-993e-4101-8803-669b7f28b7c1");
/* @font-face {
  font-family: "PT Sans-Light";
  src: url("../fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix");
  src: url("../fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix") format("eot"), url("../fonts/5a13f7d1-b615-418e-bc3a-525001b9a671.woff2") format("woff2"), url("../fonts/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff") format("woff"), url("../fonts/688ab72b-4deb-4e15-a088-89166978d469.ttf") format("truetype"), url("../fonts/7816f72f-f47e-4715-8cd7-960e3723846a.svg#7816f72f-f47e-4715-8cd7-960e3723846a") format("svg");
}
@font-face {
  font-family: "PT Sans-Roman";
  src: url("../fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix");
  src: url("../fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("eot"), url("../fonts/b0868b4c-234e-47d3-bc59-41ab9de3c0db.woff2") format("woff2"), url("../fonts/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"), url("../fonts/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"), url("../fonts/da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg");
}
@font-face {
  font-family: "PT Sans-Bold";
  src: url("../fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix");
  src: url("../fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix") format("eot"), url("../fonts/3b303641-706e-4221-94c4-4fb491f4f8ef.woff2") format("woff2"), url("../fonts/14ff6081-326d-4dae-b778-d7afa66166fc.woff") format("woff"), url("../fonts/8fda1e47-19be-46c7-8d83-8d4fb35572f0.ttf") format("truetype"), url("../fonts/f751c8ae-1057-46d9-8d74-62592e002568.svg#f751c8ae-1057-46d9-8d74-62592e002568") format("svg");
} */

#insurance_page_content, #insurance_page_banner, #insurance_info_header {
    width:1024px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2%;
}

#insurance_page_content {
    .accordion-button{
        pointer-events: auto !important;
        width: 201px;
        height: 214px;
        margin-bottom: 25px
    }
}

#insurance_page_banner .small-hero-widget {
    height: 300px !important;
}

#insurance_info_header {
    text-align: center;
    color: #575a5d;
    margin-top: 4%;
    h1{
        font-size: 3em;
        font-family: Arial, sans-serif;
    }
    p{
        font-size: 1rem;
        font-family: Arial, sans-serif;
    }
    
}

.insurance-overview-menu-widget {
    display: flex;
    justify-content: center;
    .insu-menu{
        padding-right: 15px;
        padding-left: 15px;
    }
}

.insurance-overview-menu-widget ul {
    padding-left: 25px;
    margin-top: 10px;
}

/* D10 Insurance Main */
#insuranceMain_id, #insChild_page, #insuranceOHP_id{
    width: 1092px;
    margin-left: auto;
    margin-right: auto;
}
.ins_productbody{
    width: 954px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px !important;
}
#insuranceMain_id, #insuranceOHP_id{
    .category-product-widget{
        a{
            text-decoration: none;
        }
    }
}
#insuranceChild_title_id, #insuranceMain_title_id {
    width: 100%;
    p{
        width: 605px;
        margin-left: auto;
        margin-right: auto;
    }
}
#insChild_page .product-item-1-2{
    border-right: 2px solid #ededed;
}
.insMain_tips h1, .insMain_tips li{
    color: white;
}
.insMain_tips, .insMain_coverage, .insChild_tips {
    justify-content: center;
}
#ins_findanagent {
    justify-content: center;
}

.featured-rotator-widget .carousel .carousel-control.right.featured-arrow-right {
    display: flex;
    position: relative;
    background-color: #8fd400 !important;
    background-repeat: repeat-x;
    background-image: none !important;
    left: auto;
    right: 0px;
    height: 50px;
    width: 50px;
    top: 5%;
    z-index: 100;
    transition: opacity 0.5s ease;
    opacity: 1;
}

.featured-rotator-widget .carousel .carousel-control.left.featured-arrow-left {
    display: flex;
    position: relative;
    background-color: #8fd400 !important;
    background-repeat: repeat-x;
    background-image: none !important;
    left: auto;
    right: 0px;
    height: 50px;
    width: 50px;
    top: 5%;
    z-index: 100;
    transition: opacity 0.5s ease;
    opacity: 1;
}

.related-products-widget .related-products-panel {
    width: 100% !important;
    display: flex !important;
    a {
        text-decoration: none;
    }
}

.carousel-inner .carousel-caption {
    .row{
        display: flex !important;
    }

}

#carousel_ins{
    justify-content: center;
    .icon-prev, .icon-next {
        padding-top: 23px;
        margin-left: 0px;
    }
}

.featured-rotator-widget .carousel-inner .item{
    display: none;
}

.featured-rotator-widget .carousel-inner .active{
    display: block;
}

.product-body-widget .carousel-inner .item{
    display: none;
}

.product-body-widget .carousel-inner .active{
    display: block;
}

.claims_confirmation{
    display: block !important;
}

.print_claim_class{
    div{
        width: 20%;
    }
}

.print-claim-button:hover {
    background-color: #8fd400;
    color: black;
}

.print-claim-button:active {
    background-color: #8fd400;
    color: black;
    border-color: black;
}

.claims-menu-button:hover{
    background-color: #ccc5bf;
    color: black;
}

.claims-menu-button:active{
    background-color: #ccc5bf;
    color: black;
    border-color: black;
}

#insurance_page_content a{
    text-decoration: none;
}

.insMain_headerImage, .insChild_headerImage{
    height: 300px !important;
}

.otherHtmlPage_bottomcontent {
    h3{
        border-bottom: 2px solid gray;
    }
    a{
        text-decoration: none;
    }
}

.fleetsafety_links{
    a{
        text-decoration: none;
    }
}


@media screen and (max-width: 767px){
    .print_claim_class{
        div{
            width: 30%;
        }
    }

    #insurance_page_content, #insurance_page_banner, #insurance_info_header {
        width:90% !important;
    }
    #insurance_info_header {
        h1{
            font-size: 2em;
        }
        p{
            font-size: 0.75rem;
        }
        
    }
    #insurance_page_content {
        .accordion-button{
            pointer-events: auto !important;
            width: 100%;
            height: auto;
            margin-bottom: 25px;
            border-bottom:  0px !important;
            a{ 
                margin-left: auto;
                width: auto;
            }
        }
    }
    #insurance_page_banner .small-hero-widget {
        max-width: 100% !important;
        height: calc(0.3 * 100vw) !important;
    }

    .insurance-overview-menu-widget {
        display: block;
        .insu-menu{
            width: 100% !important;
        }
        div[role="tabpanel"]{
            display: flex;
            justify-content: center;
        }
    }
    
    .insurance-overview-menu-widget ul {
        margin-top: 0px !important;
    }

    #insuranceMain_id, #insChild_page, #insuranceOHP_id{
        width: 95% !important;
        margin-left: auto;
        margin-right: auto;
    }

    #insuranceChild_title_id, #insuranceMain_title_id {
        width: 100%;
        p{
            width: 65% !important;
            margin-left: auto;
            margin-right: auto;
        }
    }

    .insMain_headerImage, .insChild_headerImage{
        height: calc(0.3 * 100vw) !important;
    }

    .ins_productbody{
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 5% !important;
    }

    .res_item{
        width: 100% !important;
    }
}


@media screen and (max-width: 575px){
    #insChild_page .product-item-1-2{
        border-right: 0px !important;
        border-bottom: 2px solid #ededed;
    }
}

@media screen and (min-width:768px) and (max-width: 1024px){
    #insurance_page_content, #insurance_page_banner, #insurance_info_header {
        width:95% !important;
    }
    .insurance-overview-menu-widget {
        .insu-menu{
            width: auto !important;
        }
    }
    #insuranceMain_id, #insChild_page, #insuranceOHP_id{
        width: 95% !important;
        margin-left: auto;
        margin-right: auto;
    }

    #insuranceChild_title_id, #insuranceMain_title_id {
        width: 100%;
        p{
            width: 70% !important;
            margin-left: auto;
            margin-right: auto;
        }
    }

    .insMain_headerImage, .insChild_headerImage{
        height: calc(0.3 * 100vw) !important;
    }

    .ins_productbody{
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 5% !important;
    }
}