/*  
Theme Name: bandachama
Theme URI: http://www.bandachama.com.br/
Description: Sob medida para banda chama
Author: Moacyr Leandro Delboni Loss
Author URI: http://www.owsolutions.com.br/
*/
body{font-family: 'robotolight', sans-serif;}

h1,h2,h3{font-family: 'roboto_condensedlight', sans-serif;}
h1{font-size: 3.428571429em;margin-bottom: 25px;}
a{
    color: #B10000;
}
a:hover,
a:focus{
    color: red;
    text-decoration: none;
}
img{max-width:100%}
.align-center{text-align:center;}

header .navbar{}
header{background-color: #FFF;z-index: 110;width: 100%;border-bottom: 1px solid #E0E0E0;}
header .navbar-default{  border: none;}
header .navbar{border-radius: 0;margin-bottom: 0;background-color: #FFF;top: 0;}

.ls-shadow{display:none!important;}

#principal-nav{display: table;float: right;margin-bottom: 0;height: 100px;}
#principal-nav li{float: left; height:inherit;list-style: none;position: relative;}
#principal-nav > li > a{display: block;padding: 6px 18px 6px 18px;margin: 30px 0 0 24px;text-transform: uppercase;color: #343434;/* height:inherit; */font-weight: bold;-webkit-border-radius: 40px;  border-radius: 40px;    border: 2px solid #fff;}

header .logo{padding: 0px 0;height:100px;float: left;-webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-ms-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
header .logo img{height: 80%;float: left;z-index: 3;position: relative;margin-top: 10px;width: auto;}

.navbar-default .navbar-collapse{border:none;}

#home{position:relative;}

#biografia{
    color: #fff;
    padding: 76px 0;
    background-repeat: repeat-y;
    background-size: cover;
}
#biografia h1{
    text-align: center;
}

#agenda{-webkit-background-size: 100%;-o-background-size: 100%;-moz-background-size: 100%;background-size: 100%;-webkit-background-size: cover;-o-background-size: cover;background-size: cover;background: #0d0d0d center center no-repeat scroll;color:#f7f7f7;text-align: center;}
.section-inner {width:100%;position: relative;padding: 5em 0;}
.section-video-container {position: absolute;width: 100%;height: 100%;top: 0;left: 0;overflow: hidden;}
#agenda .agenda-inner{text-align:left;margin-top:24px}
#agenda .agenda-inner .agenda-linha{width:100%;display: block;border-top: 1px solid #656565;text-transform: uppercase;padding: 16px 0;}
#agenda .agenda-inner .agenda-linha .dia{font-size: 38px;float: left;border-right: 2px solid #383838;margin-right: 8px;padding-right: 6px;}
#agenda .agenda-inner .agenda-linha .dia2{font-size: 14px;text-transform: uppercase;}
#agenda .agenda-inner .agenda-linha .dia2 > div{margin: 4px 0 0 0;}
#agenda .agenda-inner .agenda-conteudo{display:none;padding-left: 60px;}

#contato{ text-align:center;padding: 5em 0;background-color: #f0f0f0;}
#contato p{font-size: 1.285714286em;}
#contato input[type=text],
#contato input[type=email],
#contato textarea{width:100%;padding: 12px 4px 12px 38px;margin-top: 16px;background-color: rgba(255, 255, 255, 0);border: 2px solid #252525;color: #252525;position:relative;}
#contato textarea{height:100px}
::-webkit-input-placeholder {color: #252525;}
:-moz-placeholder {color: #252525;}
::-moz-placeholder {color: #252525;  }
:-ms-input-placeholder {  color:#252525;  }
#contato span.your-name:before,
#contato span.your-email:before,
#contato span.cidade:before,
#contato span.telefone:before,
#contato span.mensagem:before{display: inline-block;position:absolute;font-family: 'Glyphicons Halflings';font-style: normal;font-weight: 400;line-height: 1;top: 33px;left:12px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
#contato span.your-name:before{content: "\e008";}
#contato span.your-email:before{content: "\2709";}
#contato span.cidade:before{content: "\e021";}
#contato span.telefone:before{content: "\e182";}
#contato span.mensagem:before{content: "\e111";top: 34px;/* position: relative; */}
#contato input.enviar,a.more{color: #FFF;text-transform: uppercase;font-weight: bold;-webkit-border-radius: 24px;  border-radius: 32px;padding: 14px 60px;margin-top: 26px;border: none;background: #a90329;  background: -moz-linear-gradient(left,  #a90329 0%, #e55704 38%, #6d0019 100%);  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a90329), color-stop(38%,#e55704), color-stop(100%,#6d0019));  background: -webkit-linear-gradient(left,  #a90329 0%,#e55704 38%,#6d0019 100%);  background: -o-linear-gradient(left,  #a90329 0%,#e55704 38%,#6d0019 100%);  background: -ms-linear-gradient(left,  #a90329 0%,#e55704 38%,#6d0019 100%);  background: linear-gradient(to right,  #a90329 0%,#e55704 38%,#6d0019 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 );}
input:focus,textearea:focus{outline: -webkit-focus-ring-color auto 5px;      outline-color: #C30000;            outline-width: 0px;}
input:focus,textearea:focus{border: 2px solid #B10000!important;}
span.wpcf7-form-control-wrap {position: relative;display: block;}
.clear{clear:both;}


/* SINGLE */
/* albuns */
#album .titulo{text-align:center;}
#album .album-inner{margin-top: 76px;color: #6F6F6F;font-weight: normal;}
#album .album-inner .faixa{position: relative;border-bottom: 2px solid #F3F3F3;padding: 35px 0;background-color: #FFFFFF;width: 100%;}
#album .album-inner .faixa:first-child{border-top: 2px solid #F3F3F3;}
div.mjp-s-wrapper.s-graphic { padding: 0!important;}
span.gfxbutton_mp3j.play-mjp{padding: 18px 20px 18px 20px!important;background-color: rgb(220, 220, 220)!important;margin: 0 20px 0px 0!important;}
span.gfxbutton_mp3j.pause-mjp {padding: 18px 20px 18px 20px!important;background-color: #5D0000!important;;margin: 0 20px 0px 0!important;}
span.gfxbutton_mp3j.play-mjp:hover {background-color: #A20000!important;}
.loadB_mp3j{background: rgb(113, 0, 0)!important;}
.Smp3-tint {background-color: rgb(113,0,0)!important;}
span.T_mp3j{font-weight:normal!important;}
span.wrap_inline_mp3j{white-space: inherit!important;width: 100%!important;display: table;}
span.group_wrap{margin: 0px 0 0 83px!important;position: absolute!important;left: 0;}

#album .album-inner .album-icon{display: table;height: auto;position: relative;width: 100%;}
#album .album-inner .album-icon .thumbs-album{float: left;width: 270px;height: 270px;overflow: hidden;display: table;position: relative;z-index: 99;transition: all 0.3s;-webkit-transition: 0.3s;box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.5);}
#album .album-inner .album-icon .thumbs-album img{}
#album .album-inner .album-icon .disk{position: absolute;transition: all 0.3s;-webkit-transition: all 0.3s;top: 0px;left: 120px;width: 270px;height: 270px;float: left;background: url(images/disk.png) no-repeat center center;z-index: 9;}
#album .album-inner .info_tec{ margin: 28px 2px;}

/*discobrafia*/
#albuns{ text-align:center;padding: 5em 0;background-color: #f0f0f0;}
#albuns .album-inner{margin-top:50px;}
#albuns .album-inner .album-icon{height: 270px;position: relative;width: 100%;}
#albuns .album-inner .album-icon .thumbs-album{width: 100%;height: 270px;display: block;position: absolute;left: 0;z-index: 99;transition: all 0.3s;/* -webkit-transition: 0.3s; *//* box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.5); */}
#albuns .album-inner .album-icon .thumbs-album .mais{position: absolute;z-index: 10;background-color: rgba(0, 0, 0, 0.63);color: #fff;padding: 18px 26px;font-size: 20px;font-weight: bold;top: 98px;left: 50%;margin-left: -34px;-webkit-border-radius: 40px;  border-radius: 40px;opacity: 0;transition: all 0.3s;-webkit-transition: all 0.3s;}
#albuns .album-inner .album-icon .thumbs-album img{-webkit-transition: 0.3s;      box-shadow: 1px 5px 10px rgba(0, 0, 0, 0.5);}
#albuns .album-inner .album-icon .disk{position: absolute;transition: all 0.3s;-webkit-transition: all 0.3s;top: 0;left: 0;float: left;width: 100%;height: 270px;background: url(images/disk.png) no-repeat center center;z-index: 9;}
#albuns .album-inner a h5{margin-top: 30px; font-weight:bold;color: #000;}

#albuns .album-inner a:hover .album-icon .thumbs-album{left: -60px;position: absolute;}
#albuns .album-inner a:hover .album-icon .disk{left: 60px;}
#albuns .album-inner a:hover .album-icon .thumbs-album .mais{opacity:1}


#multimidia{padding: 5em 0;}
#multimidia h1{text-align:center;}
#multimidia .multimidia-galerias{margin: 40px 0;}
.multimidia-galerias article.multimidia-galeria{background-color: rgb(189, 189, 189);overflow: hidden;position: relative;margin-top: 20px;}
.multimidia-galerias article.multimidia-galeria .title{position: absolute;z-index: 4;color: rgba(255, 255, 255, 0.83);font-size: 24px;margin: 19px 0 0 10px;font-weight: lighter;text-transform: uppercase;}
.multimidia-galerias article.multimidia-galeria a:hover .title{color: #fff;}
.multimidia-galerias article.multimidia-galeria .view{position: absolute;z-index: 2;/* color: #373430; */top: 55px;left: 12px;}
.multimidia-galerias article.multimidia-galeria a:hover .view{color: black;}
.multimidia-galerias article.multimidia-galeria img.galeria{z-index: 3;position: absolute;top: 0;left: 0;width: 100%;}
.multimidia-galerias article.multimidia-galeria img.fundo{position: relative;z-index: 0;width: 100%;}
.multimidia-galerias article.multimidia-galeria div.fundo2{position: absolute;height: 100%;width: 100%;background-color: #BB0000;top: 0;left: 0;z-index: 1;}
.multimidia-galerias article.multimidia-galeria a:hover img.galeria{top: 84px;}
#multimidia .vermais,
.videos .vermais,
#album .vermais
{text-transform: uppercase;margin-top: 14px;display: inline-block;border: 1px solid #FFF;}

.item-galeria{padding:2px;}
.item-galeria img{ width:100%;}

section.videos{padding: 5em 0;}
.multimidia-videos .multimidia-video{position: relative;margin-bottom: 30px;}
.multimidia-videos .multimidia-video .title{position: absolute;/* text-align: center; */display: block;font-weight: bold;width: 100%;bottom: 4%;font-size: 20px;text-transform: uppercase;padding: 0 10px;/* color: #F80; */opacity: 0;z-index: 2;}
.multimidia-videos .multimidia-video a:hover .title{ opacity:1}
.multimidia-videos .multimidia-video .video{z-index: 0;}
.multimidia-videos .multimidia-video .video img{
    width: 100%;
}
.multimidia-videos .multimidia-video .capa{position: absolute;width: 100%;text-align: center;height: 100%;top: 0;z-index: 1;}
.multimidia-videos .multimidia-video .capa i{font-size: 60px;color: #fff;top: 56%;position: relative;margin-top: -50%;}
.multimidia-videos .multimidia-video a:hover .capa{background-color: rgba(0, 0, 0, 0.76);}
.multimidia-videos .multimidia-video a:hover .capa i{ opacity:0;}

.archive .video{
    margin: 40px auto;
}

#footer .cima{background-color: #353535;color: #E4E4E4;padding: 36px 0;}
#footer .cima ul.menu{margin: 0;padding: 0;}
#footer .cima ul.menu li{list-style: none;}
#footer .cima ul.menu li a {padding: 8px 0;display: block;/* color: #fff; */font-weight: bold;font-size: 16px;}
#footer .baixo {text-align: center;color: #969696;padding: 38px 0;}
#footer a.logo-ow {/* position: absolute; */top: -25px;left: 0;width: 125px;display: inline-block;}
#footer a.logo-jn{
    display: inline-block;
    width: 140px;
}
a.logo-ow img {max-width: 100%;}
#footer .social a{
    display: inline-block;
    background-color: #CECECE;
    width: 42px;
    line-height: 40px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: solid 1px rgba(177, 0, 0, 0.23);
}

/*transiçães 200ms*/
.multimidia-galerias article.multimidia-galeria img.galeria,
.multimidia-galerias article.multimidia-galeria .view,
.multimidia-galerias article.multimidia-galeria .title,
.multimidia-videos .multimidia-video .title,
.multimidia-videos .multimidia-video .capa,
.transicao
{
-webkit-transition: all 200ms ease-in-out;  -moz-transition: all 200ms ease-in-out;  -ms-transition: all 200ms ease-in-out;  -o-transition: all 200ms ease-in-out;  transition: all 200ms ease-in-out;
}
@media (min-width: 768px){
	.mfixed header{position:fixed;top:0px;}
	.mfixed header .logo{height:60px;}
	.mfixed header #principal-nav{height: 80px;margin-bottom: 0;}
	.mfixed header #principal-nav > li > a{padding: 6px 14px 6px 14px;margin: 21px 15px 0 15px;}
	.mfixed header #principal-nav > li.menu-item-has-children > a{padding: 6px 20px 6px 14px;}



	#principal-nav .sub-menu {position: absolute;top: 99px;background-color: #3A3A3A;padding: 0px 16px;left: 26px;display:none;}
	#principal-nav .sub-menu > li{min-width: 138px;}
	#principal-nav .sub-menu > li > a{color:#fff;border-top: 2px solid #545454;padding: 8px 0px 10px;display: block;}
	.menu-item-has-children:after{content: ".";font-size: 46px;position: absolute;font-family: cursive;top: -1px;right: 8px;}
	#principal-nav >li:hover .sub-menu{display:block;}

	.mfixed #principal-nav .sub-menu {position: absolute;top: 81px;background-color: #3A3A3A;padding: 0px 16px;left: 26px;display:none;}
	.mfixed #principal-nav .sub-menu > li{min-width: 138px;}
	.mfixed #principal-nav .sub-menu > li > a{color:#fff;border-top: 2px solid #545454;padding: 8px 0px 10px;display: block;}
	.mfixed .menu-item-has-children:after{content: ".";font-size: 46px;position: absolute;font-family: cursive;top: -10px;right: 22px;}
	.mfixed #principal-nav >li:hover .sub-menu{display:block;}


	.mfixed .conteudo{margin-top:60px}
	#principal-nav > li > a:hover{border: 2px solid #D6D6D6;}
	#principal-nav > li.current-menu-item > a{color: #FFF;background: #a90329;  background: -moz-linear-gradient(left,  #a90329 0%, #e55704 38%, #6d0019 100%);  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#a90329), color-stop(38%,#e55704), color-stop(100%,#6d0019));  background: -webkit-linear-gradient(left,  #a90329 0%,#e55704 38%,#6d0019 100%);  background: -o-linear-gradient(left,  #a90329 0%,#e55704 38%,#6d0019 100%);  background: -ms-linear-gradient(left,  #a90329 0%,#e55704 38%,#6d0019 100%);  background: linear-gradient(to right,  #a90329 0%,#e55704 38%,#6d0019 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=1 );}
}

@media  (min-width:993px) and (max-width:1200px){
	#albuns .album-inner a:hover .album-icon .thumbs-album{left: -46px;position: absolute;}
	#albuns .album-inner a:hover .album-icon .disk{left: 46px;}
}
@media (min-width: 768px) and (max-width:992px){
	
}
@media screen and (max-width: 1199px) {
	
}
@media screen and (max-width: 767px) {
	#albuns .album-inner a:hover .album-icon .thumbs-album{left:0;position: absolute;}
	#albuns .album-inner a:hover .album-icon .disk{left:0;}
	#principal-nav{padding: 0;float: none;width: 100%;}
	#principal-nav > li{float: none;}
	#principal-nav > li > a{padding: 10px 5px;margin: 2px;}
	header .logo{height: 160px;}
	.navbar-toggle {margin-right: 15px;margin-top: 62px;}
}
@media screen and (max-width: 448px){
	#album .album-inner .album-icon .disk{left: auto;right: 0;}
}