/* TOUCH EVENTS TURNOFF VIDEO */

html.touchevents video.videoDesktop {
    display: none;
}

html.no-touchevents video.videoTouch {
    display: none;
}

/*  FLEXSLIDER  */

.flex-direction-nav {
    display: none;
}

.flex-pauseplay a {
    display: none;
}

.flex-pauseplay {
    display: none;
}

.flex-control-nav {
    top: 50%!important;
    left: 50px!important;
    width: 4px!important;
	position: fixed!important;
	z-index: 2;
}

.flex-control-nav.scrolled {
    display: none;
}

.flex-control-paging li a {
    width: 2px!important;
    height: 50px!important;
    background-color: #fff!important;
    background: #fff!important;
    border: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    -o-box-shadow: none!important;
    box-shadow: none!important;
    -webkit-border-radius: none!important;
    -moz-border-radius: none!important;
    border-radius: none!important;
}

.flex-control-paging li a.flex-active {
    background-color: #292929!important;
}

/* FLEX SLIDER MOBILE */

@media only screen and ( max-width: 768px ) {

    .flex-control-nav {
        top: calc(100% - 15px)!important;
        bottom: 15px!important;
        left: 0px!important;
        width: 100%!important;
    }

    .flex-control-nav.scrolled {
        display: none;
    }

    .flex-control-paging li a {
        width: 50px!important;
        height: 2px!important;
        background-color: #959595!important;
        background: #959595!important;
        border: none!important;
        -webkit-box-shadow: none!important;
        -moz-box-shadow: none!important;
        -o-box-shadow: none!important;
        box-shadow: none!important;
        -webkit-border-radius: none!important;
        -moz-border-radius: none!important;
        border-radius: none!important;
    }
}
/*  OVERLAY CLICK  */

.overlayClick {
    position: fixed;
    left:0px;
    width:100%;
    cursor: pointer;
    display: none;
    z-index: 9999;
}

.overlayClick.active {
    display: block;
}

h4 {
    font-family: 'ProximaNova-Regular';
    font-size: 14px;
    color: #292929;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: normal;
    margin-bottom: 50px;
    margin-top: 20px;
}

/*  HEADER  */

header {
    width: 100%;
    height: 130px;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

header:hover {
    background-color: rgba(255, 255, 255, 0.8);
}

header.menuActive {
    background-color: rgba(255, 255, 255, 0.9);
}

header.scrolled {
    background-color: #fff;
}

.headerContainer {
    width: 100%;
    height: 130px;
    max-width: 1770px;
    margin: 0 auto;
    padding: 0 45px;
    position: relative;
    display: inline-block;
}

.shopHeader {
    background-color: #fff;
    height: 140px;
}

.locationButtons {
    position: absolute;
    bottom: 4px;
    left: 45px;
}

.locationButtons span,
.locationButtons a {
    font-family: 'ProximaNova-Regular';
    text-transform: uppercase;
    text-decoration: none;
    color: #292929;
    font-size: 8px;
    letter-spacing: 2px;
}

@media only screen and ( max-width: 1024px ) {
    .locationButtons span,
    .locationButtons a {
        font-size: 7px;
    }
}


.refineSelection {
    position: absolute;
    bottom: 4px;
    right: 45px;
    display: inline-block;
    text-align: right;
}

@media only screen and ( max-width: 1023px ) {
    .headerContainer {
        padding: 0 30px;
    }
    .locationButtons {
        left: 30px;
    }
    .refineSelection {
        right: 30px;
    }
}

@media only screen and ( max-width: 480px ) {
    .headerContainer {
        padding: 0 15px;
    }
}

.refineSelectionMobile {
    display: none;
    position: absolute;
    bottom: 8px;
    left: 30px;
    text-align: left;
}

@media only screen and ( max-width: 480px ) {
    .refineSelectionMobile {
        left: 15px;
    }
}

.refineTitleMobile:after {
    font-family: 'skeleticons';
    content: "\edbf";
    font-size: 8px;
    margin-left: 10px;
    vertical-align: middle;
}

.mobileRefine {
    display: none;
    position: fixed;
    width: 100%;
    height: calc(100% - 140px);
    top: 140px;
    left: 0;
    background-color: #fff;
    overflow: scroll;
    text-align: left;
    padding: 30px;
}

@media only screen and ( max-width: 480px ) {
	.mobileRefine {
		height: calc(100% - 115px);
	    top: 115px;
	}
}

.mobileRefine a {
    display: block;
    margin-bottom: 20px;
    font-size: 10px;
    cursor: pointer;
}

// .mobileRefinePrice,
// .mobileRefineDesigner,
// .mobileRefineStyle {
//     font-weight: bold;
// }

.mobileRefine.active {
    display: block;
}

.mobileRefineContainerPrice,
.mobileRefineContainerDesigner,
.mobileRefineContainerStyle {
    display: none;
}

.mobileRefineContainerPrice.active,
.mobileRefineContainerDesigner.active,
.mobileRefineContainerStyle.active {
    display: block;
    opacity: 1;
    z-index: 20;
}


@media only screen and ( max-width: 640px ) {
    .locationButtons,
    .refineSelection {
       display: none;
    }

    .refineSelectionMobile {
        display: block;
    }
}

header.menuActive .refineSelectionMobile {
    display: none;
}

.refineTitle {
    text-transform: uppercase;
    font-size: 8px;
    letter-spacing: 3px;
    display: inline-block;
    font-family: 'ProximaNova-Bold';
}

.refineTitleMobile {
    font-size: 8px;
}

.refineSelection a {
    margin-left: 10px;
    padding-bottom: 10px;
    font-size: 8px;
}

@media only screen and ( max-width: 1024px ) {
    .refineSelection a,
    .refineTitle a {
        font-size: 7px;
    }
}

.refineSelection a.active {
    border-bottom: 1px solid #000;
}

.pageButton.active {
    color: #ecc2cd;;
}

@media only screen and ( max-width: 1400px ) {
    .headerContainer {
        height: 115px;
    }

    .shopHeader {
        background-color: #fff;
        height: 140px;
    }
}


header.scrolled,
header.scrolled .headerContainer {
    height: 100px;
}

@media only screen and ( max-width: 1400px ) {
    header.scrolled,
    header.scrolled .headerContainer,
    header.menuActive {
        height: 115px;
    }
}

@media only screen and ( max-width: 1024px ) {
    header.scrolled,
    header.scrolled .headerContainer {
        height: 98px;
    }
}

@media only screen and ( max-width: 1023px ) {
    header.scrolled,
    header.scrolled .headerContainer {
        height: 115px;
    }
}

header.scrolled .shopHeader {
    height: 125px;
}


@media only screen and ( max-width: 1024px ) {
    header.scrolled .shopHeader {
        height: 140px;
    }
}

@media only screen and ( max-width: 1023px ) {
    header.scrolled .shopHeader {
        height: 125px;
    }
}
/*
@media only screen and ( max-width: 1400px ) {
    header.scrolled .shopHeader {
        height: 155px;
    }
}*/

@media only screen and ( max-width: 480px ) {

    .shopHeader {
        background-color: #fff;
        height: 120px;
    }

	header {
		height: 100px;
	}

	header.scrolled .shopHeader {
	    height: 120px;
	}
}

.leftLogo {
    position: absolute;
    height: 65px;
    width: auto;
    left: 45px;
    top: 15px;
    opacity: 0;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    visibility: hidden;
}

.leftLogo.scrolled {
    opacity: 1;
    -webkit-transition: all ease s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    visibility: visible;
}

.centerLogo {
    position: absolute;
    top: 10px;
    left: calc(50% - 90px);
    opacity: 1;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    visibility: visible;
}

@media only screen and ( max-width: 1024px ) {
    .centerLogo {
        width: 128px;
        left: calc(50% - 64px);
        top: 10px;
    }
}

@media only screen and ( max-width: 640px ) {
    .centerLogo {
        width: 112px;
        left: calc(50% - 56px);
        top: 28px;
    }
}

.centerLogo.scrolled {
    opacity: 0;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    visibility: hidden;
}

@media only screen and ( max-width: 1400px ) {
    .centerLogo.scrolled {
        opacity: 1;
        visibility: visible;
    }
    .leftLogo.scrolled {
        display: none;
    }
}

.mainMenu {
    margin-top: 95px;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

@media only screen and ( max-width: 1024px ) {
    .mainMenu.scrolled {
        padding-bottom: 10px;
        border-bottom: 1px solid #f3e8eb;
    }

    header.shop .mainMenu {
        padding-bottom: 10px;
        border-bottom: 1px solid #f3e8eb;
    }

    .mainMenu {
        margin-top: 78px;
    }
}
@media only screen and ( max-width: 1023px ) {
    .mainMenu {
        display: none;
    }
}

.mainMenu.scrolled {
    margin-top: 55px;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

@media only screen and ( max-width: 1400px ) {
    .mainMenu.scrolled {
        margin-top: 85px;
    }
}

@media only screen and ( max-width: 1024px ) {
    .mainMenu.scrolled {
        margin-top: 78px;
    }
}

.mainMenu li {
    display: inline-block;
    list-style: none;
    margin-right: 45px;
}

.mainMenu li a {
    letter-spacing: 3px;
    padding-bottom: 12px;
    font-size: 9px;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.mainMenu li a.Sale,
.mainMenu li a.sale,
.mainMenu li a.SALE {
    color: #e27da1;
}

.mobileMenu li a.Sale,
.mobileMenu li a.sale,
.mobileMenu li a.SALE {
    color: #e27da1;
}

@media only screen and ( max-width: 1500px ) {
    .mainMenu li {
        margin-right: 25px;
    }
    .mainMenu li:last-child{
        margin-right: 0;
    }
}

.mainMenu a:hover {
    color: #ecc2cd;;
}

.mainMenu a.active {
    border-bottom: 2px solid #ecc2cd;
    position: relative;
    z-index: 21;
}

.mainMenu li:last-child{
    margin-right: 0;
}

.headerRight {
    position: absolute;
    top: 25px;
    right: 45px;
}

.headerRight a {
    font-size: 9px;
    letter-spacing: 2px;
    margin-left: 20px;
}

.headerRight form.desktopSearch {
    display: inline-block;
}

.headerRight form.desktopSearch a.searchIcon {
    margin-left: 0;
}

.headerRight form.desktopSearch a.searchIcon svg {
    margin-bottom: 4px;
}

.headerRight form.desktopSearch input#Search {
    width: 0px;
    margin-left: 10px;
    font-family: $font-alt;
    font-size: 9px;
    text-transform: uppercase;
    font-weight: normal;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    border-radius: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -webkit-border-radius:0px;
}

.headerRight form.desktopSearch input#Search.slideOut {
    width: 100px;
    padding: 5px 10px;
    border: 1px solid #000!important;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.headerRight ul {
    display: inline-block;
}

.headerRight ul li {
    display: inline-block;
    font-size: 9px;
    letter-spacing: 2px;
    list-style: none;
    text-transform: uppercase;
}

.cartDesktop {
    position: relative;
    display: inline-block;
    color: #000;
}

.cartDesktop svg {
    margin-bottom: 10px;
}

.cartMobile {
    display: none;
}

.accountMobile {
    display: none;
}

.addToCartMenuIconFull {
    margin-left: 15px;
    position: relative;
    vertical-align: bottom;
}

.addToCartMenuIconEmpty {
    display: none;
    vertical-align: bottom;
}

.addToCartMenuIconEmptyMobile {
    display: none;
}

span.cartCounter {
    position: absolute;
    bottom: 1px;
    right: 1px;
    font-size: 12px;
    width: 17px;
    text-align: center;
    letter-spacing: 0;
}

.buttonWishlist {
    position: relative;
}

.buttonWishlist svg.wishlist-empty {
    margin-bottom: 4px;
}

.iWishCount {
    position: absolute;
    top: -2px;
    left: 1px;
    width: 20px;
    text-align: center;
    letter-spacing: 0;
}

a.cartMobile:hover span.cartCounter,
a.cartDesktop:hover span.cartCounter {
    color: #000;
}

@media only screen and ( max-width: 1400px ) {
    .cartDesktop {
        display: none;
    }

    .cartMobile {
        display: inline-block;
    }

    .cartMobile svg {
        width: 25px;
        height: 25px;
        margin-bottom: 15px;
    }

    .accountMobile {
        display: inline-block;
    }

    .accountMobile svg.account-logo {
        vertical-align: bottom;
        width: 20px;
        height: 20px;
    }

    ul.buttonAccount {
        display: none;
    }

    .buttonAccount {
        display: none;
    }

    .buttonWishlist svg.wishlist-empty {
        margin-bottom: 7px;
    }

    .iWishCount {
        top: -4px;
    }

    span.cartCounter {
        right: 4px;
        bottom: 8px;
    }
}

@media only screen and ( max-width: 767px ) {
    .accountMobile,
    .buttonWishlist  {
        display: none;
    }

    .desktopSearch {
        display: none!important;
    }
}

/* MOBILE NAV */

.buttonWrapper {
	display: none;
    position: fixed;
    left: 45px;
    top: 50px;
    width: auto;
    z-index: 9999;
}

@media only screen and ( max-width: 1023px ) {
    .buttonWrapper {
        display: block;
        right: 0;
        top: 40px;
        left: 30px;
    }

    .headerRight {
        top: 37px;
        right: 30px;
    }
}

@media only screen and ( max-width: 480px ) {
    .buttonWrapper {
        left: 15px;
    }

    .headerRight {
        right: 15px;
    }
}

.buttonWrapper a.nav {
    position: absolute;
    min-width: 22px;
    height: 44px;
    top: 0px;
    left: 0px;
    text-align: center;
    display: inline-block;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    -webkit-animation: blinkBackground 4s infinite;
    -moz-animation: blinkBackground 4s infinite;
    -o-animation: blinkBackground 4s infinite;
    animation: blinkBackground 4s infinite;
}

.buttonWrapper a.nav .ham {
    display: inline-block;
    width: 30px;
    height: 2px;
    position: relative;
    top: 2px;
    vertical-align: bottom;
    background: #000;
    white-space: nowrap;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.buttonWrapper a.nav .ham.active {
	background-color: transparent;
}

.buttonWrapper a.nav .ham:after {
    position: absolute;
    top: 8px;
    content: '';
    display: inline-block;
    width: 30px;
    height: 2px;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    outline: 2px solid transparent;
    left: 0;
    background: #000;
}

.buttonWrapper a.nav .ham.active:after {
	-webkit-transform: translateY(-8px) rotateZ(45deg);
    -moz-transform: translateY(-8px) rotateZ(45deg);
    -ms-transform: translateY(-8px) rotateZ(45deg);
    -o-transform: translateY(-8px) rotateZ(45deg);
    transform: translateY(-8px) rotateZ(45deg);
    background-color: #000;
}

.buttonWrapper a.nav .ham:before {
	position: absolute;
    top: -8px;
    content: '';
    display: inline-block;
    width: 30px;
    height: 2px;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    outline: 2px solid transparent;
    left: 0;
    background: #000;
}

.buttonWrapper a.nav .ham.active:before {
	background-color: #000;
    -webkit-transform: translateY(8px) rotateZ(-45deg);
    -moz-transform: translateY(8px) rotateZ(-45deg);
    -ms-transform: translateY(8px) rotateZ(-45deg);
    -o-transform: translateY(8px) rotateZ(-45deg);
    transform: translateY(8px) rotateZ(-45deg);
}

@media only screen and ( max-width: 640px ) {
    .buttonWrapper a.nav .ham {
        width: 22px;
    }
    .buttonWrapper a.nav .ham:after {
        width: 22px;
        top: 6px;
    }
    .buttonWrapper a.nav .ham.active:after {
    	-webkit-transform: translateY(-6px) rotateZ(45deg);
        -moz-transform: translateY(-6px) rotateZ(45deg);
        -ms-transform: translateY(-6px) rotateZ(45deg);
        -o-transform: translateY(-6px) rotateZ(45deg);
        transform: translateY(-6px) rotateZ(45deg);
    }
    .buttonWrapper a.nav .ham:before {
        width: 22px;
        top: -6px;
    }
    .buttonWrapper a.nav .ham.active:before {
        -webkit-transform: translateY(6px) rotateZ(-45deg);
        -moz-transform: translateY(6px) rotateZ(-45deg);
        -ms-transform: translateY(6px) rotateZ(-45deg);
        -o-transform: translateY(6px) rotateZ(-45deg);
        transform: translateY(6px) rotateZ(-45deg);
    }
}

.mobileMenuContainer {
    display: none;
    width: 100%;
    height: calc(100vh - 115px);
    position: fixed;
    top: 115px;
    left: 0;
    background-color: #fff;
    overflow: scroll;
    padding: 50px;
    text-align: left;
}

@media only screen and ( max-width: 1200px ) {
    .mobileMenuContainer {
        width: 100%;
    }

    .mobileMenu {
        max-width: 180px;
        margin: 0 auto;
    }
}

@media only screen and ( max-width: 767px ) {
    .mobileMenuContainer {
        width: 80%;
    }

    .mobileMenu {
        max-width: 100%;
        margin: 0;
    }
}


.mobileMenuContainer.active {
    display: block;
}

.mobileMenu li {
    list-style: none;
}

.mobileMenu form input {
    display: inline-block;
    width: 150px;
    font-size: 12px;
    letter-spacing: 3px;
    margin-bottom: 30px;
    font-family: $font-alt;
    // padding-right: 20px;
    border-radius: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -webkit-border-radius:0px;
}

.mobileMenu form button {
    border-bottom: none!important;
    display: none;
}

.mobileMenu a {
    display: block;
    font-size: 12px;
    letter-spacing: 3px;
    margin-bottom: 30px;
}

.mobileMenu a.buttonAccount {
    padding-top: 30px;
    border-top: 1px solid #000;
}

.mainMenu.mobileMenuActive {
    display: none;
}

.designersMobile,
.clothesMobile,
.preorderMobile,
.descoverMobile {
    position: absolute;
    width: 100%;
    height: calc(100vh - 115px);
    top: 115px;
    left: -3000px;
    background-color: #fff;
    text-align: left;
    /*padding-left: 100px;*/
    padding-top: 50px;
    padding-bottom: 70px;
    overflow: hidden;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.newArrivalsMobileList {
    max-width: 180px;
    margin: 0 auto;
}

@media only screen and ( max-width: 767px ) {
    .designersMobile,
    .clothesMobile,
    .preorderMobile,
    .descoverMobile {
        width: 80%;
        padding-left: 100px;
    }

    .newArrivalsMobileList {
        max-width: 100%;
        margin: 0;
    }
}

.designersMobile ul li,
.clothesMobile ul li,
.preorderMobile ul li,
.descoverMobile ul li {
    margin-bottom: 20px;
    list-style: none;
}


.designersMobile.slideIn,
.clothesMobile.slideIn,
.preorderMobile.slideIn,
.descoverMobile.slideIn {
    position: fixed;
    left: 0;
    overflow: scroll;
    z-index: 5;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

a.newArrivalsSlideOut {
    position: absolute;
    top: 50px;
    left: 50px;
    cursor: pointer;
}

@media only screen and ( max-width: 1023px ) {
    a.newArrivalsSlideOut {
        left: 30px;
    }

    .designersMobile,
    .clothesMobile,
    .preorderMobile,
    .descoverMobile {
        padding-left: 80px;
    }

    .mobileMenuContainer {
        padding-left: 30px;
    }
}

a.newArrivalsSlideOut:before {
    font-family: 'skeleticons';
    content: "\edc3";
    font-size: 20px;
}

@media only screen and ( max-width: 480px ) {
    a.newArrivalsSlideOut:before {
        font-size: 15px;
    }

    a.newArrivalsSlideOut {
        left: 25px;
    }

    .mobileMenuContainer {
        padding-left: 25px;
    }
}

/*  REFINE DROPDOWN */

.refineContainerDesigner,
.refineContainerStyle,
.refineContainerPrice {
    display: none;
    position: absolute;
    top: 140px;
    right: 45px;
    width: calc(20% - 18px);
    background-color: #f5d3dd;
    text-align: left;
    opacity: 1;
    z-index: 20;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 2px solid #fff;
    border-bottom: none;
}

.refineContainerDesigner li,
.refineContainerStyle li,
.refineContainerPrice li {
    list-style: none;
}


.refineContainerDesigner a,
.refineContainerStyle a,
.refineContainerPrice a {
    cursor: pointer;
    display: block;
    margin-bottom: 10px;
    font-size: 10px;
}

.refineContainerDesigner a:hover
.refineContainerStyle a:hover,
.refineContainerPrice a:hover {
	font-weight: 600;
	color: #292929;
}

.refineContainerDesigner a.selected,
.refineContainerStyle a.selected,
.refineContainerPrice a.selected {
	font-weight: bold;
	color: #292929;
}

@media only screen and ( max-width: 1200px ) {
    .refineContainerDesigner,
    .refineContainerStyle,
    .refineContainerPrice {
        width: calc(40% - 36px);
    }
}

@media only screen and ( max-width: 1023px ) {
    .refineContainerDesigner,
    .refineContainerStyle,
    .refineContainerPrice {
        right: 30px;
        width: calc(33.3333% - 20px);
    }
}

.refineContainerPrice {
    padding: 30px 45px;
}

.refineContainerDesigner.active,
.refineContainerStyle.active,
.refineContainerPrice.active {
    display: block;
}

.heightContainer {
    width: 100%;
    margin-top: 150%;
    position: relative;
}

.listContainer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 30px 45px;
    overflow-y: scroll;
}

.listContainer::-webkit-scrollbar {
    width: 6px;
}
.listContainer::-webkit-scrollbar-track {
    width: 2px;
    background-color: #f5d3dd;
} /* the new scrollbar will have a flat appearance with the set background color */

.listContainer::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.9);
    height: 50px;
} /* this will style the thumb, ignoring the track */

ul.refinePrice li,
ul.refineDesigner li,
ul.refineStyle li  {
    margin-bottom: 5px;
}

/*  MEGA MENU */

.megaMenu {
    display: none;
    width: 100%;
    float: left;
    position: relative;
    z-index: 20;
    text-align: left;
    background-color: rgba(255, 255, 255, 0.9);
}

.megaMenu.active {
    display: block;
}

.megaMenuContainer {
    width: 100%;
    max-width: 1230px;
    padding: 30px 15px;
    margin: 0 auto;
}

@media only screen and ( max-width: 1200px ) {
    .megaMenuContainer {
        width: 100%;
        max-width: 800px;
    }
}

.megaMenuContainer li {
    font-size: 10px;
    margin-bottom: 15px;
    list-style: none;
}

.megaMenuContainer a {
    font-size: 9px;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;

}

.megaMenuContainer a:hover {
    color: #ecc2cd;;
}

.newArrivalsMenu {
    width: 100%;
    float: left;
}

.menuColumnOne,
.menuColumnTwo,
.menuColumnThree,
.menuColumnFour {
    width: 25%;
    float: left;
}

.newMenu .menuColumnOne,
.newMenu .menuColumnTwo,
.newMenu .menuColumnThree,
.newMenu .menuColumnFour {
    width: calc(25% - 4px);
    float: left;
    display: inline-block;
    vertical-align: top;
    margin: 0 2px 10px;
}

.menuColumnThree,
.menuColumnFour {
    padding: 0 10px 10px;
}

.featureDesigner {
    padding-bottom:30px;
}

.featureLandscapeContainer {
    position: relative;
    width: 100%;
    padding-top: 65%;
}

.featurePortraitContainer {
    position: relative;
    width: 100%;
    padding-top: 150%;
}

/*  FOOTER */

footer {
    width: 100%;
    float: left;
    background-color: #f5d3dd;
    position: relative;
    z-index: 5;
}

.footerContainerDesktop {
    width: 100%;
    height: 140px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 25px 45px;
    position: relative;
}

.footerColumnOne,
.footerColumnTwo,
.footerColumnThree,
.footerColumnFour {
    width: 25%;
    float: left;
}

.footerColumnOne li,
.usefulInfoColumnOne li {
    list-style: none;
    display: inline-block;
}

.footerColumnOne span,
.usefulInfoColumnOne span {
    vertical-align: text-top;
}

.footerColumnTwo li,
.usefulInfoColumnTwo li {
    list-style: none;
}

.footerContainerDesktop a,
.footerContainerDesktop p,
.footerContainerDesktop form,
.footerContainerMobile a,
.footerContainerMobile p,
.footerContainerMobile form {
    font-family: 'ProximaNova-Regular';
    font-size: 10px;
    letter-spacing: 3px;
    color: #292929;
    text-transform: uppercase;
    display: block;
    margin-bottom: 14px;
}

.footerContainerMobile .usefulInformationContainer a,
.footerContainerMobile .usefulInformationContainer p,
.footerContainerMobile .usefulInformationContainer form,
.footerContainerMobile .usefulInformationContainer   {
    font-size: 10px;
    letter-spacing: 1px;
    text-align: left;
}

@media only screen and ( max-width: 350px ) {
    .footerContainerMobile .usefulInformationContainer a,
    .footerContainerMobile .usefulInformationContainer p,
    .footerContainerMobile .usefulInformationContainer form {
        font-size: 9px;
    }
}

form.subscribeForm input#MERGE0 {
    width: 80%;
}

form.subscribeForm input {
    padding-bottom: 10px;
}


.footerContainer a:last-child,
.footerContainer p {
    margin-bottom: 0;
}

.footerContainerDesktop p.copyright {
    margin-bottom: 0;
}

.footerContainer p {
    line-height: 15px;
}
.footerContainer form {
    margin-bottom: 10px;
}

input.submitButton {
    line-height: 12px;
    font-family: 'ProximaNova-Bold';
    text-transform: uppercase;
}

form.subscribeForm.success {
    display: none;
}

p.successMessage {
    display: none;
    font-size: 10px;
    letter-spacing: 3px;
    color: #292929;
    text-transform: uppercase;
    margin-bottom: 20px;
}

p.successMessage.success {
    display: block;
}

p.errorMessage {
    display: none;
    font-size: 10px;
    letter-spacing: 3px;
    color: #292929;
    text-transform: uppercase;
    margin-bottom: 20px;
}

p.errorMessage.error {
    display: block;
}

.footerColumnFour {
    text-align: right;
}

p.copyright {
    float: right;
    width: 100%;
    text-align: right;
    font-size: 8px;
    letter-spacing: 1px;
}

a.socialIcon{
    display: inline-block;
    margin-left: 40px;
}

/*  FOOTER MOBILE */

.footerContainerMobile {
    display: none;
    width: 100%;
    float: left;
    text-align: center;
}

.footerContainerMobile p.copyright {
    text-align: center;
    margin-top: 20px;
}

.socialLinksMobile {
    width: 100%;
    max-width: 700px;
    padding: 30px;
    margin: 0 auto;
    text-align: center;
}

.socialLinksMobile a {
    width: 33.3%;
    margin: 0;
    float: left;
}

.mobileFooterButton {
    display: block;
    text-align: center;
    margin: 30px;
    font-size: 10px!important;
}

a.usefulButton:after {
    content: "+";
    margin-left: 5px;
    font-size: 14px;
}

a.usefulButton.active:after {
    content: "-";
    margin-left: 5px;
    font-size: 14px;
}

a.signUpButton:after {
    content: ">";
    margin-left: 5px;
    font-size: 14px;
}

form.subscribeFormMobile {
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
    padding: 0 20px;
    margin-bottom: 40px;
}

form.subscribeFormMobile #MERGE0 {
    width: 60%;
    float: left;
}

form.subscribeFormMobile .submitButtonMobile {
    width: 40%;
    float: left;
    font-size: 10px;
    text-align: right;
    line-height: 12px;
}

@media only screen and ( max-width: 1023px ) {
    form.subscribeFormMobile .submitButtonMobile {
        line-height: 19px;
    }
}

@media only screen and ( max-width: 768px ) {
    form.subscribeFormMobile .submitButtonMobile {
        line-height: 21px;
    }
}

@media only screen and ( max-width: 767px ) {
    form.subscribeFormMobile .submitButtonMobile {
        line-height: 19px;
    }
}

@media only screen and ( max-width: 375px ) {
    form.subscribeFormMobile .submitButtonMobile {
        line-height: 21px;
    }
}

@media only screen and ( max-width: 374px ) {
    form.subscribeFormMobile .submitButtonMobile {
        line-height: 19px;
    }
}


@media only screen and ( max-width: 320px ) {
    form.subscribeFormMobile .submitButtonMobile {
        line-height: 21px;
    }
}


.usefulInformationContainer {

    width: 100%;
    float: left;
    padding: 30px;
    margin-bottom: 30px;
    background-color: #fff;
}

.usefulInformationContainer.active {
    display: block;
}

.usefulInfoColumnOne,
.usefulInfoColumnTwo,
.usefulInfoColumnThree {
    width: 33.3%;
    float: left;
}

@media only screen and ( max-width: 767px ) {
    .usefulInfoColumnOne,
    .usefulInfoColumnTwo,
    .usefulInfoColumnThree {
        width: 50%;
    }

    .usefulInformationContainer {
        padding: 30px 15px;
    }

    .usefulInfoColumnThree {
        margin-top: 30px;
    }

    .usefulInfoColumnThree p {
        margin-bottom: 0px;
        line-height: 16px;
    }
}

@media only screen and ( max-width: 1200px ) {
    .footerContainerMobile {
        display: block;
    }
    .footerContainerDesktop {
        display: none;
    }
}



/*  FIXED HERO SLIDER */

.flexSliderMobile {
    display: none;
}

section.fixedHeroSlider {
    position: fixed;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    z-index: 1;
}

.slideContainer {
    width: 100%;
    position: relative;
}

.slideContainer .flexslider {
    width: 100%;
    height: 100vh;
    opacity: 1;
    border: none!important;
    background-color: transparent!important;
}

.slideContainer .flexslider ul.slides {
    padding: 0;
    margin: 0;
    list-style: none;
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
}

li.heroImages {
    width: 100%;
    height: 100vh;
    position: relative;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: top;
}


li.heroImages .v-wrap .v-box {
    width: 100%;
    max-width: 1600px;
}

li.heroImages .v-wrap .v-box .sliderButtonContainer.centre_right {
    padding-right: 200px;
}

li.heroImages .v-wrap .v-box .sliderButtonContainer.top_right {
    padding-right: 200px;
    padding-bottom: 50vh;
}

li.heroImages .v-wrap .v-box .sliderButtonContainer.bottom_right {
    padding-right: 200px;
    padding-top: 50vh;
}

@media only screen and ( max-width: 1200px ) {
    li.heroImages .v-wrap .v-box .sliderButtonContainer.centre_right,
    li.heroImages .v-wrap .v-box .sliderButtonContainer.top_right,
    li.heroImages .v-wrap .v-box .sliderButtonContainer.bottom_right {
        padding-right: 150px;
    }
}

@media only screen and ( max-width: 1023px ) {
    li.heroImages .v-wrap .v-box .sliderButtonContainer.centre_right,
    li.heroImages .v-wrap .v-box .sliderButtonContainer.top_right,
    li.heroImages .v-wrap .v-box .sliderButtonContainer.bottom_right {
        padding-right: 50px;
    }
}

@media only screen and ( max-width: 480px ) {
    li.heroImages .v-wrap .v-box .sliderButtonContainer.centre_right,
    li.heroImages .v-wrap .v-box .sliderButtonContainer.top_right,
    li.heroImages .v-wrap .v-box .sliderButtonContainer.bottom_right {
        padding-right: 25px;
    }
}

li.heroImages .v-wrap .v-box .sliderButtonContainer.centre_right,
li.heroImages .v-wrap .v-box .sliderButtonContainer.top_right,
li.heroImages .v-wrap .v-box .sliderButtonContainer.bottom_right {
    float: right;
    width: auto;
    text-align: center;
}

li.heroImages .v-wrap .v-box .sliderButtonContainer.centre_left,
li.heroImages .v-wrap .v-box .sliderButtonContainer.top_left,
li.heroImages .v-wrap .v-box .sliderButtonContainer.bottom_left {
    float: left;
    width: auto;
    text-align: center;
}

li.heroImages .v-wrap .v-box .sliderButtonContainer.centre_left {
    padding-left: 200px;
}

li.heroImages .v-wrap .v-box .sliderButtonContainer.top_left {
    padding-left: 200px;
    padding-bottom: 50vh;
}

li.heroImages .v-wrap .v-box .sliderButtonContainer.bottom_left {
    padding-left: 200px;
    padding-top: 50vh;
}

@media only screen and ( max-width: 1200px ) {
    li.heroImages .v-wrap .v-box .sliderButtonContainer.centre_left,
    li.heroImages .v-wrap .v-box .sliderButtonContainer.top_left,
    li.heroImages .v-wrap .v-box .sliderButtonContainer.bottom_left{
        padding-left: 150px;
    }
}

@media only screen and ( max-width: 1023px ) {
    li.heroImages .v-wrap .v-box .sliderButtonContainer.centre_left,
    li.heroImages .v-wrap .v-box .sliderButtonContainer.top_left,
    li.heroImages .v-wrap .v-box .sliderButtonContainer.bottom_left {
        padding-left: 50px;
    }
}

@media only screen and ( max-width: 480px ) {
    li.heroImages .v-wrap .v-box .sliderButtonContainer.centre_left,
    li.heroImages .v-wrap .v-box .sliderButtonContainer.top_left,
    li.heroImages .v-wrap .v-box .sliderButtonContainer.bottom_left {
        padding-left: 25px;
    }
}

li.heroImages .v-wrap .v-box .sliderButtonContainer.centre_centre{
    width: auto;
    text-align: center;
}

li.heroImages .v-wrap .v-box .sliderButtonContainer.top_centre{
    width: auto;
    text-align: center;
    padding-bottom: 50vh;
}
li.heroImages .v-wrap .v-box .sliderButtonContainer.bottom_centre{
    width: auto;
    text-align: center;
    padding-top: 50vh;
}

li.heroImages a.sliderButton {
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    display: block;
}

li.heroImages hr {
    background-color: #fff;
    height: 1px;
    width: 45px;
    border: none;
    display: block;
    margin: 0 auto;
    margin-top: 20px;
}


li.heroImages .v-wrap .v-box .sliderButtonContainer.dark a {
    color: #292929;
}

li.heroImages .v-wrap .v-box .sliderButtonContainer.dark hr {
    background-color: #292929;
}

@media only screen and ( max-width: 1023px ) {
    li.heroImages hr {
        display: none;
    }

    li.heroImages a.sliderButton {
        padding: 12px 20px;
        border: 1px solid #fff;
        width: auto;
        max-width: 250px;
        margin: 0 auto;
    }

    li.heroImages .v-wrap .v-box .sliderButtonContainer.dark a {
        border: 1px solid #292929;
    }
}

@media only screen and ( max-width: 768px ) {
    .flexSliderDesktop {
        display: none;
    }

    .flexSliderMobile {
        display: block;
    }
}

@media only screen and ( max-width: 767px ) {
    li.heroImages a.sliderButton {
        font-size: 12px;
    }
}

/* DESIGNER BLOCK */

.designersBlock {
    width: 100%;
    float: left;
    margin-top: 100vh;
    background-color: rgba(255, 255, 255, 0.8);
    position: relative;
    z-index: 5;
    text-align: center;
    padding-top: 60px;
}


.designersBlock h2,
.newArrivals h2 {
    font-size: 16px;
    font-weight: bold;
}

.gridContainer {
    width: 100%;
    float: left;
    padding: 60px 70px 30px;
}

@media only screen and ( max-width: 1200px ) {
    .gridContainer {
        padding: 40px 0px 30px;
    }
}

.designerGrid {
    width: 50%;
    float: left;
    padding: 0 20px 50px;
    text-align: left;
}

@media only screen and ( max-width: 640px ) {
    .designerGrid {
        width: 100%;
        padding: 0 0px 30px;
    }

    .designersBlock p {
        font-size: 10px;
    }
}

.designerGrid span {
    padding: 0 10px;
}

.designerGrid a {
    font-family: 'ProximaNova-Regular';
}

.designerGrid a strong {
    font-family: 'ProximaNova-Bold';
}

.landscapeContainer {
    width: 100%;
    padding-top: 65%;
    position: relative;
    margin-bottom: 20px;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.landscapeContainer:hover {
    opacity: .75;
}

.imageContainer {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0 ;
    left: 0;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.fullWidthDesigner {
    width: 100%;
    float: left;
    background-color: rgba(255, 255, 255, 0.9);
    position: relative;
    z-index: 5;
    text-align: right;
    padding-bottom: 60px;
}

.fullWidthDesigner a {
    display: block;
    cursor: pointer;
}

.fullWidthLandscape {
    width: 100%;
    padding-top: 40%;
    position: relative;
    margin-bottom: 20px;
}

.newArrivals {
    width: 100%;
    float: left;
    background-color: rgba(255, 255, 255, 1);
    position: relative;
    z-index: 5;
    text-align: right;
    padding-bottom: 125px;
}


.newArrivals h2 {
    text-align: center;
    margin-bottom: 60px;
}

.newArrivalsGrid {
    width: 20%;
    height: auto;
    float: left;
    padding: 0 2px;
    position: relative;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.newArrivalsGrid:nth-child(n + 1){
    padding-left: 0;
}

.newArrivalsGrid:last-child{
    padding-right: 0;
}

@media only screen and ( max-width: 1023px ) {
    .newArrivalsGrid {
        width: 50%;
    }

    .newArrivalsGrid:nth-child(n + 4),
    .grid-uniform .newArrivalsGrid:nth-child(n + 4){
        width: 100%;
        padding-left: 0;
    }

    .newArrivalsGrid:nth-child(n + 5){
        width: 50%;
        padding: 0 2px;
    }

    .newArrivalsGrid:nth-child(n + 6){
        padding-left: 0;
    }

}

.portraitContainer {
    opacity: 1;
    width: 100%;
    padding-top: 150%;
    position: relative;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.portraitContainerHover {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 150%;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.mobileInformation {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    bottom: -80px;
    width: 100%;
    height: 135px;
    background-color: #fff;
    text-align: center;
    -webkit-transition: all ease .5s;
    -moz-transition: all ease .5s;
    -o-transition: all ease .5s;
    transition: all ease .5s;
}

.contentDetails {
	position: absolute;
	text-align: center;
	width: 100%;
	top: 15%;
	left: 50%;
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -2%);
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	transition: all 0.1.5s ease-in-out 0s;
	z-index: 11;
    padding: 0 5px;
 }

.newArrivalsGrid:hover .contentDetails,
.newArrivalsGrid.hover .contentDetails {
	top: 0;
	left: 50%;
	opacity: 1;
}

.mobileInformation.productPage {
    background-color: #f5d3dd;
}

.mobileInformation a:hover {
    color: #000;
}

@media only screen and ( max-width: 1023px ) {
    .newArrivals {
        padding-bottom: 30px;
    }

	.newArrivalsGrid .mobileInformation .contentDetails {
		top: 0;
	    left: 50%;
	    opacity: 1;
	}

    .newArrivalsGrid .mobileInformation {
        opacity: 1;
        visibility: visible;
        position: relative;
        float: left;
        width: 100%;
        height: 110px;
        background-color: #fff;
        bottom: 0;
    }
}

.mobileInformation p.designerName {
    font-size: 10px;
    display: block;
    margin-top: 17px;
	font-weight: 600;
    color: #000;
}

.mobileInformation p.productName {
    font-size: 8px;
    display: block;
    margin-top: 17px;
    color: #000;
}

.mobileInformation p.productPrice {
    font-family: 'ProximaNova-Regular';
    font-size: 10px;
    line-height: 20px;
    margin-top: 15px;
	margin-bottom: 0;
	font-weight: 600;
    color: #000;
}

.mobileInformation .productPrice.salePrice {
    margin-left: 15px;
    color: #e27da1;
    width: auto;
    display: inline-block;
    margin-top: 5px;
}

.mobileInformation .productPrice.comparePrice {
    text-decoration: line-through;
    width: auto;
    display: inline-block;
    margin-top: 5px;
}

@media only screen and ( max-width: 767px ) {

    .mobileInformation p.designerName,
    .mobileInformation p.productName,
    .mobileInformation p.productPrice {
        margin-top: 10px;
    }

    .mobileInformation p.productPrice {
        margin-bottom: 7px;
    }

    .mobileInformation .productPrice.salePrice {
        margin-top: 0px;
    }

    .mobileInformation .productPrice.comparePrice {
        margin-top: 0px;
    }
}

.newArrivalsGrid:hover .portraitContainer
.newArrivalsGrid.hover .portraitContainer {
    opacity: 0;
}

.newArrivalsGrid:hover .portraitContainerHover,
.newArrivalsGrid:hover .mobileInformation,
.newArrivalsGrid.hover .portraitContainerHover,
.newArrivalsGrid.hover .mobileInformation   {
    opacity: 1;
    visibility: visible;
}

/* SHOP PAGE */


.shopBlockOneDesktop,
.shopBlockTwoDesktop,
.shopBlockThreeDesktop,
.shopBlockFour,
.shopBlockPage,
.genericTemplate {
    width: 100%;
    float: left;
    background-color: #fff;
    position: relative;
    // z-index: 5;
}

.genericTemplate {
    margin-bottom: 80px;
    min-height: calc(100vh - 368px);
}

.genericTemplate .container {
    width: 70%;
}

.genericTemplate .rte p {
    padding: 0!important;
}

.genericTemplate ul {
    list-style: none;
    margin-top: 40px;
}

.genericTemplate ul li a {
    font-weight: bold;
}

.genericTemplate .social-sharing {
    margin-top: 40px;
}

.genericTemplate .social-sharing a:first-child {
    margin-left: 0;
}

.shopBlockOneTablet,
.shopBlockTwoTablet,
.shopBlockThreeTablet,
.shopBlockFourTablet {
    width: 100%;
    float: left;
    background-color: #fff;
    position: relative;
    display: none;

}

.shopBlockOneTablet .productGridShop,
.shopBlockTwoTablet .productGridShop,
.shopBlockThreeTablet .productGridShop,
.shopBlockFourTablet .productGridShop {
    width: 33.333333%;
}


.shopBlockTwoDesktop,
.shopBlockTwoTablet {
    clear: both;
}

.productContainerFourGrid {
    width: 40%;
    float: left;
    height: auto;
}

.shopBlockOneDesktop,
.shopBlockOneTablet,
.shopBlockPage,
.genericTemplate {
    margin-top: 140px;
}

.shopBlockOneDesktop.blockThree,
.shopBlockOneTablet.blockThree {
  margin-top: 0;
}

.shopBlockThreeDesktop.blockOne,
.shopBlockThreeTablet.blockOne {
    margin-top: 140px;
}

@media only screen and ( max-width: 480px ) {
	.shopBlockOne,
    .genericTemplate,
    .shopBlockOneDesktop {
		margin-top: 120px;
	}
}

@media only screen and ( max-width: 1023px ) {
    .shopBlockOneTablet,
    .shopBlockTwoTablet,
    .shopBlockThreeTablet,
    .shopBlockFourTablet {
		display: block;
        clear: both;
	}

    .shopBlockOneDesktop,
    .shopBlockTwoDesktop,
    .shopBlockThreeDesktop {
        display: none;
    }

    .shopBlockPage .productGridShop,
    .shopBlockFour .productGridShop {
        width: 33.33333%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        border: 2px solid #fff;
    }

    .genericTemplate .container {
        width: 100%;
    }
}

@media only screen and ( max-width: 767px ) {
    .shopBlockOneTablet,
    .shopBlockTwoTablet,
    .shopBlockThreeTablet,
    .shopBlockFourTablet {
		display: none;
	}

    .shopBlockOneDesktop,
    .shopBlockTwoDesktop,
    .shopBlockThreeDesktop {
        display: block;
    }
    //
    // .shopBlockOneDesktop {
    //     margin-top: 120px;
    // }

    .shopBlockOneDesktop .productGridShop,
    .shopBlockTwoDesktop .productGridShop,
    .shopBlockThreeDesktop .productGridShop,
    .shopBlockPage .productGridShop,
    .shopBlockFour .productGridShop {
        width: 50%;
    }
}

.contentBlock {
    width: 40%;
    height: auto;
    float: left;
    position: relative;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.contentBlock.horizontalImageContent {
    width: 80%;
}

.contentBlockShop {
    width: 40%;
    height: auto;
    float: left;
    position: relative;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 2px solid #fff;
}

.contentBlockShop .portraitContainer .imageContainer {
    height: calc(100% - 2px);
}

@media only screen and ( max-width: 1023px ) {
    .contentBlockShop {
        width: 33.33333%;
    }

    .contentBlockShop .portraitContainer .imageContainer {
        height: 100%;
    }
}

@media only screen and ( max-width: 767px ) {
    .contentBlockShop {
        width: 100%;
        float: left;
    }
}

.contentBlock.mobile {
    display: none;
}

.contentBlockOverlay {
    width: 50%;
    float: left;
    padding: 50px;
    padding-right: 0;
    position: relative;
    z-index: 5;
}

@media only screen and ( max-width: 1300px ) {
    .contentBlockOverlay {
        width: 100%;
        padding-right: 50px;
    }
}

@media only screen and ( max-width: 1023px ) {
    .contentBlockOverlay {
        width: 100%;
        padding: 15px;
    }
}

.contentBlockOverlay.mobile {
    display: none;
    width: 100%;
    background-color: #fff;
    padding: 0;
    padding-top: 20px;
}

.contentBlockOverlay.mobile p {
    font-size: 10px;
    line-height: 15px;
}

@media only screen and ( max-width: 767px ) {
    .contentBlockOverlay.desktop {
        display: none;
    }

    .contentBlockOverlay.mobile {
        display: block;
    }

    .contentBlockOverlay.mobile a.shopButton {
        display: inline-block;
        margin-bottom: 15px;
    }

    .contentBlock.desktop {
        display: none;
    }

    .contentBlock.mobile {
        display: block;
        margin-bottom: 5px;
    }
}

.contentBlockOverlay p {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 19px;
    letter-spacing: 1px;
    margin-bottom: 30px;
}

a.shopButton {
    text-transform: uppercase;
    padding: 9px 38px;
    border: 1px solid #000;
    font-size: 10px;
    letter-spacing: 3px;
    line-height: 20px;
}

a.shopButton:hover {
    background-color: #000;
    color: #fff;
}

.productGrid {
    width: 20%;
    height: auto;
    float: left;
    position: relative;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.productGridShop {
    width: 20%;
    height: auto;
    float: left;
    position: relative;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 2px solid #fff;
}

.productGridShop .badgeContainer {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: transparent;
    z-index: 10;
    padding: 10px;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.productGridShop .badgeContainer p {
    background-color: #f6dce5;
    opacity: 0.85;
    text-transform: uppercase;
    padding: 8px;
    font-size: 8px;
    line-height: 8px;
    margin-bottom: 5px;
    display: block;
}

p.badgeNew {
    width: 46px;
    text-align: center;
}

p.badgeExclusive {
    width: 70px;
    text-align: center;
}

.productGridShop .badgeContainer p:last-child {
    margin-bottom: 0;
}

.productGridShop:hover .badgeContainer,
.productGridShop.hover .badgeContainer,
.productGridShop:active .badgeContainer  {
    bottom: 70px;
}

.productGrid.singleProductDetails.sticky {
	-webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.productGridShop.singleProductDetails.sticky {
	-webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

@media only screen and ( max-width: 1023px ) {
    .productGrid {
        width: 50%;
        float: left;
    }
}

.wishlistHeart {
    color: #000;
    float: right;
    width: 20px;
    margin-top: 20px;
    margin-right: 20px;
    height: 20px;
    display: block;
    position: relative;
    z-index: 5;
}

@media only screen and ( max-width: 767px ) {
    .wishlistHeart {
        margin-top: 10px;
        margin-right: 10px;
    }

    .productGridShop .badgeContainer,
    .productGridShop:hover .badgeContainer,
    .productGridShop.hover .badgeContainer,
    .productGridShop:active .badgeContainer {
        bottom: 110px;
    }
}

.productGrid .mobileInformation,
.productGridShop .mobileInformation{
    bottom: -50px;
    z-index: 10;
    background-color: #f5d3dd;
}

@media only screen and ( max-width: 1023px ) {
    .productGrid .mobileInformation {
        position: relative;
        bottom: 0;
        float: left;
        width: 100%;
        height: 115px;
        background-color: #fff;
    }
}

@media only screen and ( max-width: 767px ) {
    .productGridShop .mobileInformation {
        position: relative;
        bottom: 0;
        float: left;
        width: 100%;
        height: 115px;
        background-color: #fff;
        visibility: visible;
        opacity: 1;
    }

    .productGrid .contentDetails,
    .productGridShop .contentDetails {
    	top: 0;
    	left: 50%;
    	opacity: 1;
        visibility: visible;
        height: 115px;
    }
}

.shopBlockThreeDesktop .contentBlockShop,
.shopBlockThreeTablet .contentBlockShop {
    float: right;
}

.shopBlockThreeDesktop,
.shopBlockThreeTablet {
    clear: both;
}

.productContainerFourGrid .productGridShop{
    width: 50%;
}

@media only screen and ( max-width: 1023px ) {
    .productContainerFourGrid {
        width: 100%;
    }
}

.productGrid:hover .portraitContainer,
.productGridShop:hover .portraitContainer.enable_hover,
.productGrid.hover .portraitContainer,
.productGridShop.hover .portraitContainer,
.productGrid:active .portraitContainer,
.productGridShop:active .portraitContainer   {
    opacity: 0;
}

.productGrid:hover .portraitContainerHover,
.productGrid:hover .mobileInformation,
.productGridShop:hover .portraitContainerHover,
.productGrid.hover .portraitContainerHover,
.productGrid.hover .mobileInformation,
.productGridShop.hover .portraitContainerHover,
.productGrid:active .portraitContainerHover,
.productGrid:active .mobileInformation,
.productGridShop:active .portraitContainerHover  {
    opacity: 1;
    visibility: visible;
}

.productGridShop:hover .mobileInformation,
.productGridShop.hover .mobileInformation,
.productGridShop:active .mobileInformation  {
    opacity: 0.92;
    visibility: visible;
}

.productGrid:hover .contentDetails,
.productGridShop:hover .contentDetails,
.productGrid.hover .contentDetails,
.productGridShop.hover .contentDetails,
.productGrid:active .contentDetails,
.productGridShop:active .contentDetails  {
	top: 0;
	left: 50%;
	opacity: 1;
}

section.shopPagination {
    width: 100%;
    float: left;
    padding: 100px 0 50px;
    text-align: center;
}

section.productPagePagination {
    width: 100%;
    float: left;
    padding: 0px 0 50px;
    text-align: center;
}

@media only screen and ( max-width: 1023px ) {
    section.shopPagination {
        padding: 50px 0 50px;
    }
}

@media only screen and ( max-width: 640px ) {
    section.shopPagination {
        padding: 20px 0 20px;
    }
}

.backTop {
    display: none;
}

.loadMore,
.backTop.active {
    display: block;
}

.loadMore:after {
    font-family: 'skeleticons';
    content: "\edbf";
    font-size: 15px;
    display: block;
    margin-top: 15px;
}

.backTop:before {
    font-family: 'skeleticons';
    content: "\edb7";
    font-size: 15px;
    display: block;
    margin-bottom: 15px;
}

/*  SINGLE PRODUCT PAGE  */

p.productPrice.vipPrice {
	color: #ecc2cd;
}

section.singleProductBlockMobile {
    display: none;
    float: left;
    width: 100%;
    margin-top: 120px;
    margin-bottom: 40px;
    padding-bottom: 40px;
}

.singleProductDetails {
    position: fixed;
	height: auto;
    top: 140px;
}

.singleProductDetails.sticky.scrolled {
    position: absolute!important;
	top: auto!important;
	bottom: 0!important;
	right: 0px!important;
}

.singleProductDetails.mobile {
    margin-bottom: 50px!important;
}


.singleProductBlockMobile .portraitContainer {
    padding-top: 150%;
}

.singleProductBlockMobile .singleProductContainer .flexslider {
    margin-bottom: 15px;
}

.singleProductBlockMobile .singleProductContainer .flexslider .flex-pauseplay {
    display: none;
}

.singleProductBlockMobile .singleProductContainer .flexslider ol.flex-control-nav {
    position: absolute!important;
    left: 0px!important;
}

.singleProductDetails.mobile .singleProductContainer {
    width: 100%;
}

.singleProductDetails.mobile button.addToCart {
    width: 100%;
}

.singleProductDetails.mobile a.needHelp {
    float: right;
}

a.needHelp {
    font-size: 11px;
}

section.singleProductBlock {
    float: left;
    width: 100%;
    margin-top: 140px;
    margin-bottom: 75px;
    padding-bottom: 100px;
    border-bottom: 1px solid #ecc2cd;
}

@media only screen and ( max-width: 768px ) {
    section.singleProductBlockMobile,
    .singleProductDetails.mobile.fixed,
    .singleProductDetails.mobile.scrolled,
    .singleProductDetails.mobile {
        display: block;
        position: relative!important;
        top: 0;
        left: 0;
        width: 100%!important;
        float: left!important;
    }

    .singleProductContainer {
        padding: 0;
    }

    .singleProductBlock {
        margin-top: 0!important;
    }

}

.singleProductContainer {
    position: relative;
	width: 100%;
	float: left;
}

a.imageZoom,
a.imageZoomBottom {
    width: 100%;
	height: auto;
    cursor:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBFODIzNTUxRjAxNTExRTVBNDNBODdDMkM1NDc0RTZDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBFODIzNTUyRjAxNTExRTVBNDNBODdDMkM1NDc0RTZDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEU4MjM1NEZGMDE1MTFFNUE0M0E4N0MyQzU0NzRFNkMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEU4MjM1NTBGMDE1MTFFNUE0M0E4N0MyQzU0NzRFNkMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5tUdWUAAAABlBMVEUAAAD///+l2Z/dAAAAAnRSTlP/AOW3MEoAAAAYSURBVBjTY/j//3/9//8HGIY6DQND3B8AqOcxKhCCoQsAAAAASUVORK5CYII=') 25 25,auto;
}

.productPageVideo {
    cursor:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAYAAAA4TnrqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDg5MDczNkQ0RjdCMTFFNzk0OTc4NjJGQjQ0QjkzQzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDg5MDczNkU0RjdCMTFFNzk0OTc4NjJGQjQ0QjkzQzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowODkwNzM2QjRGN0IxMUU3OTQ5Nzg2MkZCNDRCOTNDMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowODkwNzM2QzRGN0IxMUU3OTQ5Nzg2MkZCNDRCOTNDMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pu1sTXUAAARsSURBVHja7Fw9TFNRFL6I0g4l8SdiGUwZ1EQgLiibg0aXBuPEYCKJQ6MmnQhKHFl0dGGVdMAQJqJuNCY6wQAJCYM/KIk/IaJUg4lElB/9bjk3PbT8vNvy+t5rz5d8SV/bvHve9+6795xzz7s1qvzYBzaDZ8Ez4AmwCTwKHgEPsP+ugN/BBfAD+B6cBifBV+C6qkA0gAlwBFwE/+0BF+l8CTq/66hx8dx14FW6mEvUowz0xf4AP4OvwQnwHfgN/Ap+BGPgMRLiJHgOPA0eBw/n2a572HPwEfgU/BuUXhQBe8G5vJ7wC0yTeKES2wjRedJ0Xt7OHLUf8bNIuif1gBlm+Co4BsZdbjtO7ayytjNkT53fhLoMzjBD9cA86MHdjVC7K8yWGbLPc9SDKWbYGjgAhj22K0x2rDHbUmSvJ2gDZ5kxU2DUZz0+SnYZG2fJ7rKiC1xmj1zS55NOkj2ay2R/WdDH7tQ8TfFBQIzsNbb3ue2T9bPGxsHagDnHtWS3uYZ+t3xNLtRwwCOK4TzBXHv0BiokBBtw45HsqqAetVMPK3nQb2Oz3riqTIyzWbJot6Ke+VHzARzMbQb9eeaHFeW4ppgfFVOVjRjzw1LFxHrmWU6q6kCSXbPjWLKOBcVTqrowxYJvR9mKHhYUR6tMrCgLvnucpDgyFeZPFet/ZdQuKaZeNqiHq1SsMBvse3caq0wqeNAFI+6qjdWbIGBQ5VLUW45dnSqXCnYjw6kXIn6D9wLQayMql6Lu3OoPo/TjmEsG6DFgndpYoPCixseCjZGto/k/NLBZIO6iWGa9z/gzb8GLPhUrzryCTeuSCZVbrlIui3UKvAMuMdFegq0+FMwssyX4lyP0ZboMYjXR8UG1kUsyY4N+RB+DjT4SK022jZgv9rFHI1FGsQya2M3S/AM+UP5YJE2woSO7ot7K7mzIA7EMdKHIBBPtJ3gb3O+hWCE2KWWHiRvMY1UeimXQoTZqHYxon8ArHgpm7NY6qYdlCpqdiqWoN93Kmzknqfd5FVxrndQzOhjykVjcObxP45gR7YnlOUrFELWrdcoWh+mDbh+KZdBIIcg6izL0THqoDGJ1U5taJ/WFDjp8LJZBM/lkppctUczpZqVMB7WldcoWfumD9gCIZXABfMNE03HnNZfCp3ZqI1sgZxqMBUgsRcJcpzjTXIOuIjy/x3bH2PlzHwImlmKRwLTaXP13c4/bKBBLepaDniVjlsWYFaTZsAV84eVsKH6WhZ8lHryFBy+xoUVsKFkHi6yD5LMs8lmSKd0eBZlSpSQHvx0KcvBcQS9Xd1qU/7Dl6o6sGxZi23VDjXKsSBuRAr0irSG1Dpud4R1rHaSKJoddq2g0pD7LYX2W6X5S+eew8k9Dakod1pSasUuqlS1yZFIHbwl5w8IC8u6OJeStMEvI+4aW6FPyJqsV5B1pC8jb9yU+krKvg8NBX3YMsXQrZC8aS8dVdjmyhOyfZQnZma3Iu1uRe/7JbpI+hOxTWiQCuwPufwEGAMr/nbmmh5b9AAAAAElFTkSuQmCC') 25 25,auto;
}

.singleProductZoomed {
    display: none;
    position: fixed;
    height: auto;
    top: 140px;
    z-index: 2;
    opacity: 1;
}

.singleProductZoomed.scrolled {
    top: 125px;
}


.singleProductZoomed.active {
    display: block;
}

.singleProductZoomed .landscapeContainer  {
    position: relative;
    width: 100%;
    padding-top: 75%;
    margin-bottom: 0;
}

.singleProductZoomed .landscapeContainer:hover {
    opacity: 1;
}

.horizontalContainer {
    position: relative;
    width: 100%;
    padding-top: 65%;
    margin-bottom: 0;
}

.imageContainerZoomed {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

a.zoomClose {
	width: 100%;
	height: 100%;
    cursor:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyAQMAAAAk8RryAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE4MDVEMjVERjAxNTExRTU5NjJFQTc4MTMxQkFDQkU1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE4MDVEMjVFRjAxNTExRTU5NjJFQTc4MTMxQkFDQkU1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTgwNUQyNUJGMDE1MTFFNTk2MkVBNzgxMzFCQUNCRTUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTgwNUQyNUNGMDE1MTFFNTk2MkVBNzgxMzFCQUNCRTUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz440CsyAAAABlBMVEUAAAD///+l2Z/dAAAAAnRSTlP/AOW3MEoAAAAUSURBVBjTY/gPBgcYhjoNA0PcHwDQBEmqLc3XqQAAAABJRU5ErkJggg==') 25 25,auto;
}

.singleProductDetails.tablet {
	display: none;
	position: fixed;
	height: auto;
	z-index: 1;
}

.productGrid.singleProductDetails.tablet.sticky {
	-webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.singleProductDetails {
    padding: 0 15px;
}

@media only screen and ( max-width: 1300px ) {
	.singleProductDetails.tablet {
        display: block;
        position: fixed;
		height: auto;
        z-index: 1;
    }

    .singleProductDetails.tablet.sticky.scrolled {
        display: block;
        position: absolute;
		bottom: 0;
		right: 0!important;
        z-index: 1;
    }

    .singleProductContent {
        width: 70%;
    }

    .contentBlock.horizontalImageContent {
        width: 70%;
    }

    .singleProductZoomed,
    .singleProductZoomedBottom {
        width: calc(70% - 63px);
    }

    .singleProductZoomed .landscapeContainer,
    .singleProductZoomedBottom .landscapeContainer {
        position: relative;
        width: 100%;
        padding-top: 130%;
        margin-bottom: 0;
    }
}


@media only screen and ( max-width: 768px ) {
    .singleProductContent {
        width: 100%;
    }

    .contentBlock.horizontalImageContent {
        display: none;
    }

    .desktopProductVideo {
        display: none;
    }

	.singleProductZoomed,
	.singleProductZoomedBottom {
		display: none;
	}

	a.imageZoom,
	a.imageZoomBottom {
		display: none;
	}
}


p.productName {
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 18px;
    margin-bottom: 10px;
}

p.productDesignerName,
a.productDesignerName {
    font-size: 12px;
    font-family: 'ProximaNova-Light';
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 20px;
    margin-bottom: 10px;
    display: block;
}

a.productDesignerName {
 	font-family: 'ProximaNova-Regular';
    letter-spacing: 2px; 
}

p.productPrice {
    font-size: 15px;
    font-weight: 800;
    font-family: 'ProximaNova-Regular';
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 20px;
    margin-bottom: 15px;
    margin-top: 10px;
}

.productPrice.salePrice {
    margin-left: 15px;
    color: #e27da1;
    width: auto;
    display: inline-block;
}

.productPrice.comparePrice {
    text-decoration: line-through;
    width: auto;
    display: inline-block;
}

span.productDescription {
    font-size: 12px;
    font-family: 'ProximaNova-Light';
    letter-spacing: 1px;
    line-height: 16px;
    margin-bottom: 25px;
}

a.productSize {
    display: inline-block;
    margin-right: 40px;
}

button.addToCart {
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 20px;
    border: solid 1px #ecc2cd!important;
    background-color: #ecc2cd;
    color: #fff;
    padding: 18px 0px;
    display: inline-block;
    text-align: center;
    margin-top: 35px;
    margin-bottom: 35px;
	width: 80%;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

button.addToCart:hover {
    opacity: 0.8;
}

@media only screen and ( max-width: 1500px ) {
    button.addToCart {
        width: 100%;
    }
}

.iwishAddWrap {
    display: inline-block;
    margin-bottom: 20px;
}

a.iWishAdd {
    display: inline-block;
    margin-right: 15px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 20px;
}

p.iWishLoginMsg {
    margin-top: 15px;
    font-family: 'ProximaNova-Regular';
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

p.iWishLoginMsg a {
    text-decoration: underline;
}

.productGridShop .iwishAddWrap {
    position: absolute;
    z-index: 8;
    right: 10px;
    top: 10px;
}
.iwishMeta-title a {
    font-size: 10px;
}
.iwishMeta-price span {
    font-size: 12px;
}

@media only screen and ( max-width: 768px ) {
    button.addToCart {
        width: 100%;
    }

    a.wishList {
        margin-bottom: 35px;
    }
}

.singleProductHeart {
    vertical-align: middle;
    margin-right: 5px;
}

.descriptionExpanded,
.shippingExpanded {
    // display: none;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 19px;
    letter-spacing: 1px;
}

.descriptionExpanded.active,
.shippingExpanded.active {
    display: inline-block;
    text-transform: none;
    font-size: 12px;
    line-height: 19px;
    letter-spacing: 1px;
}

.descriptionButton,
.shippingButton {
    display: block;
    margin-top: 10px;
    font-size: 11px;
    cursor: pointer;
}

.socialSharing {
    margin-top: 20px;
}

.descriptionButton:after,
.shippingButton:after {
    content: "+";
    margin-left: 5px;
    font-size: 14px;
}

.descriptionButton.active:after,
.shippingButton.active:after {
    content: "-";
    margin-left: 5px;
    font-size: 14px;
}

.socialSharing p {
    display: inline-block;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 20px;
    margin-bottom: 10px;
}

.social-sharing {
    display: inline-block;
}

.social-sharing a {
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    height: 17px;
}

.singleProductDetails form,
.singleProductDetails.tablet form,
.singleProductDetails.mobile form {
    margin-top: 20px;
}

.singleProductDetails form label,
.singleProductDetails.tablet form label,
.singleProductDetails.mobile form label {
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 16px;
    margin-bottom: 0px;
    width: 90px;
    display: inline-block;
    text-transform: uppercase;
}

.singleProductDetails form select,
.singleProductDetails.tablet form select,
.singleProductDetails.mobile form select{
    width: 50px;
    height: 24px;
    line-height: 22px;
    padding: 0 0 0 10px;
    background: none;
    border-radius: 0;
    font-size: 12px;
    font-family: 'ProximaNova-Regular';
    font-weight: normal;
    text-transform: uppercase;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    box-shadow: none;
    border: 1px solid #d7d7d7!important;
}

.singleProductDetails form input,
.singleProductDetails.tablet form input,
.singleProductDetails.mobile form input {
    width: 50px;
    height: 24px;
    line-height: 24px;
    padding: 0 0 0 10px !important;
    text-align: left !important;
    color: #000;
    font-size: 12px;
    font-family: 'ProximaNova-Regular';
    font-weight: normal;
    border: 1px solid #d7d7d7!important;
}

.singleProductDetails,
.singleProductDetails.tablet,
.singleProductDetails.mobile {
    opacity: 0;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

/*  WISHLIST, LOGIN / REGISTER PAGES  */

section.loginRegisterBlock {
    width: 100%!important;
    height: auto;
    min-height: calc(100vh - 303px)!important;
    margin-top: 155px!important;
    float: left!important;
    text-align: center!important;
}

@media only screen and ( max-width: 1200px ) {
    section.loginRegisterBlock {
        min-height: calc(100vh - 433px)!important;
    }
}


section.loginRegisterBlock h1,
section.loginRegisterBlock h2 {
    font-family: 'ProximaNova-Regular';
    font-size: 22px;
    color: #292929;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: normal;
    margin-bottom: 50px;
    margin-top: 20px;
}

section.loginRegisterBlock p {
    margin-bottom: 15px;
}

section.loginRegisterBlock form input,
section.loginRegisterBlock form textarea {
    margin-bottom: 20px;
    line-height: 18px;
    font-size: 12px;
    font-weight: normal;
    font-family: 'ProximaNova-Regular';
    text-transform: uppercase;
    margin-right: 20px;
}

input#CreatePassword,
input#CustomerPassword {
    margin-right: 0;
}

section.loginRegisterBlock form input.btn {
    display: block;
    text-transform: uppercase;
    padding: 9px 38px;
    border: 1px solid #000!important;
    font-size: 12px;
    letter-spacing: 3px;
    line-height: 20px;
    margin: 20px auto;
}

section.loginRegisterBlock form input.btn:hover {
    background-color: #000;
    color: #fff;
}

.loginReturnContainer {
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
}

.loginReturnContainer a {
    margin-right: 15px;
    display: inline-block;
}

.loginReturnContainer a:last-child {
    margin-right: 0;
}

/* ADD NEW ADDRESS FORM */

.btn.address-new-toggle {
    display: block;
    text-transform: uppercase;
    padding: 9px 38px;
    border: 1px solid #000!important;
    font-size: 12px;
    letter-spacing: 3px;
    line-height: 20px;
    margin-right: 0!important;
    margin: 30px auto!important;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.btn.address-new-toggle:hover {
    background-color: #000;
    color: #fff
}

#address_form_new input,
#address_form_new textarea,
#address_form_new select,
#address_form_new label {
    display: block;
    width: 100%;
}

#address_form_new select,
#address_form_new label {
    margin-bottom: 20px;
}

.iwishProducts {
    width: 100%;
    float: left;
    text-align: center;
}

.iwishProducts .productGridWish {
    display: inline-block;
    float: none;
    width: 20%;
}

@media only screen and ( max-width: 1200px ) {
    .iwishProducts .productGridWish {
        width: 33.3333%;
    }
}

@media only screen and ( max-width: 800px ) {
    .iwishProducts .productGridWish {
        width: 50%;
    }
}


.iwishMeta {
    width: 100%;
    text-align: center;
    margin: 20px 0;
}

.iwishMeta-title {
    margin-bottom: 10px;
}

.iwishMeta-price {

}

.iwishBuyBtn {
    display: block;
    text-transform: uppercase;
    padding: 9px 38px;
    border: 1px solid #000!important;
    font-size: 12px;
    letter-spacing: 3px;
    line-height: 20px;
    margin-right: 0!important;
    margin: 20px auto!important;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

.iwishBuyBtn:hover {
    background-color: #000;
    color: #fff;
}

.iwishShareContainer {
    margin-top: 60px!important;
    margin-bottom: 50px!important;
}

div.shareTitle {
    font-family: 'ProximaNova-Regular';
    font-size: 12px;
    color: #292929;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: normal;
}

.shareEmail svg {
    height: 30px;
    width: auto;
    margin-top: -4px;
}

.shareEmail svg path {
    vertical-align: top!important;
}


.iwishShareBtn {
    height: 20px!important;
    width: 20px!important;
    background-size: contain!important;
}

.section__title {
    text-transform: uppercase!important;
}

/* CART */

#cartform {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    display: inline-block;
    margin-bottom: 60px;
}
#cartform .divider {
  padding-bottom: 40px;
  margin-bottom: 20px;
  border-bottom: 1px solid #292929;
}

#cartform .item-list {
    width: 100%;
    float: left;
    margin: 10px 0 40px;
}

#cartform .item {
  clear:both;
  list-style:none;
  position:relative;
  width: 100%;
  float: left;
  border-top: 1px solid #292929;
  padding: 10px 0;
}

#cartform .item:first-child {
  border-top: none;
}

#cartform .item a.remove {
  position: absolute;
  top: 45px;
  right: 5%;
  font-size: 20px;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

#cartform .item .image {
  width: 100px;
  height: 100px;
  line-height: 100px;
  margin: 0 4% 0 5%;
  float: left;
  overflow: hidden;
}

#cartform .item .image img {
  vertical-align: middle;
  height: 100%;
  width: auto;
}

#cartform .item .desc {
  overflow: hidden;
  margin: 37px 50% 0 0;
}

#cartform .item .desc .name {
}

#cartform .item .desc .variant {
  font-size: 90%;
}

#cartform .item .desc .variant:before {
    content: '- ';
    margin: 0 5px;
}


#cartform .item .quantity {
  position: absolute;
  top: 40px;
  right: 30%;
  width: 130px;
}

#cartform .item .quantity input {
  width: 34px;
  margin-left: 4px;
  padding-left: 2px;
  padding-right: 2px;
  text-align: center;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

#cartform .item .line-total {
  margin-top: 5px;
  position: absolute;
  top: 40px;
  right: 10%;
  width: 90px;
  text-align: right;
}

#cartform .checkout-note {
}

#cartform .checkout-note textarea {
  width: 370px;
  max-width: 90%;
  margin-top: 10px;
}

#cartform .totals-area {
  text-align: right;
}

#cartform .totals-area .checkout-col {
  float: right;
  max-width: 360px;
}

#cartform .totals-area .subtotal {
  margin: 0 0 40px;
}

#cartform .totals-area .checkout-buttons {
  margin: 0 0 40px;
 }

#update-cart {
    margin-left: 4px;
}

#cartform .termsagreement {
  margin-bottom: 5px;
}

#cartform .termsagreement label {
  vertical-align:middle;
}

#additional-checkout-buttons input {
  background: none;
  border: none;
  height: auto;
}

#cartform #shipping-calculator {
}

#cartform #shipping-calculator .inputrow {
  float: left;
  clear: none;
  width: 20%;
  padding: 0 30px 20px 0;
}

#cartform #shipping-calculator .inputrow label {
  display: block;
  float: none;
  margin: 0 0 10px 0;
}

#cartform #shipping-calculator .inputrow.ziprow {
  width: auto;
  overflow: hidden;
  padding-right: 0;
}

#cartform #shipping-calculator .inputrow.ziprow input {
  width: auto;
}

#cartform #shipping-calculator .inputrow.ziprow #address_zip {
  width: 120px;
  margin-right: 20px;
}

#cartform #shipping-calculator #wrapper-response {
  padding: 20px 0;
  clear: both;
}


@media only screen and (max-width: 767px) {
    #cartform .item {
        width: 100%;
        float: left;
    }

    #cartform .item .image {
        margin: 0;
        width: 30%;
        float: left;
        height: auto!important;
    }

    #cartform .item .desc {
        margin: 0;
        margin-bottom: 30px;
        margin-top: 30px;
        width: 70%;
        float: left;
        text-align: center;
    }

    #cartform .item .quantotal {
        margin: 0;
        width: 70%;
        float: left;
    }

    #cartform .item .quantotal .quantity {
        margin: 0;
        margin-bottom: 30px;
        position: relative;
        width: 100%;
        float: left;
        top: 0;
        right: 0;
        text-align: center;
    }

    #cartform .item .quantotal .line-total {
        margin: 0;
        margin-bottom: 30px;
        position: relative;
        width: 100%;
        float: left;
        top: 0;
        right: 0;
        text-align: center;
    }

    #cartform .item a.remove {
        top: 3px;
    }

    .page-header {
        width: 100%;
        float: left;
    }
}

@media only screen and (max-width: 480px) {

    #cartform .item .image {
        display: none;
    }

    #cartform .item .desc {
        width: 100%;
    }

    #cartform .item .quantotal {
        width: 100%;
    }

    #cartform .item .quantotal .quantity {
        width: 100%;
    }

    #cartform .item .quantotal .line-total {
        margin-bottom: 0px;
        width: 100%;
    }
}

.shippingNotice,
p.cartTotal {
    float: right;
    text-align: right;
    font-family: 'ProximaNova-Regular';
    font-size: 12px;
    color: #292929;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: normal;
}

.inputContainer {
    width: 100%;
    float: left;
}

input.cartTotalUpdate {
    display: block;
    float: right;
    margin-right: 0!important;
    margin-bottom: 0!important;
}

input.checkoutButton {
    display: block;
    float: right;
    text-transform: uppercase;
    padding: 9px 38px;
    border: 1px solid #000!important;
    font-size: 12px;
    letter-spacing: 3px;
    line-height: 20px;
    margin-right: 0!important;
    margin: 30px auto!important;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
}

input.checkoutButton:hover {
    background-color: #000;
    color: #fff;
}

.backShopping {
    width: 100%;
    float: left;
    text-align: right;
}

/* CONTACT US PAGE */

h1.contactHeader {
    text-align: center;
}

.contactContainer {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
}

.contactFormContainer {
    width: 50%;
    float: left;
}

.contactInformationContainer {
    width: 50%;
    float: left;
}

@media only screen and ( max-width: 640px ) {
    .contactFormContainer,
    .contactInformationContainer {
        width: 100%;
    }

    .contactInformationContainer {
        margin: 30px 0;
    }
}

.contactInformationContainer h3 {
    font-family: 'ProximaNova-Regular';
    font-size: 14px;
    color: #292929;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: normal;
    margin-bottom: 30px;
}

.contactInformationContainer p,
.contactInformationContainer a {
    font-family: 'ProximaNova-Regular';
    font-size: 12px;
    color: #292929;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: normal;
    margin-bottom: 30px;
}

.contactInformationContainer a:hover {
    color: #ecc2cd;
}

span.contactFormBlocks {
    width: 100%;
    float: left;
    text-align: left;
}

span.contactFormBlocks label {
    display: block;
}

span.contactFormBlocks input,
span.contactFormBlocks textarea {
    display: block;
    width: 100%;
    border-bottom: 1px solid #000;
    text-align: left;
    resize: none;
}

@media only screen and ( max-width: 480px ) {
    input#LastName {
        margin-right: 0;
    }
}

video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1;
}

.sizeSelect {
    display: none;
}

div.selector-wrapper.js{
    display: none;
}

select.no-js {
    display: inline-block;
    width: auto!important;
    min-width: 50px;
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    width: auto !important;
    min-width: 100px;
}

.select2-selection__rendered {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 0px;
    color: #001f5b;
    font-size: 10px;
    font-family: $font-alt;
    letter-spacing: 1px;
    line-height: 25px;
    position: relative;
    width: 100%;
    text-transform: uppercase;
    text-align: left;
}

.select2-results ul li {
    font-size: 10px;
    font-family: $font-alt;
    letter-spacing: 1px;
    line-height: 25px;
    text-transform: uppercase;
}

.sizeOptions a {
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 15px;
    cursor: pointer;
}

.sizeOptions a.selected {
    color: #ecc2cd;
}

.shopBlockOneDesktop form,
.shopBlockOneTablet form {
    margin-bottom: 30px;
}

.shopBlockOneDesktop form input,
.shopBlockOneTablet form input {
    padding-right: 20px;
    letter-spacing: 1px;
    font-weight: normal!important;
}

.shopBlockOneDesktop form button,
.shopBlockOneTablet form button {
    border-bottom: none!important;
}

.searchPage {
    min-height: calc(100vh - 501px);
}