html,
body {
	font: normal 16px/1.5625 var(--fontFamily2);
	color: var(--defaultColor);
    font-optical-sizing: auto;
}
.Normal {
	font-family: var(--fontFamily2);
}

h1,
h2,
h3,
h4,
h5,
h6{
    margin: 0 0 20px;
    color: var(--headColor);
    font-family: var(--fontFamily1);
    font-weight: normal;
    font-optical-sizing: auto;
}
h1{
    font-size: 45px;
    font-weight: 700;
    line-height: 1.2;
}
h2{
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
}
h3{
    font-size: 24px;
    line-height: 1.625;
}
h4{
    font-size: 20px;
    line-height: 1.35;
}
h5{
    font-size: 20px;
    font-weight: 700;
    line-height: 1.35;
}
h6{
    font-size: 15px;
    line-height: 1.266667;
}

p{
    margin-bottom: 25px;
}

img{
    max-width: 100%;
}

A,
A:link {
	color: var(--linkColor);
}

A:active {
	color: var(--linkColorHover);
}
A:visited {
	color: var(--linkColorHover);
}
A:hover {
	color: var(--linkColorHover);
}
A:focus {
	color: var(--linkColorHover);
}

strong,
b{
    font-weight: 700;
}

ul,
ol{
    margin-left: calc( 1em + 20px );
    font-weight: 700;
}
ul li{
    list-style-type: disc;
}

body .accentColor1{
    color: var(--accentColor1) !important;
}
body .accentColor2{
    color: var(--accentColor2) !important;
}
body .accentColor3{
    color: var(--accentColor3) !important;
}

body .fontFamily1{
    font-family: var(--fontFamily1) !important;
}
body .fontFamily2{
    font-family: var(--fontFamily2) !important;
}

.hedaer_minHeight,
.header_bg{
    background-color: #fff;
}
.header_bg{
    position: relative;
    padding: 15px 0;
    box-shadow: rgba(92, 92, 92, 1) 0 3px 11px 0;
    z-index: 1000;
}
header .pc_header{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
header .pc_header .HeadLogo{
    max-width: clamp(150px, 5.833333333333333vw + 108px ,220px);
    transition: max-width ease-in 200ms;
}
header.roll_activated .pc_header .HeadLogo{
    max-width: 150px;
}
header .pc_header .content{
    display: flex;
    align-items: center;
    align-self: stretch;
    gap: 10px clamp(40px, 3.75vw + 13px ,85px);
}
header.roll_activated .pc_header .content{
    gap: 10px 40px;
}
header .pc_header .content .nav_box{
    float: none;
    align-self: stretch;
    margin-top: -15px;
    margin-bottom: -15px;
}
header .pc_header .content .nav_box > div,
header .pc_header .content .nav_box > div > div,
header .pc_header .content .nav_box > div > div > ul,
header .pc_header .content .nav_box > div > div > ul > li, 
header .pc_header .content .nav_box > div > div > ul > li > a,
header .pc_header .content .nav_box > div > div > ul > li > a > span{
    height: 100%;
}
header .pc_header .content .nav_box #dnngo_megamenu>div>ul>li>a>span{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
header #dnngo_megamenu .primary_structure:after{
    content: none;
}
header #dnngo_megamenu .dnngo_slide_menu li a{
    transition: all ease-in 200ms;
}
@media only screen and (max-width: 1199.98px) {
    header .pc_header .content .HeadContent{
        display: none;
    }
}
@media only screen and (max-width: 767px) {
    header .mobile_header{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 20px;
    }
    header .mobile_header .HeadLogo{
        max-width: 100px;
    }
    header .mobile_icon{
        position: relative;
        margin: initial;
        inset: initial;
        font-size: 28px;
        line-height: 1;
    }
    header .mobile_icon.active .fa.fa-bars::before{
        content: "\f00d";
    }
}


#dnn_content{
    padding: 0;
}

footer.footer_box .footer_bottom{
    text-align: center;
    background-color: #000;
}
footer.footer_box .footer_bottom .copyright_style{
    float: none;
    padding: 10px 0;
    color: #fff;
    font-size: 14px;
    line-height: 1.357143;
}
footer.footer_box .footer_bottom .copyright_style a{
    font-size: inherit;
}
footer.footer_box .footer_bottom .copyright_style :where(h1,h2,h3,h4,h5,h6,p,a){
    color: #fff;
}


/* to_top */
#to_top{
    position: fixed;
    right: 40px;
    bottom: 102px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    float: none;
    width: 68px;
    height: 68px;
    color: #fff;
    font-weight: 700;
    line-height: 1;
    background-color: var(--accentColor1);
    border: none;
    transition: color 0.3s, background 0.3s;
}
#to_top::before{
    content: none;
}
#to_top:hover{
    color: var(--accentColor1);
    background-color: #fff;
}
#to_top i{
    font-size: 24px;
}
#to_top span{
    font-size: 14px;
}


/* Section */
:where([class*="SectionBannerWarp"],[class*="SectionPageTitleWarp"],[class*="SectionInsidePageWarp"],[class*="SectionContainerWarp"],[class*="FooterContainerWarp"],[class*="FooterCopyrightWarp"]) .row [class*="Pane"]{
    padding: 0;
}

/* SectionBannerWarp */
.SectionBannerWarp{
    position: relative;
    padding: 180px 0 80px;
    z-index: 1;
}
.SectionBannerWarp .row :where(h1,h2,h3,h4,h5,h6,p),
.SectionBannerWarp .row a{
    color: #fff;
}
.SectionBannerWarp .BannerBgPane{
    position: absolute;
    inset: 0;
}
.SectionBannerWarp .BannerBgPane .DnnModule{
    position: inherit;
    width: 100%;
    height: 100%;
}
.SectionBannerWarp .BannerBgPane p{
    margin: 0 0 0;
}
.SectionBannerWarp .BannerBgPane .is-bannerBg{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}


/* SectionPageTitleWarp */
.SectionPageTitleWarp{
    position: relative;
    padding: 80px 0 80px;
    background-color: var(--accentColor3);
}
.SectionPageTitleWarp .row.row-1{
    row-gap: 30px;
}
.SectionPageTitleWarp .row :where(h1,h2,h3,h4,h5,h6,p),
.SectionPageTitleWarp .row a{
    color: #fff;
}
.SectionPageTitleWarp .PageTitleBreadcrumb{
    color: #fff;
	font-size: 20px;
    font-family: var(--fontFamily1);
    font-weight: normal;
    line-height: 1.35;
	text-transform: uppercase;
}
.SectionPageTitleWarp .PageTitleBreadcrumb .breadcrumb {
	display: inline-block;
    margin: 0 0 0;
    padding: 0 0 0;
    font-size: 20px;
    background: transparent;
}
.SectionPageTitleWarp .PageTitleBreadcrumb .breadcrumb,
.SectionPageTitleWarp .PageTitleBreadcrumb a:link,
.SectionPageTitleWarp .PageTitleBreadcrumb a:active,
.SectionPageTitleWarp .PageTitleBreadcrumb a:visited {
	color: #fff;
}
.SectionPageTitleWarp .PageTitleBreadcrumb a.breadcrumb:hover {
	text-decoration: underline;
}
.SectionPageTitleWarp .PageTitlePane_2{
    position: relative;
    margin-right: calc( -1 * ( var(--ViewWindowWidth) - 950px ) / 2 - 20px );
    height: 100%;
}
body.dnnEditState .SectionPageTitleWarp .PageTitlePane_2{
    margin-right: calc( -1 * ( var(--ViewWindowWidth) - 80px - 950px ) / 2 - 20px );
}
@media only screen and (min-width: 1200px) {
    .SectionPageTitleWarp .PageTitlePane_2{
        margin-right: calc( -1 * ( var(--ViewWindowWidth) - 1170px ) / 2 - 20px );
    }
    body.dnnEditState .SectionPageTitleWarp .PageTitlePane_2{
        margin-right: calc( -1 * ( var(--ViewWindowWidth) - 80px - 1170px ) / 2 - 20px );
    }
}
@media only screen and (min-width: 1400px){
    .SectionPageTitleWarp .PageTitlePane_2{
        margin-right: calc( -1 * ( var(--ViewWindowWidth) - 1280px ) / 2 - 20px );
    }
    body.dnnEditState .SectionPageTitleWarp .PageTitlePane_2{
        margin-right: calc( -1 * ( var(--ViewWindowWidth) - 80px - 1280px ) / 2 - 20px );
    }
}
@media only screen and (min-width: 768px) and (max-width: 979px) {
    .SectionPageTitleWarp .PageTitlePane_2{
        margin-right: calc( -1 * ( var(--ViewWindowWidth) - 736px ) / 2 - 15px );
    }
    body.dnnEditState .SectionPageTitleWarp .PageTitlePane_2{
        margin-right: calc( -1 * ( var(--ViewWindowWidth) - 80px - 736px ) / 2 - 15px );
    }
}
@media only screen and (max-width: 767px) {
    .SectionPageTitleWarp .PageTitlePane_2{
        margin-right: 0;
    }
    body.dnnEditState .SectionPageTitleWarp .PageTitlePane_2{
        margin-right: 0;
    }
}
.SectionPageTitleWarp .DnnModule:has(.is-pageTitleBg){
    position: inherit;
    width: 100%;
    height: 100%;
}
.SectionPageTitleWarp .is-pageTitleBg{
    position: absolute;
    inset: -80px 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
}
.SectionPageTitleWarp .is-pageTitleBg > div{
    grid-column: 1 / -1;
    grid-row: 1 / -1;
}
.SectionPageTitleWarp .is-pageTitleBg .media{
    position: relative;
    width: 100%;
    height: 100%;
}
.SectionPageTitleWarp .is-pageTitleBg .media img,
.SectionPageTitleWarp .is-pageTitleBg .media video,
.SectionPageTitleWarp .is-pageTitleBg .media iframe{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}
.SectionPageTitleWarp .is-pageTitleBg .media:has(img):after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 143px;
    background: linear-gradient(to bottom,rgba(125,185,232,0) 0%,rgba(255,255,255,1) 100%);
}
.SectionPageTitleWarp .is-pageTitleBg .content{
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 15px;
}
.SectionPageTitleWarp .is-pageTitleBg .content .title{
    margin: 0 0 0;
    color: var(--accentColor1);
    font-size: 50px;
    font-weight: 300;
    line-height: 1;
}
@media only screen and (max-width: 767px) {
    .SectionPageTitleWarp .is-pageTitleBg{
        position: relative;
        inset: 0;
    }
}


/* SectionInsidePageWarpA */
.SectionInsidePageWarpA{
    position: relative;
    padding: 40px 0 40px;
    background-color: var(--accentColor2);
}



/* SectionContainerWarpA */
.SectionContainerWarpA{
    padding: 80px 0 80px;
    background-color: #fff;
}
.SectionContainerWarpA .pane_layout > .row + .row {
    margin-top: 30px;
}

/* SectionContainerWarpB */
.SectionContainerWarpB{
    padding: 80px 0 80px;
    background-color: #E1F4FC;
}
.SectionContainerWarpB .pane_layout > .row + .row {
    margin-top: 30px;
}

/* SectionContainerWarpC */
.SectionContainerWarpC{
    padding: 80px 0 80px;
    background-color: #fff;
}
.SectionContainerWarpC .pane_layout > .row + .row {
    margin-top: 30px;
}

/* SectionContainerWarpC_ExtA */
.SectionContainerWarpC_ExtA{
    padding: 80px 0 80px;
    background-color: var(--accentColor3);
}
.SectionContainerWarpC_ExtA .row :where(h1,h2,h3,h4,h5,h6,p),
.SectionContainerWarpC_ExtA .row a{
    color: #fff;
}


/* SectionContainerWarpD */
.SectionContainerWarpD{
    padding: 80px 0 80px;
    background-color: #E1F4FC;
}
.SectionContainerWarpD .pane_layout > .row + .row {
    margin-top: 30px;
}


/* SectionContainerWarpE */
.SectionContainerWarpE{
    padding: 80px 0 80px;
    background-color: #fff;
}
.SectionContainerWarpE .pane_layout > .row + .row {
    margin-top: 30px;
}


/* SectionContainerWarpF */
.SectionContainerWarpF{
    padding: 80px 0 80px;
    background-color: #E1F4FC;
}

/* SectionContainerWarpG */
.SectionContainerWarpG{
    padding: 80px 0 80px;
    background-color: #fff;
}

/* SectionContainerWarpH */
.SectionContainerWarpH{
    padding: 80px 0 80px;
    background-color: #E1F4FC;
}

/* SectionContainerWarpI */
.SectionContainerWarpI{
    padding: 80px 0 80px;
    background-color: #fff;
}

/* SectionContainerWarpJ */
.SectionContainerWarpJ{
    padding: 80px 0 80px;
    background-image: url('/Portals/0/Background/Casperinjury-SectionContainerWarpJ-Bg.webp');
    background-position: top center;
    background-size: cover;
}
.SectionContainerWarpJ .row :where(h1,h2,h3,h4,h5,h6,p),
.SectionContainerWarpJ .row a{
    color: #fff;
}



/* FooterContainerWarpA */
.FooterContainerWarpA{
    padding: 80px 0 80px;
    background-color: #6CACE4; 
}


/* FooterContainerWarpB */
.FooterContainerWarpB{
    position: relative;
    padding: 80px 0 80px;
    background-image: url('/Portals/0/Background/Casperinjury-FooterContainerWarpB-Bg.webp');
    background-position: center center;
    background-size: cover;
    z-index: 1;
}
.FooterContainerWarpB::before{
    content: '';
    position: absolute;
    inset: 0;
    background: rgb(0, 47, 108);
    opacity: 0.8;
    z-index: -1;
}
.FooterContainerWarpB .row :where(h1,h2,h3,h4,h5,h6,p),
.FooterContainerWarpB .row a{
    color: #fff;
}


/* FooterContainerWarpC */
.FooterContainerWarpC{
    padding: 80px 0 80px;
    background-color: #E1F4FC;
}


/* FooterContainerWarpD */
.FooterContainerWarpD{
    padding: 80px 0 80px;
    background-color: #fff;
}


/* FooterContainerWarpE */
.FooterContainerWarpE{
    padding: 80px 0 80px;
    background-color: #E1F4FC;
}


/* FooterCopyrightWarp */
.FooterCopyrightWarp{
    padding: 60px 0 40px;
    background-color: var(--accentColor2);
}
.FooterCopyrightWarp .row :where(h1,h2,h3,h4,h5,h6,p),
.FooterCopyrightWarp .row a{
    color: #fff;
}
.FooterCopyrightWarp .row.row-1{
    justify-content: space-between;
    row-gap: 30px;
}
@media (min-width: 768px) {
    .FooterCopyrightWarp .row.row-1 > .col-md-auto{
       max-width: 50%;
    }
}


/* responsive-video */
.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
 	height: 0; 
	overflow: hidden;
	z-index:0;
}
 
.responsive-video iframe,
.responsive-video object,
.responsive-video embed,
.responsive-video video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index:1;
}


/* custom-headerText */
.custom-headerText{
    position: relative;
}
.custom-headerText > span{
    display: block;
    margin-bottom: 5px;
    width: fit-content;
    color: var(--accentColor1);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: .4px;
    transition: all ease-in 200ms;
}
.custom-headerText > a {
    display: block;
    padding: 5px 15px;
    width: fit-content;
    color: #ffffff;
    font-size: 35px;
    font-weight: 700;
    cursor: pointer;
    line-height: 1;
    font-family: var(--fontFamily1);
    background: var(--accentColor1);
    text-decoration: none;
    transition: all ease-in 200ms;
}
.custom-headerText > a::after{
    content: "\f061";
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 0.3em;
    vertical-align: middle;
    font: normal normal normal 15px / 1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
header.roll_activated .custom-headerText > span{
    margin-bottom: 5x;
    font-size: 16px;
}
header.roll_activated .custom-headerText > a{
    font-size: 20px;
}

/* custom-buttonGroup-01 */
.custom-buttonGroup-01{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
/* .BannerPane .custom-buttonGroup-01 [class*="custom-button-"]{
    max-width: 100%;
    min-width: calc((100% - 3* 20px) / 4);
} */


/* custom-button-01 */
body .custom-button-01{
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 23px;
    max-width: 100%;
    min-width: min( 280px, 100%);
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    background-color: var(--accentColor1);
    text-decoration: none;
    z-index: 1;
    transition: background ease 0.5s;
}
body .custom-button-01::before{
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--accentColor2);
    transform: scaleY(0);
    transform-origin: center bottom;
    transition: transform ease-out 0.5s;
    z-index: -1;
}
body .custom-button-01:hover{
    background-color: var(--accentColor2);
}
body .custom-button-01:hover::before{
    transform: scaleY(1);
    transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
}


/* custom-button-02 */
body .custom-button-02{
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    padding: 23px;
    max-width: 100%;
    min-width: min( 280px, 100%);
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    background-color: var(--accentColor1);
    text-decoration: none;
    z-index: 1;
    transition: color ease 0.5s, background ease 0.5s;
}
body .custom-button-02::before{
    content: '';
    position: absolute;
    inset: 0;
    background-color: #fff;
    transform: scaleY(0);
    transform-origin: center bottom;
    transition: transform ease-out 0.5s;
    z-index: -1;
}
body .custom-button-02:hover{
    color: var(--accentColor1);
    background-color: #fff;
}
body .custom-button-02:hover::before{
    transform: scaleY(1);
    transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
}



/* custom-list-01 */
.custom-list-01 {
    --column-gap: 40px;
    --columns: 1;
    
    display: grid;
    grid-template-columns: repeat(var(--columns, 1), 1fr);
    gap: 8px var(--column-gap);
    margin: 0 0 16px calc( 1em + 20px );
    font-size: 16px;
    font-weight: 700;
    line-height: 1.625;
    list-style-position: outside;
    list-style-type: disc;
}
.custom-list-01 a{
    text-decoration: underline;
}
.custom-list-01.is-column2 {
    --columns: 2;
}
.custom-list-01.is-column3 {
    --columns: 3;
}
@media (max-width: 991.98px) {
    .custom-list-01.is-column3 {
        --columns: 2;
    }
}
@media (max-width: 767.98px) {
    .custom-list-01.is-column2,
    .custom-list-01.is-column3 {
        --columns: 1;
    }
}


/* custom-imgBox-01 */
.custom-imgBox-01{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.custom-imgBox-01 .pic{
    position: relative;
}
.custom-imgBox-01 .pic img{
    max-width: 100%;
}
.custom-imgBox-01 .content{
    font-size: 14px;
    font-style: italic;
    font-weight: 300;
}


/* custom-infoBox-01 */
.custom-infoBox-01{
    display: flex;
    flex-direction: column;
    gap: 25px;
    text-align: center;
}
.custom-infoBox-01 .pic{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 72px;
}
.custom-infoBox-01 .pic img{
    max-width: 100%;
    max-height: 100%;
}
.custom-infoBox-01 .content{
    font-size: 20px;
    font-weight: 700;
    font-family: var(--fontFamily1);
    line-height: 1.25;
    text-transform: uppercase;
}
.custom-infoBox-01 .content .title{
    margin: 0 0 0;
    font-size: 35px;
    font-weight: 700;
    line-height: 1;
}
.custom-infoBox-01 .content p:last-child{
    margin: 0;
}


/* custom-iconBox-01 */
.custom-iconBox-01{
    display: flex;
    align-items: center;
    gap: 10px;
}
.custom-iconBox-01 .icon{
    flex-shrink: 0;
    align-self: flex-start;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    color: var(--accentColor1);
    font-size: 60px;
    line-height: 1;
}
.custom-iconBox-01 .content{
    text-transform: uppercase;
}
.custom-iconBox-01 .content .title{
    margin: 0 0 0;
    font-size: 35px;
    font-weight: 700;
    line-height: 1;
}
.custom-iconBox-01 .content p{
    margin: 0 0 10px;
    font-size: 20px;
    line-height: 1.3;
}
.custom-iconBox-01 .content p:last-child{
    margin-bottom: 0;
}
.custom-iconBox-01 .content p a{
    font-weight: 700;
}


/* custom-socialList-01 */
.custom-socialList-01{
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    gap: 10px clamp(10px, 2.5vw + -8px ,40px);
}
.custom-socialList-01 li {
    flex-shrink: 0;
    list-style: none;
}
.custom-socialList-01 li a{
    flex-shrink: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    font-size: 32px;
    line-height: 1;
    text-decoration: none;
    border-radius: 50%;
    background-color: var(--accentColor1);
    transform: rotate(0deg);
    transition: all 0.3s;
}
.custom-socialList-01 li a:hover{
    color: var(--accentColor1);
    background-color: #fff;
    transform: rotate(360deg);
}



body .LiveForm.SiderBoxForm{
    font-size: 18px;
}