.sncSectionScrollBTN {position:fixed; display:block; cursor: pointer; z-index: 999999999; top: 50%; right: 10px; outline: none; opacity: 0.90; width: 40px; height: 40px; }
.sncSectionScrollBTN:hover {position:fixed; display:block; cursor: pointer; z-index: 999999999; top: 50%; right: 10px; outline: none; opacity: 1.0; width: 40px; height: 40px; }
@media screen and (max-width: 770px) {.sncSectionScrollBTN {display:none;}}
.snc0319ProductTabSEC {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 30px auto 50px auto;
font-family: 'Source Sans Pro', sans-serif;
font-size:14px;
line-height:14px;
font-weight: 400;
color:#d8d8d8;
width:960px;
position: relative;
}
.snc0319ProductTabSEC h1 , .snc0319ProductTabSEC h2.web-app{
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:40px;
line-height:50px;
color:#f5861f;
letter-spacing: normal;
margin: 0px 0px 15px 0px !important;
text-align: center;
}
.snc0319ProductTabSEC h2 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:19px;
line-height:29px;
color:#043f59;
letter-spacing: 0px;
margin: 0px 0px 40px 0px !important;
text-align: center;
}
.tabbed {
display: block;
box-sizing: border-box;
width: 960px;
margin: 0px;
padding: 0px;
text-align: center;
}
.tabbed > input {
display: none;
}
.tabbed > label {
font-family: 'Source Sans Pro', sans-serif;
display: inline-block;
box-sizing: border-box;
padding: 15px 25px 15px 25px;
margin: 0px 0px 0px 0px;
cursor: pointer;
color: #2f2820;
font-size:22px;
line-height:22px;
font-weight: 400;
border-bottom: 6px solid #FFFFFF;
transition: all .22s;
text-transform: capitalize !important;
}
.tabbed > input:checked + label {
border-bottom: 6px solid #00a5db;
transition: all .22s;
}
.tabbed > label:hover {
border-bottom: 6px solid #9cd7e9;
transition: all .22s;
}
.tabs {
display: block;
box-sizing: border-box;
clear: both;
margin-bottom: 20px;
}
.tabs > div {
display: none;
box-sizing: border-box;
width: 960px;
position: relative;
border-top: 1px solid #979797;
padding: 30px 0px 0px 0px;
line-height: auto;
}
#tab-nav-1:checked ~ .tabs > div:nth-of-type(1),
#tab-nav-2:checked ~ .tabs > div:nth-of-type(2),
#tab-nav-3:checked ~ .tabs > div:nth-of-type(3),
#tab-nav-4:checked ~ .tabs > div:nth-of-type(4),
#tab-nav-5:checked ~ .tabs > div:nth-of-type(5),
#tab-nav-6:checked ~ .tabs > div:nth-of-type(6){
display: block;
}
.snc0319ProductTabContLeadTXT {
display: block;
box-sizing: border-box;
width: 430px;
float: left;
text-align: left;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.snc0319ProductTabContLeadTXT h3.snc0319Tab1 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:28px;
line-height:38px;
color:#043f59;
padding:0px 0px 0px 0px;
margin:0px 0px 30px 0px;
}
.snc0319ProductTabContLeadTXT h3.snc0319Tab2 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:21px;
line-height:34px;
color:#043f59;
padding:0px 0px 0px 0px;
margin:0px 0px 30px 0px;
}
.snc0319ProductTabContLeadTXT h3.snc0319Tab3 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:19px;
line-height:32px;
color:#043f59;
padding:0px 0px 0px 0px;
margin:0px 0px 30px 0px;
}
.snc0319ProductTabContLeadTXT h3.snc0319Tab4 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:18px;
line-height:32px;
color:#043f59;
padding:0px 0px 0px 0px;
margin:0px 0px 30px 0px;
}
.snc0319ProductTabContLeadTXT h3.snc0319Tab5 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:20px;
line-height:32px;
color:#043f59;
padding:0px 0px 0px 0px;
margin:0px 0px 30px 0px;
}
.snc0319ProductTabContLeadTXT h3.snc0319Tab6 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:18px;
line-height:32px;
color:#043f59;
padding:0px 0px 0px 0px;
margin:0px 0px 30px 0px;
}
.snc0319ProductTabContLeadTXT h4 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:24px;
line-height:34px;
color:#043f59;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.snc0319ProductTabContLeadIMG,
.snc0319ProductTabContLeadIMG2,
.snc0319ProductTabContLeadIMG3,
.snc0319ProductTabContLeadIMG4,
.snc0319ProductTabContLeadIMG5,
.snc0319ProductTabContLeadIMG6 {
display: block;
box-sizing: border-box;
width: 512px;
float: right;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
overflow:visible;
}
.snc0319ProductTabContLeadIMG img,
.snc0319ProductTabContLeadIMG2 img,
.snc0319ProductTabContLeadIMG3 img,
.snc0319ProductTabContLeadIMG4 img,
.snc0319ProductTabContLeadIMG5 img,
.snc0319ProductTabContLeadIMG6 img {
display: block;
box-sizing: border-box;
width: 512px;
height: auto;
}
.snc0319ProductTabContBulletBox {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
box-sizing: border-box;
padding: 30px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.snc0319ProductTabContBulletCol {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #FFFFFF;
width: 300px;
}
.snc0319ProductTabContBullet2Col {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #FFFFFF;
width: 465px;
}
.snc0319ProductTabContBullet {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:16px;
line-height:29px;
color:#043f59;
padding:0px 0px 0px 28px;
margin:0px 0px 20px 0px;
text-align: left;
background-image: url("/wp-content/uploads/2019/06/icon-checkmark-circle-orange.png");
background-repeat: no-repeat;
background-position: left 0px top 6px;
background-size: 18px 18px;
}
.snc0319ProductTabContBullet span {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
}
.snc0319ProductTabContLink {
font-family: 'Source Sans Pro', sans-serif;
font-size:16px;
line-height:26px;
font-weight: 400;
color:#00a1dd;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:0 !important;
text-decoration: none !important;
}
.snc0319ProductTabContLink:hover {
color:#03b3fd !important;
border:0 !important;
text-decoration: none !important;
}
.snc0319ProductTabContLink::after {
background-image: url("/wp-content/uploads/2019/06/noun-arrow.png");
background-size: 8px 8px;
display: inline-block;
width: 8px;
height: 8px;
content:"";
margin-left: 6px;
}
.snc0319ProTabMobileH2 {
display: none;
}
.snc0319ProductResourceLinkNav p {
font-size: 16px !important;
}
@media screen and (max-width: 1060px) {
.snc0319ProductTabSEC {
display: block;
box-sizing: border-box;
padding: 0px 3.830189VW 0px 3.830189VW;
margin: 2.803738317757009VW 0px 4.672897196261682VW 0px;
font-family: 'Source Sans Pro', sans-serif;
font-size:1.3084112149532712VW;
line-height:1.3084112149532712VW;
font-weight: 400;
color:#d8d8d8;
width:100%;
position: relative;
}
.snc0319ProductTabSEC h1, .snc0319ProductTabSEC h2.web-app {
font-size:3.7383177570093453VW;
line-height:4.672897196261682VW;
color:#f5861f;
letter-spacing: normal;
margin: 0px 0px 1.4018691588785046VW 0px !important;
text-align: center;
}
.snc0319ProductTabSEC h2 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:1.7757009345794394VW;
line-height:2.710280373831776VW;
color:#043f59;
letter-spacing: 0px;
margin: 0px 0px 3.7383177570093453VW 0px !important;
text-align: center;
}
.tabbed {
display: block;
box-sizing: border-box;
width: 100%;
margin: 0px;
padding: 0px;
text-align: center;
}
.tabbed > input {
display: none;
}
.tabbed > label {
font-family: 'Source Sans Pro', sans-serif;
display: inline-block;
box-sizing: border-box;
padding: 1.4018691588785046VW 2.336448598130841VW 1.4018691588785046VW 2.336448598130841VW;
margin: 0px 0px 0px 0px;
cursor: pointer;
color: #2f2820;
font-size:1.8691588785046727VW;
line-height:1.8691588785046727VW;
font-weight: 400;
border-bottom: 0.5607476635514018VW solid #FFFFFF;
transition: all .22s;
}
.tabbed > input:checked + label {
border-bottom: 0.5607476635514018VW solid #00a5db;
transition: all .22s;
}
.tabbed > label:hover {
border-bottom: 0.5607476635514018VW solid #9cd7e9;
transition: all .22s;
}
.tabs {
display: block;
box-sizing: border-box;
clear: both;
margin-bottom: 1.8691588785046727VW;
}
.tabs > div {
display: none;
box-sizing: border-box;
width: 100%;
position: relative;
border-top: 1px solid #979797;
padding: 2.803738317757009VW 0px 0px 0px;
line-height: auto;
}
#tab-nav-1:checked ~ .tabs > div:nth-of-type(1),
#tab-nav-2:checked ~ .tabs > div:nth-of-type(2),
#tab-nav-3:checked ~ .tabs > div:nth-of-type(3),
#tab-nav-4:checked ~ .tabs > div:nth-of-type(4),
#tab-nav-5:checked ~ .tabs > div:nth-of-type(5),
#tab-nav-6:checked ~ .tabs > div:nth-of-type(6){
display: block;
}
.snc0319ProductTabContLeadTXT {
display: block;
box-sizing: border-box;
width: 37VW;
float: left;
text-align: left;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.snc0319ProductTabContLeadTXT h3 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:2.6168224299065423VW;
line-height:3.551401869158879VW;
color:#043f59;
padding:0px 0px 0px 0px;
margin:0px 0px 2.803738317757009VW 0px;
}
.snc0319ProductTabContLeadTXT h3.snc0319TabLong {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:1.8691588785046727VW;
line-height:2.990654205607477VW;
color:#043f59;
padding:0px 0px 0px 0px;
margin:0px 0px 2.803738317757009VW 0px;
}
.snc0319ProductTabContLeadTXT h4 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:2.2429906542056073VW;
line-height:3.177570093457944VW;
color:#043f59;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.snc0319ProductTabContLeadIMG {
display: block;
box-sizing: border-box;
width: 47.85046728971963VW;
float: right;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.snc0319ProductTabContLeadIMG img {
display: block;
box-sizing: border-box;
width: 47.85046728971963VW;
height: auto;
}
.snc0319ProductTabContBulletBox {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
box-sizing: border-box;
padding: 2.803738317757009VW 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.snc0319ProductTabContBulletCol {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #FFFFFF;
width: 28.037383177570092VW;
}
.snc0319ProductTabContBullet2Col {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #FFFFFF;
width: 43.45794392523364VW;
}
.snc0319ProductTabContBullet {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:1.4953271028037385VW;
line-height:2.710280373831776VW;
color:#043f59;
padding:0px 0px 0px 2.6168224299065423VW;
margin:0px 0px 1.8691588785046727VW 0px;
text-align: left;
background-image: url("/wp-content/uploads/2019/06/icon-checkmark-circle-orange.png");
background-repeat: no-repeat;
background-position: left 0px top 6px;
background-size: 1.6822429906542056VW 1.6822429906542056VW;
}
.snc0319ProductTabContBullet span {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
}
.snc0319ProductTabContLink {
font-family: 'Source Sans Pro', sans-serif;
font-size:1.4953271028037385VW;
line-height:2.4299065420560746VW;
font-weight: 400;
color:#00a1dd;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:0 !important;
text-decoration: none !important;
}
.snc0319ProductTabContLink:hover {
color:#03b3fd !important;
border:0 !important;
text-decoration: none !important;
}
.snc0319ProductTabContLink::after {
background-image: url("/wp-content/uploads/2019/06/noun-arrow.png");
background-size: 0.7476635514018692VW 0.7476635514018692VW;
display: inline-block;
width: 0.7476635514018692VW;
height: 0.7476635514018692VW;
content:"";
margin-left: 0.5607476635514018VW;
}
.snc0319ProTabMobileH2 {
display: none;
}
}
@media screen and (max-width: 790px) {
.snc0319ProductTabSEC {
display: block;
box-sizing: border-box;
padding: 0px 20px 0px 20px;
margin: 30px auto 50px auto;
font-family: 'Source Sans Pro', sans-serif;
font-size:14px;
line-height:14px;
font-weight: 400;
color:#d8d8d8;
width:100%;
}
.snc0319ProductTabSEC h1, .snc0319ProductTabSEC h2.web-app {
font-size:30px;
line-height:40px;
color:#f5861f;
letter-spacing: normal;
margin: 0px 0px 15px 0px !important;
text-align: center;
}
.snc0319ProductTabSEC h2 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:15px;
line-height:20px;
color:#043f59;
letter-spacing: 0px;
margin: 0px 0px 40px 0px !important;
text-align: center;
}
.tabbed {
width: 100%;
display: block;
box-sizing: border-box;
}
.tabbed > label { display: none }
.tabs {
display: block;
box-sizing: border-box;
clear: both;
width: 100%
}
.tabs > div {
width: 100%;
border: none;
padding: 0;
opacity: 1;
position: relative;
transform: none;
margin-bottom: 30px;
display: block;
}
.tabs > div h2 {
border-bottom: 1px solid #4EC6DE;
padding: 0px 0px 10px 0px;
margin: 60px 0px 20px 0px !important;
}
.snc0319ProductTabContLeadTXT {
display: block;
box-sizing: border-box;
width: 100%;
float: none;
text-align: left;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.snc0319ProductTabContLeadTXT h3.snc0319Tab1,
.snc0319ProductTabContLeadTXT h3.snc0319Tab2,
.snc0319ProductTabContLeadTXT h3.snc0319Tab3,
.snc0319ProductTabContLeadTXT h3.snc0319Tab4,
.snc0319ProductTabContLeadTXT h3.snc0319Tab5,
.snc0319ProductTabContLeadTXT h3.snc0319Tab6 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:18px;
line-height:28px;
color:#043f59;
padding:10px 0px 0px 0px;
margin:0px 0px 10px 0px;
}
.snc0319ProductTabContLeadTXT h4 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:16px;
line-height:20px;
color:#043f59;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-align: left;
}
.snc0319ProductTabContLeadIMG,
.snc0319ProductTabContLeadIMG2,
.snc0319ProductTabContLeadIMG3,
.snc0319ProductTabContLeadIMG4,
.snc0319ProductTabContLeadIMG5,
.snc0319ProductTabContLeadIMG6 {
display: block;
box-sizing: border-box;
width: 100%;
float: none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
overflow:visible;
}
.snc0319ProductTabContLeadIMG img,
.snc0319ProductTabContLeadIMG2 img,
.snc0319ProductTabContLeadIMG3 img,
.snc0319ProductTabContLeadIMG4 img,
.snc0319ProductTabContLeadIMG5 img,
.snc0319ProductTabContLeadIMG6 img {
display: block;
box-sizing: border-box;
width: 100%;
height: auto;
}
.snc0319ProductTabContBulletBox {
display: block;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
box-sizing: border-box;
padding: 30px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.snc0319ProductTabContBulletCol {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #FFFFFF;
width: 100%;
}
.snc0319ProductTabContBullet2Col {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #FFFFFF;
width: 100%;
}
.snc0319ProductTabContBullet {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:14px;
line-height:24px;
color:#043f59;
padding:0px 0px 0px 28px;
margin:0px 0px 20px 0px;
text-align: left;
background-image: url("/wp-content/uploads/2019/06/icon-checkmark-circle-orange.png");
background-repeat: no-repeat;
background-position: left 0px top 5px;
background-size: 16px 16px;
}
.snc0319ProductTabContBullet span {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
}
.snc0319ProductTabContLink {
font-family: 'Source Sans Pro', sans-serif;
font-size:16px;
line-height:18px;
font-weight: 400;
color:#00a1dd;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:0 !important;
text-decoration: none !important;
}
.snc0319ProductTabContLink:hover {
color:#03b3fd !important;
border:0 !important;
text-decoration: none !important;
}
.snc0319ProductTabContLink::after {
background-image: url("/wp-content/uploads/2019/06/noun-arrow.png");
background-size: 8px 8px;
display: inline-block;
width: 8px;
height: 8px;
content:"";
margin-left: 6px;
}
.snc0319ProTabMobileH2 {
display: block;
font-family: 'Source Sans Pro', sans-serif;
font-size:30px !important;
line-height:30px !important;
font-weight: 400;
color:#00a1dd;
padding:0px 0px 0px 0px;
margin:60px 0px 0px 0px;
}
}
Visit the Kitchen Sink to View all Available Components
.snc0319ProductToolsSEC {
display: block;
box-sizing: border-box;
padding: 40px 0px 50px 0px;
margin: 0px 0px 0px 0px;
font-family: 'Source Sans Pro', sans-serif;
font-size:14px;
line-height:14px;
font-weight: 400;
color:#d8d8d8;
width:100%;
position: relative;
background-color: #fbfcfc;
}
.snc0319ProductToolsBox {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
font-family: 'Source Sans Pro', sans-serif;
font-size:14px;
line-height:14px;
font-weight: 400;
color:#d8d8d8;
width:960px;
position: relative;
}
.snc0319ProductToolsSEC h2 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:40px;
line-height:50px;
color:#f5861f;
letter-spacing: normal;
margin: 0px 0px 15px 0px !important;
text-align: center;
}
.snc0319ProductToolsSEC span {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:19px;
line-height:29px;
color:#043f59;
letter-spacing: 0px;
margin: 0px 0px 40px 0px !important;
text-align: center;
display: inline-block;
width: 100%;
}
.snc0319ProductToolsDetailBox {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.snc0319ProductToolsDetailCol {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 280px;
}
.snc0319ProductToolsDetailItem {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 30px 0px;
}
.snc0319ProductToolsDetailItem h3 {
font-family: 'Source Sans Pro', sans-serif;
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
font-size:22px;
line-height:22px;
font-weight: 400;
color:#f5861f;
}
.snc0319ProductToolsDetailItem p {
font-family: 'Source Sans Pro', sans-serif;
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size:16px;
line-height:28px;
font-weight: 400;
color:#043f59;
}
@media screen and (max-width: 1024px) {
.snc0319ProductToolsSEC {
display: block;
box-sizing: border-box;
padding: 3.90625VW 0px 4.8828125VW 0px;
margin: 0px 0px 0px 0px;
width:100%;
position: relative;
background-color: #fbfcfc;
}
.snc0319ProductToolsBox {
display: block;
box-sizing: border-box;
padding: 0px 20px 0px 20px;
margin: 0px auto 0px auto;
font-family: 'Source Sans Pro', sans-serif;
font-size:1.3671875VW;
line-height:1.3671875VW;
font-weight: 400;
color:#d8d8d8;
width:100%;
position: relative;
}
.snc0319ProductToolsSEC h2 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:3.90625VW;
line-height:4.8828125VW;
color:#f5861f;
letter-spacing: normal;
margin: 0px 0px 1.46484375VW 0px !important;
text-align: center;
}
.snc0319ProductToolsSEC span {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:1.85546875VW;
line-height:2.83203125VW;
color:#043f59;
letter-spacing: 0px;
margin: 0px 0px 3.90625VW 0px !important;
text-align: center;
}
.snc0319ProductToolsDetailBox {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.snc0319ProductToolsDetailCol {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 27.34375VW;
}
.snc0319ProductToolsDetailItem {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 2.9296875VW 0px;
}
.snc0319ProductToolsDetailItem h3 {
font-family: 'Source Sans Pro', sans-serif;
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0.9765625VW 0px;
font-size:2.05078125VW;
line-height:2.05078125VW;
font-weight: 400;
color:#f5861f;
}
.snc0319ProductToolsDetailItem p {
font-family: 'Source Sans Pro', sans-serif;
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size:1.5625VW;
line-height:2.734375VW;
font-weight: 400;
color:#043f59;
}
}
@media screen and (max-width: 790px) {
.snc0319ProductToolsSEC {
display: block;
box-sizing: border-box;
padding: 30px 0px 40px 0px;
margin: 0px 0px 0px 0px;
font-family: 'Source Sans Pro', sans-serif;
font-size:14px;
line-height:14px;
font-weight: 400;
color:#d8d8d8;
width:100%;
position: relative;
background-color: #fbfcfc;
}
.snc0319ProductToolsBox {
display: block;
box-sizing: border-box;
padding: 0px 20px 0px 20px;
margin: 0px auto 0px auto;
font-family: 'Source Sans Pro', sans-serif;
font-size:14px;
line-height:14px;
font-weight: 400;
color:#d8d8d8;
width:100%;
position: relative;
}
.snc0319ProductToolsSEC h2 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:30px;
line-height:36px;
color:#f5861f;
letter-spacing: normal;
margin: 0px 0px 10px 0px !important;
text-align: center;
}
.snc0319ProductToolsSEC span {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:21px;
line-height:26px;
color:#043f59;
letter-spacing: 0px;
margin: 0px 0px 20px 0px !important;
text-align: center;
display: inline-block;
width: 100%;
}
.snc0319ProductToolsDetailBox {
display: block;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.snc0319ProductToolsDetailCol {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 100%;
}
.snc0319ProductToolsDetailItem {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 30px 0px;
}
.snc0319ProductToolsDetailItem h3 {
font-family: 'Source Sans Pro', sans-serif;
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
font-size:21px;
line-height:21px;
font-weight: 400;
color:#f5861f;
}
.snc0319ProductToolsDetailItem p {
font-family: 'Source Sans Pro', sans-serif;
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size:16px;
line-height:28px;
font-weight: 400;
color:#043f59;
}
}
.snc0319ProductCalloutSEC {
display: block;
box-sizing: border-box;
padding: 40px 0px 50px 0px;
margin: 0px 0px 0px 0px;
font-family: 'Source Sans Pro', sans-serif;
font-size:14px;
line-height:14px;
font-weight: 400;
color:#d8d8d8;
width:100%;
position: relative;
background-color: #043f59;
}
.snc0319ProductCalloutBox {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
font-family: 'Source Sans Pro', sans-serif;
font-size:14px;
line-height:14px;
font-weight: 400;
color:#d8d8d8;
width:960px;
position: relative;
}
.snc0319ProductCalloutTXT {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width:400px;
float: left;
}
.snc0319ProductCalloutTXT h2 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:40px;
line-height:50px;
color:#fbfcfc;
letter-spacing: normal;
margin: 0px 0px 15px 0px !important;
text-align: left;
}
.snc0319ProductCalloutTXT p {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:17px;
line-height:32px;
color:#a0b2ba;
letter-spacing: 0px;
margin: 0px 0px 30px 0px !important;
text-align: left;
}
.snc0319ProductCalloutIMG {
display: block;
box-sizing: border-box;
width: 530px;
float: right;
}
.snc0319ProductCalloutiFrameBOX {
position: relative;
overflow: hidden;
padding-top: 56.25%;
}
.snc0319ProductCalloutiFrame {
display: block;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.snc0319ProductCalloutTXT a {
font-family: 'Source Sans Pro', sans-serif;
display: block;
box-sizing: border-box;
width: 200px;
line-height: 42px;
background-color:#00a1dd;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
font-size: 19px;
font-weight: 400;
text-align: center;
color:#ffffff !important;
padding: 0px 0px 1px 0px;
margin: 0px 0px 0px 0px;
text-transform: uppercase;
transition: all .22s;
border:2px solid rgb(255,255,255,0.0) !important;
text-decoration: none;
}
.snc0319ProductCalloutTXT a:hover {
font-family: 'Source Sans Pro', sans-serif;
color:#ffffff !important;
background-color:#03B3FD;
padding: 0px 0px 1px 0px;
margin: 0px 0px 0px 0px;
transition: all .22s;
border:2px solid rgb(255,255,255,0.0) !important;
}
.snc0319ProductCalloutTXT a:focus {
font-family: 'Source Sans Pro', sans-serif;
color:#ffffff !important;
background-color:#03B3FD;
padding: 0px 0px 1px 0px;
margin: 0px 0px 0px 0px;
transition: all .22s;
border:2px solid rgb(255,255,255,1.0) !important;
}
@media screen and (max-width: 1024px) {
.snc0319ProductCalloutSEC {
display: block;
box-sizing: border-box;
padding: 3.90625VW 20px 4.8828125VW 20px;
margin: 0px 0px 0px 0px;
font-family: 'Source Sans Pro', sans-serif;
font-size:1.3671875VW;
line-height:1.3671875VW;
font-weight: 400;
color:#d8d8d8;
width:100%;
position: relative;
background-color: #043f59;
}
.snc0319ProductCalloutBox {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
font-family: 'Source Sans Pro', sans-serif;
font-size:1.3671875VW;
line-height:1.3671875VW;
font-weight: 400;
color:#d8d8d8;
width:100%;
position: relative;
}
.snc0319ProductCalloutTXT {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width:39.0625VW;
float: left;
}
.snc0319ProductCalloutTXT h2 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:3.90625VW;
line-height:4.8828125VW;
color:#fbfcfc;
letter-spacing: normal;
margin: 0px 0px 1.46484375VW 0px !important;
text-align: left;
}
.snc0319ProductCalloutTXT p {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:1.66015625VW;
line-height:3.125VW;
color:#a0b2ba;
letter-spacing: 0px;
margin: 0px 0px 2.9296875VW 0px !important;
text-align: left;
}
.snc0319ProductCalloutIMG {
display: block;
box-sizing: border-box;
width: 51.7578125VW;
float: right;
}
.snc0319ProductCalloutIMG img {
display: block;
box-sizing: border-box;
width: 100%;
height: auto;
}
.snc0319ProductCalloutTXT a {
font-family: 'Source Sans Pro', sans-serif;
display: block;
box-sizing: border-box;
width: 19.53125VW;
line-height: 4.1015625VW;
background-color:#00a1dd;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
font-size: 1.85546875VW;
font-weight: 400;
text-align: center;
color:#ffffff !important;
padding: 0px 0px 0.09765625VW 0px;
margin: 0px 0px 0px 0px;
text-transform: uppercase;
transition: all .22s;
border:2px solid rgb(255,255,255,0.0) !important;
text-decoration: none;
}
.snc0319ProductCalloutTXT a:hover {
font-family: 'Source Sans Pro', sans-serif;
color:#ffffff !important;
background-color:#03B3FD;
padding: 0px 0px 0.09765625VW 0px;
margin: 0px 0px 0px 0px;
transition: all .22s;
border:2px solid rgb(255,255,255,0.0) !important;
}
.snc0319ProductCalloutTXT a:focus {
font-family: 'Source Sans Pro', sans-serif;
color:#ffffff !important;
background-color:#03B3FD;
padding: 0px 0px 0.09765625VW 0px;
margin: 0px 0px 0px 0px;
transition: all .22s;
border:2px solid rgb(255,255,255,1.0) !important;
}
}
@media screen and (max-width: 790px) {
.snc0319ProductCalloutSEC {
display: block;
box-sizing: border-box;
padding: 30px 20px 40px 20px;
margin: 0px 0px 0px 0px;
font-family: 'Source Sans Pro', sans-serif;
font-size:14px;
line-height:14px;
font-weight: 400;
color:#d8d8d8;
width:100%;
position: relative;
background-color: #043f59;
}
.snc0319ProductCalloutBox {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
font-family: 'Source Sans Pro', sans-serif;
font-size:14px;
line-height:14px;
font-weight: 400;
color:#d8d8d8;
width:100%;
position: relative;
}
.snc0319ProductCalloutTXT {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width:100%;
float: none;
}
.snc0319ProductCallout2XT h1 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:32px;
line-height:42px;
color:#fbfcfc;
letter-spacing: normal;
margin: 10px 0px 15px 0px !important;
text-align: center;
}
.snc0319ProductCalloutTXT p {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:17px;
line-height:27px;
color:#a0b2ba;
letter-spacing: 0px;
margin: 0px 0px 30px 0px !important;
text-align: center;
}
.snc0319ProductCalloutIMG {
display: block;
box-sizing: border-box;
width: 100%;
float: none;
}
.snc0319ProductCalloutIMG img {
display: block;
box-sizing: border-box;
width: 100%;
height: auto;
}
.snc0319ProductCalloutTXT a {
font-family: 'Source Sans Pro', sans-serif;
display: block;
box-sizing: border-box;
width: 200px;
line-height: 42px;
background-color:#00a1dd;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
font-size: 19px;
font-weight: 400;
text-align: center;
color:#ffffff !important;
padding: 0px 0px 1px 0px;
margin: 0px auto 0px auto;
text-transform: uppercase;
transition: all .22s;
border:2px solid rgb(255,255,255,0.0) !important;
text-decoration: none;
}
.snc0319ProductCalloutTXT a:hover {
font-family: 'Source Sans Pro', sans-serif;
color:#ffffff !important;
background-color:#03B3FD;
padding: 0px 0px 1px 0px;
margin: 0px 0px 0px 0px;
transition: all .22s;
border:2px solid rgb(255,255,255,0.0) !important;
}
.snc0319ProductCalloutTXT a:focus {
font-family: 'Source Sans Pro', sans-serif;
color:#ffffff !important;
background-color:#03B3FD;
padding: 0px 0px 1px 0px;
margin: 0px 0px 0px 0px;
transition: all .22s;
border:2px solid rgb(255,255,255,1.0) !important;
}
}
jQuery('#playCalloutVID').on('click', function(ev) {
jQuery("#snc0319CalloutVID")[0].src += "&autoplay=1";
ev.preventDefault();
});
.snc0319ProductResourcesSEC {
display: block;
box-sizing: border-box;
padding: 40px 0px 50px 0px;
margin: 0px 0px 0px 0px;
width:100%;
position: relative;
background-color: #fff;
}
.snc0319ProductResourcesBox {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
font-family: 'Source Sans Pro', sans-serif;
font-size:14px;
line-height:14px;
font-weight: 400;
color:#d8d8d8;
width:960px;
position: relative;
}
.snc0319ProductResourceLinkNav {
display: block;
box-sizing: border-box;
padding: 80px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: left;
width: 186px;
float: left;
}
.snc0319ProductResourceContainer {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: left;
width: 751px;
float: right;
}
.snc0319ProductResourceLinkNav p {
font-family: 'Source Sans Pro', sans-serif;
display: block;
box-sizing: border-box;
padding: 20px 0px 20px 0px;
margin: 0px 0px 0px 0px;
font-size:13px;
line-height:13px;
font-weight: 400;
color:#043f59;
text-align: left;
}
.snc0319ProductResourceLinkNav ul {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px !important;
margin: 0px 0px 0px 0px !important;
list-style: none !important;
}
.snc0319ProductResourceLinkNav ul li {
font-family: 'Source Sans Pro', sans-serif;
display: block;
box-sizing: border-box;
padding: 0px 0px 5px 0px;
margin: 0px 0px 0px 0px;
font-size:13px;
line-height:13px;
font-weight: 400;
color:#043f59;
text-align: left;
}
.snc0319ProductResourceLinkNav ul li::before {
content: "" !important;
display: none !important;
}
.snc0319ProductResourceLinkNav ul li a {
color:#00a1dd;
text-decoration: none;
}
.snc0319ProductResourceLinkNav ul li a:hover {
color:#03b3fd;
text-decoration: none;
}
.snc0319ProductResourceLinkNav hr {
border: 0;
height: 0.02vw;
background: #cbd7dc;
}
.snc0319ProductResourceContainer h2 {
font-family: 'Source Sans Pro', sans-serif;
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 15px 0px;
font-size:41px;
line-height:51px;
font-weight: 400;
color:#f5861f;
text-align: left;
}
.snc0319ProductResourceContainer p {
font-family: 'Source Sans Pro', sans-serif;
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 40px 0px;
font-size:17px;
line-height:17px;
font-weight: 400;
color:#043f59;
text-align: left;
}
.snc0319ProductResourceContainer div.ResourceListBox {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.snc0319ProductResourceContainer div.ResourceListBox div.ResourceListCol {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 235px;
}
.ResourceListColItem {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 20px 0px;
background-color: #FFFFFF;
height: 135px;
}
.ResourceListColItem img {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 12px 0px;
width: auto;
height: 32px;
}
.ResourceListColItem h3 {
font-family: 'Source Sans Pro', sans-serif;
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 5px 0px;
font-size:14px;
line-height:24px;
font-weight: 400;
color:#043f59;
text-align: left;
}
.ResourceListColItem p {
font-family: 'Source Sans Pro', sans-serif;
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size:13px;
line-height:33px;
font-weight: 400;
color:#a0b2ba;
text-align: left;
letter-spacing: 1px;
text-transform: capitalize;
}
.snc0319ProductMoreResources {
font-family: 'Source Sans Pro', sans-serif;
font-size:16px;
line-height:26px;
font-weight: 400;
color:#00a1dd;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:0 !important;
text-decoration: none !important;
text-align: center;
display: block;
}
.snc0319ProductMoreResources:hover {
color:#03b3fd !important;
border:0 !important;
text-decoration: none !important;
}
.snc0319ProductMoreResources::after {
background-image: url("/wp-content/uploads/2019/06/noun-arrow.png");
background-size: 8px 8px;
display: inline-block;
width: 8px;
height: 8px;
content:"";
margin-left: 6px;
}
@media screen and (max-width: 1024px) {
.snc0319ProductResourcesSEC {
display: block;
box-sizing: border-box;
padding: 3.90625VW 1.953125VW 4.8828125VW 1.953125VW;
margin: 0px 0px 0px 0px;
width:100%;
position: relative;
background-color: #fff;
}
.snc0319ProductResourcesBox {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
font-family: 'Source Sans Pro', sans-serif;
font-size:1.3671875VW;
line-height:1.3671875VW;
font-weight: 400;
color:#d8d8d8;
width:100%;
position: relative;
}
.snc0319ProductResourceLinkNav {
display: block;
box-sizing: border-box;
padding: 7.8125VW 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: left;
width: 18.1640625VW;
float: left;
}
.snc0319ProductResourceContainer {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: left;
width: 73.33984375VW;
float: right;
}
.snc0319ProductResourceLinkNav p {
font-family: 'Source Sans Pro', sans-serif;
display: block;
box-sizing: border-box;
padding: 1.953125VW 0px 1.953125VW 0px;
margin: 0px 0px 0px 0px;
font-size:1.26953125VW;
line-height:1.26953125VW;
font-weight: 400;
color:#043f59;
text-align: left;
}
.snc0319ProductResourceLinkNav ul {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px !important;
margin: 0px 0px 0px 0px !important;
list-style: none !important;
}
.snc0319ProductResourceLinkNav ul li {
font-family: 'Source Sans Pro', sans-serif;
display: block;
box-sizing: border-box;
padding: 0px 0px 0.48828125VW 0px;
margin: 0px 0px 0px 0px;
font-size:1.26953125VW;
line-height:1.26953125VW;
font-weight: 400;
color:#043f59;
text-align: left;
}
.snc0319ProductResourceLinkNav ul li::before {
content: "" !important;
display: none !important;
}
.snc0319ProductResourceLinkNav ul li a {
color:#00a1dd;
text-decoration: none;
}
.snc0319ProductResourceLinkNav ul li a:hover {
color:#03b3fd;
text-decoration: none;
}
.snc0319ProductResourceLinkNav hr {
border: 0;
height: 0.02vw;
background: #cbd7dc;
}
.snc0319ProductResourceContainer h2 {
font-family: 'Source Sans Pro', sans-serif;
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 1.46484375VW 0px;
font-size:4.00390625VW;
line-height:4.98046875VW;
font-weight: 400;
color:#f5861f;
text-align: left;
}
.snc0319ProductResourceContainer p {
font-family: 'Source Sans Pro', sans-serif;
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 3.90625VW 0px;
font-size:1.66015625VW;
line-height:1.66015625VW;
font-weight: 400;
color:#043f59;
text-align: left;
}
.snc0319ProductResourceContainer div.ResourceListBox {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.snc0319ProductResourceContainer div.ResourceListBox div.ResourceListCol {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 22.94921875VW;
}
.ResourceListColItem {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 1.953125VW 0px;
background-color: #FFFFFF;
height: 13.18359375VW;
}
.ResourceListColItem img {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 1.171875VW 0px;
width: auto;
height: 3.125VW;
}
.ResourceListColItem h3 {
font-family: 'Source Sans Pro', sans-serif;
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0.48828125VW 0px;
font-size:1.3671875VW;
line-height:2.34375VW;
font-weight: 400;
color:#043f59;
text-align: left;
}
.ResourceListColItem p {
font-family: 'Source Sans Pro', sans-serif;
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size:1.26953125VW;
line-height:3.22265625VW;
font-weight: 400;
color:#a0b2ba;
text-align: left;
letter-spacing: 0.09765625VW;
text-transform: capitalize;
}
.snc0319ProductMoreResources {
font-family: 'Source Sans Pro', sans-serif;
font-size:1.5625VW;
line-height:2.5390625VW;
font-weight: 400;
color:#00a1dd;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:0 !important;
text-decoration: none !important;
text-align: center;
display: block;
}
.snc0319ProductMoreResources:hover {
color:#03b3fd !important;
border:0 !important;
text-decoration: none !important;
}
.snc0319ProductMoreResources::after {
background-image: url("/wp-content/uploads/2019/06/noun-arrow.png");
background-size: 0.78125VW 0.78125VW;
display: inline-block;
width: 0.78125VW;
height: 0.78125VW;
content:"";
margin-left: 0.5859375VW;
}
}
@media screen and (max-width: 790px) {
.snc0319ProductResourcesSEC {
display: block;
box-sizing: border-box;
padding: 30px 20px 40px 20px;
margin: 0px 0px 0px 0px;
width:100%;
position: relative;
background-color: #fff;
}
.snc0319ProductResourcesBox {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
font-family: 'Source Sans Pro', sans-serif;
font-size:14px;
line-height:14px;
font-weight: 400;
color:#d8d8d8;
width:100%;
position: relative;
}
.snc0319ProductResourceLinkNav {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: left;
width: 100%;
float: none;
}
.snc0319ProductResourceContainer {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: left;
width: 100%;
float: none;
}
.snc0319ProductResourceLinkNav p {
font-family: 'Source Sans Pro', sans-serif;
display: block;
box-sizing: border-box;
padding: 20px 0px 20px 0px;
margin: 0px 0px 0px 0px;
font-size:13px;
line-height:13px;
font-weight: 400;
color:#043f59;
text-align: center;
}
.snc0319ProductResourceLinkNav ul {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px !important;
margin: 0px 0px 0px 0px !important;
list-style: none !important;
}
.snc0319ProductResourceLinkNav ul li {
font-family: 'Source Sans Pro', sans-serif;
display: block;
box-sizing: border-box;
padding: 0px 0px 5px 0px;
margin: 0px 0px 0px 0px;
font-size:13px;
line-height:13px;
font-weight: 400;
color:#043f59;
text-align: center;
}
.snc0319ProductResourceLinkNav ul li::before {
content: "" !important;
display: none !important;
}
.snc0319ProductResourceLinkNav ul li a {
color:#00a1dd;
text-decoration: none;
}
.snc0319ProductResourceLinkNav ul li a:hover {
color:#03b3fd;
text-decoration: none;
}
.snc0319ProductResourceLinkNav hr {
border: 0;
height: 0.02vw;
background: #cbd7dc;
}
.snc0319ProductResourceContainer h2 {
font-family: 'Source Sans Pro', sans-serif;
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 15px 0px;
font-size:41px;
line-height:51px;
font-weight: 400;
color:#f5861f;
text-align: left;
}
.snc0319ProductResourceContainer p {
font-family: 'Source Sans Pro', sans-serif;
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 40px 0px;
font-size:17px;
line-height:17px;
font-weight: 400;
color:#043f59;
text-align: left;
}
.snc0319ProductResourceContainer div.ResourceListBox {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.snc0319ProductResourceContainer div.ResourceListBox div.ResourceListCol {
display: block;
box-sizing: border-box;
padding: 0px 30px 0px 0px;
margin: 0px 0px 0px 0px;
width: 100%;
}
.ResourceListColItem {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 20px 0px;
background-color: #FFFFFF;
height: auto;
}
.ResourceListColItem img {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 12px 0px;
width: auto;
height: 32px;
}
.ResourceListColItem h3 {
font-family: 'Source Sans Pro', sans-serif;
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 5px 0px;
font-size:14px;
line-height:24px;
font-weight: 400;
color:#043f59;
text-align: left;
}
.ResourceListColItem p {
font-family: 'Source Sans Pro', sans-serif;
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size:13px;
line-height:33px;
font-weight: 400;
color:#a0b2ba;
text-align: left;
letter-spacing: 1px;
text-transform: capitalize;
}
.snc0319ProductMoreResources {
font-family: 'Source Sans Pro', sans-serif;
font-size:16px;
line-height:26px;
font-weight: 400;
color:#00a1dd;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:0 !important;
text-decoration: none !important;
text-align: center;
display: block;
}
.snc0319ProductMoreResources:hover {
color:#03b3fd !important;
border:0 !important;
text-decoration: none !important;
}
.snc0319ProductMoreResources::after {
background-image: url("/wp-content/uploads/2019/06/noun-arrow.png");
background-size: 8px 8px;
display: inline-block;
width: 8px;
height: 8px;
content:"";
margin-left: 6px;
}
}
@media screen and (max-width: 500px) {
.snc0319ProductResourcesSEC {
display: block;
box-sizing: border-box;
padding: 30px 20px 40px 20px;
margin: 0px 0px 0px 0px;
width:100%;
position: relative;
background-color: #fff;
}
.snc0319ProductResourcesBox {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
font-family: 'Source Sans Pro', sans-serif;
font-size:14px;
line-height:14px;
font-weight: 400;
color:#d8d8d8;
width:100%;
position: relative;
}
.snc0319ProductResourceLinkNav {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: left;
width: 100%;
float: none;
}
.snc0319ProductResourceContainer {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
text-align: left;
width: 100%;
float: none;
}
.snc0319ProductResourceLinkNav p {
font-family: 'Source Sans Pro', sans-serif;
display: block;
box-sizing: border-box;
padding: 20px 0px 20px 0px;
margin: 0px 0px 0px 0px;
font-size:13px;
line-height:13px;
font-weight: 400;
color:#043f59;
text-align: center;
}
.snc0319ProductResourceLinkNav ul {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px !important;
margin: 0px 0px 0px 0px !important;
list-style: none !important;
}
.snc0319ProductResourceLinkNav ul li {
font-family: 'Source Sans Pro', sans-serif;
display: block;
box-sizing: border-box;
padding: 0px 0px 5px 0px;
margin: 0px 0px 0px 0px;
font-size:13px;
line-height:13px;
font-weight: 400;
color:#043f59;
text-align: center;
}
.snc0319ProductResourceLinkNav ul li::before {
content: "" !important;
display: none !important;
}
.snc0319ProductResourceLinkNav ul li a {
color:#00a1dd;
text-decoration: none;
}
.snc0319ProductResourceLinkNav ul li a:hover {
color:#03b3fd;
text-decoration: none;
}
.snc0319ProductResourceLinkNav hr {
border: 0;
height: 0.02vw;
background: #cbd7dc;
}
.snc0319ProductResourceContainer h2 {
font-family: 'Source Sans Pro', sans-serif;
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 15px 0px;
font-size:41px;
line-height:51px;
font-weight: 400;
color:#f5861f;
text-align: left;
}
.snc0319ProductResourceContainer p {
font-family: 'Source Sans Pro', sans-serif;
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 40px 0px;
font-size:17px;
line-height:17px;
font-weight: 400;
color:#043f59;
text-align: left;
}
.snc0319ProductResourceContainer div.ResourceListBox {
display: block;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.snc0319ProductResourceContainer div.ResourceListBox div.ResourceListCol {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 100%;
text-align: center;
}
.ResourceListColItem {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 20px 0px;
background-color: #FFFFFF;
height: auto;
text-align: center;
}
.ResourceListColItem img {
display: inline-block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 12px 0px;
width: auto;
height: 32px;
text-align: center;
}
.ResourceListColItem h3 {
font-family: 'Source Sans Pro', sans-serif;
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 5px 0px;
font-size:14px;
line-height:24px;
font-weight: 400;
color:#043f59;
text-align: center;
}
.ResourceListColItem p {
font-family: 'Source Sans Pro', sans-serif;
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size:13px;
line-height:33px;
font-weight: 400;
color:#a0b2ba;
text-align: center;
letter-spacing: 1px;
text-transform: capitalize;
}
.snc0319ProductMoreResources {
font-family: 'Source Sans Pro', sans-serif;
font-size:16px;
line-height:26px;
font-weight: 400;
color:#00a1dd;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:0 !important;
text-decoration: none !important;
text-align: center;
display: block;
}
.snc0319ProductMoreResources:hover {
color:#03b3fd !important;
border:0 !important;
text-decoration: none !important;
}
.snc0319ProductMoreResources::after {
background-image: url("/wp-content/uploads/2019/06/noun-arrow.png");
background-size: 8px 8px;
display: inline-block;
width: 8px;
height: 8px;
content:"";
margin-left: 6px;
}
}
.ResourceListColItem h3 a {
color:#043f59 !important;
text-decoration: none !important;
border-bottom:0 !important;
}
.ResourceListColItem h3 a:hover {
color:#2d2d2d !important;
text-decoration: none !important;
border-bottom:0 !important;
}
View More Resources
.snc0319ProductCTASEC {
display: block;
box-sizing: border-box;
padding: 60px 0px 70px 0px;
margin: 0px 0px 0px 0px;
font-family: 'Source Sans Pro', sans-serif;
font-size:14px;
line-height:14px;
font-weight: 400;
color:#d8d8d8;
width:100%;
position: relative;
background-color: #a0b2ba;
background-image: url("/wp-content/uploads/2019/06/icon_productCTA-BGmark.png");
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
}
.snc0319ProductCTABox {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
font-family: 'Source Sans Pro', sans-serif;
font-size:14px;
line-height:14px;
font-weight: 400;
color:#043f59;
width:960px;
position: relative;
}
.snc0319ProductCTABox H3 {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 15px 0px;
font-size:54px;
line-height:54px;
font-weight: 400;
color:#043f59;
text-align: center;
letter-spacing: 2px;
}
.snc0319ProductCTABox H4 {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 30px 0px;
font-size:20px;
line-height:20px;
font-weight: 400;
color:#043f59;
text-align: center;
}
.snc0319ProductCTABox a {
display: block;
box-sizing: border-box;
width: 190px;
line-height: 44px;
background-color:#00a1dd;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
font-size: 16px;
font-weight: 600;
text-align: center;
color:#ffffff !important;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
text-transform: uppercase;
transition: all .22s;
border:2px solid rgb(255,255,255,0.0) !important;
text-decoration: none;
}
.snc0319ProductCTABox a:hover {
color:#ffffff !important;
background-color:#03B3FD;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
transition: all .22s;
border:2px solid rgb(255,255,255,0.0) !important;
}
.snc0319ProductCTABox a:focus {
color:#ffffff !important;
background-color:#03B3FD;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
transition: all .22s;
border:2px solid rgb(255,255,255,1.0) !important;
}
@media screen and (max-width: 1024px) {
.snc0319ProductCTASEC {
display: block;
box-sizing: border-box;
padding: 5.859375VW 0px 6.8359375VW 0px;
margin: 0px 0px 0px 0px;
font-family: 'Source Sans Pro', sans-serif;
font-size:1.3671875VW;
line-height:1.3671875VW;
font-weight: 400;
color:#d8d8d8;
width:100%;
position: relative;
background-color: #a0b2ba;
background-image: url("/wp-content/uploads/2019/06/icon_productCTA-BGmark.png");
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
}
.snc0319ProductCTABox {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
font-family: 'Source Sans Pro', sans-serif;
font-size:1.3671875VW;
line-height:1.3671875VW;
font-weight: 400;
color:#043f59;
width:100%;
position: relative;
}
.snc0319ProductCTABox H3 {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 15px 0px;
font-size:5.2734375VW;
line-height:5.2734375VW;
font-weight: 400;
color:#043f59;
text-align: center;
letter-spacing: 0.1953125VW;
}
.snc0319ProductCTABox H4 {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 2.9296875VW 0px;
font-size:1.953125VW;
line-height:1.953125VW;
font-weight: 400;
color:#043f59;
text-align: center;
}
.snc0319ProductCTABox a {
display: block;
box-sizing: border-box;
width: 18.5546875VW;
line-height: 4.296875VW;
background-color:#00a1dd;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
font-size: 1.5625VW;
font-weight: 600;
text-align: center;
color:#ffffff !important;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
text-transform: uppercase;
transition: all .22s;
border:0.1953125VW solid rgb(255,255,255,0.0) !important;
text-decoration: none;
}
.snc0319ProductCTABox a:hover {
color:#ffffff !important;
background-color:#03B3FD;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
transition: all .22s;
border:0.1953125VW solid rgb(255,255,255,0.0) !important;
}
.snc0319ProductCTABox a:focus {
color:#ffffff !important;
background-color:#03B3FD;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
transition: all .22s;
border:0.1953125VW solid rgb(255,255,255,1.0) !important;
}
}
@media screen and (max-width: 790px) {
.snc0319ProductCTASEC {
display: block;
box-sizing: border-box;
padding: 40px 20px 50px 20px;
margin: 0px 0px 0px 0px;
font-family: 'Source Sans Pro', sans-serif;
font-size:14px;
line-height:14px;
font-weight: 400;
color:#d8d8d8;
width:100%;
position: relative;
background-color: #a0b2ba;
background-image: url("/wp-content/uploads/2019/06/icon_productCTA-BGmark.png");
background-repeat: no-repeat;
background-position: center center;
background-size: auto 100%;
}
.snc0319ProductCTABox {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
font-family: 'Source Sans Pro', sans-serif;
font-size:14px;
line-height:14px;
font-weight: 400;
color:#043f59;
width:100%;
position: relative;
}
.snc0319ProductCTABox H3 {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 15px 0px;
font-size:44px;
line-height:44px;
font-weight: 400;
color:#043f59;
text-align: center;
letter-spacing: 2px;
}
.snc0319ProductCTABox H4 {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 30px 0px;
font-size:19px;
line-height:24px;
font-weight: 400;
color:#043f59;
text-align: center;
}
.snc0319ProductCTABox a {
display: block;
box-sizing: border-box;
width: 190px;
line-height: 44px;
background-color:#00a1dd;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
font-size: 18px;
font-weight: 600;
text-align: center;
color:#ffffff !important;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
text-transform: uppercase;
transition: all .22s;
border:2px solid rgb(255,255,255,0.0) !important;
text-decoration: none;
}
.snc0319ProductCTABox a:hover {
color:#ffffff !important;
background-color:#03B3FD;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
transition: all .22s;
border:2px solid rgb(255,255,255,0.0) !important;
}
.snc0319ProductCTABox a:focus {
color:#ffffff !important;
background-color:#03B3FD;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
transition: all .22s;
border:2px solid rgb(255,255,255,1.0) !important;
}
}
.snc0319ProductTabSEC {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 30px auto 50px auto;
font-family: 'Source Sans Pro', sans-serif;
font-size:14px;
line-height:14px;
font-weight: 400;
color:#d8d8d8;
width:960px;
position: relative;
}
.snc0319ProductTabSEC h1 , .snc0319ProductTabSEC h2.web-app{
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:40px;
line-height:50px;
color:#f5861f;
letter-spacing: normal;
margin: 0px 0px 15px 0px !important;
text-align: center;
}
.snc0319ProductTabSEC h2 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:19px;
line-height:29px;
color:#043f59;
letter-spacing: 0px;
margin: 0px 0px 40px 0px !important;
text-align: center;
}
.tabbed {
display: block;
box-sizing: border-box;
width: 960px;
margin: 0px;
padding: 0px;
text-align: center;
}
.tabbed > input {
display: none;
}
.tabbed > label {
font-family: 'Source Sans Pro', sans-serif;
display: inline-block;
box-sizing: border-box;
padding: 15px 25px 15px 25px;
margin: 0px 0px 0px 0px;
cursor: pointer;
color: #2f2820;
font-size:22px;
line-height:22px;
font-weight: 400;
border-bottom: 6px solid #FFFFFF;
transition: all .22s;
text-transform: capitalize !important;
}
.tabbed > input:checked + label {
border-bottom: 6px solid #00a5db;
transition: all .22s;
}
.tabbed > label:hover {
border-bottom: 6px solid #9cd7e9;
transition: all .22s;
}
.tabs {
display: block;
box-sizing: border-box;
clear: both;
margin-bottom: 20px;
}
.tabs > div {
display: none;
box-sizing: border-box;
width: 960px;
position: relative;
border-top: 1px solid #979797;
padding: 30px 0px 0px 0px;
line-height: auto;
}
#tab-nav-1:checked ~ .tabs > div:nth-of-type(1),
#tab-nav-2:checked ~ .tabs > div:nth-of-type(2),
#tab-nav-3:checked ~ .tabs > div:nth-of-type(3),
#tab-nav-4:checked ~ .tabs > div:nth-of-type(4),
#tab-nav-5:checked ~ .tabs > div:nth-of-type(5),
#tab-nav-6:checked ~ .tabs > div:nth-of-type(6){
display: block;
}
.snc0319ProductTabContLeadTXT {
display: block;
box-sizing: border-box;
width: 430px;
float: left;
text-align: left;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.snc0319ProductTabContLeadTXT h3.snc0319Tab1 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:28px;
line-height:38px;
color:#043f59;
padding:0px 0px 0px 0px;
margin:0px 0px 30px 0px;
}
.snc0319ProductTabContLeadTXT h3.snc0319Tab2 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:21px;
line-height:34px;
color:#043f59;
padding:0px 0px 0px 0px;
margin:0px 0px 30px 0px;
}
.snc0319ProductTabContLeadTXT h3.snc0319Tab3 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:19px;
line-height:32px;
color:#043f59;
padding:0px 0px 0px 0px;
margin:0px 0px 30px 0px;
}
.snc0319ProductTabContLeadTXT h3.snc0319Tab4 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:18px;
line-height:32px;
color:#043f59;
padding:0px 0px 0px 0px;
margin:0px 0px 30px 0px;
}
.snc0319ProductTabContLeadTXT h3.snc0319Tab5 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:20px;
line-height:32px;
color:#043f59;
padding:0px 0px 0px 0px;
margin:0px 0px 30px 0px;
}
.snc0319ProductTabContLeadTXT h3.snc0319Tab6 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:18px;
line-height:32px;
color:#043f59;
padding:0px 0px 0px 0px;
margin:0px 0px 30px 0px;
}
.snc0319ProductTabContLeadTXT h4 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:24px;
line-height:34px;
color:#043f59;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.snc0319ProductTabContLeadIMG,
.snc0319ProductTabContLeadIMG2,
.snc0319ProductTabContLeadIMG3,
.snc0319ProductTabContLeadIMG4,
.snc0319ProductTabContLeadIMG5,
.snc0319ProductTabContLeadIMG6 {
display: block;
box-sizing: border-box;
width: 512px;
float: right;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
overflow:visible;
}
.snc0319ProductTabContLeadIMG img,
.snc0319ProductTabContLeadIMG2 img,
.snc0319ProductTabContLeadIMG3 img,
.snc0319ProductTabContLeadIMG4 img,
.snc0319ProductTabContLeadIMG5 img,
.snc0319ProductTabContLeadIMG6 img {
display: block;
box-sizing: border-box;
width: 512px;
height: auto;
}
.snc0319ProductTabContBulletBox {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
box-sizing: border-box;
padding: 30px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.snc0319ProductTabContBulletCol {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #FFFFFF;
width: 300px;
}
.snc0319ProductTabContBullet2Col {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #FFFFFF;
width: 465px;
}
.snc0319ProductTabContBullet {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:16px;
line-height:29px;
color:#043f59;
padding:0px 0px 0px 28px;
margin:0px 0px 20px 0px;
text-align: left;
background-image: url("/wp-content/uploads/2019/06/icon-checkmark-circle-orange.png");
background-repeat: no-repeat;
background-position: left 0px top 6px;
background-size: 18px 18px;
}
.snc0319ProductTabContBullet span {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
}
.snc0319ProductTabContLink {
font-family: 'Source Sans Pro', sans-serif;
font-size:16px;
line-height:26px;
font-weight: 400;
color:#00a1dd;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:0 !important;
text-decoration: none !important;
}
.snc0319ProductTabContLink:hover {
color:#03b3fd !important;
border:0 !important;
text-decoration: none !important;
}
.snc0319ProductTabContLink::after {
background-image: url("/wp-content/uploads/2019/06/noun-arrow.png");
background-size: 8px 8px;
display: inline-block;
width: 8px;
height: 8px;
content:"";
margin-left: 6px;
}
.snc0319ProTabMobileH2 {
display: none;
}
.snc0319ProductResourceLinkNav p {
font-size: 16px !important;
}
@media screen and (max-width: 1060px) {
.snc0319ProductTabSEC {
display: block;
box-sizing: border-box;
padding: 0px 3.830189VW 0px 3.830189VW;
margin: 2.803738317757009VW 0px 4.672897196261682VW 0px;
font-family: 'Source Sans Pro', sans-serif;
font-size:1.3084112149532712VW;
line-height:1.3084112149532712VW;
font-weight: 400;
color:#d8d8d8;
width:100%;
position: relative;
}
.snc0319ProductTabSEC h1, .snc0319ProductTabSEC h2.web-app {
font-size:3.7383177570093453VW;
line-height:4.672897196261682VW;
color:#f5861f;
letter-spacing: normal;
margin: 0px 0px 1.4018691588785046VW 0px !important;
text-align: center;
}
.snc0319ProductTabSEC h2 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:1.7757009345794394VW;
line-height:2.710280373831776VW;
color:#043f59;
letter-spacing: 0px;
margin: 0px 0px 3.7383177570093453VW 0px !important;
text-align: center;
}
.tabbed {
display: block;
box-sizing: border-box;
width: 100%;
margin: 0px;
padding: 0px;
text-align: center;
}
.tabbed > input {
display: none;
}
.tabbed > label {
font-family: 'Source Sans Pro', sans-serif;
display: inline-block;
box-sizing: border-box;
padding: 1.4018691588785046VW 2.336448598130841VW 1.4018691588785046VW 2.336448598130841VW;
margin: 0px 0px 0px 0px;
cursor: pointer;
color: #2f2820;
font-size:1.8691588785046727VW;
line-height:1.8691588785046727VW;
font-weight: 400;
border-bottom: 0.5607476635514018VW solid #FFFFFF;
transition: all .22s;
}
.tabbed > input:checked + label {
border-bottom: 0.5607476635514018VW solid #00a5db;
transition: all .22s;
}
.tabbed > label:hover {
border-bottom: 0.5607476635514018VW solid #9cd7e9;
transition: all .22s;
}
.tabs {
display: block;
box-sizing: border-box;
clear: both;
margin-bottom: 1.8691588785046727VW;
}
.tabs > div {
display: none;
box-sizing: border-box;
width: 100%;
position: relative;
border-top: 1px solid #979797;
padding: 2.803738317757009VW 0px 0px 0px;
line-height: auto;
}
#tab-nav-1:checked ~ .tabs > div:nth-of-type(1),
#tab-nav-2:checked ~ .tabs > div:nth-of-type(2),
#tab-nav-3:checked ~ .tabs > div:nth-of-type(3),
#tab-nav-4:checked ~ .tabs > div:nth-of-type(4),
#tab-nav-5:checked ~ .tabs > div:nth-of-type(5),
#tab-nav-6:checked ~ .tabs > div:nth-of-type(6){
display: block;
}
.snc0319ProductTabContLeadTXT {
display: block;
box-sizing: border-box;
width: 37VW;
float: left;
text-align: left;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.snc0319ProductTabContLeadTXT h3 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:2.6168224299065423VW;
line-height:3.551401869158879VW;
color:#043f59;
padding:0px 0px 0px 0px;
margin:0px 0px 2.803738317757009VW 0px;
}
.snc0319ProductTabContLeadTXT h3.snc0319TabLong {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:1.8691588785046727VW;
line-height:2.990654205607477VW;
color:#043f59;
padding:0px 0px 0px 0px;
margin:0px 0px 2.803738317757009VW 0px;
}
.snc0319ProductTabContLeadTXT h4 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:2.2429906542056073VW;
line-height:3.177570093457944VW;
color:#043f59;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.snc0319ProductTabContLeadIMG {
display: block;
box-sizing: border-box;
width: 47.85046728971963VW;
float: right;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.snc0319ProductTabContLeadIMG img {
display: block;
box-sizing: border-box;
width: 47.85046728971963VW;
height: auto;
}
.snc0319ProductTabContBulletBox {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
box-sizing: border-box;
padding: 2.803738317757009VW 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.snc0319ProductTabContBulletCol {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #FFFFFF;
width: 28.037383177570092VW;
}
.snc0319ProductTabContBullet2Col {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #FFFFFF;
width: 43.45794392523364VW;
}
.snc0319ProductTabContBullet {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:1.4953271028037385VW;
line-height:2.710280373831776VW;
color:#043f59;
padding:0px 0px 0px 2.6168224299065423VW;
margin:0px 0px 1.8691588785046727VW 0px;
text-align: left;
background-image: url("/wp-content/uploads/2019/06/icon-checkmark-circle-orange.png");
background-repeat: no-repeat;
background-position: left 0px top 6px;
background-size: 1.6822429906542056VW 1.6822429906542056VW;
}
.snc0319ProductTabContBullet span {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
}
.snc0319ProductTabContLink {
font-family: 'Source Sans Pro', sans-serif;
font-size:1.4953271028037385VW;
line-height:2.4299065420560746VW;
font-weight: 400;
color:#00a1dd;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:0 !important;
text-decoration: none !important;
}
.snc0319ProductTabContLink:hover {
color:#03b3fd !important;
border:0 !important;
text-decoration: none !important;
}
.snc0319ProductTabContLink::after {
background-image: url("/wp-content/uploads/2019/06/noun-arrow.png");
background-size: 0.7476635514018692VW 0.7476635514018692VW;
display: inline-block;
width: 0.7476635514018692VW;
height: 0.7476635514018692VW;
content:"";
margin-left: 0.5607476635514018VW;
}
.snc0319ProTabMobileH2 {
display: none;
}
}
@media screen and (max-width: 790px) {
.snc0319ProductTabSEC {
display: block;
box-sizing: border-box;
padding: 0px 20px 0px 20px;
margin: 30px auto 50px auto;
font-family: 'Source Sans Pro', sans-serif;
font-size:14px;
line-height:14px;
font-weight: 400;
color:#d8d8d8;
width:100%;
}
.snc0319ProductTabSEC h1, .snc0319ProductTabSEC h2.web-app {
font-size:30px;
line-height:40px;
color:#f5861f;
letter-spacing: normal;
margin: 0px 0px 15px 0px !important;
text-align: center;
}
.snc0319ProductTabSEC h2 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:15px;
line-height:20px;
color:#043f59;
letter-spacing: 0px;
margin: 0px 0px 40px 0px !important;
text-align: center;
}
.tabbed {
width: 100%;
display: block;
box-sizing: border-box;
}
.tabbed > label { display: none }
.tabs {
display: block;
box-sizing: border-box;
clear: both;
width: 100%
}
.tabs > div {
width: 100%;
border: none;
padding: 0;
opacity: 1;
position: relative;
transform: none;
margin-bottom: 30px;
display: block;
}
.tabs > div h2 {
border-bottom: 1px solid #4EC6DE;
padding: 0px 0px 10px 0px;
margin: 60px 0px 20px 0px !important;
}
.snc0319ProductTabContLeadTXT {
display: block;
box-sizing: border-box;
width: 100%;
float: none;
text-align: left;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
.snc0319ProductTabContLeadTXT h3.snc0319Tab1,
.snc0319ProductTabContLeadTXT h3.snc0319Tab2,
.snc0319ProductTabContLeadTXT h3.snc0319Tab3,
.snc0319ProductTabContLeadTXT h3.snc0319Tab4,
.snc0319ProductTabContLeadTXT h3.snc0319Tab5,
.snc0319ProductTabContLeadTXT h3.snc0319Tab6 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:18px;
line-height:28px;
color:#043f59;
padding:10px 0px 0px 0px;
margin:0px 0px 10px 0px;
}
.snc0319ProductTabContLeadTXT h4 {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:16px;
line-height:20px;
color:#043f59;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-align: left;
}
.snc0319ProductTabContLeadIMG,
.snc0319ProductTabContLeadIMG2,
.snc0319ProductTabContLeadIMG3,
.snc0319ProductTabContLeadIMG4,
.snc0319ProductTabContLeadIMG5,
.snc0319ProductTabContLeadIMG6 {
display: block;
box-sizing: border-box;
width: 100%;
float: none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
overflow:visible;
}
.snc0319ProductTabContLeadIMG img,
.snc0319ProductTabContLeadIMG2 img,
.snc0319ProductTabContLeadIMG3 img,
.snc0319ProductTabContLeadIMG4 img,
.snc0319ProductTabContLeadIMG5 img,
.snc0319ProductTabContLeadIMG6 img {
display: block;
box-sizing: border-box;
width: 100%;
height: auto;
}
.snc0319ProductTabContBulletBox {
display: block;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
box-sizing: border-box;
padding: 30px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.snc0319ProductTabContBulletCol {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #FFFFFF;
width: 100%;
}
.snc0319ProductTabContBullet2Col {
display: block;
box-sizing: border-box;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #FFFFFF;
width: 100%;
}
.snc0319ProductTabContBullet {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 400;
font-size:14px;
line-height:24px;
color:#043f59;
padding:0px 0px 0px 28px;
margin:0px 0px 20px 0px;
text-align: left;
background-image: url("/wp-content/uploads/2019/06/icon-checkmark-circle-orange.png");
background-repeat: no-repeat;
background-position: left 0px top 5px;
background-size: 16px 16px;
}
.snc0319ProductTabContBullet span {
font-family: 'Source Sans Pro', sans-serif;
font-weight: 600;
}
.snc0319ProductTabContLink {
font-family: 'Source Sans Pro', sans-serif;
font-size:16px;
line-height:18px;
font-weight: 400;
color:#00a1dd;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:0 !important;
text-decoration: none !important;
}
.snc0319ProductTabContLink:hover {
color:#03b3fd !important;
border:0 !important;
text-decoration: none !important;
}
.snc0319ProductTabContLink::after {
background-image: url("/wp-content/uploads/2019/06/noun-arrow.png");
background-size: 8px 8px;
display: inline-block;
width: 8px;
height: 8px;
content:"";
margin-left: 6px;
}
.snc0319ProTabMobileH2 {
display: block;
font-family: 'Source Sans Pro', sans-serif;
font-size:30px !important;
line-height:30px !important;
font-weight: 400;
color:#00a1dd;
padding:0px 0px 0px 0px;
margin:60px 0px 0px 0px;
}
}
Everything you need to Create Stunning Web Applications
Ext JS includes 140+ UI components, such as HTML5 calendar, grids, pivot grid, D3 adapter, trees, lists, forms, menus, toolbars, panels, windows, and much more. Hundreds of user extensions are also available from the Sencha community.
Develop
Accelerate web application development with an enterprise-ready framework, components and tools built to work together seamlessly.
Our extensive 140+ pre-built component library includes but is not limited to:
Grid — Handle millions of records and provides built-in functionality such as sorting and grouping.
Pivot Grid — Add powerful analytics functionality to React applications.
Exporter — Export data from the standard grid or Pivot Grid to a wide variety of common formats.
Layouts — Ensures the proper sizing and positioning of all components with the powerful and flexible layout system.
Charts — Visually represent data with a broad range of dynamic and static charts including line, bar, and pie charts.
D3 Adapter — Add sophisticated Data-Driven Documents package (D3) visualizations such as heatmaps, treemaps, sunbursts and more to your web applications.
Design
Improve the design process with pre-integrated tools like Sencha Architect, Stencils and Themer.
Architect — empowers developers to build Ext JS applications using drag-and-drop features, so less time is spent on manual coding.
Stencils — enables developers to quickly and easily mock up, style, prototype, and evaluate interface designs.
Test
Sencha Test is the most comprehensive unit and end-to-end testing solution for Ext JS. Sencha Test helps developers and test automation engineers to:
Improve the quality of your apps through end-to-end testing.
Leverage unit and functional testing for Ext JS apps to increase team productivity and accelerate release cycles.
Create robust tests by leveraging the deep integration between Sencha Test and Ext JS.
Adaptive
Ext JS includes a flexible layout manager to help organize the display of data and content across multiple browsers, devices, and screen sizes. It helps you to control the display of components, even for the most complex user interfaces. Ext JS also provides a responsive config system that allows application components to adapt to specific device orientation (landscape or portrait) or available browser window size.
Accessibility
Ext JS includes features that align with the ADA Standards for Accessible Design. The Ext JS ARIA package makes it possible to add accessibility support to your applications by providing tools that you need to achieve Section 508 Compliance. Using the ARIA package, you can create apps that can be used by people who need assistive technologies such as screen readers to navigate the web
Data Package
The robust data package included in Ext JS decouples the UI components from the data layer. The data package:
Allows client-side collections of data using highly functional models that offer features such as sorting and filtering.
Is protocol agnostic, and can consume data from any back-end source.
Comes with session management capabilities that allow several client-side operations, minimizing round-trips to the server
Build Better Applications with Sencha Tools
Build your apps end-to-end using Sencha state-of-the-art tools.Sencha Architect
Build Ext JS applications using drag-and-drop features and spend less time on manual coding.
Sencha Themer
Design customized application themes using graphical tools — without writing code.
IDE and Code Editor Plugins
IDE and Code Editor Plugins integrate Sencha frameworks into your enterprise workflow, enabling code completion, inspection, generation, navigation, refactoring and more.
ExtGen
ExtGen is a node based cross-platform command line tool that provides multiple modes for application generation.
ExtBuild
ExtBuild is a new node based tool to build Ext JS applications that currently uses Sencha Cmd and Google Closure compiler for building and transpiling Ext JS applications.
Sencha Fiddle
Sencha Fiddle is a free tool that allows you to try ExtReact code in your browser without downloading or installing anything. You can easily share your ExtReact code by saving and sharing fiddle URLs.
Sencha Cmd
A full set of lifecycle management features including scaffolding, code minification, transpilation from ES6, dynamic package loading, build generation for PWAs and more.
Inspector
Debugging tool that provides direct access to components, classes, objects, and more for apps built using Sencha frameworks.
Sencha Stencils
Stencils is a complete UI asset kit for Adobe Illustrator, Sketch, Balsamiq and is also available as SVG/PNG for use with other programs.
Case Study: Governance.io & Ext JS
Learn why Governance.io chose to use Ext JS to build their governance, compliance and risk management application for desktop and mobile.
WATCH THE VIDEOExt JS Resources
View Examples, Videos, Webinars, Datasheets and Whitepapers about Ext JS
GETTING STARTED
SUPPORTED BROWSERS
- IE 11+
- Chrome
- Chrome/Stock Browser on Android 4.4+
- Firefox
- Microsoft Edge on Win 10
- Safari on iOS9+
- Safari 9+
- Opera
SUPPORTED SUBSCRIBERS
- Latest version: Ext JS 7.7.0
