body {
  font-family: 'Raleway', sans-serif;
}

p {
  font-size: 1.2em;
  line-height: 1.9em;
  font-family: 'Raleway', sans-serif;
}

h2 {
  /* color: #337ab7; */
  color: white !important;
  font-family: 'Raleway', sans-serif;
}

h3 {
  /* color: #337ab7; */
  color: white;
  font-family: 'Raleway', sans-serif;
}

.img-outline {
  /* border-color: #0077b5; */
  border-color: #193b59;
  border-style: solid;
  padding: 3px;
}

.section-dblue {
  background-color: #193B59 !important;
  color: white;
}

.section-lblue {
  background-color: #337ab7 !important;
  color: white;
}
.section-slblue {
  background-color: #414a52 !important;
  color: white;
}


/* End or preliminary Settings */


.navbar-brand {
  font-size: small;
}

.nav-info {
  font-size: small;
  background-color: #337ab7 !important;
  color: white;
}


.left-side .bx-border{
  /* background: #334242; */
}

.right-side .bx-border{
  background: #334242;
}

@media (min-width: 992px) {
  .nav-info {
    flex: 0 0 auto;
    padding-right: 8rem !important;
    padding-left: 8rem !important;
  }
}

.nav-info a {
  font-size: small;
  background-color: #337ab7 !important;
  color: white;
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .nav-info .small-break {
    /* display: contents; */
  }
  .small-bread .small-font{
    font-size: 1vh!important;
  }
 
}

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .nav-info .small-break {
    display: contents;
  }
}

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .nav-info .small-break {
    display: contents;
  }
}

.nav-routes {
  font-size: small;
  background-color: #222 !important
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .nav-routes {
    padding-right: 8rem !important;
    padding-left: 8rem !important;
  }
}

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .nav-routes {
    padding-right: 8rem !important;
    padding-left: 8rem !important;
  }
}

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .nav-routes {
    padding-right: 8rem !important;
    padding-left: 8rem !important;
  }
}

/* 
.px-1 {
  padding-right: .25rem !important;
  padding-left: .25rem !important;
} */

.navbar-brand span {
  font-weight: 100;
}

.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
  color: #337ab7;
  font-weight: bolder;
}

/*  */

.slider-element {
  color: #337ab7 !important;
}


/* Insurance */

#insurance p {
  font-size: inherit;
}

/* Works */
#works .clear-p {
  font-size: inherit;
  line-height: inherit;
  font-family: 'Raleway', sans-serif;
}

#works .border-outline {
  border-color: #0077b5;
  margin: 15px;
  border-style: solid;
  padding: 3px;
}


#footprints .card{
  border: none !important
}

#training p{
  font-size: large;
}


#insurance-p2 {
  font-size: small;
}

#insurance-p2 a {
  color: #1f96ff;
  text-decoration: none;
}
#insurance-p2 .mark, mark {
  padding: 0.1875em;
  background-color: #0d6efd;
  color: white;
  font-style: italic;
}

#contact .social-box {
  font-size: 18px;
  display: inline-block;
  background: #334242;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 4px;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#contact .social-box:hover {
  font-size: 18px;
  display: inline-block;
  background: #193B59;
  color: white;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 4px;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

/* .link-lbue {
  color: #fff;
  text-decoration: none;
}

.link-lbue a:hover {
  color: #fff;
  text-decoration: none;
}  */


.technician-training a{
  color: #fff;
}

.technician-training .breadcrumbs {
  padding: 40px 0;
  background-color: #337ab7;
  color: white;
  min-height: 40px;
  margin-top: 72px;
}

.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #222;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

/* works */
#works .phone-size {
  padding-right: 0px!important;
  padding-left: 0px!important;
}

/* // Small devices (desktops, 992px and up) */
@media (min-width: 575px) {
  #works .phone-size {
    padding-right: 3rem!important;
    padding-left: 3rem!important;
  }
/* // Small devices (desktops, 992px and up) */
  #works .section-dblue {
    background-color: #193B59 !important;
    color: white;
    padding: 10px;
  }
}


.affix {
  top: 0;
  width: 100%;
  z-index: 9999 !important;
}

.affix + .pogoSlider {
  padding-top: 70px;
  height:200px;
}



 #about .section-approved{
        display:block;
        padding:0px!important;
        margin:0px!important;
        
    }
    
     .social-media-links{
            display:none;
        }
        
      .co-info{
             display:block;
        }
    
    
    .move-left{
        padding-left: 30px;
        
    }
    
    .social-text{
        font-size:small;
    }
    
      .nav-info a {
      font-size: 0.9rem;
    }
    
    .top-padding{
        padding-top: 1rem;
    }
  
@media (min-width: 576px) { 
    #about .section-approved{
       display:none;
        padding:0px!important;
        margin:0px!important;
    }
    
    .social-media-links{
        display:none;
    }
    
     .co-info{
         display:block;
    }
    
    .move-left{
        padding-left:60px;
        
    }
    
    .social-text{
        font-size:17px;
    }
    
      .nav-info a {
      font-size: 1rem;
    }
}


@media (min-width: 768px) { 
    .section-approved{
        display:none;
         padding:0px!important;
        margin:0px!important;
    }
    
     .social-media-links{
        display:none;
    }
    
     .co-info{
         display:block;
    }
    
    .top-padding{
      padding-top: 3rem;
    }
    
      .move-left{
        padding-left:0px;
    }
    
    .nav-info a {
      font-size: 1rem;
    }
}

@media (min-width: 992px) { 
   .section-approved{
        display:none;
         padding:0px!important;
        margin:0px!important;
    }
    
     .co-info{
         display:none;
    }
    
    .top-padding{
      padding-top: 3rem
    }
    
      .move-left{
        padding-left:0px;
        
    }
}

@media (min-width: 1200px) { 
   .section-approved{
        display:block;
         padding:0px!important;
        margin:0px!important;
    }
    
     .co-info{
         display:none;
    }
    
    .top-padding{
      padding-top: 3rem
    }
    
      .move-left{
        padding-left:0px;
        
    }
}