@charset "utf-8";
.jarallax-keep-img {

    position: relative;

    z-index: 0;

}

.jarallax-keep-img > .jarallax-img {

    position: relative;

    display: block;

    max-width: 100%;

    height: auto;

    z-index: -100;

}

span[data-jarallax-element] {

    display: inline-block;

}





/* demo styles */

*, *:after, *:before {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}



body {

    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;

    font-size: 20px;

    margin: 0;

    line-height: 1.5;

    -webkit-font-smoothing: antialiased;

}

h1 {

    font-size: 50px;

}

h2 {

    font-size: 30px;

}

p {

    margin-top: 0;

    margin-bottom: 5px;

}

p ~ p,

p ~ div {

    margin-top: 15px;

}



small {

    font-size: 75%;

    color: #fff;

}

a, a:visited, a:hover, a:focus {

    color: inherit;

}

a:hover, a:focus {

    color: #fff;

}

.jarallax {

    min-height: 200px;

}

.jarallax-keep-img.demo-float-left {

    margin-right: 15px;

    margin-left: -60px;

}

.jarallax-keep-img.demo-float-right {

    margin-left: 15px;

    margin-right: -60px;

}



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

    .jarallax-keep-img.demo-float-left,

    .jarallax-keep-img.demo-float-right {

        margin-right: 0;

        margin-left: 0;

        float: none;

    }

}



/* hero block */

.demo-table {

    display: table;

    width: 100%;

    height: 200px;

    background-color: rgba(39, 35, 51, 0.3);

    color: #fff;

}

.demo-table-cell {

    display: table;

    text-align: center;

    vertical-align: middle;

}
 img.center {
    width: 100%;
	
	
  }



/* gap */

.demo-gap {

    padding: 10px;

    overflow: hidden;

}

.demo-gap h1,

.demo-gap h2,

.demo-gap h3 {

    text-align: center;

}

.demo-gap .container {

    max-width: 800px;

    margin: 0 auto;

}

.demo-gap-half {

    display: table;

    width: 100%;

}

.demo-gap-half > div {

    display: table;

    width: 100%;

}

.demo-gap-half .demo-gap-1 .jarallax,

.demo-gap-half .demo-gap-2 .jarallax {

    padding-top: 10.25%;

    min-height: 0;

    height: 0;

}

.demo-gap-half .demo-gap-1 .jarallax {

    padding-top: 10.5%;

}



/* Demo Content */

.demo-content {

    background-color: #f7f7f7;

    padding: 80px;

}





/* Float */

.demo-float-left {

    float: left;

}

.demo-float-right {

    float: right;

}





/* Carousel */

.demo-carousel {

    background-color: rgb(39, 35, 51);

}

.demo-carousel .demo-carousel-item {

    width: 33.33%;

    min-height: 300px;

}

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

    .demo-carousel .demo-carousel-item {

        width: 50%;

    }

}

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

    .demo-carousel .demo-carousel-item {

        width: 100%;

    }

}





/* Mobile */

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

    .demo-gap,

    .demo-content {

        padding: 50px 30px;

    }

}/* CSS Document */