body {
    background: url('../img/background.jpg');
	font-family: 'Poppins'!important;
    background-size: cover;
    background-color: #fcfdfd;

}

a {
    text-decoration: none!important;
}

h3 {
    margin-bottom: 2rem!important;
    font-size: 1.5rem!important;
    font-weight: 600!important;
    color: #09509d!important;
}

.back-to-top a {
    margin-top: 2px;
    color: #fff !important;
    font-size: 20px;
    font-weight: 700;
}

/* HEADER */
.navbar {
    background-color: transparent;
    opacity: 90%;
    padding: 0!important;
    background-color: transparent;
    transition: background-color 0.3s;
}
  
.navbar-scrolled {
    background-color: #941705; 
}

.navbar-nav {
    border-bottom: 1px solid #941705;
}

.nav-link {
    color: #810303!important;
    padding: 13px 12px!important;
}

.nav-link:hover {
    background-color: #f81c36;
    color: #ffffff!important;
}

@media screen and (max-width: 1040px) {
	.nav-link {
		padding: 13px 15px!important;
	}
}
.fa-solid {
    color: #fff;
}

.header-inclusive {
    background: url('../img/header-bg.png');
    background-size: cover;
    min-height: 750px;
}

#header-height {
    min-height: 65px;
}

/* COUNTER */
.counter {
    padding: 5px;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
    text-align: center;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
}

.counter-area {
    margin-top: 75px!important;
    justify-content: center;
}

.counter .counter-box {
    display: flex;
    justify-content: center;
    align-items: center;
}


.counter-icon img {
    width: 100%;
    max-width: 50px;
}

.clock-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.clock-col {
    text-align: center;
    margin-right: 15px;
    margin-left: 15px;
    min-width: 40px;
    position: relative;
}

.clock-col p {
    text-align: center !important;
    margin-bottom: 0rem;
}

.clock-col p.clock-day,
.clock-col p.clock-hours,
.clock-col p.clock-minutes,
.clock-col p.clock-seconds {
    font-size: 1.6rem;
    font-weight: 600;
    color: #ffffff;
}

/* FOUR BUTTONS */
.four-btn:hover .btn-img {
    max-width: 110px!important;
}
.btn-img {
    transition: .3s ease-out;
}
.btn-title {
    color: #7b7b7b;
    font-weight: 600;
}
.btn-title-bold {
    color: #000!important;
    font-size: 20px;
    font-weight: 800;
}

/* IMPORTANT DATES */
.important-dates{
	background-color: #FFFFFF;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 25px;
	position: relative;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.date-boldtitle{    
    font-size: 20px;
    font-weight: 700;
    color:#940d0b;
    border-bottom: 1px solid #ededed;
}
.dates-img{
	width: 50px;
}

.dates-property span{
	color: #f2a431; 
}
@media screen and (max-width: 992px){
	.dates-property{
		margin-bottom: 10px;
	}
}

/* CONTENT */
.content-inclusive {
    background-color: #FFFFFF;
    border-radius: 10px;
    padding: 20px!important;
    margin-bottom: 25px;
    margin-top: 25px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.content-boldtext {
    font-size: 20px;
    font-weight: 700;
    color:#b5172e;
    border-bottom: 1px solid #ededed;
}

/* FOOTER */
footer {
    min-height: 120px;
    padding: 1rem 0rem;
    font-size: 13px;
    color: #fff;
    background: url(../img/footer-bg.jpg) no-repeat center top;
}
  
/* CONTENT */
.minibaslik {
    color: #ed7025;
    font-weight: bold;
}

/* MODAL */
.modal-dialog {
    min-width: 800px;
}
.modal-content {
    min-width: 800px;
}

/* MEDIA */
@media screen and (max-width: 992px) {
	.navbar-nav {
		background-color: #803e00;
	}  
    .counter {
        margin-left: 0!important;
    }
     .counter-area {
        margin-top: 20px!important;
    }
    .counter-icon img {
		display: none;
	}
    .four-btn {
        margin-top: 10px!important;
    }
    .modal-dialog {
        min-width: 400px;
    }
    .modal-content {
        min-width: 400px;
    }
}

@media screen and (max-width: 1260px) {
    #canvas {
        display: none !important;
    }
    #animation_container {
        display: none !important;
    }

    .nav-item {
        font-size: 12px;
    }

    .head-text {
        width: 100%!important;
    }
}

@media screen and (max-width: 1362px) {
    body {
        background: url(../img/bg-mobile.jpg);
        background-size: cover;
    }
}


@media screen and (max-width: 1400px) {
    .clock-col p.clock-day,
    .clock-col p.clock-hours,
    .clock-col p.clock-minutes,
    .clock-col p.clock-seconds {   
        font-size: 1.4rem;
}
}

.clock-col span.clock-label {
    display: inline-flex;
    margin-left: 7px;
    font-size: 1rem;
    font-weight: 300;
    color: #ffffff;
}

@media screen and (max-width: 1450px) {
  .counter {
    margin-left: 170px;
  }
}