/*$orange:#c35f2b;*/
/*
blog changes:

@media only screen and (max-width: 480px)
.header-container-wrapper {
    height: 50px;
    position: fixed;
    z-index: 1000;
}

*/
/* top, rgba(0,0,0,0) 60%, $blue */
html, body, div, span, object, iframe,
blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, var,
b, i,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent; }

html, body {
  overflow-x: hidden; }

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased; }

body {
  background-color: white;
  height: 100%;
  padding: 0;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 1em;
  margin: 0;
  min-height: 100%;
  position: relative; }

a {
  color: #679cc7; }
  body.notouch a:hover, body.notouch a:focus {
    color: #ac3f77; }
  a.black {
    color: black; }
  a.red {
    color: #ac3f77; }
  a.lowerc {
    font-weight: bold;
    text-decoration: underline !important; }
  a.nolink {
    cursor: default; }

.lblue {
  color: #679cc7; }
  body.notouch .lblue .item a:hover {
    color: #ac3f77; }
  .lblue a {
    color: #d7e5f0; }
    body.notouch .lblue a:hover {
      color: white; }
    .lblue a.mini-cta {
      color: #679cc7; }
    .lblue a.cta {
      color: white !important; }

.w80 {
  width: 80px;
  display: inline-block;
  text-align: right; }

a.highlighted {
  padding-left: 55px;
  height: 54px;
  display: inline-block;
  vertical-align: middle;
  line-height: 54px;
  background-color: white;
  border-radius: 5px;
  padding-right: 20px;
  position: relative;
  color: #679cc7;
  perspective: 1000px;
  width: 330px;
  overflow: hidden;
  transition: all 1s;
  text-align: center; }
  body.notouch a.highlighted:hover {
    color: #ac3f77;
    padding-left: 0; }
  body.notouch a.highlighted:hover > span {
    animation: rotateThentoRightFromLeft 1s forwards; }
    body.notouch a.highlighted:hover > span:before {
      content: '\e629'; }
  a.highlighted span {
    font-size: 46px;
    vertical-align: middle;
    text-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    transition: 1s;
    transform-style: preserve-3d;
    position: absolute;
    width: 55px;
    left: 4px;
    top: 4px; }

@-webkit-keyframes rotateThentoRightFromLeft {
  60% {
    -webkit-transform: rotateY(180deg);
    animation-timing-function: ease-out; }
  100% {
    -webkit-transform: translate(280px) rotateY(180deg); } }

#fixednav {
  /*background-color:rgba(255,255,255,.2);*/
  background-color: rgba(0, 0, 0, 0.15);
  height: 105px;
  top: 0;
  width: 100%;
  position: fixed;
  z-index: 1000;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

#main-container {
  padding-bottom: 393px;
  padding-top: 105px;
  min-height: 100%;
  position: relative; }
  #main-container.home {
    padding-top: 0; }
  #main-container .contactus {
    position: absolute;
    font-size: 1.5em;
    left: 0;
    top: 105px;
margin-top: 0px;
    z-index: 2;
    cursor: pointer;
    padding: 10px 20px; }
  #main-container .breadcrumb {
    font-size: 1.2em;
    display: inline-block; }
    #main-container .breadcrumb:first-child:before {
      content: ""; }
    #main-container .breadcrumb:before {
      content: "/\00a0"; }
  #main-container table td {
    padding: 3px; }
  #main-container .simple-table tr:first-child {
    font-weight: bold;
    font-size: 1.2em; }

div.section {
  padding-top: 20px;
  padding-bottom: 50px; }
  div.section h1 {
    text-align: center;
    font-size: 4em;
    font-weight: 400;
    line-height: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px; }
  div.section.salespitch {
    padding-top: 5px;
    padding-bottom: 5px; }
  div.section h2 {
    text-align: center;
    font-size: 3em;
    font-weight: 400; }
  div.section h3 {
    /*text-align:center;*/
    font-size: 2em;
    font-weight: 400; }
  div.section h4 {
    font-size: 1.4em;
    font-weight: 400; }
  div.section.white h2 {
    color: #679cc7; }
  div.section.white .lblue h2 {
    color: white; }
  div.section.silver {
    background-color: #e8e6e6; }
    div.section.silver h2 {
      color: #679cc7; }
  div.section.lblue {
    color: white;
    background-color: #679cc7; }
    div.section.lblue h2 {
      color: white; }
  div.section.orange {
    color: white;
    background-color: #cd5c1e; }
    div.section.orange h2 {
      color: white; }
  div.section.darkgray {
    color: white;
    background-color: #5c5c5a; }
    div.section.darkgray h2 {
      color: white; }
  div.section.lightgray {
    color: white;
    background-color: #999; }
  div.section.header {
    /*background-image: url('/static/images/slide-bg-3.jpg');
		background-position-y: -104px;*/
    padding: 0 !important;
    margin-top: 0px; }
    div.section.header .container {
      display: flex;
      align-items: flex-end;
      justify-content: center;
      height: 100%;
      padding-bottom: 50px; }
    div.section.header h1 {
      max-width: 85%; }
      div.section.header h1 span[class*="icon-"] {
        font-size: 90px;
        position: relative;
        display: inline-block;
        margin-right: 10px; }
  div.section p, div.section .row div > ul > li {
    font-size: 1.2em; }
  div.section .container ul:not(.slick-dots), div.section.post-body ul {
    list-style: initial;
    margin: initial;
    padding: 0 0 0 40px; }
    div.section .container ul:not(.slick-dots) li, div.section.post-body ul li {
      list-style-type: disc;
      display: list-item; }
  div.section.post-body ul li {
    font-size: 1.2em; }

ul.nolist li {
  list-style-type: none !important; }

/* for HS landing pages */
.body-container .container ul {
  list-style: initial;
  margin: initial;
  padding: 0 0 0 40px; }
  .body-container .container ul li {
    list-style-type: disc;
    display: list-item;
    font-size: 1.2em; }

.share {
  position: fixed;
  bottom: auto;
  right: auto;
  left: calc(50% + 570px);
  z-index: 30;
  height: 210px;
  width: 60px;
  top: 266px;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s; }
  body.notouch .share:hover .icon-share-alternitive {
    opacity: .2; }
  body.notouch .share:hover .share-other {
    opacity: 1; }
  .share .share-other {
    opacity: .2;
    display: block;
    width: 57px;
    height: 168px;
    left: 0px;
    top: 38px;
    position: absolute;
    border: 1px solid gray;
    background-color: white;
    padding: 10px;
    color: gray; }
  .share .icon-share-alternitive {
    font-size: 18px;
    color: #679cc7;
    border: 1px solid #e8e6e6;
    padding: 2px;
    margin: 5px 0;
    top: 15px;
    position: relative;
    background-color: white; }
  .share .sm-subnav {
    margin: 10px auto;
    position: absolute;
    bottom: 10px; }
    .share .sm-subnav a {
      color: #679cc7;
      font-size: 30px;
      font-family: 'icomoon';
      border-radius: 5px;
      margin: 3px; }
      .share .sm-subnav a.li {
        color: #0e76a8; }
      .share .sm-subnav a.fb {
        color: #3B5998; }
      .share .sm-subnav a.tw {
        color: #4099FF; }
      .share .sm-subnav a.gp {
        color: #dd4b39; }
  .share body.notouch .sm-subnav a:hover {
    background-color: #707070;
    color: #e1e1e1;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out; }

.content p {
  margin: 1em 0px; }

a.emphasis {
  display: inline-block;
  position: relative;
  padding-left: 30px; }
  a.emphasis:before {
    content: '\ea42';
    position: absolute;
    font-size: 26px;
    left: -1px;
    display: flex;
    align-content: center;
    font-family: 'icomoon';
    top: -8px; }
  a.emphasis.down:before {
    content: '\e625'; }

#menus {
  position: relative;
  height: 100%; }

/*  MAIN MENU      */
#main-menu {
  list-style: none;
  height: 30px;
  font-size: 14px;
  padding-right: 0;
  margin-top: 5px; }
  #main-menu li {
    display: block;
    text-align: center;
    position: relative;
    margin-top: 5px;
    border: none;
    text-transform: uppercase;
    color: #fff;
    /*-webkit-transition: color 0.4s;
		-moz-transition: color 0.4s;
		transition: color 0.4s;*/ }
    #main-menu li.red {
      color: white !important;
      background-color: #ac3f77; }
      #main-menu li.red a {
        color: white !important; }
        body.notouch #main-menu li.red a:hover {
          background-color: #679cc7;
          color: inherit; }
      body.notouch #main-menu li.red:hover {
        background-color: #679cc7; }
    #main-menu li.active {
      background-color: #679cc7;
      color: white; }
      #main-menu li.active a {
        background-color: #679cc7 !important; }
    #main-menu li a {
      color: inherit;
      padding: 7px 14px 7px 14px;
      display: inline-block;
      outline: 0;
      text-decoration: none; }
  .fixme #main-menu li {
    color: #000; }
  body.notouch #main-menu li:hover {
    z-index: +1000;
    /*-webkit-transition: color 0.4s;
		-moz-transition: color 0.4s;
		transition: color 0.4s;*/ }
    body.notouch #main-menu li:hover div a {
      font-size: 11px;
      color: #015b86; }
    body.notouch #main-menu li:hover div h3 a {
      font-size: 13px; }
    body.notouch #main-menu li:hover div a:hover {
      color: #ac3f77; }
    body.notouch #main-menu li:hover li {
      padding: 0; }
    body.notouch #main-menu li:hover li:hover {
      border-bottom: none;
      padding: 0; }
  #main-menu > li {
    float: right; }
  #main-menu p, #main-menu h2, #main-menu h3, #main-menu li {
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    line-height: 15px;
    text-align: left;
    font-weight: 400; }
  #main-menu div.promo-main {
    background-color: #F0F0F0;
    border: 1px solid #999999;
    padding: 5px; }
  #main-menu h2 {
    font-size: 16px;
    margin: 2px 0 10px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #ABB400; }
  #main-menu h3 {
    font-size: 14px;
    margin: 7px 0 10px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #888888; }
  #main-menu p {
    line-height: 18px;
    margin: 0 0 10px 0; }

#main-menu-mob {
  display: none;
  background-color: #679cc7;
  position: absolute;
  z-index: 1000;
  width: 100%;
  top: 50px;
  padding-top: 0px; }
  #main-menu-mob .searchContainer {
    position: relative; }
  #main-menu-mob a {
    color: white;
    display: block;
    margin: 0 -15px;
    line-height: 18px;
    padding: .5em 15px;
    font-size: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.3); }
  #main-menu-mob .searchq {
    margin-left: 0;
    height: 31px;
    margin-left: 10px;
    line-height: 26px;
    font-size: 16px;
    border: 1px solid #679cc7; }
  #main-menu-mob .icon-search {
    position: absolute;
    height: 30px;
    width: 30px;
    right: 0;
    z-index: 10;
    background-color: black;
    font-size: 20px;
    top: 0;
    color: white;
    cursor: pointer;
    padding: 4px 4px; }

#main-menu-mob-toggle {
  position: relative;
  /*right: 5px;
	bottom: 0;*/
  top: 3px;
  cursor: pointer; }
  #main-menu-mob-toggle span {
    font-size: 32px;
    background-color: #333333; }
  #main-menu-mob-toggle span[class=icon-menu] {
    font-size: 40px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0); }
    .fixme #main-menu-mob-toggle span[class=icon-menu] {
      color: #5c5c5a; }

/* sub menu */
#sub-menu {
  font-size: 11px;
  text-transform: uppercase;
  -webkit-transition: opacity 0.3s;
  -webkit-transition: top 3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s; }
  #sub-menu ul {
    margin-top: 15px !important;
    padding: 0; }
  #sub-menu li {
    padding: 0 15px;
    float: right;
    margin: 0; }
    #sub-menu li a {
      color: #fff;
      position: relative;
      top: 4px;
      /*
			-webkit-transition: color 0.4s;
			-moz-transition: color 0.4s;
			transition: color 0.4s;
			*/ }
      body.notouch #sub-menu li a:hover {
        color: #ac3f77;
        /*
				-webkit-transition: color 0.4s;
				-moz-transition: color 0.4s;
				transition: color 0.4s;*/ }
      body.notouch #sub-menu li a:hover [class^="icon-arrow-"] {
        color: #ac3f77;
        /*
				-webkit-transition: color 0.4s;
				-moz-transition: color 0.4s;
				transition: color 0.4s;
				*/ }
  .fixme #sub-menu li a {
    color: #000; }
  #sub-menu li:first-child {
    border: none;
    padding-right: 0; }
  #sub-menu [class^="icon-arrow-"], #sub-menu [class*=" icon-arrow-"] {
    vertical-align: text-top;
    position: relative;
    top: -3px;
    font-size: 18px !important;
    color: #fff; }
    .fixme #sub-menu [class^="icon-arrow-"], .fixme #sub-menu [class*=" icon-arrow-"] {
      color: #000; }
  #sub-menu [class^="icon-"], #sub-menu [class*=" icon-"] {
    font-size: 14px; }

.dd {
  float: left;
  text-align: left;
  /*padding:10px 5px 10px 5px;*/
  text-transform: none;
  /*width:1180px;*/
  display: none; }

.height0 {
  height: 0; }

#pushdown-outerwrapper {
  box-shadow: 0 3px 4px 0 rgba(5, 5, 5, 0.5); }

.pushdown-wrap {
  display: none;
  background-color: #fff;
  position: relative;
  /* IE10 Consumer Preview */
  background-image: -ms-linear-gradient(top, #fff 0%, #e6e6e6 100%);
  /* Mozilla Firefox */
  background-image: -moz-linear-gradient(top, #fff 0%, #e6e6e6 100%);
  /* Opera */
  background-image: -o-linear-gradient(top, #fff 0%, #e6e6e6 100%);
  /* Webkit (Safari/Chrome 10) */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #e6e6e6));
  /* Webkit (Chrome 11+) */
  background-image: -webkit-linear-gradient(top, #fff 0%, #e6e6e6 100%);
  /* W3C Markup, IE10 Release Preview */
  background-image: linear-gradient(to bottom, #fff 0%, #e6e6e6 100%);
  border-bottom: 1px solid silver;
  border-top: 1px solid silver; }

#pushdown {
  display: none;
  height: 0;
  overflow: hidden;
  font-size: 12px; }
  body.notouch #pushdown h4 a:hover,
  body.notouch #pushdown li a:hover {
    color: #ac3f77; }
  #pushdown ul {
    margin: 0;
    padding-left: 5px; }
  #pushdown li {
    display: block; }
    #pushdown li a {
      color: #4d4d4d;
      display: inline-block;
      text-decoration: none;
      padding-bottom: 2px; }
  #pushdown .dd li {
    list-style: none;
    padding-left: 5px; }
  #pushdown h2 {
    color: #000 !important;
    font-size: 125%;
    margin-bottom: 10px;
    padding: 0;
    font-weight: normal; }
    #pushdown h2 a {
      color: #1a1a1a;
      text-transform: uppercase;
      text-decoration: none; }
  #pushdown h3 {
    color: #000;
    font-size: 120%;
    margin: 0;
    margin-bottom: 5px;
    padding: 0;
    font-weight: bold; }
    #pushdown h3 a {
      color: #4484b7 !important;
      text-transform: uppercase;
      text-decoration: none; }
  #pushdown h4 {
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-weight: bold; }
    #pushdown h4 a {
      display: inline-block;
      padding-bottom: 5px;
      text-transform: uppercase;
      color: #4484b7 !important;
      text-decoration: none; }
  #pushdown .pd-box {
    /*background-color: #333;*/
    height: 385px;
    padding-top: 10px;
    border-right: 1px dashed silver; }
    #pushdown .pd-box:last-child {
      border-right: 0; }
  #pushdown .pd-box.medium {
    height: 210px !important; }
  #pushdown .pd-box.short {
    height: 190px !important; }

.pd-wrapper {
  position: relative;
  left: 0;
  width: 10000px; }

/* left menu */
.left-menu {
  position: absolute;
  top: 300px;
  border-right: 5px solid #679cc7; }

.menu-link {
  position: absolute;
  top: 0;
  right: -31px;
  display: block;
  border: none;
  padding: 5px;
  font-size: 1.5em;
  width: 30px;
  height: 30px;
  background-color: #679cc7;
  color: white;
  font-size: 1.5em;
  overflow: hidden; }
  .menu-link a:hover, .menu-link a:focus {
    color: #fff; }

#menu, .menu.topmost {
  /*display: none;*/
  clear: both;
  background: #679cc7;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 1px; }
  #menu.active, .menu.topmost.active {
    width: 240px; }
    #menu.active li, .menu.topmost.active li {
      border-bottom: 1px solid #ddd !important; }
      #menu.active li:last-child, .menu.topmost.active li:last-child {
        border-bottom: none !important; }
      #menu.active li a, .menu.topmost.active li a {
        opacity: 1; }
  #menu, #menu > ul ul, .menu.topmost, .menu.topmost > ul ul {
    clear: both;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out; }
  #menu .js .menu, #menu .js .menu > ul ul, .menu.topmost .js .menu, .menu.topmost .js .menu > ul ul {
    /*background: rgba(0,0,0,0.1);*/ }
  #menu > ul, .menu.topmost > ul {
    border-top: 1px solid #ddd; }
  #menu li, .menu.topmost li {
    list-style: none;
    border-bottom: 0; }
    #menu li ul, .menu.topmost li ul {
      border-left: 5px dotted #3e6d9c; }
      #menu li ul li a, .menu.topmost li ul li a {
        padding-left: 15px; }
    #menu li a, .menu.topmost li a {
      color: #fff;
      display: block;
      padding: 0.7em;
      position: relative;
      opacity: 0;
      max-height: 46px; }
    #menu li ul li:last-child, .menu.topmost li ul li:last-child {
      border-bottom: none !important; }
    #menu li span.toggler, .menu.topmost li span.toggler {
      padding: 5px;
      font-size: 1.5em;
      float: right;
      cursor: pointer;
      color: #fff; }
  #menu .has-subnav > a, .menu.topmost .has-subnav > a {
    margin-right: 30px; }
  #menu .has-subnav > ul, .menu.topmost .has-subnav > ul {
    display: none;
    padding: 0;
    background-color: #518dbf;
    border-left: 10px solid #679cc7; }

.centered {
  text-align: center; }

.colCCC {
  color: #000;
  padding-left: 10px; }

.h200 {
  height: 330px; }

#main-menu li li {
  text-transform: none; }

.menu-active {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #D7D7D7;
  filter: alpha(opacity=70);
  opacity: 0.7;
  -moz-opacity: 0.7; }

#fixednav.fixme {
  border-bottom: 1px solid #e6e6e6;
  box-shadow: 0 0 10px 0 rgba(5, 5, 5, 0.5);
  background-color: white; }

#main-container .contactus_ {
  top: 90px;
  width: 40px;
  height: 40px;
  padding: 10px 10px; }
  #main-container .contactus_ [class^="icon-"] {
    display: block !important; }
  #main-container .contactus_ .txt {
    display: none; }

.share.fixme {
  top: 105px; }

#lang {
  color: white; }
  #lang a {
    color: white; }

#login-info {
  width: 360px;
  color: white; }
  #login-info .m8 {
    margin: 8px 0; }
  #login-info h2 {
    margin: 10px 0 0; }
  body.notouch #login-info a:hover {
    color: black !important; }
  #login-info .reg {
    color: #fff;
    text-decoration: underline;
    font-weight: bold;
    font-size: 120%;
    margin-left: 8px; }
  #login-info .forgot {
    color: #fff;
    text-decoration: underline;
    font-size: 11px;
    font-weight: bold; }
  #login-info #loginid-inline, #login-info #password-inline {
    border: 2px solid #3e6d9c;
    border-left: 1px solid #3e6d9c;
    padding: 6px;
    margin: 3px 0;
    /*background-color:#bdbdbd;*/
    color: black;
    width: 72%;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px; }
  #login-info #loginid-inline:focus, #login-info #password-inline:focus {
    -moz-box-shadow: 0 0 15px #3e6d9c;
    -webkit-box-shadow: 0 0 15px #3e6d9c;
    box-shadow: 0 0 15px #3e6d9c;
    outline: none; }
  #login-info .lborder {
    border: 2px solid #3e6d9c;
    border-right: 0;
    padding: 8px;
    margin: 2px 0;
    display: inline-block;
    background-color: #bbb;
    top: 1px;
    position: relative; }
  #login-info .buttonLink {
    color: #fff;
    background-color: #77a0c9;
    border-radius: 4px;
    box-shadow: 0 0 10px #000;
    padding: 8px 20px;
    font-weight: bold;
    cursor: pointer;
    margin-right: 10px;
    display: inline-block; }
  #login-info .msg {
    display: table;
    line-height: 22px;
    min-height: 25px; }
  #login-info .error {
    display: table-cell;
    vertical-align: middle;
    color: #d33724; }

.placeholderGrey:-moz-placeholder {
  color: #777; }

.placeholderGrey::-moz-placeholder {
  color: #777; }

.placeholderGrey::-webkit-input-placeholder {
  color: #777; }

.placeholderGrey:-ms-input-placeholder {
  color: #777; }

#logo {
  display: block;
  width: 280px;
  height: 85px;
  /*background-image: url('/static/images/dialogic-logo-2016-280.gif');*/
  background-image: url("/static/images/Dialogic-AEC-white-280x85.png");
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 20px;
  cursor: pointer;
  -webkit-transition: height 0.3s;
  -moz-transition: height 0.3s;
  -ms-transition: height 0.3s;
  -o-transition: height 0.3s;
  transition: height 0.3s; }
  .fixme #logo {
    background-image: url("/static/images/Dialogic-AEC-color-280x85.png"); }
#footer .col-sm-3 img {
    max-width: 170px;
}
li.searchContainer {
  position: relative; }

.searchq {
  color: #333;
  border: 1px solid #eee;
  background-color: whitesmoke;
  margin-left: 4px;
  height: 22px;
  line-height: 20px;
  padding-left: 5px;
  padding-right: 5px; }

#sub-menu #search-icon {
  position: absolute;
  height: 22px;
  right: 0;
  z-index: 10;
  background-color: black;
  color: white;
  font-size: 15px;
  top: 0;
  cursor: pointer;
  padding: 4px 4px; }
  .fixme #sub-menu #search-icon {
    background-color: black;
    color: white; }

/* footer */
#footer {
  width: 100%;
  padding-top: 50px;
  background-color: #679cc7;
  color: #000;
  position: absolute;
  bottom: 0;
  min-height: 313px; }
  #footer a {
    padding-bottom: 3px;
    color: #fff !important;
    text-decoration: none; }
    body.notouch #footer a:hover {
      color: #000; }
  #footer ul {
    padding: 0;
    margin-top: 1em;
    margin-bottom: 1em; }
    #footer ul > li {
      font-weight: normal;
      font-size: 11px;
      float: none;
      width: 100%; }
  #footer h4 {
    font-size: 14px;
    margin-top: 1.33em;
    margin-bottom: 0;
    font-weight: bold;
    color: #000 !important; }
  #footer #footer-last {
    clear: both;
    font-size: 11px;
    margin-top: 40px;
    margin-bottom: 10px; }
    #footer #footer-last ul li:first-child {
      border: none; }
    #footer #footer-last ul li {
      padding: 0 15px;
      border-left: #fff solid 1px;
      float: left;
      list-style-type: none;
      width: inherit; }

/* zoom-image */
.zoom-image.no-zoom {
  border-color: #00A3F0 !important;
  width: 220px;
  height: 220px;
  border-width: 15px; }

.zoom-image {
  text-decoration: none;
  position: relative;
  display: inline-block;
  background-color: white;
  margin: 0 auto;
  background-color: #fff;
  background-position: 25% 25%;
  background-size: 120%;
  border-radius: 50%;
  border: 10px solid #f4f4f4;
  overflow: hidden;
  width: 200px;
  height: 200px;
  display: block; }
  .zoom-image.no-radius {
    border-radius: 0 !important; }
  .zoom-image span.zoom-icon {
    visibility: hidden;
    position: absolute;
    right: 5px;
    top: 5px;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    z-index: 5; }
  .zoom-image img.zoompic {
    /*border: 1px solid #666;*/
    padding: 6px;
    background-color: white;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear; }
  .zoom-image img.zoompic:hover {
    opacity: .7; }
  body.notouch .zoom-image:hover span.zoom-icon {
    visibility: visible; }
  .zoom-image span.rollover {
    opacity: 1;
    background: url(//www.dialogic.com/static/images/zoom.png) center center no-repeat black;
    cursor: pointer;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 10;
    opacity: 0;
    left: 0; }
  .zoom-image span.rollover:hover {
    opacity: .7;
    -webkit-box-shadow: 0px 0px 4px #000;
    -moz-box-shadow: 0px 0px 4px #000;
    box-shadow: 0px 0px 4px #000; }

.anchor {
  display: block;
  height: 100px;
  /*same height as header*/
  margin-top: -100px;
  /*same height as header*/
  visibility: hidden; }

/* the overlayed element */
.simple_overlay {
  /* must be initially hidden */
  display: none;
  /* place overlay on top of other elements */
  z-index: 2000;
  /* styling */
  background-color: #679cc7;
  border-top: 0;
  width: 250px;
  min-height: 200px;
  top: -21px;
  right: -30px;
  position: absolute;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
  padding: 20px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  text-transform: none;
  font-size: 120%;
  /* close button positioned on upper right corner */ }
  .simple_overlay .close {
    /*background-image:url('/static/images/icons/close_gray.gif');*/
    position: absolute;
    right: 8px;
    top: 15px;
    cursor: pointer;
    font-size: 17px;
    color: white;
    height: 20px;
    width: 20px;
    text-shadow: none;
    opacity: 1; }
    body.notouch .simple_overlay .close:hover {
      color: black; }
  .simple_overlay .content_wrap {
    padding: 20px 20px 20px 40px; }

#loginid-inline {
  border: 2px solid #3e6d9c;
  padding: 3px;
  margin: 3px 0; }
  #loginid-inline [class^="icon-"], #loginid-inline [class*=" icon-"] {
    font-size: 14px; }

/*---------------linkedin------------------*/
.linkedinButton {
  height: 24px;
  width: 150px;
  display: block;
  background-image: url("/static/images/linkedin_signin.png");
  background-position: 0px 0px;
  margin-bottom: 5px; }
  body.notouch .linkedinButton:hover {
    background-position: 0px -24px; }
  .linkedinButton:active {
    background-position: 0px -48px; }

.ir {
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr; }

.uibuttonmargin {
  margin: .5em .4em .5em 0; }

.overlay_header {
  background: url("/static/images/backgrounds/simple-box-header-bg.jpg") repeat-x top;
  height: 55px; }

.overlay_content {
  padding: 10px;
  font-size: 11px; }

.simple_overlay h3 {
  color: #0090CF;
  font-size: 17px;
  padding: 15px 20px 0px; }

/* Social Media Icons on the top menu and other places    */
.bg-social {
  float: right;
  width: 190px; }

.bg-social .mlnk {
  width: 36px;
  height: 36px;
  display: block;
  text-indent: -99999px;
  float: right;
  margin-left: 10px;
  background-repeat: no-repeat;
  background: url("/static/Images/SmIconsLarge.png"); }

#main-menu .bg-social a {
  padding-bottom: 0; }

.bg-social .facebook .mlnk {
  background-position: 0 0; }

body.notouch .bg-social .facebook .mlnk:hover {
  background-position: -36px 0; }

.bg-social .Youtube .mlnk {
  background-position: -144px 0; }

body.notouch .bg-social .Youtube .mlnk:hover {
  background-position: -180px 0; }

.bg-social .Twitter .mlnk {
  background-position: -72px 0; }

body.notouch .bg-social .Twitter .mlnk:hover {
  background-position: -108px 0; }

.bg-social .Linkedin .mlnk {
  background-position: -216px 0; }

body.notouch .bg-social .Linkedin .mlnk:hover {
  background-position: -252px 0; }

/* root element for tabs  */
ul.css-tabs {
  padding: 0 !important;
  height: 34px;
  border-bottom: 1px solid #e1e1e1; }

/* single tab */
ul.css-tabs li {
  float: left;
  padding: 0;
  margin: 0;
  list-style-type: none !important; }

/* link inside the tab. uses a background image */
ul.css-tabs a {
  /*float:left;*/
  font-size: 120%;
  display: block;
  padding: 7px 10px;
  text-decoration: none;
  border: 1px solid #e1e1e1;
  border-bottom: 0px;
  height: 34px;
  background-color: #f0f0f0;
  color: #666666;
  margin-right: 2px;
  top: 1px;
  outline: 0; }

ul.css-tabs a:hover {
  background-color: #3e6d9c !important;
  color: #fff; }

/* selected tab */
ul.css-tabs a.current {
  background-color: #ffffff;
  border-bottom: 1px solid #ffffff;
  color: #679cc7;
  cursor: default; }

/* tab pane */
.css-panes div.tab {
  display: none;
  padding: 10px 0; }

/* contact sales button */
.button {
  width: 180px;
  height: 50px;
  color: #efefef;
  font-size: 18pt;
  font-weight: bold;
  border: solid 1px #fe7600;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: block;
  text-decoration: none; }

.button:link, .button:visited {
  color: #efefef; }

.bg-white {
  background-color: #fff; }

.bg-orange {
  background-color: #cd5c1e; }

.bg-black {
  background-color: black; }

.bg-gray {
  background-color: #5c5c5a; }

body.notouch .button:hover {
  background-color: #efefef;
  color: #fe7600;
  border: solid 1px #ac3f77; }

body.notouch .button:hover .arrow {
  background-image: url("/static/images/polygon2.png"); }

.button .text {
  vertical-align: middle;
  padding: 7px 7px;
  float: left; }

.arrow {
  background-image: url("/static/images/polygon1.png");
  background-repeat: no-repeat;
  float: left;
  width: 16px;
  height: 16px;
  margin-top: 13px; }

/* end old styles */
li {
  list-style: none;
  /*display:inline-block;*/ }

.allcaps {
  text-transform: capitalize; }

.vertical-align {
  height: 90%;
  display: -webkit-box !important;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box !important;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox !important;
  /* TWEENER - IE 10 */
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-align: center;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }

.horizontal-align {
  display: -webkit-box;
  /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;
  /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;
  /* TWEENER - IE 10 */
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center; }

/* home page customers */
.customers p {
  font-size: 1.2em;
  padding: 0 15px; }

/* home page blogs */
.blogs .title {
  height: 90px; }
  .blogs .title h2 {
    color: #679cc7;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 2em;
    text-align: left; }

.blogs p {
  font-size: 1.2em; }

.blogs .rounded {
  position: relative;
  background-color: #222;
  background-position: 25% 25%;
  border-radius: 50%;
  border: 10px solid #DEDEDE;
  overflow: hidden;
  width: 200px;
  height: 200px;
  display: block; }

.blogs :not(.slick-dots) .slick-active:first-child, .blogs :not(.slick-active) + .slick-active .item {
  border-right: 1px solid #ccc;
  padding-right: 10px;
  margin-right: 4px; }

.blogs .slick-dots {
  bottom: -20px;
  position: relative;
  padding-right: 50px; }
  .blogs .slick-dots li button {
    height: 3px;
    width: 3px; }

/* home page news */
div.news .bg-gray {
  height: 90px; }
  div.news .bg-gray:before {
    font-family: "icomoon";
    font-size: 100px;
    color: rgba(255, 255, 255, 0.15);
    position: absolute;
    bottom: -40px;
    right: 20px; }
  div.news .bg-gray.Event:before {
    content: "\e62e"; }
  div.news .bg-gray.PressRelease:before {
    content: "\e62f"; }

div.news label {
  position: absolute;
  top: 7px;
  right: 45px;
  color: #e6e6e6; }

div.news h2 {
  text-align: left;
  color: white !important;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 1.6em;
  margin-bottom: 0;
  margin-top: 20px; }

div.news .cta {
  position: absolute;
  bottom: 20px; }

div.news .slick-dots {
  bottom: -20px; }

@-webkit-keyframes Gradient {
  0% {
    background-size: 200% 200%; }
  50% {
    background-size: 400% 400%; }
  100% {
    background-size: 200% 200%; } }

@-moz-keyframes Gradient {
  0% {
    background-size: 200% 200%; }
  50% {
    background-size: 400% 400%; }
  100% {
    background-size: 200% 200%; } }

@keyframes Gradient {
  0% {
    background-size: 200% 200%; }
  50% {
    background-size: 400% 400%; }
  100% {
    background-size: 200% 200%; } }

.animated {
  opacity: 0; }

.carousel {
  background-color: #0e729b;
  transition: background-color .5s;
  /*
	too CPU intensive!
	.slick-active .tile_frame  {
		-webkit-animation: Gradient 5s ease infinite;
		-moz-animation: Gradient 5s ease infinite;
		animation: Gradient 5s ease infinite;
	}
	*/
  /* content */ }
  .carousel .tile_frame {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    background-position: right center;
    background-repeat-x: no-repeat; }
    .lblue .carousel .tile_frame {
      background-color: #679cc7; }
    .carousel .tile_frame > img {
      position: absolute;
      min-height: 650px;
      min-width: 1920px;
      right: 0; }
  .carousel .tile_content {
    position: relative;
    height: 100%;
    color: #fff;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 400; }
    .carousel .tile_content .tile_details {
      padding: 10px;
      margin-top: 90px; }
      .carousel .tile_content .tile_details a.cta {
        font-size: 1.2em;
        padding: 12px 30px;
        display: flex;
        align-items: center; }
      .carousel .tile_content .tile_details .smSize {
        font-size: .5em; }
      .carousel .tile_content .tile_details .midSize {
        font-size: 2em; }
      .carousel .tile_content .tile_details .bigSize {
        font-size: 1.4em;
        margin: 0.1em 0; }
      .carousel .tile_content .tile_details .bold {
        font-weight: bold; }
      .carousel .tile_content .tile_details .block {
        display: block; }
      .carousel .tile_content .tile_details .tile_detail_title {
        z-index: 200; }
      .carousel .tile_content .tile_details .tile_detail_content {
        z-index: 20;
        padding-bottom: 30px; }
      .carousel .tile_content .tile_details .buttons {
        z-index: 20;
        display: flex;
        justify-items: middle; }
      .carousel .tile_content .tile_details .tile_detail_content_graphic {
        z-index: 10; }
      .carousel .tile_content .tile_details .black {
        color: black; }
      .carousel .tile_content .tile_details .white {
        color: white; }
      .carousel .tile_content .tile_details h2 {
        font-size: 4em;
        margin: 5px 0;
        font-weight: 400;
        line-height: 1em;
        text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.8); }
      .carousel .tile_content .tile_details h3 {
        font-weight: 400;
        margin: 0;
        line-height: 1em; }
      .carousel .tile_content .tile_details h4 {
        text-shadow: 2px 2px 8px #000;
        margin: 10px 0; }
      .carousel .tile_content .tile_details small, .carousel .tile_content .tile_details i, .carousel .tile_content .tile_details em {
        font-size: 60%; }
      .carousel .tile_content .tile_details p {
        font-size: 1.4em;
        margin: 15px 5px; }

.carousel .silver h2 {
  color: black; }

.small-cta-boxes a {
  width: 145px;
  height: 80px;
  vertical-align: text-top;
  text-align: center; }

.mini-cta {
  padding: 5px 15px;
  background-color: rgba(255, 255, 255, 0.9);
  margin-bottom: 10px; }
  .white .mini-cta {
    background-color: #e8e6e6; }

.cta, .contactForm input.hs-button.primary {
  display: inline-block;
  margin-top: 5px;
  padding: 7px 30px;
  color: white !important;
  background-color: #ac3f77;
  text-decoration: none;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s; }
  body.notouch .cta:hover, body.notouch .contactForm input.hs-button.primary:hover {
    color: white !important;
    background-color: #679cc7;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s; }
  body.notouch .lblue .cta:hover, body.notouch .lblue .contactForm input.hs-button.primary:hover {
    background-color: #000; }
  .bg-black .cta, .bg-black .contactForm input.hs-button.primary {
    color: #222;
    background-color: white; }
    body.notouch .bg-black .cta:hover, body.notouch .bg-black .contactForm input.hs-button.primary:hover {
      background-color: #ac3f77;
      color: white; }
  .carousel .bg-black .cta, .carousel .bg-black .contactForm input.hs-button.primary {
    color: #fff;
    background-color: #ac3f77; }
    body.notouch .carousel .bg-black .cta:hover, body.notouch .carousel .bg-black .contactForm input.hs-button.primary:hover {
      background-color: #fff;
      color: #000; }

img.rounded {
  position: relative;
  border: 15px solid #00A3F0;
  border-radius: 100%;
  overflow: hidden;
  display: inline-block; }
  .lblue img.rounded {
    border-color: #cecece; }

.tooltips > div {
  text-align: center;
  margin-bottom: 10px; }
  .tooltips > div .item {
    border: 10px solid #41abd5;
    background-color: #41abd5;
    border-radius: 5px;
    position: relative;
    display: inline-block; }
    .tooltips > div .item h4 {
      color: white;
      text-transform: uppercase;
      font-weight: normal;
      margin: 3px;
      text-align: left; }
    .tooltips > div .item abbr {
      cursor: pointer;
      position: absolute;
      top: -10px;
      right: -10px;
      display: inline-block;
      width: 16px;
      height: 16px;
      border-bottom: solid 16px transparent;
      border-right: solid 16px #ac3f77;
      border-left: solid 16px transparent;
      border-top: solid 16px #ac3f77; }
      .tooltips > div .item abbr span:first-child {
        position: absolute;
        top: -16px;
        color: white;
        right: -12px;
        font-weight: bold;
        font-size: 1.3em; }
      .tooltips > div .item abbr span.pop {
        display: none;
        position: absolute;
        bottom: 16px;
        width: 300px;
        left: -220px;
        text-align: left;
        padding: 20px;
        background-color: #ac3f77;
        border-radius: 20px; }

.feature {
  height: 280px;
  text-align: center; }
  .feature h3 {
    font-weight: 600;
    margin: 10px 0;
    color: #679cc7; }

.feature-block {
  margin-bottom: 20px; }
  .feature-block .block-list {
    border: 1px solid silver;
    background-color: #eeeeee;
    padding: 20px;
    margin: 0 40px;
    font-size: 110%;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); }
    .feature-block .block-list ul {
      padding-left: 25px; }

.products .main .tile {
  margin-bottom: 10px; }
  .products .main .tile .tile_frame {
    width: calc(100% - 10px);
    background-color: #efefef; }

.products .tile {
  position: relative;
  z-index: 1;
  height: 160px; }
  .products .tile .tile_frame {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden; }
  .products .tile .tile_content {
    position: relative;
    width: 100%;
    height: 100%; }
  .products .tile .tile_label {
    position: absolute;
    top: 4px;
    right: 4px;
    padding: 2px 5px;
    background-color: silver;
    color: white;
    font-size: 11px; }
  .products .tile .tile_details {
    position: absolute;
    padding: 25px 10px 10px 15px;
    font-family: "Open Sans";
    line-height: 1.4em; }
    .products .tile .tile_details p {
      color: #000;
      font-size: 1.1em; }
    .trends .products .tile .tile_details {
      left: 10px;
      right: 1px;
      font-size: 72%; }
      .trends .products .tile .tile_details h2 {
        font-size: 25px;
        color: #3e6d9c;
        line-height: 27px;
        font-weight: bold;
        margin-bottom: 5px; }
  .products .tile .tile_details h2 {
    font-size: 2em;
    margin: 0;
    line-height: 1em;
    display: block;
    text-align: left; }
  .products .tile .tile_details h3 {
    font-weight: 300;
    margin: 0;
    line-height: 1em;
    display: block;
    text-align: left; }
  .products .tile .tile_details h4 {
    margin: 10px 0; }
  .products .tile .tile_details small, .products .tile .tile_details i, .products .tile .tile_details em {
    font-size: 60%;
    font-weight: 300;
    font-style: normal; }
  .products .tile .tile_details big, .products .tile .tile_details b, .products .tile .tile_details strong {
    font-size: 200%;
    font-weight: normal; }

/*.box .aBlock h3 {
    border-bottom: 1px solid #999;
}*/
/* social media tiles */
.sm .tile {
  float: left;
  position: relative;
  width: 41px;
  height: 41px;
  display: block;
  background-image: url("/static/images/share-icons.png");
  background-repeat: no-repeat;
  border-bottom: 2px solid white;
  border-top: 2px solid white;
  border-left: 2px solid white; }
  .sm .tile .load {
    cursor: pointer; }
  .sm .tile .sm-link {
    position: absolute;
    height: 100%;
    width: 100%; }
  .sm .tile .sm-wrap {
    display: none;
    position: absolute;
    top: -412px;
    width: 440px;
    height: 400px;
    z-index: 20;
    color: white;
    box-shadow: 2px 10px 20px black; }
    .sm .tile .sm-wrap .sm-content {
      position: absolute;
      background: white;
      margin: 30px 10px 10px;
      width: 420px;
      height: 360px; }
    .sm .tile .sm-wrap .loading {
      vertical-align: middle;
      text-align: center;
      height: 100%; }
      .sm .tile .sm-wrap .loading .center {
        color: #333;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%); }
  .sm .tile.fb {
    background-position: 0 0px; }
  .sm .tile.li {
    background-position: 0 -43px; }
    .sm .tile.tw {
        background-position: 0 -85px;
        border-right: 2px solid white;
    }
    .sm .tile.g {
        background-position: 0 -127px;
        border-right: 2px solid white;
    }
  .sm .tile.yt {
    background-position: 0 -169px;
    border-right: 2px solid white; }

.sm > div {
  position: relative; }

.tile.fb .sm-wrap {
  left: -237px; }

.tile.li .sm-wrap {
  top: -312px;
  left: -278px;
  height: 300px; }
  .tile.li .sm-wrap .sm-content {
    height: 260px; }

.tile.tw .sm-wrap {
  left: -320px;
  top: -462px;
  height: 450px; }

.tile.g .sm-wrap {
  left: -360px;
  top: -492px;
  height: 480px; }
  .tile.g .sm-wrap .sm-content {
    height: 438px; }

.tile.yt .sm-wrap {
  left: -396px; }
  .tile.yt .sm-wrap .youtubevideo {
    margin: 5px;
    color: #888;
    font-size: 11px;
    position: relative; }
    .tile.yt .sm-wrap .youtubevideo a {
      position: relative;
      display: block;
      height: 100%;
      text-decoration: none;
      color: #1b7fcc; }
      .tile.yt .sm-wrap .youtubevideo a .title {
        font-size: 14px;
        font-weight: bold;
        color: black; }
    .tile.yt .sm-wrap .youtubevideo a:hover {
      text-decoration: underline; }
    .tile.yt .sm-wrap .youtubevideo strong {
      position: absolute;
      bottom: 10px; }
    .tile.yt .sm-wrap .youtubevideo img.thumb {
      width: 100px;
      height: auto;
      float: left;
      margin: 5px;
      border: 1px solid silver; }
    .tile.yt .sm-wrap .youtubevideo .duration {
      color: white;
      background-color: black;
      position: absolute;
      top: 50px;
      left: 70px;
      padding: 1px 3px;
      opacity: .7; }

.sm-title {
  text-align: center;
  font-size: 1.4em;
  margin: 3px;
  position: absolute;
  left: 20px;
  right: 20px; }

.sm-bg {
  height: 100%;
  width: 100%;
  position: absolute; }
  .fb .sm-bg {
    background: #3B5998; }
  .li .sm-bg {
    background: #0e76a8; }
  .tw .sm-bg {
    background: #4099FF; }
  .g .sm-bg {
    background: #dd4b39; }
  .yt .sm-bg {
    background: #c4302b; }

.sm-bg:after {
  content: '';
  background: inherit;
  height: 30px;
  width: 30px;
  margin: 0 20px;
  position: absolute;
  bottom: -10px;
  z-index: -1;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 0 0 10px black; }
  .fb .sm-bg:after {
    left: 220px; }
  .li .sm-bg:after {
    left: 262px; }
  .tw .sm-bg:after {
    left: 304px; }
  .g .sm-bg:after {
    left: 346px; }
  .yt .sm-bg:after {
    left: 388px; }

/* homapage icons list */
.icons-list h3 {
  font-size: 1.3em;
  font-weight: bold !important;
  height: 35px; }

.icons-list a {
  display: block;
  text-align: center;
  position: relative;
  background-color: #679cc7;
  padding: 30px;
  margin: 10px;
  text-decoration: none;
  color: #fff;
  -webkit-transition: background 0.3s, color 0.3s;
  -moz-transition: background 0.3s, color 0.3s;
  transition: background 0.3s, color 0.3s; }
  body.notouch .icons-list a:hover span[class^="icon-"]:before {
    -webkit-animation: toRightFromLeft 0.3s forwards;
    -moz-animation: toRightFromLeft 0.3s forwards;
    animation: toRightFromLeft 0.3s forwards; }
  .icons-list a span[class^="icon-"] {
    font-size: 90px; }
    .icons-list a span[class^="icon-"]:after {
      pointer-events: none;
      position: absolute;
      width: 100%;
      height: 100%;
      border-radius: 50%;
      content: '';
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box; }
  body.notouch .icons-list a:hover {
    background-color: #ac3f77 !important;
    color: white; }

.icons-list div {
  text-align: center; }

@-webkit-keyframes toRightFromLeft {
  49% {
    -webkit-transform: translate(100%); }
  50% {
    opacity: 0;
    -webkit-transform: translate(-100%); }
  51% {
    opacity: 1; } }

@-moz-keyframes toRightFromLeft {
  49% {
    -moz-transform: translate(100%); }
  50% {
    opacity: 0;
    -moz-transform: translate(-100%); }
  51% {
    opacity: 1; } }

@keyframes toRightFromLeft {
  49% {
    transform: translate(100px); }
  50% {
    opacity: 0;
    transform: translate(-100px); }
  51% {
    opacity: 1; } }

/* homepage rounded icons */
.round-icons-list div a {
  cursor: pointer;
  position: relative;
  background-color: #222;
  border-radius: 50%;
  border: 10px solid white;
  text-align: center;
  overflow: hidden;
  width: 200px;
  height: 200px;
  display: block;
  padding: 25px;
  margin: 10px auto;
  text-decoration: none;
  color: #fff;
  line-height: 80px; }
  .round-icons-list div a span[class^="icon-"] {
    font-size: 280px;
    position: absolute;
    top: -40%;
    left: -40%;
    color: rgba(255, 255, 255, 0.1); }
  .round-icons-list div a span[class^="icon-circle-down"] {
    font-size: 32px !important;
    position: absolute;
    bottom: 20px;
    left: 42%;
    top: 73%;
    border-radius: 16px;
    color: #ac3f77;
    background-color: #222; }
    .round-icons-list div a span[class^="icon-circle-down"].focus {
      color: #fff;
      background-color: #ac3f77; }
  .round-icons-list div a h2 {
    font-size: 1.5em;
    display: block;
    vertical-align: bottom;
    line-height: normal; }
  body.notouch .round-icons-list div a:hover {
    background-color: #000; }

/* square solution page links */
div.shadow-icons-list div a {
  cursor: pointer;
  position: relative;
  background-color: #679cc7;
  overflow: hidden;
  display: block;
  padding: 15px 25px;
  margin: 12px auto;
  text-decoration: none;
  color: #fff;
  height: 355px; }
  div.shadow-icons-list div a h2 {
    display: flex;
    align-items: center;
    font-size: 2em !important;
    color: white !important; }
    div.shadow-icons-list div a h2 span[class^="icon-"] {
      font-size: 100px;
      color: #fff;
      position: relative;
      display: inline-block;
      margin-right: 10px; }
  div.shadow-icons-list div a > span:not([class^="icon-chevron-right"])[class^="icon-"] {
    font-size: 480px;
    position: absolute;
    top: -5%;
    left: 5%;
    color: rgba(255, 255, 255, 0.1); }
  div.shadow-icons-list div a span[class^="icon-chevron-right"] {
    font-size: 32px !important;
    position: absolute;
    bottom: 15px;
    right: 15px;
    border-radius: 50%;
    color: #fff;
    background-color: #ac3f77; }
    div.shadow-icons-list div a span[class^="icon-chevron-right"].focus {
      color: #ac3f77;
      background-color: #fff; }
  div.shadow-icons-list div a p {
    line-height: normal;
    font-size: 1.4em; }
  body.notouch div.shadow-icons-list div a:hover {
    background-color: #000; }

.solution-icons p {
  font-weight: bold;
  text-align: center; }

.solution-icons [class^="icon-"] {
  margin: 0 auto;
  display: block;
  width: 150px;
  text-align: center;
  line-height: 150px;
  height: 150px;
  font-size: 110px;
  color: #fff;
  background-color: #679cc7;
  border-radius: 50%;
  box-shadow: 0px 0px 2px 6px; }

.box {
  position: relative;
  padding: 15px;
  min-height: 110px; }
  .box p {
    display: inline; }
  .box.block {
    padding: 10px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    border-top: 1px solid #eee;
    margin-top: 14px; }
  .box .aBlock a {
    display: block;
    color: #679cc7;
    text-decoration: none !important;
    font-weight: normal; }
    body.notouch .box .aBlock a:hover {
      color: #ac3f77; }
  .box a {
    color: black;
    text-decoration: underline !important;
    font-weight: bold; }
  .box.blue {
    background-color: #3e6d9c;
    color: white; }
    .box.blue a {
      color: black; }
  .box.arrow-top:before {
    content: '';
    background-color: inherit;
    height: 30px;
    width: 30px;
    position: absolute;
    top: -14px;
    left: 45%;
    left: calc(50% - 7px);
    z-index: 1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .box.arrow-bottom:after {
    content: '';
    background: inherit;
    height: 30px;
    width: 30px;
    position: absolute;
    bottom: -14px;
    left: 45%;
    left: calc(50% - 7px);
    z-index: -1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }

body.notouch .hoverme:hover .box {
  background-color: #ac3f77; }

.collapse {
  background: #efefef;
  padding: 8px;
  cursor: pointer; }
  .collapse img.toggler {
    float: right; }
  .collapse a:hover, .collapse a:active, .collapse a:focus {
    text-decoration: underline; }
  .collapse .expanded {
    background: #efefef; }

.expand {
  padding: 8px;
  border-left: 1px solid #efefef;
  border-right: 1px solid #efefef;
  border-bottom: 1px solid #efefef; }

ul.nolist.docsify li {
  border-bottom: 1px solid #efefef;
  margin: 10px 0 0 0; }
  ul.nolist.docsify li .expand_ {
    margin: 0 0 10px 30px; }
    ul.nolist.docsify li .expand_ p {
      margin: 0 0 0 0;
      font-size: .9em !important; }

.borders {
  border: 2px solid #5c5c5a;
  padding: 25px; }
  .borders p {
    display: inline; }
  .borders.no-top {
    border-top: 0; }

.group {
  border-radius: 10px;
  padding: 20px;
  margin-top: 10px; }
  .group .zoom-image {
    width: 100px;
    height: 100px;
    border: 1px solid rgba(2, 2, 2, 0.1);
    box-shadow: 0px 0px 10px 10px;
    background-repeat: no-repeat;
    background-size: 225%; }
  .group.silver {
    background-color: #efefef; }
  .group h3 {
    font-size: 1.5em;
    text-align: center;
    margin-top: 0; }
  .group .item {
    border-radius: 10px;
    padding: 6px;
    background-color: white;
    margin-top: 10px; }
    .group .item a {
      display: block;
      padding-left: 15px;
      position: relative; }
      .group .item a:before {
        content: '\ea42';
        position: absolute;
        font-size: 26px;
        left: -20px;
        display: flex;
        align-content: center;
        font-family: 'icomoon';
        top: -8px; }
      .group .item a span, .group .item a strong {
        color: black; }
    .group .item span {
      padding-left: 15px;
      display: block; }

.lblue.group .item a:before {
  left: 8px;
  top: 2px; }

.lblue.group .item a {
  color: #679cc7;
  padding-left: 50px; }

.lblue.group .item span {
  padding-left: 50px; }

ul.check {
  padding: 0 0 0 25px !important; }
  ul.check li {
    list-type: none !important;
    display: block !important;
    font-size: 1.2em;
    position: relative;
    padding-top: 15px; }
    ul.check li:before {
      content: '\e046';
      font-family: 'icomoon';
      font-size: 30px;
      position: absolute;
      left: -35px;
      top: 3px; }

hr {
  border-top: 1px solid #0096D3 !important; }

.simple-box.aBlock p {
  display: block !important; }

/* training dates */
.dateSwapControl .icon-time {
  background-image: url("/src/images/ui-icons_0078ae_256x240.png");
  background-position: -80px -110px;
  display: inline-block;
  width: 16px;
  height: 16px; }

.dateSwapControl a {
  display: inline !important; }

.dateSwapControl .b {
  font-weight: bold; }

.dateSwapControl .dateSwap {
  white-space: nowrap; }

.dateSwapControl .w35 {
  width: 35px;
  display: inline-block;
  text-align: right;
  padding-right: 4px; }

/* cookie law banner */
#cookie-law {
  background: #e6e6e6;
  background: rgba(230, 230, 230, 0.7);
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 200; }

#cookie-law p {
  padding: 10px;
  font-size: .8em;
  font-weight: normal;
  text-align: center;
  color: #fff;
  background-color: #000;
  border: 1px solid white;
  margin: 5px auto;
  position: relative;
  max-width: 900px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px; }

#cookie-law .close-cookie-banner {
  position: absolute;
  top: -16px;
  right: -12px; }

#cookie-law a {
  color: #3e6d9c; }

a:link, a:visited, a:hover {
  text-decoration: none; }

/* slick carousel modifications */
.carousel {
  height: 650px; }
  .carousel .slick-track {
    height: 650px; }
  .carousel .slick-slide img {
    display: inline-block; }
    .carousel .slick-slide img .vertAlignMid {
      vertical-align: middle; }

.slickPad {
  padding: 20px 55px !important; }

.slick-slider {
  padding: 0; }

.slick-prev, .slick-next {
  width: 55px;
  height: 55px; }

.slick-prev:before, .slick-next:before {
  font-family: "icomoon";
  font-size: 50px;
  color: #679cc7; }
  .lblue .slick-prev:before, .lblue .slick-next:before {
    color: #fff; }

.slick-next:before {
  content: "\e627"; }

.slick-prev:before {
  content: "\e626"; }

.slick-dots {
  margin: 0;
  bottom: 10px; }
  .slick-dots li button {
    border: 1px solid silver;
    border-radius: 50%;
    background-color: white;
    height: 5px;
    width: 5px; }
    body.notouch .slick-dots li button:hover, .slick-dots li button:focus {
      border-color: black; }
    .slick-dots li button:before {
      content: ''; }
  .slick-dots li.slick-active button {
    /*border-color:white;*/
    background-color: black; }

/* HubSpot Embedded Forms*/
.hs-form ul,
.hs-form ul li,
.hs-form ul,
.hs-form ul li,
div.section .container .hs-form ul,
div.section .container .hs-form ul li {
  list-style: none !important;
  margin-left: 0px;
  padding-left: 5px; }

.hs-error-msgs {
  color: red; }

.hs_cos_wrapper_type_rich_text p img {
  width: 98%;
  height: 100%; }

/* helper classes */
.verticalHelper {
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.right {
  float: right; }

.left {
  float: left; }

.h125 {
  height: 125px; }

.h150 {
  height: 150px; }

.h275 {
  height: 275px; }

.lowerc {
  text-transform: lowercase; }

.center {
  text-align: center; }

.row-centered {
  text-align: center; }

.col-centered {
  display: inline-block;
  float: none;
  /* reset the text-align */
  text-align: left;
  /* inline-block space fix */
  margin-right: -4px; }

sup {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 75% !important; }

.no-padding {
  padding: 0 !important;
  margin: 0 !important; }

.dialog-inline-form .ui-widget-content {
  background: none;
  color: #333; }

.topshade {
  height: 4px;
  position: relative;
  margin: 0 auto;
  width: 100%;
  top: -50px;
  background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.2), transparent), linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, transparent 1px), linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, transparent 2px); }

/* *********************************************************************************************************************
 * Small devices
 */
/*@media only screen and (min-device-width: 1px) and (max-device-width: 767px) {*/
@media only screen and (max-width: 480px) {
  #fixednav {
    height: 50px; }
  #logo {
    background-image: url("/static/images/dialogic-logo-white-2018-280.png");
    height: 38px;
    margin: 6px;
    width: 136px !important; }
  #main-menu-mob-toggle {
    top: 7px; }
  #main-container, .body-container-wrapper {
    padding-bottom: 1050px;
    padding-top: 0; }
    #main-container .contactus, .body-container-wrapper .contactus {
      display: none; }
    #main-container .left-menu, .body-container-wrapper .left-menu {
      top: 105px; }
    #main-container div.section, .body-container-wrapper div.section {
      padding-top: 40px !important; }
      #main-container div.section h1, .body-container-wrapper div.section h1 {
        font-size: 3em; }
      #main-container div.section.header, .body-container-wrapper div.section.header {
        display: block;
        min-height: 140px;
        padding-top: 50px !important;
        padding-bottom: 0px !important; }
        #main-container div.section.header .container, .body-container-wrapper div.section.header .container {
          padding-bottom: 10px;
          min-height: 80px; }
        #main-container div.section.header h1, .body-container-wrapper div.section.header h1 {
          max-width: 100%; }
  /* slick carousel modifications */
  .carousel {
    height: 400px; }
    .carousel .tile_frame {
      background-position: left center; }
    .carousel .vertical-align {
      height: 100%; }
    .carousel .slick-track {
      height: 400px; }
    .carousel .tile_frame {
      padding-top: 50px;
      background-position: left center; }
    .carousel .tile_content .tile_details {
      height: 100%;
      margin-top: 0px; }
      .carousel .tile_content .tile_details h2 {
        font-size: 3em; }
      .carousel .tile_content .tile_details .buttons {
        position: absolute;
        bottom: 50px; }
      .carousel .tile_content .tile_details .midSize {
        font-size: 1.4em; }
      .carousel .tile_content .tile_details .bigSize {
        font-size: 1.6em; }
  .blogs.slickPad .item {
    font-size: 1.2em; }
  .slickPad {
    padding: 10px 35px !important; }
  .slick-prev, .slick-next {
    width: 35px;
    height: 35px; }
  .slick-prev:before, .slick-next:before {
    font-size: 30px; }
  .tile_content .tile_details h2 {
    font-size: 3em; }
  .icons-list a {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    transition: none !important; }
  div.news h2 {
    font-size: 1.2em; }
  div.news label {
    font-size: .9em; }
  .cta {
    padding: 7px 15px; }
  .mini-cta {
    padding: 10px 20px;
    background-color: #fff;
    font-size: 110%; }
    .white .mini-cta {
      background-color: #e8e6e6; }
  .product-search select {
    width: 360px; }
  #sub-menu,
  #search-icon,
  #main-menu,
  #menus,
  #login-info,
  #eyebrow,
  .no-mob-l {
    display: none !important; }
  .mob,
  #herospacer {
    display: block !important; }
  #main-menu-mob-toggle {
    display: inline-block; }
  /* homapage icons list */
  .icons-list a {
    position: relative;
    padding: 10px 10px;
    margin: 5px;
    overflow: hidden; }
    .icons-list a span[class^="icon-"] {
      font-size: 60px; }
  /* homepage rounded icons */
  .round-icons-list div a {
    border: 5px solid white;
    width: 130px;
    height: 130px;
    padding: 10px;
    line-height: 40px; }
    .round-icons-list div a span[class^="icon-circle-down"] {
      font-size: 22px !important; }
  .round-icons-list div h2 {
    font-size: 1.2em !important; }
  /* home page blogs */
  .blogs .title h2 {
    font-size: 1.5em; }
  .blogs p {
    font-size: 1.2em; }
  .blogs .rounded {
    border: 5px solid #f4f4f4;
    width: 150px;
    height: 150px; }
  .blogs :not(.slick-dots) .slick-active:first-child, .blogs :not(.slick-active) + .slick-active .item {
    border-right: none; }
  div.shadow-icons-list div a {
    padding: 2px 15px; }
    div.shadow-icons-list div a h2 {
      font-size: 1.8em !important; }
      div.shadow-icons-list div a h2 span[class^="icon-"] {
        font-size: 70px; }
  .hs_cos_wrapper_type_rich_text p img {
    width: 98%;
    height: 100%; }
  /* left menu */
  #menu, .menu {
    display: block;
    overflow: hidden; }
    #menu > ul ul, .menu > ul ul {
      overflow: hidden; }
    #menu > ul ul, .menu > ul ul {
      background: #808080;
      margin-left: -7px;
      display: none; }
    #menu > ul li:hover > ul, .menu > ul li:hover > ul {
      display: block; }
    #menu ul, .menu ul {
      margin: 0 0 0 -0.25em;
      border: 0; }
    #menu li a, .menu li a {
      border: 0; }
    #menu li.has-subnav > a, .menu li.has-subnav > a {
      padding-right: 2em; }
    #menu li.has-subnav > a:after, .menu li.has-subnav > a:after {
      padding: 0.8em 0.5em; }
    #menu > ul li, .menu > ul li {
      margin: 0 0.25em; }
    #menu > ul > li, .menu > ul > li {
      display: inline-block;
      position: relative; }
    #menu > ul ul, .menu > ul ul {
      position: absolute;
      top: 0;
      left: 12em;
      width: 12em; }
    #menu > ul ul li, .menu > ul ul li {
      position: relative; }
    #menu > ul ul.level-2, .menu > ul ul.level-2 {
      top: 3em;
      left: 0; }
  /* footer */
  #footer a {
    padding: 5px;
    display: block; }
  #footer ul {
    margin-left: -15px;
    margin-right: -15px; }
    #footer ul > li {
      font-size: 14px; }
  #footer #footer-last {
    margin-top: 30px;
    margin-bottom: 10px; }
    #footer #footer-last ul li:first-child {
      border: none; }
    #footer #footer-last ul {
      margin-left: -15px;
      margin-right: -15px; }
      #footer #footer-last ul li {
        padding: 0;
        border-left: none !important;
        float: none;
        display: block; } }

@media (min-width: 480px) and (max-width: 768px) {
  #main-container div.section.header {
    min-height: 140px;
    padding-top: 50px !important; }
    #main-container div.section.header .container {
      min-height: 100px;
      padding-bottom: 20px; } }

@media (min-width: 768px) and (max-width: 991px) {
  #main-container div.section.header .container {
    min-height: 100px; } }

/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 480px) and (max-width: 992px) {
  #fixednav {
    height: 50px; }
  #logo {
    background-image: url("/static/images/dialogic-logo-white-2018-280.png");
    height: 38px;
    margin: 6px;
    width: 136px !important; }
  #main-menu-mob-toggle {
    top: 7px; }
  div.section {
    padding-top: 20px !important; }
  #main-container {
    padding-bottom: 300px;
    padding-top: 0; }
    #main-container .contactus {
      display: none; }
    #main-container .left-menu {
      top: 105px; }
  .carousel {
    height: 500px; }
    .carousel .vertical-align {
      height: 100%; }
    .carousel .slick-track {
      height: 500px; }
    .carousel .tile_frame {
      padding-top: 50px;
      background-position: left center; }
    .carousel .tile_content .tile_details {
      height: 80%; }
      .carousel .tile_content .tile_details h2 {
        font-size: 3em; }
      .carousel .tile_content .tile_details .buttons {
        position: absolute;
        bottom: 50px; }
      .carousel .tile_content .tile_details .midSize {
        font-size: 1.1em; }
      .carousel .tile_content .tile_details .bigSize {
        font-size: 1.3em; }
      .carousel .tile_content .tile_details .tile_detail_content_graphic img {
        width: 50%;
        right: 0; }
  .trends .tile {
    height: 165px; }
  .main .tile_content > img {
    width: auto;
    height: 100%; }
  .blogs .rounded {
    width: 180px;
    height: 180px;
    margin-top: 10px; }
  .hs_cos_wrapper_type_rich_text p img {
    width: 90%;
    height: 100%; } }

@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
  #logo {
    /*background-image: url('/static/images/dialogic-logo-black@2x.gif') !important;*/ } }

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  div.section.header {
    padding-top: 50px !important;
    padding-bottom: 0px !important; }
    div.section.header .container {
      padding-bottom: 20px;
      min-height: 100px; }
    div.section.header h1 {
      max-width: 90%; } }

@media (min-width: 480px) and (max-width: 768px) {
  #main-container {
    padding-bottom: 750px !important; } }

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  #main-container {
    padding-top: 0px; }
  div.section.header {
    min-height: 200px;
    padding-top: 105px !important; }
  .carousel .tile_content .tile_details h2 {
    font-size: 3em; }
  .carousel .tile_content .tile_details .midSize {
    font-size: 1.5em; }
  .carousel .tile_content .tile_details p {
    font-size: 1.8em; } }

@media (max-width: 1199px) and (min-width: 992px) {
  #logo {
    width: 220px; }
  #main-menu li {
    letter-spacing: -.06em; }
  .share {
    left: calc(50% + 475px); }
  div.section.header h1 {
    max-width: 90%;
    padding-left: 50px; } }

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  div.section.header h1 {
    max-width: 85%; } }

@media (min-width: 1921px) {
  .carousel .tile_frame {
    background-size: cover; } }