@charset "utf-8";

body,
ul {
    margin: 0;
    padding: 0
}

.top_bg .cont,
header {
    background-repeat: no-repeat
}

.bg,
.container,
header {
    width: 100%;
    height: auto
}

.bg,
.container,
.logoh,
header {
    height: auto
}

/* .header_right_bg,
.menu_toggle,
.sc_icon {
    box-sizing: border-box
}

.container,
.menu li,
.top_bg,
header {
    position: relative
}

.menu li,
.menu li a,
.menu li:hover {
    transition: all .5s ease 0s
} */

#fmenu,
.fmenu1,
ul {
    list-style: none
}

.loginbg,
.profile_banner {
    background-attachment: fixed
}

.editpro,
.innre_banner h1,
.joinus a,
.membership .mjoinbtn a,
.membership .mname h2,
.packages_bg h1,
.res_content a h3,
.resourcebg a#moresource,
.searchbtn {
    text-transform: uppercase
}

body {
    overflow-x: hidden;
    font-family: "open sans", sans-serif
}

.top_bg .cont,
.top_bg a.signupin {
    color: #01376f;
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    font-size: 14px
}

body *,
body :hover {
    outline: 0
}

a {
    text-decoration: none
}

.clear {
    clear: both
}

.container {
    margin: 0 auto;
    max-width: 1270px!important;
    padding: 0
}
ul.menu>li {
    padding: 10px 10px!important;
}
/* header {
    background-image: url(../images/topbg.png);
    background-position: right top;
    box-shadow: 0 0 12px rgba(0, 0, 0, .65);
    z-index: 99999999
} */

.logoh {
    float: left;
    margin: 1px 0;
    width: 7.25%
}

/* .header_right_bg {
    float: right;
    height: auto;
    margin: 0;
    width: 90%
} */

.sc_box,
.top_bg,
.top_bg a.topserch {
    height: auto;
    width: auto;
    float: right
}

.top_bg .cont {
    float: right;
    margin: 0 25px 0 0;
    padding: 8px 0 11px 30px;
    background-position: left center
}

.res_imgbox a,
.sc_icon {
    background-position: center center;
    background-repeat: no-repeat
}

.cont_icon1 {
    background-image: url(../images/phoneh.png)
}

.cont_icon2 {
    background-image: url(../images/mailh.png)
}

.top_bg a.signupin {
    float: right;
    margin: 8px 25px 0 0;
    padding: 0 0 11px
}

.top_bg a.signupin:hover {
    color: #fff
}

.top_bg a.topserch {
    border: 1px solid #04244b;
    border-radius: 18px;
    margin: 6px 0 0;
    padding: 5px 6px
}

.sc_box {
    padding-top: 6px
}

.sc_icon {
    border: 1px solid #04244b;
    border-radius: 14px;
    display: block;
    float: right;
    height: 25px;
    margin: 0 0 0 6px;
    padding: 4px 5px;
    width: 25px
}

.sc_icon.sc_icon1 {
    background-image: url(../images/fb_head.png)
}

.sc_icon.sc_icon1:hover {
    background-image: url(../images/fb_head_hvr.png);
    background-color: #04244b
}

.sc_icon.sc_icon2 {
    background-image: url(../images/tw_head.png)
}

.sc_icon.sc_icon2:hover {
    background-image: url(../images/tw_head_hvr.png);
    background-color: #04244b
}

.sc_icon.sc_icon3 {
    background-image: url(../images/g+_head.png)
}

.sc_icon.sc_icon3:hover {
    background-image: url(../images/g+_head_hvr.png);
    background-color: #04244b
}

.menu_toggle {
    display: none;
    margin: 15px auto;
    width: 50px;
    background-color: transparent;
    padding: 7px;
    border-radius: 2px;
    float: right
}

/* ul.menu {
    margin: 12px 0 0
} */

.menu li {
    color: #000;
    display: inline-block;
    font-family: "open sans", sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    border: 1px solid transparent
}

/* .menu li a,
.menu li.active a,
.menu li:hover a {
    color: #013a72
}

.menu li a {
    display: block;
    padding: 7px 14px
} */

/* .drpdwn,
.subdrpdwn {
    border: 1px solid #013a72;
    padding-top: 0;
    position: absolute;
    width: 178px;
    z-index: 9;
    background-color: #fff;
    box-sizing: border-box
} */

/* .menu li:hover {
    border: 1px solid #013a72
} */

.res_content p,
.res_imgbox a,
.res_imgbox a:hover,
.resourcebg .resource:hover {
    transition: all .3s ease 0s
}

/* .menu li.active {
    border: 1px solid #013a72
} */

.drpdwn,
.subdrpdwn {
    display: none
}

.drpdwn li,
.drpdwn li:hover .subdrpdwn,
.menu li:hover .drpdwn {
    display: block
}

.drpdwn {
    left: -1px;
    top: 33px
}

.subdrpdwn {
    left: 172px;
    top: -2px
}

.findhim_bg,
.res_imgbox,
.resourcebg {
    position: relative
}

/* 
.drpdwn li {
    background-color: #fff
}

.drpdwn li:hover {
    border: 1px solid transparent !important;
    background-color: #eee
} */

.findhim_bg {
    background-color: #142a5d;
    height: auto;
    padding: 24px 0;
    text-align: center;
    width: 100%
}

.findhim_bg h3 {
    color: #fff;
    font-size: 25px;
    font-weight: 300;
    margin-bottom: 16px
}

.findhim_bg h3 span {
    font-weight: 500
}

input#searchhim {
    font-size: 14px;
    height: 30px;
    padding: 0 12px;
    width: 45%
}

.searchbtn {
    background-color: #2171b5;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    margin-left: 14px;
    padding: 4px 0;
    width: 12%
}

.findhim_bg p#sch_msg {
    color: #fff;
    display: block;
    font-size: 14px;
    margin-bottom: 4px;
    width: 60%
}

.advsearch {
    color: #89b1d3;
    display: block;
    margin-top: 12px
}

.resourcebg {
    height: auto;
    margin: 0;
    padding: 15px 0;
    width: 100%
}

.resourcebg h2 {
    color: #00376f;
    font-size: 44px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 35px
}

.resourcebg h2 span {
    background-color: #bcbcbc;
    display: block;
    height: 5px;
    margin: 0 auto;
    text-align: center;
    width: 65px
}

.resourcebg .resource {
    float: left;
    height: auto;
    margin: 0 20px;
    position: relative;
    width: 30%
}

.resource2 {
    margin: 0 60px
}

.res_imgbox {
    height: auto;
    max-height: 191px;
    min-height: 191px;
    width: 100%;
    overflow: hidden
}

.res_imgbox img {
    height: 100% !important;
    width: 100% !important
}

.res_imgbox a {
    background-color: #f7f7f7;
    background-image: url(../images/readmoreicon.png);
    border-radius: 2px;
    bottom: 15px;
    display: block;
    height: 32px;
    left: 16px;
    position: absolute;
    width: 55px
}

.res_imgbox a:hover {
    background-color: #013a72;
    background-image: url(../images/readmoreiconhover.png)
}

.res_content {
    box-sizing: border-box;
    height: auto;
    padding: 10px;
    width: 100%
}

.res_content a h3 {
    color: #00376f;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px
}

.res_content span {
    background-color: #c2c2c2;
    display: block;
    height: 6px;
    margin-top: 4px;
    width: 40px
}

.res_content p {
    color: #454545;
    font-size: 16px;
    line-height: 25px;
    min-height: 150px;
    overflow: hidden;
    text-align: justify
}

.resourcebg .resource:hover {
    box-shadow: 0 0 5px #bbb
}

.resourcebg .resource:hover .res_content p {
    color: #013a72;
    transition: all .3s ease 0s
}

.resourcebg a#moresource {
    border: 1px solid #bbb;
    border-radius: 4px;
    color: #142a5d;
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin: 32px auto 20px;
    padding: 8px 0;
    text-align: center;
    width: 16%;
    transition: .5s
}

.directry a,
.directry p {
    color: #fff;
    display: inline-block;
    font-size: 25px
}

.about_bg,
.directry {
    width: 100%;
    height: auto;
    position: relative
}

.resourcebg a#moresource:hover {
    border: 1px solid #142a5d;
    transition: .5s
}

#blogposts .allblog,
#blogposts .allblog:hover,
.directry a,
.directry a:hover,
.joinus a,
.joinus a:hover {
    transition: all .3s ease 0s
}

.directry {
    margin: 0;
    padding: 70px 0;
    background-image: url(../images/directrybg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center
}

.loginform select,
.regform select,
.schange {
    background-image: url(../images/drpdn.png)
}

.directry p {
    font-weight: 300;
    margin-right: 20px
}

.directry a {
    background-color: rgba(0, 0, 0, .25);
    border: 1px solid;
    box-sizing: border-box;
    padding: 12px 22px;
    border-radius: 4px
}

.directry a:hover {
    background-color: #fff;
    color: #094286
}

.schange,
.schanges {
    color: #666 !important;
    display: inline-block !important;
    padding: 8px 4px !important
}

.schange {
    appearance: none !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 20px 8px;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    margin: 0 12px !important;
    min-width: 22% !important
}

.schanges {
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    margin: 0 0 0 12px !important;
    min-width: 15% !important
}

.about_bg {
    margin: 0;
    padding: 15px 0
}

.about_bg h2 {
    color: #00376f;
    font-size: 44px;
    font-weight: 600;
    margin-bottom: 28px;
    text-align: center
}

.about_bg h2 span {
    background-color: #bcbcbc;
    display: block;
    height: 5px;
    margin: 0 auto;
    text-align: center;
    width: 65px
}

.about_bg p {
    color: #00376f;
    font-size: 16px;
    line-height: 25px;
    margin: 0 auto;
    text-align: justify;
    width: 98%
}

.newsnblog_bg {
    width: 100%;
    height: auto;
    position: relative;
    margin: 0;
    padding: 30px 0
}

.newsnblog_bg section#newsndevnts,
section#blogposts {
    float: left;
    width: 50%
}

.newsnblog_bg section h2 {
    color: #0d497c;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 22px;
    text-align: center
}

#newsndevnts .news {
    border: 1px solid #c7c7c7;
    box-sizing: border-box;
    margin: 0 auto;
    min-height: 200px;
    padding: 28px;
    width: 98%
}

.news .newsimg {
    height: 145px;
    margin-bottom: 10px;
    overflow: hidden;
    width: 100%
}

.newsimg img {
    height: auto;
    width: 100%
}

.newscontnt p {
    color: #2b2b2b;
    line-height: 28px;
    text-align: center;
    margin-top: 10px
}

.newscontnt p span {
    color: #095a9e;
    display: block;
    font-size: 20px;
    font-weight: 600
}

.newscontnt {
    color: #2b2b2b;
    line-height: 25px;
    text-align: center
}

.newscontnt a {
    color: #095a9e;
    display: block;
    font-size: 20px;
    font-weight: 600
}

#blogposts .blog {
    border: 1px solid #d7d7d7;
    height: auto;
    padding: 12px;
    width: 80%;
    margin: 0 auto 12px
}

.blog_img {
    float: left;
    height: 93px;
    width: 25%
}

.blogcont {
    float: left;
    margin-left: 12px;
    width: 72%
}

.blogcont a.blogh {
    color: #555;
    font-family: "Roboto Slab", serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px
}

#authr a,
.blog:hover a.blogh {
    color: #2171b5
}

#authrcomnts li {
    display: inline-block;
    width: 48%
}

#authrcomnts li#comnt {
    text-align: right
}

#blogposts .allblog,
.editpro,
.footlogosec a#sitemap,
.joinus,
.loginbg label,
.loginform .loginbtn,
.regsubmt,
.smenu,
footer .footlogosec {
    text-align: center
}

#comnt a {
    background-image: url(../images/blogcmnt.png);
    background-position: left center;
    background-repeat: no-repeat;
    color: #555;
    padding-left: 25px
}

.fsoc,
.joinus,
.loginbg {
    background-position: center center
}

#blogposts .allblog {
    background-color: #2171b5;
    border: 1px solid transparent;
    border-radius: 3px;
    color: #fff;
    display: block;
    font-size: 20px;
    margin: 0 auto;
    padding: 4px 0;
    width: 80%
}

#blogposts .allblog:hover {
    border: 1px solid #2171b5;
    background-color: transparent;
    color: #2171b5
}

.joinus {
    background-image: url(../images/joinn.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    margin: 0;
    padding: 70px 0;
    position: relative;
    width: 100%
}

.joinus p {
    color: #fff;
    display: inline;
    font-size: 38px;
    font-weight: 300
}

.joinus a {
    border: 3px solid #fff;
    color: #fff;
    display: block;
    font-size: 30px;
    line-height: 42px;
    margin: 16px auto 0;
    padding: 8px 0;
    width: 22%
}

.joinus a:hover {
    background-color: #155183;
    border: 3px solid #155183
}

/* footer {
    width: 100%;
    height: auto;
    position: relative;
    margin: 0;
    padding: 15px 0;
    background-color: #155083;
    box-sizing: border-box
} */

.fsoc.fsoc1:hover,
.fsoc.fsoc2:hover,
.fsoc.fsoc3:hover {
    background-color: #fff;
    transition: all .3s ease 0s
}

/* footer .footlogosec {
    float: left;
    margin-top: 30px;
    width: 26%
} */

/* .footlogosec a {
    color: #c8c8c8;
    font-family: "Roboto Slab", sans-serif;
    font-size: 30px
}

.footlogosec a. footer .foo_contacts {
    float: right;
    height: auto;
    margin-top: 30px;
    padding: 0;
    width: 70%
}

.fsoc_icons {
    box-sizing: border-box;
    height: auto;
    margin: 0;
    padding-top: 30px;
    width: auto
} */

/* .fsoc {
    background-repeat: no-repeat;
    border: 1px solid #fff;
    border-radius: 22px;
    display: inline-block;
    height: 35px;
    margin: 0 0 0 6px;
    padding: 4px 5px;
    width: 36px;
    box-sizing: border-box
}

.fsoc.fsoc1 {
    background-image: url(../images/foot_fb.png);
    transition: all .3s ease 0s
}

.fsoc.fsoc1:hover {
    background-image: url(../images/foot_fb_hvr.png)
}

.fsoc.fsoc2 {
    background-image: url(../images/foot_tw.png);
    transition: all .3s ease 0s
}

.fsoc.fsoc2:hover {
    background-image: url(../images/foot_tw_hvr.png)
}

.fsoc.fsoc3 {
    background-image: url(../images/foot_g+.png);
    transition: all .3s ease 0s
}

.fsoc.fsoc3:hover {
    background-image: url(../images/foot_g+_hvr.png)
}

.footlogosec a#sitemap {
    color: #fff;
    display: block;
    font-family: "open sans", sans-serif;
    font-size: 18px;
    margin: 16px 0 0
}

footer .foo_contacts {
    float: right;
    height: auto;
    margin-top: 30px;
    padding: 0;
    width: 63%
} */

#fcontact h4,
#fmenu h4 {
    color: #e7e7e7;
    padding-bottom: 16px;
    border-bottom: 1px solid #e7e7e7;
    font-weight: 500
}

.foo_contacts section#fcontact {
    border-right: 1px solid #4c6788;
    float: left;
    height: auto;
    margin-right: 33px;
    padding-right: 32px;
    width: 36%
}

#fcontact h4 {
    font-size: 20px;
    padding-left: 8px;
    margin: 0
}

#fcontact .cons {
    height: auto;
    margin-top: 8px;
    width: 100%
}

#fcontact span {
    color: #e7e7e7;
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 500;
    margin: 0 0 10px;
    padding: 0 0 0 8px
}

#fmenu {
    float: left;
    width: 52%
}

#fmenu h4 {
    font-size: 20px;
    margin: 0
}

.fmenu1 {
    margin: 8px 0;
    padding: 0
}

.fmenu1 li {
    display: inline-block;
    margin-bottom: 11px;
    margin-right: 4px;
    width: 48%
}

.copyright,
.loginbg {
    width: 100%;
    height: auto
}

.fmenu1 li a {
    color: #93b7d5;
    font-size: 16px
}

.foo_contact2 a {
    color: #e7e7e7
}

.fmenu1 li a:hover {
    color: #fff
}

.copyright {
    background-color: #000
}

.copyright p {
    color: #bbb;
    font-size: 14px;
    margin: 0;
    padding: 8px 0;
    text-align: center
}

.copyright p span {
    color: #1574c4
}

/ *,
:after,
:before {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

.loginbg p {
    margin: 0 0 20px;
    line-height: 1.5
}

.loginbg main {
    min-width: 320px;
    max-width: 680px;
    padding: 80px 50px;
    margin: 0 auto
}

.idpic,
.prpicvw {
    max-width: 210px
}

.loginbg {
    background-image: url(../images/reglogbg.png);
    margin: 0;
    padding: 0;
    position: relative
}

.loginform select,
.regform select {
    background-position: right center;
    background-repeat: no-repeat
}

.loginbg section {
    background-color: #fff;
    border-radius: 0 8px 8px;
    border-top: 1px solid #fff;
    display: none;
    padding: 46px 20px
}

.loginbg input.radiotab {
    display: none
}

.loginbg label {
    background-color: #ececec;
    border-radius: 8px 8px 0 0;
    color: #6a6868;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 -1px;
    padding: 12px 22px
}

.loginbg label:before {
    font-family: fontawesome;
    font-weight: 400;
    margin-right: 10px
}

.loginbg label:hover {
    color: #888;
    cursor: pointer
}

.loginbg input:checked+label {
    background-color: #fff;
    border: none;
    color: #013a72;
    font-weight: 600
}

#tab1:checked~#content1,
#tab2:checked~#content2 {
    display: block
}

@media screen and (max-width:650px) {
    .loginbg label {
        font-size: 16px
    }

    .loginbg label:before {
        margin: 0;
        font-size: 18px
    }
}

@media screen and (max-width:400px) {
    .loginbg label {
        padding: 8px 12px
    }
}

.loginform {
    height: auto;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 70%
}

.loginform input,
.loginform select {
    background-color: #eee;
    box-sizing: border-box;
    font-family: "open sans", sans-serif;
    font-weight: 300;
    height: 40px;
    margin-bottom: 18px;
    font-size: 18px
}

.loginform input {
    border: none;
    border-radius: 4px;
    color: #222;
    padding: 0 14px;
    width: 100%
}

.loginform select {
    border: none;
    border-radius: 4px;
    color: #666;
    padding: 0 20px 0 14px;
    width: 100%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

.loginform .loginbtn {
    background-color: #013a72;
    border-radius: 5px;
    border-color: #013a72;
    color: #fff;
    display: block;
    font-size: 18px;
    padding: 10px 0;
    width: 100%
}

.frgtpswrd {
    color: #989898;
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin-top: 10px
}

.frgtpswrd:hover {
    color: #013a72
}

.regform {
    height: auto;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 90%
}

.regform input,
.regform select {
    background-color: #eee;
    font-size: 18px;
    height: 40px;
    margin: 0 3px 18px;
    width: 95%;
    font-weight: 300;
    box-sizing: border-box;
    font-family: "open sans", sans-serif
}

.regform input {
    border: none;
    border-radius: 4px;
    color: #222;
    padding: 0 14px
}

.regform select {
    border: none;
    border-radius: 4px;
    color: #666;
    padding: 0 20px 0 14px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    display: block
}

.tandcch {
    color: #989898;
    font-weight: 300;
    margin: 0 auto;
    width: 60%
}

.tandccheck {
    height: auto !important;
    margin: 5px !important;
    width: auto !important;
    clear: both
}

.regsubmt {
    background-color: #155183;
    border-radius: 5px;
    color: #fff;
    display: block;
    margin: 14px auto 0;
    padding: 10px 0;
    width: 50%;
    border: none
}

.profile_banner,
.profile_bg {
    margin: 0;
    padding: 0;
    width: 100%
}

#registration-form .form-group {
    display: block;
    float: left;
    height: auto;
    width: 48%
}

.profile_banner {
    height: 200px;
    background-image: url(../images/reglogbg.png);
    background-position: center;
    position: relative
}

.bannershade {
    background-color: rgba(0, 0, 0, .3);
    bottom: 0;
    height: 60px;
    position: absolute;
    width: 100%
}

.profile_bg {
    box-sizing: border-box;
    height: auto;
    position: relative
}

.profile_bg section#leftmenu {
    float: left;
    height: 100%;
    left: 0;
    position: absolute;
    width: 25%;
    background-image: url(../images/bgver.png);
    background-repeat: repeat-y;
    background-position: center
}

.appointmnt,
.editpro,
.enquiry,
.experience p,
.recomnd,
.specialities p {
    background-repeat: no-repeat
}

.profile_bg section#rightdetails {
    float: right;
    height: auto;
    position: relative;
    width: 75%
}

#leftmenu .prof_pic {
    border: 10px solid #fff;
    border-radius: 110px;
    box-sizing: border-box;
    height: 173px;
    margin: -84px auto 0;
    overflow: hidden;
    position: relative;
    width: 173px!important;
}

#leftmenu .prof_pic2 {
    border: 10px solid #a4fbe5
}

#leftmenu .prof_pic4 {
    border: 10px solid #abe5fd
}

#leftmenu .prof_pic5 {
    border: 10px solid #d9d0fb
}

#leftmenu .prof_pic6 {
    border: 10px solid #fed3d3
}

#leftmenu .prof_pic7 {
    border: 10px solid #fce9c1
}

.prof_pic img {
    display: block;
    height: auto;
    width: 100%
}

.smenu {
    background-color: #ebebeb;
    border-radius: 5px;
    box-shadow: 0 0 8px #aaa;
    height: auto;
    margin: 16px auto 0;
    padding: 8px;
    width: 95%
}

#sideinnrmnu li,
#sidemenu li.acco.activee,
#sidemenu li:hover,
#sidemenu ul#sideinnrmnu {
    background-color: #51175A
}

.sidebarFixed {
    left: 118px !important;
    position: sticky !important;
    top: 0 !important;
    width: 98% !important
}

#sidemenu li {
    border-radius: 0;
    color: #18427a;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    transition: .4s
}

.smenu #sidemenu li a {
    color: #18427a;
    display: block;
    padding: 8px 0;
    transition: .4s;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
}

#sidemenu li#lastone {
    margin: 0
}

#sidemenu li:hover {
    transition: .4s
}

#sidemenu li.acco.activee a {
    font-weight: 600;
    color: #fff
}

.smenu #sidemenu li:hover a {
    color: #fff;
    transition: .4s
}

#sidemenu ul#sideinnrmnu {
    border-radius: 0 0 4px 4px;
    display: none
}

#sideinnrmnu li {
    border-radius: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
    transition: .2s;
}

.editpro,
.namnbtns a,
.prctc {
    border-radius: 4px
}

#sideinnrmnu li a {
    color: #fff !important;
    display: block !important;
    font-weight: 500 !important
}

#sideinnrmnu li:hover {
    border-top: 3px solid #fff;
    transition: .2s
}

.namnbtns {
    margin: -54px 0 0
}

.namnbtns h2 {
    color: #fff;
    float: left;
    font-size: 28px;
    font-weight: 500;
    line-height: 25px;
    margin: 0
}

.namnbtns span {
    display: block;
    font-size: 16px;
    line-height: 30px
}

.namnbtns a {
    background-color: #f9f9f9;
    color: #919293;
    float: right;
    margin: 6px;
    padding: 8px 18px 8px 35px
}

.recomnd {
    background-image: url(../images/recmnd.png);
    background-position: 14px center
}

.recomnd:hover {
    background-image: url(../images/recmnd_hvr.png);
    color: #4f78bd
}

.enquiry {
    background-image: url(../images/enquiry.png);
    background-position: 8px center
}

.enquiry:hover {
    background-image: url(../images/enquiry_hvr.png);
    color: #4f78bd
}

.appointmnt {
    background-image: url(../images/apnmnt.png);
    background-position: 14px center
}

.appointmnt:hover {
    background-image: url(../images/apnmnt_hvr.png);
    color: #4f78bd
}

.edu_pro {
    margin-top: 6px
}

.edu_pro p {
    color: #7d7d7d;
    float: left
}

.edu_pro p span {
    display: block
}

.editpro {
    background-color: #3e6aa4;
    background-image: url(../images/editpro.png);
    background-position: 26px center;
    color: #fff;
    float: right;
    padding: 8px 0;
    width: 20%;
    margin-top: 3px
}

.abt_pro,
.experience {
    padding: 30px;
    background-color: #eee
}

.abt_pro {
    margin: 10px 0 25px 15px;
}
section#rightdetails > br {
    display: none;
}

.abt_pro p {
    color: #414141;
    font-size: 14px;
    line-height: 25px;
    text-align: justify
}

.experience p,
.procedur p,
.specialities p {
    line-height: 25px;
    text-align: left
}

.abt_pro h3 {
    color: #1e4982;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px
}

.experience {
    margin: 0 0 25px 16px
}

.experience p {
    background-image: url(../images/experience.png);
    background-position: 2px center;
    color: #414141;
    font-size: 14px;
    padding-left: 28px
}

.expertise p,
.specialities p {
    background-image: url(../images/separatr.png);
    background-position: 4px center
}

.experience h3 {
    color: #1e4982;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px
}

.specialities {
    background-color: #eee;
    margin: 0 0 25px 16px;
    padding: 30px
}

.specialities p {
    color: #414141;
    display: inline-block;
    font-size: 14px;
    padding-left: 18px
}

.expertise,
.procedur {
    padding: 30px;
    background-color: #eee
}

.specialities h3 {
    color: #1e4982;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px
}

.procedur {
    margin: 0 0 25px 16px
}

.procedur p {
    color: #414141;
    display: inline-block;
    font-size: 14px
}

.procedur h3 {
    color: #1e4982;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px
}

.expertise {
    margin: 0 0 25px 16px
}

.expertise p {
    background-repeat: no-repeat;
    color: #414141;
    display: block;
    font-size: 14px;
    line-height: 25px;
    padding-left: 18px;
    text-align: left
}

.education p,
.proregn p {
    background-position: 2px center;
    background-repeat: no-repeat;
    text-align: left;
    line-height: 25px
}

.expertise h3 {
    color: #1e4982;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px
}

.education {
    background-color: #eee;
    margin: 0 0 25px 16px;
    padding: 30px
}

.education p {
    background-image: url(../images/eductn.png);
    color: #414141;
    font-size: 14px;
    padding-left: 28px
}

.education h3,
.practce h3,
.proregn h3 {
    color: #1e4982;
    font-size: 20px;
    font-weight: 600
}

.education h3 {
    margin-bottom: 10px
}

.prctc {
    background-color: #fff;
    float: left;
    margin: 0 33px;
    padding: 10px 0;
    width: 36%
}

.practce,
.proregn {
    background-color: #eee;
    padding: 30px
}

.practce {
    margin: 0 0 25px 16px
}

.practce h3 {
    margin-bottom: 10px
}

.proregn {
    margin: 0 0 25px 16px
}

.proregn h3 {
    margin-bottom: 10px
}

.proregn p {
    background-image: url(../images/member.png);
    color: #414141;
    font-size: 14px;
    padding-left: 28px
}

.hsptallogo {
    border-radius: 60px;
    box-shadow: 0 0 6px #bbb;
    float: left;
    height: 90px;
    margin-left: -37px;
    overflow: hidden;
    width: 29%
}

.hsptallogo img {
    height: auto;
    width: 100%
}

.hsptlcont {
    float: left;
    margin-left: 12px;
    margin-top: 6px;
    width: 70%
}

.hsptlcont p {
    color: #1e4982;
    font-size: 16px;
    margin: 0 0 6px
}

.hsptlcont p span {
    font-weight: 600
}

.hsptlcont a {
    background-color: #3e6aa4;
    border-radius: 4px;
    color: #fff;
    display: block;
    padding: 5px 0;
    text-align: center;
    width: 80%
}

.achieve {
    background-color: #eee;
    margin: 0 0 25px 16px;
    padding: 30px
}

.tabs,
.tabs nav {
    background: #fff
}

.achieve h3 {
    color: #1e4982;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px
}

.tabs {
    margin: 30px 0 0;
    position: relative;
    width: 100%;
}

.tabs nav {
    align-items: stretch;
    color: #1e4982;
    display: flex;
    flex-wrap: wrap;
    width: 24%
}

.tabs nav a {
    background-color: #d5d5d5;
    cursor: pointer;
    margin: 1px 0;
    padding: 12px 0;
    text-align: center;
    width: 100%
}

.tabs nav a.selected,
.tabs nav a:hover {
    background: #1e4982;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2)
}

.tabs .content {
    color: #6c5d5d;
    height: 100%;
    left: 215px;
    opacity: 0;
    overflow: hidden;
    padding: 20px 0;
    position: absolute;
    top: 0;
    transition: opacity .1s linear 0s;
    width: 0
}

.tabs .content.visible {
    opacity: 1;
    overflow-y: auto;
    padding: 20px;
    width: 76%;
}

.tabs .content p {
    margin-bottom: 2px;
    padding-left: 18px;
    background-image: url(../images/separatr.png);
    background-repeat: no-repeat;
    background-position: 4px center
}

.innre_banner,
.packages_bg {
    background-attachment: fixed;
    background-image: url(../images/reglogbg.png)
}

.tabs .content p:last-of-type {
    padding-bottom: 0
}

.innre_banner {
    height: 150px;
    width: 100%;
    background-color: rgba(0, 0, 0, .38);
    background-position: center;
    margin: 0;
    padding: 0;
    position: relative
}

.innre_banner .dark {
    background-color: rgba(0, 0, 0, .28);
    display: block;
    height: 100%;
    width: 100%
}

.inresources,
.inresources .resource,
.resdetails_bg {
    height: auto;
    position: relative
}

.innre_banner h1 {
    color: #fff;
    font-size: 32px;
    font-weight: 600;
    position: absolute;
    top: 95px
}

.inresources {
    margin: 0;
    padding: 40px 0;
    width: 100%
}

.inresources .resource {
    border: 1px solid #ddd;
    float: left;
    margin: 0 20px 25px;
    width: 30%
}

.psychologist .resource2 {
    background-color: #a4fbe5
}

.psychologist .resource4 {
    background-color: #abe5fd
}

.psychologist .resource5 {
    background-color: #d9d0fb
}

.psychologist .resource6 {
    background-color: #fed3d3
}

.psychologist .resource7 {
    background-color: #fce9c1
}

.inresources .resource:hover {
    box-shadow: 0 0 5px #bbb;
    transition: all .3s ease 0s
}

.inresources .resource:hover .res_content p {
    color: #013a72;
    transition: all .3s ease 0s
}

.resdetails_bg {
    margin: 0;
    padding: 42px 0;
    width: 100%
}

.detailimg {
    border-radius: 12px;
    display: block;
    float: none;
    height: 306px;
    margin: 0 auto 18px;
    overflow: hidden;
    position: relative;
    width: 94%
}

.detailimg h3.detailheader {
    background-color: rgba(9, 78, 136, .8);
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 14px 16px;
    position: absolute;
    width: 100%;
    z-index: 9999
}

.detailimg img {
    height: auto;
    width: 100%
}

.resdetails_con {
    background-color: #dae5f2;
    border-radius: 13px;
    box-sizing: unset;
    float: none;
    height: auto;
    margin: 0 auto;
    padding: 25px;
    width: 90%
}

.resdetails_con .imgg {
    float: left;
    height: auto;
    margin-right: 20px;
    min-height: 190px;
    width: 32%
}

.packages,
.packages_bg,
.resdetails_con .imgg img {
    width: 100%;
    height: auto
}

.resdetails_con p {
    color: #0a3c66;
    line-height: 25px;
    margin-bottom: 10px;
    text-align: justify;
    font-size: 14px
}

.packages_bg {
    background-position: center center;
    margin: 0;
    padding: 0;
    position: relative
}

.darkbg {
    background-color: rgba(0, 0, 0, .2);
    padding: 36px 0 40px
}

.packages_bg h1 {
    color: #fff;
    margin: 0 0 28px;
    text-align: center
}

.packages {
    margin: 0;
    padding: 0;
    position: relative
}

.packages section.membership {
    float: left;
    height: auto;
    margin: 0 12px;
    text-align: center;
    width: 18%;
    border-radius: 18px
}

.membership .mname {
    border-radius: 18px 18px 0 0;
    padding: 10px
}

.membership .mname h2 {
    color: #fff;
    font-size: 22px;
    font-weight: 300;
    margin: 0;
    padding: 8px 0 16px;
    min-height: 114px
}

.membership .mname span {
    background-color: #fff;
    border-radius: 10px;
    color: #023870;
    display: block;
    font-size: 27px;
    font-weight: 700;
    margin: 0 auto;
    padding: 2px 0;
    width: 80%
}

.membership .mcon {
    padding: 15px 10px;
    margin: 0;
    color: #fff;
    min-height: 152px
}

.membership .mcon p {
    background-image: url(../images/packagetick.png);
    background-position: center top;
    background-repeat: no-repeat;
    font-size: 14px;
    margin: 0;
    padding: 46px 0 0
}

.membership1 .mname {
    background-color: #023870
}

.membership1 .mcon1 {
    background-color: #024489
}

.membership1 .mcon2 {
    background-color: #0353a6
}

.membership1 .mcon3 {
    background-color: #0269d3
}

.membership1 .mjoinbtn a {
    background-color: #024489
}

.membership .mjoinbtn {
    background-color: #fff;
    border-radius: 0 0 18px 18px;
    padding: 40px 0
}

.membership .mjoinbtn a {
    border-radius: 12px;
    color: #fff;
    display: block;
    font-size: 26px;
    margin: 0 auto;
    padding: 8px 0;
    width: 80%;
    transition: .4s
}

.membership .mjoinbtn a:hover {
    box-shadow: 0 0 15px #555;
    transition: .4s
}

.membership2 .mname {
    background-color: #022470
}

.membership2 .mcon1 {
    background-color: #022e8f
}

.membership2 .mcon2 {
    background-color: #0236aa
}

.membership2 .mcon3 {
    background-color: #0243d3
}

.membership2 .mjoinbtn a {
    background-color: #022e8f
}

.membership3 .mname {
    background-color: #170270
}

.membership3 .mcon1 {
    background-color: #1d0291
}

.membership3 .mcon2 {
    background-color: #2303ac
}

.membership3 .mcon3 {
    background-color: #2b03d4
}

.membership3 .mjoinbtn a {
    background-color: #1d0291
}

.membership4 .mname {
    background-color: #260270
}

.membership4 .mcon1 {
    background-color: #320391
}

.membership4 .mcon2 {
    background-color: #3c03af
}

.membership4 .mcon3 {
    background-color: #4804d2
}

.membership4 .mjoinbtn a {
    background-color: #320391
}

.membership5 .mname {
    background-color: #41197d
}

.membership5 .mcon1 {
    background-color: #52219c
}

.membership5 .mcon2 {
    background-color: #5d20b8
}

.membership5 .mcon3 {
    background-color: #691ed8
}

.membership5 .mjoinbtn a {
    background-color: #52219c
}

.packages section.membership:hover {
    box-shadow: 0 0 12px #333;
    transition: .3s
}

.innre_banner h1.editico {
    padding-left: 40px;
    background-image: url(../images/proedit.png);
    background-repeat: no-repeat;
    background-position: center left
}

.editforms section#prfpicedit {
    float: left;
    height: 100%;
    padding: 32px 0;
    position: absolute;
    text-align: center;
    width: 22%;
    background-image: url(../images/bgver.png);
    background-position: center center;
    background-repeat: repeat-y
}

.adfld,
.imageuplod,
.maindetails,
.personal {
    position: relative
}

.editforms section#othrdtledit {
    float: right;
    position: relative;
    margin-left: 42px;
    width: 75%;
    padding: 25px 0
}

.imageuplod {
    height: auto;
    margin-bottom: 35px;
    width: 100%
}

.prpicvw {
    float: left;
    height: 210px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    width: 28%
}

.imageuplod .uploadsec {
    float: left;
    margin-left: 22px;
    padding: 40px 0;
    width: 62%
}

.personal h2,
.prpicvw img {
    height: auto;
    width: 100%
}

#othrdtledit button#OpenImgUpload {
    background-color: #075eaa;
    background-image: url(../images/camera.png);
    background-position: 38px center;
    background-repeat: no-repeat;
    border: none;
    border-radius: 3px;
    color: #e0eefa;
    font-size: 14px;
    margin: 12px 0 18px;
    padding: 6px 40px 6px 60px
}

.maindetails h2,
.personal h2 {
    border-bottom: 1px solid #ddd;
    font-size: 24px;
    color: #4b4b4b;
    font-weight: 500
}

.personal h2 {
    margin-bottom: 16px;
    padding-bottom: 6px;
    padding-left: 8px
}

.personalform select {
    border: 1px solid #ddd;
    border-radius: 3px;
    margin: 0 5px 9px;
    padding: 8px 10px;
    text-align: left;
    width: 48%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.maindetails,
.maindetails h2,
.personal {
    height: auto;
    width: 100%
}

.personal {
    margin-bottom: 35px
}

.maindetails {
    margin-bottom: 22px
}

.maindetails h2 {
    margin-bottom: 16px;
    padding-bottom: 6px;
    padding-left: 8px
}

.personalform input {
    border: 1px solid #ddd;
    border-radius: 3px;
    font-size: 14px;
    margin: 0 5px 9px;
    padding: 8px 10px;
    text-align: left;
    width: 48%;
    display: inline-block
}

textarea.aboutslf {
    border: 1px solid #ddd;
    border-radius: 3px;
    box-sizing: border-box;
    font-family: "open sans", sans-serif;
    font-size: 14px;
    height: 130px;
    margin: 0 5px 24px;
    padding: 12px;
    text-align: justify;
    width: 97%
}

.adfld input,
.prcticeinf input {
    border: 1px solid #ddd;
    text-align: left
}

.adfld input {
    border-radius: 3px;
    font-size: 14px;
    margin: 0 5px 22px;
    padding: 8px 10px;
    width: 97%
}

.adfld {
    display: inline-block;
    height: auto;
    width: 49%
}

.achievmnts .adfld a,
.adfld a {
    background-image: url(../images/addbuttn.png);
    background-repeat: no-repeat;
    position: absolute;
    right: 15px
}

.adfld a {
    display: block;
    height: 24px;
    top: 5px;
    width: 26px
}

.prcticeinf {
    background-color: #d8d8d8;
    height: auto;
    padding: 10px;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 24px
}

.prcticeinf h2 {
    color: #4b4b4b;
    font-size: 22px;
    font-weight: 500;
    height: auto;
    margin-bottom: 16px;
    padding-bottom: 6px;
    padding-left: 8px;
    width: 100%
}

.prcticeinf input {
    background-color: #fff;
    border-radius: 5px;
    color: #7c7c7c;
    font-size: 14px;
    margin: 0 5px 12px;
    padding: 8px 10px;
    width: 97%
}

.prctcleft {
    display: inline-block;
    height: auto;
    width: 50%
}

.prcticeinf .cladress {
    border: 1px solid #ddd;
    border-radius: 5px;
    display: inline-block;
    font-family: "open sans", sans-serif;
    font-size: 14px;
    height: 90px;
    margin-bottom: -7px;
    padding: 10px;
    width: 48%
}

.achievmnts h2 {
    color: #4b4b4b;
    font-size: 22px;
    font-weight: 500;
    height: auto;
    margin-bottom: 16px;
    padding-bottom: 6px;
    padding-left: 8px;
    width: 100%
}

.adfld span {
    color: #9c9b9b;
    display: block;
    margin-bottom: 6px;
    margin-left: 6px
}

.achievmnts .adfld a {
    display: block;
    height: 24px;
    top: 33px;
    width: 26px
}

.achievmnts .adfld {
    padding-left: 4px
}

.submitsection {
    border-top: 1px solid #ddd;
    margin-top: 22px;
    padding: 27px 0;
    text-align: center;
    width: 100%
}

.submitsection a#canceledit,
.submitsection a#save {
    border-radius: 5px;
    color: #fff;
    margin: 0 8px;
    padding: 8px 45px
}

.submitsection a#save {
    background-color: #075eaa
}

.submitsection a#canceledit {
    background-color: #17b36b
}

.memberdr_bg {
    height: auto;
    margin: 0;
    padding: 20px 0;
    position: relative;
    width: 100%
}

.sortby {
    background-color: #f1f1f1;
    margin: 0 auto;
    padding: 20px 8px;
    width: 98%
}

.sortby h3 {
    background-image: url(../images/sortbg.png);
    background-position: 20px center;
    background-repeat: no-repeat;
    color: #7c7c7c;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
    padding-left: 48px
}

.codeofc li,
.resdetails_con p.western,
.termofu li {
    background-position: left 7px;
    background-repeat: no-repeat
}

.memberslist {
    margin: 0 auto;
    padding: 25px 0;
    position: relative;
    width: 98%
}

.memberslist .member {
    box-shadow: 0 0 5px #bbb;
    display: block;
    float: left;
    height: auto;
    margin: 0 16px 32px;
    position: relative;
    transition: all .4s ease 0s;
    width: 17%
}

.can:hover,
.member:hover {
    box-shadow: 0 0 15px #aaa
}

.memberdr_bg .memberslist .member2 {
    background-color: #a4fbe5
}

.memberdr_bg .memberslist .member4 {
    background-color: #abe5fd
}

.memberdr_bg .memberslist .member5 {
    background-color: #d9d0fb
}

.memberdr_bg .memberslist .member6 {
    background-color: #fed3d3
}

.memberdr_bg .memberslist .member7 {
    background-color: #fce9c1
}

.member .mmberimg {
    height: 240px;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%
}

.mmberimg img {
    height: 100% !important;
    width: 100% !important
}

.mmberimg h3 {
    background-color: rgba(255, 255, 255, .76);
    bottom: 0;
    color: #2b2b2b;
    font-size: 18px;
    font-weight: 600;
    padding: 3px 0 3px 6px;
    position: absolute;
    text-align: left;
    width: 100%;
    transition: .3s;
    min-height: 54px;
    height: 54px;
    overflow: auto
}

.member p {
    color: #3e3e3e;
    font-size: 14px;
    font-weight: 500;
    padding: 3px 6px;
    transition: .3s;
    min-height: 63px
}

.member a#mmbrenqry,
.member a#viwmmbrprfl {
    float: left;
    font-size: 14px;
    text-transform: uppercase;
    padding: 8px 0;
    text-align: center
}

.member p span {
    display: block;
    font-weight: 300
}

.member a#viwmmbrprfl {
    background-color: #e4e2e2;
    color: #555;
    display: block;
    width: 100%;
    transition: .4s
}

.member a#mmbrenqry {
    background-color: #d2d2d2;
    color: #4c4c4c;
    display: inline-block;
    width: 40%;
    transition: .4s
}

.member:hover {
    transition: .4s
}

.member:hover .mmberimg h3 {
    color: 53662;
    transition: .3s
}

.member:hover p {
    color: #053662;
    transition: .3s
}

.member:hover a#viwmmbrprfl {
    background-color: #50dbb9;
    color: #166954;
    transition: .4s
}

.member:hover a#mmbrenqry {
    background-color: #3bb496;
    color: #fff;
    transition: .2s
}

.can .incan {
    height: auto;
    min-height: 390px;
    padding: 10px;
    position: relative
}

.can2 .incan {
    background-color: #a4fbe5
}

.can4 .incan {
    background-color: #abe5fd
}

.can5 .incan {
    background-color: #d9d0fb
}

.can6 .incan {
    background-color: #fed3d3
}

.can7 .incan {
    background-color: #fce9c1
}

.canimg {
    border-radius: 150px;
    height: 242px;
    min-width: 242px;
    overflow: hidden;
    width: 100%
}

.incan h2 {
    color: #555;
    font-size: 20px;
    font-weight: 600;
    max-height: 70px;
    min-height: 70px;
    overflow: hidden;
    padding: 8px 0;
    text-align: center;
    transition: all .4s ease 0s
}

.incan p {
    color: #666;
    font-size: 14px;
    text-align: center;
    transition: .4s;
    min-height: 38px
}

.incan span {
    background-color: #3ae0b7;
    border-radius: 40px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin: 6px auto 0;
    min-height: 52px;
    padding: 7px 15px;
    text-align: center;
    width: 95%
}

.can a#canqrypro,
.can a#canvwpro {
    border-top: 1px solid #eee;
    font-size: 14px;
    padding: 10px 0;
    display: block;
    text-align: center;
    float: left;
    text-transform: uppercase
}

.can a#canvwpro {
    color: #3784d0;
    width: 100%
}

.can a#canqrypro {
    background-color: #f8f7f7;
    border-left: 1px solid #eee;
    color: #2872bb;
    width: 40%
}

.can:hover {
    transition: .4s
}

.can:hover .incan h2,
.can:hover .incan p,
.resource:hover .incan h2,
.resource:hover .incan p {
    color: #053662;
    transition: .4s
}

.can:hover .incan span {
    background-color: #15d4a5;
    transition: .4s
}

.can:hover a#canvwpro {
    background-color: #3784d0;
    color: #fff;
    border-color: #3784d0;
    transition: .4s
}

.can:hover a#canqrypro {
    background-color: #2872bb;
    border-color: #2872bb;
    color: #fff;
    transition: .4s
}

.resdetails_con p span,
.western span {
    color: #00376f;
    font-family: "open sans", sans-serif;
    font-size: 14px !important
}

.resdetails_con p.western {
    background-image: url(../images/dot.png);
    color: #00376f;
    font-size: 15px;
    margin: 0 0 16px;
    padding-left: 24px
}

.resdetails_con .codeofc {
    background-color: #77a7cf;
    border-radius: 8px;
    margin: 10px 0;
    padding: 10px 20px
}

.codeofc li p {
    color: #0b3558 !important
}

.codeofc li {
    background-image: url(../images/dot.png);
    margin-bottom: 4px;
    padding-left: 24px
}

.resdetails_con .termofu,
.resdetails_con .termofuu {
    background-color: #77a7cf;
    border-radius: 8px;
    margin: 10px 0;
    padding: 10px 20px
}

.termofu li,
.termofuu li {
    margin-bottom: 4px;
    font-size: 14px;
    color: #0b3558 !important
}

.termofu li {
    background-image: url(../images/dot.png);
    padding-left: 24px
}

.termofuu li {
    padding-left: 0;
    margin-left: 20px
}

.resdetails_con span strong {
    color: #00376f;
    display: block;
    font-size: 20px;
    margin: 22px 0 8px
}

.resdetails_con p a {
    background-color: #20dc86;
    border-radius: 4px;
    color: #fff;
    display: block;
    margin-top: 10px;
    padding: 7px 0;
    text-align: center;
    width: 16%
}

.assoo {
    margin: 4px 12px;
    padding: 5px 0
}

.assoo li {
    background-image: url(../images/dot.png);
    background-position: left 5px;
    background-repeat: no-repeat;
    color: #0a3c66;
    font-size: 14px;
    margin-bottom: 5px;
    padding-left: 22px
}

#objectvol li,
#termnotdo li,
.code_re_psy li,
.proff li {
    background-position: left 7px;
    background-repeat: no-repeat
}

.proff {
    margin: 0 0 0 12px
}

.proff li {
    background-image: url(../images/dot.png);
    padding-left: 18px;
    color: #666
}

ul#objectvol {
    background-color: #0b5e9e;
    border-radius: 8px;
    padding: 14px 24px
}

#objectvol li p {
    color: #fff;
    font-size: 14px;
    line-height: 22px
}

#objectvol li {
    background-image: url(../images/tickk.png);
    margin-bottom: 10px;
    padding-left: 25px
}

.code_re_psy {
    background-color: #1fab85;
    border-radius: 6px;
    padding: 6px 21px
}

.code_re_psy p span strong {
    color: #fff;
    margin: 12px 0
}

.code_re_psy>p {
    color: #fff
}

.code_re_psy li {
    background-image: url(../images/dot_w.png);
    padding-left: 25px
}

.code_cli_psy,
.code_con_psy {
    border-radius: 6px;
    padding: 6px 21px
}

.code_re_psy li p {
    color: #c0ffee;
    font-size: 15px
}

.code_re_psy p span em strong {
    color: #054f3b;
    font-weight: 600
}

.code_cli_psy {
    background-color: #9b5da2;
    margin-top: 12px
}

.code_cli_psy p span strong {
    color: #fff;
    margin: 12px 0
}

.code_cli_psy>p {
    color: #fff
}

.code_cli_psy p span em strong {
    color: #611f69;
    font-weight: 600
}

.code_con_psy {
    background-color: #bb9d11;
    margin-top: 12px
}

.code_con_psy p span strong {
    color: #fff;
    margin: 12px 0
}

.code_con_psy>p {
    color: #fff
}

.code_con_psy p span em strong {
    color: #5e4f0a;
    font-weight: 600
}

.fees {
    color: #470b8b !important;
    font-size: 26px !important;
    font-weight: 600
}

.resdetails_con.privacy-policy h2,
.resdetails_con.terms-of-use h2 {
    color: #00376f;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 18px
}

.resdetails_con.privacy-policy h3 {
    color: #0a3a6f;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px
}

.resdetails_con p a#mailtoo {
    background-color: transparent;
    color: #0a3c66;
    display: inline;
    font-weight: 700
}

ul#termnotdo {
    background-color: #0b5e9e;
    border-radius: 8px;
    padding: 14px 24px
}

#termnotdo li {
    background-image: url(../images/tickk.png);
    margin-bottom: 10px;
    padding-left: 25px;
    color: #fff;
    font-size: 14px;
    line-height: 22px
}

.exceutives {
    background-color: #eee;
    box-shadow: 0 0 3px #aaa;
    float: left;
    margin: 0 12px 20px;
    width: 31.3%;
    transition: .4s
}

.exceutives .exc_imgbox {
    float: left;
    height: 150px;
    width: 32%
}

.exc_imgbox img {
    height: 100%;
    width: 100%
}

.exceutives .exe_content {
    float: left;
    height: auto;
    margin-left: 10px;
    min-height: 150px;
    width: 65%
}

.exceutives .exe_content h3 {
    color: #333;
    font-size: 18px;
    margin: 10px 0
}

.exe_content p {
    color: #666;
    font-size: 15px;
    line-height: 25px
}

.exceutives:hover {
    box-shadow: 0 0 6px #aaa;
    transition: .4s
}

.exceutives:hover .exe_content h3 {
    color: #0b5da1;
    transition: .4s
}

@media(min-width:250px) and (max-width:1060px) {
    .canimg {
        min-height: auto
    }
}

@media(min-width:250px) and (max-width:1038px) {
    .incan span {
        min-height: 52px
    }
}

@media(min-width:250px) and (max-width:818px) {
    .incan h2 {
        font-size: 16px
    }

    .incan span {
        width: 100%
    }
}

@media(min-width:250px) and (max-width:734px) {
    .incan span {
        border-radius: 40px
    }
}

@media(min-width:250px) and (max-width:1216px) {
    .container {
        width: 98%
    }

    .menu li a {
        padding: 7px 10px
    }
}

/* @media(min-width:250px) and (max-width:1165px) {
    .header_right_bg {
        width: 91%
    }

    .menu li a {
        padding: 7px 8px
    }
} */

@media(min-width:250px) and (max-width:1117px) {
    .menu_toggle {
        display: block;
        position: absolute;
        right: 10px;
        top: 46px;
        margin: 0 auto
    }

    /*ul.menu {
        display: none;
        margin: 0;
        position: absolute;
        right: 0;
        top: 108px;
        text-align: center
    }*/

    .logoh {
        width: 90px
    }

    .menu li {
        background-color: #fff;
        border: none;
        border-radius: 4px;
        display: block;
        margin: 0 0 1px
    }

    .drpdwn,
    .menu li.active {
        border: none
    }

    .drpdwn,
    .subdrpdwn {
        box-sizing: border-box;
        left: 0;
        margin: 0 auto;
        padding-top: 0;
        position: relative;
        top: 0;
        z-index: 9
    }

    .menu li:hover {
        border: none;
        background-color: #00417a;
        color: #fff
    }

    .menu li:hover a {
        color: #fff
    }

    .drpdwn {
        background-color: #eee;
        border-radius: 5px;
        width: 90%
    }

    .drpdwn li,
    .drpdwn li:hover {
        border: none !important
    }

    .drpdwn li a {
        color: #00417a !important
    }

    .drpdwn li:hover {
        background-color: #004685 !important
    }

    .drpdwn li:hover a {
        color: #fff !important
    }

    .subdrpdwn {
        background-color: #fff;
        border: 1px solid #013a72;
        border-radius: 5px;
        width: 96%
    }

    .subdrpdwn li,
    .subdrpdwn li:hover {
        border: none !important
    }

    .drpdwn li .subdrpdwn li a {
        color: #00417a !important
    }

    .subdrpdwn li:hover {
        background-color: #004685 !important
    }

    .drpdwn li .subdrpdwn li:hover a {
        color: #fff !important
    }
}

/* @media(min-width:250px) and (max-width:1037px) {
    .header_right_bg {
        width: 75%
    }
} */

/* @media(min-width:250px) and (max-width:955px) {
    header {
        background-position: 150px top
    }
} */

/* @media(min-width:250px) and (max-width:864px) {
    header {
        background-position: 100px top
    }

    .header_right_bg {
        width: 88%
    }
} */

@media(min-width:250px) and (max-width:782px) {
    .top_bg .cont {
        margin: 0 6px 0 0
    }

    .top_bg a.signupin {
        margin: 8px 6px 0 0
    }

    /* .header_right_bg {
        width: 82%
    } */
}

@media(min-width:250px) and (max-width:720px) {

    .sc_box,
    .top_bg .cont {
        display: none
    }

    /* .header_right_bg .clear {
        clear: none
    } */

    .menu_toggle {
        margin: 15px 15px 10px;
        position: relative;
        right: 0;
        top: 0
    }

    .top_bg a.signupin {
        margin: 22px 6px 0 0
    }

    .top_bg a.signupin:hover {
        color: #bbb
    }

    /* header {
        background-image: none
    } */

    .logoh {
        margin: 0 14px;
        width: 10%
    }

    ul.menu {
        right: 13px;
        top: 75px
    }
}

@media(min-width:250px) and (max-width:516px) {
    .logoh {
        width: 13%
    }

    /* .header_right_bg {
        width: 70%
    } */
}

@media(min-width:250px) and (max-width:408px) {
    .logoh {
        width: 17%
    }
}

@media(min-width:250px) and (max-width:364px) {
    .menu_toggle {
        margin: 8px 15px
    }

    .top_bg a.signupin {
        margin: 14px 6px 0 0
    }

    ul.menu {
        top: 62px
    }
}

@media(min-width:250px) and (max-width:614px) {
    input#searchhim {
        width: 67%
    }

    .searchbtn {
        width: 25%
    }
}

@media(min-width:250px) and (max-width:426px) {
    .findhim_bg h3 {
        font-size: 22px
    }
}

@media(min-width:250px) and (max-width:376px) {
    input#searchhim {
        margin-bottom: 12px;
        width: 88%
    }

    .searchbtn {
        width: 38%
    }
}

@media(min-width:250px) and (max-width:1216px) {
    .resourcebg .resource {
        margin: 0 18px
    }
}

@media(min-width:250px) and (max-width:1118px) {
    .resourcebg .resource {
        margin: 0 16px
    }
}

@media(min-width:250px) and (max-width:996px) {
    .resourcebg .resource {
        margin: 0 15px
    }

    .about_bg p,
    .res_content p {
        font-size: 14px;
        line-height: 22px
    }

    .res_content {
        padding: 6px
    }

    .res_content>h3 {
        font-size: 20px;
        margin-bottom: 6px
    }

    .about_bg h2,
    .resourcebg h2 {
        font-size: 36px;
        margin-bottom: 22px
    }
}

@media(min-width:250px) and (max-width:935px) {
    .resourcebg .resource {
        margin: 0 13px
    }
}

@media(min-width:250px) and (max-width:872px) {
    .res_content>h3 {
        font-size: 18px
    }

    .res_content span {
        background-color: #c2c2c2;
        display: block;
        height: 4px;
        margin-top: 3px;
        width: 40px
    }

    .about_bg p,
    .res_content p {
        line-height: 20px
    }

    .res_imgbox a {
        background-size: 54% auto;
        height: 26px;
        width: 46px
    }
}

@media(min-width:250px) and (max-width:812px) {
    .resourcebg .resource {
        margin: 0 11px
    }

    .res_content>h3 {
        font-size: 17px
    }
}

@media(min-width:250px) and (max-width:690px) {
    .resourcebg .resource {
        margin: 0 10px
    }

    .res_content {
        padding: 4px
    }
}

@media(min-width:250px) and (max-width:628px) {

    .about_bg h2,
    .resourcebg h2 {
        font-size: 34px;
        margin-bottom: 20px
    }

    .resourcebg .resource {
        float: none;
        width: 90%;
        margin: 0 auto 18px
    }

    .res_imgbox a {
        background-size: 60% auto;
        height: 32px;
        width: 55px
    }

    .res_content {
        padding: 8px
    }

    .res_content>h3 {
        font-size: 22px
    }

    .resourcebg a#moresource {
        width: 40%
    }
}

@media(min-width:250px) and (max-width:416px) {
    .resourcebg {
        padding: 10px 0
    }

    .about_bg h2,
    .resourcebg h2 {
        font-size: 30px;
        margin-bottom: 16px
    }

    .res_imgbox a {
        background-size: 56% auto;
        height: 28px;
        width: 48px
    }

    .res_content>h3 {
        font-size: 18px
    }

    .res_content {
        padding: 4px
    }

    .resourcebg a#moresource {
        width: 60%
    }
}

@media(min-width:250px) and (max-width:1007px) {
    .directry {
        padding: 58px 0
    }

    .directry p {
        display: block;
        font-size: 22px;
        margin-bottom: 14px;
        margin-right: 0
    }

    .directry a {
        display: block;
        font-size: 23px;
        margin: 0 auto;
        padding: 6px 0;
        width: 300px
    }
}

@media(min-width:250px) and (max-width:592px) {
    .directry p {
        font-size: 20px
    }

    .directry a {
        font-size: 22px;
        width: 290px
    }

    .directry {
        padding: 40px 0
    }
}

@media(min-width:250px) and (max-width:370px) {
    .directry p {
        font-size: 17px
    }

    .directry a {
        font-size: 18px;
        width: 220px
    }
}

@media(min-width:250px) and (max-width:1166px) {
    #blogposts .blog {
        margin: 0 auto 18px;
        padding: 8px;
        width: 94%
    }

    #blogposts .allblog {
        width: 94%
    }
}

@media(min-width:250px) and (max-width:960px) {
    #blogposts .blog {
        margin: 0 auto 22px;
        padding: 6px;
        width: 100%
    }

    #blogposts .allblog {
        width: 100%
    }
}

@media(min-width:250px) and (max-width:927px) {
    .news .newsimg {
        height: auto;
        margin-bottom: 10px;
        width: 100%
    }
}

@media(min-width:250px) and (max-width:886px) {
    .newsnblog_bg section h2 {
        font-size: 28px;
        margin-bottom: 16px
    }

    .blog_img img {
        height: 100%;
        width: 100%
    }

    .blogcont a.blogh {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 8px
    }
}

@media(min-width:250px) and (max-width:860px) {
    .blogcont {
        float: left;
        margin-left: 12px;
        width: 68%
    }

    #authr a,
    #comnt a,
    .blogcont p {
        font-size: 14px
    }

    .newscontnt a {
        font-size: 18px
    }

    .newscontnt {
        font-size: 15px;
        line-height: 22px
    }
}

@media(min-width:250px) and (max-width:709px) {
    .fslider {
        width: 95% !important
    }

    #newsndevnts .news {
        padding: 14px;
        width: 84%
    }

    #blogposts .blog {
        margin: 0 auto 6px
    }

    .blog_img {
        display: none
    }

    .blogcont {
        width: 100%
    }
}

@media(min-width:250px) and (max-width:576px) {

    .newsnblog_bg section#newsndevnts,
    section#blogposts {
        float: none;
        width: 100%;
        margin-bottom: 8px
    }

    .blog_img {
        height: 115px;
        display: block
    }

    .blogcont {
        width: 70%
    }

    #blogposts .allblog,
    #blogposts .blog {
        width: 86%
    }
}

@media(min-width:250px) and (max-width:446px) {

    #blogposts .allblog,
    #blogposts .blog {
        width: 95%
    }

    .blog_img {
        height: auto
    }
}

@media(min-width:250px) and (max-width:406px) {
    .blogcont a.blogh {
        display: block;
        font-size: 16px
    }

    #authrcomnts li#authr {
        overflow: hidden;
        width: 35%
    }

    #authrcomnts li#comnt {
        text-align: right;
        width: 63%
    }
}

@media(min-width:250px) and (max-width:337px) {
    #authrcomnts li#authr {
        width: 100%
    }

    #authrcomnts li#comnt {
        text-align: left;
        width: 100%
    }
}

@media(min-width:250px) and (max-width:1006px) {
    .joinus p {
        font-size: 30px
    }

    .joinus a {
        font-size: 24px;
        line-height: 28px;
        margin: 16px auto 0;
        width: 20%
    }
}

@media(min-width:250px) and (max-width:780px) {
    .joinus {
        padding: 42px 0
    }

    .joinus p {
        font-size: 25px
    }

    .joinus a {
        font-size: 22px;
        line-height: 22px;
        margin: 16px auto 0;
        width: 24%
    }
}

@media(min-width:250px) and (max-width:628px) {
    .joinus p {
        font-size: 20px
    }

    .joinus a {
        font-size: 18px;
        line-height: 18px;
        margin: 12px auto 0;
        width: 24%
    }
}

@media(min-width:250px) and (max-width:412px) {
    .joinus a {
        width: 38%
    }
}

@media(min-width:250px) and (max-width:1126px) {
    footer .foo_contacts {
        width: 73%
    }
}

@media(min-width:250px) and (max-width:974px) {
    .foo_contacts section#fcontact {
        margin-right: 18px;
        padding-right: 18px
    }

    #fmenu {
        width: 61%
    }
}

@media(min-width:250px) and (max-width:904px) {

    #fcontact span,
    .fmenu1 li a {
        font-size: 14px
    }
}

@media(min-width:250px) and (max-width:854px) {
    #fmenu {
        width: 59%
    }
}

@media(min-width:250px) and (max-width:817px) {
    .footlogosec a {
        font-size: 24px
    }

    footer .footlogosec {
        margin-top: 8px
    }

    .foo_contacts section#fcontact {
        margin-right: 10px;
        padding-right: 6px;
        width: 37%
    }

    #fmenu {
        width: 61%
    }
}

@media(min-width:250px) and (max-width:780px) {
    .foo_contacts section#fcontact {
        border: none
    }

    footer .foo_contacts {
        margin-top: 13px
    }

    #fcontact span {
        margin: 0 0 6px
    }

    #fcontact h4,
    #fmenu h4 {
        font-size: 18px;
        padding-bottom: 8px
    }

    .fmenu1 li {
        margin-bottom: 2px
    }
}

@media(min-width:250px) and (max-width:740px) {
    footer .footlogosec {
        float: none;
        margin: 0 auto;
        width: 100%
    }

    .footlogosec a#b_logo {
        display: block;
        margin: 0 auto;
        width: 43%
    }

    footer .foo_contacts {
        float: none;
        margin: 18px auto 0 !important;
        width: 98%
    }
}

@media(min-width:250px) and (max-width:554px) {

    #fmenu,
    .foo_contacts section#fcontact {
        float: none;
        text-align: center;
        width: 65%
    }

    .foo_contacts section#fcontact {
        margin: 0 auto;
        padding-right: 0
    }

    #fcontact h4 {
        padding-left: 0
    }

    #fcontact span {
        padding: 0
    }

    #fmenu {
        margin: 25px auto 0
    }

    .fmenu1 li {
        margin-right: 0;
        width: 49%
    }
}

@media(min-width:250px) and (max-width:510px) {

    #fmenu,
    .foo_contacts section#fcontact {
        width: 80%
    }

    .copyright p {
        font-size: 12px
    }
}

@media(min-width:250px) and (max-width:418px) {

    #fmenu,
    .foo_contacts section#fcontact {
        width: 90%
    }
}

@media(min-width:250px) and (max-width:374px) {
    .fmenu1 li {
        display: block;
        width: 100%
    }
}

@media(min-width:250px) and (max-width:660px) {
    .regform {
        width: 98%
    }

    .tandcch {
        width: 65%
    }
}

@media(min-width:250px) and (max-width:585px) {
    .loginbg main {
        padding: 75px 25px
    }

    .loginbg section {
        padding: 28px 20px
    }
}

@media(min-width:250px) and (max-width:534px) {

    .regform input,
    .regform select {
        height: 35px;
        margin: 0 3px 13px;
        font-size: 15px
    }

    .loginform input,
    .regform input {
        font-size: 15px
    }

    .tandcch {
        width: 74%
    }

    .regform input {
        padding: 0 14px
    }

    .loginbg section {
        padding: 28px 14px
    }
}

@media(min-width:250px) and (max-width:513px) {

    .regform input,
    .regform select {
        margin: 0 1px 13px
    }
}

@media(min-width:250px) and (max-width:470px) {
    .tandcch {
        width: 80%;
        font-size: 14px
    }
}

@media(min-width:250px) and (max-width:438px) {
    .loginform {
        width: 90%
    }

    .frgtpswrd {
        font-size: 14px
    }
}

@media(min-width:250px) and (max-width:407px) {

    .regform input,
    .regform select {
        margin: 0 0 6px;
        width: 100%
    }

    .loginbg section {
        padding: 18px 14px
    }

    .regform select {
        font-size: 15px;
        height: 35px
    }

    .tandcch {
        width: 100%
    }
}

@media(min-width:250px) and (max-width:346px) {
    .loginbg main {
        padding: 75px 6px
    }
}

@media(min-width:250px) and (max-width:1215px) {
    #leftmenu .prof_pic {
        width: 173px
    }

    .hsptallogo {
        width: 90px
    }

    .hsptlcont {
        width: 78%
    }

    .hsptlcont a {
        width: 92%
    }
}

@media(min-width:250px) and (max-width:1160px) {
    .prctc {
        width: 41%
    }

    .editpro {
        background-position: 14px center
    }
}

@media(min-width:250px) and (max-width:1050px) {
    .prctc {
        margin: 0 25px
    }
}

@media(min-width:250px) and (max-width:1033px) {
    .prctc {
        margin: 0 19px 0 25px;
        width: 43%
    }

    .practce {
        padding: 30px 0 30px 30px
    }
}

@media(min-width:250px) and (max-width:996px) {
    .editpro {
        background-position: 22px center;
        width: 28%
    }

    .tabs .content {
        left: 149px
    }
}

@media(min-width:250px) and (max-width:959px) {
    .tabs .content p {
        background-position: 4px 8px
    }

    .hsptallogo {
        float: none;
        margin: -53px auto 0
    }

    .hsptlcont,
    .hsptlcont a {
        margin: 0 auto
    }

    .hsptlcont {
        float: none;
        text-align: center;
        width: 94%
    }

    .practce h3 {
        margin-bottom: 67px
    }
}

@media(min-width:250px) and (max-width:902px) {

    .appointmnt,
    .enquiry,
    .recomnd {
        background-position: 8px center
    }

    .namnbtns h2 {
        font-size: 24px;
        line-height: 23px;
        margin-left: 10px
    }

    .namnbtns span {
        font-size: 14px;
        line-height: 26px
    }

    .edu_pro p {
        font-size: 14px;
        margin-left: 8px
    }

    .namnbtns a {
        margin: 3px;
        padding: 8px 8px 8px 25px
    }

    .enquiry {
        padding: 8px 8px 8px 35px !important
    }
}

@media(min-width:250px) and (max-width:877px) {
    .prctc {
        margin: 0 12px;
        width: 46%
    }

    .namnbtns {
        margin: -54px 0 0 10px
    }

    .edu_pro {
        margin-left: 12px
    }

    .tabs nav {
        width: 30%
    }

    .tabs .content {
        left: 164px
    }

    .tabs .content.visible {
        width: 72%
    }
}

@media(min-width:250px) and (max-width:840px) {
    .prctc {
        width: 43%
    }

    .namnbtns a {
        font-size: 14px
    }

    .namnbtns {
        margin: -50px 0 0 10px
    }

    .namnbtns h2 {
        font-size: 20px;
        font-weight: 600
    }

    .namnbtns span {
        line-height: 22px
    }

    .abt_pro {
        margin: 30px 0 25px 16px
    }

    .editpro {
        background-position: 14px center
    }
}

@media(min-width:250px) and (max-width:804px) {
    .namnbtns {
        margin: -50px 0 0 20px
    }

    .edu_pro {
        margin-left: 22px
    }
}

@media(min-width:250px) and (max-width:764px) {
    #leftmenu .prof_pic {
        width: 140px;
        height: 140px
    }

    .namnbtns {
        margin: -50px 0 0
    }

    .edu_pro {
        margin-left: 0
    }

    .tabs .content {
        left: 135px
    }

    .tabs {
        margin: 0;
        width: 100%
    }
}

@media(min-width:250px) and (max-width:732px) {
    .bannershade {
        height: 94px
    }

    .namnbtns a {
        padding: 4px 8px 4px 25px;
        float: left
    }

    .enquiry {
        padding: 4px 8px 4px 35px !important
    }

    .namnbtns h2 {
        margin-bottom: 3px;
        float: none
    }

    .namnbtns {
        margin: -84px 0 0
    }

    .appointmnt {
        margin: 3px 3px 3px 10px !important
    }

    .tabs .content {
        left: 152px
    }

    .editpro {
        background-position: 6px center
    }
}

@media(min-width:250px) and (max-width:692px) {
    .edu_pro {
        margin-left: 22px
    }

    .namnbtns {
        margin: -84px 0 0 20px
    }

    .editpro {
        font-size: 14px;
        padding: 6px 9px 6px 25px;
        width: auto
    }

    .tabs nav {
        width: 36%
    }

    .tabs .content.visible {
        width: 68%
    }
}

@media(min-width:250px) and (max-width:644px) {
    .profile_bg section#leftmenu {
        float: none;
        width: 100%;
        height: auto;
        top: 58px;
        background-image: none
    }

    .profile_bg section#rightdetails {
        float: none;
        width: 100%
    }

    .abt_pro {
        margin: 20px 0 25px
    }

    #leftmenu .prof_pic {
        z-index: 9999999
    }

    #leftmenu .smenu {
        position: relative;
        width: 100%;
        z-index: 999999;
        display: none
    }

    .sidebarFixed {
        width: 100% !important
    }

    #sidemenu li {
        float: left;
        height: 50px;
        margin: 3px;
        padding: 5px;
        width: 48%
    }

    #sidemenu li#lastone {
        margin: 3px
    }

    .smenu #sidemenu li a {
        padding: 0 0 5px
    }

    #leftmenu .prof_pic {
        margin: -178px auto 0
    }

    .namnbtns {
        margin: 0;
        text-align: center
    }

    .namnbtns h2 {
        margin-left: 0;
        color: #555;
        text-align: center;
        padding-top: 24px;
        margin-bottom: 12px
    }

    .namnbtns a {
        float: none;
        padding: 4px 8px 4px 25px;
        border: 1px solid #ddd
    }

    .appointmnt {
        margin: 3px !important
    }

    .edu_pro {
        margin-left: 0;
        margin-top: 16px
    }

    .profile_banner {
        height: 165px
    }

    .tabs .content {
        left: 192px
    }
}

@media(min-width:250px) and (max-width:512px) {
    .tabs .content {
        left: 136px
    }

    .achieve,
    .education,
    .experience,
    .expertise,
    .practce,
    .procedur,
    .specialities {
        margin: 0 0 25px
    }
}

@media(min-width:250px) and (max-width:493px) {
    .edu_pro p {
        float: none;
        margin-left: 0;
        text-align: center
    }

    .editpro {
        display: block;
        float: none;
        font-size: 14px;
        margin: 12px auto 0;
        padding: 6px 0;
        width: 45%
    }
}

@media(min-width:250px) and (max-width:470px) {

    .tabs,
    .tabs .content.visible,
    .tabs nav {
        width: 100%
    }

    .tabs {
        height: 309px;
        margin: 0
    }

    .tabs nav {
        align-items: stretch;
        background: #fff;
        color: #1e4982;
        display: flex;
        flex-wrap: wrap
    }

    .tabs nav a {
        cursor: pointer;
        display: block;
        float: none;
        font-size: 14px;
        margin: 0 0 1px;
        padding: 3px 0;
        text-align: center;
        width: 100%
    }

    .tabs .content {
        height: 180px;
        left: 0;
        top: 130px
    }

    .prctc {
        width: 95%;
        margin: 32px 12px
    }

    .practce {
        padding: 30px
    }

    .practce h3 {
        margin-bottom: 30px
    }
}

@media(min-width:250px) and (max-width:440px) {
    .namnbtns a {
        background-image: none;
        border: 1px solid #ddd;
        display: block;
        float: none;
        margin: 0 auto 3px;
        padding: 4px;
        width: 60%
    }

    .appointmnt {
        margin: 0 auto 3px !important
    }

    .enquiry {
        padding: 4px !important
    }
}

@media(min-width:250px) and (max-width:846px) {
    .experience p {
        background-position: 2px 5px
    }

    .expertise p {
        background-position: 4px 10px
    }
}

@media(min-width:250px) and (max-width:454px) {
    .education p {
        background-position: 2px 6px
    }

    .abt_pro,
    .achieve,
    .education,
    .experience,
    .expertise,
    .practce,
    .procedur,
    .specialities {
        padding: 18px
    }
}

@media(min-width:250px) and (max-width:1036px) {
    .resdetails_con {
        margin-left: 30px
    }
}

@media(min-width:250px) and (max-width:781px) {
    .detailimg {
        float: none;
        height: auto;
        margin: 0 auto;
        position: relative;
        width: 77%
    }

    .resdetails_con {
        float: none;
        margin: 16px auto 0;
        width: 77%
    }
}

@media(min-width:250px) and (max-width:630px) {
    .resdetails_bg {
        padding: 25px 0
    }

    .innre_banner h1 {
        font-size: 22px;
        position: relative;
        text-align: center
    }

    .detailimg,
    .resdetails_con {
        width: 96%
    }

    .resdetails_con p {
        font-size: 14px
    }
}

@media(min-width:250px) and (max-width:372px) {
    .innre_banner h1 {
        font-size: 20px
    }
}

@media(min-width:250px) and (max-width:1216px) {
    .inresources .resource {
        margin: 0 18px 18px
    }
}

@media(min-width:250px) and (max-width:1168px) {
    .res_imgbox {
        max-height: 100%;
        min-height: auto
    }

    .inresources .resource {
        min-height: 420px
    }
}

@media(min-width:250px) and (max-width:1136px) {
    .inresources .resource {
        min-height: 428px
    }
}

@media(min-width:250px) and (max-width:1118px) {
    .inresources .resource {
        margin: 0 16px 16px
    }
}

.inresources .resource {
    min-height: auto
}

@media(min-width:250px) and (max-width:996px) {
    .inresources .resource {
        margin: 0 15px 15px;
        min-height: 360px
    }

    .res_content p {
        font-size: 14px;
        line-height: 22px
    }

    .res_content {
        padding: 6px
    }

    .res_content>h3 {
        font-size: 20px;
        margin-bottom: 6px
    }

    .inresources h2 {
        font-size: 36px;
        margin-bottom: 22px
    }
}

@media(min-width:250px) and (max-width:935px) {
    .inresources .resource {
        margin: 0 13px 15px
    }
}

@media(min-width:250px) and (max-width:884px) {
    .inresources .resource {
        min-height: 380px
    }
}

@media(min-width:250px) and (max-width:872px) {
    .res_content>h3 {
        font-size: 18px
    }

    .res_content span {
        background-color: #c2c2c2;
        display: block;
        height: 4px;
        margin-top: 3px;
        width: 40px
    }

    .res_content p {
        line-height: 20px
    }

    .res_imgbox a {
        background-size: 54% auto;
        height: 26px;
        width: 46px
    }
}

@media(min-width:250px) and (max-width:812px) {
    .inresources .resource {
        margin: 0 11px 13px
    }

    .res_content>h3 {
        font-size: 17px
    }
}

@media(min-width:250px) and (max-width:690px) {
    .inresources .resource {
        margin: 0 10px 12px
    }

    .res_content {
        padding: 4px
    }
}

@media(min-width:250px) and (max-width:628px) {
    .inresources h2 {
        font-size: 34px;
        margin-bottom: 20px
    }

    .inresources .resource {
        float: none;
        width: 90%;
        margin: 0 auto 18px
    }

    .res_imgbox a {
        background-size: 60% auto;
        height: 32px;
        width: 55px
    }

    .res_content {
        padding: 8px
    }

    .res_content>h3 {
        font-size: 22px
    }

    .inresources a#moresource {
        width: 40%
    }
}

@media(min-width:250px) and (max-width:416px) {
    .inresources {
        padding: 10px 0
    }

    .inresources h2 {
        font-size: 30px;
        margin-bottom: 16px
    }

    .res_imgbox a {
        background-size: 56% auto;
        height: 28px;
        width: 48px
    }

    .res_content>h3 {
        font-size: 18px
    }

    .res_content {
        padding: 4px
    }

    .inresources a#moresource {
        width: 60%
    }
}

@media(min-width:250px) and (max-width:1216px) {
    .packages section.membership {
        margin: 0 11px
    }
}

@media(min-width:250px) and (max-width:1139px) {
    .packages section.membership {
        margin: 0 10px
    }
}

@media(min-width:250px) and (max-width:1036px) {
    .membership .mname h2 {
        font-size: 20px;
        padding: 8px 0 4px
    }

    .membership .mjoinbtn a {
        font-size: 22px
    }

    .membership .mjoinbtn {
        padding: 26px 0
    }

    .packages section.membership {
        margin: 0 9px
    }

    .membership .mname span {
        font-size: 22px;
        padding: 5px 0
    }
}

@media(min-width:250px) and (max-width:940px) {
    .membership .mname h2 {
        font-size: 18px
    }

    .packages section.membership {
        margin: 0 8px
    }

    .membership .mname span {
        width: 90%
    }

    .membership .mjoinbtn a {
        font-size: 20px;
        width: 85%
    }
}

@media(min-width:250px) and (max-width:866px) {
    .packages section.membership {
        width: 30%;
        margin: 0 12px 20px;
        float: none;
        display: inline-block
    }

    .membership .mjoinbtn a,
    .membership .mname h2 {
        font-size: 24px
    }

    .packages {
        text-align: center
    }
}

@media(min-width:250px) and (max-width:833px) {
    .packages section.membership {
        width: 28%
    }
}

@media(min-width:250px) and (max-width:722px) {
    .membership .mname h2 {
        font-size: 20px
    }
}

@media(min-width:250px) and (max-width:610px) {
    .packages section.membership {
        width: 30%;
        margin: 0 8px 20px
    }
}

@media(min-width:250px) and (max-width:588px) {
    .packages section.membership {
        width: 29%
    }

    .membership .mname h2 {
        font-size: 18px
    }

    .membership .mjoinbtn a,
    .membership .mname span {
        font-size: 20px
    }
}

@media(min-width:250px) and (max-width:540px) {
    .packages section.membership {
        width: 44%
    }
}

@media(min-width:250px) and (max-width:365px) {
    .packages section.membership {
        width: 70%
    }
}

@media(min-width:250px) and (max-width:904px) {
    .imageuplod {
        margin-bottom: 8px
    }

    .prpicvw {
        width: 32%
    }
}

@media(min-width:250px) and (max-width:832px) {
    .personalform input {
        width: 46%
    }

    .select_style {
        min-width: 46% !important
    }

    textarea.aboutslf {
        width: 94%
    }

    .adfld input {
        margin: 0 0 22px 5px;
        width: 95%
    }

    .adfld {
        width: 48%
    }

    .prcticeinf {
        width: 98%
    }
}

@media(min-width:250px) and (max-width:656px) {
    .prpicvw {
        width: 33%;
        height: 155px
    }

    .imageuplod .uploadsec {
        padding: 26px 0
    }

    .uploadsec p {
        color: #555;
        font-size: 14px
    }
}

@media(min-width:250px) and (max-width:644px) {
    .editforms section#prfpicedit {
        display: none
    }

    .editforms section#othrdtledit {
        float: none;
        margin: 0 auto;
        width: 98%
    }

    .prpicvw {
        width: 26%
    }
}

@media(min-width:250px) and (max-width:630px) {
    .innre_banner h1.editico {
        background-image: none;
        padding-left: 0
    }
}

@media(min-width:250px) and (max-width:495px) {
    .prpicvw {
        width: 34%;
        float: none
    }

    .imageuplod .uploadsec {
        float: none;
        margin: 0 auto;
        text-align: center;
        width: 90%
    }

    .achievmnts h2,
    .maindetails h2,
    .personal h2,
    .prcticeinf h2 {
        padding-left: 0;
        text-align: center
    }
}

@media(min-width:250px) and (max-width:419px) {
    .prpicvw {
        height: 132px;
        width: 132px
    }

    .imageuplod .uploadsec {
        padding: 10px 0
    }

    .adfld input,
    .personalform input,
    .prcticeinf .cladress,
    .prcticeinf input,
    .select_style {
        font-size: 13px !important
    }

    .achievmnts h2,
    .maindetails h2,
    .personal h2,
    .prcticeinf h2 {
        font-size: 20px
    }

    .personalform input {
        display: block;
        width: 98%;
        margin: 0 auto 9px
    }

    .select_style {
        -moz-user-select: none;
        display: block !important;
        min-width: 98% !important;
        margin: 0 auto 9px !important
    }

    .adfld,
    .prctcleft,
    textarea.aboutslf {
        display: block
    }

    textarea.aboutslf {
        width: 98%;
        margin: 0 auto 24px
    }

    .adfld,
    .prctcleft,
    .prcticeinf {
        width: 100%
    }

    .adfld a {
        right: 8px
    }

    .prcticeinf h2 {
        margin-bottom: 6px
    }

    .prcticeinf .cladress {
        display: block;
        margin: 0 auto;
        width: 97%
    }

    .adfld input {
        margin: 0 auto 12px;
        width: 98%
    }
}

#location_chosen,
#places_chosen,
.schange-place {
    -moz-appearance: none !important;
    min-width: 22% !important
}

@media(min-width:250px) and (max-width:1216px) {
    .memberslist .member {
        margin: 0 15px 32px
    }
}

@media(min-width:250px) and (max-width:1168px) {
    .member .mmberimg {
        min-height: auto
    }

    .memberslist .member {
        margin: 0 13px 32px
    }
}

@media(min-width:250px) and (max-width:1030px) {
    .memberslist .member {
        width: 22%;
        margin: 0 12px 32px
    }
}

@media(min-width:250px) and (max-width:953px) {
    .memberslist .member {
        margin: 0 10px 26px
    }
}

@media(min-width:250px) and (max-width:814px) {
    .memberslist .member {
        width: 30%
    }
}

@media(min-width:250px) and (max-width:724px) {
    .memberslist .member {
        margin: 0 12px 26px;
        width: 29%
    }

    .mmberimg h3 {
        font-size: 16px
    }
}

@media(min-width:250px) and (max-width:657px) {
    .memberslist .member {
        margin: 0 10px 26px
    }
}

@media(min-width:250px) and (max-width:601px) {
    .memberslist .member {
        width: 45%
    }

    .sortby h3 {
        background-position: 8px center;
        padding-left: 32px
    }
}

@media(min-width:250px) and (max-width:474px) {
    .memberslist .member {
        width: 44%;
        margin: 0 8px 26px
    }
}

@media(min-width:250px) and (max-width:400px) {
    .member p {
        font-size: 12px
    }

    .member a#mmbrenqry,
    .member a#viwmmbrprfl {
        float: none;
        width: 100%
    }
}

@media(min-width:250px) and (max-width:329px) {
    .memberslist .member {
        width: 95%
    }

    .mmberimg h3 {
        font-size: 18px
    }

    .member p {
        font-size: 14px
    }

    .member a#viwmmbrprfl {
        float: left;
        width: 60%
    }

    .member a#mmbrenqry {
        float: left;
        width: 40%
    }
}

.psychologist .resource {
    border: 10px solid #fff;
    float: left;
    height: auto;
    margin: 0 0 0;
    position: relative;
    width: 25% !important;
    min-height: 530px;
}

.psychologist .resource:hover {
    border: 1px solid #ddd;
    box-shadow: 0 0 8px #aaa
}

.resource:hover #canvwpro {
    background-color: #3784d0;
    border-color: #3784d0;
    color: #fff;
    transition: all .4s ease 0s
}

.psychologist .res_imgbox {
    border-radius: 120px;
    height: 190px;
    margin: 28px auto 0;
    min-height: auto;
    overflow: hidden;
    position: relative;
    width: 190px
}

.psychologist .res_content a h3 {
    color: #00376f;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 6px;
    min-height: 58px;
    text-align: center;
    text-transform: uppercase
}

.psychologist .res_content span {
    background-color: #c2c2c2;
    display: block;
    height: 6px;
    margin: 4px auto 0;
    width: 40px
}

.psychologist .res_content p {
    color: #454545;
    font-size: 14px;
    line-height: 22px;
    max-height: 150px;
    min-height: 150px;
    overflow: auto;
    text-align: justify;
    transition: all .3s ease 0s
}

.psychologist .res_imgbox img {
    height: auto !important;
    width: 100% !important
}

.idpic {
    float: left;
    height: 148px;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    width: 28%
}

.personalproof {
    margin-bottom: 5px !important
}

.psy-details {
    background-color: #3ae0b7 !important;
    border-radius: 20px;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 600;
    margin: 6px auto 0;
    padding: 7px 0;
    text-align: center;
    width: 95% !important
}

.site-error,
a#canvwpro1 {
    width: 100%;
    text-align: center
}

a#canvwpro1 {
    border-top: 1px solid #eee;
    color: #3784d0;
    display: block;
    float: left;
    font-size: 14px;
    padding: 10px 0;
    text-transform: uppercase;
    background-color: #fff;
    transition: .3s
}

.resource:hover .incan a#canvwpro1 {
    background-color: #3784d0;
    color: #fff;
    border-top: 1px solid #3784d0;
    transition: .3s
}

.resource .incan span {
    margin-bottom: 8px;
    min-height: 52px
}

#places_chosen,
.schange-place {
    background-image: url(../images/drpdn.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 20px 8px;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    color: #666 !important;
    margin: 0 12px !important;
    padding: 8px 4px !important
}

#location_chosen .chosen-single,
#places_chosen .chosen-single {
    background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%) padding-box rgba(0, 0, 0, 0);
    color: #444;
    display: block;
    height: 16px;
    line-height: 20px !important;
    overflow: hidden;
    padding: 0 0 0 8px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
    border: none !important;
    box-shadow: none !important
}

#location_chosen {
    background-image: url(../images/drpdn.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 20px 8px;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    color: #666 !important;
    margin: 0 5px !important;
    padding: 8px 4px !important
}

.personal-detail {
    overflow: auto;
    height: 120px
}

#leftmenu .prof_pic8 {
    border: 10px solid #ddfcc1
}

#leftmenu .prof_pic9 {
    border: 10px solid #fcc1ef
}

.psychologist .resource8 {
    background-color: #ddfcc1
}

.psychologist .resource9 {
    background-color: #fcc1ef
}

.memberdr_bg .memberslist .member8 {
    background-color: #ddfcc1
}

.memberdr_bg .memberslist .member9 {
    background-color: #fcc1ef
}

.can8 .incan {
    background-color: #ddfcc1
}

.can9 .incan {
    background-color: #fcc1ef
}

.site-error {
    background-image: url(../images/notfoundbg.png);
    background-position: center center;
    background-repeat: no-repeat;
    height: 441px
}

.site-error h1 {
    -webkit-text-fill-color: #555;
    background: rgba(0, 0, 0, 0) padding-box text;
    display: block;
    font-family: opensans, sans-serif;
    font-size: 42px;
    font-weight: lighter;
    padding: 100px 0 0;
    text-align: center;
    text-transform: uppercase
}

.alert.alert-danger {
    color: #5d5d5d;
    font-size: 22px;
    font-weight: 600;
    margin: 20px 0 10px
}

.site-error p {
    color: #5d5d5d;
    font-size: 20px;
    font-weight: 300;
    margin: 4px 0
}

.form-group.has-error .form-control {
    border-color: #dd4b39;
    box-shadow: none
}

.form-group.has-error .help-block {
    color: #dd4b39
}

/* header.main_header {
    padding: 10px 0;
}

header.main_header .container {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
}

.header_right {
    width: calc(100% - 90px);
    padding: 0 0 0 20px;
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
}

.header_ad {
    width: 1030px;
    height: 70px;
    background-color: #f5f5f5;
} */

.social_icons {
    margin: 15px 0 0 10px;
}

.social_icons li {
    display: inline-block;
}

.social_icons li a {
    display: block;
    width: 30px;
    height: 30px;
    border: solid 2px #033770;
    border-radius: 50%;
    text-align: center;
    color: #033770;
    padding: 5px 0 0;
}








.container,
.menu li {
    position: relative
}

/* .menu li,
.menu li a,
.menu li:hover {
    transition: all .5s ease 0s
} */

#fmenu,
.fmenu1,
ul {
    list-style: none
}

/* ul.menu {
    margin: 12px 0 0
}

.menu li {
    color: #000;
    display: inline-block;
    font-family: "open sans", sans-serif;
    font-size: 13px;
    font-weight: 500;
    margin: 0;
    border: 1px solid transparent
}

.menu li a,
.menu li.active a,
.menu li:hover a {
    color: #013a72
}

.menu li a {
    display: block;
    padding: 7px 10px
} */

.drpdwn,
.subdrpdwn {
    border: 1px solid #013a72;
    padding-top: 0;
    position: absolute;
    width: 178px;
    z-index: 9;
    background-color: #fff;
    box-sizing: border-box
}

/* .menu li:hover {
    border: 1px solid #013a72
} */

.res_content p,
.res_imgbox a,
.res_imgbox a:hover,
.resourcebg .resource:hover {
    transition: all .3s ease 0s
}

.menu li.active {
    border: 1px solid #013a72
}

.drpdwn,
.subdrpdwn {
    display: none
}

/* .drpdwn li,
.drpdwn li:hover .subdrpdwn,
.menu li:hover .drpdwn {
    display: block
} */

.drpdwn {
    left: -1px;
    top: 33px
}

.subdrpdwn {
    left: 172px;
    top: -2px
}

.findhim_bg,
.res_imgbox,
.resourcebg {
    position: relative
}

/* .drpdwn li {
    background-color: #fff
} */

/* .drpdwn li:hover {
    border: 1px solid transparent !important;
    background-color: #eee
} */

header {
    background-image: none !important;
}


.canimg {
    height: auto !important;
    min-width: auto !important;
}




ul {
	padding: 0;
}


.smenu ul#sidemenu {
    padding: 0;
}
ul#sideinnrmnu {
    padding: 0;
}
.smenu {
    background-color: #fff;
    border-radius: 0;
    box-shadow: 0 0 15px #ddd;
    height: auto;
    margin: 15px auto 0;
    padding: 0;
    width: 100%;
}

.smenu ul#sidemenu {
    padding: 25px 0;
}























.cd-gallery .canimg {
    height: 242px !important;
}

.inner_banner {
    background-image: url(../images/innerbanner.png);
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-position: center;
}
.inner_banner:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(25, 0, 38, 0.4);
}
.inner_banner h3 {
    position: relative;
    z-index: 99;
    font-size: 50px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
}
.about_intro {
    padding: 50px 0 15px;
}
.about_intro section {
    width: 50%;
    margin: 0;
	padding: 0;
}
.about_intro_content {
    padding: 35px 50px!important;
    background-color: #F6F6F6;
}
.about_intro_content h3 {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 20px;
}
.about_intro_content p {
    color: #637381;
    font-size: 14px;
    line-height: 25px;
    text-align: justify;
	    margin: 0 0 20px;
}
.about_intro_content {
    display: flex;
    align-items: center;
}
.mp_wrapper {
    padding: 15px 0 50px;
}
.mp_wrapper h2 {
    text-align: center;
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 700;
}
.mp_wrapper p strong {
display:block;
    max-width: 800px;
    text-align: center;
    margin: 25px auto 55px;
    color: #637381;
}
.mp_wrapper section {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
    margin: 25px 0 0;
}
.mp_wrapper section img {
    width: 100%;
}
.mp_wrapper section h5 {
    font-size: 18px;
    margin: 0 0 20px;
}
.mp_wrapper section p {
    color: #606060;
    font-size: 14px;
	text-align: justify;
}
.mp_wrapper section article {
    padding: 25px;
    min-height: 320px;
}






.value_wrapper {
    padding: 0 0 50px;
}
.value_wrapper h2 {
    text-align: center;
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 700;
}
.value_wrapper p strong {
display:block;
    max-width: 800px;
    text-align: center;
    margin: 25px auto 55px;
    color: #637381;
}
.value_wrapper section {
    margin: 25px 0 0;
    padding: 25px;
    border: solid 1px #ddd;
}
.value_wrapper section h5 {
    font-size: 18px;
    margin: 0 0 20px;
}
.value_wrapper section p {
    color: #606060;
    font-size: 14px;
	text-align: justify;
}
.value_wrapper section img {
    margin: 0 0 20px;
}

.service_wrapper section {
    min-height: 340px;
}
.inner_banner h3 {
    text-align: center;
}

.common_wrapper li:before {
    position: absolute;
    left: 0;
    top: 8px;
    content: "";
    background-color: #302635;
    width: 12px;
    height: 12px;
    border-radius: 30px;
}
.common_wrapper {
    margin: 0 0 80px;
}
.common_wrapper li {
    margin: 20px 0 0;
    padding: 0 0 0 30px;
    position: relative;
}

.type_content article a {
    background-color: #51175A;
    display: inline-block;
    padding: 15px 40px;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}











.about_intro a {
    background-color: #51175A;
    display: inline-block;
    padding: 15px 40px;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}
.about_intro section img {
    width: 100%;
}
.about_intro .row {
    margin: 0;
}
.membership_types section {
    margin: 40px 0;
}
.membership_types section a {
    background-color: #51175A;
    display: inline-block;
    padding: 15px 40px;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}
.membership_types section h3 {
    font-size: 24px;
    margin: 0 0 20px;
}
.membership_types section p {
    color: #637381;
    font-size: 14px;
    line-height: 25px;
    margin: 0 0 30px;
    text-align: justify;
}


























/**********************************NEW CSS***************************************/






.address_wrapper {
    display: flex;
    flex-wrap: wrap;
}
.address_wrapper article {
    width: 50%;
    margin: 20px 0;
}
.address_wrapper article h5 {
    font-weight: 600;
    margin: 0 0 25px;
}
.address_wrapper article p {
    margin: 0 0 5px;
    font-size: 14px;
}
ul.social_icon {
    display: flex;
}
ul.social_icon li {
    font-size: 20px;
    margin: 0 18px 0 0;
}
ul.social_icon li a {
	color:#000;
}
.contact_wrapper {
    padding: 50px 0;
}
.contact_wrapper form {
    margin: 10px 0;
    padding: 35px;
    background-color: #f8f8f8;
}
.contact_wrapper form input {
    border: none;
    background-color: #fff;
    width: 100%;
    height: 40px;
    padding: 0 20px;
    margin: 10px 0;
    color: #000;
	font-size:14px;
}
.contact_wrapper form textarea {
    border: none;
    background-color: #fff;
    width: 100%;
    height: 130px;
    padding: 20px;
    margin: 10px 0;
    color: #000;
	font-size:14px;
}
.submit_btn {
    background-color: #36CECE;
    padding: 12px 35px;
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    color: #fff;
    font-weight: 700;
}










.login_reg_wrapper {
    padding: 100px 0;
}
.login-reg-panel{
    position: relative;
	text-align:center;
    max-width:1200px;
    margin: 0 auto;
    height:500px;
    background-color: #15001fb8;
}
.white-panel{
    background-color: rgba(255,255, 255, 1);
    height:500px;
    position:absolute;
    top:0px;
    width:50%;
    right:calc(50%);
    transition:.3s ease-in-out;
    z-index:0;
}
.login-reg-panel input[type="radio"]{
    position:relative;
    display:none;
}
.login-reg-panel{
    color:#B8B8B8;
}
.login-reg-panel #label-login, .login-reg-panel #label-register {
    border: none;
    padding: 11px 5px;
    width: 150px;
    display: block;
    text-align: center;
    border-radius: 0;
    cursor: pointer;
    margin: 45px auto 0;
    background-color: #36CECE;
    color: #fff;
}
.login-info-box {
    width: 50%;
    padding: 0 50px;
    top: 20%;
    left: 0;
    position: absolute;
    text-align: center;
}
.register-info-box {
    width: 50%;
    padding: 0 50px;
    top: 20%;
    right: 0;
    position: absolute;
    text-align: center;
}
.right-log{right:0px !important;}

.login-show, 
.register-show{
    z-index: 1;
    display:none;
    opacity:0;
    transition:0.3s ease-in-out;
    color:#242424;
    text-align:left;
    padding:50px;
}
.show-log-panel{
    display:block;
    opacity:0.9;
}
.login-show input[type="text"], .login-show input[type="password"] {
    width: 100%;
    display: block;
    margin: 20px 0;
    padding: 0 15px;
    border: 1px solid #b5b5b5;
    outline: none;
    height: 40px;
    font-size: 14px;
}
.login-show input[type="button"] {
    max-width: 150px;
    width: 100%;
    background: #51175A;
    color: #f9f9f9;
    border: none;
    padding: 10px;
    text-transform: uppercase;
    border-radius: 0;
    float: right;
    cursor: pointer;
}
.login-show a {
    display: inline-block;
    padding: 10px 0;
    font-size: 14px;
    color: #390042;
}

.register-show input[type="text"], .register-show input[type="password"]{
    width: 100%;
    display: block;
    margin: 20px 0;
    padding: 0 15px;
    border: 1px solid #b5b5b5;
    outline: none;
    height: 40px;
}
.register-show select {
    width: 100%;
    display: block;
    margin: 20px 0;
    padding: 0 15px;
    border: 1px solid #b5b5b5;
    outline: none;
    height: 40px;
}
.register-show input[type="button"] {
    max-width: 150px;
    width: 100%;
    background: #51175A;
    color: #fff;
    border: none;
    padding: 10px;
    text-transform: uppercase;
    border-radius: 2px;
    float:right;
    cursor:pointer;
}
.credit {
    position:absolute;
    bottom:10px;
    left:10px;
    color: #3B3B25;
    margin: 0;
    padding: 0;
    font-family: Arial,sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    z-index: 99;
}
form#registration-form .form-group {
    width: 50%;
    padding: 0 8px;
}
form#registration-form .form-group.field-regas.required {
    width: 100%;
}
form#registration-form .form-group input, .register-show select {
    margin: 8px 0;
    border-radius: 0;
    font-size: 14px;
}
.check_terms {
    display: flex;
    margin: 10px 0 0;
}
.check_terms label {
    font-size: 14px;
}
.login-reg-panel h2 {
    color: #fff;
}
.login-show h2, .register-show h2 {
    color: #000;
}
.login-reg-panel p {
    font-size: 14px;
    color: #fff;
    max-width: 280px;
    margin: 15px auto 0;
}
.login_reg_wrapper {
    padding: 100px 0;
    background-image: url(../images/login_bg.jpg);
    background-position: center;
    background-size: cover;
}
.resource_banner {
    background-image: url(../images/innerbanner2.jpg);
	background-position: center top;
}



.resources_wrapper {
    padding: 30px 0;
}

.resources_wrapper section h5 {
    font-size: 18px;
    margin: 0 0 20px;
    min-height: 45px;
}
.resources_wrapper section p {
    color: #606060;
    font-size: 14px;
    margin: 0;
	    text-align: justify;
}
.resources_wrapper section {
    margin: 25px 0;
    padding: 0;
    min-height: 340px;
}
.resources_wrapper section article {
    padding: 25px;
    border: solid 1px #ddd;
}
.resources_wrapper section img {
	width:100%;
}
.resources_wrapper section a {
    background-color: #51175A;
    display: inline-block;
    padding: 15px 40px;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 25px 0 0;
}











.inner_banner_main, .inner_banner_new {
    background-image: url(../images/inner_banner_main.jpg);
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-position: center;
}
.inner_banner_main h3, .inner_banner_new h3 {
    position: relative;
    z-index: 99;
    font-size: 50px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 800;
	    text-align: center;
}
.inner_banner_main:before, .inner_banner_new:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(25, 0, 38, 0.4);
}
.header_ad a, .header_ad img {
    display: block;
    width: 100%;
}
.header_ad {
    width: 365px;
}
ul.menu li {
    position: relative;
    display: flex;
    align-items: center;
}
.down_menu_wrapper {
    display: flex;
    justify-content: space-between;
}
.psychologist .resource a {
    text-decoration: none;
}
.resource .incan span.psy-details {
    min-height: auto !important;
    padding: 13px 15px !important;
}


.training_details p {
    text-align: justify!important;
}

.membership_types img {
    width: 100%;
    margin: 15px 0 15px!important;
}


.prof_pic {
    height: 310px;
    overflow: hidden;
}

.rci_box {
    padding: 15px 0;
    border-bottom: solid 2px #000;
    border-top: solid 2px #000;
    margin: -2px 0 0;
}









@media (min-width:250px) and (max-width: 1200px) {
    .header_ad {
        width: 100%;
    }

    .header_ad img {
        width: 100%;
    }

    .exceutives {
        width: 30% !important;
    }

    .resource .incan span {
        min-height: auto;
    }

    .psychologist .resource {
        margin: 0 0 0;
    }
}


@media (min-width:250px) and (max-width: 1120px) {
    .header_ad {
        width: 100%;
        height: auto;
    }

    .menu_toggle {
        display: block;
        position: relative;
        right: 0px;
        top: 14px;
        float: left;
        margin: 0px;
    }

    /*ul.menu {
        right: 150px;
        width: 190px;
    }*/

    .menu li {
        display: block;
        border-radius: 0;
    }

    .menu li:hover>a {
        color: #fff !important;
    }

    .drpdwn,
    .subdrpdwn {
        border-radius: 0;
        left: 0;
        width: 100%;
    }

    .exceutives .exc_imgbox {
        float: none;
        height: 100px;
        width: 100px;
        border-radius: 50%;
        overflow: hidden;
        margin: -30px auto 0;
    }

    .exceutives .exe_content {
        float: none;
        height: auto;
        margin-left: 0 !important;
        min-height: 150px;
        width: 100%;
        padding: 0 20px;
        text-align: center;
    }

    .exceutives {
        width: 33.3333% !important;
        margin: 0 0 40px;
        box-shadow: none;
        border: solid 5px #fff;
    }

    .resdetails_con {
        margin-left: 0;
        width: 100% !important;
        box-sizing: border-box;
    }
}



@media (min-width:250px) and (max-width: 991px) {
    .exceutives {
        width: 50% !important;
    }

    .exceutives .exe_content {
        padding: 0 20px 20px;
    }

    .exe_content p {
        font-size: 14px;
        line-height: 20px;
    }

    .psychologist .resource {
        width: 33.33333% !important;
    }

    .inresources h2 {
        font-size: 20px;
    }

    form#searchfm {
        display: flex;
        flex-wrap: wrap;
    }

    #places_chosen {
        width: 50% !important;
        flex: 0 0 50%;
        margin: 0 0 !important;
        background-color: #fff;
        border: solid 5px #f1f1f1 !important;
    }

    form#searchfm select,
    form#searchfm input {
        width: 50%;
        flex: 0 0 50%;
        margin: 0 !important;
        border: solid 5px #f1f1f1 !important;
        height: 48px;
    }

    #location_chosen .chosen-single,
    #places_chosen .chosen-single {
        background: transparent;
    }
}








@media (min-width:250px) and (max-width: 991px) {
ul.menu li {
    position: relative;
    text-align: center;
    justify-content: center;
}
li.header_ad {
    width: 100%;
}
li.header_ad a {
    width: auto;
    max-width: 360px;
    margin: 0 auto;
}
.inner_banner_main, .inner_banner_new, .inner_banner {
    height: 210px;
}	
.inner_banner_main h3, .inner_banner_new h3, .inner_banner h3 {
    font-size: 35px;
}

}


@media (min-width:250px) and (max-width: 767px) {
    .header_ad {
        display: none;
    }

    .logo img {
        width: 65px;
    }

    .social_icons li a {
        width: 25px;
        height: 25px;
        font-size: 12px;
    }

    .menu_toggle img {
        width: 28px;
    }

    .social_icons {
        margin: 15px 35px 0 0;
    }

    .menu_toggle {
        position: absolute;
    }

    ul.menu {
        right: 0;
        top: 50px;
    }

    .resource img {
        width: 100%;
    }

    .res_content {
        padding: 20px;
        border: solid 1px #ddd;
        border-top: none;
    }

    .resdetails_con {
        box-sizing: border-box;
        width: 100% !important;
    }

    .resdetails_con .imgg {
        float: none;
        height: auto;
        margin-right: 0;
        margin-bottom: 20px;
        min-height: auto;
        width: 100%;
    }

    .psychologist .resource {
        width: 50% !important;
    }

    .cd-gallery {
        padding: 260px 0 22px !important;
    }

    .cd-tab-filter li {
        display: block !important;
    }
.about_intro section {
    width: 100%;
}
.about_intro_content {
    padding: 20px 25px !important;
}	
.mp_wrapper h2 {
    font-size: 35px;
}
.mp_wrapper p strong {
    margin: 25px auto;
}
.mp_wrapper section article {
    min-height: auto;
}
.single-product main.site-main {
    padding: 50px 15px 0;
}
}



@media (min-width:250px) and (max-width: 576px) {
    .exceutives {
        width: 100% !important;
        margin: 45px 0 0 !important;
    }

    .resdetails_con p a {
        width: 150px;
    }

    .psychologist .resource {
        width: 100% !important;
        margin: 0 0 20px !important;
    }

    .site-error,
    a#canvwpro1 {
        width: 95%;
        text-align: center;
        float: none !important;
        margin: 0 auto;
        border-radius: 33px;
    }

    #places_chosen {
        width: 100% !important;
        flex: 0 0 100%;
    }

    form#searchfm select,
    form#searchfm input {
        width: 100%;
        flex: 0 0 100%;
    }
.membership_types img {
    width: 100%;
    margin: 0 0 15px;
}
.membership_types section {
    margin: 40px 0;
    padding: 20px;
    border: solid 1px #ddd;
}	
}