@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-team{
  	font-family:'copperplate gothic light', 'Alegreya SC';
    font-size:38px;
	color:#006c68;
    line-height:1;
}


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

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

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

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

/* Ordered List with color ******************************************/

.list.list-ordened.list-ordened-secondary li:before{
	  color:#F9A208;
}

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

.Home-1{
	background-image: url("/Portals/_Assets/Heroes and Graphic Treatments/House and  Magnifier-03.png?ver=2018-09-24-081757-470");
  	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';
}

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


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

.Home-2{
}

.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;
  	font-family:'copperplate gothic light';
}

.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;
  }
  
  /* 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/_Assets/Heroes and Graphic Treatments/Graphics-06.png?");
	background-size:cover;
 	padding:2%;
}

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

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

.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;
}


/* carousel ********************/

.client-saying{
	width:400px;
	padding:20px 20px 40px 20px;;
	background-color:#e5e5e5;
}

.client-saying em{
	color:#f9a108;
	font-size:24px;
	vertical-align:top;
}

.client-saying .quote{
	background-color:white;
		padding:20px;
		margin-bottom:30px
}

.client-saying .the-quote{
	display:inline-block;
	padding-left:10px
}

.client-saying .person img{
	float:left;
	margin-right:20px;
}

.client-saying .pname{
	font-weight:bold;
}
.client-saying .title{
	color:#f9a108;
}


/* 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/_Assets/Heroes and Graphic Treatments/Graphics-06.png?");
	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;
	}


}


@media screen and (min-width: 700px){
  .mobile-only{
	display: none;}
}

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