/* Fonts */

/*
	Copyright (C) 2011-2017 Hoefler & Co.
	This software is the property of Hoefler & Co. (H&Co).
	Your right to access and use this software is subject to the
	applicable License Agreement, or Terms of Service, that exists
	between you and H&Co. If no such agreement exists, you may not
	access or use this software for any purpose.
	This software may only be hosted at the locations specified in
	the applicable License Agreement or Terms of Service, and only
	for the purposes expressly set forth therein. You may not copy,
	modify, convert, create derivative works from or distribute this
	software in any way, or make it accessible to any third party,
	without first obtaining the written permission of H&Co.
	For more information, please visit us at http://typography.com.
	53236-109108-20170615
*/

@font-face {
	font-family: 'HCo Whitney';
	src:url('../fonts/7B5766823ADCCC6E7.woff2') format('woff2'),
		url('../fonts/7B5766823ADCCC6E7.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'HCo Whitney';
	src:url('../fonts/A01D10AEE6282713B.woff2') format('woff2'),
		url('../fonts/A01D10AEE6282713B.woff') format('woff');
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: 'HCo Whitney';
	src:url('../fonts/85BB350E3C5580832.woff2') format('woff2'),
		url('../fonts/85BB350E3C5580832.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'HCo Whitney';
	src:url('../fonts/0F84D902CA2FCC756.woff2') format('woff2'),
		url('../fonts/0F84D902CA2FCC756.woff') format('woff');
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: 'HCo Whitney';
	src:url('../fonts/CBC65279534A9A135.woff2') format('woff2'),
		url('../fonts/CBC65279534A9A135.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'HCo Whitney';
	src:url('../fonts/AE79AFC91F4679B7F.woff2') format('woff2'),
		url('../fonts/AE79AFC91F4679B7F.woff') format('woff');
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: 'HCo Whitney Cond';
	src:url('../fonts/46C9DC746FB6F93DB.woff2') format('woff2'),
		url('../fonts/46C9DC746FB6F93DB.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

/* Clean */

html, body {
    font-size: inherit;
    margin:0;
    padding: 0;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: 'HCo Whitney', Arial, Helvetica, sans-serif;
    overflow-wrap: break-word;
    word-wrap: break-word;
}

input, textarea, select, button {
    font-family: 'HCo Whitney', Arial, Helvetica, sans-serif;
}

* {
    margin:0;
    padding:0;
    font-size: 1rem;
    font-weight: normal;
    border:0;
    background: transparent;
    line-height:1.2em;
    box-sizing:border-box;
    vertical-align: baseline;
    /* user-select: none; */
}

input, textarea {
    -webkit-user-select: text;
       -moz-user-select: text;
        -ms-user-select: text;
            user-select: text;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input::-ms-clear {
    display: none;
}

.clear {
    clear:both;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.hide-skip-to-main:not(:focus) {
    position: absolute !important;
    height: 1px;
    width: 1px; 
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

/* END - Clean */

/* HEADER */

.TopBarWrapper {
    background: #8B1D41;
}

@media only screen and (max-width : 768px) {

.TopBarWrapper { 
        display:none;
	}
    }

.TopBarWrapper--spaceBelow {
        margin-bottom:40px;
}

.TopBar {
    max-width:1104px;
    display:flex;
    margin:0 auto;
    justify-content:space-between;
    color:black;
}

.TopBar-left {
        display:flex;
}

@media only screen and (min-width : 992px) {

.TopBar-left { 
            margin-left:20px;
	}
        }

@media only screen and (min-width : 768px) and (max-width : 991px) {

.TopBar-left { 
            margin-left:10px;
	}
        }

@media only screen and (min-width : 576px) and (max-width : 768px) {

.TopBar-left { 
            padding-left:15px;
	}
        }

.TopBar-right {
        display:flex;
}

@media only screen and (min-width : 992px) {

.TopBar-right { 
            margin-right:20px;
	}
        }

@media only screen and (min-width : 576px) and (max-width : 768px) {

.TopBar-right { 
            padding-right:20px;
	}
        }

.TopBar-listItem {
        list-style: none;
        margin-top:0 !important;
        display: block;
}

.TopBar-listItem:before {
            content:none;
        }

.TopBar-listItem > a {
            display:inline-block;
            color: #FFFFFF;
            padding: 0 25px;
            /*border-right:1px solid $mid-grey;*/
            font-size: 14px;
            transition: background-color 0.5s ease;
            height: 42px;
            line-height: 42px;
            
        }

.TopBar-right .cibcLoginBtn {
    background-color:#C41F3E;
}

@media only screen and (min-width : 769px) and (max-width : 991px) {

.TopBar-listItem > a { 
                padding: 0 10px;
            
        }
            }

@media only screen and (min-width : 576px) and (max-width : 768px) {

.TopBar-listItem > a { 
                padding: 0 5px;
                font-size:0.875rem;
                border-collapse: collapse;
            
        }
            }

.TopBar-listItem > a:hover {
                background-color:white;
                text-decoration:none;
            }

.TopBar-listItem--blue {
            color: blue;
}

.TopBar-listItem--blue > a {
                color: white;
            }

.Header {
    max-width:1064px;
    display:flex;
    margin:0 auto;
    justify-content:space-between;
    padding-bottom: 40px;
    padding-right:20px;
    padding-left:20px;
    align-items: center;
}

.Header-right {
    line-height: 0;
}

@media only screen and (max-width : 768px) {

.Header { 
        /* display:block; */
        margin-left: 60px;
        padding-bottom: 30px;
	}
    }

@media only screen and (min-width : 992px) and (max-width : 1199px) {

.Header { 
        padding-left:40px;
        padding-right:40px;
	}
    }

@media only screen and (max-width : 768px) {
.header-bg {
    padding: 29px 0 0 0;
}
.Header-left img { 
                display:block;
                max-width: 156px;
        }
            }

@media only screen and (min-width : 576px) and (max-width : 768px) {

.Header-left img { 
                display:block;
                max-width: 425px;
        }
            }
            
@media only screen and (min-width : 769px) {

.Header-left a { 
                display:flex
        }
            }

@media only screen and (min-width : 576px) and (max-width : 768px) {

.Header-left a { 
                display:block;
        }
            }

@media only screen and (max-width : 575px) {

.Header-left a { 
                display:block;
        }
            }

.Header-right p {
            text-align:right;
            margin:0;
            margin-top: -3px;
            color: #8B1D41;
            font-family: "HCo Whitney";
            font-weight: 300;
            letter-spacing: 0;
            line-height: 27px;
            font-size: 24px;
        }

.header-bg {
    background-color: #F2F3F2;
}

@media only screen and (max-width : 768px) {

.Header-right p {
                text-align:left;
                font-size: 14px;
                letter-spacing: 0em;
                display:block;
                line-height:17px;
                margin-top: 30px;
        }
            }

@media only screen and (min-width : 576px) and (max-width : 768px) {

.Header-right p {
                font-size: 19px;
                letter-spacing: 0em;
                display:block;
                line-height: 22px;
        }
            }

@media only screen and (min-width : 576px) and (max-width : 768px) {

.Header-advisorName { 
            margin-top:-3px !important;
	}
        }

@media only screen and (max-width : 575px) {

.Header-advisorName { 
            margin-top:2px !important;
	}
        }

.Footer {
    margin-top:100px;
}

@media only screen and (max-width : 575px) {

.Footer {  
        margin-top:60px;
	}
    }

.Footer a {
        color:black;
        font-size:0.875rem;
    }

.Footer ul {
        text-align:center;
        padding-right:20px;
        padding-left:20px;
    }


.Footer li {
        display:inline-block;
    }

.Footer-border {
        border-right:1px solid black;
        margin:5px;
        padding-right:15px;
}

.Footer-logos {
        text-align:Center;
        margin-top:30px;
        margin-bottom:30px;
        padding-right:20px;
        padding-left:20px;
}

.Footer-logos img {
            width:100%;
            max-width:390px;
            vertical-align:middle;
        }

.Footer-Size {
        max-width:155px !important;
        padding:20px;
}

.Footer-Bottom {
        padding: 0px 20px 50px 20px;
        text-align:center;
}

.Footer-Bottom p {
            display:block;
            margin: 0 auto;
            max-width: 739px;
            color: #606366;
            font-family: 'HCo Whitney';
            font-size: .875rem;
            font-weight: 300;
            letter-spacing: 0;
            line-height: 1.5rem;
        }

@media only screen and (max-width : 575px) {
    .Footer ul {   
        font-size:0.75rem
    }
    .Footer-Bottom p {
        color: #606366;
        line-height: 1.25rem;
    }
}

/*Mobile Menu*/

.Menu {
    width:100%;
    background-color:#383B3E;
    display:block;
    position:absolute;
    top: 75px;
    overflow:hidden;
    max-height:0;
    display:none;
    box-sizing: border-box;
    z-index:10000;
}

@media only screen and (min-width : 576px) and (max-width : 768px) {

.Menu { 
        top:130px;
	}
    }

.Menu li, .Menu a {
        text-align:left;
    }

@media only screen and (min-width : 769px) {

.Menu { 
        display:none !important;
	}
    }

.Menu .topBarLinks {
            border-top: 1px solid white;
        margin-left:25px;
        margin-right:25px;
    }

.Menu.is-shown {
        display:block;
        max-height:none;
}

.Menu-Inner {
        padding-bottom:20px;
        padding-top:20px;
}

.Menu-Language {
        padding:20px 10px 20px 10px;
        margin-left:15px;
        display:flex;
}

.Menu-Language a {
            color:white;
            margin:0 10px 0 10px;
        }

.Menu-Language a:hover {
                color:white;
            }

.Menu-Language .divider {
            background-color:white;
            width:1px;
            height:20px;
            display: inline-block;
        }

.Menu-Language .selected {
            font-weight:bold;
        }

.Menu-listItem {
        margin-left:22px;
        margin-right:22px;
        list-style: none;
        border-bottom:1px solid white;
}

.Menu-listItem a {
            display:block;
            padding:20px 10px 20px 10px;
            color:white;
            position: relative;
        }

.Menu-listItem a:hover {
                color:white;
            }

.Menu-listItem a.expanded .Menu-subnav-arrow {
                -webkit-transform: scaleY(-1);
                        transform: scaleY(-1);
            }

.Menu-listItem .selected {
            font-weight:bold;
        }

.Menu-listItem:last-child {
        border-bottom:none;
}

.Menu-subnav {
        overflow: hidden;
        max-height: 0;
        transition: max-height 250ms ease-in-out;
}

.Menu-subnav-arrow {
        position: absolute;
        right:10px;
        top:20px;
}

.hide {
    display:none;
}

/* end of Mobile Menu*/

/* END OF HEADER*/

/* Button */

.Button {
    display: inline-block;
    font-family:Arial,Helvetica,sans-serif;
    background-color:#C41E3E;
    font-size:1rem;
    color:white;
    border:1px solid #C41E3E;
    border-radius: 3px;
    padding: 15px 20px 15px 20px;
    text-decoration:none;
    min-height:40px;
    transition: background-color 300ms ease-out;
    text-align:Center;
}

@media only screen and (max-width : 575px) {

.Button { 
        font-size:0.875rem;
        width:100%;
	}
    }

.Button:hover {
        text-decoration:none;
        background: #8B1D41;
        border: 1px solid #8B1D41;
        color:white;
    }

.Button--spaceAbove {
        margin-top:20px;
}

.Button--close {
        background-color:white;
        color:#282C2F;
        border: 1px solid #3C3C3E;
}

@media only screen and (max-width : 575px) {

.Button--close { 
            margin-top:10px;
	}
        }

.Button--close:hover {
            text-decoration:none;
            background: #282C2F;
            border: 1px solid #3C3C3E;
            color:white;
        }

.LearnMore {
    max-width:124px;
    display:block;
    margin:0 auto;
    margin-top:30px;
}

.LearnMore--btn {
        margin:15px 0 0 0;
}

.Contact {
    max-width:97px;
    display:block;
    margin:0 auto;
    margin-top:30px;
}

@media only screen and (max-width : 575px) {

.Contact { 
        font-size:0.875rem;
        max-width:none;
        width:100%;
	}
    }

.playBtn {
    display: inline-block;
    position: absolute;
    z-index: 10;
    padding: 9px;
    left: 10px;
    height: 35px;
    border-radius: 4px;
    background-color: #C41E3E;
    bottom:10px;
}

@media only screen and (max-width : 575px) {   
        
    }

.playBtn.before {
        content: "\25b6";
        color:white;    
        font-size:2.25rem
    }

/* end of Button */

/* ARROWS */

.chevron.left, .chevron.right {
    text-align: center;
}

.chevron::before {
	border-style: solid;
	border-width: 0.15em 0.15em 0 0;
	content: '';
	display: inline-block;
	height: 0.95em;
	left: 0.15em;
	position: relative;
	top: 0.15em;
	-webkit-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	vertical-align: top;
	width: 0.95em;
    color:#C41E3E;
}

.chevron.right:before {
	left: 0;
	-webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.chevron.bottom:before {
	top: 0;
	-webkit-transform: rotate(135deg);
	        transform: rotate(135deg);
}

.chevron.left:before {
	left: 0.25em;
	-webkit-transform: rotate(-135deg);
	        transform: rotate(-135deg);
}

/* END of ARROWS*/

/* INPUTS */

/* Modifiable variables */

.rm-checkbox .overlay {
    width: 25px;
    height: 25px;
    margin-right: 10px;
    margin-top:8px;
    background-color: white;
    border: 1px solid #ccc;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    flex: 0 0 auto;
}

@media only screen and (max-width : 767px) {

.rm-checkbox .overlay {   
        width: 20px;
        height: 20px
}
    }

.rm-checkbox label {
    cursor: pointer;
    margin:0;
    display:flex;
}

.rm-checkbox input + label .overlay:before {
    top: 4px;
    left: 4px;
    background: #ccc;
    width: 15px;
    height: 15px;
    transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s, -webkit-transform 0.5s;
}

@media only screen and (max-width : 575px) {

.rm-checkbox input + label .overlay:before {   
        width: 12px;
        height: 12px;
        top:3px;
        left:3px
}
    }

@media only screen and (min-width : 576px) and (max-width : 767px) {

.rm-checkbox input + label .overlay:before {   
        width: 12px;
        height: 12px;
        top:3px;
        left:3px
}
    }

.rm-checkbox input:focus + label .overlay{
    /*unified color on focus*/
    border-color: #e9322d;
    box-shadow: 0 0 6px #f8b9b7;
}
.submissionFormRow input:required:invalid:focus, .submissionFormRow textarea:required:invalid:focus, 
.submissionFormRow textarea:required, .submissionFormRow input:required {
    /*IE FIX*/
    outline: none;
    outline-color: inherit;
}

.rm-checkbox input + label .text { 
    color: #606366;
    font-size:0.725rem;
    position: relative;
    left: 0px;
    display: inline-block;
    vertical-align: top;
    margin-bottom:0;
    line-height:1.2rem;
    flex: 1 1 auto;

}

.rm-checkbox input + label .text p {
    font-size:0.725rem;
    line-height:1rem;
    margin: 5px 0;
}

.rm-checkbox input:checked + label .text{
    color: #86888A;
    font-size:0.725rem;
}

/* Constant variables */

.rm-checkbox{
    display: inline-block;
    /* margin-left:15px; */
    margin-bottom:20px;
    margin-top:5px;
    width:100%;
}

@media only screen and (max-width : 575px) {

.rm-checkbox{    
        margin-left:0
}
    }

@media only screen and (min-width : 576px) and (max-width : 767px) {

.rm-checkbox{    
        margin-left:0
}
    }

.rm-checkbox input {
    position:absolute;
    width:0px;
    height: 0px;
    opacity:0;
}

.rm-checkbox input + label .overlay:before {
    position: absolute;
    content: "";
    -webkit-transform: scale(0);
    transform: scale(0);
}

.rm-checkbox input:checked + label .overlay:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type='number'] {
    -moz-appearance:textfield;
}

input[type=text], input[type=number], input[type=email], input[type=tel] {
    width: 100%;
    padding: 9.5px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 1px;
    box-sizing: border-box;
}

select {
    -webkit-appearance: menulist;
    box-sizing: border-box;
    align-items: center;
    white-space: pre;
    -webkit-rtl-ordering: logical;
    color: black;
    cursor: default;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    -o-border-image: initial;
       border-image: initial;
    padding: 7.5px 20px;
    display:block;
    margin: 8px 0;
}

.rm-checkbox input + label .disclaimertext {
    left:39px; 
    top:5px;
}

@media only screen and (max-width : 575px) {

.rm-checkbox input + label .disclaimertext {
        left:34px
} 
    }

@media only screen and (min-width : 576px) and (max-width : 767px) {

.rm-checkbox input + label .disclaimertext {
        left:36px
} 
    }

/* END OF INPUTS */

#event-popup-template {
    display: none;
}

.centerbtn a {
        display:block;
        margin:0 auto;
    }

@media only screen and (min-width : 768px) {

.centerbtn a {    
            max-width:180.83px
    }
        }

.BackToTop {
    position: fixed;
    bottom:0;
    right: 20px;
    padding: 10px;
    z-index: 2;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    transition: -webkit-transform 200ms ease-out;
    transition: transform 200ms ease-out;
    transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;
}

.BackToTop.show {
        -webkit-transform: translateY(0%);
                transform: translateY(0%);
    }

.BackToTop-btn {
        background-image: url("../images/backtoptop.png");
        background-size:cover;
        background-repeat:no-repeat;
        height:40px;
        width:40px;
}

.learnmore:after {
        content: "";
        display: inline-block;
        margin: 0 5px;
        vertical-align: middle;
        background-image:url(../images/learnmore.png);
        width:7px;
        height:7px;
        background-size:contain;
        background-repeat:no-repeat;
        margin-left:10px;
    }

.learnmore:hover::after {
    content: "";
    background-image:url(../images/learnmore-hover.png);
}

b {
    font-weight:bold;
}
input:focus, select:focus, textarea:focus, button:focus, object:focus, a[href]:focus, [tabindex]:focus {
    outline: 2px solid #8B1D41;
}

.TopBarWrapper a:focus {
    outline: 2px solid #FFFFFF;
}

.TopBar--skipLinks a {
    color: #FFFFFF !important;
}