.banner_notice {

    background-color: rgba(255, 255, 255, 0.8);
    /*background-color: #af1a17;*/

}

@media (min-width: 999px) {

    .height40 {
        height: 40px;
    }
}

@media (max-width: 999px) {

    .padbtab10 {
        padding-bottom: 20px;
    }
}

.bannertxt {
    font-weight: 700;
    font-family: Roboto, sans-serif;
    letter-spacing: 0.1em;
    line-height: 1.375em;
    text-transform: uppercase;
    font-size: 13px;
    text-align: center;
    color: #000;
}

u {
    border-bottom: 1px dashed #000;
    text-decoration: none;
}

.topbar {
    background-color: transparent;
    color:#fff;
    font-size:.875rem;
    z-index:50;
    position:relative
}

.topbar .topbar__wrap {
    display:flex;
    align-items:center;
    height:60px
}

.stickyheader {

    position: sticky;
    top: 0;
    width: 100%
}

.topbar .topbar__logo
{padding-right:24px
}

.topbar .topbar__logo .brand-logon {
    display:flex
}

.topbar-link {
    color:#fff;
    text-decoration:none;
    padding:0 15px;border:1px solid transparent
}

.topbar .topbar__productlist {
    flex:1;
    flex-wrap:nowrap
}

.topbar .topbar__navwrap {
    margin-bottom:0
}

.topbar .topbar__productlist .topbar-list .list-item {
    display:inline-block;
    margin-right:.15rem
}

.topbar .topbar-link {
    padding:6px 15px;
    font-weight:600;
    font-family:"Work Sans",sans-serif;
    -webkit-font-smoothing:antialiased
}

.topbar .topbar-link:hover {
    color:#fff
}

.topbar .topbar-link.active {
    border-radius:8px;
    background-color:rgba(68,73,78,.5)
}

.nav_block {
    position:sticky;
    position:-webkit-sticky;
    left:0;
    right:0;
    top:0;
    z-index:10
}

.nav {
    margin:0;
    background:#fff;
    box-shadow:0 0 5px 0 rgba(163,164,166,.2)
}

.top-margin {
    padding:0
}

.nav__wrap {
    display:flex;
    flex-direction:row;
    justify-content:space-between
}

.nav__brand {
    width:30%;
    display:inline-block;
    padding:25px 10px;transition:.3s all ease
}

.nav .nav__brand a {
    color:#ce2525;
    font-weight:600;
    font-family:"Work Sans",sans-serif;
    font-size:1rem;
    -webkit-font-smoothing:antialiased;line-height:1.5
}

.nav__options {
    display:flex;
    width:70%;
    justify-content:flex-end;
    align-items:center;
    transition:.3s all ease;
    margin-bottom:0
}

.nav__link {
    display:inline-block;
    font-size:.875rem;
    font-weight:400;
    padding:5px 10px;
    color:#181c20;
    text-decoration:none;
    cursor:pointer;
    font-family:"Work Sans",sans-serif
}

.nav__link img {
    opacity:0
}

.nav__options li:hover .nav__link {
    color:#181c20;
    background:#eaebef;
    border-radius:3px;
    font-family:"Work Sans",sans-serif
}

.nav__options li:hover .nav__link img {
    opacity:1;
    transform:rotateY(180deg)
}
.dropbox {
    position:absolute;
    top:65px;
    left:0;
    right:0;
    z-index:-10;
    box-shadow:0 0 10px 0 rgba(45,35,66,.1);
    background:linear-gradient(291deg,#f9f9f9,#f9f9f9),linear-gradient(293deg,#fff,#fff);
    background-position:left top,right top;
    background-repeat:no-repeat,no-repeat;
    background-size:30% 100%,70% 100%;
    display:flex;
    align-items:stretch;
    visibility:hidden;
    transition:all .4s ease;transform:translateY(-120%)
}

.dropbox__wrap {
    display:flex
}

.dropbox__sub {
    width:18%;
    background:#f9f9f9;
    padding:40px 0;
    display:flex;
    flex-direction:column;
    justify-content:flex-start
}

.dropbox__sub--big {
    width:82%;
    background:#fff;
    flex-direction:row;
    justify-content:space-between
}

.dropbox__heading {
    font-size:1.5rem;
    font-weight:300;
    color:#44494e;
    padding:20px 0 80px
}

.dropbox__snip a {
    color:#181c20;
    font-size:1rem;
    font-weight:400;
    margin:15px 0;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    text-decoration:none
}

.dropbox__snip img {
    vertical-align:middle;
    margin-left:5px
}

.dropbox__list {
    padding:0 3%;
    min-width:25%;
    box-sizing:border-box
}
.dropbox__list li {
    font-size:.875rem;
    font-weight:300;
    line-height:2.14;
    color:#a3a4a6;
    transition:all .2s ease-in-out
}

.dropbox__list li:hover {
    color:#181c20;
    cursor:pointer
}

.dropbox__list li a {
    color:#666;
    font-weight:400
}

.dropbox__list li a:hover {
    color:#181c20
}

.dropbox__list li .dropbox__list__header a,.dropbox__list__header {
    font-size:.875rem;
    font-weight:600;
    color:#181c20;
    line-height:2.14;
    margin:15px 0
}

.dropbox__list li .dropbox__list__header a,.dropbox__list__header {
    text-transform:uppercase;
    color:#e2434b;
    font-size:13px;
    margin:15px 0 7px
}

.dropbox__list li .dropbox__list__header a {
    font-weight:600
}

.nav__options li {
    margin-right:10px
}

.nav__options li.parent-list {
     padding:21px 0
}

.nav__options li:hover .dropbox {
    opacity:1;transform:none;visibility:visible
}

.nav__options .nav-button-wrap {
    margin-left:2.5rem
}

.mobile-demo-button .button,.nav__options .button {
    font-size:.75rem;
    padding:.4rem .65rem;
    width:8rem;
    background-color:#ce2525;
    color:#fff;
    letter-spacing:1px;
    text-transform:uppercase;
    border-radius:.5rem;
    font-weight:600;
    display:inline-block;text-align:center;
    font-family:"Work Sans",sans-serif;
    -webkit-font-smoothing:antialiased;
    box-sizing:border-box;
    line-height:1.5;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.nav__options .button:hover {
    background-color:#ee4545
}

.dropdown__list-two {
    margin-top:49px
}

div.tour-landing-banner {
    margin-top:0
}

.sticky-header {
    z-index:1
}

.mobile-demo-button,.mobile-nav-icon,.nav__options li .dropbox__list__header img {
    display:none
}

.nav__options li img {
    transform:rotate(180deg)
}

.nav__options .dropbox__snip img {
    display:block;
    padding-left:10px;
    transform:rotate(0)
}

.down-red-arrow {
    display:none
}

.pricing-nav {
    margin-right:20px
}

.nav__options li.pricing:hover .nav__link svg {
    opacity:0
}

.new-container {
    width:100%;
    padding-right:15px;
    padding-left:15px;
    margin-right:auto;
    margin-left:auto;
    box-sizing:border-box
}

.new-container .row {
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin-right:-15px;
    margin-left:-15px
}


footer *,footer ::after,footer ::before,header *,header ::after,header ::before {
    box-sizing:border-box
}

li {
    list-style:none
}

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

footer .row:after,footer .row:before,header .row:after,header .row:before {
    display:block
}

.topbar__navwrap {
    display:none
}

.hf-dropdown {
    position:relative
}

.hf-dropdown__value {
    color:#fff;
    /*background:url(../images/arrow-down.svg) no-repeat right 15px center;*/
    background-color:#44494e;
    background-size:14px;
    border-radius:8px;
    display:block;
    padding:5px 30px 5px 12px;
    width:150px;
    min-height:32px;
    font-weight:600
}

.hf-dropdown-list {
    background:#fff;
    list-style:none;
    padding:5px 0;
    position:absolute;
    border-radius:8px;
    box-shadow:0 2px 20px 10px rgba(0,0,0,.1);
    border:solid 1px #e6e6e6;
    left:0;
    top:34px;
    width:auto;
    min-width:180px;
    display:none
}

.hf-dropdown-list li a {
    padding:8px 15px;
    font-weight:600;
    display:block;
    color:#44494e;
    outline:0;
    text-decoration:none
}

@media (min-width:768px){
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

}

.col-md-auto {
    -ms-flex:0 0 auto;
    flex:0 0 auto;
    width:auto;
    max-width:none
}

.col-md-1 {
    -ms-flex:0 0 8.333333%;
    flex:0 0 8.333333%;
    max-width:8.333333%
}

.col-md-2 {
    -ms-flex:0 0 16.666667%;
    flex:0 0 16.666667%;
    max-width:16.666667%

}

.col-md-3 {
    -ms-flex:0 0 25%;
    flex:0 0 25%;
    max-width:25%

}

.col-md-4 {
    -ms-flex:0 0 33.333333%;
    flex:0 0 33.333333%;
    max-width:33.333333%
}

.col-md-5 {
    -ms-flex:0 0 41.666667%;
    flex:0 0 41.666667%;
    max-width:41.666667%}

.col-md-6 {
    -ms-flex:0 0 50%;
    flex:0 0 50%;
    max-width:50%
}

.col-md-7 {
    -ms-flex:0 0 58.333333%;
    flex:0 0 58.333333%;
    max-width:58.333333%
}

.col-md-8 {
    -ms-flex:0 0 66.666667%;
    flex:0 0 66.666667%;
    max-width:66.666667%
}

.col-md-9 {
    -ms-flex:0 0 75%;
    flex:0 0 75%;
    max-width:75%
}

.col-md-10 {
    -ms-flex:0 0 83.333333%;
    flex:0 0 83.333333%;
    max-width:83.333333%}

.col-md-11 {
    -ms-flex:0 0 91.666667%;
    flex:0 0 91.666667%;
    max-width:91.666667%}

.col-md-12 {
    -ms-flex:0 0 100%;
    flex:0 0 100%;
    max-width:100%
}

@media(min-width:993px){
    .hf-dropdown__value {
        display:none
    }
    .topbar__navwrap {
        display:block
    }
}

@media (min-width:1501px){
    .new-container {
        max-width:1440px
    }
}

@media (max-width:1500px){
    .new-container {
        max-width:1140px
    }

}

header .bubble {
    background-color: #af1a17;
}
header .bubble {
    border-radius: 100%;
    height: 6px;
    width: 6px;
    background-color: #af1a17;
    color: #fff;
    position: relative;
    top: 3px;
    float: right;
    left: -3px;
}

.img_bg {
    background-color: rgb(242, 242, 242) !important;
    box-shadow: rgb(235, 235, 235) 0 0 0 2px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    width: 27px !important;
    height: 27px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
}

.profile-dropdown:before {
    position: absolute;
    content: '';
    top: -5px;
    left: 88%;
    width: 20px;
    height: 20px;
    border: 2px solid transparent;
    border-top-color: #fff;
    border-left-color: #fff;
    transform: rotate(45deg);
    background-color: #fff;
    z-index: 901;
}

.notification-dropdown:before {
    position: absolute;
    content: '';
    top: -5px;
    left: 50%;
    width: 20px;
    height: 20px;
    border: 2px solid transparent;
    border-top-color: #fff;
    border-left-color: #fff;
    transform: rotate(45deg);
    background-color: #fff;
    z-index: 901;
}

.title-h4 {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 20px;
}

.profile-dropdown .cusdetails > p {

    font-size: 13px;
    font-family: Roboto, sans-serif;
    line-height: 1.7;
    color: #444;
    font-weight: 500;
}

.profile-dropdown .cusdetails > a p {

    font-size: 13px;
    font-family: Roboto, sans-serif;
    line-height: 1.7;
    color: #444;
    font-weight: 500;
    cursor: pointer;
}

.profile-dropdown .modtitle {
    font-size: 15px;
    font-family: Roboto, sans-serif;
    line-height: 1.7;
    color: #000011;
    font-weight: 500;
    text-transform: uppercase;
    padding-top: 5px;
}

.profile-dropdown .modetails > a p {

    font-size: 14px;
    font-family: Roboto, sans-serif;
    line-height: 1.7;
    color: #444;
    font-weight: 400;
    padding-bottom: 5px;
}

.notimarkall {
    font-size: 13px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
}

.opacity-half {

    opacity: 0.5 !important;
}

.banner_notice .urgent {

    color: #fff !important;
}

.urgent-bg {

    background-color: #af1a17 !important;
}

.static-bg {

    background-color: rgba(255, 255, 255, 0.8) !important;
}

.banner_notice .static {

    color: #000 !important;
}

.fa-lock:before {
    padding-left: 10px;
}

@media only screen and (min-width: 996px) {

    .tm-none {

        display: none !important;

    }

}

@media only screen and (min-width: 580px) and (max-width: 996px) {

    .dm-none {

        display: none !important;

    }

}

@media only screen and (max-width: 580px) {

    .dt-none {

        display: none !important;

    }


}