@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;500;700&display=swap');
*{
    font-family: 'Montserrat', sans-serif;
}
body{
    margin:0px; padding:0px;    
}
.topbg{
    background:#fff url('../images/topbg.jpg') top left no-repeat;
    background-size: 100%;
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
}
.topbg .col-md-12 {
    padding: 0px;
}
.toplogos{ 
    /* width:100%; */
    /* max-width: 200px; */
    max-height: 150px;
}
.topbar h1{    
    font-size:2.5em;
    color:#e0383f;
    text-align: center;
    font-weight: bold;
}
.topbar h2{
    font-size:2em;
    color:#0c2e5c;
    text-align: center;
    font-weight: normal;
}
.brandsbox{
    text-align: center;
    padding-top:40px;
}
.brandsbox h4{
    font-size:1.5em;
    color:#e0383f;
    font-weight: bold;
    padding-top: 40px;
}
.brandsbox .productimg{
    height:230px;
}
.brandsbox .subtitle{
    font-size:1em;
    color:#0c2e5c;
}
.brandsbox .brands{height: 30px;}

.footerbg{background: url('../images/footerbg.png') bottom right no-repeat; background-size: auto 300px; padding-top:40px;}
.footerbg h4{
    font-size:1.5em;
    color:#e0383f;
    text-align: left;
    font-weight: bold;
    padding-top: 20px;
}
.footerbg p{
    font-size:1em;
    color:#0c2e5c;
    text-align: left;
    font-weight: normal;
}
ul.iconlists{}
ul.iconlists li{}
ul.iconlists li:nth-child(1){list-style-image: url('../images/icon2.gif');}
ul.iconlists li:nth-child(2){list-style-image: url('../images/icon1.gif');}
ul.iconlists li:nth-child(3){list-style-image: url('../images/icon-4.gif');}
ul.iconlists li:nth-child(4){list-style-image: url('../images/icon3.gif');}
ul.iconlists li:nth-child(5){list-style-image: url('../images/icon4.gif');}

.contactformbox{margin-bottom:20px;background:#ffffff;border-radius:20px;padding:20px 30px;border:1px solid #f3f3f3; box-shadow: 0px 7px 10px 0px #0000004d;}
.contactformbox h4 {
    color: #000000;
}
label{float:left!important;width:100%!important;display:block!important;}
input[type='text'], input[type='number'], input[type='email'] {float:left;width:100%;margin:5px auto;}
textarea{float:left;width:100%;margin:5px auto;}
input[type='button']{background:#6cbca3;color:#fff;border:none;padding:10px 20px;}
.footer .footertitles{background:#1d285c;color:#fff;padding: 0px;overflow: hidden;}
.footer .footertitles ul {
    display: flex;
    justify-content: center;
    margin:0px;
}
.footer .footertitles ul li {
    padding: 10px 47px;
    list-style-position: inside;
    font-size:1.2em;
}
.footer .footertitles ul li:first-child {
    list-style-type: none;
}
.footer .footertitles  .gradientfooter{padding: 0px;}
.gradientfooter .container{margin:0px;padding:0px;}
.gradientfooter .greengradient, .gradientfooter .bluegradient {float:left;width:49.75%;height:20px;}
.gradientfooter .greengradient{
    float:left;
    margin-right:0.50%!important;
    background: rgb(11,175,77);
background: radial-gradient(circle, rgba(11,175,77,1) 0%, rgba(140,198,63,1) 100%);
}
.gradientfooter .bluegradient{
    float:right!important;
    background: rgb(0,103,180);
background: radial-gradient(circle, rgba(0,103,180,1) 0%, rgba(0,173,238,1) 100%);
}
textarea.wpcf7-form-control.wpcf7-textarea.form-control {
    height: 100px!Important;
}

@media (max-width:700px){
    .footer .footertitles ul {
        display: flex!important;
        justify-content: right!important;
        margin: 0px!important;
    }
    .footer .footertitles ul li {
        padding: 10px 5px!important;
        list-style-position: inside!important;
        font-size: 0.75em!important;
        text-wrap: nowrap!important;
    }
    
    
}

@media (max-width:600px){
    .formbox{
        order:1;
    }
    .contentbox{
        order: 2;
    }
    .rheem{
        order:1;
        width: 50%;
    }
    .title{
        order:3;
        padding-top: 25px;
    }
    .american{
        order:2;
        width: 50%;
    }
    .footerbg {
        background-size: auto 36px!important;
    }
}