/*
Theme Name: Numeric Plates SA 
Theme URI: 
Author:  SpiderZen
Author URI: 
Version: 2023.02
*/
@charset "utf-8";
/* CSS Document */
.aligncenter,.gallery-item a{display:block}
.alignleft{float:left; margin-right:15px; margin-bottom:10px}
.alignright{float:right; margin-left:15px; margin-bottom:10px}
.aligncenter{margin-left:auto; margin-right:auto}
.wp-caption{max-width:100%;padding:4px}
.entry-caption, .gallery-caption, .wp-caption .wp-caption-text{font-style:italic; font-size:12px; font-size:.857142857rem; line-height:2;}
.full-img { position:relative;}
.full-img img{ width:100%; height:auto; position:relative; z-index:2;}

#page{ overflow:hidden;}
.ratio .full-img{min-width:initial; position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; flex:0 0 auto; display:flex;}
.ratio .full-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.image-fit{min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex;}
.image-fit img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}

.slick-slider{position:relative; display:block; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;  user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
.slick-list{position:relative; display:block; overflow:hidden; margin:0; padding:0; }
.slick-list:focus{outline:none; }
.slick-list.dragging{cursor:pointer; cursor:hand; }
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0); -moz-transform:translate3d(0, 0, 0); -ms-transform:translate3d(0, 0, 0);  -o-transform:translate3d(0, 0, 0);  transform:translate3d(0, 0, 0); }
.slick-track{position:relative; top:0; left:0; display:block; margin-left:auto; margin-right:auto; }
.slick-track:before,.slick-track:after{display:table; content:''; }
.slick-track:after{clear:both; }
.slick-loading .slick-track{visibility:hidden; }
.slick-slide{display:none; float:left; height:100%; min-height:1px; }
[dir='rtl'] .slick-slide{float:right; }
.slick-slide img{display:block; }
.slick-slide.slick-loading img{display:none; }
.slick-slide.dragging img{pointer-events:none; }
.slick-initialized .slick-slide{display:block; }
.slick-loading .slick-slide{visibility:hidden; }
.slick-vertical .slick-slide{display:block; height:auto; border:1px solid transparent; }
.slick-arrow.slick-hidden {display:none; }

.slick-loading .slick-list{background:#fff; }
.slick-prev, .slick-next{font-size:0; line-height:0; position:absolute; top:50%; display:block; width:40px; height:40px; padding:0; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); cursor:pointer; color:transparent; border:none; outline:none; background:transparent; z-index:100; background:var(--bs-black); border-radius:50%; color:#fff}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{color:var(--bs-black); outline:none; background:var(--bs-white); }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{opacity:1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity:1; }
.slick-prev:before, .slick-next:before{font-family:'Font Awesome 6 Free'; font-weight:900; font-size:20px; line-height:1; opacity:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; z-index:100;}
.slick-prev{left:30px; }
[dir='rtl'] .slick-prev{right:0px; left:auto; }
.slick-prev:before{content:'\f104'; }
[dir='rtl'] .slick-prev:before{content:'\f105'; }
.slick-next{right:30px; }
[dir='rtl'] .slick-next{right:auto; left:15px; }
.slick-next:before{content:'\f105'; }
[dir='rtl'] .slick-next:before{content:'\f104'; }
/* Dots */
.slick-dotted.slick-slider{margin-bottom:0; }
.slick-dots{position:relative; margin-top:15px; display:block; width:100%; padding:0; margin-bottom:0; list-style:none; text-align:center; }
.slick-dots li{position:relative; display:inline-block; margin:0; padding:0; cursor:pointer; text-align:center; }
.slick-dots li button{font-size:0; line-height:0; display:block; width:100%; height:10px; width:10px; border:1px solid #fff; background:none; border-radius:50px; margin:0 4px; padding:0; cursor:pointer; color:transparent; outline:none; }
.slick-dots li button:hover, .slick-dots li button:focus{outline:none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before{ background:#fff; }
.slick-dots li.slick-active button{ background:#fff; height:14px; width:14px; }

.header{ position:relative; z-index:1000;}
.pre-header{ background:#000; color:#fff;}
.pre-header .container{ height:50px;}
.pre-header .container .info{ margin:0; padding:0; list-style:none; font-size:14px; line-height:16px;}
.pre-header .container .info a{ color:#fff; text-decoration:none;}
.pre-header .container .info a:hover{ color:#fff; text-decoration:underline;}
.pre-header .container .info a span{ margin-right:6px;}
.pre-header .container .social{ margin:0 0 0 auto; padding:0; list-style:none; display:flex;}
.pre-header .container .social li + li{ margin-left:6px;}
.pre-header .container .social li a{height:34px; width:34px; line-height:34px; background:#fff; color:#000; display:block; font-size:16px; border-radius:50%; text-align:center;}
.post-header{ background:#000;}
.post-header .container{ /*height:110px;*/ height: 60px;}
.banner .item .container .content{ padding:20px 20px; color:#fff; border:1px solid rgba(255, 255, 255, 0.63); background:#000;}
.banner .item .container .content h2{ font-weight:500;}
.banner .slick-dots{ margin:0; padding:0; position:absolute; left:0; right:0; bottom:30px; z-index:10;}
.banner .full-img:after{ background:#000; opacity:0.4; content:''; position:absolute; top:0; left:0; right:0; bottom:0; z-index:3;}
.banner .item .container{left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); bottom:50%; position:absolute; z-index:10;}

.home-cta{ background:#000; position:relative; overflow:hidden;}
.home-cta .image-fit{ position:absolute; top:0; left:0; right:0; bottom:0; z-index:1; opacity:0.3;}
.home-cta .container{ color:#fff; text-align:center; position:relative; z-index:100; padding-top:50px; padding-bottom:50px;}

.section{ padding:40px 0; position:relative;}
.section-lt{ background:#F1EFEF;}

.w1 .title{ background:#000; color:#fff; text-align:center; margin:0; padding:30px 20px;}
.w2 .d-flex .number{ height:84px; width:84px; color:#fff; display:block; background:#000; text-align:center; line-height:84px; font-weight:700; font-weight:700; font-size:32px; border-radius:50%; margin-right:24px;}
.w2 .d-flex h3{ margin-bottom:0;}
.w2 .d-flex + .d-flex{ margin-top:45px;}

.w3 .call{ font-size:30px; font-weight:700; line-height:1; align-items:center; color:#000; text-decoration:none;}
.w3 .call small{ display:block; font-size:20px; font-weight:400;}
.w3 .call .icon{ height:74px; width:74px; line-height:74px; display:block; background:#000; color:#fff; border-radius:50%; margin-right:12px; text-align:center;}

.w3 .form-content{ background:#fff; box-shadow: 0px 15px 40px 0px rgba(0, 0, 0, 0.15); padding:35px;}

.footer{background: #F5F5F5; font-size:16px;}
.footer a{ color:#000; text-decoration:none;}
.footer a:hover{ color:#000; text-decoration:underline;}
.footer-top{ padding:50px 0; background: #F5F5F5;}
.footer-top h4{ margin-bottom:24px; margin-top:36px; text-transform:uppercase;}
.footer-top .menu{ margin:0; padding:0; list-style:none;}
.footer-top .menu li + li{ margin-top:6px;}
.footer-top .social{ margin:0 0 0 auto; padding:0; list-style:none; display:flex;}
.footer-top .social li + li{ margin-left:6px;}
.footer-top .social li a{height:34px; width:34px; line-height:34px; background:#000; color:#fff; display:block; font-size:16px; border-radius:50%; text-align:center;}
.footer-bottom{ padding:20px 0; background:#000; color:#fff; text-align:center;}
.footer-top .widget + .widget{ margin-top:24px;}

.page-banner{ background:var(--bs-black); position:relative;}
.page-banner .container{/* height:335px;*/height:600px;background-color: rgb(0 0 0 / 42%); max-width: 100%; color:var(--bs-white); text-align:center; position:relative; z-index:100; font-weight:600;}
.page-banner .image-fit{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:1;}
.page-banner .image-fit:before{background: linear-gradient(90deg, #00000080 3.22%, #000 100.52%); mix-blend-mode:normal; opacity:0.5; z-index:1; position:absolute; content:''; top:0; right:0; bottom:0; left:0;} 
.page-banner .container h1{ margin-bottom:5px; line-height:1.1;}

.post-list-item{-webkit-box-shadow: 0 5px 30px 0 rgba(0,0,0,0.07); box-shadow: 0 5px 15px 0 rgba(0,0,0,0.07); background:var(--bs-white); border-radius:10px; overflow:hidden;}
.post-list-item .full-img{ border-radius:0; overflow:hidden;}
.post-list-item .content{ padding:0 30px 30px;}
.post-list-item .content h4 a{ color:var(--bs-dark); text-decoration:none;}
.post-list-item .content h4 a:hover{ color:var(--bs-primary);}
.post-list-item ul.meta{ padding:16px 0; margin-bottom:24px; border-bottom:1px solid #d8d8d8; list-style:none;}
.post-list-item ul.meta li{ float:left; color:var(--bs-dark);}
.post-list-item ul.meta li + li{ margin-left:24px;}
.post-list-item ul.meta li i{ margin-right:6px; font-size:16px; color:var(--bs-primary);}
.post-list-item ul.meta li{ font-size:14px;}
.post-list-item .post-date{color:var(--bs-white); height:80px; width:80px; position:absolute; top:-40px; right:-40px;}
.post-list-item .post-date:after{background:var(--bs-primary); height:80px; width:80px; z-index:1; position:absolute; top:0; left:0; right:0; bottom:0; transform:rotate(45deg); content:'';}
.post-list-item .post-date time{ transform:rotate(-45deg); display:block; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); position:absolute; left:0; right:0; text-align:center; font-family:var(--bs-heading-font); font-size:22px; line-height:1.2; text-transform:uppercase; z-index:2}
.post-list-item .post-date time small{ font-size:70%;}

.blog-sidebar h4{ position:relative; margin-bottom:20px;}
.recent-post-widget h4{ margin-bottom:20px;}

.single-post .blog-post .blog-post-img{ display:none;}
.blog-sidebar .widget{ margin:0 0 30px 0; padding:0;}
.blog-sidebar .widget h5{ color:var(--bs-dark); position:relative; margin-bottom:20px; padding-bottom:10px;}
.blog-sidebar .widget h5:before{ content:''; position:absolute; bottom:0; height:2px; width:50px; background:var(--bs-dark);}
.blog-sidebar .widget:last-child{ margin:0;}
.blog-sidebar .widget_categories ul, .blog-sidebar .widget_archive ul{ padding:0; margin:0; list-style:none;}
.blog-sidebar .widget_categories ul li, .blog-sidebar .widget_archive ul li{ display:block; font-size:17px;}
.blog-sidebar .widget_categories ul li a, .blog-sidebar .widget_archive ul li a{padding-left:20px; position:relative; color:var(--bs-blue); text-decoration:none;}
.blog-sidebar .widget_categories ul li a:before, .blog-sidebar .widget_archive ul li a:before{ content:'\f105'; font-family:'Font Awesome 6 Free'; font-weight:900; position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:0; color:var(--bs-dark)}
.blog-sidebar .widget_categories ul li a:hover, .blog-sidebar .widget_archive ul li a:hover{color:var(--bs-primary)}
.blog-sidebar .widget_categories ul li + li, .blog-sidebar .widget_archive ul li + li{border-top:1px solid #d8d8d8; margin-top:16px; padding-top:16px;}

.blog-sidebar .widget{ background:var(--bs-white); border-radius:10px; overflow:hidden; -webkit-box-shadow: 0 5px 30px 0 rgba(0,0,0,0.07); box-shadow: 0 5px 15px 0 rgba(0,0,0,0.07); padding:24px; border:1px solid var(--bs-light);}
.blog-sidebar .widget + .widget{ margin-top:40px;}
.blog-sidebar .widget.widget_search .widget-content{ padding:0; border:none;}
.blog-sidebar .widget .widget-content span.screen-reader-text{ display:none;}
.blog-sidebar .widget .widget-content form{ display:block; position:relative; margin:0;}
.blog-sidebar .widget .widget-content form label{ display:block; margin:0;}
.blog-sidebar .widget .widget-content form input[type="search"]{ padding-right:67px; padding-left:15px; height:67px; border:1px solid var(--bs-secondary); border-radius:0;}
.blog-sidebar .widget .widget-content form input[type="submit"]{ background:url(images/search.svg) no-repeat center var(--bs-secondary); background-size:20px; position:absolute; top:0; padding:0; width:67px; height:67px; border:none; border-left:1px solid var(--bs-secondary); text-indent:-9999px; margin:0; padding:0; right:0; top:0; border-radius:0;}
.blog-sidebar .widget .widget-content form input[type="submit"]:hover{ background-color:var(--bs-primary);}

.search-list article{background:#fff; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #e7e7e7;}
.search-list img.wp-post-image{ display:none;}
.search-list article .comments-link, .search-list article .entry-meta, .search-list article img.default-image{ display:none}
.entry-meta{ margin-bottom:12px;}
.entry-meta .byline, .entry-meta .posted-on, .entry-meta .comments-link, .entry-meta .cat-links{ margin-right:10px; display:inline-block; line-height:12px;}
.entry-meta .svg-icon{ margin-right:5px; color:#ef8019;}
.comment-list > .comment{ background:#fff; -webkit-box-shadow:0 4px 25px 0 rgba(0,0,0,0.11); box-shadow:0 4px 25px 0 rgba(0,0,0,0.11); padding:30px;}
.comment-reply-link, #cancel-comment-reply-link{ font-size:16px;}
.comment-author{ line-height:1}

.latest-blog-post { margin:0; padding:0; list-style:none;}
.latest-blog-post h6{ margin-bottom:8px; font-size:14px;}
.latest-blog-post h6 a{ color:var(--bs-primary);}
.latest-blog-post .media{ align-items:center; text-align:left;}
.latest-blog-post .media + .media{ margin-top:30px;}
.latest-blog-post .post-thumb{ width:100px; margin-right:16px;}
.latest-blog-post ul{ padding:0; list-style:none; margin:0;}
.latest-blog-post ul li{ font-size:14px;}

.d-flex.author { line-height:1.2; font-size:14px; align-items:center}
.d-flex.author .author-avatar{ width:36px; margin-right:16px;}
.author-info{ align-items:center; padding:20px; color:#fff; background:#000;}
.author-info a{ color:#fff; text-decoration:underline;}
.author-info a:hover{ color:#fff; text-decoration:none;}
.author-info .media-body{ margin-left:16px;}
.author-info .media-body h4{ color:#fff;}

.comment-list > .comment .comment-respond{ margin-top:30px;}
.comment-reply-title{ font-size:24px;}
.comment-reply-title small{margin-left:16px;}

@media(min-width:768px){
.pre-header .container .info li + li:before{ content:"|"; float:left; margin:0 5px;}
.section{ padding:50px 0;}
}

@media(min-width:992px){
.pre-header .container .info li + li:before{ content:"|"; float:left; margin:0 5px;}
.banner .item .container .content{border:1px solid rgba(255, 255, 255, 0.63); background: rgba(8, 12, 21, 0.60);}
.banner .item .container .content h2{ font-size:48px;}
.section{ padding:70px 0;}
}

@media(min-width:1200px){
.section{ padding:90px 0;}
}
.footer-bottom .container p a{
	color:white!important;
	text-decoration: none;
}
.slick-slide img {
    max-height: 760px!important;
}
.slick-slide img {
    display: block;
    max-height: 700px;
}
.banner .item .container .content{
	border:none!important;
	background: unset!important;
}
@media only screen and (max-width: 767px){
	.page-banner .container {
		height: 200px!important;
		background-color:unset!important;
	}
	
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  .page-banner .container {
		height: 200px!important;
	  background-color:unset!important;
	}
	
}
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
  .page-banner .container {
		height: 200px!important;
	  background-color:unset!important;
	}
	
}
@media only screen and (max-width: 768px){
	.home-cta .container {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.w1{
		padding: 25px 0 0 0!important;
	}
	
	#media_image-2{
		width: 30%!important;
		text-align: center!important;
	}
	#media_image-3{
		width: 30%!important;
		text-align: center!important;
	}
	#media_image-4{
		width: 30%!important;
		text-align: center!important;
	}
}
#post-236 #tm_ul li{
	margin-bottom: 2px;
}
.tss-wrapper .tss-carousel1 .item-content-wrapper, .tss-wrapper .tss-layout1 .item-content-wrapper{
	background: #5c5c5c!important;
}
.tss-wrapper .tss-layout1 .item-content, .tss-wrapper .tss-carousel1 .item-content {
    color: #fff!important;
}
#post-97 ul{
	margin-top: -10px;
}

img.image.wp-image-331.attachment-full.size-full {
    max-width: 38% !important;
}


@media only screen and (max-width: 768px){
	.home-cta .container {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.w1{
		padding: 25px 0 0 0!important;
	}
	
	#media_image-2{
		width: 30%!important;
		text-align: center!important;
	}
	#media_image-3{
		width: 30%!important;
		text-align: center!important;
	}
	#media_image-4{
		width: 30%!important;
		text-align: center!important;
	}
}
@media only screen and (max-width: 992px){
	
	
	#media_image-2 img{
		max-width: 80%!important;
		text-align: center!important;
	}
	#media_image-3 img{
		max-width: 70%!important;
		text-align: center!important;
	}
	#media_image-4 img{
		max-width: 100%!important;
		text-align: center!important;
		margin-top:3%;
	}
	#media_image-2 {
		width: 33% !important;
	}	
	#media_image-3 {
		width: 33% !important;
	}	
	#media_image-4 {
		width: 33% !important;
	}	
	
}
@media only screen and (min-width: 992px) {
	nav.stellarnav.desktop-menu.light.right.desktop {
    position: absolute;
    width: 100%;
    right: 0;
    padding: 0 5%;
    text-align: right;
    background: red;
    color: #fff!important;
}

	nav.stellarnav.desktop-menu.light.right.desktop > a {
	color: #fff!important;	
	}
	nav.stellarnav.desktop-menu.light.right.desktop > ul#menu-header-menu {
		    width: auto;
    float: right;
	}
	.stellarnav > ul > li > a {
		color: #fff!important;
	}
	.logo.kallol {
		z-index:99999;
	}
	
}
nav.stellarnav.desktop-menu.light.right.mobile {
    position: absolute;
    width: 100%;
    right: 0;
    padding: 0 10%;
    text-align: right;
    background: red;
	height: 30px;
}
	.stellarnav .menu-toggle span.bars {
    top: 0px!important;	
}
.logo.kallol {
	z-index:9;
}
nav.stellarnav.desktop-menu.light.right.mobile a.menu-toggle {
	    padding: 3px 5px 6px 5px;
}
nav.stellarnav.desktop-menu.light.right.mobile .menu-toggle span.bars span {
	background: #fff!important;
}
.tss-wrapper .tss-layout1 .item-content-wrapper:after, .tss-wrapper .tss-carousel1 .item-content-wrapper:after {
	display:none;
}
.item-content:after {
/* 	content: '\201D';
	color: #eaeaea;
	position: absolute;
	right: 10px;
	top: 80%;
	font-family: "tss-font", serif;
	font-size: 24px; */
	 content: "\F10D";
    color: #eaeaea;
    position: absolute;
    right: 10px;
    bottom: 0;
    font-family: "tss-font", serif;
    font-size: 24px;
    /* transform: rotateX(180deg); */
    transform: rotateX(180deg) rotateY(180deg);
}


.footer-logos{ margin:0; padding:0; list-style:none; align-items:center;}
.footer-logos li + li{ margin-left:15px;}
.footer-logos li img{ height:40px; width:auto;}

@media(min-width:768px){
.pre-header .container .info li + li:before{ content:"|"; float:left; margin:0 5px;}
.section{ padding:50px 0;}
.footer-logos li img{height:70px;width:auto;}
	.ft_img{
		width:60%!important;
	}
}
.footer .social li{
	margin-right: 10px;
}


@media only screen and (min-width: 769px) {
.and_icon{
	margin-top: 10px!important;
}
.play_icon{
	margin-top: 10px!important;
	margin-left: 10px;
}
}
/*
@media only screen and (max-width: 768px) {
	.play_icon{
	margin-left: 10px;
		
}
	.and_icon img{
	width: 40%!important;
		margin-bottom: 10px;
}
.play_icon img{
	width: 46%!important;
	margin-bottom: 10px;
}
}*/
.footer-top .social {
    margin-bottom: 10px;
}
.w1 .c1 {
    margin-top: 8%;
}
@media only screen and (max-width: 768px) {
	.w1 .c1{
		margin-top: 0%;
	}
	.w1 .title {
		padding: 10px 20px;
	}
	.p1 .col-lg-4{
		margin-top:10px!important;
	}
}
.p1 .bt1:hover{
	animation-name: elementor-animation-pulse-grow;
	animation-duration: .3s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}