/*
MIURA.AGENCY
*/


body {
font-family: 'Passion One', cursive !important;
    font-size: 16px !important;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}


.noar {
   
   
padding-top: 30px;}



.audio4_html5 blackControllers{

    padding: 0px;
    width: 300px !important;
    height: 172px;
    background: transparent;
    float: right !important;}
    
    
    
.centrarplayer {
    float: right !important;}
    
    
    
        
.capa {
    float: left!important;
}



.espaco {
    
    margin-top: 50px;
    float: left;
    
}

.leitor {
    
  margin-top: 60px;
    float: right;
    
    
}


    
    
    
    
    
    

.rede{
   background: #f1f1f1;
   padding: 10px;
   border-bottom: 3px solid #000;
   margin-bottom: 10px;display: inline-block;
   min-height: 500px;
}

.imagemredonda img {border-radius: 100%;
    border: 3px solid #000;
    margin-top: 10px;}
.rede h4{
   text-transform: uppercase;
   font-size: 22px;
}


/** WP CONTACT FORM **/

.campo_nome {
border: #e6e6e6 1px solid;
font-size: 12px;
padding: 5px;

width:100%;
}

.campo_texto {
border: #e6e6e6 1px solid;
font-size: 12px;
padding: 5px;

width:100%;
height: 138px;
}

.campo_enviar {
border: #cd2124 1px solid;
font-size: 16px;
font-weight:600;
padding: 2px;
background-color: #cd2124;
width:150px;
height: 24px;
color: #fff;
float: right;

}





.imagenshome{
   margin: 10px 10px 10px 0px;
}

.caixanomes{
  background: #f1f1f1;
    padding: 10px 10px 1px 10px;
    font-size: 12px;
    min-height: 55px;
}


.audio4_html5.blackControllers .AudioNext {
    /* float: left; */
    position: absolute;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 0;
    width: 40px;
    height: 41px;
    background: url(controllers/blackControllers/next-off.png) no-repeat;
    display: none !important;
}


.audio4_html5.blackControllers .AudioPrev {
    /* float: left; */
    position: absolute;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 0;
    width: 40px;
    height: 41px;
    background: url(controllers/blackControllers/prev-off.png) no-repeat;  display: none !important;
}
.audio4_html5.blackControllers .AudioTwitter {
    /* float: left; */
    position: absolute;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 0;
    z-index: 1;
    width: 14px;
    height: 14px;
    background: url(controllers/blackControllers/twitter-off.png) no-repeat;display: none !important;
}

.audio4_html5.blackControllers .AudioShowHidePlaylist {
    /* float: left; */
    position: absolute;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 0;
    z-index: 1;
    width: 12px;
    height: 14px;
    background: url(controllers/blackControllers/showhideplaylist-off.png) no-repeat;display: none !important;
}
.audio4_html5.blackControllers .AudioFacebook {
    /* float: left; */
    position: absolute;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 0;
    z-index: 1;
    width: 7px;
    height: 14px;
    background: url(controllers/blackControllers/facebook-off.png) no-repeat;display: none !important;
}


.audio4_html5.blackControllers .ximage {
    position: absolute;
    width: 120px;
    height: 120px;
    border-radius: 20px !important;
    border-style: solid;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    border: 1px solid #000 !important;
    -webkit-box-shadow: 0 0 15px 0 #CCCCCC;
box-shadow: 0 0 15px 0 #CCCCCC;
}
.panel-primary {
    border-color: #F1F1F1 !important;
}

.audio4_html5.blackControllers {
        position: relative;
    font: 11px Arial, Helvetica, sans-serif;
    color: #FFF;
    margin: 50px auto 0 !important;
    padding: 0;
}


#page-content {
    padding-top:80px !important;
    padding-bottom: 40px;
}

img {
    vertical-align: middle;
    max-width: 100%;
}

.caixa{
    background-color: #f1f1f1 !important;
    margin-bottom: 20px;
}

.caixa h3{
       margin: 0px;
    padding: 10px 0px 10px 0px;
    color: #da251d;
    text-align: center;
    border-bottom: 1px solid #da251d;}
   
   .hora{
   font-size: 16px;
    border-bottom: 1px solid #ccc;
        color: #6c6c6c;
    
    font-family: 'Roboto', sans-serif;}
   
   
.largefont { 
 font-weight: 900
}


.btn-success {
    color: #fff;
    background-color: #dc231e !important;
    border-color: #c31e1a !important;
}


.btn-success:hover {
    color: #fff;
    background-color: #c31e1a !important;
    border-color: #a6201d !important;
}

.navbar-nav {
    float: left;
    margin: 12px 0px 0px 0px !important;}

.navbar-default {
    background-color: #fff !important;
    border-color: #fff !important;
    text-transform: uppercase !important;
    font-size: 22px;
   -webkit-box-shadow: 0 0 15px 0 #787878;
box-shadow: 0 0 15px 0 #787878;
}
.navbar-brand {
    float: left;
    height: 75px !important;
    padding: 0px !important;
    font-size: 18px;
    line-height: 20px;
    background: #fff;
}

#page-content { padding-top: 50px; padding-bottom: 40px; }

/* Typography */
.wpbs-muted { text-transform: uppercase; color: #767676; font-weight: bold; text-decoration: none; }
.wpbs-very-muted { text-transform: uppercase; color: #ABABAB; font-weight: bold; display: inline-block; }
#category a:link, #category a:visited { color: #ABABAB; }

/* Comments */
.tz-comment-list { padding-left: 0; } 
.tz-comment-meta { padding-left: 10px; }
/* The identifier "submit" is used in comments.php */
#submit { color: #FFFFFF; background-color: #428BCA; border-color: #357EBD; }
/* Hide orginal WP submit button (see custom submit button in comments-template-tags.php */
.form-submit { display: none; }

/* Search */
.search-highlight { background: #F9E491; }
.mobile-search { float: right; padding: 15px 20px 0 0; color: #A4A4A4; }
/* Position Search modal to center of the page */
#search-modal{ height: 400px; top: calc(50% - 200px); }

/* ScrollNav.js */
.scroll-nav__heading { text-transform: uppercase; color: #979797; font-weight: bold; display: inline-block; padding-left: 17px; padding-bottom: 10px; }
.cpg-nav-pane { left: auto !important; width: 175px; }
.cpg-nav-pane.scroll-to-fixed-fixed { left: auto !important; width: 175px; }

/* Share.js button */
#sharebutton.sharer-0 label { background: #E6E6E6; }

/* Navbar */
.user-photo { max-width: 40px; display: inline-block; margin: -10px 10px -10px 0; }

/* For MMenu.js */
.navbar { width: 100%; }
.left-navbar-toggle { color: #777; position: relative; float: left; padding: 13px 15px 0 15px; }
.left-navbar-toggle:active { color: #FFA500; }

/* Pagination on pages with custom queries - eg. post-grid */
.page-numbers.current { background-color: #428BCA; color: #FFFFFF; }
.slide img{
   padding:10px;
}
/* Parallax Background on home-page */
.parallax-background{ background: url(assets/images/banner-background.jpg) no-repeat fixed; height: 200px; padding: 170px 0 250px 0; color: #EDEDED; background-size: cover; margin-top: -50px; }
.parallax-content{ text-align: center; margin-top: -130px; }

/* Footer */
.footer-menu { background-color: #f1f1f1; padding-top: 1em; padding-bottom: 1em; font-weight: bold; text-transform: uppercase; }
.footer-widgets-panel { color:#fff; text-align:center; font-size:40px;background-color: #110065; padding-top: 1em; padding-bottom: 1em; font-family: 'Roboto', sans-serif;}
.footer-credits { background-color: #FAFAFA; padding-top: 1em; padding-bottom: 1em; }

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel { height: 400px; margin-bottom: 20px; margin-top: -50px; }
/* Since positioning the image, we need to help out the caption */
.carousel-caption { z-index: 10; }
/* Declare heights because of positioning of img element */
.carousel .item { height: 400px; background-color: #777777; }
.carousel-inner > .item > img { position: absolute; top: 0; left: 0; min-width: 100%; height: 400px; }

/* MARKETING CONTENT
-------------------------------------------------- */
/* Pad the edges of the mobile views a bit */
.marketing { padding-left: 15px; padding-right: 15px; }
/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 { text-align: center; margin-bottom: 20px; }
.marketing h2 { font-weight: normal; }
.marketing .col-lg-4 p { margin-left: 10px; margin-right: 10px; }

/* Featurettes
------------------------- */
.featurette-divider { margin: 80px 0; /* Space out the Bootstrap <hr> more */}
/* Thin out the marketing headings */
.featurette-heading { font-weight: 300; line-height: 1; letter-spacing: -1px; }

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 768px) {
    /* Remove the edge padding needed for mobile */
    .marketing { padding-left: 0; padding-right: 0; }
    /* Navbar positioning */
    .navbar-wrapper { margin-top: 20px; }
    .navbar-wrapper .container { padding-left: 15px; padding-right: 15px; }
    .navbar-wrapper .navbar { padding-left: 0; padding-right: 0; }
    /* The navbar becomes detached from the top, so we round the corners */
    .navbar-wrapper .navbar { border-radius: 4px; }
	/* Position the left sidebar toggle button */
    .left-navbar-toggle { margin-left: -20px; }
    /* Bump up size of carousel content */
    .carousel-caption p { margin-bottom: 20px; font-size: 21px; line-height: 1.4; }
    .featurette-heading { font-size: 50px; }	
    /* Parallax Background on home-page */
    .parallax-content{ margin-top: -80px; }
}

@media (min-width: 992px) {
    .featurette-heading { margin-top: 120px; }
    /* Parallax Background on home-page */
    .parallax-h1{ font-size: 55px; color: #EDEDED; }
    .parallax-h3{ font-size: 35px; color: #EDEDED; }
}