@charset "utf-8";
/* CSS Document */
body{
    /*background-image: url(../images/minki-bg.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*background-size: 100% 100%;
    */
    margin: 0px;
    /*font-family: 'Open Sans', sans-serif;
    */
    
}

*{
    -webkit-box-sizing: initial!important;
}

html {
    height: 100%
}
.menu-toggle-button {
    display: none;
}
.breadcrumbs {
    display: none;
}
.menu-toggle-button.welcome {
  top: 15px;
  float: right;
  margin-right: 20px;
}

.nav{
    width:100%;
    height:52px;
    /*background-color: rgba(235, 0, 138, 0.89);
    */
}

.stockist-highlight {
    background-color: #F3F3F3;
    padding: 20px;
    width: calc(100% - 60px);
    margin-right: 20px;
    float: left;
}
.stockist-highlight h2 {
    margin-top: 0px;
}

.landscape{
    margin-top:120px;
    width:70%;
    float:left;
    text-align:center;
    display:none;
}

.nav-inner{
    max-width:1190px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../img/nav-background.png);
    background-repeat: repeat-y;
    background-position: center top;
    height:54px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 20px;
    /*padding-right:145px;
    padding-left:145px;*/
    background-size:contain;
}

div.nav-inner div#myMenu1{
    margin-top: 12px;
}

.nav-inner-product{
    max-width:1190px;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../img/nav-background.png);
    background-repeat: repeat-y;
    background-position: center;
    height:80px;
    /*font-family: 'Bad Script', sans-serif;
    */
    font-size: 20px;
    padding-right:10%;
    padding-left:10%;
}

.top-menu {
    float: left;
    width: 60%;
}

.top-menu li {
    display: inline;
    float: left;
    text-align: center;
    width: 25%;
    height: 30px;
    padding-top: 4px;
}

.top-menu li>a {
color: black;
}

.sub-menu li>a {
color: black;}
.top-menu ul li ul {
    margin-top: 5px;
	
    display:block;
    color:white;
    visibility:hidden;
    
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -ms-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease;
    opacity:0;
}
li.sub-menu > ul { min-width:320px;}
.top-menu ul li.sub-menu ul li.menu-col-1 ul li:hover {background-color:white;
 padding-left:1px;
}

.top-menu ul li.sub-menu ul li.menu-col-1 ul li:hover a{
 padding-left:5px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}


.top-menu ul li ul li a {
    color:white;
    text-decoration:none;
}
.top-menu li a{
    text-decoration:none;
}

.top-menu ul li.sub-menu:hover ul {
    position:absolute;
    
    list-style-type: none;
    float: left;

    height: auto;
    min-height: 200px;
    padding: 20px;
    visibility:visible;
    -webkit-transition: opacity .8s ease;
    -moz-transition: opacity .8s ease;
    -ms-transition: opacity .8s ease;
    -o-transition: opacity .8s ease;
    transition: opacity .8s ease;
    opacity:1;
}


.top-menu ul li.sub-menu ul li.menu-col-1 ul{
    background: none;
    height: auto;
    width: 40%;
    padding: 0px;
    margin-top: 10px;
    font-size: 18px;
}

.top-menu ul li.sub-menu ul li.menu-col-1 {
    width: 160px;
    font-weight:700;
}

.top-menu ul li.sub-menu ul li.menu-col-1 {
   
    text-align: left;
}

.top-menu ul li.sub-menu ul li.menu-col-1 ul li {
    display:list-item;
    float: none;
      text-align: left;
      width: auto;
}

.top-menu ul li.sub-menu ul li.menu-col-1 ul li a{
    font-weight: 100;
}

.top-menu li{
    -webkit-transition: background-color .8s ease;
    -moz-transition: background-color .8s ease;
    -ms-transition: background-color .8s ease;
    -o-transition: background-color .8s ease;
    transition: background-color .8s ease;
}


.top-menu li:hover{
   
    -webkit-transition: background-color .8s ease;
    -moz-transition: background-color .8s ease;
    -ms-transition: background-color .8s ease;
    -o-transition: background-color .8s ease;
    transition: background-color .8s ease;
}

.menu-col-1 img{
    display:none}

.side-menu{float:left;width: 80%;   position: relative;
  top: -37px;}

/* remove */
#myMenu1 {
    width: 60%;
    float: left;
    margin-top: 15px;
}
.cat_textbox_small{
    height:25px}
.nav li{
    font-family: 'Bad Script', cursive;
}

.two-col{
	width:50%;
	float:left;
}

.first{
    width: 45%;
    margin-right: 5%;}

.brand-logo{
    max-width:620px;
    min-height: 200px!important;
    margin-left: auto;
    margin-right: auto;
    height:495px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    /*background-image: url(../images/minki-Logo.png);
    */
    
}
.shoe-selector{
    max-width:960px;
    margin-left: auto;
    margin-right: auto;
   /* height: 546px;*/
    height:390px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    background-image: url(../img/paint-splash.png);
    /*margin-top: -190px;*/
    margin-top: -90px;
    z-index: -69;
}
.shoe-selector-inner{
    max-width: 1190px;
    /*max-height:200px;
    */
    margin-left: auto;
    margin-right: auto;
    position: relative;
    /*padding-left: 20px;
    padding-right: 20px;
    */
    /*top: 180px*/
    top: 126px
}

.shoe-selector-center{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    
    -webkit-flex-direction: row ;
    /* works with row or column */
    -webkit-box-orient: horizontal;
    
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    flex-direction: row;
    
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    
}

.shoe-selector-center img {
    max-width: 100%;
    height: auto;
}

.test-square{
    width:80px;
    height:80px;
    display: block;
    background: red;
    
}

.image-holder{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    
    -webkit-flex-direction: row ;
    /* works with row or column */
    -webkit-box-orient: horizontal;
    
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    flex-direction: row;
    
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    
}

.brands {
    background: #fff;
    color: #333;
    bottom: 80px;
    width: calc( 100% - 20px );
    padding: 0px 10px;
    position: fixed;
    height: 72px;
    margin-bottom: 30px;
}

.brands-inner{
    max-width:1190px;
    margin-left: auto;
    height: 72px;
    margin-right: auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}


.footer {
    background: #333;
    color: #fff;
    bottom: 0px;
    width: calc( 100% - 20px );
    padding: 0px 10px;
    position: fixed;
    height:auto;
    min-height:80px;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
    overflow:auto;
}


.footer-inner{
    max-width:1190px;
    margin-left: auto;
    margin-right: auto;
    font-size: 11px;
    max-width:1190px;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease
        
}

.footer-inner-extra {
    margin-top: 25px;
    height: 0;
    overflow: hidden;
    float:left;
    max-width:1190px;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -ms-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease
}

.footer-left {width:50%; float:left; margin-top: 20px}
.footer-right {width:50%; float:left; margin-top: 14px;}



/*.product-page{
    bottom:0px;
    position:relative;
}
*/
.main-content-inner{
	max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 100px;
  overflow: auto;
	width:100%;
}
.main-content{
    min-height: 500px;
}
.result {
  background-color: #F5F5F5;
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 1px;
  padding-bottom: 20px;
  margin-bottom: 10px;
}

ul#ecomm-pager {
    text-align: center;
    font-size: 23px;
    padding-bottom: 5px;
}

.contact-social {width: 98%; float:left;height: 42px; padding: 1%;margin-bottom: 20px;}
.contact-social img{float:left!important;}
/* Sala */

.sala-body{
  
    background-image: url(../img/sala-may-2017.jpg);
}
.sala-nav {
    background-color: rgba(255, 166, 54, 0.91);
}
.sala-nav-product {
    background-color: rgb(255, 166, 54);
}
.sala-logo{
    
    background-image: url(../img/sala-logo.png);
    
}

.sala-catalogue-item{
    background-color: rgb(255, 166, 54);
    padding:10%;
    float:left;
    width: 70%;
    margin-bottom:30px;
    transition: all 0.5s ease;
    border-right: solid #333 0px;
}

.shop-product-large-sidebar{
   width: 93%;
  padding: 0% 4% 4% 4%;
    /*overflow: auto;
    ie problem*/
}

.sidebar{
    width: 20%;
    float: left;
}

.large-image {
    float: left;
    max-width: 100%;
}

.product-images {
    width: 55%;
    float: left;
    padding-right: 5%;
    
}

.product-description {
    float: left;
    width: 40%;
    display: block;
}
.input-group{
   /* width: 20%;*/
  /*  float:right;*/
}

.shop-product-small .image {
    width: 100%;
}

.brand-image{
  float: left;
  width: 20%;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 74px;
}


.top-logo{
    width:20%;
    float:left;
}
.top-search{
    width:20%;
    float:left;	
}

.learn_more {
    font-size: 14px;
    margin-top:5px;
    padding: 5px;
    margin-top: 10px;
    float: left;
    color: white;
    font-weight: 600;
}

.mc-field-group label{
    width: 100px;
    display: inline-block;
}

.mc-field-group {
    margin-bottom: 10px;
}

input#mce-EMAIL, input#mce-FNAME, input#mce-LNAME {
    border: none;
    padding: 5px;
}
.indicates-required {
    margin-bottom: 10px;
}
/* Minki */

.minki-body{
    /*background-image: url(../img/minki-bg.jpg);*/
    background-image: url(../img/minki-may-2017.jpg);
}
.minki-nav {
    background-color: rgba(235, 0, 138, 0.89);
}
.minki-nav-product {
    background-color: rgba(235, 0, 138, 0.89);
    position: relative;
}
.minki-logo{
    
    background-image: url(../img/minki-logo.png);
    
}

.minki-menu{
    background-color: rgba(235, 0, 138, 0.89);
}

.minki-catalogue-item{
    background-color: rgba(235, 0, 138, 0.89);
    padding:10%;
    float:left;
    width: 70%;
    margin-bottom:30px;
    transition: all 0.5s ease;
    border-right: solid #333 0px;
}
.minki-catalogue-item h4{
    text-align:center;
}

.minki-catalogue-item h4 {
    font-weight:200;
    font-size:28px;
    color:white;
    
}



/* CBD */

.cbd-body{
  
    background-image: url(../img/christiano-may-2017.jpg);
}
    
.cbd-nav {
    background-color: rgba(0, 131, 126, 0.89);
}

    .cbd-nav {
    background-color: rgb(0, 131, 126);
}

.cbd-nav-product {
    background-color: rgb(0, 131, 126);
    position: relative;
}
.cbd-logo{
    
    background-image: url(../img/cbd-logo.png);
    
}
.cbd-catalogue-item{
    background-color:rgb(0, 131, 126);
    padding:10%;
    float:left;
    width: 70%;
    margin-bottom:30px;
    transition: all 0.5s ease;
    border-right: solid #333 0px;
}

/* Katie */

.katie-body{
  
    background-image: url(../img/katie-may-2017.jpg);
}


.katie-nav{
    
    background-color:rgba(249, 212, 3, 0.89);
    
}
.katie-nav-product{
    position: relative;
    background-color:rgba(249, 212, 3, 0.89);
    
}
.katie-logo{
    
    background-image: url(../img/katienme-logo.png);
    
}
.katie-catalogue-item{
    background-color:rgb(249, 212, 3);
    padding:10%;
    float:left;
    width: 70%;
    margin-bottom:30px;
    transition: all 0.5s ease;
    border-right: solid #333 0px;
}

/* Arkoo */

.arkoo-body{
   background-image: url(../img/arkoo-may-2017.jpg);
  /*  background-image: url(../img/arkoo-august-2016.jpg);*/
}


.arkoo-nav{
    
    background-color:rgba(13,217,232,0.89);
    
}
.arkoo-nav-product{
    position: relative;
    background-color:rgba(13,217,232,0.89);
    
}

.arkoo-logo{
    
    background-image: url(../img/arkoo-logo-new.png);
    
}

.arkoo-catalogue-item{
    background-color:rgba(13,217,232,0.89);
    padding:10%;
    float:left;
    width: 70%;
    margin-bottom:30px;
    transition: all 0.5s ease;
    border-right: solid #333 0px;
}
.arkoo-catalogue-item h4, .minki-catalogue-item h4, .sala-catalogue-item h4, .katie-catalogue-item h4, .cbd-catalogue-item h4{
    text-align:center;
    font-weight:200;
    font-size:28px;
    color:white;
}


.arkoo-catalogue-item:hover, .minki-catalogue-item:hover, .sala-catalogue-item:hover, .katie-catalogue-item:hover, .cbd-catalogue-item:hover {
    border-right: solid #333 40px;
    transition: all 0.5s ease;
    width: 56%;
}

.catalogue-image img{
    margin-left:auto;
    margin-right:auto;
    display: block;
    max-width:none;
}

.catProdAttributeItem{
    margin-bottom:10px;
}

input#CAT_Search.form-control.product-form{
    width: 130px;
    height: 20px;
}

span.input-group-btn {
    position: relative;
    left: -28px;
    top: 6px;
}

.nav-align img{
    float:
}

img.nav-toggler.toggle-push-left.nav-align {
    float: right;
}

div#slider1_container {
    margin-left: auto;
    margin-right: auto;
}

.top-search.welcome{
   margin-top: 7px;
}

.top-search.products{
   margin-top: 13px;
}

.top-search.products .search-box {
  margin-right: 20%;
  width: 80%;
}

.top-search.welcome .search-box{
     position: relative;
  top: -6px;
    width: 100%;
}

.search-box input.cat_textbox_small{
    width: 92%;
  text-align: right;
    margin-left: 20px;
  padding-right: 8%;
}

.search-box.mobile{
	float:left;
}

.top-menu ul li.sub-menu ul li.menu-col-1>a{
cursor:default;}


@-moz-document url-prefix() { 
  .top-menu li {
      height: 31px;
    } 
}


/* Small Devices, Tablets */
@media only screen and (max-width : 990px) {
    
    .arkoo-catalogue-item h4 {
        font-size: 21px;
    }
    
}
@media only screen and (max-width : 768px) {
    .shoe-selector {
        margin-top: -190px;
    }
    .menu-toggle-button {
        display: block;
        position: relative;
        top: 26px;
    }
    
    .main-content{
    
    }
    .nav-inner-product{
        background-image:none;
    }
    
    div.nav-inner.welcome div#myMenu1, div.nav-inner-product .top-menu{
        display:none!important;
    }
    div.nav-inner-product form div.input-group {
        display:none;
    }
    
    .top-logo {
        width: 80%;
        float: left;
    }  
    
    li.catalogueItem {
        list-style: none;
        float: left;
        width: 100%;
        margin-right: 1%;
    }

.top-search.products{
   display:none;
}
 /*   .arkoo-nav-product, .minki-nav-product, .cbd-nav-product, .sala-nav-product, .katie-nav-product{
    position: fixed;
    width:100%;
    top:0px;

}*/





/* Landscape Tablet */
@media only screen 
    and (min-device-width: 768px) 
    and (max-device-width: 1024px) 
    and (orientation: landscape) 
    and (-webkit-min-device-pixel-ratio: 1) {
    
    body{
    background:none;
        background-color: rgba(235, 0, 138, 0.89);
    }
    .brand-logo {
        max-width: 538px;
        height: 224px;
        
    }
    .shoe-selector {
        /*max-width: 733px;
        */
        height:292px;
        margin-top:-55px;
    }
    
    .shoe-selector-inner{
        top: 70px;
        max-width: 795px;
    }
}

div.nav-inner.welcome div#myMenu1{
    margin-top: 6px;
    margin-left: 20%;
    margin-right: 20%;
    width: 60%;
    display: block;
}

@media only screen and (max-width : 768px) {
    .nav-inner {
        
        background-image: none;
    }
    
    div.nav-inner.welcome div.top-menu {
  display: none!important;
}
    .top-search.welcome{
        display: none!important;
        
    }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    .brand-logo{
        height:168px!important;
    }
        
    .shop-main {
	
        margin-bottom: 0px
}    
    .shoe-selector-inner{
        top:50px;
    }
    .footer{
        position:relative;
        height:auto;
        padding: 0px 10px 19px 10px;
        font-size: 12px;
        bottom: -47px;
    }
    .brands{
        
        position:relative;
        height:auto;
        padding: 0px 10px 0px 10px;
        bottom:-45px;
    }
    .shoe-selector{
        
        height: 155px;
        margin-top: -20px;
        
        bottom:-50px;
    }
    
    .nav-inner {
        
        background-image: none;
    }
    
    .product-images {
  width: 100%;
  padding-right: 0%;
}
   .product-description {
  width: 100%;
}
    
    .body {
  margin-left: 0px;
}
    .poplet-items li {
  float: left;
  width: 48.33333%;
}
    
    .shop-main .breadcrumbs {
  width: 94%;
  padding-right: 4%;
  padding-left: 4%;
}
  .brand-image {
    justify-content: center;
}      

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    
}

@media only screen 
    and (min-device-width: 320px) 
    and (max-device-width: 680px)
    and (orientation: landscape) {
    
    .landscape-container, .arkoo-nav{
        display:none;
    }
    .landscape{
        display:block;
    }
}