/*
Theme Name: pertacami.id
Description: Built with heart and dedicated for pertacami
Version: 2.0.2
Tags: 
Author: CAPS
This theme was created using Blocs (blocsapp.com).
*/
body {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.page-container {
	overflow: hidden;
}

/* Prevents unwanted scroll space when scroll FX used. */
a,
button {
	transition: background .3s ease-in-out;
	outline: none !important;
}

/* Prevent blue selection glow on Chrome and Safari */
a:hover {
	text-decoration: none;
	cursor: pointer;
}

.scroll-fx-lock-init {
	position: fixed !important;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99999;
}

/* ScrollFX Lock */
.blocs-grid-container {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: auto auto;
	column-gap: 1.5rem;
	row-gap: 1.5rem;
}

/* CSS Grid */
nav .dropdown-menu .nav-link {
	color: rgba(0, 0, 0, 0.6) !important;
}

/* Maintain Downdown Menu Link Color in Navigation */
[data-bs-theme="dark"] nav .dropdown-menu .nav-link {
	color: var(--bs-dropdown-link-color) !important;
}

/* Maintain Downdown Menu Link Color in Navigation in Darkmode */


/* Preloader */

.page-preloader {
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100%;
	z-index: 100000;
	background: #FFFFFF url("img/pageload-spinner.gif") no-repeat center center;
	animation-name: preloader-fade;
	animation-delay: 2s;
	animation-duration: 0.5s;
	animation-fill-mode: both;
}

.preloader-complete {
	animation-delay: 0.1s;
}

@keyframes preloader-fade {
	0% {
		opacity: 1;
		visibility: visible;
	}

	100% {
		opacity: 0;
		visibility: hidden;
	}
}

/* = Blocs
-------------------------------------------------------------- */

.bloc {
	width: 100%;
	clear: both;
	background: 50% 50% no-repeat;
	padding: 0 20px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	display: flex;
}

.bloc .container {
	padding-left: 0;
	padding-right: 0;
	position: relative;
}


/* Sizes */

.bloc-lg {
	padding: 100px 20px;
}

.bloc-md {
	padding: 50px 20px;
}

.bloc-sm {
	padding: 20px;
}

/* = Full Screen Blocs 
-------------------------------------------------------------- */

.bloc-fill-screen {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	padding-top: 20px;
	padding-bottom: 20px;
}

.bloc-fill-screen>.container {
	align-self: flex-middle;
	flex-grow: 1;
	display: flex;
	flex-wrap: wrap;
}

.bloc-fill-screen>.container>.row {
	flex-grow: 1;
	align-self: center;
	width: 100%;
}

.bloc-fill-screen .fill-bloc-top-edge,
.bloc-fill-screen .fill-bloc-bottom-edge {
	flex-grow: 0;
}

.bloc-fill-screen .fill-bloc-top-edge {
	align-self: flex-start;
}

.bloc-fill-screen .fill-bloc-bottom-edge {
	align-self: flex-end;
}

/* = Full Width Blocs 
-------------------------------------------------------------- */

.full-width-bloc {
	padding-left: 0;
	padding-right: 0;
}

.full-width-bloc .row {
	margin-left: 0;
	margin-right: 0;
}

.full-width-bloc .container {
	width: 100%;
	max-width: 100% !important;
}

.full-width-bloc .carousel img {
	width: 100%;
	height: auto;
}


/* Group Styles */

.bloc-group {
	display: flex;
}

.bloc-tile-2 {
	width: 50%;
}

.bloc-tile-3 {
	width: 33.33333333%;
}

.bloc-tile-4 {
	width: 25%;
}

.bloc-tile-2 .container,
.bloc-tile-3 .container,
.bloc-tile-4 .container {
	width: 100%;
}


/* Bloc Mask */

.bloc-bg-mask {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 0;
	display: flex;
	pointer-events: none;
	align-items: flex-start;
}

.svg-mask {
	width: 100%;
	height: 100%;
	fill-rule: evenodd;
	fill: #000000;
}


/* Background Textures */

.bloc-bg-texture::before {
	content: "";
	background-size: 2px 2px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.texture-darken::before {
	background: rgba(0, 0, 0, 0.5);
}

.texture-darken-strong::before {
	background: rgba(0, 0, 0, 0.8);
}


/* Background Effects */

.parallax__container {
	clip: rect(0, auto, auto, 0);
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.parallax {
	position: fixed;
	top: 0;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}


/* Dark theme */

.d-bloc {
	color: rgba(255, 255, 255, .7);
}

.d-bloc button:hover {
	color: rgba(255, 255, 255, .9);
}

.d-bloc .icon-round,
.d-bloc .icon-square,
.d-bloc .icon-rounded,
.d-bloc .icon-semi-rounded-a,
.d-bloc .icon-semi-rounded-b {
	border-color: rgba(255, 255, 255, .9);
}

.d-bloc .divider-h span {
	border-color: rgba(255, 255, 255, .2);
}

.d-bloc .a-btn,
.d-bloc .navbar a,
.d-bloc a .icon-sm,
.d-bloc a .icon-md,
.d-bloc a .icon-lg,
.d-bloc a .icon-xl,
.d-bloc h1 a,
.d-bloc h2 a,
.d-bloc h3 a,
.d-bloc h4 a,
.d-bloc h5 a,
.d-bloc h6 a,
.d-bloc p a {
	color: rgba(255, 255, 255, .6);
}

.d-bloc .a-btn:hover,
.d-bloc .navbar a:hover,
.d-bloc a:hover .icon-sm,
.d-bloc a:hover .icon-md,
.d-bloc a:hover .icon-lg,
.d-bloc a:hover .icon-xl,
.d-bloc h1 a:hover,
.d-bloc h2 a:hover,
.d-bloc h3 a:hover,
.d-bloc h4 a:hover,
.d-bloc h5 a:hover,
.d-bloc h6 a:hover,
.d-bloc p a:hover {
	color: rgba(255, 255, 255, 1);
}

.d-bloc .navbar-toggle .icon-bar {
	background: rgba(255, 255, 255, 1);
}

.d-bloc .btn-wire,
.d-bloc .btn-wire:hover {
	color: rgba(255, 255, 255, 1);
	border-color: rgba(255, 255, 255, 1);
}

.d-bloc .card {
	color: rgba(0, 0, 0, .5);
}

.d-bloc .card button:hover {
	color: rgba(0, 0, 0, .7);
}

.d-bloc .card icon {
	border-color: rgba(0, 0, 0, .7);
}

.d-bloc .card .divider-h span {
	border-color: rgba(0, 0, 0, .1);
}

.d-bloc .card .a-btn {
	color: rgba(0, 0, 0, .6);
}

.d-bloc .card .a-btn:hover {
	color: rgba(0, 0, 0, 1);
}

.d-bloc .card .btn-wire,
.d-bloc .card .btn-wire:hover {
	color: rgba(0, 0, 0, .7);
	border-color: rgba(0, 0, 0, .3);
}


/* Light theme */

.d-bloc .card,
.l-bloc {
	color: rgba(0, 0, 0, .5);
}

.d-bloc .card button:hover,
.l-bloc button:hover {
	color: rgba(0, 0, 0, .7);
}

.l-bloc .icon-round,
.l-bloc .icon-square,
.l-bloc .icon-rounded,
.l-bloc .icon-semi-rounded-a,
.l-bloc .icon-semi-rounded-b {
	border-color: rgba(0, 0, 0, .7);
}

.d-bloc .card .divider-h span,
.l-bloc .divider-h span {
	border-color: rgba(0, 0, 0, .1);
}

.d-bloc .card .a-btn,
.l-bloc .a-btn,
.l-bloc .navbar a,
.l-bloc a .icon-sm,
.l-bloc a .icon-md,
.l-bloc a .icon-lg,
.l-bloc a .icon-xl,
.l-bloc h1 a,
.l-bloc h2 a,
.l-bloc h3 a,
.l-bloc h4 a,
.l-bloc h5 a,
.l-bloc h6 a,
.l-bloc p a {
	color: rgba(0, 0, 0, .6);
}

.d-bloc .card .a-btn:hover,
.l-bloc .a-btn:hover,
.l-bloc .navbar a:hover,
.l-bloc a:hover .icon-sm,
.l-bloc a:hover .icon-md,
.l-bloc a:hover .icon-lg,
.l-bloc a:hover .icon-xl,
.l-bloc h1 a:hover,
.l-bloc h2 a:hover,
.l-bloc h3 a:hover,
.l-bloc h4 a:hover,
.l-bloc h5 a:hover,
.l-bloc h6 a:hover,
.l-bloc p a:hover {
	color: rgba(0, 0, 0, 1);
}

.l-bloc .navbar-toggle .icon-bar {
	color: rgba(0, 0, 0, .6);
}

.d-bloc .card .btn-wire,
.d-bloc .card .btn-wire:hover,
.l-bloc .btn-wire,
.l-bloc .btn-wire:hover {
	color: rgba(0, 0, 0, .7);
	border-color: rgba(0, 0, 0, .3);
}

/* Row Margin Offsets */

.voffset {
	margin-top: 30px;
}

/* Dividers */

.b-divider {
	border-top: 1px solid rgba(0, 0, 0, .1);
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}


/* = NavBar
-------------------------------------------------------------- */

.navbar-dark .nav .dropdown-menu .nav-link {
	color: rgb(64, 64, 64);
}

/* = Sticky Nav
-------------------------------------------------------------- */

.sticky-nav.sticky {
	position: fixed;
	top: 0;
	z-index: 1000;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
	transition: all .2s ease-out;
}

.fill-bloc-top-edge.sticky {
	background-color: rgba(0, 0, 0, 0);
	width: 100%;
	max-width: 100%;
	margin-top: 0;
	left: 0;
	right: 0;
}

.fill-bloc-top-edge.sticky .navbar {
	max-width: 1170px;
	margin: 0 auto;
}

/* Navbar Icon */
.svg-menu-icon {
	fill: none;
	stroke: rgba(0, 0, 0, 0.5);
	stroke-width: 2px;
	fill-rule: evenodd;
}

.navbar-dark .svg-menu-icon {
	stroke: rgba(255, 255, 255, 0.5);
}

.menu-icon-thin-bars {
	stroke-width: 1px;
}

.menu-icon-thick-bars {
	stroke-width: 5px;
}

.menu-icon-rounded-bars {
	stroke-width: 3px;
	stroke-linecap: round;
}

.menu-icon-filled {
	fill: rgba(0, 0, 0, 0.5);
	stroke-width: 0px;
}

.navbar-dark .menu-icon-filled {
	fill: rgba(255, 255, 255, 0.5);
}

.navbar-toggler-icon {
	background: none !important;
	pointer-events: none;
	width: 33px;
	height: 33px;
}

/* Nav Special Classes */
.nav-special {
	overflow-y: scroll;
}

.nav-special .site-navigation {
	top: 0;
	left: 0;
	width: 100%;
	position: relative !important;
	max-width: 100% !important;
	z-index: 1000;
}

.nav-special .nav>li {
	width: 100%;
	background: none !important;
	border: 0 !important;
}

.nav-special.collapsing {
	-webkit-transition: none;
	transition: none;
	height: 100% !important;
	background: none !important;
}

.nav-special .navbar-nav .dropdown-menu.show {
	position: relative !important;
	transform: none !important;
	float: none;
	width: 100%;
	margin-top: 0;
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0;
}

.nav-special .nav .dropdown-menu .nav-link {
	color: #FFF;
}

.blocsapp-special-menu {
	position: absolute;
	z-index: 10000;
}

.nav-special.fullscreen-nav .caret,
.nav-special.fullscreen-nav .dropdown-menu .dropdown .caret {
	border-width: 8px;
}

.nav-special .navbar-nav .show>.nav-link {
	color: #FFF;
}

/* Animate Menu Symbol */
.navbar-toggle {
	transition: all .1s linear;
}

.selected-nav {
	opacity: 0;
	transform: scale(0.3);
	transition: all .1s linear;
}


/* Special Menu Close Button */
.close-special-menu {
	position: absolute;
	display: block;
	width: 25px;
	height: 25px;
	top: 16px;
	right: 10px;
	z-index: 10000;
}

.nav-invert .sidebar-nav .close-special-menu {
	left: 260px;
}

.close-special-menu .close-icon {
	display: block;
	width: 100%;
	height: 1px;
	transform: rotate(45deg);
	margin-top: 12px;
}

.close-special-menu .close-icon:after {
	content: "";
	display: inherit;
	width: inherit;
	height: inherit;
	background: inherit;
	transform: rotate(90deg);
}

.lock-scroll {
	overflow: hidden;
	transition: background .3s linear;
}

.nav-special::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 0;
	height: 0;
}

.nav-special .dropdown-menu .dropdown .caret {
	border-top-color: rgba(255, 255, 255, .8);
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	margin: 0 0 0 5px;
	float: none;
}

.blocsapp-special-menu .site-navigation.pull-right {
	float: none !important;
}

/* Nav Special Close Button */
.close-special-menu .close-icon {
	background: #fff;
}

.blocsapp-special-menu blocsnav {
	background: #000;
}

/* Full Screen Navigation */
.nav-special.fullscreen-nav {
	width: 100%;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0;
	z-index: 1000;
	position: fixed;
	transition: all .2s linear;
}

.nav-special.fullscreen-nav.open-up {
	transform: translateY(1000px);
}

.nav-special.fullscreen-nav.open-down {
	transform: translateY(-1000px);
}

.nav-special.fullscreen-nav.open-left {
	transform: translateX(-1000px);
}

.nav-special.fullscreen-nav.open-right {
	transform: translateX(1000px);
}

.nav-special.fullscreen-nav .nav>li a,
.nav-special.fullscreen-nav .nav .dropdown-menu>li>a {
	color: rgba(255, 255, 255, .8);
	text-align: center;
	font-size: 28px;
}

.nav-special.fullscreen-nav .nav>li a:hover {
	color: #FFF;
}

.open.nav-special.fullscreen-nav {
	opacity: 1;
	transition: all .2s linear;
}

.nav-special.fullscreen-nav .site-navigation {
	text-align: center;
	margin-top: 10% !important;
}

.nav-special.fullscreen-nav .close-special-menu {
	right: 20px;
}

.open.nav-special.fullscreen-nav.open-left,
.open.nav-special.fullscreen-nav.open-right,
.open.nav-special.fullscreen-nav.open-down,
.open.nav-special.fullscreen-nav.open-up {
	transform: translateY(0);
}

/* Handle Multi Level Navigation */
.dropdown-menu .dropdown-menu {
	border: none
}

@media (min-width:576px) {

	.navbar-expand-sm .dropdown-menu .dropdown-menu {
		border: 1px solid rgba(0, 0, 0, .15);
		position: absolute;
		left: 100%;
		top: -7px
	}

	.navbar-expand-sm .dropdown-menu .submenu-left {
		right: 100%;
		left: auto
	}
}

@media (min-width:768px) {
	.navbar-expand-md .dropdown-menu .dropdown-menu {
		border: 1px solid rgba(0, 0, 0, .15);
		border: 1px solid rgba(0, 0, 0, .15);
		position: absolute;
		left: 100%;
		top: -7px
	}

	.navbar-expand-md .dropdown-menu .submenu-left {
		right: 100%;
		left: auto
	}
}

@media (min-width:992px) {
	.navbar-expand-lg .dropdown-menu .dropdown-menu {
		border: 1px solid rgba(0, 0, 0, .15);
		position: absolute;
		left: 100%;
		top: -7px
	}

	.navbar-expand-lg .dropdown-menu .submenu-left {
		right: 100%;
		left: auto
	}
}

/* = Bric adjustment margins
-------------------------------------------------------------- */

.mg-clear {
	margin: 0;
}

.mg-md {
	margin-top: 10px;
	margin-bottom: 20px;
}

/* = Buttons
-------------------------------------------------------------- */

.btn-d,
.btn-d:hover,
.btn-d:focus {
	color: #FFF;
	background: rgba(0, 0, 0, .3);
}

/* Prevent ugly blue glow on chrome and safari */
button {
	outline: none !important;
}

.btn-sq {
	border-radius: 0px;
}

.btn-style-none,
.btn-style-none:hover,
.btn-style-none:active,
.btn-style-none:focus {
	background: none;
	box-shadow: none;
	padding: 0;
}

.a-block {
	width: 100%;
	text-align: left;
	display: inline-block;
}

.text-center .a-block {
	text-align: center;
}

/* = Icons
-------------------------------------------------------------- */
.icon-sm {
	font-size: 18px !important;
}

.icon-md {
	font-size: 30px !important;
}




/* = Cards
-------------------------------------------------------------- */
.card-sq,
.card-sq .card-header,
.card-sq .card-footer {
	border-radius: 0;
}

.card-rd {
	border-radius: 30px;
}

.card-rd .card-header {
	border-radius: 29px 29px 0 0;
}

.card-rd .card-footer {
	border-radius: 0 0 29px 29px;
}

/* = Masonary
-------------------------------------------------------------- */
.card-columns .card {
	margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
	.card-columns {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
		-webkit-column-gap: 1.25rem;
		-moz-column-gap: 1.25rem;
		column-gap: 1.25rem;
		orphans: 1;
		widows: 1;
	}

	.card-columns .card {
		display: inline-block;
		width: 100%;
	}
}

/* = Classic Dividers
-------------------------------------------------------------- */
.divider-h {
	min-height: 1px;
	background-color: rgba(0, 0, 0, .2);
	margin: 20px 0;
}

.divider-half {
	width: 50%;
}

.dropdown-menu .divider-h {
	margin: 0;
}

/* = Forms
-------------------------------------------------------------- */

.form-control {
	border-color: rgba(0, 0, 0, .1);
	box-shadow: none;
}

/* Additional Aspect Ratios */

.ratio-4x4::before {
	padding-top: 100%
}

.ratio-9x16::before {
	padding-top: 106.25%
}

/* ScrollToTop button */

.scrollToTop {
	width: 36px;
	height: 36px;
	padding: 5px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	opacity: 0;
	z-index: 999;
	transition: all .3s ease-in-out;
	pointer-events: none;
}

.showScrollTop {
	opacity: 1;
	pointer-events: all;
}

.scroll-to-top-btn-icon {
	fill: none;
	stroke: #fff;
	stroke-width: 2px;
	fill-rule: evenodd;
	stroke-linecap: round;
}

/* = Lightbox
-------------------------------------------------------------- */

a[data-lightbox] {
	position: relative;
	display: block;
	text-align: center;
}

a[data-lightbox]:hover::before {
	content: "+";
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial;
	font-size: 32px;
	line-height: 42px;
	width: 50px;
	height: 50px;
	margin-left: -25px;
	border-radius: 50%;
	background: rgba(0, 0, 0, .5);
	color: #FFF;
	font-weight: 100;
	z-index: 1;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

a[data-lightbox]:hover img {
	opacity: 0.6;
	-webkit-animation-fill-mode: none;
	animation-fill-mode: none;
}

.lightbox-caption {
	padding: 20px;
	color: #FFF;
	background: rgba(0, 0, 0, .5);
	position: absolute;
	left: 16px;
	right: 16px;
	bottom: 0px;
}

.close-lightbox:hover,
.next-lightbox:hover,
.prev-lightbox:hover {
	background: rgba(0, 0, 0, .5);
}

.next-lightbox,
.prev-lightbox,
.close-lightbox {
	position: absolute;
	padding: 6px;
	background: rgba(0, 0, 0, .3);
	line-height: 0;
	transition: background .2s ease-in-out;
	border-radius: .25rem;
	border: none;
	z-index: 20;
}

.next-lightbox,
.prev-lightbox {
	top: 45%;
}

.close-lightbox {
	top: 20px;
	right: 20px;
}

.next-lightbox {
	right: 25px;
}

.prev-lightbox {
	left: 25px;
}

.lightbox-prev-icon,
.lightbox-next-icon,
.lightbox-close-icon {
	fill: none;
	stroke: #fff;
	stroke-width: 3px;
	fill-rule: evenodd;
	stroke-linecap: round;
}

.lightbox-close-svg {
	pointer-events: none;
}

/* Hide Object */
.object-hidden {
	display: none;
}

/* Wordpress Paginate */
.wp-paginate {
	margin: 20px 0;
	text-align: center;
}

.wp-paginate a,
.wp-paginate .current {
	background: rgba(0, 0, 0, .1);
	color: rgba(0, 0, 0, 0.8);
	font-size: 14px;
	padding: 3px 8px 4px 8px;
	border-radius: 3px;
	margin: 3px;
}

.wp-paginate a:hover,
.wp-paginate .current {
	background: rgba(0, 0, 0, .5);
	color: #FFF;
}

.wp-paginate .screen-reader-text {
	display: none;
}

.wp-paginate .nav-links {
	width: 100%;
}

.wp-paginate-dark.wp-paginate a,
.wp-comments-dark .wp-paginate a {
	background: rgba(255, 255, 255, .2);
	color: rgba(255, 255, 255, .5);
}

.wp-paginate-dark .page-numbers.dots {
	color: rgba(255, 255, 255, .5);
}

.wp-paginate-dark.wp-paginate a:hover,
.wp-paginate-dark.wp-paginate .current,
.wp-comments-dark .wp-paginate a:hover,
.wp-comments-dark .wp-paginate .current {
	background: rgba(255, 255, 255, .5);
	color: #FFF;
}

/* = Custom Styling
-------------------------------------------------------------- */

.container {
	max-width: 1140px !important;
}

.hero-heading {
	font-size: 85px;
}

.sub-header {
	font-size: 20px;
}

.logo-style {
	font-size: 20px;
	text-transform: uppercase;
	font-family: "Open Sans";
	font-weight: 800;
	text-decoration: none;
}

.page-heading {
	font-size: 60px;
}

.read-more-link {
	font-size: 18px;
	text-decoration: none;
	text-transform: uppercase;
	border-style: double;
	border-width: 0px 0px 0px 10px;
	padding-left: 10px;
}

.bloc-border {
	border-color: var(--swatch-var-6728) !important;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
}

.section-heading {
	font-weight: 800;
	font-size: 40px;
}

.field-style {
	border-radius: 0px 0px 0px 0px;
}

.uppercase-text {
	text-transform: uppercase;
}

.event-grid-style {
	grid-template-columns: 1fr;
	row-gap: 0px;
}

.grid-event-item {
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 100px;
	justify-items: center;
	align-items: center;
	color: var(--swatch-var-7376) !important;
	column-gap: 0px;
	width: 100%;
}

.black-bg {
	background-color: var(--swatch-var-7376);
	color: var(--swatch-var-6728) !important;
}

.outline-container {
	padding: 10px 10px 0px 10px;
	border-style: solid;
	border-color: var(--swatch-var-3409) !important;
	border-width: 2px 2px 20px 2px;
	position: relative;
}

.gradient-text {
	background: linear-gradient(0deg, transparent 0%, #FFFFFF 64%);
	background-clip: text !important;
	-webkit-background-clip: text !important;
	color: transparent !important;
}

.hero-lower-section {
	margin-bottom: 100px;
}

.overlap-grid {
	grid-template-rows: 1fr;
	grid-template-columns: 2fr 1fr;
	padding: 20px 20px 20px 20px;
}

.overlap-col {
	position: absolute;
	top: -40px;
}

.secondary-top {
	border-color: var(--swatch-var-3191) !important;
	border-style: solid;
	border-width: 15px 0px 0px 0px;
}

.box-card {
	padding: 30px 20px 20px 20px;
}

.primary-top {
	border-width: 15px 0px 0px 0px;
	border-color: var(--swatch-var-3409) !important;
	border-style: solid;
}

.price-card {
	padding: 40px 40px 40px 40px;
	box-shadow: 0.00px 0.00px 25px rgba(0, 0, 0, 0.15);
}

.black-top {
	border-style: solid;
	border-color: var(--swatch-var-7376) !important;
	border-width: 15px 0px 0px 0px;
}

.price-text {
	font-size: 40px;
}

.price-header {
	font-size: 40px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Open Sans";
	font-weight: 800;
}

.overlay-title {
	position: absolute;
	left: 0px;
	z-index: 1;
	padding: 10px 20px 10px 20px;
	background-color: var(--swatch-var-1068);
	bottom: 0px;
}

.gallery-item {
	position: relative;
}

.bold-text {
	font-weight: 800;
}

.overlay-text {
	font-size: 26px;
	font-weight: 800;
}

.hero-mask-svg-fill {
	fill: rgba(0, 0, 0, 0.20);
}

.btn {
	font-weight: 600;
	text-transform: uppercase;
}

.glass-bg {
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	background-color: rgba(0, 0, 0, 0.30);
}

.navbar-logo {
	text-transform: none;
	text-decoration: none;
	font-size: 20px;
}

.bg-header {
	background-color: var(--swatch-var-3409);
}

.tagline {
	font-size: 18px;
	font-family: "Oswald";
	margin: 0px 0px 0px 0px;
	color: var(--swatch-var-6728) !important;
	font-weight: 400;
	display: inline-block;
}

.nav-item a {
	color: var(--swatch-var-6728) !important;
}

.nav-item a:hover {
	color: var(--swatch-var-2843) !important;
}

.sticky nav-item a {
	color: var(--swatch-var-3409) !important;
}

.sticky nav-item a:hover {
	color: var(--swatch-var-1068) !important;
}

.mw-1140 {
	max-width: 1140px;
	display: flex;
}

.tagline-container {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: 10px;
}

.text-bold {
	font-weight: 800;
}

.h6-style {
	font-family: "Oswald";
}

.border-red {
	border-width: 6px 6px 6px 6px;
	border-style: solid;
	border-color: var(--swatch-var-1068) !important;
}

.athlete-name {
	font-family: "Oswald";
	font-weight: 500;
}

.divider-background-color {
	background-color: var(--swatch-var-3409);
}

.absolute-center {
	position: absolute !important;
	left: 0px;
	right: 0px;
	z-index: 111;
}

.absolute-center.sticky {
	position: fixed !important;
}

.active {
	font-weight: 900;
}

.footer-brand {
	width: 170px;
	display: flex;
	column-gap: 20px;
}

.h1-post-title {
	font-family: "Oswald";
}

.footer-wrapper a {
	text-decoration: none;
	color: var(--swatch-var-2843) !important;
}

.footer-wrapper a:hover {
	color: var(--swatch-var-3409) !important;
}

.ta-center {
	text-align: center;
}

.gamma-container {
	min-width: 160px;
	align-self: center;
}

.amma-container {
	min-width: 100px;
	border-radius: 100% 100% 100% 100%;
	background-color: var(--swatch-var-6728);
	height: 100px;
}

.breadcrumb a {
	color: var(--swatch-var-1068) !important;
	text-decoration: none !important;
}

.tagline-container h4 {
	font-family: "Oswald";
	font-size: 18px;
	color: var(--swatch-var-6728) !important;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-weight: 500;
}

.pertacami-logo-footer {
	min-width: 100px;
}

.space-for-header {
	margin-top: 150px;
}

.header-right-container {
	display: flex;
	justify-items: end;
	align-items: center;
	justify-content: flex-end;
}

.hide {
	display: none;
}

.search-popup {
	height: 100%;
	background-color: var(--swatch-var-2203);
	z-index: 999;
	position: fixed;
	left: 0px;
	top: 0px;
	display: none;
	width: 100%;
}

.search-popup-content {
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: var(--swatch-var-3409);
	padding: 30px 30px 30px 30px;
	border-style: solid;
	border-color: var(--swatch-var-1068) !important;
	border-width: 10px 0px 0px 0px;
	width: 100%;
	max-width: 600px;
}

.close-search-popup {
	right: 0px;
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.h4-style {
	font-family: "Oswald";
}

.search-popup input {
	padding: 10px 20px 10px 20px;
	border-radius: 0px 0px 0px 0px;
}

.search-title-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.search-title-container h4 {
	margin: 0px 0px 0px 0px;
}

.search-popup button {
	height: 47px;
	padding-left: 30px;
	padding-right: 30px;
	color: var(--swatch-var-6728) !important;
	background-color: var(--swatch-var-3191);
	border-width: 0px 0px 0px 0px;
}

.search-popup button:hover {
	background-color: var(--swatch-var-1068);
	color: var(--swatch-var-6728) !important;
}

.search-header {
	color: var(--swatch-var-6728);
}

.sticky .search-header {
	color: var(--swatch-var-1068) !important;
}

.wp-comment-submit-btn {
	background-color: var(--swatch-var-3409) !important;
	border-radius: 0px 0px 0px 0px;
}

.wp-comment-submit-btn:hover {
	background-color: var(--swatch-var-1068) !important;
	border-radius: 0px 0px 0px 0px !important;
}

.wp-comment-submit-btn:focus {
	background-color: var(--swatch-var-3191) !important;
}

.comment-reply-link {
	color: var(--swatch-var-3409) !important;
	text-decoration: none;
}

.comment-reply-link:hover {
	color: var(--swatch-var-1068) !important;
}

.athlete-category {
	font-family: "Oswald";
	text-decoration: none;
	color: var(--swatch-var-6728) !important;
	display: inline-block;
	padding: 10px 20px 15px 20px;
	background-color: var(--swatch-var-3409);
}

.breadcrumb {
	text-decoration: none;
	color: var(--swatch-var-2843) !important;
	text-align: left;
}

.h6-our-athlete-style {
	font-family: "Oswald";
}

.athlete-category a {
	text-decoration: none !important;
	color: var(--swatch-var-6728) !important;
	font-size: 14px;
}

.page-content {
	color: var(--swatch-var-7376) !important;
}

.page-content p {
	font-family: "Open Sans";
}

.article-sidebar h4 {
	color: var(--swatch-var-1068) !important;
}

.article-sidebar a {
	text-decoration: none !important;
	color: var(--swatch-var-1068) !important;
}

.article-sidebar a:hover {
	color: var(--swatch-var-3409) !important;
}

.h1-style {
	font-family: "Oswald";
}

.h1,
h2,
h3,
h4,
h5,
h6,
p,
label,
.btn,
a {
	font-family: "Oswald";
}

.btn-pertacami {
	padding: 10px 15px 10px 15px;
	background-color: var(--swatch-var-3409);
	font-family: "Oswald";
	color: var(--swatch-var-6728) !important;
}

.btn-pertacami:hover {
	background-color: var(--swatch-var-1068);
	font-family: "Oswald";
	color: var(--swatch-var-6728) !important;
	padding: 10px 15px 10px 15px;
}

.btn-pertacami:focus {
	background-color: var(--swatch-var-3191);
	color: var(--swatch-var-6728) !important;
	padding: 10px 15px 10px 15px;
}

.btn-pertacami-header {
	padding: 5px 10px 5px 10px;
	background-color: var(--swatch-var-6728);
	color: var(--swatch-var-1068) !important;
	font-family: "Oswald";
	font-weight: 400;
	font-size: 11px;
}

.btn-pertacami-header:hover {
	color: var(--swatch-var-6728) !important;
	background-color: var(--swatch-var-3191);
	padding: 5px 10px 5px 10px;
	font-family: "Oswald";
	font-weight: 400;
	font-size: 11px;
}

.btn-pertacami-header:focus {
	padding: 5px 10px 5px 10px;
	background-color: var(--swatch-var-3191);
	color: var(--swatch-var-6728) !important;
	font-size: 11px;
}

.btn-pertacami-header:active {
	padding: 5px 10px 5px 10px;
	border-color: var(--swatch-var-6728) !important;
	background-color: var(--swatch-var-7376);
	color: var(--swatch-var-6728) !important;
	font-size: 11px;
}

.sticky .btn-pertacami-header {
	background-color: var(--swatch-var-3409) !important;
	color: var(--swatch-var-6728) !important;
}

.sticky .btn-pertacami-header:hover {
	background-color: var(--swatch-var-3191) !important;
	color: var(--swatch-var-6728) !important;
}

.sticky .btn-pertacami-header:active {
	background-color: var(--swatch-var-7376) !important;
	color: var(--swatch-var-6728) !important;
}

.event-item {
	text-decoration: none !important;
}

.event-thumb-container {
	width: 100%;
	padding-top: 60%;
	background-image: url("img/default-thumb.jpg");
	background-image: -webkit-image-set(url("img/default-thumb.webp") 1x,
			url("img/default-thumb.webp") 2x);
	background-image: image-set(url("img/default-thumb.jpg") 1x,
			url("img/default-thumb.jpg") 2x, url("img/default-thumb.webp") 1x,
			url("img/default-thumb.webp") 2x);
	background-position: center center;
	background-size: cover;
}

.event-detail-container {
	background-color: var(--swatch-var-1068);
	padding: 20px 20px 20px 20px;
}

.header-space {
	padding-top: 120px;
}

.pertacami-pagination .page-numbers {
	border-radius: 0px 0px 0px 0px;
	background-color: var(--swatch-var-7376);
	color: var(--swatch-var-6728) !important;
	text-decoration: none;
}

.pertacami-pagination .current {
	background-color: var(--swatch-var-3409);
}

.pertacami-pagination .page-numbers:hover {
	background-color: var(--swatch-var-3191);
}

.event-detail-container p {
	color: var(--swatch-var-6728) !important;
}

.event-thumb-container a {
	text-decoration: none;
}

.event-item:hover {
	text-decoration: none !important;
}

.article-category {
	padding: 10px 15px 10px 15px;
	display: inline-block;
	background-color: var(--swatch-var-1068);
	color: var(--swatch-var-6728) !important;
}

.wp-block-latest-posts__featured-image img {
	border-width: 2px 2px 8px 2px;
	border-style: solid;
	border-color: var(--swatch-var-1068) !important;
}

.related-events {
	overflow: scroll;
}

.event-item a {
	text-decoration: none !important;
	color: var(--swatch-var-6728) !important;
}

.article-category a {
	text-decoration: none;
	color: var(--swatch-var-6728) !important;
}

.w1440 {
	margin: auto auto auto auto !important;
	max-width: 1440px;
}

.gallery-placeholder {
	max-width: 100%;
}

.pertacami-search input {
	border-radius: 0px 0px 0px 0px;
	font-family: "Oswald";
}

a {
	text-decoration: none !important;
}


/* = Colour
-------------------------------------------------------------- */

/* Swatch Variables */
:root {

	--swatch-var-7376: rgba(0, 0, 0, 1.00);

	--swatch-var-6728: rgba(255, 255, 255, 1.00);

	--swatch-var-3409: rgba(201, 20, 20, 1.00);

	--swatch-var-6691: rgba(45, 39, 47, 1.00);

	--swatch-var-3191: rgba(14, 115, 178, 1.00);

	--swatch-var-4494: rgba(255, 255, 255, 0.50);

	--swatch-var-1068: rgba(158, 17, 17, 1.00);

	--swatch-var-2843: rgba(225, 228, 229, 1.00);

	--swatch-var-2203: rgba(0, 0, 0, 0.07);

}


/* Background colour styles */

.bgc-1068 {
	background-color: var(--swatch-var-1068);
}

.bgc-3409 {
	background-color: var(--swatch-var-3409);
}

.bgc-6728 {
	background-color: var(--swatch-var-6728);
}

.bgc-7376 {
	background-color: var(--swatch-var-7376);
}

.bgc-7376 {
	background-color: var(--swatch-var-7376);
}

.bgc-2843 {
	background-color: var(--swatch-var-2843);
}

/* Text colour styles */

.tc-6728 {
	color: var(--swatch-var-6728) !important;
}

.tc-4494 {
	color: var(--swatch-var-4494) !important;
}

.tc-3409 {
	color: var(--swatch-var-3409) !important;
}

.tc-7376 {
	color: var(--swatch-var-7376) !important;
}

.tc-3191 {
	color: var(--swatch-var-3191) !important;
}

.tc-6691 {
	color: var(--swatch-var-6691) !important;
}

/* Button colour styles */

.btn-c-7376 {
	background: var(--swatch-var-7376);
	color: #FFFFFF !important;
}

.btn-c-7376:hover {
	background: #000000 !important;
	color: #FFFFFF !important;
}

.btn-c-3409 {
	background: var(--swatch-var-3409);
	color: #FFFFFF !important;
}

.btn-c-3409:hover {
	background: #960000 !important;
	color: #FFFFFF !important;
}

/* Link colour styles */

.ltc-6728 {
	color: var(--swatch-var-6728) !important;
}

.ltc-6728:hover {
	color: #CCCCCC !important;
}

.ltc-3409 {
	color: var(--swatch-var-3409) !important;
}

.ltc-3409:hover {
	color: #960000 !important;
}

/* Icon colour styles */

.icon-6728 {
	color: var(--swatch-var-6728) !important;
	border-color: var(--swatch-var-6728) !important;
}

/* Bloc image backgrounds */

.bg-back-of-guy {
	background-image: url("img/back-of-guy.jpg");
	background-image: -webkit-image-set(url("img/back-of-guy.webp") 1x,
			url("img/back-of-guy.webp") 2x);
	background-image: image-set(url("img/back-of-guy.jpg") 1x,
			url("img/back-of-guy.jpg") 2x, url("img/back-of-guy.webp") 1x,
			url("img/back-of-guy.webp") 2x);
}

.bg-dj {
	background-image: url("img/dj.jpg");
	background-image: -webkit-image-set(url("img/dj.webp") 1x,
			url("img/dj.webp") 2x);
	background-image: image-set(url("img/dj.jpg") 1x,
			url("img/dj.jpg") 2x, url("img/dj.webp") 1x,
			url("img/dj.webp") 2x);
}

.bg-concert {
	background-image: url("img/concert.jpg");
	background-image: -webkit-image-set(url("img/concert.webp") 1x,
			url("img/concert.webp") 2x);
	background-image: image-set(url("img/concert.jpg") 1x,
			url("img/concert.jpg") 2x, url("img/concert.webp") 1x,
			url("img/concert.webp") 2x);
}

.bg-live-dj {
	background-image: url("img/live-dj.jpg");
	background-image: -webkit-image-set(url("img/live-dj.webp") 1x,
			url("img/live-dj.webp") 2x);
	background-image: image-set(url("img/live-dj.jpg") 1x,
			url("img/live-dj.jpg") 2x, url("img/live-dj.webp") 1x,
			url("img/live-dj.webp") 2x);
}

.bg-highlight2 {
	background-image: url("img/highlight2.jpeg");
	background-image: -webkit-image-set(url("img/highlight2.webp") 1x,
			url("img/highlight2.webp") 2x);
	background-image: image-set(url("img/highlight2.jpeg") 1x,
			url("img/highlight2.jpeg") 2x, url("img/highlight2.webp") 1x,
			url("img/highlight2.webp") 2x);
}

.bg-WhatsApp-20Image-202023-07-26-20at-2022-13-27-refine-enhance-2x-faceai {
	background-image: url("img/WhatsApp%20Image%202023-07-26%20at%2022.13.27-refine-enhance-2x-faceai.jpeg");
	background-image: -webkit-image-set(url("img/WhatsApp%20Image%202023-07-26%20at%2022.13.27-refine-enhance-2x-faceai.webp") 1x,
			url("img/WhatsApp%20Image%202023-07-26%20at%2022.13.27-refine-enhance-2x-faceai.webp") 2x);
	background-image: image-set(url("img/WhatsApp%20Image%202023-07-26%20at%2022.13.27-refine-enhance-2x-faceai.jpeg") 1x,
			url("img/WhatsApp%20Image%202023-07-26%20at%2022.13.27-refine-enhance-2x-faceai.jpeg") 2x, url("img/WhatsApp%20Image%202023-07-26%20at%2022.13.27-refine-enhance-2x-faceai.webp") 1x,
			url("img/WhatsApp%20Image%202023-07-26%20at%2022.13.27-refine-enhance-2x-faceai.webp") 2x);
}

.bg-boxing-stage {
	background-image: url("img/boxing-stage.jpg");
	background-image: -webkit-image-set(url("img/boxing-stage.webp") 1x,
			url("img/boxing-stage.webp") 2x);
	background-image: image-set(url("img/boxing-stage.jpg") 1x,
			url("img/boxing-stage.jpg") 2x, url("img/boxing-stage.webp") 1x,
			url("img/boxing-stage.webp") 2x);
}

.bg-mma-bg {
	background-image: url("img/mma-bg.jpeg");
}

/* = Custom Bric Data
-------------------------------------------------------------- */

/* WP Widget Styling */
.widget-zone ul {
	list-style: none;
	padding: 0;
}

/* Wordpress Comments */
.wp-comments-title {
	color: rgba(0, 0, 0, .8);
}

.wp-comment ol.children {
	list-style: none;
}

.wp-comment-required {
	color: red;
}

.wp-comment ol.children .card:before {
	content: "";
	width: 2%;
	height: 50%;
	border: 2px solid rgba(0, 0, 0, .3);
	border-top-width: 0;
	border-right-width: 0;
	position: absolute;
	left: -3%;
}

.wp-comment-content {
	display: flex;
}

.wp-comment-author,
.wp-comment-title {
	font-weight: bold;
	font-size: 14px;
	color: rgba(0, 0, 0, .8);
}

.wp-comment-link,
.wp-comment-link:visited {
	color: rgba(0, 0, 0, .6);
	font-size: 12px;
}

.wp-comment-link:hover,
.wp-comment-link:focus {
	color: rgba(0, 0, 0, 0.8);
}

.wp-reply-link a {
	font-size: 14px;
}

.wp-comment-submit-btn {
	color: #FFF;
	background: rgba(0, 0, 0, .3);
}

.wp-comment-submit-btn:hover,
.wp-comment-submit-btn:active {
	color: #FFF;
	background: rgba(0, 0, 0, .5);
}

/* Dark Theme */
.wp-comments-dark .card {
	background: rgba(255, 255, 255, .2);
}

.wp-comments-dark .wp-comments-title,
.wp-comments-dark .wp-comment-author,
.wp-comments-dark .wp-comment-title,
.wp-comments-dark .wp-comment-link:hover,
.wp-comments-dark .wp-comment-link:focus,
.wp-comments-dark .must-log-in a,
.wp-comments-dark .must-log-in a:hover,
.wp-comments-dark .must-log-in a:focus {
	color: rgba(255, 255, 255, .8);
}

.wp-comments-dark .wp-comment-content,
.wp-comments-dark .wp-comment-link,
.wp-comments-dark .wp-comment-link:visited,
.wp-comments-dark .comment-notes,
.wp-comments-dark .comment-form-author,
.wp-comments-dark .comment-form-email,
.wp-comments-dark .comment-form-url,
.wp-comments-dark .wp-no-comments,
.wp-comments-dark .must-log-in {
	color: rgba(255, 255, 255, .6);
}

.wp-comments-dark .wp-comment ol.children .card:before {
	border-color: rgba(255, 255, 255, .5);
}

.wp-comments-dark.wp-comment-seperator-style .card {
	border-color: rgba(255, 255, 255, .2);
}

.wp-comments-dark .wp-comment-submit-btn {
	background: rgba(255, 255, 255, .2);
	color: #FFF;
}

.wp-comments-dark .wp-comment-submit-btn:hover,
.wp-comments-dark .wp-comment-submit-btn:active {
	background: rgba(255, 255, 255, .4);
}

.wp-comment-seperator-style .card {
	border-width: 0 0 1px 0;
	border-color: rgba(0, 0, 0, .1);
	border-radius: 0;
	background: transparent;
}

.wp-comment-seperator-style .wp-comment ol.children .card:before {
	border-width: 0 0 1px 1px;
}

.wp-comment-seperator-style .card-body {
	padding: 5px 0
}

.wp-comments-round-avatars img {
	border-radius: 50% !important;
}

.wp-comments-hide-avatar img {
	display: none;
}

/* = Additional CSS
-------------------------------------------------------------- */
.sticky .nav-item a {
	color: #9E1111 !important;
}

.sticky .social-link-bric svg {
	filter: invert(75%) sepia(31%) saturate(5136%) hue-rotate(353deg) brightness(85%) contrast(95%);
}

.four-by-three-container {
	position: relative;
	width: 100%;
	max-width: 100%;
	/* Ensure the container doesn't exceed its parent's width */
	overflow: hidden;
	/* Hide overflowing content */
}

.four-by-three-container::before {
	content: "";
	display: block;
	padding-top: 75%;
	/* 4:3 aspect ratio (3 / 4 * 100%) */
}

.four-by-three-container a {
	display: block;
	/* Make the anchor element a block-level element */
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.four-by-three-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* Maintain aspect ratio while covering the container */
}

.social-link-bric {
	display: flex;
	justify-content: flex-end;
	gap: 5px;
}

.sticky .nav-toggle {
	filter: invert(75%) sepia(31%) saturate(5136%) hue-rotate(353deg) brightness(85%) contrast(95%) !important;
}

.search-popup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 999;
	opacity: 0;
	/* Start with 0 opacity */
	transition: opacity 0.3s ease;
	/* Add a transition effect */
}

.search-popup.show {
	display: block !important;
	/* Override display property */
	opacity: 1;
	/* When the class "show" is added, set opacity to 1 */
}

.search-popup-content {
	transform: translate(-50%, -50%);
}

.sidebar-search {
	color: var(--swatch-var-3409, rgb(201 20 20)) !important;
}

.sidebar-search label {
	margin-bottom: 10px;
	font-size: 24px;
}

.sidebar-search button {
	background-color: var(--swatch-var-3409, rgb(201 20 20)) !important;
	border-radius: 0px 0px 0px 0px;
	font-weight: 600;
	text-transform: uppercase;
	font-family: "Oswald";
	color: white;
	border: none;
}

.sidebar-search butto:hover {
	background-color: var(--swatch-var-1068) !important;
	border-radius: 0px 0px 0px 0px !important;
	color: white !important;
}

.sidebar-search butto:focus {
	background-color: var(--swatch-var-3191) !important;
	color: white !important;
}

.search-embeded {
	position: relative;
	display: block;
	top: 0;
	left: 0px;
	margin: auto;
	transform: none;
	max-width: 800px;
}

.search-embeded form {
	display: flex;
	gap: 7px;
}

.search-embeded input {
	width: 100%;
}


/* = Bloc Padding Multi Breakpoint
-------------------------------------------------------------- */

@media (min-width: 576px) {
	.bloc-xxl-sm {
		padding: 200px 20px;
	}

	.bloc-xl-sm {
		padding: 150px 20px;
	}

	.bloc-lg-sm {
		padding: 100px 20px;
	}

	.bloc-md-sm {
		padding: 50px 20px;
	}

	.bloc-sm-sm {
		padding: 20px;
	}

	.bloc-no-padding-sm {
		padding: 0 20px;
	}
}

@media (min-width: 768px) {
	.bloc-xxl-md {
		padding: 200px 20px;
	}

	.bloc-xl-md {
		padding: 150px 20px;
	}

	.bloc-lg-md {
		padding: 100px 20px;
	}

	.bloc-md-md {
		padding: 50px 20px;
	}

	.bloc-sm-md {
		padding: 20px 20px;
	}

	.bloc-no-padding-md {
		padding: 0 20px;
	}
}

@media (min-width: 992px) {
	.bloc-xxl-lg {
		padding: 200px 20px;
	}

	.bloc-xl-lg {
		padding: 150px 20px;
	}

	.bloc-lg-lg {
		padding: 100px 20px;
	}

	.bloc-md-lg {
		padding: 50px 20px;
	}

	.bloc-sm-lg {
		padding: 20px;
	}

	.bloc-no-padding-lg {
		padding: 0 20px;
	}
}


/* = Mobile adjustments 
-------------------------------------------------------------- */
@media (max-width: 1024px) {

	.bloc.full-width-bloc,
	.bloc-tile-2.full-width-bloc .container,
	.bloc-tile-3.full-width-bloc .container,
	.bloc-tile-4.full-width-bloc .container {
		padding-left: 0;
		padding-right: 0;
	}
}

@media (max-width: 991px) {
	.container {
		width: 100%;
	}

	.bloc {
		padding-left: constant(safe-area-inset-left);
		padding-right: constant(safe-area-inset-right);
	}

	/* iPhone X Notch Support*/
	.bloc-group,
	.bloc-group .bloc {
		display: block;
		width: 100%;
	}
}

@media (max-width: 767px) {

	.bloc-tile-2 .container,
	.bloc-tile-3 .container,
	.bloc-tile-4 .container {
		padding-left: 0;
		padding-right: 0;
	}

	.btn-dwn {
		display: none;
	}

	.voffset {
		margin-top: 5px;
	}

	.voffset-md {
		margin-top: 20px;
	}

	.voffset-lg {
		margin-top: 30px;
	}

	form {
		padding: 5px;
	}

	.close-lightbox {
		display: inline-block;
	}

	.blocsapp-device-iphone5 {
		background-size: 216px 425px;
		padding-top: 60px;
		width: 216px;
		height: 425px;
	}

	.blocsapp-device-iphone5 img {
		width: 180px;
		height: 320px;
	}
}

@media (max-width: 991px) {
	.grid-event-item {
		grid-template-rows: 100px;
	}

	.hero-heading {
		font-size: 70px;
	}

	.overlap-grid {}

	.hero-mask-svg-fill {}

	.btn {}

	.tagline-container {
		flex-direction: column;
	}

	.overlay-title {
		position: relative;
	}

	.search-popup {
		display: none;
	}

	.header-right-container {
		align-items: center;
	}

	.open-search-popup {}

	.tagline-container h4 {
		text-align: center;
	}

	.search-header {
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.header-space {
		padding-top: 100px;
	}

}

@media (max-width: 767px) {
	.logo-style {
		font-size: 25px;
	}

	.page-heading {
		font-size: 50px;
	}

	.hero-heading {
		font-size: 50px;
	}

	.grid-event-item {
		grid-template-rows: 80px;
	}

	.overlay-text {
		font-size: 22px;
	}

	.menu-icon-stroke {
		stroke: var(--swatch-var-6728) !important;
		fill: var(--swatch-var-6728) !important;
	}

	.hero-lower-section {
		margin-bottom: 80px;
	}

	.hero-mask-svg-fill {}

	.glass-bg {}

	.search-popup input {}

	.tagline-container h4 {
		text-align: center;
	}

	.search-popup {
		display: none;
	}

	.search-header {
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.breadcrumb {
		text-align: center;
	}

	.header-space {
		padding-top: 100px;
	}

}

@media (max-width: 575px) {
	.page-heading {
		font-size: 40px;
	}

	.logo-style {}

	.grid-event-item {
		grid-template-columns: 1.15fr 1.00fr 0.65fr;
		grid-template-rows: 50px 50px;
		row-gap: 8px;
	}

	.sub-header {
		font-size: 18px;
	}

	.hero-mask-svg-fill {
		fill: rgba(0, 0, 0, 0.70);
	}

	.overlay-text {
		font-size: 14px;
	}

	.overlap-col {
		top: -75px;
	}

	.price-card {
		padding: 20px 20px 20px 20px;
	}

	.overlap-grid {
		grid-template-columns: 1fr;
	}

	.navbar-logo {
		font-size: 18px;
	}

	.tagline {
		font-size: 14px;
	}

	.overlay-title {
		position: relative;
	}

	.h3-style {
		font-size: 20px;
	}

	.h3-on-going-now-style {
		font-size: 20px;
	}

	.nav-toggle {}

	.sticky .nav-toggle {
		color: var(--swatch-var-1068) !important;
	}

	.footer-link {
		text-align: center;
	}

	.ta-center {
		text-align: center;
	}

	.footer-brand {
		flex-direction: column;
		align-items: center;
		width: 100%;
		row-gap: 20px;
	}

	.amma-container {
		width: 100px;
	}

	.gamma-container {
		width: 100px;
	}

	.pertacami-logo-footer {
		width: 100px;
	}

	.space-for-header {
		margin-top: 80px;
	}

	.search-popup input {}

	.search-popup button {
		padding-left: 15px;
		padding-right: 15px;
	}

	.search-title-container h4 {
		padding: 0px 0px 0px 0px;
	}

	.tagline-container h4 {
		font-weight: 500;
		text-align: center;
		font-size: 13px;
	}

	.search-header {
		padding-right: 0px;
		padding-left: 7px;
	}

	.page-content {
		color: var(--swatch-var-7376) !important;
	}

}