a { text-decoration: none !Important ; outline: none !important; color: inherit; }

a:hover { color: inherit; }

button{ outline: none !important; }

/* ============= */
/* =========== NAVIGATION =========== */
/* ============= */

.bg-light {
    background-color: #fefefe !important;
    box-shadow: 0 0 90px -6px rgba(0,0,0,0.09);
    z-index: 10;
}

.pot{    width: 70px;
    margin: 0 auto;
    justify-content: space-between;
    color: #ec5829;
    padding-top: 12px;
    border-radius: 50px;
    height: 70px;
    background: #fff;transition: color 0.4s ease;}


    .pot:hover
     {  border: 1px solid #ffa386;
    width: 70px;
    margin: 0 auto;
    justify-content: space-between;
    color: #ffffff;
    padding-top: 12px;
    border-radius: 50px;
    height: 70px;
    background: #ffffff17;  transition: color 0.4s ease;}

img.nav_logo {
    display: inline-block;
    width: 100%;
    height: 88px;
}

ul.bluffs_navbar {
    position: relative;
    top: 5px;
    z-index: 7;
}

li.nav-item {
    margin-right: 22px;
}

li.nav-item a {
    font-size: 1rem;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
}

.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {color: #666666;}

li.nav-item > a:after {
    content: '';
    display: block;
    height: 2px;
    background: #E3BE39;
    transform: scaleX(0);
    transition: transform .3s;
}
li.nav-item > a:hover:after {
    transform: scaleX(1);
    transition: transform .3s;
}
.active {
    color:  #fff !important;
}

button.nav_contact_btn {
    position: relative;
    font-size: 1rem;
    line-height: 2;
    top: -6px;
    width: 130px;
    height: 42px;
    background: #ec5829;
    border-radius: 100px;
    color: #ffffff;
    text-transform: uppercase;

    transition: all 0.4s ease-in-out;
}

button.nav_contact_btn:hover {
    background: #ffdd01;
    color: #000;
}

button.nav_contact_btn:focus {
    outline: none !important;
    box-shadow: none !important;
}

.bluffs_nav_toggler {
    border: none !important;
}

.bluffs_nav_toggler:focus {
    box-shadow: 0 0 0 0.0rem;
}

.bluffs_nav_toggler > span.navbar-toggler-icon {
    transition: 0.4s all ease-in-out;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(50,89,143, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.colorfuse {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(227,190,57, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
    transform: rotate(-90deg);
}

.bluffs_nav_toggler:not(:focus) > span.navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(50,89,143, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/* Hamburger menu animation assets */

.animated-icon1 {
    width: 30px;
    height: 20px;
    position: relative;
    margin: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}

.animated-icon1 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.animated-icon1 span {background: #32598F;}

.animated-icon1 span:nth-child(1) {top: 0;}

.animated-icon1 span:nth-child(2) {top: 10px;}

.animated-icon1 span:nth-child(3) {top: 20px;}

.animated-icon1.open span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
    opacity: 0;
    left: -60px;
}

.animated-icon1.open span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}







/* ============= */
/* =========== HEADER =========== */
/* ============= */

.bluffs_header_area {
    min-height: 670px;
    height: auto;
    width: 100%;
}

.bluffs_header_slider {
    padding: 0;
}

.bluffslide {
    width: 100%;
    height: 670px;
}

.bluffslide:after {
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:rgba(0,0,0,0.5);
}

.h_banner {
    display: block;
    position: absolute;
    width: 65%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 290px;
    z-index: 2;
}

.h_banner h1 {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 4rem;
    color: #ffffff;
    text-align: center;
}

hr.tagline_separator {
    width: 30%;
    height: 2px;
    border: none;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    z-index: 2;
    background: #E3BE39;
    opacity: 0.8;
}

.h_banner h2 {
    font-weight: normal;
    font-size: 1.6rem;
    color: #ffffff;
    text-align: center;
}

span.boldify {font-weight: 700;}

.main_cta_button_holder {
    padding-top: 36px;
}

button.explore_more_cta_btn {
    font-size: 1rem;
    font-weight: 500;
    display: flex;
    margin: auto;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    width: 225px;
    height: 55px;
    background-color: rgba(227,190,57,0.74);
    border: 1px solid #E4BF25;
    border-radius: 30px;
    color: #ffffff;

    transition: all 0.4s ease-in-out;
}

button.explore_more_cta_btn:hover {
    background-color: rgba(227,190,57,0.9);
    border: 1px solid #E4BF25;
    color: #ffffff;
}

button.explore_more_cta_btn:focus {
    box-shadow: none;
}



/* ============= */
/* =========== PARTNER BRANDS SLIDER =========== */
/* ============= */

.partner_brands_slider_area {
    min-height: 180px;
    height: auto;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.partner_brands_slider_holder {
    padding-left: 0;
}

.partnerbrand_logo {
    display: block;
    height: 75px;
    width: 13em;
    margin: 0 auto;
}




/* ============= */
/* =========== ABOUT US =========== */
/* ============= */

.leftaligned  {text-align: left;}
.centered {text-align: center;}
.whitener {color: #ffffff !important;}

.about_area {
    position: relative;
    /*background: #F4F5F8;*/
   
    min-height: auto;
    height: auto;

    background: url("../img/about_bgd.svg") center center no-repeat;
    background-size: cover;
}

.about_row {
    padding-top: 55px;
}

h2.section_title {
    color: #666666;
    font-size: 2.4rem;
}

span.title_deco {
    display: inline-block;
    width: 50px;
    height: 11px;
    background: url('../img/title_wavies.svg') center center no-repeat;
    background-size: contain;
}

article.about_text_area {
    padding-top: 46px;
}

article.about_text_area p {
  
    color: #666666;
    text-align: left;
    line-height: 1.6;
    margin-bottom: 12px;
    padding-right: 50px;
    /*max-height: 350px;*/
    /*overflow: auto;*/
}

.about_image_holder {
    padding-left: 50px;
}

.about_image_circle {
    position: relative;

    width: 100%; z-index: 1; overflow: hidden;
    height: 650px;
  
}

.dorado {
    position: absolute;
    left: 10px;
    bottom: 30px;
    width: 300px;
    height: 145px;
    background: url('../img/Dorado.svg') center center no-repeat;
    background-size: contain;
}




/* ============= */
/* =========== OUR TEAM =========== */
/* ============= */

.our_team_area {
    position: relative;
    min-height: 800px;
    height: auto;
    padding-top: 80px;
    background: url("../img/team_bgd.svg") center center no-repeat;
    background-size: cover;
}

span.title_deco_yellow {
    display: inline-block;
    width: 50px;
    height: 11px;
    background: url('../img/title_wavies_yellow.svg') center center no-repeat;
    background-size: contain;
}

.team_slider_holder {
    padding-top: 75px;
}

.team_member_slide_holder {
    text-align: center;
}

.team_member_face_circle {
    display: inline-block;
    height: 175px;
    width: 175px;
    border-radius: 100%;
    margin-bottom: 16px;
}

article.team_member_info {
    text-align: center;
}

article.team_member_info h3 {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    color: #ffffff;
    font-size: 1.2rem;
}

article.team_member_info h4 {
    font-weight: 500;
    color: #E4BF25;
    font-size: 0.77rem;
    letter-spacing: 3px;
    text-transform: uppercase;
}

article.team_member_info p {
    padding-top: 12px;
    padding-left: 26px;
    padding-right: 26px;
    font-size: 0.9rem;
    color: #ffffff;
}

.slick-dots {
    bottom: -65px;
}

.slick-dots li.slick-active button:before {
    color: #cecece;
}




/* ============= */
/* =========== PRODUCTS WE SERVE =========== */
/* ============= */

.products_area {
    position: relative;
    min-height: 850px;
    height: auto;
    padding-top: 80px;
    padding-bottom: 55px;
    background: #ffffff;
}

article.section_intro {
    padding-top: 22px;
    display: block;
    width: 55%;
    margin: 0 auto;
}

article.section_intro p {
    font-size: 1rem;
    color: #666666;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 12px;
}

.product_boxes_holder {
    position: relative;
    padding-top: 50px;
    width: 100%;
    text-align: center;
}

.productbox {
    display: inline-block;
    margin-right: 19px;
    margin-bottom: 26px;
    padding-top: 22px;
    width: 194px;
    height: 187px;
    text-align: center;
    background: #32598F;
    box-shadow: 0 2px 5px 0 rgba(63,63,63,0.14);
    border-radius: 30px;
    transition: 0.2s all ease-in;
}

.productbox:hover {
    background: #2e5385;
    box-shadow: 0 2px 5px 0 rgba(63,63,63,0.53);
}

.productbox:last-child {
    margin-right: 0;
}

.prod_icon.rods {background: url('../img/p_rods.svg') center center no-repeat; background-size: contain;}
.prod_icon.reels {background: url('../img/p_reels.svg') center center no-repeat; background-size: contain;}
.prod_icon.terminaltackle {background: url('../img/p_terminaltackle.svg') center center no-repeat; background-size: contain;}
.prod_icon.leader {background: url('../img/p_leader.svg') center center no-repeat; background-size: contain;}
.prod_icon.weights {background: url('../img/p_weights.svg') center center no-repeat; background-size: contain;}
.prod_icon.softbaits {background: url('../img/p_softbaits.svg') center center no-repeat; background-size: contain;}
.prod_icon.hardbaits {background: url('../img/p_hardbait.svg') center center no-repeat; background-size: contain;}
.prod_icon.apparel {background: url('../img/p_apparel.svg') center center no-repeat; background-size: contain;}
.prod_icon.engraving {background: url('../img/p_engraving.svg') center center no-repeat; background-size: contain;}
.prod_icon.metalart {background: url('../img/p_metalart.svg') center center no-repeat; background-size: contain;}
.prod_icon.frozenbait {background: url('../img/p_frozen_bait.svg') center center no-repeat; background-size: contain;}
.prod_icon.morestuff {background: url('../img/p_morestuff.svg') center center no-repeat; background-size: contain;}

.prod_icon {
    display: inline-block;
    width: 100%;
    height: 60px;
}

hr.minisepar {
    width: 70%;
    height: 1px;
    border: none;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    display: block;
    z-index: 2;
    background: #E3BE39;
    opacity: 1;
}

h6.p_title {
    font-weight: 700;
    font-size: 1rem;
    color: #ffffff;
    text-transform: uppercase;
}

.crab {
    position: absolute;
    z-index: 3;
    right: 20px;
    bottom: -74px;
    width: 310px;
    height: 230px;
    background: url("../img/crab.svg") center center no-repeat;
    background-size: contain;
}




/* ============= */
/* =========== SERVICES =========== */
/* ============= */

.services_area {
    position: relative;
    min-height: 960px;
    height: auto;
    padding-top: 80px;
    background: #f9f9f9;
}

.service_boxes_holder {
    width: 100%;
    padding-top: 50px;
}

.servicebox {
    display: block;
    position: relative;
    z-index: 10;
    min-height: 265px;
    height: auto;
    overflow: hidden;
    margin-bottom: 32px;
    background: #D8D8D8;
    box-shadow: 0 2px 1303px 0 rgba(0,0,0,0.16);
    border-radius: 30px;
}

.upriser {
    backface-visibility: hidden;
    transform: translate3d(0,0,0);
    transition: margin-top .5s ease-in-out;
    background: rgba(255,255,255,0.95);
    height: 265px;
    margin-top: 190px;
    padding-top: 10px;
    padding-left: 9px;
    padding-right: 22px;
    padding-bottom: 9px;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 9;
    opacity: 0.95;
    cursor: pointer;
}

.servicebox:hover .upriser {
    margin-top: 0;
    opacity: 0.9;
}

.upriser_content_holder {
    text-align: center;
    padding-top: 17px;
}

.upriser_content_holder h3 {
    font-size: 1.36rem;
    font-weight: 700;
    color: #32598F;
    text-transform: uppercase;
    text-align: center;
}

article.service_description {
    position: relative;
    padding-top: 26px;
    padding-left: 18px;
    padding-right: 18px;
    min-height: 180px;
    height: auto;
    text-overflow: ellipsis;
}

article.service_description p {
    min-height: 100px;
    height: auto;
    font-size: 1rem;
    color: #666666;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 12px;

    display: -webkit-box;
    overflow : hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}

hr.final_hr {
    position: absolute;
    bottom: 23px;
    left: 0;
    right: 0;
    width: 8%;
    height: 2px;
    border: none;
    text-align: center;
    margin: 0 auto;
    display: block;
    z-index: 2;
    background: #E3BE39;
    opacity: 1;
}

.gapmaker60 {
    height: 60px;
}

.grouper {
    position: absolute;
    left: 10px;
    bottom: 25px;
    width: 285px;
    height: 138px;
    background: url('../img/Grouper.svg') center center no-repeat;
    background-size: contain;
}




/* ============= */
/* =========== GALLERY =========== */
/* ============= */

.gallery_area {
    position: relative;
    min-height: 473px;
    height: auto;

    background: #262626;
}

.section_intro.whitener p {
    color: #ffffff !important;
}

.bluffs_gallery_slider {
    position: absolute;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    bottom: -8px;
}

.hogfish {
    position: absolute;
    top: 32px;
    right: 22px;
    bottom: 0;
    width: 275px;
    height: 203px;
    background: url('../img/Hogfish.svg') center center no-repeat;
    background-size: contain;
}

a.blf_slide_lightbox {
    cursor: pointer;
}

img.blf_slide {
    width: 100%;
    height: 475px;
    object-fit: cover;
}

.slick-prev {
    z-index: 2;
    left: 14px;
}

.slick-next {
    z-index: 2;
    right: 14px;
}




/* ============= */
/* =========== CONTACT =========== */
/* ============= */

.gapmaker80 {
    height: 60px;
}

.contact_area {
    position: relative;
    min-height: 815px;
    height: auto;
    padding-top: 80px;
    background: url("../img/contact_bgd.svg") center center no-repeat;
    background-size: cover;
}

.bluffsmap {
    position: relative;
    z-index: 5;
}

.map_holder {
    position: relative;
}

.undermap_rect {
    background: #E8EBF1;
    width: 605px;
    height: 385px;
    position: absolute;
    z-index: 1;
    right: 90px;
    top: 40px;
}

.address_details_holder {
    position: absolute;
    bottom: 20px;
    left: 50px;
}

.phone small {
    font-weight: 500;
    font-size: 1rem;
    color: #666666;
}

.phone small i {
    color: #32598F;
    margin-right: 4px;
}

.address small {
    font-weight: 500;
    font-size: 1rem;
    color: #666666;
}

.address small i {
    color: #32598F;
    margin-right: 4px;
}

.address {
    margin-bottom: 8px;
}

.bluffs_contact_form {
    padding: 12px 22px 26px 22px;
    background: #ffffff;
    border-radius: 1px;
    height: 425px;
    box-shadow: 0 2px 1103px 0 rgba(0,0,0,0.11);
}

.form-group {
    margin-bottom: -6px;
}

.bluffs_input {
    font-size: 0.88rem;
    color: #999999;
    height: 40px;
    background: #F9F9F9;
    border: 1px solid #E1E1E1;
    border-radius: 1px;
}

.bluffs_input:focus {
    background: #F9F9F9;
    border: 1px solid #E1E1E1 !important;
}

textarea.bluffs_txtarea {
    font-size: 0.88rem;
    color: #999999;
    height: 133px;
    background: #F9F9F9;
    border: 1px solid #E1E1E1;
    border-radius: 1px;
    resize: none;
}

textarea.bluffs_txtarea:focus {
    background: #F9F9F9;
    border: 1px solid #E1E1E1 !important;
    box-shadow: none !important;
    outline: none !important;
}

.form-group-button {
    padding-top: 30px;
}

button.bluffs_submit_btn {
    font-size: 1rem;
    line-height: 3;
    position: relative;
    width: 130px;
    height: 42px;
    background: #32598F;
    border-radius: 100px;
    border: none !important;
    color: #ffffff;
    text-transform: uppercase;

    transition: all 0.4s ease-in-out;
}

button.bluffs_submit_btn:hover {
    background: #223d62;
    color: #ffffff;
}

button.bluffs_submit_btn:focus {
    outline: none !important;
    box-shadow: none !important;
}




/* ============= */
/* =========== FOOTER =========== */
/* ============= */

footer.bluffs_footer {
    position: relative;
    min-height: 220px;
    height: auto;
    background: url('../img/footer_bgd.svg') center center no-repeat;
    background-size: cover;
}

.footer_innerbox {
    position: relative;
    padding-top: 38px;
}

.f_socials_holder h6 {
    color: #ffffff;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.gamefish {
    position: absolute;
    z-index: 0;
    top: 55px;
    right: 0;
    left: 22px;
    bottom: 0;
    width: 303px;
    height: 83px;
    background: url('../img/Gamefish.svg') center center no-repeat;
    background-size: contain;
}

ul.f_socials {
    display: inline-block;
    text-align: center;
    padding: 0;
    position: relative;
    z-index: 2;
}

ul.f_socials li {
    list-style-type: none;
    float: left;
    margin-right: 8px;
}

ul.f_socials li:last-child {
    margin-right: initial;
}

ul.f_socials li a {
    font-size: 3rem;
    color: #ffffff;
    transition: 0.4s all ease-in-out;
}

ul.f_socials li a:hover {
    color: #E8EBF1;
}

.f_notes_holder {
    display: block;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -55px;
}

.f_notes_holder small {
    font-weight: 300;
    font-size: 0.9rem;
    color: #ffffff;
    text-align: center;
}



/* ============= */
/* =========== COMING SOON! =========== */
/* ============= */

.videobgd {
    height: 700px;
    position: relative;
    display: flex;
    align-items: center;
}

.vid_loop {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
    -webkit-filter: brightness(41%);
    filter: brightness(41%);
}

.comingsoon_banner_holder {
    position: absolute;
    text-align: center;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 50vh;
    z-index: 50;
}

h1.comingsoontext {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    font-size: 4.2rem;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;

    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation: fadeIn 12s;
    -moz-animation:    fadeIn 12s;
    -o-animation:      fadeIn 12s;
    animation:         fadeIn 12s;
}

.logo_cut {
    display: flex;
    align-items: center;
    text-align: center;
    position: absolute;
    top: -200px;
    height: 145px;
    width: 100%;
    /*opacity: 0.10;*/
    z-index: 1;
    background: url(../img/bluffs_logo.svg) center center no-repeat;
    background-size: contain;

    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
    -webkit-animation: fadeInDownBig 3s;
    -moz-animation:    fadeInDownBig 3s;
    -o-animation:      fadeInDownBig 3s;
    animation:         fadeInDownBig 3s;
}




/* =========================== */
/* ==== Error 404 ==== */
/* =========================== */

.not_found_area {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    background: #fefefe;
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

.not_found {
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
}

.notfound_txt_holder {
    position: relative;
    z-index: 4;
    text-align: center;
}

.notfound_txt_holder h1 {
    font-family: "Playfair Display", serif;
    font-weight: bold;
    color: #32598F;
    font-size: 12rem;
    text-align: center;
    margin-top: 0;
}

.notfound_txt_holder h4 {
    font-family: "Playfair Display", serif;
    font-weight: normal;
    color: #32598F;
    font-size: 3.1rem;
    text-align: center;
}

.fish_404 {
    position: absolute;
    top: 32px;
    right: 22px;
    bottom: 0;
    width: 675px;
    height: 203px;
    background: url('../img/Grouper.svg') center center no-repeat;
    background-size: contain;

    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation: fadeIn 8s;
    -moz-animation:    fadeIn 8s;
    -o-animation:      fadeIn 8s;
    animation:         fadeIn 8s;
}