/*
 * 	Author: Pixel Art Inc.
 * 	Website: http://www.pixelartinc.com/
 */
  
/****************************************************************************
CSS RESET
****************************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio,
video {	margin: 0; 	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }

/****************************************************************************
BASIC STYLES
****************************************************************************/
html{height:100%;}
body{ background: #fff; color:#3b3b3b; font: 13px "Roboto Condensed" sans-serif; overflow-x:hidden; height:100%; font-weight: 100;}

* {
	font-family: "Roboto Condensed", sans-serif !important;
}
h1,h2,h3,h4,h5,h6{ font-family: "Roboto Condensed"; }
h1{ font-size:40px;}
h2{ font-size:24px;}
h3{ font-size:18px;}
h4{ font-size:14px;}
h5{ font-size:12px;}
h6{ font-size:10px;}

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #00e; text-decoration: none; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.button { font-size: 18px; display: inline-block; text-align: center; padding:20px 40px; font-family: "Roboto Condensed", Arial, Helvetica,sans-serif; border-radius: 25px; font-weight: 700;}
.button_slider { position:absolute; margin-top:189px; left:40%; text-align: center; padding:20px 40px; font-family: "Roboto Condensed", Arial, Helvetica,sans-serif; border-radius: 25px; font-weight: 700;}
.button.yellow { background: #f39c12; color: #FFF; }
.button.red { background:#c0392b; color:#FFF; }
.button_slider.red { background:#c0392b; color:#FFF; }
.button.blue { background:#2980b9; color:#FFF; margin-left:-20px !important;}

.content { overflow: auto; max-width: 960px; margin: 0px auto; }

section {  }

.content > h1{text-align:center; font:48px/48px "Roboto Condensed", Arial, Helvetica,sans-serif; margin-bottom:40px; font-weight: 700;}
.content#banda > h1 { margin-bottom: 20px; }
.content > h1 span { border-bottom: 1px solid #642e6c; padding-bottom: 0px; color:#642e6c;}
.content > h2 {text-align:center; font:30px/30px "Roboto Condensed", Arial, Helvetica,sans-serif; margin-bottom:70px; font-weight: 700;}
.content > h2 span { border-bottom: 1px solid #642e6c; padding-bottom: 0px; }

.phone_menu{visibility:hidden;display:none;}
.hidden{visibility:hidden;display:none;}

#home{ 
	background-image: url('../images/capa-7.jpg');
	background-size: 100% auto;
	background-position-x: 50%;
	background-position-y: 50%;
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	background-color: #194774;
}

#home figure {
	display: none;
}


#service{ background:url(../images/servicesheader-pic.jpg) 50% 0 fixed; background-color: #000; }
#blogs{ background:url(../images/blogheader-pic.jpg) 50% 0 fixed; }
#about{ background:url(../images/ABOUTHEADER-PIC.jpg) 50% 0 fixed; background-color: #000; }

#icon1{ background: url(../images/down.png) 50% 0 no-repeat fixed; width:212px; height:550px; margin:0 auto; }
#icon2{ background: url(../images/down_black.png) 50% 0  fixed; width:212px; height:550px; margin:0 auto;}
#icon3{ background: url(../images/arrow.png) 50% 0 no-repeat fixed; width:212px; height:238px; margin:0 auto; margin-top:-120px;}
#icon4{background: url(../images/arrow2.png) 50% 0 no-repeat fixed; width:212px; height:238px; margin:0 auto; margin-top:-120px;}
#icon5{background: url(../images/arrow3.png) 50% 0 no-repeat fixed; width:212px; height:238px; margin:0 auto; margin-top:-120px;}

/****************************************************************************
HEADERS
****************************************************************************/

.header-wrapper { width: 100%; height: auto;  }
.header-top { width: 100%; height: 100%; position:realitve; margin-bottom:-53px;  }
.header-page{height:100%; max-height:500px;}
.header-wrapper header { max-width: 960px; margin: 0px auto; text-align:center; }
.header-wrapper header h1 { color: #FFF; font-family: "Roboto Condensed", Arial, Helvetica,sans-serif; margin-bottom:25px; }
.header-wrapper header h1 strong { font-family: "Roboto Condensed", Arial, Helvetica,sans-serif; font-weight: 700;}
.header-wrapper header > p{color:#f5f5f5; font:15px "Roboto Condensed", Arial, Helvetica,sans-serif; margin-bottom:140px;}
.header-main header { max-height: 520px; padding: 100px 0px 0px; max-width: 960px; }
.header-main header .button { margin: 0; }
.header-main header div { margin-top:50px;}
.header-main header div  .tw { font-size:12px;}
.header-main header div  .fb{ font-size:12px;}


.header-two { margin-bottom: 75px; }
.header-two header{height: 500px; padding: 100px 0px 0px;}
.header-two header h1 span {/*border-top: 1px solid #fff;*/ padding:10px 0px 0px; display: inline-block; font-family: "Roboto Condensed", sans-serif;}
.header-two header > p {color:#fff; text-transform:uppercase;}

.controlador-audio {
	 position: absolute;
	 z-index: 9999;
    right: 0;
    bottom: 55px;
  display: inline-block;
  padding-left: 5px;
  width: 130px;
  height: 40px;
  background: #8e44ad;
  overflow: hidden;
  font-family: monospace;
  font-size: 12px;
  border-radius: 5px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8e44ad), color-stop(0.5, #9b59b6), color-stop(0.51, #8e44ad), color-stop(1, #8e44ad));
  background-image: -moz-linear-gradient(center top, #8e44ad 0%, #9b59b6 50%, #8e44ad 51%, #8e44ad 100%);
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
}
.contador {
	display: inline-block;
	color: #FFF;
	line-height: 36px;
   

}
.play-song {
	display: inline-block;
  border: 0px none;
  width: 40px;
  height: 40px;
  text-indent: -999px;
  overflow: hidden;
  background: transparent url("../js/player-graphics.gif") no-repeat scroll 6px 5px;
  outline: none;
  cursor: pointer;
}

.play-song.active {
  display: inline-block;
  border: 0px none;
  width: 40px;
  height: 40px;
  text-indent: -999px;
  overflow: hidden;
  background: transparent url("../js/player-graphics.gif") no-repeat scroll 6px -85px;
  outline: none;
}
/****************************************************************************
MAIN NAVIGATION
****************************************************************************/

.sticky-wrapper { margin-bottom:30px; }
.nav {background:url(../images/navigation-pic.png); min-height:53px; text-align:center; margin-bottom:80px;width:100%;z-index:10000; box-shadow: 0px 10px 10px rgba(0, 0, 0, .4);}
.nav ul{ margin-left:25px;}
.nav li{float:left;padding: 0 13px; line-height:53px;}
.nav li a{color:#4d4d4d;font:16px "Roboto Condensed", Arial, Helvetica,sans-serif;}
.nav div{float:right; margin-right:25px; margin-top:16px;}



/****************************************************************************
SLIDER
****************************************************************************/

.content { max-width: 960px; }
.content .slider{background:url(../images/slider-bgimg.png); width:1212px; min-height:880px; position:relative; left:-126px; overflow:hidden;}
.content .slider .slides{width:756px; height:432px; position:absolute; top:30px; left:229px; }
.content .slider p{color:#151414; font:23px "Roboto Condensed", Arial, Helvetica,sans-serif; line-height: 36px; width: 960px; margin: 715px auto 0px; text-align: center;}
.content .slider p span{font-family:"Roboto Condensed", Arial, Helvetica,sans-serif; font-weight: 700;}



/****************************************************************************
GALLERY
****************************************************************************/

.gallery{margin-bottom:80px;}
.gallery ul {margin-bottom:80px;}
.gallery ul li{display:inline;float:left; position: relative; width: 240px; height: 240px; overflow: hidden;}
.gallery ul li a { display:block; line-height: 0px; }
.gallery .overlay {display: none;width:190px; height:190px; padding: 25px; background:#96214e;position: absolute; top: 0px; left: 0px;}
.gallery .overlay h4{color:#FFF; margin-bottom:10px; font:22px "Roboto Condensed", sans-serif; font-weight: bold;}
.gallery .overlay p{display: none; color:#545454; margin-bottom:64px; font:12px "Roboto Condensed", sans-serif; line-height:18px;}
.gallery .overlay a {color:#fff; border: 1px solid #FFF; display: inline-block; padding: 10px;}
.gallery ul li:hover .overlay { display: block; }



/****************************************************************************
SERVICES
****************************************************************************/

.services { margin-bottom: 75px; }
.services > div { margin: 0px 0px 75px; }
.services > div li { float: left; width:50%; }
.services > div li h4{width:80px; float:left; font:13px "Roboto Condensed", Arial, Helvetica,sans-serif; line-height: 30px; font-weight: 700;}
.services > div li p{width:400px; float:right; font:13px, Arial, Helvetica,sans-serif; line-height:24px; }
.services > ul li{display:inline; float:left; width:25%;text-align:center;}
.services > ul li h3{margin-bottom:30px;font:24px "Roboto Condensed", Arial, Helvetica,sans-serif;}
.services > ul li p{font:13px  Arial, Helvetica,sans-serif; line-height:24px; }
.services > ul li a{display: block; text-align:center; margin-bottom:30px;}

.pricing_table { margin-bottom:75px; }
.pricing_table ul {width:210px; margin: 0px 15px 75px; float:left; }
.pricing_table ul .first{background:#191919; color:#FFF; font:18px "Roboto Condensed", Arial, Helvetica,sans-serif; text-align:center; height:40px; line-height:40px;}
.pricing_table ul .secound{background:#373737; color:#FFF; font:18px "Roboto Condensed", Arial, Helvetica,sans-serif; text-align:center; height:80px;line-height:80px;}
.pricing_table ul .secound span{color:#7c7c7c; font-size:12px;}
.pricing_table ul .third{background:#7c7c7c; color:#FFF; font-size:12px; text-align:center; height:40px; border-bottom:#CCC solid 2px; line-height:40px;}
.pricing_table a {color:#fff;}
.pricing_table a:hover {color:#aaa;}
.get_in_touch a:hover {color:#99100a;}


/****************************************************************************
GET IN TOUCH
****************************************************************************/
article.get_in_touch h4{float:left; margin-right:25px;font:13px "Roboto Condensed", Arial, Helvetica,sans-serif; line-height: 30px;}
article.get_in_touch p{max-width:700px; float:left; margin-right:30px; font: 13px  Arial, Helvetica,sans-serif;line-height: 24px;  }
article.get_in_touch .button { float: right; }


/****************************************************************************
BLOG
****************************************************************************/

.blog { margin:0px 0px 70px; }
.blog figure{width:240px;float:left;}
.blog figure .avatar { display: block; margin: 0px 0px -40px; }
.blog figure .author {display:inline-block; height:54px; padding:0px 30px; background:#642d6b; border-radius:25px; font:14px "Roboto Condensed", Arial, Helvetica,sans-serif; line-height:54px; color:#145c35; margin: 0px 0px 5px 25px; } 
.blog figure span{color:#6b6b6b; font:11px "Roboto Condensed", Arial, Helvetica,sans-serif; text-align: center; padding:0px 30px; display:inline-block; margin-left:30px; }
.blog article { float: right;width:720px; }
.blog article h4{color:#191919; font:16px "Roboto Condensed", Arial, Helvetica,sans-serif; margin-bottom:30px; }
.blog article h4 span{color:#8f8f8f; font: 10px Arial, Helvetica,sans-serif; vertical-align: text-top; margin-left:20px;}
.blog article h4 span .underline{text-decoration:underline;}
.blog article p {margin-bottom:30px; color:#3b3b3b; font:13px, Arial, Helvetica,sans-serif; line-height:24px; }
.blog article a {color:#191919;}
.blog article a:hover{color:#aaa;}
.blog article blockquote { margin: 0px 0px 30px; }
.blog article blockquote p { color: #191919000; font-weight: bold; }
.blog article blockquote p span { font-size: 24px; margin: 0px 10px; }


/****************************************************************************
OTHER POSTS
****************************************************************************/

.otherpost { margin: 0px 0px 70px;}
.otherpost ul { margin: 0px 0px 30px; }
.otherpost ul li{height:30px;margin-bottom:15px;color:#8f8f8f; font: 10px Arial, Helvetica,sans-serif; vertical-align: text-top; }
.otherpost ul li .underline{text-decoration:underline;}
.otherpost ul li a{color:#fff;background:#191919;height:30px;font:12px "Roboto Condensed", Arial, Helvetica,sans-serif;line-height:30px;display:inline-block; border-radius:15px;margin-right:10px; padding: 0px 10px; text-transform:capitalize; }
.otherpost .view_all_posts { font:12px "Roboto Condensed", Arial, Helvetica,sans-serif; text-align: center; margin: 0px 0px 30px; }
.otherpost .view_all_posts a {color:#191919;}



/****************************************************************************
ABOUT
****************************************************************************/

.about .header_cols {margin:0px 0px 70px;}
.about .header_cols li {width:470px; float:left;}
.about .header_cols li.left { margin-right: 20px; }
.about .header_cols h4 {color:#3b3b3b; font:13px "Roboto Condensed", Arial, Helvetica,sans-serif; margin-right:20px; float:left;}
.about .header_cols p {color:#191919; width:375px; float:right;  line-height:24px; }

.team { margin: 0px 0px 0px; }
.team li{width:240px; text-align:center; float:left; margin-bottom:30px;}
.team li img { display:inline-block;margin-bottom:-40px; }
.team li a.member_name{border: 3px solid transparent; display: inline-block; background:#3e8762;padding: 0px 29px; border-radius:25px;font:14px "Roboto Condensed", Arial, Helvetica,sans-serif;color:#FFF; height:47px;line-height:47px;margin-left:0px;}
.team li a.member_name:hover{ background-color: #FFF; border: 3px solid #3e8762; color: #3e8762;}



.team li:nth-child(1) a.member_name {background:#642d6b; border-color: #642d6b;}
.team li:nth-child(1) a.member_name:hover {background:#FFF; border-color: #642d6b; color: #642d6b;}

.team li:nth-child(2) a.member_name {background:#768538; border-color: #768538;}
.team li:nth-child(2) a.member_name:hover {background:#FFF; border-color: #768538; color: #768538;}

.team li:nth-child(3) a.member_name {background:#a3242b; border-color: #a3242b;}
.team li:nth-child(3) a.member_name:hover {background:#FFF; border-color: #a3242b; color: #a3242b;}

.team li:nth-child(4) a.member_name {background:#1a4673; border-color: #1a4673;}
.team li:nth-child(4) a.member_name:hover {background:#FFF; border-color: #1a4673; color: #1a4673;}

.team li:nth-child(5) a.member_name {background:#12777e; border-color: #12777e;}
.team li:nth-child(5) a.member_name:hover {background:#FFF; border-color: #12777e; color: #12777e;}

.team li:nth-child(6) a.member_name {background:#96214e; border-color: #96214e;}
.team li:nth-child(6) a.member_name:hover {background:#FFF; border-color: #96214e; color: #96214e;}

.team li:nth-child(7) a.member_name {background:#642d6b; border-color: #642d6b;}
.team li:nth-child(7) a.member_name:hover {background:#FFF; border-color: #642d6b; color: #642d6b;}

.team li:nth-child(8) a.member_name {background:#3e8762; border-color: #3e8762;}
.team li:nth-child(8) a.member_name:hover {background:#FFF; border-color: #3e8762; color: #3e8762;}

.team li:nth-child(9) a.member_name {background:#642d6b; border-color: #642d6b;}
.team li:nth-child(9) a.member_name:hover {background:#FFF; border-color: #642d6b; color: #642d6b;}

.team li span{color:#6b6b6b;font:13px "Roboto Condensed" ,sans-serif; display:block; margin-left:0px; margin-top:10px; color: #3e8762;}
.team li p {text-align:center; margin-bottom:30px; font-size:14px; line-height:20px;width:80%;margin:0px auto; color:#3b3b3b;}
.team li .social { margin:25px 0px 25px 30px;height:22px; }
.team li .social a{vertical-align: middle;margin: 0px 4px;display:inline-block;width: 20px;height:22px;background:url(../images/socialicon.png) no-repeat;font-size:0px;line-height:0px;}
.team li .social a.facebook {background-position:left center;}
.team li .social a.twitter {background-position:center center;}
.team li .social a.gplus {background-position:right center;}

.skills{margin-bottom:70px;}
.skills ul { margin:0px 0px 70px; }
.skills li{background:#191919; color:#fff;height:40px;width:100%;line-height:40px;padding-left:14px; margin-bottom:14px; }
.skills li span{display:inline-block; height:40px;background:#7c7c7c; float:right;}
.skills li .span1{width:60%;}
.skills li .span2{width:50%;}
.skills li .span3{width:30%;}
.skills li .span4{width:20%;}
.skills li .span5{width:40%;}


/****************************************************************************
CONTACT
****************************************************************************/

.contact_header { margin: 0px 0px 0px; }
.contact {}
.contact .contact-form{float:left; width:440px;}
.contact .contact-form input[type=text]{display:block; height:20px; width:420px; padding:10px; background:#fff; color:#191919; outline: none; margin: 0px 0px 1px; border: 1px solid #fff; -webkit-appearance: none; border-radius: 0; }
.contact .contact-form textarea {height:165px;width:420px; padding:10px;background:#fff; color:#191919; outline: none; resize:none; border: 1px solid #fff; font-family: Helvetica,sans-serif !important; -webkit-appearance: none; border-radius: 0; }
.contact .contact-form .submit-button {cursor:pointer;border:none; float: right; margin-right:-5px; margin-top:20px; -webkit-appearance: none;}
.contact .contact-form label.error { display: none !important; }
.contact .contact-form input.error { border-color: red !important;}
.contact > div {float:right; width:480px;}
.contact > div p{margin-bottom:30px; color:#c2c2c2; font:13px, Arial, Helvetica,sans-serif; line-height:24px;  }
.contact > div p span { background: #191919; border-radius: 25px; padding: 5px 20px; display: inline-block; }
.contact > div p strong{font-family:"Roboto Condensed", Arial, Helvetica,sans-serif;color:#fff;}
.contact > div .social a{vertical-align: middle;margin: 0px 4px;display:inline-block;width: 20px;height:22px;background:url(../images/socialicon.png) no-repeat;font-size:0px;line-height:0px;}
.contact > div .social a.facebook {background-position:left center;}
.contact > div .social a.twitter {background-position:center center;}
.contact > div .social a.gplus {background-position:right center;}
#map_canvas { width: 100%; height: 615px; }
.map_overlay { width: 100%; min-height: 431px; padding: 75px 0px; margin: -615px 0px 0px; background: rgba(0,0,0,0.8); position: relative; z-index: 9999; }
.map_overlay h1 { color: #fff; }
.map_overlay h1 span { border-color: #fff; }
.contact .here {width:175px; height:188px; background:url(../images/here.png); margin-top:-100px; margin-right:50px;}
.success {color:#fff}
#contact_us .content > h1 {margin-bottom: 20px;}
/****************************************************************************
FOOTER
****************************************************************************/

.footer-wrapper { background: #642d6b; width: 100%;}
.footer-wrapper footer {max-width:960px; margin:0px auto;border-top:1px solid #191919;padding:20px 0px 0px; overflow: hidden;}
.footer-wrapper footer p {color:#fff;text-align:center;font:11px "Roboto Condensed", Arial, Helvetica,sans-serif; margin: 0px 0px 20px;}
.footer-wrapper footer p strong {font-family: "Roboto Condensed", Arial, Helvetica,sans-serif;}



/****************************************************************************
COMMENT LIST
****************************************************************************/

.comment-list { margin: 0px 0px 70px; }
.comment-list ul li { overflow: hidden; margin: 0px 0px 20px; } 
.comment-list ul li figure {float:left;width:150px; margin: 0px 20px 0px 0px;}
.comment-list ul li figure .avatar {display: block; margin: 0px 0px -30px;}
.comment-list ul li figure h5 { margin: 0px 0px 10px 15px; }
.comment-list ul li figure h5 span { display: inline-block; padding: 0px 30px; background: #f48b37; border-radius: 25px; text-align:center; font: 11px "Roboto Condensed", sans-serif; line-height:34px; color:#975119; } 
.comment-list ul li figure a.reply {color:#191919000; margin-left:87px; font-size:11px; display:block; font-weight:bold;  }
.comment-list .sentance {width:790px; float:right; padding-top:25px;}
.comment-list .sentance p { line-height: 24px; }
.comment-list ul li.children { margin: 0px 0px 20px 240px; }
.comment-list ul li.children .sentance {width:550px;}



/****************************************************************************
COMMENT FORM
****************************************************************************/

.comment-form { margin: 0px 0px 70px; }
.comment-form div input { display: block; float: left; width: 220px; padding: 10px; color: #fff !important; font: 10px "Roboto Condensed" sans-serif; line-height: 20px; background: #7c7c7c; margin: 0px 1px 1px 0px; border: none; outline: none;  -webkit-appearance: none; border-radius: 0;}
.comment-form textarea { margin: 0px 0px 20px; border: none; width: 940px; padding: 10px; height: 140px; resize: none; color: #fff; font: 10px "Roboto Condensed" sans-serif; background: #acacac; outline: none;  -webkit-appearance: none; border-radius: 0; }
.comment-form input[type=submit] { cursor: pointer; border: none; outline: none; float: right; color:#99100a; margin-right:-1px; -webkit-appearance: none;}

/****************************************************************************
BLOG LIST
****************************************************************************/

.bloglist {margin-left:10px; margin-right:10px;}
.bloglist li { border-bottom:solid 1px #191919; margin-bottom:60px; } 
.bloglist li:last-child { margin: 0px; border: 0px; }
.bloglist h3 { margin-bottom:20px; color:#191919; font:16px "Roboto Condensed", Arial, Helvetica,sans-serif; }
.bloglist span { color:#6b6b6b; font:11px "Roboto Condensed", Arial, Helvetica,sans-serif; margin-bottom:20px;display:inline-block; line-height: 24px; }
.bloglist span .underline{text-decoration:underline;}
.bloglist p {color:#3b3b3b;line-height:24px; margin: 0px 0px 60px; }
.bloglist a{color:#191919;}
.bloglist a:hover{color:#aaa;}

.blog { margin:0px 0px 70px; }
.blog figure{width:240px;float:left;}
.blog figure .avatar { display: block; margin: 0px 0px -40px; }
.blog figure .author {display:inline-block; height:54px; padding:0px 30px; background:#642d6b; border-radius:25px; font:14px "Roboto Condensed", Arial, Helvetica,sans-serif; line-height:54px; color:#145c35; margin: 0px 0px 5px 25px; } 
.blog figure span{color:#6b6b6b; font:11px "Roboto Condensed", Arial, Helvetica,sans-serif; text-align: center; padding:0px 30px; display:inline-block; margin-left:30px; }
.blog article { float: right;width:720px; }
.blog article h4{color:#191919; font:16px "Roboto Condensed", Arial, Helvetica,sans-serif; margin-bottom:30px; }
.blog article h4 span{color:#8f8f8f; font: 10px Arial, Helvetica,sans-serif; vertical-align: text-top; margin-left:20px;}
.blog article h4 span .underline{text-decoration:underline;}
.blog article p {margin-bottom:30px; color:#3b3b3b; font:13px, Arial, Helvetica,sans-serif; line-height:24px; }
.blog article blockquote { margin: 0px 0px 30px; }
.blog article blockquote p { color: #191919000; font-weight: bold; }
.blog article blockquote p span { font-size: 24px; margin: 0px 10px; }

.pagin { font:12px "Roboto Condensed", Arial, Helvetica,sans-serif; text-align: center; margin: 0px 0px 30px; font-weight:700; }
.pagin a{ color:#191919;}

@media all and (max-width: 960px) {
.gallery ul {width: 720px; margin: 0px auto; margin-bottom:80px;}
.services ul {width: 480px; margin: 0px auto;}
.services ul li{display:inline;float:left; position: relative; width:240px; margin-top:85px;}

article.get_in_touch {width:720px; margin: 0px auto;}
article.get_in_touch .button {float: left; margin-top:20px; }

.content { max-width: 960px; }
.content .slider{visibility:hidden;display:none;}
.content .slider .slides{width:756px; height:432px; position:absolute; top:30px; left:229px; }
.content .slider p{line-height: 36px; width: 960px; margin: 715px auto 0px;}

.pricing_table ul {width: 240px; float:none; margin:0 auto; margin-top:20px;}
.pricing_table article { margin-top:75px !important;}

.blog figure{width:240px;float:none; margin:0 auto;}
.blog article {float: none; width:720px; margin:0 auto; margin-top:40px;}

.services > div {width:720px; margin:0 auto; margin-top:-92px; margin-bottom:-24px;}
.services > div ul { float: none; width:100%;}
.services > div li { float: left; width:100%;}
.services > div li h4{width:80px; float:left; line-height: 30px;}
.services > div li p{width:100%; float:left; line-height:24px; }

.otherpost { width: 720px; margin: 0 auto; margin-bottom:100px;}
.otherpost ul li{line-height:30px;}

.contact {}
.contact .contact-form{float:none; width:440px; margin: 0 auto;}
.contact > div {float:none; width:480px; margin: 0 auto; margin-top:100px;}

#map_canvas { width: 100%; height: 836px; }
.map_overlay { width: 100%; min-height: 431px; padding: 75px 0px; margin: -836px 0px 0px; position: relative; z-index: 9999; }

.skills ul {width:720px; margin: 0 auto;}

.about .team { width:480px; margin:0 auto;}
.about .team  li{ margin-bottom:100px;}
.about .header_cols {margin:0px 0px 70px; width:720px; margin:0 auto;}
.about .header_cols li {width:100%; float:none; margin-bottom:100px;}
.about .header_cols li.left { margin-right: 20px; }
.about .header_cols h4 {margin-right:20px; float:left; margin-bottom:16px;}
.about .header_cols p {width:100%; float:left;  line-height:24px; }

#icon1,#icon2,#icon3,#icon4,#icon5{visibility:hidden;display:none;}

#service{ background:url(../images/servicesheader-pic.jpg) 50% 0 fixed; }
#blogs{ background:url(../images/blogheader-pic.jpg); }
#about{ background:url(../images/ABOUTHEADER-PIC.jpg) 50% 0 fixed; }

.comment-list ul{ width:720px; margin:0 auto;}
.comment-list ul li { overflow: visible; margin: 0px 0px 20px; } 
.comment-list .sentance {width:450px; float:right; padding-top:25px;}
.comment-list ul li.children { margin: 0px; }
.comment-list ul li.children .sentance {width:450px;}
.comment-list ul li {padding-bottom:170px !important;}

.comment-form { width:720px; margin:0 auto; margin-bottom:20px; }
.comment-form textarea{ width:720px; margin:0 auto; margin-bottom:20px; }
.comment-form div input { width:219px;}
}

@media all and (max-width: 720px) {
article.get_in_touch {width:480px; margin: 0px auto;}

.gallery ul {width: 480px; margin: 0px auto; margin-bottom:80px;}

.services ul {width: 480px; margin: 0px auto;}
.services ul li{display:inline;float:left; position: relative; width:240px; margin-top:85px;}


.pricing_table ul {width: 240px; margin: 0px auto; float:none;}
.pricing_table ul {margin-top:20px;}
.pricing_table ul:first-child {margin-top:0px;}

.header-main header .tw,
.header-main header .fb {visibility:hidden;display:none;}

.blog article {float: none; width:480px; margin:0 auto; margin-top:40px;}

.services > div {width:480px; margin:0 auto; margin-top:-92px; margin-bottom:-122px;}
.services > div ul { float: none; width:100%; margin-bottom:100px;}
.services > div li { float: left; width:100%;}
.services > div li h4{width:80px; float:left; line-height: 30px;}
.services > div li p{width:100%; float:left; line-height:24px; }

.otherpost { width: 480px; margin: 0 auto; margin-bottom:100px;}
.otherpost ul li{line-height:30px;}
.otherpost li .hide_mobile{visibility:hidden;display:none;}

.contact .contact-form{float:none; width:440px; margin: 0 auto;}
.contact > div {float:none; width:480px; margin: 0 auto; margin-top:100px;}

#map_canvas { width: 100%; height: 836px; }
.map_overlay { width: 100%; min-height: 431px; padding: 75px 0px; margin: -836px 0px 0px; position: relative; z-index: 9999; }

.skills ul {width:480px; margin: 0 auto;}

.about .team { width:480px; margin:0 auto;}
.about .team  li{ margin-bottom:100px;}

.about .header_cols {margin:0px 0px 70px; width:480px; margin:0 auto;}
.about .header_cols li {width:100%; float:none; margin-bottom:100px;}
.about .header_cols li.left { margin-right: 20px; }
.about .header_cols h4 {margin-right:20px; float:left; margin-bottom:16px;}
.about .header_cols p {width:100%; float:left;  line-height:24px; }

#icon1,#icon2,#icon3,#icon4,#icon5{visibility:hidden;display:none;}

#service{ background:url(../images/servicesheader-pic.jpg) 50% 0 fixed; }
#blogs{ background:url(../images/blogheader-pic.jpg) 50% 0 fixed; }
#about{ background:url(../images/ABOUTHEADER-PIC.jpg) 50% 0 fixed; }

.header-main header div {visibility:hidden;display:none;}
.desktop_menu {visibility:hidden;display:none;}
.phone_menu{visibility:visible;display:inline; float:left; margin-left:20px; margin-top:17px; width:100px;}

.comment-list ul{ width:480px; margin:0 auto;}
.comment-list ul li { overflow: visible; margin: 0px 0px 20px;  } 
.comment-list .sentance {width:450px; float:left; padding-top:25px;}
.comment-list ul li.children { margin: 0px; }
.comment-list ul li.children .sentance {width:450px;}
.comment-list ul li {padding-bottom:300px !important;}

.comment-form { width:480px; margin:0 auto; margin-bottom:20px; }
.comment-form textarea{ width:480px; margin:0 auto; margin-bottom:20px; }
.comment-form div input { width:139px;}
}

@media all and (max-width: 480px) {

/*#home{ background: rgb(150, 33, 79);}*/

.nav li a {
	font: 12px "Roboto Condensed", Arial, Helvetica,sans-serif;
}

.services ul {width: 240px; margin: 0px auto;}
.services ul li{display:inline;float:left; position: relative; width:240px; margin-top:85px;}

article.get_in_touch {width:240px; margin: 0px auto;}

.gallery ul {width: 240px; margin: 0px auto; margin-bottom:80px;}

.pricing_table ul {width: 240px; margin: 0px auto; float:none;}
.pricing_table ul {margin-top:20px;}
.pricing_table ul:first-child {margin-top:0px;}

.header-main header .tw,
.header-main header .fb {visibility:hidden;display:none;}

.blog article {float: none; width:240px; margin:0 auto; margin-top:40px;}

.services > div {width:240px; margin:0 auto; margin-top:-92px; margin-bottom:-122px;}
.services > div ul { float: none; width:100%; margin-bottom:100px;}
.services > div li { float: left; width:100%;}
.services > div li h4{width:80px; float:left; line-height: 30px;}
.services > div li p{width:100%; float:left; line-height:24px; }

.otherpost { width: 240px; margin: 0 auto; margin-bottom:100px;}
.otherpost li .hide_mobile{visibility:hidden;display:none;}

.contact .contact-form{float:none; width:240px; margin: 0 auto;}
.contact > div {float:none; width:240px; margin: 0 auto; margin-top:100px;}

.map_overlay { width: 100%; min-height: 431px; padding: 75px 0px; margin: -884px 0px 0px; position: relative; z-index: 9999; }

.contact .contact-form input[type=text]{display:block; height:20px; width:240px; padding:10px; outline: none; margin: 0px 0px 1px; }
.contact .contact-form textarea {height:165px;width:240px; padding:10px; outline: none; resize:none;}

.skills ul {width:240px; margin: 0 auto;}

.about .team { width:240px; margin:0 auto;}
.about .team  li{ margin-bottom:100px;}

.about .header_cols {margin:0px 0px 70px; width:240px; margin:0 auto;}
.about .header_cols li {width:100%; float:none; margin-bottom:100px;}
.about .header_cols li.left { margin-right: 20px; }
.about .header_cols h4 {margin-right:20px; float:left; margin-bottom:16px;}
.about .header_cols p {width:100%; float:left;  line-height:24px; }

#icon1,#icon2,#icon3,#icon4,#icon5{visibility:hidden;display:none;}
/*#home{ background:url(../images/header-pic.jpg) 50%; }*/
#service{ background:url(../images/servicesheader-pic.jpg) 50% 0 fixed; }
#blogs{ background:url(../images/blogheader-pic.jpg) 50% 0 fixed; }
#about{ background:url(../images/ABOUTHEADER-PIC.jpg) 50% 0 fixed; }

.header-main header div {visibility:hidden;display:none;}
.header-main header h1 {margin-top:-90px;}
.header-main header p {visibility:hidden;display:none;}
.header-main header .button {margin-bottom:20px;}

.comment-list ul{ width:240px; margin:0 auto;}
.comment-list ul li { overflow: visible; margin: 0px 0px 20px;  } 
.comment-list .sentance {width:240px; float:left; padding-top:25px;}
.comment-list ul li.children { margin: 0px; }
.comment-list ul li.children .sentance {width:240px;}
.comment-list ul li {padding-bottom:450px !important;}

.comment-form { width:240px; margin:0 auto; margin-bottom:20px; }
.comment-form textarea{ width:240px; margin:0 auto; margin-bottom:20px;}
.comment-form div input { width:240px;}
}

@media all and (-webkit-min-device-pixel-ratio: 2) {
#icon1,#icon2,#icon3,#icon4,#icon5{visibility:hidden;display:none;}
/*#home{ background:url(../images/header-pic.jpg) 50%; }*/
#service{ background:url(../images/servicesheader-pic.jpg) 50% 0 fixed; }
#blogs{ background:url(../images/blogheader-pic.jpg) 50% 0 fixed; }
#about{ background:url(../images/ABOUTHEADER-PIC.jpg) 50% 0 fixed; }
}


.banda figure {
    margin-bottom: 10px;
}
.banda figure img {
    width: 100%;
    height: auto;
}
.banda article {
    padding: 5px;
    margin-bottom: 0px;
    vertical-align: initial;
    font: 16px "Roboto Condensed",sans-serif;
    font-weight: 100;
    line-height: 20px;
}
.banda article h2 {
	font-weight: 400;

}

.gallery.video .overlay {
    height: 85px;
}

#agenda section {
	margin-bottom: 50px;
  margin-top: 50px;
}
#agenda section iframe{
	width: 100%;
}

#home h1 {
	font-size: 70px;
	font-family: "Roboto Condensed", sans-serif;
}


#agenda table {
	width: 100%;
	border: 1px solid #ccc;
}
#agenda table tr td {
	box-sizing: border-box;
	height: 60px;
	padding: 10px 0px 10px 0px;
}
#agenda table tr td:nth-child(1) {
	text-align: center;
	width: 60px;
}
#agenda table tr td:nth-child(2) {
	text-align: center;
	width: 100px;
	line-height: 60px;
	font-size: 16px;
}

#agenda table span.data {
	display: block;
	font-weight: bold;
	font-size: 18px;
}

#agenda table span.ano {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
}

/*MEMBER BOX*/
section.wrap-members {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .6);
	z-index: 999999;
	overflow: auto;
	display: none;
}

section.wrap-members section[class^=member_]{
	background-color: #FFF;
	box-sizing: border-box;
	width: 50%;
	height: auto;
	padding: 20px;
	margin: 100px auto;
	display: none;
}

@media all and (max-width: 1200px){
	.nav li a {
		font: 11px "Roboto Condensed", Arial, Helvetica,sans-serif;
	}
}

@media all and (max-width: 960px){
	.nav li {
		float: left;
		padding: 0 5px;
		line-height: 53px;
	}
}


@media all and (max-width: 780px) {
	section.wrap-members section[class^=member_]{
		width: 90%;
	}
}

section.wrap-members .control {
	text-align: center;
	margin: 40px auto;
}

section.wrap-members .control .bt.close {
	box-sizing: border-box;
	padding: 10px;
	background-color: #a3242b;
	color: #FFF;
	text-transform: uppercase;
	border: 0px;
	outline: none;
	font-size: 14px;
	line-height: 18px;
	cursor: pointer;
	height: 40px;
	overflow: hidden;
}

section.wrap-members figure {
	text-align: center;
	margin-bottom: 30px;
	/*background-image: url(../images/bg-profile.jpg);*/
	background-color: #a3242b;
	background-position: center center;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	padding: 20px 0px;
	color: #FFF;
}

section.wrap-members figure span.name {
	font-size: 28px;
	margin: 10px auto;
	font-weight: bold;
	display: block;
}

section.wrap-members article {
	font-size: 14px;
	line-height: 18px;
}


/*PLAYER*/
.audiojs {
	margin: 20px auto;
	margin-top: 0px;
}


ol { margin: 0px auto; overflow: hidden; margin: 0px auto; list-style: none; color: #ccc; width: 500px; font-size: 18px;}
ol li:first-child { }
ol li { background-color: #f7f7f7; padding: 5px; display: block; border-radius: 5px; position: relative; margin: 5px auto; padding: 9px 2px 10px; cursor: pointer; text-align: auto; }
ol li a { color: #191919; display: inline-block; padding: 0px 0px 0px 20px;  }
li:hover { background-color: #FFF;}
li.playing { color: #FFF; font-weight: bold; background-color: #642d6b;}
li.playing a { color: #FFF; font-weight: bold;}
@media all and (max-width: 500px) {
	ol {
		width: 90%;
	}
}

#shortcuts { position: fixed; bottom: 0px; width: 100%; color: #666; font-size: 0.9em; margin: 60px 0px 0px; padding: 20px 20px 15px; background: #f3f3f3; background: rgba(240, 240, 240, 0.7); }
#shortcuts div { width: 460px; margin: 0px auto; }
#shortcuts h1 { margin: 0px 0px 6px; }
#shortcuts p { margin: 0px 0px 18px; }
#shortcuts em { font-style: normal; background: #d3d3d3; padding: 3px 9px; position: relative; left: -3px;
-webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); -o-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); }

div.content#musicas {
	margin-bottom: 100px;
}

div.content#musicas ol hx {
	font-size: 18px;
	color: #191919;
	font-weight: bold;
}


#contact_us {
	margin-top: 40px;
	padding: 70px 0px;
	background-color: #191919;
	color: #FFF;
	/*background: url('../images/header-pic.jpg') no-repeat fixed center center / 100% auto transparent;*/
}
#contact_us h1 span {
	border-color: #FFF;
}
#contact_us .contact {
	text-align: center;
}
#contact_us .contact span {
	display: inline-block;
	margin: 0px auto;
	font-size: 18px;
	/*background-color: #191919;*/
	padding: 10px;
	border-radius: 20px;
	padding: 10px;
}


.agenda-container { padding-top: 2rem }
.agenda-container h3 { text-transform: uppercase; margin-bottom: 2rem }

.agenda-dates { list-style: none; padding: 0; margin: 0 }


/* AGENDA */
.post_date {
    margin: auto;
    color: #999;
    text-transform: uppercase;
    font-weight: 200;
    float: left;
    margin-right: 25px;
}

.post_date .date {
    font-size: 45px;
    font-family: "Roboto Condensed", sans-serif;
    display: inline-block;
    font-weight: 800;
    color: #642e6c;
}
.post_date .month_year {
    display: inline-block;
    position: relative;
    top: 0;
    left: 3px;
    font-size: 20px;
    color: #642e6c;
}
.post_date .month {
    font-size: 22px;
    font-weight: 300;
    line-height: 20px;
}
.post_date .year {
    width: 100%;
    font-size: 20px;
}

.post_header {
    float: left;
    font-weight: 200;
    font-size: 18px;
    margin-top: -3px;
}
.post_header h4 { 
	box-sizing: border-box;
	color: #858585;
	cursor: default;
	display: block;
	font-family: 'Ubuntu', sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 800;
	height: 24px;
	line-height: 24px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	text-rendering: optimizelegibility;
}
.post_header p {
    font-weight: 200;
    font-size: 16px;
    margin: 0px;
    color: #858585;
}

.item-agenda {
	box-sizing: border-box;
	color: rgb(51, 51, 51);
	cursor: default;
	display: block;
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	height: 100px;
	line-height: 16px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 0px;
	position: relative;
	width: 50%;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}


@media all and (max-width: 780px) {
	.item-agenda {
		float: none;
		margin: 0px auto;
		width: 300px;
		padding-top: 10px;
		padding-left: 10px;
		padding-right: 10px;		
	}
	.item-agenda:last-child {
		border-bottom: 0px solid transparent;
	}
	.post_date {
		margin-right: 10px;
	}
	.post_date .date {
		font-size: 35px;
		margin-right: 0px;
	}
	.post_date .month {
		font-size: 12px;
		line-height: 12px;
	}
	.post_date .year {
		font-size: 10px;
	}
	.post_header h4 {
		font-size: 12px;
		line-height: 14px;
		height: auto;
		width: 199px;
	}
	.post_header p {
		font-size: 12px;
	}
}

section.banda {
	padding-left: 80px;
	padding-right: 80px;	
}

#banda {
  margin-bottom: 80px;
}

hr.notes {
	height: 30px;
	border: 0px;
	background: url(../images/notes.png) repeat-x #FFF;
	border: 0;
	margin: 20px auto;
	opacity: .2;

}

@media all and (max-height: 780px) {
	div#home header {
		padding-top: 10px;
	}
	div#home header img {
		margin-top: 30px;
		width: 16%;
	}
}

@media all and (max-width: 980px) {
	ul.team {
		width: 720px;
		margin: 0px auto;
	}	
}

@media all and (max-width: 780px) {
	div#home header img {
		margin-top: 80px;
		width: 100px;
	}
	ul.team {
		width: 480px;
		margin: 0px auto;
	}
	.header-two header span {
		border-top: 0px solid #fff !important;
		font-size: 24px;
	}
	.header-wrapper header > p {
		margin-bottom: 0px;
	}
	.header-two header {
		height: auto;
		padding: 50px 0px 50px 0px;
	}
}

@media all and (max-width: 480px) {
		ul.team {
		width: 240px;
		margin: 0px auto;
	}
	section.banda {
		padding-left: 20px;
		padding-right: 20px;		
	}
}