/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/*======================================================================
    Global Style
========================================================================*/
.sprite {
  background:url('../images/utilities-s0bd8625f84.png');
}
.fb-icon {
  width:158px;
  height:122px;
  background-position:0 -82px;
}
.twitter-icon {
  width:13px;
  height:23px;
  background-position:0 -360px;
}
html {
  min-width:100%;
  width:100%;
  height:100%;
}
body {
  min-width:100%;
  width:100%;
  height:100%;
}
#wrapper {
  min-width:100%;
  width:100%;
  height:100%;
  transition:0.35s margin-left;
  -webkit-transition:0.35s margin-left;
  -moz-transition:0.35s margin-left;
}
@media only screen and (max-width:1024px) {
  #container {
    min-width:100%;
    width:100%;
  }
}

/*======================================================================
    Helper Styles
========================================================================*/

/*
 * Image replacement
 */
.ir {
  background-color:transparent;
  border:0;
  overflow:hidden;
  
/* IE 6/7 fallback */
  *text-indent:-9999px;
}
.ir:before {
  content:"";
  display:block;
  width:0;
  height:150%;
}

/*
 * Hide from both screenreaders and browsers:h5bp.com/u
 */
.hidden {
  display:none !important;
  visibility:hidden;
}

/*
 * Hide only visually,but have it available for screenreaders:h5bp.com/v
 */
.visuallyhidden {
  border:0;
  clip:rect(0 0 0 0);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute;
  width:1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard:h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip:auto;
  height:auto;
  margin:0;
  overflow:visible;
  position:static;
  width:auto;
}

/*
 * Hide visually and from screenreaders,but maintain layout
 */
.invisible {
  visibility:hidden;
}

/*
 * Clearfix:contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content:" ";
  
/* 1 */
	display:table;
  
/* 2 */;
}
.clearfix:after {
  clear:both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
  *zoom:1;
}

/*======================================================================
    Partials
========================================================================*/

/*======================================================================
    Template Sections Styles
========================================================================*/

/*======================================================================
    Header Styles
========================================================================*/
@media only screen and (max-width:1024px) {
  #header {
    min-width:95%;
    width:95%;
  }
}
#header .mobile-menu-icon {
  display:none;
}
@media only screen and (max-width:777px) {
  #header .mobile-menu-icon {
    cursor:pointer;
    display:inline-block;
    position:absolute;
    padding:18px 20px 20px 20px;
    right:0;
  }
}
@media only screen and (max-width:777px) {
  #header .closed {
    
  }
}
@media only screen and (max-width:777px) {
  #wrapper {
    
  }
  #header ul {
    background:#000;
    position:absolute;
    overflow:hidden;
    right:-230px;
    width:0;
    z-index:999;
    height:100%;
  }
}
@media only screen and (max-width:777px) {
  #header .main a {
    color:#d74e1d;
  }
}
#header .mobile-item {
  display:none;
}
@media only screen and (max-width:777px) {
  #header .mobile-item {
    display:block;
  }
  #header .mobile-item:first-child,
  #header .mobile-item:last-child,
  #header .mobile-item:nth-of-type(3) {
    border-bottom:5px solid #464646;
  }
}
#header li {
  z-index:999;
}
@media only screen and (max-width:777px) {
  #header li {
    float:none;
    border-bottom:1px solid #464646;
  }
  #header li a {
    font-size:28px;
    padding-left:15px;
    padding-top:17px;
  }
}
@media only screen and (max-width:777px) {
  .ie11 #header ul {
    background:#000;
    position:absolute;
    overflow:hidden;
    right:0;
    width:0;
    z-index:999;
    height:100%;
    transition:0.35s width;
    -webkit-transition:0.35s width;
    -moz-transition:0.35s width;
  }
}
@media only screen and (min-width:778px) {
  #wrapper {
    left:auto !important;
  }
  ul.nav {
    width:auto !important;
  }
  .right-top-title,
  .page-title.city-page {
    width:auto !important;
  }
}

/*======================================================================
    Footer Styles
========================================================================*/
#footer {
  width:100%;
  min-width:100%;
}
@media only screen and (max-width:1024px) {
  #footer .footer-shadow,
  #footer .footer-top,
  #footer .footer-bottom {
    width:100%;
    min-width:100%;
  }
}
@media only screen and (max-width:777px) {
  #footer .footer-bottom {
    padding-top:80px;
  }
}
#footer .footer-bottom-ins ul.social-list .label {
  color:#fff;
  font-size:26px;
  display:none;
  margin:20px 0 20px 20px;
  vertical-align:middle;
}
@media only screen and (max-width:777px) {
  #footer .footer-bottom-ins .logos-holder {
    width:100%;
    min-width:0;
  }
  #footer .footer-bottom-ins .logos-holder li {
    width:30%;
    margin:10px 1.5%;
  }
  #footer .footer-bottom-ins .logos-holder li span,
  #footer .footer-bottom-ins .logos-holder li a 
  {
    width:100%;
    height:100px;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  }
  #footer .footer-bottom-ins .logos-holder li img {
    width:90%;
    height:auto;
  }
}
@media only screen and (max-width:660px) {
  #footer .footer-bottom-ins .logos-holder li {
    width:47%;
  }
  #footer .footer-bottom-ins .logos-holder li a,
  #footer .footer-bottom-ins .logos-holder li span
  {
    height:130px;
  }
}
@media only screen and (max-width:1024px) {
  #footer .footer-bottom-ins {
    width:95%;
    min-width:95%;
  }
  #footer .footer-bottom-ins .footer-contact label {
    font-size:14px;
    padding:13px 30px 0 0;
    width:200px;
  }
  #footer .footer-bottom-ins .footer-contact .contact-box-inp {
    background:url(../img/bg/bg-contact-input.png) left center no-repeat white;
    background-size:255px 66px;
    width:270px;
  }
  #footer .footer-bottom-ins .footer-contact .contact-box-inp input.email-inp {
    width:195px;
  }
}
@media only screen and (max-width:777px) {
  #footer .footer-bottom-ins ul.social-list {
    float:none;
  }
  #footer .footer-bottom-ins ul.social-list li {
    display:block;
    float:none;
    padding:15px 0 0 0;
  }
  #footer .footer-bottom-ins ul.social-list li a {
    display:inline-block;
    vertical-align:middle;
  }
  #footer .footer-bottom-ins ul.social-list li .label {
    display:inline-block;
  }
  #footer .footer-bottom-ins .footer-contact {
    float:none;
    display:block;
  }
  #footer .footer-bottom-ins .footer-contact label {
    float:none;
    text-align:left;
    padding:20px 0;
    width:100%;
  }
  #footer .footer-bottom-ins .contact-box {
    float:none;
  }
}
@media only screen and (max-width:360px) {
  #footer .footer-bottom-ins ul.social-list li .label {
    font-size:18px;
  }
}
@media only screen and (max-width:1024px) {
  #footer .footer-top-ins {
    width:95%;
    min-width:95%;
  }
}
@media only screen and (max-width:1024px) {
  #footer .grid-wrapper {
    margin:0 auto;
  }
}
@media only screen and (max-width:777px) {
  .city-page #footer {
    top:30px;
  }
}

/*======================================================================
    Pages Styles
========================================================================*/

/*======================================================================
    Default Page Template
========================================================================*/
@media only screen and (max-width:777px) {
  .top-container {
    display:none;
  }
}
@media only screen and (max-width:1024px) {
  #controls {
    margin-left:41%;
  }
}
@media only screen and (max-width:777px) {
  #controls {
    display:none;
  }
}
@media only screen and (max-width:1600px) {
  #largermap_container {
    width:87.5%;
  }
}
@media only screen and (max-width:777px) {
  #largermap_container {
    display:none;
  }
}
@media only screen and (max-width:1024px) {
  body.city-page .content-top h1,
  body.piano-page .content-top h1,
  body .content-top h1 {
    margin:0;
  }
}
@media only screen and (max-width:777px) {
  body.city-page,
  body.piano-page,
  body {
    background-color:#ddded9;
  }
  body.city-page .content-top,
  body.piano-page .content-top,
  body .content-top {
    background-image:none;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    padding:5px 0 0 0;
    height:35px;
  }
  body.city-page .bg-notation,
  body.piano-page .bg-notation,
  body .bg-notation {
    background-image:none;
  }
	.left-top-content .content-box.city-page h2 {margin-top:0px;}
}
@media only screen and (max-width:777px) {
  body.city-page .top-container,
  body.piano-page .top-container,
  body .top-container {
    display:block;
    visibility:hidden;
  }
}
@media only screen and (max-width:777px) {
  body.city-page .container-ins,
  body.piano-page .container-ins,
  body .container-ins {
    top:20px;
  }
}
@media only screen and (max-width:360px) {
  body.city-page .container-ins .page-title,
  body.piano-page .container-ins .page-title,
  body .container-ins .page-title {
    width:90% !important;
  }
}
@media only screen and (max-width:777px) {
  body.city-page #container,
  body.piano-page #container,
  body #container {
    background:url(../img/bg/bg-notation.jpg) no-repeat center top;
  }
}
@media only screen and (max-width:777px) {
  body.city-page .container-ins {
    top:60px;
  }
  .content-ins .page-title h1 {
    font-size:26px;
  }
	#flag_selection {position:relative!important; left:auto!important; top:auto!important; margin-bottom:20px;}
	#flag_selection a {display:inline; float:none; margin-left:0; margin-right:10px;}
	.addthis_toolbox iframe {margin-bottom:10px;}
	div[class$="latest-uploads-holder"] h2.title {position:relative; margin-bottom:-20px;}
}
body.piano-page .content-ins {
  padding:10px 0 0;
}
body.piano-page .content-ins .page-title {
  width:80% !important;
}
body.piano-page .column-holder {
  width:100%;
  margin:0 auto;
  position:relative;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  overflow:visible !important;
  padding-bottom:200px;
}
body.piano-page .left-content,
body.piano-page .right-content,
body.piano-page .item,
body.piano-page .column-holder > .content-box {
  width:48%;
  margin:10px 0.75%;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}
body.piano-page .item {
	width:24%;
}

body.piano-page #comment-featured,
body.piano-page #main-piano-content {
  width:100%;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}
body.piano-page #view_more {
  bottom:60px;
}

/*
body.piano-page .content-box:nth-of-type(2) {
  margin:0;
}
*/
body.piano-page img,
body.piano-page iframe {
  width:100%;
}
@media only screen and (max-width:777px) {
  body.piano-page .column-holder {
    width:97%;
    padding-bottom:50px;
  }
  body.piano-page .left-content,
  body.piano-page .right-content,
  body.piano-page .item,
  body.piano-page .content-box,
  body.piano-page .column-holder > .content-box {
    width:98.25%;
  }
  body.piano-page #view_more {
    bottom:12px;
  }
}
@media only screen and (max-width:1024px) {
  .content,
  .content-top-ins,
  .content-ins,
  .content-slider,
  .bg-notation,
  .top-block,
  .map-holder,
  #map_homepage {
    width:100%;
    min-width:0;
    float:none;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  }
  #main-piano-content .addthis_toolbox {
    height:30px !important;
  }
}
@media only screen and (max-width:1024px) {
  #column-left-highlights,
  #column-right-highlights {
    width:95%;
    min-width:95%;
    margin:0 auto;
    float:none;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  }
}
@media only screen and (max-width:660px) {
  #column-left-highlights .view_more_highlights,
  #column-right-highlights .view_more_highlights {
    width:95%;
  }
  #column-left-highlights .view_more_highlights a,
  #column-right-highlights .view_more_highlights a {
    font-size:18px;
  }
  #column-left-highlights .pvh_container {
    width:46%;
    margin-right:4%;
  }
}
@media only screen and (max-width:360px) {
  #column-left-highlights .view_more_highlights a .view_more_text,
  #column-right-highlights .view_more_highlights a .view_more_text {
    display:block;
  }
  #column-left-highlights .pvh_container {
    width:100%;
    margin-right:0;
  }
}
@media only screen and (max-width:660px) {
  .highlights-page .content-ins .page-title {
    width:auto !important;
  }
}
@media only screen and (max-width:1024px) {
  #content_filters {
    display:block;
    position:relative;
    margin-top:30px;
  }
  #content_filters ul .filter {
    float:none;
    display:inline-block;
  }
}
@media only screen and (max-width:777px) {
  #content_filters {
    top:15px;
    left:0;
  }
  #content_filters > .filter {
    float:none;
    display:none;
  }
}
@media only screen and (max-width:660px) {
  #content_filters {
    width:100%;
  }
  #content_filters ul {
    padding:0;
  }
  #content_filters ul .filter {
    margin:0;
  }
}
@media only screen and (max-width:777px) {
  #highlights_live {
    display:block;
    position:relative;
    margin-top:30px;
  }
}
@media only screen and (max-width:1024px) {
  #highlights_holding {
    margin-top:0;
  }
}
@media only screen and (max-width:777px) {
  #highlights_holding {
    margin-top:20px;
  }
}
@media only screen and (max-width:1024px) {
  .content-slider .images {
    width:100%;
    height:auto;
  }
  .content-slider .images .image,
  .content-slider .images img {
    width:100%;
    height:auto;
  }
}
@media only screen and (max-width:1024px) {
  .content-box-page iframe {
    width:100%;
  }
  .content-box-page img {
    width:100%;
    height:auto;
  }
}
@media only screen and (max-width:1024px) {
  .content-ins .page-title {
    margin-left:0;
  }
}
#map-object {
  display:block !important;
}
@media only screen and (max-width:1024px) {
  .left-top-content {
    min-width:0;
    width:46%;
    margin-left:2%;
  }
  .left-top-content .content-box {
    width:100%;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  }
}
@media only screen and (max-width:777px) {
  .left-top-content {
    width:95%;
    min-width:95%;
    float:none;
    margin:0 auto;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  }
}
.right-top-content .view-map {
  display:none;
}
@media only screen and (max-width:1024px) {
  .right-top-content {
    min-width:0;
    width:46%;
    margin-right:2%;
    margin-bottom:60px !important;
  }
}
@media only screen and (max-width:777px) {
  .right-top-content {
    width:95%;
    min-width:95%;
    float:none;
    margin:0 auto;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  }
  .right-top-content .right-top-title {
    width:auto !important;
  }
  .right-top-content .right-top-title h2 {
    font-size:15px;
    min-width:0;
  }
  .right-top-content .view-map {
    display:block;
    background:#053db3 url("../img/elem/viewmap-icon.png") no-repeat 5px center;
    padding:2px 2px 2px 60px;
    margin-bottom:60px !important;
  }
  .right-top-content .view-map span {
    background:#053db3 url("../img/btn/btn-viewmap.png") repeat-x left center;
    padding:18px 17px 15px;
    font-size:28px !important;
    text-shadow:1px -1px 1px #666;
    -webkit-text-shadow:1px -1px 1px #666;
    -moz-text-shadow:1px -1px 1px #666;
  }
  .right-top-content .view-map:hover {
    background:#002572 url("../img/elem/viewmap-icon.png") no-repeat 5px center;
  }
  .right-top-content .view-map:hover span {
    background:#002572 url("../img/btn/btn-viewmap-hover.png") repeat-x left center;
  }
}
.left-column .small-latest-uploads-holder {
  min-height:312px;
}
@media only screen and (max-width:1024px) {
  .left-column {
    min-width:0;
    width:59.75%;
    margin-left:2%;
  }
  .left-column .latest-uploads-holder,
  .left-column .small-latest-uploads-holder {
    width:100%;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  }
  .left-column .latest-uploads-holder iframe,
  .left-column .latest-uploads-holder img,
  .left-column .small-latest-uploads-holder iframe,
  .left-column .small-latest-uploads-holder img {
    width:100%;
  }
  div[class$="latest-uploads-holder"] .latest-uploads .latest-uploads-content .alignleft {
    margin-bottom:10px;
  }
  div[class$="latest-uploads-holder"] .latest-uploads .latest-uploads-content .latest-uploads-info span.date {
    text-align:left;
    margin-top:10px;
  }
}
@media only screen and (max-width:777px) {
  .left-column {
    width:95%;
    min-width:95%;
    float:none;
    margin:0 auto;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  }
}
@media only screen and (max-width:360px) {
  .left-column .small-latest-uploads-holder .controls-latest.top {
    display:none;
  }
}
@media only screen and (max-width:1024px) {
  body.global-page .content-top h1 {
    margin:0;
  }
}
@media only screen and (max-width:777px) {
  body.global-page .content-top {
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    padding:5px 0 0 0;
  }
}
@media only screen and (max-width:660px) {
  body.global-page .content-top h1 {
    font-size:26px;
  }
}
@media only screen and (max-width:777px) {
  .top-block {
    width:100%;
    min-width:100%;
    padding:5px 20px;
  }
}
@media only screen and (max-width:1024px) {
  .right-column {
    min-width:0;
    width:32.675%;
    margin-right:2%;
  }
  .right-column .slider .slidetabs-wrap li {
    display:inline-block;
    float:none;
    padding:0;
  }
  .right-column .slider .slidetabs-wrap a {
    font-size:22px;
  }
  .right-column .slider .images {
    width:100%;
    overflow:hidden;
  }
  .right-column iframe {
    width:100% !important;
  }
}
@media only screen and (max-width:777px) {
  .left-column {
    clear:both;
  }
  .right-column {
    width:95%;
    margin:0 auto;
    padding:0 10px;
    float:none;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  }
  .right-column > * {
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  }
  .right-column .btn-big-green,
  .right-column .btn-big-blue {
    width:100%;
    margin:0 auto 20px auto;
    min-height:50px;
  }
  .right-column .btn-big-green span,
  .right-column .btn-big-blue span {
    min-height:30px;
    padding:18px 17px 15px;
  }
  .right-column .slider {
    width:47%;
    float:left;
    margin-bottom:50px;
  }
  .right-column .slider.slider-photo {
    margin-right:5%;
  }
  .right-column .slider .images .image {
    right:0;
  }
  .right-column .slider img {
    width:100%;
    height:auto;
  }
  .right-column .content-box-sidebar {
    clear:both;
    width:100%;
    margin:50px auto 20px auto;
  }
}
@media only screen and (max-width:600px) {
  .right-column .slider {
    width:100%;
    float:left;
  }
  .right-column .slider.slider-photo {
    margin-right:0;
  }
}
@media only screen and (max-width:360px) {
  .right-column {
    width:95%;
    margin:0 auto;
    min-width:0;
  }
  .right-column > * {
    width:100%;
  }
}
.close-map {
  color:white !important;
  font-size:54px;
  height:55px;
  line-height:50px;
  cursor:pointer;
  background:#3d362f;
  border:7px solid #ce773e;
  border-style:none none solid none;
  width:52px;
  top:0;
  float:right;
  position:relative;
  z-index:99999;
}

/*======================================================================
    Single Post Template
========================================================================*/

/*======================================================================
    Search Result Page Template
========================================================================*/

/*======================================================================
    404 Page Template
========================================================================*/

/*======================================================================
    Single Post Template
========================================================================*/
.instruction-drop {
  cursor:pointer;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  width:100%;
  height:50px;
  padding-left:50px;
  background:#4a610b url("../img/elem/video-upload.png") no-repeat 5px center;
}
.instruction-drop span {
  text-transform:uppercase;
  display:block;
  font-family:'BebasNeueRegular';
  float:left;
  font-size: 24px;
  line-height: 54px;
  height:50px;
  color:#fff;
  padding-left:15px;
  background:#63810f url("../img/btn/video-upload-close.png") no-repeat right center;
  width:100%;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}
@media only screen and (max-width:450px) {
  .instruction-drop span {
    font-size:20px;
    padding-right:35px;
    line-height:21px;
    padding-top:6px;
  }
}
.instruction-drop.show span {
  background:#63810f url("../img/btn/video-upload-open.png") no-repeat right center;
}
.inst-container {
  width:100%;
  position:relative;
}
.instruction-dropdown {
  display:none;
  position:absolute;
  background:#fff;
  width:100%;
  max-width:480px;
  border:1px solid #000;
  border-top:none;
  padding:20px;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}
.instruction-dropdown a {
  text-decoration:none;
}
.instruction-drop {
  margin-top:20px;
}
.inst-details {
  padding:10px 0 10px 70px;
  line-height:16px;
  margin-top:20px;
}
.yt-capt {
  background:white url("../img/icons/yt_capture.png") no-repeat left center;
}
.yt {
  background:white url("../img/icons/yt_app.png") no-repeat left center;
}
.pb-container {
  display:none;
  right:0;
  position:relative;
}
@media only screen and (max-width:450px) {
  .pb-container {
    padding-top:40px !important;
  }
}
.progressbox {
  border:1px solid #a3a3a1;
  padding:1px;
  position:absolute;
  width:220px;
  right:0;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}
@media only screen and (max-width:450px) {
  .progressbox {
    width:100% !important;
  }
}
.progressbar {
  height:27px;
  background-color:#e77400;
  width:1%;
}
.statustxt {
  top:7px;
  position:absolute;
  display:inline-block;
  color:#e77400;
  font-size:18px;
  left:45%;
  font-family:'BebasNeueRegular';
}
.output {
  padding-top:50px;
}
@media only screen and (max-width:450px) {
  .output {
    padding-top:80px;
  }
}
.comment-form input.comment_photo {
  min-height:22px;
  padding:3px;
  right:0;
}
@media only screen and (max-width:450px) {
  .comment-form input.comment_photo {
    margin-top:10px;
    width:100% !important;
  }
}
.comment_or {
  background:url("../img/bg/bg-comment-or.png") no-repeat center 0;
  width:100%;
}
.comment_or:nth-of-type(2) {
  margin-top:21px;
}
.comment-form {
  width:100%;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  padding:25px;
}
.comment-form input,
.comment-form textarea,
.comment-form select {
  width:100%;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}
.comment-form h3.respond {
  width:90%;
}
#upload-form {
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  width:100%;
}
.comment_media_wrap {
  width:100%;
  margin:0 0 20px -25px;
  padding:20px 25px;
}
@media only screen and (max-width:550px) {
  .mfp-container {
    padding:0 !important;
  }
}
@media only screen and (max-width:550px) {
  .mfp-upload-holder {
    margin:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
  }
}
.mfp-upload-holder .mfp-close {
  color:white !important;
  font-size:55px;
  font-weight:bold;
  opacity:0.85;
  height:55px;
  background:#3d362f;
  border-bottom:7px solid #ce773e;
  width:52px;
  top:0;
  float:right;
  position:relative;
  z-index:99999;
}
@media only screen and (max-width:450px) {
  .mfp-upload-holder .mfp-close {
    float:none;
    right:0;
    position:absolute;
  }
}
@media only screen and (max-width:550px) {
  #comment-form-pp-wrapper {
    margin:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
  }
}

/* Piano Location  */
@media only screen and (max-width:1024px) {
  .tabs-holder ul.tabs {
    padding:0;
  }
  .tabs-holder ul.tabs li {
    float:none;
    width:100%;
    margin:0;
  }
  .tabs-holder ul.tabs li:nth-child(2)  a {
    display:none;
  }
}
@media only screen and (max-width:1024px) {
  .piano-location a {
    float:none;
    margin:10px auto 0;
    width:90%;
  }
  .piano-location a span {
    width:38px;
  }
}
@media only screen and (max-width:1024px) {
  .piano-location .content-piano-location ul {
    width:49%;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  }
  .piano-location .content-piano-location ul li {
    width:100%;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  }
  .piano-location .content-piano-location ul li a {
    margin-top:0;
  }
  .piano-location .content-piano-location ul:nth-of-type(odd) {
    margin-right:2%;
  }
}
@media only screen and (max-width:777px) {
  .piano-location .content-piano-location ul {
    width:100%;
  }
}
span.report_comments {
  float:none;
  text-align:right;
}
@media only screen and (max-width:1024px) {
  #separate_top_from_comments {
    display:none;
  }
}
@media only screen and (max-width:1024px) {
  .column-holder {
    width:100%;
    min-width:0;
    float:none;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
  }
}
.column-holder #view_more.view_more_large {
  width:380px !important;
}
@media only screen and (max-width:450px) {
  .column-holder #view_more.view_more_large {
    width:90% !important;
    margin-left:0;
    bottom:-70px;
    left:8px;
  }
  #view_more a {
    font-size:17px;
  }
}
@media only screen and (max-width:450px) {
  .column-holder {
    margin-bottom:100px !important;
  }
}
.view-map-holder {
  display:none;
  width:100%;
  padding:10px;
  margin:60px auto 0;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
}
.view-map-holder .view-map {
  display:block;
  background:#053db3 url("../img/elem/viewmap-icon.png") no-repeat 5px center;
  padding:2px 2px 2px 60px;
  margin:0;
}
.view-map-holder .view-map span {
  background:#053db3 url("../img/btn/btn-viewmap.png") repeat-x left center;
  padding:18px 17px 15px;
  font-size:28px !important;
  text-shadow:1px -1px 1px #666;
  -webkit-text-shadow:1px -1px 1px #666;
  -moz-text-shadow:1px -1px 1px #666;
}
.view-map-holder .view-map:hover {
  background:#002572 url("../img/elem/viewmap-icon.png") no-repeat 5px center;
}
.view-map-holder .view-map:hover span {
  background:#002572 url("../img/btn/btn-viewmap-hover.png") repeat-x left center;
}
@media only screen and (max-width:777px) {
  .view-map-holder {
    display:block;
  }
}
@media only screen and (max-width:450px) {
  .view-map-holder {
    margin-top:100px;
  }
}
#geoLoc {
  position:absolute;
  bottom:5px;
  right:5px;
  z-index:10456;
  height:35px;
  width:35px;
  background:#313131 url("../img/icons/geolocation.png") no-repeat center center;
  border:none;
  text-indent:-999999px;
  cursor:pointer;
  display:none !important;
}
@media only screen and (max-width:777px) {
  #geoLoc {
    display:block !important;
  }
}

/*======================================================================
    Wordpress Default Styles
========================================================================*/

/*======================================================================
    Print Styles
========================================================================*/

/*=== Print Styles ===*/
@media print {
  * {
    background:transparent !important;
    box-shadow:none !important;
    color:black !important;
    text-shadow:none !important;
    -ms-filter:none !important;
    filter:none !important;
  }
  
/* Black prints faster:h5bp.com/s */a,
  a:visited {
    text-decoration:underline;
  }
  a[href]:after {
    content:" (" attr(href) ")";
  }
  abbr[title]:after {
    content:" (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content:"";
  }
  
/* Don't show links for images,
  or javascript/internal links */pre,
  blockquote {
    border:1px solid #999;
    page-break-inside:avoid;
  }
  thead {
    display:table-header-group;
  }
  
/* h5bp.com/t */tr,
  img {
    page-break-inside:avoid;
  }
  img {
    max-width:100% !important;
  }
@page {
  margin:0.5cm;
  }
  p,
  h2,
  h3 {
    orphans:3;
    widows:3;
  }
  h2,
  h3 {
    page-break-after:avoid;
  }
}

/*======================================================================
    Override Styles here
========================================================================*/

/**/