/*
Description:    ORTHO IMAGE
Version:        2.0
Author:         Horatiu Adamovici
*/

/*===================================================================================*/
/*  BODY
/*===================================================================================*/

body {
    background-color: #FFF;
    color: #000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
 }

#scrollUp {
    bottom: 20px;
    background-color: #000;
}

#scrollUp:hover {
    color: #FF0000;

}

/*===================================================================================*/
/*  HEADER & MENU
/*===================================================================================*/

.social a .icon-s-linkedin:after {
    background: #3B5998;
    background: #0e76a8;
}

.member .text-overlay .info .social li a:hover .icon-s-linkedin {
    color: #3B5998;
    color: #0e76a8;
}

.btn.share-linkedin {
    background: #3b3b3b !important
}
.btn.share-linkedin:hover {
    background: #2e2e2e !important
}

.btn-share-lg:hover .icon-s-linkedin:after,
.btn-share-md:hover .icon-s-linkedin:after,
.btn-share-sm:hover .icon-s-linkedin:after,
.btn-share-xs:hover .icon-s-linkedin:after {
    background: #3B5998;
    background: #0e76a8;
}

.social a .icon-s-instagram:after {
    background: #3B5998;
    background: #2C6A93;
}

.member .text-overlay .info .social li a:hover .icon-s-instagram {
    color: #3B5998;
    color: #2C6A93;
}

.btn.share-instagram {
    background: #3b3b3b !important
}
.btn.share-instagram:hover {
    background: #2e2e2e !important
}

.btn-share-lg:hover .icon-s-instagram:after,
.btn-share-md:hover .icon-s-instagram:after,
.btn-share-sm:hover .icon-s-instagram:after,
.btn-share-xs:hover .icon-s-instagram:after {
    background: #3B5998;
    background: #2C6A93;
}

.social a .icon-mail-1:after {
    background: #3B5998;
    background: #FF0000;
}

.member .text-overlay .info .social li a:hover .icon-mail-1 {
    color: #3B5998;
    color: #FF0000;
}

.social-network .social li a i {
    font-size: 30px;
}

.btn.share-icon-mail-1 {
    background: #3b3b3b !important
}
.btn.share-icon-mail-1:hover {
    background: #2e2e2e !important
}

.btn-share-lg:hover .icon-mail-1:after,
.btn-share-md:hover .icon-mail-1:after,
.btn-share-sm:hover .icon-mail-1:after,
.btn-share-xs:hover .icon-mail-1:after {
    background: #3B5998;
    background: #FF0000;
}

.navbar-header {
	background: 0;
	border-bottom: 0px solid #000;
}

.navbar-header .info li a {
    color: #000;
}

.navbar-header .info a:hover {
    color: #FF0000;
}

.social li a i {
    color: #000;
}

.navbar-brand img {
    height: 50px;
}

.navbar-collapse {
    background-color: #3ca7c2;
    border-bottom: 0px solid #000;
}

.navbar-collapse.collapse.animate-after {
    background-color: #3ca7c2;
}

.navbar-nav > li > a {
	color: #000;
}

.nav > li > a:hover {
    color: #000;
}

.nav > li.active > a {
    color: #FF0000;
}

.navbar .dropdown-menu:not(.yamm-dropdown-menu) li a {
    color: #000;
}

.navbar .dropdown-menu:not(.yamm-dropdown-menu) > li > a:hover,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > li > a:focus,
.navbar .dropdown-submenu:hover > a,
.navbar .dropdown-submenu:focus > a,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a:hover,
.navbar .dropdown-menu:not(.yamm-dropdown-menu) > .active > a:focus {
    background: #000;
    color: #FFF !important;
}

.yamm .yamm-content a:hover {
    color: #FF0000;
	opacity: 1;
}

/*===================================================================================*/
/*  MAIN
/*===================================================================================*/

main {
	background-color: #FFF;
	border-bottom: 0px solid #000;
}

main:before {
    background: #FFF;
}

#owl-main .caption h1.dark-bg span,
#owl-main .caption p.dark-bg span {
    background: #FA6C65;
    box-shadow: -.500em 0 0 #FA6C65, .500em 0 0 #FA6C65;
    -webkit-box-decoration-break: clone;
            box-decoration-break: clone;
}

#owl-main .owl-pagination {
    background-color: transparent;
}

.owl-pagination .owl-page span {
    background: #fff;
}

#hero #owl-main .caption h1.light-bg,
#hero #owl-main .caption h1.medium-bg,
#hero #owl-main .caption h1.dark-bg,
#hero #owl-main .caption h1.tint-bg {
    font-size: 50px;
}

.tab-content {
    border-bottom: 0px solid #000;
    height: 270px;
}

.tabs-circle-top .tab a {
    background: #FFF;
    color: #000;
}

.blank .panel-title > a.collapsed,
.blank .panel-title > a {
    border: 0px;
}
.blank .panel-title > a,
.blank .panel-title > a:hover {
    background: #FFF;
}

.modal-backdrop {
    background-color: #000;
}

.modal-backdrop.show {
    opacity: .30;
}

.modal {
    background-color: transparent;
    border: 0px solid red;
}

.modal-dialog {
    background-color: transparent;
    border: 0px solid red;
}

.modal-md {
    background-color: transparent;
    border: 0px solid red;
    max-height: 774px;
    max-width: 1170px;
}

.modal-content {
    background-color: transparent;
    border: 0px solid red;
    border-radius: 0px;
    max-height: 774px;
    max-width: 1170px;
    -webkit-box-shadow: 0 0 0 rgba(0,0,0,0.1);
            box-shadow: 0 0 0 rgba(0,0,0,0.1);

}

.modal-header {
    background-color: transparent;
    border: 0px solid red;
    padding-right: 17px;
    padding-top: 17px;
}

.modal-header .close {
    border: 0px solid red;
    font-size: 34px;
}

.modal-body {
    border: 0px solid red;
    bottom: 0px;
    top: 0;
}

.modal #portfolio-post {
    border: 0px solid red;
    height: 100%;
    width: 100%;
    padding: 0px;
}

.modal .container {
    border: 0px solid red;
    height: 100%;
    width: 100%;
    max-width: 1170px;
    max-height: 774px;
    padding-left: 0px;
    padding-right: 0px;
}

.modal .owl-carousel {
    border: 0px solid red;
    height: 100%;
    width: 100%;
    padding: 0px;
}

.modal .item {
    border: 0px solid red;

}

.modal-body #owl-main.height-md .item {
    height: 720px;

}

.modal-body #owl-main .owl-pagination {
    background-color: transparent;

}

#orthodontics, #pediatric-services, #odontotherapy, #endodontics, #cosmetic-dentistry, #cleaning-prevention {
    border: 0px solid red;
}

#modal-ra .modal-body {
    background-color: #D2FBFF;
    padding: 22px;
}

#modal-ha .modal-body {
    background-color: #D2FBFF;
    padding: 22px;
}

.member-image-about {
	max-width: 600px;
	max-height: 800px;
}

.member-details {
    height: 115px;
}

.card {
  position: relative; 
  border: 0px;
  border-radius: 0px;
}

.card-body {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0px;
}

.card h1 {
    color: #FFF;
}

.border {
    border: 2px solid red;

}

.img-comp-container {
    position: relative;
    height: auto;
    width: auto;
    vertical-align: middle;
}

.img-comp-img {
    position: absolute;
    width: auto;
    height: auto;
    overflow: hidden;
}

.img-comp-img img {
    display: block;
    vertical-align: middle;
}

.img-comp-slider {
    position: absolute;
    z-index: 9;
    cursor: pointer;
  /*set the appearance of the slider:*/
    width: 40px;
    height: 40px;
    background-color: #3ca7c2;
    opacity: 0.7;
    border-radius: 50%;
}

#contact-names .row {
    padding-top: 0px;
}

#contact-names .thumb {
    padding-right: 0px;
}

/*===================================================================================*/
/*  FOOTER
/*===================================================================================*/

.dark-bg {
    background-color: #3ca7c2;
}

.dark-bg,
.dark-bg p,
.dark-bg .item-details li:before {
    color: #000;
}
.dark-bg h1,
.dark-bg h2,
.dark-bg h3,
.dark-bg h4 {
    color: #FFF;
}

footer.dark-bg {
    color: #000;
}

footer .logo {
    height: 50px;
    width: auto;
}

.footer-bottom {
    background-color: #00415f;
    height: 160px;
	border-top: 0px solid #000;

}

.footer-bottom p,
.footer-bottom a {
	color: #FFF;
}

.icon-services {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 80px;
    height: 80px;
    margin-bottom: 30px;
    color: red;
}

.txt-services h2:hover {
    color: #FA6C65;
}

/*===================================================================================*/
/*  RESPONSIVE
/*===================================================================================*/

@media screen and (max-width: 1366px) {

#office.modal-md {
    max-width: 995px;
}

}

@media (min-width: 1200px) { 

}

@media (min-width: 1025px) {

}

@media (min-width: 1025px) and (max-width: 1199px) {

}

@media (max-width: 1024px) {

}

@media (max-width: 991px) {

#office.modal-md {
    max-height: 228px;
}

.inner-top {
    padding-top: 90px;
}

.card h1 {
    font-size: 33px;
    width: 350px;
}

}

@media (max-width: 979px) {

}

@media (max-width: 969px) { 

}

@media (min-width: 768px) and (max-width: 979px) {

}

@media (max-width: 767px) {

}

}

@media (min-width: 768px) and (max-height: 1024px) {

}

@media (min-width: 768px) and (max-height: 768px) {

}

@media (max-width: 480px) {

#scrollUp {
    font-size: 0px;
    padding: 0px;

}

.inner-top {
    padding-top: 90px;
}

.card h1 {
    font-size: 23px;
    width: 350px;
}

}

/*===================================================================================*/
/*  TEST
/*===================================================================================*/