html {
	box-sizing: border-box;
	margin-top: 0 !important;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}



body {
	background: $color__background-body;
	position: relative;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	overflow-x: hidden;
	color: $color__text-main;
}

hr {
	background-color: $color__background-hr;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

p {
	margin-bottom: 1em;
}

.pr {
	position: relative;
}

.no-scroll {
	overflow: hidden;
}

.pb-100 {
	padding-bottom: 100px;
}

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

.pt-100 {
	padding-top: 110px;

	@media(max-width: 576px) {
		padding-top: 50px;
	}
}

.pt-50 {
	padding-top: 50px;
}

.h-100 {
	height: 100%;
}

.site-main {
	min-height: 50vh;
}

.position-default {
	@media(max-width: 767px) {
		position: static !important;
	}
}

.pts-18 {
	padding-top: 18%;

	@media(max-width: 1024px) {
		padding-top: 30%;
	}

	@media(max-width: 576px) {
		padding-top: 40%;
	}
}

@media(min-width: 992px) {
	.pl_30 {
		padding-left: 30px;
	}
}

@media(max-width: 991px) {
	.tt-order-2 {
		order: 2;
	}
}

.pb-50 {
	padding-bottom: 50px;
}

.pb-110 {
	padding-bottom: 110px;
}
.mb-30 {
	margin-bottom: 30px;
}
.mb-70 {
	margin-bottom: 67px !important;
	font-weight: 500 !important;
}

@font-face {
	font-family: Futura;
	src: url("../fonts/FuturaPTLight.woff") format("WOFF");
	font-weight: 300;
}

@font-face {
	font-family: Futura;
	src: url("../fonts/FuturaPTBook.woff") format("WOFF");
	font-weight: 400;
}

@font-face {
	font-family: Futura;
	src: url("../fonts/FuturaPTMedium.woff") format("WOFF");
	font-weight: 500;
}

@font-face {
	font-family: Futura;
	src: url("../fonts/FuturaPTDemi.woff") format("WOFF");
	font-weight: 600;
}

@font-face {
	font-family: Futura;
	src: url("../fonts/FuturaPTHeavy.woff") format("truetype");
	font-weight: 700;
}

.tt-slider-pagination {
	height: 40px;
}

.tt-portfolio-pagination {
	margin: 45px auto 0;
	width: max-content;
}

.swiper-pagination-bullet {
	background: #05003C;
	opacity: 1 !important;
	position: relative;
	transition: all 0.3s ease-in-out;
	margin: 0 9px !important;

	&:before {
		content: '';
		position: absolute;
		height: 20px;
		width: 20px;
		border: 1px solid $color__theme;
		border-radius: 50%;
		opacity: 0;
		top: -7px;
		left: -7px;
		transition: all 0.3s ease-in-out;
		transform: scale(0.5);
	}

	&.swiper-pagination-bullet-active {
		background: $color__theme;
		&:before {
			opacity: 1;
			transform: scale(1);
		}
	}
}

@media (min-width: 1200px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {
	    max-width: 1200px;
	}
}

.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1170px;
}

@media (max-width: 1200px) {
	.elementor-section.elementor-section-boxed>.elementor-container {
		max-width: 960px !important;
	}
}

@media (max-width: 991px) {
	.elementor-section.elementor-section-boxed>.elementor-container {
		max-width: 720px !important;
	}
}

@media (max-width: 767px) {
	.elementor-section.elementor-section-boxed>.elementor-container {
		max-width: 540px !important;
	}
}

@media (max-width: 576px) {
	.elementor-section.elementor-section-boxed>.elementor-container {
		max-width: 100% !important;
	}
}

@media (min-width: 991px) {
	.justify-content-lg-end {
		justify-content: flex-end !important;
	}
}

@media(max-width: 1024px) {
	.nio-order-md {
		order: 1;
	}

	.btn-responsive {
		max-width: 70%;
	}
}

@media(max-width: 767px) {
	.btn-responsive {
		max-width: 100%;
		width: 100%;

		.btn {
			font-size: 1rem;
		}
	}
}

strong,
b {
	font-weight: 700;
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

.container-full {
    max-width: 1670px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto;
}

.extended-parallax {
	position: absolute;
}

.height-max-content {
	height: max-content;
}

.tt-image-order-2 {
	order: 2;
}

@import "lists";
@import "tables";

/*--------------------------------------------------------------
## Button
--------------------------------------------------------------*/
@import "buttons";

/*--------------------------------------------------------------
## Animation
--------------------------------------------------------------*/
@import "animation";

/*--------------------------------------------------------------
## Icon
--------------------------------------------------------------*/
@import "icons";

/*--------------------------------------------------------------
## Section Heading
--------------------------------------------------------------*/
@import "section-title";

/*--------------------------------------------------------------
## Banner
--------------------------------------------------------------*/
@import "banner";

/*--------------------------------------------------------------
## Banner Slider
--------------------------------------------------------------*/
@import "banner-slider";

/*--------------------------------------------------------------
## Popup Video Box
--------------------------------------------------------------*/
@import "popup-video-box";

/*--------------------------------------------------------------
## Parallax Image
--------------------------------------------------------------*/
@import "parallax-image";

/*--------------------------------------------------------------
## Portfolio
--------------------------------------------------------------*/
@import "portfolio";

/*--------------------------------------------------------------
## Testimonial
--------------------------------------------------------------*/
@import "testimonial";

/*--------------------------------------------------------------
## Counting
--------------------------------------------------------------*/
@import "counting";

/*--------------------------------------------------------------
## Count Info
--------------------------------------------------------------*/
@import "count-info";

/*--------------------------------------------------------------
## Logo Carousel
--------------------------------------------------------------*/
@import "logo-carousel";

/*--------------------------------------------------------------
## Logo Carousel
--------------------------------------------------------------*/
@import "logo-list";


/*--------------------------------------------------------------
## Pricing
--------------------------------------------------------------*/
@import "pricing";

/*--------------------------------------------------------------
## Progressbar
--------------------------------------------------------------*/
@import "progress-bar";

/*--------------------------------------------------------------
## Progressbar
--------------------------------------------------------------*/
@import "overlay-box";

/*--------------------------------------------------------------
## Social Profiles
--------------------------------------------------------------*/
@import "social-profiles";

/*--------------------------------------------------------------
## Service Image Box
--------------------------------------------------------------*/
@import "service-image-box";

/*--------------------------------------------------------------
## Team
--------------------------------------------------------------*/
@import "team";

/*--------------------------------------------------------------
## Blog Post Grid
--------------------------------------------------------------*/
@import "blog-post-grid";

/*--------------------------------------------------------------
## Icon Box
--------------------------------------------------------------*/
@import "icon-box";

/*--------------------------------------------------------------
## Process Box
--------------------------------------------------------------*/
@import "process-box";

/*--------------------------------------------------------------
## Image Overlay Box
--------------------------------------------------------------*/
@import "overlay-box";

/*--------------------------------------------------------------
## Icon Box
--------------------------------------------------------------*/
@import "newsletter";

/*--------------------------------------------------------------
## Fun Fact
--------------------------------------------------------------*/
@import "funfact";

/*--------------------------------------------------------------
## Tabs
--------------------------------------------------------------*/
@import "tabs";

/*--------------------------------------------------------------
## Faq
--------------------------------------------------------------*/
@import "faq";

/*--------------------------------------------------------------
## Promo Box
--------------------------------------------------------------*/
@import "promo-box";

/*--------------------------------------------------------------
## Call to action
--------------------------------------------------------------*/
@import "call-to-action";

/*--------------------------------------------------------------
## Contact Form
--------------------------------------------------------------*/
@import "contact-form";

/*--------------------------------------------------------------
## Job
--------------------------------------------------------------*/
@import "job";

/*--------------------------------------------------------------
## Support
--------------------------------------------------------------*/
@import "support";

/*--------------------------------------------------------------
## Currency
--------------------------------------------------------------*/
@import "currency";

/*--------------------------------------------------------------
## Image
--------------------------------------------------------------*/
@import "image";

/*--------------------------------------------------------------
## Timeline
--------------------------------------------------------------*/
@import "timeline";


/*--------------------------------------------------------------
## Shop
--------------------------------------------------------------*/
@import "shop";

/*--------------------------------------------------------------
## Account
--------------------------------------------------------------*/
@import "account";


/*--------------------------------------------------------------
## Game Soluations
--------------------------------------------------------------*/
@import "game_soluations";


/*--------------------------------------------------------------
## Payment Getaway
--------------------------------------------------------------*/
@import "payment_gatway";


/*--------------------------------------------------------------
## Event Schedule
--------------------------------------------------------------*/
@import "event_schedule";

/*--------------------------------------------------------------
## Insurance
--------------------------------------------------------------*/
@import "insurance";


/*--------------------------------------------------------------
## Saas marketing
--------------------------------------------------------------*/
@import "sass-marketing";



/*--------------------------------------------------------------
## 404 Page
--------------------------------------------------------------*/
@import "error";

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
@import "comments";

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
@import "footer";