@charset "utf-8";
/* CSS Document */

:root {
  --body-color: #111213;
  --bg-color: #082e52;
  --accent-color: #347ec1;
  --dark-color: #0b4277;
  --darker-color: #082e52;
  --lt-color: #fdcb53;
  --shade-color: #e1effc;
  --lt-shade-color: #E9F4F8;
  --shade-text-color: #111213;
  --link-color: #347ec1;
  --hover-color: #cccccc;
  --heading-color: #347ec1;
  --accent-font: "Oswald";
  --sansserif-font: "Montserrat";
  --script-font: "Amithen";
}

/* ====================
BODY
==================== */
body{font-family: var(--sansserif-font), Sans-Serif; font-size: 15px; line-height: 1.4; color: var(--body-color); margin: 0 !important; background-color: var(--bg-color); font-weight:400; letter-spacing:.5px; }
a {color:var(--link-color)}
a:hover, a:focus {color:var(--hover-color)}
a:focus, a:focus-visible {}

/* Content Background ------------- */


/* ====================
HEADINGS
==================== */
h1, h2, h3, h4, h5, h6 {font-family: "Montserrat", Sans-Serif; color:var(--heading-color); line-height:1.05; margin:.5em 0 .5em 0; }
.home h1 {text-transform:uppercase; font-size:100px; font-family:var(--accent-font); margin-bottom:.15em}
.default h1 {text-transform:uppercase; font-size:55px; font-family:var(--accent-font); margin-bottom:.15em; padding-left:20px; padding-right:20px}
h2 {font-weight:200; font-size:34px; font-family:var(--accent-font)}
h2.script {font-size:45px}
.background-cover h2 {font-size:20px; font-family:var(--sansserif-font); font-weight:bold}
h3 {font-family:var(--script-font); font-weight:400; letter-spacing:.03em; font-size:40px; text-transform:none}

h4 {font-style:italic; font-weight:bold}
.subtitle {font-size:.8em}
.script {font-family:var(--script-font), serif; }
h3.script, h3.serif {font-family:'Playfair Display', serif; font-style:italic; letter-spacing:0; text-transform:none}
.sansserif, .sanserif {font-family:var(--sansaccent-font);}
.serif {font-family:var(--accent-font);}
.fontsize-13 {font-size:13px}
.fontsize-15 {font-size:15px}
.fontsize-16 {font-size:16px}
.fontsize-18 {font-size:18px}
.fontsize-20 {font-size:20px}
.fontsize-30 {font-size:30px}
.fontsize-35 {font-size:35px}
.fontsize-40, h3.fontsize-40 {font-size:40px}
.fontsize-50 {font-size:50px}
.fontsize-60 {font-size:60px}
.fontsize-70 {font-size:70px}
.fontsize-80 {font-size:80px}
.fontsize-100 {font-size:100px}
.fontsize-120 {font-size:120px}
.fontsize-140 {font-size:140px}
.bold {font-weight:bold}
.light {font-weight:200}
.expanded {letter-spacing:.05em}
.italic {font-style:italic}
.fontweight-normal {font-weight:normal}
.fontstyle-normal, .notitalic {font-style:normal}
.subtext {font-size:.75em}
.uppercase, .upper {text-transform:uppercase}
.font-accent {font-family:var(--accent-font); font-weight:normal; line-height:1.3}
::placeholder {color: #444444}

/* ====================
BUTTONS
==================== */
.menu .button, .menu a {
	line-height: 1;
	text-decoration: none;
	display: block;
	padding: .7rem 1rem;
}
.button, .button a, a.button, input[type="submit"], .button:focus, .button:hover { background-color:transparent; border:none; padding:.5em .7em; color:#ffffff; font-size:16px; line-height:1.2em; display:inline-block; position:relative; margin-right:30px; border:1px solid transparent; z-index:2}
.button::before {display:block; position:absolute; width:11px; left:-11px; border:1px solid #fff; border-right:none; content:""; height:calc(2.2em + 2px); top:-1px; transition: width .3s ease-in-out; z-index:0}
.button::after {display:block; position:absolute; width:11px; right:-11px; border:1px solid #fff; border-left:none; content:""; height:calc(2.2em + 2px); top:-1px; transition: width .3s ease-in-out; z-index:0}
.button:hover::after, .button:hover::before {background:var(--accent-color); width:60%; color:#ffffff; z-index:-1; position:absolute}
.button:hover, input:hover[type="submit"]{} /* border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; */
.button.circle {border-radius:50%}
.button.alt {background-color:var(--accent-color); color:#ffffff; font-family:var(--accent-font); font-size:17px; margin-right:.1em; padding: .5em .7em .4em; letter-spacing:1px}
.button.alt:hover {background-color:var(--bg-color); color:var(--lt-color)}
.button.alt::before, .button.alt::after {display:none}
.button.alt2::before, .button.alt2::after {display:none}
.button.alt2 {background-color:var(--dark-color); color:#ffffff; font-family:var(--accent-font); font-size:16px; margin-right:.1em; padding: .5em .7em .4em; letter-spacing:1px}
.button.alt2:hover {background-color:#ffffff; color:var(--dark-color)}
.button.alt3::before, .button.alt3::after {display:none}
.button.alt3 {background-color:#ffffff; color:#347ec1; font-family:var(--accent-font); font-size:20px; margin-right:.1em; padding: .5em .7em .4em; letter-spacing:1px}
.button.alt3:hover {background-color:var(--bg-color); color:#ffffff}
.button.alt4 {background-color:#286032; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff} 
.button.alt4:before, .button.alt4:after {background-color:#286032}
.button.alt4:hover:before, .button.alt4:hover:after {background-color:var(--accent-color)}
.button-dropdown {width:300px; margin-left:auto; margin-right:auto; position:relative; z-index:9}
.button-dropdown .button {margin-bottom:0; width:300px}
.button-dropdown ul {width:300px; margin:0; background-color:var(--darker-color); border:none; font-family:var(--accent-font); list-style:none}
.button-dropdown ul li { list-style:none}

.goback {font-weight:bold; text-transform:uppercase; letter-spacing:1px; font-size:14px}
.goback a::before {font-family: 'Font Awesome 5 Free'; font-weight: 900; content: "\f30a";font-style: normal; font-variant: normal; text-rendering: auto; padding-right:5px}
.rounded {border-radius:9px}
a.button:focus, .button a:focus {text-decoration:underline}

.big-button {background-color:#347ec1; border:none; padding:20px 40px; font-family:var(--accent-font); color:#ffffff; outline:0; font-size:25px; line-height:1.2em; border-radius:3px; width:100%; color:white}
.big-button:hover {background-color:var(--bg-color); color:#ffffff}
.big-button a:hover {; color:#ffffff}

.buttons-bottom {position:absolute; bottom:0; text-align:center; width:calc(100% - 30px)}
.buttons-bottom a {margin-bottom:10px}
.buttons-block {flex-direction: column; display:flex; justify-content:center; height:100px}

/* ===================
HEADER
==================== */
.behind-header {position:absolute; top:0; z-index:0; width:100%}
.header-bg-wrap {position:relative}
/* .header-bg-wrap header {margin-bottom:550px} */
.header-bg-wrap header a {color:#ffffff}
.lineheight-small{line-height:1.1;}
.sticky-header {z-index:99; position:relative;}
.sticky-header header {margin-top:0 !important}
header.is-anchored {background-color:transparent}
header:not(.is-anchored) {background-color:var(--darker-color);}

/* ===================
PAGES 
==================== */
.default .content-wrap {padding-top:30px; padding-bottom: 30px; background-color:#ffffff}
.home .content-wrap {padding:0; background-color:#ffffff}

/* Home */
.sidebar {position:fixed; top: 350px; right:-90px; z-index:999; height:90px}
#icon-to-open {transform: rotate(90deg); width:230px;background-color:var(--accent-color); color:#fff; padding:18px 25px; text-align:center; border-radius:0 0 9px 9px; font-weight:bold; text-transform:uppercase; transition: width .3s ease-in-out;}
#icon-to-open:hover {background-color:var(--bg-color); color:#ffffff}
.bg-gradient1 {background:linear-gradient(45deg, #111213, #0b4277, #347ec1); }

.bg-double-circle {border:.5em solid var(--accent-color); border-radius:50%; color:#ffffff; background-color:var(--accent-color); height:4.2em; width: 4.2em; text-align:center; padding-top:1.11em; position:absolute; right:3%; top:320px}
.bg-double-circle::before {	border: 2px solid var(--accent-color);	border-radius: 100%;	content: "";	height: 84px;	left: 50%;	opacity: .4;	position: absolute;	top: 50%;	-webkit-transform: translate(-50%,-50%);	-ms-transform: translate(-50%,-50%);	transform: translate(-50%,-50%);	width: 84px;	transition:1s all ease;}
.cm-services .block:hover .bg-double-circle::before {	height: 114px;	width: 114px;}
.cm-services .block-odd img {transform: rotate(2deg)}
.cm-services .block-even img {transform: rotate(-2deg)}

.cm-cell {margin: 0 auto;}

.home .button {z-index: 11; position:relative}
.row-intro-services {position:relative; z-index:2; padding:30px 60px 0 60px}
/* hover circles */
.cm-services .name {transition: 1s all ease; color:var(--dark-color); font-size:20px; line-height:1.5; z-index:12; font-weight:bold; text-transform:none; }
.cm-services .block:hover .name {color:var(--accent-color)}
.cm-services {position:relative; z-index:11; }
.cm-services img {margin-left:auto; margin-right:auto}
.cm-services .image-block {background-color: transparent; width: 360px; height: 360px; perspective: 1000px; margin-left:auto; margin-right:auto}
.cm-services .image-block-inner {position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.3s;  transform-style: preserve-3d;
}
.cm-services .image-block:hover .image-block-inner {transform: rotateY(180deg);}
.cm-services .image-block-front, .cm-services .image-block-back {position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.cm-services .image-block-front img, .cm-services .image-block-back img {-webkit-backface-visibility: hidden; backface-visibility: hidden;}
.cm-services .image-block-back {transform: rotateY(180deg);}
.cm-services img {border-radius:50%}
.cm-services .image-block-front::before, .cm-services .image-block-back::before {border: 2px solid var(--accent-color);	border-radius: 100%;content: "";
	height: 410px; width: 410px; left: 50%;	opacity: .4; position: absolute; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); transition: 1s all ease;}

.cm-services .image-block:hover .image-block-front::before, .cm-services .image-block:hover .image-block-back::before {height: 440px;	width: 440px;}

.custom-shape-divider-top-1688572330 {position: absolute; top: 0; left: 0; width: 100%; overflow: hidden; line-height: 0; z-index:0}
.custom-shape-divider-top-1688572330 + div {z-index:2}
.custom-shape-divider-top-1688572330 svg {position: relative; display: block; width: calc(100% + 1.3px); height: 159px; }
.custom-shape-divider-top-1688572330 .shape-fill {fill: #FFFFFF;}
.row-curvytop {padding:150px 0 80px 0}
.row-curvybottom {height:150px;}
.custom-shape-divider-top-1688655494 {position: absolute; top: 0; left: 0; width: 100%; overflow: hidden;line-height: 0;}
.custom-shape-divider-top-1688655494 svg {position: relative; display: block; width: calc(100% + 1.3px); height: 150px; transform: rotateY(180deg);}
.custom-shape-divider-top-1688655494 .shape-fill {fill: #E1EFFC;}
.custom-shape-divider-bottom-1688673034 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1688673034 svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 150px;
    transform: rotateY(180deg);
}

.custom-shape-divider-bottom-1688673034 .shape-fill {
    fill: #FFFFFF;
}

.neg-margintop-150 {margin-top:-150px}
.neg-margintop-120 {margin-top:-120px}
.neg-margintop-20 {margin-top:-20px}

/* ====================
CUSTOM MODULES
==================== */

/*  Alert ------------- */
.callout {z-index:99}


/** Flipbox **/
.flipbox img {width: 100%;}
.flipbox.block {transition: all .3s;}
.flipbox p {color:#fff!important; text-align: center;}
.flipbox .block:hover .overlay{opacity: 1;}
.flipbox .overlay {top:0; width: 100%; height: 100%; background-color: rgba(141,213,53,0.7); opacity: 0; transition: all .3s}

/* Flipcard */

.flip-card {-webkit-perspective: 1000; perspective: 1000; border: 0; background: transparent;}
.flip-card:hover .flip-card-inner, .flip-card.hover .flip-card-inner {-webkit-transform: rotateY(180deg); transform: rotateY(180deg);}
.flip-card, .flip-card-front, .flip-card-inner-back {width: 100%; height: 20rem;}
.flip-card {transition: 0.6s; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.flip-card-inner-front, .flip-card-inner-back {-webkit-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; left: 0;}
.flip-card-inner-front {background-color:var(--shade-color); 0 0 no-repeat; z-index: 2; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
.flip-card-inner-front span {width: 100%; text-align: center; padding: 0.25rem 0; font-size: 1.25rem; font-weight: bold;}
.flip-card-inner-back {-webkit-transform: rotateY(180deg); transform: rotateY(180deg); display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; background-color:var(--dark-color); padding: 1rem;}
.flip-card-inner-back-title {font-weight: bold;}
.flip-card-inner-back-text {line-height: 1.3;}

/* Images */
.cm-images-list .block {position:relative; text-align:center}
.cm-images-list .block:hover .intro{opacity:.8;}
.cm-images-list .block .intro{opacity:0; position:absolute}
.cm-images-list .name a h2 {text-transform:uppercase; text-align:center; font-size:18px; margin-top:1em; font-weight:bold}
.cm-images-list .name a:hover h2 {color:var(--hover-color);}
.cm-images-list .intro {top:0; left:0; line-height:1.5; text-align: center; background-color:#111213; color:#fff; font-weight:bold; opacity:0; width:100%; transition:all .3s; overflow:hidden; height:100%}
.cm-images-list .intro a {margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:80%; }
.cm-images-list .intro a:hover, .cm-images-list .intro a {color:#111213; opacity:.5}
.cm-team-detail .cell {height:100%}

/* Careers */
.sidebox {position:fixed; right:0; width:250px; bottom:9%; z-index:3; background-color: var(--dark-color); padding:20px; border-radius: 18px 0 0 18px; box-shadow: 0 0 3px rgba(0,0,0,.3);  background: linear-gradient(-40deg, #347ec1, #0b4277); font-weight:bold; color:white}
.career-apply [type="color"], .career-apply [type="date"], .career-apply [type="datetime-local"], .career-apply [type="datetime"], .career-apply [type="email"], .career-apply [type="month"], .career-apply [type="number"], .career-apply [type="password"], .career-apply [type="search"], .career-apply [type="tel"], .career-apply [type="text"], .career-apply [type="time"], .career-apply [type="url"], .career-apply [type="week"], .career-apply textarea {
	display:inherit;
	border: none;
	box-shadow: inherit;
	margin-bottom:0;
	padding:0 8px;
	height:100%;
}
.career-apply .root-59 {right:0}
.career-apply {max-width:1080px; margin-left:auto; margin-right:auto}
.career-apply h3 {font-family: "Montserrat"; text-transform:uppercase; font-weight:bold}
.career-apply h4 {color:#ffffff}
.reveal-careers h4 {font-style:normal; font-size:18px;}

/* History */
.timeline-dot-left {position:relative; height:20px;}
.timeline-dot-left::after {content:""; border-top:1px solid  var(--accent-color); width:90px; background-color:pink; display:inline-block; position:absolute; top:0; left:0; margin-top:7px}
.timeline-dot-left::before {font:normal bold normal 14px/1 'Font Awesome 5 Free';content: "\f111"; color: var(--accent-color); position:absolute; top:0; left:-2px}
.timeline-dot-right {position:relative; height:20px;}
.timeline-dot-right::before {content:""; border-top:1px solid  var(--accent-color); width:90px; background-color:pink; display:inline-block; position:absolute; top:0; right:2px; margin-top:7px}
.timeline-dot-right::after {font:normal bold normal 14px/1 'Font Awesome 5 Free';content: "\f111"; color: var(--accent-color); position:absolute; top:0; right:0}

/* =======================
MENUS
======================= */

/* MAIN MENU ------------- */
.pdi_main_menu a {width:100%}
.pdi_main_menu .submenu a:hover {background:rgba(0,0,0,.05)}
/* Padding & Spacing & Width */
.pdi_main_menu .dropdown > li.opens-right > .is-dropdown-submenu, .pdi_main_menu .is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {padding:8px}
.pdi_main_menu .dropdown a {padding: .4rem 1.2rem; color:#ffffff; text-transform: uppercase}

.pdi_main_menu .dropdown a:hover {color:var(--lt-color)}
.pdi_main_menu .dropdown ul a {padding: .4rem 1rem; text-transform:capitalize; text-align:left;}
.pdi_main_menu .is-dropdown-submenu {min-width: 290px;}

.pdi_main_menu .selected > a {color:var(--lt-color); background: rgba(0,0,0,.03);}

/* Dropdown - Arrow after menu item */
.pdi_main_menu > ul > li {position:relative;}
.pdi_main_menu > ul > li:not(:last-of-type) >  a::after, .pdi_main_menu .dropdown > li.is-dropdown-submenu-parent:not(:last-of-type) > a::after {content:""; width:20px; border-top:1px solid var(--accent-color); display:inline-block; right: -10px; left: auto; margin-top: -3px; position:absolute; top:20.5px; border-right:none; border-left:none; border-bottom:none}
header.is-anchored .pdi_main_menu > ul > li:not(:last-of-type) >  a::after, header.is-anchored .pdi_main_menu .dropdown > li.is-dropdown-submenu-parent:not(:last-of-type) > a::after { border-top:1px solid var(--shade-color);}
.pdi_main_menu > ul > li:last-of-type >  a::after, .pdi_main_menu .dropdown > li.is-dropdown-submenu-parent:last-of-type > a::after {display:none}
.pdi_main_menu .dropdown.align-right .is-dropdown-submenu.first-sub {left:0;}
.pdi_main_menu .dropdown.menu > li > a {padding: .6rem 1.7rem;}

.pdi_main_menu .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {height: .5em; width: .5em; border-top-width:.15em; border-top-style:solid; border-left-style:solid; border-left-width:.15em; border-left-color:var(--shade-color); border-top-color:var(--shade-color); border-right-style:solid; border-right-width:0; border-bottom-style:solid; border-bottom-width:0; transform: rotate(135deg); top:1em; right: 0.55em;}
.pdi_main_menu .is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a:hover::after {border-top-color:#555}
.dropdown.menu > li.is-active > a {color:var(--hover-color);}
/* Dropdown - Menu slide up */
.pdi_main_menu .dropdown > li > .is-dropdown-submenu { margin-top:10px;  transform: translateY(30px); display:block; visibility: hidden; opacity:0; transition: all 0.2s ease 0s; background:var(--accent-color); border:none; padding:20px}
.pdi_main_menu .dropdown > li > .js-dropdown-active {transform: translateY(0); opacity:100; visibility: visible;}
/* Use .top-align-right to only align the top level right */
.top-align-right {-ms-flex-pack: end; justify-content: flex-end;}
.top-align-right li {display: -ms-flexbox;	display: flex;	-ms-flex-pack: end;	justify-content: flex-end;}
/* Active state */
.dropdown.menu > li.is-active > a {color:var(--lt-color)}
/* Third level nav */
.pdi_main_menu .dropdown ul .level2 a {text-transform:uppercase; font-weight:bold}
.pdi_main_menu .dropdown ul .level3 a {	font-weight: normal;position: relative;	display: inline-block;	font-size: 15px;padding: 0 1rem 0 30px;	margin: 0 1rem; text-transform:none}
.pdi_main_menu .dropdown ul .level3 a::before {	content: "-";	position: absolute;	left: 17px;	top: 6px;}

/* SOCIAL MENU ------------- */
.utility_menu .dropdown .social a {background:transparent; color:#fff; font-size: 1.3em; padding:.4rem .4rem;}
.utility_menu .dropdown li:last-of-type a {padding-right:0}
.utility_menu .dropdown .social:first-child {padding-left:30px}
.pdi_utility_menu .dropdown.menu > li > a {padding: 1rem 1rem; color:#fff; font-size:.8rem}
.pdi_utility_menu .dropdown.menu > li > a:hover {color:var(--lt-color)}


/* SMALL MENU ------------- */
.off-canvas {background: var(--dark-color); color:#ffffff}
.small_menu {padding:30px 0 0 20px;}
.small_menu li {border-bottom:1px solid rgba(255,255,255,.1)}
.small_menu .menu a {text-transform:uppercase; font-weight:bold; color:#ffffff}
.submenu-toggle {background-color:transparent}
.small_menu .menu a:hover {color:var(--accent-color)}
.submenu-toggle:after {border-color:var(--accent-color) transparent transparent; }
.small_menu .submenu a {text-transform:capitalize}
.small_menu .submenu {background-color:rgba(255,255,255,.1)}


/* ======================
FOUDNATION OVERRIDES
======================= */
/* Accordion styling ------------- */
.accordion-title {text-align:left; font-size: 1.5rem; color: var(--link-color); border-left:none; border-right:none}
.accordion-content { border-left:none; border-right:none}
.accordion-title:focus, .accordion-title:hover {background-color: var(--lt-shade-color);}

/*Orbit ------------- */
.orbit-next:active, .orbit-next:focus, .orbit-next:hover, .orbit-previous:active, .orbit-previous:focus, .orbit-previous:hover {background-color: var(--accent-color);}
.orbit-bullets button {width: .8rem;height: .8rem;margin: .1rem;border-radius: 50%;background-color: var(--accent-color);}
.behind-header .orbit-bullets {margin-top:-120px;}

/* Tabs styling */
.tabs-title > a {font-family:var(--accent-font); font-size:20px}
.tabs-title > a:focus, .tabs-title > a[aria-selected="true"] {background: #ffffff; color: #1779ba; background: var(--shade-color); font-family:var(--accent-font); font-size:20px} 
.tabs-content {border: none; border-top: 0; background: var(--shade-color); color: #0a0a0a; -webkit-transition: all .5s ease; transition: all .5s ease; }
.tabs {border:none}


/* ====================
UTILITIES
==================== */
.color-white, .white {color:#ffffff}
a.color-white:hover {color:var(--lt-color)}
.color-accent {color: var(--accent-color)}
.color-light {color:var(--lt-color)}
.color-dark {color:var(--dark-color)}
.color-gray {color:#898b8e}
.color-green {color:#286032}
.bg-white {background-color:#ffffff}
.bg-dark {background-color:var(--dark-color)}
.bg-light {background-color:var(--lt-color)}
.bg-ltshade {background-color:var(--lt-shade-color)}
.bg-darker {background-color:var(--darker-color)}
.bg-accent {background-color: var(--accent-color)}
.shade {background-color:var(--shade-color)}
.width-1920, .grid-container-xl {max-width: 1920px; margin-left:auto; margin-right:auto}
.width-1000-center {max-width:1000px; margin-left:auto; margin-right:auto}
.width-800-center {max-width:800px; margin-left:auto; margin-right:auto}
.width-1000 {max-width:1000px;}
.width-800 {max-width:800px;}
.width-500, div.div-500  {max-width:500px; margin-left:auto; margin-right:auto}
.line-1 {line-height:1}
.line-1-5 {line-height:1.5}
.line-2 {line-height:2}
.background-cover {background-size:cover; background-position:center; margin-top:-90px}
.overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.accent {border-color:var(--accent-color); max-width:240px; margin-left:auto; margin-right:auto; border-width:2px}
.neg-margin-top-large {margin-top:-60px}
.angled-bottom-dark { width: 0; height: 0; border-style: solid; border-width: 20px 400px 0 0; border-color: var(--dark-color) transparent transparent transparent;}
.angled-bottom-darker {float:right; width: 0; height: 0; border-style: solid; border-width: 20px 0 0 400px; border-color: var(--darker-color) transparent transparent transparent;}
.control-nobg, .nobg {background-color:transparent}
.baseline {vertical-align: baseline;}
.bg-overlay {background-color:rgba(0,0,0,.2)}
.overflow-hidden {overflow:hidden}
.border-bottom-barely {border-bottom:1px solid rgba(255,255,255,.2)}
.border-left-barely {border-left:1px solid rgba(255,255,255,.2)}
.flex-direction-column {flex-direction: column}
.display-flex {display:flex}
.align-items-center {align-items: center}
.justify-content-center {justify-content:center}
.underline {text-decoration:underline}
.underline-2 {border-bottom: 2px solid var(--accent-color)}
.vr {border-left: 1px solid #ffffff; height: 150px; margin-left:auto; margin-right:auto; width:0}
.vr-dark {border-left: 1px solid var(--dark-color); height: 100px; margin-left:auto; margin-right:auto; width:0; padding: 2rem 0}
/* Font Awesome Icon Button ------------- */
.bg-circle {border:.5em solid var(--accent-color); border-radius:50%; color:#ffffff; background-color:var(--accent-color); height:2.2em; width: 2.2em; text-align:center; padding-top:.1em}
.bg-circle:hover {border-color:var(--link-color); background-color:var(--link-color);}
.accent-top {border-top:4px solid var(--accent-color); padding-top:8px}
.accent-bottom {border-bottom:4px solid var(--accent-color); padding-bottom:8px}
.displayflex {display:flex}
mark {background-color:rgba(209,229,248,.9)}
.img-circle {border-radius: 50%; margin-top:-50px}
.rounded-border {border-radius: 30px; border: 1px solid #347ec1;}
.round-photo {border-radius:50%}

/* =======================
FOOTER
======================= */
.footer {}
.copyright-wrap {background-color:var(--dark-color);}
.copyright-div {opacity:.5; color:#ffffff; letter-spacing:3px; text-transform:uppercase; font-weight:bold}
.copyright-div a {color:#ffffff; }
.copyright-div a:hover {color:var(--lt-color)}

/* ======================
LISTS
====================== */
.no-bullets {margin:0 !important;}
.no-bullets li {list-style:none; text-transform:capitalize;}
ul.fa-bullets, ul.fa-bullet {margin-left:1.7rem; }
ul.fa-bullet li, ul.fa-bullets li {text-indent:-1.7em; list-style:none;width:100%; line-height:1.2; margin-bottom:.6em; margin-top:.2em}
ul.checkmarks li::before { font-family:"Font Awesome 5 Free"; font-weight: 900; content: "\f00c"; padding-right:.7em; color:#c8d7e2}
ul.playcircle li::before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f144'; padding-right:.7em; color:#c8d7e2}

/* =======================
POSITIONING
======================= */
.relative {position:relative}
.absolute {position:absolute}
.block {display:block}
.inline-block {display:inline-block}
.left {float:left;}
.right {float:right}

/* ======================
FORMS
====================== */
form > h2 {margin-top:0; padding-top:1em;}
form input[type="submit"] {margin-top:.7em}
.line-form [type="date"], .line-form [type="datetime-local"], .line-for  [type="datetime"], .line-form [type="email"], .line-form [type="month"], .line-form [type="number"], .line-form [type="password"], .line-form [type="search"], .line-form [type="tel"], .line-form [type="text"], .line-form [type="time"], .line-form [type="url"], .line-form [type="week"], .line-form textarea { border-top:none; border-left:none; border-right:none; border-radius:0; background-color: transparent; box-shadow: none; transition: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; color:white;}
.line-form textarea {height:8em}
.line-form input::placeholder {color: white;}
.line-form label {display:none}
.line-form [type="color"]:focus, .line-form [type="date"]:focus, .line-form [type="datetime-local"]:focus, .line-form [type="datetime"]:focus, .line-form [type="email"]:focus, .line-form [type="month"]:focus, .line-form [type="number"]:focus, .line-form [type="password"]:focus, .line-form [type="search"]:focus, .line-form [type="tel"]:focus, .line-form [type="text"]:focus, .line-form [type="time"]:focus, .line-form [type="url"]:focus, .line-form [type="week"]:focus, .line-form textarea:focus {outline: 0; border-bottom: 2px solid #dcfd00; border-top:none; border-left:none; border-right:none; background-color: transparent; box-shadow: none; transition: border-color .25s ease-in-out; color:#ffffff;}

/* =======================
SPACING & BORDERS
======================= */
hr {border-color: var(--shade-color); border-image: none; border-style: solid; border-width: 1px 0 0; clear: both; height: 0; margin: 1.25rem 0 1.1875rem; max-width:100%;}
hr.accent {border-top-width:2px; border-top-color:var(--accent-color); max-width:200px}
.margin-top-80 {margin-top:80px}
.margin-top-160 {margin-top:160px}
.padding{padding:30px}.padding-top{padding-top:30px}.padding-right{padding-right:30px}.padding-bottom{padding-bottom:30px}.padding-left{padding-left:30px}.padding-top-bottom{padding-top:30px;padding-bottom:30px}.padding-left-right{padding-left:30px;padding-right:30px}.padding-none{padding:0}.padding-tiny{padding:6px}.padding-top-tiny{padding-top:6px}.padding-right-tiny{padding-right:6px}.padding-bottom-tiny{padding-bottom:6px}.padding-left-tiny{padding-left:6px}.padding-top-bottom-tiny{padding-top:6px;padding-bottom:6px}.padding-left-right-tiny{padding-left:6px;padding-right:6px}.padding-small{padding:15px}.padding-top-small{padding-top:15px}.padding-right-small{padding-right:15px}.padding-bottom-small{padding-bottom:15px}.padding-left-small{padding-left:15px}.padding-top-bottom-small{padding-top:15px;padding-bottom:15px}.padding-left-right-small{padding-left:15px;padding-right:15px}.padding-large{padding:60px}.padding-top-large{padding-top:60px}.padding-right-large{padding-right:60px}.padding-bottom-large{padding-bottom:60px}.padding-bottom-xlarge{padding-bottom:175px}.padding-left-large{padding-left:60px}.padding-top-bottom-large{padding-top:60px;padding-bottom:60px}.padding-left-right-large{padding-left:60px;padding-right:60px}.padding-mini{padding:3px}.padding-top-mini{padding-top:3px}.padding-right-mini{padding-right:3px}.padding-bottom-mini{padding-bottom:3px}.padding-left-mini{padding-left:3px}.padding-top-bottom-mini{padding-top:3px;padding-bottom:3px}.padding-left-right-mini{padding-left:3px;padding-right:3px}.padding-none{padding:0}.padding-top-none{padding-top:0}.padding-right-none{padding-right:0}.padding-bottom-none{padding-bottom:0}.padding-left-none{padding-left:0}.padding-top-bottom-none{padding-top:0;padding-bottom:0}.padding-left-right-none{padding-left:0;padding-right:0}.margin{margin:30px}.margin-top{margin-top:30px}.margin-right{margin-right:30px}.margin-bottom{margin-bottom:30px}.margin-left{margin-left:30px}.margin-top-bottom{margin-top:30px;margin-bottom:30px}.margin-left-right{margin-left:30px;margin-right:30px}.margin-tiny{margin:3px}.margin-top-tiny{margin-top:3px}.margin-right-tiny{margin-right:3px}.margin-bottom-tiny{margin-bottom:3px}.margin-left-tiny{margin-left:3px}.margin-top-bottom-tiny{margin-top:3px;margin-bottom:3px}.margin-left-right-tiny{margin-left:3px;margin-right:3px}.margin-small{margin:15px}.margin-top-small{margin-top:15px}.margin-right-small{margin-right:15px}.margin-bottom-small{margin-bottom:15px}.margin-left-small{margin-left:15px}.margin-top-bottom-small{margin-top:15px;margin-bottom:15px}.margin-left-right-small{margin-left:15px;margin-right:15px}.margin-large{margin:60px}.margin-top-large{margin-top:60px}.margin-right-large{margin-right:60px}.margin-bottom-large{margin-bottom:60px}.margin-left-large{margin-left:60px}.margin-top-bottom-large{margin-top:60px;margin-bottom:60px}.margin-left-right-large{margin-left:60px;margin-right:60px}.margin-mini{margin:3px}.margin-top-mini{margin-top:3px}.margin-right-mini{margin-right:3px}.margin-bottom-mini{margin-bottom:3px}.margin-left-mini{margin-left:3px}.margin-top-bottom-mini{margin-top:3px;margin-bottom:3px}.margin-left-right-mini{margin-left:3px;margin-right:3px}.margin-none{margin:0}.margin-top-none{margin-top:0}.margin-right-none{margin-right:0}.margin-bottom-none{margin-bottom:0}.margin-left-none{margin-left:0}.margin-top-bottom-none{margin-top:0;margin-bottom:0}.margin-left-right-none{margin-left:0;margin-right:0}.border{border:1px solid var(--accent-color) }.border-top{border-top:1px solid var(--accent-color) }.border-left{border-left:1px solid var(--accent-color) }.border-right{border-right:1px solid var(--accent-color) }.border-bottom{border-bottom:1px solid var(--accent-color) }.border-none{border:none}.padding-10 {padding:10px;}

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url('ajax-loader.gif') center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -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; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.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-prev, .slick-next {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent;
	color: transparent;
	top: 30%;
	padding: 0;
	border: none;
	outline: none;
}
.slick-next {
	right: -25px;
}
.slick-prev {
	left: -25px;
}
.slick-prev::before {
	content: "\f30a";
}
.slick-next::before {
	content: "\f30b";
}
.slick-prev::before, .slick-next::before {
	font-family: "Font Awesome 5 Free";
	font-size: 40px;
	font-weight: bold;
	line-height: 1;
	color: var(--accent-color);
	opacity: 0.85;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Home Video */
/* Home Screen Slides/Frames */
.tagline {
	position: absolute;
	top: 11%;
	left: 0;
	width: 100%;
	z-index: 3;
}
.max-vh {height: calc( 95vh - 90px ); overflow:hidden; position:relative; max-height:750px}
.video-header.max-vh {max-height:810px}
.max-vh .set-height {height:calc( 95vh - 90px ); max-height:750px}
.next-frame {position:absolute; bottom:20px; left:50%; width:30px; margin-left:-15px; z-index:10}

.right-col .free-report {padding-right:40px}
.right-col .free-report.grid-x .large-5, .right-col .free-report.grid-x .large-7 {width:100% !important; padding:30px}

.video-container{width: 100vw; height: 80vh;}
.video-container iframe {position: absolute; top: 50%; left: 50%; width: 100vw; height: 95vh; transform: translate(-50%, -50%);}
@media (min-aspect-ratio: 16/9) {
  .video-container iframe {
    /* height = 100 * (9 / 16) = 56.25 */
    height: 56.25vw;
  }
}
    
@media (max-aspect-ratio: 16/9) {
  .video-container iframe {
    /* width = 100 / (9 / 16) = 177.777777 */
    width: 177.78vh;
  }
}

/* =======================
RESPOSIVE SCREEN SIZES
======================== */
@media only screen and (max-width: 1920px) {
    .grid-container, .grid-container-xl {max-width: 1400px; margin:auto;}
}
@media only screen and (max-width: 1650px) {
    .footer-images .cell {width:25%}
    .footer-images .cell:first-of-type {display:none}
}
@media only screen and (max-width: 1300px) {
    .dropdown.menu > li > a {padding: .7rem .5rem; font-size:15px}
    .pdi_main_menu .dropdown > li.is-dropdown-submenu-parent > a::after {border:none;}
    .dropdown.menu > li.is-dropdown-submenu-parent > a {padding-right: .5rem;}
}
@media only screen and (max-width: 1200px) {
    .footer-images .cell {width:33%}
    .footer-images .cell:nth-of-type(1) {display:none}
    .footer-images .cell:nth-of-type(2) {display:none}
}
@media only screen and (max-width: 1024px) {
    .small-margin-top {margin-top:30px}
    .small-margin-bottom {margin-bottom:30px}
    .small-margin-left {margin-left:30px}
    .small-margin-right {margin-right:30px}
    .small-margin {margin:30px;}
    .small-padding {padding:30px;}
    .small-padding-top {padding-top:30px;}
    .small-padding-right {padding-right:30px;}
    .small-padding-bottom {padding-bottom:30px;}
    .small-padding-left {padding-left:30px;}
    .small-text-center {text-align:center}
    
    .pdi_main_menu > ul > li:not(:last-of-type) >  a::after, .pdi_main_menu .dropdown > li.is-dropdown-submenu-parent:not(:last-of-type) > a::after {content:""; border:none}
    .background-cover {margin-top: 0;}
    .footer-images .cell {width:100%; padding-bottom:30px}
    .width-1000-center, .width-500-center, .width-800-center  {padding-left:30px; padding-right:30px}
    .timeline-dot-right, .timeline-dot-left {display:none}
    .sme-text h2 {font-size:20px !important}
    .sme-text p {font-size:14px !important}
    .sme-photo {}
}
@media only screen and (max-width: 768px) {
    .padding-right-large {padding-right:30px }
    .padding-left-large {padding-left:30px }
}

@font-face {
    font-family: 'amithen';
    src: url('/_pdi_assets/css/fonts/amithen-webfont.eot');
    src: url('/_pdi_assets/css/fonts/amithen-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_pdi_assets/css/fonts/amithen-webfont.woff2') format('woff2'),
         url('/_pdi_assets/css/fonts/amithen-webfont.woff') format('woff'),
         url('/_pdi_assets/css/fonts/amithen-webfont.svg#amithenregular') format('svg');
    font-weight: normal;
    font-style: normal;

}