/*
Theme Name: Band of Lawyers
Author: Daniel Clark
Version: 1.0.0
Text Domain: band-of-lawyers
*/
#page .site-main .wp-block-group > .wp-block-group__inner-container > .pricing-tables {
    max-width: 1600px;
}



.site-main .wp-block-group > .wp-block-group__inner-container h1.pricing-heading{
	
	font-size: 45px;
    line-height: 1.5;
    max-width: 730px;
    margin-bottom: 45px;
}


.pricing-top-desc{
	
	margin-bottom: 48px;
}



.return-to-shop{
text-align: center;
    margin-top: 20px;
	}
	
#wpsc_insert_macros{display:none!important;}
.legal-matters-info
{
	max-width: 1120px;
    margin-bottom: 35px;
    text-align: center;
}
.basket-mobile {       margin-right: 60px;
    margin-top: 1px;}
@media (max-width: 640px)
{.basket-mobile {    margin-right: 39px;
    margin-top: 9px;}

.basket-mobile .woofc-menu-item .woofc-menu-item-inner i {
    font-size: inherit;
    line-height: inherit;
    display: inline-block;
    font-size: 15px;
    margin-right: 5px;
    width: 20px;
}
.basket-mobile .woofc-menu-item .woofc-menu-item-inner:after {
    content: attr(data-count);
    display: block;
    background-color: #e94b35;
    color: #fff;
    font-size: 9px;
    font-weight: 400;
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    border-radius: 8px;
    position: absolute;
    left: -10px;
    top: -3px;
}}


.basket-mobile .woofc-menu-item-inner-subtotal{display:none}
.service-icons-desc.right-test {
    text-align: right;
    margin-left: 19px;
    width: 300px;
    margin-right: 19px;
}
.home-legal-templates{
	   
	display: flex;
    align-items: center;
}
.home-legal-templates h3{
	    font-size: 35px;
    color: #515151;
	
}
.home-legal-templates img {
    max-width: 320px;
}
.woocommerce-info.wc-memberships-member-discount-message{
	display:none;
}
.added_to_cart.wc-forward{
	margin-left:15px;
	
}
.services-overview h1.medium-h1-size{
	font-size:47px;
}
.services-overview h1.small-h1-size{
	font-size:43px;
}

.ui-dialog .ui-dialog-titlebar-close {
   
    display: none;
}
#sp_cdm_breadcrumbs {
    background-color: #EBEBEB;
    padding: 12px;
    margin: 10px 0px;
    display: none;
}
.ui-widget-header {
    border: none;
    background: #1771eb;
    color: #222222;
    font-weight: bold;
}
.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200vh;
}
.onsale.wc-memberships-member-discount{
	
	display:none;
}
.taptap-sub-arrow-inner::after {
    
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
}
.taptap-main .taptap-by-bonfire  li.menu-item-has-children  a:after {
   display:none 
}
.taptap-main .taptap-by-bonfire .sub-menu li a:after {
   display:none 
}
.taptap-by-bonfire .sub-menu li{
	
    height: auto;	
	
}
.taptap-sub-arrow-inner::before, .taptap-sub-arrow-inner::after {
   display:none
}
.taptap-sub-arrow-inner {
    position: relative;
    display: block;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-left: 1px solid #4A4D50;
}

.taptap-sub-arrow {
    position: absolute;
    cursor: pointer;
    right: 25px;
    top: 0;
    width: auto;
    display: inline-block;
    margin: 8px 0 0 13px;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.taptap-sub-arrow-inner::after {
    content: "\f054";
    font-family: FontAwesome;
    color: #ffffff;
    margin-left: auto;
	left:0;
	    top: -4px;
	
    font-size: 22px;
    font-weight: 100;
    display: block;
    height: auto;
    width: auto;
	    background: none;
}
.taptap-by-bonfire span.taptap-submenu-active span::after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    transform-origin: center;
}
.taptap-sub-arrow-inner::after {
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    transform-origin: center;
}

.taptap-by-bonfire .sub-menu a {
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0;
    margin: 0;
    margin-left: 15px;
    padding: 11px 0;
}
.logged-in #menu-item-936 {
    display: none;
}
 #menu-item-936 {
    display: block;
}
#menu-item-295, #menu-item-935 {
    display: none;
}
.logged-in #menu-item-295,.logged-in #menu-item-935 {
    display: block;
}
.sign-up-btn-container {
	margin-top: 30px;
    display: flex;
    justify-content: center;
}
.sign-up-btn {
    background-color: #4945fe;
    padding: 7px 23px;
    border-radius: 7px;
    color: white;
    font-weight: 500;
    box-shadow: 0px 0px 12px 0px #00000005;
    background: -webkit-linear-gradient(90deg, rgb(73, 69, 254), rgb(79, 75, 255));
}
.sign-up-btn:hover {
  
    color: white;
   
}

.go-to-templates {
	margin-top: 30px;
    display: flex;
    justify-content: center;
}
.go-to-templates-btn{
    background-color: #4945fe;
    padding: 7px 23px;
    border-radius: 7px;
    color: white;
    font-weight: 500;
    box-shadow: 0px 0px 12px 0px #00000005;
    background: -webkit-linear-gradient(90deg, rgb(73, 69, 254), rgb(79, 75, 255));
}
.go-to-templates:hover {
  
    color: white;
   
}
.get-started-btn-container{
	
    display: flex;
  justify-content: flex-start;
}
.get-started-btn{
	 background-color: #ffffff;
    padding: 5px 20px;
    font-size: 18px;
    border-radius: 7px;
    color: #4541fe;
    font-weight: 600;
    box-shadow: 0px 0px 12px 0px #00000005;
}

.get-started-btn:hover {
  
    color: #4541fe;
   
}

.woofc-area.woofc-style-02 .woofc-area-top {

    color: #fff;

    background-color: #5450fe;
}
.woofc-area.woofc-style-02 .woofc-area-top .woofc-close {
    
    color: #fff;
    
}
.woofc-area.woofc-effect-01 {
      z-index: 99999999999;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.main-navigation .login-basket-container .my-account-btn-container {
    display: flex;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    color: #fff;
    background: #f6f9fc00;
    background-clip: padding-box;
    border: none;
    border-radius: 100px;
    margin-right: 35px;
}
.main-navigation .login-basket-container .my-account-btn {
    background: none;
    -webkit-background-clip: text;
    -webkit-text-fill-color: unset;
    padding: 0;
    border-radius: 100px;
    font-size: 14px;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
}

#masthead.Nav li:last-child a{
	
	padding-right:0;
}
.login-basket-container{
	display: flex;
    align-items: center;
    justify-content: flex-end;
}

.nav-inner-container{
	    align-items: center;
	display:flex;
}

.woofc-menu-item.menu-item-type-woofc a{
	color:#ffffff;
	
	
}
.single-product.woocommerce div.product form.cart {
    margin-bottom: 2em;
    display: flex;
}

.single-product.woocommerce .quantity .qty {
   
    margin-right: 3px;
}
.single-product.woocommerce ul.products li.product,.single-product.woocommerce-page ul.products li.product {
  
    width: 30%;
    flex-basis: 30%;
    flex-grow: 1;
  
}
#cdm_nav_buttons a:link, #cdm_nav_buttons a:visited {
    background: #27aaf9;
    color: #FFF;
    border-radius: 8px;
    padding: 7px 35px;
    font-size: 17px;
}
.sp-cdm-rc-file .sp-cdm-rc-file-image {
    float: left;
    width: 35px;
    margin-right: 15px;
}

.sp-cdm-rc-file .sp-cdm-rc-file-date {
    font-style: normal;
    font-size: 12px;
    float: right;
    text-align: left;
}
.spdocshd{
	display:none;
}


#shop-top-bar .dgwt-wcas-no-submit .dgwt-wcas-ico-magnifier {
    
    margin-top: auto;
}
#shop-top-bar
{
	display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
	    margin-bottom: 40px;
}

#shop-top-bar select {
    border: 1px solid #fff;
}
.single-product.woocommerce .woocommerce-breadcrumb {
    text-align: center;
    color: #ffffff;
    margin: 0;
    margin-bottom: 61px;
}

.single-product h2.product_category_title {
  text-align: center;
    color: #ffffff;
    font-size: 56px;
} 
.single-product.woocommerce #primary {
    margin-top: -137px;
} 

.single-product.woocommerce div.product .product_title {
    clear: none;
    margin-top: 0;
    padding: 0;
    font-size: 32px;
}
.single-product.woocommerce div.product div.images img {
    display: block;
    width: 100%;
    height: auto;
    box-shadow: none;
    box-shadow: 0 0.25em 1.25em 0 #f0f0f0;
}
.woocommerce div.product div.images.woocommerce-product-gallery {

    box-shadow: 0 0.25em 1.25em 0 #f0f0f0;
}
.product-loop-title-price{
	
	    flex-basis: 60%;
}


#shop-loop-and-sidebar {
    display: flex;
    width: 100%;
	
    justify-content: space-between;
}
#shop-sidebar-primary {
    flex-basis: 18%;
	list-style: none;
}
#shop-sidebar-primary li {
   
	list-style: none;
}
#shop-sidebar-primary li a{
   
color: #7b7b7b;
    font-size: 20px;
}
#shop-sidebar-primary li.current-cat a{
color: #416afe;
}

#shop-sidebar-primary ul {
   
	margin: 0;
}
#shop-loop-and-sidebar .products ul,#shop-loop-and-sidebar ul.products {
    margin: 0 0 1em;
    padding: 0;
    list-style: none outside;
    clear: both;
    flex-basis: 80%;
    justify-content: flex-end;
    display: flex;
    flex-wrap: wrap;
}
.product-loop-title-price p{
   display: block;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    margin-bottom: 0;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-thumbnail-add-to-cart{
	display: flex;
    flex-direction: column;
	align-items: flex-end;
}
#shop-loop-and-sidebar .woocommerce-Price-amount.amount{
	
	font-size: 16px;
    color: #3d9738;
}
.woocommerce ul.products li.product h2.woocommerce-loop-product__title{
	
	font-size: 21px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    float: left;
       margin: 0px 0px 30px 0px;
       padding: 25px 30px;
    position: relative;
      width: 100%;
    flex-basis: 100%;
    flex-grow: 1;
    margin-left: 0;
	    display: flex;
    border-radius: 5px;
   box-shadow: 0 0.25em 1.25em 0 #f0f0f0;
	justify-content: space-between;
}
.woocommerce ul.products li.product .button {
    margin-top: 1em;
    height: 38px;
    width: max-content;
}
.woocommerce ul.products li.product a img {
    width: 100%;
	
    max-width: 168px;
    height: auto;
        display: block;
    margin: 0;
    margin-left: auto;
    box-shadow: none;
    border: #e6e6e6 solid 1px;
    padding: 25px 3px;
}


.woocommerce .home-shapes-bg {
  
    padding: 215px 0 70px 0;
   
}
.woocommerce #primary{
	
margin-top: -118px;
}
h1.woocommerce-products-header__title.page-title{
	color: #ffffff;
	text-align: center;
    font-size: 56px;
	    margin-bottom: 0;
}
.woocommerce .woocommerce-breadcrumb a {
    color: #ffffff;
}

.woocommerce .woocommerce-breadcrumb {
   text-align: center;
    color: #ffffff;
	    margin: 0;
	    margin-bottom: 42px;
}
.woocommerce .site-main {
    flex: 1 0 auto;
    position: relative;
      
    padding-bottom: 80px;
    max-width: 1200px;
    margin: auto;
}
.attachment_cancel {
	
	    width: 20px;
    height: 20px;
    margin: 0px 0px 0px 6px;
}
.service-icons-desc{
	    text-align: left;
    margin-left: 19px;
    width: 300px;
	
}
.pricing-top-desc p {
    position: relative;
    color: #ffffff;
    max-width: 650px!important;
}


 @media (min-width: 782px)
{.about-columns .wp-block-column:not(:first-child) {
    margin-left: 90px;
}}

.about-columns h3 {
	color: #2f2f2f;
	
}
.grey-bg{
	background-color: #fafafa;
}
.quote-under-img{
	
	background: #ffffff;
    color: #555555;
    box-shadow: 0 13px 27px -5px rgba(0, 0, 0, 0.32);
    padding: 28px 35px;
    width: 85%;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.2;
    position: relative;
    margin-left: 82px;
    margin-top: -85px;
    z-index: 10;
    border-radius: 3px;
}
.grey-bg .row-margin {
   
    margin: 0;
    padding: 80px 0px;

}
/*h4 {
    font-size: 15px;
    line-height: 1.5;
    text-transform: uppercase;
    color: #636363;
    letter-spacing: 2px;
    font-weight: 600;
}*/

.legal-docs-table h3{
	    color: #2f2f2f;
}
.services-overview .corporate-img{
	max-width: 667px;
    margin-top: 25px;
}
.photo-img{
	
	    webkit-box-shadow: 0 13px 27px -5px rgba(0, 0, 0, 0.42), 0 8px 16px -8px rgba(0, 0, 0, 0.46), 0 -6px 16px -6px rgba(0, 0, 0, 0.35);
   box-shadow: 0 13px 27px -5px rgba(0, 0, 0, 0.42), 0 8px 16px -8px rgba(0, 0, 0, 0.46), 0 -6px 16px -6px rgba(0, 0, 0, 0.35);
}
.row-margin{
	justify-content: space-between;
	    margin: 70px auto;
}
.site-main .entry-content .row-margin li{
	
	      margin-left: 2em;
}

.columns-img-left{
	    display: flex;
    align-items: center;
}

.column-img-left
{justify-content: center;
    display: inline-flex;
    flex-basis: auto;}



.columns-img-left img{
	    max-width:85%
}
.columns-img-left right{
	    max-width:350px
}
.columns-img-right{
	    display: flex;
    align-items: center;
}

.wide-sml{
	margin: 65px auto;
	    max-width: 780px;
}.wide-sml p{
	
	    margin-bottom: 5px;
}
   
.services-icons-bg{
	    background-color: #f2f2f2;
    padding: 60px 0;
	    text-align: center;
	
}
.services-icons-bg .wp-block-column a{
	        display: flex;
    flex-basis: auto;
    flex-direction: row;
    align-items: center;
	
}
.services-icons-text{
	text-align: left;
    margin-left: 19px;
    width: 300px;
	
}
.services-icons-bg h4{
	    color: #2f2f2f;
    font-weight: 700;
    margin-top: 9px;
	    font-size: 22px;
    margin-bottom: 0;

	
}
.services-icons-bg .fas{
	   font-size: 48px;
    background-color: #ffffff;
    width: 126px;
    height: 82px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    color: #4845fe;
    box-shadow: 0 0.25rem 0.875rem #d9d9d9;
	  -webkit-box-shadow: 0 0.25rem 0.875rem #d9d9d9;
  -moz-box-shadow:   0 0.25rem 0.875rem #d9d9d9;
	
}
.services-icons-last-column-hide{
	
	    opacity: 0;
}
.services-heading{
	    flex-basis: 40%;
    margin-right: -42px;
	
}
.services-heading p{
	        font-size: 18px;
    color: #fff;
	
}

   .services-overview
{
	        margin-top: -408px;
    z-index: 10;
    position: relative;
    display: flex;
    justify-content: space-between;
    max-width: 1160px;
}
.services-overview.business-contracts img {
    max-width: 100%;
    margin-top: 112px;
}
.services-overview.employment-hr h1 {
    color: #ffffff;
    font-size: 47px;
    line-height: 1.2;
    font-weight: 800;
    margin-top: 77px;
}
.services-overview.employment-hr img {
        margin-top: 128px;
}
.services-overview img {
      max-width: 100%;
    margin-top: 103px;
}
.services-overview.legal-docs h1 {
    color: #ffffff;
    font-size: 41px;
    line-height: 1.2;
    font-weight: 800;
    margin-top: 35px;
}
.services-overview.legal-docs img {
	    max-width: 467px;
    margin-top: 34px;
}

.services-overview.debt-recovery h1 {
    color: #ffffff;
    font-size: 42px;
    line-height: 1.2;
    font-weight: 800;
    margin-top: 35px;
}
.services-overview.debt-recovery img {
	     max-width: 100%;
    margin-top: 68px;
}

.services-overview.corporate-commercial h1 {
    color: #ffffff;
    font-size: 47px;
    line-height: 1.2;
    font-weight: 800;
    margin-top: 54px;
}
.services-overview.corporate-commercial img{
	     max-width: 100%;
    margin-top: 116px;
}

.services-overview.small-claims h1 {
    color: #ffffff;
    font-size: 47px;
    line-height: 1.2;
    font-weight: 800;
    margin-top: 70px;
}
.services-overview.small-claims img{
	     max-width: 100%;
    margin-top: 116px;
}
.services-overview h1 {
	
	color: #ffffff;
    font-size: 40px;
    line-height: 1.2;
    font-weight: 800;
}
#top-nav-container{}

/*.linkTitle.linkIcon:hover svg{
	
	fill: #000;
}*/
.Nav .fas.fa-arrow-right{
	    height: auto;
	font-size: 17px;
    text-align: left;
    margin-left: 8px;
    background: none;
    width: auto;
    box-shadow: none;
	    color: #2f3145;
}
.Nav-column:first-child{
	margin-right: 15px;
	width: 315px;
	
}
.nav-title-top{
	    margin-bottom: 10px;
}
.Nav-top-row{
	    
}
.Nav-columns{
	display: flex;
}
    
.Nav-column:last-child{
    margin-left: 15px;
	width: 315px;
}
.Nav .fas {
	background: -webkit-linear-gradient(90deg, rgb(225, 236, 252), rgb(243, 243, 254));
    width: 22%;
    display: flex;
    height: 51px;
    justify-content: center;
    color: rgb(82, 105, 189);
    box-shadow: 0px 0px 12px 0px #00000005;
    align-items: center;
    border-radius: 7px;
    font-size: 24px;
    margin-right: 18px;
    text-align: center;
}
.Nav {
  position: absolute;
  z-index: 500;
  top: 10px;
  right: 0;
  left: 0;
  height: 50px;
  padding: 0;
  font-family: Camphor, Open Sans, Segoe UI, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  perspective: 2000px;
}

.Nav ul {
  margin: 0;
  padding: 0;
}

.Nav li {
  list-style: none;
}

.Nav a {
  transition: color 0.1s;
  text-decoration: none;
  color: #6772e5;
  -webkit-tap-highlight-color: transparent;
}

.Nav a:hover {
  color: #32325d;
}

.Nav-base {
  position: relative;
  margin: 0 -5px;
  justify-content: center;
}

.Nav-base a {
  color: #fff;
}

.Nav-base a:active,
.Nav-base a:hover {
  color: hsla(0, 0%, 100%, 0.5);
}

.Nav > .Container {
  padding: 0;
}

.Nav-base {
  display: flex;
}

.Nav .rootLink {
  display: inline-flex;
	align-items: center;
  height: 37px;
  padding: 0 15px;
  user-select: none;
  white-space: nowrap;
}
.not-top.Nav .rootLink {
 
  height: 32px;

}
.Nav .allowExpand .rootLink {
  padding: 0 20px;
}



.Nav .rootLink h2 {
  margin: 0;
  color: inherit;
  font-size: 17px;
  font-weight: 400;
  line-height: 50px;
}

.Nav .primary .rootLink h2 {
  font-weight: 500;
}

.Nav .Dropdown-base {
  position: absolute;
  z-index: 1000;
  top: 82px;
  right: 0;
  left: 0;
  display: block;
  transition-duration: 0.25s;
  transition-property: transform, opacity;
  transform: rotateX(-15deg);
  transform-origin: 50% -50px;
  pointer-events: none;
  opacity: 0;
  will-change: transform, opacity;
}

.Nav.dropdownActive .Dropdown-base {
  transform: none;
  pointer-events: auto;
  opacity: 1;
}

.Nav .Dropdown-bg {
  overflow: hidden;
  width: 800px;
  height: 400px;
  transform: translateX(0);
  transform-origin: 0 0;
  border-radius: 7px;
  background: #fff;
  box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1);
}

.Nav .Dropdown-bg--alt,
.Nav .Dropdown-bg {
  position: absolute;
  top: 0;
  left: 0;
  transition-duration: 0.25s;
  transition-property: transform;
  will-change: transform;
}

.Nav .Dropdown-bg--alt {
  right: 0;
  height: 1000px;
  background: #f6f9fc;
}

.Nav .Dropdown-arrow {
  top: -6px;
  width: 12px;
  height: 12px;
  margin: 0 0 0 -10px;
  transition-property: transform;
  transform: rotate(45deg);
  border-radius: 4px 0 0 0;
  background: #fff;
  box-shadow: -2px -2px 5px rgba(82, 95, 127, 0.08);
  will-change: transform;
}

.Nav .Dropdown-arrow,
.Nav .Dropdown-container {
  position: absolute;
  left: 0;
  transition-duration: 0.25s;
}

.Nav .Dropdown-container {
  top: 0;
  overflow: hidden;
  transition-property: transform, width, height;
  transform: translateX(0);
  will-change: transform, width, height;
	    color: #3e4476;
}

.Nav .Dropdown-section {
  transition-duration: 0.25s;
  transition-property: transform, opacity;
  pointer-events: none;
  opacity: 0;
  background: red;
  will-change: transform, opacity;
}

.Nav .Dropdown-section.active {
  transform: translateX(0);
  pointer-events: auto;
  opacity: 1;
}

.Nav .Dropdown-section.left {
  transform: translateX(-150px);
}

.Nav .Dropdown-section.right {
  transform: translateX(150px);
}

.Nav.noDropdownTransition .Dropdown-bg--alt,
.Nav.noDropdownTransition .Dropdown-arrow,
.Nav.noDropdownTransition .Dropdown-bg,
.Nav.noDropdownTransition .Dropdown-container,
.Nav.noDropdownTransition .Dropdown-section {
  transition: none;
}

.Nav .Dropdown-content {
  position: absolute;
  top: 0;
  left: 0;
}

.Nav .Nav-linkGroup {
     padding: 20px 35px;
    display: flex;
    flex-direction: column;
}

.Nav .Nav-link {
  display: block;
	height: 25%;
  padding: 7px 0;
display: flex;
	align-items: center;
}

.Nav .linkTitle {
letter-spacing: 0.025em;
    color: #2f3145;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
}
.Nav-description{
width: 70%;
	
}
.Nav-description p{
	    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0;
	    color: #767676;
}
.Nav .linkSub {
  display: block;
  margin-top: 5px;
  color: #6b7c93;
  font-size: 15px;
  line-height: 22px;
}

.Nav .linkSub,
.Nav .linkTitle {
  transition: color 0.1s;
}

.Nav .Nav-link:hover .linkTitle,
.Nav .linkTitle:hover {
  color: #32325d;
}

.Nav .Nav-link:hover .linkSub {
  color: #424770;
}

.Nav .hover-fillDark,
.Nav .hover-fillLight {
  transition: fill 0.1s;
}

.Nav .hover-strokeDark,
.Nav .hover-strokeLight {
  transition: stroke 0.1s;
}

.Nav .Nav-link:hover .hover-fillLight {
  fill: #8898aa;
}

.Nav .Nav-link:hover .hover-fillDark {
  fill: #32325d;
}

.Nav .Nav-link:hover .hover-strokeLight {
  stroke: #8898aa;
}

.Nav .Nav-link:hover .hover-strokeDark {
  stroke: #32325d;
}

.Nav .linkIcon {
  white-space: nowrap;
}

.Nav .linkIcon svg {
  margin: 0 12px -3px -1px;
}

.Nav .withIcon {

}

.Nav .withIcon .linkTitle {
    margin-bottom: 0;
	    display: inline-flex;
    align-items: center;
}

.Nav .documentationGroup .linkSub {
  max-width: 250px;
	display: flex;
    align-items: center;
    flex-direction: row;
}

.Nav .documentationArticles {
  display: flex;
  margin: 15px 20px 10px 28px;
  white-space: nowrap;
  font-size: 15px;
  line-height: 26px;
}

.Nav .documentationArticles > ul {
  margin-right: 40px;
}

.Nav .documentationArticles > ul:last-child {
  margin-right: 0;
}

.Nav .documentationArticles h4 {
  margin: 0 0 3px;
  letter-spacing: 0.025em;
  text-transform: uppercase;
  color: #8898aa;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.Nav-blogPosts {
  margin: 5px 5px 12px 28px;
}

.Nav-blogPosts a {
  position: relative;
  display: block;
  margin-top: 10px;
  white-space: nowrap;
  font-size: 15px;
}

.Nav-blogPosts a:after {
  margin-left: 6px;
  content: '\27A2';
  vertical-align: -3px;
  font: normal 16px StripeIcons;
}

.Nav-blogPosts a.fresh {
  font-weight: 500;
}

.Nav-blogPosts a.fresh:before {
  position: absolute;
  top: 7px;
  left: -19px;
  width: 8px;
  height: 8px;
  content: '';
  border-radius: 50%;
  background: currentColor;
}

.Nav-blogPosts span {
  display: inline-block;
  overflow: hidden;
  max-width: 300px;
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 22px;
}



/* =============== NEW STUFF =============== */
.logged-in .main-navigation .my-account-btn{
	display:block;
	
}
.main-navigation .my-account-btn{
	display:none;
	
}
.logged-in .my-account-btn.login{
	
	display:none;
}

.my-account-btn.login{
	
	display:block;
}


#wc-memberships-members-area {
max-width: 1200px !important;
	
}
.wc-memberships-members-area-navigation
{
	margin-top: -90px !important;
	
}


ul {
    
    padding-inline-start: 0;
}
.plan__features a {
	
	display: flex;

justify-content: center;
}
.woocommerce-MyAccount-content a {
	color: #3f3ce3;
}
.woocommerce form.login, .woocommerce form.register {
	
	margin: auto;
	width: 360px;
}

.woocommerce-account h2 {
	font-size: 50px;
	font-weight: 900;
	line-height: 1.4;
	margin: auto;
	margin-bottom: 20px;
}


.woocommerce-order-received .woocommerce-MyAccount-subscriptions.woocommerce-orders-table--subscriptions{
	margin-top: 18px;
	
	
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
	background: #fff;
	border-radius: 5px;
}
#add_payment_method #payment ul.payment_methods li img.stripe-icon, .woocommerce-checkout #payment ul.payment_methods li img.stripe-icon {
	margin-left: 6px;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
	
	padding: 22px;
	
	border-radius: 5px;

	background-color: #f2f2f2;
	color: #515151;
}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
	
	border: 1em solid #f2f2f2;
	border-right-color: transparent;
	border-left-color: transparent;
	border-top-color: transparent;

}
.wc-stripe-elements-field, .wc-stripe-iban-element-field {
	
	border-radius: 2px;
}

label[for=payment_method_stripe] {
	    width: 100%;
}
	
.woocommerce-ResetPassword.lost_reset_password {
	margin: auto;

width: 360px;
	
}
.woocommerce-ResetPassword.lost_reset_password .woocommerce-form-row {
	
	width:100%;
}


/* =============== SUBSCRIPTIONS PAGE =============== */

.woocommerce-account.woocommerce-view-subscription .woocommerce-MyAccount-content {
	float: right;
	width: 90%;
	margin: auto;
	margin-top: 20px;
	padding: 0 20px;
}



.woocommerce-view-subscription .shop_table.subscription_details {
	margin-bottom: 50px;
	box-shadow: 0 20px 36px 0 rgba(69, 73, 79, 0.09), 0 5px 12px -3px rgba(0,0,0,.07);
	padding: 27px;
}
.woocommerce-view-subscription .woocommerce-MyAccount-content h2
{
	font-weight: 800;
	font-size: 30px;
	margin-left: 10px;
	    clear: left;
}

.woocommerce-view-subscription .shop_table.order_details
{
width: 45%;

clear: left;
margin-top: 10px;
float: left;	
}
.woocommerce .button.cancel{display:none}
.woocommerce-view-subscription .woocommerce-customer-details
{
    float: right;
    width: 45%;
    margin-top: 15px;
}
.woocommerce-view-subscription .woocommerce-customer-details address {
	margin-top: 25px;
	padding: 12px 15px;
}
.woocommerce-view-subscription .shop_table.subscription_details tbody::before {
	content: "Subscription Status";
	font-size: 30px;
	margin-left: 10px;
	font-weight: 800;
	line-height: 1.4;
	width: 100%;
	display: inline-block;
	margin-bottom: 15px;
}



@media only screen and (max-width: 720px) {
	.woocommerce-view-subscription .shop_table.order_details {
	width: 100%;
	
}
	
	.woocommerce-view-subscription .woocommerce-customer-details {
	width: 100%;
	margin-top: 0;
}
	
	
	.woocommerce-view-subscription .button.cancel {
	
	margin-bottom: 10px;
}
	.woocommerce-account.woocommerce-view-subscription .woocommerce-MyAccount-content {

    width: 100%;

}
	
}


/* =============== SUPPORT TICKETS =============== */
.widget_header .fa, .widget_header .fas {
	
	color: #464646 ;
}

.entry-content #wpsc_tickets_container {
   
    border: none;
   
}

.entry-content .wpsc_tl_action_bar {
    width: 100%;
    background-color: transparent ;
}
.bootstrap-iso #wpsc_tickets_container .form-control {
 
    border: none !important;
    
}
.bootstrap-iso #wpsc_tickets_container .create_ticket_frm_submit .btn {

    margin-right: 20px !important;
}
.bootstrap-iso .wpsc_tl_action_bar .btn-sm, .bootstrap-iso .wpsc_tl_action_bar .btn-group-sm > .btn {
    padding: 7px 35px;
    font-size: 17px;
    line-height: 1.5;
    border-radius: 7px;
    background-color: #e91e5a;
}
#wpsc_tickets_container .wpsc_loading_icon {
    margin-top: 118px;
    margin: auto;
}
#wpsc_sign_out {display:none}

.bootstrap-iso .table > tbody > tr > th {
    font-size: 15px;
    text-transform: uppercase;
    
}
.entry-content .wpsp_admin_label {
border-radius: 6px;
    font-weight: bold;
    padding: 7px 17px;
    font-size: 12px;
   
}



.bootstrap-iso #wpsc_tickets_container .col-md-3 {
    width: 25%;
    order: 1;
}
.bootstrap-iso #wpsc_tickets_container .col-md-9 {
    width: 75%;
    order: 2;
}

.entry-content .wpsp_sidebar_labels .wpsp_admin_label {
border-radius: 6px;
    font-weight: bold;
    padding: 7px 17px;
    font-size: 12px;
    line-height: 32px;
}
.entry-content .wpsc_sidebar .row {
    background-color: #fff;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 15px;
    border: none;
    display: flex;
    flex-direction: column;
}

.row.wpsc_it_subject_widget {
	padding: 15px 15px 5px 15px !important;
	
}
.wpsp_sidebar_labels strong{
	    margin-right: 10px;
}
.bootstrap-iso #wpsc_tickets_container .wpsc_sidebar .btn {
    padding: 7px 10px;
 
}
#wpsc_tickets_container .wpsc_sidebar .wpsc_thread {
    padding: 12px;
   
}
#wpsc_tickets_container .wpsc_sidebar .widget_divider {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.page-id-1134 .site-main {
   
    background-color: #f4f6f9;
}


 .bootstrap-iso .table > tbody > tr > td:last-child{
  border-radius: 0 10px 10px 0;
}

  .bootstrap-iso .table > tbody > tr > td:first-child{
  border-radius: 10px 0 0 10px;
}

.bootstrap-iso #tbl_wpsc_ticket_list.table > tbody > tr > td{
	border-top: 1em solid #f9f9f9;
	font-size: 16px;
    color: #676767;
	    padding: 12px 8px;
	background-color: #fff;
}





.entry-content .bootstrap-iso table {
    border-collapse: separate;
    border-spacing: 0px 15px;
}
.row.wpsc_tl_action_bar .col-sm-12{
	display: flex;
  justify-content: space-between;
	    flex-direction: row-reverse;
}


.bootstrap-iso .wpsc_ticket_search_box .form-control {
    display: block;
    width: 100% !important;
    height: 45px !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    color: #555555 !important;
    background-color: #ffffff !important;
    background-image: none !important;
    border: none !important;; 
    border-radius: 7px !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s !important;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s !important;
}
#wpsc_tickets_container .wpsc_search_btn {
    margin-top: -31px;
    cursor: pointer;
    font-size: 17px;
}
#wpsc_tickets_container #wpsc_ticket_search {
    padding: 0 48px !important;
}

#wpsc_tickets_container .wpsc_ticket_search_box {
	flex: 100%;
    max-width: 100%;
	width: 100%;
	    margin-left: 0;
	    margin-bottom: 35px!important;  
}

.bootstrap-iso  .col-md-offset-4.wpsc_ticket_list_nxt_pre_page
{margin-left: auto;
text-align: right !important;
	padding:0;
	width: auto;
}

.wpsc_ticket_list_nxt_pre_page button:last-child, .wpsc_ticket_list_nxt_pre_page button:first-child{
	
	display:none
}

.chk_ticket_list_item, #chk_all_ticket_list{display:none}
.bootstrap-iso #wpsc_tickets_container .form-control:focus {
    border-color: #ffffff !important;
    outline: 0 !important;
    -webkit-box-shadow: 0px 0px 7px 0px #dededebf!important;
    box-shadow: 0px 0px 7px 0px #dededebf!important;
}

.bootstrap-iso .wpsc_pagination_prev_next_btn .btn-default {
    background-color: #ffffff !important;
    background-image: none;
    border: none;
    line-height: 10px;
    font-size: 25px;
    padding: 2px 12px;
    border-radius: 7px;
}
.bootstrap-iso .wpsc_pagination_prev_next_btn .btn-default .fa-step-forward:before {
    content: "\f0da";
}


.bootstrap-iso .wpsc_pagination_prev_next_btn .btn-default .fa-step-backward:before {
    content: "\f0d9";
}

.wpsc_ticket_list_nxt_pre_page button:nth-of-type(2) {
      margin-right: 15px !important;
}
.wpsc_ticket_list_nxt_pre_page button:nth-of-type(3) {
      margin-left: 15px !important;
}
#wpsc_tickets_container .row{
	
	width: 100%
}
#wpsc_load_list_hide_filters_btn, #wpsc_load_list_reset_filters_btn, #wpsc_load_list_agent_setting_btn, #wpsc_load_list_show_filters_btn{
	
	display:none!important;
}
.wpsc_search_btn_filter{
	
	display:none !important;
}
.bootstrap-iso #wpsc_tickets_container .table-responsive {
   
    border: none;
}


#wpsc_tickets_container .wpsc_thread {
        padding: 30px;
    border-radius: 8px;
    margin-bottom: 20px;
    border: none;
}


.wpsc_seen_info:before{
	
	 
    content: "\f058";
    color: #96ce98;
    font-size: 20px;
}
#wpsc_frm_tkt_reply
 {   width: 100%;
    background-color: white;
    border-radius: 10px;
   padding: 0px 0px 15px 0px;}

.bootstrap-iso #wpsc_tickets_container .mce-tinymce {
    border: none;
}
.row.wpsc_it_subject_widget 
	{
    background-color: #ffffff;
    border-radius: 8px;
    padding: 0px 15px;
    margin-bottom: 18px;
    color: #33abf3;

}
#wpsc_tickets_container .thread_messege,#wpsc_tickets_container .thread_messege p {
    font-size: 16px !important;
}
#wpsc_tickets_container .wpsc_reply_widget .attachment,#wpsc_tickets_container .wpsc_reply_widget .submit {
    padding: 0px 26px;
}
.fa-edit:before {
    content: "\f044";
    color: #a7a9ab;
}


.bootstrap-iso  #wpsc_tickets_container .btn-sm, .bootstrap-iso  #wpsc_tickets_container.btn-group-sm > .btn {
  
    border: none;
}

.bootstrap-iso  #wpsc_tickets_container .btn {
    padding: 7px 35px;
    border: none;
    border-radius: 7px;
    
	font-size: 17px;
}
.bootstrap-iso .thread_user_name small, .bootstrap-iso .thread_user_name .small {
    font-size: 95%;
}

div.mce-toolbar-grp {
    border-bottom: none;
    background: #f5f5f5;
    padding: 0;
    position: relative;
}

.mce-top-part::before {
    display:none
}

#wpsc_tickets_container div.mce-toolbar-grp {
    border-bottom: none;
       background: #e8eef0;
}
#wpsc_tickets_container div.mce-panel {
    
    border-radius: 8px 8px 0 0;
}


.bootstrap-iso #wpsc_tickets_container #wpsc_individual_submit_reply_btn {
	background-color: #27aaf9 !important;
    
    font-weight: normal;
   
   
    border: none;
  
    padding: 10px 30px;
    font-size: 17px;
    line-height: 1.42857143;
    border-radius: 8px;
    
}

#wpsc_tickets_container #wpsc_individual_add_note_btn
{
    margin-right: 15px !important;
    border: none;
    padding: 10px 30px;
    border-radius: 8px;
	background-color: #5f75f1 !important;
    color: #ffffff !important;
}

@media only screen and (max-width: 800px) {
	
	
	#tbl_wpsc_ticket_list tr{
	display:none
	}
	#tbl_wpsc_ticket_list tr.wpsc_tl_row_item{
	display:flex
	}
	
	
	
	.bootstrap-iso #tbl_wpsc_ticket_list.table > tbody > tr > td:nth-child(1){
display:none
}
	
.bootstrap-iso #tbl_wpsc_ticket_list.table > tbody > tr > td:nth-child(2){
        order: 1;
    flex-basis: 45%;
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 700;
}
	
.bootstrap-iso #tbl_wpsc_ticket_list.table > tbody > tr > td:nth-child(2)::before {
content: "Ticket id: ";
	
}	
	
.bootstrap-iso #tbl_wpsc_ticket_list.table > tbody > tr > td:nth-child(3){
order: 3;
}
.bootstrap-iso #tbl_wpsc_ticket_list.table > tbody > tr > td:nth-child(3)::before {
content: "Status: ";
	margin-right: 6px;
}	
.bootstrap-iso #tbl_wpsc_ticket_list.table > tbody > tr > td:nth-child(4){

	order: 6;
    flex-basis: 100%;
    font-weight: 500;
    font-size: 17px;
}
	
.bootstrap-iso #tbl_wpsc_ticket_list.table > tbody > tr > td:nth-child(5){
order: 7;
    display: flex;
    align-items: flex-end;
}
	.bootstrap-iso #tbl_wpsc_ticket_list.table > tbody > tr > td:nth-child(5)::before {
content: "Category: ";
	margin-right: 6px;
}	
.bootstrap-iso #tbl_wpsc_ticket_list.table > tbody > tr > td:nth-child(6){
order: 4;
	
	    text-align: right;
}
	
	
	.bootstrap-iso #tbl_wpsc_ticket_list.table > tbody > tr > td:nth-child(6)::before {
content: "Priority: ";
		margin-right: 6px;
		flex-basis: 45%;
}	
	
.bootstrap-iso #tbl_wpsc_ticket_list.table > tbody > tr > td:nth-child(7){
	order: 2;
flex-basis: 45%;
    text-align: right;
}	
	
	
	.bootstrap-iso #tbl_wpsc_ticket_list.table > tbody > tr > td:nth-child(8){
order: 7;
    justify-content: flex-end;
    display: flex;
    align-items: flex-end;
    flex-basis: 60%;
}	
	
	
	
	
	.bootstrap-iso #tbl_wpsc_ticket_list.table > tbody > tr > td:last-child {
order: 8;
    color: transparent;
		    margin-left: auto;
}	
	
	
	.bootstrap-iso #tbl_wpsc_ticket_list.table > tbody > tr > td:last-child::after {
content: "View Ticket";
    background: #27aaf9;
    padding: 7px 25px;
    border-radius: 7px;
    font-weight: 500;
    font-size: 17px;
    color: #ffffff;
}	
	
	
	
	
.wpsc_ticket_list_container tr {
        background-color: #ffffff;
    display: flex;
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 30px;
    position: relative;
    border-radius: 8px;
	padding: 15px 20px;
	    justify-content: space-between;
	

}

	.row.wpsc_tl_action_bar .col-sm-12 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
	
	#wpsc_load_list_new_ticket_btn {
    margin-left: 0;
}
	.bootstrap-iso .wpsc_ticket_list_container.table-responsive{
	
	padding-left: 0;
	padding-right:0;
}

	.bootstrap-iso #wpsc_tickets_container .btn {
    padding: 7px 35px;
    border: none;
    border-radius: 7px;
    margin-right: 0;
    font-size: 17px;
    margin-bottom: 10px !important;
		margin-left: 0 !important;
}

.bootstrap-iso #wpsc_tickets_container .col-md-9 {
    width: 100%;
    order: 1;
    flex: 0 0 100%;
    max-width: 100%;
}

.bootstrap-iso #wpsc_tickets_container .col-md-3 {
    width: 100%;
    order: 2;
    flex: 0 0 100%;
    max-width: 100%;
}
}


@media only screen and (max-width: 447px){
	
	
    .bootstrap-iso #tbl_wpsc_ticket_list.table > tbody > tr > td:nth-child(8){

    justify-content: flex-start;
    
}	
 
}	

/* =============== BASKET PAGE =============== */
.woocommerce-page .home-shapes-bg {
    background-color: #4541fe;
    padding: 160px 0 70px 0;
    position: relative;
    overflow: hidden;
    z-index: 0;
}
.cart_totals {
        background: #fff;
    text-align: center;
    padding: 60px;
    border-radius: 7px;
    box-shadow: 0 20px 36px 0 rgba(0, 0, 0, 0.03), 0 2px 12px -3px rgba(0,0,0,.07);
    margin: 0 0 30px;
    padding: 35px;
}
.woocommerce .cart-collaterals {
    flex-basis: 30%;
}

.woocommerce {
	   
	    width: 100%;
    display: flex;
	justify-content: space-between;
	   
	  
       flex-direction: column;
    
}
.woocommerce #page {
    margin: 0;
    max-width: 100%;
}
.page .woocommerce {
	   
	    width: 100%;
    display: flex;
	justify-content: space-between;
	        margin-top: 50px;
	  max-width: 1200px;
       flex-direction: column;
    
}

.woocommerce-cart-form {
        flex-basis: 50%;
}


.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: right;
    width: auto;
}
.cart_totals h2 {
    display: none;
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    display: block;
    text-align: center;
    margin-bottom: 1em;
    font-size: 1.25em;
    padding: 15px 30px;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #4844fe;
    color: #fff;
    -webkit-font-smoothing: antialiased;
	margin: 0;
	    
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
   padding: 15px 20px;
    font-size: 19px;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #534ffe;
    color: #fff;
}
#add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th {
    border-top: 1px solid #ebe9eb;
    border: none;
}
.woocommerce table.shop_table {

    border: none;
}
.woocommerce-cart .cart-collaterals .cart_totals tr {
   
display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
    float: left;
    box-sizing: border-box;
    border: 1px solid #d3ced2;
    padding: 6px 20px 6px;
    border-radius: 6px;
    margin: 0 4px 0 0;
    outline: 0;
    width: 55%;
}

table.cart .product-quantity, table.cart .product-thumbnail {
    display: none;
}

table.cart a.remove {
     color: #fff!important;
    background: #e1e1e1;
    text-align: center;
    height: 25px;
    width: 25px;
    line-height: 25px;
    border-radius: 100%;
    display: inline-block;
    text-decoration: none;
    font-size: 20px;
    font-weight: 500;
}
.woocommerce a.remove:hover {
    color: #fff!important;
    background: #4744fe;
}

.woocommerce .woocommerce-cart-form .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents td {
  
    padding: 18px 12px;
    
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
   
    color: #ffffff;
    background-color: #5350fe;
   
}
.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
   color: #ffffffcf;
 
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    background-color: #6c68fd;
    text-decoration: none;
    background-image: none;
    color: #ffffff;
}
.woocommerce #respond input#submit.disabled:hover, .woocommerce #respond input#submit:disabled:hover, .woocommerce #respond input#submit:disabled[disabled]:hover, .woocommerce a.button.disabled:hover, .woocommerce a.button:disabled:hover, .woocommerce a.button:disabled[disabled]:hover, .woocommerce button.button.disabled:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce input.button.disabled:hover, .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover {
    color: #efefef;
    background-color: #5a57ec;
}

.woocommerce .form-row-last {
    float: right;
    padding-right: 0;
}
.woocommerce .form-row {
    margin: 15px 0 25px;
    clear: both;
}
.woocommerce .form-row-first,.woocommerce .form-row-last {
    float: left;
    width: 50%;
    clear: none;
}

.woocommerce .form-row label {
    display: block;
    margin: 0 0 5px;
}

.woocommerce :first-child {
    margin-top: 0;
}
.woocommerce label {
    color: #666;
    font-size: 14px;
    line-height: 1.25;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{
    float: left;
    width: 48%;
    display: block;
    max-width: 50%;
	flex-basis: 50%;
}

.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: right;
    width: 48%;
    display: block;
    max-width: 50%;
	flex-basis: 45%;
	
}

.woocommerce form .form-row {
    padding: 3px;
    margin: 0 0 6px;
    display: flex;
    flex-direction: column;
}
.woocommerce input[type=text],.woocommerce  input[type=email],.woocommerce  input[type=password],.woocommerce  input[type=number],.woocommerce  input[type=tel],.woocommerce  textarea {
    margin: 0;
    background: 0 0;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    color: #333;
    display: block;
    font-size: 14px;
    line-height: 1.25;
    padding: 13px 11px;
    width: 100%;
}

.woocommerce .col2-set, .woocommerce-page .col2-set {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.woocommerce .checkout h3{
       color: #4c4c4c;
	text-align: left;
    margin-bottom: 20px;
}
.woocommerce .checkout .col-2{
         background: #fff;
    text-align: center;
    padding: 42px;
    border-radius: 7px;
    box-shadow: 0 20px 36px 0 rgba(93,124,181,.09), 0 5px 12px -3px rgba(0,0,0,.07);
    margin: 0 0 30px;
	height: max-content;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
          float: left;
    width: 100%;
    overflow: scroll;
    z-index: 5;
    height: 100%;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.woocommerce-MyAccount-navigation ul {
	    display: flex;
        justify-content: space-evenly;
    list-style: none;
	    max-width: 1160px;
    min-width: 950px;
	margin:0;
}
.woocommerce-MyAccount-navigation ul a{
	   white-space: nowrap;

	color: #ffffff;
    font-size: 21px;
    font-weight: 700;
}


.woocommerce-MyAccount-navigation::-webkit-scrollbar {
  display: none;
}


.woocommerce-MyAccount-navigation {
  -ms-overflow-style: none;
}

.woocommerce-account .site-main .entry-content .woocommerce {
    
    padding: 0;
}

.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    width: 90%;
    margin: auto;
    margin-top: 20px;
	padding: 0 20px;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
	
	margin: auto;
	
	width: 80%;
}
.woocommerce-EditAccountForm.edit-account{
	
	width: 60%;

margin: auto;
}

.woocommerce .woo-nav-container {
	
z-index: 109;
    margin-top: -100px;
    margin-bottom: 18px;
    position: relative;
    height: 47px;
}
.woo-nav-container:after{
	    content: "";
    background: -webkit-linear-gradient(0deg,rgba(255, 255, 255, 0),rgb(74, 70, 254));
    height: 100%;
    position: absolute;
    pointer-events: none;
    right: 0;
    bottom: 0;
    width: 24px;
    z-index: 24;
}





@media only screen and (max-width: 650px) {
.woocommerce {
    width: 100%;
    display: flex;
    justify-content: space-between;
   
    max-width: 1200px;
    flex-direction: column;
} }

@media only screen and (max-width: 768px)
{.woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
    display: block;
    text-align: right!important;
    width: 100%;
}


.woocommerce .col2-set, .woocommerce-page .col2-set {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 {
    float: left;
    width: auto;
    display: block;
    max-width: 100%;
    flex-basis: auto;
}
	
	.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    float: right;
    width: auto;
    display: block;
    max-width: 100%;
    flex-basis: auto;
}
	.woocommerce .checkout .col-2 {
    background: #fff;
    text-align: center;
    padding: 25px 20px;
    border-radius: 7px;
    box-shadow: 0 20px 36px 0 rgba(93,124,181,.09), 0 5px 12px -3px rgba(0,0,0,.07);
    margin: 0 0 30px;
    height: max-content;
}
}






/* =============== COOKIE NOTICE =============== */

body .cc-floating.cc-theme-classic {
	border-radius: 16px;
      color: #ffffff;
    background: linear-gradient(-45deg, #6ca2ff 0%, #3981ff 100%);
}
body .cc-window .cc-link {
    color: #ffffff;
}
.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
   
    color: #313131;
}

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

.contact-methods-container{
	
	text-align: center;
}

.contact-methods-container a{
	
    background-color: #534ffe;
    border-radius: 19px;
    padding: 8px 30px;
    color: #ffffff;

    font-weight: 700;
}

.contact-methods-container a:hover{
	
    
    color: #ffffff;

}
.contact-methods-container .wp-block-column {
	
	    word-break: normal;
    overflow-wrap: normal;
}


.contact-methods-container h3{
	color: #545454;
    font-size: 30px;
    font-weight: 800;
	    margin-bottom: 20px;
	
}
.site .nf-form-cont .nf-form-content .list-select-wrap .nf-field-element>div,.site .nf-form-cont .nf-form-content input:not([type=button]), .site .nf-form-cont .nf-form-content textarea {
 
    background: #eff7ff00;
    color: #ffffff;  

}


.site .nf-form-cont .nf-form-content button,.site .nf-form-cont .nf-form-content input[type=button], .site .nf-form-cont .nf-form-content input[type=submit] {
 
    
}
.contact-form-container-2 {
	    margin-top: -100px;
}

#nf-form-1-cont {
background-color: white;
    z-index: 10;
    position: relative;
   padding: 35px 45px 20px 45px;
    border-radius: 25px;
    max-width: 830px;
	-webkit-box-shadow: 0 13px 27px -5px rgba(0, 0, 0, 0.04), 0 8px 16px -8px rgba(0, 0, 0, 0.08), 0 -6px 16px -6px rgba(0, 0, 0, 0.04);
    box-shadow: 0 13px 27px -5px rgba(0, 0, 0, 0.04), 0 8px 16px -8px rgba(0, 0, 0, 0.08), 0 -6px 16px -6px rgba(0, 0, 0, 0.04);
}
#nf-form-1-cont h3{
  font-size: 28px;
    color: #595959;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}
  


#nf-form-1-cont nf-field:nth-child(-n+3){
   width: 45%;
}
#nf-form-1-cont nf-field:nth-child(3n){
   width: 45%;
}
#nf-form-1-cont nf-field:nth-child(4n){
   width: 100%;
}
#nf-form-1-cont nf-field:last-child{
       margin-left: auto;
}


#nf-form-1-cont nf-fields-wrap{   
	display: flex;
	
	justify-content: space-between;
    flex-wrap: wrap;}

#nf-form-1-cont .nf-form-content .list-select-wrap .nf-field-element>div,#nf-form-1-cont .nf-form-content input:not([type=button]),#nf-form-1-cont .nf-form-content textarea {
      background: #ffffff;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    box-shadow: none;
    color: #787878;
    transition: all .5s;
}

.nf-field-container .field-wrap .nf-element::-webkit-input-placeholder {
color: #616161;
}
.nf-form-cont .nf-form-content .list-select-wrap .nf-field-element>div:focus::-webkit-input-placeholder,
.nf-form-cont .nf-form-content input:not([type=button]):focus::-webkit-input-placeholder,
.nf-form-cont .nf-form-content textarea:focus::-webkit-input-placeholder
{
	color: #5f5f5f;
}



/* =============== PRICING TABLE =============== */

.annually .tooltiptext {
      text-transform: uppercase;
    width: 170px;
    background-color: #E91E63;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 77px;
}

.annually .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -4px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent #e91e63 transparent transparent;
}

.pricing-bolt-on-container {
	    display: flex;
    padding: 0px 20px;
    justify-content: space-between;
    margin-top: 25px;
}
.pricing-bolt-on {
	 width: 75%;
	    padding: 0px 0px 15px 0;
    font-size: 30px;
    font-weight: 700;
    line-height: normal;
    height: auto;
    color: #ffffff;
    border-radius: 18px;
    overflow: hidden;
    background-color: #ffffff;
    -webkit-box-shadow: 0 13px 27px -5px rgba(0, 0, 0, 0.04), 0 8px 16px -8px rgba(0, 0, 0, 0.08), 0 -6px 16px -6px rgba(0, 0, 0, 0.04);
    box-shadow: 0 13px 27px -5px rgba(0, 0, 0, 0.04), 0 8px 16px -8px rgba(0, 0, 0, 0.08), 0 -6px 16px -6px rgba(0, 0, 0, 0.04);
    -webkit-transition-property: color,background-color,-webkit-box-shadow,-webkit-transform;
    transition-property: color,background-color,-webkit-box-shadow,-webkit-transform;
    transition-property: color,background-color,box-shadow,transform;
    transition-property: color,background-color,box-shadow,transform,-webkit-box-shadow,-webkit-transform;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -ms-flex-preferred-size: 1%;
}
.pricing-bolt-on-2 {
	  width: 35%;
	    padding: 0px 0px 15px 0;
    margin-left: 23px;
    font-size: 30px;
    font-weight: 700;
    line-height: normal;

    height: auto;
 color: #ffffff;
    border-radius: 18px;
    overflow: hidden;
   
    background-color: #ffffff;
   -webkit-box-shadow: 0 13px 27px -5px rgba(0, 0, 0, 0.04), 0 8px 16px -8px rgba(0, 0, 0, 0.08), 0 -6px 16px -6px rgba(0, 0, 0, 0.04);
    box-shadow: 0 13px 27px -5px rgba(0, 0, 0, 0.04), 0 8px 16px -8px rgba(0, 0, 0, 0.08), 0 -6px 16px -6px rgba(0, 0, 0, 0.04);
    -webkit-transition-property: color,background-color,-webkit-box-shadow,-webkit-transform;
    transition-property: color,background-color,-webkit-box-shadow,-webkit-transform;
    transition-property: color,background-color,box-shadow,transform;
    transition-property: color,background-color,box-shadow,transform,-webkit-box-shadow,-webkit-transform;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -ms-flex-preferred-size: 1%;
}
.bolt-on-btn {border: none;
    width: auto;
       background: -webkit-linear-gradient(90deg, #4788ff, #476dff);
    align-self: center;
    background-color: #4c8def;
    color: white;
    margin-top: auto;
    margin-bottom: 15px;
    font-size: 18px;
    padding: 10px;
    border-radius: 15px;
    -webkit-box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.18), 0 8px 16px -8px rgba(0, 0, 0, 0.2), 0 -6px 16px -6px rgba(0,0,0,.025);
    box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.18), 0 8px 16px -8px rgba(0, 0, 0, 0.2), 0 -6px 16px -6px rgba(0,0,0,.025);}
.pricing-bolt-on-container .bolt-on-btn p{
	margin-bottom: 0;
    color: white;
    font-size: 17px;
    padding: 0px 11px;
}
.pricing-bolt-on-2 p, .pricing-bolt-on p {
	 color: #616161;
    font-size: 19px;
    font-weight: 500;
    margin: 0;
	
}

.pricing-bolt-on-2 span, .pricing-bolt-on span {
	      color: #4c4c4c;
    font-size: 25px;
    font-weight: 700;
	
}
.bolt-on-top{
	    overflow: hidden;
    position: relative;
padding: 25px 40px 22px 40px;
    background: #4541fe;
    margin-bottom: 22px;
}

.bolt-on-top h6{
	    z-index: 10;
    position: relative;
    font-size: 30px;
    font-weight: 700;
    line-height: normal;
    color: #ffffff;
}


.bolt-on-bottom{
	    
   padding: 0px 40px 0px 40px;
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}

.pricing-tables{
  
max-width: 1160px;
}


.pricing-cards-button{
background-color: #4c8def;
color: white;
    margin-top: 20px;
font-size: 18px;
padding: 10px;
border-radius: 35px;
-webkit-box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.1), 0 8px 16px -8px rgba(0, 0, 0, 0.11), 0 -6px 16px -6px rgba(0,0,0,.025);
box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.1), 0 8px 16px -8px rgba(0, 0, 0, 0.11), 0 -6px 16px -6px rgba(0,0,0,.025);
}

.pricing-tables {
margin-bottom: 45px;
    padding: 20px 0 0;

transition: background-color .4s ease-in-out;
border-radius: 4px; }
@media only screen and (max-width: 991px) {
.pricing-tables {
  margin-bottom: 10rem; } }

.pricing-tables.plans--annually .switch .monthly {
    
color: #4c4c4c; }
.pricing-tables.plans--annually .switch .annually {
opacity: 1;
color: white;}
.pricing-tables.plans--annually .switch .annually .save {
  color: #ffffff; }
.pricing-tables.plans--annually .plans .plan .plan__head::after {
opacity: .6; }
.pricing-tables.plans--annually .plans .plan .plan__price .price.price--monthly {
opacity: 0;
transform: translateY(100px); }
.pricing-tables.plans--annually .plans .plan .plan__price .price.price--annually {
opacity: 1 !important;
transform: translateY(0px) !important; }
.pricing-tables .section__title {
margin: 0 0 4.2rem 0;
position: relative; }
.pricing-tables .section__title::after {
  content: "";
  display: block;
  width: 30px;
  height: 2px;
  border-radius: 15px;
  background: #2c79ff;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  bottom: -14px; }
.pricing-tables .switch {
display: flex;
align-items: center;
justify-content: center;
-webkit-user-select: none;
user-select: none; }
.pricing-tables .switch span {
     font-size: 16px;

font-weight: 700;
transition: all .3s ease-in-out;
color: white; }
  .pricing-tables .switch span.annually {
	color: #4c4c4c;
	position: absolute;
	margin-left: 89px;
    margin-top: -2px;
	  pointer-events: none;
}
    .pricing-tables .switch span.annually .save {
          color: #f90055;
      font-size: 11px;
      font-weight: 500;
      font-family: "Montserrat", sans-serif;
      position: absolute;
      top: 21px;
      left: 1px; }
.pricing-tables .switch .custom-switch {
  position: relative;
  display: inline-block;
  margin: 0 1rem;
    padding: 0;
}
  .pricing-tables .switch .custom-switch input {
    display: none; }
    
    .pricing-tables .switch .custom-switch input:checked + label:after {
      left: 97px;
      background: #478aff; }
  .pricing-tables .switch .custom-switch label {
    position: relative;
    display: block;
    width: 200px;
height: 55px;
    border-radius: 50px;
    background: #ffffff;
    transition: all .4s ease-in-out;
    cursor: pointer; }
    .pricing-tables .switch .custom-switch label::after {
          position: relative;
display: block;
content: '';
width: 95px;
height: 42px;
top: 6.5px;
left: 8px;
border-radius: 35px;
background: #478aff;
pointer-events: none;
transition: all .4s ease-in-out; }
    

.pricing-tables .plans .plan {
        display: flex;
  padding: 0 0 1.8rem;
  flex-flow: nowrap column;
  
        height: 100%;
  overflow: hidden;
  transition: box-shadow 300ms ease, transform 300ms ease; }
.pricing-tables .plans .plan .plan__head p {
    color: #404040;
    margin-top: 20px;
    margin-bottom: 0px;
}


  .pricing-tables .plans .plan .plan__head {
    transition: all .4s ease-in-out;
    background: #ffffff;
    /* background: linear-gradient(45deg, #7cacff, rgb(44, 121, 255)); */
    color: #404040;
    padding: 45px 40px 0px 40px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
    .pricing-tables .plans .plan .plan__head::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    /* background: #0e090b; */
    /* background: linear-gradient(-45deg, #5c62c5 0%, #abc3ff 100%); */
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -1;
    transition: all .4s ease-in-out;
}
    .pricing-tables .plans .plan .plan__head .plan__title {
    color: #404040;
    margin: 0;
    margin-bottom: 7px;
}
.pricing-tables .plans .plan .plan__head h3 {
      line-height: 61px; }



    .pricing-tables .plans .plan .plan__head .plan__price .price {
         font-size: 43px;
    font-family: Roboto, 'BlinkMacSystemFont', -apple-system, 'Roboto', 'Lucida Sans';
    display: inline-block;
    transition: transform .4s ease 0s, opacity 0.2s ease 0s;
    position: relative;
 }
      .pricing-tables .plans .plan .plan__head .plan__price .price .plan__type {
        font-size: 18px;
    font-weight: 500;
    margin-left: 8px;}
    

.pricing-tables .plans .plan .plan__head .plan__price .price.price--annually {
            transition: transform .4s ease 0s, opacity 1s ease 0s;
    position: absolute;
    left: 40px;
    right: 0;
    margin: 0 auto;
    opacity: 0;
    transform: translateY(100px); }


  .pricing-tables .plans .plan .plan__features {
   padding: 22px 40px 20px 40px;

  display: flex;
    flex-direction: column;

}
    .pricing-tables .plans .plan .plan__features p {
     margin: 0;
    font-size: 15px;
    font-weight: 500;
    display: inline-flex;
    flex: 7;
  }





      .pricing-tables .plans .plan .plan__features p span {
        display: block;
padding: 10px 0px;
border-top: solid #e6e6e6 2px;}
  
.pricing-tables .plans .plan .plan__features span {
          display: flex;
    padding: 10px 0px;
    border-top: solid #f1f1f1 2px;}
 .pricing-tables .plans .plan .plan__features span:before {
 display: inline-flex;
    content: ' ';
    background-image: url(https://entertainmentlegal.co.uk/wp-content/themes/band-of-lawyers/assets/images/pricing-table-tick.svg);
    background-size: 25px 25px;
    height: 25px;
    width: 25px;
    flex: 1;
    background-repeat: no-repeat;
    padding-right: 10px;
    align-self: center;
}

.pricing-tables .plans .plan .plan__features .plan__btn--start p {
	color: #ffffff;
	font-size: 18px;
}


.pricing-tables .plans .plan .plan__btn--start {
    border: none;
    width: 75%;
    background: -webkit-linear-gradient(45deg, #478aff, #476bff);
    align-self: center;
    background-color: #4c8def;
    color: white;
    margin-top: auto;
    margin-bottom: 15px;
    font-size: 18px;
    padding: 10px;
    border-radius: 6px;
    -webkit-box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.18), 0 8px 16px -8px rgba(0, 0, 0, 0.2), 0 -6px 16px -6px rgba(0,0,0,.025);
    box-shadow: 0 13px 27px -5px rgba(50, 50, 93, 0.08), 0 8px 16px -8px rgba(0, 0, 0, 0.2), 0 -6px 16px -6px rgba(0,0,0,.025);
}
.pricing-tables .plans .plan .plan__btn--start.annual {
    
    background: -webkit-linear-gradient(45deg, #478aff, #476bff);
    
    background-color: #4c8def;
    color: white;
   
}






.pricing-tables .plans .plan .plan__features span:first-of-type{
	border-top: none;
	
}


.plan__features h4{
font-weight: 700;
font-size: 16px;
color: #4f8fff;
margin-bottom: 15px;
}


.pricing-tables .switch span.monthly {
	z-index: 10;
	position: absolute;
	margin-left: -83px;
    margin-top: -3px;
	pointer-events: none;
}

.plans.grid-wrapper {height:100%}

.packages-length{    text-align: center;
    font-size: 17px;
    font-weight: 500;
    color: #ffffff;
    margin: 10px 0;
position: relative;
}



.bolt-on-top .bg-shape-right {
	    background: -webkit-linear-gradient(90deg, #4a60ff82, #4541fe7a);
    position: absolute;
    bottom: 48px;
    right: -68px;
    height: 220px;
    width: 87%;
    border-radius: 70px;
    -webkit-transform: skewY(-8deg);
    transform: rotate(-9deg);
    z-index: 0;
}
.pricing-tables .plan__btn--start.btn.annual {
	display: none;
	
}
.pricing-tables .plan__btn--start.btn.monthly {
	display: block;
	
}
.pricing-tables.plans--annually .plan__btn--start.btn.annual {
	display: block;
	
}
.pricing-tables.plans--annually .plan__btn--start.btn.monthly {
	display: none;
	
}




/* =============== LAW HOMEPAGE =============== */
.main-text {
	
	padding:50px 0;
}
.home-shapes-bg{
	    background-color: #4541fe;
    padding: 135px 0;
    position: relative;
    overflow: hidden;
    z-index: 0;
}
.home-shapes-bg.services-overview-bg{
	   
        padding: 450px 0 40px 0;
    
}

.page-id-221 .home-shapes-bg{
	     background-color: #4541fe;
    padding: 104px 0 476px 0;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.home-shapes-bg h1{
	color: #ffffff;
}

.home-shapes-bg .bg-shape-left {
   background: -webkit-linear-gradient(90deg, rgba(69, 65, 254, 0.7294117647058823), rgba(255, 255, 255, 0.0784313725490196));
    position: absolute;
    bottom: 0px;
    right: 70%;
    height: 114%;
    width: 1000px;
    border-radius: 70px;
    -webkit-transform: skewY(-12deg);
    transform: rotate(47deg);
    z-index: -1;
}
.home-shapes-bg .bg-shape-right {
  background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.0784313725490196), rgba(69, 65, 254, 0.7294117647058823));
	
	
    position: absolute;
    top: 0px;
    left: 70%;
    height: 100%;
    width: 1000px;
    border-radius: 70px;
    -webkit-transform: skewY(-12deg);
    transform: rotate(47deg);
    z-index: -1;
}
.heading-image img{
	
	width: 86%;
    margin: auto;
}
.sub-headings:before {
    content: '';
    display: block;
    position: relative;
    width: 0;
    height: 80px;
    margin-top: -80px;
}
@media only screen and (max-width: 900px) {
.about-us-container{
	
	    flex-wrap: wrap;
} 

.about-us-img-container{
	
	   order: 2;
    width: 100%;
    height: 347px;
    flex-wrap: wrap;
}

.about-us{
	
	
    order: 1;
    
}



}

.about-imgs{position: relative}

.about-img-1 {
    position: absolute;
    left: 24%;
    width: 32%;
    top: -9rem;
    -webkit-filter: drop-shadow(5px 5px 5px #86868636);
    filter: drop-shadow(5px 5px 5px #86868636);
}



.about-img-2 {
    position: relative;
    top: 0px;
    z-index: 10;
    flex-basis: unset;
    flex-grow: unset;
    width: 47%;
    min-width: auto;
    margin-left: auto !important;
    -webkit-filter: drop-shadow(5px 5px 5px #86868636);
    filter: drop-shadow(5px 5px 5px #86868636);
}

.home-imgs-column{
	   min-width: 447px;
    margin-right: 23px;
}

@media only screen and (max-width: 1005px) {
.home-imgs-column{
	      min-width: 450px;
    margin-top: 75px;
	}	}






.about-img-3 {
    position: absolute;
    top: 246px;
    width: 38%;
    left: 14%;
    -webkit-filter: drop-shadow(5px 5px 5px #86868636);
    filter: drop-shadow(5px 5px 5px #86868636);
}

.bol-logo a:hover{
    color: #4541fe;
}


.about-us {
	    font-weight: 500;
    font-size: 17px;
    line-height: 27px;

	flex-grow: 1;
}
.bolt-ons-bg {
	 background-color: #fcfeff;
    padding: 52px 0px 78px 10px;
	
}
.about-us-bg {
    background-color: #fcfeff;
    padding: 115px 0px 100px 10px;
}
.heading-image{
	    -webkit-filter: drop-shadow(5px 5px 5px #868686);
    filter: drop-shadow(5px 5px 5px #868686);
}
.heading-container{

}

.site-main .wp-block-group > .wp-block-group__inner-container > .home-bg-container
{

max-width: 100% ;
}


.home-bg-container .home-bg
{
background: linear-gradient(90deg, rgba(35, 142, 212, 0.5) 0%, rgba(63, 79, 210, 0.88) 100%), url(https://entertainmentlegal.co.uk/wp-content/uploads/2020/03/home-header-bg.jpg);
   background-position: 0 -125px; 
height: 800px;
max-width: 100% ;
    margin-bottom: -150px;
    /*clip-path: ellipse(125% 100% at 50% 0%);*/
}

.home-bg-container .separator {
position: relative;
width: 100%;
height: 150px;
max-width: 100%;
}
@media only screen and (max-width: 900px) {
.home-imgs-column {
    
    display: none; 
}
.about-us-bg {
    background-color: #fcfeff;
    padding: 5px 0px 100px 10px;
}


}



/*.about-imgs img {
    animation: ken 2s ease forwards;
}
.about-imgs img {
    transform: scale(1.1);
    min-width: 100%;
}


.about-img-1, .about-img-2, .about-img-3 {
    animation: wipe-in-up 1s ease .25s forwards;
}

@keyframes ken {
  
0% {
    transform: scale(1.1);
}

100% {
    transform: scale(1);
}
}


@keyframes wipe-in-up {
  
0% {
    clip-path: inset(100% 0 0 0);
    -webkit-clip-path: inset(100% 0 0 0);
}

100% {
    clip-path: inset(0);
    -webkit-clip-path: inset(0);
}
}
*/




.separator::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background-color: #00000000;
clip-path: polygon(100% 0, 0 0, 0 100%);
}

.separator::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
background-color: #f6f9fc;
clip-path: polygon(100% 0, 0 100%, 100% 100%);
}
#page .site-main .entry-content > .packages-container {
    max-width: 1600px;
}

.pricing-plans{
    max-width: 1360px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;

    margin: auto;

padding: 0 5px;
}

.pricing-cards{
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
margin: 15px;
z-index: 499;
z-index: calc(500 - 1);
	    height: max-content;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
border-radius: 15px;
overflow: hidden;
    background-color: #ffffff;

-webkit-box-shadow: 0 13px 27px -5px rgba(0, 0, 0, 0.04), 0 8px 16px -8px rgba(0, 0, 0, 0.08), 0 -6px 16px -6px rgba(0, 0, 0, 0.04);
box-shadow: 0 13px 27px -5px rgba(0, 0, 0, 0.04), 0 8px 16px -8px rgba(0, 0, 0, 0.08), 0 -6px 16px -6px rgba(0, 0, 0, 0.04);
-webkit-transition-property: color,background-color,-webkit-box-shadow,-webkit-transform;
transition-property: color,background-color,-webkit-box-shadow,-webkit-transform;
transition-property: color,background-color,box-shadow,transform;
transition-property: color,background-color,box-shadow,transform,-webkit-box-shadow,-webkit-transform;
-webkit-transition-duration: .15s;
transition-duration: .15s;

-ms-flex-preferred-size: 1%;
flex-basis: 1%;
text-align: left;

font-weight: 500;
color: #6b758e;
-webkit-font-smoothing: antialiased;

}


/*.pricing-cards:after{
     content: "";
width: 215px;
height: 215px;
background: #c0c0c0;
border-radius: 50%;
position: absolute;
top: -93px;
left: -125px;
z-index: -2;
}*/

.pricing-cards h2 {
font-size: 48px;
line-height: 1.4;
font-weight: 600;
color: #080808;
}

.pricing-cards h3 {
  color: #080808;
    font-size: 50px;
    font-weight: 500;
}
.pricing-cards p {
color: #636363;
line-height: 24px;
font-size: 15px;
}
.pricing-month {
       margin-left: 5px;
     display: inline-block;
font-size: 15px;
font-weight: 500;
color: #444444;
}
.pricing-cards h3 span {
   margin-left: 5px;
    font-size: 20px;
line-height: 26px;
display: inline-block;
position: absolute;
}

/* =============== LAW HEADER/NAVIGATION =============== */


header a{
    transition: 0.3s;
color: #636363;
}
header.slideDown a {
  
    color: #ffffff;
}
header.slideDown .bol-logo a {
  
   color: #4a46ff;
    
    
}
.navigation-container{
max-width: 1360px;
    flex: 1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;

margin-right: auto;
margin-left: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
    justify-content: space-between;


}



.main-navigation {
display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
}




/*
@media screen and (max-width: 1400px)
{.main-navigation {
position: relative;
top: 0;
left: 0;
-moz-transform: none;
-webkit-transform: none;
transform: none;
}}*/
@media only screen and (max-width: 1150px)
{.main-navigation {
display: none;
}}
@media only screen and (min-width: 1149.5px)
{.basket-mobile {
display: none;
}}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
font-family:Roboto, 'BlinkMacSystemFont', -apple-system, 'Roboto', 'Lucida Sans';
}

.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
text-align: left;
}

.main-navigation ul ul ul {
left: -999em;
top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
left: 100%;
}

.main-navigation ul ul a {
width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
display: block;
left: auto;
}

.main-navigation li {
position: relative;
}

.main-navigation a {
display: block;
text-decoration: none;
line-height: 1.8;
font-weight: 600;
font-size: 16px;
    position: relative;
}
.main-navigation li a {

line-height: normal;

}
.main-navigation a {
transition: 0.3s;


}
.main-navigation a:hover {
    color: #ffffff;
    transition: 0.5s;
    transform: translateX(3px);
}


.header--fixed {
position: absolute;
top: 0;
width: 100%;
}
.header--fixed.top {

transform: translateY(0);
}
.header--fixed.not-top {
position: fixed;
transform: translateY(0);
background: #4c49ff;
padding: 35px 50px;

}






.header--fixed.not-top .rjlogo b {
transition: 0.3s ease-in-out;
font-size: 35px;
}



.header--fixed.slideDown.not-top {
transition: transform 0.3s ease-in-out;
transform: translateY(0);
}
.header--fixed.slideDown.top {
transition: transform 0.3s ease-in-out;
position: fixed;
}
/*
.not-top .bol-logo a {
    font-size: 30px;
    font-weight: 800;
    background-color: #ffffff;
    padding: 6px 27px 6px 12px;
    color: #4541fe;
	    transition: all 0.3s ease-in-out;
}
*/

.header--fixed.slideUp.not-top {
transition: all 0.3s ease-in-out;
transform: translateY(0);
}
/*
.header--fixed.slideUp.not-top {
transition: transform 0.3s ease-in-out;
transform: translateY(-100%);
}

*/


.header--fixed.slideUp.top {
transform: translateY(-100%);
position: absolute;
}

@media screen and (max-width: 640px) {
.header--fixed.not-top {
padding: 10px 20px;
}
}
.admin-bar .site-header{
top: 30px;
}
.site-header{
    padding: 45px 50px;
display: flex;
align-items: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 10005;

user-select: none;
-moz-transition: background .25s cubic-bezier(0.25, 0.8, 0.25, 1),padding .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: background .25s cubic-bezier(0.25, 0.8, 0.25, 1),padding .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-webkit-transition: background .25s cubic-bezier(0.25, 0.8, 0.25, 1),padding .25s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: background .25s cubic-bezier(0.25, 0.8, 0.25, 1),padding .25s cubic-bezier(0.25, 0.8, 0.25, 1);
}
@media (max-width: 640px)
{.site-header{
   padding: 29px 17px;
}

}
.my-account-btn-container a:hover {transform: none}


/* =============== LAW THEME GENERAL =============== */

html, body {
height: 100%;
}

body {
font-family: Roboto, 'BlinkMacSystemFont', -apple-system, 'Roboto', 'Lucida Sans';
color: #3c3c3c;
    background-color: #ffffff;
}


h1, h2, h3, h4, h5, h6 {
    color: #2f2f2f;
    
    }

h1 {font-family: Open Sans, 'Roboto', 'BlinkMacSystemFont', -apple-system,  'Lucida Sans';
        font-size: 70px;
    font-weight: 900;
    margin: 0.67em 0;
    line-height: 75px;
 }
        
        h2 {
            font-size: 38px;
    font-weight: 900;
    line-height: 1.4;
        }
        
        h3 {
        font-size: 1.56em;
        line-height: 1.4;
        }
        
        h4 {
        font-size: 1.25em;
        line-height: 1.5;
        }
        
        h5 {
        font-size: 1em;
        }
        
        h6 {
        font-size: 0.8em;
        }   

button:focus {
    
    outline: none;
}



.heading-container h1 span { 
       background-color: white;
    padding: 8px 35px 8px 20px;
    position: relative;
    display: inline-block;
}

.heading-container h1 span:last-of-type { 
         padding-top: 0px; 
    padding-bottom: 18px;
 ;
}
p {

font-family: Roboto, 'BlinkMacSystemFont', -apple-system, 'Roboto', 'Lucida Sans';
color:#414141
}


.site {
display: flex;
flex-direction: column;
height: 100vh; 
}
.site-main {
    flex: 1 0 auto;
    position: relative;
    overflow: hidden;
	
	
}
.woocommerce .site-main > * {
    padding-left: 20px;
    padding-right: 20px;
}
.bol-logo{

           max-width: 350px;

}


.bol-logo-footer img{
height: 45px
}

.site-main .entry-content > * {
    padding-left: 20px;
    padding-right: 20px;
}


/* =============== LAW THEME LINKS =============== */


a {
color: #4541fe; 
}

a:hover {
color: #fb3a64;
    text-decoration: none;
}

a:focus {
outline: none;
}

a:hover, a:active {
outline: 0;
}


.main-navigation .my-account-btn, #footer-main .my-account-btn {
      background: none;
    -webkit-background-clip: text;
    -webkit-text-fill-color: unset;
    padding: 3px 22px;
    border-radius: 100px;
    font-size: 14px;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
}

#footer-main .my-account-btn-container {
    display: flex;
    align-items: center;
    margin: auto;
    position: relative;
    box-sizing: border-box;
    color: #fff;
    background: #f6f9fc00;
    background-clip: padding-box;
    border: solid 3px white;
    border-radius: 100px;
   

}
.my-account-btn-container::before {
   content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
margin: -4px;
border-radius: inherit;
background: -webkit-linear-gradient(90deg, #7083FF, #6CB0FF);
}

/* =============== LAW THEME FOOTER =============== */

footer a {
color: #ffffff; 
	transition: 0.5s;
}

footer a:hover {
    text-decoration: none;
    color: #ffffff;
    transition: 0.5s;
    transform: translateX(5px);
}


.site-footer .bg-shape-right {
        background: -webkit-linear-gradient(90deg, #4d4aff, #4541fe);
    position: absolute;
    bottom: 72px;
    right: -77px;
    height: 220px;
    width: 54%;
    border-radius: 70px;
    -webkit-transform: skewY(-8deg);
    transform: rotate(-4deg);
    z-index: 0;
  }
.site-footer .bg-shape-left {
    background: -webkit-linear-gradient(90deg, #4d4aff, #4541fe);
    position: absolute;
    bottom: 72px;
    left: -77px;
    height: 220px;
    width: 50%;
    border-radius: 70px;
    -webkit-transform: skewY(-8deg);
    transform: rotate(-4deg);
    z-index: 0;
  }


.site-footer {
      flex-shrink: 0;
    background-color: #4541fe;
   
    position: relative;
	    overflow: hidden;
}
.footer-bottom {
      margin-top: 40px;
}
.footer-bottom ul {
      padding: 0;
}

.footer-sections {
 position: relative;
    display: flex;
       padding: 50px 64px 20px 64px;
    align-items: center;
    height: auto;
    flex-basis: 32%;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-transition-property: color,background-color,-webkit-box-shadow,-webkit-transform;
    transition-property: color,background-color,-webkit-box-shadow,-webkit-transform;
    transition-property: color,background-color,box-shadow,transform;
    transition-property: color,background-color,box-shadow,transform,-webkit-box-shadow,-webkit-transform;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    z-index: 0;
    justify-content: space-between;
}

.footer-sections a{
color: #ffffff;
font-weight: 700;
	    transition: 0.5s;
	font-size: 17px;
}
.footer-section {
    display: flex;
}


.footer-section ul {
  display: flex;
flex-direction: row;
margin: auto;
	    align-items: center;
	margin-top: auto!important;
}
.footer-section li {
   list-style: none;
    margin-right: 30px;
	display: flex;
}
#footer-main{



}
#footer-menu{




}

.site-footer .site-info {
  max-width: 1200px;

}




.page-id-956 #primary {


height: auto;
min-height: 1000px;
}

.about-en-container{margin-bottom: 50px}

.contact-container a:hover {
color: #fb3a64;
transition: all 0.3s;
}


.error-404.not-found{
padding-top: 250px;

height: 1000px;

}


.entry-footer{display:none}




#mobile-menu-social li {
list-style: none;
margin-left: 10px;
margin-right: 10px;
}




.mobile-menu-wrapper {
   display: inline-flex;
align-items: center;
vertical-align: middle;
}












.rjlogo b{
transition: 0.3s ease-in-out;
font: 400 60px "Vibur";
color: #fffefe;
text-shadow: 0 -40px 70px, 0 0 2px, 0 0 1em #ff4444, 0 0 0.5em #ff4444, 0 0 0.1em #ff4444, 0 10px 3px #000;
}


@media screen and (max-width: 640px) {
.rjlogo b{
  transition: 0.3s ease-in-out;
font: 400 45px "Vibur";
}
}
@media screen and (max-width: 640px) {
.header--fixed.not-top .rjlogo b{
  transition: 0.3s ease-in-out;
font: 400 35px "Vibur";
}
}







#footer-logo{
margin-bottom: 20px;
max-width: 500px;
margin-left: auto;
margin-right: auto;
padding: 0 10px;
}


#footer-menu li{
color: #fff;
font-weight: 700;
text-transform: uppercase;
padding: 0 15px;
font-size: 18px;
font-family: "Roboto Condensed";
list-style: none;
}


/* #footer-menu ul{
display: flex;
justify-content: center;
flex-wrap: wrap;
padding: 0;
margin: 30px 0;
}*/


.site-main .wp-block-group > .wp-block-group__inner-container > .alignwide {
max-width: 1440px;
}
.site-main .wp-block-group > .wp-block-group__inner-container > * {
max-width: 1160px;
margin-left: auto;
margin-right: auto;
}

.site-main .entry-content > .alignwide {
max-width: 1360px;
    
}


@media (max-width: 640px)
{.site-main .entry-content > .alignwide {
max-width: 1440px;
    padding: 0 20px;
}}

.site-main .entry-content li {
margin-left: 0;
}
.site-main .entry-content ul {

max-width: 100%;

}


a:hover {
color: inherit;
text-decoration: none;
}

/* .site-main .alignwide{position:relative}
@media only screen and (min-width: 1024px){
.site-main .alignwide{
    margin-left:-3%;
    margin-right:-3%;
    max-width:none;
    width:106%}}
.site-main .alignfull{
position:relative}

@media only screen and (min-width: 1024px){
.site-main .alignfull{
    max-width:100vw;
    margin-left:calc(50% - 40vw)}}
*/

.site-main .entry-content > .alignfull {
margin: 0;

}

/*
.main-navigation li>a:hover:before {
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
.main-navigation li>a:before {
content: '';
display: block;
position: absolute;
left: -7px;
width: calc(100% + 15px);
top: 28%;
height: 45%;
background: linear-gradient(to right, #fb3a64, #ff6486);
background-color: #fb3a64;
}
.main-navigation li>a:before {

z-index: -1;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-moz-transform: scale(1, 0);
-ms-transform: scale(1, 0);
-webkit-transform: scale(1, 0);
transform: scale(1, 0);
-moz-transition: -moz-transform .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: -o-transform .25s cubic-bezier(0.25, 0.8, 0.25, 1);
-webkit-transition: -webkit-transform .25s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform .25s cubic-bezier(0.25, 0.8, 0.25, 1);
}
*/

/* =============== STARTER THEME CHANGES =============== */
#background-container{    position: relative;
display: block;}



.entry-title a, :root .has-primary-color {
color: #ffffff;
}



.entry-content p, .entry-content ol, .entry-content ul, .entry-content dl, .entry-content dt {
font-family: Roboto, 'BlinkMacSystemFont', -apple-system, 'Roboto', 'Lucida Sans';
letter-spacing: normal;
}

.vc_inline-link
{display:none}


.site-main .entry-header {

      margin-top: 114px;
    position: relative;
    height: 1px;
}
@media (min-width: 700px)
{.post-inner {
padding-top: 0;
}}
.post-inner {
padding-top: 0;
}

@media (min-width: 1220px)
{.entry-content > .alignfull {
margin-bottom: 0;
margin-top: 0;
}}

#site-header {
background: none;

}

body.template-full-width .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide), body.template-full-width [class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
max-width: 100%;
}

.footer-nav-widgets-wrapper, #site-footer {
background-color: #fb3a64;
border-color: #dedfdf;
border-style: solid;
border-width: 0;
}

@media (min-width: 700px)
{.footer-widgets {
margin-left: 4rem;
width: 100%;
}}


.footer-logo{margin:auto}

.footer-inner .footer-widgets a {
color: #ffffff;
}
#site-footer {

display: none;
}

@media (min-width: 700px)
{.footer-widgets-outer-wrapper {
padding: 60px 0 20px 0px;
}
}
.footer-top, .footer-widgets-outer-wrapper, #site-footer {
padding: 40px 0 0px 0px;
}
.footer-widgets-outer-wrapper {
border-bottom: none;
}

@media screen and (max-width: 640px)
{.widget {
margin-bottom: 0;
}}


.home-small-img, .contact-small-img{position: relative;
overflow: visible;}


@media screen and (max-width: 600px) {
.home-small-img, .contact-small-img {

margin-top: 32px;
}}
.home-small-img:after, .contact-small-img:after{    

position: absolute;
top: 3%;
left: 2%;
width: 100%;
height: 100%;
background: linear-gradient(to right, #fb3a64, #ff7a97);
content: '';
z-index: -1;}

.contact-small-img {
   margin-right: 50px;
margin-top: 50px;
margin-bottom: 50px;

}
/* =============== HOMEPAGE =============== */
.wp-block-group > .wp-block-group__inner-container > .alignfull {
max-width: 100%;
}
#home-container {
margin-top: -100px;
z-index: 50;
position: relative;
}




#home-container h1:after
{
 content: "";
display: block;
background: linear-gradient(to right, #fb3a64, #ff7a97);
background-color: #fb3a64;
height: 2px;
border-top: none;
width: 10%;
min-width: 70px;
    margin: 20px 0px 30px 0px;
}
#home-container h2:after {
    content: "";
background: linear-gradient(to right, #fb3a64, #ff7a97);
background-color: #fb3a64;
height: 2px;
border-top: none;
width: 10%;
display: block;
position: relative;
min-width: 70px;
margin-right: auto;
margin-left: auto;
margin-top: 12px;
}
#home-container h1 {
font-family: Open Sans, 'BlinkMacSystemFont', -apple-system, 'Roboto', 'Lucida Sans';
font-size: 80px;
font-weight: 900;
color: #f3f3f3;
text-align: left;
letter-spacing: -1px;
line-height: 83px;
}
#home-container h2 {
font-family: Open Sans, 'BlinkMacSystemFont', -apple-system, 'Roboto', 'Lucida Sans';
font-size: 52px;
font-weight: 900;
color: #f3f3f3;
text-align: center;
letter-spacing: -1px;
margin-top: 45px;
}


@media screen and (max-width: 600px) {
#home-container h1{
font-size: 47px;
  line-height: 52px;
  margin-bottom: 0;
}}
@media screen and (max-width: 800px) {
#home-container h2 {    
font-size: 33px;   
}}

@media screen and (max-width: 600px) {
#home-container h1{
font-size: 47px;
  line-height: 52px;
  margin-bottom: 0;
}}

.main-heading .animation{
z-index: 500;
} 
.home-small-img{position: relative;
overflow: visible;}


@media screen and (max-width: 600px) {
.home-small-img {

margin-top: 32px;
}}
.home-small-img:after{    

position: absolute;
top: 3%;
left: 2%;
width: 100%;
height: 100%;
background: linear-gradient(to right, #fb3a64, #ff7a97);
content: '';
z-index: -1;}


#video-background-overlay{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
background: linear-gradient(rgba(5, 5, 31, 0) 0%, rgba(5, 5, 31, 0.01) 50.1%, rgba(5, 5, 31, 0.047) 54.5%, rgba(5, 5, 31, 0.106) 57.5%, rgba(5, 5, 31, 0.176) 60%, rgba(5, 5, 31, 0.26) 63.3%, rgba(5, 5, 31, 0.353) 66.2%, rgba(5, 5, 31, 0.45) 69.1%, rgba(5, 5, 31, 0.55) 72.9%, rgba(5, 5, 31, 0.647) 75.8%, rgba(5, 5, 31, 0.74) 78.7%, rgba(5, 5, 31, 0.824) 81%, rgba(5, 5, 31, 0.894) 84.5%, rgba(5, 5, 31, 0.953) 87.5%, rgba(5, 5, 31, 0.99) 90.9%, rgb(5, 5, 31) 100%);
}
#background-overlay{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
background: linear-gradient(rgba(0, 0, 0, 0.5) 25%, rgba(5, 5, 31, 0.01) 50.1%, rgba(5, 5, 31, 0.047) 54.5%, rgba(5, 5, 31, 0.106) 57.5%, rgba(5, 5, 31, 0.176) 60%, rgba(5, 5, 31, 0.26) 63.3%, rgba(5, 5, 31, 0.353) 66.2%, rgba(5, 5, 31, 0.45) 69.1%, rgba(5, 5, 31, 0.55) 72.9%, rgba(5, 5, 31, 0.647) 75.8%, rgba(5, 5, 31, 0.74) 78.7%, rgba(5, 5, 31, 0.824) 81%, rgba(5, 5, 31, 0.894) 84.5%, rgba(5, 5, 31, 0.953) 87.5%, rgba(5, 5, 31, 0.99) 90.9%, rgb(5, 5, 31) 100%);
}

.alignfull {
margin: 0px calc(50% - 50vw);
max-width: 100vw;
width: 100vw;
}

.row .thb-row-overlay {
z-index: 10;

}
.enquiry-btn {
text-align: center;
    margin-top: 30px;
}

.enquiry-btn a
{
  border: 2px solid #fb3a64;
-webkit-box-shadow: 5px 5px 0px 0px #fb3a64;
box-shadow: 5px 5px 0px 0px #fb3a64;
padding: 12px 28px 12px 28px;
font-size: 28px;
font-weight: 700;
color: #ffffff;
font-family: Open Sans, 'BlinkMacSystemFont', -apple-system, 'Roboto', 'Lucida Sans';
-webkit-transition: all .4s cubic-bezier(0.33,.02,0,.94)!important;
transition: all .4s cubic-bezier(0.33,.02,0,.94)!important;
}

@media screen and (max-width: 650px)
{.enquiry-btn a {
padding: 10px 25px 10px 25px;
font-size: 17px;
}
}



.enquiry-btn-sml a:hover {
box-shadow: 0 0 0 0 #fb3a64 !important;
background-color: #fb3a64;
}


.enquiry-btn-sml {
text-align: center;
margin-bottom: 40px;
margin-top: 42px;
}
.enquiry-btn-left {
 text-align: left;
    margin-top: 12px;

}
.enquiry-btn-sml a
{
  border: 2px solid #fb3a64;
-webkit-box-shadow: 5px 5px 0px 0px #fb3a64;
padding: 10px 25px 10px 25px;

font-size: 28px;
font-weight: 700;
color: #ffffff;
font-family: Open Sans, 'BlinkMacSystemFont', -apple-system, 'Roboto', 'Lucida Sans';
-webkit-transition: all .4s cubic-bezier(0.33,.02,0,.94)!important;
transition: all .4s cubic-bezier(0.33,.02,0,.94)!important;
}

@media screen and (max-width: 800px)
{.enquiry-btn-sml {

font-size: 17px;
}
.enquiry-btn-sml a
{
 
font-size: 20px;
font-weight: 700;

}


}



.enquiry-btn-sml a:hover {
box-shadow: 0 0 0 0 #fb3a64 !important;
background-color: #fb3a64;
}


.enquiry-btn a:hover {
box-shadow: 0 0 0 0 #fb3a64 !important;
background-color: #fb3a64;
}

@media screen and (max-width: 640px)
{.footer-logo {

padding: 0 38px;
}}
.mejs-overlay .mejs-overlay-button:active:before {
height: 120px;
width: 120px;}


.mejs-overlay .mejs-overlay-button {
background: url(https://entertainmentlegal.co.uk/wp-content/themes/band-of-lawyers/assets/images/play-btn-video.svg) no-repeat;
background-position: 0;
height: 128px;
width: 128px;
animation: shadow-pulse 2s infinite;
border-radius: 100px !important;
    overflow: hidden;
position: relative;
}

.mejs-overlay .mejs-overlay-button:before {
background: url(https://entertainmentlegal.co.uk/wp-content/themes/band-of-lawyers/assets/images/play-btn-video-back.svg) no-repeat;
   background-position: 0;
height: 128px;
width: 128px;
position: absolute;
content: "";
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);

}
.mejs-overlay .mejs-overlay-button:after {
background: url(https://entertainmentlegal.co.uk/wp-content/themes/band-of-lawyers/assets/images/play-btn-video-front.svg) no-repeat;
background-position: 0;
height: 128px;
width: 128px;
position: absolute;
content: "";
}
@media screen and (max-width: 640px)
{.mejs-overlay .mejs-overlay-button:active:before {
height: 100px;
width: 100px;}}

@media screen and (max-width: 640px)
{.mejs-overlay .mejs-overlay-button:after, .mejs-overlay .mejs-overlay-button:before {

background-position: 0;
height: 100px;
width: 100px;
position: absolute;
content: "";
}}


@media screen and (max-width: 640px)
{.mejs-overlay .mejs-overlay-button {

background-position: 0;
height: 100px;
width: 100px;
animation: shadow-pulse 2s infinite;
border-radius: 100px !important;
overflow: hidden;
position: relative;
}}
@media screen and (max-width: 640px)
{#heading-mobile .wpb_content_element {

margin-bottom:10px
}}
@media screen and (max-width: 640px)
{.widget {

margin-bottom: 25px;


}}

@media screen and (max-width: 640px)
{#custom_html-7 {

margin-bottom:0px
}}

.mejs-overlay .mejs-overlay-button:after, .mejs-overlay .mejs-overlay-button:before {
will-change: transform;
-moz-transition: all .5s cubic-bezier(0.25, 0.8, 0.25, 1);
-o-transition: all .5s cubic-bezier(0.25, 0.8, 0.25, 1);
-webkit-transition: all .5s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: all .5s cubic-bezier(0.25, 0.8, 0.25, 1);
}




.mejs-overlay-button:hover:after {
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-webkit-transform: translateX(100%);
transform: translateX(100%);
}

.mejs-overlay-button:hover:before {
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-webkit-transform: translateX(0%);
transform: translateX(0%);
}

.mejs-overlay-button:focus {
outline: none;
}

.mejs-overlay .mejs-overlay-button svg {
fill: #ffffff;

}

.mejs-layers .mejs-overlay:hover>.mejs-overlay-button {
background-position: 0;
}

#home-video .mejs-container, #home-video .mejs-poster, #home-video .mejs-overlay {
max-height: 950px;
overflow: hidden;
}

#home-video .mejs-mediaelement {
    position: absolute;
left: 0;
right: 0;
top: 50%;
margin-top: -28.1%;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}

#home-video .mejs-mediaelement iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;

}

#home-video .mejs-container .mejs-controls {
display: none !important;
}


/* =============== GENERAL =============== */


h3 {    font-size: 28px;
color: #f7f7f7;
font-weight: bold;}




#video-play-btn
{
}




.watch-video {
display: flex;
justify-content: center;
align-items: center;
}
.watch-video:before {
background: url(https://entertainmentlegal.co.uk/wp-content/themes/band-of-lawyers/assets/images/play-btn-video.svg) no-repeat;
background-position: center;

height: 135px;
width:  135px;
position: absolute;
content: "";
animation: shadow-pulse 2s infinite;
border-radius: 100px !important;
}
.watch-video:after {
background: url(https://entertainmentlegal.co.uk/wp-content/themes/band-of-lawyers/assets/images/play-btn-video-front.svg) no-repeat;
background-position: center;

height: 135px;
width:  135px;
position: absolute;
content: "";


}

@media screen and (max-width: 500px)
{.watch-video:before, .watch-video:after {
height: 100px;
width:  100px;

}}


#wrapper [role="main"] {
background: #05051d !important;
    
}
.btn-link:hover {

text-decoration: none;

}
.btn-link.focus, .btn-link:focus {
text-decoration: none;

}


.vc_separator .vc_sep_holder .vc_sep_line {
background: linear-gradient(to right, #fb3a64, #ff7a97);
background-color: #fb3a64;
height: 2px;
border-top: none;
}


/*
.row .animation {
-webkit-animation-duration: 1s !important;
animation-duration: 1s !important;
-webkit-animation-fill-mode: both !important;
animation-fill-mode: both !important;

}
*/
#mobile-menu-social {
color: #fff;
font-size: 16px;
font-weight: 700;
font-family: Open Sans, 'BlinkMacSystemFont', -apple-system, 'Roboto', 'Lucida Sans';
display: flex;
}


.animation.left-to-right {

-webkit-animation: wpb_ltr .7s 1 cubic-bezier(.175,.885,.32,1.275);
-o-animation: wpb_ltr .7s 1 cubic-bezier(.175,.885,.32,1.275);
animation: wpb_ltr 1s 1 cubic-bezier(.175,.885,.32,1.275);
}



.animation.bottom-to-top {
-webkit-animation: wpb_btt .7s 1 cubic-bezier(.175,.885,.32,1.275);
-o-animation: wpb_btt .7s 1 cubic-bezier(.175,.885,.32,1.275);
animation: wpb_btt .7s 1 cubic-bezier(.175,.885,.32,1.275);
}




#scroll_to_top:hover .thb-animated-arrow.circular {
background: #fb3a64;
}
#scroll_to_top .thb-animated-arrow.circular {
    background: #fb3a64db;

}
#home-container ul, #band-bullet-points ul {
display: flex;
flex-direction: column;
padding: 0;
margin: 0;
font-size: 19px;
font-weight: bold;
list-style-type: none;
}


.band-bullet-points li::before, #band-bullet-points li::before {
content: "– ";
padding-right: 5px;
}

.horizontal_separator:before{

background-color: #ececec;
content: '\a0';
flex-grow: 1;
height: 13px;
position: relative;
top: 50px;

}

.section-heading h2{
font-family: Open Sans, 'BlinkMacSystemFont', -apple-system, 'Roboto', 'Lucida Sans';
font-size: 52px;
font-weight: 900;
color: #f3f3f3;
text-align: center;
letter-spacing: -1px;
}
#main-heading-2 {
position: relative;
margin-top: -280px;
z-index: 5;
}
.main-heading {
position: relative;
margin-top: -141px;
z-index: 15;
margin-bottom: 40px;
}
.main-heading2 {
position: relative;
margin-top: -83px;
z-index: 5;
}

@media screen and (max-width: 800px) {
.main-heading2 {

margin-top: -60px;
  margin-bottom: 24px;

}}
@media screen and (max-width: 640px) {
.main-heading {
margin-bottom: 7px;
}}
#main-headings h2{
font-family: Open Sans, 'BlinkMacSystemFont', -apple-system, 'Roboto', 'Lucida Sans';
font-size: 80px;
font-weight: 900;
color: #f3f3f3;
text-align: left;
letter-spacing: -1px;
line-height: 68px;
}
@media screen and (max-width: 800px) {
#main-headings h2{
    font-size: 66px;
line-height: 68px;
margin-bottom: 0;
}}

@media screen and (max-width: 600px) {
#main-headings h2{
font-size: 47px;
  line-height: 52px;
  margin-bottom: 0;
}}
#main-headings .animation{
z-index: 500;
}



@media only screen and (max-width: 1024px) and (min-height: 600px)
{.fancybox-slide {
padding: 1vw !important;
}}



#header-background .thb-row-overlay, #video-background .thb-row-overlay {
background: rgba(5,5,29,0.2);
background:linear-gradient(
to bottom,
hsla(240, 71%, 7%, 0) 0%,
hsla(240, 71%, 7%, 0.013) 57.1%,
hsla(240, 71%, 7%, 0.049) 60.5%,
hsla(240, 71%, 7%, 0.104) 63.5%,
hsla(240, 71%, 7%, 0.175) 66%,
hsla(240, 71%, 7%, 0.259) 69.3%,
hsla(240, 71%, 7%, 0.352) 72.2%,
hsla(240, 71%, 7%, 0.45) 75.1%,
hsla(240, 71%, 7%, 0.55) 78.9%,
hsla(240, 71%, 7%, 0.648) 81.8%,
hsla(240, 71%, 7%, 0.741) 84.7%,
hsla(240, 71%, 7%, 0.825) 87%,
hsla(240, 71%, 7%, 0.896) 90.5%,
hsla(240, 71%, 7%, 0.951) 93.5%,
hsla(240, 71%, 7%, 0.987) 96.9%,
hsl(240, 71%, 7%) 100%
)

}

.page-id-19 #video-background .thb-row-overlay, .page-id-19 #header-background .thb-row-overlay {
background: rgba(5,5,29,0.2);
background: linear-gradient(rgba(5, 5, 31, 0) 0%, rgba(5, 5, 31, 0.01) 50.1%, rgba(5, 5, 31, 0.047) 54.5%, rgba(5, 5, 31, 0.106) 57.5%, rgba(5, 5, 31, 0.176) 60%, rgba(5, 5, 31, 0.26) 63.3%, rgba(5, 5, 31, 0.353) 66.2%, rgba(5, 5, 31, 0.45) 69.1%, rgba(5, 5, 31, 0.55) 72.9%, rgba(5, 5, 31, 0.647) 75.8%, rgba(5, 5, 31, 0.74) 78.7%, rgba(5, 5, 31, 0.824) 81%, rgba(5, 5, 31, 0.894) 84.5%, rgba(5, 5, 31, 0.953) 87.5%, rgba(5, 5, 31, 0.99) 90.9%, rgb(5, 5, 31) 100%);


}
.page-id-19 #video-background-mobile .thb-row-overlay {
background: rgba(5,5,29,0.2);
background: linear-gradient(rgba(5, 5, 31, 0) 0%, rgba(5, 5, 31, 0.01) 50.1%, rgba(5, 5, 31, 0.047) 54.5%, rgba(5, 5, 31, 0.106) 57.5%, rgba(5, 5, 31, 0.176) 60%, rgba(5, 5, 31, 0.26) 63.3%, rgba(5, 5, 31, 0.353) 66.2%, rgba(5, 5, 31, 0.45) 69.1%, rgba(5, 5, 31, 0.55) 72.9%, rgba(5, 5, 31, 0.647) 75.8%, rgba(5, 5, 31, 0.74) 78.7%, rgba(5, 5, 31, 0.824) 81%, rgba(5, 5, 31, 0.894) 84.5%, rgba(5, 5, 31, 0.953) 87.5%, rgba(5, 5, 31, 0.99) 90.9%, rgb(5, 5, 31) 100%);


}

@media screen and (max-width: 640px)
{#video-background
{
display:none;
}
}
@media screen and (min-width: 640px)
{#video-background-mobile
{
display:none;
}
}
#video-background-mobile .mejs-fill-container {
height:500px;
max-height: 500px;
}

#video-background-mobile .mejs-poster {
background-position: 33% 50%;

}
.vc_sep_width_10 {
width: 10%;
min-width: 70px;
}
@media screen and (max-width: 640px)
{.vc_sep_width_10 {
width: 10%;
min-width: 70px;
padding-bottom: 0px !important;
margin-bottom: 25px;
}
}

.thb-video-lightbox {
position: relative;
overflow: visible;
}

.video-image-border .thb-video-lightbox::after {
position: absolute;
top: 3%;
left: 2%;
width: 100%;
height: 100%;
background: linear-gradient(to right, #fb3a64, #ff7a97);
content: '';
z-index: -1;
}





.image-border .vc_single_image-wrapper::after {
position: absolute;
top: 3%;
left: 2%;
width: 100%;
height: 100%;
background: linear-gradient(to right, #fb3a64, #ff7a97);
content: '';
z-index: -1;
}

.image-border .vc_single_image-wrapper {
position: relative;
}

#home-image2 .vc_single_image-wrapper::after {
position: absolute;
top: 3%;
left: 2%;
width: 100%;
height: 100%;
border: 20px solid #fb3a64cc;
content: '';
z-index: -1;
}
#home-image2 .wpb_wrapper.vc_figure {
display: flex;
margin: auto;
justify-content: center;
}



#video-background .play-btn-off{
display: none;

}

#video-background .loading-spinner-on .video-loader{
visibility: visible;

}	

#video-background .loading-spinner-off .video-loader{
display: none;

}

@media screen and (max-width: 640px)
{.thb-video-lightbox.xlarge svg {
width: 100px;
height: 100px;
}}


.video-loader,
.video-loader:after {
border-radius: 50%;
width: 10em;
height: 10em;
}
#video-background .video-loader {
visibility: hidden;
font-size: 5px;
text-indent: -9999em;
border-top: 3px solid rgba(255, 255, 255, 0.2);
border-right: 3px solid rgba(255, 255, 255, 0.2);
border-bottom: 3px solid rgba(255, 255, 255, 0.2);
border-left: 3px solid #ffffff;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}



                        
#video-background .thb-video-lightbox svg {
                fill: #ffffff;
 animation: shadow-pulse 2s infinite;
    border-radius: 100px !important;
        
            }
        
#video-background	.thb-video-lightbox svg.thb-play-02 .circle1 {
                stroke: #ffffff;
            }
    
            @keyframes shadow-pulse
{
0% {
box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.13);
}
100% {
box-shadow: 0 0 0 35px rgba(58, 58, 58, 0);
}
}

@keyframes shadow-pulse-big
{
0% {
box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1);
}
100% {
box-shadow: 0 0 0 70px rgba(0, 0, 0, 0);
}
}


@keyframes pulse {
from { transform: scale(1); }
50% { transform: scale(0.85); }
to { transform: scale(1); }
}

.fe-pulse {

animation-name: pulse;
animation-duration: 3s;
animation-iteration-count: infinite;
}


#video-background rs-poster {

background-position: center 22%;
}


.page .header-background2 {

padding-bottom: 3vh;
}


@media screen and (max-width: 640px)
{.page .header-background2 {
background-position: 25% 22%;
padding-bottom: 9vh;
}}

.call-to-action-btn {
text-align: center;
}

.call-to-action-btn a
{
  border: 2px solid #fb3a64;
-webkit-box-shadow: 5px 5px 0px 0px #fb3a64;
box-shadow: 5px 5px 0px 0px #fb3a64;
padding: 12px 28px 12px 28px;
font-size: 28px;
font-weight: 700;
color: #ffffff;
font-family: Open Sans, 'BlinkMacSystemFont', -apple-system, 'Roboto', 'Lucida Sans';
-webkit-transition: all .4s cubic-bezier(0.33,.02,0,.94)!important;
transition: all .4s cubic-bezier(0.33,.02,0,.94)!important;
}

@media screen and (max-width: 650px)
{.call-to-action-btn a {
padding: 10px 25px 10px 25px;
font-size: 17px;
}
}



.call-to-action-btn a:hover {
box-shadow: 0 0 0 0 #fb3a64 !important;
background-color: #fb3a64;
}



/* =============== CAROUSEL =============== */

.carousel-item p {
font-size: 27px;
font-weight: 700;
text-align: center;
height: 290px;
width: 70%;
line-height: 1.3;
margin: auto;
flex-direction: column;
display: flex;
justify-content: center;
}
@media screen and (max-width: 1200px) {
.carousel-item p {
font-size: 24px;
 height: 235px;

}
}
.carousel-item p:after {
font-family: FontAwesome;
content: "\f005 \f005 \f005 \f005 \f005";
color: #ffc200;
letter-spacing: 0.2em;
font-size: 25px;
display: block;
margin-top: 5px;
}

@media screen and (max-width: 900px) {
.carousel-item p:after {

font-size: 20px;
display: block;
margin-top: 5px;
}
}
@media screen and (max-width: 900px) {
.carousel-item p {
font-size: 18px;
font-weight: 500;
text-align: center;
padding: 0px 5px;
height: 245px;
line-height: 1.3;
flex-direction: column;
display: flex;
justify-content: center;
 width: 100%;
}}
.carousel-item {
text-align: center;

}

.carousel-inner {



}






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






.thb-full-menu>li>a {
text-transform: uppercase;
font-weight: 600;
font-size: 18px;
}



.logolink .logoimg {
transition: 0.3s ease-in-out;
}

.header.fixed.light-header {
background: #080817de;
}
.thb-full-menu.thb-line-marker>li>a:hover {
color: #ffffff;
}



.thb-full-menu.thb-line-marker>li>a:before {
content: '';
display: block;
position: absolute;
left: -7px;
width: calc(100% + 15px);
top: 28%;
height: 45%;
background: linear-gradient(to right, #fb3a64, #ff6486);
background-color: #fb3a64;

}

.page-id-221 #header-background {
background: linear-gradient( rgba(0, 0, 0, 0.5) 25%, rgba(0, 0, 0, 0) 45%) , url(https://entertainmentlegal.co.uk/wp-content/uploads/roxy-jukebox-events-band.jpg?id=186) center 22% / cover !important;
}

.page-id-23 #header-background {
background: linear-gradient( rgba(0, 0, 0, 0.5) 25%, rgba(0, 0, 0, 0) 45%) , url(https://entertainmentlegal.co.uk/wp-content/uploads/roxy-jukebox-wedding-band.jpg?id=183) center 22% / cover !important;
}
#header-background {
background-position: center 22%;
}

@media screen and (max-width: 640px) {
#header-background {
   background-position: 25% 22%;
}}


@media screen and (max-width: 1400px) {

.header.style4 #full-menu {
position: relative;
top: 0;
left: 0;
-moz-transform: none;
-webkit-transform: none;
transform: none;
}
.header div.small-12.columns div:last-child{
display: block; 
}


}


@media screen and (min-width: 1024px) {


.header div.small-12.columns div:last-child{
display: none; 
}


}
#main-headings .animation{
z-index: 500;
}

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

.footer {
text-align: center;
}

@-webkit-keyframes Gradient {
0% {
    background-position: 0% 50%
}

50% {
    background-position: 100% 50%
}

100% {
    background-position: 0% 50%
}
}

@-moz-keyframes Gradient {
0% {
    background-position: 0% 50%
}

50% {
    background-position: 100% 50%
}

100% {
    background-position: 0% 50%
}
}

@keyframes Gradient {
0% {
    background-position: 0% 50%
}

50% {
    background-position: 100% 50%
}

100% {
    background-position: 0% 50%
}
}



.footer-inner #menu-main-menu-2 {

display: flex;
justify-content: center;
    flex-wrap: wrap;
}
.footer-inner #menu-main-menu-2 li{

font-weight: 700;
text-transform: uppercase;
padding: 0 15px;
    font-size: 18px;
font-family: "Roboto Condensed";
}
@media screen and (max-width:450px) {
#footer #menu-main-menu-2 li{
font-weight: 700;
text-transform: uppercase;
padding: 0 15px;
    font-size: 18px;
font-family: "Roboto Condensed";
}}
#footer #menu-main-menu-2 li a:hover:after
{display:none
}



.footer.dark {
    background: #fb3a64;

color: #ffffff;
}

#footer-email {
color: #ffffff;
text-align: center;
font-size: 38px;
font-weight: 700;
}
#footer-social {
color: #ffffff;
text-align: center;
font-size: 25px;
font-weight: 700;
}

#footer-copyright {
color: #ffffff;
text-align: center;
   font-size: 15px;
font-weight: bold;
}

#footer-privacy {
color: #ffffff;
text-align: center;
    
   font-size: 15px;
font-weight: bold;
}
.footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer {

padding-bottom: 25px;
}

#footer-about-en {
color: #ffffff;
text-align: center;
    margin-bottom: 10px;
   font-size: 15px;
font-weight: bold;
}



/* =============== LOGO =============== */





.rjlogo {

left: 0;
right: 0;
bottom: 0;

}



@media screen and (max-width: 640px) {
.rjlogo b{
  transition: 0.2s;
font: 400 45px "Vibur";
 text-shadow: 0 0 1em #ff4444, 0 0 0.5em #ff4444, 0 0 0.1em #ff4444;
}
}
@media screen and (max-width: 640px) {
.header.fixed .rjlogo b{
  transition: 0.3s ease-in-out;
font: 400 35px "Vibur";
}
}
@media screen and (max-width: 640px) {
.rjlogo b span{
animation: none;

}}

@keyframes blink {
58% {
color: inherit;
text-shadow: inherit;
}
59%{
 color: #333;
}
60% {

text-shadow: none;
}
61% {
color: inherit;
text-shadow: inherit;
}
62% {
color: #333;
text-shadow: none;
}
63% {
color: inherit;
text-shadow: inherit;
}
65% {
color: #333;
text-shadow: none;
}
65.5% {
color: inherit;
text-shadow: inherit;
}


}


/* =============== REVIEWS =============== */

blockquote p {
font-size: 30px;
margin: 0;
font-weight: 400;
color: #fff;
line-height: 1.3;
}
.thb-testimonials blockquote {
padding-top: 0;
padding-bottom: 0;
margin-bottom: 15px;
}
.star-rating, .comment-form-rating p.stars {
display: flex;
position: relative;
font-size: 12px;
letter-spacing: 0.2em;
font-family: FontAwesome;
color: #dcdcdc;
order: 2;
}
.thb-testimonials.style3 .thb-testimonial {
border: 1px solid rgba(0,0,0,0.07);
padding: 10px 15% 0 15%;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.slick-slider .slick-track, .slick-slider .slick-list {

padding: 0px 0px !important;
}

.thb-testimonials.style3 .thb-testimonial blockquote p {
font-size: 30px;
font-weight: 700;
}
.star-rating, .comment-form-rating p.stars {

font-size: 25px;

}

.star-rating > span, .comment-form-rating p.stars > span {
display: block;
top: 0;
left: 0;
position: absolute;
height: 30px;
overflow: hidden;
}

@media screen and (max-width: 750px) {
.thb-testimonials.style3 .thb-testimonial blockquote p {
font-size: 18px;

}
}

/* =============== SONG LIST =============== */

.songlistheading p {
font-size: 35px;
font-weight: 700;
text-transform: uppercase;
}

.songlistcontainer {


text-align: center;
}

.thb-tabs.style4 .vc_tta-panel-heading h4 a {
display: inline-block;
padding: 0 2px;
color: #fff;
position: relative;
line-height: 1;
}

.thb-tabs.style4 .vc_tta-panel-heading h4 a.active {
color: #fb3a64;
}

.thb-tabs.style4 .vc_tta-panel-heading h4 {
line-height: 1;
font-size: 30px;
font-weight: 600;
}

.thb-tabs.style4 .vc_tta-panel-heading h4 a:hover {
color: #fb3a64;
}

.thb-tabs {
min-height: 100%;
max-height: 500px;
text-align: center;
}


.thb-tabs ul li{
float: left;
width: 33%;
list-style-type: none;
}




.thb-accordion .vc_tta-panel-heading h4 a::before {
width: 13px;
height: 1px;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: rgba(255, 255, 255, 0.6);
}

.thb-accordion .vc_tta-panel-heading h4 a::after {
width: 1px;
height: 13px;
right: 6px;
background: rgba(255, 255, 255, 0.6);
transform-origin: center;
-moz-transform: translateY(-50%) scale(1, 1);
-ms-transform: translateY(-50%) scale(1, 1);
-webkit-transform: translateY(-50%) scale(1, 1);
transform: translateY(-50%) scale(1, 1);
}

.thb-accordion .vc_tta-panel {
border-bottom: 1px solid rgba(255, 255, 255, 0.13);
font-size: 16px;
}


.thb-accordion .vc_tta-panel-heading h4 a {
display: block;
position: relative;
padding: 23px 0;
opacity: 1;
color: #fff;
font-size: 30px;
}
.thb-accordion .vc_tta-panel-heading h4 a:hover {
color: #fb3a64;
transition: all 0.5s;
}
.thb-accordion .vc_tta-panel.active .vc_tta-panel-heading h4 a::after, .thb-accordion .vc_tta-panel.active .vc_tta-panel-heading h4 a::before {
background: #fff;
}
.thb-accordion ul li {
list-style-type: none;
display: flex;
flex-wrap: wrap;
flex: 0 0 33%;
justify-content: center;
    text-align: center;
}

.thb-accordion ul {
display: flex;
flex-wrap: wrap;
}

.thb-accordion .vc_tta-panel.active .vc_tta-panel-heading h4 a {
color: #fb3a64;
}


@media screen and (max-width: 1024px) {
.thb-accordion ul li {

flex: 0 0 50%;

}
}

@media screen and (max-width: 700px) {
.thb-accordion ul li {

flex: 0 0 100%;
justify-content: flex-start;
}
}

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

#contact-social .fa {
font-size: 45px;
margin-right: 15px;
}


.contact-headings {
margin-bottom: 15px;
}

.contact-headings p{
font-size: 28px;
color: #f7f7f7;
font-weight: bold;
}


#contact-info-img {

     margin-right: 50px ;
margin-bottom: 70px ;
}

@media only screen and (max-width: 1200px) {
#contact-info-img {

     margin-right: 10px ;
margin-bottom: 70px ;
}
}


#contact-form-container{

 padding: 0px 50px;
}
@media only screen and (max-width: 1200px) {
#contact-form-container{

 padding: 0px 5px;
}
}

.wpcf7-form .wpcf7-form-control-wrap textarea
{background-image: -webkit-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
background-image: -moz-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
background-image: -ms-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
background-image: -o-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
background-image: linear-gradient(#ffffff00, #ffffff00 35px, #545454 35px, #545454 36px, #00000000 36px);
background-size: 100% 36px;
background-position: 0px 0px;
line-height: 36px;
        height: 215px;
}

.wpcf7-form-control-wrap input[type="text"], .wpcf7-form-control-wrap input[type="password"], .wpcf7-form-control-wrap input[type="date"], .wpcf7-form-control-wrap input[type="datetime"], .wpcf7-form-control-wrap input[type="email"], .wpcf7-form-control-wrap input[type="number"], .wpcf7-form-control-wrap input[type="search"], .wpcf7-form-control-wrap input[type="tel"], .wpcf7-form-control-wrap input[type="time"], .wpcf7-form-control-wrap input[type="url"], .wpcf7-form-control-wrap textarea {
margin-bottom: 27px;
    margin-top: 10px;
width: 100%;
border-bottom: 1px solid rgba(224, 224, 224, 0.34);
border-top: none;
border-right: none;
border-left: none;
    background: #080817;
    color: #f9f9f9;
    border-radius: 0px;
    padding: 0px 20px;
}

.wpcf7-form-control-wrap input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
 
border-color: #fb3a64;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}

.wpcf7 label { 
width: 100%;

font-size: 24px;
text-transform: uppercase;
color: #f7f7f7;
font-weight: bold;
}


.wpcf7 input[type="submit"],.wpcf7 .button,.wpcf7 .btn {
display: inline-flex;
align-items: center;
justify-content: center;
height: 48px;
background: none;
color: #ffffff;
margin-top: 10px;
padding: 0 40px;
max-width: 100%;
font-size: 15px;
text-transform: uppercase;
font-weight: 600;
border: 1px solid #fb3a64;
width: 200px;
outline: 0;
cursor: pointer;
border-radius: 5px;
-moz-appearance: none;
-webkit-appearance: none;
transition: all 0.5s;

}  


.wpcf7 input[type="submit"]:hover,.wpcf7 .button:hover,.wpcf7 .btn:hover {
 background: #fb3a64;
color: #fff;
}

input[type="text"].wpcf7-not-valid, input[type="password"].wpcf7-not-valid, input[type="date"].wpcf7-not-valid, input[type="datetime"].wpcf7-not-valid, input[type="email"].wpcf7-not-valid, input[type="number"].wpcf7-not-valid, input[type="search"].wpcf7-not-valid, input[type="tel"].wpcf7-not-valid, input[type="time"].wpcf7-not-valid, input[type="url"].wpcf7-not-valid, textarea.wpcf7-not-valid {
border-color: #ff0000;
}

div.wpcf7 .ajax-loader {
   display: inline-block;
background-image: none;
width: 35px;
height: 35px;
margin: 0px 0 0 17px;
vertical-align: middle;
}
/*
.ajax-loader {
 border: 2px solid #353535 !important;
border-top: 2px solid #8cf1ff !important;
border-radius: 50%;
width: 35px;
height: 35px;
animation: spin 0.5s linear infinite;
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}


.ajax-loader,
.ajax-loader:after {
border-radius: 50%;
width: 10em;
height: 10em;
}
.ajax-loader {
margin: 60px auto;
font-size: 2px;
position: relative;
text-indent: -9999em;
border-top: 1.1em solid rgba(255, 255, 255, 0.2) !important;
border-right: 1.1em solid rgba(255, 255, 255, 0.2) !important;
border-bottom: 1.1em solid rgba(255, 255, 255, 0.2) !important;
border-left: 1.1em solid #8cf1ff  !important;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
*/

/* =============== NINJA FORMS =============== */

.nf-form-cont .nf-form-content .list-select-wrap .nf-field-element>div,.nf-form-cont .nf-form-content input:not([type=button]),.nf-form-cont .nf-form-content textarea {

    width: 100%;

    background: #080817;
    color: #ffffff;
    border-radius: 0px;
    padding: 0px 20px;
}

.nf-form-cont .nf-form-content .list-select-wrap .nf-field-element>div:focus,.nf-form-cont .nf-form-content input:not([type=button]):focus,.nf-form-cont .nf-form-content textarea:focus {
background: #080817;
border-color: #fb3a64;
color: #ffffff;
outline: none;
transition: all .5s;
}

.nf-form-cont .nf-form-content label {
    font-size: 28px;
    color: #4a4a4a;
    font-weight: bold;
}

.pika-single.is-bound .pika-lendar {

}

.nf-form-cont .nf-form-content textarea.ninja-forms-field {
 height: 215px;
 line-height: 36px;
background-image: -webkit-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
background-image: -moz-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
background-image: -ms-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
background-image: -o-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
background-image: linear-gradient(#ffffff00, #ffffff00 35px, #545454 35px, #545454 36px, #00000000 36px);
background-size: 100% 36px;
background-position: 0px 0px;


}

.nf-form-cont .nf-form-content button, .nf-form-cont .nf-form-content input[type=button], .nf-form-cont .nf-form-content input[type=submit] {
  height: 47px;
    background: #534ffe;
    border-radius: 70px;
    margin-top: 10px;
    padding: 0 40px;
    max-width: 100%;
    font-size: 19px;
    width: 185px;
    outline: 0;
    cursor: pointer;
    -moz-appearance: none;
    -webkit-appearance: none;
    transition: all 0.5s;
    font-weight: 700;
    color: #ffffff;
    font-family: Open Sans, 'BlinkMacSystemFont', -apple-system, 'Roboto', 'Lucida Sans';
    -webkit-transition: all .4s cubic-bezier(0.33,.02,0,.94)!important;
    transition: all .4s cubic-bezier(0.33,.02,0,.94)!important;
}

.nf-form-cont .nf-form-content button:hover, .nf-form-cont .nf-form-content input[type=button]:hover, .nf-form-cont .nf-form-content input[type=submit]:hover {
    box-shadow: 0 0 0 0 #fb3a64 !important;
background-color: #4541fe;
color: #ffffff;
}

.nf-form-cont #ninja_forms_required_items, .nf-form-cont .nf-field-container {
margin-bottom: 25px;
}


.nf-form-fields-required {
display: none;
}

.pika-lendar .pika-button:hover {

background: #080817;

}

.pika-single .pika-lendar .is-selected .pika-button {

color: #ffffff;
background: #fb3a64;
   box-shadow: inset 0 1px 3px #bf2d4d;
}

.pika-lendar .is-today .pika-button {
color: #fb3a64;
}







/* =============== TAPTAP MENU =============== */

.taptap-main-menu-button:after  {



}
.taptap-main-menu-button div.taptap-main-menu-button-middle:before {



}


.site-header .taptap-menu-button-wrapper {
 opacity:1;
      pointer-events: auto;
  position: relative;
top: -8px;
left: 0px;
}



.taptap-menu-button-wrapper.taptap-menu-active{
opacity:1;
     pointer-events: auto;
}


.site-header .taptap-smart-header-hide {
top: 10px !important;
}

.taptap-main-menu-button:before, .taptap-main-menu-button div.taptap-main-menu-button-middle:before, .taptap-main-menu-button:after {

background-color: #fdfdfd;

}

.taptap-main-menu-button {
    padding: 17px 5px;
  
}
.taptap-by-bonfire ul li {

text-align: right;
}

.taptap-by-bonfire ul li a {
font-family: 'open sans', 'BlinkMacSystemFont', -apple-system, 'Lucida Sans';
font-weight: 700;
letter-spacing: -1px;
font-size: 28px;
padding: 2px 0;
color: #ffffff;
}

@media only screen and (max-width: 420px) {
.taptap-by-bonfire ul li a {
font-size: 25px;

}
}


.taptap-by-bonfire {
    margin: 0;
}


.taptap-main-inner-inner {
display: table-cell;
vertical-align: top;
margin: 0;
padding: 75px 25px 0 25px;
}
.taptap-widgets-wrapper {
position: absolute;
bottom: 26px;
right: 23px;
}

/* =============== fade from right =============== */



.taptap-main-wrapper-active .taptap-by-bonfire .menu li {
transform: translateX(0px);
}



body .taptap-main-wrapper-active, .taptap-background-color-active, .taptap-background-image-active {
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
body .taptap-main-wrapper {
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
body .taptap-main-wrapper-active {
-webkit-transform: none;
-moz-transform: none;
transform: none;
opacity: 1 !important;
transition: opacity 0.5s 0.2s ease;}

body.taptap-main-wrapper {
-webkit-transform: none;
-moz-transform: none;
transform: none;
opacity: 0;

}




/*

.taptap-main-wrapper.taptap-main-wrapper-active ul li {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: opacity .3s,-webkit-transform .3s;
-o-transition: transform .3s,opacity .3s;
transition: transform .3s,opacity .3s;
transition: transform .3s,opacity .3s,-webkit-transform .3s;
}


.taptap-main-wrapper ul li {
position: relative;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
-webkit-animation-timing-function: cubic-bezier(.4,.006,0,2);
animation-timing-function: cubic-bezier(.4,.006,0,2);
-webkit-transition: .3s all;
-o-transition: .3s all;
transition: .3s all;
}

*/
.taptap-main-wrapper.taptap-main-wrapper-active ul li:nth-child(1), .animated-menu-item .menu-visible>ul>li:nth-last-child(n+6), .social-icons-animated.menu-visible .social-icons>ul>li:nth-last-child(n+6) {
-webkit-transition-delay: .35s;
-o-transition-delay: .35s;
transition-delay: .35s;
}
.taptap-main-wrapper.taptap-main-wrapper-active ul li:nth-child(2), .animated-menu-item .menu-visible>ul>li:nth-last-child(n+5), .social-icons-animated.menu-visible .social-icons>ul>li:nth-last-child(n+5) {
-webkit-transition-delay: .3s;
-o-transition-delay: .3s;
transition-delay: .3s;
}
.taptap-main-wrapper.taptap-main-wrapper-active ul li:nth-child(3), .animated-menu-item .menu-visible>ul>li:nth-last-child(n+4), .social-icons-animated.menu-visible .social-icons>ul>li:nth-last-child(n+4) {
-webkit-transition-delay: .25s;
-o-transition-delay: .25s;
transition-delay: .25s;
}
.taptap-main-wrapper.taptap-main-wrapper-active ul li:nth-child(4), .animated-menu-item .menu-visible>ul>li:nth-last-child(n+3), .social-icons-animated.menu-visible .social-icons>ul>li:nth-last-child(n+3) {
-webkit-transition-delay: .2s;
-o-transition-delay: .2s;
transition-delay: .2s;
}
.taptap-main-wrapper.taptap-main-wrapper-active ul li:nth-child(5), .social-icons-animated.menu-visible .social-icons>ul>li:nth-last-child(n+2) {
-webkit-transition-delay: .15s;
-o-transition-delay: .15s;
transition-delay: .15s;
}
.taptap-main-wrapper.taptap-main-wrapper-active ul li:nth-child(6), .animated-menu-item .menu-visible>ul>li:nth-last-child(n+1), .social-icons-animated.menu-visible .social-icons>ul>li:nth-last-child(n+1) {
-webkit-transition-delay: .12s;
-o-transition-delay: .12s;
transition-delay: .12s;
}

/*
.taptap-background-color {
background: -webkit-linear-gradient(-30deg, #0e2331e0 0%, #000000e0 100%);
}
*/
.taptap-menu-button-wrapper.taptap-menu-active .taptap-main-menu-button:before,.taptap-menu-button-wrapper.taptap-menu-active  .taptap-main-menu-button div.taptap-main-menu-button-middle:before,.taptap-menu-button-wrapper.taptap-menu-active  .taptap-main-menu-button:after {
background-color: #ffffff!important;
}

.taptap-main-inner {

overflow-y: hidden;
}

.taptap-by-bonfire ul li.current-menu-item > a, .taptap-by-bonfire .sub-menu .current-menu-item > a, .taptap-by-bonfire ul li > a:hover {
color: #ffffff;
}


.taptap-by-bonfire .menu li {
    position: relative;
    margin: 0;
    padding: 0;
    border: none;
    z-index: auto;
    margin-bottom: 5px;
    
}

/*
.taptap-by-bonfire .menu li a:hover:before, .taptap-by-bonfire .menu li.current_page_item a:before {
-webkit-transform: scale(1,1);
-ms-transform: scale(1,1);
transform: scale(1,1);
}
.taptap-by-bonfire .menu li a:before {
    content: "";
    z-index: -1;
    background: linear-gradient(to right, #4541fe, #3c39d2);
    background-color: #3d3ad5;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.14,.7,.5,1);
    -o-transition: transform .3s cubic-bezier(.14,.7,.5,1);
    transition: transform .3s cubic-bezier(.14,.7,.5,1);
    transition: transform .3s cubic-bezier(.14,.7,.5,1),-webkit-transform .3s cubic-bezier(.14,.7,.5,1);
    -webkit-transform: scale(0,1);
    -ms-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
}
.taptap-by-bonfire .menu li a:before {
width: 100%;
height: 100%;
top: 0;
position: absolute;
left: 0;
}
*/

.taptap-by-bonfire .menu li a {
  padding: 0px 10px 0px 10px;
    position: relative;
    margin-top: 5px;
    width: 100%;
    display: flex;
    align-items: center;
}



.taptap-by-bonfire .menu li a:after {
    content: "\f054";
    font-family: FontAwesome;
      color: #ffffff;
    margin-left: auto;
    font-size: 22px;
    font-weight: 100;
}







.taptap-main .taptap-by-bonfire ul li.full-item-arrow-hover > a, .taptap-by-bonfire ul li a:hover {
color: #ffffff;
}

/*@media only screen and (max-height: 500px)
{.taptap-contents-wrapper {
height: 87%;
display: flex;
justify-content: center;
align-items: center;
}
.taptap-by-bonfire ul{
padding-left: 0;
display: flex;
flex-direction: row;
    align-items: center;
}
.taptap-by-bonfire .menu li {
justify-content: center;
display: flex;
}





.taptap-by-bonfire ul li a {
font-family: 'Work Sans', 'BlinkMacSystemFont', -apple-system, 'Roboto', 'Lucida Sans';
font-weight: 600;
font-size: 3.2vw;
padding: 2px 10px;
color: #ffffff;
    text-align: center;
    line-height: normal;
}.taptap-by-bonfire {
margin-top: 5px;
margin-right: 0px;
}

.taptap-main-inner-inner {

padding: 75px 0px;
}}*/

@media (max-width: 8000px) and (min-width: 1150.5px)
{.mobile-menu-wrapper, .taptap-menu-button-wrapper, .taptap-logo-wrapper, .taptap-header, .taptap-background-color, .taptap-background-image, .taptap-background-overlay, .taptap-main-wrapper, .taptap-search-wrapper, .taptap-search-button-wrapper {
display: none;
}}

.taptap-background-color {
    background-color: #080817f2;
}



/* TAP TAP INLINE CSS */


/* search button hover*/
.taptap-search-button-wrapper:hover .taptap-search-button { border-color:#ddd; }
.taptap-search-button-wrapper:hover .taptap-search-button::after { background-color:#ddd; }
/* search close button hover */
.taptap-search-close-wrapper:hover .taptap-search-close-inner::before,
.taptap-search-close-wrapper:hover .taptap-search-close-inner::after { background-color:#ddd; }
/* search clear field button hover */
.taptap-search-clear-wrapper:hover .taptap-search-clear { background-color:#666; }
/* current menu item hover */

/* menu item hovers */
.taptap-by-bonfire ul li.full-item-arrow-hover > a,
.taptap-by-bonfire ul li a:hover { color:#ffffff; }
.taptap-by-bonfire ul.sub-menu li.full-item-arrow-hover > a,
.taptap-main .taptap-by-bonfire ul.sub-menu li a:hover { color:#ffffff; }
/* submenu arrow hover */
.full-item-arrow-hover > .taptap-sub-arrow .taptap-sub-arrow-inner::before,
.full-item-arrow-hover > .taptap-sub-arrow .taptap-sub-arrow-inner::after,
.taptap-sub-arrow:hover .taptap-sub-arrow-inner::before,
.taptap-sub-arrow:hover .taptap-sub-arrow-inner::after { background-color:#fff; }
/* menu button hover */
.taptap-menu-button-wrapper:hover .taptap-main-menu-button:before,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button div.taptap-main-menu-button-middle:before,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button:after,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-two:before,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-two div.taptap-main-menu-button-two-middle:before,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-two:after,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-three:before,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-three div.taptap-main-menu-button-three-middle:before,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-three:after,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-four:before,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-four div.taptap-main-menu-button-four-middle:before,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-four:after,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-five:before,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-five div.taptap-main-menu-button-five-middle:before,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-five:after,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-six:before,
.taptap-menu-button-wrapper:hover .taptap-main-menu-button-six:after {
background-color:#ffffff!important;
}

/* button style #1 top bar*/
.taptap-menu-active .taptap-main-menu-button:before {
    transform:translateY(9px) rotate(45deg);
    -moz-transform:translateY(9px) rotate(45deg);
    -webkit-transform:translateY(9px) rotate(45deg);
}
/* button style #1 bottom bar*/
.taptap-menu-active .taptap-main-menu-button:after {
    transform:translateY(-9px) rotate(-45deg);
    -moz-transform:translateY(-9px) rotate(-45deg);
    -webkit-transform:translateY(-9px) rotate(-45deg);
}
/* button style #1 middle bar*/
.taptap-menu-active div.taptap-main-menu-button-middle:before {
    opacity:0;
    pointer-events:none;
    
    -webkit-transform:translateX(-20px);
    -moz-transform:translateX(-20px);
    transform:translateX(-20px);
    
    -webkit-transition:all .25s ease, opacity .25s ease .025s;
    -moz-transition:all .25s ease, opacity .25s ease .025s;
    transition:all .25s ease, opacity .25s ease .025s;
}
/* button style #2 top bar*/
.taptap-menu-active .taptap-main-menu-button-two:before {
    transform:translateY(9px) rotate(45deg);
    -moz-transform:translateY(9px) rotate(45deg);
    -webkit-transform:translateY(9px) rotate(45deg);
}
.taptap-menu-active .taptap-main-menu-button-two:hover:before { width:30px; }
/* button style #2 bottom bar*/
.taptap-menu-active .taptap-main-menu-button-two:after {
    width:30px;
    margin-left:0;
    transform:translateY(-9px) rotate(-45deg);
    -moz-transform:translateY(-9px) rotate(-45deg);
    -webkit-transform:translateY(-9px) rotate(-45deg);
}
/* button style #2 middle bar*/
.taptap-menu-active div.taptap-main-menu-button-two-middle:before {
    opacity:0;
    pointer-events:none;
    
    -webkit-transform:translateX(-20px);
    -moz-transform:translateX(-20px);
    transform:translateX(-20px);
    
    -webkit-transition:all .25s ease, opacity .25s ease .025s;
    -moz-transition:all .25s ease, opacity .25s ease .025s;
    transition:all .25s ease, opacity .25s ease .025s;
}
/* button style #3 top bar*/
.taptap-menu-active .taptap-main-menu-button-three:before {
    transform:translateY(9px) rotate(45deg);
    -moz-transform:translateY(9px) rotate(45deg);
    -webkit-transform:translateY(9px) rotate(45deg);
}
/* button style #3 bottom bar*/
.taptap-menu-active .taptap-main-menu-button-three:after {
    transform:translateY(-9px) rotate(-45deg);
    -moz-transform:translateY(-9px) rotate(-45deg);
    -webkit-transform:translateY(-9px) rotate(-45deg);
}
/* button style #3 middle bar*/
.taptap-menu-active div.taptap-main-menu-button-three-middle:before {
    opacity:0;
    pointer-events:none;
    
    -webkit-transform:translateX(-20px);
    -moz-transform:translateX(-20px);
    transform:translateX(-20px);
    
    -webkit-transition:all .25s ease, opacity .25s ease .025s;
    -moz-transition:all .25s ease, opacity .25s ease .025s;
    transition:all .25s ease, opacity .25s ease .025s;
}
/* button style #4 top bar*/
.taptap-menu-active .taptap-main-menu-button-four:before {
    transform:translateY(9px) rotate(45deg);
    -moz-transform:translateY(9px) rotate(45deg);
    -webkit-transform:translateY(9px) rotate(45deg);
}
.taptap-menu-active .taptap-main-menu-button-four:hover:before { width:25px; }
/* button style #4 bottom bar*/
.taptap-menu-active .taptap-main-menu-button-four:after {
    width:25px;
    transform:translateY(-9px) rotate(-45deg);
    -moz-transform:translateY(-9px) rotate(-45deg);
    -webkit-transform:translateY(-9px) rotate(-45deg);
}
/* button style #4 middle bar*/
.taptap-menu-active div.taptap-main-menu-button-four-middle:before {
    opacity:0;
    pointer-events:none;
    
    -webkit-transform:translateX(-20px);
    -moz-transform:translateX(-20px);
    transform:translateX(-20px);
    
    -webkit-transition:all .25s ease, opacity .25s ease .025s;
    -moz-transition:all .25s ease, opacity .25s ease .025s;
    transition:all .25s ease, opacity .25s ease .025s;
}
/* button style #5 top bar*/
.taptap-menu-active .taptap-main-menu-button-five:before {
    transform:translateY(11px) rotate(45deg);
    -moz-transform:translateY(11px) rotate(45deg);
    -webkit-transform:translateY(11px) rotate(45deg);
}
/* button style #5 bottom bar*/
.taptap-menu-active .taptap-main-menu-button-five:after {
    transform:translateY(-11px) rotate(-45deg);
    -moz-transform:translateY(-11px) rotate(-45deg);
    -webkit-transform:translateY(-11px) rotate(-45deg);
}
/* button style #5 middle bar*/
.taptap-menu-active div.taptap-main-menu-button-five-middle:before {
    opacity:0;
    pointer-events:none;
    
    -webkit-transform:translateX(-20px);
    -moz-transform:translateX(-20px);
    transform:translateX(-20px);
    
    -webkit-transition:all .25s ease, opacity .25s ease .025s;
    -moz-transition:all .25s ease, opacity .25s ease .025s;
    transition:all .25s ease, opacity .25s ease .025s;
}
/* button style #6 top bar*/
.taptap-menu-active .taptap-main-menu-button-six:before {
    transform:translateY(4px) rotate(45deg);
    -moz-transform:translateY(4px) rotate(45deg);
    -webkit-transform:translateY(4px) rotate(45deg);
}
/* button style #6 bottom bar*/
.taptap-menu-active .taptap-main-menu-button-six:after {
    transform:translateY(-4px) rotate(-45deg);
    -moz-transform:translateY(-4px) rotate(-45deg);
    -webkit-transform:translateY(-4px) rotate(-45deg);
}
/* menu button animation speed + logo/search hover speeds */
.taptap-menu-button-label,
.taptap-search-button-label,
.taptap-search-button,
.taptap-search-button::after,
.taptap-logo a,
.taptap-search-close-inner::before,
.taptap-search-close-inner::after,
.taptap-search-clear,
.taptap-main-menu-button:before,
.taptap-main-menu-button div.taptap-main-menu-button-middle:before,
.taptap-main-menu-button:after,
.taptap-main-menu-button-two:before,
.taptap-main-menu-button-two div.taptap-main-menu-button-two-middle:before,
.taptap-main-menu-button-two:after,
.taptap-main-menu-button-three:before,
.taptap-main-menu-button-three div.taptap-main-menu-button-three-middle:before,
.taptap-main-menu-button-three:after,
.taptap-main-menu-button-four:before,
.taptap-main-menu-button-four div.taptap-main-menu-button-four-middle:before,
.taptap-main-menu-button-four:after,
.taptap-main-menu-button-five:before,
.taptap-main-menu-button-five div.taptap-main-menu-button-five-middle:before,
.taptap-main-menu-button-five:after,
.taptap-main-menu-button-six:before,
.taptap-main-menu-button-six:after {
-webkit-transition:all s ease !important;
-moz-transition:all s ease !important;
transition:all s ease !important;
}
/* menu button top, side distances + right position */

.taptap-menu-button-wrapper {
    right:15px;
    left:auto;
}
.taptap-menu-button-wrapper {
       top: -5px;
    left: auto;
}
@media screen and (min-width: 640px) {
.taptap-menu-button-wrapper {
    right: 49px;
    top: 8px;
    left: auto;
}
	
	.header--fixed.not-top .taptap-menu-button-wrapper {
    right: 49px;
    top: 5px;
    left: auto;
}
.taptap-main-inner-inner {
    display: table-cell;
    vertical-align: top;
    margin: 0;
    padding: 75px 50px 0 25px;
}
}

.taptap-search-button-wrapper { height:auto; }
.taptap-search-button-label { top:0; left:0; }

.taptap-search-wrapper,
.taptap-search-background {


-webkit-transition:-webkit-transform s ease 0s, top 0s ease s;
-moz-transition:-moz-transform s ease 0s, top 0s ease s;
transition:transform s ease 0s, top 0s ease s;
}

.taptap-search-wrapper-active {
-webkit-transition:-webkit-transform s ease 0s, top 0s ease 0s !important;
-moz-transition:-moz-transform s ease 0s, top 0s ease 0s !important;
transition:transform s ease 0s, top 0s ease 0s !important;
}
.taptap-search-overlay {

-webkit-transition:opacity s ease 0s, top 0s ease s;
-moz-transition:opacity s ease 0s, top 0s ease s;
transition:opacity s ease 0s, top 0s ease s;
}
.taptap-search-overlay-active {

-webkit-transition:opacity s ease 0s, top 0s ease 0s;
-moz-transition:opacity s ease 0s, top 0s ease 0s;
transition:opacity s ease 0s, top 0s ease 0s;
}




.taptap-main-wrapper {
-webkit-transition:-webkit-transform 0.3s ease, top 0s ease 0.3s, opacity 0.3s ease 0s;
-moz-transition:-moz-transform 0.3s ease, top 0s ease 0.3s, opacity 0.3s ease 0s;
transition:transform 0.3s ease, top 0s ease 0.3s, opacity 0.3s ease 0s;
}
.taptap-main-wrapper-active {
-webkit-transition:-webkit-transform 0.3s ease, top 0s ease 0s, opacity 0.3s ease 0s;
-moz-transition:-moz-transform 0.3s ease, top 0s ease 0s, opacity 0.3s ease 0s;
transition:transform 0.3s ease, top 0s ease 0s, opacity 0.3s ease 0s;
}
.taptap-background-color,
.taptap-background-image {
-webkit-transition:-webkit-transform 0.3s ease, top 0s ease 0.3s;
-moz-transition:-moz-transform 0.3s ease, top 0s ease 0.3s;
transition:transform 0.3s ease, top 0s ease 0.3s;
}
.taptap-background-color-active,
.taptap-background-image-active {
-webkit-transition:-webkit-transform 0.3s ease, top 0s ease 0s;
-moz-transition:-moz-transform 0.3s ease, top 0s ease 0s;
transition:transform 0.3s ease, top 0s ease 0s;
}


.taptap-main-wrapper-active {
-webkit-transform:translateY(0) scale(1);
-moz-transform:translateY(0) scale(1);
transform:translateY(0) scale(1);
}
.taptap-background-color,
.taptap-background-image {
    opacity:0;
    
    -webkit-transition:opacity 0.3s ease, top 0s ease 0.3s;
    -moz-transition:opacity 0.3s ease, top 0s ease 0.3s;
    transition:opacity 0.3s ease, top 0s ease 0.3s;
}
.taptap-background-color-active,
.taptap-background-image-active {
    opacity:1;
    
    -webkit-transition:opacity 0.3s ease, top 0s ease 0s;
    -moz-transition:opacity 0.3s ease, top 0s ease 0s;
    transition:opacity 0.3s ease, top 0s ease 0s;
}/*

.taptap-background-color,
.taptap-background-image {
    -webkit-transform:translateY(0) translateX(0);
    -moz-transform:translateY(0) translateX(0);
    transform:translateY(0) translateX(0);
}
.taptap-main-wrapper-active,
.taptap-background-color-active,
.taptap-background-image-active {
    -webkit-transform:translateY(0) translateX(0);
    -moz-transform:translateY(0) translateX(0);
    transform:translateY(0) translateX(0);
}
.taptap-background-image { opacity:0; }
.taptap-background-image-active { opacity:0.1; }


.taptap-background-overlay {


-webkit-transition:opacity 0.3s ease, top 0s ease 0.3s;
-moz-transition:opacity 0.3s ease, top 0s ease 0.3s;
transition:opacity 0.3s ease, top 0s ease 0.3s;
}
.taptap-background-overlay-active {

-webkit-transition:opacity 0.3s ease, top 0s ease 0s;
-moz-transition:opacity 0.3s ease, top 0s ease 0s;
transition:opacity 0.3s ease, top 0s ease 0s;
}*/

.taptap-widgets-wrapper .widget a {
color: #ffffff;
text-decoration: none;
border: none;
}


/* =============== audio player =============== */

.mejs-audio {
background: none !important;
font-family: Helvetica, Arial;
text-align: left;
vertical-align: top;
text-indent: 0;
width: 100% !important;
height: 50px !important;
border-radius: 5px;
margin-bottom: 25px;
}

.mejs-audio .mejs-inner .mejs-controls {
height: 100%;
background: transparent;
display: flex;
}

.mejs-audio .mejs-controls .mejs-time-rail span,
.mejs-audio .mejs-controls .mejs-time-rail a {
display: block;

height: 100%;
border-radius: 0px;
cursor: pointer;
}
.mejs-audio .mejs-controls .mejs-time-rail .mejs-time-float {
display: none !important;

}
.mejs-audio .mejs-controls div.mejs-time-rail {
padding-top: initial;
height: 100%;
}

.mejs-audio .mejs-controls .mejs-time-rail .mejs-time-total {
margin: 0
}

.mejs-audio .mejs-controls .mejs-time {
color: #fff;
display: block;
height: 27px;
width: auto;
padding: 0;
line-height: 25px;
overflow: hidden;
text-align: center;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}

.mejs-audio .mejs-controls .mejs-time {
position: absolute;
color: rgba(255, 255, 255, 0.69);
right: 10px;
bottom: 0;
top: 0;
margin: auto;
font-family: 'Lato';
font-size: 32px;
pointer-events: none;
z-index: 5;
padding-right: 10px;
}

.mejs-audio .mejs-controls .mejs-time-rail .mejs-time-float-corner {
display: none;
}

.mejs-audio.mejs-controls .mejs-time-rail .mejs-time-float {
position: absolute;
background: #000;
width: 46px;
height: 20px;
border: none;
top: -25px;
margin-left: -18px;
text-align: center;
color: #fff;
border-radius: 3px;
    display: none;
}

.mejs-audio .mejs-controls .mejs-time-rail .mejs-time-float-current {
margin: 0;
margin-top: 4px;
width: 100%;
display: block;
text-align: center;
left: 0;
}

.mejs-audio .mejs-controls div {
height: 100%;
width: 50px;
position: relative;
}

.mejs-audio .mejs-controls .mejs-button button {
margin: 0;
padding: 0;
position: relative;
height: 100%;
width: 100%;
border: 0 !important;
background: transparent;
outline: none;
}

.mejs-audio .mejs-controls .mejs-play:after {
position: absolute;
font-family: "FontAwesome";
font-weight: 900;
content: "\f04b";
font-size: 37px;
color: #ffffff;
width: 31px;
height: 12px;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
transition: all 100ms linear;
pointer-events: none;
}

.mejs-audio .mejs-controls .mejs-pause:after {
position: absolute;
    font-family: "FontAwesome";
font-weight: 900;
content: "\f04c";
font-size: 37px;
color: #ffffff;
width: 31px;
height: 12px;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
transition: all 100ms linear;
pointer-events: none;
}

.mejs-audio .mejs-controls .mejs-replay:after {
position: absolute;
font-family: "FontAwesome";
font-weight: 900;
content: "\f04b";
font-size: 37px;
color: #ffffff;
width: 31px;
height: 12px;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
transition: all 100ms linear;
pointer-events: none;
}


.mejs-audio .mejs-controls .mejs-time-rail .mejs-time-total {
background: #20202fa3;
}

.mejs-audio .mejs-controls .mejs-time-rail .mejs-time-loaded {
background: #3c3838;
background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));
background-image: -moz-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-size: 50px 50px;
animation: move 3s linear infinite;
opacity: 0.1;
}

.mejs-audio .mejs-inner .mejs-controls .mejs-time-rail .mejs-time-current {
background: linear-gradient(to right, #fb3a64, #ff7492);
}

.mejs-audio .mejs-controls .mejs-button button:focus {
outline: none;
}

@-webkit-keyframes move {
0% {
    background-position: 0 0;
}
100% {
    background-position: 50px 50px;
}
}

.mejs-audio .mejs-controls .mejs-time-handle-content {
border:none;
background: none;
}
.mejs-audio .mejs-controls a.mejs-horizontal-volume-slider {
display: none !important;
}

.mejs-audio .mejs-volume-button {
position: relative;
display: none;
}

.mejs-audio .mejs-time-rail {

margin: 0 0 0 10px;

}

.mejs-audio .mejs-duration{

display: none;
}
.mejs-audio .mejs-time-hovered {
background: hsl(347, 96%, 61%);
z-index: 10;
}



/* =============== Watch/Listen =============== */

#audio-container h2{
font-size: 28px;
font-weight: 700;
color: #f3f3f3;
letter-spacing: -1px;
position: absolute;
z-index: 5;
pointer-events: none;
margin-left: 84px;
margin-top: 5px;
}
@media screen and (max-width: 1100px) {
#audio-container h2 {
font-size: 20px;
width: auto;
  margin-top: 10px;
}}
@media screen and (max-width: 550px) {
#audio-container h2 {
font-size: 23px;
width: auto;
font-weight: 500;
color: #f3f3f3;
letter-spacing: -1px;
position: absolute;
z-index: 500;
margin-left: 84px;
margin-top: 9px;
  margin-right: 96px;
}}
@media screen and (max-width: 640px) {
.mejs-container .mejs-controls .mejs-time {

top: 3px;

font-size: 21px;

}}
@media screen and (max-width: 950px) {
#audio-container .wp-block-column {
flex-basis: 100% !important;
}
#audio-container .wp-block-columns {
flex-wrap: wrap;}
}

/* =============== NEW ACCORDION =============== */
.accordion  .card {
border:none;
background-color: #0000;
border-bottom: 1px solid rgba(255, 255, 255, 0.13) !important;
}





.accordion .card:last-of-type {
border:none !important;
}
.accordion  .card .card-body{
padding: 0px 0px 10px 15px;
}


.accordion  .card li {

list-style-type: none;
display: flex;
flex-wrap: wrap;
flex: 0 0 33%;
justify-content: center;
text-align: center;
}

@media screen and (max-width: 1024px){
.accordion  .card li {
flex: 0 0 50%;
}}

@media screen and (max-width: 700px)
{.accordion  .card li {
flex: 0 0 100%;
justify-content: flex-start;
}}

.accordion  .card ul {
    padding-left: 0;
display: flex;
flex-wrap: wrap;
}  
.accordion .card-header {
padding: 0.75rem 0;
margin-bottom: 0;
background-color: rgba(0,0,0,.03);
   border-bottom: none;
}

.accordion .btn {
    display: flex;
background: none;
width: 100%;
text-align: left;
justify-content: space-between;
background: none;
order: 1;
    color: #fb3a64;
font-size: 30px;
    padding: 0;
font-weight:700;

}


@media screen and (max-width: 640px) {
.accordion .btn {
    
font-size: 23px;
    

}
}


.accordion .card h2{
font-family: Roboto, 'BlinkMacSystemFont', -apple-system, 'Roboto', 'Lucida Sans';
}


  

.accordion .btn.collapsed {
 color: #ffffff;
}

.accordion .btn:hover {
 color: #fb3a64;
transition: all 0.5s;
}




.accordion .btn.collapsed:before {
  font-family: FontAwesome;
content: "\f107";

order: 2;
-webkit-transform: none;
transform: none;
 transition: transform 0.2s;
}

.accordion .btn:before {
  font-family: FontAwesome;
content: "\f107";

order: 2;

-webkit-transform: rotate(180deg);
transform: rotate(180deg);
 transition: transform 0.2s;
}








/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
## Links
## Menus
# Accessibility
# Alignments
# Widgets
# Content
## Posts and pages
## Comments
# Infinite scroll
# Media
## Captions
## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

body {
margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
}

audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}

audio:not([controls]) {
display: none;
height: 0;
}

[hidden],
template {
display: none;
}

a {
background-color: transparent;
}

a:active,
a:hover {
outline: 0;
}

abbr[title] {
border-bottom: 1px dotted;
}

b,
strong {
font-weight: bold;
}

dfn {
font-style: italic;
}



mark {
background: #ff0;
color: #000;
}

small {
font-size: 80%;
}

sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

sup {
top: -0.5em;
}

sub {
bottom: -0.25em;
}

img {
border: 0;
}

svg:not(:root) {
overflow: hidden;
}

figure {
margin: 1em 40px;
}

hr {
box-sizing: content-box;
height: 0;
}

pre {
overflow: auto;
}

code,
kbd,
pre,
samp {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 0.875rem;
}

button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}

button {
overflow: visible;
}

button,
select {
text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}

button[disabled],
html input[disabled] {
cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;

}

input {
line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}


legend {
border: 0;
padding: 0;
}

textarea {
overflow: auto;
}

optgroup {
font-weight: bold;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

td,
th {
padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {

font-family: Roboto, 'BlinkMacSystemFont', -apple-system, 'Roboto', 'Lucida Sans';
font-size: 16px;
font-size: 1rem;
line-height: 1.8;
}



.entry-header .entry-title {
   display:none
}

dfn, cite, em, i {
font-style: italic;
}

blockquote {
margin: 0 1.5em;
}

address {
margin: 0 0 1.5em;
}

pre {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 0.8em 1em;
}

code, kbd, tt, var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 0.875rem;
}

@media screen and (min-width: 600px) {
code, kbd, tt, var {
font-size: 0.8125rem;
}
}

p > code {
padding: 2px;
border-radius: 2px;
background: #f3f4f5;
font-size: inherit;
}

abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}

mark, ins {
background: #fff9c0;
text-decoration: none;
}

big {
font-size: 125%;
}

.archive .site-header {
margin-bottom: 3.5em;
}

.site-title {
margin: .4375em 0 0;
font-size: 38px;
font-weight: bold;
line-height: 1.2;
color: #333332;
}

.site-title a {
text-decoration: none;
color: inherit;
}

.site-branding {
margin-bottom: 1.75em;
}

.site-description {
margin: .4375em 0 0;
font-size: 17px;
font-weight: inherit;
line-height: 1.4;
word-wrap: break-word;
color: #6c7781;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
box-sizing: border-box;
}

*,
*:before,
*:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
box-sizing: inherit;
}



blockquote, q {
quotes: "" ""; }
blockquote:before, blockquote:after, q:before, q:after {
content: ""; }

hr {
border: 0;
height: 1px;
margin-bottom: 1.5em;
}

ul, ol {
margin: 0 0 1.5em 3em;
}

ul {
list-style: disc;
}

ol {
list-style: decimal;
}

li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}

dt {
font-weight: bold;
}

dd {
margin: 0 1.5em 1.5em;
}

img {
height: auto;
/* Make sure images are scaled correctly. */
max-width: 100%;
/* Adhere to container width. */
}

figure {
margin: 1em 0;
/* Extra wide images within figure tags don't overflow the content area. */
}

table {
margin: 0 0 1.5em;
width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;

background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}

select {
border: 1px solid #ccc;
}

textarea {
width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/


.menu-toggle {
padding: 1em;
}

@media screen and (max-width: 37.5em) {
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
    display: block;
margin: 0 auto;
}
}

@media screen and (min-width: 37.5em) {
.menu-toggle {
    display: none;
}
.main-navigation ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
}

.main-navigation a {

}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
border-bottom: 1px solid #e2e4e7;
margin: 0 auto 60px;
max-width: 580px;
overflow: hidden;
padding-bottom: 60px;
}

.nav-links {
display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
width: 50%;
flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
word-wrap: normal !important;
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft,
.alignright {
max-width: 580px !important;	/* Let's work to make this !important unnecessary */
}

.alignleft img,
.alignright img,
.alignleft figcaption,
.alignright figcaption {
max-width: 50%;
width: 50%;
}

.alignleft figcaption {
clear: left;
}

.alignright figcaption {
clear: right;
}

.alignleft img,
.alignleft figcaption {
float: left;
margin-right: 1.5em;
}

.alignright img,
.alignright figcaption {
float: right;
margin-left: 1.5em;
}

.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget-area {
width: 25%;
}

.widget {
margin: 0 0 1.5em;
/* Make sure select elements fit in widgets. */
}

.widget select {
max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
#page {
margin: 0 auto;
max-width: 100%;
}

.site-branding {
text-align: center;
margin: 60px 0;
}


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
display: block;
}

.hentry {

}

.updated:not(.published) {
display: none;
}

.page-content,
.entry-content,
.entry-summary {

}

.entry-meta {
color: #6c7781;
font-size: 90%;
}

.page-links {
clear: both;
margin: 0 0 1.5em;
}

.entry-header,
.page-header,
.entry-footer,
.site-info,
.posts-navigation,
.post-navigation,
.page-navigation,
.comments-area,
.not-found .page-content,
.search .entry-summary {
margin: 1.5em auto;
padding-left: 14px;
padding-right: 14px;
max-width: 580px;
}

.entry-header .wp-post-image {
margin-bottom: 1.5em;
}

.entry-footer span{
margin-right: 1em;
}

.entry-footer{
color: #6c7781;
font-size: 90%;
padding-bottom: 40px;
border-bottom: 1px solid #e2e4e7;
}

@media screen and (min-width: 608px) {
.entry-header,
.page-header,
.entry-footer,
.site-info,
.posts-navigation,
.post-navigation,
.page-navigation,
.comments-area,
.not-found .page-content,
.search .entry-summary {
padding-left: 0;
padding-right: 0;
}
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
word-wrap: break-word;
}

.bypostauthor {
display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
/* Theme Footer (when set to scrolling) */
display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {

}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}

.wp-caption-text {
text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5em;
}

.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}

.gallery-columns-2 .gallery-item {
max-width: 50%;
}

.gallery-columns-3 .gallery-item {
max-width: 33.3333333333%;
}

.gallery-columns-4 .gallery-item {
max-width: 25%;
}

.gallery-columns-5 .gallery-item {
max-width: 20%;
}

.gallery-columns-6 .gallery-item {
max-width: 16.6666666667%;
}

.gallery-columns-7 .gallery-item {
max-width: 14.2857142857%;
}

.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
max-width: 11.1111111111%;
}

.gallery-caption {
display: block;
}






/* =============== HOME V2 =============== */

.entry-header{
    
    max-width: none;
}

.site-main .entry-header {
    margin: auto;
    position: relative;
    height: auto;
    width: auto;
}


.bol-logo img{
    max-width: 100%;
	 width: 350px;
}

/* .bol-logo a {
        font-size: 32px;
    font-weight: 800;
    background-color: #ffffff;
    padding: 6px 27px 6px 12px;
    color: #4541fe;
} */
 header a {
    transition: 0.3s;
    color: #ffffff;
}

 .my-account-btn-container::before {
   display:none
}

 .main-navigation .my-account-btn-container {
       display: flex;
    align-items: center;

    position: relative;
    box-sizing: border-box;
    color: #fff;
    background: #f6f9fc00;
    background-clip: padding-box;
    border: solid 2.5px white;
    border-radius: 100px;
    margin-right: 10px
}

.main-navigation .my-account-btn, #footer-main .my-account-btn {
    background: none;
    -webkit-background-clip: text;
    -webkit-text-fill-color: unset;
    padding: 5px 30px;
    border-radius: 100px;
    font-size: 16px;
    font-weight: 700;
    color: white;
	    text-transform: uppercase;
}

.home-header-img  img{margin-top: -257px;
    margin-left: 320px;
    position: relative;
	webkit-box-shadow: 0 13px 27px -5px rgba(0, 0, 0, 0.04), 0 8px 16px -8px rgba(0, 0, 0, 0.08), 0 -6px 16px -6px rgba(0, 0, 0, 0.04);
    box-shadow: 0 13px 27px -5px rgba(0, 0, 0, 0.2), 0 8px 16px -8px rgba(0, 0, 0, 0.21), 0 -6px 16px -6px rgba(0, 0, 0, 0.22);
   
}

/* =============== PACKAGES PAGE =============== */

.packages-container {
	    margin-top: -487px;
}


/* =============== MOBILE MENU =============== */

.taptap-by-bonfire-image ul li a {
    font-family: 'Muli';
    font-weight: 700;
    margin: 0;
    padding: 0;
    display: inline-flex;
    text-decoration: none;
    text-align: center;
    justify-content: center;
    align-items: center;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
}

.taptap-image-grid-item > a {
    font-size: 22px;
    letter-spacing: 0;
    color: #fff;
	
	padding: 0 !important;
}
.taptap-image-grid-item {
    position: relative;
    width: 100%;
    max-height: 340px;
    background-color: #3e3bd4;
    overflow: auto;
    border-radius: 29px;
	transition: all 0.3s;
}

.taptap-by-bonfire-image > ul {
    position: relative;
    max-width: 508px;
    display: grid;
    grid-gap: 18px;
    grid-template-columns: repeat(3, 1fr);
    color: #444;
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
}
.taptap-background-color {
    background-color: #4541fe;
}
.taptap-main-wrapper-active .taptap-by-bonfire-image > ul > li {
    -webkit-transition: opacity .75s ease .1s, -webkit-transform .85s ease .1s;
    -moz-transition: opacity .75s ease .1s, -moz-transform .85s ease .1s;
    transition: opacity .2s ease .1s, transform .2s ease .1s !important;
}

.taptap-main-wrapper .taptap-by-bonfire-image > ul > li {
  
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}

.current_page_item .taptap-image-grid-item{
   
    background-color: #3633b5;
   
}
.taptap-image-grid-item:hover
{
   
    background-color: #3633b5;
   
}

@media screen and (max-width: 600px)
{.taptap-by-bonfire-image > ul {
    grid-template-columns: repeat(2, 1fr);
}
}

/* =============== NEW MOBILE MENU =============== */
.globalNav {display:none}

* {
    box-sizing: border-box
}




.globalNav {
    font-family: Camphor, Open Sans, Segoe UI, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    top: 10px;
    right: 0;
    z-index: 500;
    height: 50px;
    -webkit-perspective: 2000px;
    perspective: 2000px;
		    margin: 0;
}
.globalNav ul {
    padding: 0;
    margin: 0
}
.globalNav li {
    list-style: none
      
}
.globalNav a {
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    color: #6772e5;
    -webkit-transition: color .1s;
    transition: color .1s
}
.globalNav a:hover {
    color: #32325d
}
.globalNav>.container-lg {
    padding: 0
}
.globalNav .navRoot {
    position: relative
}
.globalNav .navSection.logo {
    position: absolute;
    top: 0;
    left: 0
}




.globalNav .navSection.mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}
/*
 @media (min-width:670px) {
    .top .navSection.mobile {
         display: none
    }
}

*/

.globalNav .navSection.mobile .rootLink {
    cursor: pointer;
    width: 50px;
    height: 50px;
    position: relative;
    color: #ffffff;
}
.globalNav .navSection.mobile .rootLink h2 {
    color: inherit
}
.globalNav .navSection.mobile .rootLink h2, .globalNav .navSection.mobile .rootLink h2:after, .globalNav .navSection.mobile .rootLink h2:before {
position: absolute;
    width: 28px;
    height: 3px;
    border-radius: 15px;
    background: currentColor;
}
.globalNav .navSection.mobile .rootLink h2 {
    font-size: 0;
    left: 13px;
    top: 23px
}
.globalNav .navSection.mobile .rootLink h2:after, .globalNav .navSection.mobile .rootLink h2:before {
    content: '';
    left: 0
}
.globalNav .navSection.mobile .rootLink h2:before {
    top: -9px
}
.globalNav .navSection.mobile .rootLink h2:after {
    top: 9px
}
.globalNav .popup {
    position: absolute;
    left: 10px;
    top: 5px;
    right: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    pointer-events: none;
    -webkit-perspective: 2000px;
    perspective: 2000px
}
.globalNav .popupContainer {
    background: #fff;
    box-shadow: 0 50px 100px rgba(50, 50, 93, .1), 0 15px 35px rgba(50, 50, 93, .15), 0 5px 15px rgba(0, 0, 0, .1);
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    font-size: 17px;
    line-height: 40px;
    white-space: nowrap;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-transform: rotate3d(1, 1, 0, -15deg);
    transform: rotate3d(1, 1, 0, -15deg);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
    opacity: 0;
    will-change: transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-transition-duration: .25s;
    transition-duration: .25s
}
.globalNav .navSection.mobile.globalPopupActive .popupContainer {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto
}
.globalNav .popup a {
    display: block
}
.globalNav .popupCloseButton {
    position: absolute;
    right: 0;
    top: 0;
    width: 51px;
    height: 51px;
    font-size: 0;
    cursor: pointer
}
.globalNav .popupCloseButton:after, .globalNav .popupCloseButton:before {
    content: '';
    position: absolute;
    background: #6772e5;
    border-radius: 1px;
    left: 14px;
    right: 14px;
    top: 24px;
    height: 3px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: background .1s;
    transition: background .1s
}
.globalNav .popupCloseButton:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.globalNav .popupCloseButton:hover:after, .globalNav .popupCloseButton:hover:before {
    background: #32325d
}

.globalNav .mobileProducts {
    padding: 20px 0 15px
}
.globalNav .mobileProducts h4 {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .025em;
    color: #8898aa;
    text-transform: uppercase;
    margin: -5px 0 0 30px
}
.globalNav .mobileProductsList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
}
.globalNav .mobileProductsList>ul {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
}
.globalNav .mobileProductsList>ul:last-child {
    -webkit-box-flex: 3;
    -webkit-flex-grow: 3;
    -ms-flex-positive: 3;
    flex-grow: 3
}
.globalNav .mobileProductsList a {
    padding: 0 30px;
    font-size: 20px;
    font-weight: 500;
    line-height: 50px
}
.globalNav .mobileProductsList a:hover {
    color: #32325d
}
.globalNav .mobileProductsList a svg {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin: 0 15px 0 -3px;
    vertical-align: -5px
}

/* =============== MEDIA QUERIES =============== */
@media screen and (max-width: 1120px)
{
	.main-navigation a {
  
    font-size: 15px;
    
}
	.main-navigation .my-account-btn-container {
   
    margin-left: 23px;
}

	
}



@media screen and (max-width: 1000px)
{#footer-main .bol-logo {
    max-width: 400px;
    margin-bottom: 25px;
	 text-align: center;
}
	
		
	.footer-section ul {
    display: flex;
    flex-direction: row;
    margin: auto;
    padding-inline-start: 0;
		

}

	
	.home-header-img img {
    margin-top: -150px;
    margin-left: 0;
   
}
	

	
}


@media only screen and (min-width: 600px) {
	.mobile-img{
	display:none
	}
	
	
}

@media only screen and (min-width: 800px) {
	.column-order-1 {
   
    margin-top: 20px;
}
	
	
}



@media only screen and (max-width: 1000px) and (min-width: 600px){
	
	
	
	
	.pricing-cards{
		flex-basis: 40%;
		
		
	}
	.pricing-cards.card-3 {
	
    flex: 0 0 50%;
    align-self: center;
    justify-self: center;
    margin: auto;
	}
	
}

@media only screen and (max-width: 750px) {
	
	#shop-loop-and-sidebar {
    display: flex;
    width: 100%;
    justify-content: center;
		    margin-top: 25px;
}
	#shop-loop-and-sidebar .products ul, #shop-loop-and-sidebar ul.products {
    margin: 0 0 1em;
    padding: 0;
    list-style: none outside;
    clear: both;
    flex-basis: 100%;
    justify-content: flex-end;
    display: flex;
    flex-wrap: wrap;
}
	#shop-sidebar-primary {
		
		display:none;
	}
	h1.woocommerce-products-header__title.page-title {
    color: #ffffff;
    text-align: center;
    font-size: 36px;
    margin-bottom: 0;
}
	.woocommerce #primary {
    margin-top: -82px;
}
	.site-main .entry-header {
        margin-top: 0;
    position: relative;
    height: 0px;
}
	.dgwt-wcas-search-wrapp {
 
    order: 3;
  
}
	.woocommerce .woocommerce-ordering {
    margin: 0 0 1em;
    order: 1;
    width: 40%;
}
	#shop-top-bar select {
    border: 1px solid #fff;
    width: 130px;
}
	.woocommerce .woocommerce-result-count {
     margin: 0 0 1em;
    order: 2;
    width: 40%;
    flex-grow: 1;
    text-align: right;
}
	#shop-top-bar {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    margin-bottom: 40px;
    flex-wrap: wrap;
    width: 100%;
    margin: auto;
}
}
@media only screen and (max-width: 600px) {
	.home-legal-templates {
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}
	.home-legal-templates h3 {
    font-size: 28px;
    color: #515151;
}
	h1 {
    
      font-size: 12vw;
    font-weight: 900;
    margin: 0.67em 0;
        line-height: 107%;
}
	
.about-imgs .about-img-1 {
    position: initial;
       width: 100px;
}	
	
.about-imgs .about-img-2 {
    position: initial;
       width: 100px;
}	

	
	.about-imgs .about-img-2 .wp-block-image {align-items: flex-end;
    display: flex;
    justify-content: flex-end;}
	
	
	
	
	.about-imgs .about-img-3 {
 position: initial;  width: 100px;
}	

.about-imgs .about-img-1 img {
 
           width: 47%;
}	
	
.about-imgs .about-img-2 img {
  
           width: 48%;
    margin-top: -24%;
}	
	
	 .about-imgs .about-img-3 img {
    width: 47%;
    margin-top: -20%;
}

.bol-logo img {
    max-width: 100%;
}

.bol-logo {
	max-width: 250px;
}


.wp-block {
    background-color: #fcfeff;
    padding: 50px 20px 100px 20px;
}


.footer-sections {    flex-direction: column;}


.annually .tooltiptext {
       text-transform: uppercase;
    width: 62px;
    font-size: 14px;
    background-color: #E91E63;
    color: #fff;
    text-align: center;
    border-radius: 17px;
    line-height: normal;
    padding: 12px 8px;
    position: absolute;
    z-index: 1;
    top: -23px;
    left: 70px;
}
	
	.pricing-tables .switch span {
    font-size: 14px;
    font-weight: 700;
    transition: all .3s ease-in-out;
    color: white;
}
.about-us-img-container {
   
    height: auto;
    
}
	
	.pricing-cards {
    
   margin: 15px 0;
}
	.pricing-plans {
    
    padding: 0;
}
	
	.about-us-bg {
   
    padding-top: 10px ;
		padding-bottom: 2px ;
}
	
	.pricing-tables {
    margin-bottom: 40px;
}
	.bolt-ons-bg {
    background-color: #fcfeff;
    padding: 40px 0px 78px 10px;
}
.pricing-bolt-on-container {
   
    flex-direction: column;
    
   
}	
	.pricing-bolt-on,.pricing-bolt-on-2  {
		    margin-left: 0;
    margin-top: 40px;
		
		width: 100%;}
	
	.pricing-bolt-on-container {
   
    padding: 0;

}
	
	.pricing-bolt-on-container {

    margin-top: 0;
}
	
	
	
	
	
	.bol-logo-footer img {
    max-width: 80%;
    margin-bottom: 15px;
}
	.footer-sections {
        padding: 25px 25px;
	}
#footer-main .bol-logo {
    max-width: 375px;
    margin-bottom: 32px;
}
	.bol-logo-footer a{    display: flex;
    justify-content: center;}

#footer-main .my-account-btn-container {
    margin-top: 25px;
   
}
	.footer-section ul {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
    margin: auto;
		
		justify-content: space-evenly;
 
    width: 100%;
}
.footer-section li {
  list-style: none;
    margin-right: 0;
    margin-bottom: 10px;
 padding: 0px 10px;
    line-height: normal;
    justify-content: center;
    
}	
	
	
.pricing-bolt-on {
    
	font-size: 21px;}

.pricing-bolt-on-2 p, .pricing-bolt-on p {
      font-size: 16px;
    width: 56%;
    margin-bottom: 25px;
    flex-direction: column;
    flex-wrap: wrap;
    display: flex;
}
.pricing-bolt-on-2 span, .pricing-bolt-on span {
   color: #4c4c4c;
    font-size: 21px;
    font-weight: 700;
    margin-top: 8px;
}
.pricing-bolt-on-2 {
   
	font-size: 22px;}
	
	.bolt-on-bottom {
    padding: 0px 40px 0px 40px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
	.pricing-bolt-on-container .bolt-on-btn p {
    margin-bottom: 0;
    color: white;
    font-size: 15px;
    padding: 0px 11px;
    width: auto;
}
	
	
	
	.bolt-on-btn {
    margin: 0;
    width: 41%;
}
	
	.pricing-bolt-on-2 span {
    
    margin-top: 0;
}
	/*
	.not-top .bol-logo a {
    font-size: 21px;
    font-weight: 800;
    background-color: #ffffff;
    padding: 6px 27px 6px 12px;
    color: #4541fe;
    transition: all 0.3s ease-in-out;
}
.bol-logo a {
    font-size: 23px;
    font-weight: 800;
    background-color: #ffffff;
    padding: 6px 27px 6px 12px;
    color: #4541fe;
}	*/
	
	
	.footer-section {
      display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}
	
	
#nf-form-1-cont {
 
    padding: 30px 20px 20px 20px;

}	
	
.site-main	#nf-form-1-cont nf-field{
		
		width:100%;
	}
	
	#nf-field-4-wrap .nf-field-element {
		justify-content: flex-end;
    display: flex;
	}	
	
	#nf-field-4-container {
		margin-bottom: 0;
	}
	
.pricing-cards{
	
	flex-basis: 100%;
	}

.home-shapes-bg {
       background-color: #4541fe;
    padding: 93px 0 130px 0;
    position: relative;
    overflow: hidden;
    z-index: 0;
}
	.page-id-221 .home-shapes-bg {
    background-color: #4541fe;
    position: relative; 
        padding: 61px 0 670px 0;
    overflow: hidden;
    z-index: 0;
}	
	
	.packages-container {
    margin-top: -665px;
}
	.woocommerce-page .home-shapes-bg {
    background-color: #4541fe;
    padding: 98px 0 70px 0;
    position: relative;
    overflow: hidden;
    z-index: 0;
}
	
	.woocommerce-cart .home-shapes-bg, .woocommerce-checkout .home-shapes-bg {
    background-color: #4541fe;
    padding: 90px 0 30px 0;
    position: relative;
    overflow: hidden;
    z-index: 0;
}
	
	
	
	.home-shapes-bg .bg-shape-left {
    
    bottom: 76px;
    left: -125px;
   
}
	
	
	.home-shapes-bg .bg-shape-right {
  
    bottom: -152px;
    right: -540px;
	}
	.services-overview h1 {
       color: #ffffff;
    font-size: 43px;
    line-height: 1.1;
    font-weight: 800;
    margin-top: 0px;
}
	
	.row-margin .wp-block-column img{
		    margin-top: 23px;
    margin-bottom: 70px;
		
	}
.page-id-681 .column-img-left,.page-id-713 .column-img-left,.page-id-677 .column-img-left,.page-id-689 .column-img-left,.page-id-709 .column-img-left,.page-id-702 .column-img-left,.page-id-663 .column-img-left{
		order:2;
	}
	.services-overview.business-contracts img {
    max-width: 100%;
    margin-top: -18px;
}
.page-id-663	.services-overview h1.medium-h1-size {
    font-size: 38px;
	    margin-top: 0px;
}
	.services-overview.debt-recovery img {
    max-width: 100%;
    margin-top: -53px;
    z-index: -5;
    position: relative;
}
	.services-overview.small-claims img {
    max-width: 100%;
    margin-top: -29px;
}
	.services-overview.small-claims h1 {
    color: #ffffff;
    font-size: 41px;
    line-height: 1.2;
    font-weight: 800;
    margin-top: 0px;
}
	.services-overview.employment-hr h1 {
    color: #ffffff;
    font-size: 47px;
    line-height: 1.2;
    font-weight: 800;
    margin-top: 0px;
}.page-id-689 .services-overview h1 {
    color: #ffffff;
    font-size: 35px;
    line-height: 1.1;
    font-weight: 800;
    margin-top: 0px;
}.page-id-689 .services-overview img {
    max-width: 100%;
    margin-top: -39px;
}
	.services-overview.corporate-commercial img {
    max-width: 100%;
    margin-top: -26px;
}
	.services-overview.corporate-commercial h1 {
    color: #ffffff;
    font-size: 36px;
    line-height: 1.2;
    font-weight: 800;
    margin-top: 0px;
}
	.services-overview.employment-hr img {
    margin-top: 31px;
}
	.services-overview img {
    max-width: 100%;
    margin-top: 5px;
}
	.wide-sml {
    margin: 43px auto;
    max-width: 780px;
}
	.grey-bg .row-margin {
    margin: 0;
    padding: 25px 0px;
}
	
	h4 {
    font-size: 19px;
    line-height: 1.5;
    font-weight: 600;
}
	
	h2 {
    font-size: 32px;
    font-weight: 900;
    line-height: 1.2;
}
	.column-order-2{
		order: 2
		
	}
	.column-order-1{
		
		order: 1
	}
	
	.column-img-over-line{
		
		
    order: 1;
    
    

	}
	.quote-under-img {
    background: #ffffff;
    color: #555555;
    box-shadow: 0 13px 27px -5px rgba(0, 0, 0, 0.32);
    padding: 15px 27px;
    width: 78%;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.2;
    position: relative;
    margin-left: 24%;
    margin-top: -120px;
    z-index: 999;
    border-radius: 3px;
}
	.wide-sml-padding-btm{
		
		padding-bottom: 0px;
	}
	.mobile-quote-top-margin{
		margin-top: 40px;
		
	}
	.services-icons-last-column-hide {
    display: none;
}
	.services-icons-bg {
    background-color: #f2f2f2;
    padding: 30px 0;
    text-align: center;
}
	.site-main {
   
    padding-bottom: 0px;
}
	
	.services-icons-bg .wp-block-columns {
    
    margin-bottom: 0;

}
	
	.services-heading {
    flex-basis: 40%;
    margin-right: 0;
}
	.services-overview.legal-docs img {
    max-width: 467px;
    margin-top: -107px;
		margin-bottom: -120px;
}
	.services-overview.debt-recovery h1 {
    color: #ffffff;
    font-size: 34px;
    line-height: 1.2;
    font-weight: 800;
    margin-top: 0px;
}
.services-overview.legal-docs h1 {
    color: #ffffff;
    font-size: 33px;
    line-height: 1.2;
    font-weight: 800;
    margin-top: -10px;
}
	.services-heading p {
    font-size: 16px;
    color: #fff;
}
	
	.desktop-img{
		display:none
	}
}

@media (max-width: 1200px)
{.Nav .allowExpand .rootLink {
    padding: 0 14px;

}}