/* background color */
.bg-light-gray {
    background-color: #f9f9f9;
}
.bg-light-gray2 {
    background-color: #efefef;
}
.bg-light-gray3 {
    background-color: #f2f2f2;
}
.bg-yellow, .hvr-bg-yellow:hover {
    background-color: #f1c30f;
}
.bg-pink, .hvr-bg-pink:hover  {
    background-color: #e57bff;
}
.bg-blue, .hvr-bg-blue:hover {
    background-color: #84a1d2;
}

.bg-black {
    background-color: #212622;
}
.bg-black2 {
    background-color: #262626;
}
.bg-black3 {
    background-color: #19283e;
}
.bg-white2 {
    background-color: #ffffff;
}
.transparent-bg {
    background-color: transparent;
}
.bg-dark {
    background-color: #1d1d21 !important;
}

/* overlay */
.overlay {
    background-color: #f1c30f;
    opacity: 0.75;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    position: absolute;
    visibility: hidden;
    z-index: 98;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}
/* overlay-setting */
.bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* opacity */
.opacity-1 { opacity: .1; }
.opacity-2 { opacity: .2; }
.opacity-3 { opacity: .3; }
.opacity-4 { opacity: .4; }
.opacity-5 { opacity: .5; }
.opacity-6 { opacity: .6; }
.opacity-7 { opacity: .7; }
.opacity-8 { opacity: .8; }
.opacity-9 { opacity: .9; }

/* z-index */
.z-index-1 { z-index: 1; }

/* text-color */
.color-black { color: #212622; }
.color-grey { color: #535353; }
.color-light-grey {color: #6f6f6f;}
.color-light-grey2 {color: #a5a5a5;}
.color-vlight-grey { color: #8c8c8c;}
.color-vlight-grey2 {color: #ebebeb;}
.color-white {color: #ffffff;}
.color-light-gw {color: #f7f7f7;}
.color-yellow {color: #f1c30f;}
.color-pink {color: #e57bff;}
.color-blue {color: #84a1d2;}
.text-black { color: #212622 !important;}
.text-yellow {color: #f1c30f !important;}


/* font-size */
.font-13 {font-size: 13px;}
.font-14 {font-size: 14px;}
.font-16 {font-size: 16px;}
.font-18 {font-size: 18px;}
.font-20 {font-size: 20px;}
.font-30 {font-size: 30px;}
.font-72 {font-size: 72px;}
.slider-text {font-size: 60px;}

/* font-weight */
.font-weight-100{font-weight: 100;}
.font-weight-200{font-weight: 200;}
.font-weight-500{font-weight: 500;}
.font-weight-600{font-weight: 600;}



.background-img {
    position: absolute;
    width: 250px;
    top: -70px;
    left: -10px;
    z-index: 1;
}
.float-anim {
    animation: float 4s ease-in-out infinite;
}


.bottom30 {
    margin-bottom: 30px;
}


@keyframes float {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-20px);
	}
	100% {
		transform: translateY(0px);
	}
}


[class*="col-"]:not([class*="sticky-"]):not([class*="position-"]) {
    position: relative;
}

.font-primary {
    font-family: 'Source Sans Pro', sans-serif !important;
}
.text-smaller {
    font-size: 80% !important;
}


.slider-sec .overlay .slide-contain {
    margin-top: 13%;
}
.slider-sec .overlay h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    font-size: 38px;
    color: #2d2d2d;
    margin-bottom: 10px;
}

.slider-sec .overlay h4 {
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 50px;
    color: #FFFFFF;
    margin-top: 7%;
}
.crumbs {
    position: relative;
}

.crumbs .breadcrumb-items {
    display: inline-block;
}
.crumbs .breadcrumb {
    margin-bottom: 0;
    border-radius: 0;
    padding: 15px 50px;
    background-color: transparent;
}

.crumbs .breadcrumb li a {
    color: #2d2d2d;
    font-size: 15px;
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: #2d2d2d;
}
.breadcrumb-item+.breadcrumb-item::before {
    content: '|';
}
.crumbs .breadcrumb li a {
    color: #2d2d2d;
    font-size: 15px;
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
}