body
{
    font-family: 'Play', sans-serif;
    color:#29292b;
}
/*font-family: 'Play', sans-serif;
font-family: 'Roboto', sans-serif;*/
ul.header
{
/*                                 padding-top:10px; */
}
ul.header li.logo
{
    width:49%;
    margin-right:1%;
    text-align:right;
    padding-top:10px;
}

ul.header li.logo img
{
    max-height:60px;
}

ul.header li.phone
{
    width:49%;
    margin-left:1%;
    font-size:34px;
    font-weight:bold;
    padding-top:20px;
}

ul.header li.phone div
{
    float: right;
    padding-right:25%;
}

ul.header li.phone span
{
    float: left;
}

ul.header li.phone i
{
    padding:0px 10px;
    cursor:pointer;
}


ul.header li.tagline
{
    text-align:center;
    background-color:#f2f3f9;
}

ul.header-menu
{
/*                                 margin-top:10px; */
    box-shadow: 0 6px 8px rgba(110,123,157,.17);
    z-index: 999;
}


ul.header-menu li.menu-item
{
    width:25%;
    text-align:center;
    padding:10px 0px;
    font-size:24px;
}

ul.products
{
    width:80%;
    padding:0px 10%;
}

ul.product
{
/*                                 border-bottom:1px solid #ddd; */
    padding:10px 0px;
}

ul.product li.product-name
{
    width:60%;
    border-right:1px solid #ddd;
}
ul.product li.product-description
{
    width:36%;
    padding-left:3%;
}

ul.product-name li.product-image img
{
    max-width:100%;
    max-height:400px;
}

@media screen and (max-width:960px)
{
    ul.header li.tagline
    {
        padding:10px 5%;
        width:90%;
    }
    
    ul.header li.tagline h1
    {
        font-size:18px;
    }
    ul.header li.logo
    {
        width:100%;
        margin:0px;
        text-align:center;
    }
    
    ul.header li.phone
    {
        width:100%;
        padding:0px;
        margin:0px;
    }
    
    ul.header li.phone span
    {
        width:100%;
        text-align:center;
    }
    
    ul.header li.phone div
    {
        width:100%;
        text-align:center;
        padding-top:10px;
        padding-right:0px;
    }
    
    
    
    ul.products 
    {
        width:90%;
        padding:0px 5%;
    }

    
    ul.product li.product-name
    {
        width:100%;
    }
    ul.product li.product-description
    {
        width:100%;
        padding-left:0px;
    }
    
    ul.product li.product-name
    {
        border:0px;
    }
    
    ul.product-name li.product-name-text
    {
        width:95%;
        margin:0px;
        
    }
    
    ul.product-name li.product-image img
    {
        width:90%;
        padding:0px 5%;
        max-height:none;
    }
    
    ul.product-price li.product-price-actual
    {
        text-align:center;
    }
    
    ul.container li.map
    {
        width:99.6%;
    }
    
}

ul.product-description li.product-description-short
{
    font-family: 'Roboto', sans-serif;
}


ul.product-description li.product-description-full
{
    display:none;
}                            




ul.product-name li.product-name-text
{
    border-bottom:1px solid #ddd;
    width:85%;
    margin:0px 5%;
    padding-left:5%;
}

ul.product-name li.product-image
{
    text-align:center;
}


button.buy-now
{
    padding:10px 0px;
    margin:0px 10%;
    width:80%;
    border:0px;
    font-size:24px;
    font-weight:bold;
    background-image: linear-gradient(to right,#0f9447 20%,#8ec942);
    color:white;
    cursor:pointer;
}

button.buy-now:hover
{
    box-shadow:0 10px 30px 0 rgba(30,31,34,.5);
}



ul.product-price
{
    width:95%;
    padding-left:5%;
}

ul.product-price li.product-price-actual
{
    font-size:24px;
    font-weight:bold;
    color:#0f9447;
    text-align:center;
    padding-top:10px;
}

ul.product-price li.product-price-actual-catalog
{
    height:50px;
    text-align:center;    
    font-size:18px;
    font-weight:bold;
    color:#0f9447;
}

ul.product-price li.product-price-actual s
{
    font-size:16px;
    font-weight:normal;
    color:#838386;
}

ul.product-price li.product-delivery
{   
    font-style:italic;
}


ul.product-description
{
    width:90%;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    margin-top:25px;
    padding:25px 5% 25px 5%;
    color:#838386;
    
}

ul.product-description li.product-description-control
{
    text-align:center;
}

ul.product-description li.product-description-control i
{
    font-size:40px;
    cursor:pointer;
}

ul.product-buy-now
{
    padding-top:25px;
}
                
ul.sub-products li.sub-products-control
{
    margin-top:10px;
    text-align:center;
    cursor:pointer;
    font-size:36px;
    color:#ffec17;
    background: linear-gradient(to right,#8ec942 50%,#0f9447 120%);
}

ul.sub-products li.sub-products-control:hover
{
    box-shadow:0 10px 30px 0 rgba(30,31,34,.5);
}


ul.sub-products li.sub-products-catalog
{
    padding-bottom:20px;
    border-bottom:1px solid #ddd;
}

ul.sub-products-catalog li.sub-product-item
{
    width:23%;
    margin:0px 1%;
}

@media screen and (min-width:961px) and (max-width:1400px)
{
    ul.sub-products-catalog li.sub-product-item
    {
        width:48%;
        margin:0px 1%;
    }
    
    ul.products 
    {
        width:90%;
        padding:0px 5%;
    }
}

ul.sub-product-name li.sub-product-image
{
    text-align:center;
    height:300px;
}

ul.sub-product-name li.sub-product-image img
{
    max-width:100%;
    max-height:100%;
}

@media screen and (max-width:960px)
{
    
    ul.sub-product-name li.sub-product-image
    {
        width:90%;
        padding:10px 5%;
        height:auto;
    }
    
    ul.sub-products-catalog li.sub-product-item
    {
        width:100%;
    }
    
    ul.sub-product-name li.sub-product-name-text
    {
        height:none;
    }
    
    ul.product-buy-now
    {
        padding:10px 0px 20px 0px;
    }
}






ul.sub-product-description li.sub-product-description-short
{
    width:90%;
    padding:10px 5%;
    font-size:14px;
    font-family: 'Roboto', sans-serif;
    color:#838386;
    height:60px;
    overflow:hidden;
}

ul.sub-product-description li.sub-product-description-control
{
    text-align:center;
    font-size:24px;
    cursor: pointer;
}
ul.sub-products li.sub-products-catalog
{
    display:none;
}

ul.sub-product-name li.sub-product-name-text
{
    height:80px;
}
                    
ul.container li.footer
{
    width:80%;
    height:500px;
    margin-top:10px;
    padding:0px 10%;
}

ul.footer li.footer-article
{
    width:29%;
    margin:20px 2% 0px 2%;
    height:460px;
    background-color: white;
}

@media screen and (max-width:960px)
{
    ul.container li.footer
    {
        height:1500px;
    }

    ul.footer li.footer-article
    {
        width:96%;
        margin:20px 2% 0px 2%;
        height:460px;
        background-color: white;
    }
}

@media screen and (max-width:1400px)
{
    ul.container li.footer
    {
        width:90%;
        margin-top:10px;
        padding:0px 5%;
    }
}


ul.footer li.footer-article:hover
{
    box-shadow:0 0 30px 0 rgba(226, 255, 226,.5);
}

ul.footer li.footer-article h3
{
    color:#0f9447;
    font-size:24px;
}
ul.footer li.footer-article div
{
    color:#838386;
    padding:0px 10%;
    font-family: 'Roboto', sans-serif;
}

ul.footer li.footer-delivery div
{
    font-size:24px;
    text-align:center;
    font-weight:bold;
    padding:20px 0px;
    margin:0px 20px;
}

ul.footer li.footer-warranty div
{
    font-size:24px;
    text-align:center;
    font-weight:bold;
    padding:20px 0px;
    margin:0px 20px;
}

ul.footer li.footer-contacts div
{
    font-size:24px;
    text-align:center;
    font-weight:bold;
    padding:20px 0px;
    margin:0px 20px;
}

@media screen and (min-width:1400px)
{
    ul.product-price li.sub-product-name-text
    {
        height:60px;
    }
}


@media screen and (min-width:1281px) and (max-width:1650px)
{
    ul.footer li.delivery div
    {
        font-size:20px;
    }
    
    
    ul.footer li.contacts div
    {
        font-size:20px;
    }
    
    
    
}

@media screen and (min-width:961px) and (max-width:1280px)
{
    ul.footer li.delivery div
    {
        font-size:16px;
    }
    
    
    ul.footer li.contacts div
    {
        font-size:16px;
    }
}

@media screen and (max-width:480px)
{
    ul.footer li.delivery div
    {
        font-size:18px;
    }
    
    
    ul.footer li.contacts div
    {
        font-size:18px;
    }
}
    
ul.modal-container li.loading
{
    display:none;
}

ul.sing-in li.header
{
    text-align:center;
    font-size:24px;
}

ul.sing-in li.email input, ul.sing-in li.password input
{
    float:left;
    width:80%;
    padding:5px 5%;
    margin:5px 5%; 
}


ul.sing-in li.submit button
{
    text-align:center;
    float:left;
    width:80%;
    padding:10px 0;
    margin:5px 10%;
    background-image: linear-gradient(to right,#0f9447 20%,#8ec942);
    color:white;
    border:0px;
    cursor: pointer;
}

ul.sing-in li.error
{
    text-align: center;
    color: red
}