﻿body {
    margin: 0px;
    font-family: 'Outfit', sans-serif;
}

.el-container {
max-width:1366px;
}

.zia-logobar {
padding-top:20px;padding-bottom:20px;}
.footer a {
color:#ffffff}
.newsletter h4, .pages-links h4 {
    position: relative;
    display: inline-block
}
    .newsletter h4:after, .pages-links h4:after {
        content: '';
        height: 4px;
        width: 25px;
        background-color: #00996e;
        display: block;
        position: absolute;
        right: -40px;
        top: 10px;
    }

.zia-phone {
    float: right;
    display: inline-block;
    background-image: url('../images/call.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 36px;
    padding-left: 56px;
    height: 40px;
    padding-right: 50px;
    border-right: solid 1px #e7e7e7;
    margin-right: 50px;
    margin-top: 10px;
}

.zia-email {
    float: right;
    display: inline-block;
    background-image: url('../images/email.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 30px;
    padding-left: 56px;
    height: 40px;
    margin-top: 10px;
}

.zia-social {
    float: right;
    display: inline-block;
    margin-right: 50px;
    margin-top: 10px;
}

.zia-s-icon {
    background-color: #f1f2f6;border-radius:50%;height:40px;width:40px;text-align:center;display:inline-block;position:relative;
}
    .zia-s-icon svg {
    width:16px;fill:#808080;margin-top:7px;display:inline-block}


    .zia-logo {
        float: left;
        display: inline-block;
    }

.zia-logo img{
    height:70px;
}

.zia-navbar {
border-top:solid 1px #e7e7e7;position:relative;}

    .zia-navbar ul {
    list-style:none;margin:0px;padding:0px;line-height:50px;}

    .zia-navbar ul li {
        list-style: none;
        margin: 0px;
        padding: 0px;display:inline-block;
    }

    .zia-navbar ul li a {
        display:inline-block;padding-left:30px;padding-right:30px;
    }

.el-slide {
    height: 500px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.ap-PageTitle {
    padding: 15px;
    background-color: #e7e7e7;
    background-image: url('../images/slider.jpg');background-position:bottom center;background-size:cover
}

    .ap-PageTitle h1 {
        padding: 0px;
        margin: 0px;
        font-size: 28px;
        color: #808080;
    }

.ap-breadcrmb {
    font-size: 10px;
    background-color: #ECECEC;
    padding: 5px 20px 5px 20px;
    line-height: 40px;
}

.pal-innercontent {
    padding-bottom: 80px;
}

.zia-products {
    background-color: #F8F5F1;
}

.zia-p-col h4 {
    margin: 0px;
    padding-top: 50px;
    padding-bottom: 50px;
    color: #EE5A32;font-size:22px;
}

.zia-p-summary p {
    margin: 0px;
    padding:0px;
    font-size:16px;width:60%;display:inline-block;
}


.zia-p-heading h2 {
    margin: 0px;
    padding-top: 50px;
    padding-bottom: 50px;
    color: #000000;
    font-size: 42px;
}

.zia-p-slides {
padding-left:0px;padding-right:0px;}

.slide-item {
    background-color: #ffffff;

    border-radius: 10px;overflow:hidden;
}


    .slide-item.bordered {
    border:solid 1px #cccccc;}


    .slide-item-inner {
        padding: 20px;
    }

.slide-icon {
    height: 100px;
}

.owl-carousel .owl-item .slide-icon img {
    width: initial;
}

.slide-cat {
color:#808080;text-transform:uppercase;padding-top:10px;font-size:12px;}

.slide-heading {
    color: #000000;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 16px;
    height:50px;
}

.slide-summary {
    color: #808080;
    padding-bottom: 20px;
    font-size: 16px;
    height:130px;
    overflow:hidden;
}

.slide-image {
    height: 150px;
    background-position: center center;
    background-size: 40%;
    position: relative;
    background-repeat: no-repeat;
    border-top: solid 1px #cccccc;
    /*background-color: #ECECEC;*/
}

.mainpagelinks .slide-image {
    height: 150px;
    background-position: center center;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
    border-top: solid 1px #cccccc;
    /*background-color: #ECECEC;*/
}

.slide-image a {
    display: block;
    position: absolute;
    top: -25px;
    left: 20px;
}

    .slide-image a.full {
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        right:0px;
        bottom:0px;
    }
.zia-p-slides {
position:relative;}
.zia-slide-bottom {
    position: absolute;
    height: 150px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #1E1E22;
}

.zia-getintouch {
    background-color: #1E1E22;
    padding-top:50px;padding-right:60px;padding-left:60px;
}


.zia-g-holder {
    background-color: #00996E;
    padding-top: 30px;
    padding-bottom: 30px;
   
}
.zia-g-button {
    padding-right: 30px;
}
    .zia-g-button a {
        background-color: #0B3B5E;
        height: 40px;
        padding-left: 30px;
        padding-right: 30px;
        color: #ffffff;
        display: inline-block;
        line-height: 40px;
        float: right;
        border-radius: 5px;
    }

.zia-g-heading {
    color: #ffffff;
    font-size: 40px;
    padding-left: 30px;
    line-height: 40px;
}

.pro {
text-align:center;height:250px;border:solid 1px #cccccc;}
.pro-image {
height:150px; background-size:60%;background-repeat:no-repeat;background-position:center center;margin-bottom:30px;margin-top:30px;}

.content {
padding-bottom:130px;text-align:center;margin:auto;}
    .image-container, .content td {
        text-align: center;
    }
.image-container img {
    height: 400px;
}
