body{
		font-family: 'Fira Sans' !important;
        font-style: normal;
        padding-top:112px !important;
	}
    .address-company-hours-connect {
        color: #26272B;
        font-weight: 400;
        line-height: 26px;
        letter-spacing: 0.02em;
        font-style: normal;
     }
    .blueSpiralfooter a{
        text-decoration: none!important;
        color: #212529!important;
    }
div.logo2x { 
	width:205px;
	height: 54px;	
  background-image: url(../../images/bs-logo.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 205px 54px;
}
@media all and (-webkit-min-device-pixel-ratio : 1.5),
 all and (-o-min-device-pixel-ratio: 3/2),
 all and (min--moz-device-pixel-ratio: 1.5),
 all and (min-device-pixel-ratio: 1.5) {
 
  div.logo2x {
    background-image: url(../../images/bs-logo-2x.png);
    background-size: 205px 54px;
  }
}
    footer a, .address-company-hours-connect-contents div, .address-company-hours-connect-contents span, .social-icons a i, .supporting-text{
        color: #70707B !important;
        line-height: 26px !important;
		font-size: 14px;
    }
    .social-icons a i{
        font-size: 17px;
    }
    .directions {
        letter-spacing: 0;
        line-height: 26px;
        white-space: nowrap;
        width: 10%;
    }
    .social-icons img{
        padding-right: 20px !important;
    }
    .subscribeEmail, .btnSubscribe{
        border-radius: 50rem!important;
        height:50px !important;
    }
    .subscribeEmail:focus {
        border-color: #375CAA !important;
    }
    .btnSubscribe, .contactUS, .sendInquiry, .searchAll, .mainExhibitionLink, .proceedCheckout, .checkoutBtn:enabled{
        border-color: #375CAA !important;
        color: #375CAA;
    }
    .searchClear, .watchMoreLink {
        border-color: #70707B !important;
        color: #70707B;
    }
    .addToOrderBtn:hover{
        border-color: #375CAA !important;
    }
    .searchClear:hover, .InquiryButton:hover  {
        border-color: #70707B !important;
        color: white !important;
        background-color: #70707B !important;
    }
    .btnSubscribe:hover, .contactUS:hover, .sendInquiry:hover, .searchAll:hover, .searchClear:hover, .mainExhibitionLink:hover, .proceedCheckout:hover, .watchMoreLink:hover, .addToOrderBtn:hover, .checkoutBtn:enabled, .artworkInquiryBtn:hover{
        color: white !important;
        background-color: #375CAA !important;
    }
    .btn {
        height:50px !important;
    }
    .subscribeEmail, .subscribeEmail::placeholder {
        font-size: 16px !important;
    }
    .heading{
        color: #375caa;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
    }
    footer{
        background-color:#FAFAFA !important;
        color:black !important;
        text-transform: none;
        letter-spacing: 0.02em;
        padding:0 !important;
    }
    .footerTopContent {
        padding: 64px 12px !important;
    }
    ::placeholder {
        color: #A0A0AB !important;
    }
    .artistName{
        margin-bottom: 30px;
        text-align: center;
    }
    .crop-to-square{
        margin-bottom: 0px;
    }
    .ListViewConatiner a, .searchForm .text-dark, .Video span, .InquiryButton, .viewOnWall a, .ShareArtworkBtn a, .addToWishList a{
        color: #3F3F46 !important;
    }
	.gridView, .ListView, .workView, .aboutView, .gallerySection a{
		color: #51525C !important;
    }
    .showTitle, .artworktitle.content{
        font-size: 30px;
        line-height: 44px;
        letter-spacing: 0.02em;
    }
    .SubTitle, .viewExhibition, .ExhibitDate{
        line-height: 24px;
        letter-spacing: 0.02em;
    }
    .redirectLink{
        transform: rotate(320deg);
    }
    .galleryHeading {
        font-size: 20px;
        letter-spacing: 0.16em;
        color: #A0A0AB;
    }
    .getInTouch {
        line-height: 38px;
        letter-spacing: 0.02em;
        color: #375CAA;
        padding-bottom: 20px !important;
    }
    .bsForm input[type="radio"], .bsForm input[type="checkbox"] {
        -ms-transform: scale(2.1);
        -webkit-transform: scale(2.1);
        transform: scale(2.1);
    }
    .blueSpiralContactUsForm input, .blueSpiralContactUsForm textarea, .bsForm input, .bsForm textarea {
        border: 1px solid #D1D1D6;
        border-radius: 4px !important;
    }
    .carousel-indicators [data-bs-target]{
        background-color: #D1D1D6 !important;
        border-top: 0px solid transparent !important;
    }
    .carousel-indicators [data-bs-target].active, .addToOrderBtn{
        background-color: #18181B !important;
    }
    .accordion-button::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
    }
    .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath d='M11.5 0c6.347 0 11.5 5.153 11.5 11.5s-5.153 11.5-11.5 11.5-11.5-5.153-11.5-11.5 5.153-11.5 11.5-11.5zm0 1c5.795 0 10.5 4.705 10.5 10.5s-4.705 10.5-10.5 10.5-10.5-4.705-10.5-10.5 4.705-10.5 10.5-10.5zm-6.5 10h13v1h-13v-1z'/%3E%3C/svg%3E");
    }
    .stillHaveQuestion, .heroContent, .homeSlide, .bluespiralClientInfo{
        background-color: #FAFAFA !important;
    }
    .pagination-addon {
        width: auto;
        height: 26px;
        line-height: 26px;
    }
    .pagination-addon div {
        display: inline-block;
    }
    span.current:not(.prev):not(.next){
        box-shadow: none !important;
        background-color: #F4F4F5 !important;
    }
    @media (max-width: 575px) {
        .simple-pagination ul{
            display:none;
        }
    }
	label{
		display:block;
	}
	label.error{
		color:red;
	}
	.embed-responsive{
		position: relative;
		display: block;
		height: 0;
		padding: 0;
		overflow: hidden;
		padding-bottom: 56.25% !important;
	}
	.embed-responsive-item {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 0;
	}
	.chocolat-wrapper{
		z-index: 1071 !important;
	}
	.mediaBSPlayBtn{
		top: 50%;
		left: 50%;
		position: absolute;
		transform: translate(-50%, -50%);
        font-size:48px;
        color:#E0E0DC;
	}
    .inTheStudioContent .mediaVideoContent img, .mediaVideoContent .crop-to-square{
        height: 400px;
    }
	.videoContent{
		height: inherit;
	}
	.videoContent iframe{
		width: 100%;
    	height: 100%;
	}
	.Video iframe{
		width: 100%;
	}
	#navbarText a{
		letter-spacing: 0.02em;
	}
    .nonImageBg{
        background-color: #E4E4E7;
    }
    @media (max-width: 500px) {
        .exhibitionData{
            background-color: #FAFAFA;
        }
    }

    .linkActive, .exhibitionSub .active, .inTheStudioHeading, .simple-pagination span.current:not(.prev):not(.next), .headingLink, .heading h3, .secondaryMarket .artistFullName, .searchHeading, .mainExhibitionLink, .listViewAlphabets, .faqHeading p, .heading, .viewAllArtist, .gridView.active, .ListView.active, .workView.active, .aboutView.active, .viewExhibition a:visited, .videoHeading, .gallerySection a.active, .selectedFilter .fa, .gridView:hover, .ListView:hover, .workView:hover, .aboutViewm:hover ,.gallerySection a:hover, .filterOption:hover, .clearAllFilter:hover, .exhibitionArtists, .artistNameListView a:hover, #navbarText a:hover, .footer-content a:hover, .VideoType a, .artworkArtistName, .secondaryArtistDetail a .artistFullName:hover, .news-title:hover, .redirect .fa-arrow-right:hover, .ourTeamSection .heading > *, .showArtworkExhibition .artworktitle:hover, .showArtworkDetails .artworkDetailsTitle:hover, .associatedExhData .headingLink:hover, .cartUpdatebtn, .proceedCheckout, .cartArtistName, .bsCheckoutHeading, .bsShoppingCart, .bsInTheStudio, .selectedFilter a:hover, .artworkInquiryFormDetail, .artworkInquiryFormDetail:hover, .ourTeamSection a, .installationShippingDesc a, .homePage 
.artistFullName:hover, .viewExhibition a, .sectionLine .backBtn a, .exhibitArtworkDescription a, .selectedFilter a, .artistPage .artistFullName:hover, .orderItemDetailedList a, .bsRemoveProduct a, .aboutBio a  {
        color:#375CAA !important;
    }
    .homePage .artistFullName, .artistPage .artistFullName, .artworkDetailsTitle, .secondaryMarket .artistFullName, .lineAdjustement{
        line-height: 26px;
        letter-spacing: 0.02em;
        color: #3F3F46 !important;
    }
    .cartUpdatebtn{
        font-size: 14px;
        line-height: 24px;
        border: 0 !important;
    }
    .artistArtworkDetails{
        padding-bottom: 48px;
    }
    .videoDate .Date{
        color: #70707B;
    }
    .inTheStudioContent {
        width: 636px !important;
        height: 400px !important;
    }
    .simple-pagination span.current.prev, .simple-pagination span.current.next, .notAllowed{
        cursor: not-allowed! important;
        color: grey !important;
    }
    .VideoInfo .crop-to-square{
        padding: 0px 20px;
    }
    .VideoInfo .nonImageBg .crop-to-square{
        padding-bottom: 50% !important;
    }
    .videoData{
        padding: 20px;
    }
    .secondaryMarket .text-success {
        color: #1EC31B !important;
    }
    .gridViewContainer .crop-to-square-img, .exhibitionParts .crop-to-square-img, .workViewContainer .crop-to-square-img, .secondaryMarket .crop-to-square-img, #homePageFeaturedArtists .crop-to-square-img,
    .aboutViewConatiner .crop-to-square-img, .homePageMainSlide img {
        object-fit: scale-down !important;
    }

    .artist-header-inner, .banner-header-inner{
        height: 380px !important;
    }
    .artist-header-overlay>h1, .banner-header-overlay>h1{
        top: 80% !important;
    }
    .artSold {
        color: #F73D23 !important;
    }
    .artHold {
        color: #1EC41B !important;
    }
    .nonImageBg.newsPage {
        height:300px;
    }
    #about .heading, .heading h3, #faq .heading, #services .heading{
        font-weight: 400 !important;
        font-size: 22px !important;
    }
    .optionalField{
        color: #D1D1D6 !important;
    }
    .searchHeading input{
        border: 1px solid #D1D1D6;
    }
    .prevIcon i{
        padding-bottom: 2px;
        padding-right: 3px;
    }
    .nextIcon i{
        padding-bottom: 2px;
        padding-left: 3px;
    }
    .prevIcon, .nextIcon{
        width: 43px;
        height: 43px;
        border-radius: 50%;
        box-sizing: border-box;
        border: 1px solid #E4E4E7;
        cursor: pointer;
    }
    .prevIcon i, .nextIcon i { 
        line-height: inherit;
        color: #D1D1D6;
    }
    .light-theme, .light-theme a, .light-theme span, .light-theme .current{
        background: white !important;
        color: black !important;
        border: 0 !important;
        box-shadow: none;
    }
    .light-theme .current{
        background: white !important;
        color: black !important;
        border: 1px solid #bbb;
        box-shadow: none;
        background-color: #bbb;
    }    
    .mainText, .DateRange {
        font-size: 14px !important;
        line-height: 24px;
        letter-spacing: 0.02em;
        color: #70707B;
    }
    .mainHead, .bsCheckoutHeading, .bsShoppingCart {
        font-size: 30px;
    }
    #homePageMainSlide .heroImages .banner-header-inner {
        min-height: 536px;
    }
    .blueSpiralNavBar{
        min-height:112px !important;
    }
    .ListViewConatiner .mainDiv {
        line-height: 24px !important;
    }
    .gridViewContainer .artistFullName, .workViewContainer .artistFullName {
        margin-top: 20px !important;
        margin-bottom: 40px;
    }
    .gridViewContainer .artWorkDetails, .workViewContainer .artWorkDetails{
        padding: 20px 20px 0 20px !important;
    }
    #homePageMainSlide .carousel-indicators{
        padding-bottom: 96px !important;
    }
    .artistNameListView{
        padding-bottom: 18px !important;
    }
    .exhibitCurrentData, .exhibitPastData, .exhibitUpcomingData {
        max-width:600px;
        max-height:524px;
        object-fit: scale-down;
    }
    .blueSpiralNavBar{
        border-bottom: 1px solid #E4E4E7 ;
    }
    .listViewAlphabets{
        font-size: 30px !important;
        line-height: 38px;
        letter-spacing: 0.02em;
        padding-top: 36px;
        padding-bottom: 24px;
    }
    #homePageMainSlide .carousel-indicators{
        padding-top: 44px !important;
    }
    .lineIndicatior {
        padding-right: 28px;
    }
    /* .address-bar, .company-hours-connect, .connect-with-us{
        padding: 20px 0px 0px 20px !important;
    } */
    .blueSpiralfooter{
        padding:30px 0;
    }
    .frame-2 {
        padding: 60px 12px;
    }
    .contactSection{
        padding-top: 112px;
    }
    .emailInquiry {
        padding: 0 20px;
    }
    .emailInquiryText {
        padding-bottom: 28px !important;
    }
    .mapSection {
        padding-right: 154px;
    }
    .blueSpiralContactUsForm .firstName{
        padding-right: 10px !important;
    }
    .emailContactForm, .phoneContactForm, .messageContactForm, .agreePolicy, .secondaryArtistDetail, .associatedExhData {
        padding-top: 20px;
    }
    #Comments {
        height: 228px;
    }
    .SearchArea{
        padding: 30px;
    }
    .searchConatiner{
        padding-top: 96px;
    }
    .searchHeading {
        padding-bottom: 35px;
    }
    .serachBtns {
        padding-top: 60px !important;
    }
    .ArtistsID, .ACat, .PriceScale {
        height:49px;
    }
    .typeYourSearch, .artistSearch, .artistCategory, .priceScaleSearch, .orderDetailsCart .subTotal, .orderDetailsCart .shippingTotal, .orderDetailsCart .salesTax, .orderDetailsCart .totalHeading {
        padding-bottom: 20px !important;
    }
    .secondaryMarket .artistFullName, .secondaryMarket .artTitle, .secondaryMarket .sold, .secondaryMarket .hold {
        padding-bottom: 2px;
    }
    .backBtn{
        padding-bottom: 92px;
    }
    .imgContainer{
        overflow: hidden;
        position: relative;
        width: 100%;
        padding-bottom: 100%;
    }
    .imgContainerDiv {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
    }
    .imgContainerDiv img {
        width: 100%;
        height: 100%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        object-fit: scale-down;
    }
    #showArtDetails .imgContainer, #showArtExhibitionDetails .imgContainer, #showArtSecondaryDetails .imgContainer{
        padding-bottom: 75%;
    }
    footer {
        margin-top: 200px !important;
    }
    .listViewAlphabets.top{
        padding-top: 0px !important;
    }
    .exhibitionSub{
        padding: 10px 0;
    }

    .scrolled-down{
        transform:translateY(-100%); transition: all 0.3s ease-in-out;
    }
    .scrolled-up{
        transform:translateY(0); transition: all 0.3s ease-in-out;
    }
    .exhibitionContainer, .gridListSection, .workViewSection, .backBtn, .newsSection, .videoSection, .gallerySection {
        padding: 48px 0 20px;
    }
    .gridViewContainer, .ListViewConatiner, .workViewContainer, .aboutViewConatiner, .secondaryMarket, .newsContainer, .videoConatiner, #team, .exhibitDetailsContainer{
        padding-top: 64px;
    }
    .heroImages img{
        object-fit: fill;
    }
    .associatedExhibitionsDivsion {
        padding-bottom: 36px;
    }
    .associatedExhibitionsHeading {
        letter-spacing: 0.16em;
        padding-bottom: 72px !important;
    }
    .aboutData{
        line-height: 30px;
        padding-bottom: 96px;
    }
    .newsContainer .mediaSection{
        padding: 20px 20px 72px;
    }
    .newsContainer .caption, .news-date, .VideoType{
        padding-top: 32px;
    }
    .news-title{
        font-size: 24px;
    }
    .news-teaser-available, .VideoInfo .video, .VideoInfo .videoDescription, .VideoInfo  .videoDate, .VideoInfo .Video, .VideoInfo .videoDate, .VideoInfo .videoDescription {
        padding-top: 12px;
    }
    .mediaVideoContent, .addtoCartHr{
        margin-bottom: 32px !important;
    }
    .videoHeading {
        font-size: 30px;
        line-height: 38px;
        letter-spacing: 0.02em;
    }
    .videoTitle{
        font-size: 24px;
        line-height: 32px;
        color: #3F3F46 !important;
    }
    .VideoContent .videoDescription, .videoHeading, .videoTitle, .addToCartSection {
        padding-bottom: 24px;
    }
    #homePageFeaturedArtists{
        padding-bottom: 120px;
    }
    .gallerySection .about, .gallerySection .services, .gallerySection .ourTeam{
        padding-right: 24px;
    }
    .VideoInfo{
        padding-bottom: 96px;
    }
    .videoConatiner .VideoInfo{
        padding-right: 50px;
    }
    .filterList {
        z-index: 1;
        list-style-type: none;
        background-color: #FFFFFF;
        right: 0;
    }
    .filterList li, .filterBtn {
        padding: 10px 16px;

    }
    .selectedFilter{
        background: #F4F4F5;
        border-radius: 41px !important;
        padding: 10px 16px;
    }
    .selectedFilter a, .filterOption, .filterList li input, #qtyValue, #minus1, .add, .minus, .qty, .bsProductTitle, .bsRemoveProduct {
        font-size: 14px !important;
    }
    .gridView{
        padding-right: 48px !important;
    }
    .selectedFilterSection{
        padding-right: 12px !important;
    }
    .selectedFilter .fa, .filterSection .fa{
        padding-left: 13px;
    }
    .filterBtn{
        border: 1px solid #E4E4E7;
        font-size: 14px;
        border-radius: 47px !important;
    }
    .aboutHeading, .faqHeading, .ourTeamSection .heading, #services .heading {
        padding-bottom: 64px;
    }
    #about, .serviceSection{
        padding-bottom: 183px;
    }
    .aboutBio, .serviceDesc{
        padding-right: 64px;
    }
    .hrExhibitions.topPadding{
        margin-top: 164px;
    }
    .exhibitionArtists{
        padding-bottom: 72px;
        line-height: 30px;
        letter-spacing: 0.16em;
    }
    .hrExhibitions{
        margin-bottom: 36px;
    }
    .exhibitionPartsContainer{
        padding-top: 144px;
    }
    .exhibitArtwork, .exhibitArtworkDescription > div, .exhibitArtworkDescription > span, .exhibitArtworkDescription > p{
        padding-bottom: 56px;
    }
    .exhibitDetailsContainer .SubTitle{
        padding-bottom: 16px;
    }
    .exhibitArtworkDescription p{
        margin-bottom: 0px !important;
    }
    .videoDescription{
        padding-right: 112px !important;
    }
    .artMediaModal{
        padding-top: 24px;
    }
    .artMesurementModal{
        padding-top: 16px;
    }
    .displayPriceModal, .hoursSection, .callForPrice{
        padding-top: 36px;
    }
    .emailInquirySection, .displayPriceModal, .callForPrice{
        padding-bottom: 32px !important;
    }
    .artworkArtistName{
        font-size: 18px;
        padding-bottom: 12px !important;
    }
    .viewOnWall, .ShareArtworkBtn{
        padding-bottom: 14px;
    }
    .viewOnWall{
        padding-top: 38px;
    }
    .artWorkDetails .showArtworkDetails, .showArtworkSecondaryMarket, .showArtworkExhibition, .showArtistsSecondaryMarket{
        cursor: pointer;
    }
    .contactSectionHeading{
        padding-top: 48px;
    }
    #showArtDetails .addToOrderBtn, .emailInquirySection .InquiryButton, #showArtExhibitionDetails .addToOrderBtn, #showArtSecondaryDetails .addToOrderBtn {
        border-radius: 50rem!important;
        font-size: 14px !important;
    }
    #showArtDetails .carousel-control-next, #showArtDetails .carousel-control-prev, #showArtExhibitionDetails .carousel-control-next, #showArtExhibitionDetails .carousel-control-prev, #showArtSecondaryDetails .carousel-control-prev,#showArtSecondaryDetails .carousel-control-next{
        width: auto !important;
    }
    #homePageFeaturedArtists .artWorkDetails{
        padding:20px;
    }
    #homePageFeaturedArtists .artistFullName {
        padding-top:20px;
    }
    .stillHaveQuestion{
        margin-top: 144px;
    }
    .InquiryButton{
        text-transform: none !important;
    }
    .ourTeamSection{
        padding-bottom: 144px;
    }
    .artConsultingHeading, .installationShipping{
        font-weight: 400;
        font-size: 16px;
        line-height: 23px;
        padding-bottom: 16px;
    }
    .installationShipping{
        padding-top: 46px;
    }
    .artConsultingDesc, .installationShippingDesc{
        line-height: 30px;
    }
    .serviceQuotes{
        font-weight: 500;
        font-size: 20px;
        line-height: 30px;
    }
    .quotesAuthor{
        padding-top: 32px;
    }
    #showArtDetails .carousel-item, #showArtSecondaryDetails .carousel-item, #showArtExhibitionDetails .carousel-item{
        transition: none !important;
    }
    .cartDetails .cartArtistName, .cartDetails .artworkTitle, .cartDetails .artworkTypes{
        padding-bottom: 7.5px;
    }
    .cartDetails .artworkTypes{
        padding-bottom: 12px;
    }
    .cartDetails .artworkTitle, .artworktitle{
        font-weight: 400 !important;
    }
    .cartPageHeaderTr td{
        color: #3F3F46 !important;
        font-weight: 500;
        font-size: 16px;
    }
    .orderDetailsCart{
        background: #FAFAFA !important;
        border: 1px solid #E4E4E7;
        border-radius: 12px;
        padding: 32px 24px;
    }
    .totalHeadingSection{
        padding-top: 20px;
    }
    .orderDetailsCart .orderSummary{
        font-weight: 500 !important;
        font-size: 20px !important;
        line-height: 30px !important;
        color: #26272B !important;
        padding-bottom: 24px;
    }
    .orderDetailsCart .subTotalAmount, .orderDetailsCart .shippingTotalAmount, .orderDetailsCart .saleTaxAmount, .orderDetailsCart .subTotal, .orderDetailsCart .shippingTotal, .orderDetailsCart .salesTax, .orderDetailsCart .totalHeading{
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        color: #26272B;
    }
    .artworkImg{
        width: 86px;
        height: 86px;
    }
    #qtyValue:focus-visible{
        outline: none !important;
    }
    #paginationSecondaryMarket .page-link:focus, #paginationExhibitionPast .page-link:focus, #paginationExhibitionUpcoming .page-link:focus, #paginationExhibitionCurrent .page-link:focus, .blueSpiralContactUsForm input[type="checkbox"]:focus, .blueSpiralContactUsForm input[type="checkbox"]:focus-visible{
        box-shadow: none !important;
    }
    .blueSpiralContactUsForm input[type="checkbox"]:focus {
        border-color: unset !important;
        color: #D1D1D6;
    }
    .qty[readonly]{
        background-color: transparent !important;
    }
    .cartItem{
        width: 60%;
    }
    .cartQuantity{
        width: 20%;
    }
    .cartPrice{
        width: 20%;        
    }
    .bsOrderSummary{
        background-color: #FAFAFA !important;
        border: 1px solid #E4E4E7;
        border-radius: 12px;
    }
    .bsProductImg{
        width: 86px;
        height: 86px;
    }
    .bsTotalAmount{
        padding-bottom: 32px !important;
    }
    .bsProductValue{
        vertical-align: bottom !important;
        font-size: 14px;
    }
    #FirstName, #LastName, #Address, #Address2, #Country, #State, #City, #Zip, #Email, #Phone, #ShipFirstName, #ShipLastName, #ShipAddress, #ShipCountry, #ShipState, #ShipCity, #ShipZip, #ShipPhone, .emailContactForm input {
        height: 52px !important;
    }
    .bsShippingAddress{
        padding-top: 57px !important;
        padding-bottom: 32px !important;
    }
    .bsShippingMethod{
        padding-top: 15px;
        padding-bottom: 32px !important;
    }
    .bsPaymentMethod{
        padding-top: 32px !important;
        padding-bottom: 32px !important;
    }
    .checkoutBtn:disabled{
        background-color: gray !important;
        color: black !important;
    }
    .bsStickyOrderSummary{
        position:fixed;
        top: 250px;
    }
    .backBtn a:hover, .clearAllFilter{
        color: #375caa !important;
    }
    .homeHeroContent{
        color: #4d4f4e !important;
    }
    .bsForm .form-check-input:checked, .bsForm .form-check-input:checked, .bsForm .form-check-input:focus, .blueSpiralContactUsForm input[type="checkbox"]:checked, .filterSection input[type="checkbox"]:checked,.SearchArea .form-check-input:checked {
        background-color: #355caa !important;
        border-color: #355caa !important;
    }
    .filterSection ul{
        border: 1px solid #E4E4E7;
        border-radius: 6px;
    }
    .ShareArtworkBtn a.btn{
        box-shadow: unset !important;
    }
    .filterSection .filterOption {
        color: #888990 !important;
    }
    .mediaSection img{
        object-fit: contain !important;
    }    
    #paginationSecondaryMarket .prev, #paginationExhibitionPast .prev, #paginationExhibitionUpcoming .prev, #paginationExhibitionCurrent .prev, #paginationSecondaryMarket .next, #paginationExhibitionPast .next, #paginationExhibitionUpcoming .next, #paginationExhibitionCurrent .next, #paginationNews .prev, #paginationNews .next{
        display: flex;
        align-items: center;
    }
    .filterBtn:focus, .filterSection input[type="checkbox"]:focus {
        box-shadow: none !important;
    }
    .upcomingExhibit .exhibit-upcoming, .currentExhibit .exhibit-current, .pastExhibit .exhibit-past {
        padding-bottom: 96px !important;
    }
    
    @media (max-width: 768px) {
        .banner-header-overlay>h1 {
            font-size: 32px;
        }
    }
    @media (max-width: 986px) {
        .mainHead {
            font-size: 20px;
        }
        .mainDesc, .mainText, .DateRange, .mainExhibitionLink {
            font-size: 12px !important;
        }
        .mapSection {
            padding-right: 0 !important;
        }
        .videoHeading {
            font-size: 24px;
        }
        .videoTitle{
            font-size: 24px;
        }
        .videoDescription, .videoHeading, .videoTitle {
            padding-bottom: 14px;
        }
        .inTheStudioContent{
            padding-bottom: 32px !important;
            width: 400px;
            height: auto;
        }
    }
    @media (min-width: 1400px) {
        .featureArtists {
            min-height: 750px !important;
        }
    }
    @media (min-width: 1000px) {
        .featureArtists {
            min-height: 660px;
        }
    }
    @media (min-width: 550px) and (max-width: 936px) {
        .inTheStudioContent{
            width: 400px !important;
        }

    }
    @media (max-width: 549px) {
        .ListViewConatiner .mainDiv{
            padding: 0 12px 0 12px !important;
        }
        .inTheStudioContent, .inTheStudioContent .mediaVideoContent img{
            height: auto !important;
        }
        .heroContent {
            padding: 0 20px 0 20px !important;
        }
        .footerTopContent{
            padding: 42px 12px !important;
        }
        .frame-2 {
            padding: 20px 12px;
        }
        .banner-full-width {
            height: 280px;
        }
        .banner-header-overlay>h1{
            top: 50% !important;
        }
        .artistArtworkDetails {
            padding-bottom: 28px;
        }
        .displayPriceModal, .ourTeamSection {
            padding-bottom: 0 !important;
        }
        .hrArtist, .addtoCartHr {
            width: 100% !important;
        }
        .gridViewContainer, .workViewContainer {
            padding-top: 0 !important;
        }
        .aboutBio {
            padding-right: 14px !important;
        }
        #about {
            padding-bottom:80px !important;
        }
        .videoConatiner .VideoInfo {
            padding: 0 20px 40px 20px !important;
        }
        .artist-header-overlay h1 a, .banner-header-overlay h1 {
            font-size: 32px !important;
        }
        .artist-header-overlay > h1 small {
            font-size: 12px;
        }
        .prevIcon, .nextIcon{
            width: 10vw !important;
            height: 10vw !important;
        }
        .exhibitionContainer{
            padding: 48px 0 20px !important;
        }
        .exhibitionSub{
            padding: 10px 0 !important;
        }
        .currentExhibit, .pastExhibit, .upcomingExhibit{
            padding: 0 8px !important;
        }
        .exhibitionContainer, .gridListSection, .workViewSection, .backBtn, .newsSection, .videoSection, .gallerySection{
            padding: 48px 0 40px !important;
        }
        .SearchArea{
            padding: 30px 8px !important;
        }
        .serviceDesc{
            padding-right: 0 !important;
        }
        .serviceQuotes{
            padding-top: 70px;
        }
        .serviceSection .border-start{
            padding-left: 12px !important;
            border: 0 !important;
        }
        #faq, .serviceSection, #about, .ourTeamSection{
            padding-left:8px !important;
            padding-right:8px !important;
        }
        .mapSection {
            padding-left: 20px !important;
            padding-right: 20px !important;
        }
       .gridViewContainer .artWorkDetails, .workViewContainer .artWorkDetails{
            padding: 20px 10px 0 10px !important;
        }
        #homePageFeaturedArtists .artWorkDetails{
            padding: 20px 10px 0 10px !important;
        }
        #homePageFeaturedArtists .carousel-item{
            padding-left: 8px;
            padding-right: 8px;
        }
        .artistPage {
            padding: 0 8px !important;
        }
        .sectionLine .VideoInfo{
            justify-content: space-evenly !important;
        }
        .artwork-details{
            padding-top: 40px !important;
        }
        .artworktitle {
            font-size: 20px !important;
        }
        .homePageVideoSection{
            padding: 0 20px !important;
        }
        .VideoType{
            padding-top: 18px !important;
        }
        .VideoInfo .Video{
            padding-top: 7px !important;
        }
        .VideoInfo .videoDate {
            padding-top: 4px !important;
        }
        .nextPrevBtn {
            padding-top: 16px;
        }
        .nextPrevBtn .carousel-control-next{
            margin-right: 7px;
        }
        .nextPrevBtn .carousel-control-prev {
            margin-left: 7px;
        }
        .orderSummarySection{
            padding-top: 80px;
        }
        .bsCheckoutHeading, #billingForm{
            padding: 0 8px !important;
        }
        .orderItemDetailedList, .orderItemList {
            padding: 0 20px !important;
        }
        .bsShoppingCart {
            margin: 0 11px !important;
        }
    }
    @media (min-width: 1000px) and (max-width: 1200px) {
        .inTheStudioContent{
            width: 535px !important;
        }

    }
/*------Artists Detail pages ------*/
.container-fluid.artist-header-container {background: rgba(77,79,78,1); margin-bottom: 50px;}
.artist-header-inner {max-width:1170px; height: 250px; margin-top:-20px;}
.artist-header-overlay>h1 {color: #ffffff; text-transform: uppercase; position: relative; top:150px; font-size: 32px; letter-spacing: 3px; font-weight: 200;}
.artist-header-overlay>h1 small {color:#fff; font-size: 50%;letter-spacing: 1px; font-weight: 200;}
.artist-nav {margin: 0 0 50px 0;}
.artist-nav a {text-transform: uppercase; display: inline-block; padding-right: 10px;}
.artist-header-overlay {
	display: block; width:100%; height: 100%; 
	/*background:
    linear-gradient(100deg, rgba(77,79,78,1), rgba(77,79,78,1) 30%, rgba(77,79,78,0) 60%, rgba(77,79,78,1) 98%);*/
    }
.artist-header-overlay h1 a {color:#fff;text-decoration: none;}
.artist-header-overlay h1 a:hover {color:#f2f2f2;text-decoration: none;} 
.sold-dot {position: absolute; right: 15px; bottom: 10px;}
.thumbnail .sold-dot {position: absolute; right: 0; bottom: -20px;}
.sold-dot .fa-circle {font-size: .75em;}    

/*------Header Banner ------*/
.container-fluid.banner-header-container {background: rgba(77,79,78,1); margin-bottom: 50px;}
.banner-header-inner {max-width:1170px; height: 250px; margin-top:-20px;}
.banner-header-overlay>h1 {color: #ffffff; text-transform: uppercase; position: relative; top:150px; font-size: 32px; letter-spacing: 3px; font-weight: 200;}
.banner-nav {margin: 0 0 50px 0;}
.banner-nav a {text-transform: uppercase; display: inline-block; padding-right: 10px;}
.banner-header-overlay {
	display: block; width:100%; height: 100%; 
    }
.crop-to-square {
        overflow: hidden;
        position: relative;
        /* change these 2 values to adjust the size relative to its parent */
        width: 100%;
        padding-bottom: 100%;
        margin-bottom: 30px;
    }

    .crop-to-square.bs-search {margin-bottom: 0;}
    .crop-to-square-positioner {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        text-align:center;
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
    }
    .crop-to-square-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
        margin: 0 -9999px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
.exhibitionPartsContainer a, .mainExhibitionLink a, .viewExhibition a, .ourTeamSection a, .bsRemoveProduct a {
    text-decoration: none;   
}
.has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label {
    color: #3c763d;
}
.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .form-label, .has-error .help-block.filled, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #a94442;
}
.has-error .form-control {
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}
/*------OLD CSS ------*/
body {
        font-size: 14px;
    }

    h1, h2, h3, h4, h5, h6 {
        color: #4d4f4e;
    }

    h1 {font-size: 32px; margin-bottom: 20px;}
    h2{font-size: 22px;}
    .logo img {max-width: 205px; margin-left: 0;}
    .logo-sm img {max-width: 175px;}

    h3.Title {font-size: 1rem;}
    /*----- Links ------*/
    /*a {color: #355caa; text-decoration: none;}
    a:visited {color: #12264d;}
    a:hover {color: #efa82c; text-decoration: underline;}
    a.ArtistAssets {color: #355caa; text-decoration: none;}
    a.ArtistAssets:visited {color: #355caa;} 
    a.ArtistAssetsOn {color: #12264d; text-decoration: none;}
    a.ArtistAssets:hover {color: #efa82c; text-decoration: underline;}
    a.ArtworkNextBack {color: #4d4f4e;}*/

    a.buyNow, a.addToOrderBtn, .btn.addToOrderBtn {
        display: inline-block;
        font-size: 12px;
        background: #4d4f4e;
        font-weight: normal;
        color: #f2f2f2;
        padding: 5px 20px 5px 20px;
        margin-bottom: 10px;
        border-radius: 15px !important;
    }
    a.buyNow:hover {background: #333;color: #fff; text-decoration: none;}
    a.addToOrderBtn:hover {background: #333;color: #fff; text-decoration: none;}
    .btn.addToOrderBtn:hover {background: #333;color: #fff; text-decoration: none;}
    .badge {font-size: 10px; background-color: #efa82c;}
    @media print {
        a[href]:after {content:none !important; }
    }

    /*------ Navigation ------*/
    .navbar {margin-top:20px;margin-bottom: 0;}
    .nav>li>a {padding: 17px 8px 32px 7px;}

    .navbar-nav>li>.dropdown-menu {border-radius: 0;}
    .dropdown:hover .dropbtn {
        background-color: rgba(53, 92, 170, .75);
        color: #efa82c;
    }
    .dropdown-menu{ margin-top:0; border:none; box-shadow:none;}
    /*------Home slide show ------*/
    /* Slide Show */
    .carousel-control.right, .carousel-control.left {background:transparent;}

    /* Home Page Carousel */
    header.carousel {
        height: 500px;
        margin-bottom: 30px;
    }

    header.carousel .item,
    header.carousel .item.active,
    header.carousel .carousel-inner {
        height: 100%;
    }

    header.carousel .fill {
        width: 100%;
        height: 100%;
        background-position: center;
        background-size: cover;
    }
    header.carousel .carousel-indicators {display: none;}
    header.carousel .carousel-control {opacity:0;}

    .carousel-caption h2 {
        font-size:18px;
        color: #fff;
    }

    .text-margin {display:block;}

    /*------Featured Artists ------*/
    .homeFeature {
        margin-bottom: 30px;
    }
    .artist-name {
        color: #ffffff;
        opacity: 1;
        font-size: 1.25rem;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        text-align: center;
        white-space: normal;
    }
    .artist-name:hover {color: #ffffff;}


    /*.image-margin {margin-bottom:30px;}*/
    .thumbnail {padding: 0;}
    .thumbnail-image{position: relative;}
    .artist-overlay {
        position: absolute;
        top: -50%;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        opacity: 0;
        transition: .5s ease;
        background-color: #12264d;
    }
    .crop-to-square {
        overflow: hidden;
        position: relative;
        /* change these 2 values to adjust the size relative to its parent */
        width: 100%;
        padding-bottom: 100%;
        margin-bottom: 30px;
    }

    .crop-to-square.bs-search {margin-bottom: 0;}
    .crop-to-square-positioner {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        text-align:center;
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
    }
    .crop-to-square-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin: 0 -9999px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .artist-name {
        color: #ffffff;
        opacity: 1;
        font-size: 1.25rem;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        text-align: center;
        white-space: normal;
    }

    .quote {
        color: #ffffff;
        background: #efa82c;
        font-size: 1.5rem;
        padding: 10px;
        text-align: center;
    }
    .quote p {margin-bottom: 0;}
    /*------Artists Detail pages ------*/
    .container-fluid.artist-header-container {background: rgba(77,79,78,1); margin-bottom: 50px;}
    .artist-header-inner {max-width:1170px; height: 250px; margin-top:-20px;}
    .artist-header-overlay>h1 {color: #ffffff; text-transform: uppercase; position: relative; top:150px; font-size: 32px; letter-spacing: 3px; font-weight: 200;}
    .artist-header-overlay>h1 small {color:#fff; font-size: 50%;letter-spacing: 1px; font-weight: 200;}
    .artist-nav {margin: 0 0 50px 0;}
    .artist-nav a {text-transform: uppercase; display: inline-block; padding-right: 10px;}
    .artist-header-overlay {
        display: block; width:100%; height: 100%; 
        /*background:
        linear-gradient(100deg, rgba(77,79,78,1), rgba(77,79,78,1) 30%, rgba(77,79,78,0) 60%, rgba(77,79,78,1) 98%);*/
        }
    .artist-header-overlay h1 a {color:#fff;text-decoration: none;}
    .artist-header-overlay h1 a:hover {color:#f2f2f2;text-decoration: none;} 
    .sold-dot {position: absolute; right: 15px; bottom: 10px;}
    .thumbnail .sold-dot {position: absolute; right: 0; bottom: -20px;}
    .sold-dot .fa-circle {font-size: .75em;}    

    /*------Header Banner ------*/
    .container-fluid.banner-header-container {background: rgba(77,79,78,1); margin-bottom: 50px;}
    .banner-header-inner {max-width:1170px; height: 250px; margin-top:-20px;}
    .banner-header-overlay>h1 {color: #ffffff; text-transform: uppercase; position: relative; top:150px; font-size: 32px; letter-spacing: 3px; font-weight: 200;}
    .banner-nav {margin: 0 0 50px 0;}
    .banner-nav a {text-transform: uppercase; display: inline-block; padding-right: 10px;}
    .banner-header-overlay {
        display: block; width:100%; height: 100%; 
        }   
        
    /*------Artwork Detail pages ------*/    
    .artworktitle {text-transform: uppercase; font-weight: 200; font-size: 2rem; letter-spacing: 2px;}   
    .artwork-details {letter-spacing: 1px;}  
    .InquiryButton {font-color: #355caa; text-transform: uppercase; font-weight:700;}     
    .chocolat-overlay {background-color: #fff;}
    a.chocolat-image {cursor: zoom-in;}
    .chocolat-wrapper .chocolat-bottom {color: #000;}
    .bottom-align-text {
        position: absolute;
        bottom: 0;
        right: 0;
    }
    .ArtworkNextBack {vertical-align:bottom; text-transform: uppercase;}

    .exhibit272 .ExhibitDate, .exhibit273 .ExhibitDate, .exhibit274 .ExhibitDate, .exhibit275 .ExhibitDate, .exhibit276 .ExhibitDate, .exhibit277 .ExhibitDate, .exhibit278 .ExhibitDate, .exhibit279 .ExhibitDate, .exhibit280 .ExhibitDate {display: none;} 

    .exhibit-upcoming h3 {font-size: 14px;}
    /*------Exhibit Detail pages ------*/    
    .exhibitionDescription .text-margin {margin-bottom: 30px;}
    .exhibitionParts .artworktitle {font-size: 14px;}
    .exhibitionParts .image-margin {position: relative;}
    .exhibitionParts .text-margin {margin-top: 0; margin-bottom: 40px;}
    .exhibitionImage {margin-bottom: 30px;}
    /*----- Forms -------*/
    .btn {border-radius: 0;}
    select {border-radius: 0 !important;}
  
    .SearchForm {
        border:1px solid #c1c1c1;
        background:rgba(255,255,255,0.03);
        border-radius: 0;
        padding:10px;
    }
        
    .ContactUs {
        border:1px solid #c1c1c1;
        background:rgba(255,255,255,0.03);
        border-radius: 0;
        padding:10px;
    }
    .captcha img {background:#ffffff;}
    footer a {color: #fff;}
    footer a:visited {color: #fff;}
    footer a:hover {color: #ccc;}
    ul.footerNav {list-style: none; padding: 0; margin: 0;}
    .footerNav li {position: relative; float: left; display: block; padding-left: 2px;}
    .footerNav li:after {display: inline-block;}
    .footerNav li:last-of-type:after {display: inline-block;
        content: '';}
    .footerNav li a {color:#fff;}
    .footerNav li a:hover {color:#ccc;}

    ul.social {list-style: none; padding: 0; margin: 0;}
    .social {    
        display: flex;
        justify-content: space-between;
    }
    .social li {position: relative; float: right; display: block; padding-left: 2px;}
    .social a, .social a:visited{color: #808285;}
    .social a:hover{color: #333; background:transparent;}

    .ManagedArtwork {text-transform: capitalize;}

    @media (max-width: 768px) {
        .navbar {margin-top:5px; margin-bottom: 5px;} 
        header.carousel {height: 350px; margin-bottom: 25px;}
        .quote{font-size: .9rem;}
        .container-fluid.artist-header-container, .artist-nav, .container-fluid.banner-header-container {margin-bottom: 25px;}
        .artist-header-inner, .banner-header-inner {margin-right:-30px; height: 125px; background-size: auto auto;}
        .artist-header-overlay>h1, .banner-header-overlay>h1 {top:40%; font-size: 20px; letter-spacing: 0; font-weight: 200;}
        .location, .hours, .terms, .socialbuttons {margin-bottom:10px;}
        .artist-name {font-size: .875rem;white-space: normal;}

    }

    @media (max-width: 600px) {
        .container-fluid.artist-header-container, .container-fluid.banner-header-container {margin-bottom: 15px;}
        .artist-nav {margin-bottom: 15px;}
        .artist-header-inner, .banner-header-inner {height: 75px; }
        .artist-header-overlay h1, .banner-header-overlay h1 {font-size: 16px; top:40%;}
    }

    @media (max-width: 425px) {
        .container-fluid.artist-header-container, .container-fluid.banner-header-container, .artist-nav {margin-bottom: 10px;}
        .artist-header-inner, .banner-header-inner {margin-right:-10px; height: 75px; background-size: auto auto;}
        .artist-header-overlay>h1, .banner-header-overlay h1 {top:40%; font-size: 16px; letter-spacing: 0; font-weight: 200;}
        .homeFeature {margin-bottom:10px;}
    }
    @media (max-width: 320px) {
        .container-fluid.artist-header-container, .artist-nav {margin-bottom: 10px;}
        .artist-header-inner {margin-right:-10px; height: 75px; background-size: auto auto;}
        .artist-header-overlay>h1 {top:40%; font-size: 16px; letter-spacing: 0; font-weight: 200;}
        .homeFeature {margin-bottom:10px;}
    }

    @media (max-width:899px){
        .artist-name{
            font-size: 1rem;
            white-space: normal;}
    }