@font-face {
    font-family: "neosansstd";
    /* src:url("C:/Users/Caesar Adyatma/Documents/WORK/Stellar/parallaxwebsite/fonts/neosans-webfont.ttf") format("truetype"); */
    src:url("../fonts/neosans-webfont.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

body, html{
  height:100%;
  margin:0;
  font-size:14px;
  font-family:"neosansstd", sans-serif!important;
  font-weight:400;
  line-height:1.8em;
  color:#666;
}

.pimg1, .pimg2, .pimg3, .pimg4{
  position:relative;
  opacity:0.85;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;

  /*
    fixed = parallax
    scroll = normal
  */
  background-attachment:fixed;
}

.pimg1{
  /* background-image:url('../img/min/fuseweb-slide1-min.png'); */
  background-image:url('../img/min/salamanlagi-min.jpeg');

  /* background-color: #505173; */
  min-height:100%;
}



.pimg2{
  background-image:url('../img/min/businessman.jpg');
  min-height:400px;

}

.pimg3{
  background-image:url('../img/min/team1.jpg');
  min-height:400px;
}

.pimg4{
  background-image:url('../img/min/contact.jpg');
  background-color: black;
  min-height:100%;
}

.section{
  text-align:center;
  padding:50px 80px;
}

.section-light{
  background-color:#f4f4f4;
  color:#666;
}

.section-dark{
  /* background-color:#282e34; */
  /* background-color: #28385A; */
  background-color:rgba(26, 27, 29, 0.7);

  /*
  background-image:url('../img/min/img3-min.png');
  background-position:center;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  */
  color:white;
}

.ptext{
  /* position:absolute; */
  top:50%;
  width:100%;
  text-align:center;
  color:#000;
  font-size:27px;
  letter-spacing:5px;
  text-transform:uppercase;
}
.pimg2text{
  position:absolute;
  /*top:50%;*/
  margin-top:100px;
  margin-bottom:100px;
  width:100%;
  text-align:center;
  /* color:white; */
  font-size:27px;
  letter-spacing:8px;
  text-transform:uppercase;
}
.ptext .border{
  /* background-color:#111; */
  background-color:rgba(26, 27, 29, 0.95);
  color:#fff;
  padding:20px;
}
.border{
  /* background-color:#111; */
  background-color:rgba(26, 27, 29, 0.7);
  color:#fff;
  padding:20px;
  text-transform:uppercase;
}
.border2{
  letter-spacing:8px;
  color:#fff;
  padding:20px;
  text-transform:uppercase;
  text-align: center;
}

.border3{
  color:#b19c6e;
  /* color:white; */
  padding:20px;
  text-align: center;
  background-color:rgba(26, 27, 29, 0.85);
}

.ptext2 .border{
  background-color:#111;
  color:#fff;
  padding:20px;
}

.ptext .border.trans{
  background-color:transparent;
}

@media(max-width:568px){
  .pimg1, .pimg2, .pimg3{
    background-attachment:scroll;
  }
}

.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center !important;
    -webkit-background-size: cover!important;
    -moz-background-size: cover!important;
    background-size: cover!important;
    -o-background-size: cover!important;
}

footer {
    margin: 50px 0;
}

/*.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(..img/min/Preloader_10.gif) center no-repeat #fff;
}*/

.spinner{
    width: 80px;
    height: 80px;

    border: 2px solid #f3f3f3;
    border-top:3px solid #505173;
    border-radius: 100%;

    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right: 0;
    margin: auto;

    animation: spin 1s infinite linear;
}

@keyframes spin {
    from{
        transform: rotate(0deg);
    }to{
        transform: rotate(360deg);
    }
}

#overlay{
  height:100%;
  width:100%;
  background:rgba(0, 0, 0, 1);
  position:fixed;
  left:0;
  top:0;
 }

 .pic1{
	/* width:400px;
	height:217px; */
  height:200px;
  width:200px;
	background: url(http://placehold.it/200x200) no-repeat;
}
.text1{
	/* width:340px;
	height:217px; */
  width:200px;
  height:200px;
	background:#FFF;
	opacity:0;
}
.pic1:hover .text1
{
	opacity:0.6;
	text-align:center;
	color:#000000;
	padding:30px;
}