@charset "UTF-8";
body {font-family: "Open Sans", sans-serif;  color: #666;  margin: 0px;  padding: 0;}

@font-face {
  font-family: FontAwesome;
  src: url("../fonts/fontawesome-webfont.eot?v=4.6.3");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.6.3") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.6.3") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.6.3") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg");
  font-weight: 400;
  font-style: normal;
}

*, ::after, ::before { box-sizing: border-box;}
.no-gutters > div {padding: 0;}
html .offset-top-0 {margin-top: 0;}
html .offset-top-10 { margin-top: 10px;}
.small, small { font-size: 12px; line-height: 16px;}

.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto;-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
.fa-angle-up::before {content: "\f106";font: normal normal normal 14px/1 FontAwesome;}

.badge {display: inline-block;min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; color: #fff; line-height: 1;
  vertical-align: middle; white-space: nowrap; text-align: center; background-color: #a9a9a9; border-radius: 10px;}
.badge:empty { display: none;}
.btn .badge { position: relative; top: -1px;}
.InputLabel { display: block; font-size: 14px; margin: 0 0 2px 0;}
.InputBasics { border: 1px solid #DADADA; display: block; padding: 7px; margin: 0; width: 100%; font-size: 14px;
  -webkit-transition: 0.2s; transition: 0.2s; color: #000;}

.InputBasics::-webkit-input-placeholder { color: #CFCFCF;}
.InputBasics:-ms-input-placeholder { color: #CFCFCF;}
.InputBasics::-ms-input-placeholder {color: #CFCFCF;}
.InputBasics::placeholder { color: #CFCFCF;}
.InputBasics:focus { border: 1px solid #AAAAAA; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);}

.Input_Date_Control {border: 1px solid #DADADA; display: block; padding: 6px; margin: 1px; width: 31%; float: left;
  font-size: 14px; -webkit-transition: 0.2s; transition: 0.2s; color: #000;}
.redErrorMessagetext { color: #ff0000; font-weight: 700; font-size: 12px;}
.greentext {color: #228b22; font-weight: 700;}
.redtext { color: #ff0000; font-weight: 700;}
.ph-num { display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 5px;}
.pr-0 { padding-right: 0px !important;}
.country_code { height: 100%; border: 1px solid #dadada; padding: 6px; background: #fafafa;}

a {background-color: transparent;}
a:active, a:hover { outline: 0;}
a, a:active, a:focus { color: #666;}
.font-weight-300 {  font-weight: 300;}
.font-weight-400 {  font-weight: 400;}
.font-weight-600 {  font-weight: 600;}
.font-weight-700 {  font-weight: 700;}
.font-weight-800 {  font-weight: 800;}
.label {display: inline;  padding: .2em .6em .3em;  font-size: 75%;  font-weight: 700;line-height: 1;  color: #fff;  text-align: center;  white-space: nowrap;vertical-align: baseline;  border-radius: .25em;}
.label:empty {  display: none;}
.btn-normal {padding-top: 16px;  padding-bottom: 14px;  font-size: 12px;}
.button {  border-radius: 35px;}
.btn-link { color: #666; font-weight: 400;  border-radius: 0;}
.btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled],
fieldset[disabled] .btn-link {  background-color: transparent;  -webkit-box-shadow: none;  box-shadow: none;}
.btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover {  border-color: transparent;}
.btn-link:focus, .btn-link:hover { color: #ef766d; text-decoration: none; background-color: transparent;}
.btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover {
  color: #a9a9a9; text-decoration: none;}
.btn-group-lg > .btn, .btn-lg {padding: 17px 47px; font-size: 22px; line-height: 1.33333; border-radius: 40px;}
.btn-group-sm > .btn, .btn-sm {padding: 5px 20px; font-size: 12px; line-height: 1.5;border-radius: 3px;}
.btn-group-xs > .btn, .btn-xs { padding: 6px 14.8px;  font-size: 12px;  line-height: 1.5;  border-radius: 3px;}
.btn-block { display: block; width: 100%;}
.btn { font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 700;
  text-transform: uppercase; letter-spacing: .04em; border-radius: 35px; border: 2px solid; -webkit-transition: .3s ease-out;
  transition: .3s ease-out; outline: 0 !important;}
.btn:active, .btn:active:focus, .btn:focus { outline: 0;}
.btn.active, .btn:active { -webkit-box-shadow: none; box-shadow: none;}
.btn-primary {  background-color: #ef766d;  border-radius: 50px;  border-color: #ef766d;  color: #ffffff;}
.btn-primary:hover { background-color: #45484d; border-color: #45484d; color: #ffffff !important;}
.btn-primary:active, .btn-primary:focus {background-color: #ef766d; border-color: #ef766d; color: #ffffff;}

.btn .label {  position: relative;  top: -1px;}
a.label:focus, a.label:hover {  color: #fff;  text-decoration: none;  cursor: pointer;}
.label-default {  background-color: #a9a9a9;}
.label-default[href]:focus, .label-default[href]:hover {  background-color: #8f8f8f;}
.label-primary {  background-color: #ef766d;}
.label-primary[href]:focus, .label-primary[href]:hover {  background-color: #ef3732;}
.label-success {  background-color: #5cb85c;}
.label-success[href]:focus, .label-success[href]:hover {  background-color: #449d44;}
.label-info {  background-color: #5bc0de;}
.label-info[href]:focus, .label-info[href]:hover {  background-color: #31b0d5;}
.label-warning {  background-color: #f0ad4e;}
.label-warning[href]:focus, .label-warning[href]:hover {  background-color: #ec971f;}
.label-danger {  background-color: #d9534f;}
.label-danger[href]:focus, .label-danger[href]:hover {  background-color: #c9302c;}
.icon-primary { color: #ef766d;}
a:hover > .icon-primary {color: #45484d;}

.ui-to-top.active {line-height: 40px;}
.ui-to-top {position: fixed;width: 40px;height: 40px; font-size: 16px;line-height: 38px;border-radius: 50%;position: fixed;
  right: 15px; bottom: 15px; overflow: hidden;text-align: center; text-decoration: none; z-index: 20;-webkit-transition: .3s all ease;
  transition: .3s all ease; -webkit-transform: translateY(100px); transform: translateY(100px);
}
.ui-to-top,.ui-to-top:active,.ui-to-top:focus {color: #fff; background: #ef766e;}
.ui-to-top:hover { color: #fff;background: #bbb5a0;}
.ui-to-top:focus { outline: 0;}
.ui-to-top.active { -webkit-transform: translateY(0); transform: translateY(0);}
.mobile .ui-to-top,.tablet .ui-to-top { display: none !important;}

.section-30 {padding-top: 10px; padding-bottom: 30px;}

ul.Breadcrumb {list-style-type: none; margin: 0; padding: 0; overflow: auto; font-size: 13px;  margin-top: -3px; margin-bottom: 3px;}
ul.Breadcrumb li { float: left;}
ul.Breadcrumb li:after { display: inline-block; margin: 0 10px; font-family: FontAwesome; content: "\f105"; font-size: 11px; color: #999;}
ul.Breadcrumb li:last-child:after { display: none;}
ul.Breadcrumb li a { color: #999;}

.PageNumber { float: right; padding: 11px 14px;background-color: #f0f0f0; font-size: 12px; line-height: 12px; border-radius: 4px;}
.BeforeContentBox { height: 140px; background-color: #1F487C;  margin-bottom: -80px;}
.ContentBox { padding: 20px; border-radius: 5px; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); background-color: #fff; margin-bottom: 20px;border-bottom: 7px solid #1f487c;
}
.ContentBox h2 {padding: 0; font-size: 23px; line-height: 26px;font-weight: 400; margin: 35px 0 12px 0 !important; color: #666;}
.ContentBox h3 { font-size: 18px; margin: 22px 0 10px 0;}
.ContentBox.PaddingSmall { padding: 20px;}
.ContentBox.PaddingSmall hr { margin: 40px -20px;}
.ContentBox hr { border-color: #f0f0f0;  margin: 40px -40px;}
.ExitButton { display: none; position: absolute; right: 20px; top: 20px; width: 30px; height: 30px;
  line-height: 30px; text-align: center; border-radius: 50%; color: #fff; cursor: pointer;}
.ExitButton:hover {background-color: #fff; color: #0d3362;}
.Fixed .ExitButton {display: block;}
.modal-content {background-color: rgba(13, 51, 98, 0.96);}
.QuoteBox.Fixed { position: fixed; top: 0; left: 0; bottom: 0; right: 0;background-color: rgba(13, 51, 98, 0.96); overflow-y: scroll; z-index: 1010;}
.QuoteBox.Fixed .Header { background-color: transparent;}
.QuoteBox.Fixed .Content { background-color: transparent;}
.QuoteBox .header {
  background-color: #0d3362; color: #fff;font-size: 36px;line-height: 36px; text-align: center;text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);padding: 40px 20px 50px 20px;}
.QuoteBox .Content {  background-color: #1f487c; padding: 0 20px 40px 20px; height: 100%;}
.QuoteBox .Inner {max-width: 960px; margin: 0 auto;}
.QuoteBox .Layout { position: relative; top: -20px;}
.QuoteBox .ProgressBar { position: relative; height: 10px; background-color: #dadada; border-radius: 4px 4px 0 0; overflow: hidden; z-index: 6;}
.QuoteBox .ProgressBar > div { position: absolute; left: 0; top: 0; bottom: 0; background-color: #ef766d;}
.QuoteBox .FormContainer { background-color: #fff; padding: 30px; border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  position: relative; z-index: 5; margin-bottom: -10px;
}
.QuoteBox .FormContainer .btn { padding-top: 16px; padding-bottom: 14px; font-size: 12px;}
.QuoteBox .FormContainer .form-check { border-radius: 2px; background-color: #f0f0f0; padding: 10px 8px 10px 8px; font-size: 14px;line-height: 14px;cursor: pointer;margin: 0 0 10px 0;}
.QuoteBox .FormContainer .form-check label { margin: 0px; padding: 0px;}
.QuoteBox .FormContainer .form-check:hover { background-color: #eaeaea;}
.QuoteBox .FormContainer .form-check .form-check-input { margin-left: 0; margin-right: 10px; position: relative; top: -2px;}
.QuoteBox .FormContainer .Headline { font-size: 24px; line-height: 30px; display: block; margin-bottom: 20px; color: #45484d;}
.QuoteBox .SeparatorText { border-top: 1px solid #dadada; height: 30px; margin-top: 30px;}
.QuoteBox .SeparatorText > span { font-size: 12px; line-height: 12px; color: #999; text-align: center; display: block; width: 100px;  margin: 0 auto;  background-color: #fff;  margin-top: -6px;  text-transform: uppercase;  font-weight: 700;}
.QuoteBox .InfoContainer {background-color: #f0f0f0; padding: 30px; margin-top: 10px; position: relative; z-index: 4; border-radius: 0 4px 4px 0;}
.QuoteBox .InfoContainer .Headline { font-size: 21px; line-height: 21px; color: #777; font-weight: 700; display: block; margin-bottom: 20px;}
.QuoteBox .InfoContainer p { font-size: 16px; line-height: 28px; color: #777;}
.QuoteBox label { display: block; border-radius: 2px; background-color: #f0f0f0; padding: 8px 8px 10px 8px; font-size: 14px; line-height: 14px; overflow: auto; -webkit-transition: .2s; transition: .2s; cursor: pointer; margin: 0 0 10px 0;}
.QuoteBox label:hover { background-color: #eaeaea;}
.QuoteBox label input { display: block; float: left; margin-right: 6px;}
.QuoteBox label span {float: left;margin-top: 3px;}
.QuoteBox .Navigation { margin-top: 30px;}

/* Page Header */
.brand-logo { position: relative; max-width: 300px;}
.brand-logo img { width: 100%; max-height: 50px;}
.page-head { position: relative;  z-index: 2;  background-color: #fff;}
.page-head.category-hdr {  background: -webkit-gradient(linear, left top, right top, color-stop(1%, #1e3859), color-stop(50%, #1b3555), to(#132b4b));
  background: linear-gradient(to right, #1e3859 1%, #1b3555 50%, #132b4b 100%);
}
.navbar.bg-body-tertiary {background-color: transparent !important;padding: 20px 16px;}

.navbar-nav.rd-navbar-nav {-webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.navbar-nav.rd-navbar-nav > li:not(:last-child) {margin-right: 10px;}
.navbar-nav.rd-navbar-nav > li > a {color: #fff;font-size: 12px;font-weight: 600; padding-left: 20px;padding-right: 20px;}
.navbar-nav.rd-navbar-nav > li > a.nav-link.active { color: #ef766e !important;}
.navbar-nav.rd-navbar-nav > li > a:hover { color: #ef766e;}
/* //Page Header */

/* Page Footer */
.PageFooter { background-color: #322c36; color: #ccc; padding: 40px 0 80px 0;}
.PageFooter hr { border-color: #555; margin-bottom: 40px;}
.PageFooter a {color: #aaa; text-decoration: none;}
.PageFooter a:hover { color: #ef766d;}
.PageFooter .WidgetTitle { font-size: 18px; font-weight: 700; display: block; margin-bottom: 10px;color: #ccc;}
.PageFooter p {line-height: 32px;}
.PageFooter ul{margin: 0px; padding: 0px; list-style-type: none;}
.PageFooter ul li:not(:last-child){padding-bottom: 10px;}
.LanguageList img {display: inline-block; margin-right: 5px;}
.SocialList span { width: 20px; display: inline-block;}
.PageFooter .Logo { max-width: 220px;}
.PageFooter .footer-copyrt {  display: flex; -webkit-box-align: center;  -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify;justify-content: space-between;}

/* //Page Footer */

/* Artist Page */
.artistBanner {position: relative;z-index: 1; margin-top: 30px;}
.artistBanner .ContentBox{border-color: #1f487c;padding: 10px;}
.artistBanner-con{display: flex; gap: 20px;}
.artistBanner-con .image{position: relative; width: 500px; height: 450px;}
.artistBanner-con .image img{width: 100%; height: 100%; border-radius: 10px; object-fit: cover;}
.artistBanner-con .image img:hover { transform:  none;}

.artistBanner-con .artistLabel-1 {position: absolute; bottom: 10px; left: 10px; z-index: 1;}
.artistBanner-text{width: calc(100% - 500px);padding-left: 20px; font-size: 14px;}
.artistBanner-text h1{font-size: 28px; text-transform: uppercase; margin-bottom: 10px;}
.artistBanner-text .badge{border-radius: 5px;padding: 6px 10px;}
.artistBanner-text .bnr-quote-btn{display: flex; gap: 10px; flex-wrap: wrap;}
.artistBanner-text .req-btn,.artistBanner-text .fav-btn, .artistBanner-text.btn-success{padding: 10px 20px; border-radius: 8px; min-width: 210px;}
.artistBanner-text .ArtistReviewSum a:hover {color: #ef766e;}
.artistBanner-text .ArtistReview{padding: 20px 10px 10px; background-color: #fafafa; border-radius: 12px; 
  margin-top: 30px; border: 1px solid #dadada; position: relative;}
  .artistBanner-text .ArtistReview .badge{border-radius: 50px; padding: 5px 12px; position: absolute; top:-10px; left: 10px;}
.artistBanner-text .label-hdr{position: absolute; right: 10px; top:16px;}
.ArtistReviewSum {color: #aaa; font-size: 14px; margin-bottom: 10px}
.ArtistReviewSum i.fa-star {color: #f89826;margin-right: 3px;}
.artistBanner-text .ArtistInfo { display: block; margin: 0 0 16px 0; font-weight: 600;}
.artistBanner-text .ArtistInfo i { float: left; margin-top: 6px; width: 23px; font-size: 13px; text-align: center;color: #ef766e;}
.artistBanner-text .ArtistInfo span{font-weight: 400; padding-left: 3px;}
.artistLabels {display: flex;gap: 10px; flex-wrap: wrap; margin: 10px 0; font-size: 14px;}
.artistLabels label{font-weight: 600; width: 100%; text-transform: uppercase;}
.artistLabels div{padding-left: 10px;}
.artist-rt .ContentBox h2{margin: 0px 0 12px 0 !important;}
.artist-lt h1{font-size: 26px; margin-bottom: 30px;}
.artist-musicList{list-style-type: none; margin: 0; padding: 0;}
.artist-musicList li{ color: #303030; border-bottom: 1px solid #eaeaea;}
.repertoire-list { display: flex; justify-content: space-between; gap: 10px; color: #303030; align-items: center;   padding: 10px 5px;   }
.artist-musicList .repertoire-list .h7{font-weight: 600;}
.artist-musicList .repertoire-list .mp3 a{text-decoration: none; display: inline-block; font-size: 24px;}
.artist-rt .btn-link{padding: 14px 5px; text-decoration: none;}
.artist-nav-pills{gap: 10px;}
.artist-nav-pills .nav-link{color: #303030; background-color: transparent; border-bottom: 3px solid transparent; border-radius: 0px;
   padding-left: 5px; padding-right: 5px; font-weight: 600;}
.artist-nav-pills .nav-link.active{color: #204b81; background-color: transparent; border-bottom: 3px solid #204b81;}
.artist-images {margin:0;}
.artist-images h2 { margin: 0px 0 20px 0 !important; font-weight: 400;}
.artist-images h2 span {  color: gray;  font-size: 18px;}
.artist-images img{height: 100%; width: 100%; object-fit: cover; border-radius: 10px;}
.artist-images .load-btns .btn{width: 100%; height: 100%; border-radius: 10px;}
.artist-images .load-btns .btn.btn-load{background-color: #eee2e1; color: #303030; border: none;} 
.artist-images .load-btns .btn.btn-load .fa{font-size: 18px;}
.artist-images .load-btns .btn.btn-load:hover{background-color: #303030; color: #ffffff; border: none;} 
.artist-images .figcaption {font-size: 12px;  text-align: center;  position: absolute;  bottom: 0px;  background-color: rgba(255, 255, 255, 0.9);
  color: #303030;  z-index: 3;  width: 100%;  padding: 5px;}
.photos-grid {  display: grid;  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));  gap: 10px;}
.photo-thumbnail {
  width: 100%;  height: auto;  border-radius: 5px;  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.gallery-image {cursor: pointer;transition: transform 0.3s ease;}
.gallery-image:hover { transform: scale(1.05);}
.ArtistReview:not(:last-child) {margin-bottom: 30px;}
.ArtistReview .footer { margin: 10px 0 5px; }
.ArtistReview .footer .ftr-lt{display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px; align-items: center; }
.ArtistReview .footer .StarContainer {background-color: #fafafa;  border-radius: 16px;  font-size: 14px;  height: 24px;
  line-height: 24px;  padding: 0 10px;   color: #f89826;}
.ArtistReview .footer .StarContainer.Rating4 i+i+i+i+i { color: #dadada}
.ArtistReview .footer .StarContainer.Rating3 i+i+i+i { color: #dadada}
.ArtistReview .footer .StarContainer.Rating2 i+i+i {color: #dadada}
.ArtistReview .footer .StarContainer.Rating1 i+i { color: #dadada}
.ArtistReview .footer .StarContainer i { display: inline-block; margin: 0 1px;}
.ArtistReview .footer .name {  height: 32px;  line-height: 32px;  padding-left: 0px; }
.ArtistReview .footer .StarContainer i { display: inline-block; margin: 0 1px;}
.ArtistReview .footer .info {font-size: 12px; line-height: 12px; margin-bottom: 12px;  color: #aaa; margin-left: -3px;}
.ArtistReview .footer .info span{padding: 0 3px;}
.ArtistReview .description {  font-size: 12px;  line-height: 19px}
#accordionFaq h2{margin: 0 !important;}
.artist-tab-con h2{margin: 10px 0 6px 0 !important;}
.artist-tab-con .SocialList{display: flex; gap: 10px;}
.artist-tab-con .SocialList a{color: #ef766d; font-size: 24px;}
.artist-tab-con .SocialList a:hover{color: #666;}
.artist-tab-con .services-offered{display: flex; gap: 10px; flex-wrap: wrap; margin-top: 20px;}
.artist-tab-con .services-offered a{text-decoration: none; padding: 6px 14px; background-color: #fafafa; 
  border-radius: 10px; border: 1px solid #dadada; color: #303030;}
.artist-tab-con .services-offered a:hover{background-color: #f5f6f8; color: #000; border-color: #303030;}
.artist-tab-con .show-more,   .artist-tab-con .show-less{min-width: 180px;}
.artist-tab-con .artist-tab-btns{margin-top: 30px;}
.sltcontrol { display: none; }
#music.sltcontrol { display: none; }
.artist_header{ font-size: 22px; font-weight: 600;}
.image-gallery .upload-image h2{margin: 0px 0 20px !important; font-size: 20px;}
.file-drop-zone {border: 2px dashed #6c757d;  border-radius: 0.375rem;  padding: 20px;  text-align: center;  color: #6c757d;
  background-color: #f8f9fa;  cursor: pointer;}

.file-drop-zone:hover {  background-color: #e9ecef;}
.file-drop-zone.dragover {  border-color: #0d6efd;  background-color: #e9f7ff;  color: #0d6efd;}
.file-drop-zone input {  display: none;}
.image-gallery .col-md-4{position: relative;overflow: hidden; transition: transform 0.3s ease;}
.image-gallery .col-md-4 .delete-btn{position: absolute; right:8px; top: 0; width: 46px; height: 46px; border: none;
   z-index: 10; border-radius: 0 0 40px 40px; display: none;}
.image-gallery .col-md-4:hover .delete-btn{display: block;}
.faq-form-content h2{margin: 0 0 0px !important;}
.faq-form-content .form-label{font-weight: 600;}
.faq-form-content .faq-item{background-color: #e9ecef; padding: 16px; border-radius: 10px;}
.font-14{font-size: 14px;}
.font-12{font-size: 12px;}
   
.accordion {margin-top: 20px;}
.accordion .accordion-button { background-color: #ecebe4;font-weight: 600;-webkit-box-shadow: none;box-shadow: none;}
.accordion .accordion-button:not(.collapsed) {background-color: #ecebe4;}
.accordion .accordion-button:focus {-webkit-box-shadow: none; box-shadow: none;}
.accordion .accordion-item { margin-bottom: 10px;}

/* Artists Listing */
.list-header { padding: 0; font-size: 23px; line-height: 26px; font-weight: 400; margin: 12px 0;}
.artists-listing .card{border:1px solid #e0e0e0; margin-bottom: 10px;}
.artists-listing .card:hover{border: 1px solid #ef2e28;}
.artists-listing .card-body{padding: 6px;}
.artists-listing .artist-img{ height: 150px;  overflow: hidden; border-radius: 8px; position: relative;}
.artists-listing .artist-img img{width: 100%; height: auto; object-fit: cover; border-radius: 8px;}
.artists-listing .artist-img a.img-link{width: 100%;  height: 100%;  display: block;}
.artists-listing .artistLabels { position: absolute; bottom: 5px; left: 5px;}
.artists-listing  .artistInfo {  min-height: 10em; padding: 10px 8px 16px;}
.artists-listing  .artistTitle { max-height: 2.8em; overflow: hidden; margin-bottom: 0px;}
.artists-listing  .artistTitle a { text-decoration: none;}
.artists-listing  .artistTitle a:hover { text-decoration: none;color: #ef766d;}
.artists-listing .artistRating {  display: flex;  align-items: center; gap: 5px; justify-content: flex-start; padding: 5px 0 10px;}
.artists-listing .artistRating .rating-lt .rating{display: inline-block;}
.artists-listing .artistRating .rating-lt span{font-size: 12px;}

.rating {  font: 400 12px/16px FontAwesome;}
.rating:before { cursor: default; color: #f5be2b; letter-spacing: .3em;}
.rating-0:before { content: "";}
.rating-1:before { content: "";}
.rating-2:before { content: "";}
.rating-3:before { content: "";}
.rating-4:before { content: "";}
.rating-5:before { content: "";}

.artists-listing .artistVideo {background-color: #eaeaea; padding: 2px 12px; border-radius: 8px; display: inline-block;}
.artists-listing .artistVideo .artistVideoLink { text-decoration: none; font-weight: 600;}
.artists-listing .artistVideo .artistVideoLink:hover { color: #ef766d;}
.artists-listing .artistVideo .video-target { margin-left: 5px; cursor: pointer;}
.artists-listing .artistVideoIcon {font-size: 12px; width: 12px;}
.artists-listing .artistPrice-text{font-size: 14px; font-weight: 600; margin-top: 5px;}
.artists-listing .artistPrice{background-color: #eaeaea; padding: 2px 12px; border-radius: 8px; display: inline-block;}
.artists-listing .artistPrice-text{font-size: 14px; font-weight: 600; margin-top: 5px;}
.artists-listing .artistPrice span{width: 17px; display: inline-block; color: #ef766d;}

/* TopBar */
.hdr-top-bar{background-color: #03397a; padding: 5px 10px;}
.hdr-top-txt{display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap;}
.hdr-top-txt ul{margin: 0; padding: 0px;list-style-type: none;}
.hdr-top-txt ul li{border-right: 1px solid #022f66;font-size: 14px; padding-right: 10px; font-weight: 600; display: inline-block; color: #fff;}
.hdr-top-txt ul li:last-child{border-right: none;}
.hdr-top-txt ul li span.icon{font-size: 14px; margin: 0px 5px;}
.hdr-top-txt ul li a{color: #fafafa;font-size: 14px; display: inline-block; text-decoration: none;}
.hdr-top-txt ul li a:hover{color: #ef766d;}
.hdr-top-txt .hdr-favourites .btn.btn-light{border: none; border-radius: 0px; padding: 0px 8px 0 6px; background-color: transparent;
   color: #fff; font-size: 20px;}
.hdr-top-txt .hdr-favourites .btn .rounded-circle{font-size: 8px; top:8px;}
.hdr-favourites .fav-artists{border: 1px solid #eaeaea;}
.hdr-favourites .fav-artists .btn-close{font-size: 13px;}
.hdr-favourites .fav-artists .list-group-item{border: none;padding: 8px 10px; color: #303030; font-size: 14px;}
.hdr-favourites .fav-artists .list-group-item .img{width: 40px; height: 40px; overflow: hidden;border: 1px solid #eaeaea;}
.hdr-favourites .fav-artists .list-group-item .img img{width: 100%; height: 100%; object-fit: cover;}
.hdr-favourites .fav-artists .list-group-item .btn-cancel{color: #909090; font-size: 12px;border: none; border-radius: 0px; padding: 3px 8px; background-color: transparent;}
.hdr-favourites .fav-artists .list-group-item .btn-cancel:hover{color: #303030;}
.hdr-favourites .fav-artists .quote-btn{width: 86%; border-radius: 8px;}
#favouritesList { z-index: 1050; color: #303030;width: 300px; top: 30px; }
.offcanvas-callBack .text-container{max-width: 800px; margin: auto;}
.form-floating > .form-control, .form-floating > .form-control-plaintext{ border: none; border-bottom: 1px solid #dadada; border-radius: 0px;}
.offcanvas-callBack textarea.form-control{min-height: 80px;}
.offcanvas-callBack .form-control:focus{box-shadow: none;}
.offcanvas.show{min-height:340px;}

/* Responsive Part */
@media (min-width: 1200px) {
  .grid-element { padding: 29px 15px 29px 15px;}
  .artistHeader {  margin-left: -15px; margin-right: -15px; margin-top: -28px; height: 150px; overflow: hidden;}
}
@media (max-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm {
    max-width: 96%;
  }
}
@media (max-width: 991.98px) {
  .container, .container-lg, .container-md, .container-sm { max-width: 98%;}

/* Page Header */
.page-head .navbar .container { position: relative; padding: 0px;}
.page-head .navbar .container::before { width: 100%;}
.page-head .navbar .navbar-collapse {
  position: absolute; top: 60px; width: 100%; left: 0px; border-radius: 10px; z-index: 999; background-color: #1d3757;  padding: 20px;
}
.page-head .navbar .navbar-toggler { border: 1px solid #ffffff; background-color: #fff; position: absolute; right: 0;}
.page-head .navbar .navbar-toggler:focus {-webkit-box-shadow: none;box-shadow: none;}
/* //Page Header */

  .artistBanner-con{flex-wrap: wrap;}
  .artistBanner-con .image{width: 100%; height: auto; text-align: center;}
  .artistBanner-con .image img{width: 100%; height: auto;}
  .artistBanner-text { width: calc(100% - 0px);  padding-left: 0px;  }

}
@media (max-width: 767px) {
 .image-gallery .artist-lt{order: 2;}
 .image-gallery  .upload-image{order: 1; padding-top: 30px;}
 .QuoteBox .Content{padding-bottom: 20px;}
 .QuoteBox .header{font-size: 28px;padding: 20px 20px 50px 20px;}
 .QuoteBox .InfoContainer { border-radius: 0 0px 5px 5px; top: -5px; padding: 30px 20px 10px;}
 .QuoteBox .InfoContainer .Headline{font-size: 18px;line-height: 20px;margin-bottom: 10px;}
 .QuoteBox .FormContainer{padding: 30px 16px;}
.load-btns{text-align: center; width: 100%;}
.artist-images .load-btns .btn{width: auto; padding: 10px 20px;}
 /* Page Footer */
 .PageFooter .footer-copyrt {-ms-flex-wrap: wrap; flex-wrap: wrap; gap: 30px;-webkit-box-pack: center;-ms-flex-pack: center;
  justify-content: center;text-align: center; font-size: 14px;}
 .social-col{margin-top: 20px;}
 .artistBanner-text h1{font-size: 24px;}
 .artist-lt h1 {font-size: 22px; margin-bottom: 20px;}
 .artist-tab-con .services-offered a{font-size: 14px;}
 .ContentBox h2{font-size: 20px;}
 .PageFooter .Logo {max-width: 150px;}
 .PageNumber{padding: 8px 10px;float: none; text-align: center;}
 .QuoteBox .FormContainer .Headline{font-size: 20px;margin-top:20px;  text-align: center;}

}
@media (max-width: 575px) {
  .artist-tab-btns{display: flex; gap: 10px; flex-wrap: wrap;justify-content: center;}
  .artist-tab-btns .btn{padding: 10px 20px;}
  .artists-listing .artist-img{height: 190px;}
  #favouritesList { width: 250px; }
}

@media (max-width: 480px) {
  .brand-logo {max-width: 180px;}
  .ArtistReview .footer .ftr-lt{gap: 10px;}
  .ArtistReview .footer .name{width: 100%; height: auto; line-height: auto;}
  .ArtistReview .footer .StarContainer{position: relative; top:-10px;}
 
}