@charset "utf-8";
/*
 Merman Bootstrap
 */

@font-face {
    font-family: 'ebrimaregular';
    src: url('ebrima-webfont.eot');
    src: url('ebrima-webfont.eot?#iefix') format('embedded-opentype'),
         url('ebrima-webfont.woff') format('woff'),
         url('ebrima-webfont.ttf') format('truetype'),
         url('ebrima-webfont.svg#ebrimaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
* {
    padding:0;
    margin:0;
    -webkit-font-smoothing: antialiased;
    font-family:'Open Sans', sans-serif;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}

body {
    color: #505050;
    font-family: 'Open Sans',sans-serif;
    font-size:150%;
    padding-top:8em;
}

h1, h2, h3, h4, h5, h6 {
    color: #660000;
    font-weight: normal;
    margin-top: 0;
    text-transform: uppercase;
}
h1 {
    font-size: 28px;
    border-bottom: 2px solid #F1F1F1;
    margin-bottom: 30px;
}
header {
    height:128px;
    position:fixed;
    z-index: 1000;
}
header .inner {
    background: none repeat scroll 0 0 #FFFFFF;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    
}
.top .phone_block .phone {
    color: #000000;
    float: right;
    font-size: 20px;
    font-weight: 600;
    padding-top: 3px;
}
.navbar {
    margin-bottom:0px;
    z-index:1000;
    border:1px solid red;
}
.navbar-brand {
    padding: 0px 15px 15px 15px;
}
.navbar-brand a{
    margin: 0;
    transition: all 0.3s ease 0s;
    color:#000000 !important;
    font-size:160%;
    font-family: ebrimaregular;
    font-weight:900;
    float:left;
}
.navbar-brand a span{
    font-size:125%;
}
#logo-name {
    float: left;
    background: url(http://www.bunja.com.au:8080/xmerman/logo.jpg) no-repeat scroll 0px 0px rgba(0, 0, 0, 0);
    margin-top: 0px;
    padding-left: 80px;
    padding-top:47px;
    display: table-cell;
}
#merman-navbar ul {
    vertical-align: bottom;
    margin-top:30px;
}
.navbar-default {
    background-color:#FFFFFF;
    border:0px solid #FFFFFF;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: #660000;
    color: #FFFFFF;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: #660000;
    color: #FFFFFF;
}
a, a:hover, a:visited {
    color:#505050;
    text-decoration:none;
    outline: medium none;
}

p {
}


#container {
    min-height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
}

/* Carousel */
#carousel-merman{
    margin-bottom:30px;
}
.carousel-caption {
    font-size:160%;
    font-weight:600px;
    background-color:#999999;
    padding: 25px 0px;
    border-radius: 6px;
    right:30%;
    left:30%;
    background-color:rgba(1, 0, 0, 0.3)
}

#about .carousel-indicators .active {
    background-color: #660000;
}
#about .carousel-indicators li {
    border: 1px solid #660000;
}
/* Home */
#home h2 {
    color: #000000;
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px;
}
#home .reviews ul li {
    background: none repeat scroll 0 0 #EAEAEA;
    list-style: none outside none;
    margin-bottom: 13px;
    padding: 12px 11px 15px;
}
#home .reviews ul li .header_item {
    color: #CCCCCC;
    font-size: 14px;
    letter-spacing: 0.1em;
    margin-bottom: 7px;
    text-align: center;
    text-decoration: underline;
    text-transform: uppercase;
}
#home .reviews ul li .img {
    float: left;
    margin-right: 7px;
    width: 80px;
}
#home .reviews ul li .name {
    color: #000000;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 4px;
    overflow: hidden;
    padding-bottom: 6px;
    padding-top: 20px;
    position: relative;
}
#home .reviews ul li .name:after {
    background: none repeat scroll 0 0 #000000;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 54px;
}
#home .reviews ul li .state {
    color: #660000;
    font-size: 12px;
}
#home .reviews ul li .text {
    background: url(http://www.bunja.com.au:8080/xmerman/quote.png) no-repeat scroll 3px 11px rgba(0, 0, 0, 0);
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    line-height: 22px;
    padding: 10px 10px 0 30px;
}
#home p {
    color: #505050;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 30px;
}
.styler_color, .styler_hover_color:hover, .styler_parent_active.active > .styler_active_color {
    color: #660000 !important;
}

#practice {
    background: linear-gradient(to right, #0C0C0C 0%, #7C7C7C 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    margin: 0 -1000px 60px;
    padding: 30px 1000px 40px;
    text-align: center;
}
#practice .practice_list {
    margin: 0;
    padding:0;
}
#practice .practice_list > li {
    float: left;
    list-style: none outside none;
    padding: 0 20px;
    width: 33.33%;
}
#practice .practice_list > li .name {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    text-transform: uppercase;
}
#practice .practice_list > li .text {
    font-size: 13px;
    line-height: 20px;
}
#practice .practice_list > li .text ul li {
    font-style: italic;
    font-weight: 400;
    line-height: 24px;
    list-style: none outside none;
}
#practice .caption {
    border: 0 none;
    color: #FFFFFF;
    margin-bottom: 30px;
    padding: 0;
}
#practice-areas {
    margin-bottom: 80px;
}
.caption {
    border-bottom: 2px solid #F1F1F1;
    color: #660000;
    font-size: 28px;
    line-height: 30px;
    margin-bottom: 20px;
    padding-bottom: 4px;
    text-transform: uppercase;
}
section {
}
article{
}
#menu .tab-content {
}
#menu-navbar {
}

/*Info Slides*/
.info_slides {
    margin:10px 0px 0px;
    border-bottom:1px solid #660000;
}
.info_slides > li {
    border-top:1px solid #a3a3a3;
    list-style:none;
}
.info_slides > li.active,
.info_slides > li.active + li {
    border-top:1px solid #660000;
}
.info_slides > li p {
    display:block;
    padding:19px 45px 10px;
    font-size:14px;
    text-transform:uppercase;
    color:#000;
    position:relative;
    text-decoration:none;
}
.info_slides > li p .arr {
    width:  20px;
    height:20px;
    color:#7f7f7f;
    position:absolute;
    left:17px;
    top:50%;
    margin-top:-10px;
    font-size:18px;
}
.info_slides > li p .arr:before {
    font-family: FontAwesome;
    content: "\f054";
    font-style: normal;
}
.info_slides > li.active p,
.info_slides > li p:hover {
    color:#660000;
}
.info_slides > li.active p .arr {
    margin-top:-13px;
}
.info_slides > li.active p .arr:before  {
    content: "\f078";
}
.info_slides > li .text {
    padding:10px 0 1px 45px;
    display:none;
}
.info_slides > li .text p {
    font-size:13px;
    color:#616161;
    line-height:22px;
    margin-bottom:20px;
}
.info_slides > li .text ul,
.info_slides > li .text ol {
    margin-bottom:20px;
}
.info_slides > li .text li {
    font-size:13px;
    color:#616161;
    line-height:22px;
    margin-bottom:5px;
}

#about {
    margin-bottom:60px;
}
#about .row + .row > .span12 {
    border-bottom: 2px solid #F1F1F1;
}
#about .caption {
    margin-bottom:20px;
    padding-bottom:10px;
}
.carousel-caption-merman {
    position: absolute;
    right: 15%;
    top: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #000000;
    font-size:22px
}
.carousel-text-merman {
    position: absolute;
    right: 15%;
    top: 60px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #000000;
    font-size:16px
}
#about .carousel-inner > .item > img, .carousel-inner > .item > a > img, #about .carousel-img {
    width:100%;
    height:200px;
    display:block;
}
.carousel-inner .fa {
    color:#000000;
    font-size:50px;
    top: 30%;
}
.carousel-control.left, .carousel-control.right {
    background: none;
    color:#660000;
    top: 30%;
}

/* FAQS */
#faq {
    margin-bottom:50px;
}
#faq .caption {
    padding:0;
    border:0;
}
#faq > .header {
    font-size:28px;
    color:#660000;
    text-transform:uppercase;
    margin-bottom:20px;
}
#faq  .container .categories {
    margin:0 -1000px;
    padding:50px 1000px 1px;
    background:#434343;
}
#faq .container .category {
    margin-bottom:60px;
}
#faq .container .category .header {
    font-size:18px;
    color:#fff;
    text-transform:uppercase;
    margin-bottom:20px;
}
#faq .container .category .info_slides {
    border-color:#fff;
}
#faq .container .category .info_slides li {
    border-color:#c7c7c7;
}
#faq .container .category .info_slides li.active,
#faq .container .category .info_slides li.active + li {
}
#faq .container .category .info_slides li a {
    color:#c7c7c7;
}
#faq .container .category .info_slides li.active a {
    color:#fff;
}
#faq .container .category .info_slides li a .arr  {
    color:#c7c7c7;
}
#faq .container .category .info_slides li.active a .arr {
    color:#fff;
}
#faq .container .category .info_slides li .text {}
#faq .container .category .info_slides li .text p {
    color:#fff;
}

/* Contact */
#contacts {
    margin-bottom:24px;
}
#contacts .contact_form {
    background:#f1f1f1;
    padding:8px 10px 11px;
    margin-right:10px;}
input[type="text"], textarea {
    background:#fff;
    border:1px solid #cfcfcf;
    border-radius:0;
    box-shadow:none;
    font-size:14px;
    font-style:italic;
    color:#0a2937;}
input[type="text"]:focus, textarea:focus {
    box-shadow:none;
}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #909090;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #909090;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #909090;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #909090;
}
form {
    margin:0;}
#contacts .contact_form input[type="text"] {
    height:50px;
    line-height:50px;
    padding:0 19px;
    width:100%;
    margin-bottom:15px;}
#contacts .contact_form textarea {
    padding:15px 19px;
    width:100%;
    height:120px;
    resize:none;
}
#contacts .contact_form input[type="text"].error,
#contacts .contact_form textarea.error {
    border-color:red;
}

#contacts .contact_form .note {
    font-size:10px;
    color:#333;
    line-height:13px;
    margin-bottom:10px;
    margin-top:10px;
    margin-right:30px;
}
#contacts .contact_form .note span {
    font-size:12px;
    color:#660000;
    font-weight:bold;
}
#contacts .contact_form input[type="submit"] {
    border:0;
    height:40px;
    width:100px;
    text-transform:uppercase;
    color:#fff;
    background:#660000;
    font-size:14px;
    margin:0;}
#contacts .info {
    margin-bottom:50px;
    margin-left:-10px;}
#contacts .info .header {
    font-size:16px;
    text-transform:uppercase;
    color:#000;
    margin-bottom:15px;
}
#contacts .info .text {}
#contacts .info .text p {
    font-size:12px;
    color:#0a2937;
    line-height:18px;
    margin:0;
}
.checkbox {
    position:relative;
    padding:0;
    margin-bottom:13px;
}
.checkbox input {
    position:absolute;
    visibility:hidden;
}
.checkbox label {
    padding-left:21px;
    font-size:10px;
    color:#333;
    line-height:14px;
    display:inline-block;
    position:relative;
}
.checkbox label:before {
    position:absolute;
    left:0;
    top:0;
    width:14px;
    height:14px;
    background:url(http://www.bunja.com.au:8080/xmerman/check.png) 0 0 no-repeat;
    content:'';
}
.checkbox label.active:before {
    background-position:0 -14px;
    content:' ';
}
.checkbox input[type='checkbox'].error + label {
    color:red;
}
.checkbox input[type='checkbox'].error + label:before {
    background-position:0 -28px;
    content:' ';
}

/* waiting */
.waiting-circles{ padding: 0; display: inline-block; 
    position: relative; width: 60px; height: 60px;
    margin-top: 20%;
    left: 50%;}
.waiting-circles-element{ margin: 0 2px 0 0; background-color: #e4e4e4; 
    border: solid 1px #f4f4f4;
    width: 10px; height: 10px; display: inline-block; 
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.waiting-circles-play-0{ background-color: #9EC45F; }
.waiting-circles-play-1{ background-color: #aEd46F; }
.waiting-circles-play-2{ background-color: #bEe47F; }

#woverlay {
    bottom: 0;
    left: 0;
    overflow-x: auto;
    overflow-y: scroll;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1050;
    display:block;
    background-color: black;
    -moz-opacity: 0.7;
    opacity: .70;
    filter: alpha(opacity=70);
}

#footer .bottom {
    background:#1d1d1d;
    padding:23px 0;
}
.bottom .container {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #ffffff;
    font-size:80%;
}
.bottom .container a {
    color: #ffffff;
}