html, body {
    font-family: "Roboto";
    margin: 0;
    padding: 0;
}
.clearfix {
    clear: both;
}
ul, li {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}
img{max-width:100%;}
.container {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1153px;
    width: 100%;
}
.right-col {
    box-sizing: border-box;
    float: right;
    padding-right: 120px;
    text-align: right;
    width: 50%;
	
}
.left-col {
    box-sizing: border-box;
    float: left;
    width: 50%;
}
.header {
    background: rgba(0, 0, 0, 0) url("../images/header_bg.png") repeat-x scroll center center / cover ;
    height: 171px;
}
.logo {
    display: block;
    margin: 53px 0 0;
}
.logo img{ vertical-align:bottom;}
.social {
    margin-top: 28px;
}
.social a {
    color:  #F8F7D7;
    font-size: 16px;
    margin-left: 15px;
}
.social a:hover{opacity:.7;text-decoration:none;}
.social a i {
    font-size: 23px;
}
.right-col .news_letter {
    margin-top: 20px;
/*	text-shadow: 0 0 4px #ded1b6;*/
}
.right-col .news_letter input[type="text"],.right-col .news_letter input[type="email"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-color: #dedcc1;
    border-width: 0 0 2px;
    color:  #F8F7D7;
    font-size: 12px;
    margin-right: 15px;
    min-width: 220px;
    /*padding: 5px 5px 3px 20px;*/
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
}
.right-col .news_letter input[type="submit"] {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color:  #F8F7D7;
    font-family: "Roboto";
    font-size: 16px;
    margin: 0;
    padding: 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
	/*text-shadow: 0 0 1px #ded1b6;*/
}
.right-col .news_letter input[type="submit"]:hover,.right-col .news_letter input[type="submit"]:focus{text-decoration:none;}
.right-col .navigation {
    margin-top: 10px;
	/*text-shadow: 0 0 4px #ded1b6;*/
}

.right-col .navigation li:first-child {
    margin: 0;
}
.right-col .navigation li {
    display: inline;
    list-style: outside none none;
    margin-left: 13px;
}
.right-col .navigation li a {
    color:  #F8F7D7;
    font-size: 14px;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
	/*text-shadow: 1px 1px 3px #ffffff;*/
}
.right-col .navigation li a:hover {
    text-decoration: none;
}

/*garbage_garden*/
#garbage_fullwidth{width:100%;overflow:hidden;position:relative}
#garbage_garden{overflow:hidden; position: absolute;width:1920px;margin:0 auto;transform-origin:0 0;-moz-transform-origin:0 0;-webkit-transform-origin:0 0;}
#garbage_garden img.main_bg {
    display: block;
    width: auto;
    margin: 0 auto;
   
}
#garbage_fullwidth  .btn {
	background: #f1ebd5 none repeat scroll 0 0;
	color: #35332b;
	padding: 15px 20px;
	font-size: 25px;
	text-decoration: none;
	text-transform: uppercase;
	}

#garbage_fullwidth .btn a{
    color: #35332b;
    text-decoration: none;
}
 #garbage_fullwidth .btn a:hover{
    text-decoration: none;
	}
.lander_wrapper {
    position: absolute;
    top: 0;
}

.lander_wrapper img.lander {
	visibility:hidden;
	opacity:0;
    position: absolute;
	max-width:inherit;
	transition: opacity 1s ease-in-out 0s, top 0.6s ease-in-out 0s,;
	-moz-transition: opacity 1s ease-in-out 0s, top 0.6s ease-in-out 0s;
	-webkit-transition: opacity 1s ease-in-out 0s, top 0.6s ease-in-out 0s;
	z-index:998;
}
.lander_wrapper img.glow{opacity:0;position:absolute;z-index:999;max-width:inherit;}
.lander_wrapper img.lander.active{opacity:1;visibility:visible;}

.lander_1 {
    display: block;
    height: 100%;
    left: 339px;
    width: 260px;
}
.lander_1 img.lander {
    top: 437px;
}

.lander_1 img.glow.active{
    -webkit-animation-duration: .6s;
    -moz-animation-duration: .6s;
    -o-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-name: lightening_one;
    -moz-animation-name: lightening_one;
    -o-animation-name: lightening_one;
    animation-name: lightening_one;
   	left: -135px;
    width: 500px;
	}
.lander_2 {
    display: block;
    height: 100%;
    left: 743px;
    width: 200px;
}
.lander_2 img.lander {
    left: -77px;
    top: 270px;
}

.lander_2 img.glow.active{
	animation-iteration-count: 1;
	animation:  lightening_two .6s ease-in-out 0s; 
	-moz-animation:  lightening_two .6s ease-in-out 0s; 
	-webkit-animation:  lightening_two .6s ease-in-out 0s; 
    left: -123px;
    width: 400px;
	}

.lander_3 {
    display: block;
    height: 100%;
    left: 1042px;
    width: 200px;
}	
.lander_3 img.lander {
    left: -72px;
    top: 226px;
}
.lander_3 img.glow.active{
	animation-iteration-count: 1;
	animation:  lightening_three .6s ease-in-out 0s; 
	-moz-animation:  lightening_three .6s ease-in-out 0s; 
	-webkit-animation:  lightening_three .6s ease-in-out 0s; 
    left: -157px;
    
    width: 516px;
	}
	
.lander_4 {
display: block;
height: 100%;
left: 1342px;
width: 200px;
}	
.lander_4 img.lander {
left: -72px;
top: 226px;
}
.lander_4 img.glow.active{
animation-iteration-count: 1;
animation:  lightening_four .6s ease-in-out 0s; 
-moz-animation:  lightening_four .6s ease-in-out 0s; 
-webkit-animation:  lightening_four .6s ease-in-out 0s; 
left: -157px;

width: 516px;
}
.window_loader,.window_rotation {
    background: #000000;
    height: 100%;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
	visibility:hidden;opacity:0;
	transition: opacity 1s ease-in-out 0s, top 0.6s ease-in-out 0s;
	-moz-transition: opacity 1s ease-in-out 0s, top 0.6s ease-in-out 0s;
	-webkit-transition: opacity 1s ease-in-out 0s, top 0.6s ease-in-out 0s;
}
.window_rotation {background:rgba(0,0,0,.7)}
.window_loader.active,.window_rotation.active {visibility:visible;opacity:1;}
.window_loader img, .window_rotation img {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
.window_rotation img{width:100px;}
.explore_wrapper {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	opacity:1;
	visibility:visible;
	transition: opacity 1s ease-in-out 0s;
	-moz-transition: opacity 1s ease-in-out 0s;
	-webkit-transition: opacity 1s ease-in-out 0s;
}
.explore_wrapper.hide {
	opacity:0;
	visibility:hidden;
	}

.explore_wrapper a.btn {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	
}
#garbage_fullwidth .info_wrapper {
    font-size: 16px;
    position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-moz-transform: translate(-50%);
	-webkit-transform: translate(-50%);
	bottom:50px;
	letter-spacing:1px;
	transition: opacity 1s ease-in-out 0s;
	-moz-transition: opacity 1s ease-in-out 0s;
	-webkit-transition: opacity 1s ease-in-out 0s;
	opacity:1;
	visibility:visible;
}
#garbage_fullwidth .info_wrapper.hide{
	opacity:0;
	visibility:hidden;
	
	}
	
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity:1;
  letter-spacing:1px;
  color: #F8F7D7;
}
::-moz-placeholder { /* Firefox 19+ */
  opacity:1;
  letter-spacing:1px;
  color: #F8F7D7;
}
:-ms-input-placeholder { /* IE 10+ */
  opacity:1;
  letter-spacing:1px;
  color: #F8F7D7;
}
:-moz-placeholder { /* Firefox 18- */
  opacity:1;
  letter-spacing:1px;
  color: #F8F7D7;
}
@media all and (max-width:1380px){

.header {
    height: auto;
}
.right-col .navigation {
    margin: 15px 0;
}
.social, .right-col .news_letter {
    margin-top: 15px;
}
.logo {
    margin: 44px 0;
    width: 300px;
}
.right-col {
    padding-right: 30px;
}

}
@media all and (max-width:980px){
	.header{height:auto;}
	.social,.news_letter{display:none;}

.logo {
    margin: 20px 0;
    overflow: hidden;
    width: 200px;
}
.logo img {
    margin-left: -15px;
}

.left-col {
    max-width: 200px;
}
.right-col {
    padding: 10px;
    width: 280px;
}
.right-col .navigation {
    margin-top: 10px;
}

.right-col .navigation li a {
    font-size: 12px;
    letter-spacing: 0;
}
}
@media all and (max-width:768px){
#garbage_fullwidth  .btn {
font-size:14px;
padding:10px;
	}
	
#garbage_fullwidth .info_wrapper {
    bottom: 0;
    font-size: 14px;
    text-align: center;
    width: 100%;
}
.logo {
    margin: 13px 0;
    overflow: hidden;
    width: 200px;
}
.right-col .navigation {
    margin: 5px 0;
}
}

@keyframes lightening_one {
  0% {top:-120px;opacity: 1;}
  100% {    top: 175px;opacity:0;}
}
@-webkit-keyframes lightening_one {
  0% {top:-120px;opacity: 1;}
  100% {top: 175px;opacity:0;}
}
@-moz-keyframes lightening_one {
  0% {top:-120px;opacity: 1;}
  100% {top: 175px;opacity:0;}
}
@-o-keyframes lightening_one {
  0% {top:-120px;opacity: 1;}
  100% {top: 175px;opacity:0;}
}
@-ms-keyframes lightening_one {
  0% {top:-120px;opacity: 1;}
  100% {top: 175px;opacity:0;}
}


@keyframes lightening_two {   
  0% {top:-20px;opacity: 1;}
  100% {top: 221px;opacity:0;}
 }
 @-webkit-keyframes lightening_two {   
  0% {top:-20px;opacity: 1;}
  100% {top: 221px;opacity:0;}
 }
 @-moz-keyframes lightening_two {   
  0% {top:-20px;opacity: 1;}
  100% {top: 221px;opacity:0;}
 }
 @-o-keyframes lightening_two {   
  0% {top:-20px;opacity: 1;}
  100% {top: 221px;opacity:0;}
 }
 @-ms-keyframes lightening_two {   
  0% {top:-20px;opacity: 1;}
  100% {top: 221px;opacity:0;}
 }

@keyframes lightening_three {   
  0% {top:-120px;opacity: 1;}
  100% {top: 192px;opacity:0;}
  }
  @-webkit-keyframes lightening_three {   
  0% {top:-120px;opacity: 1;}
  100% {top: 192px;opacity:0;}
  }
  @-ms-keyframes lightening_three {   
  0% {top:-120px;opacity: 1;}
  100% {top: 192px;opacity:0;}
  }
  @-o-keyframes lightening_three {   
  0% {top:-120px;opacity: 1;}
  100% {top: 192px;opacity:0;}
  }
  @-moz-keyframes lightening_three {   
  0% {top:-120px;opacity: 1;}
  100% {top: 192px;opacity:0;}
  }
  
 @keyframes lightening_four {
  0% {top:-20px;opacity: 1;}
  100% {top: 221px;opacity:0;}
}
 @-moz-keyframes lightening_four {
  0% {top:-20px;opacity: 1;}
  100% {top: 221px;opacity:0;}
}
 @-webkit-keyframes lightening_four {
  0% {top:-20px;opacity: 1;}
  100% {top: 221px;opacity:0;}
}
 @-o-keyframes lightening_four {
  0% {top:-20px;opacity: 1;}
  100% {top: 221px;opacity:0;}
}
 @-ms-keyframes lightening_four {
  0% {top:-20px;opacity: 1;}
  100% {top: 221px;opacity:0;}
}