@import url(../lib/bootstrap-3.3.4-dist/css/bootstrap.min.css);
/*MAIN MENU*/

#menu ul {
  /*padding: 0px;*/
  text-transform: none !important;
}

#menu ul li {
  padding: 0;
  line-height: 18px;
}

#menu ul li span.desc {
  display: block;
  font-style: italic;
  font-size: 11px;
  line-height: 12px;
  margin-left: 32px;
}

#menu ul li span.desc a {
  font-size: 11px;
  color: dimgrey;
}

#menu ul li a {
  float: none;
}

#menu ul li a.main-nav {
  font: 14px "Segoe UI", Tahoma, sans-serif;
  float: left;
  text-decoration: none;
  color: #666;
  padding: 0 14px;
  font-size: 12px;
  text-transform: none;
  font-weight: normal;
  text-transform: uppercase;
}

#menu ul li a.main-nav .caret {
  margin-left: 6px;
  margin-top: -4px;
}

#menu ul li a.main-nav:active,
#menu ul li a.main-nav:hover {
  color: #01989D;
}

#menu ul li a .lnr {
  margin-right: 0.4em;
}

/*#menu ul li a.btn:hover{
	border: none;
} THIS IS CAUSING A JUMPING */

/* Commented Backslash Hack hides rule from IE5-Mac \*/

.menu-dropdown ul li a {
  float: none;
}

/* PART OF MENU - SHOULD BE MERGED */

#menu>ul,
.menu-dropdown>ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 14px;
}

#menu>ul li {
  float: left;
  /*, .menu-dropdown>ul li  not needed anymore*/
}

#menu>ul a {
  float: left;
  color: #01989D;
  text-decoration: none;
  font-size: 14px;
}

.menu-dropdown>ul a {
  float: left;
  color: #01989D;
  text-decoration: none;
  font-size: 14px;
}

#menu-products li {
  float: none;
}

#menu-products li .menu-bucket {
  display: block;
  white-space: normal;
  padding: 1em;
  margin-right: 1em;
  border-right: solid 1px #F4F6F6;
}

#menu-products li .menu-bucket p {
  color: #666;
}

#menu-products li .menu-bucket a {
  display: inline-block;
}

#menu-products li .menu-bucket .btn {
  background: #01989D;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  border-radius: 2px;
}

#menu {
  text-align: center;
}

#menu .main {
  display: inline-block;
  margin: 0 auto;
}

/* SUBMENU DECLARATION*/

#submenu_container {
  position: fixed;
  width: 100%;
  background: rgba(255, 255, 255, 0.95);
  z-index: 899;
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
  top: 71px;
  left: 0;
}

@media only screen and (max-width: 980px) {
  #submenu_container {
    top: 103px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #submenu_container {
    top: 71px;
  }
}

#submenu_container .submenu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: wrap;
  padding: 6px 0;
  min-height: 41px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #submenu_container .submenu {
    padding: 3px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #submenu_container .submenu .submenu-column {
    margin: 0.2em auto;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #submenu_container .submenu .submenu-column .nav li a {
    margin: 6px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #submenu_container .submenu .submenu-column:last-child {
    margin: 0 auto;
  }
}

#submenu_container .submenu .nav {
  display: flex;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #submenu_container .submenu .nav {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: scroll;
  }
}

#submenu_container .submenu .nav li {
  border-right: solid 1px #F4F6F6;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #submenu_container .submenu .nav li {
    display: inline;
  }
}

#submenu_container .submenu .nav li a {
  display: inline-block;
  background: none;
  padding: 0;
  margin: 6px 12px;
  font-size: 11px;
  position: relative;
  text-transform: uppercase;
}

#submenu_container .submenu .nav li a.btn {
  background: #01989D;
  position: relative;
  top: 1px;
  transition: 0.222s;
  border: none;
  padding: 6px 12px;
  margin: 0 8px 0 0;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #submenu_container .submenu .nav li a.btn .button-text {
    display: none;
  }
}

#submenu_container .submenu .nav li a.btn .lnr {
  margin-right: 0.4em;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #submenu_container .submenu .nav li a.btn .lnr {
    margin: 0;
  }
}

#submenu_container .submenu .nav li a.btn:hover {
  background: #017f84;
}

#submenu_container .submenu .nav li a.btn-light {
  background: #DDE3E3;
  color: #666 !important;
  text-shadow: none;
}

#submenu_container .submenu .nav li a.btn-light:hover {
  background: #cfd7d7;
}

#submenu_container .submenu .nav li a.active {
  border-bottom: solid 2px #01989D;
}

#submenu_container .submenu .nav li:last-child {
  border-right: none;
}

#submenu_container .submenu .nav li:last-child a {
  padding-right: 0;
  margin-right: 0;
}

#submenu_container .submenu .nav li:last-child .btn {
  margin-right: 0;
  padding-right: 12px;
}

#submenu_container .submenu .title-column .product-subtitle {
  position: relative;
}

#submenu_container .submenu .title-column .product-subtitle .lnr {
  margin: 0 32px 0 6px;
}

#submenu_container .submenu .title-column .product-subtitle img {
  height: 32px;
  position: absolute;
  top: 50%;
  left: 12px;
  margin-top: -16px;
}

/* OVERRIDE BOOTSTRAP NAV */

/* Commented Backslash Hack hides rule from IE5-Mac \*/

/* Used to correctly pad the tops of #linked ids on pages w/ a header and a submenu */

span.header_padding {
  margin-top: -70px;
  padding-bottom: 70px;
  display: block;
}

/* Specific Dropdown Menu Styles */

#menu-products>ul,
#menu-support>ul {
  width: 980px;
  /* be specific or menus wrap and don't work right in ie7 */
}

ul.drivers li {
  float: none !important;
  margin: 10px 0;
  padding: 10px 0;
}

ul.drivers li a {
  font-size: 14px;
  text-decoration: none;
}

ul.drivers li a:hover {
  font-size: 14px;
  text-decoration: none;
}

ul.drivers li a img {
  margin-right: 10px;
}

#menu-products .dropdown-menu .col.one-third ul li {
  font-size: 12px;
  /*width: 145px; Width only affected column one in products*/
  line-height: 20px;
}

#menu-products .menu_sources .col {
  margin: 0;
  padding: 0;
}

#menu-products .menu_sources .title {
  line-height: 20px;
  font-size: 15px;
  font-weight: 400;
}

#menu-products .menu_sources br {
  line-height: 20px;
}

#menu-about>ul,
#menu-download>ul,
#menu-tech>ul {
  width: 510px;
}

#menu-about ul li,
#menu-download ul li,
#menu-order ul li,
#menu-support ul li,
#menu-tech ul li {
  margin-bottom: 14px;
  float: none;
}

/* Dropdown */

#menu .dropdown-menu {
  width: auto;
  left: auto;
  margin-top: -4px;
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
  top: 58px;
}

#menu .dropdown-menu ul {
  clear: both;
}

#menu .dropdown-menu ul li {
  list-style: none;
}

#menu .dropdown-menu ul li a {
  border-bottom: solid 1px transparent;
  transition: 0.222s;
}

#menu .dropdown-menu ul li a:hover {
  border-bottom: solid 1px #01989D;
}

#menu .dropdown-menu ul li a i {
  padding-right: 15px;
  font-size: 21px;
  color: grey;
}

#menu .dropdown-menu .section-title {
  font: 14px "Segoe UI", "Helvetica Neue", Arial, Verdana, sans-serif;
  clear: both;
  font-size: 15px;
  font-weight: 400;
  padding: 9px 0 5px;
  float: none;
  display: block;
  border-bottom: 1px solid #F4F6F6;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 10px;
}

#menu .dropdown-menu .section-title a {
  color: #000;
}

#menu .dropdown-menu p.subdesc {
  margin: 7px 0 10px;
}

#menu .dropdown-menu .title {
  float: none;
  color: #444;
  margin: 14px 0 5px;
}

#menu .dropdown-menu .section {
  border-left: 1px solid #F4F6F6;
  /*<-- This divides menu with left border*/
  height: 100%;
  min-height: 270px;
  /*This determines minimum height of menu*/
  /*background-color: $light-grey; */
  padding-left: 14px;
}

#menu .dropdown-menu .dropdown_footer {
  height: 38px;
  width: 100%;
  border-top: 1px solid #F4F6F6;
  background: #EEE;
  /*url(../img/bg-dropdown_footer.png)  repeat-x 0 -1px*/
  margin-left: -13px;
  padding-right: 22px;
}

#menu .dropdown-menu .dropdown_footer ul {
  margin-left: 10px !important;
  margin-top: 7px !important;
}

#menu .dropdown-menu .dropdown_footer ul.menu-platforms li {
  float: left;
  margin: 0 8px 10px;
}

#menu .menu-products-wrapper .dropdown-products .padder {
  padding: 1em 0;
}

#menu .menu-products-wrapper .dropdown-products .menu-product-bucket {
  display: block;
  padding: 1.5em;
  transition: 0.222s;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #menu .menu-products-wrapper .dropdown-products .menu-product-bucket {
    padding: 1em 1em 0 1em;
  }
}

#menu .menu-products-wrapper .dropdown-products .menu-product-bucket p {
  color: #666;
}

#menu .menu-products-wrapper .dropdown-products .menu-product-bucket .btn {
  background: #DDE3E3;
  border-radius: 2px;
  color: #666;
  transition: 0.222s;
}

#menu .menu-products-wrapper .dropdown-products .menu-product-bucket .btn:hover {
  background: #cfd7d7 !important;
}

#menu .menu-products-wrapper .dropdown-products .menu-product-bucket:hover .btn {
  background: #cfd7d7 !important;
}

#menu .menu-products-wrapper .dropdown-products .menu-products-left {
  padding: 0;
}

#menu .menu-products-wrapper .dropdown-products .menu-products-left a.btn {
  background: #DDE3E3 !important;
  border: none;
  color: #666 !important;
  font-size: 0.9em;
}

#menu .menu-products-wrapper .dropdown-products .menu-products-left a.btn .lnr {
  margin-left: 0.4em;
}

#menu .menu-products-wrapper .dropdown-products .menu-products-left a.btn:hover {
  background: #cfd7d7 !important;
}

#menu .menu-products-wrapper .dropdown-products .menu-products-left p {
  font-size: 1.1em;
}

#menu .menu-products-wrapper .dropdown-products .menu-products-right {
  border-left: solid 1px #DDE3E3;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #menu .menu-products-wrapper .dropdown-products .menu-products-right {
    border: none;
    float: none;
    width: auto;
  }
}

#menu .menu-products-wrapper .dropdown-products .menu-products-right ul li {
  padding: 0.2em 0;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #menu .menu-products-wrapper .dropdown-products .menu-products-right ul li {
    float: left;
    width: 50%;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #menu .menu-products-wrapper .dropdown-products .menu-products-right ul li a {
    font-size: 12px;
    margin-bottom: 6px;
  }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  #menu .menu-products-wrapper .dropdown-products .menu-row:last-child {
    height: 41px;
  }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  #menu .menu-products-wrapper .dropdown-products .menu-row {
    width: 800px;
    height: 245px;
  }
}

#menu .menu-products-wrapper .dropdown-products .menu-row .menu-title sup {
  font-size: 14px;
  top: -18px;
}

#menu .menu-products-wrapper .dropdown-products .menu-row .menu-title h3 {
  font: 14px "Segoe UI", "Helvetica Neue", Arial, Verdana, sans-serif;
  margin: 0 0 0.4em;
  border-bottom: solid 1px #DDE3E3;
  padding: 0 0 0.4em;
}

#menu .menu-products-wrapper .dropdown-products .menu-row .menu-links {
  margin-bottom: 1em;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #menu .menu-products-wrapper .dropdown-products .menu-row .menu-links {
    padding: 0 0 1em;
  }
}

#menu .menu-products-wrapper .dropdown-products .menu-row .menu-links>ul li a {
  display: inline-block;
}

#menu .menu-products-wrapper .dropdown-products .menu-row.menu-row-title h3 {
  font-size: 16px;
}

#menu .menu-products-wrapper .dropdown-products .menu-row.menu-row-supported .menu-links {
  margin: 0;
}

#menu .menu-products-wrapper .dropdown-products .menu-row .menu-products-bottom {
  padding: 0;
  border-top: solid 1px #DDE3E3;
}

#menu .menu-products-wrapper .dropdown-products .menu-row .menu-products-bottom h3 {
  font: 14px "Segoe UI", "Helvetica Neue", Arial, Verdana, sans-serif;
  margin: 0;
}

#menu .menu-products-wrapper .dropdown-products .menu-row .menu-products-bottom .menu-links {
  padding: 0;
  margin: 0;
}

#menu .menu-products-wrapper .dropdown-products .menu-row .menu-products-bottom .menu-links ul li {
  padding: 0.8em;
}

#menu .menu-products-wrapper .dropdown-products .menu-row .menu-products-bottom .menu-links ul li:first-child {
  border-right: solid 1px #DDE3E3;
}

#menu .dropdown-products {
  width: 80%;
  left: 10%;
}

#menu .dropdown-products .menu-row {
  min-height: 0;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #menu .dropdown-products .menu-row:last-child {
    display: none;
  }
}

#menu .dropdown-products li .menu-bucket {
  background: none;
  margin: 0;
  padding: 0 16px 9px;
  display: inline-block;
  border: none;
}

#menu .dropdown-products li .menu-bucket h2 {
  margin: 0;
  border-bottom: solid 1px transparent;
  display: inline-block;
  transition: 0.222s;
}

#menu .dropdown-products li .menu-bucket:hover h2 {
  border-bottom: solid 1px #01989D;
}

#menu .dropdown-products .menu-components {
  padding: 0 1em;
}

#menu .dropdown-products .menu-components ul li {
  display: inline-block;
  margin-right: 5px;
}

#menu .dropdown-products .menu-components ul li a:after {
  content: ', ';
}

#menu .dropdown-products .menu-components ul li:last-child a:after {
  content: '';
}

#menu .dropdown-products .menu-components a {
  border-bottom: solid 1px transparent;
  transition: 0.222s;
  display: inline-block;
}

#menu .dropdown-products .menu-components a h2 {
  display: inline-block;
  margin: 0;
  padding: 0;
}

#menu .dropdown-products .menu-components a h2 sup {
  font-size: 10px;
  top: -20px;
}

#menu .dropdown-products .menu-components a:hover {
  border-bottom: solid 1px #01989D;
}

#menu .dropdown-products .menu-sources {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
  background: -moz-linear-gradient(top, rgba(244, 246, 246, 0) 0%, #f4f6f6 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(244, 246, 246, 0) 0%, #f4f6f6 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(244, 246, 246, 0) 0%, #f4f6f6 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 0 1em 1em;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #menu .dropdown-products .menu-sources {
    background: none;
  }
}

#menu .dropdown-products .menu-sources ul li {
  float: left;
  width: 20%;
  text-align: center;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #menu .dropdown-products .menu-sources ul li {
    width: auto;
  }
}

#menu .dropdown-products .menu-sources ul li a {
  display: block;
  border: none;
  border-right: solid 1px #DDE3E3;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #menu .dropdown-products .menu-sources ul li a {
    border: none;
    margin-right: 5px;
  }
}

#menu .dropdown-products .menu-sources ul li:last-child a {
  border: none;
}

/* FOOTER */

ul.product-platforms {
  float: left;
  margin: 0 8px 10px;
}

#menu .dropdown-menu .dropdown_footer ul.menu-platforms li a {
  font-size: 0.85em;
}

.dropdown_footer p {
  margin: 8px 0 0 10px;
}

/*ICONS*/

a .icon-nav {
  -ms-opacity: 0.7 !important;
  opacity: 0.7 !important;
  background-repeat: no-repeat;
}

a:hover .icon-nav {
  -ms-opacity: 1 !important;
  opacity: 1 !important;
  background-position: -75px -8px;
  /* grey position background-position:-17px -8px;*/
}

/*
	used to pad sections so that #links can reference them correctly
	otherwise, since submenu is 'fixed' the id points to a location under the submenu
*/

.padding-submenu {
  margin-top: -113px;
  padding-top: 113px;
}

ul.menu-platforms li {
  -moz-min-width: 165px;
  -ms-min-width: 165px;
  -o-min-width: 165px;
  -webkit-min-width: 165px;
  min-width: 165px;
  margin: 2px 0;
}

ul.menu-platforms li.soon a {
  color: dimgrey !important;
  pointer-events: none;
  cursor: default;
}

ul.menu-platforms li.profile {
  background: url("../img/top-left.png") no-repeat top left;
}

ul.menu-platforms li i {
  padding-right: 1px !important;
  margin-left: 2px !important;
}

ul.menu-platforms li a:hover {
  text-decoration: none !important;
}

ul.csv {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.csv li {
  display: inline-block;
  margin-right: 10px;
}

ul.csv li:after {
  content: ",";
}

ul.csv li:last-child:after {
  content: "";
}

#menu .mobile-menu-close {
  display: none;
}

.mobile-expanded {
  position: fixed;
  left: 40%;
}

.mobile-expanded .mobile-menu .mobile-menu-trigger {
  display: none;
}

.mobile-menu {
  display: none;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .mobile-menu {
    display: block;
  }
  .mobile-menu .mobile-menu-trigger {
    display: block;
    height: 68px;
    width: 40px;
    line-height: 68px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
  }
  .mobile-menu .mobile-menu-trigger .lnr {
    font-size: 28px;
    line-height: 68px;
  }
  .mobile-menu #menu {
    transition: none;
    background: #F4F6F6;
    border-top: solid 2px #737373;
    position: fixed;
    left: -40%;
    top: 0;
    height: 100%;
    width: 40%;
  }
  .mobile-menu #menu .mobile-menu-close {
    display: block;
    height: 68px;
    width: 47px;
    line-height: 68px;
    text-align: center;
  }
  .mobile-menu #menu .mobile-menu-close .lnr {
    font-size: 26px;
    line-height: 68px;
  }
  .mobile-menu #menu .main {
    display: block;
    margin: 0;
  }
  .mobile-menu #menu .main li {
    float: none;
  }
  .mobile-menu #menu .main li a.main-nav {
    padding: 1em;
    display: block;
    float: none;
    border-bottom: solid 1px #DDE3E3;
    text-align: left;
  }
  .mobile-menu #menu .main li a.main-nav .caret {
    display: none;
  }
  .mobile-menu #menu .dropdown-menu {
    position: fixed;
    left: 0;
    top: 0;
    margin: 0;
    border: none;
    box-shadow: none;
    border-radius: 0;
    left: 40%;
    width: 60%;
    height: 100%;
    z-index: 890;
    border-top: solid 2px #737373;
  }
  .mobile-menu #menu .dropdown-menu.dropdown-products li:first-child .menu-bucket {
    margin: 0;
    border: none;
  }
}

a.btn,
input.btn {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  background-color: #01989D;
  margin: 0 8px 0 0;
  padding: 9px 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  vertical-align: inherit !important;
  color: white !important;
  background: #01989D;
  text-align: center;
  text-shadow: 0px -1px 1px rgba(48, 17, 0, 0.25);
  cursor: pointer;
  zoom: 1;
}

a.btn.tiny {
  font-size: 10px;
  line-height: 14px;
  padding: 2px 6px;
  margin: 10px 5px 0 0;
}

a.btn.small {
  font-size: 12px;
  line-height: 20px;
  padding: 4px 8px;
}

a.btn.medium {
  font-size: 16px;
  line-height: 20px;
  padding: 8px 12px;
}

a.btn.large {
  display: inline-block;
  font-size: 20px;
  line-height: 20px;
  padding: 14px 20px;
  border-radius: 4px;
  margin-bottom: 10px;
  font-weight: lighter;
}

.center {
  text-align: center;
}

#menu ul li a.btn,
a.btn.blue,
button {
  color: White !important;
  background: #177CB8;
  background-image: -moz-linear-gradient(top, #177CB8 0%, #126698 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #177CB8), color-stop(100%, #B30A00));
  background-image: -webkit-linear-gradient(top, #177CB8 0%, #126698 100%);
  background-image: -o-linear-gradient(top, #177CB8 0%, #126698 100%);
  background-image: -ms-linear-gradient(top, #177CB8 0%, #126698 100%);
  background-image: linear-gradient(top, #177CB8 0%, #126698 100%);
  -pie-background: linear-gradient(top, #177CB8 0%, #126698 100%);
}

button.close {
  color: #333 !important;
}

button.btn {
  background: #DB2800;
}

button.btn:hover {
  background: #E82100;
}

a.btn.red {
  color: White !important;
  background: #DB2800;
  background-image: -moz-linear-gradient(top, #DB2800 0%, #B30A00 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DB2800), color-stop(100%, #B30A00));
  background-image: -webkit-linear-gradient(top, #DB2800 0%, #B30A00 100%);
  background-image: -o-linear-gradient(top, #DB2800 0%, #B30A00 100%);
  background-image: -ms-linear-gradient(top, #DB2800 0%, #B30A00 100%);
  background-image: linear-gradient(top, #DB2800 0%, #B30A00 100%);
  -pie-background: linear-gradient(top, #DB2800 0%, #B30A00 100%);
}

a.btn.red:hover {
  color: White !important;
  background: #E82100;
  background: -moz-linear-gradient(top, #E82100 0%, #C10500 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E82100), color-stop(100%, #C10500));
  background: -webkit-linear-gradient(top, #E82100 0%, #C10500 100%);
  background: -o-linear-gradient(top, #E82100 0%, #C10500 100%);
  background: -ms-linear-gradient(top, #E82100 0%, #C10500 100%);
  background: linear-gradient(top, #E82100 0%, #C10500 100%);
  -pie-background: linear-gradient(top, #E82100 0%, #C10500 100%);
}

/*Site Blue*/

a.btn.blue {
  color: White !important;
  background: #4386F9;
  background-image: -moz-linear-gradient(top, #4386F9 0%, #2d61ba 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4386F9), color-stop(100%, #B30A00));
  background-image: -webkit-linear-gradient(top, #4386F9 0%, #2d61ba 100%);
  background-image: -o-linear-gradient(top, #4386F9 0%, #2d61ba 100%);
  background-image: -ms-linear-gradient(top, #4386F9 0%, #2d61ba 100%);
  background-image: linear-gradient(top, #4386F9 0%, #2d61ba 100%);
  -pie-background: linear-gradient(top, #4386F9 0%, #2d61ba 100%);
}

a.btn.blue:hover {
  color: White !important;
  background: #4386F9;
  background-image: -moz-linear-gradient(top, #5693fa 0%, #2563cd 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5693fa), color-stop(100%, #2563cd));
  background-image: -webkit-linear-gradient(top, #5693fa 0%, #2563cd 100%);
  background-image: -o-linear-gradient(top, #5693fa 0%, #2563cd 100%);
  background-image: -ms-linear-gradient(top, #5693fa 0%, #2563cd 100%);
  background-image: linear-gradient(top, #5693fa 0%, #2563cd 100%);
  -pie-background: linear-gradient(top, #5693fa 0%, #2563cd 100%);
}

/*Home Button Blue*/

.home a.btn {
  color: White !important;
  /*	background: rgba(0,153,244,.67); */
  background: #01989D;
  border: 1px solid white;
}

.home a.btn:hover {
  color: White !important;
  background: rgba(0, 153, 244, 0.85);
  border: 1px solid rgba(0, 153, 244, 0.67);
}

/*Subscription Button Red*/

.subscription a.btn {
  color: White !important;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.25);
}

.subscription a.btn:hover {
  color: White !important;
  background: #E82100;
  border: 1px solid rgba(255, 255, 255, 0.15);
}

a.btn.grey {
  color: white !important;
  background: #c0c0c0;
  background-image: -moz-linear-gradient(top, #c0c0c0 0%, #a4a4a4 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c0c0c0), color-stop(100%, #a4a4a4));
  background-image: -webkit-linear-gradient(top, #c0c0c0 0%, #a4a4a4 100%);
  background-image: -o-linear-gradient(top, #c0c0c0 0%, #a4a4a4 100%);
  background-image: -ms-linear-gradient(top, #c0c0c0 0%, #a4a4a4 100%);
  background-image: linear-gradient(top, #c0c0c0 0%, #a4a4a4 100%);
  -pie-background: linear-gradient(top, #c0c0c0 0%, #a4a4a4 100%);
}

a.btn.grey:hover {
  color: white !important;
  background: #c9c9c9;
  background: -moz-linear-gradient(top, #c9c9c9 0%, #b2b2b2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c9c9c9), color-stop(100%, #b2b2b2));
  background: -webkit-linear-gradient(top, #c9c9c9 0%, #b2b2b2 100%);
  background: -o-linear-gradient(top, #c9c9c9 0%, #b2b2b2 100%);
  background: -ms-linear-gradient(top, #c9c9c9 0%, #b2b2b2 100%);
  background: linear-gradient(top, #c9c9c9 0%, #b2b2b2 100%);
  -pie-background: linear-gradient(top, #c9c9c9 0%, #b2b2b2 100%);
}

a.btn.transparent {
  color: grey !important;
  background: transparent;
  border: 1px solid #F4F6F6;
}

a.btn.transparent:hover {
  color: #777 !important;
  background: transparent;
  border: 1px solid #777;
}

a.btn.transparent i {
  color: #777;
}

/*Bootstrap Overide Fixes input-group z-index change in 3.3.2*/

.input-group-btn>.btn {
  z-index: 2;
}

/* footer */

footer {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
  background: -moz-linear-gradient(top, #f4f6f6 0%, rgba(244, 246, 246, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f4f6f6 0%, rgba(244, 246, 246, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f4f6f6 0%, rgba(244, 246, 246, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
  /* IE6-9 */
  border-top: solid 1px #DDE3E3;
  padding-top: 2em;
}

footer .footer-column {
  float: left;
  width: 20%;
}

footer .footer-column li a {
  display: block;
  padding: 0.4em 0;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  footer .footer-column {
    width: auto;
    float: none;
    text-align: center;
  }
}

#richfooter {
  margin: 0 auto;
  width: 100%;
  min-height: 200px;
  position: relative;
  overflow: hidden;
  font-size: 12px;
  border-top: 1px solid #F4F6F6;
  background: #F4F6F6;
  margin-top: 40px;
}

#richfooter .content {
  margin: 0 auto;
  padding: 20px 7px 9px 8px;
  width: 960px;
  position: relative;
  overflow: hidden;
}

#richfooter .content .linkgroup {
  float: left;
}

#richfooter .content .linkgroup ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#richfooter .content .linkgroup ul li {
  margin-bottom: 5px;
}

#richfooter .content .linkgroup ul a {
  text-decoration: none;
}

#richfooter .content .linkgroup ul a:hover {
  color: gray;
  text-decoration: underline;
}

#richfooter .content .header {
  text-transform: uppercase;
  margin: 0 40px 6px 0;
  padding: 0 0 6px;
  display: block;
  font-family: "Segoe UI Light", "Segoe UI", sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #707070;
}

#footer {
  font-size: 12px;
  position: relative;
}

#footer ul {
  float: right;
  list-style: none;
  padding: 0;
  margin: 0;
  color: #000;
}

@media only screen and (max-device-width: 480px) and (min-device-width: 320px) {
  #footer ul {
    float: none;
  }
}

#footer li {
  padding: 0 4px;
  display: inline-block;
  vertical-align: middle;
}

#footer .menu1 li {
  border-left: solid 1px #DDE3E3;
}

#footer li:first-child {
  background: none;
  border: none;
}

#footer .menu1 {
  float: left;
}

@media only screen and (max-device-width: 480px) and (min-device-width: 320px) {
  #footer .menu1 {
    float: none;
    margin-bottom: 0.4em;
  }
}

#footer .menu3 a {
  background: #01989D;
  width: 16px;
  height: 16px;
  font-size: 10px;
  color: #fff;
  display: inline-block;
  border-radius: 2px;
  text-align: center;
}

#footer .menu3 a:hover {
  background: #01b1b6;
}

#footer .menu3 a span {
  line-height: 16px;
}

/*Footer Icons*/

ul.clear {
  padding: 0;
  margin: 0;
}

li.icon {
  list-style: none;
  padding: 2px 0 0 25px;
  margin-left: 5px;
  margin-right: 5px;
  cursor: hand;
}

span.icon {
  display: inline-block;
  height: 17px;
  width: 17px;
  background-position: center center !important;
  float: left;
  padding: 0 5px 0 0 !important;
  cursor: hand;
}

#footer .facebook {
  background: url("../img/icon_facebook.png") no-repeat left top;
}

#footer .twitter {
  background: url("../img/icon_twitter.png") no-repeat left top;
}

#footer .rss {
  background: url("../img/icon_rss.png") no-repeat left top;
}

#footer .linked {
  background: url("../img/icon_linked.png") no-repeat left top;
}

.secondary-footer {
  border-top: solid 1px #F4F6F6;
  padding: 1em 0;
  text-align: center;
}

.secondary-footer-list li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 1em;
}

#demo_container {
  position: relative;
}

#demo_container .demos {
  overflow: hidden;
  height: 360px;
  position: relative;
}

#demo_container .demo_next,
#demo_container .demo_prev {
  position: absolute;
  display: block;
  z-index: 60;
  height: 50px;
  width: 39px;
  background-image: url(../img/arrows.png);
  top: 150px;
}

#demo_container .demo_next {
  background-position: 100% 0;
  right: -40px;
}

#demo_container .demo_prev {
  background-position: 0 0;
  left: -40px;
}

#demo_container ul {
  margin: 0px;
}

#demo_container ul li {
  width: 193px;
  height: 140px;
  margin: 0px 10px 15px;
  list-style: none;
  float: left;
  padding: 15px;
  font-size: 12px;
  border: 1px solid #F4F6F6;
  border: 1px solid #cfcfcf;
  background-color: white;
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
}

#demo_container ul li span {
  display: inline-block;
  width: 190px;
  font-size: 18px;
  border-bottom: 1px solid #F4F6F6;
  padding-bottom: 10px;
  font-family: "Segoe UI Light", sans-serif;
  font-weight: 300;
}

.hero {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6fdff+0,d7f5ff+20,f4f6f6+100&0.7+0,1+90 */
  background: -moz-linear-gradient(top, rgba(209, 253, 255, 0.7) 0%, rgba(255, 255, 255, 0.77) 20%, #f0f6f7 90%, #f4f6f6 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(209, 253, 255, 0.7) 0%, rgba(255, 255, 255, 0.77) 20%, #f0f6f7 90%, #f4f6f6 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(209, 253, 255, 0.7) 0%, rgba(255, 255, 255, 0.77) 20%, #f0f6f7 90%, #f4f6f6 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3d6fdff', endColorstr='#f4f6f6', GradientType=0);
  background-size: cover;
  padding-top: 39px;
  position: relative;
  z-index: 2;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .hero {
    padding-top: 59px;
  }
}

.hero h1:empty,
.hero h3:empty,
.hero p:empty {
  display: none;
}

.hero .container {
  position: relative;
  z-index: 2;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .hero .container {
    display: block;
  }
}

.hero .container .hero-column {
  text-align: center;
  padding: 2em 0 0;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .hero .container .hero-column {
    width: auto;
  }
}

.hero .container .hero-column img {
  max-width: 100%;
  display: block;
  height: 300px;
  margin: 0 auto;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .hero .container .hero-column img {
    height: auto;
  }
}

.hero .container .hero-column.no-width img {
  width: auto;
  height: auto;
}

.hero .container .hero-column.hero-no-img {
  padding: 4em 0;
}

.hero .container .hero-img {
  text-align: center;
}

.hero .container .hero-text h3 {
  font-size: 1.8em;
  margin-bottom: 1em;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .hero .container .hero-text {
    text-align: center;
    margin-bottom: 1em;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .hero .container .hero-text .btn {
    margin: 0.4em 0;
    display: block;
  }
}

#component .features li {
  margin-bottom: 1.25em;
  list-style: none;
}

#component .features li:before {
  content: "\f0c8";
  /* FontAwesome Unicode */
  font-family: 'Eldos-Icons';
  font-size: 0.5em;
  display: inline-block;
  margin-left: -2em;
  /* same as padding-left set on li */
  width: 2em;
  /* same as padding-left set on li */
}

/* New Style */

.component-container {
  padding: 20px 210px 20px 210px;
}

.component-illustration {
  margin: 60px 0px 10px 30px;
  width: 400px;
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
}

.component-features {
  padding-bottom: 20px;
}

/*Product Hero Background*/

#hero_background {
  margin: 0 auto;
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #F4F6F6;
  min-height: 320px;
}

#hero_background.prod {
  margin: 0 auto;
  background-color: #fff;
}

#hero_container h2 {
  color: black;
  font-size: 38px;
  line-height: 41px;
  margin-top: 50px;
  margin-bottom: 20px;
}

#hero_background.as2 {
  background: url(../../solutions/as2/img/background_hero.png);
  border-bottom: 0px solid transparent;
  width: 1240px;
}

.content_container.grey,
.container_grey,
.container_gradient {
  width: 100%;
  margin: 0 auto;
  background-color: #F4F6F6;
  /*$light-grey*/
  padding: 60px 0px;
}

.container_clear {
  width: 100%;
  margin: 0 auto;
  background-color: #F4F6F6;
  /*$light-grey*/
  padding: 60px 0px;
  background-color: white;
}

.container_grey {
  padding: 30px 0px;
}

.container_gradient {
  background: linear-gradient(#ecf0f1, #fff 80px);
}

.provider-quickbooks {
  background: url(../img/qbHero.png) repeat-x;
}

/* Main Features Section */

.product_features,
#features_list {
  margin: 0px 10px 24px 10px;
}

.product_features li {
  float: left;
  line-height: 20px;
  margin: 0px 5px 15px 10px;
  list-style: none;
}

#product_logos li {
  float: left;
  line-height: 20px;
  margin: 0px 5px 15px 10px;
  list-style: none;
  width: 167px;
  margin-left: 20px;
}

.product_features li {
  width: 461px;
}

.product_features li p {
  margin: 5px 0 0 18px;
}

.product_features li ul {
  margin-top: 10px;
  margin-left: 20px;
}

.product_features li ul li {
  margin-bottom: 3px;
}

#prod-demos h1 {
  /* intentional hack */
  margin-left: 10px;
}

/*Gateway List*/

ul.prod-gateways li {
  float: left;
  width: 192px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 5px 40px 5px 0px;
  list-style: none;
}

/* Download list*/

.prod_download {
  margin: 5px 10px 5px 0px;
  width: 224px;
  float: left;
  min-height: 126px;
}

.prod_download p.small i {
  font-size: 12px;
  line-height: 14px;
}

.download {
  width: 70px;
  color: black;
  padding-bottom: 11px;
  border: 1px solid #F4F6F6;
  height: 59px;
  margin: 0px 10px 5px 0px;
}

.download.active {
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
}

.hover_action:hover .download,
.prod-img.active,
.hover_action:hover .prod-img {
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
}

/*Download Filter*/

/*#product-item-filter li:first-child {
	margin-top: 9px;
	margin-right: 5px;
}*/

/* Technology list */

.hover_action:hover .tech {
  background-position: center -93px;
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
}

.tech-support {
  background: url(../img/img-support.png) no-repeat center top;
}

.tech-net {
  background: url(../img/img-net.png) no-repeat 50% top;
}

.tech-asp {
  background: url(../img/img-asp.png) no-repeat 50% top;
}

.tech-activex {
  background: url(../img/img-activex.png) no-repeat 50% top;
}

.tech-php {
  background: url(../img/img-php.png) no-repeat 50% -1px;
}

.tech-delphi {
  background: url(../img/img-delphi.png) no-repeat 50% top;
}

.tech-builder {
  background: url(../img/img-builder.png) no-repeat 50% top;
}

.tech-java {
  background: url(../img/img-java.png) no-repeat 50% top;
}

.tech-cpp {
  background: url(../img/img-cpp.png) no-repeat 50% top;
}

.tech-mac {
  background: url(../img/img-mac.png) no-repeat 50% top;
}

.tech-ios {
  background: url(../img/img-ios.png) no-repeat 50% top;
}

.tech-android {
  background: url(../img/img-android.png) no-repeat 50% top;
}

.tech-winphone {
  background: url(../img/img-winphone.png) no-repeat 50% top;
}

.tech-windows,
.tech-rt {
  background: url(../img/img-windows.png) no-repeat 50% top;
}

.tech-linux,
.tech-unix {
  background: url(../img/img-linux.png) no-repeat 50% top;
}

.tech-biztalk {
  background: url(../img/img-biztalk.png) no-repeat 50% top;
}

.tech-ssis {
  background: url(../img/img-ssis.png) no-repeat 50% top;
}

.tech-wf {
  background: url(../img/img-wf.png) no-repeat 50% top;
}

.tech-wcf {
  background: url(../img/img-wcf.png) no-repeat 50% top;
}

.tech-powershell {
  background: url(../img/img-powershell.png) no-repeat 50% top;
}

.tech-support {
  background: url(../img/img-support.png) no-repeat 50% top;
}

.tech-xamarin {
  background: url(../img/img-xamarin.png) no-repeat 50% top;
}

.tech-python {
  background: url(../img/img-python.png) no-repeat 50% top;
}

.tech-nodejs {
  background: url(../img/img-nodejs.png) no-repeat 50% top;
}

/*PRODUCT SQUARE IMAGES*/

.prod-img {
  width: 70px;
  color: black;
  border: 1px solid transparent;
  height: 70px;
  margin: 10px 10px 5px 0px;
}

/*Platform Logos Horizontal Lists*/

ul.product-platforms li {
  float: left;
  list-style: none;
  margin: 0 15px 5px 0;
  opacity: .5;
}

ul.product-platforms li:hover {
  opacity: 1;
  transition: 0.222s;
}

#hero_container {
  position: relative;
  width: 980px;
  margin: 0 auto;
  /*margin-bottom: 20px;*/
  height: 100%;
  /*background: url('../img/hero1.png') no-repeat 74px 30px;*/
}

#hero_container.products {
  position: relative;
  width: 980px;
  margin: 0 auto;
  margin-left: 120px;
  min-height: 320px;
}

#hero {
  width: 980px;
  min-height: 260px;
  padding: 0px 0 0 0;
}

#hero.sub {
  height: 258px;
}

#hero.sub #product_description {
  height: 258px;
}

#hero.as2 {
  min-height: 365px;
}

#product_image {
  padding-top: 10px;
  padding-left: 30px;
  width: 352px;
  /*443px original*/
  float: right;
  opacity: .7;
  z-index: 2;
}

#product_image2 {
  /*margin-top: 72px;*/
  width: 340px;
  height: 332px;
  float: right;
  top: 0;
}

#product_image.adapter {
  margin-top: 0px;
  width: 626px;
  height: 332px;
  opacity: 1;
}

#product_image.adapter a.btn {
  position: relative;
  float: right;
  margin-top: 309px;
  z-index: 890;
}

.btn-spacer {
  height: 40px;
}

#ports_nav {
  width: 100%;
  height: 56px;
  background-color: #ECF0F1;
  border-bottom: 1px solid #fff;
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
}

#ports_nav ul {
  width: 980px;
  margin: 0 auto;
}

#ports_nav ul li {
  float: left;
  list-style: none;
  width: 108px;
}

#ports_nav ul li p {
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  border-left: 2px solid white;
  margin-bottom: 0px;
}

#ports_nav ul li p:last-child {
  border-right: 2px solid white;
}

#ports_nav ul li a {
  display: block;
  height: 20px;
  padding: 15px 0px 22px;
}

#ports_nav ul li a:hover {
  background-color: #F4F6F6;
}

#ports_nav ul li span {
  position: relative;
  height: 22px;
  width: 22px;
  display: block;
  margin: -10px auto 0;
  /*background-image: url(../../solutions/as2/img/mft_nav_arrow.png);*/
}

#ports_nav ul li i {
  font-size: 20px;
  color: #ACACAC;
  margin-right: 10px;
}

#ports_nav .item-logo {
  display: none;
  width: 110px;
  margin-left: -110px;
}

#ports_nav .item-logo a {
  position: relative;
  display: inline-block;
  height: 57px;
  padding: 0px;
}

#ports_nav .item-btn-download {
  width: 5px;
  display: none;
}

#ports_nav .item-btn-download a {
  padding: 5px 5px 10px 5px;
  width: 120px;
  margin: 10px 0px 5px 5px;
}

#ports_nav.fix-menu-null .item-logo,
#ports_nav.fix-menu-null .item-btn-download {
  display: inline-block !important;
}

/*When the page is scroll down pas the logo, the menu moves over and the logo is inserted in the menu.*/

/*AS2 Hero Nav*/

#as2_nav {
  width: 100%;
  height: 65px;
  background: url(../../solutions/as2/img/mft_nav_background.png) repeat-x 2px;
}

#as2_nav ul {
  width: 980px;
  margin: 0 auto;
}

#as2_nav ul li {
  float: left;
  list-style: none;
  width: 240px;
}

#as2_nav ul li p {
  text-align: center;
  text-transform: uppercase;
  font-size: 13px;
  border-right: 1px solid white;
  border-left: 2px solid white;
  margin-bottom: 0px;
}

#as2_nav ul li a {
  display: block;
  height: 20px;
  padding: 15px 0px 22px;
}

#as2_nav ul li a:hover {
  background-color: #F4F6F6;
}

#as2_nav ul li span {
  position: relative;
  height: 22px;
  width: 22px;
  display: block;
  margin: -10px auto 0;
  background-image: url(../../solutions/as2/img/mft_nav_arrow.png);
}

#as2_nav ul li i {
  font-size: 20px;
  color: #ACACAC;
  margin-right: 10px;
}

#as2_nav .item-logo {
  display: none;
  width: 110px;
  margin-left: -110px;
}

#as2_nav .item-logo a {
  position: relative;
  display: inline-block;
  height: 57px;
  padding: 0px;
}

#as2_nav .item-btn-download {
  width: 5px;
  display: none;
}

#as2_nav .item-btn-download a {
  padding: 5px 5px 10px 5px;
  width: 120px;
  margin: 10px 0px 5px 5px;
}

#as2_nav.fix-menu-null .item-logo,
#as2_nav.fix-menu-null .item-btn-download {
  display: inline-block !important;
}

/*When the page is scroll down pas the logo, the menu moves over and the logo is inserted in the menu.*/

/*Platform Hero*/

#platform_description {
  height: 100px;
  font-size: 19px;
  line-height: 32px;
  font-weight: 300;
  margin-bottom: 10px;
}

#plaftform_intro {
  margin-top: 20px;
  width: 500px;
  float: left;
}

/*Product Hero*/

#product_description {
  /*width:470px;*/
  min-height: 284px;
  margin: 20px 10px 10px;
  float: left;
}

#product_description.landing {
  width: 578px;
  margin: 10px;
}

.product_title {
  font-family: "Open Sans", "Segoe UI Light", "Segoe UI", sans-serif;
  font-size: 86px;
  line-height: 86px;
  color: #505050;
  font-weight: 300;
  font-style: normal;
  letter-spacing: -2px;
}

.product_subtitle {
  font-size: 24px;
}

.product_title.landing {
  font-size: 48pt;
  /*margin-top: 12pt;*/
}

#product_description>ul {
  list-style: none;
}

#product_description>p {
  margin-top: 10px;
  margin-bottom: 12px;
}

.product_class {
  font-family: "Segoe UI Light", "Segoe UI", sans-serif;
  font-size: 32px;
  font-weight: 300;
  color: #BABABA;
  padding-left: 60px;
  overflow: hidden;
}

.product_components {
  font-size: 12px;
  width: 195px;
  color: #000000;
  text-align: right;
  list-style: none;
  float: left;
  margin-left: 20px;
}

.solution {
  position: relative;
  width: 980px;
  clear: both;
  padding: 15px 0 10px 20px;
  cursor: pointer;
  border-bottom: 1px solid #F4F6F6;
}

.solution .icon {
  float: left;
  margin-right: 25px;
  width: 95px;
  height: 90px;
}

.solution .icon img {
  margin-top: 5px;
  height: 90px;
  width: 90px;
}

.solution .details {
  float: left;
  line-height: 1.5em;
  padding-top: 4px;
  margin-right: 20px;
  width: 590px;
}

.solution .details p {
  margin-bottom: 5px;
  padding: 0;
}

.solution .links {
  padding-top: 10px;
}

.solution .links span {
  width: 100px;
}

/*Technology Products (ADO.NET, JDBC, ODATA, etc.)*/

.provider,
.subscription,
.core {
  width: 200px;
  height: 48px;
  padding: 5px 0 5px 5px;
}

.provider {
  float: left;
  border: 1px solid #f1f1f1;
  margin-bottom: 5px;
}

.provider.small-list {
  width: 200px;
  height: 30px;
  padding: 7px 0 2px 3px;
}

.provider.small-list img {
  position: relative;
  float: left;
  margin: 2px 4px;
  bottom: 0px;
}

.provider:hover {
  cursor: pointer;
}

.subscription,
.core,
.api_driver {
  float: left;
  border: 1px solid #f1f1f1;
  margin-bottom: 5px;
}

/*API Driver*/

.fixed {
  position: fixed;
}

#api_nav>ul li {
  list-style: none;
  margin: 0px;
  line-height: 2em;
}

#api_nav ul ul li {
  list-style: none;
  margin-left: 10px;
  padding: -10px;
}

#api_nav ul ul li a {
  /*color: grey;*/
}

#api_nav ul li ul {
  display: none;
}

#api_nav ul li.active ul {
  display: block;
}

#api_nav li a i {
  float: right;
  margin-top: 5px;
  display: none;
}

#api_nav li.active a i {
  float: right;
  margin-top: 7px;
  display: block;
}

#api_nav ul {
  margin: 0px !important;
}

#api_nav ul li.active>a {
  color: black;
  font-weight: 500;
}

#api_nav h3 {
  margin-top: 0px;
}

/*cancels download.aspx:394*/

#api h2 {
  text-align: center;
}

#api_nav .submenu a {
  padding: 0px;
}

/*correct the effect of bootstrap style*/

#api_drivers h2+h3 {
  margin-bottom: 1.5em;
}

#api_content .intro {
  min-height: 570px;
  position: relative;
}

#api_content .api_news span.date {
  color: #F4F6F6;
  margin-right: 10px;
}

#api_content .api_news ul li {
  list-style: none;
  margin: 8px 0px;
}

#api_content .intro p.build {
  margin-left: 25px;
}

#api_content .intro p.profile {
  margin-left: 20px;
}

/*adjustment for visual centerdness*/

/*adjustment for visual centerdness*/

.api_technologies .window {
  background: #fff;
  display: block;
  margin-bottom: 20px;
}

.padding-sub {
  margin-top: -90px;
  padding-top: 90px;
}

/*Drivers Coming Soon*/

.coming_soon {
  background: url("../img/comingsoon.png") no-repeat;
  height: 250px;
  width: 123px;
  position: absolute;
  top: -20px;
  left: -20px;
}

.core {
  width: 207px;
}

.subscription {
  height: 48px;
  width: 260px;
}

.subscription.active {
  border: 1px solid #287ABB;
}

.provider-inner {
  margin-top: 10px;
}

.subscription-inner {
  margin-left: 55px;
}

.subscription-inner .buttons {
  float: left;
  margin: 8px 0 0 -5px;
}

.provider img,
.subscription img,
.core img {
  position: relative;
  float: left;
  margin: 0px 2px;
  bottom: 4px;
}

.subscription img {
  margin-top: 12px;
  margin-right: 15px;
  width: 50px;
}

.provider h3,
.subscription h3,
.core h3 {
  font-size: 21px;
  line-height: 30px;
  margin: 6px 0 5px;
  white-space: nowrap;
  overflow: hidden;
}

.subscription h3 {
  margin: 7px 0 0px;
}

/*	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}*/

.provider a,
.subscription a {
  float: right;
  margin: 0px 10px 5px 0px;
}

/*Extensions*/

.provider:hover,
.subscription:hover,
.extension a:hover,
.solution:hover {
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
}

.extension a {
  width: 148px;
  padding: 10px 0px;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: center;
  list-style: none;
  float: left;
  border: 1px solid #efefef;
  height: 100%;
  vertical-align: middle;
  display: inline-block;
}

/* Fadebox*/

.fadebox {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="$light-grey");
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(248, 248, 248, 0.4)), color-stop(100%, #F4F6F6));
  background-image: -webkit-linear-gradient(top, rgba(248, 248, 248, 0.6), #F4F6F6);
  background-image: -moz-linear-gradient(top, rgba(248, 248, 248, 0.6), #F4F6F6);
  background-image: -o-linear-gradient(top, rgba(248, 248, 248, 0.6), #F4F6F6);
  background-image: linear-gradient(top, rgba(248, 248, 248, 0.6), #F4F6F6);
  content: "\0020";
  display: block;
  width: 220px;
  height: 160px;
  position: absolute;
  overflow: hidden;
}

/* Specs & Features Accordion*/

.specs .panel {
  margin-right: 20px;
  margin-top: 5px !important;
  padding-top: 10px;
  list-style: none !important;
  background: none !important;
}

.specs .panel div {
  margin-left: 18px;
}

.specs .panel a i {
  color: #F4F6F6;
  font-size: 16px;
}

/*Adapters Modal */

.modal .close {
  /* Positions Close Button within .modal-content*/
  margin: -20px -10px;
}

.modal-body {
  padding: 30px;
}

/* Accordion + Order Page */

#accordion a.accordion-toggle {
  background-color: whitesmoke;
  border: 1px solid #F4F6F6;
  display: block;
  list-style: none;
  margin: 0 0 8px 0;
  padding: 10px 20px;
  text-decoration: none;
}

#accordion .panel {
  -webkit-box-shadow: none;
  box-shadow: none;
}

#news-accordion a h5 {
  margin-bottom: 15px;
}

#faq .panel h3 {
  margin-bottom: 15px;
  margin-left: 26px;
  text-indent: -25px;
}

#faq .panel p,
#faq .panel ul {
  margin-left: 26px;
  margin-bottom: 16px;
}

.accordion-toggle {
  color: black;
}

a.accordion-toggle:hover {
  color: dimgray;
  text-decoration: none;
}

a.accordion-toggle:active,
a.accordion-toggle:link {
  text-decoration: none;
}

.ordertable td {
  padding: 0px 10px 15px 10px;
}

/* WINDOW & PRE*/

pre {
  margin-bottom: 20px;
}

.window p {
  margin-bottom: 10px;
}

/*Tech Details*/

.leftnav {
  min-height: 336px;
}

.leftnav ul {
  list-style: none;
  margin-left: 0px !important;
}

.leftnav li {
  list-style: none;
  margin-left: 0px !important;
  line-height: 2.5em !important;
}

.leftnav li a {
  display: block;
  padding: 0px !important;
}

.leftnav li a i {
  line-height: 2.5em !important;
  float: right;
}

.leftnav .submenu {
  min-height: 0;
  margin: 0px;
}

.leftnav li.submenu {
  margin-left: 20px !important;
}

.leftnav span {
  display: block;
  font-size: 9px;
  color: #5D5D5D;
  text-transform: uppercase;
}

.leftnav li.active a {
  color: black;
  font-weight: 500;
  text-decoration: none;
}

.tab-content {
  padding-left: 10px;
  min-height: 350px;
}

.tech-details .tab-content {
  border-left: 1px solid #F4F6F6;
}

#port_details_nav.fixed {
  position: fixed;
  top: 125px;
}

/*AS2 Page
.navlinks { min-height: 486px; width: 320px; }
.navlinks li{list-style: none; margin-left: 0px !important;}
.navlinks li a { display: block; }
.navlinks li a i+h3 {height: 100%; display: inline-block; }
.navlinks li a i {margin-right: 10px; position: relative ; bottom: 3px;}
.navlinks.submenu {min-height: 0; margin: 0 0 15px 25px;}
.navlinks.submenu li {line-height: 1.2em !important;margin-bottom:5px;}*/

.carousel_nav {
  position: relative;
  top: 34px;
  float: right;
  z-index: 899;
}

#AS2_carousel {
  min-height: 358px;
}

.carousel_nav a {
  color: #A7A7A7;
  font-size: 22px;
}

.carousel_nav a:hover {
  color: #7F7F7F;
}

.as2-slide .hover_box {
  width: 200px;
  float: left;
}

.hover_box ul li,
.release ul li {
  padding-left: 5px;
  list-style: none;
}

.hover_box ul li {
  margin: 3px 10px 10px 0px;
  padding: 0px 5px;
}

/*.hover_box p {	margin: 6px;}*/

.as2-case {
  background: url(../img/as2-slider-case.png) no-repeat;
  height: 380px;
}

/*override boostrap border on .panel*/

#TechDetails .panel {
  background-color: transparent;
  border: 0px solid transparent;
}

#TechDetails .panel p {
  margin-bottom: 8px;
}

#TechDetails.tab-content {
  display: block;
  border-left: 1px solid #F4F6F6;
  min-height: 624px;
  padding-left: 20px;
}

#introboxes .window {
  height: 125px;
}

/*Section Backgrounds*/

#section_background {
  border-bottom: 0px solid transparent;
  width: 1238px;
  vertical-align: bottom;
  margin: 0 auto;
  min-height: 100%;
}

#section_background .content_container {
  margin-bottom: 0px;
  width: 960px;
}

.grey_section {
  width: 960px;
  margin: 0 auto;
}

.partners,
.best,
.technology {
  margin-top: -78px;
}

#section_background.partners,
#container_gradient.partners {
  background: url(../../solutions/as2/img/background_partners.png) no-repeat center bottom;
  margin-top: 0px;
}

#section_background.best {
  background: url(../../solutions/as2/img/background_best.png) no-repeat center bottom;
}

#section_background.technology {
  background: url(../../solutions/as2/img/background_tech.png) no-repeat center bottom;
  /*	height:760px;
*/
  margin-bottom: -62px;
}

#section_background .navlinks {
  list-style: none;
}

#hero-nav .navlinks {
  list-style: none;
}

#section_background .navlinks>li,
#hero-nav .navlinks>li {
  margin-left: 0px !important;
  padding: 10px 0px;
}

#section_background .navlinks>li h3,
#hero-nav .navlinks>li h3 {
  display: inline;
  padding-left: 3px;
}

#section_background .panel-group,
#hero-nav .panel-group {
  margin-bottom: 0px;
}

.logoContainer {
  width: 113px;
  height: 45px;
  float: left;
  overflow: hidden;
  position: relative;
}

.padding-subnav {
  margin-top: -113px;
  padding-top: 113px !important;
  /*Overrides ..content_container padding*/
}

/* copied from cdata */

#product-item-filter li {
  margin-left: 0px;
}

.driver_group {
  margin: 0px;
  padding: 0px;
}

.driver_group ul {
  margin: 0px;
}

.driver_group .tab {
  display: none;
}

.driver_group .tab.active {
  display: block;
}

.driver_group li {
  list-style-type: none;
  margin-right: 12px;
  padding: 5px 0 0 5px;
  margin-left: 0px !important;
  cursor: pointer;
}

.driver_group li.soon {
  background-color: whitesmoke;
  opacity: 0.6;
}

.section-slice {
  position: relative;
  overflow: hidden;
}

.section-slice:after {
  content: " ";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: -50%;
  left: 0;
  transform: skewY(3deg);
  background: #F4F6F6;
}

.section-slice p {
  display: inline-block;
  border-radius: 2px;
  padding: 1em;
  position: relative;
  z-index: 2;
  background: #fff;
  border: solid 1px #DDE3E3;
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .section-slice p {
    width: 85%;
  }
}

.section-overview .item {
  margin-bottom: 2em;
}

.section-overview .item .item-img {
  text-align: center;
}

.section-overview .item .item-img .lnr {
  display: block;
  background: #fff;
  border: solid 1px #DDE3E3;
  padding: 32px 16px;
  border-radius: 2px;
  font-size: 64px;
  color: #ea6755;
}

.section-components {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
  background: -moz-linear-gradient(top, rgba(244, 246, 246, 0) 0%, #f4f6f6 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(244, 246, 246, 0) 0%, #f4f6f6 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(244, 246, 246, 0) 0%, #f4f6f6 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
}

.section-components hr {
  margin: 1em 0 2em;
}

.section-components .component {
  padding: 0 8px;
}

@media only screen and (max-width: 980px) {
  .section-components .component {
    width: auto;
  }
}

.section-components .component a {
  background: #fff;
  display: block;
  padding: 1em;
  transition: 0.222s;
  position: relative;
  border-radius: 2px;
  margin-bottom: 1em;
  border: solid 1px #DDE3E3;
}

.section-components .component a:after,
.section-components .component a:before {
  position: absolute;
  left: 24px;
  bottom: 18px;
  width: 10px;
  height: 10px;
  content: ' ';
  border-radius: 10px;
}

.section-components .component a:hover {
  background: #fff;
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
  border-color: #DDE3E3;
}

.section-components .component a:hover .learn-more {
  opacity: 1;
}

.section-components .component a img {
  position: absolute;
  top: 8px;
  left: 8px;
  height: 45px;
}

.section-components .component a h3 {
  color: #01989D;
}

.section-components .component a h3:after {
  position: absolute;
  left: 24px;
  bottom: 18px;
  width: 10px;
  height: 10px;
  content: ' ';
  border-radius: 10px;
}

.section-components .component a h3,
.section-components .component a p {
  padding-left: 40px;
}

.section-components .component a h3 {
  font-size: 24px;
}

.section-components .component a p {
  margin: 0;
  min-height: 66px;
  color: #666;
  font-size: 0.9em;
}

@media only screen and (max-width: 980px) {
  .section-components .component a p {
    min-height: 0;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .section-components .component a p {
    min-height: 0;
  }
}

.section-components .component a .learn-more {
  position: absolute;
  bottom: 0.4em;
  right: 0.4em;
  opacity: 0;
  font-size: 0.8em;
  transition: 0.222s;
}

.section-components .component a .learn-more .lnr {
  margin-left: 0.4em;
}

.section-components .component.pro a:after {
  background: #02769e;
  display: none;
}

.section-components .component.std a:before {
  background: #02999e;
  bottom: 33px;
  display: none;
}

.section-components .component.lite h3:after {
  background: #029e80;
  bottom: 48px;
  display: none;
}

.section-components .add-on {
  padding: 0 8px;
  margin-bottom: 1em;
}

.section-components .add-on a {
  background: #fff;
  border: solid 1px #DDE3E3;
  border-radius: 2px;
  padding: 1em;
  display: block;
  position: relative;
  transition: 0.222s;
}

.section-components .add-on a img {
  position: absolute;
  top: 8px;
  left: 8px;
  height: 45px;
}

.section-components .add-on a h3 {
  color: #01989D;
  font-size: 24px;
  min-height: 31px;
}

.section-components .add-on a h3,
.section-components .add-on a p {
  padding-left: 40px;
}

.section-components .add-on a p {
  color: #666;
  margin: 0;
  font-size: 0.95em;
  padding-bottom: 22px;
}

.section-components .add-on a:hover {
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
}

.section-components .add-on a .note {
  background: #F4F6F6;
  padding: 0.4em;
  font-size: 0.8em;
  display: block;
  text-align: center;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0;
}

.section-components .add-on .crypto-left {
  padding: 0;
}

.section-components .add-on .crypto-right {
  padding: 1em 0;
}

.section-platforms {
  position: relative;
  overflow: hidden;
}

.section-platforms:after {
  content: " ";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: -50%;
  left: 0;
  transform: skewY(3deg);
  background: #F4F6F6;
}

.section-platforms:after {
  height: 400px;
  top: -220px;
}

.section-platforms .padder {
  padding: 0;
  position: relative;
  z-index: 2;
}

.section-platforms .platform-list li {
  text-align: center;
  padding: 0 8px;
}

.section-platforms .platform-list li a {
  background: #fff;
  display: block;
  border: solid 1px #DDE3E3;
  padding: 1em;
  transition: 0.222s;
  position: relative;
  border-radius: 2px;
  margin-bottom: 1em;
}

.section-platforms .platform-list li a img {
  height: 40px;
}

.section-platforms .platform-list li a:hover {
  border-color: #DDE3E3;
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
  position: relative;
  z-index: 2;
}

.section-platforms .platform-list li a h3 {
  margin: 0;
}

.section-platforms .platform-list .active {
  position: relative;
  z-index: 2;
}

.section-platforms .platform-list .active a {
  border-color: #DDE3E3;
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
}

.platform-list-container {
  padding: 2em 0;
}

.platform-list-container .platform-list {
  border-left: solid 5px #DDE3E3;
  margin: 0;
}

.platform-list-container .platform-list li {
  width: 16.6666%;
  float: left;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .platform-list-container .platform-list li {
    width: auto;
    float: none;
  }
}

.platform-list-container .platform-list li h3 {
  font-size: 21px;
}

.platform-list-container .platform-list li.platform-list-title {
  padding: 10px 0px;
}

.platform-list-container .platform-list li.platform-list-title h3 {
  margin: 0;
}

.platform-list-container .platform-list li .platform-list-inner {
  border-right: solid 1px #DDE3E3;
  position: relative;
}

.platform-list-container .platform-list li .platform-list-inner:after {
  content: ' ';
  position: absolute;
  right: 4px;
  bottom: 4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 8px 8px;
  border-color: transparent transparent #DDE3E3 transparent;
  display: none;
}

.platform-list-container .platform-list li .platform-list-inner .platform-header {
  background: #fff;
  padding: 0.4em 1em;
  position: relative;
}

.platform-list-container .platform-list li .platform-list-inner .platform-header h3 {
  margin: 0;
  color: #01989D;
}

.platform-list-container .platform-list li .platform-list-inner .platform-header h3 .lnr {
  font-size: 16px;
  margin-left: 1em;
  display: none;
}

.platform-list-container .platform-list li .platform-list-inner .platform-header img {
  width: 32px;
  margin-right: 0.4em;
  position: relative;
  top: -1px;
}

.platform-list-container .platform-list li .platform-list-inner .platform-caption {
  background: #F4F6F6;
  border: solid 1px #DDE3E3;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 101%;
  height: 300px;
  margin-left: -1px;
  margin-top: -1px;
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
  padding: 60px 16px 16px;
  z-index: 99;
  cursor: default;
}

.platform-list-container .platform-list li .platform-list-inner .platform-caption p {
  text-align: left;
  margin: 0;
  font-size: 0.75em;
}

.platform-list-container .platform-list li .platform-list-inner:hover .platform-header {
  background: #fff;
  z-index: 100;
}

.platform-list-container .platform-list li .platform-list-inner:hover .platform-header h3 {
  background: none;
}

.platform-list-container .platform-list li .platform-list-inner:hover .platform-caption {
  display: block;
  height: auto;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .platform-list-container .platform-list li .platform-list-inner {
    border: none;
    border-bottom: solid 1px #DDE3E3;
  }
}

.platform-list-container .platform-list li img {
  width: 64px;
}

.platform-list-container .platform-list li p {
  display: none;
}

.platform-list-container .platform-list li:hover .platform-list-inner p {
  display: block;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .platform-list-container .platform-list {
    border: none;
    border-top: solid 5px #DDE3E3;
  }
}

.included-section {
  text-align: center;
  position: relative;
  overflow: hidden;
  padding: 2em 0;
  overflow: visible;
}

.included-section:after {
  content: " ";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: -50%;
  left: 0;
  transform: skewY(2deg);
  background: #F4F6F6;
}

.included-section:after {
  height: 120%;
  top: -60%;
}

.included-section .included {
  display: inline-block;
  border-radius: 2px;
  padding: 1em;
  position: relative;
  z-index: 2;
  background: #fff;
  border: solid 1px #DDE3E3;
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
  margin: 0 1em;
}

.included-section .included h3 {
  display: inline-block;
  margin: 0 0.4em 0 0;
  vertical-align: middle;
  font-size: 18px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .included-section .included h3 {
    margin: 0;
    display: block;
  }
}

.included-section .included .included-label {
  color: #fff;
  padding: 0.4em;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.4em;
  width: 70px;
  border-radius: 30px;
  text-transform: uppercase;
  font-size: 11px;
}

.included-section .included .included-label.included-pro {
  background: #02769e;
}

.included-section .included .included-label.included-standard {
  background: #02999e;
}

.included-section .included .included-label.included-lite {
  background: #029e80;
}

.included-section .included .included-label:last-child {
  margin-right: 0;
}

.included-section .included-platforms {
  display: inline-block;
  position: relative;
  z-index: 2;
  margin: 1em 0 0 0;
}

.included-section .included-platforms li {
  display: inline-block;
  padding: 0 12px;
  border-right: solid 1px #DDE3E3;
}

.included-section .included-platforms li:last-child {
  border: none;
}

/*mobile style*/

@media screen and (max-width: 640px) {
  .full {
    width: 300px;
  }
}

.intro-features {
  margin-bottom: 4em;
}

.intro-features .row {
  border: solid 1px #DDE3E3;
  margin: -1px 0 0;
}

.intro-features .row .col-md-4 {
  padding: 1em;
}

.intro-features .row .col-md-8 {
  padding: 1em;
  border-left: solid 1px #DDE3E3;
}

.intro-features .row h4 {
  margin: 0;
}

.intro-features .row:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.intro-features .row:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.platform-intro {
  margin-bottom: 4em;
}

.platform-section {
  margin-bottom: 4em;
}

.platform-section .platform-img .platform-img-inner {
  background: #fff;
  border: solid 1px #F4F6F6;
  padding: 2em;
  border-radius: 2px;
  display: inline-block;
  width: 75%;
}

.platform-section .platform-img .platform-img-inner img {
  width: 100px;
}

.platform-section .platform-txt ul:last-child,
.platform-section .platform-txt p:last-child {
  margin-bottom: 0;
}

.obb-intro-feautres .row {
  padding: 2em 1em;
  border-radius: 2px;
}

.panel-collapse.in {
  overflow: hidden;
}

#hero_home {
  background: #fff;
  margin: 0 auto;
  position: relative;
}

#hero_sbb {
  height: 300px;
  width: 960px;
  margin: 0 auto;
  position: relative;
}

#news,
.home_slide {
  width: 100%;
  border-bottom: 1px solid #F4F6F6;
}

.hero_slide {
  height: 420px;
  overflow: hidden;
  width: 100%;
  background: #000;
}

.hero_slide.ports {
  height: 100%;
  margin-left: -480px left 50%;
}

.hero_slide.home {
  background: white url("../img/home-temp.png") no-repeat center 0;
  border-bottom: 0 solid transparent;
}

#hero_sbb .hero_slide {
  background: url("../img/sbb-hero.png") no-repeat center center;
}

.hero_slide.apple {
  background: #fff url("../img/slide2-temp.png") no-repeat center bottom;
  border-bottom: 0 solid transparent;
}

.hero_slide.case-studies {
  background: #01989D url("../img/home-hero-as4.jpg") no-repeat center bottom;
  border-bottom: 0 solid transparent;
  color: white;
}

.hero_slide.case-studies .headline {
  width: 450px !important;
  color: white !important;
}

.hero_slide.new {
  background: #FA9433;
  border-bottom: 0 solid transparent;
}

.hero_slide.grow {
  background-size: cover;
}

.hero_slide .slogan {
  background: url("../img/slogan-back_.png") no-repeat center;
  position: absolute;
  left: 50%;
  /*	text-align: center;*/
  top: 50px;
  width: 960px;
  margin-left: -480px;
}

.hero_slide .content {
  width: 960px;
  margin: 0 auto;
}

.hero_slide .content .headline {
  margin-top: 55px;
  width: 600px;
}

.hero_slide.apple .headline {
  margin-top: 85px;
  width: 960px;
}

.hero_slide.bmw .headline {
  margin-top: 65px;
  width: 600px;
}

.hero_slide .content.left {
  margin-left: -300px;
}

.hero_slide .headline.right {
  right: 0;
}

.hero_slide .content h1 {
  font-size: 42px;
  line-height: 1.2em;
}

.hero_slide .content p {
  font-size: 1.2em;
  color: #333;
  margin-top: 10px;
  line-height: 1.5em;
}

.hero_slide .text {
  color: white;
  padding: 40px 20px 20px;
  max-width: 460px;
  word-wrap: break-word;
}

.text h1 {
  line-height: 1.2em;
  font-size: 6em;
}

.text h1+h3 {
  margin-top: 0;
}

.hero_slide .text .btn {
  margin-top: 24px;
}

.case {
  margin-right: 10px;
  padding: 8px 0 0 5px;
}

.case:hover {
  background-position: 50% -93px;
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
}

.case ul li {
  padding-left: 5px;
  list-style: none;
}

.release ul li {
  padding-left: 5px;
  list-style: none;
}

.case ul li {
  margin: 3px 0 10px;
}

.sub-group {
  padding: 15px;
  background-position: 50% -93px;
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
}

ol.carousel-indicators li {
  color: #efefef;
  text-indent: 0 !important;
  border: 0;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  width: 12px;
  margin: 0;
}

ol.carousel-indicators li.dark {
  /*color: black;*/
}

.content_container.businesses {
  margin-bottom: 0;
}

.container_gradient.cards,
.container_grey.cards {
  padding: 0;
}

.carousel-control {
  z-index: 25;
  width: 5%;
}

.carousel-control .fa-chevron-circle-left,
.carousel-control .fa-chevron-circle-right {
  position: absolute;
  top: 45%;
  display: inline-block;
  font-size: 30px;
}

.carousel-control.right i {
  left: 0;
}

.carousel-control.left {
  background-image: none;
}

.carousel-control.left i {
  right: 0;
}

.carousel-control.right {
  background-image: none;
  right: 15px;
}

@media only screen and (max-width: 1100px) {
  .hero_slide.case-studies .content {
    margin-left: 7%;
  }
}

@media only screen and (max-width: 1100px) {
  .hero_slide.bmw .content .headline {
    padding-right: 50px;
  }
}

#hero_home .hero_next {
  position: absolute;
  display: block;
  z-index: 60;
  height: 50px;
  width: 50px;
  background-image: url("../img/slider-arrows.png");
  top: 183px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  opacity: 0.2;
  filter: alpha(opacity=20);
}

#hero_home .hero_prev {
  position: absolute;
  display: block;
  z-index: 60;
  height: 50px;
  width: 50px;
  background-image: url("../img/slider-arrows.png");
  top: 183px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  opacity: 0.2;
  filter: alpha(opacity=20);
  background-position: 0 0;
  left: 0;
}

#hero_home .hero_next {
  background-position: 100% 0;
  right: 0;
}

.carousel-indicators {
  bottom: 0 !important;
}

.hero_slide h1 {
  font-size: 48px;
  line-height: 54px;
  margin: 20px 0 0;
  color: black;
}

.hero_slide h1.large {
  font-size: 64px;
  line-height: 1.1em;
  margin: 30px 0 0;
  /*	-webkit-text-shadow: 0px 2px 2px rgba(25,25,112,.4);
	-moz-text-shadow: 0px 2px 2px rgba(25,25,112,.4);
	text-shadow: 0px 2px 2px rgba(25,25,112,.4);*/
}

.hero_slide h2 {
  font-size: 38px;
  line-height: 41px;
  margin-top: 50px;
  margin-bottom: 20px;
}

.hero_slide h3 {
  font-size: 32px;
  line-height: 36px;
  margin-top: 2px;
  font-weight: 700;
  -webkit-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
  -moz-text-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.6);
}

.hero_slide h3.regular {
  font: 16px "Open Sans", "Helvetica Neue", Arial, Verdana, sans-serif;
  font-weight: bold;
  color: #4D4D4D;
  /**/
  margin-top: 8px;
  /*-webkit-text-shadow: 0 2px 2px rgba(0,0,0,.1);
	-moz-text-shadow: 0 2px 2px rgba(0,0,0,.1);
	text-shadow: 0px 2px 2px rgba(0,0,0,.1);*/
}

.img-background {
  pointer-events: none;
}

.img-background .img-wrap {
  position: absolute;
  top: 0;
  z-index: -1;
  left: -50%;
  width: 200%;
  height: 200%;
}

.img-background img {
  display: block;
  margin: auto;
  max-width: none;
}

/* Home Accordion */

#accordion ul {
  font-size: 13px;
  list-style: none;
  margin-bottom: 10px;
  font-weight: 400;
}

#accordion ul.adapt,
#accordion ul.prod,
#accordion ul.technology {
  margin-top: 5px;
}

#accordion ul.prod li,
#accordion ul.technology li {
  margin: 0 10px 10px;
  float: left;
  width: 120px;
}

#accordion ul.adapt li {
  margin: 5px 0 0 10px;
}

/* News, Awards, & Clients */

.home-container {
  width: 980px;
  margin: 20px auto;
}

#news {
  background-color: #F4F6F6;
  overflow: auto;
  padding-bottom: 44px;
}

#news .home-container {
  height: 250px;
}

#news-accordion {
  width: 440px;
}

#news .panel {
  background: none;
  border: 1px solid transparent;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  box-shadow: none;
}

#news .panel p {
  margin-bottom: 10px;
}

#awards ul li {
  float: left;
  width: 50px;
  height: 50px;
  list-style: none;
  margin: 10px 25px;
  padding: 0 20px;
  background: url("../img/laurel.png") no-repeat;
}

#partners ul li {
  list-style: none;
  float: left;
  margin-right: 20px;
}

#partners ul li img {
  max-height: 41px;
  height: auto;
  width: 120px;
}

/*Client Carousel*/

#client-carousel {
  width: 960px;
  height: 60px;
  padding: 10px 0;
  overflow: hidden;
}

/* QUOTE */

#quote {
  margin: 0 0 1em;
}

#quote .item {
  height: 163px;
  margin-bottom: 10px;
}

#quote p {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 0;
  font-weight: 300;
}

#quote p span {
  display: inline-block;
  float: right;
  font-weight: 500;
  margin-right: 20px;
}

span.quote-right {
  float: right;
  display: inline-block;
  width: 16px;
  height: 12px;
  background: url("../img/quote-right.png") no-repeat;
}

span.quote-left {
  float: left;
  display: block;
  width: 16px;
  height: 9px;
  margin-bottom: 116px;
  margin-right: 12px;
  background: url("../img/quote-left.png") no-repeat;
}

/*QUOTE SECTION FADE*/

.carousel.fade {
  opacity: 1;
}

.carousel.fade .item {
  -moz-transition: opacity ease-in-out 0.7s;
  -o-transition: opacity ease-in-out 0.7s;
  -webkit-transition: opacity ease-in-out 0.7s;
  transition: opacity ease-in-out 0.7s;
  left: 0 !important;
  opacity: 0;
  visibility: hidden;
  filter: alpha(opacity=100);
  /* ie fix */
  top: 0;
  position: absolute;
  width: 100%;
  display: block !important;
  z-index: 1;
}

.carousel.fade .item:first-child {
  top: auto;
  position: relative;
}

.carousel.fade .item.active {
  opacity: 1;
  visibility: visible;
  filter: alpha(opacity=100);
  /* ie fix */
  -moz-transition: opacity ease-in-out 0.7s;
  -o-transition: opacity ease-in-out 0.7s;
  -webkit-transition: opacity ease-in-out 0.7s;
  transition: opacity ease-in-out 0.7s;
  z-index: 2;
}

/* Home List */

/*ToDo Move to Products*/

ul.homelist li {
  width: 304px;
  list-style: none;
  padding-bottom: 30px;
  margin-bottom: 10px;
  border-bottom: 1px solid #F4F6F6;
  line-height: 1.4em !important;
  margin-left: 0 !important;
  margin-top: 20px !important;
}

ul.homelist span {
  display: inline-block;
  padding-top: 2px;
  width: 60px;
  float: left;
  color: #656565;
}

a .square {
  display: inline-block;
  float: left;
  height: 38px;
  text-align: center;
  margin-bottom: 5px;
  width: 45px;
  margin-right: 5px;
  padding: 0 2px;
  background-repeat: no-repeat;
  background-position: -4px -4px;
  margin: 0 auto;
}

a:hover .square,
a .square {
  background-position: -62px -4px;
}

p.highlight+a.btn {
  margin-left: 0;
  margin-top: 15px;
}

p.subtitle+h1 {
  margin-top: -5px;
  margin-bottom: 30px;
}

#hero-container .item {
  background: #F4F6F6;
  height: 450px;
  width: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #hero-container .item {
    height: 596px;
  }
}

#hero-container .item .container {
  display: table;
  height: 100%;
}

#hero-container .item .container .img {
  display: table-cell;
  vertical-align: middle;
}

#hero-container .item .container .text {
  width: 80%;
  display: table-cell;
  vertical-align: middle;
  position: relative;
  z-index: 2;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #hero-container .item .container .text {
    width: 80%;
  }
}

#hero-container .item .container .text h1,
#hero-container .item .container .text h2,
#hero-container .item .container .text h3,
#hero-container .item .container .text p,
#hero-container .item .container .text ul {
  color: #fff;
}

#hero-container .item .container .text ul {
  margin-bottom: 1em;
  margin-left: 0;
  list-style: square;
}

#hero-container .item .container .text ul li {
  margin-bottom: 0.4em;
  display: inline-block;
  font-size: 1.2em;
  margin-right: 0.4em;
  list-style: square;
}

#hero-container .item .container .text ul li:after {
  content: ", ";
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #hero-container .item .container .text ul li {
    display: block;
    padding: 0;
    background: 0;
  }
}

#hero-container .item .container .text ul li .lnr {
  margin-right: 0.4em;
  display: none;
}

#hero-container .item .container .text ul li:last-child:after {
  content: '';
}

#hero-container .item .container .text img {
  max-width: 100%;
}

#hero-container .item .container .text h1 {
  font-size: 3.6em;
  margin-bottom: 0.4em;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #hero-container .item .container .text h1 {
    font-size: 2em;
  }
}

#hero-container .item .container .text p {
  font-size: 1.3em;
}

#hero-container .item .container .text a {
  color: #01989D;
}

#hero-container .item .container .text a:hover {
  color: #01c9d0;
}

#hero-container .item .container .text a.btn {
  background: #F4F6F6;
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
  text-shadow: none;
  transition: 0.222s;
  color: #666 !important;
}

#hero-container .item .container .text a.btn:hover {
  background: #e6ebeb;
}

#hero-container .item:after {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6fdff+0,d7f5ff+20,f4f6f6+100&0.7+0,1+90 */
  background: -moz-linear-gradient(top, rgba(209, 253, 255, 0.7) 0%, rgba(255, 255, 255, 0.77) 20%, #f0f6f7 90%, #f4f6f6 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(209, 253, 255, 0.7) 0%, rgba(255, 255, 255, 0.77) 20%, #f0f6f7 90%, #f4f6f6 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(209, 253, 255, 0.7) 0%, rgba(255, 255, 255, 0.77) 20%, #f0f6f7 90%, #f4f6f6 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3d6fdff', endColorstr='#f4f6f6', GradientType=0);
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

#hero-container .item.slide-1:after {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebfeff+0,f4f6f6+100&0.1+70,0.7+100,1+100 */
  background: -moz-linear-gradient(top, rgba(235, 254, 255, 0.1) 0%, rgba(241, 248, 249, 0.1) 70%, #f4f6f6 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(235, 254, 255, 0.1) 0%, rgba(241, 248, 249, 0.1) 70%, #f4f6f6 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(235, 254, 255, 0.1) 0%, rgba(241, 248, 249, 0.1) 70%, #f4f6f6 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1aebfeff', endColorstr='#f4f6f6', GradientType=0);
  /* IE6-9 */
}

#hero-container .item.slide-1 .text h1,
#hero-container .item.slide-1 .text p {
  color: #01989D;
}

#hero-container .item.slide-1 .text p {
  color: #666;
}

#hero-container .item.slide-1 .text a.btn {
  background: #01989D;
  color: #fff !important;
}

#hero-container .item.slide-1 .text a.btn:hover {
  background: #017f84;
}

#hero-container .item.slide-2 .text {
  width: 80%;
}

@media only screen and (max-width: 980px) {
  #hero-container .item.slide-2 .text {
    width: 100%;
  }
}

#hero-container .item.slide-2 .text h1,
#hero-container .item.slide-2 .text p {
  color: #01989D;
}

#hero-container .item.slide-2 .text p {
  color: #666;
}

#hero-container .item.slide-2 .text ul li {
  background: rgba(1, 152, 157, 0.1);
  color: #01989D;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #hero-container .item.slide-2 .text ul li {
    background: none;
    color: #666;
  }
}

#hero-container .item.slide-2 .text a.btn {
  background: #01989D;
  color: #fff !important;
}

#hero-container .item.slide-2 .text a.btn:hover {
  background: #017f84;
}

#hero-container .item.slide-3:after {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebfeff+0,f4f6f6+100&0.1+70,0.7+100,1+100 */
  background: -moz-linear-gradient(top, rgba(235, 254, 255, 0.1) 0%, rgba(241, 248, 249, 0.1) 70%, #f4f6f6 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(235, 254, 255, 0.1) 0%, rgba(241, 248, 249, 0.1) 70%, #f4f6f6 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(235, 254, 255, 0.1) 0%, rgba(241, 248, 249, 0.1) 70%, #f4f6f6 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1aebfeff', endColorstr='#f4f6f6', GradientType=0);
  /* IE6-9 */
}

#hero-container .item.slide-3 .text h1,
#hero-container .item.slide-3 .text p {
  color: #01989D;
}

#hero-container .item.slide-3 .text p {
  color: #666;
}

#hero-container .item.slide-3 .text a.btn {
  background: #01989D;
  color: #fff !important;
}

#hero-container .item.slide-3 .text a.btn:hover {
  background: #017f84;
}

#hero-container .item.slide-4 .text h1,
#hero-container .item.slide-4 .text p {
  color: #01989D;
}

#hero-container .item.slide-4 .text p {
  color: #666;
}

#hero-container .item.slide-4 .text a.btn {
  background: #01989D;
  color: #fff !important;
}

#hero-container .item.slide-4 .text a.btn:hover {
  background: #017f84;
}

#hero-container .item.slide-2-1 {
  background-color: #01989D;
  background-image: url(../img/home/1.jpg);
  background-position: 50% 50%;
}

@media only screen and (max-width: 1100px) {
  #hero-container .item.slide-2-1 {
    background-position: center center;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #hero-container .item.slide-2-1 {
    background-position: center center;
  }
}

#hero-container .item.slide-2-1:after {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#01989d+0,01b1b7+100&0.7+0,1+60 */
  background: -moz-linear-gradient(-45deg, rgba(1, 152, 157, 0.7) 0%, #01a7ad 60%, #01b1b7 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(1, 152, 157, 0.7) 0%, #01a7ad 60%, #01b1b7 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(1, 152, 157, 0.7) 0%, #01a7ad 60%, #01b1b7 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b301989d', endColorstr='#01b1b7', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}

#hero-container .item.slide-2-1 .text h1,
#hero-container .item.slide-2-1 .text p {
  color: #fff;
}

#hero-container .item.slide-2-1 .text p {
  color: #fff;
}

#hero-container .item.slide-2-1 .text a.btn {
  background: #fff;
  color: #666;
}

#hero-container .item.slide-2-1 .text a.btn:hover {
  background: #f2f2f2;
}

#hero-container .item.slide-2-2 {
  background-image: url(../img/home/2.jpg);
  background-position: 50% 100%;
}

@media only screen and (max-width: 1100px) {
  #hero-container .item.slide-2-2 {
    background-position: center center;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #hero-container .item.slide-2-2 {
    background-position: center center;
  }
}

#hero-container .item.slide-2-2:after {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#01989d+0,01b1b7+100&0.7+0,1+60 */
  background: -moz-linear-gradient(-45deg, rgba(1, 152, 157, 0.7) 0%, #01a7ad 60%, #01b1b7 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(1, 152, 157, 0.7) 0%, #01a7ad 60%, #01b1b7 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(1, 152, 157, 0.7) 0%, #01a7ad 60%, #01b1b7 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b301989d', endColorstr='#01b1b7', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}

#hero-container .item.slide-2-2 .text {
  width: 80%;
}

@media only screen and (max-width: 980px) {
  #hero-container .item.slide-2-2 .text {
    width: 100%;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #hero-container .item.slide-2-2 .text {
    width: 80%;
  }
}

#hero-container .item.slide-2-2 .text h1,
#hero-container .item.slide-2-2 .text p {
  color: #fff;
}

#hero-container .item.slide-2-2 .text p {
  color: #fff;
}

#hero-container .item.slide-2-2 .text a.btn {
  background: #fff;
  color: #666;
}

#hero-container .item.slide-2-2 .text a.btn:hover {
  background: #f2f2f2;
}

#hero-container .item.slide-2-3 {
  background-image: url(../img/sbb/sbb_bkgrnd.svg);
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #hero-container .item.slide-2-3 {
    background-position: center center;
  }
}

#hero-container .item.slide-2-3:after {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#01989d+0,01b1b7+100&0.75+5,1+36,0.9+95 */
  background: -moz-linear-gradient(-45deg, rgba(1, 152, 157, 0.75) 0%, rgba(1, 153, 158, 0.75) 5%, #01a1a6 36%, rgba(1, 176, 182, 0.9) 95%, rgba(1, 177, 183, 0.9) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(1, 152, 157, 0.75) 0%, rgba(1, 153, 158, 0.75) 5%, #01a1a6 36%, rgba(1, 176, 182, 0.9) 95%, rgba(1, 177, 183, 0.9) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(1, 152, 157, 0.75) 0%, rgba(1, 153, 158, 0.75) 5%, #01a1a6 36%, rgba(1, 176, 182, 0.9) 95%, rgba(1, 177, 183, 0.9) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf01989d', endColorstr='#e601b1b7', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}

#hero-container .item.slide-2-3 .text h1,
#hero-container .item.slide-2-3 .text p {
  color: #fff;
}

#hero-container .item.slide-2-3 .text p {
  color: #fff;
}

#hero-container .item.slide-2-3 .text a.btn {
  background: #fff;
  color: #666;
}

#hero-container .item.slide-2-3 .text a.btn:hover {
  background: #f2f2f2;
}

#hero-container .item.slide-2-3 .container .img {
  position: relative;
  z-index: 2;
}

#hero-container .item.slide-2-3 .container .img img {
  width: 100%;
}

#hero-container .item.slide-2-4 {
  background-image: url(../img/home/fiber-optic.jpg);
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #hero-container .item.slide-2-4 {
    background-position: center center;
  }
}

#hero-container .item.slide-2-4:after {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#01989d+0,01b1b7+100&0.7+0,1+60 */
  background: -moz-linear-gradient(-45deg, rgba(1, 152, 157, 0.7) 0%, #01a7ad 60%, #01b1b7 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(1, 152, 157, 0.7) 0%, #01a7ad 60%, #01b1b7 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(1, 152, 157, 0.7) 0%, #01a7ad 60%, #01b1b7 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b301989d', endColorstr='#01b1b7', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}

#hero-container .item.slide-2-4 .text h1,
#hero-container .item.slide-2-4 .text p {
  color: #fff;
}

#hero-container .item.slide-2-4 .text p {
  color: #fff;
}

#hero-container .item.slide-2-4 .text a {
  color: #F4F6F6;
}

#hero-container .item.slide-2-4 .text a:hover {
  color: #fff;
}

#hero-container .item.slide-2-4 .text a.btn {
  background: #fff;
  color: #666;
}

#hero-container .item.slide-2-4 .text a.btn:hover {
  background: #f2f2f2;
}

#hero-container .item.slide-2-4 .text .slide-list li {
  display: block;
}

#hero-container .item.slide-2-4 .text .slide-list li .fa {
  color: #48F8FE;
}

#hero-container .item.slide-2-4 .text .slide-list li:after {
  content: ' ';
}

#hero-container .item.slide-2-5 {
  background-image: url(../img/home/3.png);
  background-position: -200px -50px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #hero-container .item.slide-2-5 {
    background-position: center center;
  }
}

#hero-container .item.slide-2-5:after {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#01989d+0,01b1b7+100&0.7+0,1+60 */
  background: -moz-linear-gradient(-45deg, rgba(1, 152, 157, 0.7) 0%, #01a7ad 60%, #01b1b7 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(1, 152, 157, 0.7) 0%, #01a7ad 60%, #01b1b7 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(1, 152, 157, 0.7) 0%, #01a7ad 60%, #01b1b7 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b301989d', endColorstr='#01b1b7', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}

#hero-container .item.slide-2-5 .img {
  position: relative;
  z-index: 3;
  width: 460px;
}

#hero-container .item.slide-2-5 .text {
  width: 480px;
}

#hero-container .item.slide-2-5 .text h1,
#hero-container .item.slide-2-5 .text p {
  color: #fff;
}

#hero-container .item.slide-2-5 .text p {
  color: #fff;
}

#hero-container .item.slide-2-5 .text a {
  color: #F4F6F6;
}

#hero-container .item.slide-2-5 .text a:hover {
  color: #fff;
}

#hero-container .item.slide-2-5 .text a.btn {
  background: #fff;
  color: #666;
}

#hero-container .item.slide-2-5 .text a.btn:hover {
  background: #f2f2f2;
}

#hero-container .item.slide-3-1:after {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3e029e+0,01989d+100&0.6+0,1+75 */
  background: -moz-linear-gradient(-45deg, rgba(62, 2, 158, 0.6) 0%, #10739d 75%, #01989d 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(62, 2, 158, 0.6) 0%, #10739d 75%, #01989d 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(62, 2, 158, 0.6) 0%, #10739d 75%, #01989d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#993e029e', endColorstr='#01989d', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}

#hero-container .item.slide-3-1 .text h1,
#hero-container .item.slide-3-1 .text p {
  color: #fff;
  text-shadow: 1px 1px 0 #000;
}

#hero-container .item.slide-3-1 .text p {
  color: #fff;
}

#hero-container .item.slide-3-1 .text a.btn {
  background: #fff;
  color: #666;
}

#hero-container .item.slide-3-1 .text a.btn:hover {
  background: #f2f2f2;
}

#hero-container .item.slide-3-2:after {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3e029e+0,01989d+100&0.6+0,1+75 */
  background: -moz-linear-gradient(-45deg, rgba(62, 2, 158, 0.6) 0%, #10739d 75%, #01989d 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(62, 2, 158, 0.6) 0%, #10739d 75%, #01989d 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(62, 2, 158, 0.6) 0%, #10739d 75%, #01989d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#993e029e', endColorstr='#01989d', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}

#hero-container .item.slide-3-2 .text {
  width: 80%;
}

#hero-container .item.slide-3-2 .text h1,
#hero-container .item.slide-3-2 .text p {
  color: #fff;
  text-shadow: 1px 1px 0 #000;
}

#hero-container .item.slide-3-2 .text p {
  color: #fff;
}

#hero-container .item.slide-3-2 .text a.btn {
  background: #fff;
  color: #666;
}

#hero-container .item.slide-3-2 .text a.btn:hover {
  background: #f2f2f2;
}

#hero-container .item.slide-3-3:after {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3e029e+0,01989d+100&0.6+0,1+75 */
  background: -moz-linear-gradient(-45deg, rgba(62, 2, 158, 0.6) 0%, #10739d 75%, #01989d 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(62, 2, 158, 0.6) 0%, #10739d 75%, #01989d 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(62, 2, 158, 0.6) 0%, #10739d 75%, #01989d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#993e029e', endColorstr='#01989d', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}

#hero-container .item.slide-3-3 .text h1,
#hero-container .item.slide-3-3 .text p {
  color: #fff;
  text-shadow: 1px 1px 0 #000;
}

#hero-container .item.slide-3-3 .text p {
  color: #fff;
}

#hero-container .item.slide-3-3 .text a.btn {
  background: #fff;
  color: #666;
}

#hero-container .item.slide-3-3 .text a.btn:hover {
  background: #f2f2f2;
}

#hero-container .item.slide-3-4:after {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3e029e+0,01989d+100&0.6+0,1+75 */
  background: -moz-linear-gradient(-45deg, rgba(62, 2, 158, 0.6) 0%, #10739d 75%, #01989d 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(62, 2, 158, 0.6) 0%, #10739d 75%, #01989d 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(62, 2, 158, 0.6) 0%, #10739d 75%, #01989d 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#993e029e', endColorstr='#01989d', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
}

#hero-container .item.slide-3-4 .text h1,
#hero-container .item.slide-3-4 .text p {
  color: #fff;
  text-shadow: 1px 1px 0 #000;
}

#hero-container .item.slide-3-4 .text p {
  color: #fff;
}

#hero-container .item.slide-3-4 .text a {
  color: #F4F6F6;
  text-decoration: underline;
}

#hero-container .item.slide-3-4 .text a:hover {
  color: #fff;
}

#hero-container .item.slide-3-4 .text a.btn {
  background: #fff;
  color: #666;
}

#hero-container .item.slide-3-4 .text a.btn:hover {
  background: #f2f2f2;
}

#hero-container .carousel-control {
  text-align: center;
  background: none;
}

#hero-container .carousel-control .lnr {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  font-size: 50px;
}

#hero-container.hero-2-container .carousel-inner .carousel-control,
#hero-container.hero-2-container ol.carousel-indicators li {
  color: #fff;
}

#hero-container.hero-3-container .carousel-inner .carousel-control,
#hero-container.hero-3-container ol.carousel-indicators li {
  color: #fff;
}

#hero-container.hero-3-container .item {
  height: 375px;
}

#hero-container.hero-3-container .item .container .text {
  width: 80%;
}

.intro-section {
  position: relative;
  overflow: hidden;
}

.intro-section:after {
  content: " ";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: -50%;
  left: 0;
  transform: skewY(9deg);
  background: #F4F6F6;
}

.intro-section .padder {
  padding: 4em 0;
}

.intro-section .container {
  position: relative;
  z-index: 6;
}

.intro-section .card {
  display: block;
}

@media only screen and (max-width: 980px) {
  .intro-section .card {
    margin-bottom: 1em;
  }
}

.intro-section .card .padder {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
  transition: 0.222s;
  padding: 20px 40px;
  min-height: 549px;
}

@media only screen and (max-width: 1024px) {
  .intro-section .card .padder {
    padding: 20px;
  }
}

@media only screen and (max-width: 980px) {
  .intro-section .card .padder {
    min-height: 0;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .intro-section .card .padder {
    margin: 0 15px;
  }
}

.intro-section .card .padder p {
  color: #333;
}

.intro-section .card .padder ul {
  display: inline-block;
  margin: 0 auto;
}

.intro-section .card .padder ul li {
  margin: 0;
}

.intro-section .card .padder .toolset-list li {
  color: #666;
  display: inline-block;
  position: relative;
  padding: 6px 0 6px 38px;
  border-bottom: solid 1px #F4F6F6;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .intro-section .card .padder .toolset-list li {
    width: 49%;
  }
}

.intro-section .card .padder .toolset-list li img {
  height: 32px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -16px;
}

.intro-section .card .padder .toolset-list li:last-child {
  width: 100%;
  float: none;
}

.intro-section .card .padder .icon-list li {
  position: relative;
}

.intro-section .card .padder .icon-list li .lnr {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 32px;
  color: #ea6755;
}

.intro-section .card .padder .icon-list li h3,
.intro-section .card .padder .icon-list li p {
  padding-left: 40px;
}

.intro-section .card .padder .icon-list li p {
  margin-bottom: 22px;
}

.intro-section .card .padder .icon-list li:last-child p {
  margin: 0;
}

.intro-section .card:hover .padder {
  box-shadow: 0 13px 35px rgba(50, 50, 93, 0.2), 0 3px 18px rgba(0, 0, 0, 0.08);
}

@media only screen and (max-width: 980px) {
  .intro-section .platform-list {
    width: 100%;
  }
}

.intro-section .platform-list li {
  border: none;
  color: #666;
  text-align: center;
  float: left;
  width: 50%;
}

@media only screen and (max-width: 980px) {
  .intro-section .platform-list li {
    width: 20%;
  }
}

@media only screen and (max-device-width: 480px) and (min-device-width: 320px) {
  .intro-section .platform-list li {
    width: 50%;
  }
}

.intro-section .platform-list li span {
  display: inline-block;
  vertical-align: middle;
}

.intro-section .platform-list li img {
  height: 40px;
  width: auto;
  max-width: none;
}

.intro-section .platform-list li .platform-inner {
  border-right: solid 1px #F4F6F6;
  border-bottom: solid 1px #F4F6F6;
  padding: 1em 0;
}

@media only screen and (max-width: 980px) {
  .intro-section .platform-list li .platform-inner {
    border: none;
  }
}

.intro-section .platform-list li .platform-inner h3 {
  font-size: 1.8em;
  margin: 0;
}

.intro-section .platform-list li:nth-child(2n) .platform-inner {
  border-right: none;
}

.intro-section .platform-list li:last-child .platform-inner {
  border-bottom: 0;
}

.logo-section .padder {
  padding: 4em 0 2em;
}

.logo-section .padder h2 {
  margin-bottom: 1em;
}

.news-section h2 {
  margin-bottom: 1em;
}

.news-section .left-column {
  border-right: solid 1px #F4F6F6;
}

.news-section .panel-group {
  margin: 0;
}

.news-section .panel-group .panel {
  background: none;
  border: none;
  box-shadow: none;
  padding: 0;
  margin: 0 0 1em;
}

.news-section .panel-group .panel p {
  padding: 0;
  margin: 0;
}

.about-section {
  background: #F4F6F6;
}

.about-section .padder {
  padding: 4em 0;
}

.about-section h3 {
  margin-bottom: 0.8em;
}

.about-section h3 img {
  height: 24px;
  margin-left: 2px;
}

.about-section a {
  background: #fff;
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
  text-shadow: none;
  transition: 0.222s;
  color: #666;
  font-weight: 700;
  text-transform: uppercase;
  display: inline-block;
  border-radius: 4px;
  font-size: 16px;
  line-height: 20px;
  padding: 8px 12px;
}

.about-section a:hover {
  box-shadow: 0 13px 35px rgba(50, 50, 93, 0.2), 0 3px 18px rgba(0, 0, 0, 0.08);
  color: #000;
}

.carousel-indicators-wrapper {
  background: #E9EDED;
  padding: 1em 0;
  position: absolute;
  bottom: -144px;
  left: 0;
  width: 100%;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px),
(min-width: 480px) and (max-width: 992px) {
  .carousel-indicators-wrapper {
    bottom: -59px;
  }
}

.home-slide-indicators {
  width: 100%;
  margin: 0;
  left: auto;
  bottom: auto;
  position: relative;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px),
(min-width: 480px) and (max-width: 992px) {
  .home-slide-indicators {
    width: 100%;
  }
}

.home-slide-indicators:after {
  content: "";
  display: table;
  clear: both;
}

.home-slide-indicators .home-slide-indicator {
  width: auto;
  height: auto;
  text-indent: 0;
  margin: 0;
  padding: 0;
  float: left;
  width: 33.333%;
  border: none;
  background: none;
  border-radius: 0;
}

.home-slide-indicators .home-slide-indicator .indicator-inner {
  margin: 4px;
  border-radius: 4px;
  border: solid 2px transparent;
}

.home-slide-indicators .home-slide-indicator img {
  width: 100%;
  border-radius: 2px;
}

.home-slide-indicators .home-slide-indicator.active .indicator-inner {
  border-color: #003252;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

#hero_background.subscriptions {
  background: url(../../subscriptions/hero.png) no-repeat center bottom;
  width: 100%;
  min-width: 960px;
}

#hero_background.subscriptions h1 {
  margin-top: 40px;
  color: black;
}

#subscription {
  /*	background: url(../img/bg-redcarpet.png);*/
  height: 280px;
  padding-bottom: 10px;
}

.leftcol,
.rightcol {
  margin-top: 20px;
}

/*Left Column */

.leftcol {
  padding-bottom: 10px;
  padding-right: 30px;
  margin-bottom: 20px;
  border-right: 1px solid #F4F6F6;
}

#subscription .leftcol.one {
  text-align: right;
  height: 217px;
  margin-top: 40px;
}

#subscription .leftcol.one h1,
#subscription .leftcol.one h2 {
  font-family: 'Segoe UI Light', 'Segoe UI', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Verdana, sans-serif;
  font-weight: 200;
  line-height: 120%;
  margin: 0px;
}

#subscription .leftcol h1 {
  color: black;
  font-size: 46px;
}

#subscription .leftcol h1+h2 {
  margin-top: 0px;
}

#subscription h2 {
  font-size: 36px;
  margin-top: 10px;
}

#subscription h3 {
  font-size: 26px;
}

#subscription .leftcol ul li {
  float: right;
  margin-left: 10px;
  list-style: none;
}

#subscription .leftcol ul li a:hover {
  text-decoration: underline;
}

#subscription .leftcol .title {
  font-size: 13px;
  margin: 14px 0 3px 0 !important;
  float: none;
  color: #444;
  text-transform: uppercase;
}

#subscription .panel {
  width: 196px;
  float: left;
  border: 1px solid #cfcfcf;
  padding-top: 4px;
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
  margin: 0px 5px 30px;
  border-radius: 0px;
}

#subscription .panel-header {
  padding: 0px 20px;
}

#subscription .panel-body {
  padding: 0 20px 20px;
}

#subscription .panel-footer {
  border-top: 1px solid #ddd;
  background-color: transparent;
  text-align: center;
}

#subscription .section-divider {
  width: inherit;
  padding-bottom: 20px;
  /*	margin: 60px 10px 40px;
*/
  height: 4px;
  background: url(../img/section-divider2.png) no-repeat -80px 0;
}

#subscription a.btn.medium {
  padding: 8px 29px;
}

/* Carousel Indicators */

#carousel-subscription .carousel-indicators {
  width: inherit;
  top: 0px;
  left: 160px;
}

#carousel-subscription .carousel-indicators li {
  display: inline-block;
  width: initial;
  height: 10px;
  margin: 1px 10px;
  text-indent: 0px;
  cursor: pointer;
  border: none;
  border-radius: 0px;
}

#carousel-subscription .carousel-indicators li.active a {
  border-bottom: 2px solid #DB2800;
}

/* Carousel Styles */

#box-redcarpet,
#box-ipworks,
#box-ibiz,
#box-adapters {
  float: left;
  height: 199px;
  width: 116px;
  margin-right: 20px;
  top: 0px;
}

#box-redcarpet {
  background: url(../img/box-redcarpet.png);
}

#box-ipworks {
  background: url(../img/box-ipworks.png);
}

#box-ibiz {
  background: url(../img/box-ibiz.png);
}

#box-adapters {
  background: url(../img/box-adapters.png);
}

#carousel-subscription .carousel-inner {
  margin-top: 24px;
}

#carousel-subscription .item p {
  margin-top: 40px;
}

#carousel-subscription .carousel-control.left,
#carousel-subscription .carousel-control.right {
  background: none;
}

#carousel-subscription .carousel-control .icon-prev,
#carousel-subscription .carousel-control .icon-next {
  width: 30px;
  height: 30px;
  margin-top: -15px;
  margin-left: -65px;
  font-size: 30px;
}

#carousel-subscription .carousel-control .icon-next {
  margin-left: 45px;
}

#carousel-subscription .carousel-inner>div {
  height: 230px;
}

/* Box Shadow */

#subscription .box-shadow {
  background-color: #F4F6F6;
  border: 1px solid lightgray;
  color: black;
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
  position: relative;
}

/*Details */

#details {
  margin-left: 20px;
  list-style: none;
}

@font-face {
  font-family: 'Eldos-Icons';
  src: url("../icons/fonts/Eldos-Icons.eot?6w1m1e");
  src: url("../icons/fonts/Eldos-Icons.eot?6w1m1e#iefix") format("embedded-opentype"), url("../icons/fonts/Eldos-Icons.ttf?6w1m1e") format("truetype"), url("../icons/fonts/Eldos-Icons.woff?6w1m1e") format("woff"), url("../icons/fonts/Eldos-Icons.svg?6w1m1e#Eldos-Icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="lnr-"],
[class*=" lnr-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Eldos-Icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.lnr-floppy-o:before {
  content: "\f0c7";
}

.lnr-save:before {
  content: "\f0c7";
}

.lnr-square:before {
  content: "\f0c8";
}

.lnr-caret-down:before {
  content: "\f0d7";
}

.lnr-caret-up:before {
  content: "\f0d8";
}

.lnr-caret-left:before {
  content: "\f0d9";
}

.lnr-caret-right:before {
  content: "\f0da";
}

.lnr-sort:before {
  content: "\f0dc";
}

.lnr-unsorted:before {
  content: "\f0dc";
}

.lnr-sort-desc:before {
  content: "\f0dd";
}

.lnr-sort-down:before {
  content: "\f0dd";
}

.lnr-sort-asc:before {
  content: "\f0de";
}

.lnr-sort-up:before {
  content: "\f0de";
}

.lnr-angle-double-left:before {
  content: "\f100";
}

.lnr-angle-double-right:before {
  content: "\f101";
}

.lnr-angle-double-up:before {
  content: "\f102";
}

.lnr-angle-double-down:before {
  content: "\f103";
}

.lnr-angle-left:before {
  content: "\f104";
}

.lnr-angle-right:before {
  content: "\f105";
}

.lnr-angle-up:before {
  content: "\f106";
}

.lnr-angle-down:before {
  content: "\f107";
}

.lnr-terminal:before {
  content: "\f120";
}

.lnr-code:before {
  content: "\f121";
}

.lnr-apple:before {
  content: "\f179";
}

.lnr-windows:before {
  content: "\f17a";
}

.lnr-android:before {
  content: "\f17b";
}

.lnr-linux:before {
  content: "\f17c";
}

.lnr-file-word-o:before {
  content: "\f1c2";
}

.lnr-file-excel-o:before {
  content: "\f1c3";
}

.lnr-file-powerpoint-o:before {
  content: "\f1c4";
}

.lnr-file-image-o:before {
  content: "\f1c5";
}

.lnr-file-photo-o:before {
  content: "\f1c5";
}

.lnr-file-picture-o:before {
  content: "\f1c5";
}

.lnr-file-archive-o:before {
  content: "\f1c6";
}

.lnr-file-zip-o:before {
  content: "\f1c6";
}

.lnr-file-audio-o:before {
  content: "\f1c7";
}

.lnr-file-sound-o:before {
  content: "\f1c7";
}

.lnr-file-movie-o:before {
  content: "\f1c8";
}

.lnr-file-video-o:before {
  content: "\f1c8";
}

.lnr-file-code-o:before {
  content: "\f1c9";
}

.lnr-cc-visa:before {
  content: "\f1f0";
}

.lnr-cc-mastercard:before {
  content: "\f1f1";
}

.lnr-cc-discover:before {
  content: "\f1f2";
}

.lnr-cc-amex:before {
  content: "\f1f3";
}

.lnr-cc-paypal:before {
  content: "\f1f4";
}

.lnr-cc-stripe:before {
  content: "\f1f5";
}

.lnr-skyatlas:before {
  content: "\f216";
}

.lnr-cc-jcb:before {
  content: "\f24b";
}

.lnr-cc-diners-club:before {
  content: "\f24c";
}

.lnr-dropbox:before {
  content: "\f16b";
}

.lnr-appleinc:before {
  content: "\eabe";
}

.lnr-tux:before {
  content: "\eabd";
}

.lnr-terminal2:before {
  content: "\ea83";
}

.lnr-embed2:before {
  content: "\ea80";
}

.lnr-embed:before {
  content: "\ea7f";
}

.lnr-share22:before {
  content: "\ea82";
}

.lnr-amazon:before {
  content: "\ea87";
}

.lnr-google-drive:before {
  content: "\ea8f";
}

.lnr-onedrive:before {
  content: "\eaaf";
}

.lnr-rss:before {
  content: "\ea9b";
}

.lnr-linkedin2:before {
  content: "\eaca";
}

.lnr-linkedin:before {
  content: "\eac9";
}

.lnr-twitter:before {
  content: "\ea96";
}

.lnr-facebook:before {
  content: "\ea90";
}

.lnr-facebook2:before {
  content: "\ea91";
}

.lnr-google:before {
  content: "\ea88";
}

.lnr-google2:before {
  content: "\ea89";
}

.lnr-google3:before {
  content: "\ea8a";
}

.lnr-google-plus:before {
  content: "\ea8b";
}

.lnr-google-plus3:before {
  content: "\ea8d";
}

.lnr-google-plus2:before {
  content: "\ea8c";
}

.lnr-rss2:before {
  content: "\ea9c";
}

.lnr-youtube:before {
  content: "\ea9d";
}

.lnr-youtube2:before {
  content: "\ea9e";
}

.lnr-stackoverflow:before {
  content: "\ead0";
}

.lnr-file-pdf:before {
  content: "\eadf";
}

.lnr-embed22:before {
  content: "\ea84";
}

.lnr-hangouts:before {
  content: "\ea8e";
}

.lnr-wordpress:before {
  content: "\eab4";
}

.lnr-joomla:before {
  content: "\eab5";
}

.lnr-finder:before {
  content: "\eabf";
}

.lnr-soundcloud:before {
  content: "\eac3";
}

.lnr-safari:before {
  content: "\eadd";
}

.lnr-opera:before {
  content: "\eade";
}

.lnr-edge:before {
  content: "\eadc";
}

.lnr-chrome:before {
  content: "\ead9";
}

.lnr-firefox:before {
  content: "\eada";
}

.lnr-IE:before {
  content: "\eadb";
}

.lnr-mobile:before {
  content: "\e000";
}

.lnr-laptop2:before {
  content: "\e001";
}

.lnr-desktop2:before {
  content: "\e002";
}

.lnr-tablet:before {
  content: "\e003";
}

.lnr-phone:before {
  content: "\e004";
}

.lnr-document3:before {
  content: "\e005";
}

.lnr-documents:before {
  content: "\e006";
}

.lnr-search:before {
  content: "\e007";
}

.lnr-clipboard:before {
  content: "\e008";
}

.lnr-newspaper:before {
  content: "\e009";
}

.lnr-notebook:before {
  content: "\e00a";
}

.lnr-book-open:before {
  content: "\e00b";
}

.lnr-browser:before {
  content: "\e00c";
}

.lnr-calendar:before {
  content: "\e00d";
}

.lnr-presentation:before {
  content: "\e00e";
}

.lnr-picture:before {
  content: "\e00f";
}

.lnr-pictures2:before {
  content: "\e010";
}

.lnr-video:before {
  content: "\e011";
}

.lnr-camera:before {
  content: "\e012";
}

.lnr-printer2:before {
  content: "\e013";
}

.lnr-toolbox:before {
  content: "\e014";
}

.lnr-briefcase:before {
  content: "\e015";
}

.lnr-gift:before {
  content: "\e017";
}

.lnr-bargraph:before {
  content: "\e018";
}

.lnr-grid:before {
  content: "\e019";
}

.lnr-expand:before {
  content: "\e01a";
}

.lnr-focus:before {
  content: "\e01b";
}

.lnr-edit:before {
  content: "\e01c";
}

.lnr-adjustments:before {
  content: "\e01d";
}

.lnr-ribbon:before {
  content: "\e01e";
}

.lnr-hourglass:before {
  content: "\e01f";
}

.lnr-lock2:before {
  content: "\e020";
}

.lnr-megaphone:before {
  content: "\e021";
}

.lnr-shield2:before {
  content: "\e022";
}

.lnr-trophy:before {
  content: "\e023";
}

.lnr-flag:before {
  content: "\e024";
}

.lnr-map:before {
  content: "\e025";
}

.lnr-puzzle:before {
  content: "\e026";
}

.lnr-basket:before {
  content: "\e027";
}

.lnr-envelope2:before {
  content: "\e028";
}

.lnr-streetsign:before {
  content: "\e029";
}

.lnr-telescope:before {
  content: "\e02a";
}

.lnr-gears:before {
  content: "\e02b";
}

.lnr-key2:before {
  content: "\e02c";
}

.lnr-paperclip2:before {
  content: "\e02d";
}

.lnr-attachment:before {
  content: "\e02e";
}

.lnr-pricetags:before {
  content: "\e02f";
}

.lnr-lightbulb:before {
  content: "\e030";
}

.lnr-layers2:before {
  content: "\e031";
}

.lnr-pencil:before {
  content: "\e032";
}

.lnr-tools:before {
  content: "\e033";
}

.lnr-tools-2:before {
  content: "\e034";
}

.lnr-scissors:before {
  content: "\e035";
}

.lnr-paintbrush:before {
  content: "\e036";
}

.lnr-magnifying-glass:before {
  content: "\e037";
}

.lnr-circle-compass:before {
  content: "\e038";
}

.lnr-linegraph:before {
  content: "\e039";
}

.lnr-mic:before {
  content: "\e03a";
}

.lnr-beaker:before {
  content: "\e03c";
}

.lnr-caution:before {
  content: "\e03d";
}

.lnr-recycle:before {
  content: "\e03e";
}

.lnr-anchor:before {
  content: "\e03f";
}

.lnr-profile-male:before {
  content: "\e040";
}

.lnr-profile-female:before {
  content: "\e041";
}

.lnr-bike:before {
  content: "\e042";
}

.lnr-globe:before {
  content: "\e045";
}

.lnr-genius:before {
  content: "\e046";
}

.lnr-map-pin:before {
  content: "\e047";
}

.lnr-dial:before {
  content: "\e048";
}

.lnr-heart:before {
  content: "\e04a";
}

.lnr-cloud:before {
  content: "\e04b";
}

.lnr-upload:before {
  content: "\e04c";
}

.lnr-download:before {
  content: "\e04d";
}

.lnr-target:before {
  content: "\e04e";
}

.lnr-hazardous:before {
  content: "\e04f";
}

.lnr-piechart:before {
  content: "\e050";
}

.lnr-speedometer:before {
  content: "\e051";
}

.lnr-global:before {
  content: "\e052";
}

.lnr-compass:before {
  content: "\e053";
}

.lnr-clock:before {
  content: "\e055";
}

.lnr-quote:before {
  content: "\e057";
}

.lnr-scope:before {
  content: "\e058";
}

.lnr-alarmclock:before {
  content: "\e059";
}

.lnr-refresh3:before {
  content: "\e05a";
}

.lnr-happy:before {
  content: "\e05b";
}

.lnr-sad:before {
  content: "\e05c";
}

.lnr-facebook3:before {
  content: "\e05d";
}

.lnr-twitter2:before {
  content: "\e05e";
}

.lnr-googleplus:before {
  content: "\e05f";
}

.lnr-rss3:before {
  content: "\e060";
}

.lnr-tumblr:before {
  content: "\e061";
}

.lnr-linkedin3:before {
  content: "\e062";
}

.lnr-dribbble:before {
  content: "\e063";
}

.lnr-home:before {
  content: "\e600";
}

.lnr-home3:before {
  content: "\e602";
}

.lnr-home4:before {
  content: "\e603";
}

.lnr-city:before {
  content: "\e60b";
}

.lnr-apartment:before {
  content: "\e60c";
}

.lnr-fire:before {
  content: "\e638";
}

.lnr-poop:before {
  content: "\e63e";
}

.lnr-cloud-upload:before {
  content: "\e64b";
}

.lnr-cloud-download:before {
  content: "\e64c";
}

.lnr-cloud-fog:before {
  content: "\e652";
}

.lnr-cloud-sync:before {
  content: "\e655";
}

.lnr-cloud-lock:before {
  content: "\e656";
}

.lnr-cloud-gear:before {
  content: "\e657";
}

.lnr-cloud-alert:before {
  content: "\e658";
}

.lnr-cloud-check:before {
  content: "\e659";
}

.lnr-cloud-cross:before {
  content: "\e65a";
}

.lnr-cloud-crossed:before {
  content: "\e65b";
}

.lnr-cloud-database:before {
  content: "\e65c";
}

.lnr-database:before {
  content: "\e65d";
}

.lnr-database-add:before {
  content: "\e65e";
}

.lnr-database-remove:before {
  content: "\e65f";
}

.lnr-database-lock:before {
  content: "\e660";
}

.lnr-database-refresh:before {
  content: "\e661";
}

.lnr-database-check:before {
  content: "\e662";
}

.lnr-database-history:before {
  content: "\e663";
}

.lnr-database-upload:before {
  content: "\e664";
}

.lnr-database-download:before {
  content: "\e665";
}

.lnr-server:before {
  content: "\e666";
}

.lnr-shield:before {
  content: "\e667";
}

.lnr-shield-check:before {
  content: "\e668";
}

.lnr-shield-alert:before {
  content: "\e669";
}

.lnr-shield-cross:before {
  content: "\e66a";
}

.lnr-lock:before {
  content: "\e66b";
}

.lnr-rotation-lock:before {
  content: "\e66c";
}

.lnr-unlock:before {
  content: "\e66d";
}

.lnr-key:before {
  content: "\e66e";
}

.lnr-key-hole:before {
  content: "\e66f";
}

.lnr-toggle-off:before {
  content: "\e670";
}

.lnr-toggle-on:before {
  content: "\e671";
}

.lnr-cog:before {
  content: "\e672";
}

.lnr-cog2:before {
  content: "\e673";
}

.lnr-wrench:before {
  content: "\e674";
}

.lnr-hammer-wrench:before {
  content: "\e676";
}

.lnr-trash:before {
  content: "\e680";
}

.lnr-trash2:before {
  content: "\e681";
}

.lnr-broom:before {
  content: "\e683";
}

.lnr-dice:before {
  content: "\e687";
}

.lnr-star:before {
  content: "\e68d";
}

.lnr-star-half:before {
  content: "\e68e";
}

.lnr-at-sign:before {
  content: "\e695";
}

.lnr-envelope:before {
  content: "\e696";
}

.lnr-envelope-open:before {
  content: "\e697";
}

.lnr-paperclip:before {
  content: "\e698";
}

.lnr-reply:before {
  content: "\e69a";
}

.lnr-reply-all:before {
  content: "\e69b";
}

.lnr-inbox:before {
  content: "\e69c";
}

.lnr-inbox2:before {
  content: "\e69d";
}

.lnr-outbox:before {
  content: "\e69e";
}

.lnr-box:before {
  content: "\e69f";
}

.lnr-archive:before {
  content: "\e6a0";
}

.lnr-archive2:before {
  content: "\e6a1";
}

.lnr-binoculars:before {
  content: "\e6a9";
}

.lnr-hdd:before {
  content: "\e6ab";
}

.lnr-hdd-down:before {
  content: "\e6ac";
}

.lnr-hdd-up:before {
  content: "\e6ad";
}

.lnr-floppy-disk:before {
  content: "\e6ae";
}

.lnr-printer:before {
  content: "\e6b1";
}

.lnr-shredder:before {
  content: "\e6b2";
}

.lnr-file-empty:before {
  content: "\e6b3";
}

.lnr-file-add:before {
  content: "\e6b4";
}

.lnr-file-check:before {
  content: "\e6b5";
}

.lnr-file-lock:before {
  content: "\e6b6";
}

.lnr-files:before {
  content: "\e6b7";
}

.lnr-copy:before {
  content: "\e6b8";
}

.lnr-compare:before {
  content: "\e6b9";
}

.lnr-folder:before {
  content: "\e6ba";
}

.lnr-folder-search:before {
  content: "\e6bb";
}

.lnr-folder-plus:before {
  content: "\e6bc";
}

.lnr-folder-minus:before {
  content: "\e6bd";
}

.lnr-folder-download:before {
  content: "\e6be";
}

.lnr-folder-upload:before {
  content: "\e6bf";
}

.lnr-folder-star:before {
  content: "\e6c0";
}

.lnr-folder-heart:before {
  content: "\e6c1";
}

.lnr-folder-user:before {
  content: "\e6c2";
}

.lnr-folder-shared:before {
  content: "\e6c3";
}

.lnr-folder-music:before {
  content: "\e6c4";
}

.lnr-folder-picture:before {
  content: "\e6c5";
}

.lnr-folder-film:before {
  content: "\e6c6";
}

.lnr-paste:before {
  content: "\e6c8";
}

.lnr-clipboard-empty:before {
  content: "\e6c9";
}

.lnr-clipboard-pencil:before {
  content: "\e6ca";
}

.lnr-clipboard-text:before {
  content: "\e6cb";
}

.lnr-clipboard-check:before {
  content: "\e6cc";
}

.lnr-clipboard-alert:before {
  content: "\e6cf";
}

.lnr-clipboard-user:before {
  content: "\e6d0";
}

.lnr-register:before {
  content: "\e6d1";
}

.lnr-enter:before {
  content: "\e6d2";
}

.lnr-exit:before {
  content: "\e6d3";
}

.lnr-papers:before {
  content: "\e6d4";
}

.lnr-news:before {
  content: "\e6d5";
}

.lnr-document:before {
  content: "\e6d8";
}

.lnr-document2:before {
  content: "\e6d9";
}

.lnr-license:before {
  content: "\e6db";
}

.lnr-license2:before {
  content: "\e6dc";
}

.lnr-medal-empty:before {
  content: "\e6dd";
}

.lnr-medal-first:before {
  content: "\e6de";
}

.lnr-medal-second:before {
  content: "\e6df";
}

.lnr-repeat:before {
  content: "\e6ee";
}

.lnr-headset:before {
  content: "\e6f0";
}

.lnr-equalizer:before {
  content: "\e6f2";
}

.lnr-play:before {
  content: "\e6f7";
}

.lnr-film-play:before {
  content: "\e6f8";
}

.lnr-clapboard-play:before {
  content: "\e6f9";
}

.lnr-film:before {
  content: "\e6fb";
}

.lnr-face-detection:before {
  content: "\e70a";
}

.lnr-flare:before {
  content: "\e70b";
}

.lnr-picture2:before {
  content: "\e70f";
}

.lnr-picture3:before {
  content: "\e710";
}

.lnr-pictures:before {
  content: "\e711";
}

.lnr-book:before {
  content: "\e712";
}

.lnr-book2:before {
  content: "\e714";
}

.lnr-bookmark:before {
  content: "\e715";
}

.lnr-library:before {
  content: "\e718";
}

.lnr-library2:before {
  content: "\e719";
}

.lnr-contacts:before {
  content: "\e71a";
}

.lnr-profile:before {
  content: "\e71b";
}

.lnr-portrait2:before {
  content: "\e71d";
}

.lnr-user:before {
  content: "\e71e";
}

.lnr-user-plus:before {
  content: "\e71f";
}

.lnr-user-minus:before {
  content: "\e720";
}

.lnr-user-lock:before {
  content: "\e721";
}

.lnr-users:before {
  content: "\e722";
}

.lnr-users2:before {
  content: "\e723";
}

.lnr-users-plus:before {
  content: "\e724";
}

.lnr-users-minus:before {
  content: "\e725";
}

.lnr-group-work:before {
  content: "\e726";
}

.lnr-store:before {
  content: "\e744";
}

.lnr-store-24:before {
  content: "\e746";
}

.lnr-barcode:before {
  content: "\e747";
}

.lnr-barcode2:before {
  content: "\e748";
}

.lnr-barcode3:before {
  content: "\e749";
}

.lnr-cashier:before {
  content: "\e74a";
}

.lnr-bag:before {
  content: "\e74b";
}

.lnr-bag2:before {
  content: "\e74c";
}

.lnr-cart:before {
  content: "\e74d";
}

.lnr-cart-empty:before {
  content: "\e74e";
}

.lnr-cart-full:before {
  content: "\e74f";
}

.lnr-cart-plus:before {
  content: "\e750";
}

.lnr-cart-plus2:before {
  content: "\e751";
}

.lnr-cart-add:before {
  content: "\e752";
}

.lnr-cart-remove:before {
  content: "\e753";
}

.lnr-cart-exchange:before {
  content: "\e754";
}

.lnr-tag:before {
  content: "\e755";
}

.lnr-tags:before {
  content: "\e756";
}

.lnr-receipt:before {
  content: "\e757";
}

.lnr-credit-card:before {
  content: "\e759";
}

.lnr-cash-dollar:before {
  content: "\e75a";
}

.lnr-cash-euro:before {
  content: "\e75b";
}

.lnr-cash-pound:before {
  content: "\e75c";
}

.lnr-cash-yen:before {
  content: "\e75d";
}

.lnr-calculator2:before {
  content: "\e767";
}

.lnr-vault:before {
  content: "\e769";
}

.lnr-telephone:before {
  content: "\e76a";
}

.lnr-phone-lock:before {
  content: "\e76b";
}

.lnr-phone-wave:before {
  content: "\e76c";
}

.lnr-telephone2:before {
  content: "\e777";
}

.lnr-pushpin:before {
  content: "\e778";
}

.lnr-pushpin2:before {
  content: "\e779";
}

.lnr-map-marker:before {
  content: "\e77a";
}

.lnr-calendar-empty:before {
  content: "\e785";
}

.lnr-calendar-check:before {
  content: "\e786";
}

.lnr-calendar-cross:before {
  content: "\e787";
}

.lnr-calendar-31:before {
  content: "\e788";
}

.lnr-calendar-full:before {
  content: "\e789";
}

.lnr-calendar-insert:before {
  content: "\e78a";
}

.lnr-calendar-text:before {
  content: "\e78b";
}

.lnr-calendar-user:before {
  content: "\e78c";
}

.lnr-screen:before {
  content: "\e798";
}

.lnr-signal:before {
  content: "\e79a";
}

.lnr-sim:before {
  content: "\e7a2";
}

.lnr-tablet2:before {
  content: "\e7ac";
}

.lnr-laptop:before {
  content: "\e7ad";
}

.lnr-laptop-phone:before {
  content: "\e7ae";
}

.lnr-desktop:before {
  content: "\e7af";
}

.lnr-launch:before {
  content: "\e7b0";
}

.lnr-new-tab:before {
  content: "\e7b1";
}

.lnr-window:before {
  content: "\e7b2";
}

.lnr-remote-control:before {
  content: "\e7b7";
}

.lnr-bubble:before {
  content: "\e7d6";
}

.lnr-bubbles:before {
  content: "\e7d7";
}

.lnr-bubble-dots:before {
  content: "\e7d8";
}

.lnr-bubble-alert:before {
  content: "\e7d9";
}

.lnr-bubble-question:before {
  content: "\e7da";
}

.lnr-bubble-text:before {
  content: "\e7db";
}

.lnr-bubble-user:before {
  content: "\e7df";
}

.lnr-bubble-quote:before {
  content: "\e7e0";
}

.lnr-phone-bubble:before {
  content: "\e7e4";
}

.lnr-quote-open:before {
  content: "\e7e5";
}

.lnr-quote-close:before {
  content: "\e7e6";
}

.lnr-dna:before {
  content: "\e7e7";
}

.lnr-construction:before {
  content: "\e7f6";
}

.lnr-pie-chart:before {
  content: "\e7f8";
}

.lnr-pie-chart2:before {
  content: "\e7f9";
}

.lnr-graph:before {
  content: "\e7fa";
}

.lnr-chart-growth:before {
  content: "\e7fb";
}

.lnr-chart-bars:before {
  content: "\e7fc";
}

.lnr-chart-settings:before {
  content: "\e7fd";
}

.lnr-rank:before {
  content: "\e801";
}

.lnr-rank2:before {
  content: "\e802";
}

.lnr-rank3:before {
  content: "\e803";
}

.lnr-speed-slow:before {
  content: "\e834";
}

.lnr-speed-medium:before {
  content: "\e835";
}

.lnr-speed-fast:before {
  content: "\e836";
}

.lnr-rocket:before {
  content: "\e837";
}

.lnr-select2:before {
  content: "\e882";
}

.lnr-site-map:before {
  content: "\e883";
}

.lnr-earth:before {
  content: "\e884";
}

.lnr-earth-lock:before {
  content: "\e885";
}

.lnr-network:before {
  content: "\e886";
}

.lnr-network-lock:before {
  content: "\e887";
}

.lnr-lan:before {
  content: "\e8b5";
}

.lnr-lan2:before {
  content: "\e8b6";
}

.lnr-wifi:before {
  content: "\e8b7";
}

.lnr-wifi-lock:before {
  content: "\e8b8";
}

.lnr-refresh:before {
  content: "\e8d3";
}

.lnr-refresh2:before {
  content: "\e8d4";
}

.lnr-undo:before {
  content: "\e8d5";
}

.lnr-redo:before {
  content: "\e8d6";
}

.lnr-undo2:before {
  content: "\e8d8";
}

.lnr-redo2:before {
  content: "\e8d9";
}

.lnr-sync:before {
  content: "\e8da";
}

.lnr-sync2:before {
  content: "\e8dd";
}

.lnr-return:before {
  content: "\e8e0";
}

.lnr-return2:before {
  content: "\e8e1";
}

.lnr-clock2:before {
  content: "\e8e7";
}

.lnr-clock3:before {
  content: "\e8e8";
}

.lnr-timer:before {
  content: "\e8ef";
}

.lnr-download2:before {
  content: "\e8f5";
}

.lnr-upload2:before {
  content: "\e8f6";
}

.lnr-enter-left:before {
  content: "\e8f9";
}

.lnr-enter-right:before {
  content: "\e8fa";
}

.lnr-exit-up:before {
  content: "\e8fb";
}

.lnr-enter-down2:before {
  content: "\e900";
}

.lnr-cli:before {
  content: "\e909";
}

.lnr-code2:before {
  content: "\e90b";
}

.lnr-file-code:before {
  content: "\e90c";
}

.lnr-file-image:before {
  content: "\e90d";
}

.lnr-file-zip:before {
  content: "\e90e";
}

.lnr-file-audio:before {
  content: "\e90f";
}

.lnr-file-preview:before {
  content: "\e911";
}

.lnr-file-charts:before {
  content: "\e912";
}

.lnr-file-stats:before {
  content: "\e913";
}

.lnr-file-spreadsheet:before {
  content: "\e914";
}

.lnr-link:before {
  content: "\e915";
}

.lnr-unlink:before {
  content: "\e916";
}

.lnr-link2:before {
  content: "\e917";
}

.lnr-unlink2:before {
  content: "\e918";
}

.lnr-thumbs-up:before {
  content: "\e919";
}

.lnr-thumbs-down:before {
  content: "\e91a";
}

.lnr-share:before {
  content: "\e91f";
}

.lnr-share2:before {
  content: "\e920";
}

.lnr-magnifier:before {
  content: "\e922";
}

.lnr-file-search:before {
  content: "\e923";
}

.lnr-cross:before {
  content: "\e92a";
}

.lnr-menu:before {
  content: "\e92b";
}

.lnr-list:before {
  content: "\e92c";
}

.lnr-list2:before {
  content: "\e92d";
}

.lnr-list3:before {
  content: "\e92e";
}

.lnr-menu2:before {
  content: "\e92f";
}

.lnr-list4:before {
  content: "\e930";
}

.lnr-menu3:before {
  content: "\e931";
}

.lnr-exclamation:before {
  content: "\e932";
}

.lnr-question:before {
  content: "\e933";
}

.lnr-check:before {
  content: "\e934";
}

.lnr-cross2:before {
  content: "\e935";
}

.lnr-plus:before {
  content: "\e936";
}

.lnr-minus:before {
  content: "\e937";
}

.lnr-chevron-up:before {
  content: "\e939";
}

.lnr-chevron-down:before {
  content: "\e93a";
}

.lnr-chevron-left:before {
  content: "\e93b";
}

.lnr-chevron-right:before {
  content: "\e93c";
}

.lnr-chevrons-expand-vertical:before {
  content: "\e93d";
}

.lnr-chevrons-expand-horizontal:before {
  content: "\e93e";
}

.lnr-chevrons-contract-vertical:before {
  content: "\e93f";
}

.lnr-arrow-up:before {
  content: "\e941";
}

.lnr-arrow-down:before {
  content: "\e942";
}

.lnr-arrow-left:before {
  content: "\e943";
}

.lnr-arrow-right:before {
  content: "\e944";
}

.lnr-arrow-up-right:before {
  content: "\e945";
}

.lnr-arrows-merge:before {
  content: "\e946";
}

.lnr-arrows-split:before {
  content: "\e947";
}

.lnr-contract:before {
  content: "\e94b";
}

.lnr-tab:before {
  content: "\e94f";
}

.lnr-arrow-wave:before {
  content: "\e950";
}

.lnr-notification:before {
  content: "\e954";
}

.lnr-warning:before {
  content: "\e955";
}

.lnr-notification-circle:before {
  content: "\e956";
}

.lnr-question-circle:before {
  content: "\e957";
}

.lnr-menu-circle:before {
  content: "\e958";
}

.lnr-checkmark-circle:before {
  content: "\e959";
}

.lnr-cross-circle:before {
  content: "\e95a";
}

.lnr-plus-circle:before {
  content: "\e95b";
}

.lnr-circle-minus:before {
  content: "\e95c";
}

.lnr-arrow-up-circle:before {
  content: "\e95e";
}

.lnr-arrow-down-circle:before {
  content: "\e95f";
}

.lnr-arrow-left-circle:before {
  content: "\e960";
}

.lnr-arrow-right-circle:before {
  content: "\e961";
}

.lnr-chevron-up-circle:before {
  content: "\e962";
}

.lnr-chevron-down-circle:before {
  content: "\e963";
}

.lnr-chevron-left-circle:before {
  content: "\e964";
}

.lnr-chevron-right-circle:before {
  content: "\e965";
}

.lnr-backward-circle:before {
  content: "\e966";
}

.lnr-forward-circle:before {
  content: "\e96e";
}

.lnr-layers:before {
  content: "\e977";
}

.lnr-arrow-up-square:before {
  content: "\e991";
}

.lnr-arrow-down-square:before {
  content: "\e992";
}

.lnr-arrow-left-square:before {
  content: "\e993";
}

.lnr-arrow-right-square:before {
  content: "\e994";
}

.lnr-chevron-up-square:before {
  content: "\e995";
}

.lnr-chevron-down-square:before {
  content: "\e996";
}

.lnr-chevron-left-square:before {
  content: "\e997";
}

.lnr-chevron-right-square:before {
  content: "\e998";
}

.lnr-check-square:before {
  content: "\e999";
}

.lnr-cross-square:before {
  content: "\e99a";
}

.lnr-menu-square:before {
  content: "\e99b";
}

.lnr-prohibited:before {
  content: "\e99c";
}

.lnr-circle:before {
  content: "\e99d";
}

.pricing-intro {
  padding: 2em 0;
}

.order {
  padding: 2em 0;
}

.prices .item {
  text-align: center;
  padding: 0;
}

.prices .item h3 {
  margin: 0;
  padding: 0 0 0.4em;
}

.prices .item .per-dev {
  margin-bottom: 10px;
}

.prices .item h2 {
  margin: 0.4em 0 0.2em 0;
  font-size: 2em;
}

.prices .item .item-inner {
  margin: 0.4em 0.8em;
  border: solid 1px #ddd;
  border-radius: 2px;
  border-top-width: 3px;
  padding: 2em 0 0;
  overflow: hidden;
  position: relative;
}

.prices .item .item-inner .item-option {
  display: none;
}

.prices .item .item-inner .item-option.active {
  display: block;
}

.prices .item .list-group {
  margin: 2em 0 0;
  font-size: 1em;
  border-top: solid 1px #DDE3E3;
}

.prices .item .list-group li {
  background: none;
  border: none;
  border-bottom: solid 1px #DDE3E3;
  margin: 0;
  border-radius: 0;
  text-align: left;
  padding: 0.4em 1em;
  position: relative;
  z-index: 2;
}

.prices .item .list-group li:last-child {
  border-bottom: none;
}

.prices .item .list-group li span {
  margin-right: 1em;
}

.prices .item .list-group li img {
  width: 32px;
  height: auto;
  margin-right: 1em;
  margin-top: -2px;
}

.prices .item .list-group .strikethrough {
  opacity: 0.25;
  text-decoration: line-through;
}

.prices .item .list-group .strikethrough img {
  opacity: 0;
}

.prices .item ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 1em;
  font-size: 0.8em;
}

.prices .item ul li {
  padding: 0.4em 0;
}

.prices .item .price-tenure {
  opacity: 0.5;
  font-weight: 300;
  color: #666;
}

.prices .item .price-tenure a {
  color: #666;
}

.prices .item .button {
  height: 45px;
  margin-bottom: 7px;
}

.prices .item .modal table {
  width: 100%;
}

.prices .item .modal table tr td {
  padding: 1em 0.4em;
  border-bottom: solid 1px #F4F6F6;
}

.prices .item .modal table tr td:first-child {
  text-align: left;
}

.prices .item .modal table tr td:last-child {
  text-align: right;
}

.prices .item .modal table tr td:last-child .btn {
  margin: 0;
  display: block;
}

.prices .item .modal .suboptions .btn {
  margin-top: 1.1em;
}

.prices .item .modal table tr td h3 {
  margin: 0;
  padding: 0 1em;
  text-align: right;
  color: #01989D;
  font-size: 2em;
}

.prices .item .modal .suboptions h3 {
  margin: 0;
  padding: 0.5em;
  color: #01989D;
  font-size: 2em;
}

.prices .item .modal table tr td.perp-title {
  padding: 1em;
}

.prices .item .modal table tr td.perp-title h4 {
  margin: 0;
}

.prices .item .modal .suboptions hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #F4F6F6;
  padding: 0;
}

;
.prices .item .modal table tr td.perp-images img {
  width: 32px;
  height: auto;
}

.prices .item .modal .suboptions .perp-title {
  padding: 1em 2em;
}

.prices .item .modal .suboptions .perp-title h4 {
  margin: 0;
}

.prices .item .modal .suboptions .perp-images img {
  width: 32px;
  height: auto;
  margin: 1em;
}

.prices .item .dropdown-menu {
  width: 102%;
  background: #fff;
  margin: 0;
  border: solid 1px #ddd;
  text-align: center;
  top: -5px;
  left: -1%;
}

.prices .item .dropdown-menu li {
  border: none;
  cursor: pointer;
  margin: 0;
}

.prices .item .dropdown-menu li:first-child {
  border-bottom: solid 1px #ddd;
}

.prices .item .dropdown-menu li h2 {
  padding: 0.4em 0;
  margin: 0;
  font-size: 28px;
}

.prices .best-price .item-inner {
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
  border-top-color: #01989D;
  margin: 0 0.8em;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .prices .best-price .item-inner {
    margin: 0.4em 0.8em;
  }
}

.prices .best-price .item-inner h3 {
  padding-top: 8px;
}

.prices .best-price .item-inner .item-option {
  top: 88px;
}

.prices .best-price .list-group {
  margin: 26px 0 0;
}

.prices .best-price .list-group span {
  color: #01989D;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .prices .item {
    width: 100%;
  }
}

.license-switcher {
  text-align: center;
  margin: 1em 0 2em 0;
  left: 50%;
  margin-left: -150px;
  width: 300px;
}

.license-switcher .btn {
  margin: 0;
  background: #F4F6F6;
  color: #666 !important;
  text-shadow: none;
  border: none;
  box-shadow: none;
  width: 150px;
  z-index: 2;
}

.license-switcher .btn.license-active {
  background: #01989D;
  color: #fff !important;
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
}

.license-switcher .btn.license-active:hover {
  background: #017f84;
}

.license-switcher .btn:hover {
  background: #cfd7d7;
}

.cart-table {
  width: 100%;
}

.cart-table td {
  padding-right: 1em;
}

.cart-table td:last-child {
  padding-right: 0;
}

.cart-table input {
  margin-bottom: 1em;
}

.cart-table input[type=radio] {
  margin-right: 0.4em;
  position: relative;
  top: 2px;
}

.cart-table select {
  margin-bottom: 1em;
}

.discount-section {
  margin-bottom: 1em;
}

.cart-intro-table {
  margin-bottom: 2em;
  text-align: right;
}

.cart-intro-table th {
  background: #F4F6F6;
  padding: 0.4em;
}

.cart-intro-table td {
  border-bottom: solid 1px #F4F6F6;
  padding: 0.4em 0;
}

.cart-intro-table .form-control {
  display: inline-block;
  width: auto;
  margin: 0;
}

.cart-intro-table .total-row td {
  border-bottom: solid 3px #01989D;
}

.cart-container h3 {
  margin-top: 1em;
}

.cart-title {
  margin-bottom: 1em;
  text-align: center;
}

.olist ul {
  margin: 1em 0 1em 1.4em;
}

* {
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
  display: block;
}

body {
  font: 14px "Segoe UI", "Helvetica Neue", Arial, Verdana, sans-serif;
  border-top: 2px solid #01989D;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  color: #666;
  /* smooths text*/
  /* overflow: auto; Not sure why this was set, but removing it allows ie7 to work well enough */
}

h1,
h2,
h3,
h4,
h5 {
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: 300;
  margin-top: 0;
}

h1.highlight {
  margin-top: 0;
  color: #DDE3E3;
  font-size: 4.5em;
}

a {
  color: #01989D;
}

a:hover {
  color: #01676a;
}

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

a:focus {
  outline: none;
}

.cls-1 {
  fill: #01989D;
}

/* aim at the dotted line of IE browser*/

h1 {
  font-size: 42px;
  color: #01989D;
  margin-bottom: 10px;
}

/*Previously color:#177CB8;*/

h2 {
  font-size: 36px;
  color: #01989D;
}

h3 {
  font-size: 30px;
  margin-bottom: 12px;
}

/*h1 { color:#4c4c4c; font-size: 42px; margin-bottom: 10px;}
h2 { font-size: 36px; color:#177CB8; }
h3 { font-size: 24px; color:$dark-grey; }*/

h1+h3,
h2+h3 {
  margin-top: -5px;
  margin-bottom: 10px;
}

h4 {
  font-size: 16px;
  color: #01989D;
  margin-bottom: 12px;
  font-weight: 700;
}

h5 {
  font-family: "Segoe UI", "Helvetica Neue", Arial, Verdana, sans-serif;
  font-size: 15px;
  margin-bottom: 6px;
  font-weight: 400;
}

p {
  font-weight: 400;
  line-height: 1.6em;
  margin-bottom: 24px;
}

p.subtitle {
  text-transform: uppercase;
  color: #737373;
  letter-spacing: 0.2em;
  margin-bottom: 8px;
}

p.highlight {
  margin-top: 20px;
  margin-bottom: 8px;
  font-size: 1.25em;
}

.highlight li {
  margin: 0;
  list-style: none;
  font-size: 1.1em;
}

img {
  -ms-interpolation-mode: bicubic;
}

hr {
  width: 100%;
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(244, 246, 246, 0.3);
  margin: 0;
}

var {
  margin: 0;
  border: 1px solid #ddd;
  background-color: #F4F6F6;
  border-radius: 3px;
  max-width: 100%;
  display: inline-block;
  font-style: normal;
  font-family: monospace;
  padding: 0 5px;
}

/*FORM padding changes as result of box-sizing override*/

input.form-control {
  padding: 0 0 0 12px;
}

select.form-control {
  padding: 0 0 0 9px;
}

.form-horizontal .control-label {
  margin-bottom: 5px;
}

.inline {
  display: inline-block;
  /*override bootstrap form-control block */
}

.label-left {
  /* General: used for label on left side of text box. */
  font-weight: bold;
  margin-bottom: 0;
  line-height: 36px;
  /* same as textbox height */
}

.text-right {
  /* General: Pull inner text to the right.  Used in labels */
  text-align: right;
}

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

.page-title {
  margin-top: 1em;
}

.clear {
  clear: both;
}

.clear.space {
  /* General: There are times when we want to add a little separation */
  margin-top: 8px;
}

.light {
  color: #737373;
}

.small {
  font-size: 0.89em;
}

.large {
  font-size: 1.1em;
}

.red {
  color: #B30A00;
}

/*NEW changed default of h2 to blue*/

.red {
  color: #DB2800;
}

.eldos-green {
  color: #01989D;
}

.eldos-green2 {
  color: #01989D;
}

.eldos-orange {
  color: #F68E23;
}

.eldos-blue {
  color: #01989D;
}

.grey {
  color: #737373;
}

h1.grey {
  color: #4c4c4c;
}

.white {
  color: #fff;
}

.black {
  color: #000;
}

.transparent {
  color: transparent;
}

.bold {
  font-weight: bold;
}

.hover_box {
  margin-right: 10px;
  padding: 8px 7px 7px 5px;
  -webkit-transition: box-shadow 0.15s ease;
  /*Adds slight fade in and out on hover*/
  -moz-transition: box-shadow 0.15s ease;
  -o-transition: box-shadow 0.15s ease;
  transition: box-shadow 0.15s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0);
  /*Adds reference for transition */
}

.hover_box:hover {
  background-position: 50% -93px;
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
}

.indent {
  margin-left: 81px;
}

.section-divider {
  width: 100%;
  margin: 2em 0;
  height: 4px;
  background: url("../img/section-divider2.png") no-repeat 50% 0;
}

.section-divider.title {
  margin: -31px 0 40px;
}

.section-spacer {
  width: 100%;
  margin: 30px 0;
  height: 1px;
}

.section-divider span {
  line-height: 0;
  background-color: #177CB8;
  color: white;
  font-size: 18px;
  padding: 5px 10px;
  width: 180px;
  border-left: 15px solid white;
  border-right: 15px solid white;
}

.enlarge {
  background: url("../img/img_enlarge.gif") no-repeat bottom center;
  padding-bottom: 25px;
  margin-bottom: 15px;
  cursor: pointer;
  display: inline-block;
}

#main {
  margin-top: 68px;
}

@media only screen and (max-width: 980px) {
  #main {
    margin-top: 115px;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #main {
    margin-top: 68px;
  }
}

/*COLUMNS*/

.two-col-wrap {
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2;
}

.col {
  float: left;
  padding: 0 10px;
}

.one-twelfth {
  width: 64px;
}

.one-eighth {
  width: 103px;
}

.one-sixth {
  width: 140px;
}

.one-fifth {
  width: 170px;
}

.one-fourth {
  width: 224px;
}

.three-eighths {
  width: 346px;
}

.one-third {
  width: 304px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .one-third {
    width: auto;
  }
}

/*changed from 305px, which caused menu to break*/

.one-half {
  width: 460px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .one-half {
    width: auto;
  }
}

.five-twelfths {
  width: 385px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .five-twelfths {
    width: auto;
  }
}

.seven-twelfths {
  width: 448px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .seven-twelfths {
    width: auto;
  }
}

.four-sixths {
  width: 415px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .four-sixths {
    width: auto;
  }
}

.five-eighths {
  width: 565px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .five-eighths {
    width: auto;
  }
}

.two-thirds {
  width: 624px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .two-thirds {
    width: auto;
  }
}

.three-fourths {
  width: 704px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .three-fourths {
    width: auto;
  }
}

.five-sixths {
  width: 785px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .five-sixths {
    width: auto;
  }
}

/*changed from 758px*/

.full {
  width: 960px;
  margin: 0 auto;
}

.last,
.right {
  float: right;
}

.left {
  float: left;
}

.window.one-half {
  width: 444px;
  padding: 1em;
}

.blue {
  color: #01989D;
}

.circle {
  border-radius: 50%;
  display: inline-block;
  margin-right: 20px;
  color: white !important;
  background: #428bca;
  border: 1px solid #177CB8;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#808080+0,428bca+100 */
  background: #808080;
  /* Old browsers */
  background: -moz-linear-gradient(top, #808080 0%, #428bca 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #808080 0%, #428bca 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #808080 0%, #428bca 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#428bca', GradientType=0);
  /* IE6-9 */
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}

/* Table Grid */

.grid {
  text-align: left;
  margin-top: 0;
}

.grid table {
  border: 1px solid #DDE3E3;
  border-left: none;
  border-top: none;
}

.grid .sub-header {
  padding: 7px;
  background-color: #F4F6F6;
  border-left: 1px solid #DDE3E3;
  border-top: 1px solid #DDE3E3;
  text-align: left;
}

.grid td {
  border-top: 1px solid #DDE3E3;
  border-left: 1px solid #DDE3E3;
  padding: 7px;
}

.grid td h4 {
  margin: 0;
}

/* -- Individual Styles -- */

/* -- .content_container ul and li are defaults for most content -- */

.content_container ul {
  margin: 10px;
}

.content_container ul li {
  margin-left: 25px;
  line-height: 1.7em;
}

ul.list_sidenav {
  margin: 0;
}

ul.list_sidenav li {
  list-style: none;
  padding: 4px 0 4px 10px;
  border: 1px solid #F4F6F6;
  background: none;
  margin: 0;
}

ul.list_sidenav li.active {
  border-left: 2px solid #287ABB;
  background: none;
  background-color: whitesmoke;
  border-top: none;
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
}

ul.bullets_none li {
  list-style: none;
  margin: 4px 0 4px 10px;
  background-position: top left;
}

ul.bullets_blue li {
  font-size: 14px;
  margin: 0 0 0 10px;
  padding: 3px 0 3px 17px;
  list-style: none;
  background: url("../img/blue_bullets.png") no-repeat 0 10px;
}

ul.bullets_blue li.active {
  border-left: 2px solid #287ABB;
  background: none;
  background-color: whitesmoke;
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
}

ul.bullets_blue.two-col li {
  width: 260px;
  float: left;
  margin: 5px 20px 15px 5px;
}

ul.link-list li {
  list-style: none;
  margin-bottom: 20px;
}

ul.link-list li a {
  font-weight: bold;
}

ol {
  margin-left: 1.2em;
  margin-bottom: 10px;
}

ol li {
  margin-bottom: 5px;
}

ol.priv {
  margin: 20px 20px 10px 40px;
}

ol.priv li {
  margin-bottom: 5px;
}

ol.faqs {
  margin-left: 20px;
  margin-bottom: 20px;
  padding-left: 10px;
}

ol.faqs p {
  margin-bottom: 10px;
}

ol.faqs li {
  margin-bottom: 10px;
}

ul.faqs {
  margin-left: 20px;
}

ul.faqs li {
  padding: 5px;
  list-style: none;
}

ul.arrows_blue {
  margin: 20px 0;
}

ul.arrows_blue li {
  background: url("../img/arrow_blue.png") no-repeat 0 5px;
  margin: 10px;
  padding-left: 18px;
  list-style: none;
}

ul.arrows_blue li.img {
  list-style: none;
  background: none;
  margin: 0;
}

/* TOP HEADER BEFORE MENU */

#header_buffer,
#header_container {
  min-height: 70px;
}

#header_container {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  border-bottom: solid 1px #F4F6F6;
  background-color: #FFF;
  z-index: 900;
  border-top: 2px solid #01989D;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #header_container {
    height: auto;
    min-width: 0;
  }
}

/*Fix for Modal Movement !!*/

body.modal-open #header_container {
  margin-left: -8px;
}

@media only screen and (max-width: 980px) {
  body.modal-open #header_container {
    margin: 0;
  }
}

/* END Fix for Modal Movement !!*/

#header .col-md-2,
#header .col-md-8 {
  display: inline-block;
  vertical-align: middle;
}

#header .links {
  margin: 0;
  display: flex;
  justify-content: flex-end;
  flex-flow: wrap;
}

#header .links li a {
  display: block;
  padding: 0 12px;
  margin: 14px 0;
  border-right: solid 1px #DDE3E3;
  text-transform: uppercase;
  color: #666;
  font-size: 12px;
}

#header .links li a .lnr {
  margin-right: 2px;
  color: #01989D;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #header .links li a {
    padding: 0 0 0 6px;
    margin: 0;
    border: none;
  }
}

#header .links li a:hover {
  color: #01989D;
}

#header .links li:nth-child(3) a {
  padding-right: 0;
  border: none;
}

#header .links li:first-child {
  background: none;
}

#header .links #header ul.links li,
ul.links li a {
  font-size: 13px;
  margin: 0;
}

#header .logo a {
  display: block;
  height: 100%;
}

#header svg,
#ports_nav .logo {
  width: auto;
  height: 40px;
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .menu-logo-column {
    width: 200px;
  }
}

.menu-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: wrap;
  min-height: 68px;
  position: relative;
}

@media only screen and (max-width: 980px) {
  .menu-row {
    background-position: center center;
    flex-direction: column;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .menu-row {
    height: auto;
    width: auto;
    flex-flow: inherit;
  }
}

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
  .menu-row {
    height: 68px;
  }
}

@media only screen and (max-width: 980px) {
  .menu-row .menu-column.menu-links-column,
  .menu-row .menu-column.menu-list-column {
    align-self: center;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .menu-row .menu-column.menu-list-column {
    display: none;
  }
}

.menu-row .menu-column.menu-links-column .menu-slogan {
  text-transform: uppercase;
  text-align: right;
  display: block;
}

@media only screen and (max-width: 980px) {
  .menu-row .menu-column.menu-links-column {
    order: -1;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .menu-row .menu-column.menu-links-column {
    margin-top: 0;
    align-self: auto;
    padding-right: 8px;
  }
}

@media only screen and (max-width: 980px) {
  .menu-row .menu-column.menu-logo-column {
    order: -1;
  }
}

.mobile-menu .menu-row {
  display: block;
}

.menu-logo {
  display: block;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .menu-logo {
    padding-left: 38px;
  }
}

/* CONTENT*/

#content_container {
  width: 980px;
  height: auto;
  min-width: 980px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #content_container {
    width: auto;
    min-width: 0;
  }
}

/*
#content_container ul li, #hero ul li {
	font-size: 14px;
	margin: 5px 0 10px 10px;
	padding-left: 12px;
	list-style: none;
	background: url(../img/blue_bullet.gif) no-repeat 0px 08px;
}
*/

/* specific to kb articles - takes too much time to reformat all w/ custom classes*/

.kb.articles ol,
.kb.articles ul {
  margin-left: 3em;
}

.kb.articles h2,
.kb.articles h3 {
  color: black;
}

/* Accordion + Order Page */

#accordion a.accordion-toggle {
  background-color: whitesmoke;
  border: 1px solid #F4F6F6;
  display: block;
  list-style: none;
  margin: 0 0 8px;
  padding: 10px 20px;
  text-decoration: none;
}

#accordion .panel {
  -webkit-box-shadow: none;
  box-shadow: none;
}

#news-accordion a h5 {
  margin-bottom: 15px;
}

#faq .panel h3 {
  margin-bottom: 15px;
  margin-left: 26px;
  text-indent: -25px;
}

#faq .panel p,
#faq .panel ul {
  margin-left: 26px;
  margin-bottom: 16px;
}

.accordion-toggle {
  color: black;
}

a.accordion-toggle:hover {
  color: dimgray;
}

a.accordion-toggle:active,
a.accordion-toggle:hover,
a.accordion-toggle:link {
  text-decoration: none;
}

.ordertable td {
  padding: 0 10px 15px;
}

/*improve the SyntaxHighligher style*/

#main .syntaxhighlighter .line .content {
  margin-left: 1.3em !important;
}

/*a specific field that aiming at the scanner*/

.visit {
  width: 0;
  height: 0;
  overflow: hidden;
}

/*mobile elements*/

hr.divider {
  border: 0;
  margin: 40px 0;
  height: 1px;
  background: radial-gradient(#DDE3E3, rgba(127, 140, 141, 0) 60%);
}

.leadinModal .leadin-footer-wrapper {
  display: none !important;
}

#showcase-customer-logo {
  width: 100px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  #showcase-customer-logo {
    margin-bottom: 1em;
  }
}

#showcase-links {
  text-align: right;
  padding-right: 0;
  color: #01989D;
}

.padder {
  padding: 2em 0;
}

.section-intro {
  max-width: 800px;
  margin: 0 auto 4em;
}

.section-intro p {
  font-size: 1.2em;
}

ul.default-list {
  margin-left: 1.2em;
  list-style: none;
}

ul.default-list li {
  padding-left: 0;
  color: #666;
  position: relative;
  margin: 0 0 0.4em;
}

ul.default-list li:before {
  font-family: FontAwesome;
  font-style: normal;
  content: "\f111";
  color: #ea6755;
  position: absolute;
  top: 8px;
  left: -2em;
  font-size: 6px;
  height: 6px;
  line-height: normal;
}

ul.default-list li:last-child {
  margin: 0;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.entry-content {
  padding-top: 39px;
}

.entry-content:after {
  top: -160px;
  height: 325px;
}

.entry-content .padder {
  padding: 2em 0;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .entry-content .padder {
    padding: 2em 1em;
  }
}

.entry-content .padder:after {
  content: "";
  display: table;
  clear: both;
}

.entry-content.component-content {
  padding: 2em 0;
}

.entry-content.component-content .col-md-8 ul {
  margin-bottom: 2em;
}

.entry-content.component-content .col-md-8 ul:last-child {
  margin-bottom: 0;
}

.entry-content.component-content .supported-services li {
  padding: 0.4em 0;
  text-align: center;
}

.entry-content.component-content .supported-services li span {
  font-size: 40px;
  color: #ea6755;
  display: block;
  margin-bottom: 0.4em;
}

.entry-content.component-content .supported-services li h3 {
  font-size: 24px;
}

.entry-content.download-content {
  padding-top: 0;
}

.entry-content.download-content .section-platforms {
  margin-top: 2em;
}

.padded {
  width: 100%;
}

.padded td {
  padding: 0.4em 0;
}

.edition-body {
  width: 100%;
}

.testimonials {
  font-size: 1.2em;
}

.testimonials .lnr {
  margin-right: 0.4em;
}

.testimonials p {
  background: #F4F6F6;
  padding: 2em;
  border-radius: 2px;
  position: relative;
  margin-bottom: 4em;
}

.testimonials p:after {
  content: " ";
  position: absolute;
  bottom: -30px;
  left: 30px;
  border-width: 0 20px 30px 0;
  border-style: solid;
  border-color: transparent #F4F6F6;
  display: block;
  width: 0;
}

.testimonials p .quoter {
  position: absolute;
  bottom: -27px;
  left: 59px;
  font-style: italic;
}

.edition-container .download-cards {
  margin-bottom: 2em;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .edition-container .download-cards .download-card {
    flex: auto;
    width: auto;
  }
}

.edition-container .download-cards .download-card h3 img {
  height: 32px;
  margin-right: 0.4em;
}

.edition-container .edition-href {
  display: inline-block;
  width: 20%;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .edition-container .edition-href {
    width: 50%;
    padding: 0;
    margin: 0;
    float: left;
  }
}

.edition-container .edition-inner {
  border: solid 1px #DDE3E3;
  border-radius: 2px;
  display: block;
  transition: 0.222s;
  cursor: pointer;
  padding: 2em 1em;
  text-align: center;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .edition-container .edition-inner {
    display: block;
    width: auto;
    margin: 1em;
  }
}

.edition-container .edition-inner.net-card {
  border-top-color: #1a7fb2;
}

.edition-container .edition-inner.vcl-card {
  border-top-color: #ea1f2b;
}

.edition-container .edition-inner.cpp-card {
  border-top-color: #2281e3;
}

.edition-container .edition-inner.java-card {
  border-top-color: #eb2f2e;
}

.edition-container .edition-inner.php-card {
  border-top-color: #777bb3;
}

.edition-container .edition-inner:hover {
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
}

.edition-container .edition-inner:hover .btn {
  background: #017f84;
}

.edition-container .edition-inner p {
  color: #666;
  min-height: 66px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .edition-container .edition-inner p {
    min-height: 0;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .edition-container .edition-inner .edition-row {
    display: block;
    width: auto;
  }
}

.edition-container .edition-inner .edition-row .edition-versions {
  display: block;
  font-size: 0.8em;
  color: #737373;
}

.edition-container .edition-title h3 {
  margin: 0;
}

.edition-container .edition-title img {
  height: 40px;
}

.edition-container .edition-download .btn {
  margin: 0;
  background: #01989D;
  color: #fff;
  transition: 0.222s;
}

.edition-container .edition-download .btn .lnr {
  margin-right: 0.4em;
}

.edition-container .edition-body {
  margin-bottom: 2em;
}

.edition-container .edition-body td {
  border-bottom: solid 1px #F4F6F6;
  padding: 0.4em 0;
}

.edition-container .edition-body td ul {
  margin-bottom: 0;
}

.edition-container .edition-body td .version {
  padding: 0.4em 1em;
  color: #666;
  display: block;
  font-size: 0.8em;
  text-align: center;
}

.edition-container .edition-body td .btn {
  margin: 0;
}

.edition-container .edition-body td.description-td {
  width: 50%;
}

.edition-container .edition-body td.description-td h4 {
  margin: 0;
}

.edition-container .edition-body .download-td {
  text-align: right;
}

.edition-container .edition-body tr:last-child td {
  padding-bottom: 0;
  border-bottom: 0;
}

.edition-container .col-md-4 {
  width: 20%;
}

.article-grid .article-column {
  min-height: 360px;
}

@media only screen and (max-width: 980px) {
  .article-grid .article-column {
    min-height: 0;
    margin-bottom: 1em;
  }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .article-grid .article-column {
    min-height: 0;
    margin-bottom: 1em;
  }
}

.article-grid .article-column .article-icon {
  font-family: 'Eldos-Icons' !important;
  background: url("../img/sbb/icon-cloud.svg") no-repeat center center;
  height: 32px;
  width: 32px;
  font-size: 22px;
  line-height: 32px;
  text-align: center;
  margin-right: 6px;
}

.article-grid .article-column .article-icon.icon-latest {
  background: none;
}

.article-grid .article-column .article-icon.icon-latest:before {
  content: "\e030";
}

.article-grid .article-column .article-icon.icon-General {
  background: none;
}

.article-grid .article-column .article-icon.icon-General:before {
  content: "\e005";
}

.article-grid .article-column .article-icon.icon-FAQ {
  background: none;
}

.article-grid .article-column .article-icon.icon-FAQ:before {
  content: "\e7da";
}

.article-grid .article-column .article-icon.icon-SSH {
  background-image: url("../img/sbb/icon-SSH.svg");
}

.article-grid .article-column .article-icon.icon-FTP {
  background-image: url("../img/sbb/icon-ftps.svg");
}

.article-grid .article-column .article-icon.icon-SFTP {
  background-image: url("../img/sbb/icon-sftp.svg");
}

.article-grid .article-column .article-icon.icon-SSL {
  background-image: url("../img/sbb/icon-SSL.svg");
}

.article-grid .article-column .article-icon.icon-XML {
  background-image: url("../img/sbb/icon-xml.svg");
}

.article-grid .article-column .article-icon.icon-HTTP {
  background-image: url("../img/sbb/icon-http.svg");
}

.article-grid .article-column .article-icon.icon-PDF {
  background-image: url("../img/sbb/icon-pdf.svg");
}

.article-grid .article-column .article-icon.icon-OpenPGP {
  background-image: url("../img/sbb/icon-openpgp.svg");
}

.article-grid .article-column .article-icon.icon-MIME {
  background-image: url("../img/sbb/icon-mime.svg");
}

.article-grid .article-column .article-icon.icon-PKI {
  background-image: url("../img/sbb/icon-pki.svg");
}

.article-grid .article-column .article-icon.icon-WebDAV {
  background-image: url("../img/sbb/icon-webdav.svg");
}

.article-grid .article-column .article-icon.icon-SOAP {
  background: none;
}

.article-grid .article-column .article-icon.icon-SOAP:before {
  content: "\e020";
}

.article-grid .article-column .article-icon.icon-Cryptography {
  background: none;
}

.article-grid .article-column .article-icon.icon-Cryptography:before {
  content: "\e020";
}

.article-grid .article-column .article-icon.icon-HowTo {
  background: none;
}

.article-grid .article-column .article-icon.icon-HowTo:before {
  content: "\e933";
}

.article-grid .article-column .article-icon,
.article-grid .article-column .article-title {
  display: inline-block;
  vertical-align: middle;
}

.article-grid .article-column .article-more {
  margin-top: 1em;
  margin-left: 1.2em;
  display: inline-block;
}

.article-grid .article-column .article-more .lnr {
  position: relative;
  top: 1px;
}

.kb-intro {
  position: relative;
}

.kb-intro .view-switcher {
  text-align: center;
  width: 300px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .kb-intro .view-switcher {
    position: relative;
    top: auto;
    right: auto;
    width: auto;
    margin: 1em 0 0;
    left: 50%;
    margin-left: -150px;
  }
}

.kb-intro .view-switcher .btn {
  margin: 0;
  background: #F4F6F6;
  color: #666 !important;
  text-shadow: none;
  border: none;
  box-shadow: none;
  width: 150px;
  z-index: 2;
}

.kb-intro .view-switcher .btn.active {
  background: #01989D;
  color: #fff !important;
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
}

.kb-intro .view-switcher .btn.active:hover {
  background: #017f84;
}

.kb-intro .view-switcher .btn:hover {
  background: #cfd7d7;
}

.kb-intro form {
  background: #F4F6F6;
  padding: 1em;
  margin-top: 1em;
}

.kb-intro h1 {
  margin: 0;
}

.kb-intro .padder {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-flow: wrap;
}

.article-download {
  padding: 2em 1em;
  border: solid 1px #F4F6F6;
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
  border-radius: 2px;
  text-align: center;
}

.pagination>li>a,
.pagination>li>span {
  color: #01989D;
}

.pagination>.active>a {
  background: #01989D;
  border-color: #01989D;
  color: #fff;
}

.whats-new-banner {
  text-align: center;
}

.whats-new-banner p {
  background: rgba(1, 152, 157, 0.05);
  border-left: solid 3px #01989D;
  padding: 0.65em 1em;
  display: inline-block;
  margin: 1em 0 0;
  font-size: 0.8em;
}

.whats-new-banner p a {
  color: #01989D;
}

.whats-new-banner p a:hover {
  color: #017f84;
}

.btn .lnr,
.btn-light .lnr {
  font-size: 12px;
}

a.btn-light {
  background: #DDE3E3;
  color: #666 !important;
  text-shadow: none;
}

a.btn-light:hover {
  background: #cfd7d7;
}

.request-form table {
  width: 100%;
}

.request-form table td {
  padding: 0 0.4em;
}

.request-form input,
.request-form select,
.request-form textarea {
  width: 100%;
  margin: -0.2em -0.2em 1em;
}

.request-form input[type=checkbox] {
  width: auto;
  margin-right: 0.4em;
  position: relative;
  top: 2px;
}

.request-form:last-child {
  border-left: solid 1px #F4F6F6;
}

.request-form.kmip-request-form:last-child {
  border-left: none;
}

.companies-list li {
  text-align: center;
  padding: 0.4em;
  height: 75px;
  line-height: 59px;
  transition: 0.222s;
  border-right: solid 1px #F4F6F6;
  border-bottom: solid 1px #F4F6F6;
}

@media only screen and (max-device-width: 480px) and (min-device-width: 320px) {
  .companies-list li {
    border-right: none;
  }
}

.companies-list li:hover {
  opacity: 1;
}

.companies-list li img {
  max-width: 100px;
  max-height: 50px;
}

.companies-list li:nth-child(6n) {
  border-right: none;
}

.companies-list li:nth-child(n+31) {
  border-bottom: none;
}

.pricing-switcher {
  position: relative;
  overflow: hidden;
}

.pricing-switcher:after {
  content: " ";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: -50%;
  left: 0;
  transform: skewY(6deg);
  background: #F4F6F6;
}

.pricing-switcher:after {
  height: 400px;
  top: -270px;
}

.pricing-switcher .pricing-intro {
  position: relative;
  z-index: 2;
}

.pricing-switcher .pricing-intro p {
  margin-bottom: 0.6em;
}

.pricing-switcher .pricing-intro .pricing-alert {
  font-size: 0.8em;
  margin: 0;
  opacity: 0.8;
  font-style: italic;
}

.pricing-switcher .order-highlight {
  background: #fff;
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
  border-radius: 2px;
  padding: 1em;
}

.pricing-switcher .order-highlight h3 {
  font-size: 26px;
}

.pricing-switcher .order-highlight p {
  margin: 0;
}

.download-slice {
  position: relative;
  overflow: hidden;
}

.download-slice:after {
  content: " ";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: -50%;
  left: 0;
  transform: skewY(6deg);
  background: #F4F6F6;
}

.download-slice:after {
  height: 400px;
  top: -270px;
}

.download-slice .pricing-intro {
  position: relative;
  z-index: 2;
}

.download-slice .order-highlight {
  background: #fff;
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
  border-radius: 2px;
  padding: 1.2em;
}

.download-slice .order-highlight h3 {
  font-size: 26px;
}

.download-slice .order-highlight p {
  margin: 0;
}

.company-contact {
  position: relative;
  overflow: hidden;
}

.company-contact:after {
  content: " ";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: -50%;
  left: 0;
  transform: skewY(6deg);
  background: #F4F6F6;
}

.company-contact:after {
  height: 400px;
  top: -220px;
}

.company-contact .padder {
  position: relative;
  z-index: 2;
}

.company-contact .hours-card {
  background: #fff;
  padding: 2em;
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
  border-radius: 2px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .company-contact .hours-card {
    margin-bottom: 1em;
  }
}

.company-contact .hours-card h2 {
  margin: 0;
}

.company-contact .hours-card img {
  margin-bottom: 1em;
}

.nomargin {
  margin: 0;
}

.premium-section {
  border-top: solid 1px #DDE3E3;
  margin-top: 2em;
}

.premium-card {
  width: 33.333%;
  margin: 0 auto;
}

.premium-card .premium-card-inner {
  background: #fff;
  border: solid 1px #DDE3E3;
  padding: 2em 0;
  margin-top: 2em;
  text-align: center;
  border-top: solid 3px #DDE3E3;
}

.premium-card .premium-card-inner .card-add ul {
  list-style: none;
  margin: 0 0 1em;
  padding: 0;
  font-size: 0.8em;
}

.premium-card .premium-card-inner .card-add ul li {
  padding: 0.4em 0;
}

.premium-card .premium-card-inner .card-add ul li:last-child {
  border: none;
}

.premium-card .premium-card-inner .card-add h2 {
  margin: 0.4em 0;
  font-size: 2em;
}

.premium-card .premium-card-inner .card-add h3 {
  margin: 0;
  padding: 0 0 0.4em;
}

.premium-card .premium-card-inner .card-add p {
  font-size: 0.8em;
  font-style: italic;
  margin: 0;
}

.premium-card .premium-card-inner .card-add .lnr {
  margin-right: 0.4em;
}

.premium-card p {
  margin: 1em 0 0;
  font-style: italic;
}

.about-logo {
  border: solid 1px #DDE3E3;
  padding: 2em;
  text-align: center;
}

.about-logo img {
  width: 200px;
}

@media only screen and (max-device-width: 480px) and (min-device-width: 320px) {
  .about-logo img {
    width: 100px;
  }
}

.article-title {
  font-size: 34px;
}

.landing-subhead #submenu_container .submenu .title-column .product-subtitle .lnr {
  margin: 6px;
}

.landing-intro {
  border-bottom: solid 1px #F4F6F6;
}

.landing-intro .intro-paragraph {
  font-size: 1.2em;
  margin: 0;
}

.landing-content .landing-highlight {
  border: solid 1px #DDE3E3;
  border-top-width: 3px;
  border-radius: 2px;
  padding: 2em;
  font-size: 13px;
}

.landing-content .landing-highlight ol:last-child,
.landing-content .landing-highlight ul:last-child {
  margin: 0;
}

.landing-content .landing-highlight ol {
  margin-left: 0;
  padding-right: 0;
  list-style-type: none;
}

.landing-content .landing-highlight ol li {
  counter-increment: step-counter;
  margin-bottom: 1em;
  padding-left: 30px;
  position: relative;
}

.landing-content .landing-highlight ol li:before {
  content: counter(step-counter);
  background-color: #ea6755;
  color: #fff;
  border-radius: 2px;
  position: absolute;
  left: 0;
  padding: 1px 6px;
  font-size: 10px;
  top: 2px;
}

.landing-content .landing-highlight ol li:last-child {
  margin: 0;
}

.landing-hero .landing-hero-container {
  display: table;
}

.landing-hero .landing-hero-container .landing-hero-txt,
.landing-hero .landing-hero-container .landing-hero-img {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}

.reg,
sup {
  font-size: 0.4em;
  top: -1em;
}

.modal-open #submenu_container {
  left: -8px;
}

.whats-new-header {
  background: #01989D;
  padding: 2em 1em;
  margin-bottom: 2em;
}

.whats-new-header h1,
.whats-new-header h3 {
  color: #fff;
}

.whats-new-header .btn {
  background: #F4F6F6 !important;
  color: #666 !important;
  text-shadow: none;
  margin-top: 1em;
}

.whats-new-header .btn:hover {
  background: #fff !important;
}

.whats-new-header .whats-new-img {
  text-align: center;
  position: relative;
  top: 14px;
}

.whats-new p {
  margin: 0 0 10px 0;
}

.addon-label {
  max-width: 95%;
  vertical-align: middle;
}

.faq-group h3 {
  max-width: 95%;
  vertical-align: top;
  margin-top: -3px;
  margin-bottom: 0.4em;
}

.landing-bucket {
  background: #fff;
  display: block;
  padding: 2em 1em;
  transition: 0.222s;
  position: relative;
  border-radius: 2px;
  border: solid 1px #DDE3E3;
  text-align: center;
}

.landing-bucket:hover {
  background: #fff;
  box-shadow: 0 10px 35px rgba(50, 50, 93, 0.1), 0 3px 15px rgba(0, 0, 0, 0.07);
  border-color: #DDE3E3;
}

.landing-bucket .lnr {
  display: block;
  font-size: 64px;
  color: #ea6755;
  margin-bottom: 12px;
}

.landing-bucket h3 {
  font-size: 30px;
  margin: 0;
}

.landing-bucket-container h1 {
  text-align: center;
  font-size: 40px;
  margin: 0 0 1em;
}

.company-section .awards-list {
  margin: 0 auto 1em;
}

.company-section .awards-list li {
  background: url(../img/laurel.png) no-repeat center center;
  text-align: center;
}

.company-section .awards-list li img {
  height: 50px;
}

.company-section .company-brought .company-brought-inner h3 {
  text-transform: uppercase;
  font-size: 16px;
  margin: 0;
}

.company-section .company-body {
  border-left: solid 1px #F4F6F6;
}

.company-section .company-body p:last-child {
  margin: 0;
}

.company-section .company-intro {
  border-bottom: solid 1px #F4F6F6;
  padding-bottom: 16px;
}

.company-section .company-intro:last-child {
  border: none;
  padding: 0;
}

.company-section .company-intro img {
  height: 26px;
  margin-left: 4px;
  position: relative;
  top: -2px;
}

.company-section .company-headline {
  color: #666;
}

.roadmap-intro {
  background-image: url(../img/home/fiber-optic.jpg);
  background-size: cover;
  background-position: center center;
  position: relative;
}

.roadmap-intro:after {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#01989d+0,01b1b7+100&0.7+0,1+60 */
  background: -moz-linear-gradient(-45deg, rgba(1, 152, 157, 0.7) 0%, #01a7ad 60%, #01b1b7 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(1, 152, 157, 0.7) 0%, #01a7ad 60%, #01b1b7 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(1, 152, 157, 0.7) 0%, #01a7ad 60%, #01b1b7 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b301989d', endColorstr='#01b1b7', GradientType=1);
  /* IE6-9 fallback on horizontal gradient */
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.roadmap-intro .padder {
  padding: 4em 0;
}

.roadmap-intro .padder h1 {
  color: #fff;
  font-size: 3.6em;
  margin: 0;
  position: relative;
  z-index: 2;
}

.roadmap-intro .padder p {
  position: relative;
  z-index: 2;
  color: #F4F6F6;
}

.roadmap-intro .padder p:last-child {
  margin: 0;
}

.roadmap-intro .padder a {
  color: #F4F6F6;
  text-decoration: underline;
}

.roadmap-intro .padder a:hover {
  text-decoration: none;
}

.roadmap-highlights .padder {
  position: relative;
  z-index: 2;
}

.roadmap-highlights .roadmap-list {
  margin-bottom: 2em;
}

.roadmap-highlights .roadmap-list .roadmap-inner {
  margin-bottom: 0.4em;
}

.roadmap-highlights .roadmap-list .roadmap-inner .fa {
  color: #ea6755;
  margin-right: 0.2em;
}

.roadmap-outro p:last-child {
  margin: 0;
}

/*# sourceMappingURL=style.css.map */