.mininavrow{
    padding:0 1%;
    background: #949CA6;
}


    
a.cmsi-module-showcase-back,
a.cmsi-showcase-readmore {
 color:#4d5a6b;
}


.padded-sides-featuresheet-xl {
    padding-left: 12%;
    padding-right: 12%;
}

.calloutShowcase {
 padding: 3%;   
}
    
.showcaseThumbnail {
    height:200px;
    display: table-cell;
    vertical-align: middle;
}    
    
    
#faqs {
    background-color: #4d5a6b;
}


#faqs li .accordion-title {
 color: white;
}


#faqs li.is-active .accordion-title {
 color:#4d5a6b;
}

#faqs li {
    background-color: #4d5a6b;
    font-size: 14px;
    color:white !important;
}

.pricingtablemobbuttons li .accordion-title {
  background: none;
}

.pricingtablemobbuttons li:first-child {
  background-color: rgba(6, 203, 239,.4);
  margin: 20px !important;
}

.pricingtablemobbuttons li:nth-child(2) {
  background-color: #06cbef;
  margin: 20px !important;
}
.pricingtablemobbuttons li:nth-child(3) {
  background-color: #4d5a6b;
  margin: 20px !important;
}


.pricingtablemobbuttons a {
    margin: 10px 0;
    color: white !important;
    font-size: 18px;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 2px;
}



.accordion li .accordion-title {
 border:none !important;
}


#attached-banner-image-feature-sheet {
    height: 400px;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
}        


#features:focus, #pricingtable:focus, #pricingtablemob:focus, #whytelelink:focus, #faqs:focus, #about:focus {
    outline:none;
}

.returntotoprow{
 bottom: 30px;
 left: 0px;   
 position:fixed;
 z-index:999;
}

@media screen and (max-width: 849px) {
.pricingtable {
    display:none;
}
#pricingtable {
    display:none;
}

.fa-4x {
font-size: 3em;
}

}


@media screen and (min-width: 850px) {
.pricingtablemob {
    display:none;
}
#pricingtablemob {
    display:none;
}

}

.accordion li .accordion-title:hover, .accordion li.is-active .accordion-title {
  color: #4d5a6b;
  box-shadow: none !important;
}

.accordion-content {
  color: #4d5a6b !important;
}


.featured-client-copy h3, .featured-client-copy h5 {
    font-weight: 400;
}


.highlights td {
width: 25%;
}


.accordion-title::before {
content: none !important;
}
    


@media screen and (min-width: 1050px) {
.homebackgroundmob {
    display:none !important;
}
}

@media screen and (max-width: 1049px) {
.homebackgroundwide {
    display:none !important;
}
}

    
.cms-button-primary, #sticky .phone a, .cms-button-secondary, .cms-button-alert, .cms-button-success, input[type="submit"], input[type="reset"], input[value="Reset Password"] {
border-radius: 3px;
}


.header-contact-items {
    font-size: 20px;
    margin-top: 26px;
    font-weight: 400;
}


    
.landing-page-bullets ul, .landing-page-bullets h3 {
    list-style: none !important;
    font-size: 24px;
}

.landing-page-bullets ul li::before {
    content: "\f058";
    font-family: "Font Awesome 5 Free";
    padding: 0 10px 0 0;
}

    
#attached-cta-image {
    background-repeat: no-repeat !important;
    background-size:cover;
    padding: 50px 25px;
}        

.landing-page-cta-row .control-label, .landing-page-cta-row h1 {
    color: white;
}


.landing-page-dark-text-overlay h1 {
font-size: 60px;
font-weight: 700;
color: #4d5a6b;
padding-top: 120px;
padding-right: 10%;
padding-left: 10%;
text-align: center;
width: 100%;
}
    
    
.landing-page-dark-text-overlay h3 {
font-size: 40px;
font-weight: 700;
color: #4d5a6b;
padding-top: 30px;
padding-right: 10%;
padding-left: 10%;
text-align: center;
width: 100%;
}
    
    
.landing-page-dark-text-overlay {
    display: block;
    height: 100%;
    width: 100%;
}

.landing-page-white-text-overlay h1 {
font-size: 60px;
font-weight: 700;
color: white;
padding-top: 120px;
padding-right: 10%;
padding-left: 10%;
text-align: center;
    width: 100%;
}
    
.landing-page-white-text-overlay {
    display: flex;
    height: 100%;
}

.landing-page-white-text-overlay-wrap {
    display: flex;
    height: 100%;
    width: 100%;
    background: rgba(77, 90, 107,.4)
}

@media handheld, only screen and (max-width: 850px) {
.landing-page-white-text-overlay h1 {
    font-size: 40px;
}
.landing-page-dark-text-overlay h1 {
    font-size: 40px;
}

.landing-page-dark-text-overlay h3 {
    font-size: 24px;
}

.header-contact-items {
    font-size: 16px;
    margin-top: 25px;
}

}

@media handheld, only screen and (max-width: 640px) {

.header-contact-items {
    font-size: 10px;
    margin-top: 15px;
}

.topbar .columns {
    padding-left:0;
}
}


#ifg-form-container .control-label {
    font-weight:300;
}


#pageTitleLP {
    position: relative;
    min-height: 115px;
}

#pageTitleLP h1 {
    color: white;
}

#pageTitleLP .title {
    background: #4d5a6b;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    height: 115px;
    border: 0;
}

.cta h4 {
font-size: 24px;
width: 60%;
margin-left: auto !important;
margin-right: auto !important;
text-align:center;
}
    
    



div.alert {
  border-radius: 3px !important;
  box-shadow: none !important;
  color: #4d5a6b !important;
}
    

    
img {
  border-radius: 3px;
}


.padding-top-200px {
  padding-top:200px !important;
}

@media handheld, only screen and (max-width: 850px) {
.padding-top-200px {
  padding-top:40px !important;
}
}

.cmsi-showcase-thumb {
  float: left;
  padding-right: 25px !important;
}


.cta .wrapper {
    padding: 80px 0 80px;
}
    
    
.cta {
 background:url(/files/Telelink-CTA-Background.jpg) no-repeat;
}



.noshowrow {
    display:none !important;
}    


.padded-sides-lg {
    padding-left: 10%;
    padding-right: 10%;
}

.padded-sides-sm {
    padding-left: 5%;
    padding-right: 5%;
}


.margin-top-xl {
    margin-top: 100px !important;
}


.margin-top-lg {
    margin-top: 50px !important;
}

.margin-top-sm {
    margin-top: 25px !important;
}


.margin-top-none {
    margin-top: 0 !important;
}






@media handheld, only screen and (max-width: 850px) {
    
  #white #home header {
    position:inherit !important;
 }
}

@media handheld, only screen and (max-width: 1250px) {
 header {
  padding:34px 0 0;
 }
  
 nav>ul>li>a {
  height:83px;
 }

    header .large-8 {
  width: 66.66667% !important;
  text-align:right;
  padding-top:10px
}

    header .large-4 {
  width: 33.33333% !important;
  text-align:left;
  padding-top:10px
}

 nav {
  float:none;
  margin: auto;
 }

 .highlights td {
    display: block;
    width: 70%;
    border-right: 0;
    border-bottom: 1px solid #ddd;
    padding: 30px 0.9375em !important;
    padding-top: 30px;
margin-left: auto;
margin-right: auto;
 }
    
    
    
}



@media handheld, only screen and (max-width: 1050px) {
 nav {
  display:inline-block;
 }
 
 .slicknav_menu {
  display:none;
 }
}


@media handheld, only screen and (max-width: 850px) {
 nav {
  float:none;
  display:none;
  margin:10px auto -5px;
 }

 header {
  padding:20px 0 0
 }

 header .large-8,
 header .large-4,
 header .large-12 {
  width: 100% !important;
  text-align:center;
  padding-top:10px
 }
 
}


@media handheld, only screen and (max-width: 850px) {
 .slicknav_menu {
  display:block;
 }
}



    
    
/* *******FOR ROWS OF 3 by X******* */
.iconpad {
    padding: 0 10px;
    width:60px;
    text-align:center;
}

.item-one-third {
    min-width: 33%;
    margin: 20px 0;
    display:inline-block;
}
.item-one-third-pad {
    padding-left: 2%;
}

.industrybutton {
    height: 135px;
    width: 100%;
    background-size: cover !important;
    border: none !important;
    border-radius: 3px 3px 0 0 !important;
    }

.industrybuttonimg {
    height: 135px;
    width: 100%;
    background-size: cover !important;
    border: none !important;
    border-radius: 3px 3px 0 0 !important;
    }


.industrybuttondiv {
    margin: 0px 1% 3%;
    display: inline-block;
    min-width: 31%;
    padding: 0 0 1%;
    font-size: x-large;
    text-align: center;
    border-radius: 3px;
    background:white;
}


.iconbulletscontainer {
    margin: auto  !important;
    width: 75%;
    text-align: left;
    font-size: 15px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 500;
}

.featured-client-row {
    padding: 30px 10px 0;
    width: 90%;
    margin:auto !important;
}

.featured-client-copy h3, .featured-client-copy h5{
    color:#4d5a6b;
}

.featured-client-copy {
    margin: 10% 0 !important;
    padding: 0 10%;
}


.logoscell {
    padding: 0 20%;
}

.homeabout {
    padding-top: 40px;
    margin-left: 0;
    margin-right: 0;
    background: #B8BEC4;
    max-width: none !important;
    padding-left: 40px;
    padding-right: 40px;
    /*display:none !important;*/
}

.homeaboutimg {
    border-radius:0px;
    border: white 12px solid;
    transform: rotate(-2deg);
}

.homeaboutimgcell {
    padding: 3% 7% 5%;
    text-align:center;
}

.homeaboutdesc {
    padding-bottom: 10%;
}


.numbersrow{
    padding:3% 10%;
    margin: 50px 0 0px !important;
}

.numbersrow h1 {
color: white;
text-align: center;
text-transform: uppercase;
margin-bottom: 50px;
letter-spacing: 7px;
font-weight: 700;
}
    

.third {
    width: 33% !important;
}

.numberscell {
width: 25%;
padding: 0 1px !important;
text-align:center;
vertical-align:top;
}

.numberscell h1 {
margin-bottom:20px !important;
}

.numberscell p {
font-size: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
font-weight: 500;
padding: 0 5px;
color:white;
}


.awardsrow{
    padding:0 10%;
    background: #949CA6;
}

.awardscell {
width: 25%;
padding: 0 3% !important;
text-align:center;
}


.midnavcell {
width: 15% !important;
padding: 20px 1% !important;
text-align:center;
}

a {
    outline:0;
}

.midnavcell a {
color: white;
}

.midnavcell p {
font-size: 15px;
letter-spacing: 0.1em;
text-transform: uppercase;
font-weight: 500;
padding: 0 5px;
color:white;
}



/*   _________MEDIA_________   */
@media handheld, only screen and (max-width: 768px) {
.logoscell {
    padding: 0 1%;
}

.awardscell {
padding: 0 1% !important;
}


.midnavcell {
padding: 10px 1px !important;
width: 20% !important;
}


.midnavcell p {
font-size: 10px;
}



}

@media handheld, only screen and (max-width: 768px) {
.featured-client-logo {
    width: 40%;
    margin: 20px auto 0;
}
.featured-client-copy {
    margin: 0 0 !important;
}
    
}

@media handheld,  only screen and (max-width: 1325px) {
.item-one-third, .industrybuttondiv, .industrybutton {
    min-width: 47%;
    margin: 10px 1%;
}
}

@media handheld, only screen and (max-width: 930px) {
.item-one-third,.industrybuttondiv, .industrybutton {
    min-width: 97%;
    margin: 10px 1%;
}
.iconbulletscontainer {
    width: 60% !important;
    margin: auto  !important;
}
}

@media handheld, only screen and (max-width: 600px) {
.iconbulletscontainer {
    width: 90%  !important;
    margin: auto  !important;
}

.numberscell h1 {
font-size:20px;
letter-spacing: 2px;
}

.numberscell p {
font-size: 10px;
}

}


/* __________________ */


/* ******* FOR FW WITH BANNER ******* */
    .tymbrel-row:not(.cmsi-layout-container) .tymbrel-col {
 padding:0;
}

.tymbrel-row:not(.cmsi-layout-container) {
 margin:0;
}


/* *******CORE******* */

h1, h2, h3, h4, h5, h6 {
    color: #4d5a6b;
   }

   
body, footer {
    color: #4d5a6b; /* grey @ 70% */
}

footer h2 {
 color:#4d5a6b;
}

footer form input[type="submit"] {
 background:#4d5a6b;
 border-radius: 3px;
}
 

.leadin {
 color:#4d5a6b;
}


.highlights h2 + p {
 color: #4d5a6b;
}

a:hover {
 color:rgb(131, 140, 152);
}



.cms-button-primary, .cms-button-secondary, .cms-button-success, .cms-button-alert {
    border-radius: 3px;
    letter-spacing: 0.1em;

}

.cms-button-secondary {
    background:white;
    color: #4d5a6b;
    border-color: white !important;
}

.cms-button-secondary:hover {
    color:#4d5a6b;
    background: white;
}


.fw-grey20 {
    background-color:#DBDEE1;
}
.fw-grey40 {
    background-color:#B8BEC4;
}
.fw-grey70 {
    background-color:#838C98;
}


.social, .citation-social {
   float: none;
}

.blue {
   background: rgb(6,203,239);
  }

.red {
   background: rgb(216,41,41);
}

.redtext {
   color: rgb(216,41,41);
}


.altredtext {
    color:#06cbef;
}

.altredback {
    background-color:#06cbef;
}


.topbar {
 font-weight:400;
}

#white nav>ul>li:last-child>a {
 color:#4d5a6b;
}
 
 #white nav>ul>li>a {
 color:#4d5a6b;
}

 
 
nav>ul>li:last-child>a {
 background:none;
}


#white nav>ul>li:last-child:hover a,
#white nav>ul>li:last-child.active a {
 color:rgb(216,41,41);
 border:none;
 background: none;
}

nav>ul>li>a {
border:none;
}



@media handheld, only screen and (max-width: 1050px) {
    
  #white #home header {
    position:absolute;
 }
 
 #attached-banner-image {
  background-position-x: -400px !important;
}

}

#attached-banner-image {
    height: 500px;
    background-attachment: fixed !important;
    background-repeat: no-repeat !important;
}        


#white .feature section .large-6 {
background: #fff;
    padding: 30px;
    margin-right: 0;
    float: right;
    max-width: 750px;
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.2);
    position: relative;
    border-radius: 3px;
}

#white .feature section .large-6 h1,
#white .feature section .large-6 #pageTitle p,
#pageTitle #white .feature section .large-6 p,
#white .feature section .large-6 h2,
#white .feature section .large-6 p {
 color:#4d5a6b;
 font-weight: 300;
}


h1, #pageTitle h1 {
 font-weight:400;
}


#white .feature section .large-6 .internal-banner-white-headline h1 {
 color:white;
 font-weight: 700;
}

#white .feature section .large-6 .internal-banner-dark-headline h1 {
 color:#4d5a6b;
 font-weight: 700;
}

.feature section .cms-button-primary:hover,
.feature section #sticky .phone a:hover,
#sticky .phone .feature section a:hover,
.feature section .cms-button-success:hover {
 color:#4d5a6b;
}

    
#white footer .social li a:before,
#white footer .citation-social li a:before {
 color:#777;
}



@media handheld, only screen and (max-width: 1050px) {
 #white .feature section {
  display:none;
  position:relative;
  bottom:auto;
  background:#222;
  padding:0;
 }
}




@media handheld, only screen and (max-width: 1250px) {

    #white .feature section .large-6 {
        width: 60%;
    }
    }
  
@media handheld, only screen and (max-width: 1050px) {

#white .feature section .large-6 {
	width: 100%;
	max-width: none;
	padding: 20px;
}
}



@media handheld, only screen and (max-width: 850px) {
    #white .feature section .large-6 {
        width: 100%;
        border-radius: 0;
    }
    }

@media handheld, only screen and (max-width: 600px) {
.util-feature {
    background-size: 300% !important;
}
}