@media screen and (min-width: 401px) {
body {
height: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
color: #272362; background-image: url(//khashemdentalcare.com/wp-content/themes/dentistryincaledon.com/images/default-background.jpg); background-attachment: fixed;		
}
#page-container {
position: relative;
height: 100%;
width: 12000px;
padding: 0;
margin-right: auto;
margin-left: auto;
top: 0;
}	
#overlay {
display: none;
position: absolute; 
z-index: 400; 
width:100%; 
height: 100%; 
background: rgba(0,0,0,0.5);
}
a#closeRequestForm:link, a#closeRequestForm:visited, a#closeRequestForm:active, a#closeRequestForm:hover {
position: absolute;
right: -15px;
top: -15px;
width: 30px;
height: 30px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
font-size: 1.5em;
color: #ffffff;
background: #272362;
text-align: center;
text-decoration: none;
-webkit-transition: all 0.2s ease;  
-moz-transition: all 0.2s ease;  
-o-transition: all 0.2s ease;  
-ms-transition: all 0.2s ease;  
transition: all 0.2s ease; 		
}
a#closeRequestForm:hover {
color: #ffffff;
background: #c2b59b;
width: 45px;
height: 40px;
font-size: 1.8em;
right: -20px;
top: -20px;	
padding-top: 5px;
box-shadow: 0 0 10px #333333;		
} a.requestBtn:link, a.requestBtn:active, a.requestBtn:visited, a.requestBtn:hover {
position: absolute;
top: -32px;
right: 20px;
display: inline-block;
padding: 20px;
margin: 0;
color: #ffffff;
background: #c2b59b;
text-decoration: none;
font-size: 1.2em;
z-index: 20;
border-radius: 0.5em;
-webkit-border-radius: 0.5em;
-mobile-border-radius: 0.5em; -o-transition:color .2s ease-out, background 0.5s ease-in;
-ms-transition:color .2s ease-out, background 0.5s ease-in;
-moz-transition:color .2s ease-out, background 0.5s ease-in;
-webkit-transition:color .2s ease-out, background 0.5s ease-in; transition:color .2s ease-out, background 0.5s ease-in;		
}
a.requestBtn:hover {
color: #ffffff;
background: #272362;
} .captcha {
width: 100px; 
margin: 5px 0 0 4%; 
} #ticker {
position: absolute;
display: inline-block;
height: 30px;	
width: 400px;
text-align: right;
padding: 0;
top: 60px;
right: 13px;
} #header {
position: relative;
display: inline-block;
padding: 0;
width: 100%;
height: 140px;
background: rgba(255,255,255,1.0);
float: left;
}	
a.large-phone:link, a.large-phone:active, a.large-phone:visited, a.large-phone:hover  {
position: absolute;
top: 0px;
right: 5px;
text-decoration: none;
color: #777777;
padding: 2px;
font-size: 1.5em;
}
a.large-phone:hover  {
color: #272362;		
border-radius: 0.2em;
-moz-border-radius: 0.2em;
-webkit-border-radius: 0.2em;
}	
#call-out {
position: absolute;
top: 0;
right: 150px;
color: #777777;
padding: 2px;		
font-size: 1.5em;
} a.logo img {
position: absolute;
display: inline-block;
top: 5px;
left: 30px;
z-index: 2;
-webkit-transition: all .2s;
} h1#logo-title {
position: absolute;
left: -9999px;
}
.small-logo {
display: none;
}
.small-logo img {
position: relative;
height: 35px;
margin-right: 5px;
margin-bottom: 2px;
}
.small-contact {
display: none;
}
.small-contact img {
margin-bottom: 10px;
position: relative;
height: 20px;
margin-left: 5px;
}	
#contact-icon {
position: relative;
display: inline-block;
}
#contact-icon:hover > #show-address-box {
display: inline-block;
}
#show-address-box {
display: none;
position: absolute;
bottom: -80px;
left: -100px;
width: 170px;
height: 60px;
font-size: 0.9em;
color: #ffffff;
background: rgba(0,0,0,0.9);
border: 2px solid #272362;
box-shadow: 0 0 10px #999999;
padding: 10px;
border-radius: 0 0 0.8em 0.8em;
moz-border-radius: 0 0 0.8em 0.8em;
webkit-border-radius: 0 0 0.8em 0.8em;
} #banner {
position: relative;
width: 100%;
overflow: hidden;
background: #ffffff;
float: left;
}
#banner img {
position: relative;
display: inline-block;
float: left;
} ul.rotatingBanner {
position: relative;
display: inline-block;
float: left;
height: 373px;
width: 100%;
margin: 0;
padding: 0;
}
ul.rotatingBanner li {
position: absolute;
display: inline-block;
width: 100%;
list-style: none;	
margin: 0;
padding: 0;
background: #fff;
}
ul.rotatingBanner img {
width: 100%;
}
li.show {
z-index: 1;
} .banner-call-out {
position: absolute;
display: inline-block; color: #ffffff;
text-shadow: 1px 1px 3px #999999;
padding: 10px;
font-size: 1.1em;
width: 398px;
z-index: 15; }
#banner-call-out-1 {
right: 56px;
top: 50px;
}
#banner-call-out-2 {
right: 56px;
top: 50px;
}
#banner-call-out-3 {
right: 56px;
top: 50px;
}
#banner-call-out-4 {
right: 56px;
top: 50px;
} a.banner-box:link, a.banner-box:active, a.banner-box:visited, a.banner-box:hover {
position: absolute;
display: inline-block;
width: 208px;
height: 138px;
border: 2px solid #ffffff;	
z-index: 200;
-webkit-transition: all 0.5s ease;  
-moz-transition: all 0.5s ease;  
-o-transition: all 0.5s ease;  
-ms-transition: all 0.5s ease;  
transition: all 0.5s ease; 		
}
a.banner-box:hover {
border: 2px solid #272362;	
}
a.banner-box img {
opacity: 0.9;
margin: 0;
padding: 0;
float: left;
width: 100%;
}		
a.banner-box:hover img {
opacity: 1.0;
}	
#banner-box-1 {
top: 176px;
left: 520px;
}
#banner-box-2 {
top: 176px;
left: 746px;
} @-webkit-keyframes fadi {
0%   { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes fadi {
0%   { opacity: 0; }
100% { opacity: 1; }
} #content {
position: relative;
display: inline-block;
width: 100%;
background: rgba(255,255,255,1.0);
}
#content-inside {
position: relative;
display: inline-block;
text-align: justify;
padding: 30px;
-webkit-animation: fadi 2s 1;
width: 930px; } .service-col {
position: relative;
display: inline-block;
padding: 1%;
width: 48%;
float: left;
text-align: left;
}	
.panel {
position: relative;
display: inline-block;
float: left;
width: 33%;
text-align: left;
}
.panelButton {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
width: 280px;
height: 200px;
overflow: hidden;
}
.panelButton img {
position: aboslute;
top: 0;
left: 0;
opacity: 1.0;
}
.panelButton:hover > .tab {
background: #007fc5;
color: #ffffff;
}
.panelButton:hover > img {
opacity: 0.8;
}
.tab {
position: absolute;
display: inline-block;
bottom: 0;
left: 0;
background: #ffffff;
color: #007fc5;
text-transform: uppercase;
width: 100%;
height: 30px;
text-align: left;
padding: 8px 0 0 5px;
z-index: 10;
font-size: 1.3em;		
}	
.tab-text {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
width: 280px;
overflow: hidden;	
} #call-now, #map-it {
display: none;
} #footer-container {
position: relative;
display: inline-block;
width: 100%;
background: #c2b59b; 
color: #eae9e9;
font-size: 0.95em;
border-bottom: 47px solid #eae9e9;
float: left;
}
#footer-center {
position: relative;
margin-left: auto;
margin-right: auto;
width: 930px;
padding: 10px 0 10px 0;
}
#footer-container a {
text-decoration: none;	
}	
div.footer-col {
position: relative;
display: inline-block;
padding-right: 20px;
padding-left: 20px;
float: left;
border-left: 1px solid #272362;
}
div.footer-col-first {
position: relative;
display: inline-block;
padding-right: 20px;
float: left;
}	
div.footer-sub-col {
position: relative;
display: inline-block;
margin-right: 10px;
float: left;
}
img.footer-logo {
position: relative;
margin-top: 20px;
} #phone-nav-dynamic {
display: none;
} h1 {
font-size: 2.8em;
margin: 5px 0 5px 0;		
}
h2 {
font-size: 1.3em;
margin: 15px 0 5px 0;
line-height: 90%;
}
h3 {
font-size: 1.1em;
margin: 20px 0 5px 0;
font-weight: bold;
} #menu { }
a.menu:link, a.menu:visited, a.menu:active, a.menu:hover {
position: relative;
display: inline-block;
padding:  10px 15px 6px 15px;
height: 24px;
text-align: center;
margin: 0;
color: #777777;	
font-weight: normal;	
text-decoration: none;
font-size: 1.2em;
background: #eae9e9;
text-transform: uppercase;
}
a.menu:hover {
background: #ffffff; 
color: #272362; 
}	
a.selected:link, a.selected:active, a.selected:visited, a.selected:hover {
position: relative;
display: inline-block;
padding:  10px 15px 6px 15px;
height: 24px;
margin-right: 0;
background: #ffffff; 
color: #272362; 
font-weight: normal;	
text-decoration: none;
font-size: 1.2em;
text-transform: uppercase;
}	
a.selected:hover {
background: #ffffff; 
color: #272362; 
}
#menubar { 
position: relative;
display: inline-block;
margin: 0;
padding: 0;
height:  40px;
}
#menubar li { 
float: left;
list-style: none;
margin: 0 0 0 0;
padding: 0;		
}
#menubar li ul { 
margin: 0 0 0 0;
padding: 0;
position: absolute;
display: none;
z-index: 30;
}
#menubar li ul li { 
float: none;	
}
#menubar li:hover ul {
display: block;
}
a.menu-drop:link, a.menu-drop:visited, a.menu-drop:active, a.menu-drop:hover {
position: relative;
display: inline-block;
width: 200px;
color: #ffffff;
padding:  5px;
font-weight: normal;	
text-decoration: none;
text-align: left;
font-size: 1.1em;
background: #272362; 
border-bottom: 1px solid #ffffff; -o-transition:color .2s ease-out, background 0.5s ease-in;
-ms-transition:color .2s ease-out, background 0.5s ease-in;
-moz-transition:color .2s ease-out, background 0.5s ease-in;
-webkit-transition:color .2s ease-out, background 0.5s ease-in; transition:color .2s ease-out, background 0.5s ease-in;		
}
a.menu-drop:hover {
background: #ffffff; 
color: #272362; 
border-bottom: 1px solid #272362; 		
}	
.menu-regular {
position: absolute;
display: inline-block;
float: right;
height: 40px;
bottom: 0px;
right: 0;
width: 100%;
background: #eae9e9;
text-align: right;
}
.menu-fixed {
position: fixed;
top: 0;
left: 0;
display: inline-block;
width: 100%;
background: rgba(255,255,255,1.0);
box-shadow: 0 0 10px #999999;
moz-box-shadow: 0 0 10px #999999;
webkit-box-shadow: 0 0 10px #999999;
height: 40px;
z-index: 100;
text-align: center;
} #contactFrm {
position: relative;
display: inline-block;
float: left;
margin-right: 20px;
margin-bottom: 50px;
width: 300px;
border: 1px solid #999999;
border-radius: 0.2em;
-moz-border-radius: 0.2em;
-webkit-border-radius: 0.2em;
}	
#contactFrmModal {
position: absolute;
right: 362px;
top: 10%;
display: inline-block;
width: 300px;
padding: 10px;
z-index: 1000;
background: #ffffff;
border-radius: 0.5em;
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
border: 1px solid #cccccc;
box-shadow: 0 0 10px #333333;
}
#contact-lcol {
position: relative;
float: left;
width: 100%;
background: #c2b59b;
font-weight: bold;
}
#contact-rcol {
position: relative;
float: right;
width: 50%;
}
#contactFrm h2 {
padding: 0;
margin: 4% 0 2% 4%;
}
input.contact-form {
position: relative;
width: 85%;
border: none;
padding: 2%;
margin: 1% 0 4% 4%;
background: #fff;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
color: #333333;
outline: none;
font-size: 1.1em;
border: 1px solid #c2b59b; 
border-radius: 0.2em;
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;		
}
input.contact-form:hover {
background: #ececec;
border: 1px solid #808080;
}	
textarea.contact-form  {
position: relative;
width: 85%;
height: 45px;
border: none;
padding: 2%;
margin-top: 0;
margin-left: 4%;
background: #fff;	
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
font-size: 1.1em;
color: #333333;
border: 1px solid #c2b59b; 
border-radius: 0.2em;
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;		
outline: none;
}
textarea.contact-form:hover {
background: #ececec;
border: 1px solid #808080;
}		
.contact-form-button {
position: relative;
display: inline-block;
float: right;
margin: 1% 8% 2% 0;
cursor: pointer;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
color: #fff;
padding: 1% 5% 1% 4%;
background: #272362; 
border-radius: 0.2em;
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;		
outline: none;
border: none;
font-size: 1.1em;
text-align: center;
}	
.contact-form-button:hover {
color: #ffffff; 
background: #808080; 
}
#contact-left-column {
background:#eee; border:1px solid #ccc; padding:5px 10px; float: left; margin-right: 10px; width: 35%; display: inline-block;
}
#contact-right-column {
background:#eee; border:1px solid #ccc; padding:5px 10px; float: right; margin-right: 10px; width: 55%; display: inline-block;
} #request-appointment {
position: relative;
display: inline-block;
border-radius: .3em;
-webkit-border-radius: .3em;
-moz-border-radius: .3em;
width: 100%;
padding: 0;
}
table.request-form-table {
width: 100%;
}
table.request-form-table td {
padding: 1%;
}
.request-input {
margin: 3px 0 3px 0;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
font-size: 1.1em;
width: 96%;
border-radius: .3em;
-webkit-border-radius: .3em;
-moz-border-radius: .3em;
border: 1px solid #272362;
padding: 2%;
outline: none;
}	
.request-input:hover {
background: #ececec;
border: 1px solid #808080;
}		
.request-form-button {
position: relative;
display: inline-block;
margin-right: 0;
margin-top: 2%;
cursor: pointer;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
color: #fff;
padding: 1% 5% 1% 5%;
background: #272362; 
border-radius: 0.2em;
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;		
outline: none;
border: none;
font-size: 1.1em;
text-align: center;
}
.request-form-button:hover {
color: #ffffff; 
background: #808080; 
}	
#ra-form {
position: relative;
display: inline-block;
width: 100%;
}
.request-lcol {
position: relative;
display: inline-block;
width: 45%;
float: left;
}
.request-rcol {
position: relative;
display: inline-block;
width: 45%;
float: right;
}
img.smile-gallery {
width: 450px;
} img.profile {
position: relative;
display: inline-block;
float: left;
margin: 0 2% 3% 0;
border-radius: 0.3em;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
width: 200px;
}	
}
@media screen and (max-width: 400px) {
body {
margin: 0 0 0 0;
padding: 0 0 0 0;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
color: #333333;
height: 100%;
background: #ffffff;		
}		
#page-container {
position: relative;
width: 100%;
padding: 0;
margin-right: auto;
margin-left: auto;
top: 0;
}
#overlay {
display: none;
position: fixed; 
z-index: 400; 
width:100%; 
height: 100%; 
background: rgba(0,0,0,0.5);
}	
a#closeRequestForm:link, a#closeRequestForm:visited, a#closeRequestForm:active, a#closeRequestForm:hover {
position: absolute;
right: 0;
top: 0;
width: 30px;
height: 30px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
font-size: 1.5em;
color: #ffffff;
background: #272362;
text-align: center;
text-decoration: none;
}
a#closeRequestForm:hover {
color: #ffffff;
background: #c2b59b;
} a.requestBtn:link, a.requestBtn:active, a.requestBtn:visited, a.requestBtn:hover {
position: relative;
display: inline-block;
width: 96%;
padding: 2%;
margin: 0;
color: #ffffff;
background: #c2b59b;
text-decoration: none;
font-size: 1.2em;
z-index: 100;
border-radius: 0.3em;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
text-align: center;
}
a.requestBtn:hover {
color: #ffffff;
background: #272362;
} #ticker {
display: none;
} .captcha {
width: 100px; 
margin: 1% 0 0 1%; 
} #header {
position: relative;
display: inline-block;
padding: 5% 0 3% 0;
margin: 0;
width: 100%;
background: #ffffff;
float: left;
text-align: center;
margin-top: 38px;
} h1 {
font-size: 1.6em;
margin: 2% 0 2% 0;
}	
h2 {
font-size: 1.3em;
margin: 3% 0 2% 0;
}
h3 {
font-size: 1.1em;
margin: 2% 0 2% 0;
font-weight: bold;
} .large-phone {
display: none;
}
#call-out {
display: none;
} #menu {
display: none;
} a.logo img {
position: relative;
width: 100%;
max-width: 297px;
}
h1#logo-title {
position: absolute;
left: -9999px;
} #slider1 {
display: none;
} #content {
position: relative;
display: inline-block;
width: 96%;
padding: 2%;
background: rgba(255,255,255,0.5);
}
#content-inside {
text-align: justify;
width: 100%;
}
#call-now, map-it {
position: relative;
display: inline-block;
width: 100%;
}
.panel {
position: relative;
display: inline-block;
float: left;
width: 100%;
text-align: center;
}
.panelButton {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
width: 280px;
height: 200px;
overflow: hidden;
}
.panelButton img {
position: aboslute;
top: 0;
left: 0;
opacity: 1.0;
}
.panelButton:hover > .tab {
background: #007fc5;
color: #ffffff;
}
.panelButton:hover > img {
opacity: 0.8;
}
.tab {
position: absolute;
display: inline-block;
bottom: 0;
left: 0;
background: #ffffff;
color: #007fc5;
text-transform: uppercase;
width: 100%;
height: 30px;
text-align: left;
padding: 8px 0 0 5px;
z-index: 10;
font-size: 1.3em;		
}	
.tab-text {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
width: 280px;
overflow: hidden;	
text-align: left;
} #footer-container {
position: relative;
display: inline-block;
width: 96%;
padding: 2%;
background: #c2b59b; 
color: #fff;
font-size: 0.95em;
}
#footer-container a {
text-decoration: none;	
}		
div.footer-col {
position: relative;
width: 100%;
float: left;
margin-bottom: 2%;
} #banner {
position: relative;
width: 100%;
overflow: hidden;
display: none;
}
#banner img {
position: relative;
display: inline-block;
float: left;
} ul.rotatingBanner {
position: relative;
display: inline-block;
float: left;
height: 170px;
width: 100%;
margin: 0;
padding: 0;
}
ul.rotatingBanner li {
position: absolute;
display: inline-block;
width: 100%;
list-style: none;	
margin: 0;
padding: 0;
background: #fff;
}
ul.rotatingBanner img {
width: 100%;
}
li.show {
z-index: 1;
} .banner-call-out {
position: relative;
display: inline-block;
width: 96%;
text-align: center;
background: #eae9e9;
color: #333333;
padding: 2%;
font-size: 1.0em;
height: 50px;
} .social-media-tab {	
display: none;
}
#social-links-section {	
display: none;
} .phone-nav-icon {
float: left; 
width: 20px; 
padding: 1%; 
background: #fff; 
margin-top: 3px;
border-radius: 0.2em;
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;		
}
#phone-nav-dynamic {
position: fixed;
top: 0; 
z-index: 30;
width: 100%;
margin: 0;
padding: 0 0 0 0;
text-align: left;	
box-shadow: 0 0 10px #000000;
-moz-box-shadow: 0 0 10px #000000;
-webkit-box-shadow: 0 0 10px #000000;		
}	
#phone-nav-overlay {
position: relative;
width: 100%;
display: none;
z-index: 999;
}	
a.phone-nav-selected:link, a.phone-nav-selected:visited, a.phone-nav-selected:active, a.phone-nav-selected:hover {		
position: relative;
display: inline-block;
width: 96%;
padding: 2%;
border-bottom: 1px solid #ececec;		
color: #fff;
text-decoration: none;
font-size: 1.2em;
background: #999999;
}	
a.phone-nav-selected:hover {
color: #fff;
border-bottom: 1px solid #fff;
background: #6492AE; 
}	
a.phone-nav-links:link, a.phone-nav-links:visited, a.phone-nav-links:active, a.phone-nav-links:hover {
width: 96%;
padding: 2%;
border-bottom: 1px solid #ececec;
display: inline-block;
color: #333333;
background: #fafafa;
text-decoration: none;
font-size: 1.2em;
}	
a.phone-nav-links:hover {
color: #ffffff;
border-bottom: 1px solid #ffffff;
background: #272362; 
}
a#dynamic-phone-menu:link, a#dynamic-phone-menu:active, a#dynamic-phone-menu:visited, a#dynamic-phone-menu:hover {
display: inline-block;
width: 96%;
padding: 2%;
background: #272362; 
text-decoration: none;
font-size: 1.4em;	
font-weight: bold;
color: #fff;
}
a#dynamic-phone-menu:hover {
color: #fff;
background: #808080; 
}
.faded {
opacity: 0.2;
} #contactFrm {
position: relative;
display: inline-block;
float: left ;
width: 99%;
border: 1px solid #999999;
border-radius: 0.2em;
-moz-border-radius: 0.2em;
-webkit-border-radius: 0.2em;
}	
#contactFrmModal {
position: relative;
display: inline-block;
margin-top: 2%;
width: 96%;
padding: 2%;
border-radius: 0.5em;
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
background: rgba(255,255,255,1.0);
}
#contact-lcol {
position: relative;
float: left;
width: 100%;
background: #c2b59b;		
}
#contact-rcol {
position: relative;
float: left;
width: 100%;
}
#contactFrm h2 {
padding: 0;
margin: 0 0 0 1%;
color: #272362;
}
input.contact-form {
position: relative;
width: 95%;
border: none;
padding: 2%;
margin: 1% 0 0 0;
background: #fff;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
color: #333333;
outline: none;
font-size: 1.1em;
border: 1px solid #c2b59b; 
border-radius: 0.2em;
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;		
}
input.contact-form:hover {
background: #ececec;
border: 1px solid #808080;
}	
textarea.contact-form  {
position: relative;
width: 95%;
height: 45px;
border: none;
padding: 2%;
margin: 1% 0 0 0;
background: #fff;	
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
font-size: 1.1em;
color: #333333;
border: 1px solid #c2b59b; 
border-radius: 0.2em;
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;		
outline: none;
}
textarea.contact-form:hover {
background: #ececec;
border: 1px solid #808080;
}	
.contact-form-button {
position: relative;
display: inline-block;
float: right;
margin: 2% 1% 1% 0;
cursor: pointer;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
color: #fff;
padding: 1% 5% 1% 5%;
background: #272362; 
border-radius: 0.2em;
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;		
outline: none;
border: none;
font-size: 1.1em;
text-align: center;
}
.contact-form-button:hover {
color: #ffffff; 
background: #808080; 
}	
#contact-left-column {
background:#eee; border:1px solid #ccc; padding:2%; float: left; width: 96%; display: inline-block;
}
#contact-right-column {
background:#eee; border:1px solid #ccc; padding:2%; float: left; width: 96%; display: inline-block; margin-top: 2%;
} #request-appointment {
position: relative;
display: inline-block;
border-radius: .3em;
-webkit-border-radius: .3em;
-moz-border-radius: .3em;
width: 96%;
padding: 2%;
}
.request-input {
margin: 3px 0 3px 0;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
font-size: 1.1em;
width: 96%;
border-radius: .3em;
-webkit-border-radius: .3em;
-moz-border-radius: .3em;
border: 1px solid #272362;
padding: 2%;
outline: none;
}	
.request-input:hover {
background: #ececec;
border: 1px solid #808080;
}		
.request-form-button {
position: relative;
display: inline-block;
margin-right: 0;
margin-top: 2%;
cursor: pointer;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
color: #fff;
padding: 1% 5% 1% 5%;
background: #272362; 
border-radius: 0.2em;
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;		
outline: none;
border: none;
font-size: 1.1em;
text-align: center;
}
.request-form-button:hover {
color: #ffffff; 
background: #808080; 
}	
img.smile-gallery {
width: 100%;
} img.profile {
position: relative;
display: inline-block;
float: left;
margin: 0 2% 3% 0;
border-radius: 0.3em;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
width: 100px;
}	
} b {
color: #272362; 
} h1 {
font-family: "Brush Script MT", cursive;
}
h1, h3, h4 {
font-weight: normal;
color: #272362;
text-align: left;
}
h2 {
font-weight: bold;
color: #272362;
text-align: left;
} a:link, a:active, a:visited, a:hover {
color: #333333;
text-decoration: underline;
outline: none;
}
a:hover {
color: #272362; 
text-decoration: underline;
outline: none;
background: #c2b59b;
} a.download:link, a.download:active, a.download:visited, a.download:hover {
position: relative;
display: inline-block;
padding: 8px 5px 5px 5px;
margin: 5px 0 5px 0;
color: #ffffff;
background: #272362;
text-decoration: none;
font-size: 1.2em;
}
a.download:hover {
color: #ffffff;
background: #c2b59b;
}
img.download-icon {
position: relative;
float: left; 
margin: 2px 5px 0 0;
} a.callnow:link, a.callnow:active, a.callnow:visited, a.callnow:hover {
position: relative;
display: inline-block;
padding: 2% 2% 2% 2%;
width: 96%;
margin: 1% 0 1% 0;
color: #ffffff;
background: #272362;
text-decoration: none;
font-size: 1.2em;
text-align: center;
}
a.callnow:hover {
color: #ffffff;
background: #808080;
} a.button:link, a.button:active, a.button:visited, a.button:hover {
position: relative;
display: inline-block;
padding: 2% 2% 2% 2%;
margin: 1% 0 1% 2%;
color: #ffffff;
background: #272362;
text-decoration: none;
font-size: 1.2em; -o-transition:color .2s ease-out, background 0.5s ease-in;
-ms-transition:color .2s ease-out, background 0.5s ease-in;
-moz-transition:color .2s ease-out, background 0.5s ease-in;
-webkit-transition:color .2s ease-out, background 0.5s ease-in; transition:color .2s ease-out, background 0.5s ease-in;	
float: right;
}
a.button:hover {
color: #ffffff;
background: #c2b59b;
} div.footer-col a:link, div.footer-col a:active, div.footer-col a:visited, div.footer-col a:hover {
color: #272362;
border-bottom: 1px dotted #272362;
}
div.footer-col a:hover {
color: #ffffff;
border-bottom: 1px dotted #ffffff;
} a.document-button:link, a.document-button:visited, a.document-button:active {
position: relative;
display: inline-block;
padding: 20px;
background: #9B8C7E;
color: #494747;
font-size: 1.1em;
margin-bottom: 2%;
width: 70%;
text-decoration: none;
}
a.document-button:hover {
background: #494747;
color: #fff;
} #social-media-sharing{
position: fixed;
top: 8em;
right: 0;
background: rgba(255,255,255,0.7);
display: none;
padding: 1%;
z-index: 20;
}
.sharrre .button{
text-align: center;
width: 65px;
border: 1px solid #ececec;
padding: 2%;
margin: 2%;
border-radius: .5em .5em .5em .5em;
-webkit-border-radius: .5em .5em .5em .5em;
-moz-border-radius: .5em .5em .5em .5em;		
}
.social-media-tab {
position: fixed;
width: 30px;
top: 5em;
right: -5px;
text-decoration: none;
color: #000000;
background: rgba(255,255,255,0.5);
font-size: 12px;
padding: 1em;
z-index: 20;
}
.social-media-tab:hover {
right: 0px;
background: rgba(135,135,135,0.5);
}
.social-media-tab img {
width: 25px;
} #social-links-section {
position: absolute;
top: 10px;
right: 20px;
z-index: 20;
}
.social-media-link-container {
position: relative;
display: inline-block;
width: 30px;
height: 35px;
text-align: center;
padding: 1px;
overflow: hidden;
background: #777777;
}
.social-media-link {
position: relative;
float: left;
width: 20px;
height: 35px;
padding: 10px 5px 5px 5px;
text-align: center;
}
.social-media-link img {
width: 100%;
}	
.social-media-link-active {
position: relative;
float: left;
width: 20px;
height: 35px;
padding: 10px 5px 5px 5px;
text-align: center;
}
.social-media-link-active img {
width: 100%;
}	
#facebook-link { }
#facebook-link-active {
background: #3B5998; }
#youtube-link { }
#youtube-link-active {
background: #bb0000; }
#google-plus-link { }
#google-plus-link-active {
background: #dd4b39; }
#twitter-link { }
#twitter-link-active {
background: #4099FF; } .ui-effects-wrapper {
display:inline;
} .clear {
clear:both
} .bios {
display: inline-block;
padding: 5px 5% 10px 5%;
width: 90%;
margin-left: 0;
background: #ececec;
border: 1px solid #cccccc;
border-radius: 0.5em;
webkit-border-radius: 0.5em;
moz-border-radius: 0.5em;
font-size: 1.1em;
}
.bios b {
font-size: 1.3em;
}	
.tile-bio {
position: relative;
display: inline-block;
width: 220px;
margin-left: 0;
background: #ffffff;
border: 1px solid #ececec;
border-radius: 0.3em;
webkit-border-radius: 0.3em;
moz-border-radius: 0.3em;
font-size: 1.1em;	
float: left;
margin-right: 5px;
text-align: center;
}
.tile-bio img {
position: relative;
display: inline-block;
width: 100%;
border-radius: 0 0 0.3em 0.3em;
-webkit-border-radius: 0 0 0.3em 0.3em;
-moz-border-radius: 0 0 0.3em 0.3em;	
float: left;
}
.bio-title {
position: absolute;
top: -15px;
left: 0;
padding: 2%;
text-align: center;
width: 96%;
background: #818285;
border-radius: 0.3em 0.3em 0 0;
-webkit-border-radius: 0.3em 0.3em 0 0;
-moz-border-radius: 0.3em 0.3em 0 0;
z-index: 10;
} div.google-map {
position: relative;
display: inline-block;
margin-top: 2%;
padding: 2%;
border: 1px solid #999999;
margin-left: 0px;
margin-bottom: 2%;
border-radius: .5em .5em .5em .5em;
-webkit-border-radius: .5em .5em .5em .5em;
-moz-border-radius: .5em .5em .5em .5em;	
width: 96%;
} .faqs-show-answer {
cursor: pointer;
}
.faqs-show-answer:hover h3{
color: #999999;
}
.faqs-answer {
display: none;
} blockquote {
display: inline-block;
padding: 5px 10px 10px 10px;
margin-left: 0;
background: #ececec;
border: 1px solid #cccccc;
font-size: 1.1em;
}
.bqstart {
position: relative;
display: inline-block;
height: 20px;
padding-bottom: 0;
font-size: 120%;
color: #007fc5;
}
.bqend {
position: relative; 
display: inline-block;
height: 20px;
font-size: 120%;
color: #007fc5;
} ol {
margin-top: 1%;
padding: 2%;
background: #ececec;
}
ol li {
list-style-type: decimal;
margin-left: 20px;
margin-bottom: 2%;
margin-top: 3%;
} ul.norm {
margin-top: 1%;
padding: 2%;
background: #ececec;
}
ul.norm li {
list-style-type: circle;
margin-left: 20px;
margin-bottom: 1%;
margin-top: 1%;
} .rounded {
border-radius: .5em .5em .5em .5em;
-webkit-border-radius: .5em .5em .5em .5em;
-moz-border-radius: .5em .5em .5em .5em;	
}
.rounded-left {
border-radius: .5em 0 0 .5em;
-webkit-border-radius: .5em 0 0 .5em;
-moz-border-radius: .5em 0 0 .5em;	
} .back-to-top {
position: fixed;
bottom: 2em;
right: -5px;
width: 30px;
text-decoration: none;
color: #000000;
background: rgba(235, 235, 235, 0.80);
font-size: 12px;
padding: 1em;
display: none;
z-index: 20;
}
.back-to-top:hover {    
right: 0px;
background: rgba(135, 135, 135, 0.50);
} #message_post_request {
display: none;
position: relative;
padding: 10px;
background: rgba(255,255,255,0.5); 
color: #333333;
margin-bottom: 10px;
border-radius: .3em;
-webkit-border-radius: .3em;
-moz-border-radius: .3em;	
list-style: none;
}
#message_post {
position: relative;
display: inline-block;
padding: 10px 0 10px 0;
display: none;
text-align: center;
background: rgba(255,255,255,0.5);
color: #333333;
z-index: 20;
font-size: 1.1em;
}
.error {
color: #990000;
}
.success {
color: #576B12;
}
img.loading-icon { } input[type=checkbox].checkBox:hover {
cursor: pointer;
}
input[type=checkbox].checkBox:before { 
content:""; 
position: relative;
display: inline-block; 
float: left;
margin: -2px 0 0 0;
width: 17px; 
height: 17px; 
background: url(//khashemdentalcare.com/wp-content/themes/dentistryincaledon.com/images/checkbox-images/checkbox.jpg);
background-repeat: no-repeat;
background-size: 100%;
}
input[type=checkbox].checkBox:checked:before { 
background: url(//khashemdentalcare.com/wp-content/themes/dentistryincaledon.com/images/checkbox-images/checkbox-checked.jpg);
background-repeat: no-repeat;
background-size: 100%;	
}@media screen and (min-width: 401px) {
body {
height: 100%;
margin: 0 0 0 0;
padding: 0 0 0 0;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
color: #272362; background-image: url(//khashemdentalcare.com/wp-content/themes/dentistryincaledon.com/images/default-background.jpg); background-attachment: fixed;		
}
#page-container {
position: relative;
height: 100%;
width: 12000px;
padding: 0;
margin-right: auto;
margin-left: auto;
top: 0;
}	
#overlay {
display: none;
position: absolute; 
z-index: 400; 
width:100%; 
height: 100%; 
background: rgba(0,0,0,0.5);
}
a#closeRequestForm:link, a#closeRequestForm:visited, a#closeRequestForm:active, a#closeRequestForm:hover {
position: absolute;
right: -15px;
top: -15px;
width: 30px;
height: 30px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
font-size: 1.5em;
color: #ffffff;
background: #272362;
text-align: center;
text-decoration: none;
-webkit-transition: all 0.2s ease;  
-moz-transition: all 0.2s ease;  
-o-transition: all 0.2s ease;  
-ms-transition: all 0.2s ease;  
transition: all 0.2s ease; 		
}
a#closeRequestForm:hover {
color: #ffffff;
background: #c2b59b;
width: 45px;
height: 40px;
font-size: 1.8em;
right: -20px;
top: -20px;	
padding-top: 5px;
box-shadow: 0 0 10px #333333;		
} a.requestBtn:link, a.requestBtn:active, a.requestBtn:visited, a.requestBtn:hover {
position: absolute;
top: -32px;
right: 20px;
display: inline-block;
padding: 20px;
margin: 0;
color: #ffffff;
background: #c2b59b;
text-decoration: none;
font-size: 1.2em;
z-index: 20;
border-radius: 0.5em;
-webkit-border-radius: 0.5em;
-mobile-border-radius: 0.5em; -o-transition:color .2s ease-out, background 0.5s ease-in;
-ms-transition:color .2s ease-out, background 0.5s ease-in;
-moz-transition:color .2s ease-out, background 0.5s ease-in;
-webkit-transition:color .2s ease-out, background 0.5s ease-in; transition:color .2s ease-out, background 0.5s ease-in;		
}
a.requestBtn:hover {
color: #ffffff;
background: #272362;
} .captcha {
width: 100px; 
margin: 5px 0 0 4%; 
} #ticker {
position: absolute;
display: inline-block;
height: 30px;	
width: 400px;
text-align: right;
padding: 0;
top: 60px;
right: 13px;
} #header {
position: relative;
display: inline-block;
padding: 0;
width: 100%;
height: 140px;
background: rgba(255,255,255,1.0);
float: left;
}	
a.large-phone:link, a.large-phone:active, a.large-phone:visited, a.large-phone:hover  {
position: absolute;
top: 0px;
right: 5px;
text-decoration: none;
color: #777777;
padding: 2px;
font-size: 1.5em;
}
a.large-phone:hover  {
color: #272362;		
border-radius: 0.2em;
-moz-border-radius: 0.2em;
-webkit-border-radius: 0.2em;
}	
#call-out {
position: absolute;
top: 0;
right: 150px;
color: #777777;
padding: 2px;		
font-size: 1.5em;
} a.logo img {
position: absolute;
display: inline-block;
top: 5px;
left: 30px;
z-index: 2;
-webkit-transition: all .2s;
} h1#logo-title {
position: absolute;
left: -9999px;
}
.small-logo {
display: none;
}
.small-logo img {
position: relative;
height: 35px;
margin-right: 5px;
margin-bottom: 2px;
}
.small-contact {
display: none;
}
.small-contact img {
margin-bottom: 10px;
position: relative;
height: 20px;
margin-left: 5px;
}	
#contact-icon {
position: relative;
display: inline-block;
}
#contact-icon:hover > #show-address-box {
display: inline-block;
}
#show-address-box {
display: none;
position: absolute;
bottom: -80px;
left: -100px;
width: 170px;
height: 60px;
font-size: 0.9em;
color: #ffffff;
background: rgba(0,0,0,0.9);
border: 2px solid #272362;
box-shadow: 0 0 10px #999999;
padding: 10px;
border-radius: 0 0 0.8em 0.8em;
moz-border-radius: 0 0 0.8em 0.8em;
webkit-border-radius: 0 0 0.8em 0.8em;
} #banner {
position: relative;
width: 100%;
overflow: hidden;
background: #ffffff;
float: left;
}
#banner img {
position: relative;
display: inline-block;
float: left;
} ul.rotatingBanner {
position: relative;
display: inline-block;
float: left;
height: 373px;
width: 100%;
margin: 0;
padding: 0;
}
ul.rotatingBanner li {
position: absolute;
display: inline-block;
width: 100%;
list-style: none;	
margin: 0;
padding: 0;
background: #fff;
}
ul.rotatingBanner img {
width: 100%;
}
li.show {
z-index: 1;
} .banner-call-out {
position: absolute;
display: inline-block; color: #ffffff;
text-shadow: 1px 1px 3px #999999;
padding: 10px;
font-size: 1.1em;
width: 398px;
z-index: 15; }
#banner-call-out-1 {
right: 56px;
top: 50px;
}
#banner-call-out-2 {
right: 56px;
top: 50px;
}
#banner-call-out-3 {
right: 56px;
top: 50px;
}
#banner-call-out-4 {
right: 56px;
top: 50px;
} a.banner-box:link, a.banner-box:active, a.banner-box:visited, a.banner-box:hover {
position: absolute;
display: inline-block;
width: 208px;
height: 138px;
border: 2px solid #ffffff;	
z-index: 200;
-webkit-transition: all 0.5s ease;  
-moz-transition: all 0.5s ease;  
-o-transition: all 0.5s ease;  
-ms-transition: all 0.5s ease;  
transition: all 0.5s ease; 		
}
a.banner-box:hover {
border: 2px solid #272362;	
}
a.banner-box img {
opacity: 0.9;
margin: 0;
padding: 0;
float: left;
width: 100%;
}		
a.banner-box:hover img {
opacity: 1.0;
}	
#banner-box-1 {
top: 176px;
left: 520px;
}
#banner-box-2 {
top: 176px;
left: 746px;
} @-webkit-keyframes fadi {
0%   { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes fadi {
0%   { opacity: 0; }
100% { opacity: 1; }
} #content {
position: relative;
display: inline-block;
width: 100%;
background: rgba(255,255,255,1.0);
}
#content-inside {
position: relative;
display: inline-block;
text-align: justify;
padding: 30px;
-webkit-animation: fadi 2s 1;
width: 930px; } .service-col {
position: relative;
display: inline-block;
padding: 1%;
width: 48%;
float: left;
text-align: left;
}	
.panel {
position: relative;
display: inline-block;
float: left;
width: 33%;
text-align: left;
}
.panelButton {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
width: 280px;
height: 200px;
overflow: hidden;
}
.panelButton img {
position: aboslute;
top: 0;
left: 0;
opacity: 1.0;
}
.panelButton:hover > .tab {
background: #007fc5;
color: #ffffff;
}
.panelButton:hover > img {
opacity: 0.8;
}
.tab {
position: absolute;
display: inline-block;
bottom: 0;
left: 0;
background: #ffffff;
color: #007fc5;
text-transform: uppercase;
width: 100%;
height: 30px;
text-align: left;
padding: 8px 0 0 5px;
z-index: 10;
font-size: 1.3em;		
}	
.tab-text {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
width: 280px;
overflow: hidden;	
} #call-now, #map-it {
display: none;
} #footer-container {
position: relative;
display: inline-block;
width: 100%;
background: #c2b59b; 
color: #eae9e9;
font-size: 0.95em;
border-bottom: 47px solid #eae9e9;
float: left;
}
#footer-center {
position: relative;
margin-left: auto;
margin-right: auto;
width: 930px;
padding: 10px 0 10px 0;
}
#footer-container a {
text-decoration: none;	
}	
div.footer-col {
position: relative;
display: inline-block;
padding-right: 20px;
padding-left: 20px;
float: left;
border-left: 1px solid #272362;
}
div.footer-col-first {
position: relative;
display: inline-block;
padding-right: 20px;
float: left;
}	
div.footer-sub-col {
position: relative;
display: inline-block;
margin-right: 10px;
float: left;
}
img.footer-logo {
position: relative;
margin-top: 20px;
} #phone-nav-dynamic {
display: none;
} h1 {
font-size: 2.8em;
margin: 5px 0 5px 0;		
}
h2 {
font-size: 1.3em;
margin: 15px 0 5px 0;
line-height: 90%;
}
h3 {
font-size: 1.1em;
margin: 20px 0 5px 0;
font-weight: bold;
} #menu { }
a.menu:link, a.menu:visited, a.menu:active, a.menu:hover {
position: relative;
display: inline-block;
padding:  10px 15px 6px 15px;
height: 24px;
text-align: center;
margin: 0;
color: #777777;	
font-weight: normal;	
text-decoration: none;
font-size: 1.2em;
background: #eae9e9;
text-transform: uppercase;
}
a.menu:hover {
background: #ffffff; 
color: #272362; 
}	
a.selected:link, a.selected:active, a.selected:visited, a.selected:hover {
position: relative;
display: inline-block;
padding:  10px 15px 6px 15px;
height: 24px;
margin-right: 0;
background: #ffffff; 
color: #272362; 
font-weight: normal;	
text-decoration: none;
font-size: 1.2em;
text-transform: uppercase;
}	
a.selected:hover {
background: #ffffff; 
color: #272362; 
}
#menubar { 
position: relative;
display: inline-block;
margin: 0;
padding: 0;
height:  40px;
}
#menubar li { 
float: left;
list-style: none;
margin: 0 0 0 0;
padding: 0;		
}
#menubar li ul { 
margin: 0 0 0 0;
padding: 0;
position: absolute;
display: none;
z-index: 30;
}
#menubar li ul li { 
float: none;	
}
#menubar li:hover ul {
display: block;
}
a.menu-drop:link, a.menu-drop:visited, a.menu-drop:active, a.menu-drop:hover {
position: relative;
display: inline-block;
width: 200px;
color: #ffffff;
padding:  5px;
font-weight: normal;	
text-decoration: none;
text-align: left;
font-size: 1.1em;
background: #272362; 
border-bottom: 1px solid #ffffff; -o-transition:color .2s ease-out, background 0.5s ease-in;
-ms-transition:color .2s ease-out, background 0.5s ease-in;
-moz-transition:color .2s ease-out, background 0.5s ease-in;
-webkit-transition:color .2s ease-out, background 0.5s ease-in; transition:color .2s ease-out, background 0.5s ease-in;		
}
a.menu-drop:hover {
background: #ffffff; 
color: #272362; 
border-bottom: 1px solid #272362; 		
}	
.menu-regular {
position: absolute;
display: inline-block;
float: right;
height: 40px;
bottom: 0px;
right: 0;
width: 100%;
background: #eae9e9;
text-align: right;
}
.menu-fixed {
position: fixed;
top: 0;
left: 0;
display: inline-block;
width: 100%;
background: rgba(255,255,255,1.0);
box-shadow: 0 0 10px #999999;
moz-box-shadow: 0 0 10px #999999;
webkit-box-shadow: 0 0 10px #999999;
height: 40px;
z-index: 100;
text-align: center;
} #contactFrm {
position: relative;
display: inline-block;
float: left;
margin-right: 20px;
margin-bottom: 50px;
width: 300px;
border: 1px solid #999999;
border-radius: 0.2em;
-moz-border-radius: 0.2em;
-webkit-border-radius: 0.2em;
}	
#contactFrmModal {
position: absolute;
right: 362px;
top: 10%;
display: inline-block;
width: 300px;
padding: 10px;
z-index: 1000;
background: #ffffff;
border-radius: 0.5em;
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
border: 1px solid #cccccc;
box-shadow: 0 0 10px #333333;
}
#contact-lcol {
position: relative;
float: left;
width: 100%;
background: #c2b59b;
font-weight: bold;
}
#contact-rcol {
position: relative;
float: right;
width: 50%;
}
#contactFrm h2 {
padding: 0;
margin: 4% 0 2% 4%;
}
input.contact-form {
position: relative;
width: 85%;
border: none;
padding: 2%;
margin: 1% 0 4% 4%;
background: #fff;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
color: #333333;
outline: none;
font-size: 1.1em;
border: 1px solid #c2b59b; 
border-radius: 0.2em;
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;		
}
input.contact-form:hover {
background: #ececec;
border: 1px solid #808080;
}	
textarea.contact-form  {
position: relative;
width: 85%;
height: 45px;
border: none;
padding: 2%;
margin-top: 0;
margin-left: 4%;
background: #fff;	
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
font-size: 1.1em;
color: #333333;
border: 1px solid #c2b59b; 
border-radius: 0.2em;
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;		
outline: none;
}
textarea.contact-form:hover {
background: #ececec;
border: 1px solid #808080;
}		
.contact-form-button {
position: relative;
display: inline-block;
float: right;
margin: 1% 8% 2% 0;
cursor: pointer;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
color: #fff;
padding: 1% 5% 1% 4%;
background: #272362; 
border-radius: 0.2em;
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;		
outline: none;
border: none;
font-size: 1.1em;
text-align: center;
}	
.contact-form-button:hover {
color: #ffffff; 
background: #808080; 
}
#contact-left-column {
background:#eee; border:1px solid #ccc; padding:5px 10px; float: left; margin-right: 10px; width: 35%; display: inline-block;
}
#contact-right-column {
background:#eee; border:1px solid #ccc; padding:5px 10px; float: right; margin-right: 10px; width: 55%; display: inline-block;
} #request-appointment {
position: relative;
display: inline-block;
border-radius: .3em;
-webkit-border-radius: .3em;
-moz-border-radius: .3em;
width: 100%;
padding: 0;
}
table.request-form-table {
width: 100%;
}
table.request-form-table td {
padding: 1%;
}
.request-input {
margin: 3px 0 3px 0;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
font-size: 1.1em;
width: 96%;
border-radius: .3em;
-webkit-border-radius: .3em;
-moz-border-radius: .3em;
border: 1px solid #272362;
padding: 2%;
outline: none;
}	
.request-input:hover {
background: #ececec;
border: 1px solid #808080;
}		
.request-form-button {
position: relative;
display: inline-block;
margin-right: 0;
margin-top: 2%;
cursor: pointer;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
color: #fff;
padding: 1% 5% 1% 5%;
background: #272362; 
border-radius: 0.2em;
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;		
outline: none;
border: none;
font-size: 1.1em;
text-align: center;
}
.request-form-button:hover {
color: #ffffff; 
background: #808080; 
}	
#ra-form {
position: relative;
display: inline-block;
width: 100%;
}
.request-lcol {
position: relative;
display: inline-block;
width: 45%;
float: left;
}
.request-rcol {
position: relative;
display: inline-block;
width: 45%;
float: right;
}
img.smile-gallery {
width: 450px;
} img.profile {
position: relative;
display: inline-block;
float: left;
margin: 0 2% 3% 0;
border-radius: 0.3em;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
width: 200px;
}	
}
@media screen and (max-width: 400px) {
body {
margin: 0 0 0 0;
padding: 0 0 0 0;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
color: #333333;
height: 100%;
background: #ffffff;		
}		
#page-container {
position: relative;
width: 100%;
padding: 0;
margin-right: auto;
margin-left: auto;
top: 0;
}
#overlay {
display: none;
position: fixed; 
z-index: 400; 
width:100%; 
height: 100%; 
background: rgba(0,0,0,0.5);
}	
a#closeRequestForm:link, a#closeRequestForm:visited, a#closeRequestForm:active, a#closeRequestForm:hover {
position: absolute;
right: 0;
top: 0;
width: 30px;
height: 30px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
font-size: 1.5em;
color: #ffffff;
background: #272362;
text-align: center;
text-decoration: none;
}
a#closeRequestForm:hover {
color: #ffffff;
background: #c2b59b;
} a.requestBtn:link, a.requestBtn:active, a.requestBtn:visited, a.requestBtn:hover {
position: relative;
display: inline-block;
width: 96%;
padding: 2%;
margin: 0;
color: #ffffff;
background: #c2b59b;
text-decoration: none;
font-size: 1.2em;
z-index: 100;
border-radius: 0.3em;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
text-align: center;
}
a.requestBtn:hover {
color: #ffffff;
background: #272362;
} #ticker {
display: none;
} .captcha {
width: 100px; 
margin: 1% 0 0 1%; 
} #header {
position: relative;
display: inline-block;
padding: 5% 0 3% 0;
margin: 0;
width: 100%;
background: #ffffff;
float: left;
text-align: center;
margin-top: 38px;
} h1 {
font-size: 1.6em;
margin: 2% 0 2% 0;
}	
h2 {
font-size: 1.3em;
margin: 3% 0 2% 0;
}
h3 {
font-size: 1.1em;
margin: 2% 0 2% 0;
font-weight: bold;
} .large-phone {
display: none;
}
#call-out {
display: none;
} #menu {
display: none;
} a.logo img {
position: relative;
width: 100%;
max-width: 297px;
}
h1#logo-title {
position: absolute;
left: -9999px;
} #slider1 {
display: none;
} #content {
position: relative;
display: inline-block;
width: 96%;
padding: 2%;
background: rgba(255,255,255,0.5);
}
#content-inside {
text-align: justify;
width: 100%;
}
#call-now, map-it {
position: relative;
display: inline-block;
width: 100%;
}
.panel {
position: relative;
display: inline-block;
float: left;
width: 100%;
text-align: center;
}
.panelButton {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
width: 280px;
height: 200px;
overflow: hidden;
}
.panelButton img {
position: aboslute;
top: 0;
left: 0;
opacity: 1.0;
}
.panelButton:hover > .tab {
background: #007fc5;
color: #ffffff;
}
.panelButton:hover > img {
opacity: 0.8;
}
.tab {
position: absolute;
display: inline-block;
bottom: 0;
left: 0;
background: #ffffff;
color: #007fc5;
text-transform: uppercase;
width: 100%;
height: 30px;
text-align: left;
padding: 8px 0 0 5px;
z-index: 10;
font-size: 1.3em;		
}	
.tab-text {
position: relative;
display: inline-block;
margin: 0;
padding: 0;
width: 280px;
overflow: hidden;	
text-align: left;
} #footer-container {
position: relative;
display: inline-block;
width: 96%;
padding: 2%;
background: #c2b59b; 
color: #fff;
font-size: 0.95em;
}
#footer-container a {
text-decoration: none;	
}		
div.footer-col {
position: relative;
width: 100%;
float: left;
margin-bottom: 2%;
} #banner {
position: relative;
width: 100%;
overflow: hidden;
display: none;
}
#banner img {
position: relative;
display: inline-block;
float: left;
} ul.rotatingBanner {
position: relative;
display: inline-block;
float: left;
height: 170px;
width: 100%;
margin: 0;
padding: 0;
}
ul.rotatingBanner li {
position: absolute;
display: inline-block;
width: 100%;
list-style: none;	
margin: 0;
padding: 0;
background: #fff;
}
ul.rotatingBanner img {
width: 100%;
}
li.show {
z-index: 1;
} .banner-call-out {
position: relative;
display: inline-block;
width: 96%;
text-align: center;
background: #eae9e9;
color: #333333;
padding: 2%;
font-size: 1.0em;
height: 50px;
} .social-media-tab {	
display: none;
}
#social-links-section {	
display: none;
} .phone-nav-icon {
float: left; 
width: 20px; 
padding: 1%; 
background: #fff; 
margin-top: 3px;
border-radius: 0.2em;
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;		
}
#phone-nav-dynamic {
position: fixed;
top: 0; 
z-index: 30;
width: 100%;
margin: 0;
padding: 0 0 0 0;
text-align: left;	
box-shadow: 0 0 10px #000000;
-moz-box-shadow: 0 0 10px #000000;
-webkit-box-shadow: 0 0 10px #000000;		
}	
#phone-nav-overlay {
position: relative;
width: 100%;
display: none;
z-index: 999;
}	
a.phone-nav-selected:link, a.phone-nav-selected:visited, a.phone-nav-selected:active, a.phone-nav-selected:hover {		
position: relative;
display: inline-block;
width: 96%;
padding: 2%;
border-bottom: 1px solid #ececec;		
color: #fff;
text-decoration: none;
font-size: 1.2em;
background: #999999;
}	
a.phone-nav-selected:hover {
color: #fff;
border-bottom: 1px solid #fff;
background: #6492AE; 
}	
a.phone-nav-links:link, a.phone-nav-links:visited, a.phone-nav-links:active, a.phone-nav-links:hover {
width: 96%;
padding: 2%;
border-bottom: 1px solid #ececec;
display: inline-block;
color: #333333;
background: #fafafa;
text-decoration: none;
font-size: 1.2em;
}	
a.phone-nav-links:hover {
color: #ffffff;
border-bottom: 1px solid #ffffff;
background: #272362; 
}
a#dynamic-phone-menu:link, a#dynamic-phone-menu:active, a#dynamic-phone-menu:visited, a#dynamic-phone-menu:hover {
display: inline-block;
width: 96%;
padding: 2%;
background: #272362; 
text-decoration: none;
font-size: 1.4em;	
font-weight: bold;
color: #fff;
}
a#dynamic-phone-menu:hover {
color: #fff;
background: #808080; 
}
.faded {
opacity: 0.2;
} #contactFrm {
position: relative;
display: inline-block;
float: left ;
width: 99%;
border: 1px solid #999999;
border-radius: 0.2em;
-moz-border-radius: 0.2em;
-webkit-border-radius: 0.2em;
}	
#contactFrmModal {
position: relative;
display: inline-block;
margin-top: 2%;
width: 96%;
padding: 2%;
border-radius: 0.5em;
-webkit-border-radius: 0.5em;
-moz-border-radius: 0.5em;
background: rgba(255,255,255,1.0);
}
#contact-lcol {
position: relative;
float: left;
width: 100%;
background: #c2b59b;		
}
#contact-rcol {
position: relative;
float: left;
width: 100%;
}
#contactFrm h2 {
padding: 0;
margin: 0 0 0 1%;
color: #272362;
}
input.contact-form {
position: relative;
width: 95%;
border: none;
padding: 2%;
margin: 1% 0 0 0;
background: #fff;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
color: #333333;
outline: none;
font-size: 1.1em;
border: 1px solid #c2b59b; 
border-radius: 0.2em;
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;		
}
input.contact-form:hover {
background: #ececec;
border: 1px solid #808080;
}	
textarea.contact-form  {
position: relative;
width: 95%;
height: 45px;
border: none;
padding: 2%;
margin: 1% 0 0 0;
background: #fff;	
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
font-size: 1.1em;
color: #333333;
border: 1px solid #c2b59b; 
border-radius: 0.2em;
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;		
outline: none;
}
textarea.contact-form:hover {
background: #ececec;
border: 1px solid #808080;
}	
.contact-form-button {
position: relative;
display: inline-block;
float: right;
margin: 2% 1% 1% 0;
cursor: pointer;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
color: #fff;
padding: 1% 5% 1% 5%;
background: #272362; 
border-radius: 0.2em;
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;		
outline: none;
border: none;
font-size: 1.1em;
text-align: center;
}
.contact-form-button:hover {
color: #ffffff; 
background: #808080; 
}	
#contact-left-column {
background:#eee; border:1px solid #ccc; padding:2%; float: left; width: 96%; display: inline-block;
}
#contact-right-column {
background:#eee; border:1px solid #ccc; padding:2%; float: left; width: 96%; display: inline-block; margin-top: 2%;
} #request-appointment {
position: relative;
display: inline-block;
border-radius: .3em;
-webkit-border-radius: .3em;
-moz-border-radius: .3em;
width: 96%;
padding: 2%;
}
.request-input {
margin: 3px 0 3px 0;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
font-size: 1.1em;
width: 96%;
border-radius: .3em;
-webkit-border-radius: .3em;
-moz-border-radius: .3em;
border: 1px solid #272362;
padding: 2%;
outline: none;
}	
.request-input:hover {
background: #ececec;
border: 1px solid #808080;
}		
.request-form-button {
position: relative;
display: inline-block;
margin-right: 0;
margin-top: 2%;
cursor: pointer;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
color: #fff;
padding: 1% 5% 1% 5%;
background: #272362; 
border-radius: 0.2em;
-webkit-border-radius: 0.2em;
-moz-border-radius: 0.2em;		
outline: none;
border: none;
font-size: 1.1em;
text-align: center;
}
.request-form-button:hover {
color: #ffffff; 
background: #808080; 
}	
img.smile-gallery {
width: 100%;
} img.profile {
position: relative;
display: inline-block;
float: left;
margin: 0 2% 3% 0;
border-radius: 0.3em;
-webkit-border-radius: 0.3em;
-moz-border-radius: 0.3em;
width: 100px;
}	
} b {
color: #272362; 
} h1 {
font-family: "Brush Script MT", cursive;
}
h1, h3, h4 {
font-weight: normal;
color: #272362;
text-align: left;
}
h2 {
font-weight: bold;
color: #272362;
text-align: left;
} a:link, a:active, a:visited, a:hover {
color: #333333;
text-decoration: underline;
outline: none;
}
a:hover {
color: #272362; 
text-decoration: underline;
outline: none;
background: #c2b59b;
} a.download:link, a.download:active, a.download:visited, a.download:hover {
position: relative;
display: inline-block;
padding: 8px 5px 5px 5px;
margin: 5px 0 5px 0;
color: #ffffff;
background: #272362;
text-decoration: none;
font-size: 1.2em;
}
a.download:hover {
color: #ffffff;
background: #c2b59b;
}
img.download-icon {
position: relative;
float: left; 
margin: 2px 5px 0 0;
} a.callnow:link, a.callnow:active, a.callnow:visited, a.callnow:hover {
position: relative;
display: inline-block;
padding: 2% 2% 2% 2%;
width: 96%;
margin: 1% 0 1% 0;
color: #ffffff;
background: #272362;
text-decoration: none;
font-size: 1.2em;
text-align: center;
}
a.callnow:hover {
color: #ffffff;
background: #808080;
} a.button:link, a.button:active, a.button:visited, a.button:hover {
position: relative;
display: inline-block;
padding: 2% 2% 2% 2%;
margin: 1% 0 1% 2%;
color: #ffffff;
background: #272362;
text-decoration: none;
font-size: 1.2em; -o-transition:color .2s ease-out, background 0.5s ease-in;
-ms-transition:color .2s ease-out, background 0.5s ease-in;
-moz-transition:color .2s ease-out, background 0.5s ease-in;
-webkit-transition:color .2s ease-out, background 0.5s ease-in; transition:color .2s ease-out, background 0.5s ease-in;	
float: right;
}
a.button:hover {
color: #ffffff;
background: #c2b59b;
} div.footer-col a:link, div.footer-col a:active, div.footer-col a:visited, div.footer-col a:hover {
color: #272362;
border-bottom: 1px dotted #272362;
}
div.footer-col a:hover {
color: #ffffff;
border-bottom: 1px dotted #ffffff;
} a.document-button:link, a.document-button:visited, a.document-button:active {
position: relative;
display: inline-block;
padding: 20px;
background: #9B8C7E;
color: #494747;
font-size: 1.1em;
margin-bottom: 2%;
width: 70%;
text-decoration: none;
}
a.document-button:hover {
background: #494747;
color: #fff;
} #social-media-sharing{
position: fixed;
top: 8em;
right: 0;
background: rgba(255,255,255,0.7);
display: none;
padding: 1%;
z-index: 20;
}
.sharrre .button{
text-align: center;
width: 65px;
border: 1px solid #ececec;
padding: 2%;
margin: 2%;
border-radius: .5em .5em .5em .5em;
-webkit-border-radius: .5em .5em .5em .5em;
-moz-border-radius: .5em .5em .5em .5em;		
}
.social-media-tab {
position: fixed;
width: 30px;
top: 5em;
right: -5px;
text-decoration: none;
color: #000000;
background: rgba(255,255,255,0.5);
font-size: 12px;
padding: 1em;
z-index: 20;
}
.social-media-tab:hover {
right: 0px;
background: rgba(135,135,135,0.5);
}
.social-media-tab img {
width: 25px;
} #social-links-section {
position: absolute;
top: 10px;
right: 20px;
z-index: 20;
}
.social-media-link-container {
position: relative;
display: inline-block;
width: 30px;
height: 35px;
text-align: center;
padding: 1px;
overflow: hidden;
background: #777777;
}
.social-media-link {
position: relative;
float: left;
width: 20px;
height: 35px;
padding: 10px 5px 5px 5px;
text-align: center;
}
.social-media-link img {
width: 100%;
}	
.social-media-link-active {
position: relative;
float: left;
width: 20px;
height: 35px;
padding: 10px 5px 5px 5px;
text-align: center;
}
.social-media-link-active img {
width: 100%;
}	
#facebook-link { }
#facebook-link-active {
background: #3B5998; }
#youtube-link { }
#youtube-link-active {
background: #bb0000; }
#google-plus-link { }
#google-plus-link-active {
background: #dd4b39; }
#twitter-link { }
#twitter-link-active {
background: #4099FF; } .ui-effects-wrapper {
display:inline;
} .clear {
clear:both
} .bios {
display: inline-block;
padding: 5px 5% 10px 5%;
width: 90%;
margin-left: 0;
background: #ececec;
border: 1px solid #cccccc;
border-radius: 0.5em;
webkit-border-radius: 0.5em;
moz-border-radius: 0.5em;
font-size: 1.1em;
}
.bios b {
font-size: 1.3em;
}	
.tile-bio {
position: relative;
display: inline-block;
width: 220px;
margin-left: 0;
background: #ffffff;
border: 1px solid #ececec;
border-radius: 0.3em;
webkit-border-radius: 0.3em;
moz-border-radius: 0.3em;
font-size: 1.1em;	
float: left;
margin-right: 5px;
text-align: center;
}
.tile-bio img {
position: relative;
display: inline-block;
width: 100%;
border-radius: 0 0 0.3em 0.3em;
-webkit-border-radius: 0 0 0.3em 0.3em;
-moz-border-radius: 0 0 0.3em 0.3em;	
float: left;
}
.bio-title {
position: absolute;
top: -15px;
left: 0;
padding: 2%;
text-align: center;
width: 96%;
background: #818285;
border-radius: 0.3em 0.3em 0 0;
-webkit-border-radius: 0.3em 0.3em 0 0;
-moz-border-radius: 0.3em 0.3em 0 0;
z-index: 10;
} div.google-map {
position: relative;
display: inline-block;
margin-top: 2%;
padding: 2%;
border: 1px solid #999999;
margin-left: 0px;
margin-bottom: 2%;
border-radius: .5em .5em .5em .5em;
-webkit-border-radius: .5em .5em .5em .5em;
-moz-border-radius: .5em .5em .5em .5em;	
width: 96%;
} .faqs-show-answer {
cursor: pointer;
}
.faqs-show-answer:hover h3{
color: #999999;
}
.faqs-answer {
display: none;
} blockquote {
display: inline-block;
padding: 5px 10px 10px 10px;
margin-left: 0;
background: #ececec;
border: 1px solid #cccccc;
font-size: 1.1em;
}
.bqstart {
position: relative;
display: inline-block;
height: 20px;
padding-bottom: 0;
font-size: 120%;
color: #007fc5;
}
.bqend {
position: relative; 
display: inline-block;
height: 20px;
font-size: 120%;
color: #007fc5;
} ol {
margin-top: 1%;
padding: 2%;
background: #ececec;
}
ol li {
list-style-type: decimal;
margin-left: 20px;
margin-bottom: 2%;
margin-top: 3%;
} ul.norm {
margin-top: 1%;
padding: 2%;
background: #ececec;
}
ul.norm li {
list-style-type: circle;
margin-left: 20px;
margin-bottom: 1%;
margin-top: 1%;
} .rounded {
border-radius: .5em .5em .5em .5em;
-webkit-border-radius: .5em .5em .5em .5em;
-moz-border-radius: .5em .5em .5em .5em;	
}
.rounded-left {
border-radius: .5em 0 0 .5em;
-webkit-border-radius: .5em 0 0 .5em;
-moz-border-radius: .5em 0 0 .5em;	
} .back-to-top {
position: fixed;
bottom: 2em;
right: -5px;
width: 30px;
text-decoration: none;
color: #000000;
background: rgba(235, 235, 235, 0.80);
font-size: 12px;
padding: 1em;
display: none;
z-index: 20;
}
.back-to-top:hover {    
right: 0px;
background: rgba(135, 135, 135, 0.50);
} #message_post_request {
display: none;
position: relative;
padding: 10px;
background: rgba(255,255,255,0.5); 
color: #333333;
margin-bottom: 10px;
border-radius: .3em;
-webkit-border-radius: .3em;
-moz-border-radius: .3em;	
list-style: none;
}
#message_post {
position: relative;
display: inline-block;
padding: 10px 0 10px 0;
display: none;
text-align: center;
background: rgba(255,255,255,0.5);
color: #333333;
z-index: 20;
font-size: 1.1em;
}
.error {
color: #990000;
}
.success {
color: #576B12;
}
img.loading-icon { } input[type=checkbox].checkBox:hover {
cursor: pointer;
}
input[type=checkbox].checkBox:before { 
content:""; 
position: relative;
display: inline-block; 
float: left;
margin: -2px 0 0 0;
width: 17px; 
height: 17px; 
background: url(//khashemdentalcare.com/wp-content/themes/dentistryincaledon.com/images/checkbox-images/checkbox.jpg);
background-repeat: no-repeat;
background-size: 100%;
}
input[type=checkbox].checkBox:checked:before { 
background: url(//khashemdentalcare.com/wp-content/themes/dentistryincaledon.com/images/checkbox-images/checkbox-checked.jpg);
background-repeat: no-repeat;
background-size: 100%;	
}