section.SeekerBoxHubert div.GreyFormBox {
	background-color:#f4f5f8; padding:20px; border-radius:10px;
}
section.SeekerBoxHubert div.GreyFormBox h2 {
	font-size:30px; line-height:1; margin:0 0 20px;
}
section.SeekerBoxHubert div.SmallText {font-size:14px;}
section.SeekerBoxHubert div.GreyFormBox input[type="text"],
section.SeekerBoxHubert div.GreyFormBox textarea {
width: 100%;
  margin: 0 !important;
  padding: 14px 20px !important;
  font-size:17px; 
  line-height:1;
  border-radius:4px;
  border:1px solid #d1d8eb !important;
}
section.SeekerBoxHubert div.GreyFormBox textarea {
  line-height:1.3;
}
section.SeekerBoxHubert div.GreyFormBox select {
 display:block; margin-top:10px; padding:10px;
  border:1px solid #d1d8eb;
}
section.SeekerBoxHubert div.GreyFormBox table {
	background-color:#f4f5f8;width:100%;
  border-collapse:collapse
}
section.SeekerBoxHubert div.GreyFormBox table td {
	padding:4px 0;
}
section.SeekerBoxHubert div.GreyFormBox input[type="button"] {
  margin: 0 !important;
  padding: 14px 40px !important;
  font-size:18px; 
  line-height:1;
  color:white;
  background-color:#6ca009 ;
  border:2px solid #6ca009 ;
  border-radius:4px;
}
section.SeekerBoxHubert div.GreyFormBox input[type="button"]:hover {
  color:#f15c2b;
  background-color:white;
}
@media(max-width:767px){
  section.SeekerBoxHubert div.GreyFormBox {
     padding:20px;
  }
}


/* Code for the Seeker Boxes */
section.SeekerBoxHubert {
  position:fixed;right:20px;bottom:20px;width:0;
  border-radius:10px;
  background-color:white;
  padding:0;
  line-height:1.2;
}
section.SeekerBoxHubert div.FullSeekerArticle {display:none;}
section.SeekerBoxHubert div.SmallSeekerArticle a.HeadLink {
  display:block; background-color:transparent; font-size:0; padding:0;
}
section.SeekerBoxHubert img.Photo {
  position:absolute; right:10px; top:-71px;
  width:80px;height:80px;border-radius:50px;border:none;
  background-color:#a3b4ba;
  display:block;
}
section.SeekerBoxHubert img.Close {
	width:22px;position:absolute; left:21px; bottom:21px; cursor:pointer;
}
section.SeekerBoxHubert.Shrink img.Close {
	left:10px; bottom:10px;
}
section.SeekerBoxHubert.BigBox img.Close {
	width:auto; left:initial; bottom:initial; right:15px; top:12px !important;
}
@media (max-width:767px) {
  section.SeekerBoxHubert.BigBox img.Close {
      top:9px !important;
  }  
}
section.SeekerBoxHubert.BigBox img.Close.Outer {display:none;}
section.SeekerBoxHubert b,
section.SeekerBoxHubert strong {font-weight:700;}

section.SeekerBoxHubert div.SmallSeekerArticle a {
  display:inline-block;padding:8px 10px 5px 40px;background-color:#000001;color:white;
  border-radius:7px;
}
section.SeekerBoxHubert div.SmallSeekerArticle a:hover {background-color:#626262;}
body.OnSmallAppleDevice section.SeekerBoxHubert div.SmallSeekerArticle a {
	background-color:#000001 !important;
}

section.SeekerBoxHubert div.VerboseText a {margin-top:10px;}
section.SeekerBoxHubert.Shrink {width:195px;padding:3px;width:auto;right:10px;bottom:10px;}
section.SeekerBoxHubert.Shrink div.VerboseText,
section.SeekerBoxHubert div.NonVerboseText {display:none;}
section.SeekerBoxHubert.Shrink div.NonVerboseText {display:block;}

section.SeekerBoxHubert.BigBox {
	left:0;right:0;bottom:0;top:0;width:100%;height:100vh;border-radius:0;padding:0;
  box-shadow:none;
  z-index:110;
  display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:flex-end;
}
@media (max-width:900px) {
  section.SeekerBoxHubert.BigBox {
    align-items:flex-end;
  }
}
section.SeekerBoxHubert.BigBox div.SmallSeekerArticle {display:none;}
section.SeekerBoxHubert.BigBox div.FullSeekerArticle { 
  display:block;position:relative;max-width:750px;
  background-color:#f2f3f9;
  box-shadow: 0px 0px 20px 5px rgba(0,0,0,.12);
  left:750px;
  height:100%;
}
@keyframes CIA_LeftTransA {
	0% {left:500px;}
	100% {left:0;}
}
@keyframes CIA_LeftTransB {
  	0% {left:0;}
	100% {left:500px;}
}
@keyframes CIA_BckA {
	0% {background-color:transparent;}
	100% {background-color:rgba(0,0,0,0.6);}
}
@keyframes CIA_BckB {
  	0% {background-color:rgba(0,0,0,0.6);}
	100% {background-color:transparent;}
}
section.SeekerBoxHubert.BigBox.RunAnimationA div.FullSeekerArticle {
    animation-name: CIA_LeftTransA;
	animation-iteration-count: 1;
	animation-duration: 250ms;
	animation-delay:0s; /* initial delay, will be zero if scroll-position activated. */
	animation-timing-function: linear;
	animation-fill-mode:both; /* keep opacity on at the end */
}
section.SeekerBoxHubert.BigBox.RunAnimationB div.FullSeekerArticle {
    animation-name: CIA_LeftTransB;
	animation-iteration-count: 1;
	animation-duration: 250ms;
	animation-delay:0s; /* initial delay, will be zero if scroll-position activated. */
	animation-timing-function: linear;
	animation-fill-mode:both; /* keep opacity on at the end */
}
section.SeekerBoxHubert.BigBox.RunAnimationA {
    animation-name: CIA_BckA;
	animation-iteration-count: 1;
	animation-duration: 250ms;
	animation-delay:0s; /* initial delay, will be zero if scroll-position activated. */
	animation-timing-function: linear;
	animation-fill-mode:both; /* keep opacity on at the end */
}
section.SeekerBoxHubert.BigBox.RunAnimationB {
    animation-name: CIA_BckB;
	animation-iteration-count: 1;
	animation-duration: 250ms;
	animation-delay:0s; /* initial delay, will be zero if scroll-position activated. */
	animation-timing-function: linear;
	animation-fill-mode:both; /* keep opacity on at the end */
}

section.SeekerBoxHubert.BigBox div.FullSeekerArticle > h2 {
	background-color:#6666ae;color:white;
  	padding:10px 50px 10px 20px;margin:0;
  	box-shadow: none;
  font-size:32px;
}
section.SeekerBoxHubert.BigBox div.FullSeekerArticle div.ArticleBody {
  overflow-y:scroll;max-height:94vh;
  padding:20px 20px 20px 20px;
} 
@media (max-width:767px) { 
  section.SeekerBoxHubert.BigBox div.FullSeekerArticle > h2 {padding:10px 5px 10px 20px;}
  section.SeekerBoxHubert.BigBox div.FullSeekerArticle div.ArticleBody {max-height:90vh;}
}