/* transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s; */ /** Site Font Here *****/ @font-face { font-family: 'MicrosoftNewTaiLue'; src: url('../fonts/MicrosoftNewTaiLue.eot?#iefix') format('embedded-opentype'), url('../fonts/MicrosoftNewTaiLue.woff') format('woff'), url('../fonts/MicrosoftNewTaiLue.ttf') format('truetype'), url('../fonts/MicrosoftNewTaiLue.svg#MicrosoftNewTaiLue') format('svg'); font-weight: 400; font-style: normal; } @font-face { font-family: 'MicrosoftNewTaiLue'; src: url('../fonts/MicrosoftNewTaiLue-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/MicrosoftNewTaiLue-Bold.woff') format('woff'), url('../fonts/MicrosoftNewTaiLue-Bold.ttf') format('truetype'), url('../fonts/MicrosoftNewTaiLue-Bold.svg#MicrosoftNewTaiLue-Bold') format('svg'); font-weight: 700; font-style: normal; } body, span, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li > a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub li a, p, ul li, ol li { font-family: 'MicrosoftNewTaiLue', Arial, sans-serif; } body { font-size: 18px; line-height: 24px; color: #555555; font-weight: 400 } body > div { position: fixed } body > div.wrappermain { position: static } body header + div, body .wrappermain > div { position: relative; } .noscript-img { display: inline; height: 36px; margin: 0 auto; width: 34px; } .noscript { background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; border-top: 1px solid #fcb215; bottom: 0; float: left; font-size: 20px; left: 0; margin: 0 auto; min-height: 50px; padding: 10px 0; position: fixed; right: 0; text-align: center; top: auto; width: 100%; z-index: 99999; color: #fff } .noscript i { color: #f00 } a:focus, a:hover { text-decoration: none; outline: none; } p { color: #555555; font-size: 18px; line-height: 36px; margin: 0 0 20px; font-weight: 400; } a { color: #fcb215; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; text-decoration: none; outline: none } .cms-area ul, .cms-area ol { overflow: hidden; } /* Ul li - OL li */ ul > li { color: #555555; font-size: 18px; line-height: 36px; word-wrap: break-word; list-style: none; position: relative; font-weight: 400; } ol > li { color: #555555; font-size: 18px; line-height: 36px; word-wrap: break-word; position: relative; font-weight: 400; } ul > li::before { content: ""; position: absolute; left: -20px; top: 1px; background: #003556; border-radius: 50%; width: 8px; height: 8px; } ul > li > ul > li::before { content: ""; position: absolute; left: -20px; top: 10px; border: 2px solid #003556; background: transparent; border-radius: 50%; width: 10px; height: 10px; } ol > li:before, ul > li > ol > li:before { display: none } ol > li, ul > li > ol > li { list-style: decimal; list-style-position: outside; } ol > li > ol > li { list-style-type: lower-alpha; } ol > li + li, ul > li + li { margin-top: 5px !important; } ol ol, ol ul, ul ol, ul ul { margin-top: 5px; } ol.breadcrumb > li::before { display: inline-block; } select::-ms-expand { display: none !important; } .cta-button a.btn.btn-primary { width: 100%; height: auto; padding: 14px 10px; display: inline-block; white-space: inherit !important; font-size: 22px; line-height: 22px; } .service_section .cta-button { margin: 40px auto 0 auto; width: auto; text-align: center; display: block; } .service_section .cta-button a.btn.btn-primary { width: auto; padding: 15px 20px; } /* */ /*Location Page */ .location_page{padding: 30px 30px;} .location_page ul{margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center;list-style: none;} .location_page ul li{ width: auto; float: left; margin: 5px 10px; padding: 0px; position: relative; list-style: none; } .location_page ul li:before{ display:none;} .location_page ul li a{text-align:center; text-decoration: none; padding: 16px 30px;border-radius: 5px;display: inline-block; width:210px; font-size: 16px; color: #fff; position: relative; z-index: 1; background: #fcb215;; border: 2px solid #fcb215;; line-height: 18px; box-shadow: none !important; letter-spacing: 0px; font-weight: 500;} .location_page ul li a i{position: relative; left: -10px;} .location_page ul li a:hover{ background: transparent; color: #fcb215;;} .location_page h2{text-align:center} .location_page p{text-align:center;} /*faq page*/ .xga-accrodion { margin: 0 0 20px; } .xga-accordion-wrapper-2 .xga-accrodion .xga-accordion-heading a:after { width: 25px; height: 25px; background: url(../images/down_arrow.png) no-repeat; position: absolute; left: 20px; top: 15px; content: ""; -webkit-transition: .3s ease-in; -o-transition: .3s ease-in; transition: .3s ease-in; display: inline-block; background-color: #fcb215; color: #fff; text-align: center; } .xga-accordion-wrapper-2 .xga-accrodion .xga-accordion-heading a.open:after { width: 25px; height: 25px; content: ""; background: url(../images/up_arrow.png) no-repeat; position: absolute; left: 20px; top: 15px; content: ""; -webkit-transition: .3s ease-in; -o-transition: .3s ease-in; transition: .3s ease-in; display: inline-block; background-color: #fcb215; color: #fff; text-align: center; } .xga-accordion-wrapper-2 .xga-accrodion .xga-accordion-heading a { background-color: #FFFFFF; padding: 15px 40px; text-decoration: none; display: block; width: 100%; color: #555555; font-size: 18px; line-height: 26px; -webkit-transition: .3s ease-in; -o-transition: .3s ease-in; transition: .3s ease-in; font-weight: 600; font-family: 'Poppins', sans-serif; position: relative; -webkit-box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.1); padding-left: 60px; } .xga-accordion-wrapper-2 .xga-accrodion .xga-accordion-heading a.open { margin-bottom: 0px; color: #fcb215; } .xga-accordion-wrapper-2 .xga-accrodion .xga-accordion-body { max-height: 0; overflow: hidden; -webkit-transition: max-height .3s ease-in; -o-transition: max-height .3s ease-in; transition: max-height .3s ease-in; } .xga-accordion-wrapper-2 .xga-accrodion .xga-accordion-body .xga-acc-content { color: rgba(40, 40, 40, 0.8); padding: 15px 30px; border-top: 0; display: block; width: 100%; padding-top: 25px; font-size: 16px; padding-left: 60px; } .xga-accordion-wrapper-2 .xga-accrodion .xga-accordion-body.show { max-height: -webkit-fit-content; max-height: -moz-fit-content; max-height: fit-content; -webkit-transition: max-height .3s ease-in; -o-transition: max-height .3s ease-in; transition: max-height .3s ease-in; } .xga-accordion-wrapper-2 { position: relative; z-index: 0; } .xga-accordion-wrapper-2:after { position: absolute; left: 30px; top: 0; height: 95%; width: auto; border-left: 2px dashed #fcb215; content: ''; z-index: -1; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-bottom: 0; margin-top: 0; color: #333; font-weight: 700; } h1, .h1 { font-size: 38px; } h2, .h2 { font-size: 32px; } h3, .h3 { font-size: 26px; } h4, .h4 { font-size: 20px; } h5, .h5 { font-size: 16px; } h6, .h6 { font-size: 14px; } .alignleft { float: left; margin: 0 15px 15px 0; } .alignright { float: right; margin: 0 0 15px 15px; } .aligncenter { display: block; margin: 0 auto 15px; } .alignnone { float: none; margin: 0 0 15px 0; } img.alignleft, img.alignright, img.aligncenter, img.alignnone { max-width: 100%; } .cms-area { padding: 60px 0; } .cms-area h1, .cms-area .h1, .cms-area h2, .cms-area .h2, .cms-area h3, .cms-area .h3, .cms-area h4, .cms-area .h4, .cms-area h5, .cms-area .h5, .cms-area h6, .cms-area .h6 { margin-top: 15px; text-transform: none; margin-bottom: 15px; } .welcome_content h1, .welcome_content .h1 { font-size: 34px; } .welcome_content h2, .welcome_content .h2 { font-size: 28px; } .welcome_content h3, .welcome_content .h3 { font-size: 24px; } .welcome_content h4, .welcome_content .h4 { font-size: 20px; } .welcome_content h5, .welcome_content .h5 { font-size: 18px; } .welcome_content h6, .welcome_content .h6 { font-size: 16px; } .wpcf7-form-control-wrap { display: block; } label.error, .wpcf7-form label.error, .recaptcha-error-message, span.wpcf7-not-valid-tip { background: #f00; border-radius: 0; bottom: -18px; color: #fff !important; font-size: 12px !important; margin: 0; padding: 2px 6px !important; left: 10px; position: absolute; right: auto; top: auto; width: auto; box-shadow: 0 0 5px rgba(0,0,0,0.5); line-height: normal; } label.error::before, .wpcf7-form label.error::before, .recaptcha-error-message::before, span.wpcf7-not-valid-tip:before { border-bottom: 5px solid #f00; border-style: solid; border-width: 0 5px 5px; color: rgba(0, 0, 0, 0); content: ""; display: block; left: 5px; margin-top: -5px; position: absolute; top: 0; } .fancybox-wrap { position: fixed !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; -moz-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; -o-transform: translate(-50%, -50%) !important; -webkit-transform: translate(-50%, -50%) !important; } .header .header-wrapper .primary .navbar .navbar-collapse ul.nav > li:before, .header .header-wrapper .primary .navbar .navbar-collapse .nav .sub li:before, .head-top .top-link li:before, .social-main ul li:before { display: none; } .mc4wp-alert.mc4wp-error p, .mc4wp-alert.mc4wp-notice p { background: #e68d8d; color: #000; padding: 0 20px; margin: 15px 0 0 0; } .mc4wp-alert.mc4wp-success p { background: #8ac18c; color: #000; padding: 0 20px; margin: 15px 0 0 0; } .mc4wp-alert.mc4wp-success p a, .mc4wp-alert.mc4wp-error p a, .mc4wp-alert.mc4wp-notice p a { color: #000; text-decoration: underline; } div.wpcf7 .ajax-loader { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); background-size: 100%; } input::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder { text-transform: capitalize; } input:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder { text-transform: capitalize; } input::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder { text-transform: capitalize; } input:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder { text-transform: capitalize; } /**common */ a, button, ::after, ::before { transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .m_auto { margin-left: auto !important; margin-right: auto !important; } .white { color: #fff !important; } table th { font-weight: 700; background: #fcb215; border: 1px solid #305f92 !important; font-size: 16px; line-height: 24px; color: #fff; } .service-detail img { max-width: 100%; } .owl-carousel .owl-item { backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; -webkit-backface-visibility: visible !important; } .select_box { position: relative; } .select_arrow i { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 1; pointer-events: none; font-size: 24px; color: #606060; } .select_box select { appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; -webkit-appearance: none; } .section_padding { padding: 80px 0 } .main_title { font-size: 40px; color: #333333; font-weight: 700; line-height: normal } /**common */ /* Menu CSS ****************/ header { position: absolute; background-color: #fff; top: 0; width: 100%; z-index: 999 } header.sticky { position: fixed } .overly { position: fixed !important; left: 0; top: 0; bottom: 0; z-index: 9999; background: rgba(0,0,0,0.8); width: 0; transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; } .overly:before { content: ""; background-repeat: no-repeat; width: 25px; height: 25px; position: fixed; right: 510px; top: 10px; opacity: 0; pointer-events: none; display: block !important; } body.menuoverly .overly:before { opacity: 1 } body.menuoverly { overflow: hidden; } body.menuoverly .overly { width: calc(100% - 360px); transition: all 0.8s ease 0.7s; -moz-transition: all 0.8s ease 0.7s; -ms-transition: all 0.8s ease 0.7s; -o-transition: all 0.8s ease 0.7s; -webki-transition: all 0.8s ease 0.7s; } nav ul { list-style: none; margin: 0; padding: 0 } .header .header-wrapper .container { position: relative } .header .header-wrapper .logo-box .logo { display: table-cell; max-width: 100%; vertical-align: middle; width: 100%; padding: 20px 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .header .header-wrapper .logo-box .logo a { display: inline-block; max-width: 100% } .header .header-wrapper .logo-box .logo a img, .header .header-wrapper .logo-box .logo a .logo-img { max-width: 249px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .header .header-wrapper .logo-box.auto-height { display: block; } .header .header-wrapper .logo-box.auto-height .logo { display: block } .header .header-wrapper .logo-box.auto-height .logo img { max-height: inherit } .header .header-wrapper .primary { float: none; z-index: 900; margin: 0 0 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .header .header-wrapper .primary .navbar { background: none; border: 0 none; margin: 0; min-height: 44px; padding: 0; display: block } .header .header-wrapper .primary .navbar nav { margin: 0 0px 0 0; } .header .header-wrapper .primary .navbar .navbar-collapse { padding: 0; position: relative } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav { margin: 0; position: relative; text-align: center; display: block; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .parent { position: relative } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .parent:hover>.sub { display: block; -webkit-animation: fadeIn 0.4s; animation: fadeIn 0.4s } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li { margin: 0 0 0 40px } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li:first-child { margin: 0 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li:after { background: none; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li:before, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub li:before { display: none; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li { padding: 0; position: relative; margin-top: 0 !Important; float: none; display: inline-block; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li > a { background: none; color: #555555; line-height: 20px; padding: 18px 0; display: block; position: static; text-shadow: none; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; z-index: 901; font-size: 16px; text-transform: capitalize; font-weight: 700; margin: 0; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.parent.megamenu { overflow: hidden; position: static } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.parent.megamenu>a { position: relative } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.parent.megamenu:hover>a:after { left: 0; right: 0 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.parent .parent>a:after { border-left: 5px solid #909090; border-top: 5px solid rgba(0, 0, 0, 0); border-bottom: 5px solid rgba(0, 0, 0, 0); content: ""; height: 0; position: absolute; right: 10px; top: 50%; width: 0; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav a>i { margin-right: 2px; opacity: .8; filter: alpha(opacity=80); text-align: center; width: 15px } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav a .item-new { background: #ff0068; border-radius: 3px; color: #fff; font-size: 11px; line-height: 1; letter-spacing: 0.01em; padding: 4px 10px; position: absolute; right: 19px; top: 1px; text-transform: uppercase } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav a .item-new .before, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav a .item-new:before { border: 5px solid transparent; border-right-color: #ff0068; bottom: -5px; content: ""; display: block; position: absolute; right: 0 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav a .item-new.bg-info .before, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav a .item-new.bg-info:before { border-right-color: #0098ca } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav a .item-new.bg-success .before, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav a .item-new.bg-success:before { border-right-color: #738d00 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav a .item-new.bg-primary .before, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav a .item-new.bg-primary:before { border-right-color: #037ac5 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav a .item-new.bg-warning .before, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav a .item-new.bg-warning:before { border-right-color: #f89406 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav a .item-new.bg-danger .before, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav a .item-new.bg-danger:before { border-right-color: #c10841 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu a .item-new { right: 14px; top: -12px } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub .item-new, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu .sub a .item-new { float: right; left: 0; margin: 2px 0 0 10px; position: relative; top: 0 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu .sub a .item-new { float: none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub { text-align: left; background: #fff none repeat scroll 0 0; border: medium none; border-radius: 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) !important; display: none; line-height: 24px; margin: 0; padding: 0; position: absolute; z-index: 905; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub li { margin: 0 !important; font-size: 13px; line-height: 24px; margin: 0; padding: 0; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub li:after { background: none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub li a { color: #555555; display: block; font-size: 16px; font-weight: 700; padding: 5px 10px; text-decoration: none; text-transform: capitalize; transition: opacity 0.2s linear 0s; width: 210px; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub li.selected > a { color: #fff; background: #fcb215; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub .item-new .before, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub .item-new:before { display: none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub .sub { left: 100%; top: 0 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub .sub .sub .parent>a { background: none !important } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub .sub .sub .parent>a:after { display: none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub .sub .sub .sub { background: none; border: 0 none; box-shadow: none; display: block; left: 0; padding: 0 0 0 10px; position: relative; -webkit-animation: fadeIn 0; animation: fadeIn 0 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu .title { font-size: 13px; line-height: 23px; margin: 0 0 3px; text-transform: uppercase } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub { border-radius: 3px; left: -15px; padding: 0; width: 886px; z-index: 900 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub a { width: 100% } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub .sub-wrapper { display: table; width: 100% } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub .promo-block { border-right: 1px solid #ccc; display: table-cell; font-size: 12px; line-height: 18px; position: relative; text-align: center; vertical-align: middle; width: 34% } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub .promo-block.text-right { text-align: right } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub .promo-block.text-left { text-align: left } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub .sub-list { display: table-cell; padding: 35px 5px; vertical-align: top; width: 100% } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub .sub-list + .promo-block { border-left: 1px solid #ccc; border-right: 0 none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub .box { float: left; padding: 0 20px 28px; width: 33% } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub .box:nth-child(3n + 1), .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub .box:nth-child(2n + 1) { clear: left } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.promo>.sub .sub-list { width: 66% } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.promo>.sub .box { clear: none; width: 50% } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.four-columns>.sub .box { clear: none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.four-columns>.sub .box:nth-child(4n + 1), .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.four-columns>.sub .box:nth-child(3n + 1) { clear: left } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.promo.four-columns>.sub .box { clear: none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.four-columns>.sub .promo-block, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.four-columns>.sub .box { width: 25% } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.four-columns>.sub .sub-list { width: 75% } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.promo.four-columns>.sub .box { width: 33% } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.five-columns>.sub .box { clear: none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.five-columns>.sub .box:nth-child(5n + 1), .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.promo.five-columns>.sub .box:nth-child(4n + 1) { clear: left } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.promo.five-columns>.sub .box { clear: none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.five-columns>.sub .promo-block, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.five-columns>.sub .box { width: 20% } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.five-columns>.sub .sub-list { width: 80% } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu.promo.five-columns>.sub .box { width: 25% } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li[class*="item-"]:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav [class*="item-"] .sub { box-shadow: none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.text-primary>a { color: #037ac5 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.text-success>a { color: #738d00 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.text-info>a { color: #0098ca } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.text-warning>a { color: #f89406 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.text-danger>a { color: #c10841 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.parent.item-bg:hover>a:after { display: none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-inverse>a { color: #fff } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-primary.item-inverse>a { background: #037ac5 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-success.item-inverse>a { background: #738d00 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-info.item-inverse>a { background: #0098ca } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-warning.item-inverse>a { background: #f89406 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-danger.item-inverse>a { background: #c10841 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-inverse:hover>a { background: #fff; color: #1e1e1e } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-primary:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-primary .sub, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-primary.megamenu>.sub .promo-block { border-color: #037ac5 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-success:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-success .sub, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-success.megamenu>.sub .promo-block { border-color: #738d00 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-info:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-info .sub, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-info.megamenu>.sub .promo-block { border-color: #0098ca } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-warning:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-warning .sub, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-warning.megamenu>.sub .promo-block { border-color: #f89406 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-danger:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-danger .sub, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-danger.megamenu>.sub .promo-block { border-color: #c10841 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-bg:hover a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-bg .sub a { color: #fff } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-primary.item-bg:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-primary.item-bg .sub, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-primary.item-bg.parent .sub, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-primary.item-bg.parent:hover>.sub { background: #037ac5 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-success.item-bg:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-success.item-bg .sub, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-success.item-bg.parent .sub, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-success.item-bg.parent:hover>.sub { background: #738d00 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-info.item-bg:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-info.item-bg .sub, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-info.item-bg.parent .sub, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-info.item-bg.parent:hover>.sub { background: #0098ca } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-warning.item-bg:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-warning.item-bg .sub, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-warning.item-bg.parent .sub, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-warning.item-bg.parent:hover>.sub { background: #f89406 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-danger.item-bg:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-danger.item-bg .sub, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-danger.item-bg.parent .sub, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .item-danger.item-bg.parent:hover>.sub { background: #c10841 } .header .header-wrapper .header-icons { float: right; margin: 9px 0; text-align: right } .header .header-wrapper .cart-header { display: inline-block; font-size: 12px; margin: 0 -15px 0 -1px; white-space: normal } .header .header-wrapper .cart-header.no-open { opacity: 0; filter: alpha(opacity=0) } .header .header-wrapper .cart-header .dropdown-toggle { border-width: 1px; border-color: #fff; border-color: transparent; border-bottom: 0 none; color: #1e1e1e; display: block; line-height: 22px; outline: none; padding: 11px 15px 12px; position: relative; text-decoration: none; text-shadow: none; -webkit-transition: border-color 0.4s linear, box-shadow 0.4s linear; transition: border-color 0.4s linear, box-shadow 0.4s linear; z-index: 891 } .header .header-wrapper .cart-header .dropdown-toggle .icon { display: inline-block; height: 22px; margin: 0 8px 0 0; vertical-align: top; width: 16px } .header .header-wrapper .cart-header .dropdown-toggle .icon svg { margin-top: 2px; vertical-align: top } .header .header-wrapper .cart-header.open .dropdown-toggle { background: #fff; border-color: #ccc; border-bottom: 0 none; border-radius: 3px 3px 0 0; box-shadow: 0 0 5px rgba(0,0,0,0.15); -webkit-transition: border-color 0.4s linear, box-shadow 0.4s linear; transition: border-color 0.4s linear, box-shadow 0.4s linear } .header .header-wrapper .cart-header.open .dropdown-toggle:after { background: #fff; bottom: 0; content: ""; display: block; height: 8px; left: -3px; margin: 0 0 -5px 0; position: absolute; right: 0 } .header .header-wrapper .cart-header .dropdown-menu { left: auto; margin: -4px 0 0 0; padding: 17px 20px 20px; right: 0; text-align: left; width: 355px; -webkit-animation: fadeIn 0.4s; animation: fadeIn 0.4s; z-index: 890 } .header .header-wrapper .cart-header .dropdown-menu .close-box { line-height: 12px; margin: 0 0 13px; text-align: right } .header .header-wrapper .cart-header .dropdown-menu .close { font-size: 26px; line-height: 12px; text-transform: uppercase; vertical-align: top } .header .header-wrapper .cart-header .dropdown-menu .close span { line-height: 14px; margin: 0 5px 0 0 } .header .header-wrapper .cart-header .dropdown-menu>strong { font-size: 13px; line-height: 22px; text-transform: uppercase } .header .header-wrapper .cart-header .dropdown-menu>ul { margin: 0 0 20px } .header .header-wrapper .cart-header .dropdown-menu>ul li { border-bottom: 1px solid #e1e1e1; padding: 24px 20px 24px 0; position: relative } .header .header-wrapper .cart-header .dropdown-menu .product-image { display: block; float: left; margin: 0 15px 0 0; width: 70px } .header .header-wrapper .cart-header .dropdown-menu .product-remove { margin: 0 0 0 5px; position: absolute; right: 0; top: 24px } .header .header-wrapper .cart-header .dropdown-menu .product-name { font-size: 12px; font-weight: normal; line-height: 18px; margin: 0 0 10px; padding-left: 85px } .header .header-wrapper .cart-header .dropdown-menu .product-price { font-size: 12px; line-height: 16px; padding-left: 85px } .header .header-wrapper .cart-header .dropdown-menu .product-price .price { font-size: 16px } .header .header-wrapper .cart-header .dropdown-menu .cart-button { text-align: right } .header .header-wrapper .cart-header .dropdown-menu .cart-button .checkout { margin-left: 6px } .header .search-form { height: 100%; margin: 0; position: relative; width: 100% } .header .search-form .search-string, .header .search-form .search-string:hover { box-shadow: none; color: #1e1e1e; font-size: 24px; height: 100%; line-height: 30px; margin: 0; padding: 14px 135px 14px 18px; width: 100% } .header .search-form .search-string:focus { border-color: #ccc; outline: 0; outline: thin dotted \9; box-shadow: none } .header .search-form .search-submit { background: none; border-left-width: 1px; height: 30px; line-height: 1; margin: 0; outline: none; padding: 0; position: absolute; right: 1px; top: 17px; width: 46px; -webkit-transition: all .3s linear; transition: all .3s linear } .header .search-form .search-submit svg { margin-top: 2px } .header .search-form .search-submit svg path { fill: #1e1e1e } .header .search-form .search-submit:hover { opacity: .5; filter: alpha(opacity=50); -webkit-transition: all .3s linear; transition: all .3s linear } .header .right-box .search-form .search-string { padding-right: 64px } .header .header-wrapper + .header-wrapper { border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; min-height: 104px; padding: 0 } .header .header-wrapper + .header-wrapper .right-box-wrapper { border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; height: 104px } .header .header-wrapper + .header-wrapper .cart-header { margin-right: -1px } .header .header-wrapper + .header-wrapper .phone-active { left: 16px; margin: 20px 0; right: 16px; width: auto } .header .header-wrapper + .header-wrapper .primary .megamenu>.sub { left: -1px; margin-left: 0 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li > a:after { content: ""; background: transparent; width: 19px; height: 19px; border: 3px solid #fcb215; border-radius: 50%; position: absolute; left: 0; right: 0; top: -10px; margin: 0 auto; transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0); } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li > a:before { content: ""; background: #003556; width: 5px; height: 5px; border-radius: 50%; position: absolute; left: 0; right: 0; top: -3px; margin: 0 auto; transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0); } .pagination { justify-content: center; width: 100%; align-items: center; align-content: center; flex-wrap: wrap; margin: 0;} .pagination li:before{ display:none;} .pagination li { margin: 0 10px !important ;} .pagination li a { background: #003556; color: #fff; padding: 10px 15px; font-size: 17px; } .pagination li.selected a { background: #fcb215; } /**/ .cms-area .page_template_new h1, .cms-area .page_template_new .h1, .cms-area .page_template_new h2, .cms-area .page_template_new .h2, .cms-area .page_template_new h3, .cms-area .page_template_new .h3, .cms-area .page_template_new h4, .cms-area .page_template_new .h4, .cms-area .page_template_new h5, .cms-area .page_template_new .h5, .cms-area .page_template_new h6, .cms-area .page_template_new .h6 {margin-bottom: 10px;margin-top: 30px;} .page_template_new h2:not(.main_title), .page_template_new .h2:not(.main_title) {font-size: 28px;} .accordion>h3 {font-weight: normal;} .accordion-button h3 { font-weight: normal; padding: 0; line-height: normal; margin: 0 !important; font-size: inherit; } .accordion-button.active h3 {color: inherit;} .content_rep_img img {max-width: 100%;} .section_space {padding: 60px 0;} .content_sec { width: 100%; background-color: #f5f5f5; } .cms-area .content_rep_cnt h3, .cms-area .content_rep_cnt h2 {margin-bottom: 10px;} .cms-area .content_rep_cnt h3 span, .cms-area .content_rep_cnt h2 span, .page_template_new h2:not(.main_title) span, .page_template_new .h2:not(.main_title) span {color: #fcb215;} .page_template_new p {line-height: 1.5; } .content_rep_cnt .page_template_new p {text-align: justify;} .content_rep_img img { object-fit: cover; height: 100%; width: 100%; } .content_rep_img { height: 100%; } .content_rep+.content_rep { margin-top: 50px; } .cta_sec { background-color: #003556; text-align: center; position:relative; z-index:2; } .wrappermain .cta_sec .btn { margin-top: 5px !important; } .cta_sec:before { position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; background-color: #003556; z-index: -1; opacity: .9; } .cta_sec h3, .cta_sec p { color: #ffffff; } .cta_sec a:hover, .cta_sec a:focus { color: #ffffff; } .cta_sec h3 { margin-top: 0; } .page_template_new .default_cms_page p {line-height: 1.5;text-align: justify;} .page_template_new p:last-child{margin-bottom:0px;} .cms_cnt_img img {width: 100%;} .page_template_new .main_title {margin-top: 0 !important;} .full_cnt_wrpr {width: 100%;background-color: #f5f5f5;padding: 50px 50px;position: relative;} .full_cnt_wrpr ul {padding-left: 20px;} /*.full_cnt_wrpr:after {position: absolute;content: "";height: 30px;width: 50%;bottom: 100%;right: 0;background-color: rgb(252 178 21 / 40%);}*/ /*.full_cnt_wrpr:before {position: absolute;content: "";height: 30px;width: 50%;top: 100%;left: 0;background-color: rgb(252 178 21 / 40%);}*/ .content_box { width: 100%; height: 100%; margin: 0; padding: 40px 30px; background: rgb(252, 178, 21); background: -moz-linear-gradient(left, rgba(252,178,21,1) 0%, rgba(0,53,86,1) 100%); background: -webkit-linear-gradient(left, rgba(252, 178, 21, 1) 0%, rgba(0, 53, 86, 1) 100%); background: linear-gradient(to right, rgba(252, 178, 21, 1) 0%, rgba(0, 53, 86, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb215', endColorstr='#003556', GradientType=1 ); position: relative; z-index: 22; } .content_box ul { padding-left: 20px; } .content_box ul:last-child { margin-bottom: 0; } .points_col { width: 100%; background-color: #ffffff; height: calc(100% - 30px); padding: 30px; margin-bottom: 30px; border: 1px solid #dddddd; } .points_col ul:last-child {margin-bottom:0px;} .section_space .row { row-gap: 2rem; } .content_box h2 { margin-top: 0 !important; font-size: 25px !important; margin-bottom: 10px !important; } .content_box:after { position: absolute; content: ""; height: calc(100% - 10px); width: calc(100% - 10px); background-color: #ffffff; top: 0; left: 0; bottom: 0; right: 0; margin: auto; z-index: -1; } .content_rep_cnt ul {padding-left: 20px;} .content_rep_cnt ul li {} .page_template_new ul > li, .homenew ul > li {line-height: normal;} .page_template_new ol > li + li, .page_template_new ul > li + li, .homenew ul > li + li {margin-top: 15px !important;} .page_template_new ul > li::before, .homenew ul > li::before { top: 6px;} .our_clinic .location_btn {width: 100% !important;} .our_clinic .row {row-gap: 1.5rem;} .main_title span {color: #fcb215;} .homenew .hp_infobox_content p {line-height: 1.5;} .homenew .welcome_content_main ul {padding-left: 20px;margin-top: 20px;} .homenew .welcome_box_main .welcome_content_main .main_title {margin: 0 0 20px 0;} .homenew p {line-height: 1.5;} .homenew .welcome_box_main .welcome_content_main .welcome_btn_main { margin: 15px 0 0 0 } .homenew .welcome_content h3, .homenew .welcome_content .h3, .homenew .welcome_section .title_wrpr h3 {color: #555555;font-size: 18px;line-height: 1.5;margin: 0 0 20px;font-weight: 400;} .content_rep_vdo{height: 100%;} .content_rep_vdo iframe {width: 100%;} .content_rep_cnt>h3, .content_rep_cnt>h2 {margin-top: 0 !important;} /**/ @media (min-width: 1025px) and (max-width: 1199px) { .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub { margin: -1px 0 0 -37px; width: 832px } .header .header-wrapper .primary .navbar .navbar-collapse ul.navbar-nav > li { margin: 0 0 0 20px; } } @media (min-width: 1025px) { .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li:last-child, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li:nth-last-child(2), .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li:nth-last-child(3) { display: none; } .menumobileview .close-form { display: none; } .menumobileview { height: auto !important; display: block; width: 100% } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub li.selected a:after, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub li a:hover:after { border-left: 5px solid #fff; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.selected>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.parent:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li>a:focus { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: none !important; border-radius: 0 !important; color: #fcb215 !important; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li.selected > a:after, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li:hover > a:after, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li > a:focus:after, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li.parent:hover > a:after, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li.selected > a:before, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li:hover > a:before, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li > a:focus:before, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li.parent:hover > a:before { transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub li a:hover, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub li a:focus { color: #fff; background: #fcb215; } } @media (max-width: 1024px) { body.menuoverly .overly:before { right: 370px; opacity: 1; pointer-events: auto; transition: all 0.8s ease 0.7s; -moz-transition: all 0.8s ease 0.7s; -ms-transition: all 0.8s ease 0.7s; -o-transition: all 0.8s ease 0.7s; -webki-transition: all 0.8s ease 0.7s; } /** menu slide **/ .menumobileview .mCSB_inside > .mCSB_container { margin-right: 0; } .menumobileview .mCSB_scrollTools { opacity: 1; z-index: 999; width: 5px; } .menumobileview .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border-radius: 0; width: 5px; } .menumobileview .mCSB_scrollTools .mCSB_draggerRail { border-radius: 0; width: 5px; } .header .header-wrapper .primary .navbar .navbar-collapse.collapse { display: block !important; height: auto !important; overflow: visible !important; padding-bottom: 0; visibility: visible !important; } .right_head_mobile { clear: both; display: block; float: none; margin: 45px auto 0; min-width: inherit; padding: 10px 10px 0; text-align: center; } .right_head_desktop { display: none; } .menumobileview .close-form { background: #808080; color: #ffffff; font-size: 20px; padding: 10px; text-align: center; cursor: pointer; display: none } .menumobileview .close-form i { margin: 0 10px 0 0 } .header .header-wrapper .primary .navbar .navbar-collapse { border: 0 none; box-shadow: none; left: auto; margin: 0; background: #fff; max-height: inherit; max-width: 360px; overflow: hidden !important; padding: 0; position: fixed; right: 0; top: 0; height: auto !important; width: 100%; z-index: 919; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transform: translateX(360px); -moz-transform: translateX(360px); -ms-transform: translateX(360px); -o-transform: translateX(360px); -webkit-transform: translateX(360px); } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li { display: block; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav { text-align: left; } .wrappermain > header, .wrappermain > section, .wrappermain > footer, .wrappermain > .cms-area { transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; -webkit-transition: all 0.6s ease 0s; } body.menuoverly .wrappermain > header, body.menuoverly .wrappermain > section, body.menuoverly .wrappermain > footer, body.menuoverly .wrappermain > .cms-area { transform: translateX(-360px); -moz-transform: translateX(-360px); -ms-transform: translateX(-360px); -o-transform: translateX(-360px); -webkit-transform: translateX(-360px); transition: all 0.8s ease 0.7s; -moz-transition: all 0.8s ease 0.7s; -ms-transition: all 0.8s ease 0.7s; -o-transition: all 0.8s ease 0.7s; -webkit-transition: all 0.8s ease 0.7s; } /** && menu slide **/ .primary .navbar-collapse.collapse { display: none !important; } .primary .navbar-collapse.collapse.show { display: block !important; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.selected>a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: 2px solid #fcb215 !important; border-radius: 0 !important; color: #fcb215 !important; } .header .header-wrapper .primary { display: inline-block; float: right; margin: 26px 0px 0 0; text-align: left; vertical-align: top; z-index: inherit } .header .header-wrapper .primary .navbar .navbar-collapse ul.navbar-nav > li { margin: 0 !important; } .header .header-wrapper .header-icons { display: inline-block; float: none; margin: 0; vertical-align: top } .header .header-wrapper .primary .navbar .navbar-collapse ul.navbar-nav > li { border-bottom: 1px solid rgba(255, 255,255, 0.1); } .header .header-wrapper .primary .navbar .navbar-collapse ul.navbar-nav > li:last-child { border-bottom: none; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub li.selected a { } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .selected .parent .open-sub span { background: #666666 none repeat scroll 0 0 !important; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .selected .selected .open-sub span { background: #ffffff none repeat scroll 0 0 !important; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li.selected > a::after { background: none; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li.selected > a { background: #fcb215; border-bottom: none !important; border-radius: 0 !important; color: #fff !important } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub li.selected > a { color: #fff; background: #fcb215; } .header .right-box-wrapper { text-align: right } .header .header-wrapper .cart-header { margin-right: 0 } .header .header-wrapper .primary .navbar { margin: 0; min-height: inherit; position: static } .header .header-wrapper .primary .navbar .navbar-toggler { background: rgb(252,178,21); background: -moz-linear-gradient(left, rgba(252,178,21,1) 0%, rgba(0,53,86,1) 100%); background: -webkit-linear-gradient(left, rgba(252,178,21,1) 0%, rgba(0,53,86,1) 100%); background: linear-gradient(to right, rgba(252,178,21,1) 0%, rgba(0,53,86,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb215', endColorstr='#003556', GradientType=1 ); border: none; border-bottom: 0 none; border-radius: 50%; box-shadow: none; height: 45px; margin: 0; padding: 0; position: absolute; text-shadow: none; z-index: 99; width: 45px; right: 15px; top: -59px; display: block; } .header .header-wrapper .primary .navbar .navbar-toggler:before { bottom: 8px; content: ""; display: none; left: -1px; position: absolute; top: 7px } .header .header-wrapper .primary .navbar .navbar-toggler.collapsed:before { display: block } .header .header-wrapper .primary .navbar .navbar-toggler .navbar-toggler-icon { width: 25px; height: 3px; background: #fff; position: absolute; margin: 0 auto; left: 0; right: 0; z-index: 50; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .header .header-wrapper .primary .navbar .navbar-toggler .navbar-toggler-icon:before { content: ""; margin: 0 auto; width: 25px; height: 3px; background: #fff; position: absolute; left: 0; right: 0; top: -8px; } .header .header-wrapper .primary .navbar .navbar-toggler .navbar-toggler-icon:after { content: ""; margin: 0 auto; width: 25px; height: 3px; background: #fff; position: absolute; left: 0; right: 0; bottom: -8px; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav { background: transparent; border: medium none; border-radius: 0 !important; float: none; padding: 0; display: block } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li { float: none; margin: 0 0 3px; padding: 0 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li>a { padding: 7px 50px 7px 15px !important; color: #555555 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.parent .parent>a:after { display: none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .open-sub { bottom: 0; right: 0; position: absolute; top: 0; width: 100%; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .open-sub span { background: #555555; display: block; height: 2px; margin: 17px 0 0 15px; position: absolute; width: 16px; right: 19px; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .selected .open-sub span { background: #fff !important; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > .parent.selected.active > a .open-sub span { background: #fff !important; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > .parent.active > a .open-sub span { background: #555 !important; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .open-sub span + span { height: 16px; margin: 10px 0 0 22px; width: 2px; right: 26px; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .parent .parent>a .open-sub span, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu .title .open-sub span { background: #7f7f7f; height: 2px; margin: 17px 0 0 18px; position: absolute; width: 12px } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .parent .parent>a .open-sub span + span, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu .title .open-sub span + span { height: 12px; margin: 12px 0 0 23px; width: 2px } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.parent:hover>a:after { display: none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub, .header .header-wrapper .primary .navbar .navbar-collapse .parent .sub, .header .header-wrapper .primary .navbar .navbar-collapse .parent:hover>.sub { background: #f7f7f7; border: 0 none; border-radius: 0; box-shadow: none; display: none; font-size: 13px; left: 0; line-height: 24px; margin-top: 0; margin-bottom: 0; padding: 0; position: relative; margin-left: 0 !important } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>.parent.active>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>.parent.active:hover>a { } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>.parent.active>a .open-sub span { background: #fff } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .parent.active>a .open-sub span + span, .header .header-wrapper .primary .megamenu .box.active .title .open-sub span + span { display: none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .parent:hover>.sub { -webkit-animation: fadeIn 0; animation: fadeIn 0; display: none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub li { line-height: 22px; /*border-bottom: 1px solid #ddd*/ } /*.header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub li:first-child { border-top: 1px solid #ddd }*/ .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub li:last-child { border-bottom: none; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub li a { background: none; color: #666; padding: 7px 50px 7px 30px; text-decoration: none; width: auto !important } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub .sub li a { padding: 4px 50px 4px 45px; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav li a>i { color: #1e1e1e } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub .sub { left: 0; margin-left: 10px } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub { left: 0; padding: 6px 0 5px; width: 100% } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub .sub-wrapper { display: block } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub .promo-block { display: none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub .sub-list { display: block; padding: 0; width: 100% !important } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub .box { float: none; margin: 0; padding: 0; width: 100% !important } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu .title { color: #7f7f7f; cursor: pointer; font-weight: normal; line-height: 22px; margin: 0; padding: 4px 9px 4px 60px; position: relative; text-transform: none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu>.sub .box.closed ul { display: none; margin-left: 10px } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav a .item-new, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu a .item-new, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .megamenu .sub a .item-new { left: 0; float: right; position: static; top: 0 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav a .item-new .before, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav a .item-new:before { display: none } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-bg>a .open-sub span, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-inverse>a .open-sub span { background: #fff } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-bg>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-inverse>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-inverse:hover>a { color: #fff } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-primary>a { border-color: #428bca } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-success>a { border-color: #738d00 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-info>a { border-color: #0098ca } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-warning>a { border-color: #f89406 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-danger>a { border-color: #c10841 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-primary.item-bg>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-primary.item-bg:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-primary.item-inverse>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-primary.item-inverse:hover>a { background-color: #428bca; border-color: #428bca } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-success.item-bg>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-success.item-bg:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-success.item-inverse>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-success.item-inverse:hover>a { background-color: #738d00; border-color: #738d00 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-info.item-bg>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-info.item-bg:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-info.item-inverse>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-info.item-inverse:hover>a { background-color: #0098ca; border-color: #0098ca } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-warning.item-bg>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-warning.item-bg:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-warning.item-inverse>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-warning.item-inverse:hover>a { background-color: #f89406; border-color: #f89406 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-danger.item-bg>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-danger.item-bg:hover>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-danger.item-inverse>a, .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-danger.item-inverse:hover>a { background-color: #c10841; border-color: #c10841 } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-bg .sub { background: #f7f7f7 !important } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav>li.item-bg .sub a { color: #7f7f7f } .header .header-wrapper + .header-wrapper .col-sm-6.col-md-9 { text-align: left } .header .header-wrapper + .header-wrapper .primary { margin: 0 0 0 -1px } .header .header-wrapper + .header-wrapper .primary .navbar .navbar-toggler:before { border: 0 none } .header .header-wrapper + .header-wrapper .primary .navbar .navbar-collapse { left: -1px; width: calc(200% + px) } .header .header-wrapper + .header-wrapper .primary .navbar .navbar-nav { border-radius: 0 3px 3px 3px } .header .cart-header .dropdown-menu { margin-top: -1px; margin-right: -98px } .header .header-wrapper + .header-wrapper .cart-header .dropdown-menu { margin-right: 0 } .header .cart-header.open .dropdown-toggle:after { left: 0 } .header.header-two .phone-header { margin-right: 0 } .header.header-two .phone-active, .header.header-two .search-active { z-index: 1003 } .header.header-three .logo-box { width: 724px } .header .cart-header .dropdown-menu { width: 325px } .header.header-three .logo-box { width: 100% } .pagination li a { line-height: 35px;} .pagination li { margin: 0 5px !important;} } @media (max-width: 767px) { .pagination li a { padding: 10px 10px;} } @media (max-width: 600px) { .aligncenter.video { width: 100%; height: 250px; } .header .header-wrapper .cart-header .dropdown-toggle { padding-left: 5px; padding-right: 5px } .header .header-wrapper .cart-header .dropdown-toggle .count { display: none } .header .header-wrapper .primary .navbar .navbar-toggler { padding-left: 5px; padding-right: 5px } .header.header-two .header-wrapper .primary .navbar .navbar-toggler.collapsed:before { display: none } } @media (max-width: 480px) { .aligncenter.video { width: 100%; height: 210px; } .header .right-box .search-form { display: none } .header .header-wrapper .primary .navbar .navbar-collapse { max-width: 290px; } body.menuoverly .wrappermain > header, body.menuoverly .wrappermain > section, body.menuoverly .wrappermain > footer, body.menuoverly .wrappermain > .cms-area { transform: translateX(-290px); -moz-transform: translateX(-290px); -ms-transform: translateX(-290px); -o-transform: translateX(-290px); -webkit-transform: translateX(-290px); } body.menuoverly .overly { width: calc(100% - 290px) !important; } body.menuoverly .overly:before { right: 293px; } .header .header-wrapper .primary .navbar .navbar-collapse.show { transform: translateX(290px); -moz-transform: translateX(290px); -ms-transform: translateX(290px); -o-transform: translateX(290px); -webkit-transform: translateX(290px); } .header .header-wrapper .primary .navbar .navbar-collapse { transform: translateX(290px); -moz-transform: translateX(290px); -ms-transform: translateX(290px); -o-transform: translateX(290px); -webkit-transform: translateX(290px); } } /**************************************************************************************************************************************/ /* margin & padding css */ .m-t-0 { margin-top: 0 !important; } .m-b-0 { margin-bottom: 0 !important; } .m-t-5 { margin-top: 5px !important; } .m-b-5 { margin-bottom: 5px !important; } .m-t-10 { margin-top: 10px !important; } .m-b-10 { margin-bottom: 10px !important; } .m-t-15 { margin-top: 15px !important; } .m-b-15 { margin-bottom: 15px !important; } .m-t-20 { margin-top: 20px !important; } .m-b-20 { margin-bottom: 20px !important; } .m-t-25 { margin-top: 25px !important; } .m-b-25 { margin-bottom: 25px !important; } .m-t-30 { margin-top: 30px !important; } .m-b-30 { margin-bottom: 30px !important; } .m-l-0 { margin-left: 0 !important; } .m-r-0 { margin-right: 0 !important; } .m-l-5 { margin-left: 5px !important; } .m-r-5 { margin-right: 5px !important; } .m-l-10 { margin-left: 10px !important; } .m-r-10 { margin-right: 10px !important; } .m-l-15 { margin-left: 15px !important; } .m-r-15 { margin-right: 15px !important; } .m-l-20 { margin-left: 20px !important; } .m-r-20 { margin-right: 20px !important; } .m-l-25 { margin-left: 25px !important; } .m-r-25 { margin-right: 25px !important; } .m-l-30 { margin-left: 30px !important; } .m-r-30 { margin-right: 30px !important; } .p-t-0 { padding-top: 0 !important; } .p-b-0 { padding-bottom: 0 !important; } .p-t-5 { padding-top: 5px !important; } .p-b-5 { padding-bottom: 5px !important; } .p-t-10 { padding-top: 10px !important; } .p-b-10 { padding-bottom: 10px !important; } .p-t-15 { padding-top: 15px !important; } .p-b-15 { padding-bottom: 15px !important; } .p-t-20 { padding-top: 20px !important; } .p-b-20 { padding-bottom: 20px !important; } .p-t-25 { padding-top: 25px !important; } .p-b-25 { padding-bottom: 25px !important; } .p-t-30 { padding-top: 30px !important; } .p-b-30 { padding-bottom: 30px !important; } .p-l-0 { padding-left: 0 !important; } .p-r-0 { padding-right: 0 !important; } .p-l-5 { padding-left: 5px !important; } .p-r-5 { padding-right: 5px !important; } .p-l-10 { padding-left: 10px !important; } .p-r-10 { padding-right: 10px !important; } .p-l-15 { padding-left: 15px !important; } .p-r-15 { padding-right: 15px !important; } .p-l-20 { padding-left: 20px !important; } .p-r-20 { padding-right: 20px !important; } .p-l-25 { padding-left: 25px !important; } .p-r-25 { padding-right: 25px !important; } .p-l-30 { padding-left: 30px !important; } .p-r-30 { padding-right: 30px !important; } .m-y-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .m-y-10 { margin-top: 10px !important; margin-bottom: 10px !important; } .m-y-20 { margin-top: 20px !important; margin-bottom: 20px !important; } .m-y-30 { margin-top: 30px !important; margin-bottom: 30px !important; } .p-y-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .p-y-10 { padding-top: 10px !important; padding-bottom: 10px !important; } .p-y-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .p-y-30 { padding-top: 30px !important; padding-bottom: 30px !important; } .m-x-0 { margin-left: 0px !important; margin-right: 0px !important; } .m-x-10 { margin-left: 10px !important; margin-right: 10px !important; } .m-x-20 { margin-left: 20px !important; margin-right: 20px !important; } .m-x-30 { margin-left: 30px !important; margin-right: 30px !important; } .p-x-0 { padding-left: 0px !important; padding-right: 0px !important; } .p-x-10 { padding-left: 10px !important; padding-right: 10px !important; } .p-x-20 { padding-left: 20px !important; padding-right: 20px !important; } .p-x-30 { padding-left: 30px !important; padding-right: 30px !important; } /* margin & cpadding css */ div#toTop + div { z-index: 9999; } #toTop { border: 0; box-shadow: 0 0 5px rgba(255,255,255,0.5) !important; display: none; background: rgb(252,178,21); background: -moz-linear-gradient(left, rgba(252,178,21,1) 0%, rgba(0,53,86,1) 100%); background: -webkit-linear-gradient(left, rgba(252,178,21,1) 0%, rgba(0,53,86,1) 100%); background: linear-gradient(to right, rgba(252,178,21,1) 0%, rgba(0,53,86,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb215', endColorstr='#003556', GradientType=1 ); border-radius: 50%; bottom: 80px; cursor: pointer; height: 54px; position: fixed; right: 10px; width: 54px; z-index: 99; } .top-btn .fa-angle-up { color: #ffffff; font-size: 28px !important; margin: -3px 0 0; } .top-btn > div { color: #ffffff; font-size: 12px; font-weight: 700; margin: -5px 0 0; text-transform: uppercase; } .top-btn i.fa-angle-up { border-bottom: 10px solid #fff; border-left: 10px solid rgba(0, 0, 0, 0); border-right: 10px solid rgba(0, 0, 0, 0); height: 0; width: 0; display: block; margin: 6px auto 10px } img.ajax-loader { position: absolute; right: 10px; top: 10px; } div.wpcf7-validation-errors { border: 2px solid #f7e700; clear: both; color: #f7e700; margin: 15px 15px 0 !important; position: relative; text-align: center; width: auto; display: block; background: #303030; } div.wpcf7-mail-sent-ng { border: 2px solid #fcb215; clear: both; color: #fcb215; margin: 15px 15px 0 !important; position: relative; text-align: center; width: auto; display: block; } div.wpcf7-mail-sent-ok { border: 2px solid #398f14 !important; background: #398f14 !important; color: #fff !important; clear: both; margin: 15px 15px 0 !important; position: relative; text-align: center; width: auto; display: block; } div.wpcf7-mail-sent-ok { } div.wpcf7-spam-blocked { border: 2px solid #ffa500; clear: both; color: #ffa500; margin: 15px 15px 0 !important; position: relative; text-align: center; width: auto; display: block; } /* pagination */ .my_pagination .pagination li:before { display: none } .my_pagination .pagination li a, .my_pagination .pagination li span { background-color: #202020 !important; border: medium none; margin: 0 2px; border-radius: 0 !important; color: #202020; display: inline-block; padding: 7px 0; font-size: 18px; color: #fff; text-align: center !important; width: 37px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .my_pagination .pagination li { padding: 0; float: none; display: inline-block; vertical-align: top; } .my_pagination .pagination li + li { padding-left: 10px !important; } .my_pagination .pagination li.active span, .my_pagination .pagination li.active a, .my_pagination .pagination li.selected span, .my_pagination .pagination li.selected a { background-color: #ec1d25 !important; } .my_pagination .pagination { clear: both; border-radius: 0 !important; text-align: center; display: block; font-size: 0; } .my_pagination { display: block; float: none; margin: 0 auto; text-align: center; } .my_pagination .pagination li span:hover, .my_pagination .pagination li a:hover { background-color: #ec1d25 !important; } .my_pagination .pagination > li.disabled > a, .my_pagination .pagination > li.disabled > span, .my_pagination .pagination > li.disabled > a:hover, .my_pagination .pagination > li.disabled > span:hover { background: #cccccc none repeat scroll 0 0 !important; color: #666666 !important; } /* */ /** Sprite IMG ******************************/ .news_date_main span.news_date:before, .banner_arrow_left, .banner_arrow_right, .contact_form .select_arrow i, .sprite_img, .laser_treatments_box .laser_treatments_img_main .laser_treatments_img:after, .sprite_before:before { background-image: url(../images/sprite-2x.png); background-size: 400px 400px } .follow_icon { background-position: -10px -10px; width: 27px; height: 31px; display: inline-block; } .call_icon { background-position: -40px -10px; width: 37px; height: 34px; display: inline-block; } .fa-facebook-f { background-position: -10px -85px; width: 15px; height: 31px; display: inline-block; } .fa-twitter { background-position: -30px -85px; width: 30px; height: 31px; display: inline-block; } .fa-google-plus { background-position: -65px -85px; width: 38px; height: 31px; display: inline-block; } .fa-linkedin-in { background-position: -105px -85px; width: 27px; height: 31px; display: inline-block; } .fa-youtube { background-position: -135px -85px; width: 34px; height: 31px; display: inline-block; } .fa-facebook-f:hover { background-position: -10px -125px; } .fa-twitter:hover { background-position: -30px -125px; } .fa-google-plus:hover { background-position: -65px -125px; } .fa-linkedin-in:hover { background-position: -105px -125px; } .fa-youtube:hover { background-position: -135px -125px; } .close-form i.fa-times:before { content: "x"; font-size: 20px; color: #fff; display: inline-block; position: relative; top: -2px; font-style: initial !important; } /*****************************/ /* search */ .search-main::before { border-bottom: 8px solid #58585A; border-left: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid rgba(0, 0, 0, 0); content: ""; height: 0; position: absolute; right: 10px; top: -8px; width: 0; } .search-main { top: 45px; display: none; min-width: 280px; padding: 10px; position: absolute; right: 0px; z-index: 999; background-color: #58585A; box-shadow: 0px 3px 10px #000; } .search-main .form-control { background-color: #f0f0f0; background-image: none; border: 1px solid #b7b7b7; border-radius: 0; box-shadow: none; color: #000; display: block; font-size: 15px; height: 34px; line-height: 1.42857; padding: 6px 45px 6px 12px; width: 100%; } .search-main input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color:#333; opacity:1; } .search-main input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#333; opacity:1; } .search-main input::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#333; opacity:1; } .search-main form input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#333; opacity:1; } .btn_search { cursor: pointer; background: #e2007e; border: medium none; height: 34px; position: absolute; right: 10px; top: 10px; width: 34px; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; color: #52baab; padding: 0 } .btn_search i { font-size: 18px; color: #fff; position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .search-box-main { position: relative; } .head-search { background: #d6d6d6 none repeat scroll 0 0; display: block; height: 35px; text-align: center; width: 35px; } .search-icon i { position: absolute; left: 0; font-size: 20px; right: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); margin: 0 auto } .header.menu-main.sticky .header-wrapper { box-shadow: 0 0 5px rgba(0,0,0,0.5) } /* search */ /* Header Social Section */ .head_social_main { float: left; margin: 0px 0 0; padding: 16px 0 15px 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .social-main > ul { display: block; padding: 0; margin: 0; } .social-main ul li { display: inline-block; padding: 0 0 0 16px; vertical-align: middle; } .social-main ul li:first-child { padding-left: 0; } .social-main ul li a i { color: #828282; font-size: 25px; } /* End of Header Social Section */ .head-top-main .col-sm-12 { text-align: center; } .header-wrapper { transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .header_center_section { display: inline-block; margin: 0 auto; vertical-align: middle; } .header_left_section { float: left; min-width: 340px; } .header_right_section { text-align: right; float: right; min-width: 340px; padding: 34px 0 34px 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .makeanenquiry_btn_main.header_btn_box { margin-left: 25px; } /* Header call Section */ .head-top { transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .head-top .top-link { padding: 36px 0 36px 0; transition: all 0.4s ease 0s; margin: 0; } .head-top .top-link li:first-child { padding: 0; display: none; } .head-top .top-link li { display: inline-block; margin: 0 !important; padding: 0 0 0 0; vertical-align: middle; line-height: normal } .head-top .top-link li span, .head-top .top-link li a { font-size: 18px; color: #333333; font-weight: 400; line-height: 22px; } .head-top .top-link li a { position: relative; display: inline-block; } .head-top .head-email > span { color: #606060; font-size: 14px; font-weight: 400; padding: 0 0 0 0; display: inline-block; vertical-align: middle; } .head-top .head-call > span { color: #606060; font-size: 16px; font-weight: 400; padding: 0 0 0 0; display: inline-block; vertical-align: middle; } .head-top .head-email i, .head-top .head-call i { display: inline-block; color: #fcb215; font-size: 20px; } .head_follow_section a.head_follow { padding-left: 41px; position: relative; } .head_follow_section a.head_follow i.follow_icon { position: absolute; left: 3px; top: 5px; } .head-top .top-link li + li { margin-left: 42px !important; } .head_follow_section a.head_follow span { display: block; } .head_call_section { padding-left: 40px; position: relative; } .head_call_section i.call_icon.sprite_img { position: absolute; left: -6px; top: 3px; } .header_right_section .header_btn_box { display: inline-block; } /* End of Header call Section */ .wrappermain .btn { width: 230px; height: 50px; line-height: 50px; font-size: 16px; font-weight: 700; overflow: hidden; z-index: 10; position: relative; display: inline-block; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: none; padding: 0; border-radius: 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .wrappermain .btn:focus, .wrappermain .btn.focus { box-shadow: none; outline: none } .wrappermain .btn:before { content: ""; z-index: -1; position: absolute; left: 0; right: 0; top: auto; bottom: 0; height: 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .wrappermain .btn-primary { color: #fff !important; background: #fcb215; } .wrappermain .btn-primary:before, .wrappermain .btn-primary:after { background: #003556 } .wrappermain .btn-secondary { color: #fff; background: #003556; } .wrappermain .btn-secondary:before, .wrappermain .btn-secondary:after { background: #fcb215 } .radio_section .radio_main { font-size: 12px;} /*Patient Registration Form */ .new_patient_form { padding: 50px 0;} .new_patient_form h2{ text-align:center; margin:0 0 30px;} .patient_frm{ width: 100%; padding: 0;margin: 0 auto 40px; border: 1px solid #e1d7d7;} .patient_frm li{ list-style: none; display: flex; flex-wrap: wrap; align-content: center; border-bottom: 1px solid #e1d7d7; padding: 0px;} .patient_frm li > div{} .patient_frm li:before{ display:none;} .patient_frm_left:after{content:""; position:absolute; right:0; top:0; height:100%; width:1px; background:#e1d7d7; } .patient_frm_right{ width: calc(100% - 260px) ; padding: 10px 16px;} .patient_frm_right .input-data{ width: 100%; border: none; padding: 5px 10px; border: 1px solid #ccc; color:#555555;} .patient_frm_right select{ width: 200px; padding: 5px 10px; border: 1px solid #d7cece;color:#555555;} .patient_frm_right input{} .patient_frm_right textarea{ width: 100%; border: none; padding: 5px 10px;height: 100px;color:#555555;} .patient_frm li + li{ margin:0 !important;} .emergency_bx{} .patient_frm_bottom{ } .medicare-left{ display: flex; flex-wrap: wrap;} .medicare-right{ display: flex; flex-wrap: wrap;} .patient_frm_right > input { border: 1px solid #ccc !important;} .patient_frm_left label > span { font-size: 12px; line-height: 20px;} .new_patient_form h3 { margin: 0 0 10px;} .new_patient_form h3 + span { display: inline-block; margin: 0 0 20px;} .patient_bottom_form{ list-style: none; margin:0; padding:0; display: flex; flex-wrap: wrap; align-content: center;} .patient_bottom_form li{ list-style: none; width: 50%; } .patient_bottom_form li:nth-child{width:100%;} .patient_bottom_form li:last-child{margin:0; width:100%; text-align:center;} .patient_bottom_form li:before{display:none;} .patient_bottom_form li input{width:100%;} /*#signature{width:100%;}*/ .wpcf7-validates-as-date.input-data { width: 250px;} .patient-gender .input-data { padding: 0; border: none;} .patient-gender .input-data > span { margin: 0 20px 0 0;} .medicare-number { margin: 0 0 15px;} /* */ .contact_form.form-data form .form-control { color: #000;} .contact_form.form-data form .form-control { border-bottom: 2px solid #000!important; padding:0;} .gender_bx{padding: 10px 0 0 15px;} .gender_bx label { margin: 0 30px 0 0;font-size: 18px; color: #000; font-weight: 400;} .contact_form.form-data form .sub-post textarea {height: 48px !important;} .patient_frm_left label{ line-height: 25px; margin: 0;font-weight: 400; color: #000; font-size: 18px;} .contact_form.form-data .submit-btn { color: #fff !important; background: #fcb215; float: none; min-width: 200px; width: 200px; margin: 0 auto; } #wpcf7_Signature_clear{ color: #fff !important; background: #fcb215; min-width: 100px; padding: 10px 0; width: 100px; border: none; font-weight: 700;} .wpcf7-form-control-signature-wrap { width: 100% !important; height: 80px !important;} canvas#signature { height: 80px !important;} .wpcf7-form-control-clear-wrap { margin: 20px 0 0;} .btn-patient{text-align:left;} .patient_frm_left{ position:relative; } .contact_form.form-data span.wpcf7-list-item-label { color: #000;} .contact_form.form-data label { font-size: 18px; color: #000; margin: 0 0 10px;} .row.justify-content-center.form-data.contact_form .row { margin: 0 20px; } .row.justify-content-center.form-data.contact_form .row .row { margin: 0 -15px; } .form-data.contact_form .select_arrow i { background-position: -59px -137px; background-size: inherit;} .medic_num .form-group { display: flex; flex-wrap: wrap; } .medic_num label { margin: 0 0 3px; } .medic_num .form-group input { width: 25px; margin: 0 5px 0 0; height: 25px; text-align: center; border: 2px solid #000; font-size:17px; } .medic_num span { display: inline-block; width: 10px; } #selectboxtitle{padding:0 5px;} @media (min-width:1025px) { .wrappermain .btn:hover:before, .wrappermain .btn:hover:after { height: 100%; top: 0; bottom: auto } .wrappermain .btn-secondary:hover { color: #fff; } } .wrappermain .btn-o { background: transparent; width: auto; height: 50px; line-height: 50px; font-size: 16px; font-weight: 700; overflow: hidden; z-index: 10; position: relative; display: inline-block; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: none; padding: 0; border-radius: 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .wrappermain .btn-o:focus, .wrappermain .btn-o.focus { box-shadow: none; outline: none } .wrappermain .btn-o:before { content: ""; z-index: -1; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 4px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .wrappermain .btn-o:after { content: ""; z-index: -1; position: absolute; left: 0; right: 0; top: 100%; opacity: 0; width: 100%; height: 4px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .wrappermain .btn-primary-o { color: #fcb215; } .wrappermain .btn-primary-o:before, .wrappermain .btn-primary-o:after { background: #fcb215; } .page-id-1027 .wrappermain .btn-primary-o, .page-id-1125 .wrappermain .btn-primary-o { color: #003556; } .page-id-1027 .wrappermain .btn-primary-o:before, .page-id-1027 .wrappermain .btn-primary-o:after, .page-id-1125 .wrappermain .btn-primary-o:before, .page-id-1125 .wrappermain .btn-primary-o:after { background: #003556; } .wrappermain .btn-secondary-o { color: #003556; } .wrappermain .btn-secondary-o:before, .wrappermain .btn-secondary-o:after { background: #003556; } .doctorsimg { float: left; width: 100%; margin: 0 0 20px 0; text-align: center; } .doctorsimg img.alignleft { float: none; min-height: 350px; margin: 0 auto 20px auto; object-fit: cover; display: table; } /******************************* Table css ***************************/ .pricing_box_main table { border: 1px solid #777; } .pricing_box_main table td { border: 1px solid #777; padding: 10px 29px; text-align: left; } .pricing_box_main table th { padding: 10px 5px; text-align: center; } /* Banner Section ******************************/ .banner_title { line-height: 80px; color: #ffffff; font-size: 60px; font-weight: 700; margin: 0 0 28px; text-shadow: none; } .banner-caption p { color: #ffffff; font-size: 24px; font-weight: 400; line-height: 24px; margin: 0 0 44px; text-shadow: none; } .carousel-caption { left: 0; right: 0; padding: 0; bottom: auto; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); max-width: 1170px; margin: 0 auto; width: 100%; } .banner-btn-main { display: block; float: none; margin: 0 auto; text-align: center; } .banner_btn_main { font-size: 0; } .banner_btn_main a.btn {margin: 0 15px;min-width: 198px;width: auto !important;padding-left: 15px;padding-right: 15px;} .banner-btn-main a { float: none; margin: 0 auto; text-shadow: none; } .banner_main .item::before { background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0; content: ""; display: block; height: 100%; position: absolute; width: 100%; z-index: 10 } #home_banner.owl-carousel .owl-item img { height: 600px; left: 50%; position: relative; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); width: auto; } #home_banner.owl-theme .owl-controls .owl-nav [class*="owl-"] { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-radius: 0; color: #ffffff; cursor: pointer; display: inline-block; font-size: 14px; margin: 0 20px; padding: 0; position: absolute; bottom: 50%; transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); -webkit-transform: translateY(50%); } #home_banner.owl-theme .owl-controls .owl-nav .owl-prev { left: 0 } #home_banner.owl-theme .owl-controls .owl-nav .owl-next { right: 0 } #home_banner.owl-theme .owl-controls { bottom: 50%; left: 0; margin-top: 0; position: absolute; right: 0; text-align: center; transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); -webkit-transform: translateY(50%); } .banner_arrow i { color: #fcb215; font-size: 70px; } #home_banner .item { position: relative; overflow: hidden } /* Banner Section ******************************/ /* Inner Banner Section ******************************/ .inner-banner_img_main { position: relative } .inner-banner_img_main::before { bottom: 0; content: ""; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 20; background: -moz-linear-gradient(left, rgba(252,178,21,0.85) 0%, rgba(0,53,86,0.85) 100%); background: -webkit-linear-gradient(left, rgba(252,178,21,0.85) 0%, rgba(0,53,86,0.85) 100%); background: linear-gradient(to right, rgba(252,178,21,0.85) 0%, rgba(0,53,86,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9fcb215', endColorstr='#d9003556', GradientType=1 ); } .inner-banner { position: relative; overflow: hidden; } .inner-banner-img { background-position: center center !important; background-size: cover !important; min-height: 250px; } .inner-banner_img_main img { position: relative; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); height: 350px; width: auto; } .inner-banner-title { display: block; left: 0; position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 100%; z-index: 50; } .position_relative { position: relative; } .inner_banner_caption, .inner-banner-title .breadcrumb { float: left; width: 100%; text-align: center; } .inner_banner_caption h1, .inner_banner_caption .h1 { color: #fff; float: left; font-weight: 700; margin: 0 auto; position: relative; text-align: center; width: 100%; font-size: 40px; } .inner-banner-title .breadcrumb { background-color: rgba(0, 0, 0, 0); display: block; margin: 0; padding: 7px 0; text-align: center; z-index: 99; } .inner-banner .breadcrumb li:first-child { padding-left: 0; } .inner-banner .breadcrumb li { display: inline-block; font-size: 18px; margin: 0; position: relative; } .inner-banner .breadcrumb li a { color: #555; text-transform: capitalize; font-size: 18px } .inner-banner .breadcrumb li:before { display: none } .inner-banner .breadcrumb > li + li { padding-left: 20px; margin-top: 0 !important } .inner-banner .breadcrumb li.selected { color: #fcb215; } .inner-banner .breadcrumb > li + li::after { color: #555; content: "/"; font-size: 14px; left: 5px; padding: 0 0px !important; position: absolute; top: 0; } .inner-banner .breadcrumb li.active { color: #fcb215; } .breadcrumb_main .breadcrumb { text-align: center; display: block; padding: 10px 0; background: transparent; margin: 0; border-bottom: 1px solid #ddd; } .breadcrumb > li + li::after { } /* Inner Banner Section ******************************/ /* Bolg ********************************/ .blog_item { padding: 15px; box-shadow: 0 0 5px rgba(0,0,0,0.1); margin: 0 0 30px; background: #f8f8f8; } span.blogdate { padding: 0 0 6px 0; display: block; font-size: 14px; color: #606060; } span.blogdate i { margin-right: 6px; } .blog_item:last-child { margin: 0 } .blog-heading { padding: 0 !important } .blog_item h3 { margin-top: 0; } .btn-readmore { display: inline-block; padding: 5px 20px; background: #4095ff; color: #FFF; } .btn-readmore:hover { background: #2478e1; color: #FFF; text-decoration: none; } .blog_item a { } .blog_date, .blog_comment, .blog_info a { color: #fcb215; position: relative; padding-left: 20px; font-size: 15px } .blog_item a h4 { margin-top: 0; } .blog_item a i { position: absolute; top: 1px; left: 0; } .blog_item a.pull-right i { position: absolute; top: 5px; left: 0; } .blog_info a { padding: 0; } .blog_item a.read-more { color: #fff; float: right; padding: 0 !important; margin: 10px 0 } /* Sidebar */ button:focus { outline: none; } .sidebar_listing .accordion .card { border-radius: 0; border: none; } .sidebar_listing .accordion .card .card-header + div { border: 1px solid #ccc; } .sidebar_listing .accordion .card .card-header { padding: 0; border-radius: 0; background-color: transparent; border-bottom: none; } .sidebar_listing .accordion .card .card-header button { background: #fcb215; display: block; padding: 15px 35px 15px 15px; width: 100%; border-radius: 0; text-align: left; color: #fff; position: relative; font-size: 20px; cursor: pointer; border: 0; } .sidebar_listing .accordion .card .card-header button.collapsed { background: #a5a5a5; } .sidebar_listing .accordion .card + .card { margin-top: 15px; } .sidebar_listing .accordion .card .card-header button[aria-expanded="true"]::before { border-left: 8px solid #fff; border-top: 8px solid rgba(0, 0, 0, 0); border-bottom: 8px solid rgba(0, 0, 0, 0); content: ""; height: 0; position: absolute; right: 10px; top: 50%; width: 0; transform: translateY(-50%) rotate(90deg); -moz-transform: translateY(-50%) rotate(90deg); -ms-transform: translateY(-50%) rotate(90deg); -o-transform: translateY(-50%) rotate(90deg); -webkit-transform: translateY(-50%) rotate(90deg); transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .sidebar_listing .accordion .card .card-header button.collapsed::before { border-left: 8px solid #fff; border-top: 8px solid rgba(0, 0, 0, 0); border-bottom: 8px solid rgba(0, 0, 0, 0); content: ""; height: 0; position: absolute; right: 10px; top: 50%; width: 0; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .sidebar_listing .accordion .card .card-body ul { padding: 0 0 0 20px; margin: 0; } .sidebar_listing .accordion .card .card-body ul li + li { margin-top: 5px; } .sidebar_listing .accordion .card .card-body ul li a { font-size: 17px; color: #606060; } .sidebar_listing .accordion .card .card-body ul li.selected a, .sidebar_listing .accordion .card .card-body ul li.active a { color: #fcb215; text-decoration: underline; } .sidebar_listing .accordion .card .card-body .archives_main { padding: 0; } .sidebar_listing .accordion .card .card-body .archives_main ul { padding: 0; } .tags-box a { display: inline-block; background: none; color: #fff; margin: 0 5px 10px 0; padding: 5px 10px 5px 10px; font-size: 14px; background: #fcb215; border: none; } .sidebar_listing .accordion .card .card-header button:hover, .sidebar_listing .accordion .card .card-header button:focus { text-decoration: none; } .sidebar_listing .accordion .card .card-body ul li a:hover { color: #fcb215; text-decoration: underline; } /* Sidebar */ /* End of Blog ********************************************/ /* Footer */ .footer_top_main { padding: 47px 0 33px 0; } .footermenubox { padding-top: 30px; } .f_adr_sub, .f_adr_sub * { line-height: 36px !important; } .f_contactdetail { margin: -5px 0 0 0; } .signature p { font-size: 16px; color: #555555; font-weight: 400; margin: 0 } .signature { padding: 5px 0 21px 0; } .footermenubox .f_title { font-size: 18px; color: #333333; font-weight: 700; position: relative; padding: 0 0 7px 0 } .footermenubox .f_title:before { content: ""; background: #fcb215; width: 20px; height: 4px; position: absolute; left: 0; bottom: 0; } .footermenubox .f_title span { font-size: 14px; color: #fcb215; font-weight: 700; text-transform: uppercase; display: block; margin-bottom: 5px; } .footermenubox .footermenu_content { padding: 25px 0 0 0; } .footermenubox .footermenu_content > ul { padding: 0; margin: 0; } .footermenubox .footermenu_content > ul > li { margin: 0 0 11px 0 !important; padding: 0 0 0 0; position: relative; line-height: 24px; } .footermenubox .footermenu_content > ul > li:before { display: none } .footermenubox .footermenu_content > ul > li a { font-size: 16px; color: #555555; font-weight: 400; line-height: 24px; position: relative } .footermenubox .footermenu_content > ul > li.selected a, .footermenubox .footermenu_content > ul > li.active a { color: #fcb215; } .footermenubox .footermenu_content .f_contactdetail .f_adr { margin: 0 0 36px 0; } .footermenubox .footermenu_content .f_contactdetail .f_adr span { display: block } .footermenubox .footermenu_content .f_contactdetail .f_adr span, .footermenubox .footermenu_content .f_contactdetail .f_adr p, .footermenubox .footermenu_content .f_contactdetail .f_adr a { font-size: 16px; color: #555555; line-height: 36px; font-weight: 400; } .footer_social_main .social_media_main { padding: 0 0 0 0 } .footer_social_main .social_media_main ul { font-size: 0; text-align: center; padding: 0; display: block; line-height: normal; position: relative } .footer_social_main .social_media_main ul:before { content: ""; background: #dddddd; position: absolute; left: 0; right: 0; height: 1px; top: 50%; } .footer_social_main .social_media_main ul li { float: none; padding: 0; display: inline-block; margin: 0 15px !important } .footer_social_main .social_media_main ul li:nth-child(2n+1) { clear: both } .footer_social_main .social_media_main ul li a { display: block; width: 70px; position: relative; overflow: hidden; height: 70px; background: #999999; border-radius: 50%; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .footer_social_main .social_media_main ul li a:before { content: ""; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; position: absolute; left: auto; right: 0; top: 0; bottom: 0; width: 0; background: rgb(252,178,21); /* Old browsers */ background: -moz-linear-gradient(left, rgba(252,178,21,1) 0%, rgba(0,53,86,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(252,178,21,1) 0%, rgba(0,53,86,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(252,178,21,1) 0%, rgba(0,53,86,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb215', endColorstr='#003556', GradientType=1 ); /* IE6-9 */ } .footer_social_main .social_media_main ul li a:hover:before { left: 0; right: auto; width: 100%; } .footer_social_main .social_media_main ul li a:hover .fa-facebook-f { background-position: -10px -85px; } .footer_social_main .social_media_main ul li a:hover .fa-twitter { background-position: -30px -85px; } .footer_social_main .social_media_main ul li a:hover .fa-google-plus { background-position: -65px -85px; } .footer_social_main .social_media_main ul li a:hover .fa-linkedin-in { background-position: -105px -85px; } .footer_social_main .social_media_main ul li a:hover .fa-youtube { background-position: -135px -85px; } .footer_social_main .social_media_main ul li a i { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align: center; margin: 0 auto; transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; -webkit-transition: none; } .footer_social_main .social_media_main ul li:before { display: none; } .footer_menu_main { padding: 41px 0 45px; } .footer_menu_main ul { margin: 0; padding: 0; text-align: center; } .footer_menu_main ul li:first-child::before { display: none; } .footer_menu_main ul li::before { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: #cccccc; content: "|"; font-size: 16px; left: -15px; line-height: 30px; position: absolute; text-transform: uppercase; top: -1px; } .footer_menu_main ul li { display: inline-block; list-style: outside none none; padding: 0 20px 0 0; position: relative; } .footer_menu_main ul li.selected a { color: #fcb215; } .footer_menu_main ul li a { color: #cccccc; font-size: 16px; line-height: 30px; font-weight: 300; } .footer_menu_main .copyright_main { padding: 8px 0 0; text-align: center; } .footer_menu_main .copyright_main span, .footer_menu_main .copyright_main span a { color: #cccccc; font-size: 16px; font-weight: 300; } .footer_menu_main .website_design::before { color: #cccccc; content: "|"; font-size: 16px; font-weight: 300; left: 5px; position: absolute; top: -5px; } .footer_menu_main .website_design { padding: 0 0 0 20px; position: relative; } /* Footer */ .head_dropdown { background: #fcb215; position: absolute; top: 56px; left: 0; box-shadow: 0 0 4px rgba(0,0,0,0.5); display: none; z-index: 999; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .head_dropdown ul { margin: 0; padding: 10px 15px 10px 15px; text-align: left; display: block; width: 300px; } .head_dropdown ul::before { border-bottom: 8px solid #fcb215; border-left: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid rgba(0, 0, 0, 0); content: ""; height: 0; left: 10px; position: absolute; top: -8px; width: 0; } .head-top .top-link .head_dropdown ul li i { vertical-align: middle; } .head_dropdown ul li:before { display: none !important } .head-top .top-link .head_dropdown ul li { padding: 0 !important; margin: 0 !important; display: inline-block; } .head-top .top-link .head_dropdown ul li a { display: block; font-size: 16px; color: #ffffff; padding: 6px 10px; text-align: center; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } a.head_follow i, a.head_follow span { pointer-events: none; } .head-top-main { border-bottom: 1px solid #dddddd; padding: 0 0 2px 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .service_section { position: relative; overflow: hidden; } .service_section .container { max-width: 100% !important } .service_section .row { margin-left: -40px; margin-right: -40px; } .service_section .row .col-12 { padding-left: 40px; padding-right: 40px; } .service_box .service_link { display: block; position: relative; } .service_box .service_link .service_title_main { position: absolute; background: rgba(252, 178, 21, 0.9); max-width: 370px; margin: 0 auto; left: 0; right: 0; text-align: center; top: 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; padding: 23px 0 18px 0; width: 100% } .service_box .service_link .service_title { font-size: 30px; color: #fff; font-weight: 700; line-height: normal; } .service_box .service_link img { width: 100%; } .hp_infobox_section { padding: 80px 0 39px 0; background: rgb(244,244,244); /* Old browsers */ background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(209,209,209,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(209,209,209,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(244,244,244,1) 0%, rgba(209,209,209,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#d1d1d1', GradientType=0 ); /* IE6-9 */ } .hp_infobox_main .col-12:before { content: ""; background: #fff; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -40px; width: 50px; height: 5px; } .hp_infobox { text-align: center } .hp_infobox .hp_infobox_icon_main { height: 73px; position: relative; width: 100%; } .hp_infobox .hp_infobox_icon_main img { position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); margin: 0 auto; left: 0; right: 0; } .hp_infobox .hp_infobox_title_main { padding: 35px 0 28px 0; } .hp_infobox .hp_infobox_title_main .hp_infobox_title { font-size: 24px; color: #333333; font-weight: 700; line-height: normal; } .hp_infobox .hp_infobox_content { padding: 0 30px; } section.welcome_section { border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; } .welcome_box_main + .welcome_box_main { margin-top: 80px; } .welcome_box_main .welcome_img_main { padding-right: 40px; } .welcome_box_main .welcome_img_main .welcome_img { padding: 30px 30px 30px 30px; display: block; position: relative } .welcome_box_main .welcome_img_main .welcome_img img { border-radius: 50%; position: relative; overflow: hidden; width: 100% } .welcome_box_main .welcome_img_main .welcome_img img.circle_border_img { position: absolute; left: 0; top: 0; } .welcome_box_main .welcome_content_main { } .welcome_box_main .welcome_content_main .main_title { margin: 0 0 36px 0 } .welcome_box_main .welcome_content_main .welcome_content { } .welcome_box_main .welcome_content_main .welcome_content p { } .welcome_box_main .welcome_content_main .welcome_content p:last-child { margin-bottom: 0; } .welcome_box_main .welcome_content_main .welcome_btn_main { margin: 25px 0 0 0 } .welcome_box_main .welcome_content_main .welcome_btn_main .btn-o { } .welcome_box_main:nth-child(even) .welcome_img_main { padding-left: 40px; } .welcome_box_main:nth-child(even) .col-lg-6:first-child { order: 2; } .welcome_box_main:nth-child(even) .col-lg-6:last-child { order: 1; } .welcome_box_main:nth-child(even) .welcome_img img.circle_border_img { transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); } .enquiry_section .container { position: relative; } .enquiry_section { position: relative; background-attachment: fixed; background-size: cover; background-position: center center; background-repeat: no-repeat; width: 100%; padding: 73px 0 44px 0; } .enquiry_section:before { content: ""; background: -moz-linear-gradient(left, rgba(252,178,21,0.85) 0%, rgba(0,53,86,0.85) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(252,178,21,0.85) 0%, rgba(0,53,86,0.85) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(252,178,21,0.85) 0%, rgba(0,53,86,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9fcb215', endColorstr='#d9003556', GradientType=1 ); /* IE6-9 */ position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .contact_addres_box { float: left; width: 25%; vertical-align: middle; display: inline-block; text-align: center; } .contact_addres_box { display: block; margin: 0 0 20px 0; min-height: 0; overflow: hidden; padding: 0; position: relative; } .contact_addres_box i { text-align: center; position: absolute; margin: 0 auto; left: 0; right: 0; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .contact_addres_box i.fa-phone { transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); } .contact_map, .contact_map iframe { width: 100%; height: 650px; } .contact_map iframe { /*filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); -webkit-filter: grayscale(100%);*/ } .enquiry_form.contact_form { padding: 37px 0 0 0; } .contact_form form .form-group:after { content: ""; display: table; clear: both; } .contact_form form .form-group { margin-bottom: 34px; } .contact_form form textarea.form-control { height: 95px !important; resize: none; padding: 10px 0 0 0; } .contact_form form .form-control { width: 100%; height: 48px !important; font-size: 18px; color: #fff; font-weight: 400; padding: 0 0 0 0; border: none; border-bottom: 2px solid #fff !important; box-sizing: border-box; border-radius: 0; background: transparent; } .contact_form form .form-control:focus { box-shadow: none; outline: none; border-bottom-color: #003556 !important; } .contact_form input::-webkit-input-placeholder, .contact_form textarea::-webkit-input-placeholder { color:#fff; opacity:1; } .contact_form input:-moz-placeholder, .contact_form textarea:-moz-placeholder { color:#fff; opacity:1; } .contact_form input::-moz-placeholder, .contact_form textarea::-moz-placeholder { color:#fff; opacity:1; } .contact_form form input:-ms-input-placeholder, .contact_form form textarea:-ms-input-placeholder { color:#fff; opacity:1; } .contact_form.form-data input::-webkit-input-placeholder, .contact_form.form-data textarea::-webkit-input-placeholder { color:#000; opacity:1; } .contact_form.form-data input:-moz-placeholder, .contact_form.form-data textarea:-moz-placeholder { color:#000; opacity:1; } .contact_form.form-data input::-moz-placeholder, .contact_form.form-data textarea::-moz-placeholder { color:#000; opacity:1; } .contact_form.form-data form input:-ms-input-placeholder, .contact_form.form-data form textarea:-ms-input-placeholder { color:#000; opacity:1; } .contact_form form .submit_btn_box { float: left; margin: 14px auto 0; width: 100%; text-align: center; } .contact_form form .submit-btn { background: rgba(0, 0, 0, 0); border: medium none; color: #fff; display: block; float: right; font-size: 16px; margin: 0 auto; padding: 0; text-align: center; text-transform: capitalize; transition: all 0.5s ease 0s; width: 100%; height: 50px; font-weight: 700; cursor: pointer; } .contact_form form .required-field { color: #fff; float: left; font-size: 14px; line-height: 40px; margin-top: 0; text-align: center; width: 100%; } .contact_form form .required-field span { color: #fff; } .contact_form form .submit_btn_box .main_btn { width: 100%; position: relative } .contact_form form select.form-control option { color: #000 !important; } .c_office_icon { background-position: -10px -210px; width: 41px; height: 54px; } .c_hours_icon { background-position: -60px -210px; width: 56px; height: 50px; } .c_call_icon { background-position: -120px -210px; width: 43px; height: 43px; } .c_email_icon { background-position: -170px -210px; width: 47px; height: 38px; } span.contact_detail_icon { width: 170px; position: relative; height: 170px; border: 2px solid rgba(167, 114, 59, 0.1); display: block; margin: 0 auto !important; border-radius: 50%; } span.contact_detail_icon:before { content: ""; border: 2px solid #a7723b; margin: 0 auto; border-radius: 50%; pointer-events: none; position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; } .contact_detail_section { margin: 7px 0 0 0; } .contact_form .select_arrow i { background-position: -10px -60px; width: 14px; height: 16px; } .contact_addres_box label { font-size: 24px; color: #202020; font-weight: 700; margin: 0; line-height: normal; display: block; padding: 46px 0 32px 0; } .contact_addres_box span, .contact_addres_box p, .contact_addres_box a { font-size: 16px; color: #444444; font-weight: 400; line-height: 36px; margin: 0; } div#news_slider { margin: 45px 0 0 0; } .news_box { text-align: center; position: relative; overflow: hidden; } .news_box .news_date_main { } .news_box .news_date_main .news_date { font-size: 18px; color: #999999; font-weight: 700; line-height: 26px; width: 100px; height: 100px; border-radius: 50%; position: relative; margin: 0 auto; display: block; padding: 26px 0 0 0; } .news_box .news_date_main .news_date:before { content: ""; width: 100px; height: 100px; border-radius: 50%; position: absolute; left: 0; top: 0; background: rgb(252,178,21); background: -moz-linear-gradient(left, rgba(252,178,21,1) 0%, rgba(0,53,86,1) 100%); background: -webkit-linear-gradient(left, rgba(252,178,21,1) 0%, rgba(0,53,86,1) 100%); background: linear-gradient(to right, rgba(252,178,21,1) 0%, rgba(0,53,86,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb215', endColorstr='#003556', GradientType=1 ); z-index: -1; } .news_box .news_date_main .news_date:after { content: ""; width: 84px; height: 84px; border-radius: 50%; position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: -1; background: #fff; } .news_box .news_date_main .news_date span { font-size: 30px; color: #003556; font-weight: 700; line-height: 26px; display: block; margin-bottom: 4px; } .news_box .news_title_main { padding: 33px 30px 27px 30px; } .news_box .news_title_main .news_title { font-size: 18px; color: #333333; font-weight: 700; line-height: 30px; } .news_box .news_content { padding: 0 30px; } .news_box .news_content p { margin: 0 } .news_box .news_btn_main { position: absolute; left: 0; right: 0; bottom: -110px; z-index: 2; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .news_box .news_btn_main:before { content: ""; background: url(../images/news-bg-shadow.png) scroll repeat-x; width: 100%; height: 110px; display: block; } .news_box .news_btn_main .news_btn { width: 39px; height: 24px; position: absolute; left: 0; margin: 0 auto; right: 0; bottom: 0; } .news_box .news_btn_main .news_btn i { background-position: -50px -50px; width: 39px; height: 24px; display: block; } #news_slider.owl-theme .owl-controls { margin-top: 75px; } .wrappermain .owl-theme .owl-dots .owl-dot span { width: 20px; height: 20px; border-radius: 0; margin: 0 2px; padding: 0; background: transparent !important; position: relative !important; } .wrappermain .owl-theme .owl-dots .owl-dot span:before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: rgba(0, 53, 86, 0.2) !important; position: absolute !important; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webki-transform: translateY(-50%); } .wrappermain .owl-theme .owl-dots .owl-dot span:after { content: ""; border-radius: 50%; border: 2px solid rgba(0, 53, 86, 1) !important; position: absolute !important; left: 0; top: 0; right: 0; bottom: 0; transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transform: scale(0); } .wrappermain .owl-theme .owl-dots .owl-dot.active span:before { background: #fcb215 !important; } .wrappermain .owl-theme .owl-dots .owl-dot.active span:after { transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); } .news_box:hover .news_title_main .news_title { color: #003556; text-decoration: underline; } .news_box:hover .news_btn_main { bottom: 5px; } section.laser_treatments_section { padding: 73px 0 30px 0; } .laser_treatments_box_main { margin: 45px 0 0 0; } .laser_treatments_box { text-align: center; margin-bottom: 46px; } .laser_treatments_box .laser_treatments_img_main { position: relative; display: block } .laser_treatments_box .laser_treatments_img_main:before { content: ""; background: -moz-linear-gradient(left, rgba(252,178,21,0.85) 0%, rgba(0,53,86,0.85) 100%); background: -webkit-linear-gradient(left, rgba(252,178,21,0.85) 0%, rgba(0,53,86,0.85) 100%); background: linear-gradient(to right, rgba(252,178,21,0.85) 0%, rgba(0,53,86,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9fcb215', endColorstr='#d9003556', GradientType=1 ); position: absolute; left: 0; right: 0; top: 0; bottom: 0; pointer-events: none; z-index: 1; opacity: 0; z-index: 1; } .laser_treatments_box .laser_treatments_img_main:after { content: ""; border: 3px solid #fff; width: 90px; height: 90px; position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%) scale(1.5); -moz-transform: translateY(-50%) scale(1.5); -ms-transform: translateY(-50%) scale(1.5); -o-transform: translateY(-50%) scale(1.5); -webkit-transform: translateY(-50%) scale(1.5); pointer-events: none; opacity: 0; border-radius: 50%; z-index: 1; } .laser_treatments_box .laser_treatments_img_main .laser_treatments_img { position: relative; display: block; } .laser_treatments_box .laser_treatments_img_main .laser_treatments_img:before { content: ""; border: 3px solid #fff; width: 70px; height: 70px; position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%) scale(0); -moz-transform: translateY(-50%) scale(0); -ms-transform: translateY(-50%) scale(0); -o-transform: translateY(-50%) scale(0); -webkit-transform: translateY(-50%) scale(0); pointer-events: none; border-radius: 50%; z-index: 1; } .laser_treatments_box .laser_treatments_img_main .laser_treatments_img:after { content: ""; background-position: -10px -50px; width: 29px; height: 8px; position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%) scale(0); -moz-transform: translateY(-50%) scale(0); -ms-transform: translateY(-50%) scale(0); -o-transform: translateY(-50%) scale(0); -webkit-transform: translateY(-50%) scale(0); pointer-events: none; z-index: 1; } .laser_treatments_box .laser_treatments_img_main .laser_treatments_img img { width: 100%; } .laser_treatments_box .laser_treatments_title_main { margin: 17px 0 0 0 } .laser_treatments_box .laser_treatments_title_main .laser_treatments_title { font-size: 18px; color: #333333; font-weight: 700; line-height: 24px; } .modal-backdrop.in, .modal-backdrop.show { opacity: 0.9; } .modal-body h3 { color: #fff; font-size: 28px; margin: 0 0 20px 0; font-weight: 700; } .modal-content { border-radius: 0; border: 0; } .modal button.close:focus { outline: none; } .modal button.close:before { content: "+"; font-size: 27px; position: absolute; right: 5px; top: 1px; transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .modal button.close { position: absolute; font-size: 0; right: 0; top: 0; z-index: 88; cursor: pointer; color: #000 !important; opacity: 1 !important; width: 35px; height: 35px; border-radius: 0 0 0 40px; background: #f5f5f5; box-shadow: 2px -2px 10px rgba(0, 0, 0, 0.4) inset; padding: 0 0 5px 5px; margin: 0 !important; text-shadow: none; } #sizepopup .modal-body, #enquiryclick .modal-body,#feedbackclick .modal-body { background-image: url(../images/contact-form-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; position: relative; } #sizepopup .modal-body:before, #enquiryclick .modal-body:before ,#feedbackclick .modal-body:before, .modal-body:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: -moz-linear-gradient(left, rgba(252,178,21,0.85) 0%, rgba(0,53,86,0.85) 100%); background: -webkit-linear-gradient(left, rgba(252,178,21,0.85) 0%, rgba(0,53,86,0.85) 100%); background: linear-gradient(to right, rgba(252,178,21,0.85) 0%, rgba(0,53,86,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9fcb215', endColorstr='#d9003556', GradientType=1 );} /* #feedbackclick .modal-body { background-image: url(../images/contact-form-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; position: relative; } #feedbackclick .modal-body:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: -moz-linear-gradient(left, rgba(252,178,21,0.85) 0%, rgba(0,53,86,0.85) 100%); background: -webkit-linear-gradient(left, rgba(252,178,21,0.85) 0%, rgba(0,53,86,0.85) 100%); background: linear-gradient(to right, rgba(252,178,21,0.85) 0%, rgba(0,53,86,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9fcb215', endColorstr='#d9003556', GradientType=1 ); } */ .modal-body { padding: 25px; } .modal { position: fixed !important; z-index: 99999; } @media (min-width: 480px) { .modal-dialog { left: 50%; /*max-width: 460px;*/ max-width: 520px; width: 100%; margin: 0 auto !important; position: absolute; top: 50%; transform: translate(-50%, -50%) !important; -moz-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; -o-transform: translate(-50%, -50%) !important; -webkit-transform: translate(-50%, -50%) !important; } } .visible_ipad { display: none } .overly:before { background-image: url(../images/close-icon-white.png) } .visible_desktop { display: block } .contactpage_box_main .f_adr { margin-bottom: 35px !important; } .contactpage_box_main .f_adr a { color: #555; } .contactpageform_main { padding: 30px 0 0 0; } .contactpageform_main .contact_form form .form-control { width: 100%; height: 48px !important; font-size: 18px; color: #303030; font-weight: 400; padding: 0 0 0 0; border: none; border-bottom: 2px solid #cccccc !important; box-sizing: border-box; border-radius: 0; background: transparent; } .contactpageform_main .contact_form input::-webkit-input-placeholder, .contactpageform_main .contact_form textarea::-webkit-input-placeholder { color:#606060; opacity:1; } .contactpageform_main .contact_form input:-moz-placeholder, .contactpageform_main .contact_form textarea:-moz-placeholder { color:#606060; opacity:1; } .contactpageform_main .contact_form input::-moz-placeholder, .contactpageform_main .contact_form textarea::-moz-placeholder { color:#606060; opacity:1; } .contactpageform_main .contact_form form input:-ms-input-placeholder, .contactpageform_main .contact_form form textarea:-ms-input-placeholder { color:#606060; opacity:1; } .contactpageform_main .contact_form form .required-field { color: #303030; } .contactpageform_main .contact_form form .required-field span { color: #303030; } .treatments_commen_section { padding: 30px 0 0 0; text-align: left; border-top: 1px solid #ccc; clear: both; } .treatments_commen_section p { margin: 0; font-size: 22px; font-weight: 600; } .treatments_commen_section p a.sizepopup { display: block; margin: 20px 0 0; } figure.wp-block-image { text-align: center; } .pricing_box { padding: 20px 20px 10px 20px; margin-bottom: 30px; } .pricing_box h4 { margin: 0 0 10px 0; } .pricing_box_main .col-12 { position: relative } .pricing_box_main .col-12:before { content: ""; border: 1px solid #ccc; position: absolute; left: 15px; right: 15px; bottom: 30px; top: 0; pointer-events: none; } ul.prices_ul_box { padding: 0; position: relative; margin-right: -15px; margin-left: -15px; margin-bottom: 0; } ul.prices_ul_box li { padding: 8px 30px 5px 30px; margin-bottom: 10px !important; text-align: center; color: #fff; line-height: 30px; } ul.prices_ul_box li + li { margin-top: 0 !important; } ul.prices_ul_box li:before { opacity: 0; display: none } ul.prices_ul_box li:after { content: ""; position: absolute; left: 15px; right: 15px; top: 0; bottom: 0; background: #003556; z-index: -1; border: 1px solid #003556; } ul.prices_ul_box li span { margin: 0 0 0 5px; font-weight: 600; font-size: 20px; color: #fcb215; } .blog_content_main { margin: 0 0 30px 0; padding: 30px; } .blog_box_main .bigblog_col:before { content: ""; border: 1px solid #ccc; position: absolute; left: 15px; top: 0; right: 15px; bottom: 30px; } .news_date_main span.news_date { padding-left: 25px; position: relative; font-size: 16px; } .news_date_main span.news_date:before { content: ""; position: absolute; left: 0; top: 0; background-position: -150px -10px; width: 14px; height: 16px; } .blog_title_main { margin: 5px 0 15px 0; } .blog_title_main a.blog_title { font-size: 20px; } .blog_text p { margin-bottom: 20px; } .blog_title_main a.blog_title { font-size: 20px; color: #333333; font-weight: 600; } .team2_hvr_box .team2_image_main a { display: block; } .team2_hvr_box .team2_image_main a img { width: 100%; } .team2_content_section_main a.team2_text_box_main { font-size: 20px; color: #333; font-weight: 600; padding: 20px 0 0 0; display: block; text-align: center; } .team2_hvr_box { margin-bottom: 30px; } .default_cms_page img.alignright { width: 45%; height: auto !important; margin: 0 0 30px 30px; } .con_call_icon { background-position: -40px -10px; width: 37px; height: 34px; display: inline-block; position: absolute; left: 0; top: 6px; } .con_email_icon { background-position: -170px -10px; width: 37px; height: 29px; display: inline-block; position: absolute; left: 0; top: 6px; } .con_call_main, .con_email_main { position: relative; } .f_adr_sub.con_call_main, .f_adr_sub.con_email_main { padding: 0 0 0 50px; } .f_adr_sub.con_call_main span { display: block } .f_adr_sub.con_call_main *, .f_adr_sub.con_email_main * { line-height: normal !important; } .f_adr_sub.con_call_main { margin-bottom: 25px; } .f_adr_sub.con_email_main span.m-b-0 { display: block; margin-bottom: -7px !important; } .pdf_main_box { position: relative; padding: 15px 15px 15px 50px; border: 1px solid #ccc; display: block; color: #003556; } .pdf_main_box .pdf-icon { background-position: -220px -10px; width: 19px; height: 27px; position: absolute; left: 20px; top: 13px; } .radio_main { padding: 10px 0 0 45px; position: relative; display: inline-block; line-height: 20px; margin-right: 10px; border-radius: 50%; margin-bottom: 10px; width: 30%; float: left; } .radio_main .input_radio_div { left: 0px; position: absolute; top: 0px; } .radio_main .radioinput { cursor: pointer; display: block; height: 40px; line-height: normal !important; margin: 0; border-radius: 50%; min-height: inherit; opacity: 0; width: 40px; } .radio_main .input_radio_div .icon { border: 4px solid #fff; background: transparent; border-radius: 50%; color: #606060; font-size: 20px; height: 40px; left: 50%; pointer-events: none; position: absolute; margin: 0 0 0 0; top: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 40px; } .radio_main .input_radio_div .icon::before { content: ""; line-height: normal; left: 6px; opacity: 0; position: absolute; top: 6px; background: #fff; border-radius: 50%; width: 20px; height: 20px; } .radio_main .input_radio_div .radioinput:checked + .icon { } .radio_main .input_radio_div .radioinput:checked + .icon:before { opacity: 1; } .modal-body label.lbl_radio { color: #fff; margin: 0 } .callback_popup.contact_form.location_form .radio_section { margin: 0 0 10px; } .pricing_box_main .col-12.col-sm-12.col-md-12 .pricing_box { padding: 0; margin: 0; } .pricing_box_main .col-12.col-sm-12.col-md-12:before { display: none } .pricing-top-table { } .mobile-block { display: none; } /*28/5/2019*/ .page-id-226 tbody tr td:first-child { text-align: left; } .page-id-226 #hide_data { display: none; } .radio_section .radio_main:first-child { margin-right: 10px; } .radio_section .radio_main:last-child { margin-right: 0; } .page-id-1216 .pmobbtn { display: none; } .modal .radio_main { margin-top: 15px;} /***************************************************************************************/ /******************************** Location popup Form **********************************/ /***************************************************************************************/ #enquiry_form .main_title { margin: 0 0 20px; } #enquiry_form .enquiry_main_box a { margin: 0 10px; } .location-popup { position: relative; } .location-popup .modal-body { background-image: url(../images/contact-form-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; width: 100%; position: relative; } .location-popup .modal-body:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: -moz-linear-gradient(left, rgba(252,178,21,0.85) 0%, rgba(0,53,86,0.85) 100%); background: -webkit-linear-gradient(left, rgba(252,178,21,0.85) 0%, rgba(0,53,86,0.85) 100%); background: linear-gradient(to right, rgba(252,178,21,0.85) 0%, rgba(0,53,86,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9fcb215', endColorstr='#d9003556', GradientType=1 ); } .location-popup .contact_form form .form-group:after { content: ""; display: table; clear: both; } .location-popup .contact_form form .form-group { margin-bottom: 20px; } .location-popup .contact_form form textarea.form-control { height: 95px !important; resize: none; padding: 10px 0 0 0; } .location-popup .contact_form form .form-control { width: 100%; height: 48px !important; font-size: 18px; color: #fff; font-weight: 400; padding: 0 0 0 0; border: none; border-bottom: 2px solid #fff !important; box-sizing: border-box; border-radius: 0; background: transparent; } .location-popup .contact_form form .form-control:focus { box-shadow: none; outline: none; border-bottom-color: #003556 !important; } .location-popup .contact_form input::-webkit-input-placeholder, .location-popup .contact_form textarea::-webkit-input-placeholder { color:#fff; opacity:1; } .location-popup .contact_form input:-moz-placeholder, .location-popup .contact_form textarea:-moz-placeholder { color:#fff; opacity:1; } .location-popup .contact_form input::-moz-placeholder, .location-popup .contact_form textarea::-moz-placeholder { color:#fff; opacity:1; } .location-popup .contact_form form input:-ms-input-placeholder, .location-popup .contact_form form textarea:-ms-input-placeholder { color:#fff; opacity:1; } .location-popup .contact_form form .submit_btn_box { float: left; margin: 14px auto 0; width: 100%; text-align: center; } .location-popup .contact_form form .submit-btn { background: rgba(0, 0, 0, 0); border: medium none; color: #fff; display: block; float: right; font-size: 16px; margin: 0 auto; padding: 0; text-align: center; text-transform: capitalize; transition: all 0.5s ease 0s; width: 100%; height: 50px; font-weight: 700; cursor: pointer; } .location-popup .contact_form form .required-field { color: #fff; float: left; font-size: 14px; line-height: 40px; margin-top: 0; text-align: center; width: 100%; } .location-popup .contact_form form .required-field span { color: #fff; } .location-popup .contact_form form .submit_btn_box .main_btn { width: 100%; position: relative } .location-popup .contact_form form select.form-control option { color: #000 !important; } .location-popup .modal-body h3 { color: #fff; text-align: center; } .location-popup .modal-dialog { max-width: 700px; } .page-id-1027 .enquiry_main_box.mobile_button { display: none; } .page-id-1027 .disc_text, .page-id-1125 .disc_text { display: block; text-align: center; color: #f00; font-size: 24px; font-weight: 600; text-transform: capitalize; } .page-id-1027 .pricing_box_main table td.tg-wc2v, .page-id-1027 .pricing_box_main table td.tg-c3ow { text-decoration: line-through; } .page-id-1027 .pricing_box_main table td.tg-wc2v span.noline, .page-id-1027 .pricing_box_main table td.tg-c3ow span.noline { text-decoration: none !important; display: inline-block; color: #f00; font-weight: 500; } .pricing_box_main .table thead th { font-size: 19px; } .pricing_box_main .table-bordered td, .pricing_box_main .table-bordered th, .pricing_box_main .table-bordered td p, .pricing_box_main .table-bordered th p { font-size: 15px; line-height: 1.6; } .pricing_box_main table tr br { display: none; } .pricing_box_main .table thead th, .pricing_box_main .table td, .pricing_box_main .table th { vertical-align: middle; } .pricing_box_main table tr td:first-child, .pricing_box_main table tr th:first-child { width: 900px; } .pricing_box_main table tr td:nth-child(3), .pricing_box_main table tr th:nth-child(3) { width: 190px; } /*6/12/2019*/ .banner_btn_inner { display: table; margin: 60px auto 0; } .btn_botton_two { text-align: center; } .btn_botton_two > div { display: inline-block; vertical-align: middle; margin: 0 5px; } .btn_btn .btn-primary { background: #003556; } .btn_btn .btn-primary:before { background: #fcb215; } blockquote { padding: 14px 20px; margin: 8px 77px 20px; font-size: 16px; border-left: 2px solid #003556; background: #f5f5f5; display: inline-block; vertical-align: middle; } blockquote span, blockquote div { display: inline-block; vertical-align: middle; padding: 0 15px; } blockquote span { color: #f00; font-weight: 600; font-size: 18px; } .page-id-1500 blockquote .btn_btn .btn-primary{margin:10px 10px;} .page-id-1500 blockquote{display: table; text-align: center;margin: 8px auto 20px;} /****************************************************************************************************************************/ /******************************************* FAQ page section style **************************************************/ /****************************************************************************************************************************/ .accordion-button { color: #444 !important; padding: 12px 50px 12px 15px; line-height: 26px; font-size: 20px; position: relative; border: 1px solid #fcb215; display: block; } .accordion-button .icon { display: block; height: 30px; width: 30px; background: #003556; position: absolute; right: 10px; top: 10px; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } .accordion-button .icon:before, .accordion-button .icon:after { content: ""; position: absolute; left: 50%; top: 50%; width: 14px; height: 2px; background: #fff; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .accordion-button .icon:after { width: 2px; height: 14px; } .accordion-content { padding: 15px; border: 1px solid #ddd; border-top: none; display: none; } .accordion + .accordion { margin-top: 15px; } .accordion-button.active { border-color: #fcb215; background: #fcb215; color: #fff !important; } .accordion-button.active .icon { background: #fff; } .accordion-button.active .icon:before { background: #606060; } .accordion-button.active .icon:after { background: #606060; height: 0; } .accordion-button.active + .accordion-content { border-color: #fcb215; } .accordion-content.show { display: block; } .accordion-content > *:last-child { margin-bottom: 0; } .pricing-top-table p.pocket { margin: 10px 0 0; text-transform: inherit; font-weight: 400; font-size: 13px !important ; } .top_text { background: #fcb215; text-align: center; } .top_text p { padding: 5px 0; margin: 0; color: #fff; } input[name="patient-dob"] { text-transform: uppercase; } .single_dm_map_surrey{ margin-bottom: 30px; } .map_surrey_all_location{ max-height: 530px; overflow: hidden; overflow-y: auto; } /**********************************************************************************************************************************************/ /******************************************************* 001 RESPONSIVE ********************************************************************/ /**********************************************************************************************************************************************/ @media (min-width: 1820px) { .service_section .container { max-width: 1790px !important } } @media (max-width: 1229px) { .wrappermain .container { max-width: 100%; } } @media (min-width: 1230px) { .wrappermain .container { max-width: 1200px; } } /* && Container Width *****/ @media (min-width:1500px) { #home_banner.owl-carousel .owl-item img, .inner-banner_img_main img { height: auto; left: 0; position: relative; transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); -webkit-transform: translateX(0px); width: 100%; } } @media (min-width:1199px) { .banner_title { background: none !important; padding: 0px 0 0px 0px !important; font-size: 40px; } } @media (max-width:1199px) { .carousel-caption { left: 60px; right: 60px; max-width: inherit; width: auto; } .head-top .top-link li + li { margin-left: 22px !important; } .enquiry_form.contact_form { padding: 15px 0 0 0; } .header_right_section { padding-right: 0 !important; text-align: right; } .section_padding, .section_space { padding: 50px 0; } .service_section .row { margin-left: -20px; margin-right: -20px; } .service_section .row .col-12 { padding-left: 20px; padding-right: 20px; } .service_box .service_link .service_title_main { max-width: 280px; padding: 13px 0 8px 0; } .service_box .service_link .service_title { font-size: 24px; } .hp_infobox_section { padding: 50px 0 10px 0; } .homenew .hp_infobox_main .col-12:before { bottom: -10px;} .hp_infobox .hp_infobox_content { padding: 0 0px; } .hp_infobox .hp_infobox_title_main { padding: 25px 0 18px 0; } section.laser_treatments_section { padding: 50px 0 10px 0; } .laser_treatments_box_main { margin: 15px 0 0 0; } .laser_treatments_box { margin-bottom: 35px; } div#news_slider { margin: 15px 0 0 0; } .news_box .news_title_main { padding: 20px 0px 15px 0px; } .news_box .news_content { padding: 0; } #news_slider.owl-theme .owl-controls { margin-top: 25px; } .enquiry_section { padding: 50px 0 20px 0; } .footer_top_main { padding: 25px 0 20px 0; } .signature { padding: 0 0 10px 0; } .main_title { font-size: 35px; } .welcome_box_main .welcome_content_main .main_title { margin: 0 0 15px 0; } .banner_title { line-height: 60px; font-size: 44px; margin: 0 0 18px 0; } .banner-caption p { font-size: 21px; margin: 0 0 24px; } #home_banner.owl-carousel .owl-item img { height: 400px; } .banner_title { background: none !important; padding: 0px 0 0px 0px !important; font-size: 40px; } } @media (min-width: 1025px) { .wrappermain .btn-o:hover:after { top: 0; opacity: 1; } ul.prices_ul_box li a:hover { color: #fcb215; text-decoration: underline; } .pdf_main_box:hover { color: #fcb215; } .contactpage_box_main .f_adr a:hover { color: #fcb215; } .header.sticky .head-top .top-link { padding: 13px 0; } .header.sticky .header_right_section { padding-top: 12px; padding-bottom: 12px; } .header.sticky.header .header-wrapper .logo-box .logo { padding: 14px 0; } .header.sticky.header .header-wrapper .logo-box .logo a img, .header.sticky.header .header-wrapper .logo-box .logo a .logo-img { max-width: 158px; } .header.sticky .head-top-main { padding: 0 } .header.sticky.header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li > a { padding: 15px 0 8px 0; } .header.sticky .header-wrapper { box-shadow: 0 0 5px rgba(0,0,0,0.5) } .laser_treatments_box:hover .laser_treatments_img_main:before { opacity: 1 } .laser_treatments_box:hover .laser_treatments_img_main:after { transform: translateY(-50%) scale(1); -moz-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); -o-transform: translateY(-50%) scale(1); -webkit-transform: translateY(-50%) scale(1); opacity: 1; } .laser_treatments_box:hover .laser_treatments_img_main .laser_treatments_img:before, .laser_treatments_box:hover .laser_treatments_img_main .laser_treatments_img:after { transform: translateY(-50%) scale(1); -moz-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); -o-transform: translateY(-50%) scale(1); -webkit-transform: translateY(-50%) scale(1); } .service_box:hover .service_link .service_title_main { background: rgba(0, 53, 86, 0.9) } .head-top .top-link li a:hover span, .footer_menu_main ul li a:hover, .footer_menu_main .copyright_main span a:hover, .footermenubox .footermenu_content > ul > li a:hover, .footermenubox .footermenu_content .f_contactdetail .f_adr a:hover, .inner-banner .breadcrumb li a:hover, .blog-pad .panel-body ul li a:hover { color: #fcb215 } a:hover, a:focus { color: #003556 } } @media (max-width: 1024px) { .header_btn_section.header_right_section.visible_ipad { display: none !important; } .con_call_icon, .con_email_icon { top: 1px; } .enquiry_section { background-attachment: scroll !important; } .header .header_right_section.visible_desktop { padding-right: 60px !important; padding-top: 7px !important; } .hp_infobox .hp_infobox_title_main { padding: 15px 0 8px 0; } .hp_infobox .hp_infobox_title_main .hp_infobox_title { font-size: 18px; } body { font-size: 15px; } p { font-size: 15px; line-height: 26px; margin: 0 0 15px; } ul > li, ol > li { font-size: 15px; line-height: 26px; margin: 0 0 26px; } .main_title { font-size: 34px; } .laser_treatments_box .laser_treatments_title_main .laser_treatments_title { font-size: 16px; } .laser_treatments_box .laser_treatments_title_main { margin: 10px 0 0 0; } .laser_treatments_box { margin-bottom: 25px; } .welcome_box_main + .welcome_box_main { margin-top: 50px; } .news_box .news_title_main .news_title { font-size: 16px; line-height: 22px; } .welcome_box_main .welcome_content_main .welcome_btn_main { margin: 15px 0 0 0; } .news_box .news_date_main .news_date span { font-size: 24px; line-height: 16px; margin-bottom: 2px; } .news_box .news_date_main .news_date { padding: 34px 0 0 0; } .footer_bottom_main .footer_social_main { display: none; } .signature { padding: 10px 0; } .footer_bottom_main { border-top: 1px solid #ddd; } .footer_top_main { display: none } .footermenu_content.visible_ipad * { font-size: 15px; line-height: 26px; } .f_adr_sub, .f_adr_sub * { line-height: 26px !important; } .visible_desktop { display: none } .header_left_section { display: none } .head-top-main .col-sm-12 { text-align: left; } .header .head-top-main { border: 0; } .head-bg { height: 0; } .header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav .sub { box-shadow: none !important; } .footermenu_content.visible_ipad { padding: 20px 15px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 15px 0 0 0; } .footer_social_main.visible_ipad .social_media_main ul { text-align: left; margin: 10px 0 0 0 } .footer_social_main.visible_ipad .social_media_main ul li { margin: 0 10px 0 0 !important; } .footer_social_main.visible_ipad .social_media_main ul li a { width: 45px; height: 45px; } .footer_social_main.visible_ipad .social_media_main ul:before { display: none } .footer_social_main.visible_ipad { padding: 15px 15px; } .menumobileview .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: rgba(236, 236, 236, 0.75) !important } .footer_social_main .social_media_main ul li a { background: rgb(252,178,21); background: -moz-linear-gradient(left, rgba(252,178,21,1) 0%, rgba(0,53,86,1) 100%); background: -webkit-linear-gradient(left, rgba(252,178,21,1) 0%, rgba(0,53,86,1) 100%); background: linear-gradient(to right, rgba(252,178,21,1) 0%, rgba(0,53,86,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb215', endColorstr='#003556', GradientType=1 ); } .footer_social_main .social_media_main h3 { font-weight: 700; font-size: 15px; color: #333; } .footer_social_main.visible_ipad .social_media_main ul li a i { transform: translateY(-50%) scale(0.7); -moz-transform: translateY(-50%) scale(0.7); -ms-transform: translateY(-50%) scale(0.7); -o-transform: translateY(-50%) scale(0.7); -webkit-transform: translateY(-50%) scale(0.7); } .footermenu_content.visible_ipad .f_adr:last-child, .footermenu_content.visible_ipad .f_adr p { margin: 0; } .footermenu_content.visible_ipad .f_adr_sub * { line-height: 26px !important; color: #555555; } .footermenu_content.visible_ipad .f_adr { margin: 0 0 20px 0; } .visible_ipad { display: block !important } .header .head-top .top-link { padding: 13px 0; } .header .header_right_section { padding-top: 12px; padding-bottom: 12px; } .header.header .header-wrapper .logo-box .logo { padding: 14px 0; } .header.header .header-wrapper .logo-box .logo a img, .header.sticky.header .header-wrapper .logo-box .logo a .logo-img { max-width: 158px; } .header .head-top-main { padding: 0 } .header.header .header-wrapper .primary .navbar .navbar-collapse .navbar-nav > li > a { padding: 15px 0 8px 0; } .header .header-wrapper { box-shadow: 0 0 5px rgba(0,0,0,0.5) } a:hover, a:focus { color: #fcb215; } .project-caption .overlay-green { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; left: 0; } .overlay-green a, .project-caption .overlay-green .share_icon { display: none; } .overlay-green a.fancybox { bottom: 0; display: block; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 888; } .black-bg h4 { opacity: 1; z-index: 99; } .pricing_box_main table td { padding: 10px; } .pricing_box_main img { width: 100%; } /*6/12/2019*/ blockquote { width: 100%; margin: 0; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .col-md-12 .content_rep_img img {max-height: 450px;} .col-md-12 .content_rep_cnt {margin-top: 20px;} } @media (max-width:991px) { .service_box .service_link .service_title { font-size: 20px; } .service_box .service_link .service_title_main { max-width: 240px; padding: 6px 0 5px 0; } .welcome_box_main .welcome_img_main { padding-right: 0; max-width: 480px; margin: 0 auto 25px auto; } .hp_infobox .hp_infobox_icon_main img { transform: translateY(-50%) scale(0.7); -moz-transform: translateY(-50%) scale(0.7); -ms-transform: translateY(-50%) scale(0.7); -o-transform: translateY(-50%) scale(0.7); -webkit-transform: translateY(-50%) scale(0.7); } .hp_infobox .hp_infobox_icon_main { height: 63px; } .welcome_box_main .welcome_content_main { text-align: center; } .welcome_box_main:nth-child(even) .col-lg-6:first-child { order: 1; } .welcome_box_main:nth-child(even) .col-lg-6:last-child { order: 2; } .page-id-1125 .alignleft { float: none; display: table; margin: 0 auto; width: 40%; height: auto; } .contact_form.form-data form .form-control { font-size: 16px;} .contact_form.form-data label { font-size: 16px;} .price-detail-page-hide tr:first-child th:first-child{width:80%;} .price-detail-page-hide tr:first-child th:nth-child(2){width:20%;} .pricing_box_main table p.pocket{ font-size: 11px !important ; line-height: 15px;} .page_template_new ul > li, .page_template_new ol > li, .homenew ul > li, .homenew ol > li {margin-bottom: 0;} } @media (min-width: 768px) { .header .header_right_section.visible_desktop { display: block !important; } .mobile_banner_top, .header_btn_section.header_right_section.only-call { display: none !important; } } @media (max-width:767px) { .banner_section, .inner_banner_section { margin-top: 137px; } .page-id-1027 .pricing_box_main img { display: none; } .page-id-1027 .enquiry_section { padding: 30px 0; display: none; } .page-id-1027 .requestcallback_btn_main.header_btn_box, .page-id-1125 .requestcallback_btn_main.header_btn_box { text-align: center; padding: 0 0 10px; } .page-id-1027 .mobile_banner_top .header_btn_box a, .page-id-1125 .mobile_banner_top .header_btn_box a { font-size: 18px !important; color: #003556; } .page-id-1027 .mobile_banner_top .header_btn_box a.btn-primary-o::before, .page-id-1027 .mobile_banner_top .header_btn_box a.btn-primary-o::after, .page-id-1125 .mobile_banner_top .header_btn_box a.btn-primary-o::before, .page-id-1125 .mobile_banner_top .header_btn_box a.btn-primary-o::after { background: #003556; } .page-id-1027 .pricing_box_main img, .page-id-1125 .pricing_box_main img { display: none; } .page-id-1216 .wrappermain .btn.pmobbtn { display: block; width: 170px !important; margin: 0 auto; font-size: 12px; line-height: 32px; height: auto; } .pricing-top-content .phidemob { display: none; } .pricing-top-table { display: inline-block; } .mobile-block { display: none; } body .header_btn_section.only-call .requestcallback_btn_main a:after { width: 22px !important; height: 22px !important; margin: -2px auto 0; background-image: url(../images/callimg.png) !important; background-color: transparent !important; background-size: inherit !important; background-position: inherit !important; opacity: 1 !important; } .header { box-shadow: 0 0 5px rgba(0,0,0,0.5); } .header .header-wrapper { box-shadow: none; border-bottom: 1px solid #ddd; } .header .header_right_section.visible_desktop.only-call { padding: 0 !important; display: inline-block !important; position: absolute; z-index: 888; right: 70px; min-width: inherit; top: 15px; } .header .header-wrapper .header_right_section .header_btn_box a { right: 0; border-bottom: 0 !important; border: 0 !important; border-right: 0 !important; background: rgb(252,178,21) !important; background: -moz-linear-gradient(left, rgba(252,178,21,1) 0%, rgba(0,53,86,1) 100%) !important; background: -webkit-linear-gradient(left, rgba(252,178,21,1) 0%, rgba(0,53,86,1) 100%) !important; background: linear-gradient(to right, rgba(252,178,21,1) 0%, rgba(0,53,86,1) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcb215', endColorstr='#003556', GradientType=1 ) !important; box-shadow: none !important; width: 45px !important; height: 45px !important; border-radius: 50% !important; transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); font-size: 0 !important; } .header .header-wrapper .header_right_section .header_btn_box a:before { display: none } .header .header-wrapper .header_right_section .header_btn_box a:after { animation: inherit !important; } /*.header .makeanenquiry_btn_main.header_btn_box{display: none}*/ .mobile_banner_top .header_btn_box a { right: 0; border-bottom: 0 !important; border: 0 !important; border-right: 0 !important; background: transparent !important; box-shadow: none !important; width: auto !important; height: 48px !important; border-radius: 0 !important; transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); font-size: 16px !important; line-height: 48px !important; } .mobile_banner_top .header_btn_box a:before { width: 100% !important; height: 3px !important; top: auto; left: 0 !important; right: 0; bottom: 0; content: ""; background: #f00; border-radius: 0; } .mobile_banner_top .header_btn_box a:after { opacity: 0 !important; } .mobile_banner_top .header_btn_box a.btn-primary-o:before, .mobile_banner_top .header_btn_box a.btn-primary-o:after { background: #fcb215; } .mobile_banner_top .header_btn_box a.btn-secondary-o:before, .mobile_banner_top .header_btn_box a.btn-secondary-o:after { background: #003556; } .mobile_banner_top:after { content: ""; display: table; clear: both; } .mobile_banner_top .header_btn_section.header_right_section { float: none; width: auto; text-align: center; padding: 4px 0 10px 0; min-width: inherit; margin: 0 15px; } .header_btn_section.header_right_section.visible_ipad { display: block !important; } .treatments_commen_section p a.sizepopup { width: 180px; } .welcome_content h1, .welcome_content .h1 { font-size: 22px; } .welcome_content h2, .welcome_content .h2 { font-size: 20px; } .welcome_content h3, .welcome_content .h3 { font-size: 18px; } .welcome_content h4, .welcome_content .h4 { font-size: 16px; } .welcome_content h5, .welcome_content .h5 { font-size: 15px; } .welcome_content h6, .welcome_content .h6 { font-size: 14px; } .doctor_detail_page img.alignright { float: none; margin: 0 auto 30px; display: block; max-width: 260px; } .blog_content_main { padding: 20px; } .contact_form form .submit_btn_box div.btn { padding: 0; } .contact_form form .submit_btn_box div.btn input.submit-btn { padding: 0 30px; } h1, .h1 { font-size: 24px; } h2, .h2 { font-size: 22px; } h3, .h3 { font-size: 20px; } h4, .h4 { font-size: 18px; } body .header_btn_box a { right: 0; border-bottom: 0 !important; border: 0 !important; border-right: 0 !important; background: #fff !important; box-shadow: 0 0 25px rgba(24,35,76,.75) !important; width: 48px !important; height: 48px !important; border-radius: 0 !important; border-top-left-radius: 24px !important; border-bottom-left-radius: 24px !important; transform: rotate(90deg); font-size: 0 !important; } body .header_btn_box a:before { width: 36px !important; height: 36px !important; border-radius: 50%; top: 6px; left: 7px !important; right: auto; bottom: auto; } .makeanenquiry_btn_main.header_btn_box { margin-left: 15px; } .header_btn_section.header_right_section.visible_ipad { padding-top: 0; display: none !important; padding-bottom: 0; z-index: 99; position: fixed; right: 0; top: 50%; transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); -webkit-transform: translateY(-50%) rotate(-90deg); margin: 0 -34px 0 0; min-width: 110px; } body .header_btn_box a:after { content: ""; position: absolute; background-color: transparent !important; top: 14px !important; left: 0; opacity: 1 !important; z-index: 1 !important; right: 0; margin: 0 auto; display: block; background-image: url(../images/sprite-2x.png) !important; background-size: 400px 400px !important; animation: icon-rotate 5s infinite; } .contact_form form .submit-btn { font-size: 15px; height: 40px; } body .header_btn_box.requestcallback_btn_main a:after { background-position: -120px -10px !important; width: 20px !important; height: 20px !important; } body .header_btn_box.makeanenquiry_btn_main a:after { background-position: -90px -10px !important; width: 19px !important; height: 22px !important; } @keyframes icon-rotate { 0%, 50%, 100% {transform: rotateY(0);} 25% {transform: rotateY(180deg);} } @-moz-keyframes icon-rotate { 0%, 50%, 100% { transform: rotateY(0); } 25% { transform: rotateY(180deg); } } @-webkit-keyframes icon-rotate { 0%, 50%, 100% { transform: rotateY(0); } 25% { transform: rotateY(180deg); } } @-o-keyframes icon-rotate { 0%, 50%, 100% { transform: rotateY(0); } 25% { transform: rotateY(180deg); } } @-ms-keyframes icon-rotate { 0%, 50%, 100% { transform: rotateY(0); } 25% { transform: rotateY(180deg); } } .banner_btn_main a.btn { margin: 5px 10px; min-width: 165px; } .my_pagination .pagination li + li { padding-left: 0px !important; } .sidebar_listing { padding-top: 30px; } #home_banner.owl-carousel .owl-item img { height: 280px; } .banner_title { line-height: 1; font-size: 34px; margin-bottom: 5px; } .wrappermain .btn { width: auto; height: 40px; line-height: 40px; font-size: 15px; padding: 0 20px; } .wrappermain .btn-o { height: 40px; line-height: 40px; font-size: 15px; } .wrappermain .btn-o:before, .wrappermain .btn-o:after { height: 3px; } .hp_infobox { text-align: center; max-width: 350px; margin: 0 auto; width: 100%; padding-bottom: 20px; } .hp_infobox_main .col-12:before { bottom: 20px; width: 100px; height: 4px; } .hp_infobox_main .col-12:last-child:before { opacity: 0; } .hp_infobox_main .col-12:last-child .hp_infobox { padding-bottom: 0; } .section_padding, .section_space { padding: 30px 0; } .service_section .row { margin-left: -15px; margin-right: -15px; } .service_section .row .col-12 { padding-left: 15px; padding-right: 15px; } .hp_infobox_section { padding: 30px 0 10px 0; } section.laser_treatments_section { padding: 20px 0 10px 0; } .main_title { font-size: 26px; } .enquiry_section { padding: 30px 0 10px 0; } .header .header-wrapper { position: relative !important } .cms-area { padding: 30px 0; } .inner-banner_img_main img { height: 200px; } .sticky_button { display: none !important } .inner_banner_caption h1, .inner_banner_caption .h1 { font-size: 26px; } #toTop { width: 34px; height: 34px; padding: 0; } .top-btn i.fa-angle-up { border-bottom: 8px solid #fff; border-left: 8px solid rgba(0, 0, 0, 0); border-right: 8px solid rgba(0, 0, 0, 0); margin: 11px auto 0; } #toTop > div { display: none; } .top-btn .fa-angle-up { margin: -6px 0 0 -5px; } /*6/12/2019*/ .btn_botton_two > div { margin: 5px; } .page-id-1500 .alignright{float:none; width:100%; margin: 0 auto; height: 350px;} .row.justify-content-center.form-data.contact_form .row { margin: 0 5px;} .medic_num .form-group input { margin: 0 5px 5px 0;} .homenew .hp_infobox_main .col-12:before {bottom: 10px;} .content_rep+.content_rep {margin-top: 30px;} .content_rep_cnt {margin-top: 20px;} .content_box {padding: 30px 20px;} .content_box h2 {font-size: 22px !important;} .full_cnt_wrpr {padding: 40px 30px;} .page_template_new h2:not(.main_title), .page_template_new .h2:not(.main_title) {font-size: 22px;} .section_space .row .content_rep_cnt>h3 {margin-top: 0;} .section_space .row .content_rep_cnt {margin-top: 0;} } @media (max-width:639px) { .head-top .top-link li { padding: 0 0 0 15px; } .blog_item img { display: block; float: none; margin: 0 auto 15px; } .cms-main img { display: block; float: none; margin: 0 auto 15px; width: auto } .head-top .head-email > span, .head-top .head-call > span { display: none; } blockquote span, blockquote div { padding: 7px; } } @media (max-width:575px) { .default_cms_page img.alignright { width: 320px; height: auto !important; margin: 0 auto 30px; float: none; display: block; } .main_title { font-size: 24px; } .treatments_commen_section p { font-size: 18px; } .contact_map, .contact_map iframe { height: 250px; } .wrappermain .owl-theme .owl-dots .owl-dot span { margin: 0; } .service_box { margin-bottom: 30px; } .service_box_main .col-12.col-sm-6:last-child .service_box { margin-bottom: 0; } .laser_treatments_box .laser_treatments_title_main { line-height: normal; } .contact_form form .form-group { margin-bottom: 24px; } .laser_treatments_box { max-width: 320px; margin: 0 auto 25px; } .laser_treatments_box .laser_treatments_title_main .laser_treatments_title { font-size: 14px; line-height: 20px; } .footer_social_main.visible_ipad .social_media_main ul li { margin: 0 6px 0 0 !important; } .modal-body { padding: 20px; } .modal-body h3 { font-size: 24px; margin: 0 0 10px 0; } .contentpage img.alignright, .contentpage img.alignleft { float: none; margin: 0 auto 20px; display: block; max-width: 320px; width: 100%; } .banner_title { font-size: 25px; padding: 20px 0 !important;} .carousel-caption { left: 0; right: 0; max-width: inherit; width: 100%; } .banner_title { font-size: 20px; } .pricing_box_main table { margin: 0 0 20px; } .accordion-button { font-size: 16px; } .page-id-1500 blockquote span{font-size:15px;} .page-id-1500 blockquote p{margin:0;} .banner_title { padding: 0 20px 5px !important;} .banner-caption p { padding: 0 10px; font-size: 16px; margin: 0 0 5px; line-height: 16px; } .banner_btn_main a.btn { min-width: inherit; width: auto;} .wrappermain .btn { height: 30px; line-height: 31px; font-size: 15px; padding: 0 12px;} .full_cnt_wrpr {padding: 30px 15px;} .points_col {padding: 20px 20px;} .page_template_new .main_title br {display:none;} .section_space .row {row-gap: 1rem;} .content_rep_vdo iframe {height: 290px;} .our_clinic .row{row-gap: 1rem;} } @media (max-width:679px) { } @media (max-width:479px) { .mobile_banner_top .header_btn_box a { font-size: 13px !important; } .modal-dialog { width: auto; margin: 0 auto !important; position: absolute; top: 50%; transform: translateY(-50%) !important; -moz-transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important; -o-transform: translateY(-50%) !important; -webkit-transform: translateY(-50%) !important; left: 10px; right: 10px; } .radio_main + .radio_main { margin-top: 15px; } #home_banner.owl-carousel .owl-item img { height: 200px; } .radio_main { display: block; margin-right: 0; } .callback_popup.contact_form.location_form .radio_section { margin: 0 0 10px; display: inline-block; } .service_box .service_link .service_title { font-size: 18px; } .radio_main { width: 100%; line-height: 40px; } .radio_main+.radio_main { margin-bottom: 0px; } .radio_main+.radio_main { margin-top: 10px; } .radio_main { margin-bottom: 0; } .form-group { padding-top: 0px !important; } .page-id-1027 .disc_text, .page-id-1125 .disc_text { font-size: 20px; } .page-id-1500 blockquote .btn_btn .btn-primary { margin: 0 10px 10px;} /*.page-id-1500 .wrappermain .btn{width: 170px;}*/ .modal .radio_main { padding: 0px 0 0 45px; } } @media (max-width:359px) { .pricing_box_main table td { padding: 5px; } .medic_num .form-group input { width: 23px;height:23px;} } /* Map Google rating css */ #mapDiv iframe .review-box{ display: none !important; } input[type="date"]::-webkit-inner-spin-button, input[type="date"]::-webkit-calendar-picker-indicator { display: none; -webkit-appearance: none; } /*6/3/2023*/ .header_left_section ul.top-link .requestcallback_btn_main a { color: #fcb215; background: transparent; width: auto; height: 50px; line-height: 50px; font-size: 16px; font-weight: 700; overflow: hidden; z-index: 10; position: relative; display: inline-block; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: none; padding: 0; border-radius: 0; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; } .header .header_right_section .requestcallback_btn_main.header_btn_box { display: none; } .header_left_section ul.top-link li:nth-child(2) { margin-left: 0px !important; } .feedbackcallback_btn_main.header_btn_box a { text-transform: capitalize; } .wrappermain .btn { width: 198px; } .contact_map_new iframe{ width: 100%; } @media (max-width:767px) { .feedbackcallback_btn_main { order: 3; } } @media screen and (max-width:767px) { .single_dm_map_surrey iframe { width: 100% !important; height: 400px !important; } .map_surrey_all_location { width: 100% !important; padding-left: 0px !important; margin-top: 30px !important; max-height: 100%; } .map_surrey_all_location li:last-child { margin-bottom: 0; } .contact_map_new iframe{ width: 100% !important; } } @media screen and (max-width:575px) { .container_main .cms_new_h1{ font-size: 28px !important; line-height: 36px !important; } .single_dm_map_surrey iframe { height: 350px !important; } .contact_map_new iframe{ height: 350px !important; } } @media (max-width:479px) { .mobile_banner_top .header_btn_box a { font-size: 12px !important; } .mobile_banner_top .header_btn_section.header_right_section { display: flex; width: 100%; justify-content: center; margin: 0 auto; } .mobile_banner_top { display: block; width: 100%; } .feedbackcallback_btn_main { order: 3; } .mobile_banner_top .header_btn_box { margin: 0px 5px!important; } } @media (max-width:1200px) and (min-width: 1025px) { .head-top .top-link li span, .head-top .top-link li a{font-size: 15px;} } @media (max-width:1024px) { /*6/3/2023*/ .header_right_section .header_btn_box { display: inline-block; margin-left: 10px; } .header .header_right_section .requestcallback_btn_main.header_btn_box{display: inline-block;} } .footermenubox .footermenu_content .f_contactdetail .f_adr p{margin:0;} .footermenubox .footermenu_content .f_contactdetail .f_adr{margin:0;} .submitting .submit-btn { pointer-events: all !important; cursor: not-allowed !important; }