@font-face {

    font-family: 'Amsterdam';

    font-style: normal;

    font-weight: normal;

    src: local('Amsterdam'), url('../fonts/Amsterdam.woff') format('woff');

}

body{

    font-family: 'Roboto';

    font-size: 16px;

    color: #222;

    line-height: 1.4;

}

.f-amsterdam{

    font-family: 'Amsterdam', sans-serif;   

}



.f-amsterdam {

    font-size: 30px;

    letter-spacing: 2px;

}



.home-banner{

    background: url(../images/hero-banner-n.jpg) no-repeat top center;

    background-size: cover;

    min-height: 100vh;

    position: relative;

}

.home-banner-content{

    content:"";

    position:absolute;

    top:0;

    bottom:0;

    left:0;

    right:0;

    background: rgba(0,0,0,0.0.5);

    z-index: 0;

}

.fc-orange{

    color:#e6690d;

}

.bg-orange{

    background: #e6690d;

}

.bg-green{

    background: #9fda01;

}

.bg-blue{

    background: #0808e3;

}

.btn-orange,.btn-orange:hover{

    background: #e6690d;

    color:#000;

    border: #e6690d;

}

.btn-green,.btn-green:hover{

    background: #9fda01;

    color:#000;

    border: #9fda01;

}

.btn-blue,.btn-blue:hover{

    background: #0808e3;

    color:#fff;

    border: #0808e3;

}

.btn-orange-grad {

    color: #fff;

    background-image: linear-gradient(90deg, #e6690d 0%, #f68d48 50%, #e6690d 100%);

    padding: 10px 40px;

    text-transform: uppercase;

    font-weight: bold;

    letter-spacing: 1px;

    font-size: 16px;

    line-height: 18px;    

}

.btn-lg {

    font-size: 14px;

    padding: 10px 40px;

    text-transform: uppercase;

    letter-spacing: 1px;

    transition:0.5s all;

}

.hero-content{

    background: rgba(255,255,255,0.65);

    border-radius: 15px;

    padding: 1%;    

}

.hero-content .hero-title {

color: #0727e3!important;

font-weight: bold;    

}

.hero-content .hero-subtitle {

text-transform: uppercase;

letter-spacing: 1px;

font-weight: bold;    

}

.top-nav.navbar-light{

    background: rgba(255,255,255,0.9);

}

.top-nav.navbar-dark .navbar-nav .nav-link,.top-nav.navbar-dark  .choose-your-store{

    color:#fff;

}

.top-nav.navbar-dark.home .navbar-nav .nav-link{

    color:#222;

}
.top-nav.navbar-dark .offcanvas.show .navbar-nav .nav-link,.top-nav.home.navbar-dark  .choose-your-store{
    color:#222 !important;

}

.top-nav.navbar-dark.home .container{

    align-items: start;

}

.top-nav.navbar-dark #top-search input{

    border: 1px solid #fff;

    color:#fff;

}

.top-nav.navbar-light .navbar-nav .nav-link{

    color: #222;

}

.top-nav.navbar-light #top-search input{

    border: 1px solid #222;

    color:#222;

}



.navbar-nav .nav-link.active, .navbar-nav .nav-link:hover,.navbar-nav .nav-link.show {

	color: #9fda01;

}

.get-started{

    background: url(../images/getstarted-background.jpg) no-repeat top center;

    background-size: cover;

}



.get-started-orange {

    background:url("../images/orange-swirl-bg-rev1.jpg") no-repeat center center;

    background-size:cover;

}

.get-started-orange h2 {

    color:#fff;

    font-size: 50px;

    line-height: 54px;    

}

.get-started-orange h3 {

    padding-top: 10px;    

    color:#fff;

    font-size: 40px;

    line-height: 44px;

    font-weight:400;

}

.get-started-orange span {

    font-size: 50px;

    line-height: 54px;    

    font-weight:bold;

}

.get-started-orange .btn-lg {

    font-size:20px;

    line-height:22px;

    font-weight:bold;

    letter-spacing: 2px;

    transition:0.5s all;

}



.get-started-orange .btn-lg:hover {

    background:#0808e3;

    color:#fff;

}

.get-started-content{

    /*background: rgba(8,8,227,0.6);*/

}

.get-started-content-inner{

    background: rgba(0,0,0,0.6);

}

.shop-by-category{

    background: #f5f5f5;

}

.shop-by-category .cat-image{

    padding:15px;

    background: #fff;

    margin-bottom: 15px;

}

.shop-by-category .cat-link a{

    display:block;

    padding:15px;

    border-bottom: 1px solid #0808e3;

    background: transparent;

    color: #0808e3;

    text-decoration: none;

    font-weight: bold;

    text-align: center;

    width: 100%;

}

.shop-by-category .cat-link a:hover{

    background: #0808e3;

    color: #fff;

}



.shop-by-category-wrap {

    background:url(../images/shop-by-cat-bg-rev1.jpg) no-repeat center center;

    background-size:cover;

}



.cta-cat-link-wrap  {

    margin-top:-30px;

    z-index:2;

}



.cta-cat-link-wrap .cat-btn {

    display: block;

    background: #0808e3;

    color: #fff;

    text-decoration: none;

    font-size: 18px;

    line-height: 20px;

    letter-spacing:1px;

    font-weight: bold;

    padding: 20px 60px;

    border-radius: 10px;

    z-index: 3;

    position: relative;

    width: 80%;

    margin: 0 auto;

    transition:0.5s all;

}



.cta-cat-link-wrap .cat-btn:hover {

    background:#9fda01;

    color:#000;

}



.small-cat-wrap {

    padding-bottom:20px;

}



.small-cat-btn-wrap {

    background:#0808e3;

    display: block;

    padding: 2%;

    border-radius: 10px;

    color: #fff;

    text-decoration: none;

    transition:0.5s all;

}



.small-cat-btn-wrap:hover {

    background:#9fda01;

    color:#fff;

}



.small-cat-btn-wrap img {

    width: 50%;

    margin-bottom: 10px;

    margin-top: 10px;    

}



.small-cat-btn-wrap p {

    

}



.small-cat-wrap .small-cat-btn {

    display: block;

    width: 90%;

    margin: 0 auto;

    transition: 0.5s all;

    text-decoration: none;

    background: #0808e3;

    padding: 15px;

    border-radius: 10px;

    color: #fff;

}



.small-cat-wrap .small-cat-btn:hover {

    background: #9fda01;

    color: #000;    

}



.footer-section .btn-lg:hover {

    background: #0808e3;

    color: #fff;    

}



.find-a-store{

    background: url(../images/storenearyou-background.jpg) no-repeat top center;

    background-size: cover;

}

.find-a-store-content{

    background: rgba(230,105,13,0.8);

}

.cta-text{

    margin-top:-50px;

    z-index: 2;

}

.cta-image {

    border-radius: 10px;

    box-shadow: rgba(0,0,0,.04) 0 1px 0, rgba(0,0,0,.05) 0 2px 7px, rgba(0,0,0,.06) 0 12px 22px;    

}

.cta-image img {

    border-radius: 10px;

}

.stay-updated{

    background: url(../images/staupdated-background.jpg) no-repeat top center;

    background-size: cover;

}

.stay-updated-content{

    background: rgba(8,8,227,0.6);

}

.text-blue{

    color: #0808e3;

}

.social-link{

    display: inline-block;

    width:36px;

    height:36px;

    border-radius: 50%;

    color:#fff;

    line-height: 36px;

    text-align: center;

    background-color:#222;

}

.social-link:hover{

    background-color: #9fda01;

}

.text-green{

    color: #9fda01;

}

.footer-section{

    background: url(../images/footer-background.jpg) no-repeat top center;

    background-size: cover;

   

}

.footer-section-content{

    padding: 100px 0px;

    background: rgba(0,0,0,0.6);

}

.bottom-link a{

    color:#fff;

    text-decoration: none;

}

.bottom-link a:hover{

    color: #9fda01;

}

#pagecontent{

    min-height: 400px;

}