.clear:before, .clear:after {

  content: ' ';

  display: table; }



.clear {

  *zoom: 1; }

  .clear:after {

    clear: both; }



body {

    font: 20px/1.5 'Raleway', Helvetica, Helvetica Neue, Arial, sans-serif;

    font-weight: 700;

}

.wrapper {

  width: 80%;

  margin: 0 10%;

 }



/* PURE css solution for rotating carets based on expanded section */

.expand_caret {

    transform: scale(1);

    margin-left: 8px;

    margin-top: -4px;

}

a[aria-expanded='false'] > .expand_caret {

    transform: scale(1.6) rotate(-90deg);

}

html {
/*
  font-family: sans-serif;
*/
  -ms-text-size-adjust: 100%;

  -webkit-text-size-adjust: 100%; }



body {

  margin: 0; }



article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {

  display: block; }



audio, canvas, progress, video {

  display: inline-block;

  vertical-align: inline-block; }



audio:not([controls]) {

  display: none;

  height: 0; }



[hidden], template {

  display: none; }



a {

  background-color: transparent; }



a:active, a:hover {

  outline: 0; }

abbr[title] {

  border-bottom: 1px dotted; }



b, strong {

  font-weight: 700; }



dfn {

  font-style: italic; }



h1 {

  margin: .30em 0;

  }



mark {

  background: #ff0;

  color: #000; }



small {

  font-size: 80%; }



sub, sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline; }



sup {

  top: -.5em; }



sub {

  bottom: -.25em; }



img {

  border: 0;

  vertical-align: inline-block;

   }



svg:not(:root) {

  overflow: hidden; }



figure {

  margin: 0em 0.5px;

  padding-bottom: 20px;

  }

 

hr {

  box-sizing: content-box;

  height: 0; }



pre {

  overflow: auto; }



code, kbd, pre, samp {

  font-family: monospace,monospace;

  font-size: 1em; }



button, input, optgroup, select, textarea {

  color: inherit;

  font: inherit;

  margin: 0; }



button {

  overflow: visible; }



button, select {

  text-transform: none; }



button, html input[type=button], input[type=reset], input[type=submit] {

  -webkit-appearance: button;

  cursor: pointer; }



button[disabled], html input[disabled] {

  cursor: default; }



button::-moz-focus-inner, input::-moz-focus-inner {

  border: 0;

  padding: 0; }



input {

  line-height: normal; }



input[type=checkbox], input[type=radio] {

  box-sizing: border-box;

  padding: 0; }



input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {

  height: auto; }



input[type=search] {

  -webkit-appearance: textfield;

  box-sizing: content-box; }



input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {

  -webkit-appearance: none; }



fieldset {

  border: 1px solid silver;

  margin: 0 2px;

  padding: .35em .625em .75em; }



legend {

  border: 0;

  padding: 0; }



textarea {

  overflow: auto; }

optgroup {

  font-weight: 700; }



table {

  border-collapse: collapse;

  border-spacing: 0;

  width:100%; }



td, th {

  padding: 10; 

  text-align:left;}

  

/* Make the body 100% of the browser viewport height */

html, body {

  

  margin: 0; }



  


h1 {

  font-size: 2em;

  margin-top: 0;

  font-family: Roboto Condensed, 'Helvetica', Helvetica Neue, Arial, sans-serif;

  font-weight: 300; }



h2{

  font-size: 2em;

  margin-top: 0.5em;

  margin-bottom: 0.3em;

  font-family: 'Roboto Condensed', Helvetica, Helvetica Neue, Arial, sans-serif;

  font-weight: 150;

  }
  h3{
  
  font-size: 2em;

  margin-top: 0.5em;

  margin-bottom: 0.3em;

  font-family: Roboto Condensed, 'Helvetica', Helvetica Neue, Arial, sans-serif;

  font-weight: 300;
  display: block;
  
  }



/* =Header */

.header-container {

  text-align: center;

  background: url(../img/Img1.jpg) no-repeat center center fixed;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;
  }

.header-container .wrapper {

z-index: 2; }

/* =Content Block */

.content-block {

  background-color: #4c3e39;

  color: rgba(255, 255, 255, 0.9); }



.no-touch .content-block.is-active .wrapper {

  visibility: visible;

  opacity: 1;

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

  transform: translate3d(0, 0, 0); } 

    

.content-block .wrapper {

  padding: 120px 0; } }



.content {

  position: relative;

  width: 90%;

  max-width: 400px;

  margin: auto;

  overflow: hidden;

}



.fs {

  height: 80vh; 
  padding-top: 5%;
}

.bs{

  height: 130vh;

}

.vs{

  height: 50vh;

}

.parallax {

  position:relative;

  z-index:1;

}

/* Editing the Divs */

.par {

  position: relative;

  margin: auto;

  width: 100% !important;

  text-align: center;

  vertical-align: middle;

}

.slide {

  color: #ffffff;

  

 }

  .slide .wrapper {

  padding-top:20px;

  text-align: center; 

    }

  .slide01 {

position: relative;

 background: url(../img/LP.png) no-repeat center center fixed;

   -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;
  

}

  .slide05 {

  background: url(../img/necklady.png) no-repeat fixed;

   -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  font-weight: bold;

  }

  .slide#slide05 .wrapper {

   color: black;

   margin-top: 10vh;



   }

  .slide#slide02 {

  color: #212121;

  background: no-repeat center center;

  background-size: cover;

  background-color: rgb(223, 222, 225);

  padding: 4%;}



  .slide#slide04 {

   text-align: center;

  background: url(../img/Img1.jpg) no-repeat center center;

  background-size: cover; }



   .slide#slide04 .button {

  border-color: rgba(0, 0, 0, 0.7);

  background-color: #212121;

  color: #ffffff; }

  .slide#slide04 .button:hover {

  border-color: #212121;

  background-color: rgba(33, 33, 33, 0.7); }

  .slide#slide04 .wrapper {

  padding-top: 100px; 

   }



  .button {

  text-decoration: none;

  color: #ffffff;

  border: 1px rgba(255, 255, 255, 0.7) solid;

  padding: 8px 15px;

  margin-top: 15px;

  display: inline-block;

  position: relative; }

  .button:hover {

  border-color: #ffffff;

  background-color: #ffffff;

  color: #000000; }

  .button2 {

  text-decoration: none;

  border-color: #0000000;

  background-color: #000000;

  color: #ffffff;   

  padding: 8px 15px;

  margin-top: 15px;

  display: inline-block;

  position: relative; }

  .button2:hover {

  border-color: #ffffff;

  background-color: #ffffff;

  color: #000000;}



/* =Footer */

.footer-container {

  text-align: center;

  font-size: 14px;

  color: rgba(255, 255, 255, 0.5);

  background-color: #000000; }

  .footer-container h3 {

    margin: 0;

    padding: 20px 0;

    font-weight: normal; }

  .footer-container a {

    color: rgba(255, 255, 255, 0.5); }

/* =Simple animation up */

.no-touch .slideInUp {

  visibility: hidden;

  opacity: 0;

  -webkit-transition: all 0.7s ease-out;

          transition: all 0.7s ease-out;

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

  transform: translate3d(0, 50px, 0); }

.no-touch .is-active .slideInUp {

  visibility: visible;

  opacity: 1;

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

  transform: translate3d(0, 0, 0); }



.slideInUp.slideInUp2 {

  -webkit-transition-delay: 0.2s;

          transition-delay: 0.2s; }

.slideInUp.slideInUp3 {

  -webkit-transition-delay: 0.2s;

          transition-delay: 0.2s;

            }

.slideInUp.slideInUp4 {

    -webkit-transition-delay: 0.2s;

    transition-delay: 0.2s;

    

    font-weight: 300;

    font-family: 'Roboto', Helvetica, Helvetica Neue, Arial, sans-serif;

    font-size: 2.8 vmin;

}

.slideInUp.slideInUp5 {

    -webkit-transition-delay: 0.2s;

    transition-delay: 0.2s;

    font-size: 25px;

    font-weight: 800;

    font-family: 'Roboto', Helvetica, Helvetica Neue, Arial, sans-serif;

}

.slideInUp.addrelabel {

    

    -webkit-transition-delay: 0.2s;

          transition-delay: 0.2s;

    font-weight: 300;

    font-family: 'Roboto', Helvetica, Helvetica Neue, Arial, sans-serif;

    font-size: 3vmin;}



.bottomCaption{

  -webkit-transition-delay: 0.2s;

          transition-delay: 0.2s; 

}

.scroll-hint {

  color: #212121;

  position: absolute;

  bottom: 30px;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

      -ms-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  padding: 10px 40px;

  border: 3px #212121 solid;

  font-size: 5px;

  font-weight: bold;

  font:  'Raleway', Helvetica, Helvetica Neue, Arial, sans-serif; 

  background-color: white; }





/* ==========================================================================

   Media Queries

   ========================================================================== */



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

.parallax {

background-attachment: scroll !important;

background-position: center center !important;

}
  .slide01{
    font-size: xx-small;
    height: fit-content;
  }
  .slide05{
    font-size: smaller;
    padding: 5%;
    height: fit-content;
  }
  .header-container{
    padding-top: 10%;
  }
}

.carousel-indicators li {
    width: 10px;
    height: 10px; 
}

.carousel{
    background: #4c3e39;
}
.carousel-item.active{
text-align: center;
}
.carousel-indicators {
    position: absolute;
    bottom: -30px;
    }


/* ==========================================================================

   Print styles

   ========================================================================== */

@media print {

  *, *:before, *:after {

    background: transparent !important;

    color: #000 !important;

    box-shadow: none !important;

    text-shadow: none !important; }

  a, a:visited {

    text-decoration: underline; }

  a[href]:after {

    content: " (" attr(href) ")"; }

  abbr[title]:after {

    content: " (" attr(title) ")"; }

  a[href^="#"]:after, a[href^="javascript:"]:after {

    content: ""; }

  pre, blockquote {

    border: 1px solid #999;

    page-break-inside: avoid; }

  thead {

    display: table-header-group; }

  tr, img {

    page-break-inside: avoid; }

  img {

    max-width: 100% !important;

    height: auto; }

  p, h2, h3 {

    orphans: 3;

    widows: 3; }

  h2, h3 {

    page-break-after: avoid; } }