html {
    width: 100%;
    overflow-x: hidden !important;
}

body {
    margin: 0;
    padding: 0 !important;
    font-family: 'Open Sans', sans-serif;
    color: #1D1D1D;
    background-color: #dfeef0;
    font-weight: 400;
    overflow-x: hidden !important;
    font-size: 14px;
    line-height: 24px;
}

::selection {
    background: #DCA44B;
    color: #ffffff;
    -webkit-text-stroke-color: #ffffff;
}

::-moz-selection {
    background: #DCA44B;
    color: #ffffff;
}

.row {
    margin: 0;
}

.no-margin {
    margin: 0 !important;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: transparent;
    border-color: #DCA44B;
}

.nopadding {
    padding: 0px !important;
}

.nopadding-left {
    padding-left: 0px !important;
}

header,
.sticky-element {
    height: 96px;
}

.navbar-brand,
.navbar-brand:hover,
.navbar-brand:focus {
    padding: 12px;
    display: table;
}

ul.navbar-nav {
    height: 96px;
    padding: 12px;
    float: right;
}

.fixed ul.navbar-nav {
    height: 72px;
}

ul.navbar-nav li a {
    color: #1D1D1D;
    background-color: transparent;
}

ul.navbar-nav li a span {
    letter-spacing: 0.05em;
}

.navbar-brand img {
    height: 72px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5 ease 0s;
    -ms-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: auto;
}

.fixed .navbar-brand img {
    height: 48px;
    width: auto;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

ul.navbar-nav li a:focus {
    color: #1D1D1D;
    border-bottom: #1D1D1D;
    background-color: transparent;
}

ul.navbar-nav li a:hover,
ul.navbar-nav li.active a {
    color: #DCA44B;
    background-color: transparent;
}

.sticky-element {
    width: 100%;
    z-index: 1;
    background-color: transparent;
    height: 96px;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}

.sticky-element.components-page {
    background-color: #F1F1F1;
}

.fixed {
    position: fixed;
    top: 0;
    right: 0;
    background-color: #F1F1F1;
    height: 72px;
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, .15);
}

.navbar {
    position: relative;
    min-height: 48px;
    margin-bottom: 0;
    border: 0;
}

.navbar-brand,
.navbar-brand:hover,
.navbar-brand:focus {
    float: left;
    display: table;
    padding: 12px 15px;
    font-size: 24px;
    line-height: 24px;
}


/*/////////End Navigation//////////////////////////////////////*/

.first-slider-heading {
    position: absolute;
    top: 40%;
    bottom: 20px;
    left: 10%;
    z-index: 10;
}

.first-slider-heading .first-slider-make-heading {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
    letter-spacing: 3px;
}

.first-slider-subheading {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
    letter-spacing: 3px;
}

.second-slider-heading {
    font-size: 40px;
    font-weight: 700;
    color: rgb(249, 247, 247);
    line-height: 1.5;
    /*letter-spacing: 3px;*/
}

.second-slider-subheading {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
    letter-spacing: 3px;
}

.third-slider-text {
    position: absolute;
    top: 40%;
    bottom: 20px;
    right: 11%;
    text-align: right;
}

.third-slider-text .third-slider-heading {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    line-height: 1.5;
    letter-spacing: 3px;
}

.third-slider-subheading {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
    letter-spacing: 3px;
}


.Power-to-design {
    background-color: #f9f9f9;
    margin-top: 1%;
}








/*////////Coloud start here/////////////*/

#get-in-touch {
    background-color: #0076a9;
}

.get-in-touch-heading {
    line-height: 2;
    font-size: 35px;
    font-weight: 400;
    text-align: center;
    color: #ffffff;
}

#top-wrapper {
    /*  background-color: #40B6C6;*/
    background-color: #dfeef0;
    padding: 1% 0;
}

.tooth-protech-bg {
    padding: 20px 0;
}

.Teeth-protech-bg {
    padding: 20px 0;
}

.cosmetic-protech-bg {
    padding: 20px 0;
}

.tooth-protection {
    font-size: 26px;
    font-weight: 300;
    line-height: 1.5;
    color: #0c354a;
}

.tooth-protection-subheading {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    text-align: ;
    color: #0c354a;
}

#v-cut-image {
    margin-top: -2%;
    position: absolute;
}

.welcome-heading {
    margin-top: 45px;
    font-size: 35px;
    font-weight: 400;
    line-height: 1.1;
    color: #0c354a;
}

.welcome-subheading {
    font-size: 16px;
    font-weight: 600;
}

.welcome-sub-subheading {
    line-height: 1.5;
    text-align: justify;

    color: #0c354a;
}

.welcome-sub-subheading-first {
    line-height: 1.5;
    text-align: justify;
    margin-top: 30px;
    color: #0c354a;
}

.modern-dental-heading {
    font-size: 20px;
    line-height: 2;
    color: #0c354a;
    padding: 15px 0;
    font-weight: 600;
}

.welcome-image img {
    margin-top: 10%;
}

#middle-wrapper {
    margin-bottom: 2%;
}

#environment {
    color: #ffffff;
    background-color: #13455E;
    padding: 0 0 3% 0;
}

.environment-heading {
    margin-top: 45px;
    font-size: 35px;
    font-weight: 400;
    line-height: 1.1;
    text-align: center;
}

.secondary_section,
.main .secondary_section {
    background-color: #13455e;
    border-color: #13455e;
    color: #ffffff;
}

.welcome-subheading-teethcare {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 3%;
    text-align: center;
}

.modern-equipment-heading {
    font-size: 20px;
    font-weight: 300;
    padding-bottom: 3%;
}

.modern-equipment-subheading {
    font-size: 15px;
    font-weight: 300;
    text-align: justify;
    line-height: 1.5;
}

img.image-wrapper-dental {
    width: 100%;
}

#patients {
    background-image: url('../img/bg/patients.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding: 8% 0;
    margin-top: 3%;
    min-height: 300px;
}

.patient-heading {
    font-size: 35px;
    line-height: 2;
    text-align: center;
    padding: 0 0 2% 0;
    color: #ffffff;
}

.patient-subheading {
    color: #ffffff;
    font-size: 20px;
    font-weight: 300;
    text-align: center;
    line-height: 1.5;
}

#why-choose-us {
    /* background: url('../img/bg/ppt-dental.png');
background-size: cover;
background-position: center;*/
    padding: 3% 0;
}

.why-choose-us-heading {
    font-size: 30px;
    text-align: center;
    font-weight: 400;
    line-height: 2;
}

.why-choose-us-subheading {
    font-size: 16px;
    text-align: center;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 3%;
}

.modern-clinic-heading {
    font-size: 17px;
    font-weight: 300;
    line-height: 1.5;
}

.modern-clinic-subheading {
    font-size: 15px;
    text-align: justify;
}

.why-choose-us-top {
    margin-top: 2%;
}







/*/////////////////#top-wrapper-md ///////*/

#conact-us {
    padding: 3% 0;
}

.get-in-touch-contact {
    font-size: 25px;
    font-weight: 700;
    line-height: 2;
    color: #0c354a;
}

.get-in-touch-subheading {
    font-size: 15px;
    text-align: justify;
    font-weight: 300;
    margin-bottom: 3%;
    color: #0c354a;
}

.map-maker {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 300;
    color: #0c354a;
    margin-bottom: 2%;
}

.address-phone {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 300;
    color: #0c354a;
    margin-bottom: 2%;
}

.address-envelope {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 300;
    color: #0c354a;
    padding-bottom: 5%;
}

img.teeht-image {
    margin-top: 2%;
}

::-webkit-input-placeholder {
    /* Chrome */
    color: #0c354a !important;
    font-size: 15px;
    font-weight: 700;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #0c354a !important;
    font-size: 15px;
    font-weight: 700;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #0c354a !important;
    font-size: 15px;
    font-weight: 700;
}

:-moz-placeholder {
    /* Firefox 4 - 18 */
    color: #0c354a !important;
    font-size: 15px;
    font-weight: 700;
}

/*/////////////*/
input[type=date]{
    color: #0c354a !important;
    font-size: 15px;
    font-weight: 700;
}
#contact-form-input{
    color: #0c354a !important;
    font-size: 15px;
    font-weight: 700;
}

/*///////////////////start contact us/////////////*/

#footer {
    background: #13455e;
    padding: 2% 0;
}

.logo-footer {
    font-weight: 700;
    font-size: 30px;
    color: #ffffff;
}

.logo-footer-subheading {
    font-weight: 300;
    font-size: 15px;
    color: #ffffff;
    padding: 2% 0;
    text-align: justify;
    line-height: 1.5;
}

.copywrite {
    background: #222d3f;
    padding: 2% 0;
    color: #ffffff;
    font-size: 15px;
    text-align: center;
    clear: both;
}

.copywrite-heading {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.73);
}

.foter-image {
    padding-bottom: 10px;
}

.quick-connect {
    font-weight: 700;
    font-size: 25px;
    color: #ffffff;
}

.quick-portfolio {
    font-weight: 700;
    font-size: 25px;
    color: #ffffff;
    padding: 0 0 2% 0;
}

.quick-connect ul li {
    padding: 10px 0;
}

.list-unstyled-footer li a {
    font-size: 15px;
    font-weight: 300;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}

.social-media {
    margin-top: 9%;
}

.social-media .Facebook {
    font-size: 20px;
    color: #F1F1F1;
    background-color: #03a9f4;
    padding: 10px 15px;
}

.social-media .twitter {
    font-size: 20px;
    color: #F1F1F1;
    background-color: #0084b4;
    padding: 10px;
}

.social-media .google {
    font-size: 20px;
    color: #F1F1F1;

    padding: 10px;
    background-color: #dd4b39;
}

.footer-address {
    font-size: 15px;
    color: #ffffff;
    font-weight: 300;
    padding-bottom: 3%;
}

#footer-mobile {
    padding-left: 10px;
}

#footer-email {
    padding-left: 8px;
}

#footer-address-two {
    padding-left: 10px;
}

.gurgaon-city {
    padding-left: 20px;
}

.social-media .linkedin {
    font-size: 20px;
    color: #F1F1F1;
    background-color: #007bb6;
    padding: 10px;
}

.social-media .skype {
    font-size: 20px;
    color: #F1F1F1;
    background-color: #03a9f4;
    padding: 10px;
}

.social-media .instagram {

    font-size: 20px;
    color: #F1F1F1;
    padding: 10px;
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888', GradientType=1);
}

.social-media .Facebook:hover,
.twitter:hover,
.google:hover,
.linkedin:hover,
.skype:hover,
.instagram:hover {
    background-color: rgba(3, 169, 244, 0.77);
}

.social-media .instagram:hover {
    background-color: #007bb6;
}

img.footer-chair-image {
    margin-bottom: 15px;
}

#modern-dental-border {
    border: 1px solid black;
    width: 100px;
}





/*///////////////////////footer//////////////////*/


/*////////////////start About us///////////////////*/

.about-us img {
    width: 100%;
}

#aboutus-us {
    background-color: #13455e;
    padding: 5% 0 2% 0;
}

.aboutus-img img {
    margin-bottom: 3%;
}

.aboutus-heading {
    font-size: 30px;
    color: rgba(255, 255, 255, 0.88);
    font-weight: 700;
    line-height: 2;
}

.aboutus-subheading p {
    font-size: 15px;
    color: white;
    line-height: 1.5;
    text-align: justify;
    font-weight: 300;
}

#aboutus-heading-wrapper {
    background: url('../img/about-us.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 300px;
    background-position: center;
}

img.footer-wrapper-image {
    width: 100%;
}

.aboutus-heading-wrapper {
    position: absolute;
    top: 50%;
    font-size: 40px;
    text-align: center;
    font-weight: 700;
    color: rgba(255, 253, 253, 0.76);
    margin-top: 10%;
    padding: 1%;
    background: rgba(19, 18, 18, 0.44);
}

#service {
    background: url('../img/service/service-main-banner-img.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    min-height: 300px;
    background-position: center;
}

#portfolio {
    background: url('../img/portfolio-banner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    min-height: 300px;
    background-position: center;
}


/*////////////////end About us///////////////////*/

.service-heading-main {
    font-size: 40px;
    font-weight: 700;
    color: #fff;
    background: rgba(19, 18, 18, 0.44);
    margin-top: 10%;
    width: 21%;
    padding: 1% 0;
    text-align: center;
}


#service-wrapper {
    background-color: #13455e;
    padding: 4% 0 2% 0;
}

.teeth-cleaning-heading {
    font-size: 20px;
    text-align: center;
    padding: 4% 0;
    color: #fff;
    font-weight: 700;
}

.teeth-cleaning-subheading {
    font-size: 16px;
    color: #fff;
    line-height: 1.5;
    table-layout: inherit;
    text-align: justify;
    font-weight: 300;
}

.service-image-radious img {

    border-radius: 34% 0;
}

.service-image-radious1 img {
    border-radius: 0 34%;
}

.service-image-radious2 img {

    border-radius: 34% 0;
}

.service-pad {
    margin-top: 3%;
}




/*///////////////service///////////////////////////*/

.caption-style-4 {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.caption-style-4 li {
    float: left;
    padding: 0px;
    position: relative;
    overflow: hidden;
}

.caption-style-4 li:hover .caption {
    opacity: 1;
}

.caption-style-4 li:hover img {
    opacity: 1;
    transform: scale(1.15, 1.15);
    -webkit-transform: scale(1.15, 1.15);
    -moz-transform: scale(1.15, 1.15);
    -ms-transform: scale(1.15, 1.15);
    -o-transform: scale(1.15, 1.15);
}


.caption-style-4 img {
    margin: 0px;
    padding: 0px;
    float: left;
    z-index: 4;
}


.caption-style-4 .caption {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all 0.45s ease-in-out;
    -o-transition: all 0.45s ease-in-out;
    -ms-transition: all 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
}

.caption-style-4 img {
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.caption-style-4 .blur {
    background-color: rgba(0, 0, 0, 0.65);
    /* height: 300px;
width: 400px;
z-index: 5;
position: absolute;*/
}

.caption-style-4 .caption-text h1 {
    text-transform: uppercase;
    font-size: 24px;
}

.caption-style-4 .caption-text {
    background: rgba(19, 69, 94, 0.48);
    z-index: 10;
    color: #f9f8f8;
    position: absolute;
    width: 400px;
    height: 300px;
    text-align: center;
    top: 100px;
}





/** Nav Menu */

ul.nav-menu {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    width: 510px;
    margin: 60px auto;
}

ul.nav-menu li {
    display: inline;
    margin-right: 10px;
    padding: 10px;
    border: 1px solid #ddd;
}

ul.nav-menu li a {
    color: #eee;
    text-decoration: none;
    text-transform: uppercase;
}

ul.nav-menu li a:hover,
ul.nav-menu li a.active {
    color: #2c3e50;
}




/** content **/

.content {
    margin-top: 100px;
    margin-left: 100px;
    width: 700px;
}

.content h1,
.content h2 {
    color: black;
    padding: 0px;
    margin: 0px;
    font-weight: normal;
}

.content h1 {
    font-weight: 900;
    font-size: 64px;
}

.content h2 {
    font-size: 26px;
}

.content p {
    color: black;
    font-family: "Lato";
    line-height: 28px;
    font-size: 15px;
    padding-top: 50px;
}

p.credit {
    padding-top: 20px;
    font-size: 12px;
}




/** fork icon**/

.fork {
    position: absolute;
    top: 0px;
    left: 0px;
}

.portfolio-margin-top {
    margin-top: 2%;
}



/*career*/

#career {
    background: url(../img/bg/career.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    min-height: 333px;
    background-position: bottom;
}

#careers {
    padding: 3% 0;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, .15);
}

.career-heading {
    position: absolute;
    top: 50%;
    font-size: 40px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    margin-top: 13%;
}

.apply-career {
    font-weight: 700;
    font-size: 35px;
    padding: 1% 0 3% 0;
    color: #0c354a;
    text-align: center;
}

.list-dental-service {
    font-weight: 700;
    font-size: 30px;
    padding: 1% 0 3% 0;
    color: #fff;
    text-align: center;
}
.appointment-heading-wrapper{
    position: absolute;
    top: 50%;
    font-size: 40px;
    text-align: center;
    font-weight: 700;
    color: rgba(255, 253, 253, 0.76);
    margin-top: 10%;
    padding: 1%;
}
.appointment-us-form{

}
.requestAppointment-heading{
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    padding: 2% 0;
    text-align: center;
}
#appointment-main{
    background-color: #13455e;
    padding: 1% 0 2% 0;
}

/*uploaded change here*/
.main-heder-phone{
       font-weight: bold;
    color: #0c354a;
    font-family: helvetica;
    font-size: 18px;
    padding: 1% 2.8% 0 0;
}
.float-phone-heder-phone{
        font-weight: bold;
    color: red;
    font-family: helvetica;
    font-size: 18px;
    padding: 1% 2.8% 0 0;
}
.float-phone-heder-phone{
    font-size: 25px;
    text-align: left;
    color: white;
    position: absolute;
   margin-top: -124%;
}

/*blinking*/
blink {
    -webkit-animation: 2s linear infinite condemned_blink_effect; // for android
    animation: 2s linear infinite condemned_blink_effect;
}
@-webkit-keyframes condemned_blink_effect { // for android
    0% {
        visibility: hidden;
    }
    50% {
        visibility: hidden;
    }
    100% {
        visibility: visible;
    }
}
@keyframes condemned_blink_effect {
    0% {
        visibility: hidden;
    }
    50% {
        visibility: hidden;
    }
    100% {
        visibility: visible;
    }
}
/*end blinking*/
.coursor-carousel-inner{
        min-height: 166px;
}