body { /*test*/
	color: #4d4d4d;
	line-height: 28px;
	font-size: 16px;
}
.green-btn {
	border: 2px solid #03afac !important; /*change to your brands primary color */
	background-color: #03afac !important;
	color: #ffffff !important; /*change to your brands primary color */
	font-weight: 700;
}

.green-btn:hover {
	border: 2px solid #03afac !important;
	background-color: #ffffff !important;
	color: #03afac !important;
	opacity: 1 !important;
}
.green-btn:focus {
	box-shadow: none !important;
}

.title {
	color: #03afac;
  font-size: 35px;
  display: block;
  font-weight: 700;
  text-transform: uppercase !important;
}

.sub-title {
	color: #4d4d4d;
  font-size: 21px;
  display: block;
  font-weight: 400;
  line-height: 28px;
}

.green-icon {
	color: #03afac;
}

.carousel-caption {
	z-index: 0 !important;
}
.white-title-with-red-background {
  
}
.overlay-btn {
 border: 2px solid #ffffff !important; /*change to your brands primary color */
  background-color: #ffffff !important;
  color: #39b0ae !important; /*change to your brands primary color */
  font-weight: 700;
}

.overlay-btn:hover {
 border: 2px solid #ffffff !important; /*change to your brands primary color */
  background-color: transparent; !important;
  color: #03afac !important; /*change to your brands primary color */
  font-weight: 700;
}

#social-icons img {
  height: 20px;
  margin-top: 4px;
}
#social-icons li {
	float: left;
}

.hover {
	opacity: .8;
}
.dropshadow {
  box-shadow: 0px 0px 10px #4d4d4d;
}
.title {
  color: #0BB0AD;
  font-size: 32px;
  display: block;
  text-align: center;
  font-weight: 700;

}
.margin-yeah {
  margin-right: -140px !important;
}
.sub-title {
  color: #4d4d4d;
  font-size: 28px;
  display: block;
  text-align: center;
  font-weight: 500;
  line-height: 39px;
}

.little-title {
  color: #0BB0AD;
  font-size: 24px;
  display: block;
  text-align: center;
  font-weight: 700;

}
.little-title-nc {
    color: #0BB0AD;
    font-size: 22px;
    display: block;
    font-weight: 700;
    text-transform: uppercase;
}
.title-blog {
  color: #0BB0AD;
  font-size: 32px;
  display: block;
  font-weight: 700;

}
.white-big-title {
  color: #ffffff;
  font-size: 32px;
  display: block;
  text-align: center;
  font-weight: 600;
  line-height: 33px;
  margin-bottom: 10px;

}
.grey-big-title {
  color: #4d4d4d;
  font-size: 36px;
  display: block;
  text-align: center;
  font-weight: 700;
  line-height: 46px;
}
.grey-big-title-mobile {
  color: #4d4d4d;
  font-size: 20px;
  display: block;
  text-align: center;
  font-weight: 700;
  line-height: 30px;
}
/*.clients-icons {
  max-height: 80px;
}*/
.center {
  margin: 0 auto;
  display: block;
  text-align: center;
}
.inline {
  display: inline-block;
}

.max-200 {
  max-width: 150px;
  margin-bottom: 20px;
}
.none {
  padding: 0px;
  margin: 0px;
}
.teal-img-hover img:hover {
  background-color: #0bb0ad;
  opacity: .80;
}
.headers-for-blog {
  color: #0bb0ad;
  font-size: 22px;
  display: block;
  font-weight: 500;
  line-height: 32px;
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 10px;
  margin-top: 35px;
  text-transform: uppercase !important;

}
.blog-links {
  color: #4d4d4d;
  display: block;
  margin-bottom: 10px;
}
.badge-tags {
  padding: 0.65em .9em !important;
}
.tags-title {
  margin-right: 10px;
}
.location-info {
  list-style-type: none;
  padding-left: 0px;
  font-size: 16px;

}
.location-info li {
}
.label-for-forms {
  float: left;
}
#badge {
  margin-top: 10px !important;
}
/*hover boxes*/

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #0bb0ad;
  width: 92.5%;
  margin: auto;
}

.img-hover:hover .overlay {
  opacity: .8;
}
.badge {
  background-color: #fff;
  color: #4d4d4d;
  padding: 10px;
  margin: 10px 5px;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  font-family: "Open Sans",sans-serif;
  font-weight: 400;
  font-size: 18px;
}
.title-blog-hover {
  font-weight: 700;
  font-size: 23px;
}
/*jumbotrons*/
.jumbotron-who-we-are {
  background-image: url("https://files.hcrbrands.com/websites/innovatechmt/v1.0.2/who-we-are/index.php/backgrounds/who-we-are.jpg");
  background-size: cover;
  min-height: 500px;
}
.jumbotron-who-we-are-mobile {
  background-image: url("https://files.hcrbrands.com/websites/innovatechmt/v1.0.2/who-we-are/index.php/backgrounds/who-we-are-mobile.jpg");
  background-size: cover;
  min-height: 500px;
}
.jumbotron-what-we-do {
  background-image: url("https://files.hcrbrands.com/websites/innovatechmt/v1.0.2/what-we-do/index.php/backgrounds/what-we-do.jpg");
  background-size: cover;
  min-height: 500px;
  opacity: .8;
}
.jumbotron-what-we-do-mobile {
  background-image: url("https://files.hcrbrands.com/websites/innovatechmt/v1.0.2/what-we-do/index.php/backgrounds/what-we-do-mobile.jpg");
  background-size: cover;
  min-height: 500px;
  opacity: .8;
}
.jumbotron-marketing {
  background-image: url("https://files.hcrbrands.com/websites/innovatechmt/v1.0.2/what-we-do/index.php/backgrounds/marketing.jpg");
  background-size: cover;
  min-height: 500px;
  opacity: .8;
}
.jumbotron-marketing-mobile {
  background-image: url("https://files.hcrbrands.com/websites/innovatechmt/v1.0.2/what-we-do/index.php/backgrounds/marketing-mobile.jpg");
  background-size: cover;
  min-height: 500px;
  opacity: .8;
}
.jumbotron-hosting {
  background-image: url("https://files.hcrbrands.com/websites/innovatechmt/v1.0.2/what-we-do/index.php/backgrounds/hosting.jpg");
  background-size: cover;
  min-height: 500px;
  
}
.jumbotron-hosting-mobile {
  background-image: url("https://files.hcrbrands.com/websites/innovatechmt/v1.0.2/what-we-do/index.php/backgrounds/hosting-mobile.jpg");
  background-size: cover;
  min-height: 500px;
  
}
.jumbotron-it {
  background-image: url("https://files.hcrbrands.com/websites/innovatechmt/v1.0.2/what-we-do/index.php/backgrounds/it.jpg");
  background-size: cover;
  min-height: 500px;
  opacity: .8;
}
.jumbotron-it-mobile {
  background-image: url("https://files.hcrbrands.com/websites/innovatechmt/v1.0.2/what-we-do/index.php/backgrounds/it-mobile.jpg");
  background-size: cover;
  min-height: 500px;
  opacity: .8;
}
.jumbotron-contact {
  background-image: url("https://files.hcrbrands.com/websites/innovatechmt/v1.0.2/contact/index.php/backgrounds/contact-map.jpg");
  background-size: cover;
  min-height: 380px;
}
.jumbotron-contact-mobile {
  background-image: url("https://files.hcrbrands.com/websites/innovatechmt/v1.0.2/contact/index.php/backgrounds/contact-map-mobile.jpg");
  background-size: cover;
  min-height: 500px;
}
.jumbotron-covid {
  /*background-image: url("https://files.hcrbrands.com/websites/innovatechmt/v1.0.2/contact/index.php/backgrounds/contact-map.jpg");*/
  background-size: cover;
  min-height: 380px;
}
.jumbotron-covid-mobile {
  /*background-image: url("https://files.hcrbrands.com/websites/innovatechmt/v1.0.2/contact/index.php/backgrounds/contact-map-mobile.jpg");*/
  background-size: cover;
  min-height: 500px;
}
.what-we-do-text {
  color: #fff;
  font-family: "Open Sans",sans-serif;
  font-weight: 400;
  font-size: 22px;
  text-shadow: 3px 2px 4px #000000;
  line-height: 43px;
}
.teal-header {
  color: #0bb0ad;
  font-family: "Open Sans",sans-serif;
  font-weight: 700;
  font-size: 54px;
  line-height: 57px;
}
.hard-work-mobile {
  color: #0bb0ad;
  font-family: "Open Sans",sans-serif;
  font-weight: 700;
  font-size: 36px;
  line-height: 37px;
}
.white-header {
  color: #ffffff;
  font-family: "Open Sans",sans-serif;
  font-weight: 700;
  font-size: 38px;
}
.white-text {
  color: #ffffff;
  font-family: "Open Sans",sans-serif;
  font-weight: 400;
  font-size: 20px;
}
.icons{
  max-width: 160px;
  display: block;
  text-align: center;
  margin: 0 auto;
}
.power-symbol-404 {
  max-width: 300px;
  margin-bottom: 20px;
  
}
.border-404 {
  border-top: 1px solid #e3e3e3;
  margin-top: 25px;
  padding-top: 30px;
}
.smaller {
  font-size: 14px;
}

.slide-title, .slide-title-index {
  color: #fff;
  font-family: "Open Sans",sans-serif;
  font-weight: 900;
  font-size: 45px;
  text-shadow: 8px 4px 5px #000000;
  margin-top: 129px;
  text-transform: uppercase !important;
  line-height: 48px;
}
.slide-text {
  color: #fff;
  font-family: "Open Sans",sans-serif;
  font-weight: 700;
  font-size: 22px;
  text-shadow: 8px 4px 5px #000000;
}
.bg-primary {
  background-color: #39b0ae !important;
}
.text-primary {
  color: #39b0ae !important;
}

.smaller {
  font-size: 14px;
}
.text-warning {
  color: #4d4d4d !important;
}
h5, h6 {
  margin-top: 5px !important;
}
.teal-btn {
  border: 2px solid #03afac !important; /*change to your brands primary color */
   background-color: #03afac !important;
  color: #ffffff !important; /*change to your brands primary color */
  font-weight: 700;
  text-transform: uppercase !important;
}

.teal-btn:hover {
    border: 2px solid #03afac !important;
    background-color: #ffffff !important;
    color: #03afac !important;
    opacity: 1 !important;
    text-transform: uppercase !important;

}.bg-secondary {
    background-color: #ededed !important;
}
.name {
  font-size: 20px;
}
.team {
  font-weight: 600;
}

.white-btn-teal-text {
  border: 2px solid #ffffff !important; /*change to your brands primary color */
  background-color: #ffffff !important;
  color: #39b0ae !important; /*change to your brands primary color */
  font-weight: 700;
  text-transform: uppercase !important;
  padding: .375rem .75rem !important;
  font-size: 1rem !important;
}

.white-btn-teal-text:hover {
  border: 2px solid #fff !important;
  background-color: transparent !important;
  color: #fff !important;
  opacity: 1 !important;
  text-transform: uppercase !important;
}

.social-media-contact {
    max-width: 20px;
}





.bg-warning {
  background-color: #4d4d4d !important;
}
.white-text {
  color: #ffffff;
  font-family: "Open Sans",sans-serif;
  font-weight: 400;
  font-size: 20px;
}
.white-text {
  color: #ffffff !important;
  font-size: 16px !important;
}
.location-info {
  list-style-type: none;
  padding-left: 0px;
  font-size: 16px;
}
.links a {
  color: #fff !important;
}
.bg-92 {
  background-color: #929292;
}



.teal-icons {
  color: #0BB0AD;
  font-size: 90px;
}
.teal-icons-contact {
  color: #0BB0AD;
  font-size: 22px;
}




.border-right {
  border-right: 1px solid #ffffff;
}

.links a:hover {
  color: #fff !important;
  opacity: .8;
  text-decoration: none!important;
}
a {
  text-decoration: none!important;
}
.text-small {
  font-size: 12px;
  color: #ffffff !important;
}
.border {
  border: 1px solid #fff;
}
.sub-text {
  margin-top: -9px;
  display: block;
}

.sub-text2 {
  margin-top: -43px;
  display: block;
}
.max-hcr {
  max-width: 100px !important;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff !important;
    background-color: #4d4d4d;
}
.nav-pills .nav-link {
    border-radius: 3px;
    margin: 5px;
    padding: 3px 15px;
    font-size: 18px;
    font-weight: 600;
    color: #03afac;
}
.nav-pills:hover .nav-link:hover { 
     opacity: .8;
}
.nav-sort {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    padding-bottom: 7px;
    margin: 0px 20px;
}
.white-btn {
  border: 2px solid #ffffff !important; /*change to your brands primary color */
  background-color: #4d4d4d !important;
  color: #ffffff !important; /*change to your brands primary color */
  font-weight: 700;
  font-size: 1rem !important;
  padding: .375rem .75rem !important;
  text-transform: uppercase !important;
}
.footer-titles {
  font-weight: 700;
}

.white-btn:hover {
  border: 2px solid #ffffff !important;
  background-color: #ffffff !important;
  color: #4d4d4d !important;
  opacity: 1 !important;
}
.min-height-card-mobile {
  min-height: 513px !important;
}
.accordion .btn{

  border: none;

  color: #4d4d4d;
}
.card-header {
  padding-left: 0px !important;
  background-color: transparent !important;
  border-bottom: 1px solid #e3e3e3 !important;
}
.rotate {
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}
i {
  color: #4D4D4D;
  /* margin-right: 20px; */
}
.title-small {
  color: #4d4d4d;
  font-size: 17px;
  font-weight: 700;
}
.btn-link {
  padding-left: 30px !important;
  padding-bottom: 0px !important;
  padding-top: 0px;
  text-decoration: none !important;
}
.btn-link:focus {
  box-shadow: none !important;
}

.link-text {
  color: #39b0ae !important;
  font-weight: bold;
  text-decoration: none !important;

}

.btn-link:hover {
  text-decoration: none !important;
  opacity: .8;
}
.icons-facts {
    color: #ffffff;
    display: block !important;
    margin: 0 auto;
    margin-bottom: 20px;
    font-size: 80px;
    margin-top: 40px;
}
  .name-small {
         font-size: 24px;
      font-weight: 900;
       margin-top: 43px !important;
  }
  .title-for-small {
    font-weight: 600;
    font-size: 18px;
  }
  .team-small {
    font-weight: 400;
    line-height: 24px;
        font-size: 19px;
    margin-top: 14px !important;

  }
  @media (min-width:1401px) and (max-width:2000px) {
 .slide-title-index {
    font-size: 46px;
    margin-bottom: 101px !important;
    line-height: 2px !important;
}
}
@media (min-width:768px) and (max-width:1400px) {
  .slide-title-index {
    font-size: 26px;
    margin-bottom: 0px !important;
    line-height: 2px !important;
  }
}
@media (min-width:701px) and (max-width:767px) {
  .slide-title-index {
    font-size: 56px;
    margin-bottom: 131px !important;
    line-height: 73px !important;
  }
}
@media (min-width:601px) and (max-width:700px) {
  .slide-title-index {
    font-size: 56px;
    margin-bottom: 73px !important;
    line-height: 50px !important;
  }
}
@media (min-width:501px) and (max-width:600px) {
  .slide-title-index {
    font-size: 42px;
    margin-bottom: 33px;
    line-height: 50px !important;
  }
}
@media (min-width:300px) and (max-width:500px) {
  .slide-title-index {
      font-size: 36px;
      margin-bottom: -30px;
      line-height: 50px !important;
  }
}
@media (max-width: 768px) {
  .sub-title {
        font-size: 15px;
    line-height: 23px;
    margin-bottom: 39px;
  }
  .clients-icons {
    max-width: 200px;
  }
}
@media (min-width: 320px) {
  .center-mobile {
    text-align: center;
  }
  .border-bottom {
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
  }
  
}

@media (min-width: 768px) {
  .center-mobile {
    text-align: left;
  }

}











// Extra small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) {
  .slide-title {
    font-size: 29px;
    margin-bottom: 0px;
    margin-top: 0px !important;
    line-height: 1px !important;
  }
  .slide-text {

  }
}

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) and (max-width: 767.98px) {
  .slide-title {
    font-size: 29px;
    margin-bottom: 0px;
    margin-top: 0px !important;
    line-height: 1px !important;
  }
}

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) and (max-width: 991.98px) { 
  .title-for-medium {
    width: 768px;
  }
}

// Large devices (desktops, 992px and up)
@media (min-width: 992px) and (max-width: 1199.98px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }