/*          */

ul.container li.header, ul.container li.main-menu, ul.container li.footer
{
    width:80%;
    padding:0% 10%
}

/*          */

ul.header li.top-line
{
    height:30px;
    margin-top:30px;
    background-color: #e0457e;
}

ul.header li.top-line div
{
    float:right;
    color:white;
    padding-top:6px;
    margin-right:20px;
    font-size:14px;
    font-weight:bold;
}

ul.header li.top-line div.we-work
{
    float:left;
    padding-left:10px;
}

ul.header li.top-line img
{
    float:left;
    height:16px;
    margin:1px 5px;
}


ul.header-body li.header-gender-links
{
    padding-top:40px;
    width:30%
}


ul.header-body li.header-gender-links img
{
    height:40px;
}


ul.header-body li.header-gender-links-mobiles
{
    display:none;
}

ul.header-body li.header-gender-links-mobiles img
{
    height:40px;
    cursor:pointer;
}

ul.header-body li.header-logo
{
    width:40%;
    text-align:center;
}

ul.header-body li.header-logo img
{
    height:120px;
}

ul.header-body li.header-controls
{
    width:30%
}

ul.header-controls
{
    padding-top:20px;
}




ul.header-controls li.header-controls-widget
{
    padding-top:20px;
/*     width:40%; */
}

ul.header-controls li.header-controls-widget img
{
    float:right;
    height:40px;
    cursor:pointer;
    margin:0px 10px;
}

/*              */

ul.header-menu li.header-menu-item
{
    float:left;
    padding:0px 19px;
    
}

div.header-menu
{
    width:1200px;
    margin:0px auto;
}

ul.header-menu li.header-menu-item a.header-menu-top-control
{
    float:left;
    color:#333;
    text-decoration:none;
    font-weight:bold;
}

ul.header-menu li.header-menu-item a.header-menu-top-control:hover
{
    text-decoration:underline;
}


/*              */


ul.container li.main-menu
{
    display:block;
    padding-bottom:20px;
}

@media screen and (max-width:1360px)
{
    ul.container li.header, ul.container li.main-menu, ul.container li.footer
    {
        width:92%;
        padding:0% 4%
    }
    
    ul.container li.main-menu
    {
        padding-bottom:20px;
    }
}


@media screen and (max-width:1400px)
{
    ul.container li.header, ul.container li.main-menu, ul.container li.footer
    {
        width:98%;
        padding:0% 1%
    }
    
    ul.container li.main-menu
    {
        padding-bottom:20px;
    }
}

@media screen and (max-width:1024px)
{
    ul.container li.main-menu
    {
        display:none;
        width:100%;
        padding:0px;
    }
    
    ul.header li.top-line
    {
        height:30px;
        margin-top:5px;
        background-color: #e0457e;
    }
    
    ul.header-body li.header-gender-links
    {
        display:none;
    }
    
    ul.header-body li.header-gender-links-mobiles
    {
        display:block;
        text-align:center;
        padding-top:10px;
    }
    
    ul.header-body li.header-logo
    {
        width:100%;
    }
    
    ul.header-body li.header-logo img
    {
        height:150px;
    }
    
    ul.header-body li.header-controls
    {
        width:100%;
    }
    
    ul.header-controls
    {
        padding-top:0px;
    }
    
    
    
    ul.header-controls li.header-controls-widget
    {
        width:60%;
        margin:0px 20%;
        text-align:center;
        border-bottom:1px solid #444;
    }
    
    ul.header-controls li.header-controls-widget img, ul.header-body li.header-gender-links-mobiles img
    {
        float:none;
        margin:0px 10px 10px 10px;
        height:60px;
    }
} 


ul.header-controls li.header-search
{
    width:60%;
}

ul.header-controls li.header-search div
{
    width:300px;
    margin:0px auto;
}

ul.header-controls li.header-search input.header-search
{
    float:left;
    margin-top:36px;
    border:0px;
    border-bottom:2px solid #333;
    width:70%;
}



ul.header-controls li.header-search input.header-search:focus
{
    border:0px;
    border-bottom:2px solid #333;
}

ul.header-controls li.header-search img
{
    float:left;
    margin-top:20px;
    height:40px;
}


@media screen and (max-width:1024px)
{
    ul.header-controls li.header-search
    {
        width:90%;
        margin-left:10%;
        text-align:center;
        display:flex;
    }
    
    ul.header-controls li.header-search input.header-search
    {
        margin-top:10px;
    }
    
    ul.header-controls li.header-search img
    {
        margin-top:0px;
    }
    
    ul.header-controls li.header-controls-widget
    {
        display:flex;
        flex-direction: row-reverse;
        justify-content: center;
        
    }
}


nav.main-navigation 
{
    float:left;
    width:100%;
    padding:0px;
}

/*@media screen and (min-width:1441px)
{
    nav.main-navigation 
    {
        float:left;
        width:80%;
        padding:0px 10%;
    }
}*/

ul.M
{
    margin: 0px;
    padding: 0px;
}

li.M
{
    margin: 0px;
    padding: 0px;
}

ul.menu 
{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

ul.menu li
{
    display: block;
    list-style-type: none;
    border-bottom:2px solid #fff;
}

ul.menu li.header-menu-top-control:hover
{
    border-bottom:2px solid #333;
}

ul.menu li a 
{
    display: flex;
    text-align: center;
    text-decoration: none;
    color: #333;
    font-weight:bold;
}
        
ul.sub-menu
{
    padding:20px;
    margin-top:2px;
    margin-left:-100px;
    display: none;
    position: absolute;
    width:630px;
    background-color:white;
}

ul.sub-menu li.sub-menu-item
{
    float:left;
    width:33%;
    font-weight:bold;
}

ul.sub-menu li.sub-menu-item a:hover
{
    text-decoration:underline;
}

/*ul.menu li:hover ul.sub-menu
{
    display: block;
}*/


div.mobile-menu-control
{
    display:none;
    padding:0px 5px;
    position:fixed;
    top:10px;
    right:10px;
    color:#fff;
    font-size:48px;
    background-color:#e0457e;
    border:1px solid #fff;
}

i.menu-mobile-arrow
{
    display:none;
}


ul.sub-menu li.sub-menu-item-top
{
    width:100%;
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom: 1px solid #ddd;
}

ul.sub-menu li.sub-menu-item-top a
{
    float:left;
    width:33%;
    color:#D32E61;
}

ul.sub-menu li.sub-menu-item a:hover
{
    color:#E97DA5;
}


@media screen and (max-width:1024px)
{
    div.mobile-menu-control
    {
        display:block;
        z-index:2000;
    }
    
    ul.header-controls li.header-search input.header-search
    {
        margin-top:10px;
        font-size:18px;
    }
    
    ul.header-controls li.header-search img
    {
        margin-top:0px;
    }
    
    ul.header-controls li.header-controls-widget
    {
        display:flex;
        flex-direction: row-reverse;
        justify-content: center;
        
    }
    
    ul.menu
    {
        display:block;
        width:100%;
        padding:30px 0px;
    
    }
    
    ul.menu li
    {
        display:block;
        width:100%;
    }
    
    ul.menu li a
    {
        display:block;
        width:100%;
    }
    
    
    nav.main-navigation 
    {
        position:fixed;
        top:0px;
        float:left;
        width:100%;
        max-height:90%;
        padding:50px 0px 0px 0px;
        margin:0px;
        background-color:#fff;
        overflow-x:hidden;
        overflow-y:auto;
        z-index:1000;
    }
    
    ul.menu li.header-menu-top-control:hover
    {
        border-bottom:2px solid #fff;
    }
    
    ul.menu li a.header-menu-top-control
    {
        width:60%;
        font-size:20px;
        margin:0px 10%;
        padding:10px 10% 10px 10%;
        text-align:left;
        border-bottom:1px solid #ccc;
    }
    
    ul.menu li.first-item a.header-menu-top-control
    {
        border-top:1px solid #ccc;
    }
    
    
    ul.sub-menu
    {
        position:relative;
        float:left;
        width:100%;
        padding:10px 0px 10px 0px;
        margin:-1px 0px 10px 0px;
        border-top:1px solid #333;
        border-bottom:1px solid #333;
    }
    
    ul.sub-menu li.sub-menu-item
    {
        float:left;
        width:100%;
        padding:0px;
        margin:0px;
        text-align:center;
    }
    
    ul.sub-menu li.sub-menu-item a
    {
        float:left;
        width:55%;
        padding:10px 0px 10px 5%;
        margin:0px 20% 0px 20%;
        font-size:18px;
        text-align:left;
        background-color:#e0457e;
        color:white;
    }
    
    ul.sub-menu li.sub-menu-item a.genders
    {
        background-color:#E045C7;
        
    }
    
    i.menu-mobile-arrow
    {
        display:block;
        float:right;
        margin-top:6px;
        font-size:12px;
        transform: rotate(90deg);
    }
    
    span.popup-control
    {
/*                             float:left; */
    }
    
    ul.sub-menu li.sub-menu-item-top a
    {
        margin:2px 20% 0px 20%;
    }
    
    ul.sub-menu li.sub-menu-item-top
    {
        margin-bottom:10px;
        border-bottom: 0px;
    }
    
}


ul.footer
{
    background-color:#e2e2e2;
    padding-top:30px;
    margin-bottom:30px;
}

ul.footer li.footer-item
{
    /*padding-left:5%;
    width:20%;*/
/*                         background-color:#eee; */
}

ul.footer li.footer-item-links
{
    padding-top:50px;
    background-color:white;
}

ul.footer li.footer-item-sizes
{
    text-align:center;
    padding-bottom:50px;
    background-color:#CFCFCF;
}



ul.footer li.footer-bottom
{
    padding:20px 0px 20px 0px;
    text-align:center;
}

ul.footer-item li.footer-item-header
{
    position:relative;
    padding-bottom:20px;
    color: #e0457e;
    font-weight:bold;
}

ul.footer-item li.footer-item-header-sizes
{
    font-size:24px;
    padding-bottom:20px;
/*     margin-bottom:10px; */
    color: #e0457e;
    font-weight:bold;
}

ul.footer-item li.footer-item-content-sizes
{
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    padding-bottom:20px;
    padding-top:20px;
    background-color:#eee;
}

ul.footer-item li.footer-item-content-sizes a
{
    margin:10px;
}

ul.footer-item li.footer-item-content
{
    padding-bottom:40px;
    
}

ul.footer-item li.footer-item-content a
{
    color:#333;
    font-weight:bold;
    text-decoration:none;
    position: relative;
}


ul.footer-item li.footer-item-content img
{
    width:60px;
    height:60px;
    margin:0px 10px;
}

br.size-divider
{
    display:none;
}

ul.footer-item li.footer-item-header a:before
{
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 80px;
    height: 2px;
    background: #ff5c00;

}

i.footer-item-header-arrow
{
    display:none;
}


ul.footer-item li.footer-item-content a:before 
{
    font-family: FontAwesome;   
    float:left;
    content: '\f192';
    font-size: 8px;
    position: absolute;
    top: 50%;
    left: 0;
    margin : -5px 0px 0px -15px;
    color: #555;
}

ul.footer-item li.footer-item-content
{
    display:block;
}


ul.footer-item-links
{
    margin-left:5%;
    width:20%;
}

@media screen and (max-width:1024px)
{
    ul.footer
    {
        padding-top:0px;
    }
    
    /*ul.footer li.footer-item
    {
        padding-left:10%;
        padding-bottom:20px;
        width:40%;
    }*/
    
    
    ul.footer-item li.footer-item-content img
    {
        width:120px;
        height:120px;
        margin:10px;
    }
    
    /*  ul.footer-item
    {
        margin-top:-10px;
    }*/
    
    ul.footer-item li.footer-item-header-sizes
    {
        border-top:1px solid #999;
        padding-top:20px;
        padding-bottom:20px;
        background-color:white;
    }
    
    ul.footer li.footer-item-sizes
    {
        padding-bottom:30px;
    }
    
    ul.footer-item li.footer-item-content-sizes
    {
        border-top:1px solid #999;
        padding:50px 0px 10px 0px;
        background-color:inherit;
        border-bottom:0px;   
    }
    
    br.size-divider
    {
        display:none;
    }
    
    ul.footer li.footer-bottom
    {
        padding:20px 0px 20px 0px;
        text-align:center;
    }
    
    ul.footer-item li.footer-item-content
    {
        display:block;
    }
    
    ul.footer-item-links
    {
        width:45%;
    }
}

@media screen and (max-width:600px)
{
    ul.header li.top-line
    {
        height:auto;
        margin-top:0px;
        background-color: #e0457e;
        padding-bottom:6px;
    }

    ul.header li.top-line div
    {
        width:90%;
        float:left;
        padding-top:6px;
        margin-right:0px;
        margin-left:10%;
        font-size:20px;
    }
    
    ul.container li.header, ul.container li.footer
    {
        width:100%;
        padding:0px;
    }

    ul.footer li.footer-item
    {
        padding:0px;
        margin:0px 5%;
        width:90%;
    }
    
    ul.footer li.footer-item-links
    {
        background-color:none;
    }
    
    ul.footer-item
    {
        width:100%;
    }
    
    ul.footer-item-links
    {
        margin:0px;
        width:100%;
    }
    
    ul.footer-item li.footer-item-header
    {
        width:90%;
        padding:10px 0px 10px 10%;
        text-align:left;
        background-color:white;
        font-size:24px;
    }
    
    
    ul.footer-item li.footer-item-content
    {
        padding:10px 10% 10px 13%;
        width:77%;
        background-color:#eee;
/*                             text-align:center; */
    }
    
    ul.footer li.footer-item-sizes
    {
        padding-bottom:30px;
    }
    
    ul.footer-item li.footer-item-content-sizes
    {
        padding:20px 0px 0px 0px;
        background-color:inherit;
    }
    
    ul.footer-item li.footer-item-content-sizes img
    {
        margin:15px 10px;
        cursor:pointer;
    }
    
    ul.footer-item li.footer-item-content
    {
        display:none;
    }
    
    ul.footer-item li.footer-item-content a
    {
        float:left;
        padding:10px 0px 10px 0px;
        width:100%;
        font-size:20px; 
        font-weight:normal;
        border-bottom:1px solid #fff;
        
    }
    
    /* ul.footer-item li.footer-item-content a:before{
        content: '> ';
        padding:1px;
        transform: rotate(-90deg);
    }*/
    
                
    br.size-divider
    {
        display:block;
    }
    
    
    i.footer-item-header-arrow
    {
        display:block;
        float:right;
        margin-top:8px;
        margin-right:8%;
        font-size:12px;
        transform: rotate(90deg);
    }
    
}