/*=============================================================================
GENERAL
=============================================================================*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, p { margin: 0; }
.p { font-size: 1rem !important; }
/*.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 400 !important; }*/
a, button, .btn, a.btn {
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.zi-2 { z-index: 2; }
.p-relative { position: relative; }
.p-absolute { position: absolute; }
.container-custom { width: 100%; margin: 0 auto; padding: 0 1rem; position: relative; }
.nb-container { width: 100%; max-width: 100%; }
.o-hidden { overflow: hidden; }
.fw-100 { font-weight: 100; }
.fw-200 { font-weight: 200; }
.fw-300 { font-weight: 300; }
.fw { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }
.h1-bigger { font-size: 4rem; }
.h2-bigger { font-size: 3.5rem; }
.h3-bigger { font-size: 3.25rem; }
.h4-bigger { font-size: 3rem; }
.h5-bigger { font-size: 2.75rem; }
.h6-bigger { font-size: 2.5rem; }
.fs-14 {font-size:14px}
/*=============================================================================
MARGIN
=============================================================================*/
.mt-30 { margin-top: 2rem; }
.mt-45 { margin-top: 2.85rem; }
.mt-60 { margin-top: 4rem; }
.mb-30 { margin-bottom: 2rem; }
.mb-45 { margin-bottom: 2.85rem; }
.mb-60 { margin-bottom: 4rem; }
.ml-30 { margin-left: 2rem; }
.ml-45 { margin-left: 2.85rem; }
.ml-60 { margin-left: 4rem; }
.mr-30 { margin-right: 2rem; }
.mr-45 { margin-right: 2.85rem; }
.mr-60 { margin-right: 4rem; }
.my-15 { margin: 1rem 0; }
.my-30 { margin: 2rem 0; }
.my-45 { margin: 2.85rem 0; }
.my-60 { margin: 4rem 0; }
.mx-15 { margin: 0 1rem; }
.mx-30 { margin: 0 2rem; }
.mx-45 { margin: 0 2.85rem; }
.mx-60 { margin: 0 4rem; }
/*=============================================================================
PADDING
=============================================================================*/
.pt-30 { padding-top: 2rem; }
.pt-45 { padding-top: 2.85rem; }
.pt-60 { padding-top: 4rem; }
.pb-30 { padding-bottom: 2rem; }
.pb-45 { padding-bottom: 2.85rem; }
.pb-60 { padding-bottom: 4rem; }
.pl-30 { padding-left: 2rem; }
.pl-45 { padding-left: 2.85rem; }
.pl-60 { padding-left: 4rem; }
.pr-30 { padding-right: 2rem; }
.pr-45 { padding-right: 2.85rem; }
.pr-60 { padding-right: 4rem; }
.py-15 { padding: 1rem 0; }
.py-30 { padding: 2rem 0; }
.py-45 { padding: 2.85rem 0; }
.py-60 { padding: 4rem 0; }
.px-15 { padding: 0 1rem; }
.px-30 { padding: 0 2rem; }
.px-45 { padding: 0 2.85rem; }
.px-60 { padding: 0 4rem; }
/*=============================================================================
FULL COVER - FULL SLIDER
=============================================================================*/
.cover {
	height: calc( 85vh - 100px );
	min-height: 300px;
	background: no-repeat center center scroll;
	background-size: cover;
}
.full-carousel .carousel-item {
	height: calc( 85vh - 100px );
	min-height: 300px;
	background: no-repeat center center scroll;
	background-size: cover;
}
/*=============================================================================
HOVER EFFECT (LIKE WORDPRESS) ON IMAGES
=============================================================================*/
.wp-effect {
	overflow: hidden;
	display: inline-block;
	position: relative;
	background-color: #000;
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
.wp-effect > img {
	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	position: relative;
	z-index: 1;
}
.wp-effect:hover > img {
	opacity: .85;
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
}
.wp-effect .wp-text {
	position: absolute;
	text-align: center;
	z-index: 2;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
@media( max-width: 576px) {
	.wp-effect > img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}
}
/*=============================================================================
GALLERY
=============================================================================*/
.gallery-control {
	width: 100%;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.gallery-control [data-dir] {
	width: 40px;
  height: 40px;
	position: absolute; cursor: pointer;
  background-color: #FFF;
  border-radius: 25px;
  border: 4px solid #aaa;
  opacity: .4;
  text-align: center;
  -webkit-transition: .2s;
  -o-transition: .2s;
  transition: .2s;
}
.gallery-control [data-dir]:hover { opacity: .8; }
.gallery-control [data-dir="left"] { left: 1rem; }
.gallery-control [data-dir="right"] { right: 1rem; }
/*=============================================================================
CAROUSEL FADE
=============================================================================*/
.carousel-fade .carousel-item {
 opacity: 0;
 -webkit-transition-duration: 1s;
      -o-transition-duration: 1s;
         transition-duration: 1s;
 -webkit-transition-property: opacity;
 -o-transition-property: opacity;
 transition-property: opacity;
}
.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}
.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 -webkit-transform: translateX(0) translate3d(0, 0, 0);
 -ms-transform: translateX(0) translate3d(0, 0, 0);
 transform: translateX(0) translate3d(0, 0, 0);
}
/*=============================================================================
CAROUSEL - CIRCLE INDICATORS
=============================================================================*/
/**
 * Carousel with Circle indicator
 * it needs to add <div class="inner-circle"></div> on li elements
 * (carousel-indicator)
 */
.circle-indicators .carousel-indicators li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-top: 3px;
	text-indent: -999px;
	cursor: pointer;
	background-color: rgba(0,0,0,0);
	border-radius: 10px;
	background-color: #FFF;
	border: none;
}
.circle-indicators .carousel-indicators .active {
  width: 16px;
  height: 16px;
  background-color: transparent;
  margin-top: 0;
  margin-bottom: -2px;
  border: 1px solid #FFF;
}
.circle-indicators .carousel-indicators li.active .inner-circle { display: block; }
.circle-indicators .inner-circle {
	width: 8px;
	height: 8px;
	border-radius: 12px;
	margin: 4px;
	background-color: #FFF;
	display: none;
}
/*=============================================================================
reCaptcha v3
=============================================================================*/
.grecaptcha-badge { display: none; visibility: hidden; opacity: 0; position: absolute; z-index: -10000; }
/*=============================================================================
MEDIA
=============================================================================*/
/* 1920 x 1080 */
@media( max-width: 1920px ) {
	.full-carousel .carousel-item, .cover { min-height: 700px; }
}

/* 1600 x 900*/
@media( max-width: 1600px ) {
	.full-carousel .carousel-item, .cover { min-height: 600px; }
}

/* 1440 x 900 */
@media( max-width: 1440px ) {
}

/* 1280 x 800 */
@media( min-width: 1200px ) { .container-custom, .nb-container { width: 1200px !important; max-width: 1200px !important; } }
@media( max-width: 1280px ) {
	.full-carousel .carousel-item, .cover { min-height: 500px; }
}

/* 990 x 1000 */
@media( max-width: 990px ) {
	.full-carousel .carousel-item, .cover { min-height: 400px; }

	h1, .h1 { font-size: 2rem; }
	h2, .h2 { font-size: 1.625rem; }
	h3, .h3 { font-size: 1.25rem; }
	h4, .h4 { font-size: 1rem; }
	h5, .h5 { font-size: .875rem; }
	h6, .h6 { font-size: .7rem; }
	.h1-bigger { font-size: 3rem; }
	.h2-bigger { font-size: 2.5rem; }
	.h3-bigger { font-size: 2.25rem; }
	.h4-bigger { font-size: 2rem; }
	.h5-bigger { font-size: 1.75rem; }
	.h6-bigger { font-size: 1.5rem; }

	.mt-30 { margin-top: 1rem; }
	.mb-30 { margin-bottom: 1rem; }
	.ml-30 { margin-left: 1rem; }
	.mr-30 { margin-right: 1rem; }
	.mt-60, .mt-45 { margin-top: 2rem; }
	.mb-60, .mb-45 { margin-bottom: 2rem; }
	.ml-60, .ml-45 { margin-left: 2rem; }
	.mr-60, .mr-45 { margin-right: 2rem; }
	.my-30, .my-45 { margin: 1rem 0; }
	.my-60 { margin: 2rem 0; }
	.mx-30 { margin: 0 1rem; }
	.mx-60, .mx-45 { margin: 0 2rem; }


	.pt-45 { padding-top: 2.85rem; }
	.pb-45 { padding-bottom: 2.85rem; }
	.pl-45 { padding-left: 2.85rem; }
	.pr-45 { padding-right: 2.85rem; }
	.py-45 { padding: 2.85rem 0; }
	.px-45 { padding: 0 2.85rem; }

	.pt-30 { padding-top: 1rem; }
	.pb-30 { padding-bottom: 1rem; }
	.pl-30 { padding-left: 1rem; }
	.pr-30 { padding-right: 1rem; }
	.pt-60, .pt-45 { padding-top: 2rem; }
	.pb-60, .pb-45 { padding-bottom: 2rem; }
	.pl-60, .pl-45 { padding-left: 2rem; }
	.pr-60, .pr-45 { padding-right: 2rem; }
	.py-30 { padding: 1rem 0; }
	.py-60, .py-45 { padding: 2rem 0; }
	.px-30 { padding: 0 1rem; }
	.px-60, .px-45 { padding: 0 2rem; }
}

/* 767 x 414 */
@media( max-width: 767px ) {
	h1, .h1 { font-size: 1.625rem; }
	h2, .h2 { font-size: 1.25rem; }
	h3, .h3 { font-size: 1rem; }
	h4, .h4 { font-size: .875rem; }
	h5, .h5 { font-size: .7rem; }
	h6, .h6 { font-size: .6rem; }
	.h1-bigger { font-size: 2.5rem; }
	.h2-bigger { font-size: 2rem; }
	.h3-bigger { font-size: 1.75rem; }
	.h4-bigger { font-size: 1.5rem; }
	.h5-bigger { font-size: 1.25rem; }
	.h6-bigger { font-size: 1rem; }

	.mt-60, .mt-45 { margin-top: 1rem; }
	.mb-60, .mb-45 { margin-bottom: 1rem; }
	.ml-60, .ml-45 { margin-left: 1rem; }
	.mr-60, .mr-45 { margin-right: 1rem; }
	.my-60, .my-45 { margin: 1rem 0; }
	.mx-60, .mx-45 { margin: 0 1rem; }

	.pt-60, .pt-45 { padding-top: 1rem; }
	.pb-60, .pb-45 { padding-bottom: 1rem; }
	.pl-60, .pl-45 { padding-left: 1rem; }
	.pr-60, .pr-45 { padding-right: 1rem; }
	.py-60, .py-45 { padding: 1rem 0; }
	.px-60, .px-45 { padding: 0 1rem; }
	.fs-14 {font-size:12px}
}

/* 576 x 320 */
@media( max-width: 576px ) {
	.full-carousel .carousel-item, .cover { min-height: 300px; }
	/*.h1-bigger { font-size: 2rem; }
	.h2-bigger { font-size: 1.5rem; }
	.h3-bigger { font-size: 1.25rem; }
	.h4-bigger { font-size: 1rem; }
	.h5-bigger { font-size: .8rem; }
	.h6-bigger { font-size: .7rem; }*/
	h1, .h1,
	h2, .h2,
	h3, .h3,
	h4, .h4,
	h5, .h5,
	h6, .h6 { font-size: 1.25rem; }
	.h1-bigger,
	.h2-bigger,
	.h3-bigger,
	.h4-bigger,
	.h5-bigger,
	.h6-bigger { font-size: 2rem; }
	.fs-14 {font-size:10px}
}