/******** GLOBAL ********/
body.anml {
    background-color: #fafafa;
    background-image: url("../img/anml/bg-shadow-1720x2.html");
    background-position: center center;
    background-repeat: repeat-y;
    color: #8a9298;
    cursor: default;
    /*font-family: 'Gotham SSm A', 'Gotham SSm B' !important;
    font-weight: 400;
    font-style: normal;
    font-size: 1.5rem;
    font-variant: normal;*/
    height: 100%;
    line-height: 1.2;
    margin: 0 auto;
    position: relative;
    text-rendering: optimizelegibility;
    max-width: 1600px;
    width:100%;
}

.anml-modal-overlay {
    display:none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
    z-index:9000;
}
.anml-modal {
    display:none;
    position:fixed;
    padding:0;
    margin:0 auto;
    left:0;
    right:0;
    width:780px;
    z-index:9100;
    margin-top:-260px;
    top:50%;
}
.anml-modal .content {
    padding:20px;
}
.anml-modal-close {
    position:absolute;
    top: 4px;
    right:3px;
    background:url('../img/anml/btn-modal-close-off.html') no-repeat;
    background-size:100%;
    width:35px;
    height:35px;
    transition:background-position 0.25s ease;
    cursor:pointer;
    z-index:99999;
    opacity:1;
    transition:opacity 0.25s ease;
}
.anml-modal-close:hover {
    opacty:0.5;
}

.anml-modal-btn-container{
    text-align: center;
    padding-top: 20px;
}

.anml-modal-btn{
    text-align: center;
    background-color: #ff0000;
    color: #fff;
    padding: 0 20px;
    line-height: 40px;
    display: inline-block;
    border-radius: 20px;
    font-family:'Gotham SSm A', 'Gotham SSm B';
    font-weight:700;
    font-size: 10px;
    transition:background 0.25s ease;
}
.anml-modal-btn:hover {
background:#b7161d;
}



.v2-home a,
.v2-customer a {
    cursor:pointer !important;
}

.v2-home .inner-container,
.v2-customer .inner-container{
    max-width:1500px;
}
/* Adding padding to body for fixed meganav */
body {
    padding-top: 75px;
}

/* search box autocomplete START*/

.gsc-completion-selected {
  background: #f0f0f0 !important;
}

.main-menu.search-section {
    text-align: right;
    pointer-events: none;
    cursor: pointer;
}
.main-menu.search-section li{
      padding: 0px;
      margin-right: 25px;
}

.main-menu.search-section .search-panel{
      position: absolute;
      right:0px;
}

.main-menu.search-section a.search-magnify.global-icon {
      background-position: left 49px;
      transition: background-position 0.20s ease;
}

.main-menu.search-section a.search-magnify.global-icon span{
      background: url("../../../../../content/dam/servicenow/images/home-asset/icons/magnifying-glass.png") transparent no-repeat scroll center center;
      background-size: cover;
      top: 0px; 
}

.main-menu.search-section a.search-magnify.global-icon.pyramid-appear {
      background-position: left bottom;
}

.main-menu.search-section .search-panel {
   overflow: hidden;
}

.main-menu.search-section .search-panel #___gcse_1 * {
    margin: 0px;
    padding: 0px;
    border-style: none !important;
    background-color: #f0f0f0;
    cursor: default;
}

.main-menu.search-section .search-panel #___gcse_1 .gsc-control-searchbox-only {
    background-color: transparent !important;
}

.main-menu.search-section .search-panel #___gcse_1 .gsc-search-button{
      display: none;
}

.main-menu.search-section .search-panel #___gcse_1 form.gsc-search-box-tools{
   /* width: 360px;*/
    height: 110px;
    text-align: center;
    background-color: #f0f0f0;
    margin: 0px;
    display: none;
    z-index: 10000 !important;
}

.main-menu.search-section .search-panel #___gcse_1 form.gsc-search-box-tools.open {
      display: block;
}

.main-menu.search-section .search-panel #___gcse_1 form.gsc-search-box-tools td#gs_tti51 {
  text-align: center !important;
}


.main-menu.search-section .search-panel #___gcse_1 form.gsc-search-box-tools td#gs_tti51 input#gsc-i-id2{
      width: 320px !important;
      padding: 10px !important;
      font-size: 16px !important;
      font-weight: 200 !important;
      color: #000000 !important;
      line-height: 20px !important;
      background-color: #dfdfdf !important;
      border: none !important;
      margin: 40px 0 30px 0 !important;
      height: auto !important;
}
.main-menu.search-section .search-panel #___gcse_1 form.gsc-search-box-tools td#gs_tti51 input#gsc-i-id2::-webkit-input-placeholder {
        color: #ffffff;
    font-size: 14px;
    text-align: right;
    font-weight: 400;

}
.main-menu.search-section .search-panel #___gcse_1 form.gsc-search-box-tools td#gs_tti51 input#gsc-i-id2:-ms-input-placeholder {
    
        color: #ffffff;
    font-size: 14px;
    text-align: right;
    font-weight: 400;
}
.main-menu.search-section .search-panel #___gcse_1 form.gsc-search-box-tools td#gs_tti51 input#gsc-i-id2::-moz-placeholder {
    
        color: #ffffff;
    font-size: 14px;
    text-align: right;
    font-weight: 400;
}
.main-menu.search-section .search-panel #___gcse_1 form.gsc-search-box-tools td#gs_tti51 input#gsc-i-id2:-moz-placeholder {
    
    color: #ffffff;
    font-size: 14px;
    text-align: right;
    font-weight: 400;
}

.main-menu.search-section .search-panel #___gcse_1 form.gsc-search-box-tools td.gsib_b{
      display: none;
}


.gstl_51 {
 /*width: 360px !important;*/
 /* position: absolute !important;*/
  right: 0px;
  left: initial !important;
  top: 180px !important;
  z-index: 10000 !important;
}

table.gstl_51 {
  border-collapse: initial !important;
}


.gstl_51 *{
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  border-collapse: initial !important;
}

.gstl_51 .gssb_a, .gstl_51 .gssb_a td {
  line-height: 30px;
}

.gstl_51 .gsc-completion-container { 
  background-color:#f0f0f0;
  box-shadow: none;
  -moz-box-shadow: none;
  border: none;
  padding: 0 0 0 25px;
  font-size: 16px;
  color: #000000;
}

.gstl_51 .gsc-completion-container tbody tr:last-child td.gssb_a table{
  padding-bottom:25px !important;
}

.gstl_51 .gsc-completion-container tbody tr td.gssb_a .gsq_a table{
  line-height: 30px !important;
  font-style: italic !important;
  font-weight: 200 !important;
  cursor: pointer;
}

.gstl_51 .gsc-completion-container tbody tr td.gssb_a .gsq_a table tbody tr td{ 
  font-style: italic !important;
}

.gstl_51 .gsc-completion-container tbody tr td.gssb_a .gsq_a table:hover{
  cursor: pointer;
  background-color: #f0f0f0;
  color:#258dfc;
}
.gstl_51 .gsc-completion-container tbody tr td.gssb_a .gsq_a table b{
  font-weight: 200 !important;
}



/*mobile search box*/

.mobileSearchContainer #___gcse_0 * {
    margin: 0px;
    padding: 0px;
    border-style: none !important;
    background-color: #f0f0f0;
    cursor: default;
}
.mobileSearchContainer #___gcse_0 form.gsc-search-box-tools td#gs_tti50 {
  text-align: center !important;
}

.mobileSearchContainer #___gcse_0 form.gsc-search-box-tools td#gs_tti50 input#gsc-i-id1{
    width: 100% !important;
    height: 50px !important;
    margin-right: 45px !important;
    margin-top: 0px !important;
    border: 0 !important;
    font-size: 18px !important;
    padding-left: 52px !important;
    box-sizing: border-box !important;
    background: #fff url("../../../servicenow/static/img/anml/search-mag.png") no-repeat !important;
    background-size: 22px 23px !important;
    background-position: 16px 14px !important;
    color: #ccc !important;
}

.mobileSearchContainer #___gcse_0 .gsc-search-button .gsc-search-button-v2 {
        height: 50px;
    width: 45px;
    background: #c43425 url("../../../servicenow/static/img/anml/search-go.png") no-repeat center center;
    background-size: 9px 14px;
    color: #fff;
    border: 0;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0;
}



/*mobile autocomplete result box*/
.gstl_50 {
  width: 100% !important;
  /*position: absolute !important;*/
  left: initial !important;
  top: 99px !important;
}

table.gstl_50 {
  border-collapse: initial !important;
}


.gstl_50 *{
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  border-collapse: initial !important;
}
.gstl_50 .gssb_a, .gstl_50 .gssb_a td {
  line-height: 30px;
}

.gstl_50 .gsc-completion-container { 
  background-color:#f0f0f0;
  box-shadow: none;
  -moz-box-shadow: none;
  border: none;
  padding: 20px 30px 0px 30px;
  font-size: 16px;
  color: #000000;
}

.gstl_50 .gsc-completion-container tbody tr:last-child td.gssb_a table{
  padding-bottom:25px !important;
}

.gstl_50 .gsc-completion-container tbody tr td.gssb_a .gsq_a table{
  line-height: 30px !important;
  font-style: italic !important;
  font-weight: 200 !important;
  cursor: pointer;
}

.gstl_50 .gsc-completion-container tbody tr td.gssb_a .gsq_a table tbody tr td{ 
  font-style: italic !important;
}

.gstl_50 .gsc-completion-container tbody tr td.gssb_a .gsq_a table:hover{
  cursor: pointer;
  background-color: #f0f0f0;
  color:#258dfc;
}
.gstl_50 .gsc-completion-container tbody tr td.gssb_a .gsq_a table b{
  font-weight: 200 !important;
}


/* search box autocomplete END*/


@media (max-width: 991px) {
body {
    padding-top: 50px;
}
}
.header-anml {
  position: fixed;
  top: 0;
  width: 100%;
  // height: 135px;
  height: 75px;
  background-color: #000;
  transition: top 0.2s ease-in-out;
  max-width: 1498px;
  z-index: 5060;
}
.header-anml.nav-down {
        position: fixed;
        top: 0;
        background-color: black;
}
.header-anml.nav-up {
        position: fixed;
        top: -80px;
        background-color: black;
}
.header-bg {
    width:100%;
    height:75px;
    position:absolute;
    background-color:#000;
    opacity:1.0;
    z-index:5000;
    transition:opacity 0.25s ease;
}
.header-anml:hover .header-bg {
    opacity:1 !important;
}
.homepage .header-anml:hover .header-bg {
    opacity: 0 !important; 
}
.logo {
    position:absolute;
    background:url('../img/anml/logo-rev.html') no-repeat;
    background-size: contain;
    width:208px;
    height:24px;
    margin:25px 0 0 50px;
    z-index: 6000;
}
.fixed-menu {
    position:fixed;
    top:168px;
    right:0;
    width:53px;
    height:192px;
    z-index:5050;
}
.fixed-menu > * {
    width:53px;
    height:64px;
    cursor:pointer;
    display:block;
    transition:background 0.25s ease;
}
.fixed-menu .demo {
    background:#e51b24;
    transition:background 0.25s ease;
    color:#fff;
    text-transform:uppercase;
    text-align:center;
    line-height:14px;
    padding:18px 0;
    box-sizing:border-box;
    font-family:'Gotham SSm A', 'Gotham SSm B';
    font-weight:700;
    font-size:10px;
}
.fixed-menu .demo:hover {
    background:#b7161d;
}
.fixed-menu .searchFixed {
    background:#2e2e2e url('../img/anml/btn-fixed-search.html') no-repeat center center;
}
.fixed-menu .searchFixed:hover {
    background-color:#252525;
}
.fixed-menu form {
    display:block;
    position:fixed;
    top:232px;
    right:100000px;
    width:314px;
    height:60px;
    background:#fff url('../img/anml/search_triangle.html') no-repeat right center;
    border:1px solid #ccc;
    border-right:0;
    padding:2px 20px 0 20px;
    z-index:5000;
    opacity:0;
    transition: opacity 0.25s ease;
}
.fixed-menu form.open {
    opacity:1;
    right:53px;
}
.fixed-menu input {
    width:100%;
    height:56px;
    border:0;
}
.fixed-menu .contact {
    background:#434343 url('../img/anml/btn-fixed-contact.html') no-repeat center center;
}
.fixed-menu .contact:hover {
    background-color:#363636;
}
.fixed-menu .offer {
    display: none;
}

.main-menu {
    position: absolute;
    color:#bbb;
    text-align: center;
    width:100%;
    z-index: 5100;
    line-height: 18px;
    margin-top: 28px;
}
.main-menu.lang-menu {
    pointer-events: none;
    text-align: right;
}
.main-menu .pipe {
    cursor:default;
}
.main-menu > ul {
  margin: 0 75px 0 236px; 
}
.main-menu.lang-menu > ul {
  pointer-events: none;
  margin: 0; 
}
.homepage .main-menu li > a {
  color: #fff; 
}
.main-menu li {
    pointer-events: auto;
    display: inline-block;
    padding:0 20px;
    transition: padding 350ms ease-out;
}
.main-menu li.last {
    padding:0 50px 0px 0px;
    transition: none; 
}
.main-menu li > a {
    color:#bbb;
    font-family:'Gotham SSm A', 'Gotham SSm B';
    font-weight:700;
    font-style:normal;
    font-size:11px;
    text-transform:uppercase;
    display:block;
    padding:0 0 28px !important;
    background:url('../img/anml/bg_nav_active.html') no-repeat center 49px;
    transition:background-position 0.25s ease;
}

/* BEGIN Navdeep's new code */ .main-menu li > a.global-icon {
  position: relative;
  padding-left: 2.5em !important;
}

.main-menu li > a.global-icon span {
  position: absolute;
  top: -0.2em;
  left: 0;
  height: 20px;
  width: 20px;
  background: url('../../../../../content/dam/servicenow/images/global/icons/icon-globe.png') transparent no-repeat scroll center center;
  background-size: cover;
  opacity: 0.75; }
.main-menu li:hover > a.global-icon span {
  opacity: 1; }
.homepage .main-menu li > a.global-icon span {
  opacity: 1; }
/* END Navdeep's new code */ 

.main-menu li:hover > a {
    color:#fff;
    background-position: center 36px;
}
.main-menu li.customers:hover > a {
    background-position:center 78px;
}
.mega-menu {
    color:#000;
    position:absolute;
    text-align:left;
    width:100%;
    margin:0;
    opacity:1;
    top:auto;
    left:0;
    line-height: 1.42857;
    z-index:1000;
    height:0;
    overflow:hidden;
    transition:height 0.25s ease;
}

/*.main-menu li:hover .mega-menu.mmProducts{height:542px;}
.main-menu li:hover .mega-menu.mmSolutions{height:729px;}
.main-menu li:hover .mega-menu.mmServices{height:390px;}
.main-menu li:hover .mega-menu.mmCustomers{height:300px;}
.main-menu li:hover .mega-menu.mmPartners{height:300px;}
.main-menu li:hover .mega-menu.mmSupport{height:300px;}
.main-menu li:hover .mega-menu.mmCompany{height:250px;}
.main-menu li:hover .mega-menu.mmCommunity{height:296px;}
.main-menu li:hover .mega-menu.mmMoreSites{height:376px;}
.main-menu li:hover .mega-menu.mmLanguages{height:300px;}*/
.mega-menu .mmContentMain{padding:50px 80px 50px 140px;box-sizing:border-box;background:#eaeaea;width:100%;float:left}
.mega-menu .mmContentMain.aRight{text-align:right}
.mega-menu.mmProducts .mmContentMain{width:70%;padding-top:50px; height: 399px;}
.mega-menu.mmSolutions .mmContentMain{width:70%;padding-top:50px; height: 470px;}
.mega-menu.mmCustomers .mmContentMain,.mega-menu.mmCommunity .mmContentMain{height:296px;width:60%}
.mega-menu.mmPartners .mmContentMain,.mega-menu.mmCommunity .mmContentMain{height:296px;width:60%}
.mega-menu.mmSupport .mmContentMain,.mega-menu.mmCommunity .mmContentMain{height:296px;width:60%}
.mega-menu.mmMoreSites .mmContentMain,.mega-menu.mmCommunity .mmContentMain{height:296px;width:60%}
.mega-menu.mmMoreSites .mmContentMain{height:320px;width:60%}
.mega-menu.mmLanguages .mmContentMain {height:0;width:calc(100% - 337px);background-color:transparent;padding-top:0;padding-bottom:2px;}

.mega-menu .col{float:left;width:33%;padding-right:35px;box-sizing:border-box}
.mega-menu.mmProducts .col, .mega-menu.mmSolutions .col,.mega-menu.mmServices .col{min-height:83px}
.mega-menu.mmProducts .col, .mega-menu.mmSolutions .col{min-height:94px; width: 50%;}
.mega-menu.mmProducts .col+.col+.col+.col, .mega-menu.mmSolutions .col+.col+.col+.col,.mega-menu.mmServices .col+.col+.col+.col{margin-top:40px;clear:none}
.mega-menu.mmCompany .col{width:25%}
.mega-menu .title{font-family:'Gotham SSm A','Gotham SSm B';font-weight:700;font-style:normal;font-size:18px;text-transform:none;padding-bottom:10px}
.mega-menu.mmProducts .title{margin-top:40px;}
.mega-menu.mmProducts .title.first{margin-top:0;}
.mega-menu a{color:#333}
.mega-menu a:hover{color:#e51b24 !important}
.mega-menu .text a{font-family:'Gotham SSm A','Gotham SSm B';/*font-weight:300;*/font-style:normal;font-size:14px;color:#666;text-transform:none}
.mega-menu.mmProducts .text.link-list{margin-top:10px;}
.mega-menu .text.link-list a{line-height:26px;}
.mega-menu a:hover .text{color:#333 !important}
.mega-menu aside{padding:50px;box-sizing:border-box;background:#f0f0f0;float:left;width:40%}
.mega-menu.mmSolutions aside {
  padding: 50px;
  box-sizing: border-box;
  float: left;
  width: 30%;
  background-color: #eaeaea;}
.mega-menu.mmSolutions aside.second-aside {
      background-color: #cccccc;
      min-height: 215px;
  }




.mega-menu.mmProducts aside{height:399px;width:30%;position:relative;background-color: #cccccc}

.mega-menu.mmCustomers aside,
.mega-menu.mmCommunity aside {
    height:296px;
}

.mega-menu.mmPartners aside,
.mega-menu.mmCommunity aside {
    height:296px;
}

.mega-menu.mmSupport aside,
.mega-menu.mmCommunity aside {
    height:296px;
}

.mega-menu.mmMoreSites aside {
    height:320px;
}

.mega-menu.mmLanguages aside {
  height: 296px; width:337px; }


.mega-menu aside .text {
    font-family:'Gotham SSm A', 'Gotham SSm B';
    font-weight:300;
    font-style:normal;
    font-size:14px;
    color:#666;
    max-width:354px;
}
.mega-menu aside .colSmall {
    float:left; width:50%; margin-bottom:50px;
}
.mega-menu .feature {
    position:relative;
    display:inline-block;
}
.mega-menu.mmProducts .feature {
    position:absolute;
    right:0;
    bottom:0;
    width:100%;
}
.mega-menu .feature img {
    display:block;
    width:100%;
}

.mega-menu .feature span {
    position:absolute;
    width:100%;
    height:100%;
    background:#000;
    opacity:0;
    display:block;
    top:0;
    left:0;
}
.mega-menu .feature:hover > span {
    opacity:0.1;
}
.mega-menu footer {
    width:100%;
    background:#D9D9D9;
    text-align:center;
    /*clear: both;*/
}
.mega-menu footer a {
    width:100%;
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 700;
    font-style: normal;
    font-size:14px;
    text-transform:uppercase;
    display:block;
    padding:0;
    line-height:80px;
    color:#333;
}
.mega-menu.mmProducts footer a, .mega-menu.mmSolutions footer a{width:auto;display:inline-block;}
.mega-menu.mmProducts footer span, .mega-menu.mmSolutions footer span{font-weight:700;padding:0 30px;}

.mega-menu footer a:hover {
    color:#e51b24;
}
.mega-menu.mmCustomers .mmPadding3,
.mega-menu.mmCommunity .mmPadding3 {
    padding: 75px 50px;
}

.mega-menu.mmPartners .mmPadding3,
.mega-menu.mmCommunity .mmPadding3 {
    padding: 75px 50px;
}

.mega-menu.mmSupport .mmPadding3,
.mega-menu.mmCommunity .mmPadding3 {
    padding: 75px 50px;
}

.mega-menu.mmMoreSites .mmPadding3,
.mega-menu.mmCommunity .mmPadding3 {
    padding: 75px 50px;
}

.mega-menu.mmLanguages .mmPadding3 {
  padding: 75px 50px; }


.mega-menu .mmPadding1 {
    padding:100px 140px;
}
.mega-menu .mmPadding2 {
    padding:100px 0 40px 100px;
}
.mega-menu .mmPadding3 {
    padding:20px;
}
#footer {
    display: none !important;
}

.footer-anml {
    background: #000000;
    position: relative;
    width:100%;
    height:90px;
}
.mega-footer {
    display:none;
    color:#000000;
    position: absolute;
    text-align: left;
    width:100%;
    min-height:400px;
    background:#282828;
    margin:80px 0 0 0;
    opacity: 1.0;
    bottom:80px;
    left:0;
    z-index: 1000;
}
.mega-footer .mfCol {
    padding:40px 20px;
    float:left;
    width:20%;
    box-sizing:border-box;
}
.mega-footer .mfCol a {
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 700;
    font-style: normal;
    font-size:12px;
    color:#969695;
}
.mega-footer .mfCol a:hover {
    color:#ffffff;
}
.mega-footer .mfCol ul {
    padding-top:8px;
}
.mega-footer .mfCol ul li {
    padding:4px 0;
}
.mega-footer .mfCol ul li a {
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 300;
    font-style: normal;
    font-size:11px;
    color:#969695;
}
.mega-footer .mfCol ul li a:hover {
    color:#ffffff;
}
.footer-menu {
    float:left;
    padding:10px 0 0 50px;
    color:#BBBBBB;
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 300;
    font-style: normal;
    font-size: 11px;
    max-width: 68%;
    /* width estimate in % value */ }

    .footer-menu {
    max-width: none;
    /* override - exact width */ }
    .footer-menu.footer-menu-left > ul,
    .footer-menu.footer-menu-center > ul {
    display: block;
    text-align: center; }
    .footer-menu.footer-menu-left {
    position: absolute;
    padding-left: 0; }
    .footer-menu.footer-menu-left > ul > li {
      display: none; }
    .footer-menu.footer-menu-center {
    box-sizing: border-box;
    position: absolute;
    float: none;
    width: 100%;
    padding-left: 230px;
    pointer-events: none; }
    .footer-menu.footer-menu-center > ul {
      margin: auto;
      padding-right: 230px;
      pointer-events: none; }
      .footer-menu.footer-menu-center > ul li {
        pointer-events: auto; }

.footer-social {
    float:right;
}
.footer-showall {
    float:right;
    padding:32px 55px;
    margin:0;
    background:#2c2c2c;
    font-size:13px;
    font-weight: 600;
    cursor:pointer;
    text-align:center;
    width: 169px;
    box-sizing: border-box;
}
.footer-showall span.text {
    color:#a9a9a9 !important;
    text-transform: uppercase;
}
.footer-showall:hover span.text {
    color:#ffffff !important;
}

/*.footer-showall:hover .mega-footer {
    left:0px;
}*/
.red {
    color:#eb4333;
}
.footer-menu>ul,
.footer-social>ul {
    list-style:outside none none;
    margin:0;
    padding:25px 55px 0 0;
}
.footer-menu>ul>li,
.footer-social>ul>li {
    display:inline-block;
}
.footer-menu>ul>li {
    padding: 0 10px;
    color:#BBBBBB;
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 300;
    font-style: normal;
    font-size:12px;
    line-height: 1.8;
}
.footer-menu>ul>li>a {
    color:#BBBBBB;
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 300;
    font-style: normal;
    font-size:12px;
}
.footer-menu>ul>li>a:hover {
    color:#ffffff;
}
.glyph-social span {
    display:block;
    height:41px;
    width:41px;
    background-image:url('../img/anml/glyph-social.html');
    opacity:0.5;
    transition:opacity 0.5s ease;
}
.glyph-social span:hover {
    opacity:1;
}
.icon-linkedin {
    background-position: 0 0;
}
.icon-twitter {
    background-position: -41px 0;
}
.icon-youtube {
    background-position: -82px 0;
}
.icon-facebook {
    background-position: -123px 0;
}


/******** HOME ********/
.hero-wrapper {position:relative;}
.hero-wrapper .down-arrow {
    display:none;
    /*display:block;*/
    position: absolute;
    bottom:-86px;
    left:50%;
    width:127px;
    height:127px;
    margin-left:-63px;
    background-image:url('../img/anml/down_arrow.html');
    cursor:pointer;
    z-index:1;
}
.v2-home .heroContainer {
    position: absolute;
    top:0;
    left:0;
    display:block;
}
.slick-dots {
    bottom:62px;
    height:12px;
   /* width:102px;
    left:50%;
    margin-left:-51px; */
    width: 100%;
    margin: 0 auto;
    
}
.slick-dots li {
    width:10px;
    height:10px;
    display:block;
    background:#fff;
    border-radius:6px;
    margin:1px 0 0 0;
    opacity:1;
    display: inline-block;
    position:relative;
    top:-2px
}
.slick-dots li + li {
    margin-left:20px;
}
.slick-dots li.slick-active {
    background:transparent;
    border:3px solid #fff;
    width:6px;
    height:6px;
    opacity:1;
    margin-top:0;
    top:0
}
.slick-dots li button {
    opacity:0;
}
.v2-home .homeMarketing {
    position: relative;
    display:inline-block;
    text-align:center;
    width:100%;
    margin-top:50px;
    padding-bottom:125px;
}
.v2-home .homeMarketing .marketingText {
    padding:0 250px 50px 250px;
}
.v2-home .homeMarketing .marketingBoxContainer {
    padding:0 0 100px 0 ;
    max-width:1180px;
    margin:0 auto;
}
.v2-home .homeMarketing h1.title{
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 700 !important; /*Servicenow- for home page text below banner Image, added !important */
    font-style: normal;
    font-size:30px !important;   /*Servicenow- for home page text below banner Image, added !important */
    color:#000000;
    padding-bottom: 20px;
}
.v2-home .homeMarketing .marketingBox {
    width:25%;
    float:left;
    cursor:pointer;
    padding:0 20px;
    box-sizing:border-box;
}
.v2-home .homeMarketing .marketingBox:hover .mbTitle,
.v2-home .homeMarketing .marketingBox:hover .mbTitle .grey {
    color:#e51b23;
}
.v2-home .homeMarketing .marketingBox {

}
.v2-home .homeMarketing .mbTitle {
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    padding-bottom: 20px;
    font-size:14px;
    color:#333333;
}
.v2-home .homeMarketing .mbTitle .grey {
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    color:#999999;
    font-size:14px;
}
.v2-home .homeMarketing .mbText {
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 300;
    font-style: normal;
    font-size:12px;
    line-height: 1.5em;
    color:#333333;
    max-width:350px;
    margin:0 auto;
}
.v2-home .homeMarketing .mbIcon {
    width:100%;
    height:99px;
}
.v2-home .homeElements {
    position: relative;
    display:inline-block;
    text-align:center;
    width:100%;
    padding-bottom:125px;
}

.v2-home .homeElements .heMenubar {
    background:#373737;
    float: left;
    margin-left: -100%;
    min-height: 711px;
    width: 119px;
}
.v2-home .homeElements .heContent {
    width:100%;
    float:left;
    min-height: 711px;
}
.v2-home .homeElements .heContentCol {
    display: inline-block;
    margin-left: 119px;
    width:100%;
}
.v2-home .homeElements .heFeature {
    width:1007px;
    height:711px;
    float:left;
}

.v2-home .featured {
    max-width:1600px;
    background:#515151;
    min-height:540px;
    position:relative;
    margin-bottom:125px;
}
.v2-home .featured .tabs {
    background:#373737;
    width:120px;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
}
.v2-home .tabs .wrap {
    position:absolute;
    left:0;
    top:50%;
    margin-top:-225px;
}
.v2-home .featured .tabs li {
    color:#d7d7d7;
    border-left:3px solid #373737;
    display:block;
    height:112px;
    text-align:center;
    text-transform:uppercase;
    opacity:0.3;
    transition:opacity 0.25s ease;
    padding-top:30px;
    box-sizing:border-box;
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 700;
    font-style: normal;
    font-size:12px;
}
.v2-home .featured .tabs li.active {
    border-color:#e51b24;
    opacity:1;
}
.v2-home .featured .tabs li:hover {
    opacity:1;
}
.v2-home .featured .tabs img {
    display:block;
    margin:0 auto 10px auto;
    max-height:30px;
}
.v2-home .featured .panes > div {
    position:absolute;
    top:0;
    left:120px;
    bottom:0;
    right:0;
    opacity:0;
    z-index:1;
    transition:opacity 0.5s ease;
}
.v2-home .featured .panes > div.active {
    opacity:1;
    z-index:2;
}
.v2-home .featured .media {
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:66.66666%;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}
.v2-home .featured .media .hoverShade {
    position:absolute;
    background:#000;
    opacity:0;
    top:0;
    bottom:0;
    right:0;
    left:0;
    transition:opacity 0.25s ease;
}
.v2-home .featured .overview .media:hover .hoverShade,
.v2-home .featured .events .media:hover .hoverShade,
.v2-home .featured .news .media:hover .hoverShade{
    opacity:0.1;
}
.v2-home .featured .media .play {
    position:absolute;
    width:114px;
    height:114px;
    top:50%;
    left:50%;
    margin:-58px 0 0 -28px;
    background-image:url('../img/anml/btn-play.html');
    background-size:contain;
    opacity:0.5;
    cursor:pointer;
    transition:opacity 0.25s ease;
}
.v2-home .featured .media:hover .play {
    opacity:1;
}
.v2-home .featured .media .info {
    position:absolute;
    bottom:0;
    line-height:40px;
    width:100%;
    background:rgba(16,20,34,0.6);
    padding:10px 20px;
    color:#fff;
    height:40px;
}
.v2-home .featured .media .info a {
    color:#fff;
}
.v2-home .featured .customerSuccess .aside blockquote {
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 300;
    font-style: italic;
    font-size:25px;
    line-height:1.4;
    margin-top:20px;
    position:relative;
}
.v2-home .featured .customerSuccess .aside blockquote span.quote {
    font-size:80px;
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 300;
    font-style: normal;
    position:absolute;
    top:-24px;
    left:-41px;
}
.v2-home .featured .customerSuccess .aside blockquote span.quote.end {
    bottom:-53px;
    right:-10px;
    top:auto;
    left:auto;
}
.v2-home .featured .customerSuccess .aside p {
    margin-top:-20px;
    color:#999999;
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 300;
}
.v2-home .featured .customerSuccess .media img {
    max-height:40px;
    float:left;
    margin-right:20px;
}
.v2-home .featured .media .overlay {
    position:absolute;
    top:158px;
    left:80px;
}
.v2-home .featured .media .overlay img {
    width:290px;
}
.v2-home .featured .media .overlay p {
    color:#fff;
    font-size:14px;
    margin-top:1em;
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 300;
}
.v2-home .featured .news .media .overlay p {
    font-size:32px;
    margin-top:0;
    line-height:43px;
}
.v2-home .featured .news .media .overlay p + p {
    font-size:16px;
    margin-top:1em;
    line-height:23px;
    font-weight:normal;
}
.v2-home .featured .media .overlay a {
    color:#d0232b;
    text-transform:uppercase;
    font-size:12px;
    font-weight:bold;
}
.v2-home .featured .media .overview a {
    padding: 4px 32px 4px 0;
    /*background-image:url('../img/anml/btn-play.png');*/
    background: no-repeat right center url('../../../../../content/dam/servicenow/images/home/icons/home_feat_icon_play_sm.png');
    background-size: contain;
}
/*.v2-home .featured .media .overlay a:hover {
    color:#d94e55;
}*/
.v2-home .featured .aside {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    width:33.33333%;
    box-sizing:border-box;
}
.v2-home .featured div.aside {
    padding:50px 50px 104px 50px;
    color:#fff;
}
.v2-home .featured ul.aside {
    background:#fff;
}
.v2-home .featured .pic {
    width:93px;
    height:93px;
    border-radius:47px;
    background-size:cover;
    background-position:center center;
    margin:20px auto 0 auto;
}
.v2-home .featured blockquote {
    margin:50px auto;
    max-width:270px
}
.v2-home .featured div.aside p {
    color:#fff;
    max-width:270px;
    margin:0 auto;
}
.v2-home .featured .more {
    position:absolute;
    bottom:0;
    left:0;
    right:0;
}
.v2-home .featured .more a {
    background:#575757;
    width:50%;
    box-sizing:border-box;
    text-align:center;
    line-height:60px;
    color:#fff;
    display:inline-block;
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    font-size:12px;
    transition:background .25s ease;
}
.v2-home .featured .more a:hover {
    background:#494949;
}
.v2-home .featured .more a + a {
    border-left:1px solid #6b6b6b;
    margin-left:-7px; /*Servicenow for view customer links*/
}
.v2-home .featured .aside li {
    height:160px;
    color:#1c1c1c;
    padding:20px 40px;
    box-sizing:border-box;
    transition:background .25s ease;
}
.v2-home .featured .aside li:hover {
    background:#e5e5e5;
}
.v2-home .featured .news .aside li a {
    display:block;
    height:100%;
}
.v2-home .featured .aside li.odd {
    background:#f5f5f5;
}
.v2-home .featured .aside li.odd:hover {
    background:#dcdcdc;
}
.v2-home .featured .aside li.all {
    background:#ededed;
    text-align:center;
    line-height:60px;
    height:60px;
    padding:0;
    text-transform:uppercase;
    cursor:pointer;
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 700;
}
.v2-home .featured .aside li.all:hover {
    background:#dcdcdc;
}
.v2-home .featured .aside li p {
    color:#1c1c1c;
    font-size:12px !important; /*Servicenow fix for the events/news section on home page - Added !important */
    font-family: 'Gotham SSm A', 'Gotham SSm B' !important; /*Servicenow fix for the events/news section on home page - Added !important */
    font-weight: 300;
    line-height: 18px !important; /**Servicenow fix for the events/news section on home page*/
}
.v2-home .featured .aside li .time {
    font-size:12px;
    margin-top:10px;
    color:#d0232b;
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 300;
}


/**** START TEST ****/
.testBox {
    width:100%;
}
.testCol1 {
    width:7.4375%;
    background:pink;
    float:left;

}
.testCol2 {
    width:62.9375%;
    background:blue;
    float:left;
}
.testCol3 {
    width:29.5625%;
    background:red;
    float:left;
}
.testImgBox {
    background-image:url('../img/anml/btn-custsuccess-off.html');
    background-repeat: no-repeat;
    background-size:100%;
}
img.dblock {
    display: block !important;
    width:100%;
}

/**** END TEST ****/


.v2-home .homeElements .heFeature.typeCustsuccess {
    background:url("../img/anml/home-cust.html") no-repeat;
}
.v2-home .homeElements .heFeature.typeEvents {
    background:url("../img/anml/home-events.html") no-repeat;
}
.v2-home .homeElements .heFeature.typeNews {
    background:url("../img/anml/home-news.html") no-repeat;
}

.v2-home .homeElements .heFeature,
.v2-home .homeElements .heContentBoxContainer {
    display:none;
}
.v2-home .homeElements .heFeature.active,
.v2-home .homeElements .heContentBoxContainer.active {
    display:inline-block;
}

.v2-home .homeElements .heContentBoxContainer {
    width:30%;
    height:711px;
    float:left;
    background:#ededed;
}


.v2-home .mbSpacer {
    width:6%;
    height:1px;
    float:left;
}
.v2-home .homeDemo,
.v2-customer .homeDemo {
    display:inline-block;
    text-align:center;
    width:100%;
    position: relative;
    display:inline-block;
    padding: 125px 0;
    padding-top: 25px;
}
.v2-home .homeDemo .hdTitle,
.v2-customer .homeDemo .hdTitle {
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 700;
    font-style: normal;
    font-size:30px;
    color:#333333;
    padding-bottom: 30px;
}
.v2-home .homeDemo .hdText,
.v2-customer .homeDemo .hdText {
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 300;
    font-style: normal;
    font-size:14px;
    line-height: 1.5em;
    color:#333333;
    padding-top:30px;
}

.v2-customer .homeDemo .hdButton {
    width:275px;
    height:68px;
    background: url('../img/anml/btn-viewthedemo.html') no-repeat;
    margin-left: auto;
    margin-right: auto;
}
a.btnViewDemo {
    display:block;
    width:269px;
    line-height:62px;
    text-decoration:none;
    margin-left:auto;
    margin-right:auto;
    border:3px solid #333;
    border-radius:50px;
    font-family:'Gotham SSm A', 'Gotham SSm B';
    font-weight:700;
    font-style:normal;
    font-size:12px;
    text-transform:uppercase;
    color:#333;
    transition:all 0.25s ease;
}
a.btnViewDemo:hover {
    border-color:#666;
    color:#666;
}


/******** CUSTOMER ********/
.v2-customer {
    /* START REMOVE: only for dev */
    /*background: url('../img/anml/delete-bg-customertemp2.jpg') no-repeat;
    height: 3000px;*/
    /* END REMOVE */
    display: inline-block;
    width:100%;
}
.v2-customer .secondarybar {
    width:100%;
    height:70px;
}
.v2-customer ul.breadcrumb {
    list-style:outside none none;
    margin:0;
    padding:32px 0px 0 76px;
    text-transform: capitalize;
}
.v2-customer ul.breadcrumb>li {
    display:inline-block;
}
.v2-customer ul.breadcrumb>li {
    padding-right:5px;
}
.v2-customer ul.breadcrumb>li>a {
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 300;
    font-style: normal;
    font-size:15px;
    color:#666666;
}
.v2-customer ul.breadcrumb>li>a:hover {
    text-decoration: underline;
}
.v2-customer ul.breadcrumb>li.active {
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 700;
    font-style: normal;
    color:#333333;
    font-size:15px;
}
.v2-customer .customersuccess {
    display:inline-block;
    text-align:center;
    width:100%;
    padding:32px 0 60px 0;
}
.v2-customer .customersuccess .csTitle {
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 700;
    font-style: normal;
    font-size:32px;
    color:#333333;
    padding-bottom: 16px;
}
.v2-customer .customersuccess .csText {
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 300;
    font-style: normal;
    font-size:14px;
    line-height: 1.5em;
    color:#333333;
}
.v2-customer .customersearch {
    width:100%;
    background: #373737;
    position: relative;
}
    .v2-customer .customersearch .backToTop {
        position:absolute;
        bottom:0;
        left:0;
        width:119px;
        height:112px;
        background:url('../img/anml/backtotop.html') no-repeat;
        cursor:pointer;
        opacity:0.5;
        transition:opacity 0.25s ease;
    }
    .v2-customer .customersearch .backToTop:hover {
        opacity:1;
    }

.csContentCol {
    /* margin-left:119px; */
    /* display: block; */
    background: #fff;
    width: 100%;
    min-height: 1000px;
    box-sizing: border-box;
}



.v2-customer .csMenubar {
    /* margin-left: -100%; */
    /* width: 119px; */
    background: #373737;
    /* float:left; */
    width:119px;
    /* min-height: 1000px; */
    /* margin-left:-100%; */
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}
.v2-customer .csMenubar ul.csMenu>li>a {
    height:140px;
    text-transform: uppercase;
    display: block;
}
.v2-customer .csMenubar .csMenu {
    padding-top:45px;
    position: relative;
    z-index: 999999;
}
.v2-customer .csMenubar .btnCsMenu {
    width:119px;
    height:142px;
    cursor: pointer;
}
.v2-customer .csMenubar .btnCsMenu.gotoFeatured {
    background: url('../img/anml/btn-featured-off.html') no-repeat;
}
.v2-customer .csMenubar .btnCsMenu.gotoFeatured:hover {
    background: url('../img/anml/btn-featured-over.html') no-repeat;
}
.v2-customer .csMenubar .gotoFeatured.active,
.v2-customer .csMenubar .gotoFeatured.active:hover {
    background: url('../img/anml/btn-featured-on.html') no-repeat;
}
.v2-customer .csMenubar .btnCsMenu.gotoVideos {
    background: url('../img/anml/btn-videos-off.html') no-repeat;
}
.v2-customer .csMenubar .btnCsMenu.gotoVideos:hover {
    background: url('../img/anml/btn-videos-over.html') no-repeat;
}
.v2-customer .csMenubar .gotoVideos.active,
.v2-customer .csMenubar .gotoVideos.active:hover {
    background: url('../img/anml/btn-videos-on.html') no-repeat;
}
.v2-customer .csMenubar .btnCsMenu.gotoAllcust {
    background: url('../img/anml/btn-allcust-off.html') no-repeat;
}
.v2-customer .csMenubar .btnCsMenu.gotoAllcust:hover {
    background: url('../img/anml/btn-allcust-over.html') no-repeat;
}
.v2-customer .csMenubar .gotoAllcust.active,
.v2-customer .csMenubar .gotoAllcust.active:hover {
    background: url('../img/anml/btn-allcust-on.html') no-repeat;
}



.v2-customer .csMenubarMobile {
    background: #373737;
    text-align: center;
    width: 119px;
    position: absolute;
}
.v2-customer .csMenubarMobile div {
    float:left;
}
.v2-customer .csMenubarMobile .gotoFeatured {
    /* width:32.1875%; */
}
.v2-customer .csMenubarMobile .gotoVideos {
    /* width:32.5%; */
}
.v2-customer .csMenubarMobile .gotoAllcust {
    /* width:35.3125%; */
}


.v2-customer .csMenubarMobile div.csMenu>div>a {
    height:140px;
    text-transform: uppercase;
    display: block;
}
.v2-customer .csMenubarMobile .csMenu {
    /* width: 119px; */
    margin-top: 40px;
}
.v2-customer .csMenubarMobile .btnCsMenu {
color: #d7d7d7;
border-left: 3px solid #373737;
display: block;
/* height: 150px; */
text-align: center;
text-transform: uppercase;
opacity: 0.3;
transition: all 0.25s ease;
padding: 30px 10px;
box-sizing: border-box;
font-family: 'Gotham SSm A', 'Gotham SSm B';
font-weight: 700;
font-style: normal;
font-size: 12px;
    cursor: pointer;
}
.v2-customer .csMenubarMobile .btnCsMenu:hover {
    opacity: 1;
}
.v2-customer .csMenubarMobile .btnCsMenu.active {
border-color: #e51b24;
opacity: 1;
}
.v2-customer .csMenubarMobile .btnCsMenu img {
display: block;
margin: 0 auto 10px auto;
max-height: 30px;
}


.v2-customer .csContent {
    /* float: right; */
    width: 100%;
    /* display: inline-block; */
    padding-left: 119px;
    box-sizing: border-box;
}
.v2-customer .csContent .csSearch {
    display: none;
    width:100%;
    height: 144px;
    background: #eee;
    max-width: 1454px;
    margin-left: 15px;
    border-right: 30px solid #fff;
    box-sizing: border-box;
}
.v2-customer .csSearch .csSearchPadding {
    padding: 40px 127px 0 40px;
}
.v2-customer .csSearch .formBox {
    float:left;
    width: 33.3333%;
    padding-right: 20px;
    box-sizing: border-box;
}
.v2-customer .csSearch .formBox .title {
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 700;
    font-style: normal;
    font-size:12px;
    color:#333333;
    padding-bottom: 16px;
    text-transform: uppercase;
}
.v2-customer label.custom-select {
    position: relative;
    display: block;

}
.v2-customer .custom-select select {
    display: block;

    padding: 10px 27px 10px 10px;

    margin: 0;

    font: inherit;
    outline:none; /* remove focus ring from Webkit */
    line-height: 1.2;

    background-color: #ffffff;
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 300;
    font-style: normal;
    font-size:12px;
    color:#999999;
    border:0;
    width: 100%;
}

.v2-customer .custom-select:after {
    /* content: "â–¾"; */

    /* position: absolute; */

    /* top: 0; */

    /* right: 0; */

    /* bottom: 0; */

    /* font-size: 60%; */

    /* line-height: 30px; */

    /* padding: 0 7px; */

    /* background: #ffffff; */

    /* color: #e51b24; */

    /* font-size:16px; */
}

.v2-customer .custom-select-ff select {
    background: none;
    background-color: #FFF;
}

.v2-customer .no-pointer-events .custom-select:after {
    content: none;
}

.v2-customer .csContent .csResults {
    display: none;
    width:100%;
    /* height:78px; */
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 300;
    font-style: normal;
    font-size:12px;
    color:#333333;
    text-transform: uppercase;
    margin: 0 15px;
    box-sizing: border-box;
    padding-right: 83px;
}
.v2-customer .csResults .csSort + .csSort {
    margin-left:10px;
}
.v2-customer .csResults .csSort.active,
.v2-customer .csResults .csSort:hover {
    color:#e51b24;
}
.v2-customer .csResults .btnCsSort,
.v2-customer .csResults .btnCsSortDate {
    cursor: pointer;
    font-weight: 700;
}

.v2-customer .csResults .btnCsSortDisabled, .v2-customer .csResults .btnCsSortDisabled:hover{
    color:#333333 !important;
    opacity: 0.5;
}


.v2-customer .csResults .csResultsPadding {
    padding: 30px 0;
    text-align: center;
}
.v2-customer .csResults .csResultsText {
    float:right;
    text-transform: none;
    padding-right: 72px;
    font-size:14px;
}
.v2-customer .btnReset {
    display:block;
    cursor:pointer;
    margin: 50px 52px 0 0;
    padding: 30px 30px 30px 0;
    position: absolute;
    right: 0;
    transition: background 0.25s ease 0s;
    width: 50px;
    font-family:'Gotham SSm A', 'Gotham SSm B';
    background: url("../img/anml/btn-reset.html") no-repeat right;
    font-size: 12px;
}
.v2-customer .btnReset:hover {
    background: url('../img/anml/btn-reset.html') no-repeat right;
}

.v2-customer .csContent .csResponse {
    margin-left: 15px;
    /* margin-right: 19px; */
    font-family: 'Gotham SSm A', 'Gotham SSm B';
}
.v2-customer .csResponseContainer {
    display:none;
    transition:background-position 0.25s ease;
    transition:opacity 0.25s ease;
}
.v2-customer .csResponseContainer.active {
    display: block;
}
.v2-customer .cBox.twoCol {
    width:50%;
    height: 362px;
    float:left;
    overflow: hidden;
    border-right:15px solid #fff;
    border-bottom:15px solid #fff;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    position: relative;
    background-size:cover !important;
    background-position:center center !important;
}
.v2-customer .cBox.twoCol.last {
    border-right:0px solid rgba(0, 0, 0, 0.0);
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.v2-customer .cBox.twoCol.btnCBox {
    background-color:#000 !important;
}
.v2-customer .cBox.twoCol.btnCBox .hover {
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:url('../img/anml/btn-play.html') no-repeat center center;
    transition:opacity 0.25s ease;
    background-size:80px;
    opacity:0.5;
}
.v2-customer .cBox.twoCol.btnCBox:hover .hover {
    opacity:1;
}
.v2-customer .cBox.twoCol.btnCBox .info {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(16,20,34,0.6);
    padding: 10px 15px;
    color: #fff;
    line-height: 40px;
    height:40px;
    overflow:hidden;
}
.v2-customer .cBox.twoCol > div {
    height:100%;
}
.v2-customer .cBox.twoCol > div.hover {
    background:url('../img/anml/btn-play.html') no-repeat center center;
    transition:opacity 0.25s ease;
    background-size:80px;
    opacity:0.5;
}
.v2-customer .cBox.twoCol > div.hover:hover {
    opacity:1;
}

.video-info-bar {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(16,20,34,0.6);
    padding: 10px 15px;
    color: #fff;
    line-height: 40px;
    height:40px !important;
    overflow:hidden;
}

.video-info-bar .video-customer-logo{
    margin-right: 15px;
}
.video-info-bar .video-customer-logo img {max-height:40px; vertical-align:middle; position:relative; top: -2px;max-width: 110px;}
.video-info-bar .video-customer-title{
}

.v2-customer .cBox.twoCol > div > img {
    height: 100%;
    /* width: 100%; */
}
.v2-customer .cBox.twoCol > div.info {line-height:40px;}
.v2-customer .cBox.twoCol > div.info > img {
    max-height: 40px;
    vertical-align: middle;
    position: relative;
    top: -2px;
    max-width: 110px;
    width: auto;
    height: auto;
    margin-right: 15px;
}
.v2-customer .cBox.twoCol > div.oneCol > img {
    max-width: 100%;
    max-height: 100%;

    height: auto;
    width: auto;
}
.v2-customer .cBox.oneCol {
    width:50%;
        background:#eee;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    border-right: 7px solid #fff;
    box-sizing: border-box;
    padding: 40px;
    text-align: center;
    transition:background 0.25s ease;
}
    .v2-customer .cBox.oneCol:hover {
    background:#d6d6d6;
}
.v2-customer .cBox.oneCol.light{
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-size: 14px;
    font-weight: 300;
}

.v2-customer .cBox.oneCol.dark {
    background:#515151;
}
.v2-customer .cBox.oneCol.dark:hover {
    background:#494949;
}


.v2-customer .cBox.oneCol > div {
    text-align:center;
            line-height: 17px;
            margin-top: -40px;
}
.v2-customer .cBox.oneCol > div > img {
    width:100%;
    margin-bottom:40px;
}
        .v2-customer .cBox.oneCol > div + div {
            margin-top: -60px;
        }
.v2-customer .cBoxDetail {
    position:relative;
    display:none;
    overflow:hidden;
    width:100%;
    min-height:300px;
    float:left;
    background: #515151;
    border-bottom:15px solid #fff;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    padding: 20px 50px 50px 50px;
}
.v2-customer .cBoxDetail .cbdHero {
    float:left;
    width:60%;
    border-left:75px solid rgba(0, 0, 0, 0.0);
    border-right:56px solid rgba(0, 0, 0, 0.0);
    border-top:65px solid rgba(0, 0, 0, 0.0);
    border-bottom:65px solid rgba(0, 0, 0, 0.0);
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.v2-customer .cBoxDetail .cbdContent {
    float:left;
    width:40%;
    /* border-right: 0; */
    /* border-top:65px solid rgba(0, 0, 0, 0.0); */
    /* border-bottom: 0; */
    padding-top: 50px; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.v2-customer .cBoxDetail .cbdContent .title {
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 300;
    font-style: normal;
    font-size:50px;
    color:#ffffff;
    padding:20px 0 10px 0;
}
.v2-customer .cBoxDetail .cbdContent .text {
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 300;
    font-style: normal;
    font-size:14px;
    line-height: 1.8em;
    color:#ffffff;
    padding-bottom: 20px;
}
.v2-customer .cBoxDetail .cbdContent .cbdLinks {
    line-height: 30px;
    font-size: 12px;
}
.v2-customer .cBoxDetail .cbdContent .cbdLinks a {
    color:#fff;
}
.v2-customer .cBoxDetail .cbdContent .cbdLinks a + a {
    margin-left:20px;
    background-size:contain;
}
.v2-customer .cBoxDetail .cbdContent .btnLearnmore {
    background: #333;
    color: #fff;
    display: inline-block;
    padding: 0 20px;
    border-radius: 40px;
}
.v2-customer .cBoxDetail .cbdContent .btnCasestudy {
    background: url("../img/anml/casestudy.html") no-repeat;

    padding-left: 28px;
}
.v2-customer .cBoxDetail .cbdContent .btnPressrelease {
    background: url("../img/anml/pressrelease.html") no-repeat;

    padding-left: 22px;
}
.v2-customer .cBoxDetail .cbdBtnClose {
    width:25px;
    height:25px;
    background: url('../img/anml/btn-x.html') no-repeat;
    position:absolute;
    top:20px;
    right:20px;
    cursor: pointer;
}

.v2-customer .cBoxCompany .cBoxText {
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 300;
    font-style: normal;
    font-size:14px;
    line-height: 1.8em;
    /*color:#000000;*/
    color:#8a9298;
    text-align: center;
}



.v2-customer .cbdHero {
    display:none;
    position:absolute;
    z-index: 10000;
    top:0;
    left:0;
}
.v2-customer .cbdVideo {
    float: left;
    height: 400px;
    padding: 0px 50px 100px 0px;
    width: 60%;
    box-sizing: border-box;
}






.v2-customer .oneCol.last {
    /* padding-right:0px; */
    left: 50%;
    border-right: 0;
    border-left: 8px solid #fff;
    box-sizing: border-box;
    right: 0;
}
.v2-customer .secondarybar.custdet {
    background: #f8f8f8;
}
.v2-customer .custDescription {
    width:100%;
}
.v2-customer .custDescription .custDescriptionPadding {
    padding-top:115px;
    padding-right:300px;
    padding-bottom:50px;
    padding-left:300px;
}
.v2-customer .custDescription .title {
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 700;
    font-style: normal;
    font-size:32px;
    color:#333333;
    padding-bottom: 16px;
}
.v2-customer .custDescription .text {
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 300;
    font-style: normal;
    font-size:14px;
    line-height: 1.8em;
    color:#666666;
}
.v2-customer .heroContainer {
    max-width:977px;
    background: #666667;
    margin-left: auto;
    margin-right: auto;
}
.v2-customer .heroContainer .slick-dots {
    bottom: 26px;

    width: 102px;
    margin-left: -20px;
    left: auto;
    right: 20px;
    text-align: right;
}
.v2-customer .heroLogo {
    width:100%;
    height: 310px;
    text-align: center;
    background-color: #f8f8f8;
    background-repeat:no-repeat;
    background-position: center;
    background-size: 33.333%;
    margin-top: -70px;
}
.v2-customer .videoPlayer {
    /*display:none;*/
}
.v2-customer .custVideos {

    width:100%;
    text-align: center;


    margin-bottom: 60px;

}
.v2-customer .custVideos .hcBoxHero {
    /* position:absolute; */
}
.v2-customer .custVideos .hcBoxBar {
    background: rgba(16,20,34,0.6);
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 300;
    font-style: normal;
    color: #ffffff;
    font-size: 14px;
    width:100%;
    display:inline-block;
    /* border-left:30px solid rgba(0, 0, 0, 0.0); */
    /* border-right:30px solid rgba(0, 0, 0, 0.0); */
    /* border-top:20px solid rgba(0, 0, 0, 0.0); */
    /* border-bottom:20px solid rgba(0, 0, 0, 0.0); */
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    padding: 10px 20px;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 60px;
}

.v2-customer .custVideos .hcBox .play {
    position:absolute;
    width: 80px;
    height: 80px;
    top:50%;
    left:50%;
    margin: -40px 0 0 -40px;
    background-image:url('../img/anml/btn-play.html');
    background-size:contain;
    opacity:0.5;
    cursor:pointer;
    transition:opacity 0.25s ease;
}
.v2-customer .custVideos .hcBox:hover .play {
    opacity:1;
}


.v2-customer .custVideos .hcBoxBar .hcBoxBarLogo {
    float:left;
    margin-right: 20px;
    vertical-align: middle;
    height: 40px;
}
    .v2-customer .custVideos .hcBoxBar .hcBoxBarLogo img {
        max-height:40px;
        max-width:110px;
    }
.v2-customer .custVideos .hcBoxBar .hcBoxBarText {
    float:left;
    /* padding: 15px 0 0 50px; */
    line-height: 40px;
}
.v2-customer .custVideos .custVideosPadding {
    padding-top:0px;
    padding-right:300px;
    padding-bottom:0px;
    padding-left:300px;
}
.v2-customer .custAssets {
    width:100%;
    display: inline-block;
}
.v2-customer .custAssetsPadding {
    padding-top:60px;
    padding-right:300px;
    padding-bottom:250px;
    padding-left:300px;
}
.v2-customer .custAssetBox {
    float:left;
    /* padding: 0 20px 50px 20px; */
    width: 50%;
    box-sizing: border-box;
    height: 191px;
}
.v2-customer .custAssetBox + .custAssetBox {
    /* margin-left:40px
 */}
.v2-customer .cabIcon {
    float:left;
    width:77px;
    height:77px;
    padding-right: 10px;
}
.v2-customer .custAssetBox {
    display:none;
    margin-bottom: 13px;
}

.v2-customer .cabBlog .cabIcon {
    background: url('../img/anml/custdet-blog.html') no-repeat;
}
.v2-customer .cabCasestudy .cabIcon {
    background: url('../img/anml/custdet-casestudies.html') no-repeat;
}
.v2-customer .cabPressrelease .cabIcon {
    background: url('../img/anml/custdet-pressreleases.html') no-repeat;
}
.v2-customer .cabNewsarticle .cabIcon {
    background: url('../img/anml/custdet-newsarticles.html') no-repeat;
}
.v2-customer .cabMediaarticle .cabIcon {
    background: url('../img/anml/media_article.html') no-repeat;
}
.v2-customer .cabWhitepaper .cabIcon {
    background: url('../img/anml/custdet-whitepapers.html') no-repeat;
}
.v2-customer .cabInfographic .cabIcon {
    background: url('../img/anml/infographic.html') no-repeat;
}
.v2-customer .cabPodcast .cabIcon {
    background: url('../img/anml/podcast.html') no-repeat;
}
.v2-customer .cabExternallink .cabIcon {
    background: url('../img/anml/external_link.html') no-repeat;
}
.v2-customer .cabDatasheet .cabIcon {
    background: url('../img/anml/data_sheet.html') no-repeat;
}


.v2-customer .cabContent {
    float: left;
    width: 320px;
}
.v2-customer .cabTitle {
    text-transform: uppercase;
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 700;
    font-style: normal;
    font-size:16px;
    color:#333333;
    padding-bottom: 15px;
}
.v2-customer .cabList {
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 300;
    font-style: normal;
    font-size:12px;
    line-height: 1.8em;
    color:#666666;
}
.v2-customer div.cabList a{
    display: list-item;
    line-height: 13px;
    margin-left: 14px;
list-style: disc outside none;}
.v2-customer div.cabList a:hover {
    color: #e51b24;
}

.v2-customer .featProd {
    width:100%;
    background: #4d4d4d;
}
.v2-customer .featProd {
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 700;
    font-style: normal;
    font-size:16px;
    color:#b9b9b9;

}
.v2-customer .featProd > .title {
    text-align: center;
    text-transform: uppercase;
    border:30px solid rgba(0, 0, 0, 0.0);
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.v2-customer .featProd .fpBox {
    float:left;
    text-align: left;
    display: inline-block;
    width:33.33%;
    font-size:14px;
    border:100px solid rgba(0, 0, 0, 0.0);
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    transition:background 0.5s ease;
    cursor:pointer;
}
.v2-customer .featProd .fpBox {
    height:300px;
}
.v2-customer .featProd .fpBox.shading1 {
    background: #3b3b3b;
}
.v2-customer .featProd .fpBox.shading2 {
    background: #454545;
}
.v2-customer .featProd .fpBox p {
    text-align: left;
}
.v2-customer .featProd .fpBox:hover {
    background:#2a2a2a;
}
.v2-customer .featProd .fpBox p.title {
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 700;
    font-style: normal;
    font-size:14px;
    color:#ffffff;
    text-transform: uppercase;
    padding-bottom: 10px;
}
.v2-customer .featProd .fpBox p.text {
    font-family: 'Gotham SSm A', 'Gotham SSm B';
    font-weight: 400;
    font-style: normal;
    font-size:12px;
    color:#b9b9b9;
}



.mobile-menu,
.mobile-lang-menu {
  display: none;
  color: #fff;
  position: fixed;
  text-align: left;
  width: 100%;
  min-height: 400px;
  opacity: 1.0;
  top: 0;
  left: 0;
  z-index: 998;
  bottom: 0;
  overflow-y: scroll;
  transition: top 0.2s ease-in-out;
}
.mobile-menu .mobMContent,
.mobile-lang-menu .mobMContent {
    width:100%;
    background:#323232;
    min-height:360px;
    display: inline-block;
    padding-top: 50px;
}

.mobile-lang-menu {
  top: 50px;
}

.mobile-lang-menu,
.mobile-lang-menu .mobMContent {
  min-height: inherit; 
  padding-top: 0;
}

.mobile-menu li, .mobile-menu li li{text-transform:uppercase;line-height:30px;border-bottom:1px solid #393939;cursor:pointer;font-family:'Gotham SSm A','Gotham SSm B';font-weight:400;font-style:normal;font-size:13px;background:#323232}
.mobile-menu li ul.products-solutions-links li{background: #dbd9d6; border-bottom: 1px solid #cecece;}
.mobile-menu li ul.products-solutions-links li:nth-child(even){background: #dbd9d6; border-bottom: 1px solid #cecece;}
.mobile-menu li.first{border-top:1px solid #393939}
.mobile-menu .odd{background:#2e2e2e}
.mobile-menu li a, .mobile-menu li li a{color:#fff;display:block;padding: 22px 18px;position:relative;font-weight:bold}
.mobile-menu li span{position:absolute;color:#c43425;top:22px;right:18px;font-weight:bold;font-size:15px}
.mobile-menu ul ul{display:none}
.mobile-menu li ul.products-solutions-links li li, .mobile-menu ul ul li{background:#eaeaea;border:0}
.mobile-menu li ul.products-solutions-links li li:nth-child(even),.mobile-menu ul ul li:nth-child(even){background:#f0f0f0;border:0}
.mobile-menu ul ul a, .mobile-menu ul ul ul a{color:#666}
/* END Joseph's edited code */
/* BEGIN Navdeep's edited code */
.mobile-lang-menu li, .mobile-lang-menu li li {
  text-transform: uppercase;
  line-height: 30px;
  border-bottom: 1px solid #393939;
  cursor: pointer;
  font-family: 'Gotham SSm A','Gotham SSm B';
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  background: #323232; }

.mobile-lang-menu li ul.products-solutions-links li, .mobile-lang-menu li ul.products-solutions-links li:nth-child(even) {
  border-bottom: 1px solid #cecece;
  background: #dbd9d6; }

.mobile-lang-menu li.first {
  border-top: 1px solid #393939; }

.mobile-lang-menu .odd {
  background: #2e2e2e; }

.mobile-lang-menu li a, .mobile-lang-menu li li a {
  color: #fff;
  display: block;
  padding: 22px 18px;
  position: relative;
  font-weight: bold; }

.mobile-lang-menu li span {
  position: absolute;
  color: #c43425;
  top: 0;
  right: 18px;
  font-weight: bold;
  font-size: 15px; }

.mobile-lang-menu ul ul {
  display: none; }

.mobile-lang-menu li ul.products-solutions-links li li, .mobile-lang-menu ul ul li {
  background: #eaeaea;
  border: 0; }

.mobile-lang-menu li ul.products-solutions-links li li:nth-child(even), .mobile-lang-menu ul ul li:nth-child(even) {
  background: #f0f0f0;
  border: 0; }

.mobile-lang-menu ul ul a, .mobile-lang-menu ul ul ul a {
  color: #666; }

/* END Navdeep's edited code */

.mobile-search {
    display:none;
    position: absolute;
    width:35px;
    height:35px;
    z-index: 5100;
    top:36px;
    right:30px;
    background: url('../img/anml/btn-mobilesearch.html') no-repeat;
    cursor:pointer;
}

.mobile-lang {
  display: none;
  position: absolute;
  width: 35px;
  height: 35px;
  z-index: 5100;
  top: 36px;
  right: 30px;
  background: url("../../../../../content/dam/servicenow/images/global/icons/icon-globe.png") no-repeat;
  cursor: pointer; 
}

.mobileSearchContainer {
    display:none;
    position:absolute;
    width:100%;
    height:50px;
    background:#CCC;
    top:50px;
    right:0px;
    text-align: center;
    z-index:5000;
}
.msSearchForm {
    width:100%;
    height:50px;
    margin-right:45px;
    border:0;
    font-size:18px;
    padding-left:52px;
    box-sizing:border-box;
    background:#fff url('../img/anml/search-mag.html') no-repeat;
    background-size:22px 23px;
    background-position:16px 14px;
    color:#ccc;
}
.msSearchGo {
    height:50px;
    width:45px;
    background:#c43425 url('../img/anml/search-go.html') no-repeat center center;
    background-size:9px 14px;
    color:#fff;
    border:0;
    position:absolute;
    top:0;
    right:0;
    border-radius:0;
}

.mobile-show {
    display:none !important;
}
.desktop-hide {
    display:none;
}


@media (max-width: 1530px) {

    .v2-customer .custDescription .custDescriptionPadding,
    .v2-customer .custVideos .custVideosPadding,
    .v2-customer .custAssetsPadding {
        padding-right:200px;
        padding-left:200px;
    }
}

@media (max-width: 1440px) {
    .main-menu li {
        padding: 0 10px;
    }
   /* .main-menu li:hover .mega-menu.mmProducts{height:580px;}*/
.mega-menu.mmProducts .mmContentMain, .mega-menu.mmProducts aside {height: 480px;}

    .v2-customer .custDescription .custDescriptionPadding {
        padding-top: 125px;
        padding-right:100px;
        padding-bottom: 125px;
        padding-left:100px;

        max-width: 977px;
        margin: 0 auto;
    }
    .v2-customer .custVideos .custVideosPadding {
        padding-top:0;
        padding-right:100px;
        padding-bottom:0;
        padding-left:100px;
    }
    .v2-customer .custAssetsPadding {
        padding-top: 0;
        padding-right:100px;
        /* padding-bottom:100px; */
        padding-left:100px;

        max-width: 977px;
        margin: 0 auto;
    }
}
@media (max-width: 1370px) {
    .v2-customer .cBox.oneCol > div {
        font-size:12px;
        line-height:18px;
    }
}

@media (max-width: 1270px) {
    .logo {
        margin: 25px 0 0 20px;
    }
    .main-menu li {
        padding: 0 5px; }
    nav.main-menu ul li.last {
        padding: 0 20px 0 0px;
    }
    .footer-menu {
        padding:10px 0 0 10px;
        max-width: 82%; /* width estimate in % value */
    }
    .footer-menu > ul > li {
        font-size: 11px; 
    }
    .footer-menu > ul > li > a {
        font-size: 11px; 
    }
    .footer-menu > ul, .footer-social > ul {
        padding: 25px 10px 0 0;
    }
    .footer-menu {
        max-width: calc(100% - 375px);
        /* override - exact width */
        max-width: calc(100% - 200px);
        /* override - exact width, without footer-left-menu */ }
    .footer-menu.footer-menu-left > ul,
    .footer-menu.footer-menu-center > ul {
        display: block;
        text-align: left; 
    }
    .footer-menu.footer-menu-left {
        position: inherit;
    }
    .footer-menu.footer-menu-left > ul {
        padding-right: 0; 
    }
    .footer-menu.footer-menu-center {
        position: inherit;
        float: left;
        width: auto;
        padding-left: 10px; // enable if using footer-menu-left too
    }
    .footer-menu.footer-menu-center > ul {
        padding-left: 0;
        pointer-events: none; 
        padding-right: 0;
    }
    .footer-menu.footer-menu-center > ul li {
        pointer-events: auto; 
    } 
    .v2-customer .csSearch .csSearchPadding {
        /* padding: 40px 127px 0 40px; */
    }
    .v2-customer .custom-select select {
        width: 100%;
    }
    .v2-customer .csSearch .formBox {
        /* width: 33.33333%; */
        /* padding-right: 20px; */
    }
    /* .footer-social {display:none;} */
    .v2-customer .cBox.oneCol > div {
        font-size:12px;
        line-height:18px;
    }
/*.main-menu li > a {padding-bottom:60px !important;}*/
.main-menu li:hover > a {background-position:center 36px;}
.mega-menu {margin:0;top: auto;left:0;}
/*.main-menu li:hover .mega-menu.mmServices {height:486px;}*/
.mega-menu .mmContentMain {padding:50px;}
.mega-menu.mmPartners .mmContentMain, .mega-menu.mmCommunity .mmContentMain, .mega-menu.mmPartners aside, .mega-menu.mmCommunity aside {height:264px;}
/*.mega-menu.mmServices .col {min-height:100px;}*/
/*.main-menu li:hover .mega-menu.mmSolutions{height:623px}*/
/* END Joseph's edited code */

.main-menu.search-section li {
    margin-right: -5px;
}


}

@media (max-width:1200px) {
    .v2-customer .cBox.twoCol {
        height: 302px;
    }
    .v2-customer .cBox.oneCol {
        padding:20px;
    }
    .v2-customer .cBox.oneCol > div > img {margin-bottom:20px;}
    /*.main-menu li:hover .mega-menu.mmProducts{height:562px;}*/

}

@media (max-width:1160px) {
    /*.logo {
        margin-top:41px;
    }*/
    .v2-home .homeMarketing .marketingBox {
        width:50%;
    }
    /*.main-menu {
        margin-top:79px;
        margin-left:10px;
        text-align:left;
    }
    .main-menu li > a {
        padding-bottom:39px !important;
        line-height: 14px;
    }
    .main-menu li:hover > a {
        background-position:center 43px;
    }*/
    .mega-menu {
        margin:0;
        top: auto;
        /*left:-10px;*/
    }
    /*.main-menu li:hover .mega-menu.mmServices {
        height:486px;
    }*/
    
    /*.mega-menu.mmMoreSites {width:40%;}*/ 
   
    .mega-menu .mmContentMain {
        padding:50px;
    }
    .mega-menu.mmPartners .mmContentMain,
    .mega-menu.mmCommunity .mmContentMain,
    .mega-menu.mmPartners aside,
    .mega-menu.mmCommunity aside {
        height:264px;
    }
        
    
    
    .mega-menu.mmServices .col {min-height:100px;}
    .v2-home .featured ul.aside li span {display:none;}
/*.main-menu li:hover .mega-menu.mmProducts{height:630px;}
.mega-menu.mmProducts .mmContentMain, .mega-menu.mmProducts aside {height: 530px;}*/

}

@media (max-width:1050px) {
    .v2-customer .cabContent {width:auto;}
    .v2-customer .custAssetBox {
        width: 100%;
        height: auto;
    }
    .v2-customer .custAssetBox + .custAssetBox {
        margin-top:40px
    }
    .v2-customer .custAssets {margin-bottom: 70px;}

}

@media (max-width:1000px) {
  .footer-showall {
    padding-left: 20px;
    padding-right: 20px; }
  .footer-menu {
    max-width: 80%;
    /* width estimate in % value */ }
  .footer-menu {
    max-width: calc(100% - 375px);
    /* override - exact width */
    max-width: calc(100% - 200px);
    /* override - exact width, without footer-left-menu */ }
  .footer-menu > ul,
  .footer-social > ul {
    padding: 25px 0 0 0; }
  .footer-menu > ul > li {
    padding: 0 10px; } 
/*.main-menu li > a {padding-bottom:39px !important;}*/
.main-menu li:hover > a {background-position:center 36px;}
.mega-menu {margin:0;top: auto;left:0px;}
/*.main-menu li:hover .mega-menu.mmServices {height:486px;}*/
.mega-menu .mmContentMain {padding:50px;}
.mega-menu.mmPartners .mmContentMain, .mega-menu.mmCommunity .mmContentMain, .mega-menu.mmPartners aside, .mega-menu.mmCommunity aside {height:264px;}
.mega-menu.mmServices .col {min-height:100px;}
/*.main-menu li:hover .mega-menu.mmProducts{height:534px}
.main-menu li:hover .mega-menu.mmSolutions{height:643px}*/
.mega-menu.mmProducts .col{min-height:136px}
/*.main-menu li:hover .mega-menu.mmProducts{height:645px;}*/
.mega-menu.mmProducts .mmContentMain, .mega-menu.mmProducts aside {height: 570px;}
.mega-menu.mmSolutions .mmContentMain {height: 571px;}
.mega-menu.mmSolutions aside:first-of-type{height:314px;}
.mega-menu.mmSolutions aside.second-aside{height:257px;}
}

/******** Mobile Menu ********/
@media (max-width:991px) {
    .v2-customer .cabIcon {display:none;}
     .v2-customer .custVideos .hcBoxBar .hcBoxBarLogo {display:none;}
    .v2-customer .csContent {padding-left: 0;}
    .v2-customer .csMenubarMobile {margin:0 auto;position: relative; width: 100%;}
        .v2-customer .csMenubarMobile .btnCsMenu {
            width: 33.33333%;
            border-left: 0;
            border-top: 3px solid #373737;
            float:left;
            height: auto;
            padding-bottom: 20px;
            vertical-align: top;
        }
        .v2-customer .csMenubarMobile .btnCsMenu.active {
            border-color:#e51b24;
        }
    .v2-customer .cBox.twoCol {
        height: 387px;
    }
        .v2-customer .cBox.oneCol {padding: 20px;}
        .v2-customer .cBox.oneCol > div {
            text-align:center;
            line-height: 17px;
            /* margin-top: -43px; */

            max-width: 378px;
            margin: 0 auto;
            margin-top: -43px;

            color: #000;
    }
            .v2-customer .cBox.oneCol > div > img {
                width:100%;
                margin-bottom:40px;
            }
        .v2-customer .cBox.oneCol > div + div {
            margin-top: -78px;

            max-width: 100%;
            font-family: 'Gotham SSm A', 'Gotham SSm B';
            font-weight: 300;
}
    .v2-customer .featProd .fpBox {
        width:100%;
        border:20px solid rgba(0, 0, 0, 0.0);
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */
    }
    .v2-home .featured .media .info {
        font-size:12px;
    }

/*ServiceNow code to set font size to 10px in responsive */
@media (max-width:991px) {
.v2-home .featured .media .info {
        font-size:12px;
    }
     
}
/*End ServiceNow code*/

    .slick-dots {
        bottom:20px;
    }
    .anml-modal {
        width:100%;
        margin-top:-189px;
    }
    .anml-modal .content {
        padding:0;
    }
    .anml-modal-close {display:none;}
    .hero-wrapper .down-arrow {display:none;}
    .mobile-show {
        display:block !important;
    }
    .mobile-hide {
        display: none !important;
    }
    .main-menu {
        display:none;
    }
    .header-anml {
    display: block;
    position: fixed !important;
    height: 50px; 
    top: 0;
    transition: top 0.2s ease-in-out;
    }
    .header-anml.nav-up, .homepage .header-anml.nav-up {
        top: -50px;
    }
    .header-anml.nav-up .mobile-menu, .header-anml.nav-up .mobile-lang-menu {
        top: 0px;
    }
    .header-anml.nav-up .mobileSearchContainer, .homepage .header-anml.nav-up .mobileSearchContainer {
        top: 0;
        transition: top 0.2s ease-in-out;
    }
    .header-anml.nav-down .mobileSearchContainer, .homepage .header-anml.nav-down .mobileSearchContainer {
        top: 50px;
        transition: top 0.2s ease-in-out;
    }
    .header-bg {
        height:50px;
        opacity:1.0 !important;
    }
    .logo {
        margin:18px auto;
        position:relative;
        height:15px;
        background-size:contain;
        background-position:center center;
    }
    .mobile-button,
    .mobile-search {
        display:block;
        height:50px;
        width:50px;
        background-size:cover;
        background-position:center top;
        top:0;
        left:0;
        position:absolute;
        z-index:9999;
    }
    .mobile-lang {
        display: block;
        height: 50px;
        width: 50px;
        background-size: cover;
        background-position: center top;
        top: 0;
        left: 0;
        position: absolute;
        z-index: 9999; 
    }
    .mobile-button {left:0; background-image:url('../img/anml/btn-mobile-nav.html');}
    /*.mobile-button.open {background-position:center bottom;}*/
    .mobile-search {left:auto; background-size:14px 14px; background-position:center center;}
    .mobile-lang {
        left: auto;
        right: 0;
        background-size: 20px 20px;
        background-position: center center; 
    }
    .v2-home .homeMarketing .marketingText {
        padding:0 20px 50px;
    }

    .v2-home .homeMarketing .marketingBox {
        width:100%;
        padding:0 0 50px 0;
    }
    .v2-home .homeMarketing .marketingBoxContainer {
        padding:0 20px 50px;
    }

    .v2-customer ul.breadcrumb {
        padding: 25px 0 0 20px;
    }
    .v2-customer .secondarybar.custdet {
        background:#edebea;
    }
    .v2-customer .custDescription .custDescriptionPadding {
        padding-top:50px;
        padding-right:20px;
        padding-bottom:50px;
        padding-left:20px;
    }
    .v2-customer .custVideos .custVideosPadding {
        padding-top:0;
        padding-right: 0;
        padding-bottom:0;
        padding-left: 0;
    }
    .v2-customer .custAssetsPadding {
        padding-top:50px;
        padding-right:20px;
        padding-bottom:50px;
        padding-left:20px;
    }
    .csContentCol {
        margin-left: 0px;

        width: 100%;
    }
    .v2-customer .csContent .csResponse {
        margin-left: 0;

        margin-right: 0;
    }
    .v2-customer .cBox.twoCol {
        width: 100%;

        border-right: 0;
    }

    .v2-home .featured .tabs {
        position:static;
        width:100%;
    }
    .v2-home .tabs .wrap {
        position:static;
        margin-top:0;
    }
    .v2-home .featured .tabs li {
        width:25%;
        border-left:0;
        border-top:3px solid #373737;
        display:inline-block;
        height:auto;
        padding-bottom:20px;
        vertical-align:top;
    }
    .v2-home .featured .tabs li + li {
        /*margin-left:-3px;*/
        margin-left:-5px; /* ServiceNow change to fix tabs in reponsive*/
    }
    .v2-home .featured .panes > div {
        position:static;
        opacity:1;
        display:none;
    }
    .v2-home .featured .panes > div.active {
        display:block;
    }
    .v2-home .featured .media {
        position:relative;
        width:100%;
        height:400px;
    }
    .v2-home .featured .media .overlay {
        top:81px;
        left:40px;
    }
    .v2-home .featured .aside {
        position:relative;
        width:100%;
    }
    .v2-home .featured .pic {
        margin:0 auto 20px 0;
        float:left;
    }
    .v2-home .featured blockquote {
        margin:20px 0;
        max-width:100%;
        clear:both;
    }
    .v2-home .featured .customerSuccess .aside p {margin-top:0;}
    .v2-home .featured p {
        max-width:100%;
        padding:0;
    }
    .v2-home .featured .aside li {height:auto;}
    .v2-customer .featProd .fpBox {height:auto;}

    .v2-customer .customersearch .backToTop {
        display: none;
    }
}

/******** 900px Header breakpoint ********/
@media (max-width: 900px) {
  .footer-menu > ul > li {
    display: block;
    padding: 0 0 25px 0; }
  .footer-menu > ul > li {
    font-family: 'Gotham SSm A', 'Gotham SSm B' !important;
    font-weight: 300;
    font-style: normal;
    font-size: 18px;
    font-variant: normal; }
  .footer-menu > ul > li > a {
    font-family: 'Gotham SSm A', 'Gotham SSm B' !important;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    font-variant: normal; }
  .footer-showall {
    display: none; }
  .footer-anml {
    height: auto;
    text-align: center; }
  .footer-menu {
    padding: 20px 0 0 0;
    max-width: 100%;
    /* full-width for mobile */ }
    .footer-menu.footer-menu-left > ul,
    .footer-menu.footer-menu-center > ul {
      display: inherit;
      text-align: center; }
      .footer-menu.footer-menu-left > ul > li,
      .footer-menu.footer-menu-center > ul > li {
        display: inherit; }
    .footer-menu.footer-menu-left > ul > li {
      display: none; }
    .footer-menu.footer-menu-center {
      width: 100%;
      padding-top: 0; 
        padding-left: 0; }
      .footer-menu.footer-menu-center > ul {
        padding-top: 0; }
  .footer-menu, .footer-social {
    float: none; }
  .footer-social {
    display: block; }
  .footer-social .glyph-social {
    padding: 0px 20px 30px 0; } }

/******** Mobile ********/
@media (max-width : 768px) {
    #main_navigation>ul {
        width:85%
    }

    .v2-customer .customersearch .backToTop {
        display: none;
    }

}

/* Hide Promotional Banner on Resources page */
.promotionalBannerContainer {
  display: none;
}

@media (max-width : 600px) {
    .v2-customer .cBox.twoCol {height: 322px;}
    .v2-customer .cBox.oneCol > div + div {/* display:none; */margin-top: -34px;font-size: 10px;/* font-weight: 300; */}
    .v2-customer .cBox.oneCol {
        padding: 10px;
    }
    .v2-customer .cBox.oneCol > div > img {margin-bottom:20px;}
    .v2-customer .cBox.oneCol > div {margin-top:-25px;}

    .v2-customer .heroLogo {background-size:60%; height:210px;}
    .v2-customer .custVideos .hcBoxBar .hcBoxBarText {display:none;}

    .v2-customer .customersearch .backToTop {
        display: none;
    }

}









/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
    /* Styles */
}








/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    .mobile-hide {
        display: none !important;
    }
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


.slick-prev, .slick-next {
    width:35px;
    height: 66px;
    background-image: url('../img/anml/hero_next_prev.html') !important;
    background-size: cover;
    opacity: 0.5;
    transition: opacity 0.25s ease;
    margin-top: -33px;
    left: -55px;
}
.slick-next {
    left: auto;
    right: -55px;
    background-position: right center !important;
}
.slick-prev:hover, .slick-next:hover {
    opacity:1;
    background-color:transparent;
}
.slick-prev, .slick-next:before {
    content: "";
}

.no-content-container{
    padding-top: 150px;
    text-align: center;
    font-family: 'Gotham SSm A', 'Gotham SSm B'
}

.no-content-bold{
    font-weight: 600;
    font-size: 21px;
}

.no-content-text{
    font-size: 15px;
    padding-top: 10px;
}

/*for gartner section */

.gartner-section-wrap {

  width: 100%;
  margin: 0 auto;
  position: relative;
 background-color: #f7f7f7;
}

.gartner-section-wrap .gartner-inner-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  padding: 80px 40px;
  text-align: center;
}
.gartner-section-wrap .gartner-section-title {
  
    font-weight: 500;
    font-size: 27px;
    line-height: 1.3em;
   padding-bottom: 15px;
    max-width: 800px;
   margin: 0 auto;
    color: #666666;
}
.gartner-section-wrap .garnter-section-para {
   line-height: 1.5em;
   padding-bottom: 20px;
  max-width: 800px;
  margin: 0 auto;
}

.gartner-section-wrap a {

   color: #568dd0;
}

.gartner-section-wrap a:hover {
   color: #20599e;
}
.gartner-section-wrap .link-text-red {

   color: #e51b24;
}

.gartner-section-wrap .link-text-red:hover {
   color: #b7161c;
}

/* LG Desktop */
@media (min-width: 1280px) {
    .mega-menu.mmSolutions .mmContentMain {
        height: 416px;
    }
    .mega-menu.mmSolutions aside {
        padding-bottom: 40px;
    }
    .mega-menu.mmSolutions aside.second-aside {
        min-height: 0;
        height: 171px;
        padding-top: 40px;
    }
}

/*updated products panel START*/
/* .header-anml, .main-menu {
  max-width: 1920px;
} */

.mega-menu.mmProducts .text.link-list {
  margin-top: 0px;
}
.mega-menu.mmProducts .mmContentMain {
  height: 539px !important;
  padding-right: 0px;
}
.mega-menu.mmProducts aside {
  height: 539px !important;
  background: #eaeaea;
}

/*.main-menu li:hover .mega-menu.mmProducts {
  height: 620px !important;
}*/

/*updated products panel END*/
/* Jan 19th MegaNav updates -- adding icons to the solutions panel START*/
.mega-menu.mmSolutions .col {
  /* width:33%;*/
  padding-right: 40px;
}
.mega-menu.mmSolutions .col .title {
  padding-bottom: 20px;
  margin-left: 10px;
  color: #666666;
}
.mega-menu.mmSolutions .col.col-1 {
  width: 36%;
}
.mega-menu.mmSolutions .col.col-2 {
  width: 38%;
}
.mega-menu.mmSolutions .col.col-3 {
  width: 26%;
}
.mega-menu.mmSolutions .mmContentMain {
  width: 100%;
  height: 440px !important;
  padding: 50px 40px 50px 60px;  
}
.mega-menu.mmSolutions .mmContentMain a {
  clear: both;
  height: auto;
  min-height: 1px;
  overflow: hidden;
  display: table;
  margin-bottom: 5px;
}
.mega-menu.mmSolutions .mmContentMain a span {
  display: table-cell;
  vertical-align: middle;
}
.mega-menu.mmSolutions .mmContentMain a .icon {
  float: left;
  position: relative;
  width: 52px;
  height: 52px;
}
.mega-menu.mmSolutions .mmContentMain a .icon img {
  height: auto;
  padding: 5px 4px 4px 5px;
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  -webkit-transition: opacity .2s,padding .2s;
  -moz-transition: opacity .2s,padding .2s;
  transition: opacity .2s,padding .2s;
  vertical-align: middle;
  border: 0;
  box-sizing: border-box;
}
.mega-menu.mmSolutions .mmContentMain a .icon .default-status {
  opacity: 1;
}
.mega-menu.mmSolutions .mmContentMain a .icon .hover-status {
  opacity: 0;
}
.mega-menu.mmSolutions .mmContentMain a:hover .icon .default-status {
  opacity: 0;
}
.mega-menu.mmSolutions .mmContentMain a:hover .icon .hover-status {
  opacity: 1;
}
.mega-menu.mmSolutions .mmContentMain a:hover .icon img {
  padding: 0px;
}
.mega-menu.mmSolutions .mmContentMain a:hover .label {
  color: #d1232b;
}
.mega-menu.mmSolutions .mmContentMain a .label {
  /*  margin: 15px 0 0 15px;*/
  -webkit-transition: color .2s;
  -moz-transition: color .2s;
  transition: color .2s;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500 !important;
  color: #000000;
  padding-left: 17px;
  width: 100%;
}
.mega-menu.mmServices .col {
  width: 40%;
}
.mega-menu.mmServices .col + .col + .col {
  margin-top: 40px;
  clear: none;
}

/*.main-menu li:hover .mega-menu.mmSolutions {
  height: 525px !important;
}*/

/* Jan 19th MegaNav updates -- adding icons to the solutions panel END*/

/*fix for the search START */
.main-menu.search-section .search-panel #___gcse_1 form.gsc-search-box {
  /* width: 360px;*/
  height: 110px;
  text-align: center;
  background-color: #f0f0f0;
  margin: 0px;
  display: none;
  z-index: 10000 !important;
}

.main-menu.search-section .search-panel #___gcse_1 form.gsc-search-box td.gsc-clear-button {
  display: none;
}

.main-menu.search-section .search-panel #___gcse_1 form.gsc-search-box.open {
  display: block;
}

.main-menu.search-section .search-panel #___gcse_1 form.gsc-search-box td.gsc-input {
  text-align: center !important;
}

.main-menu.search-section .search-panel #___gcse_1 form.gsc-search-box td.gsc-input input#gsc-i-id2 {
  /*  width: 320px !important;*/
  padding: 10px !important;
  font-size: 16px !important;
  font-weight: 200 !important;
  color: #000000 !important;
  line-height: 20px !important;
  background-color: #dfdfdf !important;
  border: none !important;
  margin: 40px 0 30px 0 !important;
  height: auto !important;
}

.main-menu.search-section .search-panel #___gcse_1 form.gsc-search-box td.gsc-input input#gsc-i-id2::-webkit-input-placeholder {
  color: #ffffff;
  font-size: 14px;
  text-align: right;
  font-weight: 400;
}

.main-menu.search-section .search-panel #___gcse_1 form.gsc-search-box td.gsc-input input#gsc-i-id2:-ms-input-placeholder {
  color: #ffffff;
  font-size: 14px;
  text-align: right;
  font-weight: 400;
}

.main-menu.search-section .search-panel #___gcse_1 form.gsc-search-box td.gsc-input input#gsc-i-id2::-moz-placeholder {
  color: #ffffff;
  font-size: 14px;
  text-align: right;
  font-weight: 400;
}

.main-menu.search-section .search-panel #___gcse_1 form.gsc-search-box td.gsc-input input#gsc-i-id2:-moz-placeholder {
  color: #ffffff;
  font-size: 14px;
  text-align: right;
  font-weight: 400;
}

.main-menu.search-section .search-panel #___gcse_1 form.gsc-search-box td.gsib_b {
  display: none;
}

/* mobile fixes */
.mobileSearchContainer #___gcse_0 form.gsc-search-box td.gsc-input {
  text-align: center !important;
}

.mobileSearchContainer #___gcse_0 form.gsc-search-box td.gsc-input input#gsc-i-id1 {
  width: 100% !important;
  height: 50px !important;
  margin-right: 45px !important;
  margin-top: 0px !important;
  border: 0 !important;
  font-size: 18px !important;
  padding-left: 52px !important;
  box-sizing: border-box !important;
  background: #fff url("../../../servicenow/static/img/anml/search-maga970.png?1493166767") no-repeat !important;
  background-size: 22px 23px !important;
  background-position: 16px 14px !important;
  color: #ccc !important;
}

.mobileSearchContainer #___gcse_0 * {
  margin: 0px;
  padding: 0px;
  border-style: none !important;
  background-color: #f0f0f0;
  cursor: default;
}

.mobileSearchContainer #___gcse_0 form.gsc-search-box td.gsc-input {
  text-align: center !important;
}

.mobileSearchContainer #___gcse_0 form.gsc-search-box td.gsc-input input#gsc-i-id1 {
  width: 100% !important;
  height: 50px !important;
  margin-right: 45px !important;
  margin-top: 0px !important;
  border: 0 !important;
  font-size: 18px !important;
  padding-left: 52px !important;
  box-sizing: border-box !important;
  background: #fff url("../../../servicenow/static/img/anml/search-maga970.png?1493166767") no-repeat !important;
  background-size: 22px 23px !important;
  background-position: 16px 14px !important;
  color: #ccc !important;
}

.mobileSearchContainer #___gcse_0 td.gsc-search-button input.gsc-search-button {
  height: 50px;
  width: 45px;
  background: #258dfc url("../../../servicenow/static/img/anml/search-goa970.png?1493166767") no-repeat center center;
  background-size: 9px 14px;
  color: #fff;
  border: 0;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0;
}

.mobileSearchContainer #___gcse_0 td.gsc-search-button input.gsc-search-button {
  height: 50px;
  width: 45px;
  background: #258dfc url("../../../servicenow/static/img/anml/search-goa970.png?1493166767") no-repeat center center;
  background-size: 9px 14px;
  color: #fff;
  border: 0;
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0;
}

.mobileSearchContainer #___gcse_0 td.gsc-search-button input.gsc-search-button {
  background: none;
  background-color: #258dfc;
}


/* fix for the search END */

/* Mar 30 MegaNav complete refresh START */
.underline-red-color {
  border-bottom: 2px solid #d1232b;
}

.underline-purple-color {
  border-bottom: 2px solid #88bcc0;
}

.underline-grey-color {
  border-bottom: 2px solid #cccccc;
}

.underline-blue-color {
  border-bottom: 2px solid #9364c1;
}

.underline-orange-color {
  border-bottom: 2px solid #ffc40c;
}

.underline-green-color {
  border-bottom: 2px solid #0db77c;
}

.underline-blue-v1-color {
  border-bottom: 2px solid #258dfc;
}

.main-menu.no-underline-indicator li:hover div.meagnav-hover-underline {
  height: 0px !important;
}

.active-border-bottom {
  border: 1px #258dfc solid !important;
  position: absolute !important;
  top: 25px !important;
  opacity: 1 !important;
  width: 100% !important;
}

.homepage .main-menu li > a {
  color: #cccccc;
}

.homepage .main-menu li:hover > a {
  color: #ffffff;
}

.main-menu.mian-section-tabs > ul {
  margin: 0 85px 0 200px;
}

.place-holder-beamer {
  width: 100%;
  height: 0px;
  position: absolute;
  top: 47px;
  background: #ffffff;
  opacity: 0;
  transition: height 0.3s ease-in-out, opacity 0.3s ease;
  -moz-transition: height 0.3s ease-in-out, opacity 0.3s ease;
  -webkit-transition: height 0.3s ease-in-out, opacity 0.3s ease;
}

span.title-underline {
  display: block;
  width: 14px;
  margin-bottom: 8px;
}

.mega-menu {
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  background: #ffffff;
}

.mega-menu a {
  letter-spacing: 0px;
}

.mega-menu.mmLanguages {
  background: transparent;
}

.mega-menu.mmLanguages .mmContentMain {
  background: transparent;
}

.mega-menu .mmContentMain, .mega-menu aside {
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.panel-shift-left {
  transform: translateX(-100px) translateY(0px);
  -webkit-transform: translateX(-100px) translateY(0px);
  -moz-transform: translateX(-100px) translateY(0px);
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.panel-shift-right {
  transform: translateX(100px) translateY(0px);
  -webkit-transform: translateX(100px) translateY(0px);
  -moz-transform: translateX(100px) translateY(0px);
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.active-panel-dropdown {
  /* visibility: visible;*/
  /* z-index: 1;*/
  opacity: 1;
  z-index: 100;
  visibility: visible !important;
  transform: translateX(0px) translateY(0px);
  -webkit-transform: translateX(0px) translateY(0px);
  -moz-transform: translateX(0px) translateY(0px);
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.no-active-panel-dropdown {
  margin-left: 0px !important;
}

@media (max-width: 1240px) {
  /* .main-menu li:hover .mega-menu.mmSolutions {
    height: 450px !important;
   }*/
}
.main-menu li > a {
  background: none;
  position: relative;
}

div.meagnav-hover-underline {
  opacity: 0;
  transition: opacity 0.25s linear;
  -moz-transition: opacity 0.25s linear;
  -webkit-transition: opacity 0.25s linear;
}

.main-menu li:hover div.meagnav-hover-underline {
  width: 100%;
  height: 2px;
  background: #258dfc;
  position: absolute;
  top: 24px;
  opacity: 1;
}

.mega-menu .text a:hover {
  color: #258dfc !important;
}

.mega-menu .title a:hover {
   color: #66affd !important;
 }

.main-menu li {
  letter-spacing: 1px;
  padding: 0 24px;
}

.main-menu li:hover {
  /*border-bottom: 2px #258dfc solid;*/
}

.mega-menu .mmContentMain {
  padding: 50px 50px 50px 200px;
  height: auto !important;
  background: #ffffff;
  position: relative;
}

.mega-menu .title {
  font-size: 16px;
  font-weight: 400;
  color: #000000;
  padding-bottom: 4px;
}
.mega-menu .title a {
  color: #258dfc;
}

.mega-menu .title a.not-clickable {
  pointer-events: none;
}

.mega-menu .text a {
  font-size: 14px;
  line-height: 26px;
  color: #666666;
}

.mega-menu.mmWhyus .mmContentMain, .mega-menu.mmPartners .mmContentMain, .mega-menu.mmCommunity .mmContentMain {
  width: calc(100% - 33.33%);
}
.mega-menu.mmWhyus .mmContentMain .col, .mega-menu.mmPartners .mmContentMain .col, .mega-menu.mmCommunity .mmContentMain .col {
  width: 50%;
}
.mega-menu.mmWhyus aside, .mega-menu.mmPartners aside, .mega-menu.mmCommunity aside {
  width: 33.33%;
  position: absolute;
  right: 0px;
}
.mega-menu.mmWhyus aside .feature, .mega-menu.mmPartners aside .feature, .mega-menu.mmCommunity aside .feature {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.mega-menu.mmWhyus aside .feature .overlay-text, .mega-menu.mmPartners aside .feature .overlay-text, .mega-menu.mmCommunity aside .feature .overlay-text {
  max-width: 400px;
  position: absolute;
  top: 45%;
  left: 10%;
  -ms-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.mega-menu.mmWhyus aside .feature .overlay-text h6, .mega-menu.mmWhyus aside .feature .overlay-text p, .mega-menu.mmWhyus aside .feature .overlay-text span, .mega-menu.mmWhyus aside .feature .overlay-text div, .mega-menu.mmPartners aside .feature .overlay-text h6, .mega-menu.mmPartners aside .feature .overlay-text p, .mega-menu.mmPartners aside .feature .overlay-text span, .mega-menu.mmPartners aside .feature .overlay-text div, .mega-menu.mmCommunity aside .feature .overlay-text h6, .mega-menu.mmCommunity aside .feature .overlay-text p, .mega-menu.mmCommunity aside .feature .overlay-text span, .mega-menu.mmCommunity aside .feature .overlay-text div {
  color: #ffffff;
}
.mega-menu.mmWhyus aside .feature .overlay-text h6, .mega-menu.mmWhyus aside .feature .overlay-text div, .mega-menu.mmPartners aside .feature .overlay-text h6, .mega-menu.mmPartners aside .feature .overlay-text div, .mega-menu.mmCommunity aside .feature .overlay-text h6, .mega-menu.mmCommunity aside .feature .overlay-text div {
  font-size: 12px;
  font-weight: 700;
  line-height: 10px;
  text-transform: uppercase;
}
.mega-menu.mmWhyus aside .feature .overlay-text h6, .mega-menu.mmPartners aside .feature .overlay-text h6, .mega-menu.mmCommunity aside .feature .overlay-text h6 {
  letter-spacing: 1px;
  margin-bottom: 10px;
}
.mega-menu.mmWhyus aside .feature .overlay-text div, .mega-menu.mmPartners aside .feature .overlay-text div, .mega-menu.mmCommunity aside .feature .overlay-text div {
  letter-spacing: 3px;
  padding: 18px 25px;
  background-color: rgba(255,255,255,0.3);
  display: inline-block;
  overflow: hidden;
  border-radius: 5px;  
}
.mega-menu.mmWhyus aside .feature .overlay-text p, .mega-menu.mmPartners aside .feature .overlay-text p, .mega-menu.mmCommunity aside .feature .overlay-text p {
  font-size: 26px;
  font-weight: 200;
  line-height: 30px;
  padding-right: 10px;
  margin-bottom: 15px;
}
.mega-menu.mmWhyus aside .feature .overlay-text img.overlay-logo, .mega-menu.mmPartners aside .feature .overlay-text img.overlay-logo, .mega-menu.mmCommunity aside .feature .overlay-text img.overlay-logo {
  margin-bottom: 5px;
  width: auto;
}
.mega-menu.mmWhyus aside .feature:hover .overlay-text h6, .mega-menu.mmWhyus aside .feature:hover .overlay-text p, .mega-menu.mmWhyus aside .feature:hover .overlay-text span, .mega-menu.mmWhyus aside .feature:hover .overlay-text div, .mega-menu.mmPartners aside .feature:hover .overlay-text h6, .mega-menu.mmPartners aside .feature:hover .overlay-text p, .mega-menu.mmPartners aside .feature:hover .overlay-text span, .mega-menu.mmPartners aside .feature:hover .overlay-text div, .mega-menu.mmCommunity aside .feature:hover .overlay-text h6, .mega-menu.mmCommunity aside .feature:hover .overlay-text p, .mega-menu.mmCommunity aside .feature:hover .overlay-text span, .mega-menu.mmCommunity aside .feature:hover .overlay-text div {
  color: #ffffff;
}

.mega-menu.mmWhyus .mmContentMain, .mega-menu.mmPartners .mmContentMain {
  padding-bottom: 70px;
}

.mega-menu.mmPartners .mmContentMain, .mega-menu.mmProducts .mmContentMain, .mega-menu.mmProducts .search-panel, .mega-menu.mmProducts .view-all-results, .mega-menu.mmCommunity .mmContentMain, .mega-menu.mmCommunity .search-panel, .mega-menu.mmCommunity .view-all-results, .mega-menu.mmSolutions .mmContentMain, .mega-menu.mmSolutions .search-panel, .mega-menu.mmSolutions .view-all-results, .mega-menu.mmServices .mmContentMain, .mega-menu.mmServices .search-panel, .mega-menu.mmServices .view-all-results, .search-glass-icon .mmContentMain, .search-glass-icon .search-panel, .search-glass-icon .view-all-results, .gstl_51.gssb_c .mmContentMain, .gstl_51.gssb_c .search-panel, .gstl_51.gssb_c .view-all-results, .gstl_50.gssb_c .mmContentMain, .gstl_50.gssb_c .search-panel, .gstl_50.gssb_c .view-all-results {
  padding-bottom: 125px;
}
.mega-menu.mmPartners .mmContentMain a.view-all-link div, .mega-menu.mmProducts .mmContentMain a.view-all-link div, .mega-menu.mmProducts .search-panel a.view-all-link div, .mega-menu.mmProducts .view-all-results a.view-all-link div, .mega-menu.mmCommunity .mmContentMain a.view-all-link div, .mega-menu.mmCommunity .search-panel a.view-all-link div, .mega-menu.mmCommunity .view-all-results a.view-all-link div, .mega-menu.mmSolutions .mmContentMain a.view-all-link div, .mega-menu.mmSolutions .search-panel a.view-all-link div, .mega-menu.mmSolutions .view-all-results a.view-all-link div, .mega-menu.mmServices .mmContentMain a.view-all-link div, .mega-menu.mmServices .search-panel a.view-all-link div, .mega-menu.mmServices .view-all-results a.view-all-link div, .search-glass-icon .mmContentMain a.view-all-link div, .search-glass-icon .search-panel a.view-all-link div, .search-glass-icon .view-all-results a.view-all-link div, .gstl_51.gssb_c .mmContentMain a.view-all-link div, .gstl_51.gssb_c .search-panel a.view-all-link div, .gstl_51.gssb_c .view-all-results a.view-all-link div, .gstl_50.gssb_c .mmContentMain a.view-all-link div, .gstl_50.gssb_c .search-panel a.view-all-link div, .gstl_50.gssb_c .view-all-results a.view-all-link div {
  position: absolute;
  bottom: 0px;
  margin-bottom: 75px;
  color: #258dfc;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
}
.mega-menu.mmPartners .mmContentMain a.view-all-link div span.arrow-right, .mega-menu.mmProducts .mmContentMain a.view-all-link div span.arrow-right, .mega-menu.mmProducts .search-panel a.view-all-link div span.arrow-right, .mega-menu.mmProducts .view-all-results a.view-all-link div span.arrow-right, .mega-menu.mmCommunity .mmContentMain a.view-all-link div span.arrow-right, .mega-menu.mmCommunity .search-panel a.view-all-link div span.arrow-right, .mega-menu.mmCommunity .view-all-results a.view-all-link div span.arrow-right, .mega-menu.mmSolutions .mmContentMain a.view-all-link div span.arrow-right, .mega-menu.mmSolutions .search-panel a.view-all-link div span.arrow-right, .mega-menu.mmSolutions .view-all-results a.view-all-link div span.arrow-right, .mega-menu.mmServices .mmContentMain a.view-all-link div span.arrow-right, .mega-menu.mmServices .search-panel a.view-all-link div span.arrow-right, .mega-menu.mmServices .view-all-results a.view-all-link div span.arrow-right, .search-glass-icon .mmContentMain a.view-all-link div span.arrow-right, .search-glass-icon .search-panel a.view-all-link div span.arrow-right, .search-glass-icon .view-all-results a.view-all-link div span.arrow-right, .gstl_51.gssb_c .mmContentMain a.view-all-link div span.arrow-right, .gstl_51.gssb_c .search-panel a.view-all-link div span.arrow-right, .gstl_51.gssb_c .view-all-results a.view-all-link div span.arrow-right, .gstl_50.gssb_c .mmContentMain a.view-all-link div span.arrow-right, .gstl_50.gssb_c .search-panel a.view-all-link div span.arrow-right, .gstl_50.gssb_c .view-all-results a.view-all-link div span.arrow-right {
  display: block;
  width: 9px;
  height: 9px;
  display: inline-block;
  background: none;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  border-right: 1.5px solid #258dfc;
  border-bottom: 1.5px solid #258dfc;
  top: 0px;
  position: relative;
  left: 10px;
}
.mega-menu.mmPartners .mmContentMain a.view-all-link div span.horizontal-line, .mega-menu.mmProducts .mmContentMain a.view-all-link div span.horizontal-line, .mega-menu.mmProducts .search-panel a.view-all-link div span.horizontal-line, .mega-menu.mmProducts .view-all-results a.view-all-link div span.horizontal-line, .mega-menu.mmCommunity .mmContentMain a.view-all-link div span.horizontal-line, .mega-menu.mmCommunity .search-panel a.view-all-link div span.horizontal-line, .mega-menu.mmCommunity .view-all-results a.view-all-link div span.horizontal-line, .mega-menu.mmSolutions .mmContentMain a.view-all-link div span.horizontal-line, .mega-menu.mmSolutions .search-panel a.view-all-link div span.horizontal-line, .mega-menu.mmSolutions .view-all-results a.view-all-link div span.horizontal-line, .mega-menu.mmServices .mmContentMain a.view-all-link div span.horizontal-line, .mega-menu.mmServices .search-panel a.view-all-link div span.horizontal-line, .mega-menu.mmServices .view-all-results a.view-all-link div span.horizontal-line, .search-glass-icon .mmContentMain a.view-all-link div span.horizontal-line, .search-glass-icon .search-panel a.view-all-link div span.horizontal-line, .search-glass-icon .view-all-results a.view-all-link div span.horizontal-line, .gstl_51.gssb_c .mmContentMain a.view-all-link div span.horizontal-line, .gstl_51.gssb_c .search-panel a.view-all-link div span.horizontal-line, .gstl_51.gssb_c .view-all-results a.view-all-link div span.horizontal-line, .gstl_50.gssb_c .mmContentMain a.view-all-link div span.horizontal-line, .gstl_50.gssb_c .search-panel a.view-all-link div span.horizontal-line, .gstl_50.gssb_c .view-all-results a.view-all-link div span.horizontal-line {
  display: inline-block;
  border-top: 1.5px solid #258dfc;
  width: 11px;
  position: relative;
  top: -4px;
  left: -1px;
}

.mega-menu.mmPartners .mmContentMain a.view-all-link div:hover, .mega-menu.mmPartners .search-panel a.view-all-link div:hover, .mega-menu.mmPartners .view-all-results a.view-all-link div:hover, .mega-menu.mmProducts .mmContentMain a.view-all-link div:hover, .mega-menu.mmProducts .search-panel a.view-all-link div:hover, .mega-menu.mmProducts .view-all-results a.view-all-link div:hover, .mega-menu.mmCommunity .mmContentMain a.view-all-link div:hover, .mega-menu.mmCommunity .search-panel a.view-all-link div:hover, .mega-menu.mmCommunity .view-all-results a.view-all-link div:hover, .mega-menu.mmSolutions .mmContentMain a.view-all-link div:hover, .mega-menu.mmSolutions .search-panel a.view-all-link div:hover, .mega-menu.mmSolutions .view-all-results a.view-all-link div:hover, .mega-menu.mmServices .mmContentMain a.view-all-link div:hover, .mega-menu.mmServices .search-panel a.view-all-link div:hover, .mega-menu.mmServices .view-all-results a.view-all-link div:hover, .search-glass-icon .mmContentMain a.view-all-link div:hover, .search-glass-icon .search-panel a.view-all-link div:hover, .search-glass-icon .view-all-results a.view-all-link div:hover, .gstl_51.gssb_c .mmContentMain a.view-all-link div:hover, .gstl_51.gssb_c .search-panel a.view-all-link div:hover, .gstl_51.gssb_c .view-all-results a.view-all-link div:hover, .gstl_50.gssb_c .mmContentMain a.view-all-link div:hover, .gstl_50.gssb_c .search-panel a.view-all-link div:hover, .gstl_50.gssb_c .view-all-results a.view-all-link div:hover {
  color: #66affd !important;
}
.mega-menu.mmPartners .mmContentMain a.view-all-link div:hover span.arrow-right, .mega-menu.mmPartners .search-panel a.view-all-link div:hover span.arrow-right, .mega-menu.mmPartners .view-all-results a.view-all-link div:hover span.arrow-right, .mega-menu.mmProducts .mmContentMain a.view-all-link div:hover span.arrow-right, .mega-menu.mmProducts .search-panel a.view-all-link div:hover span.arrow-right, .mega-menu.mmProducts .view-all-results a.view-all-link div:hover span.arrow-right, .mega-menu.mmCommunity .mmContentMain a.view-all-link div:hover span.arrow-right, .mega-menu.mmCommunity .search-panel a.view-all-link div:hover span.arrow-right, .mega-menu.mmCommunity .view-all-results a.view-all-link div:hover span.arrow-right, .mega-menu.mmSolutions .mmContentMain a.view-all-link div:hover span.arrow-right, .mega-menu.mmSolutions .search-panel a.view-all-link div:hover span.arrow-right, .mega-menu.mmSolutions .view-all-results a.view-all-link div:hover span.arrow-right, .mega-menu.mmServices .mmContentMain a.view-all-link div:hover span.arrow-right, .mega-menu.mmServices .search-panel a.view-all-link div:hover span.arrow-right, .mega-menu.mmServices .view-all-results a.view-all-link div:hover span.arrow-right, .search-glass-icon .mmContentMain a.view-all-link div:hover span.arrow-right, .search-glass-icon .search-panel a.view-all-link div:hover span.arrow-right, .search-glass-icon .view-all-results a.view-all-link div:hover span.arrow-right, .gstl_51.gssb_c .mmContentMain a.view-all-link div:hover span.arrow-right, .gstl_51.gssb_c .search-panel a.view-all-link div:hover span.arrow-right, .gstl_51.gssb_c .view-all-results a.view-all-link div:hover span.arrow-right, .gstl_50.gssb_c .mmContentMain a.view-all-link div:hover span.arrow-right, .gstl_50.gssb_c .search-panel a.view-all-link div:hover span.arrow-right, .gstl_50.gssb_c .view-all-results a.view-all-link div:hover span.arrow-right {
  border-color: #66affd;
}
.mega-menu.mmPartners .mmContentMain a.view-all-link div:hover span.horizontal-line, .mega-menu.mmPartners .search-panel a.view-all-link div:hover span.horizontal-line, .mega-menu.mmPartners .view-all-results a.view-all-link div:hover span.horizontal-line, .mega-menu.mmProducts .mmContentMain a.view-all-link div:hover span.horizontal-line, .mega-menu.mmProducts .search-panel a.view-all-link div:hover span.horizontal-line, .mega-menu.mmProducts .view-all-results a.view-all-link div:hover span.horizontal-line, .mega-menu.mmCommunity .mmContentMain a.view-all-link div:hover span.horizontal-line, .mega-menu.mmCommunity .search-panel a.view-all-link div:hover span.horizontal-line, .mega-menu.mmCommunity .view-all-results a.view-all-link div:hover span.horizontal-line, .mega-menu.mmSolutions .mmContentMain a.view-all-link div:hover span.horizontal-line, .mega-menu.mmSolutions .search-panel a.view-all-link div:hover span.horizontal-line, .mega-menu.mmSolutions .view-all-results a.view-all-link div:hover span.horizontal-line, .mega-menu.mmServices .mmContentMain a.view-all-link div:hover span.horizontal-line, .mega-menu.mmServices .search-panel a.view-all-link div:hover span.horizontal-line, .mega-menu.mmServices .view-all-results a.view-all-link div:hover span.horizontal-line, .search-glass-icon .mmContentMain a.view-all-link div:hover span.horizontal-line, .search-glass-icon .search-panel a.view-all-link div:hover span.horizontal-line, .search-glass-icon .view-all-results a.view-all-link div:hover span.horizontal-line, .gstl_51.gssb_c .mmContentMain a.view-all-link div:hover span.horizontal-line, .gstl_51.gssb_c .search-panel a.view-all-link div:hover span.horizontal-line, .gstl_51.gssb_c .view-all-results a.view-all-link div:hover span.horizontal-line, .gstl_50.gssb_c .mmContentMain a.view-all-link div:hover span.horizontal-line, .gstl_50.gssb_c .search-panel a.view-all-link div:hover span.horizontal-line, .gstl_50.gssb_c .view-all-results a.view-all-link div:hover span.horizontal-line {
  border-color: #66affd;
}

.mega-menu.mmPartners .mmContentMain a.view-all-link:hover, .mega-menu.mmProducts .mmContentMain a.view-all-link:hover, .mega-menu.mmProducts .search-panel a.view-all-link:hover, .mega-menu.mmProducts .view-all-results a.view-all-link:hover, .mega-menu.mmCommunity .mmContentMain a.view-all-link:hover, .mega-menu.mmCommunity .search-panel a.view-all-link:hover, .mega-menu.mmCommunity .view-all-results a.view-all-link:hover, .mega-menu.mmSolutions .mmContentMain a.view-all-link:hover, .mega-menu.mmSolutions .search-panel a.view-all-link:hover, .mega-menu.mmSolutions .view-all-results a.view-all-link:hover, .mega-menu.mmServices .mmContentMain a.view-all-link:hover, .mega-menu.mmServices .search-panel a.view-all-link:hover, .mega-menu.mmServices .view-all-results a.view-all-link:hover, .search-glass-icon .mmContentMain a.view-all-link:hover, .search-glass-icon .search-panel a.view-all-link:hover, .search-glass-icon .view-all-results a.view-all-link:hover, .gstl_51.gssb_c .mmContentMain a.view-all-link:hover, .gstl_51.gssb_c .search-panel a.view-all-link:hover, .gstl_51.gssb_c .view-all-results a.view-all-link:hover, .gstl_50.gssb_c .mmContentMain a.view-all-link:hover, .gstl_50.gssb_c .search-panel a.view-all-link:hover, .gstl_50.gssb_c .view-all-results a.view-all-link:hover {
  color: #258dfc !important;
}

.mega-menu.mmProducts .mmContentMain {
  height: auto !important;
  width: 75%;
  padding-top: 30px;
  padding-left: 5% !important;
  padding-right: 0px !important;
  padding-bottom: 100px;
}
.mega-menu.mmProducts .mmContentMain .col {
  /* width: 33.333%;*/
  width: 100%;
  padding-right: 10px;
}
.mega-menu.mmProducts .mmContentMain .col.col-top {
  padding-bottom: 30px;
}
.mega-menu.mmProducts .mmContentMain .col .first-column, .mega-menu.mmProducts .mmContentMain .col .second-column, .mega-menu.mmProducts .mmContentMain .col .third-column {
  width: 33.333%;
  float: left;
}
.mega-menu.mmProducts .mmContentMain .col .title {
  margin-top: 0px;
}
.mega-menu.mmProducts .mmContentMain .col .title.second {
  margin-top: 30px;
}
.mega-menu.mmProducts .mmContentMain .col .title.right-aside-title {
  margin-top: 36px;
}
.mega-menu.mmProducts .mmContentMain a.view-all-link div {
  margin-bottom: 50px;
}
.mega-menu.mmProducts .side-wrapper {
  height: auto !important;
  width: 100%;
  /* right: 0px; */
  position: relative;
  background: #eaeaea;
  margin: auto;
  margin-top: 70px;
  overflow: hidden;
  padding: 0px 5% 0px 8%;
}
.mega-menu.mmProducts aside {
  width: 25%;
  background: #eaeaea;
  height: 100% !important;
  padding: 0px;
  margin: 0px;
}
.mega-menu.mmProducts aside .col {
  width: 100%;
  padding: 0px;
}
.mega-menu.mmProducts aside .col .title {
  margin-top: 0px;
}
.mega-menu.mmProducts aside .col .text {
  line-height: 20px;
  letter-spacing: 0px;
}
.mega-menu.mmProducts aside .col .text a {
  color: #258dfc;
  line-height: 20px;
}
.mega-menu.mmProducts aside .col .first-para-section {
  padding-bottom: 38px;
}
.mega-menu.mmProducts aside .mega-product-banner {
  color: #ffffff;
  position: absolute;
  background-size: cover;
  width: 100%;
  height: 170px !important;
  bottom: 0px;
  left: 0px;
  padding: 10px;
}
.mega-menu.mmProducts aside .mega-product-banner .image-wrapper {
  height: 100%;
  overflow: hidden;
  width: 95%;
}
.mega-menu.mmProducts aside .mega-product-banner .image-wrapper .text-section-wrapper {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.mega-menu.mmProducts aside .mega-product-banner .image-wrapper .text-section-wrapper .title {
  color: #ffffff;
  font-size:26px;
  margin-top: 0px;
  padding: 0px 0 10px 20px;
  line-height: 30px;
  font-weight: 200;
}
.mega-menu.mmProducts aside .mega-product-banner .image-wrapper .text-section-wrapper .text {
  font-size: 14px;
  color: #ffffff !important;
  padding: 0 20px;
  width: 100%;
  max-width: 400px;
}
.mega-menu.mmProducts aside .mega-product-banner .image-wrapper .text-section-wrapper .banner-cta {
  color: #258dfc;
  display: block;
  background: transparent;
  font-weight: 700;
  white-space: normal;
  vertical-align: top;
  padding: 0 20px;
  font-size: 12px;
  line-height: 22px;
  box-sizing: border-box;
  letter-spacing: 0.3em;
  transition: all 0.25s ease;
}
.mega-menu.mmProducts aside .mega-product-banner:hover .banner-cta {
  color: #5da8db !important;
}

.mega-menu.mmProducts .mmContentMain .title.products-header-title {
      margin-top: 0;
    font-size: 18px;
    padding-bottom: 15px;
}

.mega-menu.mmProducts .mmContentMain .title.products-header-title a {
    color: #333;
}

.mega-menu.mmProducts .mmContentMain .title.products-header-title a:hover {
  color: #258dfc !important;
}

.mega-menu.mmSolutions .mmContentMain {
  height: auto !important;
  padding: 50px 50px 85px 200px;
}
.mega-menu.mmSolutions .mmContentMain .col .title {
  font-size: 16px;
  color: #000000;
  font-weight: 400;
  padding-bottom: 4px;
  margin-left: 0px;
}
.mega-menu.mmSolutions .mmContentMain .col .text {
  margin-left: -5px;
}
.mega-menu.mmSolutions .mmContentMain .col .text > a {
  margin-bottom: 15px;
}
.mega-menu.mmSolutions .mmContentMain .col .text > a .label {
  font-size: 14px;
  font-weight: 300 !important;
  color: #666666;
  line-break: 26px;
  padding-left: 12px;
}
.mega-menu.mmSolutions .mmContentMain .col .text > a:hover .label {
  color: #258dfc;
}
.mega-menu.mmSolutions .mmContentMain .col .text > a:hover .icon .default-status {
  opacity: 1;
}
.mega-menu.mmSolutions .mmContentMain .col .text > a:hover .icon img {
  padding: 5px 4px 4px 5px;
}
.mega-menu.mmSolutions .mmContentMain .col .text > a .icon {
  width: 28px;
  height: 28px;
}
.mega-menu.mmSolutions .mmContentMain a.view-all-link {
  overflow: auto;
  top: 20px;
  position: relative;
}
.mega-menu.mmSolutions .mmContentMain a.view-all-link div {
  position: relative;
  margin-bottom: 0px;
}
.mega-menu.mmSolutions .mmContentMain a.view-all-link div span {
  vertical-align: initial;
}

.mega-menu.mmServices .mmContentMain {
  width: calc(100% - 33.33%);
  /* .col + .col + .col {
     margin-top: 0px;
   }*/
}
.mega-menu.mmServices .mmContentMain .col {
  width: 50%;
}
.mega-menu.mmServices aside {
  width: 33.33%;
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: #f8f8f8;
}
.mega-menu.mmServices aside .col {
  width: 100%;
}

.main-menu.mega-nav-icons-section {
  margin-top: 20px;
}
.main-menu.mega-nav-icons-section li {
  margin-right: 12px;
}
.main-menu.mega-nav-icons-section li.search-glass-icon a.searchFixed {
  padding-bottom: 0px;
  padding-top: 0px;
}
.main-menu.mega-nav-icons-section li.search-glass-icon a.searchFixed span {
  top: -33px;
  background: url(../../../../../content/dam/servicenow/images/home-asset/icons/meganav-search-white1e1b.png?1493165221) transparent no-repeat scroll center center;
  background-size: cover;
}
.main-menu.mega-nav-icons-section li.search-glass-icon .search-panel {
  top: 55px;
}
.main-menu.mega-nav-icons-section li.language-icon .mega-menu.mmLanguages .mmContentMain {
  width: calc(100% - 250px);
}
.main-menu.mega-nav-icons-section li.language-icon .mega-menu.mmLanguages aside {
  width: 250px;
}
.main-menu.mega-nav-icons-section li.language-icon a.global-icon {
  padding-bottom: 55px;
}
.main-menu.mega-nav-icons-section li.language-icon a.global-icon span {
  top: 8px;
  background: url(../../../../../content/dam/servicenow/images/home-asset/icons/meganav-language-white1e1b.png?1493165221) transparent no-repeat scroll center center;
  background-size: cover;
}
.main-menu.mega-nav-icons-section li.more-icon.last {
  margin-right: 30px;
}
.main-menu.mega-nav-icons-section li.more-icon a.dots-icon {
  padding-bottom: 55px;
}
.main-menu.mega-nav-icons-section li.more-icon a.dots-icon span {
  top: 8px;
  background: url(../../../../../content/dam/servicenow/images/home-asset/icons/meganav-more-white1e1b.png?1493165221) transparent no-repeat scroll center center;
  background-size: cover;
}
.main-menu.mega-nav-icons-section li.more-icon a.dots-icon span .more-icon-text {
  font-size: 6px;
  font-weight: 500;
  position: relative;
  top: 20px;
  color: #cccccc;
}
.main-menu.mega-nav-icons-section li.more-icon a.dots-icon:hover .more-icon-text {
  color: #ffffff;
}

li.search-glass-icon, li.language-icon a, li.more-icon a {
  cursor: pointer;
}

.search-glass-icon .search-panel {
  padding-bottom: 0px;
}

.search-glass-icon .view-all-results {
  height: 60px;
  background: #f0f0f0;
  /* width: 250px;*/
  overflow: hidden;
}

.search-glass-icon .view-all-results .view-all-link-text {
  position: relative !important;
  margin: 0px !important;
  padding: 0px !important;
  position: relative;
  top: 10px;
  text-align: left;
  left: 26px;
  font-size: 12px !important;
}

li.search-glass-icon {
  padding-top: 35px !important;
}

.mega-nav-icons-section .search-magnify span.search-icon, .mega-nav-icons-section .global-icon span, .mega-nav-icons-section .dots-icon span {
  opacity: 0.7;
}
.mega-nav-icons-section li.search-glass-icon:hover .search-magnify span.search-icon, .mega-nav-icons-section li.language-icon:hover .global-icon span, .mega-nav-icons-section li.more-icon:hover .dots-icon:hover span {
  opacity: 1 !important;
}

.gstl_51.gssb_c .view-all-results {
  padding-bottom: 0px;
  overflow: hidden;
}

.gstl_51.gssb_c .view-all-results {
  height: 65px;
  background: #f0f0f0;
  /* width: 250px;*/
  position: absolute;
}

.gstl_51.gssb_c .view-all-results a.view-all-link {
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  position: absolute;
}

.gstl_51.gssb_c .view-all-results .view-all-link-text {
  position: relative !important;
  margin: 0px !important;
  padding: 0px !important;
  position: relative;
  top: 10px;
  text-align: left;
  left: 26px;
  font-size: 12px !important;
}

.fix-search-result-box {
  display: block !important;
}

/*updates to the search fields*/
.main-menu.search-section .search-panel #___gcse_1 * {
  background-color: #ffffff;
}

.main-menu.search-section .search-panel #___gcse_1 form.gsc-search-box-tools {
  /* width: 250px;*/
  height: 48px;
}

table.gstl_51 {
  /*width: 250px !important;*/
}

table.gstl_51.gssb_c {
  top: 122px !important;
  background: #f0f0f0;
  position: fixed !important;
  /* display: table !important;*/
}

.main-menu.search-section .search-panel #___gcse_1 form.gsc-search-box-tools td#gs_tti51 {
  background: url("../../../../../content/dam/servicenow/images/home-asset/icons/meganav-search1e1b.png?1493165221") transparent no-repeat scroll center left;
  background-size: 12px;
  background-position: 26px;
}

.main-menu.search-section .search-panel #___gcse_1 form.gsc-search-box-tools td#gs_tti51 input#gsc-i-id2 {
  /*width: 200px !important;*/
  font-size: 15px !important;
  margin: 0px !important;
  line-height: 28px !important;
  background-color: #ffffff !important;
  padding-left: 0px !important;
  color: #000000 !important;
  font-weight: 400 !important;
  margin-left: 50px !important;
}

.main-menu.search-section .search-panel #___gcse_1 form.gsc-search-box-tools td#gs_tti51 input#gsc-i-id2::-webkit-input-placeholder {
  color: #888888;
  font-size: 15px;
  text-align: left;
  font-weight: 400;
}

.main-menu.search-section .search-panel #___gcse_1 form.gsc-search-box-tools td#gs_tti51 input#gsc-i-id2:-ms-input-placeholder {
  color: #888888;
  font-size: 15px;
  text-align: left;
  font-weight: 400;
}

.main-menu.search-section .search-panel #___gcse_1 form.gsc-search-box-tools td#gs_tti51 input#gsc-i-id2::-moz-placeholder {
  color: #888888;
  font-size: 15px;
  text-align: left;
  font-weight: 400;
}

.main-menu.search-section .search-panel #___gcse_1 form.gsc-search-box-tools td#gs_tti51 input#gsc-i-id2:-moz-placeholder {
  color: #888888;
  font-size: 15px;
  text-align: left;
  font-weight: 400;
}

.main-menu.search-section {
  cursor: default;
}

.gssb_a {
  padding: 0px;
}

.gstl_51 .gsc-completion-container tbody tr td.gssb_a .gsq_a table {
  line-height: 30px !important;
  font-style: normal !important;
  font-weight: 200 !important;
  cursor: pointer;
}

.gstl_51 .gsc-completion-container tbody tr td.gssb_a .gsq_a table tbody tr td {
  font-style: normal !important;
}

.gstl_51 .gsc-completion-container {
  font-size: 12px;
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  line-height: 26px;
  color: #666666;
  padding-left: 18px;
  padding-top: 20px;
}

.gstl_51 .gsc-completion-container tbody tr:last-child td.gssb_a table {
  padding-bottom: 10px !important;
}

table.gstl_50.gssb_c {
  position: fixed !important;
  background: #f0f0f0;
}

.gstl_50 .gsc-completion-container tbody tr td.gssb_a .gsq_a table {
  line-height: 30px !important;
  font-style: normal !important;
  font-weight: 200 !important;
  cursor: pointer;
}

.gstl_50 .gsc-completion-container tbody tr td.gssb_a .gsq_a table tbody tr td {
  font-style: normal !important;
}

.gstl_50 .gsc-completion-container {
  font-size: 14px;
  font-family: 'Gotham SSm A', 'Gotham SSm B';
  line-height: 26px;
  color: #888888;
  padding-left: 18px;
  padding-top: 20px;
}

.gstl_50.gssb_c .view-all-results {
  padding-bottom: 0px;
  overflow: hidden;
}

.gstl_50.gssb_c .view-all-results {
  height: 65px;
  background: #f0f0f0;
  width: 100%;
  position: absolute;
}

.gstl_50.gssb_c .view-all-results a.view-all-link {
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  position: absolute;
}

.gstl_50.gssb_c .view-all-results .view-all-link-text {
  position: relative !important;
  margin: 0px !important;
  padding: 0px !important;
  position: relative;
  top: 10px;
  text-align: left;
  left: 26px;
  font-size: 14px !important;
}

.add-top-margin-to-search-box {
  margin-top: -50px;
}


@media (max-width: 1440px) {
  /*.main-menu li:hover > .mega-menu {
    height: auto !important;
  }*/
}
@media (max-width: 1270px) {
  /*.main-menu li:hover > .mega-menu {
    height: auto !important;
  } */
  nav.main-menu ul li.last {
    padding-right: 0px;
  }
}
@media (min-width: 1920px) {
  .mega-menu .mmContentMain {
    padding-left: 200px !important;
  }

  .main-menu li {
    padding: 0 24px;
  }
}
@media (max-width: 1919px) {
  .mega-menu .mmContentMain {
    padding-left: 10% !important;
  }

  .main-menu li {
    padding: 0 1.5%;
  }
}
@media (max-width: 1280px) {
  .mega-menu .mmContentMain {
    padding-left: 8% !important;
    padding-right: 3% !important;
  }

  .main-menu li {
    padding: 0 1%;
  }

  .main-menu.mega-nav-icons-section li {
    margin-right: 8px;
  }

  .main-menu.mian-section-tabs > ul {
    margin: 0px 85px 0 170px;
  }

  .mega-menu.mmProducts .mmContentMain {
    padding-left: 3% !important;
  }
}
@media (max-width: 1024px) {
  .mega-menu .mmContentMain {
    padding-left: 4% !important;
  }
}
.mobile-search {
  right: 75px;
  background: url("../../../../../content/dam/servicenow/images/home-asset/icons/meganav-search1e1b.png?1493165221") no-repeat;
  background-position: center center;
}

.mobile-lang {
  right: 42px;
  background: url("../../../../../content/dam/servicenow/images/home-asset/icons/meganav-language1e1b.png?1493165221") no-repeat;
  background-position: center center;
}

.mobile-more, .mobile-more-menu {
  display: none;
}

.mobile-more-menu .mobMContent {
  width: 100%;
  background: #323232;
  min-height: 360px;
  display: inline-block;
  padding-top: 50px;
}

.mobile-more-menu {
  top: 50px;
}

.mobile-more-menu,
.mobile-more-menu .mobMContent {
  min-height: inherit;
  padding-top: 0;
}

.mobile-more-menu li, .mobile-more-menu li li {
  text-transform: uppercase;
  line-height: 30px;
  border-bottom: 1px solid #393939;
  cursor: pointer;
  font-family: 'Gotham SSm A','Gotham SSm B';
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  background: #323232;
  border-bottom: none;
}

.mobile-more-menu li ul.products-solutions-links li, .mobile-more-menu li ul.products-solutions-links li:nth-child(even) {
  border-bottom: 1px solid #cecece;
  background: #dbd9d6;
}

.mobile-more-menu li.first {
  border-top: 1px solid #393939;
}

.mobile-more-menu .odd {
  background: #2e2e2e;
}

.mobile-more-menu li a, .mobile-more-menu li li a {
  color: #fff;
  display: block;
  padding: 22px 18px;
  position: relative;
  font-weight: bold;
}

.mobile-more-menu li span {
  position: absolute;
  color: #c43425;
  top: 22px;
  right: 18px;
  font-weight: bold;
  font-size: 15px;
}

.mobile-more-menu ul ul {
  display: none;
}

.mobile-more-menu li ul.products-solutions-links li li, .mobile-more-menu ul ul li {
  background: #eaeaea;
  border: 0;
}

.mobile-more-menu li ul.products-solutions-links li li:nth-child(even), .mobile-more-menu ul ul li:nth-child(even) {
  background: #f0f0f0;
  border: 0;
}

.mobile-more-menu ul ul a, .mobile-more-menu ul ul ul a {
  color: #666;
}

@media (min-width: 992px) {
  .mobile-menu, .mobileSearchContainer, .mobile-lang-menu, .mobile-more-menu {
    display: none !important;
  }
}
@media (max-width: 991px) {
  .mobile-more {
    background: url("../../../../../content/dam/servicenow/images/home-asset/icons/meganav-more-new1e1b.png?1493165221") no-repeat;
    display: block;
    height: 50px;
    width: 50px;
    top: 0;
    left: auto;
    right: 6px;
    background-position: center center;
    position: absolute;
    z-index: 9999;
    cursor: pointer;
  }
  .mobile-more .more-icon-text {
    font-size: 7px;
    font-weight: 500;
    position: relative;
    color: #cccccc;
    text-align: center;
    top: 38px;
    opacity: 0.7;
  }

  .mobile-more-menu {
    color: #fff;
    position: fixed;
    text-align: left;
    width: 100%;
    opacity: 1.0;
    z-index: 998;
    bottom: 0;
    overflow-y: scroll;
    transition: top 0.2s ease-in-out;
  }

  .mobile-menu, .mobile-lang-menu, .mobile-more-menu {
    width: calc(100% + 20px);
  }
  .mobile-menu li span, .mobile-lang-menu li span, .mobile-more-menu li span {
    right: 30px;
  }

  .main-menu.search-section .search-panel .gstl_51.gssb_c {
    display: none;
  }

  .grey-full-screen-background {
    display: none !important;
  }

  table.gstl_51.gssb_c {
    visibility: hidden !important;
  }
}
.main-menu.mian-section-tabs a.meganav-tab-link {
  display: block;
}

.mega-menu.mmLanguages .mmContentMain {
  padding-bottom: 0px;
}

.mega-menu.mmLanguages aside {
  position: absolute;
  right: 0px;
  height: auto !important;
}

.grey-full-screen-background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 5051;
  display: none;
}

.nav-underline-indicator {
  display: block;
  background-color: #258dfc;
  position: absolute;
  height: 2px;
  top: 26px;
  will-change: left, right;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.main-menu li {
  /* outline: 1px blue solid;*/
}

.highlight-tab-text {
  color: #ffffff !important;
  opacity: 1 !important;
}

.highlight-tab-text span {
  opacity: 1 !important;
}

.highlight-tab-text span .more-icon-text {
  color: #ffffff !important;
}

.main-menu li.language-icon:hover div.meagnav-hover-underline {
  top: 26px;
}

.header-bg.background-stay {
  opacity: 1 !important;
}

.search-section .search-panel {
  width: 100%;
}

.main-menu.search-section .search-panel #___gcse_1 form.gsc-search-box-tools {
  height: 80px !important;
}

.main-menu.search-section .search-panel #___gcse_1 form.gsc-search-box-tools td#gs_tti51 input#gsc-i-id2 {
  padding: 26px 0px 26px 0px !important;
  font-size: 16px !important;
  width: 75% !important;
}

.gstl_51 * {
  font-size: 14px !important;
}

table.gstl_51.gssb_c {
  top: 154px !important;
  padding-left: 10% !important;
}

.gstl_51.gssb_c .view-all-results {
  width: 100%;
}

.main-menu.search-section .search-panel {
  z-index: -1;
}

.main-menu.search-section .search-panel #___gcse_1 form.gsc-search-box-tools td#gs_tti51 {
  background-size: 23px;
  background-position: 11.5%;
}

.gstl_51.gssb_c .view-all-results {
  left: 0px !important;
}

.gstl_51.gssb_c .view-all-results a.view-all-link {
  left: 10% !important;
}

.search-panel .close-search-box {
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
  filter: alpha(opacity=20);
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 100px;
  background-color: transparent;
  position: absolute;
  opacity: 1;
  z-index: 10100;
  right: 50px;
  top: 20px;
}

.search-panel .close-search-box:hover {
  color: #258dfc;
  border-color: #258dfc;
  opacity: 1;
}

.search-panel .close-search-box:hover:before, .search-panel .close-search-box:hover:after {
  background-color: #258dfc;
}

.search-panel .close-search-box:after, .search-panel .close-search-box:before {
  transform: translateZ(1);
  content: ' ';
  position: absolute;
  background-color: #666666;
  display: block;
}

.search-panel .close-search-box:before {
  width: 20px;
  height: 3px;
  top: 14px;
  left: 5px;
  transform: rotate(45deg);
}

.search-panel .close-search-box:after {
  width: 20px;
  height: 3px;
  top: 14px;
  left: 5px;
  transform: rotate(135deg);
}

/* Mar 30 MegaNav complete refresh END */

/* for resources center only START*/

table.gstl_51.gssb_c {
    max-width: 1498px;
    margin: auto !important;
    width: 100% !important;
    padding-left: 0px !important;
    left: 0!important;
}

.gstl_51 .gsc-completion-container {
   padding-left: 36%;
}

.main-menu.mega-nav-icons-section li.language-icon a.global-icon {
  padding-bottom: 55px !important;
}
.mega-menu.mmProducts .side-wrapper {
  padding:  0px;
}

.mega-menu.mmProducts aside .col {
      padding: 0px 5% 0px 8%;
}

.mega-menu.mmProducts aside .mega-product-banner {
  width:  100%;
}

@media (max-width: 320px){
.header-anml .mobile-more {
  right:  -2px;
}
.header-anml .mobile-lang {
  right:  29px;
}
.header-anml .mobile-search {
  right:  58px;
}

.header-anml .logo {
  margin-left: -10px !important;
}

}

/* for resources center only END*/