body {
    margin: 0;
    padding: 0;
}


* {
    font-family: 'Oswald', sans-serif !important;
}


.purple-section h1, .hero-text h2, .section-title h2 {
    font-family: 'Futura Condensed', 'Oswald', sans-serif !important;
}

.purple-section h1 {
    margin-top: 0;
    padding-top: 40px; 
}



p, .nav-link, button {
    letter-spacing: 0.5px;
}


::-webkit-input-placeholder { font-weight: 900; font-family: 'Oswald', sans-serif; }
:-moz-placeholder { font-weight: 900; font-family: 'Oswald', sans-serif; }
::-moz-placeholder { font-weight: 900; font-family: 'Oswald', sans-serif; }
:-ms-input-placeholder { font-weight: 900; font-family: 'Oswald', sans-serif; }

.form-control::placeholder {
    color: #232a34;
    opacity: 1;
}

fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}

.section-padding { padding: 80px 0; }

/* SECTION TITLE  */
.section-title { margin-bottom: 60px; }
.section-title h2 {
    font-size: 54px;
    font-weight: 600;
    margin-top: 0;
    position: relative;
    text-transform: capitalize;
}
h2.section-title-white {
    color: #fff;
    font-size: 54px;
    font-weight: 600;
    margin-top: 0;
    position: relative;
    text-transform: capitalize;
}
p.section-title-white { color: #fff; }
.section-title span {
    background: #ffaa17 none repeat scroll 0 0; 
    display: block;
    height: 2px;
    margin: 10px auto;
    width: 100px;
}
.section-title p {
    padding: 0 10px;
    width: 60%;
    margin: auto;   
}

/* SCROLL TO TOP */
.topcontrol {
    background: #ffaa17 none repeat scroll 0 0;
    border-radius: 30px;
    bottom: 5px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2);
    color: #fff;
    cursor: pointer;
    font-size: 22px;
    height: 50px;
    line-height: 47px;
    opacity: 1;
    position: fixed;
    right: 5px;
    text-align: center;
    transition: all 0.2s ease 0s;
    width: 50px;
}
@media only screen and (max-width:768px) { 
    .topcontrol { display: none; }
}
.topcontrol:hover {
    background: #222;
    color: #fff;
}

/* BUTTONS */
.btn_one, 
.card-body .btn, 
.recipe-card .btn {
    border-radius: 50px !important; 
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out !important;
    padding: 10px 30px !important;
	position: relative;
    z-index: 10;
}
.card-body .btn:hover, 
.recipe-card .btn:hover {
    background-color: #ffcc00 !important;
    border-color: #ffcc00 !important;
    color: #7D458C !important;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(255, 204, 0, 0.4);
	position: relative;
    z-index: 10;
}
.btn_one:hover {
    background: #ffaa17;
    border: 2px solid #ffaa17;
    color: #fff;
}

/*
* ----------------------------------------------------------------------------------------
* 02. HERO & HOME VIDEO 
* ----------------------------------------------------------------------------------------
*/

.home_bg { height: 700px; position: relative; }
.home_bg::before {
    background: rgba(0,0,0,0.4); 
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.hero-text {
    padding-top: 250px;
    position: relative;
}
.hero-text h2 {
    color: #fff;
    font-size: 56px;
    font-weight: 700;
    text-transform: uppercase;
}