.section-banner {
    height: 150px;
    position: relative;
    color: #fff;
    line-height: 1
}

.section-banner:before {
    content: "";
    background: url(../../images/venafi/svg/ep-ico-binary-code.svg) no-repeat;
    height: 150px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.section-banner .cntwrapper {
    padding: 0 0;
    width: 1200px
}

.section-banner span {
    font-family: 'yantramanav';
    text-transform: uppercase;
    font-size: 20px;
    display: block;
    margin-bottom: 12px
}

.section-banner p {
    font-family: 'yantramanavbold';
    font-size: 40px
}

.section-banner .bannertext {
    /*float: left;*/
    padding: 47px 0
}

.section-banner .bannerseal {
    float: right;
    /*position: relative;*/
    background: #fff;
    width: 200px;
    text-align: center
}

.section-banner .bannersealinn {
    padding: 43px 0;
    height: 150px;
    position: relative
}

.bannerseal:before, .bannerseal:after, .bannersealinn:before, .bannersealinn:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0
}

.bannerseal:before, .bannerseal:after {
    border-left: 8px solid transparent;
    right: 100%
}

.bannersealinn:before, .bannersealinn:after {
    border-right: 8px solid transparent;
    left: 100%
}

.bannerseal:before, .bannersealinn:before {
    bottom: 100%
}

.bannerseal:after, .bannersealinn:after {
    top: 100%
}

.banner-cmn-bluegray {
    background-color: #e1e3ef;
    color: #29306c
}

.banner-cmn-bluegray:before {
    background: url(../../images/venafi/gradation-lightblue.svg) no-repeat;
    opacity: .11
}

.banner-cmn-bluegray .bannerseal:before, .banner-cmn-bluegray .bannersealinn:before {
    border-bottom: 13px solid #e1e3ef
}

.banner-cmn-bluegray .bannerseal:after, .banner-cmn-bluegray .bannersealinn:after {
    border-top: 13px solid #e1e3ef
}

.bluegraydrk:before {
    background: url(../../images/venafi/svg/gradation-darkblue.svg) no-repeat
}

.bluegrayspiral:before {
    background: url(../../images/venafi/svg/spiral-lightblue.svg) no-repeat
}

.banner-cmn-blue {
    background-color: #29306c;
    color: #fff
}

.banner-cmn-blue .bannerseal:before, .banner-cmn-blue .bannersealinn:before {
    border-bottom: 13px solid #29306c
}

.banner-cmn-blue .bannerseal:after, .banner-cmn-blue .bannersealinn:after {
    border-top: 13px solid #29306c
}

.bluedrk:before {
    background: url(../../images/venafi/svg/gradation-b-darkblue.svg) no-repeat
}

.bluelite:before {
    background: url(../../images/venafi/svg/gradation-b-liteblue.svg) no-repeat
}

.bluespiraldrk:before {
    background: url(../../images/venafi/svg/spiral-b-darkblue.svg) no-repeat
}

.bluespirallite:before {
    background: url(../../images/venafi/svg/spiral-b-liteblue.svg) no-repeat
}

.bluewavedrk:before {
    background: url(../../images/venafi/svg/wave-b-darkblue.svg) no-repeat
}

.bluewavelite:before {
    background: url(../../images/venafi/svg/wave-b-liteblue.svg) no-repeat
}

.banner-cmn-orange {
    background-color: #f07725;
    color: #fff
}

.banner-cmn-orange .bannerseal:before, .banner-cmn-orange .bannersealinn:before {
    border-bottom: 13px solid #f07725
}

.banner-cmn-orange .bannerseal:after, .banner-cmn-orange .bannersealinn:after {
    border-top: 13px solid #f07725
}

.orangedark:before {
    background: url(../../images/venafi/svg/gradation-dark-orng.svg) no-repeat
}

.orangelite:before {
    background: url(../../images/venafi/svg/gradation-lite-orng.svg) no-repeat
}

.orangespirdark:before {
    background: url(../../images/venafi/svg/spiral-dark-orng.svg) no-repeat
}

.orangespirlite:before {
    background: url(../../images/venafi/svg/spiral-lite-orng.svg) no-repeat
}

.orangewavedark:before {
    background: url(../../images/venafi/svg/wave-dark-orange.svg) no-repeat
}

.orangewavelite:before {
    background: url(../../images/venafi/svg/wave-lite-orange.svg) no-repeat
}

.banner-cmn-green {
    background-color: #53a446;
    color: #fff
}

.banner-cmn-green .bannerseal:before, .banner-cmn-green .bannersealinn:before {
    border-bottom: 13px solid #53a446
}

.banner-cmn-green .bannerseal:after, .banner-cmn-green .bannersealinn:after {
    border-top: 13px solid #53a446
}

.greendark:before {
    background: url(../../images/venafi/svg/gradation-drk-green.svg) no-repeat
}

.greenlite:before {
    background: url(../../images/venafi/svg/gradation-lite-green.svg) no-repeat
}

.greenspirdark:before {
    background: url(../../images/venafi/svg/spiral-dark-green.svg) no-repeat
}

.greenspirlite:before {
    background: url(../../images/venafi/svg/spiral-lite-green.svg) no-repeat
}

.greenwavedark:before {
    background: url(../../images/venafi/svg/wave-dark-green.svg) no-repeat
}

.greenwavelite:before {
    background: url(../../images/venafi/svg/wave-lite-green.svg) no-repeat
}

.bannerdigicert {
    background-color: #1b75bc
}

.bannerdigicert:before {
    opacity: .28;
    background: url() no-repeat
}

.bannerdigicert .bannerseal:before, .bannerdigicert .bannersealinn:before {
    border-bottom: 13px solid #1b75bc
}

.bannerdigicert .bannerseal:after, .bannerdigicert .bannersealinn:after {
    border-top: 13px solid #1b75bc
}

@media only screen and (max-width: 1199px) {
    .section-banner .cntwrapper {
        padding: 0 10px !important;
        width: 100%
    }
}

@media only screen and (max-width: 1024px) {
    .section-banner p {
        font-size: 32px
    }
}

@media only screen and (max-width: 959px) {
    .section-banner {
        height: auto
    }

    .section-banner:before {
        display: none
    }

    .section-banner .bannertext {
        padding: 30px 0
    }

    .section-banner span {
        margin-bottom: 5px
    }

    .section-banner p {
        font-size: 26px
    }
}

@media only screen and (max-width: 767px) {
    .section-banner .bannertext {
        padding: 15px 0
    }

    .section-banner span {
        font-size: 16px;
        line-height: 14px
    }

    .section-banner p {
        font-size: 20px
    }
}