body {
	font-size: 18px;
	color:#000;
	font-family: 'Roboto', sans-serif;
	-webkit-font-smoothing: antialiased;
	    font-weight: 400;
		    line-height: 28px;
}
.navbar>.container, .navbar>.container-fluid {
    display: block;
}
.theme-bg-color {
	background-color: #4bb680;
}
.theme-bg-color-2 {
	background-color: #077576;
	background-color: #453100;
}
.theme-bg-color-3 {
	background-color: #32bdb8;
	background: #036699 !important;
}

.brightness { 
-webkit-filter: grayscale(1) invert(1);
   filter: grayscale(1) invert(1);
}
.v-center {
	top:50%;
	left:50%;
	position: absolute;
	transform: translate(-50%, -50%);
	margin: auto;
	text-align: center;
}
.logo-dark.default {
	max-height: 100px;
}
header.sticky nav.navbar-fixed-top.header-light-transparent, .header-with-topbar .navbar-fixed-top {
	    background: rgba(255, 255, 255, 1);
    box-shadow: 0 5px 10px -10px rgb(0 0 0 / 0%);
}
section {
    padding: 60px 0;
	max-width: 1200px;
	margin: auto;
}
.nav-header-container img {
	margin: 5px auto;
}
.main-slider.mobile-height {
	margin: 110px auto 0px;
    max-width: 1200px;
}
.portfolio-img.bg-deep-pink {
	background-color:white;
}
figure:hover .portfolio-img.bg-deep-pink {
	    background-color: #523086;
}
.hover-option6 .grid-item figcaption {
    padding: 10px 10px;
}
.hover-option6 .grid-item figure .portfolio-icon {
    background-color: white;
    width: 45px;
    height: 45px;
    border-radius: 50px;
    margin: auto;
}
.portfolio-grid div, .portfolio-grid img:hover {
	cursor: pointer;
}
.hover-option6 .grid-item .portfolio-hover-main {
    width: 100%;
    border-top: 1px solid #eee;
    padding-top: 10px;
}
.hover-option6 .grid-item figcaption {
    padding: 0 10px 10px;
}
footer {
    background-image: url(images/bottom.jpg);
    background-position: top center;
	background-size: cover;
    height: 100px;
    width: 100%;
	font-size: 11px;
}
.border-radius-8 {
    border-radius: 20px;
}
.portfolio-grid.work-3col li, .blog-grid.blog-3col li {
    width: 33.33%;
	
}
.portfolio-grid .grid-item figure img.race {
    max-width: 400px;
    margin: auto;
}


@media (max-width: 1200px){
.portfolio-grid.work-3col li, .blog-grid.work-3col li {
    width: 33.33%;
	
}
}




@media (max-width: 767px){
.portfolio-grid.work-3col li, .blog-grid.work-3col li {
    width:100%;
}
.border-radius-8 {
    border-radius: 8px;
}
.kv {
	content:url("images/kv-2025-m.jpg");
}
}



@media (max-width: 500px){
.portfolio-grid.work-3col li, .blog-grid.work-3col li {
    width: 100%;
}
}




@media (max-width: 420px) {
.logo-dark.default {
   width:230px !important;
   max-height: aout;
}
.main-slider.mobile-height {
	margin: 65px auto 0px;
}
.text-large {
    font-size: 16px;
}
}



@media (max-width: 350px) {
.portfolio-grid.work-3col li, .blog-grid.work-3col li {
    width: 100%;
}

}

.version-active{
	color:red;
}