body,html {
	height: 100%;
    overflow: hidden;
}

.main {
	background-image: url("../images/bg.jpg");
	background-repeat:no-repeat;
	background-size: cover;
	height: 470px;
	height: 100%;
}

.headline {
background: #0e87b4;
background: -moz-linear-gradient(left,  #0e87b4 0%, #38977c 21%, #66a843 41%, #66a843 54%, #7ca85f 68%, #85b039 100%, #1e495a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #0e87b4 0%,#38977c 21%,#66a843 41%,#66a843 54%,#7ca85f 68%,#85b039 100%,#1e495a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #0e87b4 0%,#38977c 21%,#66a843 41%,#66a843 54%,#7ca85f 68%,#85b039 100%,#1e495a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e87b4', endColorstr='#1e495a',GradientType=1 ); /* IE6-9 */
height: 3px;
width: 100%;
    position: fixed;
    z-index: 10000;
}

.mitarbi-header {
background: #194154; /* Old browsers */
background: -moz-linear-gradient(left,  #194154 0%, #1a3d49 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #194154 0%,#1a3d49 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #194154 0%,#1a3d49 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#194154', endColorstr='#1e4a5b',GradientType=1 ); /* IE6-9 */
height: 101px;
width: 100%;
}

.container-fluid {
	padding-right: 0px;
    padding-left: 0px;
        z-index: 1000;
    position: fixed;
    width: 100%;
    margin-top: 3px;
}

.mitarbi-header .container {
	max-width: 1000px;
}

.logo {
	margin-top: 37px;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding-right: 0px; 
    padding-left: 0px; 
}


.right-header {
background: #173b47; /* Old browsers */
background: -moz-linear-gradient(left,  #173b47 0%, #1a3d49 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #173b47 0%,#1a3d49 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #173b47 0%,#1a3d49 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#173b47', endColorstr='#1a3d49',GradientType=1 ); /* IE6-9 */
height: 101px;
width: 100%;
max-width: 237px;
float: right;
}



.about-info {
	margin-left:59px;
	margin-top:40px;
}


.mitarbiwr {
	position: absolute;
	left: 170px;
	bottom: 20px;
	height:500px;
}

.smartweb {
	float: right;
	position: relative;
	top: -42px;
	right: 100px;
}



.over {
    height: 100%;
    width: 100%;
    background: #6CB737; /*  rgba(3,199,74,1) */
    display: table;
    z-index: 2222;
    position: absolute;
}

.overtext {
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  font-size:62px;
  color:#fff;
}

.daimuxte {
  position:absolute;
  right:2%;
  top:2%;
}

.sheagrove {
  position: absolute;
  top: 120px;
  left: 320px;
}

.bottle1 {
  height: 500px;
  position:absolute;
  bottom:120px;
  left:170px;
  z-index: 10000;
}

.bottleshadow {
  position: absolute;
      height: auto;
    bottom: 19px;
    z-index: 1002;
    left: 153px;
}

.minnum {
  position:absolute;
  bottom:200px;
  left:12%;
  color:#fff;
  font-size:24px;
  font-family:helvetica;
}

.minerals {
  /*position:absolute;
  right:5%;
  bottom:3%;
  height:70%;
  width:50%;*/

  position: absolute;
    right: 5%;
    top: 99px;
    height: 100%;
    width: 56%;
    overflow: hidden;
}

.mineral {
  opacity:0.8;
  cursor:pointer;
  width: 54px;
  height: 54px;
  float:left;
}

.ca {
  background:url(assets/images/ca.png) no-repeat;
}
.na {
  background:url(assets/images/na.png) no-repeat;
}
.mg {
  background:url(assets/images/mg.png) no-repeat;
}
.k {
  background:url(assets/images/k.png) no-repeat;
}

.whiteback {
    position: fixed;
    height: 16%;
    background: #fff;
    width: 100%;
    bottom: 0;
    z-index: 1000;

    border-top: 5px solid rgb(0, 0, 0);
    border-top: 5px solid rgba(0, 0, 0, .2);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}

.white {
  /*opacity:0.5;*/
}

.white, .color {
  margin-bottom:-90px;
  transition:all 0.6s;
      /*height: 64%;*/
}

.color {
  
}

.color {
  clip: rect(510px,5000px,5000px,0px);
}

.clip1  { clip: rect(510px,5000px,5000px,0px); }
.clip2  { clip: rect(510px,5000px,5000px,0px); }
.clip3  { clip: rect(470px,5000px,5000px,0px); }
.clip4  { clip: rect(430px,5000px,5000px,0px); }
.clip5  { clip: rect(390px,5000px,5000px,0px); }
.clip6  { clip: rect(350px,5000px,5000px,0px); }
.clip7  { clip: rect(310px,5000px,5000px,0px); }
.clip8  { clip: rect(270px,5000px,5000px,0px); }
.clip9  { clip: rect(230px,5000px,5000px,0px); }
.clip10 { clip: rect(190px,5000px,5000px,0px); }
.clip11 { clip: rect(150px,5000px,5000px,0px); }
.clip12 { clip: rect(110px,5000px,5000px,0px); }
.clip13 { clip: rect(70px,5000px,5000px,0px); }
.clip14 { clip: rect(50px,5000px,5000px,0px); }
.clip15 { clip: rect(10px,5000px,5000px,0px); }
.clip16 { clip: rect(0px,5000px,5000px,0px); }
.clip17 { clip: rect(0px,5000px,5000px,0px); }

.minerals {
    display:block;
}


    .ca1 {
    position:relative;
    -webkit-animation: ca1 5.2s ;
    -webkit-animation-iteration-count:infinite;
    animation: ca1 5.2s ;
    animation-iteration-count:infinite;
    }
    @-webkit-keyframes ca1 {0%{top:90%;} 50%{top:50%;} 100%{top:-100%;}}
    @keyframes ca1 {0%{top:90%;} 50%{top:50%;} 100%{top:-100%;}}
    .ca2 {
    position:relative;
    -webkit-animation: ca2 5.7s ;
    -webkit-animation-iteration-count:infinite;
    animation: ca2 5.7s ;
    animation-iteration-count:infinite;
    }
    @-webkit-keyframes ca2 {0%{top:90%;} 50%{top:50%;} 100%{top:-100%;}}
    @keyframes ca2 {0%{top:90%;} 50%{top:50%;} 100%{top:-100%;}}
    .ca3 {
    position:relative;
    -webkit-animation: ca3 6.6s ;
    -webkit-animation-iteration-count:infinite;
    animation: ca3 6.6s ;
    animation-iteration-count:infinite;
    }
    @-webkit-keyframes ca3 {0%{top:90%;} 50%{top:50%;} 100%{top:-100%;}}
    @keyframes ca3 {0%{top:90%;} 50%{top:50%;} 100%{top:-100%;}}
    .ca4 {
    position:relative;
    -webkit-animation: ca4 5.0s ;
    -webkit-animation-iteration-count:infinite;
    animation: ca4 5.0s ;
    animation-iteration-count:infinite;
    }
    @-webkit-keyframes ca4 {0%{top:90%;} 50%{top:50%;} 100%{top:-100%;}}
    @keyframes ca4 {0%{top:90%;} 50%{top:50%;} 100%{top:-100%;}}
    .ca5 {
    position:relative;
    -webkit-animation: ca5 4.5s ;
    -webkit-animation-iteration-count:infinite;
    animation: ca5 4.5s ;
    animation-iteration-count:infinite;
    }
    @-webkit-keyframes ca5 {0%{top:90%;} 50%{top:50%;} 100%{top:-100%;}}
    @keyframes ca5 {0%{top:90%;} 50%{top:50%;} 100%{top:-100%;}}

    .na1 {
    position:relative;
    -webkit-animation: na1 6.2s ;
    -webkit-animation-iteration-count:infinite;
    animation: na1 6.2s ;
    animation-iteration-count:infinite;
    }
    @-webkit-keyframes na1 {0%{top:90%;} 50%{top:50%;} 100%{top:-100%;}}
    @keyframes na1 {0%{top:90%;} 50%{top:50%;} 100%{top:-100%;}}
    .na2 {
    position:relative;
    -webkit-animation: na2 4.8s ;
    -webkit-animation-iteration-count:infinite;
    animation: na2 4.8s ;
    animation-iteration-count:infinite;
    }
    @-webkit-keyframes na2 {0%{top:90%;} 50%{top:50%;} 100%{top:-100%;}}
    @keyframes na2 {0%{top:90%;} 50%{top:50%;} 100%{top:-100%;}}
    .na3 {
    position:relative;
    -webkit-animation: na3 6.1s ;
    -webkit-animation-iteration-count:infinite;
    animation: na3 6.1s ;
    animation-iteration-count:infinite;
    }
    @-webkit-keyframes na3 {0%{top:90%;} 50%{top:50%;} 100%{top:-100%;}}
    @keyframes na3 {0%{top:90%;} 50%{top:50%;} 100%{top:-100%;}}
    .na4 {
    position:relative;
    -webkit-animation: na4 5.1s ;
    -webkit-animation-iteration-count:infinite;
    animation: na4 5.1s ;
    animation-iteration-count:infinite;
    }
    @-webkit-keyframes na4 {0%{top:90%;} 50%{top:50%;} 100%{top:-100%;}}
    @keyframes na4 {0%{top:90%;} 50%{top:50%;} 100%{top:-100%;}}

    .k1 {
    position:relative;
    -webkit-animation: k1 4.7s ;
    -webkit-animation-iteration-count:infinite;
    animation: k1 4.7s ;
    animation-iteration-count:infinite;
    }
    @-webkit-keyframes k1 {0%{top:90%;} 50%{top:50%;} 100%{top:-100%;}}
    @keyframes k1 {0%{top:90%;} 50%{top:50%;} 100%{top:-100%;}}
    .k2 {
    position:relative;
    -webkit-animation: k2 6.5s ;
    -webkit-animation-iteration-count:infinite;
    animation: k2 6.5s ;
    animation-iteration-count:infinite;
    }
    @-webkit-keyframes k2 {0%{top:90%;} 50%{top:50%;} 100%{top:-100%;}}
    @keyframes k2 {0%{top:90%;} 50%{top:50%;} 100%{top:-100%;}}
    .k3 {
    position:relative;
    -webkit-animation: k3 5.4s ;
    -webkit-animation-iteration-count:infinite;
    animation: k3 5.4s ;
    animation-iteration-count:infinite;
    }
    @-webkit-keyframes k3 {0%{top:90%;} 50%{top:50%;} 100%{top:-100%;}}
    @keyframes k3 {0%{top:90%;} 50%{top:50%;} 100%{top:-100%;}}
    .k4 {
    position:relative;
    -webkit-animation: k4 4.8s ;
    -webkit-animation-iteration-count:infinite;
    animation: k4 4.8s ;
    animation-iteration-count:infinite;
    }
    @-webkit-keyframes k4 {0%{top:90%;} 50%{top:50%;} 100%{top:-100%;}}
    @keyframes k4 {0%{top:90%;} 50%{top:50%;} 100%{top:-100%;}}

    .mg1 {
    position:relative;
    -webkit-animation: mg1 5.9s ;
    -webkit-animation-iteration-count:infinite;
    animation: mg1 5.9s ;
    animation-iteration-count:infinite;
    }
    @-webkit-keyframes mg1 {0%{top:90%;} 50%{top:50%;} 100%{top:-100%;}}
    @keyframes mg1 {0%{top:90%;} 50%{top:50%;} 100%{top:-100%;}}
    .mg2 {
    position:relative;
    -webkit-animation: mg2 5.5s ;
    -webkit-animation-iteration-count:infinite;
    animation: mg2 5.5s ;
    animation-iteration-count:infinite;
    }
    @-webkit-keyframes mg2 {0%{top:90%;} 50%{top:50%;} 100%{top:-100%;}}
    @keyframes mg2 {0%{top:90%;} 50%{top:50%;} 100%{top:-100%;}}
    .mg3 {
    position:relative;
    -webkit-animation: mg3 4.9s ;
    -webkit-animation-iteration-count:infinite;
    animation: mg3 4.9s ;
    animation-iteration-count:infinite;
    }
    @-webkit-keyframes mg3 {0%{top:90%;} 50%{top:50%;} 100%{top:-100%;}}
    @keyframes mg3 {0%{top:90%;} 50%{top:50%;} 100%{top:-100%;}}
    .mg4 {
    position:relative;
    -webkit-animation: mg4 5.6s ;
    -webkit-animation-iteration-count:infinite;
    animation: mg4 5.6s ;
    animation-iteration-count:infinite;
    }
    @-webkit-keyframes mg4 {0%{top:90%;} 50%{top:50%;} 100%{top:-100%;}}
    @keyframes mg4 {0%{top:90%;} 50%{top:50%;} 100%{top:-100%;}}