/*Breadcrumbs
------------------------------------*/ 
/*Default Breadcrumbs*/
.breadcrumbs {
  overflow: hidden;
  padding: 10px 0 6px;
  border-bottom: solid 1px #eee;
}

.breadcrumbs h1 {
  color: #002050;
  font-size: 27px;
  margin-top: 12px;
  font-weight: 400;
}

.breadcrumb { 
  top: 10px;
  padding-right: 0;
  background: none;
  position: relative;
}
.breadcrumb a {
  color: #777;
}
.breadcrumb li.active,
.breadcrumb li a:hover {
  color: #ff5412;
  text-decoration: none;
}

@media (max-width: 550px) {
  .breadcrumbs h1.pull-left,
  .breadcrumbs ul.pull-right {
    width: 100%;
    text-align: center;
  }

  .breadcrumbs h1.pull-left {
    margin-bottom: 0;
  }

  .breadcrumbs .breadcrumb {
    top: 0;
    margin-bottom: 10px;
  }
}

/*Parallax Quote
------------------------------------*/
.parallax-quote {
  color: #fff;
  padding: 50px 0;
  position: relative;
  text-align: center;
  height: 330px;
}

/*Parallax Quote Inner*/
.parallax-quote-in {
  z-index: 1;
  position: relative;
  text-align: left;
  padding-left: 0;
}

.parallax-quote.right-aligned .parallax-quote-in {
  padding: 0 10px;
  text-align: right;
}

.parallax-quote.left-aligned {
  background: #00336a url('/img/headers/header-bg-inner-lg-3.jpg') 50% 2% fixed no-repeat;
}

.parallax-quote.left-aligned .parallax-quote-in {
  text-align: left;
  padding-left: 10px;
}

.parallax-quote-in p {
  font-size: 28px;
  text-shadow:
  -2px -2px 0 rgba(0,32,80,0.4),
  2px -2px 0 rgba(0,32,80,0.4),
  -2px 2px 0 rgba(0,32,80,0.4),
  2px 2px 0 rgba(0,32,80,0.4);
  color: #f5f5f5;
  font-weight: 300;
  display: inline-block;
}

.parallax-quote-in p:after,
.parallax-quote-in p:before {
  display: inline;
  content: ' " ';
  position: absolute;
  margin-left: -10px
}

.parallax-quote-in p:after {
  margin-left: 0px;
}

.parallax-quote-in small {
  color: #bbb;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
}

.parallax-quote-in small {
  color: #bddcff;
  display: block;
}

.parallax-quote p {
  font-size: 28px;
  margin-bottom: 10px;
}

.parallax-quote.xlg p {
  font-size: 32px
}

.parallax-quote.lg p {
  font-size: 30px
}

.parallax-quote.lg sm {
  font-size: 26px
}

.parallax-quote.xs p {
  font-size: 24px
}

.parallax-quote.xxs p {
  font-size: 22px
}

.parallax-quote .header-one {
  font-size: 50px;
  color: white;
}

.parallax-quote .header-one {
  font-size: 50px;
  color: white;
}

.parallax-quote .header-text {
  font-size: 34px;
  font-weight: 300;
  margin-top: 10px;
  line-height: 150%;
  color: #ffffff;
}
.parallax-quote .btn-group-wrapper {
  margin-top: 42px;
}

@media (max-width: 1200px) {
  .parallax-quote {
    padding: 35px 0;
    height: 290px;
  }

  .parallax-quote-in p {
    font-size: 22px;
  }
  .parallax-quote .header-one {
    font-size: 40px;
  }
  .parallax-quote .header-text {
     font-size: 30px
  }
  .parallax-quote .btn-group-wrapper .btn-u {
     font-size: 14px;
  }
}

@media (max-width: 768px){
  .parallax-quote-in {
    display: none;
  }
  .parallax-quote {
    height: 150px !important;
  }
}

@media (max-width: 600px) {
  .parallax-quote-in p {
    font-size: 18px;
  }
}

.watch-video-wrapper p, .watch-video-wrapper {
  font-size: 15px;
  margin-top: -25px;
}

.watch-video-wrapper p i {
  color: #335E84;
  font-size: 12px;
  padding-right: 1.2ex;
  font-weight: 600;
}

.watch-video-wrapper a.watch-demo-link {
  font-size: 14px;
  font-weight: 600;
  color: #335E84;
}
.watch-video-wrapper a.watch-demo-link:hover {
  text-decoration: underline
}

@media (max-width: 1000px) {
  .watch-video-wrapper {
    display: none;
  }
}

/*Box Shadows
------------------------------------*/
.shadow-wrapper {
  z-index: 1;  
  position: relative;
}

/*Common Style*/
.box-shadow {
  background: #fff;
  position: relative;
}

.box-shadow:after,
.box-shadow:before {
  top: 80%;
  left: 5px;
  width: 50%;
  z-index: -1;
  content: "";
  bottom: 15px;
  max-width: 300px;
  background: #999;
  position: absolute; 
}

 /*Effect 1*/
.shadow-effect-1 {
  box-shadow: 0 10px 6px -6px #bbb;
  -moz-box-shadow: 0 10px 6px -6px #bbb;
  -webkit-box-shadow: 0 10px 6px -6px #bbb;
}

 /*Effect 2,3,4*/
.shadow-effect-2 {
  position: relative;
}

.shadow-effect-2:after,
.shadow-effect-2:before,
.shadow-effect-3:before,
.shadow-effect-4:after {
  transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -webkit-transform: rotate(-3deg);
  box-shadow: 0 15px 10px #999;
  -moz-box-shadow: 0 15px 10px #999;
  -webkit-box-shadow: 0 15px 10px #999;
}

.shadow-effect-2:after,
.shadow-effect-4:after {
  left: auto;
  right: 5px;
  transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -webkit-transform: rotate(3deg);
}

/* Customers block */
.customers h3 { line-height: 120%; margin: 0.7em 0.3em 0.3em; text-align: center; font-size: 15px; color: #333; padding-top: 10px; border-top: 1px solid #ddd }
.customer-desc p { color: #888; text-align: center; padding-left: 5px; padding-right: 5px; font-size: 11px }
.customers img { max-width: 90%; max-height: 95%; }
.customer-logo { text-align: center; line-height: 80px; height: 80px; margin: 0 5px }
.customer-desc { min-height: 130px }
.customers .row { margin-top: 0px }
.customer-block { display: none; padding-top: 5px }

.our-clients figure { background: #ffffff; width: 103px; height: 103px; line-height: 103px }
.our-clients img { padding: 5px }
.our-clients h4 { margin-top: 0 }
.headline.bt-0 { margin-bottom: 5px; margin-top: 0 }

.cloud-text { margin-top: 110px }
@media (max-width: 1200px) {
  .cloud-text { margin-top: 50px }
}

.features .service a:hover h4 {
  text-decoration: underline;
  color: #F04E32
} 

.benefits div.desc, .features div.desc {
   padding-left: 0;
}
.benefits .block-title {
   font-size: 17px;
   font-weight: 600;
}
.benefits h4 {
   margin-bottom: 5px;
}

.service .block-title.img-icon {
  padding-bottom: 3px;
  padding-left: 37px;
}

.features .service a .block-title {
  color: #00498B;
}

.features .service a:hover .block-title {
  color: #F04E32;
}



.features.applications .block-title {
  font-size: 16px;
  padding-bottom: 10px
}

.solution-panel ul.panel-items { display: inline-block; }
.solution-panel ul.panel-items li:first-child { padding-top: 10px }
.solution-panel .panel-items li { padding: 6px 0 6px 15px; font-size: 13px; font-weight: 400; line-height: 1.2em }
.solution-panel .panel-desk .panel-item {
  padding-bottom: 5px
}
.solution-panel .panel-desk.affix {
  position: fixed;
}
.solution-panel .panel-default { border: none }
.solution-panel h4.panel-title-active {font-size: 14px !important}

.solution-panel .panel-title-active span:before {
  color: #0054C3 !important;
  width: 15px !important;
}
.solution-panel .acc-v1 .panel-title a, .solution-panel .acc-v1 h4.panel-title-active { color: #333; padding: 5px 0; font-size: 14px; font-weight: 400; line-height: 1.2em }
.solution-panel .panel-group .panel-heading+.panel-collapse>.list-group, .solution-panel .panel-group .panel-heading+.panel-collapse>.panel-body { border: none }
.solution-panel .panel-body { padding: 5px 0 }
.solution-panel .panel-body .features { padding-left: 15px;}
.solution-panel .panel-body .features li { padding: 6px 0; font-size: 13px; line-height: 1.2em }
.solution-panel .panel { -webkit-box-shadow: none; box-shadow: none }
.solution-panel .panel-title a:before, .panel-title-active span:before {
    top: 7px;
    right: 10px;
    color: #ed4625;
    font-size: 13px;
    content: "\f0d7";
    font-weight: normal;
    display: inline-block;
    font-family: FontAwesome;
    width: 10px;
}
.solution-panel .panel-title a[aria-expanded="false"]:before {
    content: "\f0da";
}

.features-panel .panel-desk, .solution-panel .panel-desk { max-width: 180px }

@media (max-width: 1200px) {
  .solution-content { padding-left: 30px; }
  .solution-panel {padding-right: 0px; }
  .solution-panel .panel-desk { max-width: 145px }
}

@media (max-width: 995px) {
  .solution-panel { clear: both; width: 100% }
}

.features-panel .panel-default { border: none }
.features-panel .acc-v1 .panel-heading a { color: #00305C; padding: 5px 0; font-size: 14px; font-weight: 400; line-height: 1.2em }
.features-panel .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body { border: none }
.features-panel .panel-body { padding: 5px 0 }
.features-panel .panel-body .features { padding-left: 15px;}
.features-panel .panel-body .features li { padding: 6px 0; font-size: 13px; line-height: 1.2em }
/*.features-panel .panel-body .features a { color: #333 }
.features-panel .panel-body .features a:hover { color: #F04E32 }*/
.features-panel .panel { -webkit-box-shadow: none; box-shadow: none }
.features-panel .panel-title a:before {
    top: 7px;
    right: 10px;
    color: #ed4625;
    font-size: 13px;
    content: "\f0d7";
    font-weight: normal;
    display: inline-block;
    font-family: FontAwesome;
    width: 10px;
}
.features-panel .panel-title a[aria-expanded="false"]:before {
    content: "\f0da";
}
.features-panel { width: 20%; padding-left: 13px }
.features-content { width: 80% ; border-left: 1px solid #ddd;}

.features-panel .panel-group.affix {
  position: fixed;
  max-width: 210px;
  width: 17%;
}

@media (max-width: 1200px) {
  .features-panel { width: 22% }
  .features-content { width: 78% }
  .features-panel .panel-group.affix, .features-panel .panel-group.affix-top { max-width: 185px; }
}

@media (max-width: 995px) {
  .features-panel { clear: both; width: 100% }
}

.content-boxes-v3.m i.icon-custom {
  width: 100px; height: 90px; font-size: 80px; background: none; color: #206CB2; line-height: 100px
}
.content-boxes-v3.m .content-box {
  overflow: hidden; padding-left: 30px;
}

.content-boxes-v3.m p {
  font-size: 15px
}

.content-boxes-v3.lg i.icon-custom {
  width: 130px; height: 120px; font-size: 110px; background: none; color: #206CB2; line-height: 110px
}

.content-boxes-v3.lg .content-box {
  overflow: hidden; padding-left: 40px;
}

.content-boxes-v3.lg p {
  font-size: 16px
}

table.tutorial td:first-child {
  background-color:#FBFBFB;
}
table.tutorial td {
  background-color:#FBFBFB;
  padding: 10px 15px 0px;
  border: 1px solid #FFF;
}

.demo-center p {
  margin-top: 10px;
  font-size: 85%;
  padding-right: 50px;
}
.demo-center span {
  font-size: 80%;
}

.da-dots { display: none }

.header .lang {
  padding-right: 30px;
  padding-top: 2px;
}

@media (max-width: 1200px) {
  .header .lang {display: none}
}