* {
outline: 0
}
a:hover {
text-decoration: none
}
.container {
max-width: 1200px;
width: 100%
}
.media-body, .media-left, .media-right {
display: table-cell;
vertical-align: top
}
@font-face {
font-family: Conv_HelveticaNeue-Light;
src: url(//orthoworx.com/wp-content/themes/orthoworx/css/fonts/HelveticaNeue-Light.eot);
src: local('�'), url(//orthoworx.com/wp-content/themes/orthoworx/css/fonts/HelveticaNeue-Light.woff) format('woff'), url(//orthoworx.com/wp-content/themes/orthoworx/css/fonts/HelveticaNeue-Light.ttf) format('truetype'), url(//orthoworx.com/wp-content/themes/orthoworx/css/fonts/HelveticaNeue-Light.svg) format('svg');
font-weight: 400;
font-style: normal
}
a {
transition: all ease-in .2s;
-webkit-transition: all ease-in .2s;
-ms-transition: all ease-in .2s;
-moz-transition: all ease-in .2s;
-o-transition: all ease-in .2s
}
h1 .bold {
font-weight: 700
}
.top-bar .follow-us .number a, .top-bar .follow-us .site-logos .follow {
line-height: 20px;
font-weight: 300;
font-size: 16px;
font-family: Roboto, "Simsun", sans-serif;
color: #fff
}
.break {
display: block;
clear: both
}
.top-bar {
background: #0f0f0f;
padding: 4px 0 8px
}
.top-bar .follow-us .number {
margin: 0 14px 0 0
}
.top-bar .follow-us .number a {
background: url(//orthoworx.com/wp-content/themes/orthoworx/images/phn-logo.png) 4px 2px no-repeat;
padding: 0 14px 0 16px;
border-right: 1px solid #545454;
display:inline-block;
}
.top-bar .follow-us .site-logos {
float: left
}
.top-bar .follow-us .site-logos .follow {
float: left;
display: block
}
.top-bar .follow-us .site-logos ul {
float: left;
margin: 0;
padding: 0 0 0 10px
}
.top-bar .follow-us .site-logos ul:after {
content: " ";
display: block;
clear: both
}
.top-bar .follow-us .site-logos ul li {
float: left;
list-style-type: none;
padding: 0 10px;
border-right: 1px solid #545454
}
.top-bar .follow-us .site-logos ul li a {
width: 20px;
height: 18px;
display: block
}
.top-bar .follow-us .site-logos ul li:last-child {
border-right: 0
}
.top-bar .follow-us .site-logos ul .twitter a {
background: url(//orthoworx.com/wp-content/themes/orthoworx/images/twitter.png) left 2px no-repeat
}
.top-bar .follow-us .site-logos ul .twitter:hover a {
background: url(//orthoworx.com/wp-content/themes/orthoworx/images/twitter-hover.png) left 2px no-repeat
}
.top-bar .follow-us .site-logos ul .facebook a {
background: url(//orthoworx.com/wp-content/themes/orthoworx/images/facebook.png) left 1px no-repeat
}
.top-bar .follow-us .site-logos ul .facebook:hover a {
background: url(//orthoworx.com/wp-content/themes/orthoworx/images/facebook-hover.png) left 1px no-repeat
}
.top-bar .follow-us .site-logos ul .instagram a {
background: url(//orthoworx.com/wp-content/themes/orthoworx/images/instagram.png) left 1px no-repeat
}
.top-bar .follow-us .site-logos ul .instagram:hover a {
background: url(//orthoworx.com/wp-content/themes/orthoworx/images/instagram-hover.png) left 1px no-repeat
}
.top-bar .follow-us .langs li a{ width: auto !important;color: #FFF;}
.top-bar .follow-us .langs{color: #FFF;}
.top-bar .follow-us .langs .active {font-weight: bold;}
body.home {
background: url(//orthoworx.com/wp-content/themes/orthoworx/images/header-banner-bg.jpg) center top no-repeat;
background-size: 100% auto
}
.header-banner {
background-size: cover
}
.header-banner .header .timing .logo .brand {
margin: 10px 0
}
.header-banner .header .timing .schedule .btn {
display: block;
line-height: 30px;
padding: 10px 16px 10px 61px;
font-size: 28px;
color: #fff;
font-family: Roboto, "Simsun", sans-serif;
font-weight: 500;
border: none;
margin: 30px 0 0
}
.header-banner .header .mobile-navigation .navbar .container-fluid, .header-banner .header .mobile-navigation .navbar .navbar-collapse .nav {
padding: 0
}
.header-banner .header .timing .schedule .btn .helvetica {
font-family: Conv_HelveticaNeue-Light;
font-weight: 400
}
.header-banner .header .timing .schedule .btn-danger {
background: url(//orthoworx.com/wp-content/themes/orthoworx/images/time.png) 15px 7px no-repeat #ea4727
}
.header-banner .header .timing .schedule .btn-danger:hover {
box-shadow: 4px 4px 4px 0 rgba(0,0,0,.2) inset, -4px -4px 4px 0 rgba(0,0,0,.2) inset
}
.header-banner .header .timing:after {
content: " ";
display: block;
clear: both
}
.header-banner .header .mobile-navigation .navbar-default {
border: none;
background: #2f87e2;
box-shadow: 0 1px 4px 0 rgba(0,0,0,.2) inset
}
.header-banner .header .mobile-navigation .navbar {
border-radius: 0;
min-height: inherit;
margin: 0
}
.header-banner .header .mobile-navigation .navbar .navbar-collapse {
max-height: inherit;
padding: 0
}
.header-banner .header .mobile-navigation .navbar .navbar-collapse .nav li {
position: relative
}
.header-banner .header .mobile-navigation .navbar .navbar-collapse .nav li a {
line-height: 20px;
font-size: 17px;
color: #fff;
font-family: Roboto, "Simsun", sans-serif;
font-weight: 400;
padding: 19px 21px;
border-right: 1px solid #5ea2e8
}
.header-banner .header .mobile-navigation .navbar .navbar-collapse .nav li:hover {
background: #f1efef
}
.header-banner .header .mobile-navigation .navbar .navbar-collapse .nav li:hover>a {
color: #404040;
border-right: 1px solid transparent
}
.header-banner .header .mobile-navigation .navbar .navbar-collapse .nav li:last-child a {
border-right: 0
}
.header-banner .header .mobile-navigation .navbar .navbar-collapse .nav .active {
background: #f1efef;
box-shadow: 0 1px 4px 0 rgba(0,0,0,.2) inset
}
.header-banner .header .mobile-navigation .navbar .navbar-collapse .nav .active>a {
background: 0 0;
color: #404040;
border-right: 1px solid transparent
}
.header-banner .header .mobile-navigation .navbar .navbar-collapse .nav li>.sub-menu {
border: 1px solid #CCC;
display: none;
z-index: 99;
list-style: none;
padding: 0;
position: absolute;
width: 250px;
left: 0;
top: 57px;
background: #2f87e2
}
.header-banner .header .mobile-navigation .navbar .navbar-collapse .nav li .sub-menu>li {
width: 100%;
padding: 0
}
.header-banner .header .mobile-navigation .navbar .navbar-collapse .nav li .sub-menu li a {
display: block;
padding: 10px 20px;
border-bottom: 1px solid #CCC
}
.header-banner .header .mobile-navigation .navbar .navbar-collapse .nav li .sub-menu li>.sub-menu {
border: 1px solid #CCC;
display: none;
box-shadow: none;
position: absolute;
left: 100%;
top: 0
}
.header-banner .header .mobile-navigation .navbar .navbar-collapse .nav li .sub-menu li:hover>.sub-menu, .header-banner .header .mobile-navigation .navbar .navbar-collapse .nav li:hover .sub-menu {
display: block
}
.header-banner .header .mobile-navigation .navbar .navbar-collapse .nav li .sub-menu li .sub-menu a {
font-size: 14px;
padding: 10px 30px
}
.header-banner .banner .carousel .carousel-inner .item {
background: rgba(255,255,255,.5);
box-shadow: 0 -8px 8px 0 rgba(0,0,0,.1) inset
}
.header-banner .banner .carousel .carousel-inner .item .col-md-6 {
float: left
}
.header-banner .banner .carousel .carousel-inner .item .carousel-caption {
left: 55px;
text-shadow: none
}
.header-banner .banner .carousel .carousel-inner .item .carousel-caption .lead {
margin: 0 0 7px;
line-height: 54px;
font-size: 58px;
color: #2a70b7;
font-family: Roboto, "Simsun", sans-serif;
font-weight: 500;
text-align: left;
text-transform: none;
text-shadow: 0 1px 2px #fff
}
.header-banner .banner .carousel .carousel-inner .item .carousel-caption .lead .light {
font-weight: 300
}
.header-banner .banner .carousel .carousel-inner .item .carousel-caption .lead .small-text {
display: block;
line-height: 31px;
font-family: Roboto, "Simsun", sans-serif;
font-weight: 500;
font-size: 28px;
color: #4f4f4f
}
.header-banner .banner .carousel .carousel-indicators {
bottom: 10px;
z-index: 999;
margin: 0;
width: 100%;
left: 0;
right: 0;
text-align: center
}
.header-banner .banner .carousel .carousel-indicators li {
width: 11px;
height: 11px;
border-radius: 11px;
border: 0;
background: #d1d1d1;
margin: 3px 2px 3px 0
}
.header-banner .banner .carousel .carousel-indicators .active {
width: 18px;
height: 18px;
border-radius: 18px;
box-shadow: 2px 2px 4px 0 rgba(0,0,0,.2) inset;
margin: 0 2px 0 0
}
.desktop-slider {
display: block!important
}
.mobile-slider {
display: none!important
}
.content .section-two .platinum .media-body, .content .section-two .platinum .media-left, .content .section-two .platinum .media-right, .content .section-two .platinum .thumbnail a {
display: block
}
.content h2, h1 {
line-height: 36px;
font-size: 32px;
color: #282828;
margin: 0 0 27px;
font-family: Roboto, "Simsun", sans-serif;
font-weight: 300;
text-transform: uppercase
}
.content h2 .bold, h1 .bold {
font-weight: 700
}
.content .section-one .doctors-blog .btn, .content p {
font-weight: 400;
font-family: Roboto, "Simsun", sans-serif
}
.content p {
line-height: 23px;
font-size: 16px;
color: #282828;
margin: 0 0 25px
}
.content p>a {
color: #2f87e2;
text-decoration: underline;
margin: 0
}
.content p>a:hover {
color: #2773c2
}
.content .section-one {
padding: 61px 0 20px
}
.content .section-one .doctors-blog .media .pull-left-img {
border: 2px solid #ededed;
margin-right: 20px;
margin-bottom: 4px;
float: left
}
.content .section-one .doctors-blog .media .media-body {
padding: 0 0 0 17px
}
.content .section-one .doctors-blog .btn {
line-height: 21px;
font-size: 18px;
color: #fff;
padding: 8px 21px 8px 44px;
border: none
}
.content .section-one .doctors-blog .btn-blue {
background: url(//orthoworx.com/wp-content/themes/orthoworx/images/doctor-blg.png) 17px 10px no-repeat #2f87e2
}
.content .section-one .doctors-blog .btn-blue:hover {
box-shadow: 4px 4px 4px 0 rgba(0,0,0,.2) inset, -4px -4px 4px 0 rgba(0,0,0,.2) inset
}
.content .section-two {
padding: 35px 0 44px
}
.content .section-two .thumbnail {
padding: 5px;
background: #f0f0f0;
border-radius: 0;
border: none;
margin: 0
}
.content .section-two .thumbnail img {
margin: 0;
width: 100%
}
.content .section-two .services .inside-thumbnail .thumbnail {
margin: 0 0 14px
}
.content .section-two .services .inside-thumbnail p {
color: #3e3e3e
}
.content .section-two .services .panel-group {
margin: 0;
border-top: 1px solid #dfdcdc
}
.content .section-two .services .panel-group .panel {
border-radius: 0;
border: none;
background: 0 0;
box-shadow: none;
padding: 18px 0;
border-bottom: 1px solid #dfdcdc
}
.content .section-two .services .panel-group .panel .panel-heading {
background: 0 0;
border-radius: 0;
padding: 0
}
.content .section-two .services .panel-group .panel .panel-heading .panel-title a {
line-height: 23px;
display: block;
font-size: 20px;
color: #3e3e3e;
font-family: Roboto, "Simsun", sans-serif;
font-weight: 400;
background: url(//orthoworx.com/wp-content/themes/orthoworx/images/minus.jpg) left 2px no-repeat;
padding: 0 0 0 36px;
text-decoration: none
}
.content .section-two .services .panel-group .panel .panel-heading .panel-title a:hover {
text-decoration: none
}
.content .section-two .services .panel-group .panel .panel-heading .panel-title .collapsed {
background: url(//orthoworx.com/wp-content/themes/orthoworx/images/plus.jpg) left 2px no-repeat
}
.content .section-two .services .panel-group .panel .panel-collapse .panel-body {
border-top: 0;
padding: 13px 17px 0 36px
}
.content .section-two .services .panel-group .panel .panel-collapse .panel-body .thumbnail {
border: 2px solid #ededed;
background: 0 0;
margin-right: 20px;
margin-bottom: 4px;
float: left
}
.content .section-two .services .panel-group .panel .panel-collapse .panel-body p {
color: #3e3e3e;
margin: 0 0 5px
}
.content .section-two .platinum .thumbnail {
margin: 0 0 19px
}
.content .section-two .platinum .thumbnail .its-caption {
background: #2bc4f2;
padding: 10px 39px 17px 22px
}
.content .section-two .platinum .thumbnail .its-caption h3 {
line-height: 32px;
margin: 0 0 6px;
font-size: 31px;
color: #fff;
font-family: Roboto, "Simsun", sans-serif;
font-weight: 700; }
.content .section-two .platinum .thumbnail .its-caption p {
margin: 0;
line-height: 24px;
color: #fdfdfd;
font-size: 17px;
font-family: Roboto, "Simsun", sans-serif;
font-weight: 700
}
.content .section-two .platinum .media {
margin: 0
}
.content .section-two .platinum .media a {
margin: 0 14px 0 0
}
.content .section-two .platinum .media .media-body {
overflow: visible
}
.content .section-two .platinum .media .media-body p {
line-height: 24px;
color: #3e3e3e
}
.content .section-two .platinum .media .media-body p:last-child {
margin-bottom: 0
}
.content .section-two .platinum .media .media-body p .read-more {
color: #2f87e2;
text-decoration: underline;
margin: 0
}
.content .section-three {
padding: 40px 0 77px;
background: #f8f8f8
}
.content .section-three .our-team {
text-align: center;
margin: 0 0 57px
}
.content .section-three .our-team h2 {
line-height: 34px;
margin: 0;
text-transform: none;
border-bottom: 1px solid #d8d8d8;
display: inline-block;
padding: 0 0 21px
}
.content .section-three .members .ca-wrapper:after, .content .section-three .members:after, .footer .thier-contact ul:after {
display: block;
content: " ";
clear: both
}
.content .section-three .members {
padding: 0 20px;
position: relative;
max-width: 1170px;
height: 250px;
width: 100%;
margin: 0 auto
}
.content .section-three .members .ca-nav .ca-nav-next, .content .section-three .members .ca-nav .ca-nav-prev {
position: absolute;
top: 50%;
margin-top: -40px;
text-indent: -9000px;
cursor: pointer;
z-index: 100;
width: 13px;
height: 42px
}
.content .section-three .members .ca-nav .ca-nav-prev {
background: url(//orthoworx.com/wp-content/themes/orthoworx/images/left-arrow.png) top left no-repeat;
left: -14px;
opacity: .7
}
.content .section-three .members .ca-nav .ca-nav-prev:hover {
opacity: 1
}
.content .section-three .members .ca-nav .ca-nav-next {
background: url(//orthoworx.com/wp-content/themes/orthoworx/images/right-arrow.png) top left no-repeat;
right: -14px;
left: auto;
opacity: .7
}
.content .section-three .members .ca-nav .ca-nav-next:hover {
opacity: 1
}
.content .section-three .members .ca-wrapper {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
position: relative
}
.footer .thier-contact {
padding: 27px 0;
background: #464646;
display:none;
}
.footer .thier-contact ul {
margin: 0;
padding: 0;
font-size: 0
}
.footer .thier-contact ul li {
display: inline-block;
list-style-type: none;
line-height: 27px;
font-size: 18px;
color: #fff;
font-family: Roboto, "Simsun", sans-serif;
font-weight: 400;
margin: 0 0 0 50px;
border-right: 1px solid #6e6b6b;
vertical-align: top;
width: 29%
}
.footer .thier-contact ul li .thumb {
display: inline-block
}
.footer .thier-contact ul li p {
display: inline-block;
vertical-align: middle;
color: #fff;
margin-left: 20px
}
.footer .thier-contact ul li p a {
color: #fff
}
.footer .thier-contact ul li a:hover {
text-decoration: none;
color: #2bc4f2
}
.footer .thier-contact ul li address {
margin: 0 0 0 20px;
display: inline-block;
vertical-align: middle
}
.footer .thier-contact ul li:last-child {
border-right: 0
}
.footer .copy-right {
padding: 60px 0 0px;
background:#2c2c2c;
}
.footer .copy-right .menu {
margin: 0 0 18px
}
.footer .copy-right .menu {
margin: 0;
padding: 0;
font-size: 0
}
.footer .copy-right .menu li a, .footer .copy-right p {
font-size: 16px;
color: #8b8b8b;
font-family: Roboto, "Simsun", sans-serif;
font-weight: 400;
line-height:34px;
}
.footer .copy-right .menu:after {
content: " ";
display: block;
clear: both
}
.footer .copy-right .menu li {
display: block;
list-style-type: none;
}
.footer .copy-right .menu li:nth-child(odd)
{
width:100%
}
.footer .copy-right .menu li:nth-child(even)
{
width:100%
}
.footer .copy-right .menu .active a {
text-decoration: underline;
color:#b2b2b2;
}
.footer .copy-right p {
text-align: center;
margin: 0;
line-height: 17px
}
#text-2 p{
text-align:left;
}
.footer h4{ font-family:Roboto, "Simsun", sans-serif; color:#fff; font-size:19px; font-weight:500; margin-top:32px; margin-bottom:20px; line-height:28px;}
.footer a{ font-family:Roboto, "Simsun", sans-serif; font-size:16px; line-height:25px; font-weight:500; color:#7f7f7f;}
.footer a:hover{ color:#b2b2b2 !important;}
.footer-logo{ display:block; margin-bottom:60px;}
.footer section{ position:relative;}
.footer section:after{ position:absolute; width:1px; height:100%; top:22px; right:0; content:''; background: url(//orthoworx.com/wp-content/themes/orthoworx/images/separator.jpg) top right no-repeat; background-size:cover;}
.footer section:last-child:after{ display:none;}
.footer section.widget-2{ padding-left:80px; padding-right:60px;}
.footer section.widget-3{ padding-left:80px; padding-right:60px;}
.footer .mail-section{background: url(//orthoworx.com/wp-content/themes/orthoworx/images/mails-icon.jpg) top 8px left no-repeat; padding-left:29px;}
.footer .phone-section{background: url(//orthoworx.com/wp-content/themes/orthoworx/images/phone-icon.jpg) top 5px left no-repeat; padding-left:29px; margin-top:27px; margin-bottom:23px;}
.footer .phone-section a{ line-height:24px;}
.footer .address-section{font-weight:500; font-family:Roboto, "Simsun", sans-serif; font-size:16px; line-height:24px; margin-bottom:12px; color:#7f7f7f;padding-left:29px; background: url(//orthoworx.com/wp-content/themes/orthoworx/images/pin-icon.jpg) top 2px left no-repeat;}
.footer section .social-list{ list-style:none; padding:0; padding-top:15px;}
.footer section .social-list li{ display:inline-block; padding:0 19px;}
.footer section .social-list li:first-child{ padding-left:0;}
.footer section .social-list li:last-child{ padding-right:0;}
.footer .footer-copy-right{ border-top:1px solid #3d3d3d; margin-top:26px; text-align:center;}
.footer .footer-copy-right p{ line-height:24px; padding:20px 0;}
.appointment-address .mail-section{ color:#282828; padding-left:29px; background: url(//orthoworx.com/wp-content/themes/orthoworx/images/mai.png) top 7px left no-repeat;  font-size: 16px;    line-height: 25px;    font-weight: 500;    }
.appointment-address .mail-section a, .appointment-address .phone-section a{color:#282828;}
.appointment-address .phone-section{ padding-left:29px; background: url(//orthoworx.com/wp-content/themes/orthoworx/images/ph.png) top left no-repeat;  font-size: 16px;    line-height: 25px;    font-weight: 500;     margin-top: 27px;
margin-bottom: 23px; color:#282828;    }
.appointment-address .address-section{ padding-left:29px; margin-bottom:12x; background: url(//orthoworx.com/wp-content/themes/orthoworx/images/pin.png) top left no-repeat;  font-size: 16px;    line-height: 25px;    font-weight: 500;    }
.appointment-address .mail-section a:hover, .appointment-address .phone-section a:hover{ color:#2f87e2;}
.appointment-form .with_frm_style .form-field .frm_primary_label, .with_frm_style .frm_left_container label.frm_primary_label, .with_frm_style label.frm_primary_label, .with_frm_style.frm_login_form label{    line-height: 23px;
font-size: 15px !important;
color: #282828 !important;font-weight: normal !important;}
.mobile {
display: none
}
.desktop {
display: block
}
.jcarousel-wrapper .radius-wrapper {
border-radius: 999px;
max-width: 203px;
width: 100%;
max-height: 203px;
height: 203px;
overflow: hidden;
border: 2px solid #eee;
display: block;
margin: 0 auto 16px
}
.jcarousel-wrapper .radius-wrapper img {
max-width: 207px;
width: 100%;
margin: 0 auto
}
.jcarousel-wrapper label {
display: block;
line-height: 27px;
text-align: center;
font-size: 22px;
color: #282828;
font-family: Roboto, "Simsun", sans-serif;
font-weight: 400
}
body.innerpage {
background: url(//orthoworx.com/wp-content/themes/orthoworx/images/inner-bg-img.jpg) center top no-repeat;
background-size: 100% auto
}
.innerpage .header-banner .banner .carousel .carousel-inner .item {
background: #e5eff1
}
.innerpage .header-banner .banner .carousel .carousel-inner .item .shadow {
box-shadow: 0 -13px 12px -11px rgba(0,0,0,.3) inset);
-webkit-box-shadow: 0 -13px 12px -11px rgba(0,0,0,.3) inset;
-ms-box-shadow: 0 -13px 12px -11px rgba(0,0,0,.3) inset;
-moz-box-shadow: 0 -13px 12px -11px rgba(0,0,0,.3) inset;
-o-box-shadow: 0 -13px 12px -11px rgba(0,0,0,.3) inset;
position: absolute;
width: 100%;
left: 0;
bottom: 0;
height: 18px
}
.innerpage .header-banner .banner .carousel .carousel-inner .item .carousel-caption .lead {
font-size: 40px;
line-height: 48px
}
.innerpage .content .common-area {
padding-top: 49px;
padding-bottom: 20px
}
.innerpage .content .common-area .date-wise .date {
border: 1px solid #428bca;
text-align: center
}
.innerpage .content .common-area .date-wise .date .day {
font-size: 35px;
font-family: Roboto, "Simsun", sans-serif;
font-weight: 400;
line-height: 37px;
padding: 4px 14px;
color: #428bca;
text-align: center;
display: block
}
.innerpage .content .common-area .date-wise .side-text {
margin-left: -40px
}
.innerpage .content .common-area .date-wise .side-text a.read-more {
font-family: Roboto, "Simsun", sans-serif;
font-weight: 400;
font-size: 16px;
color: #fff;
display: inline-block;
border-radius: 4px;
padding: 5px
}
.date-wise .date .month {
display: block;
background: #428bca;
line-height: 20px;
font-size: 20px;
color: #fff;
font-family: Roboto, "Simsun", sans-serif;
font-weight: 400;
padding: 5px 14px;
text-transform: uppercase;
text-align: center
}
.blue-btn, .btn-blue, .innerpage .content .common-area h2 small {
font-size: 18px;
font-family: Roboto, "Simsun", sans-serif
}
.innerpage .content .blog h3 {
margin-top: 0
}
.innerpage .content .common-area h2 small {
font-weight: 700;
color: #282828;
line-height: 30px;
text-transform: none
}
.blue-btn, .btn-blue {
background: #2f87e2;
line-height: 21px;
text-decoration: none;
color: #fff;
font-weight: 400;
padding: 8px 21px;
border: none
}
.blue-btn:hover, .btn-blue:hover {
box-shadow: 4px 4px 4px 0 rgba(0,0,0,.2) inset, -4px -4px 4px 0 rgba(0,0,0,.2) inset;
color: #fff
}
.innerpage .content .common-area .visit-btn {
background: url(//orthoworx.com/wp-content/themes/orthoworx/images/visit-icon.png) 23px 6px no-repeat #2f87e2;
padding-left: 55px
}
.innerpage .content .common-area .media .media-left {
float: left;
display: block;
margin-right: 42px;
border: 1px solid #ededed
}
.innerpage .content .common-area .media .media-body {
display: block
}
.innerpage .content .common-area .media .media-body .table {
border: 1px solid #ededed;
margin-top: 20px;
margin-bottom: 0
}
.innerpage .content .common-area .media .media-body .table tr td, .innerpage .content .common-area .media .media-body .table tr th {
border: none;
font-family: Roboto, "Simsun", sans-serif;
color: #282828;
font-weight: 400;
font-size: 16px;
padding: 6px 8px
}
.innerpage .content .common-area .media .media-body .table tr th {
font-weight: 700;
font-size: 18px
}
.innerpage .content .common-area .dr-chan-memberships td, .innerpage .content .common-area .well, .innerpage .content h5 {
font-family: Roboto, "Simsun", sans-serif;
font-size: 16px
}
.innerpage .content .common-area .media .media-body .table tr td {
padding: 4px 8px
}
.innerpage .content .common-area .dr-chan-memberships {
margin-bottom: 20px
}
.innerpage .content .common-area .dr-chan-memberships td {
vertical-align: top;
line-height: 19px;
font-weight: 400;
float: left;
width: 50%;
margin-bottom: 10px
}
.innerpage .content .common-area .well {
background: #2f87e2;
color: #fff;
border-radius: 0;
margin-bottom: 34px;
line-height: 23px;
font-weight: 400
}
.pull-left-img, .pull-right-img {
border: 2px solid #ededed;
margin-bottom: 4px
}
.innerpage .content .common-area .well p {
color: #fff
}
.innerpage .content .common-area .doc-blog {
background: url(//orthoworx.com/wp-content/themes/orthoworx/images/blog-img.png) 17px 10px no-repeat #2f87e2;
padding: 8px 21px 8px 44px
}
.no-inner-css{
margin-top: 0!important;
line-height:1.1!important;
font-weight: 500!important;
}
.innerpage .content h3 {
margin-top: 10px;
font-family: Roboto, "Simsun", sans-serif;
line-height: 28px;
font-weight: 400
}
.btn {
color: #fff!important;
text-decoration: none!important
}
.pull-left-img {
margin-right: 20px;
float: left
}
.pull-right-img {
margin-left: 20px;
float: right
}
.innerpage .content h5 {
line-height: 23px;
font-weight: 700;
color: #282828
}
.innerpage .content .common-area .col-md-12.space-col {
margin-top: 17px
}
.innerpage .content .common-area .introducing {
margin-top: 20px
}
.frm_forms.with_frm_style {
max-width: none
}
.with_frm_style .frm-show-form {
margin-bottom: 35px
}
.with_frm_style .frm_form_field .frm_primary_label {
width: 15%!important
}
.frm_form_fields_active_style, .frm_form_fields_error_style, .frm_form_fields_style, .with_frm_style .chzn-container-multi .chzn-choices, .with_frm_style .chzn-container-single .chzn-single, .with_frm_style .frm_scroll_box .frm_opt_container, .with_frm_style input[type=email], .with_frm_style input[type=number], .with_frm_style input[type=password], .with_frm_style input[type=tel], .with_frm_style input[type=text], .with_frm_style input[type=url], .with_frm_style select, .with_frm_style textarea {
max-width: 80%;
border: 1px solid #dcdcdc;
border-radius: 0;
height: 34px;
box-shadow: inset 0 2px 6px -2px rgba(0,0,0,.3);
background: 0 0;
font-family: Roboto, "Simsun", sans-serif;
font-weight: 400;
font-size: 16px;
padding: 0 10px
}
.frm_form_field.frm_left_container textarea {
max-width: 80%
}
.with_frm_style div.frm_submit input[type=submit] {
background: #2f87e2;
margin-left: 17%;
box-shadow: none;
border-radius: 4px;
line-height: 21px;
font-size: 18px;
font-family: Roboto, "Simsun", sans-serif;
font-weight: 400;
padding: 8px 21px;
border: none
}
.appointment-form .with_frm_style .form-field .frm_primary_label, .with_frm_style .frm_left_container label.frm_primary_label, .with_frm_style label.frm_primary_label, .with_frm_style.frm_login_form label {
color: #515151;
font-size: 14px;
font-family: Roboto, "Simsun", sans-serif;
font-weight: 400
}
.with_frm_style div.frm_submit input[type=submit]:focus, .with_frm_style div.frm_submit input[type=submit]:hover {
box-shadow: 4px 4px 4px 0 rgba(0,0,0,.2) inset, -4px -4px 4px 0 rgba(0,0,0,.2) inset
}
.with_frm_style div.frm_submit input[type=submit]:focus {
background: #2f87e2
}
.with_frm_style .frm_required {
display: inline-block;
vertical-align: top
}
.with_frm_style .frm_left_container label.frm_primary_label {
padding-top: 8px;
text-align: right
}
.appointment-form .frm_forms.with_frm_style {
width: 100%
}
.appointment-form .with_frm_style .form-field {
float: left;
width: 100%;
clear: none
}
.appointment-form .with_frm_style .form-field .frm_primary_label {
width: 100%!important;
padding-top: 0
}
.appointment-form .with_frm_style .form-field input[type=tel], .appointment-form .with_frm_style .form-field input[type=text], .appointment-form .with_frm_style .form-field input[type=email], .appointment-form .with_frm_style .form-field select.auto_width {
width: 100%;
max-width: 100%!important
}
.appointment-form .with_frm_style div.frm_submit input[type=submit] {
margin-left: 0
}
.appointment-form .with_frm_style .to {
text-align: center;
display: block;
padding-top: 7px
}
.innerpage .case_studies {
padding-top: 49px;
padding-bottom: 25px
}
.innerpage .content .common-area .sidebar .widget_categories, .innerpage .content .common-area .sidebar .widget_recent_entries {
margin-bottom: 30px
}
.innerpage .content .common-area .sidebar h4 {
font-family: Roboto, "Simsun", sans-serif;
font-size: 18px;
line-height: 23px;
margin-top: 0;
font-weight: 500
}
.innerpage .content .common-area .sidebar ul {
padding-left: 0;
margin: 0;
list-style: none;
border-top: 1px solid #eee
}
.innerpage .content .common-area .sidebar ul li {
padding: 0 5px;
border-bottom: 1px solid #eee;
transition: all ease .3s;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s
}
.innerpage .content .common-area .sidebar ul li:hover {
background: #f9f9f9
}
.innerpage .content .common-area .sidebar ul li a {
display: block;
line-height: 20px;
font-family: Roboto, "Simsun", sans-serif;
font-weight: 400;
font-size: 14px;
color: #282828;
padding: 6px 3px 6px 15px;
background: url(//orthoworx.com/wp-content/themes/orthoworx/images/solid-right.png) left 11px no-repeat
}
.innerpage .content .common-area .what-do .date, .innerpage .content .common-area ul li, .single-post .content ul li {
line-height: 23px;
font-family: Roboto, "Simsun", sans-serif;
font-weight: 400;
font-size: 16px
}
.innerpage .content .common-area ul {
margin-bottom: 30px
}
.innerpage .content .common-area ul li {
color: #282828
}
.innerpage .content .common-area span.thumbnail {
display: inline-block;
margin: 0 auto
}
.jcarousel-control-next, .jcarousel-control-prev {
box-shadow: none!important;
border-radius: 0!important
}
.jcarousel-control-next {
right: -15px!important
}
.jcarousel-control-prev {
left: -15px!important
}
.row .col-md-6:first-child {
padding-right: 38px
}
.row .col-md-6:last-child {
padding-left: 38px
}
.innerpage.page-id-12 .content .common-area .team-member img {
max-width: 150px;
width: 70%
}
.innerpage .content .common-area .team-member p:last-child {
margin: 0
}
.innerpage.page-id-12 .content .common-area .row .col-md-6 {
margin-top: 12px
}
.innerpage.page-id-12 .content .common-area, .innerpage.page-id-218 .content .common-area {
padding-bottom: 25px
}
.innerpage .content .common-area .what-do .date {
text-align: right;
display: block;
padding: 0;
color: #2f87e2
}
.innerpage .content .common-area .blog h3 {
margin-bottom: 0
}
.block {
display: block
}
.stButton .stButton_gradient, .stButton .stFb, .stButton .stMainServices, .stButton .stTwbutton {
height: 22px!important
}
.single-post .content ul {
padding-left: 20px
}
.single-post .content ul li {
color: #282828;
margin: 0
}
.mpzero {
margin: 0!important;
padding: 0!important
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
color: #000!important
}
.awards {
background: #f8f8f8
}
.awards ul {
padding: 0;
margin: 0;
text-align: center
}
.awards ul li {
display: inline-block;
padding: 18px
}
.awards ul li img {
border: 1px solid #999;
max-width: 100%;
height: 135px
}
@media (max-width:1200px) {
body.home {
background-size: auto
}
.content .section-three .members {
max-width: 937px
}
.header-banner .header .mobile-navigation .navbar .navbar-collapse .nav li a {
font-size: 16px
}
.footer .thier-contact ul {
text-align: center
}
.footer .thier-contact ul li {
text-align: left;
vertical-align: top;
margin: 0 0 0 20px;
float: none;
display: inline-block;
font-size: 16px;
width: 31%
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
max-width: 925px;
width: 100%;
margin: 0 auto
}
.jcarousel-skin-tango .jcarousel-item:first-child {
margin: 0
}
.jcarousel-skin-tango .jcarousel-next-horizontal {
right: 20px
}
.jcarousel-skin-tango .jcarousel-prev-horizontal {
left: 20px
}
.awards ul li {
padding: 18px 10px
}
.footer .copy-right .menu li a, .footer .copy-right p, .footer a, .footer .address-section{ font-size:14px; line-height:24px; display:block;}
.footer .phone-section{ margin:15px 0;}
.footer-logo{ margin-bottom:30px}
}
@media (max-width:1024px) {
.awards ul li {
padding: 18px 4px
}
.header-banner .header .mobile-navigation .navbar .navbar-collapse .nav li a {
font-size: 14px;
padding: 19px 16px
}
.footer .thier-contact ul li {
font-size: 16px
}
.innerpage .content .common-area .media .media-body .table {
margin: 0
}
.header-banner .header .mobile-navigation .navbar .navbar-collapse .nav li>.sub-menu {
top: 45px;
width: 180px
}
.header-banner .header .mobile-navigation .navbar .navbar-collapse .nav li .sub-menu li .sub-menu a {
font-size: 12px
}
}
@media (max-width:991px) {
.appointment-address { margin-bottom:30px;}
body.home {
background-size: auto 516px
}
body.innerpage {
background-size: auto 316px
}
.content .section-three .members {
max-width: 705px
}
.header-banner .header .mobile-navigation .navbar .navbar-collapse .nav li a {
font-size: 13px;
padding: 13px 6px
}
.container {
max-width: 800px
}
.header-banner .banner .carousel .carousel-inner .item .carousel-caption .lead {
font-size: 50px;
line-height: 46px
}
.header-banner .banner .carousel .carousel-inner .item .carousel-caption .lead .small-text {
font-size: 25px
}
.content .section-one {
padding-top: 30px;
padding-bottom: 0
}
.header-banner .header .timing .schedule .btn {
font-size: 18px
}
.content .section-two .platinum {
padding-top: 35px
}
.footer .thier-contact ul li {
text-align: center;
width: 30%;
margin: 0;
border: none
}
.footer .thier-contact ul li address, .footer .thier-contact ul li p {
margin: 0;
display: block
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
max-width: 694px;
width: 100%;
margin: 0 auto
}
.content .section-two .services {
padding-bottom: 20px
}
.innerpage .content .common-area .row .col-md-6 {
width: 100%;
float: left;
display: block
}
.content h2, h1 {
margin-bottom: 17px
}
.row .col-md-6:last-child {
padding-left: 15px
}
.row .col-md-6:first-child {
padding-right: 15px
}
.innerpage .content .common-area iframe {
margin-bottom: 20px
}
.frm_forms.with_frm_style {
max-width: 100%
}
.footer .copy-right .footer-nav ul {
text-align: center
}
.footer .copy-right .footer-nav ul li {
float: none;
display: inline-block
}
.carousel-caption {
bottom: -15px
}
.innerpage .content .common-area .sidebar {
padding-top: 16px
}
.innerpage .content .common-area .blog .pull-right {
float: none!important
}
.innerpage .content .common-area .what-do .date {
text-align: left;
margin-right: 30px
}
.innerpage .content .common-area .what-do br {
display: none
}
.appointment-form .with_frm_style .form-field {
float: none
}
.appointment-form .with_frm_style .to {
padding: 0
}
.appointment-form .with_frm_style #frm_field_100_container {
margin-bottom: 5px
}
.innerpage .content .common-area .date-wise .col-md-2 {
float: left
}
.innerpage .content .common-area .date-wise .side-text {
overflow: hidden;
margin-left: 0
}
.footer section:after{ display:none;}
.footer .copy-right .menu li{ width:33%;}
.footer section.widget-2, .footer section.widget-3{ padding:0 15px;}
.footer section.widget-2{ font-size:0;}
.footer section.widget-2 .mail-section, .footer section.widget-2 .phone-section, .footer section.widget-2 .address-section{ display:inline-block; width:50%; vertical-align:top; margin:0;}
.footer section.widget-2 .address-section{ margin-top:10px;}
.footer-logo{ text-align:center;}
}
@media(max-width:768px) {
.header-banner .header .mobile-navigation .navbar .navbar-collapse .nav li a {
padding: 13px 4px
}
img.block {
margin: 15px auto
}
.desktop {
text-align: center
}
.innerpage .content .common-area span.thumbnail img {
border: 1px solid #ddd;
border-radius: 4px
}
.innerpage .content .common-area span.thumbnail {
border: 0;
padding: 0;
text-align: center;
display: block;
margin-bottom: 10px
}
.header-banner .banner .carousel .carousel-inner .item .carousel-caption {
right: 30%
}
}
@media (max-width:767px) {
.innerpage .header-banner .banner .carousel .carousel-inner .item .carousel-caption, .shadow {
bottom: 0
}
.awards ul li {
padding: 15px 5px
}
.header-banner .header .mobile-navigation .navbar .navbar-collapse .nav li .sub-menu li a {
border-bottom: 1px solid #CCC
}
.header-banner .header .mobile-navigation .navbar .navbar-collapse .nav li .sub-menu li>.sub-menu {
width: 100%;
position: static;
display: block;
border: none
}
.innerpage .content .common-area .date-wise .col-md-2 {
float: none
}
.innerpage .content .common-area .date-wise .side-text a.read-more {
text-align: left
}
.innerpage .content .common-area .date-wise .side-text {
overflow: visible
}
.innerpage .content .common-area .what-do .date.pull-left {
float: none!important;
text-align: center;
margin-right: 0;
margin-bottom: 15px
}
.innerpage .content .common-area .date-wise .side-text img {
margin-bottom: 10px
}
.innerpage .content h3 {
font-size: 20px;
line-height: 24px
}
.shadow {
box-shadow: 0 -13px 12px -11px rgba(0,0,0,.3) inset);
-webkit-box-shadow: 0 -13px 12px -11px rgba(0,0,0,.3) inset;
-ms-box-shadow: 0 -13px 12px -11px rgba(0,0,0,.3) inset;
-moz-box-shadow: 0 -13px 12px -11px rgba(0,0,0,.3) inset;
-o-box-shadow: 0 -13px 12px -11px rgba(0,0,0,.3) inset;
position: absolute;
width: 100%;
left: 0;
height: 18px
}
body.home, body.innerpage {
background: 0 0
}
.mobile {
display: block
}
.desktop {
display: none
}
.header-banner .banner .carousel .carousel-inner .item {
box-shadow: none
}
.header-banner .header .mobile-navigation .navbar .container-fluid .navbar-header a, .header-banner .header .mobile-navigation .navbar .container-fluid .navbar-header button {
width: 25%;
float: left;
display: block;
text-decoration: none;
background: 0 0;
box-shadow: none;
border: none;
border-right: 1px solid #69b9ee!important;
margin: 0;
padding: 6px 0;
border-radius: 0
}
.header-banner .header .mobile-navigation .navbar .navbar-collapse .nav li a {
font-size: 16px
}
.header-banner .header .mobile-navigation .navbar .container-fluid .navbar-header a:last-child {
border: none!important
}
.navbar a img, .navbar button img {
max-width: 100%;
display: block;
margin: 0 auto
}
.header-banner .header .mobile-navigation .navbar .container-fluid .navbar-header a:hover, .header-banner .header .mobile-navigation .navbar .container-fluid .navbar-header button:hover {
background: rgba(255,255,255,.3)
}
.navbar button .text-below, .navbar-header a .text-below {
font-size: 13px;
display: block;
color: #fff;
text-align: center
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background: #69b9ee
}
.top-bar {
padding: 7px 0 5px
}
.banner .container, .header-banner .container {
padding: 0
}
.top-bar .follow-us {
float: none!important;
text-align: center
}
.top-bar .follow-us .number {
display: inline-block;
float: none!important;
vertical-align: top
}
.top-bar .follow-us .site-logos {
float: none;
display: inline-block
}
.header-banner {
background: 0 0
}
.header-banner .header .timing .logo {
float: none!important
}
.header-banner .header .timing .schedule {
display: none
}
.header-banner .header .timing .logo .brand {
text-align: center;
margin-left: 0
}
.banner {
background: url(//orthoworx.com/wp-content/themes/orthoworx/images/header-banner-bg.jpg) no-repeat;
background-size: cover
}
.header-banner .header .mobile-navigation .navbar .navbar-collapse {
margin: 0
}
.header-banner .header .mobile-navigation .navbar .navbar-collapse .nav {
margin: 10px 0
}
.header-banner .header .mobile-navigation .navbar .container-fluid .navbar-header {
margin: 0
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {
max-width: 231px
}
.innerpage .content .common-area .media .media-left {
float: none!important;
margin: 0 auto 20px;
display: block;
width: 50%
}
.innerpage .content .common-area .media .media-left img {
width: 100%
}
.footer .copy-right .footer-nav {
display: none
}
.innerpage .header-banner {
background: 0 0
}
.innerpage .header-banner .banner .carousel .carousel-inner .item .carousel-caption .lead {
font-size: 33px;
line-height: 36px
}
.content h2, h1 {
margin-bottom: 10px
}
.desktop-slider {
display: none!important
}
.mobile-slider {
display: block!important
}
.innerpage .content .common-area .team-member {
border-bottom: 1px solid #eee;
padding-bottom: 20px;
margin-bottom: 20px
}
.innerpage.page-id-12 .content .common-area .row .col-md-6 {
margin-top: 20px
}
hr {
display: none
}
.innerpage .content .common-area .what-do>.blog {
border-bottom: 1px solid #eee;
padding-bottom: 20px;
margin-bottom: 13px
}
.innerpage .content .common-area .team-member .well-md {
margin-bottom: 0
}
.header-banner .header .mobile-navigation .navbar .navbar-collapse .nav li>.sub-menu {
position: static;
width: 100%;
display: block;
border: none
}
.header-banner .header .mobile-navigation .navbar .navbar-collapse .nav li .sub-menu li .sub-menu a {
font-size: 14px
}
.header-banner .banner .carousel .carousel-inner .item .carousel-caption {
left: 10px;
bottom: 0;
padding-bottom: 0;
right: 52%
}
.header-banner .banner .carousel .carousel-inner .item .carousel-caption .lead {
font-size: 30px;
line-height: 35px
}
.header-banner .banner .carousel .carousel-inner .item .carousel-caption .lead br {
display: none
}
.footer section.widget-2 .mail-section, .footer section.widget-2 .phone-section, .footer section.widget-2 .address-section{ display:block; width:100%;  margin:0;}
.footer .copy-right .menu li{ width:50%;}
.footer section.widget-2 .address-section{ margin-top:10px;}
}
@media (max-width:480px) {
.footer .copy-right .menu li{ width:100% !important;}
.footer .container, .innerpage .content .common-area span.thumbnail img, img.block {
width: 100%
}
.awards {
display: none
}
img.block:last-child {
margin-bottom: 0
}
.innerpage .content .common-area .team-member h3 {
text-align: center
}
.page-id-218 .content .common-area .team-member h3, .with_frm_style .frm_left_container label.frm_primary_label {
text-align: left
}
.innerpage.page-id-12 .content .common-area .team-member img {
margin: 0 auto
}
.innerpage .content .common-area {
padding-top: 30px
}
.innerpage .content .common-area span.thumbnail {
display: block;
margin-bottom: 12px
}
.content h2, h1 {
font-size: 26px;
line-height: 31px;
margin-bottom: 10px;
letter-spacing: -.05em
}
.content .section-one .doctors-blog .media .pull-left-img {
float: none;
display: block;
margin: 3px auto 20px
}
.content .section-one .doctors-blog .btn-blue, .content .section-two .platinum .invia-img, .header-banner .banner .carousel .carousel-indicators {
display: none
}
.content .section-two {
padding: 0
}
.content .section-three {
background: 0 0;
padding-bottom: 25px;
padding-top: 25px
}
.content .section-three .our-team {
margin-bottom: 25px
}
.content .section-two .platinum {
padding: 0
}
.content .section-two .platinum .thumbnail .its-caption h3 {
font-size: 16px; padding-left: 20px;
line-height: 24px;
margin-bottom: 0
}
.content .section-two .platinum .thumbnail .its-caption p {
font-size: 9px;
line-height: 13px
}
.content .section-two .platinum .media .media-body p:last-child {
margin-bottom: 15px
}
.footer .container {
max-width: none
}
.footer .thier-contact {
padding: 9px 0
}
.content .section-two .platinum .thumbnail {
margin-bottom: 11px
}
.innerpage.page-id-12 .content .common-area, .innerpage.page-id-218 .content .common-area {
padding-bottom: 0
}
.pull-left-img {
margin: 0 auto
}
.mobile {
text-align: center
}
.mobile img {
max-width: 100%
}
.footer .thier-contact ul li {
margin: 0;
width: 100%;
font-size: 15px;
border-bottom: 1px solid #595959;
padding: 10px 0
}
.footer .thier-contact ul li .thumb img {
width: 65px
}
.header-banner .banner .carousel .carousel-inner .item .carousel-caption {
left: 10px;
bottom: 0;
padding-bottom: 0;
right: 32%
}
.header-banner .banner .carousel .carousel-inner .item .carousel-caption .lead .small-text {
font-size: 14px
}
.content .section-two .services .panel-group .panel .panel-collapse .panel-body .thumbnail {
display: block;
float: none;
margin: 0 auto
}
.content .section-two .services .panel-group .panel {
padding: 11px 0
}
.header-banner .header .timing .logo .brand {
padding: 0 10px
}
.header-banner .header .timing .logo .brand img {
width: 100%
}
.jcarousel-control-prev {
left: -10px!important
}
.jcarousel-control-next {
right: -10px!important
}
.top-bar .follow-us .site-logos .follow {
display: none
}
.top-bar .follow-us .number {
margin: 0
}
.content p, .innerpage .content .common-area .dr-chan-memberships {
margin-bottom: 15px
}
.pull-left-img {
float: none;
display: block
}
.footer .copy-right {
padding: 14px 0
}
.footer .copy-right p {
font-size: 13px;
line-height: 24px
}
.innerpage .header-banner .banner .carousel .carousel-inner .item .carousel-caption .lead {
font-size: 20px;
line-height: 24px;
text-shadow: 0 2px 3px #fff
}
.innerpage .content .common-area .media .media-body .table tr th {
font-size: 14px
}
.innerpage .content .common-area .media .media-body .table tr td {
font-size: 12px
}
.innerpage .content .common-area .dr-chan-memberships td {
font-size: 14px;
display: block;
width: 100%
}
.content p {
font-size: 14px;
line-height: 22px
}
.with_frm_style .frm_form_field .frm_primary_label {
display: block;
width: 100%!important
}
.frm_form_fields_active_style, .frm_form_fields_error_style, .frm_form_fields_style, .with_frm_style .chzn-container-multi .chzn-choices, .with_frm_style .chzn-container-single .chzn-single, .with_frm_style .frm_scroll_box .frm_opt_container, .with_frm_style input[type=email], .with_frm_style input[type=number], .with_frm_style input[type=password], .with_frm_style input[type=tel], .with_frm_style input[type=text], .with_frm_style input[type=url], .with_frm_style select, .with_frm_style textarea {
width: 100%!important;
max-width: 96%!important
}
.with_frm_style div.frm_submit input[type=submit] {
margin-left: 0
}
.appointment-form .with_frm_style .form-field {
width: 100%;
display: block;
float: none;
margin-bottom: 15px!important
}
.innerpage .content .common-area .team-member .well-md {
font-size: 13px;
line-height: 24px
}
.innerpage .content .common-area .what-do .blog .pull-left-img {
margin: 10px auto 12px
}
.header-banner .banner .carousel .carousel-inner .item .carousel-caption .lead {
font-size: 20px;
line-height: 25px
}
.header-banner .banner .carousel .carousel-inner .item .carousel-caption .lead br {
display: block
}
}
@media (max-width:320px) {
.header-banner .header .mobile-navigation .navbar .container-fluid .navbar-header a {
width: 26.6%;
letter-spacing: -.06em
}
.header-banner .header .mobile-navigation .navbar .container-fluid .navbar-header button {
width: 20%
}
.content .section-two .services .panel-group .panel .panel-heading .panel-title a {
letter-spacing: -.07em
}
.content .section-two .services .panel-group .panel .panel-collapse .panel-body .thumbnail {
display: none
}
.jcarousel-control-prev {
left: 10px!important
}
.jcarousel-control-next {
right: 10px!important
}
}
.awardsmodal .modal-body img {
width: 100%
}
button.close {
padding-right: 2px;
z-index: 99999;
position: absolute;
right: 3px
}
.modal-dialog {
display: table;
width: auto
}
.map-section{ float:left; width:100%; margin-bottom:25px; margin-top:8px; }
.map-section iframe{width:100%; height:300px;}
.address-sec {float: left;width:100%; margin-bottom:10px; }
.home-icon{ display:table-cell; padding-right:20px; vertical-align:middle;}
.address-row address {display:table-cell; font-size:16px; vertical-align:middle; }
.address-row{ float:left; width:100%; margin-bottom:15px; }
.address-row .right-address-box{ display:table-cell; font-size:16px; vertical-align:middle; }
.address-row .right-address-box a{ color:#333333; }
.address-row .right-address-box a:hover{ color:#2f87e2; }
.address-row .email-image {margin-top:3px;}
@media(max-width:767px){
.innerpage .content .address-sec h3{font-size:18px;}
.address-row address, .address-row .right-address-box{font-size:14px;}
.home-icon > img {width:20px;}
.home-icon{padding-right:10px;}
.address-row .email-image{margin-top:0px;}
.email_id span {overflow-wrap:break-word;white-space:pre-line;}
.footer .thier-contact ul li {border-bottom:1px solid #595959 !important;font-size:15px;margin:0;padding:10px 0;width:100% !important;}
}
@media(max-width:640px){
.brand.mobile > img {width: 74%;}
}
@media(max-width:480px){
.innerpage .content .address-sec h3{ font-size:16px; }
}
#menu-item-2032 > .sub-menu, #menu-item-2055 > .sub-menu {
display:none;
}
#menu-item-2032 > .sub-menu li, #menu-item-2055 > .sub-menu li{
display:block;
}
#menu-item-2032 > a, #menu-item-2055 > a {
cursor: pointer;
}
#menu-item-2032 > a > span, #menu-item-2055 > a > span{
vertical-align:middle;
}
.boxed{
border:3px solid #fea83db0;
padding: 1rem;
background-color: #F8F8F8;
}.jcarousel-wrapper {
position: relative;
} .jcarousel {
position: relative;
overflow: hidden;
width: 100%;
}
.jcarousel ul {
width: 20000em;
position: relative;
list-style: none;
margin: 0;
padding: 0;
}
.jcarousel li {
width: 200px;
float: left;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.jcarousel img {
display: block;
max-width: 100%;
height: auto !important;
} .jcarousel-control-prev,
.jcarousel-control-next {
position: absolute;
top: 32%;
margin-top: 0;
width: 15px;
height: 42px;
text-align: center;
color: #fff;
text-decoration: none;
text-shadow: 0 0 1px #000;
font: 24px/27px Arial, sans-serif;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
-webkit-box-shadow: 0 0 4px #F0EFE7;
-moz-box-shadow: 0 0 4px #F0EFE7;
box-shadow: 0 0 4px #F0EFE7;
}
.jcarousel-control-prev {
left: 15px;
background-image: url(//orthoworx.com/wp-content/themes/orthoworx/images/left-arrow.png);
background-repeat: no-repeat;
}
.jcarousel-control-next {
right: 15px;
background-image: url(//orthoworx.com/wp-content/themes/orthoworx/images/right-arrow.png);
background-repeat: no-repeat;
} .jcarousel-pagination {
position: absolute;
bottom: -40px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
margin: 0;
}
.jcarousel-pagination a {
text-decoration: none;
display: inline-block;
font-size: 11px;
height: 10px;
width: 10px;
line-height: 10px;
background: #fff;
color: #4E443C;
border-radius: 10px;
text-indent: -9999px;
margin-right: 7px;
-webkit-box-shadow: 0 0 2px #4E443C;
-moz-box-shadow: 0 0 2px #4E443C;
box-shadow: 0 0 2px #4E443C;
}
.jcarousel-pagination a.active {
background: #4E443C;
color: #fff;
opacity: 1;
-webkit-box-shadow: 0 0 2px #F0EFE7;
-moz-box-shadow: 0 0 2px #F0EFE7;
box-shadow: 0 0 2px #F0EFE7;
}