/******************************************************************************** --- CSS BASE --- *********************************************************************************/ html{font-size:16px; -ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,body{box-sizing:border-box;height:100%}*,:after,:before{box-sizing:inherit}body{margin:0;padding:0;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#495865;background:#fafcff;font-family:'Open Sans', sans-serif;font-size:1.000rem;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.500rem}sub{bottom:-.25rem}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1.000rem}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}a:hover,a:active,a:focus{/* outline:none */}a img{border:none}input,textarea,button,select,a{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}address{margin:0.667rem 0;font-style:normal}.visually-hidden{position:absolute !important;height:1px; width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);} /*Reduce Root Element (html) Sizing For REMs*/ @media (max-width: 1199px){html{font-size:15px}}@media (max-width: 800px){html{font-size:14px}}@media (max-width: 375px){html{font-size:13px}} /******************************************************************************** --- Template - Header --- *********************************************************************************/ .header {position:fixed; top:0; left:0; right: 0; width:100%; z-index:9999;} /*-----------Drawer Scrollbars-----------*/ .drawer::-webkit-scrollbar {width: 0 !important;} .drawer::-webkit-scrollbar-track {background:none;} .drawer::-webkit-scrollbar-thumb {background:none;} .drawer::-webkit-scrollbar-thumb:window-inactive {} .no-touchevents .drawer::-webkit-scrollbar {width:8px!important;} .no-touchevents .drawer::-webkit-scrollbar-track {background:#9baab7;} .no-touchevents .drawer::-webkit-scrollbar-thumb {background:#a5cf00;} .no-touchevents .drawer::-webkit-scrollbar-thumb:window-inactive {} .menu .navmenuhide {display: none;} /*-----------Header - Search-----------*/ .search-toggle {position: absolute; top: 0; right: 0; color: rgba(255,255,255,1); transition:color 250ms ease} .search-toggle:hover {color: rgba(255,255,255,0.65);} .site-search {position: absolute; right: 0; width: 100%; overflow: hidden; -webkit-transition: top 250ms ease; transition: top 250ms ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 1;} .site-search.active {top: 0;} .site-search ::-webkit-input-placeholder {color: rgba(108, 173, 223,0.50);} .site-search ::-moz-placeholder {color: rgba(108, 173, 223,0.50);} .site-search :-ms-input-placeholder {color: rgba(108, 173, 223,0.50);} .site-search :-moz-placeholder {color: rgba(108, 173, 223,0.50);} .site-search__row input[type="text"] {color: #fff; border: none; border-radius: 0; margin: 0; background: #022848; box-shadow: none; -webkit-transition: background 250ms ease; transition: background 250ms ease;} .site-search__row button {position:absolute; top:0; right:2.500em; width:2.500em; margin: 0; padding: 0; color:#0073d1; transition: color 250ms ease;} .site-search__row button:hover {color: #098af3} .site-search__close {position: absolute; top: 0; right: 0; width: 3.333em; margin: 0; padding: 0; text-align: center; color:rgba(255,255,255,1); background: none; border: none; -webkit-transition: color 250ms ease; transition: color 250ms ease; /* outline: none; */} .site-search__close:before {content: ""; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 1.667em; margin-top: -0.833em; background: rgba(108,173,223,0.20)} .site-search__close:hover {color:rgba(255,255,255,0.45);} /*-----------Header - Utility Links-----------*/ .utility-links ul {list-style:none; margin:0; padding:0;} .utility-links li, .utility-links a {display:block;} @media (min-width: 960px) { /*-----------Hidden Mobile Elements-----------*/ .drawer-toggle, .logo--mobile {display:none;} /*-----------Header-----------*/ .header {font-size: 13px; height:85px; background: #022848;} .logo--desktop {display:block; position:absolute; top:0; left:0.769em; height:85px; line-height:85px; text-align:center; z-index: 2;} .logo--desktop img {display:inline-block; vertical-align:middle; max-width: 100px;} /*-----------Header - Top - Right-----------*/ .corner {position:absolute; top:0; right:2.000em; margin-right: 1.250em;} /*-----------Header - Utility Links-----------*/ .utility-links {display:block;} .utility-links > ul > li {display: block; float:left; height: 85px; line-height: 85px; padding:0 0.500em; position: relative;} .utility-links > ul > li:not(.utility-links__btn) > a {display: inline-block; vertical-align: middle; font-size:0.667em; line-height: 1.2; font-weight: 700; color: rgba(255,255,255,1);} .utility-links > ul > li:not(.utility-links__btn).utility-links__login > a {padding-right: 0.33em; padding-left: 0.33em;} .utility-links__divider {color: rgba(255,255,255,0.35); font-weight: normal; display: inline-block; line-height: 1; position: relative; top: 0.17em; margin: 0 0.154em;} .utility-links > ul > li:not(.utility-links__btn) > a > span[class^="icon-"] {color: #6caddf; position: relative; top: 1px; font-weight: normal; margin-right: 0.154em;} .utility-links > ul > li:not(.utility-links__btn).has-drop.active > a > span[class^="icon-"] {color: #9baab7;} .utility-links > ul > li:not(.utility-links__btn) > a:hover {color: rgba(255,255,255,0.65)} .utility-links > ul > li.utility-links__btn > a {font-size:0.813em; display: inline-block; font-weight: 700; box-shadow: none; padding: 0 1.125em; height: 3.077em; line-height: 3.077em; margin: 0;} .utility-links > ul > li.has-drop > a:after {content: ""; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -10px; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #fff transparent; opacity: 0; -webkit-transition:opacity 200ms ease; transition: opacity 200ms ease;} .utility-links > ul > li.has-drop.active > a:after {opacity: 1;} .utility-links > ul > li > ul {position:absolute; z-index:1; top:auto; right:0; width:17.500em; background:#ffffff; display:none; -webkit-box-shadow: 0px 10px 20px 0px rgba(1,11,20,0.05); box-shadow: 0px 10px 20px 0px rgba(1,11,20,0.05); -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;} .utility-links > ul > li > ul > li > a, .utility-links > ul > li > ul > li > span {font-size: 0.875em; color: #022848; font-weight: 600; margin-bottom: 0.571em;} .utility-links > ul > li > ul > li {padding:1.250em 1.875em;} .utility-links > ul > li > ul > li:not(:last-child) {border-bottom: 1px solid #dfe5e9;} .utility-links ul ul ul {position: relative;} .utility-links ul ul ul:before {content: ""; display: block; width: 1px; height: 100%; height: calc(100% - 0.625em); background: #dfe5e9; position: absolute; top: 0.250em; left: 0.375em;} .utility-links ul ul ul li {display: block; position: relative; padding-left: 1.563em; margin-bottom: 0.375em;} .utility-links ul ul ul a {font-size: 0.875em; display: block; color: #022848;} .utility-links ul ul ul li:before {content: ""; display: block; width: 0.750em; height: 0.750em; border-radius: 0.750em; background: #fff; border:1px solid #dfe5e9; position: absolute; top: 0.250em; left: 0; transition: all 250ms ease;} .utility-links ul ul ul a:hover, .utility-links ul ul ul li.selected > a {color: #0073d1;} .utility-links ul ul ul li:hover:before, .utility-links ul ul ul li.selected:before {background: #0073d1; border-color: #0073d1} /*-----------Header - Search-----------*/ .search-toggle {font-size: 1.500em; line-height:1; width:2.250em; height:85px; text-align:center; display:block; margin: 0; padding: 0; z-index: 1;} .site-search {font-size: 13px; top: -85px; padding-left: 10.000em; height: 85px;} .site-search__form {position: relative;} .site-search__form:before {content: ""; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 40px; margin-top: -20px; background: rgba(108,173,223,0.20);} .site-search__row input[type="text"] {font-size: 1.385em; height: 85px; padding:1.000em 8.000em 1.000em 1.500em;} .site-search__row button {font-size:2.250em; height:85px; line-height:90px;} .site-search__close {font-size: 1.538em; height: 85px;} /*-----------Header - Menu-----------*/ .menu {position:absolute; top:0; right: 0; left: 0; width: 100%; padding-left:9.500em;} .menu > ul {list-style: none; margin: 0; padding: 0;} .menu > ul > li, .menu > ul > li > a {display: block;} .menu > ul > li {float: left;} .menu > ul > li > a {font-size: 0.813em; padding: 0 0.500em; margin: 0; color: #fff; font-weight: 700; position: relative; height:85px; line-height:85px; -webkit-transition:color 250ms ease; transition:color 250ms ease;} .menu > ul > li > a > span {color: #6caddf; margin-right: 0.154em; position: relative; top: 1px;} .menu > ul > li > a:hover, .menu > ul > li.selected > a {color:#6caddf;} .menu > ul > li > a:after {content: ""; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -10px; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #fff transparent; opacity: 0; } .menu > ul > li.drop-open > a:after {opacity: 1; -webkit-transition:opacity 250ms ease; transition: opacity 250ms ease; } .menu > ul > li > ul {display: none;} /*-----------Header - Mega Menu-----------*/ .mega-menu {visibility: hidden; opacity: 0; position: absolute; top: 85px; right: 0; left: 0; width: 100%; background: #fff; padding:3.000em 0 1.000em; transition:all 250ms 250ms ease; -webkit-box-shadow: 0px 10px 20px 0px rgba(1,11,20,0.05); box-shadow: 0px 10px 20px 0px rgba(1,11,20,0.05);} .mega-menu--cta {padding-bottom:3.846em; } .menu > ul > li.drop-open > .mega-menu {visibility: visible; opacity: 1; z-index: 100; transition:all 250ms 0ms ease;} .mega-menu__default {font-size: 13px;} .mega-menu__default-item {font-size: 1.250em; display: block; font-weight: 600; line-height: 1.3; color: #022848; padding-right: 1.500em; margin-bottom: 2.000em; position: relative;} .mega-menu__default-item {font-size: 1.250em; display: block; font-weight: 600; line-height: 1.3; color: #022848; padding-right: 1.500em; margin-bottom: 2.000em; position: relative;} .mega-menu__default-item:after {font-size: 1.250em; content: "\e625"; font-family: 'CD-Project-Icons'; font-weight: 400; color: #9baab7; display: block; position: absolute; top: 0; right: 0.385em;} .mega-menu__default-item span {font-size: 0.700em; color: #495865; display: block; font-weight: 400; margin-top: 0.429em;} .mega-menu__enhanced {font-size: 13px;} .mega-menu__enhanced-item {overflow: hidden; padding-right: 1.000em; margin-bottom: 2.000em;} .mega-menu__enhanced-image {float: left; width: 28%;} .mega-menu__enhanced-image img {border-radius: 50%;} .mega-menu__enhanced-content {float: right; width: 65%;} .mega-menu__enhanced-title {font-size: 1.250em; line-height: 1.2; margin-bottom: 1.000em; display: block; font-weight: 600;} .mega-menu__enhanced-title, .mega-menu__enhanced-title a {color: #022848;} .mega-menu__enhanced__desc {display: block; font-size: 0.875em} .mega-menu__enhanced-content ul {list-style: none; margin: 0; padding: 0 0 0 1.000em; position: relative;} .mega-menu__enhanced-content ul:before {content: ""; display: block; width: 1px; height: 100%; height: calc(100% - 1.200em); background: #dfe5e9; position: absolute; top: 0.600em; left: 0;} .mega-menu__enhanced-content li {display: block; line-height: 1.3; font-weight: 600; position: relative;} .mega-menu__enhanced-content li a {display: block; font-size: 0.875em; color: #495865; padding: 0.429em 0;} .mega-menu__enhanced-content li a:before {content: ""; display: block; width: 0.786em; height: 0.786em; border-radius: 0.786em; background: #fff; border:1px solid #dfe5e9; position: absolute; top: 0.643em; left: -1.500em; transition: all 250ms ease;} .mega-menu__enhanced-content li a:hover {color: #0073d1;} .mega-menu__enhanced-content li a:hover:before {background: #0073d1; border-color: #0073d1} .mega-menu__cta {position: absolute; bottom: 0; left: 0; right: 0; width: 100%; text-align: center; height:3.846em; line-height: 3.846em; border-top: 1px solid #dfe5e9 } .mega-menu__cta a {display: inline-block; vertical-align: middle; color: #022848; font-weight: 600; line-height: 1.2;} .mega-menu__cta span {color: #0073d1; position: relative; top: 0.125em; margin-right: 0.313em;} .mega-menu__cta a:hover {color: #0073d1} } @media (min-width: 960px) { } @media (min-width: 1024px) { .header, .site-search, .mega-menu__default, .mega-menu__enhanced {font-size: 14px;} .logo--desktop img {max-width:125px;} .menu {padding-left:11.000em;} .menu > ul > li > a {padding-right:0.813em; padding-left: 0.813em;} .mega-menu {padding-top:4.000em; padding-bottom: 2.500em} .mega-menu--cta {padding-bottom: 3.857em;} .mega-menu__default-item, .mega-menu__enhanced-item {margin-bottom: 2.500em;} .site-search {padding-left: 11.500em;} .search-toggle {width:2.833em;} .utility-links > ul > li:not(.utility-links__btn) {padding-right:0.875em; padding-left:0.875em;} } @media (min-width: 1200px) { .logo--desktop {left:1.250em} .logo--desktop img {max-width:inherit;} .menu {padding-left:15.000em;} .menu > ul > li > a {padding-right:1.250em; padding-left:1.250em;} .corner {right:3.000em;} .utility-links > ul > li:not(.utility-links__btn) {padding-right:1.000em; padding-left:1.000em;} .utility-links > ul > li:not(.utility-links__btn) > a {font-size:0.813em; } .site-search {padding-left: 16.000em;} .mega-menu {padding-top:5.000em; padding-bottom: 2.000em} .mega-menu--cta {padding-bottom:5.000em; } .mega-menu__default-item, .mega-menu__enhanced-item {margin-bottom: 3.000em;} .mega-menu__default-item {padding-right: 4.500em;} .mega-menu__default-item:after {right: 1.600em;} .mega-menu__cta {height:5.000em; line-height: 5.000em;} } @media (min-width: 1366px) { .header, .site-search, .mega-menu__default, .mega-menu__enhanced {font-size: 16px;} .search-toggle {font-size: 1.625em; width:2.500em; margin-right:0.400em;} .corner {right:3.750em;} .utility-links > ul > li.utility-links__btn > a {padding-right:1.923em; padding-left:1.923em;} } @media (min-width: 1440px) { .menu > ul > li > a {font-size: 0.875em; padding-right:1.250em; padding-left:1.250em;} .menu > ul > li > a > span {margin-right: 0.357em;} .search-toggle {font-size: 1.875em; width:2.833em; } .corner {right:4.000em;} } @media (min-width: 1600px) { .logo--desktop {left:2.500em;} .menu {padding-left:16.563em;} .menu > ul > li > a {padding-right:1.750em; padding-left:1.750em;} .corner {right:5.313em;} .utility-links > ul > li.utility-links__btn {margin-left:1.563em} .site-search {padding-left: 17.000em;} } @media (max-width: 959px) { /*-----------Header-----------*/ .header {height:60px; -webkit-transition: height 0s 150ms; transition: height 0s 150ms;} .header__top {height: 60px; line-height:60px; background: #022848; box-shadow: 0 2px 0 rgba(1, 11, 20,0.10);} /*-----------Header - Logo-----------*/ .logo--desktop {display: none;} .logo--mobile { display:block; position: absolute; top: 0; left: 50%; width: 145px; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); } .logo--mobile img {width:100%; display:inline-block; vertical-align: middle;} /*-----------Drawer Toggle-----------*/ .drawer-toggle { position: absolute; top: 0; left: 0; width:60px; height:60px; text-align:center; display:block; margin:0; padding:0; color:#fff;} .drawer-toggle span {position:absolute; display:block; width:25px; height:2px; background:#fff; top:50%; margin-top:-1px; left:50%; margin-left:-12.5px;} .drawer-toggle span::before, .drawer-toggle span::after { content: ''; position: absolute; left: 0; background: inherit; width: 100%; height: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: background 0s, -webkit-transform 300ms; transition: background 0s, -webkit-transform 300ms; transition: transform 300ms, background 0s; transition: transform 300ms, background 0s, -webkit-transform 300ms;} .drawer-toggle span::before {top: -7px; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);} .drawer-toggle span::after {bottom: -7px; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);} /*-----------Drawer-----------*/ .drawer { height: 100%; width: 100%; padding-bottom: 60px; background: rgba(1,11,20,0.85); overflow-x: hidden; overflow-y: auto; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition:-webkit-transform 150ms ease-in-out; transition:-webkit-transform 150ms ease-in-out; transition:transform 150ms ease-in-out; transition:transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out} /*-----------Main Menu-----------*/ .menu {font-size:16px; background: #fff;} .menu ul { padding: 0; margin: 0; list-style: none;} .menu li {line-height:1.2;} .menu li, .menu a {display: block;} .menu > ul > li > a {padding:1.500em 4.500em 1.500em 1.125em; color: #022848; font-weight: 600; position: relative; -webkit-transition: all 150ms ease; transition: all 150ms ease} .menu > ul > li > a [class^="icon-"] {width: 20px; display: inline-block; position: relative; top: 1px; color: #0073d1;} .menu > ul > li > a {font-size:1.125em; border-bottom:1px solid #dfe5e9; } .menu > ul > li.active > a, .menu > ul > li.selected > a {background:#0073d1; color:#fff; } .menu > ul > li.active > a [class^="icon-"], .menu > ul > li.selected > a [class^="icon-"] {color: #fff;} .menu .menu-arrow {position: absolute; top: 0; right: 0; display: block; width: 4.500em; text-align: center; height: 100%; } .menu .menu-arrow:after {font-size:1.625em; content: "\e6c5"; font-family: 'CD-Project-Icons'; color: #9baab7; font-weight: 400; line-height:1; position: absolute; top: 50%; left: 50%; margin: -0.500em 0 0 -0.500em; font-style: normal; -webkit-transition: all 150ms ease; transition: all 150ms ease;} .menu li.active > a .menu-arrow:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); color:#fff; } .menu li.active > ul { display: block;} .menu > ul > li > ul { background:#dfe5e9; display:none;} .menu > ul > li > ul > li > a {border-bottom:1px solid #cdd5da;} .menu > ul > li > ul > li.active > a {background:#a5cf00; color:#fff; border-bottom:1px solid #8e9daa;} .menu > ul > li > ul > li > ul {background: #9baab7} .menu > ul > li > ul > li > a { font-size: 1.063em; padding-top: 1.250em; padding-bottom: 1.250em; padding-left: 2.647em;} .menu > ul > li > ul > li > ul > li > a {font-size: 0.938em; padding-top: 1.125em; padding-bottom: 1.125em; padding-left: 3.000em; color: #fff; border-bottom:1px solid #8e9daa;} /*-----------Mobile Mega Menu-----------*/ .mega-menu {display: none; background: #fafcff;} .menu li.active > .mega-menu {display: block;} .mega-menu .row-site {width: 100%;} .mega-menu .row-site.column, .mega-menu .row-site.columns {padding: 0;} .mega-menu__default-item {font-size: 1.125em; padding:0.625em 1.125em; display: block; font-weight: 600; line-height: 1.3; color: #022848; padding-right: 1.500em; position: relative; border-bottom: 1px solid #dfe5e9;} .mega-menu__default-item span {font-size: 0.700em; color: #495865; display: block; font-weight: 400; margin-top: 0.429em;} .mega-menu__default-item:after {font-size: 1.250em; content: "\e625"; font-family: 'CD-Project-Icons'; font-weight: 400; color: #9baab7; display: block; position: absolute; top: 50%; margin-top: -0.682em; right: 1.125em;} .mega-menu__enhanced {padding: 1.125em 0;} .mega-menu__enhanced-image {display: none;} .mega-menu__enhanced-item {padding:0.625em 1.125em;} .mega-menu__enhanced-title {font-size: 1.000em; line-height: 1.2; margin-bottom: 10px; display: block; font-weight: 600;} .mega-menu__enhanced-title, .mega-menu__enhanced-title a {color: #022848;} .mega-menu__enhanced-content ul {display: block!important;} .mega-menu__enhanced-content li a {font-size: 0.938em; color: #495865; font-weight: 600; padding: 0.667em 0; border-top: 1px solid #dfe5e9;} .mega-menu__cta {text-align: center; } .mega-menu__cta a {display: block; background-color: #022848; color: #fff; padding:1.250em;} .mega-menu__cta a span {position: relative; top: 0.125em; margin-right: 0.313em;} .mega-menu__cta a:hover {color: #fff;} /*-----------Pull Out Menu Open-----------*/ .root {position: relative; height: 100%;} .root.menu_open {overflow:hidden;} .root.menu_open .header {height: 100%; transition: height 0s 0s;} .root.menu_open .drawer {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .root.menu_open .drawer-toggle span { background:rgba(0,0,0,0); } .root.menu_open .drawer-toggle span::before, .root.menu_open .drawer-toggle span::after { background: #fff; } .root.menu_open .drawer-toggle span::before { top: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .root.menu_open .drawer-toggle span::after { bottom: 0; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); } /*-----------Header - Search-----------*/ .search-toggle {font-size: 24px; width:60px; height:60px; text-align:center; display:block; margin: 0; padding: 0;} .site-search {font-size: 16px; top: -60px; height: 60px;} .site-search__row input[type="text"] {font-size: 1.125em; height: 60px; padding:0.556em 6.667em 0.556em 1.111em;} .site-search__row button {font-size:1.500em; height:60px; line-height:64px;} .site-search__close {font-size: 1.125em; height: 60px;} /*-----------Header - Utility LInks-----------*/ .utility-links {font-size: 16px; overflow: hidden;} .utility-links li {line-height:1.2;} .utility-links li:not(.utility-links__btn) {display: block; float: left; width: 50%;} .utility-links li:not(.utility-links__btn).utility-links__login {background: #022848; text-align: center; border-right: 1px solid rgba(255,255,255,0.14);} .utility-links li:not(.utility-links__btn).utility-links__login a {display: inline-block; padding:1.250em 0.875em; border: none;} .utility-links li:not(.utility-links__btn) a {font-size:1.000em; font-weight: 600; background: #022848; color: #fff; padding: 1.250em; border-bottom:1px solid rgba(0,0,0,0.25); text-align: center;} .utility-links li.utility-links__btn {display: block; clear: both;} .utility-links li.utility-links__btn a {font-size:1.000em; display: block; width: 100%; box-shadow: none; padding: 1.250em; margin: 0; border-radius: 0;} .utility-links ul ul {display: none!important;} } @media (max-width: 639px) { .menu, .utility-links {font-size: 15px;} } @media (max-width: 479px) { .menu, .utility-links, .site-search {font-size: 14px;} } @media (max-width: 375px) { .menu, .utility-links, .site-search {font-size: 13px;} .site-search__row button {line-height: 64px;} } @media (max-width: 320px) { .menu, .utility-links {font-size: 12px;} } /******************************************************************************** --- Home - Slider --- *********************************************************************************/ .slider-container {overflow:hidden; background: #010b14; position:relative;} .slider.royalSlider > .rsContent {visibility:hidden;} .slider {width: 100%; color: #000;} .slider-wrapper, .slider.royalSlider, .slider.royalSlider .rsOverflow {height: 680px!important;} .slider__slide:before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -moz-linear-gradient(left, rgba(1,11,20,0.8) 0%, rgba(1,11,20,0.79) 1%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left, rgba(1,11,20,0.8) 0%,rgba(1,11,20,0.79) 1%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(1,11,20,0.8) 0%,rgba(1,11,20,0.79) 1%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc010b14', endColorstr='#00ffffff',GradientType=1 );} /* Hero Arrows */ .rsArrow {font-size:16px; position:absolute; top:50%; margin-top:-1.750em; width: 3.500em; height: 3.500em; line-height: 3.500em; color: #fff; background: rgba(1,11,20,0.25); border-radius: 50%; text-align: center; z-index:31; transition: all 250ms ease} .rsArrow:hover {background: rgba(1,11,20,0.75);} .rsArrow .rsArrowIcn:before {font-size: 1.875em; font-weight: normal; font-family: 'CD-Project-Icons'; display: inline-block; vertical-align: middle; line-height: 1; position: relative; top: -2px; } .rsArrowLeft {left:3.750em;} .rsArrowLeft .rsArrowIcn:before {content:"\e6c0"; left: -1px} .rsArrowRight {right:3.750em;} .rsArrowRight .rsArrowIcn:before {content:"\e6c1";} /* Hero Bullets */ .rsBullets {font-size: 16px; position: relative; top: -140px; float: none!important; width: 90%; max-width: 1230px; padding: 0 0.9375rem; margin:0 auto; z-index:31; overflow: hidden;} .rsBullet {display: block; float: left; cursor: pointer; margin-right: 0.625em; width: 0.938em; height: 0.938em; border-radius: 0.938em; border: 2px solid #6a7074;} .rsBullet.rsNavSelected {background: #6a7074;} /* Hero Caption */ .slider__overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-bottom: 80px;} .slider__wrapper {display: table; width: 100%; height: 100%;} .slider__valign {display: table-cell; vertical-align: middle;} .slider__caption {font-size: 16px; max-width: 37.500em;} .slider__headline {font-size: 3.000em; color: #fff; font-weight: 300; margin-bottom: 0.625em} .slider__headline span {font-weight: 600; display: block;} .slider__overview {font-size: 1.250em; color: #dfe5e9; margin-bottom: 1.750em;} .slider__actions {margin: 0 -0.313em;} .slider__actions .button {font-size: 1.000em; margin: 0 0.313em;} .slider__actions .button.stroke {border-color: rgba(255,255,255,0.3); color: #fff; padding-top: 0.938em; padding-bottom: 0.938em;} .slider__actions .button.stroke:hover {background-color: rgba(255,255,255,0.3)} /* Default Royal Slider Styles v1.0.6 */ .royalSlider {width:100%; position: relative; direction: ltr; } .royalSlider > * { float: left; } .rsWebkit3d .rsSlide, .rsWebkit3d .rsContainer, .rsWebkit3d .rsThumbs, .rsWebkit3d .rsPreloader, .rsWebkit3d img, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsAbsoluteEl, .rsWebkit3d .rsABlock, .rsWebkit3d .rsLink { -webkit-backface-visibility: hidden; } .rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer { -webkit-transform: none; } .rsOverflow { width: 100%; height: 100%; position: relative; overflow: hidden; float: left; -webkit-tap-highlight-color: rgba(0,0,0,0); } .rsVisibleNearbyWrap { width: 100%; height: 100%; position: relative; overflow: hidden; left: 0; top: 0; -webkit-tap-highlight-color: rgba(0,0,0,0); } .rsVisibleNearbyWrap .rsOverflow { position: absolute; left: 0; top: 0; } .rsContainer { position: relative; width: 100%; height: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); } .rsArrow { cursor: pointer; opacity: 1; -webkit-transition: opacity 0.3s linear; -moz-transition: opacity 0.3s linear; -o-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } .rsHidden { opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s linear; -moz-transition: visibility 0s linear 0.3s, opacity 0.3s linear; -o-transition: visibility 0s linear 0.3s, opacity 0.3s linear; transition: visibility 0s linear 0.3s, opacity 0.3s linear; } .rsGCaption { width: 100%; float: left; text-align: center; } .royalSlider .rsSlide.rsFakePreloader { opacity: 1 !important; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; display: none; } .rsSlide { position: absolute; left: 0; top: 0; display: block; overflow: hidden; height: 100%; width: 100%; } .royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide { height: auto; } .rsContent { width: 100%; height: 100%; position: relative; } .rsPreloader { position: absolute; z-index: 0; } img.rsImg { max-width: none; } .rsNoDrag { cursor: auto; } .royalSlider img {width: 100%; height: auto; margin: 0 auto;} @media only screen and (max-width: 1366px) { .slider-wrapper, .slider.royalSlider, .slider.royalSlider .rsOverflow {height: 625px!important;} .rsBullets {top: -120px;} .rsArrow {font-size: 11px;} .rsArrowLeft {left:2.000em;} .rsArrowRight {right:2.000em;} } @media only screen and (max-width: 1199px) { .slider-wrapper, .slider.royalSlider, .slider.royalSlider .rsOverflow {height: 525px!important;} .rsArrow {display: none!important;} .slider__overlay {padding-bottom: 60px;} .slider__caption {font-size: 14px;} .rsBullets {font-size: 15px} .rsBullets {top: -100px;} } @media only screen and (max-width: 959px) { .slider-wrapper, .slider.royalSlider, .slider.royalSlider .rsOverflow {height: 450px!important;} .slider__overlay {padding-bottom: 40px;} .slider__caption {font-size: 13px;} .rsBullets {top: -80px;} } @media only screen and (max-width: 800px) { .slider-wrapper, .slider.royalSlider, .slider.royalSlider .rsOverflow {height: 400px!important;} .slider__overlay {padding-bottom: 25px;} .slider__caption {font-size: 12px;} .rsBullets {font-size: 14px; top: -60px;} } @media only screen and (max-width: 639px) { .slider-wrapper, .slider.royalSlider, .slider.royalSlider .rsOverflow {height: 360px!important;} .rsBullets {width: 96%;} .slider__overlay {padding-bottom: 18px;} .slider__headline {font-size: 2.500em;} .rsBullets {font-size: 13px; top: -45px;} } @media only screen and (max-width: 479px) { .slider-wrapper, .slider.royalSlider, .slider.royalSlider .rsOverflow {height: 320px!important;} .slider__caption {font-size: 11px;} .rsBullets {font-size: 12px; top: -45px;} } @media only screen and (max-width: 375px) { .slider-wrapper, .slider.royalSlider, .slider.royalSlider .rsOverflow {height: 300px!important;} .slider__caption {font-size: 10px;} .slider__headline {font-size: 2.250em; margin-bottom: 0.500em;} .slider__overview {margin-bottom: 1.000em;} .rsBullets {font-size: 11px;} .slider__actions .button {display: inline-block; width: auto;} } @media only screen and (max-width: 320px) { .slider-wrapper, .slider.royalSlider, .slider.royalSlider .rsOverflow {height: 265px!important;} .slider__caption {font-size: 9px;} .rsBullets {font-size: 10px; top: -40px;} } /******************************************************************************** --- Page Title --- *********************************************************************************/ .page-title {font-size: 16px; padding: 6.250em 0; background: #043761; position: relative;} .page-title:not(.page-title--no-bg) {background-position: center center; background-size: cover; background-repeat: no-repeat;} .page-title:not(.page-title--no-bg):before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(1,11,20,0.50)} .page-title__container {width: 96%; max-width: 1230px; margin-right: auto; margin-left: auto; padding-right: 0.9375rem; padding-left: 0.9375rem; position: relative;} .page-title__container::before, .page-title__container::after {display: table; content: ' ';} .page-title__container::after{clear:both} .page-title__copy :last-child {margin-bottom: 0;} .page-title__headline {font-size: 3.000em; color: #fff; font-weight: 300; line-height: 1.2; margin-bottom: 0.208em;} .page-title__subheadline {font-size: 1.563em; font-weight: 300; color: #6caddf} .page-title__subheadline a {font-size: 0.640em; margin: 1.000em 0.500em 0;} .page-title__overview {font-size: 1.250em; color: #fafcff;} .page-title__label {font-size: 0.750em; color: #a5cf00; font-weight: 600; text-transform: uppercase; line-height: 1.2;} .page-title__link {display:block; position: relative; font-size:0.88em; margin-top: -0.63em; font-weight: 600;} .page-title__link span {display:inline-block; padding-bottom: 1px; color: #0073d1; border-bottom: 2px solid #0073d1; transition:all 250ms ease;} .page-title__link span:hover {color: #0784e9; border-color: #0784e9} .page-title__button.button {margin-top: 1.563em;} .page-title--no-bg {background-position: center bottom; background-repeat: no-repeat;} .page-title--no-bg .page-title__overview {color: #9baab7;} .page-title--hero .page-title__container {display: table; /*min-height: 12.500em;*/} .page-title--hero .page-title__copy {display: table-cell; vertical-align: middle;} .page-title--hero .page-title__overview {max-width: 650px;} .page-title--hero .page-title__subheadline {color: #fff;} .page-title--hero .page-title__overview {color: rgba(255,255,255,0.65);} .page-title--hero-centered {text-align: center;} .page-title--hero-centered .page-title__overview {margin-right: auto; margin-left: auto;} .page-title--carousel .page-title__copy, .page-title--cta .page-title__copy {float: left; width: 65%; padding-right:3.750em} .page-title__carousel {float: right; width: 35%; max-width: 350px; background: #fff; border-radius: 3px; padding:3.125em 0.750em 1.250em 0.750em; position: relative;} .page-title__carousel {border-radius: 0; padding: 0; box-shadow: none;} .page-title__carousel-label {position: absolute; top: 0.750em; left: 0.750em} .page-title__cta {float: right; width: 35%; padding:1.500em 0 1.5000em 3.750em; color: #fff; position: relative;} .page-title__cta-headline {font-size: 1.563em; color: #fff; margin-bottom: 0.400em;} .page-title__cta-headline span {margin-left: 0.160em; color: #0073d1} .page-title__cta p {font-size: 0.938em;} .page-title__cta .button {font-size: 0.875em;} @media (min-width: 640px) { .page-title__container {width: 90%} .page-title__cta:before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: rgba(255,255,255,0.10)} } @media (max-width: 1199px) { .page-title {font-size: 15px;} } @media (max-width: 1023px) { .page-title {font-size: 14px;} } @media (max-width: 800px) { .page-title {font-size: 13px;} .page-title--carousel .page-title__copy, .page-title--cta .page-title__copy {padding-right: 2.000em;} .page-title__cta {padding-left: 2.000em;} } @media (max-width: 639px) { .page-title {padding-top: 4.000em; padding-bottom: 4.000em} .page-title--carousel .page-title__copy, .page-title__carousel, .page-title--cta .page-title__copy, .page-title__cta {float: none; width: 100%;} .page-title--carousel .page-title__copy {padding-right: 0; margin-bottom: 3.000em;} .page-title__carousel {max-width: 100%;} .page-title__cta {border-top: 1px solid rgba(255,255,255,0.10); margin-top: 1.500em; padding: 1.500em 0 0;} .page-title__cta p {font-size: 1.063em;} } @media (max-width: 479px) { .page-title {font-size: 12px;} } @media (max-width: 375px) { .page-title {font-size: 11px; padding-top: 3.000em; padding-bottom: 3.000em} } /******************************************************************************** --- Template Layout --- *********************************************************************************/ .page-body:not(.row)::before,.page-body:not(.row)::after{display:table;content:' '}.page-body:not(.row)::after{clear:both} .wrapper { padding-top: 85px; } @media (max-width: 959px) { .wrapper { padding-top: 60px; } } /******************************************************************************** --- Grid --- *********************************************************************************/ /* Base Grid Classes */ .row{max-width:1230px;margin-right:auto;margin-left:auto}.row::before,.row::after{display:table;content:' '}.row::after{clear:both}.row.collapse > .column,.row.collapse > .columns{padding-right:0;padding-left:0}.row .row{margin-right:-.9375rem;margin-left:-.9375rem}.row .row.collapse{margin-right:0;margin-left:0}.row.expanded{max-width:none}.row.expanded .row{margin-right:auto;margin-left:auto}.column,.columns{width:100%;float:left;padding-right:.9375rem;padding-left:.9375rem}.column:last-child:not(:first-child),.columns:last-child:not(:first-child){float:right}.column.end:last-child:last-child,.end.columns:last-child:last-child{float:left}.column.row.row,.row.row.columns{float:none}.row .column.row.row,.row .row.row.columns{margin-right:0;margin-left:0;padding-right:0;padding-left:0}.row-site {width: 96%} /* .xsmall- Grid */ .xsmall-1{width:8.33333%}.xsmall-push-1{position:relative;left:8.33333%}.xsmall-pull-1{position:relative;left:-8.33333%}.xsmall-offset-0{margin-left:0}.xsmall-2{width:16.66667%}.xsmall-push-2{position:relative;left:16.66667%}.xsmall-pull-2{position:relative;left:-16.66667%}.xsmall-offset-1{margin-left:8.33333%}.xsmall-3{width:25%}.xsmall-push-3{position:relative;left:25%}.xsmall-pull-3{position:relative;left:-25%}.xsmall-offset-2{margin-left:16.66667%}.xsmall-4{width:33.33333%}.xsmall-push-4{position:relative;left:33.33333%}.xsmall-pull-4{position:relative;left:-33.33333%}.xsmall-offset-3{margin-left:25%}.xsmall-5{width:41.66667%}.xsmall-push-5{position:relative;left:41.66667%}.xsmall-pull-5{position:relative;left:-41.66667%}.xsmall-offset-4{margin-left:33.33333%}.xsmall-6{width:50%}.xsmall-push-6{position:relative;left:50%}.xsmall-pull-6{position:relative;left:-50%}.xsmall-offset-5{margin-left:41.66667%}.xsmall-7{width:58.33333%}.xsmall-push-7{position:relative;left:58.33333%}.xsmall-pull-7{position:relative;left:-58.33333%}.xsmall-offset-6{margin-left:50%}.xsmall-8{width:66.66667%}.xsmall-push-8{position:relative;left:66.66667%}.xsmall-pull-8{position:relative;left:-66.66667%}.xsmall-offset-7{margin-left:58.33333%}.xsmall-9{width:75%}.xsmall-push-9{position:relative;left:75%}.xsmall-pull-9{position:relative;left:-75%}.xsmall-offset-8{margin-left:66.66667%}.xsmall-10{width:83.33333%}.xsmall-push-10{position:relative;left:83.33333%}.xsmall-pull-10{position:relative;left:-83.33333%}.xsmall-offset-9{margin-left:75%}.xsmall-11{width:91.66667%}.xsmall-push-11{position:relative;left:91.66667%}.xsmall-pull-11{position:relative;left:-91.66667%}.xsmall-offset-10{margin-left:83.33333%}.xsmall-12{width:100%}.xsmall-offset-11{margin-left:91.66667%}.xsmall-up-1 > .column,.xsmall-up-1 > .columns{float:left;width:100%}.xsmall-up-1 > .column:nth-of-type(1n),.xsmall-up-1 > .columns:nth-of-type(1n){clear:none}.xsmall-up-1 > .column:nth-of-type(1n+1),.xsmall-up-1 > .columns:nth-of-type(1n+1){clear:both}.xsmall-up-1 > .column:last-child,.xsmall-up-1 > .columns:last-child{float:left}.xsmall-up-2 > .column,.xsmall-up-2 > .columns{float:left;width:50%}.xsmall-up-2 > .column:nth-of-type(1n),.xsmall-up-2 > .columns:nth-of-type(1n){clear:none}.xsmall-up-2 > .column:nth-of-type(2n+1),.xsmall-up-2 > .columns:nth-of-type(2n+1){clear:both}.xsmall-up-2 > .column:last-child,.xsmall-up-2 > .columns:last-child{float:left}.xsmall-up-3 > .column,.xsmall-up-3 > .columns{float:left;width:33.33333%}.xsmall-up-3 > .column:nth-of-type(1n),.xsmall-up-3 > .columns:nth-of-type(1n){clear:none}.xsmall-up-3 > .column:nth-of-type(3n+1),.xsmall-up-3 > .columns:nth-of-type(3n+1){clear:both}.xsmall-up-3 > .column:last-child,.xsmall-up-3 > .columns:last-child{float:left}.xsmall-up-4 > .column,.xsmall-up-4 > .columns{float:left;width:25%}.xsmall-up-4 > .column:nth-of-type(1n),.xsmall-up-4 > .columns:nth-of-type(1n){clear:none}.xsmall-up-4 > .column:nth-of-type(4n+1),.xsmall-up-4 > .columns:nth-of-type(4n+1){clear:both}.xsmall-up-4 > .column:last-child,.xsmall-up-4 > .columns:last-child{float:left}.xsmall-up-5 > .column,.xsmall-up-5 > .columns{float:left;width:20%}.xsmall-up-5 > .column:nth-of-type(1n),.xsmall-up-5 > .columns:nth-of-type(1n){clear:none}.xsmall-up-5 > .column:nth-of-type(5n+1),.xsmall-up-5 > .columns:nth-of-type(5n+1){clear:both}.xsmall-up-5 > .column:last-child,.xsmall-up-5 > .columns:last-child{float:left}.xsmall-up-6 > .column,.xsmall-up-6 > .columns{float:left;width:16.66667%}.xsmall-up-6 > .column:nth-of-type(1n),.xsmall-up-6 > .columns:nth-of-type(1n){clear:none}.xsmall-up-6 > .column:nth-of-type(6n+1),.xsmall-up-6 > .columns:nth-of-type(6n+1){clear:both}.xsmall-up-6 > .column:last-child,.xsmall-up-6 > .columns:last-child{float:left}.xsmall-up-7 > .column,.xsmall-up-7 > .columns{float:left;width:14.28571%}.xsmall-up-7 > .column:nth-of-type(1n),.xsmall-up-7 > .columns:nth-of-type(1n){clear:none}.xsmall-up-7 > .column:nth-of-type(7n+1),.xsmall-up-7 > .columns:nth-of-type(7n+1){clear:both}.xsmall-up-7 > .column:last-child,.xsmall-up-7 > .columns:last-child{float:left}.xsmall-up-8 > .column,.xsmall-up-8 > .columns{float:left;width:12.5%}.xsmall-up-8 > .column:nth-of-type(1n),.xsmall-up-8 > .columns:nth-of-type(1n){clear:none}.xsmall-up-8 > .column:nth-of-type(8n+1),.xsmall-up-8 > .columns:nth-of-type(8n+1){clear:both}.xsmall-up-8 > .column:last-child,.xsmall-up-8 > .columns:last-child{float:left}.xsmall-collapse > .column,.xsmall-collapse > .columns{padding-right:0;padding-left:0}.xsmall-collapse .row{margin-right:0;margin-left:0}.expanded.row .xsmall-collapse.row{margin-right:0;margin-left:0}.xsmall-uncollapse > .column,.xsmall-uncollapse > .columns{padding-right:.9375rem;padding-left:.9375rem}.xsmall-centered{margin-right:auto;margin-left:auto}.xsmall-centered,.xsmall-centered:last-child:not(:first-child){float:none;clear:both}.xsmall-uncentered,.xsmall-push-0,.xsmall-pull-0{position:static;float:left;margin-right:0;margin-left:0} /* .small- Grid */ @media print, screen and (min-width: 480px) { .small-1{width:8.33333%}.small-push-1{position:relative;left:8.33333%}.small-pull-1{position:relative;left:-8.33333%}.small-offset-0{margin-left:0}.small-2{width:16.66667%}.small-push-2{position:relative;left:16.66667%}.small-pull-2{position:relative;left:-16.66667%}.small-offset-1{margin-left:8.33333%}.small-3{width:25%}.small-push-3{position:relative;left:25%}.small-pull-3{position:relative;left:-25%}.small-offset-2{margin-left:16.66667%}.small-4{width:33.33333%}.small-push-4{position:relative;left:33.33333%}.small-pull-4{position:relative;left:-33.33333%}.small-offset-3{margin-left:25%}.small-5{width:41.66667%}.small-push-5{position:relative;left:41.66667%}.small-pull-5{position:relative;left:-41.66667%}.small-offset-4{margin-left:33.33333%}.small-6{width:50%}.small-push-6{position:relative;left:50%}.small-pull-6{position:relative;left:-50%}.small-offset-5{margin-left:41.66667%}.small-7{width:58.33333%}.small-push-7{position:relative;left:58.33333%}.small-pull-7{position:relative;left:-58.33333%}.small-offset-6{margin-left:50%}.small-8{width:66.66667%}.small-push-8{position:relative;left:66.66667%}.small-pull-8{position:relative;left:-66.66667%}.small-offset-7{margin-left:58.33333%}.small-9{width:75%}.small-push-9{position:relative;left:75%}.small-pull-9{position:relative;left:-75%}.small-offset-8{margin-left:66.66667%}.small-10{width:83.33333%}.small-push-10{position:relative;left:83.33333%}.small-pull-10{position:relative;left:-83.33333%}.small-offset-9{margin-left:75%}.small-11{width:91.66667%}.small-push-11{position:relative;left:91.66667%}.small-pull-11{position:relative;left:-91.66667%}.small-offset-10{margin-left:83.33333%}.small-12{width:100%}.small-offset-11{margin-left:91.66667%}.small-up-1 > .column,.small-up-1 > .columns{float:left;width:100%}.small-up-1 > .column:nth-of-type(1n),.small-up-1 > .columns:nth-of-type(1n){clear:none}.small-up-1 > .column:nth-of-type(1n+1),.small-up-1 > .columns:nth-of-type(1n+1){clear:both}.small-up-1 > .column:last-child,.small-up-1 > .columns:last-child{float:left}.small-up-2 > .column,.small-up-2 > .columns{float:left;width:50%}.small-up-2 > .column:nth-of-type(1n),.small-up-2 > .columns:nth-of-type(1n){clear:none}.small-up-2 > .column:nth-of-type(2n+1),.small-up-2 > .columns:nth-of-type(2n+1){clear:both}.small-up-2 > .column:last-child,.small-up-2 > .columns:last-child{float:left}.small-up-3 > .column,.small-up-3 > .columns{float:left;width:33.33333%}.small-up-3 > .column:nth-of-type(1n),.small-up-3 > .columns:nth-of-type(1n){clear:none}.small-up-3 > .column:nth-of-type(3n+1),.small-up-3 > .columns:nth-of-type(3n+1){clear:both}.small-up-3 > .column:last-child,.small-up-3 > .columns:last-child{float:left}.small-up-4 > .column,.small-up-4 > .columns{float:left;width:25%}.small-up-4 > .column:nth-of-type(1n),.small-up-4 > .columns:nth-of-type(1n){clear:none}.small-up-4 > .column:nth-of-type(4n+1),.small-up-4 > .columns:nth-of-type(4n+1){clear:both}.small-up-4 > .column:last-child,.small-up-4 > .columns:last-child{float:left}.small-up-5 > .column,.small-up-5 > .columns{float:left;width:20%}.small-up-5 > .column:nth-of-type(1n),.small-up-5 > .columns:nth-of-type(1n){clear:none}.small-up-5 > .column:nth-of-type(5n+1),.small-up-5 > .columns:nth-of-type(5n+1){clear:both}.small-up-5 > .column:last-child,.small-up-5 > .columns:last-child{float:left}.small-up-6 > .column,.small-up-6 > .columns{float:left;width:16.66667%}.small-up-6 > .column:nth-of-type(1n),.small-up-6 > .columns:nth-of-type(1n){clear:none}.small-up-6 > .column:nth-of-type(6n+1),.small-up-6 > .columns:nth-of-type(6n+1){clear:both}.small-up-6 > .column:last-child,.small-up-6 > .columns:last-child{float:left}.small-up-7 > .column,.small-up-7 > .columns{float:left;width:14.28571%}.small-up-7 > .column:nth-of-type(1n),.small-up-7 > .columns:nth-of-type(1n){clear:none}.small-up-7 > .column:nth-of-type(7n+1),.small-up-7 > .columns:nth-of-type(7n+1){clear:both}.small-up-7 > .column:last-child,.small-up-7 > .columns:last-child{float:left}.small-up-8 > .column,.small-up-8 > .columns{float:left;width:12.5%}.small-up-8 > .column:nth-of-type(1n),.small-up-8 > .columns:nth-of-type(1n){clear:none}.small-up-8 > .column:nth-of-type(8n+1),.small-up-8 > .columns:nth-of-type(8n+1){clear:both}.small-up-8 > .column:last-child,.small-up-8 > .columns:last-child{float:left}.small-collapse > .column,.small-collapse > .columns{padding-right:0;padding-left:0}.small-collapse .row{margin-right:0;margin-left:0}.expanded.row .small-collapse.row{margin-right:0;margin-left:0}.small-uncollapse > .column,.small-uncollapse > .columns{padding-right:.9375rem;padding-left:.9375rem}.small-centered{margin-right:auto;margin-left:auto}.small-centered,.small-centered:last-child:not(:first-child){float:none;clear:both}.small-uncentered,.small-push-0,.small-pull-0{position:static;float:left;margin-right:0;margin-left:0} } /* .medium- Grid */ @media print, screen and (min-width: 640px) { .row-site {width: 90%}.medium-1{width:8.33333%}.medium-push-1{position:relative;left:8.33333%}.medium-pull-1{position:relative;left:-8.33333%}.medium-offset-0{margin-left:0}.medium-2{width:16.66667%}.medium-push-2{position:relative;left:16.66667%}.medium-pull-2{position:relative;left:-16.66667%}.medium-offset-1{margin-left:8.33333%}.medium-3{width:25%}.medium-push-3{position:relative;left:25%}.medium-pull-3{position:relative;left:-25%}.medium-offset-2{margin-left:16.66667%}.medium-4{width:33.33333%}.medium-push-4{position:relative;left:33.33333%}.medium-pull-4{position:relative;left:-33.33333%}.medium-offset-3{margin-left:25%}.medium-5{width:41.66667%}.medium-push-5{position:relative;left:41.66667%}.medium-pull-5{position:relative;left:-41.66667%}.medium-offset-4{margin-left:33.33333%}.medium-6{width:50%}.medium-push-6{position:relative;left:50%}.medium-pull-6{position:relative;left:-50%}.medium-offset-5{margin-left:41.66667%}.medium-7{width:58.33333%}.medium-push-7{position:relative;left:58.33333%}.medium-pull-7{position:relative;left:-58.33333%}.medium-offset-6{margin-left:50%}.medium-8{width:66.66667%}.medium-push-8{position:relative;left:66.66667%}.medium-pull-8{position:relative;left:-66.66667%}.medium-offset-7{margin-left:58.33333%}.medium-9{width:75%}.medium-push-9{position:relative;left:75%}.medium-pull-9{position:relative;left:-75%}.medium-offset-8{margin-left:66.66667%}.medium-10{width:83.33333%}.medium-push-10{position:relative;left:83.33333%}.medium-pull-10{position:relative;left:-83.33333%}.medium-offset-9{margin-left:75%}.medium-11{width:91.66667%}.medium-push-11{position:relative;left:91.66667%}.medium-pull-11{position:relative;left:-91.66667%}.medium-offset-10{margin-left:83.33333%}.medium-12{width:100%}.medium-offset-11{margin-left:91.66667%}.medium-up-1 > .column,.medium-up-1 > .columns{float:left;width:100%}.medium-up-1 > .column:nth-of-type(1n),.medium-up-1 > .columns:nth-of-type(1n){clear:none}.medium-up-1 > .column:nth-of-type(1n+1),.medium-up-1 > .columns:nth-of-type(1n+1){clear:both}.medium-up-1 > .column:last-child,.medium-up-1 > .columns:last-child{float:left}.medium-up-2 > .column,.medium-up-2 > .columns{float:left;width:50%}.medium-up-2 > .column:nth-of-type(1n),.medium-up-2 > .columns:nth-of-type(1n){clear:none}.medium-up-2 > .column:nth-of-type(2n+1),.medium-up-2 > .columns:nth-of-type(2n+1){clear:both}.medium-up-2 > .column:last-child,.medium-up-2 > .columns:last-child{float:left}.medium-up-3 > .column,.medium-up-3 > .columns{float:left;width:33.33333%}.medium-up-3 > .column:nth-of-type(1n),.medium-up-3 > .columns:nth-of-type(1n){clear:none}.medium-up-3 > .column:nth-of-type(3n+1),.medium-up-3 > .columns:nth-of-type(3n+1){clear:both}.medium-up-3 > .column:last-child,.medium-up-3 > .columns:last-child{float:left}.medium-up-4 > .column,.medium-up-4 > .columns{float:left;width:25%}.medium-up-4 > .column:nth-of-type(1n),.medium-up-4 > .columns:nth-of-type(1n){clear:none}.medium-up-4 > .column:nth-of-type(4n+1),.medium-up-4 > .columns:nth-of-type(4n+1){clear:both}.medium-up-4 > .column:last-child,.medium-up-4 > .columns:last-child{float:left}.medium-up-5 > .column,.medium-up-5 > .columns{float:left;width:20%}.medium-up-5 > .column:nth-of-type(1n),.medium-up-5 > .columns:nth-of-type(1n){clear:none}.medium-up-5 > .column:nth-of-type(5n+1),.medium-up-5 > .columns:nth-of-type(5n+1){clear:both}.medium-up-5 > .column:last-child,.medium-up-5 > .columns:last-child{float:left}.medium-up-6 > .column,.medium-up-6 > .columns{float:left;width:16.66667%}.medium-up-6 > .column:nth-of-type(1n),.medium-up-6 > .columns:nth-of-type(1n){clear:none}.medium-up-6 > .column:nth-of-type(6n+1),.medium-up-6 > .columns:nth-of-type(6n+1){clear:both}.medium-up-6 > .column:last-child,.medium-up-6 > .columns:last-child{float:left}.medium-up-7 > .column,.medium-up-7 > .columns{float:left;width:14.28571%}.medium-up-7 > .column:nth-of-type(1n),.medium-up-7 > .columns:nth-of-type(1n){clear:none}.medium-up-7 > .column:nth-of-type(7n+1),.medium-up-7 > .columns:nth-of-type(7n+1){clear:both}.medium-up-7 > .column:last-child,.medium-up-7 > .columns:last-child{float:left}.medium-up-8 > .column,.medium-up-8 > .columns{float:left;width:12.5%}.medium-up-8 > .column:nth-of-type(1n),.medium-up-8 > .columns:nth-of-type(1n){clear:none}.medium-up-8 > .column:nth-of-type(8n+1),.medium-up-8 > .columns:nth-of-type(8n+1){clear:both}.medium-up-8 > .column:last-child,.medium-up-8 > .columns:last-child{float:left}.medium-collapse > .column,.medium-collapse > .columns{padding-right:0;padding-left:0}.medium-collapse .row{margin-right:0;margin-left:0}.expanded.row .medium-collapse.row{margin-right:0;margin-left:0}.medium-uncollapse > .column,.medium-uncollapse > .columns{padding-right:.9375rem;padding-left:.9375rem}.medium-centered{margin-right:auto;margin-left:auto}.medium-centered,.medium-centered:last-child:not(:first-child){float:none;clear:both}.medium-uncentered,.medium-push-0,.medium-pull-0{position:static;float:left;margin-right:0;margin-left:0} } /* .large- Grid */ @media print, screen and (min-width: 801px) { .large-1{width:8.33333%}.large-push-1{position:relative;left:8.33333%}.large-pull-1{position:relative;left:-8.33333%}.large-offset-0{margin-left:0}.large-2{width:16.66667%}.large-push-2{position:relative;left:16.66667%}.large-pull-2{position:relative;left:-16.66667%}.large-offset-1{margin-left:8.33333%}.large-3{width:25%}.large-push-3{position:relative;left:25%}.large-pull-3{position:relative;left:-25%}.large-offset-2{margin-left:16.66667%}.large-4{width:33.33333%}.large-push-4{position:relative;left:33.33333%}.large-pull-4{position:relative;left:-33.33333%}.large-offset-3{margin-left:25%}.large-5{width:41.66667%}.large-push-5{position:relative;left:41.66667%}.large-pull-5{position:relative;left:-41.66667%}.large-offset-4{margin-left:33.33333%}.large-6{width:50%}.large-push-6{position:relative;left:50%}.large-pull-6{position:relative;left:-50%}.large-offset-5{margin-left:41.66667%}.large-7{width:58.33333%}.large-push-7{position:relative;left:58.33333%}.large-pull-7{position:relative;left:-58.33333%}.large-offset-6{margin-left:50%}.large-8{width:66.66667%}.large-push-8{position:relative;left:66.66667%}.large-pull-8{position:relative;left:-66.66667%}.large-offset-7{margin-left:58.33333%}.large-9{width:75%}.large-push-9{position:relative;left:75%}.large-pull-9{position:relative;left:-75%}.large-offset-8{margin-left:66.66667%}.large-10{width:83.33333%}.large-push-10{position:relative;left:83.33333%}.large-pull-10{position:relative;left:-83.33333%}.large-offset-9{margin-left:75%}.large-11{width:91.66667%}.large-push-11{position:relative;left:91.66667%}.large-pull-11{position:relative;left:-91.66667%}.large-offset-10{margin-left:83.33333%}.large-12{width:100%}.large-offset-11{margin-left:91.66667%}.large-up-1 > .column,.large-up-1 > .columns{float:left;width:100%}.large-up-1 > .column:nth-of-type(1n),.large-up-1 > .columns:nth-of-type(1n){clear:none}.large-up-1 > .column:nth-of-type(1n+1),.large-up-1 > .columns:nth-of-type(1n+1){clear:both}.large-up-1 > .column:last-child,.large-up-1 > .columns:last-child{float:left}.large-up-2 > .column,.large-up-2 > .columns{float:left;width:50%}.large-up-2 > .column:nth-of-type(1n),.large-up-2 > .columns:nth-of-type(1n){clear:none}.large-up-2 > .column:nth-of-type(2n+1),.large-up-2 > .columns:nth-of-type(2n+1){clear:both}.large-up-2 > .column:last-child,.large-up-2 > .columns:last-child{float:left}.large-up-3 > .column,.large-up-3 > .columns{float:left;width:33.33333%}.large-up-3 > .column:nth-of-type(1n),.large-up-3 > .columns:nth-of-type(1n){clear:none}.large-up-3 > .column:nth-of-type(3n+1),.large-up-3 > .columns:nth-of-type(3n+1){clear:both}.large-up-3 > .column:last-child,.large-up-3 > .columns:last-child{float:left}.large-up-4 > .column,.large-up-4 > .columns{float:left;width:25%}.large-up-4 > .column:nth-of-type(1n),.large-up-4 > .columns:nth-of-type(1n){clear:none}.large-up-4 > .column:nth-of-type(4n+1),.large-up-4 > .columns:nth-of-type(4n+1){clear:both}.large-up-4 > .column:last-child,.large-up-4 > .columns:last-child{float:left}.large-up-5 > .column,.large-up-5 > .columns{float:left;width:20%}.large-up-5 > .column:nth-of-type(1n),.large-up-5 > .columns:nth-of-type(1n){clear:none}.large-up-5 > .column:nth-of-type(5n+1),.large-up-5 > .columns:nth-of-type(5n+1){clear:both}.large-up-5 > .column:last-child,.large-up-5 > .columns:last-child{float:left}.large-up-6 > .column,.large-up-6 > .columns{float:left;width:16.66667%}.large-up-6 > .column:nth-of-type(1n),.large-up-6 > .columns:nth-of-type(1n){clear:none}.large-up-6 > .column:nth-of-type(6n+1),.large-up-6 > .columns:nth-of-type(6n+1){clear:both}.large-up-6 > .column:last-child,.large-up-6 > .columns:last-child{float:left}.large-up-7 > .column,.large-up-7 > .columns{float:left;width:14.28571%}.large-up-7 > .column:nth-of-type(1n),.large-up-7 > .columns:nth-of-type(1n){clear:none}.large-up-7 > .column:nth-of-type(7n+1),.large-up-7 > .columns:nth-of-type(7n+1){clear:both}.large-up-7 > .column:last-child,.large-up-7 > .columns:last-child{float:left}.large-up-8 > .column,.large-up-8 > .columns{float:left;width:12.5%}.large-up-8 > .column:nth-of-type(1n),.large-up-8 > .columns:nth-of-type(1n){clear:none}.large-up-8 > .column:nth-of-type(8n+1),.large-up-8 > .columns:nth-of-type(8n+1){clear:both}.large-up-8 > .column:last-child,.large-up-8 > .columns:last-child{float:left}.large-collapse > .column,.large-collapse > .columns{padding-right:0;padding-left:0}.large-collapse .row{margin-right:0;margin-left:0}.expanded.row .large-collapse.row{margin-right:0;margin-left:0}.large-uncollapse > .column,.large-uncollapse > .columns{padding-right:.9375rem;padding-left:.9375rem}.large-centered{margin-right:auto;margin-left:auto}.large-centered,.large-centered:last-child:not(:first-child){float:none;clear:both}.large-uncentered,.large-push-0,.large-pull-0{position:static;float:left;margin-right:0;margin-left:0} } /* .xlarge- Grid */ @media print, screen and (min-width: 960px) { .xlarge-1{width:8.33333%}.xlarge-push-1{position:relative;left:8.33333%}.xlarge-pull-1{position:relative;left:-8.33333%}.xlarge-offset-0{margin-left:0}.xlarge-2{width:16.66667%}.xlarge-push-2{position:relative;left:16.66667%}.xlarge-pull-2{position:relative;left:-16.66667%}.xlarge-offset-1{margin-left:8.33333%}.xlarge-3{width:25%}.xlarge-push-3{position:relative;left:25%}.xlarge-pull-3{position:relative;left:-25%}.xlarge-offset-2{margin-left:16.66667%}.xlarge-4{width:33.33333%}.xlarge-push-4{position:relative;left:33.33333%}.xlarge-pull-4{position:relative;left:-33.33333%}.xlarge-offset-3{margin-left:25%}.xlarge-5{width:41.66667%}.xlarge-push-5{position:relative;left:41.66667%}.xlarge-pull-5{position:relative;left:-41.66667%}.xlarge-offset-4{margin-left:33.33333%}.xlarge-6{width:50%}.xlarge-push-6{position:relative;left:50%}.xlarge-pull-6{position:relative;left:-50%}.xlarge-offset-5{margin-left:41.66667%}.xlarge-7{width:58.33333%}.xlarge-push-7{position:relative;left:58.33333%}.xlarge-pull-7{position:relative;left:-58.33333%}.xlarge-offset-6{margin-left:50%}.xlarge-8{width:66.66667%}.xlarge-push-8{position:relative;left:66.66667%}.xlarge-pull-8{position:relative;left:-66.66667%}.xlarge-offset-7{margin-left:58.33333%}.xlarge-9{width:75%}.xlarge-push-9{position:relative;left:75%}.xlarge-pull-9{position:relative;left:-75%}.xlarge-offset-8{margin-left:66.66667%}.xlarge-10{width:83.33333%}.xlarge-push-10{position:relative;left:83.33333%}.xlarge-pull-10{position:relative;left:-83.33333%}.xlarge-offset-9{margin-left:75%}.xlarge-11{width:91.66667%}.xlarge-push-11{position:relative;left:91.66667%}.xlarge-pull-11{position:relative;left:-91.66667%}.xlarge-offset-10{margin-left:83.33333%}.xlarge-12{width:100%}.xlarge-offset-11{margin-left:91.66667%}.xlarge-up-1 > .column,.xlarge-up-1 > .columns{float:left;width:100%}.xlarge-up-1 > .column:nth-of-type(1n),.xlarge-up-1 > .columns:nth-of-type(1n){clear:none}.xlarge-up-1 > .column:nth-of-type(1n+1),.xlarge-up-1 > .columns:nth-of-type(1n+1){clear:both}.xlarge-up-1 > .column:last-child,.xlarge-up-1 > .columns:last-child{float:left}.xlarge-up-2 > .column,.xlarge-up-2 > .columns{float:left;width:50%}.xlarge-up-2 > .column:nth-of-type(1n),.xlarge-up-2 > .columns:nth-of-type(1n){clear:none}.xlarge-up-2 > .column:nth-of-type(2n+1),.xlarge-up-2 > .columns:nth-of-type(2n+1){clear:both}.xlarge-up-2 > .column:last-child,.xlarge-up-2 > .columns:last-child{float:left}.xlarge-up-3 > .column,.xlarge-up-3 > .columns{float:left;width:33.33333%}.xlarge-up-3 > .column:nth-of-type(1n),.xlarge-up-3 > .columns:nth-of-type(1n){clear:none}.xlarge-up-3 > .column:nth-of-type(3n+1),.xlarge-up-3 > .columns:nth-of-type(3n+1){clear:both}.xlarge-up-3 > .column:last-child,.xlarge-up-3 > .columns:last-child{float:left}.xlarge-up-4 > .column,.xlarge-up-4 > .columns{float:left;width:25%}.xlarge-up-4 > .column:nth-of-type(1n),.xlarge-up-4 > .columns:nth-of-type(1n){clear:none}.xlarge-up-4 > .column:nth-of-type(4n+1),.xlarge-up-4 > .columns:nth-of-type(4n+1){clear:both}.xlarge-up-4 > .column:last-child,.xlarge-up-4 > .columns:last-child{float:left}.xlarge-up-5 > .column,.xlarge-up-5 > .columns{float:left;width:20%}.xlarge-up-5 > .column:nth-of-type(1n),.xlarge-up-5 > .columns:nth-of-type(1n){clear:none}.xlarge-up-5 > .column:nth-of-type(5n+1),.xlarge-up-5 > .columns:nth-of-type(5n+1){clear:both}.xlarge-up-5 > .column:last-child,.xlarge-up-5 > .columns:last-child{float:left}.xlarge-up-6 > .column,.xlarge-up-6 > .columns{float:left;width:16.66667%}.xlarge-up-6 > .column:nth-of-type(1n),.xlarge-up-6 > .columns:nth-of-type(1n){clear:none}.xlarge-up-6 > .column:nth-of-type(6n+1),.xlarge-up-6 > .columns:nth-of-type(6n+1){clear:both}.xlarge-up-6 > .column:last-child,.xlarge-up-6 > .columns:last-child{float:left}.xlarge-up-7 > .column,.xlarge-up-7 > .columns{float:left;width:14.28571%}.xlarge-up-7 > .column:nth-of-type(1n),.xlarge-up-7 > .columns:nth-of-type(1n){clear:none}.xlarge-up-7 > .column:nth-of-type(7n+1),.xlarge-up-7 > .columns:nth-of-type(7n+1){clear:both}.xlarge-up-7 > .column:last-child,.xlarge-up-7 > .columns:last-child{float:left}.xlarge-up-8 > .column,.xlarge-up-8 > .columns{float:left;width:12.5%}.xlarge-up-8 > .column:nth-of-type(1n),.xlarge-up-8 > .columns:nth-of-type(1n){clear:none}.xlarge-up-8 > .column:nth-of-type(8n+1),.xlarge-up-8 > .columns:nth-of-type(8n+1){clear:both}.xlarge-up-8 > .column:last-child,.xlarge-up-8 > .columns:last-child{float:left}.xlarge-collapse > .column,.xlarge-collapse > .columns{padding-right:0;padding-left:0}.xlarge-collapse .row{margin-right:0;margin-left:0}.expanded.row .xlarge-collapse.row{margin-right:0;margin-left:0}.xlarge-uncollapse > .column,.xlarge-uncollapse > .columns{padding-right:.9375rem;padding-left:.9375rem}.xlarge-centered{margin-right:auto;margin-left:auto}.xlarge-centered,.xlarge-centered:last-child:not(:first-child){float:none;clear:both}.xlarge-uncentered,.xlarge-push-0,.xlarge-pull-0{position:static;float:left;margin-right:0;margin-left:0} } /* .xxlarge- Grid */ @media print, screen and (min-width: 1200px) { .xxlarge-1{width:8.33333%}.xxlarge-push-1{position:relative;left:8.33333%}.xxlarge-pull-1{position:relative;left:-8.33333%}.xxlarge-offset-0{margin-left:0}.xxlarge-2{width:16.66667%}.xxlarge-push-2{position:relative;left:16.66667%}.xxlarge-pull-2{position:relative;left:-16.66667%}.xxlarge-offset-1{margin-left:8.33333%}.xxlarge-3{width:25%}.xxlarge-push-3{position:relative;left:25%}.xxlarge-pull-3{position:relative;left:-25%}.xxlarge-offset-2{margin-left:16.66667%}.xxlarge-4{width:33.33333%}.xxlarge-push-4{position:relative;left:33.33333%}.xxlarge-pull-4{position:relative;left:-33.33333%}.xxlarge-offset-3{margin-left:25%}.xxlarge-5{width:41.66667%}.xxlarge-push-5{position:relative;left:41.66667%}.xxlarge-pull-5{position:relative;left:-41.66667%}.xxlarge-offset-4{margin-left:33.33333%}.xxlarge-6{width:50%}.xxlarge-push-6{position:relative;left:50%}.xxlarge-pull-6{position:relative;left:-50%}.xxlarge-offset-5{margin-left:41.66667%}.xxlarge-7{width:58.33333%}.xxlarge-push-7{position:relative;left:58.33333%}.xxlarge-pull-7{position:relative;left:-58.33333%}.xxlarge-offset-6{margin-left:50%}.xxlarge-8{width:66.66667%}.xxlarge-push-8{position:relative;left:66.66667%}.xxlarge-pull-8{position:relative;left:-66.66667%}.xxlarge-offset-7{margin-left:58.33333%}.xxlarge-9{width:75%}.xxlarge-push-9{position:relative;left:75%}.xxlarge-pull-9{position:relative;left:-75%}.xxlarge-offset-8{margin-left:66.66667%}.xxlarge-10{width:83.33333%}.xxlarge-push-10{position:relative;left:83.33333%}.xxlarge-pull-10{position:relative;left:-83.33333%}.xxlarge-offset-9{margin-left:75%}.xxlarge-11{width:91.66667%}.xxlarge-push-11{position:relative;left:91.66667%}.xxlarge-pull-11{position:relative;left:-91.66667%}.xxlarge-offset-10{margin-left:83.33333%}.xxlarge-12{width:100%}.xxlarge-offset-11{margin-left:91.66667%}.xxlarge-up-1 > .column,.xxlarge-up-1 > .columns{float:left;width:100%}.xxlarge-up-1 > .column:nth-of-type(1n),.xxlarge-up-1 > .columns:nth-of-type(1n){clear:none}.xxlarge-up-1 > .column:nth-of-type(1n+1),.xxlarge-up-1 > .columns:nth-of-type(1n+1){clear:both}.xxlarge-up-1 > .column:last-child,.xxlarge-up-1 > .columns:last-child{float:left}.xxlarge-up-2 > .column,.xxlarge-up-2 > .columns{float:left;width:50%}.xxlarge-up-2 > .column:nth-of-type(1n),.xxlarge-up-2 > .columns:nth-of-type(1n){clear:none}.xxlarge-up-2 > .column:nth-of-type(2n+1),.xxlarge-up-2 > .columns:nth-of-type(2n+1){clear:both}.xxlarge-up-2 > .column:last-child,.xxlarge-up-2 > .columns:last-child{float:left}.xxlarge-up-3 > .column,.xxlarge-up-3 > .columns{float:left;width:33.33333%}.xxlarge-up-3 > .column:nth-of-type(1n),.xxlarge-up-3 > .columns:nth-of-type(1n){clear:none}.xxlarge-up-3 > .column:nth-of-type(3n+1),.xxlarge-up-3 > .columns:nth-of-type(3n+1){clear:both}.xxlarge-up-3 > .column:last-child,.xxlarge-up-3 > .columns:last-child{float:left}.xxlarge-up-4 > .column,.xxlarge-up-4 > .columns{float:left;width:25%}.xxlarge-up-4 > .column:nth-of-type(1n),.xxlarge-up-4 > .columns:nth-of-type(1n){clear:none}.xxlarge-up-4 > .column:nth-of-type(4n+1),.xxlarge-up-4 > .columns:nth-of-type(4n+1){clear:both}.xxlarge-up-4 > .column:last-child,.xxlarge-up-4 > .columns:last-child{float:left}.xxlarge-up-5 > .column,.xxlarge-up-5 > .columns{float:left;width:20%}.xxlarge-up-5 > .column:nth-of-type(1n),.xxlarge-up-5 > .columns:nth-of-type(1n){clear:none}.xxlarge-up-5 > .column:nth-of-type(5n+1),.xxlarge-up-5 > .columns:nth-of-type(5n+1){clear:both}.xxlarge-up-5 > .column:last-child,.xxlarge-up-5 > .columns:last-child{float:left}.xxlarge-up-6 > .column,.xxlarge-up-6 > .columns{float:left;width:16.66667%}.xxlarge-up-6 > .column:nth-of-type(1n),.xxlarge-up-6 > .columns:nth-of-type(1n){clear:none}.xxlarge-up-6 > .column:nth-of-type(6n+1),.xxlarge-up-6 > .columns:nth-of-type(6n+1){clear:both}.xxlarge-up-6 > .column:last-child,.xxlarge-up-6 > .columns:last-child{float:left}.xxlarge-up-7 > .column,.xxlarge-up-7 > .columns{float:left;width:14.28571%}.xxlarge-up-7 > .column:nth-of-type(1n),.xxlarge-up-7 > .columns:nth-of-type(1n){clear:none}.xxlarge-up-7 > .column:nth-of-type(7n+1),.xxlarge-up-7 > .columns:nth-of-type(7n+1){clear:both}.xxlarge-up-7 > .column:last-child,.xxlarge-up-7 > .columns:last-child{float:left}.xxlarge-up-8 > .column,.xxlarge-up-8 > .columns{float:left;width:12.5%}.xxlarge-up-8 > .column:nth-of-type(1n),.xxlarge-up-8 > .columns:nth-of-type(1n){clear:none}.xxlarge-up-8 > .column:nth-of-type(8n+1),.xxlarge-up-8 > .columns:nth-of-type(8n+1){clear:both}.xxlarge-up-8 > .column:last-child,.xxlarge-up-8 > .columns:last-child{float:left}.xxlarge-collapse > .column,.xxlarge-collapse > .columns{padding-right:0;padding-left:0}.xxlarge-collapse .row{margin-right:0;margin-left:0}.expanded.row .xxlarge-collapse.row{margin-right:0;margin-left:0}.xxlarge-uncollapse > .column,.xxlarge-uncollapse > .columns{padding-right:.9375rem;padding-left:.9375rem}.xxlarge-centered{margin-right:auto;margin-left:auto}.xxlarge-centered,.xxlarge-centered:last-child:not(:first-child){float:none;clear:both}.xxlarge-uncentered,.xxlarge-push-0,.xxlarge-pull-0{position:static;float:left;margin-right:0;margin-left:0} } /* Block Grid Bottom Margin */ .column-block { margin-bottom: 1.875rem; } .column-block > :last-child { margin-bottom: 0; } /******************************************************************************** --- CD Font Icons Packcage - Full (replace with project icon set if supplied) --- *********************************************************************************/ @font-face { font-family: 'CD-Project-Icons'; src: url(../stylesheets/fonts/CD-Project-Icons.woff2?xfbk48) format('woff2'), url(../stylesheets/fonts/CD-Project-Icons.ttf?xfbk48) format('truetype'), url(../stylesheets/fonts/CD-Project-Icons.woff?xfbk48) format('woff'), url(../stylesheets/fonts/CD-Project-Icons.svg?xfbk48#CD-Project-Icons) format('svg'); font-weight: normal; font-style: normal; }[class^="icon-"],[class*=" icon-"]{font-family:'CD-Project-Icons'!important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} .icon-sign-up:before{content: "\e90a";}.icon-bia-brain:before{content:"\e900"}.icon-bia-click:before{content:"\e901"}.icon-bia-handshake:before{content:"\e907"}.icon-bia-heart:before{content:"\e908"}.icon-bia-medical-kit:before{content:"\e909"}.icon-search:before{content:"\e949"}.icon-account-circle:before{content:"\e602"}.icon-add:before{content:"\e603"}.icon-add-box:before{content:"\e604"}.icon-add-circle:before{content:"\e605"}.icon-add-circle-outline:before{content:"\e606"}.icon-address:before{content:"\e607"}.icon-add-to-list:before{content:"\e608"}.icon-add-user:before{content:"\e609"}.icon-aircraft:before{content:"\e60e"}.icon-aircraft-landing:before{content:"\e60f"}.icon-aircraft-take-off:before{content:"\e610"}.icon-align-bottom:before{content:"\e611"}.icon-align-center:before{content:"\e612"}.icon-align-horizontal-middle:before{content:"\e613"}.icon-align-justify:before{content:"\e614"}.icon-align-left:before{content:"\e615"}.icon-align-left2:before{content:"\e616"}.icon-align-right:before{content:"\e617"}.icon-align-right2:before{content:"\e618"}.icon-align-top:before{content:"\e619"}.icon-align-vertical-middle:before{content:"\e61a"}.icon-ambulance:before{content:"\e61b"}.icon-anchor:before{content:"\e61c"}.icon-angle-double-down:before{content:"\e61f"}.icon-angle-double-left:before{content:"\e620"}.icon-angle-double-right:before{content:"\e621"}.icon-angle-double-up:before{content:"\e622"}.icon-angle-down:before{content:"\e623"}.icon-angle-left:before{content:"\e624"}.icon-angle-right:before{content:"\e625"}.icon-angle-up:before{content:"\e626"}.icon-archive:before{content:"\e628"}.icon-archive2:before{content:"\e629"}.icon-area-chart:before{content:"\e62a"}.icon-area-graph:before{content:"\e62b"}.icon-arrow-back:before{content:"\e62c"}.icon-arrow-bold-down:before{content:"\e62d"}.icon-arrow-bold-left:before{content:"\e62e"}.icon-arrow-bold-right:before{content:"\e62f"}.icon-arrow-bold-up:before{content:"\e630"}.icon-arrow-circle-down:before{content:"\e631"}.icon-arrow-circle-left:before{content:"\e632"}.icon-arrow-circle-o-down:before{content:"\e633"}.icon-arrow-circle-o-left:before{content:"\e634"}.icon-arrow-circle-o-right:before{content:"\e635"}.icon-arrow-circle-o-up:before{content:"\e636"}.icon-arrow-circle-right:before{content:"\e637"}.icon-arrow-circle-up:before{content:"\e638"}.icon-arrow-down:before{content:"\e639"}.icon-arrow-down2:before{content:"\e63a"}.icon-arrow-drop-down:before{content:"\e63b"}.icon-arrow-drop-down-circle:before{content:"\e63c"}.icon-arrow-drop-up:before{content:"\e63d"}.icon-arrow-forward:before{content:"\e63e"}.icon-arrow-left:before{content:"\e63f"}.icon-arrow-left2:before{content:"\e640"}.icon-arrow-long-down:before{content:"\e641"}.icon-arrow-long-left:before{content:"\e642"}.icon-arrow-long-right:before{content:"\e643"}.icon-arrow-long-up:before{content:"\e644"}.icon-arrow-right:before{content:"\e645"}.icon-arrow-right2:before{content:"\e646"}.icon-arrows:before{content:"\e647"}.icon-arrows-alt:before{content:"\e648"}.icon-arrows-h:before{content:"\e649"}.icon-arrows-v:before{content:"\e64a"}.icon-arrow-up:before{content:"\e64b"}.icon-arrow-up2:before{content:"\e64c"}.icon-arrow-with-circle-down:before{content:"\e64d"}.icon-arrow-with-circle-left:before{content:"\e64e"}.icon-arrow-with-circle-right:before{content:"\e64f"}.icon-arrow-with-circle-up:before{content:"\e650"}.icon-at:before{content:"\e652"}.icon-attachment:before{content:"\e653"}.icon-automobile:before{content:"\e654"}.icon-autorenew:before{content:"\e655"}.icon-awareness-ribbon:before{content:"\e656"}.icon-back:before{content:"\e657"}.icon-back-in-time:before{content:"\e658"}.icon-backward:before{content:"\e659"}.icon-ban:before{content:"\e65a"}.icon-bank:before{content:"\e65b"}.icon-bar-chart:before{content:"\e65c"}.icon-bar-graph:before{content:"\e65e"}.icon-bars:before{content:"\e65f"}.icon-beamed-note:before{content:"\e662"}.icon-bell:before{content:"\e667"}.icon-bell2:before{content:"\e668"}.icon-bell-o:before{content:"\e669"}.icon-bell-slash:before{content:"\e66a"}.icon-bell-slash-o:before{content:"\e66b"}.icon-bicycle:before{content:"\e66c"}.icon-binoculars:before{content:"\e66d"}.icon-birthday-cake:before{content:"\e66e"}.icon-blackboard:before{content:"\e672"}.icon-block:before{content:"\e673"}.icon-book:before{content:"\e677"}.icon-book2:before{content:"\e678"}.icon-bookmark:before{content:"\e679"}.icon-bookmark2:before{content:"\e67a"}.icon-bookmark-o:before{content:"\e67b"}.icon-bookmarks:before{content:"\e67c"}.icon-box:before{content:"\e67e"}.icon-briefcase:before{content:"\e67f"}.icon-briefcase2:before{content:"\e680"}.icon-browser:before{content:"\e681"}.icon-bucket:before{content:"\e683"}.icon-building:before{content:"\e685"}.icon-building-o:before{content:"\e686"}.icon-bullhorn:before{content:"\e687"}.icon-bullseye:before{content:"\e688"}.icon-bus:before{content:"\e689"}.icon-cab:before{content:"\e68a"}.icon-cached:before{content:"\e68b"}.icon-cake:before{content:"\e68c"}.icon-calculator:before{content:"\e68d"}.icon-calculator2:before{content:"\e68e"}.icon-calendar:before{content:"\e68f"}.icon-calendar2:before{content:"\e690"}.icon-calendar-o:before{content:"\e691"}.icon-camera:before{content:"\e692"}.icon-camera2:before{content:"\e693"}.icon-camera-retro:before{content:"\e694"}.icon-caret-down:before{content:"\e695"}.icon-caret-left:before{content:"\e696"}.icon-caret-right:before{content:"\e697"}.icon-caret-square-o-down:before{content:"\e698"}.icon-caret-square-o-left:before{content:"\e699"}.icon-caret-square-o-right:before{content:"\e69a"}.icon-caret-square-o-up:before{content:"\e69b"}.icon-caret-up:before{content:"\e69c"}.icon-ccw:before{content:"\e6a4"}.icon-certificate:before{content:"\e6a5"}.icon-chain:before{content:"\e6a6"}.icon-chain-broken:before{content:"\e6a7"}.icon-chat:before{content:"\e6a8"}.icon-check:before{content:"\e6a9"}.icon-check2:before{content:"\e6aa"}.icon-check-box:before{content:"\e6ab"}.icon-check-box-outline-blank:before{content:"\e6ac"}.icon-check-circle:before{content:"\e6ad"}.icon-check-circle-o:before{content:"\e6ae"}.icon-check-square:before{content:"\e6af"}.icon-check-square-o:before{content:"\e6b0"}.icon-chevron-circle-down:before{content:"\e6b1"}.icon-chevron-circle-left:before{content:"\e6b2"}.icon-chevron-circle-right:before{content:"\e6b3"}.icon-chevron-circle-up:before{content:"\e6b4"}.icon-chevron-down:before{content:"\e6b5"}.icon-chevron-down2:before{content:"\e6b6"}.icon-chevron-left:before{content:"\e6b7"}.icon-chevron-left2:before{content:"\e6b8"}.icon-chevron-right:before{content:"\e6b9"}.icon-chevron-right2:before{content:"\e6ba"}.icon-chevron-small-down:before{content:"\e6bb"}.icon-chevron-small-left:before{content:"\e6bc"}.icon-chevron-small-right:before{content:"\e6bd"}.icon-chevron-small-up:before{content:"\e6be"}.icon-chevron-thin-down:before{content:"\e6bf"}.icon-chevron-thin-left:before{content:"\e6c0"}.icon-chevron-thin-right:before{content:"\e6c1"}.icon-chevron-thin-up:before{content:"\e6c2"}.icon-chevron-up:before{content:"\e6c3"}.icon-chevron-up2:before{content:"\e6c4"}.icon-chevron-with-circle-down:before{content:"\e6c5"}.icon-chevron-with-circle-left:before{content:"\e6c6"}.icon-chevron-with-circle-right:before{content:"\e6c7"}.icon-chevron-with-circle-up:before{content:"\e6c8"}.icon-child:before{content:"\e6c9"}.icon-circle:before{content:"\e6ca"}.icon-circle2:before{content:"\e6cb"}.icon-circle-o:before{content:"\e6cc"}.icon-circle-o-notch:before{content:"\e6cd"}.icon-circle-thin:before{content:"\e6ce"}.icon-circle-with-cross:before{content:"\e6cf"}.icon-circle-with-minus:before{content:"\e6d0"}.icon-circle-with-plus:before{content:"\e6d1"}.icon-circular-graph:before{content:"\e6d2"}.icon-clapperboard:before{content:"\e6d3"}.icon-clear:before{content:"\e6d5"}.icon-clipboard:before{content:"\e6d6"}.icon-clipboard2:before{content:"\e6d7"}.icon-clock:before{content:"\e6d8"}.icon-clock-o:before{content:"\e6d9"}.icon-close:before{content:"\e6da"}.icon-cloud:before{content:"\e6db"}.icon-cloud2:before{content:"\e6dc"}.icon-cloud-download:before{content:"\e6dd"}.icon-cloud-upload:before{content:"\e6de"}.icon-coffee:before{content:"\e6e4"}.icon-cog:before{content:"\e6e5"}.icon-cog2:before{content:"\e6e6"}.icon-cogs:before{content:"\e6e7"}.icon-comment:before{content:"\e6ea"}.icon-comment-o:before{content:"\e6eb"}.icon-comments:before{content:"\e6ec"}.icon-comments-o:before{content:"\e6ed"}.icon-compass:before{content:"\e6ee"}.icon-compass2:before{content:"\e6ef"}.icon-compress:before{content:"\e6f0"}.icon-content-paste:before{content:"\e6f1"}.icon-controller-fast-backward:before{content:"\e6f2"}.icon-controller-fast-forward:before{content:"\e6f3"}.icon-controller-jump-to-start:before{content:"\e6f4"}.icon-controller-next:before{content:"\e6f5"}.icon-controller-paus:before{content:"\e6f6"}.icon-controller-play:before{content:"\e6f7"}.icon-controller-record:before{content:"\e6f8"}.icon-controller-stop:before{content:"\e6f9"}.icon-copy:before{content:"\e6fb"}.icon-credit:before{content:"\e708"}.icon-credit-card:before{content:"\e709"}.icon-credit-card2:before{content:"\e70a"}.icon-cross:before{content:"\e70c"}.icon-cut:before{content:"\e712"}.icon-cutlery:before{content:"\e713"}.icon-cw:before{content:"\e714"}.icon-cycle:before{content:"\e715"}.icon-dashboard:before{content:"\e716"}.icon-database:before{content:"\e717"}.icon-database2:before{content:"\e718"}.icon-dedent:before{content:"\e719"}.icon-desktop:before{content:"\e71b"}.icon-dial-pad:before{content:"\e71d"}.icon-direction:before{content:"\e71f"}.icon-documents:before{content:"\e722"}.icon-dollar:before{content:"\e723"}.icon-done:before{content:"\e724"}.icon-dot-circle-o:before{content:"\e725"}.icon-dot-single:before{content:"\e726"}.icon-dots-three-horizontal:before{content:"\e727"}.icon-dots-three-vertical:before{content:"\e728"}.icon-dots-two-horizontal:before{content:"\e729"}.icon-dots-two-vertical:before{content:"\e72a"}.icon-download:before{content:"\e72b"}.icon-download2:before{content:"\e72c"}.icon-dribbble:before{content:"\e72d"}.icon-dribbble2:before{content:"\e72e"}.icon-edit:before{content:"\e736"}.icon-edit2:before{content:"\e737"}.icon-ellipsis-h:before{content:"\e739"}.icon-ellipsis-v:before{content:"\e73a"}.icon-email:before{content:"\e73b"}.icon-envelope:before{content:"\e741"}.icon-envelope-o:before{content:"\e742"}.icon-erase:before{content:"\e744"}.icon-eraser:before{content:"\e745"}.icon-eraser2:before{content:"\e746"}.icon-exchange:before{content:"\e749"}.icon-exclamation:before{content:"\e74a"}.icon-exclamation-circle:before{content:"\e74b"}.icon-exclamation-triangle:before{content:"\e74c"}.icon-expand:before{content:"\e74d"}.icon-export:before{content:"\e74f"}.icon-external-link:before{content:"\e750"}.icon-external-link-square:before{content:"\e751"}.icon-eye:before{content:"\e752"}.icon-eye-slash:before{content:"\e755"}.icon-fast-backward:before{content:"\e75a"}.icon-fast-forward:before{content:"\e75b"}.icon-fax:before{content:"\e75c"}.icon-female:before{content:"\e75e"}.icon-file:before{content:"\e760"}.icon-file-archive-o:before{content:"\e761"}.icon-file-audio-o:before{content:"\e762"}.icon-file-code-o:before{content:"\e763"}.icon-file-excel-o:before{content:"\e764"}.icon-file-image-o:before{content:"\e765"}.icon-file-movie-o:before{content:"\e766"}.icon-file-o:before{content:"\e767"}.icon-file-pdf-o:before{content:"\e768"}.icon-file-powerpoint-o:before{content:"\e769"}.icon-file-text:before{content:"\e76a"}.icon-file-text-o:before{content:"\e76b"}.icon-file-word-o:before{content:"\e76c"}.icon-film:before{content:"\e76d"}.icon-filter:before{content:"\e76e"}.icon-fire:before{content:"\e76f"}.icon-flag:before{content:"\e771"}.icon-flag2:before{content:"\e772"}.icon-flag-checkered:before{content:"\e773"}.icon-flag-o:before{content:"\e774"}.icon-flashlight:before{content:"\e776"}.icon-flask:before{content:"\e777"}.icon-floppy-o:before{content:"\e77d"}.icon-flow-tree:before{content:"\e782"}.icon-folder:before{content:"\e783"}.icon-folder2:before{content:"\e784"}.icon-folder-images:before{content:"\e785"}.icon-folder-music:before{content:"\e786"}.icon-folder-o:before{content:"\e787"}.icon-folder-open:before{content:"\e788"}.icon-folder-open-o:before{content:"\e789"}.icon-folder-video:before{content:"\e78a"}.icon-forward:before{content:"\e78c"}.icon-forward2:before{content:"\e78d"}.icon-funnel:before{content:"\e791"}.icon-futbol-o:before{content:"\e792"}.icon-game-controller:before{content:"\e793"}.icon-gamepad:before{content:"\e794"}.icon-gauge:before{content:"\e795"}.icon-gavel:before{content:"\e796"}.icon-gift:before{content:"\e798"}.icon-gittip:before{content:"\e7a0"}.icon-globe:before{content:"\e7a2"}.icon-globe2:before{content:"\e7a3"}.icon-graduation-cap:before{content:"\e7ac"}.icon-graduation-cap2:before{content:"\e7ad"}.icon-grid:before{content:"\e7ae"}.icon-group:before{content:"\e7b0"}.icon-hair-cross:before{content:"\e7b2"}.icon-hand:before{content:"\e7b3"}.icon-hand-o-down:before{content:"\e7b4"}.icon-hand-o-left:before{content:"\e7b5"}.icon-hand-o-right:before{content:"\e7b6"}.icon-hand-o-up:before{content:"\e7b7"}.icon-headphones:before{content:"\e7ba"}.icon-heart:before{content:"\e7bb"}.icon-heart2:before{content:"\e7bc"}.icon-heart-o:before{content:"\e7bd"}.icon-heart-outlined:before{content:"\e7be"}.icon-help:before{content:"\e7bf"}.icon-help-with-circle:before{content:"\e7c0"}.icon-highlight-remove:before{content:"\e7c1"}.icon-history:before{content:"\e7c2"}.icon-home:before{content:"\e7c3"}.icon-home2:before{content:"\e7c4"}.icon-hospital-o:before{content:"\e7c5"}.icon-hour-glass:before{content:"\e7c6"}.icon-icloud:before{content:"\e7c9"}.icon-image:before{content:"\e7cb"}.icon-image2:before{content:"\e7cc"}.icon-image-inverted:before{content:"\e7cd"}.icon-images:before{content:"\e7ce"}.icon-inbox:before{content:"\e7cf"}.icon-info:before{content:"\e7d3"}.icon-info2:before{content:"\e7d4"}.icon-info-circle:before{content:"\e7d5"}.icon-info-with-circle:before{content:"\e7d6"}.icon-instagram:before{content:"\e7d9"}.icon-instagram2:before{content:"\e7da"}.icon-install:before{content:"\e7dc"}.icon-key:before{content:"\e7e1"}.icon-key2:before{content:"\e7e2"}.icon-keyboard:before{content:"\e7e3"}.icon-keyboard-arrow-down:before{content:"\e7e4"}.icon-keyboard-arrow-left:before{content:"\e7e5"}.icon-keyboard-arrow-right:before{content:"\e7e6"}.icon-keyboard-arrow-up:before{content:"\e7e7"}.icon-keyboard-backspace:before{content:"\e7e8"}.icon-keyboard-control:before{content:"\e7e9"}.icon-keyboard-o:before{content:"\e7ea"}.icon-lab-flask:before{content:"\e7ec"}.icon-landline:before{content:"\e7ed"}.icon-laptop:before{content:"\e7f0"}.icon-laptop2:before{content:"\e7f1"}.icon-layers:before{content:"\e7f6"}.icon-leaf:before{content:"\e7f7"}.icon-leaf2:before{content:"\e7f8"}.icon-level-down:before{content:"\e7fa"}.icon-level-down2:before{content:"\e7fb"}.icon-level-up:before{content:"\e7fc"}.icon-level-up2:before{content:"\e7fd"}.icon-life-bouy:before{content:"\e7fe"}.icon-lifebuoy:before{content:"\e7ff"}.icon-light-bulb:before{content:"\e800"}.icon-lightbulb-o:before{content:"\e801"}.icon-line-chart:before{content:"\e804"}.icon-line-graph:before{content:"\e805"}.icon-link:before{content:"\e806"}.icon-list:before{content:"\e80c"}.icon-list2:before{content:"\e80d"}.icon-list-alt:before{content:"\e80e"}.icon-list-ol:before{content:"\e80f"}.icon-list-ul:before{content:"\e810"}.icon-location:before{content:"\e811"}.icon-location-arrow:before{content:"\e812"}.icon-location-on:before{content:"\e813"}.icon-location-pin:before{content:"\e814"}.icon-lock:before{content:"\e815"}.icon-lock2:before{content:"\e816"}.icon-lock-open:before{content:"\e817"}.icon-login:before{content:"\e818"}.icon-log-out:before{content:"\e819"}.icon-long-arrow-down:before{content:"\e81a"}.icon-long-arrow-left:before{content:"\e81b"}.icon-long-arrow-right:before{content:"\e81c"}.icon-long-arrow-up:before{content:"\e81d"}.icon-loop:before{content:"\e81e"}.icon-magic:before{content:"\e81f"}.icon-magnifying-glass:before{content:"\e822"}.icon-mail:before{content:"\e823"}.icon-mail-forward:before{content:"\e824"}.icon-mail-reply:before{content:"\e825"}.icon-mail-reply-all:before{content:"\e826"}.icon-male:before{content:"\e827"}.icon-man:before{content:"\e828"}.icon-map:before{content:"\e829"}.icon-map-marker:before{content:"\e82a"}.icon-markunread:before{content:"\e82b"}.icon-medal:before{content:"\e82f"}.icon-medkit:before{content:"\e830"}.icon-megaphone:before{content:"\e831"}.icon-menu:before{content:"\e833"}.icon-message:before{content:"\e834"}.icon-mic:before{content:"\e835"}.icon-microphone:before{content:"\e836"}.icon-microphone-slash:before{content:"\e837"}.icon-minus:before{content:"\e838"}.icon-minus2:before{content:"\e839"}.icon-minus-circle:before{content:"\e83a"}.icon-minus-square:before{content:"\e83b"}.icon-minus-square-o:before{content:"\e83c"}.icon-mobile:before{content:"\e83e"}.icon-mobile2:before{content:"\e83f"}.icon-modern-mic:before{content:"\e840"}.icon-money:before{content:"\e841"}.icon-more-vert:before{content:"\e844"}.icon-new:before{content:"\e849"}.icon-new-message:before{content:"\e84a"}.icon-news:before{content:"\e84b"}.icon-newspaper-o:before{content:"\e84c"}.icon-note:before{content:"\e84d"}.icon-old-mobile:before{content:"\e84f"}.icon-old-phone:before{content:"\e850"}.icon-onedrive:before{content:"\e851"}.icon-open-book:before{content:"\e852"}.icon-pagelines:before{content:"\e854"}.icon-paperclip:before{content:"\e857"}.icon-paper-plane:before{content:"\e858"}.icon-paper-plane2:before{content:"\e859"}.icon-paper-plane-o:before{content:"\e85a"}.icon-pencil:before{content:"\e860"}.icon-pencil2:before{content:"\e861"}.icon-pencil-square:before{content:"\e862"}.icon-philanthropy:before{content:"\e863"}.icon-phone:before{content:"\e864"}.icon-phone2:before{content:"\e865"}.icon-phone-square:before{content:"\e866"}.icon-pie-chart:before{content:"\e868"}.icon-pie-chart2:before{content:"\e869"}.icon-pin:before{content:"\e86c"}.icon-plane:before{content:"\e871"}.icon-play:before{content:"\e872"}.icon-play-circle:before{content:"\e873"}.icon-play-circle-o:before{content:"\e874"}.icon-plus:before{content:"\e876"}.icon-plus2:before{content:"\e877"}.icon-plus-circle:before{content:"\e878"}.icon-plus-square:before{content:"\e879"}.icon-plus-square-o:before{content:"\e87a"}.icon-popup:before{content:"\e87b"}.icon-power-off:before{content:"\e87c"}.icon-price-tag:before{content:"\e87f"}.icon-print:before{content:"\e880"}.icon-print2:before{content:"\e881"}.icon-question:before{content:"\e88b"}.icon-question-answer:before{content:"\e88c"}.icon-question-circle:before{content:"\e88d"}.icon-quote:before{content:"\e88e"}.icon-quote-left:before{content:"\e88f"}.icon-quote-right:before{content:"\e890"}.icon-radio-button-off:before{content:"\e893"}.icon-radio-button-on:before{content:"\e894"}.icon-random:before{content:"\e895"}.icon-recycle:before{content:"\e898"}.icon-refresh:before{content:"\e89b"}.icon-refresh2:before{content:"\e89c"}.icon-remove:before{content:"\e89d"}.icon-remove-circle:before{content:"\e89e"}.icon-remove-circle-outline:before{content:"\e89f"}.icon-remove-user:before{content:"\e8a0"}.icon-repeat:before{content:"\e8a3"}.icon-reply:before{content:"\e8a4"}.icon-reply-all:before{content:"\e8a5"}.icon-resize-100:before{content:"\e8a6"}.icon-resize-full-screen:before{content:"\e8a7"}.icon-retweet:before{content:"\e8a8"}.icon-retweet2:before{content:"\e8a9"}.icon-rocket:before{content:"\e8ab"}.icon-rocket2:before{content:"\e8ac"}.icon-rotate-left:before{content:"\e8ad"}.icon-round-brush:before{content:"\e8af"}.icon-rss:before{content:"\e8b0"}.icon-rss2:before{content:"\e8b1"}.icon-rss-square:before{content:"\e8b2"}.icon-ruler:before{content:"\e8b3"}.icon-save:before{content:"\e8b4"}.icon-scissors:before{content:"\e8b5"}.icon-search2:before{content:"\e8b7"}.icon-search-minus:before{content:"\e8b8"}.icon-search-plus:before{content:"\e8b9"}.icon-select-arrows:before{content:"\e8ba"}.icon-send:before{content:"\e8bb"}.icon-share:before{content:"\e8bc"}.icon-share-alt:before{content:"\e8be"}.icon-share-alternitive:before{content:"\e8bf"}.icon-share-alt-square:before{content:"\e8c0"}.icon-share-square:before{content:"\e8c1"}.icon-share-square-o:before{content:"\e8c2"}.icon-shop:before{content:"\e8c5"}.icon-shopping-bag:before{content:"\e8c6"}.icon-shopping-basket:before{content:"\e8c7"}.icon-shopping-cart:before{content:"\e8c8"}.icon-shopping-cart2:before{content:"\e8c9"}.icon-shuffle:before{content:"\e8ca"}.icon-signal:before{content:"\e8cb"}.icon-signal2:before{content:"\e8cc"}.icon-sign-in:before{content:"\e8cd"}.icon-sign-out:before{content:"\e8ce"}.icon-sitemap:before{content:"\e8d0"}.icon-sliders:before{content:"\e8d5"}.icon-slideshare:before{content:"\e8d6"}.icon-slideshare2:before{content:"\e8d7"}.icon-smile-o:before{content:"\e8d9"}.icon-sort:before{content:"\e8da"}.icon-sort-alpha-asc:before{content:"\e8db"}.icon-sort-alpha-desc:before{content:"\e8dc"}.icon-sort-amount-asc:before{content:"\e8dd"}.icon-sort-amount-desc:before{content:"\e8de"}.icon-sort-asc:before{content:"\e8df"}.icon-sort-desc:before{content:"\e8e0"}.icon-sound-mix:before{content:"\e8e6"}.icon-sound-mute:before{content:"\e8e7"}.icon-space-shuttle:before{content:"\e8e8"}.icon-square:before{content:"\e8f0"}.icon-squared-cross:before{content:"\e8f1"}.icon-squared-minus:before{content:"\e8f2"}.icon-squared-plus:before{content:"\e8f3"}.icon-square-o:before{content:"\e8f4"}.icon-star:before{content:"\e8f7"}.icon-star2:before{content:"\e8f8"}.icon-star3:before{content:"\e8f9"}.icon-star-half:before{content:"\e8fa"}.icon-star-half2:before{content:"\e8fb"}.icon-star-half-empty:before{content:"\e8fc"}.icon-star-o:before{content:"\e8fd"}.icon-star-outline:before{content:"\e8fe"}.icon-star-outlined:before{content:"\e8ff"}.icon-step-backward:before{content:"\e902"}.icon-step-forward:before{content:"\e903"}.icon-stethoscope:before{content:"\e904"}.icon-stop:before{content:"\e905"}.icon-stopwatch:before{content:"\e906"}.icon-suitcase:before{content:"\e90d"}.icon-suitcase2:before{content:"\e90e"}.icon-sun-o:before{content:"\e90f"}.icon-swap:before{content:"\e911"}.icon-swarm:before{content:"\e912"}.icon-sweden:before{content:"\e913"}.icon-switch:before{content:"\e914"}.icon-table:before{content:"\e915"}.icon-tablet:before{content:"\e916"}.icon-tablet2:before{content:"\e917"}.icon-tag:before{content:"\e918"}.icon-tag2:before{content:"\e919"}.icon-tags:before{content:"\e91a"}.icon-tasks:before{content:"\e91b"}.icon-text:before{content:"\e91e"}.icon-text-document:before{content:"\e91f"}.icon-text-document-inverted:before{content:"\e920"}.icon-th:before{content:"\e923"}.icon-th-large:before{content:"\e925"}.icon-th-list:before{content:"\e926"}.icon-thumbs-down:before{content:"\e927"}.icon-thumbs-down2:before{content:"\e928"}.icon-thumbs-o-down:before{content:"\e929"}.icon-thumbs-o-up:before{content:"\e92a"}.icon-thumbs-up:before{content:"\e92b"}.icon-thumbs-up2:before{content:"\e92c"}.icon-thumb-tack:before{content:"\e92d"}.icon-thunder-cloud:before{content:"\e92e"}.icon-ticket:before{content:"\e92f"}.icon-ticket2:before{content:"\e930"}.icon-times-circle:before{content:"\e931"}.icon-times-circle-o:before{content:"\e932"}.icon-time-slot:before{content:"\e933"}.icon-tint:before{content:"\e934"}.icon-toggle-off:before{content:"\e935"}.icon-toggle-on:before{content:"\e936"}.icon-tools:before{content:"\e937"}.icon-trash:before{content:"\e939"}.icon-trash2:before{content:"\e93a"}.icon-trash-o:before{content:"\e93b"}.icon-tree:before{content:"\e93c"}.icon-tree2:before{content:"\e93d"}.icon-trending-neutral:before{content:"\e93f"}.icon-triangle-down:before{content:"\e940"}.icon-triangle-left:before{content:"\e941"}.icon-triangle-right:before{content:"\e942"}.icon-triangle-up:before{content:"\e943"}.icon-trophy:before{content:"\e944"}.icon-trophy2:before{content:"\e945"}.icon-truck:before{content:"\e946"}.icon-tv:before{content:"\e94d"}.icon-typing:before{content:"\e953"}.icon-umbrella:before{content:"\e954"}.icon-unlock:before{content:"\e957"}.icon-unlock-alt:before{content:"\e958"}.icon-upload:before{content:"\e95b"}.icon-upload2:before{content:"\e95c"}.icon-upload-to-cloud:before{content:"\e95d"}.icon-user:before{content:"\e95e"}.icon-user2:before{content:"\e95f"}.icon-user-md:before{content:"\e960"}.icon-users:before{content:"\e961"}.icon-v-card:before{content:"\e962"}.icon-video:before{content:"\e963"}.icon-video-camera:before{content:"\e964"}.icon-wallet:before{content:"\e974"}.icon-warning:before{content:"\e975"}.icon-wheelchair:before{content:"\e979"}.icon-wifi:before{content:"\e97a"}.icon-wrench:before{content:"\e97d"}.icon-twitter-square:before{content:"\f081"}.icon-facebook-square:before{content:"\f082"}.icon-linkedin-square:before{content:"\f08c"}.icon-twitter:before{content:"\f099"}.icon-facebook:before{content:"\f09a"}.icon-facebook-f:before{content:"\f09a"}.icon-feed:before{content:"\f09e"}.icon-rss3:before{content:"\f09e"}.icon-pinterest:before{content:"\f0d2"}.icon-pinterest-square:before{content:"\f0d3"}.icon-google-plus-square:before{content:"\f0d4"}.icon-google-plus:before{content:"\f0d5"}.icon-linkedin:before{content:"\f0e1"}.icon-youtube-square:before{content:"\f166"}.icon-youtube:before{content:"\f167"}.icon-youtube-play:before{content:"\f16a"}.icon-instagram3:before{content:"\f16d"}.icon-tumblr:before{content:"\f173"}.icon-tumblr-square:before{content:"\f174"}.icon-apple:before{content:"\f179"}.icon-windows2:before{content:"\f17a"}.icon-android:before{content:"\f17b"}.icon-dribbble3:before{content:"\f17d"}.icon-foursquare:before{content:"\f180"}.icon-google:before{content:"\f1a0"}.icon-paypal:before{content:"\f1ed"}.icon-google-wallet2:before{content:"\f1ee"}.icon-cc-visa:before{content:"\f1f0"}.icon-cc-mastercard:before{content:"\f1f1"}.icon-cc-discover:before{content:"\f1f2"}.icon-cc-amex:before{content:"\f1f3"}.icon-cc-paypal:before{content:"\f1f4"}.icon-cc-stripe:before{content:"\f1f5"}.icon-facebook-official:before{content:"\f230"}.icon-pinterest-p:before{content:"\f231"}.icon-tripadvisor:before{content:"\f262"}.icon-left,.icon-right {position: relative; top: 0.13em;}.icon-left {margin-right: 0.25em;}.icon-right {margin-left: 0.25em;} /******************************************************************************** --- Template - Page Elements --- *********************************************************************************/ /*-----------Titles-----------*/ h1, h2, h3, h4, h5, h6 { margin: 0 0 0.833em 0; line-height: 1.2; font-weight:400; font-style: normal; color: #022848; font-family:'Open Sans', sans-serif} h1, .h1 {font-size: 2.333rem; line-height: 1.125;} h2, .h2 {font-size: 1.778rem} h3, .h3 {font-size: 1.556rem} h4, .h4 {font-size: 1.333rem} h5, .h5 {font-size: 1.222rem} h6, .h6 {font-size: 1.111rem} .subheader {color: #828e99; font-weight: 300; margin-top: -0.6em} .headings {border-bottom:1px solid #dfe5e9; padding:0 0 0.667em 0; margin:0 0 1.667em 0; position:relative;} .headings:before {content:""; display:block; position:absolute; bottom:-1px; left:0; width:175px; height:1px; background:#000;} .headings span[class^="icon-"] {color:#dfe5e9; font-size:80%; margin-right:0.167em;} /*-----------Branding Colors-----------*/ .blue {color:#0073d1} .bg-blue {background-color: #0073d1;} .green {color:#a5cf00} .bg-green {background-color: #a5cf00;} .dark-blue {color:#022848} .bg-dark-blue {background-color: #022848;} .light-blue {color:#6caddf} .bg-light-blue {background-color: #6caddf;} .off-white {color:#fafcff} .bg-off-white {background-color: #fafcff;} .lightest-gray {color:#dfe5e9} .bg-lightest-gray {background-color: #dfe5e9;} .light-gray {color:#9baab7} .bg-light-gray {background-color: #9baab7;} .gray {color:#828e99} .bg-gray {background-color: #828e99;} .dark-gray {color:#495865} .bg-dark-gray {background-color: #495865;} .black {color:#010b14} .bg-black {background-color: #010b14;} /*-----------Lists-----------*/ .list-reset { list-style: none; padding: 0; margin:0;} ul, ol { margin: 0 0 1.000em 1.778em; padding: 0;} ol, li {line-height:1.5;} ol { counter-reset: section; list-style-type: none; margin: 0 0 1.000em 0; padding: 0; } ol li { counter-increment: section; position: relative; padding: 0 0 0 2.813em; margin-bottom: 2.500em;} ol li:before {font-size: 0.875em; font-weight: 600; content: counters(section, "."); position: absolute; top:-0.143em; left: 0; width: 2.286em; height: 2.286em; line-height: 2.286em; border-radius: 2.286em; display: inline-block; color:#fff; background: #0073d1; text-align: center;} ol ol { margin: 1.778em 0; } ol ol li {font-size: 0.875em;} ol ol li:before {background-color: #a5cf00} ul.bullets, ul.checkmarks { list-style: none; margin: 0 0 1.000em 0; padding: 0; overflow: hidden; } ul.bullets li, ul.checkmarks li { list-style: none; margin: 0 0 1.125em 0; padding: 0 0 0 1.375em; position: relative; } ul.bullets li:before, ul.checkmarks li:before { font-family: 'CD-Project-Icons'; display:block; position: absolute; top:0; left:0; color: #0073d1; } ul.bullets li:before {font-size: 0.813em; content: "\e6ca"; top: 0.15em} ul.checkmarks li:before {content: "\e6aa";} ul.bullets ul, ul.checkmarks ul { margin: 1.250em 0 0 0.667em; } /*-----------Paragraphs-----------*/ p { margin: 0 0 1.500em 0; line-height:1.5; } .lead { font-size: 1.556rem; font-weight: 300; line-height:1.5;} .article {font-size: 1.125rem;} .article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {margin: 1.750em 0 1.500em;} .article :first-child {margin-top: 0;} .article p {line-height: 1.8} .article ul { list-style: none; margin: 0 0 1.000em 0; padding: 0; overflow: hidden; } .article ul li { list-style: none; margin: 0 0 1.125em 0; padding: 0 0 0 1.375em; position: relative; } .article ul li:before {font-size: 0.72em; content: "\e6ca"; font-family: 'CD-Project-Icons'; display:block; position: absolute; top: 0.31em; left:0; color: #0073d1; } .article ul ul { margin: 1.250em 0 0 0.667em; } .article ul.checkmarks li:before {content: "\e6aa"; top:0.22em;} /*-----------Links-----------*/ a { color:#0073d1; text-decoration: none; transition: all 250ms ease-out; } a:hover {color:#495865; text-decoration: none; cursor: pointer; } p > a:not(.button):not(.text-button):not(.slide-toggle), ul.bullets a, ul.checkmarks a, ol a, .article li > a:not(.button):not(.text-button) {font-weight: 600; padding-bottom: 1px; border-bottom: 2px solid #0073d1;} p > a:not(.button):not(.text-button):not(.slide-toggle):hover, ul.bullets a:hover, ul.checkmarks a:hover, ol a:hover, .article li > a:not(.button):not(.text-button):hover {border-color: #495865} /*-----------Sections-----------*/ .section {} .section--white {background: #fff;} .section--blue {background: #043761;} /*-----------Page Two Column Layout-----------*/ .content-left, .content-right, .aside {margin-bottom: 3.750em;} .content-left, .content-right {width: 65.5%;} .content-left {float: left;} .content-right {float: right;} .aside {float: right; width: 31.25%;} .content-left ul:not(.default-pagination):not(.dropdown-active) { list-style: none; margin: 0 0 1.000em 0; padding: 0; overflow: hidden; } .content-left ul:not(.default-pagination):not(.dropdown-active) li { list-style: none; margin: 0 0 1.125em 0; padding: 0 0 0 1.375em; position: relative; } .content-left ul:not(.default-pagination):not(.dropdown-active) li:before {font-size: 0.72em; content: "\e6ca"; font-family: 'CD-Project-Icons'; display:block; position: absolute; top: 0.31em; left:0; color: #0073d1; } .content-left ul:not(.default-pagination):not(.dropdown-active) ul { margin: 1.250em 0 0 0.667em; } .content-left ul:not(.default-pagination):not(.dropdown-active).checkmarks li:before {content: "\e6aa"; top:0.22em;} /*-----------Block-----------*/ .white-block {background: #fff;} .white-block--shadow {box-shadow: 0px 1.25em 1.875em 0px rgba(1, 11, 20, 0.05)} .white-block--padding {padding: 1.563em 1.875em} .white-block--rounded {border-radius: 3px;} .white-block__heading {font-size: 0.813rem; text-transform: uppercase; font-weight: 600; color: #495865; padding: 1.538em 2.308em; background: #f0f4f8;background: -moz-linear-gradient(top, #f0f4f8 28%, #ebeef2 100%);background: -webkit-linear-gradient(top, #f0f4f8 28%,#ebeef2 100%);background: linear-gradient(to bottom, #f0f4f8 28%,#ebeef2 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f4f8',endColorstr='#ebeef2',GradientType=0 ); margin-bottom: 0;} /*-----------Images-----------*/ img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle; } img.aligntop { margin: 0 0 1.000em 0; } img.alignleft, img.alignright {max-width:35%; margin-top:0.333em; margin-bottom:0.333em} img.alignleft { float: left; margin-right:1.389em;} img.alignright { float: right; margin-left:1.389em;} img.border { border: 1px solid #dfe5e9; padding:0.278em; background: #fff;} /*-----------Image Zoom-----------*/ .img-zoom__container {-webkit-backface-visibility: hidden; overflow: hidden; } .img-zoom__img {-webkit-transition: -webkit-transform 750ms ease-out; transition: transform 750ms ease-out;} .img-zoom__img.img-zoom__img-slower {-webkit-transition: -webkit-transform 1500ms ease-out; transition: transform 1500ms ease-out;} .img-zoom__img.img-zoom__img-slowest {-webkit-transition: -webkit-transform 3000ms ease-out; transition: transform 3000ms ease-out;} .img-zoom:hover .img-zoom__img {-webkit-transform: scale(1.05); transform: scale(1.05);} /*-----------Aligning-----------*/ .left-align { text-align: left } .center { text-align: center } .right-align { text-align: right } .left { float: left } .right { float: right } /*-----------Misc Typography-----------*/ .open-sans {font-family: 'Open Sans', sans-serif;} .small { font-size:1rem; font-weight: 700; } .light {font-weight:300;} .regular { font-weight:400; } .semi-bold { font-weight:600; } .bold { font-weight:700; } .italic { font-style: italic } .caps { text-transform: uppercase;} .regular-case {text-transform: none;} .justify { text-align: justify } .nowrap { white-space: nowrap } .break-word { word-wrap: break-word } .truncate { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .t1 {font-size:0.875rem} .t2 {font-size:1.000rem} .t3 {font-size:1.125rem} .t4 {font-size:1.250rem} .t5 {font-size:1.375rem} .t6 {font-size:1.500rem} .t7 {font-size:1.625rem} .t8 {font-size:1.750rem} .t9 {font-size:1.875rem} .t10 {font-size:2.000rem} .t4,.t5,.t6 {line-height:1.35} .t7,.t8,.t9,.t10 {line-height:1.2} /*-----------Spacing-----------*/ .mx-auto { margin-left: auto; margin-right: auto; } .m0 { margin: 0 } .mt0 { margin-top: 0 } .mt1 { margin-top: 0.313rem } .mt2 { margin-top: 0.625rem } .mt3 { margin-top: 0.938rem } .mt4 { margin-top: 1.250rem } .mt5 { margin-top: 1.563rem } .mt6 { margin-top: 1.875rem } .mt7 { margin-top: 2.500rem } .mt8 { margin-top: 3.125rem } .mt9 { margin-top: 3.750rem } .mt10 { margin-top: 5.000rem } .mt11 { margin-top: 6.250rem } .mt12 { margin-top: 8.750rem } .mb0 { margin-bottom: 0 } .mb1 { margin-bottom: 0.313rem } .mb2 { margin-bottom: 0.625rem } .mb3 { margin-bottom: 0.938rem } .mb4 { margin-bottom: 1.250rem } .mb5 { margin-bottom: 1.563rem } .mb6 { margin-bottom: 1.875rem } .mb7 { margin-bottom: 2.500rem } .mb8 { margin-bottom: 3.125rem } .mb9 { margin-bottom: 3.750rem } .mb10 { margin-bottom: 5.000rem } .mb11 { margin-bottom: 6.250rem } .mb12 { margin-bottom: 8.750rem } .p0 { padding: 0 } .pt0 { padding-top: 0 } .pt1 { padding-top: 0.313rem } .pt2 { padding-top: 0.625rem } .pt3 { padding-top: 0.938rem } .pt4 { padding-top: 1.250rem } .pt5 { padding-top: 1.563rem } .pt6 { padding-top: 1.875rem } .pt7 { padding-top: 2.500rem } .pt8 { padding-top: 3.125rem } .pt9 { padding-top: 3.750rem } .pt10 { padding-top: 5.000rem } .pt11 { padding-top: 6.250rem } .pt12 { padding-top: 8.750rem } .pb0 { padding-bottom: 0 } .pb1 { padding-bottom: 0.313rem } .pb2 { padding-bottom: 0.625rem } .pb3 { padding-bottom: 0.938rem } .pb4 { padding-bottom: 1.250rem } .pb5 { padding-bottom: 1.563rem } .pb6 { padding-bottom: 1.875rem } .pb7 { padding-bottom: 2.500rem } .pb8 { padding-bottom: 3.125rem } .pb9 { padding-bottom: 3.750rem } .pb10 { padding-bottom: 5.000rem } .pb11 { padding-bottom: 6.250rem } .pb12 { padding-bottom: 8.750rem } /*-----------Borders and Rounding-----------*/ .border { border-style: solid; border-width: 1px; border-color:#dfe5e9; } .border-top { border-top-style: solid; border-top-width: 1px; border-top-color:#dfe5e9; } .border-right { border-right-style: solid; border-right-width: 1px; border-right-color:#dfe5e9; } .border-bottom { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#dfe5e9; } .border-left { border-left-style: solid; border-left-width: 1px; border-left-color:#dfe5e9; } .border-none { border: 0 } .rounded { border-radius: 3px } .circle { border-radius: 50% } .rounded-top { border-radius: 3px 3px 0 0 } .rounded-right { border-radius: 0 3px 3px 0 } .rounded-bottom { border-radius: 0 0 3px 3px } .rounded-left { border-radius: 3px 0 0 3px } .not-rounded { border-radius: 0 } /*-----------Blockquotes-----------*/ blockquote {font-weight: 400; margin: 0 0 1.389em 0; padding:0 2.500em; position:relative;} blockquote .quote {font-size: 1.563em; margin:0 0 1.000em 0; color: #022848;} blockquote .quote:before , blockquote .quote:after {font-size: 1.800em; font-weight: 600; font-family: Garamond,Georgia, serif; color: #6caddf; position: relative; line-height: 1;} blockquote .quote:before {content:'“'; margin-left: -0.444em; left: -0.267em; top: 0.178em; } blockquote .quote:after {content:'”'; right: -0.178em; top: 0.178em; line-height: 0.50; } blockquote .cite {font-size: 1.125em; font-style: normal; font-weight: 400; color: #022848; text-align: right;} blockquote .cite span {font-size:1.000em; font-weight: 300; color: #828e99; margin: 0 0 0 0.389em } blockquote :last-child { margin: 0; } /*-----------Divider-----------*/ hr { border: none; height: 1px; background: #dfe5e9; clear: both; margin: 2em 0; } /*-----------Responsive Embed-----------*/ .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*-----------Buttons-----------*/ .button {font-size:1.000em; font-weight: 600; border-radius: 2px; box-shadow:inset 0px -2px 3px 0px rgba(1, 11, 20, 0.15), inset 0px 2px 3px 0px rgba(255,255,255, 0.15); cursor: pointer; line-height:1; border:none; margin: 0 0 1.111em 0; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; display: inline-block; padding:1.025em 2.813em; /* outline: none; */ transition:all 200ms ease; color:#fff; background-color: #0073d1;} .button:hover {color:#fff; background-color: #0784e9} .button.stroke {background: none; color: #022848; border: 2px solid #0073d1; box-shadow: none;} .button.stroke:hover {background:#0073d1; color: #fff;} .button.secondary { background-color: #a5cf00; color: #022848;} .button.secondary:hover {background-color: #b8e30f} .button.secondary.stroke {background: none; border-color:#a5cf00;} .button.secondary.stroke:hover {background:#a5cf00;} .button.tertiary {background-color: #dfe5e9; color: #495865;} .button.tertiary:hover {background-color: #cfd5d9} .button.tertiary.stroke {background: none; border-color:#dfe5e9;} .button.tertiary.stroke:hover {background:#dfe5e9; color: #495865;} .button.large {font-size:1.333em } .button.tiny {padding-right: 1.750em; padding-left: 1.750em; font-size: 0.813em;} .button.tiny {padding-right: 1.750em; padding-left: 1.750em; font-size: 0.813em;} .button.expand { padding-right: 0; padding-left: 0; width: 100%; } .button.wide {padding-left:3.333em; padding-right:3.333em;} button.reset { border: none; background: none; cursor: pointer; font-weight: normal; text-decoration: none; -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; /* outline: none; */} /*-----------Text Buttons-----------*/ .text-button {font-size: 1.000rem; line-height: 1; margin: 0 0 1.111em 0; padding: 0 0 0.250em 0; display: inline-block; color: #0073d1; border-bottom: 2px solid #0073d1; transition: all 250ms ease;} .text-button:hover {color: #259eff; border-color: #259eff;} .text-button.secondary {color: #a5cf00; border-color: #a5cf00;} .text-button.secondary:hover {color: #beec0a; border-color: #beec0a;} .text-button.tertiary {color: #495865; border-color: #495865;} .text-button.tertiary:hover {color: #93a8ba; border-color: #93a8ba;} .text-button.tiny {font-size: 0.875rem; text-transform: uppercase;} /*-----------Disabled Button-----------*/ .button[disabled], .button.disabled, .button[disabled]:hover, .button.disabled:hover {background:#f0f5f8; color:#9baab7; cursor:default; text-shadow:none;} /*-----------Labels-----------*/ .label {font-size: 0.750em; font-weight: 600; text-transform: uppercase; color: #022848; line-height: 1.2; display: inline-block; margin: 0;} .label--primary, .label--secondary, .label--red {font-size: 0.688em; padding:0.455em 1.091em; font-weight: 700; border-radius: 2px;} .label--primary {background-color: #0073d1; color: #fff; border: 2px solid transparent;} .label--secondary {border: 2px solid #dfe5e9; color: #495865;} .label--red {background: #e64640; color: #fff; border:2px solid transparent;} .label--spacing {margin: 0 0.909em;} @media (max-width: 1023px) { .mt5 { margin-top: 1.250rem} .mt6 { margin-top: 1.563rem} .mt7 { margin-top: 2.188rem} .mt8 { margin-top: 2.813rem} .mt9 { margin-top: 3.125rem} .mt10 { margin-top: 4.375rem} .mt11 { margin-top: 5.625rem} .mt12 { margin-top: 7.500rem} .mb5 { margin-bottom: 1.250rem} .mb6 { margin-bottom: 1.563rem} .mb7 { margin-bottom: 2.188rem} .mb8 { margin-bottom: 2.813rem} .mb9 { margin-bottom: 3.125rem} .mb10 { margin-bottom: 4.375rem} .mb11 { margin-bottom: 5.625rem} .mb12 { margin-bottom: 7.500rem} .pt5 { padding-top: 1.250rem} .pt6 { padding-top: 1.563rem} .pt7 { padding-top: 2.188rem} .pt8 { padding-top: 2.813rem} .pt9 { padding-top: 3.125rem} .pt10 { padding-top: 4.375rem} .pt11 { padding-top: 5.625rem} .pt12 { padding-top: 7.500rem} .pb5 { padding-bottom: 1.250rem} .pb6 { padding-bottom: 1.563rem} .pb7 { padding-bottom: 2.188rem} .pb8 { padding-bottom: 2.813rem} .pb9 { padding-bottom: 3.125rem} .pb10 { padding-bottom: 4.375rem} .pb11 { padding-bottom: 5.625rem} .pb12 { padding-bottom: 7.500rem} } @media (max-width: 800px) { .content-left, .content-right, .aside {float: none; width: 100%;} .content-left, .content-right, .aside {margin-bottom: 3.000em;} h1, .h1 {font-size: 2.000rem} h2, .h2 {font-size: 1.500rem} h3, .h3 {font-size: 1.313rem} li, p, p > a {font-size: 1.025rem} .mt5 { margin-top: 1.125rem} .mt6 { margin-top: 1.375rem} .mt7 { margin-top: 1.875rem} .mt8 { margin-top: 2.500rem} .mt9 { margin-top: 2.813rem} .mt10 { margin-top: 3.750rem} .mt11 { margin-top: 5.000rem} .mt12 { margin-top: 6.250rem} .mb5 { margin-bottom: 1.125rem} .mb6 { margin-bottom: 1.375rem} .mb7 { margin-bottom: 1.875rem} .mb8 { margin-bottom: 2.500rem} .mb9 { margin-bottom: 2.813rem} .mb10 { margin-bottom: 3.750rem} .mb11 { margin-bottom: 5.000rem} .mb12 { margin-bottom: 6.250rem} .pt5 { padding-top: 1.125rem} .pt6 { padding-top: 1.375rem} .pt7 { padding-top: 1.875rem} .pt8 { padding-top: 2.500rem} .pt9 { padding-top: 2.813rem} .pt10 { padding-top: 3.750rem} .pt11 { padding-top: 5.000rem} .pt12 { padding-top: 6.250rem} .pb5 { padding-bottom: 1.125rem} .pb6 { padding-bottom: 1.375rem} .pb7 { padding-bottom: 1.875rem} .pb8 { padding-bottom: 2.500rem} .pb9 { padding-bottom: 2.813rem} .pb10 { padding-bottom: 3.750rem} .pb11 { padding-bottom: 5.000rem} .pb12 { padding-bottom: 6.250rem} } @media (max-width: 479px) { .content-left, .content-right, .aside {margin-bottom: 2.000em;} h1, .h1 {font-size: 1.750rem} h2, .h2 {font-size: 1.375rem} h3, .h3 {font-size: 1.188rem} h4, .h4 {font-size: 1.125rem} .mt5 { margin-top: 1.000rem} .mt6 { margin-top: 1.250rem} .mt7 { margin-top: 1.625rem} .mt8 { margin-top: 2.188rem} .mt9 { margin-top: 2.500rem} .mt10 { margin-top: 3.125rem} .mt11 { margin-top: 4.375rem} .mt12 { margin-top: 5.000rem} .mb5 { margin-bottom: 1.000rem} .mb6 { margin-bottom: 1.250rem} .mb7 { margin-bottom: 1.625rem} .mb8 { margin-bottom: 2.188rem} .mb9 { margin-bottom: 2.500rem} .mb10 { margin-bottom: 3.125rem} .mb11 { margin-bottom: 4.375rem} .mb12 { margin-bottom: 5.000rem} .pt5 { padding-top: 1.000rem} .pt6 { padding-top: 1.250rem} .pt7 { padding-top: 1.625rem} .pt8 { padding-top: 2.188rem} .pt9 { padding-top: 2.500rem} .pt10 { padding-top: 3.125rem} .pt11 { padding-top: 4.375rem} .pt12 { padding-top: 5.000rem} .pb5 { padding-bottom: 1.000rem} .pb6 { padding-bottom: 1.250rem} .pb7 { padding-bottom: 1.625rem} .pb8 { padding-bottom: 2.188rem} .pb9 { padding-bottom: 2.500rem} .pb10 { padding-bottom: 3.125rem} .pb11 { padding-bottom: 4.375rem} .pb12 { padding-bottom: 5.000rem} } @media (max-width: 375px) { /*-----------Images-----------*/ img.alignleft, img.alignright {float:none; margin-top:0; margin-right:auto; margin-left:auto; display:block; max-width:100%;} /*----------Buttons-----------*/ .button {display:block; width:100%;} } /******************************************************************************** --- Slick CSS --- *********************************************************************************/ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-slider * {/* outline: none; */} .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { /* outline: none; */ } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /******************************************************************************** --- Custom Slick --- *********************************************************************************/ .carousel {font-size: 16px; padding: 0;} .carousel:not(.slick-initialized) .carousel__slide {visibility: hidden;} .carousel:not(.slick-initialized) .carousel__slide:not(:first-child) {display: none;} .carousel:not(.slick-initialized) .carousel__slide:after {content: ""; display: block; height: 2.000em;} .carousel--arows {padding-right: 2.000em; padding-left: 2.000em;} .carousel .slick-slide {text-align: center;} .carousel .slick-slide img {display: inline-block;} .carousel__slide {text-align: center;} .carousel .slick-arrow {position: absolute; top: 50%; margin: -1.000em 0 0; display: block; width: 2.000em; height: 2.000em; line-height: 2.000em; text-align: center; color: #9baab7; background: none; border: none; outline: none; padding: 0; transition: color 250ms ease;} .carousel .slick-arrow:hover {color: #495865} .carousel .slick-arrow span {font-size: 1.313em; display: inline-block; vertical-align: middle; line-height: 1;} .carousel .slick-next {right: 0;} .carousel .slick-prev {left: 0;} .carousel .slick-dots {list-style: none; margin: 0.625em 0 0 0; padding: 0; text-align: center; line-height: 1;} .carousel .slick-dots li {display: inline-block; vertical-align: middle; margin: 0 0.313em 0.626em; line-height: 1;} .carousel .slick-dots button {display: block; margin: 0; padding: 0; background: #fff; border: 2px solid #9baab7; width: 12px; height: 12px; border-radius: 12px; text-indent: -9999em;} .carousel .slick-dots li.slick-active button {background: #9baab7} @media (max-width: 1199px) { .carousel {font-size: 15px;} } @media (max-width: 959px) { .carousel {font-size: 14px;} } @media (max-width: 800px) { .carousel {font-size: 13px;} } @media (max-width: 639px) { .carousel {font-size: 12px;} } @media (max-width: 479px) { .carousel {font-size: 11px;} } @media (max-width: 375px) { .carousel {font-size: 10px;} } /******************************************************************************** --- Sponsor Carousel --- *********************************************************************************/ .carousel-sponsor {height: 150px; line-height: 150px; padding: 0 0.938em;} .carousel-sponsor a, .carousel-sponsor img {display: inline-block; vertical-align: middle;} .carousel-sponsor img {max-height: 150px; width: auto;} @media (max-width: 479px) { .carousel-sponsor {height: 115px; line-height: 115px;} .carousel-sponsor img {max-height: 115px;} } @media (max-width: 375px) { .carousel-sponsor {height: 80px; line-height: 80px;} .carousel-sponsor img {max-height: 80px;} } /******************************************************************************** --- Profile Menu --- *********************************************************************************/ .profile-bar {font-size: 16px; position: relative; margin-top: -80px; margin-bottom:4.375em; z-index: 30;} .profile-bar__inner {background: #fff; box-shadow: 0px 1.25em 1.875em 0px rgba(1, 11, 20, 0.05); border-radius: 3px; position: relative;} .profile-bar__inner::before,.profile-bar__inner::after, .profile-menu__list::before,.profile-menu__list::after{display:table;content:' '} .profile-bar__inner::after, .profile-menu__list::after{clear:both} .profile-menu__list-item {padding: 0 2.500em; cursor: pointer; position: relative;} .profile-menu__list-item:after {content: "\e606"; font-family: 'CD-Project-Icons'; position: absolute; display: block; width: 1.250em; height: 1.250em; line-height: 1.250em; color: #6caddf; text-align: center; transition: color 250ms ease;} .profile-menu__list-item:hover:after {color: #9baab7} .profile-menu__list-item.active:after {content: "\e89f"; color: #9baab7} .profile-menu__list-icon {display: block; background: #0073d1; color: #fff; width: 4.750em; height: 4.750em; line-height: 4.750em; border-radius: 4.750em; text-align: center; transition: background-color 250ms ease} .profile-menu__list-item:hover .profile-menu__list-icon, .profile-menu__list-item.active .profile-menu__list-icon {background: #9baab7;} .profile-menu__list-icon:before {font-size: 3.000em} .profile-menu__list-name {font-size: 0.875em; font-weight: 700; display: inline-block; line-height: 1.2;} .profile-sponsor {padding: 0.625em 0 0 0.625em;} .profile-sponsor .sponsor-panel {box-shadow: none; padding-top:2.188em} .profile-menu__profiles {display:none; padding: 2.500em 2.188em; overflow: hidden; background: #fff;} .profile-menu__profiles-left {float: left; width: 52.5%; padding-right: 6%; border-right: 1px solid #dfe5e9;} .profile-menu__profiles-links ul {list-style: none; margin: 0; padding: 0; overflow: hidden;} .profile-menu__profiles-links li {display: block; float: left; width: 46%; margin: 0 8% 0 0; line-height: 1.2;} .profile-menu__profiles-links li:nth-child(2n) {margin-right: 0;} .profile-menu__profiles-links li:nth-child(2n+1) {clear: both;} .profile-menu__profiles-links a {display: block; padding:0.625em 1.563em 0.625em 0; color: #022848; font-weight: 600; position: relative;} .profile-menu__profiles-links a:hover {color: #9baab7} .profile-menu__profiles-links a:after {content: "\e6c7"; font-family: 'CD-Project-Icons'; display: block; position: absolute; top: 0.625em; right: 0; color: #9baab7; font-weight: normal;} .profile-menu__profiles-cta {position: relative;} .profile-menu__profiles-cta-inner {position: relative; padding-left: 3.750em;} .profile-menu__profiles-cta-icon {font-size: 2.500em; position: absolute; top: 0.100em; left: 0; color: #a5cf00;} .profile-menu__profiles-cta-title {margin-bottom: 0.625em;} .profile-menu__profiles-cta-button .button {font-size: 0.875em; margin-bottom: 0;} @media (min-width: 640px) { .profile-menu__profiles-inner {position: relative; overflow: hidden;} .profile-menu__profiles-right {position: absolute; top: 0; right: 0; width: 42%; height: 100%;} .profile-menu__profiles-cta {display: table; width: 100%; height: 100%;} .profile-menu__profiles-cta-valign {display: table-cell; vertical-align: middle; text-align: center;} .profile-menu__profiles-cta-inner {display: inline-block; text-align: left;} } @media (min-width: 801px) { .profile-menu {float: left; width:75%;} .profile-sponsor {float: left; width:25%} .profile-menu__list-item {float: left; width: 25%; text-align: center; height: 220px; line-height: 220px;} .profile-menu__list-item:after {bottom: 1.125em; left: 50%; margin-left: -0.625em;} .profile-menu__list-item:before {content: ""; display: block; position: absolute; bottom: -20px; left: 50%; margin-left: -20px; width: 0; height: 0; border-style: solid; border-width: 20px 20px 0 20px; border-color: #fff transparent transparent transparent; opacity: 0; z-index:2;} .profile-menu__list-item.active:before {opacity: 1; -webkit-transition:opacity 250ms ease; transition: opacity 250ms ease; } .profile-menu__list-valign {display: inline-block; vertical-align: middle; line-height: 1.2;} .profile-menu__list-item {border-right: 1px solid #dfe5e9;} .profile-menu__list-icon {margin: 0 auto 1.250em auto} .profile-sponsor .carousel-sponsor {height: 120px; line-height: 120px;} .profile-sponsor .carousel-sponsor img {max-height: 120px} .profile-menu__profiles, .profile-bar__desktop-menu {background: #022848;} .profile-menu__list .profile-menu__profiles {display: none!important} .profile-menu__profiles-left {border-right: 1px solid rgba(255,255,255,0.05);} .profile-menu__profiles-links a {color: #fff;} .profile-menu__profiles-links a:after {color:rgba(108,173,223,0.3);} .profile-menu__profiles-cta-title {margin-bottom: 0.625em; color: #fff;} } @media (min-width: 1024px) { .profile-menu {width:66.66666666666667%;} .profile-sponsor {width:33.33333333333333%} .profile-menu__list-item {height: 250px; line-height: 250px;} .profile-sponsor .carousel-sponsor {height: 150px; line-height: 150px;} .profile-sponsor .carousel-sponsor img {max-height: 150px} } @media (max-width: 1199px) { .profile-bar {font-size: 15px; margin-top: -60px;} .profile-menu__list-item {padding-right: 1.250em; padding-left: 1.250em;} } @media (max-width: 959px) { .profile-bar {font-size: 14px; margin-top: -40px;} } @media (max-width: 800px) { .profile-bar {font-size: 15px; margin-top: -25px;} .profile-menu__list-item {padding: 1.500em 4.500em 1.500em 2.500em; border-bottom: 1px solid #dfe5e9} .profile-menu__list-valign {position: relative; height: 4.133em; line-height: 4.133em; padding-left: 6.000em;} .profile-menu__list-icon {font-size: 0.867em; position: absolute; top: 0; left: 0;} .profile-menu__list-name {font-size: 1.067em; display: inline-block; vertical-align: middle; line-height: 1.2;} .profile-menu__list-item:after {font-size: 1.333em; right: 1.750em; top: 50%; margin-top:-0.625em;} .profile-sponsor {padding:1.250em 1.000em;} .profile-menu__profiles-links li {float: none; width: 100%;} .profile-menu__profiles-cta-inner {padding-left: 0; text-align: center;} .profile-menu__profiles-cta-icon {position: relative; top: inherit; left:inherit; display: block; margin-bottom:0.250em;} .profile-menu__profiles-cta-title {margin-bottom: 1.000em;} .profile-menu__profiles-cta-button .button {width: 100%;} .profile-bar__desktop-menu {display: none;} } @media (max-width: 639px) { .profile-bar {font-size: 14px; margin-top: -18px;} .profile-menu__profiles {padding: 0;} .profile-menu__profiles-left, .profile-menu__profiles-right {float: none; width: 100%;} .profile-menu__profiles-left {padding:1.500em 2.500em;} .profile-menu__profiles-cta {padding: 1.500em 0 0;} .profile-menu__profiles-cta-title {padding: 0 1.000em;} .profile-menu__profiles-left {border-right:0; border-bottom: 1px solid #dfe5e9;} .profile-menu__profiles-cta-button .button {margin-bottom: 0; border-radius: 0;} } @media (max-width: 479px) { .profile-bar {font-size: 13px;} .profile-menu__list-item {padding-left: 1.500em;} .profile-menu__profiles-left {padding-right: 1.500em; padding-left: 1.500em;} .profile-menu__list-item:after {right: 1.118em;} } @media (max-width: 375px) { .profile-bar {font-size: 12px;} } @media (max-width: 320px) { .profile-bar {font-size: 11px;} } /******************************************************************************** --- Dropdown Select --- *********************************************************************************/ .dropit * {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .dropit-select {-webkit-appearance: none; border: none; display: block; margin: 0; padding:0 0.444em; height: 2.750em; line-height: 2.750em; width: 100%; transition: background-color 250ms ease; position: relative; cursor: pointer;} .dropit-select:after {content: "\e623"; font-family: 'CD-Project-Icons'; display: inline-block; margin-left:1.000em; position: relative; top:1px;} .dropit-open .dropit-select:after {content: "\e626"} .dropit-parent {position: relative;} .dropit-submenu {display: none; list-style: none; margin: 0; padding:0; position: absolute; top: auto; left: 0; width: 100%; max-height: 18.750em; overflow-y: auto; z-index: 2;} .dropit-open .dropit-submenu {display: block;} /******************************************************************************** --- Sticky Nav --- *********************************************************************************/ .sticky-nav--stuck {position: fixed; left: 0; right: 0; width: 100%;} .action-bar.sticky-nav--stuck {top: 85px;} @media (max-width: 959px) { .action-bar.sticky-nav--stuck {top: 60px;} } /******************************************************************************** --- Action Bar --- *********************************************************************************/ .action-bar {font-size: 16px; background-color: #f3f6f9; border-top: 1px solid #dfe5e9; border-bottom: 1px solid #dfe5e9; z-index: 9998;} .action-bar .row-site {width: 100%} .action-bar .row-site.column {padding: 0;} .action-bar__dropit {float: left; display: inline-block; border-right: 1px solid #dfe5e9;} .action-bar__dropit:first-child {border-left: 1px solid #dfe5e9;} .action-bar__dropit .dropit-select {font-size: 0.875em; color: #022848; font-weight: 600; padding: 0 1.429em; height: 4.286em; line-height: 4.286em;} .action-bar__dropit .dropit-open .dropit-select {background: #fff;} .action-bar__dropit .dropit-open .dropit-select span {color: #9baab7;} .action-bar__dropit .dropit-select:after {color: #9baab7;} .action-bar__dropit .dropit-select-icon {font-size: 1.429em; display: inline-block; color: #0073d1; position: relative; top: 0.100em; margin-right: 0.200em; line-height: 1;} .action-bar__dropit .dropit-select-active {display: inline-block; line-height: 1; max-width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .action-bar__dropit-profile {border-left: 1px solid #dfe5e9;} .action-bar__dropit--right {float: right;} .action-bar__submenu {font-size: 16px; background: #fff; box-shadow: 0px 0.625em 1.563em 0px rgba(1,11,20,0.05);} .action-bar__submenu--hidden {display: none;} .action-bar__dropit-nav .action-bar__submenu {padding: 1.563em 1.250em; width: 18.750em; } .action-bar__nav ul {list-style: none; margin: 0; padding: 0;} .action-bar__nav li, .action-bar__nav a {display: block;} .action-bar__nav a {font-weight: 600;} .action-bar__nav li.active > a {color: #022848} .action-bar__nav a:hover, .action-bar__nav li.selected > a {color: #0073d1;} .action-bar__nav > ul > li > a {font-size: 0.938em; color: #022848; padding: 0.533em 0;} .action-bar__nav ul ul {padding-left: 1.200em; position: relative;} .action-bar__nav ul ul:before {content: ""; display: block; width: 1px; height: 100%; height: calc(100% - 1.600em); background: #dfe5e9; position: absolute; top: 0.800em; left: 0.200em;} .action-bar__nav ul ul li {position: relative;} .action-bar__nav ul ul a {font-size: 0.875em; display: block; color: #828e99; padding: 0.429em 0;} .action-bar__nav ul ul a:before {content: ""; display: block; width: 0.786em; height: 0.786em; border-radius: 0.786em; background: #fff; border:1px solid #dfe5e9; position: absolute; top: 0.786em; left: -1.500em; transition:all 250ms ease;} .action-bar__nav ul ul li.active > a:before {background: #022848; border-color: #022848;} .action-bar__nav ul ul li.selected > a:before {background: #0073d1; border-color: #0073d1;} .action-bar__nav ul ul {display: none;} .action-bar__nav li.active > ul {display: block;} .action-bar-filters, .action-bar__dropit-refine {display: none;} .action-bar__dropit-refine--active {display: block;} .action-bar__dropit-refine .action-bar__submenu {width: 36.563em; max-height:inherit;} .action-bar__refine-list {overflow-y: auto; max-height: 24.000em;} .action-bar__refine-list > div:not(:last-child), .filter-search__attributes > div:not(:last-child) {border-bottom: 1px solid #dfe5e9;} .action-bar__refine-keyword {position: relative;} .action-bar__refine-keyword .icon-search {font-size: 1.375em; font-weight: bold; line-height: 1; position: absolute; top: 50%; left: 0.955em; margin-top: -0.500em; color: #0073d1;} .action-bar__refine-input[type="text"] {height: 5.000em; box-shadow: none; border: none; padding: 1.250em 1.563em 1.250em 3.313em; margin: 0;} .action-bar__refine-input::-webkit-input-placeholder {color:#9baab7;} .action-bar__refine-input::-moz-placeholder {color:#9baab7;} .action-bar__refine-input:-ms-input-placeholder {color:#9baab7;} .action-bar__refine-input:-moz-placeholder {color:#9baab7;} .action-bar__refine-checkbox {padding: 1.250em 1.563em;} .action-bar__refine-checkbox-name {font-size: 0.938em; color: #022848; font-weight: 600; margin-bottom: 0.667em; display: block;} .action-bar__refine-checkbox-list {overflow: hidden;} .action-bar__refine-options {font-size: 0.938em; line-height: 1.2; float: left; width: 50%; padding: 0.533em 1.333em 0.533em 1.333em; position: relative; color: #022848; cursor: pointer;} .action-bar__refine-options.checkbox {font-size: 0.938em; padding-left: 0; margin:0;} .action-bar__refine-options:not(.checkbox):before {content: "\e6ac"; font-family: 'CD-Project-Icons'; position: absolute; top: 0.467em; left: 0; color: #9baab7; transition: color 250ms ease} .action-bar__refine-options:not(.checkbox):hover:before {color: #022848} .action-bar__refine-options--active:not(.checkbox):before, .filter-option--active:not(.checkbox):before {content: "\e6ab"; color: #022848;} .filter-option--hidden {display: none;} .action-bar__refine-select, .action-bar__refine-text-field {overflow: hidden;} .action-bar__refine-select-name, .action-bar__refine-select-list, .action-bar__refine-text-field-input[type="text"] {width: 50%; float: left;} .action-bar__refine-select-name {font-size: 0.938em; display: block; height: 4.000em; line-height: 4.000em; border-right: 1px solid #dfe5e9; padding: 0 1.667em; color: #022848; font-weight: 600;} .action-bar__refine-select-list select, .action-bar__refine-text-field-input[type="text"] {height: 4.000em; margin: 0; border: none; background-color:#fafcff; box-shadow: none;} .action-bar__refine-submit .button {width: 100%; display: block; border-radius:0; margin: 0;} .action-bar__dropit-profile .action-bar__submenu {width: 70em; max-height: inherit; left: inherit; right: 0;} .action-bar__profile {position: relative; background: #fff; z-index: 1;} .action-bar__profile-list {padding: 3.750em 0; overflow: hidden;} .action-bar__profile-item {float: left; width: 25%; padding: 0 2.500em; text-align: center; cursor: pointer;} .action-bar__profile-item:not(:last-child) {border-right: 1px solid #dfe5e9;} .action-bar__profile-icon {display: block; background: #0073d1; color: #fff; width: 4.750em; height: 4.750em; line-height: 4.750em; border-radius: 4.750em; margin: 0 auto 20px auto; text-align: center; transition: background-color 250ms ease} .action-bar__profile-item:hover .action-bar__profile-icon {background: #9baab7;} .action-bar__profile-icon:before {font-size: 3.000em} .action-bar__profile-name {font-size: 0.875em; font-weight: 700; display: inline-block; line-height: 1.2;} .action-bar__profile-menu {display: none; padding: 2.500em 2.188em; overflow: hidden;} .action-bar__profile-menu-left {float: left; width: 52.5%; padding-right: 6%; border-right: 1px solid #dfe5e9;} .action-bar__profile-menu-right {float: right; width: 42%;} .action-bar__profile-menu-toggle {margin-bottom: 1.250em; cursor: pointer;} .action-bar__profile-menu-change {font-size: 0.875em; color: #0073d1; font-weight: 700; margin-left: 0.714em;} .action-bar__profile-menu-toggle:hover .action-bar__profile-menu-change {color: #9baab7} .action-bar__profile-menu-links ul {list-style: none; margin: 0; padding: 0; overflow: hidden;} .action-bar__profile-menu-links li {display: block; float: left; width: 46%; margin: 0 8% 0 0; line-height: 1.2;} .action-bar__profile-menu-links li:nth-child(2n) {margin-right: 0;} .action-bar__profile-menu-links li:nth-child(2n+1) {clear: both;} .action-bar__profile-menu-links a {display: block; padding:0.625em 1.563em 0.625em 0; color: #022848; font-weight: 600; position: relative;} .action-bar__profile-menu-links a:hover {color: #9baab7} .action-bar__profile-menu-links a:after {content: "\e6c7"; font-family: 'CD-Project-Icons'; display: block; position: absolute; top: 0.625em; right: 0; color: #9baab7; font-weight: normal;} .action-bar__profile-menu-cta {position: relative; padding: 3.750em 0;} .action-bar__profile-menu-cta-inner {position: relative; padding-left: 3.750em;} .action-bar__profile-menu-cta-icon {font-size: 2.500em; position: absolute; top: 0.100em; left: 0; color: #a5cf00;} .action-bar__profile-menu-cta-title {margin-bottom: 0.625em;} .action-bar__profile-menu-cta-button .button {font-size: 0.875em;} @media (min-height: 800px) { .action-bar__dropit-nav .action-bar__submenu {max-height: 22.000em;} } @media (min-height: 900px) { .action-bar__dropit-nav .action-bar__submenu {max-height: 26.000em;} } @media (min-height: 1000px) { .action-bar__dropit-nav .action-bar__submenu {max-height: 30.000em;} } @media (min-height: 1200px) { .action-bar__dropit-nav .action-bar__submenu {max-height: 40.000em;} } @media (max-width: 1199px) { .action-bar {font-size: 15px;} .action-bar__dropit-profile .action-bar__submenu {font-size: 15px; width: 62em;} } @media (max-width: 959px) { .action-bar {font-size: 14px;} .action-bar__submenu {font-size: 15px;} .action-bar__dropit-refine .action-bar__submenu {width: 30.000em;} .action-bar__dropit-profile .action-bar__submenu {font-size: 14px; width: 55em;} } @media (max-width: 800px) { .action-bar__dropit-refine .action-bar__submenu {font-size: 14px; width: 25.000em;} .action-bar__dropit-profile .action-bar__submenu {width: 43em;} .action-bar__dropit .dropit-select-active {max-width: 100px;} } @media (max-width: 639px) { .action-bar {font-size: 13px;} .action-bar__dropit .dropit-select {padding-right: 1.000em; padding-left: 1.000em;} .action-bar__dropit-refine .action-bar__submenu {width: 23.077em; left: 50%; margin-left:-11.5385em} .action-bar__dropit-profile .action-bar__submenu {width: 32em;} .action-bar__profile {padding: 0;} .action-bar__profile-item {float: none; width: 100%; text-align: left; height: 6.750em; line-height: 4.750em; padding-top: 1.000em; padding-bottom: 1.000em; border-bottom: 1px solid #dfe5e9; position: relative;} .action-bar__profile-item:not(:last-child) {border-right: none;} .action-bar__profile-item:after {font-size: 1.500em; content: "\e625"; font-family: 'CD-Project-Icons'; line-height: 1; display: block; position: absolute; top: 50%; right:1.667em; margin-top:-0.476em; color: #9baab7; font-weight: normal;} .action-bar__profile-icon {font-size: 0.750em; display: inline-block; vertical-align: middle; margin-bottom: 0;} .action-bar__profile-name {font-size: 1.000em; vertical-align: middle; margin-left: 1.429em;} .action-bar__profile-menu {padding: 0;} .action-bar__profile-menu-left, .action-bar__profile-menu-right {float: none; width: 100%;} .action-bar__profile-menu-left, .action-bar__profile-menu-cta {padding: 2.500em;} .action-bar__profile-menu-left {border-right:0; border-bottom: 1px solid #dfe5e9;} .action-bar__profile-menu-links a {font-size: 0.938em;} } @media (max-width: 479px) { .action-bar {font-size: 12px; text-align: center;} .action-bar__dropit {float: none; margin: 0 -1px; text-align: left;} .action-bar__dropit:first-child, .action-bar__dropit-profile {border-left:none;} .action-bar__dropit:last-child {border-right: none;} .action-bar__submenu {font-size: 14px; text-align: left;} .action-bar__dropit-refine .action-bar__submenu {font-size: 13px;} .action-bar__dropit-refine--active {display: inline-block;} .action-bar__dropit-profile .action-bar__submenu {font-size: 13px; width: 25.5em;} .action-bar__profile-menu-links li {float: none; width: 100%;} .action-bar__profile-menu-cta-inner {padding-left: 0; text-align: center;} .action-bar__profile-menu-cta-icon {position: relative; top: inherit; left:inherit; display: block; margin-bottom:0.250em;} .action-bar__profile-menu-cta-title {margin-bottom: 1.000em;} .action-bar__profile-menu-cta-button .button {width: 100%;} } @media (max-width: 450px) { .action-bar {font-size: 11px;} .action-bar__dropit .dropit-select {padding-right: 0.625em; padding-left: 0.625em;} } @media (max-width: 375px) { .action-bar__dropit-profile .action-bar__submenu {font-size: 12px;} .action-bar__dropit .dropit-select-icon {font-size: 1.250em; top: 0.067em; margin-right: 0;} .action-bar__dropit .dropit-select:after {margin-left: 0.500em;} .action-bar__profile-item {height: 5.500em; padding: 0.375em 1.500em;} .action-bar__profile-icon {font-size: 0.625em;} .action-bar__profile-item:after {right:1.000em;} .action-bar__profile-menu-left, .action-bar__profile-menu-cta {padding: 1.500em;} } @media (max-width: 355px) { .action-bar {font-size: 9px;} .action-bar__dropit-refine .action-bar__submenu {font-size: 12px} .action-bar__dropit-profile .action-bar__submenu {width: 22em;} } /******************************************************************************** --- Sub Nav --- *********************************************************************************/ .sub-nav {font-size: 16px; background: #fff; border-bottom: 1px solid #dfe5e9; z-index: 9997;} .sub-nav ul {list-style: none; margin: 0; padding: 0; text-align: center;} .sub-nav ul ul {display: none;} .sub-nav li {font-size:1em; display: inline-block; height: 3.750em; line-height: 3.750em; position: relative; padding: 0 0.625em; margin: 0 0.625em;} .sub-nav li:after {opacity: 0; content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.188em; background: #0073d1; transition: opacity 250ms ease;} .sub-nav a {font-size: 0.875em; display: inline-block; vertical-align: middle; line-height: 1.2; color: #9baab7; font-weight: 600;} .sub-nav li.selected a, .sub-nav a:hover {color: #022848;} .sub-nav li.selected:after {opacity: 1;} .sub-nav--no-action-bar {background-color: #f3f6f9; border-top: 1px solid #dfe5e9; } .sub-nav.sticky-nav--stuck:not(.sub-nav--no-action-bar) {top: 9.1875em;} .sub-nav.sub-nav--no-action-bar {top:85px;} @media (max-width: 1199px) { .sub-nav.sticky-nav--stuck:not(.sub-nav--no-action-bar) {top: 9.53em;} .sub-nav {font-size: 15px;} } @media (max-width: 959px) { .sub-nav.sticky-nav--stuck:not(.sub-nav--no-action-bar) {top:8.21em;} .sub-nav.sub-nav--no-action-bar {top:60px;} .sub-nav {font-size: 14px;} .sub-nav li {padding-right:0.500em; padding-left:0.500em; margin-right:0.500em; margin-left:0.500em;} } @media (max-width: 800px) { .sub-nav.sticky-nav--stuck:not(.sub-nav--no-action-bar) {top:8.85em;} .sub-nav {font-size: 13px;} .sub-nav li {padding-right:0.250em; padding-left:0.250em; margin-right:0.250em; margin-left:0.250em;} } @media (max-width: 639px) { .sub-nav.sticky-nav--stuck:not(.sub-nav--no-action-bar) {top:9.25em;} .sub-nav {font-size: 12px;} .sub-nav li {height: 3.000em; line-height: 3.000em;} } @media (max-width: 479px) { .sub-nav.sticky-nav--stuck:not(.sub-nav--no-action-bar) {top:9.36em;} .sub-nav {font-size: 11px;} } @media (max-width: 375px) { .sub-nav.sticky-nav--stuck:not(.sub-nav--no-action-bar) {top:10.3em;} .sub-nav {font-size: 10px;} } @media (max-width: 320px) { .sub-nav.sticky-nav--stuck:not(.sub-nav--no-action-bar) {top:10.67em;} .sub-nav {font-size: 9px;} } /******************************************************************************** --- CSS Masonry --- *********************************************************************************/ .masonry-grid {margin:0 -0.938em;} .masonry-grid__sizer, .masonry-grid__item {width:33.33333333333333%; padding:0 0.938em 1.500em;} @media only screen and (max-width: 800px) { .masonry-grid__sizer, .masonry-grid__item {width:50%;} } @media only screen and (max-width: 479px) { .masonry-grid__sizer, .masonry-grid__item {width:100%;} } /******************************************************************************** --- Resource List --- *********************************************************************************/ .resource-item a {display: block; padding:1.563em 1.875em; line-height: 1.3;} .resource-item:not(:last-child) a {border-bottom: 1px solid #dfe5e9} .resource-item h3 {font-size: 1.000em; font-weight: 600; margin: 0; position: relative; padding: 0 2.188em 0 1.750em} .resource-item h3:after {font-size: 1.250em; content: "\e6dd"; font-family: 'CD-Project-Icons'; font-weight: normal; color:rgba(155, 170, 183,0.50); display: block; line-height: 1; position: absolute; top: 0; right: 0; transition: color 250ms ease;} .resource-item__size {font-size: 0.75em;} .resource-item a:hover h3:after {color:#0073d1;} .resource-item h3:before {font-family: 'CD-Project-Icons'; font-weight: normal; color:#0073d1; display: block; position: absolute; top: 0; left: 0;} .resource-item--pdf h3:before {content: "\e768"; } .resource-item--word h3:before {content: "\e76c"; } .resource-item--excel h3:before {content: "\e764"; } .resource-item--powerpoint h3:before {content: "\e769"; } .resource-item--audio h3:before {content: "\e762"; } .resource-item--video h3:before {content: "\e766"; } .resource-item--zip h3:before {content: "\e761";} @media (max-width: 479px) { .resource-item a {padding: 1.154em 1.538em} } /******************************************************************************** --- Reading List --- *********************************************************************************/ .reading-item a {display: block; padding:1.563em 1.875em; line-height: 1.3;} .reading-item:not(:last-child) a {border-bottom: 1px solid #dfe5e9} .reading-item h3 {font-size: 1.000em; font-weight: 600; margin: 0; position: relative; padding-right:2.188em; color: #022848; transition: color 250ms ease;} .reading-item a:hover h3 {color: #0073d1;} .reading-item:not(.reading-item--active) h3:after {font-size: 1.250em; content: "\e6c7"; font-family: 'CD-Project-Icons'; font-weight: normal; color:rgba(155, 170, 183,0.50); display: block; line-height: 1; position: absolute; top: 0; right: 0; transition: color 250ms ease;} .reading-item .label {display: none;} .reading-item--label h3 > span {position: relative; display: inline-block; padding-right: 5.000em;} .reading-item--label h3 .label {display: block; position: absolute; top: -0.250em; right:0.750em;} .reading-item a:hover h3:after {color:#0073d1;} .reading-item--active h3, .reading-item--active a:hover h3 {color: #9baab7} .reading-item--active a:hover {cursor: default;} @media (max-width: 479px) { .reading-item a {padding: 1.154em 1.538em} } /******************************************************************************** --- Continued Reading --- *********************************************************************************/ .reading-list__level .reading-list__level {display: none;} /******************************************************************************** --- Stats Block --- *********************************************************************************/ .stats-block {overflow: hidden; position: relative;} .stats-block__overlay-text {font-size: 12.500em; position: absolute; bottom: -0.150em; right: -0.100em; line-height: 1; color: rgba(108,173,223,0.08)} .stats-block__overview {margin-bottom: 2.000em;} .stats-block__overview h4 {line-height: 1.5;} .stats-block__list {overflow: hidden; margin:0 -0.9375em;} .stats-block__item {width: 50%; float: left; padding:0 0.9375em;} .stats-block__item h3 {color: #6caddf; margin-bottom: 10px;} .stats-block__item p {color: #022848;} @media (min-width: 640px) { .stats-block__overview {float: left; width: 30%;} .stats-block__list {float: right; width: 65%;} } @media (min-width: 801px) { .stats-block__item {width: 33%;} .stats-block__item:nth-child(3n+1) {clear: both;} } /******************************************************************************** --- Dot List --- *********************************************************************************/ .dots-list h3 {font-size: 0.813rem; font-weight: 600; color: #0073d1; text-transform: uppercase; margin-bottom: 1.538em; margin-left: 1.923em} .dots-list ul {list-style: none; margin: 0; padding: 0; position: relative;} .dots-list li, .dots-list a {display: block;} .dots-list li {line-height: 1.3; font-weight: 600; } .dots-list ul:before {content: ""; display: block; width: 1px; height: 100%; height: calc(100% - 0.500em); background: #dfe5e9; position: absolute; top: 0.250em; left: 0.375em;} .dots-list ul li {display: block; position: relative; margin-bottom: 1.250em; padding-left: 1.563em} .dots-list ul li a {display: block; color: #022848;} .dots-list ul li a span[class^="icon-"] {font-size: 0.875em; margin-left: 0.250em; color: #9baab7;} .dots-list ul li:before {content: ""; display: block; width: 0.750em; height: 0.750em; border-radius: 0.750em; background: #fff; border:1px solid #dfe5e9; position: absolute; top: 0.250em; left: 0; transition: all 250ms ease;} .dots-list ul li a:hover, .dots-list ul li.selected a {color: #0073d1;} .dots-list ul li:hover:before, .dots-list ul li.selected:before {background: #0073d1; border-color: #0073d1} .dots-list ul ul {margin-top: 1.250em;} .dots-list ul ul li {margin-bottom: 0.625em;} .dots-list ul ul a {font-size: 0.938em; color: #022848;} .dots-list ul ul a:hover, .dots-list ul ul li.selected > a {color: #0073d1;} /******************************************************************************** --- List Item Accordion --- *********************************************************************************/ .list-item-accordion ul ul {display: none;} .list-item-accordion__accordion-list {position: relative; padding-right: 2.5em; cursor: pointer;} .list-item-accordion__accordion-list:after {font-size: 1.125em; content: "\e6d1"; font-family: 'CD-Project-Icons'; font-weight: 400; display: block; position: absolute; top: 0; right: 0; color: #6caddf;} /******************************************************************************** --- Naviation Cards --- *********************************************************************************/ .navigation-cards .navcardhide {display: none;} /******************************************************************************** --- Cards - Full Bleed --- *********************************************************************************/ .card-full-bleed {} .card-full-bleed > a {display: block; position: relative; overflow: hidden; border-radius: 3px;} .card-full-bleed > a:before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -moz-linear-gradient(top, rgba(1,11,20,0) 0%, rgba(1,11,20,0) 20%, rgba(1,11,20,0.8) 100%);background: -webkit-linear-gradient(top, rgba(1,11,20,0) 0%,rgba(1,11,20,0) 20%,rgba(1,11,20,0.8) 100%);background: linear-gradient(to bottom, rgba(1,11,20,0) 0%,rgba(1,11,20,0) 20%,rgba(1,11,20,0.8) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00010b14', endColorstr='#cc010b14',GradientType=0 ); z-index: 1;} .card-full-bleed img {display: block; width: 100%;} .card-full-bleed__image-bg {height: 23.625em; background-position: center center; background-repeat: no-repeat; background-size: cover;} .card-full-bleed__overlay {position: absolute; bottom: 0; left:0; padding: 1.563em; width: 100%; z-index: 2;} .card-full-bleed__meta {font-size: 0.813em; color: #a5cf00; text-transform: uppercase; font-weight: 700; display: block; margin-bottom: 0.769em;} .card-full-bleed__title {font-size:1.250em; color: #fff; margin-bottom: 0} .card-full-bleed__label {position: absolute; top: 1.250em; left: 1.250em;} .card-full-bleed__body {box-shadow: 0px 1.25em 1.875em 0px rgba(1, 11, 20, 0.05); background-color: #fff; padding: 1.563em;} .card-full-bleed__pull-quote, .card-full-bleed__overview {color: #052d4f} .card-full-bleed__pull-quote p:first-child:before {font-size: 28px; content: "“"; font-weight: 600; margin-right:5px; left:0; top: 2px; font-family: Garamond,Georgia, serif; color: #6caddf; position: relative; line-height: 1;} .card-full-bleed__body-link {margin-top: 1.429em; padding-top: 1.214em; border-top: 1px solid #dfe5e9;} .card-full-bleed__body-link a {font-size: 15px; display: block; position: relative; font-weight: 600;} .card-full-bleed__body-link a:after {font-size: 16px; content: "\e6c7"; font-family: 'CD-Project-Icons'; line-height: 1.4; font-weight: normal; position: absolute; top: 0; right: 0;} .card-full-bleed--large .card-full-bleed__image-bg {height: 27.625em;} .card-full-bleed--large .card-full-bleed__overlay {padding: 2.500em;} .card-full-bleed--large .card-full-bleed__title {font-size: 1.938em;} .card-full-bleed--vignette .card-full-bleed__image:after {content: ""; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -0.469em; z-index: 1; width: 0; height: 0; border-style: solid; border-width: 0 0.938em 0.938em 0.938em; border-color: transparent transparent #fff transparent;} @media (max-width: 959px) { .card-full-bleed--large .card-full-bleed__overlay {padding: 2.188em;} .card-full-bleed--large .card-full-bleed__title {font-size: 1.625em;} .card-full-bleed--grid .card-full-bleed__title, .card-full-bleed--aside .card-full-bleed__title {font-size:1.125em;} } @media (max-width: 800px) { .card-full-bleed--large .card-full-bleed__overlay {padding: 2.500em;} .card-full-bleed--large .card-full-bleed__title {font-size: 1.938em;} .card-full-bleed--grid .card-full-bleed__title, .card-full-bleed--aside .card-full-bleed__title {font-size:1.250em;} } @media (max-width: 639px) { .card-full-bleed--large .card-full-bleed__overlay {padding: 2.188em;} .card-full-bleed--large .card-full-bleed__title {font-size: 1.625em;} } @media (max-width: 479px) { .card-full-bleed--large .card-full-bleed__overlay {padding: 1.563em;} .card-full-bleed--large .card-full-bleed__title {font-size: 1.250em;} } /******************************************************************************** --- Cards --- *********************************************************************************/ .card {border-radius: 3px; overflow: hidden; box-shadow: 0px 1.25em 1.875em 0px rgba(1, 11, 20, 0.05); background-color: #fff; } .card__image {display: block; position: relative;} .card__image:before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(2,40,72,0.10); z-index: 1;} .card__image img {display: block; width: 100%;} .card__image-bg {background-position: center center; background-repeat: no-repeat; background-size: cover;} .card__label {position: absolute; top: 0.938em; left: 0.938em; z-index: 1; max-width: 65%} .card__label--download {position: absolute; top: 0.938em; right: 0.938em; z-index: 1;} .card__body {padding: 1.563em; min-height: 15.63em} .card__meta {font-size: 0.813em; display: block; line-height: 1.2; margin-bottom: 0.385em; color: #9baab7; font-weight: 600; text-transform: uppercase;} .card__title {font-size: 1.000em; font-weight: 600; line-height: 1.4;} .card__title a {color: #022848} .card__subtitle {font-size: 0.813em; display: block; text-transform: uppercase; color: #6caddf; font-weight: 600; margin-top: -1.154em; margin-bottom: 1.923em;} .card__overview {font-size: 0.875em; margin-bottom: 1.500em;} .card__overview :last-child {margin-bottom: 0;} .card__extras {margin-top: 1.429em; padding-top: 1.214em; border-top: 1px solid #dfe5e9;} .card__extras-title {display: block; font-size: 0.813em; text-transform: uppercase; color: #6caddf; font-weight: 600; margin-bottom:0.77em;} .card__extras p {font-size: 0.94em; line-height: 1.2;} .card__extras :last-child {margin-bottom: 0;} .card__extras a {color: #495865; font-weight: 400!important; border:none!important;} .card__extras a:hover {color:#0073d1;} .card .dots-list {font-size: 0.875em;} .card .dots-list > ul > li:before {border-color: #6caddf} .card .dots-list > ul > li:hover:before {border-color: #0073d1} .card__icon {display: block; width: 4.750em; height: 4.750em; line-height: 4.625em; border-radius: 4.750em; margin: 0 auto 1.250em auto; text-align: center; background: #f6f9fc; color: #0073d1; border: 1px solid #dfe5e9; transition: all 250ms ease;} .card__icon span {font-size:2.250em; display: inline-block; vertical-align: middle; line-height: 1; position: relative; top: -0.111em; left: -0.028em;} .card:hover .card__icon {background: #0073d1; color: #fff;} .card__product {height: 2.500em; line-height: 2.500em;} .card__product-link {font-size: 0.938em; display: inline-block; float: left;} .card__product-link span {font-size: 1.067em; position: relative; top: 0.063em;} .card__product-price {font-size: 1.563em; display: inline-block; float: right; font-weight: 300; position: relative; padding-left: 0.800em} .card__product-price:before {content: ""; display: block; position: absolute; left: 0; top: 0; width: 1px; height: 100%; background: #dfe5e9;} .card--article .card__overview, .card--section .card__overview {margin-top: 1.429em; padding-top: 1.214em; border-top: 1px solid #dfe5e9} .card--section .card__title, .card--product .card__title, .card--index .card__title, .card--basic .card__title, .card--icon .card__title, .card--resource .card__title {font-size: 1.250em;} .card--icon {text-align: center;} .card--icon .card__body {color:#495865 } .card--resource {border-top: 5px solid #0073d1;} .card--resource .card__body {padding: 2.813em 3.750em;} .card--policy .card__overview, .card--tbi-models .card__overview {margin-top: 0; padding-top: 0; border-top:none;} .card--policy .card__label {font-weight: 400;} .card--policy .card__body, .card--tbi-models .card__body {min-height: 18em;} @media (min-width: 640px) { .card__image-bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .card--index-large {position: relative; padding-left: 50%;} .card--index-large .card__image {position: absolute; top: 0; left: 0; width: 50%; height: 100%; overflow: hidden;} .card--index-large .card__body {padding: 1.000em} .card--index-large .card__title {font-size: 1.125em; font-weight: 600;} .card--index-large .card__overview, .card--index-large .dots-list {font-size: 0.938em;} } @media (min-width: 960px) { .card--index-large .card__body {padding: 2.813em 3.750em} .card--index-large .card__title {font-size: 1.563em; font-weight: 400;} .card--index-large .card__overview, .card--index-large .dots-list {font-size: 1.000em;} } @media (max-width: 959px) { .card__body {padding: 1.250em;} .card--resource .card__body {padding: 1.563em;} } @media (max-width: 800px) { .card__body {padding: 1.563em;} .card__overview {font-size: 1em;} } @media (max-width: 639px) { .card__body {padding: 1.250em;} .card__image-bg {height: 17.857em;} } @media (max-width: 479px) { .card__body, .card--resource .card__body {padding: 1.250em;} .card__image-bg {height: 14.286em;} } @media (max-width: 375px) { .card__image-bg {height: 12.00em;} } /******************************************************************************** --- Art Panel --- *********************************************************************************/ .art-panel {background-color: #023056; background-image: url(/images/template/art-panel.png); background-position: center bottom; background-repeat: no-repeat; color: #fff; padding:2.813em 1.563em 6.875em; border-radius: 3px; text-align: center; box-shadow: 0.625em -0.625em 0px 0px rgba(225,230,236,1), -0.625em 0.625em 0px 0px rgba(225,230,236,1);} .art-panel h1, .art-panel h2, .art-panel h3, .art-panel h4, .art-panel h5, .art-panel h6 {font-size: 1.250em; font-weight: 600; color: #ffffff;} .art-panel__overview {font-size: 0.875em; color: #9baab7; margin-bottom: 1.429em;} .art-panel .button {font-size: 0.875em;} .art-panel :last-child {margin-bottom: 0;} @media (max-width: 959px) { .art-panel {padding-right: 1.250em; padding-left: 1.250em} } @media (max-width: 800px) { .art-panel {padding-right: 1.563em; padding-left: 1.563em} } @media (max-width: 639px) { .art-panel {padding-right: 1.250em; padding-left: 1.250em} } @media (max-width: 375px) { .art-panel__overview {font-size: 1.000em;} } /******************************************************************************** --- Sponsor Panel --- *********************************************************************************/ .sponsor-panel {border-radius: 3px; padding:3.125em 0.750em 1.250em 0.750em; overflow: hidden; box-shadow: 0px 1.25em 1.875em 0px rgba(1, 11, 20, 0.05); background-color: #fff; position: relative;} .sponsor-panel__label{position: absolute; top: 0.750em; left: 0.750em} /******************************************************************************** --- Random BIAA Champions Cards --- *********************************************************************************/ .champions-random-cards:not(.champions-random-cards--active) .column:not(:first-child) {display: none;} .champions-random-cards:not(.champions-random-cards--active) .column:first-child {visibility: hidden;} .champions-random-cards--active .column {display: none;} .champions-random-cards--active .champions-random-cards__active {display: block;} /******************************************************************************** --- Events List--- *********************************************************************************/ .event-item .label {margin-bottom: 1.818em;} .event-item__wrapper {position: relative; min-height: 3.75em} .event-item__date {position: absolute; top: 0; left: 0; width:4.0625em; text-align: center;} .event-item__body {padding-left: 4.75em;} .event-item__date-month, .event-item__date-days, .event-item__date-year {display: block; color: #0073d1; line-height: 1;} .event-item__date-month, .event-item__date-year {font-size: 0.813em; text-transform: uppercase;} .event-item__date-days {margin-bottom: 0.125em;} .event-item__date-day {font-size: 1.938em; font-weight: 300;} .event-item__date-days--small .event-item__date-day {font-size: 1.375em} .event-item__title {font-size: 1.000em; font-weight: 600; margin-bottom: 0.625em;} .event-item__title a {color: #022848;} .event-item__title a:hover {color: #0073d1;} .event-item__overview {font-size: 0.938em; margin-bottom: 0;} /******************************************************************************** --- News List--- *********************************************************************************/ .news-item {margin-bottom: 1.25em;} .news-item .label {margin-bottom: 1.818em;} .news-item__wrapper {position: relative;} .news-item__date {position: absolute; top: 0; left: 0; width:2.500em; text-align: center;} .news-item__body {padding-left: 3.438em;} .news-item__date-month, .news-item__date-day {display: block; color: #0073d1; line-height: 1;} .news-item__date-month {font-size: 0.813em; text-transform: uppercase;} .news-item__date-day {font-size: 1.938em; font-weight: 300;} .news-item__title {font-size: 1.000em; font-weight: 600; margin-bottom: 0.625em;} .news-item__title a {color: #022848;} .news-item__title a:hover {color: #0073d1;} .news-item__overview {font-size: 0.938em; margin-bottom: 0;} /******************************************************************************** --- Generic List--- *********************************************************************************/ .generic-item {padding: 2.000em 0;} .generic-item:first-child {padding-top: 0;} .generic-item:not(:last-child) {border-bottom: 1px solid #dfe5e9} .generic-item .label {margin-bottom: 1.818em;} .generic-item__title {font-size: 1.250em; font-weight: 600; margin-bottom: 0.625em;} .generic-item__overview {font-size: 0.938em; margin-bottom: 0;} /******************************************************************************** --- Profile List --- *********************************************************************************/ .profile-list__item {overflow: hidden; padding: 1.000em 0; border-bottom: 1px solid #dfe5e9;} .profile-list__image img {border-radius: 50%;} .profile-list__name h3, .profile-list__title, .profile-list__email, .profile-list__phone {font-size: 0.938em; line-height: 1.2;} .profile-list__name h3, .profile-list__title {color: #495865;} .profile-list__name h3 {font-weight: 600;} .profile-list__col-inner :last-child {margin-bottom: 0;} @media (min-width: 801px) { .profile-list {font-size: 14px;} .profile-list__header {margin-bottom: 1.000em; padding-bottom: 1.000em; border-bottom: 1px solid #dfe5e9;} .profile-list__header ul {list-style: none; margin: 0; padding: 0; overflow: hidden;} .profile-list__header li {font-size: 0.875em; display: block; float: left; width: 25%; color: #0073d1; text-transform: uppercase; font-weight: 700;} .profile-list__header li:first-child {padding-left: 7%;} .profile-list__col, .profile-list__name, .profile-list__image {display: table; height: 3.750em;} .profile-list__col-inner, .profile-list__name h3 {display: table-cell; vertical-align: middle;} .profile-list__col {width: 25%; float: left; padding-right: 2.188em; overflow: hidden; } .profile-list__image {width: 25%; float: left; line-height: 3.750em} .profile-list__name {float: left; width: 75%; padding-left: 1.333em;} .profile-list--no-image .profile-list__header li:first-child {padding-left: 0;} .profile-list--no-image .profile-list__name {padding-left: 0;} } @media (min-width: 960px) { .profile-list {font-size: 15px;} } @media (min-width: 1200px) { .profile-list {font-size: 16px;} } @media (max-width: 800px) { .profile-list {font-size: 16px;} .profile-list__header {display: none;} .profile-list__item {min-height: 6.375em;} .profile-list__mobile-col {float: left; width: 50%; position: relative; padding-top: 0.625em;} .profile-list__image {position: absolute; width: 20%; top: 0; left: 0;} .profile-list__mobile-col:last-child {padding-left: 3.750em;} .profile-list__mobile-col:first-child .profile-list__col {padding-left: 20%;} .profile-list__name, .profile-list__title {padding-left: 1.250em;} .profile-list__image {height: 3.750em; line-height: 3.750em;} .profile-list--no-image .profile-list__mobile-col:first-child .profile-list__col, .profile-list--no-image .profile-list__name, .profile-list--no-image .profile-list__title {padding-left: 0;} } @media (max-width: 639px) { .profile-list {font-size: 15px;} .profile-list__mobile-col:last-child {padding-left: 2.000em;} .profile-list__name, .profile-list__title {padding-left: 0.875em;} } @media (max-width: 479px) { .profile-list {font-size: 14px;} } @media (max-width: 420px) { .profile-list__mobile-col {float: none; width: 100%; text-align: center;} .profile-list__mobile-col:last-child {padding-left: 0;} } @media (max-width: 375px) { .profile-list__mobile-col:last-child {padding-left: 1.000em;} } /******************************************************************************** --- Profile Grid --- *********************************************************************************/ .profile-grid {text-align: center; position: relative;} .profile-grid__image {width: 11.250em; height: 11.250em; margin: 0 auto 1.250em auto; position: relative;} .profile-grid__image img {display: block; width: 100%; border-radius: 11.250em;} .profile-grid__image-bg {border-radius: 50%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;} .profile-grid__image--square .profile-grid__image-bg, .profile-grid__image--square img {border-radius:0;} .profile-grid__title {font-size: 1.250em; font-weight: 600;} .profile-grid__title a {color: #022848;} .profile-grid__title a:hover {color: #0073d1} .profile-grid__subtitle {font-size: 0.813em; text-transform: uppercase; color: #6caddf; font-weight: 600; margin-top: -0.769em; margin-bottom: 1.231em; position: relative;} .profile-grid__subtitle:after {content: ""; display: block; width: 5.385em; height: 1px; background: #dfe5e9; margin: 1.385em auto 0 auto;} .profile-grid__overview {font-size: 0.938em; margin-bottom: 1.200em;} .profile-grid__overview :last-child {margin-bottom: 0;} .profile-grid__credits {font-size: 0.813em; font-weight: 700; text-transform: uppercase; color: #022848; position: relative;} .profile-grid__credits:before {content: ""; display: block; width: 5.385em; height: 1px; background: #dfe5e9; margin: 0 auto 1.385em auto;} .profile-grid__meta {font-size: 0.938em; list-style: none; margin: 0; padding: 0;} .profile-grid__meta li {line-height: 1.3; margin-bottom: 0.400em;} .profile-grid__meta--alt {position: relative;} .profile-grid__meta--alt:before {content: ""; display: block; width: 5.385em; height: 1px; background: #dfe5e9; margin: 1.385em auto;} .profile-grid__meta--alt li {font-weight:600; text-transform: uppercase; color: #6caddf;} .profile-grid__count {position: absolute; top: 0; right: 0; text-align: center; width: 2.250em; height: 2.250em; line-height: 2.250em;} .profile-grid__count:before {font-size: 2.250em; content: "\e834"; font-family: 'CD-Project-Icons'; color: #dfe5e9; display: block; position: absolute; top: 0; left: 0;} .profile-grid__count span {font-size: 0.750em; color: #022848; font-weight: 600; position: relative; display: inline-block; vertical-align: middle; top: -0.250em} /******************************************************************************** --- Profile Detail --- *********************************************************************************/ .article-detail {position: relative;} .article-detail__container {max-width: 49.19em; margin:0 auto;} .article-detail__label {margin-top: 1.09em; margin-bottom: 0.73em;} .article-detail__header {padding-bottom: 2.5em; margin-bottom: 2.5em; position: relative;} .article-detail__header:after {content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 9.375em; height: 1px; background: #dfe5e9; } .article-detail__header :last-child {margin-bottom: 0;} .article-detail__title {font-size: 3em; font-weight: 300; margin-bottom: 0.2564em;} .article-detail__subtitle {font-size:1.75em; display: block; color: #828e99; font-weight: 300;} .article-detail__details {margin-bottom: 2.5em;} .article-detail__details p {font-size:0.88em;} .article-detail__details span {color: #6caddf; text-transform: uppercase; font-weight: 600;} .article-detail__details a {border-bottom: none!important;} .article-detail__details :last-child {margin-bottom: 0;} .article-detail__author--image {height: 4.69em; padding-left: 4.69em; overflow: hidden; position: relative;} .article-detail__author, .article-detail__date-only {margin-bottom: 2.5em;} .article-detail__author-image {position: absolute; top: 0; left: 0; width: 4.69em; height: 4.69em;} .article-detail__author-image img {display: block; width: 100%; border-radius: 4.69em;} .article-detail__author-image-bg {border-radius: 50%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;} .article-detail__author--image .article-detail__author-info {padding-left: 1.25em; line-height: 4.69em;} .article-detail__date, .article-detail__author-name {display: block;} .article-detail__date {font-size:0.75em; font-weight: 700; text-transform: uppercase; color: #9baab7; margin-bottom: 0.42em;} .article-detail__author-name {font-weight:600; color: #022848;} .article-detail__author-info-valign {line-height: 1.2;} .article-detail__author--image .article-detail__author-info-valign {display: inline-block; vertical-align: middle;} .article-detail__image {margin-bottom: 2.22em; text-align: center;} .article-detail__image img {border-radius: 3px;} .article-detail__body {position: relative; border-top: 1px solid #dfe5e9; padding-top: 2.5em;} .article-detail__cite {margin-top: 3.125em; padding-top: 3.125em; border-top: 1px solid #dfe5e9; } .article-detail__cite-title, .article-detail__cite-notes {font-size: 0.875em;} .article-detail__cite-title {font-size: 0.875em; text-transform: uppercase; font-weight: 600;} .article-detail__body--sidebar {padding-top: 0;} .article-detail__body-sidebar {padding-top: 2.5em;} .article-detail__body-sidebar-module {font-size:0.88em; margin-bottom: 2.86em;} .article-detail__body-sidebar-label {font-size:1em; text-transform: uppercase; font-weight: 600} .article-detail__body-sidebar-module ul {list-style: none; margin: 0; padding: 0;} .article-detail__body-sidebar-module li {margin-bottom: 0.71em;} .article-detail__share ul {list-style: none; margin: 0; padding: 0;} .article-detail__share li {font-size:1.000em;} .article-detail__share a {display:block; width:2.13em; height: 2.13em; border-radius: 2.13em; line-height: 1.88em; text-align: center; color: #9baab7; border:2px solid #dfe5e9; transition: all 250ms ease;} .article-detail__share span {font-size: 0.88em;} .article-detail__share a:hover {background: #9baab7; border-color: #9baab7; color: #fff;} .article-detail__comments {margin-top: 3.33em;} .article-detail__comments-title span {font-size:1.2em; color:#0073d1; position: relative; top: 0.1em; margin-right:0.17em;} .article-detail--policy .article-detail__body, .article-detail--news .article-detail__body, .article-detail__stories .article-detail__body, .article-detail--tbi-models .article-detail__body, .article-detail__faqs .article-detail__body {border-top: none; padding-top: 0;} .article-detail--policy .accordion dt, .article-detail--policy .accordion dd {padding-left: 0;} .article-detail--policy .article-detail__details {margin-bottom: 1em;} .article-detail--policy .accordion {margin-bottom: 3.75em;} .policy-categories {color: #495865; font-weight: 400!important} .policy-categories:hover {color: #0073d1} .tbi-model-systems-question {margin-bottom: 2.5em;} .tbi-model-systems-question .label {margin-bottom: 0.75em;} .tbi-model-systems-question h3 {margin-top: 0; margin-bottom: 0;} @media (min-width: 480px) { .article-detail__body-sidebar {float: right; max-width: 30%; margin:0 0 1.25em 1.25em; padding-bottom: 1.88em; padding-left: 1.88em;border-left: 1px solid #dfe5e9;} .article-detail__body-sidebar-content {padding-top: 2.5em;} } @media (min-width: 931px) { .article-detail__share {font-size: 16px; position: absolute; top: 0; left: -65px; height: 100%;} .article-detail__share li {display: block;} .article-detail__share li {margin-bottom: 0.63em;} } @media (min-width: 1270px) { .article-detail__back-container {position: absolute; top: 0.625em; left: 0;} .article-detail__back {font-size:0.875em; margin-bottom: 0; padding:0.8571em 1.4286em; position: absolute; top: 0.7857em; left: 0;} .article-detail__back-container .article-detail__back {font-size:0.75em; display:block; margin-bottom: 0.8333em; position: relative; top: 0; left: inherit;} .article-detail__back-container .article-detail__back:last-child {margin-bottom: 0;} .article-detail__back span {position: relative; top: 1px;} .article-detail__back-mobile {display: none;} } @media (max-width: 1269px) { .article-detail__mobile-bar {position: fixed; top:85px; left: 0; right: 0; width: 100%; height: 48px; background:#f7f8f9; border-bottom: 1px solid #dfe5e9; z-index: 1; } .article-detail__back {display: none;} .article-detail__back-mobile {font-size:0.875em; position: absolute; top: 0; left: 0; height: 48px; line-height: 47px; display: block; padding-left: 1em; font-weight: 600; color: #495865;} .article-detail__back-mobile:nth-child(2) {left: 6.0714em; padding-left: 0;} .article-detail__back-mobile:nth-child(2) span.icon-arrow-back:before {content: "\e7ae"} .article-detail__back-mobile span {position: relative; top: 1px;} .article-detail__back-mobile:hover {color: #9baab7;} .article-detail__container {padding-top: 48px;} } @media (max-width: 959px) { .article-detail__mobile-bar {top: 60px;} } @media (max-width: 930px) { .article-detail__share {font-size:14px; position: fixed; z-index: 2; top: 60px; right: 0;} .article-detail__share-sticky {position: relative!important; top: 0!important;} .article-detail__share ul {height: 48px; line-height: 47px; text-align: center} .article-detail__share li {display: inline-block; vertical-align: middle; margin: 0 0.36em} } @media (max-width: 800px) { .article-detail__title {font-size: 2.5em;} } @media (max-width: 639px) { .article-detail__mobile-bar {height: 41px;} .article-detail__back-mobile {height: 41px; line-height: 40px;} .article-detail__share {font-size:12px;} .article-detail__share ul {height: 41px; line-height: 40px;} .article-detail__container {padding-top: 41px;} } @media (max-width: 479px) { .article-detail__share li {margin-right: 0.25em; margin-left: 0.25em;} .article-detail__title {font-size: 2em;} .article-detail__author {font-size:13px;} } @media (max-width: 375px) { .article-detail__title {font-size: 1.75em;} .article-detail__author {font-size:12px;} } /******************************************************************************** --- Article Header --- *********************************************************************************/ .article-header {overflow: hidden;} .article-header__image {float: left; width: 28%;} .article-header__image img {border-radius: 50%} .article-header__image--square img {border-radius: 0} .article-header__body {float: right; width: 68%;} .article-header__label {font-size: 0.81em; font-weight: 600; text-transform:uppercase; color: #6caddf;} .article-header__title {font-size: 2.438em; margin-bottom: 0.256em;} .article-header__subtitle {font-size: 0.875em; color: #9baab7; font-weight: 600; text-transform: uppercase; margin-bottom:1.786em;} .article-header__meta {list-style: none; margin: 0 0 1.563em 0; padding: 0;} .article-header__meta li {font-size: 0.938em; margin-bottom: 0.800em; line-height: 1.3;} .article-header__meta a {color: #495865} .article-header__meta [class^="icon-"] {color: #0073d1; margin-right: 0.250em;} .article-header__actions {font-size: 0.938em; margin: 0 -0.333em;} .article-header__actions .button {margin: 0 0.333em; padding-right: 1.750em; padding-left: 1.750em;} .article-detail--board .article-header__subtitle {font-size: 1.56em; font-weight: 300; margin-bottom: 0.8em;} @media (max-width: 639px) { .article-header__title {font-size: 1.750em;} .article-header__actions .button {display: block; width: 100%;} .article-header__actions .button:not(:last-child) {margin-bottom: 0.625em;} } @media (max-width: 375px) { .article-header {text-align: center;} .article-header__image, .article-header__body {float: none;} .article-header__image {margin: 0 auto 1.500em auto;} .article-header__body {width: 100%;} } /******************************************************************************** --- Carousel Block --- *********************************************************************************/ .carousel-block-headline {position: relative; margin-bottom: 2.5em; padding-right: 18.75em;} .carousel-block-headline--no-arrows {padding-right: 9.375em;} .carousel-block-headline h3 {margin-bottom: 0;} .carousel-block-headline__lnk {position:absolute; top:50%; margin-top:-0.88em; margin-bottom: 0; right:7.647em; display:block; line-height:1;} .carousel-block-headline--no-arrows .carousel-block-headline__lnk {right: 0;} .carousel-block-container {margin-right: -.9375rem; margin-left: -.9375rem;} .carousel-block {transition:opacity 450ms 350ms ease; opacity: 1; visibility: visible;} .carousel-block:not(.slick-initialized) {overflow: hidden; visibility: hidden; opacity: 0;} .carousel-block-item {padding-bottom: 1px;} .carousel-block .slick-arrow {font-size:0.88em; position: absolute; top: -5.43em; right: 0.9375em; width: 2.625em; height: 2.625em; line-height: 2.500em; text-align: center; background: none; border:2px solid #dfe5e9; border-radius:2.625em; color: #0073d1;} .carousel-block .slick-prev {right: 4.250em;} .carousel-block .slick-disabled {color: #dfe5e9;} @media only screen and (min-width: 640px) and (max-width: 767px) { .carousel-block-container {margin-right: -0.43rem; margin-left: -0.43rem;} .carousel-block .column {padding-right: 0.43rem; padding-left: 0.43rem;} } @media only screen and (max-width: 767px) { .carousel-block-headline__lnk {right:0;} .carousel-block .slick-arrow {display: none!important;} .carousel-block-headline, .carousel-block-headline--no-arrows {padding-right: 9.375em;} } @media only screen and (max-width: 479px) { .carousel-block-container {margin-right: -0.625rem; margin-left: -0.625rem;} .carousel-block .column {padding-right: 0.625rem; padding-left: 0.625rem;} } /******************************************************************************** --- Section Links --- *********************************************************************************/ .section-link {overflow: hidden; position: relative;} .section-link__image {float: left; width: 32%;} .section-link__image img {border-radius: 50%; border: 8px solid rgba(255,255,255,0.05)} .section-link__body {float: right; width: 65%;} .section-link__title {font-size:1.563em; margin-bottom:0.400em;} .section-link__actions {font-size: 0.938em;} .section-link__actions .button {padding-right: 1.750em; padding-left: 1.750em;} .section--blue .section-link__title, .section--blue .section-link__title a {color: #fff;} .section--blue .section-link__body {color: #9baab7} @media (min-width: 801px) { .section .columns:not(:last-child):first-child .section-link {padding-right: 1.250em;} .section .columns:not(:last-child):first-child .section-link:after {content: ""; display: block; width: 1px; height: 8.750em; position: absolute; top: 50%; right: 0; margin-top: -4.375em; background: #dfe5e9;} .section .columns:not(:first-child):last-child .section-link {padding-left: 1.250em;} .section--blue .columns:not(:last-child):first-child .section-link:after {background: rgba(255,255,255,0.05);} } @media (max-width: 801px) { .section .columns:not(:last-child):first-child .section-link {padding-bottom: 2.000em; border-bottom: 1px solid #dfe5e9} .section--blue .columns:not(:last-child):first-child .section-link {border-color: rgba(255,255,255,0.05)} } @media (max-width: 375px) { .section-link {text-align: center;} .section-link__image, .section-link__body {float: none;} .section-link__image {margin: 0 auto 1.500em auto;} .section-link__body {width: 100%;} } /******************************************************************************** --- Issues --- *********************************************************************************/ .issue-item {text-align: center;} .issue-item__image {border-radius: 3px; overflow: hidden; max-width: 75%; margin: 0 auto 1.250em auto; position: relative;} .issue-item__image-overlay {font-size: 0.875em; font-weight: 700; position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0, 115, 209,0.90); color: #fff; padding: 0.714em 1.071em; -webkit-transform: translate3d(0px, 100%, 0px); transform: translate3d(0px, 100%, 0px); -webkit-transition: -webkit-transform 250ms ease; transition: -webkit-transform 250ms ease; transition: transform 250ms ease; transition: transform 250ms ease, -webkit-transform 250ms ease} .issue-item__image-overlay:hover {color: #fff;} .issue-item:hover .issue-item__image-overlay {-webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px);} .issue-item__image-overlay span {position: relative; top: 1px; margin-right: 0.286em;} .issue-item__image img {display: block; width: 100%;} .issue-item__meta {font-size: 0.813em; font-weight: 600; color: #0073d1; text-transform: uppercase; display: block; margin-bottom:0.308em;} .issue-item__title {font-size: 1.000em; font-weight: 600;} /******************************************************************************** --- Logo Block List --- *********************************************************************************/ .logo-block__image {height: 7.5em; line-height: 7.5em; margin-bottom: 0.63em;} .logo-block__image img {max-height: 6.25em; width: auto;} .logo-block__title {font-size:1.13em; font-weight: 600; color: #022848; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #dfe5e9} .logo-block__title a {color: #022848} .logo-block__overview {font-size:0.94em;} @media (max-width: 639px) { .logo-block {text-align: center;} } /******************************************************************************** --- CTA Body Bar --- *********************************************************************************/ .cta-body-bar {background-image: url(../images/template/cta-bar-pattern.jpg); background-position: center center; padding:1.063em 1.563em; text-align: center; color: #fff; position: relative; border-radius: 3px; overflow: hidden;} .cta-body-bar:before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(2, 40, 72,0.80);} .cta-body-bar__body {position: relative; max-width: 640px; margin: 0 auto;} .cta-body-bar__title {font-size: 1.250em; font-weight: 600; display: inline-block; line-height: 1.4} .cta-body-bar__title, .cta-body-bar__button {margin:0.500em 0.625em;} .cta-body-bar__title a {color:#a5cf00;} .cta-body-bar__title a:hover {color:#b6e404;} /******************************************************************************** --- Twitter Carousel --- *********************************************************************************/ .twitter-feed {text-align: center; max-width: 40.000em; margin: 0 auto;} .twitter-feed:before {font-size: 3.500em; content: "\f099"; font-family: 'CD-Project-Icons'; color: #1da1f2; display: inline-block; line-height: 1; margin-bottom: 0.536em;} .twitter-feed__tweet {font-size: 1.250em; font-weight: 300; margin-bottom: 1.000em;} .twitter-feed__tweet p {margin-bottom: 0;} .twitter-feed__bio {overflow: hidden; display: inline-block; height: 6.250em; line-height: 6.250em;} .twitter-feed_img {display:inline-block; width: 6.250em; height: 6.250em; line-height: 6.250em; border-radius: 6.250em; text-align: center; background: #fff;} .twitter-feed_img img {display: inline-block;} .twitter-feed__bio-info {display: inline-block; vertical-align: middle; text-align: left; line-height: 1.2; margin-left: 0.938em;} .bio-info__handle {display: block; color: #6caddf;} .bio-info__posted {font-size: 0.875em; font-weight: 600; color: #022848;} .twitter-feed .slick-dots {list-style: none; margin:0.625em 0 0 0; padding: 0; text-align: center; line-height: 1;} .twitter-feed .slick-dots li {display: inline-block; vertical-align: middle; margin: 0 0.313em 0.626em; line-height: 1;} .twitter-feed .slick-dots button {display: block; margin: 0; padding: 0; background: #fff; border: 2px solid #9baab7; width: 12px; height: 12px; border-radius: 12px; text-indent: -9999em;} .twitter-feed .slick-dots li.slick-active button {background: #a5cf00; border-color: #a5cf00;} @media (max-width: 479px) { .twitter-feed:before {font-size: 2.500em;} .twitter-feed__bio {height: 3.571em; line-height: 3.571em;} .twitter-feed_img {font-size: 0.571em;} } /******************************************************************************** --- Full Width CTA --- *********************************************************************************/ .full-card__inner {position:relative;} .full-card__image {position:absolute; left:0; background-position:center center; background-repeat:no-repeat; background-size:cover;} .full-card__image--top {background-position: top center;} .full-card__image--bottom {background-position: bottom center;} .full-card__info {padding-left:50%;} .full-card--left .full-card__info {padding-left:0; padding-right:50%;} .full-card__info-inner {display: table; width: 100%; background:#043660; padding:3.750em 10.500em 3.750em 7.500em; position:relative;} .full-card__info-valign {display: table-cell; vertical-align: middle;} .full-card--left .full-card__info-inner {padding-right: 7.500em; padding-left: 10.500em} .full-card__subtitle, .full-card__headline {display:block;} .full-card__subtitle {font-size:0.813em; text-transform: uppercase; font-weight: 700; color: #a5cf00; line-height:1.2; margin-bottom: 0.769em} .full-card__headline {font-size:2.438em; color: #fff; margin-bottom: 0.641em;} .full-card__overview {color: #fff;} .full-card-list {padding: 0.3125em 0;} .full-card-list .full-card {padding-top:0.3125em; padding-bottom:0.3125em;} @media only screen and (min-width: 801px) { .full-card__image {top:0; width:50%; height:100%; } .full-card__info-inner {min-height: 31.250em;} .full-card--left .full-card__image {left:inherit; right:0;} } @media only screen and (max-width: 1599px) { .full-card__info-inner, .full-card--left .full-card__info-inner {padding-right: 6.000em; padding-left: 6.000em} } @media only screen and (max-width: 1440px) { .full-card__info-inner, .full-card--left .full-card__info-inner {padding:2.222em 4.000em;} } @media only screen and (max-width: 1199px) { .full-card__info-inner, .full-card--left .full-card__info-inner {padding-right: 3.000em; padding-left: 3.000em} } @media only screen and (max-width: 800px) { .full-card__image {bottom:0; width:100%; height:300px;} .full-card__info {padding-left:0; padding-bottom:300px;} .full-card--left .full-card__info {padding-right:0;} .full-card__info-inner {padding:3.000em;} } @media only screen and (max-width: 639px) { .full-card__image {height:225px;} .full-card__info {padding-bottom:225px;} } @media only screen and (max-width: 479px) { .full-card__image {height:180px;} .full-card__info {padding-bottom:180px;} } @media only screen and (max-width: 375px) { .full-card__info-inner {padding:1.500em;} } /******************************************************************************** --- Location Card --- *********************************************************************************/ .location-card::before,.location-card::after{display:table;content:' '}.location-card::after{clear:both} .location-card {border-radius: 3px; box-shadow: 0px 1.25em 1.875em 0px rgba(1, 11, 20, 0.05); background-color: #fff;} .location-card__icon {display: block; background: #0073d1; color: #fff; width: 5em; height: 5em; line-height: 5em; border-radius: 5em; padding:0 0.94em; margin:0 auto 0.94em;} .location-card__icon img {max-height: 3.13em;} .location-card__title {margin-bottom: 0;} .location-card__body {padding: 2.19em;} .location-card__label {font-weight: 600; color: #9baab7} .location-card__addr-name {font-size: 1em; font-weight: 600; text-transform: uppercase;} .location-card__addr {list-style: none; margin: 0; padding: 0} .location-card__addr li {font-size: 0.88em; margin-bottom: 0.71em; position: relative; padding-left: 1.71em;} .location-card__addr li, .location-card__addr a {color: #585d6b;} .location-card__addr [class^="icon-"] {position: absolute; top: 0.29em; left: 0; display: block; width: 1em; text-align: center; color: #0073d1;} .location-card--single {margin-top: 6.25em;} .location-card--single .location-card__header {position:relative; top: -2.5em; margin-bottom: -2.5em; text-align: center; padding-bottom: 1.88em;} .location-card--single .location-card__body {border-top: 1px solid #dfe5e9} @media only screen and (min-width: 801px) { .location-card--split {position: relative;} .location-card--split .location-card__header {position: absolute; top: 0; left: 0; width: 18.75em; height: 100%; border-right: 1px solid #dfe5e9; text-align: center; padding:3.75em 2.19em} .location-card--split .location-card__body-container {padding-left: 18.75em; overflow: hidden;} .location-card--split .location-card__body {width: 50%; float: left;} } @media only screen and (max-width: 800px) { .location-card--split {margin-top: 2.5em;} .location-card--split .location-card__header {position:relative; top: -2.5em; margin-bottom: -2.5em; text-align: center; padding-bottom: 1.88em;} .location-card--split .location-card__body {border-top: 1px solid #dfe5e9} } /******************************************************************************** --- Page Banner --- *********************************************************************************/ .page-banner {background: #022848; color: #fff; position: relative;} .page-banner__bg, .page-banner__bg:before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .page-banner__bg {background-position: center center; background-repeat: no-repeat; background-size: cover;} .page-banner__bg:before {content: ""; display: block; background-color: rgba(1,11,20,0.6)} .page-banner__wrapper {position: relative; z-index: 1; text-align: center; padding-top: 9.375em; padding-bottom: 9.375em;} .page-banner__label {font-size: 0.813em; display: block; line-height: 1.2; color: #fff; color: #a5cf00; font-weight: 600; text-transform: uppercase; margin-bottom:0.769em;} .page-banner__title {font-size: 2.375em; color: #fff; margin-bottom: 0.632em} .page-banner__overview {font-size: 1.125em; margin-bottom: 2.222em;} .page-banner__body :last-child {margin-bottom: 0;} .page-banner__video-buttton {display: inline-block; width: 5.000em; height: 5.000em; line-height: 5.000em; border-radius: 5.000em; background: #0073d1; color: #fff; text-align: center; transition: all 250ms ease;} .page-banner__video-buttton span {font-size: 2.000em; line-height: 1; display: inline-block; vertical-align: middle;} .page-banner__video-buttton span:before {position: relative; left: 0.063em; top: -0.031em} .page-banner__video-buttton:hover {background: #0784e9; color: #fff;} @media only screen and (max-width: 1600px) { .page-banner__wrapper {padding-top: 8.125em; padding-bottom: 8.125em;} } @media only screen and (max-width: 1440px) { .page-banner__wrapper {padding-top: 7.500em; padding-bottom: 7.500em;} } @media only screen and (max-width: 1199px) { .page-banner {font-size: 15px;} } @media only screen and (max-width: 1023px) { .page-banner {font-size: 14px;} } @media only screen and (max-width: 639px) { .page-banner {font-size: 13px;} .page-banner__wrapper {padding-top: 4.615em; padding-bottom: 4.615em;} } @media only screen and (max-width: 479px) { .page-banner {font-size: 12px;} } @media only screen and (max-width: 375px) { .page-banner {font-size: 11px;} } @media only screen and (max-width: 320px) { .page-banner {font-size: 10px;} } /******************************************************************************** --- Home News & Events List --- *********************************************************************************/ .news-events-list .event-item {padding: 1.563em 0; } .news-events-list .event-item:first-child {padding-top: 0;} .news-events-list .event-item:not(:last-child) {border-bottom: 1px solid #dfe5e9} @media only screen and (max-width: 1199px) { .news-home-list .card-full-bleed--large .card-full-bleed__image-bg {height:25.000em } .news-home-list .card-full-bleed .card-full-bleed__image-bg {height:20.313em } } @media only screen and (max-width: 959px) { .news-home-list .card-full-bleed--large .card-full-bleed__image-bg {height:21.875em } .news-home-list .card-full-bleed .card-full-bleed__image-bg {height:18.750em } } @media only screen and (max-width: 800px) { .news-home-list .card-full-bleed--large .card-full-bleed__image-bg {height:25.000em } .news-home-list .card-full-bleed .card-full-bleed__image-bg {height:20.313em } } @media only screen and (max-width: 639px) { .news-home-list .card-full-bleed--large .card-full-bleed__image-bg {height:21.875em } .news-home-list .card-full-bleed .card-full-bleed__image-bg {height:18.750em } } @media only screen and (max-width: 479px) { .news-home-list .card-full-bleed--large .card-full-bleed__image-bg, .news-home-list .card-full-bleed .card-full-bleed__image-bg {height:18.750em } } @media only screen and (max-width: 375px) { .news-home-list .card-full-bleed--large .card-full-bleed__image-bg, .news-home-list .card-full-bleed .card-full-bleed__image-bg {height:15.625em} } /******************************************************************************** --- Locations Map --- *********************************************************************************/ .map-canvas {height: 100%; width:100%; margin: 0; padding: 0;} .map-controls {font-size:16px; position:absolute; bottom:3.750em; right:2.500em; background:#022848;} .map-controls a {display:block; width:2.381em; height:2.381em; line-height:2.381em; text-align:center; color:#fff; font-size:1.313em; transition:background 250ms ease;} .map-controls a:hover {background:#828e99;} .map-controls a:active {background:#495865;} .map-controls a:not(:last-child) {border-bottom:1px solid rgba(255,255,255,0.15);} .section-map {position:relative; height:650px; overflow:hidden;} .locations-map {position:absolute; top:0; right:0; width:100%; height:100%; z-index:1;} .locations-pop-block {font-size:16px; background: #fff; padding:2.500em; text-align:left; max-width: 350px; margin: 2.500em auto; border-radius:2px; position: relative; box-shadow:0px 0px 16px 0px rgba(1, 11, 20, 0.30); overflow:hidden;} .locations-pop-name, .locations-pop-addr, .locations-pop-street, .locations-pop-loc {display:block; line-height:1.3;} .locations-pop-name {color: #022848; font-size:1.250em; font-weight: 600; border-bottom: 1px solid #dfe5e9; padding-bottom: 0.3em; margin-bottom:0.75em;} .locations-pop-addr {color:#495865; margin-bottom:1.067em;} .locations-pop-directions a, .locations-pop-phone a {margin-bottom: 0;} .locations-pop-directions {margin-top: 0.63em; margin-bottom: 0;} .locations-pop-phone {margin-top: 0.63em; margin-bottom: 0;} .locations-pop-phone a:before, .locations-pop-directions a:before {font-family: 'CD-Project-Icons'; margin-right:0.267em; position:relative;} .locations-pop-phone a:before {content:"\e864"; font-size:0.933em; top:0.143em;} .locations-pop-directions a:before {content:"\e829"; font-size:0.867em; top:0.077em;} .locations-pop-block:after {font-family: 'CD-Project-Icons'; display:block; position:absolute; bottom:0; right:0; color:rgba(116, 124, 146,0.18); line-height:1;} .locations-pop-detail {text-transform: uppercase; font-weight: 700} .locations-pop-detail span {position: relative; top: 1px; color: #747c92} @media only screen and (max-width: 1600px) { .map-controls {font-size:15px;} } @media only screen and (max-width: 1199px) { .section-map {height:500px;} .map-controls {font-size:14px;} } @media only screen and (max-width: 959px) { .section-map {height:450px;} .map-controls {font-size:13px;} } @media only screen and (max-width: 767px) { .section-map {height:400px;} .map-controls {font-size:12px;} } @media only screen and (max-width: 639px) { .section-map {height:350px;} .map-controls {font-size:11px;} } @media only screen and (max-width: 479px) { .locations-pop-block {font-size:15px; padding-right:2.000em; padding-left:2.000em;} .section-map {height:300px;} .map-controls {font-size:9px;} } @media only screen and (max-width: 375px) { .locations-pop-block {font-size:14px; padding-right:1.250em; padding-left:1.250em;} .section-map {height:250px;} } /******************************************************************************** --- Legalization Map Tooltip --- *********************************************************************************/ .mapael .map { position: relative; } .mapael .mapTooltip { position: absolute; background-color: #fff; box-shadow: 0px 0px 15px 0px rgba(17,16,24,0.05); border-radius: 3px; padding:0.5em 1.13em; z-index: 1000; max-width: 12.5em; display: none;} .mapael .mapTooltip > div {font-size:0.88em; font-weight:700;} .find-map__instructions {margin-bottom: 2.5em; text-align: center;} .find-map__instructions span {font-size:1.13em; color: #495865; position: relative; padding-left: 65px;} .find-map__instructions span:before {font-size:1.56em; content: "\e901"; font-family: 'CD-Project-Icons'; line-height: 1; color: #a5cf00; position: absolute; top: 0; left: 0;} .find-map__instructions span:after {content: ""; display: block; position: absolute; top: -0.25em; left: 3em; width: 1px; height: 2em; background: #dfe5e9;} /******************************************************************************** --- Block Panel --- *********************************************************************************/ .block-panel {border-radius: 3px; box-shadow: 0px 1.25em 1.875em 0px rgba(1, 11, 20, 0.05); background-color: #fff; overflow: hidden;} .block-panel__block {padding:2.19em 1.88em;} .block-panel__title {font-size: 1.25em; font-weight: 600;} .block-panel p {font-size: 0.88em;} .block-panel .sponsor-panel {margin-top:-20px; padding:30px 0 0 0; box-shadow: none;} @media only screen and (min-width: 960px) { .block-panel .column:not(:last-child) .block-panel__block {position:relative;} .block-panel .column:not(:last-child) .block-panel__block:after {content: ""; display: block; position: absolute; top: 0; right: 0; width: 1px; height: 1000px; background:#dfe5e9; } .block-panel--rows .column:not(:nth-last-child(1)):not(:nth-last-child(2)):not(:nth-last-child(3)):not(:nth-last-child(4)) .block-panel__block {border-bottom: 1px solid #dfe5e9} .block-panel--rows .column:nth-child(1) .block-panel__block, .block-panel--rows .column:nth-child(2) .block-panel__block, .block-panel--rows .column:nth-child(3) .block-panel__block, .block-panel--rows .column:nth-child(4) .block-panel__block {border-bottom: 1px solid #dfe5e9} } @media only screen and (min-width: 480px) and (max-width: 959px) { .block-panel .column:nth-child(odd) .block-panel__block {position:relative;} .block-panel .column:nth-child(odd) .block-panel__block:after {content: ""; display: block; position: absolute; top: 0; right: 0; width: 1px; height: 1000px; background:#dfe5e9; } .block-panel .column:nth-child(3) .block-panel__block, .block-panel .column:nth-child(4) .block-panel__block {border-top: 1px solid #dfe5e9} .block-panel--rows .column:not(:nth-child(1)):not(:nth-child(2)) .block-panel__block {border-top: 1px solid #dfe5e9} } @media only screen and (max-width: 479px) { .block-panel .column:not(:last-child) .block-panel__block {position:relative; border-bottom: 1px solid #dfe5e9} .block-panel {text-align: center;} .block-panel p {font-size: 1em;} } /******************************************************************************** --- Sponsor Block --- *********************************************************************************/ .sponsor-blocks {text-align: center;} .sponsor-blocks__item {display: inline-block; vertical-align: top; width: 23%; height: 12.5em; line-height:12.5em; box-shadow: 0px 1.25em 1.875em 0px rgba(1, 11, 20, 0.05); background-color: #fff; padding:0 1.88em; margin:0 2% 2.5em 0;} .sponsor-blocks__item img {max-height: 10em;} @media only screen and (min-width: 801px) { .sponsor-blocks__item:nth-child(4n) {margin-right: 0;} } @media only screen and (max-width: 800px) { .sponsor-blocks__item {width: 30%;} } @media only screen and (min-width: 480px) and (max-width: 800px) { .sponsor-blocks__item:nth-child(3n) {margin-right: 0;} } @media only screen and (max-width: 639px) { .sponsor-blocks__item {height:9em; line-height:9em; padding-right: 0.875em; padding-left: 0.875em;} .sponsor-blocks__item img {max-height: 6em;} } @media only screen and (max-width: 479px) { .sponsor-blocks__item {width: 46%;} .sponsor-blocks__item:nth-child(2n) {margin-right: 0;} } /******************************************************************************** --- Location Detail --- *********************************************************************************/ .location-detail__hero {background: #043761; overflow: hidden;} .location-detail__hero-map, .location-detail__hero-image {height: 25em; background-repeat: no-repeat; background-position: center center; background-size: cover; float: left;} .location-detail__hero-map {width: 66.66666666666667%;} .location-detail__hero-image {width: 33.33333333333333%;} .location-detail__cta-body-bar {padding-top: 1.250em; padding-bottom: 1.250em;} .location-detail__cta-body-bar .cta-body-bar__title {font-weight: 300; font-size: 1.5em;} .location-detail__cta-body-bar-phone {font-weight: 600; margin-left: 0.42em;} .location-detail__resources {margin-bottom: 2.5em;} .location-detail__body {font-size: 0.88em; padding-top: 1.43em; border-top: 1px solid #dfe5e9} .location-detail__body ul {list-style: none; margin: 0; padding: 0; position: relative;} .location-detail__body li, .location-detail__body li a {display: block;} .location-detail__body li {line-height: 1.3; font-weight: 600; } .location-detail__body ul:before {content: ""; display: block; width: 1px; height: 100%; height: calc(100% - 0.500em); background: #dfe5e9; position: absolute; top: 0.250em; left: 0.375em;} .location-detail__body ul li {display: block; position: relative; margin-bottom: 1.250em; padding-left: 1.563em} .location-detail__body ul li a {display: block; color: #022848;} .location-detail__body ul li a span[class^="icon-"] {font-size: 0.875em; margin-left: 0.250em; color: #9baab7;} .location-detail__body ul li:before {content: ""; display: block; width: 0.750em; height: 0.750em; border-radius: 0.750em; background: #fff; border:1px solid #dfe5e9; position: absolute; top: 0.250em; left: 0; transition: all 250ms ease;} .location-detail__body ul li a:hover, .location-detail__body ul li.selected a {color: #0073d1;} .location-detail__body ul li:hover:before, .location-detail__body ul li.selected:before {background: #0073d1; border-color: #0073d1} .location-detail__body ul ul {margin-top: 1.250em;} .location-detail__body ul ul li {margin-bottom: 0.625em;} .location-detail__body ul ul a {font-size: 0.938em; color: #022848;} .location-detail__body ul ul a:hover, .location-detail__body ul ul li.selected > a {color: #0073d1;} @media only screen and (max-width: 1365px) { .location-detail__hero {font-size:14px;} } @media only screen and (max-width: 1199px) { .location-detail__hero {font-size:12px;} } @media only screen and (max-width: 959px) { .location-detail__hero {font-size:10px;} } @media only screen and (max-width: 800px) { .location-detail__hero {font-size:9px;} .location-detail__address-table {margin-bottom: 2.5em;} .location-detail__body {font-size: 1em;} } @media only screen and (max-width: 639px) { .location-detail__hero {font-size:8px;} } @media only screen and (max-width: 479px) { .location-detail__hero {font-size:6px;} } @media only screen and (max-width: 375px) { .location-detail__hero {font-size:4px;} } /******************************************************************************** --- Address Table --- *********************************************************************************/ .address-table ul {list-style: none; margin: 0; padding: 0;} .address-table li {display: block; padding: 0.5em 0; border-top: 1px solid #dfe5e9;} .address-table__title {font-size:0.81em; display: inline-block; vertical-align: top; width: 100px; font-weight: 700; text-transform: uppercase;} .address-table__info {font-size:0.88em; display: inline-block;} /******************************************************************************** --- Edit Profile --- *********************************************************************************/ .edit-profile-list {overflow: hidden;} .edit-profile-list [contenteditable] {position: relative; padding-bottom: 0.31em; border-bottom: 1px solid transparent;} .edit-profile-list [contenteditable]:after {font-size:0.88em; content: "\e861"; font-family: 'CD-Project-Icons'; color: #022848; position: absolute; top: 0; right: 0; cursor: pointer;} .edit-profile-list [contenteditable]:empty:before{content: attr(placeholder); display: block;} .edit-profile-list [contenteditable]:focus {outline: none; border-color: #dfe5e9;} .edit-profile-list__image {float: left; width: 28%; padding-bottom: 28%; position: relative;} .edit-profile-list__image-bg {border-radius: 50%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover;} .edit-profile-list__image img {border-radius: 50%} .edit-profile-list__body {float: right; width: 68%;} .edit-profile-list__title {font-size: 2.438em; margin-bottom: 0.256em;} .edit-profile-list__subtitle {font-size: 0.875em; color: #9baab7; font-weight: 600; text-transform: uppercase; margin-bottom:1.786em;} .edit-profile-image .edit-profile-list__image {position:relative; cursor: pointer;} .edit-profile-image .edit-profile-list__image:after {font-size:0.88em; content: "\e861"; font-family: 'CD-Project-Icons'; display: block; position: absolute; top: 0; right: 0; width: 2em; height: 2em; line-height: 2em; border-radius:2em; text-align: center; background:rgba(1, 11, 20,0.75); color: #fff; } .edit-profile-image input {position: absolute; left: -999999px;} .edit-profile-title, .edit-profile-intro {padding-right: 1.25em;} @media (max-width: 639px) { .edit-profile-list__title {font-size: 1.750em;} } @media (max-width: 375px) { .edit-profile-list {text-align: center;} .edit-profile-list__image, .edit-profile-list__body {float: none;} .edit-profile-list__image {margin: 0 auto 1.500em auto;} .edit-profile-list__body {width: 100%;} } /******************************************************************************** --- Media Center --- *********************************************************************************/ .media-block__download, .media-block__stream {font-size:1.45em; font-weight: 400;} .media-block__download:before {content: "\e6dd"; font-family: 'CD-Project-Icons';} .media-block__download--pdf:before {content: "\e768";} .media-block__download--word:before {content: "\e76c";} .media-block__download--excel:before {content: "\e764";} .media-block__download--powerpoint:before {content: "\e769";} .media-block__download--audio:before {content: "\e762";} .media-block__download--video:before {content: "\e766";} .media-block__download--zip:before {content: "\e761";} .media-block__file-size {font-size:0.75em;} .media-detail__media, .media-detail__downloads {margin-bottom: 2.5em;} .media-detail__media audio {width: 100%;} .media-detail__audio-block {margin-bottom: 1.875em;} @media (max-width: 479px) { .media-detail__downloads-preview {text-align: center; margin-bottom: 1.25em;} .media-detail__downloads-preview img {max-width: 60%;} } /******************************************************************************** --- Page Search --- *********************************************************************************/ .page-search {background: #f3f6f9; padding: 0.94em; border-radius: 3px; border:1px solid #dfe5e9} .page-search__input {position: relative; margin-bottom: 1.25em;} .page-search input[type="text"] {font-size:1.13em; height: 60px; padding-right:140px; padding-left: 20px; margin-bottom: 0;} .page-search button {font-size:24px; position: absolute; top: 0; right: 0; padding: 0; width:120px; height: 60px; line-height: 60px; margin-bottom: 0;} .page-search button span {position: relative; top: 0.08em;} .page-search__types-list {overflow: hidden;} .page-search__types-list .checkbox {float: left; margin:10px 14px 10px 0;} .page-search__types-list .checkbox:last-child {margin-right:0;} .page-search__types-list .checkbox span {margin-top: -3px;} /******************************************************************************** --- Social Feed --- *********************************************************************************/ .social-feed-custom .grid-sizer, .social-feed-custom .social-feed-element {width:24%; margin: 0.5% !important;} .social-feed-custom .social-feed-element .content {padding:1.56rem;} .social-feed-custom .media-body, .social-feed-custom .media-body p {font-size: 1.000em} @media (max-width: 1199px) { .social-feed-custom .grid-sizer, .social-feed-custom .social-feed-element {width:32.33333333333333%;} } @media (max-width: 800px) { .social-feed-custom .grid-sizer, .social-feed-custom .social-feed-element {width:49%;} .social-feed-custom .media-body, .social-feed-custom .media-body p {font-size: 0.94em} } @media (max-width: 479px) { .social-feed-custom .social-feed-element .content {padding:1.125rem;} .social-feed-custom .media-body, .social-feed-custom .media-body p {font-size: 0.88em} } /******************************************************************************** --- Form Styling --- *********************************************************************************/ /*-----------Standard Forms-----------*/ form { margin: 0; } /*-----------Label Styles-----------*/ label {font-size: 0.813em; color: #022848; cursor: pointer; text-transform: uppercase; display: block; margin: 0; font-weight:700;} /*-----------Required-----------*/ .req { color:#d10000; font-weight: 700;} /*-----------styling on all basic form elements-----------*/ input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {font-size: 1.000rem; -webkit-appearance: none; background-color: #fff; border: 1px solid #dfe5e9; color: #07253a; display: block; margin: 0 0 1.000em 0; padding: 0.444em; height: 3.125em; width: 100%; box-shadow:inset 0 3px 2px 0 rgba(1, 11, 20, 0.03); transition: border 250ms ease; font-weight:normal;} /*-----------styling on all basic form focus elements-----------*/ input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus, select:focus {border-color: #0073d1; /* outline:none; */} /*-----------styling on all basic form disabled elements-----------*/ input[type="text"][disabled], fieldset[disabled] input[type="text"], input[type="password"][disabled], fieldset[disabled] input[type="password"], input[type="date"][disabled], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], fieldset[disabled] input[type="month"], input[type="week"][disabled], fieldset[disabled] input[type="week"], input[type="email"][disabled], fieldset[disabled] input[type="email"], input[type="number"][disabled], fieldset[disabled] input[type="number"], input[type="search"][disabled], fieldset[disabled] input[type="search"], input[type="tel"][disabled], fieldset[disabled] input[type="tel"], input[type="time"][disabled], fieldset[disabled] input[type="time"], input[type="url"][disabled], fieldset[disabled] input[type="url"], textarea[disabled], fieldset[disabled] textarea { background-color: #d4d8da; } /*-----------input submit-----------*/ input[type="submit"] { -webkit-appearance: none; } /*-----------textarea-----------*/ textarea { min-height: 6.944em; resize: none; max-width: 100%; } textarea[rows] { height: auto; } /*-----------select-----------*/ select { -webkit-appearance: none !important; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); background-position: 100% center; background-repeat: no-repeat; line-height: normal; height: 3.125em; } :-moz-any(select) {background-image:none;} select::-ms-expand {display: none;} /*-----------other form elements-----------*/ input[type="file"], input[type="checkbox"], input[type="radio"] { margin: 0 0 1.000em 0; } input[type="checkbox"] + label, input[type="radio"] + label { display: inline-block; margin-left: 0.444em; margin-right: 0.889em; margin-bottom: 0; vertical-align: baseline; } /*-----------Custom replaced checkbox, radio, switch-----------*/ .checkbox, .radio, .switch {font-size: 16px; margin: 1.000em 0; } .checkbox label, .radio label {font-size: 0.938em; text-transform: none; font-weight: 400; line-height: 1;} /* --- START --- */ .checkbox *, .radio * { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .checkbox input, .radio input { opacity: 0; margin: 0; } .checkbox span, .radio span { position: relative; display: inline-block; margin-left: -1.067em; vertical-align: middle; width: 1.067em; height: 1.067em; border-radius: 2px; border: 1px solid #495865; } .checkbox:hover span, .radio:hover span { border-color: #0073d1; } .checkbox span:before, .radio span:before {font-size: 0.667em; content: "\e6aa"; font-family: 'CD-Project-Icons'; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; text-align: center; line-height: 1.400em; vertical-align: middle; color: #0073d1; transition: all 250ms ease; } /* override for radio */ .radio span { border-radius: 50%; } .radio span:before { content: ""; width: 0.800em; height: 0.800em; border-radius: 0.800em; margin: 0.300em auto; background-color: #0073d1; } .checkbox input[type=checkbox]:checked + span, .radio input[type=radio]:checked + span { border-color: #0073d1; background-color: #0073d1; } .radio input[type=radio]:checked + span { background-color: #fff; } .checkbox input[type=checkbox]:checked + span:before, .radio input[type=radio]:checked + span:before { color: #fff; opacity: 1;} .checkbox input[type=checkbox]:disabled + span, .radio input[type=radio]:disabled + span { border-color: #dfe5e9 !important; background-color: #dfe5e9 !important; } /* --- SWITCH --- */ .switch * { cursor: pointer; } .switch input { opacity: 0; position: absolute; z-index: -1; } .switch span { position: relative; display: inline-block; width: 58px; height: 30px; background-color: #fff; border: 1px solid #dfe5e9; border-radius: 100px; transition: all .5s; box-shadow: 1px 2px 3px rgba(0,0,0,0.1) inset; } .switch span:after { content: ""; position: absolute; background-color: #fff; top: 0; left: 0; height: 28px; width: 28px; border: 1px solid #dfe5e9; border-radius: 400px; box-shadow: 1px 1px 3px rgba(0,0,0,0.1); -webkit-transition: all .2s; } .switch input:checked + span { background-color: #0073d1; border-color: #0073d1; transition: all .5s; } .switch input:checked + span:after { left: 50%; transition: all .2s; } /*-----------Normalize file input width-----------*/ input[type="file"] { width: 100%; } /*-----------We add basic fieldset styling-----------*/ fieldset { border: 1px solid #dfe5e9; padding: 1.111em; margin: 1.000em 0; } fieldset legend { font-weight: 700; background: white; padding: 0 0.167em; margin: 0; margin-left: -0.167em; } /*-----------Disable Button-----------*/ .button[disabled], .button[disabled]:hover {background:#dfe5e9; color:#000; cursor:default;} /*-----------Error Validation-----------*/ form small.form-error { background: #dd2424; color: #fff; padding: 0.222rem 0.333rem; font-size: 0.667rem; font-weight: 700; margin: -1.000rem 0 0.556rem 0; display: block; } /*-----------Captcha-----------*/ .g-recaptcha {margin-bottom:1.000rem;} /*-----------Success Container-----------*/ .success-container {display: none;} /*-----------Enhanced Form-----------*/ .form-enhanced {background: #fff; box-shadow:0px 1.250em 1.875em 0px rgba(1, 11, 20, 0.05);} .form-enhanced__overview {padding: 1.25em 1.56em; border-bottom: 1px solid #dfe5e9;} .form-enhanced__overview :last-child {margin-bottom: 0;} .form-enhanced .row {margin: 0;} .form-enhanced .column, .form-enhanced .columns {padding: 0;} .form-enhanced__label {position: absolute; top: 1.154em; left: 1.923em;} .form-enhanced__label--textarea {top: 1px; left: 1px; padding: 1.154em 0 1.154em 1.923em; background: #fff; width: calc(100% - 2px);} .form-enhanced label {position: relative; border-bottom: 1px solid #dfe5e9; } .form-enhanced input[type="text"], .form-enhanced input[type="file"], .form-enhanced input[type="password"], .form-enhanced input[type="date"], .form-enhanced input[type="datetime"], .form-enhanced input[type="datetime-local"], .form-enhanced input[type="month"], .form-enhanced input[type="week"], .form-enhanced input[type="email"], .form-enhanced input[type="number"], .form-enhanced input[type="search"], .form-enhanced input[type="tel"], .form-enhanced input[type="time"], .form-enhanced input[type="url"], .form-enhanced textarea, .form-enhanced select {border: 1px solid transparent; margin: 0; padding:2.813em 1.563em 1.250em 1.563em; height: 5.000em; width: 100%; box-shadow:none; transition: border 250ms ease; font-weight:normal;} .form-enhanced input[type="text"]:focus, .form-enhanced input[type="file"]:focus, .form-enhanced input[type="password"]:focus, .form-enhanced input[type="date"]:focus, .form-enhanced input[type="datetime"]:focus, .form-enhanced input[type="datetime-local"]:focus, .form-enhanced input[type="month"]:focus, .form-enhanced input[type="week"]:focus, .form-enhanced input[type="email"]:focus, .form-enhanced input[type="number"]:focus, .form-enhanced input[type="search"]:focus, .form-enhanced input[type="tel"]:focus, .form-enhanced input[type="time"]:focus, .form-enhanced input[type="url"]:focus, .form-enhanced textarea:focus, .form-enhanced select:focus {border: 1px solid #0073d1} .form-enhanced .button {width: 100%; display: block; margin: 0; padding: 1.250em 1.000em; border-radius: 0;} .form-enhanced input[type="file"] {height: 6em;} .form-enhanced select {height: 5.000em; padding-bottom: 0.63em;} .form-enhanced__radio, .form-enhanced__checkbox, .form-enhanced__switch {padding: 1.563em 1.563em 1.250em; border-bottom: 1px solid #dfe5e9;} .form-enhanced__radio label, .form-enhanced__checkbox label, .form-enhanced__switch label {border: none!important;} .form-enhanced .row > [class^="xsmall-"]:not(.xsmall-12):not(:last-child) label, .form-enhanced .row > [class^="xsmall-"]:not(.xsmall-12):not(:last-child) .form-enhanced__radio,.form-enhanced .row > [class^="xsmall-"]:not(.xsmall-12):not(:last-child) .form-enhanced__checkbox, .form-enhanced .row > [class^="xsmall-"]:not(.xsmall-12):not(:last-child) .form-enhanced__switch {border-right:1px solid #dfe5e9} .form-enhanced--personal .checkbox {font-size:15px;} .form-enhanced--story textarea {height: 15em;} .form-enhanced--application ::-webkit-input-placeholder {font-size:0.81em;} .form-enhanced--application ::-moz-placeholder {font-size:0.81em;} .form-enhanced--application :-ms-input-placeholder {font-size:0.81em;} .form-enhanced--application :-moz-placeholder {font-size:0.81em;} .form-enhanced .form-enhanced__textarea-lg {height: 10em;} .form-enhanced .form-enhanced__textarea-xlg {height: 20em;} form.form-enhanced small.form-error {margin-top: 0;} @media (min-width: 480px) { .form-enhanced .row > [class^="small-"]:not(.small-12):not(:last-child) label, .form-enhanced .row > [class^="small-"]:not(.small-12):not(:last-child) .form-enhanced__radio, .form-enhanced .row > [class^="small-"]:not(.small-12):not(:last-child) .form-enhanced__checkbox, .form-enhanced .row > [class^="small-"]:not(.small-12):not(:last-child) .form-enhanced__switch {border-right:1px solid #dfe5e9} } @media (min-width: 640px) { .form-enhanced .row > [class^="medium-"]:not(.medium-12):not(:last-child) label, .form-enhanced .row > [class^="medium-"]:not(.medium-12):not(:last-child) .form-enhanced__radio,.form-enhanced .row > [class^="medium-"]:not(.medium-12):not(:last-child) .form-enhanced__checkbox, .form-enhanced .row > [class^="medium-"]:not(.medium-12):not(:last-child) .form-enhanced__switch {border-right:1px solid #dfe5e9} } @media (min-width: 801px) { .form-enhanced .row > [class^="large-"]:not(.large-12):not(:last-child) label, .form-enhanced .row > [class^="large-"]:not(.large-12):not(:last-child) .form-enhanced__radio, .form-enhanced .row > [class^="large-"]:not(.large-12):not(:last-child) .form-enhanced__checkbox, .form-enhanced .row > [class^="large-"]:not(.large-12):not(:last-child) .form-enhanced__switch {border-right:1px solid #dfe5e9} } @media (min-width: 960px) { .form-enhanced .row > [class^="xlarge-"]:not(.xlarge-12):not(:last-child) label, .form-enhanced .row > [class^="xlarge-"]:not(.xlarge-12):not(:last-child) .form-enhanced__radio,.form-enhanced .row > [class^="xlarge-"]:not(.xlarge-12):not(:last-child) .form-enhanced__checkbox, .form-enhanced .row > [class^="xlarge-"]:not(.xlarge-12):not(:last-child) .form-enhanced__switch {border-right:1px solid #dfe5e9} } @media (min-width: 1200px) { .form-enhanced .row > [class^="xxlarge-"]:not(.xxlarge-12):not(:last-child) label, .form-enhanced .row > [class^="xxlarge-"]:not(.xxlarge-12):not(:last-child) .form-enhanced__radio,.form-enhanced .row > [class^="xxlarge-"]:not(.xxlarge-12):not(:last-child) .form-enhanced__checkbox, .form-enhanced .row > [class^="xxlarge-"]:not(.xxlarge-12):not(:last-child) .form-enhanced__switch {border-right:1px solid #dfe5e9} } /******************************************************************************** --- Accordion --- *********************************************************************************/ .accordion {margin: 0 0 1.667em; border-bottom: 1px solid #dfe5e9;} .accordion dt {border-top: 1px solid #dfe5e9; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; padding:1.250em 2.222em 1.250em 1.563em; margin: 0; position:relative; color: #022848; font-weight:600;} .accordion dt:first-child {border-top: none;} .accordion dt:after { content: "\e6d1"; font-family: 'CD-Project-Icons'; position:absolute; top:0.738em; right:0; font-size: 1.333em; color:#6caddf;} .accordion dt.accordion-active:after { content: "\e6d0"; } .accordion dd { display: none; padding: 0.500em 1.563em 1.111em; margin: 0; } @media (max-width: 479px) { .accordion dt {padding-left: 1.000em;} .accordion dd {padding-right: 1.000em; padding-left: 1.000em;} } /******************************************************************************** --- Responsive Tabs --- *********************************************************************************/ /*-----------Universal Tabs-----------*/ .resp-tabs-list {list-style:none; margin: 0; padding: 0;} .resp-tabs-list li {font-size: 0.938em; display: inline-block; margin: 0; padding:0; cursor: pointer; color: #9baab7; font-weight: 600; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;} .resp-tabs-list li.resp-tab-active { color: #022848; position: relative; } .resp-tabs-container {padding: 0; background-color: #fff; clear: left;} .resp-content-active, .resp-accordion-active, .resp-tab-content-active { display: block; } .resp-tab-content { display: none; padding: 1.667em 1.944em;} .resp-accordion {display: none;} .resp-tabs {box-shadow: 0px 1.25em 1.875em 0px rgba(1, 11, 20, 0.05)} .resp-tabs--vertical .resp-tab-content {word-wrap: break-word; } @media (min-width: 768px) { /*-----------Horizontal tabs-----------*/ .resp-tabs--horizontal .resp-tabs-list {overflow: hidden; background: #f0f4f8; text-align: center;} .resp-tabs--horizontal .resp-tabs-list li { padding:1.000em 1.125em; position: relative;} .resp-tabs--horizontal .resp-tabs-list li.resp-tab-active:after {content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #0073d1;} /*-----------Vertical tabs-----------*/ .resp-tabs--vertical {background: #f0f4f8;} .resp-tabs--vertical::after {content: ""; display: table; clear: both;} .resp-tabs--vertical .resp-tabs-list { float: left; width: 30%;} .resp-tabs--vertical .resp-tabs-list li {display: block; padding: 1.000em 1.111em; cursor: pointer; float: none; border-bottom: 1px solid rgba(1,11,20,0.08); } .resp-tabs--vertical .resp-tabs-list li.resp-tab-active:after {content: ""; display: block; position: absolute; top: 0; right: 0; width: 3px; height: 100%; background: #0073d1;} .resp-tabs--vertical .resp-tabs-container { float: left; width: 70%; min-height: 250px; clear: none; } .resp-tabs--vertical .resp-tab-active { position: relative; z-index: 1; } .resp-tab-content.resp-tab-content-active {display:block!important;} .resp-accordion-closed {display:block;} } @media (max-width: 767px) { .resp-tabs-list { display: none; } .resp-arrow { position: absolute; top: 0.833em; right: 0.833em; } .resp-arrow:after { content: "\e81a"; font-family: 'CD-Project-Icons'; } .resp-tab-active .resp-arrow:after { content: "\e81d"; } .resp-accordion {border-bottom: 1px solid #dfe5e9; display: block; cursor: pointer; margin: 0; padding: 0.667em; background-color: #f0f4f8; color: #9baab7; position: relative; font-size: 1.125em;} .resp-accordion.resp-tab-active { background: #fff; color: #022848; } } /******************************************************************************** --- Web App Filter Filter - Filters --- *********************************************************************************/ .filter-search__adv-close {font-size: 0.94em; font-weight: 600; color: #495865; text-transform: uppercase; display: block; padding: 1.250em 1.563em; cursor: pointer; transition: color 250ms ease; border-top: 1px solid #dfe5e9} .filter-search__adv-close span {font-size: 1.063em; color: #0073d1; position: relative; top:0.125em; } .filter-search__adv-close:hover {color: #0073d1} /******************************************************************************** --- Web App Filter Filter - Results Active Attributes --- *********************************************************************************/ .filter-app__active {display: none; font-size: 16px; margin-bottom: 2.5em; position: relative; padding-left: 1.875em;} .filter-app__active--active {display: block;} .filter-app__active:before {font-size: 1.313em; content: "\e791"; font-family: "CD-Project-Icons"; color: #9baab7; display: block; position: absolute; top: 0.095em; left: 0;} .filter-app__active-attribute {display: inline-block; margin-bottom: 0.750em;} .filter-app__active-attribute-title, .filter-app__active-attribute-option {display: inline-block; vertical-align: middle;} .filter-app__active-attribute-title {font-size: 0.813em; font-weight: 600;} .filter-app__active-attribute-option {font-size: 0.688em; padding: 0.500em 1.000em; margin: 0.333em 0.333em 0.333em 0; background: #0073d1; color: #fff; font-weight: 600; transition: all 250ms ease; position: relative;} .filter-app__active-attribute-delete {font-size: 0.750em; position: absolute; top: -0.600em; right: -0.600em; width: 1.400em; height: 1.400em; line-height: 1.200em; border-radius: 1.400em; text-align: center; background: #495865; color: #fff; cursor: pointer;} @media only screen and (max-width: 959px) { .filter-app__active {font-size: 15px;} } @media only screen and (max-width: 859px) { .filter-app__active {font-size: 14px;} } @media only screen and (max-width: 800px) { .filter-app__active {font-size: 15px;} } @media only screen and (max-width: 639px) { .filter-app__active {font-size: 14px; padding-left: 0;} .filter-app__active:before {display: none;} } @media only screen and (max-width: 479px) { .filter-app__active {font-size: 13px;} } @media only screen and (max-width: 375px) { .filter-app__active {font-size: 12px;} } /******************************************************************************** --- Web App Filter - Pagination --- *********************************************************************************/ .filter-app__results-bar {margin:3.75em 0; padding: 1.56em 0; border-top: 1px solid #dfe5e9; text-align: center; position: relative;} .filter-app__results-bar:before,.filter-app__results-bar:after{content:" ";display:table}.filter-app__results-bar:after{clear:both} .filter-app__results-btn {font-size: 0.938em; margin: 0; padding: 0; height: 36px; line-height: 36px; } .filter-app__results-jump-label, .filter-app__results-btn {color:#495865; font-weight: 700;} .filter-app__results-btn {position: absolute; top: 1.56em;} .filter-app__results-btn:hover, .filter-app__results-jump-label:hover {color: #0073d1} .filter-app__results-btn--next {right: 0;} .filter-app__results-btn--prev {left: 0;} .filter-app__results-jump {display:inline-block; vertical-align: top; width:100px; position:relative; cursor:pointer; list-style:none; margin:0; padding:0;} .filter-app__results-jump-label {display:block; text-align:center; height:36px; line-height:36px;} .filter-app__results-jump-label:after {content:"\e695"; font-family: 'CD-Project-Icons'; margin-left:0.63em;} .filter-app__results-jump--active .filter-app__results-jump-label:after {content:"\e69c"} .filter-app__results-jump ul {display:none; position:absolute; top:auto; right:0; width:100%; max-height: 12.5em; overflow-y: auto; text-align:center; background:#fff; border: 1px solid #dfe5e9; list-style:none; margin:0.19em 0 0 0; padding:0;} .filter-app__results-jump ul li a {display:block; font-weight: normal; padding:0.38em 0.63em; line-height:1.2; border-bottom:1px solid #dfe5e9;} .filter-app__results-jump ul li a:hover {background:#dfe5e9;} .filter-app__results-jump ul li.active a {background:#0073d1; color:#fff; cursor:default;} .filter-app__results-jump--active ul {display:block; z-index:2;} @media (max-width: 479px) { .filter-app__results-bar {margin-top:1.88em; margin-bottom: 1.88em; padding-top:0.63em; padding-bottom: 0.63em;} .filter-app__results-btn {top: 0.63em;} } /******************************************************************************** --- Pagination --- *********************************************************************************/ .pagination {margin:3.75em 0; padding: 1.56em 0; border-top: 1px solid #dfe5e9; text-align: center; position: relative;} .pagination:before,.pagination:after{content:" ";display:table}.pagination:after{clear:both} .pag-button {font-size: 0.938em; margin: 0; padding: 0; height: 36px; line-height: 36px; } .pag-jump a, .pag-next, .pag-prev {color:#495865; font-weight: 700;} .pag-next, .pag-prev {position: absolute; top: 1.56em;} .pag-next:hover, .pag-prev:hover, .pag-jump-label strong {color: #0073d1} .pag-next {right: 0;} .pag-prev {left: 0;} .pag-jump {display:inline-block; vertical-align: top; width:100px; position:relative; cursor:pointer; list-style:none; margin:0; padding:0;} .pag-jump-label {display:block; text-align:center; height:36px; line-height:36px;} .pag-jump-label:after {content:"\e695"; font-family: 'CD-Project-Icons'; margin-left:0.63em;} .drop-active .pag-jump-label:after {content:"\e69c"} .pag-jump ul {display:none; position:absolute; top:auto; right:0; width:100%; max-height: 12.5em; overflow-y: auto; text-align:center; background:#fff; border: 1px solid #dfe5e9; list-style:none; margin:0.19em 0 0 0; padding:0;} .pag-jump ul li a {display:block; font-weight: normal; padding:0.38em 0.63em; line-height:1.2; border-bottom:1px solid #dfe5e9;} .pag-jump ul li a:hover {background:#dfe5e9;} .pag-jump ul li.active a {background:#0073d1; color:#fff; cursor:default;} .pag-jump ul.dropdown-active {display:block; z-index:2;} @media (max-width: 479px) { .pagination {margin-top:1.88em; margin-bottom: 1.88em; padding-top:0.63em; padding-bottom: 0.63em;} .pag-next, .pag-prev {top: 0.63em;} } /******************************************************************************** --- Search Pagination --- *********************************************************************************/ #searchnext, #searchprev {font-size: 1.000em; font-weight: 600; border-radius: 2px; box-shadow: inset 0px -2px 3px 0px rgba(1, 11, 20, 0.15), inset 0px 2px 3px 0px rgba(255,255,255, 0.15); cursor: pointer; line-height: 1; border: none; margin: 0 0 1.111em 0; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; display: inline-block; padding: 1.025em 2.813em; /* outline: none; */ transition: all 200ms ease; color: #fff; background-color: #0073d1;} #searchnext:hover, #searchprev:hover {color: #fff; background-color: #0784e9;} /******************************************************************************** --- Tables --- *********************************************************************************/ table.table {margin-bottom: 1.000em; table-layout: auto; width: 100%; } table.table thead tr th, table.table thead tr td {font-size: 0.778em; padding:0.975em 0.857em; text-transform: uppercase; color: #0073d1; font-weight:700;} table.table tr {border-bottom: 1px solid #dfe5e9;} table.table tr th, table.table tr td { padding:1.500em 0.820em; text-align: left;} table.table tr th:first-child, table.table tr td:first-child {padding-left: 0;} table.table thead tr th, table.table tfoot tr th, table.table tfoot tr td, table.table tbody tr th, table.table tbody tr td, table.table tr td { display: table-cell; line-height: 1.4; } /******************************************************************************** --- Slide Toggle --- *********************************************************************************/ .slide-content { display: none; } .slide-toggle:not(.button) {font-weight: 600; border-bottom: 2px solid #0073d1; padding-bottom: 1px; transition: all 250ms ease;} .slide-toggle:not(.button):hover {color: #495865; border-color:#495865} .slide-toggle:not(.button):after { content: "\e6b6"; font-family: 'CD-Project-Icons'; margin: 0 0 0 0.333em; font-size:90%;} .slide-toggle:not(.button).active:after { content: "\e6c4"; } .slide-toggle:not(.button).active, .slide-toggle:not(.button).active:after { color:#9baab7; border-color:#9baab7 } .slide-toggle.button.active {background-color: #9baab7; color:#fff;} .slide-toggle.button:after { content: "\e6b6"; font-family: 'CD-Project-Icons'; font-size:90%; margin-left:0.333em; } .slide-toggle.button.active:after { content: "\e6c4";} /******************************************************************************** --- Alerts --- *********************************************************************************/ .alert { display: none; padding: 1.000em 1.250em; margin-bottom: 1.111em; background-color: #0073d1; color: #fff;} .alert p {line-height:1.2; padding-left:1.750em; position:relative;} .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 0.278em; } .alert a { color: #fff; text-decoration:none; border-color:#fff!important; } .alert a:hover { opacity: 0.6; } .alert p:before { font-family: 'CD-Project-Icons'; color: #fff; position:absolute; top:0; left:0; } .alert-success, .alert-info, .alert-warning, .alert-danger { display: block; } .alert-success { background-color:#00d18f; } .alert-success p:before { content: "\e6aa"; } .alert-info p:before { content: "\e88b"; } .alert-warning { background-color:#febd33; } .alert-warning p:before { content: "\e74c"; } .alert-danger { background-color:#d10000; } .alert-danger p:before { content: "\e74b"; } /******************************************************************************** --- Template - Glossary & Tooltips --- *********************************************************************************/ .glossarizer_replaced {text-decoration: none; border-color: #495865} a > .glossarizer_replaced {border: none;} .glossarizer-tooltip {font-size:14px; text-align: center; color: #fff; background: #000; background: rgba(2, 40, 72, 0.8); position: absolute; z-index: 100; padding: 0.625em 0.75em; border-radius: 2px;} @media only screen and (max-width:800px) { .glossarizer-tooltip {padding-top: 1.125em;} .glossarizer-tooltip:before {font-size: 0.75em; content: 'x'; position: absolute; color: #fff; right: 0.6667em; top: 0.25em; } } .glossarizer-tooltip:after { width: 0; height: 0; border-left: 0.625em solid transparent; border-right: 0.625em solid transparent; border-top: 0.625em solid rgba(2, 40, 72, 0.8); content: ''; position: absolute; left: 50%; bottom: -0.625em; margin-left: -0.625em; } .glossarizer-tooltip.top:after { border-top-color: transparent; border-bottom: 0.625em solid rgb(2, 40, 72); top: -1.25em; bottom: auto; } .glossarizer-tooltip.left:after { left: 0.625em; margin: 0; } .glossarizer-tooltip.right:after { right: 0.625em; left: auto; margin: 0; } /******************************************************************************** --- Template - Footer --- *********************************************************************************/ .footer {background: #fff;} .footer__cta-bar {font-size: 16px; border-bottom: 1px solid #dfe5e9;} .footer__cta-item {display: block; padding: 2.500em 1.000em 2.500em 5.000em; float: left; width: 33.33333333333333%; overflow: hidden; position: relative;} .footer__cta-icon {color: #0073d1; position: absolute; top:1.875em; left: 0; width: 3.750em; height: 3.750em; line-height: 3.750em; border: 1px solid #dfe5e9; border-radius: 50%; text-align: center; transition: all 250ms ease;} .footer__cta-item:hover .footer__cta-icon {color: #fff; background:#0073d1; border-color: #0073d1;} .footer__cta-icon span {font-size: 1.500em; position: relative; top: 0.083em;} .footer__cta-body {line-height: 1.2;} .footer__cta-label, .footer__cta-title {display: block;} .footer__cta-label {font-size: 0.750em; text-transform: uppercase; font-weight: 700; color: #6caddf; margin-bottom: 0.250em} .footer__cta-title {font-size: 1.000em; color: #022848; font-weight: 600;} .footer__main {font-size: 16px; padding: 3.750em 0; overflow: hidden;} .footer__main-left {float: left; width: 48%;} .footer__main-right {float: right; width: 48%} .footer__logo {display: inline-block; margin-bottom: 1.250em} .footer__contact {font-size: 0.813em; margin-bottom: 1.538em} .footer__address, .footer__phone {display: inline-block; vertical-align: top} .footer__address > span, .footer__phone > span {display: block;} .footer__phone {margin-left: 1.250em;} .footer__phone a, .footer__hotline a {color: #495865;} .footer__hotline {font-size: 1.125em; display: block; font-weight: 300; margin-bottom: 1.111em} .footer__hotline a {display: inline-block; font-weight: 600;} .footer__hotline a:hover, .footer__phone a:hover {color: #0073d1} .footer__copyright, .footer__credentials {font-size: 0.813em; display: block; line-height: 1.2; margin-bottom: 0.3077em} .footer__credentials {color: #495865;} .footer__site-links ul {list-style: none; margin: 0; padding: 0; line-height: 1.2;} .footer__site-links li {display: inline-block; line-height: 1.2;} .footer__site-links li:not(:last-child) {margin-right: 0.625em;} .footer__site-links a {font-size: 0.750em; color: #9baab7; text-transform: uppercase; font-weight: 700;} .footer__main-right {overflow: hidden;} .footer__links--left {float: left; width:48%; } .footer__links--right {float: right; width: 48%;} .footer__links ul {list-style: none; margin: 0; padding: 0;} .footer__links li {display: block; line-height: 1.2;} .footer__links a {display: block; font-weight: 600;} .footer__links a:hover {color: #0073d1} .footer__links > ul > li > a {font-size: 0.875em; color: #022848; padding: 0.857em 0; border-bottom: 1px solid #dfe5e9} .footer__links ul ul {margin-top: 0.625em;} .footer__links ul ul a {font-size: 0.813em; color: #495865; padding: 0.385em 0;} .footer__links--bottom { clear: both; float: right; margin: 30px 0 0; } .footer__social-wrap { width: 45px; height: 45px; line-height: 53px; border: 1px solid #dfe5e9; border-radius: 50%; text-align: center; transition: all 250ms ease; } .footer__social-wrap span { font-size: 1.25rem; } .footer__links--bottom > ul > li > a:hover .footer__social-wrap { background: rgb(0, 115, 209); } .footer__links--bottom > ul > li > a:hover .footer__social-wrap span { color: #fff; } @media (max-width: 1199px) { .footer__cta-bar, .footer__main {font-size: 15px;} } @media (max-width: 959px) { .footer__cta-bar {font-size: 14px;} } @media (max-width: 800px) { .footer__cta-bar {font-size: 13px;} .footer__address, .footer__phone {display: block;} .footer__phone {margin-top: 0.571em; margin-left: 0;} } @media (max-width: 639px) { .footer__cta-bar {font-size: 15px;} .footer__cta-bar .row-site {width: 100%;} .footer__cta-bar .row-site.column {padding: 0;} .footer__cta-item {float: none; width: 100%; padding: 2.000em 0 2.000em 6.000em;} .footer__cta-item:not(:last-child) {border-bottom: 1px solid #dfe5e9;} .footer__cta-body {padding: 0 2.000em;} .footer__cta-icon {font-size: 1.000em; top: 0; width: 6.000em; height: 100%; line-height:1; background: #0073d1; border-radius:0; border: none; color: #fff;} .footer__cta-icon span {display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .footer__cta-icon span:before {position: relative; left: -0.067em;} .footer__main {text-align: center;} .footer__main-left, .footer__main-right {float: none; width: 100%;} .footer__main-left {margin-bottom: 2.000em} .footer__links--bottom { clear: both; float: none; margin: auto; padding: 30px 0 0; } } @media (max-width: 479px) { .footer__cta-bar {font-size: 14px;} .footer__main {padding-top: 3.000em; padding-bottom: 3.000em} } @media (max-width: 420px) { .footer__links--left, .footer__links--right {float: none; width: 100%;} .footer__links--left {padding-bottom: 0.667em; border-bottom: 1px solid #dfe5e9; } } @media (max-width: 375px) { .footer__cta-bar {font-size: 13px;} .footer__cta-item {padding-top: 1.250em; padding-bottom: 1.250em;} .footer__copyright, .footer__credentials {font-size: 0.667em;} } /******************************************************************************** --- Magnific Popup CSS--- *********************************************************************************/ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 10042; overflow: hidden; position: fixed; background: rgb(1, 11, 20); opacity: 0.85; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 10043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 10045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 10044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 10046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner {padding: 0;border: 0;} .mfp-close {font-size:2.25em; width: 1.385em; height: 1.179em; line-height: 1.179em; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; padding: 0 0 0.462em 0.256em; color: #828e99; transition: color 250ms ease; font-style: normal; font-weight: 300;} .mfp-close:hover, .mfp-close:focus { color: #9baab7; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; transition: all .15s ease-out } .mfp-fade.mfp-bg.mfp-ready { opacity: .85 } .mfp-fade.mfp-bg.mfp-removing { opacity: 0 } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 150ms ease-out; transition: all 150ms ease-out } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1 } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0 } .popup-embed-container .mfp-container { padding-top: 40px; padding-bottom: 40px } .popup-embed-container .mfp-content { width: 100%; max-width: 900px; box-shadow: 0 0 8px rgba(0,0,0,0.6) } .popup-embed-container .mfp-close { top: -44px; color: #FFF; text-align: right; right: 1px } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } @-webkit-keyframes popin{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}85%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-ms-keyframes popin{0%{-ms-transform:scale(0);transform:scale(0);opacity:0}85%{-ms-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-ms-transform:scale(1);transform:scale(1);opacity:1}}@keyframes popin{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}85%{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}} /******************************************************************************** --- Custom Magnific Popup Styling --- *********************************************************************************/ .white-popup-block { background: #fff; text-align: left; max-width: 650px; margin: 40px auto; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-animation: popin .3s; animation: popin .3s; overflow: hidden;} .white-popup-block--padding {padding:2.5em 1.875em 1.875em;} .white-popup-block--narrow {max-width: 460px;} .white-popup-block--wide {max-width: 767px;} /******************************************************************************** --- Entrance Popup --- *********************************************************************************/ .entrance-popup {max-width: 490px; padding: 2.5em 2.8125em 1.875em;} .entrance-popup__body {font-size: 0.875em;} .entrance-popup__body ul.bullets li, .entrance-popup__body ul.checkmarks li {margin-bottom: 0.7143em;} .entrance-popup__body :last-child {margin-bottom: 0;} @media (max-width: 800px) { .entrance-popup__body li, .entrance-popup__body p, .entrance-popup__body p > a {font-size: 1.0625em;} } @media (max-width: 639px) { .entrance-popup {padding-right: 1.5625em; padding-left: 1.5625em; padding-bottom: 1.5625em;} } /******************************************************************************** --- Login Popup --- *********************************************************************************/ .login-popup-block .popup-content {overflow:hidden; padding:0;} .login-popup-block .row.column {padding-right: 0; padding-left: 0;} .login-popup-block .row.column .row:not(.column) {margin-right: -0.31em; margin-left: -0.31em;} .login-popup-block .row.column .column:not(.row), .login-popup-block .row.column .columns {padding-right: 0.31em; padding-left: 0.31em;} .login-popup-block {max-width: 25em; padding: 1.56em} .login-popup-block--wide {max-width:59.063em;} .login-right, .login-left { width:50%; padding:1.875em;} .login-right {float:right;} .login-left {float:left; border-right:1px solid #dfe5e9;} .login-left ul.bullets li {margin-bottom: 0.63em;} .login-popup-block h5 {font-size:1.625em; font-weight:400;} .login-row:before,.login-row:after{content:" ";display:table}.login-row:after{clear:both} .login-2-col {float:left; width:48%;} .login-2-col + .login-2-col {float:right;} .login-row input[type="text"], .login-row input[type="password"] {} .login-popup-block .button {display:block; width:100%;} .login-popup-block .alert p {font-size:0.938em; line-height:1.2;} .login-popup-block .alert {padding:0.500em 0.750em;} .register-note {font-size:0.813em; font-style:italic; text-align:center;} .password-recovery {margin-top:0;} .password-recovery > p {font-size:0.81em; margin-top: -0.31em; margin-bottom:0.625em;} .password-recovery .slide-content > p {font-size:0.875em; font-style:italic;} @media (max-width: 639px) { .login-right, .login-left {float:none; width:100%; padding: 0;} .login-left {border:none; margin-bottom: 2.000em;} } @media (max-width: 479px) { .login-popup-block h5 {font-size: 1.250em} } /******************************************************************************** --- Magazine Popup--- *********************************************************************************/ .magazine-popup {max-width:80%; margin:0 auto;} @media (max-width: 800px) { .magazine-popup {max-width:90%;} } @media (max-width: 479px) { .magazine-popup {max-width:96%;} } /******************************************************************************** --- Fixed Content Overlay--- *********************************************************************************/ .fixed-overlay-active {overflow: hidden;} .fixed-overlay {position: fixed; z-index: 999999; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(1, 11, 20,0.8); overflow-y: auto;} .fixed-overlay__container {max-width: 960px; margin: 2.5em auto; padding: 0 0.625em;} /******************************************************************************** --- Modal - Vignette--- *********************************************************************************/ .modal-vignette {padding: 3.125em 5.000em;} .modal-vignette__image {width: 12em; height: 12em; margin: 0 auto 1.25em auto;} .modal-vignette__image img {display: block; width: 100%; border-radius: 12em;} .modal-vignette__header {text-align: center; margin-bottom: 2.188em;} .modal-vignette__title {font-size: 2em; margin-bottom: 0.256em} .modal-vignette__subtitle {font-size: 1.250em; color: #0073d1; font-weight: 300;} .modal-vignette__blockquote, .modal-vignette__highlight {border-top: 1px solid #dfe5e9; border-bottom: 1px solid #dfe5e9;} .modal-vignette__blockquote {font-size: 0.750em; padding-top: 2.917em; padding-bottom: 2.917em; margin-bottom: 2.917em;} .modal-vignette__highlight {font-size:1.19em; font-style: italic; padding-top: 0.95em; padding-bottom: 0.95em; margin-bottom: 1.58em; color: #828e99;} .modal-vignette__highlight :last-child {margin-bottom: 0;} .modal-vignette__overview {font-size: 1em;} @media (max-width: 800px) { .modal-vignette {padding-right:2.813em; padding-left:2.813em;} .modal-vignette__image {font-size: 12px;} } @media (max-width: 639px) { .modal-vignette {font-size: 13px; padding-right:2.813em; padding-left:2.813em;} } @media (max-width: 479px) { .modal-vignette {padding-right:1.563em; padding-left:1.563em;} .modal-vignette__image {font-size: 10px;} .modal-vignette__blockquote {padding-top: 2.083em; padding-bottom: 2.083em;} } @media (max-width: 375px) { .modal-vignette {font-size: 12px;} .modal-vignette__image {font-size: 8px;} } /******************************************************************************** --- Animated Loader --- *********************************************************************************/ .spinner{position:fixed; z-index:999999; top:50%; left:50%; margin:-30px 0 0 -30px; height:60px;width:60px; -webkit-animation:rotation .6s infinite linear;-moz-animation:rotation .6s infinite linear;-o-animation:rotation .6s infinite linear;animation:rotation .6s infinite linear;border-left:6px solid #9baab7;border-right:6px solid #9baab7;border-bottom:6px solid #9baab7;border-top:6px solid #0073d1;border-radius:100%}@-webkit-keyframes rotation{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}@-moz-keyframes rotation{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(359deg)}}@-o-keyframes rotation{from{-o-transform:rotate(0deg)}to{-o-transform:rotate(359deg)}}@keyframes rotation{from{transform:rotate(0deg)}to{transform:rotate(359deg)}} .loading-overlay {position: fixed; top: 0; left: 0; z-index: 99999; width: 100%; height: 100%; background: rgba(1, 11, 20,0.80); -webkit-animation-name: overlayFadeIn; animation-name: overlayFadeIn; -webkit-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 250ms; animation-duration: 250ms; } @-webkit-keyframes overlayFadeIn{0%{opacity:0}100%{opacity:1}}@keyframes overlayFadeIn{0%{opacity:0}100%{opacity:1}} /******************************************************************************** --- Flicker Animation --- *********************************************************************************/ @keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-o-keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-moz-keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-webkit-keyframes flickerAnimation{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.animate-flicker{-webkit-animation:flickerAnimation 800ms;-moz-animation:flickerAnimation 800ms;-o-animation:flickerAnimation 800ms;animation:flickerAnimation 800ms} /******************************************************************************** --- Style Guide--- *********************************************************************************/ .sg-section {padding: 5.000em 0; border-bottom: 1px solid #dfe5e9;} .sg-section__heading {position: relative; margin-bottom: 2.000em} .sg-section__heading span {font-size: 50%; color: #9baab7; position: absolute; top: 50%; left: -3.125em; margin-top: -0.938em; width: 1.875em; height: 1.875em; line-height: 1.875em;} .sg-section__heading span:after {content: ""; display: block; position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #dfe5e9;} .sg-section__subheading {font-size: 14px; text-transform: uppercase; margin: 4.000em 0 2.000em; position: relative;} .sg-section__subheading:before {content: ""; display: block; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #dfe5e9;} .sg-section__subheading span {position: relative; background: #fafcff; padding-right: 1.250em;} .sg-section__font {overflow: hidden; margin-bottom: 1.750em;} .sg-section__font {overflow: hidden; margin-bottom: 1.750em;} .sg-section__font-letters {font-size: 5.000em; display: block; line-height: 1; opacity: 0.20;} .sg-section__font-name {display: block; line-height: 1;} .sg-section__font-left, .sg-section__font-right {width: 50%; float: left;} .sg-section__font-left {padding-right: 2.000em;} .sg-section__font-right {border-left: 1px solid #dfe5e9; padding-left: 2.000em;} .sg-section__font-weight {display: block;} .sg-body {overflow-x: hidden;} .sg-body .root, .sg-toggle {-webkit-transition: -webkit-transform 250ms ease; transition: -webkit-transform 250ms ease; transition: transform 250ms ease; transition: transform 250ms ease, -webkit-transform 250ms ease;} .sg-fixed-nav {position: fixed; top: 0; left: 0; width: 250px; height: 100%; overflow-y: auto; padding: 40px 15px; background: #fff; z-index: 9999999; border-right: 1px solid #ccc; -webkit-transform: translate3d(-250px, 0px, 0px);-moz-transform: translate3d(-250px, 0px, 0px);-o-transform: translate3d(-250px, 0px, 0px);-ms-transform: translate3d(-250px, 0px, 0px);transform: translate3d(-250px, 0px, 0px); -webkit-transition: -webkit-transform 250ms ease; transition: -webkit-transform 250ms ease; transition: transform 250ms ease; transition: transform 250ms ease, -webkit-transform 250ms ease;} .sg-snippets-toggle {font-size: 14px; display: block;} .sg-snippets-toggle:before {content: "\e935"; font-family: 'CD-Project-Icons'; margin-right: 6px;} .sg-snippets-toggle.active:before {content: "\e936"; font-family: 'CD-Project-Icons';} .sg-toc {font-size: 13px;} .sg-toggle {font-size: 14px; position: fixed; bottom: 0; left:0; width: 28px; height: 28px; line-height:1; padding: 0; margin: 0; border-radius: 0;} .sg-toggle:before {content: "\e80c"; font-family: 'CD-Project-Icons';} .sg-body--push .root, .sg-body--push .sg-toggle {-webkit-transform: translate3d(250px, 0px, 0px);-moz-transform: translate3d(250px, 0px, 0px);-o-transform: translate3d(250px, 0px, 0px);-ms-transform: translate3d(250px, 0px, 0px);transform: translate3d(250px, 0px, 0px);} .sg-body--push .sg-fixed-nav {-webkit-transform: translate3d(0px, 0px, 0px);-moz-transform: translate3d(0px, 0px, 0px);-o-transform: translate3d(0px, 0px, 0px);-ms-transform: translate3d(0px, 0px, 0px);transform: translate3d(0px, 0px, 0px);} .sg-body--push .sg-toggle:before {content: "\e6d5";} .sg-toc {margin-top: 25px;} .sg-toc a {padding-bottom: 0; border-bottom: none;} @media (max-width: 1399px) { .sg-section__heading {padding-left: 1.500em;} .sg-section__heading span {left: 0;} } /*---------- Swatches ----------*/ .swatch__color { position: relative; height: 100px;} .swatch__hex { padding: 1rem; text-align: center;} .swatch__name {display:block; font-size:0.750em} /*---------- Code Snippets ----------*/ code {display: none; /* Remove in Production */} code.active {display: block;} pre {padding:15px; border:1px solid #dfe5e9;}