html, body {
	width:100%;
	height:100%;
	padding:0;
	margin:0;
overflow-x: hidden
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.grow:hover img
        {
           -webkit-transform: scale(0.8) !important;
            -ms-transform: scale(0.8) !important;
            transform: scale(0.8) !important;

        }

.grow2:hover img
        {
           -webkit-transform: scale(1.1) !important;
            -ms-transform: scale(1.1) !important;
            transform: scale(1.1) !important;

        }


.grow3:hover img
        {
           -webkit-transform: scale(1.2) !important;
            -ms-transform: scale(1.2) !important;
            transform: scale(1.2) !important;

        }



@media (max-width: 650px)  {
.soc {
max-width: 25px !important;

}

.mobile-display-none {
	display: none;
}

.follow {

	top:110% !important;
}

	input[type="text"].name {
		background: #fff url("../assets/name.png") no-repeat .8em center;
		padding-left: 2.5em;
		height: 30px !important;
	}
	input[type="text"].email,
	input[type="email"].email {
		background: #fff url("../assets/email.png") no-repeat .8em center;
		padding-left: 2.5em;
		height: 30px !important;
	}

.button {
height: 30px !important;
  padding: 4px 5px !important;
  margin-top: 2px !important;
}

.modal__wrap {
  margin-top: 200px !important;
  }


	}

/*==================================== */



 
.modal {
  background: #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}
@media (min-width: 43.75em) {
  .modal {
  }
}
.modal > label {
  background: #FFD300;
  border: 1px solid #f0c600;
  border-radius: .2em;
  color: #000000;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  padding: 0.75em 1.5em;
  text-shadow: 1px 1px 1px #fff;
  transition: all 0.55s;
}
.modal > label:hover {
  transform: scale(0.97);
}
.modal__overlay {
  background: #000000;
  opacity: .8;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  text-align: center;
  text-shadow: none;
  top: 0;
  z-index: 600;
}
.modal__wrap {
  padding: 1em 0;
  position: relative;
  margin: 0 auto;
  max-width: 500px;
  width: 90%;
}
@media (min-width: 50em) {
  .modal__wrap {
    padding: 1.75em;
  }
}
@media (min-height: 37.5em) {
  .modal__wrap {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -80%);
  }
}


.modal input:focus ~ label {
  transform: scale(0.97);
}

input {
  position: absolute;
  top: -1000px;
}

.modal__overlay {
  opacity: 0;
  transform: scale(0.5);
  transition: all 0.75s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  z-index: -100;
}

input:checked ~ .modal__overlay {
  opacity: 1;
  transform: scale(1);
  z-index: 800;
}


.skrollable {
	/*
	 * First-level skrollables are positioned relative to window
	 */
	position:fixed;

	/*
	 * Skrollables by default have a z-index of 100 in order to make it easy to position elements in front/back without changing each skrollable
	 */
	z-index:100;
}

.skrollr-mobile .skrollable {
	/*
		May cause issues on Android default browser (see #331 on GitHub).
	*/
	position:absolute;
}

.skrollable .skrollable {
	/*
	 * Second-level skrollables are positioned relative their parent skrollable
	 */
	position:absolute;
}

.skrollable .skrollable .skrollable {
	/*
	 * Third-level (and below) skrollables are positioned static
	 */
	position:static;
}




/*

	$grey:   #989693;
	$blue:   #7ec5aa;
	$yellow: #edba0c;

 */

*, :before, :after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body{
	font: normal 14px/21px helvetica, arial, verdana, sans-serif;
	color: #888;
	background: #202020;
	margin: 0 auto;
	max-width: 1030px;
	line-height: 1.42857143;
}
#background {
	background: #202020 ;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	height: 3000px;
}
#shadow {
	background: url('../assets/shadow.png') repeat-y top center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#badge {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 120;
}

#mobile_wrapper {
	display: none;
}

#social {
	position: fixed;
	right: 0;
	bottom: 0;
	padding: 7px 5px;
	z-index: 15000;
	background: white;
	opacity: 0.4;
}

#social a {
	width: 25px;
	display: block;
	margin: 6px 5px 4px;
}

#social img {
	width: 100%;
}

.skrollr-mobile #mobile_wrapper {
	display: block;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;

  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

	z-index: 1000;
}

#mobile_warn {
	z-index: 1000;
	max-width: 80%;
}

.skrollr-mobile #badge {
	display: none;
}

.slide {
	position: relative;
	z-index: 105;
	background: #000;
}

/*.skrollr-desktop .slide *, */
.fixGPU {
	-webkit-transform: translate3d(0,0,1px);
	-moz-transform: translate3d(0,0,1px);
	-ms-transform: translate3d(0,0,1px);
	transform: translate3d(0,0,1px);
}

.background {
	width: 100%;
	z-index: -1;
}

.moves {
	position: absolute;
	z-index: 5;
	max-width: 100%;
}



/* Loader */
#loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	z-index: 99999;
	text-align: center;
	opacity: 1;
}

#loader #progress {
	/*background: rgba(255,255,255,0.5);*/
	background: #202020 url('../assets/bg.jpg') no-repeat top center;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: -1;
	-webkit-transition: width 300ms ease-out;
	transition: width 300ms ease-out;
}

#loader.done {
	-webkit-transition: opacity 725ms ease-in;
	transition: opacity 725ms ease-in;
	opacity: 0;
}

.load-logo {
	margin-top: 0%;
	opacity: 1;
	-webkit-transition: opacity 700ms ease-in 500ms;
	transition: opacity 700ms ease-in 500ms;
}

.load-logo.out {
	opacity: 0;
}

/* Parallax */
.scene {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.scene .layer {
	width: 100%;
	height: 100%;
}
.scene .layer img {
	width: 100%;
}

#lookbook-logo {
	-webkit-transition: opacity 1200ms ease-out;
	transition: opacity 1200ms ease-out;
}
#lookbook-logo.out {
	opacity: 0;
}



/* Media Queries */

@media (max-width: 650px)  {
	.mobile-display-none {
	display: none;
}

.padding{
	left: 12% !important;
}
}


@media (min-width: 650px)  {


	#product {
		width: 80%;
	}
	#product .content, #product .product, #product .info { height: 100%; min-height: 200px; }
	#product .content {
		padding: 20px 20px 25px;
	}
	#product .product {
		position: relative;
		z-index: 2;
	}
	#product .model {
		width: 27%;
		display: inline-block;
	}

	#product .text {
		width: 50%;
		font-size: 1em;
	}

	#product .text h2 {
		margin: 20px 0 10px;
		font-size: 25px;
	}

	#product .info {
		margin: 25px 0 0;
		max-width: 100%;

		width: 19%;
		display: inline-block;
		vertical-align: top;
	}

	#product .photo, #product .company {
		height: auto;
		float: none;
		width: auto;
	}
	#product .buy {
		float: none;
		width: auto;
	}
}

@media (min-width: 1030px) {
	#product {
		width: 930px;
	}
}

/*----------------------------------------------------------------------------*/
Newsletter
/*----------------------------------------------------------------------------*/

.post_optin {
	background: #eee;
	margin-bottom: 1.467em; /* todo: make bottom spacing dynamic */
	padding: 1em;
	text-align: center
}
	.post_optin.left {
		margin-right: 1.467em; /* todo: make right spacing dynamic */
		width: 40%
	}
	.post_optin.right {
		margin-left: 1.467em;
		width: 40%
	}
	.post_optin input[type="text"],
	.post_optin input[type="email"] { margin: 1em }

#content_box input[type="text"],
#content_box input[type="email"],
#content_box textarea { border: 1px solid rgba(0, 0, 0, .3) }

.format_text input[type="text"],
.format_text input[type="email"] { margin-right: 1em }

.custom input[type="text"],
.custom input[type="email"],
textarea {
	background: #fff;
	border: 0;
	font-size: 1em;
	padding: .8em
}
	input[type="text"].name {
		background: #fff url("../assets/name.png") no-repeat .8em center;
		padding-left: 2.5em;
		height: 45px;
	}
	input[type="text"].email,
	input[type="email"].email {
		background: #fff url("../assets/email.png") no-repeat .8em center;
		padding-left: 2.5em;
		height: 45px;
	}

input[type="submit"] {
	cursor: pointer;
	font-size: 1.2em;
	width: auto
}

.button,
#cancel-comment-reply-link,
.custom input[type="submit"] {
  border: 1px solid rgba(0, 0, 0, .25);
  color: #fff;
  display: inline-block;
  padding: 9px 18px;
  text-decoration: none !important;
}
	.button:hover,
	#cancel-comment-reply-link:hover,
	input[type="submit"]:hover {
		color: #fff;
		opacity: .8
	}

.button.orange,
#commentform input.form_submit,
.menu-orange {
  background: #5D9287;
  background: linear-gradient(top, #f99015 0%, #f76c0f 100%);
  background: -moz-linear-gradient(top, #f99015 0%, #f76c0f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5D9287), color-stop(100%, #5D9287));
  background: -webkit-linear-gradient(top, #5D9287 0%,#5D9287 100%);
}