/*
            Theme Name: Crooked
            Author: HTML WP
            Description: Theme Crooked created by HTML WP.you can change this after theme creation.
            Version: 1.0
            */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],template {
    display: none
}

a {
    background: 0 0
}

a:active,a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,kbd,pre,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

label {
    display: block;
}

label.error {
    color: red;
}

input,textarea {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: none;
    padding: 5px 15px;
    font-size: 18px;
    margin-bottom: 12px;
    color: #000;
    max-width: 500px;
}

input[type="checkbox"],input[type="radio"] {
    display: inline;
    width: auto;
    margin-left: 15px;
}

select {
    margin-bottom: 15px;
    color: #000;
}

button {
    border: none;
}

article label {
    margin-top: 1em;
    font-weight: bold;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 20px;
    line-height: 30px;
    background: url(https://www.myroanokedentist.com/crookedroaddental/wp-content/themes/crooked/assets/images/bg.jpg) center top no-repeat;
    background-size: 2000px 100%;
}

h2, h3, h4, h5 {
    margin-top: 1em;
    font-weight: 700;
}

h1 {
    font-size: 70px;
    line-height: 70px;
    color: #337b91;
    margin: 0px;
}

h2 {
    font-size: 32px;
    line-height: 36px;
    color: #39465d;
}

h3 {
    font-size: 26px;
    line-height: 28px;
    color: #337b91;
}

a {
    text-decoration: none;
    color: #39465d;
}

a:hover {
    text-decoration: underline;
}

body {
   font: normal 16px / 28px "Roboto",Helvetica,Arial,Verdana,sans-serif;
    word-spacing: normal;
    color: #6a7990;
}

.btn em,h1, body.index h2, h3 {
   font-family: 'Fira Sans Condensed', sans-serif;
}

#callout-tradition h3,h2 {
   font-family: 'Fira Sans Condensed', sans-serif;
    
}

article {
    font-weight: 300;
}

.elem-border {
    background: url(https://www.myroanokedentist.com/crookedroaddental/wp-content/themes/crooked/assets/images/figure-stock-bg.png) center center no-repeat;
    padding: 20px;
    text-align: center;
    height: 336px;
    width: 298px;
    box-sizing: border-box;
}

.clearfix {
    *zoom:1}

.clearfix:before,.clearfix:after {
    display: table;
    line-height: 0;
    content: ""
}

.clearfix:after {
    clear: both
}

.container {
    width: 1060px;
    margin: 0 auto;
}





.btn, .btn-alt {
    text-align: center;
    width: auto;
    height: auto;
    display: inline-block;
    font: normal 600 16px / 18px "Fira Sans",Helvetica,Arial,Verdana,sans-serif;
    text-transform: none;
    border: 2px solid #337b91;
    padding: 12px 35px;
    color: #fff;
    background: #337b91;
    text-align: center;
    border-radius: 0; text-transform: capitalize;
}


.btn:hover, .btn-alt:hover{background:#364152; border-color: #364152; color: #fff;}

.btn em{font-style: normal; margin-right: 3px;}

/*
header {
    background: url(https://www.myroanokedentist.com/crookedroaddental/wp-content/themes/crooked/assets/images/header-bg.jpg) center top no-repeat;
    height: 178px;
}
*/

header .container {
    position: relative;
}

header .logo {
    position: absolute;
    left: 0;
    top: 0;
}

header #contact-info {
    padding-left: 300px;
    color: #fff;
    line-height: 32px;
    font-size: 32px;
    font-weight: bold;
    float: left;
    margin-top: 15px;
}

#contact-info {
    position: relative;
}

#contact-info .social {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50px;
    float: right;
    text-align: right;
}

#contact-info address {
    margin: .5em 0;
    font-size: 22px;
    font-weight: normal;
    line-height: 22px;
}

#contact-info a {
    color: #fff;
}

.btn-apt {
    float: right;
    margin-top: 15px;
}

#nav-bar {
    margin-top: 15px;
    background: url(https://www.myroanokedentist.com/crookedroaddental/wp-content/themes/crooked/assets/images/nav-bg.jpg) center top repeat-x;
}

nav#main-nav > ul {
    margin: 0px;
    padding: 0 0 0 300px;
}

nav#main-nav ul li {
    display: inline-block;
    position: relative;
}

nav#main-nav ul li a {
    color: #fff;
    font-size: 16px;
    line-height: 39px;
    display: block;
    padding-right: 15px;
    text-transform: uppercase;
}

nav#main-nav ul li a:hover {
    text-decoration: none;
}

nav#main-nav ul ul {
    display: none;
    margin: 0px;
    padding: 0px;
    width: 240px;
    text-align: left;
    position: absolute;
    left: 0;
    top: 39px;
    background: #83ac09;
    z-index: 10001;
}

nav#main-nav ul ul li {
    width: 100%;
}

nav#main-nav ul li:hover > ul {
    display: block;
}

nav#main-nav ul ul li a {
    line-height: 22px;
    font-size: 16px;
    text-transform: none;
    padding: 5px 10px;
}

nav#main-nav ul ul li a:hover {
    background: #582F0F;
}

section {
    padding: 100px 0 300px;
    background: url(https://www.myroanokedentist.com/crookedroaddental/wp-content/themes/crooked/assets/images/callout-trail-3.png) center bottom no-repeat;
}



footer nav,footer .forms,footer #footer-info {
    vertical-align: top;
    display: inline-block;
    margin-left: -4px;
    box-sizing: border-box;
}

footer .forms,footer #footer-info {
    padding: 20px;
    margin-top: 30px;
    min-height: 320px;
    width: 29%;
    background: url(https://www.myroanokedentist.com/crookedroaddental/wp-content/themes/crooked/assets/images/footer-repeat1.jpg) center center repeat;
}

footer .forms textarea,footer .forms input {
    font-size: 14px;
    margin-bottom: 10px;
}

footer .forms button {
    float: right;
}

footer nav {
    padding: 20px 15px;
    width: 35%;
    background: url(https://www.myroanokedentist.com/crookedroaddental/wp-content/themes/crooked/assets/images/footer-nav-repeat.jpg) center center repeat;
    min-height: 390px;
}

footer nav ul {
    text-align: left;
    list-style: none;
    margin: 30px 0 0;
    padding: 0px;
}

footer nav ul li {
    width: 49%;
    margin: 6px 0;
    display: inline-block;
}

footer nav ul li a {
    font-size: 16px;
    color: #fff;
}

footer strong {
    font-size: 32px;
    color: #fff;
    display: block;
    margin-bottom: 10px;
    text-shadow: 1px 1px 1px #000;
}

#footer-info {
    color: #fff;
    text-shadow: 1px 1px 1px #000;
}

#footer-info img {
    display: block;
    text-align: center;
    margin: 0 auto;
}

#footer-info .name {
    font-size: 20px;
}

#footer-info address {
    font-size: 18px;
    line-height: 20px;
}

#footer-info .phone {
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    margin-top: 5px;
    display: block;
}

#footer-info .social {
    display: block;
    text-align: center;
    margin-top: 10px;
}

#footer-info .social a {
    font-size: 32px;
    color: #fff;
}

#copy {
    font-size: 11px;
    margin-top: 1em;
}



body.index h1:before {
    width: 171px;
    height: 112px;
    position: absolute;
    left: -55px;
    top: -80px;
    background: url(https://www.myroanokedentist.com/crookedroaddental/wp-content/themes/crooked/assets/images/callout-title-truly.png) left top no-repeat;
    content: "";
}

body.index h1 {
    font-size: 85px;
    position: relative;
    margin-top: 1em;
}

body.index h1 strong {
    font-size: 120px;
}

body.index h1 em {
    font-size: 55px;
    line-height: 110px;
    font-style: normal;
}

body.index h2 {
    font-size: 58px;
    line-height: 58px;
    color: #337b91;
    margin: 0px;
    position: relative;
}

#callout-welcome {
    padding-bottom: 370px;
    background: url(https://www.myroanokedentist.com/crookedroaddental/wp-content/themes/crooked/assets/images/callout-trail-1.png) center bottom no-repeat;
}

#callout-welcome img {
    float: right;
}

#callout-affordable img {
    float: left;
}

#callout-affordable span {
    float: right;
    display: block;
    width: 50%;
}

#callout-affordable h2 {
    text-align: center;
}

#callout-affordable h2:before {
    width: 167px;
    height: 89px;
    position: absolute;
    left: 40px;
    top: -60px;
    background: url(https://www.myroanokedentist.com/crookedroaddental/wp-content/themes/crooked/assets/images/callout-title-honestly.png) left top no-repeat;
    content: "";
}

#callout-tradition {
    padding: 210px 0 260px;
    min-height: 480px;
    background: url(https://www.myroanokedentist.com/crookedroaddental/wp-content/themes/crooked/assets/images/callout-tradition-bg.png) center top no-repeat;
}

#callout-tradition span {
    display: block;
    width: 500px;
    padding-right: 50px;
    margin: 0 auto;
}

#callout-tradition h3 {
    font-size: 45px;
    margin: .5em 0;
    color: #39465d;
    text-align: center;
    
}

#callout-services {
    padding-bottom: 280px;
    background: url(https://www.myroanokedentist.com/crookedroaddental/wp-content/themes/crooked/assets/images/callout-trail-2.png) center bottom no-repeat;
}

#callout-services h2:before {
    width: 123px;
    height: 100px;
    position: absolute;
    left: -50px;
    top: -50px;
    background: url(https://www.myroanokedentist.com/crookedroaddental/wp-content/themes/crooked/assets/images/callout-title-really.png) left top no-repeat;
    content: "";
}

#callout-services span {
    width: 50%;
    float: left;
    display: block;
}

#callout-services img {
    float: right;
}

#callout-services span img {
    float: none;
}

/*
#callout-reviews {
    padding-bottom: 290px;
    background: url(https://www.myroanokedentist.com/crookedroaddental/wp-content/themes/crooked/assets/images/callout-trail-3.png) center bottom no-repeat;
}
*/
#callout-reviews img {
    float: left;
}

#callout-reviews span {
    display: block;
    width: 50%;
    float: right;
}

#callout-reviews h2 {
    font-size: 47px;
    line-height: normal;
}



#callout-reviews h2:before {
    width: 150px;
    height: 94px;
    position: absolute;
    left: -40px;
    top: -50px;
    background: url(https://www.myroanokedentist.com/crookedroaddental/wp-content/themes/crooked/assets/images/callout-title-proudly.png) left top no-repeat;
    content: "";
}

.two-col {
}

.two-col > div {
    width: 49%;
    float: right;
}

.two-col > div:first-child {
    float: left;
}

.staff-box {
    width: 463px;
    height: 264px;
    background: url(https://www.myroanokedentist.com/crookedroaddental/wp-content/themes/crooked/assets/images/staff-box-bg.png) center center no-repeat;
    text-align: center;
    margin: 1em 0;
}

.staff-box img {
    margin-top: 20px;
    -moz-box-shadow: 1px 1.7px 6.4px 1.6px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 1.7px 6.4px 1.6px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1.7px 6.4px 1.6px rgba(0, 0, 0, 0.5);
}

.staff-title {
    text-align: center;
}

.staff-title strong {
    color: #39465d;
}

.social-facebook, .social-gplus {
    font-size: 34px;
    display: inline-block;
    float: left;
}

.social-facebook {
    color: #3b5998;
}

.social-gplus {
    color: #dd5c4a;
}

#map-box {
    width: 100%;
    padding: 35px 65px;
    margin-top: 2em;
    box-sizing: border-box;
    background: url(https://www.myroanokedentist.com/crookedroaddental/wp-content/themes/crooked/assets/images/map-box-bg.png) center center no-repeat;
}

#map-box iframe {
    -moz-box-shadow: 1px 1.7px 6.4px 1.6px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 1.7px 6.4px 1.6px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1.7px 6.4px 1.6px rgba(0, 0, 0, 0.5);
}

.page-hours {
    color: #39465d;
}

.page-hours b {
    display: inline-block;
    width: 120px;
}

#gallery {
    margin: 1em 0;
    text-align: center;
}

#gallery > div {
    width: 100%;
}

#gallery span {
    display: inline-block;
    text-align: center;
    margin: 0 2%;
    font-weight: bold;
}

#gallery img {
    display: block;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

#gallery-controls {
    margin: 1em 0;
    text-align: center;
}

#gallery-controls .btn-alt {
    
    margin: 0 5%;
    min-width: 150px;
    
}

#responsive-nav {
    display: none;
}

@media screen and (max-width: 1063px) {
    img {
        max-width:100%;
    }

    .container {
        width: 100%;
        max-width: 1060px;
    }

    body.index h1:before {
        left: 0;
        top: -120px;
    }

    #callout-services span {
        margin-left: 5%;
    }

    article {
        /*width: 90%;
        padding: 0 5%;*/
    }

    body.index article {
        width: 100%;
        padding: 0px;
    }
}

@media screen and (max-width: 1023px) {
    #callout-affordable img,#callout-services img,#callout-reviews img,#callout-welcome img {
        float:none;
        display: block;
        margin: 0 auto;
    }

    body.index h1 {
        text-align: center;
    }

    #callout-reviews span,#callout-services span,#callout-affordable span {
        margin: 0px;
        width: 100%;
        padding: 0 5%;
        float: none;
    }

    #callout-reviews h2,#callout-affordable h2 {
        margin-top: 1em;
    }

    #callout-services h2 br,#callout-affordable h2 br {
        display: none;
    }

    footer nav {
        display: none;
    }

    footer .forms,footer #footer-info {
        width: 45%;
        margin: 0 2%;
    }

    header {
        height: auto;
    }

    nav#main-nav > ul {
        padding: 0px;
        text-align: center;
    }

    .logo {
        width: 200px;
    }

    .btn-apt {
        width: 200px;
    }

  

    header #contact-info {
        padding-left: 220px;
    }

    #callout-services h2:before {
        left: -25px;
        top: -90px;
    }

    #callout-reviews h2:before {
        left: -30px;
        top: -65px;
    }

    #callout-affordable h2:before {
        left: -20px;
    }
}

@media screen and (max-width: 759px) {
    .btn-apt {
        width:280px;
    }

    header #contact-info {
        display: none;
    }

    .logo {
        position: relative;
        margin-left: 5%;
    }

    #nav-bar {
        background: #536C32;
    }

    nav#main-nav ul {
        background: #337b91;
        display: none;
        text-align: center;
    }

    nav#main-nav ul li {
        display: block;
    }

    nav#main-nav ul li:hover > ul {
        display: none;
    }

    #responsive-nav {
        display: block;
    }

    body.index h2 {
        font-size: 50px;
        line-height: 60px;
    }

    #callout-tradition {
        display: none;
    }

    #callout-affordable h2:before {
        left: 0px;
        top: -80px;
    }

    #callout-reviews h2, #callout-affordable h2,#callout-services h2 {
        margin-top: 2em;
    }

    #callout-services h2:before {
        left: 0px;
    }

    #callout-reviews h2:before {
        left: 0px;
        top: -95px;
    }

    section {
        padding-top: 50px;
    }

    .two-col > div {
        width: 100%;
        float: none;
    }

    .two-col > div:first-child {
        float: none;
    }
}

@media screen and (max-width: 479px) {
    .btn-apt {
        display:none;
    }

    header {
        padding-bottom: 0px;
    }

    header .logo {
        position: relative;
        margin: 0 auto;
        text-align: center;
        display: block;
    }

    footer .forms, footer #footer-info {
        width: 100%;
        float: none;
        margin: 0 0 10px;
    }

  




    body.index h2 {
        text-align: center;
    }




    .staff-box {
        height: auto;
        width: auto;
        background-size: 100% 100%;
        padding: 20px;
    }

    .staff-box img {
        margin-top: 0px;
    }
}


.ath-viewport * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.ath-viewport {
  position: relative;
  z-index: 2147483641;
  pointer-events: none;

  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  text-size-adjust: none;
}

.ath-modal {
  pointer-events: auto !important;
  background: rgba(0,0,0,0.6);
}

.ath-mandatory {
  background: #000;
}

.ath-container {
  pointer-events: auto !important;
  position: absolute;
  z-index: 2147483641;
  padding: 0.7em 0.6em;
  width: 18em;

  background: #eee;
  background-size: 100% auto;

  box-shadow: 0 0.2em 0 #d1d1d1;

  font-family: sans-serif;
  font-size: 15px;
  line-height: 1.5em;
  text-align: center;
}

.ath-container small {
  font-size: 0.8em;
  line-height: 1.3em;
  display: block;
  margin-top: 0.5em;
}

.ath-ios.ath-phone {
  bottom: 1.8em;
  left: 50%;
  margin-left: -9em;
}

.ath-ios6.ath-tablet {
  left: 5em;
  top: 1.8em;
}

.ath-ios7.ath-tablet {
  left: 0.7em;
  top: 1.8em;
}

.ath-ios8.ath-tablet {
  right: 0.4em;
  top: 1.8em;
}

.ath-android {
  bottom: 1.8em;
  left: 50%;
  margin-left: -9em;
}

/* close icon */
.ath-container:before {
  content: '';
  position: relative;
  display: block;
  float: right;
  margin: -0.7em -0.6em 0 0.5em;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAeHAAAHhwFd+hRDAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAHVQTFRFAAAAOTk5MzMzOzs7Nzc3QUFBQEBAPz8/Pj4+QUFBQEBAPz8/Pj4+QUFBQEBAPz8/QUFBPj4+Pz8/Pz8/Pj4+Pz8/Pz8/Pz8/Pj4+Pz8/Pj4+Pz8/Pz8/Pz8/Pz8/Pz8/Pj4+Pz8/Pz8/Pz8/Pz8/QEBAPz8/n3QmjwAAACZ0Uk5TAAkKDQ4zODk6OzxBQkNERUusrbG0tba7vL3Excbu8fL19fb3+PgucqJgAAACqklEQVR42sXc23LCIBAGYKy2pgft0WpP2vTA+z9i0+goCZAs7O7P3oWZTL5ZYAh7sca0MXmYG3jM7yfu4/TV1jdow01tX6cdg4UrGoN1FNM3a+GK1nBSzPYGrOJgsPZt1hrerYUrjoa9wjHgFI7B2veZWVk3tpCdWm07H30y8+4AIhedPFj7cW7wioABrggawIqIAaroGbYXzlGCUvQNnc0IUgwaQIoRA0QxagAoCAZ1BcmgrCAaVBVkg6IiwaCmSDIoKRINKopkg4IiwyCuyDIIKzINoopsg6CCYRBTsAxCCqZBRLGo2RcrtkLAwFaIGJgKIQNLIWZgKAQN2QpRg1dKoCmEDVkKcUOGQsGQrFAxJCqUDEkKNUOCQtFAVqgaiAplg69YFDAQFADDqAJiGFGADI1iF1XADAOKvqHSLApHFFBDRAE2BBVwQ0BRwOApfn8LGDxFEcOQAmeIK5CGmAJrCCvQBq8A8r9Zrw08qp6irvAGs/zpIr4XBQxf3nQsyhvwipABrQgbsIqYAamIG3CKnqH+LKDoGXbVwD84zDB4E4AZ4IqgAayIGKCKqMGYS5RiwOArlgUMnuJrWcAAUYwaAAqCQV1BMigriAZVBdmgqEgwqCmSDEqKRIOKItmgoMgwiCv6hkvaa6KKTIOoItsgqGAYxBQsg5CCaRBRsA0CCgEDWyFiYCqEDCyFmIGhEDRkK0QNmQphQ5ZC3JChUDAkK1QMiQolQ5JCzZCguNUzkBV3P4oGokLZQFKoGwgKgGFUATGMKECGQQXMYMxVTAE0RBVQQ0QBNgQVcENI8QwoBo8cUiszWYPz4OVi3bQ9cBQoQ0exblsvTDZwg6PYHNo/tE0XmvVwa4BxWBentgtnL+A8HHPxcnYaaBRoQ6twDY3iEW5oFI8Hwx/QxSE448b+MwAAAABJRU5ErkJggg==);
  background-color: rgba(255,255,255,0.8);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 2.7em;
  height: 2.7em;
  text-align: center;
  overflow: hidden;
  color: #a33;
  z-index: 2147483642;
}

.ath-container.ath-icon:before {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  float: none;
}

.ath-mandatory .ath-container:before {
  display: none;
}

.ath-container.ath-android:before {
  float: left;
  margin: -0.7em 0.5em 0 -0.6em;
}

.ath-container.ath-android.ath-icon:before {
  position: absolute;
  right: auto;
  left: 0;
  margin: 0;
  float: none;
}


/* applied only if the application icon is shown */
.ath-container.ath-icon {

}

.ath-action-icon {
  display: inline-block;
  vertical-align: middle;
  background-position: 50%;
  background-repeat: no-repeat;
  text-indent: -9999em;
  overflow: hidden;
}

.ath-ios7 .ath-action-icon,
.ath-ios8 .ath-action-icon {
  width: 1.6em;
  height: 1.6em;
  background-image:url(data:image/png;base64,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);
  margin-top: -0.3em;
  background-size: auto 100%;
}

.ath-ios6 .ath-action-icon {
  width: 1.8em;
  height: 1.8em;
  background-image:url(data:image/png;base64,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);
  margin-bottom: 0.4em;
  background-size: 100% auto;
}

.ath-android .ath-action-icon {
  width: 1.4em;
  height: 1.4em;
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE2ODRFM0VGNDc0NTExRTRCNEUxODAyMzVCNkM5RTU5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE2ODRFM0YwNDc0NTExRTRCNEUxODAyMzVCNkM5RTU5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTY4NEUzRUQ0NzQ1MTFFNEI0RTE4MDIzNUI2QzlFNTkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTY4NEUzRUU0NzQ1MTFFNEI0RTE4MDIzNUI2QzlFNTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7bs1dGAAABKElEQVR42uyXywnCQBRFxyCxCFsQ/CzUGtQGdOfGuBJbcWcqsAGtwY2Iii1YgbhQF/EOvEAQ/ARnkhHug7NwvJC5hDBzClEUqV8nCILkTx+MQR9UZO0IFmAObnEwDMOfn11UZqcMlqD2tN4WhqAHTqYe6BncvP9i88nR/61AycUCwYfNx1MFIxcLDCxlMyvQSJGtu1ggzdxdLLBNkT26WGBhKZtZAX0q7b/IHSTrXIEr6ILdm4wu2JGskx+xPmFbYAo24CJsZK1p8hS2cZVQcteZCdanYOIyl+d46s+HBfIeIx/xk9B8f3AYEBobb0B7wQSswVlYy5rv5BugkdHIaGQ0MhoZjYxGRiOjkdEHWIBGRiOjkdHIaGQ0MhoZjYxGRiPL1sgeAgwApeJtJOoNgAYAAAAASUVORK5CYII=);
  background-size: 100% auto;
}

.ath-container p {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 2147483642;
  text-shadow: 0 0.1em 0 #fff;
  font-size: 1.1em;
}

.ath-ios.ath-phone:after {
  content: '';
  background: #eee;
  position: absolute;
  width: 2em;
  height: 2em;
  bottom: -0.9em;
  left: 50%;
  margin-left: -1em;
  -webkit-transform: scaleX(0.9) rotate(45deg);
  transform: scaleX(0.9) rotate(45deg);
  box-shadow: 0.2em 0.2em 0 #d1d1d1;
}

.ath-ios.ath-tablet:after {
  content: '';
  background: #eee;
  position: absolute;
  width: 2em;
  height: 2em;
  top: -0.9em;
  left: 50%;
  margin-left: -1em;
  -webkit-transform: scaleX(0.9) rotate(45deg);
  transform: scaleX(0.9) rotate(45deg);
  z-index: 2147483641;
}

.ath-application-icon {
  position: relative;
  padding: 0;
  border: 0;
  margin: 0 auto 0.2em auto;
  height: 6em;
  width: 6em;
  z-index: 2147483642;
}

.ath-container.ath-ios .ath-application-icon {
  border-radius: 1em;
  box-shadow: 0 0.2em 0.4em rgba(0,0,0,0.3),
    inset 0 0.07em 0 rgba(255,255,255,0.5);
  margin: 0 auto 0.4em auto;
}

@media only screen and (orientation: landscape) {
  .ath-container.ath-phone {
    width: 24em;
  }

  .ath-android.ath-phone {
    margin-left: -12em;
  }

  .ath-ios.ath-phone {
    margin-left: -12em;
  }

  .ath-ios6:after {
    left: 39%;
  }

  .ath-ios8.ath-phone {
    left: auto;
    bottom: auto;
    right: 0.4em;
    top: 1.8em;
  }

  .ath-ios8.ath-phone:after {
    bottom: auto;
    top: -0.9em;
    left: 68%;
    z-index: 2147483641;
    box-shadow: none;
  }
}



/*------------custom-----------------*/
ul{padding: 0; margin: 0; list-style: none;}
ul li{list-style: none;}
header{background: #fff; z-index: 999;}
.lght-blue{background: #c3e8f5;}
.top-hdr{display: flex; align-items: center;}
.top-hdr a{padding: 3px 10px; font-size: 14px; display: flex; align-items: center;}
.top-hdr a i{margin-right: 7px;}
.top-class{padding-top: 7px; padding-bottom: 7px;}
.social-hdr {justify-content: flex-end;}
.social-hdr a{font-size: 25px; }
.social-hdr a i{margin: 0;}
.main-logo-box{padding-left: 7px; padding-right:  0px;}
.main-logo-box  a > img{height: 60px; width: auto;}
ul.main-menu-list, ul.main-menu-list li{list-style: none; list-style-type: none;}
ul.main-menu-list{display: flex; align-items: center; padding: 0; margin: 0;}
ul.main-menu-list li > ul.sub-menu-box{opacity: 0; display: flex; visibility: hidden; z-index: -99999; position: absolute; top: 120%; -webkit-transition: all .3s ease;

    transition: all .3s ease;
}
ul.main-menu-list li{position: relative; display: flex;}
ul.main-menu-list li.active a, ul.main-menu-list li:hover a{color: #337b91}
ul.main-menu-list li a{color: #364152; padding: 15px 20px; font-family: 'Fira Sans Condensed', sans-serif; font-size: 15px; text-transform: uppercase; font-weight: 600;}
a, a:hover{text-decoration: none; -webkit-transition: all .3s ease;

    transition: all .3s ease;}
ul.main-menu-list li:hover > ul.sub-menu-box{opacity: 1; visibility: visible; z-index:9; position: absolute; top: 100%; -webkit-transition: all .3s ease;

    transition: all .3s ease;
}
ul.main-menu-list li > ul.sub-menu-box{width: auto; white-space: nowrap; padding: 0; margin: 0; flex-direction: column;background: #364152;}
ul.main-menu-list li > ul.sub-menu-box li a{color: #fff; background: #364152; padding: 10px 20px; width: 100%; font-weight: 400;}
ul.main-menu-list li > ul.sub-menu-box li:hover a{color: #fff; background:#337b91; }
.booking-btn{font: 500 15px / 16px "Fira Sans",Helvetica,Arial,Verdana,sans-serif;
    padding: 12px 20px 12px 20px; display: flex; color:#337b91;
    border-radius: 0; border:2px solid #337b91 ; background: #fff;}
.booking-btn i{margin-right: 10px;}
.booking-btn:hover{ background:#337b91; color: #fff  }

footer{background: #364152; padding-top: 50px; padding-bottom: 0px; margin-top: 2rem;}
.footer-logo-box a{margin-bottom: 20px; display: flex;}
.footer-section {color: #fff;}
.footer-section .footer-title{margin-bottom: 20px; font-family: 'Fira Sans Condensed', sans-serif; font-size: 21px; color: #fff;}
.footer-section ul{display: flex; flex-wrap: wrap;}
.footer-section ul li{width: 50%; padding-left: 10px; margin: 3px 0px; padding-right: 20px; text-align: left; position: relative;}
.footer-section ul li a{color: #fff; font-size: 14px;}
.footer-section ul li:before{content: "";
    width: 5px;
    height: 1px;
    position: absolute;
    left: 0;
    top: 14px;
    background: #fff;}
.footer-section ul li:hover a{font-weight: 600;}
.footer-contact .ftr-fn{font-size: 15px; margin-bottom: 10px; padding: 0; color: #fff; display: flex; }
.footer-contact .scl-frn{font-size: 25px;}
.footer-contact .ftr-fn i{margin-right: 10px; position: relative; top: 3px;}
.ftr-frm input, .ftr-frm textarea {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: none;
    padding: 12px 15px;
    font-size: 15px;
    margin-bottom: 12px;
    color:#337b91;
    max-width: 100%;
}
.ftr-frm .btn-alt {
    background: #337b91;
    text-transform: uppercase;
    color: #fff;
}
.footer-btm{background: rgba(0,0,0,0.6); padding-top: 15px; padding-bottom: 15px; margin-top: 50px;}
.footer-btm p{color: #ddd; margin-bottom: 0;}

article, p{font-weight: 400;}
em{font-style: normal;}
.mobile-menu{display: none !important;}

/*------------------------responsive------------------------------------*/

@media (max-width: 1580px) 
{

    .custom-wrapper{max-width: 96% !important; width: 100%; flex: 0 0 96% !important;}
    ul.main-menu-list li a{padding: 15px;}
    .footer-section{/*max-width: 50%;*/ width: 50%; flex: 0 0 50%; margin: 15px 0px;}

}
@media screen and (max-width: 1440px) 
{

    .custom-wrapper{max-width: 100%; width: 100%; flex: 0 0 100%;}
    ul.main-menu-list li a{padding: 15px;}
    .footer-section{max-width: 50%; width: 50%; flex: 0 0 50%; margin: 15px 0px;}
        .main-logo-box{    flex: 0 0 16.666667%; max-width: 16.666667%;}
    .navigation-box{flex: 0 0 83.333333%; max-width: 83.333333%;}
    .main-logo-box a > img {height: auto; width:100%;}
   .custom-wrapper {
    max-width: 100% !important;
    width: 100%;
    flex: 0 0 100% !important;
}

}


@media only screen and (max-width: 1280px) and (min-width: 1020px) 
{
    .main-logo-box{    flex: 0 0 16.666667%; max-width: 16.666667%;}
    .navigation-box{flex: 0 0 83.333333%; max-width: 83.333333%;}
    .main-logo-box a > img {height: auto; width:100%;}
   .custom-wrapper {
    max-width: 100% !important;
    width: 100%;
    flex: 0 0 100% !important;
}

.booking-btn {
    font: 500 14px / 17px "Fira Sans",Helvetica,Arial,Verdana,sans-serif;
    padding: 12px 15px 12px 15px;
}
.booking-btn i{display: none;}
ul.main-menu-list li a {
    padding: 15px 12px;
}

}

@media screen and (max-width: 980px) 
{

    .custom-wrapper{max-width: 100%; width: 100%; flex: 0 0 100%;}
    ul.main-menu-list li a{padding: 15px;}
    .footer-section{max-width: 50%; width: 50%; flex: 0 0 50%; margin: 15px 0px;}
    ul.main-menu-list, .book-appointment{display: none !important;}
    .mobile-menu{display: flex !important;}
    .mbl-hide{display: none !important;}
    .navigation-box{justify-content: flex-end !important;}
}


@media screen and (max-width: 780px) 
{

  
    .footer-section{max-width: 100%; width: 100%; flex: 0 0 100%; margin: 15px 0px;}
    .footer-section ul li {
    width: 50%;
    padding-left: 10px;
    margin: 7px 0px;
    padding-right: 20px;
    text-align: left;
    position: relative;
    line-height: 18px;
}
 
 .footer-section ul li:before {top:8px;}   

h2, h3, h4, h5, h6{ margin-bottom: 1.5rem !important;}
h2{font-size: 36px !important; }
h3{font-size: 28px !important; }
h4{font-size: 24px !important; }
h5{font-size: 21px !important; }
h6{font-style: 18px !important;}


h1 {
    font-size: 38px !important;
    line-height: normal;
  
}


body.index h1 {
    font-size: 56px !important;
    line-height: normal;
  
}



body.index h1 em {
    font-size: 38px;
    line-height: 38px;
    font-style: normal;
}
body.index h1:before {
    left: 0;
    top: -46px;
    width: 128px;
    height: 78px;
    background-size: contain;
}

#callout-affordable h2:before {
    left: 0px;
    top: -66px;
    width: 158px;
    height: 72px;
    background-size: contain;
}
#callout-services h2:before {
    left: 0px;
    width: 100px;
    height: 80px;
    background-size: contain;
    top: -70px;
}
#callout-reviews{display: flex; flex-direction: column;}
#callout-reviews span{position: relative;}
#callout-reviews h2:before {
    left: 0px;
    top: -66px;
    width: 117px;
    height: 75px;
    background-size: contain;
}

#callout-affordable h2 {
    text-align: left;
}
#callout-tradition {
    padding: 161px 0 131px;
    min-height: 581px;
    background: url(https://www.myroanokedentist.com/crookedroaddental/wp-content/themes/crooked/assets/images/callout-tradition-bg.png) center top no-repeat;
    background-size: contain;
}
#callout-services{background-size: contain;}
#callout-reviews img {
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 40px;
}
#mega-menu-wrap-menu-header #mega-menu-menu-header > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-menu-header #mega-menu-menu-header > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-menu-header #mega-menu-menu-header > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {
    color: #333 !important;
}
#mega-menu-wrap-menu-header #mega-menu-menu-header > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-menu-header #mega-menu-menu-header > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
    background: #1e7a8f;
    font-weight: normal;
    text-decoration: none;
    color: #fff !important;
}

#callout-welcome{background-size: contain;}
}


@media screen and (max-width: 767px) 
{
    body.index h1 strong {
    font-size: 90px;
}
#callout-welcome{padding-bottom: 265px;}
#callout-services{padding-bottom: 155px;}

section.container{background-size: contain;}

section.container article {
    display: flex;
    flex-direction: column;
}
.main-logo-box a > img {
    height: auto;
    width: 100%;
}

}