body {
  font-family: 'Open Sans', sans-serif;
  line-height: 24px;
  color: #54636d;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  background-color: #fcfcfc;
  letter-spacing: .5px
}

.font-sz-16 {
  font-size: 16px;
  line-height: 1.65;
}

select {
  background-image: none;
  background: #fff url(../png/multiple-select.png)right 1px top -152px no-repeat;
  text-indent: .01px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: .01px
}

select.form-control:not([multiple]):active, select.form-control:not([multiple]):focus {
  background: #fff url(../png/multiple-select.png)right 1px top -116px no-repeat
}

select::-ms-expand {
  display: none
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Open Sans', sans-serif;
  color: #333;
  font-weight: 400;
  line-height: 1.75
}

h1, .h1 {
  font-size: 60px
}

a, a:visited {
  color: #000;
  text-decoration: none;
  -webkit-transition: color ease .1s;
  transition: color ease .1s
}

a:hover, a:focus {
  color: #333
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
  color: inherit
}

/* new style */

.list-square {
  list-style: square;
  font-size: 18px;
}

.navbar-right .navbar-nav .dropdown li:last-child {
  display: block;
}

.nav .caret {
  border-top-color: #888;
  border-bottom-color: #888;
}

.nav a:hover .caret {
  border-top-color: #111;
  border-bottom-color: #111;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
  background-color: #444;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
  background-color: #222;
}

.mh-auto {
  min-height: auto!important;
}


/*  */
.subheader {
  color: #666
}

.img-responsive {
  display: inline-block
}

::selection {
  background: #111;
  color: #fbfbfb;
  -webkit-text-stroke: 0
}

::-moz-selection {
  background: #111;
  color: #fbfbfb
}

.btn-sm, .btn-xs {
  line-height: 1.3
}

.btn-link {
  color: #000
}

.btn-link:hover, .btn-link:focus {
  color: #333;
  text-decoration: none;
}

.font-thin {
  font-weight: 300
}

.input-group-addon, .input-group-btn {
  width: 1%;
  vertical-align: top;
  min-width: 120px
}

.input-lg {
  height: 43px;
  font-size: 14px;
  padding: 10px
}

.alert-danger {
  border: none;
  background-color: #FFDFDF;
  color: #c0392b
}

.alert-success {
  border: none;
  background-color: #ADFFCF;
  color: #0E7B3C
}

.alert-info {
  border: none;
  background-color: #EDCAFC;
  color: #8e44ad
}

.alert h4 {
  margin-top: 0;
  color: inherit;
  font-weight: 700
}

.alert-warning {
  border: none;
  background-color: #FEE5BE;
  color: #BF7600
}

.remove-margin {
  margin-bottom: 0 !important
}

.btn-warning, .btn-success, .btn-info, .btn-danger, .btn-default {
  text-transform: uppercase
}

#admin-profile .btn-group>.btn, #admin-profile .btn-group-vertical>.btn {
  font-size: 13px;
  letter-spacing: .5px
}

.btn-success, .btn-success:visited, .progress-bar-success {
  border-color: #27ae60;
  background-color: #27ae60;
  color: #fff
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
  border-color: #27ae60;
  background-color: #3CA267;
  color: #fff
}

.btn-info, .progress-bar-info {
  border-color: #8e44ad;
  background-color: #8e44ad
}

a.btn:not(.btn-default) {
  color: #fff
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
  border-color: #8e44ad;
  background-color: #7A3896
}

.btn-warning {
  border-color: #FFD38D;
  background-color: #FFD38D;
  color: #C86916
}

.progress-bar-warning {
  background-color: #FFD38D;
  color: #C86916
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
  border-color: #FFD38D;
  background-color: #F9C675;
  color: #C86916
}

.progress {
  border-radius: 0
}

.progress-bar, .progress {
  -webkit-box-shadow: none;
  box-shadow: none
}

.btn-danger, .progress-bar-danger {
  border-color: #c0392b;
  background-color: #c0392b;
  color: #fff
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
  border-color: #ac2925;
  background-color: #A72926;
  color: #fff
}

.btn-square {
  border-radius: 0;
  width: 100%;
  box-shadow: none !important;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}

.btn-square:active, .btn-square:focus, .btn-square:hover {
  box-shadow: none;
}

.placeholder {
  color: #aaa
}

.text-primary {
  color: #333
}

.text-primary:hover {
  color: #111
}

.text-warning {
  color: #C86916
}

.text-warning:hover {
  color: #C86916
}

.text-danger {
  color: #c0392b
}

.text-danger:hover {
  color: #A72926
}

.text-success {
  color: #27ae60
}

.text-success:hover {
  color: #3CA267
}

.text-info {
  color: #8e44ad
}

.text-info:hover {
  color: #7A3896
}

.label-primary {
  background-color: #333;
  color: #fff
}

.label-primary[href]:hover, .label-primary[href]:focus {
  background-color: #111
}

.label-success {
  border-color: #27ae60;
  background-color: #27ae60;
  color: #fff
}

.label-success[href]:hover, .label-success[href]:focus {
  background-color: #3CA267
}

.label-info {
  background-color: #8e44ad;
  color: #fff
}

.label-info[href]:hover, .label-info[href]:focus {
  background-color: #7A3896
}

.label-warning {
  background-color: #C86916;
  color: #fff
}

.label-warning[href]:hover, .label-warning[href]:focus {
  background-color: #C86916
}

.label-danger {
  background-color: #c0392b;
  color: #fff
}

.label-danger[href]:hover, .label-danger[href]:focus {
  background-color: #A72926
}

.btn, a.btn, .btn-sm, a.btn-sm, a.btn-lg, .btn-lg {
  display: inline-block;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: all .1s;
  -webkit-transition: all .1s;
  border: none !important
}

.input-group-addon {
  border-radius: 0
}

.btn.btn-lg {
  padding: 14px 21px;
  line-height: 1;
  font-weight: 400;
  font-size: 14px
}

.btn.btn-xl {
  padding: 16px 30px;
  line-height: 1;
  font-size: 14px
}

.btn.btn-xlg {
  padding: 20px 77px;
  line-height: 1;
  font-size: 16px;
  font-weight: 400
}

.sub-btn {
  font-size: 12px;
  letter-spacing: 0
}

.btn-primary, a.btn-primary {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  -khtml-background-clip: padding-box;
  -webkit-box-shadow: 0 1px 0 #000;
  -moz-box-shadow: 0 1px 0 #000;
  -o-box-shadow: 0 1px 0 #000;
  box-shadow: 0 1px 0 #000;
  background-color: #444;
  font-weight: 300;
  text-shadow: none;
  text-decoration: none;
  color: #fff
}

.btn-primary:hover, a.btn-primary:hover, .btn-primary:focus, a.btn-primary:hover, a.btn-primary:active {
  background: #111;
  color: #fff;
  box-shadow: 0 1px 0 #000
}

.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
  background-color: #ccc;
  border-color: #ccc
}

.btn-default {
  color: #222;
  background: #ddd;
  border: none;
  -webkit-box-shadow: 0 1px 0 #D1D1D1;
  -moz-box-shadow: 0 1px 0 #C27906;
  -o-box-shadow: 0 1px 0 #C27906;
  box-shadow: 0 1px 0 #ADADAD
}

.btn-default:hover, a.btn-default:hover {
  background-color: #e2e2e2
}

input[type="radio"], input[type="checkbox"] {
  margin: 6px 0 0
}

.radio label, .checkbox label, label {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 2px;
  font-weight: 400;
  margin-bottom: -6px
}

.form-control {
  box-shadow: none;
  max-width: 100%;
  border: 1px solid #ccc
}

.form-group label.error {
  color: #D51717;
  font-size: 11px !important;
  letter-spacing: .75px !important;
  line-height: 1.3;
  text-transform: none !important
}

.form-control.error:focus {
  background-color: #FFEDED !important;
  border-color: #FFCBCB !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 203, 203, 0.82);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 203, 203, 0.82)
}

.form-group-sm {
  margin-bottom: 10px
}

.form-group-sm .row {
  margin: 0 -5px
}

.form-group-sm .row>div {
  padding: 0 5px
}

.form-group-sm>label {
  text-transform: none;
  letter-spacing: inherit
}

.xsmall {
  font-size: 12px
}

.col-pd-xs {
  margin-left: -7.5px;
  margin-right: -7.5px
}

.col-pd-xs>div {
  padding-left: 7.5px;
  padding-right: 7.5px
}

.push-right, .right {
  float: right
}

.push-left, .left {
  float: left
}

.media-wp {
  padding: 8px 0 15px
}

.media-title {
  margin: 0;
  display: inline-block;
  line-height: 1;
  margin-left: 15px;
  vertical-align: middle
}

.img-thumbnail {
  width: 90px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  padding: 0;
  background: none;
  border: 3px solid #fff
}

.inline-icons {
  font-size: 16px;
  display: inline-block;
  padding: 0;
  margin: 0;
  list-style: none
}

.inline-icons>li {
  padding-right: 10px;
  padding-left: 0;
  display: inline-block
}

cite:before {
  content: "\2014 \0020"
}

span.hidden-xs {
  display: inline !important
}

nav {
  position: fixed;
  width: 100%;
  z-index: 1025;
  background: #fff
}

nav.fixednav {
  box-shadow: rgba(0, 0, 0, 0.0980392) 0 0 50px
}

.nav-dark {
  background: rgba(0, 0, 0, 0);
  -webkit-transition: background .25s;
  -o-transition: background .25s;
  transition: background .25s
}

.lt-ie9 .nav-dark {
  background: transparent;
  background: none
}

.nav-dark .logo-black, .logo-white, .nav-dark.fixednav .logo-white {
  display: none;
  visibility: hidden
}

.nav-dark .logo-white {
  display: inline-block;
  visibility: visible
}

.nav-dark.fixednav {
  background: #fff
}

.nav-dark.fixednav .logo-black {
  display: inline-block;
  visibility: visible
}
/* 
.nav-dark:not(.fixednav) .navbar-nav>li>a {
  color: #aaa;
}

.nav-dark:not(.fixednav) .navbar-nav>li>a:hover, .nav-dark .navbar-nav>li>a:focus {
  color: #fff;
}

.nav-dark:not(.fixednav) .navbar-nav>li>.signup {
  background-color: #eee;
  color: #111;
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2);
}

.nav-dark:not(.fixednav) .navbar-nav>li>.signup:hover {
  background-color: #fcfcfc;
  color: #111;
}

.nav-dark:not(.fixednav) .navbar-toggle .icon-bar {
  background: #fcfcfc;
}

.nav-dark:not(.fixednav) .navbar-toggle {
  border: 1px solid #fcfcfc;
} */

.nav-alternative {
  background: #111;
  position: relative;
}

.nav-alternative .navbar-brand {
  float: none
}

.mobile-nav {
  display: none
}

.navbar-nav>li>a {
  text-shadow: none;
  font-weight: 700;
  color: #888;
  letter-spacing: 1px;
  padding: 0 16px;
  line-height: 30px;
  margin: 10px 0;
  border-radius: 0;
  font-size: 12px;
  text-transform: uppercase;
  transition: all .1s;
  -webkit-transition: all .1s
}

.navbar-nav>li>a:hover, .navbar-nav>li>a:focus {
  background: none;
  color: #111
}

.navbar-nav>li>.signup {
  border-radius: 4px!important;
  line-height: 26px;
  padding-top: 3px;   /* new */
  padding-bottom: 1px;   /* new */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  -khtml-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #222; /* new */
  font-weight: 300;
  text-shadow: none;
  color: #FFF;

  font-weight: bold; /* new */
}

.navbar-nav>li>.signup:hover, .navbar-nav>li>.signup:focus {
  background: #444;
  color: #fff
}

.navbar-brand {
  margin: 6px;
  padding: 0;
  transition: all .1s;
  -webkit-transition: all .1s
}

a.navbar-brand {
  font-size: 21px;
  color: #fcfcfc;
  text-shadow: 0 0 3px #111;
  line-height: 50px;
  margin: 0;
  width: auto
}

a.navbar-brand img {
  width: auto
}

.navbar-brand:hover {
  color: #eee
}

.home {
  font-size: 16px;
  line-height: 1.675;
  color: #838386
}

.home h1, .home h2, .home h3 {
  line-height: 1.4
}

.home sup {
  top: -.7em
}

.hero-alternative {
  background: #fff;
  padding: 120px 0
}

.hero-alternative h1 {
  font-size: 32px;
  letter-spacing: normal;
  font-weight: 400;
  line-height: 1.3;
  margin-top: 84px;
  margin-bottom: 15px
}

.hero-alternative h3 {
  margin-top: 0
}

.xsmall {
  font-size: 11px
}

.input-lg, .btn-lg {
  border-radius: 3px;
}


/*  new hero page style */
.nav-dark:not(.fixednav) {
  margin-top: 10px;
}
.hero {
  position: relative;
  min-height: calc(100vh - 220px);
  background-color: #f9f9f9;
  color: #222;
  padding-top: 150px;
  padding-bottom: 100px;
  margin: 0;
  background-image: url(../png/mergr-hero.png);
  background-size: 1000px;
  background-repeat: no-repeat;
  background-position: right center;
  background-position: right 64%;
}
.hero-title {
  color: inherit;
  line-height: 1.2!important;
  font-weight: 700;
  font-size: 56px;
}
.hero-subtitle {
  font-size: 18px;
  color: #555;
  line-height: 1.7!important;
  font-weight: 500;
  margin-bottom: 40px;
}
.hero .btn-main {
  background-color: #222;
  color: #fff!important;
}
.hero .btn-main:hover {
  background-color: #444;
}
.btn-main__title {
  margin-top: 6px;
}
.hero .btn-main__subtitle {
  margin-top: 3px;
}

.hero .btn-main-link {
  background-color: #a8a8a8;
  font-weight: bold;
}
.hero .btn-main-link:hover {
  background-color: #bbb;
}

@media (max-width: 1800px) {
  .hero { 
    background-position-x: calc(100vw - 750px);
    background-size: 850px;
  }
}
@media (max-width: 1300px) {
  .hero { 
    background-position-x: 130%;
    background-size: 750px;
  }
}
@media (max-width: 991px) {
  .hero {
    background-position: center;
    background-size: cover;
  }
  .hero:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f9f9f9;
  }
}
@media (max-width: 767px) {
  .hero {
    padding-top: 80px;
    padding-bottom: 50px;
    min-height: auto;
  }
  .hero-title { 
    font-size: 34px;
  }
  .mt-sm-0 {
    margin-top: 0!important;
  }
}

.form-group-lg {
  margin-bottom: 24px;
}

.form-label {
  color: #111
}

.row-sm {
  margin-left: -7.5px;
  margin-right: -7.5px;
}

.row-sm>div {
  padding-left: 7.5px;
  padding-right: 7.5px;
}

.row-clear {
  margin-left: 0;
  margin-right: 0;
}

.row-clear>div {
  padding-left: 0;
  padding-right: 0;
}

a.btn-main, .btn-main {
  height: 66px;
  line-height: 54px;
  font-weight: 700;
  font-size: 22px;
  padding: 6px 30px;
  background: #eeeeee;
  color: #111 !important;
  box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.2);
  margin-right: 15px;
}

a.btn-main:hover, .btn-main:hover {
  background: #fcfcfc;
}

.btn-main__title {
  line-height: 1;
  display: block;
  margin-top: 10px;
}

.btn-main__subtitle {
  display: block;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 400;
  text-transform: none;
}

.btn-main-link, .btn-main-link:visited {
  height: 66px;
  line-height: 54px;
  font-weight: 700;
  font-size: 22px;
  padding: 6px 30px;
  text-decoration: none !important;
  background: rgba(177, 177, 177, 0.2);
  box-shadow: 0px 4px 3px rgba(0, 0, 0, 0.2);
}

.btn-main-link:focus, .btn-main-link:hover {
  background: rgba(177, 177, 177, 0.4);
}

.section-title, .home .section-title {
  margin-bottom: 60px;
  margin-top: 0;
  line-height: 1.25
}

.section-subtitle {
  margin-bottom: 60px;
  font-size: 18px
}

.mb-xs, .home .mb-xs {
  margin-bottom: 6px
}

.mb-sm, .home .mb-sm {
  margin-bottom: 15px
}

.mb-md, .home .mb-md {
  margin-bottom: 24px
}

.mb-lg, .home .mb-lg {
  margin-bottom: 30px
}

.mb-xlg, .home .mb-xlg {
  margin-bottom: 60px
}

.nomargin {
  margin: 0
}

.font-sm {
  font-size: 14px
}

.darkbg h1, .darkbg h2, .darkbg h3, .darkbg h4, .darkbg h5, .darkbg h6, .darkbg {
  color: #EAEAEC
}

.darkbg a, .darkbg a:visited {
  color: #fff;
  text-decoration: underline
}

.darkbg a:hover, .darkbg a:focus {
  color: #fff;
  text-decoration: none
}

.darkbg .btn-primary {
  background: #ddd;
  color: #010101 !important;
  box-shadow: 0 1px 0 #ccc;
  font-weight: 400;
  text-decoration: none
}

.darkbg .btn-primary:hover, .darkbg .btn-primary:focus {
  background: #fcfcfc;
  box-shadow: 0 1px 0 #fff;
}

.btn-alt {
  min-width: 280px;
  width: 50%;
  margin: 0 auto;
  border-radius: 4px;
  font-size: 16px;
}

.bgwhite {
  background-color: #fff
}

.bglightgray {
  background-color: #f7f7f7
}

.bggradientgray {
  background-color: #111;
  background: -webkit-radial-gradient(circle, #3f4042 0%, #080808 100%);
  background: radial-gradient(circle, #3f4042 0%, #080808 100%);
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0)
}

.whatwedo {
  text-align: center;
  background: #fff;
  overflow: hidden
}

.whatwedo-img {
  max-width: 100%;
  height: auto;
  margin: -90px auto 30px;
  display: block
}

.wwd-block {
  border: 2px solid #ddd;
  border-bottom: 0;
  -moz-border-image: -moz-linear-gradient(#ddd 0px, transparent 100%);
  -webkit-border-image: -webkit-linear-gradient(#ddd 0px, transparent 100%);
  border-image: linear-gradient(#ddd 0px, transparent 100%);
  border-image-slice: 1;
  border-image-width: 2px;
  border-radius: 3px;
  padding: 15px 15px 0
}

.wwd-block :last-child {
  margin-bottom: 0
}

.wwd-block h4 {
  margin: 0 0 7px
}

.wwd-block .small {
  font-size: 14px;
}

.wwd-block .list-unstyled {
  margin: 0 auto;
  text-align: left;
  display: inline-block;
}

.wwd-network {
  position: relative;
  max-width: 1262px;
  margin: -110px auto 24px;
  background: url(../png/mergr-what-we-do-whitebg.png) top center;
  height: 771px;
  padding-top: 110px;
  overflow: hidden
}

.animation-wrapper {
  position: absolute;
  width: 1262px;
  height: 100%;
  left: 50%;
  margin-left: -631px;
  top: 0
}

.node {
  position: absolute;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0)
}

.node.animate {
  -webkit-animation: animate-node 3s infinite;
  -moz-animation: animate-node 3s infinite;
  -o-animation: animate-node 3s infinite;
  animation: animate-node 3s infinite
}

.node.n1 {
  left: 404px;
  top: 211px
}

.node.n2 {
  left: 598px;
  top: 203px
}

.node.n3 {
  right: 399px;
  top: 210px
}

.node.n4 {
  left: 485px;
  bottom: 227px
}

.wwd-network:before {
  content: "";
  position: absolute;
  opacity: 0;
  bottom: 85px;
  left: 50%;
  width: 90px;
  height: 56px;
  margin-left: -45px;
  background-color: #8C8C8C;
  border-radius: 3px;
  -webkit-animation: animate-opacity 3s 3s infinite;
  -moz-animation: animate-opacity 3s 3s infinite;
  -o-animation: animate-opacity 3s 3s infinite;
  animation: animate-opacity 3s 3s infinite
}

@-webkit-keyframes animate-node {
  0% {
    -webkit-transform: scale(0)
  }
  9% {
    -webkit-transform: scale(0.7)
  }
  30% {
    -webkit-transform: scale(1)
  }
  40% {
    -webkit-transform: scale(0)
  }
  100% {
    -webkit-transform: scale(0)
  }
}

@-moz-keyframes animate-node {
  0% {
    -moz-transform: scale(0)
  }
  9% {
    -moz-transform: scale(0.7)
  }
  30% {
    -moz-transform: scale(1)
  }
  40% {
    -moz-transform: scale(0)
  }
  100% {
    -moz-transform: scale(0)
  }
}

@-o-keyframes animate-node {
  0% {
    -o-transform: scale(0)
  }
  9% {
    -o-transform: scale(0.7)
  }
  30% {
    -o-transform: scale(1)
  }
  40% {
    -o-transform: scale(0)
  }
  100% {
    -o-transform: scale(0)
  }
}

@keyframes animate-node {
  0% {
    transform: scale(0)
  }
  9% {
    transform: scale(0.7)
  }
  30% {
    transform: scale(1)
  }
  40% {
    transform: scale(0)
  }
  100% {
    transform: scale(0)
  }
}

@-webkit-keyframes animate-opacity {
  0% {
    opacity: 0
  }
  50% {
    opacity: 0
  }
  53% {
    opacity: 1
  }
  56% {
    opacity: 0
  }
  60% {
    opacity: 1
  }
  68% {
    opacity: 0
  }
}

@-moz-keyframes animate-opacity {
  0% {
    opacity: 0
  }
  50% {
    opacity: 0
  }
  53% {
    opacity: 1
  }
  56% {
    opacity: 0
  }
  60% {
    opacity: 1
  }
  68% {
    opacity: 0
  }
}

@-o-keyframes animate-opacity {
  0% {
    opacity: 0
  }
  50% {
    opacity: 0
  }
  53% {
    opacity: 1
  }
  56% {
    opacity: 0
  }
  60% {
    opacity: 1
  }
  68% {
    opacity: 0
  }
}

@keyframes animate-opacity {
  0% {
    opacity: 0
  }
  50% {
    opacity: 0
  }
  53% {
    opacity: 1
  }
  56% {
    opacity: 0
  }
  60% {
    opacity: 1
  }
  68% {
    opacity: 0
  }
}

.wyd-block {
  margin-bottom: 90px
}

.wyd-block img {
  max-width: 100%;
  display: block;
  line-height: normal;
}

.unstyled-tabs {
  border-bottom: 1px solid #ddd;
  padding-bottom: 4px;
  display: block;
  -webkit-border-image: -webkit-linear-gradient(to left, transparent 0%, #ddd 50%, transparent 100%);
  border-image: linear-gradient(to left, transparent 0%, #ddd 50%, transparent 100%);
  border-image-slice: 1;
  border-image-width: 0 0 1px
}

.unstyled-tabs a {
  padding-bottom: 6px;
  border-bottom: 1px solid #ccc;
  color: #555;
  position: relative
}

.unstyled-tabs .active a, .unstyled-tabs li a:hover, .unstyled-tabs li a:focus {
  text-decoration: none;
  border-bottom: 1px solid #313131;
  color: #000
}

.unstyled-tabs .active a:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #313131;
  left: 50%;
  margin-left: -6px;
  bottom: -6px
}

.unstyled-tabs .active a:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #FFF;
  left: 50%;
  margin-left: -6px;
  bottom: -5px
}

.section.se-advantage {
  padding: 120px 0
}

.se-advantage h4 {
  margin: 9px 0 6px
}

.adgroup img {
  opacity: .2;
  -webkit-transition: opacity .15s;
  -o-transition: opacity .15s;
  transition: opacity .15s
}

.adgroup:hover img {
  opacity: .65
}

.home .logoblock {
  background: #dddddd;
  background: -webkit-linear-gradient(to left, #f3f3f3, #f1f1f1);
  background: linear-gradient(to left, #f3f3f3, #f1f1f1);
}

.home .logoblock h3 {
  margin-bottom: 30px;
  font-size: 14px;
  letter-spacing: 0px
}

.brands span {
  background: url(../png/home-trusted-by.png) no-repeat;
  width: 70px;
  height: 45px;
  display: block;
  display: inline-block;
  transition: opacity .25s;
  -webkit-transition: opacity .25s;
  -o-transition: opacity .25s;
  -moz-transition: opacity .25s
}

.brands.list-inline>li {
  padding-right: 75px
}

.brands.list-inline>li:last-child {
  padding-right: 0
}

.brands .zurich {
  background-position: -19px 0
}

.brands .principia {
  width: 130px;
  background-position: -203px 0
}

.brands .jpmorgan {
  width: 145px;
  background-position: -412px 0
}

.brands .chestnut {
  width: 102px;
  background-position: -649px 0
}

.brands .financo {
  width: 134px;
  background-position: -847px 0
}

.quote blockquote h3 {
  font-style: italic;
  font-size: 36px;
  line-height: 1.4;
  margin-bottom: 18px;
  color: #838386
}

.quote blockquote:before {
  content: "\201C";
  position: absolute;
  left: 0;
  top: 0;
  font-size: 150px;
  color: #eee;
  font-family: georgia;
  line-height: 1.4
}

.quote blockquote {
  border-left: none;
  padding: 10px 42px;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto
}

.footer {
  background: #FFF;
  padding: 42px 0 60px
}

.footer h4 {
  color: #111 !important;
  font-weight: 700;
  letter-spacing: 1px;
  font-size: 12px;
  margin: 0 0 15px !important
}

.footer ul {
  margin-bottom: 0 !important
}

.footer .list-unstyled li:first-child {
  margin-bottom: 0
}

.footer a {
  color: #555;
  letter-spacing: .5px;
  text-transform: none;
  font-size: 12px
}

.footer img {
  margin-top: 3px;
  margin-bottom: 30px
}

.section {
  padding: 60px 0
}

.section-lg {
  padding: 90px 0
}

.section-xl {
  padding: 120px 0
}

.section h3 {
  font-weight: 400;
  margin-top: 0
}

.tour-desc h4 {
  font-size: 12px;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase
}

.tour-desc .desc {
  font-size: 13px;
  line-height: 1.65;
  margin-top: 14px;
  position: relative
}

.product-screenshot {
  box-shadow: 0 0 50px -20px #D8D8D8
}

.questions {
  background-color: #111;
  background: -webkit-radial-gradient(circle, #3f4042 0%, #080808 100%);
  background: radial-gradient(circle, #3f4042 0%, #080808 100%);
}

.questions p {
  line-height: 30px
}

.questions ul {
  margin: 0 auto
}

.questions li {
  border: 1px solid #666;
  border-radius: 3px;
  padding: 15px;
  position: relative;
  background-color: #ffffff;
  color: #111;
  max-width: 330px;
  min-height: 119px;
  margin: 0 0 24px 24px;
  transition: all .15s;
  -webkit-transition: all .15s;
  font-size: 17px;
  display: inline-block;
  line-height: 1.65;
  text-align: left;
  vertical-align: top;
}

.questions li:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #555;
  left: 20px;
  bottom: -11px;
  z-index: 9;
}

.questions li:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  left: 20px;
  bottom: -10px;
  z-index: 10;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  transition: all .15s;
  -webkit-transition: all .15s;
}

.questions li:nth-child(2n+2):before {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #555;
  left: auto;
  right: 50px;
}

.questions li:nth-child(2n+2):after {
  bottom: -9px;
  border-top: 10px solid #fff;
  left: auto;
  right: 50px;
}

.questions ul li:hover {
  color: #fff;
  background: #161616
}

.questions li:hover:after {
  border-top-color: #161616;
}

.questions li.quote-sm {
  max-width: 270px;
}

.questions li.quote-lg {
  max-width: 360px;
}

.qa ul {
  margin: 0
}

.qa ul li {
  margin-bottom: 6px
}

.general .content {
  background: #fff;
  font-weight: 400;
  line-height: 1.8;
  padding: 30px 0
}

.general>.heading {
  padding: 110px 0 60px;
  text-align: center;
  color: #666
}

.general .heading h1 {
  line-height: 1;
  margin: 0 0 9px;
  font-size: 24px;
  color: #555
}

.general>.heading p {
  margin: 0
}

.general .left-nav h4 {
  text-transform: uppercase;
  border-bottom: 1px solid #ddd;
  margin: 22px 0 0;
  font-weight: 700
}

.general .left-nav .heading {
  font-weight: 700;
  color: #111;
  text-decoration: none
}

.general .left-nav .heading:hover {
  padding: 3px 0;
  background: transparent
}

.general .left-nav {
  padding: 0;
  top: 0;
  -webkit-transition: top .25s ease;
  -moz-transition: top .25s ease;
  -o-transition: top .25s ease;
  transition: top .25s ease;
  z-index: 99
}

.general .left-nav li {
  list-style: none
}

.general .left-nav li.active a {
  background-color: #f5f5f5;
  padding: 3px 6px
}

.general .left-nav li a {
  padding: 3px 0;
  display: block;
  -webkit-transition: padding .035s ease;
  -moz-transition: padding .035s ease;
  -o-transition: padding .035s ease;
  transition: padding .035s ease
}

.general .left-nav li a:hover {
  text-decoration: none;
  background-color: #f5f5f5;
  padding: 3px 6px
}

.general .left-nav.fix {
  position: fixed;
  top: 80px
}

.general-lp {
  background-color: #fff
}

.general-lp .heading h1 {
  font-size: 42px;
  color: #333;
  margin-bottom: 15px
}

.general-lp>.heading {
  font-size: 18px;
  padding: 130px 0 80px;
  letter-spacing: normal
}

.general-lp>.content {
  overflow: hidden;
  padding-top: 60px
}

.general-lp h2, .general-lp h2:last-child {
  display: inline-block;
  margin-bottom: 30px
}

article {
  margin-bottom: 120px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: normal
}

article p {
  line-height: 1.65
}

article :first-child {
  margin-top: 0
}

article :last-child {
  margin-bottom: 0
}

article:last-child {
  margin-bottom: 0;
  border: none;
  padding: 0
}

article+article {
  border-top: 1px solid #eee;
  padding-top: 120px
}

.banner {
  background: #111;
  background: -webkit-radial-gradient(circle, #3f4042 0%, #080808 100%);
  background: radial-gradient(circle, #3f4042 0%, #080808 100%);
  color: #fff;
  margin: 0;
  padding: 48px;
  text-align: center;
  border: none
}

.banner .banner-title {
  margin: 0 0 20px;
  color: inherit;
  font-weight: 300;
  line-height: 1.1
}

.general-lp>.heading {
  background: #f7f7f7;
  background: -webkit-radial-gradient(circle, #f7f7f7 0%, #E6E6E6 100%);
  background: radial-gradient(circle, #f7f7f7 0%, #E6E6E6 100%);
  text-align: left;
  overflow: hidden;
  padding: 90px 0
}

.general-lp>.heading h1, .general-lp>.heading p {
  margin-bottom: 20px
}

.general-lp>.heading p {
  line-height: 1.5
}

.general-lp .heading h1 {
  margin-top: 130px
}

.general-lp .signup-group {
  width: 240px;
  text-align: center
}

.general-lp nav {
  background: transparent
}

.general-lp .fixednav {
  background: #fff
}

.panel {
  border: 1px solid #eee;
  margin-top: 30px
}

.panel p {
  margin-bottom: 20px
}

.panel-icon {
  padding: 15px;
  background: #fcfcfc;
  border-bottom: 1px solid #eee
}

.xsmall {
  font-size: 12px
}

#faq .top {
  float: right;
  font-size: 12px;
  text-decoration: none;
  padding: 14px 0
}

.timeline {
  line-height: 2;
  border-left: 1px solid #eee;
  color: #D1D1D1;
  margin-top: -31px;
  padding: 44px 0 44px 14px
}

.timeline b, .timeline strong {
  width: 90px;
  display: inline-block
}

.timeline span {
  color: #444
}

.timeline span.secondary-location {
  margin-left: 27.5%;
}

.opera .timeline li {
  margin-left: -5px
}

#notfound.general .content {
  padding: 60px 0
}

#notfound .tour-laptop {
  margin-bottom: 0;
  margin-top: -105px
}

.tour-laptop .nf-laptop-logo {
  background: #000;
  height: 110px;
  width: 182px;
  position: absolute;
  left: 27px;
  top: 28px;
  border-right: 3px;
  -webkit-animation: nf-animation 2s ease infinite;
  -moz-animation: nf-animation 2s ease infinite;
  -o-animation: nf-animation 2s ease infinite;
  animation: nf-animation 2s ease infinite
}

@-webkit-keyframes nf-animation {
  0% {
    background: #111
  }
  55% {
    background: #111
  }
  60% {
    background: #111
  }
  70% {
    background: #111
  }
  80% {
    background: #ddd
  }
  85% {
    background: #000
  }
  90% {
    background: #ddd
  }
  95% {
    background: #111
  }
  100% {
    background: #444
  }
}

@-moz-keyframes nf-animation {
  0% {
    background: #111
  }
  55% {
    background: #111
  }
  60% {
    background: #111
  }
  70% {
    background: #111
  }
  80% {
    background: #ddd
  }
  85% {
    background: #000
  }
  90% {
    background: #ddd
  }
  95% {
    background: #111
  }
  100% {
    background: #444
  }
}

@-o-keyframes nf-animation {
  0% {
    background: #111
  }
  55% {
    background: #111
  }
  60% {
    background: #111
  }
  70% {
    background: #111
  }
  80% {
    background: #ddd
  }
  85% {
    background: #000
  }
  90% {
    background: #ddd
  }
  95% {
    background: #111
  }
  100% {
    background: #444
  }
}

@keyframes nf-animation {
  0% {
    background: #111
  }
  55% {
    background: #111
  }
  60% {
    background: #111
  }
  70% {
    background: #111
  }
  80% {
    background: #ddd
  }
  85% {
    background: #000
  }
  90% {
    background: #ddd
  }
  95% {
    background: #111
  }
  100% {
    background: #444
  }
}

#signup, #signin {
  font-weight: 400;
  background-color: #fff
}

#signup {
  background-color: #eee
}

#signup .container {
  width: 900px
}

#signup .heading {
  padding: 0 0 29px
}

#signup .content, #signin .content, #signin {
  background: #eee
}

#signup .logo {
  margin: 33px 0 0
}

#signin .container {
  width: 400px
}

#signin h1 {
  margin-top: 80px
}

#signup .heading h2 {
  font-size: 18px;
  margin: 30px 0 32px;
  line-height: 1
}

#signup .faq h3 {
  font-size: 18px;
  margin: 30px 0 21px;
  line-height: 1
}

#signup .head, #signin .head {
  background: #444;
  padding: 6px 10px;
  border-top: none
}

#signup .head h3, #signin .head h3 {
  margin: 0;
  line-height: 1;
  font-size: 18px;
  color: #fcfcfc
}

#signup .faq h4 {
  font-size: 16px
}

.trustedby {
  border-top: 1px solid #ddd;
  margin-top: 42px;
  padding-top: 15px
}

#signup form, #signin form {
  padding: 12px 12px 1px;
  margin-bottom: 30px;
  border: 1px solid #EEE;
  border-top: 0;
  border: none;
  background: #fff
}

#signup .form-group label, #signin .form-group label, #contact .form-group label {
  display: inline-block;
  margin-bottom: 0;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-size: 12px
}

#signup .form-group .row {
  margin-right: -5px;
  margin-left: -5px
}

#signup .form-group .col-xs-6, #signup .form-group .col-sm-6 {
  padding: 0 5px
}

#signup .form-group.text-center, #signin .form-group.text-center {
  margin-left: -13px;
  margin-right: -13px;
  margin-bottom: 10px;
  padding-top: 21px;
  border-top: 1px solid #eee
}

#signin .form-group.text-center {
  padding-top: 8px
}

#signup .form-control, #signin .form-control {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 400;
  font-size: 14px;
  border-color: #ddd;
  height: 40px;
  background: #f9f9f9;
  color: #777
}

#signup .form-control:focus, #signin .form-control:focus {
  border-color: #aaa;
  background: #f2f2f2;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}

#signup select.form-control {
  color: #aaa
}

#signup .btn-primary, #signin .btn-primary {
  width: 55%
}

#signup select.form-control {
  background: #eee;
  margin-bottom: 6px
}

#signup select.form-control:focus, #signup select.form-control {
  background-image: url(../png/multiple-select.png);
  background-position: right -18px top 6px;
  background-repeat: no-repeat;
  background-color: #f2f2f2
}

#signup select.form-control option {
  background: #eee;
  color: #777
}

#signup .plan {
  padding: 16px 15px 10px;
  text-align: left;
  position: relative;
  border-top: 0;
  border: none;
  background: #fff;
  margin: 0
}

#signup .plan h3 {
  margin: 0;
  line-height: 14px;
  padding-top: 4px;
  text-transform: none
}

#signup .plan input[type="radio"] {
  margin-top: 1px
}

#signup .plan.form-group label {
  display: inline-block;
  margin-bottom: 0;
  text-transform: inherit;
  letter-spacing: 1px;
  font-size: 18px
}

#signin .checkbox {
  margin-bottom: 15px
}

#signin .modal-dialog {
  width: 450px;
  max-width: 100%
}

#signin .modal-dialog form {
  padding: 0;
  margin: 0
}

#signin .modal-dialog .btn-primary {
  width: auto
}

#signin .modal-header {
  background: #eee;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px
}

.modal-header .close {
  margin-top: -2px
}

#signin .modal-content h4 {
  margin: 15px 0;
  border-bottom: none;
  text-align: center;
  color: #777;
  font-weight: 400;
  letter-spacing: 2px;
  font-size: 14px;
  text-transform: uppercase
}

#signin .modal-content {
  background-color: #fcfcfc;
  color: #555;
  margin-top: 60px
}

#signin .alert-success {
  color: #27ae60;
  background-color: #D7FFE8;
  border: 1px solid #ABFFCF;
  padding: 12px;
  text-align: center
}

#signin .modal-content .alert-success h4 {
  color: #27ae60;
  margin-top: 6px;
  margin-bottom: 6px
}

.hero-pricing {
  position: relative;
  padding: 90px 0;
  overflow: hidden;
  background: #eee;
  background: -webkit-linear-gradient(to bottom, #fff, #eee);
  background: linear-gradient(to bottom, #fff, #eee);
}

.hero-pricing:before {
  position: absolute;
  left: -150px;
  right: -150px;
  top: -150px;
  transform: rotate(3deg);
  content: "";
  background: #ddd;
  background: -webkit-linear-gradient(to bottom, #fff, #ddd);
  background: linear-gradient(to bottom, #fff, #ddd);
  height: 600px;
}
.hero-pricing-lg {
  padding: 170px 0 120px;
}
.hero-pricing-lg:before {
  transform: rotate(6deg);
  background: linear-gradient(to bottom, #fff, #f1f0f0);
  height: 400px;
}
.hero-pricing-lg h3 p {
  line-height: 1.45;
  font-size: 20px;
}

header {
  margin-bottom: 90px;
}

header .h1, header .h2, header .h3, header h1, header h2, header h3 {
  margin: 0 0 15px;
  line-height: 1.1;
}

.card {
  text-align: center;
  font-size: 16px;
  line-height: 1.65;
  box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.075);
}

.card-body, .card-footer {
  padding: 60px;
}

.card-body+.card-footer {
  padding-top: 0;
}

.card-body>*:last-child {
  margin-bottom: 0;
}

.card-title {
  text-transform: uppercase;
  font-weight: 700;
}

.card-headline small, .card-headline sup {
  font-size: 16px;
}

.card-headline sup {
  top: -1.5em;
}

.card h1, .card h2, .card h3, .card h4, .card h5, .card h6 {
  margin-top: 0;
  margin-bottom: 15px;
  line-height: 1.25;
}

.card h4, .card h5, .card h6 {
  margin-bottom: 5px;
  font-weight: 700;
}

.card ol, .card p, .card ul {
  margin-bottom: 15px;
}

.card-primary {
  background: #fff;
  color: #54636d;
}

.card-default {
  background: #111;
  color: #999;
}

.card-default h1, .card-default h2, .card-default h3, .card-default h4, .card-default h5, .card-default h6 {
  color: #eee;
}

.card-default ol, .card-default p, .card-default ul {
  color: inherit;
}

.h-alt, .section .h-alt {
  font-weight: 700;
  line-height: 1.15;
  margin-bottom: 5px;
}

.modal-backdrop.fade.in {
  background: #CECECE;
  opacity: .97
}

.modal-dialog {
  padding-top: 15px;
  padding-bottom: 15px
}

.modal-minimal {
  outline: none;
}

.modal-minimal .modal-dialog {
  position: absolute;
  right: 0;
  left: auto;
  top: 0;
  bottom: 0;
  margin: 0;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.modal-minimal .close {
  position: fixed;
  top: 10px;
  right: 34px;
  z-index: 9999;
}

.modal-minimal .modal-content {
  box-shadow: none;
  border: none;
  border-radius: 0;
  background: #eee
}

.modal-minimal .modal-title {
  font-weight: 300;
  line-height: 1.3;
  padding-bottom: 24px;
  margin-bottom: 24px;
  padding-bottom: 0;
}

.modal-minimal .modal-header-wrapper {
  padding-left: 0
}

.modal-minimal .modal-header {
  border-bottom: none;
  padding-left: 9px;
  padding-top: 24px;
  padding-right: 24px;
  font-size: 14px
}

.modal-minimal .modal-body {
  position: relative;
  padding: 24px;
  background: #fff
}

.modal-minimal .modal-header .close {
  padding: 0;
  width: 30px;
  height: 30px;
  line-height: 24px;
  border-radius: 16px;
  margin-right: -20px;
  margin-top: -20px
}

.modal-minimal .form-group label.error {
  letter-spacing: .5px !important;
  line-height: 1.5;
  display: block
}

.modal-minimal .modal-form-submit {
  margin-top: 24px
}

.modal-backdrop.fade.in {
  background: #111;
  opacity: .8
}

.modal-minimal .form-control {
  border: none;
  padding: 6px 0;
  border-bottom: 2px solid #ccc;
  border-radius: 0
}

.modal-minimal .form-control:focus {
  border-color: #76BBE8;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}

.modal-minimal .form-control.error, .modal-minimal .form-control.error:focus {
  background-color: transparent !important;
  border-color: #DB3727 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #DB3727
}

.modal-minimal .form-control.valid {
  border-color: #2ecc71
}

.modal-minimal .form-group-sm>label:first-child {
  color: #1D1D1D;
  font-weight: 700
}

.modal-minimal .form-group-sm {
  margin-bottom: 15px
}

.modal-minimal .modal-form-submit {
  margin-top: 30px
}

.modal-minimal .modal-dialog {
  max-width: 480px
}

.modal-minimal .form-group-sm .row {
  margin: 0 -10px
}

.modal-minimal .form-group-sm .row>div {
  padding: 0 10px
}

.modal-minimal .btn {
  padding: 10px 15px;
  font-size: 12px;
  letter-spacing: 2px
}

#contact form {
  margin-top: 30px
}

#contact textarea {
  height: 120px
}

#contact .form-control:focus {
  color: #333;
  border-color: #111
}

#contact textarea {
  height: 120px
}

#contact .alert-info hr {
  border-top-color: #eee
}

#contact h3 {
  margin-bottom: 0
}

#contact h4 {
  margin-top: 0
}

.panel.grey {
  background-color: #F7F7F7;
  padding: 10px 15px 15px;
  border: none;
  box-shadow: none;
  color: #111
}

.panel-more {
  background: #f2f2f2;
  padding: 42px
}

.panel-more h3 {
  line-height: 1;
  margin-bottom: 24px
}

.grey .no-margin {
  line-height: 1
}

.browse .content {
  padding-top: 120px;
  font-weight: 400;
  color: #333
}

.browse .nav {
  margin-bottom: 0
}

.browse .content img {
  max-width: 100%
}

.browse .left-nav {
  min-height: 205px;
  background-repeat: no-repeat;
  background-position: top right;
  background-image: url(../png/bracket.png);
  margin-bottom: 60px
}

.browse .left-nav h4.view {
  text-transform: uppercase;
  margin: 0 0 -12px;
  font-size: 16px;
  color: #40AAF1
}

.browse .left-nav h3 {
  margin: 0 0 10px;
  font-size: 24px;
  padding-right: 30px
}

.browse .panel h3 {
  margin-top: 48px;
  font-size: 21px;
  letter-spacing: .5px
}

.browse .panel {
  margin: 0 0 30px;
  padding: 20px;
  border: 1px solid #eee;
  background: #fff;
  color: #111;
  border-radius: 3px;
  box-shadow: none;
  overflow: hidden
}

.browse .alert-info hr {
  border-top-color: #eee
}

.browse h1 {
  margin: -4px 0 0;
  line-height: 1
}

.browse h2 {
  margin: 15px 0 24px;
  font-weight: 400;
  font-size: 21px;
  padding-left: 4px
}

.browsep, .browse ul {
  margin-bottom: 12px
}

.browse-screenshot {
  position: relative;
  margin-top: 6px;
  overflow: hidden;
  border: 1px solid #ddd;
  border-radius: 6px;
  width: 420px
}

.browse-screenshot .title {
  font-size: 6px;
  font-weight: 700;
  color: #777;
  position: absolute;
  top: 19px;
  left: 23px;
  letter-spacing: 1px
}

.browse-screenshot.company .title {
  top: 26px
}

.browse-screenshot.company .leadership {
  top: 199px
}

.browse-screenshot.advisor .leadership {
  top: 138px
}

.browse-screenshot.professional .title {
  top: 26px;
  width: 85px
}

.browse-screenshot.professional .title h6, .browse-screenshot.transaction .title h6 {
  margin-bottom: 3px;
  text-align: center
}

.browse-screenshot.professional .title .adress-info {
  text-align: left;
  padding: 0 6px;
  line-height: 9px
}

.browse-screenshot.transaction .title h6 {
  font-size: 7px;
  letter-spacing: 0;
  line-height: 1
}

.browse-screenshot.transaction .title {
  top: 41px;
  width: 85px
}

.browse-screenshot .title h6, .browse-screenshot .leadership h6 {
  font-size: 7px;
  font-weight: 700;
  color: #000;
  letter-spacing: 1px;
  margin: 0;
  padding: 0
}

.browse-screenshot .title .adress-info a {
  text-decoration: none !important
}

.browse-screenshot .leadership {
  font-size: 5px;
  font-weight: 700;
  color: #777;
  position: absolute;
  top: 210px;
  right: 12px;
  letter-spacing: 1px;
  width: 92px;
  line-height: 9px
}

.browse-screenshot .leadership .pros {
  background: #F9F9F9;
  padding: 2px;
  border-radius: 3px;
  border: 1px solid #F2F2F2;
  margin-right: 6px;
  margin-bottom: 1px;
  float: left;
  width: 100%
}

.browse-screenshot .title .adress-info {
  line-height: 6px;
  color: #777;
  font-size: 5px;
  margin: 0;
  padding: 0
}

.browse-screenshot .top-image {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%
}

.browse-screenshot img {
  width: 100%;
  max-width: 100%
}

.browse-feature {
  margin-top: 30px;
  float: left;
  width: 100%;
  border-top: 1px solid #eee;
  padding: 0 30px
}

.browse-feature h4 {
  margin-top: 60px;
  font-weight: 700
}

.browse-feature img.middle {
  margin: 60px 0 30px
}

.handwritten {
  color: #444;
  font-size: 18px;
  font-family: 'Permanent Marker', cursive;
  float: right;
  margin-right: 20px;
  transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  -webkit-transform: rotate(-7deg);
  position: relative
}

.handwritten:after {
  content: '';
  background: url(../png/arrow-hand-written.png) no-repeat;
  position: absolute;
  width: 120px;
  height: 60px;
  left: -70px;
  top: -3px
}

.borderlinks {
  margin-bottom: 30px
}

.borderlinks li:first-child a {
  border-top: 1px solid #eee
}

.borderlinks li a {
  border-bottom: 1px solid #eee;
  line-height: 40px;
  font-size: 14px;
  display: block;
  display: inline-block;
  width: 100%;
  font-weight: 700;
  color: #444
}

.borderlinks li a:hover {
  background: #fcfcfc
}

.paging {
  margin: 0;
  padding: 0;
  float: left;
  margin-bottom: 18px
}

.paging li {
  display: block;
  margin: 0;
  padding: 0;
  float: left
}

.paging a {
  display: block;
  padding-right: 8px;
  padding-left: 8px;
  background: #f0f0f0;
  border: 1px solid #ddd;
  border-left: 0;
  float: left;
  line-height: 32px
}

.paging a:hover {
  background: #fcfcfc;
  text-decoration: none
}

.paging a:active, .paging a.active {
  background: #fff;
  cursor: default
}

.paging>li:first-child a {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-left: 1px solid #ddd
}

.paging>li:last-child a {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px
}

.filter {
  text-align: center;
  margin-bottom: 15px
}

.list-inline.filter>li {
  padding-right: 3px;
  padding-left: 3px;
  font-weight: 700
}

.no-margin {
  margin: 0
}

.tour .section.intro {
  padding: 90px 0 60px;
  background-color: #fff
}

.tour .section.intro h1 {
  font-size: 36px;
  margin: 0 0 60px
}

.tour .section.intro .left-menu {
  height: 300px;
  margin-top: 26px
}

.tour .intro .scroll {
  margin: 60px 0 0;
  display: block
}

.tour-laptop {
  background: url(../png/new-hero.png) no-repeat;
  height: 310px;
  width: 236px;
  margin: 0 auto;
  position: relative;
  margin-bottom: -160px
}

.tour-laptop .tour-laptop-logo {
  background: url(../png/hero-logo.png) #f5f5f5 center center no-repeat;
  height: 110px;
  width: 182px;
  position: absolute;
  left: 27px;
  top: 28px;
  border-right: 3px;
  -webkit-animation: hero-animation 2s ease;
  -moz-animation: hero-animation 2s ease;
  -o-animation: hero-animation 2s ease;
  animation: hero-animation 2s ease
}

@-webkit-keyframes hero-animation {
  0% {
    background-position: center 35px
  }
  100% {
    background-position: center -29px
  }
}

@-moz-keyframes hero-animation {
  0% {
    background-position: center 35px
  }
  100% {
    background-position: center -29px
  }
}

@-o-keyframes hero-animation {
  0% {
    background-position: center 35px
  }
  100% {
    background-position: center -29px
  }
}

@keyframes hero-animation {
  0% {
    background-position: center 35px
  }
  100% {
    background-position: center -29px
  }
}

.tour .section.features, .tour .section.ftr {
  padding: 0;
  background-color: #fff;
  color: #555;
  text-align: left !important
}

.tour .section.features .container>.row, .tour .section.ftr>.row {
  margin: 0
}

.tour .section.features .col-md-2 {
  padding-top: 30px;
  line-height: 2;
  padding-right: 0
}

.tour .section.features .container>.row>.col-md-10 {
  border-left: 1px solid #ddd;
  z-index: 999
}

.tour .section.features .tour-content {
  background: #fff;
  overflow: hidden;
  padding: 0
}

.section.features .feature {
  padding: 60px 15px
}

.section.features .feature#overview {
  padding-top: 0;
  margin-top: 60px
}

.tour .navigation {
  z-index: 99;
  top: 0;
  transition: top .55s;
  -webkit-transition: top .25s;
  text-align: left;
  margin-top: 68px
}

div.navigation.fixed {
  top: 205px !important;
  margin-top: 15px
}

.list-inline>li {
  padding-right: 15px;
  padding-left: 15px
}

.tour .section.intro .left-menu a, .tour .section.intro .left-menu a:visited {
  text-transform: uppercase;
  font-weight: 400;
  color: #888;
  border-bottom: 1px solid #888;
  letter-spacing: .5px;
  display: inline-block;
  transition: all .05s;
  -webkit-transition: all .05s
}

.intro h2 {
  margin: 30px 0 0
}

.intro .main-image {
  margin-bottom: 60px
}

.intro .left-menu a:hover, .tour .section.intro .left-menu a:hover, .tour .section.intro .left-menu a:focus {
  color: #111;
  border-bottom: 1px solid #111;
  text-decoration: none
}

.intro .scroll, .overview .scroll {
  margin: 48px 0 5px;
  display: inline-block;
  opacity: .3;
  transition: opacity .5s;
  -webkit-transition: opacity .5s
}

.intro .scroll:hover, .overview .scroll:hover {
  opacity: .75
}

.tour .navigation a, .tour .navigation a:visited {
  text-transform: uppercase;
  font-weight: 400;
  color: #888;
  letter-spacing: .5px;
  padding: 0;
  display: block
}

.tour .navigation a:hover, .tour .navigation a:focus {
  color: #111;
  text-decoration: none
}

.tour .section.signup, .home .section.signup {
  padding: 110px 0;
  background-color: #fff
}

.tour .section.signup .btn, .home .section.signup .btn {
  margin-top: 30px;
  padding: 12px 30px
}

.tour .fixed {
  position: fixed;
  top: 80px;
  margin-top: 0
}

.navigation .left-menu {
  float: left
}

.navigation .active a {
  border-bottom: 1px solid #000;
  color: #000 !important
}

.navigation .more.active a {
  width: 120px
}

#more h3, #more h4, #more h5, .tour-content h1, .tour-contente h2, .tour-content h3, .tour-content h4, .tour-contente h5, .tour-content h6 {
  color: #000
}

.tr-screenshot {
  width: 100%;
  max-width: 700px;
  height: 450px;
  position: relative;
  margin-top: 72px;
  transition: top .5s;
  -webkit-transition: top .5s;
  top: 0
}

.tr-browser {
  width: 430px;
  height: 270px;
  border: 1px solid #eee;
  background: #FAFAFA;
  border-radius: 6px;
  border-top: 16px solid #eee;
  position: absolute;
  top: 0;
  transition: top .5s;
  -webkit-transition: top .5s
}

.tr-browser .controls {
  position: absolute;
  top: -12px;
  left: 4px;
  width: 30px;
  height: 9px
}

.tr-browser .screenshot-wrapper {
  height: 100%;
  overflow: hidden
}

.tr-screenshot img {
  width: 100%;
  height: auto;
  opacity: 1
}

.tr-browser.first {
  top: 0;
  left: 0
}

.tr-browser.second {
  top: 100px;
  left: 130px
}

.tr-screenshot.fixed .tr-browser.second {
  top: 135px
}

.tr-browser.third {
  top: 190px;
  left: 260px
}

.tr-screenshot.fixed .tr-browser.third {
  top: 250px
}

.tour .section.ftr {
  padding: 30px 0
}

.tr-screenshot.abs {
  margin-top: 2300px;
  position: absolute
}

.ss-overview, .ss-pe, .ss-companies, .ss-advisors, .ss-transactions {
  display: none
}

.overview .ss-overview, .pe .ss-pe, .companies .ss-companies, .advisors .ss-advisors, .transactions .ss-transactions {
  display: block
}

.list-inline.left-menu li {
  min-width: 130px;
  padding: 0;
  text-align: center
}

.section.features .feature:first-child {
  padding-top: 0;
  margin-top: 60px
}

.tr-screenshot.abs {
  margin-top: 1800px;
  position: absolute
}

.section.overview {
  background: #f2f2f2;
  padding: 60px 0 90px
}

.section.overview h2 {
  margin: 0
}

.overview .item {
  min-height: 220px;
  padding: 48px 0 0;
  margin-bottom: 12px
}

.img-featured {
  margin-top: 115px;
  max-width: 100%;
  height: auto
}

.small-title {
  margin: 0 -15px 0 0;
  padding: 0 15px;
  border-bottom: 1px solid #ddd;
  display: block
}

.no-margin-top {
  margin-top: 0
}

#more {
  background: #f2f2f2;
  z-index: 999
}

#more h2 {
  margin: 0 0 34px
}

.more-wrapper {
  margin: 30px 0 0
}

.more-wrapper .more-content {
  background: #fff;
  padding: 15px;
  border-bottom: 1px solid #bcbcbc;
  opacity: .75;
  transition: all .15s;
  -webkit-transition: all .15s;
  min-height: 250px
}

.more-wrapper .more-content h3 {
  font-size: 18px;
  margin-top: 0
}

.more-wrapper .more-content:hover {
  border-bottom: 1px solid #333;
  opacity: 1
}

.highlited {
  width: 75px;
  border: 2px solid #111;
  display: inline-block;
  margin-top: 44px
}

.content-white {
  background: #fff
}

#purchase header {
  font-size: 18px;
  line-height: 30px;
  max-width: 555px;
  margin: 30px auto;
  letter-spacing: normal;
}

#purchase header h1 {
  line-height: 1.1;
  margin-bottom: 15px
}

.purchase {
  margin-top: 60px
}

.purchase header h2 {
  line-height: 1.25
}

.purchase-form-section {
  position: relative;
  padding: 0 0 60px 60px;
  border-left: 1px solid #bbbbbb
}

.purchase-form-footer {
  border-color: #fff;
  padding: 5px 0 5px 60px
}

.purchase-form-section.last-child {
  padding-bottom: 0
}

.purchase-form-section-done {
  border-left: 1px solid #777
}

.purchase-form-section-active .purchase-number {
  border: 1px solid #333;
  color: #333
}

.purchase-number {
  position: absolute;
  left: -22px;
  top: 0;
  width: 42px;
  height: 42px;
  line-height: 40px;
  font-weight: 300;
  font-size: 20px;
  border: 1px solid #bbbbbb;
  border-radius: 22px;
  text-align: center;
  background: #fff;
  color: #bbbbbb
}

.purchase-number img {
  margin-top: -3px;
  opacity: .25
}

.purchase-form-section-active .purchase-number img {
  opacity: 1
}

.purchase-subtitle {
  position: absolute;
  font-size: 12px;
  top: 13px;
  right: 0;
  display: block
}

.purchase-subtitle--right {
  width: 200px;
  right: -215px;
  top: 72px;
  line-height: 1.75;
  margin-bottom: 15px;
}

.purchase-title {
  margin-top: 0;
  line-height: 42px
}

.purchase-form, .purchase-form:last-child {
  margin: 0 0 30px;
  padding-left: 21px
}

.purchase-form .small, .purchase-form small {
  font-size: 12px
}

.purchase-form .form-control {
  height: 38px
}

.purchase-form .form-control.error, .purchase-form .form-control.error:focus {
  background-color: #fff !important;
  border-color: #D51717 !important;
  -webkit-box-shadow: none;
  box-shadow: none
}

.purchase-form .form-group label.error {
  color: #D51717 !important;
  font-size: 11px !important;
  letter-spacing: .025em !important;
  line-height: 1.5 !important;
  text-transform: none;
  display: block
}

.purchase-form .form-control {
  border-color: #333;
  border-radius: 2px
}

.purchase-form .form-control:focus, .purchase-form .form-control:active, .purchase-form .form-control.valid {
  border-color: #000000;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}

.purchase-form .form-control:-moz-placeholder {
  color: #bbb
}

.purchase-form .form-control::-moz-placeholder {
  color: #bbb
}

.purchase-form .form-control:-ms-input-placeholder {
  color: #bbb
}

.purchase-form .form-control::-webkit-input-placeholder {
  color: #bbb
}

.purchase-form select.form-control, .purchase-form select.form-control:active, .purchase-form select.form-control:focus {
  background-image: url(../png/multiple-select.png);
  background-position: right -18px top 6px;
  background-repeat: no-repeat
}

.purchase-form .purchase-form select.form-control:focus, .purchase-form .purchase-form select.form-control:active {
  background-position: right -18px top 6px
}

.purchase-form .input-group-addon, .purchase-form .input-group-btn {
  min-width: 0;
}

.pl15, .col-pd-xs>.plr {
  padding-left: 7.5px;
}

.purchase-plan {
  border: 2px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px 25px;
  background: #fcfcfc;
  font-size: 14px;
  margin-bottom: 15px;
  cursor: pointer;
  -webkit-transition: background, border .5s;
  -o-transition: background, border .5s;
  transition: background, border .5s;
  position: relative;
}

#purchase .heading h2 {
  line-height: 1.4;
  margin-top: 15px;
}

.purchase-plan_promo {
  display: block;
  font-size: 11px;
  line-height: 16px;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  text-align: center;
  background: #3194D4;
  color: #fff;
}

.purchase-plan:hover {
  border: 2px solid #f2f2f2;
  background: #f2f2f2;
}

.purchase-plan.active {
  border-color: #111;
  background: #fff;
}

.purchase-plan h3 {
  margin: 0 0 10px;
  line-height: 1;
}

.purchase-plan input[type="radio"] {
  margin: 0;
  height: 16px;
  vertical-align: middle;
}

.btn-purchase {
  padding: 8px 12px 9px;
}

.panel-sm {
  margin: 0 0 15px;
  font-size: 13px;
  line-height: 1.5;
  border: 1px dashed #ddd;
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-weight: 600;
  padding: 10px;
}

.panel-sm.panel-danger {
  border-color: #A72926;
}

.panel-sm.panel-success {
  border-color: #27AE6E;
}

.panel-lg {
  margin-bottom: 60px;
}

.panel-lg .panel-body {
  padding: 30px;
}

.panel-lg .panel-body p {
  margin-bottom: 30px;
}

.mt15 {
  margin-top: 15px;
}
.mt0 {
  margin-top: 0;
}
.mb24 {
  margin-bottom: 24px;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.mb15 {
  margin-bottom: 15px!important;
}
.mb90 {
  margin-bottom: 90px;
}

/* column box */
.columns-box {
  margin-top: -140px;
}
.columns-box .panel-body {
  min-height: 255px;
}
.columns-box .panel-icon {
  padding: 30px;
  border: none;
  border-top: 1px solid #f5f5f5;
  text-align: center;
}
@media (max-width:991px)
{
  .columns-box .panel-body {
      padding: 30px 18px;
  }

}
@media (max-width:767px)
{
  .columns-box .panel-body {
      min-height: auto;
  }

  .timeline span.secondary-location {
    margin-left: 21%;
  }
}

/*// BEM 	--------------------------///////////*/

.l-totals {
  background-image: url(../png/illustrated-map.png);
  background-size: auto 90%;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  background-color: #000;
  text-align: center
}

.l-totals:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #111;
  background: -webkit-radial-gradient(circle, #3f4042 0%, #080808 100%);
  background: radial-gradient(circle, #3f4042 0%, #080808 100%);
  opacity: .9
}

/* total group */

.total-group {
  font-size: 16px;
}

.total-group__number, .home .total-group__number {
  font-size: 50px;
  line-height: 1;
}

.total-group__title, .section .total-group__title {
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-shadow: none;
  font-weight: 300;
  margin-bottom: 15px;
}

/* list-tags */

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

.list-tags li {
  margin: 0 0 4px;
  list-style: none;
  display: inline-block;
  padding: 1px 10px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  font-size: 12px;
}

.list-tags li+li {
  margin-left: 2px;
}

/* btn-group--subtext*/

.btn-group--subtext {
  font-size: 12px;
  max-width: 340px;
  text-align: center;
}

.btn-group--subtext .btn {
  text-transform: none;
  margin-bottom: 2px;
}

/* kw */

.kw {
  margin-top: 47px;
}

.kw__title {
  font-family: 'Permanent Marker', cursive;
  text-transform: capitalize;
  position: relative;
  font-size: 20px;
  max-width: 250px;
  text-align: left;
  margin: 0;
}

.kw__title:before {
  content: '';
  background: url(../png/arrow-home.png) no-repeat;
  position: absolute;
  width: 51px;
  height: 60px;
  top: -45px;
  left: 15px;
}

html[data-useragent*='MSIE'] .timeline li {
  margin-left: -4px
}

.lt-ie9 .questions li {
  max-width: 850px
}

.lt-ie9 .wwd-network:before {
  background: transparent
}

.lt-ie9 .navbar-nav>li>a {
  padding: 0 16px
}

.lt-ie9 select.form-control {
  background: none !important
}

@keyframes circle-enlarge {
  0% {
    width: 6px;
    height: 6px;
    opacity: 1;
    margin: 0;
    left: 0;
    top: 0;
  }
  100% {
    width: 50px;
    height: 50px;
    opacity: 0;
    left: -22px;
    top: -22px;
  }
}

@-webkit-keyframes circle-enlarge {
  0% {
    width: 6px;
    height: 6px;
    opacity: 1;
    margin: 0;
    left: 0;
    top: 0;
  }
  100% {
    width: 50px;
    height: 50px;
    opacity: 0;
    left: -22px;
    top: -22px;
  }
}

@-moz-keyframes circle-enlarge {
  0% {
    width: 6px;
    height: 6px;
    opacity: 1;
    margin: 0;
    left: 0;
    top: 0;
  }
  100% {
    width: 50px;
    height: 50px;
    opacity: 0;
    left: -22px;
    top: -22px;
  }
}

@-o-keyframes circle-enlarge {
  0% {
    width: 6px;
    height: 6px;
    opacity: 1;
    margin: 0;
    left: 0;
    top: 0;
  }
  100% {
    width: 50px;
    height: 50px;
    opacity: 0;
    left: -22px;
    top: -22px;
  }
}

@media (min-width: 768px) {
  .navbar-nav {
    padding-right: 0
  }
  .loaded .tour-desc, .loaded .tour-desc img {
    opacity: 1;
    margin-top: 0 !important
  }
  .product-tour {
    position: relative;
    overflow: hidden;
    margin-top: 30px
  }
  .tabs-product {
    display: inline-block;
  }
  .tour-btn {
    display: block;
    width: 6px;
    height: 6px;
    background: #2980B9;
    position: absolute;
    left: auto;
    border-radius: 7px;
    z-index: 999;
  }
  .tour-desc.active .tour-btn {
    display: none;
  }
  .tour-btn:before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: -12px;
    top: -12px;
    border: 2px solid #2980B9;
    border-radius: 50px;
    animation: circle-enlarge 2s infinite;
  }
  .tour-btn:after {
    content: "";
    display: block;
    width: 50px;
    height: 20px;
    position: absolute;
    left: -25px;
    top: 0;
  }
  #tab-pe .tour-desc.first .tour-btn {
    top: 32px;
    right: -215px;
  }
  #tab-pe .tour-desc.second .tour-btn {
    left: auto;
    top: -76px;
    right: -52px;
  }
  #tab-pe .tour-desc.third .tour-btn {
    left: -219px;
    top: 32px;
  }
  #tab-pe .tour-desc.active:before {
    content: none;
  }
  .tour-desc {
    position: absolute;
    width: 190px;
    text-align: left;
    opacity: 0;
    margin-top: 90px;
    cursor: pointer;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
  }
  .tour-desc.active {
    cursor: default;
  }
  .tour-desc img {
    position: absolute;
    opacity: .65;
    margin-top: 35px;
    -webkit-transition: margin 1s;
    -o-transition: margin 1s;
    transition: margin 1s;
    right: -52px;
    top: 0
  }
  .tour-desc .desc, .tour-desc img {
    display: none;
  }
  .tour-desc.active .desc, .tour-desc.active img {
    display: block;
  }
  .tour-desc.right img {
    left: -70px;
    right: auto
  }
  .tour-desc.right {
    text-align: right
  }
  #tab-pe .tour-desc.first {
    top: 158px;
    margin-top: 30px
  }
  #tab-pe .tour-desc.first img {
    right: -215px;
    top: -2px;
  }
  #tab-pe .tour-desc.second {
    top: 266px;
    -webkit-transition: all 3s;
    -o-transition: all 3s;
    transition: all 3s
  }
  .tour-desc.active h4 {
    color: #2980B9;
  }
  #tab-pe .tour-desc.second img {
    top: -80px;
  }
  #tab-pe .tour-desc.third {
    right: 0;
    top: 130px;
    margin-top: 40px
  }
  #tab-pe .tour-desc.third img {
    left: -219px;
    top: -2px;
  }
  #tab-corporate .tour-desc.first {
    top: 142px;
  }
  #tab-corporate .tour-desc.first .tour-btn {
    right: -50px;
    top: 30px;
  }
  #tab-corporate .tour-desc.first img {
    right: -50px;
    top: -3px;
  }
  #tab-corporate .tour-desc.second {
    top: 243px;
    -webkit-transition: all 3s;
    -o-transition: all 3s;
    transition: all 3s;
  }
  #tab-corporate .tour-desc.second img {
    right: -149px;
    top: -74px;
  }
  #tab-corporate .tour-desc.second .tour-btn {
    right: -149px;
    top: -71px;
  }
  #tab-advisor .tour-desc.first {
    top: 172px;
  }
  #tab-advisor .tour-desc.first img {
    right: -50px
  }
  #tab-advisor .tour-desc.first .tour-btn {
    right: -50px;
  }
  #tab-advisor .tour-desc.second {
    right: 0;
    top: 139px;
    margin-top: 20px
  }
  #tab-advisor .tour-desc.second .tour-btn {
    left: -390px;
    right: auto;
    top: 33px;
  }
  #tab-advisor .second img {
    left: -390px;
    right: auto
  }
  #tab-advisor .tour-desc.third {
    top: 252px;
    -webkit-transition: all 3s;
    -o-transition: all 3s;
    transition: all 3s;
  }
  #tab-advisor .tour-desc.third img {
    top: -84px;
    right: -270px;
  }
  #tab-advisor .tour-desc.third .tour-btn {
    top: -80px;
    right: -270px;
  }
  .modal-minimal .modal-dialog {
    width: 500px
  }
  .img-pull-left {
    margin-left: -110px
  }
  .mt-sm-122 {
    margin-top: 122px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    width: 750px
  }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
  .brands.list-inline>li {
    padding-right: 55px
  }
  .tour .tl {
    display: none
  }
  .tour .section.intro .left-menu {
    height: auto
  }
  .hero-alternative h1 {
    margin-top: 0
  }
  .hero-alternative {
    padding: 250px 0 120px
  }
  #tab-pe .tour-desc.second img, #tab-pe .tour-desc.second .tour-btn, #tab-corporate .tour-desc.first img, #tab-corporate .tour-desc.first .tour-btn, #tab-advisor .tour-desc.first img, #tab-advisor .tour-desc.first .tour-btn {
    right: 50px;
  }
  #tab-pe .tour-desc.first img, #tab-pe .tour-desc.first .tour-btn {
    right: -120px;
  }
  #tab-pe .tour-desc.third img, #tab-pe .tour-desc.third .tour-btn {
    left: -120px;
  }
  #tab-corporate .tour-desc.second img, #tab-corporate .tour-desc.second .tour-btn {
    right: -100px;
  }
  #tab-advisor .second img, #tab-advisor .tour-desc.second .tour-btn {
    left: -296px;
  }
  #tab-advisor .tour-desc.third img, #tab-advisor .tour-desc.third .tour-btn {
    right: -176px;
  }
  .tour-desc .desc br {
    display: none
  }
  .tour-desc .desc {
    margin-top: 3px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 6px;
    border-radius: 2px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
  }
  #tab-corporate .tour-desc.first .desc {
    margin-top: -106px;
  }
  #tab-pe .tour-desc.first .desc, #tab-pe .tour-desc.third .desc {
    margin-top: -126px;
  }
}

@media only screen and (min-width:768px) and (max-width:1024px) {
  #signup .plan.form-group label {
    font-size: 16px
  }
  .browse-screenshot .leadership {
    right: 6px;
    width: 80px;
    top: 120px
  }
  .browse h1 {
    font-size: 36px
  }
  .browse-feature h4 {
    margin-top: 30px
  }
  .browse .panel h3 {
    margin-top: 24px
  }
  .handwritten {
    margin-right: -6px;
    transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    margin-top: 15px
  }
  .handwritten:after {
    left: -28px
  }
  .browse-screenshot {
    width: 386px
  }
  .browse-feature img.middle {
    width: 60px;
    height: 60px
  }
  .tour .tl {
    display: none
  }
  .tour .intro h4 {
    max-width: 500px;
    margin: 0 auto
  }
  .tour .section.intro .left-menu {
    height: auto
  }
  .tour .section.intro h1 {
    font-size: 24px
  }
  .tour .section.intro .left-menu.list-inline>li {
    padding-right: 6px;
    padding-left: 6px;
    min-width: 0
  }
  .tr-screenshot.abs {
    margin-top: 3073px
  }
  .more-wrapper .more-content {
    min-height: 355px
  }
  .list-inline.left-menu li {
    font-size: 16px
  }
  #tab-pe .tour-desc.first img {
    right: -98px
  }
  #tab-pe .tour-desc.third img {
    left: -136px
  }
  .tour-desc.right img {
    left: 16px
  }
  #tab-corporate .tour-desc.first img {
    right: -190px
  }
  #tab-advisor .second img {
    left: -270px
  }
  #tab-advisor .tour-desc.first img {
    right: -150px
  }
  .tour-desc img {
    z-index: 99
  }
  .tour-desc .desc {
    margin-top: 4px;
    background-color: #fff;
    max-width: 145px;
    padding: 6px;
    border-radius: 2px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
    margin-left: 3px;
  }
  .tour-desc.right .desc {
    margin-right: 3px;
    margin-left: auto
  }
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .tour .section.features, .tour .section.ftr {
    padding: 90px 0 0
  }
  .tour .section.features .col-md-2 {
    z-index: 1012;
    padding: 0;
    position: absolute;
    width: 100%;
    position: absolute;
    margin-top: -20px;
    left: 0
  }
  .tour .section.features .container>.row>.col-md-10 {
    padding: 0;
    border: none
  }
  .tour .navigation {
    margin-top: -68px !important;
    padding: 0
  }
  .navigation .left-menu {
    margin: 30px auto;
    float: none;
    text-align: center
  }
  .navigation .left-menu li {
    margin-right: 30px;
    display: inline-block
  }
  .navigation .left-menu li:last-child {
    margin-right: 0
  }
  div.navigation.fixed {
    background: #ECECEC;
    width: 100%;
    margin: 0 !important;
    top: 50px !important
  }
  .tour .fixed {
    top: 110px
  }
  .navigation.fixed .left-menu {
    margin: 4px auto 10px
  }
  .browse-screenshot {
    width: 420px
  }
  .btn.btn-xlg {
    padding: 16px 60px
  }
  body.home {
    font-size: 14px;
    line-height: 1.75
  }
  .wwd-block {
    font-size: 14px
  }
  #tab-pe .tour-desc.second img {
    left: -450px;
  }
  #tab-pe .tour-desc.second .tour-btn {
    right: 140px;
  }
  #tab-pe .tour-desc.second .desc {
    margin-top: 9px;
  }
  #tab-pe .tour-desc.third {
    top: 128px;
  }
  #tab-pe .tour-desc.third img, #tab-pe .tour-desc.third .tour-btn {
    left: -15px;
    top: 0;
  }
  #tab-pe .tour-desc.third .tour-btn {
    top: 34px;
  }
  #tab-pe .tour-desc.first img, #tab-pe .tour-desc.first .tour-btn {
    right: -20px;
  }
  #tab-pe .tour-desc.first .desc {
    margin-top: -117px;
  }
  #tab-corporate .tour-desc.first img {
    right: 150px;
    top: -4px;
  }
  #tab-corporate .tour-desc.first .desc {
    margin-top: -100px;
  }
  #tab-corporate .tour-desc.first .tour-btn {
    right: 150px;
    top: 30px;
  }
  #tab-corporate .tour-desc.second img, #tab-corporate .tour-desc.second .tour-btn {
    right: 0;
  }
  #tab-advisor .tour-desc.third img, #tab-advisor .tour-desc.third .tour-btn {
    right: -70px;
  }
  #tab-advisor .second img, #tab-advisor .tour-desc.second .tour-btn {
    left: -180px;
  }
  #tab-advisor .tour-desc.first img, #tab-advisor .tour-desc.first .tour-btn {
    right: 150px;
  }
  #tab-advisor .tour-desc.first .desc {
    margin-top: -158px;
  }
  .desc br {
    display: none;
  }
  .brands.list-inline>li {
    padding: 0;
  }
  .brands.list-inline>li+li {
    padding-left: 15px;
  }
  .section-title, .home .section-title {
    font-size: 24px
  }
  .product-screenshot {
    box-shadow: 0 0 50px -20px #D8D8D8;
    max-width: 100%;
    height: auto;
    display: block;
    margin-top: 4px
  }
  .tour-desc .desc {
    margin-top: 4px;
    max-width: 140px;
    font-size: 12px
  }
  .wyd-block h3 {
    font-size: 18px
  }
  .hero-alternative h1 {
    margin-top: 0
  }
  .text-center-sm {
    text-align: center
  }
  .text-left-sm {
    text-align: left
  }
  .text-right-sm {
    text-align: right
  }
  .unstyled-tabs a {
    padding-bottom: 7px
  }
  /** BEM**/
  .kw {
    left: 30px;
    /* bottom: 30px;*/
  }
  .total-group--sep-sm {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed rgba(238, 238, 238, 0.2);
    min-height: 200px;
  }
  .purchase-subtitle--right {
    width: 130px;
    right: -145px;
  }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) {
  .tour .section.intro .left-menu.list-inline>li {
    padding-right: 3px;
    padding-left: 3px
  }
  .tr-screenshot.abs {
    margin-top: 3580px
  }
  .general .left-nav.fix {
    max-width: 250px
  }
  #signup .form-group label {
    letter-spacing: .5px
  }
  .push-right, .push-left {
    float: left
  }
}

@media only screen and (max-width:767px) {
  h1, .h1 {
    font-size: 30px
  }
  h2 {
    font-size: 21px
  }
  h3 {
    font-size: 18px
  }
  h4 {
    font-size: 16px
  }
  h5 {
    font-size: 16px
  }
  img {
    max-width: 100%;
    height: auto
  }
  nav {
    position: fixed
  }
  .mobile-nav {
    position: absolute;
    display: block;
    right: 0;
    top: 2px;
  }
  .mobile-nav .nav {
    float: left;
    margin-top: 0;
    margin-right: 10px;
  }
  .mobile-nav.navbar-right .nav {
    float: right;
    margin-right: 15px
  }
  .navbar-toggle .icon-bar {
    background: #111
  }
  .navbar-toggle {
    border: 1px solid #111;
    margin-top: 5px;
    float: none;
  }
  .mobile-nav .signup {
    margin-top: 5px;
    padding: 5px 17px 3px !important
  }
  .navbar-right .nav>li {
    border-bottom: 1px solid #eee
  }
  .navbar-right .navbar-nav>li>a {
    border: none;
    margin: 0;
    padding: 6px 15px
  }
  .navbar-right .navbar-nav {
    margin: 0;
    padding: 0;
    background: #fcfcfc
  }
  .navbar-right .navbar-nav .signup, .navbar-right .navbar-nav li:last-child {
    display: none
  }
  .navbar-right {
    margin: 0 -15px
  }
  #intercom-container .intercom-sheet {
    max-width: 100%
  }
  blockquote {
    padding: 10px 0;
    text-align: left
  }
  blockquote cite a {
    display: block
  }
  .brands.list-inline>li {
    padding: 0 8px 15px;
  }
  .brands.list-inline>li:last-child {
    padding-bottom: 0;
  }
  .brands.list-inline {
    margin: 0;
  }
  .footer .col-xs-6 {
    margin-bottom: 30px
  }
  #signin .container {
    width: auto;
    max-width: 400px
  }
  #signup .plan.form-group label {
    font-size: 16px;
    letter-spacing: 0
  }
  #signup .container {
    width: 100%
  }
  #signup .heading {
    text-align: center
  }
  .browse-screenshot {
    margin-bottom: 30px
  }
  .screenshots {
    overflow: hidden
  }
  .push-right, .push-left {
    float: none
  }
  .right {
    float: left
  }
  .browse .panel {
    text-align: center
  }
  .browse-feature h4 {
    margin-top: 0
  }
  .handwritten {
    float: none;
    display: block;
    margin-right: auto;
    margin-left: 75px;
    transform: rotate(-7deg);
    -ms-transform: rotate(-7deg);
    -webkit-transform: rotate(-4deg)
  }
  .handwritten:after {
    left: -30px
  }
  .filter li a {
    padding: 9px;
    display: inline-block
  }
  .general .left-nav.fix {
    position: relative;
    top: auto
  }
  .general .left-nav {
    margin-top: 0 !important
  }
  .tour .section.intro h1 {
    font-size: 24px
  }
  .tour .intro .scroll {
    margin: 48px 0 5px
  }
  .tour .left-menu li {
    padding-bottom: 15px;
    min-width: 0
  }
  .tour .section.intro h1 {
    font-size: 24px
  }
  .tour .fixed, .tr-screenshot.abs {
    position: relative;
    top: 0;
    margin-top: 0
  }
  .tr-screenshot.abs .tr-browser.second, .tr-screenshot.fixed .tr-browser.second {
    top: 150px;
    left: 0
  }
  .tr-screenshot.abs .tr-browser.third, .tr-screenshot.fixed .tr-browser.third {
    top: 300px;
    left: 0
  }
  .tour .section.features .tour-content {
    overflow: hidden
  }
  .tour .section.features .col-md-2 {
    display: none
  }
  .tour .tl {
    display: none
  }
  .tour .section.intro .left-menu {
    height: auto
  }
  .tour .section.intro .left-menu.list-inline>li {
    padding-right: 5px;
    padding-left: 0
  }
  .tour .overview .col-sm-4.text-right {
    text-align: left
  }
  .overview .item {
    min-height: 0;
    padding: 36px 0 0
  }
  .img-featured {
    margin-top: 60px
  }
  .tour .col-sm-8 {
    display: none
  }
  .more-wrapper .more-content {
    min-height: 0
  }
  .tr-screenshot {
    height: 390px;
    margin-top: 0
  }
  .tour-content .small-title {
    display: none
  }
  .tour .section.features .container>.row>.col-md-10 {
    padding: 0;
    border: none
  }
  .timeline {
    border: none;
    padding: 30px 0 0 15px
  }
  #signup .btn-primary, #signin .btn-primary {
    width: auto
  }
  #signup .plan {
    padding: 5px 15px 10px
  }
  .tour #more .text-center {
    text-align: left
  }
  .btn.btn-xlg {
    padding: 16px 60px
  }
  span.visible-xs {
    display: inline !important
  }
  .home {
    font-size: 14px;
    line-height: 1.75
  }
  .section-lg {
    padding: 60px 0
  }
  .font-sm {
    font-size: 12px;
    letter-spacing: .0125em
  }
  .section-title, .home .section-title {
    line-height: 1.45
  }
  .wwd-network {
    padding: 72px 15px 0;
    margin-top: -80px
  }
  .wwd-block {
    border: 2px solid #ddd;
    -webkit-border-image: -webkit-linear-gradient(to left, #ddd, transparent 100%);
    border-image: linear-gradient(to left, #ddd, transparent 100%);
    border-image-slice: 1;
    border-image-width: 2px;
    border-radius: 3px;
    padding: 15px;
    margin: 15px 0 15px 15px;
    text-align: left;
    position: relative
  }
  .node.n1 {
    left: 515px;
    top: 266px
  }
  .node.n3 {
    right: 511px;
    top: 265px
  }
  .wwd-block:before {
    content: "";
    position: absolute;
    left: -15px;
    border-left: 2px solid #DDD;
    border-bottom: 2px solid #ddd;
    height: 110%;
    height: calc(100% + 55px);
    width: 15px;
    bottom: 55px
  }
  .whatwedo .col-sm-4:first-child .wwd-block:after {
    content: "";
    border-bottom: 2px solid #ddd;
    border-right: 2px solid #ddd;
    top: -32px;
    left: -15px;
    width: 53%;
    height: 18px;
    position: absolute
  }
  .whatwedo .col-sm-4:first-child .wwd-block:before {
    height: 88%;
    height: calc(100% - 40px);
  }
  .unstyled-tabs {
    border: none;
    border-bottom: 1px solid #ddd
  }
  .unstyled-tabs a {
    padding-bottom: 7px;
    font-size: 13px
  }
  .list-inline.unstyled-tabs>li {
    padding-right: 0;
    padding-left: 8px;
  }
  #productTabsContent {
    padding: 15px 10px;
    border: 1px solid #ddd;
    border-top: 0;
    margin-top: -10px;
    border-radius: 3px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
  }
  .tour-desc {
    float: none;
    text-align: left;
    margin-top: 15px
  }
  .tour-desc img {
    display: none
  }
  .whatyoudo h3 {
    margin-top: 15px
  }
  .wyd-block {
    margin-bottom: 60px
  }
  .wyd-block:last-child {
    margin-bottom: 0
  }
  .questions {
    padding-left: 15px;
    padding-right: 15px
  }
  .questions li {
    padding: 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.75;
    margin: 0 0 15px;
  }
  .section.se-advantage {
    padding: 60px 0 0;
    text-align: center
  }
  .adgroup {
    margin-bottom: 60px
  }
  #statistics {
    padding: 60px 0
  }
  .quote blockquote {
    padding: 0 15px;
    font-size: 12px;
    margin: 30px 0 0
  }
  .quote blockquote:before {
    left: 30px;
    top: -72px;
    font-size: 110px
  }
  .quote blockquote h3 {
    font-size: 21px;
    line-height: 1.65
  }
  .wyd-block .text-right {
    text-align: left
  }
  .modal-minimal .modal-body {
    padding: 15px
  }
  .modal-minimal .modal-title {
    padding-bottom: 15px;
    margin-bottom: 10px
  }
  .modal-minimal .xsmall {
    font-size: 12px;
    letter-spacing: normal
  }
  .modal-minimal .form-group-sm .row {
    margin: 0 -5px
  }
  .modal-minimal .form-group-sm .row>div {
    padding: 0 5px
  }
  .general-lp .heading h1 {
    margin-top: 60px;
    font-size: 30px
  }
  .hero-alternative {
    padding: 150px 0
  }
  .hero-alternative h1 {
    margin-top: 0;
    font-size: 20px
  }
  .text-center-xs {
    text-align: center
  }
  .text-left-xs {
    text-align: left
  }
  .text-right-xs {
    text-align: right
  }
  body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
    margin-right: 0
  }
  #purchase header {
    font-size: 14px;
    line-height: 1.75;
    margin: 30px auto;
  }
  .purchase {
    max-width: 450px;
    margin: 30px auto 0;
  }
  .purchase-number {
    left: -16px;
    width: 30px;
    height: 30px;
    line-height: 29px;
    font-weight: 400;
    font-size: 16px;
  }
  .purchase-form-section, .purchase-form-footer {
    padding-left: 30px;
  }
  .purchase-form, .purchase-form:last-child {
    padding-left: 15px;
  }
  .purchase-title {
    line-height: 30px;
    margin-bottom: 15px;
  }
  .purchase-subtitle {
    top: 6px;
  }
  .purchase-subtitle--right {
    width: 100%;
    position: relative;
    right: auto;
    top: 0;
    line-height: 1.5;
  }
  .purchase-form small {
    line-height: 1.5;
    display: block;
  }
  .purchase-number img {
    width: 13px;
  }
  .col-pd-xs {
    margin-left: -5px;
    margin-right: -5px;
  }
  .col-pd-xs>div {
    padding-left: 5px;
    padding-right: 5px;
  }
  .purchase-form-section.last-child {
    border-color: transparent;
    margin-top: -6px;
  }
  .purchase-form-section.last-child .purchase-number {
    top: 6px;
  }
  #purchase .heading h2 {
    margin-top: 10px;
    font-size: 18px;
  }
  /** BEM**/
  .kw {
    left: 30px;
  }
  .total-group--sep-xs {
    margin-bottom: 36px;
    padding-bottom: 36px;
    border-bottom: 1px dashed rgba(238, 238, 238, 0.2);
  }

  a.btn-main, .btn-main {
    height: 60px;
    line-height: 48px;
    font-size: 18px;
    padding: 5px 10px;
    margin-right: 5px;
  }
  .btn-main-link, .btn-main-link:visited {
    height: 60px;
    line-height: 48px;
    font-size: 14px;
    padding: 5px 10px;
  }
}


@media (max-width: 767px) {
  .nav-dark:not(.fixednav) .navbar-nav>li>a:hover, .nav-dark .navbar-nav>li>a:focus {
    color: #ccc;
  }
}