/*!
Theme Name: Flitz Interactive
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: flitz-interactive
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Flitz Interactive is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
::-webkit-scrollbar {
	width: 5px;
	height: 0;
}

/* ::-webkit-scrollbar-track {
} */

::-webkit-scrollbar-thumb {
	background: rgb(194, 194, 194);
}

.text-elisps {
	text-wrap: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

table,
td,
th {
	border: 1px solid rgb(202, 202, 202);
	padding: 12px;
}

table th {
	background: rgb(248, 248, 248);
}

.logo-bar h5{
	font-size:20px;
}

.logo-bar h6{
	font-size:18px;
}

.logo-bar img{
	object-fit:contain;
}

@media (max-width: 766px) {
    .logo-bar h6{
        font-size:11px
    }
	.logo-bar h5{
		font-size:12px;
	}
	.logo-bar img{
		width:52px;
		object-fit:contain;
	}
}

@media only screen and (min-width: 767px) and (max-width: 991px){
    .logo-bar h6{
        font-size:13px
    }
	.logo-bar h5{
		font-size:14px;
	}
}


.container {
    max-width: 100% !important;
    padding: 0 12px !important;
}

.owl-carousel .owl-stage-outer,
.owl-carousel .owl-stage,
.owl-carousel.owl-drag .owl-item {
	height: 100%;
}

.owl-carousel .owl-item img {
	object-fit: cover;
	aspect-ratio: 97/49;
}

.img-slider .owl-item img {
}

.main-slider .owl-item img {
	object-fit: fill;
}

#menu-menu {
	background: #2C4081;
}

#menu-menu {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0;
}

#menu-menu li {
	list-style-type: none;
	position:relative !important;
	padding: 15px 0 15px 10px;
	width: 100%;
}

ul.sub-menu .sub-menu {
    left: 100% !important;
    top: 0px !important;
}

#menu-menu li:hover, #menu-trade-corner li:hover {
    background: #152455 !important;
}

#menu-menu li ul {
    left: 0;
    padding: 0;
    top: 50px;
    z-index: 9999;
}

.sub-menu li {
    padding: 7px 20px !important;
}

#menu-menu li a {
    text-wrap: nowrap;
    text-decoration: none;
    color: #fff;
    margin-right: 16px;
    display: block;
    width: 100%;
}

#menu-menu li.menu-item-has-children > a:after {
    content: '\f140';
    font-family: dashicons;
    font-weight: normal;
    display: inline-block;
    margin: 0 0 0 6px;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: rotate(0);
    color: inherit;
    position: relative;
    background: transparent;
    height: auto;
    width: auto;
    right: auto;
    line-height: inherit;
}

#menu-menu li.menu-item-has-children > .sub-menu li.menu-item-has-children>a:after{ 
	content: '\f139';
}

/* #mega-menu-wrap-menu #mega-menu-menu > li.mega-menu-flyout ul.mega-sub-menu{
	    width: 300px;
}
 */

#menu-trade-corner li.menu-item-has-children > a:after{
	   content: '\f139';
    font-family: dashicons;
    font-weight: normal;
    display: inline-block;
    margin: 0 0 0 6px;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: rotate(0);
    color: inherit;
    position: relative;
    background: transparent;
    height: auto;
    width: auto;
    right: auto;
    line-height: inherit;
}

#menu-trade-corner{
	padding:0;
}

#menu-trade-corner li {
	list-style-type: none;
	padding: 8px 16px;
	width:100%;
	box-sizing: border-box;
}

#menu-trade-corner li a {
	text-decoration: none;
	color: #fff;
	width: 120%;
	display: flex;
}

#menu-trade-corner li:nth-child(2),
#menu-trade-corner li:nth-child(4) {
	background: rgba(217, 217, 217, 0.15);
}

#trade-corner {
	margin: 0;
	padding: 0;
	background: #7986B2;
}

#trade-corner li {
	list-style-type: none;
	padding: 8px 16px;
}

#trade-corner li h4 {
	color: #fff;
	margin: 0;
}

#trade-corner li a {
	text-decoration: none;
	color: #fff;
}

#trade-corner li:nth-child(1) {
	list-style-type: none;
	padding: 12px;
	text-align: center;
	width: 100%;
	background: #2C4081;
}

#trade-corner li:nth-child(2),
#trade-corner li:nth-child(4),
#trade-corner li:nth-child(6),
#trade-corner li:nth-child(8),
#trade-corner li:nth-child(10) {
	background: rgba(217, 217, 217, 0.15);
}

#menu-footer {
	background: #2C4081;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0;
	padding:4px 0;
}

#menu-footer li {
	list-style-type: none;
	padding-right:6px;
	font-size:16px;
	color:#fff;
}

#menu-footer li a{
	text-decoration:none;
	font-size:16px;
	color:#fff;
}

#footer {
	background: #2C4081;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px;
	flex-wrap: wrap;
	margin: 0;
}

#footer li {
	list-style-type: none;
}

#footer li h6 {
	color: #fff;
	font-weight: normal;
	margin: 0;
}

.menu-item-has-children{
	position: relative;
    display: inline-block;
}

.sub-menu {
    left: 100%;
    background: #7986B2;
    display: none;
    position: absolute;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    padding: 0;
    top: 0;
    width: auto;
}

.menu-item-has-children:hover>.sub-menu {display: block;}
.sub-menu:hover>.sub-menu{display:block;}

.usefull-links .p-4 {
    padding: 1.5rem !important;
    justify-content: center;
    display: flex;
    align-items: center;
}

p.justify-para {
    text-align: justify;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
	z-index:9999;
}

.site-header:has(.sticky) + .site-main{
  padding-top: 200px;
}

.owl-dot span {
    width: 10px;
    height: 10px;
    display: block;
    background: #c8c8c8;
    border-radius: 100px;
}
button.owl-dot.active span {
    background: #2c4081;
}
button.owl-dot {
    margin: 10px;
}

.owl-nav {
    position: absolute;
    top: 50%;
    bottom: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.owl-nav span {
    font-size: 50px;
}
.owl-nav {
    position: absolute;
    top: 37%;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.main-slider img {
    aspect-ratio: 350 / 200 !important;
}
.usefull-links img {
	padding: 20px;
    object-fit: contain !important;
}

.gallery-imgs img{
	object-fit:cover !important;
	height:200px;
}

#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link {
    min-height: 40px;
	height: auto;
}
.owl-dots {
    text-align: center;
}

.gtranslate_wrapper {
    margin: 0 20px 0 0;
}

.gt-current-lang img, .gt_options img {
    width: 20px !important;
}

span.gt-lang-code, .gt_options a {
    font-size: 16px !important;
}

.gt-current-lang {
    padding: 6px !important;
}

.api-pagination-wrapper {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.api-pagination {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 6px;
}

.api-pagination .page-item {
    display: inline-block;
}

.api-pagination .page-link {
    display: block;
    padding: 8px 14px;
    text-decoration: none;
    color: #007bff;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    background-color: #fff;
    transition: background-color 0.3s, color 0.3s;
}

.api-pagination .page-item.active .page-link {
    background-color: #007bff;
    color: white;
    border-color: #007bff;
}

.api-pagination .page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #f8f9fa;
    border-color: #dee2e6;
    cursor: not-allowed;
}

.api-pagination .page-link:hover:not(.disabled):not(.active) {
    background-color: #e9ecef;
    color: #0056b3;
}

.api-data-table {
	font-size: 15px;
}
.banner-img {
    display: grid;
    gap: 25px;
}

.gallery-pg p {
    font-size: 14px;
	margin-bottom:4px;
}
.banner-mn-lft {
    text-align: right;
}

.gallery-sec {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 40px;
}
.gallery-sec img {
    max-width: 100%;
    object-fit: contain;
	-webkit-transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);
    transition: 0.4s cubic-bezier(0, 0, 0.3642, 1);max-height: 100%;
}
.gallery-lft:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.gallery-rit:hover img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.gallery-sec h6 {
    color: #ff9800;
	text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
}
.gallery-img {
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.gallery-img-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	display: flex;
    align-items: center;
    justify-content: center;
}
.gallery-img.img-hori {
    padding-bottom: 65%;
}
.tw-col {
    padding: 3rem 0;
}
.inr-banner-sec {
    padding-top: 3rem;
}
.gallery-mud-sec {
    display: grid;
    gap: 25px;padding-bottom: 20px;
}
.gallery-mud-sec img {
    max-width: 100%;
}
.gallery-mud-sec-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}
@media only screen and (min-width: 767px) and (max-width: 1440px){
	.gallery-img{
		padding-bottom: 130%;
	}
}
@media only screen and (min-width: 100px) and (max-width: 1024px){
	.tw-col {
    padding: 25px 0;gap: 25px;
	}
	.tri-col
	 {
		gap: 25px;
	}
	.inr-banner-sec .banner-mn-lftt {
    order: -1;
	}
	.banner-mn-lft {
    text-align: left;
}
	.gallery-sec {
    gap: 20px;
}
}
@media only screen and (min-width: 100px) and (max-width: 1024px){
	.gallery-sec {
    	grid-template-columns: 1fr;
	}
	.gallery-mud-sec-col {
    grid-template-columns: 1fr;
}
}