/*
Theme Name: Love of Music 2016
Theme URI: 
Author: Thomas Badera
Author URI: mailto:tbadera@gmail.com
Description: 
Version: 1.0
License: All rights reserved
License URI: 
Tags: 
Text Domain: loveofmusic
*/

@charset "UTF-8";

/* html5doctor.com Reset v1.6.1 start */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
/* html5doctor.com Reset v1.6.1 end */

/* WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
/* end WP core */

body {
	margin: 0 !important;
	padding: 0 !important;
	background: #000;
	font-family: 'Quicksand', sans-serif;
	font-size: 100%;
	font-weight: 400; /* 300 - light, 400 - regular, 700 - bold */
	line-height: 175%;
	color: #000;
}

p {
	margin: 1em 0px;
}

strong {
	font-weight: 700;
}

.clear {
	clear: both;
}

.left {
	display: inline-block;
	float: left;
}

.right {
	display: inline-block;
	float: right;
}

.middle {
	margin: 0 auto;
}

.textcenter {
	text-align: center;
}

.vmiddle {
	vertical-align: middle;
}

#headerfixed {
	display: block;
	position: fixed;
	background: rgba(0, 0, 0, 0.75);
	width: 100vw;
	max-width: 100%;
	z-index: 9995;
	margin: 0;
	padding: 0.7em 0;
	text-align: right;
	opacity: 0;
	transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
}
#menutrigger {
	display: block;
	height: 0;
	padding: 0;
	margin: 0;
}

#header {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent;
	width: 100vw;
	max-width: 100%;
	z-index: 9995;
	margin: 0;
	padding: 0.7em 0;
	text-align: right;
}

#headerfixed .logo, 
#header .logo {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 3em;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 9005;
	text-align: left;
}

#headerfixed .logo img, 
#header .logo img {
	max-height: 80px;
}


#headerfixed .topmenu, 
#header .topmenu {
	display: inline-block;
	margin: 0.3em 1em;
	padding: 0;
	font-size: 0.9em;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	z-index: 9015;
}

#headerfixed .topmenu ul, 
#header .topmenu ul {
	display: inline-block;
	margin: 0;
	padding: 0; 
	list-style-type: none;
	list-style-image: none;
}

#headerfixed .topmenu li, 
#header .topmenu li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

#headerfixed .topmenu li a, 
#header .topmenu li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	margin: 0 0.25em;
	padding: 0.75em;
}

#headerfixed .topmenu li.current-menu-item a, 
#headerfixed .topmenu li a:hover, 
#header .topmenu li.current-menu-item a, 
#header .topmenu li a:hover {
	text-decoration: underline;
}

#headerfixed .topmenu li.contactbtn, 
#header .topmenu li.contactbtn {
	border: 2px solid #FFF;
	margin-left: 0.75em;
}

#headerfixed .topmenu li.contactbtn:hover, 
#header .topmenu li.contactbtn:hover {
	background: #FFF;
}

#headerfixed .topmenu li.contactbtn:hover a, 
#headerfixed .topmenu li.contactbtn a:hover, 
#header .topmenu li.contactbtn:hover a, 
#header .topmenu li.contactbtn a:hover {
	color: #000;
}

#social {
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0.5em 0;
	background: #BBB;
	text-align: center;
}

#social > a {
	display: inline-block;
	width: 32px;
	height: 32px;
	padding: 0;
	margin: 0.25em 4px 0 4px;
}

#social > a > img {
	width: 100%;
	max-width: 100%;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	-ms-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
}

#social > a > img:hover {
	cursor: pointer;
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	transform: rotate(360deg);
}

#footer {
	display: block;
	width: 100%;
	max-width: 100%;
	background: #000;
	color: #FFF;
	margin: 0;
	padding: 2em 0;
	text-align: center;
}

#footer .bottommenu {
	display: block;
	margin: 1em;
	padding: 0;
	font-size: 0.9em;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}

#footer .bottommenu ul {
	display: inline-block;
	margin: 0;
	padding: 0; 
	list-style-type: none;
	list-style-image: none;
}

#footer .bottommenu li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

#footer .bottommenu li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	margin: 0 0.5em;
	padding: 0.75em 1em;
}

#footer .bottommenu li.current-menu-item a, 
#footer .bottommenu li a:hover {
	color: #AAA;
}

#footer .contact {
	font-size: 1.25em;
	font-weight: 700;
	text-transform: uppercase;
	color: rgb(255, 55, 0);
	margin: 0.5em 0 0.75em 0;
}

#footer .contact a {
	text-decoration: none;
	color: rgb(255, 55, 0);
}

#footer .contact a:hover {
	text-decoration: underline;
}

#footer .copyright {
	font-size: 0.8em;
	font-weight: 700;
	text-transform: uppercase;
	color: #AAA;
}

#content {
	display: block;
	position: relative;
	width: 100%;
	max-width: 100%;
	background: #FFF;
	color: #000;
	margin: 0;
	padding: 0 0 4em 0;
}

#content.playerpage {
	background: url(images/iStock-483717601.jpg) no-repeat;
	background-size: cover;
	background-position: center center;
}

#content > h1 {
	color: #444;
	font-weight: 700;
	font-size: 2.75em;
	line-height: 1.2em;
	padding: 0 20%;
}

#content > h2 {
	color: #444;
	font-weight: 700;
	font-size: 2.25em;
	line-height: 1.2em;
	padding: 0 20%;
}

#content > h3 {
	color: #444;
	font-weight: 700;
	font-size: 1.75em;
	line-height: 1.2em;
	padding: 0 20%;
}

#content > h4 {
	color: #444;
	font-weight: 700;
	font-size: 1.5em;
	line-height: 1.2em;
	padding: 0 20%;
}

#content > .socialbox {
	display: block;
	width: 60%;
	max-width: 60%;
	padding: 0 20%;
	margin: 0;
}

#content > p,
#content > ul, 
#content > ol {
	color: #000;
	font-weight: 300;
	font-size: 1.25em;
	padding: 0 20%;
}

#content > ul {
   list-style-type: disc; 
   list-style-position: outside; 
   margin-left: 1.25em; 
}
#content > ol {
   list-style-type: decimal; 
   list-style-position: outside; 
   margin-left: 1.25em; 
}
#content > ul ul, 
#content > ol ul { 
   list-style-type: circle; 
   list-style-position: outside; 
   margin-left: 1.25em; 
}
#content > ol ol, 
#content > ul ol { 
   list-style-type: lower-latin; 
   list-style-position: outside; 
   margin-left: 1.25em; 
}

#content > p img {
	width: 100%;
	max-width: 100%;
	margin-bottom: -0.5em;
}

#content p a {
	color: #F00 !important;
	text-decoration: none !important;
}

#content p a:hover {
	text-decoration: underline !important;
}

#content > #ww-widget {
	display: block;
	margin: 0 20%;
	padding: 0;
	text-align: center;
}

#content > #ww-widget > div {
	display: inline-block;
	width: 100%;
	max-width: 100%;
}

#hometopslider {
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0 0 4em 0;
	padding: 0;
}

.slide {
	position: relative;
	width: 100%;
	max-width: 100%;
	margin: 0 0 4em 0 !important;
	padding: 0;
	height: 80vh;
	background-size: cover !important;
}

.slide.videoslide .kgvid_wrapper {
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
	max-width: 100%;
}

.slide.videoslide {
	display: block;
	margin: 0 0 4em 0 !important;
	padding: 0;
	width: 100%;
	max-width: 100%;
	height: auto;
	background-size: cover !important;
}

.bwimg, 
.clrimg {
	position: relative;
	display: block;
	margin: 4em 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
	height: 80vh;
	overflow: hidden;
}

.bwimg.notopmargin, 
.clrimg.notopmargin {
	margin: 0 0 4em 0 !important;
}

.bwimg > img {
	position: absolute;
	display: inline-block;
	top: 50%;
	left: 50%;
	padding: 0;
	margin: 0;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	max-width: 100%;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
.clrimg > img {
	position: absolute;
	display: inline-block;
	top: 50%;
	left: 50%;
	padding: 0;
	margin: 0;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	max-width: 100%;
}

.slide .caption,
.slide .mobilecaption,  
.bwimg .caption, 
.clrimg .caption {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	height: 100%;
	max-height: 100%;
	background: transparent;
	z-index: 9990;
}

.clrimg .caption.photobooth {
	margin-top: -3.5em;
}

.slide .mobilecaption {
	display: none;
}

.slide.videoslide .caption > div, 
.slide.videoslide .mobilecaption > div,
.slide .caption > div, 
.slide .mobilecaption > div,
.bwimg .caption > div, 
.clrimg .caption > div {
	position: absolute;
	display: inline-block;
	top: 50%;
	left: 50%;
	width: 80%;
	padding: 0 10%;
	margin: 0;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
	color: #FFF;
}

.slide.videoslide .caption.blogcaption > div, 
.slide .caption.blogcaption > div, 
.bwimg .caption.blogcaption > div, 
.clrimg .caption.blogcaption > div {
	top: auto;
	bottom: 5%;
	left: 0;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
	text-align: left;
}

.slide.videoslide .caption > div h1, 
.slide.videoslide .mobilecaption > div h1 {
	margin: 0 0 1.5em 0;
	padding: 0;
	font-weight: 500;
	font-size: 4em;
	line-height: 1.1em;
	text-transform: lowercase;
}
.slide .caption > div h1, 
.slide .mobilecaption > div h1, 
.bwimg .caption > div h1, 
.clrimg .caption > div h1 {
	margin: 1.5em 0 0 0;
	padding: 0;
	font-weight: 500;
	font-size: 4em;
	line-height: 1.1em;
	text-transform: lowercase;
}

.slide.videoslide .caption.blogcaption > div h1, 
.slide .caption.blogcaption > div h1, 
.bwimg .caption.blogcaption > div h1, 
.clrimg .caption.blogcaption > div h1 {
	text-transform: none;
	font-weight: 300;
	font-size: 8em;
}

.slide.videoslide .caption.blogcaption > div h1 strong, 
.slide .caption.blogcaption > div h1 strong, 
.bwimg .caption.blogcaption > div h1 strong, 
.clrimg .caption.blogcaption > div h1 strong {
	font-weight: 700;
}

.slide .caption > div p, 
.slide .mobilecaption > div p, 
.bwimg .caption > div p, 
.clrimg .caption > div p {
	margin: 1em 0 0 0;
	padding: 0;
	font-weight: 300;
	font-size: 2em;
	color: #CCC;
	text-transform: uppercase;
}

form {
	display: block;
	padding: 0 20%;
	margin: 1em 0;
}

form .left {
	width: 50%;
}

form .right {
	width: 50%;
}

::-webkit-input-placeholder {
	color: #000;
	opacity: 0.9;
}
:-moz-placeholder {
	color: #000;
	opacity: 0.9;
}
::-moz-placeholder {
	color: #000;
	opacity: 0.9;
}
:-ms-input-placeholder {  
	color: #000;
	opacity: 0.9;
}

form input[type=text], 
form input[type=email], 
form textarea {
	width: 90%;
	background: #e0e5e8;
	color: #000;
	font-weight: 400;
	font-size: 1.33em;
	line-height: 1.2em;
	letter-spacing: 0.1em;
	border: 1px solid #000;
	padding: 0.25em 0.5em;
}

form label {
	color: #000;
	font-weight: 400;
	font-size: 1.33em;
	line-height: 1.2em;
	letter-spacing: 0.1em;
}

form select {
	width: auto;
	background: #e0e5e8;
	color: #000;
	font-weight: 400;
	font-size: 1.33em;
	line-height: 1.2em;
	letter-spacing: 0.1em;
	border: 1px solid #000;
	padding: 0.25em 0.5em;
}

form input[type=submit] {
	background: #F00;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.33em;
	padding: 0.25em 0.5em;
	border: 0;
	cursor: pointer;
}

form input[type=submit]:active {
	position: relative;
	top: 2px;
	left: 2px;
}

#content .smallpost {
	display: block;
	cursor: pointer;
	padding: 0 20% 2em 20%;
	margin: 0 0 2em 0;
	border: 0;
	border-bottom: 2px dashed #CCC;
}

#content .smallpost > div.img {
	display: inline-block;
	vertical-align: top;
	width: 40%;
	position: relative;
	padding-bottom: 22.5%; /* 16:9 */
	height: 0;
	margin: 0 0 0.5em 0;
}

.fb-share-button > span {
	vertical-align: top !important;
}

#content .smallpost > div.text {
	display: inline-block;
	vertical-align: top;
	width: 58%;
	padding: 2% 0 0 1%;
	margin: 0;
	clear: right;
}

#content .smallpost > div.text h1 {
	font-weight: 400;
	font-size: 2.38em;
	line-height: 1.2em;
	letter-spacing: 0.1em;
}

#content .smallpost > div.text p {
	font-weight: 300;
	font-size: 1.125em;
}

.postnav {
	display: block;
	clear: both;
	padding: 1em 20%;
	margin: 0;
}

.postnav .prevnav {
	display: inline-block;
	float: left;
}

.postnav .nextnav {
	display: inline-block;
	float: right;
}

.postnav .prevnav a, 
.postnav .nextnav a {
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 1.375em;
	line-height: 1.2em;
	letter-spacing: 0.1em;
}

.postnav .prevnav a:hover, 
.postnav .nextnav a:hover {
	text-decoration: underline;
}

.mobilemenu {
	display: none;
	position: relative;
	margin: 1em;
	padding: 0;
	font-size: 0.9em;
	font-weight: 700;
	text-transform: uppercase;
	z-index: 9015;
}

.mobilemenu > div.menu-nav-menu-container {
	display: none;
	position: absolute;
	top: 173.75%;
	right: -1em;
	margin: 0;
	padding: 0;
	background: rgba(0, 0, 0, 0.75);
}

body.has-active-menu {
	overflow: hidden;
}

#contentbeingpushed.has-active-menu, 
#headerfixed.has-active-menu {
	transform: translateX(-100%);
}

#pushmenu {
	position: fixed;
	z-index: 9015;
	background-color: #000;
	transition: transform 0.3s;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	transform: translateX(100%);
	overflow-y: scroll;
	font-size: 0.9em;
	font-weight: 700;
	text-transform: uppercase;
}

#pushmenu.is-active {
	transform: translateX(0);
}

@media all and (min-width: 320px) {
	#contentbeingpushed.has-active-menu, 
	#headerfixed.has-active-menu {
		transform: translateX(-300px);
	}
	#pushmenu {
		width: 300px;
		transform: translateX(300px);
	}
}

#pushmenu div.menu-nav-menu-container ul {
	margin: 0.25em;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	font-size: 150%;
}

#pushmenu div.menu-nav-menu-container ul li {
	display: block;
	margin: 0;
	padding: 0;
}

#pushmenu div.menu-nav-menu-container ul li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	margin: 0 0.25em;
	padding: 0.75em;
}

#pushmenu div.menu-nav-menu-container li.current-menu-item a, 
#pushmenu div.menu-nav-menu-container li a:hover, 
#pushmenu div.menu-nav-menu-container li.current-menu-item a, 
#pushmenu div.menu-nav-menu-container li a:hover {
	color: #AAA;
}

#pushmenu div.menu-nav-menu-container li.contactbtn {
	text-align: center;
}

#pushmenu div.menu-nav-menu-container li.contactbtn a {
	display: inline-block !important;
	margin: 1.5em 0.25em 0 0.25em !important;
	padding: 0.75em 1.5em !important;
	border: 2px solid #FFF;
	text-align: center;
}

#pushmenu div.menu-nav-menu-container li.contactbtn:hover a, 
#pushmenu div.menu-nav-menu-container li.contactbtn a:hover {
	background: #FFF;
	color: #000;
}

.nav-icon2 {
	display: inline-block;
	float: right;
	clear: both;
	width: 60px;
	height: 45px;
	position: relative;
	margin: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
}

.nav-icon2 span {
	display: block;
	position: absolute;
	height: 9px;
	width: 50%;
	background: #fff;
	opacity: 1;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

.nav-icon2 span:nth-child(even) {
	left: 50%;
	border-radius: 0 9px 9px 0;
}

.nav-icon2 span:nth-child(odd) {
	left:0px;
	border-radius: 9px 0 0 9px;
}

.nav-icon2 span:nth-child(1), .nav-icon2 span:nth-child(2) {
	top: 0px;
}

.nav-icon2 span:nth-child(3), .nav-icon2 span:nth-child(4) {
	top: 18px;
}

.nav-icon2 span:nth-child(5), .nav-icon2 span:nth-child(6) {
	top: 36px;
}

.nav-icon2.open span:nth-child(1),.nav-icon2.open span:nth-child(6) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.nav-icon2.open span:nth-child(2),.nav-icon2.open span:nth-child(5) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.nav-icon2.open span:nth-child(1) {
	left: 5px;
	top: 7px;
}

.nav-icon2.open span:nth-child(2) {
	left: calc(50% - 5px);
	top: 7px;
}

.nav-icon2.open span:nth-child(3) {
	left: -50%;
	opacity: 0;
}

.nav-icon2.open span:nth-child(4) {
	left: 100%;
	opacity: 0;
}

.nav-icon2.open span:nth-child(5) {
	left: 5px;
	top: 29px;
}

.nav-icon2.open span:nth-child(6) {
	left: calc(50% - 5px);
	top: 29px;
}

#mixplayer {
	display: block;
	width: 33%;
	margin: 6em auto 2em auto;
	padding: 2em;
	background: rgba(25, 25, 25, 0.75);
	color: #FFF;
}

#mixplayer p {
	font-weight: 300 !important;
	font-size: 1.2em !important;
	line-height: 1.5em !important;
	margin: 0 0 1em 0;
}

#mixplayer .player {
	margin: 0;
	padding: 0;
}

#mixplayer .player > img {
	display: block;
	width: calc(90% - 2em);
	max-width: calc(90% - 2em);
	padding: 0;
	margin: 0 auto 1em auto;
}

#jp_container_1 {
	margin: 0 auto;
	border: 0;
	width: 90%;
	background: transparent;
}

.lom-volume,
.lom-buttons {
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
}

a.jp-mute, 
a.jp-unmute, 
a.jp-volume-max {
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0;
}

.jp-volume-bar {
	position: relative;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	padding: 0;
	margin: 0;
	height: 6px;
	width: calc(100% - 50px);
	background: #333333;
	cursor: pointer;
}

.jp-volume-bar-value {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	padding: 0;
	margin: 0;
	height: 6px;
	background: #666666;
}

.jp-previous, 
.jp-play, 
.jp-pause, 
.jp-next, 
.jp-stop {
	display: inline-block;
	padding: 8px 0 4px 0;
	margin: 0 1px 0 0;
	width: calc(25% - 5px);
	text-align: center;
	background: #333333;
}

.lom-buttons a:last-of-type {
	margin: 0;
}

.jp-previous:hover, 
.jp-play:hover, 
.jp-pause:hover, 
.jp-next:hover, 
.jp-stop:hover {
	background: #666666;
}

.jp-type-playlist {
	display: block;
	padding: 0;
	margin: 0;
}

.jp-progress {
	display: block;
	margin: 4px 0 0 0;
	padding: 0;
	height: 13px;
	overflow: hidden;
	width: 100% !important;
}

.jp-seek-bar {
	position: relative;
	overflow: hidden;
	display: block;
	padding: 0;
	margin: 0;
	height: 13px;
	background: #333333;
	cursor: pointer;
}

.jp-play-bar {
	position: absolute;
	left: 0;
	top: 0;
	display: inline-block;
	padding: 0;
	margin: 0;
	height: 13px;
	background: #666666;
}

.jp-interface {
	display: block;
	padding: 0;
	margin: 0 0 8px 0;
	background: transparent;
}

.jp-current-time {
	display: inline-block;
	float: left;
	margin: 0;
	padding: 0 0 0 1em;
	color: #666;
	font-size: 110%;
}

.jp-duration {
	display: inline-block;
	float: right;
	margin: 0;
	padding: 0 1em 0 0;
	color: #666;
	font-size: 105%;
}

.jp-playlist ul {
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.jp-playlist li {
	position: relative;
	padding: 2px 0;
	border-top: 1px solid #333;
	border-bottom:0px;
	overflow: visible;
	font-size: 150%;
}

div.jp-type-playlist div.jp-playlist li:first-child {
}

div.jp-type-playlist div.jp-playlist li:last-child {
	border-bottom:none;
	padding-bottom:3px;
}

div.jp-type-playlist div.jp-playlist a {
	color: #999;
	text-decoration:none;
}

div.jp-type-playlist div.jp-playlist a:hover {
	color: #fff;
}

div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
	background-color: #111;
	margin: 0 0;
	padding: 2px 0;
	border-top: 1px solid #333;
	border-bottom: 0px;
}

div.jp-type-playlist div.jp-playlist li.jp-playlist-current a{
	color: #ccffff;
}

div.jp-type-playlist div.jp-playlist span.jp-free-media {
	float: right;
	display:inline;
	text-align:right;
	color:#999;
}

div.jp-type-playlist div.jp-playlist span.jp-free-media a{
	color:#999;
}

div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover{
	color:#fff;
}

.jp-no-solution {
	position:absolute;
	width:390px;
	margin-left:-202px;
	left:50%;
	top: 10px;
	padding:5px;
	font-size:.8em;
	background-color:#3a2a45;
	border-top:2px solid #554461;
	border-left:2px solid #554461;
	border-right:2px solid #180a1f;
	border-bottom:2px solid #180a1f;
	color:#FFF;
	display:none;
}

.jp-no-solution a {
	color:#FFF;
}

.jp-no-solution span {
	font-size:1em;
	display:block;
	text-align:center;
	font-weight:bold;
}

.jp-audio .jp-no-solution {
	width:190px;
	margin-left:-102px;
}

div.enhancements {
	display: block;
	margin: 1em 0 0 0;
	padding: 1em 10% 0 10%;
}

div.enhancement {
	display: block;
	padding: 0;
	margin: 0 0 4em 0;
}

div.enhancement:last-of-type {
	margin: 0;
}

div.enhancement .txt {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0.75em;
	padding: 0;
	width: calc(45% - 1.5em);
}

div.enhancement .txt h2 {
	display: block;
	margin: 0.5em 0;
	padding: 0
	color: #444;
	font-weight: 700;
	font-size: 2em;
	text-align: center;
}

div.enhancement .txt ul {
	margin: -1em 0 1em 1.5em;
}

div.enhancement .img {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0.75em;
	padding: 0;
	width: calc(55% - 1.5em);
}

div.enhancement .img img {
	max-width: 100%;
}

/*div.enhancement {
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin: 2em 1em;
	width: 30%;
	cursor: pointer;
}

div.enhancement .shade {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
	background: rgba(230, 149, 0, 0.25);
}

div.enhancement:hover .shade {
	display: inline-block;
}

div.enhancement.bounce-up {
	opacity: 0;
	-moz-transition: all 1000ms ease-out;
	-webkit-transition: all 1000ms ease-out;
	-o-transition: all 1000ms ease-out;
	transition: all 1000ms ease-out;
	-moz-transform: translate3d(0px, 200px, 0px);
	-webkit-transform: translate3d(0px, 200px, 0px);
	-o-transform: translate(0px, 200px);
	-ms-transform: translate(0px, 200px);
	transform: translate3d(0px, 200, 0px);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

div.enhancement.bounce-up.in-view {
	opacity: 1;
	-moz-transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	-o-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate3d(0px, 0px, 0px);
}

div.enhancement img {
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
}

div.enhancement h1 {
	display: block;
	margin: 0.5em 0;
	padding: 0
	color: #444;
	font-weight: 700;
	font-size: 1.5em;
}*/

div#threePhotos {
	display: block;
	margin: 1em 0;
	padding: 0;
	text-align: center;
	white-space: nowrap;
}

div#threePhotos > div {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	width: 30vw;
	height: 30vw;
	padding: 0;
	margin: 0;
	border-radius: 5px;
}

div#threePhotos > div > p {
	display: block;
	position: absolute;
	width: 60%;
	border-radius: 5px;
	background: #00CCFF;
	color: #FFF;
	font-size: 1.5em;
	margin: 0;
	padding: 1em 0;
	font-weight: bold;
	top: 75%;
	left: 50%;
	transform: translate(-50%, -50%);
}

div#threePhotos > div:nth-of-type(2) {
	margin: 0 2.5vw;
}

#ctabutton {
	display: block;
	margin: 2em auto;
	padding: 1em;
	width: 50vw;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 2em;
	line-height: 110%;
	border: 1px solid blue;
}

div.fullwidthvideo {
	display: block;
	padding: 0;
	margin: 0;
}

div.fullwidthvideo .arve-wrapper {
	max-width: 100% !important;
	margin: 0 !important;
}

div.djcontentmixes {
	text-align: center;
	padding: 0 4em 4em 4em;
}

div.djcontentmixes > h3 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 2.38em;
	line-height: 1.2em;
	letter-spacing: 0.1em;
	text-align: center;
	margin-top: 1.5em;
}

div.djcontentmixes > h4 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 2em;
	text-align: center;
	margin-top: 0.5em;
}

div.djcontentmixes .left, 
div.djcontentmixes .right {
	display: inline-block;
	vertical-align: top;
	margin: 1em;
	padding: 1em;
	width: calc(50% - 4em);
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 1.25em;
	line-height: 1.2em;
	text-align: left;
}

div.djcontentmixes > .center {
	margin: 1em;
	padding: 1em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	font-size: 1.25em;
	line-height: 1.2em;
}

div.djcontentmixes .left > h2, 
div.djcontentmixes .right > h2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 2.38em;
	line-height: 1.2em;
	letter-spacing: 0.1em;
	text-align: left;
	margin: 0 0 0.25em 0;
}

div.djcontentmixes .left > h3,
div.djcontentmixes .right > h3,
div.djcontentmixes .center > h3 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1.75em;
	margin: 0 0 -0.25em 0;
}

div.djcontentmixes .left > ul, 
div.djcontentmixes .right > ul {
	margin-left: 2em;
}

.clrimg .caption > div h1.larger {
	margin: 1.5em 0 0 0;
	padding: 0;
	font-weight: 500;
	font-size: 5em;
	line-height: 1.1em;
	text-transform: lowercase;
}
.clrimg .caption > div h1.larger span.smaller {
	font-weight: 300;
	font-size: 0.5em;
	text-transform: uppercase;
	color: #ddd;
}

.packages, 
.enhancements_new {
	display: block;
	padding: 0;
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}

.packages .package {
	display: inline-block;
	vertical-align: top;
	margin: 4em 1em 1em 1em;
	padding: 0;
	width: calc(25% - 2em);
}

.enhancements_new .enhance {
	display: inline-block;
	vertical-align: top;
	margin: 2em;
	padding: 0;
	width: calc(33% - 4em);
}

.packages .package {
	position: relative;
	border: 0;
	border-radius: 5px;
	background: #EEE;
	border: 3px solid transparent;
}

.packages .package.popularPackage {
	border: 3px solid #F00 !important;
}

div.homevideocontainer {
	max-width: 80%;
	margin: 0 auto;
}

div.homevideocontainer video {
	max-width: 100%;
}

.addons {
	display: block;
	text-align: center;
	padding: 0 1em 1em 1em;
	margin: 0 1em 1em 1em;
	font-size: 1.25em;
}

.non-semantic-protector {
	position: absolute;
	top: -85px;
	left: 0;
	right: 0;
	z-index: 1;
}
.ribbon {
	width: 50%;
	position: relative;
	background: #F00;
	color: #fff;
	text-align: center;
	padding: 1em 2em;
	margin: 2em auto 3em;
}
.ribbon:before, .ribbon:after {
	content: "";
	position: absolute;
	display: block;
	bottom: -1em;
	border: 1.5em solid #C00;
	z-index: -1;
}
.ribbon:before {
	left: -2em;
	border-right-width: 1.5em;
	border-left-color: transparent;
}
.ribbon:after {
	right: -2em;
	border-left-width: 1.5em;
	border-right-color: transparent;
}
.ribbon .ribbon-content > span {
	font-size: 1.25em;
}
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
	content: "";
	position: absolute;
	display: block;
	border-style: solid;
	border-color: #A00 transparent transparent transparent;
	bottom: -1em;
}
.ribbon .ribbon-content:before {
	left: 0;
	border-width: 1em 0 0 1em;
}
.ribbon .ribbon-content:after {
	right: 0;
	border-width: 1em 1em 0 0;
}

.packages .package .heading {
	display: block;
	margin: 0;
	padding: 2em 1.5em 1.5em 1.5em;
	text-align: center;
	border-radius: 3px 3px 0 0;
	background: #555;
	color: #FFF;
}

.packages .package .heading .name {
	display: block;
	margin: 0 0 0.5em 0;
	padding: 0;
	font-size: 2.5em;
	font-weight: 800;
}

.packages .package .heading .extra {
	display: block;
	margin: 0 0 0.5em 0;
	padding: 0;
	font-size: 2em;
	font-weight: 700;
}

.packages .package .heading .price {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 2em;
	font-weight: 700;
	line-height: 110%;
	color: #ffc001;
}

.packages .package .heading .savings {
	display: block;
	margin: 0.6em 0 0 0;
	padding: 0;
	font-size: 1.25em;
	font-weight: 500;
	line-height: 110%;
	color: #28f72d;
}

span.gold {
	color: #ffc101 !important;
}

span.red {
	color: #F00 !important;
}

span.green {
	color: #0D0 !important;
}

.packages .package > p {
	margin: 1em !important;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
}

.packages .package > ul {
	margin: 1em 2em !important;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
}

.packages .package > ul li {
	margin: 0 0 1em 0 !important;
}

.nopkg {
	display: block;
	margin: 6em 1em;
}

.nopkg .price {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 3em;
	font-weight: 700;
	line-height: 110%;
	color: #000;
}

.nopkg > p {
	margin: 1em !important;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
}

.nopkg > ul {
	margin: 1em 2em !important;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 1.5em;
}

.nopkg > ul li {
	margin: 0 0 1em 0 !important;
}

.enhancements_price_black {
	display: block;
	padding: 0;
	margin: 0.5em;
	text-align: center;
	font-size: 2.25em;
	font-weight: 700;
}

.enhancements_new .enhance .img {
	display: block;
	padding: 0;
	margin: 0 0 1em 0;
	-webkit-box-shadow: 5px 5px 5px 2px rgba(221,221,221,0.75);
	-moz-box-shadow: 5px 5px 5px 2px rgba(221,221,221,0.75);
	box-shadow: 5px 5px 5px 2px rgba(221,221,221,0.75);
}

.enhancements_new .enhance .img > div {
	display: block;
	position: relative;
	margin: 0;
	width: 100%;
	padding: 0 0 65% 0;
}

.enhancements_new .enhance .img > div > div {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.enhancements_new .enhance .name {
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-size: 1.75em;
}

.enhancements_new .enhance .extra {
	font-weight: 700;
}

.enhancements_new .enhance .price {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 1em;
	color: #ffc001;
}

.enhancements_new .enhance .price.nopkgprice {
	color: #000 !important;
}

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

body:not(.page-id-16) .grecaptcha-badge {
	display: none;
}

.awardsbannercontainer {
	display: block;
	position: relative;
	max-width: 80%;
	margin: 0 auto -12em auto;
	z-index: 9999 !important;
	height: auto;
}

.awardsbanner {
	display: block;
	position: relative;
	transform: translateY(-55%);
	width: 100%;
}

@media (max-width: 1800px) {
	.awardsbanner {
		transform: translateY(-58%);
	}
}

@media (max-width: 1550px) {
	.awardsbanner {
		transform: translateY(-62%);
	}
}

@media (max-width: 1250px) {
	.awardsbannercontainer {
		margin: 0 auto -10em auto;
	}
	.awardsbanner {
		transform: translateY(-65%);
	}
}

@media (max-width: 1000px) {
	.awardsbannercontainer {
		margin: 0 auto -8em auto;
	}
	.awardsbanner {
		transform: translateY(-68%);
	}
}

@media (max-width: 850px) {
	.awardsbannercontainer {
		margin: 0 auto -6em auto;
	}
	.awardsbanner {
		transform: translateY(-72%);
	}
}

@media (max-width: 700px) {
	.awardsbanner {
		transform: translateY(-75%);
	}
}

@media (max-width: 550px) {
	.awardsbannercontainer {
		margin: 0 auto -4em auto;
	}
	.awardsbanner {
		transform: translateY(-90%);
	}
}

@media (max-width: 375px) {
	.awardsbannercontainer {
		margin: 0 auto -3em auto;
	}
	.awardsbanner {
		transform: translateY(-110%);
	}
}

@media (max-width: 1400px) {
	.clrimg .caption.photobooth {
		margin-top: -3em;
	}
	.clrimg .caption.photobooth > div h1 {
		font-size: 3em;
	}
}

@media (max-width: 1345px) {
	.packages .package, 
	.enhancements_new .enhance {
		margin: 1em;
		width: calc(33% - 2em);
	}
}

@media (max-width: 1300px) {
	form .left {
		width: 50%;
	}
	form .right {
		width: 50%;
	}
}

/*@media (max-width: 1270px) {
	div.enhancement {
		width: 45%;
	}
}*/

@media (max-width: 1250px) {
	form .left {
		width: 100%;
		text-align: center;
	}
	form .right {
		width: 100%;
		margin-top: -1em;
		text-align: center;
	}
	#mixplayer {
		width: 50%;
	}
}

@media (max-width: 1175px) {
	#headerfixed .logo, 
	#header .logo {
		left: 0.5em;
	}
	#headerfixed .logo img, 
	#header .logo img {
		width: 70%;
	}
}

@media (max-width: 1075px) {
	.clrimg .caption.photobooth {
		margin-top: -2em;
	}
	.clrimg .caption.photobooth > div h1 {
		font-size: 2em;
	}
	.packages .package, 
	.enhancements_new .enhance {
		margin: 1em;
		width: calc(50% - 2.2em);
	}
	div.djcontentmixes .left, 
	div.djcontentmixes .right {
		margin: 0.5em;
		padding: 0.5em;
		width: calc(50% - 2em);
	}
	div.djcontentmixes .left > h2, 
	div.djcontentmixes .right > h2 {
		font-size: 2em;
	}
}

@media (max-width: 1024px) {
	.topmenu {
		display: none !important;
	}
	.mobilemenu {
		display: inline-block !important;
	}
	.nav-icon2 {
		zoom: 0.9;
		-moz-transform: scale(0.9);
	}
	.slide.videoslide {
		padding-bottom: 0;
		height: auto;
		position: relative;
		display: block;
		margin: 0 0 4em 0 !important;
		padding: 0;
		width: 100%;
		max-width: 100%;
		height: 80vh;
		background-size: cover !important;
	}
	.slide.videoslide iframe, 
	.slide.videoslide .kgvid_wrapper {
		display: none;
	}
	.slide .mobilecaption {
		display: inline-block;
	}
	.videoslidebw {
		-webkit-filter: grayscale(100%) !important;
		filter: grayscale(100%) !important;
	}
	.slide.videoslide .caption > div, 
	.slide.videoslide .mobilecaption > div, 
	.slide .caption > div, 
	.slide .mobilecaption > div, 
	.bwimg .caption > div, 
	.clrimg .caption > div {
		width: 90%;
		padding: 0 5%;
	}
	#content .smallpost {
		padding: 0 10% 2em 10%;
	}
	#content > h1, 
	#content > .socialbox, 
	#content > p,
	#content > ul, 
	#content > ol {
		padding: 0 10%;
	}
	form {
		padding: 0 10%;
	}
}

@media (max-width: 995px) {
	div.djcontentmixes .left, 
	div.djcontentmixes .right {
		float: none;
		display: block;
		margin: 0.5em;
		padding: 0.5em;
		width: calc(100% - 2em);
	}
}

@media (max-width: 880px) {
	.slide.videoslide .caption > div, 
	.slide.videoslide .mobilecaption > div {
		top: 60%;
	}
	#headerfixed .logo img, 
	#header .logo img {
		width: 80%;
	}
	.nav-icon2 {
		zoom: 0.8;
		-moz-transform: scale(0.8);
	}
	#content .smallpost > div.img {
		width: 100%;
		padding-bottom: 56.2%; /* 16:9 */
		clear: right;
	}
	#content .smallpost > div.text {
		width: 100%;
		clear: right;
	}
	#mixplayer {
		width: 75%;
		margin: 2em auto -2em auto;
	}
}

@media (max-width: 850px) {
	.bottommenu {
		display: none !important;
	}
	div.enhancements {
		padding: 1em 2.5% 0 2.5%;
	}
	/*div.enhancement {
		margin: 2em 0;
		width: 100%;
	}*/
}

@media (max-width: 800px) {
	div#threePhotos > div {
		display: block;
		width: 100%;
		height: 100vw;
	}
	div#threePhotos > div:nth-of-type(2) {
		margin: 1em 0;
	}
	div.djcontentmixes {
		padding: 1.5em 3em 2.5em 3em;
	}
	div.djcontentmixes .mix {
		width: calc(100% - 2em);
	}
	div#content .imagescontainer .image {
		margin: 0 1em 1em 1em;
		width: calc(100% - 2em);
	}
	.packages .package, 
	.enhancements_new .enhance {
		margin: 1em;
		width: calc(100% - 2em);
	}
}

@media (max-width: 790px) {
	.slide.videoslide .caption > div h1, 
	.slide.videoslide .mobilecaption > div h1 {
		font-size: 3em;
	}
	.slide .caption > div h1, 
	.slide .mobilecaption > div h1, 
	.bwimg .caption > div h1, 
	.clrimg .caption > div h1 {
		font-size: 3em;
	}
	.slide.videoslide .caption.blogcaption > div h1, 
	.slide .caption.blogcaption > div h1, 
	.bwimg .caption.blogcaption > div h1, 
	.clrimg .caption.blogcaption > div h1 {
		font-size: 6em;
	}
	.slide .caption > div p, 
	.slide .mobilecaption > div p, 
	.bwimg .caption > div p, 
	.clrimg .caption > div p {
		font-size: 1.75em;
	}
}

@media (max-width: 725px) {
	.clrimg .caption.photobooth {
		margin-top: -1.5em;
	}
	.clrimg .caption.photobooth > div h1 {
		font-size: 1.5em;
	}
}

@media (max-width: 650px) {
	div.djcontentmixes {
		padding: 1em;
	}
	div.djcontentmixes .left,
	div.djcontentmixes .right,
	div.djcontentmixes .center {
		font-size: 90%;
	}
	.clrimg .caption > div h1.larger {
		font-size: 3.5em;
		line-height: 1em;
	}
}

@media (max-width: 550px) {
	#content > p, 
	#content > ul, 
	#content > ol, 
	#content .smallpost > div.text p {
		text-align: center;
	}
	#mixplayer {
		width: 90%;
		margin: 1em auto -3em auto;
		padding: 1em;
	}
}

@media (max-width: 450px) {
	#headerfixed .logo, 
	#header .logo {
		left: 0.5em;
	}
	#headerfixed .logo img, 
	#header .logo img {
		width: 60%;
	}
	.nav-icon2 {
		zoom: 0.6;
		-moz-transform: scale(0.6);
	}
	.jp-playlist li {
		font-size: 100%;
	}
	.clrimg .caption > div h1.larger {
		font-size: 3em;
		line-height: 1em;
	}
}

@media (max-width: 320px) {
	body {
		font-size: 80%;
	}
}