/*
Theme Name: Fligno Web Design Agency
Theme URI: https://fligno.com/
Version: 1.0
Description: Mini Websites by FLigno
Author: Fligno Team
Author URI: https://fligno.com/
template: bb-theme
*/

/* Add your custom styles here... */

/* Nav */
.quadmenu-navbar-header {
    position: absolute;
    top: -82px;
    left: 88%;
}
.collapse.in {
    margin-bottom: 20px;
}
.quadmenu-item-271 {
    width: 45% !important;
    float: left !important;
    margin-right: 15px !important;
    margin-top: 0px !important;
}
.quadmenu-item-271 span.quadmenu-item-content {
    text-align: center;
    background-color: #B78C5F;
    color: #fff !important;
    border-radius: 30px;
}
.quadmenu-item-270 {
    width: 45% !important;
    margin-left: 180px !important;
    margin-top: 0px !important;
}
.quadmenu-item-270 span.quadmenu-item-content {
    text-align: center;
    border: 1px solid #B78C5F;
    border-radius: 30px;
}
.quadmenu-item-271 a span span {
    padding-top: 15px;
}
.quadmenu-item-270 a span span {
    padding-top: 15px;
}

/* Nav dot hover */
/* Membership Nav */
li#menu-item-64.hover-me a:hover::before {
    content: ".";
    font-size: 34px;
    position: absolute;
    top: 20px;
    left: 42px;
    color: #B78C5F;
}
/* Guide Nav */
li#menu-item-63.hover-me a:hover::before {
    content: ".";
    font-size: 34px;
    position: absolute;
    top: 20px;
    left: 90px;
    color: #B78C5F;
}
/* Solution Nav */
li#menu-item-62.hover-me a:hover::before {
    content: ".";
    font-size: 34px;
    position: absolute;
    top: 20px;
    left: 60px;
    color: #B78C5F;
}
/* Contact Nav */
li#menu-item-61.hover-me a:hover::before {
    content: ".";
    font-size: 34px;
    position: absolute;
    top: 20px;
    left: 55px;
    color: #B78C5F;
}
.menu-toggle-mobile { margin-top: -90px; }
ul#mega-menu-max_mega_menu_1 {
    margin-top: 30px !important;
}
.line-here .fl-col-content.fl-node-content {
    z-index: 9999;
    position: relative;
}

/* Line */
div#line-separator {
    position: absolute;
    width: 100%;
    top: 57%;
}
.tan-guide-syst .uabb-callout-outter { position: relative; top: -6px; }
/* a.sbi_photo {
    height: 360px !important;
    width: 360px !important;
    margin-bottom: 22px !important;
} */

/* Buttons */
.two-col-btn .fl-button-group-buttons { flex-wrap: inherit !important; }
.two-col-btn .fl-button-group-button a.fl-button {
    font-size: 20px !important;
    width: 170px !important;
}

/* Modal */
div#popmake-495 {
    margin-left: -35%;
    width: 65%;
    top: 61px !important;
}
.modal-banner .fl-row-content.fl-row-fixed-width.fl-node-content {
    padding: 0px;
}

@media only screen and (max-width:480px){
	div#popmake-495 { margin-left: -48%; width: 88%; }
}
@media only screen and (min-width:800px)and (max-width:900px){
/* popup */
    div#popmake-495 {
        margin-left: -48%;
        width: 90%;
        top: 200px !important;
    } 
/* homepage */
    .tan-how-it-works .uabb-info-list-content-wrapper.fl-clearfix.uabb-info-list-left {
        display: flex;
        flex-direction: column;
    }
    .tan-how-it-works .uabb-info-list-content.uabb-info-list-left.info-list-content-dynamic0 {
        width: 100%!important;
        text-align: center;
    }
/* footer */
	.tan-store-app .adv-icon-1 .uabb-image .uabb-photo-img {
		width: 109px !important;
	}
	.tan-store-app .adv-icon-2 .uabb-image .uabb-photo-img {
		width: 120px !important;
	}
	ul#menu-footer {
	    display:flex!important;
	    align-items:start;
	}
	ul#menu-footer li a{
	    padding-left: 0!important;
	    padding-right: 0!important;
	}
	.tan-store-app .adv-icon-right{
	    text-align:left!important;
	}
	.tan-tablet-view a.fl-button {
	    width:130px!important;
	}
	.tan-tablet-view .fl-button-group-buttons {
	    display: flex!important;
	    flex-flow: nowrap!important; 
	}
	.tan-tablet-view .fl-button-group-buttons {
	    padding-right:0!important;
	}
}

/* For the menu hamburger */
.mobile-menu-hamburger .hamburger {
    color: #fff;
    position: absolute;
    top: 8px;
    right: 15px;
}
.mobile-menu-hamburger nav {
    position: relative;
    top: -30px;
}

@media only screen and (max-width:280px){
	.mobile-menu-hamburger .hamburger {
		font-size: 11px;
		top: 5px;
	}
}