:root{
    
    --bg-color1:#1e4332;
    --bg-color2:#eaeaea;
    --bg-color3:#df9240;
    --bg-color4:#df9240;
    --title-black:'poppinsblack';
    --title-bold:'poppinsblack';
    
    --font-regular:'pt_serifregular';
    --font-bold:'pt_serifbold';
    --font-italic:'pt_serifitalic';
    --font-menu:'poppinsregular';

    --font-alt:'poppinslight';
}
html {scroll-behavior: smooth; }
/*Fonts*/
HTML BODY h1{font-family: var(--title-black);}
HTML BODY h2,HTML BODY h3,HTML BODY h4,HTML BODY h5,HTML BODY h6{font-family: var(--title-bold);}

/*HTML BODY p,HTML BODY{font-family: var(--font-regular);}
HTML BODY strong{font-family: var(--font-bold);}
HTML BODY em{font-family: var(--font-italic);}

.alt-font{font-family: var(--font-alt);}*/

/*Menu*/
.navbar-nav a{font-family: var(--font-menu);}
.navbar-nav a{letter-spacing: 1px;}
/*Font Sizes*/
HTML BODY p{font-size: 110%!important;}
.top-header,.top-header a , .top-header p{font-size: 90%!important;}
.middle-header,.middle-header a , .middle-header p{font-size: 90%!important;}
.bottom-header,.bottom-header a , .bottom-header p,.bottom-header li a{font-size: 100%!important;}

/*Backgrounds*/
.bg-color1,.bg-color1:hover{background: var(--bg-color1);} .t-color1,.t-color1:hover{color: var(--bg-color1);}
.bg-color2,.bg-color2:hover{background: var(--bg-color2);} .t-color2,.t-color2:hover{color: var(--bg-color2);}
.bg-color3,.bg-color3:hover{background: var(--bg-color3);} .t-color3,.t-color3:hover{color: var(--bg-color3);}
.bg-color4,.bg-color4:hover{background: var(--bg-color4);} .t-color4,.t-color4:hover{color: var(--bg-color4);}

.bg-dark-25{background: rgba(0,0,0,0.25);}
.bg-dark-50{background: rgba(0,0,0,0.50);}
.bg-dark-75{background: rgba(0,0,0,0.75);}

.bg-img1{background:url(../images/elements/bg/bg_1.jpg);}
.bg-img2{background:url(../images/elements/bg/bg_2.jpg);}
.bg-img3{background:url(../images/elements/bg/bg_3.jpg);}
.bg-img4{background:url(../images/elements/bg/bg_4.jpg);}
.bg-img5{background:url(../images/elements/bg/bg_5.jpg);}

.bg-img{background-size: cover;}
.bg-img-100{background-size: 100%;}
.bg-img-contain{background-size: contain;}
.bg-repeat-x{background-repeat: repeat-x;}
.bg-repeat-y{background-repeat: repeat-y;}
.bg-no-repeat{background-repeat: no-repeat;}
.bg-img-fixed{background-attachment: fixed;}
.bg-img-top-left{background-position: top left;}
.bg-img-top-center{background-position: top center;}
.bg-img-top-right{background-position: top right;}
.bg-img-center-left{background-position: center left;}
.bg-img-center-center{background-position: center center;}
.bg-img-center-right{background-position: center right;}
.bg-img-right-left{background-position: right left;}
.bg-img-right-center{background-position: right center;}
.bg-img-right-right{background-position: right right;}

.t-shadow-50{text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);}
.t-shadow-100{text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);}

/*Text and Icons*/
i{position:relative;vertical-align:-5px;}
.fa{transform: translateY(-5px);}
.list-style-none li{list-style: none;}

/*Menu*/
.main-navbar .navbar-nav a,.main-navbar .navbar-nav a:hover,.main-navbar .dropdown,.main-navbar .dropdown:hover,a[data-fancybox="gallery"]>img:hover{transition: all 0.3s ease;color:var(--bg-color1);}
/*.main-navbar .navbar-nav a{background:var(--bg-color1);}*/
.main-navbar .navbar-nav a:hover{background:var(--bg-color2);}
.main-navbar .navbar-nav .active a,.dropdown-menu a:hover{background:var(--bg-color1);color:#fff!important;}
/*Submenu*/
.main-navbar .dropdown:hover,.main-navbar .dropdown .active{background:var(--bg-color3)!important;}
.main-navbar .dropdown-menu{padding:0px;}
.main-navbar .dropdown-menu a{color:var(--bg-color1);background:none;}
.main-navbar .dropdown-menu a:hover{background:var(--bg-color1)!important;background:none;}
.main-navbar .dropdown-menu{background:var(--bg-color3);border-radius:0!important;transform:translateY(-2px);border:none;}
/*Carousel*/
#indicador-carousel .carousel-caption h5{font-size:180%;}
#indicador-carousel .carousel-caption h3, .display-5{font-size:320%;}
#indicador-carousel .carousel-caption p{font-size:110%!important;}
#indicador-carousel .carousel-caption a.btn{font-size:90%;}

@media(min-width: 300px){
	.image-min{width: 100%!important;}
    .negative-margin-top2{margin-top: 5%;}
    .banner-height{padding:4%;}
    .main-navbar{background-color: var(--bg-color1);}
}
@media(min-width: 540px){
    .carousel-caption{bottom:35%!important;}
    #indicador-carousel .carousel-caption{width:70%;}
    .negative-margin-top2{margin-top:5%;}
    .banner-height{padding:4%;}
    .main-navbar{background-color: var(--bg-color1);}
}
@media(min-width: 960px){
	.image-min{width: 70%!important;}
	.carousel-caption{bottom:27%!important;}
	#indicador-carousel .carousel-caption{width:70%;}
    .negative-margin-top2{margin-top: -2%;}
    .banner-height{padding:12%;}
    .main-navbar{background-color: var(--bg-color1);}
}
@media(min-width: 1000px){
	.image-min{width: 70%!important;}
	.carousel-caption{bottom:27%!important;}
	#indicador-carousel .carousel-caption{width:70%;}
    .negative-margin-top2{margin-top: -2%;}
    .banner-height{padding:12%;}
    .main-navbar{background: none;}
}
@media(min-width: 1140px){
    .image-min{width: 70%!important;}
    .carousel-caption{bottom:40%!important;}
    #indicador-carousel .carousel-caption{width:70%;}
    .negative-margin-top2{margin-top: -2%;}
    .banner-height{padding:12%;}
    .main-navbar{background: none;}
}

a.navbar-brand{font-size: 130%!important;}
.menu-right{margin-left:auto!important;margin-right:0px!important;}
.navbar-toggler{margin-bottom: 10px;}

.go-up{background:url(../../src/images/elements/top.png)#000000 center center;border-radius:50px;opacity: 0.5;cursor:pointer;width: 40px;height: 40px;position: fixed;bottom: 25px;right: 25px;display: inline-block!important;}
.go-up:hover{opacity: 1;}

.hide-top,.hide-top-alt{opacity: 0!important;}

.icon-align { min-width: 24px; text-align: center; position: absolute; left: 20px; margin-top: 10px; }



a[data-fancybox="gallery"]>img:hover{box-shadow:rgba(0,0,0,0.5) 0px 0px 2px 3px;}

.btn,.btn:hover{border-radius:30px!important;}

.main-button-hover { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.main-button-hover:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: var(--bg-color1); -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.main-button-hover:hover:before, .main-button-hover:focus:before, .main-button-hover:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); border-radius: 30px; }
.gmap-here iframe{border-radius:30px;box-shadow:0px 0px 15px gray;}

.navbar-collapse .navbar-nav{background:rgba(255,255,255,0.8)}
.shake-bottom {
	-webkit-animation: shake-bottom 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) 3 both;
	        animation: shake-bottom 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) 3 both;
}
 @-webkit-keyframes shake-bottom {
	0%,
	100% {
	  -webkit-transform: rotate(0deg);
			  transform: rotate(0deg);
	  -webkit-transform-origin: 50% 100%;
			  transform-origin: 50% 100%;
	}
	10% {
	  -webkit-transform: rotate(2deg);
			  transform: rotate(2deg);
	}
	20%,
	40%,
	60% {
	  -webkit-transform: rotate(-4deg);
			  transform: rotate(-4deg);
	}
	30%,
	50%,
	70% {
	  -webkit-transform: rotate(4deg);
			  transform: rotate(4deg);
	}
	80% {
	  -webkit-transform: rotate(-2deg);
			  transform: rotate(-2deg);
	}
	90% {
	  -webkit-transform: rotate(2deg);
			  transform: rotate(2deg);
	}
  }
  @keyframes shake-bottom {
	0%,
	100% {
	  -webkit-transform: rotate(0deg);
			  transform: rotate(0deg);
	  -webkit-transform-origin: 50% 100%;
			  transform-origin: 50% 100%;
	}
	10% {
	  -webkit-transform: rotate(2deg);
			  transform: rotate(2deg);
	}
	20%,
	40%,
	60% {
	  -webkit-transform: rotate(-4deg);
			  transform: rotate(-4deg);
	}
	30%,
	50%,
	70% {
	  -webkit-transform: rotate(4deg);
			  transform: rotate(4deg);
	}
	80% {
	  -webkit-transform: rotate(-2deg);
			  transform: rotate(-2deg);
	}
	90% {
	  -webkit-transform: rotate(2deg);
			  transform: rotate(2deg);
	}
  }