#friction-mat-ig {
    font-size: 14px;
    color: #4d4d4d;
    margin:0 -15px 40px -15px;
    display:inline-block;
}
#friction-mat-ig .container {background-color:#ECEEE0 !important}
.logo-block {
    height: 189px;
}
.logo-block a {
    text-align: center;
    display: block;
    padding-top: 30px;
    position: relative;
    width: 100%;
    left: 0px;
    top: 0px;
    text-align: center;
    margin: auto auto auto 0px !important;
    z-index: 100;
    height: 0px;
}
.logo-block a img {
    text-align: center;
    margin: 0 auto;
}
.logo-block {
    background: url(http://www.phoenixfriction.com/images/articles/friction-materials-ig/top-bg.jpg);
    background-repeat: repeat-x;
}

.top-bar {
    background-color: #333;
    width: 100%;
    height: 72px
}

.red-block {
    background: #8E050F;
    height: 97px
}

.logo-section {
    background: #B3050F;
    height: 97px;
    margin-top: -51px
}

.green-section {
    background-color: #23B574;
    margin: 40px 0;
    padding: 35px 73px;
    position: relative
}

.small-text {
    color: #fff;
    text-align: center;
    font-size: 16.53px!important
}

.green-section p {
    color: #fff;
    text-align: center;
    font-size: 18.53px;
    line-height: 22px
}

.title-block {
    background-color: #B3050F;
    color: #fff;
    position: relative;
    z-index: 20;
    display: inline-block;
    float: left;
    min-width: 240px;
    padding-right: 20px
}

.title-block h2 {
    color: #FFF;
    font-size: 31.71px;
    font-weight: 700;
    padding-left: 28px;
    margin: 0;
    padding-top: 24px;
    padding-bottom: 24px
}

.title-block:after {
    content: "";
    background-image: url(http://www.phoenixfriction.com/images/articles/friction-materials-ig/red-bend.png);
    height: 14px;
    width: 22px;
    display: block;
    position: absolute;
    bottom: -14px;
    right: 0
}

.green-section:before {
    content: "";
    background-image: url(http://www.phoenixfriction.com/images/articles/friction-materials-ig/green-box-bend.png);
    height: 15px;
    width: 22px;
    display: block;
    bottom: -14px;
    position: absolute;
    left: 0
}

.green-section:after {
    content: "";
    background-image: url(http://www.phoenixfriction.com/images/articles/friction-materials-ig/green-box.png);
    height: 15px;
    width: 22px;
    display: block;
    bottom: -14px;
    position: absolute;
    right: 0
}

.clutch-img {
    margin-top: -116px;
    z-index: 10
}

.grey-section {
    color: #FFF;
    background-color: #4D4D4D;
    margin-right: 47px;
    margin-top: -209px
}

.grey-section p {
    font-size: 14.53px;
    padding: 20px 23px
}

.grey-section2 {
    color: #FFF;
    background-color: #4D4D4D;
    padding: 31px 28px;
    margin-left: 41px
}

.small-text2 {
    font-size: 14.53px!important;
    font-weight: 400!important
}

.grey-section2 p {
    font-size: 14.53px;
    font-weight: 700
}

.sub-title {
    color: #fff;
    background: #4d4d4d;
    font-size: 21px;
    font-weight: 700;
    display: inline-block;
    clear: both;
    margin-top: 25px;
    margin-bottom: 10px;
    padding: 15px;
    min-width: 200px
}

.sub-title .sub-num {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: #b3050f;
    text-align: center;
    border-radius: 50%;
    margin-right: 10px
}

.grey-box {
    padding: 15px;
    color: #fff;
    background: #999;
    margin-bottom: 10px
}

.pad-left {
    padding-left: 25px
}

.pad-right {
    padding-right: 25px
}

.summary-block {
    background: url(http://www.phoenixfriction.com/images/articles/friction-materials-ig/summary.png);
    background-repeat: no-repeat;
    width: 212px;
    height: 225px;
    color: #fff;
    text-align: center;
    padding-top: 69px;
    font-size: 13px;
    padding-left: 27px;
    padding-right: 20px;
    margin-top: -180px;
}

.red {
    color: #b3050f
}

.divider {
    color: #cdd0af;
    background: #cdd0af;
    height: 1px;
    margin: 3px -15px
}

.image1 img {
    margin-top: 20px
}

.image2 img {
    margin-left: 54px;
    margin-top: -22px
}

.summary-block2 {
    background: url(http://www.phoenixfriction.com/images/articles/friction-materials-ig/summary.png);
    background-repeat: no-repeat;
    width: 212px;
    height: 225px;
    color: #fff;
    text-align: center;
    padding-top: 89px;
    font-size: 13px;
    padding-left: 27px;
    padding-right: 20px;
    margin-top: -251px;
    margin-left: 349px;
}

.plogo {
    padding-top: 50px
}

.element {
    width: 33%;
    height: auto;
    min-width: 150px;
    float: left;
    margin-right: 2rem;
    border-radius: 50%;
    -webkit-shape-outside: circle();
    shape-outside: circle()
}

.table {}

.table th {
    font-size: 16px
}

.pad-right4 {
    padding-right: 25px;
    margin-top: -82px
}

.summary-block4 {
    background: url(http://www.phoenixfriction.com/images/articles/friction-materials-ig/summary.png);
    background-repeat: no-repeat;
    width: 212px;
    height: 225px;
    color: #fff;
    text-align: center;
    padding-top: 80px;
    font-size: 13px;
    padding-left: 27px;
    padding-right: 20px;
    margin-top: -110px;
    margin-left: 233px;
}

.summary-block5 {
    background: url(http://www.phoenixfriction.com/images/articles/friction-materials-ig/summary.png);
    background-repeat: no-repeat;
    width: 212px;
    height: 225px;
    color: #fff;
    text-align: center;
    padding-top: 69px;
    font-size: 13px;
    padding-left: 27px;
    padding-right: 20px;
    margin-top: -55px;
    margin-left: 315px;
}

.grey-section3 {
    color: #FFF;
    background-color: #4D4D4D;
    padding: 31px 28px
}

.td-green {
    background-color: #23B574;
    color: #fff
}

.td-green th {
    border-left: 3px solid #ECEEE0
}

.td-green tr th {
    padding: 20px!important
}

.td-green th:first-child {
    border-left: 0
}

.table tbody tr:nth-child(even) {
    background-color: #E6E6E6
}

.td-grey td {
    border-left: 3px solid #ECEEE0
}

.td-grey td:first-child {
    border-left: 0
}

td {
    padding: 5px!important;
    padding-left: 15px!important
}

.footer-title {
    background-color: #B3050F;
    margin: 0 10px;
    color: #fff;
    text-align: center;
    padding: 1px 0
}

.footer-title h2 {
    font-weight: 700;
    font-size: 21.71px!important;
    margin-bottom: 20px;
	color:#fff;
}

.footer-logo {
    padding: 45px 0
}

.footer-text {
    text-align: center;
    padding: 0 84px;
    font-size: 12px;
    color: #4d4d4d
}

@media only screen and (min-width:1200px) {
	.left50 {padding-left:50px}
	.left100 {padding-left:100px}
}

@media (min-width:992px) and (max-width:1199px) {
	.left50 {padding-left:50px}
	.left100 {padding-left:100px}
}

@media (min-width:768px) and (max-width:991px) {
    .grey-section {
        color: #FFF;
        background-color: #4D4D4D;
        margin-right: 23px;
        margin-top: -209px;
    }
    .clutch-img {
        margin-top: -116px;
        z-index: 10;
        margin-left: -41px;
        width: 92%;
    }
    .summary-block {
        margin-top: -40px;
    }
    .summary-block2 {
        margin-top: -71px;
    }
    .summary-block5 {
        margin-top: 47px;
    }
    .plogo {
        width: 100%;
    }
    .kelvar {
        width: 80%;
        float: right;
    }
}

@media (max-width:767px) {
    .grey-section,
    .clutch-img,
    .summary-block {
        margin-top: 0;
    }
    .clutch-img {
        width: 100%;
    }
    .green-section {
        padding: 11px 20px;
    }
    .grey-section {
        margin-right: 0;
        margin-bottom: 15px;
    }
    .grey-section2 {
        margin-left: 0;
    }
    .summary-block2,
    .summary-block5 {
        margin-top: 10px;
        margin-left: 0;
    }
    .grey-section3 {
        width: 100%;
        clear: both;
        margin-top: 170px;
        display: block;
        float: none;
    }
    .pad-right4 {
        padding-right: 0;
        margin-top: 0;
        width: 100%;
    }
    .summary-block4 {
        margin: 0;
        float: left;
    }
    .pad-right {
        padding-right: 0;
        width: 100%;
    }
    .image2 img {
        padding-left: 0;
        margin: 0;
    }
    .footer-text {
        padding: 0 15px;
    }
    .logo-block {
        height: 139px;
    }
}

@media (min-width:768px) {}