@import url("ECSB_Modeler/stylesheet.css");
/*!
 * Start Bootstrap - Full Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

html,
body {
    height: 100%;
}
.container {
    width: 100%;
    text-align: center;
}

/* Preloader */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff; /* change if the mask should have another color then white */
    z-index: 99; /* makes sure it stays on top */
}

#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%; /* centers the loading animation horizontally one the screen */
    top: 50%; /* centers the loading animation vertically one the screen */
    background-image: url(../img/status.gif); /* path to your loading animation */
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px; /* is width and height divided by two */
}

.navbar-nav li {
      float: none;
      display: inline-block;
}

.container-info {
    width: 100%;
	height: 100%;
}

@import "compass/css3";

$height-mask: 250px;

// To regulate alpha is recommended to use gray scale.
// Recomiendo utilizar escala de grises

$darken: 60%;

$color: rgb(255,255,255);
$color-alpha: darken( $color, $darken );

// Apply color here!
// Todo el color que quieras!
$color-base: rgb(#532418);

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
}

html,
body{
  height: 100%;
}

body{
  font-family: 'Open Sans', sans-serif;
}

.text{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: $height-mask;
  z-index: 10;
}
	
#test {
	positon: absolute;
	font-size: 12px;
	z-index: 100;
	-webkit-animation: fadein 4s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 4s; /* Firefox < 16 */
	-ms-animation: fadein 4s; /* Internet Explorer */
	-o-animation: fadein 4s; /* Opera < 12.1 */
	animation: fadein 4s;
	overflow-x: hidden;
	position: absolute;
	color: #FFFFFF;
	background-image: url(../img/pattern_2.png);
	background-repeat: repeat;
	padding-left: 25px;
	padding-right: 26px;
	padding-bottom: 15px;
	bottom: 60px;
	width: 100%;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}	

.hr { 
	border: none;
	border-top: 1px #FFFFFF;
	background-color: #FFFFFF; 
	height: 1px; 
}

.linie { 
	margin: 0px 15% 0px 15%; 
}
	
.scroll-btn {
	position: absolute;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
	width: 15px;
	height: 15px;
	z-index: 11;
	opacity: .6;
	text-align: center;
	bottom: 25px;
	color: #FFFFFF;
	font-size: small;
}
	
/* scroll button animation */
@keyframes arrows {
	0% { bottom:35px; }
	10% { bottom:25px; }
	20% { bottom:35px; }
	30% { bottom:25px; }
	40% { bottom:35px; }
	50% { bottom:25px; }
	60% { bottom:35px; }
	70% { bottom:25px; }
	80% { bottom:35px; }
	90% { bottom:25px; }
	100% { bottom:35px; }
}
@-webkit-keyframes arrows {
	0% { bottom:35px; }
	10% { bottom:25px; }
	20% { bottom:35px; }
	30% { bottom:25px; }
	40% { bottom:35px; }
	50% { bottom:25px; }
	60% { bottom:35px; }
	70% { bottom:25px; }
	80% { bottom:35px; }
	90% { bottom:25px; }
	100% { bottom:35px; }
}
.scroll-btn {
	-webkit-animation: arrows 3.8s infinite;
	-webkit-animation-delay: 1s;
	animation: arrows 3.8s infinite;
	animation-delay: 1s;
	cursor: pointer;
	left: 50%;
	bottom: 25px;
}
	
.text_transparent {
	opacity: 0.8;
	margin-left: 50px;
	margin-right: 50px;
    }

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

.carousel-inner {
    height: 100%;
}

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

html, 
body, 
.carousel, 
.carousel-inner, 
.carousel-inner .item {
    height: 100%;
}

.item:nth-child(1) {
    background: #493f39;
}

.item:nth-child(2) {
    background: #493f39;
}

.item:nth-child(3) {
    background: #493f39;
}

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

.carousel-fade {
    .carousel-inner {
        .item {
            transition-property: opacity;
        }
        
        .item,
        .active.left,
        .active.right {
            opacity: 0;
        }

        .active,
        .next.left,
        .prev.right {
            opacity: 1;
        }

        .next,
        .prev,
        .active.left,
        .active.right {
            left: 0;
            transform: translate3d(0, 0, 0);
        }
    }

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



html, 
body, 
.carousel, 
.carousel-inner, 
.carousel-inner .item {
    height: 100%;
}

.item:nth-child(1) {
    background: #493f39;
}

.item:nth-child(2) {
    background: #493f39;
}

.item:nth-child(3) {
    background: #493f39;
}



html, 
body, 
.carousel, 
.carousel-inner, 
.carousel-inner .item {
    height: 100%;
}

.item:nth-child(1) {
    background: #493f39;
}

.item:nth-child(2) {
    background: #493f39;
}

.item:nth-child(3) {
    background: #493f39;
}

footer {
    margin: 50px 0;

}
.navbar_text_1 {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.8px;
}
.burgerlogo_header {
	margin-top: 15px;
	width: 40%;
	margin-left: 30%;
	margin-right: 30%;
	text-shadow: 0px 0px;
	margin-bottom: 3px;
	min-width: 200px;
}