@import url('https://fonts.googleapis.com/css2?family=Vollkorn:ital,wght@1,700&display=swap');

html{
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

body
{
width: 100%;
max-width: 100%;
overflow-x: hidden;
}
  
/*
:root{
    --ia-base:#07131e;
    --ia-brand:#0054a3;
    --ia-accent:#eb1933;
    --ia-green:#00a046;
    --ia-alert:#e95151;
    --ia-border:#d7d9d9;
    --ia-light:#f4f5f6;
    --ia-cover:#e7ecf4;
    --ia-gray:#e5e8eb;
    --ia-white:#fff;
    --ia-base-rgb:7,19,30;
    --ia-brand-rgb:0,84,163;
    --ia-accent-rgb:235,25,51;
    --ia-green-rgb:0,160,70;
    --ia-alert-rgb:233,81,81;
    --ia-border-rgb:215,217,217;
    --ia-light-rgb:244,245,246;
    --ia-cover-rgb:231,236,244;
    --ia-gray-rgb:229,232,235;
    --ia-white-rgb:255,255,255;
    --ia-font-sans-serif:"proxima-nova",system-ui,-apple-system,sans-serif;
    --ia-font-serif:"Vollkorn",serif;
    --ia-body-font-family:var(--ia-font-sans-serif);
    --ia-body-font-size:1rem;
    --ia-body-font-weight:400;
    --ia-body-line-height:1.25;
    --ia-body-color:var(--ia-base);
    --ia-body-bg:var(--ia-white);
    --ia-gradient:linear-gradient(0deg, #e5e8eb 0%, #f4f5f6 50%, #e5e8eb 100%);
    --wave-size:20px;
    --header-height:100px;
    --header-zindex:100;
}

*/

:root{
    --ia-base:#07131e;
    --ia-brand:#0054a3;
    --ia-accent:#eb1933;
    --ia-green:#00a046;
    --ia-alert:#e95151;
    --ia-border:#d7d9d9;
    --ia-light:#f4f5f6;
    --ia-cover:#e7ecf4;
    --ia-gray:#e5e8eb;
    --ia-white:#fff;
    --ia-base-rgb:7,19,30;
    --ia-brand-rgb:0,84,163;
    --ia-accent-rgb:235,25,51;
    --ia-green-rgb:0,160,70;
    --ia-alert-rgb:233,81,81;
    --ia-border-rgb:215,217,217;
    --ia-light-rgb:244,245,246;
    --ia-cover-rgb:231,236,244;
    --ia-gray-rgb:229,232,235;
    --ia-white-rgb:255,255,255;
    --ia-font-sans-serif:"proxima-nova",system-ui,-apple-system,sans-serif;
    --ia-font-serif:"Vollkorn",serif;
    --ia-body-font-family:var(--ia-font-sans-serif);
    --ia-body-font-size:1rem;
    --ia-body-font-weight:400;
    --ia-body-line-height:1.25;
    --ia-body-color:var(--ia-base);
    --ia-body-bg:var(--ia-white);
    --ia-gradient:linear-gradient(0deg, #e5e8eb 0%, #f4f5f6 50%, #e5e8eb 100%)
}

:root{
    --wave-size:20px
}

:root {
 --header-height:60px;
 --header-zindex:100
}

.play--header {
    position:relative;
    width:100%;
    z-index:var(--header-zindex);
    background-color:var(--ia-brand);
    height:var(--header-height);
    -webkit-transition:-webkit-box-shadow .2s cubic-bezier(.4,0,.2,1);
    transition:-webkit-box-shadow .2s cubic-bezier(.4,0,.2,1);
    transition:box-shadow .2s cubic-bezier(.4,0,.2,1);
    transition:box-shadow .2s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .2s cubic-bezier(.4,0,.2,1);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center
}

.play--header:not(.header-not-sticky){
    position:sticky;
    top:0
}

.play--wave{
    position:relative;
    width:100%;
    overflow:hidden;
    height:var(--wave-size);
    -webkit-transform:translateY(-1px);
    transform:translateY(-1px)
}

.play--wave svg{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}

.play--wave svg .wave-01{
    fill:var(--ia-brand)
}

.play--wave svg .wave-02{
    fill:var(--ia-white);
    opacity:.2
}

.play--wave svg .wave-03{
    fill:var(--ia-white);
    opacity:.1
}

@media (min-width:760px){
	:root {
	  --header-height: 150px;
	}
}

@media (min-width:992px){

	:root {
	  --header-height: 100px;
	}

	.play--brand svg {
	  width: 176px;
	  height: 40px;
	}	
}

@media (min-width:576px){
/*	
	:root {
	  --header-height:70px;
	}
*/	
}

@media (min-width:1600px){
    :root{
        --wave-size:60px
    }
}

@media (min-width:1400px){
    :root{
        --wave-size:50px
    }
}
	
@media (min-width:1200px){
	:root {
	  --header-height:100px;
	}
}

@media (min-width:992px){
/*	
	:root {
	  --header-height:90px;
	}
*/	

	
    :root{
        --wave-size:60px
    }	
}

@media (min-width:768px){
/*	
	:root {
	  --header-height:80px;
	}
*/	
}

/*
@media (min-width:576px){
*/

@media only screen and (max-width: 760px) {
	a.link {
		float:left !important;
	}
}

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

	.phoneblock {
		float: left !important;
	}
  
	a.link {
		float:left !important;
		margin-top: 8px;
		margin-right:0px !important;
	}
	
	:root {
	  --header-height:140px;
	}


	
}

@media (max-width:360px){
	:root {
	  --header-height:200px;
	}
	
	.phoneblock,
	.phoneblock a.link2, a.link {
		font-size:15px !important;
	}
	
}

@media (max-width:576px){


	
}


.play--brand{
    color:var(--ia-white);
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex
}
.play--brand a{
    color:var(--ia-white);
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    position:relative
}
.play--brand a::after{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1;
    content:""
}
.play--brand span{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important
}

.play--header:not(.header-not-sticky) + .play--wave {
  position: sticky;
  top: var(--header-height);
  z-index: var(--header-zindex);
}

.btn{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
	width:100%;
}

.btn {
  --ia-btn-padding-x: 0.75rem;
  --ia-btn-padding-y: 0.375rem;
  --ia-btn-font-size: 1rem;
  --ia-btn-font-weight: 600;
  --ia-btn-line-height: var(--ia-line-height);
  --ia-btn-color: #212529;
  --ia-btn-bg: transparent;
  --ia-btn-border-width: 2px;
  --ia-btn-border-color: transparent;
  --ia-btn-border-radius: 0.375rem;
  --ia-btn-hover-border-color: transparent;
  --ia-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
  --ia-btn-disabled-opacity: 0.65;
  --ia-btn-focus-box-shadow: 0 0 0 0 rgba(var(--ia-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--ia-btn-padding-y) var(--ia-btn-padding-x);
  font-family: var(--ia-btn-font-family);
  font-size: var(--ia-btn-font-size);
  font-weight: var(--ia-btn-font-weight);
  line-height: var(--ia-btn-line-height);
  color: var(--ia-btn-color);
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: var(--ia-btn-border-width) solid var(--ia-btn-border-color);
  border-radius: var(--ia-btn-border-radius);
  background-color: var(--ia-btn-bg);
  -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

.btn:hover {
  color: var(--ia-btn-hover-color);
  background-color: var(--ia-btn-hover-bg);
  border-color: var(--ia-btn-hover-border-color);
}

.btn svg{
    -webkit-box-flex:0;
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    margin-right:.5rem;
    -webkit-transform:translateY(2px);
    transform:translateY(2px)
}
.btn span{
    opacity:.5;
    margin-left:.5rem;
    font-weight:400
}

.btn-brand{
    --ia-btn-color:#fff;
    --ia-btn-bg:#0054a3;
    --ia-btn-border-color:#0054a3;
    --ia-btn-hover-color:#fff;
    --ia-btn-hover-bg:#00478b;
    --ia-btn-hover-border-color:#004382;
    --ia-btn-focus-shadow-rgb:38,110,177;
    --ia-btn-active-color:#fff;
    --ia-btn-active-bg:#004382;
    --ia-btn-active-border-color:#003f7a;
    --ia-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --ia-btn-disabled-color:#fff;
    --ia-btn-disabled-bg:#0054a3;
    --ia-btn-disabled-border-color:#0054a3
}

.video-bg {
/*	
  height: 100vh;
*/  
 
position: relative;
padding-bottom: 54.0%;
padding-top: 0px;
height: 0;
overflow: hidden;
  
}

.video-bg video {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}

video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.container-fluid {
	padding-left: 0px;
	padding-right: 0px;
}

h1 {
	font-family: 'Vollkorn', serif;
    font-size:28px;
    line-height:32px;
    font-style:italic;
    font-weight:700;
	
}

h2 {
    font-size:26px;
    line-height:30px;
    font-weight:700;
	margin: 0px !important;
}

.card {
/*	
	float: left;
	margin: 20px;
*/	
border: none;
}

.card img {
	width:100%;
	height:auto;
	border-radius: 0.375rem;
	/*
	border:1px solid #777;
	*/
}

.pbn-5 {
	margin-bottom:100px;
}

a.link {
	text-decoration: none;
	color:#fff;
	font-size: 18px;
	line-height: 24px;	
	font-weight: 600;
	/*
	margin-right:70px;
	*/
	float: right;
	white-space: nowrap;
}

a.link2 {
	text-decoration: none;
	color:#fff;
	font-size: 18px;
	line-height: 24px;	
	font-weight: 600;
	margin-right:6px;
	white-space: nowrap;
}


a.link svg {
	margin-right:10px;
	margin-top: -1px;
}

.playpause {
    background-image:url(/img/play.png);
    background-repeat:no-repeat;
    width:100px;
    height:100px;
    position:absolute;
    left:0%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
	cursor:pointer;
	opacity:0.8;
	transition: 0.3s;
}

.playpause:hover {
	opacity:1;
	transition: 0.3s;
}

.video-test {
  object-fit: cover;
  width: 300px;
  height: auto;
}  

.phoneblock {
/*	
	float:right;
	text-align: left;
	display: grid;	
*/	
}

.phoneblock {
	color:#eee;
	font-size: 18px;
	line-height: 24px;	
	font-weight: 600;	
	float: right;
	white-space: nowrap;
}

a.link:hover,
.phoneblock a:hover {
	text-decoration:underline;
}