body{





font-family: 'Raleway', sans-serif;

    font-size: 16px;

    font-weight: 400;

    line-height: 1.7;

    color: #545454;

    text-align: justify;

    margin: 0 auto 0px;

}

h2{

  font-size: 28px;

    color: #777374;

    text-shadow: 2px 2px 1px #fff;

}

h3 {

    font-size: 25px;

    color: #7b7f57;

}
.yemeicme{
  display: none;
}
a {

    color: #40423f;

    text-decoration: none;

    background-color: transparent;

    -webkit-text-decoration-skip: objects;

}

a:hover {

    color: #40423f;

    text-decoration: underline;

    background-color: transparent;

    -webkit-text-decoration-skip: objects;

}

.carousel-caption.d-md-block h3 {

    font-size: 2rem;

    text-shadow: 2px 2px #060606;

    color: #fff;

}

.topbackground {

    background-color: #B2B691;

    z-index: 99999999999;

}

div#sosyalmedyaicon i {

        padding: 2px;

    font-size: 25px;

    color: #ffffff;

}

.fixed-top {

    position: fixed;

    top: 0;

    right: 0;

    left: 0;

    z-index: 1030;

}



.parallax { 

  /* The image used */
  background-image: url("../img/parallax.jpg");
  /* Set a specific height */
  min-height: 300px; 
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}





footer{

      padding-top: 20px;

  background: #71706e;

}

footer h4 {

   font-size: 19px;
    text-align: left;
    color: #ffffff;
    border-bottom: 1px dashed #676665;

}



footer i{

   padding-right:5px;

  font-size: 15px;

    color: #08b9ff;

}

footer a{

 

  font-size: 15px;

    color: #ffffff;

    text-decoration: none;

}

footer a:hover{

  font-size: 15px;

    color: #ffffff;

    text-decoration: underline;

}

footer p{

  font-size: 15px;

  color: #fff;

  margin-top: 5px;

  margin-bottom: 5px;

}

.row.text-center.footer2 {

    background: #08b9ff;

    color: #fff;

}

h5 {

  display: inline-block;

  padding: 10px;

  /*background: #B9121B;*/

  border-top-left-radius: 10px;

  border-top-right-radius: 10px;

}



.full-screen {

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}

.navbar.navbar-expand-lg.navbar-light {

   /* position: absolute !important;*/

    /*z-index: 9;*/

    width: 100%;

        background: #fff;

        /*margin-top: 38px;*/

            padding: 0px;

            border-bottom: solid 5px #08b9ff;

}

.navbar-light .navbar-nav .nav-link {

    color: rgb(60, 70, 62);

}

.navbar-light .navbar-nav  .nav-link a:hover{

    color: #fff !important;

    padding: 0px 5px;

}



.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {

    color: rgb(165, 140, 66);

    border-bottom: solid 2px #ff6400;

}

/*ul.navbar-nav.mr-auto {

    margin-top: 50px;

    position: relative;

}*/

.section-title h1 {

    text-align: center;

   font-family: 'Charm', cursive;

    color: #ff6400;

        margin-top: 20px;

    margin-bottom: 20px;

}

.carousel-item{

	/*height: 100vh;*/

}



/*.section-title h2 {

  font-family: 'Raleway', sans-serif;

            font-size: 22px;

            font-weight: 600;

            color: #333;

            letter-spacing: 4px;

            text-align: center;

            line-height: 1.3;

            text-align: center;

            text-transform: uppercase;

            padding: 0 20px;

            margin: 0 auto 90px;

            width: auto;

            background: white;

            display: block;

            text-align: center;

            margin: 40px auto 20px;

    

}*/

.section-title {

	    margin-top: 30px;

    margin-bottom: 30px;

}

/*.section-title img {

    min-height: 247px;

    max-height: 300px;

}

*/



.hovereffect {

  width: 100%;

  height: 100%;

  float: left;

  overflow: hidden;

  position: relative;

  text-align: center;

  cursor: default;

}



.hovereffect .overlay {

  width: 100%;

  height: 100%;

  position: absolute;

  overflow: hidden;

  top: 0;

  left: 0;

  -webkit-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}







.hovereffect h2, .hovereffect img {

  -webkit-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}



.hovereffect img {

  display: block;

  position: relative;

  -webkit-transform: scale(1.1);

  -ms-transform: scale(1.1);

  transform: scale(1.1);

}







.hovereffect h2 {

  text-transform: uppercase;

  color: #fff;

  text-align: center;

  position: relative;

  font-size: 17px;

  padding: 10px;

  background: rgba(0, 0, 0, 0.6);

}



.hovereffect a.info {

  display: inline-block;

  text-decoration: none;

  padding: 7px 14px;

  text-transform: uppercase;

  color: #fff;

  border: 1px solid #fff;

  margin: 50px 0 0 0;

  background-color: transparent;

  opacity: 0;

  filter: alpha(opacity=0);

  -webkit-transform: scale(1.5);

  -ms-transform: scale(1.5);

  transform: scale(1.5);

  -webkit-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

  font-weight: normal;

  height: 90%;

  width: 90%;

  position: absolute;

  top: -15%;

  left: 5%;

  padding: 70px;

}



.efect h3 {

    position: relative;

    top: -50px;

    text-align: center;

    color: #fff;

    font-size: 20px;

    background-color: rgb(0,0,0,0.5);

    padding: 5px;

}

.efect{

	position: absolute;

}



.efect a {

    position: absolute;

    top: 0px;

    color: #fff;

    background-color: #a58c42;

    padding: 5px;

    border: solid 1px #a58c42;

    border-radius: 8px;

    opacity: 0;

}



.efect:hover a{

	opacity: 1;

	-webkit-transform: translateY(-8px);

    transform: translateY(-8px);

}









/*.carousel-fade .carousel-inner .carousel-item {

  opacity: 0;

  -webkit-transition-property: opacity;

  -moz-transition-property: opacity;

  -o-transition-property: opacity;

  transition-property: opacity;

}

.carousel-fade .carousel-inner .active {

  opacity: 1;

}

.carousel-fade .carousel-inner .active.left,

.carousel-fade .carousel-inner .active.right {

  left: 0;

  opacity: 0;

  z-index: 1;

}

.carousel-fade .carousel-inner .next.left,

.carousel-fade .carousel-inner .prev.right {

  opacity: 1;

}

.carousel-fade .carousel-control {

  z-index: 2;

}*/

.carousel .slide-image.active {

  opacity: 1;

  transition: opacity 1s ease-in;

}



.carousel .slide-image {

  opacity: 0;

  display: block;

  left: 0;

  transition: opacity 1s ease-out;

}



.carousel-fade .carousel-inner { background: #000; }

.carousel-fade .carousel-control { z-index: 2; }  

.carousel-fade .carousel-item {

  opacity: 0;

  -webkit-transition-property: opacity;

  -moz-transition-property: opacity;

  -o-transition-property: opacity;

  transition-property: opacity;

  }



  .carousel-fade .next.left,

  .carousel-fade .prev.right,

  .carousel-fade .carousel-item.active { opacity: 1; }



  .carousel-fade .active.left,

  .carousel-fade .active.right {

    left: 0;

    opacity: 0;

    z-index: 1;

    }

    .navbar-default .navbar-nav > li:first-child{

      background: #7F485F;

}

/* Safari Fix */

@media all and (transform-3d), (-webkit-transform-3d) {

    .carousel-fade .carousel-inner > .carousel-item.next,

    .carousel-fade .carousel-inner > .carousel-item.active.right {

      opacity: 0;

      -webkit-transform: translate3d(0, 0, 0);

              transform: translate3d(0, 0, 0);

    }

    .carousel-fade .carousel-inner > .carousel-item.prev,

    .carousel-fade .carousel-inner > .carousel-item.active.left {

      opacity: 0;

      -webkit-transform: translate3d(0, 0, 0);

              transform: translate3d(0, 0, 0);

    }

    .carousel-fade .carousel-inner > .carousel-item.next.left,

    .carousel-fade .carousel-inner > .carousel-item.prev.right,

    .carousel-fade .carousel-inner > .carousel-item.active {

      opacity: 1;

      -webkit-transform: translate3d(0, 0, 0);

              transform: translate3d(0, 0, 0);

    }

}









/* Carousel Control custom */

.carousel-control .control-icon {

  font-size: 48px;

  height: 30px;

  margin-top: -15px;

  width: 30px;

  display: inline-block;

  position: absolute;

  top: 50%;

  z-index: 5;

  }

  .carousel-control .prev { margin-left:  -15px;  left: 50%; } /* Prev */

  .carousel-control .next { margin-right: -15px; right: 50%; } /* Next */





/* Removing BS background */

.carousel .control-box { opacity: 0; }

a.carousel-control.left  { left: 0; background: none; border: 0;}

a.carousel-control.right { right: 0; background: none; border: 0;}





/* Animation */

.control-box, a.carousel-control, .carousel-indicators li {

  -webkit-transition: all 250ms ease;

  -moz-transition: all 250ms ease;

  -ms-transition: all 250ms ease;

  -o-transition: all 250ms ease;

  transition: all 250ms ease;   

  /* hardware acceleration causes Bootstrap carousel controlbox margin error in webkit */

  /* Assigning animation to indicator li will make slides flicker */

  } 





/* Hover animation */

.carousel:hover .control-box { opacity: 1; }

.carousel:hover a.carousel-control.left { left: 15px; }

.carousel:hover a.carousel-control.right { right: 15px; }  





/* Carouse Indicator */

.carousel-indicators li.active,

.carousel-indicators li { border: 0; }



.carousel-indicators li {

  background: #666;

  margin: 0 3px;

  width: 12px;

  height: 12px;

  }



.carousel-indicators li.active {

  background: #fff;

  margin: 0 3px;

  }

@media only screen and (max-width: 600px) {


h1, .h1 {
    font-size: 1.5rem;
}
  .navbar.navbar-expand-lg.navbar-light {

    /* position: absolute !important; */

    /* z-index: 9; */

 

    margin-top: 0px;

    

}
.yemeicme{
  display: none;
}
}