.access-link a,
.product-link,
.template-banner-wrap {
    display: inline-block;
    color: #fff
}

.all-templates-wrap ul li a,
.template-nav li a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.product-link,
.testimonial .author-name {
    font-family: var(--zf-primary-semibold), Arial, Helvetica, sans-serif
}

.template-banner-wrap {
    position: relative;
    width: 100%
}

.template-banner-wrap .content-wrap {
    margin: 120px auto;
    max-width: 720px;
    text-align: center
}

.product-link {
    background: url(/sites/default/files/zoho-logo-guidelines-sample.png) left top/105px auto no-repeat rgba(0, 0, 0, 0);
    font-size: 28px;
    height: 36px;
    line-height: 43px;
    margin: 0 0 12px;
    padding-left: 115px;
    position: relative;
    text-decoration: none;
    width: auto
}

.product-link:hover {
    color: #fff
}

.access-link {
    margin: 30px auto 60px
}

.template-banner-wrap .content-wrap>img {
    margin: 0 auto -60px
}

.access-link a {
    padding: 5px 30px;
    cursor: pointer;
    text-transform: uppercase;
    border: 1px solid #f0483e;
    background: #f0483e
}

.template-nav>p {
    background: rgba(0, 0, 0, .7);
    color: #fff;
    padding: 5px 25px
}

.template-nav {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: rgba(15, 24, 32, .6);
    box-sizing: border-box;
    min-width: 220px;
    max-width: 320px;
    z-index: 90
}

.more-templates:before,
.template-nav li a:before {
    content: "";
    height: 18px;
    left: 0;
    top: 5px;
    transition: all .5s ease 0s;
    width: 9px
}

.template-nav ul {
    padding: 0 25px
}

.template-nav li {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    font-size: 13px;
    min-width: 220px;
    padding: 10px 0
}

.template-nav li a {
    display: block;
    padding-left: 20px;
    position: relative;
    color: #fff
}

.template-nav li a:hover {
    color: #e47268
}

.template-nav li a:before {
    background-position: -342px 0;
    position: absolute
}

.more-templates:before,
.template-nav li:hover a:before {
    background-position: -351px 0
}

.more-templates:before,
.template-category-nav p span:after,
.template-nav li a:before,
.template-nav li:hover a:before {
    background-image: url(/sites/default/files/forms-templates-sprite.png)
}

.more-templates {
    position: relative;
    color: #e47268;
    display: none;
    font-size: 13px;
    margin: 10px 25px;
    cursor: pointer;
    padding: 0 0 0 20px
}

.more-templates.yes {
    display: block
}

.more-templates:before {
    position: absolute
}

.more-templates:hover {
    color: #fff
}

.testimonial .author-name,
.testimonial .job-desc {
    color: #03a9f5;
    display: block;
    font-size: 13px;
    letter-spacing: .5px;
    line-height: 20px
}

.more-templates:hover:before {
    background-position: -342px 0
}

.testimonial-wrap .content-wrap {
    margin: 30px auto 80px;
}

.testimonial {
    max-width: 700px;
    margin: 0 auto;
    text-align: center
}

.testimonial .author-image {
    background: #ccc;
    border-radius: 100%;
    display: block;
    height: 84px;
    margin: 0 auto 10px;
    overflow: hidden;
    width: 84px
}

.testimonial .author-name {
    padding: 0;
    text-transform: uppercase
}

.testimonial .job-desc {
    padding: 0 0 10px
}

.testimonial p {
    font-family: "Roboto Slab", Arial, Helvetica, sans-serif;
    font-weight: 100;
    line-height: 40px;
    margin: 0 auto 20px;
    position: relative;
    font-size:25px;
}

.testimonial p:empty {
    display: none
}

.template-features-wrap {
    overflow: hidden
}

.template-features-wrap .content-wrap {
    margin: 80px auto 30px;
    max-width: 1170px
}

.template-features-wrap .content-wrap h2 {
    text-align: center;
    margin-bottom: 30px;
}

.template-features {
    overflow: hidden;
    margin: 30px 0;
    border-bottom: 1px dashed #ddd
}

.template-features-wrap:last-child .template-features {
    border-bottom: none
}

.template-features ul li {
    display: inline-block;
    float: left;
    width: 100%;
    padding: 0 20px;
    margin: 20px 0;
    box-sizing: border-box
}

.template-features ul li ul {
    margin-bottom: 20px;
    font-size: 13px
}

.template-features.one-col-layout>ul>li {
    width: 100%
}

.template-features.two-col-layout>ul>li {
    width: 50%
}

.template-features.three-col-layout>ul>li {
    width: 33.333%
}

.template-features li ol li,
.template-features li ul li {
    list-style: outside;
    display: list-item;
    margin: 10px 0;
    padding: 0 0 0 10px
}

.template-features li ol,
.template-features li ul {
    margin-left: 25px;
    padding: 0
}

.template-features li ul li {
    list-style-type: disc
}

.template-features li ol li {
    list-style-type: lower-roman
}

.template-features li ol li li {
    list-style-type: lower-alpha
}

.all-templates-wrap {
    overflow: hidden;
    border-top: 1px dashed rgba(0, 173, 213, .4);
    border-bottom: 1px dashed rgba(0, 173, 213, .4)
}

.all-templates-wrap .content-wrap {
    margin: 60px auto
}

.all-templates-wrap .content-wrap p {
    position: relative;
    text-align: center;
    max-width: 780px;
    margin: 0 auto 40px;
    padding-bottom: 20px
}

.all-templates-wrap .content-wrap p:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 40px;
    height: 2px;
    background: #ccc;
    margin-left: -20px
}

.all-templates-wrap ul {
    overflow: hidden
}

.all-templates-wrap ul li {
    display: inline-block;
    float: left;
    width: 25%;
    margin: 10px 0
}

.all-templates-wrap ul li a {
    padding: 5px 20px;
    color: #666;
    transition: .5s ease
}

.all-templates-wrap ul li a:hover {
    color: #03a9f5;
    text-decoration: underline
}

.bottom-promo-banner-wrap {
    overflow: hidden;
    background: rgba(36, 162, 242, .9)
}

.bottom-promo-banner-wrap .content-wrap {
    margin: 60px auto;
    text-align: center;
    color: #fff
}

.bottom-promo-banner-wrap .content-wrap a {
    border: 1px solid #fff;
    box-shadow: 0 0 5px rgba(255, 255, 255, .2) inset;
    margin-top: 10px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    padding: 5px 30px;
    text-transform: uppercase;
    transition: .5s ease-in-out
}

.bottom-promo-banner-wrap .content-wrap a:hover {
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .8)
}

.survey-template-footer {
    background: #f1f1f1;
    border-top: 1px solid #e2e2e2;
    text-align: center;
    overflow: hidden;
    display: none
}

.survey-template-footer .content-wrap {
    margin: 15px auto;
    font-size: 11px
}

.common-links:before,
.footer-sec-wrap .product-links {
    display: none
}

.common-links {
    padding-top: 20px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .template-banner-wrap .content-wrap {
        margin: 80px auto 40px;
        max-width: 640px;
        text-align: center
    }
    .template-nav {
        position: relative;
        max-width: 600px;
        margin: 0 auto 60px;
        padding: 0 0 10px
    }
    .template-nav ul {
        overflow: hidden
    }
    .template-nav li {
        display: inline-block;
        min-width: inherit;
        width: 50%;
        float: left
    }
    .template-features.three-col-layout ul li {
        width: 50%
    }
    .all-templates-wrap ul li {
        width: 33.333%
    }
    .testimonial p{
        font-size:17px;
    }
}

@media only screen and (max-width:767px) {
    .template-banner-wrap .content-wrap {
        margin: 60px auto 40px;
        max-width: 90%;
        text-align: center
    }
    .template-nav {
        position: relative;
        max-width: 80%;
        margin: 0 auto 60px;
        padding: 0 0 10px
    }
    .template-nav ul {
        overflow: hidden
    }
    .template-nav li {
        display: inline-block;
        min-width: inherit;
        width: 50%;
        float: left
    }
    .template-features.three-col-layout ul li,
    .template-features.two-col-layout ul li {
        width: 100%
    }
    .all-templates-wrap ul li {
        width: 50%
    }
    .all-templates-wrap .content-wrap {
        margin: 40px auto
    }
}

@media only screen and (max-width:480px) {
    .template-nav {
        position: relative;
        max-width: 280px;
        margin: 0 auto 60px;
        padding: 0 0 10px
    }
    .template-nav ul {
        overflow: hidden
    }
    .template-nav li {
        display: block;
        width: 100%
    }
    .all-templates-wrap ul li {
        width: 100%;
        text-align: center
    }
.testimonial p{
   font-size:17px;
}
}