@font-face {
    font-family: 'Gotham';
    src:url('../fonts/gotham-light.woff2') format('woff2'), url('../fonts/gotham-light.ttf') format('truetype');
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'Gotham-Bold';
    src:url('../fonts/gotham-medium.woff2') format('woff2'), url('../fonts/gotham-medium.ttf') format('truetype');
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
/*body{font-family: 'Gotham'; color:#3d5979; background: #fafafa}*/
p{text-align: justify;}
p>span{font-weight: bolder; color:#333;}
.font-orange{color:#f37a56;}
.font-blue{color:#3297e9;}
.font-black{color:#000;}
.font-white{color:#fff;}
.font-purple{color:#95a4bb;}
.font-italic{font-style: italic;}
.btn-blue{background: #3c7996; color:#fff; border-radius: 0px;}
.btn-blue:hover, .btn-blue:focus, .btn-blue:active{color:#fff;}
.btn-blue:hover{color:#fff; background: #a1bdc9;}
.btn-transparent{background: transparent; color:#fff; border-color: #fff; border-radius: 0px;}
.btn-transparent:hover, .btn-transparent:active, .btn-transparent:focus{color:#333; background: #fff; border-color: #fff;}
.img-center{margin: 0 auto;}

/*BLOCK-TOP*/
.block-header-top{padding-bottom: 10px; padding-top: 20px;}
.block-location-top h2{font-size: 20px; margin-bottom: 0px; margin-top: 0px;}
.block-location-top a{font-size: 20px; margin-top: 0px; color:#3d4751;}


/*BANNER*/

.wrapper-content-banner a.link{color:#f37a56; text-decoration: underline;}


.block-doctor{padding-top: 30px; padding-bottom: 30px; }
.block-doctor h2{margin-bottom: 20px; font-weight: 900;}
.block-doctor p>img{padding-left: 10px;}

.block-content{padding-top: 50px; padding-bottom: 50px; background: #ededed url('../images/background-content.png') top left repeat;}

/*BLOCK SERVICES*/
.no-col{padding-left: 0px; padding-right: 0px;}
.wrapper-service-box{margin-top: 0px;}
.wrapper-service-box:hover .wrapper-service-title{background:rgba(0,0,0,0.8); }
.wrapper-service-box:hover h3{color:#fff;}
.wraper-img{ box-sizing: border-box; overflow: hidden;}
.wrapper-service-box .wraper-img:hover img{transform: scale(1.2);-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.wrapper-service-box img{width: 100%; position: relative; border:3px solid #fff;}
.wrapper-service-box h3{text-align: center; font-size: 18px; color:#333; font-family: 'Gotham-Bold', sans-serif;}
.wrapper-service-title{position: absolute; bottom: 0px; background: rgba(255,255,255,0.6); width: 100%;}
.wrapper-list-services{margin-top: 20px;}



.block-info{background: #d5f5f1; padding-top: 30px; padding-bottom: 30px; margin-top: 20px;}


.block-implants .content{padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px;}
.wrapper-implants-img img{width: 100%;}
.wrapper-social-media-top, .btn-black{display: inline-block;}

/*.wrapper-reason{display: block; text-align: center; width: 75%; margin: 0 auto; margin-bottom: 20px;  background:rgba(42,65,86,0.5); border:1px solid #2e4559;}
.wrapper-front h3{color:#fff;}
.wrapper-front{ cursor: pointer; background:rgba(42,65,86,0.5); height: 280px; padding: 20px; display: block;}
.wrapper-circle-icon{background: #008686;display: block; margin: 0 auto; border-radius: 50%; padding: 20px; color:#fff; width: 100px; height: 100px; margin-top: 20px;}
.wrapper-circle-icon .fa{font-size: 50px;}
.wrapper-back{display: none; background: rgba(0,127,127,0.5); padding:20px; height: 280px;  }
.wrapper-back h3{color:#fff;}
.wrapper-reason:hover .wrapper-front{opacity:0; z-index: -1; transition: opacity .3s ease;}
.wrapper-reason:hover .wrapper-back{display:block; z-index: 1000; margin-top: -280px;  -webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);transform: rotateY(180deg);}
.wrapper-back .wrapper-circle-icon{background:#2e4559; margin-bottom: 20px; }
.wrapper-reason:hover .wrapper-flipper{ -webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);transform: rotateY(180deg);filter: FlipH;-ms-filter: "FlipH";}
.wrapper-flipper{ -webkit-transition: 0.6s;-webkit-transform-style: preserve-3d;-moz-transition: 0.6s;-moz-transform-style: preserve-3d;transition: 0.6s;transform-style: preserve-3d;}*/

.block-testimonials{padding-top:20px; padding-bottom:40px; background: url("../images/banner-dentist.jpg") center; min-height: 450px; background-size: cover; background-attachment: fixed;}
.block-testimonials h2{padding-bottom: 10px; text-shadow:2px 2px 5px #333;}

.box-shadow{box-shadow: inset 0 20px 20px -20px rgba(161,189,201,0.5); /*box-shadow: 10px 10px 5px #888888;*/ display: block; height: 30px; padding-bottom: 50px; width: 80%; margin: 0 auto;}



.block-sidebar{background: #fafafa; width: 100%; padding-bottom: 20px; padding-top: 10px;}
.block-sidebar h3{background:#bfd3dc;font-size: 18px;color: #273740; padding: 10px; width:inherit; font-family: 'Gotham-Bold',sans-serif;}
.link-appointment{color:#273740;}
.menu-sidebar>li{display:block;}
.menu-sidebar>li>a{color:#f37a56;}
.menu-sidebar>li.active>a{color:#273740; font-style: italic;}

.block-content-inner h1{text-shadow:2px 2px 5px #fff;}
.block-content-inner{padding-bottom: 40px;}
.block-content-inner h2{font-size: 20px;}


.box-benefit-procedure{border:1px solid #ddd; padding-top: 0px; background: #e2e7e9; margin-bottom: 10px;}
.box-benefit-procedure h3{color:#f37a56; background:#bfd3dc; padding: 10px;}
.box-benefit-procedure p{padding: 10px;}
.img-border{border:10px solid #fff; margin-bottom: 10px;}

/*MODAL*/
.wrapper-form-modal input.form-control, .wrapper-form-modal select.form-control, .wrapper-form-modal textarea.form-control{margin-bottom: 10px;}
#modal-appointment .modal-content {background:rgb(255, 143, 7, 1);}
#modal-appointment label, #modal-appointment p, #modal-appointment h4, #modal-appointment span{color:#fff;}
.wrapper-contact input.form-control{margin-bottom: 10px;}


.background-inner{background: url("../images/banner-dentist.jpg")center; min-height: 500px; background-size:cover;}



/*NEW TEMPLATE*/
body{color:#333; font-family: 'Gotham', sans-serif; background: #fafafa}
.btn-black{background: #000; color:#fff; border-color: #333; border-radius: 0px; font-size: 18px;}
.btn-black:hover,.btn-black:active, .btn-black:focus{color:#fff;}

.background-home{/*background: url("../images/background-wall.jpg"); min-height:700px; height: 100%; width: 100%; background-size: cover;*/}
.background-one{background: url("../images/banner-dentist-home.jpg")no-repeat center center fixed; background-size: cover; min-height: 750px; height: 100%;}
.background-two{background: url("../images/background-doctor.jpg")no-repeat center center fixed; background-size: cover; min-height: 750px; height: 100%;}

#carousel-banner .carousel-inner img{/*max-width: 100%; height: 100%;*/ /*height: 100%;*/ }
#carousel-banner .carousel-caption{text-shadow:none; width: 40%; left: 50%; right: 0%; text-align: left; bottom: 50px;}
#carousel-banner .carousel .item {position: fixed; height: 100%; width: 100%;}

/* header{position: fixed; width: 100%; background: transparent; z-index: 100;} */
.navbar-default{background: transparent; border-color:transparent;}
.navbar-default .navbar-nav>li>a{color:#000;}
.navbar-nav>li{border-right:1px solid rgba(0, 0, 0, 0.05); }
.nav>li>a{padding: 10px 10px;}

.menu-social-media{margin-bottom: 0px;}
.menu-social-media>li{display: inline-block;}
.menu-social-media>li>a{color:#000;padding: 10px; margin-bottom: 0px; font-size: 20px;}
.menu-social-media>li>a:hover{color:#DF976E;}
.block-phone,.menu-social-media{display: inline-block;}
.block-phone a{color:#000;}


.navbar-brand{padding-top:0px; padding-left: 0px;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{background: transparent; color:#DA6F28;}
.dropdown-menu{background: #fff; color:#000;}
.dropdown-menu>li>a{color:#000;}
.dropdown-menu>li{border-bottom:1px solid rgba(0, 0, 0, 0.05);}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background:rgba(0,0,0,.06); color:#000;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{color:#000; background: transparent;}



.wrapper-content-banner{line-height:30px; color:#000;}
.wrapper-content-banner h1{font-size: 30px; font-weight: 900;}
.wrapper-service-title{height: 100px; }
.wrapper-service-box h3{font-size: 28px; color:#000; font-family: 'Gotham',sans-serif;}


.block-services{margin-top: 0px;}
.list-services-dentist{padding-left: 0px;}
.list-services-dentist>li{list-style: none;}
.list-services-dentist>li:before{content:"\f111"; font-size: 8px; color:#337ab7; font-family: "FontAwesome"; padding-right: 5px; font-weight: lighter;}
.block-content-inner h1{color:#DF976E;}

.block-office{background: #000; padding-top: 60px; padding-bottom: 60px; color:#fff; /* background: url("../images/background-black.jpg");*/ background-size: cover;}
.img-border-office{border:16px solid #fff;}
.wrapper-office-location-info, .wrapper-office-location-info p{text-align: center;}

/*footer{background: #c9c9c9; color:#000; padding-top: 40px;} */
.menu-footer>li>a{color:#000;}
.menu-footer{padding-left: 10px;}
.menu-footer>li{list-style: none;}
footer h3{border-bottom:1px solid #fff; color:#000; padding-bottom: 5px; font-size: 20px;}
.block-copyright{background: #3b3b3b;color:#fff; padding: 10px; margin-top: 20px;}
.dentist-locations>a{color:#fff;}
#modal-appointment label.error{color:red; display: block;}
.error{color:red; display: block;}
/*@media (max-width: 1100px){
    .navbar-header {float: none;}
    .navbar-toggle{display: block;}
    .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
    .navbar-collapse.collapse {display: none!important;}
    .navbar-nav {float: none!important;margin: 7.5px -15px;}
    .navbar-nav>li {float: none;}
    .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
    .navbar-text {float: none;margin: 15px 0;}
    .navbar-collapse.collapse.in { display: block!important; }
    .collapsing {overflow: hidden!important;}
    .navbar .navbar-collapse {text-align: left;}
    .navbar-nav>li{border:0px;}
    .navbar .navbar-nav{display: block;}
    .navbar-right .dropdown-menu{left: 0;}
    .navbar-default .navbar-toggle .icon-bar{background-color: #f37a56;}
    .navbar-default .navbar-toggle{border-color:#f37a56;}
}*/

@media (max-width: 1100px){
    .nav>li>a{font-size: 13px;}
}

@media (max-width: 991px) {
   
    .block-location-top{margin: 0 auto; text-align: center;}
    .navbar-header {float: none;}
    .navbar-toggle{display: block;}
    .navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
    .navbar-collapse.collapse {display: none!important;}
    .navbar-nav {float: none!important;margin: 7.5px -15px;}
    .navbar-nav>li {float: none;}
    .navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
    .navbar-text {float: none;margin: 15px 0;}
    .navbar-collapse.collapse.in { display: block!important;}
    .collapsing {overflow: hidden!important;}
    .navbar .navbar-collapse {text-align: left;}
    .navbar-nav>li{border:0px;}
    .navbar .navbar-nav{display: block;}
    .navbar-right .dropdown-menu{left: 0;}




    .navbar-default .navbar-toggle .icon-bar{background-color: #f37a56;}
    /*.navbar-brand{margin-top: -30px;}*/
    .wrapper-social-media-top{margin: 0 auto; text-align: center;}
    .wrapper-social-media-top .menu-social-media{padding-left: 0px;}
    .scrollable-menu {height: auto;max-height: 200px;overflow-x: hidden;}
}

@media only screen and (max-width : 767px) {
	
	
	.block-location-top{margin: 0 auto; text-align: center;}

	.wrapper-content-banner{padding: 10px;}
	.img-center-xs{margin: 0 auto;}
	.img-doctor{margin-top: 20px;}
	.wrapper-service-box h3{text-align: center; font-size: 14px; color:#333;}
	.block-doctor p>img{display: block; float: left; padding-left: 50px; padding-right: 50px; padding-bottom: 20px;}
	.list-services-dentist>li{margin-bottom: 10px;}
	.wrapper-doctor-info .btn-blue{margin: 0 auto; text-align: center; display: block;}
	
	.box-shadow{padding-bottom: 10px;}
    .navbar-nav>li{border:0px;}
    .navbar .navbar-nav{display: block;}


    .navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#000;}
    
    .navbar-default .navbar-toggle .icon-bar{background-color: #f37a56;}
    .navbar-default .navbar-toggle{border-color:#f37a56;}

    .block-doctor .btn-black, .block-office .btn-transparent{display: block; margin: 0 auto;}


    .wrapper-social-media-top{margin: 0 auto; text-align: center; display: block;}
    .wrapper-social-media-top .menu-social-media{padding-left: 0px;}
    #carousel-banner .carousel-caption{background:rgba(255,255,255,0.6); text-shadow:none; width: 100%; left: 0%; right: 0%; text-align: left; bottom: 50px;}
    #carousel-banner .carousel-caption p{line-height: 20px; font-size: 12px;}
    #carousel-banner .carousel-caption h1{font-size: 18px;}

    .background-home{padding-top: 180px;}*/
    .wrapper-service-title{height: 60px;}
    .wrapper-implants-img{margin-top: 20px;}

    .background-two{background: url("../images/background-doctor-small.jpg")center center; background-size: cover; min-height: 500px;}
    .background-one{background: url("../images/banner-home-dentist-small.jpg")center center; background-size: cover; min-height: 500px;}
    .wrapper-service-title{height: 60px;}

    .scrollable-menu {height: auto;max-height: 200px;overflow-x: hidden;}
}