@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,500,700,900|Vidaloka");
.col-xs-20,
.col-sm-20,
.col-md-20,
.col-lg-20 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-20 {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-20 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-20 {
    width: 20%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-20 {
    width: 20%;
    float: left;
  }
}

.col-xs-40,
.col-sm-40,
.col-md-40,
.col-lg-40 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-40 {
  width: 40%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-40 {
    width: 40%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-40 {
    width: 40%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-40 {
    width: 40%;
    float: left;
  }
}

/* half on .container in .container-fluid */

.container-left-half,
.container-right-half {
  padding-right: 15px;
  padding-left: 15px;
}

.container-left-half {
  margin-right: 0;
  margin-left: auto;
}

.container-right-half {
  margin-right: auto;
  margin-left: 0;
}

@media (min-width: 768px) {
  .container-left-half,
  .container-right-half {
    width: 375px;
  }
}

@media (min-width: 992px) {
  .container-left-half,
  .container-right-half {
    width: 485px;
  }
}

@media (min-width: 1200px) {
  .container-left-half,
  .container-right-half {
    width: 585px;
  }
}

/* bootstrap breadcrumbs*/

/* pagination */

.pagination {
  display: block;
  margin: 0;
  line-height: 0;
  padding: 0;
  border-radius: 0;
  line-height: 0;
}

.pagination > li {
  display: inline-block;
}

.pagination > li:last-child {
  margin-right: 0;
}

.pagination > li > a,
.pagination > li > span {
  text-align: center;
  padding: 0;
  border: none;
  color: #818181;
  background-color: transparent;
  font-size: 24px;
  margin-left: 0;
  min-width: 36px;
  border-radius: 0;
  line-height: 30px;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 0;
  -webkit-transform: scale(0.66667);
  transform: scale(0.66667);
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@media (min-width: 1200px) {
  .pagination > li > a,
  .pagination > li > span {
    font-size: 30px;
    min-width: 50px;
  }
}

.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-radius: 0;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus,
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  font-size: 24px;
  background-color: transparent;
  -webkit-transform: scale(1);
  transform: scale(1);
}

@media (min-width: 1200px) {
  .pagination > li > a:hover,
  .pagination > li > span:hover,
  .pagination > li > a:focus,
  .pagination > li > span:focus,
  .pagination > .active > a,
  .pagination > .active > span,
  .pagination > .active > a:hover,
  .pagination > .active > span:hover,
  .pagination > .active > a:focus,
  .pagination > .active > span:focus {
    font-size: 30px;
  }
}

.pagination > .disabled > a,
.pagination > .disabled > span,
.pagination > .disabled > a:hover,
.pagination > .disabled > span:hover,
.pagination > .disabled > a:focus,
.pagination > .disabled > span:focus {
  color: #00a651;
}

input[type="text"] + .theme_button,
input[type="email"] + .theme_button,
input[type="url"] + .theme_button,
input[type="password"] + .theme_button,
input[type="search"] + .theme_button,
input[type="tel"] + .theme_button,
input[type="number"] + .theme_button,
input[type="date"] + .theme_button,
textarea + .theme_button,
select + .theme_button,
.form-control + .theme_button {
  position: absolute;
  padding: 0;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 46px;
  color: #ffffff;
  box-shadow: none;
  border-radius: 0 3px 3px 0;
  cursor: pointer;
}

/*icons for forms */

form label + i,
form label + i {
  position: absolute;
  font-size: 14px;
  left: 17px;
  top: 17px;
  width: 1em;
  line-height: 1;
  text-align: center;
}

@media (min-width: 1200px) {
  form label + i,
  form label + i {
    top: 17px;
  }
}

form label + i + .form-control,
form label + i + .form-control {
  padding-left: 45px;
}

form .with_icon {
  padding-left: 25px;
}

form .with_icon + [class*="fa-"],
form .with_icon + [class*="icon2-"] {
  position: absolute;
  top: 17px;
  left: 2px;
  font-size: 12px;
}

form .with_icon:focus + [class*="fa-"],
form .with_icon:focus + [class*="icon2-"] {
  color: #82cc33;
}

label {
  font-weight: inherit;
}

.checkbox label,
.radio label {
  font-weight: inherit;
}

.checkbox label[for],
.radio label[for] {
  font-weight: inherit;
}

.form-control + [class*="icon2-"] {
  position: absolute;
  font-size: 24px;
  left: 20px;
  top: 50%;
  color: #a6ce38;
}

.checkbox label[for] + input[type="checkbox"],
.checkbox label[for] + input[type="radio"],
.radio label[for] + input[type="checkbox"],
.radio label[for] + input[type="radio"] {
  left: 20px;
}

input[type="checkbox"],
input[type="radio"] {
  margin-top: 6px;
}

.form-wrapper.with_background,
.form-wrapper.muted_background,
.form-wrapper.cs,
.form-wrapper.ds,
.form-wrapper.ls {
  padding: 35px;
}

.form-inline-button .form-inline {
  position: relative;
}

.form-inline-button .form-inline .form-control {
  width: 100%;
  margin: 0;
}

.form-inline-button .form-inline label {
  display: block;
}

.form-inline-button .form-inline label[for] {
  display: none;
}

.form-inline-button .form-inline .form-group {
  display: block;
  vertical-align: top;
  position: relative;
}

@media (min-width: 768px) {
  .form-inline-button .form-inline .form-group.inline-block {
    min-width: 370px;
    margin-right: 5px;
  }
}

.form-inline-button .form-inline [type="text"],
.form-inline-button .form-inline [type="password"],
.form-inline-button .form-inline [type="search"],
.form-inline-button .form-inline [type="email"] {
  padding-right: 50px;
  width: 100%;
}

.form-inline-button .form-inline [type="submit"],
.form-inline-button .form-inline .theme_button {
  font-size: 0;
  padding-left: 22px;
  padding-right: 22px;
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  background-color: #a6ce38;
  color: #ffffff;
}

.form-inline-button .form-inline [type="submit"] i,
.form-inline-button .form-inline .theme_button i {
  font-size: 16px;
  content: "\e656";
  font-family: "rt-icons-2";
  line-height: 1;
  top: 0;
}

.form-inline-button .form-inline [type="submit"]:hover,
.form-inline-button .form-inline .theme_button:hover {
  opacity: 0.5;
}

.has-error .form-control {
  border-color: #a6ce38;
}

.has-error label,
.has-error .help-block {
  color: #a6ce38;
}

/*styled checkbox */

.checkbox input[type="checkbox"] {
  display: none;
}

.checkbox label + input[type="checkbox"],
.checkbox label > input[type="checkbox"] {
  display: inline-block;
}

input[type="checkbox"] + label {
  padding-left: 0;
}

input[type="checkbox"] + label > a {
  color: #1f232b;
}

input[type="checkbox"] + label:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px 2px 0;
  text-align: center;
  width: 18px;
  height: 18px;
  line-height: 16px;
  font-size: 10px;
  border: 1px solid rgba(129, 129, 129, 0.3);
  border-radius: 50%;
  font-family: "FontAwesome";
}

input[type="checkbox"]:checked + label:before {
  content: "\f00c";
  color: #82cc33;
}

input[type="checkbox"]:disabled + label:before {
  background-color: #e5e9ea;
}

/*styled radio*/

.radio input[type="radio"] {
  display: none;
}

.radio label + input[type="radio"],
.radio label > input[type="radio"] {
  display: inline-block;
}

input[type="radio"] + label {
  padding-left: 0;
}

input[type="radio"] + label > a {
  color: #999999;
}

input[type="radio"] + label:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-bottom: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 2px solid #e5e9ea;
}

input[type="radio"]:checked + label:before {
  padding: 3px;
  background-color: #1f232b;
  background-clip: content-box;
}

input[type="radio"]:disabled + label:before {
  background-color: #e5e9ea;
}

.checkbox + .checkbox,
.radio + .radio {
  margin-top: 0;
}

/* inline input with button */

.button-on-input {
  position: relative;
}

.button-on-input input[type*="text"],
.button-on-input input[type*="email"] input[type*="password"],
.button-on-input .form-group {
  width: 100%;
}

.button-on-input button,
.button-on-input input[type*="submit"] {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
}

/* carousel */

.carousel {
  overflow: hidden;
}

.carousel-indicators li {
  width: 10px;
  height: 10px;
  border-width: 0;
  background-color: #1f232b;
  margin: 0 3px;
  transition: all 0.2s ease-in-out 0s;
}

.carousel-indicators li:hover {
  /* opacity: 0.8; */
  opacity: 1 !important;
}

.carousel-indicators .active {
  width: 10px;
  height: 10px;
  margin: 0 3px;
  background-color: #a6ce38;
}

.carousel-control.left,
.carousel-control.right {
  border: 1px solid #ffffff;
  color: #ffffff;
  border-radius: 0px;
  width: 50px;
  height: 50px;
  left: -50px;
  top: 50%;
  margin-top: -25px;
  text-shadow: none;
  opacity: 1;
  background-image: none;
  filter: alpha(opacity=100);
  text-align: center;
}

.carousel-control.right {
  right: -50px;
}

.carousel:hover .carousel-control {
  left: 50px;
}

.carousel:hover .carousel-control.right {
  left: auto;
  right: 50px;
}

.carousel-control.left span,
.carousel-control.right span {
  font-family: "rt-icons-2";
  width: 50px;
  height: 50px;
  margin: 0;
  font-size: 16px;
  left: 0;
  top: 0;
  line-height: 50px;
}

.carousel-control .icon-prev:before {
  content: "\e7c4";
}

.carousel-control .icon-next:before {
  content: "\e7c5";
}

/* collapse accordion */

.panel-heading .panel-title {
  font-size: inherit;
  letter-spacing: 0;
  padding: 0;
  position: relative;
}

.panel-heading .panel-title > a {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "Lato", sans-serif;
  line-height: 1.3;
  display: block;
  padding: 22px 20px 23px 40px;
  background: #a6ce38;
  border: none;
  color: #ffffff;
  border-radius: 3px 3px 0 0;
  word-wrap: break-word;
}

@media (min-width: 1200px) {
  .panel-heading .panel-title > a {
    padding-left: 65px;
  }
}

.panel-heading .panel-title > a.collapsed:hover,
.panel-heading .panel-title > a:hover {
  background-color: #a6ce38;
  border-color: #a6ce38;
  color: #ffffff;
}

/* progress bars */

/* nav and tabs */

.nav > li > a:hover,
.nav > li > a:focus {
  background-color: inherit;
}

.nav-unstyled {
  list-style: none;
  padding: 0;
  margin: 0 -12px;
}

.nav-unstyled li {
  display: inline-block;
  margin-bottom: -1px;
}

.nav-unstyled li a {
  display: inline-block;
  padding: 10px 12px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
}

.nav-unstyled .active a {
  color: #1f232b;
  border-color: #a6ce38;
}

.nav-tabs > li {
  margin-bottom: 0;
}

/*tabs*/

.tab-content {
  border-radius: 0 0 3px 3px;
  /* padding: 20px 20px; */
  /* padding: 0 6px; */
  /* border: 2px solid #e5e9ea; */
}

.tab-content.tab-remove-b {
  border: 0;
}

.tab-content.no-border {
  padding: 30px 0 0;
  border: none;
  box-shadow: none;
}

.tab-content.no-border.top-color-border:before {
  top: 0;
  left: 0;
  right: 0;
}

.tab-content.top-color-border {
  position: relative;
  padding: 20px 31px;
}
.tab-content.top-color-border:before {
  content: "";
  position: absolute;
  left: -2px;
  right: -2px;
  top: -2px;
  height: 5px;
  background-color: #a6ce38;
}

.tab-content.tab-unstyled {
  padding: 10px 0 0;
  border: none;
  background-color: transparent;
}

.ls .tab-content.tab-unstyled,
.ds .tab-content.tab-unstyled,
.cs .tab-content.tab-unstyled {
  background-color: transparent;
}

.tab-content .featured-tab-image {
  margin: -32px -22px 30px;
}

@media (min-width: 400px) {
  .tab-content .featured-tab-image {
    margin: -37px -37px 30px;
  }
}

@media (min-width: 400px) {
  aside .tab-content {
    padding: 30px 20px;
  }
}

@media (min-width: 1200px) {
  .tab-content.big-padding {
    padding: 55px;
  }
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border-bottom: none;
}

.nav-tabs {
  border-bottom: none;
  margin-top: 0px;
}

.nav-tabs > li + li {
  margin-left: 2px;
}

.nav-tabs > li > a {
  position: relative;
  z-index: 1;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 10px;
  margin-right: 0;
  margin-top: 0px;
  border: none;
  background-color: transparent;
  border: 2px solid rgba(129, 129, 129, 0.2);
  border-bottom: none;
  color: #818181;
  border-radius: 3px 3px 0 0;
}

.small-tabs .nav-tabs > li > a {
  padding: 10px;
}

.nav-tabs > li > a i {
  position: relative;
  top: 4px;
  padding-right: 5px;
  font-size: 1.6em;
  width: 1.5em;
  text-align: center;
  display: inline-block;
  line-height: 0;
}

@media (min-width: 992px) {
  .nav-tabs > li > a {
    padding: 12px 28px;
    font-size: 14px;
  }
}

@media (min-width: 1200px) {
  .nav-tabs > li > a {
    padding: 10px 16px;
    width: 265px;
    border: 1px solid #efefef;
  }
}

@media (max-width: 400px) {
  .nav-tabs > li > a {
    font-size: 10px;
    padding: 8px;
  }
  .small-tabs .nav-tabs > li > a {
    font-size: 10px;
    padding: 8px;
  }
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border-color: #a6ce38;
  background-color: #a6ce38;
  color: #ffffff;
  border-width: 2px;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.nav-tabs.nav-justified > .active > a {
  border-color: #a6ce38;
  background-color: #a6ce38;
}

/*vertical tabs*/

.vertical-tabs .tab-content.no-border {
  padding-top: 0;
}

.vertical-tabs .tab-content {
  border-radius: none;
  padding: 0px;
  border: none;
}

/* .vertical-tabs .nav>li>a .serviceBox {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 10px;
    position: relative; */

/* border-radius: 25px; */

/* border-radius: 0; */

/* color: #818181; */

/* background-color: #ededed; */

/* background-color: #f7f7f7;
} */

/* .vertical-tabs .nav>li.active a .serviceBox .title { */

/* background-color: #00a651; */

/* background-color: #dedede; */

/* color: #000; */

/* } */

.vertical-tabs .nav > li > a:after {
  font-family: "rt-icons-2";
  position: absolute;
  font-size: 12px;
  line-height: 50px;
  text-align: center;
  right: 0;
  top: 0;
  bottom: 0;
  width: 46px;
  letter-spacing: 0;
}

/* 
.vertical-tabs.no-arrows .nav>li>a:after {
    display: none;
}

.vertical-tabs.no-arrows .nav>li>a {
    padding: 24px 0;
} */

/* .vertical-tabs .nav>li.active a .serviceBox { */

/* box-shadow: none; */

/* background-color: #fff; */

/* background-color: #e8e8e8; */

/* box-shadow: 5px 10px #efefef; */

/* } */

/* .vertical-tabs .nav>li.active a .serviceBox:hover {
    box-shadow: 0 0 10px #999;
} */

@media (min-width: 768px) {
  .vertical-tabs .nav > li.active {
    position: relative;
    z-index: 2;
  }
}

/* modal */

/* bootstrap tables */

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  padding: 15px 15px;
  border-color: #e5e9ea;
}

.table {
  border-top: 1px solid #e5e9ea;
  border-bottom: 1px solid #e5e9ea;
}

.table td + th,
.table th + td,
.table th + th,
.table td + td {
  border-left: 1px solid #e5e9ea;
}

.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border-bottom-width: 1px;
}

.table > tbody > tr > td.media-middle {
  vertical-align: middle;
}

.table-responsive {
  border: none;
}

.additionals-table-main {
  margin: 10px 0;
  display: flex;
  flex-wrap: nowrap;
}

.esbee_daa form {
  position: relative;
  padding: 2px;
  text-align: justify;
}

section.esbee_daa {
  padding: 25px 0px;
}

form.cart.topmargin_50 ul > li {
  list-style: decimal;
}