body, p, form, input {
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
	-webkit-font-smoothing: antialiased;
}

i.fa {
	font-family: 'FontAwesome'!important;
	font-style: normal!important;
}

h2 {
	font-size: 170%;
}

h2.proposition, h1.proposition {
	color: white;
    font-size: 72px;
    line-height: 0.95;
    margin: 0;
    margin-bottom: 20px;
}

.faq h1.proposition {
	margin-bottom: 0!important;
}


.keyvisual .x-container.wpb_row {
    top: 50%;
    transform: translate(0, -50%)!important;
}

.x-container.max {width:88%!important;}

/* navbar */
.x-navbar {
    border-bottom: 0;
    box-shadow: 0 0.15em 0.75em 0 rgba(0,0,0,0.035);
}

.entry-wrap {
	border-radius: 0!important;
	box-shadow: none!important;
}

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
	box-shadow: none!important;
}

#menu-item-28 a {
    outline: none;
    color: white;
    background: #ff6600;
    border-radius: 70px;
    padding-top: 9px;
    padding-bottom: 10px;
    font-size:20px;
    height: 37px;
    font-family: alternate-gothic-no-3-d, sans-serif!important;
    margin-top: 17px;
    margin-left: 18px;
    box-shadow: none!important;
            transition:all 0.3s ease;
}
#menu-item-514 a {
    outline: none;
    color: white;
    background: #ff6600;
    border-radius: 70px;
    padding-top: 9px;
    padding-bottom: 10px;
    font-size:20px;
    height: 37px;
    font-family: alternate-gothic-no-3-d, sans-serif!important;
    margin-top: 17px;
    margin-left: 18px;
    box-shadow: none!important;
            transition:all 0.3s ease;
}
a.x-btn {
	text-shadow: none!important;
	font-family: alternate-gothic-no-3-d, sans-serif!important;
    font-size:22px;
    padding: 8px 26px 7px!important;
}

.keyvisual .x-btn {
    width: 160px;
    text-align: center;
    margin-right: 10px;
    margin-top: 10px;
		display: inline;
}

a.voucherkopen {
	background: white;
	color: #ff6600;
	border-color: white;
}

#menu-item-28 a:hover {
	background: #ee4b04;
}



/* keyvisual */

.keyvisual {
	height: 520px!important;
}

.bg-video {
	background: black!important;
}

.x-video-inner {
	opacity: 0.9;
}

/* proposition */

.propositionblock h2, .propositionblock p {
	color: white;
	margin: auto;
	margin-top:0;
    max-width: 750px;
	text-align: center;
}

.propositionblock{
    padding: 70px 0;
}

.propositionblock a.voucherkopen {
    margin-top: 85px!important;
    color: #011534!important;
}


.propositionblock a.voucherkopen:hover {
    color: #ffffff!important;
}


/* products */

.products {
	padding: 58px 0 70px!important;
}

.products .x-btn {
	margin-top:30px!important;
}

.products h2 {
	margin-top:0!important;
	margin-bottom: -3px;
}

.products p {
    margin: 0 0 0px!important;
    line-height: 2.1;
    font-size: 16px;
}

.products .x-img {
    margin-bottom: 10px!important;
    max-width: 380px;
    margin: auto;
    display: block;
}

.x-btn.inverted {
    color: #ff6600!important;
    background: white;
}

.x-btn.inverted:hover {
    color: white!important;
}

/* Testimonials */
.x-slide {
	height: 80vh;
	background-size: cover!important;
	background-position-y: center!important;
}

.fidelity {
    background: url(//vinylify.com/wp-content/uploads/2017/10/lo-fydelity.jpg);
}


.gipsies {
    background: url(//vinylify.com/wp-content/uploads/2017/10/whispering-gipsies.jpg);
}

.meisje {
    background: url(//vinylify.com/wp-content/uploads/2017/09/abby-sings-2.jpg);
}
.x-flexslider-shortcode-container {
	margin:0;
}


.centreer {
	position: absolute!important;
    top: 50%;
    transform: translate(0, -50%)!important;
    left:0;
    right: 0;
}

.testimonialquote {
	width:46%;
	max-width: 711px;
	background: rgba(255,255,255,0.9);
	padding:30px 40px;
	text-align: center;
}

.testimonialquote p {
	margin:0!important;
}

.testimonialname {
	margin-top:20px;
	font-size: 14px;
}

.location {
	margin-top:0px;
	color: #787878;
}

.stars i {
	color: #edad00;
	margin:0 2px;
}


/* Trust cues */

.control {
	 padding: 0 0 0 7%;
}


.control.second {
	 padding: 0 7% 0 0;
}

.trust .x-img, .trust h2, .trust p {
	margin: 0!important;
}

.trust .x-img {
	width: 90%;
	display: block;
	margin: 0 auto!important;
}

.trust {
	padding: 60px 0 0!important;
}

.trust h2 {
	margin: 25px 0 10px!important;
}

.invertedblue {
	background: white!important;
	border-color: #002041!important;
	color: #002041!important;
	margin-bottom:40px!important;
	margin-top: 40px!important;
}

.invertedblue:hover {
	background: #002041!important;
	border-color: #002041!important;
	color: white!important;
}


.ctablock h2 {
	color: white;
    margin-bottom: 0;
    margin-top: 40px;
    font-size: 190%;
}

.ctablock p {
	margin-top: -5px;
	color: white;
	margin-bottom: 40px;
}

.x-colophon {
	box-shadow: none;
	border:none!important;
}

a.ctakopen {
	background: white;
	color:#F16D19;
	margin-top:50px;
	width: 185px
}

.wp-gr .wp-google-content-inner {
	display: none;
}

.wp-gr.wpac .wp-google-left img {
	display: none;
}

.wp-gr.wpac .wp-google-name {
	display: none;
}

.readgoogle {
	color: #222;
	text-decoration: underline;
	font-size:16px;
}

.ctablock h4 {
	margin-bottom:-12px;
	margin-top: 40px;
}

.wp-google-right div:nth-child(2) {
   margin-top: 49px!important;
}


/* Footer */

.widget_nav_menu ul li a, .widget_meta ul li a, .widget_pages ul li a {
    display: block;
    padding: 5px 0;
    box-shadow: none;
    font-size: 17px;
    border-bottom: 0!important;
    color: #bebebe!important;
    text-shadow: none!important;
    background: transparent!important;
}

.widget ul li, .widget ol li, .widget ul, .widget ol {
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.h-widget {
	text-shadow:none!important;
}

.widget_nav_menu ul li a:before, .widget_meta ul li a:before, .widget_pages ul li a:before {
	display: none;
}

.x-colophon .x-column.x-1-4:nth-of-type(3) {
	margin-right: 0;
    width: 48%;
}


.reviewheader, .reviewlink {
    text-align: right;
}


.x-colophon .x-column.x-1-4:nth-of-type(4) {
	display: none;
}

.x-colophon .widget p {
	color:#bebebe;
}

.footersubmit{
    color: white;
    background: #ff6600;
    border-radius: 0px!important;
    padding-top: 9px;
    padding-bottom: 10px;
    font-size: 20px;
    height: 45px;
    width: 120px!important;
    font-family: alternate-gothic-no-3-d, sans-serif!important;
    box-shadow: none!important;
    transition: all 0.3s ease;
    text-shadow:none!important;
}

.emailfield {
	 width: calc(100% - 120px)!important;
	box-shadow: none!important;
	border-radius: 0!important;
	height:45px!important;
	border-right: none!important;
	margin-bottom: 0!important;
}


/* FAQ */

.faq .keyvisual {
	background-position: center;
  	height: 400px!important;
  	position: relative!important;
}
@media screen and (max-width: 736px) {
	.faq .keyvisual {
		height: 200px!important;
		background-position: center 0px!important;
		background-size: 200%;
	}
}
.extravisual {
	background-position: bottom;
    height: 400px!important;
    position: relative!important;
}
@media screen and (max-width: 736px) {
	.extravisual {
		height: 200px!important;
	}
}

.faq h2.proposition {
	margin-bottom: 0!important;
}

h1.toph {
    margin-top: 50px!important;
    font-size: 200%!important;
}
@media screen and (max-width: 736px) {
	h1.toph {
	    margin-top: 0px!important;
	}
}

.wpb-js-composer .vc_tta.vc_general .vc_tta-panel-title {
    font-family: "franklin-gothic-urw",sans-serif;
    font-size: 14px;
    font-weight: 900;
    color: black!important;
}

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
    color: #222!important;
}


select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    margin-bottom: 9px;
    border: 1px solid #ddd;
    font-size: 13px;
    line-height: normal;
    color: #555;
    background-color: #fff;
    border-radius: 0;
    box-shadow: none;
}

.form-group>label {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    font-size:16px;
     width: 185px;
}

.form-group>input {
    padding: 0 5px;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    width: 310px;
    margin-bottom: 10px;
}

.form-group>textarea {
    width: 310px;
    height: 200px;
    vertical-align: top;
}

select#type {
	    width: 310px;
    margin-left: -3px;
}

.btn-order-voucher {
	    width: 220px!important;
    margin-left: 90px;
}

.paymentoptions {
    max-width: 600px;
    margin-bottom: 20px;
}

.x-colophon.top {
    padding: 5% 0 1.25%;
}

.terms-article h3 {
	font-size:160%!important;
}

.pum-theme-197, .pum-theme-default-theme {
    background-color: rgba( 0, 0, 0, 0.70 )!important;
}

.pum-theme-197 .pum-container, .pum-theme-default-theme .pum-container {
    padding: 2% 1%!important;
}

.pum-theme-197 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close {
	    outline: none!important;
    font-weight: 900!important;
    font-size: 18px!important;
    font-family: Arial!important;
    background: #ff6600!important;
    padding: 8px 10px 9px!important;
}

.pum-content table th {
	border-top: 0!important;
	background: #222!important;
	    border-right: 1px solid #222;
	    border-left: 1px solid #222;
	color: white!important;
}

.pum-content table td {
	    border-right: 1px solid #ddd;
	    border-left: 1px solid #ddd;
}

.pum-content table th, .pum-content table td {
    border-top: none;
}

.pum-content h4 {
	margin-top: 0;
    margin-bottom: 4px;
    font-size: 160%;
}

/* navbar */

.x-btn-navbar {
        box-shadow: none!important;
    color: #000000!important;
    background-color: transparent!important;
    margin-top: 10px!important;
    font-size: 28px!important;
    padding-right: 0!important;
}




.featured h5 {
    color: white;
    text-transform: uppercase;
    margin-top: -9px;
    text-align: center;
    font-size: 22px;
}

.featuredarticle {
    margin-left: 15px;
    margin-right: 15px;
    display: inline-block;
}

.featuredlogo {
    max-height: 55px;
}
.featuredlogo.ft {
    max-width: 75px;
    vertical-align: text-top; 
}

.featured {
    top: 40px;
    position: relative;
}

.cp-title span.popupheading {
    font-family: "alternate-gothic-no-3-d",sans-serif!important;
    font-style: normal;
    font-weight: 400;
    font-size: 42px;
    color:black!important;
}


.cp-title-container {
    display: block!important;
    width: 100%;
    float: left!important;
    margin: -12px 0 0px!important;
    padding: 0px 0!important;
}
.popupsubheading {
    font-family: "alternate-gothic-no-3-d",sans-serif!important;
    font-style: normal!important;
    font-weight: 400!important;
    color: #ff6600!important;
    font-size: 20px!important;
    letter-spacing: 1px!important;
}

.cp-description {
    line-height: 24px!important;
    font-size: 24px!important;
    margin-top: 5px!important;
    max-width: 400px!important;
    margin: auto!important;
}

.popupbody {
    font-family: "franklin-gothic-urw",sans-serif!important;
    line-height: 0.6em!important;
    font-size: 18px!important;
}

.buttoncopy {
        font-family: "alternate-gothic-no-3-d",sans-serif!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-size:18px!important;
}

#smile-optin-form {
        max-width: 500px!important;
    margin: auto!important;
}

.cp-form-container .cp-submit {
	padding-top: 11px!important;
    padding-bottom: 8px!important;
    padding-left: 15px!important;
    padding-right: 15px!important;
}

.cp-overlay-close.cp-adjacent-close .cp-default-close, .cp-overlay-close.cp-inside-close .cp-default-close {
    border-radius: 0!important;
}

.cp-modal-window-size .cp-overlay-close.cp-inside-close.cp-adjacent-bottom-right, .cp-modal-window-size .cp-overlay-close.cp-inside-close.cp-adjacent-right, .cp-modal-window-size+.cp-overlay-close.cp-adjacent-bottom-right, .cp-modal-window-size+.cp-overlay-close.cp-adjacent-right, .cp-overlay-close.cp-inside-close.cp-adjacent-bottom-right, .cp-overlay-close.cp-inside-close.cp-adjacent-right {
    left: auto;
    top: 0px!important;
    right: 0px!important;
}



/* Responsive */

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


 .discountbadge {
    display: none!important;
 }

.x-column.x-md {
    float: left;
    width: 25%!important;
}

.x-column.x-md:nth-child(3) {
    width:50%!important;
}

.widget_nav_menu ul li a, .widget_meta ul li a, .widget_pages ul li a {
    font-size: 15px!important;
}

.x-colophon.top .x-column .widget:first-child {
    margin-top: 0;
}

.footersubmit {
    width: 100px!important;
}

.emailfield {
    width: calc(100% - 100px)!important;
    }


.cp-modal-every-design .cp-text-container {
    padding: 30px 20px 0px!important;
    text-align: center;
}

}


@media screen and (max-width: 767px) {
.cp-title-container  {
    margin-top: 10px!important;
    margin-bottom: 12px!important;
}
    .testimonialquote {
    width: 46%;
    max-width: 711px;
    background: rgba(255,255,255,0.8);
    padding: 20px 30px;
    text-align: center;
}
.x-slide {
    height: 390px;
    background-size: cover!important;
    background-position-y: center!important;
}
.fidelity {
    background-position-x:center;
}

.keyvisual .x-btn {
    width: 143px;
    text-align: center;
    margin-right: 10px;
    margin-top: 0px;
		display: inline;
}

.sale-wrap p.bonuscode {
	max-width: 230px;
}

a.x-btn {
    text-shadow: none!important;
    font-family: alternate-gothic-no-3-d, sans-serif!important;
    font-size: 22px;
    padding: 8px 20px 7px!important;
		display: inline-block;
}

a.voucherkopen {
    background: white;
    color: #ff6600;
    border-color: white;
    padding: 8px 24px 7px!important;
    display: inline-block;
	}

.x-column.x-md {
    float: none;
    width: 100%!important;
    text-align: center;
}

.x-video.player.bg {
    opacity: 0.8!important;
}

.x-column.x-md:nth-child(3) {
    width:100%!important;
}

.x-colophon.top .x-column .widget:first-child {
    margin-top: 2.5em;
}

.paymentoptions {
    display: none;
}


.x-colophon.top {
    padding: 50px 0 0px;
}

.x-colophon.bottom .x-colophon-content {
    margin: 0 0 10px;
}

h2.proposition, h1.proposition {
    font-size: 58px!important;
}

.blocktwo {
    margin-top: 40px!important;
}

.testimonialquote {
    width:100%!important;
}

.products .x-img {
    width:100%;
}

.control {
    padding:0!important;
    margin-bottom:40px!important;
}

.home #x-content-band-6 a.x-btn {
    margin-top:0!important;
}

.ctablock p {
    margin-bottom:0;
}

a.ctakopen {
    background: white;
    color: #F16D19;
    margin-top: 20px;
    margin-bottom: 20px;
}


.home #x-content-band-7 .x-1-6, .ctablock {
    text-align: center;
}

.reviewheader, .reviewlink {
    text-align: center;
}

.ctablock h4 {
    margin-bottom: -12px;
    margin-top: 35px;
}

.wp-google-right div:nth-child(2) {
    margin-top: 10px!important;
    text-align: center!important;
}

.wp-gr .wp-google-powered {
    margin: 6px 0 35px!important;
    text-align: center!important;
}

}

.x-video .x-video-inner embed, .x-video .x-video-inner iframe, .x-video .x-video-inner img, .x-video .x-video-inner object, .x-video .x-video-inner video {
    bottom: 0!important;
    top: -50px!important;
}

video {
    object-fit: cover;
    object-position: 50% 100%;
}

#x-content-band-2 {
    margin-top: -11px!important;
    position: relative;
    z-index: 19;
}

#x-content-band-2 a {
    /* color: #e11a3e!important; */
}

.discountbadge {
    top: -50px; position: absolute; bottom: 140px; right: 50px; width: 170px;
}

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

.voucher2 .wpb_raw_code .wpb_wrapper {
    display: inline-block;
    margin: auto!important;
}


.wpcf7 .valentineform input.wpcf7-submit {
background-color: #e11a3e!important;
border: #e11a3e!important;
margin-top: 5px!important;
}

.sale-wrap {
	background: rgba(255,255,255,0.8);
	max-width: 475px!important;
	text-align: center;
	padding: 20px 0 30px 0;
	margin-bottom: 12px;
	height: 315px;
}

.sale-wrap p {
    margin: 0 0 0;
}

.sale-wrap p.subtitle {
    margin: 0 0 -10px;
    color: black;
    font-style: normal;
    font-size: 14px;
}
.sale-wrap p.subtitle50 {
		margin: 0;
		color: #ff6600;
		font-style: normal;
		font-size: 24px;
		font-weight: bold;
		line-height: 1;
}

.sale-wrap h3.proposition {
    margin-top: 20px;
    margin-bottom: 0;
    line-height: 1;
    text-transform: uppercase;
}

.countdown {
    display: inline-flex;
    margin: 10px -40px;
}

.countdown-element {
		display: inline-block;
    margin: 0 2px 12px;
    background: #ffffff;
    padding: 14px 5px;
    width: 60px;
    font-size: 10px;
    border-radius: 4px;
}

.countdown-element p {
    margin: 0;
}

.sale-wrap p.count {
    font-size: 18px;
    line-height: 1;
    margin-bottom: -2px;
}

.sale-wrap p.bonuscode {
    color: black;
    margin-bottom: 0px;
    margin-top: -6px;
    font-style: italic;
		margin: auto;
		line-height: normal;
}


.alignnoneone {
		float:none;
		margin: 15px 0 0 0;
		height: auto!important;
		width: 300px;
}
.alignnonetwo {

}

.wordpress-gdpr-popup-overlay-backdrop {
position: relative;
}

.wordpress-gdpr-popup {
    position: initial;
		line-height: 22px;
	}

.wordpress-gdpr-popup-overlay .wordpress-gdpr-popup-container {
    position: fixed;
    z-index: 99999;
    /* width: 90%; */
    max-width: none;
    /* height: auto; */
    /* margin: auto; */
    padding: 0;
    left: 0;
    bottom: 0;
    right: 0;
		top: auto;
    width: 100%;
    transform: none;
    -webkit-transform: none;
	}
.wordpress-gdpr-popup-text {
		max-width: 75%;
	  margin-left: 10%;
		margin-top: 1.25em;
	 }

.wordpress-gdpr-popup-text > h5 {
	 	margin-top: 1.25em;
	 	 }

.wordpress-gdpr-popup-actions-buttons {
		float: none;
		text-align: center;
	}

.wordpress-gdpr-popup-agree {
	float: none;
	}

	#wordpress-gdpr-popup-close {
		display: none;
	}

/*-------------- Top Bar Header Styling ----------------*/

.x-topbar {
    border: none;
    background-color: #920611;
    color: #fff;
    font-weight: 700;
    z-index: 1029;
}
.x-topbar p {
	margin: 0 0 0 0;
}
.x-navbar {
  border-bottom: none;
  box-shadow: none;
}
.topbarWrap {
	/*display: grid;
  	grid-template-columns: repeat(3, 1fr);*/
}
#topbarCenter {
	text-align: center;
}
#topbarRight {
	text-align: right;
}
#topbarLeft, #topbarCenter, #topbarRight {
	margin-top: 8px;
}
.x-topbar-inner > p {
	display: none;
}
#topbarLeft p {
	display: inline;
}
.topbarWrap {
	display: inline;
}
#topbarLeft {
	float: left;
}
.whitevinylmob {
    text-align: center;
    margin: auto;
    margin-bottom: -160px;
}
.x-content-band.bg-video {
    overflow: inherit;
}

@media screen and (min-width: 767px) {
	.menu-item-981, .beta {
		display: none !important;
	}
}
@media screen and (max-width: 767px) {
	.menu-item-28, .alpha {
		display: none !important;
	}
	.whitevinylmob {
		max-width: 300px!important;
	}
	.page-id-957 .x-content-band-1 .keyvisual {
	height: 400px!important;
	}
	.page-id-958 .x-content-band-1 .keyvisual {
	height: 400px!important;
	}
	#go-downdown {
		display: none;
	}
	.whitevinylmob {
		margin: 0px auto -80px!important;
	}
}
.wonderpluginaudio div .amazingaudioplayer-mark {
	display: none!important;
}

/* black friday  pop-up */
@media only screen and (max-width: 768px) {
    .cp_id_e3b73 .cp-modal.cp-modal-custom-size{
      width: 100% !important;
    }
  }

  .openthepopup {
      color: white !important;
      text-decoration: underline;
  }