/**
 * NEW STYLES
 **/

.utility-menu {
    background-color: #fff;
    overflow: hidden;
}

#top_nav .utility-menu, #top_nav.utility-menu {
    overflow: visible;
}

.utility-menu .sub-nav {
    margin-bottom: 0;
    padding: 0 !important;
    overflow: visible;
    margin-top: 0;
}

.utility-menu .sub-nav a,
.utility-menu .sub-nav .cart-scent {
    line-height: 25px;
    color: #0083c4;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    height: 25px;
    display: inline-block;
    margin-left: 30px;
    font-family: Helvetica, Arial, sans-serif;
}

.utility-menu .sub-nav .cart-scent a {
    margin-left: 0;
}
.utility-menu .sub-nav .cart-scent .space,
.utility-menu .sub-nav .cart-scent .cart-icon,
.utility-menu .sub-nav .cart-scent .cart-item-count {
    opacity: 0;
}
.utility-menu .sub-nav .cart-scent:hover .cart-icon {
    text-decoration: underline;
}

.utility-menu .sub-nav dd a:hover {
    background: transparent !important;
    color: #0083c4 !important;
    text-decoration: none;
}

.main-menu .top-bar-section li {
    margin-bottom: 0;
}

#tinyDrop a {
    display: block;
    clear: both;
}


.full-width.main-menu {
    box-shadow: 0px 3px 6px rgba(0,0,0,.2);
    background-color: #fff;
    height: 60px;
    z-index: 250;
    position: relative;
}

.main-menu .main-menu {
    height: 100%;
}

.main-menu .top-bar {
    background-color: #fff;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.main-menu .top-bar .name {
    margin: 20px 50px 20px 0;
    height: 20px;
}

.main-menu .top-bar .name img {
    height: auto;
    width: 185px;
}

.main-menu .submenu .fa.fa-file-pdf-o {
    float: left;
    margin: 0 5px 5px 0;
}

.main-menu .top-bar .top-bar-section .header > a {
    line-height: 60px !important;
    padding: 0 15px !important;
    text-decoration: none;
    font-family: Helvetica, Arial, sans-serif !important;
    font-size: 10pt !important;
}
.top-bar-section .dropdown {
    background-color: #f2f2f2;
}
.main-menu .top-bar .top-bar-section .header > a {
    color: #55555d;
    outline: 0;
}

.main-menu .top-bar .top-bar-section .header > a > span {
    margin-right: 5px;
}

.main-menu .top-bar .top-bar-section .header > a > span.no-right-margin {
    margin-right: 0;
}

.main-menu .top-bar .top-bar-section .header > a:hover {
    background-color: #f2f2f2;
    text-decoration: none;
}

.main-menu .top-bar .top-bar-section .header.expanded a {
    color: #41873f;
    background-color: #f2f2f2;
}

.main-menu .top-bar .top-bar-section .header.active a {
    background-color: #f2f2f2;
}

.main-menu .top-bar .top-bar-section .has-dropdown.header i {
    -webkit-transition: all .4s ease;
    color: #c2c2c2;
    -moz-transform-origin: 50% 50% 0;
    -ms-transform-origin: 7px;
    -o-transform-origin: 7px;
    -webkit-transform-origin: 50% 50% 0;
    transform-style: preserve-3d;
    padding: 1px 2px 2px 2px;
    margin: 0 -2px;
    font-size: 12px;
    line-height: 12px;
    width: 14px;
    height: 14px;
}
.main-menu .top-bar .top-bar-section .has-dropdown.header.active i {color: #41873f;}

@-moz-document url-prefix() {
    .main-menu .top-bar .top-bar-section .has-dropdown.header i {
        width: 15px;
        margin-left: -3px;
    }
}

.fa {
    display: inline-block;
}

.main-menu .top-bar .top-bar-section .header.expanded i {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    color: #41873f;
}

.main-menu .main-dropdown {
    background-color: #fff;
    min-width: 822px;
    display: block;
}

.main-menu .top-bar-section .main-dropdown li a {
    background-color: #fff;
    color: #999;
    transition: all .4s ease;
}

.main-menu .top-bar-section .main-dropdown li:hover a {
    color: #41873f;
}

.main-menu .top-bar-section .main-dropdown li.has-form:hover a {
    color: #0083c4;
}

.top-bar-section .has-form {
    background-color: #fff;
}

.top-bar input[type=text] {
    height: 1.8rem;
    padding-top: .35rem;
    padding-bottom: .35rem;
    font-size: 0.75rem;
}

.utility-menu {
    height: 25px;
}

.utility-menu .utility-menu .subnav {
    height: 25px;
}

.main-menu section.submenu,
.submenu {
    background-color: #f2f2f2;
    z-index: 500;
    position: absolute;
    width: 100%;
    vertical-align: text-top;
    height: 100%;
}

.submenu h4 {
    font-size: 14px;
    font-weight: bold !important;
    text-align: left;
}

.submenu ul {
    margin: 0;
    float: left;
    margin-right: 15px;
}

.submenu ul, .submenu li {
    list-style-type: none;
    margin-bottom: 7px;
    text-align: left;
}

[data-navigation-wrapper] {
    background-color: #f2f2f2;
    height: 160px;
    position: absolute;
    width: 100%;
    z-index: 99;
    box-shadow: 0px 5px 6px -2px rgba(0,0,0,0.2);
    /* display: none; */
/*    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;*/
    overflow: hidden;
    height: 0;
    font-size: 12px;
}

[data-navigation-target] > .row {
    max-width: 85em !important;
    text-align: center;
}
.no-csstransitions [data-navigation-wrapper] {
    height: 180px;
    display: none;
}

[data-navigation-target] {
    display: none;
}


[data-navigation-target] > .row > div {
    display: inline-block;
    vertical-align: top;
    padding: 0 4px 0 8px;
    margin-top: 20px;
    max-width: 16.6%;
}

[data-navigation-target] > .row > div.security_solutions,
[data-navigation-target] > .row > div.programs {
    max-width: 26%;
}

[data-navigation-target] > .row > div.home,
[data-navigation-target] > .row > div.business,
[data-navigation-target] > .row > div.web_security {
    max-width: 18%;
}


.submenu a,
.submenu h4 {
    color: #555555;
    display: block;
}

.submenu a:hover {
    color: #0083c3;
    text-decoration: none;
}

.main-menu .search {
    margin-top: 17px;
}

.search .collapse {
    border: 1px solid #c2c2c2;
    height: 25px;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid #c2c2c2;
}

.search .collapse > div {
    height: 25px;
}

.search .collapse input {
    border: none;
    box-shadow: none;
    height: 21px;
    top: 0;
    width: 25px;
    margin:0;
    padding:0 0 0 5px;
    color: #a4a4a4;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
}

.search .collapse:hover input,
.search .collapse input:focus {
    background-color: #fff !important;
    width: 100px;
}

.fr-fr .search .collapse:hover input,
.fr-fr .search .collapse input:focus,
.fr-ch .search .collapse:hover input,
.fr-ch .search .collapse input:focus,
.de-de .search .collapse:hover input,
.de-de .search .collapse input:focus,
.de-ch .search .collapse:hover input,
.de-ch .search .collapse input:focus,
.nl-nl .search .collapse:hover input,
.nl-nl .search .collapse input:focus,
.es-es .search .collapse:hover input,
.es-es .search .collapse input:focus,
.pt-pt .search .collapse:hover input,
.pt-pt .search .collapse input:focus {
    width: 40px !important;
}

.top-bar-section .search .has-form {
    height: 25px;
    padding: 0;
}

.top-bar-section .search li a {
    background-color: #fff !important;
    padding: 0;
    line-height: 21px;
}

.top-bar-section .search .search_input {
    display: inline-block;
    top: 0px;
    left: 0px;
    position: relative;
    margin-right: 35px;
}

.top-bar-section .search .search_button {
    display: inline-block;
    height: 25px;
    top: 0px;
    padding: 1px 5px;
    width: 25px;
    position: absolute;
    right: 0px;
}

form.siteSearch {
    position: relative;
}

.top-bar-section .header > a:after {
    content: "" !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    border: none !important;
}

@media (max-width: 1199px) {
    .ja-jp .main-menu .top-bar .top-bar-section .header > a,
    .fr-fr .main-menu .top-bar .top-bar-section .header > a,
    .fr-ch .main-menu .top-bar .top-bar-section .header > a,
    .de-de .main-menu .top-bar .top-bar-section .header > a,
    .de-ch .main-menu .top-bar .top-bar-section .header > a,
    .nl-nl .main-menu .top-bar .top-bar-section .header > a,
    .es-es .main-menu .top-bar .top-bar-section .header > a,
    .pt-pt .main-menu .top-bar .top-bar-section .header > a {
      padding: 0 9px !important;
    }
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .main-menu .top-bar .name img {width: 100px;}
    .main-menu .top-bar .name {margin: 20px 0;}
    .search .collapse input:focus {width: 20px;}
}

@media (min-width: 1024px) {
    [data-mobile-navigation-link] {
        display: none;
    }

    [data-navigation] .mobile-menu-icon {
        display: none;
    }

    .row.hero,
    .row.header
    {
        padding-top: 25px;
    }

    body .utility-menu {
        background-color: #f2f2f2;
        z-index: 251;
        position: relative;
    }

    .full-width.main-menu .utility-menu {
        display: none;
    }

    .submenu a {
        font-size: 10pt;
    }

    .nl-nl [data-navigation-target] > .row > div {
      max-width: 17.6%;
    }

    .submenu a,
    .submenu h4 {
        line-height: 14px;
    }

    [data-navigation-target] > .row > div ~ div {
        border-left: 1px solid #fff;
        box-shadow: -1px 0 0px #dedede;
    }
}

@media (max-width: 1023px) {

    body {
        margin-top: 60px !important;
    }

    .row.hero {
        padding-top: 10px;
    }

    .full-width.main-menu {
        position: fixed;
        top: 0;
        left: 0;
    }

    .main-menu .top-bar {
        height: 100%;
    }

    .top-bar .title-area  {
        margin-top: 0;
        right: 15px;
        top: 50%;
        padding-left: 0;
        position: static;
    }

    .top-bar .title-area .mobile-menu-icon {
        position: absolute;
        margin-left: 40px;
        right: 15px;
        top: 50%;
        margin-top: -17px;
        padding: 4px;
        border: 1px solid #ddd;
        border-radius: 4px;
        background-color: #f8f8f8;
    }

    .top-bar .title-area .mobile-menu-icon i.fa {
        color: #ccc;
        cursor: pointer;
    }

    .top-bar .title-area .fa-bars {
        font-size: 23px;
        padding: 2px;
    }

    .main-menu section.submenu,
    .submenu {
        height: auto;
        position: relative;
    }

    body > .utility-menu {
        display:none;
    }

    body h3[data-mobile-navigation-link] {
        font-family: Helvetica, Arial, sans-serif;
        height: 50px;
        line-height: 50px;
        color: green;
        font-weight: bold !important;
        padding: 0 !important;
        padding-left: 1em !important;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #e4e4e4;
        margin: 0;
        font-size: 21px !important;
        text-shadow: none !important;
        cursor: pointer;
    }

    body h3[data-mobile-navigation-link].expanded {
        border-bottom: 0px none transparent;
    }

    [data-navigation-wrapper] {
        overflow-y: scroll;
        display: none;
    }

    [data-navigation-wrapper] .utility-menu {
        height: auto;
    }

    [data-navigation-wrapper] .utility-menu a.button {
        width: 100%;
        color: rgb(85, 85, 85);
        text-transform: none;
        background-color: rgb(231, 231, 231);
        text-align: left;
        font-size: 10pt;
        border: 1px solid #e6e6e6;
        background: rgb(243,243,243); /* Old browsers */
        background: -moz-linear-gradient(top,  rgba(243,243,243,1) 0%, rgba(244,244,244,1) 51%, rgba(233,233,233,1) 52%, rgba(231,231,231,1) 52%, rgba(231,231,231,1) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(243,243,243,1)), color-stop(51%,rgba(244,244,244,1)), color-stop(52%,rgba(233,233,233,1)), color-stop(52%,rgba(231,231,231,1)), color-stop(100%,rgba(231,231,231,1))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(243,243,243,1) 0%,rgba(244,244,244,1) 51%,rgba(233,233,233,1) 52%,rgba(231,231,231,1) 52%,rgba(231,231,231,1) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(243,243,243,1) 0%,rgba(244,244,244,1) 51%,rgba(233,233,233,1) 52%,rgba(231,231,231,1) 52%,rgba(231,231,231,1) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(243,243,243,1) 0%,rgba(244,244,244,1) 51%,rgba(233,233,233,1) 52%,rgba(231,231,231,1) 52%,rgba(231,231,231,1) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(243,243,243,1) 0%,rgba(244,244,244,1) 51%,rgba(233,233,233,1) 52%,rgba(231,231,231,1) 52%,rgba(231,231,231,1) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
    }

    [data-navigation-wrapper] .utility-menu a i {
        color: #408740;
        margin-right: 5px;
    }

    [data-mobile-navigation-link] i {
        color: #cdcdcd;
        transition: all .4s ease;
    }

    [data-mobile-navigation-link].expanded i {
        color: #408740;
        transform: rotate(90deg);
    }

    [data-navigation-target] {
        border-bottom: 1px solid #e4e4e4;
    }

    [data-navigation-target] > .row > div {
        display: block;
        border-left: none;
        box-shadow: none;
        margin-top: 10px;
        max-width: 100%;
        margin-left: 2em;
    }

    [data-navigation-target] > .row > div.security_solutions,
    [data-navigation-target] > .row > div.programs,
    [data-navigation-target] > .row > div.home,
    [data-navigation-target] > .row > div.business,
    [data-navigation-target] > .row > div.web_security {
        max-width: 100%;
    }

    .submenu ul {
        float: none;
        height: auto;
        margin-left: 15px;
    }

    .submenu h4 {
        font-size: 12pt;
        margin-bottom: 0;
    }
    .noscroll {
        overflow: hidden;
        height: 80%;
    }

    [data-navigation] .top-bar-section {
        display: none;
    }

}

/* fixes */
form.siteSearch {
    margin: 0;
    padding: 0;
}

/* experiments */
.sub-nav dt.active:after {
    position: absolute;
    bottom: -25px;
    left: 50%;
    width: 70px;
    height: 25px;
    content: "";
    border-left: 32px solid transparent;
    border-right: 32px solid transparent;
    border-top: 10px solid #408740;
    margin-left: -35px;
}

.sub-nav dt.active {
    background: none !important;
    padding-bottom: 0 !important;
    position: relative !important;
}

/* HACKS*/
.tc0-partners.tc1-reseller .bannerImagePartners {
    position: relative;
    height: 360px;
}

.bannerImageCompleteC {
    position: relative !important;
    top: 0 !important;
    z-index: 0;
}

#completeFeatures, #homeCompare, #ispFeatures{
 margin-top: 0 !important;
}

#stickyLinks {
    padding: 0;
}

#stickyLinks dt {
    height: 59px;
    position: relative;
    display: inline-block;
    line-height: 59px;
    margin-bottom: 0;
}

#stickyLinks dt a {
    padding: 19px 35px 20px 35px !important;
}

#language-selector {
  position: relative;
  font-size: 16px;
  height: 1em;
  display: none;
  overflow: visible;
  direction: rtl;
  top: 24px;
}

#language-selector.alive {
  display: inline-block;
}

#language-selector ul {
  background: #F2F2F2;
  z-index: 2;
  margin: 0px;
  padding: 0px;
  position: absolute;
  border-bottom: 2px solid #666;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

#language-selector li {
  list-style: none;
  height: 0;
  margin: 0;
  width: 100%;
}

#language-selector a {
  white-space: nowrap;
  display: block;
  padding: 0 8px;
  line-height: 30px;
  float: none;
  color: #55555D;
  cursor: pointer;
  margin: 0;
  width: 100%;
  height: unset;
  text-align: left;
}

#language-selector a:hover, #language-selector a.active {
  background: #fff;
  color: #0083C4;
  text-decoration: none;
}

#language-selector a::before {
  width: 18px;
  height: 12px;
  display: inline-block;
  content: "";
  margin-right: 8px;
  background: url(/shared/images/flag-sprite-gray.png) no-repeat;
}

#language-selector a:hover::before, #language-selector a.active::before {
  background: url(/shared/images/flag-sprite-color.png) no-repeat;
}

#language-selector a[href*="/au/en/"]::before {
  background-position: 0 -12px;
}

#language-selector a[href*="/ca/en/"]::before {
  background-position: 0 -24px;
}

#language-selector a[href*="/de/de/"]::before {
  background-position: 0 -36px
}

#language-selector a[href*="/es/es/"]::before {
  background-position: 0 -48px
}

#language-selector a[href*="/fr/fr/"]::before {
  background-position: 0 -60px
}

#language-selector a[href*="/hk/en/"]::before {
  background-position: 0 -72px
}

#language-selector a[href*="/in/en/"]::before {
  background-position: 0 -84px
}

#language-selector a[href*="/ie/en/"]::before {
  background-position: 0 -96px
}

#language-selector a[href*="/nl/nl/"]::before {
  background-position: 0 -108px
}

#language-selector a[href*="/nz/en/"]::before {
  background-position: 0 -120px
}

#language-selector a[href*="/pt/pt/"]::before {
  background-position: 0 -132px
}

#language-selector a[href*="/za/en/"]::before {
  background-position: 0 -144px
}

#language-selector a[href*="/ch/de/"]::before,
#language-selector a[href*="/ch/fr/"]::before {
  background-position: 0 -156px;
}

#language-selector a[href*="/gb/en/"]::before {
  background-position: 0 -168px
}

#language-selector a[href*="/us/en/"]::before {
  background-position: 0 -180px
}

#language-selector a[href*="/jp/ja/"]::before {
  background-position: 0 -192px
}