html
{
    width: 100%;
    height: 100%;
    min-height:100%;
    padding:0px;
    margin:0px;
}

body
{
    float:left;
    width:100%;
    padding:0px;
    margin:0px;
/*     font-family: 'Trebuchet MS', Helvetica, sans-serif; */
}

header, main, article, section,footer
{
    float:left;
    width:100%;
    padding:0px;
    margin:0px;
}


ul.W
{
    list-style:none;
    float:left;
    width:100%;
    padding:0px;
    margin:0px;
}

li.I
{
    float:left;
    width:100%;
    padding:0px;
    margin:0px;
}

a{color:#29292b;}
a:hover{text-decoration:none;}



/*                                           */
ul.header-top
{
    font-size:12px;
    font-weight:bold;
    padding-bottom:20px;
}

ul.header-top-links li.top-link a
{
    padding-right:10px;
    color: #494949;
    font-size:12px;
    font-weight:bold;
}

ul.header-top-login a
{
    color: #494949;
}

ul.header-top li.header-top-links
{
    width:40%;
}

ul.header-top li.header-top-currency
{
    width:15%;
}


ul.header-top li.header-top-translate
{
    width:15%;
}

ul.header-top li.header-top-login
{
    float:right;
    width:20%;
}


ul.header-top-login img
{
    float:left;
    padding-right:5px;
}

ul.header-top-login a
{
    float:left;
    padding-right:10px;
}

@media screen and (max-width:427px)
{
    ul.header-top-links li.top-link a
    {
        font-size:12px;
    }
    
    ul.header-top li.header-top-translate
    {
        width:100%;
        padding:0px;
        text-align:center;
    }
    
    ul.header-top li.header-top-login
    {
        width:80%;
        padding:0px;
        padding-left:20%;
        padding-top:10px;
        text-align:center;
    }
    
}

@media screen and (min-width:428px) and (max-width:600px)
{
    ul.header-top-links li.top-link a
    {
        font-size:14px;
    }
    
    ul.header-top li.header-top-translate
    {
        width:40%;
    }
    
    ul.header-top li.header-top-login
    {
        width:50%;
        padding:0px;
        padding-left:10%;
        padding-top:3px;
        text-align:center;
    }
}


@media screen and (max-width:600px)
{
    ul.header-top li.header-top-links
    {
        width:100%;
        padding-bottom:10px;
    }
    
    ul.header-top-links li.top-link a
    {
        float:left;
        width:50%;
        padding:0px;
        margin:0px;
    }
    
    ul.header-top li.header-top-currency
    {
        width:100%;
        padding-bottom:10px;
        text-align:center;
    }
    
}


@media screen and (min-width:601px) and (max-width:1100px)
{
    ul.header-top li.header-top-links
    {
        width:100%;
        padding-bottom:10px;
    }
    
    ul.header-top-links li.top-link a
    {
        width:25%;
        padding:0px;
        margin:0px;
        font-size:14px;
    }
    
    ul.header-top li.header-top-currency
    {
        width:30%;
        padding-bottom:10px;
        text-align:center;
    }
    
    ul.header-top li.header-top-translate
    {
        width:30%;
    }
    
        ul.header-top li.header-top-login
    {
        width:40%;
        padding:0px;
        padding-left:0;
        padding-top:3px;
        text-align:center;
    }
    
}

/*                                           */


ul.header-main li.header-main-logo
{
    width:50%;
}

ul.header-main li.header-main-cart
{
    width:50%;
}

ul.logo li.logo-image
{
    width:55%;
    padding-right:5%;
    text-align:right;
}

ul.logo li.header-contacts
{
    width:40%;
}

ul.logo li.header-contacts span
{
    color:#e23171;
}

ul.logo li.header-contacts span.removable
{
    color:#000;
}


ul.logo li.header-callback
{
    text-align:center;
}

ul.logo li.header-callback input.callback
{
    height:25px;
    width:200px;
    padding-left:10px;
    border:1px #494949 solid;
}

ul.logo li.header-callback input.order-callback
{
    height:30px;
    padding-left:10px;
}

@media screen and (max-width:427px)
{
    ul.logo li.header-contacts
    {
        font-size:12px;
    }
    
    ul.logo li.header-callback input, ul.logo li.header-callback input.callback 
    {
        float:left;
        width:46%;
        margin:0px 1%;
        padding:2px 1%;
        font-size:12px;
    }
}


@media screen and (max-width:600px)
{
    li.header-contacts br.removable
    {
        display:none;
    }
    
    li.header-contacts span.removable
    {
        display:none;
    }
    
    ul.logo li.header-contacts
    {
        padding-top:5px;
        padding-bottom:10px;
    }
}

@media screen and (max-width:1100px)
{
    ul.header-main li.header-main-logo
    {
        width:100%;
    }
    
    ul.logo li.logo-image
    {
        width:100%;
        padding-right:0px;
        text-align:center;
    }
    
    ul.logo li.header-contacts
    {
        width:100%;
        text-align:center;
    }
    
    ul.logo li.header-callback
    {
        padding-bottom:10px;
    }
    
    ul.header-main li.header-main-cart
    {
        width:100%;
    }
}


/*                                           */



ul.order li.cart-link
{
    padding-top:7px;
    padding-left:40px;
    width:427px;
}

ul.order li.cart-link div
{
    display:inline;
}

ul.order li.cart-link span
{
    color:#fff;
    font-size:12px;
}


ul.cart li.header-search
{
    padding-top:10px;
}

ul.cart li.header-search input
{
    float:left;
    height:25px;
    width:385px;
    padding-left:10px;
    border:1px #494949 solid;
    border-right:0px;
}

ul.cart li.header-search img
{
    float:left;
}

@media screen and (max-width:476px)
{
    ul.order
    {
        margin-bottom:10px;
        background-image: none;
        height:auto;
    }

    ul.cart
    {
        width:100%;
        padding-left:0px;
        padding-right:0px;
        margin-left:0px;
        margin-right:0px;
    }
    
    ul.order
    {
        background-size:contain;
        font-size:12px;
    }
    
    ul.cart li.header-search input
    {
        width:80%;
    }
    
    ul.order li.cart-link
    {
        padding-top:7px;
        padding-left:0;
        width:100%;
    }
    
    ul.order li.cart-link div
    {
        float:left;
        width:100%;
        text-align:center;
        font-size:14px;
    }
    
    ul.order li.cart-link div a
    {
        font-size:14px;
    }
    
    ul.order li.cart-link span
    {
        float:left;
        width: 60%;
        margin:5px 20% 0px 20%;
        padding:10px 0px;
        background: linear-gradient(to bottom, #7A7A7A 0%, #282828 100%);
        text-align:center;
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
    }
    
    ul.order li.cart-link span i
    {
        display:none;
    }
    
}

@media screen and (min-width:477px) and (max-width:700px)
{   
    ul.cart li.header-search
    {
        padding-top:0px;
    }
    
    ul.order li.cart-link
    {
        padding-top:7px;
        width:387px;
    }
    
    ul.cart
    {
        float:none;
        width:427px;
        margin:0px auto;
    }
}

@media screen and (min-width:701px) and (max-width:1100px)
{
    ul.cart li.order
    {
        width:427px;
    }
    
    ul.cart li.header-search
    {
        float:right;
        padding-top:5px;
        width:30%;
    }
    
    ul.cart li.header-search input
    {
        width:60%;
    }
}

/*                                           */

ul.container li.main-menu
{
    text-align:center;
}

div.main-menu
{
    margin:20px 0px;
    padding-top:10px;
    padding-bottom:10px;
    background: linear-gradient(to bottom, rgba(247,94,149,0.57) 0%,rgba(245,91,146,0.57) 4%,rgba(207,11,82,1) 100%);
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}


div.main-menu a.main-menu-item
{
    padding:10px 10px;
    color: #fff;
    text-decoration:none;
}

div.main-menu-hamburger
{
    display:none;
    width:50px;
    height:35px;
    background: linear-gradient(to bottom, rgba(247,94,149,0.57) 0%,rgba(245,91,146,0.57) 4%,rgba(207,11,82,1) 100%);
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

div.main-menu-hamburger img
{
    float:right;
    height:30px;
    padding-top:3px;
    padding-right:20%;
}

div.main-menu a.main-menu-item:hover
{
    background-color:#9B0049;
}

@media screen and (max-width:427px)
{
    
    div.main-menu
    {
        width:60%;
    }
    
    div.main-menu-wrapper
    {
        right:5px;
    }
    
    div.main-menu a.main-menu-item
    {
        padding:5px 10px;
    }
}

@media screen and (min-width:428px) and (max-width:1100px)
{
    div.main-menu-wrapper
    {
        right:30px;
    }
    div.main-menu
    {
        width:40%;
    }
}


@media screen and (max-width:1100px)
{
    div.main-menu-wrapper
    {
        position: fixed;
        top:0;
        
        z-index:1000;
    }
    
    div.main-menu-hamburger
    {   
        float:right;
        width:50px;
        display:block;
    }
    
    div.main-menu
    {
        float:right;
        display:none;
        margin:0px;
        margin-top:30px;
        margin-right:-50px;
        background:rgba(207,11,82,1);
        border-radius:0px 5px 5px 5px;
        -moz-border-radius:0px 5px 5px 5px;
        -webkit-border-radius:5px 0px 5px 5px;
        font-weight: bold;
        font-size: 18px;
    }
    div.main-menu a
    {
        float:left;
        width:88%;
        padding-left:15%;
        text-align:left;
    }
}

/*                                           */


ul.footer-main
{
    width:80%;
    padding:20px 10%;
    height:230px;
}

ul.footer-main li.footer-links a
{
    padding-right:5px;
    color:#c5c5c5;
    font-size:16px;
}

ul.footer-main li.footer-links
{
    width:70%;
}

ul.footer-main li.footer-contacts
{
    width:30%;
    color:#c5c5c5;
}

ul.footer-contacts
{
    padding-top:40px;
}

ul.footer-contacts li.footer-contacts-email
{
    padding-top:20px;
}

ul.footer-copyright
{
    width:60%;
    padding:0px 20%;
    font-size:10px;
    color:#fff;
}

ul.footer-copyright li.copyright-text
{
    width:60%;
}

ul.footer-copyright li.copyright-period
{
    width:40%;
    text-align:center;
}

ul.footer-main li.footer-links br
{
    display:none;
}


@media screen and (max-width:427px)
{
    ul.footer-main li.footer-links a
    {
        font-size:13px;
    }

    ul.footer-copyright
    {
        font-size:8px;
    }
    
    ul.footer-contacts
    {
        font-size:13px;
    }
    
    ul.footer-copyright li.copyright-text
    {
        text-align:justify;
        padding-bottom:5px;
    }
}


@media screen and (min-width:428px) and (max-width:1300px)
{
    
}

@media screen and (max-width:1300px)
{   
    ul.footer-main li.footer-links
    {
        width:100%;
    }
    
    ul.footer-main li.footer-contacts
    {
        width:100%;
    }
    
    ul.footer-contacts
    {
        text-align:center;
    }
    
    ul.footer-copyright
    {
        width:90%;
        padding:0px 5%;
    }
    
    ul.footer-copyright li.copyright-text
    {
        width:100%;
    }
    
    ul.footer-copyright li.copyright-period
    {
        width:100%;
    }
    ul.footer-main li.footer-links br
    {
        display:inline;
    }
}