@import url('/static/css/delivery_info.css');
@import url('/static/css/o.slick.css?v=1');

h1 {
    font-size:24px;
    margin: 1em 0;
}
.bbps .bbp {
    height:380px;
    width:100%;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
}
.bbps .bbp .bbp-content {
    width:25%;
    color:white;
    height:300px;
    padding-right:20px;
    position:static;
    bottom:auto;
}
.bbps .bbp .bbp-content .h1 {margin-bottom:30px;}
.bbps .bbp .bbp-content .text {
    color:#efefef;
    margin-bottom:30px;
}
.bbps .bbp .bbp-content .btn {
    color:white;
    font-weight:400;
    margin-bottom:10px;
}
.bbps .bbp.dark .bbp-content,
.bbps .bbp.dark .bbp-content .btn {
    color:black;
}
.bbps .bbp.dark .bbp-content .text {
    color:#111111;
}
.lead-text {font-size:45px;font-weight:900;line-height:1.2;margin:0.2em 0;}

.clients .card.client {
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
    height:300px;
}
.clients {padding-bottom:30px;}
.clients .h1 {
    margin-bottom:30px;
}
.clients .card.sm-h .icon {display:block;height:50px;background-position:center;width:50px;margin-right:20px;}
.clients .card.sm-h .icon.icon-angle-right {width:20px;margin-right:0;}
.clients .card.sm-h {
    padding:30px;
    line-height:24px;
    color:black;
    font-size:20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:140px;
    margin-bottom:20px;
    background-color:#F5F4EF;
}

._lead-container {
     padding-top:30px;
     padding-bottom:0;
}
.delivery-info-container {padding-top:35px;margin-bottom:30px;}
.delivery-info {padding:30px 0;}
.delivery-info h2 {margin-bottom:30px;}

.homepage-search-container {
    padding: 4em;
}
.homepage-search-container .wrapper {
    max-width: 900px;
    margin: 0 auto;
    padding: 1em 0;
    border: solid 3px #FFB800;
    display:flex;
    justify-content: space-between;
}
.homepage-search-container .wrapper .homepage-search {
    width: 50%;
    display: flex;
    justify-content: center;
    padding-top: 2em;
}
.homepage-search-container .wrapper .homepage-search-anno {
    width: 50%;
}
.homepage-search-container .wrapper .homepage-search-anno .phone {
    font-size: 27px;
    text-decoration: none;
    display: block;
    font-weight: bold;
    margin-top: 10px;
}
.homepage-search .header-search-form {
    width: 100%;
}

.solution-slides {
    display: flex;
    flex-direction:row;
    justify-content:center;
}
.solution-slide {
    height:380px;
    width: 30%;
    margin: 1em;
    background-size: cover;
    position: relative;
    border-radius:15px;
    text-decoration: none;
}
.solution-slide .solution-content {
    background-color: #FFB800;
    border-radius: 15px;
    border-top-left-radius: 50% 20px;
    border-top-right-radius: 50% 20px;

    
    position: absolute;
    bottom: 0;
    flex-direction: column;
    align-items:center;
    justify-content: flex-end;
    /*border: solid 1px gray;*/
    padding: 0 1em 1em;
    color: black;
}
/*.solution-slide .solution-content .img {
    height:90px;
    width:90px;
}*/
/*.solution-slide .solution-content .img img {width: 100%;display: block;}*/
.solution-slide .solution-content .title {margin:0;font-size:1.4em;line-height: 1.2em;font-weight:bold;text-align: center;padding:1em 1em 0;}
.solution-slide .solution-content .short-description {margin: 0;font-size:1em;text-align: center;padding:1em 1em 0;}
.solution-slide .solution-content .price {
    margin: 0;font-size:1.5em;text-align: center;padding:1em 1em 0;font-weight:bold;
}
.row-h {
    height: 160px;
    position: relative;
    overflow: hidden;
}
.read-more {
    cursor: pointer;
}
.read-more:hover {
    color: #FFB800;
}

@media (max-width: 1000px) {
    .creamy._alt {
        background:white;
    }
    ._banners {padding-bottom:10px;}
    ._banners .slick-dots {bottom:-20px;}
    .bbps .bbp {
        height:200px;
        display:block;
        padding-top:100px;
        background-size:cover;
        background-position:top center;
    }
    .bbps .bbp .bbp-content {
        width:100%;
        color:white;
        height:200px;
        padding-right:0;
        position:static;
        bottom:auto;
    }
    .bbps .bbp .bbp-content .h1 {color:white;margin-bottom:10px;font-size:18px;}
    .bbps .bbp .bbp-content .text {
        display:none;
        color:#A9A9A5;
        margin-bottom:20px;
        font-size:14px;
    }
    .bbps .bbp .bbp-content,
    .bbps .bbp .bbp-content .btn {
        color:white;
    }
    .bbps .bbp .bbp-content .btn {
        height:40px;
        line-height:38px;
        font-size:12px;
        font-weight:500;
    }

    ._lead-container {
        /* padding:10px 0 10px; */
    }
    .lead-text {margin-bottom:20px;}
    .clients .card.client {
        height:150px;
    }
    .tiles {padding-top:20px;}
    .tiles .tile {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .tiles .card {display:none;}
    .tiles .card.category-card {padding-top:0;display:flex;height:45px;flex-flow: row;align-items:flex-start;justify-content:flex-start;flex-wrap:nowrap;}
    .card.category-card {margin-bottom:20px;}
    .card.category-card .name {font-weight:400;order:2;display:block;flex:1 1 auto;padding:0 0 0 10px;}
    .card.category-card .image-container {margin-bottom:0;order:1;position:relative;width:auto;display:block;flex:0 0 auto;padding:0;height:45px;}
    .card.category-card .image-container img {width:45px;height:45px;}

    .clients .h1 {text-align:center;}
    ._so {display:none;}
    .clients .card.sm-h {
        height:70px;
        padding:20px;
        margin-bottom:10px;
        width:auto;
    }
    ._social-tiles .card span {
        font-size:14px;
        line-height:1.2;
    }
    .clients .card.sm-h .icon {
        display:none;
    }
    .delivery-info-container {padding-top:0px;}
    .delivery-info {padding:10px;}
    .delivery-info h2 {font-size:20px;text-align:center;}

    .goto-catalog a {width:80%;font-size:14px;border-radius:15px;height:30px;line-height:30px;background:#E5E5E5;text-align:center;display:block;margin:10px auto;text-decoration:none;color:black;}

    .homepage-search-container {padding: 1em;}
    .homepage-search-container .wrapper {flex-direction: column;padding: 1em;}
    .homepage-search-container .wrapper .homepage-search {width: 100%}
    .homepage-search-container .wrapper .homepage-search-anno {width: 100%;}
    .solution-slides {
        flex-direction:column;
        justify-content:center;
        padding:1em;
    }
    .solution-slides .solution-slide {
        width: 100%;
        margin: 0.5em 0;
    }

    .by-type-container .h1 {
        text-align: center;
    }
    .by-type-container .row {

    }
    .by-type-container .row .tile {
        flex: 50% 0 0;
    }
    .by-type-container .row .tile .card {
        display: block;
        height: 250px;
    }
    .form-container .h1 {
        text-align: center;
    }
}