/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 14px;
    line-height: 1.2;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: none;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

ul, ol {
    padding: 0 0 0 15px;
    margin: 14px 0px;
}

textarea {
    border-style: none;
    border-color: inherit;
    border-width: 0;
    background: #E3E3E3;
    outline: 0;
    color: #6d6f71;
    padding: 10px;
    font-family: 'Museo W01 300';
    font-size: 13px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    }

input[type="submit"] {
    color: white;
    background: #92CBE6;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    padding: 10px;
    border: 0;
    outline: 0;
    font-family: 'Museo W01 300', Georgia, sans-serif;
    font-size: 13px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

input[type="submit"]:hover {
    color: white;
    background: #66B4DB;
}

b, strong {
    font-family: 'Museo W01 500';
    font-weight: normal;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */



/*------------------------------------*\
    MAIN STYLES
\*------------------------------------*/

body {
    background: #B6B7BB;
    color: white;
    font-family: 'Museo W01 300', Georgia, sans-serif;
}

table {
    margin: 20px 0 0 0;
    line-height: 1.4;
}

.content {
    overflow: hidden;
}

.wrapper {
    
}

.container {
    width: 980px;
    margin: 0 auto;
}

.content-container {
    width: 980px;
    margin: 0 auto;
    background: url('../uploads/images/content-bg.gif') repeat-y 0px 0px;
    overflow: hidden;
    color: #6d6f71;
}

    body.patient-registration .content-container,
    body.fullwidth .content-container { background: #FFFFFF; }
    body.home .content-container { background: #EBECEC; }

.content-container h1,
.content-container h2,
.content-container h3,
.content-container h4 {
    margin-bottom: 14px;
}

.content-container h1 { color: #325A96; }
.content-container h2 { color: #297AB0; margin-top: 15px; }
.content-container h3 { color: #4EABD1; margin-top: 15px; }

.content-container p {
    line-height: 1.4;
    margin: 0 0 14px 0;
}

.content-container p:last-child {
    margin-bottom: 0;
}

.content-container ul, .content-container ol { line-height: 1.4; } 

.content-container a {
    color: white;
    text-decoration: underline;
    color: #6D6F71;
    /*kv 16.07.2018 try 300 font-family:'Museo W01 500', sans-serif;*/
    font-family:'Museo W01 300', sans-serif;
    font-weight: normal;
}

.content-container a.unique {
    display: inline-block;
    font-size: 12px;
    margin-bottom: 14px;
}

.content-container a.video {
    display: table-cell;
    vertical-align: middle;
    padding-left: 35px;
    height: 30px;
    font-size: 13px;
    background: url('../uploads/images/ico-video-link.png') no-repeat 0px 0px;
    background-size: 25px 25px;
}

    .lt-ie9 .content-container a.video { background: url('../uploads/images/ico-video-link-ie8.png') no-repeat 0px 0px; }

.content-container a.unique:last-child {

}

.main-content {
    padding: 25px;
    float: left;
    width: 753px;
}

    body.fullwidth .main-content {
        width: 980px;
        float: none;
        margin: 0 auto;
    }

        body.fullwidth .main-content iframe {
            width: 100%;
            height: 557px;
        }

            @-moz-document url-prefix() {
                body.fullwidth .main-content iframe {
                    height: 572px;
                }
            }

.sidebar {
    width: 227px;
    float: left;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Museo W01 300','Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    margin: 0;
    font-weight: normal;
}

h1 {
    font-size: 25px;
}

h2 {
    font-size: 20px;
}

h3 {
   font-size: 18px;
}

h4 {
    font-size: 15px;
}

.mobile-hide {
    display: none;
}

.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin-bottom: 10px;
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.embed-container {
    position: relative; 
    padding-bottom: 56.25%; 
    padding-top: 30px; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
    height: auto;
    margin: 0 0 15px 0;
}

.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
}




/*------------------------------------*\
    HEADER STYLES
\*------------------------------------*/

header.main {
    position: relative;
}

header.top {
    position: absolute;
    width: 100%;
    z-index: 101;
}

header.mobile { display: none; }

.logo {
    float: left;
    margin: 50px 0 0 20px;
}

.logo a {
    background: url('../uploads/images/logo-wide.png') no-repeat 0px 0px;
    width: 275px;
    height: 99px;
    display: block;
    background-size: 100%;
}

.lt-ie9 .logo a { background: url('../uploads/images/logo-wide-ie8.png') no-repeat 0px 0px; }

body.home .logo a {
    background: url('../uploads/images/logo-home.png') no-repeat 0px 0px;
    width: 160px;
    height: 217px;
    background-size: 100%;
}

.lt-ie9 body.home .logo a { 
    background: url('../uploads/images/logo-home-ie8.png') no-repeat 0px 0px;
    width: 160px;
    height: 217px;
}

/*.logo {
    float: left;
    padding: 30px;
}

body.standard .logo,
body.doctor-template .logo {
    padding: 40px 0px 30px 30px;
}

.logo a {
    display: block;
    background:url('../uploads/images/MOG_logo_PMS-2x.png') no-repeat;
    width: 110px;
    height: 110px;
    background-size: 100%;
}

.lt-ie9 .logo a { background:url('../uploads/images/mog-logo-ie.png') no-repeat; }*/


body.standard header.main,
body.doctor-template header.main {
    height: 10px;
    background: url('../uploads/images/standard-header-bg.jpg') 0px 0px no-repeat;
}

/*body.patient-registration header.main,*/
body.doctor-template header.main {
    background: url('../uploads/images/header-bg-nonav.jpg') 0px 0px no-repeat;
}

/*************************************************************************************************/

body.services header.main {
    background: url('../uploads/images/services-header-bg.jpg') 0px 0px no-repeat;
}

body.research header.main {
    background: url('../uploads/images/research-header-bg.jpg') 0px 0px no-repeat;
}

body.locations header.main {
    background: url('../uploads/images/locations-header-bg.jpg') 0px 0px no-repeat;
}

/*************************************************************************************************/



/*------------------------------------*\
    NAV
\*------------------------------------*/


.nav-bg {
    background: url('../uploads/images/main-nav-bg.png') no-repeat 0px 0px;
    height: 36px;
    width: 751px;
    position: absolute;
    top: 30px;
    right: 0px;
    display: none;
}

    body.home .nav-bg { display: block; }
    body.patient-registration .nav-bg { display: none; }

nav {
    float: right;
    margin-top: 30px;
    margin-right: 15px;
}

.lt-ie9 nav {
    margin-top: 30px;
}

nav ul ul {
    display: none;
}

nav ul li:hover > ul {
    display: block;
    width: 200px;
}

nav ul {
    padding: 0;
    list-style: none;
    position: relative;
    margin: 0;
    font-size: 14px;
}
    nav ul:after {
        content: ""; 
        clear: both; 
        display: block;
    }

    nav ul li {
        float: left;
    }
        nav ul li:hover {
            background: #85C2DF;
        }

        nav ul li.last {
            -webkit-border-radius: none !important;
            -moz-border-radius: none !important;
            border-radius: none !important;
        }

        /*nav ul li:last-child {
            display: none;
        }*/

        nav ul li ul li:last-child:hover {
            -moz-border-radius-bottomright: 5px;
            -webkit-border-bottom-right-radius: 5px;
            border-bottom-right-radius: 5px;
            -moz-border-radius-bottomleft: 5px;
            -webkit-border-bottom-left-radius: 5px;
            border-bottom-left-radius: 5px;           
        }




        nav ul li:hover a {
            color: #fff;
        }
        
    nav ul li a {
        display: block; 
        color: white; 
        text-decoration: none;
        padding: 10px 20px;
        font-family: 'Museo W01 500';
    }
            
        
nav ul ul {
    background: #85C2DF;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 0;
    margin: 0;
    position: absolute; 
    top: 100%;
}


nav ul ul li {
    float: none; 
    position: relative;
}
    nav ul ul li a {
        padding: 10px 20px;
        color: #fff;
        background: url('../uploads/images/main-nav-arrow.png') no-repeat -100px 10px;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -ms-transition: all .2s;
        -o-transition: all .2s;
        transition: all .2s;
    }   
        nav ul ul li a:hover {
            background: #85C2DF;
            padding-left: 30px;
            background: url('../uploads/images/main-nav-arrow.png') no-repeat 15px 10px;
        }

        nav ul ul li:last-child a:hover {
            -moz-border-radius-bottomright: 5px;
            -webkit-border-bottom-right-radius: 5px;
            border-bottom-right-radius: 5px;
            -moz-border-radius-bottomleft: 5px;
            -webkit-border-bottom-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }
        
    nav ul ul ul {
        position: absolute; left: 100%; top:0;
    }

/*body.patient-registration nav,*/ body.doctor-template nav { display: none !important; }

/*------------------------------------*\
    RESPONSIVE MENU
\*------------------------------------*/

.mobile-menu { 
    display: none; 
    clear: both; 
    float: left; 
    margin: 0; 
    padding: 0px; 
    background: #E3E3E3; 
    width: 100%; 
    list-style-type: none; 
}

.mobile-menu a, .mobile-menu span { 
    text-decoration: none; 
    color: #a8a9ab; 
    font-family: 'Museo W01 500';
    font-size: 15px;
    padding: 14px 10px 14px 25px; 
    display: block;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    cursor: pointer;
}

.mobile-menu a:hover, .mobile-menu span:hover {
    background: #6d6f71;
    color: #C4C2C2;
}

.mobile-menu li ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: none;
}

.mobile-menu li ul li a {
    padding-left: 40px;
}

.mobile-btn { display: none; }


/*------------------------------------*\
    HOME SLIDER
\*------------------------------------*/

.slider {
    position: relative;
}

#full-width-slider {
  width: 100%;
  color: #000;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 484px;
    height: 350px;
    background: url('../uploads/images/overlay.png') no-repeat;
    z-index: 100;    
}

.coloredBlock {
  padding: 12px;
  background: rgba(255,0,0,0.6);
  color: #FFF;
   width: 200px;
   left: 20%;
   top: 5%;
}
.infoBlock {
  position: absolute;
  top: 30px;
  right: 30px;
  left: auto;
  max-width: 25%;
  padding-bottom: 0;
  background: #FFF;
  background: rgba(255, 255, 255, 0.8);
  overflow: hidden;
  padding: 20px;
}
.infoBlockLeftBlack {
  color: #FFF;
  background: #000;
  background: rgba(0,0,0,0.75);
  left: 30px;
  right: auto;
}
.infoBlock h4 {
  font-size: 20px;
  line-height: 1.2;
  margin: 0;
  padding-bottom: 3px;
}
.infoBlock p {
  font-size: 14px;
  margin: 4px 0 0;
}
.infoBlock a {
  color: #FFF;
  text-decoration: underline;
}
.photosBy {
  position: absolute;
  line-height: 24px;
  font-size: 12px;
  background: #FFF;
  color: #000;
  padding: 0px 10px;
  position: absolute;
  left: 12px;
  bottom: 12px;
  top: auto;
  border-radius: 2px;
  z-index: 25; 
} 
.photosBy a {
  color: #000;
}
.fullWidth {
  max-width: 1400px;
  margin: 0 auto 24px;
}

/*------------------------------------*\
    HOME STYLES
\*------------------------------------*/

.doctors-home .home-clear {
    clear: both;
}

.doctors-home {

}

h1.intro {
    color: #222222; /*6D6F71*/
    font-size: 20px;
    padding: 7px 7px 7px 20px;
    background: #EBECEC;
    font-family: 'Museo W01 100';
    margin: 0;
}

.doctors-home img {
    width: 100%;
    height: auto;
}

.elementhighlight {
    color:#FFF !important;
    font-family: 'Museo W01 500' !important;
    background: #68B8E1 !important;
}

.elementhovered { 
    background-color:#68B8E1 !important; 
    font-family: 'Museo W01 500';
}

.doctors-home a {
    width:134px;
    float:left;
    margin-right: 7px;
    text-decoration: none;
}

    .doctors-home a:nth-child(7n) {
        margin-right: 0;
    }

.doctor {
    cursor:pointer;
}

.doctor .title, .doctor .speciality {
    font-family: 'Museo W01 300';
    font-size: 12px;
    text-align:left;
    padding: 10px 5px;
    color:#222222; /*6D6F71*/
}

.doctor .speciality {
    padding-top: 0;
    font-size: 12px;
    position: absolute;
    width: 134px;
    background: #68B8E1 !important;
    z-index: 100;
    color: white;
    display: none;
}

.sub-content .box {
    float: left;
    width: 33.3%;
    text-align: center;
}

.sub-content .box-1 {
    background: #4EABD1;
    width: 326px;
}

.sub-content .box-2 {
    background: #297AB0;
    width: 328px;
}

.sub-content .box-3 {
    background: #325A96;
    width: 326px;
}

.sub-content .box a {
    color: white;
    text-decoration: none;
    font-family: 'Museo W01 500';
    font-size: 17px;
    padding: 45px;
    display: block;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}


    .sub-content .box a.video-channel {
        background: url('../uploads/images/ico-video-channel-home.png') no-repeat 80px 40px;
        background-size: 25px 25px;
        padding-left: 80px;
    }

        .lt-ie9 .sub-content .box a.video-channel {
            background: url('../uploads/images/ico-video-channel-home-ie8.png') no-repeat 80px 40px;
        }

    .sub-content .box a.new-patient-registration {
        background: url('../uploads/images/ico-new-patient-rego-home.png') no-repeat 40px 35px;
        background-size: 27px 31px;
        padding: 45px 0px 45px 50px;
    }

        .lt-ie9 .sub-content .box a.new-patient-registration {
            background: url('../uploads/images/ico-new-patient-rego-home-ie8.png') no-repeat 40px 35px;
        }


    .sub-content .box a.contact-us, .sub-content .box a.contact-us-mobile {
        background: url('../uploads/images/ico-phone-contact.png') no-repeat 100px center;
        background-size: 20px 25px;
        padding-left: 80px;
    }

        .lt-ie9 .sub-content .box a.contact-us, .lt-ie9 .sub-content .box a.contact-us-mobile {
            background: url('../uploads/images/ico-phone-contact-ie8.png') no-repeat 100px center;
        }


    .sub-content .box a.contact-us-mobile {
        display: none;
    }

/*.sub-content .box a:hover {
    background: #E3E3E3;
    color: #a8a9ab;
}*/



/*------------------------------------*\
    GENERIC TEMPLATE STYLES
\*------------------------------------*/

.standard-mog-hero {
    position: absolute;
    top: 52px;
    left: 160px;
    width: 165px;
    font-size: 26px;
    line-height: 1.2;
    text-decoration: none;
    color: #FFF;
}

#quicklinks {
    list-style: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
    line-height: 1.2;
}

#quicklinks li a {
    display: block;
    padding: 20px 20px 20px 55px;
    text-decoration: none;
    color: #939596;
    font-size: 13px;
    border-bottom: 1px solid #FFF;
    font-family: 'Museo W01 500';

    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -ms-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
}

#quicklinks li a:hover {
    color: #C4C2C2;
}

#quicklinks li a#home { 
    background: url('../uploads/images/ico-home.png') no-repeat 10px 12px; 
    background-size: 33px; 
}

    .lt-ie9 #quicklinks li a#home { 
        background: url('../uploads/images/ico-home-ie8.png') no-repeat 10px 12px; 
    }

        #quicklinks li a#home:hover { 
            background: #6d6f71 url('../uploads/images/ico-home.png') no-repeat 10px -38px; 
            background-size: 33px; 
        }
        
        .lt-ie9 #quicklinks li a#home:hover { 
            background: #6d6f71 url('../uploads/images/ico-home-ie8.png') no-repeat 10px -38px; 
        }

#quicklinks li a#contact { 
    background: url('../uploads/images/ico-phone.png') no-repeat 15px 14px; 
    background-size: 24px; 
}

    .lt-ie9 #quicklinks li a#contact { 
        background: url('../uploads/images/ico-phone-ie8.png') no-repeat 15px 14px; 
    }

        #quicklinks li a#contact:hover { 
            background: #6d6f71 url('../uploads/images/ico-phone.png') no-repeat 15px -38px; 
            background-size: 24px; 
        }
        
        .lt-ie9 #quicklinks li a#contact:hover { 
            background: #6d6f71 url('../uploads/images/ico-phone-ie8.png') no-repeat 15px -38px; 
        }


#quicklinks li a#email { 
    background: url('../uploads/images/ico-email.png') no-repeat 12px 18px; 
    background-size: 31px; 
}

    .lt-ie9 #quicklinks li a#email { 
        background: url('../uploads/images/ico-email-ie8.png') no-repeat 12px 18px;
    }

        #quicklinks li a#email:hover { 
            background: #6d6f71 url('../uploads/images/ico-email.png') no-repeat 12px -43px;
            background-size: 31px; 
        }
        
        .lt-ie9 #quicklinks li a#email:hover { 
            background: #6d6f71 url('../uploads/images/ico-email-ie8.png') no-repeat 12px -43px;
        }


#quicklinks li a#new-patient { 
    background: url('../uploads/images/ico-new-patient.png') no-repeat 6px 5px; 
    background-size: 33px; 
}

    .lt-ie9 #quicklinks li a#new-patient { 
        background: url('../uploads/images/ico-new-patient-ie8.png') no-repeat 5px 5px; 
    }  

        #quicklinks li a#new-patient:hover { 
            background: #6d6f71 url('../uploads/images/ico-new-patient.png') no-repeat 6px -54px; 
            background-size: 33px;
        }

            .lt-ie9 #quicklinks li a#new-patient:hover { 
                background: #6d6f71 url('../uploads/images/ico-new-patient-ie8.png') no-repeat 5px -54px; 
            }

#quicklinks li a#make-appt { 
    background: url('../uploads/images/ico-make-appt.png') no-repeat 12px 13px; 
    background-size: 28px; 
}

    .lt-ie9 #quicklinks li a#make-appt { 
        background: url('../uploads/images/ico-make-appt-ie8.png') no-repeat 12px 13px; 
    }    

        #quicklinks li a#make-appt:hover { 
            background: #6d6f71 url('../uploads/images/ico-make-appt.png') no-repeat 12px -38px; 
            background-size: 28px; 
        }

            .lt-ie9 #quicklinks li a#make-appt:hover { 
                background: #6d6f71 url('../uploads/images/ico-make-appt-ie8.png') no-repeat 12px -38px; 
            }

#quicklinks li a#faqs { 
    background: url('../uploads/images/ico-faqs.png') no-repeat 17px 14px; 
    background-size: 20px; 
}

    .lt-ie9 #quicklinks li a#faqs { 
        background: url('../uploads/images/ico-faqs-ie8.png') no-repeat 17px 14px; 
    }

        #quicklinks li a#faqs:hover { 
            background: #6d6f71 url('../uploads/images/ico-faqs.png') no-repeat 17px -37px;
            background-size: 20px;
        }

            .lt-ie9 #quicklinks li a#faqs:hover { 
                background: #6d6f71 url('../uploads/images/ico-faqs-ie8.png') no-repeat 17px -37px; 
            }

#quicklinks li a#video-channel { 
    background: url('../uploads/images/ico-video-channel.png') no-repeat 12px 13px; 
    background-size: 30px; 
}

    .lt-ie9 #quicklinks li a#video-channel { 
        background: url('../uploads/images/ico-video-channel-ie8.png') no-repeat 12px 14px; 
    }

        #quicklinks li a#video-channel:hover { 
            background: #6d6f71 url('../uploads/images/ico-video-channel.png') no-repeat 12px -37px; 
            background-size: 30px; 
        }

            .lt-ie9 #quicklinks li a#video-channel:hover { 
                background: #6d6f71 url('../uploads/images/ico-video-channel-ie8.png') no-repeat 12px -37px; 
            }


#fracs { display: block; padding: 15px 10px; border-bottom: 1px solid #FFF;}


/*------------------------------------*\
    INDIVIDUAL DOCTOR TEMPLATE
\*------------------------------------*/


.doctor-content {
    float: left;
    width: 753px;
}

.doctor-menu ul {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background: #EFEFEF;
    overflow: hidden;
    line-height: 1.4;
}

.doctor-menu ul li {
    float: left;
}

.doctor-menu ul li a {
    text-decoration: none;
    color: #939598;
    font-size: 13px;
    font-family: 'Museo W01 500';
    padding: 10px 15px;
    display: inline-block;
    border-right: 1px solid #939598;
}

.doctor-menu ul li a:hover,
.doctor-menu ul li a.current {
    color: #6d6e71;
}

.doctor-content .doctor-image {
    float: left;
    /*height: 300px;*/
    overflow: hidden;
}

.doctor-content .doctor-image img {
    width: 100%;
    height: auto;
}

.doctor-content .doctor-info {
    padding: 30px 45px 0 40px;
    color: #939598;
    font-size: 22px;
    float: left;
}

.doctor-content .doctor-info .basic-info {
    margin-bottom: 20px;
}

.doctor-content .doctor-info .doctor-phone {
    display: inline-block;
    margin-bottom: 28px;
    color: #939598;
    text-decoration: none;
}

.doctor-content .doctor-info .social {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.doctor-content .doctor-info .social li {
    float: left;
    margin-right: 15px;
}

.doctor-content .doctor-info .social li a {
    display: table-cell;
    height: 37px;
    font-size: 13px;
    vertical-align: middle;
    padding-left: 45px;
}

.doctor-content .doctor-info .social li a.facebook {
    background: url('../uploads/images/ico-doctor-facebook.png') no-repeat 0px 0px;
}

.doctor-content .doctor-info .social li a.twitter {
    background: url('../uploads/images/ico-doctor-twitter.png') no-repeat 0px 0px;
}

.doctor-content .doctor-info .social li a.youtube {
    /*background: url('../uploads/images/ico-doctor-youtube.png') no-repeat 0px 0px;*/
    height: auto;
    padding-left: 0;
}

.doctor-content .doctor-main {
    clear: both;
    padding: 25px;
}


/*------------------------------------*\
    LOCATION PAGE
\*------------------------------------*/

.location-container h2 { margin-bottom: 0; margin-top: 5px; }

.location-container .location {
    margin: 1em 0;
    padding: 10px;
    background: #E3E3E3;
}

.location-container .location h2 {
    color: #6d6f71;
    margin-bottom: 14px;
    margin-top: 0;
}

.location-container .location p {
    margin-bottom: 0;
}

.location-container a {
    text-decoration: underline;
    color: #6d6f71;
}

.location-container a:hover {
    
}

.location-container .location .location-map-container {
    margin: 1em 0 0 0;
    width: 100%;
    height: auto;
}

.location-container .location iframe {
    width: 100%;
}

/*------------------------------------*\
    FAQS ACCORDION
\*------------------------------------*/

.faqs { width: 100%; }
.faqs h1.accord-header { color: #6d6f71; background: none; padding: 0; margin: 0 0 10px 0 !important; text-decoration: underline;}
.faqs .accord-content p { margin: 0 0 20px 0; }



/*------------------------------------*\
    CONTACT US PAGE
\*------------------------------------*/

.contact-us h2 {
    margin: 20px 0;
}

a.contact-us-phone {
    text-decoration: none;
    color: #297AB0;
    font-weight: normal;
    font-family: 'Museo W01 300';
}


/*------------------------------------*\
    FOOTER
\*------------------------------------*/

footer {
    width: 980px;
    margin: 0 auto;
    background: #FEFEFE;
    padding: 10px;
}

footer .column {
    width: 140px;
    float: left;
    border-top: 1px solid #3e3838;
    border-right: 1px solid #3e3838;
    border-bottom: 1px solid #3e3838;
    padding: 10px;
    min-height: 230px;
}

footer .column.large {
    width: 180px;
    border-left: 1px solid #3e3838;
}

footer .desc ul { margin-left: 15px; list-style: disc; margin-top: 10px; }

footer .desc ul li {

}

footer .column:last-child {
    margin-right: 0;
    border-right: 1px solid #3e3838;
}

footer h5 {
    margin-bottom: 20px;
    font-weight: normal;
    font-family: 'Museo W01 500';
    font-size: 13px;
}

footer p {
    margin: 20px 0 0 0;
    font-size: 12px;
}

footer ul {
    list-style-type: none;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 12px;
}

footer ul li {
    margin: 5px 0px;
}

footer ul li a {
    color: white;
    text-decoration: none;
    position: relative;
    top: 0;
    left: 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

footer ul li a:hover {
    text-decoration: underline;
}

footer ul li a:active {
    position: relative;
    top: 1px;
    left: 0px;
}

/* FOOTER SEO */

footer .desc a { color: white; text-decoration: none; font-size: 12px; display: block; margin-top: 10px; }
footer .desc a:hover { text-decoration: underline; }
footer .desc a:active { position: relative; top: 1px; left: 0px; }



/*------------------------------------*\
    MEMBERS SECTION
\*------------------------------------*/

/* Login Page */

#loginform label.login-label, span.fp-label, span.cs-label {
    display: inline-block;
    width: 100px;
    font-size: 13px;
}

#loginform input[type="text"],
#loginform input[type="password"] {
    width: 300px;
}

/* Forgotten Password */

p.error { background: #F2DEDE; padding: 10px; color: #ff5757; }
p.success { background: #DFF0D8; padding: 10px; color: #5c9943; }


/* Change Settings */

.change-settings #cntnt01feu_input_firstname,
.change-settings #cntnt01feu_input_surname,
.change-settings #cntnt01feu_input_phone { width: 307px; }

/* Logout Template */

.change-settings-link { margin-right: 10px; }



/* Members Area */

.members-area .news-categories {
    list-style: none;
    list-style-type: none;
    margin: 0 0 20px 0;
    padding: 0;
    background: #EFEFEF;
    overflow: hidden;
    line-height: 1.4;
}

    .members-area .news-categories li {
        float: left;
    }

        .members-area .news-categories li a {
            text-decoration: none;
            color: #939598;
            font-size: 13px;
            font-family: 'Museo W01 500';
            padding: 10px 15px;
            display: inline-block;
            border-right: 1px solid #FFF;
        }

            .members-area .news-categories li a:last-child {
                border-right: 0;
            }

            .members-area .news-categories li a:hover {
                color: #6d6e71;
            }

.members-area .NewsSummary {
    background: #E3E3E3;
    padding: 10px;
    margin-bottom: 20px;
}

.members-area .NewsSummary .NewsSummaryMorelink { font-size:13px; margin-top: 10px; }

.members-area .NewsSummary .NewsSummaryPostdate { font-size: 13px; }
.members-area .NewsSummary .NewsSummaryCategory { margin-bottom: 20px; font-size: 13px; }



/* User Directory */

.members-area ul.user-list {
    list-style: none;
    padding: 0;
}

.members-area ul.user-list li {
    padding: 10px;
    background: #E3E3E3;
    margin-bottom: 20px;
}

.members-area ul.user-list li:last-child {
    margin-bottom: 0;
}

/* Detailed News */

#NewsPostDetailSummary { display: none; }
.NewsPostDetailMeta { margin: 20px 0px; }
#NewsPostDetailReturnLink { margin: 20px 0 0 0; }

/* ==========================================================================
   Media Queries
   ========================================================================== */

 /* for IE10 & IE11 Link: limecanvas.com/css-hacks-targeting-ie-10 */
 @media screen (-ms-high-contrast: active), (-ms-high-contrast: none) {
     /* not sure what we need in here, try making the screen wider to start with */
     .container { width: 1102px; }
     .content-container { width: 1102px; background: url('../uploads/images/content-bg.gif') repeat-y -212px 0px; }
      
     body.fullwidth .main-content { width: 1102px; }
           
 }
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

    /************* GENERAL STYLES ***********/

    nav { margin-top: 15px; margin-right: 22px; }

    nav ul li a { padding: 10px; }

    .content-container { width: 768px; background: url('../uploads/images/content-bg.gif') repeat-y -212px 0px; }

    .container { width: 768px; }

    body.fullwidth .main-content { width: 768px; }


    /*------------------------------------*\

        HEADER
    \*------------------------------------*/

    body.standard header.main { background: url('../uploads/images/standard-header-768.jpg') 0px 0px no-repeat; height: 150px; }
    body.doctor-template header.main, body.patient-registration header.main { background: url('../uploads/images/header-768-nonav.jpg') 0px 0px no-repeat; height: 150px; } 
    .logo { margin: 42px 0 0 20px; }
    body.home .logo a { width: 140px; height: 190px; }

    body.home .nav-bg { background-position: 112px 0px; }
    body.standard .nav-bg { display: none; }

    body.standard .logo a, body.doctor-template .logo a { width: 200px; height: 72px; }

    body.services header.main {
        background: url('../uploads/images/services-header-768-bg.jpg') 0px 0px no-repeat;
    }

    body.research header.main {
        background: url('../uploads/images/research-header-bg.jpg') 0px 0px no-repeat;
    }

    body.locations header.main {
        background: url('../uploads/images/locations-header-bg.jpg') 0px 0px no-repeat;
    }



    /*------------------------------------*\
        HOMEPAGE
    \*------------------------------------*/

    .overlay { background: url('../uploads/images/overlay-tablet.png') no-repeat 0px 0px; height: 300px; }

    .nav-bg { top: 15px; right: 0px; background: url('../uploads/images/main-nav-bg-768.png') no-repeat 112px 0px; }

    .royalSlider.heroSlider,
    .royalSlider.heroSlider .rsOverflow {
        height: 300px !important;
    }

    .doctors-home a { width: 102px; margin-right: 9px; min-height: 167px; }
    .doctor .speciality { width: 102px; }

    .sub-content .box a { font-size: 14px; padding: 25px; }

    /************* GENERIC PAGE STYLES *************/

    
    .main-content { width: 541px; padding: 25px; }

    .sub-content .box { width: 256px; }

    .sub-content .box a.video-channel {
        background: url('../uploads/images/ico-video-channel-home.png') no-repeat 60px 30px;
        background-size: 25px 25px;
        padding: 35px 0px 35px 35px;
    }

    .sub-content .box a.new-patient-registration {
        background: url('../uploads/images/ico-new-patient-rego-home.png') no-repeat 25px 25px;
        background-size: 27px 31px;
        padding: 35px 0px 35px 45px;
    }

    .sub-content .box a.contact-us, .sub-content .box a.contact-us-mobile {
        background: url('../uploads/images/ico-phone-contact.png') no-repeat 75px center;
        background-size: 20px 25px;
        padding: 35px 0px 35px 30px;
    }

    .sub-content .box a.contact-us-mobile { display: none; }


    /*------------------------------------*\
        MEMBERS SECTION
    \*------------------------------------*/

    .forgotten-password .cms_textfield { width: 391px; }

    
    /*------------------------------------*\
        DOCTOR PAGE
    \*------------------------------------*/

    .doctor-content { width: 541px; }
    .doctor-content .doctor-image { width: 270px; }
    .doctor-content .doctor-info { font-size: 19px; width: 271px; padding: 50px 20px 0 20px; }
    .doctor-content .doctor-main { padding: 25px; }


    /************* FOOTER ***********/    

    footer {
        width: 768px;
        padding: 25px;
    }

    footer .column.large { width: 140px; }
    footer .column { width: 115px; min-height: 263px; }

}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

    /*------------------------------------*\
        HEADER
    \*------------------------------------*/

    body.standard header.main, body.doctor-template header.main { background: url('../uploads/images/standard-header-480.jpg') 0px 0px no-repeat; height: 100px; }

    nav { display: none !important; }
    .logo { margin: 0; padding: 15px 0 7px 25px; }
    .logo a { width: 198px; height: 78px; }
    .mobile-btn {
        background: url('../uploads/images/mobile-menu.png');
        width: 25px;
        height: 25px;
        float: right;
        -webkit-background-size: cover;
        background-size: cover;
        position: relative;
        top: 35px;
        right: 25px;
        display: block;
        cursor: pointer;
    }

    .doctor-menu ul li a {
        font-size: 15px;
        padding: 14px 15px;
    }

    body.home header.main { display: none; }
    body.home header.mobile { 
        display: block; 
        background: url('../uploads/images/standard-header-480.jpg') 0px 0px no-repeat;
        height: 100px; 
    }

    body.home .logo a {
        width: 198px;
        height: 78px;
        background: url('../uploads/images/logo-wide.png') no-repeat 0px 0px;
        -webkit-background-size: 100%;
        background-size: 100%;
    }

    body.standard .nav-bg { display: none; }


    /************* GENERAL STYLES ***********/

    .content-container { width: 480px; background: #FFF; }
    body.fullwidth .main-content { width: 480px; }
    .container { width: 480px; }
    .sidebar { background: #e3e3e3; }

    #quicklinks li a { padding-left: 70px; }
    #quicklinks li a#home { background-position: 22px 12px; }
    #quicklinks li a#home:hover { background-position: 22px -38px; }
    #quicklinks li a#contact { background-position: 25px 14px; }
    #quicklinks li a#contact:hover { background-position: 25px -38px; }
    #quicklinks li a#email { background-position: 23px 18px; }
    #quicklinks li a#email:hover { background-position: 23px -43px; }
    #quicklinks li a#new-patient { background-position: 18px 5px; }
    #quicklinks li a#new-patient:hover { background-position: 18px -54px; }
    #quicklinks li a#make-appt { background-position: 25px 13px; }
    #quicklinks li a#make-appt:hover { background-position: 25px -38px; }
    #quicklinks li a#faqs { background-position: 25px 14px; }
    #quicklinks li a#faqs:hover { background-position: 25px 14px; }
    #quicklinks li a#video-channel { background-position: 20px 13px; }
    #quicklinks li a#video-channel:hover { background-position: 20px 13px; }
    #fracs { padding-left: 25px; }

    .mobile-hide { display: block; }

    /************* HOMEPAGE *************/

    .slider { display: none; }
    .doctors-home a { width: 50%; margin-right: 0; }
    .doctors-home a:nth-child(2n+1) { clear: left; }
    .doctors-home .home-clear { clear: none; }

    

    body.fullwidth iframe { display: none; }

    .doctor .speciality { width: 240px; }

    .sub-content .box { width: 160px; }

    .sub-content .box a { font-size: 12px; padding: 27px 0; }

    .sub-content .box a.video-channel {
        background: url('../uploads/images/ico-video-channel-home.png') no-repeat 25px 22px;
        background-size: 25px 25px;
        padding: 28px 0px 28px 45px;
    }

    .sub-content .box a.new-patient-registration {
        background: url('../uploads/images/ico-new-patient-rego-home.png') no-repeat 20px 16px;
        background-size: 27px 31px;
        padding: 21px 0px 21px 40px;
    }

    .sub-content .box a.contact-us, .sub-content .box a.contact-us-mobile {
        background: url('../uploads/images/ico-phone-contact.png') no-repeat 35px center;
        background-size: 20px 25px;
        padding: 28px 0px 28px 30px;
    }

    .sub-content .box a.contact-us-mobile { display: none; }

    /************* GENERIC PAGE STYLES *************/
    
    .main-content { width: 100%; padding: 25px; }
    .sidebar { width: 100%; height: auto !important; }
    .patient-reg-container { width: 100%; padding: 25px; margin: 0; }


    /*------------------------------------*\
        MEMBERS SECTION
    \*------------------------------------*/

    #loginform input[type="text"], #loginform input[type="password"] { width: 100%; }
    .forgotten-password .cms_textfield { width: 100%; }


    /*------------------------------------*\
        DOCTOR PAGE
    \*------------------------------------*/

    .doctor-menu { display: none; }
    .doctor-menu ul li { float: none; }
    .doctor-menu ul li a { display: block; border-right: 0; }
    .doctor-content { width: 100%; }
    .doctor-content .doctor-image { width: 209px; height: auto; }
    .doctor-content .doctor-info { font-size: 19px; width: 271px; padding: 20px 10px 0 20px; }
    .doctor-content .doctor-info .basic-info { margin-bottom: 10px; }
    .doctor-content .doctor-info .doctor-phone { margin-bottom: 11px; }
    .doctor-content .doctor-main { padding: 25px; }



    /************* FOOTER ***********/

    footer { width: 100%; padding: 25px; }
    footer .column { width: 100%; min-height: inherit; border-right: 1px solid #3e3838; border-bottom: 0; border-left: 1px solid #3e3838;}
    footer .column.large { width: 100%; }
    footer .column:last-child { border-bottom: 1px solid #3e3838; }

}
 
/* Landscape phones and down */
@media (max-width: 480px) {

    /*------------------------------------*\
        GENERAL
    \*------------------------------------*/

    h1 { font-size: 23px; }

    .container { width: 320px; }

    .content-container { width: 320px; }

    body.fullwidth .main-content { width: 320px; }

    .logo a { width: 47px; }

    .main-content { width: 100%; padding: 25px; }

    .sidebar { width: 100%; height: auto !important; }

    .patient-reg-container { width: 100%; padding: 25px; margin: 0; }

    input[type="submit"], input[type="button"] { width: 100%; }


    /*------------------------------------*\
        HEADER
    \*------------------------------------*/

    body.standard header.main, body.doctor-template header.main { background: url('../uploads/images/standard-header-mobile.jpg') 0px 0px no-repeat; height: 65px; }

    body.home header.mobile { background: url('../uploads/images/standard-header-mobile.jpg') 0px 0px no-repeat; height: 65px; }

    body.home .logo a { width: 140px; height: 50px; }

    .logo { margin: 8px 0 0 25px; height: 57px; padding: 0; }
    .logo a { width: 140px; height: 50px; }
    .mobile-btn { top: 20px; right: 25px; }


    /*------------------------------------*\
        HOMEPAGE
    \*------------------------------------*/

    
    .doctor .speciality { width: 160px; }
    .sub-content .box { float: none; width: 100%; }
    .sub-content .box a { font-size: 16px; }
    .sub-content .box a.video-channel { background-position: 85px center; padding: 28px 0px 28px 40px; }
    .sub-content .box a.new-patient-registration { background-position: 42px 17px; padding: 28px 0px 28px 36px; }
    .sub-content .box a.contact-us, .sub-content .box a.contact-us-mobile { background-position: 100px center; padding: 28px 0px 28px 25px; }
    .sub-content .box a.contact-us { display: none; }
    .sub-content .box a.contact-us-mobile { display: block; }
    .sub-content .box-1 { display: none; }

    /*------------------------------------*\
        DOCTOR PAGE
    \*------------------------------------*/

    .doctor-content {  }
    .doctor-content .doctor-image { width: 100%; height: auto; }
    .doctor-content .doctor-info { padding: 25px 25px 0 25px; width: 100%; }

    /*------------------------------------*\
        FOOTER
    \*------------------------------------*/

    footer { width: 320px;  padding: 25px;}
    footer .column { border-right: 1px solid #3e3838 !important; }
    footer .column.large { width: 100%; border-right: 0; }


    .change-settings input {
        width: 100% !important;
    }

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
   /* kv 19.08.2015 trying to stop wrapping in IE11
        display: table;*/
   display:inline-block; 
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
