/*
	Theme: VACANCY AFRICA TOURS;
	Author: Occura Software Ltd
	Author 	url: http://www.occurasoftware.rw
			url: http://www.occurasoftware.com
	Copyright 2025 Allright Reserved
*/

	@import url(./bootstrap_modules/bootstrap.css);
	@import url(./fonts_modules/fontsawesome.css);
	@import url(./fonts_modules/montserrat.css);
	@import url(./plugins_modules/flexslider.css);
	@import url(./plugins_modules/owl.theme.css);
	@import url(./plugins_modules/owl.carousel.css);
	@import url(./plugins_modules/animate.css);
	@import url(component.css);
	

/*
/* Overview
/* =================================== */

	*{
		padding:0px;
		margin:0px;
	}

	html, body{
	    margin: 0;
	    padding: 0;
	    font:13px/21px 'Montserrat', Arial, Helvetica, sans-serif;

	    scroll-behavior: smooth;
	}

	.spip-admin-float{
	    z-index: 1040!important;
	}

/*
/* COMMON ID
/* =================================== */

	

	#wrp{
		position: absolute;
		top: -70px;
		right: 0;
		bottom: 0;
		left:0;
		z-index: 0;
	}



/*
/* COMMON CLASS
/* =================================== */


	.clearfix{
		clear: both;
		height: 30px;
	}
	
	.container{
		max-width: 1920px;
		width: 100%;
		margin: 0 auto;
	}
	
	.vat-wrp{
		position: relative;
		overflow: hidden;
	}

	.vat-header{
	    background: rgb(0, 0, 0);
	    top: 0;
	    z-index: 1030;
	    overflow: visible;
	}

	.vat-header--top,
	.vat-header--btm{
		position: relative;
	}
	.vat-header--top{
		color: rgb(245, 245, 245);
		font-size: 14px;
	}
	
	.vat-center{
	    position:absolute;
	    top: 50%;
	    left: 50%;
	    margin: 0;
	    width: 100%;
	    transform: translate(-50%, -50%);
	    z-index: 1;
	}

	.vat-slider{
		position: relative;
		max-height: 100%;
	}
	.vat-slider .slider-overlay{
	    position: absolute;
		bottom: 0;
	    left: 0;
	    right: 0;
	    top: 0;
	    width: 100%;
	    height: 100%;
	}
	.slider-overlay{
	    background: -webkit-linear-gradient(to right, #0000009c, #ffc3004a);
	    background: linear-gradient(to right, #0000009f, transparent, transparent);
	    overflow: hidden;
		z-index: 1;
	}

	.vat-tour{
		background: rgb(28 69 29);
		color: rgb(255, 255, 255);
	}
	
	.vat-spcls{
		background: rgb(245, 245, 245);
	}

	.vat-fnd{
		background: rgb(28 69 29);
		color: rgb(255, 255, 255) !important;
	}

	.vat-prtnr{
    	padding: 20px 0;
    	overflow: hidden;
	}
	.vat-prtnr .partner{
		text-align: -webkit-center;
		text-align: -moz-center;
		text-align: -ms-center;
		text-align: -o-center;
	}
	.vat-prtnr .prtnr-box{
		border: 1px solid rgb(219, 221, 223);
		padding: 15px 30px;
		width: 260px;
	}
	.vat-prtnr .prtnr-box:hover,
	.vat-prtnr .prtnr-box:focus{ border-color:rgb(192, 193, 195); }

	.vat-wrp-img{
		background-color: rgb(28 69 29) !important;
	    background-position: center !important;
	    background-repeat: no-repeat !important;
	    background-size: cover !important;
	    height: 250px;
	}
	
	
	.vat-wrp-img:after{
	    background-color: rgba(21, 25, 28, 0.65);
		position: absolute;
	    content: "";
	    top: 0; left: 0;
	    right: 0; bottom: 0;
	    z-index: 0;
	}

	
	.vat-map{
		border-top: 1px solid rgb(236, 236, 236);
	    border-bottom: 1px solid rgb(236, 236, 236);
	    height: 550px;
	    width: 100%;
	}
	
	.vat-footer{
		background-color: rgb(0 0 0);
		background-image: url(../images/wrapper/wrp-footer.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		min-height: 400px;
	}
	.vat-footer hr{
		border-top: 1px solid rgba(238, 238, 238, 0.14);
    	position: relative;
    	margin-bottom: 0px;
	}
	.inner-footer{
		background: rgb(21 50 21 / 89%);
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		height: 100%;
	}

	.vat-footer .footer-tp,
	.vat-footer .footer-mdl,
	.vat-footer .footer-btm{
		position: relative;
	}

	/*.vat-footer .footer-mdl .row{
		border-left:1px solid rgba(238, 238, 238, 0.14);
		border-right:1px solid rgba(238, 238, 238, 0.14);
	}*/

	.footer-mdl .ft-col .smd-icon{
		background-color: rgb(198 193 154);
		color: rgb(26 55 26);
		border-radius: 50px;
		margin-bottom: 15px;
		width: 50px;
		height: 50px;
		line-height: 50px;
		font-size: 30px;
		text-align: center;
	}
	.vat-footer .footer-btm{
		background: rgba(0, 0, 0, 0.29);
	    color: rgb(255, 255, 255);
	    padding-top: 15px;
	}
	
	
	
    @media only screen and (min-width: 992px){
    	.vat-header .container{
    		max-width: 1170px;
    		margin: 0 auto;
    	}
    }
    
    @media only screen and (max-width: 767.98px){
    	.vat-header--top {
    	    padding-bottom: -40px;
    	}
    }