@import url(//fonts.googleapis.com/css?family=Lato:100,300,400,700,900);
@import url(//fonts.googleapis.com/css?family=Gentium+Basic:400,700);
@import url(//fonts.googleapis.com/css?family=Allura);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
body {
  background-color: #13193d;
  font:
    14px "Open Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  line-height: 1.428571429;
  /* color: #545454; */
  color: #757575;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:focus {
  text-decoration: none;
  background: none;
}
a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
}
textarea,
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: caret;
}
p {
  margin-bottom: 15px;
  line-height: 24px;
}
p span {
  color: #66c010;
}
h1.navbar-brand_ {
  margin: 0;
  padding: 0;
  float: left;
  height: auto;
  width: 229px;
  /* height: 190px; */
  /* line-height: 252px; */
  text-align: center;
  background-color: white;
}
h1.navbar-brand_ a {
  display: inline-block;
}
h2 {
  font:
    bold 24px/24px "Open Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  /* margin: 0 0 112px 0; */
  width: 100%;
  text-align: center;
  position: relative;
  color: #13193d;
}
h2:not(.tm-modal-title):before {
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #cdcdcd;
  content: "";
}
h2:not(.tm-modal-title) span {
  font:
    bold 24px/24px "Open Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  color: #002145;
  text-transform: uppercase;
  background-color: #fdfdfd;
  padding: 0 55px;
  position: relative;
}
h2.indent {
  margin-bottom: 60px;
}
h2.indent1 {
  margin-bottom: 105px;
}
h3 {
  font:
    bold 30px/30px "Open Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  margin: 0 0 2px 0;
}
h4 {
  font:
    28px/30px "Open Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  color: #018bab;
  margin: 0 0 17px 0;
}
.extra-wrap {
  overflow: hidden;
}
.global {
  padding: 0;
  background: #fdfdfd;
}
.global.indent {
  padding: 66px 0 0 0;
  background: #fdfdfd;
}
.center {
  text-align: center;
}
.logo-phone {
  display: block !important;
  background-color: #002145;
  line-height: 40px;
  color: white !important;
  font-weight: bold;
  width: 100%;
  /* bottom: 90px; */
  position: relative;
}
nav.tm_navbar {
  background: none;
  border: none;
  padding: 0;
  margin: 36px 0 0 0;
  float: right;
  display: block;
  min-height: 0;
}
nav.tm_navbar li {
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 0 40px;
  float: left;
}
nav.tm_navbar li:first-child {
  margin-left: 0;
}
nav.tm_navbar li a {
  position: relative;
  padding: 0;
  font: bold 14px "Open Sans";
  color: #ffffff;
  background: none;
  text-transform: uppercase;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
nav.tm_navbar li.active > a {
  color: #66c010;
  background: none;
}
nav.tm_navbar li:hover > a {
  color: #66c010;
  background: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
nav.tm_navbar .sfHover > a {
  color: #04cffe;
  background: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
nav.tm_navbar li span {
  height: 4px;
  background: url(../img/menu-marker.png) center 0 no-repeat;
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: -8px;
  z-index: 0;
}
nav.tm_navbar .sub-menu > ul {
  position: absolute;
  display: none;
  width: 110px;
  left: -18px;
  top: 39px;
  list-style: none !important;
  zoom: 1;
  z-index: 11;
  background: #018bab;
  border-radius: 0;
  padding: 29px 10px 16px 16px;
  margin: 0;
  text-align: left;
}
nav.tm_navbar .sub-menu > ul li {
  background: none;
  border: none;
  width: auto;
  float: none;
  margin: 0 0 13px 0;
  padding: 0;
  display: block;
}
nav.tm_navbar .sub-menu > ul li a {
  background: none;
  padding: 0;
  margin: 0;
  float: none;
  font: 12px "Arial";
  text-transform: uppercase;
  color: #ffffff;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
nav.tm_navbar .sub-menu > .submenu li span {
  display: inline-block;
  background: url(../img/menu-marker2.png) no-repeat;
  width: 6px;
  height: 7px;
  position: relative;
  left: 9px;
  top: 0;
}
nav.tm_navbar .sub-menu > ul li a:hover {
  text-decoration: none;
  color: #333 !important;
  background: none !important;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
nav.tm_navbar .sub-menu > ul li.sfHover > a {
  text-decoration: none;
  color: #333 !important;
  background: none !important;
}
nav.tm_navbar .sub-menu ul ul {
  position: absolute;
  display: none;
  width: 107px;
  left: 100%;
  top: 19px;
  border-radius: 0;
  list-style: none !important;
  zoom: 1;
  z-index: 11;
  background: #333;
  padding: 10px 10px 0 10px;
  margin: 0;
  text-align: left;
}
nav.tm_navbar .sub-menu ul ul li a {
  background: none;
  padding: 0;
  margin: 0;
  float: none;
  font: 12px "Arial";
  text-transform: uppercase;
  color: #ffffff;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
nav.tm_navbar .sub-menu > ul li > ul li a:hover {
  text-decoration: none;
  color: #999 !important;
  background: none !important;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.select-menu {
  display: none !important;
}
.coupons {
  margin: 20px auto;
  border: 1px solid gray;
  text-align: center;
  height: 310px;
  overflow: hidden;
  width: 220px;
  position: relative;
  cursor: pointer;
}
.coupons .coupons-img {
  height: 190px;
}
.coupons .coupons-img img {
  width: 100%;
  position: relative;
}
.coupons .btn-default {
  margin: 20px auto;
  display: block;
}
/* .coupons .coupons-box div {
} */
.coupons .coupons-box p {
  font-size: 12px;
  text-align: center;
  width: 70%;
  margin: 20px auto 0px auto;
  line-height: 20px;
  display: none;
}
.coupons .coupons-box {
  width: 220px;
  min-height: 255px;
  position: relative;
}
.container-white {
  background-color: #f7f7f7;
  position: relative;
  padding-bottom: 10px;
}
.text-color {
  color: #ff0000;
}
.logo img {
  line-height: 20px;
  display: block;
}
.logo {
  padding-top: 15px;
}
header {
  position: relative;
  margin: 0;
  padding: 0;
  z-index: 11;
  height: 252px;
  background: url(../img/bg_pic3.jpg) no-repeat;
}
header.indent {
  height: 88px;
  background: #000000;
  background: rgba(19, 25, 61, 0.6);
}
header .box {
  height: 88px;
  background: #000000;
  background: rgba(19, 25, 61, 0.56);
}
footer {
  padding: 71px 0;
  text-align: left;
}
footer p {
  font:
    14px "Open Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  color: #d9dbdf;
  margin: 0;
}
footer p a {
  color: #d9dbdf;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
footer p a:hover {
  color: #28d9ff;
}
footer em {
  font-style: normal;
}
footer .foo-logo {
  font:
    bold 72px/72px "Open Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  color: #ffffff;
  margin-bottom: 14px;
}
footer h4 {
  color: #d9dbdf;
  border-bottom: 1px solid #d9dbdf;
  font-size: 19px;
  text-align: left;
}
footer .ft-menus a {
  width: 100%;
  display: inline-block;
  color: #d9dbdf;
  text-decoration: none;
}
footer .ft-menus a:hover {
  text-decoration: underline;
}
footer .ft-copyright,
footer .ft-developer {
  text-align: center;
  margin-top: 20px;
}
footer .need_help__ins1 {
  display: inline-block;
}
footer a {
  color: #d9dbdf;
}
footer a:hover {
  color: white;
}
footer .need_help__ins1 dl * {
  display: inline-block;
}
.need_help__ins1 + .contact {
  margin-top: 7px;
}
.color-primary {
  color: #78b8f8;
}
footer dl * {
  display: inline-block;
  color: #d9dbdf;
}
footer dt {
  vertical-align: top;
}
footer dl {
  margin-bottom: 0px;
  vertical-align: top;
}
footer .color-primary {
  color: #66c010;
}
.follow_icon {
  padding: 0;
  margin: 0 0 24px 0;
  list-style: none;
  display: inline-block;
}
.follow_icon li {
  float: left;
  margin-left: 25px;
}
.follow_icon li:first-child {
  margin-left: 0;
}
.follow_icon li a {
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.follow_icon li a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.follow_icon li a {
  color: #d9dbdf;
  font-size: 20px;
}
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 80px;
  right: 30px;
  overflow: hidden;
  border: none;
  color: #018bab;
  font-size: 32px;
  line-height: 38px;
  z-index: 20;
  -webkit-transition: color 0.5s ease;
  -o-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
#toTop:hover {
  outline: none;
  color: #28d9ff;
}
.trainerBox {
  margin-bottom: 30px;
  position: relative;
  display: block;
}
.trainerBox figure {
  margin: 0;
}
.trainerBox figure a {
  position: relative;
  display: block;
  width: 100%;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.trainerBox figure a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.trainerBox figure a:hover img {
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
.trainerBox figure img {
  width: 100%;
  top: 0;
  left: 0;
  -webkit-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
  outline: 1px solid transparent;
}
.who-box {
  overflow: hidden;
  padding-bottom: 74px;
}
.who-box .col-lg-4 {
  margin-bottom: 40px;
}
.errorBox {
  text-align: center;
  padding-bottom: 40px;
}
.errorBox1 {
  padding-bottom: 40px;
}
.errorBox1 .title {
  font:
    50px/50px "Open Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  color: #018bab;
  margin-bottom: 5px;
}
.errorBox1 .description {
  font:
    28px/28px "Open Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  color: #018bab;
  margin-bottom: 18px;
}
.welcome-box {
  /*padding-bottom:98px;*/
  overflow: hidden;
}
.thumb-box1 {
  padding-bottom: 76px;
}
.thumb-box1 .col-lg-5 {
  padding-top: 50px;
  margin-bottom: 40px;
}
.thumb-box1 .col-lg-2 {
  margin-bottom: 40px;
}
.thumb-box2 {
  background: rgb(0 0 0 /0.2) url(../img/bg_pic1.jpg) center 0 fixed no-repeat;
  padding: 40px 0 46px 0;
  text-align: center;
  background-position: center;
  background-size: cover;
}
.thumb-box2 .title {
  font:
    18px "Open Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.thumb-box3 {
  background: rgb(39 43 81 /0.8) url(../img/bg_pic2.jpg) center 0 fixed
    no-repeat;
  padding: 74px 0 46px 0;
  text-align: center;
}
.thumb-box3 .title {
  font:
    36px/36px "Open Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 26px;
}
.thumb-box3 .description {
  font-size: 22px;
  line-height: 24px;
  color: #ffffff;
  margin-bottom: 61px;
}
.thumb-box4 {
  padding-bottom: 100px;
}
.thumb-box5 {
  padding-bottom: 45px;
}
.thumb-box5 .col-lg-3,
.thumb-box5 .col-lg-4,
.thumb-box5 .col-lg-5 {
  margin-bottom: 60px;
}
.thumb-box6 {
  padding-bottom: 76px;
}
.thumb-box6 .col-lg-4 {
  margin-bottom: 40px;
}
.reviews-icons img {
  border-radius: 10px;
  display: block;
  margin: 10px auto;
  width: 100%;
}
.followus-icons {
  font-size: 35px !important;
  float: left;
  margin-right: 10px;
  background-color: #66c010;
  color: white;
  width: 45px;
  height: 45px;
  text-align: center;
  line-height: 45px !important;
  border-radius: 100%;
}
#newsletter {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
#newsletter .btn-default.btn2 {
  float: left;
  line-height: 39px;
}
#newsletter input {
  background: none;
  box-shadow: none;
  border: none;
  font:
    14px "Open Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  line-height: 18px;
  color: #ffffff;
  background: url(../img/form_pattern.png) repeat;
  height: 39px;
  width: 189px;
  border-radius: 0;
  padding: 10px 15px 10px 42px;
  margin: 0;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
#newsletter input:focus {
  outline: none;
  border: none;
}
#newsletter .error {
  position: absolute;
  bottom: -24px;
  right: 5px;
  text-align: right;
  display: block;
  overflow: hidden;
  height: 0px;
  font-size: 10px;
  color: #ffffff;
  text-transform: none;
  font-weight: normal;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
#newsletter label {
  position: relative;
  margin-right: 11px;
  float: left;
  border: none;
  margin-bottom: 25px;
}
#newsletter label.email {
  background: url(../img/form_icon2.png) 15px center no-repeat;
}
#newsletter label.name {
  background: url(../img/form_icon1.png) 15px center no-repeat;
}
#newsletter label.invalid .error {
  height: 19px;
}
#newsletter .success {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  text-align: center;
  border: none;
  font:
    14px "Open Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  line-height: 18px;
  color: #969696;
  background: #ffffff;
  height: 39px;
  width: 100%;
  border-radius: 0;
  padding: 10px 0;
  text-transform: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
}
.carousel-box {
  margin-top: -110px;
  margin-bottom: 65px;
}
.list_carousel1.responsive {
  width: auto;
  margin: 0;
  padding: 0;
  background-color: #66c010;
  overflow: hidden;
  margin-top: 20px;
}
.list_carousel1 #foo1 {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  cursor: default;
}
.list_carousel1 #foo1 > li {
  float: left;
  cursor: default;
  margin-right: 0;
  overflow: hidden;
  padding: 0;
}
.list_carousel1 #foo1 > li .title {
  font: 36px/36px "Open Sans";
  color: #ffffff;
  margin-bottom: 13px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.list_carousel1 #foo1 > li p {
  color: #ffffff;
  font: 16px/24px "Open Sans";
  margin-bottom: 0;
}
.list_carousel1 #foo1 > li .box {
  padding: 50px 0 0 68px;
}
.list_carousel1.responsive .caroufredsel_wrapper {
  cursor: default !important;
  margin-bottom: 0 !important;
}
.foo-btn {
  position: absolute;
  margin-left: 68px;
  bottom: 45px;
}
#foo2_pag {
  position: relative;
  margin: 0;
  padding: 0;
  border-radius: 0;
}
#foo2_pag a {
  position: relative;
  z-index: 1;
  width: 14px;
  height: 14px;
  padding: 0 !important;
  margin: 0 0 0 7px;
  display: inline-block;
  background: #ffffff !important;
  border-radius: 100%;
  cursor: pointer;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
#foo2_pag a:first-child {
  margin-left: 0;
}
#foo2_pag a:hover {
  background: #000 !important;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
#foo2_pag a.selected {
  background: #000 !important;
}
#foo2_pag a span {
  display: none;
}
.list_carousel2.responsive {
  position: relative;
  width: auto;
  margin: 0;
  z-index: 0;
  border-bottom: 1px solid #ddd;
  padding-bottom: 34px;
}
.list_carousel2 #foo2 {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  cursor: default;
}
.list_carousel2 #foo2 > li {
  padding: 0;
  float: left;
  cursor: default;
  margin-right: 30px;
}
.list_carousel2 #foo2 > li figure {
  margin: 0 0 37px 0;
  position: relative;
  overflow: hidden;
}
.list_carousel2 #foo2 > li figure img {
  width: 100%;
}
.list_carousel2 #foo2 > li figure:hover i {
  -webkit-transform: translateY(0) translateX(0) scale(1);
  transform: translateY(0) translateX(0) scale(1);
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
  opacity: 1;
  filter: alpha(opacity=100);
}
.list_carousel2 #foo2 > li i {
  width: 100%;
  height: 100%;
  position: absolute;
  padding: 63px 20px;
  top: 0;
  left: 0;
  display: block;
  background: #000000 url(../img/zoom.png) center center no-repeat;
  background: rgba(94, 94, 94, 0.7) url(../img/zoom.png) center 100px no-repeat;
  font-weight: normal;
  -webkit-transform: translateY(0) translateX(0) scale(0.25);
  transform: translateY(0) translateX(0) scale(0.25);
  -webkit-transition: all 0.35s;
  -o-transition: all 0.35s;
  transition: all 0.35s;
  opacity: 0;
  filter: alpha(opacity=0);
  font: 20px "Open Sans";
  text-align: center;
  color: #ffffff;
}
.list_carousel2.responsive .caroufredsel_wrapper {
  cursor: default !important;
}
.list_btn2 .prev2,
.list_btn2 .next2 {
  display: inline-block;
  width: 51px;
  height: 51px;
  cursor: pointer;
  margin: 0 3px;
}
.list_btn2 .prev2 {
  background: url(../img/prev1.png) 0 top no-repeat;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.list_btn2 .next2 {
  background: url(../img/next1.png) 0 top no-repeat;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.list_btn2 .prev2:hover {
  background: url(../img/prev1.png) 0 bottom no-repeat;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.list_btn2 .next2:hover {
  background: url(../img/next1.png) 0 bottom no-repeat;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.thumb-pad1 {
  overflow: hidden;
  margin-bottom: 50px;
}
.thumb-pad1 .thumbnail {
  position: relative;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  border: none;
  padding: 0;
  background: none;
  overflow: hidden;
}
.thumb-pad1 .thumbnail .caption {
  padding: 0;
  /* color: #545454; */
  color: #545454;
  overflow: hidden;
}
.thumb-pad1 .thumbnail .caption p {
  margin-bottom: 25px;
}
.thumb-pad1 .thumbnail .caption .title {
  font: 28px/30px "Open Sans";
  color: #018bab;
  margin-bottom: 16px;
}
.thumb-pad1 .thumbnail figure {
  margin: 0 24px 0 0;
  float: left;
}
.thumb-pad1 .thumbnail figure img {
  border-radius: 100%;
}
.thumb-pad2 {
  margin: 0;
  overflow: hidden;
}
.thumb-pad2 .thumbnail {
  position: relative;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  border: none;
  padding: 0;
  background: none;
  overflow: hidden;
}
.thumb-pad2 figure {
  margin: 0;
}
.thumb-pad2 .thumbnail .caption {
  padding: 0;
  /* color: #545454; */
  color: #545454;
}
.thumb-pad2 .thumbnail .caption p {
  margin: 0 0 35px 0;
}
.thumb-pad2 .thumbnail .caption .title {
  font:
    24px/30px "Open Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  color: #018bab;
  margin-bottom: 31px;
  text-transform: uppercase;
}
.thumb-pad3 {
  overflow: hidden;
  margin: 0;
}
.thumb-pad3 .thumbnail {
  position: relative;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: none;
}
.thumb-pad3 figure {
  margin: 0 0 40px 0;
}
.thumb-pad3 figure img {
  border-radius: 100%;
}
.thumb-pad3 .thumbnail .caption {
  padding: 0;
  overflow: hidden;
  color: #545454;
}
.thumb-pad3 .thumbnail .caption .title {
  font:
    18px/18px "Open Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  margin-bottom: 15px;
  color: #018bab;
}
.thumb-pad4 {
  margin: 0;
  overflow: hidden;
}
.thumb-pad4 .thumbnail {
  position: relative;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  border: none;
  padding: 0;
  background: none;
  overflow: hidden;
}
.thumb-pad4 .thumbnail .caption {
  padding: 0;
  overflow: hidden;
  color: #545454;
}
.thumb-pad5 {
  margin: 0 0 47px 0;
}
.thumb-pad5 .thumbnail {
  position: relative;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  border: none;
  padding: 0;
  background: none;
  text-align: left;
}
.thumb-pad5 .thumbnail .caption {
  padding: 0;
  overflow: hidden;
  color: #545454;
}
.thumb-pad5 .thumbnail .caption p {
  margin-bottom: 0;
  color: #ffffff;
}
.thumb-pad5 .thumbnail .caption .title {
  font:
    bold 22px/24px "Open Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  color: #66c010;
  text-transform: none;
  margin-bottom: 10px;
}
.thumb-pad5 .thumbnail figure {
  margin: 0 15px 0 0;
  float: left;
}
.thumb-pad6 {
  overflow: hidden;
  text-align: center;
  margin: 0 0 93px 0;
}
.thumb-pad6 .thumbnail {
  position: relative;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  background: none;
}
.thumb-pad6 .thumbnail .caption {
  padding: 0;
  overflow: hidden;
  color: #545454;
}
.thumb-pad6 .thumbnail .caption h4 {
  font-weight: normal;
}
.thumb-pad6 .thumbnail .caption p {
  margin-bottom: 25px;
}
.thumb-pad6 figure {
  margin: 0 0 19px 0;
  overflow: hidden;
}
.thumb-pad6 figure img {
  border-radius: 100%;
}
.thumb-pad7 {
  margin: 0 0 30px 0;
}
.thumb-pad7 .thumbnail {
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  border: none;
  padding: 0;
  background: none;
  overflow: hidden;
  text-align: left;
}
.thumb-pad7 .thumbnail .caption {
  padding: 0;
  overflow: hidden;
  color: #545454;
}
.thumb-pad7 .thumbnail .caption p {
  margin: 0;
}
.thumb-pad7 .thumbnail .caption a {
  font:
    bold 18px "Open Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  color: #13193d;
  display: inline-block;
  margin-bottom: 11px;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.thumb-pad7 .thumbnail .caption a:hover {
  color: #000000;
}
.thumb-pad7 figure {
  margin: 0 0 37px 0;
}
.thumb-pad7 figure img {
  border-radius: 100%;
}
.thumb-pad8 {
  margin: 0;
}
.thumb-pad8 .thumbnail {
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  border: none;
  padding: 0;
  background: none;
  overflow: hidden;
}
.thumb-pad8 .thumbnail .caption {
  padding: 0;
  overflow: hidden;
  color: #545454;
}
.thumb-pad8 .thumbnail .caption a {
  font: 20px "Allura";
  color: #000000;
  float: right;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.thumb-pad8 .thumbnail .caption a:hover {
  color: #018bab;
}
.thumb-pad8 .thumbnail .caption p {
  margin-bottom: 9px;
}
.thumb-pad8 figure {
  margin: 0 30px 0 0;
  float: left;
}
.thumb-pad8 figure img {
  border-radius: 100%;
}
.btn-default.btn1 {
  box-shadow: none;
  text-decoration: none;
  display: inline-block;
  padding: 0;
  font:
    bold 14px "Open Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  color: white;
  margin: 0;
  text-shadow: none;
  border-radius: 0;
  background-color: #66c010;
  padding: 10px;
  width: 120px;
  text-align: center;
  margin: 0px auto;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.btn1-right {
  float: right;
}
.btn-default.btn1 img {
  margin: 0 0 0 3px;
  display: inline-block;
}
.btn-default.btn1:hover {
  color: #ffffff;
  background: #002145 !important;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.btn-default.btn2 {
  box-shadow: none;
  text-decoration: none;
  display: inline-block;
  padding: 0 37px;
  font:
    14px/42px "Open Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  color: #ffffff;
  margin: 0;
  text-shadow: none;
  border-radius: 0;
  background: #66c010;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.btn-default.btn2:hover {
  color: #ffffff;
  background: #002145 !important;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.btn-default.btn3 {
  box-shadow: none;
  text-decoration: none;
  display: inline-block;
  padding: 0;
  font: 14px "Open Sans";
  color: #525252;
  margin: 0;
  text-shadow: none;
  border-radius: 0;
  background: none;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.btn-default.btn3 span {
  margin-right: 4px;
}
.btn-default.btn3:hover {
  color: #dc6c57;
  background: none !important;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.btn-default.btn4 {
  box-shadow: none;
  text-decoration: none;
  display: inline-block;
  padding: 0 30px;
  font: bold 16px/44px "Lato";
  color: #ffffff;
  margin: 0;
  text-shadow: none;
  border-radius: 0;
  background: #212b5a;
  text-transform: uppercase;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.btn-default.btn4:hover {
  color: #ffffff;
  background: #fdb706 !important;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.list1-1 {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.list1-1 li {
  font-size: 14px;
  line-height: 1.428571429;
  overflow: hidden;
  margin-bottom: 4px;
  padding-left: 15px;
  color: #545454;
  background: url(../img/list_arrow.png) left 9px no-repeat;
}
.list1-1 li a {
  font:
    14px "Open Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  color: #545454;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.list1-1 li a:hover {
  color: #018bab;
}
.list1 {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.list1 li {
  font-size: 16px;
  line-height: 1.428571429;
  overflow: hidden;
  margin-bottom: 10px;
}
.list1 li a {
  border: 1px solid #d3d2d2;
  font: bold 20px/60px "Lato";
  text-transform: uppercase;
  display: block;
  text-align: center;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.list1 li a:hover {
  background: #fdb706;
  border-color: #fdb706;
  color: #ffffff;
}
.list2 {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.list2 li {
  font-size: 16px;
  line-height: 1.428571429;
  margin-bottom: 18px;
}
.list2 li time {
  font:
    20px "Open Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  color: #66c010;
  float: left;
  margin-right: 10px;
}
.list2 li p {
  margin-bottom: 0;
  line-height: 22px;
}
.list3 {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list3 li {
  font-size: 14px;
  line-height: 1.428571429;
  margin-bottom: 17px;
  overflow: hidden;
}
.list3 li p {
  margin-bottom: 0;
}
.list3 li strong {
  float: left;
  margin-right: 19px;
  color: #66c010;
  font-size: 28px;
  margin-top: 4px;
  width: 30px;
  text-align: center;
}
.list3 li a {
  font:
    14px "Open Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  color: #66c010;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.list3 li a:hover {
  color: #000000;
}
.list4 {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list4 li {
  font-size: 16px;
  line-height: 1.428571429;
  margin-bottom: 6px;
  background: url(../img/border.png) 0 14px repeat-x;
}
.list4 li p {
  margin-bottom: 0;
}
.list4 li em {
  font-style: normal;
  float: right;
  background: #f7f7f7;
}
.list4 li i {
  background: #f7f7f7;
  font-style: normal;
}
.list5 {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list5 li {
  margin-bottom: 5px;
}
.list5 li a {
  font:
    14px "Open Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  color: #545454;
}
.list5 li a:hover {
  color: #018bab;
}
.list5 li img {
  margin-right: 20px;
}
.list6 {
  margin: 0;
  padding: 0 0 15px 0;
  list-style: none;
}
.list6 li {
  font-size: 16px;
  line-height: 1.428571429;
  margin-bottom: 25px;
}
.list6 li .badge {
  padding: 10px 0 0 0;
  width: 66px;
  height: 66px;
  text-align: center;
  border-radius: 100%;
  background: #6bb360;
  float: left;
  margin: 0 23px 0 0;
  font: 22px/22px "Droid Serif";
  color: #ffffff;
}
.list6 li p {
  margin-bottom: 0;
  margin-top: 10px;
}
.list6 li a {
  font: 20px/22px "Droid Serif";
  color: #6bb360;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.list6 li a:hover {
  color: #545454;
}
.list7 {
  margin: 0;
  padding: 0;
  list-style: none;
}
.list7 li {
  font-size: 16px;
  line-height: 1.428571429;
  margin-bottom: 0;
}
.list7 li .badge {
  padding: 0;
  margin: 0;
  width: 53px;
  height: 53px;
  border-radius: 100%;
  background: #74c0bc;
  text-align: center;
  line-height: 52px;
  color: #ffffff;
  font-size: 24px;
  float: left;
  margin-right: 12px;
  margin-top: 6px;
}
.list7 li .title {
  text-transform: uppercase;
  color: #74c0bc;
  font:
    300 16px "Open Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  margin-bottom: 11px;
}
.list8 {
  margin: 0;
  padding: 0 0 30px 0;
  list-style: none;
  text-align: center;
}
.list8 li {
  font-size: 16px;
  line-height: 1.428571429;
  margin-bottom: 86px;
}
.list8 li p {
  margin-bottom: 0;
}
.list8 li h4 {
  font-weight: normal;
}
#search-404 {
  position: relative;
  margin: 33px 0 0 0;
  overflow: hidden;
}
#search-404 a {
  position: absolute;
  top: 6px;
  right: 8px;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
#search-404 a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
#search-404 input {
  box-shadow: none;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin: 0;
  width: 100%;
  outline: none;
  border: 1px solid #cacaca;
  background: none;
  font:
    14px "Open Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  line-height: 18px;
  color: #545454;
  padding: 10px 45px 10px 14px;
  height: 40px;
  resize: none;
}
#search {
  margin: 0 0 15px 0;
  position: relative;
  float: right;
}
#search a {
  position: absolute;
  top: 7px;
  right: 13px;
}
#search a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
#search input {
  box-shadow: none;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  margin: 0;
  width: 270px;
  background: #242424;
  border: 1px solid #292a31;
  font: italic 12px/18px "Droid Serif";
  color: #5a5a5a;
  padding: 8px 45px 8px 14px;
  height: 36px;
  outline: none;
  resize: none;
  overflow: hidden;
}
.search-box {
  padding-bottom: 20px;
}
.search-box .title {
  font: 60px/60px "Droid Serif";
  color: #ffffff;
}
.search-box .description {
  font:
    10px "Open Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  color: #ffffff;
  text-transform: uppercase;
}
.formBox {
  padding: 0;
}
.formBox .col-lg-4 {
  margin-bottom: 40px;
}
.formBox .col-lg-8 {
  margin-bottom: 123px;
}
.map {
  margin: 0 0 94px 0;
  width: 100%;
  line-height: 0;
  overflow: hidden;
}
.map iframe {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 485px;
  border: none;
  line-height: 0;
  overflow: hidden;
}
.map2 {
  margin: 0;
  width: 100%;
  line-height: 0;
  overflow: hidden;
}
.map2 iframe {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 570px;
  border: none;
  line-height: 0;
  overflow: hidden;
}
.info {
  margin-bottom: 24px;
}
.info p {
  margin-bottom: 0;
}
.info p em {
  display: inline-block;
  width: 97px;
  font-style: normal;
}
.info p a {
  color: #545454;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.info p a:hover {
  color: #018bab;
}
.mail {
  color: #018bab;
  font:
    bold 14px "Open Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
  text-decoration: none;
  -webkit-transition: all 0.25s;
  -o-transition: all 0.25s;
  transition: all 0.25s;
}
.mail:hover {
  color: #000000;
  text-decoration: none;
}
/* #navbar-hidden-web {
  display: none;
} */
.marTop20 {
  margin-top: 50px;
}
.img-logo {
  width: 50%;
  max-width: 250px;
}
i#icon-home {
  background-color: #66c010;
  padding: 10px 15px;
  font-size: 30px;
  color: #fff;
  border-radius: 10px;
}
@media (min-width: 1220px) {
  .container {
    padding: 0;
  }
  .carousel-box {
    max-height: 280px;
    overflow: hidden;
  }
  .errorBox {
    padding: 88px 0 0 0;
  }
  .errorBox1 {
    padding: 70px 0 150px 0;
  }
}
@media (min-width: 992px) and (max-width: 1219px) {
  #toTop {
    display: none !important;
  }
  .errorBox .title {
    font-size: 80px;
    line-height: 80px;
  }
  .errorBox .description {
    font-size: 55px;
    line-height: 55px;
  }
  .carousel-box {
    max-height: 280px;
    overflow: hidden;
  }
  .thumb-box2 {
    background: url(../img/pattern2.png) repeat;
  }
  .thumb-box3 {
    background: url(../img/pattern.png) repeat;
  }
  .errorBox img {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #toTop {
    display: none !important;
  }
  h1.navbar-brand_ {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  header .box {
    height: 252px;
  }
  nav.tm_navbar li {
    margin: 0 0 0 19px;
  }
  .list_carousel1.responsive {
    padding-bottom: 50px;
  }
  .foo-btn {
    margin-left: 30px;
    bottom: 25px;
  }
  .list_carousel1 #foo1 > li figure {
    padding: 30px;
  }
  .list_carousel1 #foo1 > li figure img {
    width: 100%;
  }
  .list_carousel1 #foo1 > li .box {
    padding: 0 30px 30px 30px;
  }
  .errorBox .title {
    font-size: 80px;
    line-height: 80px;
  }
  .errorBox .description {
    font-size: 55px;
    line-height: 55px;
  }
  .thumb-box2 {
    background: url(../img/pattern2.png) repeat;
  }
  .thumb-box3 {
    background: url(../img/pattern.png) repeat;
  }
  .errorBox img {
    width: 100%;
  }
  /* .logo-phone {
    bottom: 40px;
  } */
  .logo img {
    width: 100%;
    padding: 5px;
  }
  nav.tm_navbar {
    float: none;
  }
  nav.tm_navbar li + li {
    margin-left: 30px;
  }
}
@media (max-width: 991px) {
  #toTop {
    display: none !important;
  }
  header.indent {
    height: auto;
    text-align: center;
  }
  header {
    text-align: center;
    background-position: center;
    background-size: cover;
  }
  header .nav {
    text-align: left;
  }
  header .box {
    height: auto;
    background: none;
  }
  h1.navbar-brand_ {
    width: 170px;
    /* height: 170px; */
    /* line-height: 140px; */
    text-align: center;
    float: none;
    display: inline-block;
  }
  h2:not(.tm-modal-title) span {
    padding: 0 20px;
  }
  /* nav.tm_navbar {
  } */
  nav.tm_navbar .nav {
    display: none;
  }
  .select-menu {
    display: inline-block !important;
    padding-top: 4px;
    padding-right: 3px;
    padding-bottom: 4px;
    width: 100%;
    border: 1px solid #0089ab;
    background: #0089ab;
    color: #ffffff;
    cursor: pointer;
    height: 30px;
    font-size: 12px;
    vertical-align: middle;
  }
  .map iframe {
    height: 300px;
  }
  .list_carousel1.responsive {
    padding-bottom: 50px;
  }
  .foo-btn {
    margin-left: 30px;
    bottom: 25px;
  }
  .list_carousel1 #foo1 > li figure {
    display: none;
  }
  .list_carousel1 #foo1 > li .box {
    padding: 30px;
  }
  .carousel-box {
    margin-top: 0;
  }
  .errorBox .title {
    font-size: 80px;
    line-height: 80px;
  }
  .errorBox .description {
    font-size: 55px;
    line-height: 55px;
  }
  .map_caption {
    margin-top: 0;
  }
  .thumb-box2 {
    background: url(../img/pattern2.png) repeat;
  }
  .thumb-box3 {
    background: url(../img/pattern.png) repeat;
  }
  /* #navbar-hidden-web {
    display: block;
  } */
  /* .logo-phone {
    bottom: 10px;
  } */
  .logo img {
    width: 100%;
    padding: 5px;
  }
  .marTop20 {
    margin-top: 0px;
  }
  .img-logo {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .img-logo1 {
    width: 90% !important;
  }
  .txttelephone {
    display: none !important;
  }
  .list_carousel1 #foo1 li img {
    width: 100%;
  }
}
@media (max-width: 560px) {
  .thumb-box1 .col-xs-4 {
    width: 100%;
    float: none;
  }
  #newsletter {
    display: block;
  }
  #newsletter label {
    margin: 0 0 10px 0;
    float: none;
    display: block;
  }
  #newsletter label input {
    width: 100%;
  }
  #newsletter .error {
    bottom: -5px;
  }
  .thumb-pad6 figure img {
    width: 100%;
  }
  .errorBox img {
    width: 100%;
  }
  .img-logo1 {
    width: 90% !important;
  }
}
@media (max-width: 480px) {
  .col-xs-6 {
    width: 100%;
    float: none;
  }
  .thumb-pad1 .thumbnail figure {
    margin: 0 0 24px 0;
    float: none;
  }
  .thumb-pad7 .thumbnail {
    text-align: center;
  }
  .thumb-pad8 figure {
    margin: 0 0 30px 0;
    float: none;
  }
  .thumb-pad6 figure img {
    width: 100%;
  }
  .thumb-box3 .title {
    font-size: 25px;
    line-height: 30px;
  }
}
@media (max-width: 320px) {
  .thumb-pad1 .thumbnail figure img {
    width: 100%;
  }
  .thumb-pad8 figure img {
    width: 100%;
  }
  .col-xs-4 {
    width: 100%;
    float: none;
  }
  .col-xs-6 {
    width: 100%;
    float: none;
  }
}
.margBot {
  margin-bottom: 0;
}
.padBot {
  padding-bottom: 0;
}
img.logo-ssl {
  width: 100px;
  border-radius: 100%;
}
.ssl {
  margin-top: -10px;
}
.col-lg-4.col-md-4.col-sm-4.col-xs-4._col-lg-offset-1.new {
  margin-bottom: 20px;
  margin-left: 50px;
}
.text-center.btn-new {
  margin-right: 90px;
}
/*img.coupons-img-individual {
    width: 500px;
}
.row.sec1 > * {
    margin-right: 250px;
}*/
/* img.coupons-img-individual {
  width: 550px;
} */
.row.sec1 {
  margin-bottom: 30px;
}
.btn-new3 {
  padding: 20px;
}
.btn-new4.text-center {
  padding: 15px;
}
.col-lg-4.col-md-4.col-sm-4.col-xs-4._col-lg-offset-1.new2 {
  margin-left: 50px;
  margin-bottom: 20px;
}
.ssl {
  display: inline-block;
  /*margin-left: 60px;*/
  position: relative;
  text-align: left;
}

@media only screen and (max-width: 767px) {
  .col-lg-4.col-md-4.col-sm-4.col-xs-4._col-lg-offset-1.new {
    margin-left: 0px;
  }
  .col-lg-4.col-md-4.col-sm-4.col-xs-4._col-lg-offset-1.new2 {
    width: 350px;
    margin-left: 10px;
  }
  /* img.coupons-img-individual {
    width: 350px;
  } */
  .row.sec1 {
    margin-top: -30px;
  }
  .ssl {
    margin-bottom: 15px;
  }
  .col-lg-4.col-md-4.col-sm-4.col-xs-4._col-lg-offset-1.new2 {
    margin-left: 0px;
    margin-bottom: 20px;
  }
  .hd-button {
    float: right;
    padding: 15px;
    top: 10px;
    right: 5px;
    position: relative;
    z-index: 99999999;
    cursor: pointer;
    position: absolute;
  }
  .hd-button {
    display: block;
  }
  .hd-button span,
  .hd-button span:before,
  .hd-button span:after {
    position: absolute;
    width: 6px;
    height: 6px;
    line-height: 6px;
    text-align: center;
    background: #ffffff;
    margin-left: -3px;
    border-radius: 50%;
    transition: 0.3s all ease;
  }
  .hd-button span,
  .hd-button span:before,
  .hd-button span:after {
    position: absolute;
    width: 6px;
    height: 6px;
    line-height: 6px;
    text-align: center;
    background: #ffffff;
    margin-left: -3px;
    border-radius: 50%;
    transition: 0.3s all ease;
  }
  .hd-button span:before,
  .hd-button span:after {
    content: "";
  }
  .hd-button span,
  .hd-button span:before,
  .hd-button span:after {
    position: absolute;
    width: 6px;
    height: 6px;
    line-height: 6px;
    text-align: center;
    background: #ffffff;
    margin-left: -3px;
    border-radius: 50%;
    transition: 0.3s all ease;
  }
  .hd-button span:before,
  .hd-button span:after {
    content: "";
  }
  .hd-button span:before {
    bottom: 100%;
    margin-bottom: 3px;
  }
  .hd-button span,
  .hd-button span:before,
  .hd-button span:after {
    position: absolute;
    width: 6px;
    height: 6px;
    line-height: 6px;
    text-align: center;
    background: #ffffff;
    margin-left: -3px;
    border-radius: 50%;
    transition: 0.3s all ease;
  }
  .hd-button span:before,
  .hd-button span:after {
    content: "";
  }
  .hd-button span,
  .hd-button span:before,
  .hd-button span:after {
    position: absolute;
    width: 6px;
    height: 6px;
    line-height: 6px;
    text-align: center;
    background: #ffffff;
    margin-left: -3px;
    border-radius: 50%;
    transition: 0.3s all ease;
  }
  .hd-button span:after {
    top: 100%;
    margin-top: 3px;
  }
  .hd-button span,
  .hd-button span:before,
  .hd-button span:after {
    position: absolute;
    width: 6px;
    height: 6px;
    line-height: 6px;
    text-align: center;
    background: #ffffff;
    margin-left: -3px;
    border-radius: 50%;
    transition: 0.3s all ease;
  }
  .hd-button span:before,
  .hd-button span:after {
    content: "";
  }
  .hd-button span,
  .hd-button span:before,
  .hd-button span:after {
    position: absolute;
    width: 6px;
    height: 6px;
    line-height: 6px;
    text-align: center;
    background: #ffffff;
    margin-left: -3px;
    border-radius: 50%;
    transition: 0.3s all ease;
  }
  .hd-button span:before,
  .hd-button span:after {
    content: "";
  }
  .hd-button span,
  .hd-button span:before,
  .hd-button span:after {
    position: absolute;
    width: 6px;
    height: 6px;
    line-height: 6px;
    text-align: center;
    background: #ffffff;
    margin-left: -3px;
    border-radius: 50%;
    transition: 0.3s all ease;
  }
  .hd-button span:before,
  .hd-button span:after {
    content: "";
  }
  .hd-button span,
  .hd-button span:before,
  .hd-button span:after {
    position: absolute;
    width: 6px;
    height: 6px;
    line-height: 6px;
    text-align: center;
    background: #ffffff;
    margin-left: -3px;
    border-radius: 50%;
    transition: 0.3s all ease;
  }
  .hd-telephone {
    display: none;
    position: absolute;
    background-color: #13193d;
    color: #ffffff;
    padding: 10px;
    border-radius: 10px;
    float: right;
    right: 10px;
    z-index: 999;
    top: 60px;
    overflow: hidden;
    width: 270px;
  }
  .hd-telephone a {
    color: #ffffff;
    display: block;
    text-align: left;
    padding: 2px 0px 2px 0px;
    line-height: 15px;
    margin-left: 10px;
  }
  a._link3.ft-txttelephone.ft-texto > i {
    margin-right: 5px;
  }
  .navbar-collapse.navHeaderCollapse.collapse.in {
    width: 100%;
  }
  video.fillWidth.visible-lg {
    width: 100% !important;
    display: block !important;
    margin-bottom: 30px;
  }
  a._txttelephone {
    display: block;
  }
  h1.navbar-brand_ {
    /* height: 100px !important; */
    width: 270px;
  }
  .logo img {
    width: 90%;
    padding: 5px;
    margin: 0px auto;
  }
  .logo {
    padding-top: 0px;
    width: 70%;
  }
  .camera-caption {
    bottom: 50px !important;
  }
  img.img-logo {
    width: 165px;
  }
}

video.fillWidth.visible-lg {
  width: 565px;
  border: 7px solid #66c010;
}
.logos {
  margin-top: 30px;
}
a._txttelephone {
  display: none;
}
a.btn-default.btn2.btn-anima {
  margin-bottom: 20px;
}

/*opcion reviews*/
.quote-corporate {
  position: relative;
  padding: 30px 20px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: 0 0 22px rgba(0, 0, 0, 0.1);
  border-bottom: 4px solid #66c010;
  margin-bottom: 38px;
  background: #ffffff;
}
.quote-corporate {
  padding: 30px 20px;
}
img.img-google2 {
  background-color: #fff;
}
.quote-corporate .quote-header {
  /*display: flex;*/
  align-items: flex-end;
}
.quote-corporate .quote-body-mark > * {
  fill: #ebebeb;
}
h1.title-review-home {
  color: #fff !important;
  text-align: center;
}
/* .star-rating.new {
  text-align: right;
} */
.quote-text {
  margin-top: -35px;
}
.quote-corporate .quote-header > * {
  margin-right: 15px;
  margin-top: -10px;
}
.star-rating.new > a {
  font-size: 30px;
}
.quote-header > h2 {
  font-family: "Caudex", serif !important;
  font-weight: bold;
}
.star-rating a {
  display: inline-block;
  color: #f39c12 !important;
}
.quote-corporate * + .quote-body {
  margin-top: 25px;
}
.quote-corporate .quote-body {
  text-align: right;
}
.quote-corporate .quote-body .quote-text {
  text-align: left;
}
svg:not(:root) {
  overflow: hidden;
}
.quote-corporate .quote-image {
  left: 60px;
}
.quote-corporate .quote-image {
  /*    position: absolute;*/
  display: inline-block;
  overflow: hidden;
  left: 30px;
  bottom: -40px;
  border-radius: 50%;
  box-shadow: 2px 0 9px rgba(0, 0, 0, 0.1);
}
.quote-image {
  float: right;
}
img.img-google2 {
  border-radius: 100px;
}
.name-estrellas {
  display: inline-block;
}
.quote-corporate {
  height: 360px;
}
a.buttonInverted {
  text-decoration: none;
}
.star-rating.new {
  margin-top: -108px;
  margin-bottom: 22px;
}
.name-estrellas > h2:before {
  background: transparent;
}

/*fin opcion reviews*/

.contenedor1 {
  margin: 2rem auto;
  height: 200px;
  width: 100%;
  /*max-width: 400px;*/
  overflow: auto;
  box-sizing: border-box;
  /*padding:0 1rem;*/
  text-align: left;
}

/* Estilos para motores Webkit y blink (Chrome, Safari, Opera... )*/

.contenedor1::-webkit-scrollbar {
  -webkit-appearance: none;
}

.contenedor1::-webkit-scrollbar:vertical {
  width: 10px;
}

.contenedor1::-webkit-scrollbar-button:increment,
.contenedor1::-webkit-scrollbar-button {
  display: none;
}

.contenedor1::-webkit-scrollbar:horizontal {
  height: 10px;
  /* scrollbar-height: 10px; */
}

.contenedor1::-webkit-scrollbar-thumb {
  background-color: #797979;
  border-radius: 20px;
  border: 2px solid #f1f2f3;
  height: 50px;
}

.contenedor1::-webkit-scrollbar-track {
  border-radius: 10px;
}

.slick-dots li button {
  background: #018bab;
}
ul.slick-dots > li > button {
  background: #d4d4d4;
  text-decoration: none !important;
}
.fade1.slick-initialized.slick-slider.slick-dotted {
  /* margin-top: -56px; */
  margin-bottom: 59px;
}

/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  top: 43%;
  margin-top: -10px \9;
  /*lte IE 8*/
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 9;
}

@media (min-width: 768px) {
  .slick-prev,
  .slick-next {
    top: 50%;
  }
}

.slick-prev:hover,
.slick-next:hover {
  outline: none;
  background: transparent;
}

.slick-prev:hover:before,
.slick-next:hover:before {
  color: #fff;
  background: #245d97;
  border-color: #245d97;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  display: inline-block;
  height: 45px;
  width: 45px;
  border-radius: 50%;
  border: 2px solid;
  font-family: "Material Design Icons";
  font-size: 26px;
  line-height: 42px;
  color: #696362;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: 250ms;
}

@media (max-width: 479px) {
  .slick-prev:before,
  .slick-next:before {
    background-color: #696362;
    color: #fff;
    border-color: #696362;
  }
}

.slick-prev {
  left: 5px;
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: 0;
}

.slick-prev:before {
  content: "";
}

[dir="rtl"] .slick-prev:before {
  content: "";
}

.slick-next {
  right: 5px;
}

[dir="rtl"] .slick-next {
  left: 0;
  right: auto;
}

.slick-next:before {
  content: "";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

[dir="rtl"] .slick-next:before {
  content: "";
}

/* Dots */
.slick-slider {
  margin-bottom: 30px;
}

@media (min-width: 992px) {
  .slick-slider {
    margin-bottom: 60px;
  }
}

.slick-dots {
  position: absolute;
  bottom: 0;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  left: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  display: block;
  height: 16px;
  width: 16px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  background-color: #d4d4d4;
  border-radius: 50%;
  transition: 350ms;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
  background-color: #595351;
}

.slick-dots li.slick-active button {
  background-color: #595351;
}

.slick-slide {
  outline: none;
}

p.title1 {
  font: 28px/30px "Open Sans";
  color: #018bab;
  margin-bottom: 100px;
  font-size: 17px;
}
.slick-track > .item.slick-slide {
  padding: 20px;
}

div#seccion-info-footer-end {
  background-color: #002145;
  height: 63px;
  position: relative;
  top: 70px;
}

p.ft-copyright.web {
  text-align: left;
  color: #808080 !important;
}
p.ft-developer {
  text-align: right;
  color: #808080 !important;
}
p.ft-developer > a {
  color: #808080 !important;
}
p.text-center.ft-copyright.webmail > a {
  color: #808080 !important;
}
p.text-color {
  color: #797775;
  font-weight: 600;
  font-size: 13px !important;
}
@media (max-width: 768px) {
  .slick-list.draggable {
    margin-left: 10px;
  }
  div#seccion-info-footer-end {
    height: auto;
    padding-bottom: 18px;
  }
  /* p.text-center.ft-copyright.webmail {
    text-align: left;
  } */
  p.ft-developer {
    text-align: left;
  }
}

/* COL ADD */

:root {
  --col-width-1: 8.33333%;
  --col-width-2: 16.66667%;
  --col-width-3: 25%;
  --col-width-4: 33.33333%;
  --col-width-5: 41.66667%;
  --col-width-6: 50%;
  --col-width-7: 58.33333%;
  --col-width-8: 66.66667%;
  --col-width-9: 75%;
  --col-width-10: 83.33333%;
  --col-width-11: 91.66667%;
  --col-width-12: 100%;
}

.row-o {
  --bs-gutter-x: 1.5rem !important;
  --bs-gutter-y: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  margin-top: calc(-1 * var(--bs-gutter-y)) !important;
  margin-right: calc(-0.5 * var(--bs-gutter-x)) !important;
  margin-left: calc(-0.5 * var(--bs-gutter-x)) !important;
}

.row-o > * {
  flex-shrink: 0 !important;
  width: 100%;
  max-width: 100% !important;
  padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
  padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
  margin-top: var(--bs-gutter-y) !important;
}

.col-auto {
  flex: 0 0 auto !important;
  width: auto !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.m-0 {
  margin: 0;
}

.mb-1 {
  margin-bottom: 0.75rem;
}

.mb-2 {
  margin-bottom: 1.25rem;
}

.mb-3 {
  margin-bottom: 1.75rem;
}

.h-100 {
  height: 100% !important;
}

.d-flex {
  display: flex;
}

.align-items-center {
  align-items: center;
}

.gap-2 {
  gap: 1.25rem;
}

.gap-3 {
  gap: 1.75rem;
}

.justify-content-center {
  justify-content: center;
}

.col-1 {
  width: var(--col-width-1) !important;
}
.col-2 {
  width: var(--col-width-2) !important;
}
.col-3 {
  width: var(--col-width-3) !important;
}
.col-4 {
  width: var(--col-width-4) !important;
}
.col-5 {
  width: var(--col-width-5) !important;
}
.col-6 {
  width: var(--col-width-6) !important;
}
.col-7 {
  width: var(--col-width-7) !important;
}
.col-8 {
  width: var(--col-width-8) !important;
}
.col-9 {
  width: var(--col-width-9) !important;
}
.col-10 {
  width: var(--col-width-10) !important;
}
.col-11 {
  width: var(--col-width-11) !important;
}
.col-12 {
  width: var(--col-width-12) !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }

  .col-sm-1 {
    width: var(--col-width-1) !important;
  }
  .col-sm-2 {
    width: var(--col-width-2) !important;
  }
  .col-sm-3 {
    width: var(--col-width-3) !important;
  }
  .col-sm-4 {
    width: var(--col-width-4) !important;
  }
  .col-sm-5 {
    width: var(--col-width-5) !important;
  }
  .col-sm-6 {
    width: var(--col-width-6) !important;
  }
  .col-sm-7 {
    width: var(--col-width-7) !important;
  }
  .col-sm-8 {
    width: var(--col-width-8) !important;
  }
  .col-sm-9 {
    width: var(--col-width-9) !important;
  }
  .col-sm-10 {
    width: var(--col-width-10) !important;
  }
  .col-sm-11 {
    width: var(--col-width-11) !important;
  }
  .col-sm-12 {
    width: var(--col-width-12) !important;
  }
}

@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }

  .navbar-nav > li {
    float: none !important;
  }

  .navbar-collapse ul,
  .navbar-collapse {
    width: 100% !important;
  }

  .col-md-1 {
    width: var(--col-width-1) !important;
  }
  .col-md-2 {
    width: var(--col-width-2) !important;
  }
  .col-md-3 {
    width: var(--col-width-3) !important;
  }
  .col-md-4 {
    width: var(--col-width-4) !important;
  }
  .col-md-5 {
    width: var(--col-width-5) !important;
  }
  .col-md-6 {
    width: var(--col-width-6) !important;
  }
  .col-md-7 {
    width: var(--col-width-7) !important;
  }
  .col-md-8 {
    width: var(--col-width-8) !important;
  }
  .col-md-9 {
    width: var(--col-width-9) !important;
  }
  .col-md-10 {
    width: var(--col-width-10) !important;
  }
  .col-md-11 {
    width: var(--col-width-11) !important;
  }
  .col-md-12 {
    width: var(--col-width-12) !important;
  }
}

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }

  .col-lg-1 {
    width: var(--col-width-1) !important;
  }
  .col-lg-2 {
    width: var(--col-width-2) !important;
  }
  .col-lg-3 {
    width: var(--col-width-3) !important;
  }
  .col-lg-4 {
    width: var(--col-width-4) !important;
  }
  .col-lg-5 {
    width: var(--col-width-5) !important;
  }
  .col-lg-6 {
    width: var(--col-width-6) !important;
  }
  .col-lg-7 {
    width: var(--col-width-7) !important;
  }
  .col-lg-8 {
    width: var(--col-width-8) !important;
  }
  .col-lg-9 {
    width: var(--col-width-9) !important;
  }
  .col-lg-10 {
    width: var(--col-width-10) !important;
  }
  .col-lg-11 {
    width: var(--col-width-11) !important;
  }
  .col-lg-12 {
    width: var(--col-width-12) !important;
  }
}

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }

  .col-xl-1 {
    width: var(--col-width-1) !important;
  }
  .col-xl-2 {
    width: var(--col-width-2) !important;
  }
  .col-xl-3 {
    width: var(--col-width-3) !important;
  }
  .col-xl-4 {
    width: var(--col-width-4) !important;
  }
  .col-xl-5 {
    width: var(--col-width-5) !important;
  }
  .col-xl-6 {
    width: var(--col-width-6) !important;
  }
  .col-xl-7 {
    width: var(--col-width-7) !important;
  }
  .col-xl-8 {
    width: var(--col-width-8) !important;
  }
  .col-xl-9 {
    width: var(--col-width-9) !important;
  }
  .col-xl-10 {
    width: var(--col-width-10) !important;
  }
  .col-xl-11 {
    width: var(--col-width-11) !important;
  }
  .col-xl-12 {
    width: var(--col-width-12) !important;
  }
}

@media (min-width: 1400px) {
  .d-xxl-none {
    display: none !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }

  .col-xxl-1 {
    width: var(--col-width-1) !important;
  }
  .col-xxl-2 {
    width: var(--col-width-2) !important;
  }
  .col-xxl-3 {
    width: var(--col-width-3) !important;
  }
  .col-xxl-4 {
    width: var(--col-width-4) !important;
  }
  .col-xxl-5 {
    width: var(--col-width-5) !important;
  }
  .col-xxl-6 {
    width: var(--col-width-6) !important;
  }
  .col-xxl-7 {
    width: var(--col-width-7) !important;
  }
  .col-xxl-8 {
    width: var(--col-width-8) !important;
  }
  .col-xxl-9 {
    width: var(--col-width-9) !important;
  }
  .col-xxl-10 {
    width: var(--col-width-10) !important;
  }
  .col-xxl-11 {
    width: var(--col-width-11) !important;
  }
  .col-xxl-12 {
    width: var(--col-width-12) !important;
  }
}

.border-rounded {
  border-radius: 100%;
}

.hd-button,
.hd-telephone {
  display: none;
}

.w-75 {
  width: 75%;
}

#newsletter input::placeholder {
  color: #fff;
}

@media (min-width: 768px) {
  .navbar-toggle {
    display: block !important;
  }

  .collapse {
    display: none !important;
  }

  .navbar-collapse.collapse {
    display: none !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: initial !important;
  }

  .collapse.in {
    display: block !important;
  }
}

@media (min-width: 992px) {
  .navbar-toggle {
    display: none !important;
  }

  #navbar-hidden-web {
    display: none;
  }

  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
}

/* Popup */
/* ─── Variables del popup (encapsuladas en el componente) ─── */
.popup-new {
  --popup-accent: #002145;
  --popup-accent-dark: #2675aa;
  --popup-danger: #0e3d4b;
  --popup-dot-inactive: #ddd;
  --popup-dot-active: #000c91;
  --popup-border: #7c7c7c;
  --popup-bg: #fff;
  --popup-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  --popup-transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  --popup-slide-speed: 0.5s;
  --popup-transition-mobile: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  --popup-radius-top: 20px;

  position: fixed;
  box-shadow: var(--popup-shadow);
  z-index: 1001;
  width: clamp(240px, 80vw, 360px);
  display: flex;
  flex-direction: column;
  transform: translateY(110%);
  transition: var(--popup-transition);
}

/* ─── Estado activo / minimizado ─── */
.popup-new.active {
  transform: translateY(0);
}
/* Minimizado en desktop/tablet: baja fuera de la pantalla */
.popup-new.minimized.active {
  transform: translateY(92%);
}

/* Minimizado en mobile: rota 90° y asoma como tab lateral */
@media (max-width: 767px) {
  .popup-new.minimized.active {
    transform: translateX(calc(-100% - 85px)) rotate(90deg);
    transition: var(--popup-transition-mobile);
  }

  .popup-new.minimized.active .popup-header {
    background: linear-gradient(
      to right,
      transparent 45%,
      var(--popup-accent) 65%
    );
  }
}

/* ─── Posicionamiento responsivo ─── */

/* Mobile: anclado en la esquina inferior izquierda */
@media (max-width: 767px) {
  .popup-new {
    bottom: 0;
    left: 0;
    right: auto;
    margin: 0;
    width: clamp(200px, 72vw, 290px);
    border-radius: 0 var(--popup-radius-top) 0 0;
    transform: translateX(calc(-100% - 20px));
    transition: var(--popup-transition-mobile);
  }

  /* Activo: posición normal */
  .popup-new.active {
    transform: translateX(0);
  }

  .popup-new .slider-container {
    border-radius: 0 var(--popup-radius-top) 0 0;
  }
  .popup-new .slider-controls {
    bottom: 8px;
  }
}

/* Tablet: esquina inferior derecha, ancho moderado */
@media (min-width: 768px) and (max-width: 1023px) {
  .popup-new {
    bottom: -20px;
    right: 20px;
    width: clamp(260px, 28vw, 320px);
  }
  .popup-new.active {
    bottom: 0;
  }
}

/* Desktop: esquina inferior derecha, tamaño fijo-cómodo */
@media (min-width: 1024px) {
  .popup-new {
    bottom: -30px;
    right: 30px;
    width: clamp(280px, 20vw, 360px);
  }
  .popup-new.active {
    bottom: 0;
  }
}

/* ─── Header ─── */
.popup-header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  padding: 10px;
  background-color: var(--popup-accent);
}

.popup-header button {
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 20px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s;
}

.popup-header button:hover {
  opacity: 0.75;
}

/* ─── Contenido y slider ─── */
.popup-content {
  position: relative;
  overflow: hidden;
  width: 100%;
  background: var(--popup-bg);
  aspect-ratio: 40 / 71;
}

.slider-container {
  position: relative;
  width: 100%;
  height: 100%;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
}

.slider-wrapper {
  display: flex;
  height: 100%;
  transition: transform var(--popup-slide-speed)
    cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* ─── Cada slide ─── */
/*
 * La imagen del banner es 1200×2130 px → proporción exacta 40/71,
 * idéntica al aspect-ratio del popup. Con background-size: cover
 * la imagen llena el contenedor sin recorte ni franjas laterales.
 */
.slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  position: relative;
  overflow: hidden;
  background-image: var(--slide-bg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* Si el slide tiene un <img> o <video> interno */
.slide img,
.slide video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slide-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 90%;
  z-index: 2;
  animation: slideIn 0.6s ease-out;
}

/* ─── Controles de navegación ─── */
.slider-controls {
  position: absolute;
  bottom: -50px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 15px;
  transition: bottom 0.3s ease;
}

.popup-content:hover .slider-controls {
  bottom: 5px;
}

.slider-dots {
  display: flex;
  gap: 8px;
}

.nav-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--popup-dot-inactive);
  cursor: pointer;
  border: none;
  padding: 0;
  transition:
    background 0.3s,
    transform 0.3s;
}

.nav-dot.active {
  background: var(--popup-dot-active);
  transform: scale(1.2);
}

.slider-arrow {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid var(--popup-accent);
  background: var(--popup-danger);
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  transition:
    border-color 0.3s,
    color 0.3s,
    transform 0.3s;
}

.slider-arrow:hover:not(:disabled) {
  border-color: var(--popup-accent-dark);
  transform: scale(1.1);
}

.slider-arrow:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

/* ─── Animación de entrada de slide ─── */
@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.container-custom {
  --max-width: 1800px;
  width: 100%;
  max-width: var(--max-width);
  margin-left: auto;
  margin-right: auto;
  padding: 0 1rem;
}

.section {
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center top;
  background-image: url(../img/bg_pic1.jpg);
}

.section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--overlay);
  z-index: 1;
}

.section > * {
  position: relative;
  z-index: 2;
}

.section-1 {
  --overlay: rgb(0 0 0 / 0.2);
}

.section-2 {
  --overlay: rgb(39 43 81 / 0.8);
}