@font-face {
font-family: 'fontello';
src: url(//www.mitchelldentalaz.com/wp-content/themes/medical-cure-child/fonts/fontello/fontello.eot?11153670);
src: url(//www.mitchelldentalaz.com/wp-content/themes/medical-cure-child/fonts/fontello/fontello.eot?11153670#iefix) format('embedded-opentype'),
url(//www.mitchelldentalaz.com/wp-content/themes/medical-cure-child/fonts/fontello/fontello.woff2?11153670) format('woff2'),
url(//www.mitchelldentalaz.com/wp-content/themes/medical-cure-child/fonts/fontello/fontello.woff?11153670) format('woff'),
url(//www.mitchelldentalaz.com/wp-content/themes/medical-cure-child/fonts/fontello/fontello.ttf?11153670) format('truetype'),
url(//www.mitchelldentalaz.com/wp-content/themes/medical-cure-child/fonts/fontello/fontello.svg?11153670#fontello) format('svg');
font-weight: normal;
font-style: normal;
}   [class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }
.icon-phone:before { content: '\e800'; } .icon-search:before { content: '\e801'; } .icon-thumbs-up:before { content: '\e802'; } .icon-globe:before { content: '\e803'; } .icon-bell:before { content: '\e804'; } .icon-dot-3:before { content: '\e805'; } .icon-right-small:before { content: '\e806'; } .icon-star-empty:before { content: '\e807'; } .icon-heart:before { content: '\e808'; } .icon-users:before { content: '\e809'; } .icon-book-open:before { content: '\e80a'; } .icon-briefcase:before { content: '\e80b'; } .icon-left-small:before { content: '\e80c'; } .icon-star:before { content: '\e80d'; } .icon-location:before { content: '\f031'; } .icon-twitter:before { content: '\f099'; } .icon-gplus-1:before { content: '\f0d5'; } .icon-mail-alt:before { content: '\f0e0'; } .icon-linkedin:before { content: '\f0e1'; } .icon-youtube:before { content: '\f167'; } .icon-skype:before { content: '\f17e'; } .icon-shopping-bag:before { content: '\f290'; } .icon-facebook:before { content: '\f30c'; } .icon-gplus:before { content: '\f30f'; }@font-face {
font-family: 'Gill Sans MT';
src: url(//www.mitchelldentalaz.com/wp-content/themes/medical-cure-child/fonts/33535gillsansmt.ttf);
src: url(//www.mitchelldentalaz.com/wp-content/themes/medical-cure-child/fonts/33535gillsansmt.ttf) format('truetype');
}  .m-0{
margin: 0;
}
.ml-0{
margin-left: 0;
}
.mr-0{
margin-right:0;
}
.mt-0{
margin-top: 0px;
}
.mb-0{
margin-bottom: 0;
}
.p-0{
padding: 0;
}
.pl-0{
padding-left: 0;
}
.pr-0{
padding-right:0;
}
.pt-0{
padding-top: 0px;
}
.pb-0{
padding-bottom: 0px;
}
.white-text{
color:#fff;
}
.text-black{
color:#000;
}
.header-container{
max-width: 1590px;
margin: 0 auto;
position: relative;
padding: 0px 20px;
}
.main-container{
max-width: 1290px;
margin: 0 auto;
position: relative;
padding: 0px 20px;
} header{
float: left;
width: 100%;
background-image: linear-gradient(to left, #f48337 , #fff); }
header .logo.left-header img {
width: 204px;
margin: 8px 0px;
}
header .logo.left-header {
float: left;
}
header .logo.right-header {
float: right;
color:#fff;
font-family: "Open Sans";
}
header .logo.right-header a{
font-size: 37px;
font-family: "open sans";
font-weight: 700;
color: #fff;
margin-top: 11px;
display: inline-block;
}
header .logo.right-header a img {
margin-right: 12px;
}
header .logo.right-header a:hover{
text-decoration: none;
} .site-btn{
text-transform: uppercase;
padding: 13px 18px 13px 50px;
display: inline-block;
line-height: 28px;
cursor: pointer;
font-weight: 600;
position:relative;
border:none;
overflow: hidden;
transition: all 0.3s;
font-size: 14px;
}
body{
font-family: 'Open Sans' !important;
margin:0;
padding:0;
}
.section-heading h2{
font-size: 28px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 0px;
}
.orange-text{
color:#f48337;
}
.blue-text{
color:#002c56;
}
.blue-bg{
background-color: #002c56;
}
.orange-bg{
background-color: #f48337;
}
.section{
padding: 70px 0px;
float: left;
width:100%;
} .hero-banner{
height: 80vh;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
float: left;width: 100%;
} .form-wrapper {
float: left;
width: 100%;
height: 80vh;
position: relative;
}
.banner-form {
max-width: 412px;
background-color: #002c56;
text-align: center;
padding: 20px;
font-family: 'Open Sans Condensed',sans-serif; float: right;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.banner-form h3{
font-size: 28px;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 28px;
font-family: 'Open Sans Condensed', sans-serif !important;
}
.banner-form h3 span{
display: block;
}
.banner-form textarea,
.banner-form input {
width: 100%;
font-size: 17px;
padding: 10px 12px;
border-radius: 0px !important;
margin-bottom: 14px;
border: none;
font-weight: bold;
}
.banner-form input[type="submit"]{
background-color: #f48337;
color:#fff;
display: inline-block;
width: auto;
padding: 10px 30px;
font-size: 20px;
} .services{
padding-right: 20px;
padding-left: 20px;
}
.services .box {
max-width: 468px;
margin: 0 auto;
padding: 0px 0px;
}
.box .ser-icon {
text-align: center;
}
.box .three-box-content h3 {
font-size: 37px;
font-family: 'Open Sans';
text-align: center;
margin-top: 18px;
font-weight: 400;
}
.box .three-box-content h3 span{
font-family: 'Open Sans', sans-serif;
font-weight: bold;
} .section.dr-section h2{
font-family: 'Open Sans', sans-serif;
font-size: 40px;
text-transform: capitalize;
font-weight: bold;
margin-bottom: 30px;
text-align: center;
}
.section.dr-section .doctor-about p{
font-family: 'open Sans';
font-size: 22px;
font-weight: 400;
line-height: 26px;
color:#000;
}
.section.dr-section img.img-responsive {
width: 542px;
position: absolute;
bottom: -77px;
left: -169px;
} .services-list ul li a {
font-size: 37px;
font-weight: 400;
display: inline-block;
vertical-align: middle;
}
.services-list ul{
color:#fff;
display: inline-block;
padding-left: 0px;
text-align: left;
}
.services-list .col-lg-6{
text-align: center;
}
.section.all-services{
padding-bottom: 24px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: relative;
overflow: hidden;
}
section.section.all-services:before {
height: 70px;
content: "";
top: -47px;
position: absolute; background-size: 2% 100%;
left: 0; right: 0;
background-image: linear-gradient(to bottom, #000 , transparent);
z-index: 99999;
}
section.section.all-services:after {
height: 70px;
content: "";
bottom: -47px;
position: absolute; background-size: 2% 100%;
left: 0; right: 0;
background-image: linear-gradient(to top, #000 , transparent);
z-index: 99999;
}
.section.all-services h2{
font-family: 'Open Sans ', sans-serif;
font-size: 58px;
text-transform: uppercase;
font-weight: bold;
}
.services-list{
max-width: 1290px;
margin: 0 auto;
padding-top: 30px;
}
.address-info ul li span {
margin-right: 18px;
position: absolute;
left: -10px;
}
.address-info li {
margin-bottom: 12px;
list-style: none;
}
.address-info li a,
.address-info li {
font-size: 28px;
font-weight: 400;
color: #000;
font-family: 'open sans';
}
.section.map-section {
padding: 30px 0px;
}
.address-info {
margin-top: 45px;
}
.request-section form {
max-width: 597px;
margin:0 auto;
}
.request-section form input{
font-family: 'Gill Sans MT' !important;
width: 100%;
font-size: 17px;
padding: 10px 12px;
border-radius: 0px !important;
margin-bottom: 14px;
border: none;
}
.request-section form input[type="submit"] {
background-color: #f48337;
color: #fff;
display: inline-block;
width: auto;
padding: 6px 29px;
margin-top: 19px;
font-size: 24px;
font-family: 'Gill Sans MT' !important;
letter-spacing: 4px;
}
.request-section form .col-lg-12{
text-align: center;
}
.request-section.section {
text-align: center;
padding: 32px 0px;
}
.request-section.section h2{
margin-bottom: 20px;
font-family: 'Gill Sans MT' !important;
font-size: 39px;
}
.banner-form textarea {
height: 85px;
}
.banner-form .wpcf7-not-valid {
border: 1px solid red !important;
}
.banner-form .wpcf7-not-valid-tip {
display: none;
}
.banner-form .screen-reader-response {
display: none;
}
.banner-form .wpcf7-response-output.wpcf7-validation-errors, .wpcf7-response-output.wpcf7-spam-blocked {
color: #fff;
}
.response_message {
color: #fff;
}
.top_fade {
display: none !important;
} @media screen and (max-width:1600px){
.section.dr-section {
padding-right: 168px;
}
}
@media screen and (max-width:1450px){
.section.dr-section {
padding-right: 0px;
}
.section.dr-section .doctor-about {
max-width: 992px;
float: none;
padding: 21px;
margin: 0 auto;
}
.section.dr-section {
background-position: 8% 139%;
background-size: 50% 100%;
}
}
@media screen and (max-width:1200px){
.box .three-box-content h3 {
font-size: 28px;
}
.map iframe{
width:600px !important;
}
}
@media screen and (max-width:1080px){
.box .three-box-content h3 {
margin-top: 18px;
}
.box .ser-icon img {
width: 144px;
}
.services .box {
margin-bottom: 30px;
}
}
@media screen and (max-width:991px){
.section {
padding: 35px 0px;
padding-right: 0px;
float: left;
width: 100%;
}
.section.all-services h2 {
font-size: 42px;
}
.map iframe{
width:100% !important;
}
.address-info {
margin-top: 45px;
padding-left: 34px;
}
.address-info ul li span {
left: 20px;
}
.services-list ul li a {
font-size: 22px;
}
.request-section form input[type="submit"]{
margin-top: 0px;
}
section.services.section.blue-bg .row {
margin-left: 0;
margin-right: 0;
}
.box .three-box-content h3 {
font-size: 22px;
}
.section.dr-section img.img-responsive {
width: 335px;
position: relative;
bottom: auto;
left: auto;
text-align: center;
display: block;
margin: 0 auto;
}
}
@media screen and (max-width:767px){   
.services-list .col-lg-6 {
text-align: left; 
}
.section.dr-section {
background-position: center;
background-size: 100% 50%;
}
.section.all-services h2 {
font-size: 30px;
}
.address-info li a, .address-info li {
font-size: 22px;
}
.address-info .black-text img {
width: 24px;
}
.address-info ul {
padding-left: 8px;
}
.request-section.section h2 {
font-size: 30px;
}
.services .box {
padding: 0px 10px;
}
.hero-banner {
background-position: right;
height: 90vh !important;
}
.banner-form {
margin-top: 50px;
}
}
@media screen and (min-width: 480px ) and (max-width: 767px){
.section.dr-section {
background-position: center bottom;
background-size: 100% 75%;
}
}
@media screen and (max-width: 640px){
.banner-form {
max-width: 100%;
float: none;
}
}
@media screen and (max-width:520px){
header .logo.left-header {
width: 100%;
text-align: center;
}
header .logo.right-header {
display: block;
text-align: center;
width: 100%;
padding-bottom: 10px;
}
.banner-form h3 {
font-size: 22px;
}
}