@import url("https://use.typekit.net/avy5vde.css");

.transition,a,a.style span.more,a.style:after,button.btn,.socials li,header *,header .logo-holder:before,header .logo-holder,.fixed-nav .nav-wrapper .main-links .list ul li a:before,.fixed-nav .sub-links .list ul li a.has-links:before,.fixed-nav .sub-links1 .list ul li a.has-links:before,.home-nav .links a:before,body.home .face .copy .tabs li:after,body.home .face .copy .tabs li a,.faq .item h3,.faq .item h3:after,.sub-content.full .entry-content a{
   
}
.transition2,header .logo-holder .logo,header .logo-holder .logo.text,.fixed-nav .sub-links .list ul,.fixed-nav .sub-links1 .list ul,.home-nav{
    -webkit-transition:all 0.5s ease-out;
    -moz-transition:all 0.5s ease-out;
    -ms-transition:all 0.5s ease-out;
    -o-transition:all 0.5s ease-out;
    transition:all 0.5s ease-out
}

.header{
    z-index:99999 !important;
    position:fixed !important;
    width:100%;
    top:0px;
    left:0px;
    padding:20px;
    box-shadow:none !important;
    background:none;
    transition:none;
    -webkit-transition:0.35s all ease-in-out !important;
    -moz-transition:0.35s all ease-in-out !important;
    -ms-transition:0.35s all ease-in-out !important;
    -o-transition:0.35s all ease-in-out !important;
    transition:0.35s all ease-in-out !important
}

header .row{
    position:relative;
    padding-bottom:8px;
    border-bottom:1px solid #fff
}
@media only screen and (max-width: 64em){
    header .row{
        border-bottom:none
    }
}

header .menu-holder{
    width:25px;
    margin:0 auto;
    float:left
}
header.fl-theme-builder-header-shrink .menu-holder{
    
}
@media only screen and (max-width: 40em){
    header .menu-holder{
        width:40px;
	   padding:0;	
		margin-left:10px
    }
}
header .menu-holder .phone{
    position:relative;
    top:4px
}
@media only screen and (max-width: 64em){
    header .menu-holder .phone{
        color:#fff
    }
}
header.scrolled{
    background:rgba(20,20,20,0.8);
    padding:0 20px
}
header.scrolled .row{
    border-bottom:none
}
header.scrolled .socials{
    margin-top:2px
}
@media only screen and (max-width: 40em){
    header.scrolled .socials{
        display:none
    }
}
header.scrolled h4{
    margin-top:6px !important
}
header.scrolled .menu-holder .phone{
    color:#fff
}
header h1{
    margin-bottom:0px
}
header .links{
    position:absolute;
    top:52%;
    left:50%;
    -webkit-transform:translate3d(-50%, -50%, 0);
    -moz-transform:translate3d(-50%, -50%, 0);
    -ms-transform:translate3d(-50%, -50%, 0);
    -o-transform:translate3d(-50%, -50%, 0);
    transform:translate3d(-50%, -50%, 0)
}

header .links a+a{
    margin-left:40px
}

.icon-holder .icon{
    z-index:9999;
    cursor:pointer;
    position:relative;
    width:75px;
	text-align:center;
}
.icon-holder .icon .text{
    display:block;
    line-height:1.7
}
.icon-holder .icon .bar{	
    width:100%;
    height:2px;
    background:#4A6C7E;
    position:absolute;
    top:0;
    left:0;
    float:left;
    transition:0.45s all ease
}
.icon-holder .icon:not(.active) .bar{
	display:none;
}
.icon-holder .icon .bar.middle{
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%)
}
.icon-holder .icon .bar.last{
    top:auto;
    bottom:0
}
.icon-holder .icon.active .bar{
    background:#ADA273;
	display:inline-block;
}
.icon-holder .icon.active .bar.first,.icon-holder .icon.active .bar.last{
    transform:translateX(0px) translateY(12px) rotate(-45deg)
}
@media only screen and (max-width: 40em){
    .icon-holder .icon.active .bar.first,.icon-holder .icon.active .bar.last{
        transform:translateX(0px) translateY(13px) rotate(-45deg)
    }
}
.icon-holder .icon.active {
    z-index: 9999;
    position: fixed;
    height: 25px;
    width: 25px;
    top: 60px;
    left: 40px;
}

.icon-holder .icon.active .bar.middle{
    opacity:0;
    transform:rotate(90deg)
}
.icon-holder .icon.active .bar.last{
    transform:translateX(0px) translateY(-11px) rotate(45deg)
}
@media only screen and (max-width: 40em){
    .icon-holder .icon.active .bar.last{
        transform:translateX(0px) translateY(-10px) rotate(45deg)
    }
}

header.open-menu .links{
    opacity:0;
    visibility:hidden
}
header.scrolled .logo-holder:before{
    top:5px;
    right:calc(100% + 20px);
    width:65px;
    height:60px
}
header.scrolled .logo-holder .logo{
    -webkit-transform:translateY(-200px);
    -moz-transform:translateY(-200px);
    -ms-transform:translateY(-200px);
    -o-transform:translateY(-200px);
    transform:translateY(-200px)
}
header.scrolled .logo-holder .text{
    -webkit-transform:translateY(12px);
    -moz-transform:translateY(12px);
    -ms-transform:translateY(12px);
    -o-transform:translateY(12px);
    transform:translateY(12px)
}
@media only screen and (max-width: 64em){
    header header .logo-holder .logo{
        -webkit-transform:translateY(-200px) !important;
        -moz-transform:translateY(-200px) !important;
        -ms-transform:translateY(-200px) !important;
        -o-transform:translateY(-200px) !important;
        transform:translateY(-200px) !important
    }
    header header .logo-holder .text{
        -webkit-transform:translateY(12px) !important;
        -moz-transform:translateY(12px) !important;
        -ms-transform:translateY(12px) !important;
        -o-transform:translateY(12px) !important;
        transform:translateY(12px) !important
    }
    header header .menu-holder .icon .bar{
        background:#fff !important
    }
}
/*header{
    overflow:hidden
}*/
header .nav-wrap{
    background:#000 !important
}

.mobile-logo img{
    border-radius:0px
}
.right-off-canvas-menu{
    background:#212121;
    box-sizing:border-box
}
.mobile-nav-wrap{
    display:none;
    width:100%;
    position:fixed;
    padding:0px;
    z-index:9999 !important;
    top:0px;
    background:#555
}
.mobile-nav-wrap a{
    font-weight:400
}
.mobile-nav-wrap .phone{
    font-size:16px;
    float:left;
    padding:15px 20px;
    background:#000;
    color:#fff
}
.mobile-nav-wrap .phone .fi-telephone{
    margin-right:15px
}

.mobile-nav-wrap .js-menu-toggle .title{
    padding-right:30px
}
.mobile-nav-wrap .js-menu-toggle .icon{
    position:absolute;
    display:block;
    width:20px;
    height:2px;
    background:#ffffff;
    top:50%;
    margin-top:-1px;
    right:20px;
    margin-left:-10px;
    -webkit-transition:background 0.3s;
    -moz-transition:background 0.3s;
    transition:background 0.3s
}
.mobile-nav-wrap .js-menu-toggle .icon:before,.mobile-nav-wrap .js-menu-toggle .icon:after{
    content:'';
    position:absolute;
    left:0;
    background:inherit;
    width:100%;
    height:100%;
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -ms-transform:translateZ(0);
    -o-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transition:-webkit-transform 0.6s, background 0s;
    -moz-transition:-moz-transform 0.6s, background 0s;
    transition:transform 0.6s, background 0s
}
.mobile-nav-wrap .js-menu-toggle .icon:before{
    top:-6px;
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -ms-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0)
}
.mobile-nav-wrap .js-menu-toggle .icon:after{
    bottom:-6px;
    -webkit-transform:rotate(0);
    -moz-transform:rotate(0);
    -ms-transform:rotate(0);
    -o-transform:rotate(0);
    transform:rotate(0)
}
.mobile-nav-wrap.menu-is-open .js-menu-toggle .icon{
    background:rgba(232,74,100,0)
}
.mobile-nav-wrap.menu-is-open .js-menu-toggle .icon:before,.mobile-nav-wrap.menu-is-open .js-menu-toggle .icon:after{
    background:#ffffff
}
.mobile-nav-wrap.menu-is-open .js-menu-toggle .icon:before{
    top:0;
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    transform:rotate(135deg)
}
.mobile-nav-wrap.menu-is-open .js-menu-toggle .icon:after{
    bottom:0;
    -webkit-transform:rotate(225deg);
    -moz-transform:rotate(225deg);
    -ms-transform:rotate(225deg);
    -o-transform:rotate(225deg);
    transform:rotate(225deg)
}

.mobile-navigation{
    position:fixed;
    height:100%;
    right:0;
    top:0;
    z-index:1;
    width:220px;
    background-color:#555;
    overflow-y:auto;
    -webkit-transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    -webkit-transition-property:-webkit-transform;
    -moz-transition-property:-moz-transform;
    transition-property:transform;
    -webkit-transition-duration:0.4s;
    -moz-transition-duration:0.4s;
    transition-duration:0.4s;
    -webkit-transform:translateX(220px);
    -moz-transform:translateX(220px);
    -ms-transform:translateX(220px);
    -o-transform:translateX(220px);
    transform:translateX(220px)
}
.mobile-navigation.menu-is-open{
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
    transform:translateX(0);
    -webkit-overflow-scrolling:touch
}
.mobile-navigation h4{
    margin-bottom:0
}
.mobile-navigation h4 a{
    display:block;
    padding:15px 20px;
    font-size:15px;
    background:#000;
    color:#fff !important;
    box-shadow:none
}
.mobile-navigation h4 a:hover{
    background:#555
}
.mobile-navigation .links>ul{
    padding:0px;
    margin:0px
}

.mobile-navigation .links>ul>li>a:hover{
    opacity:1
		    color:#ADA273;
	text-decoration:none;
}
.mobile-navigation .links>ul>li.has-sub>ul{
    margin:0px;
    display:none;
    background:none;
    border-bottom:1px solid #000;
    padding:10px
}
.mobile-navigation .links>ul>li.has-sub>ul>li.inner-sub>a{
    text-transform:uppercase;
    color:#fff;
    background:none !important
}
.mobile-navigation .links>ul>li.has-sub>ul>li.inner-sub ul{
    margin:0px;
    padding-left:10px;
    padding-right:10px
}

.mobile-navigation .mobile-details{
    margin-top:30px
}
.mobile-navigation .mobile-details .socials{
    padding:20px 15px 10px 15px;
    margin-bottom:0px
}

.mobile-navigation .mobile-details p:hover,.mobile-navigation .mobile-details a:hover{
    color:#555
}
.mobile-navigation .mobile-details p{
    margin-bottom:5px
}
.mobile-navigation .mobile-details a{
    font-weight:300
}
.fixed-nav{
    position:fixed;
    width:100%;
    height:100vh;
    z-index:999;
    display:none;
    top:0;
	left:0;
	
	background:#fff;
}
.fixed-nav .nav-wrapper{
    width:60%;
	height:100%;
    background:rgba(255, 255, 255, 1);
    background-size:cover;
    position:relative;
	padding:120px 0 40px;
}
.fixed-nav .nav-wrapper ul {
	list-style:none;
	overflow:hidden;
	max-width:600px;
}

.fixed-nav .list ul li a{
    font-size:28px;
	font-family: "Montserrat", sans-serif;
    line-height:2;
    color:#4e4e4e;
    font-weight:400;
    display:inline-block;
    position:relative
}


.fixed-nav .nav-wrapper .second-menu ul li a{
    font-size:22px;
	font-family: "Montserrat", sans-serif;
    line-height:1.5;
    color:#4e4e4e;
    font-weight:400;
    display:inline-block;
    position:relative
}
.fixed-nav .nav-wrapper .second-menu ul li a:hover{
	color:#ADA273;
	text-decoration:none;
}

.fixed-nav .nav-wrapper .main-links .list ul li.has-sub a:after,.fixed-nav .sub-links .list ul li.has-sub1 a:after{
    content:'\bb';
    position:absolute;
    top:0px;
    right:-25px
}

.fixed-nav .sub-links{
    width:30%;
    background:#fff;
	opacity:0;
    visibility:hidden;
	position:absolute;
	top:0;
	bottom:0;
	left:40%;
	transition: all .5s;
	z-index:2;
}

.fixed-nav .sub-links {
overflow:auto;
}
.fixed-nav  .sub-links1 {
	width:30%;
    background:#fff;
	opacity:0;
    visibility:hidden;
	position:absolute;
	top:0;
	bottom:0;
	left:70%;
	transition: all .5s;
	z-index:2;
}
.fixed-nav .sub-links ul, .fixed-nav .sub-links1 ul {
	opacity:0;
	visibility:hidden;
	position:absolute;
	list-style:none;
	padding:40px 0;
	  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
	
}
.fixed-nav .sub-links ul.conditions-symptoms {
	  top: 0;
  -ms-transform: translateY(0);
  transform: translateY(0);
	
}
.fixed-nav .sub-links ul li a, .fixed-nav .sub-links1 ul li a {
	font-size:20px;
}
.fixed-nav .nav-wrapper .main-links .list ul li a:hover, .fixed-nav .sub-links .list ul li a:hover, .fixed-nav .sub-links1 .list ul li a:hover{
    opacity:1;
    color:#ADA273;
	text-decoration:none;
}
.fixed-nav .sub-links .list ul li a.has-links,.fixed-nav .sub-links1 .list ul li a.has-links{
    position:relative
}


    .fixed-nav .sub-links .list ul li.back, .fixed-nav .sub-links1 .list ul li.back1{
        display:inline-block;
		transition: all .5s;
    }

.fixed-nav .sub-links .list ul li.back a, .fixed-nav .sub-links1 .list ul li.back1 a{
	cursor:pointer;
}
.fixed-nav .sub-links .list ul li.back a:before, .fixed-nav .sub-links1 .list ul li.back1 a:before{
    content:'\ab';
    display:inline-block;
    position:relative;
    top:-1px;
    margin-right:3px
}
.fixed-nav .sub-links .list ul li ul, .fixed-nav .sub-links1 .list ul li ul{
    position:relative;
    top:0;
    margin-top:0px;
    transform:translateX(0) translateY(0);
    opacity:1;
    left:0;
    display:none;
    margin-top:30px;
    visibility:visible;
    transition:none !important
}
@media only screen and (max-width: 64em){
    .fixed-nav .sub-links .list ul li ul, .fixed-nav .sub-links1 .list ul li ul{
        margin:0
    }
}
.fixed-nav .sub-links .list ul li ul li, .fixed-nav .sub-links1 .list ul li ul li{
    padding-left:50px
}
@media only screen and (max-width: 64em){
    .fixed-nav .sub-links .list ul li ul li,   .fixed-nav .sub-links1 .list ul li ul li{
        padding-left:0;
        margin-top:10px
    }
}
.fixed-nav .sub-links .list ul li ul li a, .fixed-nav .sub-links1 .list ul li ul li a{
    padding-left:0
}

.fixed-nav .sub-links .list ul li ul li+li, .fixed-nav .sub-links1 .list ul li ul li+li{
    margin-top:22px
}
@media only screen and (max-width: 64em){
    .fixed-nav .sub-links .list ul li ul li+li, .fixed-nav .sub-links1 .list ul li ul li+li{
        margin-top:15px
    }
}
.fixed-nav .sub-links .list ul li.parent, .fixed-nav .sub-links1 .list ul li.parent{
    font-weight:700;
    border-bottom:2px solid #2a2a2a;
    margin-left:10px;
    font-size:16px;
    display:inline-block
}
@media only screen and (max-width: 64em){
    .fixed-nav .sub-links .list ul li.parent, .fixed-nav .sub-links1 .list ul li.parent{
        margin-top:20px;
        font-size:15px;
        margin-left:0
    }
}
.fixed-nav .sub-links .list ul li.sub, .fixed-nav .sub-links1 .list ul li.sub{
    padding-left:25px
}
@media only screen and (max-width: 64em){
    .fixed-nav .sub-links .list ul li.sub, .fixed-nav .sub-links1 .list ul li.sub{
        padding-left:0
    }
}
.fixed-nav .sub-links .list ul li.sub a, .fixed-nav .sub-links1 .list ul li.sub a{
    color:#888
}
.fixed-nav .sub-links .list ul li.sub a.here, .fixed-nav .sub-links1 .list ul li.sub a.here{
    color:#ff7200;
}
.fixed-nav .sub-links .list ul.long, .fixed-nav .sub-links1 .list ul.long{
    columns:2;
    -webkit-columns:2;
    -moz-columns:2
}
@media only screen and (max-width: 64em){
.fixed-nav .sub-links .list ul.long, .fixed-nav .sub-links1 .list ul.long{
        columns:1;
        -webkit-columns:1;
        -moz-columns:1
    }
	
}
@media only screen and (min-width: 64.1em){
    .fixed-nav .sub-links .list ul.long li:nth-child(3), .fixed-nav .sub-links1 .list ul.long li:nth-child(3){
        margin-top:0
    }
}

    .fixed-nav .sub-links.mobile-opened, .fixed-nav .sub-links1.mobile-opened, .fixed-nav .sub-links.mobile-opened .active, .fixed-nav .sub-links1.mobile-opened .active  {
        opacity:1;
		visibility:visible;
		transition: .5s ease-in;
    }
	
@media (min-width:769px) and (max-width:999px) and (max-height:600px) {
	.fixed-nav .nav-wrapper, .fixed-nav .sub-links, .fixed-nav .sub-links1 {
		overflow-y:auto;
	}
}



.right-image {
	width: 40%;
    height: 100%;
    right: 0;
    position: absolute;
    top: 0;
    background: url('/wp-content/themes/bb-theme-child/img/menu_sideimg.jpg');
	background-position: right top;
	z-index:1;
}

.second-menu li {
	float:left;
	width:50%;
}
.second-menu .fl-icon-group {
	padding: 20px 40px;
}
.second-menu .fl-icon-group i {
	font-size:20px;
	color:#ADA273;
	padding-right:10px;
}
.second-menu .fl-icon-group a:hover i {
	color:#337ab7;
}

.seperator {
	width:15%;
	margin-left:40px;
	margin-bottom:40px;
	margin-top:40px;
	height:2px;
	background-color:#ADA273;
}

.icon-holder .icon:not(.active) .word{
	border:1px solid #4e4e4e;
	border-radius:25px;
	padding:5px;
	display:block;
	font-size:14px;
}

.icon-holder .icon.active .word{
	display:none;
}
.icon-holder .icon:not(.active) .word:hover{
	background:#4A6C7E;
	color:#fff;
}

.fl-builder-content-15559 .icon-holder .icon:not(.active) .word {
	border:1px solid #ffffff;
	color:#fff;
}
.fl-builder-content-15559 .icon-holder .icon:not(.active) .word:hover{
	background:#fff;
	color:#4A6C7E;
}

@media only screen and (min-width:768px) and (max-width:1275px) {
	.fixed-nav .list ul li a {
		font-size:22px;
	}
	.fixed-nav .nav-wrapper .second-menu ul li a,
	.fixed-nav .sub-links ul li a,
	.fixed-nav .sub-links1 ul li a {
		font-size:16px;
	}
	.fixed-nav .nav-wrapper .second-menu ul {
		max-width:400px;
	}

}


@media only screen and (max-width:768px) {
	header .menu-holder {
		float: right;
		margin: 0;
		width: 75px;
		padding: 0;
	}
	
	.icon-holder .icon .bar {
		background:#fff;
	}
	.icon-holder .icon.active {
		left:20px;
		top:20px;
	}
	.fixed-nav .nav-wrapper {
		width:100%;
    	padding: 120px 20px 40px;	
	}
	.fixed-nav .right-image {
		display:none;
	}
	
	.fixed-nav .nav-wrapper .list ul li a {
		font-size:22px;
	}
	
	.fixed-nav .nav-wrapper .second-menu ul li a {
		font-size:16px;
	}
	
	.fixed-nav ul {
		padding-left:0;
	}
	
	.second-menu .fl-icon-group {
		padding-left: 0;
	}
	
	.seperator {
		width:25%;
		margin-left:0px;
	}
	.fixed-nav .sub-links, .fixed-nav .sub-links1{
   left:800px;
		transition: all .5s;
}
	    .fixed-nav .sub-links.mobile-opened, .fixed-nav .sub-links1.mobile-opened{
       left:0;
			
    }
	.fixed-nav .sub-links ul, .fixed-nav .sub-links1 ul {
	padding:20px;
		margin-top:80px;
		top:0;
		transform:none;
		width:100%;
		height:80vh;
		overflow:auto;
	}
	.fixed-nav .sub-links, .fixed-nav .sub-links1 {
		width:100%;
	}
	.fixed-nav .sub-links ul li a, .fixed-nav .sub-links1 ul li a {
	font-size:16px;
		line-height:1.3;
		margin-bottom:20px;
}
}