@import 'fonts.css';

body{
    font-family: 'MontserratRegular';
    background-color:#1f1f1f;
}
.bg-gefest-grey{
    background-color:#1f1f1f;
}
.navbar-brand{
    display:flex;
}
.logo-text{
    color:#fff;
    font-family: 'MontserratLight';
    font-size:20px;
    text-transform:uppercase;
    line-height: 1.3;
    display: flex;
    align-items: center;
}
.nav-link{
    font-family: 'MontserratLight';
    color:#b9d880;
    text-transform:uppercase;
    font-size:18px;
}
.navbar-nav .nav-link.active,
.navbar-nav .show>.nav-link,
.nav-link:focus, .nav-link:hover{
    color: #fff;
}
.header-btns{
    display: flex;
    align-items: baseline;
}
.header-btns img{
    height:20px;
}
.header-btns a:hover{
    opacity:0.8;
}
.navbar-toggler{
   border: none;
   padding: 0;
   line-height: inherit;
   color: #a8a8a8;
}
.navbar-toggler:focus{
  
    box-shadow:none;
}

.home-page-item-category{
    display:flex;
    justify-content: center;
    align-items: end;
    position:relative;
    margin-bottom: 1.5rem;
    
}
.home-page-item-category img{
    object-fit:cover;
    height: 555px;
    width: 100%;
}
.home-page-item-category:after{
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 30%);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.home-page-item-category:hover:after{
     background-color: rgb(0 0 0 / 10%);
}
.home-page-item-category h3{
    font-family: 'MontserratLight';
    position:absolute;
    margin-bottom: 80px;
    color: #fff;
    text-transform: uppercase;
    z-index: 100;
    font-size:36px;
}
.section-title{
    color:#fff;
    text-transform:uppercase;
    font-size:36px;
}
section{
    padding: 3rem 0;
}
#home-page-categories{
    paddiing-top:0 !important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #b9d880;
}
.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 30px;
}
.owl-carousel-portfolio .owl-item img {
    display: block;
    width: 100%;
    height: 510px;
    object-fit: cover;
}
.hp-protfolio-link{
    position:relative;
}
.hp-protfolio-link:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 30%);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.hp-protfolio-link:hover:after{
     background-color: rgb(0 0 0 / 10%);
}
.partner-link img,.partner-item img{
     -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
}
.gefest-btn{
    text-transform:uppercase;
    color:#b9d880;
    font-size:20px;
    border:2px solid #b9d880;
    width: 350px;
}

.gefest-btn:hover,.gefest-btn:focus,.gefest-btn:active{
    color:#fff;
    background-color:#b9d880;
    outline:none;
    box-shadow:none
   
}
.item-contact{
    margin-bottom:30px;
}
.item-contact-title{
    color:#cdcdcd;
    font-size:24px;
    display:flex;
    align-items:center;
}
.item-contact-content{
    font-size:20px;
    color:#cdcdcd;
}
.languages-links{
    margin:0;
    padding:0;
    list-style:none;
}
.languages-links li{
    display: inline-block;
}
.languages-links li a{
    color:#fff;
    text-decoration:none;
}
.languages-links li a:hover{
    opacity:0.8;
}
.languages-links li a.active{
    color:#b9d880;
}
.section-content-text{
    font-family: 'MontserratLight';
    color: #fff;
    font-size: 20px;
    line-height:1.5;
}
.section-content-text a{
    color:#b9d880;
    text-decoration:none;
    white-space: nowrap;
}
.section-content-text a:hover{
    color:#fff;
}
.partner-item{
    text-align:center;
}
.portfolio-item-link{
    color:#fff;
     position:relative;
}

.portfolio-item-title{
    color: #fff;
    font-size: 20px;
    white-space: break-spaces;
    text-align: center;
}
.gallery-item-photo{
    position:relative;
}
.portfolio-item-link:after,
.gallery-item-photo:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 30%);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.gallery-item-photo:hover:after,
.portfolio-item-link:hover:after{
     background-color: rgb(0 0 0 / 10%);
}
.portfolioItemContainer img{
    height: 420px;
    object-fit: cover;
    display: block;
    width: 100%;
}
.product-category{
    background-color:#363636;
    padding:15px;
    position:relative;
}
.product-info{
    color:#fff;
}

.product-info-price{
    color:#b9d880;
    font-size:20px;
}
.product-info-title{
    font-family: 'MontserratLight'; 
    border-bottom: 1px solid #504f4f;
    padding-bottom: 1rem;
    font-size: 1.5rem;
    height: 65px;
    display: flex;
    align-items: center;
}
.product-info-description{
   font-family: 'MontserratLight'; 
   min-height: 125px;
}
.product-info-description p{
    font-size:15px;
}
.product-info-more{
    color:#b9d880;
    text-decoration:none;
}
.product-info-more:hover{
    color:#fff;
}

.product-category img{
    min-height: 375px;
    object-fit: contain;
    max-height: 375px;
}
.cart{
    position:relative;
}
.cart:hover{
    cursor:pointer;
}
.cart-badge{
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #ff0033;
    color: #fff;
    border-radius: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    font-size: 11px;
    top: -5px;
    right: -15px;
}


#cart-items{
	position: absolute;
	right: 20px;
	top: 30px;
	background-color: #31353d;
	margin-top: 50px;
	padding: 50px 40px;
	z-index: 999;
	color:#fff;
}
.modal-header{
    border-bottom: 1px solid #575656;
}
.modal-footer{
    border:none;
}

.modal-content{
    background-color: #363636;
    color:#fff;
}

#my-cart-table{
    color:#fff;
}

#my-cart-table tr{
    border-bottom: 1px solid #575656;
}
.my-product-quantity{
    width: 70px;
    border-radius: 4px;
    padding: 3px 10px;
    background-color: #383838;
    box-shadow: none;
    outline: none;
    border: 1px solid #fff;
    color: #fff;
}
.form-control{
     background-color: #383838;
     border: 1px solid #fff;
    color: #fff;
    box-shadow: none;
    outline: none;
    font-size: 20px;
}

.form-control:focus{
    color: #ffffff;
    background-color: #6d6d6d;
    border-color: #b9d880;
    outline: 0;
    box-shadow: none;
}
.error{
    color:#ff0033;
}

.galleryItem{
    height: 420px;
    object-fit: cover;
    width: 100%;
}

.row-flex {
  display: flex;
  flex-wrap: wrap;
}