/* FONTS begin */
@font-face {
    font-family: 'CiscoSansTTRegular';
    src: url('../fonts/CiscoSansTTRegular.woff2') format('woff2'),
         url('../fonts/CiscoSansTTRegular.woff') format('woff');
    font-weight: normal;
    
}
@font-face {
    font-family: 'CiscoSansTTLight';
    src: url('../fonts/CiscoSansTTLight.woff2') format('woff2'),
         url('../fonts/CiscoSansTTLight.woff') format('woff');
    font-weight: lighter;
    
}
@font-face {
    font-family: 'CiscoSansTTExtraLight';
    src: url('../fonts/CiscoSansTTExtraLight.woff2') format('woff2'),
         url('../fonts/CiscoSansExtraLight.woff') format('woff');
    font-weight: lighter;
    
}
@font-face {
    font-family: 'CiscoSansTTBold';
    src: url('../fonts/CiscoSansTTBold.woff2') format('woff2'),
         url('../fonts/CiscoSansBold.woff') format('woff');
    font-weight: bold;
    
}
/* FONTS begin */
* {box-sizing: border-box;margin:0;padding:0;}
body {
    font-variant-ligatures: none;
    font-feature-settings: "liga" 0;
    font-family: CiscoSansTTExtraLight;
    font-weight: 200;
    color: #4d4c4c;
}
section {
    width: 100%;
    max-width: 1600px;
}
.tc-inset {
    padding-left: 160px;
    padding-right: 160px;
}
.txt-c {text-align: center;}
.txt-l {text-align: left;}
.tc-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    width:100%;
}
.tc-boxes-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: top;
    align-items: center;
    text-align: center;
    width:100%;
}
/* SECTION 1 begin */
#tc-section1 {
    display: flex;
    background-color: #00325e;
    padding-top: 120px;
    padding-bottom: 110px;
    color: #fafafa;
}
#tc-section1 h1{
    font-family: CiscoSansTTExtraLight;
    font-weight: lighter;
    font-size: 76px;
    line-height: 84px;
    padding-bottom: 60px;
}
#tc-section1 p{
    font-family: CiscoSansTTLight;
    font-weight: 200;
    font-size: 30px;
    line-height: 38px;
    color: #fafafa;
}
.tc-s1-bg {
        overflow: hidden;
        position: relative;
        background-image: url("../images/sec1-bg.gif");
        background-repeat: repeat, repeat;
        background-size: 1600px 525px;
        background-position: center center;
        margin-top: 0px; 
}
/* SECTION 1 end */
/* SECTION 2 begin */
#tc-section2 {
    background-color: #fafafa;
    padding-top: 70px;
    padding-bottom: 70px;
    padding-left: 0px;
    padding-right: 0px;
}
#tc-section2 p {
    font-family: CiscoSansTTLight;
    font-weight: lighter;
    font-size: 22px;
    line-height: 28px;
}
.tc-s2-clouds {
    overflow: hidden;
    width: 100%;
    height: auto;
    position: relative;
}
.tc-s2-clouds img{
    width: 100%;
    height: auto;
    padding-right: 10px;
}
.tc-s2-box {
    padding-left: 20px;
}
/* SECTION 2 end */
/* SECTION 3 begin */
#tc-section3 {
    background-color: #fff;
    padding-top: 70px;
    padding-bottom: 100px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
#tc-section3-header {
    padding-bottom: 75px;
}
#tc-section3-header h2{
    font-family: CiscoSansTTExtraLight;
    font-weight: lighter;
    font-size: 48px;
    padding-bottom: 40px;
}
#tc-section3-header p{
    font-family: CiscoSansTTLight;
    font-weight: lighter;
    font-size: 22px;
    line-height: 26px;
    text-align: center;
}
#tc-section3-diagram {
    padding-bottom: 100px;
}
#tc-section3-diagram-mb {
display: none;
}
#tc_s3_diagram_frame {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
}
.tc-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 63%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
.tc-responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
#tc-s3-diagram-boxes {
display: none;
}
/* SECTION 3 end */
/* SECTION 4 begin */
#tc-section4 {
    background-color: #fafafa;
    padding-top: 70px;
    padding-bottom: 100px;
}
#tc-section4-header {
    padding-bottom: 75px;
}
#tc-section4-header h2{
    font-family: CiscoSansTTExtraLight;
    font-weight: lighter;
    font-size: 48px;
    padding-bottom: 40px;
}
#tc-section4-header p{
    font-family: CiscoSansTTLight;
    font-weight: lighter;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
}
#tc-section4-diagram {
    padding-bottom: 0px;
}
#tc-section4-diagram-mb {
    display: none;
}
#tc-s4-diagram-boxes {
display: none;
}
/* SECTION 4 end */
/* DIAGRAM BOXES begin */
#tc-diagram-boxes {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    margin: 10px auto;
    position: relative;
    text-align:center;  
}
#tc-diagram-boxes h1{
    font-size: 38px;
    line-height: 44px;
    text-align: left;
}
#tc-diagram-boxes p{
    font-size: 22px;
    line-height: 30px;
    text-align: left;
}
/* DIAGRAM BOXES end */
/* SECTION 5 begin */
#tc-section5 {
    background-color: #fff;
    padding-top: 70px;
    padding-bottom: 100px;
}
#tc-section5-header h2{
    font-family: CiscoSansTTExtraLight;
    font-weight: lighter;
    font-size: 48px;
    padding-bottom: 40px;
}
#tc-section5-header p{
    font-family: CiscoSansTTLight;
    font-weight: lighter;
    font-size: 22px;
    line-height: 26px;
    text-align: center;
    padding-bottom: 70px;
}
#tc-section5-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    margin: 10px auto;
    position: relative;
    text-align:center;  
}
.tc-s5-box-right {
    text-align: right;
    margin-right: 20px;
    padding-bottom: 60px !important;
}
.tc-s5-box-left {
    text-align: left;
    margin-left: 20px;
    padding-bottom: 60px !important;
}
/* SECTION 5 end */
.row::after {
  content: "";
  clear: both;
  display: block;
  float: left;
}

[class*="col-"] {
  float: left;
  padding: 0px;
}
.tc-col-1 {width: 8.33%;}
.tc-col-2 {width: 16.66%;}
.tc-col-3 {width: 25%;}
.tc-col-4 {width: 33.33%;}
.tc-col-5 {width: 41.66%;}
.tc-col-6 {width: 50%;}
.tc-col-7 {width: 58.33%;}
.tc-col-8 {width: 66.66%;}
.tc-col-9 {width: 75%;}
.tc-col-10 {width: 83.33%;}
.tc-col-11 {width: 91.66%;}
.tc-col-12 {width: 100%;}

/* BUTTONS begin*/

a.tc-cta1 {
        font-family: CiscoSansTTExtraLight !important;
        font-weight: 600 !important;
        font-size: 16px !important;
        padding: 14px 30px 14px 30px !important;
        border-radius: 100px !important;
        line-height: 1.37 !important;
        margin-bottom: 0 !important;
        text-align: center !important;
        background-color: #00bceb !important;
        border: 1px solid #ffffff !important;
        color: #0D274D !important;
        text-decoration: none !important;
}
a.tc-cta1:visited {
        font-family: CiscoSansTTExtraLight !important;
        font-weight: 600 !important;
        font-size: 16px !important;
        padding: 14px 30px 14px 30px !important;
        border-radius: 100px !important;
        line-height: 1.37 !important;
        margin-bottom: 0 !important;
        text-align: center !important;
        background-color: #00bceb !important;
        border: 1px solid #ffffff !important;
        color: #0D274D !important;
        text-decoration: none !important;
}
a.tc-cta1:hover {
        background-color: #33C9EF !important;
}
a.tc-cta2 {
        font-family: CiscoSansTTExtraLight !important;
        font-weight: 600 !important;
        font-size: 16px !important;
        padding: 14px 30px 14px 30px !important;
        border-radius: 100px !important;
        line-height: 1.37 !important;
        margin-bottom: 0 !important;
        text-align: center !important;
        background-color: #ffffff !important;
        border: 1px solid #0175a1 !important;
        color: #0175A2 !important;
        text-decoration: none !important;
}
a.tc-cta2:visited {
        font-family: CiscoSansTTExtraLight !important;
        font-weight: 600 !important;
        font-size: 16px !important;
        padding: 14px 30px 14px 30px !important;
        border-radius: 100px !important;
        line-height: 1.37 !important;
        margin-bottom: 0 !important;
        text-align: center !important;
        background-color: #ffffff !important;
        border: 1px solid #0175a1 !important;
        color: #0175A2 !important;
        text-decoration: none !important;
}
a.tc-cta2:hover {
        background-color: #18365A !important;
        color: #ffffff !important;
        border: 1px solid #18365A !important;
}
/* BUTTONS end */

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="tc-col-"] {
    width: 100%;
  }
.tc-inset {
    padding-left: 30px;
    padding-right: 30px;
}
  /* SECTION 1 begin */
#tc-section1,#tc-section2,#tc-section3,#tc-section4,#tc-section5 {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 0px;
    padding-right: 0px;

}
#tc-section1 h1{
    font-size: 36px;
    line-height: 44px;
    padding-bottom: 20px;
    content:' ';
}
#tc-section1 h1 br {
display: none;
}
#tc-section1 p{
    font-size: 16px;
    line-height: 22px;
}
.tc-s1-bg {
        overflow: hidden;
        position: relative;
        background-image: url("../images/sec1-bg.gif");
        background-repeat: repeat, repeat;
        background-size: cover;
        background-position: center center;
        margin-top: 0px; 
}
/* SECTION 1 end */
/* SECTION 2 begin */
#tc-section2 p {
    font-size: 16px;
    line-height: 22px;
}
.tc-s2-clouds {
    overflow: hidden;
    width: 100%;
    height: auto;
    position: relative;
}
.tc-s2-clouds img{
    width: 100%;
    height: auto;
}
.tc-s2-box {
    padding-left: 0px;
}
/* SECTION 2 end */
/* SECTION 3 begin */
#tc-section3-header {
    padding-bottom: 40px;
}
#tc-section3-diagram-mb {
    overflow: hidden;
display: block;
}
#tc-section3-diagram-mb img{
    width: 100%;
    height: auto;
}
#tc-s3-diagram-boxes {
    display: block;
    padding-top: 40px;
    text-align: left;
    padding-left: 32px;
    padding-right: 32px;
}
#tc-s3-diagram-boxes h1{
    padding-bottom: 20px;
}
#tc-s3-diagram-boxes p{
    font-family: CiscoSansTTLight;
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 40px;
}
#tc-section3-header h2{
    font-weight: lighter;
    font-size: 30px;
    padding-bottom: 40px;
}
#tc-section3-header p{
    font-weight: lighter;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
}
#tc-section3-diagram {
    display: none;
}
/* SECTION 3 end */
/* SECTION 4 begin */
#tc-section4-diagram {
    display: none;
}
#tc-section4-diagram-mb {
    overflow: hidden;
    display: block;
}
#tc-section4-diagram-mb img{
    width: 100%;
    height: auto;
}
#tc-section4-header h2{
    font-weight: lighter;
    font-size: 30px;
    padding-bottom: 40px;
}
#tc-section4-header p{
    font-weight: lighter;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
}
#tc-s4-diagram-boxes {
    display: block;
    padding-top: 40px;
    text-align: left;
    padding-left: 32px;
    padding-right: 32px;
}
#tc-s4-diagram-boxes h1{
    padding-bottom: 20px;
}
#tc-s4-diagram-boxes p{
    font-family: CiscoSansTTLight;
    font-weight: lighter;
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 40px;
}
/* SECTION 4 end */
/* SECTION 5 begin */
#tc-section5-header h2{
    font-weight: lighter;
    font-size: 30px;
    padding-bottom: 40px;
}
#tc-section5-header p{
    font-weight: lighter;
    font-size: 16px;
    line-height: 22px;
}
.tc-s5-box-right {
    text-align: center;
    margin-right: 0px;
    padding-bottom: 60px !important;
}
.tc-s5-box-left {
    text-align: center;
    margin-left: 0px;
    padding-bottom: 60px !important;
}
/* SECTION 5 end */
.mb-diagram-box-number {
    position: absolute;
    left: 32px;
    margin-top:3px;
    width: 22px;
    height: 22px;
    border-radius: 40px;
    background-color: #faab2b;
    font-family: 'CiscoSansTTBold';
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    color:#fff;
}
}