/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
:root {
     --cnvs-themecolor: #b0802b;
    --cnvs-header-height: 180px;
    --cnvs-header-height-sm: 60px;
    --cnvs-header-height-md: 80px;
    --cnvs-header-height-lg: 120px;
    --cnvs-header-height-shrink: 60px
		
	 --cnvs-themecolor: #c85e51;
    --cnvs-themecolor-rgb: 200, 94, 81;
    --cnvs-body-font:  'Merienda', cursive;
    --cnvs-primary-font: font-family: 'Merienda', cursive;
    --cnvs-body-bg: #252323;
    --cnvs-side-header-width: 500px;

}

.card {
    --bs-card-bg: #b0802b;
}

.img-thumbnail2 {
    padding: 0.25rem;
    background-color: #ffffff;
    border: var(--bs-border-width) solid #ffffff;
    border-radius: var(--bs-border-radius);
    margin: 0px 0px 20px 0px;
    width: 150px;
}




.fw  {
font-weight: 300;
}



.fbox-content h3 {

padding-top: 20px;
font-size: 1.3rem;
	font-weight: 800;
	 color: #563e15;
}

.fbox-content p {


font-size: 0.9rem;
	font-weight: 600;
    margin-top: 0.1rem;
    color: #563e15;
}





.heading-block {
--cnvs-heading-block-font-size-h2: 3rem;
	--cnvs-heading-block-font-weight: 500;
}


.dark {
   
        --cnvs-section-bg: #b0802b;

}



#wrapper {
   
    background-color:#b0802b;

}


.img-thumbnail {
    padding: 0.25rem;
    background-color: #b0802b;
    border: var(--bs-border-width) solid #b0802b;
    border-radius: var(--bs-border-radius);
    max-width: 70%;
	/*margin: 0px 50px 0px 50px;*/
	margin: 0px 0px 20px 0px;
 
}

.bg-info {

    --bs-bg-opacity: 1;
    background-color: #7b591e !important;
}


.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: #b0802b !important;
}

.flip-card-inner {

   padding: 0rem; 

   outline: 0px solid transparent; 
  
}

.action {
    font-size: 40px;
    margin: 0;
    padding: 0;
    cursor: pointer;
    vertical-align: top;
    color: #b0802b;
    border: none;
    background: none;
}




.flip-card-front::after, .flip-card-back::after {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
 opacity: 1; 
/*    background-color: #b0802b;*/
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 6px;
}


.flip-card-back {
    background-color: #7b591e;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}






#header-wrap {
    
    background-color: rgb(176 128 43);
  
}

#content {
    
    background-color: #212529;
}


a {
    text-decoration: none !important;
    color: #ffffff;
}
.dark #copyrights, #copyrights.dark {
    color: rgb(255 255 255);
    background-color: rgba(0, 0, 0, 0.2);
}

.cit {
	font-size: 30px;
	padding: 60px 0px 20px 0px;
	font-weight: 300;

	}

.bg-google, .h-bg-google:hover {
    background-color: #b0802b!important;
}

.bg-facebook, .h-bg-facebook:hover {
    background-color: #b0802b  !important;
}


.text-muted {

/*    color: #563e15 !important;*/
	
	 color: #ffffff !important;
	text-align: justify;
	font-size: 18px;
	/*font-weight: 300;*/
	line-height: 1.75;
	
}

.vh2 {

    color: #ffffff;

}

.bg-partners {
	 color: #ffffff !important;

}
	
	
.bg-repeat {
    background-repeat: repeat;
}

.portfolio-desc span, .portfolio-desc span a {
    color: var(--cnvs-contrast-900);
}


#gotoTop {
    --cnvs-gotoTop-size: 2.5rem;
    --cnvs-gotoTop-bg: rgb(123 89 30);
    --cnvs-gotoTop-icon-size: 1.5rem;
    --cnvs-gotoTop-icon-color: #fff;
    --cnvs-gotoTop-position-boxed-right: 30px;
    --cnvs-gotoTop-position-boxed-bottom: 50px;
    --cnvs-gotoTop-position-botom: 30px;
    --cnvs-gotoTop-border-radius: 2px;
    --cnvs-gotoTop-hover-color: #af8c4d;
    z-index: -999;
    position: fixed;
    width: var(--cnvs-gotoTop-size);
    height: var(--cnvs-gotoTop-size);
    line-height: var(--cnvs-gotoTop-size);
    background-color: var(--cnvs-gotoTop-bg);
    font-size: var(--cnvs-gotoTop-icon-size);
    text-align: center;
    color: var(--cnvs-gotoTop-icon-color);
    top: auto;
    left: auto;
    right: var(--cnvs-gotoTop-position-boxed-right);
    bottom: var(--cnvs-gotoTop-position-boxed-bottom);
    cursor: pointer;
    border-radius: var(--cnvs-gotoTop-border-radius);
    opacity: 0;
    transition: background-color 0.2s linear, opacity 0.4s ease;
}





@media (max-width: 768px){
	
:root {	
	
	--cnvs-font-size-h3: 1.0rem;
	
	}
	}
	
	
	
    
 #preloader {   
    
     background: #000 url(images/lader.gif) no-repeat center center;
     height: 10vh;
     width: 100%;
     position: fixed;
     z-index: 100;
    
}