/* GENERAL */

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@700;900&display=swap');


.product .cta {
font-family:Raleway,sans-serif;
font-size:18px;
line-height:26px;
text-decoration: none;
font-weight: 500;
padding: 10px 20px;
display: inline-block;
min-width: 175px;
border-radius: 8px;
letter-spacing: 0.5px;
margin:0 50px 0 50px;
text-align:center;
}




/* BILLBOARD */

.billboard {
background:#fff;
padding:40px 0 0px 0;
letter-spacing:0;
font-family:'open sans',sans-serif;
font-size:16px;
}

.billboard .wrapper {
display:grid;
grid-template-columns: 50% 50%;
gap:40px;
}

.billboard h1 {
font-family:Raleway,sans-serif;
font-size:28px;
line-height:32px;
font-weight:900;
margin:0;
color:#03bfd7;
}

.billboard h1 a {
font-weight:900;
text-decoration:none;
}

#profiles {
display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
font-size:12px;
line-height:14px;
margin:20px auto;
text-align:center;
max-width:600px;
}

#profiles.two {
grid-template-columns:1fr 1fr;
margin:0 auto 20px auto;
max-width:350px;
}

#profiles p span {
text-transform:uppercase;
}

#profiles img {
border-radius: 50%;
  max-width: 115px;
display:block;
margin:0 auto;
background: -webkit-linear-gradient(left top, #03bfd7 0%, #4555a5 100%);
padding:2px;
}


#buckets {
display:grid;
grid-template-columns:1fr 1fr;
gap:20px;
font-size:14px;
margin-bottom:40px;
}

.resources, .timestamp {
border:solid 1px #03bfd7;
border-radius:5px;
display:grid;
grid-template-rows:36px auto;
}

.buckethead {
font-family:Raleway,sans-serif;
font-weight:700;
color:#000;
padding:10px;
border-bottom: solid 1px #03bfd7;
}

.bucketcontents {
padding:10px;
font-size:12px;
}

.bucketcontents p {
margin:0 0 1em 0;
}

.resources .bucketcontents {
background:#03bfd7;
}

.resources .bucketcontents ul {
margin:0 0 -10px 0;
padding:0;
list-style:none;
}

.resources .bucketcontents li {
margin:0 0 1.2em 28px;
}

.resources .bucketcontents li::before {
content: '';
height: 20px;
width: 20px;
background-size: contain;
background-image: url("https://img.netline.com/images/netline/www/webinarconsole_rocketship.png");
vertical-align:middle;
position:absolute;
margin-left:-28px;
}

.resources a {
color:#fff;
}

.timestamp .bucketcontents ul {
margin:0;
padding:0 0 0 10px;
}



.monitor {
position:relative;
}

.monitor.onecol {display:none;}

.monitor .container
{
max-width:590px;
width:590px;
position:absolute;
/* bottom:0; */
top:0;
}

.monitor .bezel 
{
width:100%;
display:block;
}


.play {
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: rgba(255, 255, 255, 0.1);
border: solid 4px #03bfd7;
border-radius: 50%;
width: 130px;
height: 130px;
position: absolute;
top: 50%;
left: 50%;
}

.play:hover {
border: solid 4px #26c6da;
background: rgba(255, 255, 255, 0.2);
}

.play a {
color: #03bfd7;
font-size: 45px;
position: absolute;
padding:32px;
left:0px;
}

.play a:hover {
color:#26c6da;
}

.play a svg {
width:60px;
height:60px;
fill:#03bfd7;
}



@media (max-width:567px) {

.play {
height:95px;
width:95px;
}

.play a {
padding:20px;
}
.play a svg {
width:50px;
height:50px;
}


}



/* CTAS */

.ctas {
background:#03bfd7;
padding:75px 0 80px 0;
text-align:center;
}

.ctas h1 {
font-family:Raleway,sans-serif;
font-size:40px;
line-height:44px;
font-weight:400;
margin:0 0 48px 0;
text-align:center;
}

.ctas h2 {
font-family:Raleway,sans-serif;
font-size:22px;
line-height:32px;
font-weight:200;
margin:0 0 60px 0;
text-align:center;
}


.ctas .cta {
color:#fff;
border: 1px solid #fff;
}

.ctas .cta:hover {
border:solid 1px #4456a6;
background-color:#4456a6;
color:#fff;
}

.ctas .cta:focus {
border:solid 1px #5d6bb2;
background-color:#5d6bb2;
color:#fff;
}



/* INDIGO */

.indigo {
background:#4555a5;
padding:72px 0 80px 0;
color:#fff;
text-align:center;
}

.indigo h1 {
font-family:Raleway,sans-serif;
font-size:40px;
line-height:50px;
margin:0 0 45px 0;
font-weight:300;
}

.indigo h2 {
font-family:Raleway,sans-serif;
font-size:22px;
line-height:34px;
margin:0 0 60px 0;
font-weight:300;
}

.indigo .cta {
border:solid 1px #fff;
color:#fff;
}

.indigo .cta:hover {
background:#03bfd7;
border:solid 1px #03bfd7;
}

.indigo .cta:focus {
background:#4dd0e1;
border:solid 1px #4dd0e1;

}


.pod {
width: 33%;
float:left;
padding: 0 20px;
font-family: 'Open Sans',sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 26px;
letter-spacing: 0;
text-align: left;
}

.pod img {
display: block;
margin: 0 auto 18px auto;
}

.pod h1 {
font-family:Raleway,sans-serif;
font-size:28px;
line-height:28px;
margin:0 0 15px 0;
text-align:center;
font-weight:400;
}

.podborder {
position: relative;
width: 33%;
max-width: 340px;
min-height: 340px;
float: left;
padding: 0 20px 40px 20px;
}

.podborder .outer {
position:relative;
background:#03bfd7;
-moz-border-radius:18px;
-webkit-border-radius:18px;
border-radius:16px;
width:100%;
min-height:300px;
}


.podborder .inner {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
z-index:2;

width:100%;
-moz-border-radius:18px;
-webkit-border-radius:18px;
border-radius:18px;
color:#fff;
font-family:Raleway,sans-serif;
font-weight:500;
font-size:28px;
line-height:40px;
text-align:center;
  -webkit-transition: 0s all ease;
  -o-transition: 0s all ease;
  transition: 0s all ease;
}

.podborder .inner .blurb {
position:absolute;
top:50%;
left:50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform    : translate(-50%, -50%);
  -webkit-transition: 0s all ease;
  -o-transition: 0s all ease;
  transition: 0s all ease;
padding:0 20px;
}

.read {
display:none;
position:absolute;
width:100%;
text-align:center;
  -webkit-transition: 0s all ease;
  -o-transition: 0s all ease;
  transition: 0s all ease;
z-index:99;
top:50%;
transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
}

.read a {
color:#fff;
font-weight:400;
text-decoration:none;
display:block;
padding:80px 0;
}

.read a span {
color:#fff;
}

.read a span:hover {
color:#03bfd7;
text-decoration:underline;
}

.podborder .inner:hover .blurb span {
display:none;
}

.podborder .inner:hover .read {
display:block;
}


.podborder .inner:before {
content:"";
position:absolute;
top: 50%;
  left: 50%;
  right: 50%;
  bottom: 50%;
  opacity: 0;
  background: #3e3e3d;
-moz-border-radius:17px;
-webkit-border-radius:17px;
border-radius:17px;
  z-index: -1;
  -webkit-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  transition: 0.5s all ease;
}


.podborder .inner:hover:before {
 top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0.4;
}


.featben {
float:left;
width:50%;
text-align:left;
padding:0 30px;
}

.featben h3 {
font-size:28px;
line-height:28px;
font-weight:400;
}

/* FOOTCTA */

.footcta {
padding:70px 0 80px 0;
}

.footcta h2 {
font-family:Raleway,sans-serif;
font-size:22px;
line-height:34px;
font-weight:300;
margin:0 0 60px 0;
}




@media (max-width:1300px) {

.monitor .container {
width:100%;
}

}


@media (max-width:1100px) {

.billboard .wrapper {
  grid-template-columns: auto 420px;
}

.monitor .container {
margin-bottom:-140px;
}

}



@media (max-width:950px) {

.billboard .wrapper {
grid-template-columns:1fr;
}

#profiles {
font-size:16px;
line-height:20px;
text-align:center;
margin-top:30px;
}

#profiles img {
max-width:150px;
width:100%;
}

#buckets {
margin-top:40px;
font-size:16px;
line-height:20px;
}

.bucketcontents {
font-size:14px;
line-height:16px;
}

.monitor.onecol {display:revert;}
.monitor.twocol {display:none;}

.monitor .container {
position:relative;
bottom:revert;
margin:0 auto;
}


}



@media (max-width:768px) {

.podborder {
width:50%;
}

.pod {
width:50%;
padding:0 20px 30px 20px;
min-height:450px;
}


.featben {
float:none;
width:100%;
}

}



@media (max-width:545px) {


.pod {
width:100%;
float:none;
min-height:0;
}

.podborder {
width:100%;
max-width:100%;
min-height:0;
float:none;
}

.podborder .outer {
min-height:150px;
width:100%;
}

.podborder .inner .blurb {
width:100%;
}

.podborder span {
width:100%;
}


#buckets {
grid-template-columns:1fr;
}



}


@media (max-width:450px) {

#profiles {
font-size:14px;
line-height:16px;
}


}



@media (max-width:425px) {

.billboard {

}

}



/* PORTAL VIDEO RESPONSIVE */

@media (max-width:900px) {

#TB_window {
margin-left:-50%!important;
max-width:905px;
width:100%!important;
}

#TB_iframeContent {
max-width:904px;
width:100%!important;
}

}