﻿/*
Theme Name: Castle Hill Medical Centre
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentysixteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */

@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'poppinsbold';
    src: url('fonts/poppins-bold-webfont.woff2') format('woff2'),
         url('fonts/poppins-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinslight';
    src: url('fonts/poppins-light-webfont.woff2') format('woff2'),
         url('fonts/poppins-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinsmedium';
    src: url('fonts/poppins-medium-webfont.woff2') format('woff2'),
         url('fonts/poppins-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinsregular';
    src: url('fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinssemibold';
    src: url('fonts/poppins-semibold-webfont.woff2') format('woff2'),
         url('fonts/poppins-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


a {color:#ab2229;}
.clear {clear: both; height: 0px; line-height: 0px; font-size: 0px; margin: 0px; padding: 0px; display: block;}
.wrapper{max-width:1170px; width:96%; margin:0 auto;}
.header{width:100%; float:left; border-bottom:1px solid #e4e4e4;}
.logo{float:left; width:346px;}
.header_right{width:calc(100% - 346px); float:left;}

#fancybox-close {right:-30px !important}
.slider_top{width:100%; float:left; position:relative;}
.slider_top .bxslider img{width:100%; float:left; height:auto;}
.banner_cont{position:absolute; width:100%; float:left; text-align:center; top:65px;}

.h_line{width:200px; height:1px; background:#dadada; display:inline-block; margin-top:10px;}
.banner_cont p{width:47%; display:inline-block; font-size:18px; font-weight:300; color:#000; line-height:26px;}
.bxslider{visibility:hidden;}
.banner2 .banner_cont p {width:98%; max-width: 1170px;}
a.banner_btn{display:inline-block; font-size:16px; color:#FFF; font-weight:600; background:#ab2229; text-transform:uppercase; padding:16px 70px; border-radius:4px; margin-top:90px;}
a.banner_btn:hover{background:#78080d;}

.banner_cont2 ul{width:100%; float:left; text-align:left; background:#FFF; padding-top:20px; display: table-row; border-radius:3px 3px 0 0;}
.banner_cont2 ul li{width:33.33%; padding:0 0 0 30px; border-right:2px solid #d6d6d6; position:relative; display: table-cell;}
.banner_cont2 ul li:last-child{border-right:0px;}
.banner_cont2 ul li h3{font-size:15px; font-weight:600; color:#ab2229; text-transform:uppercase;}
.banner_cont2 ul li p{float:left; width:calc(100% - 50px); font-size:13px; font-weight:300; color:#707070; margin-top:8px;}
.banner_cont2 ul li a{font-size:17px; color:#FFF; position:absolute; right:20px; bottom:0px; width:30px; height:30px; background:#ab2229; border-radius:50%; text-align:center; padding-top:2px;}
.banner_cont2 ul li a:hover{background:#78080d;}
.news{width:100%; float:left; text-align:center;}
.news h1{width:100%; float:left; font-size:29px; font-weight:600; color:#000; text-transform:uppercase; margin-top:30px;}
.h_subheading{width:100%; float:left; font-size:14px; font-weight:300; color:#000; text-transform:uppercase; margin:4px 0 90px 0;}
.news_left{width:48%; float:left; border-left:3px solid #ab2229; position:relative; text-align:left;}
.left_b{float:left; width:100%; height:250px; background-size:cover;}
.news_left img{width:100%; float:left;}
.news_left_cont{width:100%; float:left; background:#f0f5fa; padding:30px;}
.news_left h2{width:100%; float:left; font-size:16px; font-weight:700; color:#54667a;}
.news_left p{width:100%; float:left; font-size:14px; font-weight:400; color:#54667a; line-height:25px; margin-top:10px;}
.more_btn{float:left; font-size:15px; font-weight:400; color:#ab2229; line-height:25px; margin-top:14px;}
.more_btn i{margin-right:4px;}
.more_btn:hover{color:#78080D;}
.new_date{position:absolute; font-size:14px; font-weight:700; color:#FFF; text-transform:uppercase; left:-3px; top:-49px; background:#ab2229; padding:15px 30px;}
.news_right{width:52%; float:left; text-align:left;}
.news_right ul{width:100%; float:left;}
.news_right ul li{width:50%; float:left; padding:0 0 30px 30px; padding-bottom:15px; }
.right_b{width:100%; height:180px; background-size: cover;}
.news_right ul li img{width:100%;float:left;}
.news_right ul li h2{width:100%; float:left; font-size:14px; font-weight:700; color:#545454; line-height:26px; margin-top:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.checkout_btn{display:inline-block; font-size:15px; font-weight:300; color:#FFF; margin-top:50px; background:#ab2229; padding:10px 50px; text-transform:uppercase; border:1px solid #78080d;}
.checkout_btn:hover{background:#78080d;}
.footer{width:100%; float:left; background:#222222; padding:40px 0px 0px 0px; margin-top:60px;}
.important_links{width:40%; float:left;}
.important_links h2{width:100%; float:left; font-size:18px; font-weight:600; color:#FFF; text-transform:uppercase;}
.important_links ul{width:100%; float:left;}
.important_links ul li{width:48%; float:left; font-size:15px; font-weight:300; padding-top:20px;}
.important_links ul li a{color:#919191;}
.important_links ul li a:hover{color:#FFF;}
.get_in_touch{width:20%; float:left;}
.get_in_touch h2{width:100%; float:left; font-size:18px; font-weight:600; color:#FFF; text-transform:uppercase;}
.get_in_touch ul{width:100%; float:left;}
.get_in_touch ul li{width:100%; float:left; font-size:15px; font-weight:300; padding-top:15px; color:#919191;}
.get_in_touch ul li span{margin-top:6px; display:inline-block;}
.get_in_touch ul li:first-child span{margin-top:0px; display:inherit;}
.get_in_touch ul li i{float:left; border:1px solid #696e73; color:#FFF; width:36px; height:36px; text-align:center; border-radius:50%; padding-top:10px; margin-right:10px;}
.get_in_touch ul li a {color:#919191;}
.footer_map{width:40%; float:left; padding-top:46px; padding-left:50px;}
.footer_map iframe {width:100%; border:5px solid #1d1d1d;}
.copyright{width:100%; float:left; font-size:15px; font-weight:400; color:#919191; border-top:1px solid #919191; padding:30px 0px; text-align:center; text-transform:uppercase; margin-top:40px;}
.copyright span{color:#FFF;}
.slider_top .bx-has-pager{position: absolute; bottom: 25%; z-index: 999; width:100%; text-align:center;}
.slider_top .bx-pager-item{display:inline-block; font-size:0px;}
.slider_top .bx-pager-link{width:15px; height:15px; background:none; border:2px #2a2a2a solid; border-radius:50%; margin:0 2px; display:inline-block;}
.slider_top .bx-pager-link.active{background:#2a2a2a; }

.appointment_btn {position:fixed; left:0px; top:200px; z-index:99999999;}

/*inner----------pages------css-----------start*/

.inner-banner{ height: 270px; width: 100%; float: left; position:relative;}
.inner-banner img{ height: 100%; width: 100%; float: left;}
.inner-banner .banner_cont3{ height: 90px; background: rgba(246, 248, 250, 0.9); text-align: left;bottom: 0; position: absolute; width: 100%; z-index: 99; padding: 22px 0;}
.inner-banner .banner_cont3 h3{ font-size: 36px; float: left;}
.inner-banner .banner_cont3 .breadcumbss{ background: #eaeeed;  float: left; border-radius: 50px; padding:0 30px; margin-left: 10px;}
.inner-banner .banner_cont3 .breadcumbss a{ float: left; padding-right: 28px; background: url("images/red.png") no-repeat right center; margin-right: 14px; font-weight:300; font-size: 14px; color: #000; line-height: 45px;}
.inner-banner .banner_cont3 .breadcumbss .breadcrumb_last {line-height:45px; font-weight:300; font-size: 14px; color:#00adef;}
.inner-banner .banner_cont3 .breadcumbss a:hover{ color: #00adef;}





.content_container {width:100%; float:left;}
.entry-header.chmc-block .wrapper {width:100%;}
.contant-wrap{ width: 100%; float: left; clear: both; }
.chmc-block{ width: 100%; float: left; clear: both; padding-top: 40px;}
.chmc-block span{ float: left; width: 100%;  border-bottom: 1px solid #b2b2b2;}
.chmc-block h6{ font-size: 36px; font-weight: 300; padding-bottom: 20px; display: inline-block ;  position: relative; text-transform: uppercase;}
.chmc-block h6:after{ position: absolute; width: 100%; height: 2px; background: #ab2229; content:""; display: block; clear: both; content:""; left: 0; bottom: -1px; }
.dr-block{ background: #f0f5f7; padding: 20px;  width: 100%; float: left; clear: both; margin-top: 30px;}
.dr-block ul{ margin-bottom: 20px; width: 100%; float: left;}
/* .dr-block ul li:first-child{ color: #ab2229; font-size: 18px; font-weight: 600;} */
.dr-block ul li{ font-family: 'Open Sans', sans-serif; font-weight:400; font-size: 15px; color: #333333; line-height: 30px; width: 100%; float: left;}
.dr-block ul li.view{ font-weight: 600; margin-top: 44px; }
.dr-block ul li.view a{ color: #000;}
.dr-block ul li.view a:hover{ color: #ab2229; text-decoration: underline;}

/*dr-block2-css-start*/
.outer-left{ width:calc( 100% - 335px ); float: left;}
.dr-block2{ background: #fff ; padding: 20px 0;}
.dr-block2 .box{ width: 48.2%;  border: 1px solid #e2e3e7; margin:0 30px 30px 0; float: left; padding: 15px 20px 10px; min-height:150px;}
.dr-block2 .box:nth-child(2n + 2){ margin-right: 0;}
.dr-block2 .box h2{ font-size: 20px; color: #353536; }
.dr-block2 .box span{ font-size: 17px; font-weight: 600; color: #82848e; margin-top: 18px; display: inline-block ; width: 100%; }
.dr-block2 .box p{ font-size: 15px; font-weight: 400; color: #82848e;  display: inline-block ; width: 100%; line-height: 28px; margin-top: 10px;  }

.outer-right{ width: 302px; float: left; margin:40px 0 0 30px;}
.outer-right .logo-menu{ float: left; width: 100%; clear: both; background: #e1e1e1; padding: 20px;}
.outer-right .logo-menu h2{ font-size: 15px; text-transform: uppercase;}
.outer-right .logo-menu h2.se{ font-size: 24px; line-height: 24px; padding-bottom: 14px; position: relative; color: #ab2229;}
.outer-right .logo-menu h2.se:after{ position: absolute; width: 25px; height: 2px; background: #fff; content:""; display: block; clear: both; content:""; left: 0; bottom:0px; }
.outer-right .logo-menu ul{ float: left; clear: both; width: 100%; margin-top: 20px;}
.outer-right .logo-menu ul li{ background: #fff; text-align: center; float: left; width: 100%; clear: both; margin-bottom: 20px; height: 80px; }
.outer-right .logo-menu ul li:last-child{ margin-bottom: 0;}
.outer-right .logo-menu ul li span {  display: table-cell;  vertical-align: middle;}
.outer-right .logo-menu ul li .in-logo { display: table; height: 100%; margin: 0 auto;}

.outer-right .logo-menu2{ background: #ab2229; margin-top: 20px; padding: 20px 0;}
.outer-right .logo-menu2 h2.se:after{ left: 20px;}
.outer-right .logo-menu2 h2.se{ color: #fff;}
.outer-right .logo-menu2 h2{ color: #fff;  padding: 0 20px;}
.outer-right .logo-menu2 ul{ border-bottom: 2px solid #891b21; padding: 0 0 20px 0;}
.outer-right .logo-menu2 ul li{ background: none; height: auto; text-align: left; color: #fff; font-weight: 300; font-size: 14px; margin-bottom: 10px; padding: 0 20px;}
.outer-right .logo-menu2 ul li span{ font-weight: 600;}
.outer-right .logo-menu2 ul.sh2{ border-bottom:0; padding: 0 ;}

/*dr-block3-css-start*/
.dr-block3{ padding-top: 0;}

ul.gp_list li {font-family: 'Open Sans', sans-serif; font-weight:400; font-size: 15px; line-height: 18px; width: 100%; float: left; background: url(images/arr.png) no-repeat left 5px; padding-left: 15px; margin-bottom:20px; }
ul.gp_list li:first-child{font-weight:400; font-size: 15px;}
ul.gp_list li a{ color: #0384ce;}
ul.gp_list li a:hover{ color: #ff3332;}
.link_u{color:#0384ce;}

/*dr-block4-css-start*/
.dr-block4 {background:#fff;}
.dr-block4 .box h2 {font-size: 20px; color: #353536;}
.dr-block4 .box span{ margin-top: 0; color: #ab2229;}
.dr-block4 .box{ width: 30.9%; border: 1px solid #e2e3e7; margin: 0 29px 29px 0; float: left; padding: 30px 20px; min-height: 224px;}
.boxes_container .box:nth-child(3n+3) {margin-right: 0;}


.anchor{ text-align: center; margin-top: 30px; float: left; width: 100%; clear: both;}
.anchor a{ line-height: 34px; border: 2px solid #d9d9d9; color: #474747; border-radius: 50px; padding:0 20px; display: inline-block; text-transform: uppercase;}
.anchor a:hover{ border: 2px solid #ab2229; background: #ab2229; color: #fff;}

.more_link{ line-height: 34px; border: 2px solid #d9d9d9; color: #474747; border-radius: 50px; padding:0 20px; display: inline-block; text-transform: uppercase;}
.more_link:hover{ border: 2px solid #006389; background: #00adef; color: #fff;}

.contant-wrap.has_sidebar .dr-block {margin-top:0px;}
.contant-wrap.has_sidebar .chmc-block {margin-bottom:30px;}

/*blog-bar-css-start*/
.blog-bar .left{width: 77px; background: #00adef; text-align: center; float: left; padding: 5px 0;}
.blog-bar .left span{ float: left; width: 100%; color: #fff; text-transform: uppercase;}
.blog-bar .left span.eight{ font-size: 30px; font-weight: 600; }
.blog-bar .left span.nine{ font-size: 12px; font-weight: 400;  }
.blog-bar .left span.ten{ font-size: 24px; font-weight: 600; }

.blog-bar .right{ width:calc( 100% - 90px ); float: left; margin-left: 7px;}
.blog-bar .right .blog-img{ width: 100%; height: auto;}
.blog-bar .right .blog-img img{ width: 100%; height: 100%;}
.blog-bar .blog-text h2{ font-size: 24px; line-height:50px; font-weight: 500; padding-top: 12px; text-transform: uppercase; color: #333;}
.blog-bar .blog-text p{ font-size: 15px; font-weight: 400; line-height: 22px;}
.blog-bar .blog-admin{  width: 100%; float: left; clear: both; border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; margin-top: 15px; padding: 0 8px 0 3px;}
.blog-bar .blog-admin ul { margin-bottom:0; padding: 15px 0; float: left; width: auto;}
.blog-bar .blog-admin ul li{ float: left; width: auto; padding-left: 0; background: none; margin-bottom: 0; margin-right: 5px;}
.blog-bar .blog-admin ul li:last-child a{ border: 0;}
.blog-bar .blog-admin ul li a{ font-size: 14px; font-weight: 300; line-height: 1em; padding-right: 5px; border-right: 1px solid #afafaf; display: block;}
.blog-bar .blog-admin .blog-anchor{ float: right;}
.blog-bar .blog-admin .blog-anchor a{  font-size: 14px; font-weight: 300; line-height: 40px; color: #000000; background: url(../images/black.png) no-repeat right 6px;
padding-right: 15px;}
.blog-bar .blog-admin .blog-anchor a:hover{  background: url(../images/brown.png) no-repeat right 6px; color: #00adef;}
.blog-right-bar2{ margin-top: 30px;}
.blog-right-bar .logo-menu h2.se1{ color: #000;}
.blog-right-bar ul.blog-nav li { background: url(../images/arr.png) no-repeat scroll left center;  float: left; font-family: "Open Sans",sans-serif; font-size: 15px;
    font-weight: 400;  line-height: 30px;  margin-bottom: 6px;  padding-left: 15px;  width: 100%; height: auto; text-align: left;}
.blog-right-bar ul.blog-nav li a{ color: #333333;}
.blog-right-bar ul.blog-nav li a:hover{ color: #ff3332;}
.blog-right-bar .logo-menu1{ margin-top: 20px;}

.blog-right-bar ul.blog-nav1{ border: 1px solid #a4a4a4;}
.blog-right-bar ul.blog-nav1 li { background-image: none;  float: left; font-family: "Open Sans",sans-serif; font-size: 20px; font-weight: 400;  line-height: 60px;  margin-bottom: 0; width: 100%; height: auto; text-align: left; padding-left: 0; border-bottom: 1px solid #a4a4a4;}
.blog-right-bar ul.blog-nav1 li:last-child{ border-bottom: 0;}
.blog-right-bar ul.blog-nav1 li a{ color: #ff3332; display: block; padding-left: 15px; background:#fff url(../images/big-black.png) no-repeat right center;}
.blog-right-bar ul.blog-nav1 li a:hover{ color: #fff; background:#ff3332 url(../images/big-red.png) no-repeat right center;}

.blog-button{ float: left; width: 100%; clear: both; text-align: center; margin-top: 50px;}
.blog-button a{ display: inline-block; font-family: "Open Sans",sans-serif; font-size: 18px; font-weight: 600; color: #bc343e; border: 1px solid #bc343e; border-radius: 3px;  padding: 5px 44px; text-transform: uppercase; line-height: 30px; background: #f1f1f1; }
.blog-button a:hover{ background: #bc343e; color: #fff;}

/*contact-css-start*/
.contact-outer-right{ margin-top: 0;}
.contact-block{ float: left; width: 100%; clear: both; margin-top: 20px;}
.contact-block input { border: 1px solid rgb(204, 204, 204);  border-radius: 10px; height: 40px; width: 95%; float: left; padding: 0 12px; font-family: "Open Sans",sans-serif; font-size: 14px; font-weight: 400;}
/* .contact-block .wpcf7-form-control-wrap{margin-bottom: 16px;} */
.contact-block input:nth-child(2n + 2){ margin-right: 0;}

.contact-block input.code{ width: 30.5%;}
.contact-block .wpcf7-form-control-wrap { display: inline-block;  float: left;  width: 49%; margin-right: 16px; }
.contact-block .wpcf7-form-control-wrap:nth-child(2n + 2){ margin-right: 0;}
.contact-block .wpcf7-form-control-wrap.textarea-323 {width:100%;}
.contact-block textarea{ border: 1px solid rgb(204, 204, 204);  border-radius: 10px; height: 40px; width:98%; float: left; clear: both; padding: 5px 12px; margin-bottom: 16px; min-height: 120px; font-family: "Open Sans",sans-serif; font-size: 14px; font-weight: 400;}
.contact-block .contact-button input {  background: #ff3332;  border-radius: 25px;  color: rgb(255, 255, 255);  cursor: pointer;display: inline-block;  padding:0 60px; width: auto; border: 1px solid #ff3332; line-height: 40px; height: auto;} 
.contact-block .contact-button input:hover{ background:#c33b47; border: 1px solid #c33b47;}
.contact-block p.contact_sub {color: rgb(130, 132, 142); display: inline-block;  font-size: 15px;  font-weight: 400; line-height: 28px; margin-bottom: 26px;  width: 100%;}
.contact-block ul li { color: #000; float: left; width: 100%;  font-size: 15px;  font-weight: 400; line-height: 28px;}
.contact-block ul li span{ display: inline-block; color: #000; font-weight: bold; width: 66px; float: none;}
.contact-block ul li a{ color: #000;}
.contact-block ul li a:hover{ color:#c33b47;}
.contact-block ul li a.fb{ width: 40px; height: 40px; border-radius: 50%; border: 1px solid #000; display: block; text-align: center; font-size: 18px; line-height: 36px; margin-top: 10px;}
.contact-block ul li a.fb:hover{ background:#ff3332; border: 1px solid #c33b47; color: #fff;}
.contact-outer-right p{ color: #333333; font-size: 13px; line-height: 22px; margin-bottom: 15px;}
.contact-button {display: block;float: left; width: 100%; margin-top: 15px;}
.contact-block span br {display:none;}


/*popup-css-start*/
.outer-popup{ width: 100%; float: left;}
.outer-popup .main-popup{ width: 880px; height:522px; background: #f1f1f1; margin: 0 auto; text-align: center; padding: 0 20px; border-radius: 5px;}
.outer-popup .main-popup h1{ font-size: 52px; font-weight: 300; color: #585858; border-bottom: 2px solid #585858; padding-bottom: 10px; display: inline-block; margin-bottom: 34px;}
.outer-popup .main-popup p{ font-size: 20px; font-weight: 300; color: #8b8b8b;}
.outer-popup .main-popup span{ width: 100%; display: inline-block; font-size: 14px; font-weight: 400; color: #333333; }
.outer-popup .main-popup ul.booked{ width: 68%; margin: 38px auto 0 auto;}
.outer-popup .main-popup ul.booked li{ float: left; width: 100%; clear: both; margin-bottom: 20px; }
.outer-popup .main-popup ul.booked li a{ font-size: 14px; font-weight: 300; color: #fff; background: #ff3332; display: block; border-radius: 50px; line-height: 40px;}
.outer-popup .main-popup ul.booked li a:hover{ background: #ff2322;}
.outer-popup .main-popup span.note{ font-size: 12px; font-weight: 600; color: #111111; margin-top: 30px; float: left; clear: both;}
.outer-popup .main-popup .pop-logo{  width: 100%; float: left; clear: both; margin-top: 40px; text-align: right;}
.outer-popup .main-popup .pop-logo span{ float: left; font-size: 12px; font-weight: 600;  width: auto; padding-top: 10px;}
.outer-popup .main-popup .pop-logo span a{ color: #111111;}
.outer-popup .main-popup .pop-logo span a:hover{ color: #ff2322; }

/*log-in-popup-css-start*/
.outer-popup .log-in-popup form{ width: 362px; margin: 18px auto 0 auto; text-align: left;}
.outer-popup .log-in-popup label{ width: 100%; font-size: 14px; font-weight: 400; color: #ff3332; margin-bottom: 10px; float: left; }
.outer-popup .log-in-popup input{ width: 100%; height: 38px; border: 1px solid #cccccc; border-radius: 5px; padding: 0 5px;}
.outer-popup .log-in-popup .form-gr{ margin-top: 20px;}
.outer-popup .log-in-popup .contact-button input { background: #ff3332 ;  border: 1px solid rgb(255, 51, 50);
    border-radius: 25px; font-size: 14px; color: rgb(255, 255, 255);  cursor: pointer; display: inline-block;  height: auto; line-height: 38px; padding: 0 50px;  width: auto;}
.outer-popup .log-in-popup .contact-button input:hover { background: rgb(195, 59, 71) ;  border: 1px solid rgb(195, 59, 71);}
.outer-popup .log-in-popup .pop-logo{ margin-top: 90px;}
.outer-popup .log-in-popup span{ font-size: 12px; font-weight: 600;  flaot: left; width: 100%; clear: both; text-align: right;}
.outer-popup .log-in-popup span a{ color: #000;}
.outer-popup .log-in-popup span a:hover{ color: #ff3332; }

/*booking-popup-css-start*/
.outer-popup .booking-popup{ position: relative;}
.outer-popup .booking-left{ width: 30%; position: absolute; top:0 ;  background: rgba(246, 248, 250, 0.9); height: 100%; text-align: left; padding: 10px 10px;}
.outer-popup .booking-left h2 { color: #000; font-size: 26px; font-weight: 400; line-height: 32px;}
.outer-popup .booking-left h3 { color: #000);  font-size: 14px; font-weight: 600;}
.outer-popup .booking-left button {border: 1px solid #b2b2b2; cursor: pointer; color: #000; font-size: 14px; width: 100%; padding: 10px; text-align: left; margin: 10px 0; background: none;}
.outer-popup .booking-left button:hover{ background: #f0f0f0;}
.outer-popup .booking-left .pricing-panel-head { color:#000; font-size: 13px; font-weight: 600;}
.pricing-panel{ bottom: 0; position: absolute;}

.btn_effect{line-height: 34px; background: #00adef; border: 2px solid #00adef; color: #fff; border-radius: 50px; padding: 0 20px; display: inline-block; text-transform: none;}
.btn_effect:hover {border: 2px solid #099fd9; background: #099fd9; color: #fff;}

.feedb{float:left; width:100%; font-size:18px; font-weight:300; line-height:26px; color:#000;}
.feedb h3{width:100%; display:inline-block; font-size:26px; font-weight:400; color:#000; text-transform:uppercase; margin-bottom:15px;}
.feedb img{float:right;width:100%; max-width:300px; height:auto; border:7px solid #eaeaea; margin-left: 20px;}
.feedb p{margin-bottom:50px;}
.center{text-align:center;}

.cnt_pag{float:left; width:100%; font-size:15px; font-weight:300; line-height:26px; color:#555; font-family: 'poppinslight';}
.cnt_pag img.prt{float:left;width:100%; max-width:300px; height:auto; border:7px solid #eaeaea; margin:0 20px 10px 0;}

.fees_explained {width: 100%; float: left;}
.fees_explained h2 {font-size: 22px; font-weight: 600; margin-top: 20px;}
.fees_explained h4 {font-weight: 600; margin-top: 20px;}

.cosmeticimg_container {width:100%; float:left; text-align:center;}
.cosmeticimg_container img {border: 7px solid #eaeaea; margin: 0 10px; display: inline-block;}

.standard_list li {font-size: 15px; line-height: 18px; width: 100%; float: left; background: url(images/arr.png) no-repeat left 10px; padding-left: 15px; margin-bottom: 10px; line-height: 30px;}

.nursing_con .pic_right {float:right;}
.nursing_con h2 {width: 100%; display: inline-block; font-size: 26px; font-weight: 400; color: #000; text-transform: uppercase;
margin-bottom: 10px;}
.nursing_botimg {margin-top: 20px;}

.about_cont{float:left;}
.about_cont h2{font-weight:300; margin-bottom:15px;}
.about_cont .about_sec_readbtn{background: #00adef; border-radius: 25px; color: #FFF; cursor: pointer; display: inline-block; padding: 0px 60px; width: auto; border: 1px solid #00adef; line-height: 40px; height: auto; margin-bottom:40px; margin-top:15px;}
.about_cont .about_sec_readbtn:hover {background: #099fd9; border: 1px solid #099fd9;}
.about_contp{margin-bottom:10px;}
.about_cont h3{font-weight:300; margin-bottom:10px;}
.about_cont_image{text-align:center; padding:30px;}
.about_p_padd{padding-bottom:12px;}

.blog-right-bar2 div {background:#E1E1E1; margin-bottom:20px; width:100%; float:left; padding:20px;}
.blog-right-bar2 div h2 {font-size: 24px; line-height: 24px; padding-bottom: 14px; position: relative; color: #333;}
.blog-right-bar2 div h2::after {position: absolute; width: 25px; height: 2px; background: #fff; content: ""; display: block; clear: both; content: ""; left: 0; bottom: 0px;}
.blog-right-bar2 div ul {float: left; clear: both; width: 100%; margin-top: 20px;}
.blog-right-bar2 div ul li {background: url(images/arr.png) no-repeat scroll left 12px; float: left; font-family: "Open Sans",sans-serif; font-size: 15px; font-weight: 400; line-height: 30px; margin-bottom: 6px; padding-left: 15px; width: 100%;
    height: auto; text-align: left;}
.blog-right-bar2 div ul li a { color: #333333;}
.blog-right-bar2 div ul li a:hover{ color: #00adef;}


.blog-right-bar ul.archieve li {
    background-image: none;
    float: left;
    font-family: "Open Sans",sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 60px;
    margin-bottom: 0;
    width: 100%;
    height: auto;
    text-align: left;
    padding-left: 0;
    border-bottom: 1px solid #a4a4a4;
}
.blog-right-bar ul.archieve li:last-child{ border: 0;}
.blog-right-bar ul.archieve li a {
    color: #099fd9;
    display: block;
    padding-left: 15px;
    background: #fff url(images/big-black.png) no-repeat right center;
}

.blog-right-bar ul.archieve li a:hover {
    color: #fff;
    background: #099fd9 url(images/big-red.png) no-repeat right center;
}

.specialist_detail {margin-top:30px;}
.specialist_detail span {margin-top: 0; color: #ab2229;}
.specialist_detail .spe_info {margin-bottom:20px;}
.specialist_detail .listing_full_special {width:100%; float:left;}
.specialist_content p {margin-bottom:10px;}
.specialist_detail .img_wrapper{border: 7px solid #eaeaea; float:left; text-align:center; margin-right:20px; float:left;}
.specialist_detail .img_wrapper img {width:100%; max-width:auto;}
.specialist_detail .img_wrapper_feat{border: 7px solid #eaeaea; float:left; text-align:center; margin-right:20px; float:left;}
.specialist_detail .img_wrapper_feat img {width:auto; max-width:auto;}

.blog_detail {margin-top:30px;}
.blog_detail img.wp-post-image {width:100%; margin-bottom:20px; height:auto;}


.comments-area {width:100%; float:left; margin-top: 20px;}
.comments-area label {width:100%; float:left; margin-bottom:5px;}
.comments-area textarea {width:100%; max-width:500px; padding:8px 5px; margin-bottom: 10px; border: 1px solid #ccc;
border-radius: 10px;}
.comments-area input {padding:8px 5px; width:100%; max-width:500px; margin-bottom: 10px; border: 1px solid #ccc;
border-radius: 10px;}
.comments-area .submit {background:#00ADEF; border-radius: 25px; color: #FFF; cursor: pointer; display: inline-block;
padding: 0px 60px; width: auto;  border: 1px solid #00ADEF;  line-height: 40px; height: auto; margin-bottom: 40px; margin-top: 15px; font-size:15px;}
.comments-area .submit:hover {border: 1px solid #00a1de;background: #00a1de;}
.blog_detail .navigation.post-navigation {display:none;}

.wpcf7-validation-errors{display:none !important;}
.comments-area .comments-title{margin-bottom:20px;}
.comments-area .comment-author.vcard img{margin:0 10px 20px 0; float: left;}
.comments-area .comment-metadata a{font-size:12px;}
.comments-area .comment-content{margin-top:15px;}
.comments-area .reply{display:none;}
.comments-area .comment-body{margin-bottom:20px;}
.outer-left.outer_prac p {margin-bottom:15px;}
.title_blog {margin-bottom:15px;}

.outer-left.outer_prac ul li {    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 25px;
    width: 100%;
    float: left;
    background: url(images/arr.png) no-repeat left 10px;
    padding-left: 15px;
    margin-bottom: 6px;}




@charset "utf-8";
/* CSS Document */

*{margin:0px; padding:0px; list-style:none; text-decoration:none; box-sizing:border-box;}
body{margin:0px; padding:0px; font-family: 'poppinsregular'; background:#FFF; font-weight:500;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
body p {font-family: 'poppinslight'; color:#555; font-size: 15px; line-height:22px;}
.clear {clear: both; height: 0px; line-height: 0px; font-size: 0px; margin: 0px; padding: 0px; display: block;}
.wrapper{max-width:1170px; width:90%; margin:0 auto;}
.appointment_tag{font-size:18px; color:#FFF; background:#00adef; padding:10px 20px; transform: rotate(90deg); position:fixed; right:-97px; top:45%;}
.appointment_tag:hover{background:#099fd9;}
.banner{width:100%; float:left; background:url(images/banner_bg.jpg) no-repeat top center; background-size:cover;}
.inne_p .banner{width:100%; float:left; background:url(images/inner-bg.jpg) no-repeat top center; background-size:cover; min-height:200px;}
.inne_p .banner .banner{background:none;}
.header{width:100%; float:left; background:#FFF; padding:0px 0px 0px 6px; margin-top:22px; border-radius:6px; position:relative; z-index:9999999;}
.logo img{float:left;}
.navigation{float:right;}
.navigation li{float:left; font-size:14px; font-weight:300; color:#333333; padding:0px 24px; position:relative;}
.navigation li a{color:#333333; line-height:90px; display:inline-block; border-top:4px #FFF solid;}
.navigation li a:hover{color:#00adef; border-top:4px #00adef solid;}
.navigation li.current_page_item a{color:#00adef; border-top:4px #00adef solid;}
.navigation li.current_page_item ul a{color:#fff;}
.navigation li .sub-menu li.current_page_item a {color:#fff;}
.navigation li a i{margin-left:5px;}
.sub_nav{width:215px; position:absolute; background:#00ADEF; display:none; top:70px; left:0px; z-index: 999999;}
.sub_nav li{width:100%; border-bottom:1px rgba(0, 0, 0, 0.1) solid; padding:0px; position: relative;}
.sub_nav li:last-child{border-bottom:none;}
.sub_nav li a{line-height:inherit; border:none; padding:10px 24px; color:#FFF; width:100%;}
.sub_nav li a:hover{border-top:none; background:#009cd7; color:#FFF;}
.navigation li:hover ul.sub_nav{display:block;}

/* CSS-start-submenu */
ul.slimmenu li > ul {  background: rgb(0, 173, 239) !important;
    display: none;  left: 0;  position: absolute;  top: 94px;  width: 215px;  z-index: 999999; height:auto !important;}
ul.slimmenu li ul li {  background: none !important;border-bottom: 1px solid rgba(0, 0, 0, 0.1);  padding: 0;  position: relative;   width: 100%;}
ul.slimmenu li ul li a {  border: medium none; color: rgb(255, 255, 255);  line-height: inherit;
    padding: 10px 24px;  width: 100%;}
ul.slimmenu li ul li a:hover { background: rgb(0, 156, 215) none repeat scroll 0 0;
    border-top: medium none;  color: rgb(255, 255, 255);}
/* CSS-submenu-end */






ul.inner-menu{ margin-left: -108px; opacity: 0; position: absolute; top: 0; left: 215px; width: 215px; background: #00adef; z-index:1; -moz-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; z-index:-1;}
ul.sub_nav li.gp:hover ul.inner-menu{ margin-left: 0;  opacity: 1; z-index:1;}
ul.sub_nav .fa.fa-angle-right { float: right; margin-top: 4px;}

.banner_cont{width:100%; float:left; position: relative; top: 0;}
.banner_cont_l{float:left; width:calc(100% - 430px); text-align:center; padding-top:90px;}
.banner_cont_l h1 { color: rgb(51, 51, 51);  font-size: 45px; font-family: 'poppinslight'; font-weight:normal;   line-height: 45px;}

.banner_cont_l h2{font-size:25px; color:#333333; font-weight:400; line-height: 35px; text-transform: capitalize;}
.banner_cont_l p{font-size:18px; color:#42494c; font-weight:300; line-height:26px; margin-top: 20px;
width: 100%;}
.banner_cont_l a{font-size:15px; color:#FFF; font-weight:500; background:#00adef; border-radius:20px; padding:9px 26px; text-transform:uppercase; display:inline-block; margin-top:40px;}
.banner_cont_l a:hover{ background: #099fd9;}
.banner_cont_r{width:430px; float:right;}
.banner_cont_r img{width:100%; float:left;}
.banner_box{width:100%; float:left; margin-top: -48px; position: relative; z-index: 99999;}
.banner_box ul{width:100%; float:left; display:table-row;}
.banner_box ul li{width:33.33%; background:#e4f5fc; padding:20px 20px 30px 20px; text-align:center; position:relative; display:table-cell;}
.banner_box ul li:nth-child(2n){ background: #fff;}
.banner_box ul li h1{font-size:24px; color:#333333; font-weight:600; padding:6px 0px; text-transform:uppercase;}
.banner_box ul li p{font-size:14px; color:#555555; font-weight:300; margin-bottom: 15px; min-height: 40px; line-height: 20px;}
.banner_box ul li a{font-size:13px; color:#333333; font-weight:300; text-transform:uppercase; border:1px #3f4040 solid; border-radius:3px; padding:6px 26px; display:inline-block;  }
.banner_box ul li a:hover{ background: #099fd9; color: #fff; border:1px #099fd9 solid;}
.opening_hours{background:#FFFFFF !important;}
.banner_box ul li.opening_hours { padding:20px 56px 30px;}
.banner_box ul li.opening_hours .out-date{ float: left; width: 100%; clear: both; margin-bottom: 10px;}
.banner_box ul li.opening_hours .out-date:last-child{ margin-bottom: 0;}
.banner_box ul li.opening_hours p{ margin-bottom: 10px; min-height: auto; }
.banner_box ul li.opening_hours span { color: rgb(85, 85, 85); font-size: 14px;  font-weight: 300; float: left; width: 50%; text-align: left;}
.banner_box ul li.opening_hours span.right{ text-align: right;}

/*bxslider-css*/
.banner .bx-pager.bx-default-pager{ display: none;}
.banner .bx-wrapper .bx-controls-direction{ display: block;}
.banner .bx-wrapper .bx-controls-direction a {  height: 46px; margin-top: -16px; text-indent: -9999em; outline: 0 none;  position: absolute;   top: 50%;  width: 20px; z-index: 9999;}
.banner .bx-wrapper .bx-prev { background: url(images/ban-next.png) no-repeat 0 0;  left: -52px;}
.banner .bx-wrapper .bx-next { background: url(images/ban-prev.png) no-repeat 0 0;  right: -52px;}


.banner_cont2{position:inherit; width:100%; float:left; text-align:center;  z-index:99;}

.banner_box ul li h3 {  color: rgb(51, 51, 51);  font-size: 24px;  font-weight: 600;  padding: 6px 0;   text-transform: uppercase;}
.h_subheading{ display: none;}
.news_left{ display: none;}

/*latest-outer*/
.news .chmc-block h6 {font-size:28px; color:#333; padding-bottom:15px;}
.latest-outer{ width: 100%; float: left; clear: both; background: #f5f5f5; margin-top: 48px;}
.chmc-block { clear: both; float: left;  padding-top: 40px;  width: 100%;}
.chmc-block span {  border-bottom: 1px solid #cccccc;  float: left;  width: 100%;}
.chmc-block h6 { display: inline-block;  font-size: 24px; font-weight: 300;  padding-bottom: 15px;  position: relative; text-transform: uppercase;}
.chmc-block h6::after { background: #00adef;  bottom: 0;  clear: both;  content: "";  display: block;  height: 3px; left: 0; position: absolute;
    width: 40px;}
.latest-outer .product{ width: 100%; float: left; clear: both; margin-top: 40px;}
.latest-outer .product .box{ width: 32.1%; margin-right: 20px; text-align: center; background: #ededed; float: left;}
.latest-outer .product .box:nth-child(3n + 3){ margin-right: 0;}
.latest-outer .product .pro-img{ width: 100%; height: 252px; overflow: hidden;}
.latest-outer .product .pro-img img{ width: 100%; }
.latest-outer .product .plus { width: 100%; text-align: center; margin-top: -32px;}
.latest-outer .product .plus span{ display: inline-block; width: 68px; height: 68px; border-radius: 50%; border: 6px solid #fff; background: #00adef; line-height: 68px;}
.latest-outer .product h6{ font-weight: 400; font-size: 18px; color: #333333; padding-top: 15px;}
.latest-outer .product p{ font-weight: 300; font-size: 14px; color: #666666; padding-top: 15px; line-height: 24px;}
.latest-outer .product .bot-pro{ padding: 0 20px 30px;}


/*footer-css*/
.footer{width:100%; float:left; background:#222222; padding:40px 0px 0px 0px; margin-top:60px;}
.important_links{width:35%; float:left;}
.important_links h2{width:100%; float:left; font-size:18px; font-weight:600; color:#FFF; text-transform:uppercase; padding-bottom: 12px;}
.important_links ul{width:100%; float:left;}
.important_links ul li{width:100%; float:left; font-size:15px; font-weight:300; line-height: 38px;}
.important_links ul li a{color:#919191; text-transform: capitalize;}
.important_links ul li a:hover{color:#FFF;}
.get_in_touch{width:30%; float:left;}
.get_in_touch h2{width:100%; float:left; font-size:18px; font-weight:600; color:#FFF; text-transform:uppercase; padding-bottom: 4px;}
.get_in_touch ul{width:100%; float:left;}
.get_in_touch ul li{width:100%; float:left; font-size:15px; font-weight:300; padding-top:20px; color:#919191;}
.get_in_touch ul li span{margin-top:6px; display:inline-block;}
.get_in_touch ul li a{color:#919191;}
.get_in_touch ul li a:hover{color:#FFF;}
.get_in_touch ul li:first-child span{margin-top:0px; display:inherit;}
.get_in_touch ul li i{float:left; border:1px solid #696e73; color:#FFF; width:36px; height:36px; text-align:center; border-radius:50%; padding-top:10px;
margin-right:10px;}
.footer_map{width:35%; float:left; padding-top:58px; padding-left:50px;}
.footer_map img{width:100%; border:1px solid #1d1d1d;}
.copyright{width:100%; float:left; font-size:15px; font-weight:400; color:#919191; border-top:1px solid #919191; padding:30px 0px; text-align:center; text-transform:uppercase; margin-top:40px;}
.copyright span{color:#FFF;}




/*inner----------pages------css-----------start*/
/*inner-banner-css-start*/
.inner-banner{width:100%; float:left; background:url("../images/inner-bg.jpg") no-repeat top center; background-size:cover;}
.inner-banner img{ height: 100%;}
.inner-banner .banner_cont3{height: 90px; background: rgba(246, 248, 250, 0.9) none repeat scroll 0% 0%; text-align: left; bottom: 0px; width: 100%; padding: 22px 0px; float: left; margin-top:150px;}
.inner-banner .banner_cont3 h3{ font-size: 36px; float: left; line-height: 44px; text-transform: capitalize;}
.inner-banner .banner_cont3 ul{ background: #eaeeed;  float: left; border-radius: 50px; padding:0 30px; margin-left: 22px;}
.inner-banner .banner_cont3 ul li{ float: left; padding-right: 28px; background: url(../images/red.png) no-repeat right center; margin-right: 14px; }
.inner-banner .banner_cont3 ul li:last-child{ padding-right: 0; margin-right: 0; background: none;}
.inner-banner .banner_cont3 ul li a{ font-family: 'Open Sans', sans-serif; font-weight:300; font-size: 14px; color: #000; line-height: 45px;}
.inner-banner .banner_cont3 ul li a.active{ color: #00adef;}
.inner-banner .banner_cont3 ul li a:hover{ color: #00adef;}
.news_right{ width: 100%; clear: both;  float: left; margin-top: 40px;}
.news_right ul li{ padding:0;}
.news_right ul li{  background: rgb(237, 237, 237);  float: left;  margin-right: 2%;  text-align: center;
    width: 32%; margin-bottom :20px;}
.news_right ul li:nth-child(3n + 3){ margin-right: 0;}
.news_right ul li .pro-img {  height: 252px;  overflow: hidden;  width: 100%; }
.news_right ul li .pro-img .left_b{ background-size: cover !important;}
.news_right ul li  .pro-img img {  width: 100%;}
.news_right ul li .bot-pro { padding: 0 20px 30px; min-height:287px;}
.news_right ul li .bot-pro .plus {  margin-top: -32px;  text-align: center; width: 100%;}
.news_right ul li .bot-pro .plus > a { display: inline-block;}
.news_right ul li .bot-pro .plus span { background: #00adef ;  border: 6px solid #fff;
    border-radius: 50%;  display: inline-block;  height: 68px;  line-height: 68px;  width: 68px;}
.news_right ul li .bot-pro .plus > a:hover span {background: #3A4153;}
.news_right ul li .bot-pro .plus span img{ width: auto; float: none;}

.news_right ul li .bot-pro h6{ font-weight: 400; font-size: 18px; color: #333333; padding-top: 15px;}
.news_right ul li .bot-pro p{ font-weight: 300; font-size: 14px; color: #666666; padding-top: 15px; line-height: 24px;}
.footer .important_links ul li{ padding-top: 0; float: left; width: 50%;}

.banner_box li .out-date {  clear: both;float: left;  margin-bottom: 10px;  width: 100%; padding: 0 38px;}
.banner_box li span {  color: rgb(85, 85, 85);  float: left;  font-size: 14px; font-family: 'poppinslight';   text-align: left;  width: 50%;}
.banner_box li span.right { text-align: right;}
.banner_box ul li p{ min-height: auto;}

/*contant-wrap-css-start*/
.contant-wrap{ width: 100%; float: left; clear: both; }
.chmc-block{ width: 100%; float: left; clear: both; padding-top: 40px; text-align: left;}
.chmc-block span{ float: left; width: 100%;  border-bottom: 1px solid #b2b2b2;}
.chmc-block h6{ font-size: 36px; font-weight: 400; padding-bottom: 20px; display: inline-block ;  position: relative; text-transform: uppercase; font-family: 'poppinslight';}
.chmc-block h6:after{ position: absolute; width: 40px; height: 2px; background: #00adef; content:""; display: block; clear: both; content:""; left: 0; bottom: -1px; }
.dr-block{ background: #F5F8FA; padding: 20px;  width: 100%; float: left; clear: both; margin-top: 30px;}
.dr-block ul{ margin-bottom: 36px; width: 100%; float: left;}
.dr-block ul li{ font-family: 'Open Sans', sans-serif; font-weight:400; font-size: 15px; color: #333333; line-height: 30px; width: 100%; float: left;}
.dr-block ul li.view{ font-weight: 600; margin-top: 44px; }
.dr-block ul li.view a{ color: #000;}
.dr-block ul li.view a:hover{ color: #00a1de; text-decoration: underline;}


/*dr-block2-css-start*/
.outer-left{ calc( 100% - 335px); float: left;}
.dr-block2{ background: #fff ; padding: 20px 0;}
.dr-block2 .box{ width: 48.2%;  border: 1px solid #e2e3e7; margin:0 30px 30px 0; float: left; padding: 30px 20px; min-height: 248px;}
.dr-block2 .box:nth-child(2n + 2){ margin-right: 0;}
.dr-block2 .box h2{ font-size: 20px; color: #353536; }
.dr-block2 .box span{ font-size: 17px; font-weight: 600; color: #82848e; margin-top: 18px; display: inline-block ; width: 100%; }
.dr-block2 .box p{ font-size: 15px; font-weight: 400; color: #82848e;  display: inline-block ; width: 100%; line-height: 28px; margin-top: 10px;  }

.other-block a.v_a_blog{ color: #a8a8a8; font-size: 15px; line-height: 30px; border: 1px solid #cccccc; padding:0 20px; border-radius: 50px; float: right; text-decoration: capitalize; margin-top: 5px;}
.other-block a.v_a_blog:hover{ color: #000; border: 1px solid #000;}

.outer-right{ width: 302px; float: left; margin:40px 0 0 30px;}
.outer-right .logo-menu{ float: left; width: 100%; clear: both; background: #e1e1e1; padding: 20px;}
.outer-right .logo-menu h2{ font-size: 15px; text-transform: uppercase;}
.outer-right .logo-menu h2.se{ font-size: 24px; line-height: 24px; padding-bottom: 14px; position: relative; color: #00adef;}
.outer-right .logo-menu h2.se:after{ position: absolute; width: 25px; height: 2px; background: #fff; content:""; display: block; clear: both; content:""; left: 0; bottom:0px; }
.outer-right .logo-menu ul{ float: left; clear: both; width: 100%; margin-top: 20px;}
.outer-right .logo-menu ul li{ background:none; text-align: center; float: left; width: 100%; clear: both; margin-bottom: 20px; height:inherit; }
.outer-right .logo-menu ul li:last-child{ margin-bottom: 0;}
.outer-right .logo-menu ul li span {  display: table-cell;  vertical-align: middle;}
.outer-right .logo-menu ul li .in-logo { display: table; height: 100%; margin: 0 auto;}

.outer-right .logo-menu2{ background: #00adef; margin-top: 20px; padding: 20px 0;}
.outer-right .logo-menu2 h2.se:after{ left: 20px;}
.outer-right .logo-menu2 h2.se{ color: #fff;}
.outer-right .logo-menu2 h2{ color: #fff;  padding: 0 20px;}
.outer-right .logo-menu2 ul{ border-bottom: 2px solid rgba(0, 0, 0, 0.2); padding: 0 0 20px 0;}
.outer-right .logo-menu2 ul li{ background: none; height: auto; text-align: left; color: #fff; font-weight: 300; font-size: 14px; margin-bottom: 10px; padding: 0 20px;}
.outer-right .logo-menu2 ul li span{ font-weight: 600;}
.outer-right .logo-menu2 ul.sh2{ border-bottom:0; padding: 0 ;}


/* .newpagination span {width:40px !important; height:40px; border-radius:50%; display:inline-block;  vertical-align:top; border:0; margin:5px; text-align:center; line-height:40px;}
.newpagination a {width:40px; height:40px; border-radius:50%; background:#222; display:inline-block;  vertical-align:top; margin:5px; text-align:center; line-height:40px;} */

.pagination.newpagination span {width:36px !important; float:none !important;}


/*dr-block3-css-start*/
.dr-block3{ padding-top: 0;}
.dr-block3 ul li {font-family: 'Open Sans', sans-serif; font-weight:400; font-size: 15px; line-height: 30px; width: 100%; float: left; background: url(images/arr.png) no-repeat left 10px; padding-left: 15px; margin-bottom: 6px;}
.dr-block3 ul li:first-child{font-weight:400; font-size: 15px;}
.dr-block3 ul li a{ color: #333333;}
.dr-block3 ul li a:hover{ color: #00adef;}

/*dr-block4-css-start*/
.dr-block4 .box span{ margin:10px 0;; color: #00adef; display:block;}
.dr-block4 .box{ width: 32%; min-height: 255px; margin-right :2%;}
.dr-block4 .box:nth-child(3n+3){ margin-right: 0;}
.anchor{ text-align: center; margin-top: 30px; float: left; width: 100%; clear: both;}
.anchor a{ line-height: 34px; background: #00ADEF; border: 2px solid #00ADEF; color: #fff; border-radius: 50px; padding:0 20px; display: inline-block; text-transform: none;}
.anchor a:hover{ border: 2px solid #00a1de; background: #00a1de; color: #fff;}

/*blog-bar-css-start*//*
.blog-bar .left{width: 77px; background: #00adef; text-align: center; float: left; padding: 10px 0;}
.blog-bar .left span{ float: left; width: 100%; color: #fff; text-transform: uppercase;}
.blog-bar .left span.eight{ font-size: 30px; font-weight: 600; }
.blog-bar .left span.nine{ font-size: 12px; font-weight: 400;  }
.blog-bar .left span.ten{ font-size: 24px; font-weight: 600; color:rgba(255, 255, 255, 0.4); }

.blog-bar .right{ width:calc(100% - 90px); float: left; margin-left: 7px;}
.blog-bar .right .blog-img{ width: 100%; /* height: 238px; */}/*
.blog-bar .right .blog-img img{ width: 100%; height: 100%;}
.blog-bar .blog-text h2{ font-size: 24px; font-weight: 600; padding-top: 12px; text-transform: uppercase;}
.blog-bar .blog-text p{ font-size: 15px; font-weight: 400; line-height: 22px;}
.blog-bar .blog-admin{  width: 100%; float: left; clear: both; border-top: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2; margin-top: 15px; padding: 0 8px 0 3px;}
.blog-bar .blog-admin ul { margin-bottom:0; padding: 15px 0; float: left; width: auto;}
.blog-bar .blog-admin ul li{ float: left; width: auto; padding-left: 0; background: none; margin-bottom: 0; margin-right: 5px;}
.blog-bar .blog-admin ul li:last-child a{ border: 0;}
.blog-bar .blog-admin ul li a{ font-size: 14px; font-weight: 300; line-height: 1em; padding-right: 5px; border-right: 1px solid #afafaf; display: block;}
.blog-bar .blog-admin .blog-anchor{ float: right;}
.blog-bar .blog-admin .blog-anchor a{  font-size: 14px; font-weight: 300; line-height: 40px; color: #000000; background: url(../images/black.png) no-repeat right 4px;
padding-right: 15px;}
.blog-bar .blog-admin .blog-anchor a:hover{  background: url(../images/brown.png) no-repeat right 4px; color: #00a1df;}
.blog-right-bar2{ margin-top: 30px;}
.blog-right-bar .logo-menu h2.se1{ color: #000;}
.blog-right-bar ul.blog-nav li { background: url(../images/arr.png) no-repeat scroll left center;  float: left; font-family: "Open Sans",sans-serif; font-size: 15px;
    font-weight: 400;  line-height: 30px;  margin-bottom: 6px;  padding-left: 15px;  width: 100%; height: auto; text-align: left;}
.blog-right-bar ul.blog-nav li a{ color: #333333;}
.blog-right-bar ul.blog-nav li a:hover{ color: #ff3332;}
.blog-right-bar .logo-menu1{ margin-top: 20px;}

.blog-right-bar ul.blog-nav1{ border: 1px solid #a4a4a4;}
.blog-right-bar ul.blog-nav1 li { background-image: none;  float: left; font-family: "Open Sans",sans-serif; font-size: 20px; font-weight: 400;  line-height: 60px;  margin-bottom: 0; width: 100%; height: auto; text-align: left; padding-left: 0; border-bottom: 1px solid #a4a4a4;}
.blog-right-bar ul.blog-nav1 li:last-child{ border-bottom: 0;}
.blog-right-bar ul.blog-nav1 li a{ color: #00adef; display: block; padding-left: 15px; background:#fff url(../images/big-black.png) no-repeat right center;}
.blog-right-bar ul.blog-nav1 li a:hover{ color: #fff; background:#00adef url(../images/big-red.png) no-repeat right center;}

.blog-button{ float: left; width: 100%; clear: both; text-align: center; margin-top: 50px;}
.blog-button a{ display: inline-block; font-size: 18px; font-weight: 600; color: #FFF; border: 1px solid #00ADEF; border-radius: 3px;  padding: 5px 44px; text-transform: uppercase; line-height: 30px; background: #00ADEF; }
.blog-button a:hover{ background: #00a1df;} */
.articlebody p{ color: rgb(130, 132, 142);  display: inline-block;  font-size: 15px;  font-weight: 400;
    line-height: 28px;  margin-bottom: 26px;  width: 100%;}
.cor_cont{  width: 100%; float: left; clear: both;}
.cor_cont p{ color: rgb(130, 132, 142);  display: inline-block;  font-size: 15px;  font-weight: 400;
    line-height: 28px;  margin-top: 10px;  width: 100%; margin-bottom: 16px;}
.cor_cont h2{ font-weight: 300;}
.cor_cont p a{ color: #00adef; }
.cor_cont p a:hover{ text-decoration: underline;}
.cor_cont_img{ width: 100%; float: left; clear: both; margin-bottom: 20px;}
.cor_cont_img span{ width: 560px; min-height: 296px; float: left;}
.cor_cont_img span img{ width: 100%; height: 100%;}

/*contact-css-start*/
.contact-outer-right{ margin-top: 0;}
.contact-block{ float: left; width: 100%; clear: both; margin-top: 20px;}
.contact-block input { border: 1px solid rgb(204, 204, 204);  border-radius: 10px; height: 40px; width: 100%; float: left; margin-right: 16px; padding: 0 12px; margin-bottom: 16px;
font-family: "Open Sans",sans-serif; font-size: 14px; font-weight: 400;}
.contact-block input:nth-child(2n + 2){ margin-right: 0;}

.contact-block input.code{ width: 30.5%;}
.contact-block span.wpcf7-not-valid-tip { display: inline-block;  float: left;  width: 100%; margin-top: -15px;}
.contact-block textarea{ border: 1px solid rgb(204, 204, 204);  border-radius: 10px; height: 40px; width: 100%; float: left; clear: both; margin-right: 16px; padding: 5px 12px; margin-bottom: 16px; min-height: 160px; font-family: "Open Sans",sans-serif; font-size: 14px; font-weight: 400;}
.contact-block .contact-button input {  background: #00ADEF;  border-radius: 25px;  color: rgb(255, 255, 255);  cursor: pointer;display: inline-block;  padding:0 60px; width: auto; border: 1px solid #00ADEF; line-height: 40px; height: auto;} 
.contact-block .contact-button input:hover{ background:#009eda; border: 1px solid #009eda;}
.contact-block p {color: rgb(130, 132, 142); display: inline-block;  font-size: 15px;  font-weight: 400; line-height: 28px;  width: 100%;}
.contact-block ul li { color: #000; float: left; width: 100%;  font-size: 15px;  font-weight: 400; line-height: 28px;}
.contact-block ul li span{ display: inline-block; color: #000; font-weight: bold; width: 80px; float: none;}
.contact-block ul li a{ color: #000;}
.contact-block ul li a:hover{ color:#00ADEF;}
.contact-block ul li a.fb{ width: 40px; height: 40px; border-radius: 50%; border: 1px solid #000; display: block; text-align: center; font-size: 18px; line-height: 40px; vertical-align:middle;}
.contact-block ul li a.fb:hover{ background:#00ADEF; border: 1px solid #00ADEF; color: #fff;}
.contact-outer-right p{ color: #333333; font-size: 13px; line-height: 22px; margin-bottom: 15px;}


.logo-menu-online3{ background: none !important; padding-bottom: 0!important;}
.logo-menu-online3 h2{ padding-left: 0!important;}
.logo-menu-online3  h2.se::after{ left: 0!important;}

/*popup-css-start*/
.outer-popup{ width: 100%; float: left;}
.outer-popup .main-popup{ width: 880px; height:522px; background: #f1f1f1; margin: 0 auto; text-align: center; padding: 0 20px; border-radius: 5px;}
.outer-popup .main-popup h1{ font-size: 52px; font-weight: 300; color: #585858; border-bottom: 2px solid #585858; padding-bottom: 10px; display: inline-block; margin-bottom: 34px;}
.outer-popup .main-popup p{ font-size: 20px; font-weight: 300; color: #8b8b8b;}
.outer-popup .main-popup span{ width: 100%; display: inline-block; font-size: 14px; font-weight: 400; color: #333333; }
.outer-popup .main-popup ul.booked{ width: 68%; margin: 38px auto 0 auto;}
.outer-popup .main-popup ul.booked li{ float: left; width: 100%; clear: both; margin-bottom: 20px; }
.outer-popup .main-popup ul.booked li a{ font-size: 14px; font-weight: 300; color: #fff; background: #00adef; display: block; border-radius: 50px; line-height: 40px;}
.outer-popup .main-popup ul.booked li a:hover{ background: #00a1de;}
.outer-popup .main-popup span.note{ font-size: 12px; font-weight: 600; color: #111111; margin-top: 30px; float: left; clear: both;}
.outer-popup .main-popup .pop-logo{  width: 100%; float: left; clear: both; margin-top: 40px; text-align: right;}
.outer-popup .main-popup .pop-logo span{ float: left; font-size: 12px; font-weight: 600;  width: auto; padding-top: 10px;}
.outer-popup .main-popup .pop-logo span a{ color: #111111;}
.outer-popup .main-popup .pop-logo span a:hover{ color: #00a1de; }

/*log-in-popup-css-start*/
.outer-popup .log-in-popup form{ width: 362px; margin: 18px auto 0 auto; text-align: left;}
.outer-popup .log-in-popup label{ width: 100%; font-size: 14px; font-weight: 400; color: #00adef; margin-bottom: 10px; float: left; }
.outer-popup .log-in-popup input{ width: 100%; height: 38px; border: 1px solid #cccccc; border-radius: 5px; padding: 0 5px;}
.outer-popup .log-in-popup .form-gr{ margin-top: 20px;}
.outer-popup .log-in-popup .contact-button input { background: #00adef ;  border: 1px solid #00adef; border-radius: 25px; font-size: 14px; color: rgb(255, 255, 255);  cursor: pointer; display: inline-block;  height: auto; line-height: 38px; padding: 0 50px;  width: auto;}
.outer-popup .log-in-popup .contact-button input:hover { background:#00a1de;  border: 1px solid #00a1de;}
.outer-popup .log-in-popup .pop-logo{ margin-top: 90px;}
.outer-popup .log-in-popup span{ font-size: 12px; font-weight: 600;  flaot: left; width: 100%; clear: both; text-align: right;}
.outer-popup .log-in-popup span a{ color: #000;}
.outer-popup .log-in-popup span a:hover{ color: #00a1de; }

/*booking-popup-css-start*/
.outer-popup .booking-popup{ position: relative;}
.outer-popup .booking-left{ width: 35%; position: absolute; top:0 ;  background: rgba(246, 248, 250, 0.9); height: 100%; text-align: left; padding: 10px 10px;}
.outer-popup .booking-left h2 { color: #000; font-size: 26px; font-weight: 400; line-height: 32px; margin-bottom: 15px;}
.outer-popup .booking-left h3 { color: #000);  font-size: 14px; font-weight: 600;}
.outer-popup .booking-left button {border: 1px solid #b2b2b2; cursor: pointer; color: #000; font-size: 14px; width: 100%; padding: 10px; text-align: left; margin: 10px 0; background: none;}
.outer-popup .booking-left button:hover{ background: #f0f0f0;}
.outer-popup .booking-left .pricing-panel-head { color:#000; font-size: 13px; font-weight: 600; margin-bottom: 10px;}
.outer-popup .booking-left .pricing-panel{ bottom: 20px; position: absolute; width: 100%; left: 0; padding: 0 10px;}
.outer-popup .booking-left ul.app-fees{ border: 1px solid #b2b2b2; float: left; width: 100%;}
.outer-popup .booking-left ul.app-fees li { float: left; width: 100%; clear: both; background: #f0f0f0; padding: 5px; border-bottom: 1px solid #b2b2b2; }
.outer-popup .booking-left ul.app-fees li:last-child{ border-bottom: 0;}
.outer-popup .booking-left ul.app-fees li .dropdown-icon { background-clip: padding-box; background-color: rgba(0, 0, 0, 0); border: 2px solid rgb(51, 51, 51);
    border-radius: 50% ; box-sizing: border-box; color: #000; float: left; font-style: italic;  height: 30px; text-align: center; line-height: 25px;width: 30px;isplay: block;}
.outer-popup .booking-left ul.app-fees li .app-type {    float: left;  width: auto; line-height: 28px; margin-left: 5px; }
.outer-popup .booking-left ul.app-fees li .app-cost-outer { float: left; width: auto; margin-left: 10px; line-height: 28px;}
.outer-popup .booking-right { position: absolute; right: 0;top: 0; width: 62.5%;}
.outer-popup .booking-right .filter-results-bar {  background: #f0f0f0; box-sizing: border-box;  color: #000;  display: block;  height: 75px; left: 260px; padding: 0 25px;  z-index: 20;}
.outer-popup .booking-right .filter-results-bar a{ color: #000;  display: block; }
.outer-popup .booking-right .picker-results-date { background: rgb(43, 75, 90) none repeat scroll 0 0;float: left;  width: 100%;}
.outer-popup .booking-right .picker-results-date h3 {  color: rgb(255, 255, 255);  font-size: 16px;  font-weight: 400;  margin: 0;  padding: 0;  width: 100%;}
.outer-popup .booking-right .picker-results-date span{ color: #fff; float: left; width: 50px; padding: 8px 15px 8px 10px; text-transform: uppercase; }
.outer-popup .booking-right .picker-results-date .date-dow { background: rgb(35, 61, 73) none repeat scroll 0 0;  display: inline-block;  padding: 8px 15px 8px 10px;  text-align: right;  width: 50px;}
.outer-popup .booking-right .picker-results-date .date-title { background: #ff3332;  border-radius: 3px ;  display: inline-block;  font-size: 12px;
    font-weight: 400;  margin: 8px 20px;  padding: 0 5px;  text-align: center;  text-transform: uppercase;}
.outer-popup .booking-right	.picker-results-segments {  width: 100%; float: left; clear: both; position:relative;}
.outer-popup .booking-right	.picker-results-segment {background-color: rgb(224, 232, 232); transition: background-color 0.3s ease-in-out 0s; box-sizing: border-box;  list-style: outside none none;  margin: 0;  padding: 20px 0 13px 20px; float: left; width: 100%;}
.picker-results-segment li.segment-icon { cursor: default;  display: block; left: 0; position: absolute; text-transform: none ; left: 10px;  top: 50%; transition: background-color 0.3s ease-in-out 0s; margin-top: -15px !important; }
.outer-popup .booking-right	 .picker-results-segment li i{  color: rgb(102, 102, 102); line-height: 30px;}
.outer-popup .booking-right	 .picker-results-segment li { float: left;  margin: 0 0 7px 10px;}
.outer-popup .booking-right	 .picker-results-segment li:first-child{ margin-left: 0;}
.outer-popup .booking-right	.picker-results-segment li a { background: rgb(255, 255, 255) ;  border-color: rgb(239, 243, 243) rgb(239, 243, 243) rgb(192, 192, 192);
    border-image: none;  border-radius: 3px ;  border-style: solid;  border-width: 1px;  color: rgb(102, 102, 102);  display: inline-block;
    font-size: 14px;  font-weight: 400;  line-height: 22px; padding: 3px 6px;  text-align: center;  text-decoration: none;  width: 60px;}
.outer-popup .booking-right .main-pic-ot{ height:386px; overflow-y: scroll;}
.outer-popup .booking-right .background { line-height: 30px; background-color: rgba(20, 20, 20, 0.5);  color: rgb(255, 255, 255);  cursor: pointer;  text-align: center;}
.outer-popup .booking-right .he-logo-contain { background: rgb(51, 51, 51) none repeat scroll 0 0; bottom: -40px; height: 40px;  width: 97%;  z-index: 8; position: absolute;}
.outer-popup .booking-right .he-logo-contain .he-logo-app-box { background: url(../images/dark-logo-full.png) no-repeat right center / contain ;  bottom: 5px;  display: block; height: 30px;  width: 220px;  -index: 11; margin: 5px 14px 0 0; float: right;}
/*booking-popup-css-end*/

/* popup account set up start */
.Account_popup {width: 880px; height: 522px; background: #F1F1F1 none repeat scroll 0% 0%; margin: 0px auto; text-align: center; padding: 0px 20px; border-radius: 5px; overflow:auto;}
.Account_popup h1{font-size: 52px; font-weight: 300; color: #585858; border-bottom: 2px solid #585858; padding-bottom: 10px; display: inline-block; margin-bottom: 34px;}
.Account_popup form{width: 760px; margin: 18px auto 0px; text-align: left;}
.Account_popup p {font-size: 20px; font-weight: 300;color: #8B8B8B;}
.Account_popup .form-gr {margin-top: 20px; width:50%; float:left;}
.field_padd_left{padding-left:10px;}
.field_padd_right{padding-right:10px;}
.Account_popup input[type="text"] {width: 100%; height: 38px; border: 1px solid #CCC; border-radius: 5px; padding: 0px 20px; font-size:14px; font-weight:400; color:#999999;}
span.filed_comment {font-size: 12px; font-weight: 600; width: 100%; clear: both; text-align: left; color:#959595; display:inline-block;}
.Account_popup .contact-button input {background: #00adef; border: 1px solid #00adef; border-radius: 25px; font-size: 14px; color: #FFF; cursor: pointer; display: inline-block; height: auto; line-height: 38px; padding: 0px 50px; width: auto;}
.Account_popup .contact-button input:hover{background: #00a1de; border: 1px solid #00a1de;}
.Account_popup .pop-logo {width: 100%; float: left; clear: both; margin-top: 40px; margin-bottom:20px; text-align: right;}
.Account_popup .pop-logo span {float: left; font-size: 12px; font-weight: 600; width: auto; padding-top: 10px; clear: both; text-align: right;}
.Account_popup .pop-logo span a{color:#000000;}
.Account_popup .pop-logo span a:hover{color:#00a1de;}
.Account_popup select {height: 38px; border: 1px solid #CCC; border-radius: 5px; padding: 0px 20px; font-size:14px; font-weight:400; color:#999999;}
.Account_popup select option{font-size:14px; font-weight:400; color:#999999;}
.Account_popup .date{width:20%;}
.Account_popup .month{width:44%;}
.Account_popup .year{width:33%;}
.filed_comment input{margin-right:10px;}
.Account_popup .contact-button{margin-top:20px;}
.read_comment{width: 100%; border: 1px solid #e8e8e8; border-radius: 5px; padding: 16px 20px; font-size:12px; font-weight:300; color:#b6b6b6; background:#f0f5f7; margin-top:20px;}

/* popup account set up end */

.collapse-button {top:-40px; background-color:#00ADEF;}
.collapse-button:hover {background-color:#00ADEF;}

.inner-banner .wrapper {width:100%; padding-left:10px; padding-right:10px;}
/* a#appointuit {right:0px !important; left:inherit !important; background-image: url("images/appointuit_tab.png") !important;} */


a#appointuit {right:0px !important; left:inherit !important; background-image: url("images/btn.png") !important;
height: 241px !important; width: 46px !important;}
#fancybox-wrap {z-index: 99999999 !important; }
.pagination{float:left; width:100%; text-align:center;}
.pagination a{background:#00ADEF; color:#FFF; border-radius:50%; width:36px; height:36px; line-height:36px; text-align:center; display:inline-block;}
.pagination span{background:#00ADEF; border-radius:50%; width:36px; height:36px; line-height:36px; text-align:center; display:inline-block; color:#FFF; opacity:0.5;}

.on_booking {padding: 10px 0px;}
.on_booking #he-webplugin-14815 {float:left; margin-right:5px;}

.site_map {float: left; width: 100%;}
/* .dr-block3 .site_map a {color:#00adef;} */
.site_map  ul li {background-image:none; padding-left:0px;}
.site_map > ul > li > a {font-size: 16px; font-weight: 600; text-transform: uppercase;}
.site_map ul.children {float: left; width: 100%; list-style: circle; padding-left: 30px; margin-bottom:0px !important;}
.dr-block .site_map ul.children > li {list-style: circle;}
.dr-block .site_map ul.children > li li {list-style: square;}

@media (max-width:1024px){
.navigation .sub-menu{top:42px;}
.header_right {width:100%;}
.logo {width: 250px;}
.logo img{width:100%;}
.navigation ul li a {padding:5px;margin: 12px 5px 0 5px;}
.top_nav ul li {margin-left:0;}
.top_nav_icon { margin-right: 5px;}
.top_nav_icon img{height:25px;}
.banner_cont h1 {font-size: 20px;}
.banner_cont {top: 10px;}
.banner_cont p {font-size: 15px;font-weight: 400;line-height:20px;}
.bx-controls.bx-has-pager{display:none;}
.appointment_btn {display:none;}
.dr-block4 .box { width:46%; padding: 5px; margin: 0 2% 20px; min-height: auto;}
.dr-block2 .box{ width:100%; margin:0 0 15px;}

.navigation {float: right; width: 100%;}
.navigation li {padding: 0 10px;}
.navigation ul li a {padding: 5px; margin: 0; line-height:30px;}
ul.slimmenu li > ul{width:100%;}
ul.slimmenu li ul li a{color:#666666;}
.navigation li a i { margin-left: 5px;   margin-right: 11px;}
.breadcumbss{display:none;}
.appointment_tag {display:none;}
}
@media (max-width:767px){

.logo {width: 200px;}
.top_nav{display:none;}
.header {position:relative;}
.header_right { width:100%; float: right;}
.menu_btn {display: block; cursor:pointer;    position: absolute; right: 0; top: 0;}
/* .navigation { width:100%; float:left; background:#666;}
.navigation ul {width:100%;}
.navigation ul, .navigation ul li, .navigation ul a {width:100%; float:left; color:#fff;}
.navigation .sub-menu, .navigation .sub-menu li .sub-menu  { position: static; width:100%; display:none;}
.navigation .sub-menu li a{background:none; color: #707070; padding-left:25px;}
.navigation ul li a{margin:0; color:#fff;}
.navigation .sub-menu li:hover .sub-menu {display:none;} */
.navigation li:hover .sub-menu{display:none;}
.banner_cont2, .banner_cont2 ul li a{position:static; display: inline-block;}
.banner_cont2 ul li{width:100%; display:block; float:left; padding:0 0 50px; text-align:center;}
.banner_cont2 ul li p{width:100%; padding:0 50px;}
.news_right{}
.news_left{width:80%; margin:0 10%;}
.important_links, .get_in_touch, .footer_map{width:100%; padding:0; margin:20px 0;}
.navigation ul li a{padding:10px;}
.navigation .sub-menu li a i{padding-right:10px; color:#000;}
.navigation .sub-menu li a{color:#000;}
.outer-right{display:none;}
.outer-right.contact-outer-right{width:100%; display:block; margin:0;}
.outer-left{width:100%;}
.inner-banner .banner_cont3{padding}
.inner-banner .banner_cont3 h3 {font-size: 18px; line-height:20px;}
.banner_cont3 span{display:none;}
.inner-banner, .inner-banner img{height:auto;}
.inner-banner .banner_cont3 {height: auto; padding: 10px 0;}
.banner_box ul li {float:left; width: 100%; display: block;}
.news_right ul li { margin: 0 10% 20px 10%; width: 80%;}
.news_right ul li .bot-pro{min-height:auto;}
.banner_cont_r{display:none;}
.banner_cont_l{display:block; width:100%;}
}
@media (max-width:500px){
.dr-block4 .box { width:100%; padding: 5px; margin: 0 0 20px; min-height: auto;}
.blog-bar .right {width:100%; margin:0;}
.blog-bar .left, .blog-bar .left span{width:auto; height:auto; padding:5px; line-height:20px;}
.blog-bar .right .blog-img, .blog-bar .right .blog-img img {height:auto;}
.collapse-button { top: -34px;}
}




















