/* css use for extra custom */


.loadingcover {

  position:absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
	background: url(icons/loader-1.gif) 50% 50% no-repeat #ffffff;
  background-size: 50px;      

}


.preloader {

  max-width: 100%;
  height: auto;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
	background: url(icons/loader-1.gif) center center no-repeat;
    background-size: 30px;
}

.preloader img{
	opacity: 0;
}

.nerveSlider1 {
	/*padding:80px 0;*/
	text-align:center;
	margin:0 auto;
	/*max-width:1200px;*/
	width:100%;
	height:100%;
}

#slideSection {

	width:100%;
	position:relative;
    display: block;

}

.portfoliorow {
	padding-bottom: 15px;
}

.img-container {
  display: block;
  padding-top: 66%;
  position: relative;
  overflow: hidden;
}

.img-portfolio {

  /*max-height: 100%;*/
  /*min-height:100%;*/
  /*position: relative;*/
  max-width: 100%;
  height: auto;
  
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;  
/*  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);  */

}

.img-portfolio-div {
  /*use div and put image in bg url*/
  /*max-height: 100%;*/
  /*min-height:100%;*/
  /*position: relative;*/
  max-width: 100%;
  height: auto;
  
  /*position: absolute;*/
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;  
/*  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%,-50%);
      -ms-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);  */

}

/*for accomdating top bar in small screen.*/
body{
	padding-top: 50px;
}

.ns_nerveSlider .ns_nextButton, .ns_nerveSlider .ns_prevButton, .ns_nerveSlider .ns_pauseButton  {
	display:none;
}

.headerSection{
	height: 273px;
}

@media only screen and (min-width: 768px) {
	body{
		padding-top: 0px;
	}

	.ns_nerveSlider .ns_nextButton, .ns_nerveSlider .ns_prevButton, .ns_nerveSlider .ns_pauseButton {
		display:block;
	}
	
	.headerSection{
		height: 456px;
	}
}

.portfolio-title {
	text-align: center;
	width: 100%;
	color: white;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/*used in mainpage lay over the slide*/
.titleoverslide {

  position:absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9900;
  pointer-events: none;
  background: transparent;
}

/*
.intro-header .long-site-name h1 {
  margin-top: 0;
  font-size: 32px;
}

@media only screen and (min-width: 768px) {
  .intro-header .long-site-name h1{
    font-size: 54px;
  }
}*/