@font-face{
    font-family:'alegreya_sansbold';
    src:url("/assets/fonts/alegreyasans-bold-webfont.woff2") format("woff2"),url("/assets/fonts/alegreyasans-bold-webfont.woff") format("woff");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'alegreya_sansbold_italic';
    src:url("/assets/fonts/alegreyasans-bolditalic-webfont.woff2") format("woff2"),url("/assets/fonts/alegreyasans-bolditalic-webfont.woff") format("woff");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'alegreya_sansitalic';
    src:url("/assets/fonts/alegreyasans-italic-webfont.woff2") format("woff2"),url("/assets/fonts/alegreyasans-italic-webfont.woff") format("woff");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'alegreya_sanslight';
    src:url("/assets/fonts/alegreyasans-light-webfont.woff2") format("woff2"),url("/assets/fonts/alegreyasans-light-webfont.woff") format("woff");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'alegreya_sanslight_italic';
    src:url("/assets/fonts/alegreyasans-lightitalic-webfont.woff2") format("woff2"),url("/assets/fonts/alegreyasans-lightitalic-webfont.woff") format("woff");
    font-weight:normal;
    font-style:normal
}
@font-face{
    font-family:'alegreya_sansregular';
    src:url("/assets/fonts/alegreyasans-regular-webfont.woff2") format("woff2"),url("/assets/fonts/alegreyasans-regular-webfont.woff") format("woff");
    font-weight:normal;
    font-style:normal
}
html,body{
    margin:0 auto;
    padding:0;
    background-color:#ffffff;
    font-family:"alegreya_sansregular";
    font-weight:400;
    font-size:1em;
    text-align:left;
    line-height:1.3em
}
body.fixed{
    overflow:hidden
}
*{
    outline:none;
    border:none;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    text-transform:none;
    -webkit-apperance:none
}
a{
    color:#004a80;
    text-decoration:none;
    font-family:"alegreya_sansbold"
}
a:not(.btn):hover{
    color:#6491c0
}
.maxWidth{
    max-width:1280px;
    margin:0 auto;
    position:relative
}
h1,h2,h3{
    margin-top:0;
    font-weight:normal
}
h1{
    font-size:2.5em;
    line-height:1.025em
}
h2{
    font-size:1.875em;
    line-height:1.16667em
}
h3{
    font-size:1.6875em;
    line-height:1.14815em
}
p{
    font-size:1em;
    line-height:1.2em;
    margin:0
}
strong{
    font-weight:normal;
    font-family:"alegreya_sansbold"
}
input,textarea{
    font-size:16px;
    height:50px;
    background:#fff;
    border-radius:3px;
    color:#b3b3b3;
    padding:0 10px;
    line-height:50px;
    font-family:"alegreya_sansbold";
    width:100%
}
textarea{
    height:auto;
    max-height:300px
}
label{
    font-family:"alegreya_sansbold";
    font-size:1.25em
}
label span a{
    text-decoration:underline
}
a.arr-right:after{
    font-family:'fontAwesome';
    content:'\f061';
    font-size:inherit;
    margin-left:5px;
    top:0;
    position:relative
}
.mobile{
    display:block
}
.tablet,.desktop{
    display:none
}
@-webkit-keyframes spin{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes spin{
    0%{
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@media (min-width: 768px){
    .tablet{
        display:block
    }
    .mobile{
        display:none
    }
}
a.btn{
    display:inline-block;
    text-decoration:none;
    line-height:60px;
    text-align:center;
    width:100%
}
.btn{
    cursor:pointer;
    font-family:"alegreya_sansbold";
    position:relative;
    font-size:1.25em;
    color:#fff;
    height:60px;
    max-width:375px;
    border-radius:3px
}
.btn--pink{
    background:#db218b
}
.btn--blue{
    background:#6591C0
}
.btn--navy{
    background:#004a80
}
.btn--lightpink{
    background:#ed6ab4
}
a.pink{
    background:#db218b
}
a.blue{
    background:#6591C0
}
a.navy{
    background:#004a80
}
.pink--shadow{
    -webkit-box-shadow:-4px 4px 0 #e567ae;
    box-shadow:-4px 4px 0 #e567ae;
    -webkit-transition:300ms;
    transition:300ms
}
.pink--shadow.btn:hover{
    -webkit-box-shadow:0 0 0 #e567ae;
    box-shadow:0 0 0 #e567ae
}
.blue--shadow{
    -webkit-box-shadow:-4px 4px 0 #b2c9e1;
    box-shadow:-4px 4px 0 #b2c9e1;
    -webkit-transition:300ms;
    transition:300ms
}
.blue--shadow.btn:hover{
    -webkit-box-shadow:0 0 0 #b2c9e1;
    box-shadow:0 0 0 #b2c9e1
}
.navy--shadow{
    -webkit-box-shadow:-4px 4px 0 #527ca8;
    box-shadow:-4px 4px 0 #527ca8;
    -webkit-transition:300ms;
    transition:300ms
}
.navy--shadow.btn:hover{
    -webkit-box-shadow:0 0 0 #527ca8;
    box-shadow:0 0 0 #527ca8
}
.lightpink--shadow{
    -webkit-box-shadow:-4px 4px 0 #b11c71;
    box-shadow:-4px 4px 0 #b11c71;
    -webkit-transition:300ms;
    transition:300ms
}
.lightpink--shadow.btn:hover{
    -webkit-box-shadow:0 0 0 #b11c71;
    box-shadow:0 0 0 #b11c71
}
.box{
    width:100%;
    padding:25px;
    color:#fff
}
@media (min-width: 768px){
    .box{
        padding:35px
    }
}
.box:nth-child(1n+2){
    margin-top:25px
}
.box h2{
    font-family:"alegreya_sansbold";
    margin-bottom:15px
}
.box h2:after{
    content:'';
    bottom:0;
    width:55px;
    height:3px;
    margin:15px 0;
    display:inherit;
    background:#fff
}
.box--pink{
    background-color:#db218b
}
.box--blue{
    background-color:#6591C0
}
.box--navy{
    background-color:#004a80
}
.box .btn{
    margin-top:20px
}
.box.supportBox h2{
    margin-top:-10px;
    margin-bottom:5px
}
.box.supportBox h2:after{
    display:none
}
.box.supportBox .btn{
    width:100% !important
}
@media (min-width: 768px){
    h1{
        font-size:3.5625em;
        line-height:.98246em
    }
    h2{
        font-size:2.375em;
        line-height:.94737em
    }
    h3{
        font-size:1.6875em;
        line-height:1.22222em
    }
    p{
        font-size:1.25em;
        line-height:1.5em
    }
}
.loginFlyout{
    display:none
}
#header{
    background-color:#004a80;
    width:100%
}
#header .wrapper{
    display:table;
    padding:10px 15px;
    width:100%
}
#header .content{
    width:75%;
    display:table-cell;
    vertical-align:middle
}
#header .strap-line{
    height:60px;
    min-height:60px;
    color:#6591C0;
    font-size:1.25em;
    width:100%;
    max-width:500px
}
#header .strap-line .loginFlyoutTrigger{
    display:none
}
#header .strap-line strong{
    color:#fff
}
#header .strap-line strong span{
    font-size:1.625em;
    line-height:.8em;
    display:inline-block;
    white-space:nowrap
}
#header .trailing-logo{
    width:85px;
    float:right;
    display:table
}
#header .trailing-logo a{
    display:table-cell
}
#header .trailing-logo img{
    width:100%
}
#header #navigation{
    height:auto;
    width:100%;
    background-color:#6591C0
}
#header #navigation .trailing-logo{
    display:none
}
#header #navigation .maxWidth{
    height:65px
}
#header #navigation .logo{
    float:left
}
#header #navigation .logo img{
    height:65px;
    display:block;
    padding:10px 15px
}
#header #navigation nav{
    position:fixed;
    width:100%;
    height:calc(100vh - 92px);
    background:#db218b;
    top:150vh;
    left:0;
    z-index:98;
    -webkit-transition:600ms;
    transition:600ms
}
#header #navigation nav ul{
    list-style-type:none;
    font-size:1.875em;
    line-height:1.2em;
    margin:65px 0 0;
    padding:0;
    width:100%
}
#header #navigation nav li{
    width:100%
}
#header #navigation nav li span{
    padding:10px 25px;
    display:block;
    font-family:"alegreya_sansbold";
    position:relative;
    left:-100px;
    opacity:0;
    -webkit-transition:0ms 0ms;
    transition:0ms 0ms
}
#header #navigation nav li a{
    color:#fff;
    text-decoration:none
}
#header #navigation nav.active{
    top:0
}
#header #navigation nav.active ul li span{
    left:0;
    opacity:1
}
#header #navigation nav.active ul li:nth-of-type(1) span{
    -webkit-transition:500ms 500ms;
    transition:500ms 500ms
}
#header #navigation nav.active ul li:nth-of-type(2) span{
    -webkit-transition:500ms 600ms;
    transition:500ms 600ms
}
#header #navigation nav.active ul li:nth-of-type(3) span{
    -webkit-transition:500ms 700ms;
    transition:500ms 700ms
}
#header #navigation nav.active ul li:nth-of-type(4) span{
    -webkit-transition:500ms 800ms;
    transition:500ms 800ms
}
#header #navigation nav.active ul li:nth-of-type(5) span{
    -webkit-transition:500ms 900ms;
    transition:500ms 900ms
}
#header #navigation nav.active .accountLinks a{
    top:0;
    opacity:1;
    -webkit-transition:500ms 1000ms;
    transition:500ms 1000ms
}
#header #navigation nav .accountLinks{
    width:100%;
    border-top:1px solid rgba(255,255,255,0.3);
    margin-top:50px;
    margin-bottom:50px
}
#header #navigation nav .accountLinks a{
    height:55px;
    color:#fedc00;
    text-decoration:none;
    display:block;
    font-size:1.5625em;
    width:50%;
    float:left;
    line-height:55px;
    position:relative;
    top:-20px;
    opacity:0;
    -webkit-transition:0ms 0ms;
    transition:0ms 0ms
}
#header #navigation nav .accountLinks a:first-child{
    padding-left:25px
}
#header #navigation .myAccountFlyoutTrigger{
    display:block;
    float:right;
    margin-left:20px;
    width:65px;
    height:100%;
    position:relative
}
#header #navigation .myAccountFlyoutTrigger button{
    cursor:pointer;
    width:100%;
    height:100%;
    position:relative;
    top:0;
    left:0;
    background:#db218b;
    line-height: normal;
}
#header #navigation .myAccountFlyoutTrigger button span{
    width:28px;
    height:28px;
    border:2px solid #fff;
    border-radius:50%;
    position:relative;
    top:0;
    left:5px;
    display:block;
    font-size:0;
    background:url("/assets/img/userIcon.png") no-repeat 50% 45%/50%
}
#header #navigation .myAccountFlyoutTrigger button:after{
    color:#fff;
    content:'\f078';
    font-family:'fontAwesome';
    position:absolute;
    top:calc(50% - 8px);
    right:6px;
    font-size:16px;
    -webkit-transform:rotateX(0);
    transform:rotateX(0);
    -webkit-transition:300ms;
    transition:300ms
}
#header #navigation .myAccountFlyoutTrigger.active button:after{
    -webkit-transform:rotateX(-180deg);
    transform:rotateX(-180deg)
}
#header #navigation .myAccountFlyoutTrigger.active .myAccountFlyout{
    height:170px
}
#header #navigation .myAccountFlyout{
    height:0;
    position:absolute;
    top:65px;
    right:-66px;
    background:#db218b;
    width:130px;
    overflow:hidden;
    z-index:99;
    -webkit-transition:300ms;
    transition:300ms
}
#header #navigation .myAccountFlyout .wrapper{
    padding:0
}
#header #navigation .myAccountFlyout a{
    display:block;
    color:#fff;
    height:55px;
    width:100%;
    position:relative;
    float:left;
    line-height:55px;
    padding-left:10px;
    font-size:1.25em
}
#header #navigation .myAccountFlyout a:hover{
    background-color:#e462ac
}
#header #navigation .myAccountFlyout a.logout:before{
    content:'';
    display:inline-block;
    width:22px;
    height:22px;
    position:relative;
    top:4px;
    margin-right:10px;
    background:url("/assets/img/logout.png") no-repeat 0px center/20px
}
.mobileMenu{
    background:#db218b;
    height:100%;
    width:65px;
    position:relative;
    z-index:99;
    cursor:pointer;
    float:right
}
.mobileMenu .icon{
    display:block;
    position:relative;
    overflow:hidden;
    margin:0;
    padding:0;
    width:35px;
    height:35px;
    font-size:0;
    text-indent:-9999px;
    -webkit-appearance:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    border:none;
    cursor:pointer;
    background-color:transparent;
    float:right;
    margin-right:15px;
    top:25%
}
.mobileMenu .icon span{
    display:block;
    position:absolute;
    top:15px;
    right:0;
    height:4px;
    border-radius:2px;
    background:#fff;
    width:100%;
    -webkit-transition:background 0s 0.3s;
    transition:background 0s 0.3s
}
.mobileMenu .icon span:before,.mobileMenu .icon span:after{
    position:absolute;
    display:block;
    left:0;
    width:100%;
    height:4px;
    border-radius:2px;
    background-color:#fff;
    content:"";
    transition-duration:0.3s, 0.3s;
    -webkit-transition-duration:0.3s, 0.3s;
    transition-delay:0.3s, 0s;
    -webkit-transition-delay:0.3s, 0s
}
.mobileMenu .icon span:before{
    top:-10px;
    -webkit-transition-property:top, -webkit-transform;
    transition-property:top, -webkit-transform;
    transition-property:top, transform;
    transition-property:top, transform, -webkit-transform;
    -webkit-transition-property:top, transform
}
.mobileMenu .icon span:after{
    bottom:-10px;
    -webkit-transition-property:bottom, -webkit-transform;
    transition-property:bottom, -webkit-transform;
    transition-property:bottom, transform;
    transition-property:bottom, transform, -webkit-transform;
    -webkit-transition-property:bottom, transform
}
.mobileMenu.is-active span{
    background:none
}
.mobileMenu.is-active span:before{
    top:0;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.mobileMenu.is-active span:after{
    bottom:0;
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.mobileMenu.is-active span:before,.mobileMenu.is-active span:after{
    transition-delay:0s, 0.3s;
    -webkit-transition-delay:0s, 0.3s
}
@media (min-width: 1024px){
    #header .trailing-logo{
        display:none
    }
    #header .wrapper{
        padding:0
    }
    #header .content{
        float:right;
        width:auto
    }
    #header .strap-line{
        min-height:0;
        padding:5px 15px;
        height:40px;
        max-width:100%
    }
    #header .strap-line--padded{
        width:700px
    }
    #header .strap-line .loginFlyoutTrigger{
        display:block;
        float:right;
        margin-left:20px;
        margin-top:6px;
        font-size:.875em;
        color:#fedc00;
        text-decoration:none;
        font-family:"alegreya_sansbold"
    }
    #header .strap-line .loginFlyoutTrigger i.fa{
        margin-right:5px
    }
    #header .strap-line .loginFlyoutTrigger span:not(:first-of-type){
        color:#fff
    }
    #header .strap-line .loginFlyout{
        position:absolute;
        width:430px;
        height:510px;
        z-index:99;
        right:0;
        top:55px;
        cursor:default;
        text-align:left
    }
    #header .strap-line .loginFlyout .wrapper{
        background-color:#004a80;
        width:calc(100% - 15px);
        height:auto;
        position:absolute;
        top:0;
        right:15px;
        padding:30px;
    }
    #header .strap-line .loginFlyout .wrapper:before{
        content:'';
        position:absolute;
        top:-15px;
        right:30px;
        width:0;
        height:0;
        border-left:15px solid transparent;
        border-right:15px solid transparent;
        border-bottom:15px solid #004a80
    }
    #header .strap-line .loginFlyout h3{
        color:#fff;
        margin-bottom:15px;
        width:100%;
        float:left;
        font-size:1.6875em
    }
    #header .strap-line .loginFlyout h3 .italic{
        font-family:"alegreya_sansbold_italic"
    }
    #header .strap-line .loginFlyout h3:nth-of-type(2){
        margin-top:35px;
        margin-bottom:10px
    }
    #header .strap-line .loginFlyout input{
        margin-bottom:5px
    }
    #header .strap-line .loginFlyout .btn{
        width:100%;
        max-width:100%
    }
    #header .strap-line .loginFlyout span.validation-error{
        color:red;
        display:block;
        margin-bottom:8px
    }
    #header #navigation{
        background-color:transparent;
        position:absolute;
        z-index:10;
        margin-top:0;
        height:auto
    }
    #header #navigation .logo{
        width:25%;
        height:calc(100% + 40px);
        border-right:1px solid rgba(255,255,255,0.25);
        padding:50px 30px 30px;
        background:#6591C0;
        margin-top:-40px;
        position:relative
    }
    #header #navigation .logo img{
        width:235px;
        height:100%;
        width:auto;
        padding:0;
        margin:0 auto
    }
    #header #navigation .trailing-logo{
        display:block;
        width:15%;
        border-left:1px solid rgba(255,255,255,0.25);
        padding:10px 25px;
        height:100%;
        top:0;
        background:#6591C0;
        float:left
    }
    #header #navigation .trailing-logo a{
        position:static;
        padding:0
    }
    #header #navigation .trailing-logo a img{
        width:auto;
        height:70px
    }
    #header #navigation .maxWidth{
        height:100px
    }
    #header #navigation nav{
        position:static;
        height:inherit;
        max-height:inherit;
        width:auto;
        width:60%;
        background:#6591C0;
        -webkit-transition:0ms 0ms;
        transition:0ms 0ms;
        overflow:hidden;
        float:left;
        margin-top: 0 !important;
    }
    #header #navigation nav ul{
        margin:0;
        font-size:1.6875em;
        line-height:1em;
        display:table;
        height:100%;
        padding:0 10px
    }
    #header #navigation nav ul li{
        width:auto;
        display:table-cell;
        float:none;
        height:100%;
        vertical-align:middle
    }
    #header #navigation nav ul li span{
        opacity:1;
        -webkit-transition:300ms 0;
        transition:300ms 0;
        left:0;
        min-height:55px;
        padding:0 10px
    }
    #header #navigation nav ul li span a{
        color:#fedc00;
        position:relative
    }
    #header #navigation nav ul li span a:hover:after,#header #navigation nav ul li span a.active:after{
        background:#fedc00;
        content:'';
        bottom:0;
        width:100%;
        height:4px;
        left:0;
        bottom:-5px;
        position:absolute
    }
    #header #navigation .myAccountFlyoutTrigger{
        position:absolute;
        top:-47px;
        right:0;
        height:40px;
        width:70px
    }
    #header #navigation .myAccountFlyoutTrigger.active .myAccountFlyout{
        height:160px
    }
    #header #navigation .myAccountFlyout{
        width:173px;
        top:47px;
        right:0;
        -webkit-box-shadow:-4px 4px 0 #e567ae;
        box-shadow:-4px 4px 0 #e567ae
    }
    #header #navigation .myAccountFlyout a{
        height:50px;
        line-height:50px;
        text-align:left;
        padding-left:15px
    }
    #header .mobileMenu{
        display:none
    }
}
@media (min-width: 1280px){
    #header #navigation .maxWidth{
        height:135px
    }
    #header #navigation .logo img{
        height:auto;
        width:235px
    }
    #header #navigation .trailing-logo a img{
        height:115px
    }
    #header #navigation nav ul li span{
        padding:10px 25px
    }
    #header #navigation .myAccountFlyout{
        width:191px
    }
    #header #navigation .myAccountFlyout a{
        height: 50.5px;
        line-height: 50.5px;
    }
}
#banner{
    width:100%;
    position:relative;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover
}
#banner .background{
    width:100%;
    height:60vw;
    max-height:300px;
    background-repeat:no-repeat;
    background-position:center bottom;
    background-size:cover;
    background-image:url("/assets/img/header2.jpg")
}
#banner .content{
    z-index:2;
    position:relative
}
#banner .welcomeMessage{
    width:100%;
    height:100%;
    background:#6591C0
}
#banner .welcomeMessage .wrapper{
    padding:25px
}
#banner .welcomeMessage .btn{
    width:100%;
    margin-top:15px;
    max-width:100%
}
#banner .welcomeMessage .button{
    width:100%;
    margin-top:15px
}
#banner .callout{
    color:#fff;
    padding:25px
}
#banner .callout .wrapper{
    background-color:#db218b;
    padding:15px
}
#banner .callout .wrapper h2{
    font-family:"alegreya_sansbold"
}
#banner h1{
    font-family:"alegreya_sanslight";
    color:#fff;
    line-height:.9em;
    margin:0
}
#banner h1 em{
    font-family:"alegreya_sanslight_italic"
}
#banner .searchBar{
    width:100%;
    background:#6591C0 url("/assets/img/pattern1.jpg") repeat-x;
    position:relative;
    border-bottom:1px solid rgba(255,255,255,0.25);
    z-index:2
}
#banner .searchBar .maxWidth{
    text-align:center;
    background:#6591C0;
    padding:30px
}
#banner .searchBar label{
    display:inline-block;
    width:100%;
    color:#fff;
    margin-bottom:10px;
    text-align:left
}
#banner .searchBar input{
    width:100%;
    padding-right:45px
}
#banner .searchBar button{
    position:absolute;
    height:50px;
    width:50px;
    right:0;
    bottom:0;
    color:#6591C0;
    font-sizE:25px;
    background:transparent
}
#banner .searchBar button i{
    top:-3px;
    position:relative
}
#banner .searchBar form{
    max-width:700px;
    display:inline-block;
    width:100%;
    position:relative
}
@media (min-width: 768px){
    .home #banner .background{
        min-height:500px
    }
    #banner.empty:after{
        display:none
    }
    #banner .background{
        height:100%;
        min-height:400px;
        position:relative
    }
    .home #banner .background .welcomeMessage {
        min-height: 500px;
    }
    #banner .background .welcomeMessage{
        /*padding:75px 0;*/
        background:transparent;
        width:50%;
        min-height: 400px;
        position: relative;
    }
    #banner .background .welcomeMessage .wrapper{
        padding:0 0 0 25px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    #banner .background .welcomeMessage h1{
        margin-bottom:25px
    }
    #banner .background .welcomeMessage .btn{
        display:block;
        width:50%
    }
    #banner .background .callout{
        width:265px;
        height:300px;
        font-size:.625em;
        background:url("/assets/img/bubble-pink.svg") no-repeat center/100%;
        position:absolute;
        bottom:calc(50% - 150px);
        right:40px
    }
    #banner .background .callout h2:after{
        content:'';
        bottom:0;
        width:55px;
        height:3px;
        margin:15px 0;
        display:inherit;
        background:#fff
    }
    #banner .background .callout .wrapper{
        -webkit-box-shadow:none;
        box-shadow:none
    }
    #banner:after{
        position:absolute;
        content:'';
        width:100%;
        height:100%;
        left:0;
        top:0;
        background:-webkit-gradient(linear, left top, right top, color-stop(15%, rgba(0,0,0,0.9)), color-stop(30%, rgba(0,0,0,0.8)), color-stop(60%, transparent));
        background:linear-gradient(90deg, rgba(0,0,0,0.9) 15%, rgba(0,0,0,0.8) 30%, transparent 60%);
        filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 )
    }
}
@media (min-width: 1024px){
    .home #banner .background{
        min-height:600px
    }
    .home #banner .callout{
        bottom:calc(50% - 225px)
    }
    .home #banner .callout h2{
        font-size:2.65em
    }
    #banner.empty{
        min-height:135px
    }
    #banner .background{
        min-height:500px
    }
    #banner .background .welcomeMessage{
        /*padding:145px 0 100px*/
        min-height: 500px;
    }
    .home #banner .background .welcomeMessage {
        min-height: 600px;
    }
    #banner .background .welcomeMessage .wrapper{
        transform: none;
    }
    .home #banner .background .welcomeMessage .wrapper {
        transform: translateY(-35%);
    }
    #banner .background .callout{
        width:315px;
        height:320px
    }
    #banner .background .callout .wrapper{
        font-size:1.25em;
        padding:10px
    }
    #banner .searchBar label{
        width:30%;
        float:left;
        margin-bottom:0;
        height:50px;
        line-height:50px;
        font-size:1.6875em
    }
    #banner .searchBar .maxWidth{
        border-right:1px solid rgba(255,255,255,0.25);
        border-left:1px solid rgba(255,255,255,0.25)
    }
    #banner .searchBar input{
        width:70%
    }
    #banner h1{
        width:75%
    }
}
@media (min-width: 1280px){
    #banner .background .welcomeMessage{
        /*padding:200px 0 100px*/
    }
}
#content .subHeading{
    padding:25px
}
#content .subHeading.no-pad{
    padding:25px 25px 0
}
#content .subHeading.no-pad h2{
    padding:0;
    margin:0
}
#content .subHeading p{
    margin:16px 0
}
#content .subHeading p span{
    text-decoration:underline;
    color:#004a80;
    font-family:"alegreya_sansbold"
}
#content .subHeading h2{
    font-family:"alegreya_sansbold";
    color:#db218b
}
#content .subHeading h2:after{
    content:'';
    bottom:0;
    width:55px;
    height:3px;
    margin:15px 0;
    display:inherit;
    background:#db218b
}
#content .registrationForm{
    padding:25px;
    background:#daedff;
    width:100%;
    margin-top:20px
}
#content .registrationForm label{
    color:#004a80
}
#content .registrationForm form:before{
    content:'';
    position:absolute;
    top:-45px;
    left:calc(50% - 20px);
    width:0;
    height:0;
    border-left:20px solid transparent;
    border-right:20px solid transparent;
    border-bottom:20px solid #daedff
}
#content .registrationForm form .form-col .form-header{
    color:#004a80;
    font-family:"alegreya_sansbold";
    font-size:.75em;
    position:relative;
    margin-bottom:25px
}
#content .registrationForm form .form-col .form-header:after{
    background:#004a80;
    content:'';
    bottom:0;
    width:10%;
    height:3px;
    left:0;
    bottom:-10px;
    position:absolute
}
#content .registrationForm form .form-col .form-header--placeholder:after{
    display:none
}
#content .registrationForm form .form-col .form-row{
    margin-bottom:25px
}
#content .registrationForm form input{
    color:#000;
    font-family:"alegreya_sanslight"
}
#content .registrationForm form textarea{
    height:200px;
    resize:none;
    line-height:1.5em;
    padding:10px;
    color:#000;
    font-family:"alegreya_sanslight";
    font-size:1.125em
}
#content .registrationForm form textarea::-webkit-scrollbar{
    width:12px
}
#content .registrationForm form textarea::-webkit-scrollbar-track{
    background-color:#daedff
}
#content .registrationForm form textarea::-webkit-scrollbar-thumb{
    background-color:#004a80
}
#content .registrationForm form .checkbox{
    width:22px;
    height:22px;
    margin-right:10px;
    display:inline-block;
    vertical-align:middle
}
#content .registrationForm form .checkbox input{
    height:22px
}
#content .registrationForm form .checkbox ~ .copy{
    display:inline-block;
    width:calc(100% - 35px);
    vertical-align:middle
}
#content .registrationForm .confirmBox{
    width:100%;
    border:5px solid #fff;
    padding:25px;
    margin-bottom:25px
}
#content .registrationForm .confirmBox .wrapper{
    margin-top:10px
}
#content .registrationForm .confirmBox .checkbox{
    width:22px;
    height:22px;
    margin-right:10px;
    display:inline-block
}
#content .registrationForm .confirmBox .checkbox input{
    height:22px
}
#content .registrationForm .confirmBox .copy{
    display:inline-block;
    width:calc(100% - 60px)
}
#content .registrationForm .confirmBox label{
    font-family:"alegreya_sansregular";
    margin:0;
    font-size:1.125em;
    line-height:1.2em
}
#content .registrationForm .btn{
    width:100%;
    clear:both
}
#content .registrationForm .imageUpload{
    position:relative;
    width:200px;
    height:200px;
    color:#fff
}
#content .registrationForm .imageUpload.imageUpload__handle{
    cursor:pointer
}
#content .registrationForm .imageUpload.imageUpload__handle:hover i.fa{
    background:rgba(255,255,255,0.25) !important
}
#content .registrationForm .imageUpload.imageUpload__handle:hover span{
    display:block;
    z-index:11
}
#content .registrationForm .imageUpload.imageUpload__handle:hover:after{
    display:block;
    content:'';
    background-color:rgba(219,33,139,0.85);
    color:#fff;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0
}
#content .registrationForm .imageUpload--pink{
    background-color:#db218b;
    -webkit-box-shadow:-4px 4px 0 #b1d4f6;
    box-shadow:-4px 4px 0 #b1d4f6;
    color:#fff
}
#content .registrationForm .imageUpload--pink i.fa{
    background:rgba(255,255,255,0.25) !important
}
#content .registrationForm .imageUpload span{
    text-align:center;
    font-size:1.25em;
    font-family:"alegreya_sansbold";
    display:none;
    position:absolute;
    top:calc(50% - 10px);
    left:0;
    width:100%
}
#content .registrationForm .imageUpload img{
    width:100%;
    height:100%;
    max-width:200px;
    max-height:200px;
    -webkit-box-shadow:-4px 4px 0 #b1d4f6;
    box-shadow:-4px 4px 0 #b1d4f6;
    -o-object-fit:cover;
    object-fit:cover
}
#content .registrationForm .imageUpload i.fa{
    cursor:pointer;
    position:absolute;
    top:10px;
    right:10px;
    color:#fff;
    width:32px;
    height:32px;
    background:#004a80;
    border-radius:3px;
    font-size:1.5em;
    text-align:center;
    padding-top:4px;
    z-index:10
}
#content label{
    display:block;
    margin-bottom:10px
}
@media (min-width: 768px){
    #content .registrationForm{
        float:left
    }
    #content .registrationForm .btn{
        float:right
    }
    #content .registrationForm form:before{
        left:15%
    }
    #content form .form-col{
        width:49%;
        float:left
    }
    #content form .form-col:nth-child(2){
        float:right
    }
    #content .confirmBox{
        clear:both
    }
}
@media (min-width: 1280px){
    #content .subHeading{
        padding:25px
    }
    #content .subHeading.no-pad{
        padding:25px 25px 0
    }
    #content .registrationForm form .checkbox ~ .copy{
        vertical-align:initial !important
    }
}
#footer{
    background:#6591C0;
    width:100%;
    color:#fff;
    clear:both
}
#footer .wrapper{
    padding:25px
}
#footer .wrapper .footer--cta{
    padding-bottom:25px
}
#footer .wrapper .footer--cta p{
    font-size:1.6875em;
    font-family:"alegreya_sansbold";
    line-height:1.14815em;
    margin-bottom:16px
}
#footer .wrapper .row{
    border:1px solid rgba(255,255,255,0.2);
    border-left:none;
    border-right:none;
    padding:16px 0
}
#footer .wrapper .footer--information{
    margin-bottom:16px
}
#footer .wrapper .footer--information .row:first-of-type p:first-of-type{
    color:#fedc00;
    font-size:1.6875em;
    line-height:1.14815em
}
#footer .wrapper .footer--information .row p{
    margin-bottom:5px
}
#footer .wrapper .footer--information .row p a{
    color:#fff
}
#footer .wrapper .footer--information .row p a:hover{
    color:#fedc00
}
#footer .wrapper .footer--social{
    width:100%;
    font-size:1.6875em;
    line-height:1.14815em;
    color:#fedc00;
    margin-bottom:30px
}
#footer .wrapper .footer--social strong{
    color:#6591C0
}
#footer .wrapper .footer--social .col{
    width:49%;
    display:inline-block
}
#footer .wrapper .footer--social .col .wrapper{
    padding:0;
    text-align:center
}
#footer .wrapper .footer--social a{
    color:#004a80;
    font-size:1.6875em;
    margin-top:10px;
    margin-right:13px;
    display:inline-block
}
#footer .wrapper .footer--social a:last-child{
    margin-right:0
}
#footer .wrapper .footer--social a:hover{
    color:#fedc00
}
#footer .wrapper .footer--social a .fa.fa-x::before {
    content: url('data:image/svg+xml,<svg width="100%" height="auto" viewBox="0 0 1200 1227" xmlns="http://www.w3.org/2000/svg"><path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="%23004a80"/></svg>');
    display: block;
    width: 32px;
    height: auto;
}
#footer .wrapper .footer--social a:hover .fa.fa-x::before {
    content: url('data:image/svg+xml,<svg width="100%" height="auto" viewBox="0 0 1200 1227" xmlns="http://www.w3.org/2000/svg"><path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="%23fedc00"/></svg>');
    display: block;
    width: 32px;
    height: auto;
}
#footer .footer--links{
    background-color:#fff
}
#footer .footer--links ul{
    list-style:none;
    margin:0;
    padding:0;
    width:100%;
    margin-bottom:10px
}
#footer .footer--links ul li{
    margin-right:15px;
    display:inline-block
}
#footer .footer--links ul li a{
    color:#6591C0;
    font-family:"alegreya_sansbold";
    text-decoration:none
}
#footer .footer--links .cc{
    color:#b3b3b3
}
@media (min-width: 768px){
    #footer .footer--information,#footer .footer--cta{
        width:49%;
        padding:30px 0;
        float:left
    }
    #footer .wrapper .footer--cta{
        margin-top:15px;
        padding-right:25px
    }
    #footer .wrapper .footer--information{
        border-left:1px solid rgba(255,255,255,0.2);
        padding-left:25px
    }
    #footer .wrapper .footer--information .row:first-child{
        border:none;
        padding-top:0
    }
    #footer .wrapper .footer--information .row:last-child{
        border-bottom:none;
        padding-bottom:0
    }
    #footer .wrapper .footer--information .row:first-of-type p:first-of-type{
        font-size:2.6875em;
        line-height:1.025em
    }
    #footer .footer--links{
        clear:both
    }
}
@media (min-width: 1024px){
    #footer .wrapper .footer--cta p,#footer .wrapper .footer--cta a{
        width:50%;
        float:left
    }
    #footer .wrapper .footer--cta a{
        max-width:210px;
        display:block;
        margin-left:15px
    }
}
@media (min-width: 1280px){
    #footer .wrapper{
        padding:25px 0
    }
    #footer .wrapper ul{
        width:50%;
        float:left
    }
    #footer .wrapper .footer--cta a{
        margin-left:50px
    }
    #footer .wrapper .footer--social{
        width:50%;
        float:right
    }
    #footer .wrapper .footer--social strong{
        color:#6591C0;
        font-size:1.25em
    }
    #footer .wrapper .footer--social .col{
        width:auto
    }
    #footer .wrapper .footer--social .col a{
        font-size:40px
    }
    #footer .wrapper .footer--social .col:last-of-type{
        float:right
    }
}
.shareWidget{
    height:43px;
    width:130px;
    background:#db218b;
    position:absolute;
    right:15px;
    bottom:20px;
    padding:15px 0;
    font-size:1.25em
}
.shareWidget ul{
    position:absolute;
    top:15px;
    left:0;
    right:0;
    width:100%;
    overflow:hidden;
    height:0
}
.shareWidget.fixed{
    position:fixed
}
.shareWidget.active{
    width:225px;
    height:150px
}
.shareWidget.active ul{
    height:calc(100% - 40px)
}
.shareWidget.active .trigger{
    border-top:1px solid #e459a8
}
.shareWidget button.close{
    position:absolute;
    top:10px;
    right:10px;
    font-size:0;
    width:17.5px;
    height:17.5px;
    cursor:pointer;
    background:transparent url("/assets/img/close.png") no-repeat center/contain
}
.shareWidget:after{
    content:'';
    width:0;
    height:0;
    border-style:solid;
    border-width:15px 12.5px 0 12.5px;
    border-color:#db218b transparent transparent transparent;
    position:absolute;
    bottom:-15px;
    right:20px
}
.shareWidget ul,.shareWidget li{
    list-style:none;
    margin:0;
    padding:0
}
.shareWidget ul a,.shareWidget li a{
    color:#fff
}
.shareWidget ul a i.fa,.shareWidget li a i.fa{
    position:relative;
    left:0;
    padding-right:5px
}
.shareWidget li{
    padding:0 15px 5px
}
.shareWidget .trigger{
    width:100%;
    display:block;
    position:absolute;
    bottom:0;
    padding:10px;
    text-align:right;
    background:#db218b;
    z-index:10
}
.shareWidget .trigger a{
    color:#fff
}
#content .profile{
    width:100%
}
#content .profile:after{
    content:'';
    display:table;
    clear:both
}
#content .profile .header{
    width:100%;
    background:#daedff
}
#content .profile .header h2{
    font-family:"alegreya_sansbold";
    color:#004a80;
    margin:5px 0
}
#content .profile .header h2:after{
    content:'';
    bottom:0;
    width:55px;
    height:3px;
    margin:5px 0;
    display:inherit;
    background:#004a80
}
#content .profile .group_01{
    width:100%;
    padding:15px;
    margin-top:-110px
}
#content .profile .group_01 img{
    width:120px;
    height:120px;
    border:5px solid #fff;
    float:left;
	object-fit: cover;
	object-position: center;
}
#content .profile .group_01 .group{
    margin-right:0
}
#content .profile .name{
    clear:both
}
#content .profile .details{
    font-size:1.125em;
    display:inline-block;
    width:100%
}
#content .profile .details span{
    margin-right:20px
}
#content .profile .group_02{
    width:100%;
    padding:15px;
    border-top:1px solid #fff
}
#content .profile .receiveUpdates{
    height:60px;
    text-align:left;
    font-size:1.25em;
    font-family:"alegreya_sansbold";
    padding:0 15px
}
#content .profile .receiveUpdates .plus:after{
    font-family:'fontAwesome';
    content:'\f067';
    font-size:1.125em;
    position:relative;
    top:2px;
    margin-left:4px
}
#content .profile .group_03{
    width:100%;
    background:#6591C0;
    padding:15px
}
#content .profile .group_03 ul{
    list-style:none;
    margin:0;
    padding:0;
    width:100%;
    display:table
}
#content .profile .group_03 ul li{
    position:relative;
    display:table-cell;
    padding-right:19px
}
#content .profile .group_03 ul li:last-child{
    padding-right:0
}
#content .profile .group_03 ul li a{
    color:#fff;
    position:relative;
    font-size:1.125em;
    line-height:1em;
    vertical-align:bottom;
    display:table-cell
}
#content .profile .group_03 ul li span.notification{
    display:none
}
#content .profile .line{
    bottom:0;
    position:absolute;
    left:0;
    height:5px;
    background-color:#004a80;
    -webkit-transition:500ms;
    transition:500ms
}
#content .profile .content{
    width:100%
}
#content .profile .content .col{
    padding:25px
}
#content .profile .content .col .strap-box{
    margin-bottom:30px
}
#content .profile .content .col .mobile.mobile--boxes{
    margin-bottom:30px
}
#content .profile .content h2.title{
    color:#db218b;
    font-family:"alegreya_sansbold";
    margin-bottom:0;
    padding:25px 25px 0
}
#content .profile .content h2.title:after{
    content:'';
    bottom:0;
    width:55px;
    height:3px;
    margin:10px 0;
    display:inherit;
    background:#db218b
}
#content .profile .content .box p{
    font-size:1.25em
}
#content .profile .content .box a{
    color:#fff;
    display:inline-block;
    width:auto;
    font-size:1.25em;
    margin-top:20px
}
#content .profile .content .box a.yellow{
    color:#fedc00
}
#content .profile .content .strap-line{
    margin-bottom:10px
}
#content .profile .content .strap-line a{
    display:block;
    position:relative;
    width:100%
}
#content .profile .content .strap-line a:after{
    right:0;
    font-size:22px;
    top:3px
}
#content .profile .content .strap-line .arr-right:after{
    position:absolute;
    font-size:22px;
    right:0;
    top:2px
}
#content .profile .content .loadMore, #content .profile .content .more{
    display:block;
    margin:0 auto
}
#content .profile .updatesFeed{
    width:100%;
    margin-bottom:-10px
}
#content .profile .updatesFeed .timeline{
    display:none
}
#content .profile .updatesFeed .update{
    width:100%;
    position:relative;
    margin-bottom:25px
}
#content .profile .updatesFeed .update:before{
    background:url("/assets/img/update_arrow.png");
    width:19px;
    height:29px;
    display:block;
    position:absolute;
    content:'';
    left:-19px;
    top:20px
}
#content .profile .updatesFeed img{
    max-width:100%
}
#content .profile .updatesFeed .photo img{
    border:solid 5px #ffffff;
}
#content .profile .updatesFeed .message,#content .profile .updatesFeed .comments{
    background:#daedff;
    -webkit-box-shadow:-4px 4px 0 #b2c9e1;
    box-shadow:-4px 4px 0 #b2c9e1;
    padding:20px;
    width:100%;
    -webkit-transition:300ms;
    transition:300ms
}
#content .profile .updatesFeed .thumbnail{
    border:4px solid #fff;
    float:left;
    margin-right:15px;
    width:65px;
    height:65px
}
#content .profile .updatesFeed .date{
    font-size:1.375em
}
#content .profile .updatesFeed h3{
    color:#004a80;
    position:relative;
    font-family:"alegreya_sansbold";
    float:left;
    max-width:66.667%
}
#content .profile .updatesFeed h3:after{
    content:'';
    bottom:-5px;
    left:0;
    width:55px;
    height:3px;
    position:absolute;
    background:#004a80
}
#content .profile .updatesFeed .details{
    font-size:1.125em;
    line-height:1.33333em;
    display:inline-block;
    margin-bottom:10px
}
#content .profile .updatesFeed .details a{
    color:#db218b
}
#content .profile .updatesFeed .copy{
    clear:both;
    width:100%;
    font-size:1.125em;
    line-height:1.33333em
}
#content .profile .updatesFeed .readMore,#content .profile .updatesFeed .actions a{
    color:#db218b
}
#content .profile .updatesFeed .readMore:hover,#content .profile .updatesFeed .actions a:hover{
    color:#e462ac
}
#content .profile .updatesFeed .moreCopy{
    display:none;
}
#content .profile .updatesFeed .readMore{
    margin-left:5px
}
#content .profile .updatesFeed .readMore span:first-child{
    display:inline;    
}
#content .profile .updatesFeed .readMore span:last-child{
    display:none
}
#content .profile .updatesFeed .readMore.more span:first-child{
    display:none
}
#content .profile .updatesFeed .readMore.more span:last-child{
    display:inline;
}
#content .profile .updatesFeed .actions{
    clear:left;
    margin-top:15px;
    font-size:1.125em
}
#content .profile .updatesFeed .actions .likes,#content .profile .updatesFeed .actions .commentsTrigger{
    width:100%;
    margin-top:10px
}
#content .profile .updatesFeed .actions .likes i{
    top:2px;
    margin-right:5px;
    position:relative
}
#content .profile .updatesFeed .card{
    width:100%;
    background-color:#fff;
    padding:15px;
    -webkit-box-shadow:-4px 4px 0 #b2c9e1;
    box-shadow:-4px 4px 0 #b2c9e1;
    margin-bottom:15px
}
#content .profile .updatesFeed .card h3:first-of-type{
    color:#db218b;
    font-size:1.25em;
    float:none;
    margin-bottom:0
}
#content .profile .updatesFeed .card h3:first-of-type:after{
    display:none
}
#content .profile .updatesFeed .card h3:nth-of-type(1n+2){
    margin-top:10px
}
#content .profile .updatesFeed .comments{
    margin-top:25px;
    display:none;
    position:relative
}
#content .profile .updatesFeed .comments:before{
    content:'';
    position:absolute;
    top:-15px;
    left:40px;
    width:0;
    height:0;
    border-left:15px solid transparent;
    border-right:15px solid transparent;
    border-bottom:15px solid #daedff
}
#content .profile .updatesFeed .comments .comment{
    margin-bottom:25px
}

#content .profile .updatesFeed .comments .comment__thumbnail{
    /*width:60px;*/
    margin-right:15px;
    float:left
}
#content .profile .updatesFeed .comments .comment__thumbnail img{
    border:4px solid #fff
}
#content .profile .updatesFeed .comments .comment__date{
    font-size:1.375em;
    float:right
}
#content .profile .updatesFeed .comments .comment__date a.delete.delete--comment, #content .profile .updatesFeed .message .date a.delete.delete--update, #content .profile .updatesFeed .photo .date a.delete.delete--photo, #content .profile .updatesFeed .card .date a.delete.delete--mos {
    position:relative
}
#content .profile .updatesFeed .comments .comment__date a.delete.delete--comment:after, #content .profile .updatesFeed .message .date a.delete.delete--update:after, #content .profile .updatesFeed .photo .date a.delete.delete--photo:after, #content .profile .updatesFeed .card .date a.delete.delete--mos:after {
    font-family:'fontAwesome';
    content:'\f00d';
    display:inline-block;
    color:#004a80;
    font-size:16px;
    padding-left:5px;
    cursor:pointer
}

#content .profile .updatesFeed .comments .comment__date a.delete.delete--comment span.mm-tooltip, #content .profile .updatesFeed .message .date a.delete.delete--update span.mm-tooltip, #content .profile .updatesFeed .photo .date a.delete.delete--photo span.mm-tooltip, #content .profile .updatesFeed .card .date a.delete.delete--mos span.mm-tooltip {
    position:absolute;
    top:-60px;
    min-width:200px;
    max-width:250px;
    width:100%;
    height:auto;
    background:#004a80;
    color:#fff;
    padding:15px;
    left:-110px;
    -webkit-box-shadow:-4px 4px 0 #b2c9e1;
    box-shadow:-4px 4px 0 #b2c9e1;
    text-align:center
}
#content .profile .updatesFeed .comments .comment__date a.delete.delete--comment span.mm-tooltip:after, #content .profile .updatesFeed .message .date a.delete.delete--update span.mm-tooltip:after, #content .profile .updatesFeed .photo .date a.delete.delete--photo span.mm-tooltip:after, #content .profile .updatesFeed .card .date a.delete.delete--mos span.mm-tooltip:after  {
    position:absolute;
    width:0;
    height:0;
    border:0 solid transparent;
    border-left-width:16px;
    border-right-width:16px;
    border-top:16px solid #004a80;
    display:block;
    content:"";
    bottom:-16px;
    right:calc(25% + 10px)
}
#content .profile .updatesFeed .comments .comment__copy{
    clear:left;
    min-height:60px
}
#content .profile .updatesFeed .comments .comment__copy p{
    font-size:1.125em;
    line-height:1.33333em
}
#content .profile .updatesFeed .comments .comment__copy a{
    color:#db218b
}
#content .profile .updatesFeed .comments .comment__copy a:hover{
    color:#e462ac
}
#content .profile .updatesFeed .comments .comment__reply{
    display:inline-block;
    width:calc(100% - 105px)
}
#content .profile .updatesFeed .comments .comment__reply input{
    min-height:60px
}
#content .profile .loader{
    display:none;
    margin:30px auto 20px;
    border:8px solid #daedff;
    border-radius:50%;
    border-top:8px solid #004a80;
    width:42px;
    height:42px;
    -webkit-animation:spin .75s linear infinite;
    animation:spin .75s linear infinite
}
#content .profile .box.supportBox h2,#content .profile .box.supportBox p{
    float:left;
    clear:left
}
#content .profile .box.supportBox img{
    float:right;
    width:64px;
    height:auto
}
#content .profile .accordion{
    width:100%
}
#content .profile .accordion a.arr-right{
    display:block;
    font-size:1.125em
}
#content .profile .accordion a.arr-right:after{
    font-size:.875em;
    top:0
}
#content .profile .accordion .hiddenBox{
    display:none
}
#content .profile .accordion a.title{
    position:relative;
    padding-right:10%;
    width:100%
}
#content .profile .accordion a.title:after{
    content:'\f063';
    font-family:'fontAwesome';
    right:0;
    bottom:-3px;
    font-size:22px;
    position:absolute;
    -webkit-transition:500ms;
    transition:500ms
}
#content .profile .accordion.open a.title:after{
    -webkit-transform:rotate(-180deg);
    transform:rotate(-180deg)
}
#content .profile .accordion.full{
    border-top:1px solid #fff
}
#content .profile .accordion.full:nth-child(2){
    margin-top:25px
}
#content .profile .accordion.full.lightblue{
    background:#daedff
}
#content .profile .accordion.full h2{
    width:100%;
    display:inline-block;
    position:relative;
    padding:20px 25px;
    margin-bottom:0;
    color:#004a80;
    font-family:"alegreya_sansbold"
}
#content .profile .accordion.full h2:after{
    content:'\f063';
    font-family:'fontAwesome';
    right:25px;
    bottom:18px;
    font-size:22px;
    position:absolute;
    -webkit-transition:500ms;
    transition:500ms
}
#content .profile .accordion.full.open h2:after{
    -webkit-transform:rotate(-180deg);
    transform:rotate(-180deg)
}
#content .profile .accordion.full .hiddenBox{
    padding:0 25px 25px;
    width:100%
}
#content .profile .accordion.full .hiddenBox img{
    min-height: 66.39px;
    object-fit: cover;
    width:calc(100% / 4 - 14px);
    border:3px solid #fff;
    margin-right:15px;
    margin-bottom:15px
}
#content .profile .accordion.full .hiddenBox img:nth-of-type(4n+4){
    margin-right:0
}
#content .profile .about p{
    margin-bottom:15px;
    white-space: pre-wrap;
}
#content .profile .photoalbum{
    text-align:left;
}
#content .profile .photoalbum__photo{
    position:relative;
    display:inline-block;
    width:100%;
    margin-bottom:25px
}
#content .profile .photoalbum__photo img{
    width:100%;
    height:225px;
    max-height:225px;
    display:block
}
#content .profile .photoalbum__photo span{
    position:absolute;
    bottom:15px;
    left:15px;
    padding:10px 25px;
    background-color:#db218b;
    color:#fff
}
#content .profile .photoalbum__photo i.fa{
    cursor:pointer;
    position:absolute;
    top:15px;
    right:15px;
    color:#fff;
    width:32px;
    height:32px;
    background:#004a80;
    border-radius:3px;
    font-size:1.5em;
    text-align:center;
    padding-top:4px
}
#content .profile .supportgrid__message{
    vertical-align:top;
    display:inline-block;
    width:100%;
    margin-bottom:25px;
    margin-top:25px
}
#content .profile .supportgrid__message>img{
    width:100%;
    height:225px;
    border:4px solid #daedff
}
#content .profile .supportgrid__card{
    background-color:#daedff;
    width:100%;
    position:relative;
    padding:15px;
    min-height:175px
}
#content .profile .supportgrid__card h3{
    color:#004a80;
    position:relative;
    font-family:"alegreya_sansbold";
    display:inline-block
}
#content .profile .supportgrid__card h3:after{
    content:'';
    bottom:-5px;
    left:0;
    width:55px;
    height:3px;
    position:absolute;
    background:#004a80;
    font-family:"alegreya_sansbold"
}
#content .profile .supportgrid__card h3:first-of-type{
    color:#db218b;
    font-size:1.25em;
    float:none;
    margin-bottom:15px;
    float:left
}
#content .profile .supportgrid__card h3:first-of-type:after{
    display:none
}
#content .profile .supportgrid__card p{
    float:right;
    line-height:1em;
    font-size:1.375em
}
#content .profile .supportgrid__card .actions .likes a{
    color:#db218b
}
#content .profile .supportgrid__card .actions .likes i{
    margin-right:5px;
    position:relative;
    top:2px
}
#content .profile .supportgrid img ~ .supportgrid__card{
    width:100%;
    margin-top:-35px;
    margin-left:15px
}
#content .profile .supportgrid img ~ .supportgrid__card a.expand:after{
    content:"\f065";
    display:inline-block;
    font-family:'fontAwesome';
    cursor:pointer;
    bottom:15px;
    right:15px;
    position:absolute;
    border-radius:3px;
    background:#004a80;
    color:#fff;
    font-size:1.5em;
    text-align:center;
    vertical-align:bottom;
    padding:8px
}
@media (min-width: 768px){
    #content .profile .header{
        background-color:#6591C0
    }
    #content .profile .header .line{
        bottom:15px
    }
    #content .profile .group_01{
        margin-top:-155px
    }
    #content .profile .group_01 .name,#content .profile .group_01 .details{
        clear:none;
        width:60%;
        color:#fff
    }
    #content .profile .group_01 h2{
        color:#fff
    }
    #content .profile .group_01 h2:after{
        background:#fff
    }
    #content .profile .group_01 img{
        margin-right:20px;
        width:160px;
        height:160px;
        border:3px solid #fff
    }
    #content .profile .group_01 .name{
        margin-top:15px
    }
    #content .profile .group_01 .details .group{
        width:100%;
        float:left
    }
    #content .profile .group_02{
        border:none;
        width:auto;
        float:right;
        padding:0 40px 0 0;
        margin-top:25px
    }
    #content .profile .receiveUpdates{
        color:#fff
    }
    #content .profile .group_03{
        clear:left;
        width:70%;
        max-width:600px;
        padding-left:40px;
        margin-top:-10px
    }
    #content .profile .group_03 ul{
        margin-left:-20px;
        height:40px
    }
    #content .profile .group_03 ul li{
        display:block;
        float:left;
        padding:0
    }
    #content .profile .group_03 ul li a{
        font-size:1.25em;
        padding:5px 20px
    }
    #content .profile .group_03 ul li span.notification{
        display:block;
        position:absolute;
        top:-12px;
        right:-8px;
        width:22px;
        height:22px;
        background-color:#db218b;
        border-radius:3px;
        color:#fff;
        text-align:center;
        font-size:1em;
        font-family:"alegreya_sansbold";
        -webkit-box-shadow:-2px 2px 6px rgba(0,0,0,0.2);
        box-shadow:-2px 2px 6px rgba(0,0,0,0.2)
    }
    #content .profile .content h2.title{
        padding:40px 40px 0 25px
    }
    #content .profile .content .strap-box{
        margin-top:0;
        margin-bottom:25px
    }
    #content .profile .updatesFeed{
        padding-left:50px;
        position:relative
    }
    #content .profile .updatesFeed .timeline{
        display:inherit;
        height:100%;
        width:3px;
        background-color:#daedff;
        left:0;
        top:20px;
        position:absolute;
        -webkit-transition:300ms;
        transition:300ms
    }
    #content .profile .updatesFeed .update:after{
        content:'';
        position:absolute;
        left:-60px;
        top:10px;
        width:17px;
        height:17px;
        background:#004a80;
        border-radius:50%;
        border:3px solid #daedff
    }
    #content .profile .updatesFeed .thumbnail{
        height:75px;
        width:75px
    }
    #content .profile .updatesFeed .photo h3{
        width: 100%;
        margin-top:20px
    }
    #content .profile .updatesFeed .photo .actions{
        margin-top:25px;
        margin-left:0
    }
    #content .profile .updatesFeed .details{
        width:auto
    }
    #content .profile .updatesFeed .message{
        padding:40px
    }
    #content .profile .updatesFeed .actions,#content .profile .updatesFeed .copy{
        width:calc(100% - 90px)
    }
    #content .profile .updatesFeed .copy{
        float:right;
        clear:none;
        margin-bottom:10px
    }
    #content .profile .updatesFeed .date{
        float:right;
        line-height:1em
    }
    #content .profile .updatesFeed h3{
        font-size:1.6875em
    }
    #content .profile .updatesFeed h3:after{
        bottom:-15px
    }
    #content .profile .updatesFeed .actions{
        margin-left:90px
    }
    #content .profile .updatesFeed .actions .likes,#content .profile .updatesFeed .actions .commentsTrigger{
        width:auto;
        margin-right:20px;
        display:inline-block
    }
    #content .profile .updatesFeed .card{
        width:calc(100% / 3 - 15px);
        display:inline-block;
        margin-right:15px;
        vertical-align:top
    }
    #content .profile .updatesFeed .card:nth-of-type(3n+3){
        margin-right:0
    }
    #content .profile .updatesFeed .card p.date{
        float:none
    }
    #content .profile .updatesFeed .card .actions{
        margin-left:0
    }
    #content .profile .updatesFeed .comments .comment__copy{
        width:calc(100% - 110px);
        clear:none
    }
    #content .profile .photoalbum__photo{
        width:calc(100% / 3 - 35px);
        margin-right:35px
    }
    #content .profile .photoalbum__photo:nth-of-type(3n+3){
        margin-right:0
    }
    #content .profile .supportgrid__message{
        width:calc(100% / 3 - 40px)
    }
    #content .profile .supportgrid__card:first-child{
        height: auto;
        padding-bottom: 30px;
    }
    #content .profile .supportgrid__card .actions{
        position:absolute;
        bottom:15px
    }
    #content .profile .supportgrid h3{
        font-size:1.6875em;
    }
    #content .profile .supportgrid h3:after{
        bottom:-15px
    }
}
@media (min-width: 1024px){
    #content .profile .content .col--left{
        width:66.66%;
        float:left;
        padding-right:30px
    }
    #content .profile .content .col--right{
        width:33.33%;
        float:right;
        padding-left:30px
    }
    #content .profile .group_02{
        padding-right:25px
    }
    #content .profile .accordion.full{
        margin-top:0;
        margin-bottom:25px;
        -webkit-box-shadow:-4px 4px 0 #b2c9e1;
        box-shadow:-4px 4px 0 #b2c9e1
    }
    #content .profile .accordion.full h2{
        position:relative;
        padding:20px 30px
    }
    #content .profile .accordion.full h2:after{
        content:'';
        bottom:10px;
        left:30px;
        width:55px;
        height:3px;
        background:#004a80
    }
    #content .profile .accordion.full .hiddenBox{
        display:block;
        margin-top:10px
    }
}
#gallerySlider{
    position:fixed;
    top:5%;
    left:5%;
    width:90%;
    height:90%;
    background-color:rgba(255,255,255,0);
    z-index:99;
    display:none;
    -webkit-transition:0.25s;
    transition:0.25s
}
#gallerySlider.active{
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(255,255,255,0.7);
    -webkit-transition:0.75s;
    transition:0.75s
}
#gallerySlider.active .slideshow{
    -webkit-transition:1s 0.5s;
    transition:1s 0.5s;
    opacity:1
}
#gallerySlider .slides{
    display:none
}
#gallerySlider .closeArea{
    position:fixed;
    width:100vw;
    height:100vh;
    top:0;
    left:0;
    z-index:1;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
#gallerySlider .close{
    position:absolute;
    right:35px;
    top:10px;
    font-size:0;
    background-color:#6591C0;
    width:25px;
    height:25px;
    border-radius:5px;
    cursor:pointer;
    -webkit-transition:0.3s;
    transition:0.3s
}
#gallerySlider .close:hover{
    background-color:rgba(100,145,192,0.7)
}
#gallerySlider .close:after{
    content:'';
    position:absolute;
    background:url("/assets/img/close.png") center/60% no-repeat;
    width:100%;
    height:100%
}
#gallerySlider .slideshow{
    position:fixed;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    color:#fff;
    font-size:30px;
    font-weight:bold;
    opacity:0;
    z-index:2
}
#gallerySlider .slideshow iframe{
    width:700px
}
#gallerySlider .slideshow img,#gallerySlider .slideshow iframe{
    max-width:60vw;
    max-height:60vh
}
#gallerySlider .slideshow .slide{
    opacity:0;
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    -webkit-transition:0.75s;
    transition:0.75s
}
#gallerySlider .slideshow .slide .actions .likes{
    font-size:.625em;
    color:#fedc00
}
#gallerySlider .slideshow .slide .actions .likes a{
    color:#fedc00
}
#gallerySlider .slideshow .slide i{
    margin-right:5px
}
#gallerySlider .slideshow .slide .group{
    padding:50px;
    background-color:#6591C0
}
#gallerySlider .slideshow .slide:first-child,#gallerySlider .slideshow .slide.left{
    opacity:0 !important;
    margin-left:-30vw;
    -webkit-transition:1s;
    transition:1s
}
#gallerySlider .slideshow .slide.right .group{
    -webkit-transform:scale(0.7) rotateY(-90deg);
    transform:scale(0.7) rotateY(-90deg);
    -webkit-transition:1s;
    transition:1s
}
#gallerySlider .slideshow .slide.left .group{
    -webkit-transform:scale(0.7) rotateY(90deg);
    transform:scale(0.7) rotateY(90deg);
    -webkit-transition:1s;
    transition:1s
}
#gallerySlider .slideshow .slide:last-child,#gallerySlider .slideshow .slide.right{
    opacity:0 !important;
    margin-left:30vw;
    -webkit-transition:1s;
    transition:1s
}
#gallerySlider .slideshow .slide.center{
    margin-left:0;
    opacity:1;
    -webkit-transition:0.7s 0.3s;
    transition:0.7s 0.3s
}
#gallerySlider .slideshow .slide:nth-of-type(2){
    opacity:1;
    z-index:2
}
#gallerySlider .arrow{
    opacity:0;
    z-index:2
}
#gallerySlider .captions{
    padding-top:25px
}
#gallerySlider h3{
    color:#fff;
    position:relative;
    font-family:"alegreya_sansbold";
    font-size:1em;
    display:inline-block;
    width:calc(100% - 100px)
}
#gallerySlider h3:after{
    content:'';
    bottom:-15px;
    left:0;
    width:55px;
    height:3px;
    position:absolute;
    background:#fff
}
#gallerySlider p{
    font-size:.75em;
    color:#fff;
    z-index:1;
    float:right;
    line-height:1em
}
#gallerySlider i{
    display:inline-block;
    position:static
}
@media (min-width: 992px){
    #gallerySlider .slideshow img,#gallerySlider .slideshow iframe{
        max-width:700px;
        max-height:700px
    }
    #gallerySlider .close{
        width:40px;
        height:40px;
        right:5px;
        top:5px
    }
    #gallerySlider.active .arrow{
        opacity:1;
        -webkit-transition:0.75s 1s;
        transition:0.75s 1s
    }
    #gallerySlider .arrow{
        position:fixed;
        left:50%;
        top:50%;
        -webkit-transform:translate(-50%, -50%);
        transform:translate(-50%, -50%);
        font-size:0;
        color:#6491c0;
        -webkit-transition:0.3s;
        transition:0.3s;
        cursor:pointer;
        width:50px;
        height:50px
    }
    #gallerySlider .arrow:hover{
        color:rgba(100,145,192,0.7)
    }
    #gallerySlider .arrow:after{
        font-family:'fontawesome';
        font-size:30px;
        -webkit-transition:0.3s;
        transition:0.3s;
        top:24px;
        left:13px;
        position:relative
    }
    #gallerySlider .arrow:hover.prev:after{
        margin-left:-10px;
        font-size:34px
    }
    #gallerySlider .arrow:hover.next:after{
        margin-right:-10px;
        font-size:34px
    }
    #gallerySlider .prev{
        margin-left:-425px
    }
    #gallerySlider .prev:after{
        content:'\f060'
    }
    #gallerySlider .next{
        margin-left:425px
    }
    #gallerySlider .next:after{
        content:'\f061'
    }
}
#content .searchResults{
    padding:15px
}
#content .searchResults .strap{
    margin-bottom:15px
}
#content .searchResults .strap span{
    font-family:"alegreya_sansbold";
    color:#004a80
}
#content .searchResults__result{
    width:100%;
    min-height:130px;
    margin-bottom:20px;
    background-color:#daedff;
    position:relative
}
#content .searchResults__result img{
    border:4px solid #fff;
    max-width:65px;
    max-height:65px;
    width:100%;
    float:left;
    object-fit: cover;
}
#content .searchResults__result h3{
    float:left;
    color:#004a80;
    font-family:"alegreya_sansbold";
    margin-left:15px;
    margin-bottom:5px;
    font-size:1.6875em
}
#content .searchResults__result p{
    float:left;
    margin-left:15px;
    width:calc(100% - 90px)
}
#content .searchResults__result p span{
    font-family:"alegreya_sansbold"
}
#content .searchResults__result a{
    position:absolute;
    bottom:15px;
    right:15px
}
#content .searchResults__result:after{
    content:'';
    display:block;
    clear:both
}
@media (min-width: 768px){
    #content .searchResults__result{
        max-width:50%
    }
    #content .searchResults__result img{
        max-width:150px;
        max-height:150px;
    }
    #content .searchResults__result h3{
        margin-top:10px;
        margin-bottom:10px;
        margin-left:25px
    }
    #content .searchResults__result p{
        width:calc(100% - 175px);
        margin-left:25px;
        font-size:1.375em
    }
    #content .searchResults__result a{
        font-size:1.25em
    }
}
#content .top-level .section{
    background-color:#fff
}
#content .top-level .section.light-blue{
    background-color:#daedff
}
#content .top-level .section.navy{
    background-color:#004a80
}
#content .top-level .section:after{
    display:block;
    content:'';
    clear:both
}
#content .top-level .section .col .arr-right{
    font-size:1.125em;
    display:block;
    margin-top:15px
}
#content .top-level .col{
    width:100%;
    padding:25px
}
#content .top-level .col h3,
#content .top-level .subHeading > h3 {
    font-family:"alegreya_sansbold";
    color:#db218b;
    margin:0 0 15px 0
}
#content .top-level .col h3:after{
    content:'';
    bottom:0;
    width:55px;
    height:3px;
    margin:15px 0;
    display:inherit;
    background:#db218b
}
#content .top-level .col .photo{
    position:relative
}
#content .top-level .col img{
    max-width:100%;
    border:4px solid #fff
}
#content .top-level .col img ~ p.caption{
    background-color:#db218b;
    padding:10px 15px;
    color:#fff;
    margin-top:10px
}
#content .top-level .blocklinks{
    padding:0
}
#content .top-level .blocklinks__link{
    width:100%;
    float:left;
    margin-bottom:0;
    position:relative;
    display:table
}
#content .top-level .blocklinks__link .icon{
    position:absolute;
    z-index:11;
    right:15px;
    bottom:15px;
    width:62px;
    display:none
}
#content .top-level .blocklinks__link img:not(.icon){
    max-width:100%;
    border:6px solid #fff;
    width:calc(50% + 30px);
    display:none
}
#content .top-level .blocklinks__link a{
    background-color:#daedff;
    border-top:1px solid #fff;
    display:block;
    position:relative;
    z-index:10;
    text-align:left;
    font-family:"alegreya_sansbold";
    font-size:1.875em;
    line-height:1.16667em;
    color:#004a80;
    float:none;
    margin-top:0;
    padding:10px;
    width:100%;
    height:90px;
    vertical-align:middle;
    display:table-cell
}
#content .top-level .blocklinks__link a.arr-right:after{
    font-size:18px
}
@media (min-width: 768px){
    #content .top-level .blocklinks{
        padding:25px
    }
    #content .top-level .blocklinks__link{
        margin-top:30px;
        margin-bottom:50px;
        display:block
    }
    #content .top-level .blocklinks__link:nth-child(even) img:not(.icon){
        float:right
    }
    #content .top-level .blocklinks__link:nth-child(even) a{
        float:left
    }
    #content .top-level .blocklinks__link:nth-child(even) .icon{
        right:50%
    }
    #content .top-level .blocklinks__link img:not(.icon){
        display:block;
        height:300px;
        -o-object-fit:cover;
        object-fit:cover
    }
    #content .top-level .blocklinks__link .icon{
        bottom:25px;
        right:25px;
        width:72px;
        height:68px;
        display:block
    }
    #content .top-level .blocklinks__link a{
        float:right;
        margin-top:-220px;
        padding:30px;
        width:calc(50% + 30px);
        height:235px;
        padding-right:100px;
        font-size:1.75em;
        overflow:hidden;
        border:none;
        color:#fff
    }
    #content .top-level .blocklinks__link a.blue{
        -webkit-box-shadow:-4px 4px 0 #527ca8;
        box-shadow:-4px 4px 0 #527ca8;
        background-color:#6591C0
    }
    #content .top-level .blocklinks__link a.pink{
        -webkit-box-shadow:-4px 4px 0 #e567ae;
        box-shadow:-4px 4px 0 #e567ae;
        background-color:#db218b
    }
    #content .top-level .blocklinks__link a.navy{
        background-color:#004a80;
        -webkit-box-shadow:-4px 4px 0 #6591C0;
        box-shadow:-4px 4px 0 #6591C0
    }
    #content .top-level .blocklinks__link a.arr-right:after{
        content:'';
        bottom:0;
        width:55px;
        height:3px;
        margin:15px 0;
        display:inherit;
        background:#fff
    }
}
@media (min-width: 1024px){
    #content .top-level .section .col .arr-right{
        font-size:1.625em
    }
    #content .top-level .col{
        width:50%;
        float:left
    }
    #content .top-level .col-33{
        width:33%;
        padding-left:30px
    }
    #content .top-level .col-66{
        width:66%
    }
    #content .top-level .col img ~ p.caption{
        position:absolute;
        bottom:35px;
        left:25px;
        max-width:25%
    }
    #content .top-level .blocklinks__link{
        text-align:center;
        width:calc(100% / 3 - 30px);
        margin-right:30px
    }
    #content .top-level .blocklinks__link:last-of-type{
        margin-right:0
    }
    #content .top-level .blocklinks__link img:not(.icon){
        width:calc(100% - 35px);
        max-width:100%;
        float:none !important
    }
    #content .top-level .blocklinks__link a{
        padding-top:10px;
        float:right !important;
        width:calc(100% - 35px);
        margin-top:-100px
    }
    #content .top-level .blocklinks__link .icon{
        right:25px !important
    }
}
#content .home-page .section.links .findoutmore{
    display:none
}
#content .home-page .section.links .col{
    padding:25px 30px 0;
    border-top:1px solid #daedff
}
#content .home-page .section.links .col:first-of-type a.btn{
    margin-top:15px;
    display:none
}
#content .home-page .section.links .col>a.arr-right:not(.findoutmore){
    margin-top:0
}
#content .home-page .section.links h3{
    color:#004a80
}
#content .home-page .section.links h3:after{
    display:none
}
#content .home-page .section.links h3:after{
    background-color:#004a80
}
#content .home-page .section.links h2{
    display:inline
}
#content .home-page .section.links p{
    display:none
}
#content .home-page .section .hero{
    padding:25px 0
}
#content .home-page .section .hero img{
    max-width:100%
}
#content .home-page .section .hero img ~ p.caption{
    display:none
}
#content .home-page .section .message{
    margin:0 auto;
    position:relative;
    z-index:99;
    padding:15px;
    background-color:#6591C0;
    color:#fff;
    margin-top:-100px;
    width:calc(100% - 50px);
    height:auto;
    max-height:400px
}
#content .home-page .section .message .fa{
    color:#fedc00;
    display:inline-block;
    float:left;
    margin-right:10px;
    font-size:1.375em
}
#content .home-page .section .message a.btn{
    margin-top:25px
}
#content .home-page .section .message p{
    font-family:"alegreya_sanslight";
    font-size:1.375em;
    line-height:1.02632em
}
#content .home-page .section.info-block{
    color:#fff;
    background:#004a80 url("/assets/img/pattern2.png") repeat -10px -15px
}
#content .home-page .section.info-block .col:after,#content .home-page .section.info-block .maxWidth:after{
    display:block;
    content:'';
    clear:both
}
#content .home-page .section.info-block .maxWidth{
    background-color:#004a80;
    border-right:1px solid rgba(255,255,255,0.25);
    border-left:1px solid rgba(255,255,255,0.25)
}
#content .home-page .section.info-block h3 ~ img{
    width:121px;
    margin-top:30px
}
#content .home-page .section.info-block h3{
    color:#fedc00;
    float:left;
    font-size:2.25em;
    margin:0;
    padding:13px;
    width:100%;
    margin-right:15px;
    max-width:175px;
    height:195px;
    background:url("/assets/img/bubble.svg") center center/100% no-repeat
}
@media (max-width: 390px){
    #content .home-page .section.info-block h3{
        font-size:1.125em;
        min-height:122px;
        max-width:120px;
        height:auto;
        padding:20px
    }
}
#content .home-page .section.info-block h3:after{
    background-color:#fedc00
}
#content .home-page .section.info-block img{
    border:none
}
#content .home-page .section.info-block .col-66 .wrapper{
    padding:15px 0
}
#content .home-page .section.info-block .col-66 .wrapper a{
    color:#fff
}
#content .home-page .section.info-block .col-66 .wrapper a.arr-right:after{
    display:none
}
#content .home-page .section.info-block .col-66 .wrapper a h2{
    display:inline;
    font-size:inherit
}
#content .home-page .section.info-block .col-66 .wrapper:first-child{
    border-top:1px solid rgba(255,255,255,0.25);
    border-bottom:1px solid rgba(255,255,255,0.25)
}
#content .home-page .section.info-block .col-66 h2{
    font-family:"alegreya_sansbold"
}
@media (max-width: 767px){
    #content .home-page .section.links .col>a.arr-right:not(.findoutmore){
        font-size:inherit
    }
    #content .home-page .section.links .col>a.arr-right:not(.findoutmore):after{
        display:none
    }
}
@media (min-width: 768px){
    #content .home-page .section a.btn{
        display:inline-block !important
    }
    #content .home-page .section.links .col-33 h2{
        font-family:"alegreya_sansbold";
        color:#db218b;
        display:block
    }
    #content .home-page .section.links .col-33 h2:after{
        content:'';
        bottom:0;
        width:55px;
        height:3px;
        margin:15px 0;
        display:inherit;
        background:#db218b
    }
    #content .home-page .section.links .findoutmore,#content .home-page .section.links p{
        display:block
    }
    #content .home-page .section.links .findoutmore{
        font-size:1.25em
    }
    #content .home-page .section.links a.arr-right:first-of-type{
        color:#db218b;
        max-width:600px;
        margin-top:0;
        margin-bottom:15px
    }
    #content .home-page .section.links a.arr-right:first-of-type:after{
        top:-10px;
        margin-left:15px;
        font-size:30px
    }
    #content .home-page .section.links h3:after{
        display:block
    }
    #content .home-page .section.links h2{
        color:#db218b;
        font-family:"alegreya_sanslight"
    }
    #content .home-page .section.links h2 span{
        font-style:italic
    }
    #content .home-page .section.links .col{
        padding:30px;
        border:none
    }
    #content .home-page .section.links p span{
        font-family:"alegreya_sansitalic"
    }
    #content .home-page .section .hero{
        padding:25px
    }
    #content .home-page .section .photo{
        float:left;
        width:100%;
        position:relative
    }
    #content .home-page .section .photo img{
        height:350px;
        -o-object-fit:cover;
        object-fit:cover;
        max-width:100%;
        width:calc(100% - 50px)
    }
    #content .home-page .section .photo img ~ p.caption{
        position:absolute;
        top:35px;
        left:35px;
        background-color:#db218b;
        padding:10px 15px;
        color:#fff;
        margin-top:10px;
        width:250px;
        padding:25px;
        display:block
    }
    #content .home-page .section .photo img ~ p.caption a{
        color:#fff;
        font-size:1.625em
    }
    #content .home-page .section .photo img ~ p.caption a.arr-right:after{
        font-size:20px;
        margin-left:15px;
        top:-3px
    }
    #content .home-page .section .message{
        float:right;
        padding:50px;
        margin-bottom:40px
    }
    #content .home-page .section .message .fa{
        font-size:2.25em
    }
    #content .home-page .section .message p{
        font-size:2.25em
    }
    #content .home-page .section .message a.btn{
        margin-top:25px
    }
    #content .home-page .section.info-block h3{
        margin-top:-10px;
        padding:20px;
        line-height:1em
    }
    #content .home-page .section.info-block .col-66 .wrapper{
        border:none !important;
        width:50%;
        padding:30px;
        float:left;
        padding-top:0
    }
    #content .home-page .section.info-block .col-66 .wrapper:last-of-type{
        margin-right:0
    }
    #content .home-page .section.info-block .col-66 .wrapper a.arr-right{
        font-size:2.25em;
        margin-top:0;
        margin-bottom:10px;
        line-height:1.16667em;
        position:relative
    }
    #content .home-page .section.info-block .col-66 .wrapper a.arr-right:before{
        position:absolute;
        content:'';
        display:block;
        bottom:-5px;
        width:55px;
        height:3px;
        background:#fff
    }
    #content .home-page .section.info-block .col-66 .wrapper a.arr-right:after{
        font-size:.375em;
        top:-6px;
        display:inline-block
    }
}
@media (min-width: 1024px){
    #content .home-page .section .message{
        width:425px;
        margin-top:-455px;
        max-height:460px;
        height:460px
    }
    #content .home-page .section .photo{
        margin-bottom:25px
    }
    #content .home-page .section .photo img{
        height:500px;
        width:auto
    }
}
#content .profile.forum .updatesFeed.forumFeed{
    padding-left:0
}
#content .profile.forum .updatesFeed.forumFeed .update:after{
    display:none
}
#content .profile.forum .updatesFeed.forumFeed .update h3{
    max-width:85%
}
#content .profile.forum .updatesFeed.forumFeed .update p.date{
    float:none;
    clear:both
}
#content .profile.forum .updatesFeed.forumFeed .update p.date a{
    color:#db218b
}
@media (min-width: 768px){
    #content .profile.forum .updatesFeed.forumFeed .update p.date{
        margin-left:90px
    }
}
#banner .searchBar.forum .form--col{
    display:block;
    width:100%
}
#banner .searchBar.forum .form--col:not(:first-of-type){
    margin-top:15px
}
#banner .searchBar.forum .form--col:first-of-type label{
    line-height:1.75em
}
#banner .searchBar.forum label{
    vertical-align:middle
}
#content .profile .updatesFeed.forumFeed{
    padding-left:0
}
#content .profile .updatesFeed.forumFeed .update:after{
    display:none
}
#content .profile .updatesFeed.forumFeed .update h3{
    max-width:85%
}
#content .profile .updatesFeed.forumFeed .update p.date{
    float:none;
    clear:both
}
#content .profile .updatesFeed.forumFeed .update p.date a{
    color:#db218b
}
@media (min-width: 768px){
    #content .profile .updatesFeed.forumFeed .update p.date{
        margin-left:90px
    }
}
@media (min-width: 1024px){
    #banner .searchBar.forum{
        background-image:none
    }
    #banner .searchBar.forum .maxWidth{
        padding:15px 30px;
        border:0
    }
    #banner .searchBar.forum .form--col{
        width:49%;
        display:inline-block;
        vertical-align:middle
    }
    #banner .searchBar.forum .form--col:not(:first-of-type){
        margin:0
    }
    #banner .searchBar.forum .form--col:not(:first-of-type) label{
        padding-left:15px
    }
    #banner .searchBar.forum .form--col label{
        line-height:1em
    }
}
form .iCheck_pink,form .iRadio_pink{
    display:inline-block;
    vertical-align:middle;
    margin:0;
    padding:0;
    width:22px;
    height:22px;
    background:url("/assets/img/icheck.png") no-repeat center/46px 22px;
    border:none;
    cursor:pointer;
    margin-top:-6px
}
form .iCheck_pink{
    background-position:0 0
}
form .iCheck_pink.checked{
    background-position:-25px 0
}
form .iCheck_pink.disabled{
    background-position:-44px 0;
    cursor:default
}
form .iCheck_pink.checked.disabled{
    background-position:-66px 0
}
form .iRadio_pink{
    background-position:-88px 0
}
form .iRadio_pink.checked{
    background-position:-110px 0
}
form .iRadio_pink.disabled{
    background-position:-132px 0;
    cursor:default
}
form .iRadio_pink.checked.disabled{
    background-position:-154px 0
}
.popups.popup--placeholders{
    display:none
}
#popup{
    position:fixed;
    display:none;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(255,255,255,0);
    z-index:99;
    -webkit-transition:.25s;
    transition:.25s;
    padding:30px
}
#popup.open{
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#fff;
    -webkit-transition:.75s;
    transition:.75s;
    display:block
}
#popup.open .content{
    -webkit-transition:0.5s 0.7s;
    transition:0.5s 0.7s;
    opacity:1
}
#popup .content{
    width:90%;
    height:100%;
    background-color:#6591C0;
    position:fixed;
    opacity:0;
    z-index:2;
    max-height:100vh;
    color:#fff;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    padding:30px;
    left:50%;
    top:50%;
	top:50%;
	overflow: auto;
}
#popup .content .close{
    position:absolute;
    top:0;
    right:0;
    z-index:99;
    margin-top:4px;
    font-size:0;
    width:25px;
    height:25px;
    cursor:pointer;
    background:transparent url("/assets/img/close.png") no-repeat center/contain
}
#popup .content .close:hover{
    width:21px;
    height:21px;
    top:2px;
    right:2px;
    -webkit-transition:.15s;
    transition:.15s
}
#popup .content h3{
    position:relative;
     font-family: "alegreya_sansbold";
}
#popup .content h3:after{
    content:"";
    bottom:-5px;
    left:0px;
    width:55px;
    height:3px;
    position:absolute;
    background:#fff
}
#popup .content form{
    margin-top:15px;
    margin-bottom:15px
}
#popup .content form input,#popup .content form textarea{
    margin:5px 0 15px;
	line-height: auto;
	line-height: initial !important;
}
#popup .content form input:last-of-type,#popup .content form textarea:last-of-type{
    margin:0 0 10px 0
}
#popup .content form a{
    color:#fedc00;
    text-decoration:underline
}
#popup .content form button{
    margin-top:15px;
    width:100%;
    display:block
}
#popup .content form textarea{
    height:150px
}
#popup .content .footer{
    border-top:1px solid rgba(255,255,255,0.5);
    float:left;
    width:100%;
    margin-top:30px;
    padding-top:30px
}
#popup .content .footer h3:after{
    display:none
}
#popup .content .footer h3 span{
    font-family:"alegreya_sansitalic"
}
#popup .content a.arr-right{
    color:#fedc00;
    float:right;
    margin-top:30px
}
#popup .closearea{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0
}
@media (min-width: 768px){
    #popup{
        top:5%;
        left:5%;
        width:90%;
        height:90%
    }
    #popup.open{
        background-color:rgba(255,255,255,0.85)
    }
    #popup .content{
        -webkit-box-shadow:-4px 4px rgba(178,200,225,0.5);
        box-shadow:-4px 4px rgba(178,200,225,0.5);
        width:550px;
        height:700px;
        max-width:780px
    }
    #popup .content .close{
        margin:0
    }
    #popup .content a.arr-right{
        margin-top:15px
    }
    #popup .content form button{
        float:right;
        margin-top:0;
        width:50%
    }
    #popup .content .footer h3{
        float:left;
        width:50%;
        padding-right:15px
    }
    #popup .content .footer a.btn{
        float:right;
        width:50%
    }
}
#popup .imageUpload{
    position:relative;
    width:200px;
    height:200px;
    color:#fff
}
#popup .imageUpload.imageUpload__handle{
    cursor:pointer
}
#popup .imageUpload.imageUpload__handle:hover i.fa{
    background:rgba(255,255,255,0.25) !important
}
#popup .imageUpload.imageUpload__handle:hover span{
    display:block;
    z-index:11
}
#popup .imageUpload.imageUpload__handle:hover:after{
    display:block;
    content:'';
    background-color:rgba(219,33,139,0.85);
    color:#fff;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0
}
#popup .imageUpload--pink{
    background-color:#db218b;
    -webkit-box-shadow:-4px 4px 0 #b1d4f6;
    box-shadow:-4px 4px 0 #b1d4f6;
    color:#fff
}
#popup .imageUpload span{
    text-align:center;
    font-size:1.25em;
    font-family:"alegreya_sansbold";
    display:none;
    position:absolute;
    top:calc(50% - 10px);
    left:0;
    width:100%
}
#popup .imageUpload img{
    width:100%;
    height:100%;
    max-width:200px;
    max-height:200px;
    -webkit-box-shadow:-4px 4px 0 #b1d4f6;
    box-shadow:-4px 4px 0 #b1d4f6;
    -o-object-fit:cover;
    object-fit:cover
}
#popup .imageUpload i.fa{
    cursor:pointer;
    position:absolute;
    top:10px;
    right:10px;
    color:#fff;
    width:32px;
    height:32px;
    background:rgba(255,255,255,0.25);
    border-radius:3px;
    font-size:1.5em;
    text-align:center;
    padding-top:4px;
    z-index:10
}
.customSelect{
    width:100%;
    border-radius:3px;
    height:50px;
    line-height:50px;
    cursor:pointer;
    vertical-align:middle;
    background:#fff;
    color:#b3b3b3;
    text-align:left
}
.customSelect .cs-pch{
    font-family:"alegreya_sansbold";
    color:#b3b3b3 !important;
    width:100% !important;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
    padding-left:15px;
    position:absolute;
    top:0;
    right:0
}
.customSelect .cs-pch:before{
    font-size:1.25em;
    position:absolute;
    right:0;
    top:0;
    text-align:center;
    background-color:#db218b;
    color:#fff;
    width:20%
}
.customSelect-list{
    z-index:2;
    background:#fff;
    -webkit-box-shadow:0px 6px 12px 1px rgba(0,0,0,0.1);
    box-shadow:0px 6px 12px 1px rgba(0,0,0,0.1)
}
.customSelect-item{
    padding:0 0 0 10px;
    cursor:pointer;
    font-size:1em;
    color:#000
}
.customSelect-item:hover{
    background:#6591C0;
    color:#fff
}
@media (min-width: 1024px){
    .customSelect{
        display:inline-block;
        width:70%;
        max-width:400px
    }
}
/** Umbraco Made Changes **/
 textarea {
     line-height: 1.5em 
}
 a.forgotPassword {
     display: block;
     float: right;
     color: #fedc00;
     margin-top: 15px;
}
 .photoalbum .photoalbum__photo {
     cursor: pointer;
}
 #content .profile .photoalbum__photo img {
     height: auto !important;
}
 #content .profile .updatesFeed .card img {
     max-height: 180px;
     width: 100%;
     object-fit: cover;
}
 #header #navigation .myAccountFlyoutTrigger.active .myAccountFlyout {
     height: auto !important;
}
 .field-validation-error {
     display: block;
     color: #ce2448 !important;
     margin-bottom: 15px;
     font-family: "alegreya_sansbold";
}
 .input-validation-error {
     border: 1px solid red;
     background: #f8dae0;
}
 #content .profile .supportgrid h3:not(:first-of-type) {
     width: 100%;
}
 .subHeading .arr-right {
     font-size: 1.25em;
}
 #banner .background {
     background-position: center center;
}
 #popup label {
     padding-bottom: 10px;
     display: block;
}
 .loginFlyout input:-webkit-autofill {
     -webkit-box-shadow: 0 0 0 30px #7fa4cb inset;
     -webkit-text-fill-color: #ffffff !important;
}
 .likes.disabled {
     color: #9bbcdd !important;
}
/** Fallback pages styles **/
 #content .fallBackPage {
     margin-top: 0;
}
 .fallBackPage form:before {
     display: none;
}
 #content .fallBackPage .btn {
     float: none;
}
 .fallBackPage .forgottenPassword {
     text-decoration: underline;
     float: right;
     display: block;
     margin: 10px 0;
}
 .fallBackPage h2 .italic {
     font-family: "alegreya_sansbold_italic";
}
 .fallBackPage p, .fallBackPage input, .fallBackPage span, .fallBackPage button {
     margin: 10px 0;
}
 .fallBackPage a.forgotPassword {
     color: #004a80;
     text-decoration: underline;
}
 .fallBackPage h3 {
     color: #004a80;
     font-family: "alegreya_sansbold";
     position: relative;
     margin-bottom: 25px;
}
 .fallBackPage h3:after {
     background: #004a80;
     content: '';
     bottom: 0;
     width: 10%;
     height: 3px;
     left: 0;
     bottom: -10px;
     position: absolute;
}
 .fallBackPage .maxWidth form {
     max-width: 50%;
}
 #content .profile .supportgrid img ~ .supportgrid__card {
     height: 175px;
     overflow: hidden;
}
 #content .profile .supportgrid img ~ .supportgrid__card h3:not(:first-of-type) {
     height: 70px;
     overflow: hidden;
}
 .loginFlyoutTrigger > span {
     cursor: pointer;
}
 #content .profile .updatesFeed img {
     max-height: 500px;
}
 .comment__reply input{
    width:calc(100% - 75px)
}
.comment__reply input~button{
    font-size:16px;
    height:60px;
    background:#db228b;
    border-radius:0 3px 3px 0;
    color:#fff;
    padding:0 10px;
    line-height:50px;
    font-family:alegreya_sansbold;
    width:75px;
    float:right;
	cursor: pointer;
}
 .top-level .section .maxWidth::after {
     content: '';
     display: table;
     clear: both;
}
 .col .accordion:last-of-type {
     margin-bottom: 50px;
}
 input[type="password"] {
	 font-family: "alegreya_sansbold" !important;
}
 input[type="password"]::placeholder {
     -webkit-text-stroke-width: 0;
     letter-spacing: 0;
 }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=password] {
        -webkit-text-stroke-width: .2em;
        letter-spacing: 0.2em;
    }
}
.update .comments > p {
    margin: 10px 0 20px 0;
}
 .update .comments > p:only-child {
     margin-bottom: 10px;
}
 @media (min-width: 1366px) {
     #banner:not(.empty) ~ #content > .maxWidth, #banner:not(.empty) ~ #content > .fallBackPage .maxWidth, .top-level .maxWidth, .registrationForm .maxWidth {
         padding: 20px 0;
    }
     #content .home-page .section .hero {
        padding: 0 25px;
    }
    #content .subHeading {
        padding: 25px 0;
    }
    #content .top-level .col:not(.col-33):not(.col-66):first-child {
        padding-left: 0;
    }
    #content .top-level .col:not(.col-33):not(.col-66):last-child {
        padding-right: 0;
    }
    #content .top-level .blocklinks {
        padding-left: 0;
        padding-right: 0;
    }
    #banner.empty + #content .subHeading.no-pad {
        padding-left: 0;
        padding-right: 0;
    }
    #content .top-level .blocklinks__link a {
        font-size: 2em;
    }
}
 #content .registrationForm form .form-col:nth-of-type(2) .checkbox {
     margin-top: 3px;
     vertical-align: top;
}
 #content .profile .group_01 .details .group:only-child {
     min-height: 42px;
}
 #content .imageUpload.imageUpload__handle, #popup .imageUpload.imageUpload__handle {
     background: #db218b url("/assets/img/anonymous.png") no-repeat center / cover;
}
 .fallBackPage.registrationForm form input {
     font-family: "alegreya_sansbold" !important;
}
 button.loader{
    position:relative
}
button.loader::before{
    position:absolute;
    display:inline-block;
    width:28px;
    height:28px;
    font:normal normal normal 28px/1 FontAwesome;
    content:'\f021';
    left:28px
}
button.loader.loader--loading::before{
    -webkit-animation:spin 1.5s linear infinite;
    animation:spin 1.5s linear infinite
}
/** spin animation **/
 @-webkit-keyframes spin{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}
@keyframes spin{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100%{
        -webkit-transform:rotate(359deg);
        transform:rotate(359deg)
    }
}

/* Changes made outside of flat build and umbraco !! */

#content .registrationForm .imageUpload.imageUpload__cover {
    width: 400px;
}

#content .registrationForm .imageUpload.imageUpload__cover img {
    width: 400px;
    max-width: 400px;
    max-height: 200px;
}

.commentsTrigger.has--comments a i::before {
    content: "\f075" !important;
}

.forgotPassword + h3 {
    margin-top: 50px;
}

@-moz-document url-prefix() {
    #header #navigation nav ul li span a {
        display: inline-block;
    }
}

#content .top-level .section p + p {
    margin-top: 25px;
}

#content ul:not(.profileNavigation), ol {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 20px;
  list-style: none;
}

#content ul:not(.profileNavigation) {
    padding-left: 15px;
}
#content ul:not(.profileNavigation) li {
  position: relative;
  line-height: 30px;
}
#content ul:not(.profileNavigation) li::before {
  content: "";
  width: 7px;
  height: 7px;
  display: inline-block;
  background-color: #DB218B;
  position: absolute;
  top: 12px;
  left: -15px;
  border-radius: 50%;
}

#content ol {
  padding-left: 20px;
  list-style-type: decimal;
}
#content ol li {
  padding-left: 5px;
  line-height: 30px;
}

video {
    margin-bottom: 20px;
}



/* Forum Styles 11/09 */

.topic__title {
    color: #db218b;
    font-family: "alegreya_sansbold";
    margin-bottom: 10px;
    clear:both;
}

.topic__title::after {
    content: '';
    bottom: 0;
    width: 55px;
    height: 3px;
    margin: 10px 0;
    display: inherit;
    background: #db218b;
}

.forum .btn {
    padding: 0 !important;
}

.forum .updatesFeed {
    padding-left: 0 !important;
}

.forum .topicstarterpost {
    border-bottom: 2px solid #DAEDFF;
    margin-bottom: 20px;
}

.forum .topicstarterpost .post {
    padding-bottom: 0;
}

.forum .topicposts .post {
    background: #daedff;
    -webkit-box-shadow: -4px 4px 0 #b2c9e1;
    box-shadow: -4px 4px 0 #b2c9e1;
    padding: 20px;
    width: 100%;
    -webkit-transition: 300ms;
    transition: 300ms;
    border: 0;
    margin-left: 0;
    margin-right: 0;
}

.forum .topicposts .post::before {
    background: url("/assets/img/update_arrow.png");
    width: 19px;
    height: 29px;
    display: block;
    position: absolute;
    content: '';
    left: -19px;
    top: 20px;
}


.editorholder {
    margin: 0 0 15px 0;
}

.forum .memberdiscussions {
    clear: both;
    padding-top: 5px;
}
.forum .memberdiscussions a {
    display: block !important;
}

.postinfo a {
    display: block !important;
}

.post .postinfo {
    text-align: left !important;
}
.forum #content {
    padding-bottom: 25px;
}

.createtopicbutton {
    padding: 0 !important;
}

.createtopicbutton a {
    margin: 0 !important;
}

.validation-summary-errors{
    margin: 20px 0;
    color:#ce2448  !important;
}

.globalmessageholder {
    margin-top: 20px;
}

.forum .home--link {
    margin: 0 0 25px !important;
    font-size: 2em !important;
}

.forum .supportBox a:not(.btn) {
    display: block !important;
    clear: both;
}

.box--light {
    background: #daedff;
    -webkit-box-shadow: -4px 4px 0 #b2c9e1;
    box-shadow: -4px 4px 0 #b2c9e1;
}

.box--light a:not(.btn) {
    color: #004a80 !important;
}

.forum .thumbnail {
    border: 4px solid #fff;
    float: left;
    margin-right: 15px;
    width: 65px;
    height: 65px;
}

.topicstarterpost .thumbnail {
    border-color: #daedff;
}

.searchresults .post p {
    clear: both;
}

.searchresults .post h3 {
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .forum .topicposts .post {
        padding: 40px;
    }

    .forum .thumbnail {
        height: 75px !important;
        width: 75px !important;
    }

}
/*OneTrust*/
.ot-sdk-show-settings {
    cursor: pointer;
    position: relative;
    font-size: 1em;
    color: #fff;
    height: 60px;
    border-radius: 3px;
    background-color: #db218b;
}
/**umb_name:h2*/
h2{}

/**umb_name:h3*/
h3{}

/**umb_name:h4*/
h4{}

/**umb_name:h5*/
.h5{}

/**umb_name:Link cta*/
.findoutmore{}