/* Landing page css */


/*p, body{
	font-family: 	"Gotham A", "Gotham B";;
}*/
@font-face {
    font-family: Gotham-Thin;
    src: url(Gotham-Font/Gotham-Thin.otf);
}
@font-face {
    font-family: Gotham-Light;
    src: url(Gotham-Font/Gotham-Light.otf);
}

header{
	padding:15px 0;
}
body, h1, h2, h3, h4, h5, h6{
    font-family: 'Gotham-Light';
}
p{font-size: 18px; color: #464646; font-family: 'Gotham-Light';}
.contact-ph a{font-size: 20px; color: #464646;}
.contact-ph i{
	    font-size: 22px;
    margin-right: 8px;
}
.blu-bor{
    border:1px solid #325dba;
}
.contact-ph .blu-bor{
    float: right;
    padding: 5px;
}
.contact-ph img{width:30px;}
.black-bg{
	background-color: #464646;
}
.above-banner h1{
	font-size: 25px;
    color: #fff200;
    text-align: center;
    width: 100%;
    margin:0;
}
.white-font{color:#fff;}
section{padding: 30px 0; clear: both;}
.banner-text{padding: 90px 0;}
.banner-text h1{font-size: 26px;
    color: #fff;
    margin-bottom: 20px;
}
.banner-text h2{
    margin-bottom: 20px;
    color: #fff;
    font-size: 30px;
}
/*.main_content button{
	background-color: #f7941d;
	padding: 15px 30px;
	color: #fff;
	font-size: 20px;
	border:0;
}*/
.blue-btn{
    background-color: #0000ff;
    padding: 10px 30px;
    color: #fff;
    font-size: 20px;
      border: 2px solid #fff;
    border-radius: 50px;
}
.main_content h2{
	color: #3962bb;
}
.blu-divider{
	    border-bottom: 1px solid #3962bb;
    width: 13%;
    padding-bottom: 10px;
    text-align: center;
    margin: 0 auto;
}
.grey-bg{
	background-color: #f5f5f5;
}
footer span{color: #fff;}
.banner-sec{position: relative;}
.landing-page-form{
	    width: 60%;
    text-align: center;
    margin: 0 auto;
}
section.above-banner {padding: 15px 0;}
.banner-sec{
	background-image: url('images/banner.png');
	/*height: 500px;*/
    background-size: cover;
    background-color: #0036aa;
}
.landing-page-form form{
	width: 97%;
    margin: 0 auto;
    padding: 25px;
}
.landing-page-form form input, .landing-page-form form textarea{
	width: 100%;
    margin-bottom: 20px;
    margin-bottom: 25px;
    padding: 15px;
    border: 1px solid #0036aa;
}
.landing-page-form form textarea{height: 100px;}
.landing-page-form form input.submit-button{
    cursor: pointer;
	margin: 0;
    background-color: #0036aa;
    border: 5px solid #fff;
    font-size: 22px;
    color: #fff;
    border-radius: 50px;
    width: auto;
    padding: 10px 60px;
    outline:none;
    box-shadow: 0 2px 10px 0px #7e7a7a;
}
input:focus{outline:none;}
.testi-carousel{
    width: 80%;
    margin:0 auto;
    webkit-box-shadow: 5px 5px 15px 5px rgba(3,66,104,0.12);
    box-shadow: 5px 5px 15px 5px rgba(3,66,104,0.12);
    margin-top: 0;
    position: relative;
    top: -40px;
    background-color: #fff;
    z-index: 1000;
    text-align: center;
    padding: 30px;
}
}
.testi-carousel .owl-prev i, .testi-carousel .owl-next i {
    font-size: 22px;
}
.testi-carousel .owl-prev, .testi-carousel .owl-next {
    position: absolute;
    top: 40%;
}
.testi-carousel .owl-next{right:15px;}
.desig{
    font-size: 22px;
    font-weight: 600;
}
.landing-page-form .success{display: none;}
button{cursor: pointer; outline: none;}
button:focus{outline:none;}
.pos-rel{position: relative;}
form label.error{
    position: absolute;
    color: #f44336;
    left: 0;
    bottom: -4px;
    font-size: 12px;
}
form .success{
    text-align: center;
    color: #4CAF50;
    margin-top: 10px;
}
.name{font-weight: bold;}
.dentist img{width: 100%;}
.dentist-name{
    background-color: #ebebeb;
    padding: 10px;
}
.dentist-name > p:first-child{margin-bottom: 5px;
color: #000;
    font-weight: bold;
    }
.dentsit-desig{margin-bottom: 0;}
.dentist-wrap{border-radius: 5px;
}
.dentist-wrap img{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.dentist-wrap dentist-name{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.blue-bg{
    background-color: #0036aa;
}
.blue-font{color:#0036aa;}
@media only screen and (max-width:576px){
header .col-lg-6{text-align: center !important;}
header img{margin-bottom: 10px;}
.landing-page-form{right: 15px;
    left: 15px;
    width: 88%;
    margin: 0 auto;}
.dentist-wrap{margin-bottom: 30px;}
.dentist-wrap.last-child{margin-bottom: 0;}
.logo{
    width: 150px !important;
    height: auto !important;
}
.contact-ph img {
    width: 25px;
}
.contact-ph .blu-bor {
     float: none; 
    padding: 5px;
    border: 0;
}
.contact-ph a {
    font-size: 16px;}

.banner-text {
    padding: 40px 0px;
}
.banner-text h2 {font-size: 22px;}
.teeth-sec{
        text-align: center;
    margin-top: 20px;

}
p{font-size: 16px;}
.banner-text h1 {
    font-size: 22px;}
    .about-sec{margin-top:20px;}
footer span{font-size: 12px;}
.desc{margin-bottom: 0;}

}


/** tablet **/
@media only screen and (min-width: 480px) and (max-width: 767px) {
header .col-lg-6{text-align: center !important;}
header img{margin-bottom: 10px;}
.landing-page-form{right: 15px;
    left: 15px;
    width: 88%;
    margin: 0 auto;}
.dentist-wrap{margin-bottom: 30px;}
.dentist-wrap.last-child{margin-bottom: 0;}
.logo{
    width: 150px !important;
    height: auto !important;
}
.contact-ph img {
    width: 25px;
}
.contact-ph .blu-bor {
     float: none; 
    padding: 5px;
    border: 0;
}
.contact-ph a {
    font-size: 16px;}

.banner-text {
    padding: 40px 0px;
}
.banner-text h2 {font-size: 22px;}
.teeth-sec{
        text-align: center;
    margin-top: 20px;

}
p{font-size: 16px;}
.banner-text h1 {
    font-size: 22px;}
    .about-sec{margin-top:20px;}
footer span{font-size: 12px;}
.desc{margin-bottom: 0;}


    
}