@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@300;400;500;600;700&family=Barlow:wght@400;500;700&display=swap');


/*
====================================================
* [Master Stylesheet]

  Theme Name :  EXPOTRAINEE-SG
  Version    :  1.0
  Author     :  EccoCreative
  Author URI :  https://www.eccocreative.com.br
==================================================== */

/* --------------------------------- */
/* GOOGLE AUTOFILL HACK
 ----------------------------------- */
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 50px transparent inset;
}

input:-webkit-autofill:focus {
  -webkit-box-shadow:
    /*your box-shadow*/
    0 0 0 50px transparent inset;
}

.file-field .btn {
  line-height: 1rem;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition-delay: 9999s;
  -webkit-transition: color 9999s ease-out;
  /*background-color: 9999s ease-out;*/
  background: rgba(255, 255, 255, 0) !important;
}

textarea,
input,
*:focus {
  outline: none !important;
}

.navbar-nav,
header {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}

/* --------------------------------- */
/* PRELOADER
 ----------------------------------- */

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(255, 255, 255, .95);
}

#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #5d451c;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #c89f71;
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
}

#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #e2d3c2;
  -webkit-animation: spin 1.5s linear infinite;
  animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/* --------------------------------- */
/* RESET
 ----------------------------------- */
audio,
canvas,
img,
video {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

.wow {
  visibility: hidden;
}

/* HTML5 display-role reset for older browsers */
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

a {
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  color: #54585a;
}

a:focus,
a:active,
a:hover {
  text-decoration: none;
  outline: none;
  color: #78be20;
  border-color: transparent;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}


/* --------------------------------- */
/* FONT FIX
 ----------------------------------- */
a[aria-disabled="true"] {
  color: currentColor;
  display: inline-block;
  /* For IE11/ MS Edge bug */
  pointer-events: none;
  text-decoration: none;
  cursor: not-allowed;
}

a.link-2x {
  font-size: 1.4rem;
}

i.fal,
i.far,
i.fas,
.svg-inline--fa {
  vertical-align: middle;
  margin-left: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
  line-height: 1.2;
  text-transform: none!important;
}

h1,
.h1 {
  font-size: 3rem;
}

h2,
.h2 {
  font-size: 2.6rem;
}

h3,
.h3 {
  font-size: 2.3rem;
}

h4,
.h4 {
  font-size: 2.1rem;
}

h5,
.h5 {
  font-size: 1.8rem;
}

h6,
.h6 {
  font-size: 1.3rem;
}

body {
  font-size: 1.1rem;
}

small {
  font-size: .8rem;
  line-height: 16px !important;
}


/* --------------------------------- */
/* PAGE DEFAULTS
 ----------------------------------- */
body {
  height: auto;
  min-height: 100vh;
}

body {
  background-color: #fff;
  font-family: 'Barlow', sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: always;
  color: #413b2b;
  line-height: 1.4rem;
}

.barlow{font-family: 'Barlow', sans-serif;}
.barlow-sc{font-family: 'Barlow Semi Condensed', sans-serif;}

.flight {font-weight: 300;}
.fregular{font-weight: 400;}
.fmedio{font-weight: 500;}
.fsbold {font-weight: 600;}
.fbold,b {font-weight: 700;}

.italic {font-style: italic;}
.upper {text-transform: uppercase!important;}


.text-blue{color: #143a60;}
.text-brown{color: #5d451c;}
.text-lightbrown{color: #ac985f;}
.txt-err {color: #f14d7d;}
.white-text,.text-white {color: #fff;}
.text-black {color: #495057;}
.text-green{color: #143c3f;}


.erro-box {
  background-color: #f14d7d;
  padding: 1rem;
  color: #fff;
  position: absolute;
  width: 40%;
}

a.linkbb:hover {
  border-bottom: 1px solid;
  padding-bottom: 2px;
}


.btn-outline-light {
  color: #fff;
  border-color: #fff;
}

.btn-outline-light:hover,
.btn-outline-light:active {
  color: #6fb124;
  border-color: #6fb124;
  background: transparent;
}

.btn-outline-light:focus {
  color: #6fb124;
}

.btn-brown,
.btn-brown:visited{
	font-weight: 600;
	background-color: #b69e62;
	border: 1px solid #38271f;
	box-shadow:3px 3px 5px rgba(0,0,0,0.3);
	padding: 1rem 1.8rem!important;
}

.btn-brown:hover,
.btn-brown:active{
	font-weight: 600;
	background-color: #b69e62;
	box-shadow:3px 3px 5px rgba(0,0,0,0.6);
}


.bg-lightgray {background-color: #f5f4f5;}

.bg-lightbrown{background-color: #e3d9bf;}

.no-radius {
  border-radius: 0 !important
}

.py-lg {
  padding-top: 80px;
  padding-bottom: 80px;
}

.py-md {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.pb-md {
  padding-bottom: 50px !important;
}

.pb-lg {
  padding-bottom: 80px;
}

.pt-md {
  padding-top: 50px !important;
}

.pt-lg {
  padding-top: 80px;
}

.mt-md {
  margin-top: 50px !important;
}

.mt-lg {
  margin-top: 80px !important;
}


/* --------------------------------- */
/* CUSTOM FORM
 ----------------------------------- */
::-webkit-input-placeholder {
  font-size: .9rem;
}

::-moz-placeholder {
  font-size: .9rem;
}

:-ms-input-placeholder {
  font-size: .9rem;
}

:-moz-placeholder {
  font-size: .9rem;
}



/* --------------------------------- */
/* HEADER
 ----------------------------------- */


/* BURGER MENU */

div.burger {
  height: 40px;
  width: 40px;
  position: absolute;
  top: 20px;
  cursor: pointer;
  z-index: 999;
  right: 20px;
  left: auto;
  display: block;
  background: #fff;
  color: #b69e62;
  line-height: 6px;
}

div.x,
div.y,
div.z {
  position: absolute;
  margin: auto;
  top: -20px;
  left: 5px;
  bottom: 0px;
  background: #b69e62;
  border-radius: 2px;
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -ms-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}

div.x,
div.y,
div.z {
  height: 3px;
  width: 30px;
}

div.y {
  top: -2px;
}

div.z {
  top: 17px;
}

.burger div.collapsee {
  top: 3px;
  background: 1px solid rgba(72, 76, 79, 1);
  -webkit-transition: all 70ms ease-out;
  -moz-transition: all 70ms ease-out;
  -ms-transition: all 70ms ease-out;
  -o-transition: all 70ms ease-out;
  transition: all 70ms ease-out;
	background: #fff;
}

div.burger.open {
  background: transparent;
  color: #fff;
}

div.burger.open span {
  color: #fff;
}

div.rotate30 {
  -ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  -webkit-transition: all 50ms ease-out;
  -moz-transition: all 50ms ease-out;
  -ms-transition: all 50ms ease-out;
  -o-transition: all 50ms ease-out;
  transition: all 50ms ease-out;
  display: block;
}

div.rotate150 {
  -ms-transform: rotate(150deg);
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
  -webkit-transition: all 50ms ease-out;
  -moz-transition: all 50ms ease-out;
  -ms-transition: all 50ms ease-out;
  -o-transition: all 50ms ease-out;
  transition: all 50ms ease-out;
  display: block;
}

div.rotate45 {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 100ms ease-out;
  -moz-transition: all 100ms ease-out;
  -ms-transition: all 100ms ease-out;
  -o-transition: all 100ms ease-out;
  transition: all 100ms ease-out;
  display: block;
}

div.rotate135 {
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: all 100ms ease-out;
  -moz-transition: all 100ms ease-out;
  -ms-transition: all 100ms ease-out;
  -o-transition: all 100ms ease-out;
  transition: all 100ms ease-out;
  display: block;
}

div.circle {
  border-radius: 0;
  width: 0px;
  height: 0px;
  position: fixed;
  top: 0;
  right: 0;
  background: rgba(182, 158, 98, .9);
  -webkit-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  -moz-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  -ms-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  -o-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}

div.circle.expand {
  width: 100%;
  height: 1200px;
  top: 0;
  right: 0;
  border-radius: 0;
  -webkit-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  -moz-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  -ms-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  -o-transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  z-index: 9;

}

div.menu {
  width: 100%!important;
  display: none!important;
  text-align: center;
  width: 100%;
  position: absolute;
  height: 100vh;
  top: 22.5%;
  overflow-y: hidden;
  padding: 0;
  z-index: 9;
}

div.menu ul {
  padding: 0;
}

div.menushow {
  display: block!important;
}

div.menushow nav {
    top: 10%;
}

div.menushow nav ul li:last-child {
   margin-top: 50px;
}

div.menushow li {
  display: block;
  line-height: 55px;
  font-size: 35px;
}

div.menushow li a {
  font-weight: 400;
  color: #fff;
}

div.burger span {
  position: absolute;
  top: 20px;
  left: 43px;
  text-transform: uppercase;
  font-size: .85rem;
  color: #fff;
}

div.menu ul li {
  list-style: none;
  opacity: 0;
  text-align: center;
  font-size: 0px;
  line-height: 1.5rem;
  -webkit-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  -moz-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  -ms-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  -o-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}

div.menu ul li a {
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 3px;
  font-weight: 600;
  padding: .5rem 2.5rem;
}

div.menu ul li .dropdown-menu a {
  color: #484c4f;
}

div.menu ul li a:hover {
  color: #78be20;
}

div.menu li.animatee {
  font-size: 1.1rem;
  opacity: 1;
  -webkit-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  -moz-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  -ms-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  -o-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}

div.menu li.animatee:nth-of-type(1) {
  transition-delay: 0.04s;
}

div.menu li.animatee:nth-of-type(2) {
  transition-delay: 0.08s;
}

div.menu li.animatee:nth-of-type(3) {
  transition-delay: 0.12s;
}

div.menu li.animatee:nth-of-type(4) {
  transition-delay: 0.16s;
}

div.menu li.animatee:nth-of-type(5) {
  transition-delay: 0.20s;
}

div.menu li.animatee hr {
  width: 20%;
  height: 1px;
  border: none;
  background: #fff;
}

.sfixed{
  position: fixed;
}

/* --------------------------------- */
/* INDEX
 ----------------------------------- */

.header-custom {
  padding: 0;
  box-shadow: none;
  background-color: transparent;
  -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
  -o-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
  transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
}

.header-custom.top-nav-collapse {

}

.header-custom .navbar-nav .nav-item {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 9px;
  padding-left: 9px;
}

.header-custom .navbar-nav .nav-item .nav-link {
  color: #fff;
  text-transform: uppercase;
  font-size: 1.1rem;
  font-weight: 600;
}

.header-custom.top-nav-collapse .navbar-nav .nav-item .nav-link {}

.header-custom.top-nav-collapse .navbar-nav .nav-item .nav-link:hover {}

.header-custom .menu.menushow .navbar-nav .nav-item .nav-link {
  color: #fff;
  text-transform: uppercase;
  font-size: 1.6rem;
  font-size: 1.2rem;
  padding: .8rem;
  
}


.header-custom .navbar-nav .nav-item:nth-child(7) .nav-link:after,
.header-custom .navbar-nav .nav-item:nth-child(8) .nav-link:after {
  content: "";
  margin-left: 0;
}

.header-custom .navbar-nav .nav-item .nav-link{
  color: #fff;
}

.header-custom .navbar-nav .nav-item .nav-link.active,
.header-custom .navbar-nav .nav-item .nav-link:hover,
.header-custom .navbar-nav .nav-item .nav-link:active {
  color: #46c8d2;
}

.header-custom .navbar{
  color: #fff!important;
  border-radius: 0!important;
  margin: 0!important;
  background: transparent!important;
  box-shadow: none!important;
}

.video-container {
  overflow: hidden;
  position: relative;
  width: 100%;
  min-height: 400px;
}

.video-container::after {
  padding-top: 56.25%;
  display: block;
  content: '';
}

.video-container iframe, .video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.slick-prev,
.slick-next {
  z-index: 9;
  top: 45%;
}

.slick-prev {
  left: 25px;
}

.slick-next {
  right: 25px;
}

.slick-prev:before,
.slick-next:before {
  font-family: "Font Awesome 5 Light";
  font-style: normal;
  font-variant-caps: normal;
  font-variant-ligatures: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  display: none;
  opacity: 0;
}

.slick-prev:before {
  content: '\f053';
}

.slick-next:before {
  content: '\f054';
}

.slick-prev svg,
.slick-next svg {
  font-size: 3rem;
  width: 30px !important;
  color: #fff;
}

/* --------------------------------- */
/* AREAS
 ----------------------------------- */

.top-lp {
  background-image: url(../../images/banner-home.jpg);
	background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100vh;
  padding: 30px 0 0;
  color: #143c3f;
}

.top section {
  background-color: rgba(255, 255, 255, .8);
}

.logo{margin-top: 70px;}

.formbox{
	background: rgba(56, 39, 31, .95);
  backdrop-filter: blur(4px);
	border: 3px solid #b69e62;
	border-bottom:0;
	padding: 10px;
  width: 100%;
  color: #fff;
}

.formbox form{margin: 0;}

.formbox form label{
	color: #fff;
	font-weight: 600;
	font-size: 1rem!important;
	top: .5rem!important;
}

.formbox .form-control,.formbox .is-focused .form-control {
  background-image: linear-gradient(0deg,#fff 2px,rgba(156,39,176,0) 0),linear-gradient(0deg,#fff 1px,hsla(0,0%,82%,0) 0);
	color: #fff!important;
}

.formbox .form-control, .formbox .form-control:focus {
    border-color: #fff;
}

.formbox form .form-group.is-focused [class*=" bmd-label"], .is-focused [class^=bmd-label] {
  color: #fff;
}

.formbox .bmd-form-group .bmd-label-static {
  top: .8rem;}

.form-bottom{
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 8010;
}

.btn-float{
  position: fixed;
  bottom: .5rem;
  right: 0;
  z-index: 8011;
}

.btn-float ul{margin-bottom: 0;}

.btn-float li{
  display: block;
  margin-bottom: 10px;
}

.btn-float li:last-child{
  margin-bottom: 0px;
}

.btn-float a{
	display: block;
	padding: 15px!important;
}

.btn-float a svg{font-size: 1.7rem; color: #fff;}

.menu-upper{
  background: #b69e62;
  color: #363636;
}

.menubar{background-color: #143c3f!important;}


.section1 {
  background-image: url(../../images/bg-sec1_06.jpg);
	background-position: center center;
  background-repeat: repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  height: auto;
}

.section2{
  background-image: url(../../images/sec2-images_09.jpg);
  background-color: #fff;
	background-position: left center;
  background-repeat: no-repeat;
  -webkit-background-size: auto;
  -moz-background-size: auto;
  -o-background-size: auto;
  background-size: auto;
  height: auto;
}

.bullet{
  list-style: disc;
  font-size: 120%;
}

.bullet li{margin-bottom: 8px;}


.bg-torre{
  background-image:url('../../images/sec2-images_12.jpg');
  background-color: #fff;
	background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 580px;  
}

.divider hr{
  background: #b69e62;
  height: 3px;
  max-width: 400px;
  width: 90%;
}

.divider-full hr{
  background: #b69e62;
  height: 3px;
  max-width: 100%;
  width: 100%;
}

.charme{background-color: #143c3f;}

.txt-charme{padding-right: 14%;}

.bg-charme-txt{
  background-image:url('../../images/charme_33.png');
	background-position: center right;
  background-repeat: no-repeat;
  -webkit-background-size: auto;
  -moz-background-size: auto;
  -o-background-size: auto;
  background-size: auto;
}

.m-torres.nav-pills .nav-link, .m-torres.nav-tabs .nav-link{
  padding: 0;
}

.m-torres.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
  background-color: #fff;
}

#perfecto-plants.nav-pills .nav-link.active,
#perfecto-plants.nav-pills .nav-link:hover
{
  background-color: transparent;
  color: #ac985f;
  box-shadow: none;
  border-bottom:1px solid #ac985f;
  border-radius: 0;
}

#perfecto-plants.nav-pills:not(.flex-column) .nav-item+.nav-item:not(:first-child) {
    margin-left: 15px;
}

.local{
  background-image: url(../../images/local-bg_65.png), url(../../images/local-bg_68.png);
  background-position: -9% center, 109% center;
  background-repeat: no-repeat;
  -webkit-background-size: auto;
  -moz-background-size: auto;
  -o-background-size: auto;
  background-size: auto;
  background-color: #143c3f;
}

.mapa{
  background-color:#ac985f;
  padding-bottom: 30px;
}

.mapa iframe{
  width: 100%;
  height: 530px;
}

footer{padding-bottom: 80px;}

.torre-name{max-width: 80%;}

.slick-track{
  height: 100%;
}
.slick-list{
  height: 100%;
}
.slick-slide{
  height: 100%;
}


/* --------------------------------- */
/* FULL WIDTH MODAL
 ----------------------------------- */
.modal.modal-custom.transparent .modal-content {
  background: transparent!important;
  box-shadow: none;
}

.modal.modal-custom .modal-content {
  background: #fff;
}

.modal-backdrop {
  background: #!important;
  z-index: 1040;
}

.modal-backdrop.show {
  opacity: .8;
}

.modal-custom.vd ~ .modal-backdrop {
  background: #143c3f;
  z-index: 1040;
}

.modal-custom.vd ~ .modal-backdrop.show {
  opacity: .9;
}

.modal-custom .modal-header {
  background: #c3122f;
  color: #fff;
  text-align: center;
}

.modal-custom .modal-header h4 {
  font-size: 1.8rem;
  line-height: 2rem;
  padding-top: 0px;
  margin-bottom: -6px !important;
}

.modal.modal-full {
  background: transparent;
}

.modal.modal-full .modal-content {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  width: 100%;
}

.modal.modal-full .modal-content h4 {
  margin: 15px 0 0 0;
}

.modal-full .modal-content h4 i {
  vertical-align: top;
  font-size: 2rem;
  margin-top: -5px;
}

.modal.modal-full {
  background-color: transparent !important;
}

.modal .btn-close {
  position: absolute;
  right: 12px;
  top: 12px;
  padding: 10px;
  margin-top: 0;
  background: transparent;
  border: none;
}

.btn-close .svg-inline--fa {
  font-size: 1.8rem;
  font-weight: 200;
  color: #000;
}

.modal .form-control, .is-focused .form-control {
    background-image: linear-gradient( 0deg ,#5d451c 2px,rgba(156,39,176,0) 0),linear-gradient( 0deg ,#d2d2d2 1px,hsla(0,0%,82%,0) 0);
}

/* .modal-fullscreen size: we use Bootstrap media query breakpoints */

.modal.modal-full .modal-dialog {
  margin: 0 auto;
  height: 100%;
  display: flex;
  align-items: center;
}

@media (min-width: 540px) {
  .modal.modal-full .modal-dialog {
    width: 750px;
  }
}

@media (min-width: 720px) {
  .modal.modal-full .modal-dialog {
    width: 970px;
  }
}

@media (min-width: 960px) {
  .modal.modal-full .modal-dialog {
    max-width: 720px;
  }
}

@media (min-width: 1140px) {
  .modal.modal-full .modal-dialog {
    max-width: 720px;
  }
}

.loader-spin img {
  width: 24px;
  height: 24px;
}

.mobbr {
  display: none;
}

.tabbr {
  display: none;
}


/* --------------------------------- */
/* RESPONSIVE
 ----------------------------------- */

/* iphone 5 and smaller */
@media (max-width:320px) {
	
  .txt-charme {padding-right: 15px;}
	
}

/* Extra small devices (phones, less than 768px) */
@media (min-width:321px) and (max-width:575px) {
	
	.top-lp{height: 70vh; padding: 65px 0 0;}
  
  .logo img{max-width: 240px;}
  
  .section2 {background-image: none;}
  
  .bg-torre, .bg-charme{height: 310px;}
  
  .mt-5, .my-5 {margin-top: 2rem!important;}
  
  .bg-charme-txt{background-image: none;}
  
  .bg-charme ~ div img{max-width: 250px;}
  
  .m-torres{
    flex-direction: row!important;
    justify-content: center!important;
  }
  
  h5, .h5 {font-size: 1.3rem;}

  h6, .h6 {font-size: 1.1rem;}
  
  .local{background-image: none;}
  
  .py-lg {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  
  .mapa iframe {height: 380px;}
  
  .m-torres img {max-width: 83px;}
  
  div.menushow nav ul li:last-child {
    margin: 0px;
  }
  
  div.menushow nav {top: 7%;}
  
  .txt-charme {padding-right: 15px;}
  
}

/* small */
@media (min-width:576px) and (max-width: 767px) {
	
  .top-lp{height: 90vh;}
  
  .logo img{max-width: 240px;}
  
  .section2 {background-image: none;}
  
  .bg-torre, .bg-charme{height: 310px;}
  
  .mt-5, .my-5 {margin-top: 2rem!important;}
  
  .bg-charme-txt{background-image: none;}
  
  .bg-charme ~ div img{max-width: 250px;}
  
  h6, .h6 {font-size: 1.2rem;}
  
  .local{background-image: none;}
  
  .py-lg {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  
  .mapa iframe {height: 410px;}
  
  .m-torres img {max-width: 160px;}
  
  .txt-charme {padding-right: 15px;}
	
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
	
  .top-lp{height: 90vh;}
  
  .logo img{max-width: 90%;}
  
  .section2 {background-image: none;}
  
  .bg-torre, .bg-charme{height: 310px;}
  
  .mt-5, .my-5 {margin-top: 2rem!important;}
  
  .bg-charme-txt{background-image: none;}
  
  .bg-charme ~ div img{max-width: 250px;}
  
  h6, .h6 {font-size: 1.2rem;}
  
  .local{background-image: none;}
  
  .py-lg {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  
  .mapa iframe {height: 410px;}
  
  .m-torres img {max-width: 160px;}
  
  .txt-charme {padding-right: 15px;}
	
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width:1199px) {
  
  .section2{background-position: -80px center;}
  
  .bg-torre, .bg-charme{height: 420px;}
  
  .mt-5, .my-5 {margin-top: 2rem!important;}
  
  .bg-charme-txt{background-position: 960px center;}
  
  .bg-charme ~ div img{max-width: 300px;}
  
  .conquiste{max-width: 380px;}
  
  .local{background-position: -100px center, 920px center;}
  
  .local h4{font-size: 1.8rem;}
  
  .mapa iframe {height: 410px;}
  
  .m-torres img {max-width: 160px;}
  
  .txt-charme {padding-right: 8%;}

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  
  
}


@media (min-width: 992px){
  .px-lg-half{
    padding-left: 7.5px!important;
    padding-right: 7.5px!important;
  }
}