/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
:root{
  --cnvs-body-font: "Roboto", sans-serif;
--cnvs-primary-font: 'Oswald', sans-serif;
--cnvs-btn-skew: 15deg;
  --cnvs-color-1: #BFD5DB;
	--cnvs-color-2: #221042;
	--cnvs-color-3: #07081B;
	--cnvs-color-4: #E85C31;
	--cnvs-color-5: #A72531;
  --cnvs-color-light: #EAF4F4;
  --cnvs-header-bg: #990000;   /*rgba(var(--cnvs-invert-contrast-rgb), .7);*/
	--cnvs-card-bg: 45deg, var(--cnvs-color-2), var(--cnvs-color-3);
}

#header {
	--cnvs-primary-menu-hover-color: rgba(255,255,255,1);
	--cnvs-primary-menu-submenu-hover-bg: rgba(var(--cnvs-contrast-rgb), 0.15);
	--cnvs-primary-menu-font-weight: 500;
	--cnvs-primary-menu-font: var(--cnvs-body-font);
    --cnvs-header-bg: #990000;
}
/*#wrapper {
  background-color: #ffffff;  /*var(--cnvs-body-bg);
}
*/
#header-wrap {
  background-color:  var(--cnvs-header-bg);
  border-bottom: 0px; /* solid var(--cnvs-header-border-color);*/
}
/* Small Devices, Tablets */
@media only screen and (max-width: 768px) {
  #header-wrap #logo img {
    height: 31px; /*30px; */
  }
 .header-wrap-clone {
   height: 51px;
 }
 #header-wrap {
    height: 51px;
 }
.header-row {
   padding-top: 4px;
}
}
.is-expanded-menu .menu-container > .menu-item > .menu-link {
	margin: 20px 0;
	border-radius: 0;
}
.primary-menu {
    background-color: #990000;
}
.is-expanded-menu .menu-container > .menu-item.current > .menu-link {
    --cnvs-primary-menu-active-color: var(--bs-white);
    background-color: #990000;
}
.is-expanded-menu #header.transparent-header.semi-transparent {
    --cnvs-header-bg: #990000;   /*rgba(var(--cnvs-invert-contrast-rgb), .7);*/
}
.is-expanded-menu .sticky-header.semi-transparent {
    --cnvs-header-sticky-bg: #990000;
}

.is-expanded-menu .menu-container > .menu-item:not(:first-child) {
	margin-left: 5px;
}
.transform-skew {
    transform: skew(calc(-1 * var(--cnvs-btn-skew)));
}
.hero-diagonal {
  background-color: #336699;
}
.bg-singers {background-color: #eaf4f4;}
.bg1 { background-color: var(--cnvs-color-light); }
.bg-services {background-color: #eaf4f4}
.ftcolor {
  background-color: #336699 !important;
}
#copyrights {
    padding: calc(var(--cnvs-content-padding) * 0.5) 0;
    background-color: var(--cnvs-contrast-300);
    font-size: var(--cnvs-copyrights-font-size);
    line-height: var(--cnvs-line-height-content);
}
/*
#header-wrap .container {
    background-color: #990000;
}
*/
.block-form-8 .form-control {
			--cnvs-input-btn-input-bg: var(--cnvs-contrast-200);
			--cnvs-input-btn-input-color: var(--cnvs-contrast-1000);
			--cnvs-input-focus-color: var(--cnvs-input-btn-input-color);
}
.block-form-8 .form-select {
    background-color: var(--cnvs-contrast-200);
}
.block-form-6 .form-control {
			--cnvs-input-btn-input-bg: var(--cnvs-contrast-200);
			--cnvs-input-btn-input-color: var(--cnvs-contrast-1000);
			--cnvs-input-focus-color: var(--cnvs-input-btn-input-color);
		}
  .mhead {
    min-height: 75px;
  }
  .min-vh-10 {
    min-height: 10vh !important;
  }

  .vh-10 {
    height: 10vh !important;
  }

  .text-phone {
    --bs-text-opacity: 1;
    color: #CCCCCC !important;
}
.mauto {
    height: 50px !important;
}
.rounded-xxl {
	border-radius: var(--cnvs-card-rounded);
}
/* testimonials */
.block-testimonials .owl-carousel .owl-nav [class*=owl-] {
  opacity: 1 !important;
}
.block-testimonials .owl-carousel .owl-nav .owl-next {
  right: -20px !important;
}
.block-testimonials .owl-carousel .owl-nav .owl-prev {
  left: -20px !important;
}
.owl-carousel .owl-nav [class*=owl-] {
  position: absolute;
   top: 50%;
   background-color: var(--cnvs-owl-nav-background);
}
.owl-carousel .owl-nav [class*=owl-]:hover {
    background-color: var(--cnvs-owl-full-nav-hover-bgcolor) !important;
    color: var(--cnvs-owl-full-nav-hover-color) !important;
    text-decoration: none;
}
.testi-card {
   background-color: #990000 !important;
  }
  /* Reveal Carousel */
  .reveal-content .owl-drag + .canvas-cursor {
  	--cnvs-cursor-size: 80px;

  	display: flex;
  	visibility: hidden;
  	opacity: 0;
  	position: fixed;
  	left: 0;
  	top: 0;
  	pointer-events: none;
  	align-items: center;
  	justify-content:  center;
  	width: var(--cnvs-cursor-size);
  	height: var(--cnvs-cursor-size);
  	left: calc(var(--cnvs-cursor-size) / -2);
  	top: calc(var(--cnvs-cursor-size) / -2);
  	border-radius: 50%;
  	z-index: 99999;
  	border: 1px solid #FFF;
  	mix-blend-mode: difference;
  	transition: width 0.4s ease-in-out,height 0.4s ease-in-out,top 0.4s ease-in-out,left 0.4s ease-in-out, opacity 0.3s .1s ease-in-out;
  }

  .device-touch .reveal-content .owl-drag + .canvas-cursor {
  	display: none;
  }

  .reveal-content:hover .owl-drag + .canvas-cursor {
  	visibility: visible;
  	opacity: 1;
  }

  .reveal-content .owl-drag + .canvas-cursor .canvas-cursor-text {
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -50%);
  	text-transform: uppercase;
  	letter-spacing: 1px;
  	font-size: 80%;
  	color: #FFF;
  	font-family: var(--cnvs-primary-font);
  	will-change: transform;
  }

  .reveal-content .owl-drag.owl-grab + .canvas-cursor .canvas-cursor-text {
  	opacity: 0;
  	visibility: hidden;
  }

  .reveal-content .owl-drag.owl-grab + .canvas-cursor {
  	--cnvs-cursor-size: 50px;
  }

  .reveal-content .owl-drag + .canvas-cursor .icon-caret-left,
  .reveal-content .owl-drag + .canvas-cursor .icon-caret-right {
  	--cnvs-arrow-pos: 50px;
  	color: #FFF;
  	font-size: 24px;
  	transition: transform ease-in-out 0.4s;
  }

  .reveal-content:hover .owl-drag.owl-grab + .canvas-cursor .icon-caret-left,
  .reveal-content:hover .owl-drag.owl-grab + .canvas-cursor .icon-caret-right {
  	--cnvs-arrow-pos: 10px;
  }

  .reveal-content .owl-drag + .canvas-cursor .icon-caret-left {
  	transform: translateX(calc(-1 * var(--cnvs-arrow-pos)));
  }

  .reveal-content .owl-drag + .canvas-cursor .icon-caret-right {
  	transform: translateX(var(--cnvs-arrow-pos));
  }

  .reveal-content .owl-drag .owl-item {
  	transition: transform 0.65s ease-in-out ;
  }

  .reveal-content .owl-drag.owl-grab .owl-item {
  	transform: scale(0.85);
  }
  /* Reveal Carousel */
  .card-bg-dark {
      background: #336699 !important;      /*-webkit-linear-gradient(var(--cnvs-card-bg));*/
      /*background: linear-gradient(var(--cnvs-card-bg));*/
      box-shadow: 0 7px 14px 0 rgb(0, 0, 0, .05), 0 3px 6px 0 rgba(0, 0, 0, .2);
      border-radius: 0.3rem;
      color: #ffffff;    /*rgba(255, 255, 255, 0.8);*/
  }
.dark#footer .footer-widgets-wrap a, .dark #footer .footer-widgets-wrap a {
    color: rgba(255, 255, 255, 0.75);
}
  .dark #copyrights, #copyrights.dark {
      color: rgba(255, 255, 255, 0.4);
      background-color: rgba(0, 0, 0, 0.2);
  }
#copyrights, #copyrights.dark {
    color: rgba(255, 255, 255, 0.4);
    background-color: rgba(0, 0, 0, 0.2);
}
.widget_links li a {
    color: #cccccc !important;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.footer ul.list-unstyled li {
    position: relative;
    color: #f3f3f3;
    font-size: 15px;
    display: block;
    padding-bottom: 8px;
}
.opening-time li {
    padding: 5px 0;
    position: relative;
}
.opening-time li:before {
    content: "";
    height: 1px;
    width: 100%;
    border-top: 1px solid #eee;
    position: absolute;
    left: 0;
    top: 50%;
}
.opening-time li span {
    display: inline-block;
    padding: 3px 10px;
    background-color: #336699;  /*#4c57c1;*/
    position: relative;
}
.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
}
.float-right {
    float: right!important;
}
/* Testimonials Carousel
-----------------------------------------------------------------*/
.testimonials-carousel .owl-stage {
	padding: 2rem 0 1.5rem;
}

.testimonials-carousel .owl-item {
	opacity: .6;
	transition: transform .3s ease;
	transform: scale(0.8);
}

.testimonials-carousel .owl-item.active.center {
	opacity: 1;
	transform: scale(1);
}

.testimonial {
	border: 0;
	box-shadow: 0 0 35px rgba(140, 152, 164, 0.2);
	border-radius: 0.25rem;
	padding: 25px;
}

.testimonial-image {
	width: 5rem !important;
	height: auto !important;
	margin: -2.5rem auto 0;
}
.badge.badge-default {
    border: 1px solid var(--cnvs-themecolor);
    color: var(--cnvs-themecolor);
}
.badge {
    padding: 8px;
    font-size: 12px;
    margin-bottom: 15px;
    border-radius: 2px;
    font-weight: 500;
    line-height: .8;
}
/* portfolio cornrows */
#demo-portfolio-filter a {
	display: block;
	position: relative;
	overflow: hidden;
}

#demo-portfolio-filter a img {
	transition: transform .5s ease-out;
	will-change: transform;
	transform-origin: center center;
}

#demo-portfolio-filter a:hover img {
	transform: scale(1.1);
}
/* portfolio */
.portfolio, [class*=portfolio-] {
  --cnvs-portfolio-desc-title-size: 1rem;
}
/* home page grid filter */
#hcontent {
    position: relative;
    background-color: #E6F0FF;  /*var(--cnvs-body-bg);*/
}
.mcontent-wrap {
    position: relative;
    padding: 0;
    overflow: hidden;
}
.preview::before {
    background: #cccccc;
}
.img-grayscale img {
  -webkit-filter: grayscale(70%);   /* grayscale(70%); */
}
.section-title {
    padding-bottom: 0px;
    position: relative;
}

.section-title {
    text-align: center;
    position: relative;
    overflow: hidden;
    padding-bottom: 25px;
    font-size: 2.7rem;
    letter-spacing: -1px;
    font-weight: 300;
}
.section-subTitle {
    color: #666;
    font-size: .89rem;
    text-transform: uppercase;
    display: block;
    margin-bottom: 15px;
    font-weight: 400;
}
.mb30 {
    margin-bottom: 30px !important;
}
.mb0 {
    margin-bottom: 0 !important;
}
.section-title h3 {
    font-size: 2.5rem;
    letter-spacing: -3px;
    position: relative;
    padding-top: 20px;
    text-transform: capitalize;
    font-weight: 800;
}
.section-title h3:before {
    content: "";
    width: 40px;
    height: 5px;
    position: absolute;
    top: 0;
    left: 50%;
    background-color: #4683df;
    margin-left: -20px;
}
.section-title:after {
    content: "";
    position: absolute;
    margin-left: -25px;
    width: 50px;
    height: 2px;
    background-color: rgba(88, 100, 213, 0.4);
    bottom: 0;
    left: 50%;
}
.mcolor {
  background-color: #E6F0FF;
  paddind: 5px;
}
.h-mauto {
  height: 100px !important;     /*100px !important;*/
}
.line-sports {
    border-bottom-color: #990000 !important;
}
.line-xs {
    margin: 4px 0 20px;
    border-bottom: 3px solid #EEE;
}
.line, .double-line {
    clear: both;
    position: relative;
    width: 100%;
  /*  margin: var(--cnvs-section-margin) 0; */
    border-top: 1px solid rgba(var(--cnvs-contrast-rgb), 0.1);
}
.line-sports::after {
    border-top-color: #990000 !important;
}
.line-xs::after {
    top: 100%;
    left: 30px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(51,51,51,0);
    border-top-color: #EEE;
    border-width: 8px;
    margin-left: -8px;
    z-index: 1;
    background: none;
}
.entry-categories {
    position: absolute;
    bottom: 10px;
    left: 10px;
    text-transform: capitalize;
}
.entry-categories a {
    color: #FFF !important;
    padding: 3px 5px;
    font-size: 10px;
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 400;
    font-family: var(--cnvs-body-font);
}
.bg-lifestyle, .bg-color-lifestyle.nav-link:hover, .menu-color-lifestyle > a::before, .bg-color-lifestyle.nav-link.active {
    background: #990000 !important;
}
#page-title, .page-title {
    --cnvs-page-title-padding: 1rem;
    --cnvs-page-title-parallax-padding: 3.25rem;
    --cnvs-page-title-mini-padding: 1.5rem;
    background-color: var(--cnvs-page-title-bg);
    border-bottom: 1px solid var(--cnvs-page-title-border-color);
}
.page-title h3 {
  margin: 0 0 10px 0;
}
.breadcrumb {
  margin: .5rem 0 0;
  --bs-breadcrumb-margin-bottom: 1rem;
}
.is-expanded-menu .style-3 .menu-container > .menu-item.current > .menu-link {
  --cnvs-primary-menu-active-color: var(--bs-white);
  background-color: #000000;  /*var(--cnvs-themecolor);*/
}
/* singer images */
.singer-wrap {
	display: block;
	position: relative;
	width: 100%;
	margin: 0 auto;
	height: 300px;
}

.singer-wrap .singer-bb-image {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100px;    /*80px;*/
	height: 100px;   /* 80px */
	border-radius: 75%;  /* 50% */
	border: 1px solid #777;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	-webkit-transition: transform .4s ease;
	-o-transition: transform .4s ease;
	transition: transform .4s ease;
}

.singer-wrap .singer-bb-image.big {
	left: 50%;
	top: 50%;
	width: 300px;
	height: 300px;
	margin-top: -150px;
	margin-left: -150px;
}
.singer-wrap .singer-bb-image.med {
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin-top: -150px;
	margin-left: -150px;
}
.singer-wrap .singer-bb-image:not(.big):hover {
	-webkit-transform: scale(1.3);
	-ms-transform: scale(1.3);
	-o-transform: scale(1.3);
	transform: scale(1.3);
}

.singer-wrap .singer-bb-image.big:hover {
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	-o-transform: scale(1.02);
	transform: scale(1.02);
}

.singer-wrap .singer-bb-image span {
	opacity: 0;
	display: block;
	text-align: center;
	color: #FFF;
	z-index: 2;
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 12px;
	line-height: 15px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: opacity .4s ease;
	-o-transition: opacity .4s ease;
	transition: opacity .4s ease;
}

.singer-wrap .singer-bb-image.big span {
	font-size: 24px;   /*34px;*/
	line-height: 1.4;
}

.singer-wrap .singer-bb-image::before {
	opacity: 0;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.6);
	-webkit-transition: background-color .4s ease, opacity .4s ease;
	-o-transition: background-color .4s ease, opacity .4s ease;
	transition: background-color .4s ease, opacity .4s ease;
}

.singer-wrap .singer-bb-image:hover span,
.singer-wrap .singer-bb-image:hover::before { opacity: 1; }

@media (max-width: 991px) {
    .singer-wrap {
        width: 100%;
        margin: 0 auto;
        height: auto;
        text-align: center;
    }
}
@media (max-width: 991px) {
    .singer-wrap .singer-bb-image, .singer-wrap .singer-bb-image.big {
        position: relative;
        display: inline-block;
        text-align: left;
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        width: 150px;  /*80px;*/
        height: 150px;   /*80px;*/
        margin: 10px !important;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        -webkit-transition: transform .4s ease;
        -o-transition: transform .4s ease;
        transition: transform .4s ease;
    }
}
@media (max-width: 991px) {
    .singer-wrap .singer-bb-image::before {
        background: rgba(0, 0, 0, 0.45);
        /*opacity: 1;*/
        z-index: 1;
    }
}
.google-maps {
  /*  position: relative; */
    padding-bottom: 0px;    /*75%; /* This is the aspect ratio */
  /*  height: 0; */
    overflow: hidden;
  }
  .google-maps iframe {
    /*position: absolute;
    top: 0;
    left: 0;
    */
    width: 100% !important;
    height: 300px !important;
  }