@font-face {
    font-family: 'texgyreadventorregular';
    src: url('texgyreadventor-regular-webfont.eot');
    src: url('texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('texgyreadventor-regular-webfont.woff') format('woff'),
    url('texgyreadventor-regular-webfont.ttf') format('truetype'),
    url('texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
    color: #333333;
    font-size: 14px;
    background-color: #F4F1FC;
    font-family: 'texgyreadventorregular';
}
h1 {
    color: #472E8D;
    font-size: 26px;
    margin-bottom: 16px;
}
    h2 {
        font-size: 22px;
        margin-bottom: 16px;
    }
        h3 {
            font-size: 18px;
            margin-bottom: 16px;
        }
            .sub-heading {
                font-size: 16px;
                margin-bottom: 14px;
            }
.para {
    line-height: 24px;
    margin-bottom: 22px;
}
    a:link, a:visited {
        color: #8e5cca;
        text-decoration: none;
    }
        a:hover, a:active, a:focus {
            color: #472e8d;
            text-decoration: none;
        }
            .img-right {
                float: right;
                width: 50%;
                margin: 5px 0 15px 15px;
            }
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
/*Top Icon Menu*/
.header-top-icons {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}
    .header-menu-mobile {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
        .header-menu-mobile li {
            height: 60px;
            width: 19%;
            float: left;
            display: block;
            text-align: center;
        }
            .header-menu-mobile li a {
                height: 60px;
                width: 100%;
                display: block;
                text-indent: -9999px;
            }
                .header-menu-mobile li.menu {
                    border-right: 1px solid #FFFFFF;
                    background: url(../images/mobile/menu_icon.png) no-repeat center center;
                }
                    .header-menu-mobile li.call {
                        border-left: 1px solid #696C53;
                        border-right: 1px solid #FFFFFF;
                        background: url(../images/mobile/call_icon.png) no-repeat center center;
                    }
                        .header-menu-mobile li.appointment {
                            border-left: 1px solid #696C53;
                            border-right: 1px solid #FFFFFF;
                            background: url(../images/mobile/appointment_icon.png) no-repeat center center;
                        }
                            .header-menu-mobile li.contact {
                                border-left: 1px solid #696C53;
                                border-right: 1px solid #FFFFFF;
                                background: url(../images/mobile/contact_icon.png) no-repeat center center;
                            }
                                .header-menu-mobile li.directions {
                                    border-left: 1px solid #696C53;
                                    background: url(../images/mobile/map_icon.png) no-repeat center center;
                                }
#headerBanner {
    width: 100%;
    padding-bottom: 44%;
    border-bottom: 1px solid #A54ECF;
}
    .fadein {
        position: relative;
    }
        .fadein img {
            width: 100%;
            position: absolute;
            left: 0;
            top: 0;
        }
.panel-menu li ul li {
    margin: 10px 0 10px 5px;
}
div.logo-mobile {
    background-size: 100% 100% !important;
    background: url(../images/mobile/logo-bg.jpg) no-repeat center top;
}
div.logo-mobile img {
    width: 100%;
    height: auto;
    margin-top: 6px;
    border-top: 1px solid #A54ECF;
    border-bottom: 1px solid #A54ECF;
}
    .banner-mobile {
        width: 100%;
        height: auto;
        padding: 1px 0;
        border-top: 1px solid #A54ECF;
        border-bottom: 1px solid #A54ECF;
    }
.get-social {
    margin-top: 10px;
    padding-bottom: 4px;
    border: 1px solid #D5A9E9;
}
    .get-social-text, .news-title {
        font-size: 20px;
        color: #472e8d;
        padding-left: 5px;
        margin-bottom: 10px;
        background: #D5A9E9;
        text-shadow: none;
    }
        .get-social-images {
            padding-left: 33%;
        }
            .get-social-images img {
                width: 14%;
                margin-right: 6px;
            }
.news-section {
    margin-top: 25px;
    padding-bottom: 5px;
    border: 1px solid #D5A9E9;
}
   .news-section .news {
        margin-top: 10px;
    }
        .news-image {
            float: left;
            width: 25%;
            padding-left: 12px;
        }
            .news-image img {
                width: 75%;
            }
                .news-link {
                    float: left;
                    width: 60%;
                    padding-left: 10px;
                    line-height: 17px;
                }
.appointment-form-dropdown {
    width: 77%;
    margin: 0 auto;
    margin-top: 20px;
}
.ui-content {
    padding-top: 0;
}

.separator {
    height: 1px;
    background-color: #D0B7EE;
}
.review {
    margin-bottom: 15px;
}
    .review .review-text {
        line-height: 26px;
        padding: 20px 0 0 0;
        margin-bottom: 8px;
    }
        .review .reviewed-by {
            color: #472E8D;
            font-size: 15px;
            letter-spacing: 2px;
            padding-bottom: 15px;
        }
.gyne-services {
    margin: 30px 0 0 0;
}
    .gyne-services .gyne-serv {
        margin-bottom: 20px;
    }
        .gyne-serv .gyne-text {
            float: left;
            width: 45%;
        }
            .gyne-serv .gyne-img {
                float: left;
                width: 40%;
            }
                .gyne-serv1 .gyne-img {
                    /*margin-top: -20px;*/
                }
                    .gyne-serv .gyne-img img {
                        width: 80%;
                    }
                        .gyne-serv1 .gyne-img img {
                            float: left;
                            width: 70%;
                        }
.copyright {
    font-size: 11px;
    text-align: center;
    line-height: 22px;
    padding-top: 15px;
    text-shadow: none;
}
    .copyright a {
        font-size: 11px;
        color: #472e8d !important;
        text-decoration: underline;
    }