/* ========================== SYS Style CSS Document ======================== */ 

/* Table of Content
=============================================================================
	#Site Styles
	#Page Styles
	#Media Queries */

      @import url("base.css");      /* Typography and Basic Styles */
      @import url("skeleton.css");  /* Base Responsive 960 Grid Layout */

/* #Site Styles
============================================================================= */


/* ===== BACKGROUND ===== */

    #bg {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: none;
  		min-height: 600px;
    }
    .formy textarea{
        display:none;
        
    }
    .top-info .telephone {
        display: none;
    }

/* ===== HEADER ===== */


    .cta .inner h3.tel {
        font-size: 28px;
        text-align: center !important;
        margin-bottom: 7px;
    }
	.cta .telephone h4.tel {
		text-align: center;
	}
    .name {
        font-size: 16px;
        line-height: 16px;
        margin-top: 10px;
    }
    .header {
        padding: 5px 0 0;
    }
    .emergency {
        margin-right: 46px;
    }
    .header .mr-left{
        /* margin-left: 46px; */
    }
    .top-info .inner {
        text-align: right;
        padding: 20px 0 0;
    }
    #mob-nav {
        display: none;
    }
    h3.tel a {
        color: #E64017;
    }
	.eight.columns.top-logo {
    	padding-top: 10px;
 }
    #main-nav li a{
        color: #fff;
    }
	#main-nav .sf-menu > li.selected > a{
	   color:#4e1e2b
	}
    .emergency h3{
        font-weight: bold;
        border-right: 2px dotted #c48fac;
        display: inline-block;
    	border-left: 2px dotted #c48fac;
        padding: 0 16px;
    	color:#765d61;
    
    }
    .accordion h5 {
        text-align: center;
        padding-bottom: 3px;
        border-bottom: 1px dotted #391a28;
        margin: 5px 0 8px;
    }

/* ===== HERO ===== */

    .hero img {
        margin-bottom: 20px;
  		display: block;
    	max-width: 100%;
    }
    .map {
        float: right;
        margin: 0 0 15px 15px;
    }

/* ===== FEATURES ===== */

    .features {
         bottom: 98.5%;
         margin: 0 auto;
         opacity: 1;
         position: absolute;
         width: 100%;
         z-index: 99;
         text-align: center;
    }
    .features a {
        display: block;
        position: relative;
        /*opacity: 0.8;*/
    }
    .features a:hover {
        opacity: 1;
    }
    .features img {
        width: 100%;
        display: block;
        border: 5px solid #fff;
        box-sizing:border-box;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    .features span {
        position: absolute;
        bottom: 5px;
        left:5px;
        z-index: 98;
        width: 95%;
        padding: 12px 0;
        background: #000;/* IE Fix */
        background: rgba(113, 93, 97, 0.75);
        color: #FFF;
        font-size: 13px;
        text-indent: 4%;
        font-weight:bold;
        font-family:Effra W01;
        text-align:left;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
	.features a:hover img {
		border-color: rgba(118, 93, 97, 0.75);
	}
	.features a:hover span {
		background: rgba(228, 191, 175, 0.85);
	}
    .itsSimple{
         margin-top: 60px;
    }
    .features .feature_list {
        display: inline-block;
        margin: 0 0.5%;
        width: 14.4%;
    }
    .twelve.columns.page-content.secondary.itsSimple {
        margin-top: 0px;
    }
    .four.columns.cta.secondary.interest {
        margin-top: 0px;
    }
.emergency h3 a{
    color:#765d61;
    display: block;
}
.emergency{
	margin-right: 40px;
    position:relative;
}
.emergency h3:after {
   width: 0;
    content:"";
   height: 0;
   border-left: 20px solid  #765D61;
   border-top: 10px solid transparent;
   border-bottom: 10px solid transparent;
    position:absolute;
    top:30%;
    left:100%;
    margin-left:10px;
}
.cta .accred {
    border: 1px solid #DDD;
    padding: 15px 0;
    margin-bottom: 20px;
}
.cta .accred img {
	display: block;
	width: 80%;
	max-width: 220px;
	margin: 0 auto 15px;
}

.cta .accred > div:first-child img {
    margin: 15px auto 30px;
}
.page-content .accred {
    overflow: hidden;
}
.page-content .accred div {
    float: left;
    width: calc(25% - 15px);
    margin: 0 20px 20px 0;
}
.page-content .accred img {
    display: block;
    width: 100%;
    max-width: 220px;
}

/* ===== CTA ===== */
	.interest{margin-top: 61px;}
    
	.cta .inner {
        text-align: center;
        padding: 15px 8px;
        margin-bottom: 20px;
        
    }
	.cta.interest .inner{float:right;padding:15px 3px;}

    .flexslider .inSliderCta .inner{
        width: 200px;
    }
    .cta.inSliderCta h3{
        color:#fff;
    }
    .cta h3{
        color:#391a28;
    	text-align: left;
    }
	.cta .quote p{
    	color: #765d62;
    	line-height: 40px;
    	text-align: left;
    	padding: 0 24px 0 0;
    	font-family: Adobe Garamond W01;
    	font-size: 30px;
	}
    .cta h3 span{
            color:#391a28;
    }
    .cta h3.tel {
        font-size: 34px;
    	font-weight: bold;
    	margin: 20px 0;
    }
	
	.flexslider .inSliderCta{
		position:absolute;
		top:0;
		right:0;
		background:#e4bfaf;
		z-index: 99;
		margin:0;
		width: 310px;
		bottom: 0;
		height: 100%;
	}
    .flexslider img{
        display:block;
    }
    .cta .inner h3 {
        font-size: 27px;
    	line-height: 27px;
    }
    .flexslider .inSliderCta .padding_box{
            padding:0 30px 10px 20px;
    }
/* ===== page content ===== */
	.content_block p.styling_text{
    	line-height: 29px;
    	color: #765d62;
    	font-size: 24px;
    	line-height: 34px;
    	font-family:Adobe Garamond W01;
	}
    .dentist img {
        float: left;
    height: 100%;
        margin-right: 10px;
        margin-bottom: 10px;
    }
    a.page-link {
        display: inline-block;
        clear: both;
        overflow: hidden;
        background: #765d61;
        border: 1px solid #765d61;
        padding: 10px 10px;
        margin-bottom: 10px;
        color: #FFF;
        font-size: 20px;
        box-shadow: 5px 5px 15px -5px rgba(0, 0, 0, 0.85);
    }
    a.page-link:hover {
        background: #e4bfaf;
    }
    .howel{
        font-weight: bold;
        text-align: left;
        color: #885d61;
     	font-size: 16px;
    	font-family: Adobe Garamond W01;
    }
    .content_block{
        padding-left:45px;
    	padding-right:20px;
    }
    .contactPage p.ad {
        font-size: 20px;
        line-height: 1.3;
    }

.contactPage .itsSimple {
    margin-top: 0;
}
    
    .contactPage p.te {
        font-size: 18px;
        margin-bottom: 10px;
    }
.formy {
    width: 600px;
    max-width: 100%;
    margin: 20px auto;
    box-sizing: border-box;
    padding: 15px;
    border: 1px solid #DDD;
}
.contactPage .eight.columns {
    box-sizing: border-box;
    padding: 15px;
    border: 1px solid #DDD;
}

.contactPage .eight.columns h3 {
    clear: both;
}

/* ===== FOOTER ===== */

#footer{font-family:adobe garamond w01;}
#footer .address{
	margin-top:15px;
}
    #footer > div > div {
        background: #dddede;
        padding:20px 30px 0;
    }
    #footer .inner {
        padding: 0 10px;
    }
    #footer .menu ul {
        display: block; 
        margin: 0;
    }
    #footer .menu li {
        display: inline-block;
        padding-right: 10px;
        margin-right: 10px;
  		margin-bottom: 0;
    }
    #footer .menu li:last-child {
        border: 0;
        padding: 0;
        margin: 0;
    }
    .web-dev {
        text-align: right;
    }

.content_block p{
	 font-size: 18px;
    line-height: 24px;
    text-align: justify;
}
.emergency h3{font-family: Effra W01;padding-left: 20px;padding-right: 10px;}
.top-logo img{/* width:85%; */height: 70px;}

@media screen and (min-width: 768px) {
    
    .emergency h4 a {
    display: none;
}
    
}

@media screen and (min-width: 960px) and (max-width: 1279px) {

    body .features {
        bottom: 95.5%;
    }
    body .flexslider .slides > li {
        height: 360px;
    }
    body .itsSimple {
        margin-top: 50px;
    }

}

@media only screen and (max-width: 1279px) {   
    .features span{font-weight:normal; font-size:12px; text-indent:0; box-sizing: border-box;width: 93%;padding:3px 0;text-align:center; height: 30px;}
    .cta .quote p{padding:0;font-size: 26px; line-height: 32px;}
    .flexslider .inSliderCta .inner{width:auto; margin:0;padding-bottom:0}
    .header .mr-left{margin-left: 20px;}
    .emergency{margin-right:20px;}
    .cta.interest .inner{float:none;}
    .cta .inner h3.tel {font-size: 24px;line-height: 1;margin-bottom: 5px;}
    .cta.inSliderCta h3 { margin: 0 0 6px;}
}
/* Above Mobile Sizes (devices and browser) ============================= */
@media only screen and (min-width: 1280px) {
    body .flex-control-nav {bottom: 130px;}
}
@media only screen and (min-width: 960px) {
    
    .page-content .accred div:nth-of-type(4n) {
        margin-right: 0;
    }
 
}
/* Tablet Portrait size to standard 960 (devices and browsers) ========== */
@media screen and (min-width: 768px) and (max-width: 959px) {

    .cta h3.tel {
        font-size: 18px;
        line-height: 20px
    }
    .cta h4.email {
        font-size: 16px;
        line-height: 18px
    }
    .page-content .accred div {
        width: calc(33.3333% - 15px);
    }
    
    .page-content .accred div:nth-of-type(3n) {
        margin-right: 0;
    }
    body .features {
        bottom: 96.5%;
    }
    body .itsSimple {
        margin-top: 60px;
    }
    .features span {
         box-sizing: border-box;
    	font-size: 11px;
    	padding: 4px 5px;
    	width: 91%;
    }
    .flexslider .inSliderCta .inner{ }       
    .features { bottom: 94%;}    
    .itsSimple { margin-top: 74px;}
    .interest {  margin-top: 52px;}
    .content_block p.styling_text{ font-size: 22px;line-height: 28px;}
    .cta .quote p{font-size: 23px;line-height: 28px;}
    .ui-accordion-header{margin-bottom: 10px;}
    .emergency h3{font-size: 23px; line-height: 27px; padding-left:10px;}
    emergency h4{font-size: 22px; line-height: 22px;}
    .cta .inner h3.tel { font-size: 26px;}
     .cta.inSliderCta h3{  font-size: 24px; line-height: 25px;}
    .flexslider .inSliderCta .padding_box{padding: 0 10px;}
}

/* All Mobile Sizes (devices and browser) =============================== */
@media only screen and (max-width: 959px) {

	.map {
		float: none;
		margin: 0 auto 20px;
	}

}

/* All Mobile Sizes (devices and browser) =============================== */
@media only screen and (max-width: 767px) {

    .header {
        padding-top: 65px;
    }
    #main-nav {
        display: none;
    }
    #mob-nav {
        display: block;
        position: fixed;
        z-index: 999999;
    	width: 100%;
    }
    .map {
        float: none;
        margin: 0;
    }
    .top-logo {
        text-align: center;
    }
    .top-info {
        display: none !important;
    }
    .page-content h1 {
        font-size: 24px;
        line-height: 26px;
    }
    #footer {
        background: #F1F1F1;
        padding-bottom: 20px;
        text-align: center;
    }
    .web-dev {
        text-align: center;
    }
    .cta .inner {
        text-align: center;
    }
    .page-content .accred div {
        width: calc(50% - 15px);
    }
    .page-content .accred div:nth-of-type(even) {
        margin-right: 0;
    }
    .features .four.columns {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 15px;
    }
    .features .four.columns:nth-child(even) {
        margin-right: 0;
    }
    .features span {
        font-size: 14px;
    	padding: 6px 5px;
    	width: 95%;
  	}
    .flexslider .inSliderCta {
        display: block !important;
    }
    .flexslider .inSliderCta{margin: 20px 0 0;top: 100%;width: 100%;}
    .features{position:static;margin:0 auto 20px}    
    .flexslider .slides img{height:auto;}
    .flex-control-nav{bottom: 10px;  left: 10px;}
    .cta h3.tel{font-size: 25px;}
    .cta .quote p{font-size: 25px;}
    .slide-caption{ width: 70%;right: 0; margin: 0 auto;}
    .features .feature_list{width: 48%;}
    .content_block { padding-left: 0;padding-right: 0;}
    .eight.columns.top-logo { padding-top: 0;}
    #footer > div > div{padding:20px 0 0;}
  	.header .mr-left { margin-left: 0;}
    .flexslider .inSliderCta{bottom:auto;}
    .cta.interest h3.tel{text-align: center;}
    .flexslider .inSliderCta{height: auto;margin-bottom: 20px;}
    .content_treatment{  margin-top: 325px;}
    .cta .inner h3 {  font-size: 27px; line-height: 30px;}
    .flexslider .inSliderCta .inner { padding-bottom: 0;}
    .hygenist{ margin-top: 112px;}
    .privilage{margin-top: 40px;}
    .meetTheTeam{ margin-top: 100px;}
    .implants{ margin-top: 38px;}
    .flex-control-nav{display:none;}
}


/* Mobile Portrait Only (devices and browsers) ========================== */
@media only screen and (max-width: 479px) {
   /* .flexslider .slides img {height: 200px;}*/
    .features .feature_list { display: block; margin: 0;  width: 100%;}
    .features span {display: block; left: 0; margin: auto;padding: 10px 0;right: 0;text-indent: 0;width: 97%; font-size:16px; height:auto;}
    .content_block p.styling_text{font-size: 20px;line-height: 26px;}
    .meetTheTeam { margin-top: 170px;}
    .aboutUs{ margin-top: 20px;}
}


/* ===== Fixes ===== */

    .ie7 .features span, .ie8 .features span {
        font-size: 22px; 
    }