body {
  /*padding-top: 56px;*/
  overflow-x: hidden;
  background-image: url('/images/bg.jpg');
  /*background-attachment: scroll;*/
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;

}
footer{
  color: #c27fff;
  background-color:#ffffff;
}
nav.navbar{
  background-color:#ffffff;
  /*box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.3);*/
}
.sidebar{
  padding: 20px;
  /*border-radius: 25px;*/
  background-color: #ffffff;

}
ul.sidebar-list{
  list-style: ;
  display: inline-block;
}
li.sidebar-element{
  font-size: 25pt;
  display: inline-block;
  list-style: none;
  /*text-align:center;*/
}
.clearfix{
  /*padding-right: 10px;*/
}
/********Hover Effects**********/
@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.sim-button{
	/*line-height: 50px;
	height: 50px;*/
	text-align: center;
	/*margin-right: auto;
	margin-left: auto;
	margin-top: 125px;
	width: 60%;*/
	cursor: pointer;
}
.button5{
	/*color: rgba(255,255,255,1);*/
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
	/*border: 1px solid rgba(255,255,255,0.5);*/
}
.button5 a{
	/*color: rgba(51,51,51,1);*/
	text-decoration: none;
	display: block;
}
.button5:hover{
	-webkit-animation-name: jello;
	animation-name: jello;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	/*background-color: rgba(255,255,255,0.2);*/
}
/***********************************************/
a {

  color:#fd75ff;
  text-decoration: none;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}
a:hover{
    color:#ca13cd;
	  text-decoration: none;
  }
  .btn{

  }
  .btn-primary{

  }
  .btn-primaty:hover{

  }


@media (min-width: 992px) {
  body {
    /*padding-top: 56px;*/
  }
}
.intro-section{
       /*padding: 200px;*/
       background-color:#ffffff;
		   background-image: url('');
       /*background-attachment: scroll;*/
       background-repeat: no-repeat;
       background-size: cover;
       background-position: center center;
	     height: 100vh;
        z-index: 13;
     }

.carousel-item{
  border: 2px solid #ffffff;
}

h1{
}
h3{
       font-family: 'Poiret One', cursive;

  }
/*li{
    display: inline-block;
  }*/
  hr {
  border: 0;
  /*border-top: 3px double #8c8c8c;*/
}


  .content-a{
    position: relative;
    z-index: 12;
    background-color: #ffffff;
    background-image: url('');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;

  }
  .square{
    position: relative;
    background-color: #867a92;
    color: #ffffff;
    box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.3);
    z-index: 14;
  }
  .content-b{
    position: relative;
    padding: 50px;
    font-size: ;
    background-color: #F5D7BD;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    z-index: -1;
  }
  #myVideo{
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;

  }

  .top-buffer {
    margin-top:20px;
  }
  .module {
      &:nth-child(even) {
      margin-right: 0;
    }

  }
  .padding-0{
      padding-right:0;
      padding-left:0;
  }
    .grid-1{
             /*padding: 20px;*/
             background-color: #808080;
             color: #000000;

             }

    .grid-2{
             /*padding: 20px;*/
             background-color: #ffffff;
             color: #000000;
           }
    .grid-3{
               /*padding: 20px;*/
               padding-right: 40px;
               background-color: #808080;
               color: #000000;
               }

    .grid-4{
            /*padding: 20px;*/
            padding-right: 40px;
            background-color: #ffffff;
            color: #000000;
            }