@import url('/portals/_default/skins/porto/Resources/css/npi.custom.css');

/* Colors ***********************************************************/

.color-primary{ color:#006c68;}
.color-secondary{ color:#F9A208;}
.color-tertiary{}
.color-quaternary{}
.color-white{ color:#fff;}

a.color-secondary:visited{ color:#F9A208};

/* Fonts ************************************************************/

.title-primary{
  	font-family:'copperplate gothic light', 'Alegreya SC';
    font-size:53px;
	color:#006c68;
    line-height:1;
}

.title-secondary{
  	font-family:'copperplate gothic light', 'Alegreya SC';
    font-size:53px;
	color:#F9A208;
    line-height:1;
}

.title-team{
  	font-family:'copperplate gothic light', 'Alegreya SC';
    font-size:38px;
	color:#006c68;
    line-height:1;
}

.emphasis-primary{
  color:#006c68;
  font-weight:bold;
}

.emphasis-secondary{
  color:#F9A208;
  font-weight:bold;
}

.h2-style{
  font-size: 170%;
  color:#006c68;
  margin-top: -35px;
  margin-bottom: 12px;
  line-height:1.2;
  font-style: italic;
}

.employee{
  display: block;
  line-height: 1.1;
}

/* for special containers */
html .heading.heading-secondary h1{
	border-width:0px
}



/* Home Page ********************************************************/

.Home-1{
	background-image: url("/Portals/0/franchisesSiteAssets/Heroes and Graphic Treatments/HouseandMagnifier.png?ver=2018-11-21-114439-443");
  	background-size: 100% 100%;
  	background-repeat: no-repeat;
  	padding-left: 50%;
}

.Home-1 .box{
	padding:5% 5%;
	background-color:rgba(0, 0, 0, 0.5); 
	color:#fff;
  	height: 100%;
}

.Home-1 .box .title{
	font-size:3vw;
	line-height:1.1;
  	font-family:'copperplate gothic light', 'Alegreya SC';
}

.Home-1 .box .text{
  	line-height:1.1;
	font-size:2vw;
  	margin-bottom:5%;
}

.Home-2 .box{
	background-color:rgba(0, 0, 0, 0.5);
	color:#fff;
  	height:100%;
  	width:auto;
  	padding: 1vw;
}

.Home-2 .box .title{
	font-size:2vw;
  	line-height:2vw;
  	font-family:'copperplate gothic light', 'Alegreya SC';
}

.Home-2 .box .text{
	font-size:1vw;
  	margin-bottom: 1vw;
}

.Home-2 .box .link a{
	font-size:1vw;
	color:#fff;
	background-color: #006c68;
  	margin: 1vw;
  	margin-left: 0;
  	padding:1%;
}

@media screen and (max-width: 700px){
  .Home-2{
	display: none;}

  .title-secondary{
  	font-size:32px;
  }
  
@media screen and (max-width: 1000px){
  .bw-chart{
	display: none;}
    }
  
  /* disable side menu */
  #dnn_TopLeftSidebar,
  #dnn_LeftShortPane{
	display:none;
  }
}

.whatweoffer .box{
	/*min-height:360px;*/
	border:1px solid #ccc;
	text-align:center;
	padding:20px;
}

.whatweoffer .box img{
	width:100%;
	height:auto;
	max-height:230px
}

.whatweoffer .box .title{
	padding:10px 0;
	font-weight:bold;
}

.whatweoffer .box .link a{
	color:#F9A208;
}

.tab-wrapper{
	margin-top:-20px;
	padding:0 20px;
}

/* Our Projects *****************/

.our-projects-wrapper{
	text-align:center;
	background-image:url("/Portals/0/franchisesSiteAssets/Heroes and Graphic Treatments/GraphicBackground.png?ver=2018-11-21-114439-413");
	background-size:cover;
    margin-top:30px;
  	padding-right:0;
  	padding-left:0;
  	padding-bottom:2.5%;
   	padding-top:2%;
}

.our-projects-wrapper .our-projects{
	display:inline-block;
	background-color:rgba(0, 0, 0, 0.5);
	padding:2%;
	color:#fff;
	width: 100%;
}

.our-projects-wrapper .title{
	font-size:32px;
  	font-family:'copperplate gothic light', 'Alegreya SC';
}

.our-projects-wrapper .icon{
    padding:20px 0;
}

.our-projects-wrapper .text{
	text-transform:;
}

.our-projects1 .title{
	background-color:rgba(0, 0, 0, 0.3); 
	color:#fff;
  	font-size:20px;
	font-weight:bold;
	text-align:center;
	position:relative;
	top:-30px;
    padding:5px 0;
}

/* Section Headers ************************************/

.header{
  text-align: center;
  font-family:'copperplate gothic light', 'Alegreya SC';
  font-size:2.3em;
}

.headerlogo{
  width: 100%;
  height: 20px;
  border-bottom: 1px solid #ccc;
  text-align: center;
}

.headerimg{
  padding: 0px 10px 0px 13px;
  background-color: #ffffff;
  width: 69px;
}

.headertext{
  text-align: center;
  padding: 35px 0 0 0;
}

/* Footer ************************************/

.footer-links{
	margin-left:100px
}
.footer-links .title{
	border-left: 3px solid #f9a108;
	font-size:18px;
	font-weight:bold;
	padding:10px;
	margin-bottom:20px;
}

.footer-links ul li{
	font-size:16px;
	padding-bottom:5px.
}

/* Counters ***********************************/

.counter-wrapper{
	text-align:center;
	background:
	  linear-gradient(
		rgba(0, 0, 0, 0.5),
		rgba(0, 0, 0, 0.5)
		),
	  url("/Portals/0/franchisesSiteAssets/Heroes and Graphic Treatments/GraphicBackground.png?ver=2018-11-21-114439-413");
	background-size:cover;
  	height:180px;
	padding-top: 40px;
}

.counter-wrapper .fa{
	font-size:35px!important;
	margin-bottom:20px!important;
}

.counter-wrapper  label{
	font-size:16px!important
}

.counters strong{
	font-size:26px!important;
	line-height:26px!important;
}

@media screen and (min-width: 992px){

	.counter-wrapper .fa{
		font-size:70px!important;
		margin-bottom:20px!important;
	}

	.counter-wrapper  label{
		font-size:16px!important
	}

	.counters strong{
		font-size:50px!important;
		line-height:50px!important;
	}


}


/* Thumbtack ***********************************/

.thumbtack{
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 104, 94, 0.95)),
    url('https://npiweb.com/Portals/0/franchisesSiteAssets/Thumbtack/thumbtack-homepage-background-01.jpg');
    background-size:cover;
    padding:60px 0 70px 0;
    background-position: center;
}




@media screen and (max-width: 575px){
  .thumbtack{
  background-image: linear-gradient(to left, rgba(0, 104, 94, 0.75), rgba(0, 104, 94, 0.75)),
    url('https://npiweb.com/Portals/0/franchisesSiteAssets/Thumbtack/thumbtack-homepage-background-01.jpg');
  background-size:cover;
  padding: 50px 20px 70px 20px;
  background-position: left;
  }
}