.description {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
megamenu.js STYLE STARTS HERE
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#masthead{
  background: #fff !important;
}
.menu-container {
  width: 100%;
  background: transparent;
  transition: all 500ms ease-in;
  margin-left: -35px;
  position: fixed;
  z-index: 99;
}
.menu-container.ecs {}
/*@keyframes menuScroll {
  0%{
    transform: translate3d(0px, -20px, 0px);
  }
  100%{
    transform: translate3d(0px, 0px, 0px);
  }
}
@-webkit-keyframes menuScroll {
  0%{
    transform: translate3d(0px, -20px, 0px);
  }
  100%{
    transform: translate3d(0px, 0px, 0px);
  }
}
@-moz-keyframes menuScroll {
  0%{
    transform: translate3d(0px, -20px, 0px);
  }
  100%{
    transform: translate3d(0px, 0px, 0px);
  }
}*/
.menu-container.scrollM {
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.7);
  z-index: 990;
  /*background: rgba(0, 0, 0, 0) linear-gradient(to right bottom, rgb(6, 78, 152), rgb(68, 37, 248)) repeat scroll 0% 0%;*/
  background: #003f80;
  /*background: #24242F;
  position: fixed;
  animation-name: menuScroll;
  -webkit-animation-name: menuScroll;
  -moz-animation-name: menuScroll;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;*/
}
.menu-container-inner {
  margin: 0 auto;
  /*width: 92%;*/
  width: 80%;
}
.menu-part-left {
  float: left;
}
.menu-container.ecs .menu-part-center {
  float: right;
}
.menu-part-right {
  float: right;
}
.menu-part1, .menu-part2, .menu-part3, .menu-part4  {
  float: left;
}
.menu.menu-part3 .fa.fa-search {
  color: #000;
  cursor: pointer;
  font-size: 1.3em;
  padding: 27px 15px 0 0;
}
.menu.menu-part3 .fa.fa-search:hover{
  color: #ee2424;
}
#masthead .menu-part1 .logo{
  padding: 16px 0 20px !important;
}
#masthead.masthead-logo-in-menu .menu-container.ecs .logo {padding: 16px 0 11px !important;}
#masthead .menu-part1 .logo > img{
  max-height: 32px !important;
}
#masthead.masthead-logo-in-menu .menu-container.ecs .logo > img {max-height: 32px !important;}
.menu-part1 span {
  float: left;
  color: #fff;
  font-size: 30px;
  margin-top: 24px;
}
.inner-page-menu-container-wrapper .menu1 .menu1-inner .part1 span{
  float: left;
  color: #fff;
  font-size: 30px;
  margin-top: 20px;
}
.inner-page-menu-container-wrapper .menu1 .menu1-inner .part1 .sol-menu-cont{float: left;}
.inner-page-menu-container-wrapper .menu1 .menu1-inner .part1 .sol-menu-cont ul{margin: 0px;}
.inner-page-menu-container-wrapper .menu1 .menu1-inner .part1 .sol-menu-cont ul > li{
  list-style: none;
  /*margin: 22px 20px 0px 20px;*/
  padding: 22px 20px 20px 20px;
  position: relative;
}
.menu-container.ecs .menu-part-center .menu-part2 {}
.inner-page-menu-container-wrapper .menu1 .menu1-inner .part1 .sol-menu-cont ul > li > a{
  color: #fff;
  text-decoration: none;
  font-family: 'Roboto';
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  position: relative;
}
.inner-page-menu-container-wrapper .menu1 .menu1-inner .part1 .sol-menu-cont ul > li > a::after, .menu-part1 .sol-menu-cont > ul > li > a::after {
  content: " ";
  position: absolute;
  width: 37px;
  display: inline-block;
  height: 2px;
  left: 1px;
  background: linear-gradient(to right,#F44336, #F4C554);
  bottom: -3px;
}
.inner-page-menu-container-wrapper .menu1 .menu1-inner .part1 .sol-menu-cont ul > li span.sol-border-btm{
  background: linear-gradient(to right,#F44336,#F4C554);
  position: absolute;
  top: 25px;
  height: 2px;
  width: 40px;
  left: 500px;
}
.inner-page-menu-container-wrapper .menu1 .menu1-inner .part1 .sol-menu-cont ul > li i {font-size:0.8em; padding-left: 5px;}

.menu-part1 .sol-menu-cont {float: left;}
.menu-part1 .sol-menu-cont > ul {margin: 0px;}
.menu-part1 .sol-menu-cont > ul > li {
  list-style: none;
  margin: 27px 20px 0px 20px;
}
.menu-part1 .sol-menu-cont > ul > li > a {
  color: #fff;
  text-decoration: none;
  font-family: 'Roboto';
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 600;
  position: relative;
}
.menu-part1 .sol-menu-cont > ul > li span.sol-border-btm {
  background: linear-gradient(to right,#F44336,#F4C554);
  position: absolute;
  top: 30px;
  height: 2px;
  width: 40px;
  left: 553px;
}
.menu-part1 .sol-menu-cont > ul > li i {font-size:0.8em; padding-left: 5px;}

.menu-part2 {
  /*margin-left: 10%;*/
}
.req-demo-btn {
  padding-top: 15px;
  display: inline-flex;
}
.req-demo-btn a {
  background: linear-gradient(to right,#F44336,#FF9800);
  border: 0px solid#BDBDBD;
  color:#fff;
  font-family: 'Roboto';
  font-size: 1em;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 45px;
  padding: 22px 25px 22px 25px;
  line-height: 0px;
  box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.3);
}
.req-demo-btn a.login-btn {
  background: transparent;
  border-color: transparent;
  margin: 0px 15px 0px 10px;
  box-shadow: none;
  padding: 22px 20px 17px 20px;
}
.menu-mobile {
  display: none;
  padding: 20px;
}

.menu-mobile:after {
  content: "\f394";
  font-family: "Ionicons";
  font-size: 2.5rem;
  padding: 0;
  float: right;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  transform: translateY(-25%);
}

.menu-dropdown-icon:before {
  content: "\f489";
  font-family: "Ionicons";
  display: none;
  cursor: pointer;
  float: right;
  padding: 1.5em 2em;
  background: #fff;
  color: #333;
}

.menu > ul {
  margin: 0 auto;
  width: 100%;
  list-style: none;
  padding: 0;
  position: relative;
  /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
  box-sizing: border-box;
}

.menu > ul:before,
.menu > ul:after {
  content: "";
  display: table;
}

.menu > ul:after {
  clear: both;
}

.menu > ul > li {
  float: left;
  /*background: #e9e9e9;*/
  padding: 0;
  margin: 0;
}
.menu-container.ecs .menu-part-center .menu-part2 .ecsLogin {}
.menu > ul > li.free-trial-btn-main {
  margin-top: 15px;
}
.menu > ul > li.free-trial-btn-main:first-child {margin-right: 15px;}
.menu > ul > li.free-trial-btn-main a {
  background: #ee2424;
  border: 2px solid #ee2424;
  color: #fff;
  font-family: 'Roboto';
  font-size: 1.1em;
  font-weight: 400;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: 50px;
  padding: 17px 20px;
  line-height: 0;
}
.menu > ul > li.free-trial-btn-main a:hover{
  border: 2px solid #ee2424 !important;
  background: inherit !important;
}
.menu > ul > li a {
  border-top: 3px solid transparent;
  text-decoration: none;
  padding: 24px 20px;
  display: block;
  font-family: 'Roboto';
  font-weight: 300;
  color: #fff;
  font-size: 1.2em;
}
.menu > ul > li a.loginBtnMain {
  background: transparent;
  border: 2px solid #fff;
  border-radius: 50px;
  color: #fff;
  font-family: 'Roboto';
  font-size: 1.1em;
  margin-right: 10px;
  padding: 9px 30px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 400;
  margin-top: 12px;
}
.menu > ul > li a.loginBtnMain.active {
  color: #ee2424;
  background: #f5f5f5;
  border-top: 2px solid #ee2424;
  border-radius: unset;
  padding: 23px 30px;
  margin-top: 0px;
}
.menu-container.ecs .menu-part-center .menu-part2 .ecsLogin > a {
  border: 1px solid #fff;
  padding: 10px 24px;
  margin-top: 14px;
  border-radius: 100px;
}
.menu-container.ecs.scrollM .menu-part-center .menu-part2 .ecsLogin > a {
  margin: 0;
  padding: 24px 24px;
  border: none;
  border-radius: unset;
}
.menu-container.ecs .menu-part-center .menu-part2 .free-trial-btn-main {margin: 0px;}
.menu-container.ecs .menu-part-center .menu-part2 .free-trial-btn-main > a {display: none;}
.menu-container.ecs.scrollM .menu-part-center .menu-part2 .free-trial-btn-main > a {
  display: block;
  margin-top: 14px;
  text-transform: capitalize;
}
.menu-container.ecs.scrollM .menu-part-center .menu-part2 .free-trial-btn-main > a:hover {
  border-color: #fff !important;
  color: #fff !important;
}

.menu > ul > li a > i{margin-left: 5px;}
.menu > ul > li a.no-hand{cursor: default;}

.menu > ul > li a.no-hand::after{
  font-family: 'FontAwesome';
  content: "\f107";
  margin-left: 10px;
}
.menu > ul > li a.no-hand:hover::after{
  font-family: 'FontAwesome';
  content: "\f106";
  margin-left: 10px;
}

.menu > ul > li a:hover, .menu > ul > li a.active{
  color: #ee2424;
  background: #f7f5f5;
  border-top: 3px solid #ee2424;
}
.menu-container.ecs.scrollM .menu-part-center .menu-part2 .ecsLogin > a.active {border-top: 3px solid #ee2424;}
.menu > ul > li a:focus{outline: none;}
.menu > ul > li:hover {
  /*background: url('images/menu-bg.png') #f5f5f5;*/
}
.menu > ul > li > ul {
  display: none;
  top: 71px;
  width: 100%;
  /*background-image: url('images/menu-bg.png');*/
  background-color: #f7f5f5;
  padding: 0px 0px 20px 20px;
  position: absolute;
  z-index: 99;
  left: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
  box-shadow: 1px 2px 2px #3e3e3e;
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li {
  margin: 0px 10px 0px 10px;
  padding-bottom: 0;
  list-style: none;
  width: 31%;
  background: none;
  float: left;
}

.menu > ul > li > ul > li a {
  color: #000;
  padding: 1em 0;
  width: 100%;
  display: block;
  border-bottom: 1px solid #ccc;
  font-size: 1em;
  font-family: 'Benton Sans Medium';
  text-transform: capitalize;
}
.menu .sub-menu-title > a {
  padding: 0px 0px 5px 0px;
  text-transform: uppercase;
  font-weight: 500;
  font-family: 'Roboto';
  font-size: 13px;
}
.menu .sub-menu-title > a:hover {
  border-top: 3px solid transparent;
  background: none;
}
.menu > ul > li > ul > li > ul {
  display: block;
  padding: 0;
  margin: 10px 0 0;
  list-style: none;
  box-sizing: border-box;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
  content: "";
  display: table;
}

.menu > ul > li > ul > li > ul:after {
  clear: both;
}

.menu > ul > li > ul > li > ul > li {
  float: left;
  width: 100%;
  padding: 7px 0px;
  margin: 0;
  font-size: .8em;
}

.menu > ul > li > ul > li > ul > li a {
  font-size: 1.5em;
  font-family: 'Roboto';
  text-transform: none;
  padding: 0px !important;
  border: 0;
  color: #333;
  cursor: pointer;
}
.menu > ul > li > ul > li > ul > li a:hover{border: none;}
.menu > ul > li > ul.normal-sub {
  width: 280px;
  left: auto;
  padding: 10px 15px;
}
/*.menu > ul > li > ul.normal-sub.platforms {width: 285px;}*/

.menu > ul > li > ul.normal-sub > li {
  width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
  color: #333;
  border: 0;
  padding: .5em 0 !important;
  font-family: 'Roboto';
  font-size: 1.2em;
  cursor: pointer;
}
.menu > ul > li > ul > li > ul.inner-sub {
  margin: 0px;
}
.menu > ul > li > ul > li > ul.inner-sub > li {
  list-style: disclosure-closed;
  margin: 0px 0px 0px 20px;
  width: 90%;
}
.menu > ul > li > ul > li > ul.inner-sub > li > a {
  color: #333;
  border: 0;
  padding: 0px 0px 0px 0px !important;
  font-family: 'Roboto';
  font-size: 1.5em;
  cursor: pointer;
}
.sub-menu.end-to-end{
  position: fixed;
  padding-bottom: 15px;
  left: 386px;
  /*left: 28%;*/
  /*width: 60%;*/
  width: 45%;
}
.sub-menu.end-to-end.solution {width: 60%;}
.sub-menu.end-to-end.solution > li {width: 22%;}
.sub-menu.custom-prod {
  width: 145%;
}
.sub-menu.custom-prod > li{width: 30%;}
.sub-menu.end-to-end > li {
  /*width: 22%;*/
  width: 30%;
  float: none;
  display: inline-table;
}
.sub-menu.custom-prod > li{}
.sub-menu-title {
  font-family: 'Roboto';
  font-size: 1.2em;
  font-weight: 500;
  padding-top: 20px;
  display: inline-block;
  color: #000;
  border-bottom: 1px solid #ccc;
  text-transform: uppercase;
  width: 100%;
}
.sub-menu.custom-prod > li span.sub-menu-title {min-height: 45px;}
.menu > ul > li > ul.normal-sub > li a:hover{
  color: #ee2424;
}
.menu > ul > li > ul > li > ul > li .inner-sub {
  margin: 5px 0px 0px 5px;
}
.menu > ul > li > ul > li > ul > li .inner-sub > li {
  list-style: disclosure-closed;
  margin: 0px 0px 0px 15px;
  width: 90%;
  padding: 7px 0px;
}
.menu > ul > li > ul > li > ul > li .inner-sub > li > a {
}
.menu-promotion {
  padding: 20px 0px 20px 0px;
  margin: 10px 0px 0px;
  width: 100%;
  float: left;
  border-top: 1px solid #ccc;
}
.custom-prod .menu-promotion {
  padding-bottom: 0px;
}
.menu-promotion .left {
  float: left;
  width: auto;
}
.custom-prod .menu-promotion .left {
  width: auto;
  margin-right: 20px;
}
.menu-promotion .right {
  float: left;
  margin-left: 15px;
  width: 75%;
}
.custom-prod .menu-promotion .right {
  width: 65%;
}
.menu-promotion .right .promo-type{
  font-family: 'Benton Sans Light';
  color: #686868;
  font-size: 1.1em;
  text-transform: uppercase;
  margin-bottom: 7px;
}
.menu-promotion .right .promo-title{
  font-family: 'Benton Sans Medium';
  color: #000;
  font-size: 1.4em;
  margin: 7px 0px;
}
.menu-promotion .right.prod .promo-title {
  color: #333;
  font-family: 'Roboto';
  font-size: 1.2em;
  font-weight: 500;
}
.menu-promotion .right .promo-title-sub{
  font-family: 'Benton Sans Light';
  font-size: 1.2em;
  margin: 7px 0;
}
.promo-btn {
  display: inline-block;
}
.menu .promo-btn a {
  color: #fff !important;
  width: auto;
  background: #ee2424;
  border-radius: 50px;
  padding: 8px 20px 5px !important;
  border: 2px solid #ee2424;
  font-family: 'Benton Sans Medium';
  cursor: pointer;
}
.menu-promotion .right.prod .promo-btn a {
  padding: 0px !important;
  background: transparent;
  color: #ee2424 !important;
  text-transform: capitalize;
  border: none;
  font-size: 1.3em;
  font-weight: 400;
  font-family: 'Roboto';
  display: inline-block;
}
}
.menu .promo-btn a:hover{background: transparent;color: #ee2424 !important;border: 2px solid #ee2424;}
.menu-promotion .right.prod .promo-btn a:hover{text-decoration: underline;}
.sub-menu.normal-sub.single-col {
  /*width: 360px;*/
}
.sub-menu.normal-sub.single-col .menu-promotion{padding: 20px 0px 10px 0px;}
.sub-menu.normal-sub.single-col .menu-promotion .left{/*display: none;*/}
.sub-menu.normal-sub.single-col .menu-promotion .right{width: auto;}

.sub-menu.normal-sub.single-col.custom-single-prod {
  width: 490px;
}
.free-download-container {
  display: inline-block;
  width: 100%;
}
.free-download-container .blk-inner {
  display: inline-block;
  width: 100%;
}
.free-download-container .blk-inner p {
  padding: 10px 30px;
  background: #333;
  font-family: 'Roboto';
  font-size: 1.4em;
  position: relative;
  left: -15px;
  width: 92.5%;
  font-weight: 400;
  color: #ee2424;
  margin: 10px 0px 10px;
  text-transform: uppercase;
}
.free-download-container .blk-inner ul {
  margin: 0px;
  display: block;
}
.free-download-container .blk-inner ul li {
  display: block;
}
.free-download-container .blk-inner ul li a {
  padding: 7px 15px;
  text-transform: capitalize;
  font-size: 1.2em;
  color: #333;
  cursor: pointer;
}
.free-download-container .blk-inner ul li a:hover{border-top: 3px solid transparent;}


/* Inner page menu2 START */
.menu-container .menu2 {
  display: flex;
  float: left;
  width: 100%;
  background: #fff;
}
.menu-container .menu2 .menu2-inner {margin: 0 auto; width: 80%;}
.menu-container .menu2 .menu2-inner .part1 {display: flex; float: left;}
.menu-container .menu2 .menu2-inner .part1 #page-type-name {
  color: #212121;
  font-family: 'Roboto';
  font-size: 22px;
  margin: 0px 15px 0px 0px;
  padding: 25px 0px;
  font-weight: 500;
  width: 232px;
  max-width: 232px;
}
.menu-container .menu2 .menu2-inner .part2 {
  display: flex;
  float: left;
  width: 70%;
}
.menu-container .menu2 .menu2-inner .part2 > ul {margin: 0px; width: 100%;}
.menu-container .menu2 .menu2-inner .part2 > ul > li {
  width: 12%;
  float: left;
  list-style: none;
}
.menu-container .menu2 .menu2-inner .part2 > ul > li > a {
  color: #212121;
  font-family: 'Roboto';
  font-size: 16px;
  text-decoration: none;
  font-weight: 300;
  padding: 24px 24px;
  display: inline-block;
}
.menu-container .menu2 .menu2-inner .part3 {float: right;}
.menu-container .menu2 .menu2-inner .part3 > ul {margin: 0px;}
.menu-container .menu2 .menu2-inner .part3 > ul > li {margin: 0px;}
.menu-container .menu2 .menu2-inner .part3 > ul > li > a {
  color: #212121;
  font-family: 'Roboto';
  font-size: 16px;
  text-decoration: none;
  font-weight: 300;
  padding: 25px 0px;
  display: inline-block;
}
/* Inner page Menu2 END */



/* sub-menu START */
.sub-menu.all-solix-custom-menu {
  left: -730px;
  width: 1020px;
}
.sub-menu.all-solix-custom-menu > li {
  width: 33%;
}
.sub-menu.all-solix-custom-menu > li .all-solix-menu-title {
  margin: 20px 0px 0px;
  display: inline-block;
  border-bottom: 1px dotted #616161;
  width: 100%;
  color: #ee2424;
  text-transform: uppercase;
  font-weight: 500;
  padding-bottom: 15px;
}
.sub-menu.all-solix-custom-menu > li > ul {
}
.sub-menu.all-solix-custom-menu > li > ul .bold {
}
.sub-menu.all-solix-custom-menu > li > ul .bold a {
  font-size: 1.2em;
  font-weight: 500;
}
.sub-menu.all-solix-custom-menu > li > ul .normal {
}
.sub-menu.all-solix-custom-menu > li > ul .normal a {
  font-size: 1.2em;
  font-weight: 300;
}
.sub-menu.all-solix-custom-menu > li:nth-child(2) {
  width: 63%;
}
.sub-menu.all-solix-custom-menu > li > ul.float {
  float: left;
  width: 33%;
}
.sub-menu.all-solix-custom-menu > li > ul.float .all-solix-menu-subtitle {
  font-weight: 500;
}
.sub-menu.all-solix-custom-menu > li > ul.float .normal {
}
.sub-menu.all-solix-custom-menu > li > ul .normal a {
  font-size: 1.2em;
  font-weight: 300;
}
/* sub-menu END */


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 959px) {
    .menu-container {
        width: 100%;
    }
    .menu-mobile {
        display: block;
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu > ul {
        display: none;
    }
    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
    }
    .menu > ul > li a {
        padding: 1.5em;
        width: 100%;
        display: block;
    }
    .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
    }
}