body{
  color:#282735;
  font-size:16px;
  line-height:23px;
  font-weight: normal;
  font-family: "Helvetica Neue LT W1G", "Helvetica Neue", Helvetica, Arial, Tahoma, sans-serif;
}
body > .MainContainer{
  background-color:#eaedf4;
  color:#282735;
}

.navbar.prls-sub-nav{
  z-index: 1;
}

.row-grey, 
.row-gray {
    background: #4b4b4b;
}

.row-darkgrey a,
.row-darkgrey a.btn-link,
.row-darkgrey a.btn-link:hover,
.row-grey a.btn-link,
.row-grey a.btn-link:hover{
  color:#3399ff !important;
}
.row-darkgrey a.btn-info,
.row-darkgrey a.btn-success {
  color:#fff !important;
}
.row-darkgrey a.btn-default {
  color:#282735!important
}


h1, .h1, h2, .h2{
  font-size:48px ;
  line-height:1.1em;
  font-weight:normal;
  margin-top:0px;
  margin-bottom:25px;
  color:#282735;
}
h2.inbox{
  padding:10px 15px;
  margin-bottom:40px;
  display:inline-block;
  background-color:#eaedf4;
}
h3, .h3{
  font-size:21px;
  line-height:25px;
  font-weight:normal;
  margin-bottom:30px;
  color:#282735;
}
h4, .h4{
  font-size:16px;
  line-height:23px;
  font-weight:700;
  margin-top:0px;
  margin-bottom:15px;
  color:#282735;
}

.MainContainer strong, 
.MainContainer b{
  font-weight:700;
}
p {
  margin-bottom:25px;
}
.MainContainer a, 
.MainContainer [class*="section-"] a{
  color:#3399ff;
  font-weight:normal;
  text-decoration:none;
}
a:focus, 
a:hover{
  color:#3399ff;
  text-decoration:none;
  outline:none;
}

*[class*="section-"]{
  padding: 40px 0px;
}
*[class*="section-"] h2, 
*[class*="section-"] .h2 {
  margin-top: 0px;
}

.MainContainer .btn{
  font-size: 13px;
  line-height: 28px;
  margin-bottom:10px;
  border-radius: 20px;
  font-weight:normal;
  text-transform:uppercase;
}
.btn:hover{
  box-shadow: 0px 3px 10px 0px rgba(0,0,0,.2) !important;
  outline:none !important;
}
.btn:active{
  outline:none;
  box-shadow: inset 0px 3px 10px 0px rgba(1,53,106,.47) !important;
}
.btn.btn-default:hover,
.btn.btn-default.active, 
.btn.btn-default:active,
.btn.btn-default.focus, 
.btn.btn-default:focus, 
.open>.dropdown-toggle.btn-default.focus, 
.open>.dropdown-toggle.btn-default:focus, 
.open>.dropdown-toggle.btn-default:hover{
  background-color:#fff;
}
.btn-info,
.btn-info:hover {
  color: #fff !important;
  background-color: #3399ff;
  border-color: #3399ff;
}
.btn-success {
  color: #fff !important;
}
.btn.btn-sm{
  padding:5px 20px;
}
.btn.btn-sm,
.btn-group{
  margin-right:20px;
}
.btn .caret {
  margin-left: 14px;
  border-width: 6px;
}

.btn-group .dropdown-toggle{
  margin-right:0px;
}
.btn-group.open .btn-default.dropdown-toggle{
  border-color: #a4b3be;
  background-color: #fff;
}
.btn-group.open .dropdown-menu{
  margin:0;
  width:100%;
  padding:0px;
  border-radius:15px;
}
.btn-group.open .dropdown-menu li{
  padding:0px;
  text-align:center;
  border:1px solid #fff;
  background-color:#a4b3be;
  position:relative;
}
.btn-group.open .dropdown-menu li + li{
  border-top:none;
}
.btn-group.open .dropdown-menu li:first-child{
  border-top-left-radius:15px;
  border-top-right-radius:15px;
}
.btn-group.open .dropdown-menu li:last-child{
  border-bottom-left-radius:15px;
  border-bottom-right-radius:15px;
}
.btn-group.open .dropdown-menu li a{
  padding:24px 15px;
}
.btn-group.open .dropdown-menu li:hover{
  background-color:#3399ff;
  border-color:#3399ff;
  box-shadow:0px 30px 30px 0px rgba(51,68,85,.5);
  z-index:2;
}
.btn-group.open .dropdown-menu li a,
.btn-group.open .dropdown-menu li a:hover{
  background-color:transparent;
  color:#fff;
  text-transform:uppercase;
  text-decoration:none;
}
.btn-group.open .caret{
  position: relative;
  border-color: transparent;
  top: -11px;
  left: -5px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.btn-group.open .caret:before {
  content: "\e014";
}
.dropdown-menu li a.btn-apple{
  padding-left:50px !important;
  background: url('/fileadmin/images/general/icons/2018/apple-white-btn-ico.png') no-repeat 20px center;
} 
.dropdown-menu li a.btn-windows{
  padding-left:60px !important;
  background: url('/fileadmin/images/general/icons/2018/windows-white-btn-ico.png') no-repeat 20px center;
} 

.bg-darkblue{
  background-color:#282735;
}

.bg-darkred{
  background-color:#a1000e;
}


.modal-backdrop.in{
  height:100% !important;
  opacity:.7;
}
.modal-dialog{
  margin-top:50px;
}
@media (min-width: 768px){
.modal-dialog {
  margin-top: 100px;
}
}


.zoomIcon{
  position:relative;
  display:inline-block;
}
.zoomIcon:after{
  content:'\e015';
  color:#fff;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  margin: -14px 0 0 -14px;
  font-size: 30px;
  line-height: 30px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  background: rgba(0,0,0,.3) !important;
  box-shadow: 0 0px 50px 0 rgba(0,0,0,.9) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.videoIcon em.video{
  opacity:1 !important;
  background: rgba(0,0,0,.3) !important;
  box-shadow: 0 0px 50px 0 rgba(0,0,0,.9) !important;
}


#subnav_button {
  /*
  position: relative;
  margin: 0px;
  border: none;
  float: right;
  padding-left: 0px;
  margin-top: 18px;
  margin-right: -15px;
  */
}
#subnav_button:before{
  display:none;
}
#subnav_button a.btn.btn-info,
#subnav_button a.btn.btn-default {
  padding: 4px 17px;
  line-height:20px;
  margin:20px 0px 20px 10px;
  outline:none;
}
#subnav_button a.btn.btn-default:hover {
  color:inherit;
  outline:none;
}

a[href*=youtube] em.video, 
a[href*=youku] em.video {
  width: 30px;
  height: 30px;
  margin: -14px 0 0 -14px;
  font-size: 16px;
  line-height: 30px;
}


.section-hero {
    text-align: center;
}


/*****************  @media  *******************/
@media(max-width: 767px){
.MainContainer .btn{
  display:block;
}
h3, .h3{
  font-size:18px;
}
.btn,
.btn-group{
  width:100%;
}
.btn.btn-sm,
.btn-group{
  margin-right:0px;
}
}

@media(max-width: 991px){
h1, .h1, h2, .h2{
font-size:38px;
}
.prls-subnav>.container>.row>div:last-child {
  display:block;
}
}

@media(min-width: 992px){

}
@media (min-width: 1200px){
/*.modal-lg { width: 1140px; }*/
}


.pmm-bg{
  padding-top:105px !important;
  padding-bottom:0px !important;
  background-image: url('/fileadmin/images/products/pmm/2018/overview/pmm_pattern_a.png');
  background-repeat: repeat-x;
  background-position: center top;
}
.pmm-bg.bg-shift{
  background-position-x: 27%;
}
@media(max-width: 991px){
.pmm-bg{
  background-position-y: -30px;
  padding-top:90px !important;
}
}


.section-bg-right,
.section-bg-left,
.bg-right,
.bg-left{
  position: relative;
  overflow:hidden;
}

.section-bg-right:before {
  content: '';
  display: block;
  height: 90%;
  top: 5%;
  width: 100%;
  position: absolute;
  left: 50%;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
}
.section-bg-left:before {
  content: '';
  display: block;
  height: 90%;
  top: 5%;
  width: 100%;
  position: absolute;
  right: 50%;
  background-repeat: no-repeat;
  background-position: right top;
  background-size: contain;
}


.bg-right:before {
  content: '';
  display: block;
  height: 100%;
  top: 0;
  width: 100%;
  position: absolute;
  left: calc( 50% + 15px );
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto;
}
.bg-left:before {
  content: '';
  display: block;
  height: 100%;
  top: 0;
  width: 100%;
  position: absolute;
  right: calc( 50% + 15px );
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto;
}
@media (max-width: 767px) {
.section-bg-right:before,
.section-bg-left:before,
.bg-right:before,
.bg-left:before{
  display: none;
}
}



/************** Table ****************/
.table {
  border-collapse: unset;
  text-align: center;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f4f6fa;
}
.table.table-striped > tbody > tr:nth-of-type(even) {
  background-color: #eaedf4;
}
.table tr.info,
.table tr.info td,
.table tr.info th {
  background-color: #a4b3be !important;
  line-height:1em;
  border-color:#a4b3be;
}
.table tr.info th,
.table tr.info hd{
  color: #fff;
}
.table tr.info small{
  font-size:13px;
}
.table > tbody > tr > td, 
.table > tbody > tr > th,
.table > tfoot > tr > td{
  font-size: 16px;
  line-height: 23px;
  height:50px;
  padding:13px 25px;
  text-align:center;
  font-weight:normal;
  vertical-align: middle;
}

.table tbody th:first-child,
.table tbody td:first-child{
  border-left: 1px solid #a4b3be;
}
.table tbody tr:first-child td, 
.table tbody tr:first-child th {
  border-top: 1px solid #a4b3be;
}
.table tfoot tr td, 
.table tfoot tr th {
  border: none;
}
.table tbody tr:first-child td:first-child, 
.table tbody tr:first-child th:first-child {
  border-top-left-radius: 15px;
}
.table tbody tr:first-child th:last-child,
.table tbody tr:first-child td:last-child {
  border-top-right-radius: 15px;
}
.table tbody tr:last-child td:first-child, 
.table tbody tr:last-child th:first-child {
  border-bottom-left-radius: 15px;
}
.table tbody tr:last-child td:last-child, 
.table tbody tr:last-child th:last-child {
  border-bottom-right-radius: 15px;
}
.table tbody tr td:nth-child(1),
.table tbody tr th:nth-child(1),
.table tfoot tr td:nth-child(1),
.table tfoot tr th:nth-child(1){
  text-align:left;
}
.table tbody tr td:nth-child(2),
.table tbody tr td:nth-child(3),
.table tbody tr td:nth-child(4) {
  width: 16%;
}
.table tbody td, 
.table tbody th {
  border-top: none;
  border-left: none;
  border-right: 1px solid #a4b3be;
  border-bottom: 1px solid #a4b3be;
}
.table tbody tr:first-child td, 
.table tbody tr:first-child th {
  border-top: 1px solid #a4b3be;
}
.table .glyphicon{
  color:#3399ff;
}
.table td .glyphicon + sup{
  color:#3399ff;
  font-size: 20px;
  margin-left: 5px;
  top: 0px;
}
.table > tfoot > tr > td sup{
  color:#3399ff;
  font-size: 20px;
  top: 0px;
}

.small-chart .compare-block {
  padding: 20px 20px 0px;
  border: 1px solid #a4b3be;
  background-color: #f4f6fa;
  padding:0px;
  background-color: #eaedf4;
}

.small-chart .compare-block:first-of-type {
  border-top-right-radius: 15px;
  border-top-left-radius: 15px;
  overflow:hidden;
}
.small-chart .compare-block h3 {
  font-weight:bold;
  margin:0px;
}
.small-chart .compare-block table {
  width: 100%;
  max-width: 100%;
  margin: 0px;
}
.small-chart .compare-block table tbody td:last-child {
  width: 50px;
  text-align: right;
}
.small-chart .compare-block table .glyphicon{
  color:#3399ff;
}
.small-chart .compare-block table td .glyphicon + sup{
  color:#3399ff;
  font-size: 20px;
  margin-left: 5px;
  top: 0px;
}
.small-chart .compare-block table > tfoot > tr > td sup{
  color:#3399ff;
  font-size: 20px;
  top: 0px;
}

.small-chart .compare-block table.table tbody td,
.small-chart .compare-block table.table tbody th{
  border-radius:0px;
  border:none;
}
.small-chart .compare-block table.table tbody th{
  background-color:#f4f6fa;
  border-top:1px solid #a4b3be;
  border-bottom:1px solid #a4b3be;
}
.small-chart .compare-block table td, 
.small-chart .compare-block table th{
  padding:7px 10px;
}
.small-chart .compare-block table tbody td:last-child {
  min-width:50px;
  text-align:center;
  border-left:1px solid #a4b3be;
}
.small-chart .compare-block table tfoot td{
  border-top:1px solid #a4b3be;
  background-color:#f4f6fa;
}


/* FLEX-BOX */
.flex{
  display:flex;
}
.flex.flex-center{
  align-items: center;
}
.flex.flex-wrap{
  flex-wrap:wrap;
}
.flex.flex-between{
  justify-content:space-between;
}
.flex.flex-around{
  justify-content:space-around;
}
.flex.flex-column{
  flex-direction:column;
}
.flex img{
  max-width:100%;
}
@media(max-width:767px){
  .flex.no-flex-xs{
    display:block;
  }
}
/* End FLEX-BOX */




/* NEWS ROOM */

.newsroom-article,
.newsroom-link{
  padding-bottom:35px !important;
}
.newsroom-article img{
  margin:0px auto 30px;
  max-width:100%;
}
.newsroom-article p{
  margin-bottom:25px;
}
.newsroom-link p{
  margin-bottom:5px;
}
.newsroom-article strong,
.newsroom-article b{
  font-weight:700 !important;
}
.newsroom-article p a{
  color:#0099ff;
  font-weight:normal;
}
.newsroom-article h1{
  text-align:center;
}
.newsroom-article h3{
  margin-top:0px;
  margin-bottom:30px;
  text-align:center;
}
.newsroom-article h4{
  font-size: 16px;
  font-weight: 700;
  line-height: 1.44;
  margin-top: 0px;
  margin-bottom: 5px;
}
/* End NEWS ROOM */



.navbar.prls-sub-nav .navbar-nav #subnav_button a.btn-info{
  color: #fff !important;
  background-color: #3399ff;
  border-color: #3399ff;
}


/* section-quotes */


.section-quotes{
  text-align:center;
  padding-bottom:30px !important;
}
.section-quotes h1,
.section-quotes h2,
.section-quotes p{
  color:#fff;
}
.section-quotes p + p{
  margin-top:30px;
}
.section-quotes img{
  margin-bottom:30px;
  max-width:100%;
}
.section-quotes .btn-link{
  display:inline-block;
  padding:0px 15px !important;
  margin-bottom:15px;
  color:inherit;
}
.section-quotes .btn-link:hover{
  color:inherit;
}
.section-quotes .container{
  position:relative;
}
.section-quotes .container::before,
.section-quotes .container::after{
  content: '';
  display: block;
  width: 79px;
  height: 70px;
  position: absolute;
  top: 6px;
}
.section-quotes .container::before {
  background: url(/fileadmin/images/general/icons/quotesGreyOpen.png) no-repeat;
  left: 30px;
}
.section-quotes .container::after {
  background: url(/fileadmin/images/general/icons/quotesGreyClose.png) no-repeat right top;
  right: 30px;
}
@media(max-width:640px){
  .section-quotes .container::before,
  .section-quotes .container::after{
    background-size:70%;
  }
}
@media(max-width:480px){
  .section-quotes .container::before,
  .section-quotes .container::after{
    background-size:50%;
  }
  .section-quotes .container::before{
    left:20px;
  }
  .section-quotes .container::after{
    right:20px;
  }

}

.carousel-quotes .carousel .item img{
  display:inline-block;
}
.carousel-quotes .carousel-control{
  width:60px;
}
.carousel-quotes .carousel-control.left{
  background: url(/fileadmin/images/general/icons/carousel-arr-white-left.png) no-repeat 50% 150px;
}
.carousel-quotes .carousel-control.right{
  background: url(/fileadmin/images/general/icons/carousel-arr-white-right.png) no-repeat 50% 150px;
}

/* End section-quotes */




/*****************  CTA-block  *******************/
.CTA-block{
  margin:10px 0px 40px;
  background-color:#fff;
  border-radius:15px;
}
.CTA-block .CTA-logo,
.CTA-block .CTA-text{
  padding:30px 30px 0px;
}
.CTA-block .CTA-logo img{
  margin:auto;
}
.CTA-block .CTA-btns{
  border-bottom-left-radius:15px;
  border-bottom-right-radius:15px;
  padding:0px;
}
.CTA-block .CTA-btns a{
  font-size:13px;
  padding:20px;
  line-height:1.3em;
  width:100%;
  background-color:#a4b3be;
  color:#fff;
  text-transform:uppercase;
  display: flex;
  align-items: center;
  height: 100%;
  min-height: 70px;
  text-decoration:none;
  border:1px solid #fff;
}
.CTA-block .CTA-btns a:last-child{
  border-bottom-left-radius:15px;
  border-bottom-right-radius:15px;
}
.CTA-block .CTA-btns a + a{
  border-top:none;
}
.CTA-block .CTA-btns a:hover{
  background-color:#3399ff;
  border-color:#6db5fd;
  position:relative;
  box-shadow: 0px 30px 30px rgba(51,68,85,.5);
}
.CTA-block .CTA-btns a:before{
  content:'';
  width:35px;
  height:35px;
  margin:auto 15px auto 0;
  display:inline-block;
  background-repeat:no-repeat;
  background-position:center;
}
.CTA-block .CTA-btns a.CTA_case-studies:before{
  background-image:url('/fileadmin/images/general/icons/2018/CTA-block_case_study_icon.png');
}
.CTA-block .CTA-btns a.CTA_live-demo:before{
  background-image:url('/fileadmin/images/general/icons/2018/CTA-block_live_demo_icon.png');
}
.CTA-block .CTA-btns a.CTA_get-a-quote:before{
  background-image:url('/fileadmin/images/general/icons/2018/CTA-block_contact_icon.png');
}
.CTA-block .CTA-btns a.CTA_white-paper:before{
  background-image:url('/fileadmin/images/general/icons/2018/CTA-block_white_paper_icon.png');
}
.CTA-block .CTA-btns a.CTA_try-now:before{
  background-image:url('/fileadmin/images/general/icons/2018/CTA-block_try_now_icon.png');
}
.CTA-block .CTA-btns a.CTA_contact-us:before{
  background-image:url('/fileadmin/images/general/icons/2018/CTA-block_contact_icon.png');
}
.CTA-block .CTA-btns a.CTA_download-wizard:before{
  background-image:url('/fileadmin/images/general/icons/2018/CTA-block_download_icon.png');
}
.CTA-block .CTA-btns a.CTA_watch_video:before{
  background-image:url('/fileadmin/images/general/icons/2018/CTA-block_watch_video_icon.png');
}
  

@media(min-width: 768px){
.CTA-block{
  display:flex;
  align-items:stretch;
  align-content:stretch;
}
.CTA-block .CTA-logo img{
  margin:0px;
}
.CTA-block .CTA-btns{
  display: flex;
  flex-direction: column;
  border-top-right-radius:15px;
  border-bottom-left-radius:0px;
  border-bottom-right-radius:15px;
}
.CTA-block .CTA-btns a:first-child{
  border-top-right-radius:15px;
}
.CTA-block .CTA-btns a:last-child{
  border-bottom-right-radius:15px;
  border-bottom-left-radius:0px;
}
}

@media(min-width: 992px){
.CTA-block .flex-item.col-sm-9{
  display:flex;
}
.CTA-block .CTA-logo{
  display:flex;
  padding-top:0px;
  justify-content: center;
  align-items: center;
}
.CTA-block .CTA-logo img{
  margin:auto;
}
}




/**************** panel ****************/

.panel.panel-info{
  background-color: #eaedf4;
  border: 1px solid #a4b3be;
  border-radius: 15px;
  -webkit-box-shadow: none;
  box-shadow: none;
  overflow:hidden;
}
.panel.panel-info > .panel-heading {
  color: inherit;
  background-color: #f4f6fa;
  border-color: #a4b3be;
  padding: 13px 30px;
}
.panel.panel-info > .panel-body {
  padding: 13px 30px;
}
  

.pardot-form .modal-footer .btn{
  padding:5px 20px;
  margin: 0;
}
.pardot-form .modal-footer .btn + .btn{
  margin-left: 20px;
}


{
  .modal-footer{
    .btn{
      padding:5px 20px;
      margin: 0;
      +.btn{
        margin-left: 20px;
      }
    }
  }
}



/**************** ico-links ****************/

.section-links ul{
  margin-bottom:40px;
}
.ico-link {
  color:inherit !important;
  position: relative;
  padding-left:32px;
  display:block;
  margin-bottom:15px;
  line-height:1.1em;
}
.ico-link:hover {
  color:#3399ff !important;
}
.ico-link:after {
  content: '\e164';
  color: inherit;
  position: absolute;
  left:0px;
  top:0px;
  font-size: 16px;
  line-height: 1.1em;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ico-link.playCircle:after {
  content: '\e029';
}


.slick .slick-track .panel > a {
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
}




/*********  expanded category menu  ***********/
.nav-subcat-wrapper {
  height: 60px;
}
.nav-subcat {
  list-style-type: none;
  padding-left: 0 !important;
  padding-top: 60px;
  margin: 0 !important;
  position: relative;
  height: 60px;
  overflow: hidden;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 15px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.nav-subcat > li {
  line-height: 30px;
  height: 60px;
}
.nav-subcat > li.active {
  border-radius: 15px;
  position: absolute;
  top: 0;
  width: 100%;
  font-weight: 700;
}
.nav-subcat > li.active:after {
  content: '\e252';
  display: block;
  height: 100%;
  line-height: 60px;
  position: absolute;
  top: 0;
  right: 30px;
  font-family: 'Glyphicons Halflings';
}
.nav-subcat > li.active span {
  font-weight: 400;
}
.nav-subcat > li a {
  display: block;
  padding: 15px 25px;
  color: #282735;
}
.nav-subcat > li a:hover,
.nav-subcat > li a:focus,
.nav-subcat > li a:active {
  color: inherit;
}
.nav-subcat.open {
  height: auto;
}
.nav-subcat.open.abs {
  height: auto;
  position: absolute;
  left: 15px;
  right: 15px;
  z-index: 10;
}
.nav-subcat.open > li {
  border: 1px solid #fff;
  border-top-width: 0px;
  background-color: #a4b3be;
}
.nav-subcat.open > li.active {
  border-top-width: 1px;
  border-radius: 15px 15px 0 0;
  background-color: #3399ff;
  color: #fff;
}
.nav-subcat.open > li.active:after {
  content: '\e253';
}
.nav-subcat.open > li:hover {
  background-color: #3399ff;
  box-shadow: 0px 30px 30px 0px rgba(51, 68, 85, 0.5);
  color: #fff;
  display: inline-block;
  width: 100%;
  z-index: 2;
}
.nav-subcat.open > li a {
  color: #fff;
}