@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700&display=swap');
body{font-family: 'Source Sans Pro', sans-serif;
 font-size:17px; overflow-x:hidden;}

input, textarea, select {
        width: 100%;
    padding: 12px;
    margin-bottom: 17px;
    border: none;
    background: #e6e6e6;
}
.one{
    padding: 10px 0;
	background: #fff;
}
.logo{margin-top: 40px;}
.logo img{width: 75%;margin-top: -35px;}
.address img, .phone img{
    float: left;
    width: 55px;
    margin-right: 10px;
    margin-top: 8px;
}
.one h3{
        font-size: 22px;
    line-height: 25px;
    margin: 10px 0;
    color: #4c4c4c;
    font-weight: 500;
    
}
.phone a{
    font-size: 30px;
    color: #4c4c4c;
    font-weight: bold;
    text-decoration: none;
    margin-top: 27px;
    display: block;
}
.phone a:hover{
    color: #22635e;
}

.one .phone h3 { margin: 12px 0; }

.two{
    background: url(images/kempsville-dental-banner-image.png)no-repeat;
    background-size: cover;text-align: center;
}
.promo-heading{
    width: 70%;
    margin: 70px 0 30px;
	font-size: 55px;
    color: #4655a1;
    line-height: 70px;
}
.two table{
    margin: 0 auto 25px;
     border-collapse:separate;

}
td, th {



}
.td1, .td2{ padding: 10px;

}

.td1 img, .td2 img {

   width: 400px; 
}
.td2{
 width: 150px;

}
.two h3{
    color: #fff;
    font-size: 75px;
    padding: 6px 0;
     
    /*font-family: 'Montserrat', sans-serif;*/
    font-weight: bold;
    line-height: 43px;
    text-align: center;
}
h3 span{
    font-size: 37px;
}
h3 small{
        font-size: 31px;
    vertical-align: 16px;
    font-weight: bold;
    color: #fff;
    margin-left: 2px;
    
}
.two h4{
    font-size: 24px;
    color: #fff;
    padding: 0 20px 0;
    /*text-transform: uppercase;*/
    line-height: 26px;
}

.two a{
    background: #22635e;
    color: #fff;
    padding: 9px 27px;
    display: block;
    width: 360px;
    margin: 0 auto;
    font-size: 22px;
    text-transform: uppercase;
    border: 3px solid #22635e;
    text-decoration: none;
    border-radius: 33px;
    
}
.two a:hover{
    color: #eadede;
}
.two p{
	margin: 20px 0;
    font-size: 14px;
    color: #000;

}
.review{
     width: 260px;
    margin: 30px 0 0;
}

.three{
    padding: 30px 20px;
}
.three img{width: 100%;}
.three h3{
    text-transform: uppercase;
    font-size: 40px;
    
}
.three p{
    font-size: 20px;
    line-height: 23px;
}
.three .col-md-5, .three .col-md-6{
    padding: 0 15px;
}
.four{
    background: url(images/testimonails-bg.png);
    background-position: top right;
    background-size: cover;   
    padding: 50px 0; 
}
.four-head, .five-head{
    background: #22635e;
}
.four-head h3, .five-head h3{
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    margin: 30px 0;
    text-align: center;
    font-size: 35px;
    
}

.five-head h3{
    margin-bottom: 60px;
}

.four h4{
    font-size: 22px;
    color: #2d76c3;
    margin: 30px 0 0px;
    position: absolute;
    bottom: 30px;
}

.four .fa-star{
    font-size: 17px;
    color: #eec40e;
}
.four p{
        font-size: 18px;
    line-height: 22px;
 
}
.four .testi-box{
    background: white;
    border-radius: 17px;
    padding: 25px;
    box-shadow: 0 0 7px #afa7a7;
    min-height:360px;
}

.carousel-inner img{
    width: 100%;
}
#myCarousel .carousel-inner>.item, #myCarousel4  .carousel-inner>.item{
    margin: 20px 0;
}
.five h3{
    color: #5f1f0d;
    text-transform: uppercase;
    font-weight: bold;
    margin: 20px 0 25px;
    font-size: 30px;
    text-align: center;
}
.carousel-indicators .active{
    background-color: #2d76c3;
}
.carousel-indicators li{background-color: #fff;}

.carousel-indicators {
    bottom: -30px;
}
#myCarousel2 .carousel-indicators, #myCarousel1 .carousel-indicators{
    bottom: 0px;   
}
.six{
    background: url(images/contact-bg.png);
    text-align: center;
}
.five img{ width: 100%;margin-top: -40px;}
.five p{
    font-size: 16px;
    margin: 18px 0;
    text-align: center;
}

#myCarousel2, #myCarousel1{ margin-top: -35px; padding-bottom: 45px;}
#myCarousel2 .carousel-indicators li, #myCarousel1 .carousel-indicators li {
    background-color: #ccc;
}

#myCarousel2 .carousel-indicators .active, #myCarousel1 .carousel-indicators .active{
    background-color: #4655a1;
}


.six h3{
    
    background: #2c6867f0;
    padding: 15px 0;
    border-radius: 17px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 35px;    
    margin-top: 0;
}
.six form{
        background: #2c6867f0;
    padding: 30px 40px;
    border-radius: 15px;

}
.six .col-md-6{padding: 50px 15px;}

.submit{
    background: #bba278;
    font-size: 25px;
    border: none;
    color: white;
    letter-spacing: 0.3px;
    margin: 0px;
    padding: 7px;
    width: 300px;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 10px;
}
.seven h3{
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    margin: 30px 0;
    text-align: center;
    font-size: 30px;
}
.eight{color: #000;padding: 0;}
.eight img{
    width: 48px;
    margin-right: 18px;
        float: left;

}
.eight p{
    font-size: 18px;
    line-height: 27px;
    margin: 30px 0 0;

}
.eight h4 {
    font-size: 25px;
    line-height: 40px;
    font-weight: bold;
    margin: 20px 0 20px;
}
.eight table{
    width: 380px;
    font-size: 18px;
    color: #000;
    margin-left: 70px;

}

.eight p a{
        font-size: 25px;
    line-height: 47px;
    color: #000;
    font-weight: bold;
    text-decoration: none;
   
}

.eight p a:hover{
    color: #f09800;
}
.nine{
    background: #22635e;
    padding: 20px 0;
}
.nine p{
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin: 0;
}
.success{
    background: #22635e;
    color: #fff;
}
.success p{
        text-align: center;
    padding: 0;
    margin: 19px 0;
    font-size: 20px;
}
.tab, .mobile{display: none;}
.desktop{display: block;}

@media(max-width:1200px){
    .phone a { font-size: 23px;}  
    .three .col-md-6 {padding: 0 ;}  
    .one h3 {font-size: 20px;}
	.three p{line-height:25px;}
}

@media(max-width:991px){
   .logo img {max-width: 315px;}
   .one{text-align: center; padding: 15px 0;} 
   .address img, .phone img{margin-top: -5px;}
   .phone a {font-size: 22px;margin-top: 0}
   .desktop{display: none;}
   .tab{display: block;}   
   .eight table {margin-bottom: 25px;}
   .three h3{text-align: center;}
   .promo-heading {font-size: 40px;color: #4655a1;line-height: 40px;margin: 30px  0px;}
   .three img {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
    display: block;
    }
    .two {
    background-size: unset;
    background-position: top left;
    }
}

@media(max-width:767px){
    .mobile{display: block;}
    .desktop{display: none;}
    .two{background: #f6f8fa;padding: 0;}
    .banner, .eight .col-md-7{padding: 0;}
    .promo-heading{width: 93%;}
    .g-recaptcha {
    transform: scale(0.70);
    -webkit-transform: scale(0.70);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    }
    .three img { max-width: 390px;}
    .three .col-md-5{text-align: center;}
    .submit{width: 100%;}
    .eight p {font-size: 20px;  line-height: 22px;}
    .six h3{font-size: 25px;}
    .eight table{width: 80%;}
    .four .testi-box{min-height: auto; padding: 30px 30px 45px;}
    .four h4 { bottom: 10px; }
    .two p { margin: 20px 12px; }
    img.img-responsive {
    margin: 0 auto;
    }
	.two a {}
}
@media(max-width:550px)
{
	.two a{width:300px;font-size:18px;}
    .td1 img, .td2 img {width: 150px;}
}


.mobile_sec .sms { background: #ebebeb; padding: 10px;    }
.mobile_sec .sms p {margin-bottom: 0px; font-size: 22px; font-family: ''; font-weight: bold;}
.mobile_sec .sms p a {color: #4668fa; }
.main-logo img {height: 100px;}