/*
Theme Name: Mr. Mohamed Y Hammadeh
Theme URI: http://urology-doctor.co.uk/
Author: Motif Agency
Author URI: http://www.motif.net
Description: I am a Consultant Urological Surgeon working in London hospitals and an Honorary Senior Lecturer at king’s College London.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Mr. Mohamed Y Hammadeh
Tags:


*/

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700&subset=latin-ext');

.colored-border {
    background: url(images/border.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 3px;
}


/*
.hide-submit {visibility: hidden;}
#pac-input {width: 117%;}
*/

/* ===========  My Reset ============
=====================================*/

body {
    font-family: 'Lato', sans-serif;

}

.wp-video {margin-bottom: 20px;}
h1 {
    font-size: 36px;
    color: rgb(54, 54, 54);
    font-weight: bold;
    line-height: 1.2;
}

h2 {
    font-size: 26px;
    color: rgb(37, 37, 37);
    line-height: 1.2;
}

h3 {
    font-size: 20px;
    color: rgb(37, 37, 37);
}

a:hover {
    text-decoration: none;
}

.link-blue {
    color: rgb(4, 86, 127);
    line-height: 1.125;
}

.link-blue:hover {
    color: #03486a;
}

.link-white {
    color: rgb(255, 255, 255);
}

.link-white:hover {
    color: #da2032;
    text-decoration: none;
}

.link-black {
    color: rgb(54, 54, 54);
    text-transform: uppercase;
}

p {

    color: rgb(37, 37, 37);
    font-size: 16px;
    line-height: 24px;
}

.form-title {
    font-size: 13px;
    color: rgb(149, 149, 149);
    line-height: 1.2;
    margin-top: 5px;
    margin-bottom: 7px;
}

.p-slider {
    font-size: 20px;
    color: rgb(54, 54, 54);
    line-height: 1.2;
}

.btn-red {
    font-size: 15px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    background-color: #da2032;
    text-transform: uppercase;
    text-align: center;
    border-radius: 50px;
    padding: 14px 34px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.btn-red:hover {
    color: rgb(255, 255, 255);
    background-color: #ba0f20;
    text-decoration: none;
}

.btn-red:active,
.btn-red:focus {
    color: rgb(255, 255, 255)!important;
    background-color: #ba0f20!important;
    text-decoration: none;
}

.bold {
    font-weight: 700;
}

input[type] {
    height: 40px;
    border-color: #e1e1e1;
    box-shadow: none;
}

.wpcf7-submit {
    height: auto!important;
    border: none!important;
}

.wpcf7-select {
    height: 40px;
    border-color: #e1e1e1;
    box-shadow: none;
}

textarea {
    border-color: #e1e1e1!important;
    box-shadow: none!important;
}

html * {
    outline: 0 !important;
}

a:active,
a:focus {
    text-decoration: none;
}

.btn:active,
.btn:focus {
    color: #fff;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    padding-left: 10px;
    padding-right: 10px;
}

.container {
    padding-left: 20px;
    padding-right: 20px;
}

.row {
    margin-left: -10px;
    margin-right: -10px;
}


/* ============ Main Wrap ================
============================================= */

.mian-wrap {
    margin-top: 0px;
}

.mian-wrap img {
    max-width: 340px;
    border: 1px #ddd solid;
    border-radius: 4px;
    /*margin-top: 10px;*/
    margin-bottom: 20px;
}


.mian-wrap .title-bar {
    background-color: #f9f9f9;
    border: 1px rgb(225, 225, 225) solid;
    border-radius: 6px;
/*margin-bottom:5px;*/
margin:25px 0;
    
    
}


.mian-wrap .title-bar:first-of-type{margin-top: 0!important;}



/* ============ Gallery ================
============================================= */

.ngg-gallery-thumbnail {
    border: none!important;
    margin: 0px!important;
}

.ngg-gallery-thumbnail img {
    border-radius: 4px;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.ngg-gallery-thumbnail img:hover {
    opacity: 0.8;
}

.ngg-gallery-thumbnail a {
    margin: 0!important;
    margin-right: 8px!important;
    margin-bottom: 8px!important;
}

.wp-caption-text {
    font-size: 12px;
}


/* =========== Patient Reviews ============
=====================================*/

.quote {
    color: rgba(0, 0, 0, .1);
    text-align: center;
    margin-bottom: 30px;
}

.reviews-title {
    background: #f9f9f9;
    margin: 0;
    margin-bottom: 17px;
    padding: 13px 20px 14px 24px;
    border-top: 3px #da2032 solid;
}

#fade-quote-carousel.carousel {
    /*  padding-bottom: 60px;*/
}

#fade-quote-carousel.carousel blockquote {
    border: 1px #ddd solid;
    border-radius: 4px;
    padding: 93px;
    margin-bottom: 0;
    margin-top: 0px;
    /*height:274px;    */
    text-align: justify;
    height:300px;
}

#fade-quote-carousel.carousel blockquote .fa-quote-left {
    left: 91px;
    top: 84px;
    color: #077ab4;
    content: open-quote;
    font-size: 20px;
    font-style: normal;
    line-height: 1;
    position: absolute;
}

#fade-quote-carousel.carousel blockquote .fa-quote-right {
    right: 17px;
    bottom: 26px;
    color: #077ab4;
    content: open-quote;
    font-size: 20px;
    font-style: normal;
    line-height: 1;
    /*position: absolute;*/
    margin-top: -22px;
    float:right;margin-right: -25px;
}

#fade-quote-carousel.carousel .carousel-inner .item {
    opacity: 1;
    /*
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
*/
}

#fade-quote-carousel.carousel .carousel-inner .active {
    opacity: 1;
    /*
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
*/
}

#fade-quote-carousel.carousel .carousel-indicators {
    bottom: -65px;
}

#fade-quote-carousel.carousel .carousel-indicators > li {
    background-color: #a8a8a8;
    border: none;
}

#fade-quote-carousel blockquote {
    text-align: left;
    border: none;
}

#fade-quote-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
}

.arrow_box {
    position: relative;
    background: #fff;
    border: 4px solid #ddd;
}

.arrow_box:after,
.arrow_box:before {
    bottom: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 8px;
    margin-left: -8px;
}

.arrow_box:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: #ddd;
    border-width: 10px;
    margin-left: -10px;
}


/* =========== MAp NAvigation ============
=====================================*/

.map-nav {
    position: absolute;
    top: 250px;
    border: 1px rgb(225, 225, 225) solid;
    padding: 0!important;
/*    width: 337px;*/
    margin-right: 20px;
}

.map-nav ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
    opacity: 0.9;
    background-color: rgb(255, 255, 255);
}

.map-nav ul li {
    border-bottom: 1px rgb(225, 225, 225) solid;
    padding: 7px 15px 5px 15px;
}

.map-nav ul li:first-child {
    border-top: 1px rgb(225, 225, 225) solid;
}

.map-nav ul li:hover {
    background: #f3f3f3;
}

.map-nav ul li a {
    font-size: 15px;
    color: #04567f;
    cursor: default;
}

.map-nav ul li a:active li,
.map-nav ul li a:selected li {
    background: #f3f3f3;
}

.map-nav ul li .address {
    display: block;
}

.map-nav ul li span {
    font-size: 13px;
    color: #363636;
    cursor: default;
}

.selected-li {
    background: #f3f3f3;
}

.selected-li .link-blue {
    font-weight: 700!important;
}

.selected-li .label {
    background: #da2032!important;
}

.map-nav h3 {
    padding: 12px 15px 11px 15px;
    padding-bottom: 0;
    background: #f9f9f9;
    margin: 0;
    font-size: 17px;
}

.map-nav .input-group {
    background: #f9f9f9;
    padding: 8px 15px 10px 15px;
}

.map-nav .input-group .form-control {
    padding-left: 52px;
    height: 35px;
    background: url(images/search.svg) no-repeat 7px 5px transparent;
    background-color: #fff;
}

.map-nav .input-group .input-group-btn {
    height: 35px;
    background: #da2032;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.map-nav .input-group .btn {
    border: none;
    background: transparent;
/*
    color: transparent;
    background-image: url(images/location-search.svg);
    background-repeat: no-repeat;
    background-position: center;
*/
    color: #fff;
    font-size: 20px;
    padding: 0 13px;
}

.map-nav ul li {
    position: relative;
}

.map-nav ul li .label {
    position: absolute;
    right: 15px;
    top: 10px;
    border-radius: 10px;
    background: #959595;
    color: #fff;
    font-size: 12px;
    line-height: 1.25;
}


/* ===========  Menu ============
=====================================*/

#wprmenu_menu.right {
    width: 100%!important;
}

.mega-menu-link:after {
    position: absolute;
    right: 46%;
    top: 90%;
    color: #da2032!important;
}

.my-menu {
    margin-bottom: 0px;
}

.operations {
    position: absolute;
    top: 42%;
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    color: #666;
    left: 27%;
}

.information {
    position: absolute;
    top: 42%;
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    color: #666;
    left: 23%;
}



#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li a {
    text-align: center!important;
}




/* ===========  Sticky  menu ============
=====================================*/

.sticky-menu {
    display: none;
}

.sticky-menu #mega-menu-item-118 .mega-menu-link {
    padding-right: 0!important;
}

#mega-menu-item-113 .mega-sub-menu {
    width: 100%!important;
}

#mega-menu-item-106 .mega-sub-menu {
    width: 200%!important;
    margin-left: -45px!important;
}

#mega-menu-item-109 .mega-sub-menu {
    margin-left: -100px!important;
}

#mega-menu-wrap-sticky-menu #mega-menu-sticky-menu > li.mega-menu-flyout ul.mega-sub-menu li a {
    text-align: center!important;
}

.sticky-menu .mega-sub-menu {
    border-radius: 0px!important;
    margin-top: 0px!important;
}

.top-links {
    padding: 10px;
    font-size: 14px;
    font-weight: 700;
    text-align: right;
}

.top-links a {
    padding-left: 10px;
}


/* ===========  Mobile menu ============
=====================================*/


/*html {padding-top: 42px!important;}*/

.my-header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 10000;
    -webkit-transform: translateZ(0);
}

#wprmenu_menu .wprmenu_icon:before {
    font-family: 'Glyphicons Halflings';
    content: "\e258";
    color: #ec932b;
}

#wprmenu_menu .wprmenu_icon:before {
    font-family: 'Glyphicons Halflings';
    content: "\e258";
    color: #da2032;
}

/*.icon_default.wprmenu_par_opened:before {*/
/*    font-family: 'Glyphicons Halflings';*/
/*    content: "\e259"!important;*/
/*    color: #da2032;*/
/*}*/

#wprmenu_menu .wprmenu_icon_par {
    padding-left: 90%;
    width: 100%;
}

#wprmenu_menu.wprmenu_levels ul li ul li {
    padding-left: 10px;
    background-color: #eeeeee;
}

#wprmenu_menu.wprmenu_levels a.wprmenu_parent_item {
    margin-left: 0!important;
}


.mobile-click i {font-size: 32px;margin-top: 4px;}


/* ===========  Publications  ============
=====================================*/

.pub-ol {
    padding-left: 10px;
}

.pub-ol hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

.pub-ol li {
    padding-left: 10px;
    margin-top: 10px;
}

.pub-ol a {
    font-size: 15px;
    font-weight: 700;
}

.pub-ol p {
    font-size: 14px;
    margin: 5px 0;
}

.pub-ol span {
    font-size: 14px;
    color: #999;
}


/* ===========  Page title  ============
=====================================*/

.main-page-title h2 {
    font-size: 14px;
    margin-left: 1px;
}

.main-page-title a {
    font-weight: 400;
}

.translate {
    padding-top: 0px;
    margin-top: 35px;
    float: right;
    width: 100%;
}
.goog-te-gadget-simple{
    width: 100%;
}
.goog-te-gadget .goog-te-combo {
    margin-bottom: 0!important;
    margin-top: 2px!important;
}


/* ===========  Header ============
=====================================*/

.linkedin {
    background: #077ab4;
    padding: 12px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.linkedin:hover {
    background: #056da1;
    padding: 12px;
}

.linkedin-box {
    padding-left: 0;
    padding-right: 0;
}

.linkedin-box {
    width: 42px;
}

.my-header {
    background-color: #04567f;
    height: 42px;
}

.my-header .btn-box {
    padding-right: 0;
}

.sticky-menu .btn-box {
    width: 252px;
}

.my-header .btn-red {
    padding: 9px;
    border-radius: 0;
    width: 100%;
    max-height: 42px;
}

.my-header .btn-red i {
    margin-right: 10px;
    font-size: 20px;
    margin-left: 10px;
}

.my-header .header-links {
    text-align: right;
    font-weight: 700;
}

.my-header .header-links a:first-child {
    margin-right: 30px;
}

.my-menu .btn-box {
    padding-right: 0;
}

.my-menu .btn-red {
    padding: 9px 13px;
    border-radius: 26px;
    max-height: 40px;
    max-width: 260px;
    float: right;
    margin-top: 30px;
    margin-right: 16px;
}

.my-menu .btn-red i {
    margin-right: 10px;
    font-size: 20px;
    margin-left: 10px;
}

.my-menu .linkedin {
    background: transparent;
    padding: 10px;
}
.linkedin-link{
    border-radius: 50%;
    display: inline-block;
    background: #077ab4;
    margin-top: 30px;
}
.sticky-menu .linkedin-box {
    width: 52px;
}


/* ===========  nav ============
=====================================*/

.logo {
    margin-top: 30px;
    margin-bottom: 30px;
}

.navbar-default {
    background-color: transparent;
    border-bottom: none;
}

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

.navbar-nav>li>a {
    padding-top: 46px;
    padding-bottom: 65px;
    font-size: 15px;
    font-weight: 700;
    padding-right: 30px;
    padding-left: 30px;
}

.navbar-nav li:last-child a {
    padding-right: 15px;
}


/* ===========  Slider ============
=====================================*/

.slider {
    min-height: 500px;
    background: url(images/slide-1.jpg) no-repeat center center;
}

.slider h1 {
    margin-top: 97px;
}

.slider p {
    font-size: 20px;
}

.slider-btn {
    margin-top: 10px;
    background-color: #077AB4;
    border-radius: 26px;
    padding: 9px 33px;
}

.slider-btn:hover{
    
    
   background-color: #04567f;
}

.slider-mobile {
    display: none;
}

.slider-mobile p {
    margin-bottom: 20px;
}


/* ===========  Shapes ============
=====================================*/

.shadow {
    -webkit-box-shadow: 1px 3px 25px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 3px 25px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 3px 25px 1px rgba(0, 0, 0, 0.1);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.shapes {
    margin-top: -80px;
}

.square {
    max-width: 170px;
    height: 160px;
    padding: 0;
}

.square img {
    margin-top: 20px;
}

.square .profile .caption {
    margin-top: 10px;
}

.square p {
    font-size: 17px;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 0;
}

.square strong {
    font-weight: 700;
}

.profile .caption {
    margin-top: 15px;
}

.profile {
    background-color: #077ab4;
}

.profile:hover {
    background-color: #056da1;
}

.woman {
    background-color: #04567f;
    max-width: 210px;
    padding: 15px;
    background-image: url(images/woman.png);
    background-repeat: no-repeat;
    background-position: bottom right 20%;
}

.woman .caption {
    border-top: 2px #fff solid;
    padding-top: 25px;
    margin-top: 3px;
}

.woman:hover {
    background-color: #03486a;
}

.man {
    background-color: #077ab4;
    max-width: 210px;
    padding: 15px;
    background-image: url(images/man.png);
    background-repeat: no-repeat;
    background-position: bottom right 20%;
}

.man .caption {
    border-top: 2px #fff solid;
    padding-top: 25px;
    margin-top: 3px;
}

.man:hover {
    background-color: #056da1;
}

.child {
    background-color: #04567f;
    max-width: 210px;
    padding: 15px;
    background-image: url(images/child.png);
    background-repeat: no-repeat;
    background-position: bottom right 20%;
}

.child .caption {
    border-top: 2px #fff solid;
    padding-top: 25px;
    margin-top: 3px;
}

.child:hover {
    background-color: #03486a;
}

.quick-links {
    height: 160px;
    border: 3px #077ab4 solid;
    background-color: #fff;
    padding: 0;
}

.quick-links h3 {
    font-weight: 700;
    background: url(images/dash.jpg) no-repeat 0px 5px transparent;
    padding-left: 30px;
}

.quick-links ul {
    padding-left: 15px;
}

.quick-links ul li {
    list-style-image: url(images/arrow-2.png);
    font-size: 15px;
    margin-top: 10px;
}

.quick-links-con {}


/* ============ Specialities ================
============================================= */

.special {
    margin-top: 40px;
    margin-bottom: 50px;
}

.special h2 strong {

}

.special .special-links h3 {
    background: url(images/location.svg) no-repeat 0px 5px transparent;
    padding: 5px 37px;
    margin-bottom: 0px;
}

.special .special-links ul {
    list-style-type: none;
    padding-left: 55px;
}

.special .special-links ul li {
    font-size: 16px;
    background: url(images/dot.png) no-repeat 7px 14px transparent;
    padding: 8px 37px;
}

.special .special-interests h3 {
    background: url(images/plus.svg) no-repeat 0px 5px transparent;
    padding: 5px 37px;
    margin-top: 72px;
    margin-bottom: 0px;
}

.special .special-interests ul {
    list-style-type: none;
    padding-left: 0;
}

.special .special-interests ul li {
    font-size: 15px;
    font-weight: 400;
    color: rgb(37, 37, 37);
    background: url(images/dot.png) no-repeat 7px 14px transparent;
    padding: 7px 37px;
    line-height: 1.2;
}


/* ============ Vedio ================
============================================= */

.vedio {
    background: url(images/bg-overlay.png) center center;
    background-repeat: no-repeat;
    padding-bottom: 20px;
    padding-top: 80px;
    margin-top: -140px;
    background-color: #fafafa;
}

.vedio h2 {
    margin-top: 70px;
    margin-bottom: 32px;
}


/* ============ logos ================
============================================= */

.logos {
    /*border-top: 1px #e1e1e1 solid;*/
    /*border-bottom: 1px #e1e1e1 solid;*/
}

.logos {
    padding: 40px 0px;
}

.logos .col-sm-1 {
    margin-bottom: 10px;
}

.logos-profile {
    padding: 5px;
}

.logos-profile .col-sm-2 {
    margin-bottom: 20px;
}

.logos-profile img {
    max-width: 100%;
    border: none;
    margin: 0;
    margin-bottom:20px;
}

.logos-profile p {display: none;}

/* ============ latest-publications ================
============================================= */

.latest-pub .media {
    margin-top: 14px;
}

.latest-pub {
    margin-top: 0px;
    margin-bottom: 30px;
}

.latest-pub .col-sm-4 {
    margin-bottom: 0px;
}


/* ============ appointment Form ================
============================================= */
    .ajax-loader {
        display: none;}
.appointment h2 {
    margin-top: 0;
    background-color: #077ab4;
    border-top: 4px #da2032 solid;
    margin: 0;
    padding: 12px 20px 14px 24px;
    color: #fff;
}

.appointment-from {
    background-color: #f9f9f9;
    padding: 15px;
    border: 1px #e1e1e1 solid;
    margin-bottom: 0px;
}



aside .appointment,aside .reviews{padding: 0;}

aside .appointment h2 {font-size: 20px;}
/* ============ Footer ================
============================================= */

footer {
    background: #363636;
    padding: 20px 0 0px;
    margin-top: 40px;
}

footer h2 {
    color: #fff;
}

footer h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
}

footer p {
    color: #9b9b9b;
    font-size: 13px;
}

footer ul {
    padding-left: 0;
}

footer .pro-pub {
    margin-top:35px
}

footer .pro-pub li {
    display: inline;
}

footer ul li {
    list-style-type: none;
    color: #9b9b9b;
    padding-right: 10px;
    margin-bottom: 13px;
}

footer .link-white {
    color: #9b9b9b;
}

footer .link-white:hover {
    color: #077AB4;
}




/* ============ Profile biography ================
============================================= */

.mian-wrap .title-bar .title-bar-shape {
    display: inline-block;
    background: #077ab4;
    height: 40px;
    margin-top: -1px;
    margin-left: -1px;
    width: 40px;
    font-size: 20px;
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    background-repeat: no-repeat;
    background-position: 50%;
    float: left;
}



.mian-wrap .title-bar h3 {
    font-weight: 700;
    padding: 8px 12px 8px 11px;
    margin-top: 0;
    margin-bottom: 0;
    /*    float: left;*/
}

.biography p {
    color: rgb(54, 54, 54);
    font-size: 16px;
    line-height: 24px;
}

.biography img {
    margin-right: 20px;
    margin-bottom: 20px;
    margin-top: 0;
}


/* ============ Profile Qualifications ================
============================================= */

article {
    /*margin-top: 20px;*/
    /*margin-bottom: 44px;*/
    font-size: 15px;
}

p:empty {
    display: none;
}

.ngg-galleryoverview {
    margin: 0px!important;
}

.qualifications ul {
    list-style-type: none;
    padding-left: 0;
}

.qualifications ul li {
    font-size: 15px;
    font-weight: 400;
    color: rgb(37, 37, 37);
    background: url(images/dot.png) no-repeat 7px 14px transparent;
    padding: 7px 31px;
    line-height: 1.2;
}



.qualifications p {
    margin-bottom: 3px;
    color: rgb(54, 54, 54);
}

.qualifications .p-1 {
    font-weight: 700;
}



/* ============ Profile Experience ================
============================================= */

.experience ol {
    line-height: 2;
    padding-left: 48px;
    margin-top: 20px;
    margin-bottom: 20px;
}


/* ============ Worshipful ================
============================================= */

.Worshipful ul {
    line-height: 2;
    padding-left: 48px;
    margin-top: 20px!important;
    margin-bottom: 28px;
}


/* ============ Profile research ================
============================================= */



.mian-wrap .title-bar .profile-title {
    padding-left: 50px;
}

.mian-wrap .title-bar p {
    display: none;
}

.research ul {
    list-style-type: none;
    padding-left: 0;
}

.research ul li {
    font-size: 15px;
    font-weight: 400;
    color: rgb(37, 37, 37);
    background: url(images/dot.png) no-repeat 7px 14px transparent;
    padding: 7px 31px;
    line-height: 1.2;
}

.Worshipful ul li {
    font-size: 15px;
    font-weight: 400;
    color: rgb(37, 37, 37);
    background: url(images/dot.png) no-repeat 7px 14px transparent;
    padding: 7px 31px;
    line-height: 1.2;
}

.vertical-line p,
.no-line p {
    margin-bottom: 5px;
}

.vertical-line {
    list-style-type: none;
    padding-left: 0;
}

.mian-wrap .vertical-line {
    list-style-type: none;
    padding-left: 9px;
       /*margin: 30px 0;*/
}

.vertical-line li {
    font-size: 15px;
    font-weight: 400;
    color: rgb(37, 37, 37);
    background: url(images/dot.png) no-repeat 7px 14px transparent;
    padding: 7px 31px;
    padding-right: 0;
    line-height: 1.2;
}

.no-line > li:before {
    content: "- ";
    text-indent: -8px;
}

.no-line {
    padding-left: 0;
    margin-top: 5px;
}

.no-line li {
    background: none;
    padding-left: 8px;
    list-style-type: none;
    padding-right: 0;
    padding-bottom: 0;
    text-indent: -8px;
    font-weight: 400;
}

.women-page .wp-video {
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

.women-page {
    margin-top: 23px;
}

.men-page {
    margin-top: 23px;
}

.no-style {
    padding-left: 0;
}

.no-style>li {
    list-style-type: none;
    font-weight: 700;
    margin-top: 15px;
}

.no-style li>ul>li {
    font-weight: 400;
}

.vertical-line li {
    position: relative;
}

span.line {
    position: absolute;
    height: 100%;
    border: solid #ececec 1px;
    top: 15px;
    left: 10px;
    z-index: -1;
}

li:last-child span.line {
    display: none;
}


.Clinic {
    display: none;
}

.BUPA {
    display: none;
}

.Princess {
    display: none;
}

.Sloane {
    display: none;
}

.Elizabeth {
    display: none;
}

.Park {
    display: none;
}

.Oak {
    display: none;
}

.Center {
    display: none;
}

.Lewisham {
    display: none;
}

.map-container {
    background-color: #f9f9f9;
    padding-bottom: 100px;
    margin-top: 0;
}

.map-container img {border: none;}

.tohide {
    margin-top: 18px;
}

#contact h2 {
    margin-bottom: 0;
    margin-top: 10px;
}

#contact .map-info {
    font-size: 16px;
}

#contact .map-info .location-icon {
    background: url(images/location.svg) no-repeat 0px 5px transparent;
    padding-left: 35px;
}

#contact .map-info .phone-icon {
    background: url(images/phone.svg) no-repeat 0px 5px transparent;
    padding-left: 35px;
}

#contact .map-info .email-icon {
    background: url(images/email.png) no-repeat 0px 5px transparent;
    padding-left: 35px;
        padding-bottom: 10px;
}

#contact .map-info .time-icon {
    background: url(images/clock.svg) no-repeat 0px 5px transparent;
    padding-left: 35px;
}

#contact .map-info {
    padding-left: 0;
}

#contact .map-info li {
    list-style-type: none;
    margin-top: 17px;
}

#contact .map-directions {
    list-style-type: none;
    padding-left: 0;
}

#contact .map-directions li {
    display: inline;
    padding-right: 15px;
}

.contact-workingat {
    margin-top: 40px;
}

.contact-workingat ul {
    list-style-type: none;
    padding-left: 7px;
}

.contact-workingat ul li {
    font-size: 15px;
    font-weight: 400;
    color: rgb(37, 37, 37);
    background: url(images/dot.png) no-repeat 7px 14px transparent;
    padding: 7px 0 7px 33px;
    line-height: 1.2;
}

.contact-workingat h3 {
    background: url(images/location.svg) no-repeat 7px 7px transparent;
    padding: 7px 37px;
}

.contact-workingat p {
    font-size: 16px;
    color: #04567f;
    margin-bottom: 2px;
}

.contact-workingat span {
    font-size: 15px;
    color: #363636;
}


/* ======== FAQ
==================================== */


#faq-category-page #menu-item-165 {list-style-image: url(images/arrow-3.png)!important;}

.faq-panel {
    padding: 20px;
    padding-top: 10px;
    background: #f5f5f5;
    margin-bottom: 20px;
    margin-top: 20px;
    border-radius: 4px;
    border: 1px #ddd solid;
}

.faq-panel .dropdown-menu {
    width: 100%;
}

.faq-panel button {
    width: 100%;
    text-align: left;
    background: #fff;
    border: 1px #ddd solid;
    height: 40px;
}

.faq-panel .btn:active,
.btn:focus {
    color: #333;
}

.faq-panel button .caret {
    float: right;
    margin-top: 8px;
    color: #ba0f20;
}

.faq-panel input {
    width: 100%;
    height: 40px;
    border: 1px #ddd solid;
    border-radius: 4px;
    padding-left: 52px;
    background: url(images/search.png) no-repeat 7px 7px transparent;
    background-color: #fff;
    background-size: 35px;
}

.patient {
/*    padding-bottom: 60px;*/
}

.patient .useful-links ul li {list-style-type: none;}

.patient h1 {
    font-size: 20px;
}

.faq .panel-heading {
    background-color: #f9f9f9;
    border: 1px #ddd solid;
    border-radius: 6px;
    padding-left: 35px;
    position: relative;
}

.faq .panel-heading .panel-title {
    font-size: 16px;
    font-weight: 400;
    color: #5a5a5a;
}

.faq .panel-collapse.collapse .panel-body {
    background-color: #fff;
    color: #363636;
}

.faq .panel-default>.panel-heading+.panel-collapse>.panel-body {
    background: #fff;
}

.faq .panel-body {
    background-color: #f9f9f9;
    color: #5a5a5a;
}

.faq .panel-default {
    border: none;
    box-shadow: none;
}

.faq .panel-heading a {
    padding-left: 0px;
}

.faq .panel-heading .accordion-toggle:before {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';
    /* essential for enabling glyphicon */
    content: "\e258";
    /* adjust as needed, taken from bootstrap.css */
    color: #da2032;
    /* adjust as needed */
    padding-right: 5px;
    font-size: 12px;
    font-weight: 300;
    position: absolute;
    left: 13px;
    top: 12px;
}

.faq .panel-heading .accordion-toggle.collapsed:before {
    /* symbol for "collapsed" panels */
    content: "\e259";
    /* adjust as needed, taken from bootstrap.css */
}

.faq .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: none;
}




/* ============ FAQs Categories ================
============================================= */

.category-panel .panel-heading {
    padding: 8px 15px;
}

.category-panel .panel-heading h3 {
    font-weight: 700;
    color: #363636;
    margin: 0;
}

.category-panel .panel-body {
    padding-top: 5px;
    padding-bottom: 5px;
}

.category-panel ul {
    list-style-type: none;
    padding-left: 15px;
}

.category-panel ul li {
    list-style-image: url(images/arrow-2.png);
    font-size: 15px;
    margin-top: 10px;
}

.current-menu-item {
    font-weight: 700;
    /*list-style-image: url(images/arrow-3.png)!important;*/
}

.current-cat {
    font-weight: 700;
    list-style-image: url(images/arrow-3.png)!important;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item li.mega-menu-item-has-children > a.mega-menu-link:after {

    right: 5px;
    top: 2px;
}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item ul.mega-sub-menu {

    margin: 0 !important;
}
/* ============ Media Query ================
============================================= */

@media (max-width: 768px) {
    .linkedin {
        border-bottom-right-radius: 0;
    }
}


/* ============ Page Search Bar ================
============================================= */

@media (max-width: 768px) {
    .search-bar .btn-red {
        padding: 9px 20px;
    }
    #fade-quote-carousel.carousel blockquote{padding:40px;    height: inherit;margin: 0 10px;}
    .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -15px!important;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -15px!important;
}

/*.fix-height {*/
/*    height: 950px!important;*/
/*}*/
.profile-image img{ width: 130px!important;height: auto;    margin-bottom: 0!important;}


.translate{    display: block;
    width: 100%;}
.carousel-control .fa-angle-left{
    margin-left: -25px!important;
    font-size:35px!important;
}
.carousel-control .fa-angle-right {
    margin-right: -25px!important;
    font-size:35px!important;
}
.special{margin-bottom:0;}


.owl-prev{
    left: -25px!important;
    font-size:35px!important;
}
.owl-next{
    right: -25px!important;
    font-size:35px!important;
}


.owl-nav {

    top: calc(50% - 42px)!important;

}


.footer-bottom p{text-align:center;}
.footer-bottom .motif{text-align:center;}

.translate{margin-top:15px;}
.logos{
    padding-top: 0px;
    padding-bottom: 25px;
    margin: 0 10px;
}

.latest-pub {

    margin-bottom: 25px;
}

.ngg-galleryoverview.default-view .ngg-gallery-thumbnail img{max-width:100%;}

}


/* ============ Container Media Query ================
============================================= */

@media (max-width: 768px) {
    .my-header .container {
        padding-left: 0;
        padding-right: 0;
    }
}


/* ============ Slider- Media Query ================
============================================= */

@media (max-width: 768px) {
    .slider {
        background: url(images/slide-1.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
}

@media (max-width: 768px) {
    .slider {
        display: none;
    }
    .slider-mobile {
        display: block;
    }
}


/* ============ shapes- Media Query ================
============================================= */

@media (max-width: 1024px) {
    
    
    .my-header .btn-red{
            font-size: 100%
    }
    .shapes br {
        display: none;
    }
    .shapes .shadow {
        box-shadow: none;
    }
    .shapes {
        margin-top: 0px;
    }
    .shapes p {
        margin-top: 0px;
        font-size: 13px;
        text-align: left;
    }
    .square {
        max-width: 500px;
        height: 60px;
        padding: 10px 0 10px 10px;
    }
    .square .caption {
        border-top: none!important;
        padding-top: 0;
        margin-top: 0;
    }
    .square img {
        margin: 5px;
        float: left;
        max-width: 30px;
    }
    .square .profile .caption {
        margin-top: 0px;
    }
    .woman,
    .man,
    .child {
        background-size: 30%;
        background-position: bottom 123% left 20%;
    }
    .man {
        float: right;
    }
    .quick-links {
        margin-left: 0;
        border: none;
      padding:10px;
    }
    .mobile-padding{padding:0;}
    .fix-height{margin-top:20px;}
    .quick-links h3 {
        background: none;
        padding-left: 0px;
    }
    .quick-links-con {
        padding: 0;
    }
    .quick-links-con .col-xs-6 {
        padding-left: 0;
    }
    .quick-links-con .quick-links ul li {
        font-size: 16px;
    }
    
    
    .goog-te-gadget-simple{float:right;}
    
    .my-menu{padding-bottom:10px!important;}
    
    .category-panel{display:none;}
    
    footer {margin-top:0;}
    
    
    .mian-wrap .title-bar .title-bar-shape{    height: 37px;}
    
    
    aside .appointment-from {
    margin-bottom: 25px;
    
}

.vedio img{margin-bottom:20px;}



.location-deatils{
    
        padding: 25px 0!important;
}


.page-template-page-contact-us .appointment{    margin-top: 25px!important;}




}


/* ============ special - Media Query ================
============================================= */

@media (max-width: 768px) {
    .special {
        margin-top: 0;
    }
    .special-links h2 {
        margin-top: 0;
    }
    .special .special-interests h3 {
        margin-top: 0;
    }
}


/* ============ vedio- Media Query ================
============================================= */

@media (max-width: 768px) {
    .vedio-info {
        margin-top: 0px;
        float: left;
    }

    .vedio h2 {
        margin-top: 20px;
    }
}


/* ============ footer- Media Query ================
============================================= */

@media (max-width: 768px) {
    footer {
        padding-top: 20px;
    }
    footer .pro-pub {
        margin-top: 0;
    }
    .col-xs-7 {
        padding-right: 0;
    }
    .col-xs-5 {
        padding-left: 0;
        padding-right: 0;
    }
}


/* ============ Header- Media Query ================
============================================= */

@media (max-width: 768px) {
    .my-header .btn-box {
        padding-left: 0;
    }
    .my-header .btn-red {
        font-size: 80%;
        padding: 10px;
    }
    .my-menu {
        padding-bottom: 30px;
    }
    .primary-menu {
        display: none;
    }
}
@media (max-width: 1200px) {
    
    .primary-menu {
     display: none; 
}
    
}

/* ============ Header- searchbar ================
============================================= */

@media (max-width: 768px) {
    .search-bar {
        height: 142px;
    }
    .search-bar h3 {
        text-align: left;
    }
    
    .colored-border{display: none;}
}


/* ============ Container - Media Query ================
============================================= */

@media (min-width: 1200px) {
    .container {
        width: 1100px;
    }
}


/* ============ Featured Image================
============================================= */

@media (max-width: 768px) {
    .feature-image-profile h1 {
        font-size: 16px;
        padding: 10px;
    }
}


/* ============ MAin Wrap ================
============================================= */

@media (max-width: 768px) {
    .mian-wrap {
        margin-top: 0px;
    }
    .mian-wrap .title-bar h3 {
        font-size: 16px;
        padding-top: 10px;
        /*padding-bottom: 11px;*/
    }
    .mian-wrap img {
        width: 100%;
    }
}


/* ============ Logos ================
============================================= */

@media (min-width: 1200px) {
    .logos .col-sm-1 {
        width: 9.3333333%;
        margin-right: 7px;
    }
    .logos-profile .col-sm-2 {
        width: 14.666667%;
        margin-right: 7px;
    }
}


/* ============ Logo ================
============================================= */

@media (max-width: 1199px) {
    .logo {
        margin-top: 50px;
    }
}

@media (max-width: 768px) {
    .logo {
        margin-top: 30px;
    }
}


/* ============ Gallery ================
============================================= */

@media (max-width: 768px) {
    .ngg-gallery-thumbnail img {
          width: 328px;
    }
}


/* ============ Aside ================
============================================= */

@media (max-width: 768px) {
    aside {
        margin-top: 25px;
    }
    aside .category-panel{margin-bottom: 36px;}
}



/* ============ .vedio ================
============================================= */

@media (max-width: 768px) {
    .vedio{
        padding-bottom: 5px;
        background-position: top center;
    }
    .reviews-title{margin-top:25px;}
}



/* ============ Form ================
============================================= */

@media (max-width: 768px) {
    .appointment h2{
       font-size: 24px;
    }
}



/* ============ main-page-title ================
============================================= */

@media (max-width: 768px) {
    .main-page-title h2{
       margin: 0;
    }
    .translate {float: left!important;}
}



/* ============ Faqs ================
============================================= */

@media (max-width: 1200px) {
.panel-group .panel+.panel {margin-top: 8px;}
}



/* Icoms Profile  */


.mian-wrap .title-bar .title-biography {
    background-image: url(images/biography.svg);
    
}

.mian-wrap .title-bar .title-qualifications {
    background-image: url(images/qualifications.png);
    background-size: 19px 24px;
}

.mian-wrap .title-bar .title-membership {
    background-image: url(images/membership-icon.png);
    background-size: 24px 24px;
}

.mian-wrap .title-bar .title-examination {
    background-image: url(images/examiner.svg);
}

.mian-wrap .title-bar .title-apothecaries {
    background-image: url(images/aphotecary-association.svg);
}

.mian-wrap .title-bar .title-volunteering {
    background-image: url(images/voulonteering.svg);
}

.mian-wrap .title-bar .title-research {
    background-image: url(images/research.svg);
}


/* Icoms Services  */

.mian-wrap .title-bar .title-women {
    background-image: url(images/women.svg);
}

.mian-wrap .title-bar .title-children {
    background-image: url(images/children.svg);
}

.mian-wrap .title-bar .title-men {
    background-image: url(images/men.svg);
}


/*  Icoms Procedures  */

.mian-wrap .title-bar .title-urinary {
    background-image: url(images/urinary.svg);
}

.mian-wrap .title-bar .title-prostate {
    background-image: url(images/prostate.svg);
}

.mian-wrap .title-bar .title-genital {
    background-image: url(images/genital.svg);
}


.mian-wrap .title-bar .title-patient {
    background-image: url(images/patient-information.svg);
}

.prostate img {
    float: left;
    margin-right: 30px;
}

.grecaptcha-badge{display: none;}


.page-id-10 footer{margin-top:0!important;}


.carousel-control.left,.carousel-control.right{background:none; text-shadow: none;}




.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -30px;
}


.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -30px;
}


.reviews-text{position:relative;}


.reviews-text:after{
    
    position:absolute;
    content:"\f10d";
    width:10px;
    height:10px;

        top: -4px;
    left: -27px;
    font-family: FontAwesome;
    color:#077ab4;
}




.reviews-text:before{
    
    position:absolute;
    content:"\f10e";
    width:10px;
    height:10px;

        bottom: 0;
    right: -27px;
    font-family: FontAwesome;
    color:#077ab4;
}


.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev{margin-top:3px;
}


/*.fix-height{    height: 400px;}*/




#mg-wprm-wrap li.menu-item-has-children {
    position: relative;
    border-bottom: 1px rgba(255, 255, 255, 0.22) solid;
    padding: 5px;
}


#wprmenu_menu_ul .sub-menu{    background: rgb(19, 110, 156)!important;}

#wprmenu_menu_ul .current-menu-item {
    font-weight: 700;
    list-style-image: none!important;
}




.glyphicon-chevron-left:before{color:#04567f;}
.glyphicon-chevron-right:before{color:#04567f;}


.interests ul li{
    
font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
    background: url(images/dot.png) no-repeat 7px 14px transparent;
    padding: 7px 31px;
   color: rgb(37, 37, 37);
}

.interests ul{margin-bottom:30px;list-style-type: none;list-style-type: none;
    padding-left: 9px;}

.site-name h1{
    font-weight: bold;
    font-size: 26px;
    line-height: 31px;
    color: #04567F;
    margin-bottom: 7px;
}
.site-name h2{
    font-size: 14px;
    line-height: 17px;
    color: #333333;
    margin: 0;
}
.primary-menu{
    background: #04567F;
    margin-top: 30px;
}


.carousel-control .fa-angle-left, .carousel-control .fa-angle-right {
    margin-top: 3px;
}
.carousel-control .fa-angle-left {
    margin-left: -30px;
}
.carousel-control .fa-angle-right {
    margin-right: -30px;
}
@media screen and (min-width: 768px){
.carousel-control .fa-angle-left{
    margin-left: -10px;
}
.carousel-control .fa-angle-right {
    margin-right: -10px;
}
}
@media screen and (min-width: 768px){
.carousel-control .fa-angle-left, .carousel-control .fa-angle-right {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 54px;
}
}
.carousel-control .fa-angle-left {
    left: 25%;
    margin-left: -10px;
}
.carousel-control .fa-angle-right {
    right: 25%;
    margin-right: -10px;
}
.carousel-control .fa-angle-left, .carousel-control .fa-angle-right {
    position: absolute;
    top: calc(50% + 20px);
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
    color: #BDBDBD;
}
.special-links-address {
    font-size: 13px;
    line-height: 16px;
    color: #8D9390;
    margin-top: 4px;
}
.special-links-address i {
    color: #BDBDBD;
    font-size: 14px;
    width: 15px;
    display: table-cell;
}
.special-links-address span {
    display: table-cell;
}
.special .special-links ul li::before{
    content: '';
    width: 48px;
    height: 48px;
    display: inline-block;
    position: absolute;
    left: -55px;
}
.special .special-links ul li:first-child::before{
    background-image: url('./images/bmi.svg');
}
.special .special-links ul li:nth-child(4)::before{
    background-image: url('./images/Bupa.svg');
}
.special .special-links ul li:nth-child(5)::before{
    background-image: url('./images/sec.svg');
}
.owl-nav{
    position: absolute;
    z-index: 111;
    top: calc(50% - 50px);
    width: 100%;
}
.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next{
    position: absolute;
    font-size: 50px;
    color: #dedede;
}
.owl-carousel .owl-nav button.owl-prev:hover,.owl-carousel .owl-nav button.owl-next:hover{
    color: #BDBDBD;
    background: transparent;
}
.owl-prev{
    left: -50px;
}
.owl-next{
    right: -50px;
}

@media only screen and (min-width: 601px){
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-flyout li.mega-menu-item a.mega-menu-link > span.mega-indicator:after {
    content: '\f345';
}
}


.hideme{display:none;padding-left:10px;}

.show {
    cursor: pointer;
}

.goog-te-gadget-simple{max-width:170px;}

.ngg-galleryoverview{min-height:10px!important;}



.ngg-galleryoverview.default-view .ngg-gallery-thumbnail img{
    
    
    
    max-width: 225px!important;
}


.vertical-line img{margin-top:20px;}



.page-template-page-patient .patient ul{
        list-style-type: none;
    padding-left: 9px;
}

.page-template-page-patient .patient ul li {
    position: relative;
    font-size: 15px;
    font-weight: 400;
    color: rgb(37, 37, 37);
    background: url(images/dot.png) no-repeat 7px 14px transparent;
    padding: 7px 31px;
    padding-right: 0;
    line-height: 1.2;
}

.page-template-page-patient .patient ul img{
    margin-top: 20px;
}


.useful-links ul li{
background: none!important;
    padding-left: 3px!important;
}
.useful-links ul li i{
    margin-right: 12px;
}

.location-deatils {
    padding: 40px 0!important;
        padding-top: 35px!important;
}

.mtfloc-content h2{margin-top:0;}

.page-template-page-contact-us .appointment-from{margin-bottom:0;}

#wprmenu_bar{
    width: 60px;
        position: fixed;
}
.wprm-overlay{background: #04567f!important;}







.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{
    
    height: 3px;
}