html {

}
/**! 02. Typography **/
html {
  font-size: 87.5%;
}
@media all and (max-width: 768px) {
  html {
    font-size: 81.25%;
  }
}
body {
  font-size: 1em;
  line-height: 1.85714286em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #202020;
  font-weight: 400;
}

*:focus {
    outline: none;
}


h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: #252525;
  font-variant-ligatures: common-ligatures;
}
h1,
.h1 {
    letter-spacing: -0.01em;
    font-size: 3.14285714em;
    line-height: 1.31818182em;
}
h2,
.h2 {
  font-size: 2.35714286em;
  line-height: 1.36363636em;
}
h3,
.h3 {
  font-size: 1.78571429em;
  line-height: 1.5em;
}
h4,
.h4 {
  font-size: 1.35714286em;
  line-height: 1.36842105em;
}
h5,
.h5 {
  font-size: 1em;
  line-height: 1.85714286em;
}
h6,
.h6 {
  font-size: 0.85714286em;
  line-height: 2.16666667em;
}
.lead {
  font-size: 1.35714286em;
  line-height: 1.68421053em;
}
@media all and (max-width: 767px) {
  h1,
  .h1 {
    font-size: 1.6em;
    line-height: 1.2em;
  }
  h2,
  .h2 {
    font-size: 1.4em;
    line-height: 1.4em;
  }
  h3,
  .h3 {
    font-size: 1.2em;
    line-height: 1.5em;
  }
  h4,
  .h4 {
    font-size: 1.1em;
    line-height: 1.4em;
  }
  h5,
  .h5 {
    font-size: 0.9em;
    line-height: 1.35em;
  }
  h6,
  .h6 {
    font-size: 0.8em;
    line-height: 1.3em;
  }
  .lead {
    font-size: 1.35714286em;
    line-height: 1.36842105em;
  }
}
ul,
ol {
  list-style: none;
  line-height: 1.85714286em;
}
ul, ol {
    list-style: none;
    line-height: 1.85714286em;
    margin-bottom: 1.85714286em;
}
ul.bullets {
  list-style: inside;
}
ol {
  list-style-type: upper-roman;
  list-style-position: inside;
}
ul:last-child {
    margin: 0;
}
blockquote {
  font-size: 1.78571429em;
  line-height: 1.5em;
  padding: 0;
  margin: 0;
  border-left: 0;
}
strong {
  font-weight: 600;
}
a:hover,
a:focus,
a:active {
  text-decoration: none;
  outline: none;
}
/**! 03. Position **/
body {
  overflow-x: hidden;
}
hr {
    margin: 1.85714286em 0;
    border-color: #fafafa;
    border-color: #ECECEC;
}
hr[data-title] {
    margin: 2.78571429em 0;
    text-align: center;
}
hr[data-title]:before {
    content: attr(data-title);
    background: #ffffff;
    position: relative;
    bottom: 14px;
    padding: 0.92857143em;
    font-style: italic;
}
.inline-block {
  display: inline-block;
}
.block {
  display: block;
}
/**! 04. Element Size **/
.height-100,
.height-90,
.height-80,
.height-70,
.height-60,
.height-50,
.height-40,
.height-30,
.height-20,
.height-10 {
  height: auto;
  padding: 5em 0;
}
@media all and (max-width: 767px) {
  .height-100,
  .height-90,
  .height-80,
  .height-70,
  .height-60,
  .height-50,
  .height-40,
  .height-30,
  .height-20,
  .height-10 {
    height: auto;
    padding: 4em 0;
  }
}
@media all and (min-height: 600px) and (min-width: 767px) {
  .height-10 {
    height: 10vh;
  }
  .height-20 {
    height: 20vh;
  }
  .height-30 {
    height: 30vh;
  }
  .height-40 {
    height: 40vh;
  }
  .height-50 {
    height: 50vh;
  }
  .height-60 {
    height: 60vh;
  }
  .height-70 {
    height: 70vh;
  }
  .height-80 {
    height: 80vh;
  }
  .height-90 {
    height: 90vh;
  }
  .height-100 {
    height: 100vh;
  }
}
section.height-auto {
  height: auto;
}
section.height-auto .pos-vertical-center {
  top: 0;
  position: relative;
  transform: none;
}
section.height-auto .pos-vertical-bottom {
  bottom: 10px;
  position: relative;
  transform: none;
}
/**! 05. Images **/
img {
  max-width: 100%;
}
/*p+img, img:last-child{
	margin-bottom: 0;
}*/
img:last-child {
    margin-bottom: 0;
}
.img--fullwidth {
  width: 100%;
}
.background-image-holder {
  position: absolute;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover !important;
  background-position: 50% 50% !important;
  z-index: 0;
  transition: opacity .3s linear;
  -webkit-transition: opacity .3s linear;
  opacity: 0;
  background: #252525;
}
.background-image-holder:not([class*='col-']) {
  width: 100%;
}
.background-image-holder.background--bottom {
  background-position: 50% 100% !important;
}
.background-image-holder.background--top {
  background-position: 50% 0% !important;
}
.image--light .background-image-holder {
  background: none;
}
.background-image-holder img {
  display: none;
}
[data-overlay] {
  position: relative;
}
[data-overlay]:before {
  position: absolute;
  content: '';
  background: #252525;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
[data-overlay] *:not(.container):not(.background-image-holder) {
  z-index: 2;
}
.imagebg:not(.image--light) .btn:not([class*='primary']) {
    border-color: rgba(255, 255, 255, 0.3);
}
[data-overlay].image--light:before {
  background: #fff;
}
[data-overlay].bg--primary:before {
  background: #238b53;
}
[data-overlay="1"]:before {
  opacity: 0.1;
}
[data-overlay="2"]:before {
    opacity: 0.2;
}
.imagebg {
  position: relative;
}
.imagebg .container {
  z-index: 2;
}
.imagebg .container:not(.pos-absolute) {
  position: relative;
}
.imagebg:not(.image--light) h1,
.imagebg:not(.image--light) p {
  color: #fff;
}
.imagebg:not(.image--light) a {
    color: #fff;
    font-weight: 600;
}
.bg--dark hr:not(.short),
.imagebg hr:not(.short),
.bg--primary hr:not(.short) {
    opacity: .3;
}
div[data-overlay] h1,
div[data-overlay] p {
  color: #fff;
}
.image--xxs {
  max-height: 1.85714286em;
}
.image--xs {
  max-height: 3.71428571em;
}
.image--sm {
  max-height: 5.57142857em;
}
.image--md {
  max-height: 7.42857143em;
}
.icon-xs {
  font-size: 0.8em;
}
.icon-sm {
  font-size: 1.25em;
}
.icon-md {
  font-size: 1.5em;
}
.icon-lg {
  font-size: 1.8em;
}
.icon-xl {
  font-size: 2em;
}

.bar .logo {
    margin: 0;
    position: relative;
    top: 4px;
}
.bar .logo {
  max-height: 1.85714286em;
  max-width: none;
}
.bar .menu-horizontal {
    position: relative;
    top: 6px;
}

.bar:not(.bg--dark):not(.bar--transparent) .logo-light {
    display: none;
}
.bar.bar--sm {
    padding: 0.92857143em 0;
}
.menu-horizontal > li > a,
.menu-horizontal > li > .modal-instance > a {
  font-weight: 500;
}
.menu-horizontal > li > a,
.menu-horizontal > li > span,
.menu-horizontal > li > .modal-instance > .modal-trigger {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    color: #252525;
}
.menu-horizontal > li > a:hover,
.menu-horizontal > li > span:hover,
.menu-horizontal > li > .modal-instance > .modal-trigger:hover {
    color: #252525;
}
.menu-horizontal > li:not(:hover) > a,
.menu-horizontal > li:not(:hover) > span,
.menu-horizontal > li:not(:hover) > .modal-instance > .modal-trigger {
    opacity: .5;
}
.menu-horizontal > li a:hover {
  text-decoration: none;
}

@media all and (min-width: 990px) {
  .menu-horizontal li:not(:last-child) {
    margin-right: 1.23809524em;
  }
  .bar__module:not(:only-child) .menu-horizontal {
    top: 0;
  }
}
.bar-1 .menu-horizontal > li > .dropdown__trigger,
.bar-1 .menu-horizontal > li > a {
  font-size: 0.857142857142857em;
  line-height: 2.166666666666667em;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: .5px;
}

section, footer {
    padding-top: 7.42857143em;
    padding-bottom: 7.42857143em
}
section:not(.imagebg):not([class*='bg-']) + section.bg--secondary {
    border-top: 1px solid #ebebeb;
}
.bg--secondary {
    background: #fafafa;
}
.bg--white p, .bg--white span, .bg--white ul, .bg--white a:not(.btn) {
    color: #666666;
}
.bg--dark {
    background: #252525;
}
.bg--dark:not(.nav-bar):not(.bar) {
    color: #ffffff;
}
.color--primary {
    color: #238b53 !important;
}
.pos-vertical-top {
  position: relative;
  top: 0%;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
}
.pos-vertical-center {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.pos-vertical-bottom {
  position: relative;
  top: 50%;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
}
.container .container {
    max-width: 100%;
}

.boxed {
    position: relative;
    overflow: hidden;
    padding: 1.85714286em;
    border-radius: 6px;
}
.boxed.boxed--lg {
    padding: 2.78571429em;
}
.boxed.boxed--border {
    border: 1px solid #ececec;
}
.boxed-form:last-child {
    margin-bottom: 0;
}

.bg--white {
    background: #fff;
}
.bg--white p,
.bg--white span,
.bg--white ul,
.bg--white a:not(.btn) {
    color: #666666;
}
.bg--white h1,
.bg--white h2,
.bg--white h3,
.bg--white h4,
.bg--white h5,
.bg--white h6,
.bg--white i {
    color: #252525;
}


.lead {
    font-size: 1.35714286em;
    line-height: 1.68421053em;
    font-weight: 400;
    color: #808080;
}
.lead:not(:last-child) {
    margin-bottom: 1.36842105263158em;
}

.tabs {
    display: inline-block;
    padding-left: 0;
}
.tabs > li {
    display: inline-block;
    opacity: .5;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.tabs > .active,
.tabs:hover {
    opacity: 1;
}
.tabs .tab__title {
    cursor: pointer;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
}
.tabs .tab__title:not(.btn) {
    padding: 0 1.85714286em;
    padding-right: 0;
    padding-left: 0
}
.tabs li:first-child .tab__title:not(.btn) {
    padding-left: 0;
}
.tabs .tab__content {
    display: none;
}
.tabs-content {
    margin-top: 1em;
    position: relative;
}
  .tabs-content li > .tab__content {
    width: 100%;
    display: none;
  }
  .tabs-content > .active > .tab__content {
    display: block;
  }
  .tabs-container[data-content-align="left"] .tabs-content {
    text-align: left;
  }
  @media all and (max-width: 767px) {
    .tabs-content > li:not(.active) .tab__content {
      display: none !important;
    }
  }

  .tabs li {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    padding: 0.92857143em 1.85714286em;
  }
  .tabs li:not(:last-child) {
    border-right: 1px solid #ECECEC;
  }
  .tabs li.active {
    opacity: 1;
  }
  .tabs li.active .tab__title {
    color: #238b53;
  }
  .tabs li.active .tab__title span {
    color: #238b53;
  }
  .tabs li:not(.active) {
    opacity: .5;
  }
  .tabs li:hover {
    opacity: 1;
    cursor: pointer;
  }
  .tabs .tab__title i + span {
    margin-top: 0.46428571em;
    display: inline-block;
    margin-bottom: 0;
  }
  .tabs-content > li:not(.active) .tab__content {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    opacity: 0;
    pointer-events: none;
    animation: fadeOutRight .5s ease forwards;
    -webkit-animation: fadeOutRight .5s ease forwards;
  }
  .tabs-content > li.active {
    animation: fadeInLeft .5s ease forwards;
    -webkit-animation: fadeInLeft .5s ease forwards;
    backface-visibility: hidden;
  }
  @media all and (max-width: 767px) {
    .tabs li {
      display: block;
    }
    .tabs li:not(:last-child) {
      border-bottom: 1px solid #ECECEC;
      border-right: none;
    }
  }
  .tabs li p {
      margin-bottom: 0;
  }

input[type], textarea, select {
    background: #fcfcfc;
    border-radius: 6px;
}
input[type]:not([class*='-sm']),
textarea:not([class*='-sm']),
select:not([class*='-sm']) {
    height: 2.78571429em;
    padding: 0.46428571em;
}
input[type*='radio'],
input[type*='checkbox'] {

  height: auto !important;
}
input[type], select, textarea {
    padding-left: 0.92857143em;
}
input, [class*='input-'] label, select, textarea {
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
}

button.btn,
input[type="submit"].btn {
  font-size: 0.85714286em;
  font-weight: 700;
}
button.btn-sm {
  height: auto;
  font-weight: 500!important;
}
button.btn.btn--primary,
input[type="submit"].btn.btn--primary {
  color: #fff;
}
.btn.btn--primary {
    color: #FFF;
}
button.btn.type--uppercase,
input[type="submit"].btn.type--uppercase {
  letter-spacing: .5px;
  margin-right: -0.5px;
}
button[type="submit"].btn--loading:after,
input[type="submit"][type="submit"].btn--loading:after {
  background: #238b53;
}
.btn {
    position: relative;
}
.btn.bg--facebook,
.btn.bg--twitter,
.btn.bg--instagram,
.btn.bg--googleplus,
.btn.bg--pinterest,
.btn.bg--dribbble,
.btn.bg--behance,
.btn.bg--dark {
    border-color: rgba(0, 0, 0, 0) !important;
    color: #fff !important;
}
.btn.type--uppercase {
    letter-spacing: .5px;
}
.btn.block {
    margin-left: 0;
}
.bg--facebook {
    background: #3b5998;
    color: #fff;
}
.btn i {
    color: #252525;
    border-color: #252525;
    font-weight: 700;
    font-size: 0.85714286em;
}
.btn--icon i {
    color: #fff;
    position: relative;
    line-height: 1em;
    top: 3px;
    left: -3px;
    background: rgba(0, 0, 0, 0.1);
    padding: 0;
    border-radius: 6px 0 0 6px;
    font-size: 16px;
}
a button {
    background: none;
}
.btn-success, .btn-success:visited {
    /*background: #238b53;*/
    background: #00cc66;
    /*border-color: #00cc66;*/
    border-color: #00cc66;
}
.btn-success:hover {
  /*background: #238b53;*/
  background: #0fc067;
  /*border-color: #00cc66;*/
  border-color: #0fc067;
}
.btn.btn-tl {
  color: #FFFFFF;
  background: #00cc66;
  border-color: #16ce50;
}

.social-list a {

}
.social-list i {
    font-size: 1.25em;
}



.process-stepper > li {
  transition: all .3s ease;
  display: inline-block;
  float: left;
  text-align: center;
  position: relative;
}
.process-stepper > li:before {
  transition: all .3s ease;
  content: '';
  width: 0.92857143em;
  height: 0.92857143em;
  background: #ccc;
  border-radius: 50%;
  display: block;
  margin: 0 auto;
  margin-bottom: 0.22em;
  z-index: 2;
  position: relative;
}
.process-stepper > li:after {
  transition: all .3s ease;
  content: '';
  width: 100%;
  height: 2px;
  position: absolute;
  background: #ccc;
  top: 5px;
  left: 0;
}
.process-stepper > li:first-child:after,
.process-stepper > li:last-child:after {
  width: 50%;
}
.process-stepper > li:only-child:after {
  width: 0;
}
.process-stepper > li:first-child:after {
  left: 50%;
}

.process-stepper > li.active:after {
  background: #17ce4f;
}
.process-stepper > li.active:before {
  background: #47b771;
}
.process-stepper > li.completed:before,
.process-stepper > li.completed:after {
  background: #17ce4f;
}
.process-stepper > li > span {
  cursor: default;
}
.process-stepper[data-process-steps="6"] > li {
  width: 16.666666666666667%;
}
.process-stepper[data-process-steps="5"] > li {
  width: 20%;
}
.process-stepper[data-process-steps="4"] > li {
  width: 25%;
}
.process-stepper[data-process-steps="3"] > li {
  width: 33.33333333%;
}
.process-stepper[data-process-steps="2"] > li {
  width: 50%;
}
.bg--dark .process-stepper li:not(.active):before,
.bg--dark .process-stepper li:not(.active):after {
  background: #585858;
}

.tooltip {

}
.tooltip-inner {
  background-color: #3ba55b;
  white-space: pre-wrap;
}

.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tooltip.text-danger {

}
.tooltip.text-danger .tooltip-inner {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}