/* GENERAL */

/*
.product {
font-family:'open sans',sans-serif;
font-weight:300;
font-size:18px;
line-height:26px;
padding:0;
}
*/

.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;
}



.product h3 {
font-family:Raleway,sans-serif;
font-size:24px;
line-height:34px;
margin:0;
font-weight:500;
}

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

.podwrap {
max-width:1025px;
margin:0px auto 60px auto;
}



/* BILLBOARD */

.billboard {
background:#fff;
padding:40px 0 0px 0;
text-align:center;
}

.billboard h1 {
font-family:Raleway,sans-serif;
font-size:50px;
line-height:60px;
font-weight:200;
margin:0 0 40px 0;
text-align:center;
}

.billboard h2 {
font-family:Raleway,sans-serif;
font-size:30px;
line-height:40px;
font-weight:300;
margin:0 0 40px 0;
text-align:center;
}


.billboard .cta {
color:#03bfd7;
border: 1px solid #03bfd7;
}

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

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

.monitor {
max-width:630px;
position:relative;
margin:0 auto;
}

.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: 45%;
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: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%;
}

}


@media (max-width:425px) {

.billboard {

}

.billboard h1 {
font-size:40px;
line-height:40px;
}




}



/* 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;
}

}