html{ height: 100%; min-height:100%; background: #fff;position:relative;}
body{ background: #fff; color: #000; font-family: 'Roboto', sans-serif; font-weight: 400; padding: 0; margin: 0; font-size: 1em;}

a{ color: #D2252B; transition: opacity 0.2s ease-in-out; border: none; }
a:hover, a:focus, a:visited{ color: #D2252B; text-decoration: none; }

strong{ font-weight: 700!important;}

p{ font-size: 1.6em; font-weight: 400; margin: 0; line-height: 1.2em; }
h1{ font-size: 3em; font-weight: 700; margin: 0; }
h2{ font-size: 2.5em; font-weight: 700; margin: 0; line-height: 1.2em; }
h3{ font-size: 2em; font-weight: 700; margin: 0; }
h4{ font-size: 2em; font-weight: 700; margin: 0; }

.font-x{font-family: 'Roboto', sans-serif; font-weight: 700;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	float: left;
	width: auto;
	
	margin-top: 25px; margin-left: 20px;
	padding: 0;
}

.content-photo{ }
.content-photo img{ width: 100%;}

.navbar-collapse{ padding-left: 0;}

.on-air{ float: right;  overflow: hidden; background: #fff; color: #000;     margin-right: 5px;
    margin-top: 5px; height: 90px; width: 400px;}

iframe#alaire-div{ padding: 0; margin: 0; }

.on-air-small{ float: right; overflow: hidden; color: #000; width: 270px; height: 60px; margin-top: 12px; margin-right: 10px;}

h4.listen{ margin-top: 8px; text-transform: uppercase; font-size: 1.6em;}

.wall-post.errantes img{  
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

.wall-post.errantes:hover img{  
    -webkit-filter: inherit!important;
    filter: inherit!important;
}

.logo{ margin: .5em;}

.description{
	display: block;
    width: 100%;
    overflow: hidden;
    float: left;
    line-height: 1.4em;
    font-size: 1.4em;
    text-align: left;
    padding-top: 1em;}


.on-air h2{ font-size: 2.4em; font-weight: 400;}
.on-air h3{ font-size: 1.8em;
    text-transform: uppercase;
    font-weight: 600;}
.cover-on-air{ float: left;}

.info-on-air{ float: left;  margin-top: 8px;}

.wp-playlist-light{
	
	width: 100%;
    float: left;
}
.mejs-controls .mejs-time-rail .mejs-time-current{ background: #D2252B!important;}

.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body{ background: #000!important;}
.wp-playlist{ padding: 0px!important; background: #fff!important; border: none!important; margin-top: 0!important;}

.listen-now{ width: 60px; height: 60px; display: block; float: right; margin:20px; -webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px; }

.wp-playlist-current-item{ height: 80px!important;}
.wp-playlist .wp-playlist-current-item img{ max-width: 80px!important; max-height: 80px!important;}
.wp-playlist-current-item span.wp-playlist-item-meta.wp-playlist-item-title{ font-size: 1.3em!important;}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{ background: #D2252B!important;}
.navbar-header{ background: #fff; width: 100%; min-height: 92px;  border-bottom: solid 2px #000;}


.title-player h1.font-x small{ display: block;
    margin: 0;
    padding: 0;}





.navbar-header .container{ padding: 2em 0;}
.mejs-container .mejs-controls{ background: #000!important;}
.navbar-default{ overflow: hidden; background: #fff; border: none!important;  margin: 0; border-radius: 0;}

.navbar-brand{ font-weight: 700; text-transform: uppercase; padding: 10px;}

.navbar-default a{ color: #000;}

.navbar-nav > li > a{  line-height: 50px; padding: 0 20px; font-size: 1.4em; font-weight: 400; text-transform: uppercase; }
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ background: transparent;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{ background: #000; color: #fff!important;}

.navbar-default .navbar-toggle{ border: none;}
.navbar-default .navbar-toggle .icon-bar{ background: #000; width: 25px; height: 3px; margin: 5px auto;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background: transparent; outline: none;}

.single-content{ margin-top: 30px;}
.single-content p{ margin: 0 0 1em 0}
.single-content h2{ text-transform: uppercase; margin-bottom: 1em; color: #D2252B;}
.single-content h1, .single-content h3, .single-content h4{ margin-bottom: 1em;}

.title{
	font-size: 1.8em; 
	position: absolute; left:0; bottom:0; z-index: 12; font-weight: 700; text-transform: uppercase;  background: rgba(255, 255, 255, 0.8); padding: 0 .5em 0 .5em;  line-height: 30px; 
	
	/*
	transform-origin: 100% 0;
    transform: rotate(-90deg);
    transform-origin: 17px 17px;
    */
    
    width: 100%;
    }
 
 
 h2.title small{ display: block;
    overflow: hidden;
    padding: 0;
    margin-top: -8px}
 
 .mask:hover .title { color: #fff; background: rgba(0, 0, 0, 1);}
    
.main-title{ margin-top: 2em;}
.single-info{ width: 870px;  }
.single-info p{ margin-bottom: 1.5em;}



.single-social{ padding-top: 10em;}
p.excerp{ font-size: 3.2em; font-weight: 100;}
.excerp a{ color: #fff;}


.content{ display: table-cell; vertical-align: middle; }

ul.menu{ display: inline-flex; font-size: 1.4em; text-transform: uppercase; margin: 0; padding: 0;}
ul.menu li{ list-style: none;} 
ul.menu li a{ font-size: 1em;  height: 40px; line-height: 36px; display: block; padding: 0 .5em; letter-spacing: 1px; font-weight: 700; border-top: solid 2px #000; 
	border-bottom: solid 2px #000;}
ul.menu li a:hover{ background: #D2252B; color: #fff!important; font-weight: 700;}

li.current-menu-item a{ color: #fff; background: #D2252B!important;}
.margin-top{ margin-top: 12em;}
.margin-bottom{ margin-bottom: 4em;}
.margin-bottom-small{ margin-bottom: .5em;}

hr{ background: #000; height: 2px; margin-bottom: 5em; margin-top: 5em; }


.prev-post a{ background: transparent url(../img/prev.png); background-size: 6em 6em; margin-right: .5em; }
.next-post a{ background: transparent url(../img/next.png); background-size: 6em 6em; }
.prev-post:hover, .next-post:hover{ opacity:0.8; filter:alpha(opacity=80);}

.content-wall{ overflow: hidden; margin: 10px; min-height: 520px; }
.wall-post{ position: relative; width: 33.33333%;  float: left; border: solid 10px #fff; }

.title-playlist{ display: block; float: left; width: 100%; height: 80px; background: #fff; border-bottom: solid 2px #000; }

.excerp{ display: block; background: red; overflow: hidden;}

.wall-post img{width: 100%;}

.title img{width:inherit; 	width: 24px;
    height: 24px;
    
   
    
    
    display: block;
       float: left;
    margin: .2em;
    margin-bottom: .2em;
    
    margin-left: 0;
}
.title h2{
	display: block;
	
}

.title-player{ width: 100%; height: 85px; overflow: hidden; margin-top: 10px; margin-bottom: 10px; position: relative; display: block; float: left;}
.title-player h1{ height: 0px; line-height: 42px; width: 100%; float: left; text-align: center; position: absolute; left: 0; top: 0; text-transform: uppercase; font-size: 2.5em;
}

.ssba.ssba-wrap{ float: left; margin-left: 10px;}

.ssba{   margin-top: 1px;}

.ssba a{ margin: 0 .3em;
    display: block;
    /* overflow: hidden; */
    float: right;}
.ssba-img{ width: 30px!important; height: 30px!important;}


.ssbp-text{ display: none;}

.nav-prev{     width: 40px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;}
    
    
.nav-next{     width: 40px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;}
    
    
    .nav-next a{   background: url(../img/next.svg) no-repeat;     width: 40px;
    height: 40px;
    overflow: hidden;
    text-indent: -999px;
    display: block;
    background-size: 40px;}
    
    
    .nav-prev a{ background: url(../img/prev.svg) no-repeat;     width: 40px;
    height: 40px;
    overflow: hidden;
    text-indent: -999px;
    display: block;
    background-size: 40px;}

.mask{     font-weight: 600;
    background: transparent;

    height: 100%;
    width: 100%;

    position: absolute;
    left: 0;
    bottom: 0;
    min-height: 200px;
    overflow: hidden;
}

#map{ width: 100%; height: 500px; }
.mask a{ font-size: 4em; position: absolute; left: 0; top: 0; display: block; height: 100%; width: 100%; background: #fff; opacity: 0;  text-align: center; }

.mask a:hover{ color: #D2252B; background: rgba(255, 255, 255, 0); opacity:100; filter:alpha(opacity=100);  }
.mask a span{display: block; clear: both; font-weight: 100;}

.no-margin{ margin: 0;}

.accua-form-view-sidebyside .pfbc-textarea {
height: 150px!important;
}

#sticky{ position: fixed; top: 0; left: 0; width: 100%;}

.logo-footer{ margin: 0 5px; display: block; display: inline-block; }
.favicon-footer{ margin-right: 2em; min-height: 50px;}
.favicon-footer img{ margin-top: 10px;}

.footer{ background: #fff; color: #000; padding: 1em 2em; border-top: solid 2px #000;  width:100%; height:100px;}

a.post-edit-link{ margin-top: 1em; margin-bottom: 1em; text-transform: uppercase; background: #60da85; color: #fff; padding: 1em; font-size: 2em; clear: both; display: block; text-align: center;}
a:hover.post-edit-link{ background: #f23674;}


.social-link a{  display: block; float: left; padding: 6px;
    margin: 0px 0 0 5px; }

.text-link{  color: #D2252B; border-bottom: solid .1em  #D2252B; }
.text-link:hover{ text-decoration: none; }
.text-link-landing{ border-bottom: solid .1em  #fff; }

.tags{ margin: 0; font-size: 2.2em; display: block; overflow: hidden; margin-top: 6em; text-align: center;}
.tags a{ color: #D2252B; padding: .5em 1em;  margin: 0 .5em .5em 0;   }

.single-social iframe{ width: 100%!important; height: 200px!important; overflow: hidden;}
.fb-comments, .fb-comments iframe[style] {width: 100% !important;}
.fb-comments, .fb-comments * { width:100% !important; }

.bottomMenu { display: none; position: fixed; bottom: 0; width: 100%; height: 60px; border-top: 1px solid #000; z-index: 1; }
.navbar-collapse{ border-top: none; box-shadow:none;}

.animate{ opacity:0; }
.visible{  opacity: 1.0!important; filter: alpha(opacity=100); }


.section{ padding: 4em 0 4.5em 0;}


.accuaform-fieldname-enviar {
    text-align: center;
}
.form {
    background: #000 url(../images/welcome.png) no-repeat center bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff;
    padding: 4em 0;
}
.form-single a {
    color: #fff;
}
.form-group {
    background: transparent url(../images/transparent.png) repeat;
    padding: 1em;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
.form-control {
    height: 42px;
    border: solid 3px transparent;
    font-size: 18px;
    color: #000;
    border-radius: 4px;
    box-shadow: none;
}
.form-control:focus {
    box-shadow: none;
    border: solid 3px #0ae681;
}



.info-on-air h2{ font-size: 1.4em;color: #D2252B; text-transform: uppercase; margin-left: 30px; margin-top: 2px;  letter-spacing: 2px; }
.info-on-air h3{ font-size: 2.2em;color: #fff; text-transform: uppercase; margin-left: 30px; letter-spacing: 2px; }



.accua-form-view-sidebyside .pfbc-textarea{

   height: 42px;
    border: solid 3px transparent;
    font-size: 18px;
    color: #000;
    border-radius: 4px;
    box-shadow: none;
    	
}


.accua-form-view-sidebyside .pfbc-textbox, .accua-form-view-sidebyside .pfbc-textarea, .accua-form-view-sidebyside .pfbc-select{
	
	padding: .5em!important;
	font-size: 1.4em;
	font-weight: 400;
}

.accua-form-view-sidebyside .pfbc-label{ width: 15%!important;}
.accua-form-view-sidebyside .pfbc-fieldwrap{ width: 85%!important;}
.accua-form-view-sidebyside .pfbc-buttons{ margin-top: 1em;}
label{     font-size: 1.6em;
  
 
 
    line-height: 40px;
    
    font-weight: 400; text-align: left;}

.accua-form-view-sidebyside .pfbc-element{ margin-bottom: 2em;     
    padding: 0;}

.accua-form-messages{ margin-top: 4em;}

form.accua-form __accua-form__1 accua-form-view-sidebyside{ width: 60%!important;}


.accua-form-view-sidebyside .pfbc-textbox, .accua-form-view-sidebyside .pfbc-textarea{
border: 2px solid #000!important; border-radius: 0;

}


div.pfbc-error{ background: #D2252B!important; color: #fff!important; border: none!important; font-size: 1.4em; margin: 2em 0!important}


input:focus, textarea:focus, button:focus{ outline: none;}

.accua-form-view-sidebyside .pfbc-error {
    padding: 1.5em 1em 1.6em 1em!important;
    margin-bottom: 0!important;
}


.container-form button{

    font-weight: 400;
    background: #D2252B!important;
    border: solid 3px #fff;
    color: #fff!important;
    padding: .4em 2em .3em;
    -moz-border-radius: 0px;
    border-radius: 0px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.6em!important;
    letter-spacing: 1px;
    border: none;
}

.container-form button:hover{
	background: #000!important;
}

img.calendar{ width: 25%!important; display: block; float: left; padding: 0 2em; padding-bottom: 2em; max-width: 380px;}

.inverse {
    border: solid 3px #b3b3b3;
    color: #333!important;
    font-weight: 600;
    padding-left: 2em;
    padding-right: 2em;
}
.inverse:hover {
    color: #fff!important;
}

.big-data-title{ padding:3em 0 1em 0; }
.big-data-title h2{ font-size: 3em; text-transform: uppercase;}

.big-data-title h2 small{ display: block; overflow: hidden;}

.wp-playlist-light .wp-playlist-caption{ color: #000!important;}
.wp-playlist-item{
	padding: 2px 15px!important;
}

.wp-playlist-playing a.wp-playlist-caption{ color: #fff!important;}

.wp-playlist-playing{ background: #D2252B!important; color: #fff!important;}
.wp-playlist-item{ border-bottom: none!important; border-top: 1px solid #000; }

.wp-playlist-item-length{ top:3px!important; right: 15px!important; }
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover{
	background: #fff;
	height: 50px;
	width: 50px;
	
}


.alert-form {
    background: #eee;
    padding: 3em;
    }

.alert-form h2 {
font-size: 3em;
margin-bottom: 1em;
}

.alert-form p{
	margin-bottom: .5em;
}


.container-form{ width: 60%;  }

.bg,
.button {
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 100%;
}

.container-pulse {
position: relative;
margin-top: 5px;
margin-left: 30px;
float: left;
 
}

.bg {
  animation: pulse 1.2s ease infinite;
  border: solid 2px #D2252B;
  background: #D2252B;
}

.on-air:hover .bg{
background: #D2252B;
}

.buttonx {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 99;
  border: none;
  background-size: 18px;
  cursor: pointer;
  outline: none;
  top: 5px;
    left: 6px;
    z-index: 12;
}

.buttonx a {
  position: absolute;
  color: #FFF;
  font-size: 17px;
}

@keyframes pulse {
  0% {
    transform: scale(1, 1);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}


.share-box{  width: 100%;
    display: block;
    float: right;
    margin-top: 20px;
    }
    
    .share-box p{ 
  float: left;
    font-size: 1.3em;
    margin-top: 8px;
}

.player{ padding: 0 10px!important; padding-bottom: 2em!important;}


.wp-playlist-item-title {
    font-size: 13px!important;
    line-height: 1.4;
}

.wp-playlist-item-length{
	font-size: 12px!important;
}

.wp-playlist-caption, .wp-playlist-item-meta{ font-size: 12px!important;}

.navbar-right{ 
    position: absolute;
    right: 420px;
    top: 25px;
}





@media screen and (max-width: 1200px) {
.navbar-right{ display: none;}

}






@media screen and (max-width: 1098px) {
.navbar-right.social-link{ display: none!important;}
.navbar-right.social-link{ display: inherit!important;


}




.logo-footer img { height: 40px;}
img.calendar{ width: 33.3%!important;}


.on-air{ width: 100%; height: 84px; padding: 0px; margin: 0; float: inherit; border-top: solid 2px #000;   }

	#alaire-div{ border: none!important;}
.navbar-right{ right: 20px!important;}
}




@media screen and (max-width: 991px) {
.service{ margin: 2em 0;}
.service a{ font-size: 5.5em; padding: 2em 0;}
.service a img{ margin-bottom: 1em; width: 160px; }
.wall-post{ width: 50%;}
.navbar-brand span{ font-size: .8em;}
.navbar-brand{ padding: 10px; }

img.calendar{ width: 50%!important; }

.navbar-toggle{ margin-top: 10px; margin-right: 10px; border-radius: 0; }

.bg{ width: 45px!important; height: 45px!important;}

.buttonx{ left: 3px!important;
    top: 2px!important; }
.listen{ margin-top: -5px;}
.container-pulse{ margin: 5px 25px!important; }
 .navbar-brand img{ height: 50px;}
 .navbar-default .navbar-collapse, .navbar-default .navbar-form{ margin-top: 14px; }
.navbar-right{ top: 15px!important;}

}

@media screen and (max-width: 992px) {
.navbar-brand span{ display: none;}
.wall-post{ border: solid 5px #fff;}
	.content-wall{ margin: 5px;}
	
	.col-footer{ margin-bottom: 2em; text-align: center;}
	.favicon-footer{ display: block; margin: 0 auto;   width: 100%;}
	.footer{ padding-bottom: 0;}
	.favicon-footer{ height: 90px;}
	
	.container-form{ width: 100%;}
	
	.info-on-air h2{ margin-top: 0;}
	.info-on-air h3{ font-size: 1.8em;}
	label{ text-align: left;}
	.favicon-footer img{ width: 45px; height: auto;}
	
}

@media screen and (max-width: 885px) {
.single-info{ width: 100%;}
}


@media screen and (max-width: 840px) {
.navbar-brand span{ display: none;}


 
}

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

 .navbar-default .navbar-collapse, .navbar-default .navbar-form{ margin-top: 0px; }
 
.navbar-right{ position: inherit!important; right: inherit!important; top: inherit!important;}

.nav > li{ text-align: center;}
ul.menu li a{ display: block;}
ul.menu{ display: inline-block; width: 100%; text-align: center;}
.navbar-collapse{ padding: 0!important; width: 100%!important;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ margin-left: 0;}

.social-link{    
    display: block;
    overflow: hidden;
    width: 123px;
    margin: 0 auto;}
   
   
   
   
   .navbar-default .navbar-collapse, .navbar-default .navbar-form{ border-top: none; }
   
   
   .share-box{
	   width: 100%;
	   margin-top: 2em;
   }
   .share-box p{
	   float: left;
   }
   .description{ width: 100%;}
   
  ul.menu li a{ border-top: none;}
  ul.menu{ border-top: solid 2px #000;}
  ul.menu li a{ height: 42px; line-height: 42px;}



}


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


.big-data-title{ padding:3em 0; }



.title-playlist{ height: 152px;}



img.calendar{ width: 100%!important; margin: 0 auto; float: inherit!important; margin-bottom: 3em;}
.navbar-collapse{ margin-top: 0!important;}

.accua-form-view-sidebyside .pfbc-label{
	float: inherit!important;
	}
	
	label{ margin-bottom: 0; min-width: 200px; }
	.accua-form-view-sidebyside .pfbc-fieldwrap{ width: 100%!important;}




.on-air-small{ margin-top: 0; height: 70px; float: inherit; width: 100%; }

.navbar-collapse{ margin-top: 0px!important;}

.service{ margin: 1em 0;}
.service a{ padding: 1.5em 0;}
.service a img{ margin-bottom: .6em; width: 130px;}
.wall-post{ width: 100%;}
.tags a{ display: block; }



.info-on-air{ text-align: center; width: 100%; height: 70px; float: inherit; margin: 0 auto; border-top: solid 2px #000; }

.info-on-air h2{ float: left; margin: 0; font-size: 2.1em; margin: 0; padding: 0; margin-top: 2px; margin-right: 5px; padding-left: 20px;}
.info-on-air h3{ float: left; margin: 0; font-size: 2em; margin: 0; padding: 0;}

.container-pulse{ margin-top: -35px!important; margin-left: 10px!important;  }
.container-form button{ width: 100%;}
h4.listen{ padding-left: 40px; margin-top: 21px;}

.container-pulse {
    margin-top: -57px!important;
    }
    
    h1.font-x{ font-size: 1.8em;}
    
    
    .big-data-title h2{ font-size: 2.5em;}
}