/*
Theme Name: TechChange
Theme URI: http://techchange.org
Author: TechChange Staff
Author URI: http://techchange.org/
Version: 0.1

CSS and LESS files are contained in the '@techchange/tc-theme' node module.

*/
.contact-modal {display:none;z-index:100;position: fixed;top:100px; left:50%; width: 600px; margin-left:-300px;float:left; background: #fff; box-shadow: #999 0 0 10px;border-radius: 4px;border:   1px solid #c1c1c1; padding: 40px;}
.contact-modal .close {position: absolute;right: 40px;top:40px;z-index: 1;}
.contact-modal h3 {margin-top:0;}
.video-hero {position: relative;}
.video-hero .video-background {overflow: hidden;height: auto; }
/*.video-hero .video-background {overflow: hidden;position: absolute;top:0;left:0;height: auto; }*/
.video-hero video {width: 100%; height: auto;}
.video-hero .overlay {position: absolute;top:0;bottom:0;right:0;left:0}
.bg-red{background-color: #d15962;}
.bg-blue {background-color: #53a9cb;}
.bg-darkblue,
.bg-dark,
.bg-blue,
.bg-yellow,
.bg-green{color:#ffffff;}
.bg-green {background-color: #37bc6f;}
.bg-yellow{background-color: #f1c40f;}
.bg-darkblue{background-color: #34495e;}
.bg-dark{background-color: #343434;}
.bg-sand h1{color:#75716c;}
.bg-gray .panel {color: #75716c;}
.bg-gray .modal {color: #75716c;}
.buttons-wrapper {}
.buttons-wrapper.top-left {position: absolute;top: -30%; left:0;}
.buttons-wrapper.top-right {position: absolute;top: -30%; right:0;}
.buttons-wrapper.top-center {position: absolute;top: -30%; left:0;text-align: center;width: 100%;}
.buttons-wrapper.bottom-left {position: absolute;bottom: -30%; left:0;}
.buttons-wrapper.bottom-right {position: absolute;bottom: -30%; right:0;}
.buttons-wrapper.bottom-center {position: absolute;bottom: -30%; left:0;text-align: center;width: 100%;}
.buttons-wrapper.vertical a {margin-bottom:5px;}

.text.top-left {text-align:left;}
.text.top-right {text-align:right;}
.text.top-center {text-align:center;}
.text.bottom-left {text-align:left;}
.text.bottom-right {text-align:right;}
.text.bottom-center {text-align:center;}
.col-md-5.top-center,.col-md-5.bottom-center {float:none;margin:auto;}
.mt-0 { margin-top: 0; }
.text-normal { text-transform: none !important }

.faq .panel{border: 0px solid transparent!important; box-shadow: unset!important; background-color: transparent !important}

.person-listing blockquote {font-size: 18px;}

.feature-list .feature-icon-background {margin-right: 15px;}
#testimonials.read-more{background: #fbedcc;padding: 2px 15px;border-radius: 4px;color: #000;}
#testimonials.carousel.large .carousel-content .statistic-block{height: 100px;display: inline-flex;margin: 0;}
#testimonials.carousel.large{padding-top: 50px; padding-bottom: 50px;}
@media screen and (min-width:992px){#testimonials.carousel.large{max-height: 535px;}}
@media screen and (max-width:992px){#testimonials.carousel-control.right,#testimonials.carousel-control.left{display: none;}}
@media screen and (max-width:520px){.inline li{display: block!important; margin-top: 10px!important;}}

#testimonials.carousel-control.right{right: -45px;min-height: 370px;}#testimonials.carousel-control.left{left: -45px;min-height: 370px;}
#testimonials.embed-video{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } #testimonials.embed-video iframe, #testimonials.embed-video object, #testimonials.embed-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.full-width-image{background-size: cover!important;background-repeat: no-repeat!important;background-position: center!important;}
.image{background-position: 100% 100%;background-repeat: no-repeat;}
.image img,
.full-width-image img{opacity: 0!important;}
#full-width .row{margin-left: 0;margin-right: 0;}
.inline,
.list ul{list-style-type: none; margin: 0; padding: 0;}
.list ul li{display: inline-block; padding: 0 15px;}
.hero-cover{background-size: cover!important;}
.inline li{display: inline;}
.buttons-wrapper{margin: 0!important;}
.simple-grid .row{margin-right: 0;margin-left: 0;}
.box-content{display: none;}
.hover{padding: 0; margin: 0;}
.hover:hover .box-content{display: block;}
.hover:hover .image-b{display: block;}
.box-grid{margin: 0; padding: 0;}
.table{margin-bottom: 0;}
.text-title{
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -55%);
    -webkit-transform: translate(-50%, -55%);
    text-align: center;
    }
.text-title img{ max-width: 125px; margin: 0 auto;}
.text-title h1{ margin: 25px 0; font-size: 1.8em; }
.image-a {
    position: relative;
    width: 100%;
    padding-bottom: 60%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
.image-b {
    position: absolute;
    width: 100%;
    padding-bottom: 60%;
    top:0;
    display: none;
		opacity: .6;
}
.embed-responsive-4by3{ padding-bottom: 60%; margin-bottom: 20px;}

 @media screen and (max-width: 1450px){
    .text-title img{ max-width: 90px;}
    .text-title .wide{padding: 4px 12px!important; min-width: auto;}
  }
 @media screen and (max-width: 1175px){
         .text-title p{margin: 10px 0;}
         .text-title img{display: none;}
  }

 @media screen and (max-width: 1000px){
         .section-heading{padding-top: 30px;}
  }

 @media screen and (max-width: 767px){
    .text-title{width: 80%;top: 50%;}
    .text-title img{ max-width: 30%;display: inline;}
  }

.panel-grid{
     text-align: center;
     list-style: none;
     padding: 0;
  }
.panel-grid li{
      padding: 15px;
      border-left: 1px solid #dddddd;
      border-right: 1px solid #dddddd;
  }
.panel-grid .sub-banner{
      font-size: 34px;
      padding: 5px;
      font-family: "Titillium Web", Helvetica, Arial, sans-serif;
      font-weight: 200;
      color:#fff;
  }
.panel-grid li:last-child{
      border-bottom: 1px solid #dddddd;
      border-bottom-left-radius: .5em;
      border-bottom-right-radius: .5em;
  }

.panel-grid .fa-times-circle{
      color: #d15962;
      font-size: 26pt!important;
  }

.panel-grid .fa-check-circle{
      color: #37bc6f;
      font-size: 26pt!important;
  }

.comparison-grid .row {
    overflow-x: hidden!important;
}
.list-group-item img {
  max-width: 100%;
  height: auto;
}
#why img {
	width: 100%;
}
#why .img-padder {
	margin-bottom: 15px;
}
.techchange-footer {
		background-image: url('https://digitaldevforum.com/wp-content/uploads/2020/04/techfooter-01-1.png');
}