/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 1.6.2
*/

html {overflow:hidden;background: url('/wp-content/uploads/2019/05/silvia_zaragoza_official.jpg') no-repeat center center #000!important;background-size: cover!important;}

/* Style the video: 100% width and height to cover the entire window */
#myVideo {
  position: fixed;
  left: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
}

#Content {position:Relative;margin: 60px;box-sizing:Border-box;width: calc(100% - 120px);padding-top:0!important}
.wpb_single_image .vc_single_image-wrapper {margin-bottom:0!important}
.vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner {padding-top: 10px}
.wpb_wrapper > div {margin-bottom: 10px;}
a.mfn-link{margin:0 15px;}
a.mfn-link-2 span, a:hover.mfn-link-2 span:before, a.hover.mfn-link-2 span:before, a.mfn-link-5 span, a.mfn-link-8:after, a.mfn-link-8:before {font-weight:bold;}
*:hover {text-decoration:none!important}

.animated div p:first-child {animation-delay:3s;}


.redes {text-align:Center;color: #FFF;font-weight: 500;}
.redes a{font-size: 30px;color: #FFF;animation-delay: 3s;animation-name: fadeInUp;
    animation-duration: 1s;
    animation-fill-mode: both;}
.redes p{animation-delay: 2s;animation-name: fadeInDown;
    animation-duration: 1s;
    animation-fill-mode: both;}

.wpb_single_image img {
    vertical-align: middle;
}

.contacto .popup-link{background: #000;color: #FFF;padding: 5px 10px;font-weight:Bold;}

.principal {
	
    margin-top: -62px !important;
    margin-bottom: -196px !important;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.frases center {     animation-delay: 2s;
    animation-name: fadeInDown;
    animation-duration: 1s;
    animation-fill-mode: both;}

.frases span {margin-bottom: 0px;text-align:center;color: #FFF;font-weight: 500;
  -webkit-animation-name: pulse;
  animation-name: pulse;
  animation-duration:1s;}
	
.botones {text-align:center;}
.botones a {background: #00652d;color: #FFF;font-weight:Bold;font-size: 16px;line-height: 16px;}
.botones a:first-child {margin-right: 20px;}

.animado {
  background: transparent;
  align-items: center;
  justify-content: center;
  text-align:center;
}
.animado svg {
  max-width: 404px;
  width: 100%;
  height: 120px;
  fill: none;
  stroke: white;
  stroke-width: 4;
}
.animado svg tspan > tspan {
  stroke-dasharray: 1500;
  stroke-dashoffset: -1500;
}
.animado svg tspan > tspan:nth-of-type(1) {
  animation: draw 5000ms 0ms infinite;
   animation-direction:alternate;
}
.animado svg tspan > tspan:nth-of-type(2) {
  animation: draw 5000ms 0ms infinite;
   animation-direction:alternate;
}
.animado svg tspan > tspan:nth-of-type(3) {
  animation: draw 0 0 infinite;
}
.animado svg tspan > tspan:nth-of-type(4) {
  animation: draw 5000ms 0ms infinite;
   animation-direction:alternate;
}
.animado svg tspan > tspan:nth-of-type(5) {
  animation: draw 5000ms 0ms infinite;
   animation-direction:alternate;
}
.animado svg tspan > tspan:nth-of-type(6) {
  animation: draw 5000ms 0ms infinite;
   animation-direction:alternate;
}
@keyframes draw {
  100% {
    stroke-dashoffset: 0;
  }
}

.redes svg {
    width: 25px;
    height: 25px;   
	fill:#fff;
    margin-right: 15px;}
.redes a:last-child svg, .botones a:last-child{
margin-right: 0;}

.redes a svg {transition: all .1s ease-in-out;}
.redes a:hover svg {transition: all .1s ease-in-out;stroke: rgba(0,0,0,0);}
.redes .facebook:hover svg {fill: #3b5998;transform: scale(1.2);}
.redes .twitter:hover svg {fill: #55acee;transform: scale(1.2);}
.redes .instagram:hover svg {fill: #e95950;transform: scale(1.2);}
.redes .resident:hover svg {fill: #b3be1b;transform: scale(1.2);}
.redes .soundcloud:hover svg {fill: #ff8800;transform: scale(1.2);}
.redes .mixcloud:hover svg {fill: #50b0c0;transform: scale(1.2);}
.redes .beatport:hover svg {fill: #94d528;transform: scale(1.2);}
.redes .vimeo:hover svg {fill: #aad450;transform: scale(1.2);}
.redes .spotify:hover svg {fill: #1db954;transform: scale(1.2);}
.redes .traxsource:hover svg {fill: #40A0FF;transform: scale(1.2);}
.redes .youtube:hover svg {transform: scale(1.2);}
.redes .youtube:hover svg path {fill: #bb0000;
    stroke: rgba(0,0,0,0);}

.mfp-inline {background: #000;color: #FFF;}

.mfp-content {
    max-width: 5000px;
    width: 100%;
}
.mfp-inline {
    width: 100%;
    max-width: 5000px;
	padding: 50px;
box-sizing:border-box;}

.mfp-bg {opacity: 1;background: #000;}

input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea, .woocommerce .quantity input.qty {
	box-shadow:none;
	background-color: transparent!important;
	border:0px solid #FFF!important;
	border-bottom:1px solid #FFF!important;
	color: #FFF!important;
}

input[type="date"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="text"]:focus,input[type="url"]:focus,select:focus,textarea:focus {
	color: #FFF!important;
	background-color: transparent!important;
}

select option {background: #000}

   .formcraft-css select{ background-position: 97% 54%!important;}
   html .formcraft-css .fc-form .form-element .timepicker-cover input.meridian-picker, html .formcraft-css .fc-form .form-element .timepicker-cover select {max-width: 100%;}
   
  .formcraft-css .fc-form.fc-form-1.label-floating .form-element .timepicker-cover > span {padding-bottom: 0px!important;padding-top: 7px!important;transform: translate3d(0,-11px,0) scale(.8)!important;-webkit-transform: translate3d(0,-11px,0) scale(.8)!important;}
  .time-fields-cover {margin-top: -25px;}
  .mfp-close-btn-in .mfp-close{color: #FFF;}
  
  .ui-datepicker{display:none;}
  .easy-table th, .easy-table tr, .easy-table tr td {background: transparent;color: #FFF;font-weight:normal;text-align:Center;box-shadow:none;}
 .easy-table tr td:first-child, .easy-table tr th:first-child{background: #333!important;}
 .easy-table tr:hover td, .easy-table tr:hover th {background: none!important;}
 .easy-table tr:hover { background-position: 0 145px;}
 table tr:first-child td{box-shadow:none!important;}
 .easy-table tr{border-bottom: 10px solid #000;}
 .easy-table tr:hover{background: #333;}
 
	 .piepagina {margin-bottom:-24px; padding: 0 80px;}
 
 @media (max-width: 768px) {
	 #Content {margin:0;border:0;width: 100%;}
	 .contacto .wpb_content_element, .botones .wpb_content_element, .visit .wpb_content_element {margin-top:0!important;text-align:center;}
	 .piepagina {position:fixed!important;bottom:0px;left:20px!important;margin-bottom:0px;padding: 0 20px;margin-top: -150px;}
	 .visit .wpb_content_element p {text-align:center!important;}
	 .contacto, .botones {margin-bottom:5px;}
	 .redes svg {margin-right: 8px;}
	 .botones a {font-size: 14px;line-height: 14px;}
	 .animado {margin-top: -25%;}
	 .table-responsive {border:0!important}
	 .easy-table thead th {vertical-align:middle!important}
 }