/*

   

    Template Name : Rolling - Freelancer Portfolio Template

    Author : UiPasta Team

    Website : http://www.uipasta.com/

    Support : http://www.uipasta.com/support/

	

	

*/







/*

   

   Table Of Content

   

   1. Global Style

   2. Preloader

   3. Home Section and Navigation Menu

   4. About Me

   5. Portfolio

   6. Testimonial

   7. Statistics

   8. Services

   9. Call to Action

  10. Contact Us

  11. Social Icons

  12. Footer

  13. Responsive

  14. Scroll To Top

  15. Useful Classes ( Such as : Margin, Padding, colors  "This classes will be helpful for you during designing/development time.")

  16. UiPasta Credit

 



*/







/* Global Style */



body {

    font-size: 16px;

    font-weight: 400;

    line-height: 24px;

    letter-spacing: 1px;

    height: 100%;

    font-family: 'EB Garamond', sans-serif;
    overflow-x: hidden;
    background: #050505;
    color: #fff;
}

body.checkout-fixed,
body.fixed{
    max-height: 100vh;
    overflow: hidden;
}


html,

body {

    height: 100%

}



::selection {

    background-color: #e1ad3e;

    color: #ffffff;

}



::-moz-selection {

    background-color: #e1ad3e;

    color: #ffffff;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	font-family: 'EB Garamond', sans-serif;

}



a {

    text-decoration: none;

}



img {

    width: 100%;

}



a:hover {

    color: #fff;

    text-decoration: none;

}



a:focus {

    outline: none;

    text-decoration: none;

}



p {

    line-height: 32px;

}



ul,

li {

    margin: 0;

    padding: 0;

}



fieldset {

    border: 0 none;

    margin: 0 auto;

    padding: 0;

}



.policy td {

  padding: 5px;

  margin: 5px;

  font-size: 0.8em;

}



.no-padding {

    padding: 0

}



.section-space-padding {

    padding: 120px 0px;

}



.section-title {

    text-align: center;

}



.section-title h2 {

    margin-top: 0;

    font-weight: 600;

    border-bottom: 4px double #e1ad3e;

	border-radius: 10px;

    font-size: 30px;

    margin: 0 auto;

    padding: 10px 0;

    width: 350px;

	margin-bottom: 30px;

}



.section-title p {

    font-weight: 400;

	line-height: 25px;

	margin-bottom: 40px;

}



.bg-cover {

	background-repeat: no-repeat;

}



.grabbing {

	cursor: url(../images/owl-carousel/grabbing.png) 8 8, move;

}


.button.btn-inactive {
    cursor: not-allowed;
    background: #cdced8;
}
.button {

	border: none;

	font-family: inherit;

	font-size: inherit;

	color: inherit;

	background: none;

	cursor: pointer;

	padding: 25px 80px;

	display: inline-block;

	margin: 15px 30px;

/*	text-transform: uppercase;*/

	letter-spacing: 1px;

	font-weight: 700;

	outline: none;

	position: relative;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

}



.button:after {

	content: '';

	position: absolute;

	z-index: -1;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

}





.button:before {

	font-family: 'FontAwesome';

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height: 1;

	position: relative;

	-webkit-font-smoothing: antialiased;

}

.button:hover{
  color: #e1ad3e;
}


.button-style {

	border-radius: 50px;

	border: 3px solid #fff;

	color: #fff;

	overflow: hidden;

}



.button-style:hover,

.button-style:active,

.button-style:focus {

	background: #e1ad3e;

	color: #ffffff !important;

}

.button-alt{
    background: #e1ad3e;
    color: #111 !important;
}
.button-alt:not([disabled]):hover{

    background: #fff;
    color: #e1ad3e !important;
}
.button.button-grey:not([disabled]):hover{
    background: #fff;
    color: #e1ad3e !important;

}
.button-style:before {

	position: absolute;

	height: 100%;

	font-size: 125%;

	line-height: 3.5;

	color: #fff;

	-webkit-transition: all 0.3s;

	-moz-transition: all 0.3s;

	transition: all 0.3s;

}



.button-style:active:before {

	color: #ffffff;

	opacity: 0.5;

}



.button-style-icon:before {

	left: 130%;

	top: -2px;

}



.button-style-icon:hover:before {

	left: 80%;

}



.button-style-dark {

	border: 3px solid #000000 !important;

	color: #000000;

}


.button-tiny{
  padding: 3px 10px;
  font-size: .8rem;

}

.button-small{
  padding: 10px 30px;
  margin: 5px 10px;
  font-size: 1.5rem;

}

.button.button-grey{
  color: #333 !important;
  background: #eee;
}

.button-primary{
  border: 3px solid #e1ad3e;
  color: #e1ad3e;
}
.button-primary:hover{
    background: #fff;
    color: #e1ad3e;
    border: 3px solid #fff;
    box-shadow: 0px 8px 15px 0px rgba(0,0,0, 0.13);
}

.button.active{
  background: #e1ad3e;
  color: rgb( 255, 255, 255 );
}

.user-button-grid{
  display: grid;
  grid-template-columns: repeat( auto-fill, minmax( 11rem, 1fr ) );
  grid-gap: 1.5rem;
  margin: 0 1rem;
}

.grid-button{
  font-size: 1.5rem;
  width: 100%;
  color: #111;
  padding-bottom: 100%;
/*  text-transform: uppercase;*/
  letter-spacing: 1px;
  font-weight: 700;
  outline: none;
  position: relative;
  z-index: 1;
  transition: .25s ease;
  background: #e1ad3e;
}


.grid-button:hover{
    filter: drop-shadow(4px 6px 8px rgba(0,0,0, 0.13) );
    color:#e1ad3e;
    background: #fff;
}

.grid-button-content{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
/*  background: rgb( 159, 160, 181, .5 );*/
}
.nomob-span,
.nomob{
  display: none !important;
}

.table-margin td ~ td{
  padding-left: 1rem;
}

/* Preloader */



#preloader {

    position: fixed;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background: #050505;

    z-index: 999;

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    transition: all .5s ease;

}



body.loaded #preloader{

    opacity: 0;

    visibility: hidden;

}

body.loaded .loader{
    display: none;
}


.loader{

    display: block;

    position: relative;

    left: 50%;

    top: 50%;

    width: 150px;

    height: 150px;

    margin: -75px 0 0 -75px;

    border-radius: 50%;

    border: 3px solid transparent;

    border-top-color: #e1ad3e;

    -webkit-animation: spin 2s linear infinite;

    animation: spin 2s linear infinite;

}



.loader:before{

    content: "";

    position: absolute;

    top: 5px;

    left: 5px;

    right: 5px;

    bottom: 5px;

    border-radius: 50%;

    border: 3px solid transparent;

    border-top-color: #e1ad3e;

    -webkit-animation: spin 3s linear infinite;

    animation: spin 3s linear infinite;

}



.loader:after{

    content: "";

    position: absolute;

    top: 15px;

    left: 15px;

    right: 15px;

    bottom: 15px;

    border-radius: 50%;

    border: 3px solid transparent;

    border-top-color: #e1ad3e;

    -webkit-animation: spin 1.5s linear infinite;

    animation: spin 1.5s linear infinite;

}



@-webkit-keyframes spin {

    0%   {

        -webkit-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}



@keyframes spin {

    0%   {

        -webkit-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        transform: rotate(0deg);

    }

    100% {

        -webkit-transform: rotate(360deg);

        -ms-transform: rotate(360deg);

        transform: rotate(360deg);

    }

}




.page-height{
  min-height: calc( 100vh - 8rem );
}


/* Home Section and Navigation Menu */



.home-section {
    background: #000;
/*    height: 100%;*/

}

.blackbar{
  background: rgb( 0, 0, 0 );
  padding: 8rem;
}


.home-section-background {

    position: relative;

    height: 100%;

    background: url(../images/bg/bg.jpg);

    background-size: cover;

    z-index: 1;

    background-position: center 28%;
    max-width: 1440px;
    margin: 0 auto;
}



.home-section-background:after {

    position: absolute;

    /*background: rgba(100, 100, 100, .25);*/

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: "";

    z-index: -1;

}



.display-table {

    display: table;

    width: 100%;

    height: 100%;

}



.display-table-cell {

    display: table-cell;

    vertical-align: middle;

}



.header-text img {

	width: 50%;

	opacity: 0.95;

    max-width: 470px;

}

.home-section{
    min-height: 500px;
}
@media (min-width:900px){
    .home-section{
        min-height: 600px;
    }
}
@media (max-width:535px){

    .hero-image img{
        /*width: 140%!important;*/
    }
    .header-text img {

        /*width: 100%;*/
    }

}
@media (max-width:767px){
    .home-section{
        height: 100%;
        overflow: hidden;

        max-height: 1000px;
    }
    .hero-image {
        height: 100%;
        display: flex;
        align-items: flex-end;
    }
    .hero-image img{
        transform:translateX(-50%);
        position: absolute;
        z-index: 2;
        bottom: 25px;
        left:50%;
    }
    .hero-image-vignette{

        height: 100%;
        width: 100%;
    }
}

.home-section-background h2 {

    color: #f8f8f8;

    font-size: 50px;

    letter-spacing: 5px;

    margin: 0;

}



.home-section-background p {

    color: #f8f8f8;

    letter-spacing: 4px;

    font-size: 15px;

	margin-top: 40px;

	margin-bottom: 20px;

}



.typed-cursor{

    opacity: 1;

    -webkit-animation: blink 0.7s infinite;

    -moz-animation: blink 0.7s infinite;

    animation: blink 0.7s infinite;

}



@keyframes blink{

    0% { opacity:1; }

    50% { opacity:0; }

    100% { opacity:1; }

}



@-webkit-keyframes blink{

    0% { opacity:1; }

    50% { opacity:0; }

    100% { opacity:1; }

}



@-moz-keyframes blink{

    0% { opacity:1; }

    50% { opacity:0; }

    100% { opacity:1; }

}



.header-top-area {

    position: fixed;

    left: 0;

    top: 0;

    width: 100%;

    z-index: 9999;

    -webkit-transition: all 0.4s ease-out;

    transition: all 0.4s ease-out;
    background: #000;
}



.logo {

    padding-top: 28px;

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}



.logo .logo-img-c {
    height: 20px;
    width:20px;
    position: relative;
}


.logo .logo-img-c img {
    position: absolute;
    top:-11px;
    left:0px;
    width: 40px;
    z-index: 1;
}

.logo a {

    display: block;

    color: #fff;

    text-transform: uppercase;

    letter-spacing: 6px;

    font-weight: 900;

    font-size: 14px;

}



.navigation-menu .navbar-nav li a {

    color: #fff;

/*    text-transform: uppercase;*/

    font-size: 14px;

    letter-spacing: 1px;

    padding: 30px 15px;

    -webkit-transition: .3s;

    transition: .3s;

    font-weight: 600;

}



.navigation-menu .navbar-nav li a:hover {

    background: none;

    color: #e1ad3e;

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}



.nav li a:focus,

.nav li a:hover {

    background: none;

    color: #fff;

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}



.navbar {

    margin: 0;

}



.navigation-background {

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

    background: #000;

}



.navigation-background .logo {

    padding-top: 18px;

    -webkit-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

}



.navigation-background .navigation-menu .navbar-nav li a {

    color: #fff;

    padding: 20px 15px;

    -webkit-transition: .3s;

    transition: .3s;

}



.navigation-background .navigation-menu .navbar-nav li a:hover {

    color: #e1ad3e;

}







/* About Me */



.about-section {

	overflow: hidden;

	background-color: #080808;
    color:#fff;
    max-width: 1440px;
    margin-left:auto;
    margin-right:auto;
}



.about-section img {

	position: absolute;

}



.about-me {}



.about-me h2 {

	padding: 0px 50px;

}



.about-me h4 {

	padding: 0px 50px;
    color: #e1ad3e;
}



.about-me p {

	padding: 50px;

	font-size: 15px;

}



.discog p {

	font-size: 12px;

}



.discog .fa {

	font-size: 16px;

}



.discog a:not(.button) {

/*background-color: #ffffff;*/

    color: #e1ad3e;

	padding: 2px;

}



.discog a:not(.button):hover {

/*	background-color: #ffffff;*/

    color: #fff;

	opacity: 1;

}



/* Portfolio */



.portfolio {}



.portfolio-inner .mix {

    display: none;

}



ul.portfolio {

    padding: 0;

    list-style: none;

    margin-top: 30px;

    margin-left: 8px;

    text-align: center;

}



ul.portfolio li {

    display: inline-block;

    padding: 8px 12px;

    margin: 0 8px;

    text-transform: capitalize;

    font-size: 14px;

    font-weight: 400;

    color: #fff;

    border: none;

    cursor: pointer;

    font-size: 13px;

}



ul.portfolio li:hover {

    color: #e1ad3e;

    border: none;

}



ul.portfolio li.active {

    color: #111;

    background-color: #e1ad3e;

    padding: 5px 20px;

    border-radius: 20px;

    box-shadow: 0px 1px 2px 0px rgba(0,0,0, 0.15);

}



.portfolio .item {

    margin-top: 30px;

    position: relative;

}



.portfolio .item img {

    width: 100%;

}



.item {

    -webkit-transition: .3s;

    transition: .3s;

}



.portfolio .item:hover a:not(.button):before{

  top: 40%;

  box-shadow: 0px 16px 22px 0px rgba(0,0,0, 0.3);

  -webkit-transition: all 400ms ease-in-out;

          transition: all 400ms ease-in-out;

}



.portfolio .item a:not(.button):before{

  color: #ffffff;

  content: "\f16a";

  font-family: "FontAwesome";

  text-align: center;

  color: #ffffff;

  position: absolute;

  font-size: 25px;

  top: 2%;

  opacity: 0;

  left: 0%;

  right: 0%;

  background-color: #e1ad3e;

  width: 70px;

  height: 70px;

  border-radius: 50%;

  line-height: 70px;

  margin: 0 auto;

  -webkit-transition: all 400ms ease-in-out;

          transition: all 400ms ease-in-out;

  z-index: 1;
}



.portfolio .item a:not(.button):before{

  content: "\f00e";

}



.portfolio .video .item a:not(.button):before{

  content: "\f04b";

}



.portfolio .single .item a:not(.button):before{

  content: "\f00e";

}



.portfolio .item a:not(.button):hover:before{

  opacity: 1;

}



.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {

	margin-top: 40px;

    font-size: 50px;

    background-color: #e1ad3e;

    width: 44px;

	right: 0px;

}



.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {

    cursor: inherit;

}



.videoWrapper {

	position: relative;

	padding-bottom: 56.25%; /* 16:9 */

	padding-top: 25px;

	height: 0;

}

.videoWrapper iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;
    z-index: 2;

}
.embedWrapper{
    height: 152px;
    overflow: hidden;
}
.embedWrapper iframe{
    position: absolute;
    left: 0;
    right: 0;
  width: 100%;
  z-index: 2;
}

.embedWrapper, .videoWrapper{
/*    background: #efefef;*/
    position: relative;
}
.videoWrapper-inner > input,
.embedWrapper-inner > input{
    display: none;
}
.videoWrapper-inner.active,
.embedWrapper-inner.active{
    display: block;

}
.wrapper-inner-loader{
    position: absolute;
    inset: 1rem;
    z-index: 1;
}
.wrapper-inner-loader::after{
    content: '';
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border-top: 3px solid #e1ad3e;
    border-left: 3px solid #e1ad3e;
    border-right: 3px solid #e1ad3e;
    border-bottom: 3px solid transparent;
    animation: spin 3s linear infinite;
    position: absolute;
    top: 0;
    left: 0;
}
.center-loader-wrapper {
    position: relative;
    width: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: -ms-fit-content;
    margin: 30px  auto 0 auto;
}
.center-loader-wrapper .wrapper-inner-loader{
    inset: 0;
    
}
.center-loader-wrapper .wrapper-inner-loader::after{
    left: calc( 50% - 1rem );
}

#fetch_cart .wrapper-inner-loader::after{
    left: calc( 50% - 1rem );
}
.inactive{
  pointer-events: none;
  opacity: .25;
}
.sign-in-form{
    max-width: 60ch;
    margin: 0 auto;
}
/* Testimonial */
.testimonial-bg-img{
    position: absolute;
    z-index: -2;
    inset:0;
}
.testimonial-bg-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testimonial-bg-img::after{
    position: absolute;
    z-index: ;
    bottom: 0;
    left:0;
    right: 0;
    pointer-events: none;
    content:'';
    height: 20rem;
    background-image:linear-gradient(to bottom, transparent, #000);
}
.discog-item{
    padding:15px;
}
.discog-item-inner{
    background: #111;
    padding: 30px 25px 30px 25px;
    border-radius: 4px;
/*    border-bottom-right-radius: 20%;*/
}
@media(min-width:768px){

    .testimonial-bg-img::after{
        height: 26rem;
    }
}
.testimonial-section {
    color:#fff;
    background: #050505;

}



.testimonial-carousel-list {

/*    padding: 30px;*/

    background-color: #000;

    border-radius: 4px;

	box-shadow: 0px 1px 2px 0px rgba(0,0,0, 0.15);

    transition: all 0.3s ease-in-out;

}



.testimonial-carousel-list:hover {

    box-shadow: 0px 16px 22px 0px rgba(0,0,0, 0.3);

/*    top: -5px;*/

}



.testimonial-word {

    padding: 0px 100px;
    aspect-ratio: 1/1;
}



.testimonial-word .img-c {
	margin: 0 auto;
    max-width: 280px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.testimonial-word .img-c img{
    width: 100%;
}

.testimonial-word .img-c::after {
    position: absolute;
    z-index: 1;
    bottom:0;
    left:0;
    right: 0;
    height: 6rem;
    content:'';
    background:linear-gradient(to bottom, transparent, #000);

}

.testimonial-word h2 {

    font-size: 20px;

    text-transform: uppercase;

    font-weight: 700;

    letter-spacing: 4px;

    margin: 20px 0px 10px 0;

    padding: 5px 20px;
    width: fit-content;
    width: -ms-fit-content;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    margin-left: auto;
    transform: translateX(10px);
    background: #e1ad3e;
    color:#111;

}



.testimonial-word span.ttext {
    font-size: 18px;
    line-height: 25px;

    padding: 3px 18px;
    width: fit-content;
    width: -ms-fit-content;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    margin-left: auto;
    transform: translateX(15px);
    background: #111;
    color:#fff;

}



.owl-navi {

	color: #e1ad3e;

}



.owl-navi:hover {

	color: #fff !important;

}



.owl-theme .owl-controls .owl-buttons div {

    display: inline-block;

    zoom: 1;

    margin: 5px;

    padding: 7px 13px;

	background-color: transparent;

    opacity: 1;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

}







/* Statistics */



.statistics-section {

	position: relative;

    background: url(../images/bg/statistics.jpg);

    background-size: cover;

    z-index: 1;

}



.statistics {

  margin: 25px 0;

  overflow: hidden;

  color: #ffffff;

}



.statistics.block .statistics-icon,

.statistics.block .statistics-content {

  width: auto;

  float: none;

  text-align: center;

}



.statistics-icon {

  width: 30%;

  text-align: center;

  margin-right: 5%;

  float: left;

  font-size: 50px;

}



.statistics-content {

  float: left;

  width: 65%;

  text-align: left;

}



.statistics-content > h5 {

  font-size: 34px;

  margin-top: 0;

}



.statistics-content > span {

  display: block;

  font-weight: 500;

  font-size: 12px;

  letter-spacing: 1px;

}







/* Services */



.services-section {

  background-color: #080808;

}

.future-concerts-container .services-detail{
    padding-top: 160px!important;
}

.services-detail p {

  font-size: 12px;

}
.services-detail-img{
    position: absolute;
    inset:0;
    z-index: -1;
    opacity: .75;
}

.services-detail-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.services-detail h3 {

  font-size: 22px;

}

.future-concerts-container .services-detail .future-concert-date{
font-size: 24px;
  background: #111;
  padding:5px 20px;
  width: fit-content;
  width: -ms-fit-content;
  width: -moz-fit-content;
  width: -webkit-fit-content;
}
.future-concerts-container .services-detail .future-concert-end-date{
font-size: 16px;
    background: #111;
    padding: 1px 18px;
    width: fit-content;
    width: -ms-fit-content;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    margin-top: 5px;
    text-align: right;
    margin-left: auto;
}
.next-show{
    font-size: 18px;
    background: #e1ad3e;
    color:#111;
    padding: 4px 18px;
    width: fit-content;
    width: -ms-fit-content;
    width: -moz-fit-content;
    width: -webkit-fit-content;
/*    margin-top: 5px;*/
    font-weight: 700;
    position: absolute;
    z-index: 1;
    top: 121px;
    left: 15px;
    transform: rotate(-3deg);

}
.next-show::after{
    background: #e1ad3e;
    width: 15px;
    height: 15px;
    content: '';
    position: absolute;
    bottom: -7px;
    left: 50%;
    transform: translateX( -50% ) rotate( 45deg );
    z-index: -1;
}
.more-shows{
    padding: 8px 15px;
    width: fit-content;
    width: -ms-fit-content;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    margin: 0;
    font-weight: 700;
    position: absolute;
    z-index: 1;
    bottom: 15px;
    right: 15px;
    transform: rotate(2deg);

}
.has-button .more-shows{
    margin-bottom: 45px;
}
.future-concerts-container .services-detail .future-concert-title{
    font-size: 22px;
    background: #e1ad3e;
    color:#111;
    padding: 4px 18px;
    width: fit-content;
    width: -ms-fit-content;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    margin-top: 5px;
    font-weight: 700;
    line-height: 3.25rem;
}
.future-concerts-container .services-detail .future-concert-location{
    font-size: 16px;
    background: #111;
    color:#fff;
    padding: 3px 12px;
    width: fit-content;
    width: -ms-fit-content;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    margin-top: 5px;
}
.future-concerts-container .services-detail .future-concert-comment{
    font-size: 14px;
    background: #111;
    color:#fff;
    padding: 3px 12px;
    width: fit-content;
    width: -ms-fit-content;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    margin-top: 5px;
}
.future-concerts-container .services-detail p{
    font-size: 16px;
  background: #111;
  padding:5px 20px;
  width: fit-content;
  width: -ms-fit-content;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  
}
.discog-item hr,
.services-section hr {

  border-bottom: 2px solid #e1ad3e;

  width: 42px;

  margin-left: 0px;

}



.services-section a:not(.button) {

  padding: 5px;

}



.services-section a:not(.button):hover {

  opacity: 0.5;

}



.services-section .services-detail {

  border-radius: 4px;

/*  border-bottom-right-radius: 20%;*/

  background-color: #111;

  box-shadow: 0px 1px 2px 0px rgba(0,0,0, 0.15);

  transition: all 0.3s ease-in-out;

  position: relative;

  top: 0px;

  padding: 60px 40px 60px 40px;

  margin-top: 32px;
  z-index: 1;
    overflow: hidden;

}



.services-section .services-detail:hover {

/*  border-bottom-right-radius: 4px;*/

  box-shadow: 0px 16px 22px 0px rgba(0,0,0, 0.3);

/*  top: -5px;*/

}



.services-section .services-detail .fa {

  font-size: 22px;

}



a.link:hover{
    color: #cdced8;
}



/* Call to Action */



.call-to-action {

}



.call-to-action h2 {

	font-size: 30px;

	

}



/* Gallery */



.gal-container{

	padding: 12px;

}

.gal-item{

	overflow: hidden;

	padding: 3px;

}

.gal-item .box{

	height: 350px;

	overflow: hidden;

}

.box img{

	height: 100%;

	width: 100%;

	object-fit:cover;

	-o-object-fit:cover;

}

.gal-item a:focus{

	outline: none;

}

.gal-item a:after{

	opacity: 0;

	background-color: rgba(0, 0, 0, 0.75);

	position: absolute;

	right: 3px;

	left: 3px;

	top: 3px;

	bottom: 3px;

	text-align: center;

    line-height: 350px;

    font-size: 12px;

    color: #fff;

    -webkit-transition: all 0.5s ease-in-out 0s;

    -moz-transition: all 0.5s ease-in-out 0s;

    transition: all 0.5s ease-in-out 0s;

}



.gal-item a:after{

	content: "Credits";

}



.gal-item.mgo a:after{

	content: "Photographer: Marielle Groot Obbink";

}



.gal-item.pp a:after{

	content: "Photographer: Philip Paleewong";

}



.gal-item.cp a:after{

	content: "Photographer: Chris Puivert";

}



.gal-item.cdb a:after{

	content: "Photographer: Cliff de Booy";

}



.gal-item.rez a:after{

	content: "Photographer: REZIEN";

}



.gal-item.un a:after{

	content: "Photographer: Michi | UnArt TV";

}



.gal-item.vz a:after{

	content: "Photographer: Valeria Strazzeri";

}



.gal-item.ch a:after{

	content: "Photographer: Coen Halmans";

}



.gal-item.mg a:after{

	content: "Photographer: Mark de Groot";

}



.gal-item.ej a:after{

	content: "Photographer: Erik Jansen";

}



.gal-item.ork a:after{

	content: "Photographer: Ork de Rooij";

}



.gal-item a:hover:after{

	opacity: 1;

}

.modal-open .gal-container .modal{

	background-color: rgba(0,0,0,0.4);

}

.modal-open .gal-item .modal-body{

	padding: 0px;

}

.modal-open .gal-item button.close{

    position: absolute;

    width: 25px;

    height: 25px;

    background-color: #000;

    opacity: 1;

    color: #fff;

    z-index: 999;

    right: -12px;

    top: -12px;

    border-radius: 50%;

    font-size: 15px;

    border: 2px solid #fff;

    line-height: 25px;

    -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);

	box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);

}

.modal-open .gal-item button.close:focus{

	outline: none;

}

.modal-open .gal-item button.close span{

	position: relative;

	top: -3px;

	font-weight: lighter;

	text-shadow:none;

}

.gal-container .modal-dialogue{

	width: 80%;

}

.gal-container .description{

	position: relative;

	height: 40px;

	top: -40px;

	padding: 10px 25px;

	background-color: rgba(0,0,0,0.5);

	color: #fff;

	text-align: left;

}

.gal-container .description h4{

	margin:0px;

	font-size: 15px;

	font-weight: 300;

	line-height: 20px;

}

.gal-container .modal.fade .modal-dialog {

    -webkit-transform: scale(0.1);

    -moz-transform: scale(0.1);

    -ms-transform: scale(0.1);

    transform: scale(0.1);

    top: 100px;

    opacity: 0;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

}



.gal-container .modal.fade.in .modal-dialog {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-transform: translate3d(0, -100px, 0);

    transform: translate3d(0, -100px, 0);

    opacity: 1;

}
.testimonials-text{
    position: absolute;
    bottom: 0;
    z-index: 1;
    right: 30px;
/*    text-shadow: 1px 1px 19px #000;*/
}
@media (min-width: 768px) {

.testimonials-text{
   /* position: relative;
    bottom: unset;
    z-index: 1;
    right: unset;
    padding-top:40px;*/
    bottom: 60px;
    right:60px;
}

.testimonial-word .img-c {
    left:100px;
    right: unset;
}
.logo .logo-img-c img {
    top:-8px;
}
.gal-container .modal-dialog {

    width: 55%;

    margin: 50 auto;

}

.nomob{
  display: block !important;
}
.nomob-span{
    display: inline-block !important;
}

}

@media (max-width: 768px) {

    .gal-container .modal-content{

        height:250px;

    }

}





/* Contact Us */



.contact-us {

	background-color: #f9f9f9;

}

.contact-us-detail {

}



.contact-us-detail i {

	font-size: 30px;

    margin-bottom: 10px;

    background-color: #fff;

    border-radius: 50%;

    box-shadow: 0px 1px 2px 0px rgba(0,0,0, 0.15);

	transition: all 0.3s ease-in-out;

    width: 88px;

    height: 88px;

    line-height: 88px;

}



.contact-us-detail:hover i {

	box-shadow: 0px 8px 15px 0px rgba(0,0,0, 0.33);

    margin-top: -5px;

}



.contact-us-detail a {

	color: #333;

}



.contact-us-detail a:hover {

	color: #333;

}



.form-group {

	margin-bottom: 25px;

}



.form-control {

	border: 2px solid transparent;

	height: 50px;

	border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px;

	-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);

	   -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);

	    -ms-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);

		 -o-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);

			box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);

	-webkit-transition:all 150ms ease-in-out 0s;

	   -moz-transition:all 150ms ease-in-out 0s;

	    -ms-transition:all 150ms ease-in-out 0s;

	     -o-transition:all 150ms ease-in-out 0s;

		    transition:all 150ms ease-in-out 0s;
    font-size: 16px;
}

.form-control:focus {

	border-color: #171717;

	-webkit-box-shadow: none;

	   -moz-box-shadow: none;

	    -ms-box-shadow: none;

		 -o-box-shadow: none;

			box-shadow: none;

}



.form-control:focus {

	border-color: #e1ad3e;

	border-width: 2px;

}



.map {

    width: 100%;

    height: 340px;

    border: 1px solid #e1ad3e;

}







/* Social Icons */



.social-icon {

  list-style: none;

  padding-left: 0;

  margin: 0;

  text-align: center;

}



.social-icon:before,

.social-icon:after {

  content: " ";

  display: table;

}



.social-icon:after {

  clear: both;

}



.social-icon li {

  display: inline-block;

  margin: 0px 4px;

}



.social-icon li a {

  display: block;

  width: 60px;

  height: 60px;

  line-height: 60px;

  color: #111;

  text-align: center;

  border: 0 none;

  border-radius: 4px;

  font-size: 30px;

  box-shadow: 0px 1px 2px 0px rgba(0,0,0, 0.15);

  transition: all 0.3s ease-in-out;

}



.social-icon li a:hover {
    color:#e1ad3e;
   box-shadow: 0px 8px 15px 0px rgba(0,0,0, 0.33);

}



.social-icon li a .fa {

  line-height: inherit;

}



.facebook, .icon-background {

   background-color: #e1ad3e;

}
.facebook:hover, .icon-background:hover {

    background:#fff;

}



.twitter {

   background-color: #e1ad3e;

}



.google-plus {

   background-color: #dd4b39;

}



.instagram {

   background-color: #e1ad3e;

}



.linkedin {

   background-color: #0077b5;

}



.pinterest {

   background-color: #bd081c;

}



.youtube {

   background-color: #cd201f;

}



.vimeo {

   background-color: #1ab7ea;

}



.dribbble {

   background-color: #ea4c89;

}



.behance {

   background-color: #1769ff;

}



.flickr {

   background-color: #ff0084;

}



.tumblr {

   background-color: #35465c;

}



.foursquare {

   background-color: #f94877;

}



.github {

   background-color: #333333;

}



.skype {

   background-color: #00aff0;

}







/* Footer */



.footer-section {

    background: #000;

    padding: 80px 0px;

    color: #f8f8f8;

}



.footer-section p {

    font-size: 14px;

}



.footer-section a {

    color: #e1ad3e;

}


.footer-section a:hover {

    color: #fff

}



.footer-section img {

    width: 60px;
    margin-bottom: 20px;

}







/* Responsive */



@media only screen and (min-width: 767px) and (max-width: 991px) {

    .navigation-menu .navbar-nav li a {

        padding: 30px 11px;

        font-size: 12px;

    }

    .navigation-background .navigation-menu .navbar-nav li a {

        padding: 30px 11px;

        font-size: 12px;

    }

	.navigation-background .logo {

		padding-top: 28px;

	}

}





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

    .about-section img {

        position: inherit;

     }

	 

     .call-to-action h2 {

        font-size: 20px;

	 }

	 

     .space-set {

        margin-top: 80px;

	 }

	 

     .footer-section p {

         text-align: center !important;

     }

}





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

    .navbar-toggle .icon-bar {

        background: #f8f8f8;

    }

    .navigation-background .navbar-toggle .icon-bar {

        background: #fff;

    }

    .navbar-toggle {

        margin-right: 0px;

        margin-top: -30px;

    }

    .navbar {

        min-height: 0px;

    }

    .navigation-menu .navbar-nav li a {

        padding: 11px 15px;

    }

    .navigation-menu .navbar-nav li a:hover {

        color: #e1ad3e;

    }

    .navigation-background .navigation-menu .navbar-nav li a:hover {

        color: #e1ad3e;

    }

    .navigation-background .navigation-menu .navbar-nav li a {

        padding: 11px 15px;

    }

    .navbar-fixed-bottom .navbar-collapse,

    .navbar-fixed-top .navbar-collapse {

        max-height: 420px;

    }

    .navbar-toggle {

        margin-top: -30px;

    }

    .navbar-collapse {

        background: rgba(0, 0, 0, .9);

    }

    .navigation-background .navbar-collapse {

        background: rgba(0, 0, 0, .9);

    }

    .home-section-background {

        padding-top: 120px;

    }

    .home-section-background h2 {

        font-size: 22px;

    }

    .section-title h2 {

        font-size: 22px;

    }

    .testimonial-word {

        padding: 0;

    }

    .testimonial-carousel-list {

        margin-top: 0px;

    }

    .statistics-center {

        margin-left: 20%;

	}

    .call-to-action h2 {

        font-size: 18px;

        line-height: 35px;

	}

    .contact-us-detail {

        margin-bottom: 30px;

    }

}





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

	.social-icon li a {

         width: 40px;

         height: 40px;

         line-height: 40px;

         font-size: 20px;

      }

	  

     .section-title h2 {

         font-size: 16px;

       }

	   

      .section-title h2 {

         font-weight: 500;

         width: 200px;

     }

	 

      .section-title p {

         font-weight: 300;

         font-size: 12px;

      }

	  

     .home-section-background h2 {

         font-size: 18px;

      }

	  

     .home-section-background p {

         font-size: 12px;

      }

}





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

     .button {

          padding: 15px 30px;

          font-weight: 600;

/*          font-size: 10px;*/

	  }

	  

     .button-style:before {

          display: none;

	   }

	

}







/* Scroll To Top */



.scroll-to-top {

    background-color: #e1ad3e;

    display: none;

    width: 50px;

    height: 50px;

    font-size: 25px;

    line-height: 50px;

    text-align: center;

    color: #fff;

    position: fixed;

    right: 0px;

    bottom: 50px;

    z-index: 999;

}
.scroll-to-top.has-cart{
    bottom: 79px;
}



.scroll-to-top:hover,

.scroll-to-top:focus {

    background-color: #ffffff;

    color: #e1ad3e;

}







/* Useful Classes */





/* Spacing ( with Margin and Padding ) */



/* Margin */

.very-small{
    font-size: 90%;
}

.margin-0 {

	margin: 0px !important;

}



/* Margin Top */



.margin-top-0 {

	margin-top: 0px !important;

}



.margin-top-10 {

	margin-top: 10px !important;

}



.margin-top-20 {

	margin-top: 20px !important;

}



.margin-top-30 {

	margin-top: 30px !important;

}



.margin-top-40 {

	margin-top: 40px !important;

}



.margin-top-50 {

	margin-top: 50px !important;

}



.margin-top-60 {

	margin-top: 60px !important;

}



.margin-top-70 {

	margin-top: 70px !important;

}



.margin-top-80 {

	margin-top: 80px !important;

}



.margin-top-90 {

	margin-top: 90px !important;

}



.margin-top-100 {

	margin-top: 100px !important;

}



.margin-top-120 {

	margin-top: 120px !important;

}



.margin-top-150 {

	margin-top: 150px !important;

}



.margin-top-200 {

	margin-top: 200px !important;

}





/* Margin Bottom */



.margin-bottom-0 {

	margin-bottom: 0px !important;

}



.margin-bottom-10 {

	margin-bottom: 10px !important;

}



.margin-bottom-20 {

	margin-bottom: 20px !important;

}



.margin-bottom-30 {

	margin-bottom: 30px !important;

}



.margin-bottom-40 {

	margin-bottom: 40px !important;

}



.margin-bottom-50 {

	margin-bottom: 50px !important;

}



.margin-bottom-60 {

	margin-bottom: 60px !important;

}



.margin-bottom-70 {

	margin-bottom: 70px !important;

}



.margin-bottom-80 {

	margin-bottom: 80px !important;

}



.margin-bottom-90 {

	margin-bottom: 90px !important;

}



.margin-bottom-100 {

	margin-bottom: 100px !important;

}



.margin-bottom-120 {

	margin-bottom: 120px !important;

}



.margin-bottom-150 {

	margin-bottom: 150px !important;

}



.margin-bottom-200 {

	margin-bottom: 200px !important;

}







/* Padding */



.padding-0 {

	padding: 0px !important;

}


.padding-right-0 {

    padding-right: 0px !important;

}



.padding-right-10 {

    padding-right: 10px !important;

}



.padding-right-20 {

    padding-right: 20px !important;

}


.padding-left-0 {

    padding-left: 0px !important;

}



.padding-left-10 {

    padding-left: 10px !important;

}



.padding-left-20 {

    padding-left: 20px !important;

}



/* Padding Top */



.padding-top-0 {

	padding-top: 0px !important;

}



.padding-top-10 {

	padding-top: 10px !important;

}



.padding-top-20 {

	padding-top: 20px !important;

}



.padding-top-30 {

	padding-top: 30px !important;

}



.padding-top-40 {

	padding-top: 40px !important;

}



.padding-top-50 {

	padding-top: 50px !important;

}



.padding-top-60 {

	padding-top: 60px !important;

}



.padding-top-70 {

	padding-top: 70px !important;

}



.padding-top-80 {

	padding-top: 80px !important;

}



.padding-top-90 {

	padding-top: 90px !important;

}



.padding-top-100 {

	padding-top: 100px !important;

}



.padding-top-120 {

	padding-top: 120px !important;

}



.padding-top-150 {

	padding-top: 150px !important;

}



.padding-top-200 {

	padding-top: 200px !important;

}





/* Padding Bottom */



.padding-bottom-0 {

	padding-bottom: 0px !important;

}



.padding-bottom-10 {

	padding-bottom: 10px !important;

}



.padding-bottom-20 {

	padding-bottom: 20px !important;

}



.padding-bottom-30 {

	padding-bottom: 30px !important;

}



.padding-bottom-40 {

	padding-bottom: 40px !important;

}



.padding-bottom-50 {

	padding-bottom: 50px !important;

}



.padding-bottom-60 {

	padding-bottom: 60px !important;

}



.padding-bottom-70 {

	padding-bottom: 70px !important;

}



.padding-bottom-80 {

	padding-bottom: 80px !important;

}



.padding-bottom-90 {

	padding-bottom: 90px !important;

}



.padding-bottom-100 {

	padding-bottom: 100px !important;

}



.padding-bottom-120 {

	padding-bottom: 120px !important;

}



.padding-bottom-150 {

	padding-bottom: 150px !important;

}



.padding-bottom-200 {

	padding-bottom: 200px !important;

}







/* Colors */



.color-1 {

	color: #f306a0;

}



.color-2 {

	color: #d60bfb;

}



.color-3 {

	color: #d8be10;

}



.color-4 {

	color: #0fd28a;

}



.color-5 {

	color: #f97400;

}



.color-6 {

	color: #e1ad3e;

}







/* Background Color */



.bg-color-1 {

	background-color: #f306a0;

}



.bg-color-2 {

	background-color: #d60bfb;

}



.bg-color-3 {

	background-color: #d8be10;

}



.bg-color-4 {

	background-color: #0fd28a;

}



.bg-color-5 {

	background-color: #f97400;

}



.bg-color-6 {

	background-color: #08a6f3;

}







/* UiPasta Credit */



.uipasta-credit {

}



.uipasta-credit a {

    color: #e1ad3e;

    font-weight: 600;

}



.uipasta-credit a:hover {

    color: #ffffff;

}

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

.margin-top{
  margin-top: 8rem;
}

.loaded .navigation-background .menu-active::after, .navigation-background .navbar li:not(.icon-only) a:hover::after{
  content: '';
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  width: .5rem;
  background: #e1ad3e;
  transition: .25s ease;
  animation: menuAppearY .25s ease forwards;
  transform: scaleY( 0 );
}

.popup-container{
  background: rgb( 0, 0, 0 );
  color: rgb( 255, 255, 255 );
  position: fixed;
  z-index: 1000;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 3rem 0;
  transition: .25s ease;
  transform: translateY( 100% );
  font-size: 1.25rem;
}
.popup.container{
  display: flex;
  flex-direction: column;
  text-align: center;

}
.cookie-buttons{
    display: flex;
    flex-direction: column;
}
.popup-container.show{
  transform: translateY( 0 );
}

.flex{
  display: flex;
}

.flex-align{
  align-items: center;
}

.inline-block{
  display: inline-block;
}
.image-span-cont{
    padding-bottom: 100%;
    background: #e1ad3e;
    position: relative;
}

.image-span{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center center;
}
.loading-container{
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex !important;
    align-items: center;
    right: 1rem;
}
.fa-spinner{
  animation: spin 3s linear infinite;
}
.error{
    position: absolute;
    z-index: 2;
    top: 5rem;
    left: -.5rem;
    background: #e1ad3e;
    padding: 1rem;
    font-size: 1.25rem;
    width: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: -ms-fit-content;
    margin-top: 1rem;
    color: rgb( 255, 255, 255 );
}
.fit-content{

    width: fit-content;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: -ms-fit-content;
}
.error::after{
  content: '';
  position: absolute;
  top: -.5rem;
  left: 4rem;
  z-index: 3;
  border-right: .5rem solid transparent;
  border-bottom: .5rem solid #e1ad3e;
  border-left: .5rem solid transparent;
}
.relative{
  position: relative;
}
.center{
  text-align: center;
}

.upload-results div{
  display: flex;
  flex-direction: column;
  margin-bottom: 1em;
}
.load-content-container{
  position: relative;
  display: flex;
  flex-direction: column;
}
.load-content, .js-load-content{
  position: absolute;
  z-index: 2;
  bottom: -5rem;
  left: -.5rem;
  font-size: 1.5rem;
  padding: .5em;
  cursor: pointer;
}
.upload-checkbox{
  grid-column-start: 2;
  grid-column-end: 3;
  margin-top: 1.5em;
}
.upload-files-label{
  margin-top: .75em;
  align-self: flex-start;
}
.upload-fields{
  display: grid;
  grid-template-columns: repeat( auto-fill, minmax( 13.5rem, 1fr ) );
  grid-gap: 1rem;
  width: 100%;
  position: relative;
}
.upload-input-cont{
  position: relative;
  width: 100%;
  padding-bottom: 100%;
}
.upload-input, .upload-input::-webkit-file-upload-button{
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  border: 0;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  transition: .25s ease;
    border: 1px solid rgb( 180, 180, 180 );
    border-radius: 0;
}

.upload-input::after{
  content: attr( data-descr );
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #e1ad3e;
    border-radius: 0;
    padding: 2em;
}
.upload-input:hover{
  filter: drop-shadow( 0 0 .25rem rgba( 30, 30, 30, .25 ) );
}
.upload-input:active{
  filter: drop-shadow( 0 0 .325rem rgba( 30, 30, 30, .5 ) );
}
.upload-icon{
    position: absolute;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events:none;
    transition: .25s ease;
}
.upload-icon div{
    font-family: 'IM Fell English SC', serif;
    font-size: 1rem;
    transition: .25s ease;
}
.upload-icon i{
  margin-bottom: .5em;
  transition: .25s ease;
}
.upload-icon i::before{
  font-size: 3rem;
  color: rgb( 255, 255, 255 );
  transition: .125s ease;
}
.upload-icon span{
  font-size: 1rem;
  color: rgb( 255, 255, 255 );
}
.active > .upload-icon{
    margin: 1em;
    border: .125em dashed rgb( 210, 210, 210 );
}
.active .upload-icon i::before{
  font-size: 2.5em;
}
.upload-error{
  border: 1px solid crimson;
  border-radius: 0
}
.upload-error::after{
  background: crimson;
}
.breadcrumbs{
  list-style-type: none; 
}
.breadcrumbs li{
  display: inline-block;
  font-size: 1.25rem;
  color: rgb( 180, 180, 180 );
}
.breadcrumbs li a {
  color: rgb( 180, 180, 180 );
}
.breadcrumbs li a:hover{
    color:#e1ad3e;
}
.breadcrumbs li ~ li::before {
  content: ' > ';
}
.images-list{
  display: grid;
  grid-template-columns: repeat( auto-fill, minmax( 22.5rem, 1fr ) );
  grid-gap: 1rem;
}
.image-row{
    border: 1px solid #e1ad3e;
    padding: 1.5rem;
    border-radius: 1.5rem;
    display: flex;
    flex-direction: column;
}
.flex-grow{
  flex-grow: 1;
}
input[type = "checkbox" ]{
  display: none;
}
input[type = "checkbox" ] + label{
  margin-left: 3.5rem;
  position: relative;
  cursor: pointer;
}
input[type = "checkbox" ] + label::before{
  content: '';
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  left: -3.5rem;
  top: -.25rem;

  border: 2px solid #fff;

  border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px;

  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);

     -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);

      -ms-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);

     -o-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);

      box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);

  -webkit-transition:all 150ms ease-in-out 0s;

     -moz-transition:all 150ms ease-in-out 0s;

      -ms-transition:all 150ms ease-in-out 0s;

       -o-transition:all 150ms ease-in-out 0s;

        transition:all 150ms ease-in-out 0s;

}
input[type = "checkbox" ] + label:hover::before{

  border-color: rgb( 159, 160, 181, .5 );

  -webkit-box-shadow: none;

     -moz-box-shadow: none;

      -ms-box-shadow: none;

     -o-box-shadow: none;

      box-shadow: none;
}
input[type = "checkbox" ] + label::after{
  content: '';
  position: absolute;
  top: -0.05rem;
  left: -2.8rem;
  border-right: 3px solid #e1ad3e;
  border-bottom: 3px solid #e1ad3e;
  width: 1.125rem;
  height: 1.5rem;
  transform: rotate( 45deg );
  opacity: 0;
  transition: .125s ease;
}

input[type = "checkbox" ] + label:active::before{
  background: rgb( 159, 160, 181, .5 );
}
input[type = "checkbox" ] + label:hover::after{
  opacity: .75; 
}
input[type = "checkbox" ]:checked + label::after{
  opacity: 1; 
}
input[type = "checkbox" ]:checked + label::before{
  border-color: #e1ad3e;

  -webkit-box-shadow: none;

     -moz-box-shadow: none;

      -ms-box-shadow: none;

     -o-box-shadow: none;

      box-shadow: none;
}
textarea{
  resize: vertical;
  min-height: 8rem;
}
.card-content{
  padding: 1rem;
}
.card{
    padding: 1.5rem;
    border-radius: 1.5rem;
    display: flex;
    flex-direction: column;
    box-shadow: 0px 8px 11px 0px rgba(0,0,0, 0.15);
}
.concerts-grid{
  display: grid;
  grid-template-columns: repeat( auto-fill, minmax( 30rem, 1fr ) );
  grid-gap: 2rem;
}
.grey{
  color: rgb( 180, 180, 180 );
}
.clickable{
  cursor: pointer;
}
.image_select_modal{
  display: none;
  content: '';
  position: fixed;
  z-index: 10000;
  top: 2rem;
  left: 2rem;
  right: 2rem;
  bottom: 2rem;
  background: rgb( 255, 255, 255 );
    box-shadow: 0px 8px 11px 0px rgba(0,0,0, 0.15);
}
.image_select_header{
  width: 100%;
  background: rgb( 0, 0, 0 );
  color: rgb( 255, 255, 255 );
  font-weight: 700;
  padding: .5rem;
}
.close_image_select{
  position: absolute;
  top: 0;
  right: 0;
  padding: .5rem 1rem;
  color: rgb( 255, 255, 255 );
  cursor: pointer;
}
.image_select_modal_inner{
  max-height: calc( 100vh - 7.5rem );
  overflow-y: auto;
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat( auto-fill, minmax( 10rem, 1fr ) );
}
body.no-scroll{
  overflow: hidden;
}
.image_option{
  padding-bottom: 100%;
  position: relative;
  box-shadow: 0px 4px 8px -2px rgba(0,0,0, 0.15)
}
.image_option > div{
  background-size: cover;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.toggle{
  display: none;
}
.discography_links_container{
  display: grid;
  grid-template-columns: min-content 1fr;
  grid-gap: 1rem;
  align-items: center;
  position: absolute;
  padding: 1rem;
  background: #000;
  z-index: 100;
    box-shadow: 0px 8px 11px 0px rgba(0,0,0, 0.33);
}
.photographer-label{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgb( 0, 0, 0 );
  color: rgb( 255, 255, 255 );
  margin: 0 15px;
  font-size: 1rem;
}
.right{
  text-align: right;
}

.sd_parts::before{
  content: attr( data-mb );
}
.sd_parts::after{
  content: attr( data-dm );
}
.sd_parts:hover{
    color:#e1ad3e;
}

.shop-buttons{
    margin: 1rem 0 2rem;
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-gap: 1rem;
}
.shop-buttons .button:last-child{
    width: 100%;
}
.shop-price-header{
    padding-right: 7rem;
}
.shop-price{
    position: absolute;
    top: 2rem;
    right: 1rem;
    font-size: 4rem;
    font-weight: 900;
    color: #e1ad3e;
}
#product_page .shop-price{
    position: relative;
    right: unset;
    top: unset;
}
.shop-price .decimal{;
    font-size: 1.5rem;
    vertical-align: text-top;
}
.price-append{
    font-size: 1.5rem;
}
#product_page .shop-price .decimal{
    font-size: 2rem;
}
.ml-auto{
    margin-left: auto;
}
.mh-0{
    margin-left: 0;
    margin-right: 0;
}

.m-auto{
    margin-right: auto;
    margin-left: auto;
}
.mb-2{
    margin-bottom: 2rem;
}
.mb-3{
    margin-bottom: 3rem;
}
.mb-4{
    margin-bottom: 4rem;
}
.product-page-title{
    margin-bottom: 3rem;
}
.product-page-image{
    margin-bottom: 3rem;
}
#cart_page{
    min-height: 100vh;
}
/*#cart_page,*/
#shop_page{
   background-color: #080808;
}
#add-to-card-float{
    position: fixed;
    top: 70px;
    left: 50vw;
    transform: translateX( -50% );
    z-index: 100;
    width: 750px;
    max-width: 100vw;
    margin: 0 auto;
}

.product-detail {
    display: block;
  border-radius: 4px;

/*  border-bottom-right-radius: 20%;*/

  background-color: #111;

  box-shadow: 0px 1px 2px 0px rgba(0,0,0, 0.15);

  transition: all 0.3s ease-in-out;

  position: relative;

  top: 0px;

  padding: 30px 25px 30px 25px;

  margin-top: 32px;

}
.product-detail[data-href]{

    cursor: pointer;
}

.width-100{
    width: 100%;
}

.product-detail:hover {

  border-bottom-right-radius: 4px;

  box-shadow: 0px 16px 22px 0px rgba(0,0,0, 0.3);

  top: -5px;

}
#add-to-card-float button{
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 101;
}

.popups{
    position: fixed;
    background: rgba( 30, 30, 30, 0 );
    z-index: 10000;
    top: 0;
    left: 0;
    right: 0;
    bottom: -3rem;
    padding-bottom: 3rem;
    pointer-events: none;
    transition: .25s ease;
    display: flex;
    align-items: center;
    flex-direction: column;
    overflow-y: auto;
}
.popups.active{
    pointer-events: unset;
    background: rgba( 30, 30, 30, .25 );
}
.popup{
    position: relative;
    background: #000;
    box-shadow: 0 0 .25rem 0 rgba( 30, 30, 30, .5 );
    padding: 30px 20px 20px 20px;
    width: 500px;
    max-width: 100vw;
    border-radius: 5px;
    user-select: none;
}

@media (min-width:500px){
    .popup{
        margin: 2rem 1rem;    
        max-width: calc( 100vw - 2rem );    
    }
}
.popup + .popup.modal{
    display: none;
}
.popup.modal{
    width: unset;
    cursor: unset;
    user-select: unset;
}
.popup::before{
    position: absolute;
}
.popup ~ .popup {
    display: none;
}
.popup .close-x{
    background: unset;
    position: absolute;
    top: 0;
    right: 0;
    width: 6.5rem;
    cursor: pointer;
    height: 6.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup .popup-title{
    padding-right: 4.5rem;
}
.popup .close-x i::before{
    font-size: 3rem;
}
.popup h1{
    padding-right: 5rem;
}
.mob-margin-bottom-30{
    margin-bottom: 30px;
}
.margin-left-10{
    margin-left: 10px;
}
.margin-right-10{
    margin-right: 10px !important;
}
.variants-grid{
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-gap: 20px;
    align-items: center;
}
a.mbr-black {
    color: #000;
}
.primary{
    color: #e1ad3e;
}
.ch45{
    max-width: 45ch;
}
.ch60{
    max-width: 60ch;
}
.ch75{
    max-width: 75ch;
}
.checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #e1ad3e;
    fill: none;
    animation: stroke 0.6s cubic-bezier( 0.65, 0, 0.45, 1 ) 1s forwards;
}
.checkmark {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: inline-block;
    stroke-width: 2;
    stroke: #fff;
    stroke-miterlimit: 10;
    box-shadow: inset 0px 0px 0px #e1ad3e;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both; 
}
.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) .8s forwards;
}
.checkmark-input-grid{
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-gap: 1rem;
    align-items: center;
}
.success-title-grid{
    display: grid;
    grid-template-columns: max-content 1fr;
    align-items: center;
    grid-gap: 2rem;
}
#cart_overview{
    position: fixed;
    z-index: 100;
    background: rgb(0,0,0);
    bottom: 0;
    left: 0;
    right: 0;
    height: 79px;
    color: rgb(255,255,255);
    transition: .5s ease;
}

#cart_overview .header{
    height: 79px;
    padding-top: 13px;
}
#cart_overview.checking-out{
    height: 100%;
}
#cart_overview.checking-out .checkout-field{ 
    background: #080808;
    height: calc( 100% - 79px );
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    color: #fff;
}
.total-text{
    font-size: 2rem;
}
.cart-bottom-grid{
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-gap: 2rem;
    align-items: center;
}
.align-right{
    text-align: right;
}
.checkout-image-grid{
    display: grid;
    grid-template-columns: 10rem 1fr;
    grid-gap: 2rem;
}
.cart-checkout-image-grid{
    margin-bottom: 2rem;
}
.cart-checkout-input{
    margin-bottom: 1rem;
}
#checkout_cart_button{
    padding: 15px 20px;
}
.border-bottom{
    border-bottom: 1px solid #ddd;
}
header.in-checkout .header-top-area{ 
    transform: translateY( -100% );
}
.cart-bottom-grid-text{
    position: relative;
    height: 100%;
}
.payment_methods{
    background: rgb(0,0,0);
    position: absolute;
    top: 0;
    opacity: 0;
    left: 0;
    user-select: none;
}
.cart-totals{
    background: rgb(0,0,0);
    position: absolute;
    top: 0;
    left: 0;
    user-select: none;
}
.checking-out .payment_methods{
    animation: paymentMethods 20s linear infinite;
}
.checking-out .cart-totals{
    animation: cartTotals 20s linear infinite;
}
.masonry__grid{
    padding: 0 20px;
}
.grid-sizer,
.masonry__item{
    width: calc( 100% - 40px );
}
.stock-error{
    background: #eee;
    border-color: #ccc;
}
.table-container{
    white-space: nowrap;
    overflow: auto;
    max-width: calc( 100vw - 60px );
}
.table-container .table>tbody>tr>td{
    vertical-align: middle;
}
.muuri__items-products{
    position: relative;
    background:#fff;
}
.muuri__items-container{
    position: relative;
    background:#ccc;
}
.muuri__items-container .muuri__grid{
    min-height: 100px;

}
.muuri__item {
  display: block;
  position: absolute;
  margin: 3px;
  z-index: 1;
}
.muuri__item.muuri-item-dragging {
  z-index: 3;
}
.muuri__item.muuri-item-releasing {
  z-index: 2;
}
.muuri__item.muuri-item-hidden {
  z-index: 0;
}
.muuri__item-content {
  position: relative;
  width: 100%;
  height: 100%;
}
.inactive-product{
    background: #222;
}
.muuri__items-variants,
#reorder_products_grid{
    position: relative;
}
#categories_grid .muuri__item,
#variants_grid .muuri__item,
#reorder_products_grid .muuri__item{
    margin: 0;
}
.m__draggable{
    cursor: grab;
}
.m__draggable:active{
    cursor: grabbing;
}
.reorder-product-row{
    width: calc( 100vw - 30px );
    background: #111;
    margin: 0;
    cursor: grab;
}
.reorder-product-row:active{
    cursor: grabbing;
}
.variants-stock-grid{
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-gap: 2rem;
    align-items: center;
}
.variants-stock-grid label{
    margin-bottom: 0;
}
.variant-grid-row{
    width: calc( 500px - 40px );
    max-width: calc( 100vw - 40px - 2rem );
    background: #111;
    padding: 10px;
}
.variant-grid-row-inner{
    display: grid;
    align-items: center;
    grid-template-columns: 1fr max-content;
    grid-gap: 1rem;
}
.remove-variant-button{
    cursor: pointer;
    padding: 1.5rem;
}

.remove-variant-button:hover{
    color: #e1ad3e;
}
.m__draggable{
    position: relative;
}
.m__draggable::before{
    content: '';
    position: absolute;
    z-index: 2;
    inset: 0;
    background: transparent;
}
.no-events{
    pointer-events: none;
}
.error-border{
    border: 1px solid red;
}
.dark-grey{
    color: #333;
}
.hero-image{
    /*position: absolute;
    z-index: 0;
    left:0;
    right: 0;
    bottom:0;*/
}
.hero-image-vignette{
    max-width: 1100px;
    margin:0 auto;
    position: relative;
}
.hero-image img{
    width: 100%;
    max-width: 300px;
      -webkit-filter:  drop-shadow(0px 0px 10px #000);
    filter:  drop-shadow(0px 0px 10px #000);

}
.hero-image::after{
    position: absolute;
    z-index: 1;
    bottom:0;
    left:0;
    right: 0;
    height: 6rem;
    content:'';
    background:linear-gradient(to bottom, transparent, #0000007d);
}
.hero-logo-container{
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-100%);
}
.future-concerts-button{
    display: block;
    position: absolute;
    bottom:0;
    left:0;
    right:0;
}
.services-detail.has-button{
    padding-bottom: 44px;
}
@keyframes cartTotals{
    0%,
    45%,
    100%{
        opacity: 1;
    } 
    50%,95% {
        opacity: 0;
    }
}
@keyframes paymentMethods{
    0%,
    45%,
    100%{
        opacity: 0;
    } 
    50%,95% {
        opacity: 1;
    }
}
@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #e1ad3e;
    }
}
@keyframes menuAppearY{
  from{
    transform: scaleY( 0 );
  } to {
    transform: scaleY( 1 );
  }
}
@keyframes menuAppearX{
  from{
    transform: scaleX( 0 );
  } to {
    transform: scaleX( 1 );
  }
}
@keyframes spin{
  from{
    transform: rotate( 0deg )
  } to {
    transform: rotate( 360deg )
  }
}

@media (min-width: 450px) {

    #cart_overview .header{
        padding-top: 18px;
    }
    #checkout_cart_button{
        padding: 10px 30px;
    }
}
@media (min-width: 768px) {
    .home-section{
        height: 100%;
        max-height: 600px;
    }
    .hero-image{
        position: absolute;
        z-index: 0;
        left:0;
        right: 0;
        bottom:0;
        max-height: 100%;
        overflow: hidden;
        text-align: center;
        padding-bottom: 25px;

    }
    .hero-logo-container{

        top: 0;
        transform: unset;
        position: relative;
        padding-top: 100px;
    }
    .reorder-product-row{
        width: calc( 750px - 30px );
    }
    .masonry__grid{
        padding: 0 0;
    }
    .grid-sizer,
    .masonry__item{
        width: calc( 50% - 15px );
    }
    .scroll-to-top.has-cart{
        bottom: 79px;
    }

    .cookie-buttons{
        flex-direction: row;
    }
    .mob-margin-bottom-30{
        margin-bottom: unset;
    }
    .nodesktop{
        display: none !important;
    }
  .popup.container{
    display: grid;
    grid-template-columns: 1fr 1fr; 
  }

  .desktop-colspan{
    grid-column-start: 1;
    grid-column-end: 3;
  }

  .desktop-flex{
    display: flex;
  }

  .desktop-right{
    text-align: right;
  }

  .desktop-left{
    text-align: left;
  }

  .loaded .navigation-background .menu-active::after, .navigation-background .navbar li:not(.icon-only) a:hover::after{
    bottom: -1px;
    left: 0;
    right: 0;
    top: unset;
    width: unset;
    height: .5rem;
    transform: scaleX( 0 );
    animation: menuAppearX .25s ease forwards;
  }
  .product-page-title{
    display: grid;
    grid-template-columns: 1fr max-content;
    grid-gap: 2rem;
    margin-bottom: 0;
  }
    #add-to-card-float{
        top: 115px;
        right: 15px;
    }

    .desktop-align-right{
        text-align: right;
    }
}


@media (min-width: 992px) {

    .home-section{
        max-height: 800px;
    }
    .grid-sizer,
    .masonry__item{
        width: calc( 33.334% - 30px );
    }
    #add-to-card-float{
        width: 970px;   
    }
    #add-to-card-float{
        top: 100px;
    }
        
    .reorder-product-row{
        width: calc( 970px - 30px );
    }
      .large-desktop-flex{
        display: flex;
      }

    .hero-image-vignette::after{
        position: absolute;
        z-index: 1;
        bottom:0;
        top:0;
        right: 0;
        width: 6rem;
        content:'';
        background:linear-gradient(to right, transparent, #000);
    }
    .hero-image-vignette::before{
        position: absolute;
        z-index: 1;
        bottom:0;
        top:0;
        left: 0;
        width: 6rem;
        content:'';
        background:linear-gradient(to left, transparent, #000);
    }

}

@media (min-width: 1200px) {

    .home-section{
        max-height: 900px;
    }
    #add-to-card-float{
        width: 1170px;   
    }


}