*,
*:active,
*:focus {
    outline: none;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    letter-spacing: .02em;
    line-height: 1;
}

h1 {
    font-size: 38px;
}

h2 {
    font-size: 26px;
}

p {
    font-size: 14px;
    line-height: 1.4;
}

ul,
li,
ol {
    padding: 0;
    margin: 0;
    list-style: none;
}

picture {
    display: block;
}

/* start of first section */
.pre-order-section-one-wrapper {
    text-align: center;
    color: #ffffff;
    padding: 0;
    height: auto;
    max-height: inherit;
    position: relative;
}
.pre-order-section-one-wrapper .container {
    position: absolute;
    top: 60%;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
}
.pre-order-section-one-wrapper header{}
.pre-order-section-one-wrapper header h1 {
    font-size: 200px !important;
    display: inline-block;
    margin: 0;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.pre-order-section-one-wrapper header span{
    display: block;
    font-size: 26px;
    margin-bottom: 10px;
}
.pre-order-section-one-wrapper header figure{}
.pre-order-section-one-wrapper header figure img{
    cursor: pointer;
    margin-top: 30px;
}
.pre-order-section-one-wrapper header a.pre-order-section-one-button {
    position: relative;
    z-index: 10;
    border: solid 1px white;
    color: white;
    padding: 5px 20px;
    display: inline-block;
    border-radius: 8px;
    -webkit-transition: border, background, color ease 0.5s;
    transition: border, background, color ease 0.5s;
}
.pre-order-section-one-wrapper header a.pre-order-section-one-button:hover {
    background: white;
    color: #000000;
    border: solid 1px lightgrey;
}
/* end of first section */

/* start of common section */
.pre-order-section-common {}
.pre-order-section-common .pre-order-common-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    color: black;
    padding: 2em 0px;
}
.pre-order-section-common .pre-order-common-sec-image {
    text-align: center;
}
.pre-order-section-common .pre-order-common-sec-image figure{}
.pre-order-section-common .pre-order-common-sec-image figure img{
    /* max-height: 368px; */
}
.pre-order-section-common .pre-order-common-sec-content{
    padding-right: 10%;
    padding-left: 0;
}
.pre-order-section-common .pre-order-common-sec-content-b{
    padding-left: 10%;
    padding-right: 0;
}
.pre-order-section-common .pre-order-common-sec-content h2 {margin-bottom: 15px;}
.pre-order-section-common .pre-order-common-sec-content p {}
.pre-order-section-common .pre-order-common-sec-content .price-wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.pre-order-section-common .pre-order-common-sec-content .price-wrapper .left{
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.pre-order-section-common .pre-order-common-sec-content .price-wrapper .left > div {
    /* border-right: solid 1px #cccccc; */
    padding-right: 5%;
}
.pre-order-section-common .pre-order-common-sec-content .price-wrapper .left h2{
    font-size: 40px !important;
}
.pre-order-section-common .pre-order-common-sec-content .price-wrapper .left p{}
/*.pre-order-section-common .pre-order-common-sec-content .price-wrapper a{
    text-transform: uppercase;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    background: #fd466f;
    background: -webkit-gradient(linear, left top, right top, from(#f95454),color-stop(66%, #fd466f),to(#fd466f));
    background: linear-gradient(to right, #f95454 0%,#fd466f 66%,#fd466f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f95454', endColorstr='#fd466f',GradientType=1 );
    -webkit-box-shadow: 0px 4px 10px -3px #fd466f;
    box-shadow: 0px 4px 10px -3px #fd466f;
    border-radius: 30px;
    width: 150px;
    padding: 5px 0px;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    color: white;
    margin-top: 15px;
    border: solid 1px transparent;
}*/
/*.pre-order-section-common .pre-order-common-sec-content .price-wrapper a:hover {
    background: #ffffff;
    color: #000000;
    -webkit-box-shadow: 0px 4px 10px -3px #cccccc;
    box-shadow: 0px 4px 10px -3px #cccccc;
    border: solid 1px lightgrey;
}*/
.pre-order-section-common .pre-order-common-sec-content .price-wrapper .left figure{
    display: inline-block;
}
.pre-order-section-common .pre-order-common-sec-content .price-wrapper .left figure img{}
.pre-order-section-common .pre-order-common-sec-content .price-wrapper .right{
    width: 49%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: none;
}
.pre-order-section-common .pre-order-common-sec-content .price-wrapper .right figure{
    position: relative;
    width: 100px;
    height: 100px;
    text-align: center;
    margin-right: 10px;
}
.pre-order-section-common .pre-order-common-sec-content .price-wrapper .right figure figcaption{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto;
    color: white;
    font-size: 22px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-decoration: line-through;
}
.pre-order-section-common .pre-order-common-sec-content .price-wrapper .right figure figcaption span {
    display: block;
}
.pre-order-section-common .pre-order-common-sec-content .price-wrapper .right figure img{}
.pre-order-section-common .pre-order-common-sec-content .price-wrapper .right p {
    display: inline-block;
    max-width: 100px;
}
/* end of common section */

/* animation */
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.bounce {
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
/* animation */

.pre-order-section-common .col-xs-12 + .col-xs-12 {
	border-top: 1px solid rgba(0,0,0,.08);
}

.pre-order-common-shoe h2 + p,
.pre-order-common-shoe .left h2 {
	/* display: none; */
}

.pre-order-common-shoe .left p {
	display: block;
}

.pre-order-common-shoe .price-wrapper {
	padding-top: 20px;
}

.pre-order-common-shoe a {
	background: #ff6655 !important;
	-webkit-box-shadow: 0px 4px 10px -3px #ccc !important;
	box-shadow: 0px 4px 10px -3px #ccc !important;
}
.pre-order-common-shoe .price-wrapper .right figure figcaption {
	text-decoration: none !important;
}

/* media */

@media only screen and (min-width:1401px) {
	
	.pre-order-section-one-wrapper figure.not-mobile img {
		width: 100%;
	}
	
	.pre-order-section-one-wrapper header h1 {
		font-size: 160px !important;
	}
	
	.pre-order-section-common .pre-order-common-sec-content h2 {
		font-size: 28px !important;
	}
	
}
/* 1401 End */



@media (max-width: 1024px) {}


@media (max-width: 767px) {
.pre-order-section-common .pre-order-common-section {
    padding: 1em 0px;
}
  .pre-order-section-one-wrapper > figure img {
    width: 100%;
  }
  .pre-order-section-common .pre-order-common-sec-content,
  .pre-order-section-common .pre-order-common-sec-content-b {
      padding: 15px;
      -webkit-box-shadow: 0px 4px 10px -3px #cccccc;
      box-shadow: 0px 4px 10px -3px #cccccc;
      padding-top: 50px;
  }
  .pre-order-section-one-wrapper header h1 {
      font-size: 90px !important;
  }
.pre-order-section-common .pre-order-common-sec-image {
    position: relative;
    bottom: -50px;
}
.pre-order-section-common .pre-order-common-sec-content .price-wrapper .right figure{
    height: auto;
}
.pre-order-section-common .pre-order-common-sec-content .price-wrapper .right figure figcaption{
      font-size: 16px;
  }
.pre-order-section-common .pre-order-common-sec-content .price-wrapper{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.pre-order-section-common .pre-order-common-sec-content .price-wrapper .left p > br {
  display: none;
}

}