@font-face{
    font-family: "proxima-nova-light";
    src: url("/static/fonts/proximanova-light/ProximaNova-Light-webfont.eot");
    src: url("/static/fonts/proximanova-light/ProximaNova-Light-webfont.eot?#iefix") format("embedded-opentype"),
    url("/static/fonts/proximanova-light/ProximaNova-Light-webfont.woff") format("woff"),
    url("/static/fonts/proximanova-light/ProximaNova-Light-webfont.ttf") format("truetype"),
    url("/static/fonts/proximanova-light/ProximaNova-Light-webfont.svg#proxima_nova_ltlight") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face{
    font-family: "proxima-nova";
    src: url("/static/fonts/proximanova-regular/ProximaNova-Reg-webfont.eot");
    src: url("/static/fonts/proximanova-regular/ProximaNova-Reg-webfont.eot?#iefix") format("embedded-opentype"),
    url("/static/fonts/proximanova-regular/ProximaNova-Reg-webfont.woff") format("woff"),
    url("/static/fonts/proximanova-regular/ProximaNova-Reg-webfont.ttf") format("truetype"),
    url("/static/fonts/proximanova-regular/ProximaNova-Reg-webfont.svg#proxima_nova_rgregular") format("svg");
    font-weight: normal;
    font-style: normal
}
@font-face{
    font-family: "proxima-nova-bold";
    src: url("/static/fonts/proximanova-semibold/ProximaNova-Sbold-webfont.eot");
    src: url("/static/fonts/proximanova-semibold/ProximaNova-Sbold-webfont.eot?#iefix") format("embedded-opentype"),
    url("/static/fonts/proximanova-semibold/ProximaNova-Sbold-webfont.woff") format("woff"),
    url("/static/fonts/proximanova-semibold/ProximaNova-Sbold-webfont.ttf") format("truetype"),
    url("/static/fonts/proximanova-semibold/ProximaNova-Sbold-webfont.svg#proxima_nova_ltsemibold") format("svg");
    font-weight: normal;
    font-style: normal
}
/*static Css For Header */

*,
*:before,
*:after{
    box-sizing: border-box;
}
html{
    -webkit-tap-highlight-color: transparent;
}
body{
    font-family: "proxima-nova",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
    font-size: 16px;
    line-height: 1.52857;
    color: #555;
    font-weight: normal;
    margin: 0;
}
code{
    background-color: #f9f2f4;
    white-space: nowrap;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6{
    line-height: 1.3;
    font-weight: normal;
}
b,
strong{
    font-family: "proxima-nova-bold",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
    font-weight: normal;
}
h1,
h2,
h3,
h4{
    margin-top: 0;
}
input,
textarea{
    outline: none;
    -webkit-appearance: none;
}
a{
    /*color: #09f;*/
    text-decoration: none
}
a:active,
a:hover,
a:focus{
    color: #00b3ff;
    outline: 0
}
.come-out a:not(:hover):not(.btn-get-started):not(.pn-btn):not(.no-tra):not(.red-cta){
    color: #0078c7;
    transition: all 0s;
    transition-delay: 3s;
}
.come-out.come-in a:not(:hover):not(.btn-get-started):not(.pn-btn):not(.no-tra):not(.red-cta){
    color: #09f;
    transition: all 0s;
    transition-delay: 3s;
}
body:not(.show-ratio-img) .pn-section-cf a:not(:hover):not(.pn-btn):not(.no-tra):not(.red-cta){
    color: #0078c7;
    transition: all 0s;
    transition-delay: 3s;
}
.come-out.come-in a:hover,
.come-out.come-in a:focus{
    color: #00b3ff;
    transition: none !important;
}
.lateload .come-out a,
.lateload .come-out.come-in a{
    transition-delay: 0s !important;
}
.clearfix{
    clear: both;
}
.clearfix:before, .clearfix:after{
    content: " ";
    display: table;
}
.clearfix:after{
    clear: both;
}
img{
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    border: 0;
}
iframe{
    max-width: 100%;
    border: 0;
}
ul,
ol{
    margin-top: 0;
    margin-bottom: 12px;
    padding-left: 20px;
}
ul ul,
ul ol,
ol ul,
ol ol{
    margin-bottom: 0;
}
footer ul{
    list-style-type: none;
}
.pull-left{
    float: left;
}
.pull-right{
    float: right;
}
.text-center{
    text-align: center;
}
.hidden{
    display: none !important;
    visibility: hidden !important;
}
.text-right{
    text-align: right;
}
.text-left{
    text-align: left;
}
.navbar-fixed-top{
    z-index: 1030;
    top: 0
}
@media (max-width: 768px){
    .navbar-fixed-top{
        position: fixed
    }
}
.navbar-fixed-top,
.navbar-fixed-bottom{
    position: fixed;
    right: 0;
    left: 0;
    border-width: 0 0 1px
}
@media (min-width: 768px){
    .navbar-fixed-top,
    .navbar-fixed-bottom{
        border-radius: 0
    }
}
@media (max-width: 768px){
    .navbar-fixed-top,
    .navbar-fixed-bottom{
        position: static
    }
    .navbar-fixed-top{
        position: fixed;
    }
}
.dropdown{
    position: relative;
}
body{
    padding-top: 64px !important;
}
.widgettitle{
    display: none;
}
a.btn-get-started-nav{
    height: 40px;
    display: block;
    font-size: 16px;
    color: #fff;
    padding-top: 20px;
    line-height: 0;
    background: #d02129;
    border: 1px solid #d02127;
    margin-right: 15px;
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
}
@media (max-width: 991px) and (min-width: 768px){
    a.btn-get-started-nav{
        margin-top: 0;
        position: relative;
        top: -18px;
        float: right;
    }
}
a.btn-get-started-nav:hover{
    background: #fff;
    color: #d02129;
    text-decoration: none;
}
.talktosale-menu-btn{
    display: inline-block;
    vertical-align: middle;
    font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.talktosale-menu-btn a{
    color: #d02129;
    height: 40px;
    width: 120px;
    display: block;
    font-size: 16px;
    padding-top: 20px;
    line-height: 0;
    background: #fff;
    border: 1px solid #d02127;
    margin-right: 15px;
    border-radius: 5px;
    text-align: center;
}
.talktosale-menu-btn a:hover{
    color: #fff;
    background: #d02129;
}
.menu-login-search{
    float: right;
    position: relative;
    top: -14px;
}
.search-menu-btn:active,
.search-menu-btn:hover,
.search-menu-btn:focus{
    outline: none !important;
}
.search-menu-btn-mobile,
.search-menu-btn{
    float: left;
    font-size: 0;
    display: inline-block;
    width: 14px;
    background: url(/wp-content/uploads/2018/10/icon-search.svg) center center no-repeat;
    height: 14px;
    margin-right: 25px;
    border: 0;
    outline: none !important;
    background-size: 100% 100%;
}
.search-menu-btn-mobile{
    display: none;
}
@media (max-width: 991px){
    .menu-open-search{
        height: 0;
        width: 0;
    }
    .search-menu-btn-mobile{
        float: right;
        display: block;
        margin: -3px 10px 0;
        width: 16px;
        background: url(/wp-content/uploads/2018/08/search-icon-black.svg) center center no-repeat;
        height: 16px;
    }
    .page-template-algolia-search .search-menu-btn-mobile{
        display: none;
    }
}
.search-area{
    display: inline-block;
    vertical-align: middle;
    position: static;
    width: 40px;;
}
.search-area .header-search-form{
    display: none;
}
@media (max-width: 991px){
    .search-area{
        padding-left: 20px;
        height: 20px;
    }
    .search-area button{
        height: 40px;
        padding: 0;
    }
    .search-area .search-menu-btn{
        display: none;
    }
}
.top-pannel{
    height: 44px;
    width: 100%;
    position: fixed;
    z-index: 99998;
    background: #fefbfb;
    top: 0;
    text-align: right;
}
.admin-bar .top-pannel{
    top: 32px;
}
.login-menu-btn{
    display: inline-block;
}
.top-pannel a{
    font-size: 12px;
    line-height: 14px;
    padding: 17px 0 0;
    color: #777 !important;
    display: inline-block;
    margin: 0 0 0 35px;
    text-transform: uppercase;
    vertical-align: top;
    font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.top-pannel a:hover,
.top-pannel .login-menu-btn a{
    color: #d02129 !important
}
.top-pannel .login-menu-btn a:hover{
    color: #555 !important;
}
.top-pannel .login-menu-btn a svg{
    padding-left: 6px;
    width: 20px;
}
.top-pannel .login-menu-btn a:hover svg{
    fill: #555 !important;
}
.top-pannel li#logged-in{
    display: block;
}
#user-dropdown a .fa-user:before{
    font-size: 16px;
}
.top-pannel a i.fa.fa-user.profile.branded{
    margin: -3px 0 0 !important;
}
#navigation-register-desktop{
    display: inline-block;
    vertical-align: middle;
}
.navbar-fixed-top.pn-header{
    background-color: #fff !important;
    height: 60px;
    z-index: 99999;
    top: 44px;
    transition: top 350ms 250ms ease;
    font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.navbar-fixed-top.pn-header .logo{
    padding: 18px 0 15px 15px;
}
.navigation-spacing{
    margin-top: 24px;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item.dropdown > span:after,
.pn-header #menu-wrap-primary #menu-primary > li.menu-item.dropdown > a:after{
    content: '';
    display: inline-block;
    position: absolute;
    background: url("/wp-content/uploads/2017/08/arrow.png") no-repeat;
    height: 6px;
    width: 9px;
    top: 50%;
    right: 7px;
    margin-top: -8px;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item:hover > span:after,
.pn-header #menu-wrap-primary #menu-primary > li.menu-item:hover > a:after{
    background: url("/wp-content/uploads/2017/08/arrow-active.png") no-repeat;
    border: 0;
    top: 48%;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item:first-child{
    padding-left: 25px;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item{
    float: left;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item span.menu-link,
.pn-header #menu-wrap-primary #menu-primary > li.menu-item a{
    color: #555 !important;
    font-size: 15.2px !important;
    font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    text-transform: none !important;
    position: relative !important;
    padding: 0 20px !important;
    text-decoration: none;
    line-height: 17px;
    vertical-align: top;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item.no-dropdown a{
    padding: 0 24px 0 25px !important;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item.dropdown span,
.pn-header #menu-wrap-primary #menu-primary > li.menu-item.dropdown a{
    padding: 0 20px !important;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .not-link{
    pointer-events: none;
    cursor: text;
    line-height: 17px;
    font-weight: normal;
    height: 28px;
    display: inline-block;
    vertical-align: middle;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu:before{
    display: none;
}
@media (min-width: 992px){
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div.customers-images ul li.see-all{
        margin-bottom: 0;
        padding: 10px 5px 15px 40px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item:hover .sub-menu,
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu li,
    #menu-wrap-primary-mobile #menu-primary-mobile > li.menu-item:hover .sub-menu,
    #menu-wrap-primary-mobile #menu-primary-mobile > li.menu-item .sub-menu li{
        display: block;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item:hover > span.menu-link,
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item:hover > a{
        color: #d02129 !important;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item:hover .sub-menu{
        display: block;
        opacity: 1;
        visibility: visible;
        width: 190px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item:hover .sub-menu{
        width: 630px;
        left: -230px;
        max-height: calc(100vh - 100px);
        overflow-y: auto;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item:hover .sub-menu.company-child{
        width: 396px;
        left: 0;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item:hover .sub-menu.developer-child{
        left: -135px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.customers-stories-child{
        width: 750px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.products-submenu{
        width: 1010px;
        left: -165px;
        padding-right: 10px;

    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.usecases-submenu{
        width: 960px;
        padding-right: 10px;
        left: -135px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.products-submenu > div,
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.usecases-submenu > div{
        width: 33%;
        padding: 25px 0 35px 35px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.usecases-submenu > div.non-title{
        padding-top: calc(25px + 33px);
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.products-submenu > div.full{
        padding-top: 0;
        margin-top: -10px;
        width: 100%;
        text-align: center;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.products-submenu > div.full ul li{
        padding: 10px 25px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.products-submenu > div.full ul{
        max-width: 450px;
        margin: 0 auto;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div.full ul li > a:before{
        position: static;
        display: inline-block;
        margin: 0 10px 5px 0;
        vertical-align: middle;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.products-submenu > div:not(.full){
        width: 33%;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item:hover .sub-col-3 + .sub-menu{
        width: 940px;
        display: flex;
        justify-content: space-between;
        padding: 25px 20px 35px 35px;
        flex-wrap: wrap;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-col-3 + .sub-menu > div{
        width: calc(33.3% - 20px) !important;
        padding: 0;
        margin-bottom: 20px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item:hover .sub-col-2 + .sub-menu{
        width: 800px;
        max-height: calc(100vh - 100px);
        display: flex;
        justify-content: space-between;
        padding: 25px 35px 35px;
        flex-wrap: wrap;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-col-2 + .sub-menu > div{
        width: calc(50% - 20px) !important;
        padding: 0;
        margin-bottom: 20px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item:hover .sub-col-1 + .sub-menu{
        width: 440px;
        max-height: calc(100vh - 100px);
        display: flex;
        justify-content: space-between;
        padding: 35px 35px 35px;
        flex-wrap: wrap;
        left: -120px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-col-1 + .sub-menu > div{
        width: 100% !important;
        padding: 0;
        margin-bottom: 00px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item:nth-child(1) .sub-menu{
        left: -135px
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item:nth-child(2) .sub-menu{
        left: -230px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item:nth-child(3) .sub-menu{
        left: -230px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item:nth-child(4) .sub-menu{
        left: -280px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item:nth-child(5) .sub-menu{
        left: -370px;
    }
    /*fixed child*/

    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li.fixed-bottom a:before{
        top: -5px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-col-1 + .sub-menu > div ul li.fixed-bottom, .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-col-2 + .sub-menu > div ul li.fixed-bottom{
        position: absolute;
        bottom: 0;
        background: #eee;
        width: 50%;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-col-1 + .sub-menu > div ul li.fixed-bottom{
        width: 100%;
        left: 0;
        padding-left: 75px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-col-1 + .sub-menu > div ul li.fixed-bottom a .desc, .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-col-2 + .sub-menu > div ul li.fixed-bottom a .desc{
        display: none;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-col-2 + .sub-menu > div:nth-child(3) ul li.fixed-bottom{
        left: 0;
        padding-left: 75px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-col-2 + .sub-menu > div:nth-child(4) ul li.fixed-bottom{
        right: 0px;
        padding-left: 60px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-col-1 + .sub-menu > div, .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-col-2 + .sub-menu > div{
        margin-bottom: 20px;
    }
    /*fixed child*/

}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.developer-child{
    background-image: url(/wp-content/uploads/2017/08/globe-bg.png);
    background-size: 710px;
    background-repeat: no-repeat;
    background-position: 420px bottom;
    width: 945px;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu h3{
    font-size: 14px !important;
    color: #777;
    letter-spacing: 0.75px;
    margin: 0 0 15px;
    padding: 0;
    font-family: "proxima-nova" !important;
    text-transform: uppercase;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu{
    background-color: #fff !important;
    padding: 0;
    box-shadow: 1px 4px 20px 0px rgba(134, 130, 130, 0.52);
    border: 1px solid #f7f7f7;
    margin-top: 8px;
    border-radius: 5px;

}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div{
    width: auto;
    float: left;
    padding: 25px 0 35px 50px;
    padding: 25px 0 35px 45px;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div:nth-child(1){
    width: 295px;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div:nth-child(2){
    width: 310px;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div:nth-child(3){
    width: 330px;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.developer-child > div{
    width: 33%;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.developer-child > div:nth-child(1){
    max-width: 290px;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.developer-child > div:nth-child(3){
    padding-left: 30px;
    padding-right: 15px;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.company-child > div{
    padding: 15px 25px 35px 25px;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.product-child > div:nth-child(3) ul li > span{
    padding-right: 12px !important;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.developer-child div:nth-child(2) ul li span{
    padding-right: 20px !important;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.company-child > div:nth-child(1){
    width: 100%;
    padding-bottom: 15px;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu:not(.product-child) > div:nth-child(1):nth-last-child(2),
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu:not(.product-child) > div:nth-child(2):nth-last-child(1){
    width: 50%;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul{
    padding-left: 40px;
    padding-left: 0px
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li{
    position: relative;
    margin-bottom: 20px;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div.customers-images ul li a img{
    /*max-width: 80px;*/
    max-height: 35px;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div.customers-images ul li:not(.see-all) a:before{
    display: none;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div.customers-images{
    padding-right: 100px;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div.customers-images ul li{
    padding: 22px 20px 22px 0;
    text-align: center;
}
@media (min-width: 992px){
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li{
        margin-bottom: 0;
        padding: 10px 5px 15px 40px;
    }
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li.see-all:hover{
    background: none;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li:hover{
    background: #fefbfb;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li > a:before{
    content: "";
    background-image: url(/wp-content/uploads/2019/02/chat-icon.svg);
    width: 22px;
    height: 22px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    left: -35px;
}
/*icons Start*/
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.dsn-menu:before{
    background-image: url(/wp-content/uploads/2019/11/dsn-menu-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li > a.quickstart-guide:before{
    background-image: url(/wp-content/uploads/2019/02/quickstart-guide-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.sdk-download:before{
    background-image: url(/wp-content/uploads/2019/02/sdk-download-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.general-concepts:before{
    background-image: url(/wp-content/uploads/2019/02/general-concepts-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.tutorials:before{
    background-image: url(/wp-content/uploads/2019/02/tutorials-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.debug-console:before{
    background-image: url(/wp-content/uploads/2019/02/debug-console-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.pubsub-messaging:before{
    background-image: url(/wp-content/uploads/2019/02/pub-sub-messaging-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.functions:before{
    background-image: url(/wp-content/uploads/2019/02/functions-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.presence:before{
    background-image: url(/wp-content/uploads/2019/02/presence-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.access-manager:before{
    background-image: url(/wp-content/uploads/2019/02/access-manager-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.chat-ui-menu:before{
    background-image: url(//images.ctfassets.net/3prze68gbwl1/9XviY7eE5yPILn5VLc0iz/4c380b062f825e5120eaf9ec654970e1/chat-ui-icon.png);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.gateways:before{
    background-image: url(/wp-content/uploads/2019/02/gateways-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.how-pubnub-works:before{
    background-image: url(/wp-content/uploads/2019/02/gear-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.realtime-pubsub-fm:before{
    background-image: url(/wp-content/uploads/2019/02/realtime-messaging-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.pubnub-functions-fm:before{
    background-image: url(/wp-content/uploads/2019/02/functions-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.user-presence-fm:before{
    background-image: url(/wp-content/uploads/2019/02/presence-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.mobile-push-notifications-fm:before{
    background-image: url(/wp-content/uploads/2019/02/alerts-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.security-overview-fm:before{
    background-image: url(/wp-content/uploads/2019/02/security-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.sdk-fm:before{
    background-image: url(/wp-content/uploads/2019/02/sdk-download-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.project-eon-a:before{
    background-image: url(/wp-content/uploads/2019/02/eon-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.javascript-sdk:before{
    background-image: url(/wp-content/uploads/2019/02/js-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.realtime-mapping-tutorials:before{
    background-image: url(/wp-content/uploads/2019/02/realtime-mapping-tutorials-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.building-your-frist-chat-app:before{
    background-image: url(/wp-content/uploads/2019/02/building-your-frist-chat-app-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.android-and-ios-getting-started:before{
    background-image: url(/wp-content/uploads/2019/02/android-ios-getstarted-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li.chatengine a:before{
    background-image: url(/wp-content/uploads/2019/02/chatengine-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li.project-eon a:before{
    background-image: url(/wp-content/uploads/2019/02/eon-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.get-started-menu:before{
    background-image: url(/wp-content/uploads/2019/04/getting-started-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.chat-documentation-menu:before{
    background-image: url(/wp-content/uploads/2019/11/chat-documentation.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.chat-faq-menu:before{
    background-image: url(//images.ctfassets.net/3prze68gbwl1/7dq68oWyiwCM9o8xH6QPio/364ccb0a254ca98c782681068a48abd5/faqs-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.rest-vs-realtime-apps:before{
    background-image: url(/wp-content/uploads/2019/02/rest-vs-realtime-apps-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.streams:before{
    background-image: url(/wp-content/uploads/2019/02/pub-sub-messaging-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.presence:before{
    background-image: url(/wp-content/uploads/2019/02/presence-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.compute:before{
    background-image: url(/wp-content/uploads/2019/02/compute-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.gateways:before{
    background-image: url(/wp-content/uploads/2019/02/gateways-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.chatengine:before{
    background-image: url(/wp-content/uploads/2019/02/chatengine-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.project-eon:before{
    background-image: url(/wp-content/uploads/2019/02/project-eon-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.pro-plan:before{
    background-image: url(/wp-content/uploads/2019/02/pro-plan-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.standard-plan:before{
    background-image: url(/wp-content/uploads/2019/02/standard-plan-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.network-status:before{
    background-image: url(//images.ctfassets.net/3prze68gbwl1/6FTulAhvlBW13jbCR5XDy7/b0c397ac9d56f97ef40ac304335513b3/networkstatus-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.docs-home:before{
    background-image: url(//images.ctfassets.net/3prze68gbwl1/13Cdu3mFyIYtg3TNJjcADs/2956e0b901087e266383134590ebc6c8/docs-home-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.chat-category:before{
    background-image: url(/wp-content/uploads/2019/02/chat-and-collaburate.svg);

}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.finance:before{
    background-image: url(/wp-content/uploads/2019/02/finance-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.collaboration:before{
    background-image: url(/wp-content/uploads/2019/07/collaboration-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.gaming-vr:before{
    background-image: url(/wp-content/uploads/2019/02/gaming-vr-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.healthcare-safety:before{
    background-image: url(/wp-content/uploads/2019/02/health-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.pubnub-technology:before{
    background-image: url(/wp-content/uploads/2019/02/general-concepts-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.support-icon:before{
    background-image: url(/wp-content/uploads/2019/02/support-plans-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.chat:before{
    background-image: url(/wp-content/uploads/2019/02/chat-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.iot-device-control:before{
    background-image: url(/wp-content/uploads/2019/02/iot-device-control-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.realtime-updates:before{
    background-image: url(/wp-content/uploads/2019/02/realtime-updates-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.resource-center:before{
    background-image: url(/wp-content/uploads/2019/02/resource-center-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.customers:before{
    background-image: url(/wp-content/uploads/2019/02/customers-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.tutorials:before{
    background-image: url(/wp-content/uploads/2019/02/tutorials-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.events:before{
    background-image: url(/wp-content/uploads/2019/02/events-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.news-press:before{
    background-image: url(/wp-content/uploads/2019/02/news-press-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.blog:before{
    background-image: url(/wp-content/uploads/2019/02/quickstart-guide-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.about-pubnub:before{
    background-image: url(/wp-content/uploads/2019/02/about-pubnub-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.icon-inappchat:before{
    background-image: url(//images.ctfassets.net/3prze68gbwl1/3N34y4MhCdVqUX1fKOvtO9/7d6dca7a39ec43f84680957717cbcf5d/menu-Icon-inappchat.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.icon-alerts:before{
    background-image: url(//images.ctfassets.net/3prze68gbwl1/1JeWlkx43RkvGSijmfyl2S/d4d5feff4e2d6dd088ca5f00aa4ed55e/menu-Icon-alerts.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.icon-geo:before{
    background-image: url(//images.ctfassets.net/3prze68gbwl1/6mteswrzGXxfzaez5R2a7G/ea8cd8efaf95ac885d74c0b0563151b9/menu-Icon-geo.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.icon-multiuser:before{
    background-image: url(//images.ctfassets.net/3prze68gbwl1/4Wsp0AKJHC0VlgN2o0ep7K/1dd7e3022050d1d8595bad5b1af67600/menu-Icon-multiuser.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.icon-uc-iot:before{
    background-image: url(//images.ctfassets.net/3prze68gbwl1/3sGsjoot3M655zVQU2UrYj/46bc3c58e5414bdc167725da5cf6d80e/menu-Icon-uc-IoT.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.icon-data:before{
    background-image: url(//images.ctfassets.net/3prze68gbwl1/6J1XYZsQWC4ZJH2jZN3cmp/d8ba4d3014322057cfb94b9da7868827/menu-Icon-data.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.icon-healthcare:before{
    background-image: url(//images.ctfassets.net/3prze68gbwl1/6KMJV4IJ5qH0mDM7bubGCj/01e1034a73049c8dc5e40ed7ae070e77/menu-Icon-healthcare.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.icon-gaming:before{
    background-image: url(//images.ctfassets.net/3prze68gbwl1/58h4olWYiYGmT1a8gGHkYT/33cf07c155aee4b8ee252967a9614291/menu-Icon-gaming.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.icon-social:before{
    background-image: url(//images.ctfassets.net/3prze68gbwl1/4NJoHrq01ayVaPtj5jyFrk/872ba8b1cc32693af3b5cfd75f626745/menu-Icon-social.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.icon-rideshare:before{
    background-image: url(//images.ctfassets.net/3prze68gbwl1/6ygnF0pc3yIy55tOnWsDTM/3e2e16ec14ed7912947aaeeeb466110a/menu-Icon-rideshare.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.icon-fleet:before{
    background-image: url(//images.ctfassets.net/3prze68gbwl1/7yi2JME4aH2ybeoFIj32BS/60f4daf13b4c4db33d7191e33c30a2be/menu-Icon-fleet.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.icon-elearning:before{
    background-image: url(//images.ctfassets.net/3prze68gbwl1/4oHlcA7Q4vzkukhi6dh8FE/a575bc932eb82fccc4a1a53278679a9e/menu-Icon-elearning.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.icon-iot:before{
    background-image: url(//images.ctfassets.net/3prze68gbwl1/3z3QbbwO7d7fEZ7LuORYS8/e3787837d55a9e51614c776b2fce4a37/menu-Icon-iot.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.icon-it:before{
    background-image: url(//images.ctfassets.net/3prze68gbwl1/3ZoNYGoMiaVe2RmgMdhxIO/c9e898b16870e0d21aa3633fe2a1ca8b/menu-Icon-it.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.icon-ecommerce:before{
    background-image: url(//images.ctfassets.net/3prze68gbwl1/34BGyP7HSrDp6Dh0ZEayOY/8bb15aadb068c4b964e4359e726e9f50/menu-Icon-eCommerce.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.dsn-menu-icon:before{
    background-image: url(//images.ctfassets.net/3prze68gbwl1/6Y7jw4RxTAGdPnOFxoJBfq/d6ea460e36befa2dd7474a706e6c5b8c/dsn-menu-icon.svg);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a.chat-icon:before{
    background-image: url(//images.ctfassets.net/3prze68gbwl1/asset-17suaysk1qa1jkc/47bae986a39d2c490124b4c855aee887/chat-icon.svg);
}
/*icons Ends*/
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul.feature-list li a{
    color: #555 !important;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li.chatengine a,
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li.project-eon a{
    color: #d02129;
    font-size: 15px;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div:nth-child(2) ul li.chatengine .tm-mark{
    color: #333;
    background: none;
    font-size: 30px;
    line-height: 19px;
    position: relative;
    top: 5px;
    left: -3px;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div:nth-child(2) ul li.chatengine a span,
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div:nth-child(2) ul li.project-eon a span{
    color: #333;
    padding: 0 !important;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li.project-eon{
    margin-bottom: 45px;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu div ul li a[title*="See All "]{
    color: #d02129 !important;
    font-size: 14px !important;
    line-height: 26px !important;
    float: right;
    display: inline-block;
    overflow: hidden;
    padding: 2px 4px 2px 10px !important;
    border-radius: 2px;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu div ul li a[title*="See All "]:hover,
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu div ul li a[title*="See All "]:hover{
    color: #d02129 !important;
    background-color: rgba(208, 33, 41, .06);
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu div ul li a[title*="See All "]:before{
    content: "";
    background: rgba(208, 33, 41, .1);
    width: 90px;
    position: absolute;
    height: 90px;
    left: -5px;
    top: -30px;
    border-radius: 50%;
    transform-origin: center;
    transform: scale(0);
    transition: transform 0ms ease;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu div ul li a[title*="See All "]:after{
    content: "";
    background-image: url(/wp-content/uploads/2018/10/icon-more.svg);
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 0 5px 0;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    top: 2px;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu div ul li a[title*="See All "]:active:before,
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu div ul li a[title*="See All "]:focus:before{
    transform: scale(1);
    transition: transform 700ms ease;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a{
    padding: 0 !important;
    display: block;
    color: #d02129 !important;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li > span{
    font-size: 14px;
    line-height: 18px;
    display: block;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li > span > a{
    color: inherit !important;
    line-height: inherit;
    font-size: inherit !important;
}
.pn-header .logo a{
    display: block;
    min-height: 100%;
    width: 136px;
    height: 27px;
}
.pn-header .logo a img{
    width: 136px;
    max-width: 300px;
    margin-left: -13px;
    margin-top: -12px;
}
.pn-header .logo a svg{
    margin-left: -14px;
    margin-top: -15px;
    width: 150px;
    height: 56px;
}
.pn-header .logo a svg .cls-2,
.subpage-stream path.cls-2{
    fill: #d02129;
}
.pn-header .logo .cls-1{
    stroke-width: 0;
}
.pn-header #mobile-expand{
    display: none;
}
body.admin-bar .navbar-fixed-top{
    top: 76px;
}
@media (min-width: 3000px){
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.more-child-menu{
        width: 570px;
    }
}
@media (max-width: 1199px){
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item:first-child{
        padding-left: 0;
    }
}
@media (min-width: 992px)and (max-width: 1199px){
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item.dropdown a[title="Customers"]{
        padding: 0 22px 0 15px !important;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item.dropdown a, .pn-header #menu-wrap-primary #menu-primary > li.menu-item.dropdown span{
        padding: 0 22px 0 15px !important;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item a,
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item > span.menu-link{
        padding: 0 20px 0 10px !important;
    }
    .navbar-fixed-top.pn-header .container{
        max-width: 970px;
    }
    body .navbar-fixed-top.pn-header{
        overflow: visible !important;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item:hover .sub-menu{
        width: 940px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item:hover .sub-menu.developer-child{
        left: -138px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu:not(.company-child) > div{
        float: left;
        padding: 25px 0 35px 35px;
        width: 33% !important;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.product-child > div{
        width: 50% !important;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item:hover .sub-menu.product-child{
        width: 640px;
        padding-right: 40px;
    }
}
@media (min-width: 992px){
    .search-menu-btn-mobile, .search-menu-btn{
        position: relative;
        left: 1px;
        top: -1px;
    }
    /*	.pn-header #menu-wrap-primary #menu-primary > li.menu-item.dropdown span,
        .pn-header #menu-wrap-primary #menu-primary > li.menu-item.dropdown a{
                        padding: 0 22px 0 15px !important
        }*/
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item.no-dropdown span,
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item.no-dropdown a{
        padding: 0 11px 0 10px !important
    }
    /*to fix long name issue on desktop*/
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.more-child-menu{
        left: -220px
    }
    #navigation-register-mobile{
        display: none;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item:hover .sub-col-2 + .sub-menu{
        width: 800px;
        max-height: calc(100vh - 100px);
        display: flex;
        justify-content: space-between;
        padding: 25px 35px 35px;
        flex-wrap: wrap;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-col-2 + .sub-menu > div{
        width: calc(50% - 20px) !important;
        padding: 0;
        margin-bottom: 20px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item:hover .sub-col-1 + .sub-menu{
        width: 440px;
        max-height: calc(100vh - 100px);
        display: flex;
        justify-content: space-between;
        padding: 35px 35px 35px;
        flex-wrap: wrap;
        left: -120px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-col-1 + .sub-menu > div{
        width: 100% !important;
        padding: 0;
        margin-bottom: 00px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item:nth-child(1) .sub-menu{
        left: -135px
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item:nth-child(2) .sub-menu{
        left: -230px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item:nth-child(3) .sub-menu{
        left: -230px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item:nth-child(4) .sub-menu{
        left: -280px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item:nth-child(5) .sub-menu{
        left: -370px;
    }
}
@media (min-width: 1200px){
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item{
        padding: 0 20px 0 0;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item.dropdown a{
        padding: 0 22px 0 25px !important
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item.no-dropdown a{
        padding: 0 6px 0 25px !important
    }
}
@media (max-width: 991px){
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.use-case-child:after{
        display: none;
    }
    .pn-header div#mobile-expand.open + .search-menu-btn-mobile + nav{
        display: block;
    }
    .pn-header .navigation-spacing nav{
        display: none;
        position: absolute;
        width: 370px;
        padding: 0;
        right: 0;
        background: #fff;
        top: 36px;
        border: 1px solid #dfdfdf;
    }
    .pn-header div#mobile-expand.open + .search-menu-btn-mobile + nav{
        display: block;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.developer > div ul li a:before,
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.resources > div ul li a:before,
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div:nth-child(2):nth-last-child(2) ul li a:before,
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div:nth-child(3) ul li a:before,
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div:nth-child(1):nth-last-child(3) ul li a:not(:last-child):before,
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li > span,
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li > a:before,
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div.customers-images,
    #navigation-register-desktop{
        display: none;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div:nth-child(2):nth-last-child(2) ul li a > span{
        display: block;
        padding: 0 !important;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div.feature-list-parent{
        display: none;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div{
        width: 100% !important;
        padding: 5px 0 5px 40px !important;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul{
        padding-left: 20px !important;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.developer > div ul,
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.resources > div ul{
        padding: 0;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.developer > div ul li,
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.resources > div ul li,
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li{
        margin-bottom: 0;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a[title*="See All "]{
        float: none;
        margin: 5px 0 10px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu h3{
        margin: 0 0 5px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div:nth-child(2):nth-last-child(2) ul li a > span,
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.developer > div ul li a,
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.resources > div ul li a,
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li span.menu-link,
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a{
        line-height: 30px !important;
        height: 30px !important;
        height: auto !important;
        font-size: 15px !important;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div:nth-child(2):nth-last-child(2) ul li{
        margin: 0;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item{
        width: 100%;
        padding-left: 0 !important;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div:nth-child(3) ul li:last-child{
        margin-top: 0;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a{
        color: #555 !important
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a:hover{
        color: #d02129 !important;
    }
    body .navbar-fixed-top.pn-header{
        overflow: visible !important;
        z-index: 99999;
    }
    .login-menu-btn.login li{
        display: block;
    }
    .pn-header #mobile-expand{
        cursor: pointer;
        display: block;
        margin-top: -10px;
        padding-top: 0;
        width: 50px;
        text-align: center;
        height: 26px;
        float: right;
        background: url(/wp-content/uploads/2017/08/menu-bars.svg) right no-repeat;
        margin-right: 15px;
    }
    .pn-header div#mobile-expand.open{
        background: url(/wp-content/uploads/2017/08/menu-close-btn.png) right no-repeat;
        cursor: pointer;
        position: relative;
        z-index: 5;
        margin-top: -10px;
        margin-right: 15px;
    }
    .pn-header .menu-login-search,
    .pn-header div#menu-wrap-primary{
        width: 370px;
        margin: 0 auto;
        max-width: 100%;
    }
    .talktosale-menu-btn{
        display: block;
    }
    .pn-header .talktosale-menu-btn a{
        font-size: 18px;
        color: #d02129;
        border: none;
        padding: 0 20px;
        width: inherit;
        text-align: left;
        line-height: normal;
        height: unset;
    }
    .pn-header .talktosale-menu-btn a:hover{
        background: transparent !important;
        color: #555 !important;
    }
    .pn-header .menu-login-search a.search-menu-btn{
        background: none;
        font-size: 18px !important;
        color: #555 !important;
        display: block !important;
        text-align: left;
        width: 100%;
        float: none;
        padding-left: 20px;
        height: 40px;
        line-height: 40px;
    }
    .pn-header #menu-wrap-primary #menu-primary .menu-item span.menu-link,
    .pn-header #menu-wrap-primary #menu-primary .menu-item a{
        height: 40px !important;
        vertical-align: middle !important;
        line-height: 40px !important;
        display: block;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item.no-dropdown a{
        padding: 0 20px !important;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item > span.menu-link,
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item > a{
        margin-right: 80px;
        font-size: 18px !important;
    }
    .pn-header .navigation-spacing{
        margin-top: 28px;
        position: relative;
        float: right;
        width: 370px;
        background: #fff;
        height: 30px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item.dropdown ul li > a:after,
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item{
        cursor: pointer;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item.dropdown ul li > a:after,
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item.dropdown > span:after,
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item.dropdown > a:after{
        display: none;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item.dropdown ul li > a:after,
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item.dropdown{
        background: url(/wp-content/uploads/2019/02/plus-symbol.svg) no-repeat;
        background-position: 96% 13px;
        background-size: 13px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item.dropdown ul li > a:after,
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item.dropdown.open a{
        color: #333 !important;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item.dropdown ul li > a:after,
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item.dropdown.open{

        /*background          :url(/wp-content/uploads/2017/08/menu-collapes-btn.png) no-repeat;*/
        background: url(/wp-content/uploads/2019/02/minus-symbol.svg) no-repeat;
        background-position: 96% 18px;
        background-size: 11px;

    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item.open .sub-menu li{
        display: block;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item.dropdown.open > li{
        display: block;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item.open .sub-menu{
        opacity: 1;
        visibility: visible;
        display: block;
        padding: 10px 0;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu{
        width: 100% !important;
        position: relative !important;
        display: none;
        height: auto;
        box-shadow: none;
        border: 0;
        background: #fefbfb !important;
        border-radius: 0;
        min-height: 10px !important;
        float: left;
        margin-top: 0;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu .menu-right-panel.selected-menu{
        display: none
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu[class^="menu-"] ul{
        margin: 0;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.more-child-menu ul.list-with-image li a,
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.developers-child-menu ul.list-with-image li a,
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu[class^="menu-"] ul li a{
        font-size: 16px !important;
        color: #888 !important;
        height: 35px !important;
        line-height: 35px !important;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu[class^="menu-"] ul.child-menu a{
        font-size: inherit !important;
        padding: inherit !important;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu .menu-left-panel a *{
        display: none;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu .menu-left-panel{
        width: 100%;
        padding-top: 20px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu .menu-left-panel > a{
        height: auto !important;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu .title-menu{
        display: block !important;
        margin: 0 0 0 5px !important;
        height: 35px;
        line-height: 35px;
        font-size: 16px !important;
        color: #888 !important;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu .menu-left-panel{
        padding: 0 !important;
        padding-top: 10px !important;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.use-case-child .menu-left-panel *{
        display: block;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.use-case-child .menu-left-panel{
        width: 100% !important;
        display: block;
        border: 0 !important;
        padding: 10px !important;
        padding-left: 55px !important;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu .menu-right-panel h3.bordered-bottom-title-menu{
        border: 0;
        margin-bottom: 0;
        font-size: 16px !important;
        color: #b7b7b7 !important;
        margin-left: 5px !important;
        height: 35px !important;
        line-height: 35px !important;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu .menu-left-panel,
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu .menu-right-panel{
        width: 100% !important;
        padding-left: 50px !important;
        padding-top: 0px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu ul.list-with-image li a:before{
        display: none !important;
    }
    .pn-header div#mobile-expand.open + .search-menu-btn-mobile + nav{
        box-shadow: 1px 10px 17px 0px rgba(134, 130, 130, 0.52);
    }
    .pn-header div#menu-wrap-primary{
        padding: 20px 20px 0;
        float: left;
    }
    .pn-header .menu-login-search{
        padding: 0 20px 20px;
    }
    .pn-header div#mobile-expand.open + .search-menu-btn-mobile + nav{
        overflow: auto;
        max-height: calc(100vh - 108px) !important;
    }
    .noscroll div#fc_frame{
        z-index: 0;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu[class^="menu-"] ul li:hover a,
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu[class^="menu-"] ul li.active a{
        color: #888 !important;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.company-child > div ul{
        padding-left: 0px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.company-child > div ul li > a:before{
        display: none;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div:nth-child(2) ul li.chatengine a span{
        display: inline !important;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li.project-eon{
        margin-bottom: 10px !important;
    }
    .pn-header .navigation-spacing nav{
        line-height: 24px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-col-2 + .sub-menu > div ul li.fixed-bottom{
        background: #f0f0f0;
        margin-left: -20px;
        margin-bottom: -10px;
        padding: 5px 0;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-col-2 + .sub-menu > div ul li.fixed-bottom:before{
        content: "";
        display: inline-block;
        width: 85px;
        height: 100%;
        top: 0;
        position: absolute;
        left: -40px;
        background: #f0f0f0;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item  .sub-menu.developers-child {
        padding-bottom: 0;
        margin-bottom: 10px;
    }
}
@media (max-width: 768px){
    .pn-header #navigation-register-desktop{
        float: right;
    }
    body.admin-bar .navbar-fixed-top{
        top: 46px;
    }
}
@media (max-width: 767px){
    body{
        padding-top: 60px !important;
    }
    .scrolling .pn-header div#mobile-expand.open + .search-menu-btn-mobile + nav,
    .pn-header div#mobile-expand.open + .search-menu-btn-mobile + nav{
        max-height: calc(100vh - 60px) !important;
        box-shadow: none;
        border-bottom: 0;
    }
    #navigation-register-mobile{
        display: none;
    }
    .pn-header div#menu-wrap-primary{
        padding: 20px 0px 0;
        float: left;
        position: relative;
        z-index: 99;
        background: #fff;
    }
    .pn-header .menu-login-search{
        padding: 0 0px 20px;
    }
    #navigation-register-desktop{
        float: none;
    }
    .pn-header .navigation-spacing{
        width: 110px;
        position: static;
    }
    .pn-header div#navigation-register-desktop{
        position: fixed;
        top: 35px;
        width: 100%;
        text-align: center;
        display: block;
        z-index: 9999;
        background: #fff;
        padding: 10px 0 20px;
        display: none;
    }
    .hide-get-started .pn-header div#navigation-register-desktop{
        display: none;
    }
    .pn-header .talktosale-menu-btn{
        position: fixed;
        top: 35px;
        width: 100%;
        text-align: center;
        display: block;
        z-index: 9999;
        background: #fff;
        padding: 10px 0 20px;
        margin-top: 20px;
    }
    .admin-bar .pn-header .talktosale-menu-btn{
        top: 73px;

    }
    .pn-header .talktosale-menu-btn a{
        height: 50px;
        line-height: 50px;
        width: 285px;
        display: block;
        font-size: 18px;
        font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
        padding-top: 0;
        color: #d02129;
        background: #fff;
        border: 1px solid #d02129;
        border-radius: 5px;
        margin: 0 auto;
        text-align: center;
    }
    .pn-header .talktosale-menu-btn a:hover{
        background: #d02129 !important;
        color: #fff !important;
    }
    .pn-header .navigation-spacing nav{
        top: 110px;
    }
    .pn-header #navigation-register-desktop{
        z-index: 1;
        left: 0;
        margin-top: 20px;
    }
    .pn-header div#mobile-expand.open + .search-menu-btn-mobile + nav{
        padding-top: 81px;
        margin-top: -50px;
        width: 100%;
    }
    .pn-header .menu-login-search,
    .pn-header div#menu-wrap-primary{
        width: 100%;
    }
    .pn-header .menu-login-search,
    div#menu-wrap-primary{
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    .navbar-fixed-top.pn-header{
        top: 0
    }
    .textwidget > .top-pannel{
        display: none;
    }
    .top-pannel{
        position: relative;
        float: left;
        height: unset;
        padding: 0 0 20px;
        padding: 0 0 70px;
        background: #fff;
        top: -20px !important;
        z-index: 99;
    }
    .top-pannel a{
        display: block;
        text-align: left;
        padding: 0 5px;
        line-height: 30px !important;
        height: 30px !important;
        font-size: 15px !important;
        margin: 0;
        color: #555;
        text-transform: unset;
    }
    .login-menu-btn.login{
        display: block;
    }
    #menu-primary{
        float: none;
    }
    .noscroll:before{
        background: #fff;
        content: '';
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        display: block;
        position: fixed;
        z-index: 9999;
    }

}
@media (max-width: 480px){
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu .menu-right-panel,
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu .menu-right-panel,
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.use-case-child .menu-left-panel{
        padding-left: 35px !important;
        padding-left: 50px !important;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu .menu-left-panel{
        padding-left: 35px !important;
        padding-left: 50px !important;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.use-case-child .menu-left-panel{
        margin-left: 0px !important;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item > a{
        margin-right: 60px;
        font-size: 18px !important;
    }
}
@media (max-width: 360px){
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item > a{
        margin-right: 50px;
    }
    .pn-header div#mobile-expand.open + .search-menu-btn-mobile + nav{
        width: 100%;
    }
}
/*for Header footer v4*/
.pn-header .talktosale-menu-btn a.show-mobile{
    display: none;
}
@media (min-width: 768px){
    .top-pannel{
        background: #eee;
    }
}
@media (max-width: 991px){
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div.feature-list-parent{
        display: block;
    }
    .pn-header .hide-tab{
        display: none !important;
    }
}
@media (max-width: 767px){
    .pn-header .talktosale-menu-btn a.show-mobile{
        display: block;
    }
    .pn-header .talktosale-menu-btn a.show-desktop{
        display: none;
    }
    .pn-header .hide-mobile{
        display: none !important;
    }
}
/*v5*/
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .btn-open{
    display: none;
}
@media (max-width: 991px){
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .btn-open{
        background: url(/wp-content/uploads/2019/02/plus-symbol.svg) center center no-repeat;
        background-size: 13px;
        font-size: 0;
        width: 45px;
        height: 40px;
        position: absolute;
        right: 0px;
        top: 0;
        cursor: pointer;
        display: block;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item.open .btn-open{
        background: url(/wp-content/uploads/2019/02/minus-symbol.svg) center center no-repeat;
        background-size: 11px;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item{
        background: none !important;
    }
}
/*v5*/
/*for Header Footer v4*/
.footer-section .foot-col *{
    margin: 0 !important;
    padding: 0 !important;
    background: none;
    font-size: 14px;
    color: #666;
    opacity: 1;
    font-weight: normal;
    font-family: proxima-nova-light,
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
}
.footer-section .foot-col li a{
    color: #555;
    line-height: 21px !important;
    padding: 3px 0 !important;
    display: block;
}
.footer-section .foot-col li a:hover{
    padding-bottom: 2px !important;
}
.footer-section .foot-col ul li > a.active-menu:hover{
    padding-bottom: 3px !important;
}
.tm-mark,
.footer-section .tm-mark{
    color: #555;
    font-style: normal;
    background: none;
}
.footer-section .tm-mark{
    font-size: 18px;
}
.footer-section .foot-col li a span{
    font-size: 9px;
    color: #d02129;
    font-family: proxima-nova-bold,
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif !important;
    font-weight: bold !important;
    vertical-align: top;
}
.footer-section .foot-col ul li > a.active-menu,
.footer-section .foot-col ul li > a:hover{
    color: #555;
    font-weight: bold;
    border-bottom: 1px solid transparent;
}
.footer-section .container{
    padding: 0 30px !important;
}
.footer-section{
    background: none !important;
}
.footer-section .grey{
    background: #eee !important;
}
.footer-section .footer-top{
    padding: 80px 0 60px;
    padding: 55px 0;
}
.footer-section .white.footer-top{
    padding: 50px 0 51px;
}
.footer-section .white.footer-top .foot-col{
    min-height: 15px !important;
}
.footer-section .foot-col #pubnub-footer-logo{
    width: 150px;
    height: 56px;
    margin-top: 16px !important;
    display: block;
    margin-left: -14px !important;
}
.footer-section .footer-top .foot-col a.schedule-demo-footer:before{
    height: 34px;
    width: 15px;
    display: block;
    content: '';
    background: url(/wp-content/uploads/2017/08/schedule-a-demo-icon.svg) no-repeat;
    background-size: 100% 100%;
}
.footer-section .footer-top .foot-col .schedule-demo-footer{
    position: absolute;
    bottom: 3px;
    color: #d02129;
    font-size: 14px;
    font-family: proxima-nova,
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
}
.footer-section .footer-top .row{
    position: relative;
}
.footer-section .footer-top .foot-col{
    width: 26.6%;
    min-height: 234px;
    float: left;
}
.footer-section .footer-top .foot-col:last-child{
    width: 20% !important;
}
.footer-section .footer-top .foot-col .footer-title{
    text-transform: uppercase;
    font-family: proxima-nova-bold,
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
    margin-bottom: 10px !important;
    font-weight: normal !important;
}
.footer-section .footer-top .foot-col .footer-title a{
    font-family: inherit;
}
.footer-section .footer-top .footer-menu-list li{
    padding: 0px 0 !important;
}
@media (max-width: 480px){
    .footer-section .footer-top .footer-menu-list li{
        padding: 2px 0 !important;
    }
}
.footer-section .footer-bottom .bottom-left{
    max-width: 500px;
    float: left;
    margin-top: 1px;
}
.footer-section .footer-bottom .bottom-right{
    max-width: 215px;
    float: right;
    margin-bottom: 12px;
}
.footer-section .footer-bottom{
    background: none !important;
    padding: 50px 0 120px;
    padding: 60px 0 50px;
    border: 0 !important;
}
.footer-section .footer-bottom .bottom-right .social-footer a{
    width: 21px;
    height: 21px;
    margin-right: 17px;
    margin-top: 6px;
    float: left;
    font-size: 0 !important;
}
.footer-section .footer-bottom .bottom-right .social-footer a:last-child{
    margin-right: 0;
}
.footer-section .footer-bottom .bottom-right .social-footer a.social-link.facebook{
    background: url(/wp-content/uploads/2017/08/social-facebook.svg) no-repeat;
}
.footer-section .footer-bottom .bottom-right .social-footer a.social-link.twitter{
    background: url(/wp-content/uploads/2017/08/social-twitter.svg) no-repeat;
}
.footer-section .footer-bottom .bottom-right .social-footer a.social-link.google{
    background: url(/wp-content/uploads/2017/08/social-googleplus.svg) no-repeat;
}
.footer-section .footer-bottom .bottom-right .social-footer a.social-link.linkedin{
    background: url(/wp-content/uploads/2017/08/social-linkedIn.svg) no-repeat;
}
.footer-section .footer-bottom .bottom-right .social-footer a.social-link.youtube{
    background: url(/wp-content/uploads/2017/08/social-youtube.svg) no-repeat;
}
.footer-section .footer-bottom .bottom-right .social-footer a.social-link.vimeo{
    background: url(/wp-content/uploads/2017/08/social-viemo.svg) no-repeat;
}
#footer-top li{
    line-height: normal;
}
.footer-section .footer-top .foot-col ul + .footer-title{
    margin-top: 20px !important;
}
@media (max-width: 1199px) AND (min-width: 992px){
    #footer-bottom .container,
    #footer-top .container{
        max-width: 970px;
        width: auto;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.customers-stories-child{
        width: 730px;
    }
    /*.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu.customers-stories-child > div:nth-child(1){
                    width: 60% !important;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div.customers-images{
                    width: 40% !important;
                    padding-right: 25px;
    }*/
}
@media (max-width: 991px){
    .footer-section .foot-col li a{
        line-height: 18px !important;
        padding: 3px 10px 6px 0px !important;
    }
    #footer-top .container,
    #footer-bottom .container{
        max-width: 750px;
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a[title*="See All "]{
        padding-left: 0 !important;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div:nth-child(1) ul li a[title*="See All "]:hover,
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div:nth-child(3) ul li a[title*="See All "]:hover{
        background-color: transparent;
    }
    .pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu > div ul li a[title*="See All "]:before{
        display: none !important
    }
}
@media (min-width: 768px){
    #footer-top{
        background: transparent !important;
    }
}
@media (max-width: 768px){
    .footer-section .white.footer-top{
        margin-bottom: 20px;
    }
    .blog .footer-section .white.footer-top{
        margin-bottom: 19px
    }
}
@media (max-width: 767px){
    .footer-section .footer-top .foot-col{
        width: 100%;
        min-height: 50px;
        margin-bottom: 25px;
    }
    .footer-section .footer-top .foot-col:last-child{
        width: 100% !important;
        margin-bottom: 0px;
    }
    .footer-section .footer-top .foot-col .schedule-demo-footer{
        position: relative;
        margin-top: 20px !important;
        float: left;
    }
    footer .container{
        max-width: 265px;
    }
    #footer-top{
        background: transparent !important;
        margin-top: -1px;
    }
    #footer-bottom .container{
        padding-top: 0px !important;
    }
    .footer-section .white.footer-top{
        padding-bottom: 0 !important;
    }
    .footer-section .footer-bottom .bottom-right{
        float: none;
        clear: both;
        margin: 0px auto 20px;
        height: 50px;
        padding-top: 20px;
    }
    .footer-section .footer-bottom{
        background: none !important;
        padding: 20px 30px;
    }
    .footer-section .footer-top{
        padding: 60px 0;
    }
    .footer-section .footer-bottom .bottom-right{
        margin: 0 0 30px 0;
    }
    .footer-section .footer-top .foot-col{
        min-height: 10px !important;
    }
    #footer-top .container,
    #footer-bottom .container{
        max-width: 265px !important;
    }
    #footer-bottom .container{
        padding-bottom: 25px !important;
    }
    .footer-section .footer-top .footer-col-1.foot-col{
        margin-bottom: 45px;
    }
}
.hide-get-started nav{
    padding-top: 0 !important;
}
div#footer-bottom{
    background: #fff !important;
    border: 0;
}
#menu-primary{
    float: left;
    padding: 0px 3px 0 0;
    list-style-type: none;
    margin-bottom: 0px;
}
#menu-primary li.dropdown,
#menu-primary-mobile li.dropdown{
    min-height: 40px;
}
#menu-primary li,
#menu-primary-mobile li{
    float: none;
    display: inline-block;
    list-style-type: none;
}
#menu-wrap-primary #menu-primary > li.menu-item > .menu-link,
#menu-wrap-primary-mobile #menu-primary-mobile > li.menu-item > .menu-link,
#expanded-menu #menu-top-menu-1 a{
    outline: none;
    padding: 0px 10px 0px 10px;
    line-height: 17px;
    font-weight: normal;
    height: 28px;
    vertical-align: baseline;
    text-align: left;
    width: auto;
    display: block;
    color: #fff;
    text-decoration: none;
    background: transparent;
    -webkit-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    font-size: 14px;
    cursor: pointer;
    text-transform: uppercase;
    font-family: "proxima-nova-bold",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
}
.copyright{
    font-size: 12px;
    font-family: "proxima-nova-light",
    Helvetica,
    Arial,
    sans-serif;
    color: #555;
    line-height: 15px;
}
.pn-header #menu-wrap-primary #menu-primary > li.menu-item .sub-menu{
    position: absolute;
    display: none;
}
a.btn-get-started-nav{
    text-align: center;
    font-family: "proxima-nova",
    "HelveticaNeue-Light",
    "Helvetica Neue Light",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
}
section.cta.pubnub-cta.come-out .btn-get-started{
    display: block;
    margin: 0 auto;
}
section.cta.pubnub-cta.come-out{
    background: #fff;
    padding: 63px 0px 64px;
    clear: both;
}
section.cta.pubnub-cta.come-out h3{
    color: #333;
    font-size: 36px !important;
    font-weight: normal;
    line-height: normal;
    text-transform: none;
    font-family: proxima-nova,
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
    margin: 0;
    letter-spacing: 0;
}
section.cta.pubnub-cta.come-out .sub{
    color: #444;
    font-size: 18px;
    font-style: italic;
    font-family: "proxima-nova-light",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
    margin-bottom: -2px;
    padding-top: 0px;
    line-height: 24px;
}
section.cta.pubnub-cta.come-out .sub div{
    color: #666;
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
    text-transform: none;
    font-family: proxima-nova,
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
    margin: 0 0 13px 0;
    transform: initial;
    font-style: normal;
}
section.cta.pubnub-cta.come-out .btn-get-started{
    height: 50px;
    width: 200px;
    border: 1px solid #cf2129;
    background: #cf2128;
    color: #fff;
    line-height: 50px;
    padding: 0 0;
    border-radius: 5px;
    font-family: proxima-nova,
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
    font-size: 24px;
    box-shadow: none;
    margin-top: 30px;
    text-transform: capitalize;
}
section.cta.pubnub-cta.come-out .btn-get-started:hover{
    color: #cf2129;
    border: 1px solid #cf2128;
    background: transparent;
}
.cta.pubnub-cta .btn-get-started + ul{
    margin-top: 25px;
    font-size: 0;
}
.cta.pubnub-cta .btn-get-started + ul li{
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
    font-size: 15px;
    color: #555;
    margin-bottom: 10px;
}
.cta.pubnub-cta .btn-get-started + ul li:before{
    content: '';
    background: url('/wp-content/uploads/2019/06/cta-list-icon.png') center no-repeat;
    background-size: 100%;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    margin-right: 5px;
}
@media (max-width: 600px){
    .cta.pubnub-cta .btn-get-started + ul{
        display: block !important;
        width: 180px !important;
        margin: 25px auto 0;
        padding-left: 0;
        text-align: left;
    }

}
#back-top{
    bottom: 0px;
    position: fixed;
    right: 0px;
    width: 32px;
    height: 32px;
    float: right;
    cursor: pointer;
    z-index: 99999;
    background: url(/wp-content/uploads/2019/02/bottom-to-top.png) right bottom no-repeat;
}
@media (max-width: 991px){
    body.noscroll{
        overflow: hidden;
    }
}
@media (max-width: 767px){
    section.cta.pubnub-cta.come-out .sub div{
        padding-top: 12px;
        padding-bottom: 6px;
    }
    body.noscroll{
        position: fixed;
    }
}
@media (max-width: 992px) and (min-width: 768px){
    .logo{
        width: 148px;
    }
}
.modal-container{
    display: none;
}
body:not(.scrolling):not(.page-id-29444){
    padding-top: 106px !important;
}
body:not(.scrolling):not(.home).page-template-ip-messaging{
    padding-top: 0px !important;
}
.container{
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px
}
.container:before,
.container:after{
    content: " ";
    display: table
}
.container:after{
    clear: both
}
.row{
    margin-left: -15px;
    margin-right: -15px
}
.row:before,
.row:after{
    content: " ";
    display: table
}
.row:after{
    clear: both
}
.all-new-pages .all-new-section.gray,
.use-case-new-page .gray.use-case-section,
.use-case-new-page .gray.use-case-section{
    background: #fefbfb;
    box-shadow: none;
}
[class*='col-xs-'],
[class*='col-sm-'],
[class*='col-md-'],
[class*='col-lg-']{
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
@media (max-width: 768px){
    .all-new-pages .all-new-section .title-h2,
    .use-case-new-page .use-case-section .title-h2,
    .all-new-pages .all-new-section h3,
    .use-case-new-page .use-case-section h3{
        color: #333;
        font-size: 36px;
        font-weight: normal;
        line-height: normal;
        text-transform: none;
        font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
        margin: 0 0 10px 0;
    }
    [class*='col-xs-'],
    [class*='col-sm-'],
    [class*='col-md-'],
    [class*='col-lg-']{
        padding-top: 10px;
        padding-bottom: 10px;
    }
}
@media (min-width: 768px){
    .container{
        max-width: 750px
    }
}
@media (min-width: 992px){
    .container{
        max-width: 970px
    }
    [class*='col-md-']:not(.col-md-12){
        float: left;
    }
}
@media (min-width: 1200px){
    .container{
        max-width: 1170px
    }
}
@media (max-width: 767px){
    body:not(.scrolling):not(.page-id-29444){
        padding-top: 60px !important;
    }
    section.cta.pubnub-cta.come-out .have-question{
        font-size: 12px !important;
    }
}
.alert{
    padding: 15px 0 10px;
    width: 100%;
    text-align: center;
    font-size: 18px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #d9edf7;
    color: #3a87ad;
}
.come-out .no-lazy[data-desktop],
img[data-lazy-src]{
    opacity: 0;
    -webkit-transition: opacity .5s linear 0.2s;
    -moz-transition: opacity .5s linear 0.2s;
    transition: opacity .5s linear 0.2s;
}
.come-out.come-in .no-lazy[data-desktop],
img.lazy-loaded{
    opacity: 1;
}
.all-new-pages .pn-form-section .form-content .red,
.all-new-pages #pn-form .form-content .red{
    padding: 10px;
}
.all-new-pages .pn-form-section .form-content .red p,
.all-new-pages #pn-form .form-content .red p{
    color: #fff;
}
.form-content #contact-error-msgs{
    padding: 10px;
    background: #d02129;
    color: #fff;
}
.form-content div#contact-error-msgs p{
    color: #fff;
}
button, html input[type="button"], input[type="reset"], input[type="submit"]{
    cursor: pointer;
}
.floating-social-share a{
    font-size: 0;
    color: #000 !important;
}
/*cookie Style*/
/*cookie Style New*/
.cli-plugin-button,
.cli-plugin-button:visited,
.medium.cli-plugin-button,
.medium.cli-plugin-button:visited{
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
}
.cli-plugin-button,
.cli-plugin-button:visited{
    display: inline-block;
    padding: 10px 16px 10px;
    color: #fff;
    text-decoration: none;
    position: relative;
    cursor: pointer;
    margin-left: 0px;
    text-decoration: none
}
.cli-plugin-main-link{
    margin-left: 0px;
    font-weight: 550;
    text-decoration: underline
}
.cli-plugin-button:hover{
    background-color: #111;
    color: #fff;
    text-decoration: none
}
.small.cli-plugin-button,
.small.cli-plugin-button:visited{
    font-size: 11px
}
#cookie-law-info-bar{
    font-size: 12pt;
    margin: 0 auto;
    padding: 13px 10px;
    position: absolute;
    text-align: center;
    box-sizing: border-box;
    width: 100%;
    z-index: 9999;
    box-shadow: rgba(0, 0, 0, .5) 0px 5px 50px;
    display: none;
    left: 0px;
    font-weight: 300
}
#cookie-law-info-again{
    font-size: 10pt;
    margin: 0;
    padding: 5px 10px;
    text-align: center;
    z-index: 9999;
    cursor: pointer;
    box-shadow: #161616 2px 2px 5px 2px
}
#cookie-law-info-bar span{
    vertical-align: middle
}
#cookie-law-info-bar span.cookie-btn .cli-plugin-button{
}
#cookie-law-info-bar{
    z-index: 999991;
}
#backtotop,
#backtotop:hover,
#backtotop:focus{
    z-index: 999992;
}
.slide_down{
    animation: slide-down 500ms linear 1 forwards;
}
@keyframes slide-down{
    to{
        transform: translate3d(0, 110px, 0);
        opacity: 0;
    }
}
#cookie-law-info-bar span.cookie-btn .cli-plugin-button{
    border-radius: 4px;
    background: #fff !important;
    color: #d02129 !important;
    border: 1px solid #d02129;
    padding-top: 12px;
    height: 40px;
    float: right;
    margin: 0 !important;
}
#cookie-law-info-bar span.cookie-btn .cli-plugin-button:hover{
    background: #d02129 !important;
    color: #fff !important;
}
#cookie-law-info-bar{
    text-align: left;
    padding: 10px 130px;
    line-height: normal;
    vertical-align: top;
    width: 98%;
    margin: 0 auto;
    margin-left: 1%;
    margin-bottom: 10px;
    border-radius: 10px;
    box-shadow: 1px 1px 5px 1px #000;
}
#cookie-law-info-bar span.cookie-msg{
    display: inline-block;
    float: left;
    width: 86%;
}
#cookie-law-info-bar span{
    vertical-align: top;
}
body:not(.jquery-once-1-processed) #cookie-law-info-bar span.cookie-msg a{
    /*color :#00609E;*/
    /*color :#09f;*/
}
body #cookie-law-info-bar span.cookie-msg a{
    color: #09f;
    transition: all 0s;
    transition-delay: 3s;

}
body:not(.show-ratio-img) #cookie-law-info-bar span.cookie-msg a{
    /*color :#003F66;*/
    color: #000 !important;
    transition: all 0s;
    transition-delay: 3s;
}
#cookie-law-info-bar{
    width: 980px;
    width: calc(1130px + 10px);
    margin: 0 auto 10px;
    left: 0;
    right: 0;
    max-width: calc(100% - 10px);
}
@media (min-width: 992px){
    #cookie-law-info-bar{
        padding: 10px 60px;
    }
}
@media (min-width: 992px){
    #cookie-law-info-bar > span{
        display: flex;
        align-items: center;
    }
    #cookie-law-info-bar span.cookie-btn{
        width: calc(100% - 86%);
    }
}
@media (max-width: 1199px){
    #cookie-law-info-bar{
        padding: 15px 50px;
    }
}
@media (max-width: 991px){
    #cookie-law-info-bar{
        padding: 15px 22px;
        text-align: center;
    }
    #cookie-law-info-bar span.cookie-msg{
        width: 100%;
    }
    #cookie-law-info-bar span.cookie-btn .cli-plugin-button{
        float: none;
        margin-top: 10px !important;
    }
    .menu-modal-open #bottom-content:before, .menu-modal-open footer:before{
        content: "" !important;
        /*background :rgba(0, 0, 0, 0.3);*/
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }
}
/*cookie Style New*/
.developers-page .non-developer-btn{
    display: none !important;
}
body:not(.developers-page) .developer-btn{
    display: none !important;
}
.hide-in-desktop{
    display: none;
}
@media (max-width: 991px){
    .hide-in-tab{
        display: none !important;
    }
}
@media (max-width: 767px){
    .hide-in-desktop{
        display: block;
    }
    .hide-in-mobile{
        display: none !important;
    }
}
.pn-hero .btn-area + .feature-strip-new{
    margin-top: 0;
}
/*hide header footers*/
body.hide-header-footer .pn-header .navigation-spacing > *:not(nav),
body.hide-header-footer footer #footer-top,
body.hide-header-footer .menu-login-search > *,
body.hide-header-footer #menu-wrap-primary{
    display: none !important;
}
body.hide-header-footer.show-contactsales .menu-login-search > #navigation-register-desktop{
    display: block !important;
}
body.hide-header-footer.admin-bar .navbar-fixed-top{
    top: 32px;
}
body.hide-header-footer .navbar-fixed-top{
    top: 0;
}
body.hide-header-footer:not(.scrolling):not(.page-id-29444),
body.hide-header-footer{
    padding-top: 60px !important;
}
body.hide-header-footer .footer-section .footer-bottom .bottom-right{
    display: none;
}
@media (max-width: 991px){
    body.hide-header-footer.show-contactsales .navigation-spacing > #navigation-register-mobile a{
        margin-top: 0;
        position: relative;
        top: -18px;
        width: 138px !important;
    }
    body.hide-header-footer.show-contactsales .navigation-spacing > #navigation-register-mobile{
        display: block !important;
    }
}
/*For SEM PAGES*/
.less-headerfooter .pn-header .navigation-spacing > *:not(a),
.less-headerfooter footer #footer-top,
.less-headerfooter .footer-section .footer-bottom .bottom-right,
.less-headerfooter .menu-login-search > *,
.less-headerfooter #menu-wrap-primary{
    display: none !important;
}
.less-headerfooter.admin-bar .navbar-fixed-top{
    top: 32px;
}
.less-headerfooter .navbar-fixed-top{
    top: 0;
}
.less-headerfooter:not(.scrolling):not(.page-id-29444),
.less-headerfooter{
    padding-top: 60px !important;
}
.less-headerfooter .navigation-spacing > a{
    text-align: center;
    font-size: 17px;
    font-family: "proxima-nova", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #fff !important;
    background: #d02129;
    border: 1px solid #d02127;
    border-radius: 5px;
    float: right;
    margin-top: 0 !important;
    height: 40px !important;
    line-height: 40px !important;
    padding: 0 10px;
    display: block !important;
    min-width: 114px;
    margin-right: 15px;
}
.less-headerfooter .navigation-spacing{
    margin-top: 10px;
}
@media (max-width: 767px){
    .less-headerfooter .pn-header .navigation-spacing{
        width: auto;
    }
}
/*For SEM PAGES*/
/*hide header footers*/
/*new Top panel Banner*/
.top-pannel{
    height: 44px;
    width: 100%;
    position: fixed;
    z-index: 99998;
    background: #eee;
    background: rgba(208, 33, 41, 1);
    background: -moz-linear-gradient(45deg, rgba(208, 33, 41, 1) 0%, rgba(227, 9, 151, 1) 50%, rgba(219, 58, 0, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(208, 33, 41, 1)), color-stop(50%, rgba(227, 9, 151, 1)), color-stop(100%, rgba(219, 58, 0, 1)));
    background: -webkit-linear-gradient(45deg, rgba(208, 33, 41, 1) 0%, rgba(227, 9, 151, 1) 50%, rgba(219, 58, 0, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(208, 33, 41, 1) 0%, rgba(227, 9, 151, 1) 50%, rgba(219, 58, 0, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(208, 33, 41, 1) 0%, rgba(227, 9, 151, 1) 50%, rgba(219, 58, 0, 1) 100%);
    background: linear-gradient(45deg, rgba(208, 33, 41, 1) 0%, rgba(227, 9, 151, 1) 50%, rgba(219, 58, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d02129', endColorstr='#db3a00', GradientType=1);
    top: 0;
    text-align: right;
    left: 0;
    padding-top: 11px;
}
.top-pannel a{
    font-size: 12px;
    line-height: 14px;
    padding: 5px 0;
    color: #fff !important;
    display: inline-block;
    margin: 0 0 0 35px;
    text-transform: uppercase;
    vertical-align: top;
    font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.top-pannel .login-menu-btn a,
.top-pannel a:hover{
    color: #e0e0e0 !important;
}
.top-pannel li#logged-in{
    display: block;
}
.top-pannel a i.fa.fa-user.profile.branded{
    margin: -3px 0 0 !important;
}
.top-pannel [id^="menu-"],
ul#menu-top-panel{
    display: inline-block;
    list-style: none;
    width: 100%;
    padding: 0;
    font-size: 0;
    vertical-align: top;
    margin: 0;
}
.top-pannel [id^="menu-"]{
    position: relative;
}
.top-pannel [id^="menu-"] li span{
    display: none;
}
.top-pannel [id^="menu-"] li.link-banner span,
.top-pannel [id^="menu-"] li.button-banner span{
    display: inline-block;
    text-align: left;
}
.top-pannel [id^="menu-"] li.link-banner span a,
.top-pannel [id^="menu-"] li.button-banner span a{
    width: 400px;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.top-pannel [id^="menu-"] li.link-banner,
.top-pannel [id^="menu-"] li.button-banner{
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 0;
}
.top-pannel [id^="menu-"] li.link-banner.left,
.top-pannel [id^="menu-"] li.button-banner.left{
    text-align: left;
}
.top-pannel [id^="menu-"] li.link-banner-left,
.top-pannel [id^="menu-"] li.button-banner-left{
    text-align: left;
}
.top-pannel [id^="menu-"] li.link-banner > a{
    display: none;
}
.top-pannel [id^="menu-"] li.link-banner a:not(.banner-text),
.top-pannel [id^="menu-"] li.button-banner a:not(.banner-text){
    left: 0;
    margin: 1px 0 0 0;
    padding: 4px 10px 2px;
    background: #fff;
    color: #d02129 !important;
    border-radius: 9px;
}
.top-pannel [id^="menu-"] li.link-banner a.banner-text,
.top-pannel [id^="menu-"] li.button-banner a.banner-text{
    margin-left: 10px;
    text-transform: none;
}
@media (max-width: 1199px){
    .top-pannel [id^="menu-"] li.link-banner,
    .top-pannel [id^="menu-"] li.button-banner{
        text-align: left;
    }
}
@media (max-width: 767px){
    .top-pannel [id^="menu-"] li.link-banner,
    .top-pannel [id^="menu-"] li.button-banner{
        display: none;
    }

}
.top-pannel [id^="menu-"] li.login a,
ul#menu-top-panel li.login a{
    color: #fff !important;
}
.top-pannel [id^="menu-"] li.login a:hover,
ul#menu-top-panel li.login a:hover{
    color: #fff !important;
}
.top-pannel [id^="menu-"] li.login a:after,
ul#menu-top-panel li.login a:after{
    content: '';
    padding-left: 6px;
    width: 20px;
    display: inline-block;
    background: url(//images.ctfassets.net/3prze68gbwl1/6CET8dOidsYH8lU9TRVyHS/f6cdbb9b20a0d33311303a7cea2119ca/arrow-icon-white.svg) center right no-repeat;
    height: 10px;
    margin-left: 3px;
}
.top-pannel [id^="menu-"] li,
ul#menu-top-panel li{
    display: inline-block;
    position: relative;
    z-index: 1;
}
@media (max-width: 767px){

    .textwidget > .top-pannel{
        display: none;
    }
    .top-pannel{
        position: relative;
        float: left;
        height: unset;
        padding: 0 0 70px;
        background: #fff;
        top: -20px !important;
        z-index: 99;
    }
    .top-pannel a{
        display: block;
        text-align: left;
        padding: 0 5px;
        line-height: 30px !important;
        height: 30px !important;
        font-size: 15px !important;
        margin: 0;
        color: #777 !important;
        text-transform: unset;
    }
    .top-pannel [id^="menu-"] li,
    ul#menu-top-panel li{
        display: block;
    }
    .pn-header ul[id^="menu-cta"] li.contact-sales-mobilebtn{
        position: fixed;
        top: 35px;
        width: 100%;
        text-align: center;
        display: block;
        z-index: 9999;
        background: #fff;
        padding: 10px 0 20px;
        margin-top: 20px;
    }
    .pn-header ul[id^="menu-cta"] > *:not(.contact-sales-mobilebtn){
        display: none
    }
    .pn-header ul[id^="menu-cta"] li.contact-sales-mobilebtn a{
        height: 50px;
        line-height: 50px;
        width: 285px;
        background: #fff;
        color: #d02129;
        padding: 0 20px;
        font-size: 18px;
    }
    .top-pannel [id^="menu-"] li.login,
    ul#menu-top-panel li.login{
        display: none;
    }
}
/*new Top panel Banner*/