/*
Theme Name: The Dental Place
Theme URI: www.dentistreservoir.com.au
Author: Identity
Author URI: http://aspricot.com/
Description: Theme like the dental place
Version: 1.0
Tags: reservoir dental , reservoir dental clinic, dental place reservoir, the dental place reservoir, dentist in reservoir, reservoir dentist, broadway dentist
Text Domain: www.dentistreservoir.com.au

*/



html {
    height: 100%;
}
body {
   color: #7f7f7f;
	background-color:#999999;
	font-family: Arial, sans-serif;
    font-style: normal;
    margin:0;
    padding:0;
    height:100%;
    width:100%;
    font-size: 14px;
}

.container {
    background: #FFF;
}


/* #Our Default CSS
================================================== */

div,ul,li,a,input,img,select,textarea,input[type="submit"],header,footer,span, abbr, acronym, address, applet, article, aside, audio, big, blockquote, caption, canvas, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video {
    font-size: 100%;
    font-weight: inherit;
    font-style: inherit;
    vertical-align: baseline;
    white-space: normal;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0px none !important;
    background: transparent;
    
    text-decoration: none !important;
    -webkit-font-smoothing: antialiased !important;
    text-rendering: optimizeLegibility !important;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    -moz-osx-font-smoothing: grayscale !important;
}
a { 
color: #51af71;
    text-decoration: none; 
    outline: 0;
    -webkit-transform: translateZ(0);
    -webkit-transition:0.2s color linear;
    -moz-transition:0.2s color linear;
    transition:0.2s color linear;
    -webkit-transition: .5s;
    -moz-transition: :.5s;
    -o-transition: .5s;
}

.alignleft {
float:left;
}
.alignright {
float:right;
}
.aligncenter {
float:none;
margin-left:auto;
margin-right:auto;
}
.clr-white {
    color:#fff !important;
}

.blue-color {
    color: #006ebb;
}

.red_color {
    color: #eb2323;
}

.bg-white {
    background: #fff;
    float: left;
    width: 100%;
}
.bg-grey {
    background: #FAF9F2;
    width: 100%;
    float: left;
    padding-bottom:80px;
}

.bg-blue {
    background: #006ebb;
}
.bg-red{
    background: #ff5454;
}

.bg-yellow {
    background: #ffd500;
}
.section-padd {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}
.section-padd1 {
    padding-top: 140px !important;
    padding-bottom: 120px !important;
}

.fl-left {
    float: left !important;
}
.fl-right {
    float: right !important;
}
.fl-center {
    float: none !important;
    margin-left: auto;
    margin-right: auto;
}
.no-margin {
    margin: 0px !important;
}
.top60 {
    margin-top: 60px;
}
.top50 {
    margin-top: 50px;
}
a:hover {
    color: #46255A;
    text-decoration: none;
    -webkit-transition: .5s;
    -moz-transition: :.5s;
    -o-transition: .5s;
}
li {
    display: list-item;
    text-align: -webkit-match-parent;
}
ul {
    list-style: none outside;
    padding: 0px;
    margin: 0px;
}

.inline {
display: inline-block !important;
}

.no_top_padding {
padding-top:0px !important;
}

.vid {
position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
}

.vid iframe {
position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
h1, h2, h3, h4 {
font-family: Arial, sans-serif;
line-height: 115%;
font-weight: lighter;
}

h1 {
color: #6e1f42;
font-size: 29px;
}

h2 {
color: #51af71;
font-size: 20px;
}

h3 {
color: #6e1f42;
font-size: 16px;
}
p {
font-size: 12.5px;
margin: 0 0 10px;
}


.no_right_padding {
    padding-right: 0px;
}

.no_left_padding{
    padding-left: 0px;
}

.no_padding {
    padding-left: 0px;
    padding-right: 0px;
}

/* #Section-2 Header
 ================================================== */
.top_bar {
    position: relative;
}
.top_contact {/* PARENT IS .HEADER - taken out of flow by absolute positioning */
	position: absolute;
	top: 5px;
	left: 110px;
	color:#6e1f42;
	z-index:15;
	font-size:100%;
	padding-left:0px;
}
.top_address {/* PARENT IS .HEADER - taken out of flow by absolute positioning */
	position: absolute;
	top: 5px;
	right: 20px;
	color:#7f7f7f;
	z-index:16;
	font-size:95%;
	padding-right:20px;
}
.logo {
	position:relative;
	text-align:left;
	padding-left:1.5%;
}
nav {
    font-family: Arial, sans-serif;
	
	margin:0px;
	margin-left: 1%;
width: 97%; 
	font-size:90%;
	color:#7f7f7f;
	background-color:#ffffff;
	z-index:8;
	font-weight: normal;
	display:block;
	text-align: right;
	border-top-width: thin;
	border-right-width: 0px;
	border-bottom-width: thin;
	border-left-width: 0px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
        float: left;
        margin-bottom: 20px;
}
ul.nav {
    margin:0px;
    padding:0px;
    text-align:right;
    float: right;
}
.navbar {
    margin: 0px;
    min-height: 30px;
    padding: 0px;
}
.navbar-collapse.collapse {
    background: none !important;
    border: none !important;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
    -o-padding-start: 0px;
    -moz-padding-start:0px !important;
padding: 0px;
}
.navbar-inverse .navbar-toggle {
    border-color: #777777;
    margin-top: 25px;
    background: #777777;
}


.navbar-inverse {
    background: none !important;
    border:none !important;
}
.navbar-inverse .navbar-nav > li {
    line-height:1.2em;
}
.navbar-inverse .navbar-nav > li > a {
    color:#7f7f7f;
	background-color:#ffffff;
	text-decoration:none;
	padding:10px 7px;
font-size: 12.5px;

}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > li:hover a{
   color:#ffffff;
	background-color:#6e1f42;
}
.navbar-nav {
    padding-bottom: 0px;
    margin-bottom: 0px;
}
@media (min-width: 768px) {

.no_left_padding {
padding-left: 0px;
}
}
.navbar-inverse .navbar-brand {
    color: #777777;
    position:absolute;
    float: left;
    top:3px;
    right:50px;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
    color: #f04c24;
    background-color: transparent;
}

.navbar-nav > li .sub-menu {

position:absolute;
left:0px;
float: left;
width: 200px;
background: #FFF;
padding: 10px 0px;
border:0px !important;
box-shadow:0px 1px 1px #ddd;

top: -9999px;
	z-index:999;
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);

    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;

    -moz-transition: -moz-transform 0.2s ease-out;
    -ms-transition: -ms-transform 0.2s ease-out;
    -o-transition: -o-transform 0.2s ease-out;
    -webkit-transition: -webkit-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
}


.navbar-nav > li:hover .sub-menu {
top: 100%;

  -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
}

.navbar-nav > li .sub-menu li,
.sub-menu > li .sub-menu li {
background:none !important;
border:0px !important;
display: block;
padding: 8px 0px;
font-size: 12px;
position:relative;
}

.navbar-nav > li .sub-menu li a,
.sub-menu > li .sub-menu li a {
background:none !important;
border:0px !important;
display: block;
color:#666 !important;
}
.navbar-nav > li .sub-menu li:hover,
.sub-menu > li .sub-menu li:hover {
background:#f9f9f9 !important;
border:0px;
color:#006ebb;
}
.navbar-nav > li .sub-menu li:hover a,
.sub-menu > li .sub-menu li:hover a{
border:0px;
color:#006ebb !important;
}

.sub-menu > li .sub-menu {

position:absolute;
left:-9999px;
float: left;
width: 200px;
background: #FFF;
padding: 10px 0px;
border:0px !important;
box-shadow:0px 1px 1px #ddd;

top: 0px;
	z-index:999;
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);

    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;

    -moz-transition: -moz-transform 0.2s ease-out;
    -ms-transition: -ms-transform 0.2s ease-out;
    -o-transition: -o-transform 0.2s ease-out;
    -webkit-transition: -webkit-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
}

.sub-menu > li:hover .sub-menu {
left: 100%;
top: 0px !important;
  -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    -webkit-transform: scaleX(1);
}


@media (max-width: 700px) {
    .top_address {
        display: none;
    }
}

/* Main Container
 ================================================== */
.main_container {
    width: 100%;
    float: left;
}


.main_container h1,
.main_container h2,
.main_container h3,
.main_container h4{
    margin: 20px auto;

}
.main_container h3,
.main_container h4{
    margin-top: 20px;
 margin-bottom: 5px;

}

/* Three Boxes
 ================================================== */

.box {
border-bottom: 1px solid #ebeced;
background-color: #f4f4f4;
background-image: url(../images/boxshadow.jpg);
background-repeat: repeat-y;
background-position: right top;
margin-top: 7px;

}
.call-box {
	position:relative;
	overflow:hidden;
	padding:0;
	margin:0;
	border:0;
}

.call-box img {
display: block;
width: 100%;
}

.call a{
	position:absolute;
	width:100%;
	height:40px;
	line-height:40px;
	text-align:center; 
	padding:0;
	margin: 0;
        left: 0px;
	bottom:0px;
	color:#fff;
	text-decoration:none;
	background-color: rgba(110, 31, 66, 0.7);/*======= pink     ===========*/
}
.call a {
color:#FFF;
}
.call a:hover { background-color: rgba(44,145,141, 0.8 ); color:#EEB649;}*======= green ===========*/
#call-box-sm { /*height:150px;*/}
#call-sm { top:110px;}

.bigtxt {
color: #6e1f42;
font-size: 1.7em;
line-height: 1.2em;
font-weight: lighter;
}
.boxlist {
padding: 15px;
color: #000000;
font-family: "Arial Narrow", Arial, sans-serif;
zoom: 1;
letter-spacing: normal;
line-height: 150%;
font-size: 85%;
word-spacing: normal;
vertical-align: top;
text-rendering: auto;
}


/* Footer
 ================================================== */

.footer_section {
    font-size: 75%;
background-color: #464646;
padding:5px;
float: left;
width: 100%;
margin-top: 20px;
}

.footer_section ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.footer_section ul li {
    display: inline-block;
    border-right: 1px solid #7f7f7f;
    padding: 0px 5px;
}

.footer_section ul li:last-child {
    border-right: 0px solid #7f7f7f;
}

.footer_section ul li a{
    color: #fff;
}

.footer_section ul li a:hover{
    color: #51af71;
}


#social {
text-align: right;
}

#social img {
margin: 10px 3px;
display: inline-block;
}

.footertext {
    color: #ffffff;
margin: 0;
padding: 10px 0;
padding-left: 40px;
font-size: 85%;
}
.article {
background:none !important;
margin-top:10px;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px dashed #ddd;
}

.article .boxlist {
padding: 0px;
color: #7f7f7f;
font-family: Arial, sans-serif;
}

.article .bigtxt a {
color: #6e1f42;
font-size: 22px;
line-height: 1.2em;
font-weight: lighter;
letter-spacing:normal;
}
.article_author ul {
display:block;
margin-top:10px;
margin-bottom:10px;
}
.article_author ul li {
display: inline;
padding: 0px 5px;
font-size: 12px;
}


.boxheading {
position: relative;
left: 0%;
margin: 0px;
background-color: #51af71;
color: #6e1f42;
padding: 15px;
z-index: 8;
font-size: large;
line-height: 1.8em;
font-weight: bold;
background: -webkit-gradient(linear, left top, left bottom, from(#73CF98), to(#51af71));
background: -moz-linear-gradient(top, #73CF98, #51af71);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#73CF98', endColorstr='#51af71');
font-variant: small-caps;
}