@charset "utf-8";
/* CSS Document */

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-text-shadow: rgba(255, 255, 255, 0.01) 0 0 1px;
    -webkit-text-stroke: rgba(255, 255, 255, 0.01) 0.1px;
    -moz-text-size-adjust: 100%;
    -moz-font-smoothing: antialiased;
    -moz-text-shadow: rgba(255, 255, 255, 0.01) 0 0 1px;
    -moz-text-stroke: rgba(255, 255, 255, 0.01) 0.1px;
    text-size-adjust: 100%;
    font-smoothing: antialiased;
    text-shadow: rgba(255, 255, 255, 0.01) 0 0 1px;
    text-stroke: rgba(255, 255, 255, 0.01) 0.1px;
}

/*****************************************************************************
***************************Global css start **********************************
******************************************************************************/

ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
}

p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
}

.p-13 {
    font-size: 13px;
    line-height: 20px;
}

.p-14 {
    font-size: 14px;
    line-height: 22px;
}

.p-18 {
    font-size: 18px;
    line-height: 22px;
}

a:hover {
    text-decoration: none;
}

a:focus {
    outline: none !important;
    text-decoration: none;
}

.btn:focus {
    outline: none !important;
    color: inherit;
}

a {
    /*-webkit-transition: all 0.4s ease-in-out 0.1s;
    -moz-transition: all 0.4s ease-in-out 0.1s;
    transition: all 0.4s ease-in-out 0.1s;*/
    color: #0D2EA0;
}

    a:hover, a:focus {
        color: #4A63B8;
    }

body {
    font-family: 'Helvetica', sans-serif;
    background: #fff;
    color: #000;
    font-size: 15px;
}

.clearfix:after {
    content: '';
    display: table;
    clear: both;
}

/*****************************************************************************
***************************Global css end ************************************
******************************************************************************/

/*==============================Globle-css-Start==============================*/

.pad0 {
    padding: 0px !important;
}

.padbt0 {
    padding-bottom: 0px !important;
}

.padt {
    padding-top: 0px !important;
}

/*-----------------margin-top-css-start---------------*/

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mt35 {
    margin-top: 35px;
}

.mt40 {
    margin-top: 40px;
}

.mt45 {
    margin-top: 45px;
}

.mt50 {
    margin-top: 50px;
}

.mt55 {
    margin-top: 55px;
}

.mt60 {
    margin-top: 60px;
}

.mt65 {
    margin-top: 65px;
}

.mt70 {
    margin-top: 70px;
}

/*-----------------margin-top-css-End---------------*/

/*-----------------margin-bottom-css-start---------------*/

.mb5 {
    margin-bottom: 5px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb25 {
    margin-bottom: 25px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb35 {
    margin-bottom: 35px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb45 {
    margin-bottom: 45px;
}

.mb50 {
    margin-bottom: 50px;
}

.mb55 {
    margin-bottom: 55px;
}

.mb60 {
    margin-bottom: 60px;
}

.mb65 {
    margin-bottom: 65px;
}

.mb70 {
    margin-bottom: 70px;
}

/*-----------------margin-bottom-css-End---------------*/

/*-----------------margin-right-css-start---------------*/

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr25 {
    margin-right: 25px;
}

.mr30 {
    margin-right: 30px;
}

.mr35 {
    margin-right: 35px;
}

.mr40 {
    margin-right: 40px;
}

.mr45 {
    margin-right: 45px;
}

.mr50 {
    margin-right: 50px;
}

.mr55 {
    margin-right: 55px;
}

.mr60 {
    margin-right: 60px;
}

.mr65 {
    margin-right: 65px;
}

.mr70 {
    margin-right: 70px;
}

/*-----------------margin-right-css-End---------------*/

/*-----------------margin-left-css-Start---------------*/

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml25 {
    margin-left: 25px;
}

.ml30 {
    margin-left: 30px;
}

.ml35 {
    margin-left: 35px;
}

.ml40 {
    margin-left: 40px;
}

.ml45 {
    margin-left: 45px;
}

.ml50 {
    margin-left: 50px;
}

.ml55 {
    margin-left: 55px;
}

.ml60 {
    margin-left: 60px;
}

.ml65 {
    margin-left: 65px;
}

.ml70 {
    margin-left: 70px;
}

/*-----------------margin-left-css-End---------------*/


/** pink btn **/
.janus-pink-btn {
    background: #d31658;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    padding: 6px 12px;
    border-radius: 2px;
}

.janus-forgot-password {
    display: block;
    font-size: 18px;
    font-weight: 600;
}

.janus-profile-heading {
    font-size: 21px;
    font-weight: 600;
}

.janus-login-account-wrapp .btn-lg {
    min-width: 400px;
}

.janus-custom-form input[type=Number]::-webkit-inner-spin-button,
input[type=Number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}


.janus-pink-btn:hover, .janus-pink-btn:focus {
    background: #bd0d4b;
    color: #fff;
}

.janus-pink-btn.btn-lg {
    font-size: 20px;
    padding: 13px 20px;
}

.janus-pink-btn.btn-md {
    font-size: 16px;
    padding: 8px 15px;
}

.janus-terans-btn {
    background: transparent;
    color: #4A4A4A;
    border: 1px solid #4A4A4A;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    padding: 13px 12px;
    border-radius: 2px;
    font-size: 20px;
}

.janus-orange-btn {
    background: #FF4500;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    padding: 6px 12px;
    border-radius: 2px;
}

    .janus-orange-btn:hover {
        color: #fff;
    }

    .janus-orange-btn.btn-lg {
        font-size: 20px;
        padding: 13px 20px;
    }

    .janus-orange-btn.btn-md {
        font-size: 16px;
        padding: 10px 20px 6px 20px;
        line-height: 30px;
    }

.janus-white-btn {
    background: #fff;
    color: #0D2EA0;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    padding: 6px 12px;
    border-radius: 2px;
}

    .janus-white-btn.btn-lg {
        font-size: 20px;
        padding: 13px 20px;
    }

    .janus-white-btn:hover {
        color: #0D2EA0;
    }

    .janus-white-btn.btn-md {
        font-size: 16px;
        padding: 10px 20px 6px 20px;
        line-height: 30px;
        overflow: hidden;
    }

.chose-file-btn {
    padding: 12px 20px !important;
}

.janus-btn-blue {
    border-radius: 2px;
    background-color: #0d2ea0;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}

    .janus-btn-blue:hover {
        color: #ffffff;
    }

    .janus-btn-blue:focus {
        color: #ffffff;
    }

    .janus-btn-blue.btn-md {
        font-size: 16px;
        padding: 8px 15px;
    }

    .janus-btn-blue.btn-lg {
        font-size: 20px;
        padding: 12px 15px;
        line-height: 28px
    }

.h-bann-btn-width {
    min-width: 280px;
}

.janus-btn-green {
    border-radius: 2px;
    background-color: #01A65F;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}

    .janus-btn-green:hover {
        color: #fff;
    }

    .janus-btn-green:focus {
        color: #fff;
    }

    .janus-btn-green.btn-md {
        font-size: 16px;
        padding: 8px 15px;
    }

    .janus-btn-green.btn-lg {
        font-size: 20px;
        padding: 12px 15px;
        line-height: 28px
    }

.signup-blue-btn {
    background: #0D2EA0;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 20px;
    padding: 10px 12px;
    border-radius: 2px;
}

    .signup-blue-btn:hover {
        color: #ffffff;
    }

    .signup-blue-btn:focus {
        color: #ffffff;
    }



.janus-according-btn {
    border-radius: 2px;
    border: solid 1px #0d2ea0;
    background-color: #ffffff;
    font-size: 20px;
    text-align: center;
    color: #0d2ea0;
    padding: 12px 20px 12px 35px;
    text-transform: uppercase;
    position: relative;
    font-weight: 600;
    min-width: 280px;
}

    .janus-according-btn:before {
        content: "";
        position: absolute;
        left: 30px;
        background: url(/Presentation/Includes/_images/DeveloperProgram/learn-more.svg)no-repeat;
        background-size: 100%;
        width: 25px;
        height: 30px;
    }

    .janus-according-btn:hover, .janus-according-btn:focus {
        color: #0d2ea0;
    }





/*-----------------Globel-css-Start---------------*/

.pad-left-20 {
    padding-left: 20px;
}

.pad-right-20 {
    padding-right: 20px;
}

.btn-icon {
    border-radius: 2px;
    border: solid 1px #0d2ea0;
    background-color: #ffffff;
    font-size: 20px;
    text-align: center;
    color: #0d2ea0;
    padding: 15px 70px 15px 85px;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    font-weight: 600;
}

    .btn-icon:before {
        content: "";
        position: absolute;
        left: 30px;
        background: url(/Presentation/Includes/_images/DeveloperProgram/learn-more.svg)no-repeat;
        background-size: 100%;
        width: 25px;
        height: 30px;
    }

.divider {
    width: 100%;
    height: 1px;
    background-color: #a7a7a7
}



.singup-fields label {
    font-size: 14px;
    font-weight: normal;
    line-height: 21px;
    color: #4a4a4a;
    padding: 0px;
}

.singup-fields .form-control {
    height: 49px;
    border-radius: 1px;
    border: solid 1px #dedede;
    background-color: #ffffff;
    font-size: 16px;
    color: #000000;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url(/Presentation/Includes/_images/DeveloperProgram/Dropdown-Arrow.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: 95% 50% !important;
    box-shadow: none;
}

.custom-select::-ms-expand {
    display: none;
}

.custom-select:focus {
    outline: inherit;
    box-shadow: inherit;
    border-color: #dedede;
    ;
}

.full-width {
    width: 100%;
}



.btn-green {
    height: 49px;
    border-radius: 2px;
    background-color: #01a75f;
    display: inline-block;
    color: #fff;
    text-align: center;
    line-height: 49px;
    font-size: 20px;
    text-transform: uppercase;
    padding: 0px 50px;
}

    .btn-green:hover {
        color: #ffffff;
    }

.big-btn {
    font-size: 25px;
    text-transform: uppercase;
    color: #000000;
    display: inline-block;
    background-color: #ffffff;
    height: 60px;
    max-width: 300px;
    width: 100%;
    font-weight: 600;
    text-align: center;
    line-height: 60px;
}

    .big-btn:hover {
        color: #000000;
    }

.btn-globle {
    max-width: 279px;
    width: 100%;
    height: 54px;
    border-radius: 2px;
    background-color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #0d2ea0;
    display: inline-block;
    line-height: 54px;
    text-transform: uppercase;
}

.view-btn {
    padding: 10px 60px;
    line-height: 33px;
    font-size: 18px;
}

.btn-globle:hover {
    color: #0d2ea0;
}

.orange-btn {
    background-color: #ff4500 !important;
    color: #ffffff !important;
}

    .orange-btn:hover {
        color: #ffffff;
    }

.d-block {
    display: block;
}

.btn-ins-box {
    max-width: 396px;
    width: 100%;
    height: 48px;
    border-radius: 2px;
    background-color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #0d2ea0;
    display: inline-block;
    line-height: 48px;
    text-transform: uppercase;
}

.bg-black {
    background: #020202 !important;
}

.janus-custom-form input {
    border: 1px solid #DEDEDE;
    height: 49px;
    border-radius: 2px;
    box-shadow: inherit;
}

    .janus-custom-form input[type="file"] {
    }

    .janus-custom-form input:focus {
        border-color: #DEDEDE;
        box-shadow: inherit;
    }

.janus-custom-form label {
    color: #4A4A4A;
    font-size: 14px;
    font-weight: 400;
    padding: 0;
}

.janus-custom-form textarea {
    border: 1px solid #DEDEDE;
    border-radius: 2px;
    box-shadow: inherit;
    resize: none;
}

    .janus-custom-form textarea:focus {
        border-color: #DEDEDE;
        box-shadow: inherit;
    }

/*-----------------Globel-css-End---------------*/

/*=========================================HEADER-CSS_START=======================================*/

/*-------------*/

.janus-user-dropdown > a {
    font-size: 16px !important;
}

.j-user-d-avatar {
    width: 25px;
    height: 25px;
    background: #fff;
    color: #000;
    border-radius: 50px;
    font-size: 13px;
    display: inline-block;
    text-align: center;
    line-height: 26px;
    margin-left: 10px;
}

.header-container.fixed .janus-user-dropdown.open {
    display: none;
}

.menu-wrap .menu-block-item .sub-menu {
    width: 200px;
}

    .menu-wrap .menu-block-item .sub-menu .special-submenu {
        padding: 0px !important;
    }

.sub-menu .special-submenu ul li {
    padding: 0 10px;
    box-sizing: border-box;
}

    .sub-menu .special-submenu ul li a {
        padding: 10px 0px 10px 0px;
        box-sizing: border-box;
    }

.janus-user-dropdown > a .caret {
    border-top: 8px dashed;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    margin-left: 8px;
}

.janus-user-dropdown .dropdown-menu {
    padding: 0;
    margin: 0;
    right: 0;
    min-width: 385px;
    left: inherit;
    border-radius: 0;
    border-color: #DEDEDE;
}

    .janus-user-dropdown .dropdown-menu li {
        float: none;
        display: block;
        background: #ffffff;
        margin: 0;
        border-bottom: 1px solid #dedede;
    }

        .janus-user-dropdown .dropdown-menu li:last-child {
            border: none;
        }

        .janus-user-dropdown .dropdown-menu li a {
            font-size: 18px;
            color: #000;
            padding: 13px 10px;
        }

            .janus-user-dropdown .dropdown-menu li a .j-us-icon {
                float: left;
                width: 28px;
                height: 28px;
                margin-right: 12px;
            }

.jaus-u-stat-req {
    background: #FFECE5;
    font-size: 13px;
    line-height: 21px;
    padding: 7px 12px;
    border-radius: 50px;
    top: -2px;
}

.has-error p {
    color: red;
}

.janus-user-dropdown > a[aria-expanded="true"] .caret {
    border-bottom: 8px dashed;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    margin-left: 8px;
    border-top: none;
}

.janus-user-dropdown h5 {
    display: inline;
    font-size: 16px;
}

/*-----------*/




.janus-header-wrapper {
    background: #0D2EA0;
}

    .janus-header-wrapper .container .row {
        margin-left: 0;
        margin-right: 0;
    }

.janus-h-left-col {
    float: left;
}

.janus-h-right-col {
    float: right;
}

.janus-logo-sect {
    width: 125px;
    margin: 20px 0 12px 0;
    padding-right: 18px;
    display: inline-block;
    vertical-align: top;
}



.janus-h-dropdown {
    min-width: 140px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-top: 18px;
}

    .janus-h-dropdown .triger-btn1 {
        color: #fff;
        font-size: 14px;
        line-height: 40px;
        height: 40px;
        display: block;
        padding: 0 15px;
        position: relative;
        cursor: pointer;
    }

    .janus-h-dropdown.open .triger-btn1 {
        background-color: #071956;
        font-weight: 600;
    }

    .janus-h-dropdown .triger-btn1::after {
        content: "";
        display: block;
        position: absolute;
        background: url(/Presentation/Includes/_images/DeveloperProgram/icon-angle-down-white.svg) no-repeat;
        height: 8px;
        width: 14px;
        top: 17px;
        right: 8px;
    }

    .janus-h-dropdown .dropdown-menu {
        box-shadow: none;
        border: 1px solid #071956;
        border-radius: 0;
        min-width: 140px;
        margin: 0;
        padding: 0;
    }

        .janus-h-dropdown .dropdown-menu li {
            border-top: 1px solid #071956;
        }

            .janus-h-dropdown .dropdown-menu li a {
                font-size: 14px;
                padding: 10px 0px 10px 25px;
                color: #071956;
                width: 100%;
                cursor: pointer;
            }

.janus-h-icon-sect {
    position: relative;
}

    .janus-h-icon-sect li {
        float: left;
        margin-left: 2px;
    }

        .janus-h-icon-sect li > a {
            display: block;
            color: #fff;
            font-size: 18px;
            padding: 35px 15px 20px 15px;
        }

        .janus-h-icon-sect li a > .br-user, .janus-h-icon-sect li a > .br-menubar {
            position: relative;
            background-repeat: no-repeat;
            width: 25px;
            height: 25px;
        }

        .janus-h-icon-sect li .br-search {
            display: block;
            background-image: url(/Presentation/Includes/_images/DeveloperProgram/h-search-icon.svg);
            background-size: 20px 20px;
        }

.no-bullets .br-user {
    display: block;
    background-image: url(/Presentation/Includes/_images/DeveloperProgram/h-user-icon.svg);
    background-size: 20px 20px;
    position: relative;
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
}

.janus-h-icon-sect li .br-cart {
    display: block;
    background-image: url(/Presentation/Includes/_images/DeveloperProgram/h-cart-icon.svg);
    background-size: 20px 20px;
}

.janus-h-icon-sect li .br-menubar {
    display: block;
    background-image: url(/Presentation/Includes/_images/DeveloperProgram/menu-icon.svg);
    background-size: 20px 20px;
}

.janus-cart-count {
    background: #FFBD51;
    font-size: 16px;
    color: #000;
    border-radius: 50px;
    width: 22px;
    height: 22px;
    position: absolute;
    display: block;
    text-align: center;
    font-style: normal;
    right: -13px;
    top: -1px;
}

/*=========================================HEADER-CSS_END=======================================*/

/*=========================================NAVIGATION-CSS_START=======================================*/

.janus-navigation {
    background: #fff;
    position: relative;
    /* box-shadow: 0 4px 2px -2px grey;*/
}

.janus-main-menus li a {
    display: block;
    padding: 15px 22px 15px 20px;
    color: #000;
    font-size: 14px;
    font-family: Helvetica;
    position: relative;
}

.janus-main-menus li.dropdowm-m a::after {
    content: "";
    background: url(/Presentation/Includes/_images/DeveloperProgram/down-arrow-icon.svg);
    position: absolute;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: center center;
    right: 0;
    top: 15px;
}

.janus-pdp-container {
    max-width: 1200px;
    margin: 0 auto;
}

.janus-pdp-row {
    position: relative;
}

    .janus-pdp-row:after {
        content: "";
        display: table;
        clear: both;
    }

.janus-pdp-col-l {
    float: left;
    width: 59%;
}

.janus-pdp-col-r {
    overflow: hidden;
}

.janus-product-detail-container {
    padding: 30px 0 10px 0;
}

.janus-product-meta .janus-model-number {
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
}

.janus-product-meta .janus-product-title {
    font-size: 30px;
    line-height: 45px;
}

.janus-product-features ul {
    list-style-type: disc;
    list-style-position: outside;
    padding: 12px 0 12px 25px;
}

    .janus-product-features ul li {
        font-size: 21px;
        line-height: 32px;
    }

.rating-stars {
    position: relative;
    float: left;
    padding-right: 15px;
}

    .rating-stars li {
        display: inline-block;
        vertical-align: top;
    }

        .rating-stars li .star-icon {
            background: url(/Presentation/Includes/_images/DeveloperProgram/rating-star-icon.svg);
            display: block;
            width: 22px;
            height: 22px;
        }

.janus-rating-count {
    font-size: 16px;
    color: #000;
    line-height: 25px;
}

.janus-p-rating-sect {
    display: inline-block;
    vertical-align: middle;
}

.janus-product-summary-bar {
    padding: 5px 0 10px 0;
}

.janus-pdp-write-review {
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
    padding-left: 16px;
    position: relative;
}

    .janus-pdp-write-review:before {
        content: "";
        position: absolute;
        width: 1px;
        height: 14px;
        background: #000;
        left: 0;
        top: 3px;
    }

    .janus-pdp-write-review a {
        color: #0D2EA0;
        font-size: 16px;
        line-height: 20px;
        font-weight: 600;
    }

.janus-price-container {
    padding: 10px 0;
    max-width: 90%;
}

.janus-price-rows {
    display: block;
    width: 100%;
}

    .janus-price-rows .janus-pr-col:last-child {
        /*width: 25%;*/
        text-align: right;
        position: relative;
        float: right;
    }

    .janus-price-rows .janus-pr-col:first-child {
        width: 75%;
        font-size: 16px;
        color: #000;
        line-height: 35px;
    }

.janus-org-price {
    font-size: 21px;
    color: #000;
}

    .janus-org-price del {
        display: inline-block;
        position: relative;
    }

        .janus-org-price del:after {
            content: "";
            width: 100%;
            height: 1.2px;
            background: #000;
            position: absolute;
            left: 0;
            right: 0;
            margin: auto 0;
            top: 0;
            bottom: 0;
        }

.janus-price-rows a {
    color: #0D2EA0;
    font-weight: 600;
}

.janus-rebate-price {
    font-size: 21px;
    color: #108A8B;
}

.janus-rebate-text {
    display: inline-block;
    background: #D31658;
    color: #fff;
    border-radius: 3px;
    padding: 0 8px;
    font-size: 15px;
    line-height: 25px;
}

.janus-price-text {
    font-size: 18px !important;
    line-height: 55px !important;
}

.janus-your-price {
    font-size: 40px;
    color: #C14F5F;
}

/*=========================================NAVIGATION-CSS_START=======================================*/

/*=========================================BANNER-CSS_START=======================================*/

.janus-banner-section {
    width: 100%;
    /*height: calc(90vh - 123px);*/
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    /*min-height: 750px*/
}

    .janus-banner-section:after {
        content: "";
        background: rgba(0, 0, 0, .5);
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 0;
    }

.h-bg-image {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-position: top center;
    background-size: cover;
    overflow: hidden;
}

    .h-bg-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.janus-no-hackthan-banner {
    min-height: 450px;
}

.janus-banner-text-box {
    position: relative;
    text-align: center;
    margin: 0px auto;
    padding-top: 110px;
    z-index: 5;
}

.header-container .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: transparent !important;
    border-color: transparent !important;
}

.white-color {
    color: #ffffff;
}

.bg-white {
    background: #ffffff;
}

.janus-ban-heading {
    font-size: 48px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 72px;
    font-family: Catamaran;
}

.janus-ban-para {
    font-size: 30px;
    line-height: 45px;
}

.janus-banner-date {
    min-height: 100px;
}

    .janus-banner-date h5 {
        font-size: 27px;
        line-height: 52px;
        font-weight: 600;
        min-width: 510px;
        margin: 0 auto;
        display: inline-block;
        background: #fff;
        font-family: Catamaran;
    }

.janus-ragister-wrapp {
    position: relative;
    text-align: center;
    padding-bottom: 50px;
}

.pink-btn {
    background: #d31658;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    padding: 15px 50px;
    border-radius: 2px;
}

    .pink-btn:hover {
        color: #ffffff;
    }

    .pink-btn:focus {
        color: #ffffff;
    }

.janus-register-para {
    font-size: 18px;
}

    .janus-register-para a {
        color: #ffbb53
    }

/*=========================================BANNER-CSS_END=======================================*/

/*=========================================GET_STARTRD_CSS_START=======================================*/

.janus-sec-get-started {
    padding-top: 30px;
}

.janus-sec-title-1 {
    font-size: 28px;
    font-weight: 600;
    text-align: center;
    color: #000000;
    line-height: 36px;
    font-family: 'Catamaran', sans-serif;
}

.janus-service-row {
    display: block;
    width: 100%;
    text-align: center;
}

    .janus-service-row .janus-service-box:first-child:before {
        content: none;
    }

    .janus-service-row .janus-service-box:last-child:after {
        content: none;
    }

.janus-service-box {
    text-align: center;
    display: inline-block;
    width: 18%;
    vertical-align: top;
    position: relative;
    margin-bottom: 25px;
}

    .janus-service-box:after {
        content: "";
        border-bottom: 1px dashed #ddd;
        position: absolute;
        width: 50%;
        right: 0;
        top: 48px;
        z-index: -1;
    }

    .janus-service-box::before {
        content: "";
        border-bottom: 1px dashed #ddd;
        position: absolute;
        width: 50%;
        left: 0;
        top: 48px;
        z-index: -1;
    }

.janus-program-box {
    position: relative;
}

.janus-program-img {
    overflow: hidden;
}

.janus-program-heading {
    padding: 14px 15px 11px 15px;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.janus-servise-img {
    margin-bottom: 20px;
}

    .janus-servise-img img {
        height: 70px;
    }

.service-text {
    font-size: 16px;
    line-height: 17px;
    text-align: center;
    color: #000000;
}

    .service-text a {
        color: #000000;
    }

.janus-program-img img {
    width: 100%;
    height: auto;
}

.janus-program-box {
    position: relative;
}

.janus-program-heading {
    padding: 14px 15px 11px 15px;
    position: absolute;
    width: 100%;
    bottom: 0;
}

.janus-program-text {
    font-size: 22px;
    color: #000000;
    position: relative;
    font-family: Catamaran;
}

    .janus-program-text:after {
        content: "";
        position: absolute;
        top: 50%;
        right: -20px;
        width: 15px;
        height: 16px;
        transform: translateY(-50%);
        background: url(/Presentation/Includes/_images/DeveloperProgram/right-blk-icon.svg) no-repeat;
        background-size: contain;
        background-position-y: 50%;
    }

    .janus-program-text:hover {
        color: #000000;
    }

    .janus-program-text:focus {
        color: #000000
    }

.lable-bg-gradiant {
    background-image: linear-gradient(to left, #f9edcd, #ffdca3);
}

.janus-sec-get-started .col-lg-3:nth-child(2) .lable-bg-gradiant {
    background-image: linear-gradient(to left, #cdd1e0, #bcc3de);
}

.janus-sec-get-started .col-lg-3:nth-child(3) .lable-bg-gradiant {
    background-image: linear-gradient(to left, #e0e1e2, #ffffff);
}
.janus-sec-get-started .col-lg-3:nth-child(4) .lable-bg-gradiant {
    background-image: linear-gradient(to left, #8a6d3b, #ffffff);
}

.print-bg-gradiant {
    background-image: linear-gradient(to left, #cdd1e0, #bcc3de);
}

.mobile-bg-gradiant {
    background-image: linear-gradient(to left, #e0e1e2, #ffffff);
}

.text-center {
    text-align: center;
}

.janus-member-heading {
    font-family: Catamaran;
    font-size: 28px;
    font-weight: 500;
    ;
    line-height: 37px;
    color: #000000;
}

.janus-accordian-head {
    cursor: pointer;
    position: relative;
    width: 100%;
    padding: 27px 10px;
    min-height: 130px;
}

.janus-current-status .janus-orange-btn.btn-lg {
    font-size: 17px;
    padding: 13px 20px;
}

.janus-accordian-head {
    background-color: rgb(18,82,186);
}

    .janus-accordian-head .janus-accordian-heading {
        color: #ffffff;
    }

.col-lg-8 .janus-member-accordian:nth-child(2) .janus-accordian-head .janus-accordian-heading {
    position: relative;
    top: 23px;
}

.col-lg-8 .janus-member-accordian:nth-child(3) .janus-accordian-head {
    background-color: rgba(133, 129, 129, 1);
}

.col-lg-8 .janus-member-accordian:nth-child(4) .janus-accordian-head {
    background-color: rgba(84, 82, 82, 1);
}

/* .janus-become-member-wrapper .col-lg-8 .janus-member-accordian:nth-child(3)  .janus-accordian-head{ */
/* background-color: #fafafa; */
/* } */



/*.janus-silver-head {
    background-color: #efefef;          background-color: #efefef;
}       }*/

.janus-gold-head {
    background-color: #fff9d6;
}

.janus-platinum-head {
    background-color: #fafafa;
}

.janus-accordian-head:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 50px;
    width: 25px;
    height: 25px;
    transform: translateY(-50%);
    background: url(/Presentation/Includes/_images/DeveloperProgram/accordion-arrow-up.png) no-repeat;
    background-size: 100%;
}

.janus-accordian-head.collapsed:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 50px;
    width: 25px;
    height: 25px;
    transform: translateY(-50%);
    background: url(/Presentation/Includes/_images/DeveloperProgram/down.png) no-repeat;
    background-size: 100%;
}

.janus-accordian-heading {
    font-size: 30px;
    font-weight: 600;
    line-height: 30px;
    color: #000000;
    text-transform: uppercase;
}

    .janus-accordian-heading span {
        text-transform: capitalize;
    }

.accordian-heading-small {
    font-size: 21px;
    line-height: 31px;
    letter-spacing: normal;
    color: #ffffff;
    font-weight: 600;
}

.janus-accordian-collapse {
    padding: 15px;
}

.janus-green-bullets li {
    font-size: 18px;
    line-height: 27px;
    color: #000000;
    margin-bottom: 7px;
    position: relative;
    padding-left: 30px;
}

    .janus-green-bullets li:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 0px;
        width: 21px;
        height: 21px;
        /*transform: translateY(-50%);*/
        background: url(/Presentation/Includes/_images/DeveloperProgram/check-green-icons.svg) no-repeat;
        background-size: 100%;
    }

    .janus-green-bullets li:last-child {
        margin-bottom: 0px;
    }

.janus-news-head {
    padding: 30px 10px;
    background-color: #0d2ea0;
    text-align: center;
}

.janus-news-heading {
    font-size: 24px;
    line-height: 25px;
    color: #ffffff;
    text-transform: uppercase;
}

.janus-latest-news-body {
    padding: 20px 20px 50px 20px;
    border: solid 1px #dedede;
}

.janus-news-row {
    display: table;
    width: 100%;
}

.janus-news-col-1 {
    display: table-cell;
    width: 30px;
}

    .janus-news-col-1 span {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        text-align: center;
        line-height: 30px;
        border: 1px solid #0d2ea0;
        color: #0d2ea0;
        display: block;
        position: relative;
        top: 5px;
    }

.janus-news-col-2 {
    display: table-cell;
    padding-left: 15px;
}

.janus-news-title {
    font-size: 18px;
    line-height: 1.5;
    color: #0d2ea0;
    position: relative;
}

    .janus-news-title:after {
        content: "";
        position: relative;
        bottom: -7px;
        right: -5px;
        width: 16px;
        height: 12px;
        transform: translateY(-50%);
        background: url(/Presentation/Includes/_images/DeveloperProgram/right-blue-icon.svg) no-repeat;
        background-size: 100%;
        display: inline-block;
    }

.janus-news-date {
    font-size: 16px;
    line-height: 1.5;
    color: #000000;
    display: block;
    position: relative;
    padding-left: 35px;
}

    .janus-news-date:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0px;
        width: 25px;
        height: 30px;
        transform: translateY(-50%);
        background: url(/Presentation/Includes/_images/DeveloperProgram/calender.svg) no-repeat;
        background-size: 100%;
    }

.janus-news-list li {
    margin-bottom: 40px;
}

    .janus-news-list li:last-child {
        margin-bottom: 0px;
    }

.janus-title-2 {
    font-size: 24px;
    line-height: 36px;
    color: #000000;
}

/*=========================================GET_STARTRD_CSS_END=======================================*/

/*=========================================Looking_FOR-INSPIRATION_CSS_START=======================================*/

.janus-inspiration-section {
    padding-top: 80px;
}

.janus-insp-title1 {
    font-family: Catamaran;
    font-size: 40px;
    line-height: 0.9;
    color: #000000;
}

.janus-inpr-slider-content {
    position: relative;
}

    .janus-inpr-slider-content p {
        font-size: 21px;
        line-height: 31px;
    }

    .janus-inpr-slider-content h2 {
        background: #fff;
        color: #000;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 30px;
        font-family: Catamaran;
        height: 54px;
        width: 350px;
        margin: 0 auto;
        line-height: 57px;
        margin-bottom: 50px;
    }

.janus-inpr-sl-cont-title {
    font-size: 36px;
    line-height: 48px;
    margin-bottom: 10px;
}


.janus-inspiration-slide-wrapp {
    background-image: url(/Presentation/Includes/_images/DeveloperProgram/slider-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 80px 0px;
}

.slick-active {
    color: #ffffff;
}

/*.janus-inspiration-slider{
    width: 100%;
    max-width: 600px;
    margin: 0px auto;
}
*/

.janus-inspiration-slider .slick-list {
    max-width: 600px;
    margin: 0 auto;
}

.janus-inspiration-slider .slick-prev {
    position: absolute;
    left: 25px;
    bottom: 0px;
    width: 48px;
    height: 48px;
    background: url(/Presentation/Includes/_images/DeveloperProgram/slider-arrow-left.svg)no-repeat;
    background-size: 100%;
    text-indent: -9999px;
    border: 0px;
}

.slick-arrow {
    outline: inherit;
}

.janus-inspiration-slider .slick-next {
    position: absolute;
    right: 25px;
    bottom: 0px;
    width: 48px;
    height: 48px;
    background: url(/Presentation/Includes/_images/DeveloperProgram/slider-arrow-right.svg)no-repeat;
    background-size: 100%;
    text-indent: -9999px;
    border: 0px;
}

.slider-title {
    font-family: Catamaran;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.33;
    color: #ffffff;
}

.slide-para {
    ;
    font-size: 21px;
    line-height: 1.48;
    text-align: left;
    color: #ffffff;
    padding: 0px 20px;
}

.janus-btn-group {
    padding: 0px 25px;
    margin: 0px auto;
    margin-top: 40px;
}

.janus-inspiration-box-wrapp {
    width: 100%;
    background: #000000;
    display: table;
}

.janus-inspiration-box {
    max-width: 33.33%;
    display: table-cell;
    padding: 0 10px;
}

.janus-inspiration-box-wrapp .janus-inspiration-box:first-child {
    padding-left: 0;
}

.singup-fields.has-error .form-control {
    border-color: #a94442 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075)important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)important;
}

.janus-inspiration-box-wrapp .janus-inspiration-box:last-child {
    padding-right: 0;
}

.janus-inspiration-box-img {
    max-height: 341px;
    overflow: hidden;
}

    .janus-inspiration-box-img img {
        width: 100%;
        height: auto;
        /*    min-height: 300px;
    max-height: 410px;
    overflow: hidden;*/
    }

.janus-ins-box-content {
    background-color: #191919;
    padding: 20px 20px 30px 20px;
}

.ins-box-heading {
    font-family: Catamaran;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.5;
    text-align: left;
    color: #ffffff;
    /*min-height: 75px;
    max-height: 75px;*/
    overflow: hidden;
}

.ins-box-para {
    font-size: 18px;
    line-height: 1.5;
    text-align: left;
    color: #ffffff;
    overflow: hidden;
    /*max-height: 100px;
    min-height: 100px;*/
}

/*=========================================Looking_FOR-INSPIRATION_CSS_END=======================================*/

/*====================================================================================
 ============================Labeling-Page-css-start==================================
 =====================================================================================*/

/*=========================================Labeling-Page_CSS_START=======================================*/

.janus-g-banner-section {
    width: 100%;
    /*background-image: url(/Presentation/Includes/_images/DeveloperProgram/sdk-download.jpg);*/
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    min-height: 450px;
}

/*.janus-labeling-mobile-banner{
   background-image: url(/Presentation/Includes/_images/DeveloperProgram/label-ban-bg.png);
  background-size: cover;
}*/

.janus-printer-series {
    background-color: #ffffff;
    padding-bottom: 50px;
}

.janus-product-id {
    font-size: 21px;
    color: #000000;
    font-weight: 600;
    text-transform: uppercase;
}

.janus-product-heading {
    font-size: 24px;
    color: #000000;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 30px;
}

.janus-printer-title {
    font-size: 28px;
    font-family: Catamaran;
    font-weight: 500;
}

.janus-product-img-box {
    text-align: center;
    max-height: 280px;
    min-height: 280px;
}

.janus-new-printer-feature {
    width: 100%;
    background: #4a4a4a;
    padding-top: 90px;
    padding-bottom: 40px;
}

.ql-print-img img {
    max-width: 100%;
}

.janus-new-ql-heading {
    font-size: 24px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    font-family: Catamaran;
}

.ql-sereies-feature-ul {
    width: 100%;
    text-align: center;
}

    .ql-sereies-feature-ul li {
        width: 20%;
        float: left;
    }

        .ql-sereies-feature-ul li img {
            width: 80%;
        }

.ql-feature-text {
    font-size: 15px;
    color: #ffffff;
    display: block;
    width: 75%;
    margin: 0px auto;
    font-family: Catamaran;
}

.feature-img {
    margin-bottom: 10px;
}

/*----------------------------tutotrial-video-section-css-start------------------------*/


.main-content.site-body .block-grey {
    background: #ffffff !important;
}

.main-content .carousel-video h4 {
    text-transform: uppercase;
    font-size: 28px;
    color: #000000;
    font-family: Catamaran;
}

.main-content .carousel-video .thumbnail-carousel {
    margin-top: 30px;
}

.main-content .slide-text {
    padding-top: 0px !important;
}

.main-content .video-title {
    font-size: 21px;
    text-transform: uppercase;
    line-height: 30px;
}

.main-content .video-description {
    color: #000000;
    font-size: 18px;
    margin-top: 20px;
}

.carousel-thumbnail-inner .slick-slide.slick-current .video-title {
    color: #ffffff;
}

.video-tutorial-section {
    padding: 65px 0px 50px 0px;
}
/*.slick-carousel-thumbnails .carousel-control span{
	    width: 40px;
    height: 40px;
    background: rgba(0,0,0,.7);
    border-radius: 50%;
	
}*/
.janus-bsi-top-feature .janus-new-ql-heading {
    background: #0d2ea0;
    padding: 20px 10px;
    line-height: 40px;
}

.labeling-title-2 {
    text-transform: uppercase;
    font-size: 28px;
    color: #000000;
    font-family: Catamaran;
}

.tutorial-slider {
    border: 1px solid #dedede;
}

    .tutorial-slider .slick-prev {
        position: absolute;
        top: 50%;
        left: 0px;
        z-index: 9;
        transform: translateY(-50%);
        background: url(/Presentation/Includes/_images/DeveloperProgram/tutorial-slider-right.svg)no-repeat;
        background-size: 100%;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        text-indent: 80px;
        overflow: hidden;
        border: 0px;
    }

    .tutorial-slider .slick-next {
        position: absolute;
        top: 50%;
        right: 0px;
        z-index: 9;
        transform: translateY(-50%);
        background: url(/Presentation/Includes/_images/DeveloperProgram/tutorial-slider-left.svg)no-repeat;
        background-size: 100%;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        text-indent: 80px;
        overflow: hidden;
        border: 0px;
    }

    .tutorial-slider .slider-nav {
        padding: 10px 0px;
    }

        .tutorial-slider .slider-nav .slick-slide img {
            width: 100%;
        }

        .tutorial-slider .slider-nav .slick-slide {
            padding: 0px 10px;
        }

.janus-video-tutorial-title {
    font-size: 21px;
    text-transform: uppercase;
}

.janus-video-tut-para {
    font-size: 18px;
}

.janus-custom-table {
    border-color: #dedede;
}

    .janus-custom-table tr td {
        padding: 20px !important;
    }

.table-heading {
    font-size: 21px;
}

.janus-custom-table tr td a {
    font-size: 18px;
    color: #0c2ca3;
    font-weight: 600;
}

.recent-table-date {
    font-size: 18px;
}

.janus-recent-disscus-wrapp .janus-btn-group {
    max-width: 520px;
    padding: 0px;
    margin-top: 40px;
}

.janus-recent-disscus-wrapp .janus-recent-table-wrapp {
    overflow-x: inherit;
}

.janus-recent-table-wrapp .table tr td p {
    margin-bottom: 0px;
}

.janus-inspiration-box:nth-child(4n) {
    /*clear: left;*/
}

.janus-sdk-inspiration .janus-inspiration-box:nth-child(4n) {
    clear: none;
}

.janus-sdk-inspiration .janus-inspiration-box:nth-child(5n) {
    clear: left;
}


/*----------------------------tutotrial-video-section-css-END------------------------*/

/*=========================================Labeling-Page_CSS_END=======================================*/

/*=========================================Case-studies-A-Page_CSS_START=======================================*/

.janus-case-study-a-banner {
    /*background-image: url(/Presentation/Includes/_images/DeveloperProgram/case-studies-a-bg.jpg);
  background-size: cover;*/
    min-height: 450px;
}

.janus-labeling-mobile-banner {
    background-image: url(/Presentation/Includes/_images/DeveloperProgram/label-ban-bg.png) !important;
}

.janus-case-study-c-banner {
    background-size: cover;
    min-height: 250px;
    background-position: center center;
}

    .janus-case-study-c-banner .janus-banner-text-box {
        padding-top: 100px;
    }

.janus-latest-case-study-section {
    padding: 50px 0px;
}

    .janus-latest-case-study-section .janus-sec-heading {
        text-transform: uppercase;
        font-size: 28px;
        font-family: Catamaran;
    }

/*.janus-latest-case-study-wrapp {
    background: #f4f4f4;
}*/

.janus-latest-case-study-box {
    float: left;
    width: 33.33%;
    border: 1px solid #dedede;
    padding: 15px 10px;
    background: #f4f4f4;
}

.janus-case-study-box-img {
    /*   height: 238px;*/
    overflow: hidden;
}

    .janus-case-study-box-img img {
        width: 100%;
        height: auto;
    }

.janus-recent-heading {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 15px;
    font-family: Catamaran;
    color: #000000;
}

/*=========================================Case-studies-A-Page_CSS_END=======================================*/

/*=========================================Case-studies-B-Page_CSS_START=======================================*/

.janus-case-study-filters {
    background: #f5f6f8;
    padding: 25px 20px;
}

.janus-filter-header h5 {
    font-size: 2.4rem;
    float: left;
}

.janus-icon-expand {
    display: inline-block;
    position: relative;
    float: right;
}

    .janus-icon-expand:after {
        background-color: #fff;
        color: #1965e1;
        content: '';
        background: url(/Presentation/Includes/_images/DeveloperProgram/minimize.png) !important;
        height: 25px;
        width: 25px;
        background-repeat: no-repeat;
        display: block;
        font-size: 22px;
    }

.janus-filter-header.collapsed .janus-icon-expand:after {
    background-color: #fff;
    color: #1965e1;
    content: '';
    background: url(/Presentation/Includes/_images/DeveloperProgram/maximize.png) !important;
    height: 25px;
    width: 25px;
    background-repeat: no-repeat;
    display: block;
    font-size: 22px;
}


.janus-title-header {
    margin-top: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
    position: relative;
    cursor: pointer;
}

    .janus-title-header:after {
        content: "";
        background: url(/Presentation/Includes/_images/DeveloperProgram/up-arrow.png) no-repeat;
        background-size: 100%;
        width: 30px;
        height: 30px;
        position: absolute;
        right: 0px;
    }

    .janus-title-header.collapsed:after {
        content: "";
        background: url(/Presentation/Includes/_images/DeveloperProgram/down-arrow.png) no-repeat;
        background-size: 100%;
        width: 30px;
        height: 30px;
        position: absolute;
        right: 0px;
    }

    .janus-title-header span {
        font-size: 18px;
        color: #000000;
    }

.janus-coveo-checkbox label {
    position: relative;
    display: block;
    /* margin-bottom: 20px;*/
}

.radio-box .janus-radio {
    position: absolute;
    top: -4px;
    left: -24px;
    width: 25px;
    height: 25px;
    border: 2px solid #8A8A8A;
    display: inline-block;
    border-radius: 50%;
}

.radio-box.janus-coveo-checkbox label:before {
    content: "";
    border: 0px !important;
}


.janus-coveo-checkbox input[type="radio"]:checked ~ .janus-radio {
    border: 2px solid #0D2EA0;
    background: #0D2EA0;
}

    .janus-coveo-checkbox input[type="radio"]:checked ~ .janus-radio:after {
        content: "";
        width: 8px;
        height: 8px;
        background: #ffffff;
        position: absolute;
        top: 1px;
        border-radius: 50%;
        position: absolute;
        left: 7px;
        top: 50%;
        right: 0px;
        transform: translateY(-50%);
    }

.janus-coveo-checkbox .janus-checkmark {
    position: absolute;
    top: 0px;
    left: -20px;
    width: 25px;
    height: 25px;
    border: 2px solid #8A8A8A;
    display: inline-block;
}

.janus-coveo-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

    .janus-coveo-checkbox input:checked ~ .janus-checkmark {
        border: 2px solid #0D2EA0;
        background: #0D2EA0;
    }

        .janus-coveo-checkbox input:checked ~ .janus-checkmark:after {
            content: "";
            width: 20px;
            height: 20px;
            background: url(/Presentation/Includes/_images/DeveloperProgram/check.png);
            background-size: 100%;
            position: absolute;
            top: 1px;
            ;
        }

.janus-label-text {
    margin-left: 0px;
    font-size: 14px;
    font-weight: 400;
}

.janus-coveo-checkbox {
    margin-bottom: 20px;
}

.janus-case-study-box-wrapper {
    background: #1f1f1f;
    padding: 20px 0px 20px 15px;
}


    .janus-case-study-box-wrapper .janus-inspiration-box {
        padding-right: 15px;
    }

.send-your-story-row span {
    font-size: 16px;
}

.janus-case-study-box-wrapper .janus-inspiration-box {
    padding: 0px;
    padding-right: 15px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.janus-case-study-b-ul li {
    margin-bottom: 10px;
    display: table;
}

    .janus-case-study-b-ul li .icons-wrapp {
        display: table-cell;
        width: 25px;
    }

    .janus-case-study-b-ul li:last-child {
        margin-bottom: 0px;
    }

.form-control-feedback {
    display: none !important;
}

.janus-case-study-date {
    color: #ffffff;
    font-size: 18px;
    position: relative;
    top: 5px;
    display: block;
    margin-left: 10px;
}

.janus-case-study-publish {
    color: #ffffff;
    font-size: 18px;
    position: relative;
    top: 5px;
    display: block;
    margin-left: 10px;
}

.janus-case-study-box-wrapper .janus-inspiration-box .ins-box-heading {
    height: 144px;
    overflow: hidden;
}

/*.janus-case-study-box-wrapper .janus-inspiration-box .ins-box-para {
    height: auto;
    overflow: hidden;
    font-size: 16px;
    max-height: inherit;
    min-height: 168px;
}*/

.janus-case-study-box-wrapper .janus-inspiration-box-img {
    max-height: 175px;
    overflow: hidden;
}

/*=========================================Case-studies-B-Page_CSS_END=======================================*/

/*=========================================SUBMIT-PAGE-CSS-START-=======================================*/

.janus-submitt-banner {
    min-height: 400px;
}

    .janus-submitt-banner .janus-banner-text-box {
        position: absolute;
        top: 50%;
        left: 0px;
        right: 0px;
        text-align: center;
        transform: translateY(-50%);
    }

.stric-start {
    color: red;
}

.janus-submit-form-section {
    padding-top: 30px;
}

.submit-para {
    font-size: 18px;
    line-height: 34px;
    ;
}

.janus-submit-form-wrapper {
}

.notice-para {
    font-size: 14px;
    color: #4A4A4A;
}

.janus-submit-form-wrapper
/*=========================================SUBMIT-PAGE-CSS-END-=======================================*/
/*=========================================SDK-DOWNLOAD-CSS-START-=======================================*/
.janus-sdk-download-banner {
    background-image: url(/Presentation/Includes/_images/DeveloperProgram/sdk-download.jpg);
    background-size: cover;
}

.janus-sdk-download-brands {
    padding-top: 70px;
}

.janus-brand-list {
    text-align: center;
    margin-bottom: 40px;
}

    .janus-brand-list li {
        display: inline-block;
        background: #e5f6ee;
        width: 20%;
        margin: 5px 5px 5px 5px;
        vertical-align: top;
    }

        .janus-brand-list li:nth-child(2) {
            background: #ffece5;
        }

        .janus-brand-list li:nth-child(3) {
            background: #fae7ed;
        }

        .janus-brand-list li:nth-child(4) {
            background: #e6eaf5;
        }

        .janus-brand-list li:nth-child(5) {
            background: #fff9ed;
        }

        .janus-brand-list li:nth-child(6) {
            background: #e6eaf5;
        }

        .janus-brand-list li:nth-child(8) {
            background: #ffece5;
        }

        .janus-brand-list li:nth-child(9) {
            background: #f4f4f4;
        }

.janus-sdk-download-brands-box {
    padding: 15px;
}

.janus-brand-heading {
    font-size: 24px;
    font-family: Catamaran;
    font-weight: 600;
    margin-bottom: 30px;
}

.janus-brand-img {
    margin-bottom: 20px;
    overflow: hidden;
}

.sdk-box-title {
    padding: 5px 5px;
    /*background: #ffffff;
    border: 1px solid #000;*/
    text-transform: uppercase;
    border-radius: 2px;
    font-size: 15px;
    font-weight: 600;
    color: #000000;
    display: block;
    line-height: 21px;
    word-break: break-word;
}

    .sdk-box-title:hover {
        color: #333333;
    }

.now-more-btn:hover {
    color: #000000;
}

.esp-bg {
    background: #ffece5;
}

.template-bg {
    background: #fae7ed;
}

.frame-bg {
    background: #e6eaf5;
}

.mobile-bg {
    background: #fff9ed;
}

.blk-berry-bg {
    background: #f4f4f4;
}

.janus-sdk-support-box .pink-btn {
    padding: 0px;
    font-size: 20px;
}

.janus-sdk-support-box {
    float: left;
    width: 50%;
    padding: 50px 20px;
    text-align: center;
    border: 1px solid #dedede;
}

.janus-support-heading {
    font-size: 24px;
    font-weight: 600;
    font-family: Catamaran;
    margin-bottom: 10px;
}

.janus-support-para {
    font-size: 16px;
    min-height: 48px;
    max-height: 48px;
    overflow: hidden;
}

.janus-sdk-inspiration .janus-inspiration-box {
    width: 25%;
}

.janus-looking-inspiration {
    padding-top: 70px;
    padding-bottom: 30px;
}

    .janus-looking-inspiration .pink-btn {
        padding: 0px;
        font-size: 20px;
    }

.video-tutorial-section .btn-green {
    font-weight: 600;
}

.janus-sdk-title {
    font-size: 28px;
    font-family: Catamaran;
}

.janus-sdk-prod-row {
    border: 1px solid #dedede;
    padding: 30px;
    margin-bottom: 30px;
}

.janus-sdk-details h5 {
    font-size: 30px;
    margin-bottom: 20px;
    text-transform: uppercase;
    word-break: break-all;
}

.janus-sdk-details p {
    font-size: 16px;
    margin-bottom: 20px;
}

.janus-sdk-details .janus-btn-blue.btn-lg {
    padding: 12px 50px;
}
/*=========================================SDK-DOWNLOAD-CSS-END-=======================================*/

/*=========================================BSI-CSS-START-=======================================*/

.janus-sbi-banner {
    background-image: url(/Presentation/Includes/_images/DeveloperProgram/bsi-banner.jpg) !important;
    background-size: cover;
    min-height: 450px;
}

    .janus-sbi-banner .janus-ban-heading {
        line-height: 75px;
    }

.janus-print-scanner {
    padding-top: 50px;
}

.janus-sbi-title {
    font-size: 28px;
    text-transform: uppercase;
    color: #000000;
    font-family: Catamaran;
}

.janus-sbi-sub-title {
    font-size: 24px;
}

.janus-creative-info-header {
    background: #0d2ea0;
    border-radius: 2px;
    padding: 15px 20px;
}

.janus-cretive-info-logo {
    margin-right: 20px;
}

.janus-creative-info-title {
    font-size: 24px;
}

.bg-green {
    background: #01A65F;
}

.janus-creative-info-box .janus-btn-blue.btn-md {
    font-size: 20px;
    font-weight: 500;
}

.janus-accelerate-list {
    padding-left: 45px
}

    .janus-accelerate-list li p {
        position: relative;
    }

        .janus-accelerate-list li p:before {
            content: "";
            width: 4px;
            height: 4px;
            border-radius: 50%;
            position: absolute;
            top: 10px;
            left: -25px;
            background: #000;
        }

.janus-creative-text-box h4 {
    font-size: 24px;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.janus-creative-text-box span {
    font-size: 21px;
    color: #ffffff;
}

.janus-creative-info-body {
    padding: 30px 0px;
}

.janus-print-scanner .btn-blue {
    font-weight: 500;
    padding: 0px 80px;
}

.janus-sbi-para {
    font-size: 16px;
    margin-bottom: 0px;
}

.janus-sbi-sub-text {
    font-size: 28px;
    font-family: Catamaran;
    font-weight: 600;
}

.janus-product-category-table thead {
    background: #0D2EA0;
    color: #ffffff;
}

    .janus-product-category-table thead td h4 {
        font-size: 18px;
        margin-bottom: 0px;
    }

    .janus-product-category-table thead td p {
        font-size: 18px;
        margin-bottom: 0px;
    }

.janus-product-category-table tbody td h4 {
    font-size: 16px;
    margin-bottom: 0px;
    font-weight: 600;
}

.janus-product-category-table tbody td p {
    font-size: 16px;
    margin-bottom: 0px;
}

.janus-product-category-table tr td:first-child {
    width: 20%;
    border-right: 1px solid #D8D8D8;
}

.janus-product-category-table tr td {
    padding: 15px 20px !important;
}

.janus-product-category-table tbody tr:nth-child(even) {
    background: #E6EAF5;
}

.janus-sbi-title-2 {
    font-size: 28px;
    font-family: Catamaran;
    text-transform: capitalize;
}

.janus-multifunction-list li {
    display: table;
    margin-bottom: 30px;
}

    .janus-multifunction-list li:last-child {
        margin-bottom: 0px;
    }

    .janus-multifunction-list li .multifunction-list-icons {
        display: table-cell;
        padding-right: 25px;
    }

.janus-bsi-top-feature .janus-new-ql-heading {
    font-size: 30px;
    text-transform: uppercase;
}

    .janus-bsi-top-feature .janus-new-ql-heading a {
        color: #ffffff;
    }

.janus-bsi-top-feature .ql-sereies-feature-ul li {
    width: 25%;
}

.janus-bsi-top-feature .ql-feature-text {
    font-size: 16px;
    width: 100%;
}

.janus-bsi-custom-interactive-text {
    padding: 30px 0px;
}

    .janus-bsi-custom-interactive-text .janus-sbi-para {
        margin-bottom: 20px
    }

        .janus-bsi-custom-interactive-text .janus-sbi-para span {
            margin-right: 18px
        }

.janus-bsi-custom-interactive-list {
    list-style-type: inherit;
    padding-left: 45px;
}

    .janus-bsi-custom-interactive-list li {
        padding-left: 12px;
    }

.Janus-bsi-product-of-month {
    padding: 40px 0px;
}

.janus-bsi-product-month-content {
    padding: 25px 15px;
    background: #ffffff;
    border-radius: 2px;
}

    .janus-bsi-product-month-content span a {
        font-size: 18px;
        text-transform: uppercase;
        margin-bottom: 10px;
        display: inline-block;
        color: #000000;
        font-family: inherit;
    }

        .janus-bsi-product-month-content span a:hover {
            color: #000000;
        }

    .janus-bsi-product-month-content h4 {
        margin-bottom: 10px;
    }

        .janus-bsi-product-month-content h4 a {
            font-size: 21px;
            line-height: 30px;
            font-weight: 600;
            color: #000000;
            font-family: inherit;
        }

            .janus-bsi-product-month-content h4 a:hover {
                color: #000000;
            }

    .janus-bsi-product-month-content p a {
        color: #000000;
        font-family: inherit;
    }

        .janus-bsi-product-month-content p a:hover {
            color: #000000;
        }

.janus-bsi-support {
    padding: 50px 0px;
}

.janus-printer-box {
    border: 1px solid #DEDEDE;
}

.janus-print-box-title {
    padding: 15px 0px;
    text-align: center;
    border-bottom: 1px solid #dfdfdf;
}

.janus-print-box-icon {
    overflow: hidden;
}

.janus-print-box-title h5 {
    font-size: 21px;
    font-weight: 500;
    text-transform: uppercase;
}

.janus-printer-box p {
    font-size: 16px;
    margin-bottom: 0px;
    padding: 20px;
}

.janus-bsi-page .video-tutorial-section {
    padding: 35px 0px 50px 0px;
}

.janus-bsi-page .janus-new-ql-heading {
    background: #D31658;
    padding: 20px 10px;
    line-height: 40px;
}

.Janus-bsi-product-title {
    font-size: 30px;
    color: #ffffff;
    font-family: Catamaran;
    font-weight: 700;
    ;
}
/*=========================================BSI-CSS-END-=======================================*/

.janus-input-file .form-control {
    background: #fff;
    box-shadow: none;
    border-color: #dedede;
    border-radius: 2px;
    min-height: 49px;
}

.janus-input-file .btn {
    background-color: #01A65F;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    min-height: 49px;
    font-weight: 600;
    line-height: 34px;
    padding: 6px 25px;
    border-radius: 2px !important;
}

.janus-custom-form .input-group-btn {
    padding-left: 20px;
}


footer .container {
    background-color: transparent;
    !Important;
}

.footer {
    margin-top: 0px;
}
/*=========================================Sign-Up-page_CSS_START=======================================*/

.janus-small-text {
    font-size: 20px;
    color: #ffffff;
}

.janus-form-instuc ul {
    padding-left: 50px;
}

    .janus-form-instuc ul li {
        font-size: 18px;
        color: #000;
        margin-bottom: 15px;
        position: relative;
    }

        .janus-form-instuc ul li:before {
            content: "";
            position: absolute;
            left: -45px;
            width: 20px;
            height: 20px;
            background: #f0f0f0;
            border-radius: 50%;
        }

        .janus-form-instuc ul li:last-child {
            margin-bottom: 0px;
        }

.janus-form-check-box h4 {
    color: #4a4a4a;
    font-size: 18px;
    font-weight: 600;
    padding: 0px 15px;
}

.janus-check-wrapp .janus-label-text {
    font-weight: 500;
}

.form-para {
    font-size: 14px;
    margin-bottom: 20px;
}

/*=========================================Sign-Up-page_CSS_End=======================================*/


/*=========================================Members_CSS_START=======================================*/

.janus-create-massage-head {
    padding: 0px 15px;
}

    .janus-create-massage-head .janus-btn-blue.btn-lg {
        margin-right: 0px;
    }

.janus-msg-heading {
    font-size: 26px;
    position: relative;
    top: 20px;
}

.janus-create-massage .janus-custom-table tr td a {
}

.janus-mess-date {
    color: #000000;
    font-weight: 400;
    font-size: 18px;
}

.janus-mass-name {
    color: #000000;
    font-weight: 400;
    font-size: 18px;
}

.member-table thead tr td h4 {
    font-weight: 700;
}

.member-table tr td:nth-child(1) {
    width: 15%;
}

.member-table tr td:nth-child(2) {
    width: 65%;
}

.member-table tr td:nth-child(3) {
    width: 20%;
}

.member-table .recent-table-date {
    color: #0d2ea1;
    font-weight: 600;
    cursor: pointer;
    display: block;
}

.janus-message-detail {
    margin: 20px 0px 0px 0px;
}

    .janus-message-detail p {
        font-size: 14px;
        margin: 20px 0px;
    }

.janus-message-footer span {
    display: block;
}

.janus-message-detail h5 {
    font-weight: 700;
    font-size: 18px;
    margin-top: 20px;
}

    .janus-message-detail h5 img {
        width: 40px;
        margin-right: 15px;
    }

.janus-create-massage-head .modal-title {
    font-size: 24px;
}

.janus-create-massage .modal-dialog {
    /*position: absolute;
    left: 0px;
    right: 0px;
    top: 50%;
    transform: translateY(-50%)!important;*/
    width: 600px;
    margin: 30px auto;
}

.modal-content {
    padding: 15px;
}

.janus-create-massage .modal-dialog .modal-content {
    padding: 0;
}

.janus-create-massage .modal-body {
    padding: 15px !important;
    overflow-y: inherit !important;
}

.janus-create-massage .form-group {
    margin-bottom: 15px !important;
}

.janus-create-massage .modal-header {
    padding: 15px 15px !important;
}

.janus-create-massage .modal-footer {
    text-align: center !important;
}

/*=========================================Members_CSS_End=======================================*/

/*=========================================Membership-Status_CSS_Start=======================================*/

.janus-member-package-wrapp {
    max-width: 800px;
    margin: 0px auto;
    margin-top: 30px;
}

    .janus-member-package-wrapp .col-lg-8.col-md-8 {
        width: 100% !important;
    }

/*.janus-member-package-wrapp .col-lg-8 .janus-member-accordian:nth-child(3) .janus-accordian-head {
        background-color: #fff9d6;
    }

    .janus-member-package-wrapp .col-lg-8 .janus-member-accordian:nth-child(4) .janus-accordian-head {
        background-color: #FFF2A4;
    }*/

.janus-current-status {
    max-width: 850px;
    margin: 0px auto;
    padding: 30px 15px;
}

    .janus-current-status h4 {
        font-size: 20px;
        color: #000000;
        float: left;
        font-weight: 700;
        position: relative;
        top: 14px;
    }

.gold-plus-head {
    background-color: #fff2a4;
}

.janus-recent-table-wrapp {
    overflow-x: scroll;
}
/*=========================================Membership-Status_CSS_End=======================================*/



/*=========================================Login-Page_CSS_Start=======================================*/

.janus-login-account-wrapp .btn-lg {
    min-width: 400px;
}

.janus-forgot-password {
    display: inline;
    font-size: 18px;
    font-weight: 600;
}
/*=========================================Login-Page_CSS_End=======================================*/


/*=========================================Your-Profile_CSS_Start=======================================*/
.janus-profile-heading {
    font-size: 21px;
    font-weight: 600;
}
/*=========================================Your-Profile_CSS_End=======================================*/

.index-table tr td:nth-child(1) {
    width: 15%;
}

.index-table tr td:nth-child(2) {
    width: 35%;
}

.index-table tr td:nth-child(3) {
    width: 50%;
}

.index-table tr th {
    font-size: 24px;
    color: #0D2EA0;
}

.index-table tr td {
    font-size: 16px;
    color: #4a4a4a;
}

.link-ul li {
    margin-bottom: 20px;
}

    .link-ul li a {
        font-size: 30px;
        text-decoration: underline;
    }

/*=========================================Member Center For Admin_CSS_Start=======================================*/

.member-table-admin thead tr td h4 {
    font-weight: 700;
}

.member-table-admin .recent-table-date {
    color: #0d2ea1;
    font-weight: 600;
    cursor: pointer;
    display: block;
}

.member-center-select {
    min-width: 170px;
}

.janus-member-recent-wrapp {
    min-height: 400px;
}

/*=========================================Member Center For Admin_CSS_End=======================================*/
.janus-pdp-page .site-selection.open {
    background: none !important;
}

.janus-check-wrapp .janus-coveo-checkbox label {
    display: inline-block;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: red !important;
}
/*------------------------------------*/
.j-forgot-p-title1 {
    margin-top: 20px;
    margin-bottom: 10px;
}

.header-container .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: transparent !important;
    border-color: transparent !important;
}

.janus-forgot-section {
    margin-bottom: 20px;
}

.form-relative {
    position: relative;
}

.forgote-pass-bdp {
    min-height: 51vh;
    padding: 30px 20px;
}

.col-md-offset-2 h1 {
    margin: 30px 0px 15px 0px;
}

.col-md-offset-2 h6 {
    margin: 15px 0px;
}

.forgote-pass-bdp h1 {
    margin: 15px 0px !Important;
}

.color-ui-success-green {
    margin-bottom: 15px;
}

.janus-product-id a {
    font-size: 21px;
    font-family: inherit;
    font-weight: 600;
    color: #000000;
    text-transform: uppercase;
}

.janus-product-heading a {
    font-size: 24px;
    font-family: inherit;
    font-weight: 600;
    color: #000000;
    text-transform: uppercase;
}

.janus-product-id a:hover {
    color: #000000;
}

.janus-product-heading a:hover {
    color: #000000;
}

.janus-password-filled-sect .block {
    font-size: 14px;
    display: block;
    padding: 5px 0 5px 26px;
    position: relative;
}

    .janus-password-filled-sect .block i {
        background: #f0f0f0;
        width: 15px;
        height: 15px;
        display: inline-block;
        border-radius: 20px;
        margin-right: 8px;
        vertical-align: middle;
        position: absolute;
        left: 0;
        top: 7px;
    }

        .janus-password-filled-sect .block i:before {
            content: '';
            display: none;
        }

        .janus-password-filled-sect .block i.color-green {
            background: #01A65F;
        }

.janus-shopc-page-loader {
    position: absolute;
    background: rgba(255, 255, 255, .9);
    z-index: 20;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

    .janus-shopc-page-loader img {
        position: absolute;
        width: 80px;
        height: 80px;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

.thank-you-accordian:after {
    content: "";
    display: none;
}

.thank-you-accordian .janus-accordian-heading {
    margin-bottom: 25px;
}

/* bms component css 24-01-2020 */
.vms-inner-block {
    position: relative;
    margin-bottom: 30px;
}

.vms-bg-img img {
    max-width: 100%;
    height: auto;
}

.vms-inner-block .vms-title {
    position: absolute;
    bottom: 25px;
    background: rgba(255, 255, 255, .90);
    padding: 18px 30px;
    font-family: Catamaran;
    font-weight: 300;
    font-size: 32px;
    height: 100px;
    width: 81%;
}

    .vms-inner-block .vms-title:after {
        border-left: 30px solid rgba(255, 255, 255, .90);
        border-bottom: 50px solid transparent;
        border-top: 50px solid transparent;
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        right: -30px;
        top: 0;
    }

.vms-inner-block .vms-learmore-btn {
    position: absolute;
    background: #9ec431;
    color: #fff;
    font-size: 18px;
    display: block;
    padding: 6px 10px 4px 10px;
    font-weight: 400;
    font-family: Catamaran;
    width: 130px;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -15px;
    line-height: 20px;
}

    .vms-inner-block .vms-learmore-btn:hover {
        background: #8eb02a;
        color: #fff;
    }

.vms-inner-block .vms-title span {
    color: #9ec431;
}
.janus-case-study-box-wrapper .janus-inspiration-box-img img {
    width: 100%;
    height: 175px;
}


@media (max-width: 767px) {
    .vms-inner-block {
        border: 1px solid #ececec;
    }

        .vms-inner-block .vms-title {
            position: relative;
            bottom: 0;
            background: none;
            padding: 12px 12px;
            font-family: Catamaran;
            font-weight: 300;
            font-size: 25px;
            height: auto;
            width: 100%;
            padding-bottom: 25px;
        }

            .vms-inner-block .vms-title:after {
                content: none;
            }
}