﻿
.faded-text {
    padding-right: 15px;
}

.quote-standard {
    padding-right: 15px;
}

.landmark {
    margin-bottom: 0px !important;
}

.feature-quote {
    padding-right: 20px;
}

.list-primary li {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

/*product breadcrumb changes */
.breadcrumb {
    border-bottom: 0px solid #36b156 !important;
}


/*request pricing .button--orange-product changes */
.button--orange-product {
    margin-top: 0px;
}
/*request pricing .button--orange-product changes end*/





/*image slider selected border*/
.borderchange {
    border: 1px solid #36b157;
}

/*.selected {
    border: 12px solid #36b157;
}*/


/*end image slider selected border */


/*how it works box*/
.howItWorks {
    border: 1px solid #36b157;
    padding: 15px 15px 15px 15px;
    margin: 0 auto;
    margin-top: 20px;
    max-width: 300px;
}

    .howItWorks h3 {
        padding-top: 5px;
        margin-top: 0px;
    }

/*end how it works box*/
/*quicklinks box*/
.quicklinks {
    margin-left: 5%;
}

    .quicklinks ul {
        list-style: square url("/images/square.png");
        margin-left: 10px;
        padding-left: 10px;
    }

    .quicklinks h3 {
        padding-top: 5%;
        margin-top: 0px;
    }
/*end quicklinks box*/
/*Main image box*/

@media screen and (min-width: 480px) {
    .product-images {
        height: 100%;
        outline: 1px solid #36b157;
        margin-top: 15px;
        margin-left: 2%;
        min-width: 250px;
        max-width: 400px;
        min-height: 460px;
        padding: 17%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 375px;
    }

    .overVB {
        float: right;
    }

    .readMoreR {
        float: right;
        min-width: 250px;
        margin-right: 0px;
        padding-right: 0px;
    }
}

@media screen and (max-width: 480px) {
    .product-images {
        height: 100%;
        outline: 1px solid #36b157;
        margin-top: 15px;
        margin-left: 2%;
        min-width: 250px;
        max-width: 400px;
        padding: 17%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
    }

    .overVB {
        float: left;
    }

    .readMoreR {
        float: left;
        min-width: 250px;
        margin-left: 40px;
        margin-top: 30px;
    }
}



/*end main image box*/

/* caption text  */
.caption-text {
    border-bottom: 0px solid #36b156;
    margin-left: 25px;
    margin-top: 15px;
}


/*vertical image slider*/
.flexslider-image .flex-viewport {
    width: 350px !important;
    overflow: visible;
}


.flexslider-image {
    margin: 0 !important;
}

.image {

    height: 85px !important;
}



/*vertical image slider*/


.ctabuttons {
    margin-top: 15px;
}

.view-port {
    overflow: hidden;
    position: relative;
}

.view-port {
    width: 960px;
}

.track.vertical, .track.vertical2 {
    padding: 10px 10px 8px 10px;
}

    .track.vertical, .track.vertical .view-port {
        width: 100px;
    }

        .track.vertical .view-port, .track.vertical .view-port .slider-container {
            height: 900px;
        }

.track.vertical2 {
    float: left;
}

    .track.vertical2:last-child {
        margin-right: 0;
    }

    .track.vertical2, .track.vertical2 .view-port {
        width: 100px;
        height: 385px;
    }

        .track.vertical2 .view-port .slider-container {
            height: 385px;
        }

.track-480 {
    width: 466px;
}

    .track-480 .view-port {
        width: 466px;
    }

.slider-container {
    position: relative;
    height: 138px;
    margin: 0;
    padding: 0;
}

.item, .my-item {
    position: absolute;
    width: 86px;
    height: 86px;
    margin-right: 8px;
    margin: 5px;
}

    .item img {
        border: 1px solid #36b157;
        cursor: pointer;
    }

        .item img.active {
            border: 2px solid #36b157;
        }

.small-item {
    position: absolute;
    width: 85px;
    height: 85px;
    margin-right: 8px;
}

.my-item.cover {
    width: 952px;
}

    .my-item.cover .message {
        box-sizing: border-box;
        float: left;
        width: 230px;
        height: 134px;
        padding: 5px 16px 5px 10px;
    }

        .my-item.cover .message span {
            text-align: justify;
            display: inline-block;
        }

.small-item.vertical-cover {
    height: 690px;
}

    .small-item.vertical-cover .message {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: 40px;
    }

        .small-item.vertical-cover .message h2 {
            font-size: 26px;
            text-align: center;
            padding: 0;
            margin: 0;
        }

.track {
    position: relative;
    background-color: white;
    padding: 10px 2px;
    border-radius: 3px;
    margin-bottom: 20px;
}

    .track a.prev,
    .track a.next {
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -32px;
        width: 64px;
        height: 64px;
        background: url("/images/arrows.png");
        background-repeat: no-repeat;
    }

    .track.axis-y a.prev,
    .track.axis-y a.next {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        left: 15%;
        margin-left: 8px;
    }

    .track.axis-y a.next {
        top: initial;
        position: relative;
    }

    .track.axis-y a.prev {
        top: 0;
        margin-top: -10;
    }

    .track a.prev.disabled,
    .track a.next.disabled {
        display: none;
    }

    .track a.prev {
        left: 0;
        background-position: 0 0;
    }

        .track a.prev:hover {
            background-position: 0 -66px;
        }

        .track a.prev:active {
            background-position: 0 -132px;
        }

    .track a.next {
        right: 0;
        background-position: -64px 0;
    }

        .track a.next:hover {
            background-position: -64px -132px;
        }

        .track a.next:active {
            background-position: -64px -198px;
        }

.bullet-pagination {
    width: 100%;
    text-align: center;
    margin-top: 15px;
}

.bullet {
    display: inline-block;
    background: #999;
    padding: 4px;
    border-radius: 6px;
    margin-right: 5px;
    opacity: 0.4;
    -webkit-transition: opacity 0.5s linear;
    -moz-transition: opacity 0.5s linear;
    -ms-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
}

    .bullet.active {
        opacity: 1;
    }
