.pad10 {
     padding: 10px;
 }
 
 .pad20 {
     padding: 20px;
 }
 
 .pad30 {
     padding: 30px;
 }
 
 .padt {
     padding-bottom: 0;
     padding-left: 0;
     padding-right: 0;
 }
 
 .padb {
     padding-top: 0;
     padding-left: 0;
     padding-right: 0;
 }
 
 .padtb {
     padding-left: 0;
     padding-right: 0;
 }
 
 .padl {
     padding-top: 0;
     padding-right: 0;
     padding-bottom: 0;
 }
 
 .padr {
     padding-top: 0;
     padding-left: 0;
     padding-bottom: 0;
 }
 /* over-ride width on page */
 
 .hero-wrapper {
     position: relative;
 }
 
 .logo-text-right {
     position: absolute;
     right: 30px;
     top: 60px;
     z-index: 1;
 }
 
 .logo-text-right img {
     width: 17px;
     height: auto;
 }
 
 .button.womansLanding {
     background: black;
     color: white !important;
     border-radius: 0;
     text-decoration: none;
 }
 
 .button.womansLanding:hover {
     background: #e999b4;
 }
 
 .fontOswald {
     font-family: 'Oswald', sans-serif;
 }
 /*
Utility classes
*/
 
 .posAbs {
     position: absolute;
 }
 
 .posRel {
     position: relative;
 }
 
 .disBlock {
     display: block;
 }
 
 .disInBlock {
     display: inline-block;
 }
 /*
    Standard Colour Classes
    */
 
 .wtTxt {
     color: white;
 }
 
 .bkTxt {
     color: black;
 }
 /*
    Background Colour Classes
    */
 
 .wtBg {
     background: white;
 }
 
 .bkBg {
     background: black;
 }
 
 .bgSiderImg {
     min-height: 590px;
     position: relative;
     /*                                max-width: 1200px;*/
 }
 
 .bgSiderImg img {
     margin: 0 auto;
     display: block;
 }
 
 .centerPanel {
     position: absolute;
     width: 500px;
     top: auto;
     bottom: -20px;
     left: 0;
     right: 0;
     background: grey;
     margin: auto;
 }
 
 .vertTextParent {
     display: table;
     text-align: center;
 }
 
 .vertTextChild {
     display: table-cell;
     vertical-align: middle;
 }
 
 .txtUpCase {
     text-transform: uppercase;
 }
 
 .bgNoRept {
     background-repeat: no-repeat !important;
     margin: auto;
 }
 
 .sliderTopButton {
     position: absolute;
     left: 0;
     right: 0;
     bottom: 10px;
     margin: auto;
     text-align: center;
     display: block;
     height: 38px;
     width: 100%;
     padding: 0;
 }
 
 .letSpc-2 {
     letter-spacing: 0.2em;
 }
 
 .topText,
 .bottomText {
     font-size: 1.2rem;
 }
 /*   Fix foundation Issues */
 
 a.headerctathreecola:hover {
     color: white;
 }
 
 .header-sublink {
     margin: 0;
     padding: 0;
 }
 
 .header-search>div.searchbox input[type="text"],
 .header-basket>div.basketbox {
     height: auto;
     margin: 0;
 }
 
 .header-sublink li a {
     width: auto;
 }
 
 .currencyCurrent:after {
     top: 12px;
     right: 8px;
 }
 
 .currencyCurrent img,
 .currencyExtra img {
     position: relative;
     top: 2px;
 }
 
 section.section-two {
     margin-top: 50px;
     padding-top: 50px;
 }
 
 div#pos-vibes {
     position: absolute;
     z-index: 2;
     right: -50px;
 }
 
 .z1 {
     z-index: 1;
 }
 
 #pos-vibes img {
     width: 70%;
 }
 
 .section-two {
     background: url(/images/articles/WomensDep/section-two-bg.jpg) top center;
     background-size: cover;
 }
 
 .section-three {
     position: relative;
     margin-bottom: 30px;
 }
 
 #section-three-bg {
     background: url(/images/articles/WomensDep/section-three-bg.jpg) top center;
     background-size: cover;
     width: 100%;
     min-height: 600px;
     top: -120px;
     left: 0;
     right: 0;
     display: block;
     position: absolute;
 }
 
 .trendingcarouselButton {
     position: absolute;
     bottom: 0;
     z-index: 1;
     left: 10%;
     margin: 0;
     padding: 12px 6%;
 }
 
 .newInButton {
     position: absolute;
     z-index: 1;
     bottom: 15px;
     padding: 12px 17%;
     left: 15px;
     margin: 0;
 }
 
 .hot-item-wrapper p {
     /*
            font-family: 'Oswald', sans-serif;
            margin-bottom: 0;
            text-transform: uppercase;           
            */
     font-family: 'Oswald', sans-serif;
     margin-bottom: 0;
     text-transform: uppercase;
     width: 100%;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     margin: auto;
     display: block;
 }
 
 p.brand {
     margin-top: 5px;
 }
 
 .hotdropsButton {
     padding: 8px 0;
     width: 100%;
     font-size: 0.8rem;
     margin-top: 5px;
 }
 
 .hotdropsButton a {
     color: #fff;
     text-decoration: none;
 }
 
 .hotdrops {
     min-height: 480px;
     position: relative;
 }
 
 .section-three:after {
     top: 100%;
     left: 50%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
     border-color: rgba(136, 183, 213, 0);
     border-top-color: #fed2d1;
     border-width: 30px;
     margin-left: -30px;
     z-index: 3;
 }
 
 #on-trend-head-logo img {
     width: 60%;
 }
 
 .section-four {
     position: relative;
 }
 
 .on-trend-pic-footer {
     font-family: 'Oswald', sans-serif;
     padding: 15px 10px;
     position: absolute;
     bottom: 0;
     left: 15px;
     width: 100%;
     display: block;
     right: 0;
     padding-top: 110px;
     padding-bottom: 30px;
     text-transform: uppercase;
 }
 
 .on-trend-pic-footer span {
     display: block;
 }
 
 .on-trend-link-wrapper {
     position: relative;
     display: block;
     padding-bottom: 135px;
 }
 
 .on-trend-pic-wrapper img {
     position: relative;
     z-index: 1;
 }
 
 .on-trend a {
     text-decoration: none;
 }
 
 .on-trend-pic-footer.pic1 {
     background: #f78a8d;
 }
 
 .on-trend-pic-footer.pic2 {
     background: #ffcdce;
 }
 
 .on-trend-pic-footer.pic3 {
     background: #ffcdf7;
 }
 
 .on-trend-pic-footer.pic4 {
     background: #cde5ff;
 }
 
 #section-four-bg {
     background: url(/images/articles/WomensDep/section-four-background.jpg);
     height: 550px;
     position: absolute;
     width: 100%;
     left: 0;
     right: 0;
     top: 80px;
     background-size: 100%;
     background-position: center;
     background-repeat: no-repeat;
 }
 
 span.on-trend-look-txt {
     font-size: 1.1rem;
     color: white;
     letter-spacing: 3px;
 }
 
 span.on-trend-cta {
     padding-top: 10px;
     letter-spacing: 3px;
     color: white;
 }
 
 section.section-five {
     position: relative;
     margin-top: 60px;
 }
 
 #section-five-bg {
     background: url(/images/articles/WomensDep/blog/blog-bg-140617.jpg);
     background-size: 100%;
     background-position: center;
     background-repeat: no-repeat;
     position: absolute;
     width: 100%;
     left: 0;
     right: 0;
     height: 100%;
 }
 
 .blog-footer-link {
     font-family: 'Oswald', sans-serif;
     display: block;
     background: #f78a8d;
     padding: 5px;
     margin-top: 30px;
     margin-bottom: 100px;
     text-decoration: none !important;
     font-size: 0.8rem;
     text-transform: uppercase;
 }
 
 .blog-pic-wrapper img {
     min-height: 265px;
 }
 
 div#blog-head-logo {
     padding-top: 50px;
 }
 
 .shop-new-in-button {
     margin: 0;
     position: absolute;
     bottom: 30px;
     left: 10%;
     padding: 12px 15%;
 }
 
 .mobile-spacer {
     clear: both;
 }
 
 .h30 {
     height: 30px;
 }
 
 .hot-item-wrapper a {
     text-decoration: none !important;
 }
 
 .hotdropsButton a {
     color: white !important;
     text-decoration: none !important;
 }
 /*
        
        fix for slides 
*/
 
 .slidesjs-container {
     width: 760px !important;
     height: 20px !important;
 }
 
 .slidesjs-control {
     width: 840px !important;
     height: 20px !important;
 }
 
 .womansLanding.sub-nav {
     padding: 17px 15%;
 }
 
 .womansLanding.sub-nav.pink {
     background: #fba7a7;
     font-size: 1.5rem;
     letter-spacing: 0.1rem;
 }
 
 .womansLanding.sub-nav.pink:hover {
     background: black;
 }
 
 section.sub-nav {
     margin-top: 0;
     margin-bottom: 0px;
 }
 
 section.section-two {
     margin-top: 0px;
     padding-top: 30px;
 }
 
 .sliderTopButton {
     position: relative;
     left: 0;
     right: 0;
     top: -100px;
     margin: auto;
     text-align: center;
     display: block;
     height: auto;
     width: auto;
     padding: 13px;
 }
 
 #bra-txt {
     position: absolute;
 }
 
 #gtl-vrt-overlay {
     position: absolute;
     top: 0;
     left: 30px;
     z-index: 2;
     pointer-events: none;
 }
 
 .owl-nav {
     position: absolute;
     top: 50%;
     margin-top: -36px;
     z-index: 2;
     width: 100%;
 }
 
 .owl-prev {
     position: absolute;
     left: 0;
 }
 
 .owl-next {
     position: absolute;
     right: 0;
 }
 
 .hotdrops .owl-next {
     position: absolute;
     right: -50px;
 }
 
 .hotdrops .owl-prev {
     position: absolute;
     left: -50px;
 }
 
 .trendingcarousel .owl-next {
     right: 20px;
     top: 15px;
 }
 
 .trendingcarousel .owl-prev {
     left: 20px;
     top: 15px;
 }
 
 .getthelook span.nav-arrow-right {
     margin-right: 35px;
 }
 
 .getthelook span.nav-arrow-left {
     margin-left: 20px;
 }
 
 .greenlink a {
     font-weight: 600 !important;
 }
 
 body.landing-page-body.womens-department .main {
     margin-top: 0;
 }
 
 @media only screen and (max-width: 40em) {
     #on-trend-head-logo img {
         width: 100%;
     }
     div#blog-head-logo {
         padding-top: 0;
     }
     .blog-footer-link {
         font-family: 'Oswald', sans-serif;
         display: block;
         background: #f78a8d;
         padding: 5px;
         margin-top: 30px;
         margin-bottom: 0;
         text-decoration: none !important;
         font-size: 0.8rem;
         text-transform: uppercase;
         top: -15px;
         position: relative;
     }
     #section-five-bg {
         background: url(/images/articles/WomensDep/blog/blog-bg-140617.jpg);
         background-size: cover;
         background-position: center;
         background-repeat: no-repeat;
         position: absolute;
         width: 100%;
         left: 0;
         right: 0;
         height: 100%;
         top: -30px;
         z-index: 0;
     }
     .hero-slider .owl-pagination{
         bottom: 80px !important;
         left: 10px !important;
     }
     .section-three {
         position: relative;
         margin-bottom: 0;
     }
     .shop-new-in-button {
         margin: 0;
         position: relative;
         bottom: 0;
         left: 0;
         padding: 12px 15%;
         width: 100%;
     }
     .trendingcarouselButton {
         position: relative;
         bottom: 0;
         z-index: 1;
         left: 0;
         margin: 0;
         padding: 12px 6%;
         width: 100%;
     }
     .centerPanel {
         position: relative;
         width: 100%;
         height: auto;
         top: 0;
         bottom: 0;
         left: 0;
         right: 0;
         background: grey;
         margin: auto;
     }
     .blog-pic-wrapper img {
         min-height: auto;
     }
     .landing-page-body.womens-department section.section-two {
         margin-top: 30px;
         padding-top: 0;
     }
     .landing-page-body.womens-department .newInButton {
         position: relative;
         z-index: 1;
         bottom: 47px;
         padding: 5px 5%;
         left: -7px;
         margin: 0;
         width: 96%;
         margin: auto;
     }
     .sliderTopButton {
         position: relative;
         left: 0;
         right: 0;
         bottom: -15px;
         margin: auto;
         text-align: center;
         display: block;
         height: 38px;
         width: 100%;
         padding: 0;
     }
     #section-three-bg {
         background: url(/images/articles/WomensDep/section-three-bg.jpg) top center;
         background-size: cover;
         width: 100%;
         min-height: 600px;
         top: -30px;
         left: 0;
         right: 0;
         display: block;
         position: absolute;
     }
     div#pos-vibes {
         right: 0;
     }
     #pos-vibes img {
         width: 44%;
     }
     .main>h1 {
         display: none !important;
     }
     #emailBOX input[type=email] {
         color: #666;
         box-shadow: none;
         border: none;
         background: transparent;
     }
     .mast {
         background: #fba7a7;
     }
     a.block.band-xdark.ft-center {
         display: none !important;
     }
     .ft-light {
         color: #000;
     }
     .band-black,
     .bg-black {
         background-color: #fba7a7!important;
         color: #000 !important;
     }
     .logo-text-right {
         position: absolute;
         right: 15px;
         top: 460px;
         z-index: 2;
     }
     .logo-text-right img {
         width: 8px;
         height: auto;
     }
     #mobilenav {
         background: #000000;
         position: absolute;
         left: -84.375%;
         top: 0;
         width: 84.375%;
         height: 100%;
         z-index: 1;
         box-shadow: none;
         font-family: 'Lato', 'Open Sans', Arial, Helvetica, sans-serif;
     }
     input#searchINPUT_nav {
         border: none;
         background: transparent !important;
         box-shadow: none;
     }
     #btnSearch {
         background-position: 75% bottom !important;
         background-size: 55vw !important;
     }
     #btnBasket {
         background-position: 101% bottom !important;
         background-size: 54vw !important;
     }
     input.left.pointer.searchBTN {
         vertical-align: middle;
         padding: 7px;
     }
     input#searchINPUT {
         background: transparent;
         box-shadow: none;
         border: none;
     }
     img.right.pointer {
         padding: 0;
         margin: 0;
         position: relative;
         top: -17px;
         right: -16px;
     }
     #mobilenav .nav-mast-btn3 {
         width: 21%;
         max-width: 108px;
         background: url(../images/core/mobilenav-btn3.gif) no-repeat 82% center;
         padding: 31px 0px 5%;
         position: relative;
         right: 5px;
         padding-bottom: 0;
     }
     #mobilenav .nav-mast-btn2 {
         width: 45%;
         max-width: 189px;
     }
     #mobilenav .nav-mast-btn1 {
         width: 25%;
         max-width: 81px;
         position: relative;
         top: 1px;
     }
     a#btnLogo {
         margin: 0;
         background-size: 95vw !important;
         height: 50px;
         background-position: -108px -3px !important;
     }
     #btnMenu {
         background-position: 2px 98% !important;
     }
     .currencychanger {
         background: black !important;
     }
     .sliderTopButton {
         position: relative;
         left: 0;
         right: 0;
         top: -20px;
         margin: auto;
         text-align: center;
         display: block;
         height: auto;
         width: auto;
         padding: 13px;
     }
 }
 
 @media only screen and (min-width: 40.063em) and (max-width: 64em) {
     .bgSiderImg {
         min-height: 315px;
         position: relative;
         /* max-width: 1200px; */
     }
     .mast {
         background: #fba7a7;
     }
     .hideBanner {
         display: none;
     }
     .main>h1 {
         display: none !important;
     }
     a#btnLogo {
         background-position: -139px -7px !important;
     }
     div#pos-vibes {
         position: absolute;
         z-index: 2;
         right: 0;
     }
     input#searchINPUT,
     input#email {
         background: transparent;
         box-shadow: none;
         border: none;
     }
     div#blog-head-logo {
         padding-top: 0;
     }
     section.section-two {
         margin-top: 0px;
         padding-top: 50px;
     }
     .trendingcarouselButton,
     .newInButton {
         /*                width: 100%;*/
     }
     #section-three-bg {
         background: url(/images/articles/WomensDep/section-three-bg.jpg) top center;
         background-size: cover;
         width: 100%;
         min-height: 590px;
         top: -120px;
         left: 0;
         right: 0;
         display: block;
         position: absolute;
     }
     .hotdrops {
         min-height: auto;
         position: relative;
     }

 }